import { Component } from '@angular/core';
import { ASSETS } from '../../../../../../lib/constants/assets.constants';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ImageChoiceComponent {
    constructor() {
        this.ASSETS = ASSETS;
    }
    ngOnInit() { }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageChoiceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageChoiceComponent, selector: "app-image-choice", ngImport: i0, template: "<div class=\"image-choice vx-d-flex vx-mb-4\">\n  <div class=\"left\">\n    <input type=\"text\" placeholder=\"Option\" />\n    <div class=\"image-choice\">\n      <div\n        *ngIf=\"false\"\n        class=\"no-image vx-d-flex vx-align-center vx-justify-center\"\n      >\n        <i class=\"icons vx-fs-14\">&#xeb26;</i>\n      </div>\n      <img [src]=\"ASSETS.image_choice\" />\n      <div class=\"browse-btn vx-d-flex vx-align-center vx-justify-center\">\n        <input type=\"file\" />\n        <span class=\"vx-fs-10 vx-fw-600 vx-txt-blue vx-tt-uppercase\"\n          >BROWSE</span\n        >\n      </div>\n      <div\n        *ngIf=\"false\"\n        class=\"loader vx-d-flex vx-align-center vx-justify-center\"\n      >\n        <i class=\"icons loader-icon vx-fs-16 vx-label-txt\">&#xe929;</i>\n      </div>\n    </div>\n  </div>\n  <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\n    <button\n      class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\n    >\n      +\n    </button>\n    <button\n      class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\n      [class.disabled]=\"false\"\n    >\n      -\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\";.image-choice .left{width:calc(100% - 4.75rem);position:relative}.image-choice .left input[type=text]{background:#fff;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem .5rem 7.375rem;width:100%;height:4.5rem;outline:none;transition:all .3s ease-in-out}.image-choice .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.image-choice .left .image-choice{background:#fff;border-radius:.25rem;border:1px solid #F1F1F1;width:98px;height:3.5rem;padding:1px;position:absolute;top:.5rem;left:.5rem}.image-choice .left .image-choice .no-image{background:#f8f8f8;border-radius:.25rem .25rem 0 0;color:#dbdbdb;height:2.25rem}.image-choice .left .image-choice img{width:100%;height:100%;border-radius:.25rem}.image-choice .left .image-choice .browse-btn{background:#fff;border-radius:0 0 .25rem .25rem;padding-top:.125rem;position:absolute;bottom:0;left:0;width:100%;height:1.125rem}.image-choice .left .image-choice .browse-btn input[type=file]{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer;text-indent:-9999px}.image-choice .left .image-choice .loader{background:#fff;border-radius:.125rem;width:100%;height:100%;position:absolute;top:0;left:0}.image-choice .left .image-choice .loader i.loader-icon{animation:rotation 1.5s infinite linear}.image-choice .right{width:4.5rem;height:4.5rem}.image-choice .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.image-choice .right button.disabled{pointer-events:none;opacity:.5}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageChoiceComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-image-choice', template: "<div class=\"image-choice vx-d-flex vx-mb-4\">\n  <div class=\"left\">\n    <input type=\"text\" placeholder=\"Option\" />\n    <div class=\"image-choice\">\n      <div\n        *ngIf=\"false\"\n        class=\"no-image vx-d-flex vx-align-center vx-justify-center\"\n      >\n        <i class=\"icons vx-fs-14\">&#xeb26;</i>\n      </div>\n      <img [src]=\"ASSETS.image_choice\" />\n      <div class=\"browse-btn vx-d-flex vx-align-center vx-justify-center\">\n        <input type=\"file\" />\n        <span class=\"vx-fs-10 vx-fw-600 vx-txt-blue vx-tt-uppercase\"\n          >BROWSE</span\n        >\n      </div>\n      <div\n        *ngIf=\"false\"\n        class=\"loader vx-d-flex vx-align-center vx-justify-center\"\n      >\n        <i class=\"icons loader-icon vx-fs-16 vx-label-txt\">&#xe929;</i>\n      </div>\n    </div>\n  </div>\n  <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\n    <button\n      class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\n    >\n      +\n    </button>\n    <button\n      class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\n      [class.disabled]=\"false\"\n    >\n      -\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\";.image-choice .left{width:calc(100% - 4.75rem);position:relative}.image-choice .left input[type=text]{background:#fff;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem .5rem 7.375rem;width:100%;height:4.5rem;outline:none;transition:all .3s ease-in-out}.image-choice .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.image-choice .left .image-choice{background:#fff;border-radius:.25rem;border:1px solid #F1F1F1;width:98px;height:3.5rem;padding:1px;position:absolute;top:.5rem;left:.5rem}.image-choice .left .image-choice .no-image{background:#f8f8f8;border-radius:.25rem .25rem 0 0;color:#dbdbdb;height:2.25rem}.image-choice .left .image-choice img{width:100%;height:100%;border-radius:.25rem}.image-choice .left .image-choice .browse-btn{background:#fff;border-radius:0 0 .25rem .25rem;padding-top:.125rem;position:absolute;bottom:0;left:0;width:100%;height:1.125rem}.image-choice .left .image-choice .browse-btn input[type=file]{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer;text-indent:-9999px}.image-choice .left .image-choice .loader{background:#fff;border-radius:.125rem;width:100%;height:100%;position:absolute;top:0;left:0}.image-choice .left .image-choice .loader i.loader-icon{animation:rotation 1.5s infinite linear}.image-choice .right{width:4.5rem;height:4.5rem}.image-choice .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.image-choice .right button.disabled{pointer-events:none;opacity:.5}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY2hvaWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9idWlsZC9pbWFnZS1jaG9pY2UvaW1hZ2UtY2hvaWNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9idWlsZC9pbWFnZS1jaG9pY2UvaW1hZ2UtY2hvaWNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7QUFNMUUsTUFBTSxPQUFPLG9CQUFvQjtJQUcvQjtRQUZBLFdBQU0sR0FBRyxNQUFNLENBQUM7SUFFRCxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOytHQUxSLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdEQ1BqQyxndkNBdUNBOzs0RkRoQ2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBU1NFVFMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9saWIvY29uc3RhbnRzL2Fzc2V0cy5jb25zdGFudHMnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWltYWdlLWNob2ljZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS1jaG9pY2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS1jaG9pY2UuY29tcG9uZW50Lmxlc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VDaG9pY2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBBU1NFVFMgPSBBU1NFVFM7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbWFnZS1jaG9pY2UgdngtZC1mbGV4IHZ4LW1iLTRcIj5cbiAgPGRpdiBjbGFzcz1cImxlZnRcIj5cbiAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBwbGFjZWhvbGRlcj1cIk9wdGlvblwiIC8+XG4gICAgPGRpdiBjbGFzcz1cImltYWdlLWNob2ljZVwiPlxuICAgICAgPGRpdlxuICAgICAgICAqbmdJZj1cImZhbHNlXCJcbiAgICAgICAgY2xhc3M9XCJuby1pbWFnZSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCJcbiAgICAgID5cbiAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNFwiPiYjeGViMjY7PC9pPlxuICAgICAgPC9kaXY+XG4gICAgICA8aW1nIFtzcmNdPVwiQVNTRVRTLmltYWdlX2Nob2ljZVwiIC8+XG4gICAgICA8ZGl2IGNsYXNzPVwiYnJvd3NlLWJ0biB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCI+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwiZmlsZVwiIC8+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidngtZnMtMTAgdngtZnctNjAwIHZ4LXR4dC1ibHVlIHZ4LXR0LXVwcGVyY2FzZVwiXG4gICAgICAgICAgPkJST1dTRTwvc3BhblxuICAgICAgICA+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgKm5nSWY9XCJmYWxzZVwiXG4gICAgICAgIGNsYXNzPVwibG9hZGVyIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxuICAgICAgPlxuICAgICAgICA8aSBjbGFzcz1cImljb25zIGxvYWRlci1pY29uIHZ4LWZzLTE2IHZ4LWxhYmVsLXR4dFwiPiYjeGU5Mjk7PC9pPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicmlnaHQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1tbC0xXCI+XG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3M9XCJ2eC1mcy0yNCB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXAtMCB2eC1tLTAgdngtbWwtMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCJcbiAgICA+XG4gICAgICArXG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3M9XCJ2eC1mcy0yNCB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXAtMCB2eC1tLTAgdngtbWwtMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCJcbiAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCJmYWxzZVwiXG4gICAgPlxuICAgICAgLVxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19