vcomply-workflow-engine 2.9.28 → 2.9.30

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

@@ -19,7 +19,7 @@ StarRatingComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-star-rating',
                 template: "<div class=\"star-rating vx-d-flex vx-align-center\">\r\n    <div class=\"star-rating-item vx-mr-3\">\r\n        <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">SHAPE</div>\r\n        <div class=\"rating-select-box vx-d-flex vx-align-center vx-justify-between vx-p-2\" appPopover (click)=\"shape.popover()\" position=\"right\">\r\n            <span class=\"value vx-fs-12 vx-paragraph-txt\">Number</span>\r\n            <i class=\"icons vx-fs-10 vx-paragraph-txt\">&#xe9e8;</i>\r\n        </div>\r\n        <app-popover #shape>\r\n            <div class=\"rating-popup\">\r\n                <ul class=\"vx-p-0 vx-m-0\">\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">Number</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">Smiley</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">Thumb</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">Star</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">Heart</span>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </app-popover>\r\n    </div>\r\n    <div class=\"star-rating-item vx-mr-3\">\r\n        <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">SCALE</div>\r\n        <div class=\"rating-select-box vx-d-flex vx-align-center vx-justify-between vx-p-2\" appPopover (click)=\"scale.popover()\" position=\"right\">\r\n            <span class=\"value vx-fs-12 vx-paragraph-txt\">2</span>\r\n            <i class=\"icons vx-fs-10 vx-paragraph-txt\">&#xe9e8;</i>\r\n        </div>\r\n        <app-popover #scale>\r\n            <div class=\"rating-popup\">\r\n                <ul class=\"vx-p-0 vx-m-0\">\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">2</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">3</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">4</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">5</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">6</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">7</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">8</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">9</span>\r\n                    </li>\r\n                    <li class=\"vx-p-2 vx-pt-1 vx-pb-1\">\r\n                        <input type=\"radio\"/>\r\n                        <span class=\"vx-fs-12 vx-paragraph-txt\">10</span>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </app-popover>\r\n    </div>\r\n    <div class=\"star-rating-item vx-mr-3\">\r\n        <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">COLOR</div>\r\n        <div class=\"rating-select-box vx-d-flex vx-align-center vx-justify-between vx-p-2\">\r\n            <div class=\"vx-d-flex vx-align-center\">\r\n                <span class=\"color-box vx-mr-1\" style=\"background: #1e5dd3;\"></span>\r\n                <span class=\"value vx-fs-12 vx-paragraph-txt\">#1e5dd3</span>\r\n            </div>\r\n            <i class=\"icons vx-fs-10 vx-paragraph-txt\">&#xe9e8;</i>\r\n            <input type=\"color\">\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"star-rating-label vx-mt-5 vx-pt-3\">\r\n    <div class=\"heading vx-fs-12 vx-fw-500 vx-label-txt vx-mb-1\">Add rating label</div>\r\n    <div class=\"label-menu vx-mt-3 vx-mb-5\">\r\n        <ul class=\"vx-d-flex vx-p-0 vx-m-0\">\r\n            <li class=\"vx-mr-5\" [class.active]=\"specificValue\"><button (click)=\"clickSpecificValue()\" class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-m-0 vx-p-0 vx-d-flex vx-align-center\">SPECIFIC VALUE</button></li>\r\n            <li class=\"vx-mr-5\" [class.active]=\"scaleRange\"><button (click)=\"clickScaleRange()\" class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-m-0 vx-p-0 vx-d-flex vx-align-center\">SCALE RANGE</button></li>\r\n        </ul>\r\n    </div>\r\n    <div *ngIf=\"specificValue\" class=\"value-list\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li class=\"vx-mb-2\">\r\n                <div class=\"label\">\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-text-center vx-pr-2\">1</div>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div *ngIf=\"scaleRange\" class=\"range-list vx-d-flex vx-align-center\">\r\n        <input type=\"text\" value=\"Not at all likely\" />\r\n        <span class=\"vx-fs-12 vx-fw-500 vx-label-txt vx-tt-uppercase vx-ml-3 vx-mr-3\">TO</span>\r\n        <input type=\"text\" value=\"Extreme likely\" />\r\n    </div>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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\");.star-rating-item{width:30%}.star-rating-item .rating-select-box{border:1px solid #dbdbdb;border-radius:.25rem;cursor:pointer;position:relative}.star-rating-item .rating-select-box .color-box{border-radius:.125rem;width:1.125rem;height:1.125rem}.star-rating-item .rating-select-box input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}.star-rating-label .label-menu ul{border-bottom:1px solid #f1f1f1;list-style-type:none}.star-rating-label .label-menu ul li button{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;height:1.5rem}.star-rating-label .label-menu ul li.active button{border-color:#1e5dd3;color:#1e5dd3}.star-rating-label .value-list ul{list-style-type:none}.star-rating-label .value-list ul li .label{border:1px solid #dbdbdb;border-radius:.25rem;height:2.5rem;transition:all .3s ease-in-out;position:relative}.star-rating-label .value-list ul li .label:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.star-rating-label .value-list ul li .label input[type=text]{background:#fff;border:none;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem .5rem 3.5rem;width:100%;height:2.375rem;outline:none}.star-rating-label .value-list ul li .label input[type=text]:focus{border-color:unset;box-shadow:unset}.star-rating-label .value-list ul li .label .heading{position:absolute;top:.625rem;left:.75rem;width:30px}.star-rating-label .value-list ul li .label .heading:before{background:#dbdbdb;content:\"\";position:absolute;top:0;right:0;width:1px;height:1rem}.star-rating-label .range-list input{background:#fff;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.375rem;transition:all .3s ease-in-out;outline:none}.star-rating-label .range-list input:focus{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}.rating-popup{background:#fff;border-radius:.25rem;box-shadow:0 3px 6px #1c5bd140;width:11.875rem}.rating-popup ul{list-style-type:none;max-height:10.75rem;overflow-y:auto}.rating-popup ul li{border-bottom:1px solid #f1f1f1;position:relative}.rating-popup ul li:last-of-type{border-bottom:none}.rating-popup ul li:hover{background:#f1f1f1}.rating-popup ul li input[type=radio]{top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;position:absolute;opacity:0;text-indent:-9999px;cursor:pointer}"]
