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

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

@@ -4030,7 +4030,7 @@
         IndexdataSummaryComponent.prototype.onStorageInfoToggle = function (info) {
             var _this = this;
             if (!this.storageInfos) {
-                this.dmsService.getDmsObjectByParams({ id: this.item.id, type: this.item.typeName, version: this.item.version, withStorageInfo: true })
+                this.dmsService.getDmsObjectByParams({ id: this.item.id, type: this.item.typeName, version: this.item.version, recyclebin: true, withStorageInfo: true })
                     .pipe(operators.catchError(i1.Utils.catchSkip(function (err) { return err.status === 404; }))).subscribe(function (res) {
                     _this.storageInfos = res.storageInfo;
                     _this.dataInfoAcc = info;
@@ -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\">\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.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\" *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 [
@@ -4920,7 +4922,7 @@
     SideBarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-side-bar',
-                    template: "<div class=\"eo-side-bar\" eoTrapFocus>\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" focusable></eo-icon>\n\n  <div class=\"head\" [style.background-image]=\"backgroundImage\">\n\n\n  </div>\n\n  <div class=\"body\">\n    <a href=\"{{docu.link}}\" target=\"_blank\">\n      <eo-icon class=\"button docu\" [iconTitle]=\"docu.label | translate\" [iconSrc]=\"'assets/_default/svg/ic_book.svg'\"></eo-icon>\n    </a>\n    <a routerLink=\"/about\"><eo-icon class=\"button about\" [iconTitle]=\"'eo.sidebar.help.about.tooltip' | translate\" [iconSrc]=\"'assets/_default/svg/ic_about.svg'\"></eo-icon></a>\n\n    <p-tabView styleClass=\"tab-sidebar\">\n      <p-tabPanel header=\"{{'eo.view.navigation.title'|translate}}\" headerStyleClass=\"tab-nav\">\n\n        <div class=\"navigation\">\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\" translate>eo.view.navigation.favorites</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\" translate>eo.view.navigation.inbox</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\" translate>eo.view.navigation.prepare</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\" translate>eo.view.navigation.process</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\" translate>eo.view.navigation.notifications</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\" translate>eo.view.navigation.storedqueries</a>\n          </div>\n          <ng-content select=\".navi\"></ng-content>\n        </div>\n\n      </p-tabPanel>\n    </p-tabView>\n  </div>\n\n</div>\n",
+                    template: "<div class=\"eo-side-bar\" eoTrapFocus>\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" focusable></eo-icon>\n\n  <div class=\"head\" [style.background-image]=\"backgroundImage\">\n\n\n  </div>\n\n  <div class=\"body\">\n    <a href=\"{{docu.link}}\" target=\"_blank\">\n      <eo-icon class=\"button docu\" [iconTitle]=\"docu.label | translate\" [iconSrc]=\"'assets/_default/svg/ic_book.svg'\"></eo-icon>\n    </a>\n    <a routerLink=\"/about\"><eo-icon class=\"button about\" [iconTitle]=\"'eo.sidebar.help.about.tooltip' | translate\" [iconSrc]=\"'assets/_default/svg/ic_about.svg'\"></eo-icon></a>\n\n    <p-tabView styleClass=\"tab-sidebar\">\n      <p-tabPanel header=\"{{'eo.view.navigation.title'|translate}}\" headerStyleClass=\"tab-nav\">\n\n        <div class=\"navigation\">\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\" translate>eo.view.navigation.favorites</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\" translate>eo.view.navigation.inbox</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\" translate>eo.view.navigation.prepare</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\" translate>eo.view.navigation.process</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\" translate>eo.view.navigation.notifications</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\" translate>eo.view.navigation.storedqueries</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.recyclebin\">\n            <a routerLink=\"/recyclebin\" routerLinkActive=\"active-link\" translate>eo.view.navigation.recyclebin</a>\n          </div>\n          <ng-content select=\".navi\"></ng-content>\n        </div>\n\n      </p-tabPanel>\n    </p-tabView>\n  </div>\n\n</div>\n",
                     styles: [":host{--sidebar-header-height:250px}:host .eo-side-bar{-webkit-animation-duration:.2s;animation-duration:.2s;background-color:var(--color-primary);bottom:0;box-shadow:0 0 20px 0 rgba(var(--color-black-rgb),.5);position:absolute;top:0;width:300px;z-index:20}[dir=ltr] :host .eo-side-bar{left:0;right:inherit}[dir=rtl] :host .eo-side-bar{left:inherit;right:0}[dir=ltr] :host .eo-side-bar{-webkit-animation-name:sidebarAppearLeft;animation-name:sidebarAppearLeft}[dir=rtl] :host .eo-side-bar{-webkit-animation-name:sidebarAppearRight;animation-name:sidebarAppearRight}:host .eo-side-bar .close{position:absolute;top:var(--app-pane-padding);z-index:22}[dir=ltr] :host .eo-side-bar .close{left:var(--app-pane-padding)}[dir=rtl] :host .eo-side-bar .close{right:var(--app-pane-padding)}:host .eo-side-bar .head{background-position:50%;background-size:cover;height:var(--sidebar-header-height);left:0;position:absolute;right:0;top:0;z-index:21}:host .eo-side-bar .body ::ng-deep{bottom:0;left:0;position:absolute;right:0;top:calc(var(--sidebar-header-height) - 30px);z-index:22}:host .eo-side-bar .body ::ng-deep p-tabView{display:flex;flex:1;flex-direction:row;height:100%;min-height:0;min-width:0}:host .eo-side-bar .body ::ng-deep p-tabView .tab-sidebar{flex:1}:host .eo-side-bar .body ::ng-deep p-tabView .ui-tabview-panels{height:100%;overflow:auto}:host .eo-side-bar .body ::ng-deep .navigation{padding-top:var(--app-pane-padding)}:host .eo-side-bar .body ::ng-deep a:focus eo-icon,:host .eo-side-bar .body ::ng-deep a:hover eo-icon{background:rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep eo-icon.about{color:var(--color-white);padding:3px;position:absolute;top:-6px}[dir=ltr] :host .eo-side-bar .body ::ng-deep eo-icon.about{right:8px}[dir=rtl] :host .eo-side-bar .body ::ng-deep eo-icon.about{left:8px}:host .eo-side-bar .body ::ng-deep eo-icon.docu{color:var(--color-white);padding:3px;position:absolute;top:-6px}[dir=ltr] :host .eo-side-bar .body ::ng-deep eo-icon.docu{right:43px}[dir=rtl] :host .eo-side-bar .body ::ng-deep eo-icon.docu{left:43px}:host .eo-side-bar .body ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item a{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;color:var(--color-white);cursor:pointer;display:block;padding:var(--app-pane-padding);text-decoration:none;transition:all var(--app-default-transition-duration) ease-in-out}[dir=ltr] :host .eo-side-bar .body ::ng-deep .nav-item a{border-left:4px solid transparent}[dir=rtl] :host .eo-side-bar .body ::ng-deep .nav-item a{border-right:4px solid transparent}:host .eo-side-bar .body ::ng-deep .nav-item a.active-link{background:rgba(var(--color-white-rgb),.06);border-color:var(--color-accent);cursor:default}:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):focus,:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}@-webkit-keyframes sidebarAppearLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes sidebarAppearLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes sidebarAppearRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes sidebarAppearRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}"]
                 },] }
     ];
