vcomply-workflow-engine 2.9.24 → 2.9.26

package/esm2015/lib/sharedComponents/assessment-editor/components/add-response-set-popup/add-response-set-popup.component.js

@@ -20,7 +20,7 @@ AddResponseSetPopupComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-add-response-set-popup',
                 template: "<div class=\"form-dialog\">\r\n    <div class=\"form-dialog-heading vx-d-flex vx-align-center vx-justify-between vx-pt-3 vx-pb-3 vx-pl-4 vx-pr-4 vx-mb-2\">\r\n        <ng-container *ngIf=\"!hideSpecificCategory\">\r\n            <div class=\"heading vx-fs-14 vx-fw-500 vx-label-txt\">Add a Response Set</div>\r\n            <button class=\"close vx-p-0 vx-m-0 vx-d-flex vx-align-center\" [appTooltip]=\"'[Esc] to close'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons vx-fs-16 vx-label-txt\">&#xe93f;</i></button>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"hideSpecificCategory\">\r\n            <div class=\"heading vx-fs-14 vx-fw-500 vx-label-txt\">Select Form Categories</div>\r\n            <button (click)=\"backResponseSet()\" class=\"close vx-fs-12 vx-fw-500 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"><i class=\"icons vx-fs-16 vx-mr-2\">&#xe91d;</i> BACK</button>\r\n        </ng-container>\r\n    </div>\r\n    <div *ngIf=\"!hideSpecificCategory\" class=\"form-dialog-mid vx-p-4 vx-pt-0\">\r\n        <div class=\"from-group vx-mt-1 vx-mb-4\">\r\n            <label class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">RESPONSE SET NAME</label>\r\n            <input type=\"text\" placeholder=\"Name this response set\" />\r\n        </div>\r\n        <div class=\"from-group vx-mt-1 vx-mb-4\">\r\n            <label class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">THIS RESPONSE SET IS APPLICABLE FOR:</label>\r\n            <div class=\"vx-d-flex vx-align-center vx-justify-between\">\r\n                <div class=\"set-item vx-d-flex vx-align-center vx-p-2\">\r\n                    <app-cs-radio><span class=\"name vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">ALL FORM CATEGORIES</span></app-cs-radio>\r\n                </div>\r\n                <div class=\"set-item vx-d-flex vx-align-center vx-p-2\">\r\n                    <div class=\"specific-radio vx-d-flex vx-align-center\" (click)=\"clickSpecificCategory()\">\r\n                        <span class=\"circle-radio vx-mr-3\"></span>\r\n                        <span class=\"name vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">SPECIFIC FORM CATEGORIES</span>\r\n                    </div>\r\n                    <div *ngIf=\"false\" class=\"after-select vx-d-flex vx-align-center vx-w-100\">\r\n                        <span class=\"circle-radio vx-mr-3\"></span>\r\n                        <div class=\"input-group vx-d-flex vx-align-center vx-justify-between\">\r\n                            <div class=\"left vx-d-flex vx-align-center\">\r\n                                <div class=\"chip vx-fs-11 vx-txt-blue vx-pl-2 vx-pr-2 vx-lh-5\" [appTooltip]=\"'category text'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">category text</div>\r\n                                <button class=\"count vx-fs-10 vx-txt-white vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center vx-lh-5\" appPopover (click)=\"responseCount.popover()\" position=\"right\">+13</button>\r\n                                <app-popover #responseCount>\r\n                                    <div class=\"action-list\">\r\n                                      <ul class=\"action-item\">\r\n                                        <li *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n                                          <div class=\"chip-item\">\r\n                                              <span class=\"vx-paragraph-txt\" [appTooltip]=\"'Category response name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Category response name</span>\r\n                                          </div>\r\n                                        </li>\r\n                                      </ul>\r\n                                    </div>\r\n                                </app-popover>\r\n                            </div>\r\n                            <button class=\"edit 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 vx-lh-5\">EDIT</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"from-group vx-mt-1 vx-mb-4\">\r\n            <label class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">RESPONSE CHOICES</label>\r\n            <div class=\"choice-item vx-d-flex vx-mt-5\">\r\n                <div class=\"number vx-fs-12 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-p-1 vx-mr-4\" style=\"background: #1E5DD3;\">1</div>\r\n                <div class=\"right\">\r\n                    <ng-container>\r\n                        <div class=\"edit-mode\" (click)=\"showResponse()\">\r\n                            <input type=\"text\" placeholder=\"Type your response\" />\r\n                            <button class=\"set-icon vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe913;</i></button>\r\n                        </div>\r\n                        <div class=\"set-popup vx-p-3 vx-d-flex vx-justify-between\" *ngIf=\"!setResponse\">\r\n                            <div class=\"item\">\r\n                                <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">SET COLOR</div>\r\n                                <div class=\"color-box vx-p-1 vx-d-flex vx-align-center vx-justify-center\" style=\"color: #1E5DD3;\">\r\n                                    <i class=\"icons vx-fs-18\">&#xeb01;</i>\r\n                                    <input type=\"color\" />\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"item\">\r\n                                <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">ADD SCORE</div>\r\n                                <div class=\"score-input vx-d-flex\">\r\n                                    <input type=\"number\" value=\"1\" />\r\n                                    <div class=\"buttons\">\r\n                                        <button class=\"plus-btn vx-fs-12 vx-fw-500 vx-paragraph-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n                                        <button class=\"minus-btn vx-fs-12 vx-fw-500 vx-paragraph-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">-</button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"item\">\r\n                                <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1 vx-d-flex vx-align-center\">SET AS A FAILED RESPONSE <i class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\" appTooltip=\"If this response choice is 'Set as a failed response' VComply would automatically flag it as an exception when selected by the respondent. This can help identify areas for improvement and in the development of corrective action plans.\" placement=\"bottom-right\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xeb16;</i></div>\r\n                                <app-cs-switch></app-cs-switch>\r\n                            </div>\r\n                        </div>\r\n                    </ng-container>\r\n                    <div class=\"after-set-response vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\">\r\n                        <div class=\"value vx-fs-12 vx-label-txt\" [appTooltip]=\"'Response choice content'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Response choice content</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-4 vx-d-flex vx-align-center\"><i class=\"icons\">&#xe9ba;</i></button>\r\n                            <button class=\"delete vx-fs-12 vx-txt-red vx-p-0 vx-m-0 vx-ml-4 vx-d-flex vx-align-center\"><i class=\"icons\">&#xe923;</i></button>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"response-value vx-fs-10 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-text-right vx-mt-1\">SCORE: 1</div>\r\n                    <div class=\"response-value vx-fs-10 vx-fw-500 vx-txt-red vx-tt-uppercase vx-text-right vx-mt-1\">THIS HAS BEEN SET AS A FAILED RESPONSE.</div>\r\n                </div>\r\n            </div>\r\n            <button class=\"add-response-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-mt-5 vx-d-flex vx-align-center\"><i class=\"icons vx-fs-12 vx-mr-2 vx-d-flex\">&#xe915;</i> ADD RESPONSE</button>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"hideSpecificCategory\" class=\"category-mid vx-p-4 vx-pr-0 vx-pt-0 vx-mt-4\">\r\n        <div class=\"search-field vx-pr-4 vx-mb-3\">\r\n            <input type=\"search\" placeholder=\"Search...\" />\r\n            <i class=\"icons search vx-fs-14\">&#xe90b;</i>\r\n        </div>\r\n        <app-cs-checkbox><span class=\"name vx-fw-500\">Select All</span></app-cs-checkbox>\r\n        <!-- <app-cs-checkbox-indeterminate *ngIf=\"false\"><span class=\"name vx-fw-500\">Select All</span></app-cs-checkbox-indeterminate> -->\r\n        <div class=\"list vx-pr-4 vx-mt-3\">\r\n            <ul class=\"vx-p-0 vx-m-0\">\r\n                <li class=\"vx-mb-3\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]\"><app-cs-checkbox><span class=\"name\" [appTooltip]=\"'Select form category name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Select form category name</span></app-cs-checkbox></li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"hideSpecificCategory\" class=\"category-bottom vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4 vx-mt-4\">\r\n        <div class=\"vx-d-flex vx-align-center\">\r\n            <div class=\"count vx-fs-11 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1\">12</div> <span class=\"vx-fs-12 vx-fw-500 vx-paragraph-txt vx-ml-2\">Form Category selected</span>\r\n        </div>\r\n        <button class=\"next-btn vx-fs-11 vx-fw-500 vx-txt-white vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center vx-lh-7\">NEXT</button>\r\n    </div>\r\n    <button *ngIf=\"!hideSpecificCategory\" class=\"form-dialog-btn vx-fs-13 vx-fw-600 vx-tt-uppercase vx-p-0 vx-m-0 vx-mt-4 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">SAVE</button>\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 .form-dialog{background:#FFFFFF;width:31.25rem;height:100vh}::ng-deep .form-dialog-heading{background:#f8f8f8;border-bottom:1px solid #F1F1F1;height:2.75rem}::ng-deep .form-dialog-heading button.close{background:transparent;border:none;border-radius:0}::ng-deep .form-dialog-mid{height:calc(100vh - 7.25rem);overflow:auto}::ng-deep .form-dialog-mid::-webkit-scrollbar-track{background-color:#fff}::ng-deep .form-dialog-mid .from-group{position:relative}::ng-deep .form-dialog-mid .from-group input[type=text]{height:2.5rem;border-radius:.25rem;border:1px solid #DBDBDB;background:#FFFFFF;outline:none;padding:.5rem .75rem;line-height:1.25rem;font-size:13px;font-weight:400;color:#747576;transition:all .2s ease-in-out;width:100%}::ng-deep .form-dialog-mid .from-group input[type=text]:hover,::ng-deep .form-dialog-mid .from-group input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .form-dialog-mid .from-group input[type=text]::placeholder{color:#dbdbdb;opacity:1}::ng-deep .form-dialog-mid .from-group .set-item{border:1px solid #DBDBDB;border-radius:.25rem;width:calc(50% - .25rem);height:2.5rem}::ng-deep .form-dialog-mid .from-group .set-item cs-radio{display:flex;width:100%}::ng-deep .form-dialog-mid .from-group .set-item cs-radio .radio-item{width:100%}::ng-deep .form-dialog-mid .from-group .set-item .specific-radio{cursor:pointer}::ng-deep .form-dialog-mid .from-group .set-item .specific-radio .circle-radio{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:50%;height:1rem;width:1rem}::ng-deep .form-dialog-mid .from-group .set-item .after-select .circle-radio{background:#FFFFFF;border:5px solid #34aa44;border-radius:50%;height:1rem;width:1rem}::ng-deep .form-dialog-mid .from-group .set-item .after-select .input-group{width:calc(100% - 1.75rem)}::ng-deep .form-dialog-mid .from-group .set-item .after-select .input-group .left{width:calc(100% - 3rem)}::ng-deep .form-dialog-mid .from-group .set-item .after-select .input-group .left .chip{background:#FFFFFF;box-shadow:0 1px 4px #1e5dd326;border-radius:.125rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .form-dialog-mid .from-group .set-item .after-select .input-group .left button.count{background:#1e5dd3;border:none;border-radius:.125rem;min-width:1.25rem}::ng-deep .form-dialog-mid .from-group .set-item .after-select .input-group button.edit{background:#34aa44;border:none;border-radius:.125rem}::ng-deep .form-dialog-mid .from-group .choice-item:first-of-type{margin-top:.5rem!important}::ng-deep .form-dialog-mid .from-group .choice-item .number{border-radius:50%;width:1.75rem;height:1.75rem;margin-top:.125rem}::ng-deep .form-dialog-mid .from-group .choice-item .right{width:calc(100% - 2.75rem);position:relative}::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode input[type=text]{height:2rem;border-radius:.25rem;border:1px solid #DBDBDB;background:#FFFFFF;outline:none;padding:.5rem 2.625rem .5rem .75rem;line-height:1.25rem;font-size:12px;font-weight:400;color:#747576;transition:all .2s ease-in-out;width:100%}::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode input[type=text]:hover,::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode input[type=text]::placeholder{color:#dbdbdb;opacity:1}::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode button.set-icon{background:#f8f8f8;border-radius:0 .25rem .25rem 0;border:none;position:absolute;top:1px;right:1px;width:1.875rem;height:1.875rem}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup{background:#FFFFFF;border-radius:.25rem;box-shadow:0 3px 6px #1e5dd326;width:100%}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .heading I.info{cursor:pointer}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item app-cs-switch{display:flex;justify-content:start}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item app-cs-switch .cs-switch{width:auto}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .color-box{background:#F1F1F1;border-radius:.125rem;width:1.875rem;height:1.875rem;position:relative}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .color-box input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .score-input{border:1px solid #F1F1F1;border-radius:.125rem;height:1.875rem;width:3.75rem}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .score-input input{background:#FFFFFF;border:none;border-right:1px solid #F1F1F1;border-radius:0;font-size:12px;font-weight:400;color:#161b2f;padding:0 .5rem;margin:0;width:42px;outline:none}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .score-input .buttons button{background:transparent;border:none;border-radius:0;width:1rem;height:.875rem}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .score-input .buttons button.plus-btn{border-bottom:1px solid #F1F1F1}::ng-deep .form-dialog-mid .from-group .choice-item .right .after-set-response{height:2rem;border-radius:.25rem;border:1px solid #DBDBDB;background:#f8f8f8}::ng-deep .form-dialog-mid .from-group .choice-item .right .after-set-response .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5rem)}::ng-deep .form-dialog-mid .from-group .choice-item .right .after-set-response button{background:transparent;border:none;border-radius:0}::ng-deep .form-dialog-mid .from-group button.add-response-btn{background:transparent;border:none;border-radius:0;padding-left:2.75rem!important}::ng-deep .form-dialog .category-mid{height:calc(100vh - 7.5rem)}::ng-deep .form-dialog .category-mid .search-field{position:relative}::ng-deep .form-dialog .category-mid .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 .form-dialog .category-mid .search-field i.search{position:absolute;top:.75rem;left:1.5rem;color:#f1f1f1}::ng-deep .form-dialog .category-mid .list{height:calc(100vh - 13rem);overflow:auto}::ng-deep .form-dialog .category-mid .list::-webkit-scrollbar-track{background-color:#fff}::ng-deep .form-dialog .category-mid .list ul{list-style-type:none}::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item,::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item{position:relative;padding-left:1.5rem;width:100%}::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item .checkbox,::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item .checkbox{position:absolute!important;left:0;top:0}::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item .checkmark,::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute!important;left:0;top:0}::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item span,::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item span{justify-content:unset!important;margin:0!important}::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item span.value,::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item span.value{color:#747576!important;font-size:11px!important;width:100%}::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item span.value .name,::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .form-dialog .category-bottom{background:#f8f8f8;border-top:1px solid #F1F1F1;height:2.75rem}::ng-deep .form-dialog .category-bottom .count{background:#34aa44;border-radius:.125rem;min-width:1.25rem;height:1.25rem}::ng-deep .form-dialog .category-bottom button.next-btn{background:#1e5dd3;border-radius:.125rem;border:none;width:4rem}::ng-deep .form-dialog-btn{background:#1e5dd3;border:none;border-radius:0;color:#fff;width:100%;height:3.125rem;letter-spacing:1.3px}::ng-deep .form-dialog-btn.disabled{background:#F1F1F1;color:#747576!important;opacity:1;pointer-events:none}\n"]
+                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");::ng-deep .form-dialog{background:#fff;width:31.25rem;height:100vh}::ng-deep .form-dialog-heading{background:#f8f8f8;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .form-dialog-heading button.close{background:transparent;border:none;border-radius:0}::ng-deep .form-dialog-mid{height:calc(100vh - 7.25rem);overflow:auto}::ng-deep .form-dialog-mid::-webkit-scrollbar-track{background-color:#fff}::ng-deep .form-dialog-mid .from-group{position:relative}::ng-deep .form-dialog-mid .from-group input[type=text]{height:2.5rem;border-radius:.25rem;border:1px solid #dbdbdb;background:#fff;outline:none;padding:.5rem .75rem;line-height:1.25rem;font-size:13px;font-weight:400;color:#747576;transition:all .2s ease-in-out;width:100%}::ng-deep .form-dialog-mid .from-group input[type=text]:focus,::ng-deep .form-dialog-mid .from-group input[type=text]:hover{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}::ng-deep .form-dialog-mid .from-group input[type=text]::-moz-placeholder{color:#dbdbdb;opacity:1}::ng-deep .form-dialog-mid .from-group input[type=text]:-ms-input-placeholder{color:#dbdbdb;opacity:1}::ng-deep .form-dialog-mid .from-group input[type=text]::placeholder{color:#dbdbdb;opacity:1}::ng-deep .form-dialog-mid .from-group .set-item{border:1px solid #dbdbdb;border-radius:.25rem;width:calc(50% - .25rem);height:2.5rem}::ng-deep .form-dialog-mid .from-group .set-item cs-radio{display:flex;width:100%}::ng-deep .form-dialog-mid .from-group .set-item cs-radio .radio-item{width:100%}::ng-deep .form-dialog-mid .from-group .set-item .specific-radio{cursor:pointer}::ng-deep .form-dialog-mid .from-group .set-item .specific-radio .circle-radio{background:#fff;border:1px solid #dbdbdb;border-radius:50%;height:1rem;width:1rem}::ng-deep .form-dialog-mid .from-group .set-item .after-select .circle-radio{background:#fff;border:5px solid #34aa44;border-radius:50%;height:1rem;width:1rem}::ng-deep .form-dialog-mid .from-group .set-item .after-select .input-group{width:calc(100% - 1.75rem)}::ng-deep .form-dialog-mid .from-group .set-item .after-select .input-group .left{width:calc(100% - 3rem)}::ng-deep .form-dialog-mid .from-group .set-item .after-select .input-group .left .chip{background:#fff;box-shadow:0 1px 4px #1e5dd326;border-radius:.125rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .form-dialog-mid .from-group .set-item .after-select .input-group .left button.count{background:#1e5dd3;border:none;border-radius:.125rem;min-width:1.25rem}::ng-deep .form-dialog-mid .from-group .set-item .after-select .input-group button.edit{background:#34aa44;border:none;border-radius:.125rem}::ng-deep .form-dialog-mid .from-group .choice-item:first-of-type{margin-top:.5rem!important}::ng-deep .form-dialog-mid .from-group .choice-item .number{border-radius:50%;width:1.75rem;height:1.75rem;margin-top:.125rem}::ng-deep .form-dialog-mid .from-group .choice-item .right{width:calc(100% - 2.75rem);position:relative}::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode input[type=text]{height:2rem;border-radius:.25rem;border:1px solid #dbdbdb;background:#fff;outline:none;padding:.5rem 2.625rem .5rem .75rem;line-height:1.25rem;font-size:12px;font-weight:400;color:#747576;transition:all .2s ease-in-out;width:100%}::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode input[type=text]:focus,::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode input[type=text]:hover{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode input[type=text]::-moz-placeholder{color:#dbdbdb;opacity:1}::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode input[type=text]:-ms-input-placeholder{color:#dbdbdb;opacity:1}::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode input[type=text]::placeholder{color:#dbdbdb;opacity:1}::ng-deep .form-dialog-mid .from-group .choice-item .right .edit-mode button.set-icon{background:#f8f8f8;border-radius:0 .25rem .25rem 0;border:none;position:absolute;top:1px;right:1px;width:1.875rem;height:1.875rem}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup{background:#fff;border-radius:.25rem;box-shadow:0 3px 6px #1e5dd326;width:100%}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .heading I.info{cursor:pointer}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item app-cs-switch{display:flex;justify-content:start}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item app-cs-switch .cs-switch{width:auto}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .color-box{background:#f1f1f1;border-radius:.125rem;width:1.875rem;height:1.875rem;position:relative}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .color-box input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .score-input{border:1px solid #f1f1f1;border-radius:.125rem;height:1.875rem;width:3.75rem}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .score-input input{background:#fff;border:none;border-right:1px solid #f1f1f1;border-radius:0;font-size:12px;font-weight:400;color:#161b2f;padding:0 .5rem;margin:0;width:42px;outline:none}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .score-input .buttons button{background:transparent;border:none;border-radius:0;width:1rem;height:.875rem}::ng-deep .form-dialog-mid .from-group .choice-item .right .set-popup .item .score-input .buttons button.plus-btn{border-bottom:1px solid #f1f1f1}::ng-deep .form-dialog-mid .from-group .choice-item .right .after-set-response{height:2rem;border-radius:.25rem;border:1px solid #dbdbdb;background:#f8f8f8}::ng-deep .form-dialog-mid .from-group .choice-item .right .after-set-response .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5rem)}::ng-deep .form-dialog-mid .from-group .choice-item .right .after-set-response button{background:transparent;border:none;border-radius:0}::ng-deep .form-dialog-mid .from-group button.add-response-btn{background:transparent;border:none;border-radius:0;padding-left:2.75rem!important}::ng-deep .form-dialog .category-mid{height:calc(100vh - 7.5rem)}::ng-deep .form-dialog .category-mid .search-field{position:relative}::ng-deep .form-dialog .category-mid .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 .form-dialog .category-mid .search-field i.search{position:absolute;top:.75rem;left:1.5rem;color:#f1f1f1}::ng-deep .form-dialog .category-mid .list{height:calc(100vh - 13rem);overflow:auto}::ng-deep .form-dialog .category-mid .list::-webkit-scrollbar-track{background-color:#fff}::ng-deep .form-dialog .category-mid .list ul{list-style-type:none}::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item,::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item{position:relative;padding-left:1.5rem;width:100%}::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item .checkbox{position:absolute!important;left:0;top:0}::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item .checkmark,::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;left:0;top:0}::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item span,::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item span{justify-content:unset!important;margin:0!important}::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item span.value,::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item span.value{color:#747576!important;font-size:11px!important;width:100%}::ng-deep .form-dialog .category-mid app-cs-checkbox-indeterminate .checkbox-item span.value .name,::ng-deep .form-dialog .category-mid app-cs-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .form-dialog .category-bottom{background:#f8f8f8;border-top:1px solid #f1f1f1;height:2.75rem}::ng-deep .form-dialog .category-bottom .count{background:#34aa44;border-radius:.125rem;min-width:1.25rem;height:1.25rem}::ng-deep .form-dialog .category-bottom button.next-btn{background:#1e5dd3;border-radius:.125rem;border:none;width:4rem}::ng-deep .form-dialog-btn{background:#1e5dd3;border:none;border-radius:0;color:#fff;width:100%;height:3.125rem;letter-spacing:1.3px}::ng-deep .form-dialog-btn.disabled{background:#f1f1f1;color:#747576!important;opacity:1;pointer-events:none}"]
             },] }
 ];
 AddResponseSetPopupComponent.ctorParameters = () => [];

