import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class PreviewFileUploadComponent {
    constructor() {
        this.fileNamePlaceholder = 'Select file';
    }
    ngOnInit() {
    }
    handleFile(evt) {
        this.fileNamePlaceholder = evt.target.files[0].name;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewFileUploadComponent, selector: "app-preview-file-upload", inputs: { question: "question" }, ngImport: i0, template: "<div class=\"preview-list\">\n    <div class=\"custom-file-upload vx-d-flex vx-align-center vx-mt-5 vx-p-1\">\n        <input type=\"file\" (change)=\"handleFile($event)\">\n        <span class=\"value vx-fs-12 vx-label-txt vx-d-block vx-pl-2\">{{fileNamePlaceholder}}</span>\n        <span class=\"button vx-d-flex vx-align-center vx-justify-center vx-txt-white vx-bg-blue vx-fs-12 vx-tt-uppercase\">Browse</span>\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 .custom-file-upload{position:relative;width:37.5rem;border:1px solid #DBDBDB;height:2.75rem;border-radius:.25rem}::ng-deep .preview-list .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .preview-list .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .preview-list .custom-file-upload span.button{height:2rem;width:6.25rem;border-radius:.25rem}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewFileUploadComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-preview-file-upload', template: "<div class=\"preview-list\">\n    <div class=\"custom-file-upload vx-d-flex vx-align-center vx-mt-5 vx-p-1\">\n        <input type=\"file\" (change)=\"handleFile($event)\">\n        <span class=\"value vx-fs-12 vx-label-txt vx-d-block vx-pl-2\">{{fileNamePlaceholder}}</span>\n        <span class=\"button vx-d-flex vx-align-center vx-justify-center vx-txt-white vx-bg-blue vx-fs-12 vx-tt-uppercase\">Browse</span>\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 .custom-file-upload{position:relative;width:37.5rem;border:1px solid #DBDBDB;height:2.75rem;border-radius:.25rem}::ng-deep .preview-list .custom-file-upload input{position:absolute;top:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}::ng-deep .preview-list .custom-file-upload span.value{width:calc(100% - 6.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .preview-list .custom-file-upload span.button{height:2rem;width:6.25rem;border-radius:.25rem}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1maWxlLXVwbG9hZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvcHJldmlldy9wcmV2aWV3LWZpbGUtdXBsb2FkL3ByZXZpZXctZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1maWxlLXVwbG9hZC9wcmV2aWV3LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU96RCxNQUFNLE9BQU8sMEJBQTBCO0lBR3JDO1FBQ08sd0JBQW1CLEdBQUcsYUFBYSxDQUFDO0lBRDNCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFDRCxVQUFVLENBQUMsR0FBTztRQUNoQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ3RELENBQUM7K0dBVFUsMEJBQTBCO21HQUExQiwwQkFBMEIsaUdDUHZDLG9iQU1NOzs0RkRDTywwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UseUJBQXlCOzBFQU0xQixRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1wcmV2aWV3LWZpbGUtdXBsb2FkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ByZXZpZXctZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcmV2aWV3LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5sZXNzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHJldmlld0ZpbGVVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIHF1ZXN0aW9uITogYW55O1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuICBwdWJsaWMgZmlsZU5hbWVQbGFjZWhvbGRlciA9ICdTZWxlY3QgZmlsZSc7XG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG4gIGhhbmRsZUZpbGUoZXZ0OmFueSl7XG4gICAgdGhpcy5maWxlTmFtZVBsYWNlaG9sZGVyID0gZXZ0LnRhcmdldC5maWxlc1swXS5uYW1lO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJwcmV2aWV3LWxpc3RcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWZpbGUtdXBsb2FkIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtbXQtNSB2eC1wLTFcIj5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgKGNoYW5nZSk9XCJoYW5kbGVGaWxlKCRldmVudClcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZSB2eC1mcy0xMiB2eC1sYWJlbC10eHQgdngtZC1ibG9jayB2eC1wbC0yXCI+e3tmaWxlTmFtZVBsYWNlaG9sZGVyfX08L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYnV0dG9uIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtdHh0LXdoaXRlIHZ4LWJnLWJsdWUgdngtZnMtMTIgdngtdHQtdXBwZXJjYXNlXCI+QnJvd3NlPC9zcGFuPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19