+                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\";.star-rating-item{width:30%}.star-rating-item .rating-select-box{border:1px solid #DBDBDB;border-radius:.25rem;cursor:pointer;position:relative}.star-rating-item .rating-select-box .color-box{border-radius:.125rem;width:1.125rem;height:1.125rem}.star-rating-item .rating-select-box input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;cursor:pointer;opacity:0}.star-rating-label .label-menu ul{border-bottom:1px solid #F1F1F1;list-style-type:none}.star-rating-label .label-menu ul li button{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;height:1.5rem}.star-rating-label .label-menu ul li.active button{border-color:#1e5dd3;color:#1e5dd3}.star-rating-label .value-list ul{list-style-type:none}.star-rating-label .value-list ul li .label{border:1px solid #DBDBDB;border-radius:.25rem;height:2.5rem;transition:all .3s ease-in-out;position:relative}.star-rating-label .value-list ul li .label:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.star-rating-label .value-list ul li .label input[type=text]{background:#FFFFFF;border:none;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem .5rem 3.5rem;width:100%;height:2.375rem;outline:none}.star-rating-label .value-list ul li .label input[type=text]:focus{border-color:unset;box-shadow:unset}.star-rating-label .value-list ul li .label .heading{position:absolute;top:.625rem;left:.75rem;width:30px}.star-rating-label .value-list ul li .label .heading:before{background:#DBDBDB;content:\"\";position:absolute;top:0;right:0;width:1px;height:1rem}.star-rating-label .range-list input{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.375rem;transition:all .3s ease-in-out;outline:none}.star-rating-label .range-list input:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.rating-popup{background:#FFFFFF;border-radius:.25rem;box-shadow:0 3px 6px #1c5bd140;width:11.875rem}.rating-popup ul{list-style-type:none;max-height:10.75rem;overflow-y:auto}.rating-popup ul li{border-bottom:1px solid #F1F1F1;position:relative}.rating-popup ul li:last-of-type{border-bottom:none}.rating-popup ul li:hover{background:#F1F1F1}.rating-popup ul li input[type=radio]{top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;position:absolute;opacity:0;text-indent:-9999px;cursor:pointer}\n"]
             },] }
 ];
 StarRatingComponent.ctorParameters = () => [];

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

@@ -8,7 +8,7 @@ ThankYouComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-thank-you',
                 template: "<div class=\"build-thank-you vx-d-flex vx-align-center vx-justify-center vx-mb-5\">\r\n    <div class=\"build-thank-you-inner\">\r\n        <div class=\"image vx-mb-5\">\r\n            <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/assessment-editor/placeholder.jpg\" alt=\"\" />\r\n        </div>\r\n        <div class=\"upload-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">\r\n            <input type=\"file\" /> Upload Image\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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\");.build-thank-you-inner .image{border:.125rem solid #f1f1f1;border-radius:.125rem;width:18.75rem;height:12.75rem}.build-thank-you-inner .image img{width:100%;height:100%}.build-thank-you-inner .upload-btn{background:#1e5dd3;border-radius:.125rem;border:none;width:10rem;height:2.5rem;margin:0 auto;position:relative}.build-thank-you-inner .upload-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;text-indent:-9999px;opacity:0;cursor:pointer}"]
+                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\";.build-thank-you-inner .image{border:.125rem solid #F1F1F1;border-radius:.125rem;width:18.75rem;height:12.75rem}.build-thank-you-inner .image img{width:100%;height:100%}.build-thank-you-inner .upload-btn{background:#1e5dd3;border-radius:.125rem;border:none;width:10rem;height:2.5rem;margin:0 auto;position:relative}.build-thank-you-inner .upload-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;text-indent:-9999px;opacity:0;cursor:pointer}\n"]
             },] }
 ];
 ThankYouComponent.ctorParameters = () => [];

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

@@ -44,7 +44,7 @@ WeightageSelectorComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-weightage-selector',
                 template: "<div class=\"weightage vx-d-flex vx-align-center\">\r\n    <span class=\"text vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-pl-2 vx-pr-2 vx-lh-5\">SET WEIGHTAGE:</span>\r\n    <input type=\"number\" value='100' (focusout)=\"checkWeightValidity()\" type=\"number\" [(ngModel)]=\"value\" (ngModelChange)=\"changeValue($event)\" />\r\n    <button (click)=\"weightManager('+')\" class=\"arrow up vx-fs-8 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe9e7;</i></button>\r\n    <button (click)=\"weightManager('-')\"  class=\"arrow down vx-fs-8 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe9e8;</i></button>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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\");.weightage{background:#fff;border:1px solid #f1f1f1;border-radius:.125rem;height:1.375rem;position:relative;z-index:1}.weightage .text{background:#f8f8f8;border-radius:.125rem 0 0 .125rem;height:1.25rem}.weightage input{background:#fff;border:none;border-radius:0;color:#161b2f;font-size:11px;font-weight:500;padding:0 .5rem;height:1.25rem;width:3.75rem;outline:none}.weightage button.arrow{background:transparent;border:none;border-radius:0;position:absolute;right:.25rem}.weightage button.arrow.up{top:.0625rem}.weightage button.arrow.down{bottom:.0625rem}"]
+                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\";.weightage{background:#FFFFFF;border:1px solid #F1F1F1;border-radius:.125rem;height:1.375rem;position:relative;z-index:1}.weightage .text{background:#f8f8f8;border-radius:.125rem 0 0 .125rem;height:1.25rem}.weightage input{background:#FFFFFF;border:none;border-radius:0;color:#161b2f;font-size:11px;font-weight:500;padding:0 .5rem;height:1.25rem;width:3.75rem;outline:none}.weightage button.arrow{background:transparent;border:none;border-radius:0;position:absolute;right:.25rem}.weightage button.arrow.up{top:.0625rem}.weightage button.arrow.down{bottom:.0625rem}\n"]
             },] }
 ];
 WeightageSelectorComponent.ctorParameters = () => [];

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

@@ -8,7 +8,7 @@ WelcomeComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-welcome',
                 template: "<div class=\"build-welcome vx-d-flex vx-align-center vx-justify-center vx-mb-5\">\r\n    <div class=\"build-welcome-inner\">\r\n        <div class=\"image vx-mb-5\">\r\n            <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/assessment-editor/placeholder.jpg\" alt=\"\" />\r\n        </div>\r\n        <div class=\"upload-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">\r\n            <input type=\"file\" /> Upload Image\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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\");.build-welcome-inner .image{border:.125rem solid #f1f1f1;border-radius:.125rem;width:18.75rem;height:12.75rem}.build-welcome-inner .image img{width:100%;height:100%}.build-welcome-inner .upload-btn{background:#1e5dd3;border-radius:.125rem;border:none;width:10rem;height:2.5rem;margin:0 auto;position:relative}.build-welcome-inner .upload-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;text-indent:-9999px;opacity:0;cursor:pointer}"]
+                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\";.build-welcome-inner .image{border:.125rem solid #F1F1F1;border-radius:.125rem;width:18.75rem;height:12.75rem}.build-welcome-inner .image img{width:100%;height:100%}.build-welcome-inner .upload-btn{background:#1e5dd3;border-radius:.125rem;border:none;width:10rem;height:2.5rem;margin:0 auto;position:relative}.build-welcome-inner .upload-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;text-indent:-9999px;opacity:0;cursor:pointer}\n"]
             },] }
 ];
 WelcomeComponent.ctorParameters = () => [];

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

