@eo-sdk/client 9.5.0-rc.1 → 9.6.0-rc.1

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

@@ -4266,7 +4266,8 @@
                 scrollStrategy: this.overlay.scrollStrategies.reposition(),
                 positionStrategy: this.getPositionStrategy(),
                 minHeight: this.minHeight,
-                minWidth: this.minWidth
+                minWidth: this.minWidth,
+                height: this.height
             });
             //Then we create a portal to render a component
             var portal$1 = new portal.TemplatePortal(this.dialogContent, this.viewContainerRef);
@@ -4364,6 +4365,7 @@
         dirtyCheck: [{ type: i0.Input }],
         minWidth: [{ type: i0.Input }],
         minHeight: [{ type: i0.Input }],
+        height: [{ type: i0.Input }],
         focusOnShow: [{ type: i0.Input }],
         align: [{ type: i0.Input }],
         isFormTable: [{ type: i0.Input }],
@@ -4572,8 +4574,8 @@
     SignatureTabComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-signature-tab',
-                    template: "<ng-container *ngIf=\"dmsObject.data.yuvsigrequester_meta; else tplNoSignature\">\n\n  <section class=\"info\">\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.status'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigstatus_meta\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigerror\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.error'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigerror.length\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signedate'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigdate | localeDate: 'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.date'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreqdate | localeDate:'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigrequester_meta.title\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigemailbody\">{{dmsObject.data.yuvsigemailbody}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"isUserAdmin()\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigplatform\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"isUserAdmin()\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigplatformid\">{{dmsObject.data.yuvsigplatformid}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signers'|translate}}</div>\n      <div class=\"value\">\n        <div class=\"signer-container\" *ngFor=\"let s of dmsObject.data.yuvsigners\">\n          <span class=\"circle\" [title]=\"'eo.object.signature-tab.order.tooltip' | translate\">{{s.yuvsignerorder}}</span>\n          <div class=\"signer\">\n            <div class=\"date\" *ngIf=\"s.yuvsignerdate\">{{s.yuvsignerdate | localeDate: 'eoShort'}}</div>\n            <div class=\"name\" *ngIf=\"s.yuvsignername\">{{s.yuvsignername}}</div>\n            <div class=\"email\" *ngIf=\"s.yuvsigneremail\">{{s.yuvsigneremail}}</div>\n            <div class=\"state {{s.yuvsignerstatus}}\"><span *ngIf=\"s.yuvsignerstatus_meta?.label\">{{s.yuvsignerstatus_meta.label}}</span></div>\n            <div class=\"reason\" *ngIf=\"s.yuvsignercomment\">{{s.yuvsignercomment}}</div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </section>\n</ng-container>\n<ng-template #tplNoSignature>\n  {{'eo.object.signature-tab.no-signatures'|translate}}\n</ng-template>\n",
-                    styles: [":host{display:block;height:100%;overflow-y:auto;padding:var(--app-pane-padding)}:host .row{display:flex;line-height:1.5em;margin:0 calc(var(--app-pane-padding)/-4) 2px}:host .row .label,:host .row .value{margin:calc(var(--app-pane-padding)/4)}:host .row .label{border-radius:2px;color:var(--color-white);flex-basis:30%;flex-shrink:0;margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/4);white-space:normal}:host .row .circle,:host .row .label{background-color:var(--color-primary-3);display:inline-block}:host .row .circle{align-self:center;border-radius:50%;color:#fff;height:2em;line-height:1.8em;text-align:center;width:2em}:host .row .signer-container{--signer-border-radius:4px;--signer-icon-color:var(--text-color-hint);--signer-row-gap:calc(var(--app-pane-padding)/2);background-color:var(--panel-background);border-radius:0 var(--signer-border-radius) var(--signer-border-radius) 0;display:flex;margin-bottom:calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/2)}:host .row .signer-container .signer{-moz-column-gap:var(--app-pane-padding);column-gap:var(--app-pane-padding);display:grid;grid-template-areas:\"name name\" \"email email\" \"state date\" \"reason reason\";grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;margin-left:5px}:host .row .signer-container .signed{--signer-icon-color:var(--color-success)}:host .row .signer-container .cancelled,:host .row .signer-container .expired,:host .row .signer-container .revised{--signer-icon-color:var(--color-warning)}:host .row .signer-container .error{--signer-icon-color:var(--color-error)}:host .row .signer-container .date{-ms-grid-column:3;-ms-grid-row:3;align-self:center;color:var(--text-color-caption);grid-area:date;margin-top:var(--signer-row-gap)}:host .row .signer-container .name{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:1;font-weight:var(--font-weight-bold);grid-area:name}:host .row .signer-container .email{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:2;grid-area:email}:host .row .signer-container .state{-ms-grid-column:1;-ms-grid-row:3;grid-area:state;margin-top:var(--signer-row-gap)}:host .row .signer-container .state span{background-color:var(--signer-icon-color);border-radius:4px;color:#fff;display:inline-block;padding:2px 4px 1px}:host .row .signer-container .reason{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:4;grid-area:reason;margin-top:var(--signer-row-gap)}"]
+                    template: "<ng-container *ngIf=\"dmsObject.data.yuvsigstatus_meta; else tplNoSignature\">\n\n  <section class=\"info\">\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.status'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigstatus_meta\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigerror\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.error'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigerror.length\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signedate'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigdate | localeDate: 'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.date'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreqdate | localeDate:'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigrequester_meta.title\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigemailbody\">{{dmsObject.data.yuvsigemailbody}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigcanceledby\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.canceledby'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigcanceledby}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigreason\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.reason'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreason}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"isUserAdmin()\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigplatform\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"isUserAdmin()\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigplatformid\">{{dmsObject.data.yuvsigplatformid}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signers'|translate}}</div>\n      <div class=\"value\">\n        <div class=\"signer-container\" *ngFor=\"let s of dmsObject.data.yuvsigners\">\n          <span class=\"circle\" [title]=\"'eo.object.signature-tab.order.tooltip' | translate\">{{s.yuvsignerorder}}</span>\n          <div class=\"signer\">\n            <div class=\"date\" *ngIf=\"s.yuvsignerdate\">{{s.yuvsignerdate | localeDate: 'eoShort'}}</div>\n            <div class=\"name\" *ngIf=\"s.yuvsignername\">{{s.yuvsignername}}</div>\n            <div class=\"email\" *ngIf=\"s.yuvsigneremail\">{{s.yuvsigneremail}}</div>\n            <div class=\"state {{s.yuvsignerstatus}}\"><span *ngIf=\"s.yuvsignerstatus_meta?.label\">{{s.yuvsignerstatus_meta.label}}</span></div>\n            <div class=\"reason\" *ngIf=\"s.yuvsignercomment\">{{s.yuvsignercomment}}</div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </section>\n</ng-container>\n<ng-template #tplNoSignature>\n  <div class=\"signature-not-found\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_signature.svg', text:'eo.object.signature-tab.no-signatures'}\"></eo-error-message>\n  </div>\n</ng-template>\n",
+                    styles: [":host{display:block;height:100%;overflow-y:auto;padding:var(--app-pane-padding)}:host .row{display:flex;line-height:1.5em;margin:0 calc(var(--app-pane-padding)/-4) 2px}:host .row .label,:host .row .value{margin:calc(var(--app-pane-padding)/4)}:host .row .label{border-radius:2px;color:var(--color-white);flex-basis:30%;flex-shrink:0;margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/4);white-space:normal}:host .row .circle,:host .row .label{background-color:var(--color-primary-3);display:inline-block}:host .row .circle{align-self:center;border-radius:50%;color:#fff;height:2em;line-height:1.8em;text-align:center;width:2em}:host .row .signer-container{--signer-border-radius:4px;--signer-icon-color:var(--text-color-hint);--signer-row-gap:calc(var(--app-pane-padding)/2);background-color:var(--panel-background);border-radius:0 var(--signer-border-radius) var(--signer-border-radius) 0;display:flex;margin-bottom:calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/2)}:host .row .signer-container .signer{-moz-column-gap:var(--app-pane-padding);column-gap:var(--app-pane-padding);display:grid;grid-template-areas:\"name name\" \"email email\" \"state date\" \"reason reason\";grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;margin-left:5px}:host .row .signer-container .signed{--signer-icon-color:var(--color-success)}:host .row .signer-container .cancelled,:host .row .signer-container .expired,:host .row .signer-container .revised{--signer-icon-color:var(--color-warning)}:host .row .signer-container .error{--signer-icon-color:var(--color-error)}:host .row .signer-container .date{-ms-grid-column:3;-ms-grid-row:3;align-self:center;color:var(--text-color-caption);grid-area:date;margin-top:var(--signer-row-gap)}:host .row .signer-container .name{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:1;font-weight:var(--font-weight-bold);grid-area:name}:host .row .signer-container .email{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:2;grid-area:email}:host .row .signer-container .state{-ms-grid-column:1;-ms-grid-row:3;grid-area:state;margin-top:var(--signer-row-gap)}:host .row .signer-container .state span{background-color:var(--signer-icon-color);border-radius:4px;color:#fff;display:inline-block;padding:2px 4px 1px}:host .row .signer-container .reason{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:4;grid-area:reason;margin-top:var(--signer-row-gap)}:host .signature-not-found{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}"]
                 },] }
     ];
     SignatureTabComponent.ctorParameters = function () { return [
@@ -5781,6 +5783,12 @@
         AppProcessComponent.prototype.cancelDialog = function () {
             this.processForm = null;
         };
+        AppProcessComponent.prototype.onCancel = function (dialog) {
+            if (!this.pendingChanges.checkForPendingTasks(this.pendingTaskIds)) {
+                this.finishPending();
+                dialog.visible = false;
+            }
+        };
         AppProcessComponent.prototype.startPending = function () {
             // because this method will be called every time the form status changes,
             // pending task will only be started once until it was finished
@@ -5809,7 +5817,7 @@
     AppProcessComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-app-process',
-                    template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"400\"\n           [styleClass]=\"'more-actions'\"\n           (hide)=\"close($event)\">\n\n  <section *ngIf=\"processes?.length; else loading\">\n\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\n      <div class=\"pi-content\">\n        <div class=\"title\">{{process.title}}</div>\n        <div class=\"description\">{{process.description}}</div>\n      </div>\n    </div>\n\n  </section>\n\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\n\n  <ng-template #loading>\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n  </ng-template>\n\n\n  <ng-template #tplProcessForm>\n\n    <eo-dialog [title]=\"selectedProcess?.title\"\n               [subtitle]=\"selectedProcess?.description\"\n               [visible]=\"true\"\n               [dirtyCheck]=\"pendingTaskIds\"\n               [minWidth]=\"1000\"\n               [styleClass]=\"'process-form-dialog'\"\n               (hide)=\"cancelDialog()\" #dialog>\n\n      <eo-process-form [formOptions]=\"processForm\"\n                      (onResetForm)=\"formReset($event)\"\n                      (onCancel)=\"(dialog.visible = false)\"\n                      (onSaveForm)=\"startProcessWithFormData($event)\"\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-process-form>\n    </eo-dialog>\n  </ng-template>\n\n</eo-dialog>\n",
+                    template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"400\"\n           [styleClass]=\"'more-actions'\"\n           (hide)=\"close($event)\">\n\n  <section *ngIf=\"processes?.length; else loading\">\n\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\n      <div class=\"pi-content\">\n        <div class=\"title\">{{process.title}}</div>\n        <div class=\"description\">{{process.description}}</div>\n      </div>\n    </div>\n\n  </section>\n\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\n\n  <ng-template #loading>\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n  </ng-template>\n\n\n  <ng-template #tplProcessForm>\n\n    <eo-dialog [title]=\"selectedProcess?.title\"\n               [subtitle]=\"selectedProcess?.description\"\n               [visible]=\"true\"\n               [dirtyCheck]=\"pendingTaskIds\"\n               [minWidth]=\"1000\"\n               [styleClass]=\"'process-form-dialog'\"\n               (hide)=\"cancelDialog()\" #dialog>\n\n      <eo-process-form [formOptions]=\"processForm\"\n                      (onResetForm)=\"formReset($event)\"\n                      (onCancel)=\"onCancel(dialog)\"\n                      (onSaveForm)=\"startProcessWithFormData($event)\"\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-process-form>\n    </eo-dialog>\n  </ng-template>\n\n</eo-dialog>\n",
                     styles: [".process-item{align-items:center;border-bottom:1px solid var(--list-item-border-color);cursor:pointer;display:flex;padding:var(--app-pane-padding)}.process-item:hover{background-color:var(--list-item-hover-background)}.process-item eo-icon{opacity:.7}.process-item .pi-content{padding:0 var(--app-pane-padding)}.process-item .pi-content .description{color:var(--text-color-caption)}eo-loading-spinner{display:flex;justify-content:center;padding:var(--app-pane-padding)}"]
                 },] }
     ];
@@ -11371,15 +11379,17 @@
 
     var FormElementTableComponent = /** @class */ (function (_super) {
         __extends(FormElementTableComponent, _super);
-        function FormElementTableComponent(systemService, pendingChanges, gridApi, translate, storageService, eventService) {
+        function FormElementTableComponent(storageService, systemService, pendingChanges, gridApi) {
             var _this = _super.call(this) || this;
+            _this.storageService = storageService;
             _this.systemService = systemService;
             _this.pendingChanges = pendingChanges;
             _this.gridApi = gridApi;
-            _this.translate = translate;
-            _this.storageService = storageService;
-            _this.eventService = eventService;
             _this.modules = [clientSideRowModel.ClientSideRowModelModule, csvExport.CsvExportModule];
+            _this.BASE_CACHE_LAYOUT_KEY = 'table.state';
+            _this.cacheLayoutKey = _this.BASE_CACHE_LAYOUT_KEY;
+            _this.minWidth = '97vw';
+            _this.height = '95vh';
             _this.gridReady = false;
             _this.showDialog = false;
             _this.showPreview = false;
@@ -11436,9 +11446,6 @@
                     _this.overlayGridOptions.suppressRowClickSelection = !!_this.rowEdit && !!tasks.includes(_this.rowEdit.pendingTaskId);
                 }, 0);
             });
