import { Component } from '@angular/core';
import { ASSETS } from '../../../../../../lib/constants/assets.constants';
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() {
        this.ASSETS = ASSETS;
    }
    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\">\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 data of [1, 1, 1]\">\n      <app-cs-radio>\n        <div class=\"image-box vx-mr-2 vx-mb-1\">\n          <img [src]=\"ASSETS.logic_image_choice\" />\n        </div>\n        <div\n          class=\"name vx-fs-13 vx-paragraph-txt\"\n          [appTooltip]=\"'Question name'\"\n          placement=\"bottom-left\"\n          delay=\"0\"\n          type=\"black\"\n          [tooltipMandatory]=\"false\"\n        >\n          Question name\n        </div>\n      </app-cs-radio>\n    </li>\n  </ul>\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\";::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.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: LogicImageChoiceComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-logic-image-choice', template: "<div class=\"logic-image-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 data of [1, 1, 1]\">\n      <app-cs-radio>\n        <div class=\"image-box vx-mr-2 vx-mb-1\">\n          <img [src]=\"ASSETS.logic_image_choice\" />\n        </div>\n        <div\n          class=\"name vx-fs-13 vx-paragraph-txt\"\n          [appTooltip]=\"'Question name'\"\n          placement=\"bottom-left\"\n          delay=\"0\"\n          type=\"black\"\n          [tooltipMandatory]=\"false\"\n        >\n          Question name\n        </div>\n      </app-cs-radio>\n    </li>\n  </ul>\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\";::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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtaW1hZ2UtY2hvaWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9sb2dpYy1xdWVzdGlvbnMvbG9naWMtaW1hZ2UtY2hvaWNlL2xvZ2ljLWltYWdlLWNob2ljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLWltYWdlLWNob2ljZS9sb2dpYy1pbWFnZS1jaG9pY2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7O0FBTzFFLE1BQU0sT0FBTyx5QkFBeUI7SUFHcEM7UUFGQSxXQUFNLEdBQUcsTUFBTSxDQUFDO0lBRUQsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzsrR0FMUix5QkFBeUI7bUdBQXpCLHlCQUF5Qiw4RENSdEMsOG5CQXFCQTs7NEZEYmEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBU1NFVFMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9saWIvY29uc3RhbnRzL2Fzc2V0cy5jb25zdGFudHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbG9naWMtaW1hZ2UtY2hvaWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvZ2ljLWltYWdlLWNob2ljZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xvZ2ljLWltYWdlLWNob2ljZS5jb21wb25lbnQubGVzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBMb2dpY0ltYWdlQ2hvaWNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQVNTRVRTID0gQVNTRVRTO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwibG9naWMtaW1hZ2UtY2hvaWNlXCI+XG4gIDx1bCBjbGFzcz1cInZ4LXAtMCB2eC1tLTBcIj5cbiAgICA8bGkgY2xhc3M9XCJ2eC1wLTMgdngtcGItMiB2eC1tYi0xIHZ4LXctMTAwXCIgKm5nRm9yPVwibGV0IGRhdGEgb2YgWzEsIDEsIDFdXCI+XG4gICAgICA8YXBwLWNzLXJhZGlvPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtYm94IHZ4LW1yLTIgdngtbWItMVwiPlxuICAgICAgICAgIDxpbWcgW3NyY109XCJBU1NFVFMubG9naWNfaW1hZ2VfY2hvaWNlXCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cIm5hbWUgdngtZnMtMTMgdngtcGFyYWdyYXBoLXR4dFwiXG4gICAgICAgICAgW2FwcFRvb2x0aXBdPVwiJ1F1ZXN0aW9uIG5hbWUnXCJcbiAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXG4gICAgICAgICAgZGVsYXk9XCIwXCJcbiAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxuICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcbiAgICAgICAgPlxuICAgICAgICAgIFF1ZXN0aW9uIG5hbWVcbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2FwcC1jcy1yYWRpbz5cbiAgICA8L2xpPlxuICA8L3VsPlxuPC9kaXY+XG4iXX0=