vcomply-workflow-engine 2.9.30 → 2.9.32

package/esm2015/lib/sharedComponents/assessment-editor/components/response-selector/response-selector.component.js

@@ -26,7 +26,7 @@ ResponseSelectorComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-response-selector',
                 template: "<div *ngIf=\"!responseDetails\" class=\"response-selector\">\r\n    <button class=\"close vx-fs-16 vx-label-txt vx-m-0 vx-p-0 vx-d-flex\"><i class=\"icons\">&#xe9ae;</i></button>\r\n    <div class=\"search-field vx-p-3 vx-pt-0\">\r\n        <input type=\"search\" placeholder=\"Search form category...\" />\r\n        <i class=\"icons search vx-fs-14\">&#xe90b;</i>\r\n    </div>\r\n    <div class=\"vx-d-flex\">\r\n        <div class=\"half\">\r\n            <div class=\"head vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\">\r\n                <div class=\"heading vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">RESPONSE CHOICES</div>\r\n                <button class=\"add-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"addResponseSet()\">+ ADD</button>\r\n            </div>\r\n            <div class=\"body\">\r\n                <app-no-data *ngIf=\"false\" [noDataImage]=\"'./assets/images/no-data-response.svg'\" [noDataText]=\"'No data to display'\"></app-no-data>\r\n                <div class=\"response-section vx-p-3 vx-pb-2 vx-pr-0\">\r\n                    <ul class=\"vx-p-0 vx-pr-3 vx-m-0 vx-mb-3\">\r\n                        <li class=\"vx-d-flex vx-justify-between vx-mt-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]\">\r\n                            <div class=\"response-data vx-d-flex vx-align-center vx-flex-wrap\">\r\n                                <span class=\"chip vx-fs-11 vx-lh-4 vx-pl-1 vx-pr-1 vx-mr-1 vx-mb-1\" style=\"background: #66BF721A; color: #34AA44;\">Good</span>\r\n                                <span class=\"chip vx-fs-11 vx-lh-4 vx-pl-1 vx-pr-1 vx-mr-1 vx-mb-1\" style=\"background: #F2BF191A; color: #F2BF19;\">Fair</span>\r\n                                <span class=\"chip vx-fs-11 vx-lh-4 vx-pl-1 vx-pr-1 vx-mr-1 vx-mb-1\" style=\"background: #F1F1F1; color: #747576;\">N/A</span>\r\n                            </div>\r\n                            <button class=\"edit vx-fs-12 vx-txt-blue vx-p-0 vx-m-0 vx-ml-3 vx-d-flex vx-align-center\" (click)=\"addResponseSet()\"><i class=\"icons\">&#xe9ba;</i></button>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"half\">\r\n            <div class=\"head vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\">\r\n                <div class=\"heading vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">GLOBAL RESPONSE CHOICES</div>\r\n                <button class=\"add-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"addResponseSet()\">+ ADD</button>\r\n            </div>\r\n            <div class=\"body\">\r\n                <app-no-data *ngIf=\"false\" [noDataImage]=\"'./assets/images/no-data-response.svg'\" [noDataText]=\"'No data to display'\"></app-no-data>\r\n                <div class=\"global-response\">\r\n                    <ul class=\"vx-p-0 vx-m-0\">\r\n                        <li class=\"vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n                            <div class=\"name vx-fs-13 vx-txt-blue\" [appTooltip]=\"'Restaurant locations'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" (click)=\"openResponseDetails()\">Restaurant locations</div>\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <button class=\"edit vx-fs-12 vx-txt-blue vx-p-0 vx-m-0 vx-ml-2 vx-d-flex vx-align-center\" (click)=\"addResponseSet()\"><i class=\"icons\">&#xe9ba;</i></button>\r\n                                <button class=\"arrow vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-ml-4 vx-d-flex vx-align-center\" (click)=\"openResponseDetails()\"><i class=\"icons\">&#xe970;</i></button>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf=\"responseDetails\" class=\"response-details\">\r\n    <div class=\"response-details-head vx-d-flex vx-align-center vx-justify-between vx-pl-2 vx-pr-2\">\r\n        <div class=\"heading vx-fs-12 vx-label-txt\" [appTooltip]=\"'Response name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Response name</div>\r\n        <div class=\"vx-d-flex vx-align-center\">\r\n            <button class=\"select-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-m-0 vx-p-0 vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-lh-5\">USE THIS RESPONSE SET</button>\r\n            <button class=\"back vx-fs-16 vx-label-txt vx-p-0 vx-m-0 vx-ml-4 vx-d-flex vx-align-center\" (click)=\"backResponse()\"><i class=\"icons\">&#xe91d;</i></button>\r\n        </div>\r\n    </div>\r\n    <div class=\"response-details-body\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li class=\"vx-d-flex vx-align-center vx-justify-between\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1, 1]\">\r\n                <div class=\"value vx-fs-12 vx-label-txt vx-pl-2\" [appTooltip]=\"'response option'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">response option</div>\r\n                <div class=\"vx-d-flex vx-align-center\">\r\n                    <div class=\"failed vx-fs-10 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-lh-4 vx-mr-3\">FAILED RESPONSE</div>\r\n                    <div class=\"score vx-fs-12 vx-fw-500 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">SCORE: 3</div>\r\n                </div>\r\n            </li>\r\n        </ul>\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 .response-selector{background:#FFFFFF;border-radius:.125rem;box-shadow:0 3px 6px #1e5dd333;padding-top:2rem;position:relative}::ng-deep .response-selector button.close{background:transparent;border:none;border-radius:0;position:absolute;top:.5rem;right:.5rem}::ng-deep .response-selector .search-field{position:relative}::ng-deep .response-selector .search-field input{background:#FFFFFF;border:1px solid #7475763F;border-radius:.25rem;color:#161b2f;font-size:13px;font-weight:400;padding:.5rem .75rem .5rem 2.25rem;width:100%;height:2.5rem;outline:none}::ng-deep .response-selector .search-field i.search{position:absolute;top:.8125rem;left:1.5rem;color:#f1f1f1}::ng-deep .response-selector .half{border-top:1px solid #F1F1F1;border-right:1px solid #F1F1F1;width:50%}::ng-deep .response-selector .half:nth-child(2){border-right:none}::ng-deep .response-selector .half .head{background:#FBFBFB;border-bottom:1px solid #F1F1F1;height:2rem}::ng-deep .response-selector .half .head button.add-btn{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.125rem;line-height:1.375rem}::ng-deep .response-selector .half .body{background:#FFFFFF;max-height:12.75rem}::ng-deep .response-selector .half .body app-no-data .no-data-container .image{width:10rem;margin-top:1rem}::ng-deep .response-selector .half .body app-no-data .no-data-container .text{font-size:14px;margin-bottom:1rem}::ng-deep .response-selector .half .body .response-section ul{list-style-type:none;max-height:11rem;overflow-y:auto}::ng-deep .response-selector .half .body .response-section ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-selector .half .body .response-section ul li:only-child,::ng-deep .response-selector .half .body .response-section ul li:first-of-type{margin-top:0!important}::ng-deep .response-selector .half .body .response-section ul li .response-data{width:calc(100% - 2rem);padding-bottom:.125rem}::ng-deep .response-selector .half .body .response-section ul li .response-data .chip{border-radius:.125rem;cursor:pointer}::ng-deep .response-selector .half .body .response-section ul li button.edit{background:transparent;border:none;border-radius:0;height:1rem}::ng-deep .response-selector .half .body .global-response ul{list-style-type:none;max-height:12.25rem;overflow-y:auto}::ng-deep .response-selector .half .body .global-response ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-selector .half .body .global-response ul li{border-bottom:1px solid #F1F1F1}::ng-deep .response-selector .half .body .global-response ul li .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 4rem);cursor:pointer}::ng-deep .response-selector .half .body .global-response ul li button.edit,::ng-deep .response-selector .half .body .global-response ul li button.arrow{background:transparent;border:none;border-radius:0}::ng-deep .response-details{background:#FFFFFF;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .response-details-head{background:#f8f8f8;border-bottom:1px solid #F1F1F1;border-radius:.25rem .25rem 0 0;height:2.5rem}::ng-deep .response-details-head .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 12rem)}::ng-deep .response-details-head button.select-btn{background:#34aa44;border:none;border-radius:.125rem}::ng-deep .response-details-head button.back{background:transparent;border:none;border-radius:0}::ng-deep .response-details-body ul{list-style-type:none;max-height:17.375rem;overflow-y:auto}::ng-deep .response-details-body ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-details-body ul li{border-bottom:1px solid #F1F1F1}::ng-deep .response-details-body ul li:only-child,::ng-deep .response-details-body ul li:last-of-type{border-bottom:none}::ng-deep .response-details-body ul li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 15rem)}::ng-deep .response-details-body ul li .failed{background:#d93b41;border-radius:.125rem}::ng-deep .response-details-body ul li .score{background:#FBFBFB;border-radius:0 .25rem .25rem 0;height:2.25rem;width:6rem}\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 .response-selector{background:#fff;border-radius:.125rem;box-shadow:0 3px 6px #1e5dd333;padding-top:2rem;position:relative}::ng-deep .response-selector button.close{background:transparent;border:none;border-radius:0;position:absolute;top:.5rem;right:.5rem}::ng-deep .response-selector .search-field{position:relative}::ng-deep .response-selector .search-field input{background:#fff;border:1px solid #7475763f;border-radius:.25rem;color:#161b2f;font-size:13px;font-weight:400;padding:.5rem .75rem .5rem 2.25rem;width:100%;height:2.5rem;outline:none}::ng-deep .response-selector .search-field i.search{position:absolute;top:.8125rem;left:1.5rem;color:#f1f1f1}::ng-deep .response-selector .half{border-top:1px solid #f1f1f1;border-right:1px solid #f1f1f1;width:50%}::ng-deep .response-selector .half:nth-child(2){border-right:none}::ng-deep .response-selector .half .head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2rem}::ng-deep .response-selector .half .head button.add-btn{background:#fff;border:1px solid #dbdbdb;border-radius:.125rem;line-height:1.375rem}::ng-deep .response-selector .half .body{background:#fff;max-height:12.75rem}::ng-deep .response-selector .half .body app-no-data .no-data-container .image{width:10rem;margin-top:1rem}::ng-deep .response-selector .half .body app-no-data .no-data-container .text{font-size:14px;margin-bottom:1rem}::ng-deep .response-selector .half .body .response-section ul{list-style-type:none;max-height:11rem;overflow-y:auto}::ng-deep .response-selector .half .body .response-section ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-selector .half .body .response-section ul li:first-of-type,::ng-deep .response-selector .half .body .response-section ul li:only-child{margin-top:0!important}::ng-deep .response-selector .half .body .response-section ul li .response-data{width:calc(100% - 2rem);padding-bottom:.125rem}::ng-deep .response-selector .half .body .response-section ul li .response-data .chip{border-radius:.125rem;cursor:pointer}::ng-deep .response-selector .half .body .response-section ul li button.edit{background:transparent;border:none;border-radius:0;height:1rem}::ng-deep .response-selector .half .body .global-response ul{list-style-type:none;max-height:12.25rem;overflow-y:auto}::ng-deep .response-selector .half .body .global-response ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-selector .half .body .global-response ul li{border-bottom:1px solid #f1f1f1}::ng-deep .response-selector .half .body .global-response ul li .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 4rem);cursor:pointer}::ng-deep .response-selector .half .body .global-response ul li button.arrow,::ng-deep .response-selector .half .body .global-response ul li button.edit{background:transparent;border:none;border-radius:0}::ng-deep .response-details{background:#fff;border:1px solid #f1f1f1;border-radius:.25rem}::ng-deep .response-details-head{background:#f8f8f8;border-bottom:1px solid #f1f1f1;border-radius:.25rem .25rem 0 0;height:2.5rem}::ng-deep .response-details-head .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 12rem)}::ng-deep .response-details-head button.select-btn{background:#34aa44;border:none;border-radius:.125rem}::ng-deep .response-details-head button.back{background:transparent;border:none;border-radius:0}::ng-deep .response-details-body ul{list-style-type:none;max-height:17.375rem;overflow-y:auto}::ng-deep .response-details-body ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-details-body ul li{border-bottom:1px solid #f1f1f1}::ng-deep .response-details-body ul li:last-of-type,::ng-deep .response-details-body ul li:only-child{border-bottom:none}::ng-deep .response-details-body ul li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 15rem)}::ng-deep .response-details-body ul li .failed{background:#d93b41;border-radius:.125rem}::ng-deep .response-details-body ul li .score{background:#fbfbfb;border-radius:0 .25rem .25rem 0;height:2.25rem;width:6rem}"]
             },] }
 ];
 ResponseSelectorComponent.ctorParameters = () => [

package/esm2015/lib/sharedComponents/assessment-editor/components/setting-anonymous/setting-anonymous.component.js

@@ -44,7 +44,7 @@ SettingAnonymousComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-setting-anonymous',
                 template: "<div class=\"item-body vx-pt-3 vx-pb-3\" *ngIf=\"true\">\r\n    <!-- <app-cs-switch><div class=\"vx-fs-13 vx-paragraph-txt\">Enable assessment mode for this form</div></app-cs-switch> -->\r\n    <div class=\"mode-list vx-mt-3\">\r\n        <div class=\"mode-item vx-d-flex vx-align-center vx-justify-between vx-mt-2\" [class.done]=\"false\">\r\n            <div class=\"heading vx-fs-13 vx-fw-500 vx-label-txt vx-pl-3\">Set default scores for all questions</div>\r\n            <div *ngIf=\"true\" class=\"score-area vx-d-flex vx-align-center vx-pl-3 vx-pr-1\">\r\n                <div class=\"vx-fs-12 vx-paragraph-txt vx-mr-2\">Score</div>\r\n                <div class=\"input-area vx-d-flex vx-align-center\">\r\n                    <button (click)=\"manipulateDefault('DECREASE')\" class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">-</button>\r\n                    <input type=\"number\" [(ngModel)]=\"setting.defaultScore\">\r\n                    <button (click)=\"manipulateDefault('INCREASE')\" class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"false\" class=\"score vx-pl-2 vx-pr-2 vx-lh-6\">\r\n                <span class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mr-1\">SCORE:</span>\r\n                <span class=\"vx-fs-13 vx-txt-blue\">10</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"mode-item vx-mt-2\" [class.done]=\"false\">\r\n            <div class=\"vx-d-flex vx-align-center vx-justify-between\">\r\n                <div class=\"heading vx-fs-13 vx-fw-500 vx-label-txt vx-pl-3\">Select a criterion for negative scores</div>\r\n                <div *ngIf=\"true\" class=\"score-area vx-d-flex vx-align-center vx-pl-3 vx-pr-1\">\r\n                    <div class=\"vx-fs-12 vx-paragraph-txt vx-mr-2\">Score</div>\r\n                    <div class=\"input-area vx-d-flex vx-align-center\">\r\n                        <button  (click)=\"manipulateNegativeScore('DECREASE')\" class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">-</button>\r\n                        <input type=\"number\" [(ngModel)]=\"setting.negativeScore\">\r\n                        <button (click)=\"manipulateNegativeScore('INCREASE')\" class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n                    </div>\r\n                </div>\r\n                <div *ngIf=\"false\" class=\"score vx-pl-2 vx-pr-2 vx-lh-6\">\r\n                    <span class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mr-1\">SCORE:</span>\r\n                    <span class=\"vx-fs-13 vx-txt-blue\">2</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"criteria-list vx-pt-3 vx-pl-3\">\r\n                <app-cs-radio [name]=\"'failedCriteriaSettings'\" [checked]=\"setting.negativeScoreCriteria === 'FAILED'\" (checkedEvent)=\"setting.negativeScoreCriteria = 'FAILED'\"><div class=\"name vx-fs-12 vx-paragraph-txt\">Failed Responses</div></app-cs-radio>\r\n                <app-cs-radio [name]=\"'failedCriteriaSettings'\"  [checked]=\"setting.negativeScoreCriteria === 'SKIPPED'\" (checkedEvent)=\"setting.negativeScoreCriteria = 'SKIPPED'\"><div class=\"name vx-fs-12 vx-paragraph-txt\">Skipped Questions</div></app-cs-radio>\r\n                <app-cs-radio [name]=\"'failedCriteriaSettings'\"  [checked]=\"setting.negativeScoreCriteria === 'FAILED_SKIPPED'\" (checkedEvent)=\"setting.negativeScoreCriteria = 'FAILED_SKIPPED'\"><div class=\"name vx-fs-12 vx-paragraph-txt\">Skipped Questions & Failed Responses</div></app-cs-radio>\r\n            </div>\r\n        </div>\r\n        <div  class=\"mode-item vx-d-flex vx-align-center vx-justify-between vx-mt-2 vx-pl-3 vx-pr-3\">\r\n            <app-cs-switch [(ngValue)]=\"setting.weightageEnabled\"><div class=\"vx-fs-13 vx-label-txt\">Enabled weightage for each question</div></app-cs-switch>\r\n        </div>\r\n        <div class=\"segment-bottom vx-d-flex vx-align-center vx-justify-end vx-p-2 vx-mt-4\" >\r\n            <button (click)=\"cancel()\" class=\"cancel-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">CANCEL</button>\r\n            <button (click)=\"confirmOverride()\" class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">SAVE</button>\r\n        </div>\r\n        <div class=\"confirmation-massage\" *ngIf=\"overRideConfirm\">\r\n            <div class=\"confirmation-massage-top vx-d-flex vx-p-3\">\r\n                <i class=\"icons vx-fs-16 vx-txt-white vx-mr-2\">&#xe932;</i>\r\n                <span class=\"text vx-fs-12 vx-txt-white\">These settings will be updated for all the questions within this form. Scores that were added previously will be replaced with the new settings.</span>\r\n            </div>\r\n            <div class=\"confirmation-massage-bottom vx-d-flex vx-align-center vx-justify-between vx-p-2\" *ngIf=\"overRideConfirm\">\r\n                <div class=\"text vx-fs-13 vx-txt-white\">Are you sure you would like to proceed?</div>\r\n                <div class=\"vx-d-flex vx-align-center\">\r\n                    <button (click)=\"confirmOverride('NO')\" class=\"no-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">NO</button>\r\n                    <button (click)=\"saveSetting()\" class=\"yes-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">YES</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/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 .assessment-settings{background:#FFFFFF;width:31.25rem;height:100vh}::ng-deep .assessment-settings-head{background:#f8f8f8;border-bottom:1px solid #F1F1F1;height:3rem}::ng-deep .assessment-settings-head i.info{cursor:pointer}::ng-deep .assessment-settings-head button.close{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body{padding-left:2.25rem;padding-right:1rem;width:32.25rem;position:relative;left:-1rem;height:calc(100vh - 3.5rem);overflow-y:auto}::ng-deep .assessment-settings-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .assessment-settings-body .settings-item{border:1px solid #DBDBDB;border-radius:.25rem;position:relative;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item:hover,::ng-deep .assessment-settings-body .settings-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item.done{background:#FBFBFB;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item.done:hover{border-color:#1e5dd3}::ng-deep .assessment-settings-body .settings-item .status{background:#FFFFFF;border-radius:50%;position:absolute;left:-2.25rem;top:.35rem;width:1.75rem;height:1.75rem;transition:all .1s ease-in-out;z-index:1}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon{position:absolute;top:-1px;width:29px;height:29px;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}::ng-deep .assessment-settings-body .settings-item .status.edit .edit-loader{position:absolute;top:-.1875rem;left:-.1875rem;right:0;bottom:0;width:34px;height:34px;transform:rotate(90deg)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark{width:28px;height:28px;border-radius:50%;stroke-width:4;stroke:#1e5dd3;stroke-miterlimit:10;box-shadow:inset 0 0 #1e5dd3}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__circle{stroke-dasharray:0;stroke-dashoffset:0;stroke-width:0;stroke-miterlimit:10;stroke:#f1f1f1;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;transform:scale(.23)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;fill:#1e5dd3;transform:scale(.5)}::ng-deep .assessment-settings-body .settings-item .item-head{min-height:2.5rem;width:100%;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-head .name I.info{position:relative;top:1px;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body{border-top:1px solid #F1F1F1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list{position:relative}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list .confirmation-massage{background:#1e5dd3;border-radius:0 0 .1875rem .1875rem;position:absolute;bottom:0;left:-1rem;width:calc(100% + 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list .confirmation-massage-bottom{border-top:1px solid #4681ef}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list .confirmation-massage-bottom button{border-radius:.125rem;width:3.5rem;height:1.875rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list .confirmation-massage-bottom button.no-btn{background:#1e5dd3;border:1px solid #FFFFFF}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list .confirmation-massage-bottom button.yes-btn{background:#FFFFFF;border:none}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item{border:1px solid #DBDBDB;border-radius:.25rem;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done{background:#FBFBFB;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done .criteria-list{border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area{border-left:1px solid #DBDBDB;width:9.5rem;height:2.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area button{background:transparent;border:none;border-radius:0;height:1.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area input{background:#FFFFFF;border:1px solid #F1F1F1;border-radius:.25rem;color:#747576;font-size:13px;text-align:center;width:44px;height:1.5rem;outline:none}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score{background:#FFFFFF;border:1px solid #F1F1F1;border-radius:.125rem;margin:.375rem .375rem .375rem 0;min-width:4.5rem;max-width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list{border-top:1px solid #DBDBDB}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list app-cs-radio{display:block;margin-bottom:.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item app-cs-switch{width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item{position:relative;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:0 .75rem;height:2.5rem;width:100%;outline:none;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:hover,::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input::placeholder{color:#747576;opacity:1}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item marx-editor .editor-container .editable-block{font-size:12px;padding:.5rem .75rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item marx-editor .editor-container .editable-block:before{color:#747576!important}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .score-label{background:#F1F1F1;border-radius:.125rem;position:relative;top:-.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list{background:#f8f8f8;border-radius:.125rem;height:2rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left{width:calc(100% - 6.5rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left i.info{cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right{width:6.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .score{border-radius:0 .125rem .125rem 0;height:2rem;display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action{height:2rem;display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action button{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .score{display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .action{display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list button.segment-close{top:-2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-btn{background:#FFFFFF;border:1px solid #1e5dd3;border-radius:.25rem;height:2.5rem;width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-close{background:#1e5dd3;border:.25rem solid #FFFFFF;border-radius:50%;width:36px;height:36px;margin:.125rem auto;position:relative;z-index:3}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .segment-popup{position:absolute;bottom:1.25rem;left:.875rem;width:25rem;z-index:2}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom{background:#FBFBFB;border-top:1px solid #F1F1F1;border-radius:0 0 .1875rem .1875rem;height:2.75rem;margin:0 0 -.75rem -1rem;width:calc(100% + 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button{border-radius:.125rem;height:1.875rem;width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.cancel-btn{background:#FFFFFF;border:1px solid #DBDBDB}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.save-btn{background:#1e5dd3;border:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.disabled{background:#F1F1F1;color:#747576;pointer-events:none}::ng-deep .assessment-settings-body .settings-item.skeleton-loader{background:#f8f8f8;border-color:#f1f1f1;height:2.5rem}::ng-deep .assessment-settings-body .settings-item.skeleton-loader .loader{background:#DBDBDB;border-radius:.5rem;height:.5rem;width:12rem}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes fillEdit{to{box-shadow:inset 0 0 0 2px #1e5dd3}}.circular-loader{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep app-cs-switch .cs-switch{cursor:pointer}.segment-bottom{background:#FBFBFB;border-top:1px solid #F1F1F1;border-radius:0 0 .1875rem .1875rem;height:2.75rem;margin:0 0 -.75rem -1rem;width:calc(100% + 2rem)}.segment-bottom button{border-radius:.125rem;height:1.875rem;width:5rem}.segment-bottom button.cancel-btn{background:#FFFFFF;border:1px solid #DBDBDB}.segment-bottom button.save-btn{background:#1e5dd3;border:none}.segment-bottom button.disabled{background:#F1F1F1;color:#747576;pointer-events:none}.footer{margin:0 -15px;border-top:1px solid #F1F1F1;height:50px;background:#FBFBFB;display:flex;align-items:center;justify-content:flex-end;border-radius:0 0 4px 4px;padding:0 13px}.footer button{height:32px;border-radius:2px;display:flex;align-items:center;justify-content:center;width:80px;cursor:pointer;border:1px solid;font-size:11px;font-weight:500}.footer button.blue{background:#1E5DD3;color:#fff;border-color:#1e5dd3}.footer button.white{background:#FFFFFF;color:#1e5dd3;border-color:#1e5dd3}.footer.warning{background:#1E5DD3;justify-content:space-between;border-top:1px solid #4681EF}.footer.warning p{margin:0;font-size:14px;color:#fff;font-weight:500}.footer.warning .button-wrapper{display:flex}.footer.warning button{width:60px}.footer.warning button.yes{background:#FFFFFF;color:#1e5dd3;border-color:#fff}.footer.warning button.no{background:transparent;color:#fff;border-color:#fff}\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 .assessment-settings{background:#fff;width:31.25rem;height:100vh}::ng-deep .assessment-settings-head{background:#f8f8f8;border-bottom:1px solid #f1f1f1;height:3rem}::ng-deep .assessment-settings-head i.info{cursor:pointer}::ng-deep .assessment-settings-head button.close{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body{padding-left:2.25rem;padding-right:1rem;width:32.25rem;position:relative;left:-1rem;height:calc(100vh - 3.5rem);overflow-y:auto}::ng-deep .assessment-settings-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .assessment-settings-body .settings-item{border:1px solid #dbdbdb;border-radius:.25rem;position:relative;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item.active,::ng-deep .assessment-settings-body .settings-item:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item.done{background:#fbfbfb;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item.done:hover{border-color:#1e5dd3}::ng-deep .assessment-settings-body .settings-item .status{background:#fff;border-radius:50%;position:absolute;left:-2.25rem;top:.35rem;width:1.75rem;height:1.75rem;transition:all .1s ease-in-out;z-index:1}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon{position:absolute;top:-1px;width:29px;height:29px;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 0 #34aa44;-webkit-animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;-webkit-animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}::ng-deep .assessment-settings-body .settings-item .status.edit .edit-loader{position:absolute;top:-.1875rem;left:-.1875rem;right:0;bottom:0;width:34px;height:34px;transform:rotate(90deg)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark{width:28px;height:28px;border-radius:50%;stroke-width:4;stroke:#1e5dd3;stroke-miterlimit:10;box-shadow:inset 0 0 0 #1e5dd3}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__circle{stroke-dasharray:0;stroke-dashoffset:0;stroke-width:0;stroke-miterlimit:10;stroke:#f1f1f1;fill:none;-webkit-animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;transform:scale(.23)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;fill:#1e5dd3;transform:scale(.5)}::ng-deep .assessment-settings-body .settings-item .item-head{min-height:2.5rem;width:100%;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-head .name I.info{position:relative;top:1px;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body{border-top:1px solid #f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list{position:relative}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list .confirmation-massage{background:#1e5dd3;border-radius:0 0 .1875rem .1875rem;position:absolute;bottom:0;left:-1rem;width:calc(100% + 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list .confirmation-massage-bottom{border-top:1px solid #4681ef}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list .confirmation-massage-bottom button{border-radius:.125rem;width:3.5rem;height:1.875rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list .confirmation-massage-bottom button.no-btn{background:#1e5dd3;border:1px solid #fff}::ng-deep .assessment-settings-body .settings-item .item-body .mode-list .confirmation-massage-bottom button.yes-btn{background:#fff;border:none}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item{border:1px solid #dbdbdb;border-radius:.25rem;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done{background:#fbfbfb;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done .criteria-list{border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area{border-left:1px solid #dbdbdb;width:9.5rem;height:2.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area button{background:transparent;border:none;border-radius:0;height:1.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area input{background:#fff;border:1px solid #f1f1f1;border-radius:.25rem;color:#747576;font-size:13px;text-align:center;width:44px;height:1.5rem;outline:none}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score{background:#fff;border:1px solid #f1f1f1;border-radius:.125rem;margin:.375rem .375rem .375rem 0;min-width:4.5rem;max-width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list{border-top:1px solid #dbdbdb}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list app-cs-radio{display:block;margin-bottom:.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item app-cs-switch{width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item{position:relative;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:0 .75rem;height:2.5rem;width:100%;outline:none;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:focus,::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input::-moz-placeholder{color:#747576;opacity:1}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:-ms-input-placeholder{color:#747576;opacity:1}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input::placeholder{color:#747576;opacity:1}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item marx-editor .editor-container .editable-block{font-size:12px;padding:.5rem .75rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item marx-editor .editor-container .editable-block:before{color:#747576!important}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .score-label{background:#f1f1f1;border-radius:.125rem;position:relative;top:-.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list{background:#f8f8f8;border-radius:.125rem;height:2rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left{width:calc(100% - 6.5rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left i.info{cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right{width:6.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .score{border-radius:0 .125rem .125rem 0;height:2rem;display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action{height:2rem;display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action button{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .score{display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .action{display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list button.segment-close{top:-2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-btn{background:#fff;border:1px solid #1e5dd3;border-radius:.25rem;height:2.5rem;width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-close{background:#1e5dd3;border:.25rem solid #fff;border-radius:50%;width:36px;height:36px;margin:.125rem auto;position:relative;z-index:3}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .segment-popup{position:absolute;bottom:1.25rem;left:.875rem;width:25rem;z-index:2}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom{background:#fbfbfb;border-top:1px solid #f1f1f1;border-radius:0 0 .1875rem .1875rem;height:2.75rem;margin:0 0 -.75rem -1rem;width:calc(100% + 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button{border-radius:.125rem;height:1.875rem;width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.cancel-btn{background:#fff;border:1px solid #dbdbdb}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.save-btn{background:#1e5dd3;border:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.disabled{background:#f1f1f1;color:#747576;pointer-events:none}::ng-deep .assessment-settings-body .settings-item.skeleton-loader{background:#f8f8f8;border-color:#f1f1f1;height:2.5rem}::ng-deep .assessment-settings-body .settings-item.skeleton-loader .loader{background:#dbdbdb;border-radius:.5rem;height:.5rem;width:12rem}@-webkit-keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@-webkit-keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@-webkit-keyframes fillEdit{to{box-shadow:inset 0 0 0 2px #1e5dd3}}@keyframes fillEdit{to{box-shadow:inset 0 0 0 2px #1e5dd3}}.circular-loader{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep app-cs-switch .cs-switch{cursor:pointer}.segment-bottom{background:#fbfbfb;border-top:1px solid #f1f1f1;border-radius:0 0 .1875rem .1875rem;height:2.75rem;margin:0 0 -.75rem -1rem;width:calc(100% + 2rem)}.segment-bottom button{border-radius:.125rem;height:1.875rem;width:5rem}.segment-bottom button.cancel-btn{background:#fff;border:1px solid #dbdbdb}.segment-bottom button.save-btn{background:#1e5dd3;border:none}.segment-bottom button.disabled{background:#f1f1f1;color:#747576;pointer-events:none}.footer{margin:0 -15px;border-top:1px solid #f1f1f1;height:50px;background:#fbfbfb;justify-content:flex-end;border-radius:0 0 4px 4px;padding:0 13px}.footer,.footer button{display:flex;align-items:center}.footer button{height:32px;border-radius:2px;justify-content:center;width:80px;cursor:pointer;border:1px solid;font-size:11px;font-weight:500}.footer button.blue{background:#1e5dd3;color:#fff;border-color:#1e5dd3}.footer button.white{background:#fff;color:#1e5dd3;border-color:#1e5dd3}.footer.warning{background:#1e5dd3;justify-content:space-between;border-top:1px solid #4681ef}.footer.warning p{margin:0;font-size:14px;color:#fff;font-weight:500}.footer.warning .button-wrapper{display:flex}.footer.warning button{width:60px}.footer.warning button.yes{background:#fff;color:#1e5dd3;border-color:#fff}.footer.warning button.no{background:transparent;color:#fff;border-color:#fff}"]
             },] }
 ];
 SettingAnonymousComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/setting-response-segment/setting-response-segment.component.js