package/esm2015/lib/sharedComponents/assessment-editor/components/add-segment-popup/add-segment-popup.component.js

@@ -99,7 +99,7 @@ AddSegmentPopupComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-add-segment-popup',
                 template: "<div class=\"add-segment-popup vx-p-5 vx-pb-0\" [class.error]=\"segmentError.length > 0\">\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 NAME <span class=\"vx-fs-16 vx-fw-400 vx-txt-red\">*</span></div>\r\n        <input type=\"text\" placeholder=\"Enter Segment Name\" [(ngModel)]=\"criteria.segmentName\">\r\n        <div class=\"action-color vx-d-flex vx-align-center vx-justify-center\">\r\n            <input type=\"color\" [(ngModel)]=\"criteria.color\" [ngModelOptions]=\"{standalone: true}\">\r\n            <i class=\"icons vx-fs-24\" [style.color]='criteria.color'>&#xeb01;</i>\r\n        </div>\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 DESCRIPTION</div>\r\n        <marx-editor [editorConfig]=\"description\" [(ngModel)]=\"criteria.segmentDescription\"></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\">SET SCORE RANGE <span class=\"vx-fs-16 vx-fw-400 vx-txt-red\">*</span></div>\r\n        <div class=\"vx-d-flex vx-align-center vx-justify-between\">\r\n            <div class=\"score-field vx-d-flex vx-align-center vx-justify-between\">\r\n                <div class=\"name vx-fs-12 vx-paragraph-txt vx-pl-3\">From</div>\r\n                <div class=\"input-area vx-d-flex vx-align-center vx-pr-1\">\r\n                    <button (click)=\"fromManager('-')\" 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)]=\"criteria.fromRange\" type=\"number\">\r\n                    <button (click)=\"fromManager('+')\" 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 class=\"score-field vx-d-flex vx-align-center vx-justify-between\">\r\n                <div class=\"name vx-fs-12 vx-paragraph-txt vx-pl-3\">To</div>\r\n                <div class=\"input-area vx-d-flex vx-align-center vx-pr-1\">\r\n                    <button (click)=\"toManager('-')\" 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 [(ngModel)]=\"criteria.toRange\" type=\"number\">\r\n                    <button (click)=\"toManager('+')\" 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>\r\n    </div>\r\n    <div class=\"segment-popup-bottom vx-d-flex vx-align-center vx-justify-end vx-p-3 vx-pl-5 vx-pr-5\" *ngIf=\"segmentError.length === 0\">\r\n        <button (click)=\"saveSegment()\" class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n    </div>\r\n    <div class=\"segment-popup-bottom error vx-d-flex vx-align-center vx-justify-between vx-p-3 vx-pl-5 vx-pr-5\" *ngIf=\"segmentError.length > 0\">\r\n        <div class=\"text vx-fs-12 vx-txt-white\">{{segmentError[0].message}}</div>\r\n        <button (click)=\"saveSegment()\" class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-red vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n    </div>\r\n</div>",
