[{"__symbolic":"module","version":4,"metadata":{"FileInfoSelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ng2-file-upload","name":"FileUploader","line":18,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-file-info-select","template":"\n    <form class=\"form-container\" [formGroup]=\"formFile\">\n      <div class=\"card\">\n        <div class=\"card-body\">\n          <div class=\"form-group\">\n            <span class=\"red-text\">*</span>\n            <label for=\"form-name\">{{'nameImage' | translate}}</label>\n            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"fileInfo.name\" id=\"form-name\" name=\"name\"\n              placeholder=\"{{'nameImage' | translate}}\" formControlName=\"nameFileCtrl\" required>\n            <p *ngIf=\"formFile.get('nameFileCtrl').hasError('maxlength') && \n                    formFile.get('nameFileCtrl').dirty\" class=\"validation-text\">\n              {{ 'max200valuesValidation' | translate }}\n            </p>\n          </div>\n\n          <div class=\"form-group\">\n            <span class=\"red-text\">*</span>\n            <label for=\"form-name\">\n              {{'descriptionImage' | translate}}\n            </label>\n            <textarea rows=\"4\" class=\"form-control\" [(ngModel)]=\"fileInfo.description\" formControlName=\"descriptionFileCtrl\"\n              placeholder=\"{{'descriptionImage' | translate }}\"></textarea>\n            <p *ngIf=\"formFile.get('descriptionFileCtrl').hasError('maxlength') && \n                    formFile.get('descriptionFileCtrl').dirty\" class=\"validation-text\">\n              {{ 'max400valuesValidation' | translate }}\n            </p>\n          </div>\n\n          <div class=\"form-group\">\n            <div class=\"cell-center-align\" *ngIf=\"!downloadOnly && queue.length == 0\">\n              <input hidden type=\"file\" #uplder ng2FileSelect [uploader]=\"this\" multiple />\n              <button type=\"button\" class=\"btn btn-primary btn-lg\" (click)=\"openUploadDialog()\">\n                <i class=\"material-icons\">add</i>\n              </button>\n            </div>\n            <div *ngIf=\"isFileOvesized || isFileQueueFull || isFileInvalid\" align=\"center\"\n              class=\"alert alert-danger alert-borderless\" style=\"margin-top: 10px;\">\n              <ul>\n                <li *ngIf=\"isFileOvesized\">{{'maximumSizeExceeded' | translate}} </li>\n                <li *ngIf=\"isFileQueueFull\">{{'queueFull' | translate}} </li>\n                <li *ngIf=\"isFileInvalid\">{{'extensionInvalid' | translate}} </li>\n              </ul>\n            </div>\n          </div>\n\n          <div class=\"image-row-wrapper\">\n            <ng-container *ngFor=\"let item of queue; let i = index\">\n              <div *ngIf=\"isFileAnImage(item)\" class=\"file-row-img borders\">\n                <div class=\"cell-center-align\">\n                  <img [id]=\"'imgthfileselect' + fileSelectId + '' + i\" src=\"\" class=\"imgThmb\"\n                    [height]=\"imageThumbnailHeight\" />\n                </div>\n                <div class=\"cell-center-align\">{{ item.file.name }}</div>\n                <div class=\"cell-center-align\">{{ round(item.file.size / 1024, 1) }} KB</div>\n                <div class=\"cell-center-align\">\n                  <span *ngIf=\"item.isCancel\">\n                    <i class=\"material-icons\">not_interested</i>\n                  </span>\n                  <span *ngIf=\"item.isError\">\n                    <i class=\"material-icons\" style=\"color: red;\">error</i>\n                  </span>\n                  <span *ngIf=\"!item.isSuccess && !item.isCancel && !item.isError && !item.isUploading\">\n                    <i class=\"material-icons\">hourglass_empty</i>\n                  </span>\n                  <div *ngIf=\"item.isUploading\" class=\"lds-fil\">\n                    <div></div>\n                    <div></div>\n                    <div></div>\n                  </div>\n                </div>\n                <div class=\"cell-center-align\">\n\n                </div>\n                <div class=\"cell-center-align\">\n                  <button type=\"button\" class=\"btn-default-transparent\" [disabled]=\"isUploading\" (click)=\"item.remove()\">\n                    <i class=\"material-icons\">clear</i>\n                  </button>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n\n\n          <div class=\"flex-container\" style=\"margin-top: 20px;\">\n            <button type=\"button\" class=\"btn btn-primary btn-lg\" (click)=\"uploadFiles()\"\n              [disabled]=\"!formFile.valid || !queue || queue.length == 0\">{{'uploadFileLab'|\n              translate}}</button>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  ","styles":["\n    .red-text {\n        color: red;\n    }\n\n    .validation-text {\n        padding: 0;\n        margin: 0;\n        font-size: 12px;\n        color: red;\n        text-align: start;\n        align-self: flex-start;\n    }\n\n\n    .image-row-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n\n    .file-row-img {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        gap: 16px;\n        padding: 8px;\n        border: 1px solid #ccc;\n        border-radius: 6px;\n        width: 100%;\n        justify-content: space-between;\n    }\n\n\n    .flex-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n  "]}]}],"members":{"fileSelectId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"downloadFileList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"disableDownload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"disableUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"imageThumbnailHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"setOtherParameters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3},"arguments":["otherParameters"]}]}],"setUploadServiceUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3},"arguments":["uploadServiceUrl"]}]}],"setDownloadServiceUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["downloadServiceUrl"]}]}],"setDeleteServiceUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3},"arguments":["deleteServiceUrl"]}]}],"setDownloadListServiceUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["downloadListServiceUrl"]}]}],"maxFiles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"cropperWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"cropperHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}}]}],"cropperOutWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"cropperOutHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"extensionsList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"maxFileSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"downloadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"singleRequestUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"onFileUploadSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":142,"character":3}}]}],"onFileUploadError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":3}}]}],"onSingleRequestUploadSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":148,"character":3}}]}],"onSingleRequestUploadError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":152,"character":3}}]}],"onFileDeleteSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":156,"character":3}}]}],"onFileDeleteError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":159,"character":3}}]}],"onFileListUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":162,"character":3}}]}],"uplder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":167,"character":3},"arguments":["uplder"]}]}],"imgCropper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":179,"character":3},"arguments":["imgCropper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":187,"character":190},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":187,"character":197}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":187,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":187,"character":60},{"__symbolic":"reference","module":"../file-select/file-select/file-select.service","name":"FileSelectService","line":187,"character":100},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":187,"character":138},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":187,"character":175},null]}],"isFileAnImage":[{"__symbolic":"method"}],"refreshUploaderOptions":[{"__symbolic":"method"}],"switchAllItemsToErrorSingleRequest":[{"__symbolic":"method"}],"switchAllItemsToDownloadedSingleRequest":[{"__symbolic":"method"}],"switchUploadedToDownloaded":[{"__symbolic":"method"}],"getUploadProgress":[{"__symbolic":"method"}],"openUploadDialog":[{"__symbolic":"method"}],"isFileExtensionValid":[{"__symbolic":"method"}],"getExtensionsString":[{"__symbolic":"method"}],"correctFileUpload":[{"__symbolic":"method"}],"errorFileUpload":[{"__symbolic":"method"}],"deleteFileSuccess":[{"__symbolic":"method"}],"deleteFileError":[{"__symbolic":"method"}],"singleRequestUploadSuccess":[{"__symbolic":"method"}],"singleRequestUploadError":[{"__symbolic":"method"}],"fileListUpdate":[{"__symbolic":"method"}],"resetFileStates":[{"__symbolic":"method"}],"removeAllPendingFiles":[{"__symbolic":"method"}],"uploadFiles":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"round":[{"__symbolic":"method"}],"uploadAllSingleRequest":[{"__symbolic":"method"}],"downloadFile":[{"__symbolic":"method"}],"getFileList":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}],"setImageThmbFromFile":[{"__symbolic":"method"}],"cropImage":[{"__symbolic":"method"}],"openImageCropper":[{"__symbolic":"method"}],"dataURLtoBlob":[{"__symbolic":"method"}],"closeImageCropper":[{"__symbolic":"method"}]}}}}]