@@ -133,7 +133,7 @@ SettingResponseSegmentComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-setting-response-segment',
                 template: "<div class=\"item-body vx-pt-3 vx-pb-3\" [class.error]=\"errorArray.length > 0\" *ngIf=\"true\">\r\n    <!-- <app-cs-switch [value]=\"setting?.settingEnableText\" [(ngValue)]=\"setting.isEnabled\" ><div class=\"vx-fs-13 vx-paragraph-txt\">Configure Response Segments for this form</div></app-cs-switch> -->\r\n    <!-- *ngIf=\"setting.isEnabled\" -->\r\n     <div  class=\"segment-form vx-mt-4\">\r\n        <div class=\"form-item vx-mb-4\">\r\n            <div class=\"label vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">SEGMENT CRITERIA <span class=\"vx-fs-16 vx-fw-400 vx-txt-red\">*</span></div>\r\n            <input type=\"text\" placeholder=\"Enter Segment criteria\" [(ngModel)]=\"setting.segmentData.title\">\r\n        </div>\r\n        <div class=\"form-item vx-mb-4\">\r\n            <div class=\"label vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">SEGMENT CRITERIA DESCRIPTION</div>\r\n            <marx-editor [editorConfig]=\"description\"  [(ngModel)]=\"setting.segmentData.description\"></marx-editor>\r\n        </div>\r\n        <div class=\"form-item vx-mb-4\">\r\n            <div class=\"label vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">MAXIMUM SCORE RANGE:</div>\r\n            <span class=\"score-label vx-fs-11 vx-fw-600 vx-paragraph-txt vx-pl-1 vx-pr-1 vx-lh-4\">0 - {{maxRange}}</span>\r\n        </div>\r\n        <div class=\"form-item vx-mb-4\" *ngIf=\"setting?.segmentData?.segments?.length > 0\">\r\n            <div class=\"label vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">ASSOCIATED SEGMENTS:</div>\r\n            <div class=\"associated-list vx-mb-1\"  *ngFor=\"let segment of setting?.segmentData?.segments; let i = index\">\r\n                <div class=\"vx-d-flex vx-align-center vx-justify-between\"  *ngIf=\"!(showResultEditPopup && editIndex === i)\">\r\n                    <div class=\"left vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\">\r\n                        <div class=\"name vx-fs-12\"   [style.color]=\"segment?.color\" [appTooltip]=\"segment?.segmentName\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{segment?.segmentName}}</div>\r\n                        <i *ngIf=\"segment?.segmentDescription\" class=\"icons info vx-fs-16 vx-txt-blue\" [appTooltip]=\"segment?.segmentDescription\" placement=\"bottom-right\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe932;</i>\r\n                    </div>\r\n                    <div class=\"right\">\r\n                        <div class=\"score vx-align-center vx-pl-2 vx-pr-2\" [style.background]=\"segment?.color\">\r\n                            <span class=\"vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-mr-3\">RANGE:</span>\r\n                            <span class=\"vx-fs-11 vx-fw-600 vx-txt-white\">{{' '+segment?.fromRange}} - {{segment?.toRange}}</span>\r\n                        </div>\r\n                        <div class=\"action vx-align-center vx-justify-center vx-pl-2 vx-pr-2\">\r\n                            <button  *ngIf=\"!(showResultEditPopup && editIndex === i)\" (click)=\"editResultPopup($event,segment,i)\" class=\"vx-fs-14 vx-txt-blue vx-p-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"editSegment()\"><i class=\"icons\">&#xe9ba;</i></button>\r\n                            <button (click)=\"deleteSegment(i)\" class=\"vx-fs-14 vx-txt-blue vx-p-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe923;</i></button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <button *ngIf=\"showResultEditPopup\" class=\"segment-close vx-fs-12 vx-fw-600 vx-txt-white vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"closeSegment()\"><i class=\"icons\">&#xe9ae;</i></button>\r\n                <div class=\"segment-popup\" *ngIf=\"showResultEditPopup\">\r\n                    <app-add-segment-popup [mode]=\"mode\" [criteria]=\"selectedSegment\"\r\n                    [segmentCollection]=\"setting?.segmentData?.segments\" (save)=\"saveCriteria($event)\"\r\n                    (closeSegment)=\"closeSegmentResult()\" [maxRange]=\"maxRange\"></app-add-segment-popup>\r\n                </div>\r\n                <div class=\"overlay\" *ngIf=\"showResultEditPopup\"></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"form-item vx-mb-4\">\r\n            <button *ngIf=\"!showResultPopup\" #button (click)=\"addNewSegment()\" class=\"segment-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"openSegmentPopup()\"><i class=\"icons vx-fs-14 vx-fw-600 vx-mr-4 vx-lh-4\">&#xe915;</i> ADD SEGMENT</button>\r\n            <button *ngIf=\"showResultPopup\" (click)=\"closeSegment()\" class=\"segment-close vx-fs-12 vx-fw-600 vx-txt-white vx-p-0 vx-d-flex vx-align-center vx-justify-center\" ><i class=\"icons\">&#xe9ae;</i></button>\r\n            <div class=\"segment-popup\" *ngIf=\"showResultPopup\">\r\n                <app-add-segment-popup [mode]=\"mode\" [criteria]=\"selectedSegment\"\r\n                [segmentCollection]=\"setting?.segmentData?.segments\" (save)=\"saveCriteria($event)\"\r\n                (closeSegment)=\"closeSegmentResult()\" [maxRange]=\"maxRange\"></app-add-segment-popup>\r\n            </div>\r\n            <div class=\"overlay\" *ngIf=\"showResultPopup\"></div>\r\n        </div>\r\n        <div class=\"segment-bottom vx-d-flex vx-align-center vx-justify-end vx-p-2\" *ngIf=\"errorArray.length === 0\">\r\n            <button (click)=\"cancel()\" class=\"cancel-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">CANCEL</button>\r\n            <button (click)=\"saveSetting()\" class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">SAVE</button>\r\n        </div>\r\n        <div class=\"segment-bottom error vx-d-flex vx-align-center vx-justify-between vx-p-2\" *ngIf=\"errorArray.length > 0\">\r\n            <div class=\"text vx-fs-12 vx-txt-white\">{{errorArray[0]?.message}}</div>\r\n            <button (click)=\"saveSetting()\" class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-red vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">SAVE</button>\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 .assessment-settings{background:#FFFFFF;width:31.25rem;height:100vh}::ng-deep .assessment-settings-head{background:#f8f8f8;border-bottom:1px solid #F1F1F1;height:3rem}::ng-deep .assessment-settings-head i.info{cursor:pointer}::ng-deep .assessment-settings-head button.close{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body{padding-left:2.25rem;padding-right:1rem;width:32.25rem;position:relative;left:-1rem;height:calc(100vh - 3.5rem);overflow-y:auto}::ng-deep .assessment-settings-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .assessment-settings-body .settings-item{border:1px solid #DBDBDB;border-radius:.25rem;position:relative;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item:hover,::ng-deep .assessment-settings-body .settings-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item.done{background:#FBFBFB;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item.done:hover{border-color:#1e5dd3}::ng-deep .assessment-settings-body .settings-item .status{background:#FFFFFF;border-radius:50%;position:absolute;left:-2.25rem;top:.35rem;width:1.75rem;height:1.75rem;transition:all .1s ease-in-out;z-index:1}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon{position:absolute;top:-1px;width:29px;height:29px;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}::ng-deep .assessment-settings-body .settings-item .status.edit .edit-loader{position:absolute;top:-.1875rem;left:-.1875rem;right:0;bottom:0;width:34px;height:34px;transform:rotate(90deg)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark{width:28px;height:28px;border-radius:50%;stroke-width:4;stroke:#1e5dd3;stroke-miterlimit:10;box-shadow:inset 0 0 #1e5dd3}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__circle{stroke-dasharray:0;stroke-dashoffset:0;stroke-width:0;stroke-miterlimit:10;stroke:#f1f1f1;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;transform:scale(.23)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;fill:#1e5dd3;transform:scale(.5)}::ng-deep .assessment-settings-body .settings-item .item-head{min-height:2.5rem;width:100%;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-head .name I.info{position:relative;top:1px;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body{border-top:1px solid #F1F1F1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item{border:1px solid #DBDBDB;border-radius:.25rem;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done{background:#FBFBFB;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done .criteria-list{border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area{border-left:1px solid #DBDBDB;width:9.5rem;height:2.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area button{background:transparent;border:none;border-radius:0;height:1.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area input{background:#FFFFFF;border:1px solid #F1F1F1;border-radius:.25rem;color:#747576;font-size:13px;text-align:center;width:44px;height:1.5rem;outline:none}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score{background:#FFFFFF;border:1px solid #F1F1F1;border-radius:.125rem;margin:.375rem .375rem .375rem 0;min-width:4.5rem;max-width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list{border-top:1px solid #DBDBDB}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list cs-radio{display:block;margin-bottom:.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item app-cs-switch{width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item{position:relative;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:0 .75rem;height:2.5rem;width:100%;outline:none;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:hover,::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input::placeholder{color:#747576;opacity:1}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item marx-editor .editor-container .editable-block{font-size:12px;padding:.5rem .75rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item marx-editor .editor-container .editable-block:before{color:#747576!important}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .score-label{background:#F1F1F1;border-radius:.125rem;position:relative;top:-.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list{background:#f8f8f8;border-radius:.125rem;height:2rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left{width:calc(100% - 6.5rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left i.info{cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right{width:6.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .score{border-radius:0 .125rem .125rem 0;height:2rem;display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action{height:2rem;display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action button{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .score{display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .action{display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list button.segment-close{top:-.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-btn{background:#FFFFFF;border:1px solid #1e5dd3;border-radius:.25rem;height:2.5rem;width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-close{background:#1e5dd3;border:.25rem solid #FFFFFF;border-radius:50%;width:36px;height:36px;margin:.125rem auto;position:relative;z-index:3}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .segment-popup{position:absolute;bottom:1.25rem;left:.875rem;width:25rem;z-index:2}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom{background:#FBFBFB;border-top:1px solid #F1F1F1;border-radius:0 0 .1875rem .1875rem;height:2.75rem;margin:0 0 -.75rem -1rem;width:calc(100% + 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button{border-radius:.125rem;height:1.875rem;width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.cancel-btn{background:#FFFFFF;border:1px solid #DBDBDB}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.save-btn{background:#1e5dd3;border:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.disabled{background:#F1F1F1;color:#747576;pointer-events:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom.error{background:#d93b41}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom.error button{border-radius:.125rem;height:1.875rem;width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom.error button.save-btn{background:#FFFFFF}::ng-deep .assessment-settings-body .settings-item.skeleton-loader{background:#f8f8f8;border-color:#f1f1f1;height:2.5rem}::ng-deep .assessment-settings-body .settings-item.skeleton-loader .loader{background:#DBDBDB;border-radius:.5rem;height:.5rem;width:12rem}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes fillEdit{to{box-shadow:inset 0 0 0 2px #1e5dd3}}.circular-loader{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep app-cs-switch .cs-switch{cursor:pointer}\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 .assessment-settings{background:#fff;width:31.25rem;height:100vh}::ng-deep .assessment-settings-head{background:#f8f8f8;border-bottom:1px solid #f1f1f1;height:3rem}::ng-deep .assessment-settings-head i.info{cursor:pointer}::ng-deep .assessment-settings-head button.close{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body{padding-left:2.25rem;padding-right:1rem;width:32.25rem;position:relative;left:-1rem;height:calc(100vh - 3.5rem);overflow-y:auto}::ng-deep .assessment-settings-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .assessment-settings-body .settings-item{border:1px solid #dbdbdb;border-radius:.25rem;position:relative;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item.active,::ng-deep .assessment-settings-body .settings-item:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item.done{background:#fbfbfb;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item.done:hover{border-color:#1e5dd3}::ng-deep .assessment-settings-body .settings-item .status{background:#fff;border-radius:50%;position:absolute;left:-2.25rem;top:.35rem;width:1.75rem;height:1.75rem;transition:all .1s ease-in-out;z-index:1}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon{position:absolute;top:-1px;width:29px;height:29px;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 0 #34aa44;-webkit-animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;-webkit-animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}::ng-deep .assessment-settings-body .settings-item .status.edit .edit-loader{position:absolute;top:-.1875rem;left:-.1875rem;right:0;bottom:0;width:34px;height:34px;transform:rotate(90deg)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark{width:28px;height:28px;border-radius:50%;stroke-width:4;stroke:#1e5dd3;stroke-miterlimit:10;box-shadow:inset 0 0 0 #1e5dd3}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__circle{stroke-dasharray:0;stroke-dashoffset:0;stroke-width:0;stroke-miterlimit:10;stroke:#f1f1f1;fill:none;-webkit-animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;transform:scale(.23)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;fill:#1e5dd3;transform:scale(.5)}::ng-deep .assessment-settings-body .settings-item .item-head{min-height:2.5rem;width:100%;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-head .name I.info{position:relative;top:1px;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body{border-top:1px solid #f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item{border:1px solid #dbdbdb;border-radius:.25rem;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done{background:#fbfbfb;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done .criteria-list{border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area{border-left:1px solid #dbdbdb;width:9.5rem;height:2.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area button{background:transparent;border:none;border-radius:0;height:1.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area input{background:#fff;border:1px solid #f1f1f1;border-radius:.25rem;color:#747576;font-size:13px;text-align:center;width:44px;height:1.5rem;outline:none}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score{background:#fff;border:1px solid #f1f1f1;border-radius:.125rem;margin:.375rem .375rem .375rem 0;min-width:4.5rem;max-width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list{border-top:1px solid #dbdbdb}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list cs-radio{display:block;margin-bottom:.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item app-cs-switch{width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item{position:relative;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:0 .75rem;height:2.5rem;width:100%;outline:none;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:focus,::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input::-moz-placeholder{color:#747576;opacity:1}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:-ms-input-placeholder{color:#747576;opacity:1}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input::placeholder{color:#747576;opacity:1}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item marx-editor .editor-container .editable-block{font-size:12px;padding:.5rem .75rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item marx-editor .editor-container .editable-block:before{color:#747576!important}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .score-label{background:#f1f1f1;border-radius:.125rem;position:relative;top:-.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list{background:#f8f8f8;border-radius:.125rem;height:2rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left{width:calc(100% - 6.5rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left i.info{cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right{width:6.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .score{border-radius:0 .125rem .125rem 0;height:2rem;display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action{height:2rem;display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action button{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .score{display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .action{display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list button.segment-close{top:-.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-btn{background:#fff;border:1px solid #1e5dd3;border-radius:.25rem;height:2.5rem;width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-close{background:#1e5dd3;border:.25rem solid #fff;border-radius:50%;width:36px;height:36px;margin:.125rem auto;position:relative;z-index:3}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .segment-popup{position:absolute;bottom:1.25rem;left:.875rem;width:25rem;z-index:2}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom{background:#fbfbfb;border-top:1px solid #f1f1f1;border-radius:0 0 .1875rem .1875rem;height:2.75rem;margin:0 0 -.75rem -1rem;width:calc(100% + 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button{border-radius:.125rem;height:1.875rem;width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.cancel-btn{background:#fff;border:1px solid #dbdbdb}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.save-btn{background:#1e5dd3;border:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.disabled{background:#f1f1f1;color:#747576;pointer-events:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom.error{background:#d93b41}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom.error button{border-radius:.125rem;height:1.875rem;width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom.error button.save-btn{background:#fff}::ng-deep .assessment-settings-body .settings-item.skeleton-loader{background:#f8f8f8;border-color:#f1f1f1;height:2.5rem}::ng-deep .assessment-settings-body .settings-item.skeleton-loader .loader{background:#dbdbdb;border-radius:.5rem;height:.5rem;width:12rem}@-webkit-keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@-webkit-keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@-webkit-keyframes fillEdit{to{box-shadow:inset 0 0 0 2px #1e5dd3}}@keyframes fillEdit{to{box-shadow:inset 0 0 0 2px #1e5dd3}}.circular-loader{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep app-cs-switch .cs-switch{cursor:pointer}"]
             },] }
 ];
 SettingResponseSegmentComponent.ctorParameters = () => [

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

@@ -110,7 +110,7 @@ SingleLineEditorComponent.decorators = [
                 providers: [
                     { provide: NG_VALUE_ACCESSOR, useExisting: SingleLineEditorComponent, multi: true },
                 ],
-                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\";.single-line-editor{position:relative}.single-line-editor .editable-box{background:#FFFFFF;border-bottom:1px solid #dbdbdb;display:block!important;overflow:hidden;height:2rem;cursor:text;align-items:center;white-space:nowrap;transition:all .3s ease-in-out;outline:none;padding-right:2.5rem}.single-line-editor .editable-box.active{border-color:#4681ef}.single-line-editor .editable-box audio{height:1.5rem!important}.single-line-editor .editable-box.multiline{min-height:2rem;max-height:10rem;height:auto!important;white-space:pre-wrap!important;overflow:auto!important;width:100%!important}.single-line-editor .editable-box.multiline::-webkit-scrollbar-thumb{background-color:transparent}.single-line-editor .editable-box b{font-weight:600}.single-line-editor .action{position:absolute;bottom:.5rem;right:.5rem;cursor:pointer}.single-line-editor .editor-option{background:#161B2F;border-radius:0 0 .25rem .25rem;position:absolute;bottom:-2.5rem;right:0;z-index:10}.single-line-editor .editor-option ul{list-style-type:none;padding:0 .125rem}.single-line-editor .editor-option ul li button{background:transparent;border:1px solid transparent;border-radius:0;width:2rem;height:2rem;margin:.25rem .125rem}.single-line-editor .editor-option ul li button.active{border-color:#f1f1f150}[contenteditable][placeholder]:empty:before{content:attr(placeholder);position:absolute;color:#74757670;background-color:transparent}.overlay{z-index:9}\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\");.single-line-editor{position:relative}.single-line-editor .editable-box{background:#fff;border-bottom:1px solid #dbdbdb;display:block!important;overflow:hidden;height:2rem;cursor:text;align-items:center;white-space:nowrap;transition:all .3s ease-in-out;outline:none;padding-right:2.5rem}.single-line-editor .editable-box.active{border-color:#4681ef}.single-line-editor .editable-box audio{height:1.5rem!important}.single-line-editor .editable-box.multiline{min-height:2rem;max-height:10rem;height:auto!important;white-space:pre-wrap!important;overflow:auto!important;width:100%!important}.single-line-editor .editable-box.multiline::-webkit-scrollbar-thumb{background-color:transparent}.single-line-editor .editable-box b{font-weight:600}.single-line-editor .action{position:absolute;bottom:.5rem;right:.5rem;cursor:pointer}.single-line-editor .editor-option{background:#161b2f;border-radius:0 0 .25rem .25rem;position:absolute;bottom:-2.5rem;right:0;z-index:10}.single-line-editor .editor-option ul{list-style-type:none;padding:0 .125rem}.single-line-editor .editor-option ul li button{background:transparent;border:1px solid transparent;border-radius:0;width:2rem;height:2rem;margin:.25rem .125rem}.single-line-editor .editor-option ul li button.active{border-color:#f1f1f150}[contenteditable][placeholder]:empty:before{content:attr(placeholder);position:absolute;color:#74757670;background-color:transparent}.overlay{z-index:9}"]
             },] }
 ];
 SingleLineEditorComponent.ctorParameters = () => [];

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