-                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\";.add-segment-popup{background:#FFFFFF;border-radius:.25rem;border:1px solid transparent;box-shadow:0 10px 20px #1e5dd326}.add-segment-popup.error{border-color:#d93b41}.add-segment-popup .form-item{position:relative}.add-segment-popup .form-item input{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:0 .75rem;height:2.25rem;width:100%;outline:none;transition:all .3s ease-in-out}.add-segment-popup .form-item input::placeholder{color:#747576;opacity:1}.add-segment-popup .form-item:hover input{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}.add-segment-popup .form-item:hover input:hover,.add-segment-popup .form-item:hover input:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}.add-segment-popup .form-item:hover .score-field .input-area input{box-shadow:none}.add-segment-popup .form-item:hover .score-field .input-area input:hover,.add-segment-popup .form-item:hover .score-field .input-area input:focus{box-shadow:none}.add-segment-popup .form-item .action-color{background:#F1F1F1;border-radius:.125rem;width:1.875rem;height:1.875rem;position:absolute;bottom:.1875rem;right:.1875rem}.add-segment-popup .form-item .action-color input{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}.add-segment-popup .form-item marx-editor .editor-container .editable-block{font-size:12px;padding:.5rem .75rem}.add-segment-popup .form-item marx-editor .editor-container .editable-block:before{color:#747576!important}.add-segment-popup .form-item .score-field{border:1px solid #DBDBDB;border-radius:.25rem;width:calc(50% - .5rem);height:2.25rem}.add-segment-popup .form-item .score-field .input-area button{background:transparent;border:none;border-radius:0;width:1.25rem;height:1.25rem}.add-segment-popup .form-item .score-field .input-area input{-moz-appearance:textfield!important;background:#FFFFFF;border:1px solid #F1F1F1;border-radius:.25rem;color:#747576;font-size:13px;text-align:center;width:44px;height:1.5rem;outline:none}.add-segment-popup .form-item .score-field .input-area input:hover,.add-segment-popup .form-item .score-field .input-area input:focus{box-shadow:none}.add-segment-popup .segment-popup-bottom{background:#FBFBFB;border-top:1px solid #F1F1F1;border-radius:0 0 3px 3px;margin:0 0 0 -1.3125rem;width:calc(100% + 2.625rem);position:relative;bottom:-.0625rem}.add-segment-popup .segment-popup-bottom button{border-radius:.125rem;height:1.875rem;width:5rem}.add-segment-popup .segment-popup-bottom button.save-btn{background:#1e5dd3;border:none}.add-segment-popup .segment-popup-bottom.error{background:#d93b41;border-color:#d93b41}.add-segment-popup .segment-popup-bottom.error button.save-btn{background:#FFFFFF;border-color:#d93b41}\n"]
+                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");.add-segment-popup{background:#fff;border-radius:.25rem;border:1px solid transparent;box-shadow:0 10px 20px #1e5dd326}.add-segment-popup.error{border-color:#d93b41}.add-segment-popup .form-item{position:relative}.add-segment-popup .form-item input{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:0 .75rem;height:2.25rem;width:100%;outline:none;transition:all .3s ease-in-out}.add-segment-popup .form-item input::-moz-placeholder{color:#747576;opacity:1}.add-segment-popup .form-item input:-ms-input-placeholder{color:#747576;opacity:1}.add-segment-popup .form-item input::placeholder{color:#747576;opacity:1}.add-segment-popup .form-item:hover input,.add-segment-popup .form-item:hover input:focus,.add-segment-popup .form-item:hover input:hover{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}.add-segment-popup .form-item:hover .score-field .input-area input,.add-segment-popup .form-item:hover .score-field .input-area input:focus,.add-segment-popup .form-item:hover .score-field .input-area input:hover{box-shadow:none}.add-segment-popup .form-item .action-color{background:#f1f1f1;border-radius:.125rem;width:1.875rem;height:1.875rem;position:absolute;bottom:.1875rem;right:.1875rem}.add-segment-popup .form-item .action-color input{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}.add-segment-popup .form-item marx-editor .editor-container .editable-block{font-size:12px;padding:.5rem .75rem}.add-segment-popup .form-item marx-editor .editor-container .editable-block:before{color:#747576!important}.add-segment-popup .form-item .score-field{border:1px solid #dbdbdb;border-radius:.25rem;width:calc(50% - .5rem);height:2.25rem}.add-segment-popup .form-item .score-field .input-area button{background:transparent;border:none;border-radius:0;width:1.25rem;height:1.25rem}.add-segment-popup .form-item .score-field .input-area input{-moz-appearance:textfield!important;background:#fff;border:1px solid #f1f1f1;border-radius:.25rem;color:#747576;font-size:13px;text-align:center;width:44px;height:1.5rem;outline:none}.add-segment-popup .form-item .score-field .input-area input:focus,.add-segment-popup .form-item .score-field .input-area input:hover{box-shadow:none}.add-segment-popup .segment-popup-bottom{background:#fbfbfb;border-top:1px solid #f1f1f1;border-radius:0 0 3px 3px;margin:0 0 0 -1.3125rem;width:calc(100% + 2.625rem);position:relative;bottom:-.0625rem}.add-segment-popup .segment-popup-bottom button{border-radius:.125rem;height:1.875rem;width:5rem}.add-segment-popup .segment-popup-bottom button.save-btn{background:#1e5dd3;border:none}.add-segment-popup .segment-popup-bottom.error{background:#d93b41;border-color:#d93b41}.add-segment-popup .segment-popup-bottom.error button.save-btn{background:#fff;border-color:#d93b41}"]
             },] }
 ];
 AddSegmentPopupComponent.ctorParameters = () => [];

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