-            _this._cachedColumns = _this.storageService.getItem(FormElementTableComponent.COLUMNS_DEFINITION) || [];
-            _this._cachedColumnsOverlay = _this.storageService.getItem(FormElementTableComponent.COLUMNS_DEFINITION_OVERLAY) || [];
-            _this.showPreview = !!_this.storageService.getItem('eo.table.showPreview');
             return _this;
         }
         Object.defineProperty(FormElementTableComponent.prototype, "params", {
@@ -11446,8 +11453,12 @@
                 return this._params;
             },
             set: function (p) {
+                this.cacheLayoutKey = p ? this.BASE_CACHE_LAYOUT_KEY + "." + p.element.name : this.BASE_CACHE_LAYOUT_KEY;
                 if (p) {
                     this._params = p;
+                    this._cachedColumns = this.storageService.getItem(this.cacheLayoutKey + '.colDef') || [];
+                    this._cachedColumnsOverlay = this.storageService.getItem(this.cacheLayoutKey + '.colDefOverlay') || [];
+                    this.showPreview = this.storageService.getItem(this.cacheLayoutKey + '.showPreview');
                     CellRenderer.situation = this._params.situation;
                     if (this._params.situation === 'SEARCH') {
                         this._params.size = 'supersmall';
@@ -11762,10 +11773,10 @@
             }
         };
         FormElementTableComponent.prototype.onColumnResized = function (column, overlay) {
-            var columnsDefinition = FormElementTableComponent.COLUMNS_DEFINITION;
+            var columnsDefinition = this.cacheLayoutKey + '.colDef';
             var cachedColumns = this._cachedColumns;
             if (overlay) {
-                columnsDefinition = FormElementTableComponent.COLUMNS_DEFINITION_OVERLAY;
+                columnsDefinition = this.cacheLayoutKey + '.colDefOverlay';
                 cachedColumns = this._cachedColumnsOverlay;
             }
             var col = cachedColumns.find(function (c) { return c.qname === column.colDef.refData.qname; });
@@ -11777,18 +11788,32 @@
             }
             this.storageService.setItem(columnsDefinition, cachedColumns);
         };
+        FormElementTableComponent.prototype._updateSplitViewLayoutCache = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.splitView.updateLayoutCache();
+            });
+        };
         FormElementTableComponent.prototype.togglePreview = function () {
             this.showPreview = !this.showPreview;
-            this.storageService.setItem('eo.table.showPreview', this.showPreview);
+            // make sure that the layout of the split view is updated after the preview panels
+            // visibility changed
+            this._updateSplitViewLayoutCache();
+            this.storageService.setItem(this.cacheLayoutKey + '.showPreview', this.showPreview);
+        };
+        FormElementTableComponent.prototype.ngAfterViewInit = function () {
+            this._updateSplitViewLayoutCache();
+        };
+        FormElementTableComponent.prototype.ngOnInit = function () {
+            var _a;
+            this.hasPreviewFile = this.hasPreviewFile !== undefined ? this.hasPreviewFile : !!((_a = this.params.object) === null || _a === void 0 ? void 0 : _a.content);
         };
         return FormElementTableComponent;
     }(UnsubscribeOnDestroy));
-    FormElementTableComponent.COLUMNS_DEFINITION = 'eo.framework.cache.tables.columns.definition';
-    FormElementTableComponent.COLUMNS_DEFINITION_OVERLAY = 'eo.framework.cache.tables.overlay.columns.definition';
     FormElementTableComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-table',
-                    template: "<div class=\"object-form-table\" [ngClass]=\"{medium: _params.size === 'medium', large: _params.size === 'large'}\">\n  <div class=\"label\">\n    <span>{{_params.element.label}}</span>\n    <ng-container *ngIf=\"_params.situation !== 'SEARCH'\">\n\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_expand.svg'\" [iconTitle]=\"('eo.form.table.options.btn.open'| translate)\" (click)=\"openDialog()\"></eo-icon>\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit()\"></eo-icon>\n      <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n      <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n\n    </ng-container>\n  </div>\n  <div class=\"grid-body size-{{ params.size }}\">\n    <ag-grid-angular #agGrid *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                     [gridOptions]=\"gridOptions\"\n                     (rowDoubleClicked)=\"editRow($event)\"\n                     (cellClicked)=\"onCellClicked($event)\"\n                     (sortChanged)=\"onSortChanged()\"\n                     (cellValueChanged)=\"onEditComplete($event)\"\n                     (columnResized)=\"onColumnResized($event.column)\">\n    </ag-grid-angular>\n  </div>\n</div>\n\n\n<eo-dialog\n[title]=\"params.element.label\"\n[visible]=\"showDialog\"\n[dirtyCheck]=\"rowEdit?.pendingTaskId\"\n[minWidth]=\"_params.situation !== 'SEARCH' ? '97vw' : 200\"\n[styleClass]=\"'object-form-table-dialog'\"\n(hide)=\"onClose()\"\n[isFormTable]=\"true\"\n[hasPreviewFile]=\"!!params.object?.content\"\n[showPreview]=\"showPreview\"\n(onTogglePreview)=\"togglePreview()\">\n\n  <div class=\"body\">\n\n      <eo-split [gutterSize]=\"16\" [switchable]=\"true\" [cacheLayout]=\"'table.state'\">\n\n        <eo-split-area *ngIf=\"_params.situation !== 'SEARCH'\" class=\"table-area\" [size]=\"40\" [minSizePixel]=\"100\" [order]=\"1\">\n          <div class=\"table-body\">\n            <div class=\"object-form-table\">\n              <div class=\"label\">\n                <span></span>\n                <ng-container>\n                  <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit(true)\"></eo-icon>\n                  <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n                  <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n                </ng-container>\n              </div>\n              <div class=\"grid-body\">\n                <ag-grid-angular #agGrid2 *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                                [gridOptions]=\"overlayGridOptions\"\n                                (cellClicked)=\"onCellClicked($event);editRow($event)\"\n                                (mousedown)=\"onMouseDown($event)\"\n                                (sortChanged)=\"onSortChanged()\"\n                                 (cellValueChanged)=\"onEditComplete($event)\"\n                                 (columnResized)=\"onColumnResized($event.column, true)\">\n                </ag-grid-angular>\n              </div>\n            </div>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [size]=\"20\" [minSizePixel]=\"300\" *ngIf=\"editingRow\" [order]=\"2\">\n          <div class=\"edit-body\">\n            <eo-row-edit [row]=\"editingRow\" [limitReached]=\"limit <= overlayGridOptions.rowData.length\" #rowEdit\n                          (onSave)=\"updateRow($event)\"\n                          (onSaveCopy)=\"copyRow($event)\"\n                          (onDelete)=\"deleteRow($event)\"\n                          (onCancel)=\"cancelRowEdit()\"></eo-row-edit>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [visible]=\"showPreview && !!params?.object?.content\" *ngIf=\"!!params?.object?.content\" [size]=\"40\" [minSizePixel]=\"150\" [order]=\"3\">\n          <eo-media *ngIf=\"!!params?.object?.content\" [dmsObject]=\"params.object\" [undockDisabled]=\"true\"\n                    [useVersion]=\"params.object?.id === params.object?.content?.id\"></eo-media>\n        </eo-split-area>\n      </eo-split>\n  </div>\n</eo-dialog>\n",
+                    template: "<div class=\"object-form-table\" [ngClass]=\"{medium: _params.size === 'medium', large: _params.size === 'large'}\">\n  <div class=\"label\">\n    <span>{{_params.element.label}}</span>\n    <ng-container *ngIf=\"_params.situation !== 'SEARCH'\">\n\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_expand.svg'\" [iconTitle]=\"('eo.form.table.options.btn.open'| translate)\" (click)=\"openDialog()\"></eo-icon>\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit()\"></eo-icon>\n      <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n      <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n\n    </ng-container>\n  </div>\n  <div class=\"grid-body size-{{ params.size }}\">\n    <ag-grid-angular #agGrid *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                     [gridOptions]=\"gridOptions\"\n                     (rowDoubleClicked)=\"editRow($event)\"\n                     (cellClicked)=\"onCellClicked($event)\"\n                     (sortChanged)=\"onSortChanged()\"\n                     (cellValueChanged)=\"onEditComplete($event)\"\n                     (columnResized)=\"onColumnResized($event.column)\">\n    </ag-grid-angular>\n  </div>\n</div>\n\n\n<eo-dialog\n[title]=\"params.element.label\"\n[visible]=\"showDialog\"\n[dirtyCheck]=\"rowEdit?.pendingTaskId\"\n[minWidth]=\"_params.situation !== 'SEARCH' ? minWidth : 200\"\n[height]=\"height\"\n[styleClass]=\"'object-form-table-dialog'\"\n(hide)=\"onClose()\"\n[isFormTable]=\"true\"\n[hasPreviewFile]=\"hasPreviewFile\"\n[showPreview]=\"showPreview\"\n(onTogglePreview)=\"togglePreview()\">\n\n  <div class=\"body\" *ngIf=\"showDialog\">\n\n      <eo-split #splitView [gutterSize]=\"16\" [switchable]=\"true\"  [cacheLayout]=\"cacheLayoutKey\">\n\n        <eo-split-area [height]=\"95\" *ngIf=\"_params.situation !== 'SEARCH'\" class=\"table-area\" [size]=\"40\" [minSizePixel]=\"100\" [order]=\"1\">\n          <div class=\"table-body\">\n            <div class=\"object-form-table\">\n              <div class=\"label\">\n                <span></span>\n                <ng-container>\n                  <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit(true)\"></eo-icon>\n                  <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n                  <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n                </ng-container>\n              </div>\n              <div class=\"grid-body\">\n                <ag-grid-angular #agGrid2 *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                                [gridOptions]=\"overlayGridOptions\"\n                                (cellClicked)=\"onCellClicked($event);editRow($event)\"\n                                (mousedown)=\"onMouseDown($event)\"\n                                (sortChanged)=\"onSortChanged()\"\n                                 (cellValueChanged)=\"onEditComplete($event)\"\n                                 (columnResized)=\"onColumnResized($event.column, true)\">\n                </ag-grid-angular>\n              </div>\n            </div>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [height]=\"95\" [size]=\"20\" [minSizePixel]=\"300\" *ngIf=\"editingRow\" [order]=\"2\">\n          <div class=\"edit-body\">\n            <eo-row-edit [row]=\"editingRow\" [limitReached]=\"limit <= overlayGridOptions.rowData.length\" #rowEdit\n                          (onSave)=\"updateRow($event)\"\n                          (onSaveCopy)=\"copyRow($event)\"\n                          (onDelete)=\"deleteRow($event)\"\n                          (onCancel)=\"cancelRowEdit()\"></eo-row-edit>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [height]=\"95\" [visible]=\"showPreview && hasPreviewFile\" [size]=\"40\" [minSizePixel]=\"150\" [order]=\"3\">\n          <eo-media *ngIf=\"hasPreviewFile\" [dmsObject]=\"params.object\" [undockDisabled]=\"true\"\n                    [useVersion]=\"params.object?.id === params.object?.content?.id\"></eo-media>\n        </eo-split-area>\n      </eo-split>\n  </div>\n</eo-dialog>\n",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -11805,16 +11830,18 @@
                 },] }
     ];
     FormElementTableComponent.ctorParameters = function () { return [
+        { type: i1.LocalStorageService },
         { type: i1.SystemService },
         { type: PendingChangesService },
-        { type: GridService },
-        { type: i1.TranslateService },
-        { type: i1.LocalStorageService },
-        { type: i1.EventService }
+        { type: GridService }
     ]; };
     FormElementTableComponent.propDecorators = {
         rowEdit: [{ type: i0.ViewChild, args: ['rowEdit',] }],
+        splitView: [{ type: i0.ViewChild, args: ['splitView',] }],
         limit: [{ type: i0.Input }],
+        hasPreviewFile: [{ type: i0.Input }],
+        minWidth: [{ type: i0.Input }],
+        height: [{ type: i0.Input }],
         params: [{ type: i0.Input }],
         copyCellHandler: [{ type: i0.HostListener, args: ['keydown.control.alt.shift.c', ['$event'],] }, { type: i0.HostListener, args: ['keydown.control.shift.c', ['$event'],] }, { type: i0.HostListener, args: ['keydown.control.alt.c', ['$event'],] }, { type: i0.HostListener, args: ['keydown.control.c', ['$event'],] }]
     };