@@ -14,7 +14,7 @@ ToolkitComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-toolkit',
                 template: "<div class=\"toolkit-section\" [class.collapse]=\"showCollapse\">\r\n    <button class=\"heading-btn vx-txt-white vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"clickCollapse()\">\r\n        <ng-container *ngIf=\"!showCollapse\">\r\n            <span class=\"vx-fs-11 vx-fw-500 vx-tt-uppercase\">TOOLKIT</span>\r\n            <i class=\"icons arrow vx-fs-10\">&#xe96b;</i>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"showCollapse\">\r\n            <span class=\"dot vx-fs-12 vx-fw-500 vx-tt-uppercase\">. . .</span>\r\n            <i class=\"icons arrow vx-fs-10\">&#xe970;</i>\r\n        </ng-container>\r\n    </button>\r\n    <div class=\"toolkit-items vx-p-3 vx-pr-0\">\r\n        <ul class=\"vx-p-0 vx-pr-3 vx-m-0\">\r\n            <li class=\"vx-mb-2\" *ngIf=\"true\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('welcome')\">\r\n                    <div class=\"question-icon welcome-screen vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab3;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">WELCOME SCREEN</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\" *ngIf=\"false\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('thankyou')\">\r\n                    <div class=\"question-icon thank-you-screen vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab2;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">THANK YOU SCREEN</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('multiple-choice')\">\r\n                    <div class=\"question-icon multiple-choice vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeabd;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">MULTIPLE CHOICE</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('checkbox')\">\r\n                    <div class=\"question-icon checkboxes vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeabb;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">CHECKBOXES</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\" *ngIf=\"false\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('image-choice')\">\r\n                    <div class=\"question-icon image-choice vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xea29;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">IMAGE CHOICE</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\" *ngIf=\"false\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('star-rating')\">\r\n                    <div class=\"question-icon star-rating vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xea71;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">STAR RATINGS</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('single-textbox')\">\r\n                    <div class=\"question-icon single-textbox vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab5;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">SINGLE TEXTBOX</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\" *ngIf=\"false\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('comment-box')\">\r\n                    <div class=\"question-icon comment-box vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xe9a6;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">COMMENT BOX</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\" *ngIf=\"false\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('matrix-dropdown')\">\r\n                    <div class=\"question-icon matrix-dropdown vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab7;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">MATRIX OF DROPDOWNS</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('dropdown')\">\r\n                    <div class=\"question-icon dropdown-icon vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab9;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">DROPDOWN</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\" *ngIf=\"false\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('rating-scale')\">\r\n                    <div class=\"question-icon matrix-rating vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab8;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">MATRIX & RATING SCALE</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\" *ngIf=\"false\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('ranking')\">\r\n                    <div class=\"question-icon ranking vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeb03;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">RANKING</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\" *ngIf=\"false\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('slider')\">\r\n                    <div class=\"question-icon slider vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab6;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">SLIDER</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\"  *ngIf=\"false\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('multiple-textbox')\">\r\n                    <div class=\"question-icon multiple-textbox vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeab4;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">MULTIPLE TEXTBOXES</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\" >\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('date-time')\">\r\n                    <div class=\"question-icon date-time vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xeaba;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">DATE & TIME</div>\r\n                </button>\r\n            </li>\r\n            <li class=\"vx-mb-2\">\r\n                <button class=\"vx-m-0 vx-p-1 vx-text-left vx-w-100 vx-d-flex vx-align-center\" (click)=\"addQuestion.emit('file-upload')\">\r\n                    <div class=\"question-icon file-upload vx-d-flex vx-align-center vx-justify-center vx-mr-1\"><i class=\"icons vx-fs-16 vx-txt-white\">&#xea97;</i></div>\r\n                    <div class=\"name vx-fs-10 vx-paragraph-txt vx-tt-uppercase\" *ngIf=\"!showCollapse\">FILE UPLOAD</div>\r\n                </button>\r\n            </li>\r\n        </ul>\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\";.toolkit-section{width:11.35rem;height:100%;position:sticky;top:0;transition:all .3s ease-in-out}.toolkit-section button.heading-btn{background:#1e5dd3;border-radius:0;border:none;height:1.5rem;position:relative;width:100%}.toolkit-section button.heading-btn .dot{position:relative;top:-.1875rem}.toolkit-section button.heading-btn i.arrow{position:absolute;top:.4375rem;right:.25rem}.toolkit-section .toolkit-items{background:#FFFFFF;border-right:1px solid #F1F1F1;height:calc(100% - 1.5rem)}.toolkit-section .toolkit-items ul{list-style-type:none;height:100%;overflow:hidden;overflow-y:auto}.toolkit-section .toolkit-items ul::-webkit-scrollbar{width:1px}.toolkit-section .toolkit-items ul::-webkit-scrollbar-thumb{border-radius:1px;background-color:#747576}.toolkit-section .toolkit-items ul::-webkit-scrollbar-track{background-color:transparent}.toolkit-section .toolkit-items ul li:last-of-type{margin-bottom:0!important}.toolkit-section .toolkit-items ul li button{background:#f8f8f8;border-radius:.125rem;border:none}.toolkit-section .toolkit-items ul li button:hover{background:#F1F1F1}.toolkit-section .toolkit-items ul li button .question-icon{background:#EE5DAF;border-radius:.25rem;width:1.5rem;min-width:1.5rem;height:1.5rem}.toolkit-section .toolkit-items ul li button .question-icon.welcome-screen{background:#EE5DAF}.toolkit-section .toolkit-items ul li button .question-icon.thank-you-screen{background:#EE3939}.toolkit-section .toolkit-items ul li button .question-icon.multiple-choice{background:#D1C131}.toolkit-section .toolkit-items ul li button .question-icon.checkboxes{background:#6F81FC}.toolkit-section .toolkit-items ul li button .question-icon.image-choice{background:#4681EF}.toolkit-section .toolkit-items ul li button .question-icon.star-rating{background:#E8C247}.toolkit-section .toolkit-items ul li button .question-icon.single-textbox{background:#2FD2CD}.toolkit-section .toolkit-items ul li button .question-icon.comment-box{background:#ACBB7E}.toolkit-section .toolkit-items ul li button .question-icon.matrix-dropdown{background:#66BF72}.toolkit-section .toolkit-items ul li button .question-icon.dropdown-icon{background:#9D9FE1}.toolkit-section .toolkit-items ul li button .question-icon.matrix-rating{background:#67D2CD}.toolkit-section .toolkit-items ul li button .question-icon.ranking{background:#EE9F24}.toolkit-section .toolkit-items ul li button .question-icon.slider{background:#D1C131}.toolkit-section .toolkit-items ul li button .question-icon.multiple-textbox{background:#66BF72}.toolkit-section .toolkit-items ul li button .question-icon.date-time{background:#ACBB7E}.toolkit-section .toolkit-items ul li button .question-icon.file-upload{background:#4681EF}.toolkit-section .toolkit-items ul li button .name{width:calc(100% - 1.75rem);white-space:nowrap}.toolkit-section.collapse{width:3.5rem}.toolkit-section.collapse .toolkit-items{margin-right:.25rem}.toolkit-section.collapse .toolkit-items ul{padding-right:.5rem!important}.toolkit-section.collapse .toolkit-items ul li button{min-width:2rem}.toolkit-section.collapse .toolkit-items ul li button .question-icon{margin-right: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\");.toolkit-section{width:11.35rem;height:100%;position:sticky;top:0;transition:all .3s ease-in-out}.toolkit-section button.heading-btn{background:#1e5dd3;border-radius:0;border:none;height:1.5rem;position:relative;width:100%}.toolkit-section button.heading-btn .dot{position:relative;top:-.1875rem}.toolkit-section button.heading-btn i.arrow{position:absolute;top:.4375rem;right:.25rem}.toolkit-section .toolkit-items{background:#fff;border-right:1px solid #f1f1f1;height:calc(100% - 1.5rem)}.toolkit-section .toolkit-items ul{list-style-type:none;height:100%;overflow:hidden;overflow-y:auto}.toolkit-section .toolkit-items ul::-webkit-scrollbar{width:1px}.toolkit-section .toolkit-items ul::-webkit-scrollbar-thumb{border-radius:1px;background-color:#747576}.toolkit-section .toolkit-items ul::-webkit-scrollbar-track{background-color:transparent}.toolkit-section .toolkit-items ul li:last-of-type{margin-bottom:0!important}.toolkit-section .toolkit-items ul li button{background:#f8f8f8;border-radius:.125rem;border:none}.toolkit-section .toolkit-items ul li button:hover{background:#f1f1f1}.toolkit-section .toolkit-items ul li button .question-icon{background:#ee5daf;border-radius:.25rem;width:1.5rem;min-width:1.5rem;height:1.5rem}.toolkit-section .toolkit-items ul li button .question-icon.welcome-screen{background:#ee5daf}.toolkit-section .toolkit-items ul li button .question-icon.thank-you-screen{background:#ee3939}.toolkit-section .toolkit-items ul li button .question-icon.multiple-choice{background:#d1c131}.toolkit-section .toolkit-items ul li button .question-icon.checkboxes{background:#6f81fc}.toolkit-section .toolkit-items ul li button .question-icon.image-choice{background:#4681ef}.toolkit-section .toolkit-items ul li button .question-icon.star-rating{background:#e8c247}.toolkit-section .toolkit-items ul li button .question-icon.single-textbox{background:#2fd2cd}.toolkit-section .toolkit-items ul li button .question-icon.comment-box{background:#acbb7e}.toolkit-section .toolkit-items ul li button .question-icon.matrix-dropdown{background:#66bf72}.toolkit-section .toolkit-items ul li button .question-icon.dropdown-icon{background:#9d9fe1}.toolkit-section .toolkit-items ul li button .question-icon.matrix-rating{background:#67d2cd}.toolkit-section .toolkit-items ul li button .question-icon.ranking{background:#ee9f24}.toolkit-section .toolkit-items ul li button .question-icon.slider{background:#d1c131}.toolkit-section .toolkit-items ul li button .question-icon.multiple-textbox{background:#66bf72}.toolkit-section .toolkit-items ul li button .question-icon.date-time{background:#acbb7e}.toolkit-section .toolkit-items ul li button .question-icon.file-upload{background:#4681ef}.toolkit-section .toolkit-items ul li button .name{width:calc(100% - 1.75rem);white-space:nowrap}.toolkit-section.collapse{width:3.5rem}.toolkit-section.collapse .toolkit-items{margin-right:.25rem}.toolkit-section.collapse .toolkit-items ul{padding-right:.5rem!important}.toolkit-section.collapse .toolkit-items ul li button{min-width:2rem}.toolkit-section.collapse .toolkit-items ul li button .question-icon{margin-right:0!important}"]
             },] }
 ];
 ToolkitComponent.ctorParameters = () => [];

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