@@ -132,7 +132,7 @@ EditorWrapperComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-editor-wrapper',
                 template: "<div class=\"editor-wrapper vx-mb-4 \" [class.error]=\"errorPresent\" [class.with-logic]=\"false\" [ngSwitch]=\"viewMode\"  #questionContainer >\r\n    <!-- <div class=\"label-mode vx-fs-10 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pt-1 vx-pb-1\">ASSESSMENT MODE ENABLED</div> -->\r\n    <div class=\"editor-top vx-d-flex vx-align-center vx-justify-center vx-pl-2 vx-pr-2\">\r\n        <button class=\"type-btn vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center\" [class.active]=\"viewMode == 'build'\" (click)=\"viewMode = 'build'\">BUILD</button>\r\n\r\n\r\n\r\n        <div class=\"logic-area\">\r\n            <button [class.disabled]=\" (service.formsPage.elements | currentPageQuestion : service.currentPageNumber ) === false\" class=\"type-btn vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center\" [class.active]=\"viewMode == 'logic'\" (click)=\"viewMode = 'logic'\" >LOGIC</button>\r\n            <i *ngIf=\"(service.formsPage.elements | currentPageQuestion : service.currentPageNumber ) === false\" [appTooltip]=\"(service.formsPage.elements | currentPageQuestion : service.currentPageNumber ) === false ? 'You need to have at least two questions to create a logical workflow.':''\" class=\"icons info vx-fs-12 vx-txt-blue\"  placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">&#xe932;</i>\r\n        </div>\r\n\r\n\r\n\r\n        <button [class.disabled]=\"service.formsPage?.elements?.length < 2\" class=\"type-btn vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center\" [class.active]=\"viewMode == 'move'\" (click)=\"viewMode = 'move'\">MOVE</button>\r\n        <div class=\"rightside-button vx-d-flex vx-align-center\">\r\n            <button class=\"duplicate-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center vx-lh-7\" (click)=\"copyQuestion.emit(questionIndex)\">DUPLICATE</button>\r\n            <button class=\"delete-btn vx-fs-14 vx-txt-red vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" (click)=\"deleteQuestion.emit(questionIndex)\"><i class=\"icons\">&#xe923;</i></button>\r\n        </div>\r\n    </div>\r\n    <div class=\"editor-mid vx-pl-5 vx-pr-5\" [ngSwitch]=\"viewMode\">\r\n        <div class=\"build-area vx-d-flex vx-justify-between\" *ngSwitchCase=\"'build'\">\r\n            <div class=\"left\">\r\n                <!-- <app-welcome></app-welcome>\r\n                <app-thank-you></app-thank-you> -->\r\n                <div class=\"vx-d-flex vx-justify-between\">\r\n                    <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-5 vx-pl-2\">QUESTION {{questionIndex  + 1}} <span *ngIf=\"question.isRequired === true\" class=\"vx-fs-16 vx-fw-400 vx-txt-red vx-ml-1\">*</span></div>\r\n                    <!-- *ngIf=\"service.formsPage?.settings?.weightageEnabled === true\" -->\r\n                    <app-weightage-selector *ngIf=\"service.formsPage?.settings?.weightageEnabled === true && ['multiple-choice','checkbox','dropdown'].includes(question?.type)\" [(value)]=\"question.weightage\" ></app-weightage-selector>\r\n                </div>\r\n                <!-- <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-5 vx-pl-2\">QUESTION {{questionIndex  + 1}}\r\n                <span  *ngIf=\"question.isRequired === true\" class=\"vx-fs-16 vx-fw-400 vx-txt-red vx-ml-1\">*</span></div> -->\r\n                <app-single-line-editor [placeholder]=\"'Question'\" [label]=\"false\" [editorMode]=\"'multiline'\" [(ngModel)]=\"question.title\"></app-single-line-editor>\r\n                <ng-container *ngIf=\"question.isPlaceholder &&  ['single-textbox','comment-box'].includes(question.type)\">\r\n                    <div class=\"label-heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">Placeholder Text</div>\r\n                    <app-single-line-editor [placeholder]=\"'Please enter a response'\" [label]=\"false\" [editorMode]=\"'multiline'\"></app-single-line-editor>\r\n                </ng-container>\r\n\r\n                <app-single-line-editor [label]=\"true\" [(ngModel)]=\"question.description\" *ngIf=\"question.hasDescription\" [placeholder]=\"'Description'\" [editorMode]=\"'multiline'\"></app-single-line-editor>\r\n                <app-single-line-editor  [label]=\"true\" [(ngModel)]=\"question.comments\" *ngIf=\"question.hasComments\" [placeholder]=\"'Comment'\" [editorMode]=\"'multiline'\"></app-single-line-editor>\r\n                <div class=\"response-block vx-d-flex vx-align-center vx-justify-end vx-mb-3\" *ngIf=\"false\">\r\n                    <button *ngIf=\"!hideResponsePopup\" class=\"response-select vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-m-0 vx-p-0 vx-pl-2 vx-pr-2 vx-d-flex vx-align-center vx-justify-center vx-lh-6\" (click)=\"openResponsePopup()\">PRECONFIGURED RESPONSE CHOICE <i class=\"icons vx-fs-10 vx-d-flex vx-ml-4\">&#xe9e8;</i></button>\r\n                    <app-response-selector *ngIf=\"hideResponsePopup\"></app-response-selector>\r\n                    <div class=\"overlay\" *ngIf=\"hideResponsePopup\" (click)=\"closeResponsePopup()\"></div>\r\n                </div>\r\n                <ng-container [ngSwitch]=\"question?.type\">\r\n                    <app-multiple-choice *ngSwitchCase=\"'multiple-choice'\"  [service]=\"service\" [question]=\"question\" (addOption)=\"addOption($event)\"  (deleteOption)=\"deleteOption($event)\"></app-multiple-choice>\r\n                    <app-checkbox *ngSwitchCase=\"'checkbox'\" [service]=\"service\" [question]=\"question\" (addOption)=\"addOption($event)\"  (deleteOption)=\"deleteOption($event)\"></app-checkbox>\r\n                    <app-image-choice  *ngSwitchCase=\"'image-choice'\"></app-image-choice>\r\n                    <app-star-rating  *ngSwitchCase=\"'star-rating'\"></app-star-rating>\r\n                    <app-matrix-dropdown *ngSwitchCase=\"'matrix-dropdown'\"></app-matrix-dropdown>\r\n                    <app-build-dropdown *ngSwitchCase=\"'dropdown'\" [service]=\"service\" [question]=\"question\" (addOption)=\"addOption($event)\"  (deleteOption)=\"deleteOption($event)\"></app-build-dropdown>\r\n                    <app-matrix-rating-scale *ngSwitchCase=\"'rating-scale'\"></app-matrix-rating-scale>\r\n                    <app-ranking *ngSwitchCase=\"'ranking'\"></app-ranking>\r\n                    <app-slider *ngSwitchCase=\"'slider'\"></app-slider>\r\n                    <app-multiple-textbox *ngSwitchCase=\"'multiple-textbox'\"></app-multiple-textbox>\r\n                    <app-build-date-time *ngSwitchCase=\"'date-time'\" [question]=\"question\"></app-build-date-time>\r\n                </ng-container>\r\n\r\n            </div>\r\n            <div class=\"right\">\r\n                <app-quick-setting [questionIndex]=\"questionIndex\" [question]=\"question\" (typeChanged)=\"checkForValidationStatus('PARTIAL')\"></app-quick-setting>\r\n            </div>\r\n        </div>\r\n        <div class=\"logic-area\" *ngSwitchCase=\"'logic'\">\r\n            <div class=\"question-heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-5 vx-pl-2\">QUESTION {{questionIndex  + 1}} <span *ngIf=\"question.isRequired === true\" class=\"vx-fs-16 vx-fw-400 vx-txt-red vx-ml-1\">*</span></div>\r\n            <div class=\"question-name vx-fs-16 vx-label-txt vx-lh-6 vx-pt-1 vx-pb-1 vx-mb-5\">\r\n                {{question?.title ? question?.title : 'Question'}}\r\n                <i class=\"icons info vx-txt-blue vx-ml-2\" *ngIf=\"question?.hasComments\"  [appTooltip]=\"question?.comments\" placement=\"bottom-right\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe91f;</i></div>\r\n            <app-logic [service]=\"service\" [question]=\"question\" [editorMode]=\"editorMode\" [questionIndex]=\"questionIndex\"></app-logic>\r\n        </div>\r\n        <div class=\"move-area\" *ngSwitchCase=\"'move'\">\r\n            <div class=\"question-heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-5 vx-pl-2\">QUESTION {{questionIndex  + 1}} <span *ngIf=\"question.isRequired === true\" class=\"vx-fs-16 vx-fw-400 vx-txt-red vx-ml-1\">*</span></div>\r\n            <div class=\"question-name vx-fs-16 vx-label-txt vx-lh-6 vx-pt-1 vx-pb-1 vx-mb-5\">{{question?.title ? question?.title : 'Question'}} <i  *ngIf=\"question?.hasComments\" class=\"icons info vx-txt-blue vx-ml-2\" [appTooltip]=\"question?.comments\" placement=\"bottom-right\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe91f;</i></div>\r\n            <app-move [service]=\"service\" [openPortal]=\"openPortal\" [question] =\"question\" [questionIndex]=\"questionIndex\"></app-move>\r\n        </div>\r\n    </div>\r\n    <div class=\"editor-bottom vx-d-flex vx-align-center vx-justify-between vx-p-2 error\">\r\n        <button (click)=\"openNextQuestion()\" class=\"next-btn vx-fs-12 vx-fw-600 vx-txt-blue vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><span class=\"plus-icon vx-fs-14 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-mr-1\">+</span> NEXT QUESTION</button>\r\n        <div class=\"error-msg vx-fs-12 vx-txt-white vx-tt-uppercase vx-d-flex vx-align-center\" *ngIf=\"(question?.errorArray|errorMessage) as error\">\r\n            <i class=\"icons vx-d-flex vx-mr-1\">&#xe914;</i> {{error}}\r\n        </div>\r\n        <button (click)=\"checkForValidationStatus('save')\" class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n        <div *ngIf=\"nextQuestion\" class=\"next-question vx-p-4\">\r\n            <app-question-type (addQuestion)=\"service.addQuestion($event,questionIndex);closeNextQuestion();\"></app-question-type>\r\n        </div>\r\n        <div *ngIf=\"nextQuestion\" class=\"overlay\" (click)=\"closeNextQuestion()\"></div>\r\n    </div>\r\n</div>\r\n",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");.editor-wrapper{border:1px solid #1e5dd3;border-radius:.25rem;position:relative}.editor-wrapper .label-mode{background:#7aa6f7;border:1px solid #1e5dd3;border-left:none;border-radius:0 .125rem .125rem 0;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;position:absolute;left:-1.0625rem;top:3rem;width:1rem;transform:rotate(180deg)}.editor-wrapper.error{border-color:#d93b41}.editor-wrapper.error .editor-bottom{background:#d93b41}.editor-wrapper.with-logic{border-color:#f0b819}.editor-wrapper.with-logic .label-mode{background:#f4c84a;border-color:#f0b819}.editor-top{background:#fbfbfb;border-bottom:1px solid #f1f1f1;border-radius:.25rem .25rem 0 0;height:2.75rem}.editor-top,.editor-top .logic-area{position:relative}.editor-top .logic-area i.info{position:absolute;right:.75rem;top:1.0625rem;cursor:pointer}.editor-top button.type-btn{background:transparent;border:none;border-bottom:.1875rem solid transparent;border-radius:0;line-height:2.75rem;margin:0 2rem}.editor-top button.type-btn.active{color:#1e5dd3;border-color:#1e5dd3}.editor-top button.disabled{pointer-events:none;opacity:.5}.editor-top .rightside-button{position:absolute;right:.5rem;top:.5rem}.editor-top .rightside-button button{background:#f1f1f1;border:none;border-radius:.125rem;height:1.75rem}.editor-top .rightside-button button.delete-btn{width:1.75rem}.editor-mid{padding-top:1.5rem;padding-bottom:1.5rem}.editor-mid .build-area .left{width:calc(100% - 17.5rem);position:relative}.editor-mid .build-area .left .heading{position:relative}.editor-mid .build-area .left .heading:before{background:#4681ef;content:\"\";position:absolute;top:.125rem;left:0;width:.125rem;height:.875rem}.editor-mid .build-area .left .response-block{position:relative;top:-.5rem}.editor-mid .build-area .left .response-block button.response-select{background:#fbfbfb;border:1px solid #dbdbdb;border-radius:.125rem}.editor-mid .build-area .left .response-block app-response-selector{position:relative;width:100%;z-index:9}.editor-mid .build-area .left .response-block .overlay{z-index:8}.editor-mid .build-area .right{width:16rem}.editor-mid .logic-area .question-heading,.editor-mid .move-area .question-heading{position:relative}.editor-mid .logic-area .question-heading:before,.editor-mid .move-area .question-heading:before{background:#4681ef;content:\"\";position:absolute;top:.4375rem;left:0;width:.125rem;height:.875rem}.editor-mid .logic-area .question-name i.info,.editor-mid .move-area .question-name i.info{cursor:pointer;position:relative;top:.125rem}.editor-bottom{background:#1e5dd3;border-radius:0 0 .125rem .125rem;position:relative}.editor-bottom button{background:#fff;border:none;border-radius:.1125rem}.editor-bottom button.next-btn{height:1.75rem}.editor-bottom button.next-btn .plus-icon{border:.125rem solid #1e5dd3;border-radius:50%;width:1.125rem;height:1.125rem;line-height:1.125rem}.editor-bottom button.save-btn{width:4.75rem;height:1.75rem}.editor-bottom .next-question{background:#fff;border-radius:.25rem;box-shadow:0 -3px 6px #1e5dd326;position:absolute;bottom:0;left:0;z-index:9}.editor-bottom .next-question ::ng-deep app-question-type .question-type ul{left:10rem;width:calc(100% - 20rem)}.editor-bottom .next-question ::ng-deep app-question-type .question-type ul li{width:10rem!important}.editor-bottom .overlay{z-index:8}"]