@@ -12092,7 +12119,7 @@
                 this.layoutService.getLayout("eo.split.layout." + this.cacheLayout)
                     .subscribe(function (layout) {
                     (layout || []).forEach(function (area) {
-                        if (area && _this.areas.length) {
+                        if (area && _this.areas.length > area.index) {
                             _this.areas[area.index].size = area.size;
                             _this.areas[area.index].sizeUser = area.size;
                             _this.areas[area.index].component.visible = area.visible;
@@ -12145,14 +12172,14 @@
             var item = this.areas.find(function (a) { return a.component === area; });
             if (item) {
                 this.refresh();
-                this.updateCache();
+                this.updateLayoutCache();
             }
         };
         SplitComponent.prototype.showArea = function (area) {
             var item = this.areas.find(function (a) { return a.component === area; });
             if (item) {
                 this.refresh();
-                this.updateCache();
+                this.updateLayoutCache();
             }
         };
         SplitComponent.prototype.isLastVisibleArea = function (area) {
@@ -12300,7 +12327,7 @@
             this.containerSize = 0;
             this.areaASize = 0;
             this.areaBSize = 0;
-            this.updateCache();
+            this.updateLayoutCache();
             this.isDragging = false;
             this.notify('end');
         };
@@ -12317,7 +12344,7 @@
                     return this.visibleTransitionEndInternal.next(data);
             }
         };
-        SplitComponent.prototype.updateCache = function () {
+        SplitComponent.prototype.updateLayoutCache = function () {
             if (this.cacheLayout) {
                 var layout = this.areas.map(function (a, i) { return ({ index: i, size: a.size, visible: a.component.visible }); });
                 this.layoutService.cacheLayout("eo.split.layout." + this.cacheLayout, layout);
@@ -12475,6 +12502,13 @@
             _this.eventsLockFct = [];
             return _this;
         }
+        Object.defineProperty(SplitAreaComponent.prototype, "height", {
+            set: function (height) {
+                this._height = height;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(SplitAreaComponent.prototype, "order", {
             set: function (v) {
                 this._order = !isNaN(v) ? v : null;
@@ -12568,6 +12602,7 @@
         _height: [{ type: i0.HostBinding, args: ['style.height.%',] }],
         minWidth: [{ type: i0.HostBinding, args: ['style.min-width.px',] }],
         visibleCls: [{ type: i0.HostBinding, args: ['class.visible',] }],
+        height: [{ type: i0.Input }],
         order: [{ type: i0.Input }],
         size: [{ type: i0.Input }],
         minSizePixel: [{ type: i0.Input }],
@@ -14557,7 +14592,7 @@
             }
         };
         TextFilterComponent.prototype.saveFilter = function (term) {
-            if (!this.savedFilters.includes(term)) {
+            if (term && !this.savedFilters.includes(term)) {
                 this.savedFilters.push(term);
                 this.userService.changeSavedInboxFilters(this.savedFilters).subscribe();
             }
@@ -14578,7 +14613,7 @@
     TextFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-text-filter',
-                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n</header>\n<div class=\"flex-row\">\n  <eo-form-input>\n    <input (ngModelChange)=\"onChange($event)\" [ngModel]=\"value\" class=\"form-control\"\n           placeholder=\"{{ placeholder | translate}}\" (focus)=\"focus()\" (focusout)=\"focusout()\">\n  </eo-form-input>\n  <eo-icon class=\"save-filter-icon\" *ngIf=\"enableSave\" [ngClass]=\"{'disable-save-filter': savedFilters.includes(value)}\"\n           (click)=\"saveFilter(value)\"\n           [iconTitle]=\"'eo.filter.save' | translate\"\n           [iconSrc]=\"'assets/_default/svg/ic_add.svg'\"></eo-icon>\n</div>\n\n<div *ngIf=\"enableSave && savedFilters && savedFilters.length !== 0\">\n  <h4 class=\"filter__title saved-filters-title\" translate>eo.filter.save.title</h4>\n  <div class=\"saved-filters-container\">\n    <div class=\"saved-filter flex-row\" *ngFor=\"let savedFilter of savedFilters\">\n      <span class=\"saved-filter-text\" (click)=\"onChange(savedFilter, value)\">{{savedFilter}}</span>\n      <eo-icon class=\"remove-filter-icon\" (click)=\"removeFilter(savedFilter)\"\n               [iconTitle]=\"'eo.filter.delete' | translate\"\n               [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"></eo-icon>\n    </div>\n  </div>\n</div>\n",
+                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n</header>\n<div class=\"flex-row\">\n  <eo-form-input>\n    <input (ngModelChange)=\"onChange($event)\" [ngModel]=\"value\" class=\"form-control\"\n           placeholder=\"{{ placeholder | translate}}\" (focus)=\"focus()\" (focusout)=\"focusout()\">\n  </eo-form-input>\n  <eo-icon class=\"save-filter-icon\" *ngIf=\"enableSave\" [ngClass]=\"{'disable-save-filter': !value || savedFilters.includes(value)}\"\n           (click)=\"saveFilter(value)\"\n           [iconTitle]=\"'eo.filter.save' | translate\"\n           [iconSrc]=\"'assets/_default/svg/ic_add.svg'\"></eo-icon>\n</div>\n\n<div *ngIf=\"enableSave && savedFilters && savedFilters.length !== 0\">\n  <h4 class=\"filter__title saved-filters-title\" translate>eo.filter.save.title</h4>\n  <div class=\"saved-filters-container\">\n    <div class=\"saved-filter flex-row\" *ngFor=\"let savedFilter of savedFilters\">\n      <span class=\"saved-filter-text\" (click)=\"onChange(savedFilter, value)\">{{savedFilter}}</span>\n      <eo-icon class=\"remove-filter-icon\" (click)=\"removeFilter(savedFilter)\"\n               [iconTitle]=\"'eo.filter.delete' | translate\"\n               [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"></eo-icon>\n    </div>\n  </div>\n</div>\n",
                     styles: [".title{font-weight:700;margin-top:.5em}input{border:none}.form-control::-ms-clear{display:none}.save-filter-icon{cursor:pointer}.save-filter-icon.disable-save-filter{color:var(--color-primary-3);cursor:default}.remove-filter-icon{cursor:pointer;margin-left:auto}.saved-filter-text{cursor:pointer;margin-left:5px}.saved-filter{text-decoration:underline}.saved-filters-title{margin-top:1em}.saved-filters-container{max-height:200px;overflow:auto}"]
                 },] }
     ];
@@ -14911,9 +14946,11 @@
             this.finished.emit();
         };
         WorkflowComponent.prototype.cancel = function () {
-            this.finishPending();
-            this.dialog.visible = false;
-            this.canceled.emit();
+            if (!this.pendingChanges.checkForPendingTasks(this.pendingTaskIds)) {
+                this.finishPending();
+                this.dialog.visible = false;
+                this.canceled.emit();
+            }
         };
         WorkflowComponent.prototype.onIndexDataChanged = function (event) {
             this.form = event;
@@ -17188,7 +17225,10 @@
                 .deleteDmsObject(dmsObject.id, dmsObject.type.name, hardDelete, force)
                 .subscribe(function () {
                 _this.showForceDeleteDialog = false;
-                _this.toast.success(_this.translate.instant('eo.action.delete.dms.object.done.title'), _this.translate.instant('eo.action.delete.dms.object.done.message'));
+                var successMessage = _this.capabilitiesService.hasCapability('recyclebin')
+                    ? _this.translate.instant('eo.action.delete.dms.object.done.enabled.message', { title: dmsObject.title })
+                    : _this.translate.instant('eo.action.delete.dms.object.done.message', { title: dmsObject.title });
+                _this.toast.success(_this.translate.instant('eo.action.delete.dms.object.done.title'), successMessage);
                 _this.eventService.trigger(i1.EnaioEvent.DMS_OBJECT_DELETED, _this.selection[0]);
                 if ((dmsObject.isContextFolder || !dmsObject.contextFolder) && _this.isAllowedState()) {
                     _this.router.navigate(['/']);
@@ -18512,9 +18552,11 @@
             this.finished.emit();
         };
         SignatureComponent.prototype.cancel = function () {
-            this.finishPending();
-            this.dialog.visible = false;
-            this.canceled.emit();
+            if (!this.pendingChanges.checkForPendingTasks(this.pendingTaskIds)) {
+                this.finishPending();
+                this.dialog.visible = false;
+                this.canceled.emit();
+            }
         };
         SignatureComponent.prototype.onIndexDataChanged = function () {
             if (this.signingForm.dirty) {
@@ -18545,8 +18587,8 @@
     SignatureComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-signature',
-                    template: "<eo-dialog [title]=\"headerTitle\"\n           [subtitle]=\"headerDescription\"\n           [visible]=\"true\"\n           [dirtyCheck]=\"pendingTaskIds\"\n           [minWidth]=\"600\"\n           [minHeight]=\"600\"\n           [styleClass]=\"'process-form-dialog'\" #dialog>\n\n  <section class=\"signature-form form-container\">\n    <form class=\"signing-form\" [formGroup]=\"signingForm\">\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailsubject' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailsubject'\"\n          [minLength]=\"3\"\n          [maxLength]=\"100\"\n        ></eo-string>\n      </eo-form-input>\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailbody' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailbody'\"\n          [multiline]=\"true\"\n          [size]=\"'medium'\"\n          [minLength]=\"3\"\n          [maxLength]=\"4000\"\n        ></eo-string>\n      </eo-form-input>\n      <div class=\"table\">\n        <eo-table [limit]=\"maxSigners\" [params]=\"{\n        situation: '',\n        element: getLocalizedForm(),\n        size: 'small',\n        object: selection[0]\n      }\" [formControlName]=\"'yuvsigners'\"></eo-table>\n      </div>\n    </form>\n\n    <div class=\"actions\">\n      <div *ngIf=\"signingForm?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n      <eo-cta [active]=\"true\" class=\"cta-wrapper\">\n        <button *ngIf=\"signingForm?.dirty\" (click)=\"signingForm.reset()\" class=\"button-reset\" translate>eo.action.signature.reset</button>\n        <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.action.signature.cancel</button>\n        <button (click)=\"saveForm()\" [disabled]=\"signingForm?.invalid || processingRequest\" class=\"primary\" translate>eo.action.signature.request</button>\n      </eo-cta>\n    </div>\n  </section>\n</eo-dialog>\n",
-                    styles: ["::ng-deep .signature-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .signature-form .invalid{color:var(--color-error);margin:40px 0 15px}::ng-deep .signature-form .actions{align-items:flex-end;display:flex;flex:0;flex-direction:column;justify-content:center;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:0;min-height:3em;min-width:0}::ng-deep .signature-form .actions button{white-space:nowrap}::ng-deep .signature-form .actions eo-cta{display:flex;justify-content:flex-end}::ng-deep .signature-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media (max-width:800px){::ng-deep .signature-form .actions{align-items:flex-end;flex-direction:column}}.signing-form{box-sizing:border-box;margin:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}.signing-form .table .label{padding-bottom:calc(var(--app-pane-padding)/4)}"]
+                    template: "<eo-dialog [title]=\"headerTitle\"\n           [subtitle]=\"headerDescription\"\n           [visible]=\"true\"\n           [dirtyCheck]=\"pendingTaskIds\"\n           [minWidth]=\"600\"\n           [minHeight]=\"600\"\n           [styleClass]=\"'process-form-dialog'\" #dialog>\n\n  <section class=\"signature-form form-container\">\n    <form class=\"signing-form\" [formGroup]=\"signingForm\">\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailsubject' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailsubject'\"\n          [minLength]=\"3\"\n          [maxLength]=\"100\"\n        ></eo-string>\n      </eo-form-input>\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailbody' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailbody'\"\n          [multiline]=\"true\"\n          [size]=\"'medium'\"\n          [minLength]=\"3\"\n          [maxLength]=\"4000\"\n        ></eo-string>\n      </eo-form-input>\n      <div class=\"table\">\n        <eo-table [limit]=\"maxSigners\" [height]=\"'60vh'\" [minWidth]=\"'68vw'\" [hasPreviewFile]=\"false\" [params]=\"{\n        situation: 'CREATE',\n        element: getLocalizedForm(),\n        size: 'small',\n        object: selection[0]\n      }\" [formControlName]=\"'yuvsigners'\"></eo-table>\n      </div>\n    </form>\n\n    <div class=\"actions\">\n      <div *ngIf=\"signingForm?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n      <eo-cta [active]=\"!processingRequest\" class=\"cta-wrapper\">\n        <button *ngIf=\"signingForm?.dirty\" (click)=\"signingForm.reset()\" class=\"button-reset\" translate>eo.action.signature.reset</button>\n        <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.action.signature.cancel</button>\n        <button (click)=\"saveForm()\" [disabled]=\"signingForm?.invalid || processingRequest || !signers.value || !signers.value.length\" class=\"primary\" translate>eo.action.signature.request</button>\n      </eo-cta>\n    </div>\n  </section>\n  <div class=\"loader-overlay__mask\" *ngIf=\"processingRequest\">\n    <eo-loading-spinner class=\"signature__loader\" [size]=\"'large'\"></eo-loading-spinner>\n  </div>\n</eo-dialog>\n",
+                    styles: ["::ng-deep .signature-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .signature-form .invalid{color:var(--color-error);margin:40px 0 15px}::ng-deep .signature-form .actions{align-items:flex-end;display:flex;flex:0;flex-direction:column;justify-content:center;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:0;min-height:3em;min-width:0}::ng-deep .signature-form .actions button{white-space:nowrap}::ng-deep .signature-form .actions eo-cta{display:flex;justify-content:flex-end}::ng-deep .signature-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media (max-width:800px){::ng-deep .signature-form .actions{align-items:flex-end;flex-direction:column}}.signing-form{box-sizing:border-box;margin:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}.signing-form .table .label{padding-bottom:calc(var(--app-pane-padding)/4)}.loader-overlay__mask{-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;background:rgba(var(--color-white-rgb),.8);display:flex;height:100%;position:absolute;width:100%;z-index:11}.loader-overlay__mask .signature__loader{margin:auto}"]
                 },] }
     ];
     SignatureComponent.ctorParameters = function () { return [
@@ -18586,7 +18628,13 @@
                 && !this.isFinalized(element));
         };
         SignatureActionComponent.prototype.isAllowedMimeType = function (item) {
-            return item.content && item.content.contents[0].mimetype === 'application/pdf';
+            return item.content && (item.content.contents[0].mimetype === 'application/pdf'
+                || item.content.contents[0].mimetype === 'application/msword'
+                || item.content.contents[0].mimetype === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+                || item.content.contents[0].mimetype === 'application/vnd.ms-excel'
+                || item.content.contents[0].mimetype === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+                || item.content.contents[0].mimetype === 'application/vnd.ms-powerpoint'
+                || item.content.contents[0].mimetype === 'application/vnd.openxmlformats-officedocument.presentationml.presentation');
         };
         SignatureActionComponent.prototype.isAllowedObjectType = function (item) {
             return item.type.supertypes.includes('yuvsigning');
@@ -20550,6 +20598,7 @@
             _this.enableSync = true;
             _this._emptyState = { icon: 'ic_no-file.svg', text: '', className: '' };
             _this.externalPanels = new i0.QueryList();
+            _this.preventClickThrough = false;
             // shortcut actions
             _this.shortcuts = {
                 id: 'eo.object-details',
@@ -20706,7 +20755,7 @@
                         _this.loadDmsObject(_this.parseDmsParams(res)).subscribe(function (res) {
                             // refreshing object details may result in an updated version of the object
                             // so we'll use this trigger to also emitt those changes to other listening components
-                            if (_this.item && res && (_this.item.id === res.id) && res.version > _this.item.version) {
+                            if (_this.item && res && (_this.item.id === res.id)) {
                                 _this.eventService.trigger(i1.EnaioEvent.DMS_OBJECT_UPDATED, res);
                             }
                             _this.dmsObject = res;
@@ -20720,7 +20769,14 @@
             }
         };
         ObjectDetailsComponent.prototype.refreshContent = function () {
-            this.updateContent();
+            var _this = this;
+            if (!this.preventClickThrough) {
+                this.preventClickThrough = true;
+                this.updateContent();
+            }
+            setTimeout(function () {
+                _this.preventClickThrough = false;
+            }, 5000);
         };
         ObjectDetailsComponent.prototype.prepareIndexDataPreview = function (item, formData) {
             var id = item.id, data = item.data, type = item.type, created = item.created, modified = item.modified, content = item.content, contentFileName = item.contentFileName, contentFileSize = item.contentFileSize, version = item.version;
@@ -20872,9 +20928,9 @@
     ObjectDetailsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-object-details',
-                    template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"object-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError; else noItem\">\n\n  <div class=\"eo-head eo-head-tabs\" [eoShortcuts]=\"shortcuts\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n      </div>\n\n      <div class=\"eo-header-actions-container\">\n        <div class=\"eo-header-actions\">\n          <ng-container *ngIf=\"!isReference; else tplHeadReference\">\n            <eo-icon class=\"button refresh-button\" *ngIf=\"!recyclebinTabs\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n              [iconTitle]=\"('eo.list.refresh' | translate)\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare && !recyclebinTabs\" [ngClass]=\"{'enabled': enableSync}\"\n              [iconSrc]=\"'assets/_default/svg/ic_link.svg'\" [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\"\n              (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\" *ngIf=\"!enableCompare && !recyclebinTabs && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\" *ngIf=\"!enableCompare && !recyclebinTabs && item.content && item.rights.edit && (agentIsConnected$ | async)\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" *ngIf=\"!recyclebinTabs\" (click)=\"showActions()\"\n              [iconTitle]=\"('eo.object.details.actions.title' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n          </ng-container>\n\n          <ng-template #tplHeadReference>\n            <a class=\"button reference primary\"\n               [title]=\"('eo.object.reference.tooltip' | translate:{title:referenceTitle})\"\n               [routerLink]=\"['/object', item.id]\"\n               [queryParams]=\"{type: item.typeName}\">{{'eo.object.reference.open'|translate}}</a>\n          </ng-template>\n\n        </div>\n\n        <div class=\"eo-header-status-icons\">\n          <a class=\"content-link\" [title]=\"'eo.object.contentlink.tooltip' | translate\" *ngIf=\"item.content?.linked\"\n            [routerLink]=\"'/object/' + item.content.id\" [queryParams]=\"{type: item.content.type}\">\n            <span>{{'eo.object.contentlink' | translate}}</span>\n          </a>\n          <eo-icon class=\"subscription-icon\" *ngIf=\"item.subscriptions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_subscription.svg'\"\n            [iconTitle]=\"subscriptionIconTooltip\"></eo-icon>\n          <eo-icon class=\"resubmission-icon\" *ngIf=\"item.resubmissions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_resubmission.svg'\"\n            [iconTitle]=\"'eo.object.resubmission.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length && !recyclebinTabs\"\n                   [iconSrc]=\"'assets/_default/svg/ic_share.svg'\"\n                   [iconTitle]=\"'eo.object.shared.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"lock\" [ngClass]=\"{'myLock': item.lock.by.me}\" *ngIf=\"item.lock\"\n            [iconSrc]=\"'assets/_default/svg/ic_lock.svg'\" [iconTitle]=\"lockTooltip\"></eo-icon>\n          <eo-icon class=\"finalized-icon\" *ngIf=\"item.isFinalized\" [iconSrc]=\"'assets/_default/svg/ic_finalized.svg'\"\n            [iconTitle]=\"'eo.object.finalized.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon inprocess\" *ngIf=\"item.data.yuvsigstatus === 'inprocess'\"\n                   [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n                   [iconTitle]=\"'eo.object.signature.tooltip.inprocess' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon signed\" *ngIf=\"item.data.yuvsigstatus === 'signed'\"\n                   [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n                   [iconTitle]=\"'eo.object.signature.tooltip.signed' | translate\"></eo-icon>\n        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n    <eo-tab-container [pluginPanels]=\"externalPanels\" [cacheLayout]=\"!enableCompare && cacheLayout\" [defaultPanelOrder]=\"!enableCompare && panelOrder\"\n      [dndEnabled]=\"!enableCompare\" [enableSlave]=\"!enableCompare || item2\" [enableSync]=\"enableCompare && enableSync\"\n      [version]=\"enableCompare && {master: item && item.version, slave: item2 && item2.version}\">\n\n      <eo-tab-panel [id]=\"'summary'\" *ngIf=\"isVisible('summary')\" header=\"{{'eo.object.summary.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n            [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'indexdata'\" *ngIf=\"isVisible('indexdata') && !recyclebinTabs\" header=\"{{'eo.object.indexdata.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'preview'\" *ngIf=\"isVisible('preview')\" header=\"{{'eo.object.content.title' | translate}}\" [isSlave]=\"!enableCompare\"\n        #preview>\n        <ng-template pTemplate=\"content\" *ngIf=\"!undockWinActive; else loadPreview\">\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\" [disabled]=\"!preview.selected\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n        <ng-template #loadPreview>\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('history') && !enableCompare\" [id]=\"'history'\" header=\"{{'eo.object.history.title' | translate}}\" #history>\n        <ng-template pTemplate=\"content\">\n          <eo-object-history *ngIf=\"history.selected\" [params]=\"{id: item.id, type: item.type?.qname}\">\n          </eo-object-history>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('links') && !enableCompare && !recyclebinTabs\" [id]=\"'links'\" header=\"{{'eo.object.links.title' | translate}}\" #links>\n        <ng-template pTemplate=\"content\">\n          <eo-object-links *ngIf=\"links.selected\" [dmsObject]=\"item\"></eo-object-links>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('signature') && hasSigningObjectType() && !recyclebinTabs\" [id]=\"'signature'\" header=\"{{'eo.object.signature-tab.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n         <eo-signature-tab [dmsObject]=\"item\"></eo-signature-tab>\n        </ng-template>\n      </eo-tab-panel>\n      <!-- slave tabs -->\n\n      <eo-tab-panel *ngIf=\"isVisible('summary') && enableCompare\" [id]=\"'summary2'\" header=\"{{'eo.object.summary.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [indexdata]=\"indexDataPreview2\" [baseparams]=\"baseparams2\"\n            [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('indexdata') && enableCompare\" [id]=\"'indexdata2'\" header=\"{{'eo.object.indexdata.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit *ngIf=\"item2\" [dmsObject]=\"item2\" (indexDataSaved)=\"onIndexDataSaved($event, item2)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('preview') && enableCompare\" [id]=\"'preview2'\" header=\"{{'eo.object.content.title' | translate}}\"\n        [isSlave]=\"true\" #preview2>\n        <ng-template pTemplate=\"content\">\n          <eo-media *ngIf=\"item2\" [dmsObject]=\"item2\" [disabled]=\"!preview2.selected\" [undockDisabled]=\"enableCompare\"\n            [useVersion]=\"true\" [searchTerm]=\"searchTerm\" #viewer2></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"enableCompare && enableDiff\" [id]=\"'changes'\" header=\"{{'eo.object.changes.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [diff]=\"{indexdata : indexDataPreview, indexdata2: indexDataPreview2, baseparams: baseparams, baseparams2: baseparams2}\"\n          [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <ng-content></ng-content>\n\n    </eo-tab-container>\n  </div>\n</ng-container>\n\n<ng-template #noItem>\n  <span class=\"not-found\" *ngIf=\"nodmsobject\" translate>eo.bpm.nodmsobject</span>\n  <eo-error-message *ngIf=\"!showLoader\"\n    [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n",
+                    template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"object-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError; else noItem\">\n\n  <div class=\"eo-head eo-head-tabs\" [eoShortcuts]=\"shortcuts\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n      </div>\n\n      <div class=\"eo-header-actions-container\">\n        <div class=\"eo-header-actions\">\n          <ng-container *ngIf=\"!isReference; else tplHeadReference\">\n            <eo-icon class=\"button refresh-button\" *ngIf=\"!recyclebinTabs\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n              [iconTitle]=\"('eo.list.refresh' | translate)\" [ngClass]=\"{'disable-refresh': preventClickThrough}\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare && !recyclebinTabs\" [ngClass]=\"{'enabled': enableSync}\"\n              [iconSrc]=\"'assets/_default/svg/ic_link.svg'\" [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\"\n              (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\" *ngIf=\"!enableCompare && !recyclebinTabs && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\" *ngIf=\"!enableCompare && !recyclebinTabs && item.content && item.rights.edit && (agentIsConnected$ | async)\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" *ngIf=\"!recyclebinTabs\" (click)=\"showActions()\"\n              [iconTitle]=\"('eo.object.details.actions.title' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n          </ng-container>\n\n          <ng-template #tplHeadReference>\n            <a class=\"button reference primary\"\n               [title]=\"('eo.object.reference.tooltip' | translate:{title:referenceTitle})\"\n               [routerLink]=\"['/object', item.id]\"\n               [queryParams]=\"{type: item.typeName}\">{{'eo.object.reference.open'|translate}}</a>\n          </ng-template>\n\n        </div>\n\n        <div class=\"eo-header-status-icons\">\n          <a class=\"content-link\" [title]=\"'eo.object.contentlink.tooltip' | translate\" *ngIf=\"item.content?.linked\"\n            [routerLink]=\"'/object/' + item.content.id\" [queryParams]=\"{type: item.content.type}\">\n            <span>{{'eo.object.contentlink' | translate}}</span>\n          </a>\n          <eo-icon class=\"subscription-icon\" *ngIf=\"item.subscriptions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_subscription.svg'\"\n            [iconTitle]=\"subscriptionIconTooltip\"></eo-icon>\n          <eo-icon class=\"resubmission-icon\" *ngIf=\"item.resubmissions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_resubmission.svg'\"\n            [iconTitle]=\"'eo.object.resubmission.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length && !recyclebinTabs\"\n                   [iconSrc]=\"'assets/_default/svg/ic_share.svg'\"\n                   [iconTitle]=\"'eo.object.shared.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"lock\" [ngClass]=\"{'myLock': item.lock.by.me}\" *ngIf=\"item.lock\"\n            [iconSrc]=\"'assets/_default/svg/ic_lock.svg'\" [iconTitle]=\"lockTooltip\"></eo-icon>\n          <eo-icon class=\"finalized-icon\" *ngIf=\"item.isFinalized\" [iconSrc]=\"'assets/_default/svg/ic_finalized.svg'\"\n            [iconTitle]=\"'eo.object.finalized.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon inprocess\" *ngIf=\"item.data.yuvsigstatus === 'inprocess'\"\n                   [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n                   [iconTitle]=\"'eo.object.signature.tooltip.inprocess' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon signed\" *ngIf=\"item.data.yuvsigstatus === 'signed'\"\n                   [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n                   [iconTitle]=\"'eo.object.signature.tooltip.signed' | translate\"></eo-icon>\n        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n    <eo-tab-container [pluginPanels]=\"externalPanels\" [cacheLayout]=\"!enableCompare && cacheLayout\" [defaultPanelOrder]=\"!enableCompare && panelOrder\"\n      [dndEnabled]=\"!enableCompare\" [enableSlave]=\"!enableCompare || item2\" [enableSync]=\"enableCompare && enableSync\"\n      [version]=\"enableCompare && {master: item && item.version, slave: item2 && item2.version}\">\n\n      <eo-tab-panel [id]=\"'summary'\" *ngIf=\"isVisible('summary')\" header=\"{{'eo.object.summary.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n            [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'indexdata'\" *ngIf=\"isVisible('indexdata') && !recyclebinTabs\" header=\"{{'eo.object.indexdata.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'preview'\" *ngIf=\"isVisible('preview')\" header=\"{{'eo.object.content.title' | translate}}\" [isSlave]=\"!enableCompare\"\n        #preview>\n        <ng-template pTemplate=\"content\" *ngIf=\"!undockWinActive; else loadPreview\">\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\" [disabled]=\"!preview.selected\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n        <ng-template #loadPreview>\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('history') && !enableCompare\" [id]=\"'history'\" header=\"{{'eo.object.history.title' | translate}}\" #history>\n        <ng-template pTemplate=\"content\">\n          <eo-object-history *ngIf=\"history.selected\" [params]=\"{id: item.id, type: item.type?.qname}\">\n          </eo-object-history>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('links') && !enableCompare && !recyclebinTabs\" [id]=\"'links'\" header=\"{{'eo.object.links.title' | translate}}\" #links>\n        <ng-template pTemplate=\"content\">\n          <eo-object-links *ngIf=\"links.selected\" [dmsObject]=\"item\"></eo-object-links>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('signature') && hasSigningObjectType() && !recyclebinTabs\" [id]=\"'signature'\" header=\"{{'eo.object.signature-tab.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n         <eo-signature-tab [dmsObject]=\"item\"></eo-signature-tab>\n        </ng-template>\n      </eo-tab-panel>\n      <!-- slave tabs -->\n\n      <eo-tab-panel *ngIf=\"isVisible('summary') && enableCompare\" [id]=\"'summary2'\" header=\"{{'eo.object.summary.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [indexdata]=\"indexDataPreview2\" [baseparams]=\"baseparams2\"\n            [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('indexdata') && enableCompare\" [id]=\"'indexdata2'\" header=\"{{'eo.object.indexdata.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit *ngIf=\"item2\" [dmsObject]=\"item2\" (indexDataSaved)=\"onIndexDataSaved($event, item2)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('preview') && enableCompare\" [id]=\"'preview2'\" header=\"{{'eo.object.content.title' | translate}}\"\n        [isSlave]=\"true\" #preview2>\n        <ng-template pTemplate=\"content\">\n          <eo-media *ngIf=\"item2\" [dmsObject]=\"item2\" [disabled]=\"!preview2.selected\" [undockDisabled]=\"enableCompare\"\n            [useVersion]=\"true\" [searchTerm]=\"searchTerm\" #viewer2></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"enableCompare && enableDiff\" [id]=\"'changes'\" header=\"{{'eo.object.changes.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [diff]=\"{indexdata : indexDataPreview, indexdata2: indexDataPreview2, baseparams: baseparams, baseparams2: baseparams2}\"\n          [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <ng-content></ng-content>\n\n    </eo-tab-container>\n  </div>\n</ng-container>\n\n<ng-template #noItem>\n  <span class=\"not-found\" *ngIf=\"nodmsobject\" translate>eo.bpm.nodmsobject</span>\n  <eo-error-message *ngIf=\"!showLoader\"\n    [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n",
                     providers: [ContentPreviewService],
-                    styles: [":host{background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-subtitle,:host .eo-head .eo-header .eo-header-info .eo-header-title{-moz-user-select:text;-webkit-user-select:text;user-select:text}:host .eo-body__not-available{background:rgba(var(--color-black-rgb),.4);opacity:.4}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .lock{background:var(--color-error)!important;border-radius:2px;color:var(--color-white);height:18px;padding:1px;width:18px}:host .lock.myLock{background:var(--state-orange)!important;color:var(--color-white)}:host .not-found{background:var(--color-error);border-radius:2px;color:var(--panel-background);flex:0 0 auto;margin:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/4);text-align:center}:host .eo-header-status-icons{display:flex;justify-content:flex-end;margin-top:var(--app-pane-padding)}:host .eo-header-status-icons>eo-icon{background-color:var(--color-primary-2);color:var(--color-white);height:18px;margin-left:1px;padding:calc(var(--app-pane-padding)/4);width:18px}:host .eo-header-status-icons>eo-icon:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}:host .eo-header-status-icons>eo-icon:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}:host .eo-header-status-icons>eo-icon.finalized-icon{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.signed-icon.inprocess{background-color:var(--color-light-gray)}:host .eo-header-status-icons>eo-icon.signed-icon.signed{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.lock{background:var(--color-error)!important;border-radius:2px;color:var(--color-white);height:18px;padding:1px;width:18px}:host .eo-header-status-icons>eo-icon.lock.myLock{background:var(--state-orange)!important}:host .eo-header-status-icons>a{align-items:center;background-color:var(--color-success);border-radius:2px;color:var(--color-white);display:flex;font-size:var(--font-hint);line-height:var(--font-hint);margin:0 calc(var(--app-pane-padding)/4);padding:0 4px 1px;text-decoration:none}:host .loader-overlay__mask{-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;background:rgba(var(--color-white-rgb),.8);display:flex;height:100%;position:absolute;width:100%;z-index:11}:host .loader-overlay__mask .object-detail__loader{margin:auto}:host ::ng-deep .sync-tab-btn{color:rgba(var(--color-black-rgb),.2)}:host ::ng-deep .sync-tab-btn .svg-link{fill:transparent}:host ::ng-deep .sync-tab-btn.enabled .svg-link{fill:currentColor}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}:host ::ng-deep #indexdata{overflow:hidden}:host ::ng-deep #indexdata .object-form-edit{background:transparent!important;height:100%;margin:0;position:relative}:host ::ng-deep #indexdata .object-form-edit eo-object-form{background:transparent;overflow:auto}:host ::ng-deep #indexdata .object-form-edit eo-object-form .eo-object-form{background:var(--panel-background);border:1px solid rgba(var(--color-black-rgb),.1);margin:var(--app-pane-padding)}:host ::ng-deep #indexdata .object-form-edit .form-controls{-webkit-animation:eoFadeInUp .2s;animation:eoFadeInUp .2s;border:4px solid var(--panel-background-grey)}:host ::ng-deep #indexdata .object-form-edit .form-controls .buttons{background:var(--panel-background);border-top:1px solid var(--panel-divider-color);padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)!important}"]
+                    styles: [":host{background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-subtitle,:host .eo-head .eo-header .eo-header-info .eo-header-title{-moz-user-select:text;-webkit-user-select:text;user-select:text}:host .eo-body__not-available{background:rgba(var(--color-black-rgb),.4);opacity:.4}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .lock{background:var(--color-error)!important;border-radius:2px;color:var(--color-white);height:18px;padding:1px;width:18px}:host .lock.myLock{background:var(--state-orange)!important;color:var(--color-white)}:host .not-found{background:var(--color-error);border-radius:2px;color:var(--panel-background);flex:0 0 auto;margin:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/4);text-align:center}:host .eo-header-status-icons{display:flex;justify-content:flex-end;margin-top:var(--app-pane-padding)}:host .eo-header-status-icons>eo-icon{background-color:var(--color-primary-2);color:var(--color-white);height:18px;margin-left:1px;padding:calc(var(--app-pane-padding)/4);width:18px}:host .eo-header-status-icons>eo-icon:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}:host .eo-header-status-icons>eo-icon:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}:host .eo-header-status-icons>eo-icon.finalized-icon{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.signed-icon.inprocess{background-color:var(--color-light-gray)}:host .eo-header-status-icons>eo-icon.signed-icon.signed{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.lock{background:var(--color-error)!important;border-radius:2px;color:var(--color-white);height:18px;padding:1px;width:18px}:host .eo-header-status-icons>eo-icon.lock.myLock{background:var(--state-orange)!important}:host .eo-header-status-icons>a{align-items:center;background-color:var(--color-success);border-radius:2px;color:var(--color-white);display:flex;font-size:var(--font-hint);line-height:var(--font-hint);margin:0 calc(var(--app-pane-padding)/4);padding:0 4px 1px;text-decoration:none}:host .loader-overlay__mask{-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;background:rgba(var(--color-white-rgb),.8);display:flex;height:100%;position:absolute;width:100%;z-index:11}:host .loader-overlay__mask .object-detail__loader{margin:auto}:host ::ng-deep .sync-tab-btn{color:rgba(var(--color-black-rgb),.2)}:host ::ng-deep .sync-tab-btn .svg-link{fill:transparent}:host ::ng-deep .sync-tab-btn.enabled .svg-link{fill:currentColor}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}:host ::ng-deep #indexdata{overflow:hidden}:host ::ng-deep #indexdata .object-form-edit{background:transparent!important;height:100%;margin:0;position:relative}:host ::ng-deep #indexdata .object-form-edit eo-object-form{background:transparent;overflow:auto}:host ::ng-deep #indexdata .object-form-edit eo-object-form .eo-object-form{background:var(--panel-background);border:1px solid rgba(var(--color-black-rgb),.1);margin:var(--app-pane-padding)}:host ::ng-deep #indexdata .object-form-edit .form-controls{-webkit-animation:eoFadeInUp .2s;animation:eoFadeInUp .2s;border:4px solid var(--panel-background-grey)}:host ::ng-deep #indexdata .object-form-edit .form-controls .buttons{background:var(--panel-background);border-top:1px solid var(--panel-divider-color);padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)!important}:host ::ng-deep .refresh-button.disable-refresh{color:var(--color-primary-3);cursor:default}"]
                 },] }
     ];
     ObjectDetailsComponent.ctorParameters = function () { return [
@@ -21258,7 +21314,7 @@
     ObjectHistoryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-object-history',
-                    template: "<div class=\"object-history\">\n\n  <eo-history-filter [filters]=\"filters\"\n                     [history]=\"history\"\n                     [(term)]=\"filterterm\"\n                     [visibleFilter]=\"visibleFilter\"\n                     (onToggleFilter)=\"toggleFilter($event)\">\n  </eo-history-filter>\n\n\n  <ng-template #empty>\n    <div class=\"history empty\" translate>eo.timeline.empty</div>\n  </ng-template>\n\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\n\n    <div class=\"timeline-entry\" [ngClass]=\"{user: !!entry.user, comment: entry.comment}\"\n         *ngFor=\"let entry of history | historyFilter: filterterm; trackBy: trackByIndex\">\n\n      <div class=\"when\">\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\n      </div>\n      <div class=\"marker\" [ngClass]=\"{bpm: entry.group === 'PROCESS', mod: entry.group === 'MODIFICATION'}\"></div>\n      <div class=\"what\">\n\n        <div class=\"title\"><span [translate]=\"'eo.object.history.entry.type.' + entry.type + '.title'\"></span>\n          <a class=\"version\" [routerLink]=\"'/versions/' + params.id\" [queryParams]=\"{type: params.type, version: entry.version}\">\n            <span>{{'eo.object.history.version' | translate}} {{entry.version}}</span>\n          </a>\n        </div>\n        <div class=\"description\"\n          [translateParams]=\"entry.parameter\"\n          [translate]=\"'eo.object.history.entry.type.' + entry.type + '.description'\"></div>\n        <div class=\"comment\">&quot;{{entry.comment}}&quot;</div>\n\n        <div class=\"meta\">\n          <span *ngIf=\"entry.user.type === 'serveruser'; else user\">{{entry.user.title}}</span>\n          <ng-template #user>\n            <span>{{entry.user.lastname}}, {{entry.user.firstname}} ({{entry.user.name}})</span>\n          </ng-template>\n        </div>\n\n        <div class=\"bpm-meta\" *ngIf=\"entry.parameter?.type === 'bpm'\">\n          <span *ngIf=\"entry.parameter.processName\">\n          <span translate>eo.object.history.workflowprocess</span>\n          <span>'{{entry.parameter.processName}}'</span>\n        </span>\n          <span *ngIf=\"entry.parameter.activityName\">\n          <span translate>eo.object.history.activity</span>\n          <span>'{{entry.parameter.activityName}}'</span>\n        </span>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</div>\n",
+                    template: "<div class=\"object-history\">\n\n  <eo-history-filter [filters]=\"filters\"\n                     [history]=\"history\"\n                     [(term)]=\"filterterm\"\n                     [visibleFilter]=\"visibleFilter\"\n                     (onToggleFilter)=\"toggleFilter($event)\">\n  </eo-history-filter>\n\n\n  <ng-template #empty>\n    <div class=\"history empty\" translate>eo.timeline.empty</div>\n  </ng-template>\n\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\n\n    <div class=\"timeline-entry\" [ngClass]=\"{user: !!entry.user, comment: entry.comment}\"\n         *ngFor=\"let entry of history | historyFilter: filterterm; trackBy: trackByIndex\">\n\n      <div class=\"when\">\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\n      </div>\n      <div class=\"marker\" [ngClass]=\"{bpm: entry.group === 'PROCESS', mod: entry.group === 'MODIFICATION'}\"></div>\n      <div class=\"what\">\n\n        <div class=\"title\"><span [translate]=\"'eo.object.history.entry.type.' + entry.type + '.title'\"></span>\n          <a class=\"version\" [routerLink]=\"'/versions/' + params.id\" [queryParams]=\"{type: params.type, version: entry.version}\">\n            <span>{{'eo.object.history.version' | translate}} {{entry.version}}</span>\n          </a>\n        </div>\n        <div class=\"description\"\n          [translateParams]=\"entry.parameter\"\n          [translate]=\"'eo.object.history.entry.type.' + (entry.intent ? entry.intent : entry.type) + '.description'\"></div>\n        <div class=\"comment\">&quot;{{entry.comment}}&quot;</div>\n\n        <div class=\"meta\">\n          <span *ngIf=\"entry.user.type === 'serveruser'; else user\">{{entry.user.title}}</span>\n          <ng-template #user>\n            <span>{{entry.user.lastname}}, {{entry.user.firstname}} ({{entry.user.name}})</span>\n          </ng-template>\n        </div>\n\n        <div class=\"bpm-meta\" *ngIf=\"entry.parameter?.type === 'bpm'\">\n          <span *ngIf=\"entry.parameter.processName\">\n          <span translate>eo.object.history.workflowprocess</span>\n          <span>'{{entry.parameter.processName}}'</span>\n        </span>\n          <span *ngIf=\"entry.parameter.activityName\">\n          <span translate>eo.object.history.activity</span>\n          <span>'{{entry.parameter.activityName}}'</span>\n        </span>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</div>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host .object-history{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:350px;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .timeline-entry .marker.bpm:before{border-color:var(--color-warning)}:host .timeline-entry .marker.mod:before{border-color:var(--color-success)}:host .timeline-entry .what{padding-bottom:0}:host .timeline-entry .what .title{display:flex;flex-flow:row nowrap;justify-content:space-between}:host .timeline-entry .what .title .version{color:var(--text-color-caption);font-size:var(--font-hint);font-weight:var(--font-weight-normal);white-space:nowrap}:host .timeline-entry .what .title .version span{padding:0 calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .comment{display:none}:host .timeline-entry .what .bpm-meta{color:var(--text-color-caption);font-size:var(--font-hint);margin-bottom:calc(var(--app-pane-padding)/2)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .meta>span{background-color:rgba(var(--color-black-rgb),.08);border-radius:2px;display:block;font-size:var(--font-caption);margin:0 calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4) 0;padding:2px 4px}:host .timeline-entry.comment .what .comment{color:var(--text-color-caption);display:block;font-style:italic;margin-bottom:calc(var(--app-pane-padding)/2)}"]
                 },] }
@@ -21779,6 +21835,288 @@
         item: [{ type: i0.Input }]
     };
 
+    var RecyclebinDetailsComponent = /** @class */ (function (_super) {
+        __extends(RecyclebinDetailsComponent, _super);
+        function RecyclebinDetailsComponent(router, route, system, empty, backend, userService, toast, dmsService, selection, capabilityService, eventService, configService, translate) {
+            var _this = _super.call(this) || this;
+            _this.router = router;
+            _this.route = route;
+            _this.system = system;
+            _this.empty = empty;
+            _this.backend = backend;
+            _this.userService = userService;
+            _this.toast = toast;
+            _this.dmsService = dmsService;
+            _this.selection = selection;
+            _this.capabilityService = capabilityService;
+            _this.eventService = eventService;
+            _this.configService = configService;
+            _this.translate = translate;
+            // generate unique id to pass to upload registry
+            _this.user$ = _this.userService.user$;
+            _this._showDeleteDialog = false;
+            _this.userId = '';
+            _this.hasError = false;
+            _this.nodmsobject = false;
+            _this.showLoader = false;
+            _this.panelOrder = { 'master': ['summary', 'history'], 'slave': ['preview'] };
+            _this._emptyState = { icon: 'ic_no-file.svg', text: '', className: '' };
+            _this.externalPanels = new i0.QueryList();
+            _this.parseDmsParams = _this.getDmsParams;
+            _this.hasContent = new i0.EventEmitter();
+            _this.panelOrder = _this.configService.getRaw('recyclebinDetailsTabs') || _this.panelOrder;
+            _this.user$.subscribe(function (user) { _this.userId = user.id; });
+            return _this;
+        }
+        Object.defineProperty(RecyclebinDetailsComponent.prototype, "showDeleteDialog", {
+            get: function () {
+                return this._showDeleteDialog;
+            },
+            set: function (val) {
+                var _this = this;
+                this._showDeleteDialog = val;
+                if (this._showDeleteDialog) {
+                    setTimeout(function () { return _this.confirmDeleteButton.nativeElement.focus(); }, 0);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(RecyclebinDetailsComponent.prototype, "emptyState", {
+            get: function () {
+                return this._emptyState;
+            },
+            set: function (e) {
+                this._emptyState = e || EmptyStateService.defaultEmptyState();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(RecyclebinDetailsComponent.prototype, "dmsParams", {
+            set: function (params) {
+                var _this = this;
+                this.showLoader = true;
+                this.loadDmsObject(params).subscribe(function (res) {
+                    _this.dmsObject = res;
+                    _this.showLoader = false;
+                }, i1.Utils.throw(function () { return _this.onHasError(true, true, false); }));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(RecyclebinDetailsComponent.prototype, "dmsObject", {
+            set: function (v) {
+                this.item = v;
+                this.onHasError();
+                // prepare indexdata preview
+                this.onIndexDataSaved(null, this.item);
+                this.eventService.trigger(i1.EnaioEvent.DMS_OBJECT_LOADED, this.item);
+                if (this.item) {
+                    if (this.item.lock) {
+                        this.lockTooltip = this.translate.instant('eo.object.lock') + ' '
+                            + (new LocaleDatePipe(this.translate).transform(this.item.lock.on))
+                            + ', ' + this.item.lock.by.label + ' (' + this.item.lock.by.name + ')';
+                    }
+                }
+                else {
+                    this.emptyState = this.empty.getEmptyState(0);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(RecyclebinDetailsComponent.prototype, "dataType", {
+            get: function () {
+                return this.item ? this.item.typeName : 'none';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        RecyclebinDetailsComponent.prototype.getDmsParams = function (data) {
+            return data ? Object.assign(Object.assign({}, data), { type: data.type }) : null;
+        };
+        RecyclebinDetailsComponent.prototype.updateContent = function () {
+            var _this = this;
+            if (this.applySelection) {
+                this.selection
+                    .find(this.applySelection.in)
+                    .focus$
+                    .pipe(operators.takeUntil(this.componentDestroyed$))
+                    .subscribe(function (result) {
+                    _this.showLoader = true;
+                    _this.loadDmsObject(_this.parseDmsParams(result)).subscribe(function (res) {
+                        if (_this.item && res && (_this.item.id === res.id) && res.version > _this.item.version) {
+                            _this.eventService.trigger(i1.EnaioEvent.DMS_OBJECT_UPDATED, res);
+                        }
+                        _this.dmsObject = res;
+                        _this.showLoader = false;
+                    }, i1.Utils.throw(function (error) {
+                        return _this.onHasError(true, true, false);
+                    }));
+                });
+            }
+        };
+        RecyclebinDetailsComponent.prototype.restoreFile = function (openLocationAfterRestore) {
+            var _this = this;
+            if (openLocationAfterRestore === void 0) { openLocationAfterRestore = false; }
+            this.dmsService.restore(this.item.id, this.userId, this.item.typeName).subscribe(function () {
+                _this.updateContent();
+                if (openLocationAfterRestore) {
+                    _this.router.navigate(['/object', _this.item.id]);
+                }
+                _this.toast.success(_this.translate.instant('eo.recyclebin.details.restore.done.title'), _this.translate.instant('eo.recyclebin.details.restore.done.message', { item: _this.item.title }));
+                _this.eventService.trigger(i1.EnaioEvent.DMS_OBJECT_RESTORED_OR_DELETED);
+            }, function (error) {
+                if (error.status === 409) {
+                    _this.toast.error(_this.translate.instant('eo.recyclebin.details.restore.dms.object.error.409'));
+                }
+            });
+        };
+        RecyclebinDetailsComponent.prototype.deleteDmsObject = function () {
+            var _this = this;
+            this.dmsService
+                .deleteDmsObject(this.item.id, this.item.type.name, true)
+                .subscribe(function () {
+                _this.toast.success(_this.translate.instant('eo.recyclebin.details.delete.done.title'), _this.translate.instant('eo.recyclebin.details.delete.done.message', { item: _this.item.title }));
+                _this._showDeleteDialog = false;
+                _this.eventService.trigger(i1.EnaioEvent.DMS_OBJECT_RESTORED_OR_DELETED);
+            });
+        };
+        RecyclebinDetailsComponent.prototype.prepareIndexDataPreview = function (item, formData) {
+            var id = item.id, data = item.data, type = item.type, created = item.created, modified = item.modified, content = item.content, contentFileName = item.contentFileName, contentFileSize = item.contentFileSize, version = item.version;
+            return this.system
+                .getObjectTypeForm(type.name, 'EDIT')
+                .pipe(operators.map(function (form) {
+                var indexDataPreview = {
+                    form: form,
+                    data: formData || data
+                };
+                var baseparams = {
+                    id: id,
+                    type: type.name,
+                    createdOn: new Date(created.on),
+                    modifiedOn: new Date(modified.on),
+                    createdBy: created.by.title + " (" + created.by.name + ")",
+                    modifiedBy: modified.by.title + " (" + modified.by.name + ")",
+                    contentFileName: contentFileName ? contentFileName : null,
+                    contentFileSize: contentFileSize ? Number(contentFileSize) : null,
+                    version: version || 0,
+                    mimeGroup: content ? content.contents ? content.contents[0].mimegroup : null : null,
+                    digest: content ? content.contents ? content.contents[0].digest : null : null,
+                    contentId: content ? content.contents ? content.id : null : null,
+                    mimeType: content ? content.contents ? content.contents[0].mimetype : null : null,
+                };
+                return { indexDataPreview: indexDataPreview, baseparams: baseparams };
+            }));
+        };
+        RecyclebinDetailsComponent.prototype.onHasError = function (hasError, nodmsobject, showLoader) {
+            if (hasError === void 0) { hasError = false; }
+            if (nodmsobject === void 0) { nodmsobject = false; }
+            if (showLoader === void 0) { showLoader = false; }
+            this.hasError = hasError;
+            this.nodmsobject = nodmsobject;
+            this.showLoader = showLoader;
+            this.hasContent.emit(!hasError);
+        };
+        RecyclebinDetailsComponent.prototype.loadDmsObject = function (params) {
+            var _a;
+            if (params) {
+                delete params.version;
+            }
+            // check for valid id
+            return ((_a = params === null || params === void 0 ? void 0 : params.id) === null || _a === void 0 ? void 0 : _a.length) === 32 ? this.dmsService.getDmsObjectByParams(params) : rxjs.of(null);
+        };
+        RecyclebinDetailsComponent.prototype.downloadOriginalContent = function () {
+            this.backend.downloadContent([this.item], null, false, true);
+        };
+        // executed when the dms object changed due to saving its indexdata
+        RecyclebinDetailsComponent.prototype.onIndexDataSaved = function (formData, item) {
+            var _this = this;
+            if (!this.item) {
+                this.indexDataPreview = null;
+                this.baseparams = null;
+            }
+            if (!this.item2) {
+                this.indexDataPreview2 = null;
+                this.baseparams2 = null;
+            }
+            if (item) {
+                this.prepareIndexDataPreview(item, formData)
+                    .subscribe(function (data) {
+                    if (item === _this.item) {
+                        _this.indexDataPreview = data.indexDataPreview;
+                        _this.baseparams = data.baseparams;
+                    }
+                    else {
+                        _this.indexDataPreview2 = data.indexDataPreview;
+                        _this.baseparams2 = data.baseparams;
+                    }
+                });
+            }
+        };
+        RecyclebinDetailsComponent.prototype.isVisible = function (id) {
+            return this.panelOrder.master.includes(id) || this.panelOrder.slave.includes(id);
+        };
+        RecyclebinDetailsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.capabilities = this.capabilityService.getCapabilities();
+            this.updateContent();
+            this.eventService
+                .on(i1.EnaioEvent.DMS_OBJECT_UPDATED)
+                .pipe(operators.takeUntil(this.componentDestroyed$))
+                .subscribe(function (event) {
+                if (event.data && _this.item.id === event.data.id) {
+                    _this.dmsObject = _this.dmsService.createLocalCopyOfDMSObject(event.data);
+                    if (_this.preview && !_this.preview.disabled) {
+                        _this.preview.refresh();
+                    }
+                }
+            });
+        };
+        RecyclebinDetailsComponent.prototype.ngAfterViewInit = function () {
+            var panels = this.tabPanels.toArray();
+            this.tabPlugins.forEach(function (p) { return panels = panels.concat(p.tabPanels.toArray()); });
+            this.externalPanels.reset(panels);
+        };
+        return RecyclebinDetailsComponent;
+    }(UnsubscribeOnDestroy));
+    RecyclebinDetailsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'eo-recyclebin-details',
+                    template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n    <eo-loading-spinner class=\"recyclebin-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError\">\n\n    <div class=\"eo-head eo-head-tabs\">\n        <header class=\"eo-header\">\n            <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n\n            <div class=\"eo-header-info\">\n                <h2 class=\"eo-header-title\">{{item.title}}</h2>\n                <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n            </div>\n\n            <div class=\"actions\">\n                <eo-icon *ngIf=\"item.content\" class=\"btn btn-download\"\n                    [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\n                    [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\"\n                    (click)=\"downloadOriginalContent()\"></eo-icon>\n                <eo-icon class=\"btn btn-delete\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n                    [iconTitle]=\"('eo.recyclebin.details.delete.tooltip' | translate)\"\n                    (click)=\"showDeleteDialog = true;\"></eo-icon>\n                <button class=\"btn-tpl-apply\" (click)=\"restoreFile()\" translate>eo.recyclebin.details.restore</button>\n                <button (click)=\"restoreFile(true)\" class=\"primary btn-idx-restoreopen\"\n                    translate>eo.recyclebin.details.restoreopen</button>\n            </div>\n        </header>\n    </div>\n    <div class=\"eo-body\">\n        <eo-tab-container [defaultPanelOrder]=\"panelOrder\" [pluginPanels]=\"externalPanels\" [cacheLayout]=\"cacheLayout\"\n            [enableSlave]=\"true\">\n\n            <eo-tab-panel [id]=\"'summary'\" *ngIf=\"isVisible('summary')\"\n                header=\"{{'eo.object.summary.title' | translate}}\">\n                <ng-template pTemplate=\"content\">\n                    <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"></eo-indexdata-summary>\n                </ng-template>\n            </eo-tab-panel>\n\n            <eo-tab-panel [id]=\"'preview'\" *ngIf=\"isVisible('preview')\"\n                header=\"{{'eo.object.content.title' | translate}}\" [isSlave]=\"true\" #preview>\n                <ng-template pTemplate=\"content\">\n                    <eo-media *ngIf=\"item\" [dmsObject]=\"item\" [useVersion]=\"item.id === item.content?.id\" #viewer></eo-media>\n                </ng-template>\n            </eo-tab-panel>\n\n            <eo-tab-panel *ngIf=\"isVisible('history')\" [id]=\"'history'\"\n                header=\"{{'eo.object.history.title' | translate}}\" #history>\n                <ng-template pTemplate=\"content\">\n                    <eo-object-history *ngIf=\"history.selected\" [params]=\"{id: item.id, type: item.type?.qname}\">\n                    </eo-object-history>\n                </ng-template>\n            </eo-tab-panel>\n\n            <ng-content></ng-content>\n\n        </eo-tab-container>\n    </div>\n</ng-container>\n\n<eo-dialog [title]=\"'eo.recyclebin.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'recyclebin-delete__dialog'\">\n\n    <div>{{'eo.recyclebin.details.delete.dialog.message' | translate}}</div>\n\n    <div class=\"action-buttons recyclebin-delete--action-buttons flex-row\">\n        <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n            translate>eo.recyclebin.details.delete.dialog.cancel</button>\n        <button type=\"button\" #confirmDelete (click)=\"deleteDmsObject()\" class=\"button primary\"\n            translate>eo.recyclebin.details.delete.dialog.delete</button>\n    </div>\n</eo-dialog>\n",
+                    styles: [":host{background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-subtitle,:host .eo-head .eo-header .eo-header-info .eo-header-title{-moz-user-select:text;-webkit-user-select:text;user-select:text}:host .actions{align-items:center;align-self:flex-start;display:flex}[dir=ltr] :host .actions button{margin-left:calc(var(--app-pane-padding)/2)}[dir=rtl] :host .actions button{margin-right:calc(var(--app-pane-padding)/2)}:host .actions eo-icon{cursor:pointer;padding:calc(var(--app-pane-padding)/4)}:host .eo-body__not-available{background:rgba(var(--color-black-rgb),.4);opacity:.4}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .loader-overlay__mask{-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;background:rgba(var(--color-white-rgb),.8);display:flex;height:100%;position:absolute;width:100%;z-index:11}:host .loader-overlay__mask .recyclebin-detail__loader{margin:auto}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}::ng-deep .recyclebin-delete__dialog{min-height:unset!important;padding:8px}::ng-deep .recyclebin-delete__dialog--header{background:#fff!important;color:rgba(var(--color-black-rgb),.54)!important;font-size:1.17em!important;font-weight:400!important;margin:0;padding:0 0 1em!important}"]
+                },] }
+    ];
+    RecyclebinDetailsComponent.ctorParameters = function () { return [
+        { type: i2.Router },
+        { type: i2.ActivatedRoute },
+        { type: i1.SystemService },
+        { type: EmptyStateService },
+        { type: i1.BackendService },
+        { type: i1.UserService },
+        { type: i1.NotificationsService },
+        { type: i1.DmsService },
+        { type: SelectionService },
+        { type: i1.CapabilitiesService },
+        { type: i1.EventService },
+        { type: i1.Config },
+        { type: i1.TranslateService }
+    ]; };
+    RecyclebinDetailsComponent.propDecorators = {
+        preview: [{ type: i0.ViewChild, args: ['viewer',] }],
+        confirmDeleteButton: [{ type: i0.ViewChild, args: ['confirmDelete',] }],
+        cacheLayout: [{ type: i0.Input }],
+        tabPanels: [{ type: i0.ContentChildren, args: [TabPanelComponent,] }],
+        tabPlugins: [{ type: i0.ContentChildren, args: [TabPluginComponent,] }],
+        applySelection: [{ type: i0.Input }],
+        parseDmsParams: [{ type: i0.Input }],
+        hasContent: [{ type: i0.Output }],
+        emptyState: [{ type: i0.Input }],
+        dmsParams: [{ type: i0.Input, args: ['params',] }],
+        dmsObject: [{ type: i0.Input, args: ['item',] }],
+        dataType: [{ type: i0.HostBinding, args: ['attr.data-type',] }]
+    };
+
     var ObjectDetailsModule = /** @class */ (function () {
         function ObjectDetailsModule() {
         }
@@ -21803,6 +22141,7 @@
                     ],
                     declarations: [
                         ObjectDetailsComponent,
+                        RecyclebinDetailsComponent,
                         ObjectHistoryComponent,
                         ObjectLinksComponent,
                         FavoriteIconComponent,
@@ -21810,7 +22149,7 @@
                         HistoryFilterComponent,
                         EditIconComponent
                     ],
-                    exports: [ObjectDetailsComponent, ObjectHistoryComponent, ObjectLinksComponent, FavoriteIconComponent, HistoryFilterPipe]
+                    exports: [ObjectDetailsComponent, RecyclebinDetailsComponent, ObjectHistoryComponent, ObjectLinksComponent, FavoriteIconComponent, HistoryFilterPipe]
                 },] }
     ];
 
@@ -24241,6 +24580,14 @@
                         onExecuteAction: function () {
                             _this.router.navigateByUrl('/stored-queries');
                         }
+                    },
+                    {
+                        name: this.translate.instant('eo.view.navigation.recyclebin'),
+                        nameKey: 'eo.view.navigation.recyclebin',
+                        shortcut: '8',
+                        onExecuteAction: function () {
+                            _this.router.navigateByUrl('/recyclebin');
+                        }
                     }
                 ]
             };
@@ -25363,8 +25710,8 @@
             ];
             this.textFilterParams = { context: { defaultValue: '' } };
             this.sortFields = [
-                { field: 'title', headerName: this.translate.instant('eo.inbox.sort.title'), sort: '' },
-                { field: 'created', headerName: this.translate.instant('eo.inbox.sort.date'), sort: '' }
+                { field: 'created', headerName: this.translate.instant('eo.inbox.sort.date'), sort: '' },
+                { field: 'title', headerName: this.translate.instant('eo.inbox.sort.title'), sort: '' }
             ];
             var sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
             this.gridOptions = {
@@ -25429,10 +25776,10 @@
             this.backend = backend;
             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": "9.5.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": "9.6.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.ctrl = {
                 componentName: 'yuuvis® RAD client',
-                componentVersion: '9.5.0-rc.1',
+                componentVersion: '9.6.0-rc.1',
                 productName: '',
                 productVersion: ''
             };
@@ -26097,9 +26444,9 @@
             ];
             this.textFilterParams = { context: { defaultValue: '' } };
             this.sortFields = [
+                { field: 'due', headerName: this.translate.instant('eo.notifications.sort.due'), sort: '' },
                 { field: 'info', headerName: this.translate.instant('eo.notifications.sort.title'), sort: '' },
-                { field: 'messagetype', headerName: this.translate.instant('eo.notifications.sort.type'), sort: '' },
-                { field: 'due', headerName: this.translate.instant('eo.notifications.sort.due'), sort: '' }
+                { field: 'messagetype', headerName: this.translate.instant('eo.notifications.sort.type'), sort: '' }
             ];
             var sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
             this.gridOptions = {
@@ -26314,13 +26661,14 @@
 
     var RecyclebinStateComponent = /** @class */ (function (_super) {
         __extends(RecyclebinStateComponent, _super);
-        function RecyclebinStateComponent(selection, translate, system, empty, pendingChanges, titleService, userService) {
+        function RecyclebinStateComponent(selection, translate, system, empty, pendingChanges, eventService, titleService, userService) {
             var _this = _super.call(this) || this;
             _this.selection = selection;
             _this.translate = translate;
             _this.system = system;
             _this.empty = empty;
             _this.pendingChanges = pendingChanges;
+            _this.eventService = eventService;
             _this.titleService = titleService;
             _this.userService = userService;
             _this.inboxDmsObjectSelectionId = 'inbox_dms';
@@ -26329,6 +26677,9 @@
             _this.textFilterParams = {};
             _this.titleService.setBaseTitle(_this.translate.instant('eo.recyclebin.list.title'));
             _this.selection.createNew(_this.inboxDmsObjectSelectionId);
+            _this.eventService
+                .on(i1.EnaioEvent.DMS_OBJECT_RESTORED_OR_DELETED).pipe(operators.takeUntil(_this.componentDestroyed$))
+                .subscribe(function () { return _this.refreshGrid(); });
             return _this;
         }
         Object.defineProperty(RecyclebinStateComponent.prototype, "hasContent", {
@@ -26378,7 +26729,9 @@
                 }];
             this.textFilterParams = { context: { defaultValue: '' } };
             this.sortFields = [
+                { field: 'recycled', headerName: this.translate.instant('eo.inbox.sort.date'), sort: '' },
                 { field: 'title', headerName: this.translate.instant('eo.inbox.sort.title'), sort: '' },
+                { field: 'description', headerName: this.translate.instant('eo.inbox.sort.description'), sort: '' }
             ];
             var sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
             this.gridOptions = {
@@ -26393,8 +26746,8 @@
             var icon = params.context.cr.render('type', params, {
                 value: params.data.type
             });
-            var createdTime = params.context.cr.render('dateTime', params, { value: params.data.recycled });
-            return "<div class=\"list-item " + (params.data.folder ? 'folder' : '') + "\" unselectable>\n              " + icon + "\n              <div class=\"content\">\n                <div class=\"title\">" + (params.data.title || '') + "</div>\n                <div class=\"meta\">\n                  <div class=\"description\">\n                    " + params.data.description + "\n                  </div>\n                  <div class='description date'>\n                    <span class=\"period\">" + createdTime + "</span>\n                  </div>\n                </div>\n              </div>\n            </div>";
+            var recycledTime = params.context.cr.render('dateTime', params, { value: params.data.recycled });
+            return "<div class=\"list-item " + (params.data.folder ? 'folder' : '') + "\" unselectable>\n              " + icon + "\n              <div class=\"content\">\n                <div class=\"title\">" + (params.data.title || '') + "</div>\n                <div class=\"meta\">\n                  <div class=\"description\">\n                    " + params.data.description + "\n                  </div>\n                  <div class='description date'>\n                    <span class=\"period\">" + recycledTime + "</span>\n                  </div>\n                </div>\n              </div>\n            </div>";
         };
         RecyclebinStateComponent.prototype.ngOnInit = function () {
             var _this = this;
@@ -26413,7 +26766,7 @@
     RecyclebinStateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-recyclebin-state',
-                    template: "<eo-undock-split>\n    <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'recyclebin.state'\">\n      <eo-split-area [size]=\"25\" [minSizePixel]=\"300\">\n        <ng-template pTemplate=\"content\">\n          <eo-list-container #eoList [applySelection]=\"{}\"[parseDmsParams]=\"parseDmsParams\">\n            <div class=\"eo-header\">\n              <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"></eo-icon>\n              <div class=\"eo-header-info\">\n                <div class=\"eo-header-title\" translate>eo.recyclebin.list.title</div>\n              </div>\n              <div class=\"eo-header-actions\">\n                <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n                         [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n                <eo-overlay #oFilter class=\"overlay-filter\"\n                            [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n                            [iconClass]=\"'primary'\"\n                            [iconTitle]=\"'eo.list.sort'  | translate\">\n                  <eo-custom-filter #cFilter\n                                    (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n                                    (active)=\"oFilter.onActiveChanged($event)\">\n                    <eo-text-filter [title]=\"'eo.recyclebin.filter.title' | translate\" [id]=\"'recyclebin.text'\"\n                                    [matchFields]=\"['title']\"\n                                    [filterParams]=\"textFilterParams\">\n                    </eo-text-filter>\n\n                  </eo-custom-filter>\n                </eo-overlay>\n\n                <eo-overlay #oSort class=\"overlay-sort\"\n                            [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n                            [iconClass]=\"'primary'\"\n                            [iconTitle]=\"'eo.list.sort' | translate\">\n                  <eo-custom-sort #cSort [id]=\"'recyclebin.sort'\"\n                                   (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                                   (active)=\"oSort.onActiveChanged($event)\"\n                                  [sortFields]=\"sortFields\"></eo-custom-sort>\n                </eo-overlay>\n\n              </div>\n            </div>\n            <div class=\"eo-body\">\n              <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\"\n                       [gridOptions]=\"gridOptions\"\n                       [fullWidth]=\"true\"\n                       [showHeader]=\"true\"\n                       [showFooter]=\"true\"\n                       [selectFirst]=\"true\"\n                       (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                       (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                       (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n                <div class=\"header\">\n                </div>\n\n                <div class=\"footer\">\n                  <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n                </div>\n\n                <div class=\"empty\">\n                  <eo-error-message\n                    [emptyState]=\"{icon: 'ic_trash.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.recyclebin.list.empty'}\"></eo-error-message>\n                  <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n                </div>\n\n              </eo-grid>\n            </div>\n          </eo-list-container>\n        </ng-template>\n      </eo-split-area>\n\n      <eo-split-area [size]=\"75\" [minSizePixel]=\"400\" [cache]=\"false\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-details [applySelection]=\"{}\"\n                             [parseDmsParams]=\"parseDmsParams\"\n                             [recyclebinTabs]=\"true\"\n                             [emptyState]=\"emptyState\"\n                             [cacheLayout]=\"'favorite.state.object-details'\"\n                             (hasContent)=\"hasContent = $event\">\n            <eo-tab-plugin [type]=\"'object-details-tab.favorite'\"></eo-tab-plugin>\n\n          </eo-object-details>\n        </ng-template>\n      </eo-split-area>\n\n    </eo-split>\n  </eo-undock-split>\n",
+                    template: "<eo-undock-split>\n    <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'recyclebin.state'\">\n      <eo-split-area [size]=\"25\" [minSizePixel]=\"300\">\n        <ng-template pTemplate=\"content\">\n          <eo-list-container #eoList [applySelection]=\"{}\"[parseDmsParams]=\"parseDmsParams\">\n            <div class=\"eo-header\">\n              <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"></eo-icon>\n              <div class=\"eo-header-info\">\n                <div class=\"eo-header-title\" translate>eo.recyclebin.list.title</div>\n              </div>\n              <div class=\"eo-header-actions\">\n                <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n                         [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n                <eo-overlay #oFilter class=\"overlay-filter\"\n                            [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n                            [iconClass]=\"'primary'\"\n                            [iconTitle]=\"'eo.list.sort'  | translate\">\n                  <eo-custom-filter #cFilter\n                                    (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n                                    (active)=\"oFilter.onActiveChanged($event)\">\n                    <eo-text-filter [title]=\"'eo.recyclebin.filter.title' | translate\" [id]=\"'recyclebin.text'\"\n                                    [matchFields]=\"['title','description']\"\n                                    [filterParams]=\"textFilterParams\">\n                    </eo-text-filter>\n\n                  </eo-custom-filter>\n                </eo-overlay>\n\n                <eo-overlay #oSort class=\"overlay-sort\"\n                            [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n                            [iconClass]=\"'primary'\"\n                            [iconTitle]=\"'eo.list.sort' | translate\">\n                  <eo-custom-sort #cSort [id]=\"'recyclebin.sort'\"\n                                   (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                                   (active)=\"oSort.onActiveChanged($event)\"\n                                  [sortFields]=\"sortFields\"></eo-custom-sort>\n                </eo-overlay>\n\n              </div>\n            </div>\n            <div class=\"eo-body\">\n              <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\"\n                       [gridOptions]=\"gridOptions\"\n                       [fullWidth]=\"true\"\n                       [showHeader]=\"true\"\n                       [showFooter]=\"true\"\n                       [selectFirst]=\"true\"\n                       (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                       (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                       (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n                       \n                <div class=\"header\">\n                </div>\n\n                <div class=\"footer\">\n                  <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n                </div>\n\n                <div class=\"empty\">\n                  <eo-error-message\n                    [emptyState]=\"{icon: 'ic_trash.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.recyclebin.list.empty'}\"></eo-error-message>\n                  <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n                </div>\n\n              </eo-grid>\n            </div>\n          </eo-list-container>\n        </ng-template>\n      </eo-split-area>\n\n      <eo-split-area [size]=\"75\" [minSizePixel]=\"400\" [cache]=\"false\">\n        <ng-template pTemplate=\"content\">\n          <eo-recyclebin-details [applySelection]=\"{}\"\n                             [parseDmsParams]=\"parseDmsParams\"\n                             [emptyState]=\"emptyState\"\n                             [cacheLayout]=\"'recyclebin.state.details'\"\n                             (hasContent)=\"hasContent = $event\">\n            <eo-tab-plugin [type]=\"'object-details-tab.favorite'\"></eo-tab-plugin>\n\n          </eo-recyclebin-details>\n        </ng-template>\n      </eo-split-area>\n\n    </eo-split>\n  </eo-undock-split>\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 .error .button{background-color:#d3d3d3;margin:1em}:host eo-split-area{box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}: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 .title{font-size:var(--font-body);font-weight:var(--font-weight-medium)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}"]
                 },] }
     ];
@@ -26423,6 +26776,7 @@
         { type: i1.SystemService },
         { type: EmptyStateService },
         { type: PendingChangesService },
+        { type: i1.EventService },
         { type: PageTitleService },
         { type: i1.UserService }
     ]; };
@@ -26508,7 +26862,7 @@
                 var lastModified = null;
                 if (res.hits.length) {
                     size = res.hits.map(function (a) { return a.filesize || 0; }).reduce(function (acc, cur) { return acc + cur; });
-                    lastModified = res.hits.sort(i1.Utils.sortValues('modified', 'desc')).slice(0, 10);
+                    lastModified = res.hits.sort(i1.Utils.sortValues('modified', 'desc')).slice(0, 100);
                 }
                 return {
                     documentCount: { value: res.count.value },
@@ -27091,11 +27445,12 @@
                     // cellRendererFramework: InboxRendererComponent
                 }];
             this.sortFields = [
-                { field: 'title', headerName: this.translate.instant('eo.inbox.sort.title'), sort: '' },
                 {
                     field: 'received', headerName: this.translate.instant('eo.inbox.sort.date'), sort: '',
                     valueGetter: function (p) { return (p.data[p.colDef.field] || '').match(/\+\d\d:\d\d/) ? new Date(p.data[p.colDef.field]).toISOString() : p.data[p.colDef.field]; }
-                }
+                },
+                { field: 'title', headerName: this.translate.instant('eo.inbox.sort.title'), sort: '' },
+                { field: 'description', headerName: this.translate.instant('eo.inbox.sort.description'), sort: '' }
             ];
             var sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
             this.gridOptions = {
@@ -27117,7 +27472,8 @@
             var shortDate = params.context.cr.render('dateTime', params, { value: params.data.received, pattern: 'eoShortDate' });
             var shortTime = params.context.cr.render('dateTime', params, { value: params.data.received, pattern: 'eoShortTime' });
             var duetime = params.context.cr.render('dateTime', params, { value: params.data.duetime });
-            return "<div class=\"list-item" + (params.data.folder ? ' folder' : '') + "\" unselectable>\n              " + icon + "\n              <div class='content'>\n                <div class='title'>" + (params.data.title || '') + "</div>\n                <div class='description'>" + (params.data.description || '') + "</div>\n                <div class='notes" + (params.data.isOverdue() ? ' pastDue' : '') + "'>\n                  " + (params.data.duetime ? '<span class="period">' + duetime + '</span>' : '') + "\n                  " + (params.data.isdeputy ? '<span>' + params.context.translate.instant('eo.inbox.item.note.absence') + '</span>' : '') + "\n                </div>\n              </div>\n              <div class=\"meta\">\n                <div class=\"date\">" + shortDate + "</div>\n                <div class=\"date\">" + shortTime + "</div>\n              </div>\n           </div>\n          ";
+            var titleClass = params.data.accepted ? 'title' : 'title-bold';
+            return "<div class=\"list-item" + (params.data.folder ? ' folder' : '') + "\" unselectable>\n              " + icon + "\n              <div class='content'>\n                <div class='" + titleClass + "'>" + (params.data.title || '') + "</div>\n                <div class='description'>" + (params.data.description || '') + "</div>\n                <div class='notes" + (params.data.isOverdue() ? ' pastDue' : '') + "'>\n                  " + (params.data.duetime ? '<span class="period">' + duetime + '</span>' : '') + "\n                  " + (params.data.isdeputy ? '<span>' + params.context.translate.instant('eo.inbox.item.note.absence') + '</span>' : '') + "\n                </div>\n              </div>\n              <div class=\"meta\">\n                <div class=\"date\">" + shortDate + "</div>\n                <div class=\"date\">" + shortTime + "</div>\n              </div>\n           </div>\n          ";
         };
         InboxStateComponent.prototype.ngOnInit = function () {
             var _this = this;
@@ -27147,7 +27503,7 @@
         { type: i0.Component, args: [{
                     selector: 'eo-inbox-state',
                     template: "<eo-undock-split>\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'inbox.state'\">\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"300\">\n      <ng-template pTemplate=\"content\">\n        <eo-list-container #eoList [applySelection]=\"{out: inboxSelectionId}\">\n          <div class=\"eo-header\">\n\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n            <div class=\"eo-header-info\">\n              <div class=\"eo-header-title\" translate>eo.inbox.list.title</div>\n            </div>\n            <div class=\"eo-header-actions\">\n              <eo-icon class=\"button primary refresh-button\"\n                       [ngClass]=\"{inboxChanged: inboxChanged}\"\n                       (click)=\"refreshGrid()\"\n                       [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                       [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n              <eo-overlay #oFilter class=\"overlay-filter\"\n                          [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n                          [iconClass]=\"'primary'\"\n                          [iconTitle]=\"'eo.list.filter' | translate\">\n                <eo-custom-filter #cFilter\n                                  (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n                                  (active)=\"oFilter.onActiveChanged($event)\">\n                  <eo-text-filter [title]=\"'eo.inbox.filter.title' | translate\"\n                                  [filterParams]=\"defaultFilterParams\" [id]=\"'inbox.text'\"\n                                  [matchFields]=\"['title','description','id']\" [enableSave]=\"true\"></eo-text-filter>\n                  <eo-set-filter class=\"type-filters\" [operator]=\"'OR'\" [id]=\"'inbox.type'\" [filterParams]=\"defaultFilterParams\" [options]=\"typeFilterFields\"></eo-set-filter>\n                  <eo-set-filter class=\"inbox-filters\" [operator]=\"'AND'\" [id]=\"'inbox.set'\" [filterParams]=\"defaultFilterParams\" [options]=\"inboxFilterFields\"></eo-set-filter>\n                </eo-custom-filter>\n              </eo-overlay>\n\n              <eo-overlay #oSort class=\"overlay-sort\"\n                          [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n                          [iconTitle]=\"'eo.list.sort' | translate\"\n                          [iconClass]=\"'primary'\">\n                <eo-custom-sort #cSort [id]=\"'inbox.sort'\"\n                                (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                                (active)=\"oSort.onActiveChanged($event)\"\n                                [sortFields]=\"sortFields\"></eo-custom-sort>\n              </eo-overlay>\n\n            </div>\n          </div>\n          <div class=\"eo-body\">\n            <eo-grid #eoGrid\n                     *ngIf=\"gridOptions?.rowData\"\n                     [gridOptions]=\"gridOptions\"\n                     [fullWidth]=\"true\"\n                     [showHeader]=\"true\"\n                     [showFooter]=\"true\"\n                     [selectFirst]=\"selectFirst\"\n                     [options]=\"{filterActive: oFilter.active}\"\n                     (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged($event)\"\n                     (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                     (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n              <div class=\"header\">\n              </div>\n\n              <div class=\"footer\">\n                <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n              </div>\n\n              <div class=\"empty\">\n                <eo-error-message\n                  [emptyState]=\"{icon: 'ic_inbox.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.inbox.list.empty'}\"></eo-error-message>\n                <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n              </div>\n\n            </eo-grid>\n          </div>\n        </eo-list-container>\n      </ng-template>\n    </eo-split-area>\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"400\">\n      <ng-template pTemplate=\"content\">\n        <eo-inbox-details [applySelection]=\"{in: inboxSelectionId, out: inboxDmsObjectSelectionId}\" [emptyState]=\"emptyState\">\n          <eo-tab-plugin [type]=\"'inbox-details-tab.inbox'\"></eo-tab-plugin>\n        </eo-inbox-details>\n      </ng-template>\n    </eo-split-area>\n    <eo-split-area [size]=\"40\" [minSizePixel]=\"400\" [cache]=\"false\">\n      <ng-template pTemplate=\"content\">\n\n        <eo-object-details [applySelection]=\"{in: inboxDmsObjectSelectionId}\" [cacheLayout]=\"'inbox.state.object-details'\">\n          <eo-tab-plugin [type]=\"'object-details-tab.inbox'\"></eo-tab-plugin>\n        </eo-object-details>\n      </ng-template>\n    </eo-split-area>\n  </eo-split>\n</eo-undock-split>\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)}:host ::ng-deep .type-filters .option{margin:1.5em 0}:host ::ng-deep .inbox-filters{bottom:15px;left:25px;position:relative}"]
+                    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-normal)}:host ::ng-deep .ag-cell .list-item .content .title-bold{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)}:host ::ng-deep .type-filters .option{margin:1.5em 0}:host ::ng-deep .inbox-filters{bottom:15px;left:25px;position:relative}"]
                 },] }
     ];
     InboxStateComponent.ctorParameters = function () { return [
@@ -27265,8 +27621,8 @@
                 }
             ];
             this.sortFields = [
-                { field: 'selectedtype.label', headerName: this.translate.instant('eo.inbox.sort.title'), sort: '' },
-                { field: 'created', headerName: this.translate.instant('eo.inbox.sort.date'), sort: '' }
+                { field: 'created', headerName: this.translate.instant('eo.inbox.sort.date'), sort: '' },
+                { field: 'selectedtype.label', headerName: this.translate.instant('eo.inbox.sort.title'), sort: '' }
             ];
             var sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
             this.gridOptions = {
@@ -27667,16 +28023,17 @@
     exports.ɵco = CancelSigningComponent;
     exports.ɵcp = FavoriteActionComponent;
     exports.ɵcq = PreventDoubleClickDirective;
-    exports.ɵcr = EditIconComponent;
-    exports.ɵcs = DuetimeInfoComponent;
-    exports.ɵct = PrepareContentExistsInfoComponent;
-    exports.ɵcu = ObjectStateRoutingModule;
-    exports.ɵcv = InboxStateRoutingModule;
-    exports.ɵcw = PrepareStateRoutingModule;
-    exports.ɵcx = EoClientRoutingModule;
-    exports.ɵcy = ProcessStateComponent;
-    exports.ɵcz = RecyclebinStateComponent;
+    exports.ɵcr = RecyclebinDetailsComponent;
+    exports.ɵcs = EditIconComponent;
+    exports.ɵct = DuetimeInfoComponent;
+    exports.ɵcu = PrepareContentExistsInfoComponent;
+    exports.ɵcv = ObjectStateRoutingModule;
+    exports.ɵcw = InboxStateRoutingModule;
+    exports.ɵcx = PrepareStateRoutingModule;
+    exports.ɵcy = EoClientRoutingModule;
+    exports.ɵcz = ProcessStateComponent;
     exports.ɵd = AppProcessComponent;
+    exports.ɵda = RecyclebinStateComponent;
     exports.ɵe = PipesModule;
     exports.ɵf = UnsubscribeOnDestroy;
     exports.ɵg = QueryScopeSelectComponent;