@rs-pk/asset-management 1.0.25 → 1.0.26

package/esm2015/lib/components/partial/upload-dialog/upload-dialog.component.js

@@ -1,141 +1,141 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
-import { takeUntil } from 'rxjs/operators';
-import { Subject } from 'rxjs';
-import { ChangeDetectorRef } from '@angular/core';
-import { UploadAssetsService } from '../../../services/upload-assets.service';
-/**
- * @record
- */
-function IData() { }
-if (false) {
-    /** @type {?} */
-    IData.prototype.currentAssetId;
-    /** @type {?|undefined} */
-    IData.prototype.fileType;
-    /** @type {?|undefined} */
-    IData.prototype.maxSize;
-}
-export class UploadDialogComponent {
-    /**
-     * @param {?} data
-     * @param {?} dialogRef
-     * @param {?} changeDetectorRef
-     * @param {?} uploadAssetsService
-     */
-    constructor(data, dialogRef, changeDetectorRef, uploadAssetsService) {
-        this.data = data;
-        this.dialogRef = dialogRef;
-        this.changeDetectorRef = changeDetectorRef;
-        this.uploadAssetsService = uploadAssetsService;
-        this.isLoading = false;
-        this.disabled = true;
-        this.destroy$ = new Subject();
-        if (this.data.fileType) {
-            this.uploadAssetsService.supportedTypes =
-                this.data.fileType === 'Image'
-                    ? [...this.uploadAssetsService.imageExtension]
-                    : [...this.uploadAssetsService.documentExtension];
-        }
-        if (this.data.maxSize) {
-            this.uploadAssetsService.supportedSize = this.data.maxSize * 1024 * 1024;
-        }
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.uploadAssetsService
-            .getErrorObs()
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((/**
-         * @param {?} error
-         * @return {?}
-         */
-        error => {
-            this.disabled = error;
-            this.changeDetectorRef.detectChanges();
-        }));
-    }
-    /**
-     * @param {?} hasError
-     * @return {?}
-     */
-    onValidate(hasError) {
-        this.disabled = hasError;
-    }
-    /**
-     * @return {?}
-     */
-    uploadFiles() {
-        this.isLoading = true;
-        this.uploadAssetsService
-            .uploadMultipleAssets(this.data.currentAssetId)
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((/**
-         * @param {?} res
-         * @return {?}
-         */
-        res => {
-            if (res) {
-                this.closeDialog(true);
-            }
-        }));
-    }
-    /**
-     * @param {?=} res
-     * @return {?}
-     */
-    closeDialog(res) {
-        this.dialogRef.close(res);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.destroy$.next(true);
-        this.destroy$.complete();
-    }
-}
-UploadDialogComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-upload-dialog',
-                template: "<lib-modal heading=\"Add new assets\">\r\n  <ng-container content>\r\n    <lib-upload-file\r\n      *ngIf=\"!uploadAssetsService?.getFiles?.length\"\r\n      (revalidate)=\"onValidate($event)\"\r\n    ></lib-upload-file>\r\n    <lib-file-list\r\n      *ngIf=\"uploadAssetsService?.getFiles?.length\"\r\n      (revalidate)=\"onValidate($event)\"\r\n    ></lib-file-list>\r\n  </ng-container>\r\n  <ng-container actions>\r\n    <button mat-raised-button mat-dialog-close>Cancel</button>\r\n    <button\r\n      class=\"upload__action\"\r\n      [class.loading]=\"isLoading\"\r\n      mat-raised-button\r\n      color=\"primary\"\r\n      (click)=\"uploadFiles()\"\r\n      [disabled]=\"disabled || isLoading\"\r\n    >\r\n      <ng-container *ngIf=\"isLoading\">\r\n        <mat-spinner [diameter]=\"20\"></mat-spinner>\r\n      </ng-container>\r\n      <span>Upload</span>\r\n    </button>\r\n  </ng-container>\r\n</lib-modal>\r\n",
-                providers: [UploadAssetsService],
-                styles: [":host::ng-deep{display:block;width:1200px;max-width:100%;font-size:14px;line-height:16px;color:#979797;letter-spacing:.15px}:host::ng-deep .mat-dialog-title{position:relative;margin-bottom:0;padding-bottom:24px;color:#000}:host::ng-deep .mat-dialog-actions{justify-content:flex-end;padding:24px 0 0}:host::ng-deep .upload__action{min-width:100px}:host::ng-deep .upload__action.loading{padding:0 5px}:host::ng-deep .upload__action.loading .mat-button-wrapper{display:flex;width:100%;justify-content:center;align-items:center}:host::ng-deep .upload__action.loading .mat-spinner{margin-right:10px}"]
-            }] }
-];
-/** @nocollapse */
-UploadDialogComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
-    { type: MatDialogRef },
-    { type: ChangeDetectorRef },
-    { type: UploadAssetsService }
-];
-if (false) {
-    /** @type {?} */
-    UploadDialogComponent.prototype.isLoading;
-    /** @type {?} */
-    UploadDialogComponent.prototype.disabled;
-    /**
-     * @type {?}
-     * @private
-     */
-    UploadDialogComponent.prototype.destroy$;
-    /** @type {?} */
-    UploadDialogComponent.prototype.data;
-    /** @type {?} */
-    UploadDialogComponent.prototype.dialogRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    UploadDialogComponent.prototype.changeDetectorRef;
-    /** @type {?} */
-    UploadDialogComponent.prototype.uploadAssetsService;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvdXBsb2FkLWRpYWxvZy91cGxvYWQtZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7O0FBRTlFLG9CQUlDOzs7SUFIQywrQkFBdUI7O0lBQ3ZCLHlCQUFrQjs7SUFDbEIsd0JBQWlCOztBQVNuQixNQUFNLE9BQU8scUJBQXFCOzs7Ozs7O0lBSWhDLFlBQ2tDLElBQVcsRUFDcEMsU0FBOEMsRUFDN0MsaUJBQW9DLEVBQ3JDLG1CQUF3QztRQUhmLFNBQUksR0FBSixJQUFJLENBQU87UUFDcEMsY0FBUyxHQUFULFNBQVMsQ0FBcUM7UUFDN0Msc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNyQyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBUDFDLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLElBQUksQ0FBQztRQUNmLGFBQVEsR0FBcUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQU9qRCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxjQUFjO2dCQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsS0FBSyxPQUFPO29CQUM1QixDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxjQUFjLENBQUM7b0JBQzlDLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGlCQUFpQixDQUFDLENBQUM7U0FDdkQ7UUFFRCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxHQUFHLElBQUksQ0FBQztTQUMxRTtJQUVILENBQUM7Ozs7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLG1CQUFtQjthQUNyQixXQUFXLEVBQUU7YUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTOzs7O1FBQUMsS0FBSyxDQUFDLEVBQUU7WUFDakIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3pDLENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7Ozs7SUFFRCxVQUFVLENBQUMsUUFBaUI7UUFDMUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQzs7OztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsbUJBQW1CO2FBQ3JCLG9CQUFvQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO2FBQzlDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVM7Ozs7UUFBQyxHQUFHLENBQUMsRUFBRTtZQUNmLElBQUksR0FBRyxFQUFFO2dCQUNQLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDeEI7UUFDSCxDQUFDLEVBQUMsQ0FBQztJQUNQLENBQUM7Ozs7O0lBRUQsV0FBVyxDQUFDLEdBQWE7UUFDdkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7OztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7OztZQTlERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0IsNjZCQUE2QztnQkFFN0MsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7O2FBQ2pDOzs7OzRDQU1JLE1BQU0sU0FBQyxlQUFlO1lBdkJsQixZQUFZO1lBR1osaUJBQWlCO1lBQ2pCLG1CQUFtQjs7OztJQWUxQiwwQ0FBeUI7O0lBQ3pCLHlDQUF1Qjs7Ozs7SUFDdkIseUNBQW1EOztJQUVqRCxxQ0FBMkM7O0lBQzNDLDBDQUFxRDs7Ozs7SUFDckQsa0RBQTRDOztJQUM1QyxvREFBK0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT25EZXN0cm95LCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbCc7XHJcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVcGxvYWRBc3NldHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdXBsb2FkLWFzc2V0cy5zZXJ2aWNlJztcclxuXHJcbmludGVyZmFjZSBJRGF0YSB7XHJcbiAgY3VycmVudEFzc2V0SWQ6IHN0cmluZztcclxuICBmaWxlVHlwZT86IHN0cmluZztcclxuICBtYXhTaXplPzogbnVtYmVyO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi11cGxvYWQtZGlhbG9nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdXBsb2FkLWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW1VwbG9hZEFzc2V0c1NlcnZpY2VdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVXBsb2FkRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIHB1YmxpYyBpc0xvYWRpbmcgPSBmYWxzZTtcclxuICBwdWJsaWMgZGlzYWJsZWQgPSB0cnVlO1xyXG4gIHByaXZhdGUgZGVzdHJveSQ6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdCgpO1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBJRGF0YSxcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxVcGxvYWREaWFsb2dDb21wb25lbnQ+LFxyXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwdWJsaWMgdXBsb2FkQXNzZXRzU2VydmljZTogVXBsb2FkQXNzZXRzU2VydmljZVxyXG4gICkge1xyXG4gICAgaWYgKHRoaXMuZGF0YS5maWxlVHlwZSkge1xyXG4gICAgICB0aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2Uuc3VwcG9ydGVkVHlwZXMgPVxyXG4gICAgICAgIHRoaXMuZGF0YS5maWxlVHlwZSA9PT0gJ0ltYWdlJ1xyXG4gICAgICAgICAgPyBbLi4udGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLmltYWdlRXh0ZW5zaW9uXVxyXG4gICAgICAgICAgOiBbLi4udGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLmRvY3VtZW50RXh0ZW5zaW9uXTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5kYXRhLm1heFNpemUpIHtcclxuICAgICAgdGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLnN1cHBvcnRlZFNpemUgPSB0aGlzLmRhdGEubWF4U2l6ZSAqIDEwMjQgKiAxMDI0O1xyXG4gICAgfVxyXG5cclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlXHJcbiAgICAgIC5nZXRFcnJvck9icygpXHJcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcclxuICAgICAgLnN1YnNjcmliZShlcnJvciA9PiB7XHJcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGVycm9yO1xyXG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIG9uVmFsaWRhdGUoaGFzRXJyb3I6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBoYXNFcnJvcjtcclxuICB9XHJcblxyXG4gIHVwbG9hZEZpbGVzKCkge1xyXG4gICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlXHJcbiAgICAgIC51cGxvYWRNdWx0aXBsZUFzc2V0cyh0aGlzLmRhdGEuY3VycmVudEFzc2V0SWQpXHJcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcclxuICAgICAgLnN1YnNjcmliZShyZXMgPT4ge1xyXG4gICAgICAgIGlmIChyZXMpIHtcclxuICAgICAgICAgIHRoaXMuY2xvc2VEaWFsb2codHJ1ZSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIGNsb3NlRGlhbG9nKHJlcz86IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHJlcyk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGVzdHJveSQubmV4dCh0cnVlKTtcclxuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcclxuICB9XHJcbn1cclxuIl19
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Inject } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { ChangeDetectorRef } from '@angular/core';
+import { UploadAssetsService } from '../../../services/upload-assets.service';
+/**
+ * @record
+ */
+function IData() { }
+if (false) {
+    /** @type {?} */
+    IData.prototype.currentAssetId;
+    /** @type {?|undefined} */
+    IData.prototype.fileType;
+    /** @type {?|undefined} */
+    IData.prototype.maxSize;
+}
+export class UploadDialogComponent {
+    /**
+     * @param {?} data
+     * @param {?} dialogRef
+     * @param {?} changeDetectorRef
+     * @param {?} uploadAssetsService
+     */
+    constructor(data, dialogRef, changeDetectorRef, uploadAssetsService) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.changeDetectorRef = changeDetectorRef;
+        this.uploadAssetsService = uploadAssetsService;
+        this.isLoading = false;
+        this.disabled = true;
+        this.destroy$ = new Subject();
+        if (this.data.fileType) {
+            this.uploadAssetsService.supportedTypes =
+                this.data.fileType === 'Image'
+                    ? [...this.uploadAssetsService.imageExtension]
+                    : [...this.uploadAssetsService.documentExtension];
+        }
+        if (this.data.maxSize) {
+            this.uploadAssetsService.supportedSize = this.data.maxSize * 1024 * 1024;
+        }
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.uploadAssetsService
+            .getErrorObs()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((/**
+         * @param {?} error
+         * @return {?}
+         */
+        error => {
+            this.disabled = error;
+            this.changeDetectorRef.detectChanges();
+        }));
+    }
+    /**
+     * @param {?} hasError
+     * @return {?}
+     */
+    onValidate(hasError) {
+        this.disabled = hasError;
+    }
+    /**
+     * @return {?}
+     */
+    uploadFiles() {
+        this.isLoading = true;
+        this.uploadAssetsService
+            .uploadMultipleAssets(this.data.currentAssetId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        res => {
+            if (res) {
+                this.closeDialog(true);
+            }
+        }));
+    }
+    /**
+     * @param {?=} res
+     * @return {?}
+     */
+    closeDialog(res) {
+        this.dialogRef.close(res);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
+}
+UploadDialogComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-upload-dialog',
+                template: "<lib-modal heading=\"Add new assets\">\n  <ng-container content>\n    <lib-upload-file\n      *ngIf=\"!uploadAssetsService?.getFiles?.length\"\n      (revalidate)=\"onValidate($event)\"\n    ></lib-upload-file>\n    <lib-file-list\n      *ngIf=\"uploadAssetsService?.getFiles?.length\"\n      (revalidate)=\"onValidate($event)\"\n    ></lib-file-list>\n  </ng-container>\n  <ng-container actions>\n    <button mat-raised-button mat-dialog-close>Cancel</button>\n    <button\n      class=\"upload__action\"\n      [class.loading]=\"isLoading\"\n      mat-raised-button\n      color=\"primary\"\n      (click)=\"uploadFiles()\"\n      [disabled]=\"disabled || isLoading\"\n    >\n      <ng-container *ngIf=\"isLoading\">\n        <mat-spinner [diameter]=\"20\"></mat-spinner>\n      </ng-container>\n      <span>Upload</span>\n    </button>\n  </ng-container>\n</lib-modal>\n",
+                providers: [UploadAssetsService],
+                styles: [":host::ng-deep{display:block;width:1200px;max-width:100%;font-size:14px;line-height:16px;color:#979797;letter-spacing:.15px}:host::ng-deep .mat-dialog-title{position:relative;margin-bottom:0;padding-bottom:24px;color:#000}:host::ng-deep .mat-dialog-actions{justify-content:flex-end;padding:24px 0 0}:host::ng-deep .upload__action{min-width:100px}:host::ng-deep .upload__action.loading{padding:0 5px}:host::ng-deep .upload__action.loading .mat-button-wrapper{display:flex;width:100%;justify-content:center;align-items:center}:host::ng-deep .upload__action.loading .mat-spinner{margin-right:10px}"]
+            }] }
+];
+/** @nocollapse */
+UploadDialogComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
+    { type: MatDialogRef },
+    { type: ChangeDetectorRef },
+    { type: UploadAssetsService }
+];
+if (false) {
+    /** @type {?} */
+    UploadDialogComponent.prototype.isLoading;
+    /** @type {?} */
+    UploadDialogComponent.prototype.disabled;
+    /**
+     * @type {?}
+     * @private
+     */
+    UploadDialogComponent.prototype.destroy$;
+    /** @type {?} */
+    UploadDialogComponent.prototype.data;
+    /** @type {?} */
+    UploadDialogComponent.prototype.dialogRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    UploadDialogComponent.prototype.changeDetectorRef;
+    /** @type {?} */
+    UploadDialogComponent.prototype.uploadAssetsService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvdXBsb2FkLWRpYWxvZy91cGxvYWQtZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7O0FBRTlFLG9CQUlDOzs7SUFIQywrQkFBdUI7O0lBQ3ZCLHlCQUFrQjs7SUFDbEIsd0JBQWlCOztBQVNuQixNQUFNLE9BQU8scUJBQXFCOzs7Ozs7O0lBSWhDLFlBQ2tDLElBQVcsRUFDcEMsU0FBOEMsRUFDN0MsaUJBQW9DLEVBQ3JDLG1CQUF3QztRQUhmLFNBQUksR0FBSixJQUFJLENBQU87UUFDcEMsY0FBUyxHQUFULFNBQVMsQ0FBcUM7UUFDN0Msc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNyQyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBUDFDLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLElBQUksQ0FBQztRQUNmLGFBQVEsR0FBcUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQU9qRCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxjQUFjO2dCQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsS0FBSyxPQUFPO29CQUM1QixDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxjQUFjLENBQUM7b0JBQzlDLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGlCQUFpQixDQUFDLENBQUM7U0FDdkQ7UUFFRCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxHQUFHLElBQUksQ0FBQztTQUMxRTtJQUVILENBQUM7Ozs7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLG1CQUFtQjthQUNyQixXQUFXLEVBQUU7YUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTOzs7O1FBQUMsS0FBSyxDQUFDLEVBQUU7WUFDakIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3pDLENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7Ozs7SUFFRCxVQUFVLENBQUMsUUFBaUI7UUFDMUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQzs7OztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsbUJBQW1CO2FBQ3JCLG9CQUFvQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO2FBQzlDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVM7Ozs7UUFBQyxHQUFHLENBQUMsRUFBRTtZQUNmLElBQUksR0FBRyxFQUFFO2dCQUNQLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDeEI7UUFDSCxDQUFDLEVBQUMsQ0FBQztJQUNQLENBQUM7Ozs7O0lBRUQsV0FBVyxDQUFDLEdBQWE7UUFDdkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7OztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7OztZQTlERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0IscTNCQUE2QztnQkFFN0MsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7O2FBQ2pDOzs7OzRDQU1JLE1BQU0sU0FBQyxlQUFlO1lBdkJsQixZQUFZO1lBR1osaUJBQWlCO1lBQ2pCLG1CQUFtQjs7OztJQWUxQiwwQ0FBeUI7O0lBQ3pCLHlDQUF1Qjs7Ozs7SUFDdkIseUNBQW1EOztJQUVqRCxxQ0FBMkM7O0lBQzNDLDBDQUFxRDs7Ozs7SUFDckQsa0RBQTRDOztJQUM1QyxvREFBK0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT25EZXN0cm95LCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVwbG9hZEFzc2V0c1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy91cGxvYWQtYXNzZXRzLnNlcnZpY2UnO1xuXG5pbnRlcmZhY2UgSURhdGEge1xuICBjdXJyZW50QXNzZXRJZDogc3RyaW5nO1xuICBmaWxlVHlwZT86IHN0cmluZztcbiAgbWF4U2l6ZT86IG51bWJlcjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXVwbG9hZC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VwbG9hZC1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbVXBsb2FkQXNzZXRzU2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIFVwbG9hZERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHVibGljIGlzTG9hZGluZyA9IGZhbHNlO1xuICBwdWJsaWMgZGlzYWJsZWQgPSB0cnVlO1xuICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3QoKTtcbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBJRGF0YSxcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8VXBsb2FkRGlhbG9nQ29tcG9uZW50PixcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwdWJsaWMgdXBsb2FkQXNzZXRzU2VydmljZTogVXBsb2FkQXNzZXRzU2VydmljZVxuICApIHtcbiAgICBpZiAodGhpcy5kYXRhLmZpbGVUeXBlKSB7XG4gICAgICB0aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2Uuc3VwcG9ydGVkVHlwZXMgPVxuICAgICAgICB0aGlzLmRhdGEuZmlsZVR5cGUgPT09ICdJbWFnZSdcbiAgICAgICAgICA/IFsuLi50aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2UuaW1hZ2VFeHRlbnNpb25dXG4gICAgICAgICAgOiBbLi4udGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLmRvY3VtZW50RXh0ZW5zaW9uXTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5kYXRhLm1heFNpemUpIHtcbiAgICAgIHRoaXMudXBsb2FkQXNzZXRzU2VydmljZS5zdXBwb3J0ZWRTaXplID0gdGhpcy5kYXRhLm1heFNpemUgKiAxMDI0ICogMTAyNDtcbiAgICB9XG5cbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudXBsb2FkQXNzZXRzU2VydmljZVxuICAgICAgLmdldEVycm9yT2JzKClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoZXJyb3IgPT4ge1xuICAgICAgICB0aGlzLmRpc2FibGVkID0gZXJyb3I7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgfSk7XG4gIH1cblxuICBvblZhbGlkYXRlKGhhc0Vycm9yOiBib29sZWFuKSB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGhhc0Vycm9yO1xuICB9XG5cbiAgdXBsb2FkRmlsZXMoKSB7XG4gICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xuICAgIHRoaXMudXBsb2FkQXNzZXRzU2VydmljZVxuICAgICAgLnVwbG9hZE11bHRpcGxlQXNzZXRzKHRoaXMuZGF0YS5jdXJyZW50QXNzZXRJZClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgaWYgKHJlcykge1xuICAgICAgICAgIHRoaXMuY2xvc2VEaWFsb2codHJ1ZSk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICB9XG5cbiAgY2xvc2VEaWFsb2cocmVzPzogYm9vbGVhbikge1xuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHJlcyk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQodHJ1ZSk7XG4gICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=

package/esm2015/lib/components/partial/upload-file/upload-file.component.js

@@ -1,85 +1,85 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Component, Output, EventEmitter } from '@angular/core';
-import { UploadAssetsService } from '../../../services/upload-assets.service';
-import { imageDefault } from '../../../contanst';
-import { DomSanitizer } from '@angular/platform-browser';
-export class UploadFileComponent {
-    /**
-     * @param {?} domSanitizer
-     * @param {?} uploadAssetsService
-     */
-    constructor(domSanitizer, uploadAssetsService) {
-        this.domSanitizer = domSanitizer;
-        this.uploadAssetsService = uploadAssetsService;
-        this.base64Image = this.domSanitizer.bypassSecurityTrustUrl(imageDefault);
-        this.revalidate = new EventEmitter();
-        this.isDragging = false;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() { }
-    /**
-     * @param {?} newFiles
-     * @return {?}
-     */
-    onFileChange(newFiles) {
-        this.isDragging = false;
-        const { getFiles: files } = this.uploadAssetsService;
-        this.uploadAssetsService.setFiles = [...files, ...newFiles];
-    }
-    /**
-     * @return {?}
-     */
-    onEmitError() {
-        this.revalidate.emit(this.uploadAssetsService.errorFiles);
-    }
-    /**
-     * @param {?} _event
-     * @return {?}
-     */
-    onDragover(_event) {
-        this.isDragging = true;
-    }
-    /**
-     * @param {?} _event
-     * @return {?}
-     */
-    onDragleave(_event) {
-        this.isDragging = false;
-    }
-}
-UploadFileComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-upload-file',
-                template: "<div\r\n  class=\"upload-file__wrapper\"\r\n  [class.dragging]=\"isDragging\"\r\n  libDnDFile\r\n  (imageDropped)=\"onFileChange($event)\"\r\n  (dragover)=\"onDragover($event)\"\r\n  (dragleave)=\"onDragleave($event)\"\r\n>\r\n  <div>\r\n    <img [src]=\"base64Image\" />\r\n    <div class=\"upload-file__label\">Drag and drop here or</div>\r\n  </div>\r\n  <lib-input-file\r\n    [acceptTypes]=\"uploadAssetsService?.supportedTypes?.join(', ')\"\r\n    (onFileChange)=\"onFileChange($event)\"\r\n    color=\"primary\"\r\n  >\r\n    <span>Browse files</span>\r\n  </lib-input-file>\r\n</div>\r\n",
-                styles: [":host::ng-deep .upload-file__wrapper{margin-top:30px;margin-bottom:30px;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #017eff;border-radius:10px;box-sizing:border-box}:host::ng-deep .upload-file__wrapper lib-input-file{margin-top:30px}:host::ng-deep .upload-file__wrapper.dragging{background-color:#f5fcff}:host::ng-deep .upload-file__label{margin-top:30px;font-size:24px}:host::ng-deep .upload-file lib-file-item{margin-bottom:20px}:host::ng-deep .upload-file__upload{cursor:pointer}"]
-            }] }
-];
-/** @nocollapse */
-UploadFileComponent.ctorParameters = () => [
-    { type: DomSanitizer },
-    { type: UploadAssetsService }
-];
-UploadFileComponent.propDecorators = {
-    revalidate: [{ type: Output }]
-};
-if (false) {
-    /** @type {?} */
-    UploadFileComponent.prototype.base64Image;
-    /** @type {?} */
-    UploadFileComponent.prototype.revalidate;
-    /** @type {?} */
-    UploadFileComponent.prototype.isDragging;
-    /**
-     * @type {?}
-     * @private
-     */
-    UploadFileComponent.prototype.domSanitizer;
-    /** @type {?} */
-    UploadFileComponent.prototype.uploadAssetsService;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL3VwbG9hZC1maWxlL3VwbG9hZC1maWxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFPekQsTUFBTSxPQUFPLG1CQUFtQjs7Ozs7SUFLOUIsWUFDVSxZQUEwQixFQUMzQixtQkFBd0M7UUFEdkMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDM0Isd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQU4xQyxnQkFBVyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsc0JBQXNCLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDbEUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkMsZUFBVSxHQUFHLEtBQUssQ0FBQztJQUt2QixDQUFDOzs7O0lBRUosUUFBUSxLQUFJLENBQUM7Ozs7O0lBRWIsWUFBWSxDQUFDLFFBQWE7UUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7Y0FDbEIsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEdBQUcsSUFBSSxDQUFDLG1CQUFtQjtRQUNwRCxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxHQUFHLENBQUMsR0FBRyxLQUFLLEVBQUUsR0FBRyxRQUFRLENBQUMsQ0FBQztJQUM5RCxDQUFDOzs7O0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM1RCxDQUFDOzs7OztJQUVELFVBQVUsQ0FBQyxNQUFhO1FBQ3RCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO0lBQ3pCLENBQUM7Ozs7O0lBRUQsV0FBVyxDQUFDLE1BQWE7UUFDdkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQzs7O1lBakNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQiwrbEJBQTJDOzthQUU1Qzs7OztZQU5RLFlBQVk7WUFGWixtQkFBbUI7Ozt5QkFXekIsTUFBTTs7OztJQURQLDBDQUE0RTs7SUFDNUUseUNBQTBDOztJQUMxQyx5Q0FBMEI7Ozs7O0lBR3hCLDJDQUFrQzs7SUFDbEMsa0RBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFVwbG9hZEFzc2V0c1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy91cGxvYWQtYXNzZXRzLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBpbWFnZURlZmF1bHQgfSBmcm9tICcuLi8uLi8uLi9jb250YW5zdCc7XHJcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItdXBsb2FkLWZpbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi91cGxvYWQtZmlsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdXBsb2FkLWZpbGUuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFVwbG9hZEZpbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHB1YmxpYyBiYXNlNjRJbWFnZSA9IHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RVcmwoaW1hZ2VEZWZhdWx0KTtcclxuICBAT3V0cHV0KCkgcmV2YWxpZGF0ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBwdWJsaWMgaXNEcmFnZ2luZyA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXHJcbiAgICBwdWJsaWMgdXBsb2FkQXNzZXRzU2VydmljZTogVXBsb2FkQXNzZXRzU2VydmljZVxyXG4gICkge31cclxuXHJcbiAgbmdPbkluaXQoKSB7fVxyXG5cclxuICBvbkZpbGVDaGFuZ2UobmV3RmlsZXM6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5pc0RyYWdnaW5nID0gZmFsc2U7XHJcbiAgICBjb25zdCB7IGdldEZpbGVzOiBmaWxlcyB9ID0gdGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlO1xyXG4gICAgdGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLnNldEZpbGVzID0gWy4uLmZpbGVzLCAuLi5uZXdGaWxlc107XHJcbiAgfVxyXG5cclxuICBvbkVtaXRFcnJvcigpOiB2b2lkIHtcclxuICAgIHRoaXMucmV2YWxpZGF0ZS5lbWl0KHRoaXMudXBsb2FkQXNzZXRzU2VydmljZS5lcnJvckZpbGVzKTtcclxuICB9XHJcblxyXG4gIG9uRHJhZ292ZXIoX2V2ZW50OiBFdmVudCkge1xyXG4gICAgdGhpcy5pc0RyYWdnaW5nID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIG9uRHJhZ2xlYXZlKF9ldmVudDogRXZlbnQpIHtcclxuICAgIHRoaXMuaXNEcmFnZ2luZyA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG4iXX0=
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Output, EventEmitter } from '@angular/core';
+import { UploadAssetsService } from '../../../services/upload-assets.service';
+import { imageDefault } from '../../../contanst';
+import { DomSanitizer } from '@angular/platform-browser';
+export class UploadFileComponent {
+    /**
+     * @param {?} domSanitizer
+     * @param {?} uploadAssetsService
+     */
+    constructor(domSanitizer, uploadAssetsService) {
+        this.domSanitizer = domSanitizer;
+        this.uploadAssetsService = uploadAssetsService;
+        this.base64Image = this.domSanitizer.bypassSecurityTrustUrl(imageDefault);
+        this.revalidate = new EventEmitter();
+        this.isDragging = false;
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() { }
+    /**
+     * @param {?} newFiles
+     * @return {?}
+     */
+    onFileChange(newFiles) {
+        this.isDragging = false;
+        const { getFiles: files } = this.uploadAssetsService;
+        this.uploadAssetsService.setFiles = [...files, ...newFiles];
+    }
+    /**
+     * @return {?}
+     */
+    onEmitError() {
+        this.revalidate.emit(this.uploadAssetsService.errorFiles);
+    }
+    /**
+     * @param {?} _event
+     * @return {?}
+     */
+    onDragover(_event) {
+        this.isDragging = true;
+    }
+    /**
+     * @param {?} _event
+     * @return {?}
+     */
+    onDragleave(_event) {
+        this.isDragging = false;
+    }
+}
+UploadFileComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-upload-file',
+                template: "<div\n  class=\"upload-file__wrapper\"\n  [class.dragging]=\"isDragging\"\n  libDnDFile\n  (imageDropped)=\"onFileChange($event)\"\n  (dragover)=\"onDragover($event)\"\n  (dragleave)=\"onDragleave($event)\"\n>\n  <div>\n    <img [src]=\"base64Image\" />\n    <div class=\"upload-file__label\">Drag and drop here or</div>\n  </div>\n  <lib-input-file\n    [acceptTypes]=\"uploadAssetsService?.supportedTypes?.join(', ')\"\n    (onFileChange)=\"onFileChange($event)\"\n    color=\"primary\"\n  >\n    <span>Browse files</span>\n  </lib-input-file>\n</div>\n",
+                styles: [":host::ng-deep .upload-file__wrapper{margin-top:30px;margin-bottom:30px;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #017eff;border-radius:10px;box-sizing:border-box}:host::ng-deep .upload-file__wrapper lib-input-file{margin-top:30px}:host::ng-deep .upload-file__wrapper.dragging{background-color:#f5fcff}:host::ng-deep .upload-file__label{margin-top:30px;font-size:24px}:host::ng-deep .upload-file lib-file-item{margin-bottom:20px}:host::ng-deep .upload-file__upload{cursor:pointer}"]
+            }] }
+];
+/** @nocollapse */
+UploadFileComponent.ctorParameters = () => [
+    { type: DomSanitizer },
+    { type: UploadAssetsService }
+];
+UploadFileComponent.propDecorators = {
+    revalidate: [{ type: Output }]
+};
+if (false) {
+    /** @type {?} */
+    UploadFileComponent.prototype.base64Image;
+    /** @type {?} */
+    UploadFileComponent.prototype.revalidate;
+    /** @type {?} */
+    UploadFileComponent.prototype.isDragging;
+    /**
+     * @type {?}
+     * @private
+     */
+    UploadFileComponent.prototype.domSanitizer;
+    /** @type {?} */
+    UploadFileComponent.prototype.uploadAssetsService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL3VwbG9hZC1maWxlL3VwbG9hZC1maWxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFPekQsTUFBTSxPQUFPLG1CQUFtQjs7Ozs7SUFLOUIsWUFDVSxZQUEwQixFQUMzQixtQkFBd0M7UUFEdkMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDM0Isd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQU4xQyxnQkFBVyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsc0JBQXNCLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDbEUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkMsZUFBVSxHQUFHLEtBQUssQ0FBQztJQUt2QixDQUFDOzs7O0lBRUosUUFBUSxLQUFJLENBQUM7Ozs7O0lBRWIsWUFBWSxDQUFDLFFBQWE7UUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7Y0FDbEIsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEdBQUcsSUFBSSxDQUFDLG1CQUFtQjtRQUNwRCxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxHQUFHLENBQUMsR0FBRyxLQUFLLEVBQUUsR0FBRyxRQUFRLENBQUMsQ0FBQztJQUM5RCxDQUFDOzs7O0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM1RCxDQUFDOzs7OztJQUVELFVBQVUsQ0FBQyxNQUFhO1FBQ3RCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO0lBQ3pCLENBQUM7Ozs7O0lBRUQsV0FBVyxDQUFDLE1BQWE7UUFDdkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQzs7O1lBakNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQix1akJBQTJDOzthQUU1Qzs7OztZQU5RLFlBQVk7WUFGWixtQkFBbUI7Ozt5QkFXekIsTUFBTTs7OztJQURQLDBDQUE0RTs7SUFDNUUseUNBQTBDOztJQUMxQyx5Q0FBMEI7Ozs7O0lBR3hCLDJDQUFrQzs7SUFDbEMsa0RBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVcGxvYWRBc3NldHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdXBsb2FkLWFzc2V0cy5zZXJ2aWNlJztcbmltcG9ydCB7IGltYWdlRGVmYXVsdCB9IGZyb20gJy4uLy4uLy4uL2NvbnRhbnN0JztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdXBsb2FkLWZpbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkLWZpbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91cGxvYWQtZmlsZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBVcGxvYWRGaWxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIGJhc2U2NEltYWdlID0gdGhpcy5kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFVybChpbWFnZURlZmF1bHQpO1xuICBAT3V0cHV0KCkgcmV2YWxpZGF0ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgcHVibGljIGlzRHJhZ2dpbmcgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyLFxuICAgIHB1YmxpYyB1cGxvYWRBc3NldHNTZXJ2aWNlOiBVcGxvYWRBc3NldHNTZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgb25GaWxlQ2hhbmdlKG5ld0ZpbGVzOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmlzRHJhZ2dpbmcgPSBmYWxzZTtcbiAgICBjb25zdCB7IGdldEZpbGVzOiBmaWxlcyB9ID0gdGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlO1xuICAgIHRoaXMudXBsb2FkQXNzZXRzU2VydmljZS5zZXRGaWxlcyA9IFsuLi5maWxlcywgLi4ubmV3RmlsZXNdO1xuICB9XG5cbiAgb25FbWl0RXJyb3IoKTogdm9pZCB7XG4gICAgdGhpcy5yZXZhbGlkYXRlLmVtaXQodGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLmVycm9yRmlsZXMpO1xuICB9XG5cbiAgb25EcmFnb3ZlcihfZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5pc0RyYWdnaW5nID0gdHJ1ZTtcbiAgfVxuXG4gIG9uRHJhZ2xlYXZlKF9ldmVudDogRXZlbnQpIHtcbiAgICB0aGlzLmlzRHJhZ2dpbmcgPSBmYWxzZTtcbiAgfVxufVxuIl19