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\">\n    <ul class=\"vx-p-0 vx-m-0\">\n        <li class=\"vx-p-3 vx-pt-2 vx-mb-1 vx-w-100\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\n            <app-cs-checkbox  (ngValueChange)=\"emitChange($event,choice)\">\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>\n            </app-cs-checkbox>\n        </li>\n        <li class=\"vx-p-3 vx-pt-2 vx-mb-1 vx-w-100\" *ngIf='question?.hasOther'>\n            <app-cs-checkbox (ngValueChange)=\"emitChange($event,{title:'Other'})\">\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Other'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Other</div>\n            </app-cs-checkbox>\n        </li>\n    </ul>\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.CsCheckboxComponentUI, 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\">\n    <ul class=\"vx-p-0 vx-m-0\">\n        <li class=\"vx-p-3 vx-pt-2 vx-mb-1 vx-w-100\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\n            <app-cs-checkbox  (ngValueChange)=\"emitChange($event,choice)\">\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>\n            </app-cs-checkbox>\n        </li>\n        <li class=\"vx-p-3 vx-pt-2 vx-mb-1 vx-w-100\" *ngIf='question?.hasOther'>\n            <app-cs-checkbox (ngValueChange)=\"emitChange($event,{title:'Other'})\">\n                <div class=\"name vx-fs-13 vx-paragraph-txt\" [appTooltip]=\"'Other'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Other</div>\n            </app-cs-checkbox>\n        </li>\n    </ul>\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL2xvZ2ljLXF1ZXN0aW9ucy9sb2dpYy1jaGVja2JveC9sb2dpYy1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLWNoZWNrYm94L2xvZ2ljLWNoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9FLE1BQU0sT0FBTyxzQkFBc0I7SUFJakM7UUFEVSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDaEMsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUNELFVBQVUsQ0FBQyxHQUFPLEVBQUMsTUFBVTtRQUM1QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFDLE9BQU8sRUFBQyxHQUFHLEVBQUUsTUFBTSxFQUFDLENBQUMsQ0FBQTtJQUM3QyxDQUFDOytHQVZVLHNCQUFzQjttR0FBdEIsc0JBQXNCLHFJQ1BuQyxvNkJBYU07OzRGRE5PLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7MEVBTXJCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWxvZ2ljLWNoZWNrYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvZ2ljLWNoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbG9naWMtY2hlY2tib3guY29tcG9uZW50Lmxlc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMb2dpY0NoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBxdWVzdGlvbiE6IGFueTtcbiAgQE91dHB1dCgpIGNoYW5nZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbiAgZW1pdENoYW5nZShldnQ6YW55LGNob2ljZTphbnkpe1xuICAgdGhpcy5jaGFuZ2VFdmVudC5lbWl0KHtjaGVja2VkOmV2dCwgY2hvaWNlfSlcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwibG9naWMtY2hlY2tib3hcIj5cbiAgICA8dWwgY2xhc3M9XCJ2eC1wLTAgdngtbS0wXCI+XG4gICAgICAgIDxsaSBjbGFzcz1cInZ4LXAtMyB2eC1wdC0yIHZ4LW1iLTEgdngtdy0xMDBcIiAqbmdGb3I9XCJsZXQgY2hvaWNlIG9mIHF1ZXN0aW9uPy5jaG9pY2VzOyBsZXQgY2hvaWNlSW5kZXggPSBpbmRleFwiPlxuICAgICAgICAgICAgPGFwcC1jcy1jaGVja2JveCAgKG5nVmFsdWVDaGFuZ2UpPVwiZW1pdENoYW5nZSgkZXZlbnQsY2hvaWNlKVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHZ4LWZzLTEzIHZ4LXBhcmFncmFwaC10eHRcIiBbYXBwVG9vbHRpcF09XCJjaG9pY2U/LnRpdGxlXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPnt7Y2hvaWNlPy50aXRsZX19PC9kaXY+XG4gICAgICAgICAgICA8L2FwcC1jcy1jaGVja2JveD5cbiAgICAgICAgPC9saT5cbiAgICAgICAgPGxpIGNsYXNzPVwidngtcC0zIHZ4LXB0LTIgdngtbWItMSB2eC13LTEwMFwiICpuZ0lmPSdxdWVzdGlvbj8uaGFzT3RoZXInPlxuICAgICAgICAgICAgPGFwcC1jcy1jaGVja2JveCAobmdWYWx1ZUNoYW5nZSk9XCJlbWl0Q2hhbmdlKCRldmVudCx7dGl0bGU6J090aGVyJ30pXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5hbWUgdngtZnMtMTMgdngtcGFyYWdyYXBoLXR4dFwiIFthcHBUb29sdGlwXT1cIidPdGhlcidcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCI+T3RoZXI8L2Rpdj5cbiAgICAgICAgICAgIDwvYXBwLWNzLWNoZWNrYm94PlxuICAgICAgICA8L2xpPlxuICAgIDwvdWw+XG48L2Rpdj4iXX0=