@eo-sdk/client 9.0.3 → 9.2.0-rc.1

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/common/http'), require('rxjs'), require('rxjs/operators'), require('@eo-sdk/core'), require('@angular/router'), require('@ag-grid-community/core'), require('@angular/platform-browser'), require('@angular/forms'), require('primeng/accordion'), require('@angular/platform-browser/animations'), require('primeng/primeng'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/cdk/a11y'), require('@angular/animations'), require('moment'), require('moment/min/locales'), require('lodash'), require('@ag-grid-community/angular'), require('@ag-grid-community/client-side-row-model'), require('@ag-grid-community/csv-export'), require('@angular/cdk/drag-drop')) :
-    typeof define === 'function' && define.amd ? define('@eo-sdk/client', ['exports', '@angular/core', '@angular/common', '@angular/common/http', 'rxjs', 'rxjs/operators', '@eo-sdk/core', '@angular/router', '@ag-grid-community/core', '@angular/platform-browser', '@angular/forms', 'primeng/accordion', '@angular/platform-browser/animations', 'primeng/primeng', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/cdk/a11y', '@angular/animations', 'moment', 'moment/min/locales', 'lodash', '@ag-grid-community/angular', '@ag-grid-community/client-side-row-model', '@ag-grid-community/csv-export', '@angular/cdk/drag-drop'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['eo-sdk'] = global['eo-sdk'] || {}, global['eo-sdk'].client = {}), global.ng.core, global.ng.common, global.ng.common.http, global.rxjs, global.rxjs.operators, global.i1, global.ng.router, global.core, global.ng.platformBrowser, global.ng.forms, global.accordion, global.ng.platformBrowser.animations, global.primeng, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.cdk.a11y, global.ng.animations, global.moment_, null, global._, global.angular, global.clientSideRowModel, global.csvExport, global.ng.cdk.dragDrop));
-}(this, (function (exports, i0, common, http, rxjs, operators, i1, i2, core, i1$1, forms, accordion, animations, primeng, overlay, portal, a11y, animations$1, moment_, locales, _, angular, clientSideRowModel, csvExport, dragDrop) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/common/http'), require('rxjs'), require('rxjs/operators'), require('@eo-sdk/core'), require('@angular/router'), require('@ag-grid-community/core'), require('@angular/platform-browser'), require('@angular/forms'), require('primeng/accordion'), require('@angular/platform-browser/animations'), require('primeng/primeng'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/cdk/a11y'), require('@angular/animations'), require('moment'), require('moment/min/locales'), require('lodash'), require('@ag-grid-community/angular'), require('@ag-grid-community/client-side-row-model'), require('@ag-grid-community/csv-export'), require('@angular/cdk/drag-drop'), require('@ngx-translate/core')) :
+    typeof define === 'function' && define.amd ? define('@eo-sdk/client', ['exports', '@angular/core', '@angular/common', '@angular/common/http', 'rxjs', 'rxjs/operators', '@eo-sdk/core', '@angular/router', '@ag-grid-community/core', '@angular/platform-browser', '@angular/forms', 'primeng/accordion', '@angular/platform-browser/animations', 'primeng/primeng', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/cdk/a11y', '@angular/animations', 'moment', 'moment/min/locales', 'lodash', '@ag-grid-community/angular', '@ag-grid-community/client-side-row-model', '@ag-grid-community/csv-export', '@angular/cdk/drag-drop', '@ngx-translate/core'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['eo-sdk'] = global['eo-sdk'] || {}, global['eo-sdk'].client = {}), global.ng.core, global.ng.common, global.ng.common.http, global.rxjs, global.rxjs.operators, global.i1, global.ng.router, global.core, global.ng.platformBrowser, global.ng.forms, global.accordion, global.ng.platformBrowser.animations, global.primeng, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.cdk.a11y, global.ng.animations, global.moment_, null, global._, global.angular, global.clientSideRowModel, global.csvExport, global.ng.cdk.dragDrop, global.i1$2));
+}(this, (function (exports, i0, common, http, rxjs, operators, i1, i2, core, i1$1, forms, accordion, animations, primeng, overlay, portal, a11y, animations$1, moment_, locales, _, angular, clientSideRowModel, csvExport, dragDrop, i1$2) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -4327,9 +4327,9 @@
     EoDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-dialog',
-                    template: "<ng-template #dialogContent>\n  <div class=\"eo-dialog\" [ngClass]=\"styleClass || ''\" eoRtlAware=\"dir\">\n    <header class=\"eo-dialog-header\" [ngClass]=\"styleClass ? styleClass + '--header ' : ''\">\n      <h5 class=\"headline\">{{title}}</h5>\n      <h6 *ngIf=\"subtitle\" class=\"subtitle\">{{subtitle}}</h6>\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"closeDialog()\" class=\"button white eo-dialog-close\"></eo-icon>\n      <ng-container *ngIf=\"isFormTable && hasPreviewFile\">\n        <eo-icon *ngIf=\"showPreview\" [iconSrc]=\"'assets/_default/svg/ic_preview_close.svg'\"\n                 [iconTitle]=\"'eo.form.table.dialog.preview.hide' | translate\" (click)=\"togglePreview()\" class=\"button white eo-dialog-preview-toggle\"></eo-icon>\n        <eo-icon *ngIf=\"!showPreview\" [iconSrc]=\"'assets/_default/svg/ic_preview_show.svg'\"\n                 [iconTitle]=\"'eo.form.table.dialog.preview.show' | translate\" (click)=\"togglePreview()\" class=\"button white eo-dialog-preview-toggle\"></eo-icon>\n      </ng-container>\n    </header>\n    <div class=\"eo-dialog-content\" [ngClass]=\"styleClass ? styleClass + '--content ' : ''\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n",
+                    template: "<ng-template #dialogContent>\n  <div class=\"eo-dialog\" [ngClass]=\"styleClass || ''\" eoRtlAware=\"dir\">\n    <header class=\"eo-dialog-header\" [ngClass]=\"styleClass ? styleClass + '--header ' : ''\">\n      <h5 class=\"headline\">{{title}}</h5>\n      <h6 *ngIf=\"subtitle\" class=\"subtitle\">{{subtitle}}</h6>\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"closeDialog()\"\n        class=\"button white eo-dialog-close\"></eo-icon>\n      <ng-container *ngIf=\"isFormTable && hasPreviewFile\">\n        <button *ngIf=\"showPreview\" (click)=\"togglePreview()\" class=\"button-preview-toggle\">\n          <div>\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_preview_close.svg'\">\n            </eo-icon>\n            <span class=\"title-preview-toggle\" translate>\n              eo.form.table.dialog.preview.hide\n            </span>\n          </div>\n        </button>\n        <button *ngIf=\"!showPreview\" (click)=\"togglePreview()\" class=\"button-preview-toggle\">\n          <div>\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_preview_show.svg'\"></eo-icon>\n            <span class=\"title-preview-toggle\" translate>\n              eo.form.table.dialog.preview.show\n            </span>\n          </div>\n        </button>\n      </ng-container>\n    </header>\n    <div class=\"eo-dialog-content\" [ngClass]=\"styleClass ? styleClass + '--content ' : ''\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n",
                     encapsulation: i0.ViewEncapsulation.None,
-                    styles: [".eo-dialog{-webkit-animation:none;animation:none;background-color:var(--panel-background);display:flex;flex:1;flex-direction:column;max-height:100%;max-width:100%;min-height:0;min-width:0}.eo-dialog-close{position:absolute;right:5px;top:5px;z-index:2}.eo-dialog-preview-toggle{position:absolute;right:5px;top:50px;z-index:2}.eo-dialog-header{background-color:var(--color-accent);color:var(--color-white);flex:0 0 auto;font-size:var(--font-headline);font-weight:var(--font-weight-light);padding:var(--app-pane-padding) calc(var(--app-pane-padding)*2.5) calc(var(--app-pane-padding)*2) var(--app-pane-padding)}.eo-dialog-header .headline{font-size:24px;font-weight:400;margin:0 25px 0 0}.eo-dialog-header .subtitle{font-size:15px;font-weight:400;margin:0}.eo-dialog-content{display:flex;flex:1;flex-direction:column;height:100%;max-height:520px;min-height:0;min-width:0;overflow:auto;position:relative}.eo-dialog-content>eo-tree{margin:var(--app-pane-padding)}.eo-dialog-content .empty{align-items:center;color:var(--text-color-caption);display:flex;flex:1;flex-direction:column;justify-content:center;min-height:0;min-width:0;padding:var(--app-pane-padding)}.eo-dialog-content .action-buttons{justify-content:flex-end;padding-top:32px}.eo-dialog-content button:not(:last-child){margin-right:5px}.object-form-table-dialog{background-color:var(--panel-background-grey);height:95vh;width:100%}.object-form-table-dialog .body{height:80vh;width:100%}.object-form-table-dialog .edit-body{display:flex;height:100%}.object-form-table-dialog .table-body{background-color:var(--panel-background-grey);display:flex;height:100%;width:100%}.object-form-table-dialog eo-split{padding:var(--app-pane-padding);width:auto!important}.object-form-table-dialog eo-split-area{box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.object-form-table-dialog eo-row-edit{background-color:var(--color-white);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.object-form-table-dialog eo-row-edit .row-edit{display:flex;flex-direction:column;height:100%}.object-form-table-dialog eo-row-edit .row-edit .edit-header{display:flex;justify-content:space-between}.object-form-table-dialog eo-row-edit .row-edit .edit-header .new-indicator{color:var(--text-color-caption);font-size:var(--font-title);margin:8px 16px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon{color:var(--text-color-caption);margin:8px 8px 0}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon:hover{background:rgba(var(--color-black-rgb),.1)}.object-form-table-dialog eo-row-edit .row-edit .form{height:100%;overflow:auto}.object-form-table-dialog eo-row-edit .row-edit .actions{align-items:center;border-top:1px solid var(--panel-header-border-bottom-color);display:flex;flex:0;flex-direction:row;justify-content:flex-end;min-height:0;min-height:5em;min-width:0;padding-right:var(--app-pane-padding)}.object-form-table-dialog eo-row-edit .row-edit .actions button{height:3em;margin:0 calc(var(--app-pane-padding)/8);padding:0 calc(var(--app-pane-padding)/2)}.object-form-table-dialog eo-row-edit .row-edit .actions eo-checkbox{margin:0 calc(var(--app-pane-padding)/2)}.object-form-table-dialog eo-row-edit .row-edit .actions .add-label{color:var(--text-color-caption);font-size:var(--font-body);margin-right:var(--app-pane-padding)}.object-form-table-dialog .object-form-table{background-color:#fff;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;width:100%}.object-form-table-dialog .object-form-table .grid-body{height:100%;position:relative;width:100%}.object-form-table-dialog .object-form-table .grid-body .ag-theme-balham .ag-header{background-color:unset!important}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular{background-color:transparent;height:100%;width:100%}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .copy-cell,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .new-row{-webkit-animation-duration:4s;-webkit-animation-name:new-row;animation-duration:4s;animation-name:new-row}@-webkit-keyframes new-row{0%{background-color:var(--color-accent)}to{background-color:none}}@keyframes new-row{0%{background-color:var(--color-accent)}to{background-color:none}}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell{align-items:center;display:flex;font-size:var(--font-caption);line-height:var(--oft-row-height);padding:0 calc(var(--app-pane-padding)/4)}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.ag-cell-focus{background-color:var(--list-item-hover-background);border-color:transparent!important;outline:0!important}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell svg{pointer-events:none}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.col-boolean,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.res-ico{justify-content:center}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.col-number{justify-content:flex-end}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell .action-icon{cursor:pointer;display:flex}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell .action-icon svg{fill:var(--text-color-caption)}.object-form-table-dialog .label{align-items:center;border-bottom:0;display:flex;flex-flow:row nowrap;padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/4)}.object-form-table-dialog .label span{display:block;flex:1 1 auto}.object-form-table-dialog .label eo-icon.stf{color:var(--text-color-caption);cursor:pointer;height:20px;margin:calc(var(--app-pane-padding)/4);width:20px}.object-form-table-dialog .label eo-icon.stf.add-row{background-color:var(--color-accent);border-radius:2px;color:#fff;height:24px;width:24px}.object-form-table-dialog .label button.add{border-radius:2px;padding:calc(var(--app-pane-padding)/2)}.object-form-table-dialog .label button.export{border:1px solid #000;border-radius:2px;color:#000;font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/8) calc(var(--app-pane-padding)/4)}.object-form-table-dialog .eo-dialog-content{height:100%;max-height:none;overflow:hidden}.object-form-table-dialog .table-area{overflow:unset!important}.cdk-overlay-pane{position:absolute!important}"]
+                    styles: [".eo-dialog{-webkit-animation:none;animation:none;background-color:var(--panel-background);display:flex;flex:1;flex-direction:column;max-height:100%;max-width:100%;min-height:0;min-width:0}.eo-dialog-close{position:absolute;right:5px;top:5px;z-index:2}.eo-dialog-preview-toggle{position:absolute;right:5px;top:50px;z-index:2}.eo-dialog-header{background-color:var(--color-accent);color:var(--color-white);flex:0 0 auto;font-size:var(--font-headline);font-weight:var(--font-weight-light);padding:var(--app-pane-padding) calc(var(--app-pane-padding)*2.5) calc(var(--app-pane-padding)*2) var(--app-pane-padding)}.eo-dialog-header .headline{font-size:24px;font-weight:400;margin:0 25px 0 0}.eo-dialog-header .subtitle{font-size:15px;font-weight:400;margin:0}.eo-dialog-header .button-preview-toggle{background-color:rgba(var(--color-white-rgb),.9);font-weight:700;position:absolute;right:25px;top:30px}.eo-dialog-header .button-preview-toggle:hover{background-color:rgba(var(--color-white-rgb),.6)!important}.eo-dialog-header .button-preview-toggle>div{align-items:center;display:flex;flex-flow:row}.eo-dialog-header .button-preview-toggle>div .title-preview-toggle{margin-inline:4px}.eo-dialog-content{display:flex;flex:1;flex-direction:column;height:100%;max-height:520px;min-height:0;min-width:0;overflow:auto;position:relative}.eo-dialog-content>eo-tree{margin:var(--app-pane-padding)}.eo-dialog-content .empty{align-items:center;color:var(--text-color-caption);display:flex;flex:1;flex-direction:column;justify-content:center;min-height:0;min-width:0;padding:var(--app-pane-padding)}.eo-dialog-content .action-buttons{justify-content:flex-end;padding-top:32px}.eo-dialog-content button:not(:last-child){margin-right:5px}.object-form-table-dialog{background-color:var(--panel-background-grey);height:95vh;width:100%}.object-form-table-dialog .body{height:80vh;width:100%}.object-form-table-dialog .edit-body{display:flex;height:100%}.object-form-table-dialog .table-body{background-color:var(--panel-background-grey);display:flex;height:100%;width:100%}.object-form-table-dialog eo-split{padding:var(--app-pane-padding);width:auto!important}.object-form-table-dialog eo-split-area{box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.object-form-table-dialog eo-row-edit{background-color:var(--color-white);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.object-form-table-dialog eo-row-edit .row-edit{display:flex;flex-direction:column;height:100%}.object-form-table-dialog eo-row-edit .row-edit .edit-header{display:flex;justify-content:space-between}.object-form-table-dialog eo-row-edit .row-edit .edit-header .new-indicator{color:var(--text-color-caption);font-size:var(--font-title);margin:8px 16px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon{color:var(--text-color-caption);margin:8px 8px 0}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon:hover{background:rgba(var(--color-black-rgb),.1)}.object-form-table-dialog eo-row-edit .row-edit .form{height:100%;overflow:auto}.object-form-table-dialog eo-row-edit .row-edit .actions{align-items:center;border-top:1px solid var(--panel-header-border-bottom-color);display:flex;flex:0;flex-direction:row;justify-content:flex-end;min-height:0;min-height:5em;min-width:0;padding-right:var(--app-pane-padding)}.object-form-table-dialog eo-row-edit .row-edit .actions button{height:3em;margin:0 calc(var(--app-pane-padding)/8);padding:0 calc(var(--app-pane-padding)/2)}.object-form-table-dialog eo-row-edit .row-edit .actions eo-checkbox{margin:0 calc(var(--app-pane-padding)/2)}.object-form-table-dialog eo-row-edit .row-edit .actions .add-label{color:var(--text-color-caption);font-size:var(--font-body);margin-right:var(--app-pane-padding)}.object-form-table-dialog .object-form-table{background-color:#fff;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;width:100%}.object-form-table-dialog .object-form-table .grid-body{height:100%;position:relative;width:100%}.object-form-table-dialog .object-form-table .grid-body .ag-theme-balham .ag-header{background-color:unset!important}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular{background-color:transparent;height:100%;width:100%}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .copy-cell,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .new-row{-webkit-animation-duration:4s;-webkit-animation-name:new-row;animation-duration:4s;animation-name:new-row}@-webkit-keyframes new-row{0%{background-color:var(--color-accent)}to{background-color:none}}@keyframes new-row{0%{background-color:var(--color-accent)}to{background-color:none}}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell{align-items:center;display:flex;font-size:var(--font-caption);line-height:var(--oft-row-height);padding:0 calc(var(--app-pane-padding)/4)}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.ag-cell-focus{background-color:var(--list-item-hover-background);border-color:transparent!important;outline:0!important}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell svg{pointer-events:none}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.col-boolean,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.res-ico{justify-content:center}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.col-number{justify-content:flex-end}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell .action-icon{cursor:pointer;display:flex}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell .action-icon svg{fill:var(--text-color-caption)}.object-form-table-dialog .label{align-items:center;border-bottom:0;display:flex;flex-flow:row nowrap;padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/4)}.object-form-table-dialog .label span{display:block;flex:1 1 auto}.object-form-table-dialog .label eo-icon.stf{color:var(--text-color-caption);cursor:pointer;height:20px;margin:calc(var(--app-pane-padding)/4);width:20px}.object-form-table-dialog .label eo-icon.stf.add-row{background-color:var(--color-accent);border-radius:2px;color:#fff;height:24px;width:24px}.object-form-table-dialog .label button.add{border-radius:2px;padding:calc(var(--app-pane-padding)/2)}.object-form-table-dialog .label button.export{border:1px solid #000;border-radius:2px;color:#000;font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/8) calc(var(--app-pane-padding)/4)}.object-form-table-dialog .eo-dialog-content{height:100%;max-height:none;overflow:hidden}.object-form-table-dialog .table-area{overflow:unset!important}.cdk-overlay-pane{position:absolute!important}"]
                 },] }
     ];
     EoDialogComponent.ctorParameters = function () { return [
@@ -4461,6 +4461,74 @@
         select: [{ type: i0.Output }]
     };
 
+    /**
+     * This directive traps the focus inside the element it is applied to.
+     * When applied, a users can't "tab out" of the element.
+     * You need at least two focusable children in the element for it to work properly.
+     * See the querySelector in the trapFocus method to know which elements count as focusable.
+     * Additionally you can add the attribute "focusable" to an element if you are unsure.
+     */
+    var TrapFocusDirective = /** @class */ (function () {
+        function TrapFocusDirective(el) {
+            this.el = el;
+            this.focusableSelectors = 'a[href], button, textarea, input[type="text"],' +
+                'input[type="radio"], input[type="checkbox"], select, [focusable]';
+        }
+        TrapFocusDirective.prototype.ngAfterViewInit = function () {
+            this.trapFocus(this.el.nativeElement);
+        };
+        TrapFocusDirective.prototype.trapFocus = function (element) {
+            var focusableElements = element.querySelectorAll(this.focusableSelectors);
+            focusableElements = Array.from(focusableElements)
+                .filter(function (el) { return !el.disabled && !el.classList.contains('disabled'); });
+            var firstFocusableElement = focusableElements[0];
+            var lastFocusableElement = focusableElements[focusableElements.length - 1];
+            element.addEventListener('keydown', (function (event) {
+                var isTabPressed = event.keyCode === 9; // tab key code
+                if (!isTabPressed)
+                    return;
+                if (event.shiftKey) /* shift + tab */ {
+                    if (document.activeElement === firstFocusableElement) {
+                        lastFocusableElement.focus();
+                        event.preventDefault();
+                    }
+                }
+                else /* tab */ {
+                    if (document.activeElement === lastFocusableElement) {
+                        firstFocusableElement.focus();
+                        event.preventDefault();
+                    }
+                }
+            }));
+        };
+        TrapFocusDirective.prototype.isArrowUpOrDownPressed = function (event) {
+            var key = event.key;
+            if (key === 'ArrowUp' || key === 'ArrowDown') {
+                event.preventDefault();
+                var focusableElements = this.el.nativeElement.parentElement.querySelectorAll(this.focusableSelectors);
+                var currentIndex = Array.from(focusableElements).indexOf(document.activeElement);
+                if (key === 'ArrowDown' && currentIndex < focusableElements.length - 1) {
+                    focusableElements[currentIndex + 1].focus();
+                }
+                else if (key === 'ArrowUp' && currentIndex > 0) {
+                    focusableElements[currentIndex - 1].focus();
+                }
+            }
+        };
+        return TrapFocusDirective;
+    }());
+    TrapFocusDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[eoTrapFocus]'
+                },] }
+    ];
+    TrapFocusDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef }
+    ]; };
+    TrapFocusDirective.propDecorators = {
+        isArrowUpOrDownPressed: [{ type: i0.HostListener, args: ['keydown', ['$event'],] }]
+    };
+
     /**
      * Shared module for all ui components that are used across the whole app
      * and in other components.
@@ -4502,7 +4570,8 @@
                         OverlayComponent,
                         ErrorMessageComponent,
                         EoDialogComponent,
-                        QueryScopeSelectComponent
+                        QueryScopeSelectComponent,
+                        TrapFocusDirective,
                     ],
                     declarations: [
                         EoIconComponent,
@@ -4517,7 +4586,8 @@
                         ErrorMessageComponent,
                         EoDialogComponent,
                         IndexdataSummaryEntryComponent,
-                        QueryScopeSelectComponent
+                        QueryScopeSelectComponent,
+                        TrapFocusDirective
                     ]
                 },] }
     ];
@@ -4839,7 +4909,7 @@
     SideBarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-side-bar',
-                    template: "<div class=\"eo-side-bar\" eoTrapFocus>\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" focusable></eo-icon>\n\n  <div class=\"head\" [style.background-image]=\"backgroundImage\">\n\n\n  </div>\n\n  <div class=\"body\">\n    <a href=\"{{docu.link}}\" target=\"_blank\">\n      <eo-icon class=\"button docu\" [iconTitle]=\"docu.label | translate\" [iconSrc]=\"'assets/_default/svg/ic_book.svg'\"></eo-icon>\n    </a>\n    <a routerLink=\"/about\"><eo-icon class=\"button about\" [iconTitle]=\"'eo.sidebar.help.about.tooltip' | translate\" [iconSrc]=\"'assets/_default/svg/ic_about.svg'\"></eo-icon></a>\n\n    <p-tabView styleClass=\"tab-sidebar\">\n      <p-tabPanel header=\"{{'eo.sidebar.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.sidebar.navigation.favorites</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.inbox</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.prepare</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.process</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.notifications</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\" translate>eo.sidebar.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          <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)}}"]
                 },] }
     ];
@@ -8779,6 +8849,9 @@
             enumerable: false,
             configurable: true
         });
+        OrganizationComponent.prototype.ngAfterViewInit = function () {
+            this.autoCompleteInput.focusInput();
+        };
         OrganizationComponent.prototype.validate = function () {
             return null;
         };
@@ -8906,7 +8979,7 @@
                             multi: true
                         }
                     ],
-                    styles: [".eo-organization .ui-autocomplete-token-label{display:inline-block}.eo-organization .fa.fa-user,.eo-organization .fa.fa-users{margin:0 4px;text-align:center;width:18px}:host.readonly ::ng-deep .ui-autocomplete-token-icon{display:none}:host ::ng-deep .ui-autocomplete-token{border:none!important;margin:0!important;padding:0!important}:host ::ng-deep .ui-autocomplete-token .token{align-items:center;border:1px solid rgba(0,0,0,.1);display:flex;overflow:hidden;padding:2px}:host ::ng-deep .ui-autocomplete-token-icon{opacity:1}[dir=ltr] :host ::ng-deep .ui-autocomplete-token-icon{margin-right:4px}[dir=rtl] :host ::ng-deep .ui-autocomplete-token-icon{margin-left:4px}:host ::ng-deep .ui-autocomplete-token-icon.del{color:var(--color-white)!important}:host ::ng-deep .deleted-user-label{color:var(--color-error)}:host ::ng-deep .eo-organization.acInputHidden .ui-autocomplete-input-token{margin:0;padding:0;width:0!important}:host ::ng-deep .eo-organization.acInputHidden .ui-autocomplete-input-token input{width:0!important}"]
+                    styles: [".eo-organization .ui-autocomplete-token-label{display:inline-block}.eo-organization .fa.fa-user,.eo-organization .fa.fa-users{margin:0 4px;text-align:center;width:18px}:host.readonly ::ng-deep .ui-autocomplete-token-icon{display:none}:host ::ng-deep .ui-autocomplete-token{border:none!important;margin:0!important;padding:0!important}:host ::ng-deep .ui-autocomplete-token .token{align-items:center;border:1px solid rgba(0,0,0,.1);display:flex;overflow:hidden;padding:2px}:host ::ng-deep .ui-autocomplete-token-icon{opacity:1}[dir=ltr] :host ::ng-deep .ui-autocomplete-token-icon{margin-right:4px}[dir=rtl] :host ::ng-deep .ui-autocomplete-token-icon{margin-left:4px}:host ::ng-deep .ui-autocomplete-token-icon.del{color:var(--color-white)!important}:host ::ng-deep .deleted-user-label{color:var(--color-error)}:host ::ng-deep .eo-organization.acInputHidden .ui-autocomplete-input-token{margin:0;padding:0;width:0!important}:host ::ng-deep .eo-organization.acInputHidden .ui-autocomplete-input-token input{width:0!important}:host ::ng-deep .ui-autocomplete-panel{left:0!important}"]
                 },] }
     ];
     OrganizationComponent.ctorParameters = function () { return [
@@ -13137,7 +13210,7 @@
             var _this = _super.call(this, backend, translate, systemService) || this;
             _this.params = {};
             _this.multiselect = true;
-            _this.placeholder = translate.instant('eo.resultlist.grid.filterOoo');
+            _this.placeholder = translate.instant('eo.filter.input.placeholder');
             return _this;
         }
         OrganizationFilterComponent.prototype.onValueChange = function () {
@@ -13187,7 +13260,7 @@
         { type: i0.Component, args: [{
                     selector: 'eo-organization-filter',
                     template: "<div class=\"eo-organization\" [ngClass]=\"{acInputHidden: !multiselect && innerValue.length}\">\n\n  <p-autoComplete [(ngModel)]=\"innerValue\" [minLength]=\"1\" #autocomplete\n                  (onSelect)=\"onSelect($event)\" (onUnselect)=\"onUnselect($event)\"\n                  (onBlur)=\"onAutoCompleteBlur()\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  [placeholder]=\"placeholder\"\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\">\n\n    <!-- template for the suggest list -->\n    <ng-template let-item pTemplate=\"item\">\n      <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\n      <span *ngIf=\"(item.firstname?.length && item.lastname?.length) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\n      <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\n      <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\n      <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\n    </ng-template>\n\n    <!-- template for the selected items when multiple -->\n    <ng-template let-item pTemplate=\"selectedItem\">\n      <div class=\"token\">\n        <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\" [ngClass]=\"{'deleted-user-label': !item.firstname?.length && !item.lastname?.length && !item.active && !item.type}\"></i>\n        <span *ngIf=\"(item.firstname?.length && item.lastname?.length && item.active) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\n        <span *ngIf=\"(!item.firstname?.length && !item.lastname?.length && !item.active && !item.type)\" class=\"ui-autocomplete-token-label deleted-user-label\">{{'eo.form.property.organization.error.usernotfound'|translate}}</span>\n        <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.active && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\n        <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\n        <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\n      </div>\n    </ng-template>\n\n  </p-autoComplete>\n</div>\n",
-                    styles: [".eo-organization .ui-autocomplete-token-label{display:inline-block}.eo-organization .fa.fa-user,.eo-organization .fa.fa-users{margin:0 4px;text-align:center;width:18px}:host.readonly ::ng-deep .ui-autocomplete-token-icon{display:none}:host ::ng-deep .ui-autocomplete-token{border:none!important;margin:0!important;padding:0!important}:host ::ng-deep .ui-autocomplete-token .token{align-items:center;border:1px solid rgba(0,0,0,.1);display:flex;overflow:hidden;padding:2px}:host ::ng-deep .ui-autocomplete-token-icon{opacity:1}[dir=ltr] :host ::ng-deep .ui-autocomplete-token-icon{margin-right:4px}[dir=rtl] :host ::ng-deep .ui-autocomplete-token-icon{margin-left:4px}:host ::ng-deep .ui-autocomplete-token-icon.del{color:var(--color-white)!important}:host ::ng-deep .deleted-user-label{color:var(--color-error)}:host ::ng-deep .eo-organization.acInputHidden .ui-autocomplete-input-token{margin:0;padding:0;width:0!important}:host ::ng-deep .eo-organization.acInputHidden .ui-autocomplete-input-token input{width:0!important}"]
+                    styles: [".eo-organization .ui-autocomplete-token-label{display:inline-block}.eo-organization .fa.fa-user,.eo-organization .fa.fa-users{margin:0 4px;text-align:center;width:18px}:host.readonly ::ng-deep .ui-autocomplete-token-icon{display:none}:host ::ng-deep .ui-autocomplete-token{border:none!important;margin:0!important;padding:0!important}:host ::ng-deep .ui-autocomplete-token .token{align-items:center;border:1px solid rgba(0,0,0,.1);display:flex;overflow:hidden;padding:2px}:host ::ng-deep .ui-autocomplete-token-icon{opacity:1}[dir=ltr] :host ::ng-deep .ui-autocomplete-token-icon{margin-right:4px}[dir=rtl] :host ::ng-deep .ui-autocomplete-token-icon{margin-left:4px}:host ::ng-deep .ui-autocomplete-token-icon.del{color:var(--color-white)!important}:host ::ng-deep .deleted-user-label{color:var(--color-error)}:host ::ng-deep .eo-organization.acInputHidden .ui-autocomplete-input-token{margin:0;padding:0;width:0!important}:host ::ng-deep .eo-organization.acInputHidden .ui-autocomplete-input-token input{width:0!important}:host ::ng-deep .ui-autocomplete-panel{left:0!important}"]
                 },] }
     ];
     OrganizationFilterComponent.ctorParameters = function () { return [
@@ -13204,7 +13277,7 @@
             _this.params = {};
             _this.multiselect = true;
             _this.situation = 'SEARCH';
-            _this.placeholder = translate.instant('eo.resultlist.grid.filterOoo');
+            _this.placeholder = translate.instant('eo.filter.input.placeholder');
             return _this;
         }
         CodesystemFilterComponent.prototype.onValueChange = function () {
@@ -13296,7 +13369,6 @@
             _this.multiselect = true;
             _this.situation = 'SEARCH';
             return _this;
-            // this.placeholder = translate.instant('eo.resultlist.grid.filterOoo');
         }
         DynamicListFilterComponent.prototype.onValueChange = function () {
             var _this = this;
@@ -13508,7 +13580,6 @@
             _this.title = '';
             _this.searchLimit = 10;
             _this.operator = 'OR'; // AND | OR
-            _this.selectedAllFilters = false;
             _this.id = '#set';
             return _this;
         }
@@ -13519,7 +13590,6 @@
             set: function (opts) {
                 var _this = this;
                 this._options = this.defaultValue ? opts || [] : this.settingsService.setupSettings(this.id, opts);
-                this.selectedAllFilters = this.options.every(function (opt) { return opt.value; });
                 if (this.options && this.params && this.isFilterActive()) {
                     setTimeout(function () { return _this.params.filterChangedCallback(); }, 0);
                 }
@@ -13568,7 +13638,7 @@
     SetFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-set-filter',
-                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n  <div class=\"option flex-row\">\n    <eo-checkbox (ngModelChange)=\"onChange($event)\" [ngModel]=\"selectedAllFilters\" [tristate]=\"false\"></eo-checkbox>\n    <label>({{'eo.resultlist.grid.selectAll' | translate}})</label>\n  </div>\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>\n",
+                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>\n",
                     styles: [".title{font-weight:700;margin-top:.5em}.option{margin:.5em 0}label{padding:0 .5em}input{border:none}"]
                 },] }
     ];
@@ -13590,7 +13660,6 @@
             _this.params = {};
             _this.operator = 'OR';
             return _this;
-            // this.placeholder = translate.instant('eo.resultlist.grid.filterOoo');
         }
         ListFilterComponent.prototype.onValueChange = function () {
             this.value = this.isFilterActive() ? [''].concat(this.options.filter(function (o) { return o.value; }).map(function (o) { return o.val; })) : null;
@@ -13629,7 +13698,7 @@
     ListFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-list-filter',
-                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n  <div class=\"option flex-row\">\n    <eo-checkbox (ngModelChange)=\"onChange($event)\" [ngModel]=\"selectedAllFilters\" [tristate]=\"false\"></eo-checkbox>\n    <label>({{'eo.resultlist.grid.selectAll' | translate}})</label>\n  </div>\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>\n",
+                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>\n",
                     styles: [".title{font-weight:700;margin-top:.5em}.option{margin:.5em 0}label{padding:0 .5em}input{border:none}"]
                 },] }
     ];
@@ -14320,7 +14389,7 @@
     QuickFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-quick-filter',
-                    template: "\n    <div class=\"qSearch flex-row\" *ngIf=\"eoGrid?.gridOptions?.rowData\" [style.alignItems]=\"'center'\">\n      <label>\n        <eo-icon class=\"small\" [iconSrc]=\"'assets/_default/svg/ic_quickfilter.svg'\" [style.margin.px]=\"4\"></eo-icon>\n      </label>\n      <eo-form-input>\n        <input (keyup)=\"eoGrid.onQuickFilterChanged($event)\" class=\"qInput\" [style.border]=\"'none'\"\n               placeholder=\"{{'eo.resultlist.grid.filterOoo' | translate}}\"/>\n      </eo-form-input>\n    </div>\n  "
+                    template: "\n    <div class=\"qSearch flex-row\" *ngIf=\"eoGrid?.gridOptions?.rowData\" [style.alignItems]=\"'center'\">\n      <label>\n        <eo-icon class=\"small\" [iconSrc]=\"'assets/_default/svg/ic_quickfilter.svg'\" [style.margin.px]=\"4\"></eo-icon>\n      </label>\n      <eo-form-input>\n        <input (keyup)=\"eoGrid.onQuickFilterChanged($event)\" class=\"qInput\" [style.border]=\"'none'\"\n               placeholder=\"{{'eo.filter.input.placeholder' | translate}}\"/>\n      </eo-form-input>\n    </div>\n  "
                 },] }
     ];
     QuickFilterComponent.propDecorators = {
@@ -14411,15 +14480,18 @@
 
     var TextFilterComponent = /** @class */ (function (_super) {
         __extends(TextFilterComponent, _super);
-        function TextFilterComponent(settingsService, storageService) {
+        function TextFilterComponent(settingsService, storageService, userService) {
             var _this = _super.call(this) || this;
             _this.settingsService = settingsService;
             _this.storageService = storageService;
+            _this.userService = userService;
             _this.title = '';
-            _this.placeholder = 'eo.resultlist.grid.filterOoo';
+            _this.placeholder = 'eo.filter.input.placeholder';
+            _this.enableSave = false;
             _this.focused = false;
-            _this.autocompleteRes = [];
+            _this.savedFilters = [];
             _this.id = '#text';
+            _this.getSavedFilters();
             return _this;
         }
         Object.defineProperty(TextFilterComponent.prototype, "matchFields", {
@@ -14453,14 +14525,25 @@
         };
         TextFilterComponent.prototype.focusout = function () {
             this.focused = false;
-            if (this.value && !this.autocompleteRes.includes(this.value) && this.value !== '' && this.value.trim() !== '') {
-                if (this.autocompleteRes.length === 5) {
-                    this.autocompleteRes.shift();
-                }
-                this.autocompleteRes.push(this.value);
-                this.storageService.setItem('eo.inbox.filter.suggestions', this.autocompleteRes);
+        };
+        TextFilterComponent.prototype.getSavedFilters = function () {
+            if (this.userService.getCurrentUser().userSettings.savedInboxFilter) {
+                this.savedFilters = this.userService.getCurrentUser().userSettings.savedInboxFilter;
+            }
+            else {
+                this.savedFilters = this.storageService.getItem('eo.inbox.filter.suggestions');
+            }
+        };
+        TextFilterComponent.prototype.saveFilter = function (term) {
+            if (!this.savedFilters.includes(term)) {
+                this.savedFilters.push(term);
+                this.userService.changeSavedInboxFilters(this.savedFilters).subscribe();
             }
         };
+        TextFilterComponent.prototype.removeFilter = function (term) {
+            this.savedFilters = this.savedFilters.filter(function (t) { return t !== term; });
+            this.userService.changeSavedInboxFilters(this.savedFilters).subscribe();
+        };
         TextFilterComponent.prototype.focus = function () {
             if (!this.focused) {
                 this.focused = true;
@@ -14468,25 +14551,24 @@
                 setTimeout(function () { document.execCommand('selectall', false, null); });
             }
         };
-        TextFilterComponent.prototype.autocompleteFn = function (evt) {
-            this.autocompleteRes = this.storageService.getItem('eo.inbox.filter.suggestions') || [];
-        };
         return TextFilterComponent;
     }(AbstractFilterComponent));
     TextFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-text-filter',
-                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n</header>\n<eo-form-input>\n  <p-autoComplete #input (ngModelChange)=\"onChange($event)\" [ngModel]=\"value\" class=\"form-control\"\n                  placeholder=\"{{ placeholder | translate}}\" (focus)=\"focus()\" (focusout)=\"focusout()\" (completeMethod)=\"autocompleteFn($event)\" [suggestions]=\"autocompleteRes\"></p-autoComplete>\n</eo-form-input>\n",
-                    styles: [".title{font-weight:700;margin-top:.5em}input{border:none}.form-control::-ms-clear{display:none}"]
+                    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",
+                    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}"]
                 },] }
     ];
     TextFilterComponent.ctorParameters = function () { return [
         { type: ListSettingsService },
-        { type: i1.LocalStorageService }
+        { type: i1.LocalStorageService },
+        { type: i1.UserService }
     ]; };
     TextFilterComponent.propDecorators = {
         title: [{ type: i0.Input }],
         placeholder: [{ type: i0.Input }],
+        enableSave: [{ type: i0.Input }],
         matchFields: [{ type: i0.Input }]
     };
 
