@eo-sdk/client 8.15.0-rc.1 → 8.16.0-rc.2

package/bundles/eo-sdk-client.umd.js

@@ -761,7 +761,8 @@
         agentConfigKeys["LOCKSETTINGS"] = "locksettings";
     })(exports.agentConfigKeys || (exports.agentConfigKeys = {}));
     var AgentService = /** @class */ (function () {
-        function AgentService(logger, http, systemService, backendService, userService, translate, notifications, appCacheService) {
+        function AgentService(coreConfig, logger, http, systemService, backendService, userService, translate, notifications, appCacheService) {
+            this.coreConfig = coreConfig;
             this.logger = logger;
             this.http = http;
             this.systemService = systemService;
@@ -793,7 +794,7 @@
         };
         AgentService.prototype.getAgentConfig = function () {
             var _this = this;
-            return this.http.get('assets/_default/config/extend.json').pipe(operators.catchError(function () { return rxjs.of(null); }), operators.tap(function (config) { return _this.agentConfig.next(Object.assign({}, config === null || config === void 0 ? void 0 : config.agent)); }), operators.map(function (config) { return config === null || config === void 0 ? void 0 : config.agent; }));
+            return this.http.get('assets/_default/config/extend.json', { withCredentials: this.coreConfig.withCredentials }).pipe(operators.catchError(function () { return rxjs.of(null); }), operators.tap(function (config) { return _this.agentConfig.next(Object.assign({}, config === null || config === void 0 ? void 0 : config.agent)); }), operators.map(function (config) { return config === null || config === void 0 ? void 0 : config.agent; }));
         };
         Object.defineProperty(AgentService.prototype, "isConnected", {
             get: function () {
@@ -932,6 +933,7 @@
         { type: i0.Injectable }
     ];
     AgentService.ctorParameters = function () { return [
+        { type: i1.CoreConfig, decorators: [{ type: i0.Inject, args: [i1.CORE_CONFIG,] }] },
         { type: i1.Logger },
         { type: http.HttpClient },
         { type: i1.SystemService },
@@ -4177,7 +4179,6 @@
                 .pipe(operators.takeUntil(_this.componentDestroyed$), operators.filter(function (evt) { return (_this.active || evt.data.id === _this.parentId) &&
                 evt.data.id !== _this.id; }))
                 .subscribe(function (event) {
-                _this.toggleActive(!event.data.active, !event.data.active);
                 _this.parentId = event.data.active ? event.data.id : '';
             });
             return _this;
@@ -5282,7 +5283,7 @@
         AppSearchComponent.prototype.triggerSearch = function () {
             var _this = this;
             this.query.resolveReference = true;
-            var uriParam = encodeURIComponent(JSON.stringify(this.query.getQueryJson()));
+            var uriParam = encodeURIComponent(i1.Utils.formDataStringify(this.query.getQueryJson()));
             this.router.navigate([{ outlets: { modal: null } }]).then(function () {
                 var uriParamQuery = { queryParams: { query: uriParam } };
                 _this.router.navigate(['/result'], uriParamQuery);
@@ -10419,7 +10420,7 @@
             // check if indexdata has been changed
             var currentFormData = this.getFormData();
             var idxChange = compare ? JSON.stringify(this.formData) !== JSON.stringify(currentFormData) : false;
-            this.formData = JSON.parse(JSON.stringify(currentFormData));
+            this.formData = i1.Utils.formDataParse(i1.Utils.formDataStringify(currentFormData));
             if (this.form) {
                 this.statusChanged.emit({
                     invalid: this.form.invalid,
@@ -10565,7 +10566,7 @@
                     // copy by value for arrays of objects (e.g. table data)
                     value_1 = [];
                     formElement.value.forEach(function (o) {
-                        value_1.push(JSON.parse(JSON.stringify(o)));
+                        value_1.push(i1.Utils.formDataParse(i1.Utils.formDataStringify(o)));
                     });
                 }
                 else {
@@ -11244,7 +11245,7 @@
             }
             this.value = value instanceof Array ? value : [];
             // create a clone of the actual value for internal usage
-            this.innerValue = JSON.parse(JSON.stringify(this.value));
+            this.innerValue = i1.Utils.formDataParse(i1.Utils.formDataStringify(this.value));
             if (this.gridOptions.api) {
                 this.gridOptions.api.setRowData(this.innerValue);
             }
@@ -11571,10 +11572,11 @@
      */
     var RowEditComponent = /** @class */ (function (_super) {
         __extends(RowEditComponent, _super);
-        function RowEditComponent(pendingChanges, fb) {
+        function RowEditComponent(pendingChanges, fb, storageService) {
             var _this = _super.call(this) || this;
             _this.pendingChanges = pendingChanges;
             _this.fb = fb;
+            _this.storageService = storageService;
             _this.formState = {};
             _this.queryEnabled = true;
             _this.copyEnabled = true;
@@ -11587,8 +11589,12 @@
             _this.onSave = new i0.EventEmitter();
             _this.onSaveCopy = new i0.EventEmitter();
             _this.onDelete = new i0.EventEmitter();
+            _this.createNewRow = !!_this.storageService.getItem('createNewRow');
             _this.createNewCheckbox = _this.fb.control(_this.createNewRow);
-            _this.createNewCheckbox.valueChanges.pipe(operators.takeUntil(_this.componentDestroyed$)).subscribe(function (v) { return _this.createNewRow = v; });
+            _this.createNewCheckbox.valueChanges.pipe(operators.takeUntil(_this.componentDestroyed$)).subscribe(function (v) {
+                _this.createNewRow = v;
+                _this.storageService.setItem('createNewRow', _this.createNewRow);
+            });
             return _this;
         }
         Object.defineProperty(RowEditComponent.prototype, "showDeleteDialog", {
@@ -11706,7 +11712,8 @@
     ];
     RowEditComponent.ctorParameters = function () { return [
         { type: PendingChangesService },
-        { type: forms.FormBuilder }
+        { type: forms.FormBuilder },
+        { type: i1.LocalStorageService }
     ]; };
     RowEditComponent.propDecorators = {
         confirmDeleteButton: [{ type: i0.ViewChild, args: ['confirmDelete',] }],
@@ -16486,9 +16493,9 @@
             return _this;
         }
         OpenContextActionComponent.prototype.isExecutable = function (item) {
-            return rxjs.of(true);
+            var isExecutable = !this.isFolder(item) || (this.isFolder(item) && this.isNotInObjectState());
+            return rxjs.of(isExecutable);
         };
-        ;
         OpenContextActionComponent.prototype.getParams = function (selection) {
             var item = selection[0];
             return { type: item.typeName };
@@ -16500,6 +16507,14 @@
             }
             return "/object/" + id;
         };
+        OpenContextActionComponent.prototype.isFolder = function (item) {
+            return item.isFolder;
+        };
+        OpenContextActionComponent.prototype.isNotInObjectState = function () {
+            var _this = this;
+            var disabledStates = ['/object'];
+            return !disabledStates.some(function (s) { return _this.router.url.includes(s); });
+        };
         return OpenContextActionComponent;
     }(DmsObjectTarget));
     OpenContextActionComponent.decorators = [
@@ -17949,14 +17964,20 @@
             this.finished = new i0.EventEmitter();
             this.canceled = new i0.EventEmitter();
             this.dataMeta = [];
-            this.header = this.translate.instant('eo.manage.rights.title');
+            this.header = this.translate.instant('eo.manage.rights.document.title');
             this.orgaLabel = this.translate.instant('eo.manage.rights.element.label');
             this.shareForm = new forms.FormGroup({});
             this.orgaField = new forms.FormControl();
+            this.includeChildrenField = new forms.FormControl();
             this.shareForm.addControl('orgaFieldFCN', this.orgaField);
+            this.shareForm.addControl('includeChildren', this.includeChildrenField);
         }
         ShareObjectComponent.prototype.ngOnInit = function () {
             var orgaValue = [];
+            this.includeChildrenField.setValue(true);
+            if (this.selection[0].isFolder) {
+                this.header = this.translate.instant('eo.manage.rights.folder.title');
+            }
             this.selection[0].additionalvisibility.forEach(function (avObject) {
                 orgaValue.push(avObject.name);
             });
@@ -17977,7 +17998,7 @@
         };
         ShareObjectComponent.prototype.save = function () {
             var _this = this;
-            this.dms.setOrganizationObjectsWithReadRights(this.selection, this.orgaField.value)
+            this.dms.setOrganizationObjectsWithReadRights(this.selection, this.orgaField.value, this.includeChildrenField.value)
                 .subscribe(function () {
                 _this.shareMessage();
                 _this.finished.emit();
@@ -17991,7 +18012,7 @@
     ShareObjectComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-share-object',
-                    template: "<div class=\"eo-share-object\">\r\n  <h2>{{header}}</h2>\r\n\r\n  <form [formGroup]=\"shareForm\">\r\n    <eo-form-input [label]=\"orgaLabel\">\r\n      <eo-organization [dataMeta]=\"dataMeta\" [multiselect]=\"true\" formControlName=\"orgaFieldFCN\"></eo-organization>\r\n    </eo-form-input>\r\n  </form>\r\n\r\n  <div class=\"form-buttons\">\r\n    <button class=\"secondary\" (click)=\"cancel()\" translate>eo.manage.rights.cancel</button>\r\n    <button class=\"primary\" (click)=\"save()\" [disabled]=\"shareForm.errors || !shareForm.dirty\" translate>eo.manage.rights.save</button>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"eo-share-object\">\r\n  <h2>{{header}}</h2>\r\n\r\n  <form [formGroup]=\"shareForm\">\r\n    <eo-form-input [label]=\"orgaLabel\">\r\n      <eo-organization [dataMeta]=\"dataMeta\" [multiselect]=\"true\" formControlName=\"orgaFieldFCN\"></eo-organization>\r\n    </eo-form-input>\r\n    <eo-form-input *ngIf=\"selection[0].isFolder\" [label]=\"('eo.manage.rights.folder.include.documents.label' | translate)\">\r\n      <eo-checkbox formControlName=\"includeChildren\" [tristate]=\"false\"></eo-checkbox>\r\n    </eo-form-input>\r\n  </form>\r\n\r\n  <div class=\"form-buttons\">\r\n    <button class=\"secondary\" (click)=\"cancel()\" translate>eo.manage.rights.cancel</button>\r\n    <button class=\"primary\" (click)=\"save()\" [disabled]=\"shareForm.errors || !shareForm.dirty\" translate>eo.manage.rights.apply</button>\r\n  </div>\r\n</div>\r\n",
                     styles: [".eo-share-object{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-share-object h2{font-size:var(--font-subhead);font-weight:var(--font-weight-light)}.eo-share-object .form-buttons{padding:5px 0;text-align:right}.eo-share-object .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding)/2)}.eo-share-object .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding)/2);margin-right:0}"]
                 },] }
     ];
@@ -18179,9 +18200,8 @@
         DeleteContentActionComponent.prototype.isExecutable = function (item) {
             var isLocked = item.lock && item.lock.by.other;
             var hasContent = item.content && item.content.id === item.id;
-            return rxjs.of(this.isAllowedState() && !item.isFinalized && hasContent && item.rights.edit && !isLocked);
+            return rxjs.of(this.isAllowedState() && !item.isFinalized && hasContent && item.rights.edit && !isLocked && item.type.minFiles === 0);
         };
-        ;
         DeleteContentActionComponent.prototype.run = function (selection) {
             var _this = this;
             selection.forEach(function (item) {
@@ -22419,7 +22439,7 @@
 
     var InboxDetailsComponent = /** @class */ (function (_super) {
         __extends(InboxDetailsComponent, _super);
-        function InboxDetailsComponent(bpmService, userService, inboxService, selection, router, eventService, clipboardService, translate, pendingChanges, notify) {
+        function InboxDetailsComponent(bpmService, userService, inboxService, selection, router, eventService, clipboardService, translate, pendingChanges, notify, storageService) {
             var _this = _super.call(this) || this;
             _this.bpmService = bpmService;
             _this.userService = userService;
@@ -22431,11 +22451,12 @@
             _this.translate = translate;
             _this.pendingChanges = pendingChanges;
             _this.notify = notify;
+            _this.storageService = storageService;
             _this.actionProcessing = { closed: true };
             _this.initializing = { closed: true };
             _this.filesAdding = { closed: true };
+            _this.storageKeyLastItemID = 'eo.inbox.lastItemID';
             _this.externalPanels = new i0.QueryList();
-            _this.onDmsItemSelected = new i0.EventEmitter();
             _this.addDefaultActionIfEmpty = function (res) {
                 var _a;
                 if (!((_a = res.actions) === null || _a === void 0 ? void 0 : _a.length)) {
@@ -22665,13 +22686,12 @@
             }
         };
         /**
-         * Selects a work items file entry an emits onDmsItemSelected event.
+         * Selects a work items file entry.
          * @param file FileEntry element to be selected
          */
         InboxDetailsComponent.prototype.openWorkItemContent = function (file) {
             if (!file) {
                 this.selectedContentFileId = null;
-                this.onDmsItemSelected.emit(null);
                 if (this.applySelection) {
                     this.selection.find(this.applySelection.out).focus(null);
                 }
@@ -22682,7 +22702,6 @@
                     id: file.id,
                     type: file.type
                 };
-                this.onDmsItemSelected.emit(params);
                 if (this.applySelection) {
                     this.selection.find(this.applySelection.out).focus(params);
                 }
@@ -22829,7 +22848,10 @@
                 this.selection
                     .find(this.applySelection.in)
                     .focus$.pipe(operators.takeUntil(this.componentDestroyed$))
-                    .subscribe(function (item) { return (_this.item = item); });
+                    .subscribe(function (item) {
+                    _this.item = item;
+                    _this.storageService.setItem(_this.storageKeyLastItemID, _this.item.id);
+                });
             }
         };
         InboxDetailsComponent.prototype.ngAfterViewInit = function () {
@@ -22856,7 +22878,8 @@
         { type: i1.ClipboardService },
         { type: i1.TranslateService },
         { type: PendingChangesService },
-        { type: i1.NotificationsService }
+        { type: i1.NotificationsService },
+        { type: i1.LocalStorageService }
     ]; };
     InboxDetailsComponent.propDecorators = {
         bpmFormEl: [{ type: i0.ViewChild, args: ['bpmForm',] }],
@@ -22865,7 +22888,6 @@
         emptyState: [{ type: i0.Input }],
         applySelection: [{ type: i0.Input }],
         item: [{ type: i0.Input, args: ['item',] }],
-        onDmsItemSelected: [{ type: i0.Output }],
         dataType: [{ type: i0.HostBinding, args: ['attr.data-type',] }]
     };
 
@@ -24317,7 +24339,7 @@
                 if (params.query) {
                     if (!!_this.pendingChanges.check())
                         return;
-                    _this.query = JSON.parse(decodeURIComponent(params.query));
+                    _this.query = i1.Utils.formDataParse(decodeURIComponent(params.query));
                     _this.typeName = _this.query.types && _this.query.types.length === 1 ? _this.query.types[0] : 'default';
                     _this.clearAfterExecute = params.silent;
                     _this.searchTerm = _this.query.term;
@@ -24495,10 +24517,10 @@
             this.http = http;
             this.userService = userService;
             this.config = config;
-            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "8.15.0-rc.1", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
+            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "8.16.0-rc.2", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
             this.ctrl = {
                 productName: 'yuuvis® RAD client',
-                clientVersion: '8.15.0-rc.1'
+                clientVersion: '8.16.0-rc.2'
             };
             this.licenses = {
                 'MIT': {
@@ -25919,7 +25941,7 @@
 
     var InboxStateComponent = /** @class */ (function (_super) {
         __extends(InboxStateComponent, _super);
-        function InboxStateComponent(translate, selection, titleService, inboxService, pendingChanges, empty, eventService, route) {
+        function InboxStateComponent(translate, selection, titleService, inboxService, pendingChanges, empty, eventService, route, storageService) {
             var _this = _super.call(this) || this;
             _this.translate = translate;
             _this.selection = selection;
@@ -25929,6 +25951,7 @@
             _this.empty = empty;
             _this.eventService = eventService;
             _this.route = route;
+            _this.storageService = storageService;
             _this.inboxFilterFields = [];
             _this.typeFilterFields = [];
             _this.inboxSelectionId = 'inbox';
@@ -25938,6 +25961,7 @@
             _this.defaultFilterParams = {};
             _this.emptyState = { icon: 'ic_no-file.svg', text: '', className: '' };
             _this.inboxChanged = false;
+            _this.storageKeyLastItemID = 'eo.inbox.lastItemID';
             _this.titleService.setBaseTitle(_this.translate.instant('eo.inbox.list.title'));
             //secondary selection instance for inbox items
             _this.inboxSelection = _this.selection.createNew(_this.inboxSelectionId);
@@ -25974,9 +25998,6 @@
         InboxStateComponent.prototype.hasPendingChanges = function () {
             return this.pendingChanges.hasPendingTask();
         };
-        InboxStateComponent.prototype.onDmsItemSelected = function (data) {
-            this.selectedDmsParams = data;
-        };
         InboxStateComponent.prototype.refreshGrid = function () {
             this.inboxChanged = false;
             this.inboxSelection.disable(false);
@@ -26066,6 +26087,14 @@
                 _this.gridData = data;
                 _this.updateGrid(_this.gridData);
             });
+            var lastInboxItemID = this.storageService.getItem(this.storageKeyLastItemID);
+            if (lastInboxItemID) {
+                var item_1 = this.gridData.find(function (i) { return i.id === lastInboxItemID; });
+                if (item_1) {
+                    this.selectFirst = false;
+                    setTimeout(function () { return _this.eoGrid.selectRow(item_1); }, 500);
+                }
+            }
         };
         InboxStateComponent.prototype.ngOnDestroy = function () {
             this.selection.clear();
@@ -26075,7 +26104,7 @@
     InboxStateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-inbox-state',
-                    template: "<eo-undock-split>\r\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'inbox.state'\">\r\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"300\">\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-list-container #eoList [applySelection]=\"{out: inboxSelectionId}\">\r\n          <div class=\"eo-header\">\r\n\r\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\r\n            <div class=\"eo-header-info\">\r\n              <div class=\"eo-header-title\" translate>eo.inbox.list.title</div>\r\n            </div>\r\n            <div class=\"eo-header-actions\">\r\n              <eo-icon class=\"button primary refresh-button\"\r\n                       [ngClass]=\"{inboxChanged: inboxChanged}\"\r\n                       (click)=\"cFilter.resetFilter(); refreshGrid()\"\r\n                       [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\r\n                       [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\r\n\r\n              <eo-overlay #oFilter class=\"overlay-filter\"\r\n                          [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\r\n                          [iconClass]=\"'primary'\"\r\n                          [iconTitle]=\"'eo.list.filter' | translate\">\r\n                <eo-custom-filter #cFilter\r\n                                  (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\r\n                                  (active)=\"oFilter.onActiveChanged($event)\">\r\n                  <eo-text-filter [title]=\"'eo.inbox.filter.title' | translate\"\r\n                                  [filterParams]=\"defaultFilterParams\" [id]=\"'inbox.text'\" \r\n                                  [matchFields]=\"['title','description','id']\"></eo-text-filter>\r\n                  <eo-set-filter [operator]=\"'AND'\" [id]=\"'inbox.set'\" [filterParams]=\"defaultFilterParams\" [options]=\"inboxFilterFields\"></eo-set-filter>\r\n                  <eo-set-filter [operator]=\"'OR'\" [id]=\"'inbox.type'\" [filterParams]=\"defaultFilterParams\" [options]=\"typeFilterFields\"\r\n                                 [title]=\"'eo.inbox.filter.section.type' | translate\"></eo-set-filter>\r\n                </eo-custom-filter>\r\n              </eo-overlay>\r\n\r\n              <eo-overlay #oSort class=\"overlay-sort\"\r\n                          [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\r\n                          [iconTitle]=\"'eo.list.sort' | translate\"\r\n                          [iconClass]=\"'primary'\">\r\n                <eo-custom-sort #cSort [id]=\"'inbox.sort'\"\r\n                                (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\r\n                                (active)=\"oSort.onActiveChanged($event)\"\r\n                                [sortFields]=\"sortFields\"></eo-custom-sort>\r\n              </eo-overlay>\r\n\r\n            </div>\r\n          </div>\r\n          <div class=\"eo-body\">\r\n            <eo-grid #eoGrid\r\n                     *ngIf=\"gridOptions?.rowData\"\r\n                     [gridOptions]=\"gridOptions\"\r\n                     [fullWidth]=\"true\"\r\n                     [showHeader]=\"true\"\r\n                     [showFooter]=\"true\"\r\n                     [selectFirst]=\"selectFirst\"\r\n                     [options]=\"{filterActive: oFilter.active}\"\r\n                     (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged($event)\"\r\n                     (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\r\n                     (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\r\n              <div class=\"header\">\r\n              </div>\r\n\r\n              <div class=\"footer\">\r\n                <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\r\n              </div>\r\n\r\n              <div class=\"empty\">\r\n                <eo-error-message\r\n                  [emptyState]=\"{icon: 'ic_inbox.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.inbox.list.empty'}\"></eo-error-message>\r\n                <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\r\n              </div>\r\n\r\n            </eo-grid>\r\n          </div>\r\n        </eo-list-container>\r\n      </ng-template>\r\n    </eo-split-area>\r\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"400\">\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-inbox-details [applySelection]=\"{in: inboxSelectionId, out: inboxDmsObjectSelectionId}\" [emptyState]=\"emptyState\">\r\n          <eo-tab-plugin [type]=\"'inbox-details-tab.inbox'\"></eo-tab-plugin>\r\n        </eo-inbox-details>\r\n      </ng-template>\r\n    </eo-split-area>\r\n    <eo-split-area [size]=\"40\" [minSizePixel]=\"400\" [cache]=\"false\">\r\n      <ng-template pTemplate=\"content\">\r\n\r\n        <eo-object-details [applySelection]=\"{in: inboxDmsObjectSelectionId}\" [cacheLayout]=\"'inbox.state.object-details'\">\r\n          <eo-tab-plugin [type]=\"'object-details-tab.inbox'\"></eo-tab-plugin>\r\n        </eo-object-details>\r\n      </ng-template>\r\n    </eo-split-area>\r\n  </eo-split>\r\n</eo-undock-split>\r\n",
+                    template: "<eo-undock-split>\r\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'inbox.state'\">\r\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"300\">\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-list-container #eoList [applySelection]=\"{out: inboxSelectionId}\">\r\n          <div class=\"eo-header\">\r\n\r\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\r\n            <div class=\"eo-header-info\">\r\n              <div class=\"eo-header-title\" translate>eo.inbox.list.title</div>\r\n            </div>\r\n            <div class=\"eo-header-actions\">\r\n              <eo-icon class=\"button primary refresh-button\"\r\n                       [ngClass]=\"{inboxChanged: inboxChanged}\"\r\n                       (click)=\"cFilter.resetFilter(); refreshGrid()\"\r\n                       [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\r\n                       [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\r\n\r\n              <eo-overlay #oFilter class=\"overlay-filter\"\r\n                          [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\r\n                          [iconClass]=\"'primary'\"\r\n                          [iconTitle]=\"'eo.list.filter' | translate\">\r\n                <eo-custom-filter #cFilter\r\n                                  (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\r\n                                  (active)=\"oFilter.onActiveChanged($event)\">\r\n                  <eo-text-filter [title]=\"'eo.inbox.filter.title' | translate\"\r\n                                  [filterParams]=\"defaultFilterParams\" [id]=\"'inbox.text'\"\r\n                                  [matchFields]=\"['title','description','id']\"></eo-text-filter>\r\n                  <eo-set-filter [operator]=\"'AND'\" [id]=\"'inbox.set'\" [filterParams]=\"defaultFilterParams\" [options]=\"inboxFilterFields\"></eo-set-filter>\r\n                  <eo-set-filter [operator]=\"'OR'\" [id]=\"'inbox.type'\" [filterParams]=\"defaultFilterParams\" [options]=\"typeFilterFields\"\r\n                                 [title]=\"'eo.inbox.filter.section.type' | translate\"></eo-set-filter>\r\n                </eo-custom-filter>\r\n              </eo-overlay>\r\n\r\n              <eo-overlay #oSort class=\"overlay-sort\"\r\n                          [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\r\n                          [iconTitle]=\"'eo.list.sort' | translate\"\r\n                          [iconClass]=\"'primary'\">\r\n                <eo-custom-sort #cSort [id]=\"'inbox.sort'\"\r\n                                (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\r\n                                (active)=\"oSort.onActiveChanged($event)\"\r\n                                [sortFields]=\"sortFields\"></eo-custom-sort>\r\n              </eo-overlay>\r\n\r\n            </div>\r\n          </div>\r\n          <div class=\"eo-body\">\r\n            <eo-grid #eoGrid\r\n                     *ngIf=\"gridOptions?.rowData\"\r\n                     [gridOptions]=\"gridOptions\"\r\n                     [fullWidth]=\"true\"\r\n                     [showHeader]=\"true\"\r\n                     [showFooter]=\"true\"\r\n                     [selectFirst]=\"selectFirst\"\r\n                     [options]=\"{filterActive: oFilter.active}\"\r\n                     (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged($event)\"\r\n                     (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\r\n                     (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\r\n              <div class=\"header\">\r\n              </div>\r\n\r\n              <div class=\"footer\">\r\n                <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\r\n              </div>\r\n\r\n              <div class=\"empty\">\r\n                <eo-error-message\r\n                  [emptyState]=\"{icon: 'ic_inbox.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.inbox.list.empty'}\"></eo-error-message>\r\n                <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\r\n              </div>\r\n\r\n            </eo-grid>\r\n          </div>\r\n        </eo-list-container>\r\n      </ng-template>\r\n    </eo-split-area>\r\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"400\">\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-inbox-details [applySelection]=\"{in: inboxSelectionId, out: inboxDmsObjectSelectionId}\" [emptyState]=\"emptyState\">\r\n          <eo-tab-plugin [type]=\"'inbox-details-tab.inbox'\"></eo-tab-plugin>\r\n        </eo-inbox-details>\r\n      </ng-template>\r\n    </eo-split-area>\r\n    <eo-split-area [size]=\"40\" [minSizePixel]=\"400\" [cache]=\"false\">\r\n      <ng-template pTemplate=\"content\">\r\n\r\n        <eo-object-details [applySelection]=\"{in: inboxDmsObjectSelectionId}\" [cacheLayout]=\"'inbox.state.object-details'\">\r\n          <eo-tab-plugin [type]=\"'object-details-tab.inbox'\"></eo-tab-plugin>\r\n        </eo-object-details>\r\n      </ng-template>\r\n    </eo-split-area>\r\n  </eo-split>\r\n</eo-undock-split>\r\n",
                     styles: [":host{bottom:var(--app-pane-padding);left:var(--app-pane-padding);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding)}:host eo-split-area{background-color:var(--panel-background-grey);box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}:host .inboxChanged,:host .inboxChanged:hover{background:var(--color-success);color:#fff}:host ::ng-deep .ag-cell .list-item{align-items:center;display:flex;flex:1;flex-direction:row;height:80px;min-height:0;min-width:0}:host ::ng-deep .ag-cell .list-item[unselectable]{-moz-user-select:none;-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{display:inline-block;flex:1;max-width:none;overflow:hidden;padding:var(--app-pane-padding);text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .notes>span{-webkit-border-radius:2px;background-color:var(--color-primary-4);border-radius:2px;color:var(--color-white);font-size:var(--font-hint);padding:1px calc(var(--app-pane-padding)/4) 0 calc(var(--app-pane-padding)/4)}:host ::ng-deep .ag-cell .list-item .content .notes.pastDue span.period{background-color:var(--color-error)}:host ::ng-deep .ag-cell .list-item .content .title{font-size:var(--font-body);font-weight:var(--font-weight-bold)}:host ::ng-deep .ag-cell .list-item .content .description{color:var(--text-color-caption);font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item.read .title{font-weight:var(--font-weight-normal)}:host ::ng-deep .ag-cell .list-item .meta{align-items:flex-end;display:flex;flex-flow:column;padding:0 calc(var(--app-pane-padding)/2)}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}"]
                 },] }
     ];
@@ -26087,7 +26116,8 @@
         { type: PendingChangesService },
         { type: EmptyStateService },
         { type: i1.EventService },
-        { type: i2.ActivatedRoute }
+        { type: i2.ActivatedRoute },
+        { type: i1.LocalStorageService }
     ]; };
     InboxStateComponent.propDecorators = {
         eoGrid: [{ type: i0.ViewChild, args: ['eoGrid',] }]