@rs-pk/asset-management 1.0.25 → 1.0.26

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

@@ -1,156 +1,156 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
-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;
-}
-var UploadDialogComponent = /** @class */ (function () {
-    function UploadDialogComponent(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'
-                    ? tslib_1.__spread(this.uploadAssetsService.imageExtension) : tslib_1.__spread(this.uploadAssetsService.documentExtension);
-        }
-        if (this.data.maxSize) {
-            this.uploadAssetsService.supportedSize = this.data.maxSize * 1024 * 1024;
-        }
-    }
-    /**
-     * @return {?}
-     */
-    UploadDialogComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this.uploadAssetsService
-            .getErrorObs()
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((/**
-         * @param {?} error
-         * @return {?}
-         */
-        function (error) {
-            _this.disabled = error;
-            _this.changeDetectorRef.detectChanges();
-        }));
-    };
-    /**
-     * @param {?} hasError
-     * @return {?}
-     */
-    UploadDialogComponent.prototype.onValidate = /**
-     * @param {?} hasError
-     * @return {?}
-     */
-    function (hasError) {
-        this.disabled = hasError;
-    };
-    /**
-     * @return {?}
-     */
-    UploadDialogComponent.prototype.uploadFiles = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this.isLoading = true;
-        this.uploadAssetsService
-            .uploadMultipleAssets(this.data.currentAssetId)
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((/**
-         * @param {?} res
-         * @return {?}
-         */
-        function (res) {
-            if (res) {
-                _this.closeDialog(true);
-            }
-        }));
-    };
-    /**
-     * @param {?=} res
-     * @return {?}
-     */
-    UploadDialogComponent.prototype.closeDialog = /**
-     * @param {?=} res
-     * @return {?}
-     */
-    function (res) {
-        this.dialogRef.close(res);
-    };
-    /**
-     * @return {?}
-     */
-    UploadDialogComponent.prototype.ngOnDestroy = /**
-     * @return {?}
-     */
-    function () {
-        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 = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
-        { type: MatDialogRef },
-        { type: ChangeDetectorRef },
-        { type: UploadAssetsService }
-    ]; };
-    return UploadDialogComponent;
-}());
-export { UploadDialogComponent };
-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvdXBsb2FkLWRpYWxvZy91cGxvYWQtZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7OztBQUU5RSxvQkFJQzs7O0lBSEMsK0JBQXVCOztJQUN2Qix5QkFBa0I7O0lBQ2xCLHdCQUFpQjs7QUFHbkI7SUFVRSwrQkFDa0MsSUFBVyxFQUNwQyxTQUE4QyxFQUM3QyxpQkFBb0MsRUFDckMsbUJBQXdDO1FBSGYsU0FBSSxHQUFKLElBQUksQ0FBTztRQUNwQyxjQUFTLEdBQVQsU0FBUyxDQUFxQztRQUM3QyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3JDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFQMUMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2YsYUFBUSxHQUFxQixJQUFJLE9BQU8sRUFBRSxDQUFDO1FBT2pELElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDdEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGNBQWM7Z0JBQ3JDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxLQUFLLE9BQU87b0JBQzVCLENBQUMsa0JBQUssSUFBSSxDQUFDLG1CQUFtQixDQUFDLGNBQWMsRUFDN0MsQ0FBQyxrQkFBSyxJQUFJLENBQUMsbUJBQW1CLENBQUMsaUJBQWlCLENBQUMsQ0FBQztTQUN2RDtRQUVELElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDckIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLEdBQUcsSUFBSSxDQUFDO1NBQzFFO0lBRUgsQ0FBQzs7OztJQUVELHdDQUFROzs7SUFBUjtRQUFBLGlCQVFDO1FBUEMsSUFBSSxDQUFDLG1CQUFtQjthQUNyQixXQUFXLEVBQUU7YUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTOzs7O1FBQUMsVUFBQSxLQUFLO1lBQ2QsS0FBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsS0FBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3pDLENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7Ozs7SUFFRCwwQ0FBVTs7OztJQUFWLFVBQVcsUUFBaUI7UUFDMUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQzs7OztJQUVELDJDQUFXOzs7SUFBWDtRQUFBLGlCQVVDO1FBVEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLG1CQUFtQjthQUNyQixvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQzthQUM5QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTOzs7O1FBQUMsVUFBQSxHQUFHO1lBQ1osSUFBSSxHQUFHLEVBQUU7Z0JBQ1AsS0FBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUN4QjtRQUNILENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7Ozs7SUFFRCwyQ0FBVzs7OztJQUFYLFVBQVksR0FBYTtRQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM1QixDQUFDOzs7O0lBRUQsMkNBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDOztnQkE5REYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLDY2QkFBNkM7b0JBRTdDLFNBQVMsRUFBRSxDQUFDLG1CQUFtQixDQUFDOztpQkFDakM7Ozs7Z0RBTUksTUFBTSxTQUFDLGVBQWU7Z0JBdkJsQixZQUFZO2dCQUdaLGlCQUFpQjtnQkFDakIsbUJBQW1COztJQXVFNUIsNEJBQUM7Q0FBQSxBQS9ERCxJQStEQztTQXpEWSxxQkFBcUI7OztJQUNoQywwQ0FBeUI7O0lBQ3pCLHlDQUF1Qjs7Ozs7SUFDdkIseUNBQW1EOztJQUVqRCxxQ0FBMkM7O0lBQzNDLDBDQUFxRDs7Ozs7SUFDckQsa0RBQTRDOztJQUM1QyxvREFBK0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT25EZXN0cm95LCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbCc7XHJcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVcGxvYWRBc3NldHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdXBsb2FkLWFzc2V0cy5zZXJ2aWNlJztcclxuXHJcbmludGVyZmFjZSBJRGF0YSB7XHJcbiAgY3VycmVudEFzc2V0SWQ6IHN0cmluZztcclxuICBmaWxlVHlwZT86IHN0cmluZztcclxuICBtYXhTaXplPzogbnVtYmVyO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi11cGxvYWQtZGlhbG9nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdXBsb2FkLWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW1VwbG9hZEFzc2V0c1NlcnZpY2VdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVXBsb2FkRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIHB1YmxpYyBpc0xvYWRpbmcgPSBmYWxzZTtcclxuICBwdWJsaWMgZGlzYWJsZWQgPSB0cnVlO1xyXG4gIHByaXZhdGUgZGVzdHJveSQ6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdCgpO1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBJRGF0YSxcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxVcGxvYWREaWFsb2dDb21wb25lbnQ+LFxyXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwdWJsaWMgdXBsb2FkQXNzZXRzU2VydmljZTogVXBsb2FkQXNzZXRzU2VydmljZVxyXG4gICkge1xyXG4gICAgaWYgKHRoaXMuZGF0YS5maWxlVHlwZSkge1xyXG4gICAgICB0aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2Uuc3VwcG9ydGVkVHlwZXMgPVxyXG4gICAgICAgIHRoaXMuZGF0YS5maWxlVHlwZSA9PT0gJ0ltYWdlJ1xyXG4gICAgICAgICAgPyBbLi4udGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLmltYWdlRXh0ZW5zaW9uXVxyXG4gICAgICAgICAgOiBbLi4udGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLmRvY3VtZW50RXh0ZW5zaW9uXTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5kYXRhLm1heFNpemUpIHtcclxuICAgICAgdGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLnN1cHBvcnRlZFNpemUgPSB0aGlzLmRhdGEubWF4U2l6ZSAqIDEwMjQgKiAxMDI0O1xyXG4gICAgfVxyXG5cclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlXHJcbiAgICAgIC5nZXRFcnJvck9icygpXHJcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcclxuICAgICAgLnN1YnNjcmliZShlcnJvciA9PiB7XHJcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGVycm9yO1xyXG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIG9uVmFsaWRhdGUoaGFzRXJyb3I6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBoYXNFcnJvcjtcclxuICB9XHJcblxyXG4gIHVwbG9hZEZpbGVzKCkge1xyXG4gICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlXHJcbiAgICAgIC51cGxvYWRNdWx0aXBsZUFzc2V0cyh0aGlzLmRhdGEuY3VycmVudEFzc2V0SWQpXHJcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcclxuICAgICAgLnN1YnNjcmliZShyZXMgPT4ge1xyXG4gICAgICAgIGlmIChyZXMpIHtcclxuICAgICAgICAgIHRoaXMuY2xvc2VEaWFsb2codHJ1ZSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIGNsb3NlRGlhbG9nKHJlcz86IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHJlcyk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGVzdHJveSQubmV4dCh0cnVlKTtcclxuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcclxuICB9XHJcbn1cclxuIl19
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+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;
+}
+var UploadDialogComponent = /** @class */ (function () {
+    function UploadDialogComponent(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'
+                    ? tslib_1.__spread(this.uploadAssetsService.imageExtension) : tslib_1.__spread(this.uploadAssetsService.documentExtension);
+        }
+        if (this.data.maxSize) {
+            this.uploadAssetsService.supportedSize = this.data.maxSize * 1024 * 1024;
+        }
+    }
+    /**
+     * @return {?}
+     */
+    UploadDialogComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.uploadAssetsService
+            .getErrorObs()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((/**
+         * @param {?} error
+         * @return {?}
+         */
+        function (error) {
+            _this.disabled = error;
+            _this.changeDetectorRef.detectChanges();
+        }));
+    };
+    /**
+     * @param {?} hasError
+     * @return {?}
+     */
+    UploadDialogComponent.prototype.onValidate = /**
+     * @param {?} hasError
+     * @return {?}
+     */
+    function (hasError) {
+        this.disabled = hasError;
+    };
+    /**
+     * @return {?}
+     */
+    UploadDialogComponent.prototype.uploadFiles = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.isLoading = true;
+        this.uploadAssetsService
+            .uploadMultipleAssets(this.data.currentAssetId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        function (res) {
+            if (res) {
+                _this.closeDialog(true);
+            }
+        }));
+    };
+    /**
+     * @param {?=} res
+     * @return {?}
+     */
+    UploadDialogComponent.prototype.closeDialog = /**
+     * @param {?=} res
+     * @return {?}
+     */
+    function (res) {
+        this.dialogRef.close(res);
+    };
+    /**
+     * @return {?}
+     */
+    UploadDialogComponent.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        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 = function () { return [
+        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
+        { type: MatDialogRef },
+        { type: ChangeDetectorRef },
+        { type: UploadAssetsService }
+    ]; };
+    return UploadDialogComponent;
+}());
+export { UploadDialogComponent };
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvdXBsb2FkLWRpYWxvZy91cGxvYWQtZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7OztBQUU5RSxvQkFJQzs7O0lBSEMsK0JBQXVCOztJQUN2Qix5QkFBa0I7O0lBQ2xCLHdCQUFpQjs7QUFHbkI7SUFVRSwrQkFDa0MsSUFBVyxFQUNwQyxTQUE4QyxFQUM3QyxpQkFBb0MsRUFDckMsbUJBQXdDO1FBSGYsU0FBSSxHQUFKLElBQUksQ0FBTztRQUNwQyxjQUFTLEdBQVQsU0FBUyxDQUFxQztRQUM3QyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3JDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFQMUMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2YsYUFBUSxHQUFxQixJQUFJLE9BQU8sRUFBRSxDQUFDO1FBT2pELElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDdEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGNBQWM7Z0JBQ3JDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxLQUFLLE9BQU87b0JBQzVCLENBQUMsa0JBQUssSUFBSSxDQUFDLG1CQUFtQixDQUFDLGNBQWMsRUFDN0MsQ0FBQyxrQkFBSyxJQUFJLENBQUMsbUJBQW1CLENBQUMsaUJBQWlCLENBQUMsQ0FBQztTQUN2RDtRQUVELElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDckIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLEdBQUcsSUFBSSxDQUFDO1NBQzFFO0lBRUgsQ0FBQzs7OztJQUVELHdDQUFROzs7SUFBUjtRQUFBLGlCQVFDO1FBUEMsSUFBSSxDQUFDLG1CQUFtQjthQUNyQixXQUFXLEVBQUU7YUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTOzs7O1FBQUMsVUFBQSxLQUFLO1lBQ2QsS0FBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsS0FBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3pDLENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7Ozs7SUFFRCwwQ0FBVTs7OztJQUFWLFVBQVcsUUFBaUI7UUFDMUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQzs7OztJQUVELDJDQUFXOzs7SUFBWDtRQUFBLGlCQVVDO1FBVEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLG1CQUFtQjthQUNyQixvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQzthQUM5QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTOzs7O1FBQUMsVUFBQSxHQUFHO1lBQ1osSUFBSSxHQUFHLEVBQUU7Z0JBQ1AsS0FBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUN4QjtRQUNILENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7Ozs7SUFFRCwyQ0FBVzs7OztJQUFYLFVBQVksR0FBYTtRQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM1QixDQUFDOzs7O0lBRUQsMkNBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDOztnQkE5REYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLHEzQkFBNkM7b0JBRTdDLFNBQVMsRUFBRSxDQUFDLG1CQUFtQixDQUFDOztpQkFDakM7Ozs7Z0RBTUksTUFBTSxTQUFDLGVBQWU7Z0JBdkJsQixZQUFZO2dCQUdaLGlCQUFpQjtnQkFDakIsbUJBQW1COztJQXVFNUIsNEJBQUM7Q0FBQSxBQS9ERCxJQStEQztTQXpEWSxxQkFBcUI7OztJQUNoQywwQ0FBeUI7O0lBQ3pCLHlDQUF1Qjs7Ozs7SUFDdkIseUNBQW1EOztJQUVqRCxxQ0FBMkM7O0lBQzNDLDBDQUFxRDs7Ozs7SUFDckQsa0RBQTRDOztJQUM1QyxvREFBK0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT25EZXN0cm95LCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVwbG9hZEFzc2V0c1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy91cGxvYWQtYXNzZXRzLnNlcnZpY2UnO1xuXG5pbnRlcmZhY2UgSURhdGEge1xuICBjdXJyZW50QXNzZXRJZDogc3RyaW5nO1xuICBmaWxlVHlwZT86IHN0cmluZztcbiAgbWF4U2l6ZT86IG51bWJlcjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXVwbG9hZC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VwbG9hZC1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbVXBsb2FkQXNzZXRzU2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIFVwbG9hZERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHVibGljIGlzTG9hZGluZyA9IGZhbHNlO1xuICBwdWJsaWMgZGlzYWJsZWQgPSB0cnVlO1xuICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3QoKTtcbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBJRGF0YSxcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8VXBsb2FkRGlhbG9nQ29tcG9uZW50PixcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwdWJsaWMgdXBsb2FkQXNzZXRzU2VydmljZTogVXBsb2FkQXNzZXRzU2VydmljZVxuICApIHtcbiAgICBpZiAodGhpcy5kYXRhLmZpbGVUeXBlKSB7XG4gICAgICB0aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2Uuc3VwcG9ydGVkVHlwZXMgPVxuICAgICAgICB0aGlzLmRhdGEuZmlsZVR5cGUgPT09ICdJbWFnZSdcbiAgICAgICAgICA/IFsuLi50aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2UuaW1hZ2VFeHRlbnNpb25dXG4gICAgICAgICAgOiBbLi4udGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLmRvY3VtZW50RXh0ZW5zaW9uXTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5kYXRhLm1heFNpemUpIHtcbiAgICAgIHRoaXMudXBsb2FkQXNzZXRzU2VydmljZS5zdXBwb3J0ZWRTaXplID0gdGhpcy5kYXRhLm1heFNpemUgKiAxMDI0ICogMTAyNDtcbiAgICB9XG5cbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudXBsb2FkQXNzZXRzU2VydmljZVxuICAgICAgLmdldEVycm9yT2JzKClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoZXJyb3IgPT4ge1xuICAgICAgICB0aGlzLmRpc2FibGVkID0gZXJyb3I7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgfSk7XG4gIH1cblxuICBvblZhbGlkYXRlKGhhc0Vycm9yOiBib29sZWFuKSB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGhhc0Vycm9yO1xuICB9XG5cbiAgdXBsb2FkRmlsZXMoKSB7XG4gICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xuICAgIHRoaXMudXBsb2FkQXNzZXRzU2VydmljZVxuICAgICAgLnVwbG9hZE11bHRpcGxlQXNzZXRzKHRoaXMuZGF0YS5jdXJyZW50QXNzZXRJZClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgaWYgKHJlcykge1xuICAgICAgICAgIHRoaXMuY2xvc2VEaWFsb2codHJ1ZSk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICB9XG5cbiAgY2xvc2VEaWFsb2cocmVzPzogYm9vbGVhbikge1xuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHJlcyk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQodHJ1ZSk7XG4gICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=

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

