@rs-pk/asset-management 1.0.30 → 1.0.31

package/bundles/rs-pk-asset-management.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/dialog'), require('@angular/material/button'), require('@angular/material/input'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('@angular/material/tree'), require('@angular/material/paginator'), require('@angular/material/table'), require('@angular/material/progress-bar'), require('@angular/material/menu'), require('@angular/material/checkbox'), require('@angular/material/select'), require('@angular/material/progress-spinner'), require('@angular/common/http'), require('rxjs'), require('rxjs/operators'), require('@angular/platform-browser'), require('@angular/cdk/tree'), require('moment')) :
-    typeof define === 'function' && define.amd ? define('@rs-pk/asset-management', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/dialog', '@angular/material/button', '@angular/material/input', '@angular/material/icon', '@angular/material/tooltip', '@angular/material/tree', '@angular/material/paginator', '@angular/material/table', '@angular/material/progress-bar', '@angular/material/menu', '@angular/material/checkbox', '@angular/material/select', '@angular/material/progress-spinner', '@angular/common/http', 'rxjs', 'rxjs/operators', '@angular/platform-browser', '@angular/cdk/tree', 'moment'], factory) :
-    (global = global || self, factory((global['rs-pk'] = global['rs-pk'] || {}, global['rs-pk']['asset-management'] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.dialog, global.ng.material.button, global.ng.material.input, global.ng.material.icon, global.ng.material.tooltip, global.ng.material.tree, global.ng.material.paginator, global.ng.material.table, global.ng.material.progressBar, global.ng.material.menu, global.ng.material.checkbox, global.ng.material.select, global.ng.material.progressSpinner, global.ng.common.http, global.rxjs, global.rxjs.operators, global.ng.platformBrowser, global.ng.cdk.tree, global.moment_));
-}(this, (function (exports, core, common, forms, dialog, button, input, icon, tooltip, tree, paginator, table, progressBar, menu, checkbox, select$1, progressSpinner, http, rxjs, operators, platformBrowser, tree$1, moment_) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/dialog'), require('@angular/material/button'), require('@angular/material/input'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('@angular/material/tree'), require('@angular/material/paginator'), require('@angular/material/table'), require('@angular/material/progress-bar'), require('@angular/material/menu'), require('@angular/material/checkbox'), require('@angular/material/select'), require('@angular/material/progress-spinner'), require('@angular/common/http'), require('rxjs'), require('rxjs/internal/BehaviorSubject'), require('rxjs/operators'), require('rxjs/internal/Subject'), require('@angular/platform-browser'), require('@angular/material'), require('rxjs/internal/observable/of'), require('@angular/cdk/tree'), require('rxjs/internal/observable/combineLatest'), require('moment')) :
+    typeof define === 'function' && define.amd ? define('@rs-pk/asset-management', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/dialog', '@angular/material/button', '@angular/material/input', '@angular/material/icon', '@angular/material/tooltip', '@angular/material/tree', '@angular/material/paginator', '@angular/material/table', '@angular/material/progress-bar', '@angular/material/menu', '@angular/material/checkbox', '@angular/material/select', '@angular/material/progress-spinner', '@angular/common/http', 'rxjs', 'rxjs/internal/BehaviorSubject', 'rxjs/operators', 'rxjs/internal/Subject', '@angular/platform-browser', '@angular/material', 'rxjs/internal/observable/of', '@angular/cdk/tree', 'rxjs/internal/observable/combineLatest', 'moment'], factory) :
+    (global = global || self, factory((global['rs-pk'] = global['rs-pk'] || {}, global['rs-pk']['asset-management'] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.dialog, global.ng.material.button, global.ng.material.input, global.ng.material.icon, global.ng.material.tooltip, global.ng.material.tree, global.ng.material.paginator, global.ng.material.table, global.ng.material.progressBar, global.ng.material.menu, global.ng.material.checkbox, global.ng.material.select, global.ng.material.progressSpinner, global.ng.common.http, global.rxjs, global.rxjs['internal/BehaviorSubject'], global.rxjs.operators, global.rxjs['internal/Subject'], global.ng.platformBrowser, global.ng.material, global.rxjs['internal/observable/of'], global.ng.cdk.tree, global.rxjs['internal/observable/combineLatest'], global.moment_));
+}(this, (function (exports, core, common, forms, dialog, button, input, icon, tooltip, tree, paginator, table, progressBar, menu, checkbox, select$1, progressSpinner, http, rxjs, BehaviorSubject, operators, Subject, platformBrowser, material, of, tree$1, combineLatest, moment_) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -225,7 +225,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/models/asset.model.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
@@ -404,7 +403,6 @@
 
     /**
      * @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 () {
@@ -471,7 +469,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/models/file.model.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
@@ -569,7 +566,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/models/node-tree.model.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
@@ -603,18 +599,16 @@
 
     /**
      * @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} */
@@ -636,13 +630,11 @@
 
     /**
      * @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
      */
     /**
@@ -662,7 +654,6 @@
 
     /**
      * @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) {
@@ -715,7 +706,6 @@
 
     /**
      * @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 () {
@@ -1044,7 +1034,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/asset-management.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
@@ -1082,7 +1071,7 @@
         ];
         /** @nocollapse */
         AssetManagementService.ctorParameters = function () { return []; };
-        /** @nocollapse */ AssetManagementService.ɵprov = core.ɵɵdefineInjectable({ factory: function AssetManagementService_Factory() { return new AssetManagementService(); }, token: AssetManagementService, providedIn: "root" });
+        /** @nocollapse */ AssetManagementService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function AssetManagementService_Factory() { return new AssetManagementService(); }, token: AssetManagementService, providedIn: "root" });
         return AssetManagementService;
     }());
     if (false) {
@@ -1095,7 +1084,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/store/actions.action.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
@@ -1111,18 +1099,18 @@
     /** @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() {
@@ -1229,7 +1217,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/store/reducer.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
@@ -1287,39 +1274,39 @@
         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:
@@ -1342,22 +1329,20 @@
 
     /**
      * @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 rxjs.BehaviorSubject([]);
-            this.loading$ = new rxjs.BehaviorSubject(false);
-            this.initialData$ = new rxjs.BehaviorSubject([]);
+            this.storedData$ = new BehaviorSubject.BehaviorSubject([]);
+            this.loading$ = new BehaviorSubject.BehaviorSubject(false);
+            this.initialData$ = new BehaviorSubject.BehaviorSubject([]);
         }
         Object.defineProperty(NodeTreeService.prototype, "data", {
             get: /**
@@ -1533,7 +1518,7 @@
              */
             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;
         };
@@ -1639,7 +1624,6 @@
 
     /**
      * @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 () {
@@ -1649,6 +1633,7 @@
             this._api = _api;
             this.files = [];
             this.fileNames = [];
+            this.uploadErrors = new Map();
             this.supportedSize = 10 * 1024 * 1024; // 10MB
             // 10MB
             this.documentExtension = ['.pdf', '.csv'];
@@ -1751,9 +1736,25 @@
          * @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 {?}
@@ -1765,21 +1766,11 @@
         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);
         };
@@ -1803,6 +1794,8 @@
         /** @type {?} */
         UploadAssetsService.prototype.fileNames;
         /** @type {?} */
+        UploadAssetsService.prototype.uploadErrors;
+        /** @type {?} */
         UploadAssetsService.prototype.supportedSize;
         /** @type {?} */
         UploadAssetsService.prototype.documentExtension;
@@ -1840,7 +1833,6 @@
 
     /**
      * @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 () {
@@ -1963,13 +1955,11 @@
 
     /**
      * @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 () {
@@ -1977,7 +1967,7 @@
             this.data = data;
             this.dialogRef = dialogRef;
             this.assetService = assetService;
-            this.destroy$ = new rxjs.Subject();
+            this.destroy$ = new Subject.Subject();
             this.selectedAssets = [];
         }
         /**
@@ -2086,7 +2076,6 @@
 
     /**
      * @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 () {
@@ -2262,7 +2251,6 @@
 
     /**
      * @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 () {
@@ -2313,7 +2301,6 @@
 
     /**
      * @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 () {
@@ -2392,7 +2379,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/directives/directives.module.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
@@ -2412,7 +2398,6 @@
 
     /**
      * @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 () {
@@ -2466,7 +2451,6 @@
 
     /**
      * @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 () {
@@ -2504,7 +2488,6 @@
 
     /**
      * @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
@@ -2525,13 +2508,11 @@
 
     /**
      * @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 () {
@@ -2571,7 +2552,6 @@
 
     /**
      * @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 () {
@@ -2608,6 +2588,16 @@
         function () {
             this.initDataFile();
         };
+        Object.defineProperty(FileItemComponent.prototype, "uploadErrors", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this.uploadAssetService.uploadErrors.get(this.file);
+            },
+            enumerable: true,
+            configurable: true
+        });
         /**
          * @private
          * @return {?}
@@ -2730,8 +2720,8 @@
         FileItemComponent.decorators = [
             { type: core.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 */
@@ -2773,7 +2763,6 @@
 
     /**
      * @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 () {
@@ -2863,7 +2852,6 @@
 
     /**
      * @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 () {
@@ -2960,7 +2948,6 @@
 
     /**
      * @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
      */
     /**
@@ -3118,7 +3105,6 @@
 
     /**
      * @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
      */
     /**
@@ -3281,7 +3267,6 @@
 
     /**
      * @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
      */
     /**
@@ -3429,7 +3414,6 @@
 
     /**
      * @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
      */
     /**
@@ -3452,6 +3436,8 @@
             this.uploadAssetsService = uploadAssetsService;
             this.isLoading = false;
             this.disabled = true;
+            this.errorMessages = [];
+            this.defaultErrorMessage = 'Something went wrong while uploading. Please try again.';
             this.destroy$ = new rxjs.Subject();
             if (this.data.fileType) {
                 this.uploadAssetsService.supportedTypes =
@@ -3479,6 +3465,7 @@
              */
             function (error) {
                 _this.disabled = error;
+                _this.clearErrors();
                 _this.changeDetectorRef.detectChanges();
             }));
         };
