npm - @rs-pk/asset-management - Versions diffs - 1.0.30 → 1.0.31 - Mend

@rs-pk/asset-management 1.0.30 → 1.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (142) hide show

package/fesm5/rs-pk-asset-management.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { MatInputModule } from '@angular/material/input';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatTreeModule } from '@angular/material/tree';
-import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import { MatPaginator as MatPaginator$1, MatPaginatorModule } from '@angular/material/paginator';
 import { MatTableModule } from '@angular/material/table';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatMenuModule } from '@angular/material/menu';
@@ -16,15 +16,19 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatSelectModule } from '@angular/material/select';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { HttpHandler, HttpClient, HttpParams, HttpHeaders } from '@angular/common/http';
-import { BehaviorSubject, Subject, of, merge, combineLatest } from 'rxjs';
+import { BehaviorSubject, Subject, merge, of as of$1 } from 'rxjs';
+import { BehaviorSubject as BehaviorSubject$1 } from 'rxjs/internal/BehaviorSubject';
 import { map, distinctUntilChanged, takeUntil, switchMap } from 'rxjs/operators';
+import { Subject as Subject$1 } from 'rxjs/internal/Subject';
 import { DomSanitizer } from '@angular/platform-browser';
+import { MAT_DIALOG_DATA as MAT_DIALOG_DATA$1, MatDialogRef as MatDialogRef$1, MatPaginator } from '@angular/material';
+import { of } from 'rxjs/internal/observable/of';
 import { FlatTreeControl } from '@angular/cdk/tree';
+import { combineLatest } from 'rxjs/internal/observable/combineLatest';
 import * as moment_ from 'moment';
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/models/asset.model.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -203,7 +207,6 @@ var ROOT_ASSET_ID = 'ROOT';
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/models/asset-file.model.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var AssetFileUploadModel = /** @class */ (function () {
@@ -270,7 +273,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/models/file.model.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -368,7 +370,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/models/node-tree.model.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -402,18 +403,16 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/models/file-type.enum.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
 var FileTypeEnum = {
-    IMAGE: "Image",
-    DOCUMENT: "Document",
+    IMAGE: 'Image',
+    DOCUMENT: 'Document',
 };
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/models/sort.enum.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {number} */
@@ -435,13 +434,11 @@ TypeSort[TypeSort.ASC] = 'ASC';
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/models/index.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/services/env-config.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -461,7 +458,6 @@ var AM_CONFIG = new InjectionToken('asset.man.config.angular');
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/services/base.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var BaseHttpClient = /** @class */ (function (_super) {
@@ -514,7 +510,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/services/asset.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var AssetService = /** @class */ (function () {
@@ -843,7 +838,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/asset-management.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
@@ -881,7 +875,7 @@ var AssetManagementService = /** @class */ (function () {
     ];
     /** @nocollapse */
     AssetManagementService.ctorParameters = function () { return []; };
-    /** @nocollapse */ AssetManagementService.ɵprov = ɵɵdefineInjectable({ factory: function AssetManagementService_Factory() { return new AssetManagementService(); }, token: AssetManagementService, providedIn: "root" });
+    /** @nocollapse */ AssetManagementService.ngInjectableDef = ɵɵdefineInjectable({ factory: function AssetManagementService_Factory() { return new AssetManagementService(); }, token: AssetManagementService, providedIn: "root" });
     return AssetManagementService;
 }());
 if (false) {
@@ -894,7 +888,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/store/actions.action.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -910,18 +903,18 @@ if (false) {
 /** @enum {string} */
 var ActionTypes = {
     // global loading
-    SET_GLOBAL_LOADING: "[LOADING] Set global loading state",
+    SET_GLOBAL_LOADING: '[LOADING] Set global loading state',
     // asset area
-    SET_SELECTED_ASSETS: "[ASSET] Set selected assets",
-    RELOAD_CURRENT_ASSETS: "[ASSET] reload current asset list ",
-    DELETE_ASSET: "[ASSET] delete an asset ",
+    SET_SELECTED_ASSETS: '[ASSET] Set selected assets',
+    RELOAD_CURRENT_ASSETS: '[ASSET] reload current asset list ',
+    DELETE_ASSET: '[ASSET] delete an asset ',
     // folder area
-    SET_CURRENT_FOLDER_ID: "[FOLDER] get current folder id",
-    SET_CURRENT_FOLDER: "[FOLDER] set current folder ",
-    RELOAD_CURRENT_FOLDER: "[FOLDER] reload current folder ",
-    SET_CURRENT_FOLDER_HIERARCHY: "[FOLDER] set current folder hierarchy ",
+    SET_CURRENT_FOLDER_ID: '[FOLDER] get current folder id',
+    SET_CURRENT_FOLDER: '[FOLDER] set current folder ',
+    RELOAD_CURRENT_FOLDER: '[FOLDER] reload current folder ',
+    SET_CURRENT_FOLDER_HIERARCHY: '[FOLDER] set current folder hierarchy ',
     // node area
-    RELOAD_CURRENT_NODE: "[NODE] reload current node ",
+    RELOAD_CURRENT_NODE: '[NODE] reload current node ',
 };
 var SetGlobalLoading = /** @class */ (function () {
     function SetGlobalLoading() {
@@ -1028,7 +1021,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/store/reducer.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -1086,39 +1078,39 @@ function (dispatcher) {
     function (action) {
         switch (action.type) {
             case ActionTypes.SET_SELECTED_ASSETS:
-                state = __assign(__assign({}, state), { selectedAssets: action.payload });
+                state = __assign({}, state, { selectedAssets: action.payload });
                 store.next(state);
                 break;
             case ActionTypes.SET_GLOBAL_LOADING:
-                state = __assign(__assign({}, state), { globalLoading: action.payload });
+                state = __assign({}, state, { globalLoading: action.payload });
                 store.next(state);
                 break;
             case ActionTypes.SET_CURRENT_FOLDER:
-                state = __assign(__assign({}, state), { currentFolder: __assign({}, action.payload) });
+                state = __assign({}, state, { currentFolder: __assign({}, action.payload) });
                 store.next(state);
                 break;
             case ActionTypes.RELOAD_CURRENT_FOLDER:
-                state = __assign(__assign({}, state), { reloadCurrentFolder: !state.reloadCurrentFolder });
+                state = __assign({}, state, { reloadCurrentFolder: !state.reloadCurrentFolder });
                 store.next(state);
                 break;
             case ActionTypes.RELOAD_CURRENT_ASSETS:
-                state = __assign(__assign({}, state), { reloadCurrentAssets: !state.reloadCurrentAssets });
+                state = __assign({}, state, { reloadCurrentAssets: !state.reloadCurrentAssets });
                 store.next(state);
                 break;
             case ActionTypes.RELOAD_CURRENT_NODE:
-                state = __assign(__assign({}, state), { reloadCurrentNode: !state.reloadCurrentNode });
+                state = __assign({}, state, { reloadCurrentNode: !state.reloadCurrentNode });
                 store.next(state);
                 break;
             case ActionTypes.SET_CURRENT_FOLDER_HIERARCHY:
-                state = __assign(__assign({}, state), { currentFolderHierarchy: __spread(action.payload) });
+                state = __assign({}, state, { currentFolderHierarchy: __spread(action.payload) });
                 store.next(state);
                 break;
             case ActionTypes.SET_CURRENT_FOLDER_ID:
-                state = __assign(__assign({}, state), { currentFolderId: action.payload });
+                state = __assign({}, state, { currentFolderId: action.payload });
                 store.next(state);
                 break;
             case ActionTypes.DELETE_ASSET:
-                state = __assign(__assign({}, state), { deletedAssetId: action.payload });
+                state = __assign({}, state, { deletedAssetId: action.payload });
                 store.next(state);
                 break;
             default:
@@ -1141,22 +1133,20 @@ function (mapFn) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/store/index.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/services/node-tree.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var NodeTreeService = /** @class */ (function () {
     function NodeTreeService(assetService, svc) {
         this.assetService = assetService;
         this.svc = svc;
-        this.storedData$ = new BehaviorSubject([]);
-        this.loading$ = new BehaviorSubject(false);
-        this.initialData$ = new BehaviorSubject([]);
+        this.storedData$ = new BehaviorSubject$1([]);
+        this.loading$ = new BehaviorSubject$1(false);
+        this.initialData$ = new BehaviorSubject$1([]);
     }
     Object.defineProperty(NodeTreeService.prototype, "data", {
         get: /**
@@ -1332,7 +1322,7 @@ var NodeTreeService = /** @class */ (function () {
          */
         function (node) { return node.AssetId === asset.AssetId; }));
         if (index < 0) {
-            data = __spread(data, [__assign(__assign({}, asset), { ParentId: parentId ? parentId : null })]);
+            data = __spread(data, [__assign({}, asset, { ParentId: parentId ? parentId : null })]);
         }
         this.data = data;
     };
@@ -1438,7 +1428,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/services/upload-assets.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var UploadAssetsService = /** @class */ (function () {
@@ -1448,6 +1437,7 @@ var UploadAssetsService = /** @class */ (function () {
         this._api = _api;
         this.files = [];
         this.fileNames = [];
+        this.uploadErrors = new Map();
         this.supportedSize = 10 * 1024 * 1024; // 10MB
         // 10MB
         this.documentExtension = ['.pdf', '.csv'];
@@ -1550,9 +1540,25 @@ var UploadAssetsService = /** @class */ (function () {
      * @return {?}
      */
     function (index) {
+        this.uploadErrors.delete(this.files[index]);
         this.files.splice(index, 1);
         this.fileNames.splice(index, 1);
     };
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    UploadAssetsService.prototype.getUploadName = /**
+     * @param {?} index
+     * @return {?}
+     */
+    function (index) {
+        /** @type {?} */
+        var nameSplit = this.files[index].name.split('.');
+        /** @type {?} */
+        var ext = "." + nameSplit.splice(nameSplit.length - 1, 1)[0];
+        return "" + this.fileNames[index].name + ext;
+    };
     /**
      * @param {?} parentAssetId
      * @return {?}
@@ -1564,21 +1570,11 @@ var UploadAssetsService = /** @class */ (function () {
     function (parentAssetId) {
         var files = this.files;
         /** @type {?} */
-        var fileNames = this.fileNames.map((/**
-         * @param {?} file
-         * @return {?}
-         */
-        function (file) { return file.name; }));
-        /** @type {?} */
         var formData = new FormData();
         formData.append('parentAssetId', parentAssetId);
         formData.append('companyId', '732DA8D2-04EC-4BE0-A168-63EE0DCF50D8');
         for (var i = 0; i < files.length; i++) {
-            /** @type {?} */
-            var nameSplit = files[i].name.split('.');
-            /** @type {?} */
-            var ext = "." + nameSplit.splice(nameSplit.length - 1, 1)[0];
-            formData.append('files', files[i], "" + fileNames[i] + ext);
+            formData.append('files', files[i], this.getUploadName(i));
         }
         return this._api.post(this.baseUrl + "/File/Upload", formData);
     };
@@ -1602,6 +1598,8 @@ if (false) {
     /** @type {?} */
     UploadAssetsService.prototype.fileNames;
     /** @type {?} */
+    UploadAssetsService.prototype.uploadErrors;
+    /** @type {?} */
     UploadAssetsService.prototype.supportedSize;
     /** @type {?} */
     UploadAssetsService.prototype.documentExtension;
@@ -1639,7 +1637,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/services/file.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var FileService = /** @class */ (function () {
@@ -1762,13 +1759,11 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/services/index.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/asset-management-dialog/asset-management-dialog.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var AssetManagementDialogComponent = /** @class */ (function () {
@@ -1776,7 +1771,7 @@ var AssetManagementDialogComponent = /** @class */ (function () {
         this.data = data;
         this.dialogRef = dialogRef;
         this.assetService = assetService;
-        this.destroy$ = new Subject();
+        this.destroy$ = new Subject$1();
         this.selectedAssets = [];
     }
     /**
@@ -1885,7 +1880,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/asset-management.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var AssetManagementComponent = /** @class */ (function () {
@@ -2061,7 +2055,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/directives/dialogTrigger.directive.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var DialogTriggerDirective = /** @class */ (function () {
@@ -2112,7 +2105,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/directives/dnd.directive.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var DndDirective = /** @class */ (function () {
@@ -2191,7 +2183,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/directives/directives.module.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
@@ -2211,7 +2202,6 @@ var DirectivesModule = /** @class */ (function () {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/ui/input-file/input-file.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var InputFileComponent = /** @class */ (function () {
@@ -2265,7 +2255,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/ui/modal/modal.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var ModalComponent = /** @class */ (function () {
@@ -2303,7 +2292,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/contanst/data-image.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 // tslint:disable:max-line-length
@@ -2324,13 +2312,11 @@ var fileDefault = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAAD
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/contanst/index.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/ui/search-not-found/search-not-found.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var SearchNotFoundComponent = /** @class */ (function () {
@@ -2370,7 +2356,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/file-item/file-item.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var FileItemComponent = /** @class */ (function () {
@@ -2407,6 +2392,16 @@ var FileItemComponent = /** @class */ (function () {
     function () {
         this.initDataFile();
     };
+    Object.defineProperty(FileItemComponent.prototype, "uploadErrors", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this.uploadAssetService.uploadErrors.get(this.file);
+        },
+        enumerable: true,
+        configurable: true
+    });
     /**
      * @private
      * @return {?}
@@ -2529,8 +2524,8 @@ var FileItemComponent = /** @class */ (function () {
     FileItemComponent.decorators = [
         { type: Component, args: [{
                     selector: 'lib-file-item',
-                    template: "<div class=\"file-item__img\">\n  <ng-container\n    *ngIf=\"\n      file.type.indexOf('image') > -1 || documentExts.indexOf(dataFile.ext) > -1;\n      else defaultFile\n    \"\n  >\n    <img\n      [class.image]=\"file.type.indexOf('image') > -1\"\n      *ngIf=\"documentExts.indexOf(dataFile.ext) > -1 || dataFile.data\"\n      [src]=\"documentExts.indexOf(dataFile.ext) > -1 ? base64PNG[dataFile.ext] : dataFile.data\"\n    />\n  </ng-container>\n  <ng-template #defaultFile>\n    <mat-icon>attach_file</mat-icon>\n  </ng-template>\n</div>\n<div class=\"file-item__content\">\n  <input\n    class=\"file-item__content--name\"\n    matInput\n    placeholder=\"Enter file name\"\n    [value]=\"dataFile.name\"\n    required\n    (input)=\"onChange($event)\"\n  />\n  <div class=\"file-item__content--info\">\n    <div class=\"file-item__content--info__item\">\n      Extension: <span>{{ dataFile.ext }}</span>\n    </div>\n    <div class=\"file-item__content--info__item\">\n      Size: <span>{{ dataFile.size | fileSize }}</span>\n    </div>\n  </div>\n  <div *ngIf=\"dataFile.errors.ext\" class=\"file-item__error\">\n    {{ uploadAssetService.messageErrors['ext'] }}\n    {{ uploadAssetService.supportedTypes.join(', ') }}\n  </div>\n  <div *ngIf=\"dataFile.errors.size\" class=\"file-item__error\">\n    {{ uploadAssetService.messageErrors['size'] }}\n    {{ uploadAssetService.supportedSize | fileSize: 0 }}\n  </div>\n  <div *ngIf=\"dataFile.errors.maxLength\" class=\"file-item__error\">\n    {{ uploadAssetService.messageErrors['maxLength'] }}\n  </div>\n</div>\n<div class=\"file-item__action\">\n  <mat-icon (click)=\"onRemove()\">delete_outline</mat-icon>\n</div>\n",
-                    styles: [":host::ng-deep{padding:10px 5%;display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;border-radius:10px}:host::ng-deep .file-item__img{display:flex;justify-content:center;align-items:center;width:250px;height:150px;border-radius:10px}:host::ng-deep .file-item__img img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}:host::ng-deep .file-item__img img.image{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAUABQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/ivFPFOf+EjvxzjbBgdv+PeDp+OfxzSt4q18AkageASB9ntu3OM+Vn8c5rsdG0fT9d06DVdUgN1f3XmefP5ksO/ypXhj/dwvHGu2ONF+VF3bQSM0AeYUV7IPCWgjgWRA/wCvi4P85SaKAPGm5Vh7H+VeyeERjQLEDoPP/WeQ/wAzRRQB0tFFFAH/2Q==)}:host::ng-deep .file-item__img mat-icon{font-size:100px;width:auto;height:auto}:host::ng-deep .file-item__content{flex:1;padding-left:5%;padding-right:5%}:host::ng-deep .file-item__content--name{width:100%;padding:10px;border:1px solid #d8d8d8;border-radius:5px}:host::ng-deep .file-item__content--info{margin-top:10px;display:flex}:host::ng-deep .file-item__content--info__item:not(:last-child){margin-right:50px}:host::ng-deep .file-item__content--info__item span{color:#000;text-transform:uppercase}:host::ng-deep .file-item__error{margin-top:10px;color:#f44336}:host::ng-deep .file-item__action{color:#f44336;cursor:pointer}"]
+                    template: "<div class=\"file-item__img\">\n  <ng-container\n    *ngIf=\"\n      file.type.indexOf('image') > -1 || documentExts.indexOf(dataFile.ext) > -1;\n      else defaultFile\n    \"\n  >\n    <img\n      [class.image]=\"file.type.indexOf('image') > -1\"\n      *ngIf=\"documentExts.indexOf(dataFile.ext) > -1 || dataFile.data\"\n      [src]=\"documentExts.indexOf(dataFile.ext) > -1 ? base64PNG[dataFile.ext] : dataFile.data\"\n    />\n  </ng-container>\n  <ng-template #defaultFile>\n    <mat-icon>attach_file</mat-icon>\n  </ng-template>\n</div>\n<div class=\"file-item__content\">\n  <input\n    class=\"file-item__content--name\"\n    matInput\n    placeholder=\"Enter file name\"\n    [value]=\"dataFile.name\"\n    required\n    (input)=\"onChange($event)\"\n  />\n  <div class=\"file-item__content--info\">\n    <div class=\"file-item__content--info__item\">\n      Extension: <span>{{ dataFile.ext }}</span>\n    </div>\n    <div class=\"file-item__content--info__item\">\n      Size: <span>{{ dataFile.size | fileSize }}</span>\n    </div>\n  </div>\n  <div *ngIf=\"dataFile.errors.ext\" class=\"file-item__error\">\n    <mat-icon class=\"file-item__error--icon\">error_outline</mat-icon>\n    <span>\n      {{ uploadAssetService.messageErrors['ext'] }}\n      {{ uploadAssetService.supportedTypes.join(', ') }}\n    </span>\n  </div>\n  <div *ngIf=\"dataFile.errors.size\" class=\"file-item__error\">\n    <mat-icon class=\"file-item__error--icon\">error_outline</mat-icon>\n    <span>\n      {{ uploadAssetService.messageErrors['size'] }}\n      {{ uploadAssetService.supportedSize | fileSize: 0 }}\n    </span>\n  </div>\n  <div *ngIf=\"dataFile.errors.maxLength\" class=\"file-item__error\">\n    <mat-icon class=\"file-item__error--icon\">error_outline</mat-icon>\n    <span>{{ uploadAssetService.messageErrors['maxLength'] }}</span>\n  </div>\n  <div *ngFor=\"let message of uploadErrors\" class=\"file-item__error\" role=\"alert\">\n    <mat-icon class=\"file-item__error--icon\">error_outline</mat-icon>\n    <span>{{ message }}</span>\n  </div>\n</div>\n<div class=\"file-item__action\">\n  <mat-icon (click)=\"onRemove()\">delete_outline</mat-icon>\n</div>\n",
+                    styles: [":host::ng-deep{padding:10px 5%;display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;border-radius:10px}:host::ng-deep .file-item__img{display:flex;justify-content:center;align-items:center;width:250px;height:150px;border-radius:10px}:host::ng-deep .file-item__img img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}:host::ng-deep .file-item__img img.image{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAUABQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/ivFPFOf+EjvxzjbBgdv+PeDp+OfxzSt4q18AkageASB9ntu3OM+Vn8c5rsdG0fT9d06DVdUgN1f3XmefP5ksO/ypXhj/dwvHGu2ONF+VF3bQSM0AeYUV7IPCWgjgWRA/wCvi4P85SaKAPGm5Vh7H+VeyeERjQLEDoPP/WeQ/wAzRRQB0tFFFAH/2Q==)}:host::ng-deep .file-item__img mat-icon{font-size:100px;width:auto;height:auto}:host::ng-deep .file-item__content{flex:1;padding-left:5%;padding-right:5%}:host::ng-deep .file-item__content--name{width:100%;padding:10px;border:1px solid #d8d8d8;border-radius:5px}:host::ng-deep .file-item__content--info{margin-top:10px;display:flex}:host::ng-deep .file-item__content--info__item:not(:last-child){margin-right:50px}:host::ng-deep .file-item__content--info__item span{color:#000;text-transform:uppercase}:host::ng-deep .file-item__error{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:8px;padding:4px 10px;border-radius:6px;background-color:#fdecea;color:#d32f2f;font-size:13px;line-height:18px;word-break:break-word}:host::ng-deep .file-item__error--icon{flex-shrink:0;margin-right:6px;font-size:16px;width:16px;height:16px}:host::ng-deep .file-item__action{color:#f44336;cursor:pointer}"]
                 }] }
     ];
     /** @nocollapse */
@@ -2572,7 +2567,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/file-list/file-list.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var FileListComponent = /** @class */ (function () {
@@ -2662,7 +2656,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/upload-file/upload-file.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var UploadFileComponent = /** @class */ (function () {
@@ -2759,7 +2752,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/add-folder-dialog/add-folder-dialog.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -2917,7 +2909,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/edit-folder-dialog/edit-folder-dialog.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -3080,7 +3071,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/delete-dialog/delete-dialog.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -3228,7 +3218,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/upload-dialog/upload-dialog.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -3251,6 +3240,8 @@ var UploadDialogComponent = /** @class */ (function () {
         this.uploadAssetsService = uploadAssetsService;
         this.isLoading = false;
         this.disabled = true;
+        this.errorMessages = [];
+        this.defaultErrorMessage = 'Something went wrong while uploading. Please try again.';
         this.destroy$ = new Subject();
         if (this.data.fileType) {
             this.uploadAssetsService.supportedTypes =
@@ -3278,6 +3269,7 @@ var UploadDialogComponent = /** @class */ (function () {
          */
         function (error) {
             _this.disabled = error;
+            _this.clearErrors();
             _this.changeDetectorRef.detectChanges();
         }));
     };
@@ -3291,6 +3283,7 @@ var UploadDialogComponent = /** @class */ (function () {
      */
     function (hasError) {
         this.disabled = hasError;
+        this.clearErrors();
     };
     /**
      * @return {?}
@@ -3301,6 +3294,8 @@ var UploadDialogComponent = /** @class */ (function () {
     function () {
         var _this = this;
         this.isLoading = true;
+        this.clearErrors();
+        this.dialogRef.disableClose = true;
         this.uploadAssetsService
             .uploadMultipleAssets(this.data.currentAssetId)
             .pipe(takeUntil(this.destroy$))
@@ -3312,8 +3307,125 @@ var UploadDialogComponent = /** @class */ (function () {
             if (res) {
                 _this.closeDialog(true);
             }
+        }), (/**
+         * @param {?} err
+         * @return {?}
+         */
+        function (err) {
+            _this.setUploadErrors(_this.getErrorMessages(err));
+            _this.stopLoading();
+        }), (
+        // the request can complete without a truthy response (or be swallowed by an interceptor)
+        // the request can complete without a truthy response (or be swallowed by an interceptor)
+        /**
+         * @return {?}
+         */
+        function () { return _this.stopLoading(); }));
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    UploadDialogComponent.prototype.stopLoading = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        this.isLoading = false;
+        this.dialogRef.disableClose = false;
+        this.changeDetectorRef.detectChanges();
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    UploadDialogComponent.prototype.clearErrors = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        this.errorMessages = [];
+        this.uploadAssetsService.uploadErrors.clear();
+    };
+    // show each message on the file it mentions, the rest stay under the list
+    // show each message on the file it mentions, the rest stay under the list
+    /**
+     * @private
+     * @param {?} messages
+     * @return {?}
+     */
+    UploadDialogComponent.prototype.setUploadErrors =
+    // show each message on the file it mentions, the rest stay under the list
+    /**
+     * @private
+     * @param {?} messages
+     * @return {?}
+     */
+    function (messages) {
+        var _this = this;
+        var _a = this.uploadAssetsService, files = _a.getFiles, uploadErrors = _a.uploadErrors;
+        /** @type {?} */
+        var uploadNames = files.map((/**
+         * @param {?} file
+         * @param {?} index
+         * @return {?}
+         */
+        function (file, index) { return _this.uploadAssetsService.getUploadName(index); }));
+        this.errorMessages = messages.filter((/**
+         * @param {?} message
+         * @return {?}
+         */
+        function (message) {
+            /** @type {?} */
+            var index = uploadNames.findIndex((/**
+             * @param {?} name
+             * @return {?}
+             */
+            function (name) { return message.indexOf(name) > -1; }));
+            if (index < 0 && files.length === 1) {
+                index = 0;
+            }
+            if (index < 0) {
+                return true;
+            }
+            uploadErrors.set(files[index], __spread((uploadErrors.get(files[index]) || []), [message]));
+            return false;
         }));
     };
+    /**
+     * @private
+     * @param {?} err
+     * @return {?}
+     */
+    UploadDialogComponent.prototype.getErrorMessages = /**
+     * @private
+     * @param {?} err
+     * @return {?}
+     */
+    function (err) {
+        // HttpErrorResponse keeps the API body in `error`, an interceptor may already unwrap it
+        /** @type {?} */
+        var body = err && err.error && typeof err.error === 'object' ? err.error : err || {};
+        /** @type {?} */
+        var messages = (body.Messages || [])
+            .map((/**
+         * @param {?} message
+         * @return {?}
+         */
+        function (message) { return (typeof message === 'string' ? message : message && message.Text); }))
+            .filter(Boolean);
+        if (!messages.length && body.ResponseMessage) {
+            messages.push(body.ResponseMessage);
+        }
+        return messages.length
+            ? messages.filter((/**
+             * @param {?} message
+             * @param {?} index
+             * @return {?}
+             */
+            function (message, index) { return messages.indexOf(message) === index; }))
+            : [this.defaultErrorMessage];
+    };
     /**
      * @param {?=} res
      * @return {?}
@@ -3338,15 +3450,15 @@ var UploadDialogComponent = /** @class */ (function () {
     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",
+                    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    <div *ngFor=\"let message of errorMessages\" class=\"upload__error\" role=\"alert\">\n      <mat-icon class=\"upload__error--icon\">error_outline</mat-icon>\n      <span>{{ message }}</span>\n    </div>\n  </ng-container>\n  <ng-container actions>\n    <button mat-raised-button mat-dialog-close [disabled]=\"isLoading\">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}"]
+                    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__error{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:8px;padding:4px 10px;border-radius:6px;background-color:#fdecea;color:#d32f2f;font-size:13px;line-height:18px;word-break:break-word}:host::ng-deep .upload__error--icon{flex-shrink:0;margin-right:6px;font-size:16px;width:16px;height:16px}: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: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA$1,] }] },
+        { type: MatDialogRef$1 },
         { type: ChangeDetectorRef },
         { type: UploadAssetsService }
     ]; };
@@ -3357,6 +3469,13 @@ if (false) {
     UploadDialogComponent.prototype.isLoading;
     /** @type {?} */
     UploadDialogComponent.prototype.disabled;
+    /** @type {?} */
+    UploadDialogComponent.prototype.errorMessages;
+    /**
+     * @type {?}
+     * @private
+     */
+    UploadDialogComponent.prototype.defaultErrorMessage;
     /**
      * @type {?}
      * @private
@@ -3377,7 +3496,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/folder-item/folder-item.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var FolderItemComponent = /** @class */ (function () {
@@ -3508,7 +3626,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/folder-list/folder-list.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var FolderListComponent = /** @class */ (function () {
@@ -3518,7 +3635,7 @@ var FolderListComponent = /** @class */ (function () {
         this.hasArchivePermission = true;
         this.onPageChange = new EventEmitter();
         this.loading = false;
-        this.unsubscribe$ = new Subject();
+        this.unsubscribe$ = new Subject$1();
         this.bindSubscriber();
     }
     /**
@@ -3632,7 +3749,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/asset-list/asset-list.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var AssetListComponent = /** @class */ (function () {
@@ -3643,7 +3759,8 @@ var AssetListComponent = /** @class */ (function () {
         this.hasAccessPermission = true;
         this.hasArchivePermission = true;
         this.backgroundProcessingNum = BackgroudProcessingStatus;
-        this.unsubscribe$ = new Subject();
+        this.processingCheckDelay = 5000;
+        this.unsubscribe$ = new Subject$1();
         this.selectedAssets = [];
     }
     /**
@@ -3664,17 +3781,8 @@ var AssetListComponent = /** @class */ (function () {
      * @return {?}
      */
     function (changes) {
-        var _this = this;
         if (changes.assets) {
-            // Check if asset is uploading
-            if (this.assets && this.assets.find((/**
-             * @param {?} x
-             * @return {?}
-             */
-            function (x) { return x.BackgroudProcessingStatus === _this.backgroundProcessingNum.InProcessing; }))) {
-                this._resetUploadingAssets();
-            }
-            ;
+            this.checkProcessingAssets();
             this.paginator.pageIndex = this.assetService.pageIndex;
             this.paginator.pageSize = this.assetService.pageSize;
             this.paginator.length = this.assetService.fileTotal;
@@ -3827,15 +3935,8 @@ var AssetListComponent = /** @class */ (function () {
          * @param {?} res
          * @return {?}
          */
-        function (res) {
-            /** @type {?} */
-            var pagination = res && res.Meta || {};
-            /** @type {?} */
-            var assets = res && res.Data && res.Data.Children || [];
-            /** @type {?} */
-            var totalFile = res && res.Data && res.Data.TotalFile || 0;
-            _this.assetService.setAssetList(assets, pagination, totalFile);
-        })).add((/**
+        function (res) { return _this.setAssetList(res); }))
+            .add((/**
          * @return {?}
          */
         function () {
@@ -3847,29 +3948,92 @@ var AssetListComponent = /** @class */ (function () {
     };
     /**
      * @private
+     * @param {?} res
      * @return {?}
      */
-    AssetListComponent.prototype._resetUploadingAssets = /**
+    AssetListComponent.prototype.setAssetList = /**
+     * @private
+     * @param {?} res
+     * @return {?}
+     */
+    function (res) {
+        /** @type {?} */
+        var pagination = res && res.Meta || {};
+        /** @type {?} */
+        var assets = res && res.Data && res.Data.Children || [];
+        /** @type {?} */
+        var totalFile = res && res.Data && res.Data.TotalFile || 0;
+        this.assetService.setAssetList(assets, pagination, totalFile);
+    };
+    // Called on every new asset list: while some files are still processed in the background,
+    // reload the list once after a delay. The reloaded list calls this again, until nothing is processing.
+    // Called on every new asset list: while some files are still processed in the background,
+    // reload the list once after a delay. The reloaded list calls this again, until nothing is processing.
+    /**
+     * @private
+     * @return {?}
+     */
+    AssetListComponent.prototype.checkProcessingAssets =
+    // Called on every new asset list: while some files are still processed in the background,
+    // reload the list once after a delay. The reloaded list calls this again, until nothing is processing.
+    /**
      * @private
      * @return {?}
      */
     function () {
         var _this = this;
+        this.stopProcessingCheck();
         /** @type {?} */
-        var reload = setInterval((/**
+        var hasProcessingAssets = this.assets && this.assets.some((/**
+         * @param {?} asset
          * @return {?}
          */
-        function () {
-            _this.fetchChildrenAssets();
-            if (_this.assets.find((/**
-             * @param {?} x
+        function (asset) { return asset.BackgroudProcessingStatus === _this.backgroundProcessingNum.InProcessing; }));
+        if (hasProcessingAssets) {
+            this.processingCheckTimer = setTimeout((/**
              * @return {?}
              */
-            function (x) { return x.BackgroudProcessingStatus === _this.backgroundProcessingNum.Processed; }))) {
-                clearInterval(reload);
-            }
-            console.log('Upload Successfully!'); // interval will be cleared after completing this whole block
-        }), 5000);
+            function () { return _this.reloadProcessingAssets(); }), this.processingCheckDelay);
+        }
+    };
+    // Silent reload, without the global loading bar
+    // Silent reload, without the global loading bar
+    /**
+     * @private
+     * @return {?}
+     */
+    AssetListComponent.prototype.reloadProcessingAssets =
+    // Silent reload, without the global loading bar
+    /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        if (!this.currentFolderId) {
+            return;
+        }
+        this.processingCheckRequest = this.assetService
+            .getChildrenAssets({ assetId: this.currentFolderId })
+            .subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        function (res) { return _this.setAssetList(res); }));
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    AssetListComponent.prototype.stopProcessingCheck = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        clearTimeout(this.processingCheckTimer);
+        if (this.processingCheckRequest) {
+            this.processingCheckRequest.unsubscribe();
+        }
     };
     /**
      * @return {?}
@@ -3878,6 +4042,7 @@ var AssetListComponent = /** @class */ (function () {
      * @return {?}
      */
     function () {
+        this.stopProcessingCheck();
         this.unsubscribe$.next();
         this.unsubscribe$.complete();
     };
@@ -3885,7 +4050,7 @@ var AssetListComponent = /** @class */ (function () {
         { type: Component, args: [{
                     selector: 'lib-asset-list',
                     template: "<div class=\"asset-container\">\n  <div class=\"asset-heading\">\n    <h6 class=\"asset-heading__title\">Files</h6>\n    <lib-sort-items\n      [hidden]=\"!assets?.length\"\n      class=\"asset-heading__sort\"\n    ></lib-sort-items>\n  </div>\n  <ng-container *ngIf=\"assets && !assets.length; else assetsTemplate\">\n    <div class=\"asset-empty\">\n      <span>This asset is empty.</span>\n    </div>\n  </ng-container>\n  <ng-template #assetsTemplate>\n    <div class=\"asset-list\">\n      <lib-asset-item\n        class=\"asset-list__item\"\n        *ngFor=\"let asset of assets\"\n        [asset]=\"asset\"\n        [isDialog]=\"isDialog\"\n        (selectAsset)=\"onSelectAsset($event)\"\n        [hasModifyPermission]=\"hasModifyPermission\"\n        [hasAccessPermission]=\"hasAccessPermission\"\n        [hasArchivePermission]=\"hasArchivePermission\"\n      >\n      </lib-asset-item>\n    </div>\n  </ng-template>\n  <div [hidden]=\"!assets?.length\">\n    <mat-paginator\n      #paginator\n      [pageSizeOptions]=\"[12, 24, 60, 120]\"\n      (page)=\"pageChange($event)\"\n      [showFirstLastButtons]=\"true\"\n    >\n    </mat-paginator>\n  </div>\n</div>\n",
-                    styles: [":host::ng-deep .asset-container .asset-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}:host::ng-deep .asset-container .asset-heading__title{margin-bottom:0;color:#979797}:host::ng-deep .asset-container .asset-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;margin:0 -5px}:host::ng-deep .asset-container .asset-list__item{width:25%}@media only screen and (max-width:1200px){:host::ng-deep .asset-container .asset-list__item{width:calc(100% / 3)}}@media only screen and (max-width:960px){:host::ng-deep .asset-container .asset-list__item{width:50%}}:host::ng-deep .asset-container .asset-empty{text-align:center;color:#979797;font-size:14px}"]
+                    styles: [":host::ng-deep .asset-container .asset-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}:host::ng-deep .asset-container .asset-heading__title{margin-bottom:0;color:#979797}:host::ng-deep .asset-container .asset-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;margin:0 -5px}:host::ng-deep .asset-container .asset-list__item{width:25%}@media only screen and (max-width:1200px){:host::ng-deep .asset-container .asset-list__item{width:33.3333333333%}}@media only screen and (max-width:960px){:host::ng-deep .asset-container .asset-list__item{width:50%}}:host::ng-deep .asset-container .asset-empty{text-align:center;color:#979797;font-size:14px}"]
                 }] }
     ];
     /** @nocollapse */
@@ -3898,7 +4063,7 @@ var AssetListComponent = /** @class */ (function () {
         hasModifyPermission: [{ type: Input }],
         hasAccessPermission: [{ type: Input }],
         hasArchivePermission: [{ type: Input }],
-        paginator: [{ type: ViewChild, args: [MatPaginator, { static: true },] }],
+        paginator: [{ type: ViewChild, args: [MatPaginator$1, { static: true },] }],
         assets: [{ type: Input }]
     };
     return AssetListComponent;
@@ -3918,6 +4083,21 @@ if (false) {
     AssetListComponent.prototype.assets;
     /** @type {?} */
     AssetListComponent.prototype.backgroundProcessingNum;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.processingCheckDelay;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.processingCheckTimer;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.processingCheckRequest;
     /**
      * @type {?}
      * @private
@@ -3947,7 +4127,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/pipes/file-size.pipe.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /*
@@ -4009,7 +4188,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/asset-dialog/asset-dialog.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -4433,7 +4611,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/asset-item/asset-item.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var AssetItemComponent = /** @class */ (function () {
@@ -4773,7 +4950,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/datasources/node-tree.datasource.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var NodeTreeDataSource = /** @class */ (function () {
@@ -4892,8 +5068,7 @@ var NodeTreeDataSource = /** @class */ (function () {
      */
     function (node, expand) {
         return __awaiter(this, void 0, void 0, function () {
-            var index, newNode, nodes, count, i;
-            var _a;
+            var _a, index, newNode, nodes, count, i;
             var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -4956,8 +5131,7 @@ var NodeTreeDataSource = /** @class */ (function () {
      */
     function (node, pageSize) {
         return __awaiter(this, void 0, void 0, function () {
-            var newNode, index, count, i, nodes;
-            var _a;
+            var _a, newNode, index, count, i, nodes;
             var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -5012,13 +5186,11 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/datasources/index.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/node-tree/node-tree.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var NodeTreeComponent = /** @class */ (function () {
@@ -5205,7 +5377,7 @@ var NodeTreeComponent = /** @class */ (function () {
          * @param {?} res
          * @return {?}
          */
-        function (res) { return of(res); })))
+        function (res) { return of$1(res); })))
             .subscribe((/**
          * @return {?}
          */
@@ -5596,7 +5768,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/breadcrumb/breadcrumb.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var BreadcrumbComponent = /** @class */ (function () {
@@ -5604,7 +5775,7 @@ var BreadcrumbComponent = /** @class */ (function () {
         this.nodeTreeService = nodeTreeService;
         this.svc = svc;
         this.changeDetectorRef = changeDetectorRef;
-        this.unsubscribe$ = new Subject();
+        this.unsubscribe$ = new Subject$1();
         this.currentFolderHierarchy = [];
         this.maximumShownLevel = 3;
         this.bindSubscriber();
@@ -5731,14 +5902,13 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/search-box/search-box.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var SearchBoxComponent = /** @class */ (function () {
     function SearchBoxComponent(assetService, svc) {
         this.assetService = assetService;
         this.svc = svc;
-        this.destroy$ = new Subject();
+        this.destroy$ = new Subject$1();
         this.value = '';
         this.folderId = '';
         this.bindingSubscriber();
@@ -5911,7 +6081,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/sort-items/sort-items.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var SortItemsComponent = /** @class */ (function () {
@@ -6013,7 +6182,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/asset-wrapper/asset-wrapper.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var AssetWrapperComponent = /** @class */ (function () {
@@ -6024,7 +6192,7 @@ var AssetWrapperComponent = /** @class */ (function () {
         this.hasAccessPermission = true;
         this.hasArchivePermission = true;
         this.assets = new EventEmitter();
-        this.unsubscribe$ = new Subject();
+        this.unsubscribe$ = new Subject$1();
         this.nodeTreeMinWidth = 300;
         this.nodeTreeMaxWidth = 700;
     }
@@ -6138,7 +6306,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/partial/node-details/node-details.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var NodeDetailsComponent = /** @class */ (function () {
@@ -6151,9 +6318,9 @@ var NodeDetailsComponent = /** @class */ (function () {
         this.hasModifyPermission = true;
         this.hasAccessPermission = true;
         this.hasArchivePermission = true;
-        this.unsubscribe$ = new Subject();
+        this.unsubscribe$ = new Subject$1();
         this.selectedAssets = [];
-        this.loading$ = new BehaviorSubject(false);
+        this.loading$ = new BehaviorSubject$1(false);
         this.bindSubscriber();
     }
     /**
@@ -6206,7 +6373,7 @@ var NodeDetailsComponent = /** @class */ (function () {
          * @param {?} res
          * @return {?}
          */
-        function (res) { return of(res); })))
+        function (res) { return of$1(res); })))
             .subscribe((/**
          * @param {?} globalLoading
          * @return {?}
@@ -6238,7 +6405,7 @@ var NodeDetailsComponent = /** @class */ (function () {
          * @param {?} res
          * @return {?}
          */
-        function (res) { return of(res); })))
+        function (res) { return of$1(res); })))
             .subscribe((/**
          * @param {?} currentFolderId
          * @return {?}
@@ -6258,7 +6425,7 @@ var NodeDetailsComponent = /** @class */ (function () {
          * @param {?} res
          * @return {?}
          */
-        function (res) { return of(res); })))
+        function (res) { return of$1(res); })))
             .subscribe((/**
          * @return {?}
          */
@@ -6277,7 +6444,7 @@ var NodeDetailsComponent = /** @class */ (function () {
          * @param {?} res
          * @return {?}
          */
-        function (res) { return of(res); })))
+        function (res) { return of$1(res); })))
             .subscribe((/**
          * @return {?}
          */
@@ -6657,7 +6824,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/components/ui/drag-to-resize/drag-to-resize.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var DragToResizeComponent = /** @class */ (function () {
@@ -6773,7 +6939,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/configs/admin.config.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
@@ -6854,7 +7019,6 @@ var AdminConfig = {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/pipes/datetime.pipe.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
@@ -6933,7 +7097,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/asset-management.module.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 // SERVICES
@@ -6973,6 +7136,16 @@ var COMPONENTS = [
     AssetWrapperComponent,
     AssetManagementDialogComponent,
 ];
+/** @type {?} */
+var ENTRY_COMPONENTS = [
+    ModalComponent,
+    UploadDialogComponent,
+    AddFolderDialogComponent,
+    EditFolderDialogComponent,
+    DeleteDialogComponent,
+    AssetDialogComponent,
+    AssetManagementDialogComponent,
+];
 /**
  * @param {?} config
  * @return {?}
@@ -7044,6 +7217,7 @@ var AssetManagementModule = /** @class */ (function () {
                             multi: true,
                         }
                     ]),
+                    entryComponents: __spread(ENTRY_COMPONENTS),
                 },] }
     ];
     /** @nocollapse */
@@ -7053,15 +7227,13 @@ var AssetManagementModule = /** @class */ (function () {
 /**
  * @fileoverview added by tsickle
- * Generated from: public-api.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @fileoverview added by tsickle
- * Generated from: rs-pk-asset-management.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-export { AMFactory, AM_CONFIG, AddFolderDialogComponent, AssetDialogComponent, AssetItemComponent, AssetListComponent, AssetManagementComponent, AssetManagementDialogComponent, AssetManagementModule, AssetService, AssetWrapperComponent, BaseHttpClient, BreadcrumbComponent, DIRECTIVES, DeleteDialogComponent, DialogTriggerDirective, DirectivesModule, DndDirective, DragToResizeComponent, EditFolderDialogComponent, FileItemComponent, FileListComponent, FileService, FileSizePipe, FolderItemComponent, FolderListComponent, InputFileComponent, LocalDatePipe, LocalDateTimePipe, ModalComponent, NodeDetailsComponent, NodeTreeComponent, NodeTreeService, SearchBoxComponent, SearchNotFoundComponent, SortItemsComponent, UploadAssetsService, UploadDialogComponent, UploadFileComponent, AssetManagementService as ɵa, DialogConfig as ɵb };
+export { AMFactory, AM_CONFIG, AddFolderDialogComponent, AssetDialogComponent, AssetItemComponent, AssetListComponent, AssetManagementComponent, AssetManagementDialogComponent, AssetManagementModule, AssetService, AssetWrapperComponent, BaseHttpClient, BreadcrumbComponent, DeleteDialogComponent, DialogTriggerDirective, EditFolderDialogComponent, FileItemComponent, FileListComponent, FileService, FolderItemComponent, FolderListComponent, InputFileComponent, ModalComponent, NodeDetailsComponent, NodeTreeComponent, NodeTreeService, SearchBoxComponent, SearchNotFoundComponent, UploadAssetsService, UploadDialogComponent, UploadFileComponent, DragToResizeComponent as ɵa, FileSizePipe as ɵb, AssetManagementService as ɵc, SortItemsComponent as ɵd, DialogConfig as ɵe, LocalDateTimePipe as ɵf, LocalDatePipe as ɵg, DIRECTIVES as ɵh, DirectivesModule as ɵi, DndDirective as ɵj };
 //# sourceMappingURL=rs-pk-asset-management.js.map