vcomply-workflow-engine 3.3.0 → 3.3.2

package/esm2020/lib/sharedComponents/assessment-preview/quick-settings/quick-settings.component.mjs

@@ -1,4 +1,7 @@
+import { CommonModule } from '@angular/common';
 import { Component, Input } from '@angular/core';
+import { TooltipModule } from '../../../ui-kit/tooltip/tooltip.module';
+import { PopoverModule } from '../../../ui-kit/popover/popover.module';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
@@ -6,15 +9,14 @@ import * as i3 from "../../../ui-kit/popover/popover.component";
 import * as i4 from "../../../ui-kit/popover/popover.directive";
 export class QuickSettingsComponent {
     constructor() { }
-    ngOnInit() {
-    }
+    ngOnInit() { }
 }
 QuickSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: QuickSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QuickSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: QuickSettingsComponent, selector: "app-quick-settings", inputs: { question: "question" }, ngImport: i0, template: "<div class=\"quick-settings\">\r\n    <ul class=\"more-options vx-p-0 vx-m-0\">\r\n        <li class=\"vx-pt-1 vx-pb-1\"  *ngIf='question.hasComments'>\r\n            <button class=\"options vx-fs-14 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"info?.showPopover\" appPopover (click)=\"info?.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!info?.showPopover\">&#xe932;</i>\r\n                <i class=\"icons\" *ngIf=\"info?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n\r\n            <app-popover  #info [dontCloseonClick]=\"false\">\r\n                <div class=\"block info vx-bg-white vx-p-3\">\r\n                    <div class=\"block-text vx-fs-13 vx-paragraph-txt\" [innerHTML]='question.comments'></div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n\r\n        <li class=\"vx-pt-1 vx-pb-1\" *ngIf='question.isRespondentAttachment'>\r\n            <button class=\"options vx-fs-16 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"attachment?.showPopover\" appPopover (click)=\"attachment.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!attachment?.showPopover\">&#xe977;</i>\r\n                <i class=\"icons\" *ngIf=\"attachment?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n\r\n            <app-popover #attachment [dontCloseonClick]=\"true\">\r\n                <div class=\"block attachment vx-bg-white\">\r\n                    <div *ngIf=\"false\" class=\"attached vx-pt-1 vx-pl-3 vx-pr-3\">\r\n                        <div class=\"file-box vx-d-flex vx-align-center vx-pb-2 vx-pt-2\" *ngFor=\"let data of [1, 1]\">\r\n                            <span class=\"file table pdf\">\r\n                                <i class=\"icons\">&#xe92e;</i>\r\n                                <span class=\"format\">pdf</span>\r\n                            </span>\r\n                            <div class=\"file-name vx-fs-12 vx-label-txt\" [appTooltip]=\"'payrollnew-vcomply-interns.pdf'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">payrollnew-vcomply-interns.pdf</div>\r\n                            <button class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe923;</i></button>\r\n                            <div class=\"line-progress\">\r\n                                <div class=\"line-progress-bar\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"attach-btn vx-d-flex vx-align-center vx-justify-center vx-p-2\">\r\n                        <input type=\"file\">\r\n                        <i class=\"icons vx-fs-18 vx-pt-2 vx-mb-1\">&#xe977;</i>\r\n                        <span class=\"vx-txt-blue vx-fs-12 vx-tt-uppercase\">Attach Files</span>\r\n                    </div>\r\n                    <div *ngIf=\"false\" class=\"bottom vx-p-2 vx-justify-center vx-d-flex vx-align-center\">\r\n                        <button class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n                    </div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n\r\n        <li class=\"vx-pt-1 vx-pb-1\"  *ngIf='question.isRespondentComment'>\r\n            <button class=\"options vx-fs-14 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"comment?.showPopover\" appPopover (click)=\"comment.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!comment?.showPopover\">&#xe9a6;</i>\r\n                <i class=\"icons\" *ngIf=\"comment?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n            \r\n            <app-popover #comment [dontCloseonClick]=\"true\">\r\n                <div class=\"block comment vx-p-0 vx-bg-white \">\r\n                    <div class=\"text-area\">\r\n                        <textarea class=\"vx-fs-13 vx-paragraph-txt vx-lh-5 vx-p-2 vx-m-0\" placeholder=\"Type here...\"></textarea>\r\n                    </div>\r\n                    <div *ngIf=\"true\" class=\"bottom vx-p-2 vx-justify-center vx-d-flex vx-align-center\">\r\n                        <button class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n                    </div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n    </ul>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";.quick-settings ul.more-options li{position:relative;list-style:none}.quick-settings ul.more-options li button.options{border-radius:50%;border:1px solid #F1F1F1}.quick-settings ul.more-options li button.options span.status{border-radius:50%;height:.5rem;width:.5rem;position:absolute;right:.125rem;top:.5rem}.quick-settings ul.more-options li button.options.close{border:1px solid #4681ef;background:#4681ef;color:#fff}::ng-deep app-popover .block{border-radius:.125rem;box-shadow:0 0 10px #1e5dd31a;max-height:10rem;overflow:auto}::ng-deep app-popover .block::-webkit-scrollbar-track{background-color:#fff}::ng-deep app-popover .block.info{width:17rem}::ng-deep app-popover .block.attachment{min-width:12.25rem;max-width:17rem}::ng-deep app-popover .block.attachment .attached .file-box{border-bottom:1px solid #F1F1F1;position:relative}::ng-deep app-popover .block.attachment .attached .file-box .file-name{min-width:11.375rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep app-popover .block.attachment .attached .file-box button.delete-btn{background:transparent;border-radius:0;border:none}::ng-deep app-popover .block.attachment .attached .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:80%}::ng-deep app-popover .block.attachment .attach-btn{flex-direction:column;position:relative}::ng-deep app-popover .block.attachment .attach-btn input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer}::ng-deep app-popover .block.attachment .attach-btn i{color:#dbdbdb}::ng-deep app-popover .block.comment{width:17rem}::ng-deep app-popover .block.comment textarea{border:none;outline:none;width:100%;resize:none}::ng-deep app-popover .block .bottom{border-top:1px solid #F1F1F1}::ng-deep app-popover .block .bottom button.save-btn{background:#1e5dd3;border-radius:.125rem;border:none;height:1.5rem;width:4rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i4.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }] });
+QuickSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: QuickSettingsComponent, isStandalone: true, selector: "app-quick-settings", inputs: { question: "question" }, ngImport: i0, template: "<div class=\"quick-settings\">\r\n    <ul class=\"more-options vx-p-0 vx-m-0\">\r\n        <li class=\"vx-pt-1 vx-pb-1\"  *ngIf='question.hasComments'>\r\n            <button class=\"options vx-fs-14 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"info?.showPopover\" appPopover (click)=\"info?.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!info?.showPopover\">&#xe932;</i>\r\n                <i class=\"icons\" *ngIf=\"info?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n\r\n            <app-popover  #info [dontCloseonClick]=\"false\">\r\n                <div class=\"block info vx-bg-white vx-p-3\">\r\n                    <div class=\"block-text vx-fs-13 vx-paragraph-txt\" [innerHTML]='question.comments'></div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n\r\n        <li class=\"vx-pt-1 vx-pb-1\" *ngIf='question.isRespondentAttachment'>\r\n            <button class=\"options vx-fs-16 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"attachment?.showPopover\" appPopover (click)=\"attachment.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!attachment?.showPopover\">&#xe977;</i>\r\n                <i class=\"icons\" *ngIf=\"attachment?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n\r\n            <app-popover #attachment [dontCloseonClick]=\"true\">\r\n                <div class=\"block attachment vx-bg-white\">\r\n                    <div *ngIf=\"false\" class=\"attached vx-pt-1 vx-pl-3 vx-pr-3\">\r\n                        <div class=\"file-box vx-d-flex vx-align-center vx-pb-2 vx-pt-2\" *ngFor=\"let data of [1, 1]\">\r\n                            <span class=\"file table pdf\">\r\n                                <i class=\"icons\">&#xe92e;</i>\r\n                                <span class=\"format\">pdf</span>\r\n                            </span>\r\n                            <div class=\"file-name vx-fs-12 vx-label-txt\" [appTooltip]=\"'payrollnew-vcomply-interns.pdf'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">payrollnew-vcomply-interns.pdf</div>\r\n                            <button class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe923;</i></button>\r\n                            <div class=\"line-progress\">\r\n                                <div class=\"line-progress-bar\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"attach-btn vx-d-flex vx-align-center vx-justify-center vx-p-2\">\r\n                        <input type=\"file\">\r\n                        <i class=\"icons vx-fs-18 vx-pt-2 vx-mb-1\">&#xe977;</i>\r\n                        <span class=\"vx-txt-blue vx-fs-12 vx-tt-uppercase\">Attach Files</span>\r\n                    </div>\r\n                    <div *ngIf=\"false\" class=\"bottom vx-p-2 vx-justify-center vx-d-flex vx-align-center\">\r\n                        <button class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n                    </div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n\r\n        <li class=\"vx-pt-1 vx-pb-1\"  *ngIf='question.isRespondentComment'>\r\n            <button class=\"options vx-fs-14 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"comment?.showPopover\" appPopover (click)=\"comment.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!comment?.showPopover\">&#xe9a6;</i>\r\n                <i class=\"icons\" *ngIf=\"comment?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n            \r\n            <app-popover #comment [dontCloseonClick]=\"true\">\r\n                <div class=\"block comment vx-p-0 vx-bg-white \">\r\n                    <div class=\"text-area\">\r\n                        <textarea class=\"vx-fs-13 vx-paragraph-txt vx-lh-5 vx-p-2 vx-m-0\" placeholder=\"Type here...\"></textarea>\r\n                    </div>\r\n                    <div *ngIf=\"true\" class=\"bottom vx-p-2 vx-justify-center vx-d-flex vx-align-center\">\r\n                        <button class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n                    </div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n    </ul>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";.quick-settings ul.more-options li{position:relative;list-style:none}.quick-settings ul.more-options li button.options{border-radius:50%;border:1px solid #F1F1F1}.quick-settings ul.more-options li button.options span.status{border-radius:50%;height:.5rem;width:.5rem;position:absolute;right:.125rem;top:.5rem}.quick-settings ul.more-options li button.options.close{border:1px solid #4681ef;background:#4681ef;color:#fff}::ng-deep app-popover .block{border-radius:.125rem;box-shadow:0 0 10px #1e5dd31a;max-height:10rem;overflow:auto}::ng-deep app-popover .block::-webkit-scrollbar-track{background-color:#fff}::ng-deep app-popover .block.info{width:17rem}::ng-deep app-popover .block.attachment{min-width:12.25rem;max-width:17rem}::ng-deep app-popover .block.attachment .attached .file-box{border-bottom:1px solid #F1F1F1;position:relative}::ng-deep app-popover .block.attachment .attached .file-box .file-name{min-width:11.375rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep app-popover .block.attachment .attached .file-box button.delete-btn{background:transparent;border-radius:0;border:none}::ng-deep app-popover .block.attachment .attached .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:80%}::ng-deep app-popover .block.attachment .attach-btn{flex-direction:column;position:relative}::ng-deep app-popover .block.attachment .attach-btn input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer}::ng-deep app-popover .block.attachment .attach-btn i{color:#dbdbdb}::ng-deep app-popover .block.comment{width:17rem}::ng-deep app-popover .block.comment textarea{border:none;outline:none;width:100%;resize:none}::ng-deep app-popover .block .bottom{border-top:1px solid #F1F1F1}::ng-deep app-popover .block .bottom button.save-btn{background:#1e5dd3;border-radius:.125rem;border:none;height:1.5rem;width:4rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i3.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i4.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: QuickSettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-quick-settings', template: "<div class=\"quick-settings\">\r\n    <ul class=\"more-options vx-p-0 vx-m-0\">\r\n        <li class=\"vx-pt-1 vx-pb-1\"  *ngIf='question.hasComments'>\r\n            <button class=\"options vx-fs-14 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"info?.showPopover\" appPopover (click)=\"info?.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!info?.showPopover\">&#xe932;</i>\r\n                <i class=\"icons\" *ngIf=\"info?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n\r\n            <app-popover  #info [dontCloseonClick]=\"false\">\r\n                <div class=\"block info vx-bg-white vx-p-3\">\r\n                    <div class=\"block-text vx-fs-13 vx-paragraph-txt\" [innerHTML]='question.comments'></div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n\r\n        <li class=\"vx-pt-1 vx-pb-1\" *ngIf='question.isRespondentAttachment'>\r\n            <button class=\"options vx-fs-16 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"attachment?.showPopover\" appPopover (click)=\"attachment.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!attachment?.showPopover\">&#xe977;</i>\r\n                <i class=\"icons\" *ngIf=\"attachment?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n\r\n            <app-popover #attachment [dontCloseonClick]=\"true\">\r\n                <div class=\"block attachment vx-bg-white\">\r\n                    <div *ngIf=\"false\" class=\"attached vx-pt-1 vx-pl-3 vx-pr-3\">\r\n                        <div class=\"file-box vx-d-flex vx-align-center vx-pb-2 vx-pt-2\" *ngFor=\"let data of [1, 1]\">\r\n                            <span class=\"file table pdf\">\r\n                                <i class=\"icons\">&#xe92e;</i>\r\n                                <span class=\"format\">pdf</span>\r\n                            </span>\r\n                            <div class=\"file-name vx-fs-12 vx-label-txt\" [appTooltip]=\"'payrollnew-vcomply-interns.pdf'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">payrollnew-vcomply-interns.pdf</div>\r\n                            <button class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe923;</i></button>\r\n                            <div class=\"line-progress\">\r\n                                <div class=\"line-progress-bar\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"attach-btn vx-d-flex vx-align-center vx-justify-center vx-p-2\">\r\n                        <input type=\"file\">\r\n                        <i class=\"icons vx-fs-18 vx-pt-2 vx-mb-1\">&#xe977;</i>\r\n                        <span class=\"vx-txt-blue vx-fs-12 vx-tt-uppercase\">Attach Files</span>\r\n                    </div>\r\n                    <div *ngIf=\"false\" class=\"bottom vx-p-2 vx-justify-center vx-d-flex vx-align-center\">\r\n                        <button class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n                    </div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n\r\n        <li class=\"vx-pt-1 vx-pb-1\"  *ngIf='question.isRespondentComment'>\r\n            <button class=\"options vx-fs-14 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"comment?.showPopover\" appPopover (click)=\"comment.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!comment?.showPopover\">&#xe9a6;</i>\r\n                <i class=\"icons\" *ngIf=\"comment?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n            \r\n            <app-popover #comment [dontCloseonClick]=\"true\">\r\n                <div class=\"block comment vx-p-0 vx-bg-white \">\r\n                    <div class=\"text-area\">\r\n                        <textarea class=\"vx-fs-13 vx-paragraph-txt vx-lh-5 vx-p-2 vx-m-0\" placeholder=\"Type here...\"></textarea>\r\n                    </div>\r\n                    <div *ngIf=\"true\" class=\"bottom vx-p-2 vx-justify-center vx-d-flex vx-align-center\">\r\n                        <button class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n                    </div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n    </ul>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";.quick-settings ul.more-options li{position:relative;list-style:none}.quick-settings ul.more-options li button.options{border-radius:50%;border:1px solid #F1F1F1}.quick-settings ul.more-options li button.options span.status{border-radius:50%;height:.5rem;width:.5rem;position:absolute;right:.125rem;top:.5rem}.quick-settings ul.more-options li button.options.close{border:1px solid #4681ef;background:#4681ef;color:#fff}::ng-deep app-popover .block{border-radius:.125rem;box-shadow:0 0 10px #1e5dd31a;max-height:10rem;overflow:auto}::ng-deep app-popover .block::-webkit-scrollbar-track{background-color:#fff}::ng-deep app-popover .block.info{width:17rem}::ng-deep app-popover .block.attachment{min-width:12.25rem;max-width:17rem}::ng-deep app-popover .block.attachment .attached .file-box{border-bottom:1px solid #F1F1F1;position:relative}::ng-deep app-popover .block.attachment .attached .file-box .file-name{min-width:11.375rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep app-popover .block.attachment .attached .file-box button.delete-btn{background:transparent;border-radius:0;border:none}::ng-deep app-popover .block.attachment .attached .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:80%}::ng-deep app-popover .block.attachment .attach-btn{flex-direction:column;position:relative}::ng-deep app-popover .block.attachment .attach-btn input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer}::ng-deep app-popover .block.attachment .attach-btn i{color:#dbdbdb}::ng-deep app-popover .block.comment{width:17rem}::ng-deep app-popover .block.comment textarea{border:none;outline:none;width:100%;resize:none}::ng-deep app-popover .block .bottom{border-top:1px solid #F1F1F1}::ng-deep app-popover .block .bottom button.save-btn{background:#1e5dd3;border-radius:.125rem;border:none;height:1.5rem;width:4rem}\n"] }]
+            args: [{ selector: 'app-quick-settings', imports: [CommonModule, TooltipModule, PopoverModule], standalone: true, template: "<div class=\"quick-settings\">\r\n    <ul class=\"more-options vx-p-0 vx-m-0\">\r\n        <li class=\"vx-pt-1 vx-pb-1\"  *ngIf='question.hasComments'>\r\n            <button class=\"options vx-fs-14 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"info?.showPopover\" appPopover (click)=\"info?.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!info?.showPopover\">&#xe932;</i>\r\n                <i class=\"icons\" *ngIf=\"info?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n\r\n            <app-popover  #info [dontCloseonClick]=\"false\">\r\n                <div class=\"block info vx-bg-white vx-p-3\">\r\n                    <div class=\"block-text vx-fs-13 vx-paragraph-txt\" [innerHTML]='question.comments'></div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n\r\n        <li class=\"vx-pt-1 vx-pb-1\" *ngIf='question.isRespondentAttachment'>\r\n            <button class=\"options vx-fs-16 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"attachment?.showPopover\" appPopover (click)=\"attachment.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!attachment?.showPopover\">&#xe977;</i>\r\n                <i class=\"icons\" *ngIf=\"attachment?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n\r\n            <app-popover #attachment [dontCloseonClick]=\"true\">\r\n                <div class=\"block attachment vx-bg-white\">\r\n                    <div *ngIf=\"false\" class=\"attached vx-pt-1 vx-pl-3 vx-pr-3\">\r\n                        <div class=\"file-box vx-d-flex vx-align-center vx-pb-2 vx-pt-2\" *ngFor=\"let data of [1, 1]\">\r\n                            <span class=\"file table pdf\">\r\n                                <i class=\"icons\">&#xe92e;</i>\r\n                                <span class=\"format\">pdf</span>\r\n                            </span>\r\n                            <div class=\"file-name vx-fs-12 vx-label-txt\" [appTooltip]=\"'payrollnew-vcomply-interns.pdf'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">payrollnew-vcomply-interns.pdf</div>\r\n                            <button class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-ml-2 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe923;</i></button>\r\n                            <div class=\"line-progress\">\r\n                                <div class=\"line-progress-bar\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"attach-btn vx-d-flex vx-align-center vx-justify-center vx-p-2\">\r\n                        <input type=\"file\">\r\n                        <i class=\"icons vx-fs-18 vx-pt-2 vx-mb-1\">&#xe977;</i>\r\n                        <span class=\"vx-txt-blue vx-fs-12 vx-tt-uppercase\">Attach Files</span>\r\n                    </div>\r\n                    <div *ngIf=\"false\" class=\"bottom vx-p-2 vx-justify-center vx-d-flex vx-align-center\">\r\n                        <button class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n                    </div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n\r\n        <li class=\"vx-pt-1 vx-pb-1\"  *ngIf='question.isRespondentComment'>\r\n            <button class=\"options vx-fs-14 vx-d-flex vx-align-center vx-justify-center vx-bg-grey vx-label-txt vx-p-2\" [class.close]=\"comment?.showPopover\" appPopover (click)=\"comment.popover()\" placement=\"right\">\r\n                <span class=\"status vx-bg-blue\"></span>\r\n                <i class=\"icons\" *ngIf=\"!comment?.showPopover\">&#xe9a6;</i>\r\n                <i class=\"icons\" *ngIf=\"comment?.showPopover\">&#xe9ae;</i>\r\n            </button>\r\n            \r\n            <app-popover #comment [dontCloseonClick]=\"true\">\r\n                <div class=\"block comment vx-p-0 vx-bg-white \">\r\n                    <div class=\"text-area\">\r\n                        <textarea class=\"vx-fs-13 vx-paragraph-txt vx-lh-5 vx-p-2 vx-m-0\" placeholder=\"Type here...\"></textarea>\r\n                    </div>\r\n                    <div *ngIf=\"true\" class=\"bottom vx-p-2 vx-justify-center vx-d-flex vx-align-center\">\r\n                        <button class=\"save-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">SAVE</button>\r\n                    </div>\r\n                </div>\r\n            </app-popover>\r\n        </li>\r\n    </ul>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";.quick-settings ul.more-options li{position:relative;list-style:none}.quick-settings ul.more-options li button.options{border-radius:50%;border:1px solid #F1F1F1}.quick-settings ul.more-options li button.options span.status{border-radius:50%;height:.5rem;width:.5rem;position:absolute;right:.125rem;top:.5rem}.quick-settings ul.more-options li button.options.close{border:1px solid #4681ef;background:#4681ef;color:#fff}::ng-deep app-popover .block{border-radius:.125rem;box-shadow:0 0 10px #1e5dd31a;max-height:10rem;overflow:auto}::ng-deep app-popover .block::-webkit-scrollbar-track{background-color:#fff}::ng-deep app-popover .block.info{width:17rem}::ng-deep app-popover .block.attachment{min-width:12.25rem;max-width:17rem}::ng-deep app-popover .block.attachment .attached .file-box{border-bottom:1px solid #F1F1F1;position:relative}::ng-deep app-popover .block.attachment .attached .file-box .file-name{min-width:11.375rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep app-popover .block.attachment .attached .file-box button.delete-btn{background:transparent;border-radius:0;border:none}::ng-deep app-popover .block.attachment .attached .file-box .line-progress{left:1.625rem;top:auto;bottom:.5rem;width:80%}::ng-deep app-popover .block.attachment .attach-btn{flex-direction:column;position:relative}::ng-deep app-popover .block.attachment .attach-btn input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer}::ng-deep app-popover .block.attachment .attach-btn i{color:#dbdbdb}::ng-deep app-popover .block.comment{width:17rem}::ng-deep app-popover .block.comment textarea{border:none;outline:none;width:100%;resize:none}::ng-deep app-popover .block .bottom{border-top:1px solid #F1F1F1}::ng-deep app-popover .block .bottom button.save-btn{background:#1e5dd3;border-radius:.125rem;border:none;height:1.5rem;width:4rem}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { question: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVpY2stc2V0dGluZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcXVpY2stc2V0dGluZ3MvcXVpY2stc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcXVpY2stc2V0dGluZ3MvcXVpY2stc2V0dGluZ3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQU96RCxNQUFNLE9BQU8sc0JBQXNCO0lBRWpDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzttSEFMVSxzQkFBc0I7dUdBQXRCLHNCQUFzQiw0RkNQbkMsdXdKQXNFQTsyRkQvRGEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLG9CQUFvQjswRUFLckIsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtcXVpY2stc2V0dGluZ3MnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9xdWljay1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcXVpY2stc2V0dGluZ3MuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUXVpY2tTZXR0aW5nc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgcXVlc3Rpb24gITphbnk7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicXVpY2stc2V0dGluZ3NcIj5cclxuICAgIDx1bCBjbGFzcz1cIm1vcmUtb3B0aW9ucyB2eC1wLTAgdngtbS0wXCI+XHJcbiAgICAgICAgPGxpIGNsYXNzPVwidngtcHQtMSB2eC1wYi0xXCIgICpuZ0lmPSdxdWVzdGlvbi5oYXNDb21tZW50cyc+XHJcbiAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJvcHRpb25zIHZ4LWZzLTE0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtYmctZ3JleSB2eC1sYWJlbC10eHQgdngtcC0yXCIgW2NsYXNzLmNsb3NlXT1cImluZm8/LnNob3dQb3BvdmVyXCIgYXBwUG9wb3ZlciAoY2xpY2spPVwiaW5mbz8ucG9wb3ZlcigpXCIgcGxhY2VtZW50PVwicmlnaHRcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3RhdHVzIHZ4LWJnLWJsdWVcIj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCIgKm5nSWY9XCIhaW5mbz8uc2hvd1BvcG92ZXJcIj4mI3hlOTMyOzwvaT5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIiAqbmdJZj1cImluZm8/LnNob3dQb3BvdmVyXCI+JiN4ZTlhZTs8L2k+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG5cclxuICAgICAgICAgICAgPGFwcC1wb3BvdmVyICAjaW5mbyBbZG9udENsb3Nlb25DbGlja109XCJmYWxzZVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJsb2NrIGluZm8gdngtYmctd2hpdGUgdngtcC0zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJsb2NrLXRleHQgdngtZnMtMTMgdngtcGFyYWdyYXBoLXR4dFwiIFtpbm5lckhUTUxdPSdxdWVzdGlvbi5jb21tZW50cyc+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9hcHAtcG9wb3Zlcj5cclxuICAgICAgICA8L2xpPlxyXG5cclxuICAgICAgICA8bGkgY2xhc3M9XCJ2eC1wdC0xIHZ4LXBiLTFcIiAqbmdJZj0ncXVlc3Rpb24uaXNSZXNwb25kZW50QXR0YWNobWVudCc+XHJcbiAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJvcHRpb25zIHZ4LWZzLTE2IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtYmctZ3JleSB2eC1sYWJlbC10eHQgdngtcC0yXCIgW2NsYXNzLmNsb3NlXT1cImF0dGFjaG1lbnQ/LnNob3dQb3BvdmVyXCIgYXBwUG9wb3ZlciAoY2xpY2spPVwiYXR0YWNobWVudC5wb3BvdmVyKClcIiBwbGFjZW1lbnQ9XCJyaWdodFwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdGF0dXMgdngtYmctYmx1ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIiAqbmdJZj1cIiFhdHRhY2htZW50Py5zaG93UG9wb3ZlclwiPiYjeGU5Nzc7PC9pPlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiICpuZ0lmPVwiYXR0YWNobWVudD8uc2hvd1BvcG92ZXJcIj4mI3hlOWFlOzwvaT5cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcblxyXG4gICAgICAgICAgICA8YXBwLXBvcG92ZXIgI2F0dGFjaG1lbnQgW2RvbnRDbG9zZW9uQ2xpY2tdPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJsb2NrIGF0dGFjaG1lbnQgdngtYmctd2hpdGVcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiZmFsc2VcIiBjbGFzcz1cImF0dGFjaGVkIHZ4LXB0LTEgdngtcGwtMyB2eC1wci0zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWxlLWJveCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LXBiLTIgdngtcHQtMlwiICpuZ0Zvcj1cImxldCBkYXRhIG9mIFsxLCAxXVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWxlIHRhYmxlIHBkZlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTJlOzwvaT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZvcm1hdFwiPnBkZjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWxlLW5hbWUgdngtZnMtMTIgdngtbGFiZWwtdHh0XCIgW2FwcFRvb2x0aXBdPVwiJ3BheXJvbGxuZXctdmNvbXBseS1pbnRlcm5zLnBkZidcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCI+cGF5cm9sbG5ldy12Y29tcGx5LWludGVybnMucGRmPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZGVsZXRlLWJ0biB2eC1mcy0xNCB2eC10eHQtcmVkIHZ4LXAtMCB2eC1tLTAgdngtbWwtMiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCI+PGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5MjM7PC9pPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpbmUtcHJvZ3Jlc3NcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGluZS1wcm9ncmVzcy1iYXJcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXR0YWNoLWJ0biB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyIHZ4LXAtMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cImZpbGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xOCB2eC1wdC0yIHZ4LW1iLTFcIj4mI3hlOTc3OzwvaT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC10eHQtYmx1ZSB2eC1mcy0xMiB2eC10dC11cHBlcmNhc2VcIj5BdHRhY2ggRmlsZXM8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImZhbHNlXCIgY2xhc3M9XCJib3R0b20gdngtcC0yIHZ4LWp1c3RpZnktY2VudGVyIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInNhdmUtYnRuIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC10eHQtd2hpdGUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMCB2eC1tLTAgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiPlNBVkU8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2FwcC1wb3BvdmVyPlxyXG4gICAgICAgIDwvbGk+XHJcblxyXG4gICAgICAgIDxsaSBjbGFzcz1cInZ4LXB0LTEgdngtcGItMVwiICAqbmdJZj0ncXVlc3Rpb24uaXNSZXNwb25kZW50Q29tbWVudCc+XHJcbiAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJvcHRpb25zIHZ4LWZzLTE0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtYmctZ3JleSB2eC1sYWJlbC10eHQgdngtcC0yXCIgW2NsYXNzLmNsb3NlXT1cImNvbW1lbnQ/LnNob3dQb3BvdmVyXCIgYXBwUG9wb3ZlciAoY2xpY2spPVwiY29tbWVudC5wb3BvdmVyKClcIiBwbGFjZW1lbnQ9XCJyaWdodFwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdGF0dXMgdngtYmctYmx1ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIiAqbmdJZj1cIiFjb21tZW50Py5zaG93UG9wb3ZlclwiPiYjeGU5YTY7PC9pPlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiICpuZ0lmPVwiY29tbWVudD8uc2hvd1BvcG92ZXJcIj4mI3hlOWFlOzwvaT5cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgIFxyXG4gICAgICAgICAgICA8YXBwLXBvcG92ZXIgI2NvbW1lbnQgW2RvbnRDbG9zZW9uQ2xpY2tdPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJsb2NrIGNvbW1lbnQgdngtcC0wIHZ4LWJnLXdoaXRlIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWFyZWFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHRleHRhcmVhIGNsYXNzPVwidngtZnMtMTMgdngtcGFyYWdyYXBoLXR4dCB2eC1saC01IHZ4LXAtMiB2eC1tLTBcIiBwbGFjZWhvbGRlcj1cIlR5cGUgaGVyZS4uLlwiPjwvdGV4dGFyZWE+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cInRydWVcIiBjbGFzcz1cImJvdHRvbSB2eC1wLTIgdngtanVzdGlmeS1jZW50ZXIgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwic2F2ZS1idG4gdngtZnMtMTEgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC10dC11cHBlcmNhc2UgdngtcC0wIHZ4LW0tMCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCI+U0FWRTwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvYXBwLXBvcG92ZXI+XHJcbiAgICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVpY2stc2V0dGluZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcXVpY2stc2V0dGluZ3MvcXVpY2stc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvcXVpY2stc2V0dGluZ3MvcXVpY2stc2V0dGluZ3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7Ozs7OztBQVN2RSxNQUFNLE9BQU8sc0JBQXNCO0lBRWpDLGdCQUFlLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7O21IQUpSLHNCQUFzQjt1R0FBdEIsc0JBQXNCLGdIQ1puQyx1d0pBc0VBLHVwR0Q3RFksWUFBWSwrUEFBRSxhQUFhLHFNQUFFLGFBQWE7MkZBR3pDLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxvQkFBb0IsV0FHckIsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGFBQWEsQ0FBQyxjQUN6QyxJQUFJOzBFQUdQLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL3VpLWtpdC90b29sdGlwL3Rvb2x0aXAubW9kdWxlJztcclxuaW1wb3J0IHsgUG9wb3Zlck1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL3VpLWtpdC9wb3BvdmVyL3BvcG92ZXIubW9kdWxlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXF1aWNrLXNldHRpbmdzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcXVpY2stc2V0dGluZ3MuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3F1aWNrLXNldHRpbmdzLmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVG9vbHRpcE1vZHVsZSwgUG9wb3Zlck1vZHVsZV0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFF1aWNrU2V0dGluZ3NDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uITogYW55O1xyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJxdWljay1zZXR0aW5nc1wiPlxyXG4gICAgPHVsIGNsYXNzPVwibW9yZS1vcHRpb25zIHZ4LXAtMCB2eC1tLTBcIj5cclxuICAgICAgICA8bGkgY2xhc3M9XCJ2eC1wdC0xIHZ4LXBiLTFcIiAgKm5nSWY9J3F1ZXN0aW9uLmhhc0NvbW1lbnRzJz5cclxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIm9wdGlvbnMgdngtZnMtMTQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1iZy1ncmV5IHZ4LWxhYmVsLXR4dCB2eC1wLTJcIiBbY2xhc3MuY2xvc2VdPVwiaW5mbz8uc2hvd1BvcG92ZXJcIiBhcHBQb3BvdmVyIChjbGljayk9XCJpbmZvPy5wb3BvdmVyKClcIiBwbGFjZW1lbnQ9XCJyaWdodFwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdGF0dXMgdngtYmctYmx1ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIiAqbmdJZj1cIiFpbmZvPy5zaG93UG9wb3ZlclwiPiYjeGU5MzI7PC9pPlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiICpuZ0lmPVwiaW5mbz8uc2hvd1BvcG92ZXJcIj4mI3hlOWFlOzwvaT5cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcblxyXG4gICAgICAgICAgICA8YXBwLXBvcG92ZXIgICNpbmZvIFtkb250Q2xvc2VvbkNsaWNrXT1cImZhbHNlXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmxvY2sgaW5mbyB2eC1iZy13aGl0ZSB2eC1wLTNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmxvY2stdGV4dCB2eC1mcy0xMyB2eC1wYXJhZ3JhcGgtdHh0XCIgW2lubmVySFRNTF09J3F1ZXN0aW9uLmNvbW1lbnRzJz48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2FwcC1wb3BvdmVyPlxyXG4gICAgICAgIDwvbGk+XHJcblxyXG4gICAgICAgIDxsaSBjbGFzcz1cInZ4LXB0LTEgdngtcGItMVwiICpuZ0lmPSdxdWVzdGlvbi5pc1Jlc3BvbmRlbnRBdHRhY2htZW50Jz5cclxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIm9wdGlvbnMgdngtZnMtMTYgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1iZy1ncmV5IHZ4LWxhYmVsLXR4dCB2eC1wLTJcIiBbY2xhc3MuY2xvc2VdPVwiYXR0YWNobWVudD8uc2hvd1BvcG92ZXJcIiBhcHBQb3BvdmVyIChjbGljayk9XCJhdHRhY2htZW50LnBvcG92ZXIoKVwiIHBsYWNlbWVudD1cInJpZ2h0XCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN0YXR1cyB2eC1iZy1ibHVlXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiICpuZ0lmPVwiIWF0dGFjaG1lbnQ/LnNob3dQb3BvdmVyXCI+JiN4ZTk3Nzs8L2k+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCIgKm5nSWY9XCJhdHRhY2htZW50Py5zaG93UG9wb3ZlclwiPiYjeGU5YWU7PC9pPlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuXHJcbiAgICAgICAgICAgIDxhcHAtcG9wb3ZlciAjYXR0YWNobWVudCBbZG9udENsb3Nlb25DbGlja109XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmxvY2sgYXR0YWNobWVudCB2eC1iZy13aGl0ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJmYWxzZVwiIGNsYXNzPVwiYXR0YWNoZWQgdngtcHQtMSB2eC1wbC0zIHZ4LXByLTNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbGUtYm94IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtcGItMiB2eC1wdC0yXCIgKm5nRm9yPVwibGV0IGRhdGEgb2YgWzEsIDFdXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpbGUgdGFibGUgcGRmXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5MmU7PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZm9ybWF0XCI+cGRmPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbGUtbmFtZSB2eC1mcy0xMiB2eC1sYWJlbC10eHRcIiBbYXBwVG9vbHRpcF09XCIncGF5cm9sbG5ldy12Y29tcGx5LWludGVybnMucGRmJ1wiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIj5wYXlyb2xsbmV3LXZjb21wbHktaW50ZXJucy5wZGY8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJkZWxldGUtYnRuIHZ4LWZzLTE0IHZ4LXR4dC1yZWQgdngtcC0wIHZ4LW0tMCB2eC1tbC0yIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIj48aSBjbGFzcz1cImljb25zXCI+JiN4ZTkyMzs8L2k+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGluZS1wcm9ncmVzc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsaW5lLXByb2dyZXNzLWJhclwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhdHRhY2gtYnRuIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtcC0yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiZmlsZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTE4IHZ4LXB0LTIgdngtbWItMVwiPiYjeGU5Nzc7PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZ4LXR4dC1ibHVlIHZ4LWZzLTEyIHZ4LXR0LXVwcGVyY2FzZVwiPkF0dGFjaCBGaWxlczwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiZmFsc2VcIiBjbGFzcz1cImJvdHRvbSB2eC1wLTIgdngtanVzdGlmeS1jZW50ZXIgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwic2F2ZS1idG4gdngtZnMtMTEgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC10dC11cHBlcmNhc2UgdngtcC0wIHZ4LW0tMCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCI+U0FWRTwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvYXBwLXBvcG92ZXI+XHJcbiAgICAgICAgPC9saT5cclxuXHJcbiAgICAgICAgPGxpIGNsYXNzPVwidngtcHQtMSB2eC1wYi0xXCIgICpuZ0lmPSdxdWVzdGlvbi5pc1Jlc3BvbmRlbnRDb21tZW50Jz5cclxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIm9wdGlvbnMgdngtZnMtMTQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1iZy1ncmV5IHZ4LWxhYmVsLXR4dCB2eC1wLTJcIiBbY2xhc3MuY2xvc2VdPVwiY29tbWVudD8uc2hvd1BvcG92ZXJcIiBhcHBQb3BvdmVyIChjbGljayk9XCJjb21tZW50LnBvcG92ZXIoKVwiIHBsYWNlbWVudD1cInJpZ2h0XCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN0YXR1cyB2eC1iZy1ibHVlXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiICpuZ0lmPVwiIWNvbW1lbnQ/LnNob3dQb3BvdmVyXCI+JiN4ZTlhNjs8L2k+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCIgKm5nSWY9XCJjb21tZW50Py5zaG93UG9wb3ZlclwiPiYjeGU5YWU7PC9pPlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgXHJcbiAgICAgICAgICAgIDxhcHAtcG9wb3ZlciAjY29tbWVudCBbZG9udENsb3Nlb25DbGlja109XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmxvY2sgY29tbWVudCB2eC1wLTAgdngtYmctd2hpdGUgXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtYXJlYVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGV4dGFyZWEgY2xhc3M9XCJ2eC1mcy0xMyB2eC1wYXJhZ3JhcGgtdHh0IHZ4LWxoLTUgdngtcC0yIHZ4LW0tMFwiIHBsYWNlaG9sZGVyPVwiVHlwZSBoZXJlLi4uXCI+PC90ZXh0YXJlYT5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwidHJ1ZVwiIGNsYXNzPVwiYm90dG9tIHZ4LXAtMiB2eC1qdXN0aWZ5LWNlbnRlciB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJzYXZlLWJ0biB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTAgdngtbS0wIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIj5TQVZFPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9hcHAtcG9wb3Zlcj5cclxuICAgICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/sharedComponents/assessment-preview/radio-question/radio-question.component.mjs

@@ -20,10 +20,10 @@ export class RadioQuestionComponent {
     }
 }
 RadioQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioQuestionComponent, selector: "app-radio-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\" *ngIf=\"question?.isRequired\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li *ngFor=\"let choice of choicesForPreviewMode; let choiceIndex = index\" class=\"vx-mt-5\">\r\n                <app-cs-radio [name]=\"question?.name\">\r\n                    <span class=\"radio-value vx-fs-14 vx-paragraph-txt vx-fw-400 vx-lh-5\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\"> {{choice?.title ? choice?.title: 'Option' }}</span>\r\n                </app-cs-radio>\r\n            </li>\r\n            <li *ngIf=\"question?.hasOther\" class=\"vx-mt-5\">\r\n                <app-cs-radio [name]=\"question?.name\">\r\n                    <span class=\"radio-value vx-fs-14 vx-paragraph-txt vx-fw-400 vx-lh-5\" [appTooltip]=\"question.otherValue\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question.otherValue}}</span>\r\n                </app-cs-radio>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options ul{list-style-type:none}::ng-deep .question-options ul li app-cs-radio .radio-item{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .radio,::ng-deep .question-options ul li app-cs-radio .radio-item .radiomark{min-width:1.375rem!important;width:1.375rem!important;height:1.375rem!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value .radio-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: i4.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }] });
+RadioQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioQuestionComponent, selector: "app-radio-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\" *ngIf=\"question?.isRequired\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li *ngFor=\"let choice of choicesForPreviewMode; let choiceIndex = index\" class=\"vx-mt-5\">\r\n                <app-cs-radio [name]=\"question?.name\">\r\n                    <span class=\"radio-value vx-fs-14 vx-paragraph-txt vx-fw-400 vx-lh-5\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\"> {{choice?.title ? choice?.title: 'Option' }}</span>\r\n                </app-cs-radio>\r\n            </li>\r\n            <li *ngIf=\"question?.hasOther\" class=\"vx-mt-5\">\r\n                <app-cs-radio [name]=\"question?.name\">\r\n                    <span class=\"radio-value vx-fs-14 vx-paragraph-txt vx-fw-400 vx-lh-5\" [appTooltip]=\"question.otherValue\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question.otherValue}}</span>\r\n                </app-cs-radio>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options ul{list-style-type:none}::ng-deep .question-options ul li app-cs-radio .radio-item{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .radio,::ng-deep .question-options ul li app-cs-radio .radio-item .radiomark{min-width:1.375rem!important;width:1.375rem!important;height:1.375rem!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value .radio-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-3.75rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: i4.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioQuestionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-radio-question', template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\" *ngIf=\"question?.isRequired\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li *ngFor=\"let choice of choicesForPreviewMode; let choiceIndex = index\" class=\"vx-mt-5\">\r\n                <app-cs-radio [name]=\"question?.name\">\r\n                    <span class=\"radio-value vx-fs-14 vx-paragraph-txt vx-fw-400 vx-lh-5\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\"> {{choice?.title ? choice?.title: 'Option' }}</span>\r\n                </app-cs-radio>\r\n            </li>\r\n            <li *ngIf=\"question?.hasOther\" class=\"vx-mt-5\">\r\n                <app-cs-radio [name]=\"question?.name\">\r\n                    <span class=\"radio-value vx-fs-14 vx-paragraph-txt vx-fw-400 vx-lh-5\" [appTooltip]=\"question.otherValue\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question.otherValue}}</span>\r\n                </app-cs-radio>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options ul{list-style-type:none}::ng-deep .question-options ul li app-cs-radio .radio-item{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .radio,::ng-deep .question-options ul li app-cs-radio .radio-item .radiomark{min-width:1.375rem!important;width:1.375rem!important;height:1.375rem!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value .radio-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}\n"] }]
+            args: [{ selector: 'app-radio-question', template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\" *ngIf=\"question?.isRequired\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <ul class=\"vx-p-0 vx-m-0\">\r\n            <li *ngFor=\"let choice of choicesForPreviewMode; let choiceIndex = index\" class=\"vx-mt-5\">\r\n                <app-cs-radio [name]=\"question?.name\">\r\n                    <span class=\"radio-value vx-fs-14 vx-paragraph-txt vx-fw-400 vx-lh-5\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\"> {{choice?.title ? choice?.title: 'Option' }}</span>\r\n                </app-cs-radio>\r\n            </li>\r\n            <li *ngIf=\"question?.hasOther\" class=\"vx-mt-5\">\r\n                <app-cs-radio [name]=\"question?.name\">\r\n                    <span class=\"radio-value vx-fs-14 vx-paragraph-txt vx-fw-400 vx-lh-5\" [appTooltip]=\"question.otherValue\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{question.otherValue}}</span>\r\n                </app-cs-radio>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options ul{list-style-type:none}::ng-deep .question-options ul li app-cs-radio .radio-item{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .radio,::ng-deep .question-options ul li app-cs-radio .radio-item .radiomark{min-width:1.375rem!important;width:1.375rem!important;height:1.375rem!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value{width:100%!important}::ng-deep .question-options ul li app-cs-radio .radio-item .value .radio-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-3.75rem}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { question: [{
                 type: Input
             }], questionIndex: [{

package/esm2020/lib/sharedComponents/assessment-preview/select-question/select-question.component.mjs

@@ -22,10 +22,10 @@ export class SelectQuestionComponent {
     }
 }
 SelectQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SelectQuestionComponent, selector: "app-select-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\">{{question?.title}}</span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description.trim().length  > 0 \" [innerHTML]=\"question?.description\">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n    <div class=\"question-options\">\r\n        <div class=\"options-area\">\r\n            <app-cs-select [dataList]='choicesForPreviewMode' [valueKey]=\"'title'\" [displayProperty]=\"'title'\" [selectedValue]=\"'Select an option'\"></app-cs-select>\r\n        </div>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .options-area{width:70%}::ng-deep .question-options .options-area app-cs-select .input-group .custom-select-box .arrow{top:.5rem!important;right:0!important}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CsSelectComponent, selector: "app-cs-select", inputs: ["dataList", "dropdownLabel", "displayProperty", "selectedValue", "isRequired", "dropdownSubLabel", "placeholder", "stylex", "valueKey", "colorBlock", "colorCode"], outputs: ["selectedData", "selectedValueChange"] }, { kind: "component", type: i3.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }] });
+SelectQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SelectQuestionComponent, selector: "app-select-question", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\">{{question?.title}}</span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description.trim().length  > 0 \" [innerHTML]=\"question?.description\">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n    <div class=\"question-options\">\r\n        <div class=\"options-area\">\r\n            <app-cs-select [dataList]='choicesForPreviewMode' [valueKey]=\"'title'\" [displayProperty]=\"'title'\" [selectedValue]=\"'Select an option'\"></app-cs-select>\r\n        </div>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .options-area{width:70%}::ng-deep .question-options .options-area app-cs-select .input-group .custom-select-box .arrow{top:.5rem!important;right:0!important}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-3.75rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CsSelectComponent, selector: "app-cs-select", inputs: ["dataList", "dropdownLabel", "displayProperty", "selectedValue", "isRequired", "dropdownSubLabel", "placeholder", "stylex", "valueKey", "colorBlock", "colorCode"], outputs: ["selectedData", "selectedValueChange"] }, { kind: "component", type: i3.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectQuestionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-select-question', template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\">{{question?.title}}</span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description.trim().length  > 0 \" [innerHTML]=\"question?.description\">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n    <div class=\"question-options\">\r\n        <div class=\"options-area\">\r\n            <app-cs-select [dataList]='choicesForPreviewMode' [valueKey]=\"'title'\" [displayProperty]=\"'title'\" [selectedValue]=\"'Select an option'\"></app-cs-select>\r\n        </div>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .options-area{width:70%}::ng-deep .question-options .options-area app-cs-select .input-group .custom-select-box .arrow{top:.5rem!important;right:0!important}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}\n"] }]
+            args: [{ selector: 'app-select-question', template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\">{{question?.title}}</span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description.trim().length  > 0 \" [innerHTML]=\"question?.description\">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before the final copy is available.</div>\r\n    <div class=\"question-options\">\r\n        <div class=\"options-area\">\r\n            <app-cs-select [dataList]='choicesForPreviewMode' [valueKey]=\"'title'\" [displayProperty]=\"'title'\" [selectedValue]=\"'Select an option'\"></app-cs-select>\r\n        </div>\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .options-area{width:70%}::ng-deep .question-options .options-area app-cs-select .input-group .custom-select-box .arrow{top:.5rem!important;right:0!important}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-3.75rem}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { question: [{
                 type: Input
             }], questionIndex: [{

package/esm2020/lib/sharedComponents/assessment-preview/single-textbox/single-textbox.component.mjs

@@ -8,10 +8,10 @@ export class SingleTextboxComponent {
     }
 }
 SingleTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SingleTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SingleTextboxComponent, selector: "app-single-textbox", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description?.trim().length  > 0 \" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <input class=\"single-textbox vx-bg-white vx-fs-14 vx-lh-24 vx-paragraph-txt\" type=\"text\"  [placeholder]=\"(question?.isPlaceholder === true  && question?.placeholder?.trim().length > 0) ? question?.placeholder.trim() : 'Please enter a response'\">\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .single-textbox{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}::ng-deep .question-options .single-textbox:hover,::ng-deep .question-options .single-textbox:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }] });
+SingleTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SingleTextboxComponent, selector: "app-single-textbox", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description?.trim().length  > 0 \" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <input class=\"single-textbox vx-bg-white vx-fs-14 vx-lh-24 vx-paragraph-txt\" type=\"text\"  [placeholder]=\"(question?.isPlaceholder === true  && question?.placeholder?.trim().length > 0) ? question?.placeholder.trim() : 'Please enter a response'\">\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .single-textbox{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}::ng-deep .question-options .single-textbox:hover,::ng-deep .question-options .single-textbox:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-3.75rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleTextboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-single-textbox', template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description?.trim().length  > 0 \" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <input class=\"single-textbox vx-bg-white vx-fs-14 vx-lh-24 vx-paragraph-txt\" type=\"text\"  [placeholder]=\"(question?.isPlaceholder === true  && question?.placeholder?.trim().length > 0) ? question?.placeholder.trim() : 'Please enter a response'\">\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .single-textbox{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}::ng-deep .question-options .single-textbox:hover,::ng-deep .question-options .single-textbox:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-2.25rem}\n"] }]
+            args: [{ selector: 'app-single-textbox', template: "<div class=\"question-block\">\r\n    <div class=\"question-head vx-d-flex vx-mb-4\">\r\n        <span class=\"count vx-paragraph-txt vx-fs-20 vx-fw-400\">{{questionIndex}}.</span>\r\n        <span class=\"heading vx-pl-3\">\r\n            <span class=\"vx-fw-300 vx-label-txt vx-fs-20\" [innerHTML]=\"question?.title=='' ? 'Question' : question?.title\"></span>\r\n            <span class=\"required vx-fw-400 vx-txt-red vx-fs-24 vx-ml-2\">*</span>\r\n        </span>\r\n    </div>\r\n    <div class=\"question-details vx-fs-13 vx-paragraph-txt\" *ngIf=\"question?.hasDescription && question?.description?.trim().length  > 0 \" [innerHTML]=\"question?.description\"></div>\r\n    <div class=\"question-options\">\r\n        <input class=\"single-textbox vx-bg-white vx-fs-14 vx-lh-24 vx-paragraph-txt\" type=\"text\"  [placeholder]=\"(question?.isPlaceholder === true  && question?.placeholder?.trim().length > 0) ? question?.placeholder.trim() : 'Please enter a response'\">\r\n    </div>\r\n    <div class=\"question-quick-settings\">\r\n        <app-quick-settings [question]=\"question\"></app-quick-settings>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .question-block{position:relative;margin-bottom:3rem}::ng-deep .question-head{padding-right:4rem}::ng-deep .question-head .count{min-width:1.5rem}::ng-deep .question-head .heading .required{position:relative;top:-.25rem}::ng-deep .question-details{padding-right:4rem;padding-left:2.5rem}::ng-deep .question-options{margin-left:2.5rem;margin-top:1.875rem}::ng-deep .question-options .single-textbox{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}::ng-deep .question-options .single-textbox:hover,::ng-deep .question-options .single-textbox:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .question-quick-settings{position:absolute;top:-.25rem;right:-3.75rem}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { question: [{
                 type: Input
             }], questionIndex: [{

package/esm2020/lib/sharedComponents/v-loader/loader/loader.component.mjs

@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             type: Component,
             args: [{ selector: 'app-loader', template: "<div class=\"main-loader\">\r\n  <ng-lottie width=\"300px\" height=\"300px\" [options]=\"options\"></ng-lottie>\r\n</div>", styles: [".main-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:fixed;background:transparent;z-index:9;inset:0}\n"] }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvdi1sb2FkZXIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3YtbG9hZGVyL2xvYWRlci9sb2FkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUEyQixTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQVUzRSxNQUFNLE9BQU8sZUFBZTtJQUMxQjtRQUlBLFlBQU8sR0FBcUI7WUFDMUIsSUFBSSxFQUFFLHVCQUF1QjtTQUM5QixDQUFDO0lBTmEsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzs7NEdBSFIsZUFBZTtnR0FBZixlQUFlLGtEQ1Y1QiwySEFFTTsyRkRRTyxlQUFlO2tCQU4zQixTQUFTOytCQUNFLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQW5pbWF0aW9uSXRlbSB9IGZyb20gJ2xvdHRpZS13ZWInO1xyXG5pbXBvcnQgeyBBbmltYXRpb25PcHRpb25zIH0gZnJvbSAnbmd4LWxvdHRpZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1sb2FkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvYWRlci5jb21wb25lbnQubGVzcyddLFxyXG4gIC8vIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9hZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgb3B0aW9uczogQW5pbWF0aW9uT3B0aW9ucyA9IHtcclxuICAgIHBhdGg6ICcuL2Fzc2V0cy92TG9hZGVyLmpzb24nLFxyXG4gIH07XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1haW4tbG9hZGVyXCI+XHJcbiAgPG5nLWxvdHRpZSB3aWR0aD1cIjMwMHB4XCIgaGVpZ2h0PVwiMzAwcHhcIiBbb3B0aW9uc109XCJvcHRpb25zXCI+PC9uZy1sb3R0aWU+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvdi1sb2FkZXIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3YtbG9hZGVyL2xvYWRlci9sb2FkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUEyQixTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQVUzRSxNQUFNLE9BQU8sZUFBZTtJQUsxQjtRQUpBLFlBQU8sR0FBcUI7WUFDMUIsSUFBSSxFQUFFLHVCQUF1QjtTQUM5QixDQUFDO0lBRWEsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzs7NEdBUFIsZUFBZTtnR0FBZixlQUFlLGtEQ1Y1QiwySEFFTTsyRkRRTyxlQUFlO2tCQU4zQixTQUFTOytCQUNFLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQW5pbWF0aW9uSXRlbSB9IGZyb20gJ2xvdHRpZS13ZWInO1xyXG5pbXBvcnQgeyBBbmltYXRpb25PcHRpb25zIH0gZnJvbSAnbmd4LWxvdHRpZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1sb2FkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvYWRlci5jb21wb25lbnQubGVzcyddLFxyXG4gIC8vIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9hZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBvcHRpb25zOiBBbmltYXRpb25PcHRpb25zID0ge1xyXG4gICAgcGF0aDogJy4vYXNzZXRzL3ZMb2FkZXIuanNvbicsXHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1haW4tbG9hZGVyXCI+XHJcbiAgPG5nLWxvdHRpZSB3aWR0aD1cIjMwMHB4XCIgaGVpZ2h0PVwiMzAwcHhcIiBbb3B0aW9uc109XCJvcHRpb25zXCI+PC9uZy1sb3R0aWU+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/sharedComponents/v-loader/loader-inline/loader-inline.component.mjs

@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             type: Component,
             args: [{ selector: 'app-loader-inline', template: "<div class=\"inline-loader\">\r\n  <ng-lottie width=\"300px\" height=\"300px\" [options]=\"options\"></ng-lottie>\r\n</div>", styles: [".inline-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:absolute;background:transparent;z-index:9;inset:0}\n"] }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLWlubGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3YtbG9hZGVyL2xvYWRlci1pbmxpbmUvbG9hZGVyLWlubGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3YtbG9hZGVyL2xvYWRlci1pbmxpbmUvbG9hZGVyLWlubGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQTJCLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBVTNFLE1BQU0sT0FBTyxxQkFBcUI7SUFDaEM7UUFJQSxZQUFPLEdBQXFCO1lBQzFCLElBQUksRUFBRSx1QkFBdUI7U0FDOUIsQ0FBQztJQU5hLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7O2tIQUhSLHFCQUFxQjtzR0FBckIscUJBQXFCLHlEQ1ZsQyw2SEFFTTsyRkRRTyxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFuaW1hdGlvbkl0ZW0gfSBmcm9tICdsb3R0aWUtd2ViJztcclxuaW1wb3J0IHsgQW5pbWF0aW9uT3B0aW9ucyB9IGZyb20gJ25neC1sb3R0aWUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtbG9hZGVyLWlubGluZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRlci1pbmxpbmUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvYWRlci1pbmxpbmUuY29tcG9uZW50Lmxlc3MnXSxcclxuICAvLyBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRlcklubGluZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIG9wdGlvbnM6IEFuaW1hdGlvbk9wdGlvbnMgPSB7XHJcbiAgICBwYXRoOiAnLi9hc3NldHMvdkxvYWRlci5qc29uJyxcclxuICB9O1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJpbmxpbmUtbG9hZGVyXCI+XHJcbiAgPG5nLWxvdHRpZSB3aWR0aD1cIjMwMHB4XCIgaGVpZ2h0PVwiMzAwcHhcIiBbb3B0aW9uc109XCJvcHRpb25zXCI+PC9uZy1sb3R0aWU+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLWlubGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3YtbG9hZGVyL2xvYWRlci1pbmxpbmUvbG9hZGVyLWlubGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3YtbG9hZGVyL2xvYWRlci1pbmxpbmUvbG9hZGVyLWlubGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQTJCLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBVTNFLE1BQU0sT0FBTyxxQkFBcUI7SUFLaEM7UUFKQSxZQUFPLEdBQXFCO1lBQzFCLElBQUksRUFBRSx1QkFBdUI7U0FDOUIsQ0FBQztJQUVhLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7O2tIQVBSLHFCQUFxQjtzR0FBckIscUJBQXFCLHlEQ1ZsQyw2SEFFTTsyRkRRTyxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFuaW1hdGlvbkl0ZW0gfSBmcm9tICdsb3R0aWUtd2ViJztcclxuaW1wb3J0IHsgQW5pbWF0aW9uT3B0aW9ucyB9IGZyb20gJ25neC1sb3R0aWUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtbG9hZGVyLWlubGluZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRlci1pbmxpbmUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvYWRlci1pbmxpbmUuY29tcG9uZW50Lmxlc3MnXSxcclxuICAvLyBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRlcklubGluZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgb3B0aW9uczogQW5pbWF0aW9uT3B0aW9ucyA9IHtcclxuICAgIHBhdGg6ICcuL2Fzc2V0cy92TG9hZGVyLmpzb24nLFxyXG4gIH07XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJpbmxpbmUtbG9hZGVyXCI+XHJcbiAgPG5nLWxvdHRpZSB3aWR0aD1cIjMwMHB4XCIgaGVpZ2h0PVwiMzAwcHhcIiBbb3B0aW9uc109XCJvcHRpb25zXCI+PC9uZy1sb3R0aWU+XHJcbjwvZGl2PiJdfQ==