@@ -16071,6 +16153,11 @@
             event.stopPropagation();
             this.clicks.next(event);
         };
+        PreventDoubleClickDirective.prototype.onkeyDown = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.clicks.next(event);
+        };
         return PreventDoubleClickDirective;
     }());
     PreventDoubleClickDirective.decorators = [
@@ -16082,7 +16169,8 @@
     PreventDoubleClickDirective.propDecorators = {
         debounceTime: [{ type: i0.Input }],
         debounceClick: [{ type: i0.Output }],
-        clickEvent: [{ type: i0.HostListener, args: ['click', ['$event'],] }]
+        clickEvent: [{ type: i0.HostListener, args: ['click', ['$event'],] }],
+        onkeyDown: [{ type: i0.HostListener, args: ['keydown.enter', ['$event'],] }]
     };
 
     var ActionComponentAnchorDirective = /** @class */ (function () {
@@ -16102,11 +16190,12 @@
 
     var ActionMenuComponent = /** @class */ (function (_super) {
         __extends(ActionMenuComponent, _super);
-        function ActionMenuComponent(actionService, router, viewContainerRef, componentFactoryResolver) {
+        function ActionMenuComponent(actionService, router, viewContainerRef, elemRef, componentFactoryResolver) {
             var _this = _super.call(this) || this;
             _this.actionService = actionService;
             _this.router = router;
             _this.viewContainerRef = viewContainerRef;
+            _this.elemRef = elemRef;
             _this.componentFactoryResolver = componentFactoryResolver;
             _this.actionLists = {
                 common: [], further: []
@@ -16160,12 +16249,19 @@
             event.preventDefault();
             this.actionDescription = i === this.actionDescription ? null : i;
         };
+        ActionMenuComponent.prototype.catchFocus = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.elemRef.nativeElement.querySelector('[tabindex="0"]').focus();
+            });
+        };
         ActionMenuComponent.prototype.showActionMenu = function () {
             this.getActions();
             if (this.target === 'DMS_OBJECT') {
                 this.getMoreActions();
             }
             this.showMenu = true;
+            this.catchFocus();
         };
         ActionMenuComponent.prototype.hideActionMenu = function () {
             this.clear();
@@ -16242,6 +16338,7 @@
         };
         ActionMenuComponent.prototype.onCancel = function () {
             this.clear();
+            this.catchFocus();
         };
         ActionMenuComponent.prototype.onFinish = function () {
             this.hideActionMenu();
@@ -16251,15 +16348,16 @@
     ActionMenuComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-action-menu',
-                    template: "<div class=\"action-menu dark\" *ngIf=\"showMenu\" (eoOutsideClick)=\"hide()\">\n\n  <div class=\"head\">\n    <div class=\"left\">\n      <div class=\"title\" translate>eo.actions.sticky.title</div>\n      <div class=\"sub-title\" *ngIf=\"selection?.length > 1; else multi\" translate>eo.actions.sticky.title.sub.selection</div>\n      <ng-template #multi>\n        <div class=\"sub-title\" *ngIf=\"selection && selection.length\"><span translate>eo.actions.sticky.title.sub.for</span> '{{selection[0].title}}'</div>\n      </ng-template>\n    </div>\n    <div class=\"right\">\n      <span class=\"count\">{{subSelection?.length || selection?.length || ''}}</span>\n      <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"hide()\"></eo-icon>\n    </div>\n  </div>\n\n  <div class=\"actions\" [hidden]=\"subActionsList || showComponent\">\n\n    <ng-template #action let-entry let-id>\n\n      <a *ngIf=\"isLinkAction(entry.action); else default\" class=\"link\"\n         [routerLink]=\"entry.action.getLink(entry.availableSelection)\"\n         [queryParams]=\"entry.action.getParams(entry.availableSelection, true)\">\n        <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n      </a>\n\n      <ng-template #default>\n        <div>\n          <eo-icon [iconSrc]=\"entry.action.iconSrc\" [iconId]=\"entry.action.iconId\"\n          [badge]=\"entry.availableSelection?.length != selection?.length ? entry.availableSelection?.length : null\"></eo-icon>\n          <div class=\"label\">{{entry.action.label}}</div>\n          <!-- <div class=\"available-count\" *ngIf=\"entry.availableSelection?.length != selection?.length\">{{entry.availableSelection?.length}}</div> -->\n          <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\" (click)=\"showActionDescription(id, $event)\"></eo-icon>\n        </div>\n        <div class=\"description\" [hidden]=\"id !== actionDescription\">{{entry.action.description}}</div>\n      </ng-template>\n    </ng-template>\n\n    <div class=\"group\" *ngIf=\"actionLists?.common.length > 0\">\n      <div class=\"group-title\" translate>eo.actions.group.common</div>\n      <div class=\"action\" id=\"{{actionListEntry.id}}\" *ngFor=\"let actionListEntry of actionLists.common; index as i\" (click)=\"onClick(actionListEntry)\">\n\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: +i}\"></ng-container>\n\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading; else loader\">\n      <div *ngIf=\"actionLists?.further.length > 0\">\n        <div class=\"group-title\" translate>eo.actions.group.further_actions</div>\n        <div class=\"action\" id=\"{{actionListEntry.id}}\" *ngFor=\"let actionListEntry of actionLists.further; index as i\" eoPreventDoubleClick (debounceClick)=\"onClick(actionListEntry)\">\n\n          <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 'f'+i}\"></ng-container>\n\n        </div>\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading && !actionLists?.further.length && !actionLists?.common.length\" [style.textAlign]=\"'center'\">\n      {{ 'eo.action.not.available' | translate}}\n    </div>\n\n    <ng-template #loader>\n      <div class=\"loading-container\">\n        <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n      </div>\n    </ng-template>\n  </div>\n\n  <!-- sub actions -->\n  <div class=\"group sub\" *ngIf=\"subActionsList && !showComponent\">\n    <div class=\"sub-actions\">\n      <div class=\"group-title\">{{subActionsListHeader}}</div>\n      <div class=\"action sub\" *ngFor=\"let actionListEntry of subActionsList; index as i\" (click)=\"onClick(actionListEntry)\">\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 's'+i}\"></ng-container>\n      </div>\n    </div>\n    <div class=\"group-buttons\">\n      <button (click)=\"onCancel()\" translate>eo.export.cancel</button>\n    </div>\n  </div>\n\n  <div>\n    <ng-template eoActionComponentAnchor></ng-template>\n  </div>\n\n  <div>\n    <ng-template eoExtActionComponentAnchor></ng-template>\n  </div>\n\n</div>\n",
+                    template: "<div class=\"action-menu dark\" *ngIf=\"showMenu\" (eoOutsideClick)=\"hide()\">\n\n  <div class=\"head\">\n    <div class=\"left\">\n      <div class=\"title\" translate>eo.actions.sticky.title</div>\n      <div class=\"sub-title\" *ngIf=\"selection?.length > 1; else multi\" translate>eo.actions.sticky.title.sub.selection</div>\n      <ng-template #multi>\n        <div class=\"sub-title\" *ngIf=\"selection && selection.length\"><span translate>eo.actions.sticky.title.sub.for</span> '{{selection[0].title}}'</div>\n      </ng-template>\n    </div>\n    <div class=\"right\">\n      <span class=\"count\">{{subSelection?.length || selection?.length || ''}}</span>\n      <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"hide()\"></eo-icon>\n    </div>\n  </div>\n\n  <div class=\"actions\" [hidden]=\"subActionsList || showComponent\">\n\n    <ng-template #action let-entry let-id>\n\n      <a *ngIf=\"isLinkAction(entry.action); else default\" class=\"link\"\n         [routerLink]=\"entry.action.getLink(entry.availableSelection)\"\n         [queryParams]=\"entry.action.getParams(entry.availableSelection, true)\">\n        <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n      </a>\n\n      <ng-template #default>\n        <div tabindex=\"0\">\n          <eo-icon [iconSrc]=\"entry.action.iconSrc\" [iconId]=\"entry.action.iconId\"\n          [badge]=\"entry.availableSelection?.length != selection?.length ? entry.availableSelection?.length : null\"></eo-icon>\n          <div class=\"label\">{{entry.action.label}}</div>\n          <!-- <div class=\"available-count\" *ngIf=\"entry.availableSelection?.length != selection?.length\">{{entry.availableSelection?.length}}</div> -->\n          <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\" (click)=\"showActionDescription(id, $event)\"></eo-icon>\n        </div>\n        <div class=\"description\" [hidden]=\"id !== actionDescription\">{{entry.action.description}}</div>\n      </ng-template>\n    </ng-template>\n\n    <div class=\"group\" *ngIf=\"actionLists?.common.length > 0\">\n      <div class=\"group-title\" translate>eo.actions.group.common</div>\n      <div class=\"action\" id=\"{{actionListEntry.id}}\" *ngFor=\"let actionListEntry of actionLists.common; index as i\" (click)=\"onClick(actionListEntry)\" (keydown.enter)=\"onClick(actionListEntry)\">\n\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: +i}\"></ng-container>\n\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading; else loader\">\n      <div *ngIf=\"actionLists?.further.length > 0\">\n        <div class=\"group-title\" translate>eo.actions.group.further_actions</div>\n        <div class=\"action\" id=\"{{actionListEntry.id}}\" *ngFor=\"let actionListEntry of actionLists.further; index as i\" eoPreventDoubleClick  (debounceClick)=\"onClick(actionListEntry)\">\n\n          <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 'f'+i}\"></ng-container>\n\n        </div>\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading && !actionLists?.further.length && !actionLists?.common.length\" [style.textAlign]=\"'center'\">\n      {{ 'eo.action.not.available' | translate}}\n    </div>\n\n    <ng-template #loader>\n      <div class=\"loading-container\">\n        <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n      </div>\n    </ng-template>\n  </div>\n\n  <!-- sub actions -->\n  <div  class=\"group sub\" eoTrapFocus *ngIf=\"subActionsList && !showComponent\">\n    <div class=\"sub-actions\">\n      <div class=\"group-title\">{{subActionsListHeader}}</div>\n      <div class=\"action sub\" *ngFor=\"let actionListEntry of subActionsList; index as i\" (click)=\"onClick(actionListEntry)\">\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 's'+i}\"></ng-container>\n      </div>\n    </div>\n    <div class=\"group-buttons\">\n      <button (click)=\"onCancel()\" translate>eo.export.cancel</button>\n    </div>\n  </div>\n\n  <div>\n    <ng-template eoActionComponentAnchor></ng-template>\n  </div>\n\n  <div>\n    <ng-template eoExtActionComponentAnchor></ng-template>\n  </div>\n\n</div>\n",
                     encapsulation: i0.ViewEncapsulation.None,
-                    styles: [".action-menu{-webkit-animation:eoFadeInRight var(--app-default-transition-duration);animation:eoFadeInRight var(--app-default-transition-duration);background-color:rgba(var(--color-primary-rgb),.95);bottom:0;box-shadow:0 0 10px 0 rgba(var(--color-black-rgb),.3);color:var(--color-white);height:100vh;min-width:300px;overflow:hidden;position:absolute;right:0;top:0;width:25vw;z-index:100}.action-menu .head{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:0;padding:var(--app-pane-padding)}.action-menu .head .left{flex:1 1 auto;order:0}.action-menu .head .left .title{font-size:var(--font-headline);font-weight:var(--font-weight-light)}.action-menu .head .left .sub-title{font-size:var(--font-body);font-weight:var(--font-weight-light)}.action-menu .head .right{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:1}.action-menu .head .right .count{color:rgba(var(--color-white-rgb),.3);font-size:5em;font-weight:var(--font-weight-light);line-height:1em;padding-right:var(--app-pane-padding)}.action-menu .head .right .close{margin:0;z-index:10}.action-menu .actions{height:100%;overflow:scroll}.action-menu .actions .group:last-child{margin-bottom:100px}.action-menu .group{display:inline-block;min-width:200px;padding:var(--app-pane-padding);width:90%}.action-menu .group .group-title{-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;background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .group:not(.sub):hover .group-title{background:rgba(var(--color-white-rgb),.3)}.action-menu .action{border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.action-menu .action a.link{color:inherit;display:block;opacity:1;text-decoration:none}.action-menu .action>a.link>div:first-child,.action-menu .action>div:first-child{-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;align-items:center;cursor:pointer;display:flex;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding) calc(var(--app-pane-padding)/2) 0;transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .action.sub>div:first-child{padding-left:calc(var(--app-pane-padding)/2)}.action-menu .action .label{flex:1 1 auto}.action-menu .action .available-count{color:rgba(var(--color-white-rgb),.3)}.action-menu .action .available-count,.action-menu .action eo-icon{margin:0 calc(var(--app-pane-padding)/2)}.action-menu .action eo-icon.info-icon{border-radius:50%;box-sizing:border-box;color:rgba(var(--color-white-rgb),.3);margin:0;padding:3px}.action-menu .action eo-icon.info-icon:hover{background-color:var(--color-primary)}.action-menu .action .description{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-border-radius:2px;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;border-radius:2px;color:rgba(var(--color-white-rgb),.54);font-style:italic;padding:calc(var(--app-pane-padding)/4) var(--app-pane-padding) calc(var(--app-pane-padding)/2) var(--app-pane-padding);transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .action:last-child{border:0}.action-menu .action:focus,.action-menu .action:hover{background:rgba(var(--color-white-rgb),.1)}.action-menu .group-buttons{display:flex;justify-content:flex-end;padding-top:var(--app-pane-padding)}.action-menu .group-buttons button{background-color:transparent}.action-menu .group-buttons button:hover{background-color:rgba(var(--color-white-rgb),.1)}.action-menu .loading-container{align-items:center;display:flex;justify-content:center;margin:50% auto;padding:16px}"]
+                    styles: [".action-menu{-webkit-animation:eoFadeInRight var(--app-default-transition-duration);animation:eoFadeInRight var(--app-default-transition-duration);background-color:rgba(var(--color-primary-rgb),.95);bottom:0;box-shadow:0 0 10px 0 rgba(var(--color-black-rgb),.3);color:var(--color-white);height:100vh;min-width:300px;overflow:hidden;position:absolute;right:0;top:0;width:25vw;z-index:100}.action-menu .head{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:0;padding:var(--app-pane-padding)}.action-menu .head .left{flex:1 1 auto;order:0}.action-menu .head .left .title{font-size:var(--font-headline);font-weight:var(--font-weight-light)}.action-menu .head .left .sub-title{font-size:var(--font-body);font-weight:var(--font-weight-light)}.action-menu .head .right{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:1}.action-menu .head .right .count{color:rgba(var(--color-white-rgb),.3);font-size:5em;font-weight:var(--font-weight-light);line-height:1em;padding-right:var(--app-pane-padding)}.action-menu .head .right .close{margin:0;z-index:10}.action-menu .actions{height:100%;overflow:scroll}.action-menu .actions .group:last-child{margin-bottom:100px}.action-menu .group{display:inline-block;min-width:200px;padding:var(--app-pane-padding);width:90%}.action-menu .group .group-title{-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;background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .group:not(.sub):hover .group-title{background:rgba(var(--color-white-rgb),.3)}.action-menu .action{border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.action-menu .action :focus{background:rgba(var(--color-white-rgb),.1)}.action-menu .action a.link{color:inherit;display:block;opacity:1;text-decoration:none}.action-menu .action>a.link>div:first-child,.action-menu .action>div:first-child{-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;align-items:center;cursor:pointer;display:flex;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding) calc(var(--app-pane-padding)/2) 0;transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .action.sub>div:first-child{padding-left:calc(var(--app-pane-padding)/2)}.action-menu .action .label{flex:1 1 auto}.action-menu .action .available-count{color:rgba(var(--color-white-rgb),.3)}.action-menu .action .available-count,.action-menu .action eo-icon{margin:0 calc(var(--app-pane-padding)/2)}.action-menu .action eo-icon.info-icon{border-radius:50%;box-sizing:border-box;color:rgba(var(--color-white-rgb),.3);margin:0;padding:3px}.action-menu .action eo-icon.info-icon:hover{background-color:var(--color-primary)}.action-menu .action .description{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-border-radius:2px;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;border-radius:2px;color:rgba(var(--color-white-rgb),.54);font-style:italic;padding:calc(var(--app-pane-padding)/4) var(--app-pane-padding) calc(var(--app-pane-padding)/2) var(--app-pane-padding);transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .action:last-child{border:0}.action-menu .action:focus,.action-menu .action:hover{background:rgba(var(--color-white-rgb),.1)}.action-menu .group-buttons{display:flex;justify-content:flex-end;padding-top:var(--app-pane-padding)}.action-menu .group-buttons button{background-color:transparent}.action-menu .group-buttons button:hover{background-color:rgba(var(--color-white-rgb),.1)}.action-menu .loading-container{align-items:center;display:flex;justify-content:center;margin:50% auto;padding:16px}:host ::ng-deep #default .allActionEntry{focus:red}"]
                 },] }
     ];
     ActionMenuComponent.ctorParameters = function () { return [
         { type: ActionService },
         { type: i2.Router },
         { type: i0.ViewContainerRef },
+        { type: i0.ElementRef },
         { type: i0.ComponentFactoryResolver }
     ]; };
     ActionMenuComponent.propDecorators = {
@@ -17008,13 +17106,14 @@
     ]; };
 
     var DeleteComponent = /** @class */ (function () {
-        function DeleteComponent(translate, backend, toast, router, capabilitiesService, dmsService, eventService) {
+        function DeleteComponent(translate, backend, toast, router, capabilitiesService, dmsService, elemRef, eventService) {
             this.translate = translate;
             this.backend = backend;
             this.toast = toast;
             this.router = router;
             this.capabilitiesService = capabilitiesService;
             this.dmsService = dmsService;
+            this.elemRef = elemRef;
             this.eventService = eventService;
             this.deleting = false;
             this.folder = '';
@@ -17065,6 +17164,12 @@
         DeleteComponent.prototype.isExpired = function (dateString) {
             return new Date(dateString).setHours(0, 0, 0, 0) < new Date().setHours(0, 0, 0, 0);
         };
+        DeleteComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.elemRef.nativeElement.querySelector('.primary').focus();
+            });
+        };
         DeleteComponent.prototype.ngOnInit = function () {
             var _this = this;
             if (this.selection[0].isContextFolder) {
@@ -17085,7 +17190,7 @@
     DeleteComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-delete',
-                    template: "<div class=\"eo-delete\">\n\n  <h2 *ngIf=\"!folder && !retentionTime\" translate [translateParams]=\"{item: selection[0].title}\">eo.action.delete.dms.object.confirm.message</h2>\n  <h2 *ngIf=\"folder && !retentionTime\" translate [translateParams]=\"{folder: folder, count: count}\">eo.action.delete.dms.object.confirm.context.folder.title</h2>\n  <h2 *ngIf=\"retentionTime\" translate [translateParams]=\"{retentionTime: retentionTime}\">eo.action.delete.dms.object.error.retention.title</h2>\n\n  <div *ngIf=\"!deleting\">\n    <div class=\"form-buttons\">\n      <button (click)=\"cancel()\" translate>eo.checkout.cancel</button>\n      <button *ngIf=\"!retentionTime\" class=\"primary\" (click)=\"run()\">OK</button>\n    </div>\n  </div>\n\n  <div class=\"spinner-container\" *ngIf=\"deleting\">\n    <eo-loading-spinner></eo-loading-spinner>\n  </div>\n</div>\n",
+                    template: "<div class=\"eo-delete\" eoTrapFocus>\n\n  <h2 *ngIf=\"!folder && !retentionTime\" translate [translateParams]=\"{item: selection[0].title}\">eo.action.delete.dms.object.confirm.message</h2>\n  <h2 *ngIf=\"folder && !retentionTime\" translate [translateParams]=\"{folder: folder, count: count}\">eo.action.delete.dms.object.confirm.context.folder.title</h2>\n  <h2 *ngIf=\"retentionTime\" translate [translateParams]=\"{retentionTime: retentionTime}\">eo.action.delete.dms.object.error.retention.title</h2>\n\n  <div *ngIf=\"!deleting\">\n    <div class=\"form-buttons\">\n      <button (click)=\"cancel()\" translate>eo.checkout.cancel</button>\n      <button *ngIf=\"!retentionTime\" class=\"primary\" (click)=\"run()\">OK</button>\n    </div>\n  </div>\n\n  <div class=\"spinner-container\" *ngIf=\"deleting\">\n    <eo-loading-spinner></eo-loading-spinner>\n  </div>\n</div>\n",
                     styles: [".eo-delete{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-delete h2{font-size:var(--font-subhead);font-weight:var(--font-weight-light)}.eo-delete .form-buttons{padding:5px 0;text-align:right}.eo-delete .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding)/2)}.eo-delete .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding)/2);margin-right:0}.eo-delete .spinner-container{align-items:center;display:flex;justify-content:center}"]
                 },] }
     ];