@@ -142,7 +142,7 @@ AssessmentSettingsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-assessment-settings',
                 template: "<div class=\"assessment-settings\">\r\n    <div class=\"assessment-settings-head vx-pl-4 vx-pr-4 vx-d-flex vx-align-center vx-justify-between\">\r\n        <div class=\"vx-d-flex vx-align-center\">\r\n            <div class=\"heading vx-fs-14 vx-fw-500 vx-label-txt\">{{settingsData?.panelTitle | titlecase }}</div>\r\n            <!-- <i class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\" [appTooltip]=\"'Assessment Settings info text here...'\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe932;</i> -->\r\n        </div>\r\n        <button (click)=\"closePanel()\" class=\"close vx-fs-16 vx-label-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center\" [appTooltip]=\"'[Esc] to close'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons vx-d-flex\">&#xe93f;</i></button>\r\n    </div>\r\n    <div class=\"assessment-settings-body vx-pt-4 vx-pb-4\" #scrolleffect>\r\n        <!-- Skeleton loader -->\r\n        <ng-container *ngIf=\"false\">\r\n            <div class=\"settings-item skeleton-loader vx-mb-4 vx-pl-4 vx-pr-4 vx-d-flex vx-align-center\" *ngFor=\"let data of [1, 1, 1]\">\r\n                <div class=\"loader\"></div>\r\n            </div>\r\n        </ng-container>\r\n        <!-- Skeleton loader -->\r\n        <ng-container *ngFor=\"let setting of settingsData?.settingsElements;let i = index\">\r\n            <!-- <div *ngIf=\"setting.isVisible === true\"  class=\"settings-item vx-mb-4 vx-pl-4 vx-pr-4\" [class.active]=\"showResponse\" [class.done]=\"!showResponse\">\r\n                <div *ngIf=\"showResponse\" class=\"status edit vx-d-flex vx-align-center vx-justify-center\">\r\n                    <svg class=\"edit-loader\" viewBox=\"25 25 50 50\">\r\n                        <circle class=\"loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"#1e5dd3\" stroke-width=\"3\" />\r\n                    </svg>\r\n                    <i class=\"icons vx-fs-14 vx-txt-blue\">&#xe90c;</i>\r\n                </div>\r\n                <div *ngIf=\"!showResponse\" class=\"status done vx-d-flex vx-align-center vx-justify-center\">\r\n                    <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n                        <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n                        <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n                    </svg>\r\n                </div>\r\n                <div class=\"item-head vx-d-flex vx-align-center vx-justify-between vx-pt-3 vx-pb-3\" (click)=\"clickResponse()\">\r\n                    <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">ANONYMIZE FORM RESPONSE</div>\r\n                    <i class=\"icons vx-fs-14 vx-paragraph-txt\">\r\n                        <ng-container *ngIf=\"!showResponse\">&#xe970;</ng-container>\r\n                        <ng-container *ngIf=\"showResponse\">&#xe9e8;</ng-container>\r\n                    </i>\r\n                </div>\r\n                <div class=\"item-body vx-pt-3 vx-pb-3\" *ngIf=\"showResponse\">\r\n                    <app-cs-switch><div class=\"vx-fs-13 vx-paragraph-txt\">Make responses to this form anonymous</div></app-cs-switch>\r\n                </div>\r\n            </div> -->\r\n            <div class=\"settings-item vx-mb-4 vx-pl-4 vx-pr-4\" [class.active]=\"showMode\" [class.done]=\"!showMode\" [class.error]=\"false\">\r\n                <div *ngIf=\"false\" class=\"status edit vx-d-flex vx-align-center vx-justify-center\">\r\n                    <svg class=\"edit-loader\" viewBox=\"25 25 50 50\">\r\n                        <circle class=\"loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"#1e5dd3\" stroke-width=\"3\" />\r\n                    </svg>\r\n                    <i class=\"icons vx-fs-14 vx-txt-blue\">&#xe90c;</i>\r\n                </div>\r\n                <div  *ngIf=\"false\" class=\"status done vx-d-flex vx-align-center vx-justify-center\">\r\n                    <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n                        <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n                        <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n                    </svg>\r\n                </div>\r\n                <div class=\"item-head vx-d-flex vx-align-center vx-justify-between vx-pt-3 vx-pb-3\" (click)=\"setActiveType(setting.type,i)\">\r\n                    <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">  <span [innerHTML]=\"setting?.settingTitle\"></span> <i class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\" [appTooltip]=\"setting?.helpingText\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe932;</i></div>\r\n                    <i class=\"icons vx-fs-14 vx-paragraph-txt\" >\r\n                        <ng-container *ngIf=\"activeSettingType !== setting?.type\">&#xe970;</ng-container>\r\n                        <ng-container *ngIf=\"activeSettingType === setting?.type\" >&#xe9e8;</ng-container>\r\n                    </i>\r\n                </div>\r\n                <ng-container *ngIf=\"activeSettingType === setting?.type\">\r\n                    <app-setting-anonymous (cancelEvt)=\"cancel()\" *ngIf=\"setting?.type === 'ASSESSMENT' && setting.isEnabled === true\" [setting]=\"setting\" (save)=\"save($event,i)\"></app-setting-anonymous>\r\n                    <app-setting-response-segment (cancelEvt)=\"cancel()\"  *ngIf=\"setting?.type === 'RESPONSE_SEGMENT'\" [fd]=\"editorService\" [setting]=\"setting\" (save)=\"save($event,i)\"></app-setting-response-segment>\r\n                </ng-container>\r\n                \r\n                <!-- assessment mode here -->\r\n                <!-- <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 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\" value='10'>\r\n                                    <button 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 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\" value='0'>\r\n                                        <button 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><div class=\"name vx-fs-12 vx-paragraph-txt\">Failed Responses</div></app-cs-radio>\r\n                                <app-cs-radio><div class=\"name vx-fs-12 vx-paragraph-txt\">Skipped Questions</div></app-cs-radio>\r\n                                <app-cs-radio><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><div class=\"vx-fs-13 vx-label-txt\">Enabled weightage for each question</div></app-cs-switch>\r\n                        </div>\r\n                    </div>\r\n                </div> -->\r\n            </div>\r\n           \r\n        </ng-container>\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.error{border-color:#d93b41!important}::ng-deep .assessment-settings-body .settings-item.error:hover,::ng-deep .assessment-settings-body .settings-item.error.active{border-color:#d93b41!important;box-shadow:none!important}::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:-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}\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.error{border-color:#d93b41!important}::ng-deep .assessment-settings-body .settings-item.error.active,::ng-deep .assessment-settings-body .settings-item.error:hover{border-color:#d93b41!important;box-shadow:none!important}::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:-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}"]
             },] }
 ];
 AssessmentSettingsComponent.ctorParameters = () => [

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

@@ -20,7 +20,7 @@ CheckboxComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-checkbox',
                 template: "<div class=\"checkbox vx-d-flex vx-mb-4\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\r\n    <div class=\"left\">\r\n        <input type=\"text\" placeholder=\"Option\" [attr.id]='\"checkbox-\"+choiceIndex' (keyup.enter)=\"modifyOption('ADD',choiceIndex,'checkbox-')\" [(ngModel)]=\"choice.title\"/>\r\n        <div class=\"option-color vx-d-flex vx-align-center vx-justify-center\">\r\n            <input type=\"color\">\r\n            <i class=\"icons vx-fs-16\" style=\"color: green;\">&#xeb01;</i>\r\n        </div>\r\n        <!-- <button  class=\"choice-icon vx-fs-16 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe913;</i></button> -->\r\n        <app-choice-settings-panel [defaultScore]=\"service.score.defaultScore\" [negativeScore]=\"service.score.negativeScore\" [scoreVisible]='service.formsPage.settings.assessmentMode' [(isFailed)]='choice.isFailed' [(score)]='choice.score'></app-choice-settings-panel>\r\n    </div>\r\n    <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n        <button (click)=\"modifyOption('ADD',choiceIndex,'checkbox-')\" class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" (click)=\"modifyOption('DELETE',choiceIndex,'radio-')\" [class.disabled]=\"question?.choices?.length === 1\">-</button>\r\n    </div>\r\n</div>\r\n<div class=\"checkbox vx-d-flex vx-mb-4\" *ngIf=\"question?.hasOther\">\r\n    <div class=\"left\">\r\n        <input type=\"text\" disabled placeholder=\"Option\" [(ngModel)]=\"question.otherValue\"/>\r\n        <div class=\"option-color vx-d-flex vx-align-center vx-justify-center\">\r\n            <input type=\"color\" [(ngModel)]=\"question.otherConfig.color\">\r\n            <i class=\"icons vx-fs-16\" [style.color]='question.otherConfig.color'>&#xeb01;</i>\r\n        </div>\r\n        <!-- <button  class=\"choice-icon vx-fs-16 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe913;</i></button> -->\r\n        <app-choice-settings-panel [scoreVisible]='service.formsPage.settings.assessmentMode'\r\n        [(isFailed)]='question.otherConfig.isFailed'\r\n        [defaultScore]=\"service.score.defaultScore\" [negativeScore]=\"service.score.negativeScore\"\r\n        [(score)]='question.otherConfig.score'></app-choice-settings-panel>\r\n    </div>\r\n    \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\";.checkbox .left{width:calc(100% - 4.75rem);position:relative}.checkbox .left input[type=text]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem 2.75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.checkbox .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.checkbox .left .option-color{background:#F1F1F1;border-radius:.125rem;width:1.5rem;height:1.5rem;position:absolute;top:.5rem;left:.5rem}.checkbox .left .option-color input[type=color]{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}.checkbox .left button.choice-icon{background:transparent;border:none;border-radius:0;position:absolute;top:.75rem;right:.5rem}.checkbox .left .reponse-choice .choice-item{background:#f8f8f8;border-radius:.25rem;height:2rem}.checkbox .left .reponse-choice .choice-item button.minus-btn,.checkbox .left .reponse-choice .choice-item button.plus-btn{background:transparent;border:none;border-radius:0}.checkbox .left .reponse-choice .choice-item input[type=number]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.125rem;color:#747576;font-size:11px;padding:0 .25rem;margin:0 .25rem;height:1.25rem;width:2.75rem;text-align:center;outline:none}.checkbox .left .reponse-choice .choice-item i.info{cursor:pointer}.checkbox .right{width:4.5rem;height:2.5rem}.checkbox .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.checkbox .right button.disabled{pointer-events:none;opacity:.5}\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\");.checkbox .left{width:calc(100% - 4.75rem);position:relative}.checkbox .left input[type=text]{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem 2.75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.checkbox .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.checkbox .left .option-color{background:#f1f1f1;border-radius:.125rem;width:1.5rem;height:1.5rem;position:absolute;top:.5rem;left:.5rem}.checkbox .left .option-color input[type=color]{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}.checkbox .left button.choice-icon{background:transparent;border:none;border-radius:0;position:absolute;top:.75rem;right:.5rem}.checkbox .left .reponse-choice .choice-item{background:#f8f8f8;border-radius:.25rem;height:2rem}.checkbox .left .reponse-choice .choice-item button.minus-btn,.checkbox .left .reponse-choice .choice-item button.plus-btn{background:transparent;border:none;border-radius:0}.checkbox .left .reponse-choice .choice-item input[type=number]{background:#fff;border:1px solid #dbdbdb;border-radius:.125rem;color:#747576;font-size:11px;padding:0 .25rem;margin:0 .25rem;height:1.25rem;width:2.75rem;text-align:center;outline:none}.checkbox .left .reponse-choice .choice-item i.info{cursor:pointer}.checkbox .right{width:4.5rem;height:2.5rem}.checkbox .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.checkbox .right button.disabled{pointer-events:none;opacity:.5}"]
             },] }
 ];
 CheckboxComponent.ctorParameters = () => [

package/esm2015/lib/sharedComponents/assessment-editor/components/build/choice-settings-panel/choice-settings-panel.component.js

@@ -50,7 +50,7 @@ ChoiceSettingsPanelComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-choice-settings-panel',
                 template: "<div  class=\"reponse-choice vx-d-flex vx-align-center vx-justify-end vx-mt-1\">\r\n    <div class=\"choice-item vx-d-flex vx-align-center vx-p-2\">\r\n        <span class=\"text vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-2\">ADD SCORE:</span>\r\n        <button (click)=\"scoreManger('-')\" class=\"minus-btn vx-fs-14 vx-fw-600 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center\">-</button>\r\n        <input type=\"number\"type=\"number\" [(ngModel)]='score' (ngModelChange)=\"changeScore($event)\" min=\"0\"\r\n        oninput=\"this.value = Math.abs(this.value)\"/>\r\n        <button (click)=\"scoreManger('+')\" class=\"plus-btn vx-fs-14 vx-fw-600 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center\">+</button>\r\n    </div>\r\n    <div class=\"choice-item vx-d-flex vx-align-center vx-p-2 vx-ml-1\">\r\n        <span class=\"text vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-5\">SET AS A FAILED RESPONSE?</span>\r\n        <i class=\"icons info vx-fs-14 vx-txt-blue vx-ml-1 vx-mr-2\" appTooltip=\"If this response choice is 'Set as a failed response' VComply would automatically flag it as an exception when selected by the respondent. This can help identify areas for improvement and in the development of corrective action plans.\" placement=\"bottom-right\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xeb16;</i>\r\n        <app-cs-switch [(ngValue)]='isFailed' (ngValueChange)=\"changeFailed($event)\"></app-cs-switch>\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\";.reponse-choice .choice-item{background:#f8f8f8;border-radius:.25rem;height:2rem}.reponse-choice .choice-item button.minus-btn,.reponse-choice .choice-item button.plus-btn{background:transparent;border:none;border-radius:0}.reponse-choice .choice-item input[type=number]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.125rem;color:#747576;font-size:11px;padding:0 .25rem;margin:0 .25rem;height:1.25rem;width:2.75rem;text-align:center;outline:none}.reponse-choice .choice-item i.info{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\");.reponse-choice .choice-item{background:#f8f8f8;border-radius:.25rem;height:2rem}.reponse-choice .choice-item button.minus-btn,.reponse-choice .choice-item button.plus-btn{background:transparent;border:none;border-radius:0}.reponse-choice .choice-item input[type=number]{background:#fff;border:1px solid #dbdbdb;border-radius:.125rem;color:#747576;font-size:11px;padding:0 .25rem;margin:0 .25rem;height:1.25rem;width:2.75rem;text-align:center;outline:none}.reponse-choice .choice-item i.info{cursor:pointer}"]
             },] }
 ];
 ChoiceSettingsPanelComponent.ctorParameters = () => [];

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

