{"__symbolic":"module","version":4,"metadata":{"InputFileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"db-input-file","template":"<label for=\"fileUpload\" class=\"form-label\">{{label}}</label>\n<div class=\"row\">\n  <div class=\"col-8\">\n    <div class=\"files form-control form-control-lg d-flex flex-wrap\">\n      <div class=\"d-flex justify-content-between align-items-center file m-1\" *ngFor=\"let file of fileToUpload; index as i;\">\n        <h6>\n          {{file.name}}\n        </h6>\n        <span class=\"close fas fa-times\" (click)=\"deleteFile(i)\"></span>\n      </div>\n    </div>\n  </div>\n  <div class=\"col-4\">\n    <button dbButton class=\"btn-secondary full-width\" (click)=\"fileUpload.click()\" type=\"button\">{{ btnLabel }}</button>\n    <input [accept]=\"types\" [hidden]=\"true\" type=\"file\" #fileUpload name=\"fileUpload\" [multiple]=\"multiple\" (change)=\"handleFileInput($event)\"/>\n  </div>\n</div>\n","styles":["@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@-webkit-keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@-webkit-keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@-webkit-keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@-webkit-keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}@-webkit-keyframes circleAnimation{to{transform:rotate(1turn)}}@keyframes circleAnimation{to{transform:rotate(1turn)}}.files{min-height:calc(2em + 1rem + 2px);height:auto}.files .file{padding:.5714285714rem 1.1428571429rem;background-color:#f1eeee;border-radius:1.4285714286rem}.files .file h6{margin:0}.files .file .close{font-size:1rem;cursor:pointer;margin-left:10px}"]}]}],"members":{"fileToUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"types":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"maxSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"btnLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"handleFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"handleMaxFileSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"fileUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["fileUpload",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"handleFileInput":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}]}},"InputFileModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@desbank/components/src/lib/button","name":"ButtonModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"InputFileComponent"}],"exports":[{"__symbolic":"reference","name":"InputFileComponent"}]}]}],"members":{}}},"origins":{"InputFileComponent":"./input-file.component","InputFileModule":"./input-file.module"},"importAs":"@desbank/components/src/lib/input-file"}