@@ -17096,6 +17201,7 @@
         { type: i2.Router },
         { type: i1.CapabilitiesService },
         { type: i1.DmsService },
+        { type: i0.ElementRef },
         { type: i1.EventService }
     ]; };
     DeleteComponent.propDecorators = {
@@ -17301,6 +17407,7 @@
             configurable: true
         });
         AddSubscriptionComponent.prototype.ngOnInit = function () {
+            var _this = this;
             this.header = this.translate.instant('eo.object.inlinemenu.addsubscription');
             this.titleFieldLabel = this.translate.instant('eo.subscription.field.info');
             this.inboxCbLabel = this.translate.instant('eo.subscription.field.notification.inbox');
@@ -17342,6 +17449,9 @@
                     ]
                 };
             }
+            setTimeout(function () {
+                _this.titleField.nativeElement.getElementsByTagName('input')[0].select();
+            });
         };
         Object.defineProperty(AddSubscriptionComponent.prototype, "titleValidity", {
             get: function () {
@@ -17395,7 +17505,7 @@
     AddSubscriptionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-add-subscription',
-                    template: "<div class=\"eo-subscription\">\n  <h2>{{header}}</h2>\n  <form [formGroup]=\"addSubscriptionForm\">\n    <eo-form-input [skipToggle]=\"true\" [label]=\"titleFieldLabel\" [required]=\"true\" [invalid]=\"titleValidity\" *ngIf=\"selection.length === 1\">\n      <eo-string formControlName=\"titleFieldFCN\"></eo-string>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"titleValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"inboxCbLabel\">\n      <eo-checkbox formControlName=\"inboxCbFCN\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"emailCbLabel\">\n      <eo-checkbox formControlName=\"emailCbFCN\" [readonly]=\"!hasEmail\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.subscription.field.mode.label' | translate\">\n      <eo-codesystem formControlName=\"modeFieldFCN\" [codesystem]=\"subscriptionModeCodesystem\" [pickerTitle]=\"'eo.subscription.field.mode.label' | translate\"></eo-codesystem>\n    </eo-form-input>\n  </form>\n\n  <!-- error/validation messages -->\n  <div class=\"errors\">\n    <div class=\"err-msg\" *ngIf=\"addSubscriptionForm.errors?.addSubscriptionForm\" translate>eo.subscription.error.msg</div>\n  </div>\n\n  <div class=\"form-buttons\" *ngIf=\"!processing; else indicator\">\n    <button class=\"secondary\" (click)=\"cancel()\"translate>eo.subscription.cancel</button>\n    <button class=\"primary\" [disabled]=\"addSubscriptionForm.errors || titleValidity\" (click)=\"createSubscription()\"translate>eo.subscription.add</button>\n  </div>\n\n  <ng-template #indicator>\n    <div class=\"process-indicator\"><eo-icon [iconSrc]=\"'assets/_default/svg/ic_kitt-loader.svg'\"></eo-icon></div>\n  </ng-template>\n</div>\n\n",
+                    template: "<div class=\"eo-subscription\" eoTrapFocus>\n  <h2>{{header}}</h2>\n  <form #titleField [formGroup]=\"addSubscriptionForm\">\n    <eo-form-input [skipToggle]=\"true\" [label]=\"titleFieldLabel\" [required]=\"true\" [invalid]=\"titleValidity\" *ngIf=\"selection.length === 1\">\n      <eo-string formControlName=\"titleFieldFCN\"></eo-string>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"titleValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"inboxCbLabel\">\n      <eo-checkbox formControlName=\"inboxCbFCN\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"emailCbLabel\">\n      <eo-checkbox formControlName=\"emailCbFCN\" [readonly]=\"!hasEmail\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.subscription.field.mode.label' | translate\">\n      <eo-codesystem formControlName=\"modeFieldFCN\" [codesystem]=\"subscriptionModeCodesystem\" [pickerTitle]=\"'eo.subscription.field.mode.label' | translate\"></eo-codesystem>\n    </eo-form-input>\n  </form>\n\n  <!-- error/validation messages -->\n  <div class=\"errors\">\n    <div class=\"err-msg\" *ngIf=\"addSubscriptionForm.errors?.addSubscriptionForm\" translate>eo.subscription.error.msg</div>\n  </div>\n\n  <div class=\"form-buttons\" *ngIf=\"!processing; else indicator\">\n    <button class=\"secondary\" (click)=\"cancel()\"translate>eo.subscription.cancel</button>\n    <button class=\"primary\" [disabled]=\"addSubscriptionForm.errors || titleValidity\" (click)=\"createSubscription()\"translate>eo.subscription.add</button>\n  </div>\n\n  <ng-template #indicator>\n    <div class=\"process-indicator\"><eo-icon [iconSrc]=\"'assets/_default/svg/ic_kitt-loader.svg'\"></eo-icon></div>\n  </ng-template>\n</div>\n\n",
                     styles: [".eo-subscription{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-subscription h2{font-size:var(--font-subhead);font-weight:var(--font-weight-light)}.eo-subscription .form-buttons{padding:5px 0;text-align:right}.eo-subscription .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding)/2)}.eo-subscription .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding)/2);margin-right:0}.eo-subscription .process-indicator{display:flex;justify-content:flex-end}.eo-subscription .err-msg{background-color:var(--color-error);border:0;border-radius:2px;color:var(--color-white);margin:calc(var(--app-pane-padding)/4) 0;padding:calc(var(--app-pane-padding)/4)}.eo-subscription .errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding)/4)}"]
                 },] }
     ];