+                styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";.editor-wrapper{border:1px solid #1e5dd3;border-radius:.25rem;position:relative}.editor-wrapper .label-mode{background:#7aa6f7;border:1px solid #1e5dd3;border-left:none;border-radius:0 .125rem .125rem 0;writing-mode:vertical-lr;position:absolute;left:-1.0625rem;top:3rem;width:1rem;transform:rotate(180deg)}.editor-wrapper.error{border-color:#d93b41}.editor-wrapper.error .editor-bottom{background:#d93b41}.editor-wrapper.with-logic{border-color:#f0b819}.editor-wrapper.with-logic .label-mode{background:#f4c84a;border-color:#f0b819}.editor-top{background:#FBFBFB;border-bottom:1px solid #F1F1F1;border-radius:.25rem .25rem 0 0;height:2.75rem;position:relative}.editor-top .logic-area{position:relative}.editor-top .logic-area i.info{position:absolute;right:.75rem;top:1.0625rem;cursor:pointer}.editor-top button.type-btn{background:transparent;border:none;border-bottom:.1875rem solid transparent;border-radius:0;line-height:2.75rem;margin:0 2rem}.editor-top button.type-btn.active{color:#1e5dd3;border-color:#1e5dd3}.editor-top button.disabled{pointer-events:none;opacity:.5}.editor-top .rightside-button{position:absolute;right:.5rem;top:.5rem}.editor-top .rightside-button button{background:#F1F1F1;border:none;border-radius:.125rem;height:1.75rem}.editor-top .rightside-button button.delete-btn{width:1.75rem}.editor-mid{padding-top:1.5rem;padding-bottom:1.5rem}.editor-mid .build-area .left{width:calc(100% - 17.5rem);position:relative}.editor-mid .build-area .left .heading{position:relative}.editor-mid .build-area .left .heading:before{background:#4681ef;content:\"\";position:absolute;top:.125rem;left:0;width:.125rem;height:.875rem}.editor-mid .build-area .left .response-block{position:relative;top:-.5rem}.editor-mid .build-area .left .response-block button.response-select{background:#FBFBFB;border:1px solid #DBDBDB;border-radius:.125rem}.editor-mid .build-area .left .response-block app-response-selector{position:relative;width:100%;z-index:9}.editor-mid .build-area .left .response-block .overlay{z-index:8}.editor-mid .build-area .right{width:16rem}.editor-mid .logic-area .question-heading,.editor-mid .move-area .question-heading{position:relative}.editor-mid .logic-area .question-heading:before,.editor-mid .move-area .question-heading:before{background:#4681ef;content:\"\";position:absolute;top:.4375rem;left:0;width:.125rem;height:.875rem}.editor-mid .logic-area .question-name i.info,.editor-mid .move-area .question-name i.info{cursor:pointer;position:relative;top:.125rem}.editor-bottom{background:#1e5dd3;border-radius:0 0 .125rem .125rem;position:relative}.editor-bottom button{background:#FFFFFF;border:none;border-radius:.1125rem}.editor-bottom button.next-btn{height:1.75rem}.editor-bottom button.next-btn .plus-icon{border:.125rem solid #1e5dd3;border-radius:50%;width:1.125rem;height:1.125rem;line-height:1.125rem}.editor-bottom button.save-btn{width:4.75rem;height:1.75rem}.editor-bottom .next-question{background:#FFFFFF;border-radius:.25rem;box-shadow:0 -3px 6px #1e5dd326;position:absolute;bottom:0;left:0;z-index:9}.editor-bottom .next-question ::ng-deep app-question-type .question-type ul{left:10rem;width:calc(100% - 20rem)}.editor-bottom .next-question ::ng-deep app-question-type .question-type ul li{width:10rem!important}.editor-bottom .overlay{z-index:8}\n"]
             },] }
 ];
 EditorWrapperComponent.ctorParameters = () => [

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

@@ -85,7 +85,7 @@ LogicComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-logic',
                 template: "<div class=\"logic\">\r\n    <div class=\"logic-condition vx-p-2 vx-pl-3 vx-pr-3 vx-mb-3\">\r\n        <div class=\"heading vx-fs-14 vx-fw-500 vx-label-txt vx-mb-1\">Is visible when</div>\r\n        <div class=\"details vx-fs-12 vx-paragraph-txt\">Use this to define display conditions for the questions in the assessment.</div>\r\n    </div>\r\n    <div *ngIf=\"question.visibilityLogic.length === 0\" class=\"no-selected vx-text-center\">\r\n        <img src=\"http://cdn.v-comply.com/libraries/workflow-engine/assets/assessment-editor/add-logic.svg\" />\r\n        <button class=\"add-btn vx-fs-11 vx-fw-600 vx-txt-white vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"modifyLogic()\">ADD LOGIC & DISPLAY CONDITIONS FOR THIS QUESTION</button>\r\n    </div>\r\n    <div class=\"logic-table\" *ngIf=\"question.visibilityLogic.length > 0\">\r\n        <div class=\"table-header\">\r\n            <div class=\"table-row vx-pl-2\">\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center question\">QUESTIONS</div>\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center logic-operator\">LOGIC OPERATORS</div>\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center value\">VALUES</div>\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\"></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"table-body\">\r\n            <div class=\"table-row vx-pl-2\"  *ngFor=\"let logic of question.visibilityLogic;let i=index\">\r\n                <div class=\"and-label vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pt-1 vx-pb-1 vx-d-flex vx-justify-center\" *ngIf=\"question.visibilityLogic.length > 1 && i!== 0\" >AND</div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center question\">\r\n                    <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"logic.questionTitle\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" [innerHTML]='logic.questionTitle'></div>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center logic-operator\">\r\n                    <div class=\"label vx-fs-11 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1 vx-lh-4\" [class.blue]=\"logic.operator == 'answered'\" [class.green]=\"logic.operator != 'answered'\" *ngIf=\"logic.operator\"> {{operatorVal[logic.operator]}}</div>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center value\">\r\n                    <div  *ngIf=\"logic.value!='' && (logic.value | typeof) === 'object'\" class=\"value-name vx-fs-12 vx-paragraph-txt vx-pl-2 vx-pr-2 vx-lh-6 vx-mr-1\" [appTooltip]=\"logic.value[0]\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" [innerHTML]='logic.value[0]'></div>\r\n                    <div  *ngIf=\"logic.value!=''  && (logic.value | typeof) !== 'object'\" class=\"value-name vx-fs-12 vx-paragraph-txt vx-pl-2 vx-pr-2 vx-lh-6 vx-mr-1\" [appTooltip]=\"logic.value\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" [innerHTML]='logic.value'></div>\r\n\r\n                    <button  *ngIf=\"logic.value?.length > 1 && (logic.value | typeof) === 'object'\" class=\"count vx-fs-11 vx-txt-white vx-m-0 vx-p-0 vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center\" appPopover (click)=\"count.popover()\" placement=\"right\">+{{logic?.value?.length-1}}</button>\r\n\r\n\r\n                    <app-popover #count>\r\n                        <div class=\"action-list\" *ngIf=\"(logic.value | typeof) === 'object'\">\r\n                          <ul class=\"action-item\">\r\n                            <li class=\"vx-p-2\" *ngFor=\"let data of (logic.value.slice(1))\">\r\n                                <div class=\"count-value vx-fs-11 vx-paragraph-txt\" [appTooltip]=\"'Strongly agree'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{data}}</div>\r\n                            </li>\r\n                          </ul>\r\n                        </div>\r\n                    </app-popover>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center action\">\r\n                    <button class=\"close vx-fs-16 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center\"  (click)=\"deleteLogic(i)\"><i class=\"icons\">&#xe9ae;</i></button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <button class=\"add-btn vx-fs-11 vx-fw-600 vx-txt-blue vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"modifyLogic()\">Add Additional Logic & Display Conditions for this Question</button>\r\n    </div>\r\n</div>\r\n",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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\");.logic-condition{background:#f8f8f8;border-radius:.25rem;position:relative}.logic-condition:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:0;left:0;width:3px;height:100%}.logic-condition .details,.logic-condition .heading{padding-left:.125rem}.logic .no-selected{margin-bottom:3rem}.logic .no-selected img{width:15.25rem;margin:3rem 0 2rem}.logic .no-selected button.add-btn{background:#1e5dd3;border:none;border-radius:.125rem;width:21.75rem;height:2.5rem;margin:0 auto}.logic-table .table-header .table-row{background:#fff!important}.logic-table .table-header .table-row .table-column{color:#161b2f!important;line-height:1rem!important;min-height:1.875rem!important}.logic-table .table-row{background:#fbfbfb;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;position:relative}.logic-table .table-row .and-label{background:#1e5dd3;border-radius:0 .125rem .125rem 0;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;position:absolute;left:-1rem;top:.125rem;width:1rem;height:2.25rem;transform:rotate(180deg)}.logic-table .table-row .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}.logic-table .table-row .table-column.question{width:calc(100% - 26rem);min-width:calc(100% - 26rem)}.logic-table .table-row .table-column.question .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 3rem)}.logic-table .table-row .table-column.logic-operator{width:9.25rem;min-width:9.25rem}.logic-table .table-row .table-column.logic-operator .label{border-radius:.125rem}.logic-table .table-row .table-column.logic-operator .label.blue{background:#7aa6f7}.logic-table .table-row .table-column.logic-operator .label.green{background:#66bf72}.logic-table .table-row .table-column.value{width:13.75rem;min-width:13.75rem}.logic-table .table-row .table-column.value .value-name{background:#f1f1f1;border-radius:.125rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 2.5rem)}.logic-table .table-row .table-column.value button.count{background:#1e5dd3;border-radius:.125rem;border:none;width:1.5rem;height:1.5rem}.logic-table .table-row .table-column.action{width:2.5rem;min-width:2.5rem}.logic-table .table-row .table-column.action button.close{background:transparent;border:none;border-radius:0}.logic-table button.add-btn{background:#fff;border:1px solid #dbdbdb;border-radius:.125rem;width:21.75rem;height:2.5rem;margin:5rem auto 0}.action-list .action-item li .count-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}"]