@@ -3492,6 +3479,7 @@
          */
         function (hasError) {
             this.disabled = hasError;
+            this.clearErrors();
         };
         /**
          * @return {?}
@@ -3502,6 +3490,8 @@
         function () {
             var _this = this;
             this.isLoading = true;
+            this.clearErrors();
+            this.dialogRef.disableClose = true;
             this.uploadAssetsService
                 .uploadMultipleAssets(this.data.currentAssetId)
                 .pipe(operators.takeUntil(this.destroy$))
@@ -3513,8 +3503,125 @@
                 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 {?}
@@ -3539,15 +3646,15 @@
         UploadDialogComponent.decorators = [
             { type: core.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: core.Inject, args: [dialog.MAT_DIALOG_DATA,] }] },
-            { type: dialog.MatDialogRef },
+            { type: undefined, decorators: [{ type: core.Inject, args: [material.MAT_DIALOG_DATA,] }] },
+            { type: material.MatDialogRef },
             { type: core.ChangeDetectorRef },
             { type: UploadAssetsService }
         ]; };
@@ -3558,6 +3665,13 @@
         UploadDialogComponent.prototype.isLoading;
         /** @type {?} */
         UploadDialogComponent.prototype.disabled;
+        /** @type {?} */
+        UploadDialogComponent.prototype.errorMessages;
+        /**
+         * @type {?}
+         * @private
+         */
+        UploadDialogComponent.prototype.defaultErrorMessage;
         /**
          * @type {?}
          * @private
@@ -3578,7 +3692,6 @@
 
     /**
      * @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 () {
@@ -3709,7 +3822,6 @@
 
     /**
      * @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 () {
@@ -3719,7 +3831,7 @@
             this.hasArchivePermission = true;
             this.onPageChange = new core.EventEmitter();
             this.loading = false;
-            this.unsubscribe$ = new rxjs.Subject();
+            this.unsubscribe$ = new Subject.Subject();
             this.bindSubscriber();
         }
         /**
@@ -3800,7 +3912,7 @@
             hasModifyPermission: [{ type: core.Input }],
             hasAccessPermission: [{ type: core.Input }],
             hasArchivePermission: [{ type: core.Input }],
-            paginator: [{ type: core.ViewChild, args: [paginator.MatPaginator, { static: true },] }],
+            paginator: [{ type: core.ViewChild, args: [material.MatPaginator, { static: true },] }],
             folders: [{ type: core.Input }],
             pagination: [{ type: core.Input }],
             onPageChange: [{ type: core.Output }]
@@ -3833,7 +3945,6 @@
 
     /**
      * @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 () {
@@ -3844,7 +3955,8 @@
             this.hasAccessPermission = true;
             this.hasArchivePermission = true;
             this.backgroundProcessingNum = BackgroudProcessingStatus;
-            this.unsubscribe$ = new rxjs.Subject();
+            this.processingCheckDelay = 5000;
+            this.unsubscribe$ = new Subject.Subject();
             this.selectedAssets = [];
         }
         /**
@@ -3865,17 +3977,8 @@
          * @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;
@@ -3983,7 +4086,7 @@
              * @param {?} res
              * @return {?}
              */
