vcomply-workflow-engine 3.5.3 → 3.5.4

package/esm2022/lib/sharedComponents/assessment-editor/components/logic/logic.component.mjs

@@ -0,0 +1,104 @@
+import { Component, Input } from '@angular/core';
+import { AddLogicComponent } from '../add-logic/add-logic.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../ui-kit/dialog/dialog.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../../ui-kit/tooltip/tooltip.directive";
+import * as i4 from "../../../../ui-kit/popover/popover.component";
+import * as i5 from "../../../../ui-kit/popover/popover.directive";
+import * as i6 from "../pipes/type-of.pipe";
+export class LogicComponent {
+    // constructor(
+    //   private dialog: UiDialogService,
+    // ) { }
+    // ngOnInit(): void {
+    // }
+    // addLogic() {
+    //   const ref = this.dialog.open(AddLogicComponent, {
+    //     data: { },
+    //     position: 'CENTER',
+    //     background: 'black',
+    //   });
+    // }
+    constructor(dialog) {
+        this.dialog = dialog;
+        this.operatorVal = {
+            '=': 'Equals',
+            '!=': 'Not Equals',
+            '>': 'Greater than',
+            '<': 'Less than',
+            '>=': 'Greater or equals',
+            '<=': 'Less or equals',
+            answered: 'If answered',
+            before: 'Before',
+            after: 'After',
+            beforeEquals: 'Before or equals',
+            afterEquals: 'After or equals'
+        };
+    }
+    ngOnInit() {
+    }
+    modifyLogic() {
+        const ref = this.dialog.open(AddLogicComponent, {
+            position: 'CENTER',
+            background: 'black',
+            data: {
+                currentQuestion: this.question,
+                allQuestions: this.service.formsPage.elements,
+                editorMode: this.editorMode,
+                questionIndex: this.questionIndex
+            }
+        });
+        ref.afterClosed.subscribe(data => {
+            if (data.action === 'ADD_LOGIC') {
+                this.question.visibilityLogic = data.logic;
+            }
+        });
+    }
+    addLogic() { }
+    /**
+    * Deletes the logic having given index from visibility logic list
+    * @param index Index of selected logic
+    */
+    deleteLogic(index) {
+        this.question.visibilityLogic.splice(index, 1);
+    }
+    // show(origin, data?, content?: TemplateRef<any>) {
+    //   
+    //   const ref = this.popper.open({
+    //     content: PopoverActionComponent,
+    //     origin,
+    //     width: '250',
+    //     data: {
+    //       action: this.formateData(data),
+    //       actionData: data
+    //     }
+    //   });
+    //   ref.afterClosed$.subscribe(res => {
+    //     
+    //   });
+    // }
+    formateData(value) {
+        const action = [];
+        const data = value.split(',');
+        for (let i = 1; i < data.length; i++) {
+            action.push({ icon: '', name: data[i], identifier: '' });
+        }
+        return action;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicComponent, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LogicComponent, selector: "app-logic", inputs: { service: "service", question: "question", questionIndex: "questionIndex", editorMode: "editorMode" }, ngImport: i0, template: "<div class=\"logic\">\r\n    <div class=\"logic-condition vx-p-2 vx-pl-3 vx-pr-3 vx-mb-3\">\r\n        <div class=\"heading vx-fs-14 vx-fw-500 vx-label-txt vx-mb-1\">Is visible when</div>\r\n        <div class=\"details vx-fs-12 vx-paragraph-txt\">Use this to define display conditions for the questions in the assessment.</div>\r\n    </div>\r\n    <div *ngIf=\"question.visibilityLogic.length === 0\" class=\"no-selected vx-text-center\">\r\n        <img src=\"http://cdn.v-comply.com/libraries/workflow-engine/assets/assessment-editor/add-logic.svg\" />\r\n        <button class=\"add-btn vx-fs-11 vx-fw-600 vx-txt-white vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"modifyLogic()\">ADD LOGIC & DISPLAY CONDITIONS FOR THIS QUESTION</button>\r\n    </div>\r\n    <div class=\"logic-table\" *ngIf=\"question.visibilityLogic.length > 0\">\r\n        <div class=\"table-header\">\r\n            <div class=\"table-row vx-pl-2\">\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center question\">QUESTIONS</div>\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center logic-operator\">LOGIC OPERATORS</div>\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center value\">VALUES</div>\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\"></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"table-body\">\r\n            <div class=\"table-row vx-pl-2\"  *ngFor=\"let logic of question.visibilityLogic;let i=index\">\r\n                <div class=\"and-label vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pt-1 vx-pb-1 vx-d-flex vx-justify-center\" *ngIf=\"question.visibilityLogic.length > 1 && i!== 0\" >AND</div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center question\">\r\n                    <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"logic.questionTitle\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" [innerHTML]='logic.questionTitle'></div>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center logic-operator\">\r\n                    <div class=\"label vx-fs-11 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1 vx-lh-4\" [class.blue]=\"logic.operator == 'answered'\" [class.green]=\"logic.operator != 'answered'\" *ngIf=\"logic.operator\"> {{operatorVal[logic.operator]}}</div>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center value\">\r\n                    <div  *ngIf=\"logic.value!='' && (logic.value | typeof) === 'object'\" class=\"value-name vx-fs-12 vx-paragraph-txt vx-pl-2 vx-pr-2 vx-lh-6 vx-mr-1\" [appTooltip]=\"logic.value[0]\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" [innerHTML]='logic.value[0]'></div>\r\n                    <div  *ngIf=\"logic.value!=''  && (logic.value | typeof) !== 'object'\" class=\"value-name vx-fs-12 vx-paragraph-txt vx-pl-2 vx-pr-2 vx-lh-6 vx-mr-1\" [appTooltip]=\"logic.value\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" [innerHTML]='logic.value'></div>\r\n\r\n                    <button  *ngIf=\"logic.value?.length > 1 && (logic.value | typeof) === 'object'\" class=\"count vx-fs-11 vx-txt-white vx-m-0 vx-p-0 vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center\" appPopover (click)=\"count.popover()\" placement=\"right\">+{{logic?.value?.length-1}}</button>\r\n\r\n\r\n                    <app-popover #count>\r\n                        <div class=\"wf-action-list\" *ngIf=\"(logic.value | typeof) === 'object'\">\r\n                          <ul class=\"action-item\">\r\n                            <li class=\"vx-p-2\" *ngFor=\"let data of (logic.value.slice(1))\">\r\n                                <div class=\"count-value vx-fs-11 vx-paragraph-txt\" [appTooltip]=\"'Strongly agree'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{data}}</div>\r\n                            </li>\r\n                          </ul>\r\n                        </div>\r\n                    </app-popover>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center action\">\r\n                    <button class=\"close vx-fs-16 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center\"  (click)=\"deleteLogic(i)\"><i class=\"icons\">&#xe9ae;</i></button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <button class=\"add-btn vx-fs-11 vx-fw-600 vx-txt-blue vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"modifyLogic()\">Add Additional Logic & Display Conditions for this Question</button>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";.logic-condition{background:#f8f8f8;border-radius:.25rem;position:relative}.logic-condition:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:0;left:0;width:3px;height:100%}.logic-condition .heading,.logic-condition .details{padding-left:.125rem}.logic .no-selected{margin-bottom:3rem}.logic .no-selected img{width:15.25rem;margin:3rem 0 2rem}.logic .no-selected button.add-btn{background:#1e5dd3;border:none;border-radius:.125rem;width:21.75rem;height:2.5rem;margin:0 auto}.logic-table .table-header .table-row{background:#fff!important}.logic-table .table-header .table-row .table-column{color:#161b2f!important;line-height:1rem!important;min-height:1.875rem!important}.logic-table .table-row{background:#fbfbfb;border-bottom:1px solid #F1F1F1;display:flex;justify-content:space-between;position:relative}.logic-table .table-row .and-label{background:#1e5dd3;border-radius:0 .125rem .125rem 0;writing-mode:vertical-lr;position:absolute;left:-1rem;top:.125rem;width:1rem;height:2.25rem;transform:rotate(180deg)}.logic-table .table-row .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}.logic-table .table-row .table-column.question{width:calc(100% - 26rem);min-width:calc(100% - 26rem)}.logic-table .table-row .table-column.question .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 3rem)}.logic-table .table-row .table-column.logic-operator{width:9.25rem;min-width:9.25rem}.logic-table .table-row .table-column.logic-operator .label{border-radius:.125rem}.logic-table .table-row .table-column.logic-operator .label.blue{background:#7aa6f7}.logic-table .table-row .table-column.logic-operator .label.green{background:#66bf72}.logic-table .table-row .table-column.value{width:13.75rem;min-width:13.75rem}.logic-table .table-row .table-column.value .value-name{background:#f1f1f1;border-radius:.125rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 2.5rem)}.logic-table .table-row .table-column.value button.count{background:#1e5dd3;border-radius:.125rem;border:none;width:1.5rem;height:1.5rem}.logic-table .table-row .table-column.action{width:2.5rem;min-width:2.5rem}.logic-table .table-row .table-column.action button.close{background:transparent;border:none;border-radius:0}.logic-table button.add-btn{background:#fff;border:1px solid #DBDBDB;border-radius:.125rem;width:21.75rem;height:2.5rem;margin:5rem auto 0}.wf-action-list .action-item li .count-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i4.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i5.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "pipe", type: i6.TypeOfPipe, name: "typeof" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-logic', template: "<div class=\"logic\">\r\n    <div class=\"logic-condition vx-p-2 vx-pl-3 vx-pr-3 vx-mb-3\">\r\n        <div class=\"heading vx-fs-14 vx-fw-500 vx-label-txt vx-mb-1\">Is visible when</div>\r\n        <div class=\"details vx-fs-12 vx-paragraph-txt\">Use this to define display conditions for the questions in the assessment.</div>\r\n    </div>\r\n    <div *ngIf=\"question.visibilityLogic.length === 0\" class=\"no-selected vx-text-center\">\r\n        <img src=\"http://cdn.v-comply.com/libraries/workflow-engine/assets/assessment-editor/add-logic.svg\" />\r\n        <button class=\"add-btn vx-fs-11 vx-fw-600 vx-txt-white vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"modifyLogic()\">ADD LOGIC & DISPLAY CONDITIONS FOR THIS QUESTION</button>\r\n    </div>\r\n    <div class=\"logic-table\" *ngIf=\"question.visibilityLogic.length > 0\">\r\n        <div class=\"table-header\">\r\n            <div class=\"table-row vx-pl-2\">\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center question\">QUESTIONS</div>\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center logic-operator\">LOGIC OPERATORS</div>\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center value\">VALUES</div>\r\n                <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\"></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"table-body\">\r\n            <div class=\"table-row vx-pl-2\"  *ngFor=\"let logic of question.visibilityLogic;let i=index\">\r\n                <div class=\"and-label vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pt-1 vx-pb-1 vx-d-flex vx-justify-center\" *ngIf=\"question.visibilityLogic.length > 1 && i!== 0\" >AND</div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center question\">\r\n                    <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"logic.questionTitle\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" [innerHTML]='logic.questionTitle'></div>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center logic-operator\">\r\n                    <div class=\"label vx-fs-11 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1 vx-lh-4\" [class.blue]=\"logic.operator == 'answered'\" [class.green]=\"logic.operator != 'answered'\" *ngIf=\"logic.operator\"> {{operatorVal[logic.operator]}}</div>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center value\">\r\n                    <div  *ngIf=\"logic.value!='' && (logic.value | typeof) === 'object'\" class=\"value-name vx-fs-12 vx-paragraph-txt vx-pl-2 vx-pr-2 vx-lh-6 vx-mr-1\" [appTooltip]=\"logic.value[0]\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" [innerHTML]='logic.value[0]'></div>\r\n                    <div  *ngIf=\"logic.value!=''  && (logic.value | typeof) !== 'object'\" class=\"value-name vx-fs-12 vx-paragraph-txt vx-pl-2 vx-pr-2 vx-lh-6 vx-mr-1\" [appTooltip]=\"logic.value\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" [innerHTML]='logic.value'></div>\r\n\r\n                    <button  *ngIf=\"logic.value?.length > 1 && (logic.value | typeof) === 'object'\" class=\"count vx-fs-11 vx-txt-white vx-m-0 vx-p-0 vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center\" appPopover (click)=\"count.popover()\" placement=\"right\">+{{logic?.value?.length-1}}</button>\r\n\r\n\r\n                    <app-popover #count>\r\n                        <div class=\"wf-action-list\" *ngIf=\"(logic.value | typeof) === 'object'\">\r\n                          <ul class=\"action-item\">\r\n                            <li class=\"vx-p-2\" *ngFor=\"let data of (logic.value.slice(1))\">\r\n                                <div class=\"count-value vx-fs-11 vx-paragraph-txt\" [appTooltip]=\"'Strongly agree'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{data}}</div>\r\n                            </li>\r\n                          </ul>\r\n                        </div>\r\n                    </app-popover>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center action\">\r\n                    <button class=\"close vx-fs-16 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center\"  (click)=\"deleteLogic(i)\"><i class=\"icons\">&#xe9ae;</i></button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <button class=\"add-btn vx-fs-11 vx-fw-600 vx-txt-blue vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"modifyLogic()\">Add Additional Logic & Display Conditions for this Question</button>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";.logic-condition{background:#f8f8f8;border-radius:.25rem;position:relative}.logic-condition:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:0;left:0;width:3px;height:100%}.logic-condition .heading,.logic-condition .details{padding-left:.125rem}.logic .no-selected{margin-bottom:3rem}.logic .no-selected img{width:15.25rem;margin:3rem 0 2rem}.logic .no-selected button.add-btn{background:#1e5dd3;border:none;border-radius:.125rem;width:21.75rem;height:2.5rem;margin:0 auto}.logic-table .table-header .table-row{background:#fff!important}.logic-table .table-header .table-row .table-column{color:#161b2f!important;line-height:1rem!important;min-height:1.875rem!important}.logic-table .table-row{background:#fbfbfb;border-bottom:1px solid #F1F1F1;display:flex;justify-content:space-between;position:relative}.logic-table .table-row .and-label{background:#1e5dd3;border-radius:0 .125rem .125rem 0;writing-mode:vertical-lr;position:absolute;left:-1rem;top:.125rem;width:1rem;height:2.25rem;transform:rotate(180deg)}.logic-table .table-row .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}.logic-table .table-row .table-column.question{width:calc(100% - 26rem);min-width:calc(100% - 26rem)}.logic-table .table-row .table-column.question .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 3rem)}.logic-table .table-row .table-column.logic-operator{width:9.25rem;min-width:9.25rem}.logic-table .table-row .table-column.logic-operator .label{border-radius:.125rem}.logic-table .table-row .table-column.logic-operator .label.blue{background:#7aa6f7}.logic-table .table-row .table-column.logic-operator .label.green{background:#66bf72}.logic-table .table-row .table-column.value{width:13.75rem;min-width:13.75rem}.logic-table .table-row .table-column.value .value-name{background:#f1f1f1;border-radius:.125rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 2.5rem)}.logic-table .table-row .table-column.value button.count{background:#1e5dd3;border-radius:.125rem;border:none;width:1.5rem;height:1.5rem}.logic-table .table-row .table-column.action{width:2.5rem;min-width:2.5rem}.logic-table .table-row .table-column.action button.close{background:transparent;border:none;border-radius:0}.logic-table button.add-btn{background:#fff;border:1px solid #DBDBDB;border-radius:.125rem;width:21.75rem;height:2.5rem;margin:5rem auto 0}.wf-action-list .action-item li .count-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DialogService }]; }, propDecorators: { service: [{
+                type: Input
+            }], question: [{
+                type: Input
+            }], questionIndex: [{
+                type: Input
+            }], editorMode: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL2xvZ2ljL2xvZ2ljLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9sb2dpYy9sb2dpYy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7Ozs7Ozs7QUFPckUsTUFBTSxPQUFPLGNBQWM7SUFFekIsZUFBZTtJQUNmLHFDQUFxQztJQUNyQyxRQUFRO0lBRVIscUJBQXFCO0lBQ3JCLElBQUk7SUFFSixlQUFlO0lBQ2Ysc0RBQXNEO0lBQ3RELGlCQUFpQjtJQUNqQiwwQkFBMEI7SUFDMUIsMkJBQTJCO0lBQzNCLFFBQVE7SUFDUixJQUFJO0lBQ0osWUFBb0IsTUFBcUI7UUFBckIsV0FBTSxHQUFOLE1BQU0sQ0FBZTtRQUt6QyxnQkFBVyxHQUFPO1lBQ2hCLEdBQUcsRUFBRSxRQUFRO1lBQ2IsSUFBSSxFQUFFLFlBQVk7WUFDbEIsR0FBRyxFQUFFLGNBQWM7WUFDbkIsR0FBRyxFQUFFLFdBQVc7WUFDaEIsSUFBSSxFQUFFLG1CQUFtQjtZQUN6QixJQUFJLEVBQUUsZ0JBQWdCO1lBQ3RCLFFBQVEsRUFBRSxhQUFhO1lBQ3ZCLE1BQU0sRUFBRSxRQUFRO1lBQ2hCLEtBQUssRUFBRSxPQUFPO1lBQ2QsWUFBWSxFQUFFLGtCQUFrQjtZQUNoQyxXQUFXLEVBQUUsaUJBQWlCO1NBQy9CLENBQUM7SUFqQjJDLENBQUM7SUFtQjlDLFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVztRQUNULE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUM1QztZQUNFLFFBQVEsRUFBRSxRQUFRO1lBQ2xCLFVBQVUsRUFBRSxPQUFPO1lBQ25CLElBQUksRUFBRTtnQkFDSixlQUFlLEVBQUUsSUFBSSxDQUFDLFFBQVE7Z0JBQzlCLFlBQVksRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxRQUFRO2dCQUM3QyxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7Z0JBQzNCLGFBQWEsRUFBRSxJQUFJLENBQUMsYUFBYTthQUNsQztTQUNGLENBQUMsQ0FBQztRQUNMLEdBQUcsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBRS9CLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxXQUFXLEVBQUU7Z0JBQy9CLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7YUFDNUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxRQUFRLEtBQUcsQ0FBQztJQUVaOzs7TUFHRTtJQUNGLFdBQVcsQ0FBQyxLQUFZO1FBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUNELG9EQUFvRDtJQUNwRCxLQUFLO0lBQ0wsbUNBQW1DO0lBQ25DLHVDQUF1QztJQUN2QyxjQUFjO0lBQ2Qsb0JBQW9CO0lBQ3BCLGNBQWM7SUFDZCx3Q0FBd0M7SUFDeEMseUJBQXlCO0lBQ3pCLFFBQVE7SUFDUixRQUFRO0lBRVIsd0NBQXdDO0lBQ3hDLE9BQU87SUFDUCxRQUFRO0lBRVIsSUFBSTtJQUVKLFdBQVcsQ0FBQyxLQUFTO1FBQ25CLE1BQU0sTUFBTSxHQUFHLEVBQUUsQ0FBQztRQUNsQixNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQzlCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3BDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUE7U0FDekQ7UUFDRCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDOytHQTNGVSxjQUFjO21HQUFkLGNBQWMsaUtDVDNCLHMrSkFvREE7OzRGRDNDYSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFdBQVc7b0dBcUJaLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vdWkta2l0L2RpYWxvZy9kaWFsb2cuc2VydmljZSc7XHJcbmltcG9ydCB7IEFkZExvZ2ljQ29tcG9uZW50IH0gZnJvbSAnLi4vYWRkLWxvZ2ljL2FkZC1sb2dpYy5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtbG9naWMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2dpYy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbG9naWMuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9naWNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvLyBjb25zdHJ1Y3RvcihcclxuICAvLyAgIHByaXZhdGUgZGlhbG9nOiBVaURpYWxvZ1NlcnZpY2UsXHJcbiAgLy8gKSB7IH1cclxuXHJcbiAgLy8gbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgLy8gfVxyXG5cclxuICAvLyBhZGRMb2dpYygpIHtcclxuICAvLyAgIGNvbnN0IHJlZiA9IHRoaXMuZGlhbG9nLm9wZW4oQWRkTG9naWNDb21wb25lbnQsIHtcclxuICAvLyAgICAgZGF0YTogeyB9LFxyXG4gIC8vICAgICBwb3NpdGlvbjogJ0NFTlRFUicsXHJcbiAgLy8gICAgIGJhY2tncm91bmQ6ICdibGFjaycsXHJcbiAgLy8gICB9KTtcclxuICAvLyB9XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkaWFsb2c6IERpYWxvZ1NlcnZpY2UpIHsgfVxyXG4gIEBJbnB1dCgpIHNlcnZpY2U6IGFueTtcclxuICBASW5wdXQoKSBxdWVzdGlvbjogYW55O1xyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uSW5kZXg6IGFueTtcclxuICBASW5wdXQoKSBlZGl0b3JNb2RlOiBhbnk7XHJcbiAgb3BlcmF0b3JWYWw6YW55ID0ge1xyXG4gICAgJz0nOiAnRXF1YWxzJyxcclxuICAgICchPSc6ICdOb3QgRXF1YWxzJyxcclxuICAgICc+JzogJ0dyZWF0ZXIgdGhhbicsXHJcbiAgICAnPCc6ICdMZXNzIHRoYW4nLFxyXG4gICAgJz49JzogJ0dyZWF0ZXIgb3IgZXF1YWxzJyxcclxuICAgICc8PSc6ICdMZXNzIG9yIGVxdWFscycsXHJcbiAgICBhbnN3ZXJlZDogJ0lmIGFuc3dlcmVkJyxcclxuICAgIGJlZm9yZTogJ0JlZm9yZScsXHJcbiAgICBhZnRlcjogJ0FmdGVyJyxcclxuICAgIGJlZm9yZUVxdWFsczogJ0JlZm9yZSBvciBlcXVhbHMnLFxyXG4gICAgYWZ0ZXJFcXVhbHM6ICdBZnRlciBvciBlcXVhbHMnXHJcbiAgfTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBtb2RpZnlMb2dpYygpIHtcclxuICAgIGNvbnN0IHJlZiA9IHRoaXMuZGlhbG9nLm9wZW4oQWRkTG9naWNDb21wb25lbnQsXHJcbiAgICAgIHtcclxuICAgICAgICBwb3NpdGlvbjogJ0NFTlRFUicsXHJcbiAgICAgICAgYmFja2dyb3VuZDogJ2JsYWNrJyxcclxuICAgICAgICBkYXRhOiB7XHJcbiAgICAgICAgICBjdXJyZW50UXVlc3Rpb246IHRoaXMucXVlc3Rpb24sXHJcbiAgICAgICAgICBhbGxRdWVzdGlvbnM6IHRoaXMuc2VydmljZS5mb3Jtc1BhZ2UuZWxlbWVudHMsXHJcbiAgICAgICAgICBlZGl0b3JNb2RlOiB0aGlzLmVkaXRvck1vZGUsXHJcbiAgICAgICAgICBxdWVzdGlvbkluZGV4OiB0aGlzLnF1ZXN0aW9uSW5kZXhcclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gICAgcmVmLmFmdGVyQ2xvc2VkLnN1YnNjcmliZShkYXRhID0+IHtcclxuICAgICAgXHJcbiAgICAgIGlmIChkYXRhLmFjdGlvbiA9PT0gJ0FERF9MT0dJQycpIHtcclxuICAgICAgICB0aGlzLnF1ZXN0aW9uLnZpc2liaWxpdHlMb2dpYyA9IGRhdGEubG9naWM7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxuICBhZGRMb2dpYygpe31cclxuXHJcbiAgLyoqXHJcbiAgKiBEZWxldGVzIHRoZSBsb2dpYyBoYXZpbmcgZ2l2ZW4gaW5kZXggZnJvbSB2aXNpYmlsaXR5IGxvZ2ljIGxpc3RcclxuICAqIEBwYXJhbSBpbmRleCBJbmRleCBvZiBzZWxlY3RlZCBsb2dpY1xyXG4gICovXHJcbiAgZGVsZXRlTG9naWMoaW5kZXg6bnVtYmVyKSB7XHJcbiAgICB0aGlzLnF1ZXN0aW9uLnZpc2liaWxpdHlMb2dpYy5zcGxpY2UoaW5kZXgsIDEpO1xyXG4gIH1cclxuICAvLyBzaG93KG9yaWdpbiwgZGF0YT8sIGNvbnRlbnQ/OiBUZW1wbGF0ZVJlZjxhbnk+KSB7XHJcbiAgLy8gICBcclxuICAvLyAgIGNvbnN0IHJlZiA9IHRoaXMucG9wcGVyLm9wZW4oe1xyXG4gIC8vICAgICBjb250ZW50OiBQb3BvdmVyQWN0aW9uQ29tcG9uZW50LFxyXG4gIC8vICAgICBvcmlnaW4sXHJcbiAgLy8gICAgIHdpZHRoOiAnMjUwJyxcclxuICAvLyAgICAgZGF0YToge1xyXG4gIC8vICAgICAgIGFjdGlvbjogdGhpcy5mb3JtYXRlRGF0YShkYXRhKSxcclxuICAvLyAgICAgICBhY3Rpb25EYXRhOiBkYXRhXHJcbiAgLy8gICAgIH1cclxuICAvLyAgIH0pO1xyXG5cclxuICAvLyAgIHJlZi5hZnRlckNsb3NlZCQuc3Vic2NyaWJlKHJlcyA9PiB7XHJcbiAgLy8gICAgIFxyXG4gIC8vICAgfSk7XHJcblxyXG4gIC8vIH1cclxuXHJcbiAgZm9ybWF0ZURhdGEodmFsdWU6YW55KSB7XHJcbiAgICBjb25zdCBhY3Rpb24gPSBbXTtcclxuICAgIGNvbnN0IGRhdGEgPSB2YWx1ZS5zcGxpdCgnLCcpO1xyXG4gICAgZm9yIChsZXQgaSA9IDE7IGkgPCBkYXRhLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgIGFjdGlvbi5wdXNoKHsgaWNvbjogJycsIG5hbWU6IGRhdGFbaV0sIGlkZW50aWZpZXI6ICcnIH0pXHJcbiAgICB9XHJcbiAgICByZXR1cm4gYWN0aW9uO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibG9naWNcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJsb2dpYy1jb25kaXRpb24gdngtcC0yIHZ4LXBsLTMgdngtcHItMyB2eC1tYi0zXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmcgdngtZnMtMTQgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC1tYi0xXCI+SXMgdmlzaWJsZSB3aGVuPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMgdngtZnMtMTIgdngtcGFyYWdyYXBoLXR4dFwiPlVzZSB0aGlzIHRvIGRlZmluZSBkaXNwbGF5IGNvbmRpdGlvbnMgZm9yIHRoZSBxdWVzdGlvbnMgaW4gdGhlIGFzc2Vzc21lbnQuPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJxdWVzdGlvbi52aXNpYmlsaXR5TG9naWMubGVuZ3RoID09PSAwXCIgY2xhc3M9XCJuby1zZWxlY3RlZCB2eC10ZXh0LWNlbnRlclwiPlxyXG4gICAgICAgIDxpbWcgc3JjPVwiaHR0cDovL2Nkbi52LWNvbXBseS5jb20vbGlicmFyaWVzL3dvcmtmbG93LWVuZ2luZS9hc3NldHMvYXNzZXNzbWVudC1lZGl0b3IvYWRkLWxvZ2ljLnN2Z1wiIC8+XHJcbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImFkZC1idG4gdngtZnMtMTEgdngtZnctNjAwIHZ4LXR4dC13aGl0ZSB2eC10dC11cHBlcmNhc2UgdngtcC0wIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIiAoY2xpY2spPVwibW9kaWZ5TG9naWMoKVwiPkFERCBMT0dJQyAmIERJU1BMQVkgQ09ORElUSU9OUyBGT1IgVEhJUyBRVUVTVElPTjwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibG9naWMtdGFibGVcIiAqbmdJZj1cInF1ZXN0aW9uLnZpc2liaWxpdHlMb2dpYy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWhlYWRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtcm93IHZ4LXBsLTJcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtZnMtMTEgdngtZnctNTAwIHZ4LWxoLTUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHF1ZXN0aW9uXCI+UVVFU1RJT05TPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1saC01IHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciBsb2dpYy1vcGVyYXRvclwiPkxPR0lDIE9QRVJBVE9SUzwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1mcy0xMSB2eC1mdy01MDAgdngtbGgtNSB2eC10dC11cHBlcmNhc2UgdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdmFsdWVcIj5WQUxVRVM8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtZnMtMTEgdngtZnctNTAwIHZ4LWxoLTUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIGFjdGlvblwiPjwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtYm9keVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtcm93IHZ4LXBsLTJcIiAgKm5nRm9yPVwibGV0IGxvZ2ljIG9mIHF1ZXN0aW9uLnZpc2liaWxpdHlMb2dpYztsZXQgaT1pbmRleFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFuZC1sYWJlbCB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wdC0xIHZ4LXBiLTEgdngtZC1mbGV4IHZ4LWp1c3RpZnktY2VudGVyXCIgKm5nSWY9XCJxdWVzdGlvbi52aXNpYmlsaXR5TG9naWMubGVuZ3RoID4gMSAmJiBpIT09IDBcIiA+QU5EPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHF1ZXN0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5hbWUgdngtZnMtMTMgdngtcGFyYWdyYXBoLXR4dFwiIFthcHBUb29sdGlwXT1cImxvZ2ljLnF1ZXN0aW9uVGl0bGVcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCIgW2lubmVySFRNTF09J2xvZ2ljLnF1ZXN0aW9uVGl0bGUnPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIGxvZ2ljLW9wZXJhdG9yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxhYmVsIHZ4LWZzLTExIHZ4LXR4dC13aGl0ZSB2eC10dC11cHBlcmNhc2UgdngtcGwtMSB2eC1wci0xIHZ4LWxoLTRcIiBbY2xhc3MuYmx1ZV09XCJsb2dpYy5vcGVyYXRvciA9PSAnYW5zd2VyZWQnXCIgW2NsYXNzLmdyZWVuXT1cImxvZ2ljLm9wZXJhdG9yICE9ICdhbnN3ZXJlZCdcIiAqbmdJZj1cImxvZ2ljLm9wZXJhdG9yXCI+IHt7b3BlcmF0b3JWYWxbbG9naWMub3BlcmF0b3JdfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2YWx1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgICpuZ0lmPVwibG9naWMudmFsdWUhPScnICYmIChsb2dpYy52YWx1ZSB8IHR5cGVvZikgPT09ICdvYmplY3QnXCIgY2xhc3M9XCJ2YWx1ZS1uYW1lIHZ4LWZzLTEyIHZ4LXBhcmFncmFwaC10eHQgdngtcGwtMiB2eC1wci0yIHZ4LWxoLTYgdngtbXItMVwiIFthcHBUb29sdGlwXT1cImxvZ2ljLnZhbHVlWzBdXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiIFtpbm5lckhUTUxdPSdsb2dpYy52YWx1ZVswXSc+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiAgKm5nSWY9XCJsb2dpYy52YWx1ZSE9JycgICYmIChsb2dpYy52YWx1ZSB8IHR5cGVvZikgIT09ICdvYmplY3QnXCIgY2xhc3M9XCJ2YWx1ZS1uYW1lIHZ4LWZzLTEyIHZ4LXBhcmFncmFwaC10eHQgdngtcGwtMiB2eC1wci0yIHZ4LWxoLTYgdngtbXItMVwiIFthcHBUb29sdGlwXT1cImxvZ2ljLnZhbHVlXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiIFtpbm5lckhUTUxdPSdsb2dpYy52YWx1ZSc+PC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gICpuZ0lmPVwibG9naWMudmFsdWU/Lmxlbmd0aCA+IDEgJiYgKGxvZ2ljLnZhbHVlIHwgdHlwZW9mKSA9PT0gJ29iamVjdCdcIiBjbGFzcz1cImNvdW50IHZ4LWZzLTExIHZ4LXR4dC13aGl0ZSB2eC1tLTAgdngtcC0wIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCIgYXBwUG9wb3ZlciAoY2xpY2spPVwiY291bnQucG9wb3ZlcigpXCIgcGxhY2VtZW50PVwicmlnaHRcIj4re3tsb2dpYz8udmFsdWU/Lmxlbmd0aC0xfX08L2J1dHRvbj5cclxuXHJcblxyXG4gICAgICAgICAgICAgICAgICAgIDxhcHAtcG9wb3ZlciAjY291bnQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3Zi1hY3Rpb24tbGlzdFwiICpuZ0lmPVwiKGxvZ2ljLnZhbHVlIHwgdHlwZW9mKSA9PT0gJ29iamVjdCdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8dWwgY2xhc3M9XCJhY3Rpb24taXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwidngtcC0yXCIgKm5nRm9yPVwibGV0IGRhdGEgb2YgKGxvZ2ljLnZhbHVlLnNsaWNlKDEpKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb3VudC12YWx1ZSB2eC1mcy0xMSB2eC1wYXJhZ3JhcGgtdHh0XCIgW2FwcFRvb2x0aXBdPVwiJ1N0cm9uZ2x5IGFncmVlJ1wiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIj57e2RhdGF9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2FwcC1wb3BvdmVyPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyIGFjdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJjbG9zZSB2eC1mcy0xNiB2eC10eHQtcmVkIHZ4LXAtMCB2eC1tLTAgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiICAoY2xpY2spPVwiZGVsZXRlTG9naWMoaSlcIj48aSBjbGFzcz1cImljb25zXCI+JiN4ZTlhZTs8L2k+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImFkZC1idG4gdngtZnMtMTEgdngtZnctNjAwIHZ4LXR4dC1ibHVlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTAgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiIChjbGljayk9XCJtb2RpZnlMb2dpYygpXCI+QWRkIEFkZGl0aW9uYWwgTG9naWMgJiBEaXNwbGF5IENvbmRpdGlvbnMgZm9yIHRoaXMgUXVlc3Rpb248L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/sharedComponents/assessment-editor/components/logic-questions/logic-checkbox/logic-checkbox.component.mjs

@@ -0,0 +1,26 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../../ui-kit/tooltip/tooltip.directive";
+import * as i3 from "../../../../../ui-kit/formgroup/cs-checkbox/cs-checkbox.component";
+export class LogicCheckboxComponent {
+    constructor() {
+        this.changeEvent = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    emitChange(evt, choice) {
+        this.changeEvent.emit({ checked: evt, choice });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LogicCheckboxComponent, selector: "app-logic-checkbox", inputs: { question: "question" }, outputs: { changeEvent: "changeEvent" }, ngImport: i0, template: "<div class=\"logic-checkbox\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-p-3 vx-pt-2 vx-mb-1 vx-w-100\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\r\n            <app-cs-checkbox  (ngValueChange)=\"emitChange($event,choice)\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{choice?.title}}</div>\r\n            </app-cs-checkbox>\r\n        </li>\r\n        <li class=\"vx-p-3 vx-pt-2 vx-mb-1 vx-w-100\" *ngIf='question?.hasOther'>\r\n            <app-cs-checkbox (ngValueChange)=\"emitChange($event,{title:'Other'})\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Other'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Other</div>\r\n            </app-cs-checkbox>\r\n        </li>\r\n    </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-checkbox ul{list-style-type:none}::ng-deep .logic-checkbox ul li{background:#fbfbfb;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .logic-checkbox ul li app-cs-checkbox{display:block;width:100%!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item{width:100%!important;padding-left:1rem!important;position:relative}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0!important;left:0!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .value{width:100%!important;justify-content:start!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}\n"], 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.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-logic-checkbox', template: "<div class=\"logic-checkbox\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-p-3 vx-pt-2 vx-mb-1 vx-w-100\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\r\n            <app-cs-checkbox  (ngValueChange)=\"emitChange($event,choice)\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{choice?.title}}</div>\r\n            </app-cs-checkbox>\r\n        </li>\r\n        <li class=\"vx-p-3 vx-pt-2 vx-mb-1 vx-w-100\" *ngIf='question?.hasOther'>\r\n            <app-cs-checkbox (ngValueChange)=\"emitChange($event,{title:'Other'})\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Other'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Other</div>\r\n            </app-cs-checkbox>\r\n        </li>\r\n    </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-checkbox ul{list-style-type:none}::ng-deep .logic-checkbox ul li{background:#fbfbfb;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .logic-checkbox ul li app-cs-checkbox{display:block;width:100%!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item{width:100%!important;padding-left:1rem!important;position:relative}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0!important;left:0!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .value{width:100%!important;justify-content:start!important}::ng-deep .logic-checkbox ul li app-cs-checkbox .checkbox-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
+                type: Input
+            }], changeEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL2xvZ2ljLXF1ZXN0aW9ucy9sb2dpYy1jaGVja2JveC9sb2dpYy1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLWNoZWNrYm94L2xvZ2ljLWNoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9FLE1BQU0sT0FBTyxzQkFBc0I7SUFJakM7UUFEVSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDaEMsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUNELFVBQVUsQ0FBQyxHQUFPLEVBQUMsTUFBVTtRQUM1QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFDLE9BQU8sRUFBQyxHQUFHLEVBQUUsTUFBTSxFQUFDLENBQUMsQ0FBQTtJQUM3QyxDQUFDOytHQVZVLHNCQUFzQjttR0FBdEIsc0JBQXNCLHFJQ1BuQyw4N0JBYU07OzRGRE5PLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7MEVBTXJCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWxvZ2ljLWNoZWNrYm94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9naWMtY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvZ2ljLWNoZWNrYm94LmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIExvZ2ljQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBxdWVzdGlvbiE6IGFueTtcclxuICBAT3V0cHV0KCkgY2hhbmdlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcbiAgZW1pdENoYW5nZShldnQ6YW55LGNob2ljZTphbnkpe1xyXG4gICB0aGlzLmNoYW5nZUV2ZW50LmVtaXQoe2NoZWNrZWQ6ZXZ0LCBjaG9pY2V9KVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImxvZ2ljLWNoZWNrYm94XCI+XHJcbiAgICA8dWwgY2xhc3M9XCJ2eC1wLTAgdngtbS0wXCI+XHJcbiAgICAgICAgPGxpIGNsYXNzPVwidngtcC0zIHZ4LXB0LTIgdngtbWItMSB2eC13LTEwMFwiICpuZ0Zvcj1cImxldCBjaG9pY2Ugb2YgcXVlc3Rpb24/LmNob2ljZXM7IGxldCBjaG9pY2VJbmRleCA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgIDxhcHAtY3MtY2hlY2tib3ggIChuZ1ZhbHVlQ2hhbmdlKT1cImVtaXRDaGFuZ2UoJGV2ZW50LGNob2ljZSlcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHZ4LWZzLTEzIHZ4LXBhcmFncmFwaC10eHRcIiBbYXBwVG9vbHRpcF09XCJjaG9pY2U/LnRpdGxlXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPnt7Y2hvaWNlPy50aXRsZX19PC9kaXY+XHJcbiAgICAgICAgICAgIDwvYXBwLWNzLWNoZWNrYm94PlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgICAgPGxpIGNsYXNzPVwidngtcC0zIHZ4LXB0LTIgdngtbWItMSB2eC13LTEwMFwiICpuZ0lmPSdxdWVzdGlvbj8uaGFzT3RoZXInPlxyXG4gICAgICAgICAgICA8YXBwLWNzLWNoZWNrYm94IChuZ1ZhbHVlQ2hhbmdlKT1cImVtaXRDaGFuZ2UoJGV2ZW50LHt0aXRsZTonT3RoZXInfSlcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHZ4LWZzLTEzIHZ4LXBhcmFncmFwaC10eHRcIiBbYXBwVG9vbHRpcF09XCInT3RoZXInXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPk90aGVyPC9kaXY+XHJcbiAgICAgICAgICAgIDwvYXBwLWNzLWNoZWNrYm94PlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICA8L3VsPlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/sharedComponents/assessment-editor/components/logic-questions/logic-comment-box/logic-comment-box.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LogicCommentBoxComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicCommentBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LogicCommentBoxComponent, selector: "app-logic-comment-box", ngImport: i0, template: "<div class=\"logic-comment-box\">\r\n    <textarea type=\"text\" placeholder=\"Please enter a response\"></textarea>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";.logic-comment-box textarea{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;width:37.5rem;height:8rem;padding:.5rem .75rem;outline:none;resize:none;transition:all .2s ease-in-out}.logic-comment-box textarea:hover,.logic-comment-box textarea:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicCommentBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-logic-comment-box', template: "<div class=\"logic-comment-box\">\r\n    <textarea type=\"text\" placeholder=\"Please enter a response\"></textarea>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";.logic-comment-box textarea{border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:13px;width:37.5rem;height:8rem;padding:.5rem .75rem;outline:none;resize:none;transition:all .2s ease-in-out}.logic-comment-box textarea:hover,.logic-comment-box textarea:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtY29tbWVudC1ib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL2xvZ2ljLXF1ZXN0aW9ucy9sb2dpYy1jb21tZW50LWJveC9sb2dpYy1jb21tZW50LWJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLWNvbW1lbnQtYm94L2xvZ2ljLWNvbW1lbnQtYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBT2xELE1BQU0sT0FBTyx3QkFBd0I7SUFFbkMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBTFUsd0JBQXdCO21HQUF4Qix3QkFBd0IsNkRDUHJDLGdJQUVNOzs0RkRLTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWxvZ2ljLWNvbW1lbnQtYm94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9naWMtY29tbWVudC1ib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvZ2ljLWNvbW1lbnQtYm94LmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIExvZ2ljQ29tbWVudEJveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImxvZ2ljLWNvbW1lbnQtYm94XCI+XHJcbiAgICA8dGV4dGFyZWEgdHlwZT1cInRleHRcIiBwbGFjZWhvbGRlcj1cIlBsZWFzZSBlbnRlciBhIHJlc3BvbnNlXCI+PC90ZXh0YXJlYT5cclxuPC9kaXY+Il19

package/esm2022/lib/sharedComponents/assessment-editor/components/logic-questions/logic-date-time/logic-date-time.component.mjs

@@ -0,0 +1,56 @@
+import { Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../services/common.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../../../../../ui-kit/tooltip/tooltip.directive";
+import * as i5 from "ng2-date-picker";
+import * as i6 from "ngx-material-timepicker";
+export class LogicDateTimeComponent {
+    constructor(commonService) {
+        this.commonService = commonService;
+        this.datepickerOverlay = false;
+        this.changeEvent = new EventEmitter();
+    }
+    ngOnInit() { }
+    openDatePicker() {
+        this.datePicker?.api?.open();
+        this.datepickerOverlay = true;
+    }
+    closeDatepicker() {
+        this.datePicker?.api?.close();
+        this.datepickerOverlay = false;
+    }
+    dateChanged(evt) { }
+    timeChanged(evt) { }
+    documentClick(event) {
+        const datePickerObject = {
+            event: event,
+            class: 'date-picker',
+            popup: this.datePickerPopUp,
+            component: this.datePicker,
+            overlay: this.datepickerOverlay
+        };
+        this.commonService.handleDocumentClick(datePickerObject);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicDateTimeComponent, deps: [{ token: i1.CommonService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LogicDateTimeComponent, selector: "app-logic-date-time", inputs: { question: "question" }, outputs: { changeEvent: "changeEvent" }, host: { listeners: { "document:click": "documentClick($event)" } }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "datePickerPopUp", first: true, predicate: ["datePicker"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"logic-date-time vx-mb-5\">\r\n  <div class=\"input-group vx-d-flex vx-mb-2\" *ngIf=\"question.hasDate\">\r\n    <span\r\n      class=\"label vx-bg-grey vx-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n    >\r\n      <span\r\n        class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\"\r\n        [appTooltip]=\"'Date of birth'\"\r\n        placement=\"bottom-left\"\r\n        delay=\"0\"\r\n        type=\"black\"\r\n        [tooltipMandatory]=\"false\"\r\n        >{{ question?.date?.title ? question?.date?.title : \"Date\" }}</span\r\n      >\r\n    </span>\r\n    <div class=\"date-time-area\">\r\n      <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe996;</i>\r\n      <input\r\n        class=\"datePicker\"\r\n        (click)=\"openDatePicker()\"\r\n        placeholder=\"Enter Date\"\r\n        id=\"date-picker\"\r\n      />\r\n      <dp-date-picker\r\n        (onChange)=\"dateChanged($event)\"\r\n        [(ngModel)]=\"question.date.value\"\r\n        #datePicker\r\n        [config]=\"{ disableKeypress: true, format: 'DD MMM YYYY' }\"\r\n        placeholder=\"Select Date\"\r\n        (click)=\"openDatePicker()\"\r\n        (click)=\"closeDatepicker()\"\r\n      ></dp-date-picker>\r\n      <div\r\n        class=\"overlay\"\r\n        (click)=\"closeDatepicker()\"\r\n        *ngIf=\"datepickerOverlay\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n  <div class=\"input-group vx-d-flex vx-mb-10\" *ngIf=\"question.hasTime\">\r\n    <span\r\n      class=\"label vx-bg-grey vx-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n    >\r\n      <span\r\n        class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\"\r\n        [appTooltip]=\"'Time of birth'\"\r\n        placement=\"bottom-left\"\r\n        delay=\"0\"\r\n        type=\"black\"\r\n        [tooltipMandatory]=\"false\"\r\n        >{{ question?.time?.title ? question?.time?.title : \"Time\" }}</span\r\n      >\r\n    </span>\r\n    <div class=\"date-time-area\">\r\n      <input\r\n        aria-label=\"12hr format\"\r\n        [ngxTimepicker]=\"timeOnly\"\r\n        readonly\r\n        placeholder=\"Enter Time\"\r\n        [(ngModel)]=\"question.time.value\"\r\n      />\r\n      <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe955;</i>\r\n      <ngx-material-timepicker #timeOnly></ngx-material-timepicker>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-date-time{display:block;max-width:37.5rem}::ng-deep .logic-date-time .input-group{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}::ng-deep .logic-date-time .input-group .label{width:5.875rem}::ng-deep .logic-date-time .input-group .label .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}::ng-deep .logic-date-time .input-group .date-time-area{width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .logic-date-time .input-group .date-time-area input{background:transparent;border:none;border-radius:0;font-size:12px;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .logic-date-time .input-group .date-time-area input::placeholder{color:#747576;opacity:1}::ng-deep .logic-date-time .input-group .date-time-area input.datePicker{opacity:0}::ng-deep .logic-date-time .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .logic-date-time .input-group .date-time-area .overlay{z-index:2}::ng-deep dp-date-picker input.dp-picker-input{opacity:1;top:-54px;font-size:11px;color:#161b2f}::ng-deep dp-date-picker input.dp-picker-input::placeholder{color:#747576;opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i5.DatePickerComponent, selector: "dp-date-picker", inputs: ["config", "mode", "placeholder", "disabled", "displayDate", "theme", "minDate", "maxDate", "minTime", "maxTime"], outputs: ["open", "close", "onChange", "onGoToCurrent", "onLeftNav", "onRightNav", "onSelect"] }, { kind: "component", type: i6.NgxMaterialTimepickerComponent, selector: "ngx-material-timepicker", inputs: ["cancelBtnTmpl", "editableHintTmpl", "confirmBtnTmpl", "ESC", "enableKeyboardInput", "preventOverlayClick", "disableAnimation", "appendToInput", "hoursOnly", "defaultTime", "timepickerClass", "theme", "min", "max", "ngxMaterialTimepickerTheme", "format", "minutesGap"], outputs: ["timeSet", "opened", "closed", "hourSelected", "timeChanged"] }, { kind: "directive", type: i6.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "min", "max", "ngxTimepicker", "value", "disabled", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicDateTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-logic-date-time', template: "<div class=\"logic-date-time vx-mb-5\">\r\n  <div class=\"input-group vx-d-flex vx-mb-2\" *ngIf=\"question.hasDate\">\r\n    <span\r\n      class=\"label vx-bg-grey vx-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n    >\r\n      <span\r\n        class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\"\r\n        [appTooltip]=\"'Date of birth'\"\r\n        placement=\"bottom-left\"\r\n        delay=\"0\"\r\n        type=\"black\"\r\n        [tooltipMandatory]=\"false\"\r\n        >{{ question?.date?.title ? question?.date?.title : \"Date\" }}</span\r\n      >\r\n    </span>\r\n    <div class=\"date-time-area\">\r\n      <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe996;</i>\r\n      <input\r\n        class=\"datePicker\"\r\n        (click)=\"openDatePicker()\"\r\n        placeholder=\"Enter Date\"\r\n        id=\"date-picker\"\r\n      />\r\n      <dp-date-picker\r\n        (onChange)=\"dateChanged($event)\"\r\n        [(ngModel)]=\"question.date.value\"\r\n        #datePicker\r\n        [config]=\"{ disableKeypress: true, format: 'DD MMM YYYY' }\"\r\n        placeholder=\"Select Date\"\r\n        (click)=\"openDatePicker()\"\r\n        (click)=\"closeDatepicker()\"\r\n      ></dp-date-picker>\r\n      <div\r\n        class=\"overlay\"\r\n        (click)=\"closeDatepicker()\"\r\n        *ngIf=\"datepickerOverlay\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n  <div class=\"input-group vx-d-flex vx-mb-10\" *ngIf=\"question.hasTime\">\r\n    <span\r\n      class=\"label vx-bg-grey vx-lh-24 vx-d-flex vx-text-center vx-p-2 vx-justify-center vx-align-center\"\r\n    >\r\n      <span\r\n        class=\"value vx-fs-11 vx-label-txt vx-tt-uppercase\"\r\n        [appTooltip]=\"'Time of birth'\"\r\n        placement=\"bottom-left\"\r\n        delay=\"0\"\r\n        type=\"black\"\r\n        [tooltipMandatory]=\"false\"\r\n        >{{ question?.time?.title ? question?.time?.title : \"Time\" }}</span\r\n      >\r\n    </span>\r\n    <div class=\"date-time-area\">\r\n      <input\r\n        aria-label=\"12hr format\"\r\n        [ngxTimepicker]=\"timeOnly\"\r\n        readonly\r\n        placeholder=\"Enter Time\"\r\n        [(ngModel)]=\"question.time.value\"\r\n      />\r\n      <i class=\"icons vx-fs-14 vx-paragraph-txt\">&#xe955;</i>\r\n      <ngx-material-timepicker #timeOnly></ngx-material-timepicker>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-date-time{display:block;max-width:37.5rem}::ng-deep .logic-date-time .input-group{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}::ng-deep .logic-date-time .input-group .label{width:5.875rem}::ng-deep .logic-date-time .input-group .label .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}::ng-deep .logic-date-time .input-group .date-time-area{width:calc(100% - 5.875rem);height:2.5rem;position:relative}::ng-deep .logic-date-time .input-group .date-time-area input{background:transparent;border:none;border-radius:0;font-size:12px;width:100%;height:100%;outline:none;cursor:pointer;margin:0;padding:8px;position:relative;z-index:1}::ng-deep .logic-date-time .input-group .date-time-area input::placeholder{color:#747576;opacity:1}::ng-deep .logic-date-time .input-group .date-time-area input.datePicker{opacity:0}::ng-deep .logic-date-time .input-group .date-time-area i{position:absolute;top:.75rem;right:.5rem}::ng-deep .logic-date-time .input-group .date-time-area .overlay{z-index:2}::ng-deep dp-date-picker input.dp-picker-input{opacity:1;top:-54px;font-size:11px;color:#161b2f}::ng-deep dp-date-picker input.dp-picker-input::placeholder{color:#747576;opacity:1}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.CommonService }]; }, propDecorators: { datePicker: [{
+                type: ViewChild,
+                args: ['datePicker']
+            }], question: [{
+                type: Input
+            }], changeEvent: [{
+                type: Output
+            }], datePickerPopUp: [{
+                type: ViewChild,
+                args: ['datePicker', { read: ElementRef, static: false }]
+            }], documentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtZGF0ZS10aW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9sb2dpYy1xdWVzdGlvbnMvbG9naWMtZGF0ZS10aW1lL2xvZ2ljLWRhdGUtdGltZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLWRhdGUtdGltZS9sb2dpYy1kYXRlLXRpbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFTdkIsTUFBTSxPQUFPLHNCQUFzQjtJQUtqQyxZQUNVLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBSnRDLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUVoQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFHN0MsQ0FBQztJQUtKLFFBQVEsS0FBVSxDQUFDO0lBRW5CLGNBQWM7UUFDWixJQUFJLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFVBQVUsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUNqQyxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQVEsSUFBRyxDQUFDO0lBQ3hCLFdBQVcsQ0FBQyxHQUFRLElBQUcsQ0FBQztJQUd4QixhQUFhLENBQUMsS0FBVTtRQUN0QixNQUFNLGdCQUFnQixHQUFHO1lBQ3ZCLEtBQUssRUFBRyxLQUFLO1lBQ2IsS0FBSyxFQUFHLGFBQWE7WUFDckIsS0FBSyxFQUFHLElBQUksQ0FBQyxlQUFlO1lBQzVCLFNBQVMsRUFBRyxJQUFJLENBQUMsVUFBVTtZQUMzQixPQUFPLEVBQUcsSUFBSSxDQUFDLGlCQUFpQjtTQUNqQyxDQUFBO1FBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FDcEMsZ0JBQWdCLENBQ2pCLENBQUE7SUFDSCxDQUFDOytHQXZDVSxzQkFBc0I7bUdBQXRCLHNCQUFzQiwrWEFRQSxVQUFVLDZCQzFCN0MsczJFQWtFQTs7NEZEaERhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxxQkFBcUI7b0dBS04sVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZO2dCQUVkLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTTtnQkFLUCxlQUFlO3NCQURkLFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQW9CNUQsYUFBYTtzQkFEWixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSG9zdExpc3RlbmVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbiAgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEYXRlUGlja2VyQ29tcG9uZW50IH0gZnJvbSAnbmcyLWRhdGUtcGlja2VyJztcclxuaW1wb3J0IHsgQ29tbW9uU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3NlcnZpY2VzL2NvbW1vbi5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWxvZ2ljLWRhdGUtdGltZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvZ2ljLWRhdGUtdGltZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbG9naWMtZGF0ZS10aW1lLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2dpY0RhdGVUaW1lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBAVmlld0NoaWxkKCdkYXRlUGlja2VyJykgZGF0ZVBpY2tlciE6IERhdGVQaWNrZXJDb21wb25lbnQ7XHJcbiAgZGF0ZXBpY2tlck92ZXJsYXkgPSBmYWxzZTtcclxuICBASW5wdXQoKSBxdWVzdGlvbiE6IGFueTtcclxuICBAT3V0cHV0KCkgY2hhbmdlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgY29tbW9uU2VydmljZTogQ29tbW9uU2VydmljZVxyXG4gICkge31cclxuICBAVmlld0NoaWxkKCdkYXRlUGlja2VyJywgeyByZWFkOiBFbGVtZW50UmVmLCBzdGF0aWM6IGZhbHNlIH0pXHJcbiAgZGF0ZVBpY2tlclBvcFVwITogRWxlbWVudFJlZjtcclxuXHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgb3BlbkRhdGVQaWNrZXIoKSB7XHJcbiAgICB0aGlzLmRhdGVQaWNrZXI/LmFwaT8ub3BlbigpO1xyXG4gICAgdGhpcy5kYXRlcGlja2VyT3ZlcmxheSA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBjbG9zZURhdGVwaWNrZXIoKSB7XHJcbiAgICB0aGlzLmRhdGVQaWNrZXI/LmFwaT8uY2xvc2UoKTtcclxuICAgIHRoaXMuZGF0ZXBpY2tlck92ZXJsYXkgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIGRhdGVDaGFuZ2VkKGV2dDogYW55KSB7fVxyXG4gIHRpbWVDaGFuZ2VkKGV2dDogYW55KSB7fVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXHJcbiAgZG9jdW1lbnRDbGljayhldmVudDogYW55KTogdm9pZCB7XHJcbiAgICBjb25zdCBkYXRlUGlja2VyT2JqZWN0ID0ge1xyXG4gICAgICBldmVudCA6IGV2ZW50LFxyXG4gICAgICBjbGFzcyA6ICdkYXRlLXBpY2tlcicsXHJcbiAgICAgIHBvcHVwIDogdGhpcy5kYXRlUGlja2VyUG9wVXAsXHJcbiAgICAgIGNvbXBvbmVudCA6IHRoaXMuZGF0ZVBpY2tlcixcclxuICAgICAgb3ZlcmxheSA6IHRoaXMuZGF0ZXBpY2tlck92ZXJsYXlcclxuICAgIH1cclxuICAgIHRoaXMuY29tbW9uU2VydmljZS5oYW5kbGVEb2N1bWVudENsaWNrKFxyXG4gICAgICBkYXRlUGlja2VyT2JqZWN0XHJcbiAgICApXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibG9naWMtZGF0ZS10aW1lIHZ4LW1iLTVcIj5cclxuICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAgdngtZC1mbGV4IHZ4LW1iLTJcIiAqbmdJZj1cInF1ZXN0aW9uLmhhc0RhdGVcIj5cclxuICAgIDxzcGFuXHJcbiAgICAgIGNsYXNzPVwibGFiZWwgdngtYmctZ3JleSB2eC1saC0yNCB2eC1kLWZsZXggdngtdGV4dC1jZW50ZXIgdngtcC0yIHZ4LWp1c3RpZnktY2VudGVyIHZ4LWFsaWduLWNlbnRlclwiXHJcbiAgICA+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgY2xhc3M9XCJ2YWx1ZSB2eC1mcy0xMSB2eC1sYWJlbC10eHQgdngtdHQtdXBwZXJjYXNlXCJcclxuICAgICAgICBbYXBwVG9vbHRpcF09XCInRGF0ZSBvZiBiaXJ0aCdcIlxyXG4gICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgID57eyBxdWVzdGlvbj8uZGF0ZT8udGl0bGUgPyBxdWVzdGlvbj8uZGF0ZT8udGl0bGUgOiBcIkRhdGVcIiB9fTwvc3BhblxyXG4gICAgICA+XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGF0ZS10aW1lLWFyZWFcIj5cclxuICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNCB2eC1wYXJhZ3JhcGgtdHh0XCI+JiN4ZTk5Njs8L2k+XHJcbiAgICAgIDxpbnB1dFxyXG4gICAgICAgIGNsYXNzPVwiZGF0ZVBpY2tlclwiXHJcbiAgICAgICAgKGNsaWNrKT1cIm9wZW5EYXRlUGlja2VyKClcIlxyXG4gICAgICAgIHBsYWNlaG9sZGVyPVwiRW50ZXIgRGF0ZVwiXHJcbiAgICAgICAgaWQ9XCJkYXRlLXBpY2tlclwiXHJcbiAgICAgIC8+XHJcbiAgICAgIDxkcC1kYXRlLXBpY2tlclxyXG4gICAgICAgIChvbkNoYW5nZSk9XCJkYXRlQ2hhbmdlZCgkZXZlbnQpXCJcclxuICAgICAgICBbKG5nTW9kZWwpXT1cInF1ZXN0aW9uLmRhdGUudmFsdWVcIlxyXG4gICAgICAgICNkYXRlUGlja2VyXHJcbiAgICAgICAgW2NvbmZpZ109XCJ7IGRpc2FibGVLZXlwcmVzczogdHJ1ZSwgZm9ybWF0OiAnREQgTU1NIFlZWVknIH1cIlxyXG4gICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IERhdGVcIlxyXG4gICAgICAgIChjbGljayk9XCJvcGVuRGF0ZVBpY2tlcigpXCJcclxuICAgICAgICAoY2xpY2spPVwiY2xvc2VEYXRlcGlja2VyKClcIlxyXG4gICAgICA+PC9kcC1kYXRlLXBpY2tlcj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIGNsYXNzPVwib3ZlcmxheVwiXHJcbiAgICAgICAgKGNsaWNrKT1cImNsb3NlRGF0ZXBpY2tlcigpXCJcclxuICAgICAgICAqbmdJZj1cImRhdGVwaWNrZXJPdmVybGF5XCJcclxuICAgICAgPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwIHZ4LWQtZmxleCB2eC1tYi0xMFwiICpuZ0lmPVwicXVlc3Rpb24uaGFzVGltZVwiPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJsYWJlbCB2eC1iZy1ncmV5IHZ4LWxoLTI0IHZ4LWQtZmxleCB2eC10ZXh0LWNlbnRlciB2eC1wLTIgdngtanVzdGlmeS1jZW50ZXIgdngtYWxpZ24tY2VudGVyXCJcclxuICAgID5cclxuICAgICAgPHNwYW5cclxuICAgICAgICBjbGFzcz1cInZhbHVlIHZ4LWZzLTExIHZ4LWxhYmVsLXR4dCB2eC10dC11cHBlcmNhc2VcIlxyXG4gICAgICAgIFthcHBUb29sdGlwXT1cIidUaW1lIG9mIGJpcnRoJ1wiXHJcbiAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXHJcbiAgICAgICAgPnt7IHF1ZXN0aW9uPy50aW1lPy50aXRsZSA/IHF1ZXN0aW9uPy50aW1lPy50aXRsZSA6IFwiVGltZVwiIH19PC9zcGFuXHJcbiAgICAgID5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxkaXYgY2xhc3M9XCJkYXRlLXRpbWUtYXJlYVwiPlxyXG4gICAgICA8aW5wdXRcclxuICAgICAgICBhcmlhLWxhYmVsPVwiMTJociBmb3JtYXRcIlxyXG4gICAgICAgIFtuZ3hUaW1lcGlja2VyXT1cInRpbWVPbmx5XCJcclxuICAgICAgICByZWFkb25seVxyXG4gICAgICAgIHBsYWNlaG9sZGVyPVwiRW50ZXIgVGltZVwiXHJcbiAgICAgICAgWyhuZ01vZGVsKV09XCJxdWVzdGlvbi50aW1lLnZhbHVlXCJcclxuICAgICAgLz5cclxuICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNCB2eC1wYXJhZ3JhcGgtdHh0XCI+JiN4ZTk1NTs8L2k+XHJcbiAgICAgIDxuZ3gtbWF0ZXJpYWwtdGltZXBpY2tlciAjdGltZU9ubHk+PC9uZ3gtbWF0ZXJpYWwtdGltZXBpY2tlcj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/sharedComponents/assessment-editor/components/logic-questions/logic-dropdown/logic-dropdown.component.mjs

@@ -0,0 +1,33 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../ui-kit/formgroup/cs-select/cs-select.component";
+export class LogicDropdownComponent {
+    set questionSet(value) {
+        this.question = value;
+        if (this.question.hasOther) {
+            this.question.choices.push({ title: 'Other', value: 'Other' });
+        }
+    }
+    constructor() {
+        this.changeEvent = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    emitChange(choice) {
+        this.changeEvent.emit({ choice: { title: choice } });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LogicDropdownComponent, selector: "app-logic-dropdown", inputs: { question: "question", questionSet: ["question", "questionSet"] }, outputs: { changeEvent: "changeEvent" }, ngImport: i0, template: "<div class=\"logic-dropdown\">\r\n    <app-cs-select [dataList]='question?.choices' [valueKey]=\"'title'\" [displayProperty]=\"'title'\" [selectedValue]=\"'Select an option'\" (selectedValueChange)=\"emitChange($event)\"></app-cs-select>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-dropdown{width:37.5rem}::ng-deep .logic-dropdown app-cs-select .input-group .custom-select-box input{height:2.5rem!important}\n"], dependencies: [{ kind: "component", type: i1.CsSelectComponent, selector: "app-cs-select", inputs: ["dataList", "dropdownLabel", "displayProperty", "selectedValue", "isRequired", "dropdownSubLabel", "disabled", "placeholder", "stylex", "valueKey", "multipleSelect", "colorProperty", "colorSelected"], outputs: ["selectedData", "selectedValueChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-logic-dropdown', template: "<div class=\"logic-dropdown\">\r\n    <app-cs-select [dataList]='question?.choices' [valueKey]=\"'title'\" [displayProperty]=\"'title'\" [selectedValue]=\"'Select an option'\" (selectedValueChange)=\"emitChange($event)\"></app-cs-select>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-dropdown{width:37.5rem}::ng-deep .logic-dropdown app-cs-select .input-group .custom-select-box input{height:2.5rem!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
+                type: Input
+            }], questionSet: [{
+                type: Input,
+                args: ['question']
+            }], changeEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL2xvZ2ljLXF1ZXN0aW9ucy9sb2dpYy1kcm9wZG93bi9sb2dpYy1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLWRyb3Bkb3duL2xvZ2ljLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8vRSxNQUFNLE9BQU8sc0JBQXNCO0lBR2pDLElBQXVCLFdBQVcsQ0FBQyxLQUFjO1FBQ2xELElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUM7WUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLENBQUMsQ0FBQTtTQUMxRDtJQUNILENBQUM7SUFFQztRQURVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUNoQyxDQUFDO0lBRWpCLFFBQVE7SUFFUixDQUFDO0lBQ0QsVUFBVSxDQUFDLE1BQVU7UUFFbkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBQyxNQUFNLEVBQUMsRUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLEVBQUMsQ0FBQyxDQUFBO0lBQy9DLENBQUM7K0dBbEJTLHNCQUFzQjttR0FBdEIsc0JBQXNCLCtLQ1BuQyx5UEFFTTs7NEZES08sc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLG9CQUFvQjswRUFNckIsUUFBUTtzQkFBaEIsS0FBSztnQkFDaUIsV0FBVztzQkFBakMsS0FBSzt1QkFBQyxVQUFVO2dCQU1QLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1sb2dpYy1kcm9wZG93bicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvZ2ljLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sb2dpYy1kcm9wZG93bi5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2dpY0Ryb3Bkb3duQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgcXVlc3Rpb24gITogYW55O1xyXG4gIEBJbnB1dCgncXVlc3Rpb24nKSBzZXQgcXVlc3Rpb25TZXQodmFsdWU6IGJvb2xlYW4pIHtcclxuIHRoaXMucXVlc3Rpb24gPSB2YWx1ZTtcclxuaWYodGhpcy5xdWVzdGlvbi5oYXNPdGhlcil7XHJcbiAgICB0aGlzLnF1ZXN0aW9uLmNob2ljZXMucHVzaCh7dGl0bGU6J090aGVyJyx2YWx1ZTonT3RoZXInfSlcclxuICB9XHJcbn1cclxuICBAT3V0cHV0KCkgY2hhbmdlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIFxyXG4gIH1cclxuICBlbWl0Q2hhbmdlKGNob2ljZTphbnkpe1xyXG5cclxuICAgIHRoaXMuY2hhbmdlRXZlbnQuZW1pdCh7Y2hvaWNlOnt0aXRsZTpjaG9pY2V9fSlcclxuICAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibG9naWMtZHJvcGRvd25cIj5cclxuICAgIDxhcHAtY3Mtc2VsZWN0IFtkYXRhTGlzdF09J3F1ZXN0aW9uPy5jaG9pY2VzJyBbdmFsdWVLZXldPVwiJ3RpdGxlJ1wiIFtkaXNwbGF5UHJvcGVydHldPVwiJ3RpdGxlJ1wiIFtzZWxlY3RlZFZhbHVlXT1cIidTZWxlY3QgYW4gb3B0aW9uJ1wiIChzZWxlY3RlZFZhbHVlQ2hhbmdlKT1cImVtaXRDaGFuZ2UoJGV2ZW50KVwiPjwvYXBwLWNzLXNlbGVjdD5cclxuPC9kaXY+Il19

package/esm2022/lib/sharedComponents/assessment-editor/components/logic-questions/logic-image-choice/logic-image-choice.component.mjs

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../../ui-kit/tooltip/tooltip.directive";
+import * as i3 from "../../../../../ui-kit/formgroup/cs-radio/cs-radio.component";
+export class LogicImageChoiceComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicImageChoiceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LogicImageChoiceComponent, selector: "app-logic-image-choice", ngImport: i0, template: "<div class=\"logic-image-choice\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngFor=\"let data of [1, 1, 1]\">\r\n            <app-cs-radio>\r\n                <div class=\"image-box vx-mr-2 vx-mb-1\">\r\n                    <img src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/o/5e481a5d61ca5e14f5731049/survey/61ea303207da150009a97207/image-choice/Screenshot-20220121-at-9-34-07-AM1642737872051.png\" />\r\n                </div>\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Question name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Question name</div>\r\n            </app-cs-radio>\r\n        </li>\r\n    </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-image-choice ul{list-style-type:none}::ng-deep .logic-image-choice ul li{background:#fbfbfb;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .logic-image-choice ul li cs-radio{width:100%!important}::ng-deep .logic-image-choice ul li cs-radio .radio-item{width:100%!important}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value{width:100%}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .image-box{border:1px solid #F1F1F1;border-radius:.125rem;width:5rem;height:3rem}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .image-box img{border-radius:.125rem;width:100%;height:100%}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5.5rem)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"], outputs: ["checkedEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicImageChoiceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-logic-image-choice', template: "<div class=\"logic-image-choice\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngFor=\"let data of [1, 1, 1]\">\r\n            <app-cs-radio>\r\n                <div class=\"image-box vx-mr-2 vx-mb-1\">\r\n                    <img src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/o/5e481a5d61ca5e14f5731049/survey/61ea303207da150009a97207/image-choice/Screenshot-20220121-at-9-34-07-AM1642737872051.png\" />\r\n                </div>\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Question name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Question name</div>\r\n            </app-cs-radio>\r\n        </li>\r\n    </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-image-choice ul{list-style-type:none}::ng-deep .logic-image-choice ul li{background:#fbfbfb;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .logic-image-choice ul li cs-radio{width:100%!important}::ng-deep .logic-image-choice ul li cs-radio .radio-item{width:100%!important}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value{width:100%}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .image-box{border:1px solid #F1F1F1;border-radius:.125rem;width:5rem;height:3rem}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .image-box img{border-radius:.125rem;width:100%;height:100%}::ng-deep .logic-image-choice ul li cs-radio .radio-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5.5rem)}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtaW1hZ2UtY2hvaWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9sb2dpYy1xdWVzdGlvbnMvbG9naWMtaW1hZ2UtY2hvaWNlL2xvZ2ljLWltYWdlLWNob2ljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLWltYWdlLWNob2ljZS9sb2dpYy1pbWFnZS1jaG9pY2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPbEQsTUFBTSxPQUFPLHlCQUF5QjtJQUVwQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FMVSx5QkFBeUI7bUdBQXpCLHlCQUF5Qiw4RENQdEMsNHZCQVdNOzs0RkRKTyx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWxvZ2ljLWltYWdlLWNob2ljZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvZ2ljLWltYWdlLWNob2ljZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbG9naWMtaW1hZ2UtY2hvaWNlLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIExvZ2ljSW1hZ2VDaG9pY2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJsb2dpYy1pbWFnZS1jaG9pY2VcIj5cclxuICAgIDx1bCBjbGFzcz1cInZ4LXAtMCB2eC1tLTBcIj5cclxuICAgICAgICA8bGkgY2xhc3M9XCJ2eC1wLTMgdngtcGItMiB2eC1tYi0xIHZ4LXctMTAwXCIgKm5nRm9yPVwibGV0IGRhdGEgb2YgWzEsIDEsIDFdXCI+XHJcbiAgICAgICAgICAgIDxhcHAtY3MtcmFkaW8+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtYm94IHZ4LW1yLTIgdngtbWItMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9zMy1ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9ldS52LWNvbXBseS5jb20vby81ZTQ4MWE1ZDYxY2E1ZTE0ZjU3MzEwNDkvc3VydmV5LzYxZWEzMDMyMDdkYTE1MDAwOWE5NzIwNy9pbWFnZS1jaG9pY2UvU2NyZWVuc2hvdC0yMDIyMDEyMS1hdC05LTM0LTA3LUFNMTY0MjczNzg3MjA1MS5wbmdcIiAvPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZSB2eC1mcy0xMyB2eC1wYXJhZ3JhcGgtdHh0XCIgW2FwcFRvb2x0aXBdPVwiJ1F1ZXN0aW9uIG5hbWUnXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPlF1ZXN0aW9uIG5hbWU8L2Rpdj5cclxuICAgICAgICAgICAgPC9hcHAtY3MtcmFkaW8+XHJcbiAgICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/sharedComponents/assessment-editor/components/logic-questions/logic-multiple-choice/logic-multiple-choice.component.mjs

@@ -0,0 +1,26 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../../ui-kit/tooltip/tooltip.directive";
+import * as i3 from "../../../../../ui-kit/formgroup/cs-radio/cs-radio.component";
+export class LogicMultipleChoiceComponent {
+    constructor() {
+        this.changeEvent = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    radioChecked(evt, choice) {
+        this.changeEvent.emit({ checked: evt, choice });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicMultipleChoiceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LogicMultipleChoiceComponent, selector: "app-logic-multiple-choice", inputs: { question: "question" }, outputs: { changeEvent: "changeEvent" }, ngImport: i0, template: "<div class=\"logic-multiple-choice\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\r\n            <app-cs-radio  (checkedEvent) = \"radioChecked($event,choice)\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{choice?.title}}</div>\r\n            </app-cs-radio>\r\n        </li>\r\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngIf='question?.hasOther'>\r\n            <app-cs-radio  (checkedEvent) = \"radioChecked($event,{title:'Other'})\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Other'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Other</div>\r\n            </app-cs-radio>\r\n        </li>\r\n    </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-multiple-choice ul{list-style-type:none}::ng-deep .logic-multiple-choice ul li{background:#fbfbfb;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .logic-multiple-choice ul li cs-radio{width:100%!important}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item{width:100%!important}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item .value{width:100%}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}\n"], 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"], outputs: ["checkedEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicMultipleChoiceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-logic-multiple-choice', template: "<div class=\"logic-multiple-choice\">\r\n    <ul class=\"vx-p-0 vx-m-0\">\r\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\r\n            <app-cs-radio  (checkedEvent) = \"radioChecked($event,choice)\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"choice?.title\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{choice?.title}}</div>\r\n            </app-cs-radio>\r\n        </li>\r\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngIf='question?.hasOther'>\r\n            <app-cs-radio  (checkedEvent) = \"radioChecked($event,{title:'Other'})\">\r\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Other'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Other</div>\r\n            </app-cs-radio>\r\n        </li>\r\n    </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-multiple-choice ul{list-style-type:none}::ng-deep .logic-multiple-choice ul li{background:#fbfbfb;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .logic-multiple-choice ul li cs-radio{width:100%!important}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item{width:100%!important}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item .value{width:100%}::ng-deep .logic-multiple-choice ul li cs-radio .radio-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
+                type: Input
+            }], changeEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtbXVsdGlwbGUtY2hvaWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9sb2dpYy1xdWVzdGlvbnMvbG9naWMtbXVsdGlwbGUtY2hvaWNlL2xvZ2ljLW11bHRpcGxlLWNob2ljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLW11bHRpcGxlLWNob2ljZS9sb2dpYy1tdWx0aXBsZS1jaG9pY2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPL0UsTUFBTSxPQUFPLDRCQUE0QjtJQUl2QztRQURVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUNoQyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBQ0QsWUFBWSxDQUFDLEdBQU8sRUFBQyxNQUFVO1FBQzdCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUMsT0FBTyxFQUFDLEdBQUcsRUFBRSxNQUFNLEVBQUMsQ0FBQyxDQUFBO0lBQzlDLENBQUM7K0dBVlUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsNElDUHpDLGc4QkFhTTs7NEZETk8sNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLDJCQUEyQjswRUFNNUIsUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtbG9naWMtbXVsdGlwbGUtY2hvaWNlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9naWMtbXVsdGlwbGUtY2hvaWNlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sb2dpYy1tdWx0aXBsZS1jaG9pY2UuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9naWNNdWx0aXBsZUNob2ljZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHF1ZXN0aW9uITogYW55O1xyXG4gIEBPdXRwdXQoKSBjaGFuZ2VFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuICByYWRpb0NoZWNrZWQoZXZ0OmFueSxjaG9pY2U6YW55KXtcclxuICAgIHRoaXMuY2hhbmdlRXZlbnQuZW1pdCh7Y2hlY2tlZDpldnQsIGNob2ljZX0pXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibG9naWMtbXVsdGlwbGUtY2hvaWNlXCI+XHJcbiAgICA8dWwgY2xhc3M9XCJ2eC1wLTAgdngtbS0wXCI+XHJcbiAgICAgICAgPGxpIGNsYXNzPVwidngtcC0zIHZ4LXBiLTIgdngtbWItMSB2eC13LTEwMFwiICpuZ0Zvcj1cImxldCBjaG9pY2Ugb2YgcXVlc3Rpb24/LmNob2ljZXM7IGxldCBjaG9pY2VJbmRleCA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgIDxhcHAtY3MtcmFkaW8gIChjaGVja2VkRXZlbnQpID0gXCJyYWRpb0NoZWNrZWQoJGV2ZW50LGNob2ljZSlcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHZ4LWZzLTEzIHZ4LXBhcmFncmFwaC10eHRcIiBbYXBwVG9vbHRpcF09XCJjaG9pY2U/LnRpdGxlXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPnt7Y2hvaWNlPy50aXRsZX19PC9kaXY+XHJcbiAgICAgICAgICAgIDwvYXBwLWNzLXJhZGlvPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgICAgPGxpIGNsYXNzPVwidngtcC0zIHZ4LXBiLTIgdngtbWItMSB2eC13LTEwMFwiICpuZ0lmPSdxdWVzdGlvbj8uaGFzT3RoZXInPlxyXG4gICAgICAgICAgICA8YXBwLWNzLXJhZGlvICAoY2hlY2tlZEV2ZW50KSA9IFwicmFkaW9DaGVja2VkKCRldmVudCx7dGl0bGU6J090aGVyJ30pXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZSB2eC1mcy0xMyB2eC1wYXJhZ3JhcGgtdHh0XCIgW2FwcFRvb2x0aXBdPVwiJ090aGVyJ1wiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIj5PdGhlcjwvZGl2PlxyXG4gICAgICAgICAgICA8L2FwcC1jcy1yYWRpbz5cclxuICAgICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuPC9kaXY+Il19

package/esm2022/lib/sharedComponents/assessment-editor/components/logic-questions/logic-multiple-textbox/logic-multiple-textbox.component.mjs

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../../ui-kit/tooltip/tooltip.directive";
+export class LogicMultipleTextboxComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicMultipleTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LogicMultipleTextboxComponent, selector: "app-logic-multiple-textbox", ngImport: i0, template: "<div class=\"logic-multiple-textbox vx-d-block\">\r\n    <div class=\"input-group vx-d-flex vx-mb-2\" *ngFor=\"let data of [1, 1, 1]\">\r\n        <span class=\"vx-bg-grey vx-label-txt vx-lh-20 vx-fs-12 vx-align-center vx-lh-5 vx-p-2\" [appTooltip]=\"'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span>\r\n        <input class=\"vx-fs-12 vx-lh-20 vx-paragraph-txt vx-p-2\" type=\"text\" placeholder='Please enter a response'>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-multiple-textbox{max-width:37.5rem}::ng-deep .logic-multiple-textbox .input-group{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}::ng-deep .logic-multiple-textbox .input-group span{width:7.5rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .logic-multiple-textbox .input-group input{width:calc(100% - 7.5rem);border:none;outline:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicMultipleTextboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-logic-multiple-textbox', template: "<div class=\"logic-multiple-textbox vx-d-block\">\r\n    <div class=\"input-group vx-d-flex vx-mb-2\" *ngFor=\"let data of [1, 1, 1]\">\r\n        <span class=\"vx-bg-grey vx-label-txt vx-lh-20 vx-fs-12 vx-align-center vx-lh-5 vx-p-2\" [appTooltip]=\"'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span>\r\n        <input class=\"vx-fs-12 vx-lh-20 vx-paragraph-txt vx-p-2\" type=\"text\" placeholder='Please enter a response'>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .logic-multiple-textbox{max-width:37.5rem}::ng-deep .logic-multiple-textbox .input-group{border:1px solid #F1F1F1;border-radius:.25rem;position:relative}::ng-deep .logic-multiple-textbox .input-group span{width:7.5rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .logic-multiple-textbox .input-group input{width:calc(100% - 7.5rem);border:none;outline:none}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtbXVsdGlwbGUtdGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLW11bHRpcGxlLXRleHRib3gvbG9naWMtbXVsdGlwbGUtdGV4dGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLW11bHRpcGxlLXRleHRib3gvbG9naWMtbXVsdGlwbGUtdGV4dGJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2xELE1BQU0sT0FBTyw2QkFBNkI7SUFFeEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBTFUsNkJBQTZCO21HQUE3Qiw2QkFBNkIsa0VDUDFDLDJ4QkFLTTs7NEZERU8sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLDRCQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1sb2dpYy1tdWx0aXBsZS10ZXh0Ym94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9naWMtbXVsdGlwbGUtdGV4dGJveC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbG9naWMtbXVsdGlwbGUtdGV4dGJveC5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2dpY011bHRpcGxlVGV4dGJveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImxvZ2ljLW11bHRpcGxlLXRleHRib3ggdngtZC1ibG9ja1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwIHZ4LWQtZmxleCB2eC1tYi0yXCIgKm5nRm9yPVwibGV0IGRhdGEgb2YgWzEsIDEsIDFdXCI+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC1iZy1ncmV5IHZ4LWxhYmVsLXR4dCB2eC1saC0yMCB2eC1mcy0xMiB2eC1hbGlnbi1jZW50ZXIgdngtbGgtNSB2eC1wLTJcIiBbYXBwVG9vbHRpcF09XCInTG9yZW0gSXBzdW0gaXMgc2ltcGx5IGR1bW15IHRleHQgb2YgdGhlIHByaW50aW5nIGFuZCB0eXBlc2V0dGluZyBpbmR1c3RyeS4gTG9yZW0gSXBzdW0gaGFzIGJlZW4gdGhlIGluZHVzdHJ5IHN0YW5kYXJkIGR1bW15IHRleHQgZXZlciBzaW5jZSB0aGUgMTUwMHMuJ1wiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiPkxvcmVtIElwc3VtIGlzIHNpbXBseSBkdW1teSB0ZXh0IG9mIHRoZSBwcmludGluZyBhbmQgdHlwZXNldHRpbmcgaW5kdXN0cnkuIExvcmVtIElwc3VtIGhhcyBiZWVuIHRoZSBpbmR1c3RyeSdzIHN0YW5kYXJkIGR1bW15IHRleHQgZXZlciBzaW5jZSB0aGUgMTUwMHMuPC9zcGFuPlxyXG4gICAgICAgIDxpbnB1dCBjbGFzcz1cInZ4LWZzLTEyIHZ4LWxoLTIwIHZ4LXBhcmFncmFwaC10eHQgdngtcC0yXCIgdHlwZT1cInRleHRcIiBwbGFjZWhvbGRlcj0nUGxlYXNlIGVudGVyIGEgcmVzcG9uc2UnPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==