import { Component, Input } from '@angular/core';
import { AddLogicComponent } from '../add-logic/add-logic.component';
import { ASSETS } from '../../../../../lib/constants/assets.constants';
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',
        };
        this.ASSETS = ASSETS;
    }
    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\">\n  <div class=\"logic-condition vx-p-2 vx-pl-3 vx-pr-3 vx-mb-3\">\n    <div class=\"heading vx-fs-14 vx-fw-500 vx-label-txt vx-mb-1\">\n      Is visible when\n    </div>\n    <div class=\"details vx-fs-12 vx-paragraph-txt\">\n      Use this to define display conditions for the questions in the assessment.\n    </div>\n  </div>\n  <div\n    *ngIf=\"question.visibilityLogic.length === 0\"\n    class=\"no-selected vx-text-center\"\n  >\n    <img [src]=\"ASSETS.add_logic\" />\n    <button\n      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\"\n      (click)=\"modifyLogic()\"\n    >\n      ADD LOGIC & DISPLAY CONDITIONS FOR THIS QUESTION\n    </button>\n  </div>\n  <div class=\"logic-table\" *ngIf=\"question.visibilityLogic.length > 0\">\n    <div class=\"table-header\">\n      <div class=\"table-row vx-pl-2\">\n        <div\n          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\"\n        >\n          QUESTIONS\n        </div>\n        <div\n          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\"\n        >\n          LOGIC OPERATORS\n        </div>\n        <div\n          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\"\n        >\n          VALUES\n        </div>\n        <div\n          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\"\n        ></div>\n      </div>\n    </div>\n    <div class=\"table-body\">\n      <div\n        class=\"table-row vx-pl-2\"\n        *ngFor=\"let logic of question.visibilityLogic; let i = index\"\n      >\n        <div\n          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\"\n          *ngIf=\"question.visibilityLogic.length > 1 && i !== 0\"\n        >\n          AND\n        </div>\n        <div\n          class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center question\"\n        >\n          <div\n            class=\"name vx-fs-13 vx-paragraph-txt\"\n            [appTooltip]=\"logic.questionTitle\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n            [innerHTML]=\"logic.questionTitle\"\n          ></div>\n        </div>\n        <div\n          class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center logic-operator\"\n        >\n          <div\n            class=\"label vx-fs-11 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1 vx-lh-4\"\n            [class.blue]=\"logic.operator == 'answered'\"\n            [class.green]=\"logic.operator != 'answered'\"\n            *ngIf=\"logic.operator\"\n          >\n            {{ operatorVal[logic.operator] }}\n          </div>\n        </div>\n        <div\n          class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center value\"\n        >\n          <div\n            *ngIf=\"logic.value != '' && (logic.value | typeof) === 'object'\"\n            class=\"value-name vx-fs-12 vx-paragraph-txt vx-pl-2 vx-pr-2 vx-lh-6 vx-mr-1\"\n            [appTooltip]=\"logic.value[0]\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n            [innerHTML]=\"logic.value[0]\"\n          ></div>\n          <div\n            *ngIf=\"logic.value != '' && (logic.value | typeof) !== 'object'\"\n            class=\"value-name vx-fs-12 vx-paragraph-txt vx-pl-2 vx-pr-2 vx-lh-6 vx-mr-1\"\n            [appTooltip]=\"logic.value\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n            [innerHTML]=\"logic.value\"\n          ></div>\n\n          <button\n            *ngIf=\"\n              logic.value?.length > 1 && (logic.value | typeof) === 'object'\n            \"\n            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\"\n            appPopover\n            (click)=\"count.popover()\"\n            placement=\"right\"\n          >\n            +{{ logic?.value?.length - 1 }}\n          </button>\n\n          <app-popover #count>\n            <div\n              class=\"wf-action-list\"\n              *ngIf=\"(logic.value | typeof) === 'object'\"\n            >\n              <ul class=\"action-item\">\n                <li class=\"vx-p-2\" *ngFor=\"let data of logic.value.slice(1)\">\n                  <div\n                    class=\"count-value vx-fs-11 vx-paragraph-txt\"\n                    [appTooltip]=\"'Strongly agree'\"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                  >\n                    {{ data }}\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </app-popover>\n        </div>\n        <div\n          class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center action\"\n        >\n          <button\n            class=\"close vx-fs-16 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center\"\n            (click)=\"deleteLogic(i)\"\n          >\n            <i class=\"icons\">&#xe9ae;</i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <button\n      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\"\n      (click)=\"modifyLogic()\"\n    >\n      Add Additional Logic & Display Conditions for this Question\n    </button>\n  </div>\n</div>\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\">\n  <div class=\"logic-condition vx-p-2 vx-pl-3 vx-pr-3 vx-mb-3\">\n    <div class=\"heading vx-fs-14 vx-fw-500 vx-label-txt vx-mb-1\">\n      Is visible when\n    </div>\n    <div class=\"details vx-fs-12 vx-paragraph-txt\">\n      Use this to define display conditions for the questions in the assessment.\n    </div>\n  </div>\n  <div\n    *ngIf=\"question.visibilityLogic.length === 0\"\n    class=\"no-selected vx-text-center\"\n  >\n    <img [src]=\"ASSETS.add_logic\" />\n    <button\n      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\"\n      (click)=\"modifyLogic()\"\n    >\n      ADD LOGIC & DISPLAY CONDITIONS FOR THIS QUESTION\n    </button>\n  </div>\n  <div class=\"logic-table\" *ngIf=\"question.visibilityLogic.length > 0\">\n    <div class=\"table-header\">\n      <div class=\"table-row vx-pl-2\">\n        <div\n          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\"\n        >\n          QUESTIONS\n        </div>\n        <div\n          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\"\n        >\n          LOGIC OPERATORS\n        </div>\n        <div\n          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\"\n        >\n          VALUES\n        </div>\n        <div\n          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\"\n        ></div>\n      </div>\n    </div>\n    <div class=\"table-body\">\n      <div\n        class=\"table-row vx-pl-2\"\n        *ngFor=\"let logic of question.visibilityLogic; let i = index\"\n      >\n        <div\n          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\"\n          *ngIf=\"question.visibilityLogic.length > 1 && i !== 0\"\n        >\n          AND\n        </div>\n        <div\n          class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center question\"\n        >\n          <div\n            class=\"name vx-fs-13 vx-paragraph-txt\"\n            [appTooltip]=\"logic.questionTitle\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n            [innerHTML]=\"logic.questionTitle\"\n          ></div>\n        </div>\n        <div\n          class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center logic-operator\"\n        >\n          <div\n            class=\"label vx-fs-11 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1 vx-lh-4\"\n            [class.blue]=\"logic.operator == 'answered'\"\n            [class.green]=\"logic.operator != 'answered'\"\n            *ngIf=\"logic.operator\"\n          >\n            {{ operatorVal[logic.operator] }}\n          </div>\n        </div>\n        <div\n          class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center value\"\n        >\n          <div\n            *ngIf=\"logic.value != '' && (logic.value | typeof) === 'object'\"\n            class=\"value-name vx-fs-12 vx-paragraph-txt vx-pl-2 vx-pr-2 vx-lh-6 vx-mr-1\"\n            [appTooltip]=\"logic.value[0]\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n            [innerHTML]=\"logic.value[0]\"\n          ></div>\n          <div\n            *ngIf=\"logic.value != '' && (logic.value | typeof) !== 'object'\"\n            class=\"value-name vx-fs-12 vx-paragraph-txt vx-pl-2 vx-pr-2 vx-lh-6 vx-mr-1\"\n            [appTooltip]=\"logic.value\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n            [innerHTML]=\"logic.value\"\n          ></div>\n\n          <button\n            *ngIf=\"\n              logic.value?.length > 1 && (logic.value | typeof) === 'object'\n            \"\n            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\"\n            appPopover\n            (click)=\"count.popover()\"\n            placement=\"right\"\n          >\n            +{{ logic?.value?.length - 1 }}\n          </button>\n\n          <app-popover #count>\n            <div\n              class=\"wf-action-list\"\n              *ngIf=\"(logic.value | typeof) === 'object'\"\n            >\n              <ul class=\"action-item\">\n                <li class=\"vx-p-2\" *ngFor=\"let data of logic.value.slice(1)\">\n                  <div\n                    class=\"count-value vx-fs-11 vx-paragraph-txt\"\n                    [appTooltip]=\"'Strongly agree'\"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                  >\n                    {{ data }}\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </app-popover>\n        </div>\n        <div\n          class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center action\"\n        >\n          <button\n            class=\"close vx-fs-16 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center\"\n            (click)=\"deleteLogic(i)\"\n          >\n            <i class=\"icons\">&#xe9ae;</i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <button\n      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\"\n      (click)=\"modifyLogic()\"\n    >\n      Add Additional Logic & Display Conditions for this Question\n    </button>\n  </div>\n</div>\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, 