@@ -1,102 +1,102 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
-import { Component, Output, EventEmitter } from '@angular/core';
-import { UploadAssetsService } from '../../../services/upload-assets.service';
-import { imageDefault } from '../../../contanst';
-import { DomSanitizer } from '@angular/platform-browser';
-var UploadFileComponent = /** @class */ (function () {
-    function UploadFileComponent(domSanitizer, uploadAssetsService) {
-        this.domSanitizer = domSanitizer;
-        this.uploadAssetsService = uploadAssetsService;
-        this.base64Image = this.domSanitizer.bypassSecurityTrustUrl(imageDefault);
-        this.revalidate = new EventEmitter();
-        this.isDragging = false;
-    }
-    /**
-     * @return {?}
-     */
-    UploadFileComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () { };
-    /**
-     * @param {?} newFiles
-     * @return {?}
-     */
-    UploadFileComponent.prototype.onFileChange = /**
-     * @param {?} newFiles
-     * @return {?}
-     */
-    function (newFiles) {
-        this.isDragging = false;
-        var files = this.uploadAssetsService.getFiles;
-        this.uploadAssetsService.setFiles = tslib_1.__spread(files, newFiles);
-    };
-    /**
-     * @return {?}
-     */
-    UploadFileComponent.prototype.onEmitError = /**
-     * @return {?}
-     */
-    function () {
-        this.revalidate.emit(this.uploadAssetsService.errorFiles);
-    };
-    /**
-     * @param {?} _event
-     * @return {?}
-     */
-    UploadFileComponent.prototype.onDragover = /**
-     * @param {?} _event
-     * @return {?}
-     */
-    function (_event) {
-        this.isDragging = true;
-    };
-    /**
-     * @param {?} _event
-     * @return {?}
-     */
-    UploadFileComponent.prototype.onDragleave = /**
-     * @param {?} _event
-     * @return {?}
-     */
-    function (_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 = function () { return [
-        { type: DomSanitizer },
-        { type: UploadAssetsService }
-    ]; };
-    UploadFileComponent.propDecorators = {
-        revalidate: [{ type: Output }]
-    };
-    return UploadFileComponent;
-}());
-export { UploadFileComponent };
-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL3VwbG9hZC1maWxlL3VwbG9hZC1maWxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXpEO0lBVUUsNkJBQ1UsWUFBMEIsRUFDM0IsbUJBQXdDO1FBRHZDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzNCLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFOMUMsZ0JBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLHNCQUFzQixDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2xFLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25DLGVBQVUsR0FBRyxLQUFLLENBQUM7SUFLdkIsQ0FBQzs7OztJQUVKLHNDQUFROzs7SUFBUixjQUFZLENBQUM7Ozs7O0lBRWIsMENBQVk7Ozs7SUFBWixVQUFhLFFBQWE7UUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDaEIsSUFBQSx5Q0FBZTtRQUN2QixJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxvQkFBTyxLQUFLLEVBQUssUUFBUSxDQUFDLENBQUM7SUFDOUQsQ0FBQzs7OztJQUVELHlDQUFXOzs7SUFBWDtRQUNFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM1RCxDQUFDOzs7OztJQUVELHdDQUFVOzs7O0lBQVYsVUFBVyxNQUFhO1FBQ3RCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO0lBQ3pCLENBQUM7Ozs7O0lBRUQseUNBQVc7Ozs7SUFBWCxVQUFZLE1BQWE7UUFDdkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQzs7Z0JBakNGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQiwrbEJBQTJDOztpQkFFNUM7Ozs7Z0JBTlEsWUFBWTtnQkFGWixtQkFBbUI7Ozs2QkFXekIsTUFBTTs7SUEyQlQsMEJBQUM7Q0FBQSxBQWxDRCxJQWtDQztTQTdCWSxtQkFBbUI7OztJQUM5QiwwQ0FBNEU7O0lBQzVFLHlDQUEwQzs7SUFDMUMseUNBQTBCOzs7OztJQUd4QiwyQ0FBa0M7O0lBQ2xDLGtEQUErQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVcGxvYWRBc3NldHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdXBsb2FkLWFzc2V0cy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgaW1hZ2VEZWZhdWx0IH0gZnJvbSAnLi4vLi4vLi4vY29udGFuc3QnO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXVwbG9hZC1maWxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkLWZpbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3VwbG9hZC1maWxlLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVcGxvYWRGaWxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBwdWJsaWMgYmFzZTY0SW1hZ2UgPSB0aGlzLmRvbVNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0VXJsKGltYWdlRGVmYXVsdCk7XHJcbiAgQE91dHB1dCgpIHJldmFsaWRhdGUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgcHVibGljIGlzRHJhZ2dpbmcgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyLFxyXG4gICAgcHVibGljIHVwbG9hZEFzc2V0c1NlcnZpY2U6IFVwbG9hZEFzc2V0c1NlcnZpY2VcclxuICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgb25GaWxlQ2hhbmdlKG5ld0ZpbGVzOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNEcmFnZ2luZyA9IGZhbHNlO1xyXG4gICAgY29uc3QgeyBnZXRGaWxlczogZmlsZXMgfSA9IHRoaXMudXBsb2FkQXNzZXRzU2VydmljZTtcclxuICAgIHRoaXMudXBsb2FkQXNzZXRzU2VydmljZS5zZXRGaWxlcyA9IFsuLi5maWxlcywgLi4ubmV3RmlsZXNdO1xyXG4gIH1cclxuXHJcbiAgb25FbWl0RXJyb3IoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJldmFsaWRhdGUuZW1pdCh0aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2UuZXJyb3JGaWxlcyk7XHJcbiAgfVxyXG5cclxuICBvbkRyYWdvdmVyKF9ldmVudDogRXZlbnQpIHtcclxuICAgIHRoaXMuaXNEcmFnZ2luZyA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBvbkRyYWdsZWF2ZShfZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLmlzRHJhZ2dpbmcgPSBmYWxzZTtcclxuICB9XHJcbn1cclxuIl19
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+import { Component, Output, EventEmitter } from '@angular/core';
+import { UploadAssetsService } from '../../../services/upload-assets.service';
+import { imageDefault } from '../../../contanst';
+import { DomSanitizer } from '@angular/platform-browser';
+var UploadFileComponent = /** @class */ (function () {
+    function UploadFileComponent(domSanitizer, uploadAssetsService) {
+        this.domSanitizer = domSanitizer;
+        this.uploadAssetsService = uploadAssetsService;
+        this.base64Image = this.domSanitizer.bypassSecurityTrustUrl(imageDefault);
+        this.revalidate = new EventEmitter();
+        this.isDragging = false;
+    }
+    /**
+     * @return {?}
+     */
+    UploadFileComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () { };
+    /**
+     * @param {?} newFiles
+     * @return {?}
+     */
+    UploadFileComponent.prototype.onFileChange = /**
+     * @param {?} newFiles
+     * @return {?}
+     */
+    function (newFiles) {
+        this.isDragging = false;
+        var files = this.uploadAssetsService.getFiles;
+        this.uploadAssetsService.setFiles = tslib_1.__spread(files, newFiles);
+    };
+    /**
+     * @return {?}
+     */
+    UploadFileComponent.prototype.onEmitError = /**
+     * @return {?}
+     */
+    function () {
+        this.revalidate.emit(this.uploadAssetsService.errorFiles);
+    };
+    /**
+     * @param {?} _event
+     * @return {?}
+     */
+    UploadFileComponent.prototype.onDragover = /**
+     * @param {?} _event
+     * @return {?}
+     */
+    function (_event) {
+        this.isDragging = true;
+    };
+    /**
+     * @param {?} _event
+     * @return {?}
+     */
+    UploadFileComponent.prototype.onDragleave = /**
+     * @param {?} _event
+     * @return {?}
+     */
+    function (_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 = function () { return [
+        { type: DomSanitizer },
+        { type: UploadAssetsService }
+    ]; };
+    UploadFileComponent.propDecorators = {
+        revalidate: [{ type: Output }]
+    };
+    return UploadFileComponent;
+}());
+export { UploadFileComponent };
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL3VwbG9hZC1maWxlL3VwbG9hZC1maWxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXpEO0lBVUUsNkJBQ1UsWUFBMEIsRUFDM0IsbUJBQXdDO1FBRHZDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzNCLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFOMUMsZ0JBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLHNCQUFzQixDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2xFLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25DLGVBQVUsR0FBRyxLQUFLLENBQUM7SUFLdkIsQ0FBQzs7OztJQUVKLHNDQUFROzs7SUFBUixjQUFZLENBQUM7Ozs7O0lBRWIsMENBQVk7Ozs7SUFBWixVQUFhLFFBQWE7UUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDaEIsSUFBQSx5Q0FBZTtRQUN2QixJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxvQkFBTyxLQUFLLEVBQUssUUFBUSxDQUFDLENBQUM7SUFDOUQsQ0FBQzs7OztJQUVELHlDQUFXOzs7SUFBWDtRQUNFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM1RCxDQUFDOzs7OztJQUVELHdDQUFVOzs7O0lBQVYsVUFBVyxNQUFhO1FBQ3RCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO0lBQ3pCLENBQUM7Ozs7O0lBRUQseUNBQVc7Ozs7SUFBWCxVQUFZLE1BQWE7UUFDdkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQzs7Z0JBakNGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQix1akJBQTJDOztpQkFFNUM7Ozs7Z0JBTlEsWUFBWTtnQkFGWixtQkFBbUI7Ozs2QkFXekIsTUFBTTs7SUEyQlQsMEJBQUM7Q0FBQSxBQWxDRCxJQWtDQztTQTdCWSxtQkFBbUI7OztJQUM5QiwwQ0FBNEU7O0lBQzVFLHlDQUEwQzs7SUFDMUMseUNBQTBCOzs7OztJQUd4QiwyQ0FBa0M7O0lBQ2xDLGtEQUErQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXBsb2FkQXNzZXRzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3VwbG9hZC1hc3NldHMuc2VydmljZSc7XG5pbXBvcnQgeyBpbWFnZURlZmF1bHQgfSBmcm9tICcuLi8uLi8uLi9jb250YW5zdCc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXVwbG9hZC1maWxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VwbG9hZC1maWxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdXBsb2FkLWZpbGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVXBsb2FkRmlsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBiYXNlNjRJbWFnZSA9IHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RVcmwoaW1hZ2VEZWZhdWx0KTtcbiAgQE91dHB1dCgpIHJldmFsaWRhdGUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIHB1YmxpYyBpc0RyYWdnaW5nID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBkb21TYW5pdGl6ZXI6IERvbVNhbml0aXplcixcbiAgICBwdWJsaWMgdXBsb2FkQXNzZXRzU2VydmljZTogVXBsb2FkQXNzZXRzU2VydmljZVxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIG9uRmlsZUNoYW5nZShuZXdGaWxlczogYW55KTogdm9pZCB7XG4gICAgdGhpcy5pc0RyYWdnaW5nID0gZmFsc2U7XG4gICAgY29uc3QgeyBnZXRGaWxlczogZmlsZXMgfSA9IHRoaXMudXBsb2FkQXNzZXRzU2VydmljZTtcbiAgICB0aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2Uuc2V0RmlsZXMgPSBbLi4uZmlsZXMsIC4uLm5ld0ZpbGVzXTtcbiAgfVxuXG4gIG9uRW1pdEVycm9yKCk6IHZvaWQge1xuICAgIHRoaXMucmV2YWxpZGF0ZS5lbWl0KHRoaXMudXBsb2FkQXNzZXRzU2VydmljZS5lcnJvckZpbGVzKTtcbiAgfVxuXG4gIG9uRHJhZ292ZXIoX2V2ZW50OiBFdmVudCkge1xuICAgIHRoaXMuaXNEcmFnZ2luZyA9IHRydWU7XG4gIH1cblxuICBvbkRyYWdsZWF2ZShfZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5pc0RyYWdnaW5nID0gZmFsc2U7XG4gIH1cbn1cbiJdfQ==