@@ -17408,7 +17518,8 @@
     AddSubscriptionComponent.propDecorators = {
         selection: [{ type: i0.Input }],
         finished: [{ type: i0.Output }],
-        canceled: [{ type: i0.Output }]
+        canceled: [{ type: i0.Output }],
+        titleField: [{ type: i0.ViewChild, args: ['titleField', { static: true },] }]
     };
 
     var AddSubscriptionActionComponent = /** @class */ (function (_super) {
@@ -17678,18 +17789,22 @@
             this.canceled.emit();
         };
         AddResubmissionComponent.prototype.ngOnInit = function () {
+            var _this = this;
             this.dueFieldLabel = this.translate.instant('eo.resubmission.field.due');
             this.titleFieldLabel = this.translate.instant('eo.resubmission.field.info');
             this.inboxCbLabel = this.translate.instant('eo.resubmission.field.notification.inbox');
             this.emailCbLabel = this.translate.instant('eo.resubmission.field.notification.email');
             this.createResubmissionForm();
+            setTimeout(function () {
+                _this.titleField.nativeElement.getElementsByTagName('input')[0].select();
+            });
         };
         return AddResubmissionComponent;
     }());
     AddResubmissionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-add-resubmission',
-                    template: "<div class=\"eo-resubmission\">\n  <h2>{{header}}</h2>\n  <form [formGroup]=\"addResubmissionForm\">\n    <eo-form-input [skipToggle]=\"true\" [label]=\"dueFieldLabel\">\n      <eo-datetime [withTime]=\"true\" [onlyFutureDates]=\"true\" formControlName=\"dueFieldFCN\"></eo-datetime>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"titleFieldLabel\" [required]=\"true\" [invalid]=\"titleValidity\" *ngIf=\"selection.length === 1\">\n      <eo-string formControlName=\"titleFieldFCN\"></eo-string>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"titleValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"inboxCbLabel\">\n      <eo-checkbox formControlName=\"inboxCbFCN\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"emailCbLabel\">\n      <eo-checkbox formControlName=\"emailCbFCN\" [tristate]=\"false\" [readonly]=\"!hasEmail\"></eo-checkbox>\n    </eo-form-input>\n  </form>\n\n  <!-- error/validation messages -->\n  <div class=\"errors\">\n    <div class=\"err-msg\" *ngIf=\"notificationMethodValidation\" translate>eo.resubmission.error.msg</div>\n    <div class=\"err-msg\" *ngIf=\"dateValidation\" translate>eo.resubmission.error.msg.date</div>\n  </div>\n\n  <div class=\"form-buttons\" *ngIf=\"!processing; else indicator\">\n    <button class=\"secondary\" (click)=\"cancel()\" translate>eo.resubmission.cancel</button>\n    <button class=\"secondary\" *ngIf=\"selection[0].resubmissions.length\" (click)=\"removeResubmission()\" translate>eo.resubmission.delete</button>\n    <button class=\"primary\" [disabled]=\"addResubmissionForm.errors || titleValidity\" *ngIf=\"selection[0].resubmissions.length\" (click)=\"updateResubmission()\" translate>eo.resubmission.apply</button>\n    <button class=\"primary\" [disabled]=\"addResubmissionForm.errors || titleValidity\" *ngIf=\"!selection[0].resubmissions.length\" (click)=\"createResubmission()\" translate>eo.resubmission.add</button>\n  </div>\n\n  <ng-template #indicator>\n    <div class=\"process-indicator\"><eo-icon [iconSrc]=\"'ic_kitt-loader.svg'\"></eo-icon></div>\n  </ng-template>\n</div>\n\n",
+                    template: "<div class=\"eo-resubmission\" eoTrapFocus>\n  <h2>{{header}}</h2>\n  <form #titleField [formGroup]=\"addResubmissionForm\">\n    <eo-form-input [skipToggle]=\"true\" [label]=\"dueFieldLabel\">\n      <eo-datetime [withTime]=\"true\" [onlyFutureDates]=\"true\" formControlName=\"dueFieldFCN\"></eo-datetime>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"titleFieldLabel\" [required]=\"true\" [invalid]=\"titleValidity\" *ngIf=\"selection.length === 1\">\n      <eo-string formControlName=\"titleFieldFCN\"></eo-string>\n    </eo-form-input>\n    <div class=\"err-msg\" *ngIf=\"titleValidity\">\n      <div translate>eo.form.property.required</div>\n    </div>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"inboxCbLabel\">\n      <eo-checkbox formControlName=\"inboxCbFCN\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [label]=\"emailCbLabel\">\n      <eo-checkbox formControlName=\"emailCbFCN\" [tristate]=\"false\" [readonly]=\"!hasEmail\"></eo-checkbox>\n    </eo-form-input>\n  </form>\n\n  <!-- error/validation messages -->\n  <div class=\"errors\">\n    <div class=\"err-msg\" *ngIf=\"notificationMethodValidation\" translate>eo.resubmission.error.msg</div>\n    <div class=\"err-msg\" *ngIf=\"dateValidation\" translate>eo.resubmission.error.msg.date</div>\n  </div>\n\n  <div class=\"form-buttons\" *ngIf=\"!processing; else indicator\">\n    <button class=\"secondary\" (click)=\"cancel()\" translate>eo.resubmission.cancel</button>\n    <button class=\"secondary\" *ngIf=\"selection[0].resubmissions.length\" (click)=\"removeResubmission()\" translate>eo.resubmission.delete</button>\n    <button class=\"primary\" [disabled]=\"addResubmissionForm.errors || titleValidity\" *ngIf=\"selection[0].resubmissions.length\" (click)=\"updateResubmission()\" translate>eo.resubmission.apply</button>\n    <button class=\"primary\" [disabled]=\"addResubmissionForm.errors || titleValidity\" *ngIf=\"!selection[0].resubmissions.length\" (click)=\"createResubmission()\" translate>eo.resubmission.add</button>\n  </div>\n\n  <ng-template #indicator>\n    <div class=\"process-indicator\"><eo-icon [iconSrc]=\"'ic_kitt-loader.svg'\"></eo-icon></div>\n  </ng-template>\n</div>\n\n",
                     styles: [".eo-resubmission{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-resubmission h2{font-size:var(--font-subhead);font-weight:var(--font-weight-light)}.eo-resubmission .form-buttons{padding:5px 0;text-align:right}.eo-resubmission .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding)/2)}.eo-resubmission .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding)/2);margin-right:0}.eo-resubmission .process-indicator{display:flex;justify-content:flex-end}.eo-resubmission .err-msg{background-color:var(--color-error);border:0;border-radius:2px;color:var(--color-white);margin:calc(var(--app-pane-padding)/4) 0;padding:calc(var(--app-pane-padding)/4)}.eo-resubmission .errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding)/4)}"]
                 },] }
     ];