+                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\";.logic-condition{background:#f8f8f8;border-radius:.25rem;position:relative}.logic-condition:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:0;left:0;width:3px;height:100%}.logic-condition .heading,.logic-condition .details{padding-left:.125rem}.logic .no-selected{margin-bottom:3rem}.logic .no-selected img{width:15.25rem;margin:3rem 0 2rem}.logic .no-selected button.add-btn{background:#1e5dd3;border:none;border-radius:.125rem;width:21.75rem;height:2.5rem;margin:0 auto}.logic-table .table-header .table-row{background:#FFFFFF!important}.logic-table .table-header .table-row .table-column{color:#161b2f!important;line-height:1rem!important;min-height:1.875rem!important}.logic-table .table-row{background:#FBFBFB;border-bottom:1px solid #F1F1F1;display:flex;justify-content:space-between;position:relative}.logic-table .table-row .and-label{background:#1e5dd3;border-radius:0 .125rem .125rem 0;writing-mode:vertical-lr;position:absolute;left:-1rem;top:.125rem;width:1rem;height:2.25rem;transform:rotate(180deg)}.logic-table .table-row .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}.logic-table .table-row .table-column.question{width:calc(100% - 26rem);min-width:calc(100% - 26rem)}.logic-table .table-row .table-column.question .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 3rem)}.logic-table .table-row .table-column.logic-operator{width:9.25rem;min-width:9.25rem}.logic-table .table-row .table-column.logic-operator .label{border-radius:.125rem}.logic-table .table-row .table-column.logic-operator .label.blue{background:#7aa6f7}.logic-table .table-row .table-column.logic-operator .label.green{background:#66bf72}.logic-table .table-row .table-column.value{width:13.75rem;min-width:13.75rem}.logic-table .table-row .table-column.value .value-name{background:#F1F1F1;border-radius:.125rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 2.5rem)}.logic-table .table-row .table-column.value button.count{background:#1e5dd3;border-radius:.125rem;border:none;width:1.5rem;height:1.5rem}.logic-table .table-row .table-column.action{width:2.5rem;min-width:2.5rem}.logic-table .table-row .table-column.action button.close{background:transparent;border:none;border-radius:0}.logic-table button.add-btn{background:#FFFFFF;border:1px solid #DBDBDB;border-radius:.125rem;width:21.75rem;height:2.5rem;margin:5rem auto 0}.action-list .action-item li .count-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\n"]
             },] }
 ];
 LogicComponent.ctorParameters = () => [

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

@@ -13,7 +13,7 @@ LogicCheckboxComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-logic-checkbox',
                 template: "<div class=\"logic-checkbox\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-p-3 vx-pt-2 vx-mb-1 vx-w-100\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\r\n            <app-cs-checkbox  (ngValueChange)=\"emitChange($event,choice)\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{choice?.title}}</div>\r\n            </app-cs-checkbox>\r\n        </li>\r\n        <li class=\"vx-p-3 vx-pt-2 vx-mb-1 vx-w-100\" *ngIf='question?.hasOther'>\r\n            <app-cs-checkbox (ngValueChange)=\"emitChange($event,{title:'Other'})\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Other'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Other</div>\r\n            </app-cs-checkbox>\r\n        </li>\r\n    </ul>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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 .logic-checkbox ul{list-style-type:none}::ng-deep .logic-checkbox ul li{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:.25rem}::ng-deep .logic-checkbox ul li app-cs-checkbox{display:block;width:100%!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item{width:100%!important;padding-left:1rem!important;position:relative}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0!important;left:0!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .value{width:100%!important;justify-content:start!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}"]