@@ -8,7 +8,7 @@ DateTimeComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-build-date-time',
                 template: "<div class=\"date-time vx-mb-4\">\r\n    <div class=\"left vx-mb-2\" *ngIf=\"question.hasDate\">\r\n        <div class=\"label\">\r\n            <input type=\"text\" placeholder=\"Enter date label\" [(ngModel)]=\"question.date.title\"/>\r\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-pr-1\">DATE</div>\r\n        </div>\r\n    </div>\r\n    <div class=\"left vx-mb-2\" *ngIf=\"question.hasTime\">\r\n        <div class=\"label\">\r\n            <input type=\"text\" placeholder=\"Enter time label\" [(ngModel)]=\"question.time.title\" />\r\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-pr-1\">TIME</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\";.date-time .left{width:calc(100% - 8rem);position:relative}.date-time .left .label{border:1px solid #DBDBDB;border-radius:.25rem;height:2.5rem;transition:all .3s ease-in-out;position:relative}.date-time .left .label:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.date-time .left .label input[type=text]{background:#FFFFFF;border:none;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem .5rem 5rem;width:100%;height:2.375rem;outline:none;transition:all .3s ease-in-out}.date-time .left .label .heading{position:absolute;top:.625rem;left:.75rem;width:3.5rem}.date-time .left .label .heading:before{background:#DBDBDB;content:\"\";position:absolute;top:0;right:0;width:1px;height:1rem}\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\");.date-time .left{width:calc(100% - 8rem);position:relative}.date-time .left .label{border:1px solid #dbdbdb;border-radius:.25rem;height:2.5rem;transition:all .3s ease-in-out;position:relative}.date-time .left .label:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.date-time .left .label input[type=text]{background:#fff;border:none;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem .5rem 5rem;width:100%;height:2.375rem;outline:none;transition:all .3s ease-in-out}.date-time .left .label .heading{position:absolute;top:.625rem;left:.75rem;width:3.5rem}.date-time .left .label .heading:before{background:#dbdbdb;content:\"\";position:absolute;top:0;right:0;width:1px;height:1rem}"]
             },] }
 ];
 DateTimeComponent.ctorParameters = () => [];

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

