mobicloud-core 1.0.115 → 1.0.116

package/bundles/mobicloud-core-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/flex-layout'), require('@angular/material/sidenav'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/expansion'), require('@angular/material/list'), require('@angular/material/menu'), require('@angular/material/toolbar'), require('@angular/material/tooltip'), require('@angular/material/card'), require('@angular/material/progress-spinner'), require('@angular/material/slide-toggle'), require('@angular/material/stepper'), require('devextreme-angular'), require('ngx-webcam'), require('mobicloud-core/icons'), require('@angular/cdk/layout'), require('rxjs/operators'), require('devextreme/data/data_source'), require('devextreme/data/odata/store'), require('mobicloud-core'), require('@angular/material/dialog'), require('devextreme/ui/notify'), require('mobicloud-core/api'), require('@angular/localize/init'), require('rxjs'), require('devextreme/data/array_store'), require('devextreme/ui/validation_engine'), require('devextreme/core/guid')) :
-    typeof define === 'function' && define.amd ? define('mobicloud-core/components', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/flex-layout', '@angular/material/sidenav', '@angular/material/button', '@angular/material/icon', '@angular/material/expansion', '@angular/material/list', '@angular/material/menu', '@angular/material/toolbar', '@angular/material/tooltip', '@angular/material/card', '@angular/material/progress-spinner', '@angular/material/slide-toggle', '@angular/material/stepper', 'devextreme-angular', 'ngx-webcam', 'mobicloud-core/icons', '@angular/cdk/layout', 'rxjs/operators', 'devextreme/data/data_source', 'devextreme/data/odata/store', 'mobicloud-core', '@angular/material/dialog', 'devextreme/ui/notify', 'mobicloud-core/api', '@angular/localize/init', 'rxjs', 'devextreme/data/array_store', 'devextreme/ui/validation_engine', 'devextreme/core/guid'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mobicloud-core'] = global['mobicloud-core'] || {}, global['mobicloud-core'].components = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.flexLayout, global.ng.material.sidenav, global.ng.material.button, global.ng.material.icon, global.ng.material.expansion, global.ng.material.list, global.ng.material.menu, global.ng.material.toolbar, global.ng.material.tooltip, global.ng.material.card, global.ng.material.progressSpinner, global.ng.material.slideToggle, global.ng.material.stepper, global['devextreme-angular'], global['ngx-webcam'], global['mobicloud-core'].icons, global.ng.cdk.layout, global.rxjs.operators, global['devextreme/data/data_source'], global['devextreme/data/odata/store'], global['mobicloud-core'], global.ng.material.dialog, global['devextreme/ui/notify'], global['mobicloud-core'].api, global.ng.localize.init, global.rxjs, global.ArrayStore, global.validationEngine, global.Guid));
-}(this, (function (exports, core, common, router, flexLayout, sidenav, button, icon, expansion, list, menu, toolbar, tooltip, card, progressSpinner, slideToggle, stepper, devextremeAngular, ngxWebcam, icons, layout, operators, DataSource, ODataStore, mobicloudCore, dialog, notify, api, init, rxjs, ArrayStore, validationEngine, Guid) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/flex-layout'), require('@angular/material/sidenav'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/expansion'), require('@angular/material/list'), require('@angular/material/menu'), require('@angular/material/toolbar'), require('@angular/material/tooltip'), require('@angular/material/card'), require('@angular/material/progress-spinner'), require('@angular/material/slide-toggle'), require('@angular/material/stepper'), require('devextreme-angular'), require('ngx-webcam'), require('mobicloud-core/icons'), require('@angular/cdk/layout'), require('rxjs/operators'), require('devextreme/data/data_source'), require('devextreme/data/odata/store'), require('mobicloud-core'), require('@angular/material/dialog'), require('devextreme/ui/notify'), require('mobicloud-core/api'), require('@angular/localize/init'), require('rxjs'), require('devextreme/data/array_store'), require('devextreme/ui/validation_engine'), require('devextreme/core/guid'), require('ngx-ionic-image-viewer'), require('@ionic/angular'), require('devextreme/file_management/remote_provider')) :
+    typeof define === 'function' && define.amd ? define('mobicloud-core/components', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/flex-layout', '@angular/material/sidenav', '@angular/material/button', '@angular/material/icon', '@angular/material/expansion', '@angular/material/list', '@angular/material/menu', '@angular/material/toolbar', '@angular/material/tooltip', '@angular/material/card', '@angular/material/progress-spinner', '@angular/material/slide-toggle', '@angular/material/stepper', 'devextreme-angular', 'ngx-webcam', 'mobicloud-core/icons', '@angular/cdk/layout', 'rxjs/operators', 'devextreme/data/data_source', 'devextreme/data/odata/store', 'mobicloud-core', '@angular/material/dialog', 'devextreme/ui/notify', 'mobicloud-core/api', '@angular/localize/init', 'rxjs', 'devextreme/data/array_store', 'devextreme/ui/validation_engine', 'devextreme/core/guid', 'ngx-ionic-image-viewer', '@ionic/angular', 'devextreme/file_management/remote_provider'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mobicloud-core'] = global['mobicloud-core'] || {}, global['mobicloud-core'].components = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.flexLayout, global.ng.material.sidenav, global.ng.material.button, global.ng.material.icon, global.ng.material.expansion, global.ng.material.list, global.ng.material.menu, global.ng.material.toolbar, global.ng.material.tooltip, global.ng.material.card, global.ng.material.progressSpinner, global.ng.material.slideToggle, global.ng.material.stepper, global['devextreme-angular'], global['ngx-webcam'], global['mobicloud-core'].icons, global.ng.cdk.layout, global.rxjs.operators, global['devextreme/data/data_source'], global['devextreme/data/odata/store'], global['mobicloud-core'], global.ng.material.dialog, global['devextreme/ui/notify'], global['mobicloud-core'].api, global.ng.localize.init, global.rxjs, global.ArrayStore, global.validationEngine, global.Guid, global.ngxIonicImageViewer, global.angular, global.RemoteFileSystemProvider));
+}(this, (function (exports, core, common, router, flexLayout, sidenav, button, icon, expansion, list, menu, toolbar, tooltip, card, progressSpinner, slideToggle, stepper, devextremeAngular, ngxWebcam, icons, layout, operators, DataSource, ODataStore, mobicloudCore, dialog, notify, api, init, rxjs, ArrayStore, validationEngine, Guid, ngxIonicImageViewer, angular, RemoteFileSystemProvider) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -12,6 +12,7 @@
     var ArrayStore__default = /*#__PURE__*/_interopDefaultLegacy(ArrayStore);
     var validationEngine__default = /*#__PURE__*/_interopDefaultLegacy(validationEngine);
     var Guid__default = /*#__PURE__*/_interopDefaultLegacy(Guid);
+    var RemoteFileSystemProvider__default = /*#__PURE__*/_interopDefaultLegacy(RemoteFileSystemProvider);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -7624,6 +7625,334 @@
     };
     var templateObject_1$s, templateObject_2$o, templateObject_3$o, templateObject_4$o, templateObject_5$o, templateObject_6$o, templateObject_7$o, templateObject_8$o;
 
+    var DocumentCatalogComponent = /** @class */ (function () {
+        function DocumentCatalogComponent(route, cloudDataService, router, location, modalController) {
+            this.route = route;
+            this.cloudDataService = cloudDataService;
+            this.router = router;
+            this.location = location;
+            this.modalController = modalController;
+            this.selectedItemIdChanged = new core.EventEmitter();
+            this.selectedDocumentChanged = new core.EventEmitter();
+            this.beforeSubmit = this.beforeSubmit.bind(this);
+        }
+        DocumentCatalogComponent.prototype.ngOnInit = function () {
+            if (this.entityname && this.entityid) {
+                this.endpointUrl = this.cloudDataService.getMobiManagementApiUrl("DocumentCatalogManager?entity=" + this.entityname + "&id=" + this.entityid);
+            }
+            else {
+                this.endpointUrl = this.cloudDataService.getMobiManagementApiUrl("DocumentCatalogManager");
+            }
+            this.remoteProvider = new RemoteFileSystemProvider__default['default']({
+                endpointUrl: this.endpointUrl,
+                beforeSubmit: this.beforeSubmit
+            });
+            this.initializeDataSource();
+        };
+        DocumentCatalogComponent.prototype.beforeSubmit = function (options) {
+            var _a, _b, _c;
+            options.formData.Authorization = "Bearer " + ((_c = (_b = (_a = this.cloudDataService) === null || _a === void 0 ? void 0 : _a.coreService) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.access_token);
+        };
+        DocumentCatalogComponent.prototype.initializeDataSource = function () {
+            var _this = this;
+            this.document_store = new ODataStore__default['default']({
+                url: this.cloudDataService.getMobiManagementODataUrl("Document"),
+                beforeSend: function (e) {
+                    var _a, _b;
+                    if (((_a = e.method) === null || _a === void 0 ? void 0 : _a.toUpperCase()) == "GET") {
+                        if (!((_b = e.params) === null || _b === void 0 ? void 0 : _b.$orderby)) {
+                            e.url = _this.cloudDataService.getMobiManagementODataUrl("Document?$orderby=MetaData/Created,DocumentId");
+                        }
+                    }
+                },
+                onUpdating: function (key, values) {
+                },
+                onInserting: function (values) {
+                },
+                onRemoving: function (key) {
+                },
+                withCredentials: true,
+                key: "Id",
+                keyType: "Guid",
+                version: 4
+            });
+            var category_store = new ODataStore__default['default']({
+                url: this.cloudDataService.getMobiManagementODataUrl("DocumentCategory"),
+                beforeSend: function (e) {
+                    var _a, _b;
+                    if (((_a = e.method) === null || _a === void 0 ? void 0 : _a.toUpperCase()) == "GET") {
+                        if (!((_b = e.params) === null || _b === void 0 ? void 0 : _b.$orderby)) {
+                            e.url = _this.cloudDataService.getMobiManagementODataUrl("DocumentCategory?$orderby=MetaData/Created,CategoryId");
+                        }
+                    }
+                },
+                withCredentials: true,
+                key: "Id",
+                keyType: "Guid",
+                version: 4
+            });
+            category_store.load().then(function (val) {
+                _this.categories = val;
+            });
+            var document_types_store = new ODataStore__default['default']({
+                url: this.cloudDataService.getMobiManagementODataUrl("DocumentType"),
+                beforeSend: function (e) {
+                    var _a, _b;
+                    if (((_a = e.method) === null || _a === void 0 ? void 0 : _a.toUpperCase()) == "GET") {
+                        if (!((_b = e.params) === null || _b === void 0 ? void 0 : _b.$orderby)) {
+                            e.url = _this.cloudDataService.getMobiManagementODataUrl("DocumentType?$orderby=MetaData/Created,TypeId");
+                        }
+                    }
+                },
+                withCredentials: true,
+                key: "Id",
+                keyType: "Guid",
+                version: 4
+            });
+            document_types_store.load().then(function (val) {
+                _this.document_types = val;
+            });
+            this.securityFlags = [
+                { value: api.SecurityFlag.None, text: $localize(templateObject_1$t || (templateObject_1$t = __makeTemplateObject([":@@EnumValue-SecurityFlag-None:None"], [":@@EnumValue-SecurityFlag-None:None"]))) },
+                { value: api.SecurityFlag.OrganizationUser, text: $localize(templateObject_2$p || (templateObject_2$p = __makeTemplateObject([":@@EnumValue-SecurityFlag-OrganizationUser:OrganizationUser"], [":@@EnumValue-SecurityFlag-OrganizationUser:OrganizationUser"]))) },
+                { value: api.SecurityFlag.Employee, text: $localize(templateObject_3$p || (templateObject_3$p = __makeTemplateObject([":@@EnumValue-SecurityFlag-Employee:Employee"], [":@@EnumValue-SecurityFlag-Employee:Employee"]))) },
+                { value: api.SecurityFlag.Vendor, text: $localize(templateObject_4$p || (templateObject_4$p = __makeTemplateObject([":@@EnumValue-SecurityFlag-Vendor:Vendor"], [":@@EnumValue-SecurityFlag-Vendor:Vendor"]))) },
+                { value: api.SecurityFlag.Customer, text: $localize(templateObject_5$p || (templateObject_5$p = __makeTemplateObject([":@@EnumValue-SecurityFlag-Customer:Customer"], [":@@EnumValue-SecurityFlag-Customer:Customer"]))) }
+            ];
+        };
+        DocumentCatalogComponent.prototype.refresh = function () {
+            var _a, _b;
+            (_b = (_a = this.fileManager) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.refresh();
+        };
+        DocumentCatalogComponent.prototype.onSelectionChanged = function (e) {
+            var _a, _b;
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_q) {
+                    if ((_b = (_a = e.selectedItems[0]) === null || _a === void 0 ? void 0 : _a.dataItem) === null || _b === void 0 ? void 0 : _b.key) {
+                        if (e.selectedItems[0].dataItem.isDirectory == true) {
+                            this.selectedItemIdChanged.emit(undefined);
+                            this.selectedDocumentChanged.emit(e.selectedItems[0].dataItem);
+                        }
+                        else {
+                            this.selectedItemIdChanged.emit(e.selectedItems[0].dataItem.key);
+                            this.selectedDocumentChanged.emit(e.selectedItems[0].dataItem);
+                        }
+                    }
+                    else {
+                        this.selectedItemIdChanged.emit(undefined);
+                        this.selectedDocumentChanged.emit(undefined);
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        DocumentCatalogComponent.prototype.onContextMenuShowing = function (e) {
+            var _a, _b, _c, _d;
+            if (this.editAllowed) {
+                var items = [{ name: 'create' }, { name: 'upload' }, { name: 'rename' }, { name: 'move' }, { name: 'copy' }, { name: 'delete' }, { name: 'refresh' }, { name: 'download' }];
+                if (!((_a = e.fileSystemItem) === null || _a === void 0 ? void 0 : _a.isDirectory)) {
+                    if (this.categories) {
+                        var category_item = { text: 'Category', icon: 'tags', beginGroup: true, items: [] };
+                        for (var i = 0; i < this.categories.length; i++) {
+                            category_item.items.push({ text: this.categories[i].Name, icon: 'tags', uid: this.categories[i].Id, tag: 'category' });
+                        }
+                        items.push(category_item);
+                    }
+                    if (this.document_types) {
+                        var document_type_item = { text: 'Types', icon: 'tags', beginGroup: false, items: [] };
+                        for (var i = 0; i < this.document_types.length; i++) {
+                            document_type_item.items.push({ text: this.document_types[i].Name, icon: 'tags', uid: this.document_types[i].Id, tag: 'type' });
+                        }
+                        items.push(document_type_item);
+                    }
+                    if (this.manageSecurity && this.securityFlags) {
+                        var securityVisibility = (_d = (_c = (_b = e.fileSystemItem) === null || _b === void 0 ? void 0 : _b.dataItem) === null || _c === void 0 ? void 0 : _c.SecurityVisibility) !== null && _d !== void 0 ? _d : '';
+                        var security_item = { text: 'Security', icon: 'link', beginGroup: true, items: [] };
+                        for (var i = 2; i < this.securityFlags.length; i++) {
+                            var value = this.securityFlags[i].value;
+                            var isEnabled = securityVisibility.indexOf(value) >= 0;
+                            var icon = isEnabled ? 'minus' : 'plus';
+                            security_item.items.push({ text: this.securityFlags[i].text, icon: icon, value: value, tag: 'security', enable: !isEnabled });
+                        }
+                        items.push(security_item);
+                    }
+                    e.component.option('contextMenu.items', items);
+                }
+                else {
+                    e.component.option('contextMenu.items', items);
+                }
+            }
+        };
+        DocumentCatalogComponent.prototype.onContextMenuItemClick = function (args) {
+            var _this = this;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+            if (this.document_store && ((_a = args.itemData) === null || _a === void 0 ? void 0 : _a.tag) == 'category') {
+                if ((_c = (_b = args.fileSystemItem) === null || _b === void 0 ? void 0 : _b.dataItem) === null || _c === void 0 ? void 0 : _c.key) {
+                    this.document_store.update((_d = args.fileSystemItem.dataItem.DocumentId) !== null && _d !== void 0 ? _d : args.fileSystemItem.dataItem.key, { MainCategoryId: args.itemData.uid.toString() }).then(function (val) {
+                        _this.refresh();
+                    });
+                }
+            }
+            else if (((_e = args.itemData) === null || _e === void 0 ? void 0 : _e.tag) == 'type') {
+                if (this.document_store && ((_g = (_f = args.fileSystemItem) === null || _f === void 0 ? void 0 : _f.dataItem) === null || _g === void 0 ? void 0 : _g.key)) {
+                    this.document_store.update((_h = args.fileSystemItem.dataItem.DocumentId) !== null && _h !== void 0 ? _h : args.fileSystemItem.dataItem.key, { DocumentTypeId: args.itemData.uid.toString() }).then(function (val) {
+                        _this.refresh();
+                    });
+                }
+            }
+            else if (this.manageSecurity && (((_j = args.itemData) === null || _j === void 0 ? void 0 : _j.tag) == 'security')) {
+                if (this.document_store && ((_l = (_k = args.fileSystemItem) === null || _k === void 0 ? void 0 : _k.dataItem) === null || _l === void 0 ? void 0 : _l.key)) {
+                    var securityFlags_selected = (_m = args.itemData.value) === null || _m === void 0 ? void 0 : _m.toString();
+                    var securityFlags_Str = args.fileSystemItem.dataItem.SecurityVisibility;
+                    var securityFlags = securityFlags_Str.replace(' ', '').split(',');
+                    if ((_o = args.itemData) === null || _o === void 0 ? void 0 : _o.enable) {
+                        securityFlags.push(securityFlags_selected);
+                    }
+                    else {
+                        var securityFlags_tmp = [];
+                        for (var i = 0; i < securityFlags.length; i++) {
+                            if (securityFlags[i] != securityFlags_selected) {
+                                securityFlags_tmp.push(securityFlags[i]);
+                            }
+                        }
+                        securityFlags = securityFlags_tmp;
+                        if (securityFlags.length == 0) {
+                            securityFlags.push(api.SecurityFlag.None);
+                        }
+                    }
+                    var securityFlags_Str_Updated = securityFlags.join(', ');
+                    this.document_store.update((_p = args.fileSystemItem.dataItem.DocumentId) !== null && _p !== void 0 ? _p : args.fileSystemItem.dataItem.key, { SecurityVisibility: securityFlags_Str_Updated }).then(function (val) {
+                        _this.refresh();
+                    });
+                }
+            }
+        };
+        DocumentCatalogComponent.prototype.onSelectedFileOpened = function (e) {
+            var _a, _b, _c, _d, _e;
+            return __awaiter(this, void 0, void 0, function () {
+                var filename, selectedItems;
+                return __generator(this, function (_q) {
+                    if (this.downloadAllowed) {
+                        if ((_a = e.file) === null || _a === void 0 ? void 0 : _a.dataItem) {
+                            filename = (_d = (_c = (_b = e.file.dataItem) === null || _b === void 0 ? void 0 : _b.BlobFullName) === null || _c === void 0 ? void 0 : _c.toLowerCase()) !== null && _d !== void 0 ? _d : '';
+                            if (filename.endsWith('.jpg') || filename.endsWith('.jpeg') || filename.endsWith('.gif') || filename.endsWith('.png')) {
+                                this.openImageViewer(e);
+                            }
+                            else {
+                                selectedItems = this.fileManager.instance.getSelectedItems();
+                                (_e = this.remoteProvider) === null || _e === void 0 ? void 0 : _e.downloadItems(selectedItems);
+                            }
+                        }
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        DocumentCatalogComponent.prototype.openImageViewer = function (e) {
+            var _a, _b, _c;
+            return __awaiter(this, void 0, void 0, function () {
+                var imgUrl, modal;
+                return __generator(this, function (_q) {
+                    switch (_q.label) {
+                        case 0:
+                            imgUrl = this.cloudDataService.getDocumentBlobUrl((_a = e.file.dataItem) === null || _a === void 0 ? void 0 : _a.StorageAccountName, (_b = e.file.dataItem) === null || _b === void 0 ? void 0 : _b.BlobFullName);
+                            return [4 /*yield*/, this.modalController.create({
+                                    component: ngxIonicImageViewer.ViewerModalComponent,
+                                    componentProps: {
+                                        src: imgUrl,
+                                        title: (_c = e.file) === null || _c === void 0 ? void 0 : _c.name,
+                                        text: "",
+                                    },
+                                    cssClass: 'ion-img-viewer',
+                                    keyboardClose: true,
+                                    showBackdrop: true,
+                                })];
+                        case 1:
+                            modal = _q.sent();
+                            return [4 /*yield*/, modal.present()];
+                        case 2: return [2 /*return*/, _q.sent()];
+                    }
+                });
+            });
+        };
+        DocumentCatalogComponent.prototype.onErrorOccurred = function (e) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_q) {
+                    console.log("Error:", e);
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return DocumentCatalogComponent;
+    }());
+    DocumentCatalogComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'mobicloud-document-catalog',
+                    template: "<dx-file-manager #fileManager id=\"fileManager\"\n    [fileSystemProvider]=\"remoteProvider\" selectionMode=\"single\" (onErrorOccurred)=\"onErrorOccurred($event)\"\n    rootFolderName=\"Documents\"  i18n-rootFolderName=\"@@DocumentsFolderName-Text\" (onSelectionChanged)=\"onSelectionChanged($event)\"(onSelectedFileOpened)=\"onSelectedFileOpened($event)\" (onContextMenuShowing)=\"onContextMenuShowing($event)\" (onContextMenuItemClick)=\"onContextMenuItemClick($event)\" height=\"100%\">\n\n    <dxo-permissions \n        [create]=\"editAllowed\"\n        [copy]=\"editAllowed\"\n        [move]=\"editAllowed\"\n        [delete]=\"editAllowed\"\n        [rename]=\"editAllowed\"\n        [upload]=\"editAllowed\"\n        [download]=\"downloadAllowed\">\n    </dxo-permissions>\n    \n    <dxo-item-view [showParentFolder]=\"false\">\n        <dxo-details>\n            <dxi-column dataField=\"thumbnail\"></dxi-column>\n            <dxi-column dataField=\"name\"></dxi-column>\n            <dxi-column dataField=\"CategoryName\" caption=\"Category\"></dxi-column>\n            <dxi-column dataField=\"TypeName\" caption=\"Type\"></dxi-column>                        \n            <dxi-column dataField=\"dateModified\"></dxi-column>\n            <!-- <dxi-column dataField=\"IsSystem\" caption=\"System\" [visible]=\"true\"></dxi-column> -->\n            <dxi-column dataField=\"BlobFullName\" caption=\"Blob name\" [visible]=\"true\"></dxi-column>\n            <dxi-column dataField=\"SecurityVisibility\" caption=\"Security\" [visible]=\"true\" *ngIf=\"manageSecurity\"></dxi-column>\n            <!-- <dxi-column dataField=\"SecurityVisibility\" caption=\"Security\" [visible]=\"true\"></dxi-column> -->\n            <!-- <dxi-column dataField=\"size\"></dxi-column>             -->\n        </dxo-details>\n    </dxo-item-view>\n    <!-- <dxo-upload [chunkSize]=\"500000\"></dxo-upload> -->\n\n    <dxo-context-menu>\n        <!-- <dxi-item name=\"create\"></dxi-item>\n        <dxi-item name=\"upload\"></dxi-item>\n        <dxi-item name=\"rename\"></dxi-item>\n        <dxi-item name=\"move\"></dxi-item>        \n        <dxi-item name=\"copy\"></dxi-item>                        \n        <dxi-item name=\"delete\"></dxi-item>   \n        <dxi-item text=\"Category\" icon=\"tags\" beginGroup=\"true\">\n            <dxi-item text=\"Work\" [options]=\"{ category: 'Work' }\"></dxi-item>\n            <dxi-item text=\"Important\" [options]=\"{ category: 'Important' }\"></dxi-item>\n            <dxi-item text=\"Home\" [options]=\"{ category: 'Home' }\"></dxi-item>\n            <dxi-item text=\"None\" [options]=\"{ category: '' }\"></dxi-item>\n        </dxi-item>                             \n        <dxi-item name=\"refresh\" beginGroup=\"true\"></dxi-item>\n        <dxi-item name=\"download\"></dxi-item> -->\n        \n\n    </dxo-context-menu>    \n</dx-file-manager>",
+                    styles: [""]
+                },] }
+    ];
+    DocumentCatalogComponent.ctorParameters = function () { return [
+        { type: router.ActivatedRoute },
+        { type: api.MobiCloudDataService },
+        { type: router.Router },
+        { type: common.Location },
+        { type: angular.ModalController }
+    ]; };
+    DocumentCatalogComponent.propDecorators = {
+        fileManager: [{ type: core.ViewChild, args: ['fileManager',] }],
+        endpointUrl: [{ type: core.Input }],
+        selectedItemIdChanged: [{ type: core.Output }],
+        selectedDocumentChanged: [{ type: core.Output }],
+        editAllowed: [{ type: core.Input }],
+        downloadAllowed: [{ type: core.Input }],
+        entityname: [{ type: core.Input }],
+        entityid: [{ type: core.Input }],
+        manageSecurity: [{ type: core.Input }]
+    };
+    var templateObject_1$t, templateObject_2$p, templateObject_3$p, templateObject_4$p, templateObject_5$p;
+
+    var DocumentCatalogDialogComponent = /** @class */ (function () {
+        function DocumentCatalogDialogComponent(dialogRef, data, cloudDataService, matDialog) {
+            this.dialogRef = dialogRef;
+            this.data = data;
+            this.cloudDataService = cloudDataService;
+            this.matDialog = matDialog;
+            this.selectedDocument = undefined;
+        }
+        DocumentCatalogDialogComponent.prototype.ngOnInit = function () {
+        };
+        DocumentCatalogDialogComponent.prototype.selectedItemIdChanged = function (key) {
+            this.selectedItemId = key;
+        };
+        DocumentCatalogDialogComponent.prototype.selectedDocumentChanged = function (document) {
+            this.selectedDocument = document;
+        };
+        DocumentCatalogDialogComponent.prototype.onClose = function () {
+            this.dialogRef.close({ result: { id: this.selectedItemId, image: this.selectedDocument, dialogResult: exports.MessageResult.Ok } });
+        };
+        DocumentCatalogDialogComponent.prototype.onCancelClick = function () {
+            this.onCancel();
+        };
+        DocumentCatalogDialogComponent.prototype.onCancel = function () {
+            this.dialogRef.close({ result: { id: "", document: undefined, dialogResult: exports.MessageResult.Cancel } });
+        };
+        return DocumentCatalogDialogComponent;
+    }());
+    DocumentCatalogDialogComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'mobicloud-document-catalog-dialog',
+                    template: "<div class=\"filemanager-container\">\n    <mobicloud-document-catalog (selectedItemIdChanged)=\"selectedItemIdChanged($event)\" (selectedDocumentChanged)=\"selectedDocumentChanged($event)\"></mobicloud-document-catalog>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end start\" class=\"buttonpanel\">\n        <button mat-flat-button color=\"primary\" class=\"button1\" [disabled]=\"!selectedItemId\" (click)=\"onClose()\" i18n=\"@@Button-Select\">Select</button>\n        <button mat-flat-button color=\"accent\" class=\"button2\" (click)=\"onCancelClick()\" i18n=\"@@Button-Cancel\">Cancel</button>        \n    </div>\n</div>",
+                    styles: [".buttonpanel{margin-top:16px!important;margin-bottom:16px!important}.buttonpanel,.buttonpanel .button1{margin-right:15px}.buttonpanel .button2{margin-left:15px}"]
+                },] }
+    ];
+    DocumentCatalogDialogComponent.ctorParameters = function () { return [
+        { type: dialog.MatDialogRef },
+        { type: undefined, decorators: [{ type: core.Inject, args: [dialog.MAT_DIALOG_DATA,] }] },
+        { type: api.MobiCloudDataService },
+        { type: dialog.MatDialog }
+    ]; };
+
     var MobiCloudComponentsModule = /** @class */ (function () {
         function MobiCloudComponentsModule() {
         }
@@ -7636,7 +7965,7 @@
                         EmployeeAddressComponent, EmployeeProfileComponent, EmployeeProfileImageComponent, EmployeeUserInfoComponent, SystemUserProfileComponent, CustomerUserAddressComponent, CustomerUserDetailsComponent, CustomerUserGeneralComponent, CustomerUserImageComponent, VendorUserAddressComponent, VendorUserDetailsComponent, VendorUserGeneralComponent, VendorUserImageComponent,
                         PickinglistAddNewShipment, PrintDialogShipment, DimensionGroupBoxComponent, DimensionGroupsComponent,
                         ProjectDescriptionComponent, ProjectFinanceComponent, ProjectGeneralComponent, ProjectLocationComponent, ProjectTimeComponent, ProjectVariantConfigComponent,
-                        ServiceObjectGeneralComponent, ServiceObjectImageComponent, ServiceObjectInventoryComponent, ServiceObjectLocationComponent, ServiceObjectServiceComponent
+                        ServiceObjectGeneralComponent, ServiceObjectImageComponent, ServiceObjectInventoryComponent, ServiceObjectLocationComponent, ServiceObjectServiceComponent, DocumentCatalogComponent, DocumentCatalogDialogComponent
                     ],
                     imports: [
                         common.CommonModule, router.RouterModule, icons.MobiCloudIconsModule, flexLayout.FlexLayoutModule,
@@ -7654,7 +7983,7 @@
                         ProfilePageComponent, ProfilePageSystemUserComponent, ProfilePageEmployeeComponent, ProfilePageCustomerUserComponent, ProfilePageVendorUserComponent, CameraDialogEditComponent, ImageEditComponent,
                         EmployeeAddressComponent, EmployeeProfileComponent, EmployeeProfileImageComponent, EmployeeUserInfoComponent, SystemUserProfileComponent, CustomerUserAddressComponent, CustomerUserDetailsComponent, CustomerUserGeneralComponent, CustomerUserImageComponent, VendorUserAddressComponent, VendorUserDetailsComponent, VendorUserGeneralComponent, VendorUserImageComponent,
                         PickinglistAddNewShipment, PrintDialogShipment, DimensionGroupBoxComponent, DimensionGroupsComponent, ProjectDescriptionComponent, ProjectFinanceComponent, ProjectGeneralComponent, ProjectLocationComponent, ProjectTimeComponent, ProjectVariantConfigComponent,
-                        ServiceObjectGeneralComponent, ServiceObjectImageComponent, ServiceObjectInventoryComponent, ServiceObjectLocationComponent, ServiceObjectServiceComponent
+                        ServiceObjectGeneralComponent, ServiceObjectImageComponent, ServiceObjectInventoryComponent, ServiceObjectLocationComponent, ServiceObjectServiceComponent, DocumentCatalogComponent, DocumentCatalogDialogComponent
                     ]
                 },] }
     ];
@@ -7669,6 +7998,8 @@
     exports.CustomerUserImageComponent = CustomerUserImageComponent;
     exports.DimensionGroupBoxComponent = DimensionGroupBoxComponent;
     exports.DimensionGroupsComponent = DimensionGroupsComponent;
+    exports.DocumentCatalogComponent = DocumentCatalogComponent;
+    exports.DocumentCatalogDialogComponent = DocumentCatalogDialogComponent;
     exports.EmployeeAddressComponent = EmployeeAddressComponent;
     exports.EmployeeProfileComponent = EmployeeProfileComponent;
     exports.EmployeeProfileImageComponent = EmployeeProfileImageComponent;