@@ -80,7 +80,7 @@ WelcomeThankyouComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-welcome-thankyou',
                 template: "<div class=\"editor-wrapper vx-mb-4\" [class.error]=\"false\" #questionContainer >\r\n    <div class=\"editor-top vx-d-flex vx-align-center vx-justify-center vx-pl-2 vx-pr-2\">\r\n        <div class=\"rightside-button vx-d-flex vx-align-center\">\r\n            <!-- deleteQuestion.emit();  -->\r\n            <button class=\"delete-btn vx-fs-14 vx-txt-red vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" (click)=\"deleteWelcome()\"><i class=\"icons\">&#xe923;</i></button>\r\n        </div>\r\n    </div>\r\n    <div class=\"editor-mid vx-pl-5 vx-pr-5\">\r\n        <div class=\"build-area vx-d-flex vx-justify-between\">\r\n            <div class=\"left\">\r\n                <div class=\"image-block vx-d-block\" *ngIf=\"entityData.hasWelcomeImage\">\r\n                    <div class=\"image-item vx-d-flex vx-align-center vx-justify-center\" >\r\n                        <img *ngIf=\"entityData.welcomeImage=='' && !isImageUploading\" src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/assessment-editor/placeholder.jpg\" />\r\n                        <img *ngIf=\"entityData.welcomeImage !='' && !isImageUploading\" [src]=\"entityData?.welcomeImage\" />\r\n                        <i *ngIf=\"isImageUploading\" class=\"icons loader-icon\">&#xe929;</i>\r\n                    </div>\r\n                    <div class=\"button-area vx-d-flex vx-justify-center\">\r\n                        <label class=\"upload-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">\r\n                            <input type=\"file\" accept=\"image/*\" (change)=\"onSelectImage($event)\" />\r\n                            {{ entityData?.welcomeImage=='' ? 'Upload Image' : 'Change Image'}}\r\n                        </label>\r\n                    </div>\r\n                </div>\r\n                <app-single-line-editor [placeholder]=\"'Welcome Heading'\" [label]=\"false\" [editorMode]=\"'multiline'\" [(ngModel)]=\"entityData.welcomeText\"></app-single-line-editor>\r\n                <app-single-line-editor  *ngIf=\"entityData?.hasWelcomeDescription\" [placeholder]=\"'Welcome Description'\" [label]=\"false\" [editorMode]=\"'multiline'\" [(ngModel)]=\"entityData.welcomeDescription\"></app-single-line-editor>\r\n            </div>\r\n            <div class=\"right\">\r\n                <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 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\">\r\n                                <app-cs-switch [(ngValue)]=\"entityData.hasWelcomeDescription\">\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\">DESCRIPTION</div>\r\n                                    </div>\r\n                                </app-cs-switch>\r\n                            </li>\r\n                            <li class=\"vx-pt-3 vx-pb-3\">\r\n                                <app-cs-switch [(ngValue)]=\"entityData.hasWelcomeImage\">\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\">IMAGE</div>\r\n                                    </div>\r\n                                </app-cs-switch>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\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\";.editor-wrapper{border:1px solid #1e5dd3;border-radius:.25rem;position:relative}.editor-wrapper .label-mode{background:#7aa6f7;border:1px solid #1e5dd3;border-left:none;border-radius:0 .125rem .125rem 0;writing-mode:vertical-lr;position:absolute;left:-1.0625rem;top:3rem;width:1rem;transform:rotate(180deg)}.editor-wrapper.error{border-color:#d93b41}.editor-wrapper.error .editor-bottom{background:#d93b41}.editor-wrapper.with-logic{border-color:#f0b819}.editor-wrapper.with-logic .label-mode{background:#f4c84a;border-color:#f0b819}.editor-top{background:#FBFBFB;border-bottom:1px solid #F1F1F1;border-radius:.25rem .25rem 0 0;height:2.75rem;position:relative}.editor-top .rightside-button{position:absolute;right:.5rem;top:.5rem}.editor-top .rightside-button button{background:#F1F1F1;border:none;border-radius:.125rem;height:1.75rem}.editor-top .rightside-button button.delete-btn{width:1.75rem}.editor-mid{padding-top:1.5rem;padding-bottom:1.5rem}.editor-mid .build-area .left{width:calc(100% - 17.5rem);position:relative}.editor-mid .build-area .left .image-block{margin-bottom:2rem}.editor-mid .build-area .left .image-block .image-item{margin:1.25rem auto;width:18.75rem;border:.125rem solid #f1f1f1;border-radius:.25rem;overflow:hidden;height:12.6875rem}.editor-mid .build-area .left .image-block .image-item img{max-height:12.5rem}.editor-mid .build-area .left .image-block .image-item .loader-icon{font-size:40px}.editor-mid .build-area .left .image-block .button-area .upload-btn{background:#1e5dd3;border-radius:.125rem;width:11rem;height:2.25rem;position:relative}.editor-mid .build-area .left .image-block .button-area .upload-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.editor-mid .build-area .right{width:16rem}.editor-mid .build-area .right .quick-settings .heading{position:relative}.editor-mid .build-area .right .quick-settings .heading:before{background:#1e5dd3;content:\"\";position:absolute;left:0;top:.0625rem;width:.125rem;height:.875rem}.editor-mid .build-area .right .quick-settings .settings-list ul{list-style-type:none}.editor-mid .build-area .right .quick-settings .settings-list ul li{border-bottom:1px solid #F1F1F1}.editor-mid .build-area .right .quick-settings .settings-list ul li app-cs-switch .cs-switch{cursor:pointer}.editor-bottom{background:#1e5dd3;border-radius:0 0 .125rem .125rem;position:relative}.editor-bottom button{background:#FFFFFF;border:none;border-radius:.1125rem}.editor-bottom button.next-btn{height:1.75rem}.editor-bottom button.next-btn .plus-icon{border:.125rem solid #1e5dd3;border-radius:50%;width:1.125rem;height:1.125rem;line-height:1.125rem}.editor-bottom button.save-btn{width:4.75rem;height:1.75rem}.editor-bottom .next-question{background:#FFFFFF;border-radius:.25rem;box-shadow:0 -3px 6px #1e5dd326;position:absolute;bottom:0;left:0;z-index:9}.editor-bottom .next-question ::ng-deep app-question-type .question-type ul li{width:10rem!important}.editor-bottom .overlay{z-index:8}\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\");.editor-wrapper{border:1px solid #1e5dd3;border-radius:.25rem;position:relative}.editor-wrapper .label-mode{background:#7aa6f7;border:1px solid #1e5dd3;border-left:none;border-radius:0 .125rem .125rem 0;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;position:absolute;left:-1.0625rem;top:3rem;width:1rem;transform:rotate(180deg)}.editor-wrapper.error{border-color:#d93b41}.editor-wrapper.error .editor-bottom{background:#d93b41}.editor-wrapper.with-logic{border-color:#f0b819}.editor-wrapper.with-logic .label-mode{background:#f4c84a;border-color:#f0b819}.editor-top{background:#fbfbfb;border-bottom:1px solid #f1f1f1;border-radius:.25rem .25rem 0 0;height:2.75rem;position:relative}.editor-top .rightside-button{position:absolute;right:.5rem;top:.5rem}.editor-top .rightside-button button{background:#f1f1f1;border:none;border-radius:.125rem;height:1.75rem}.editor-top .rightside-button button.delete-btn{width:1.75rem}.editor-mid{padding-top:1.5rem;padding-bottom:1.5rem}.editor-mid .build-area .left{width:calc(100% - 17.5rem);position:relative}.editor-mid .build-area .left .image-block{margin-bottom:2rem}.editor-mid .build-area .left .image-block .image-item{margin:1.25rem auto;width:18.75rem;border:.125rem solid #f1f1f1;border-radius:.25rem;overflow:hidden;height:12.6875rem}.editor-mid .build-area .left .image-block .image-item img{max-height:12.5rem}.editor-mid .build-area .left .image-block .image-item .loader-icon{font-size:40px}.editor-mid .build-area .left .image-block .button-area .upload-btn{background:#1e5dd3;border-radius:.125rem;width:11rem;height:2.25rem;position:relative}.editor-mid .build-area .left .image-block .button-area .upload-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.editor-mid .build-area .right{width:16rem}.editor-mid .build-area .right .quick-settings .heading{position:relative}.editor-mid .build-area .right .quick-settings .heading:before{background:#1e5dd3;content:\"\";position:absolute;left:0;top:.0625rem;width:.125rem;height:.875rem}.editor-mid .build-area .right .quick-settings .settings-list ul{list-style-type:none}.editor-mid .build-area .right .quick-settings .settings-list ul li{border-bottom:1px solid #f1f1f1}.editor-mid .build-area .right .quick-settings .settings-list ul li app-cs-switch .cs-switch{cursor:pointer}.editor-bottom{background:#1e5dd3;border-radius:0 0 .125rem .125rem;position:relative}.editor-bottom button{background:#fff;border:none;border-radius:.1125rem}.editor-bottom button.next-btn{height:1.75rem}.editor-bottom button.next-btn .plus-icon{border:.125rem solid #1e5dd3;border-radius:50%;width:1.125rem;height:1.125rem;line-height:1.125rem}.editor-bottom button.save-btn{width:4.75rem;height:1.75rem}.editor-bottom .next-question{background:#fff;border-radius:.25rem;box-shadow:0 -3px 6px #1e5dd326;position:absolute;bottom:0;left:0;z-index:9}.editor-bottom .next-question ::ng-deep app-question-type .question-type ul li{width:10rem!important}.editor-bottom .overlay{z-index:8}"]
             },] }
 ];
 WelcomeThankyouComponent.ctorParameters = () => [

package/esm2015/lib/sharedComponents/assessment-editor/create-assessment-container/create-assessment-container.component.js

@@ -417,7 +417,7 @@ CreateAssessmentContainerComponent.decorators = [
                 selector: 'app-create-assessment-container',
                 template: "<ng-container>\r\n    <div *ngIf=\"pageMode === 'EDIT'\" class=\"create-assessment-container\" [class.full-page]=\"expandPage\">\r\n        <div class=\"create-assessment-head vx-p-2 vx-pl-3 vx-d-flex vx-align-center vx-justify-between\">\r\n            <div class=\"left vx-d-flex vx-align-center\" [class.with-template-btn]=\"false\">\r\n                <span class=\"id vx-fs-10 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-2\">{{assessmentControlId}}</span>\r\n                <i *ngIf=\"openPortal === 'RESPONSIBILITY_CHECKPOINT'\" class=\"icons arrow-back vx-mr-1\" (click)=\"setIsUploaded.emit(false)\">&#xe91d;</i>\r\n                <span class=\"heading vx-fs-16 vx-label-txt vx-mr-2 vx-lh-6\" [appTooltip]=\"openPortal === 'RESPONSIBILITY_CHECKPOINT' ? 'Add Checkpoints' :assessmentName\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{openPortal === 'RESPONSIBILITY_CHECKPOINT' ? 'Add Checkpoints' :assessmentName}}</span>\r\n                <!-- <button class=\"edit-btn vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center\"><i class=\"icons\">&#xe9ba;</i></button> -->\r\n            </div>\r\n            <div class=\"right vx-d-flex vx-align-center\">\r\n                <button *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\" class=\"page-dropdown vx-p-0 vx-pl-1 vx-pr-2 vx-m-0 vx-d-flex vx-align-center\" appPopover (click)=\"action.popover()\" placement=\"right\">\r\n                    <span class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\" *ngIf=\"editorService.currentPageNumber > 0\">PAGE {{editorService?.currentPageNumber}}</span>\r\n                    <span class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\" *ngIf=\"editorService.currentPageNumber === -1\">Welcome Screen</span>\r\n                    <span class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\" *ngIf=\"editorService.currentPageNumber === -2\">Thankyou Screen</span>\r\n                    <!-- <span class=\"page-number vx-fs-11 vx-paragraph-txt\" *ngIf=\"editorService.stepIdentifier=='pagescreen'\">{{editorService?.currentPageDetails?.pageName}}</span> -->\r\n                    <i class=\"icons arrow vx-fs-10 vx-paragraph-txt\">&#xe9e8;</i>\r\n                </button>\r\n                <app-popover #action>\r\n                    <div class=\"page-dropdown-popup\">\r\n                        <ul class=\"vx-p-0 vx-m-0\">\r\n                            <li class=\"vx-d-flex vx-align-center\" *ngFor=\"let data of generatePageDropdown()\">\r\n                                <button class=\"vx-d-block vx-p-2 vx-m-0 vx-w-100\" [innerHTML]=\"data?.template\" (click)=\"pageChanged(data)\">\r\n                                    <!-- <span class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\">PAGE</span>\r\n                                    <span class=\"page-number vx-fs-11 vx-paragraph-txt\">1</span>\r\n                                    {{data|json}} -->\r\n                                </button>\r\n                            </li>\r\n                        </ul>\r\n                        <div class=\"action-bottom vx-d-flex vx-align-center vx-justify-end vx-p-2\" >\r\n                            <button (click)=\"addNewPage()\" class=\"add-page vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center\">ADD NEW PAGE</button>\r\n                        </div>\r\n                    </div>\r\n                </app-popover>\r\n                <button *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\" class=\"settings-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-lh-6 vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center\" (click)=\"assessmentSettings()\"><i class=\"icons vx-fs-12 vx-d-flex vx-mr-1\">&#xe913;</i> ASSESSMENT SETTINGS</button>\r\n                <button *ngIf=\"false\" class=\"template-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-lh-6 vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center\"><i class=\"icons vx-fs-12 vx-d-flex vx-mr-1\">&#xe9ed;</i> SAVE AS TEMPLATE</button>\r\n            </div>\r\n        </div>\r\n        <div class=\"create-assessment-body\">\r\n\r\n            <ng-container *ngIf=\"editorService.stepIdentifier=='pagescreen'\">\r\n                <div *ngIf=\"isPageEmpty()\" class=\"select-question-part\">\r\n                    <div class=\"vx-d-flex vx-align-center vx-justify-center\">\r\n                        <div class=\"question-inner vx-pl-5 vx-pb-5\">\r\n                            <!-- <button class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center vx-w-100\" (click)=\"addPageDetails()\"><i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> PAGE TITLE</button> -->\r\n                            <div class=\"heading vx-fs-18 vx-paragraph-txt vx-text-center vx-w-100\">Select a question type to begin:</div>\r\n                            <app-question-type (addQuestion)=\"editorService.addQuestion($event)\"></app-question-type>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"floating-bar\">\r\n                        <div class=\"floating-bar-container\">\r\n                            <div class=\"right\" (click)=\"setIsUploaded.emit(false)\">\r\n                                <button class=\"cancel\">Cancel</button>\r\n                              </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <!-- <ng-template #elseBlock>\r\n                        <div>\r\n                            <app-editor-loader></app-editor-loader>\r\n                        </div>\r\n                    </ng-template> -->\r\n\r\n                </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!isPageEmpty() || editorService.currentPageNumber < 0\">\r\n                <div class=\"editor-section\">\r\n                    <div class=\"editor-section-body vx-d-flex\">\r\n                        <app-toolkit (addQuestion)=\"editorService.addQuestion($event)\"></app-toolkit>\r\n\r\n                        <div class=\"editor-section-inner\">\r\n                            <app-welcome-thankyou *ngIf='editorService.stepIdentifier==\"welcomescreen\"' [entityData]=\"editorService?.formsPage\" [service]=\"editorService\" (deleteQuestion)=\"deleteQuestionWithValidation('welcome')\"></app-welcome-thankyou>\r\n                        <!-- <app-preview-welcome></app-preview-welcome> -->\r\n                    <ng-container *ngIf='editorService.stepIdentifier==\"pagescreen\"'>\r\n                        <button *ngIf='editorService.stepIdentifier==\"pagescreen\" && editorService.showAddPageOption ' class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-mb-2 vx-d-flex vx-align-center vx-justify-center vx-w-100\" (click)=\"addPageDetails()\"><i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> PAGE TITLE</button>\r\n                            <app-page-header (edit)=\"addPageDetails()\" *ngIf='editorService.stepIdentifier==\"pagescreen\" && editorService.showPageDetails' [pageName]=\"editorService.currentPageDetails.pageName\" [pageDescription]=\"editorService.currentPageDetails.pageDescription\"></app-page-header>\r\n                            <ng-container *ngFor=\"let question of editorService.formsPage.elements;let questionIndex = index\">\r\n                                <ng-container *ngIf=\"question.page === editorService.currentPageNumber && editorService.stepIdentifier=='pagescreen'\">\r\n                                    <app-editor-wrapper  *ngIf=\"editorService.activeQuestion === questionIndex\" [service]=\"editorService\" [question]=\"question\" [questionIndex]=\"questionIndex\"\r\n                                    [openPortal]=\"openPortal\"\r\n                                    (validQuestionData)=\"checkforError($event)\"\r\n                                    (deleteQuestion)=\"deleteQuestionWithValidation($event)\"\r\n                                    (copyQuestion)=\"editorService.copyQuestion($event)\"></app-editor-wrapper>\r\n                                    <app-preview-wrapper *ngIf=\"editorService.activeQuestion !== questionIndex\"  [question]=\"question\" [questionIndex]=\"questionIndex\"\r\n                                    (makeActiveQuestion)=\"editorService.activeQuestion = $event\"></app-preview-wrapper>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"next-question-area\">\r\n                                <button class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-mb-2 vx-d-flex vx-align-center vx-justify-center vx-w-100\" (click)=\"openQuestion()\"><i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> NEXT QUESTION</button>\r\n                                <div class=\"next-question-popup vx-p-3\" *ngIf=\"hideQuestion\">\r\n                                    <app-question-type (addQuestion)=\"editorService.addQuestion($event);closeQuestion()\"></app-question-type>\r\n                                </div>\r\n                                <div class=\"overlay\" *ngIf=\"hideQuestion\" (click)=\"closeQuestion()\"></div>\r\n                            </div>\r\n                            <button *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\" (click)=\"addNewPage()\" class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-mb-2 vx-d-flex vx-align-center vx-justify-center vx-w-100\"><i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> ADD NEW PAGE</button>\r\n                        </ng-container>\r\n                        </div>\r\n\r\n                        <div class=\"right-side-btn\" *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\">\r\n                            <button *ngIf=\"!expandPage\" (click)=\"clickExpand()\" class=\"fullscreen-btn vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-mb-3 vx-d-flex vx-align-center vx-justify-center\" [appTooltip]=\"'Expand Page'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons\">&#xe945;</i></button>\r\n                            <button *ngIf=\"expandPage\" (click)=\"closeExpand()\" class=\"fullscreen-btn vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-mb-3 vx-d-flex vx-align-center vx-justify-center\" [appTooltip]=\"'Shrink Page'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons\">&#xe944;</i></button>\r\n                            <button *ngIf=\"editorService.stepIdentifier=='pagescreen'\" (click)=\"deletePage()\" class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" [appTooltip]=\"'Delete Page'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons\">&#xe923;</i></button>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"editor-section-footer vx-d-flex vx-align-center vx-justify-center vx-mt-4\">\r\n                        <button (click)=\"setIsUploaded.emit(false)\" class=\"cancel-btn vx-fs-14 vx-fw-500 vx-txt-red vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\">CANCEL</button>\r\n                        <button  *ngIf=\"openPortal === 'ASSESSMENT_IMPORT'\" (click)=\"submitAfterErrorCheck('DRAFT')\" [class.disabled]=\"assessmentCurrentState === 'ACTIVE'\" class=\" white-btn vx-fs-14 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\">SAVE AS DRAFT</button>\r\n                        <button  *ngIf=\"openPortal === 'ASSESSMENT_IMPORT'\" (click)=\"submitAfterErrorCheck('ACTIVE')\" class=\" blue-btn vx-fs-14 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\">PUBLISH</button>\r\n                        <button *ngIf=\"openPortal === 'RESPONSIBILITY_CHECKPOINT'\" (click)=\"submitAfterErrorCheck('ACTIVE')\" class=\" blue-btn vx-fs-14 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\">NEXT &nbsp;<i class=\"icons\">&#xe91e;</i></button>\r\n                        <!-- <button (click)=\"pageMode = 'PREVIEW'\" class=\"preview-btn vx-fs-20 vx-txt-white vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" [appTooltip]=\"'Preview'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons\">&#xeae5;</i></button> -->\r\n                        <button *ngIf=\"false\" class=\"close-btn vx-fs-12 vx-txt-white vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" [appTooltip]=\"'Close'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons\">&#xe90d;</i></button>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n        </div>\r\n    </div>\r\n    <!-- <app-assessment-preview-container *ngIf=\"pageMode === 'PREVIEW'\" [questionDetails]=\"editorService.formsPage\"></app-assessment-preview-container> -->\r\n</ng-container>\r\n\r\n<!-- <app-editor-loader *ngIf=\"!isLoaded\"></app-editor-loader> -->\r\n",
                 providers: [EditorService],
-                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\";.create-assessment-container{position:relative}.create-assessment-container.full-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;margin:0!important;z-index:9}.create-assessment-container.full-page .create-assessment-head{border-radius:0}.create-assessment-container.full-page .create-assessment-body{border-radius:0;height:calc(100vh - 2.5rem)}.create-assessment-container.full-page .create-assessment-body .editor-section-body .right-side-btn{top:4.75rem;right:5rem}.create-assessment-container.full-page .create-assessment-body .editor-section-footer{border-radius:0}.create-assessment-head{background:#FBFBFB;border-top:3px solid #1E5DD3;border-bottom:1px solid #F1F1F1;height:2.5rem}.create-assessment-head .left{width:calc(100% - 22rem)}.create-assessment-head .left i.arrow-back{cursor:pointer}.create-assessment-head .left .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 10rem)}.create-assessment-head .left button.edit-btn{background:transparent;border:none;border-radius:0}.create-assessment-head .left.with-template-btn{width:calc(100% - 30rem)}.create-assessment-head .right button.page-dropdown{background:#FFFFFF;border-radius:.125rem;border:1px solid #BCBCBC;position:relative;height:1.5rem;width:11.5rem}.create-assessment-head .right button.page-dropdown .page-label{background:#F1F1F1;border-radius:.125rem;color:#042e7d}.create-assessment-head .right button.page-dropdown .arrow{position:absolute;top:.375rem;right:.5rem}.create-assessment-head .right button.settings-btn{background:#1e5dd3;border-radius:.125rem;border:none;height:1.5rem}.create-assessment-head .right button.template-btn{background:#34aa44;border-radius:.125rem;border:none;height:1.5rem}.create-assessment-body{background:#FFFFFF;border-radius:0 0 .125rem .125rem;height:calc(100vh - 2.5rem);scrollbar-width:thin}.create-assessment-body::-webkit-scrollbar-track{background-color:#f1f1f1}.create-assessment-body::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}.create-assessment-body app-toolkit{position:sticky;top:0}.create-assessment-body .select-question-part{padding-top:2.5rem;padding-bottom:3.75rem}.create-assessment-body .select-question-part .question-inner{padding-top:2.75rem;width:calc(64rem + 5rem);height:calc(100vh - 9rem);overflow:auto;padding-right:3.75rem;position:relative;left:.625rem}.create-assessment-body .select-question-part .question-inner::-webkit-scrollbar-track{background-color:transparent}.create-assessment-body .select-question-part .question-inner .heading{margin-top:4rem;margin-bottom:2rem}.create-assessment-body .select-question-part .floating-bar{padding:0 16px 32px}.create-assessment-body .select-question-part .floating-bar-container{height:50px;border-radius:4px;box-shadow:0 6px 12px #4681ef40;border:1px solid #f8f8f8;padding:8px 15px;display:flex;justify-content:end;position:relative;align-items:center;background:#FFFFFF}.create-assessment-body .select-question-part .floating-bar-container .right{display:flex;align-items:center}.create-assessment-body .select-question-part .floating-bar-container .right .name{margin-left:15px;color:#707070;font-size:12px;font-weight:500;line-height:18px;display:flex;align-items:center;white-space:nowrap}.create-assessment-body .select-question-part .floating-bar-container .right .name span.required{color:#eb2424;font-size:14px}.create-assessment-body .select-question-part .floating-bar-container .right .name i{margin-left:3px;color:#1e5dd3;cursor:pointer}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select{margin-left:12px;width:125px;display:flex}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select .input-group .custom-select-box input{height:32px}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select .input-group .custom-select-box span.arrow{bottom:6px}.create-assessment-body .select-question-part .floating-bar-container .right button{border-radius:2px;height:28px;background:#1e5dd3!important;width:72px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff!important;text-transform:uppercase;font-size:11px;border:1px solid #1e5dd3!important;padding:0;margin:0 0 0 28px}.create-assessment-body .select-question-part .floating-bar-container .right button i{margin-left:8px;font-size:16px}.create-assessment-body .select-question-part .floating-bar-container .right button:disabled{filter:grayscale(1);cursor:not-allowed;opacity:.5;pointer-events:auto}.create-assessment-body .select-question-part .floating-bar-container .right button.cancel{background:transparent!important;border:none!important;color:#eb2424!important;margin-right:0;width:auto;padding:0}.create-assessment-body .editor-section{height:100%}.create-assessment-body .editor-section-body{height:calc(100% - 5.25rem);position:relative;overflow:auto}.create-assessment-body .editor-section-body::-webkit-scrollbar-track{background-color:transparent}.create-assessment-body .editor-section-body .right-side-btn{position:fixed;top:180px;right:100px}.create-assessment-body .editor-section-body .right-side-btn button{background:#f8f8f8;border-radius:.125rem;border:none;width:1.5rem;height:1.5rem}.create-assessment-body .editor-section-inner{width:60rem;margin:0 auto;padding:2rem 0;height:100%}@media screen and (max-width: 1366px){.create-assessment-body .editor-section-inner{width:55rem!important}}.create-assessment-body .editor-section-inner .next-question-area{position:relative}.create-assessment-body .editor-section-inner .next-question-area ::ng-deep app-question-type .question-type ul li{width:10rem!important}.create-assessment-body .editor-section-inner .next-question-area .overlay{z-index:8}.create-assessment-body .editor-section-inner .next-question-popup{background:#FFFFFF;border-radius:.25rem;box-shadow:0 0 6px #1e5dd326;position:absolute;left:0;right:0;bottom:0;z-index:9}.create-assessment-body .editor-section-footer{background:#FFFFFF;border-radius:0 0 .125rem .125rem;box-shadow:0 -3px 6px #1e5dd326;height:4.25rem;position:relative}.create-assessment-body .editor-section-footer button{border-radius:.125rem;width:12.5rem;height:2.75rem;letter-spacing:1.5px}.create-assessment-body .editor-section-footer button.white-btn,.create-assessment-body .editor-section-footer button.cancel-btn{background:#FFFFFF;border:1px solid #DBDBDB}.create-assessment-body .editor-section-footer button.blue-btn{background:#1e5dd3;border:none}.create-assessment-body .editor-section-footer button.disabled{opacity:.7;pointer-events:none;cursor:not-allowed}.create-assessment-body .editor-section-footer button.preview-btn{background:#34aa44;border-radius:.125rem;border:none;width:2.75rem;height:2.5rem;position:absolute;bottom:.875rem;right:1rem}.create-assessment-body .editor-section-footer button.close-btn{background:#d93b41;border-radius:.125rem;border:none;width:2.75rem;height:2.5rem;position:absolute;bottom:.875rem;right:1rem}button.page-title{background:#FFFFFF;border:1px dashed #DBDBDB;border-radius:.25rem;height:3.125rem;transition:all .3s ease-in-out}button.page-title:hover{border-color:#1e5dd3;color:#1e5dd3}.page-dropdown-popup{background:#FFFFFF;box-shadow:0 3px 6px #1c5bd140;border-radius:.25rem;width:11.5rem;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}.page-dropdown-popup ul{list-style-type:none;max-height:12rem;overflow-y:auto}.page-dropdown-popup ul li{border-bottom:1px solid #F1F1F1;list-style-type:none}.page-dropdown-popup ul li:only-child,.page-dropdown-popup ul li:last-of-type{border-bottom:none}.page-dropdown-popup ul li button{background:transparent;border:none;border-radius:0;text-align:left}.page-dropdown-popup ul li button .page-label{background:#F1F1F1;border-radius:.125rem;color:#042e7d}.page-dropdown-popup .action-bottom{background:#f8f8f8;border-top:1px solid #F1F1F1;border-radius:0 0 .125rem .125rem}.page-dropdown-popup .action-bottom button{border-radius:.125rem;height:1.5rem}.page-dropdown-popup .action-bottom button.add-page{background:#1e5dd3;border:1px solid #1e5dd3}.page-number{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disabled{opacity:.7;pointer-events:none;cursor:not-allowed}\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\");.create-assessment-container{position:relative}.create-assessment-container.full-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;margin:0!important;z-index:9}.create-assessment-container.full-page .create-assessment-head{border-radius:0}.create-assessment-container.full-page .create-assessment-body{border-radius:0;height:calc(100vh - 2.5rem)}.create-assessment-container.full-page .create-assessment-body .editor-section-body .right-side-btn{top:4.75rem;right:5rem}.create-assessment-container.full-page .create-assessment-body .editor-section-footer{border-radius:0}.create-assessment-head{background:#fbfbfb;border-top:3px solid #1e5dd3;border-bottom:1px solid #f1f1f1;height:2.5rem}.create-assessment-head .left{width:calc(100% - 22rem)}.create-assessment-head .left i.arrow-back{cursor:pointer}.create-assessment-head .left .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 10rem)}.create-assessment-head .left button.edit-btn{background:transparent;border:none;border-radius:0}.create-assessment-head .left.with-template-btn{width:calc(100% - 30rem)}.create-assessment-head .right button.page-dropdown{background:#fff;border-radius:.125rem;border:1px solid #bcbcbc;position:relative;height:1.5rem;width:11.5rem}.create-assessment-head .right button.page-dropdown .page-label{background:#f1f1f1;border-radius:.125rem;color:#042e7d}.create-assessment-head .right button.page-dropdown .arrow{position:absolute;top:.375rem;right:.5rem}.create-assessment-head .right button.settings-btn{background:#1e5dd3;border-radius:.125rem;border:none;height:1.5rem}.create-assessment-head .right button.template-btn{background:#34aa44;border-radius:.125rem;border:none;height:1.5rem}.create-assessment-body{background:#fff;border-radius:0 0 .125rem .125rem;height:calc(100vh - 2.5rem);scrollbar-width:thin}.create-assessment-body::-webkit-scrollbar-track{background-color:#f1f1f1}.create-assessment-body::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}.create-assessment-body app-toolkit{position:sticky;top:0}.create-assessment-body .select-question-part{padding-top:2.5rem;padding-bottom:3.75rem}.create-assessment-body .select-question-part .question-inner{padding-top:2.75rem;width:calc(64rem + 5rem);height:calc(100vh - 9rem);overflow:auto;padding-right:3.75rem;position:relative;left:.625rem}.create-assessment-body .select-question-part .question-inner::-webkit-scrollbar-track{background-color:transparent}.create-assessment-body .select-question-part .question-inner .heading{margin-top:4rem;margin-bottom:2rem}.create-assessment-body .select-question-part .floating-bar{padding:0 16px 32px}.create-assessment-body .select-question-part .floating-bar-container{height:50px;border-radius:4px;box-shadow:0 6px 12px #4681ef40;border:1px solid #f8f8f8;padding:8px 15px;display:flex;justify-content:end;position:relative;align-items:center;background:#fff}.create-assessment-body .select-question-part .floating-bar-container .right{display:flex;align-items:center}.create-assessment-body .select-question-part .floating-bar-container .right .name{margin-left:15px;color:#707070;font-size:12px;font-weight:500;line-height:18px;display:flex;align-items:center;white-space:nowrap}.create-assessment-body .select-question-part .floating-bar-container .right .name span.required{color:#eb2424;font-size:14px}.create-assessment-body .select-question-part .floating-bar-container .right .name i{margin-left:3px;color:#1e5dd3;cursor:pointer}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select{margin-left:12px;width:125px;display:flex}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select .input-group .custom-select-box input{height:32px}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select .input-group .custom-select-box span.arrow{bottom:6px}.create-assessment-body .select-question-part .floating-bar-container .right button{border-radius:2px;height:28px;background:#1e5dd3!important;width:72px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff!important;text-transform:uppercase;font-size:11px;border:1px solid #1e5dd3!important;padding:0;margin:0 0 0 28px}.create-assessment-body .select-question-part .floating-bar-container .right button i{margin-left:8px;font-size:16px}.create-assessment-body .select-question-part .floating-bar-container .right button:disabled{filter:grayscale(1);cursor:not-allowed;opacity:.5;pointer-events:auto}.create-assessment-body .select-question-part .floating-bar-container .right button.cancel{background:transparent!important;border:none!important;color:#eb2424!important;margin-right:0;width:auto;padding:0}.create-assessment-body .editor-section{height:100%}.create-assessment-body .editor-section-body{height:calc(100% - 5.25rem);position:relative;overflow:auto}.create-assessment-body .editor-section-body::-webkit-scrollbar-track{background-color:transparent}.create-assessment-body .editor-section-body .right-side-btn{position:fixed;top:180px;right:100px}.create-assessment-body .editor-section-body .right-side-btn button{background:#f8f8f8;border-radius:.125rem;border:none;width:1.5rem;height:1.5rem}.create-assessment-body .editor-section-inner{width:60rem;margin:0 auto;padding:2rem 0;height:100%}@media screen and (max-width:1366px){.create-assessment-body .editor-section-inner{width:55rem!important}}.create-assessment-body .editor-section-inner .next-question-area{position:relative}.create-assessment-body .editor-section-inner .next-question-area ::ng-deep app-question-type .question-type ul li{width:10rem!important}.create-assessment-body .editor-section-inner .next-question-area .overlay{z-index:8}.create-assessment-body .editor-section-inner .next-question-popup{background:#fff;border-radius:.25rem;box-shadow:0 0 6px #1e5dd326;position:absolute;left:0;right:0;bottom:0;z-index:9}.create-assessment-body .editor-section-footer{background:#fff;border-radius:0 0 .125rem .125rem;box-shadow:0 -3px 6px #1e5dd326;height:4.25rem;position:relative}.create-assessment-body .editor-section-footer button{border-radius:.125rem;width:12.5rem;height:2.75rem;letter-spacing:1.5px}.create-assessment-body .editor-section-footer button.cancel-btn,.create-assessment-body .editor-section-footer button.white-btn{background:#fff;border:1px solid #dbdbdb}.create-assessment-body .editor-section-footer button.blue-btn{background:#1e5dd3;border:none}.create-assessment-body .editor-section-footer button.disabled{opacity:.7;pointer-events:none;cursor:not-allowed}.create-assessment-body .editor-section-footer button.preview-btn{background:#34aa44;border-radius:.125rem;border:none;width:2.75rem;height:2.5rem;position:absolute;bottom:.875rem;right:1rem}.create-assessment-body .editor-section-footer button.close-btn{background:#d93b41;border-radius:.125rem;border:none;width:2.75rem;height:2.5rem;position:absolute;bottom:.875rem;right:1rem}button.page-title{background:#fff;border:1px dashed #dbdbdb;border-radius:.25rem;height:3.125rem;transition:all .3s ease-in-out}button.page-title:hover{border-color:#1e5dd3;color:#1e5dd3}.page-dropdown-popup{background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:.25rem;width:11.5rem;-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}.page-dropdown-popup ul{list-style-type:none;max-height:12rem;overflow-y:auto}.page-dropdown-popup ul li{border-bottom:1px solid #f1f1f1;list-style-type:none}.page-dropdown-popup ul li:last-of-type,.page-dropdown-popup ul li:only-child{border-bottom:none}.page-dropdown-popup ul li button{background:transparent;border:none;border-radius:0;text-align:left}.page-dropdown-popup ul li button .page-label{background:#f1f1f1;border-radius:.125rem;color:#042e7d}.page-dropdown-popup .action-bottom{background:#f8f8f8;border-top:1px solid #f1f1f1;border-radius:0 0 .125rem .125rem}.page-dropdown-popup .action-bottom button{border-radius:.125rem;height:1.5rem}.page-dropdown-popup .action-bottom button.add-page{background:#1e5dd3;border:1px solid #1e5dd3}.page-number{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disabled{opacity:.7;pointer-events:none;cursor:not-allowed}"]
             },] }
 ];
 CreateAssessmentContainerComponent.ctorParameters = () => [

package/esm2015/lib/sharedComponents/assessment-list/assessment-list-loader/assessment-list-loader.component.js

@@ -8,7 +8,7 @@ AssessmentListLoaderComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-assessment-list-loader',
                 template: "<div class=\"assessment-list-item\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n    <div class=\"table-row\">\r\n        <div class=\"table-column serial\">\r\n            <div class=\"sr-no\"></div>\r\n        </div>\r\n        <div class=\"table-column name\">\r\n            <div class=\"loader\"></div>\r\n        </div>\r\n        <div class=\"table-column action\">\r\n            <div class=\"loader\"></div>\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: [".assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}.assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}.assessment-list-item .table-row .table-column{height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}.assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}.assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;height:100%}.assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}.assessment-list-item .table-row .table-column.name .loader{width:calc(100% - 200px)}.assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}.assessment-list-item .table-row .table-column.action .loader{width:28px}.loader{background:#f1f1f1;border-radius:20px;height:10px}\n"]
+                styles: [".assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}.assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}.assessment-list-item .table-row .table-column{height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}.assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}.assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;height:100%}.assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}.assessment-list-item .table-row .table-column.name .loader{width:calc(100% - 200px)}.assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}.assessment-list-item .table-row .table-column.action .loader{width:28px}.loader{background:#f1f1f1;border-radius:20px;height:10px}"]
             },] }
 ];
 AssessmentListLoaderComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-list/assessment-list-sub-loader/assessment-list-sub-loader.component.js