@@ -20,7 +20,7 @@ DropdownComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-build-dropdown',
                 template: "<div class=\"dropdowna vx-d-flex vx-mb-4\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\r\n    <div class=\"left\">\r\n        <input type=\"text\" placeholder=\"Option\" [attr.id]='\"radio-\"+choiceIndex' (keyup.enter)=\"modifyOption('ADD',choiceIndex,'dropdown-')\" [(ngModel)]=\"choice.title\"  />\r\n        <div class=\"option-color vx-d-flex vx-align-center vx-justify-center\">\r\n            <input type=\"color\" [(ngModel)]=\"choice.color\">\r\n            <i class=\"icons vx-fs-16\" [style.color]='choice.color'>&#xeb01;</i>\r\n        </div>\r\n        <!-- <button  class=\"choice-icon vx-fs-16 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe913;</i></button> -->\r\n        <app-choice-settings-panel [defaultScore]=\"service.score.defaultScore\" [negativeScore]=\"service.score.negativeScore\" [scoreVisible]='service.formsPage.settings.assessmentMode' [(isFailed)]='choice.isFailed' [(score)]='choice.score'></app-choice-settings-panel>\r\n    </div>\r\n    <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n        <button (click)=\"modifyOption('ADD',choiceIndex,'dropdown-')\" class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n        <button (click)=\"modifyOption('DELETE',choiceIndex,'dropdown-')\" class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"question?.choices?.length === 1\">-</button>\r\n    </div>\r\n</div>\r\n<div class=\"dropdowna vx-d-flex vx-mb-4\" *ngIf=\"question?.hasOther\">\r\n    <div class=\"left\">\r\n        <input type=\"text\" disabled placeholder=\"Option\" [attr.id]='\"dropdown-\"' [(ngModel)]=\"question.otherValue\"/>\r\n        <div class=\"option-color vx-d-flex vx-align-center vx-justify-center\">\r\n            <input type=\"color\"[(ngModel)]=\"question.otherConfig.color\">\r\n            <i class=\"icons vx-fs-16\"  [style.color]='question.otherConfig.color'>&#xeb01;</i>\r\n        </div>\r\n        <!-- <button  class=\"choice-icon vx-fs-16 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe913;</i></button> -->\r\n        <app-choice-settings-panel [scoreVisible]='service.formsPage.settings.assessmentMode'\r\n        [(isFailed)]='question.otherConfig.isFailed'\r\n        [defaultScore]=\"service.score.defaultScore\" [negativeScore]=\"service.score.negativeScore\"\r\n        [(score)]='question.otherConfig.score'></app-choice-settings-panel>\r\n    </div>\r\n \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\";.dropdowna .left{width:calc(100% - 4.75rem);position:relative}.dropdowna .left input[type=text]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem 2.75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.dropdowna .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.dropdowna .left .option-color{background:#F1F1F1;border-radius:.125rem;width:1.5rem;height:1.5rem;position:absolute;top:.5rem;left:.5rem}.dropdowna .left .option-color input[type=color]{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}.dropdowna .left button.choice-icon{background:transparent;border:none;border-radius:0;position:absolute;top:.75rem;right:.5rem}.dropdowna .left .reponse-choice .choice-item{background:#f8f8f8;border-radius:.25rem;height:2rem}.dropdowna .left .reponse-choice .choice-item button.minus-btn,.dropdowna .left .reponse-choice .choice-item button.plus-btn{background:transparent;border:none;border-radius:0}.dropdowna .left .reponse-choice .choice-item input[type=number]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.125rem;color:#747576;font-size:11px;padding:0 .25rem;margin:0 .25rem;height:1.25rem;width:2.75rem;text-align:center;outline:none}.dropdowna .left .reponse-choice .choice-item i.info{cursor:pointer}.dropdowna .right{width:4.5rem;height:2.5rem}.dropdowna .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.dropdowna .right button.disabled{pointer-events:none;opacity:.5}\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\");.dropdowna .left{width:calc(100% - 4.75rem);position:relative}.dropdowna .left input[type=text]{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem 2.75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.dropdowna .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.dropdowna .left .option-color{background:#f1f1f1;border-radius:.125rem;width:1.5rem;height:1.5rem;position:absolute;top:.5rem;left:.5rem}.dropdowna .left .option-color input[type=color]{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}.dropdowna .left button.choice-icon{background:transparent;border:none;border-radius:0;position:absolute;top:.75rem;right:.5rem}.dropdowna .left .reponse-choice .choice-item{background:#f8f8f8;border-radius:.25rem;height:2rem}.dropdowna .left .reponse-choice .choice-item button.minus-btn,.dropdowna .left .reponse-choice .choice-item button.plus-btn{background:transparent;border:none;border-radius:0}.dropdowna .left .reponse-choice .choice-item input[type=number]{background:#fff;border:1px solid #dbdbdb;border-radius:.125rem;color:#747576;font-size:11px;padding:0 .25rem;margin:0 .25rem;height:1.25rem;width:2.75rem;text-align:center;outline:none}.dropdowna .left .reponse-choice .choice-item i.info{cursor:pointer}.dropdowna .right{width:4.5rem;height:2.5rem}.dropdowna .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.dropdowna .right button.disabled{pointer-events:none;opacity:.5}"]
             },] }
 ];
 DropdownComponent.ctorParameters = () => [

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

@@ -8,7 +8,7 @@ ImageChoiceComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-image-choice',
                 template: "<div class=\"image-choice vx-d-flex vx-mb-4\">\r\n    <div class=\"left\">\r\n        <input type=\"text\" placeholder=\"Option\" />\r\n        <div class=\"image-choice\">\r\n            <div *ngIf=\"false\" class=\"no-image vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons vx-fs-14\">&#xeb26;</i></div>\r\n            <img src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/o/5e481a5d61ca5e14f5731049/survey/61e78e555024510009bb9009/image-choice/Screenshot-20220119-at-9-09-35-AM1642575490143.png\">\r\n            <div class=\"browse-btn vx-d-flex vx-align-center vx-justify-center\">\r\n                <input type=\"file\" /> <span class=\"vx-fs-10 vx-fw-600 vx-txt-blue vx-tt-uppercase\">BROWSE</span>\r\n            </div>\r\n            <div *ngIf=\"false\" class=\"loader vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons loader-icon vx-fs-16 vx-label-txt\">&#xe929;</i></div>\r\n        </div>\r\n    </div>\r\n    <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\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\";.image-choice .left{width:calc(100% - 4.75rem);position:relative}.image-choice .left input[type=text]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem .5rem 7.375rem;width:100%;height:4.5rem;outline:none;transition:all .3s ease-in-out}.image-choice .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.image-choice .left .image-choice{background:#FFFFFF;border-radius:.25rem;border:1px solid #F1F1F1;width:98px;height:3.5rem;padding:1px;position:absolute;top:.5rem;left:.5rem}.image-choice .left .image-choice .no-image{background:#f8f8f8;border-radius:.25rem .25rem 0 0;color:#dbdbdb;height:2.25rem}.image-choice .left .image-choice img{width:100%;height:100%;border-radius:.25rem}.image-choice .left .image-choice .browse-btn{background:#FFFFFF;border-radius:0 0 .25rem .25rem;padding-top:.125rem;position:absolute;bottom:0;left:0;width:100%;height:1.125rem}.image-choice .left .image-choice .browse-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer;text-indent:-9999px}.image-choice .left .image-choice .loader{background:#FFFFFF;border-radius:.125rem;width:100%;height:100%;position:absolute;top:0;left:0}.image-choice .left .image-choice .loader i.loader-icon{animation:rotation 1.5s infinite linear}.image-choice .right{width:4.5rem;height:4.5rem}.image-choice .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.image-choice .right button.disabled{pointer-events:none;opacity:.5}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}\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\");.image-choice .left{width:calc(100% - 4.75rem);position:relative}.image-choice .left input[type=text]{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem .5rem 7.375rem;width:100%;height:4.5rem;outline:none;transition:all .3s ease-in-out}.image-choice .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.image-choice .left .image-choice{background:#fff;border-radius:.25rem;border:1px solid #f1f1f1;width:98px;height:3.5rem;padding:1px;position:absolute;top:.5rem;left:.5rem}.image-choice .left .image-choice .no-image{background:#f8f8f8;border-radius:.25rem .25rem 0 0;color:#dbdbdb;height:2.25rem}.image-choice .left .image-choice img{width:100%;height:100%;border-radius:.25rem}.image-choice .left .image-choice .browse-btn{background:#fff;border-radius:0 0 .25rem .25rem;padding-top:.125rem;position:absolute;bottom:0;left:0;width:100%;height:1.125rem}.image-choice .left .image-choice .browse-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer;text-indent:-9999px}.image-choice .left .image-choice .loader{background:#fff;border-radius:.125rem;width:100%;height:100%;position:absolute;top:0;left:0}.image-choice .left .image-choice .loader i.loader-icon{-webkit-animation:rotation 1.5s linear infinite;animation:rotation 1.5s linear infinite}.image-choice .right{width:4.5rem;height:4.5rem}.image-choice .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.image-choice .right button.disabled{pointer-events:none;opacity:.5}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}"]
             },] }
 ];
 ImageChoiceComponent.ctorParameters = () => [];

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