+                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 .logic-checkbox ul{list-style-type:none}::ng-deep .logic-checkbox ul li{background:#FBFBFB;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .logic-checkbox ul li app-cs-checkbox{display:block;width:100%!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item{width:100%!important;padding-left:1rem!important;position:relative}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0!important;left:0!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .value{width:100%!important;justify-content:start!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}\n"]
             },] }
 ];
 LogicCheckboxComponent.ctorParameters = () => [];

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

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

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

@@ -25,7 +25,7 @@ LogicDateTimeComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-logic-date-time',
                 template: "<div class=\"logic-date-time vx-mb-5\">\r\n    <div class=\"input-group vx-d-flex vx-mb-2\" *ngIf='question.hasDate'>\r\n        <span class=\"label vx-bg-grey vx-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\">\r\n            <span class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\" [appTooltip]=\"'Date of birth'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question?.date?.title ? question?.date?.title :'Date' }}</span>\r\n        </span>\r\n        <div class=\"date-time-area\">\r\n            <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe996;</i>\r\n            <input class=\"datePicker\" (click)=\"openDatePicker()\" placeholder=\"Enter Date\">\r\n            <dp-date-picker (onChange)=\"dateChanged($event)\" [(ngModel)]=\"question.date.value\" #datePicker [config]=\"{disableKeypress: true,format: 'DD MMM YYYY'}\" placeholder='Select Date' (click)=\"openDatePicker()\" (click)=\"closeDatepicker()\"></dp-date-picker>\r\n            <div class=\"overlay\" (click)=\"closeDatepicker()\" *ngIf=\"datepickerOverlay\"></div>\r\n        </div>\r\n    </div>\r\n    <div class=\"input-group vx-d-flex vx-mb-10\" *ngIf='question.hasTime'>\r\n        <span class=\"label vx-bg-grey vx-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\">\r\n            <span class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\"  [appTooltip]=\"'Time of birth'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question?.time?.title ? question?.time?.title :'Time' }}</span>\r\n        </span>\r\n        <div class=\"date-time-area\">\r\n            <input aria-label=\"12hr format\" [ngxTimepicker]=\"timeOnly\" readonly placeholder=\"Enter Time\" [(ngModel)]=\"question.time.value\" />\r\n            <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe955;</i>\r\n            <ngx-material-timepicker #timeOnly></ngx-material-timepicker>\r\n        </div>\r\n    </div>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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 .logic-date-time{display:block;max-width:37.5rem}::ng-deep .logic-date-time .input-group{border:1px solid #f1f1f1;border-radius:.25rem;position:relative}::ng-deep .logic-date-time .input-group .label{width:5.875rem}::ng-deep .logic-date-time .input-group .label .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}::ng-deep .logic-date-time .input-group .date-time-area{width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .logic-date-time .input-group .date-time-area input{background:transparent;border:none;border-radius:0;font-size:12px;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .logic-date-time .input-group .date-time-area input::-moz-placeholder{color:#747576;opacity:1}::ng-deep .logic-date-time .input-group .date-time-area input:-ms-input-placeholder{color:#747576;opacity:1}::ng-deep .logic-date-time .input-group .date-time-area input::placeholder{color:#747576;opacity:1}::ng-deep .logic-date-time .input-group .date-time-area input.datePicker{opacity:0}::ng-deep .logic-date-time .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .logic-date-time .input-group .date-time-area .overlay{z-index:2}::ng-deep dp-date-picker input.dp-picker-input{opacity:1;top:-54px;font-size:11px;color:#161b2f}::ng-deep dp-date-picker input.dp-picker-input::-moz-placeholder{color:#747576;opacity:1}::ng-deep dp-date-picker input.dp-picker-input:-ms-input-placeholder{color:#747576;opacity:1}::ng-deep dp-date-picker input.dp-picker-input::placeholder{color:#747576;opacity:1}"]
