[{"__symbolic":"module","version":4,"metadata":{"ImageUploadComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../file-upload/file-upload","name":"FileUpload","line":24,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"re-image-upload","template":"\n    <input #file type=\"file\" (change)=\"newFileChoose(file)\" style=\"display: none\"><div class=\"image-upload clearfix {{cssClass}}\" reDroppable (onDrop)=\"onDropFiles($event)\"><div *ngFor=\"let fileItem of uploadFiles\" class=\"image-upload-item\" [style.width]=\"previewWidth\" [style.height]=\"previewHeight\"><div class=\"image-upload-image-view\"><div class=\"image-upload-toolbar\"><i [ngClass]=\"{disabled: disabled}\" class=\"image-upload-toolbar-item image-upload-toolbar-view {{viewIcon}}\" (click)=\"viewImage(fileItem)\"></i> <i [ngClass]=\"{disabled: disabled}\" class=\"image-upload-toolbar-item image-upload-toolbar-remove {{removeIcon}}\" (click)=\"onRemoveUploadFile(fileItem)\"></i></div><div class=\"image-upload-item-info\"><img class=\"preview-image img-responsive\" [src]=\"fileItem.url\" [attr.alt]=\"fileItem?.name\"></div></div></div><div class=\"image-upload-item image-upload-btn\" [style.width]=\"previewWidth\" [style.height]=\"previewHeight\" (click)=\"addNewFile($event)\" *ngIf=\"!disabled && (!isMoreThanMaxItems() || isUploading)\"><div class=\"image-upload-item-info\"><i class=\"image-upload-btn-icon {{uploadBtnIcon()}}\" [ngClass]=\"{'uploading': isUploading}\"></i><div class=\"image-upload-btn-text\">{{uploadButton}}</div></div></div></div><re-alert-box class=\"file-upload-error-box\" type=\"danger\" [closable]=\"true\" (close)=\"clearErrors()\" *ngIf=\"showErrors && errors.length\"><ul><li *ngFor=\"let error of errors\">{{error}}</li></ul></re-alert-box>\n  ","styles":["\n    @keyframes rotate{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}}.image-upload .image-upload-item{border-radius:4px;border:1px solid #d9d9d9;float:left;margin:0 8px 8px 0;overflow:hidden;padding:8px;position:relative}.image-upload .image-upload-item .preview-image{width:100%}.image-upload .image-upload-item .image-upload-toolbar{-webkit-transition:all .3s;display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;white-space:nowrap;z-index:10}.image-upload .image-upload-item .image-upload-toolbar .image-upload-toolbar-item{color:#fff;cursor:pointer;margin:0 8px 8px 0;width:1rem}.image-upload .image-upload-image-view{height:100%;overflow:hidden;position:relative;width:100%}.image-upload .image-upload-image-view:hover:before{content:' ';-webkit-transition:all .3s;background:#000;height:100%;opacity:.5;position:absolute;transition:all .3s;width:100%;z-index:1}.image-upload .image-upload-image-view:hover .image-upload-item-info{background:0 0}.image-upload .image-upload-image-view:hover .image-upload-toolbar{display:block}.image-upload .image-upload-image-view:hover .image-upload-toolbar .image-upload-toolbar-item{opacity:.5}.image-upload .image-upload-image-view:hover .image-upload-toolbar .image-upload-toolbar-item:hover{opacity:1}.image-upload .image-upload-btn{align-items:center;background-color:#fafafa;border:1px dashed #d9d9d9;cursor:pointer;display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;float:left;justify-content:center;text-align:center}.image-upload .image-upload-btn:hover{border-color:#1890ff}.image-upload .image-upload-btn .image-upload-item-info .uploading{-webkit-animation:rotate 1s linear infinite;-moz-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;display:inline-block}\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"exportAs":"imageUpload","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":19,"character":13},"useExisting":{"__symbolic":"reference","name":"ImageUploadComponent"},"multi":true}]}]}],"members":{"viewIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":30,"character":15}}],null,null],"parameters":[{"__symbolic":"reference","module":"../rebirth-ng.config","name":"RebirthNGConfig","line":28,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":24},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":30,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":31,"character":33},{"__symbolic":"reference","module":"../modal","name":"ModalService","line":32,"character":36}]}],"viewImage":[{"__symbolic":"method"}],"uploadBtnIcon":[{"__symbolic":"method"}]}}}}]