@@ -17701,6 +17816,7 @@
     ]; };
     AddResubmissionComponent.propDecorators = {
         selection: [{ type: i0.Input }],
+        titleField: [{ type: i0.ViewChild, args: ['titleField', { static: true },] }],
         finished: [{ type: i0.Output }],
         canceled: [{ type: i0.Output }]
     };
@@ -17791,10 +17907,11 @@
     ]; };
 
     var ShareObjectComponent = /** @class */ (function () {
-        function ShareObjectComponent(translate, dms, toast) {
+        function ShareObjectComponent(translate, dms, toast, elemRef) {
             this.translate = translate;
             this.dms = dms;
             this.toast = toast;
+            this.elemRef = elemRef;
             this.finished = new i0.EventEmitter();
             this.canceled = new i0.EventEmitter();
             this.dataMeta = [];
@@ -17808,37 +17925,63 @@
         }
         ShareObjectComponent.prototype.ngOnInit = function () {
             var orgaValue = [];
-            var shareChildren = this.selection[0].shares[0] ? this.selection[0].shares[0].sharechildren : true;
-            this.includeChildrenField.setValue(shareChildren);
+            var shareChildren = [];
+            this.elemRef.nativeElement.querySelector('[tabindex="0"]').focus();
             if (this.selection[0].isFolder) {
                 this.header = this.translate.instant('eo.manage.rights.folder.title');
             }
-            this.selection[0].additionalvisibility.forEach(function (avObject) {
-                orgaValue.push(avObject.name);
+            this.selection[0].shares.forEach(function (avObject) {
+                if (avObject.sharechildren === true) {
+                    shareChildren.push(avObject.name);
+                }
+                else {
+                    orgaValue.push(avObject.name);
+                }
             });
             this.orgaField.setValue(orgaValue);
-            this.dataMeta = this.dataMeta.concat(this.selection[0].additionalvisibility);
+            this.includeChildrenField.setValue(shareChildren);
         };
         ShareObjectComponent.prototype.shareMessage = function () {
             var _this = this;
+            var shared = '';
+            var field = '';
             if (this.orgaField.value.length > 0) {
-                this.translate.get('eo.manage.rights.message', {
-                    title: this.selection[0].title,
-                    shared: this.orgaField.value.toString()
-                }).subscribe(function (val) { return _this.toast.info(val); });
+                shared = this.orgaField.value.toString();
+            }
+            else if (this.includeChildrenField.value.length > 0) {
+                shared = this.includeChildrenField.value.toString();
             }
             else {
                 this.toast.info(this.translate.instant('eo.manage.rights.message.notshared'));
+                return;
             }
+            field = 'eo.manage.rights.message';
+            if (this.orgaField.value.length > 0 && this.includeChildrenField.value.length > 0) {
+                shared = this.orgaField.value.toString() + ", " + this.includeChildrenField.value.toString();
+            }
+            this.translate.get(field, {
+                title: this.selection[0].title,
+                shared: shared,
+            }).subscribe(function (val) { return _this.toast.info(val); });
         };
         ShareObjectComponent.prototype.save = function () {
             var _this = this;
-            this.dms.setOrganizationObjectsWithReadRights(this.selection, this.orgaField.value, this.includeChildrenField.value)
+            this.objectId = this.selection[0].id;
+            this.dms.setOrganizationObjectsWithReadRights(this.selection, this.objectId, this.orgaField.value, this.includeChildrenField.value)
                 .subscribe(function () {
                 _this.shareMessage();
                 _this.finished.emit();
             });
         };
+        ShareObjectComponent.prototype.stop = function () {
+            var _this = this;
+            this.objectId = this.selection[0].id;
+            this.dms.setOrganizationObjectsWithReadRights(this.selection, this.objectId, [], [])
+                .subscribe(function () {
+                _this.toast.info(_this.translate.instant('eo.manage.rights.message.notshared'));
+                _this.finished.emit();
+            });
+        };
         ShareObjectComponent.prototype.cancel = function () {
             this.canceled.emit();
         };
@@ -17847,14 +17990,15 @@
     ShareObjectComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-share-object',
-                    template: "<div class=\"eo-share-object\">\n  <h2>{{header}}</h2>\n\n  <form [formGroup]=\"shareForm\">\n    <eo-form-input [label]=\"orgaLabel\">\n      <eo-organization [dataMeta]=\"dataMeta\" [multiselect]=\"true\" formControlName=\"orgaFieldFCN\"></eo-organization>\n    </eo-form-input>\n    <eo-form-input *ngIf=\"selection[0].isFolder\" [label]=\"('eo.manage.rights.folder.include.documents.label' | translate)\">\n      <eo-checkbox formControlName=\"includeChildren\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n  </form>\n\n  <div class=\"form-buttons\">\n    <button class=\"secondary\" (click)=\"cancel()\" translate>eo.manage.rights.cancel</button>\n    <button class=\"primary\" (click)=\"save()\" [disabled]=\"shareForm.errors || !shareForm.dirty\" translate>eo.manage.rights.apply</button>\n  </div>\n</div>\n",
-                    styles: [".eo-share-object{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-share-object h2{font-size:var(--font-subhead);font-weight:var(--font-weight-light)}.eo-share-object .form-buttons{padding:5px 0;text-align:right}.eo-share-object .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding)/2)}.eo-share-object .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding)/2);margin-right:0}"]
+                    template: "<div class=\"eo-share-object\" eoTrapFocus>\n  <h2>{{header}}</h2>\n  <div class=\"fieldset\">\n    <div class=\"legend\"><span style=\"background-color: transparent !important;\" *ngIf=\"selection[0].isFolder\" translate>eo.manage.rights.folder.label</span></div>\n    <div>\n  <form [formGroup]=\"shareForm\">\n    <eo-form-input [label]=\"orgaLabel\" tabindex=\"0\">\n      <eo-organization [dataMeta]=\"dataMeta\" [multiselect]=\"true\" formControlName=\"orgaFieldFCN\"></eo-organization>\n    </eo-form-input>\n  </form>\n    </div>\n    <div *ngIf=\"selection[0].isFolder\">\n      <div class=\"legend\"><span translate>eo.manage.rights.folder.include.children.label</span></div>\n      <form [formGroup]=\"shareForm\">\n        <eo-form-input [label]=\"orgaLabel\">\n          <eo-organization [dataMeta]=\"dataMeta\" [multiselect]=\"true\" formControlName=\"includeChildren\"></eo-organization>\n        </eo-form-input>\n      </form>\n    </div>\n  </div>\n  <div class=\"form-buttons\">\n    <button class=\"secondary\" (click)=\"cancel()\" translate>eo.manage.rights.cancel</button>\n    <button class=\"danger\" (click)=\"stop()\" *ngIf=\"selection[0].additionalvisibility.length\" translate>eo.manage.rights.stop</button>\n    <button class=\"primary\" (click)=\"save()\" [disabled]=\"shareForm.errors || !shareForm.dirty\" translate>eo.manage.rights.apply</button>\n  </div>\n</div>\n",
+                    styles: [".eo-share-object{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-share-object h2{font-size:var(--font-subhead);font-weight:var(--font-weight-light)}.eo-share-object>.fieldset>:not(.legend){align-content:flex-start;align-items:flex-start;display:contents;flex-flow:row wrap;justify-content:flex-start}.eo-share-object>.fieldset>:not(.legend) span{background-color:transparent!important}.eo-share-object>.fieldset>:not(.legend) eo-form-group{flex:1 1 auto;min-width:200px}.eo-share-object .form-buttons{padding:5px 0;text-align:right}.eo-share-object .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding)/2)}.eo-share-object .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding)/2);margin-right:0}"]
                 },] }
     ];
     ShareObjectComponent.ctorParameters = function () { return [
         { type: i1.TranslateService },
         { type: i1.DmsService },
-        { type: i1.NotificationsService }
+        { type: i1.NotificationsService },
+        { type: i0.ElementRef }
     ]; };
 
     var ShareObjectActionComponent = /** @class */ (function (_super) {
@@ -17937,6 +18081,45 @@
         { type: ActionService }
     ]; };
 
+    var FinalizeObjectActionComponent = /** @class */ (function () {
+        function FinalizeObjectActionComponent(elemRef, dmsService) {
+            this.elemRef = elemRef;
+            this.dmsService = dmsService;
+            this.finished = new i0.EventEmitter();
+            this.canceled = new i0.EventEmitter();
+        }
+        FinalizeObjectActionComponent.prototype.onClick = function () {
+            this.dmsService.finalize(this.selection[0]).subscribe();
+            this.finished.emit();
+        };
+        FinalizeObjectActionComponent.prototype.cancel = function () {
+            this.canceled.emit();
+        };
+        FinalizeObjectActionComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.elemRef.nativeElement.querySelector('.primary').focus();
+            });
+        };
+        return FinalizeObjectActionComponent;
+    }());
+    FinalizeObjectActionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'eo-finalize-object-action',
+                    template: "<div class=\"finalize\">\n\n    <h2 translate>eo.action.finalize.confirm</h2>\n\n    <div class=\"form-buttons\" eoTrapFocus>\n        <button (click)=\"cancel()\" translate>eo.checkout.cancel</button>\n        <button class=\"primary\" (click)=\"onClick()\">OK</button>\n    </div>\n\n</div>",
+                    styles: [".finalize{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.finalize h2{font-size:var(--font-subhead);font-weight:var(--font-weight-light)}.finalize .form-buttons{padding:5px 0;text-align:right}.finalize .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding)/2)}.finalize .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding)/2);margin-right:0}"]
+                },] }
+    ];
+    FinalizeObjectActionComponent.ctorParameters = function () { return [
+        { type: i0.ElementRef },
+        { type: i1.DmsService }
+    ]; };
+    FinalizeObjectActionComponent.propDecorators = {
+        selection: [{ type: i0.Input }],
+        finished: [{ type: i0.Output }],
+        canceled: [{ type: i0.Output }]
+    };
+
     var FinalizeActionComponent = /** @class */ (function (_super) {
         __extends(FinalizeActionComponent, _super);
         function FinalizeActionComponent(translate, dmsService) {
@@ -17946,7 +18129,8 @@
             _this.priority = 13;
             _this.iconSrc = 'assets/_default/svg/ic_finalized.svg';
             _this.group = 'common';
-            _this.range = exports.SelectionRange.MULTI_SELECT;
+            _this.range = exports.SelectionRange.SINGLE_SELECT;
+            _this.component = FinalizeObjectActionComponent;
             _this.label = _this.translate.instant('eo.action.finalize.label');
             _this.description = _this.translate.instant('eo.action.finalize.description');
             return _this;
@@ -17954,21 +18138,16 @@
         FinalizeActionComponent.prototype.isExecutable = function (item) {
             return rxjs.of((item.rights && item.rights.finalize) && !item.lock && !item.isFinalized && !window.location.href.includes('/versions'));
         };
-        ;
-        FinalizeActionComponent.prototype.run = function (selection) {
-            var _this = this;
-            if (confirm(this.translate.instant('eo.action.finalize.confirm'))) {
-                selection.forEach(function (item) {
-                    _this.dmsService.finalize(item).subscribe();
-                });
-            }
-        };
         return FinalizeActionComponent;
     }(DmsObjectTarget));
+    FinalizeActionComponent.ɵprov = i0.ɵɵdefineInjectable({ factory: function FinalizeActionComponent_Factory() { return new FinalizeActionComponent(i0.ɵɵinject(i1$2.TranslateService), i0.ɵɵinject(i1.DmsService)); }, token: FinalizeActionComponent, providedIn: "root" });
     FinalizeActionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-finalize-action',
                     template: ""
+                },] },
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
                 },] }
     ];
     FinalizeActionComponent.ctorParameters = function () { return [
@@ -18179,7 +18358,6 @@
         ClipboardLinkActionComponent,
         ClipboardOriginalActionComponent,
         ClipboardPdfActionComponent,
-        FavoriteActionComponent,
         DeleteActionComponent,
         DeleteComponent,
         OpenVersionsActionComponent,
@@ -18198,6 +18376,7 @@
         ShareObjectComponent,
         CutActionComponent,
         FinalizeActionComponent,
+        FinalizeObjectActionComponent,
         DefinalizeActionComponent,
         DeleteContentActionComponent,
         UnlockActionComponent,
@@ -18290,6 +18469,7 @@
                         ShareObjectComponent,
                         CutActionComponent,
                         FinalizeActionComponent,
+                        FinalizeObjectActionComponent,
                         DefinalizeActionComponent,
                         DeleteContentActionComponent,
                         UnlockActionComponent,
@@ -18370,74 +18550,6 @@
         undockArea: [{ type: i0.Input }]
     };
 
-    /**
-     * This directive traps the focus inside the element it is applied to.
-     * When applied, a users can't "tab out" of the element.
-     * You need at least two focusable children in the element for it to work properly.
-     * See the querySelector in the trapFocus method to know which elements count as focusable.
-     * Additionally you can add the attribute "focusable" to an element if you are unsure.
-     */
-    var TrapFocusDirective = /** @class */ (function () {
-        function TrapFocusDirective(el) {
-            this.el = el;
-            this.focusableSelectors = 'a[href], button, textarea, input[type="text"],' +
-                'input[type="radio"], input[type="checkbox"], select, [focusable]';
-        }
-        TrapFocusDirective.prototype.ngAfterViewInit = function () {
-            this.trapFocus(this.el.nativeElement);
-        };
-        TrapFocusDirective.prototype.trapFocus = function (element) {
-            var focusableElements = element.querySelectorAll(this.focusableSelectors);
-            focusableElements = Array.from(focusableElements)
-                .filter(function (el) { return !el.disabled && !el.classList.contains('disabled'); });
-            var firstFocusableElement = focusableElements[0];
-            var lastFocusableElement = focusableElements[focusableElements.length - 1];
-            element.addEventListener('keydown', (function (event) {
-                var isTabPressed = event.keyCode === 9; // tab key code
-                if (!isTabPressed)
-                    return;
-                if (event.shiftKey) /* shift + tab */ {
-                    if (document.activeElement === firstFocusableElement) {
-                        lastFocusableElement.focus();
-                        event.preventDefault();
-                    }
-                }
-                else /* tab */ {
-                    if (document.activeElement === lastFocusableElement) {
-                        firstFocusableElement.focus();
-                        event.preventDefault();
-                    }
-                }
-            }));
-        };
-        TrapFocusDirective.prototype.isArrowUpOrDownPressed = function (event) {
-            var key = event.key;
-            if (key === 'ArrowUp' || key === 'ArrowDown') {
-                event.preventDefault();
-                var focusableElements = this.el.nativeElement.parentElement.querySelectorAll(this.focusableSelectors);
-                var currentIndex = Array.from(focusableElements).indexOf(document.activeElement);
-                if (key === 'ArrowDown' && currentIndex < focusableElements.length - 1) {
-                    focusableElements[currentIndex + 1].focus();
-                }
-                else if (key === 'ArrowUp' && currentIndex > 0) {
-                    focusableElements[currentIndex - 1].focus();
-                }
-            }
-        };
-        return TrapFocusDirective;
-    }());
-    TrapFocusDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[eoTrapFocus]'
-                },] }
-    ];
-    TrapFocusDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef }
-    ]; };
-    TrapFocusDirective.propDecorators = {
-        isArrowUpOrDownPressed: [{ type: i0.HostListener, args: ['keydown', ['$event'],] }]
-    };
-
     /**
      * Module holding the base components of the application shell like application bar, side, search etc.
      */