+                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 .logic-date-time{display:block;max-width:37.5rem}::ng-deep .logic-date-time .input-group{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}::ng-deep .logic-date-time .input-group .label{width:5.875rem}::ng-deep .logic-date-time .input-group .label .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}::ng-deep .logic-date-time .input-group .date-time-area{width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .logic-date-time .input-group .date-time-area input{background:transparent;border:none;border-radius:0;font-size:12px;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .logic-date-time .input-group .date-time-area input::placeholder{color:#747576;opacity:1}::ng-deep .logic-date-time .input-group .date-time-area input.datePicker{opacity:0}::ng-deep .logic-date-time .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .logic-date-time .input-group .date-time-area .overlay{z-index:2}::ng-deep dp-date-picker input.dp-picker-input{opacity:1;top:-54px;font-size:11px;color:#161b2f}::ng-deep dp-date-picker input.dp-picker-input::placeholder{color:#747576;opacity:1}\n"]
             },] }
 ];
 LogicDateTimeComponent.ctorParameters = () => [];

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

@@ -19,7 +19,7 @@ LogicDropdownComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-logic-dropdown',
                 template: "<div class=\"logic-dropdown\">\r\n    <app-cs-select [dataList]='question?.choices' [valueKey]=\"'title'\" [displayProperty]=\"'title'\" [selectedValue]=\"'Select an option'\" (selectedValueChange)=\"emitChange($event)\"></app-cs-select>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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 .logic-dropdown{width:37.5rem}::ng-deep .logic-dropdown app-cs-select .input-group .custom-select-box input{height:2.5rem!important}"]
+                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 .logic-dropdown{width:37.5rem}::ng-deep .logic-dropdown app-cs-select .input-group .custom-select-box input{height:2.5rem!important}\n"]
             },] }
 ];
 LogicDropdownComponent.ctorParameters = () => [];

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

@@ -8,7 +8,7 @@ LogicImageChoiceComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-logic-image-choice',
                 template: "<div class=\"logic-image-choice\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngFor=\"let data of [1, 1, 1]\">\r\n            <app-cs-radio>\r\n                <div class=\"image-box vx-mr-2 vx-mb-1\">\r\n                    <img src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/o/5e481a5d61ca5e14f5731049/survey/61ea303207da150009a97207/image-choice/Screenshot-20220121-at-9-34-07-AM1642737872051.png\" />\r\n                </div>\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Question name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Question name</div>\r\n            </app-cs-radio>\r\n        </li>\r\n    </ul>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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 .logic-image-choice ul{list-style-type:none}::ng-deep .logic-image-choice ul li{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:.25rem}::ng-deep .logic-image-choice ul li cs-radio{width:100%!important}::ng-deep .logic-image-choice ul li cs-radio .radio-item{width:100%!important}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value{width:100%}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .image-box{border:1px solid #f1f1f1;border-radius:.125rem;width:5rem;height:3rem}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .image-box img{border-radius:.125rem;width:100%;height:100%}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5.5rem)}"]
+                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 .logic-image-choice ul{list-style-type:none}::ng-deep .logic-image-choice ul li{background:#FBFBFB;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .logic-image-choice ul li cs-radio{width:100%!important}::ng-deep .logic-image-choice ul li cs-radio .radio-item{width:100%!important}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value{width:100%}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .image-box{border:1px solid #F1F1F1;border-radius:.125rem;width:5rem;height:3rem}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .image-box img{border-radius:.125rem;width:100%;height:100%}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5.5rem)}\n"]
             },] }
 ];
 LogicImageChoiceComponent.ctorParameters = () => [];

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

@@ -13,7 +13,7 @@ LogicMultipleChoiceComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-logic-multiple-choice',
                 template: "<div class=\"logic-multiple-choice\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\r\n            <app-cs-radio  (checkedEvent) = \"radioChecked($event,choice)\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{choice?.title}}</div>\r\n            </app-cs-radio>\r\n        </li>\r\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngIf='question?.hasOther'>\r\n            <app-cs-radio  (checkedEvent) = \"radioChecked($event,{title:'Other'})\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Other'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Other</div>\r\n            </app-cs-radio>\r\n        </li>\r\n    </ul>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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 .logic-multiple-choice ul{list-style-type:none}::ng-deep .logic-multiple-choice ul li{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:.25rem}::ng-deep .logic-multiple-choice ul li cs-radio{width:100%!important}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item{width:100%!important}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item .value{width:100%}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}"]
+                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 .logic-multiple-choice ul{list-style-type:none}::ng-deep .logic-multiple-choice ul li{background:#FBFBFB;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .logic-multiple-choice ul li cs-radio{width:100%!important}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item{width:100%!important}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item .value{width:100%}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}\n"]
             },] }
 ];
 LogicMultipleChoiceComponent.ctorParameters = () => [];

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

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

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

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

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

@@ -13,7 +13,7 @@ LogicSingleTextboxComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-logic-single-textbox',
                 template: "<div class=\"logic-single-textbox\">\r\n    <input type=\"text\"  [(ngModel)]=\"selectedValue\"\r\n    [placeholder]=\"'Please enter a response'\" (ngModelChange)=\"dataChanged()\"/>\r\n</div>",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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\");.logic-single-textbox input{border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}.logic-single-textbox input:focus,.logic-single-textbox input:hover{border:1px solid #1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}"]
+                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\";.logic-single-textbox input{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}.logic-single-textbox input:hover,.logic-single-textbox input:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}\n"]
             },] }
 ];
 LogicSingleTextboxComponent.ctorParameters = () => [];

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

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

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

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

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