@@ -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)}"]
                 },] }
     ];
@@ -8104,7 +8112,7 @@
     IdReferenceComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-id-reference',
-                    template: "<div class=\"eo-id-reference\">\n  <p-autoComplete [(ngModel)]=\"innerValues\" [minLength]=\"1\" [delay]=\"500\" #autocomplete\n                  (onSelect)=\"onAutoCompleteSelect($event)\"\n                  (onUnselect)=\"removeItem($event)\"\n                  (onBlur)=\"onAutoCompleteBlur()\"\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  [forceSelection]=\"true\"\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\" [styleClass]=\"!multiselect && innerValues.length === 1 ? 'xxx' : ''\">\n    <ng-template pTemplate=\"selectedItem\" let-item>\n      <a *ngIf=\"!item.state || item.state === 'OK'\" class=\"link router-link\" [routerLink]=\"['/object', item.id, {outlets: {modal: null}}]\" [queryParams]=\"{type: referenceType.qname}\">\n        <svg focusable=\"false\" class=\"ref-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\n             viewBox=\"0 0 24 24\">\n          <path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8\n        13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"></path>\n        </svg>\n      </a>\n      <eo-icon [objectType]=\"referenceType\" title=\"{{referenceType.label}}\" class=\"ref-type-icon\" [ngClass]=\"{'deleted-reference-label': item.state && (item.state === 'RECYCLED' || item.state === 'GONE')}\"></eo-icon>\n      <span *ngIf=\"!(item.state && (item.state === 'RECYCLED' || item.state === 'GONE')); else deleted\" class=\"label\" eoRtlAware=\"full\">{{item.title || referenceType.label}}</span>\n      <ng-template #deleted>\n        <span class=\"label deleted-reference-label\">{{('eo.references.deleted' | translate)}}</span>\n      </ng-template>\n    </ng-template>\n  </p-autoComplete>\n\n  <ng-template #notFound><span class=\"label\">{{innerValues && innerValues.length ? ('eo.references.not.available' | translate) : ''}}</span></ng-template>\n\n  <button #button class=\"ui-button\" *ngIf=\"!readonly\"\n          title=\"{{('eo.references.search' | translate) + ' ' + tooltipTypeHint}}\"\n          [disabled]=\"selectionDisabled\"\n          (click)=\"showDialog()\">\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_none.svg'\"></eo-icon>\n  </button>\n</div>\n\n<eo-dialog [title]=\"('eo.references.add' | translate)\"\n           [subtitle]=\"referenceType?.label\"\n           [(visible)]=\"visibleDialog\"\n           [minWidth]=\"577\"\n           [minHeight]=\"590\"\n           [styleClass]=\"'reference-field-dialog'\"\n           #dialog>\n\n          <eo-reference-finder *ngIf=\"dialog.visible\"\n            [isDisabled]=\"isDisabled\"\n            [types]=\"referenceType.qname\"\n            [multiselect]=\"multiselect\"\n            [currentSelection]=\"innerValues\"\n            [clipboard]=\"clipboard\"\n            [contextId]=\"contextId\"\n            [exceptionIDs]=\"exceptionIDs\"\n            [queryFilters]=\"queryFilters\"\n            (addDmsObjects)=\"paste($event)\">\n          </eo-reference-finder>\n</eo-dialog>\n",
+                    template: "<div class=\"eo-id-reference\">\n  <p-autoComplete [(ngModel)]=\"innerValues\" [minLength]=\"1\" [delay]=\"500\" #autocomplete\n                  (onSelect)=\"onAutoCompleteSelect($event)\"\n                  (onUnselect)=\"removeItem($event)\"\n                  (onBlur)=\"onAutoCompleteBlur()\"\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  [forceSelection]=\"true\"\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\" [styleClass]=\"!multiselect && innerValues.length === 1 ? 'xxx' : ''\">\n    <ng-template pTemplate=\"selectedItem\" let-item>\n      <a *ngIf=\"!item.state || item.state === 'OK'\" class=\"link router-link\" [routerLink]=\"['/object', item.id, {outlets: {modal: null}}]\" [queryParams]=\"{type: referenceType.qname}\">\n        <svg focusable=\"false\" class=\"ref-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\n             viewBox=\"0 0 24 24\">\n          <path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8\n        13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"></path>\n        </svg>\n      </a>\n      <eo-icon [objectType]=\"referenceType\" title=\"{{referenceType?.label}}\" class=\"ref-type-icon\" [ngClass]=\"{'deleted-reference-label': item.state && (item.state === 'RECYCLED' || item.state === 'GONE')}\"></eo-icon>\n      <span *ngIf=\"!(item.state && (item.state === 'RECYCLED' || item.state === 'GONE')); else deleted\" class=\"label\" eoRtlAware=\"full\">\n        <span *ngIf=\"item.title || referenceType?.label; else noAccess\">\n          {{item.title || referenceType?.label}}\n        </span>\n      </span>\n      <ng-template #noAccess>\n        <span class=\"label no-access-reference-label\">{{('eo.references.noAccess' | translate)}}</span>\n      </ng-template>\n      <ng-template #deleted>\n        <span class=\"label deleted-reference-label\">{{('eo.references.deleted' | translate)}}</span>\n      </ng-template>\n    </ng-template>\n  </p-autoComplete>\n\n  <ng-template #notFound><span class=\"label\">{{innerValues && innerValues.length ? ('eo.references.not.available' | translate) : ''}}</span></ng-template>\n\n  <button #button class=\"ui-button\" *ngIf=\"!readonly\"\n          title=\"{{('eo.references.search' | translate) + ' ' + tooltipTypeHint}}\"\n          [disabled]=\"selectionDisabled\"\n          (click)=\"showDialog()\">\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_none.svg'\"></eo-icon>\n  </button>\n</div>\n\n<eo-dialog [title]=\"('eo.references.add' | translate)\"\n           [subtitle]=\"referenceType?.label\"\n           [(visible)]=\"visibleDialog\"\n           [minWidth]=\"577\"\n           [minHeight]=\"590\"\n           [styleClass]=\"'reference-field-dialog'\"\n           #dialog>\n\n          <eo-reference-finder *ngIf=\"dialog.visible\"\n            [isDisabled]=\"isDisabled\"\n            [types]=\"referenceType.qname\"\n            [multiselect]=\"multiselect\"\n            [currentSelection]=\"innerValues\"\n            [clipboard]=\"clipboard\"\n            [contextId]=\"contextId\"\n            [exceptionIDs]=\"exceptionIDs\"\n            [queryFilters]=\"queryFilters\"\n            (addDmsObjects)=\"paste($event)\">\n          </eo-reference-finder>\n</eo-dialog>\n",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -8117,7 +8125,7 @@
                             multi: true
                         }
                     ],