@@ -18475,7 +18587,6 @@
                         AppLayoutComponent,
                         ContextSearchComponent,
                         AppProcessComponent,
-                        TrapFocusDirective,
                     ]
                 },] }
     ];
@@ -19719,7 +19830,7 @@
     StoredQueryDetailsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-stored-query-details',
-                    template: "<ng-container *ngIf=\"storedQuery\">\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\"\n               [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"\n               [iconTitle]=\"('eo.sidebar.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()\" [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",
                     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)}"]
                 },] }
     ];
@@ -19816,12 +19927,6 @@
                 },] }
     ];
 
-    (function (TypeFilter) {
-        TypeFilter["favored"] = "favorite";
-        TypeFilter["shared"] = "roles";
-        TypeFilter["others"] = "others";
-    })(exports.TypeFilter || (exports.TypeFilter = {}));
-
     var ResultListModule = /** @class */ (function () {
         function ResultListModule() {
         }
@@ -20062,6 +20167,17 @@
                         isHidden: function () {
                             return false;
                         }
+                    },
+                    {
+                        name: _this.translate.instant('eo.object.details.actions.title'),
+                        nameKey: 'eo.object.details.actions.title',
+                        shortcut: new Shortcut('A', false, false),
+                        onExecuteAction: function () {
+                            _this.showActions();
+                        },
+                        isHidden: function () {
+                            return false;
+                        }
                     }
                 ]
             };
@@ -23638,8 +23754,8 @@
             // navigation shortcuts
             this.navShortcuts = {
                 id: 'eo.app.nav',
-                label: this.translate.instant('eo.shortcuts.nav.title'),
-                labelKey: 'eo.shortcuts.nav.title',
+                label: this.translate.instant('eo.view.navigation.title'),
+                labelKey: 'eo.view.navigation.title',
                 actions: [
                     {
                         name: this.translate.instant('eo.shortcuts.action.dashboard'),
@@ -23650,8 +23766,8 @@
                         }
                     },
                     {
-                        name: this.translate.instant('eo.shortcuts.action.inbox'),
-                        nameKey: 'eo.shortcuts.action.inbox',
+                        name: this.translate.instant('eo.view.navigation.inbox'),
+                        nameKey: 'eo.view.navigation.inbox',
                         shortcut: '1',
                         onExecuteAction: function () {
                             _this.router.navigateByUrl('/inbox');
@@ -23661,8 +23777,8 @@
                         }
                     },
                     {
-                        name: this.translate.instant('eo.shortcuts.action.intray'),
-                        nameKey: 'eo.shortcuts.action.intray',
+                        name: this.translate.instant('eo.view.navigation.prepare'),
+                        nameKey: 'eo.view.navigation.prepare',
                         shortcut: '2',
                         onExecuteAction: function () {
                             _this.router.navigateByUrl('/prepare');
@@ -23672,8 +23788,8 @@
                         }
                     },
                     {
-                        name: this.translate.instant('eo.shortcuts.action.favorites'),
-                        nameKey: 'eo.shortcuts.action.favorites',
+                        name: this.translate.instant('eo.view.navigation.favorites'),
+                        nameKey: 'eo.view.navigation.favorites',
                         shortcut: '3',
                         onExecuteAction: function () {
                             _this.router.navigateByUrl('/favorites');
@@ -23683,12 +23799,36 @@
                         }
                     },
                     {
-                        name: this.translate.instant('eo.shortcuts.action.settings'),
-                        nameKey: 'eo.shortcuts.action.settings',
+                        name: this.translate.instant('eo.bar.button.settings.title'),
+                        nameKey: 'eo.bar.button.settings.title',
                         shortcut: '4',
                         onExecuteAction: function () {
                             _this.router.navigateByUrl('/settings');
                         }
+                    },
+                    {
+                        name: this.translate.instant('eo.view.navigation.process'),
+                        nameKey: 'eo.view.navigation.process',
+                        shortcut: '5',
+                        onExecuteAction: function () {
+                            _this.router.navigateByUrl('/process');
+                        }
+                    },
+                    {
+                        name: this.translate.instant('eo.view.navigation.notifications'),
+                        nameKey: 'eo.view.navigation.notifications',
+                        shortcut: '6',
+                        onExecuteAction: function () {
+                            _this.router.navigateByUrl('/notifications');
+                        }
+                    },
+                    {
+                        name: this.translate.instant('eo.view.navigation.storedqueries'),
+                        nameKey: 'eo.view.navigation.storedqueries',
+                        shortcut: '7',
+                        onExecuteAction: function () {
+                            _this.router.navigateByUrl('/stored-queries');
+                        }
                     }
                 ]
             };
@@ -24077,6 +24217,12 @@
         ])
     ]);
 
