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 PreviewImageChoiceComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewImageChoiceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewImageChoiceComponent, selector: "app-preview-image-choice", ngImport: i0, template: "<div class=\"preview-list\">\n    <div class=\"image-row vx-mt-5 vx-d-flex\">\n        <div class=\"image-items vx-p-3 vx-mr-3 vx-mb-3\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\n            <app-cs-radio>\n                <div class=\"img-block\">\n                    <img src=\"./assets/images/Screenshot 2022-01-03 at 10.24.11 AM.png\" alt=\"\">\n                </div>  \n                <span class=\"text vx-fs-14 vx-fw-400 vx-lh-20 vx-mt-2 vx-paragraph-txt\" [appTooltip]=\"'1. long have you been a customer of our product'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">1. long have you been a customer of our product</span>\n            </app-cs-radio>\n        </div>\n    </div>\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 .preview-list .image-row{flex-direction:row;flex-wrap:wrap}::ng-deep .preview-list .image-row .image-items{display:block;position:relative;border:1px solid #F1F1F1;border-radius:10px;width:10rem}::ng-deep .preview-list .image-row .image-items cs-radio{margin-bottom:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item{position:relative;display:block;min-width:100%;padding-left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radio,::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radiomark{position:absolute;top:0;left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .value{margin-left:0!important;display:block!important;max-width:100%!important}::ng-deep .preview-list .image-row .image-items cs-radio .img-block{display:block;width:100%;min-width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .img-block img{width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;padding-bottom:.125rem}\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: PreviewImageChoiceComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-preview-image-choice', template: "<div class=\"preview-list\">\n    <div class=\"image-row vx-mt-5 vx-d-flex\">\n        <div class=\"image-items vx-p-3 vx-mr-3 vx-mb-3\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\n            <app-cs-radio>\n                <div class=\"img-block\">\n                    <img src=\"./assets/images/Screenshot 2022-01-03 at 10.24.11 AM.png\" alt=\"\">\n                </div>  \n                <span class=\"text vx-fs-14 vx-fw-400 vx-lh-20 vx-mt-2 vx-paragraph-txt\" [appTooltip]=\"'1. long have you been a customer of our product'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">1. long have you been a customer of our product</span>\n            </app-cs-radio>\n        </div>\n    </div>\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 .preview-list .image-row{flex-direction:row;flex-wrap:wrap}::ng-deep .preview-list .image-row .image-items{display:block;position:relative;border:1px solid #F1F1F1;border-radius:10px;width:10rem}::ng-deep .preview-list .image-row .image-items cs-radio{margin-bottom:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item{position:relative;display:block;min-width:100%;padding-left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radio,::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .radiomark{position:absolute;top:0;left:0}::ng-deep .preview-list .image-row .image-items cs-radio .radio-item .value{margin-left:0!important;display:block!important;max-width:100%!important}::ng-deep .preview-list .image-row .image-items cs-radio .img-block{display:block;width:100%;min-width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .img-block img{width:100%}::ng-deep .preview-list .image-row .image-items cs-radio .text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;padding-bottom:.125rem}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1pbWFnZS1jaG9pY2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1pbWFnZS1jaG9pY2UvcHJldmlldy1pbWFnZS1jaG9pY2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1pbWFnZS1jaG9pY2UvcHJldmlldy1pbWFnZS1jaG9pY2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPbEQsTUFBTSxPQUFPLDJCQUEyQjtJQUV0QyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FMVSwyQkFBMkI7bUdBQTNCLDJCQUEyQixnRUNQeEMsc3VCQVdNOzs0RkRKTywyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXByZXZpZXctaW1hZ2UtY2hvaWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ByZXZpZXctaW1hZ2UtY2hvaWNlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy1pbWFnZS1jaG9pY2UuY29tcG9uZW50Lmxlc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQcmV2aWV3SW1hZ2VDaG9pY2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInByZXZpZXctbGlzdFwiPlxuICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1yb3cgdngtbXQtNSB2eC1kLWZsZXhcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWl0ZW1zIHZ4LXAtMyB2eC1tci0zIHZ4LW1iLTNcIiAqbmdGb3I9XCJsZXQgZGF0YSBvZiBbMSwgMSwgMSwgMSwgMSwgMSwgMV1cIj5cbiAgICAgICAgICAgIDxhcHAtY3MtcmFkaW8+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltZy1ibG9ja1wiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cIi4vYXNzZXRzL2ltYWdlcy9TY3JlZW5zaG90IDIwMjItMDEtMDMgYXQgMTAuMjQuMTEgQU0ucG5nXCIgYWx0PVwiXCI+XG4gICAgICAgICAgICAgICAgPC9kaXY+ICBcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQgdngtZnMtMTQgdngtZnctNDAwIHZ4LWxoLTIwIHZ4LW10LTIgdngtcGFyYWdyYXBoLXR4dFwiIFthcHBUb29sdGlwXT1cIicxLiBsb25nIGhhdmUgeW91IGJlZW4gYSBjdXN0b21lciBvZiBvdXIgcHJvZHVjdCdcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCI+MS4gbG9uZyBoYXZlIHlvdSBiZWVuIGEgY3VzdG9tZXIgb2Ygb3VyIHByb2R1Y3Q8L3NwYW4+XG4gICAgICAgICAgICA8L2FwcC1jcy1yYWRpbz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=