-                    styles: [".eo-id-reference{align-items:center;display:flex}.eo-id-reference__element{align-self:center;display:flex;flex-wrap:wrap}.eo-id-reference .ui-button:disabled{cursor:default}::ng-deep .reference-field-dialog{width:577px}::ng-deep .ref-type-icon{height:16px;width:16px}::ng-deep .deleted-reference-label{color:var(--color-error)}::ng-deep .label{display:flex;display:inline-block;flex-flow:column;margin-left:4px;margin-right:1em;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .label>span{font-size:var(--font-hint)}::ng-deep .label.rtl{margin-left:1em;margin-right:4px}::ng-deep .remove-icon{color:var(--text-color-hint);flex:0 0 auto;height:14px;width:14px}::ng-deep .remove-icon:hover{color:var(--text-color-caption);cursor:pointer}::ng-deep .ui-autocomplete.xxx .ui-autocomplete-multiple-container.ui-inputtext{cursor:default}::ng-deep .ui-autocomplete.xxx .ui-autocomplete-input-token{display:none}p-autoComplete{width:100%}"]
+                    styles: [".eo-id-reference{align-items:center;display:flex}.eo-id-reference__element{align-self:center;display:flex;flex-wrap:wrap}.eo-id-reference .ui-button:disabled{cursor:default}::ng-deep .reference-field-dialog{width:577px}::ng-deep .ref-type-icon{height:16px;width:16px}::ng-deep .deleted-reference-label,::ng-deep .no-access-reference-label{color:var(--color-error)}::ng-deep .label{display:flex;display:inline-block;flex-flow:column;margin-left:4px;margin-right:1em;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .label>span{font-size:var(--font-hint)}::ng-deep .label.rtl{margin-left:1em;margin-right:4px}::ng-deep .remove-icon{color:var(--text-color-hint);flex:0 0 auto;height:14px;width:14px}::ng-deep .remove-icon:hover{color:var(--text-color-caption);cursor:pointer}::ng-deep .ui-autocomplete.xxx .ui-autocomplete-multiple-container.ui-inputtext{cursor:default}::ng-deep .ui-autocomplete.xxx .ui-autocomplete-input-token{display:none}p-autoComplete{width:100%}"]
                 },] }
     ];
     IdReferenceComponent.ctorParameters = function () { return [
@@ -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\" [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\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;
@@ -15670,8 +15707,8 @@
                 if (item.content && item.content.contents && item.content.contents.length) {
                     var file = item.content.contents[0] || {};
                     this.previewFile = {
-                        uri: this.dms.getPreview(item.content.id, item.content.type, this.useVersion ? item.version : null),
-                        uriPdf: this.dms.getPreview(item.content.id, item.content.type, this.useVersion ? item.version : null, 'PDF'),
+                        uri: this.dms.getPreview(item.content.id, item.content.type, this.useVersion ? item.version : null, undefined, true),
+                        uriPdf: this.dms.getPreview(item.content.id, item.content.type, this.useVersion ? item.version : null, 'PDF', true),
                         mimetype: file.mimetype,
                         mimegroup: file.mimegroup,
                         size: file.size,
@@ -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(['/']);
@@ -18450,7 +18490,7 @@
     ];
 
     var SignatureComponent = /** @class */ (function () {
-        function SignatureComponent(bpmService, pendingChanges, translate, toaster, signingService, config) {
+        function SignatureComponent(bpmService, pendingChanges, translate, toaster, signingService, config, eventService, dmsService) {
             var _this = this;
             this.bpmService = bpmService;
             this.pendingChanges = pendingChanges;
@@ -18458,6 +18498,8 @@
             this.toaster = toaster;
             this.signingService = signingService;
             this.config = config;
+            this.eventService = eventService;
+            this.dmsService = dmsService;
             this.finished = new i0.EventEmitter();
             this.canceled = new i0.EventEmitter();
             // ID set by pendingChanges service when editing indexdata
@@ -18492,9 +18534,11 @@
                 };
                 this.signingService
                     .signDocument(this.selection[0].id, signingData)
-                    .subscribe(function () {
+                    .pipe(operators.switchMap(function () { return _this.dmsService.getDmsObject(_this.selection[0].id); }))
+                    .subscribe(function (dmsObject) {
                     _this.processingRequest = false;
                     _this.toaster.success(_this.translate.instant('eo.action.signature.request.success'));
+                    _this.eventService.trigger(i1.EnaioEvent.DMS_OBJECT_UPDATED, dmsObject);
                     _this.finish();
                 }, i1.Utils.throw(function (error) {
                     _this.toaster.error(error);
@@ -18508,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) {
@@ -18541,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 [
@@ -18551,7 +18597,9 @@
         { type: i1.TranslateService },
         { type: i1.NotificationsService },
         { type: i1.SigningService },
-        { type: i1.Config }
+        { type: i1.Config },
+        { type: i1.EventService },
+        { type: i1.DmsService }
     ]; };
     SignatureComponent.propDecorators = {
         dialog: [{ type: i0.ViewChild, args: ['dialog',] }]
@@ -18563,7 +18611,7 @@
             var _this = _super.call(this) || this;
             _this.translate = translate;
             _this.signingService = signingService;
-            _this.priority = 15;
+            _this.priority = 2;
             _this.iconSrc = 'assets/_default/svg/ic_signature.svg';
             _this.group = 'common';
             _this.range = exports.SelectionRange.SINGLE_SELECT;
@@ -18573,14 +18621,20 @@
             return _this;
         }
         SignatureActionComponent.prototype.isExecutable = function (element) {
-            return rxjs.of(!this.signingService.signingInProcess(element)
+            return rxjs.of(!this.signingService.signatureRequested(element)
                 && this.isAllowedMimeType(element)
                 && this.isAllowedObjectType(element)
                 && this.hasEditRights(element)
                 && !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');
@@ -18604,6 +18658,126 @@
         { type: i1.SigningService }
     ]; };
 
+    var CancelSigningComponent = /** @class */ (function () {
+        function CancelSigningComponent(translate, backend, toast, router, capabilitiesService, signingService, elemRef, eventService, dmsService) {
+            this.translate = translate;
+            this.backend = backend;
+            this.toast = toast;
+            this.router = router;
+            this.capabilitiesService = capabilitiesService;
+            this.signingService = signingService;
+            this.elemRef = elemRef;
+            this.eventService = eventService;
+            this.dmsService = dmsService;
+            this.cancelling = false;
+            this.finished = new i0.EventEmitter();
+            this.canceled = new i0.EventEmitter();
+            this.commentLabel = this.translate.instant('eo.action.cancel.signing.reason');
+            this.cancelSigningForm = new forms.FormGroup({});
+            this.commentField = new forms.FormControl();
+            this.cancelSigningForm.addControl('commentField', this.commentField);
+            this.commentField.setValidators(forms.Validators.required);
+        }
+        Object.defineProperty(CancelSigningComponent.prototype, "commentValidity", {
+            get: function () {
+                return this.cancelSigningForm.get('commentField').invalid;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CancelSigningComponent.prototype.cancelSigning = function (id, comment) {
+            var _this = this;
+            this.cancelling = true;
+            this.signingService
+                .cancelSigning(id, comment)
+                .pipe(operators.switchMap(function () { return _this.dmsService.getDmsObject(_this.selection[0].id); }))
+                .subscribe(function (dmsObject) {
+                _this.cancelling = false;
+                _this.toast.success(null, _this.translate.instant('eo.action.cancel.signing.success.message'));
+                _this.eventService.trigger(i1.EnaioEvent.DMS_OBJECT_UPDATED, dmsObject);
+                _this.finished.emit();
+            }, function (error) {
+                _this.toast.error(_this.translate.instant('eo.action.cancel.signing.error.message'));
+                _this.finished.emit();
+            });
+        };
+        CancelSigningComponent.prototype.run = function () {
+            this.cancelSigning(this.selection[0].id, this.commentField.value);
+        };
+        CancelSigningComponent.prototype.cancel = function () {
+            this.canceled.emit();
+        };
+        CancelSigningComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.elemRef.nativeElement.querySelector('[tabindex="0"]').focus();
+            });
+        };
+        return CancelSigningComponent;
+    }());
+    CancelSigningComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'eo-cancel-signing',
+                    template: "<div class=\"eo-cancel-signing\" eoTrapFocus>\n\n  <h2 translate>eo.action.cancel.signing.label</h2>\n  <form *ngIf=\"!cancelling\" [formGroup]=\"cancelSigningForm\">\n    <eo-form-input [skipToggle]=\"true\" [required]=\"true\" [label]=\"commentLabel\" [invalid]=\"commentValidity\" tabindex=\"0\">\n      <eo-string [multiline]=\"true\" [minlength]=\"3\" [maxlength]=\"100\" formControlName=\"commentField\"></eo-string>\n    </eo-form-input>\n  </form>\n  <div *ngIf=\"!cancelling\">\n    <div class=\"form-buttons\">\n      <button (click)=\"cancel()\" translate>eo.action.cancel.signing.cancel</button>\n      <button class=\"primary\" (click)=\"run()\"\n              [disabled]=\"cancelSigningForm.errors || cancelSigningForm.invalid || !cancelSigningForm.dirty\"\n              translate>eo.action.cancel.signing.cancelSigning</button>\n    </div>\n  </div>\n\n  <div class=\"spinner-container\" *ngIf=\"cancelling\">\n    <eo-loading-spinner></eo-loading-spinner>\n  </div>\n</div>\n\n\n",
+                    styles: [".eo-cancel-signing{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-cancel-signing h2{font-size:var(--font-subhead);font-weight:var(--font-weight-light)}.eo-cancel-signing .form-buttons{padding:5px 0;text-align:right}.eo-cancel-signing .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding)/2)}.eo-cancel-signing .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding)/2);margin-right:0}.eo-cancel-signing .spinner-container{align-items:center;display:flex;justify-content:center}"]
+                },] }
+    ];
+    CancelSigningComponent.ctorParameters = function () { return [
+        { type: i1.TranslateService },
+        { type: i1.BackendService },
+        { type: i1.NotificationsService },
+        { type: i2.Router },
+        { type: i1.CapabilitiesService },
+        { type: i1.SigningService },
+        { type: i0.ElementRef },
+        { type: i1.EventService },
+        { type: i1.DmsService }
+    ]; };
+    CancelSigningComponent.propDecorators = {
+        selection: [{ type: i0.Input }],
+        finished: [{ type: i0.Output }],
+        canceled: [{ type: i0.Output }]
+    };
+
+    var CancelSigningActionComponent = /** @class */ (function (_super) {
+        __extends(CancelSigningActionComponent, _super);
+        function CancelSigningActionComponent(translate, signingService) {
+            var _this = _super.call(this) || this;
+            _this.translate = translate;
+            _this.signingService = signingService;
+            _this.priority = 2;
+            _this.iconSrc = 'assets/_default/svg/ic_signature.svg';
+            _this.group = 'common';
+            _this.range = exports.SelectionRange.SINGLE_SELECT;
+            _this.component = CancelSigningComponent;
+            _this.label = _this.translate.instant('eo.action.cancel.signing.label');
+            _this.description = _this.translate.instant('eo.action.cancel.signing.description');
+            return _this;
+        }
+        CancelSigningActionComponent.prototype.isExecutable = function (element) {
+            return rxjs.of(this.signingService.signingInProcess(element)
+                && this.hasEditRights(element)
+                && !this.isFinalized(element));
+        };
+        CancelSigningActionComponent.prototype.hasEditRights = function (item) {
+            return item.rights.edit;
+        };
+        CancelSigningActionComponent.prototype.isFinalized = function (item) {
+            return item.isFinalized;
+        };
+        return CancelSigningActionComponent;
+    }(DmsObjectTarget));
+    CancelSigningActionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'eo-cancel-signing',
+                    template: ""
+                },] }
+    ];
+    CancelSigningActionComponent.ctorParameters = function () { return [
+        { type: i1.TranslateService },
+        { type: i1.SigningService }
+    ]; };
+
     var entryComponents = [
         CopyActionComponent,
         OpenContextActionComponent,
@@ -18645,7 +18819,9 @@
         UnlockActionComponent,
         SimpleWorkflowActionComponent,
         SignatureActionComponent,
-        SignatureComponent
+        SignatureComponent,
+        CancelSigningActionComponent,
+        CancelSigningComponent
     ];
     var ɵ0 = [];
     /**
@@ -18742,7 +18918,9 @@
                         SimpleWorkflowActionComponent,
                         PreventDoubleClickDirective,
                         SignatureActionComponent,
-                        SignatureComponent
+                        SignatureComponent,
+                        CancelSigningActionComponent,
+                        CancelSigningComponent
                     ],
                     entryComponents: entryComponents
                 },] }
@@ -20098,7 +20276,7 @@
     StoredQueryDetailsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-stored-query-details',
-                    template: "<ng-container *ngIf=\"storedQuery\">\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\"\n               [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"\n               [iconTitle]=\"('eo.view.navigation.storedqueries' | translate)\">\n      </eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{storedQuery.name}}</h2>\n        <h3 class=\"eo-header-subtitle\" translate>eo.search.title.storedqueries</h3>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"form\">\n\n      <ng-template #queryForm>\n        <eo-stored-query [query]=\"storedQuery\" [formOnly]=\"true\" #storedQueryForm\n                         (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                         (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n      </ng-template>\n\n      <form class=\"edit-form\" [formGroup]=\"editForm.form\" *ngIf=\"editForm.form; else queryForm\">\n\n        <div class=\"context dark\">\n\n          <!-- title and fulltext term fields -->\n          <eo-form-input class=\"title\">\n            <input type=\"text\" name=\"storedQueryTitle\" maxlength=\"64\" onfocus=\"this.select()\" [formControlName]=\"'storedQueryTitle'\"/>\n          </eo-form-input>\n          \n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n          <div class=\"form-field\">\n            <eo-form-element [skipToggle]=\"true\" [element]=\"editForm.fulltextFormControl\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"editForm.fulltextFormControl\"\n                                        (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n\n          <!-- context type form controls -->\n          <h3>{{storedQuery.contextFolderTypes[0]?.label}}</h3>\n          <div class=\"form-field\" *ngFor=\"let ctxElement of editForm.contextControls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"ctxElement\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"ctxElement\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n\n        <!-- object type form controls -->\n        <div class=\"form-fields\" [ngClass]=\"{empty: !editForm.controls?.length}\">\n          <div class=\"form-field\" *ngFor=\"let element of editForm.controls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"element\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"element\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n      </form>\n    </div>\n\n    <aside class=\"aside\" *ngIf=\"!isNewQuery\">\n\n      <!-- favorite and share -->\n      <div class=\"meta-actions\">\n\n        <ng-container *ngIf=\"isOwnQuery; else sharedWithMe\">\n          <eo-icon class=\"button btn-share\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" *ngIf=\"enableSharing\"\n                   [ngClass]=\"{active: storedQuery.shared || storedQuery.roles.length, editing: editingShare}\"\n                   (click)=\"toggleShareEdit()\"\n                   [iconTitle]=\"iconTitles.share\"></eo-icon>\n\n          <eo-icon class=\"button btn-fav\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n                   [ngClass]=\"{active: storedQuery.favorite}\"\n                   (click)=\"toggleFavoriteState()\"\n                   [iconTitle]=\"iconTitles.favor\"></eo-icon>\n        </ng-container>\n\n        <ng-template #sharedWithMe>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" [iconTitle]=\"iconTitles.shared\"></eo-icon>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\" [iconTitle]=\"iconTitles.favored\"></eo-icon>\n        </ng-template>\n\n      </div>\n\n      <!-- roles that share this query -->\n      <div class=\"meta-roles\" [ngClass]=\"{dark: editingShare, empty: !storedQuery.roles?.length}\">\n\n        <div class=\"label\" translate>eo.storedquery.share.sharedwith</div>\n        <div class=\"form-field\" *ngIf=\"rolesPicker?.codesystem?.entries\">\n          <eo-codesystem [pickerTitle]=\"rolesPicker.title\"\n                         [codesystem]=\"rolesPicker.codesystem\"\n                         [multiselect]=\"true\"\n                         [readonly]=\"!editingShare\"\n                         [inputStyleClass]=\"'stored-query__share'\"\n                         [(ngModel)]=\"rolesPicker.value\"></eo-codesystem>\n        </div>\n\n        <div class=\"share-actions\" *ngIf=\"editingShare\">\n          <button class=\"secondary\" (click)=\"cancelShare()\" translate>eo.storedquery.share.cancel</button>\n          <button class=\"primary\" (click)=\"share()\" translate>eo.storedquery.share.ok</button>\n        </div>\n      </div>\n\n      <!-- queries meta info like baseparam settings -->\n      <div class=\"meta-data\" *ngIf=\"restrictions?.length\">\n        <div class=\"restriction\" *ngFor=\"let restriction of restrictions; trackBy: trackByIndex\">\n          <div class=\"label\">{{restriction.label}}</div>\n          <div class=\"items\">\n            <div *ngFor=\"let item of restriction.items; trackBy: trackByIndex\">{{item}}</div>\n          </div>\n        </div>\n      </div>\n\n    </aside>\n\n  </div>\n\n  <div class=\"actions\">\n    <ng-container *ngIf=\"!editForm.form; else actionEdit\">\n      <button class=\"secondary btn-delete\" (click)=\"delete()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.delete</button>\n      <button class=\"secondary btn-open\" (click)=\"setQueryToAppSearch()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.load</button>\n      <button class=\"primary grey btn-edit\" (click)=\"edit()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.edit</button>\n      <button class=\"primary btn-search\" [disabled]=\"storedQuery.state?.isEmpty\" (click)=\"executeQuery()\" translate>eo.storedquery.run</button>\n    </ng-container>\n\n    <ng-template #actionEdit>\n      <!-- action while editing the query form -->\n      <button class=\"secondary btn-cancel\" (click)=\"cancelEdit()\" translate>eo.storedquery.action.cancel</button>\n      <button class=\"primary btn-save\" (click)=\"updateStoredQuery()\" [disabled]=\"editForm.form.invalid\" translate>eo.storedquery.action.save</button>\n    </ng-template>\n  </div>\n\n</ng-container>\n",
+                    template: "<ng-container *ngIf=\"storedQuery\">\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\"\n               [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"\n               [iconTitle]=\"('eo.view.navigation.storedqueries' | translate)\">\n      </eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{storedQuery.name}}</h2>\n        <h3 class=\"eo-header-subtitle\" translate>eo.search.title.storedqueries</h3>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"form\">\n\n      <ng-template #queryForm>\n        <eo-stored-query [query]=\"storedQuery\" [formOnly]=\"true\" #storedQueryForm\n                         (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                         (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n      </ng-template>\n\n      <form class=\"edit-form\" [formGroup]=\"editForm.form\" *ngIf=\"editForm.form; else queryForm\">\n\n        <div class=\"context dark\">\n\n          <!-- title and fulltext term fields -->\n          <eo-form-input class=\"title\">\n            <input type=\"text\" name=\"storedQueryTitle\" maxlength=\"64\" onfocus=\"this.select()\" [formControlName]=\"'storedQueryTitle'\"/>\n          </eo-form-input>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n          <div class=\"form-field\">\n            <eo-form-element [skipToggle]=\"true\" [element]=\"editForm.fulltextFormControl\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"editForm.fulltextFormControl\"\n                                        (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n\n          <!-- context type form controls -->\n          <h3>{{storedQuery.contextFolderTypes[0]?.label}}</h3>\n          <div class=\"form-field\" *ngFor=\"let ctxElement of editForm.contextControls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"ctxElement\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"ctxElement\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n\n        <!-- object type form controls -->\n        <div class=\"form-fields\" [ngClass]=\"{empty: !editForm.controls?.length}\">\n          <div class=\"form-field\" *ngFor=\"let element of editForm.controls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"element\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"element\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n      </form>\n    </div>\n\n    <aside class=\"aside\" *ngIf=\"!isNewQuery\">\n\n      <!-- favorite and share -->\n      <div class=\"meta-actions\">\n\n        <ng-container *ngIf=\"isOwnQuery; else sharedWithMe\">\n          <eo-icon class=\"button btn-share\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" *ngIf=\"enableSharing\"\n                   [ngClass]=\"{active: storedQuery.shared || storedQuery.roles.length, editing: editingShare}\"\n                   (click)=\"toggleShareEdit()\"\n                   [iconTitle]=\"iconTitles.share\"></eo-icon>\n\n          <eo-icon class=\"button btn-fav\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n                   [ngClass]=\"{active: storedQuery.favorite}\"\n                   (click)=\"toggleFavoriteState()\"\n                   [iconTitle]=\"iconTitles.favor\"></eo-icon>\n        </ng-container>\n\n        <ng-template #sharedWithMe>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" [iconTitle]=\"iconTitles.shared\"></eo-icon>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\" [iconTitle]=\"iconTitles.favored\"></eo-icon>\n        </ng-template>\n\n      </div>\n\n      <!-- roles that share this query -->\n      <div class=\"meta-roles\" [ngClass]=\"{dark: editingShare, empty: !storedQuery.roles?.length}\">\n\n        <div class=\"label\" translate>eo.storedquery.share.sharedwith</div>\n        <div class=\"form-field\" *ngIf=\"rolesPicker?.codesystem?.entries\">\n          <eo-codesystem [pickerTitle]=\"rolesPicker.title\"\n                         [codesystem]=\"rolesPicker.codesystem\"\n                         [multiselect]=\"true\"\n                         [readonly]=\"!editingShare\"\n                         [inputStyleClass]=\"'stored-query__share'\"\n                         [(ngModel)]=\"rolesPicker.value\"></eo-codesystem>\n        </div>\n\n        <div class=\"share-actions\" *ngIf=\"editingShare\">\n          <button class=\"secondary\" (click)=\"cancelShare()\" translate>eo.storedquery.share.cancel</button>\n          <button class=\"primary\" (click)=\"share()\" translate>eo.storedquery.share.ok</button>\n        </div>\n      </div>\n\n      <!-- queries meta info like baseparam settings -->\n      <div class=\"meta-data\" *ngIf=\"restrictions?.length\">\n        <div class=\"restriction\" *ngFor=\"let restriction of restrictions; trackBy: trackByIndex\">\n          <div class=\"label\">{{restriction.label}}</div>\n          <div class=\"items\">\n            <div *ngFor=\"let item of restriction.items; trackBy: trackByIndex\">{{item}}</div>\n          </div>\n        </div>\n      </div>\n\n    </aside>\n\n  </div>\n\n  <div class=\"actions\">\n    <ng-container *ngIf=\"!editForm.form; else actionEdit\">\n      <button class=\"secondary btn-delete\" (click)=\"delete()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.delete</button>\n      <button class=\"secondary btn-open\" (click)=\"setQueryToAppSearch()\" translate>eo.storedquery.load</button>\n      <button class=\"primary grey btn-edit\" (click)=\"edit()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.edit</button>\n      <button class=\"primary btn-search\" [disabled]=\"storedQuery.state?.isEmpty\" (click)=\"executeQuery()\" translate>eo.storedquery.run</button>\n    </ng-container>\n\n    <ng-template #actionEdit>\n      <!-- action while editing the query form -->\n      <button class=\"secondary btn-cancel\" (click)=\"cancelEdit()\" translate>eo.storedquery.action.cancel</button>\n      <button class=\"primary btn-save\" (click)=\"updateStoredQuery()\" [disabled]=\"editForm.form.invalid\" translate>eo.storedquery.action.save</button>\n    </ng-template>\n  </div>\n\n</ng-container>\n",
                     styles: [":host{--stored-query-aside-width:300px;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{background-color:var(--color-white);border-bottom:1px solid var(--panel-header-border-bottom-color)}:host .eo-body{overflow-y:hidden}:host .eo-body .form{overflow-y:auto;padding:var(--app-pane-padding);padding-right:calc(var(--stored-query-aside-width) + var(--app-pane-padding)*2)}:host .eo-body .form eo-stored-query{background-color:var(--color-white);padding:var(--app-pane-padding)}:host .eo-body .aside{background-color:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1);box-sizing:border-box;padding:var(--app-pane-padding);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);width:var(--stored-query-aside-width)}:host .eo-body .aside .meta-actions{display:flex;justify-content:flex-end;margin:0 -2px}:host .eo-body .aside .meta-actions eo-icon{color:var(--text-color-hint);margin:0 2px;padding:4px}:host .eo-body .aside .meta-actions eo-icon.active{color:var(--color-favorite)}:host .eo-body .aside .meta-actions eo-icon.editing{background-color:var(--color-primary-2);border-radius:2px 2px 0 0;color:var(--color-white)}:host .eo-body .aside .meta-actions eo-icon.sharedWithMe{background-color:var(--text-color-hint);border-radius:2px;color:var(--color-white)}:host .eo-body .aside .meta-roles.dark{background-color:var(--color-primary-2);border-radius:2px;color:var(--color-white);margin-bottom:var(--app-pane-padding);padding:calc(var(--app-pane-padding)/2)}:host .eo-body .aside .meta-roles.dark .actions{display:flex}:host .eo-body .aside .meta-roles.dark .label{display:none}:host .eo-body .aside .meta-roles.dark .form-field,:host .eo-body .aside .meta-roles .form-field{background-color:rgba(var(--color-white-rgb),.2)}:host .eo-body .aside .meta-roles .form-field{border:1px solid rgba(var(--color-black-rgb),.1);margin-bottom:calc(var(--app-pane-padding)/2);padding:2px 2px 4px 4px}:host .eo-body .aside .meta-roles .label{color:var(--text-color-caption);font-style:italic;margin-bottom:calc(var(--app-pane-padding)/4)}:host .eo-body .aside .meta-roles .share-actions{display:flex;justify-content:flex-end;margin:0 calc(var(--app-pane-padding)/8*-1)}:host .eo-body .aside .meta-roles .share-actions button{margin:0 calc(var(--app-pane-padding)/8);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}:host .eo-body .aside .meta-roles.empty:not(.dark) .form-field,:host .eo-body .aside .meta-roles.empty:not(.dark) .label{display:none}:host .eo-body .aside .meta-data{border-collapse:collapse;display:table;flex:1 1 40%;margin:0 0 var(--app-pane-padding) 0;order:1}:host .eo-body .aside .meta-data .restriction{display:table-row}:host .eo-body .aside .meta-data .restriction .label{color:var(--text-color-caption);display:table-cell;font-style:italic;padding-right:calc(var(--app-pane-padding)/2)}:host .eo-body .aside .meta-data .restriction .items{border-left:1px solid rgba(var(--color-black-rgb),.1);display:table-cell;padding:0 0 calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/2)}:host .actions{background-color:var(--color-white);border-top:1px solid var(--panel-header-border-bottom-color);display:flex;flex-flow:row;justify-content:flex-end;padding:var(--app-pane-padding) calc(var(--app-pane-padding) - 2px)}:host .actions button{margin:0 2px}:host .edit-form{background-color:var(--color-white);max-width:500px}:host .edit-form .context{background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding)/2)}:host .edit-form .context h3{color:var(--color-white);display:flex;font-size:var(--font-subhead);font-weight:var(--font-weight-light);justify-content:flex-end;margin:0;padding:var(--app-pane-padding) 0 calc(var(--app-pane-padding)/2) 0}:host .edit-form .form-fields{padding:calc(var(--app-pane-padding)/2)}:host .edit-form .form-fields.empty{display:none}:host .edit-form .form-field{align-items:center;display:flex;flex-flow:row nowrap}:host .edit-form .form-field eo-form-element{flex:1 1 auto}:host .edit-form .form-field eo-dynamic-property-switch{flex:0 0 auto}:host eo-stored-query{display:block;max-width:500px}:host ::ng-deep eo-form-input.title{display:block;margin-bottom:var(--app-pane-padding)}:host ::ng-deep eo-form-input.title input{font-size:var(--font-title);font-weight:var(--font-weight-light)}"]
                 },] }
     ];
@@ -20415,10 +20593,12 @@
             _this.panelOrder = { 'master': ['summary', 'indexdata', 'history', 'links', 'signature'], 'slave': ['preview'] };
             _this.agentIsConnected$ = _this.agentService.isConnected$;
             _this.enableCompare = false;
+            _this.recyclebinTabs = false;
             _this.enableDiff = true;
             _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',
@@ -20575,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;
@@ -20589,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;
@@ -20741,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\" [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\" [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 && 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 && item.content && item.rights.edit && (agentIsConnected$ | async)\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" (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\"\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        </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')\" 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\" [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()\" [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.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 [
@@ -20768,6 +20955,7 @@
         reference: [{ type: i0.Input }],
         searchTerm: [{ type: i0.Input }],
         enableCompare: [{ type: i0.Input }],
+        recyclebinTabs: [{ type: i0.Input }],
         enableDiff: [{ type: i0.Input }],
         enableSync: [{ type: i0.Input }],
         cacheLayout: [{ type: i0.Input }],
@@ -21111,7 +21299,7 @@
         ObjectHistoryComponent.prototype.fetchHistory = function (id, type) {
             var _this = this;
             this.dmsService
-                .getHistory(id, type)
+                .getHistory(id, type, true)
                 .pipe(operators.map(function (res) {
                 var reversedRes = res.reverse();
                 _this.completeHistory = reversedRes;
@@ -21126,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>{{entry.user.lastname}}, {{entry.user.firstname}} ({{entry.user.name}})</span>\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)}"]
                 },] }
@@ -21647,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() {
         }
@@ -21671,6 +22141,7 @@
                     ],
                     declarations: [
                         ObjectDetailsComponent,
+                        RecyclebinDetailsComponent,
                         ObjectHistoryComponent,
                         ObjectLinksComponent,
                         FavoriteIconComponent,
@@ -21678,7 +22149,7 @@
                         HistoryFilterComponent,
                         EditIconComponent
                     ],
-                    exports: [ObjectDetailsComponent, ObjectHistoryComponent, ObjectLinksComponent, FavoriteIconComponent, HistoryFilterPipe]
+                    exports: [ObjectDetailsComponent, RecyclebinDetailsComponent, ObjectHistoryComponent, ObjectLinksComponent, FavoriteIconComponent, HistoryFilterPipe]
                 },] }
     ];
 
@@ -22775,8 +23246,17 @@
                 _this.initPreparePhase(_this.PHASE_INDEXDATA);
                 _this.uploadInProgress = false;
             }, i1.Utils.throw(function (error) {
-                _this.notification.error(null, error.error.cause.messages[0]);
+                if (error.error && error.error.cause) {
+                    _this.notification.error(null, error.error.cause.messages[0]);
+                }
+                else if (error.error) {
+                    _this.notification.error(null, error.error.message);
+                }
+                else {
+                    _this.notification.error(_this.translate.instant('eo.prepare.created.error.title'));
+                }
                 _this.file.nativeElement.value = null;
+                _this.committing = false;
                 _this.uploadInProgress = false;
             }, this.translate.instant('eo.upload.global.error.title'), this.translate.instant('eo.upload.global.error.description')));
         };
@@ -24100,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');
+                        }
                     }
                 ]
             };
@@ -25222,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 = {
@@ -25288,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.4.0", "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.4.0',
+                componentVersion: '9.6.0-rc.1',
                 productName: '',
                 productVersion: ''
             };
@@ -25956,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 = {
@@ -26171,6 +26659,131 @@
         eoGrid: [{ type: i0.ViewChild, args: ['eoGrid',] }]
     };
 
+    var RecyclebinStateComponent = /** @class */ (function (_super) {
+        __extends(RecyclebinStateComponent, _super);
+        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';
+            _this.emptyState = EmptyStateService.defaultEmptyState();
+            _this.showActionsMenu = true;
+            _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", {
+            get: function () {
+                return this.showActionsMenu;
+            },
+            set: function (hasContent) {
+                this.showActionsMenu = hasContent;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        RecyclebinStateComponent.prototype.hasPendingChanges = function () {
+            return this.pendingChanges.hasPendingTask();
+        };
+        RecyclebinStateComponent.prototype.refreshGrid = function () {
+            this.userService.getRecycleBin().subscribe();
+        };
+        RecyclebinStateComponent.prototype.parseDmsParams = function (data) {
+            return data ? { id: data.id, type: data.type, recyclebin: true } : null;
+        };
+        RecyclebinStateComponent.prototype.typeFilters = function () {
+            var data = this.gridData;
+            var uniqueByType = SetFilterComponent.uniqBy(data, 'type', this.system.getObjectTypes());
+            this.typeFilterFields = uniqueByType.map(function (t) { return Object.assign({
+                label: t.label,
+                value: true,
+                filter: function (node) { return node.data === t.qname; },
+                id: t.qname
+            }); }).sort(i1.Utils.sortValues('label'));
+        };
+        RecyclebinStateComponent.prototype.resetFilters = function () {
+            this.typeFilters();
+        };
+        RecyclebinStateComponent.prototype.updateGrid = function (data) {
+            this.emptyState = this.empty.getEmptyState(data ? data.length : -1, undefined, 'ic_no-file.svg');
+            if (this.eoGrid && this.eoGrid.isReady) {
+                this.eoGrid.updateRowData(data);
+                return this.resetFilters();
+            }
+            this.resetFilters();
+            var colDefs = [{
+                    headerName: '',
+                    field: '__custom',
+                    cellRenderer: this.cellRenderer,
+                    filter: false
+                }];
+            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 = {
+                context: { count: data.length },
+                rowData: data,
+                columnDefs: colDefs.concat(sortColDefs),
+                rowBuffer: 20,
+                rowHeight: 80,
+            };
+        };
+        RecyclebinStateComponent.prototype.cellRenderer = function (params) {
+            var icon = params.context.cr.render('type', params, {
+                value: params.data.type
+            });
+            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;
+            this.refreshGrid();
+            this.userService.recyclesGridData$.pipe(operators.takeUntil(this.componentDestroyed$))
+                .subscribe(function (data) {
+                _this.gridData = data;
+                _this.updateGrid(_this.gridData);
+            });
+        };
+        RecyclebinStateComponent.prototype.ngOnDestroy = function () {
+            this.selection.clear();
+        };
+        return RecyclebinStateComponent;
+    }(UnsubscribeOnDestroy));
+    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','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)}"]
+                },] }
+    ];
+    RecyclebinStateComponent.ctorParameters = function () { return [
+        { type: SelectionService },
+        { type: i1$2.TranslateService },
+        { type: i1.SystemService },
+        { type: EmptyStateService },
+        { type: PendingChangesService },
+        { type: i1.EventService },
+        { type: PageTitleService },
+        { type: i1.UserService }
+    ]; };
+    RecyclebinStateComponent.propDecorators = {
+        eoGrid: [{ type: i0.ViewChild, args: ['eoGrid',] }]
+    };
+
     // Configure applications main routes (e.g. 404).
     // Child routes will be added by the feature modules link inbox etc.
     var routes$1 = [
@@ -26183,6 +26796,7 @@
         { path: 'about', component: AboutStateComponent },
         { path: 'process', component: ProcessStateComponent, canActivate: [AuthGuard, UploadOverlayGuard, CapabilitiesGuard], canDeactivate: [PendingChangesGuard] },
         { path: 'notifications', component: NotificationsStateComponent, canActivate: [AuthGuard, UploadOverlayGuard, CapabilitiesGuard], canDeactivate: [PendingChangesGuard] },
+        { path: 'recyclebin', component: RecyclebinStateComponent, canActivate: [AuthGuard, UploadOverlayGuard, CapabilitiesGuard], canDeactivate: [PendingChangesGuard] },
         { path: 'versions/:id', component: VersionStateComponent, canActivate: [AuthGuard, UploadOverlayGuard] },
         // default route
         { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
@@ -26248,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 },
@@ -26831,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 = {
@@ -26857,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;
@@ -26887,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 [
@@ -27005,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 = {
@@ -27145,7 +27761,8 @@
                         AboutStateComponent,
                         StoredQueriesStateComponent,
                         ProcessStateComponent,
-                        VersionStateComponent
+                        VersionStateComponent,
+                        RecyclebinStateComponent
                     ],
                     exports: [i2.RouterModule, EoFrameworkModule]
                 },] }
@@ -27402,17 +28019,21 @@
     exports.ɵck = SimpleWorkflowActionComponent;
     exports.ɵcl = SignatureActionComponent;
     exports.ɵcm = SignatureComponent;
-    exports.ɵcn = FavoriteActionComponent;
-    exports.ɵco = PreventDoubleClickDirective;
-    exports.ɵcp = EditIconComponent;
-    exports.ɵcq = DuetimeInfoComponent;
-    exports.ɵcr = PrepareContentExistsInfoComponent;
-    exports.ɵcs = ObjectStateRoutingModule;
-    exports.ɵct = InboxStateRoutingModule;
-    exports.ɵcu = PrepareStateRoutingModule;
-    exports.ɵcv = EoClientRoutingModule;
-    exports.ɵcw = ProcessStateComponent;
+    exports.ɵcn = CancelSigningActionComponent;
+    exports.ɵco = CancelSigningComponent;
+    exports.ɵcp = FavoriteActionComponent;
+    exports.ɵcq = PreventDoubleClickDirective;
+    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;