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\">\n    <ul class=\"vx-p-0 vx-m-0\">\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\n            <app-cs-radio  (checkedEvent) = \"radioChecked($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-radio>\n        </li>\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngIf='question?.hasOther'>\n            <app-cs-radio  (checkedEvent) = \"radioChecked($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-radio>\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-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.CsRadioComponentUI, 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\">\n    <ul class=\"vx-p-0 vx-m-0\">\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngFor=\"let choice of question?.choices; let choiceIndex = index\">\n            <app-cs-radio  (checkedEvent) = \"radioChecked($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-radio>\n        </li>\n        <li class=\"vx-p-3 vx-pb-2 vx-mb-1 vx-w-100\" *ngIf='question?.hasOther'>\n            <app-cs-radio  (checkedEvent) = \"radioChecked($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-radio>\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-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtbXVsdGlwbGUtY2hvaWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9sb2dpYy1xdWVzdGlvbnMvbG9naWMtbXVsdGlwbGUtY2hvaWNlL2xvZ2ljLW11bHRpcGxlLWNob2ljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLW11bHRpcGxlLWNob2ljZS9sb2dpYy1tdWx0aXBsZS1jaG9pY2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPL0UsTUFBTSxPQUFPLDRCQUE0QjtJQUl2QztRQURVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUNoQyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBQ0QsWUFBWSxDQUFDLEdBQU8sRUFBQyxNQUFVO1FBQzdCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUMsT0FBTyxFQUFDLEdBQUcsRUFBRSxNQUFNLEVBQUMsQ0FBQyxDQUFBO0lBQzlDLENBQUM7K0dBVlUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsNElDUHpDLHM2QkFhTTs7NEZETk8sNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLDJCQUEyQjswRUFNNUIsUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbG9naWMtbXVsdGlwbGUtY2hvaWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvZ2ljLW11bHRpcGxlLWNob2ljZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xvZ2ljLW11bHRpcGxlLWNob2ljZS5jb21wb25lbnQubGVzcyddXG59KVxuZXhwb3J0IGNsYXNzIExvZ2ljTXVsdGlwbGVDaG9pY2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIHF1ZXN0aW9uITogYW55O1xuICBAT3V0cHV0KCkgY2hhbmdlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuICByYWRpb0NoZWNrZWQoZXZ0OmFueSxjaG9pY2U6YW55KXtcbiAgICB0aGlzLmNoYW5nZUV2ZW50LmVtaXQoe2NoZWNrZWQ6ZXZ0LCBjaG9pY2V9KVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJsb2dpYy1tdWx0aXBsZS1jaG9pY2VcIj5cbiAgICA8dWwgY2xhc3M9XCJ2eC1wLTAgdngtbS0wXCI+XG4gICAgICAgIDxsaSBjbGFzcz1cInZ4LXAtMyB2eC1wYi0yIHZ4LW1iLTEgdngtdy0xMDBcIiAqbmdGb3I9XCJsZXQgY2hvaWNlIG9mIHF1ZXN0aW9uPy5jaG9pY2VzOyBsZXQgY2hvaWNlSW5kZXggPSBpbmRleFwiPlxuICAgICAgICAgICAgPGFwcC1jcy1yYWRpbyAgKGNoZWNrZWRFdmVudCkgPSBcInJhZGlvQ2hlY2tlZCgkZXZlbnQsY2hvaWNlKVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHZ4LWZzLTEzIHZ4LXBhcmFncmFwaC10eHRcIiBbYXBwVG9vbHRpcF09XCJjaG9pY2U/LnRpdGxlXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPnt7Y2hvaWNlPy50aXRsZX19PC9kaXY+XG4gICAgICAgICAgICA8L2FwcC1jcy1yYWRpbz5cbiAgICAgICAgPC9saT5cbiAgICAgICAgPGxpIGNsYXNzPVwidngtcC0zIHZ4LXBiLTIgdngtbWItMSB2eC13LTEwMFwiICpuZ0lmPSdxdWVzdGlvbj8uaGFzT3RoZXInPlxuICAgICAgICAgICAgPGFwcC1jcy1yYWRpbyAgKGNoZWNrZWRFdmVudCkgPSBcInJhZGlvQ2hlY2tlZCgkZXZlbnQse3RpdGxlOidPdGhlcid9KVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHZ4LWZzLTEzIHZ4LXBhcmFncmFwaC10eHRcIiBbYXBwVG9vbHRpcF09XCInT3RoZXInXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPk90aGVyPC9kaXY+XG4gICAgICAgICAgICA8L2FwcC1jcy1yYWRpbz5cbiAgICAgICAgPC9saT5cbiAgICA8L3VsPlxuPC9kaXY+Il19