@@ -81,7 +81,7 @@ MoveComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-move',
                 template: "<div class=\"move-area\">\r\n    <div class=\"move-heading vx-fs-13 vx-paragraph-txt vx-mb-4\">Move the question to</div>\r\n    <div class=\"vx-d-flex\">\r\n        <div *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\"  class=\"move-item vx-mr-3\">\r\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">SELECT PAGE</div>\r\n            <div class=\"select-box vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3\" appPopover (click)=\"pageAction.popover()\" placement=\"right\">\r\n                <span class=\"value vx-fs-13 vx-paragraph-txt\">{{currentPage}}</span>\r\n                <i class=\"icons vx-fs-10 vx-paragraph-txt\">&#xe9e8;</i>\r\n            </div>\r\n            <app-popover #pageAction>\r\n                <div class=\"move-popup\">\r\n                    <ul class=\"vx-p-0 vx-m-0\">\r\n                        <li *ngFor=\"let data of service?.allPages\">\r\n                            <button  (click)=\"onPageChange(data);changePage(data)\" class=\"vx-fs-13 vx-paragraph-txt vx-p-2 vx-pl-3 vx-m-0 vx-d-flex vx-align-center vx-w-100\">{{data}}</button>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"move-item vx-mr-3\">\r\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">SELECT POSITION</div>\r\n            <div class=\"select-box vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3\" appPopover (click)=\"positionAction.popover()\" placement=\"right\">\r\n                <span class=\"value vx-fs-13 vx-paragraph-txt\">{{position}}</span>\r\n                <i class=\"icons vx-fs-10 vx-paragraph-txt\">&#xe9e8;</i>\r\n            </div>\r\n            <app-popover #positionAction>\r\n                <div class=\"move-popup\">\r\n                    <ul class=\"vx-p-0 vx-m-0\">\r\n                        <li *ngFor =\"let position of positions\">\r\n                            <button (click)=\"changePosition(position)\" class=\"vx-fs-13 vx-paragraph-txt vx-p-2 vx-pl-3 vx-m-0 vx-d-flex vx-align-center vx-w-100\">{{position}}</button>\r\n                        </li>\r\n\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"move-item vx-mr-3\">\r\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">SELECT QUESTION</div>\r\n            <div class=\"select-box vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3\" appPopover (click)=\"questionAction.popover()\" placement=\"right\">\r\n                <span class=\"value vx-fs-13 vx-paragraph-txt\"> {{questionDetail?.title ? questionDetail?.title:'Select question'}}</span>\r\n                <i class=\"icons vx-fs-10 vx-paragraph-txt\">&#xe9e8;</i>\r\n            </div>\r\n            <app-popover #questionAction>\r\n                <div class=\"move-popup\">\r\n                    <ul class=\"vx-p-0 vx-m-0\">\r\n                        <li *ngFor=\"let data of (service.formsPage.elements  | questionPageFilter : currentPage)\">\r\n                            <button class=\"vx-p-2 vx-pl-3 vx-m-0 vx-d-flex vx-align-center vx-w-100\" (click)=\"setSelectedQuestion(data?.name)\">\r\n                                <span class=\"vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"data?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{data?.title}}</span>\r\n                            </button>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"move-item vx-mr-3\">\r\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-5\"></div>\r\n            <button class=\"move\" appRipple (click)=\"move()\">Move</button>\r\n        </div>\r\n        <p class=\"error-mgs\" *ngIf=\"emptyPage===true\">\r\n            Selected page doesn't contains any question.\r\n        </p>\r\n</div>\r\n</div>\r\n",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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\");.move-area .move-item{width:15rem}.move-area .move-item .select-box{border:1px solid #dbdbdb;border-radius:.25rem;height:2.25rem;cursor:pointer}.move-popup{background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:.25rem;width:15rem;-webkit-animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}.move-popup ul{list-style-type:none;max-height:10rem;overflow-y:auto}.move-popup ul li{border-bottom:1px solid #f1f1f1}.move-popup ul li:last-of-type,.move-popup ul li:only-child{border-bottom:none}.move-popup ul li button{background:transparent;border:none;border-radius:0;text-align:left}.move-popup ul li button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.move-popup ul li:hover{background:#f1f1f1}.error-mgs{font-size:12px;color:#d93b41;margin-top:5px!important}.move{height:36px;padding:0 25px;border-radius:4px;border:1px solid #1e5dd3;background:#1e5dd3;cursor:pointer;outline:none;color:#fff;font-weight:500;font-size:11px}"]
+                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\";.move-area .move-item{width:15rem}.move-area .move-item .select-box{border:1px solid #DBDBDB;border-radius:.25rem;height:2.25rem;cursor:pointer}.move-popup{background:#FFFFFF;box-shadow:0 3px 6px #1c5bd140;border-radius:.25rem;width:15rem;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}.move-popup ul{list-style-type:none;max-height:10rem;overflow-y:auto}.move-popup ul li{border-bottom:1px solid #F1F1F1}.move-popup ul li:only-child,.move-popup ul li:last-of-type{border-bottom:none}.move-popup ul li button{background:transparent;border:none;border-radius:0;text-align:left}.move-popup ul li button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.move-popup ul li:hover{background:#F1F1F1}.error-mgs{font-size:12px;color:#d93b41;margin-top:5px!important}.move{height:36px;padding:0 25px;border-radius:4px;border:1px solid #1e5dd3;background:#1e5dd3;cursor:pointer;outline:none;color:#fff;font-weight:500;font-size:11px}\n"]
             },] }
 ];
 MoveComponent.ctorParameters = () => [

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

@@ -10,7 +10,7 @@ PageHeaderComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-page-header',
                 template: "<div class=\"page-editor-header vx-mb-5 vx-p-4\">\r\n    <button (click)=\"edit.emit()\" class=\"edit-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-align-center vx-justify-center vx-lh-6\"><i class=\"icons vx-mr-2\">&#xe9ba;</i> EDIT</button>\r\n    <div *ngIf=\"pageName\" class=\"page-name vx-fs-14 vx-label-txt vx-mb-2\" [innerHTML]=\"pageName\" > sadsad</div>\r\n    <div *ngIf=\"pageDescription\" class=\"page-details vx-fs-12 vx-paragraph-txt\" [innerHTML]=\"pageDescription\">dsadasdsa</div>\r\n</div>\r\n\r\n",
-                styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/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 .page-editor-header{background:#f8f8f8;border-left:4px solid #4681ef;position:relative}::ng-deep .page-editor-header button.edit-btn{background:#fff;border:1px solid #f1f1f1;border-radius:.125rem;width:4rem;position:absolute;top:.5rem;right:.5rem}::ng-deep .page-editor-header .page-name{width:calc(100% - 4.5rem)}"]
+                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 .page-editor-header{background:#f8f8f8;border-left:4px solid #4681ef;position:relative}::ng-deep .page-editor-header button.edit-btn{background:#FFFFFF;border:1px solid #F1F1F1;border-radius:.125rem;width:4rem;position:absolute;top:.5rem;right:.5rem}::ng-deep .page-editor-header .page-name{width:calc(100% - 4.5rem)}\n"]
             },] }
 ];
 PageHeaderComponent.ctorParameters = () => [];

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

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