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

package/fesm2015/eo-sdk-client.js

@@ -3454,7 +3454,7 @@ class IndexdataSummaryComponent {
     }
     onStorageInfoToggle(info) {
         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(catchError(Utils.catchSkip(err => err.status === 404))).subscribe(res => {
                 this.storageInfos = res.storageInfo;
                 this.dataInfoAcc = info;
@@ -3674,7 +3674,8 @@ class EoDialogComponent extends UnsubscribeOnDestroy {
             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
         const portal = new TemplatePortal(this.dialogContent, this.viewContainerRef);
@@ -3770,6 +3771,7 @@ EoDialogComponent.propDecorators = {
     dirtyCheck: [{ type: Input }],
     minWidth: [{ type: Input }],
     minHeight: [{ type: Input }],
+    height: [{ type: Input }],
     focusOnShow: [{ type: Input }],
     align: [{ type: Input }],
     isFormTable: [{ type: Input }],
@@ -3959,8 +3961,8 @@ class SignatureTabComponent {
 SignatureTabComponent.decorators = [
     { type: 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 = () => [
@@ -4279,7 +4281,7 @@ class SideBarComponent extends UnsubscribeOnDestroy {
 SideBarComponent.decorators = [
     { type: 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)}}"]
             },] }
 ];
@@ -5104,6 +5106,12 @@ class AppProcessComponent {
     cancelDialog() {
         this.processForm = null;
     }
+    onCancel(dialog) {
+        if (!this.pendingChanges.checkForPendingTasks(this.pendingTaskIds)) {
+            this.finishPending();
+            dialog.visible = false;
+        }
+    }
     startPending() {
         // because this method will be called every time the form status changes,
         // pending task will only be started once until it was finished
@@ -5130,7 +5138,7 @@ class AppProcessComponent {
 AppProcessComponent.decorators = [
     { type: 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)}"]
             },] }
 ];
@@ -7237,7 +7245,7 @@ class IdReferenceComponent {
 IdReferenceComponent.decorators = [
     { type: 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: NG_VALUE_ACCESSOR,
@@ -7250,7 +7258,7 @@ IdReferenceComponent.decorators = [
                         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 = () => [
@@ -10178,15 +10186,17 @@ FormElementComponent.propDecorators = {
 };
 
 class FormElementTableComponent extends UnsubscribeOnDestroy {
-    constructor(systemService, pendingChanges, gridApi, translate, storageService, eventService) {
+    constructor(storageService, systemService, pendingChanges, gridApi) {
         super();
+        this.storageService = storageService;
         this.systemService = systemService;
         this.pendingChanges = pendingChanges;
         this.gridApi = gridApi;
-        this.translate = translate;
-        this.storageService = storageService;
-        this.eventService = eventService;
         this.modules = [ClientSideRowModelModule, 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;
@@ -10243,13 +10253,14 @@ class FormElementTableComponent extends UnsubscribeOnDestroy {
                 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');
     }
     set params(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';
@@ -10567,10 +10578,10 @@ class FormElementTableComponent extends UnsubscribeOnDestroy {
         }
     }
     onColumnResized(column, overlay) {
-        let columnsDefinition = FormElementTableComponent.COLUMNS_DEFINITION;
+        let columnsDefinition = this.cacheLayoutKey + '.colDef';
         let cachedColumns = this._cachedColumns;
         if (overlay) {
-            columnsDefinition = FormElementTableComponent.COLUMNS_DEFINITION_OVERLAY;
+            columnsDefinition = this.cacheLayoutKey + '.colDefOverlay';
             cachedColumns = this._cachedColumnsOverlay;
         }
         let col = cachedColumns.find(c => c.qname === column.colDef.refData.qname);
@@ -10582,17 +10593,30 @@ class FormElementTableComponent extends UnsubscribeOnDestroy {
         }
         this.storageService.setItem(columnsDefinition, cachedColumns);
     }
+    _updateSplitViewLayoutCache() {
+        setTimeout(() => {
+            this.splitView.updateLayoutCache();
+        });
+    }
     togglePreview() {
         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);
+    }
+    ngAfterViewInit() {
+        this._updateSplitViewLayoutCache();
+    }
+    ngOnInit() {
+        var _a;
+        this.hasPreviewFile = this.hasPreviewFile !== undefined ? this.hasPreviewFile : !!((_a = this.params.object) === null || _a === void 0 ? void 0 : _a.content);
     }
 }
-FormElementTableComponent.COLUMNS_DEFINITION = 'eo.framework.cache.tables.columns.definition';
-FormElementTableComponent.COLUMNS_DEFINITION_OVERLAY = 'eo.framework.cache.tables.overlay.columns.definition';
 FormElementTableComponent.decorators = [
     { type: 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: NG_VALUE_ACCESSOR,
@@ -10609,16 +10633,18 @@ FormElementTableComponent.decorators = [
             },] }
 ];
 FormElementTableComponent.ctorParameters = () => [
+    { type: LocalStorageService },
     { type: SystemService },
     { type: PendingChangesService },
-    { type: GridService },
-    { type: TranslateService },
-    { type: LocalStorageService },
-    { type: EventService }
+    { type: GridService }
 ];
 FormElementTableComponent.propDecorators = {
     rowEdit: [{ type: ViewChild, args: ['rowEdit',] }],
+    splitView: [{ type: ViewChild, args: ['splitView',] }],
     limit: [{ type: Input }],
+    hasPreviewFile: [{ type: Input }],
+    minWidth: [{ type: Input }],
+    height: [{ type: Input }],
     params: [{ type: Input }],
     copyCellHandler: [{ type: HostListener, args: ['keydown.control.alt.shift.c', ['$event'],] }, { type: HostListener, args: ['keydown.control.shift.c', ['$event'],] }, { type: HostListener, args: ['keydown.control.alt.c', ['$event'],] }, { type: HostListener, args: ['keydown.control.c', ['$event'],] }]
 };
@@ -10846,7 +10872,7 @@ class SplitComponent extends UnsubscribeOnDestroy {
             this.layoutService.getLayout(`eo.split.layout.${this.cacheLayout}`)
                 .subscribe(layout => {
                 (layout || []).forEach((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;
@@ -10899,14 +10925,14 @@ class SplitComponent extends UnsubscribeOnDestroy {
         const item = this.areas.find(a => a.component === area);
         if (item) {
             this.refresh();
-            this.updateCache();
+            this.updateLayoutCache();
         }
     }
     showArea(area) {
         const item = this.areas.find(a => a.component === area);
         if (item) {
             this.refresh();
-            this.updateCache();
+            this.updateLayoutCache();
         }
     }
     isLastVisibleArea(area) {
@@ -11052,7 +11078,7 @@ class SplitComponent extends UnsubscribeOnDestroy {
         this.containerSize = 0;
         this.areaASize = 0;
         this.areaBSize = 0;
-        this.updateCache();
+        this.updateLayoutCache();
         this.isDragging = false;
         this.notify('end');
     }
@@ -11069,7 +11095,7 @@ class SplitComponent extends UnsubscribeOnDestroy {
                 return this.visibleTransitionEndInternal.next(data);
         }
     }
-    updateCache() {
+    updateLayoutCache() {
         if (this.cacheLayout) {
             let layout = this.areas.map((a, i) => ({ index: i, size: a.size, visible: a.component.visible }));
             this.layoutService.cacheLayout(`eo.split.layout.${this.cacheLayout}`, layout);
@@ -11207,6 +11233,9 @@ class SplitAreaComponent extends TabPanel {
         this.visibility = 'block';
         this.eventsLockFct = [];
     }
+    set height(height) {
+        this._height = height;
+    }
     set order(v) {
         this._order = !isNaN(v) ? v : null;
         this.split.updateArea(this, this._order, this._size, this._minSizePixel);
@@ -11287,6 +11316,7 @@ SplitAreaComponent.propDecorators = {
     _height: [{ type: HostBinding, args: ['style.height.%',] }],
     minWidth: [{ type: HostBinding, args: ['style.min-width.px',] }],
     visibleCls: [{ type: HostBinding, args: ['class.visible',] }],
+    height: [{ type: Input }],
     order: [{ type: Input }],
     size: [{ type: Input }],
     minSizePixel: [{ type: Input }],
@@ -13134,7 +13164,7 @@ class TextFilterComponent extends AbstractFilterComponent {
         }
     }
     saveFilter(term) {
-        if (!this.savedFilters.includes(term)) {
+        if (term && !this.savedFilters.includes(term)) {
             this.savedFilters.push(term);
             this.userService.changeSavedInboxFilters(this.savedFilters).subscribe();
         }
@@ -13154,7 +13184,7 @@ class TextFilterComponent extends AbstractFilterComponent {
 TextFilterComponent.decorators = [
     { type: 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}"]
             },] }
 ];
@@ -13458,9 +13488,11 @@ class WorkflowComponent {
         this.finished.emit();
     }
     cancel() {
-        this.finishPending();
-        this.dialog.visible = false;
-        this.canceled.emit();
+        if (!this.pendingChanges.checkForPendingTasks(this.pendingTaskIds)) {
+            this.finishPending();
+            this.dialog.visible = false;
+            this.canceled.emit();
+        }
     }
     onIndexDataChanged(event) {
         this.form = event;
@@ -14117,8 +14149,8 @@ class MediaComponent extends UnsubscribeOnDestroy {
         if (item.content && item.content.contents && item.content.contents.length) {
             const 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,
@@ -15540,7 +15572,10 @@ class DeleteComponent {
             .deleteDmsObject(dmsObject.id, dmsObject.type.name, hardDelete, force)
             .subscribe(() => {
             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'));
+            const 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(EnaioEvent.DMS_OBJECT_DELETED, this.selection[0]);
             if ((dmsObject.isContextFolder || !dmsObject.contextFolder) && this.isAllowedState()) {
                 this.router.navigate(['/']);
@@ -16698,13 +16733,15 @@ ProcessFormModule.decorators = [
 ];
 
 class SignatureComponent {
-    constructor(bpmService, pendingChanges, translate, toaster, signingService, config) {
+    constructor(bpmService, pendingChanges, translate, toaster, signingService, config, eventService, dmsService) {
         this.bpmService = bpmService;
         this.pendingChanges = pendingChanges;
         this.translate = translate;
         this.toaster = toaster;
         this.signingService = signingService;
         this.config = config;
+        this.eventService = eventService;
+        this.dmsService = dmsService;
         this.finished = new EventEmitter();
         this.canceled = new EventEmitter();
         // ID set by pendingChanges service when editing indexdata
@@ -16738,9 +16775,11 @@ class SignatureComponent {
             };
             this.signingService
                 .signDocument(this.selection[0].id, signingData)
-                .subscribe(() => {
+                .pipe(switchMap(() => this.dmsService.getDmsObject(this.selection[0].id)))
+                .subscribe((dmsObject) => {
                 this.processingRequest = false;
                 this.toaster.success(this.translate.instant('eo.action.signature.request.success'));
+                this.eventService.trigger(EnaioEvent.DMS_OBJECT_UPDATED, dmsObject);
                 this.finish();
             }, Utils.throw(error => {
                 this.toaster.error(error);
@@ -16754,9 +16793,11 @@ class SignatureComponent {
         this.finished.emit();
     }
     cancel() {
-        this.finishPending();
-        this.dialog.visible = false;
-        this.canceled.emit();
+        if (!this.pendingChanges.checkForPendingTasks(this.pendingTaskIds)) {
+            this.finishPending();
+            this.dialog.visible = false;
+            this.canceled.emit();
+        }
     }
     onIndexDataChanged() {
         if (this.signingForm.dirty) {
@@ -16786,8 +16827,8 @@ class SignatureComponent {
 SignatureComponent.decorators = [
     { type: 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 = () => [
@@ -16796,7 +16837,9 @@ SignatureComponent.ctorParameters = () => [
     { type: TranslateService },
     { type: NotificationsService },
     { type: SigningService },
-    { type: Config }
+    { type: Config },
+    { type: EventService },
+    { type: DmsService }
 ];
 SignatureComponent.propDecorators = {
     dialog: [{ type: ViewChild, args: ['dialog',] }]
@@ -16807,7 +16850,7 @@ class SignatureActionComponent extends DmsObjectTarget {
         super();
         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 = SelectionRange.SINGLE_SELECT;
@@ -16816,14 +16859,20 @@ class SignatureActionComponent extends DmsObjectTarget {
         this.description = this.translate.instant('eo.action.signature.description');
     }
     isExecutable(element) {
-        return of(!this.signingService.signingInProcess(element)
+        return of(!this.signingService.signatureRequested(element)
             && this.isAllowedMimeType(element)
             && this.isAllowedObjectType(element)
             && this.hasEditRights(element)
             && !this.isFinalized(element));
     }
     isAllowedMimeType(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');
     }
     isAllowedObjectType(item) {
         return item.type.supertypes.includes('yuvsigning');
@@ -16846,6 +16895,116 @@ SignatureActionComponent.ctorParameters = () => [
     { type: SigningService }
 ];
 
+class CancelSigningComponent {
+    constructor(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 EventEmitter();
+        this.canceled = new EventEmitter();
+        this.commentLabel = this.translate.instant('eo.action.cancel.signing.reason');
+        this.cancelSigningForm = new FormGroup({});
+        this.commentField = new FormControl();
+        this.cancelSigningForm.addControl('commentField', this.commentField);
+        this.commentField.setValidators(Validators.required);
+    }
+    get commentValidity() {
+        return this.cancelSigningForm.get('commentField').invalid;
+    }
+    cancelSigning(id, comment) {
+        this.cancelling = true;
+        this.signingService
+            .cancelSigning(id, comment)
+            .pipe(switchMap(() => this.dmsService.getDmsObject(this.selection[0].id)))
+            .subscribe((dmsObject) => {
+            this.cancelling = false;
+            this.toast.success(null, this.translate.instant('eo.action.cancel.signing.success.message'));
+            this.eventService.trigger(EnaioEvent.DMS_OBJECT_UPDATED, dmsObject);
+            this.finished.emit();
+        }, (error) => {
+            this.toast.error(this.translate.instant('eo.action.cancel.signing.error.message'));
+            this.finished.emit();
+        });
+    }
+    run() {
+        this.cancelSigning(this.selection[0].id, this.commentField.value);
+    }
+    cancel() {
+        this.canceled.emit();
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.elemRef.nativeElement.querySelector('[tabindex="0"]').focus();
+        });
+    }
+}
+CancelSigningComponent.decorators = [
+    { type: 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 = () => [
+    { type: TranslateService },
+    { type: BackendService },
+    { type: NotificationsService },
+    { type: Router },
+    { type: CapabilitiesService },
+    { type: SigningService },
+    { type: ElementRef },
+    { type: EventService },
+    { type: DmsService }
+];
+CancelSigningComponent.propDecorators = {
+    selection: [{ type: Input }],
+    finished: [{ type: Output }],
+    canceled: [{ type: Output }]
+};
+
+class CancelSigningActionComponent extends DmsObjectTarget {
+    constructor(translate, signingService) {
+        super();
+        this.translate = translate;
+        this.signingService = signingService;
+        this.priority = 2;
+        this.iconSrc = 'assets/_default/svg/ic_signature.svg';
+        this.group = 'common';
+        this.range = 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');
+    }
+    isExecutable(element) {
+        return of(this.signingService.signingInProcess(element)
+            && this.hasEditRights(element)
+            && !this.isFinalized(element));
+    }
+    hasEditRights(item) {
+        return item.rights.edit;
+    }
+    isFinalized(item) {
+        return item.isFinalized;
+    }
+}
+CancelSigningActionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'eo-cancel-signing',
+                template: ``
+            },] }
+];
+CancelSigningActionComponent.ctorParameters = () => [
+    { type: TranslateService },
+    { type: SigningService }
+];
+
 const entryComponents = [
     CopyActionComponent,
     OpenContextActionComponent,
@@ -16887,7 +17046,9 @@ const entryComponents = [
     UnlockActionComponent,
     SimpleWorkflowActionComponent,
     SignatureActionComponent,
-    SignatureComponent
+    SignatureComponent,
+    CancelSigningActionComponent,
+    CancelSigningComponent
 ];
 const ɵ0 = [];
 /**
@@ -16980,7 +17141,9 @@ ActionModule.decorators = [
                     SimpleWorkflowActionComponent,
                     PreventDoubleClickDirective,
                     SignatureActionComponent,
-                    SignatureComponent
+                    SignatureComponent,
+                    CancelSigningActionComponent,
+                    CancelSigningComponent
                 ],
                 entryComponents
             },] }
@@ -18237,7 +18400,7 @@ class StoredQueryDetailsComponent extends UnsubscribeOnDestroy {
 StoredQueryDetailsComponent.decorators = [
     { type: 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)}"]
             },] }
 ];
@@ -18525,10 +18688,12 @@ class ObjectDetailsComponent extends UnsubscribeOnDestroy {
         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 QueryList();
+        this.preventClickThrough = false;
         // shortcut actions
         this.shortcuts = {
             id: 'eo.object-details',
@@ -18652,7 +18817,7 @@ class ObjectDetailsComponent extends UnsubscribeOnDestroy {
                     this.loadDmsObject(this.parseDmsParams(res)).subscribe((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(EnaioEvent.DMS_OBJECT_UPDATED, res);
                         }
                         this.dmsObject = res;
@@ -18666,7 +18831,13 @@ class ObjectDetailsComponent extends UnsubscribeOnDestroy {
         }
     }
     refreshContent() {
-        this.updateContent();
+        if (!this.preventClickThrough) {
+            this.preventClickThrough = true;
+            this.updateContent();
+        }
+        setTimeout(() => {
+            this.preventClickThrough = false;
+        }, 5000);
     }
     prepareIndexDataPreview(item, formData) {
         const { id, data, type, created, modified, content, contentFileName, contentFileSize, version } = item;
@@ -18808,9 +18979,9 @@ class ObjectDetailsComponent extends UnsubscribeOnDestroy {
 ObjectDetailsComponent.decorators = [
     { type: 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 = () => [
@@ -18835,6 +19006,7 @@ ObjectDetailsComponent.propDecorators = {
     reference: [{ type: Input }],
     searchTerm: [{ type: Input }],
     enableCompare: [{ type: Input }],
+    recyclebinTabs: [{ type: Input }],
     enableDiff: [{ type: Input }],
     enableSync: [{ type: Input }],
     cacheLayout: [{ type: Input }],
@@ -19147,7 +19319,7 @@ class ObjectHistoryComponent extends UnsubscribeOnDestroy {
     }
     fetchHistory(id, type) {
         this.dmsService
-            .getHistory(id, type)
+            .getHistory(id, type, true)
             .pipe(map((res) => {
             const reversedRes = res.reverse();
             this.completeHistory = reversedRes;
@@ -19161,7 +19333,7 @@ class ObjectHistoryComponent extends UnsubscribeOnDestroy {
 ObjectHistoryComponent.decorators = [
     { type: 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: 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)}"]
             },] }
@@ -19665,6 +19837,254 @@ EditIconComponent.propDecorators = {
     item: [{ type: Input }]
 };
 
+class RecyclebinDetailsComponent extends UnsubscribeOnDestroy {
+    constructor(router, route, system, empty, backend, userService, toast, dmsService, selection, capabilityService, eventService, configService, translate) {
+        super();
+        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 QueryList();
+        this.parseDmsParams = this.getDmsParams;
+        this.hasContent = new EventEmitter();
+        this.panelOrder = this.configService.getRaw('recyclebinDetailsTabs') || this.panelOrder;
+        this.user$.subscribe(user => { this.userId = user.id; });
+    }
+    set showDeleteDialog(val) {
+        this._showDeleteDialog = val;
+        if (this._showDeleteDialog) {
+            setTimeout(() => this.confirmDeleteButton.nativeElement.focus(), 0);
+        }
+    }
+    get showDeleteDialog() {
+        return this._showDeleteDialog;
+    }
+    set emptyState(e) {
+        this._emptyState = e || EmptyStateService.defaultEmptyState();
+    }
+    get emptyState() {
+        return this._emptyState;
+    }
+    set dmsParams(params) {
+        this.showLoader = true;
+        this.loadDmsObject(params).subscribe((res) => {
+            this.dmsObject = res;
+            this.showLoader = false;
+        }, Utils.throw(() => this.onHasError(true, true, false)));
+    }
+    set dmsObject(v) {
+        this.item = v;
+        this.onHasError();
+        // prepare indexdata preview
+        this.onIndexDataSaved(null, this.item);
+        this.eventService.trigger(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);
+        }
+    }
+    get dataType() {
+        return this.item ? this.item.typeName : 'none';
+    }
+    getDmsParams(data) {
+        return data ? Object.assign(Object.assign({}, data), { type: data.type }) : null;
+    }
+    updateContent() {
+        if (this.applySelection) {
+            this.selection
+                .find(this.applySelection.in)
+                .focus$
+                .pipe(takeUntil(this.componentDestroyed$))
+                .subscribe(result => {
+                this.showLoader = true;
+                this.loadDmsObject(this.parseDmsParams(result)).subscribe((res) => {
+                    if (this.item && res && (this.item.id === res.id) && res.version > this.item.version) {
+                        this.eventService.trigger(EnaioEvent.DMS_OBJECT_UPDATED, res);
+                    }
+                    this.dmsObject = res;
+                    this.showLoader = false;
+                }, Utils.throw((error) => {
+                    return this.onHasError(true, true, false);
+                }));
+            });
+        }
+    }
+    restoreFile(openLocationAfterRestore = false) {
+        this.dmsService.restore(this.item.id, this.userId, this.item.typeName).subscribe(() => {
+            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(EnaioEvent.DMS_OBJECT_RESTORED_OR_DELETED);
+        }, (error) => {
+            if (error.status === 409) {
+                this.toast.error(this.translate.instant('eo.recyclebin.details.restore.dms.object.error.409'));
+            }
+        });
+    }
+    deleteDmsObject() {
+        this.dmsService
+            .deleteDmsObject(this.item.id, this.item.type.name, true)
+            .subscribe(() => {
+            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(EnaioEvent.DMS_OBJECT_RESTORED_OR_DELETED);
+        });
+    }
+    prepareIndexDataPreview(item, formData) {
+        const { id, data, type, created, modified, content, contentFileName, contentFileSize, version } = item;
+        return this.system
+            .getObjectTypeForm(type.name, 'EDIT')
+            .pipe(map(form => {
+            let indexDataPreview = {
+                form,
+                data: formData || data
+            };
+            let baseparams = {
+                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, baseparams };
+        }));
+    }
+    onHasError(hasError = false, nodmsobject = false, showLoader = false) {
+        this.hasError = hasError;
+        this.nodmsobject = nodmsobject;
+        this.showLoader = showLoader;
+        this.hasContent.emit(!hasError);
+    }
+    loadDmsObject(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) : of(null);
+    }
+    downloadOriginalContent() {
+        this.backend.downloadContent([this.item], null, false, true);
+    }
+    // executed when the dms object changed due to saving its indexdata
+    onIndexDataSaved(formData, item) {
+        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(data => {
+                if (item === this.item) {
+                    this.indexDataPreview = data.indexDataPreview;
+                    this.baseparams = data.baseparams;
+                }
+                else {
+                    this.indexDataPreview2 = data.indexDataPreview;
+                    this.baseparams2 = data.baseparams;
+                }
+            });
+        }
+    }
+    isVisible(id) {
+        return this.panelOrder.master.includes(id) || this.panelOrder.slave.includes(id);
+    }
+    ngOnInit() {
+        this.capabilities = this.capabilityService.getCapabilities();
+        this.updateContent();
+        this.eventService
+            .on(EnaioEvent.DMS_OBJECT_UPDATED)
+            .pipe(takeUntil(this.componentDestroyed$))
+            .subscribe(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();
+                }
+            }
+        });
+    }
+    ngAfterViewInit() {
+        let panels = this.tabPanels.toArray();
+        this.tabPlugins.forEach(p => panels = panels.concat(p.tabPanels.toArray()));
+        this.externalPanels.reset(panels);
+    }
+}
+RecyclebinDetailsComponent.decorators = [
+    { type: 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 = () => [
+    { type: Router },
+    { type: ActivatedRoute },
+    { type: SystemService },
+    { type: EmptyStateService },
+    { type: BackendService },
+    { type: UserService },
+    { type: NotificationsService },
+    { type: DmsService },
+    { type: SelectionService },
+    { type: CapabilitiesService },
+    { type: EventService },
+    { type: Config },
+    { type: TranslateService }
+];
+RecyclebinDetailsComponent.propDecorators = {
+    preview: [{ type: ViewChild, args: ['viewer',] }],
+    confirmDeleteButton: [{ type: ViewChild, args: ['confirmDelete',] }],
+    cacheLayout: [{ type: Input }],
+    tabPanels: [{ type: ContentChildren, args: [TabPanelComponent,] }],
+    tabPlugins: [{ type: ContentChildren, args: [TabPluginComponent,] }],
+    applySelection: [{ type: Input }],
+    parseDmsParams: [{ type: Input }],
+    hasContent: [{ type: Output }],
+    emptyState: [{ type: Input }],
+    dmsParams: [{ type: Input, args: ['params',] }],
+    dmsObject: [{ type: Input, args: ['item',] }],
+    dataType: [{ type: HostBinding, args: ['attr.data-type',] }]
+};
+
 class ObjectDetailsModule {
 }
 ObjectDetailsModule.decorators = [
@@ -19686,6 +20106,7 @@ ObjectDetailsModule.decorators = [
                 ],
                 declarations: [
                     ObjectDetailsComponent,
+                    RecyclebinDetailsComponent,
                     ObjectHistoryComponent,
                     ObjectLinksComponent,
                     FavoriteIconComponent,
@@ -19693,7 +20114,7 @@ ObjectDetailsModule.decorators = [
                     HistoryFilterComponent,
                     EditIconComponent
                 ],
-                exports: [ObjectDetailsComponent, ObjectHistoryComponent, ObjectLinksComponent, FavoriteIconComponent, HistoryFilterPipe]
+                exports: [ObjectDetailsComponent, RecyclebinDetailsComponent, ObjectHistoryComponent, ObjectLinksComponent, FavoriteIconComponent, HistoryFilterPipe]
             },] }
 ];
 
@@ -20722,8 +21143,17 @@ class PrepareDetailsComponent extends UnsubscribeOnDestroy {
             this.initPreparePhase(this.PHASE_INDEXDATA);
             this.uploadInProgress = false;
         }, Utils.throw(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')));
     }
@@ -21981,6 +22411,14 @@ class FrameComponent {
                     onExecuteAction: () => {
                         this.router.navigateByUrl('/stored-queries');
                     }
+                },
+                {
+                    name: this.translate.instant('eo.view.navigation.recyclebin'),
+                    nameKey: 'eo.view.navigation.recyclebin',
+                    shortcut: '8',
+                    onExecuteAction: () => {
+                        this.router.navigateByUrl('/recyclebin');
+                    }
                 }
             ]
         };
@@ -23011,8 +23449,8 @@ class FavoriteStateComponent extends UnsubscribeOnDestroy {
         ];
         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: '' }
         ];
         const sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
         this.gridOptions = {
@@ -23085,10 +23523,10 @@ class AboutStateComponent {
         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: ''
         };
@@ -23757,9 +24195,9 @@ class NotificationsStateComponent extends UnsubscribeOnDestroy {
         ];
         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: '' }
         ];
         const sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
         this.gridOptions = {
@@ -23989,6 +24427,136 @@ VersionStateComponent.propDecorators = {
     eoGrid: [{ type: ViewChild, args: ['eoGrid',] }]
 };
 
+class RecyclebinStateComponent extends UnsubscribeOnDestroy {
+    constructor(selection, translate, system, empty, pendingChanges, eventService, titleService, userService) {
+        super();
+        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(EnaioEvent.DMS_OBJECT_RESTORED_OR_DELETED).pipe(takeUntil(this.componentDestroyed$))
+            .subscribe(() => this.refreshGrid());
+    }
+    set hasContent(hasContent) {
+        this.showActionsMenu = hasContent;
+    }
+    get hasContent() {
+        return this.showActionsMenu;
+    }
+    hasPendingChanges() {
+        return this.pendingChanges.hasPendingTask();
+    }
+    refreshGrid() {
+        this.userService.getRecycleBin().subscribe();
+    }
+    parseDmsParams(data) {
+        return data ? { id: data.id, type: data.type, recyclebin: true } : null;
+    }
+    typeFilters() {
+        const data = this.gridData;
+        let uniqueByType = SetFilterComponent.uniqBy(data, 'type', this.system.getObjectTypes());
+        this.typeFilterFields = uniqueByType.map(t => Object.assign({
+            label: t.label,
+            value: true,
+            filter: (node) => node.data === t.qname,
+            id: t.qname
+        })).sort(Utils.sortValues('label'));
+    }
+    resetFilters() {
+        this.typeFilters();
+    }
+    updateGrid(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();
+        let 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: '' }
+        ];
+        const sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
+        this.gridOptions = {
+            context: { count: data.length },
+            rowData: data,
+            columnDefs: colDefs.concat(sortColDefs),
+            rowBuffer: 20,
+            rowHeight: 80,
+        };
+    }
+    cellRenderer(params) {
+        let icon = params.context.cr.render('type', params, {
+            value: params.data.type
+        });
+        let recycledTime = params.context.cr.render('dateTime', params, { value: params.data.recycled });
+        return `<div class="list-item ${params.data.folder ? 'folder' : ''}" unselectable>
+              ${icon}
+              <div class="content">
+                <div class="title">${params.data.title || ''}</div>
+                <div class="meta">
+                  <div class="description">
+                    ${params.data.description}
+                  </div>
+                  <div class='description date'>
+                    <span class="period">${recycledTime}</span>
+                  </div>
+                </div>
+              </div>
+            </div>`;
+    }
+    ngOnInit() {
+        this.refreshGrid();
+        this.userService.recyclesGridData$.pipe(takeUntil(this.componentDestroyed$))
+            .subscribe(data => {
+            this.gridData = data;
+            this.updateGrid(this.gridData);
+        });
+    }
+    ngOnDestroy() {
+        this.selection.clear();
+    }
+}
+RecyclebinStateComponent.decorators = [
+    { type: 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 = () => [
+    { type: SelectionService },
+    { type: TranslateService$1 },
+    { type: SystemService },
+    { type: EmptyStateService },
+    { type: PendingChangesService },
+    { type: EventService },
+    { type: PageTitleService },
+    { type: UserService }
+];
+RecyclebinStateComponent.propDecorators = {
+    eoGrid: [{ type: ViewChild, args: ['eoGrid',] }]
+};
+
 // Configure applications main routes (e.g. 404).
 // Child routes will be added by the feature modules link inbox etc.
 const routes$1 = [
@@ -24001,6 +24569,7 @@ const routes$1 = [
     { 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' },
@@ -24063,7 +24632,7 @@ class ObjectStateService {
             let lastModified = null;
             if (res.hits.length) {
                 size = res.hits.map(a => a.filesize || 0).reduce((acc, cur) => acc + cur);
-                lastModified = res.hits.sort(Utils.sortValues('modified', 'desc')).slice(0, 10);
+                lastModified = res.hits.sort(Utils.sortValues('modified', 'desc')).slice(0, 100);
             }
             return {
                 documentCount: { value: res.count.value },
@@ -24612,11 +25181,12 @@ class InboxStateComponent extends UnsubscribeOnDestroy {
                 // 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: (p) => (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: '' }
         ];
         let sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
         this.gridOptions = {
@@ -24638,10 +25208,11 @@ class InboxStateComponent extends UnsubscribeOnDestroy {
         let shortDate = params.context.cr.render('dateTime', params, { value: params.data.received, pattern: 'eoShortDate' });
         let shortTime = params.context.cr.render('dateTime', params, { value: params.data.received, pattern: 'eoShortTime' });
         let duetime = params.context.cr.render('dateTime', params, { value: params.data.duetime });
+        const titleClass = params.data.accepted ? 'title' : 'title-bold';
         return `<div class="list-item${params.data.folder ? ' folder' : ''}" unselectable>
               ${icon}
               <div class='content'>
-                <div class='title'>${params.data.title || ''}</div>
+                <div class='${titleClass}'>${params.data.title || ''}</div>
                 <div class='description'>${params.data.description || ''}</div>
                 <div class='notes${params.data.isOverdue() ? ' pastDue' : ''}'>
                   ${params.data.duetime ? '<span class="period">' + duetime + '</span>' : ''}
@@ -24681,7 +25252,7 @@ InboxStateComponent.decorators = [
     { type: 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 = () => [
@@ -24791,8 +25362,8 @@ class PrepareStateComponent extends UnsubscribeOnDestroy {
             }
         ];
         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: '' }
         ];
         let sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
         this.gridOptions = {
@@ -24933,7 +25504,8 @@ EoClientModule.decorators = [
                     AboutStateComponent,
                     StoredQueriesStateComponent,
                     ProcessStateComponent,
-                    VersionStateComponent
+                    VersionStateComponent,
+                    RecyclebinStateComponent
                 ],
                 exports: [RouterModule, EoFrameworkModule]
             },] }
@@ -24950,5 +25522,5 @@ EoClientModule.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIONS, AboutStateComponent, AbstractFilterComponent, AccordionModule, ActionMenuComponent, ActionModule, ActionService, ActionTarget, AgentService, AppAddComponent, AppAddDialogComponent, AppBarComponent, AppLayoutComponent, AppSearchComponent, AppSearchService, AreaState, AuthGuard, CUSTOM_ACTIONS, CapabilitiesGuard, CellRenderer, ChangePasswordFormComponent, CheckboxComponent, ClipboardComponent, CodesystemComponent, CodesystemFilterComponent, ColumnConfiguratorComponent, ContentPreviewService, ContextSearchComponent, ContextType, CtaComponent, CtaModule, CustomFilterComponent, CustomSortComponent, DashboardComponent, DatepickerComponent, DatetimeComponent, DatetimeFilterComponent, DatetimeRangeComponent, DmsObjectTarget, DynamicListComponent, DynamicPropertySwitchComponent, ENTRY_COMPONENTS, ENTRY_LINKS, EmptyComponent, EmptyStateService, EnaioErrorKeys, EoAppShellModule, EoClientModule, EoDialogComponent, EoFrameworkCoreModule, EoFrameworkModule, EoIconComponent, Error404Component, ErrorHandlerService, ErrorMessageComponent, ErrorModule, FavoriteIconComponent, FavoriteStateComponent, FileSizePipe, FormElementComponent, FormElementTableComponent, FormElementsModule, FormInputComponent, FrameComponent, GlobalShortcutsComponent, GlobalShortcutsSectionComponent, GridComponent, GridFilter, GridModule, GridService, HistoryFilterComponent, HistoryFilterPipe, IdReferenceComponent, InboxDetailsComponent, InboxItemTarget, InboxStateComponent, InboxStateModule, InboxTypes, InboxTypesFilter, IndexdataSummaryComponent, InputFocusDirective, KeysPipe, LayoutService, ListContainerComponent, ListContainerModule, ListSettingsService, LoadingSpinnerComponent, LocaleCurrencyPipe, LocaleDatePipe, LocaleDecimalPipe, LocaleNumberPipe, LocalePercentPipe, LocationService, LockSettings, LoginComponent, MediaComponent, MediaModule, NotFoundComponent, NotificationsStateComponent, NumberComponent, NumberRangeComponent, ObjectDetailsComponent, ObjectDetailsModule, ObjectFormComponent, ObjectFormControl, ObjectFormControlWrapper, ObjectFormEditComponent, ObjectFormGroup, ObjectFormGroupComponent, ObjectFormHelperService, ObjectFormModule, ObjectFormScriptService, ObjectFormScriptingScope, ObjectHistoryComponent, ObjectLinksComponent, ObjectStateComponent, ObjectStateDetailsComponent, ObjectStateModule, ObjectStateService, OrganizationComponent, OrganizationFilterComponent, OutsideClickDirective, OverlayComponent, PageTitleService, PanelLoading, PasswordComponent, PendingChangesService, PermissionsComponent, PluginComponent, PluginDirective, PluginService, PluginsModule, PluginsService, PrepareDetailsComponent, PrepareStateComponent, PrepareStateModule, PreparedItemTarget, ProcessDetailsComponent, ProcessFileComponent, ProcessHistoryComponent, ProcessItemTarget, QuickFilterComponent, QuickSearchComponent, QuickSearchModule, ReferenceComponent, ReferenceService, ResetFilterComponent, ResultListComponent, ResultListModule, ResultStateComponent, RouterLinkDirective, RowEditComponent, RtlAwareDirective, STATE, SafeHtmlPipe, SelectionRange, SelectionService, SetFilterComponent, SettingsComponent, SettingsModule, Shortcut, ShortcutsDirective, ShortcutsModule, ShortcutsService, SideBarComponent, SidebarPluginComponent, SimpleAccordionComponent, SplitAreaComponent, SplitComponent, SplitGutterDirective, SplitModule, StoredQueriesStateComponent, StoredQueryComponent, StoredQueryDetailsComponent, StoredQueryModule, StoredQueryTarget, StringComponent, TabContainerComponent, TabContainerModule, TabPanelComponent, TabPluginComponent, TabViewComponent, TabViewNavComponent, TextFilterComponent, TotalCountComponent, TreeComponent, TreeModule, TypeFilter, UNDOCK_WINDOW_NAME, UiModule, UndockSplitComponent, UndockSplitService, UnsubscribeOnDestroy, UploadOverlayComponent, UserAvatarComponent, UtilModule, UtilitiesService, VersionStateComponent, WorkItemTarget, agentConfigKeys, entryComponents, listAnimation, panelLoadingAnimations, ɵ0, ɵ1, PendingChangesGuard as ɵa, UploadOverlayGuard as ɵb, OpenContextActionComponent as ɵba, DownloadActionComponent as ɵbb, DownloadOriginalActionComponent as ɵbc, DownloadPdfActionComponent as ɵbd, OpenDocumentActionComponent as ɵbe, EmailActionComponent as ɵbf, EmailLinkActionComponent as ɵbg, EmailOriginalActionComponent as ɵbh, EmailPdfActionComponent as ɵbi, ClipboardActionComponent as ɵbj, ClipboardLinkActionComponent as ɵbk, ClipboardOriginalActionComponent as ɵbl, ClipboardPdfActionComponent as ɵbm, DeleteActionComponent as ɵbn, DeleteComponent as ɵbo, OpenVersionsActionComponent as ɵbp, RestoreVersionActionComponent as ɵbq, DeletePreparedActionComponent as ɵbr, AddSubscriptionActionComponent as ɵbs, AddSubscriptionComponent as ɵbt, RemoveSubscriptionActionComponent as ɵbu, WorkflowActionComponent as ɵbv, WorkflowComponent as ɵbw, CustomActionsComponent as ɵbx, AddResubmissionActionComponent as ɵby, AddResubmissionComponent as ɵbz, AppShellRoutingModule as ɵc, UpdateResubmissionActionComponent as ɵca, ShareObjectActionComponent as ɵcb, ShareObjectComponent as ɵcc, CutActionComponent as ɵcd, FinalizeActionComponent as ɵce, FinalizeObjectActionComponent as ɵcf, DefinalizeActionComponent as ɵcg, DeleteContentComponent as ɵch, DeleteContentActionComponent as ɵci, UnlockActionComponent as ɵcj, SimpleWorkflowActionComponent as ɵck, SignatureActionComponent as ɵcl, SignatureComponent as ɵcm, FavoriteActionComponent as ɵcn, PreventDoubleClickDirective as ɵco, EditIconComponent as ɵcp, DuetimeInfoComponent as ɵcq, PrepareContentExistsInfoComponent as ɵcr, ObjectStateRoutingModule as ɵcs, InboxStateRoutingModule as ɵct, PrepareStateRoutingModule as ɵcu, EoClientRoutingModule as ɵcv, ProcessStateComponent as ɵcw, AppProcessComponent as ɵd, PipesModule as ɵe, UnsubscribeOnDestroy as ɵf, QueryScopeSelectComponent as ɵg, TrapFocusDirective as ɵh, SignatureTabComponent as ɵi, IndexdataSummaryEntryComponent as ɵj, OrderByPipe as ɵk, TreeNodeComponent as ɵl, DatepickerService as ɵm, YearRangeDirective as ɵn, ReferenceFinderComponent as ɵo, fadeInOut as ɵp, ReferenceFinderService as ɵq, ReferenceFinderEntryComponent as ɵr, DynamicListFilterComponent as ɵs, ListFilterComponent as ɵt, PaginationComponent as ɵu, ProcessFormModule as ɵv, ProcessFormComponent as ɵw, ActionComponentAnchorDirective as ɵx, OpenDocumentComponent as ɵy, CopyActionComponent as ɵz };
+export { ACTIONS, AboutStateComponent, AbstractFilterComponent, AccordionModule, ActionMenuComponent, ActionModule, ActionService, ActionTarget, AgentService, AppAddComponent, AppAddDialogComponent, AppBarComponent, AppLayoutComponent, AppSearchComponent, AppSearchService, AreaState, AuthGuard, CUSTOM_ACTIONS, CapabilitiesGuard, CellRenderer, ChangePasswordFormComponent, CheckboxComponent, ClipboardComponent, CodesystemComponent, CodesystemFilterComponent, ColumnConfiguratorComponent, ContentPreviewService, ContextSearchComponent, ContextType, CtaComponent, CtaModule, CustomFilterComponent, CustomSortComponent, DashboardComponent, DatepickerComponent, DatetimeComponent, DatetimeFilterComponent, DatetimeRangeComponent, DmsObjectTarget, DynamicListComponent, DynamicPropertySwitchComponent, ENTRY_COMPONENTS, ENTRY_LINKS, EmptyComponent, EmptyStateService, EnaioErrorKeys, EoAppShellModule, EoClientModule, EoDialogComponent, EoFrameworkCoreModule, EoFrameworkModule, EoIconComponent, Error404Component, ErrorHandlerService, ErrorMessageComponent, ErrorModule, FavoriteIconComponent, FavoriteStateComponent, FileSizePipe, FormElementComponent, FormElementTableComponent, FormElementsModule, FormInputComponent, FrameComponent, GlobalShortcutsComponent, GlobalShortcutsSectionComponent, GridComponent, GridFilter, GridModule, GridService, HistoryFilterComponent, HistoryFilterPipe, IdReferenceComponent, InboxDetailsComponent, InboxItemTarget, InboxStateComponent, InboxStateModule, InboxTypes, InboxTypesFilter, IndexdataSummaryComponent, InputFocusDirective, KeysPipe, LayoutService, ListContainerComponent, ListContainerModule, ListSettingsService, LoadingSpinnerComponent, LocaleCurrencyPipe, LocaleDatePipe, LocaleDecimalPipe, LocaleNumberPipe, LocalePercentPipe, LocationService, LockSettings, LoginComponent, MediaComponent, MediaModule, NotFoundComponent, NotificationsStateComponent, NumberComponent, NumberRangeComponent, ObjectDetailsComponent, ObjectDetailsModule, ObjectFormComponent, ObjectFormControl, ObjectFormControlWrapper, ObjectFormEditComponent, ObjectFormGroup, ObjectFormGroupComponent, ObjectFormHelperService, ObjectFormModule, ObjectFormScriptService, ObjectFormScriptingScope, ObjectHistoryComponent, ObjectLinksComponent, ObjectStateComponent, ObjectStateDetailsComponent, ObjectStateModule, ObjectStateService, OrganizationComponent, OrganizationFilterComponent, OutsideClickDirective, OverlayComponent, PageTitleService, PanelLoading, PasswordComponent, PendingChangesService, PermissionsComponent, PluginComponent, PluginDirective, PluginService, PluginsModule, PluginsService, PrepareDetailsComponent, PrepareStateComponent, PrepareStateModule, PreparedItemTarget, ProcessDetailsComponent, ProcessFileComponent, ProcessHistoryComponent, ProcessItemTarget, QuickFilterComponent, QuickSearchComponent, QuickSearchModule, ReferenceComponent, ReferenceService, ResetFilterComponent, ResultListComponent, ResultListModule, ResultStateComponent, RouterLinkDirective, RowEditComponent, RtlAwareDirective, STATE, SafeHtmlPipe, SelectionRange, SelectionService, SetFilterComponent, SettingsComponent, SettingsModule, Shortcut, ShortcutsDirective, ShortcutsModule, ShortcutsService, SideBarComponent, SidebarPluginComponent, SimpleAccordionComponent, SplitAreaComponent, SplitComponent, SplitGutterDirective, SplitModule, StoredQueriesStateComponent, StoredQueryComponent, StoredQueryDetailsComponent, StoredQueryModule, StoredQueryTarget, StringComponent, TabContainerComponent, TabContainerModule, TabPanelComponent, TabPluginComponent, TabViewComponent, TabViewNavComponent, TextFilterComponent, TotalCountComponent, TreeComponent, TreeModule, TypeFilter, UNDOCK_WINDOW_NAME, UiModule, UndockSplitComponent, UndockSplitService, UnsubscribeOnDestroy, UploadOverlayComponent, UserAvatarComponent, UtilModule, UtilitiesService, VersionStateComponent, WorkItemTarget, agentConfigKeys, entryComponents, listAnimation, panelLoadingAnimations, ɵ0, ɵ1, PendingChangesGuard as ɵa, UploadOverlayGuard as ɵb, OpenContextActionComponent as ɵba, DownloadActionComponent as ɵbb, DownloadOriginalActionComponent as ɵbc, DownloadPdfActionComponent as ɵbd, OpenDocumentActionComponent as ɵbe, EmailActionComponent as ɵbf, EmailLinkActionComponent as ɵbg, EmailOriginalActionComponent as ɵbh, EmailPdfActionComponent as ɵbi, ClipboardActionComponent as ɵbj, ClipboardLinkActionComponent as ɵbk, ClipboardOriginalActionComponent as ɵbl, ClipboardPdfActionComponent as ɵbm, DeleteActionComponent as ɵbn, DeleteComponent as ɵbo, OpenVersionsActionComponent as ɵbp, RestoreVersionActionComponent as ɵbq, DeletePreparedActionComponent as ɵbr, AddSubscriptionActionComponent as ɵbs, AddSubscriptionComponent as ɵbt, RemoveSubscriptionActionComponent as ɵbu, WorkflowActionComponent as ɵbv, WorkflowComponent as ɵbw, CustomActionsComponent as ɵbx, AddResubmissionActionComponent as ɵby, AddResubmissionComponent as ɵbz, AppShellRoutingModule as ɵc, UpdateResubmissionActionComponent as ɵca, ShareObjectActionComponent as ɵcb, ShareObjectComponent as ɵcc, CutActionComponent as ɵcd, FinalizeActionComponent as ɵce, FinalizeObjectActionComponent as ɵcf, DefinalizeActionComponent as ɵcg, DeleteContentComponent as ɵch, DeleteContentActionComponent as ɵci, UnlockActionComponent as ɵcj, SimpleWorkflowActionComponent as ɵck, SignatureActionComponent as ɵcl, SignatureComponent as ɵcm, CancelSigningActionComponent as ɵcn, CancelSigningComponent as ɵco, FavoriteActionComponent as ɵcp, PreventDoubleClickDirective as ɵcq, RecyclebinDetailsComponent as ɵcr, EditIconComponent as ɵcs, DuetimeInfoComponent as ɵct, PrepareContentExistsInfoComponent as ɵcu, ObjectStateRoutingModule as ɵcv, InboxStateRoutingModule as ɵcw, PrepareStateRoutingModule as ɵcx, EoClientRoutingModule as ɵcy, ProcessStateComponent as ɵcz, AppProcessComponent as ɵd, RecyclebinStateComponent as ɵda, PipesModule as ɵe, UnsubscribeOnDestroy as ɵf, QueryScopeSelectComponent as ɵg, TrapFocusDirective as ɵh, SignatureTabComponent as ɵi, IndexdataSummaryEntryComponent as ɵj, OrderByPipe as ɵk, TreeNodeComponent as ɵl, DatepickerService as ɵm, YearRangeDirective as ɵn, ReferenceFinderComponent as ɵo, fadeInOut as ɵp, ReferenceFinderService as ɵq, ReferenceFinderEntryComponent as ɵr, DynamicListFilterComponent as ɵs, ListFilterComponent as ɵt, PaginationComponent as ɵu, ProcessFormModule as ɵv, ProcessFormComponent as ɵw, ActionComponentAnchorDirective as ɵx, OpenDocumentComponent as ɵy, CopyActionComponent as ɵz };
 //# sourceMappingURL=eo-sdk-client.js.map