@@ -8,7 +8,7 @@ MatrixDropdownComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-matrix-dropdown',
                 template: "<div class=\"matrix-dropdown vx-mb-4\">\r\n    <div class=\"label-heading vx-fs-12 vx-fw-500 vx-label-txt vx-mb-1\">Rows</div>\r\n    <div class=\"option-list\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li class=\"vx-d-flex\">\r\n                <div class=\"left\">\r\n                    <input type=\"text\" placeholder=\"Option\" />\r\n                </div>\r\n                <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n                    <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n                    <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div class=\"label-heading vx-fs-12 vx-fw-500 vx-label-txt vx-mb-1\">Columns</div>\r\n    <div class=\"option-list\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li>\r\n                <div class=\"vx-d-flex\">\r\n                    <div class=\"left\">\r\n                        <input type=\"text\" placeholder=\"Column\" />\r\n                    </div>\r\n                    <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n                        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n                        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"child-option-list\">\r\n                    <ul>\r\n                        <li class=\"vx-d-flex vx-mt-2\">\r\n                            <div class=\"left\">\r\n                                <input type=\"text\" placeholder=\"Option\" />\r\n                            </div>\r\n                            <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n                                <button class=\"close vx-fs-16 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\"><i class=\"icons\">&#xe9ae;</i></button>\r\n                            </div>\r\n                        </li>\r\n                        <button class=\"add vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pl-3 vx-m-0 vx-mt-2 vx-d-flex vx-align-center\"><i class=\"icons vx-fs-12 vx-txt-blue vx-mr-2\">&#xe915;</i> ADD OPTION</button>\r\n                    </ul>\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\";.matrix-dropdown .option-list{margin-bottom:2rem}.matrix-dropdown .option-list ul{list-style-type:none}.matrix-dropdown .option-list ul li .child-option-list ul{padding:0 4.875rem 0 1.5rem}.matrix-dropdown .option-list ul li .child-option-list ul li{position:relative}.matrix-dropdown .option-list ul li .child-option-list ul li:before{position:absolute;content:\"\";left:-1rem;height:.5rem;width:.5rem;background:#161B2F;border-radius:50%;top:calc(50% - .25rem)}.matrix-dropdown .option-list ul li .child-option-list ul button.add{background:#FFFFFF;border:1px dashed #DBDBDB;border-radius:.25rem;height:2.5rem;width:28.75rem;transition:all .3s ease-in-out}.matrix-dropdown .option-list ul li .child-option-list ul button.add:hover{border-color:#1e5dd3;color:#1e5dd3}.matrix-dropdown .left{width:calc(100% - 4.75rem);position:relative}.matrix-dropdown .left input[type=text]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.matrix-dropdown .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.matrix-dropdown .right{width:4.5rem;height:2.5rem}.matrix-dropdown .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.matrix-dropdown .right button.disabled{pointer-events:none;opacity:.5}.matrix-dropdown .right button.close{background:transparent}\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\");.matrix-dropdown .option-list{margin-bottom:2rem}.matrix-dropdown .option-list ul{list-style-type:none}.matrix-dropdown .option-list ul li .child-option-list ul{padding:0 4.875rem 0 1.5rem}.matrix-dropdown .option-list ul li .child-option-list ul li{position:relative}.matrix-dropdown .option-list ul li .child-option-list ul li:before{position:absolute;content:\"\";left:-1rem;height:.5rem;width:.5rem;background:#161b2f;border-radius:50%;top:calc(50% - .25rem)}.matrix-dropdown .option-list ul li .child-option-list ul button.add{background:#fff;border:1px dashed #dbdbdb;border-radius:.25rem;height:2.5rem;width:28.75rem;transition:all .3s ease-in-out}.matrix-dropdown .option-list ul li .child-option-list ul button.add:hover{border-color:#1e5dd3;color:#1e5dd3}.matrix-dropdown .left{width:calc(100% - 4.75rem);position:relative}.matrix-dropdown .left input[type=text]{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.matrix-dropdown .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.matrix-dropdown .right{width:4.5rem;height:2.5rem}.matrix-dropdown .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.matrix-dropdown .right button.disabled{pointer-events:none;opacity:.5}.matrix-dropdown .right button.close{background:transparent}"]
             },] }
 ];
 MatrixDropdownComponent.ctorParameters = () => [];

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

@@ -8,7 +8,7 @@ MatrixRatingScaleComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-matrix-rating-scale',
                 template: "<div class=\"matrix-rating-scale vx-mb-4\">\r\n    <div class=\"label-heading vx-fs-12 vx-fw-500 vx-label-txt vx-mb-1\">Rows</div>\r\n    <div class=\"option-list\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li class=\"vx-d-flex\">\r\n                <div class=\"left\">\r\n                    <input type=\"text\" placeholder=\"Option\" />\r\n                </div>\r\n                <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n                    <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n                    <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div class=\"label-heading vx-fs-12 vx-fw-500 vx-label-txt vx-mb-1\">Columns</div>\r\n    <div class=\"option-list\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li>\r\n                <div class=\"vx-d-flex\">\r\n                    <div class=\"left\">\r\n                        <input type=\"text\" placeholder=\"Option\" />\r\n                    </div>\r\n                    <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n                        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n                        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\r\n                    </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\";.matrix-rating-scale .option-list{margin-bottom:2rem}.matrix-rating-scale .option-list ul{list-style-type:none}.matrix-rating-scale .left{width:calc(100% - 4.75rem);position:relative}.matrix-rating-scale .left input[type=text]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.matrix-rating-scale .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.matrix-rating-scale .right{width:4.5rem;height:2.5rem}.matrix-rating-scale .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.matrix-rating-scale .right button.disabled{pointer-events:none;opacity:.5}.matrix-rating-scale .right button.close{background:transparent}\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\");.matrix-rating-scale .option-list{margin-bottom:2rem}.matrix-rating-scale .option-list ul{list-style-type:none}.matrix-rating-scale .left{width:calc(100% - 4.75rem);position:relative}.matrix-rating-scale .left input[type=text]{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.matrix-rating-scale .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.matrix-rating-scale .right{width:4.5rem;height:2.5rem}.matrix-rating-scale .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.matrix-rating-scale .right button.disabled{pointer-events:none;opacity:.5}.matrix-rating-scale .right button.close{background:transparent}"]
             },] }
 ];
 MatrixRatingScaleComponent.ctorParameters = () => [];

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