@@ -8,7 +8,7 @@ AssessmentListSubLoaderComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-assessment-list-sub-loader',
                 template: "<div class=\"assessment-list-item\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n    <div class=\"sub-list\">\r\n        <div class=\"table-row\">\r\n            <div class=\"table-column serial\">\r\n                <div class=\"sr-no\"></div>\r\n            </div>\r\n            <div class=\"table-column sub-name\">\r\n                <div class=\"loader\"></div>\r\n            </div>\r\n            <div class=\"table-column question\">\r\n                <div class=\"loader\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: [".assessment-list-item{border:none!important;border-top:1px solid #f1f1f1;border-radius:2px;margin-bottom:0!important}.assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}.assessment-list-item .table-row .table-column{height:32px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}.assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}.assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;height:100%}.assessment-list-item .table-row .table-column.sub-name{width:calc(100% - 232px);min-width:calc(100% - 232px)}.assessment-list-item .table-row .table-column.sub-name .loader{width:calc(100% - 200px)}.assessment-list-item .table-row .table-column.question{width:200px;max-width:200px;justify-content:flex-end}.assessment-list-item .table-row .table-column.question .loader{width:72px}.loader{background:#f1f1f1;border-radius:20px;height:10px}\n"]
+                styles: [".assessment-list-item{border:none!important;border-top:1px solid #f1f1f1;border-radius:2px;margin-bottom:0!important}.assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}.assessment-list-item .table-row .table-column{height:32px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}.assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}.assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;height:100%}.assessment-list-item .table-row .table-column.sub-name{width:calc(100% - 232px);min-width:calc(100% - 232px)}.assessment-list-item .table-row .table-column.sub-name .loader{width:calc(100% - 200px)}.assessment-list-item .table-row .table-column.question{width:200px;max-width:200px;justify-content:flex-end}.assessment-list-item .table-row .table-column.question .loader{width:72px}.loader{background:#f1f1f1;border-radius:20px;height:10px}"]
             },] }
 ];
 AssessmentListSubLoaderComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-list/assessment-list.component.js

@@ -170,7 +170,7 @@ AssessmentListComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-assessment-list',
                 template: "\r\n<app-preview *ngIf=\"isPreview\" [questionData]=\"previewQuestionData\" (previewBack)=\"previewBack()\"></app-preview>\r\n<div class=\"assessment-list\" [class.animate]=\"animation\">\r\n   \r\n    <ng-container >\r\n        <div class=\"assessment-list-head\">\r\n            <button class=\"back-btn\">\r\n                <!-- <i class=\"icons\">&#xe91d;</i> -->\r\n            </button>\r\n            <h3 class=\"assessment-list-title\">Select an Assessment</h3>\r\n        </div>\r\n        <div class=\"assessment-list-body\">\r\n            <div class=\"search-block\">\r\n                <i class=\"icons\">&#xe90b;</i>\r\n                <input type=\"text\" [(ngModel)]=\"searchAssessments\" (change)=\"onAssessmentSearch($event.target.value)\" placeholder=\"Search Assessment Category\" />\r\n            </div>\r\n            <app-workflow-pagination \r\n               \r\n                [pageCount]=\"assessmentCategory?.totalPage\" \r\n                [total]=\"assessmentCategory?.totalRecords\" \r\n                [start]=\"assessmentCategory?.start_value\" \r\n                [end]=\"assessmentCategory?.end_value\" \r\n                [activeAlphabet]=\"''\" \r\n                (selectedAlphabet)=\"onAlphabetSelected($event)\" \r\n                (selectedPage)=\"onPageSelection($event)\"\r\n            ></app-workflow-pagination>\r\n            <div *ngIf=\"assessmentCategory.data.length === 0 && !isLoader\" class=\"assessment-list-part\">\r\n            <app-no-data  [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Assessments Found.'\"></app-no-data>\r\n            </div>\r\n            <div *ngIf=\"assessmentCategory.data.length || isLoader\" class=\"assessment-list-part\">\r\n                <div *ngIf=\"isEdit && selectedAssessment?.assessmentDetails?.assessment_name\" class=\"assessment-list-selected\">\r\n                    <div class=\"assessment-list-heading\">Assessment already selected for this responsibility</div>\r\n                    <div class=\"assessment-list-item\">\r\n                        <div class=\"table-row\">\r\n                            <div class=\"table-column serial disabled\">\r\n                                <app-cs-radio [disabled]=\"true\" class=\"disabled\" [checked]=\"true\" [readonly]=\"true\"></app-cs-radio>\r\n                            </div>\r\n                            <div class=\"table-column sub-name\">\r\n                                <div class=\"name-inner\">\r\n                                    <div class=\"value\" [appTooltip]=\"selectedAssessment?.assessmentDetails?.assessment_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{selectedAssessment?.assessmentDetails?.assessment_name}}</div>\r\n                                    <div class=\"within-part\">\r\n                                        <span class=\"within-box\">Within</span>\r\n                                        <span class=\"value\" [appTooltip]=\"selectedAssessment?.category_details?.category_name + (selectedAssessment?.category_details?.parent_tree ? ' > ' + selectedAssessment?.category_details?.parent_tree : '')\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{selectedAssessment?.category_details?.category_name + (selectedAssessment?.category_details?.parent_tree ? ' > ' + selectedAssessment?.category_details?.parent_tree : '')}}</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"table-column question\">\r\n                                <div class=\"label\">{{selectedAssessment?.assessmentDetails?.questions}} {{selectedAssessment?.assessmentDetails?.questions > 1 ? 'Questions': 'Question'}}</div>\r\n                                <div class=\"buttons\">\r\n                                    <button class=\"action-btn\" (click)=\"preview(selectedAssessment?.assessmentDetails)\"><i class=\"icons\">&#xeae5;</i> Preview</button>\r\n                                    <!-- <button class=\"action-btn\"><i class=\"icons\">&#xe90c;</i> Edit</button> -->\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"assessment-list-heading\">Select an Assessment for this responsibility</div>\r\n\r\n                <!--\r\n                     Assessment category list \r\n                     active class is used for highlighting opened element\r\n                -->\r\n                <ng-container *ngIf=\"!isLoader\">\r\n                    <div *ngFor=\"let data of assessmentCategory.data; let  i = index;\" class=\"assessment-list-item\" [class.active]=\"openedCategory.includes(i) || data.id === selectedAssessment?.category_id\">\r\n                        <div class=\"table-row main-list\" (click)=\"showSubList(i, data?.id)\" [class.disabled]=\"data?.assessmentcount < 1\">\r\n                            <div class=\"table-column serial\">\r\n                                <div [id]=\"'sr-no' + i\" class=\"sr-no\" [appTooltip]=\"i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)}}</div>\r\n                            </div>\r\n                            <div class=\"table-column name\">\r\n                                <div class=\"name-inner\">\r\n                                    <div class=\"value\" [appTooltip]=\"data.category_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{data?.category_name}}</div>\r\n                                    <div class=\"within-part\" *ngIf=\"data?.parent_tree\">\r\n                                        <span class=\"within-box\">Within</span>\r\n                                        <span class=\"value\" [appTooltip]=\"data.parent_tree\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{data?.parent_tree}}</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"table-column action\">\r\n                                <button [id]=\"'arrow' + i\" class=\"arrow\" [class.disabled] = \"data?.assessmentcount < 1\" [disabled]=\"data?.assessmentcount < 1\">\r\n                                    <i *ngIf=\"!openedCategory.includes(i)\" class=\"icons\">&#xe970;</i>\r\n                                    <i *ngIf=\"openedCategory.includes(i)\" class=\"icons\">&#xe9e8;</i>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <!-- Assessment list start from here -->\r\n                        <div *ngIf=\"openedCategory.includes(i)\" class=\"sub-list\">\r\n                            <ng-container *ngIf=\"data.assessmentData?.length > 0\">\r\n                                <div class=\"table-row\" *ngFor=\"let assessment of data.assessmentData; let j = index\" [class.active]=\"assessment.id === selectedAssessment?.assessment_id && data.id === selectedAssessment?.category_id\">\r\n                                    <div class=\"table-column serial\">\r\n                                        <div [id]=\"'sub-sr-no'+ i+j\" class=\"sr-no\" appTooltip=\"{{dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)}}.{{j + 1}}\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n                                            {{dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)}}.{{j + 1}}\r\n                                            <app-cs-radio name=\"assessment\" [value]=\"assessment.id\" [checked]=\"assessment?.id === selectedAssessment?.assessment_id && data?.id === selectedAssessment?.category_id\"\r\n                                            (checkedEvent)=\"setAssessment(data, assessment)\"></app-cs-radio>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"table-column sub-name\">\r\n                                        <div class=\"value\" [appTooltip]=\"'Mission and message, communications to external audiences'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{assessment?.assessment_name}}</div>\r\n                                    </div>\r\n                                    <div class=\"table-column question\">\r\n                                        <div class=\"label\">{{assessment?.questions}} {{assessment?.questions > 1 ? 'Questions' : 'Question'}}</div>\r\n                                        <div class=\"buttons\">\r\n                                            <button class=\"action-btn\" (click)=\"preview(assessment)\"><i class=\"icons\">&#xeae5;</i> Preview</button>\r\n                                            <!-- <button class=\"action-btn\"><i class=\"icons\">&#xe9ba;</i> Edit</button> -->\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n                             <!-- Loader loading isLoader  -->\r\n                            <app-assessment-list-sub-loader *ngIf=\"!data.assessmentData?.length\"></app-assessment-list-sub-loader>\r\n                            <!-- <app-line-loader *ngIf=\"!data.assessmentData?.length\" [loaderHeight]=\"'5'\"></app-line-loader> -->\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n                <!-- Loader loading isLoader  -->\r\n                <app-assessment-list-loader *ngIf=\"isLoader\"></app-assessment-list-loader>\r\n            </div>\r\n            <!-- No data image  -->\r\n            <app-no-data *ngIf=\"!assessmentCategory.data.length && !isLoader\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Data to Display'\"></app-no-data>\r\n        </div>\r\n        <!-- \r\n            bottom floating bar which includes cancel, next button\r\n            closing tab\r\n         -->\r\n        <app-floating-bar \r\n            [selectedData]=\"[]\" \r\n            (closeEvent)=\"save()\"\r\n            (closeList)=\"close()\" \r\n            [isDisabled]=\"!selectedAssessment?.assessment_id && !isDeleted\"\r\n            [selectedData]=\"selectedAssessment?.assessment_id ? [selectedAssessment?.assessmentDetails]:[]\"\r\n            [displayElementKey]=\"'assessment_name'\" \r\n            [pluralText]=\"'Risk Categories selected'\" (closeEvent)=\"save()\" (deleteEvent)=\"deleteEvent($event)\"\r\n        >\r\n        </app-floating-bar>\r\n    </ng-container>\r\n</div>\r\n",
