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/fesm2015/rs-pk-asset-management.js CHANGED Viewed

@@ -7,7 +7,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';
@@ -15,16 +15,20 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatSelectModule } from '@angular/material/select';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { HttpClient, HttpHandler, 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 { __awaiter } from 'tslib';
+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
  */
 /**
@@ -189,7 +193,6 @@ const 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
  */
 class AssetFileUploadModel {
@@ -247,7 +250,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
  */
 /**
@@ -339,7 +341,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
  */
 /**
@@ -372,18 +373,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} */
 const 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} */
@@ -405,13 +404,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
  */
 /**
@@ -431,7 +428,6 @@ const 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
  */
 class BaseHttpClient extends HttpClient {
@@ -478,7 +474,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
  */
 class AssetService {
@@ -743,7 +738,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 {?} */
@@ -775,7 +769,7 @@ AssetManagementService.decorators = [
 ];
 /** @nocollapse */
 AssetManagementService.ctorParameters = () => [];
-/** @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" });
 if (false) {
     /**
      * @type {?}
@@ -786,7 +780,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
  */
 /**
@@ -802,18 +795,18 @@ if (false) {
 /** @enum {string} */
 const 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 ',
 };
 class SetGlobalLoading {
     constructor() {
@@ -911,7 +904,6 @@ if (false) {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/store/reducer.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
@@ -969,39 +961,39 @@ const initialReducer = (/**
     (action) => {
         switch (action.type) {
             case ActionTypes.SET_SELECTED_ASSETS:
-                state = Object.assign(Object.assign({}, state), { selectedAssets: action.payload });
+                state = Object.assign({}, state, { selectedAssets: action.payload });
                 store.next(state);
                 break;
             case ActionTypes.SET_GLOBAL_LOADING:
-                state = Object.assign(Object.assign({}, state), { globalLoading: action.payload });
+                state = Object.assign({}, state, { globalLoading: action.payload });
                 store.next(state);
                 break;
             case ActionTypes.SET_CURRENT_FOLDER:
-                state = Object.assign(Object.assign({}, state), { currentFolder: Object.assign({}, action.payload) });
+                state = Object.assign({}, state, { currentFolder: Object.assign({}, action.payload) });
                 store.next(state);
                 break;
             case ActionTypes.RELOAD_CURRENT_FOLDER:
-                state = Object.assign(Object.assign({}, state), { reloadCurrentFolder: !state.reloadCurrentFolder });
+                state = Object.assign({}, state, { reloadCurrentFolder: !state.reloadCurrentFolder });
                 store.next(state);
                 break;
             case ActionTypes.RELOAD_CURRENT_ASSETS:
-                state = Object.assign(Object.assign({}, state), { reloadCurrentAssets: !state.reloadCurrentAssets });
+                state = Object.assign({}, state, { reloadCurrentAssets: !state.reloadCurrentAssets });
                 store.next(state);
                 break;
             case ActionTypes.RELOAD_CURRENT_NODE:
-                state = Object.assign(Object.assign({}, state), { reloadCurrentNode: !state.reloadCurrentNode });
+                state = Object.assign({}, state, { reloadCurrentNode: !state.reloadCurrentNode });
                 store.next(state);
                 break;
             case ActionTypes.SET_CURRENT_FOLDER_HIERARCHY:
-                state = Object.assign(Object.assign({}, state), { currentFolderHierarchy: [...action.payload] });
+                state = Object.assign({}, state, { currentFolderHierarchy: [...action.payload] });
                 store.next(state);
                 break;
             case ActionTypes.SET_CURRENT_FOLDER_ID:
-                state = Object.assign(Object.assign({}, state), { currentFolderId: action.payload });
+                state = Object.assign({}, state, { currentFolderId: action.payload });
                 store.next(state);
                 break;
             case ActionTypes.DELETE_ASSET:
-                state = Object.assign(Object.assign({}, state), { deletedAssetId: action.payload });
+                state = Object.assign({}, state, { deletedAssetId: action.payload });
                 store.next(state);
                 break;
             default:
@@ -1024,13 +1016,11 @@ const select = (/**
 /**
  * @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
  */
 class NodeTreeService {
@@ -1041,9 +1031,9 @@ class NodeTreeService {
     constructor(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([]);
     }
     /**
      * @return {?}
@@ -1159,7 +1149,7 @@ class NodeTreeService {
          */
         (node) => node.AssetId === asset.AssetId));
         if (index < 0) {
-            data = [...data, Object.assign(Object.assign({}, asset), { ParentId: parentId ? parentId : null })];
+            data = [...data, Object.assign({}, asset, { ParentId: parentId ? parentId : null })];
         }
         this.data = data;
     }
@@ -1248,7 +1238,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
  */
 class UploadAssetsService {
@@ -1263,6 +1252,7 @@ class UploadAssetsService {
         this._api = _api;
         this.files = [];
         this.fileNames = [];
+        this.uploadErrors = new Map();
         this.supportedSize = 10 * 1024 * 1024; // 10MB
         // 10MB
         this.documentExtension = ['.pdf', '.csv'];
@@ -1338,9 +1328,21 @@ class UploadAssetsService {
      * @return {?}
      */
     deleteFile(index) {
+        this.uploadErrors.delete(this.files[index]);
         this.files.splice(index, 1);
         this.fileNames.splice(index, 1);
     }
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    getUploadName(index) {
+        /** @type {?} */
+        const nameSplit = this.files[index].name.split('.');
+        /** @type {?} */
+        const ext = `.${nameSplit.splice(nameSplit.length - 1, 1)[0]}`;
+        return `${this.fileNames[index].name}${ext}`;
+    }
     /**
      * @param {?} parentAssetId
      * @return {?}
@@ -1348,21 +1350,11 @@ class UploadAssetsService {
     uploadMultipleAssets(parentAssetId) {
         const { files } = this;
         /** @type {?} */
-        const fileNames = this.fileNames.map((/**
-         * @param {?} file
-         * @return {?}
-         */
-        file => file.name));
-        /** @type {?} */
         const formData = new FormData();
         formData.append('parentAssetId', parentAssetId);
         formData.append('companyId', '732DA8D2-04EC-4BE0-A168-63EE0DCF50D8');
         for (let i = 0; i < files.length; i++) {
-            /** @type {?} */
-            const nameSplit = files[i].name.split('.');
-            /** @type {?} */
-            const 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);
     }
@@ -1385,6 +1377,8 @@ if (false) {
     /** @type {?} */
     UploadAssetsService.prototype.fileNames;
     /** @type {?} */
+    UploadAssetsService.prototype.uploadErrors;
+    /** @type {?} */
     UploadAssetsService.prototype.supportedSize;
     /** @type {?} */
     UploadAssetsService.prototype.documentExtension;
@@ -1422,7 +1416,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
  */
 class FileService {
@@ -1525,13 +1518,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
  */
 class AssetManagementDialogComponent {
@@ -1544,7 +1535,7 @@ class AssetManagementDialogComponent {
         this.data = data;
         this.dialogRef = dialogRef;
         this.assetService = assetService;
-        this.destroy$ = new Subject();
+        this.destroy$ = new Subject$1();
         this.selectedAssets = [];
     }
     /**
@@ -1634,7 +1625,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
  */
 class AssetManagementComponent {
@@ -1796,7 +1786,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
  */
 class DialogTriggerDirective {
@@ -1842,7 +1831,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
  */
 class DndDirective {
@@ -1899,7 +1887,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 {?} */
@@ -1916,7 +1903,6 @@ DirectivesModule.decorators = [
 /**
  * @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
  */
 class InputFileComponent {
@@ -1965,7 +1951,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
  */
 class ModalComponent {
@@ -1999,7 +1984,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
@@ -2020,13 +2004,11 @@ const fileDefault = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAA
 /**
  * @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
  */
 class SearchNotFoundComponent {
@@ -2065,7 +2047,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
  */
 class FileItemComponent {
@@ -2103,6 +2084,12 @@ class FileItemComponent {
     ngOnInit() {
         this.initDataFile();
     }
+    /**
+     * @return {?}
+     */
+    get uploadErrors() {
+        return this.uploadAssetService.uploadErrors.get(this.file);
+    }
     /**
      * @private
      * @return {?}
@@ -2202,8 +2189,8 @@ class FileItemComponent {
 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 */
@@ -2243,7 +2230,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
  */
 class FileListComponent {
@@ -2315,7 +2301,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
  */
 class UploadFileComponent {
@@ -2397,7 +2382,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
  */
 /**
@@ -2538,7 +2522,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
  */
 /**
@@ -2684,7 +2667,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
  */
 /**
@@ -2818,7 +2800,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
  */
 /**
@@ -2847,6 +2828,8 @@ class UploadDialogComponent {
         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 =
@@ -2871,6 +2854,7 @@ class UploadDialogComponent {
          */
         error => {
             this.disabled = error;
+            this.clearErrors();
             this.changeDetectorRef.detectChanges();
         }));
     }
@@ -2880,12 +2864,15 @@ class UploadDialogComponent {
      */
     onValidate(hasError) {
         this.disabled = hasError;
+        this.clearErrors();
     }
     /**
      * @return {?}
      */
     uploadFiles() {
         this.isLoading = true;
+        this.clearErrors();
+        this.dialogRef.disableClose = true;
         this.uploadAssetsService
             .uploadMultipleAssets(this.data.currentAssetId)
             .pipe(takeUntil(this.destroy$))
@@ -2897,8 +2884,102 @@ class UploadDialogComponent {
             if (res) {
                 this.closeDialog(true);
             }
+        }), (/**
+         * @param {?} err
+         * @return {?}
+         */
+        err => {
+            this.setUploadErrors(this.getErrorMessages(err));
+            this.stopLoading();
+        }), (
+        // the request can complete without a truthy response (or be swallowed by an interceptor)
+        /**
+         * @return {?}
+         */
+        () => this.stopLoading()));
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    stopLoading() {
+        this.isLoading = false;
+        this.dialogRef.disableClose = false;
+        this.changeDetectorRef.detectChanges();
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    clearErrors() {
+        this.errorMessages = [];
+        this.uploadAssetsService.uploadErrors.clear();
+    }
+    // show each message on the file it mentions, the rest stay under the list
+    /**
+     * @private
+     * @param {?} messages
+     * @return {?}
+     */
+    setUploadErrors(messages) {
+        const { getFiles: files, uploadErrors } = this.uploadAssetsService;
+        /** @type {?} */
+        const uploadNames = files.map((/**
+         * @param {?} file
+         * @param {?} index
+         * @return {?}
+         */
+        (file, index) => this.uploadAssetsService.getUploadName(index)));
+        this.errorMessages = messages.filter((/**
+         * @param {?} message
+         * @return {?}
+         */
+        message => {
+            /** @type {?} */
+            let index = uploadNames.findIndex((/**
+             * @param {?} name
+             * @return {?}
+             */
+            name => message.indexOf(name) > -1));
+            if (index < 0 && files.length === 1) {
+                index = 0;
+            }
+            if (index < 0) {
+                return true;
+            }
+            uploadErrors.set(files[index], [...(uploadErrors.get(files[index]) || []), message]);
+            return false;
         }));
     }
+    /**
+     * @private
+     * @param {?} err
+     * @return {?}
+     */
+    getErrorMessages(err) {
+        // HttpErrorResponse keeps the API body in `error`, an interceptor may already unwrap it
+        /** @type {?} */
+        const body = err && err.error && typeof err.error === 'object' ? err.error : err || {};
+        /** @type {?} */
+        const messages = (body.Messages || [])
+            .map((/**
+         * @param {?} message
+         * @return {?}
+         */
+        message => (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 {?}
+             */
+            (message, index) => messages.indexOf(message) === index))
+            : [this.defaultErrorMessage];
+    }
     /**
      * @param {?=} res
      * @return {?}
@@ -2917,15 +2998,15 @@ class UploadDialogComponent {
 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 = () => [
-    { 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 }
 ];
@@ -2934,6 +3015,13 @@ if (false) {
     UploadDialogComponent.prototype.isLoading;
     /** @type {?} */
     UploadDialogComponent.prototype.disabled;
+    /** @type {?} */
+    UploadDialogComponent.prototype.errorMessages;
+    /**
+     * @type {?}
+     * @private
+     */
+    UploadDialogComponent.prototype.defaultErrorMessage;
     /**
      * @type {?}
      * @private
@@ -2954,7 +3042,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
  */
 class FolderItemComponent {
@@ -3074,7 +3161,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
  */
 class FolderListComponent {
@@ -3084,7 +3170,7 @@ class FolderListComponent {
         this.hasArchivePermission = true;
         this.onPageChange = new EventEmitter();
         this.loading = false;
-        this.unsubscribe$ = new Subject();
+        this.unsubscribe$ = new Subject$1();
         this.bindSubscriber();
     }
     /**
@@ -3179,7 +3265,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
  */
 class AssetListComponent {
@@ -3194,7 +3279,8 @@ class AssetListComponent {
         this.hasAccessPermission = true;
         this.hasArchivePermission = true;
         this.backgroundProcessingNum = BackgroudProcessingStatus;
-        this.unsubscribe$ = new Subject();
+        this.processingCheckDelay = 5000;
+        this.unsubscribe$ = new Subject$1();
         this.selectedAssets = [];
     }
     /**
@@ -3209,15 +3295,7 @@ class AssetListComponent {
      */
     ngOnChanges(changes) {
         if (changes.assets) {
-            // Check if asset is uploading
-            if (this.assets && this.assets.find((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => 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;
@@ -3352,15 +3430,8 @@ class AssetListComponent {
          * @param {?} res
          * @return {?}
          */
-        (res) => {
-            /** @type {?} */
-            const pagination = res && res.Meta || {};
-            /** @type {?} */
-            const assets = res && res.Data && res.Data.Children || [];
-            /** @type {?} */
-            const totalFile = res && res.Data && res.Data.TotalFile || 0;
-            this.assetService.setAssetList(assets, pagination, totalFile);
-        })).add((/**
+        (res) => this.setAssetList(res)))
+            .add((/**
          * @return {?}
          */
         () => {
@@ -3370,31 +3441,73 @@ class AssetListComponent {
             });
         }));
     }
+    /**
+     * @private
+     * @param {?} res
+     * @return {?}
+     */
+    setAssetList(res) {
+        /** @type {?} */
+        const pagination = res && res.Meta || {};
+        /** @type {?} */
+        const assets = res && res.Data && res.Data.Children || [];
+        /** @type {?} */
+        const 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.
     /**
      * @private
      * @return {?}
      */
-    _resetUploadingAssets() {
+    checkProcessingAssets() {
+        this.stopProcessingCheck();
         /** @type {?} */
-        const reload = setInterval((/**
+        const hasProcessingAssets = this.assets && this.assets.some((/**
+         * @param {?} asset
          * @return {?}
          */
-        () => {
-            this.fetchChildrenAssets();
-            if (this.assets.find((/**
-             * @param {?} x
+        (asset) => asset.BackgroudProcessingStatus === this.backgroundProcessingNum.InProcessing));
+        if (hasProcessingAssets) {
+            this.processingCheckTimer = setTimeout((/**
              * @return {?}
              */
-            x => x.BackgroudProcessingStatus === this.backgroundProcessingNum.Processed))) {
-                clearInterval(reload);
-            }
-            console.log('Upload Successfully!'); // interval will be cleared after completing this whole block
-        }), 5000);
+            () => this.reloadProcessingAssets()), this.processingCheckDelay);
+        }
+    }
+    // Silent reload, without the global loading bar
+    /**
+     * @private
+     * @return {?}
+     */
+    reloadProcessingAssets() {
+        if (!this.currentFolderId) {
+            return;
+        }
+        this.processingCheckRequest = this.assetService
+            .getChildrenAssets({ assetId: this.currentFolderId })
+            .subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        (res) => this.setAssetList(res)));
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    stopProcessingCheck() {
+        clearTimeout(this.processingCheckTimer);
+        if (this.processingCheckRequest) {
+            this.processingCheckRequest.unsubscribe();
+        }
     }
     /**
      * @return {?}
      */
     ngOnDestroy() {
+        this.stopProcessingCheck();
         this.unsubscribe$.next();
         this.unsubscribe$.complete();
     }
@@ -3403,7 +3516,7 @@ AssetListComponent.decorators = [
     { 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 */
@@ -3416,7 +3529,7 @@ AssetListComponent.propDecorators = {
     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 }]
 };
 if (false) {
@@ -3434,6 +3547,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
@@ -3463,7 +3591,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
  */
 /*
@@ -3517,7 +3644,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
  */
 /**
@@ -3900,7 +4026,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
  */
 class AssetItemComponent {
@@ -4207,7 +4332,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
  */
 class NodeTreeDataSource {
@@ -4384,13 +4508,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
  */
 class NodeTreeComponent {
@@ -4543,7 +4665,7 @@ class NodeTreeComponent {
          * @param {?} res
          * @return {?}
          */
-        (res) => of(res))))
+        (res) => of$1(res))))
             .subscribe((/**
          * @return {?}
          */
@@ -4850,7 +4972,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
  */
 class BreadcrumbComponent {
@@ -4863,7 +4984,7 @@ class BreadcrumbComponent {
         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();
@@ -4964,7 +5085,6 @@ 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
  */
 class SearchBoxComponent {
@@ -4975,7 +5095,7 @@ class SearchBoxComponent {
     constructor(assetService, svc) {
         this.assetService = assetService;
         this.svc = svc;
-        this.destroy$ = new Subject();
+        this.destroy$ = new Subject$1();
         this.value = '';
         this.folderId = '';
         this.bindingSubscriber();
@@ -5120,7 +5240,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
  */
 class SortItemsComponent {
@@ -5215,7 +5334,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
  */
 class AssetWrapperComponent {
@@ -5229,7 +5347,7 @@ class AssetWrapperComponent {
         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;
     }
@@ -5326,7 +5444,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
  */
 class NodeDetailsComponent {
@@ -5346,9 +5463,9 @@ class NodeDetailsComponent {
         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();
     }
     /**
@@ -5392,7 +5509,7 @@ class NodeDetailsComponent {
          * @param {?} res
          * @return {?}
          */
-        (res) => of(res))))
+        (res) => of$1(res))))
             .subscribe((/**
          * @param {?} globalLoading
          * @return {?}
@@ -5424,7 +5541,7 @@ class NodeDetailsComponent {
          * @param {?} res
          * @return {?}
          */
-        (res) => of(res))))
+        (res) => of$1(res))))
             .subscribe((/**
          * @param {?} currentFolderId
          * @return {?}
@@ -5444,7 +5561,7 @@ class NodeDetailsComponent {
          * @param {?} res
          * @return {?}
          */
-        (res) => of(res))))
+        (res) => of$1(res))))
             .subscribe((/**
          * @return {?}
          */
@@ -5463,7 +5580,7 @@ class NodeDetailsComponent {
          * @param {?} res
          * @return {?}
          */
-        (res) => of(res))))
+        (res) => of$1(res))))
             .subscribe((/**
          * @return {?}
          */
@@ -5791,7 +5908,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
  */
 class DragToResizeComponent {
@@ -5887,7 +6003,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 {?} */
@@ -5968,7 +6083,6 @@ const AdminConfig = {
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/pipes/datetime.pipe.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
@@ -6045,7 +6159,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
@@ -6085,6 +6198,16 @@ const COMPONENTS = [
     AssetWrapperComponent,
     AssetManagementDialogComponent,
 ];
+/** @type {?} */
+const ENTRY_COMPONENTS = [
+    ModalComponent,
+    UploadDialogComponent,
+    AddFolderDialogComponent,
+    EditFolderDialogComponent,
+    DeleteDialogComponent,
+    AssetDialogComponent,
+    AssetManagementDialogComponent,
+];
 /**
  * @param {?} config
  * @return {?}
@@ -6159,6 +6282,7 @@ AssetManagementModule.decorators = [
                         multi: true,
                     }
                 ],
+                entryComponents: [...ENTRY_COMPONENTS],
             },] }
 ];
 /** @nocollapse */
@@ -6166,15 +6290,13 @@ AssetManagementModule.ctorParameters = () => [];
 /**
  * @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