-            function (res) { return rxjs.of(res); })))
+            function (res) { return of.of(res); })))
                 .subscribe((/**
              * @return {?}
              */
@@ -4028,15 +4131,8 @@
              * @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 () {
@@ -4048,29 +4144,92 @@
         };
         /**
          * @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 {?}
@@ -4079,6 +4238,7 @@
          * @return {?}
          */
         function () {
+            this.stopProcessingCheck();
             this.unsubscribe$.next();
             this.unsubscribe$.complete();
         };
@@ -4086,7 +4246,7 @@
             { type: core.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 */
@@ -4119,6 +4279,21 @@
         AssetListComponent.prototype.assets;
         /** @type {?} */
         AssetListComponent.prototype.backgroundProcessingNum;
+        /**
+         * @type {?}
+         * @private
+         */
+        AssetListComponent.prototype.processingCheckDelay;
+        /**
+         * @type {?}
+         * @private
+         */
+        AssetListComponent.prototype.processingCheckTimer;
+        /**
+         * @type {?}
+         * @private
+         */
+        AssetListComponent.prototype.processingCheckRequest;
         /**
          * @type {?}
          * @private
@@ -4148,7 +4323,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/pipes/file-size.pipe.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /*
@@ -4210,7 +4384,6 @@
 
     /**
      * @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
      */
     /**
@@ -4634,7 +4807,6 @@
 
     /**
      * @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 () {
@@ -4974,7 +5146,6 @@
 
     /**
      * @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 () {
@@ -5093,8 +5264,7 @@
          */
         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) {
@@ -5157,8 +5327,7 @@
          */
         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) {
@@ -5213,13 +5382,11 @@
 
     /**
      * @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 () {
@@ -5797,7 +5964,6 @@
 
     /**
      * @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 () {
@@ -5805,7 +5971,7 @@
             this.nodeTreeService = nodeTreeService;
             this.svc = svc;
             this.changeDetectorRef = changeDetectorRef;
-            this.unsubscribe$ = new rxjs.Subject();
+            this.unsubscribe$ = new Subject.Subject();
             this.currentFolderHierarchy = [];
             this.maximumShownLevel = 3;
             this.bindSubscriber();
@@ -5846,7 +6012,7 @@
              * @param {?} res
              * @return {?}
              */
-            function (res) { return rxjs.of(res); })))
+            function (res) { return of.of(res); })))
                 .subscribe((/**
              * @param {?} currentFolderHierarchy
              * @return {?}
@@ -5932,14 +6098,13 @@
 
     /**
      * @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 rxjs.Subject();
+            this.destroy$ = new Subject.Subject();
             this.value = '';
             this.folderId = '';
             this.bindingSubscriber();
@@ -5970,7 +6135,7 @@
              * @param {?} res
              * @return {?}
              */
-            function (res) { return rxjs.of(res); })))
+            function (res) { return of.of(res); })))
                 .subscribe((/**
              * @param {?} currentFolderId
              * @return {?}
@@ -6032,7 +6197,7 @@
                 type: ActionTypes.SET_GLOBAL_LOADING,
                 payload: true,
             });
-            rxjs.combineLatest([
+            combineLatest.combineLatest([
                 this.assetService.getChildrenFolders({ assetId: this.folderId }),
                 this.assetService.getChildrenAssets({
                     assetId: this.folderId,
@@ -6112,7 +6277,6 @@
 
     /**
      * @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 () {
@@ -6214,7 +6378,6 @@
 
     /**
      * @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 () {
@@ -6225,7 +6388,7 @@
             this.hasAccessPermission = true;
             this.hasArchivePermission = true;
             this.assets = new core.EventEmitter();
-            this.unsubscribe$ = new rxjs.Subject();
+            this.unsubscribe$ = new Subject.Subject();
             this.nodeTreeMinWidth = 300;
             this.nodeTreeMaxWidth = 700;
         }
@@ -6339,7 +6502,6 @@
 
     /**
      * @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 () {
@@ -6352,9 +6514,9 @@
             this.hasModifyPermission = true;
             this.hasAccessPermission = true;
             this.hasArchivePermission = true;
-            this.unsubscribe$ = new rxjs.Subject();
+            this.unsubscribe$ = new Subject.Subject();
             this.selectedAssets = [];
-            this.loading$ = new rxjs.BehaviorSubject(false);
+            this.loading$ = new BehaviorSubject.BehaviorSubject(false);
             this.bindSubscriber();
         }
         /**
@@ -6671,7 +6833,7 @@
                 payload: true,
             });
             var _a = this.getFolderPagePagination(), pageIndex = _a.pageIndex, pageSize = _a.pageSize;
-            rxjs.combineLatest([
+            combineLatest.combineLatest([
                 this.assetService.getChildrenFolders({ assetId: id, pageIndex: pageIndex, pageSize: pageSize }),
                 this.assetService.getChildrenAssets({
                     assetId: id,
@@ -6858,7 +7020,6 @@
 
     /**
      * @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 () {
@@ -6974,7 +7135,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/configs/admin.config.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
@@ -7055,7 +7215,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/pipes/datetime.pipe.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
@@ -7134,7 +7293,6 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/asset-management.module.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     // SERVICES
@@ -7174,6 +7332,16 @@
         AssetWrapperComponent,
         AssetManagementDialogComponent,
     ];
+    /** @type {?} */
+    var ENTRY_COMPONENTS = [
+        ModalComponent,
+        UploadDialogComponent,
+        AddFolderDialogComponent,
+        EditFolderDialogComponent,
+        DeleteDialogComponent,
+        AssetDialogComponent,
+        AssetManagementDialogComponent,
+    ];
     /**
      * @param {?} config
      * @return {?}
@@ -7245,6 +7413,7 @@
                                 multi: true,
                             }
                         ]),
+                        entryComponents: __spread(ENTRY_COMPONENTS),
                     },] }
         ];
         /** @nocollapse */
@@ -7265,34 +7434,34 @@
     exports.AssetWrapperComponent = AssetWrapperComponent;
     exports.BaseHttpClient = BaseHttpClient;
     exports.BreadcrumbComponent = BreadcrumbComponent;
-    exports.DIRECTIVES = DIRECTIVES;
     exports.DeleteDialogComponent = DeleteDialogComponent;
     exports.DialogTriggerDirective = DialogTriggerDirective;
-    exports.DirectivesModule = DirectivesModule;
-    exports.DndDirective = DndDirective;
-    exports.DragToResizeComponent = DragToResizeComponent;
     exports.EditFolderDialogComponent = EditFolderDialogComponent;
     exports.FileItemComponent = FileItemComponent;
     exports.FileListComponent = FileListComponent;
     exports.FileService = FileService;
-    exports.FileSizePipe = FileSizePipe;
     exports.FolderItemComponent = FolderItemComponent;
     exports.FolderListComponent = FolderListComponent;
     exports.InputFileComponent = InputFileComponent;
-    exports.LocalDatePipe = LocalDatePipe;
-    exports.LocalDateTimePipe = LocalDateTimePipe;
     exports.ModalComponent = ModalComponent;
     exports.NodeDetailsComponent = NodeDetailsComponent;
     exports.NodeTreeComponent = NodeTreeComponent;
     exports.NodeTreeService = NodeTreeService;
     exports.SearchBoxComponent = SearchBoxComponent;
     exports.SearchNotFoundComponent = SearchNotFoundComponent;
-    exports.SortItemsComponent = SortItemsComponent;
     exports.UploadAssetsService = UploadAssetsService;
     exports.UploadDialogComponent = UploadDialogComponent;
     exports.UploadFileComponent = UploadFileComponent;
-    exports.ɵa = AssetManagementService;
-    exports.ɵb = DialogConfig;
+    exports.ɵa = DragToResizeComponent;
+    exports.ɵb = FileSizePipe;
+    exports.ɵc = AssetManagementService;
+    exports.ɵd = SortItemsComponent;
+    exports.ɵe = DialogConfig;
+    exports.ɵf = LocalDateTimePipe;
+    exports.ɵg = LocalDatePipe;
+    exports.ɵh = DIRECTIVES;
+    exports.ɵi = DirectivesModule;
+    exports.ɵj = DndDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });