@eo-sdk/client 9.1.0-rc.1 → 9.2.0-rc.2

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;
@@ -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
                     ]
                 },] }
     ];
@@ -6281,7 +6351,7 @@
         // Recursive function walking the tree nodes and setting the nodes `selected` flags
         TreeComponent.prototype.updateTreeNode = function (node, parents) {
             var _this = this;
-            node.selected = !!this.selectedNodes.find(function (n) { return node.id === n.value; });
+            node.selected = !!this.selectedNodes.find(function (n) { return node.id === n.id; });
             node.expanded = this._expandedNodes.length ? !!this._expandedNodes.find(function (id) { return id === node.id; }) : node.expanded;
             node.highlighted = !!this._highlightedNodes.find(function (id) { return id === node.id; });
             node.focused = this.focusedNode && this.focusedNode.id === node.id ? this.focusedNode.focused : false;
@@ -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 [
@@ -9227,7 +9300,7 @@
         };
         StringComponent.prototype.autocompleteFn = function (evt) {
             var _this = this;
-            var uri = "/autocomplete/element?prefix=" + evt.query + "&qname=" + this.qname;
+            var uri = "/autocomplete/element?prefix=" + encodeURIComponent(evt.query) + "&qname=" + this.qname;
             var base = this.backend.getSearchBase();
             this.backend
                 .getJson(uri, base)
@@ -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') ? 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 }]
     };
 
@@ -15461,7 +15543,7 @@
                     "viewer": "viewer/view/api/video/?path=${path}&mimeType=${mimeType}&fileExtension=${fileExtension}&lang=${lang}&theme=${theme}"
                 },
                 {
-                    "mimeType": ["image/jpeg", "image/png", "image/apng", "image/gif", "image/svg+xml", "image/webp"],
+                    "mimeType": ["image/tiff", "image/jpeg", "image/png", "image/apng", "image/gif", "image/svg+xml", "image/webp"],
                     "viewer": "viewer/view/api/img/?path=${path}&mimeType=${mimeType}&fileExtension=${fileExtension}&lang=${lang}&theme=${theme}"
                 },
                 {
@@ -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: []
@@ -16115,6 +16204,7 @@
             _this.showComponent = false;
             _this.showMenu = false;
             _this.loading = false;
+            _this.activeActionIndex = 0;
             // subscribe for visibility observable indicating whether to show or hide the actions
             _this.actionService
                 .actionsShowing$.pipe(operators.takeUntil(_this.componentDestroyed$))
@@ -16160,12 +16250,40 @@
             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.isArrowUpOrDownPressed = function (event) {
+            var key = event.key;
+            var length = this.actionLists.common.length + this.actionLists.further.length - 1;
+            if (key === 'ArrowUp') {
+                this.activeActionIndex = (this.activeActionIndex === 0) ? length : this.activeActionIndex - 1;
+            }
+            else if (key === 'ArrowDown') {
+                this.activeActionIndex = (this.activeActionIndex === length) ? 0 : this.activeActionIndex + 1;
+            }
+            else if (key === 'Enter') {
+                var clickedListEntry = void 0;
+                if (this.activeActionIndex < this.actionLists.common.length) {
+                    clickedListEntry = this.actionLists.common[this.activeActionIndex];
+                }
+                else {
+                    clickedListEntry = this.actionLists.further[this.activeActionIndex - this.actionLists.common.length];
+                }
+                this.onClick(clickedListEntry);
+            }
+        };
         ActionMenuComponent.prototype.showActionMenu = function () {
+            this.activeActionIndex = 0;
             this.getActions();
             if (this.target === 'DMS_OBJECT') {
                 this.getMoreActions();
             }
             this.showMenu = true;
+            this.catchFocus();
         };
         ActionMenuComponent.prototype.hideActionMenu = function () {
             this.clear();
@@ -16207,8 +16325,10 @@
                 this.showActionComponent(extComponentAction.extComponents, this.externalDialog, this.componentFactoryResolver, false);
             }
             else if (isWorkFlowAction) {
-                var extComponentAction = actionListEntry.action;
-                this.showActionComponent(extComponentAction.extComponents, this.externalDialog, this.componentFactoryResolver, false, { executableProcess: extComponentAction.executableProcess });
+                setTimeout(function () {
+                    var extComponentAction = actionListEntry.action;
+                    _this.showActionComponent(extComponentAction.extComponents, _this.externalDialog, _this.componentFactoryResolver, false, { executableProcess: extComponentAction.executableProcess });
+                });
             }
         };
         ActionMenuComponent.prototype.showActionComponent = function (component, viewContRef, factoryResolver, showComponent, inputs) {
@@ -16242,6 +16362,7 @@
         };
         ActionMenuComponent.prototype.onCancel = function () {
             this.clear();
+            this.catchFocus();
         };
         ActionMenuComponent.prototype.onFinish = function () {
             this.hideActionMenu();
@@ -16251,15 +16372,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\" (keydown)=\"isArrowUpOrDownPressed($event)\">\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; let i = index\"\n        (click)=\"onClick(actionListEntry)\" [ngClass]=\"{active: activeActionIndex === i}\">\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\"\n          eoPreventDoubleClick [ngClass]=\"{active: activeActionIndex === i + actionLists?.common.length }\"\n          (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",
                     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 a.link{color:inherit;display:block;opacity:1;text-decoration:none}.action-menu .action.active{background:rgba(var(--color-white-rgb),.1)}.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}"]
                 },] }
     ];
     ActionMenuComponent.ctorParameters = function () { return [
         { type: ActionService },
         { type: i2.Router },
         { type: i0.ViewContainerRef },
+        { type: i0.ElementRef },
         { type: i0.ComponentFactoryResolver }
     ]; };
     ActionMenuComponent.propDecorators = {
@@ -16328,7 +16450,7 @@
             return _this;
         }
         OpenContextActionComponent.prototype.isExecutable = function (item) {
-            var isExecutable = !this.isFolder(item) || (this.isFolder(item) && this.isNotInObjectState());
+            var isExecutable = (!this.isFolder(item) && this.isNotAlreadyOpened(item.id)) || (this.isFolder(item) && this.isNotInObjectState());
             return rxjs.of(isExecutable);
         };
         OpenContextActionComponent.prototype.getParams = function (selection) {
@@ -16350,6 +16472,11 @@
             var disabledStates = ['/object'];
             return !disabledStates.some(function (s) { return _this.router.url.includes(s); });
         };
+        OpenContextActionComponent.prototype.isNotAlreadyOpened = function (id) {
+            var _this = this;
+            var disabledStates = ['/object/' + id];
+            return !disabledStates.some(function (s) { return _this.router.url.includes(s); });
+        };
         return OpenContextActionComponent;
     }(DmsObjectTarget));
     OpenContextActionComponent.decorators = [
@@ -17008,13 +17135,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 +17193,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 +17219,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 +17230,7 @@
         { type: i2.Router },
         { type: i1.CapabilitiesService },
         { type: i1.DmsService },
+        { type: i0.ElementRef },
         { type: i1.EventService }
     ]; };
     DeleteComponent.propDecorators = {
@@ -17301,6 +17436,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 +17478,9 @@
                     ]
                 };
             }
+            setTimeout(function () {
+                _this.titleField.nativeElement.getElementsByTagName('input')[0].select();
+            });
         };
         Object.defineProperty(AddSubscriptionComponent.prototype, "titleValidity", {
             get: function () {
@@ -17395,7 +17534,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 +17547,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 +17818,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 +17845,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 +17936,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 +17954,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'));
+                this.toast.success(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.success(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.success(_this.translate.instant('eo.manage.rights.message.notshared'));
+                _this.finished.emit();
+            });
+        };
         ShareObjectComponent.prototype.cancel = function () {
             this.canceled.emit();
         };
@@ -17847,14 +18019,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 +18110,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 +18158,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 +18167,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 [
@@ -18016,18 +18224,76 @@
         { type: i1.DmsService }
     ]; };
 
+    var DeleteContentComponent = /** @class */ (function () {
+        function DeleteContentComponent(translate, backend, toast, router, capabilitiesService, dmsService, elemRef) {
+            this.translate = translate;
+            this.backend = backend;
+            this.toast = toast;
+            this.router = router;
+            this.capabilitiesService = capabilitiesService;
+            this.dmsService = dmsService;
+            this.elemRef = elemRef;
+            this.deleting = false;
+            this.finished = new i0.EventEmitter();
+            this.canceled = new i0.EventEmitter();
+        }
+        DeleteContentComponent.prototype.run = function () {
+            var _this = this;
+            this.deleting = true;
+            this.selection.forEach(function (item) {
+                _this.dmsService.removeContent(item).subscribe(function () {
+                    _this.toast.success(item.title, _this.translate.instant('eo.action.delete.content.success'));
+                    _this.finished.emit();
+                }, function () {
+                    _this.toast.error(item.title, _this.translate.instant('eo.action.delete.content.error'));
+                    _this.finished.emit();
+                });
+            });
+        };
+        DeleteContentComponent.prototype.cancel = function () {
+            this.canceled.emit();
+        };
+        DeleteContentComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.elemRef.nativeElement.querySelector('.primary').focus();
+            });
+        };
+        return DeleteContentComponent;
+    }());
+    DeleteContentComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'eo-delete-content',
+                    template: "<div class=\"eo-delete\" eoTrapFocus>\n\n  <h2 translate [translateParams]=\"{item: selection[0].title}\">eo.action.delete.content.confirm.message</h2>\n\n  <div *ngIf=\"!deleting\">\n    <div class=\"form-buttons\">\n      <button (click)=\"cancel()\" translate>eo.checkout.cancel</button>\n      <button 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}"]
+                },] }
+    ];
+    DeleteContentComponent.ctorParameters = function () { return [
+        { type: i1.TranslateService },
+        { type: i1.BackendService },
+        { type: i1.NotificationsService },
+        { type: i2.Router },
+        { type: i1.CapabilitiesService },
+        { type: i1.DmsService },
+        { type: i0.ElementRef }
+    ]; };
+    DeleteContentComponent.propDecorators = {
+        selection: [{ type: i0.Input }],
+        finished: [{ type: i0.Output }],
+        canceled: [{ type: i0.Output }]
+    };
+
     var DeleteContentActionComponent = /** @class */ (function (_super) {
         __extends(DeleteContentActionComponent, _super);
-        function DeleteContentActionComponent(router, translate, dms, notificationService) {
+        function DeleteContentActionComponent(router, translate) {
             var _this = _super.call(this) || this;
             _this.router = router;
             _this.translate = translate;
-            _this.dms = dms;
-            _this.notificationService = notificationService;
             _this.priority = 8.1;
             _this.iconSrc = 'assets/_default/svg/ic_delete_sweep.svg';
             _this.group = 'common';
             _this.range = exports.SelectionRange.MULTI_SELECT;
+            _this.component = DeleteContentComponent;
             _this.label = _this.translate.instant('eo.action.delete.content.label');
             _this.description = _this.translate.instant('eo.action.delete.content.description');
             return _this;
@@ -18037,16 +18303,6 @@
             var hasContent = item.content && item.content.id === item.id;
             return rxjs.of(this.isAllowedState() && !item.isFinalized && hasContent && item.rights.edit && !isLocked && item.type.minFiles === 0);
         };
-        DeleteContentActionComponent.prototype.run = function (selection) {
-            var _this = this;
-            selection.forEach(function (item) {
-                _this.dms.removeContent(item).subscribe(function () {
-                    _this.notificationService.success(item.title, _this.translate.instant('eo.action.delete.content.success'));
-                }, function () {
-                    _this.notificationService.error(item.title, _this.translate.instant('eo.action.delete.content.error'));
-                });
-            });
-        };
         DeleteContentActionComponent.prototype.isAllowedState = function () {
             var _this = this;
             var disabledStates = ['/versions'];
@@ -18062,9 +18318,7 @@
     ];
     DeleteContentActionComponent.ctorParameters = function () { return [
         { type: i2.Router },
-        { type: i1.TranslateService },
-        { type: i1.DmsService },
-        { type: i1.NotificationsService }
+        { type: i1.TranslateService }
     ]; };
 
     var UnlockActionComponent = /** @class */ (function (_super) {
@@ -18197,7 +18451,9 @@
         ShareObjectComponent,
         CutActionComponent,
         FinalizeActionComponent,
+        FinalizeObjectActionComponent,
         DefinalizeActionComponent,
+        DeleteContentComponent,
         DeleteContentActionComponent,
         UnlockActionComponent,
         SimpleWorkflowActionComponent
@@ -18289,7 +18545,9 @@
                         ShareObjectComponent,
                         CutActionComponent,
                         FinalizeActionComponent,
+                        FinalizeObjectActionComponent,
                         DefinalizeActionComponent,
+                        DeleteContentComponent,
                         DeleteContentActionComponent,
                         UnlockActionComponent,
                         SimpleWorkflowActionComponent,
@@ -18369,74 +18627,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.
      */
@@ -18474,7 +18664,6 @@
                         AppLayoutComponent,
                         ContextSearchComponent,
                         AppProcessComponent,
-                        TrapFocusDirective,
                     ]
                 },] }
     ];
@@ -19815,12 +20004,6 @@
                 },] }
     ];
 
-    (function (TypeFilter) {
-        TypeFilter["favored"] = "favorite";
-        TypeFilter["shared"] = "roles";
-        TypeFilter["others"] = "others";
-    })(exports.TypeFilter || (exports.TypeFilter = {}));
-
     var ResultListModule = /** @class */ (function () {
         function ResultListModule() {
         }
@@ -24111,6 +24294,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) {
@@ -24233,9 +24422,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) {
@@ -24862,10 +25049,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.1.0-rc.1", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
+            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "9.2.0-rc.2", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
             this.ctrl = {
                 componentName: 'yuuvis® RAD client',
-                componentVersion: '9.1.0-rc.1',
+                componentVersion: '9.2.0-rc.2',
                 productName: '',
                 productVersion: ''
             };
@@ -26222,7 +26409,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)}"]
@@ -26282,8 +26469,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 = {}));
@@ -26360,15 +26547,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 () {
@@ -26458,8 +26647,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 [
@@ -26934,76 +27123,77 @@
     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 = DeleteActionComponent;
-    exports.ɵbm = DeleteComponent;
-    exports.ɵbn = OpenVersionsActionComponent;
-    exports.ɵbo = RestoreVersionActionComponent;
-    exports.ɵbp = DeletePreparedActionComponent;
-    exports.ɵbq = AddSubscriptionActionComponent;
-    exports.ɵbr = AddSubscriptionComponent;
-    exports.ɵbs = RemoveSubscriptionActionComponent;
-    exports.ɵbt = WorkflowActionComponent;
-    exports.ɵbu = WorkflowComponent;
-    exports.ɵbv = CustomActionsComponent;
-    exports.ɵbw = AddResubmissionActionComponent;
-    exports.ɵbx = AddResubmissionComponent;
-    exports.ɵby = UpdateResubmissionActionComponent;
-    exports.ɵbz = ShareObjectActionComponent;
+    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;
+    exports.ɵbp = RestoreVersionActionComponent;
+    exports.ɵbq = DeletePreparedActionComponent;
+    exports.ɵbr = AddSubscriptionActionComponent;
+    exports.ɵbs = AddSubscriptionComponent;
+    exports.ɵbt = RemoveSubscriptionActionComponent;
+    exports.ɵbu = WorkflowActionComponent;
+    exports.ɵbv = WorkflowComponent;
+    exports.ɵbw = CustomActionsComponent;
+    exports.ɵbx = AddResubmissionActionComponent;
+    exports.ɵby = AddResubmissionComponent;
+    exports.ɵbz = UpdateResubmissionActionComponent;
     exports.ɵc = AppShellRoutingModule;
-    exports.ɵca = ShareObjectComponent;
-    exports.ɵcb = CutActionComponent;
-    exports.ɵcc = FinalizeActionComponent;
-    exports.ɵcd = DefinalizeActionComponent;
-    exports.ɵce = DeleteContentActionComponent;
-    exports.ɵcf = UnlockActionComponent;
-    exports.ɵcg = SimpleWorkflowActionComponent;
-    exports.ɵch = FavoriteActionComponent;
-    exports.ɵci = PreventDoubleClickDirective;
-    exports.ɵcj = UserAvatarComponent;
-    exports.ɵck = TrapFocusDirective;
-    exports.ɵcl = EditIconComponent;
-    exports.ɵcm = DuetimeInfoComponent;
-    exports.ɵcn = PrepareContentExistsInfoComponent;
-    exports.ɵco = StoredQueryModule;
-    exports.ɵcp = ObjectStateRoutingModule;
-    exports.ɵcq = InboxStateRoutingModule;
-    exports.ɵcr = PrepareStateRoutingModule;
-    exports.ɵcs = EoClientRoutingModule;
-    exports.ɵct = ProcessStateComponent;
+    exports.ɵca = ShareObjectActionComponent;
+    exports.ɵcb = ShareObjectComponent;
+    exports.ɵcc = CutActionComponent;
+    exports.ɵcd = FinalizeActionComponent;
+    exports.ɵce = FinalizeObjectActionComponent;
+    exports.ɵcf = DefinalizeActionComponent;
+    exports.ɵcg = DeleteContentComponent;
+    exports.ɵch = DeleteContentActionComponent;
+    exports.ɵci = UnlockActionComponent;
+    exports.ɵcj = SimpleWorkflowActionComponent;
+    exports.ɵck = FavoriteActionComponent;
+    exports.ɵcl = PreventDoubleClickDirective;
+    exports.ɵcm = UserAvatarComponent;
+    exports.ɵcn = EditIconComponent;
+    exports.ɵco = DuetimeInfoComponent;
+    exports.ɵcp = PrepareContentExistsInfoComponent;
+    exports.ɵcq = ObjectStateRoutingModule;
+    exports.ɵcr = InboxStateRoutingModule;
+    exports.ɵcs = PrepareStateRoutingModule;
+    exports.ɵct = EoClientRoutingModule;
+    exports.ɵcu = ProcessStateComponent;
     exports.ɵd = AppProcessComponent;
     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 });