@@ -20,7 +20,7 @@ MultipleChoiceComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-multiple-choice',
                 template: "<div class=\"multiple-choice vx-d-flex vx-mb-4\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\r\n    <div class=\"left\">\r\n        <input type=\"text\" placeholder=\"Option\" [attr.id]='\"radio-\"+choiceIndex' (keyup.enter)=\"modifyOption('ADD',choiceIndex,'radio-')\" [(ngModel)]=\"choice.title\" />\r\n        <div class=\"option-color vx-d-flex vx-align-center vx-justify-center\">\r\n            <input type=\"color\" [(ngModel)]=\"choice.color\">\r\n            <i class=\"icons vx-fs-16\" [style.color]='choice.color'>&#xeb01;</i>\r\n        </div>\r\n        <!-- <button  class=\"choice-icon vx-fs-16 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe913;</i></button> -->\r\n        <app-choice-settings-panel [defaultScore]=\"service.score.defaultScore\" [negativeScore]=\"service.score.negativeScore\" [scoreVisible]='service.formsPage.settings.assessmentMode' [(isFailed)]='choice.isFailed' [(score)]='choice.score'></app-choice-settings-panel>\r\n    </div>\r\n    <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"  (click)=\"modifyOption('ADD',choiceIndex,'radio-')\">+</button>\r\n        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"  (click)=\"modifyOption('DELETE',choiceIndex,'radio-')\" [class.disabled]=\"question?.choices?.length === 1\">-</button>\r\n    </div>\r\n</div>\r\n<div class=\"multiple-choice vx-d-flex vx-mb-4\" *ngIf=\"question?.hasOther\">\r\n    <div class=\"left\">\r\n        <input type=\"text\" disabled placeholder=\"Option\" [attr.id]='\"radio-\"' [(ngModel)]=\"question.otherValue\">\r\n        <div class=\"option-color vx-d-flex vx-align-center vx-justify-center\">\r\n            <input type=\"color\" [(ngModel)]=\"question.otherConfig.color\">\r\n            <i class=\"icons vx-fs-16\"  [style.color]='question.otherConfig.color'>&#xeb01;</i>\r\n        </div>\r\n        <!-- <button  class=\"choice-icon vx-fs-16 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe913;</i></button> -->\r\n      <app-choice-settings-panel [scoreVisible]='service.formsPage.settings.assessmentMode'\r\n       [(isFailed)]='question.otherConfig.isFailed'\r\n       [defaultScore]=\"service.score.defaultScore\" [negativeScore]=\"service.score.negativeScore\"\r\n       [(score)]='question.otherConfig.score'></app-choice-settings-panel>\r\n    </div>\r\n  \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\";.multiple-choice .left{width:calc(100% - 4.75rem);position:relative}.multiple-choice .left input[type=text]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem 2.75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.multiple-choice .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.multiple-choice .left .option-color{background:#F1F1F1;border-radius:.125rem;width:1.5rem;height:1.5rem;position:absolute;top:.5rem;left:.5rem}.multiple-choice .left .option-color input[type=color]{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}.multiple-choice .left button.choice-icon{background:transparent;border:none;border-radius:0;position:absolute;top:.75rem;right:.5rem}.multiple-choice .right{width:4.5rem;height:2.5rem}.multiple-choice .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.multiple-choice .right button.disabled{pointer-events:none;opacity:.5}\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\");.multiple-choice .left{width:calc(100% - 4.75rem);position:relative}.multiple-choice .left input[type=text]{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem 2.75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.multiple-choice .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.multiple-choice .left .option-color{background:#f1f1f1;border-radius:.125rem;width:1.5rem;height:1.5rem;position:absolute;top:.5rem;left:.5rem}.multiple-choice .left .option-color input[type=color]{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}.multiple-choice .left button.choice-icon{background:transparent;border:none;border-radius:0;position:absolute;top:.75rem;right:.5rem}.multiple-choice .right{width:4.5rem;height:2.5rem}.multiple-choice .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.multiple-choice .right button.disabled{pointer-events:none;opacity:.5}"]
             },] }
 ];
 MultipleChoiceComponent.ctorParameters = () => [

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

@@ -8,7 +8,7 @@ MultipleTextboxComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-multiple-textbox',
                 template: "<div class=\"multiple-textbox vx-d-flex vx-mb-4\">\r\n    <div class=\"left\">\r\n        <div class=\"label vx-mb-2\">\r\n            <input type=\"text\" placeholder=\"Please enter a response\" />\r\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-pr-1\">LABEL 1</div>\r\n        </div>\r\n        <input type=\"text\" placeholder=\"Please enter a response\" />\r\n    </div>\r\n    <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\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\";.multiple-textbox .left{width:calc(100% - 4.75rem);position:relative}.multiple-textbox .left .label{border:1px solid #DBDBDB;border-radius:.25rem;height:2.5rem;transition:all .3s ease-in-out;position:relative}.multiple-textbox .left .label:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.multiple-textbox .left .label input[type=text]{border:none;height:2.375rem;padding-left:5rem}.multiple-textbox .left .label input[type=text]:focus{border-color:unset;box-shadow:unset}.multiple-textbox .left .label .heading{position:absolute;top:.625rem;left:.75rem;width:3.5rem}.multiple-textbox .left .label .heading:before{background:#DBDBDB;content:\"\";position:absolute;top:0;right:0;width:1px;height:1rem}.multiple-textbox .left input[type=text]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.multiple-textbox .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.multiple-textbox .right{width:4.5rem;height:2.5rem}.multiple-textbox .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.multiple-textbox .right button.disabled{pointer-events:none;opacity:.5}\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\");.multiple-textbox .left{width:calc(100% - 4.75rem);position:relative}.multiple-textbox .left .label{border:1px solid #dbdbdb;border-radius:.25rem;height:2.5rem;transition:all .3s ease-in-out;position:relative}.multiple-textbox .left .label:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.multiple-textbox .left .label input[type=text]{border:none;height:2.375rem;padding-left:5rem}.multiple-textbox .left .label input[type=text]:focus{border-color:unset;box-shadow:unset}.multiple-textbox .left .label .heading{position:absolute;top:.625rem;left:.75rem;width:3.5rem}.multiple-textbox .left .label .heading:before{background:#dbdbdb;content:\"\";position:absolute;top:0;right:0;width:1px;height:1rem}.multiple-textbox .left input[type=text]{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.multiple-textbox .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.multiple-textbox .right{width:4.5rem;height:2.5rem}.multiple-textbox .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.multiple-textbox .right button.disabled{pointer-events:none;opacity:.5}"]
             },] }
 ];
 MultipleTextboxComponent.ctorParameters = () => [];

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

@@ -8,7 +8,7 @@ RankingComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-ranking',
                 template: "<div class=\"ranking vx-mb-4\">\r\n    <div class=\"option-list\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li class=\"vx-d-flex\">\r\n                <div class=\"left\">\r\n                    <input type=\"text\" placeholder=\"Option\" />\r\n                </div>\r\n                <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\r\n                    <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\r\n                    <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\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\";.ranking .option-list{margin-bottom:2rem}.ranking .option-list ul{list-style-type:none}.ranking .left{width:calc(100% - 4.75rem);position:relative}.ranking .left input[type=text]{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.ranking .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.ranking .right{width:4.5rem;height:2.5rem}.ranking .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.ranking .right button.disabled{pointer-events:none;opacity:.5}.ranking .right button.close{background:transparent}\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\");.ranking .option-list{margin-bottom:2rem}.ranking .option-list ul{list-style-type:none}.ranking .left{width:calc(100% - 4.75rem);position:relative}.ranking .left input[type=text]{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.ranking .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.ranking .right{width:4.5rem;height:2.5rem}.ranking .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.ranking .right button.disabled{pointer-events:none;opacity:.5}.ranking .right button.close{background:transparent}"]
             },] }
 ];
 RankingComponent.ctorParameters = () => [];

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

@@ -8,7 +8,7 @@ SliderComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-slider',
                 template: "<div class=\"slider\">\r\n    <div class=\"heading vx-fs-12 vx-fw-500 vx-label-txt vx-mb-5\">Adjust Slider Scale</div>\r\n    <div class=\"vx-d-flex vx-align-center\">\r\n        <div class=\"slider-item vx-mr-5\">\r\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-2\">SCALE RANGE</div>\r\n            <div class=\"vx-d-flex vx-align-center\">\r\n                <input class=\"slide-input\" type=\"number\" value=\"0\">\r\n                <span class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-ml-2 vx-mr-2\">TO</span>\r\n                <input class=\"slide-input\" type=\"number\" value=\"100\">\r\n            </div>\r\n        </div>\r\n        <div class=\"slider-item\">\r\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-2\">STEP SIZE</div>\r\n            <input class=\"slide-input\" type=\"number\" value=\"10\">\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\";.slider-item input[type=number].slide-input{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#161b2f;font-size:12px;padding:.5rem .75rem;width:5rem;height:2.5rem;outline:none;transition:all .3s ease-in-out}.slider-item input[type=number].slide-input:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}\n"]
+                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");.slider-item input[type=number].slide-input{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#161b2f;font-size:12px;padding:.5rem .75rem;width:5rem;height:2.5rem;outline:none;transition:all .3s ease-in-out}.slider-item input[type=number].slide-input:focus{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}"]
             },] }
 ];
 SliderComponent.ctorParameters = () => [];