-                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .assessment-list{background:#fff;border-top:3px solid #1E5DD3;position:fixed;top:0;right:500px;bottom:0;left:0;z-index:1}::ng-deep .assessment-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assessment-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .assessment-list-head button.back-btn{background:transparent;border-radius:0;border:0;color:#161b2f;font-size:16px;padding:0;margin:0 8px 0 0}::ng-deep .assessment-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .assessment-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .assessment-list-body{padding:24px 40px 24px 36px;height:calc(100vh - 112px)}::ng-deep .assessment-list-body .search-block{position:relative}::ng-deep .assessment-list-body .search-block input{height:44px;line-height:24px;padding:10px 15px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .assessment-list-body .search-block input::placeholder{font-weight:400}::ng-deep .assessment-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assessment-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .assessment-list-body .assessment-list-part{height:calc(100vh - 228px);overflow:auto;padding:8px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-selected{margin-bottom:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-heading{color:#161b2f;font-size:12px;font-weight:600;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .main-list{cursor:pointer}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #4681ef26}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row.disabled{pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column{color:#747576;height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio{position:absolute;top:8px;left:0;opacity:0;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;left:8px;top:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .value{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question{width:200px;max-width:200px;justify-content:flex-end}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-right:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons{display:flex;width:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;padding:0 8px;display:flex;align-items:center;margin:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row:hover .table-column.question .buttons{width:86px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no app-cs-radio,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row .table-column{height:32px}::ng-deep .assessment-list-body ul{padding:0;margin:0}::ng-deep .assessment-list-body ul.assessment{max-height:calc(100vh - 240px);overflow:auto;padding:16px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body ul.assessment li{padding:0 0 12px;list-style:none;display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body ul.assessment li app-cs-radio{width:calc(100% - 260px)}::ng-deep .assessment-list-body ul.assessment li app-cs-radio .radio-item .value .name{font-size:12px;color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assessment-list-body ul.assessment li .right{display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px}::ng-deep .assessment-list-body ul.assessment li .right .buttons{display:flex;width:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;padding:0 8px;margin-left:12px;display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body ul.assessment li:hover .right .buttons{width:156px}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#747576}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"]
+                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::ng-deep .assessment-list{background:#fff;border-top:3px solid #1e5dd3;position:fixed;top:0;right:500px;bottom:0;left:0;z-index:1}::ng-deep .assessment-list.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assessment-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .assessment-list-head button.back-btn{background:transparent;border-radius:0;border:0;color:#161b2f;font-size:16px;padding:0;margin:0 8px 0 0}::ng-deep .assessment-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .assessment-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .assessment-list-body{padding:24px 40px 24px 36px;height:calc(100vh - 112px)}::ng-deep .assessment-list-body .search-block{position:relative}::ng-deep .assessment-list-body .search-block input{height:44px;line-height:24px;padding:10px 15px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .assessment-list-body .search-block input::-moz-placeholder{font-weight:400}::ng-deep .assessment-list-body .search-block input:-ms-input-placeholder{font-weight:400}::ng-deep .assessment-list-body .search-block input::placeholder{font-weight:400}::ng-deep .assessment-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assessment-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .assessment-list-body .assessment-list-part{height:calc(100vh - 228px);overflow:auto;padding:8px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-selected{margin-bottom:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-heading{color:#161b2f;font-size:12px;font-weight:600;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .main-list{cursor:pointer}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #4681ef26}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row.disabled{pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column{color:#747576;height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio{position:absolute;top:8px;left:0;opacity:0;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;left:8px;top:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .value{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question{width:200px;max-width:200px;justify-content:flex-end}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-right:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons{display:flex;width:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;padding:0 8px;display:flex;align-items:center;margin:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row:hover .table-column.question .buttons{width:86px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no app-cs-radio,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row .table-column{height:32px}::ng-deep .assessment-list-body ul{padding:0;margin:0}::ng-deep .assessment-list-body ul.assessment{max-height:calc(100vh - 240px);overflow:auto;padding:16px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body ul.assessment li{padding:0 0 12px;list-style:none;display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body ul.assessment li app-cs-radio{width:calc(100% - 260px)}::ng-deep .assessment-list-body ul.assessment li app-cs-radio .radio-item .value .name{font-size:12px;color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assessment-list-body ul.assessment li .right{display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px}::ng-deep .assessment-list-body ul.assessment li .right .buttons{display:flex;width:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;padding:0 8px;margin-left:12px;display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body ul.assessment li:hover .right .buttons{width:156px}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#747576}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}@-webkit-keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}"]
             },] }
 ];
 AssessmentListComponent.ctorParameters = () => [