@rs-pk/asset-management 1.0.22 → 1.0.24

package/esm5/lib/components/partial/asset-list/asset-list.component.js

@@ -1,306 +1,318 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
-import { Component, Input, ViewChild, } from '@angular/core';
-import { MatPaginator } from '@angular/material/paginator';
-import { of } from 'rxjs/internal/observable/of';
-import { Subject } from 'rxjs/internal/Subject';
-import { switchMap, takeUntil } from 'rxjs/operators';
-import { AssetManagementService } from '../../../asset-management.service';
-import { BackgroudProcessingStatus } from '../../../models';
-import { AssetService } from '../../../services/asset.service';
-import { ActionTypes } from '../../../store/actions.action';
-import { select } from '../../../store/reducer';
-var AssetListComponent = /** @class */ (function () {
-    function AssetListComponent(assetService, svc) {
-        this.assetService = assetService;
-        this.svc = svc;
-        this.backgroundProcessingNum = BackgroudProcessingStatus;
-        this.unsubscribe$ = new Subject();
-        this.selectedAssets = [];
-    }
-    /**
-     * @return {?}
-     */
-    AssetListComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        this.bindSubscriber();
-    };
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
-    AssetListComponent.prototype.ngOnChanges = /**
-     * @param {?} changes
-     * @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.paginator.pageIndex = this.assetService.pageIndex;
-            this.paginator.pageSize = this.assetService.pageSize;
-            this.paginator.length = this.assetService.fileTotal;
-        }
-    };
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    AssetListComponent.prototype.onSelectAsset = /**
-     * @param {?} event
-     * @return {?}
-     */
-    function (event) {
-        /** @type {?} */
-        var index = this.selectedAssets.findIndex((/**
-         * @param {?} asset
-         * @return {?}
-         */
-        function (asset) { return asset.AssetId === event.AssetId; }));
-        /** @type {?} */
-        var newSelectedAssets = index > -1
-            ? this.selectedAssets.filter((/**
-             * @param {?} asset
-             * @param {?} i
-             * @return {?}
-             */
-            function (asset, i) { return index !== i; }))
-            : tslib_1.__spread(this.selectedAssets, [event]);
-        this.svc.dispatch({
-            type: ActionTypes.SET_SELECTED_ASSETS,
-            payload: newSelectedAssets,
-        });
-    };
-    /**
-     * @private
-     * @return {?}
-     */
-    AssetListComponent.prototype.bindSubscriber = /**
-     * @private
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        select((/**
-         * @param {?} state
-         * @return {?}
-         */
-        function (state) { return state.deletedAssetId; }))
-            .pipe(takeUntil(this.unsubscribe$))
-            .subscribe((/**
-         * @param {?} id
-         * @return {?}
-         */
-        function (id) {
-            if (_this.selectedAssets && _this.selectedAssets.length) {
-                /** @type {?} */
-                var newSelectedAssets = _this.selectedAssets.filter((/**
-                 * @param {?} asset
-                 * @return {?}
-                 */
-                function (asset) { return asset.AssetId !== id; }));
-                _this.svc.dispatch({
-                    type: ActionTypes.SET_SELECTED_ASSETS,
-                    payload: newSelectedAssets,
-                });
-            }
-        }));
-        select((/**
-         * @param {?} state
-         * @return {?}
-         */
-        function (state) { return state.currentFolderId; }))
-            .pipe(takeUntil(this.unsubscribe$))
-            .subscribe((/**
-         * @param {?} currentFolderId
-         * @return {?}
-         */
-        function (currentFolderId) {
-            _this.currentFolderId = currentFolderId;
-            _this.svc.dispatch({
-                type: ActionTypes.SET_SELECTED_ASSETS,
-                payload: [],
-            });
-        }));
-        select((/**
-         * @param {?} state
-         * @return {?}
-         */
-        function (state) { return state.selectedAssets; }))
-            .pipe(takeUntil(this.unsubscribe$))
-            .subscribe((/**
-         * @param {?} selectedAssets
-         * @return {?}
-         */
-        function (selectedAssets) {
-            _this.selectedAssets = selectedAssets;
-        }));
-        select((/**
-         * @param {?} state
-         * @return {?}
-         */
-        function (state) { return state.reloadCurrentAssets; }))
-            .pipe(takeUntil(this.unsubscribe$), switchMap((/**
-         * @param {?} res
-         * @return {?}
-         */
-        function (res) { return of(res); })))
-            .subscribe((/**
-         * @return {?}
-         */
-        function () {
-            _this.fetchChildrenAssets();
-        }));
-    };
-    /**
-     * @param {?=} event
-     * @return {?}
-     */
-    AssetListComponent.prototype.pageChange = /**
-     * @param {?=} event
-     * @return {?}
-     */
-    function (event) {
-        this.assetService.pageSize = event.pageSize;
-        this.assetService.pageIndex = event.pageIndex;
-        this.fetchChildrenAssets();
-    };
-    /**
-     * @private
-     * @return {?}
-     */
-    AssetListComponent.prototype.fetchChildrenAssets = /**
-     * @private
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        if (!this.currentFolderId) {
-            return;
-        }
-        this.svc.dispatch({
-            type: ActionTypes.SET_GLOBAL_LOADING,
-            payload: true,
-        });
-        this.assetService
-            .getChildrenAssets({ assetId: this.currentFolderId })
-            .pipe(takeUntil(this.unsubscribe$))
-            .subscribe((/**
-         * @param {?} res
-         * @return {?}
-         */
-        function (res) {
-            _this.assetService.setAssetList(res.Data.Children, res.Meta);
-        }))
-            .add((/**
-         * @return {?}
-         */
-        function () {
-            _this.svc.dispatch({
-                type: ActionTypes.SET_GLOBAL_LOADING,
-                payload: false,
-            });
-        }));
-    };
-    /**
-     * @private
-     * @return {?}
-     */
-    AssetListComponent.prototype._resetUploadingAssets = /**
-     * @private
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        /** @type {?} */
-        var reload = setInterval((/**
-         * @return {?}
-         */
-        function () {
-            _this.fetchChildrenAssets();
-            if (_this.assets.find((/**
-             * @param {?} x
-             * @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);
-    };
-    /**
-     * @return {?}
-     */
-    AssetListComponent.prototype.ngOnDestroy = /**
-     * @return {?}
-     */
-    function () {
-        this.unsubscribe$.next();
-        this.unsubscribe$.complete();
-    };
-    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        (selectAsset)=\"onSelectAsset($event)\"\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}"]
-                }] }
-    ];
-    /** @nocollapse */
-    AssetListComponent.ctorParameters = function () { return [
-        { type: AssetService },
-        { type: AssetManagementService }
-    ]; };
-    AssetListComponent.propDecorators = {
-        paginator: [{ type: ViewChild, args: [MatPaginator, { static: true },] }],
-        assets: [{ type: Input }]
-    };
-    return AssetListComponent;
-}());
-export { AssetListComponent };
-if (false) {
-    /** @type {?} */
-    AssetListComponent.prototype.paginator;
-    /** @type {?} */
-    AssetListComponent.prototype.assets;
-    /** @type {?} */
-    AssetListComponent.prototype.backgroundProcessingNum;
-    /**
-     * @type {?}
-     * @private
-     */
-    AssetListComponent.prototype.unsubscribe$;
-    /**
-     * @type {?}
-     * @private
-     */
-    AssetListComponent.prototype.currentFolderId;
-    /**
-     * @type {?}
-     * @private
-     */
-    AssetListComponent.prototype.selectedAssets;
-    /**
-     * @type {?}
-     * @private
-     */
-    AssetListComponent.prototype.assetService;
-    /**
-     * @type {?}
-     * @private
-     */
-    AssetListComponent.prototype.svc;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYXNzZXQtbGlzdC9hc3NldC1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUtMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFhLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzNFLE9BQU8sRUFBYyx5QkFBeUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRWhEO0lBTUUsNEJBQ1UsWUFBMEIsRUFDMUIsR0FBMkI7UUFEM0IsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsUUFBRyxHQUFILEdBQUcsQ0FBd0I7UUFNOUIsNEJBQXVCLEdBQUcseUJBQXlCLENBQUM7UUFFbkQsaUJBQVksR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBRW5DLG1CQUFjLEdBQXNCLEVBQUUsQ0FBQztJQVQ1QyxDQUFDOzs7O0lBV0oscUNBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lB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Z0I7b0JBQzFCLDA5QkFBMEM7O2lCQUUzQzs7OztnQkFSUSxZQUFZO2dCQUZaLHNCQUFzQjs7OzRCQWlCNUIsU0FBUyxTQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7eUJBQ3hDLEtBQUs7O0lBNEhSLHlCQUFDO0NBQUEsQUF4SUQsSUF3SUM7U0FuSVksa0JBQWtCOzs7SUFNN0IsdUNBQW1FOztJQUNuRSxvQ0FBOEI7O0lBRTlCLHFEQUEyRDs7Ozs7SUFFM0QsMENBQTJDOzs7OztJQUMzQyw2Q0FBZ0M7Ozs7O0lBQ2hDLDRDQUErQzs7Ozs7SUFYN0MsMENBQWtDOzs7OztJQUNsQyxpQ0FBbUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0UGFnaW5hdG9yLCBQYWdlRXZlbnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wYWdpbmF0b3InO1xuaW1wb3J0IHsgb2YgfSBmcm9tICdyeGpzL2ludGVybmFsL29ic2VydmFibGUvb2YnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMvaW50ZXJuYWwvU3ViamVjdCc7XG5pbXBvcnQgeyBzd2l0Y2hNYXAsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEFzc2V0TWFuYWdlbWVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9hc3NldC1tYW5hZ2VtZW50LnNlcnZpY2UnO1xuaW1wb3J0IHsgQXNzZXRNb2RlbCwgQmFja2dyb3VkUHJvY2Vzc2luZ1N0YXR1cyB9IGZyb20gJy4uLy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBBc3NldFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9hc3NldC5zZXJ2aWNlJztcbmltcG9ydCB7IEFjdGlvblR5cGVzIH0gZnJvbSAnLi4vLi4vLi4vc3RvcmUvYWN0aW9ucy5hY3Rpb24nO1xuaW1wb3J0IHsgc2VsZWN0IH0gZnJvbSAnLi4vLi4vLi4vc3RvcmUvcmVkdWNlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hc3NldC1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Fzc2V0LWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hc3NldC1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFzc2V0TGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGFzc2V0U2VydmljZTogQXNzZXRTZXJ2aWNlLFxuICAgIHByaXZhdGUgc3ZjOiBBc3NldE1hbmFnZW1lbnRTZXJ2aWNlXG4gICkge31cblxuICBAVmlld0NoaWxkKE1hdFBhZ2luYXRvciwgeyBzdGF0aWM6IHRydWUgfSkgcGFnaW5hdG9yOiBNYXRQYWdpbmF0b3I7XG4gIEBJbnB1dCgpIGFzc2V0czogQXNzZXRNb2RlbFtdO1xuXG4gIHB1YmxpYyBiYWNrZ3JvdW5kUHJvY2Vzc2luZ051bSA9IEJhY2tncm91ZFByb2Nlc3NpbmdTdGF0dXM7XG5cbiAgcHJpdmF0ZSB1bnN1YnNjcmliZSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuICBwcml2YXRlIGN1cnJlbnRGb2xkZXJJZDogc3RyaW5nO1xuICBwcml2YXRlIHNlbGVjdGVkQXNzZXRzOiBBcnJheTxBc3NldE1vZGVsPiA9IFtdO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuYmluZFN1YnNjcmliZXIoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlcy5hc3NldHMpIHtcbiAgICAgIC8vIENoZWNrIGlmIGFzc2V0IGlzIHVwbG9hZGluZ1xuICAgICAgaWYgKHRoaXMuYXNzZXRzICYmIHRoaXMuYXNzZXRzLmZpbmQoeCA9PiB4LkJhY2tncm91ZFByb2Nlc3NpbmdTdGF0dXMgPT09IHRoaXMuYmFja2dyb3VuZFByb2Nlc3NpbmdOdW0uSW5Qcm9jZXNzaW5nKSkge1xuICAgICAgICB0aGlzLl9yZXNldFVwbG9hZGluZ0Fzc2V0cygpO1xuICAgICAgfTtcblxuICAgICAgdGhpcy5wYWdpbmF0b3IucGFnZUluZGV4ID0gdGhpcy5hc3NldFNlcnZpY2UucGFnZUluZGV4O1xuICAgICAgdGhpcy5wYWdpbmF0b3IucGFnZVNpemUgPSB0aGlzLmFzc2V0U2VydmljZS5wYWdlU2l6ZTtcbiAgICAgIHRoaXMucGFnaW5hdG9yLmxlbmd0aCA9IHRoaXMuYXNzZXRTZXJ2aWNlLmZpbGVUb3RhbDtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb25TZWxlY3RBc3NldChldmVudDogQXNzZXRNb2RlbCkge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5zZWxlY3RlZEFzc2V0cy5maW5kSW5kZXgoXG4gICAgICAoYXNzZXQpID0+IGFzc2V0LkFzc2V0SWQgPT09IGV2ZW50LkFzc2V0SWRcbiAgICApO1xuICAgIGNvbnN0IG5ld1NlbGVjdGVkQXNzZXRzOiBBc3NldE1vZGVsW10gPVxuICAgICAgaW5kZXggPiAtMVxuICAgICAgICA/IHRoaXMuc2VsZWN0ZWRBc3NldHMuZmlsdGVyKChhc3NldCwgaSkgPT4gaW5kZXggIT09IGkpXG4gICAgICAgIDogWy4uLnRoaXMuc2VsZWN0ZWRBc3NldHMsIGV2ZW50XTtcblxuICAgIHRoaXMuc3ZjLmRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IEFjdGlvblR5cGVzLlNFVF9TRUxFQ1RFRF9BU1NFVFMsXG4gICAgICBwYXlsb2FkOiBuZXdTZWxlY3RlZEFzc2V0cyxcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgYmluZFN1YnNjcmliZXIoKSB7XG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUuZGVsZXRlZEFzc2V0SWQpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxuICAgICAgLnN1YnNjcmliZSgoaWQpID0+IHtcbiAgICAgICAgaWYgKHRoaXMuc2VsZWN0ZWRBc3NldHMgJiYgdGhpcy5zZWxlY3RlZEFzc2V0cy5sZW5ndGgpIHtcbiAgICAgICAgICBjb25zdCBuZXdTZWxlY3RlZEFzc2V0cyA9IHRoaXMuc2VsZWN0ZWRBc3NldHMuZmlsdGVyKFxuICAgICAgICAgICAgKGFzc2V0KSA9PiBhc3NldC5Bc3NldElkICE9PSBpZFxuICAgICAgICAgICk7XG4gICAgICAgICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xuICAgICAgICAgICAgdHlwZTogQWN0aW9uVHlwZXMuU0VUX1NFTEVDVEVEX0FTU0VUUyxcbiAgICAgICAgICAgIHBheWxvYWQ6IG5ld1NlbGVjdGVkQXNzZXRzLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICB9KTtcblxuICAgIHNlbGVjdCgoc3RhdGUpID0+IHN0YXRlLmN1cnJlbnRGb2xkZXJJZClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlJCkpXG4gICAgICAuc3Vic2NyaWJlKChjdXJyZW50Rm9sZGVySWQpID0+IHtcbiAgICAgICAgdGhpcy5jdXJyZW50Rm9sZGVySWQgPSBjdXJyZW50Rm9sZGVySWQ7XG4gICAgICAgIHRoaXMuc3ZjLmRpc3BhdGNoKHtcbiAgICAgICAgICB0eXBlOiBBY3Rpb25UeXBlcy5TRVRfU0VMRUNURURfQVNTRVRTLFxuICAgICAgICAgIHBheWxvYWQ6IFtdLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuXG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUuc2VsZWN0ZWRBc3NldHMpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxuICAgICAgLnN1YnNjcmliZSgoc2VsZWN0ZWRBc3NldHMpID0+IHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEFzc2V0cyA9IHNlbGVjdGVkQXNzZXRzO1xuICAgICAgfSk7XG5cbiAgICBzZWxlY3QoKHN0YXRlKSA9PiBzdGF0ZS5yZWxvYWRDdXJyZW50QXNzZXRzKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlJCksXG4gICAgICAgIHN3aXRjaE1hcCgocmVzKSA9PiBvZihyZXMpKVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuZmV0Y2hDaGlsZHJlbkFzc2V0cygpO1xuICAgICAgfSk7XG4gIH1cblxuICBwdWJsaWMgcGFnZUNoYW5nZShldmVudD86IFBhZ2VFdmVudCkge1xuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLnBhZ2VTaXplID0gZXZlbnQucGFnZVNpemU7XG4gICAgdGhpcy5hc3NldFNlcnZpY2UucGFnZUluZGV4ID0gZXZlbnQucGFnZUluZGV4O1xuICAgIHRoaXMuZmV0Y2hDaGlsZHJlbkFzc2V0cygpO1xuICB9XG5cbiAgcHJpdmF0ZSBmZXRjaENoaWxkcmVuQXNzZXRzKCkge1xuICAgIGlmICghdGhpcy5jdXJyZW50Rm9sZGVySWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xuICAgICAgdHlwZTogQWN0aW9uVHlwZXMuU0VUX0dMT0JBTF9MT0FESU5HLFxuICAgICAgcGF5bG9hZDogdHJ1ZSxcbiAgICB9KTtcblxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlXG4gICAgICAuZ2V0Q2hpbGRyZW5Bc3NldHMoeyBhc3NldElkOiB0aGlzLmN1cnJlbnRGb2xkZXJJZCB9KVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmUkKSlcbiAgICAgIC5zdWJzY3JpYmUoKHJlcykgPT4ge1xuICAgICAgICB0aGlzLmFzc2V0U2VydmljZS5zZXRBc3NldExpc3QocmVzLkRhdGEuQ2hpbGRyZW4sIHJlcy5NZXRhKTtcbiAgICAgIH0pXG4gICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xuICAgICAgICAgIHR5cGU6IEFjdGlvblR5cGVzLlNFVF9HTE9CQUxfTE9BRElORyxcbiAgICAgICAgICBwYXlsb2FkOiBmYWxzZSxcbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX3Jlc2V0VXBsb2FkaW5nQXNzZXRzICgpIHtcbiAgICBjb25zdCByZWxvYWQgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICB0aGlzLmZldGNoQ2hpbGRyZW5Bc3NldHMoKTtcbiAgICAgIGlmICh0aGlzLmFzc2V0cy5maW5kKHggPT4geC5CYWNrZ3JvdWRQcm9jZXNzaW5nU3RhdHVzID09PSB0aGlzLmJhY2tncm91bmRQcm9jZXNzaW5nTnVtLlByb2Nlc3NlZCkpIHtcbiAgICAgICAgY2xlYXJJbnRlcnZhbChyZWxvYWQpO1xuICAgICAgfVxuICAgICAgY29uc29sZS5sb2coJ1VwbG9hZCBTdWNjZXNzZnVsbHkhJyk7IC8vIGludGVydmFsIHdpbGwgYmUgY2xlYXJlZCBhZnRlciBjb21wbGV0aW5nIHRoaXMgd2hvbGUgYmxvY2tcbiAgICB9LCA1MDAwKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMudW5zdWJzY3JpYmUkLm5leHQoKTtcbiAgICB0aGlzLnVuc3Vic2NyaWJlJC5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+import { Component, Input, ViewChild, } from '@angular/core';
+import { MatPaginator } from '@angular/material/paginator';
+import { of } from 'rxjs/internal/observable/of';
+import { Subject } from 'rxjs/internal/Subject';
+import { switchMap, takeUntil } from 'rxjs/operators';
+import { AssetManagementService } from '../../../asset-management.service';
+import { BackgroudProcessingStatus } from '../../../models';
+import { AssetService } from '../../../services/asset.service';
+import { ActionTypes } from '../../../store/actions.action';
+import { select } from '../../../store/reducer';
+var AssetListComponent = /** @class */ (function () {
+    function AssetListComponent(assetService, svc) {
+        this.assetService = assetService;
+        this.svc = svc;
+        this.hasModifyPermission = true;
+        this.hasAccessPermission = true;
+        this.hasArchivePermission = true;
+        this.backgroundProcessingNum = BackgroudProcessingStatus;
+        this.unsubscribe$ = new Subject();
+        this.selectedAssets = [];
+    }
+    /**
+     * @return {?}
+     */
+    AssetListComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        this.bindSubscriber();
+    };
+    /**
+     * @param {?} changes
+     * @return {?}
+     */
+    AssetListComponent.prototype.ngOnChanges = /**
+     * @param {?} changes
+     * @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.paginator.pageIndex = this.assetService.pageIndex;
+            this.paginator.pageSize = this.assetService.pageSize;
+            this.paginator.length = this.assetService.fileTotal;
+        }
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    AssetListComponent.prototype.onSelectAsset = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        /** @type {?} */
+        var index = this.selectedAssets.findIndex((/**
+         * @param {?} asset
+         * @return {?}
+         */
+        function (asset) { return asset.AssetId === event.AssetId; }));
+        /** @type {?} */
+        var newSelectedAssets = index > -1
+            ? this.selectedAssets.filter((/**
+             * @param {?} asset
+             * @param {?} i
+             * @return {?}
+             */
+            function (asset, i) { return index !== i; }))
+            : tslib_1.__spread(this.selectedAssets, [event]);
+        this.svc.dispatch({
+            type: ActionTypes.SET_SELECTED_ASSETS,
+            payload: newSelectedAssets,
+        });
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    AssetListComponent.prototype.bindSubscriber = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        select((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return state.deletedAssetId; }))
+            .pipe(takeUntil(this.unsubscribe$))
+            .subscribe((/**
+         * @param {?} id
+         * @return {?}
+         */
+        function (id) {
+            if (_this.selectedAssets && _this.selectedAssets.length) {
+                /** @type {?} */
+                var newSelectedAssets = _this.selectedAssets.filter((/**
+                 * @param {?} asset
+                 * @return {?}
+                 */
+                function (asset) { return asset.AssetId !== id; }));
+                _this.svc.dispatch({
+                    type: ActionTypes.SET_SELECTED_ASSETS,
+                    payload: newSelectedAssets,
+                });
+            }
+        }));
+        select((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return state.currentFolderId; }))
+            .pipe(takeUntil(this.unsubscribe$))
+            .subscribe((/**
+         * @param {?} currentFolderId
+         * @return {?}
+         */
+        function (currentFolderId) {
+            _this.currentFolderId = currentFolderId;
+            _this.svc.dispatch({
+                type: ActionTypes.SET_SELECTED_ASSETS,
+                payload: [],
+            });
+        }));
+        select((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return state.selectedAssets; }))
+            .pipe(takeUntil(this.unsubscribe$))
+            .subscribe((/**
+         * @param {?} selectedAssets
+         * @return {?}
+         */
+        function (selectedAssets) {
+            _this.selectedAssets = selectedAssets;
+        }));
+        select((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return state.reloadCurrentAssets; }))
+            .pipe(takeUntil(this.unsubscribe$), switchMap((/**
+         * @param {?} res
+         * @return {?}
+         */
+        function (res) { return of(res); })))
+            .subscribe((/**
+         * @return {?}
+         */
+        function () {
+            _this.fetchChildrenAssets();
+        }));
+    };
+    /**
+     * @param {?=} event
+     * @return {?}
+     */
+    AssetListComponent.prototype.pageChange = /**
+     * @param {?=} event
+     * @return {?}
+     */
+    function (event) {
+        this.assetService.pageSize = event.pageSize;
+        this.assetService.pageIndex = event.pageIndex;
+        this.fetchChildrenAssets();
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    AssetListComponent.prototype.fetchChildrenAssets = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        if (!this.currentFolderId) {
+            return;
+        }
+        this.svc.dispatch({
+            type: ActionTypes.SET_GLOBAL_LOADING,
+            payload: true,
+        });
+        this.assetService
+            .getChildrenAssets({ assetId: this.currentFolderId })
+            .pipe(takeUntil(this.unsubscribe$))
+            .subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        function (res) {
+            _this.assetService.setAssetList(res.Data.Children, res.Meta);
+        }))
+            .add((/**
+         * @return {?}
+         */
+        function () {
+            _this.svc.dispatch({
+                type: ActionTypes.SET_GLOBAL_LOADING,
+                payload: false,
+            });
+        }));
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    AssetListComponent.prototype._resetUploadingAssets = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        /** @type {?} */
+        var reload = setInterval((/**
+         * @return {?}
+         */
+        function () {
+            _this.fetchChildrenAssets();
+            if (_this.assets.find((/**
+             * @param {?} x
+             * @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);
+    };
+    /**
+     * @return {?}
+     */
+    AssetListComponent.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        this.unsubscribe$.next();
+        this.unsubscribe$.complete();
+    };
+    AssetListComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'lib-asset-list',
+                    template: "<div class=\"asset-container\">\r\n  <div class=\"asset-heading\">\r\n    <h6 class=\"asset-heading__title\">Files</h6>\r\n    <lib-sort-items\r\n      [hidden]=\"!assets?.length\"\r\n      class=\"asset-heading__sort\"\r\n    ></lib-sort-items>\r\n  </div>\r\n  <ng-container *ngIf=\"assets && !assets.length; else assetsTemplate\">\r\n    <div class=\"asset-empty\">\r\n      <span>This asset is empty.</span>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #assetsTemplate>\r\n    <div class=\"asset-list\">\r\n      <lib-asset-item\r\n        class=\"asset-list__item\"\r\n        *ngFor=\"let asset of assets\"\r\n        [asset]=\"asset\"\r\n        (selectAsset)=\"onSelectAsset($event)\"\r\n        [hasModifyPermission]=\"hasModifyPermission\"\r\n        [hasAccessPermission]=\"hasAccessPermission\"\r\n        [hasArchivePermission]=\"hasArchivePermission\"\r\n      >\r\n      </lib-asset-item>\r\n    </div>\r\n  </ng-template>\r\n  <div [hidden]=\"!assets?.length\">\r\n    <mat-paginator\r\n      #paginator\r\n      [pageSizeOptions]=\"[12, 24, 60, 120]\"\r\n      (page)=\"pageChange($event)\"\r\n      [showFirstLastButtons]=\"true\"\r\n    >\r\n    </mat-paginator>\r\n  </div>\r\n</div>\r\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}"]
+                }] }
+    ];
+    /** @nocollapse */
+    AssetListComponent.ctorParameters = function () { return [
+        { type: AssetService },
+        { type: AssetManagementService }
+    ]; };
+    AssetListComponent.propDecorators = {
+        hasModifyPermission: [{ type: Input }],
+        hasAccessPermission: [{ type: Input }],
+        hasArchivePermission: [{ type: Input }],
+        paginator: [{ type: ViewChild, args: [MatPaginator, { static: true },] }],
+        assets: [{ type: Input }]
+    };
+    return AssetListComponent;
+}());
+export { AssetListComponent };
+if (false) {
+    /** @type {?} */
+    AssetListComponent.prototype.hasModifyPermission;
+    /** @type {?} */
+    AssetListComponent.prototype.hasAccessPermission;
+    /** @type {?} */
+    AssetListComponent.prototype.hasArchivePermission;
+    /** @type {?} */
+    AssetListComponent.prototype.paginator;
+    /** @type {?} */
+    AssetListComponent.prototype.assets;
+    /** @type {?} */
+    AssetListComponent.prototype.backgroundProcessingNum;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.unsubscribe$;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.currentFolderId;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.selectedAssets;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.assetService;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.svc;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYXNzZXQtbGlzdC9hc3NldC1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUtMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFhLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzNFLE9BQU8sRUFBYyx5QkFBeUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRWhEO0lBVUUsNEJBQ1UsWUFBMEIsRUFDMUIsR0FBMkI7UUFEM0IsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsUUFBRyxHQUFILEdBQUcsQ0FBd0I7UUFONUIsd0JBQW1CLEdBQWEsSUFBSSxDQUFDO1FBQ3JDLHdCQUFtQixHQUFhLElBQUksQ0FBQztRQUNyQyx5QkFBb0IsR0FBYSxJQUFJLENBQUM7UUFVeEMsNEJBQXVCLEdBQUcseUJBQXlCLENBQUM7UUFFbkQsaUJBQVksR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBRW5DLG1C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SUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDOztnQkEzSUYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLDJzQ0FBMEM7O2lCQUUzQzs7OztnQkFSUSxZQUFZO2dCQUZaLHNCQUFzQjs7O3NDQVk1QixLQUFLO3NDQUNMLEtBQUs7dUNBQ0wsS0FBSzs0QkFPTCxTQUFTLFNBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTt5QkFDeEMsS0FBSzs7SUE0SFIseUJBQUM7Q0FBQSxBQTVJRCxJQTRJQztTQXZJWSxrQkFBa0I7OztJQUM3QixpREFBOEM7O0lBQzlDLGlEQUE4Qzs7SUFDOUMsa0RBQStDOztJQU8vQyx1Q0FBbUU7O0lBQ25FLG9DQUE4Qjs7SUFFOUIscURBQTJEOzs7OztJQUUzRCwwQ0FBMkM7Ozs7O0lBQzNDLDZDQUFnQzs7Ozs7SUFDaEMsNENBQStDOzs7OztJQVg3QywwQ0FBa0M7Ozs7O0lBQ2xDLGlDQUFtQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIElucHV0LFxyXG4gIE9uQ2hhbmdlcyxcclxuICBPbkRlc3Ryb3ksXHJcbiAgT25Jbml0LFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRQYWdpbmF0b3IsIFBhZ2VFdmVudCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XHJcbmltcG9ydCB7IG9mIH0gZnJvbSAncnhqcy9pbnRlcm5hbC9vYnNlcnZhYmxlL29mJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMvaW50ZXJuYWwvU3ViamVjdCc7XHJcbmltcG9ydCB7IHN3aXRjaE1hcCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBBc3NldE1hbmFnZW1lbnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vYXNzZXQtbWFuYWdlbWVudC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQXNzZXRNb2RlbCwgQmFja2dyb3VkUHJvY2Vzc2luZ1N0YXR1cyB9IGZyb20gJy4uLy4uLy4uL21vZGVscyc7XHJcbmltcG9ydCB7IEFzc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Fzc2V0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBBY3Rpb25UeXBlcyB9IGZyb20gJy4uLy4uLy4uL3N0b3JlL2FjdGlvbnMuYWN0aW9uJztcclxuaW1wb3J0IHsgc2VsZWN0IH0gZnJvbSAnLi4vLi4vLi4vc3RvcmUvcmVkdWNlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hc3NldC1saXN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYXNzZXQtbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYXNzZXQtbGlzdC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXNzZXRMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KCkgaGFzTW9kaWZ5UGVybWlzc2lvbj86IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGhhc0FjY2Vzc1Blcm1pc3Npb24/OiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBoYXNBcmNoaXZlUGVybWlzc2lvbj86IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgYXNzZXRTZXJ2aWNlOiBBc3NldFNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHN2YzogQXNzZXRNYW5hZ2VtZW50U2VydmljZVxyXG4gICkge31cclxuXHJcbiAgQFZpZXdDaGlsZChNYXRQYWdpbmF0b3IsIHsgc3RhdGljOiB0cnVlIH0pIHBhZ2luYXRvcjogTWF0UGFnaW5hdG9yO1xyXG4gIEBJbnB1dCgpIGFzc2V0czogQXNzZXRNb2RlbFtdO1xyXG5cclxuICBwdWJsaWMgYmFja2dyb3VuZFByb2Nlc3NpbmdOdW0gPSBCYWNrZ3JvdWRQcm9jZXNzaW5nU3RhdHVzO1xyXG5cclxuICBwcml2YXRlIHVuc3Vic2NyaWJlJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcbiAgcHJpdmF0ZSBjdXJyZW50Rm9sZGVySWQ6IHN0cmluZztcclxuICBwcml2YXRlIHNlbGVjdGVkQXNzZXRzOiBBcnJheTxBc3NldE1vZGVsPiA9IFtdO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuYmluZFN1YnNjcmliZXIoKTtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmIChjaGFuZ2VzLmFzc2V0cykge1xyXG4gICAgICAvLyBDaGVjayBpZiBhc3NldCBpcyB1cGxvYWRpbmdcclxuICAgICAgaWYgKHRoaXMuYXNzZXRzICYmIHRoaXMuYXNzZXRzLmZpbmQoeCA9PiB4LkJhY2tncm91ZFByb2Nlc3NpbmdTdGF0dXMgPT09IHRoaXMuYmFja2dyb3VuZFByb2Nlc3NpbmdOdW0uSW5Qcm9jZXNzaW5nKSkge1xyXG4gICAgICAgIHRoaXMuX3Jlc2V0VXBsb2FkaW5nQXNzZXRzKCk7XHJcbiAgICAgIH07XHJcblxyXG4gICAgICB0aGlzLnBhZ2luYXRvci5wYWdlSW5kZXggPSB0aGlzLmFzc2V0U2VydmljZS5wYWdlSW5kZXg7XHJcbiAgICAgIHRoaXMucGFnaW5hdG9yLnBhZ2VTaXplID0gdGhpcy5hc3NldFNlcnZpY2UucGFnZVNpemU7XHJcbiAgICAgIHRoaXMucGFnaW5hdG9yLmxlbmd0aCA9IHRoaXMuYXNzZXRTZXJ2aWNlLmZpbGVUb3RhbDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBvblNlbGVjdEFzc2V0KGV2ZW50OiBBc3NldE1vZGVsKSB7XHJcbiAgICBjb25zdCBpbmRleCA9IHRoaXMuc2VsZWN0ZWRBc3NldHMuZmluZEluZGV4KFxyXG4gICAgICAoYXNzZXQpID0+IGFzc2V0LkFzc2V0SWQgPT09IGV2ZW50LkFzc2V0SWRcclxuICAgICk7XHJcbiAgICBjb25zdCBuZXdTZWxlY3RlZEFzc2V0czogQXNzZXRNb2RlbFtdID1cclxuICAgICAgaW5kZXggPiAtMVxyXG4gICAgICAgID8gdGhpcy5zZWxlY3RlZEFzc2V0cy5maWx0ZXIoKGFzc2V0LCBpKSA9PiBpbmRleCAhPT0gaSlcclxuICAgICAgICA6IFsuLi50aGlzLnNlbGVjdGVkQXNzZXRzLCBldmVudF07XHJcblxyXG4gICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xyXG4gICAgICB0eXBlOiBBY3Rpb25UeXBlcy5TRVRfU0VMRUNURURfQVNTRVRTLFxyXG4gICAgICBwYXlsb2FkOiBuZXdTZWxlY3RlZEFzc2V0cyxcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBiaW5kU3Vic2NyaWJlcigpIHtcclxuICAgIHNlbGVjdCgoc3RhdGUpID0+IHN0YXRlLmRlbGV0ZWRBc3NldElkKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxyXG4gICAgICAuc3Vic2NyaWJlKChpZCkgPT4ge1xyXG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkQXNzZXRzICYmIHRoaXMuc2VsZWN0ZWRBc3NldHMubGVuZ3RoKSB7XHJcbiAgICAgICAgICBjb25zdCBuZXdTZWxlY3RlZEFzc2V0cyA9IHRoaXMuc2VsZWN0ZWRBc3NldHMuZmlsdGVyKFxyXG4gICAgICAgICAgICAoYXNzZXQpID0+IGFzc2V0LkFzc2V0SWQgIT09IGlkXHJcbiAgICAgICAgICApO1xyXG4gICAgICAgICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xyXG4gICAgICAgICAgICB0eXBlOiBBY3Rpb25UeXBlcy5TRVRfU0VMRUNURURfQVNTRVRTLFxyXG4gICAgICAgICAgICBwYXlsb2FkOiBuZXdTZWxlY3RlZEFzc2V0cyxcclxuICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcblxyXG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUuY3VycmVudEZvbGRlcklkKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxyXG4gICAgICAuc3Vic2NyaWJlKChjdXJyZW50Rm9sZGVySWQpID0+IHtcclxuICAgICAgICB0aGlzLmN1cnJlbnRGb2xkZXJJZCA9IGN1cnJlbnRGb2xkZXJJZDtcclxuICAgICAgICB0aGlzLnN2Yy5kaXNwYXRjaCh7XHJcbiAgICAgICAgICB0eXBlOiBBY3Rpb25UeXBlcy5TRVRfU0VMRUNURURfQVNTRVRTLFxyXG4gICAgICAgICAgcGF5bG9hZDogW10sXHJcbiAgICAgICAgfSk7XHJcbiAgICAgIH0pO1xyXG5cclxuICAgIHNlbGVjdCgoc3RhdGUpID0+IHN0YXRlLnNlbGVjdGVkQXNzZXRzKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxyXG4gICAgICAuc3Vic2NyaWJlKChzZWxlY3RlZEFzc2V0cykgPT4ge1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRBc3NldHMgPSBzZWxlY3RlZEFzc2V0cztcclxuICAgICAgfSk7XHJcblxyXG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUucmVsb2FkQ3VycmVudEFzc2V0cylcclxuICAgICAgLnBpcGUoXHJcbiAgICAgICAgdGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmUkKSxcclxuICAgICAgICBzd2l0Y2hNYXAoKHJlcykgPT4gb2YocmVzKSlcclxuICAgICAgKVxyXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICB0aGlzLmZldGNoQ2hpbGRyZW5Bc3NldHMoKTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcGFnZUNoYW5nZShldmVudD86IFBhZ2VFdmVudCkge1xyXG4gICAgdGhpcy5hc3NldFNlcnZpY2UucGFnZVNpemUgPSBldmVudC5wYWdlU2l6ZTtcclxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLnBhZ2VJbmRleCA9IGV2ZW50LnBhZ2VJbmRleDtcclxuICAgIHRoaXMuZmV0Y2hDaGlsZHJlbkFzc2V0cygpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBmZXRjaENoaWxkcmVuQXNzZXRzKCkge1xyXG4gICAgaWYgKCF0aGlzLmN1cnJlbnRGb2xkZXJJZCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICB0aGlzLnN2Yy5kaXNwYXRjaCh7XHJcbiAgICAgIHR5cGU6IEFjdGlvblR5cGVzLlNFVF9HTE9CQUxfTE9BRElORyxcclxuICAgICAgcGF5bG9hZDogdHJ1ZSxcclxuICAgIH0pO1xyXG5cclxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlXHJcbiAgICAgIC5nZXRDaGlsZHJlbkFzc2V0cyh7IGFzc2V0SWQ6IHRoaXMuY3VycmVudEZvbGRlcklkIH0pXHJcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlJCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKHJlcykgPT4ge1xyXG4gICAgICAgIHRoaXMuYXNzZXRTZXJ2aWNlLnNldEFzc2V0TGlzdChyZXMuRGF0YS5DaGlsZHJlbiwgcmVzLk1ldGEpO1xyXG4gICAgICB9KVxyXG4gICAgICAuYWRkKCgpID0+IHtcclxuICAgICAgICB0aGlzLnN2Yy5kaXNwYXRjaCh7XHJcbiAgICAgICAgICB0eXBlOiBBY3Rpb25UeXBlcy5TRVRfR0xPQkFMX0xPQURJTkcsXHJcbiAgICAgICAgICBwYXlsb2FkOiBmYWxzZSxcclxuICAgICAgICB9KTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9yZXNldFVwbG9hZGluZ0Fzc2V0cyAoKSB7XHJcbiAgICBjb25zdCByZWxvYWQgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuZmV0Y2hDaGlsZHJlbkFzc2V0cygpO1xyXG4gICAgICBpZiAodGhpcy5hc3NldHMuZmluZCh4ID0+IHguQmFja2dyb3VkUHJvY2Vzc2luZ1N0YXR1cyA9PT0gdGhpcy5iYWNrZ3JvdW5kUHJvY2Vzc2luZ051bS5Qcm9jZXNzZWQpKSB7XHJcbiAgICAgICAgY2xlYXJJbnRlcnZhbChyZWxvYWQpO1xyXG4gICAgICB9XHJcbiAgICAgIGNvbnNvbGUubG9nKCdVcGxvYWQgU3VjY2Vzc2Z1bGx5IScpOyAvLyBpbnRlcnZhbCB3aWxsIGJlIGNsZWFyZWQgYWZ0ZXIgY29tcGxldGluZyB0aGlzIHdob2xlIGJsb2NrXHJcbiAgICB9LCA1MDAwKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xyXG4gICAgdGhpcy51bnN1YnNjcmliZSQuY29tcGxldGUoKTtcclxuICB9XHJcbn1cclxuIl19