+    (function (TypeFilter) {
+        TypeFilter["favored"] = "favorite";
+        TypeFilter["shared"] = "roles";
+        TypeFilter["others"] = "others";
+    })(exports.TypeFilter || (exports.TypeFilter = {}));
+
     var DashboardComponent = /** @class */ (function (_super) {
         __extends(DashboardComponent, _super);
         function DashboardComponent(userService, titleService, router, route, config, searchService, authService, systemService, inboxService, prepareService, envService, capabilityService, storedQueriesService) {
@@ -24199,9 +24345,7 @@
                 .pipe(operators.takeUntil(this.componentDestroyed$))
                 .subscribe(function (user) {
                 _this.user = user;
-                if (!_this.isCloud) {
-                    _this.captureObjectLists();
-                }
+                _this.captureObjectLists();
             });
             this.capabilities = this.capabilityService.getCapabilities();
             if (this.capabilities.storedqueries) {
@@ -24225,7 +24369,7 @@
     DashboardComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-dashboard',
-                    template: "<div class=\"fade\"></div>\n<div class=\"dashboard\" [style.background-image]=\"backgroundImage\">\n\n  <div class=\"db-content\" [ngClass]=\"{centerFocus: (quickSearchResult && quickSearchResult.total > 0) || selectedQuery}\">\n\n    <!-- info area --->\n    <div class=\"db-left\">\n      <a class=\"info\" *ngIf=\"capabilities.inbox && inboxState && inboxState.totalmessages > 0\"\n           [routerLink]=\"['/inbox']\">\n        <div>\n          <eo-icon [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n          <div class=\"count\">{{inboxState.totalmessages}}</div>\n        </div>\n        <div class=\"msg\" translate>eo.dashboard.info.inbox.msg</div>\n      </a>\n      <a class=\"info\" *ngIf=\"capabilities.intray && preparedItemsCount > 0\"\n           [routerLink]=\"['/prepare']\">\n        <div>\n          <eo-icon [iconSrc]=\"'assets/_default/svg/ic_prepare.svg'\"></eo-icon>\n          <div class=\"count\">{{preparedItemsCount}}</div>\n        </div>\n        <div class=\"msg\" translate>eo.dashboard.info.intray.msg</div>\n      </a>\n    </div>\n\n    <!-- main content area -->\n    <div class=\"db-center\">\n\n      <div class=\"top\">\n        <div class=\"quick-search\" [ngClass]=\"{disabled: selectedQuery}\">\n\n          <div class=\"count\" *ngIf=\"quickSearchResult && quickSearchResult.total !== -1\" (click)=\"executeSearch()\">\n            <div  *ngIf=\"quickSearchResult.total\">\n              <span class=\"count-total\">{{quickSearchResult.total | localeDecimal}}</span>\n              <span class=\"label\" translate>eo.quicksearch.hits</span>\n            </div>\n            <span class=\"label\" *ngIf=\"!quickSearchResult.total\" translate>eo.quicksearch.reults.empty</span>\n          </div>\n\n          <div class=\"input\">\n            <eo-quick-search (onResult)=\"onQuickSearchResult($event)\"\n                             (onInputChange)=\"onQuickSearchInputChange($event)\"\n                             #quickSearch></eo-quick-search>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"bottom\">\n\n        <div class=\"quick-search-results\" *ngIf=\"quickSearchResult && quickSearchResult.total > 0; else storedqueries\">\n\n          <div class=\"group\" *ngFor=\"let key of quickSearchResult.groups | keys; index as i\">\n            <h2 *ngIf=\"key !== '0'; else maingroup\">{{key}}</h2>\n            <ng-template #maingroup>\n              <h2 translate>eo.quicksearch.result.group.global</h2>\n            </ng-template>\n\n            <eo-tree [tree]=\"tree[key]\" [(ngModel)]=\"selectedQuickSearchResultItem\" (ngModelChange)=\"executeSearch($event.data)\" [selectionKey]=\"'Enter'\">\n            </eo-tree>\n          </div>\n        </div>\n\n        <ng-template #storedqueries>\n\n          <div class=\"stored-queries\" *ngIf=\"capabilities.storedqueries && storedQueries.length\">\n\n            <div class=\"query\" *ngIf=\"selectedQuery; else querylist\">\n              <div>\n                <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n                         (click)=\"selectStoredQuery(null)\"></eo-icon>\n              </div>\n              <eo-stored-query [query]=\"selectedQuery\"\n                               (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                               (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n            </div>\n\n\n            <ng-template #querylist>\n              <div class=\"queries\" [@listAnimation]=\"storedQueries.length\">\n                <a class=\"sq lead\" [routerLink]=\"['/stored-queries']\" translate>eo.sidebar.navigation.storedqueries</a>\n\n                <div class=\"sq\" *ngFor=\"let q of storedQueries; trackBy: trackByFn\" (click)=\"selectStoredQuery(q)\" (keyup.enter)=\"selectStoredQuery(q)\" tabindex=\"0\">\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_stored_query.svg'\"></eo-icon>\n                  <span>{{q.name}}</span>\n                </div>\n              </div>\n            </ng-template>\n          </div>\n        </ng-template>\n\n      </div>\n\n    </div>\n\n    <!-- files area -->\n    <div class=\"db-right\">\n\n      <div class=\"lastEdits\" *ngIf=\"modifiedByMe?.lately.length\">\n        <div class=\"header\">\n          <h2 translate>eo.dashboard.modified.title</h2>\n        </div>\n        <div class=\"body\">\n\n          <a class=\"item\" *ngFor=\"let item of modifiedByMe.lately\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{item.modified | localeDate}}</div>\n              <div class=\"title\">{{item.title}}</div>\n              <div class=\"description\">{{item.description}}</div>\n            </div>\n          </a>\n\n        </div>\n      </div>\n\n    </div>\n\n  </div>\n</div>\n\n\n\n",
+                    template: "<div class=\"fade\"></div>\n<div class=\"dashboard\" [style.background-image]=\"backgroundImage\">\n\n  <div class=\"db-content\" [ngClass]=\"{centerFocus: (quickSearchResult && quickSearchResult.total > 0) || selectedQuery}\">\n\n    <!-- info area --->\n    <div class=\"db-left\">\n      <a class=\"info\" *ngIf=\"capabilities.inbox && inboxState && inboxState.totalmessages > 0\"\n           [routerLink]=\"['/inbox']\">\n        <div>\n          <eo-icon [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n          <div class=\"count\">{{inboxState.totalmessages}}</div>\n        </div>\n        <div class=\"msg\" translate>eo.dashboard.info.inbox.msg</div>\n      </a>\n      <a class=\"info\" *ngIf=\"capabilities.intray && preparedItemsCount > 0\"\n           [routerLink]=\"['/prepare']\">\n        <div>\n          <eo-icon [iconSrc]=\"'assets/_default/svg/ic_prepare.svg'\"></eo-icon>\n          <div class=\"count\">{{preparedItemsCount}}</div>\n        </div>\n        <div class=\"msg\" translate>eo.dashboard.info.intray.msg</div>\n      </a>\n    </div>\n\n    <!-- main content area -->\n    <div class=\"db-center\">\n\n      <div class=\"top\">\n        <div class=\"quick-search\" [ngClass]=\"{disabled: selectedQuery}\">\n\n          <div class=\"count\" *ngIf=\"quickSearchResult && quickSearchResult.total !== -1\" (click)=\"executeSearch()\">\n            <div  *ngIf=\"quickSearchResult.total\">\n              <span class=\"count-total\">{{quickSearchResult.total | localeDecimal}}</span>\n              <span class=\"label\" translate>eo.quicksearch.hits</span>\n            </div>\n            <span class=\"label\" *ngIf=\"!quickSearchResult.total\" translate>eo.quicksearch.reults.empty</span>\n          </div>\n\n          <div class=\"input\">\n            <eo-quick-search (onResult)=\"onQuickSearchResult($event)\"\n                             (onInputChange)=\"onQuickSearchInputChange($event)\"\n                             #quickSearch></eo-quick-search>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"bottom\">\n\n        <div class=\"quick-search-results\" *ngIf=\"quickSearchResult && quickSearchResult.total > 0; else storedqueries\">\n\n          <div class=\"group\" *ngFor=\"let key of quickSearchResult.groups | keys; index as i\">\n            <h2 *ngIf=\"key !== '0'; else maingroup\">{{key}}</h2>\n            <ng-template #maingroup>\n              <h2 translate>eo.quicksearch.result.group.global</h2>\n            </ng-template>\n\n            <eo-tree [tree]=\"tree[key]\" [(ngModel)]=\"selectedQuickSearchResultItem\" (ngModelChange)=\"executeSearch($event.data)\" [selectionKey]=\"'Enter'\">\n            </eo-tree>\n          </div>\n        </div>\n\n        <ng-template #storedqueries>\n\n          <div class=\"stored-queries\" *ngIf=\"capabilities.storedqueries && storedQueries.length\">\n\n            <div class=\"query\" *ngIf=\"selectedQuery; else querylist\">\n              <div>\n                <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n                         (click)=\"selectStoredQuery(null)\"></eo-icon>\n              </div>\n              <eo-stored-query [query]=\"selectedQuery\"\n                               (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                               (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n            </div>\n\n\n            <ng-template #querylist>\n              <div class=\"queries\" [@listAnimation]=\"storedQueries.length\">\n                <a class=\"sq lead\" [routerLink]=\"['/stored-queries']\" translate>eo.view.navigation.storedqueries</a>\n\n                <div class=\"sq\" *ngFor=\"let q of storedQueries; trackBy: trackByFn\" (click)=\"selectStoredQuery(q)\" (keyup.enter)=\"selectStoredQuery(q)\" tabindex=\"0\">\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_stored_query.svg'\"></eo-icon>\n                  <span>{{q.name}}</span>\n                </div>\n              </div>\n            </ng-template>\n          </div>\n        </ng-template>\n\n      </div>\n\n    </div>\n\n    <!-- files area -->\n    <div class=\"db-right\">\n\n      <div class=\"lastEdits\" *ngIf=\"modifiedByMe?.lately.length\">\n        <div class=\"header\">\n          <h2 translate>eo.dashboard.modified.title</h2>\n        </div>\n        <div class=\"body\">\n\n          <a class=\"item\" *ngFor=\"let item of modifiedByMe.lately\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{item.modified | localeDate}}</div>\n              <div class=\"title\">{{item.title}}</div>\n              <div class=\"description\">{{item.description}}</div>\n            </div>\n          </a>\n\n        </div>\n      </div>\n\n    </div>\n\n  </div>\n</div>\n\n\n\n",
                     animations: [
                         listAnimation
                     ],
@@ -24828,10 +24972,10 @@
             this.backend = backend;
             this.userService = userService;
             this.config = config;
-            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "9.0.3", "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.2.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.0.3',
+                componentVersion: '9.2.0-rc.1',
                 productName: '',
                 productVersion: ''
             };
@@ -25079,7 +25223,7 @@
     StoredQueriesStateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-stored-queries-state',
-                    template: "<eo-undock-split>\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'stored.queries.state'\">\n    <eo-split-area [size]=\"25\" [minSizePixel]=\"300\">\n\n      <ng-template pTemplate=\"content\">\n        <eo-list-container #eoList [applySelection]=\"{}\">\n          <div class=\"eo-header\">\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n            <div class=\"eo-header-info\">\n              <div class=\"eo-header-title\" translate>eo.sidebar.navigation.storedqueries</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.filter' | translate\">\n                <eo-custom-filter #cFilter\n                                  (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n                                  (active)=\"oFilter.onActiveChanged($event)\">\n                  <eo-text-filter [title]=\"'eo.folder.filter.title' | translate\" [id]=\"'stored.queries.text'\"\n                                  [matchFields]=\"['name']\"\n                                  [filterParams]=\"textFilterParams\"></eo-text-filter>\n                  <eo-set-filter [operator]=\"'OR'\" [id]=\"'stored.queries.type'\"\n                                 [title]=\"'eo.folder.filter.section.objecttype' | translate\"\n                                 [options]=\"typeFilterFields\"></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                          [iconClass]=\"'primary'\"\n                          [iconTitle]=\"'eo.list.sort' | translate\">\n                <eo-custom-sort #cSort [id]=\"'stored.queries.sort'\"\n                                (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                                (active)=\"oSort.onActiveChanged($event)\"\n                                [sortFields]=\"sortFields\"></eo-custom-sort>\n              </eo-overlay>\n            </div>\n          </div>\n          <div class=\"eo-body\">\n            <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\"\n                     [fullWidth]=\"true\"\n                     [showHeader]=\"true\"\n                     [showFooter]=\"true\"\n                     [selectFirst]=\"selectFirst\"\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_search.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.stored.queries.list.empty'}\"></eo-error-message>\n                <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n              </div>\n            </eo-grid>\n          </div>\n        </eo-list-container>\n      </ng-template>\n\n    </eo-split-area>\n    <eo-split-area [size]=\"75\" [minSizePixel]=\"600\" [cache]=\"false\">\n      <ng-template pTemplate=\"content\">\n        <eo-stored-query-details (notifyList)=\"notifyList($event)\"></eo-stored-query-details>\n      </ng-template>\n    </eo-split-area>\n  </eo-split>\n</eo-undock-split>\n",
+                    template: "<eo-undock-split>\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'stored.queries.state'\">\n    <eo-split-area [size]=\"25\" [minSizePixel]=\"300\">\n\n      <ng-template pTemplate=\"content\">\n        <eo-list-container #eoList [applySelection]=\"{}\">\n          <div class=\"eo-header\">\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n            <div class=\"eo-header-info\">\n              <div class=\"eo-header-title\" translate>eo.view.navigation.storedqueries</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.filter' | translate\">\n                <eo-custom-filter #cFilter\n                                  (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n                                  (active)=\"oFilter.onActiveChanged($event)\">\n                  <eo-text-filter [title]=\"'eo.folder.filter.title' | translate\" [id]=\"'stored.queries.text'\"\n                                  [matchFields]=\"['name']\"\n                                  [filterParams]=\"textFilterParams\"></eo-text-filter>\n                  <eo-set-filter [operator]=\"'OR'\" [id]=\"'stored.queries.type'\"\n                                 [title]=\"'eo.folder.filter.section.objecttype' | translate\"\n                                 [options]=\"typeFilterFields\"></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                          [iconClass]=\"'primary'\"\n                          [iconTitle]=\"'eo.list.sort' | translate\">\n                <eo-custom-sort #cSort [id]=\"'stored.queries.sort'\"\n                                (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                                (active)=\"oSort.onActiveChanged($event)\"\n                                [sortFields]=\"sortFields\"></eo-custom-sort>\n              </eo-overlay>\n            </div>\n          </div>\n          <div class=\"eo-body\">\n            <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\"\n                     [fullWidth]=\"true\"\n                     [showHeader]=\"true\"\n                     [showFooter]=\"true\"\n                     [selectFirst]=\"selectFirst\"\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_search.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.stored.queries.list.empty'}\"></eo-error-message>\n                <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n              </div>\n            </eo-grid>\n          </div>\n        </eo-list-container>\n      </ng-template>\n\n    </eo-split-area>\n    <eo-split-area [size]=\"75\" [minSizePixel]=\"600\" [cache]=\"false\">\n      <ng-template pTemplate=\"content\">\n        <eo-stored-query-details (notifyList)=\"notifyList($event)\"></eo-stored-query-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{box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}:host ::ng-deep eo-grid .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 eo-grid .ag-cell .list-item[unselectable]{-moz-user-select:none;-webkit-user-select:none;user-select:none}:host ::ng-deep eo-grid .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 eo-grid .ag-cell .list-item .content .title{font-size:var(--font-body);font-weight:var(--font-weight-medium)}:host ::ng-deep eo-grid .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep eo-grid .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons{font-size:15px}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons img{height:16px;padding:3px;width:16px}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons .object-type-label{display:none}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons.shared-with-me>span{-webkit-border-radius:2px;background-color:var(--text-color-hint);border-radius:2px}"]
                 },] }
     ];
@@ -26188,7 +26332,7 @@
     ObjectStateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-object-state',
-                    template: "<div class=\"file\" [ngClass]=\"{ready: context || context === null}\" *ngIf=\"!error; else errorTmpl\">\n\n  <div class=\"file-head\" *ngIf=\"context && context.isContextFolder\">\n    <div class=\"left\">\n      <eo-icon class=\"type-icon\" [objectType]=\"context.type\"></eo-icon>\n      <div class=\"title\" (click)=\"setupFrontPage()\" (contextmenu)=\"onContextMenuClicked($event)\">\n        <div class=\"label\">{{context.title || '&nbsp;'}}</div>\n        <div class=\"description\">{{context.description || '&nbsp;'}}</div>\n      </div>\n    </div>\n    <div class=\"right\">\n      <div class=\"fold\">\n        <span class=\"created-date\">{{context.created.on | localeDate}}</span>\n        <span class=\"created-title\">{{context.created.by.title}}</span>\n      </div>\n      <div class=\"actions\">\n      </div>\n    </div>\n  </div>\n\n  <div class=\"file-body\">\n    <div class=\"file-body-wrap\">\n\n      <eo-undock-split>\n        <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"cacheLayout\">\n\n          <eo-split-area [size]=\"20\" [minSizePixel]=\"230\" class=\"tree\">\n            <ng-template pTemplate=\"content\">\n\n              <div class=\"tree-panel-error\" *ngIf=\"loadingState.tree.isError(); else tplTree\" translate>eo.state.object.tree.error</div>\n\n              <ng-template #tplTree>\n\n                <eo-list-container #eoList [loading]=\"!contextTree\" [tabs]=\"false\">\n                  <div class=\"eo-header dark\">\n                    <div class=\"eo-header-info\">\n                      <h2 class=\"eo-header-title\" translate>eo.state.object.tree.title</h2>\n                      <form name=\"structureForm\" class=\"tree-filter-form\" [ngClass]=\"{active: !!termFilter}\">\n                        <eo-form-input [skipToggle]=\"true\" [label]=\" 'eo.state.object.tree.filter.label' | translate\">\n                          <input [(ngModel)]=\"termFilter\" maxlength=\"250\" [ngModelOptions]=\"{standalone: true}\" (ngModelChange)=\"onTermFilterChange.emit($event)\"/>\n                        </eo-form-input>\n                      </form>\n                    </div>\n                  </div>\n                  <div class=\"eo-body tree\">\n                    <eo-tree [tree]=\"contextTree\" [options]=\"{multiselect: false, disableDeselection: true}\" [@panelLoading]=\"loadingState.tree.state\"\n                             *ngIf=\"contextTree\" [highlightedNodes]=\"highlightedNodes\" [treeUpdate]=\"contextTreeUpdate\"\n                             [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\"></eo-tree>\n                    <h3 *ngIf=\"contextTreeRef?.length\" title=\"{{'eo.state.object.tree.references.tooltip'|translate}}\" translate>eo.state.object.tree.references</h3>                             \n                    <eo-tree [tree]=\"contextTreeRef\" [options]=\"{multiselect: false, disableDeselection: true}\" [@panelLoading]=\"loadingState.treeRef.state\"\n                             *ngIf=\"contextTreeRef?.length\" [highlightedNodes]=\"highlightedNodes\" [treeUpdate]=\"contextTreeRefUpdate\"\n                             [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\" class=\"reference\"></eo-tree>\n                  </div>\n                </eo-list-container>\n\n              </ng-template>\n            </ng-template>\n          </eo-split-area>\n\n          <eo-split-area [size]=\"35\" [minSizePixel]=\"250\" [@panelLoading]=\"loadingState.list.state\">\n            <ng-template pTemplate=\"content\">\n\n              <eo-object-state-details *ngIf=\"context\" [context]=\"context\" [frontPageData]=\"frontPageData\" [visible]=\"frontPage\" (onTabChange)=\"setupFrontPage(true)\">\n                <eo-tab-plugin [type]=\"'object-state-details-tab.object'\"></eo-tab-plugin>\n              </eo-object-state-details>\n\n              <eo-result-list *ngIf=\"!frontPage && searchResult\" [selectFirst]=\"false\" [title]=\"gridTitle\" [reference]=\"selectedNode?.isReference\"\n                              [searchResult]=\"searchResult\" [configType]=\"configType\" [configContext]=\"\"\n                              [emptyMessage]=\"'eo.state.object.list.error'\" (onRefresh)=\"refreshList()\">\n              </eo-result-list>\n\n            </ng-template>\n          </eo-split-area>\n\n          <eo-split-area [size]=\"45\" [minSizePixel]=\"250\" [cache]=\"false\" [@panelLoading]=\"loadingState.details.state\">\n            <ng-template pTemplate=\"content\">\n              <eo-object-details [applySelection]=\"{}\" [reference]=\"isReferenceActive\" [cacheLayout]=\"'object.state--' + typeName + '.object-details'\">\n                <eo-tab-plugin [type]=\"'object-details-tab.object'\"></eo-tab-plugin>\n              </eo-object-details>\n            </ng-template>\n          </eo-split-area>\n\n        </eo-split>\n      </eo-undock-split>\n    </div>\n  </div>\n</div>\n\n<ng-template #errorTmpl>\n  <eo-error404></eo-error404>\n</ng-template>\n\n",
+                    template: "<div class=\"file\" [ngClass]=\"{ready: context || context === null}\" *ngIf=\"!error; else errorTmpl\">\n\n  <div class=\"file-head\" *ngIf=\"context && context.isContextFolder\">\n    <div class=\"left\">\n      <eo-icon class=\"type-icon\" [objectType]=\"context.type\"></eo-icon>\n      <div class=\"title\" (click)=\"setupFrontPage()\" (contextmenu)=\"onContextMenuClicked($event)\">\n        <div class=\"label\">{{context.title || '&nbsp;'}}</div>\n        <div class=\"description\">{{context.description || '&nbsp;'}}</div>\n      </div>\n    </div>\n    <div class=\"right\">\n      <div class=\"fold\">\n        <span class=\"created-date\">{{context.created.on | localeDate}}</span>\n        <span class=\"created-title\">{{context.created.by.title}}</span>\n      </div>\n      <div class=\"actions\">\n      </div>\n    </div>\n  </div>\n\n  <div class=\"file-body\">\n    <div class=\"file-body-wrap\">\n\n      <eo-undock-split>\n        <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"cacheLayout\">\n\n          <eo-split-area [size]=\"20\" [minSizePixel]=\"230\" class=\"tree\">\n            <ng-template pTemplate=\"content\">\n\n              <div class=\"tree-panel-error\" *ngIf=\"loadingState.tree.isError(); else tplTree\" translate>eo.state.object.tree.error</div>\n\n              <ng-template #tplTree>\n\n                <eo-list-container #eoList [loading]=\"!contextTree\" [tabs]=\"false\">\n                  <div class=\"eo-header dark\">\n                    <div class=\"eo-header-info\">\n                      <h2 class=\"eo-header-title\" translate>eo.state.object.tree.title</h2>\n                      <form name=\"structureForm\" class=\"tree-filter-form\" [ngClass]=\"{active: !!termFilter}\">\n                        <eo-form-input [skipToggle]=\"true\" [label]=\" 'eo.state.object.tree.filter.label' | translate\">\n                          <input [(ngModel)]=\"termFilter\" maxlength=\"250\" [ngModelOptions]=\"{standalone: true}\" (ngModelChange)=\"onTermFilterChange.emit($event)\"/>\n                        </eo-form-input>\n                      </form>\n                    </div>\n                  </div>\n                  <div class=\"eo-body tree\">\n                    <eo-tree [tree]=\"contextTree\" [options]=\"{multiselect: false, disableDeselection: true}\" [@panelLoading]=\"loadingState.tree.state\"\n                             *ngIf=\"contextTree\" [highlightedNodes]=\"highlightedNodes\" [treeUpdate]=\"contextTreeUpdate\"\n                             [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\"></eo-tree>\n                    <h3 *ngIf=\"contextTreeRef?.length\" title=\"{{'eo.state.object.tree.references.tooltip'|translate}}\" translate>eo.state.object.tree.references</h3>                             \n                    <eo-tree [tree]=\"contextTreeRef\" [options]=\"{multiselect: false, disableDeselection: true}\" [@panelLoading]=\"loadingState.treeRef.state\"\n                             *ngIf=\"contextTreeRef?.length\" [highlightedNodes]=\"highlightedNodes\" [treeUpdate]=\"contextTreeRefUpdate\"\n                             [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\" class=\"reference\"></eo-tree>\n                  </div>\n                </eo-list-container>\n\n              </ng-template>\n            </ng-template>\n          </eo-split-area>\n\n          <eo-split-area [size]=\"35\" [minSizePixel]=\"250\" [@panelLoading]=\"loadingState.list.state\">\n            <ng-template pTemplate=\"content\">\n\n              <eo-object-state-details *ngIf=\"context\" [context]=\"context\" [frontPageData]=\"frontPageData\" [visible]=\"frontPage\" (onTabChange)=\"setupFrontPage(true)\">\n                <eo-tab-plugin [type]=\"'object-state-details-tab.object'\"></eo-tab-plugin>\n              </eo-object-state-details>\n\n              <eo-result-list *ngIf=\"!frontPage && searchResult\" [selectFirst]=\"false\" [title]=\"gridTitle\" [reference]=\"selectedNode?.isReference\"\n                              [searchResult]=\"searchResult\" [configType]=\"configType\" [configContext]=\"\"\n                              [emptyMessage]=\"'eo.state.object.list.error'\" (onRefresh)=\"refreshList()\">\n              </eo-result-list>\n\n            </ng-template>\n          </eo-split-area>\n\n          <eo-split-area [size]=\"45\" [minSizePixel]=\"250\" [cache]=\"false\" [@panelLoading]=\"loadingState.details.state\">\n            <ng-template pTemplate=\"content\">\n              <eo-object-details eoTrapFocus [applySelection]=\"{}\" [reference]=\"isReferenceActive\" [cacheLayout]=\"'object.state--' + typeName + '.object-details'\">\n                <eo-tab-plugin [type]=\"'object-details-tab.object'\"></eo-tab-plugin>\n              </eo-object-details>\n            </ng-template>\n          </eo-split-area>\n\n        </eo-split>\n      </eo-undock-split>\n    </div>\n  </div>\n</div>\n\n<ng-template #errorTmpl>\n  <eo-error404></eo-error404>\n</ng-template>\n\n",
                     providers: [ObjectStateService],
                     animations: [panelLoadingAnimations],
                     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{box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}:host .eo-body.tree h3{border-top:1px solid var(--list-item-border-color);color:var(--text-color-caption);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding) 0 var(--app-pane-padding)}:host .file{display:flex;flex-flow:column;height:100%}:host .file .file-body,:host .file .file-head{-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;opacity:0;transition:all var(--app-default-transition-duration) ease-in-out}:host .file.ready .file-body,:host .file.ready .file-head{opacity:1}:host .file .empty-state{align-items:center;background:rgba(var(--color-white-rgb),.3);display:flex;flex-flow:column;height:100%;justify-content:center}:host .file.undocked .empty-state{background:var(--main-background)}:host .file-head{color:var(--text-color-caption);display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding)/4);width:100%}:host .file-head eo-icon{box-sizing:content-box;padding:var(--app-pane-padding)}:host .file-head .left,:host .file-head .right{border-bottom:4px solid var(--color-primary-3);box-sizing:border-box}:host .file-head .left{background:var(--color-white);display:flex;flex:0 0 auto;flex-flow:row nowrap;max-width:calc(100% - 350px)}:host .file-head .left div.title{cursor:pointer;flex:0 0 auto;padding:var(--app-pane-padding) 0}[dir=ltr] :host .file-head .left div.title{padding-left:0;padding-right:calc(var(--app-pane-padding)*2)}[dir=rtl] :host .file-head .left div.title{padding-left:calc(var(--app-pane-padding)*2);padding-right:0}:host .file-head .left div.title .description,:host .file-head .left div.title .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}:host .file-head .left div.title .label{font-size:var(--font-title)}:host .file-head .right{display:flex;flex:1 1 auto;flex-flow:column;min-width:350px}:host .file-head .right .fold{background:var(--main-background);color:var(--text-color-caption);display:flex;flex:0 0 auto;justify-content:flex-end;padding-bottom:calc(var(--app-pane-padding)/2);text-align:right}[dir=rtl] :host .file-head .right .fold{text-align:right;text-align:left}:host .file-head .right .fold .created-date{padding-right:5px}:host .file-head .right .actions{align-items:center;background:var(--color-white);display:flex;flex:1 1 auto;justify-content:flex-end;padding:0 var(--app-pane-padding)}:host .file-body{flex:1 1 auto;position:relative}:host .file-body .file-body-wrap,:host .file-body .file-body-wrap .frontPage{bottom:0;left:0;position:absolute;right:0;top:0}:host ::ng-deep .tree .tree-panel-error{align-items:center;color:var(--text-color-caption);display:flex;flex-flow:column;height:100%;justify-content:center}:host ::ng-deep .tree .eo-head{background-color:var(--color-primary-3)}:host ::ng-deep .tree .eo-head .eo-header-info{padding:0}:host ::ng-deep .tree .eo-head .eo-header-info h2{color:var(--color-white);flex:1 1 auto}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form{align-self:flex-end;flex:0 0 auto;margin-bottom:var(--app-pane-padding);min-width:200px;width:61%}:host ::ng-deep eo-tree{padding:var(--app-pane-padding)}:host ::ng-deep eo-object-details{background:var(--panel-background-grey)}"]
@@ -26248,8 +26392,8 @@
     ];
 
     (function (InboxTypesFilter) {
-        InboxTypesFilter["mytasks"] = "mytasks";
-        InboxTypesFilter["opentasks"] = "opentasks";
+        InboxTypesFilter["acceptedTasks"] = "acceptedtasks";
+        InboxTypesFilter["unacceptedTasks"] = "unacceptedtasks";
         InboxTypesFilter["absent"] = "isdeputy";
         InboxTypesFilter["overdue"] = "overdue";
     })(exports.InboxTypesFilter || (exports.InboxTypesFilter = {}));
@@ -26326,15 +26470,17 @@
         };
         InboxStateComponent.prototype.itemFilterFields = function (node, item) {
             var value = node.data[exports.InboxTypesFilter[item]];
+            var acceptedAndUnacceptedCombined = this.inboxFilterFields.find(function (filter) { return filter.id === 'acceptedTasks'; }).value
+                && this.inboxFilterFields.find(function (filter) { return filter.id === 'unacceptedTasks'; }).value;
             switch (exports.InboxTypesFilter[item]) {
                 case exports.InboxTypesFilter.overdue:
                     return node.data.isOverdue();
                 case exports.InboxTypesFilter.absent:
                     return !!value;
-                case exports.InboxTypesFilter.mytasks:
-                    return !(node.data.type === 'BPM' && !node.data.read);
-                case exports.InboxTypesFilter.opentasks:
-                    return (node.data.type === 'BPM' && !node.data.read);
+                case exports.InboxTypesFilter.acceptedTasks:
+                    return acceptedAndUnacceptedCombined ? node.data.type === 'BPM' : node.data.type === 'BPM' && !!node.data.accepted;
+                case exports.InboxTypesFilter.unacceptedTasks:
+                    return acceptedAndUnacceptedCombined ? node.data.type === 'BPM' : node.data.type === 'BPM' && !node.data.accepted;
             }
         };
         InboxStateComponent.prototype.fieldFilters = function () {
@@ -26424,8 +26570,8 @@
     InboxStateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-inbox-state',
-                    template: "<eo-undock-split>\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'inbox.state'\">\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"300\">\n      <ng-template pTemplate=\"content\">\n        <eo-list-container #eoList [applySelection]=\"{out: inboxSelectionId}\">\n          <div class=\"eo-header\">\n\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n            <div class=\"eo-header-info\">\n              <div class=\"eo-header-title\" translate>eo.inbox.list.title</div>\n            </div>\n            <div class=\"eo-header-actions\">\n              <eo-icon class=\"button primary refresh-button\"\n                       [ngClass]=\"{inboxChanged: inboxChanged}\"\n                       (click)=\"cFilter.resetFilter(); 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']\"></eo-text-filter>\n                  <eo-set-filter [operator]=\"'AND'\" [id]=\"'inbox.set'\" [filterParams]=\"defaultFilterParams\" [options]=\"inboxFilterFields\"></eo-set-filter>\n                  <eo-set-filter [operator]=\"'OR'\" [id]=\"'inbox.type'\" [filterParams]=\"defaultFilterParams\" [options]=\"typeFilterFields\"\n                                 [title]=\"'eo.inbox.filter.section.type' | translate\"></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)}"]
+                    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}"]
                 },] }
     ];
     InboxStateComponent.ctorParameters = function () { return [
@@ -26900,18 +27046,18 @@
     exports.ɵ1 = ɵ1;
     exports.ɵa = PendingChangesGuard;
     exports.ɵb = UploadOverlayGuard;
-    exports.ɵba = DownloadOriginalActionComponent;
-    exports.ɵbb = DownloadPdfActionComponent;
-    exports.ɵbc = OpenDocumentActionComponent;
-    exports.ɵbd = EmailActionComponent;
-    exports.ɵbe = EmailLinkActionComponent;
-    exports.ɵbf = EmailOriginalActionComponent;
-    exports.ɵbg = EmailPdfActionComponent;
-    exports.ɵbh = ClipboardActionComponent;
-    exports.ɵbi = ClipboardLinkActionComponent;
-    exports.ɵbj = ClipboardOriginalActionComponent;
-    exports.ɵbk = ClipboardPdfActionComponent;
-    exports.ɵbl = FavoriteActionComponent;
+    exports.ɵba = DownloadActionComponent;
+    exports.ɵbb = DownloadOriginalActionComponent;
+    exports.ɵbc = DownloadPdfActionComponent;
+    exports.ɵbd = OpenDocumentActionComponent;
+    exports.ɵbe = EmailActionComponent;
+    exports.ɵbf = EmailLinkActionComponent;
+    exports.ɵbg = EmailOriginalActionComponent;
+    exports.ɵbh = EmailPdfActionComponent;
+    exports.ɵbi = ClipboardActionComponent;
+    exports.ɵbj = ClipboardLinkActionComponent;
+    exports.ɵbk = ClipboardOriginalActionComponent;
+    exports.ɵbl = ClipboardPdfActionComponent;
     exports.ɵbm = DeleteActionComponent;
     exports.ɵbn = DeleteComponent;
     exports.ɵbo = OpenVersionsActionComponent;
@@ -26931,17 +27077,17 @@
     exports.ɵcb = ShareObjectComponent;
     exports.ɵcc = CutActionComponent;
     exports.ɵcd = FinalizeActionComponent;
-    exports.ɵce = DefinalizeActionComponent;
-    exports.ɵcf = DeleteContentActionComponent;
-    exports.ɵcg = UnlockActionComponent;
-    exports.ɵch = SimpleWorkflowActionComponent;
-    exports.ɵci = PreventDoubleClickDirective;
-    exports.ɵcj = UserAvatarComponent;
-    exports.ɵck = TrapFocusDirective;
-    exports.ɵcl = EditIconComponent;
-    exports.ɵcm = DuetimeInfoComponent;
-    exports.ɵcn = PrepareContentExistsInfoComponent;
-    exports.ɵco = StoredQueryModule;
+    exports.ɵce = FinalizeObjectActionComponent;
+    exports.ɵcf = DefinalizeActionComponent;
+    exports.ɵcg = DeleteContentActionComponent;
+    exports.ɵch = UnlockActionComponent;
+    exports.ɵci = SimpleWorkflowActionComponent;
+    exports.ɵcj = FavoriteActionComponent;
+    exports.ɵck = PreventDoubleClickDirective;
+    exports.ɵcl = UserAvatarComponent;
+    exports.ɵcm = EditIconComponent;
+    exports.ɵcn = DuetimeInfoComponent;
+    exports.ɵco = PrepareContentExistsInfoComponent;
     exports.ɵcp = ObjectStateRoutingModule;
     exports.ɵcq = InboxStateRoutingModule;
     exports.ɵcr = PrepareStateRoutingModule;
@@ -26951,25 +27097,25 @@
     exports.ɵe = PipesModule;
     exports.ɵf = UnsubscribeOnDestroy;
     exports.ɵg = QueryScopeSelectComponent;
-    exports.ɵh = IndexdataSummaryEntryComponent;
-    exports.ɵi = OrderByPipe;
-    exports.ɵj = TreeNodeComponent;
-    exports.ɵk = DatepickerService;
-    exports.ɵl = YearRangeDirective;
-    exports.ɵm = ReferenceFinderComponent;
-    exports.ɵn = fadeInOut;
-    exports.ɵo = ReferenceFinderService;
-    exports.ɵp = ReferenceFinderEntryComponent;
-    exports.ɵq = DynamicListFilterComponent;
-    exports.ɵr = ListFilterComponent;
-    exports.ɵs = PaginationComponent;
-    exports.ɵt = ProcessFormModule;
-    exports.ɵu = ProcessFormComponent;
-    exports.ɵv = ActionComponentAnchorDirective;
-    exports.ɵw = OpenDocumentComponent;
-    exports.ɵx = CopyActionComponent;
-    exports.ɵy = OpenContextActionComponent;
-    exports.ɵz = DownloadActionComponent;
+    exports.ɵh = TrapFocusDirective;
+    exports.ɵi = IndexdataSummaryEntryComponent;
+    exports.ɵj = OrderByPipe;
+    exports.ɵk = TreeNodeComponent;
+    exports.ɵl = DatepickerService;
+    exports.ɵm = YearRangeDirective;
+    exports.ɵn = ReferenceFinderComponent;
+    exports.ɵo = fadeInOut;
+    exports.ɵp = ReferenceFinderService;
+    exports.ɵq = ReferenceFinderEntryComponent;
+    exports.ɵr = DynamicListFilterComponent;
+    exports.ɵs = ListFilterComponent;
+    exports.ɵt = PaginationComponent;
+    exports.ɵu = ProcessFormModule;
+    exports.ɵv = ProcessFormComponent;
+    exports.ɵw = ActionComponentAnchorDirective;
+    exports.ɵx = OpenDocumentComponent;
+    exports.ɵy = CopyActionComponent;
+    exports.ɵz = OpenContextActionComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });