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

package/fesm2015/eo-sdk-client.js

@@ -24,6 +24,7 @@ import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-mod
 import { CsvExportModule } from '@ag-grid-community/csv-export';
 import { __decorate } from 'tslib';
 import { transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
+import { TranslateService as TranslateService$1 } from '@ngx-translate/core';
 
 /**
  * AppSearchService is the apps main entry point for searching (used by the appBarSearch component).
@@ -3855,6 +3856,73 @@ QueryScopeSelectComponent.propDecorators = {
     select: [{ type: 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.
+ */
+class TrapFocusDirective {
+    constructor(el) {
+        this.el = el;
+        this.focusableSelectors = 'a[href], button, textarea, input[type="text"],' +
+            'input[type="radio"], input[type="checkbox"], select, [focusable]';
+    }
+    ngAfterViewInit() {
+        this.trapFocus(this.el.nativeElement);
+    }
+    trapFocus(element) {
+        let focusableElements = element.querySelectorAll(this.focusableSelectors);
+        focusableElements = Array.from(focusableElements)
+            .filter((el) => !el.disabled && !el.classList.contains('disabled'));
+        const firstFocusableElement = focusableElements[0];
+        const lastFocusableElement = focusableElements[focusableElements.length - 1];
+        element.addEventListener('keydown', ((event) => {
+            const 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();
+                }
+            }
+        }));
+    }
+    isArrowUpOrDownPressed(event) {
+        const key = event.key;
+        if (key === 'ArrowUp' || key === 'ArrowDown') {
+            event.preventDefault();
+            let focusableElements = this.el.nativeElement.parentElement.querySelectorAll(this.focusableSelectors);
+            const 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();
+            }
+        }
+    }
+}
+TrapFocusDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[eoTrapFocus]'
+            },] }
+];
+TrapFocusDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+TrapFocusDirective.propDecorators = {
+    isArrowUpOrDownPressed: [{ type: HostListener, args: ['keydown', ['$event'],] }]
+};
+
 /**
  * Shared module for all ui components that are used across the whole app
  * and in other components.
@@ -3893,7 +3961,8 @@ UiModule.decorators = [
                     OverlayComponent,
                     ErrorMessageComponent,
                     EoDialogComponent,
-                    QueryScopeSelectComponent
+                    QueryScopeSelectComponent,
+                    TrapFocusDirective,
                 ],
                 declarations: [
                     EoIconComponent,
@@ -3908,7 +3977,8 @@ UiModule.decorators = [
                     ErrorMessageComponent,
                     EoDialogComponent,
                     IndexdataSummaryEntryComponent,
-                    QueryScopeSelectComponent
+                    QueryScopeSelectComponent,
+                    TrapFocusDirective
                 ]
             },] }
 ];
@@ -5565,7 +5635,7 @@ class TreeComponent {
     }
     // Recursive function walking the tree nodes and setting the nodes `selected` flags
     updateTreeNode(node, parents) {
-        node.selected = !!this.selectedNodes.find(n => node.id === n.value);
+        node.selected = !!this.selectedNodes.find(n => node.id === n.id);
         node.expanded = this._expandedNodes.length ? !!this._expandedNodes.find(id => id === node.id) : node.expanded;
         node.highlighted = !!this._highlightedNodes.find(id => id === node.id);
         node.focused = this.focusedNode && this.focusedNode.id === node.id ? this.focusedNode.focused : false;
@@ -7833,6 +7903,9 @@ class OrganizationComponent {
             this.innerValue = Array.isArray(dM) ? dM : [dM];
         }
     }
+    ngAfterViewInit() {
+        this.autoCompleteInput.focusInput();
+    }
     validate() {
         return null;
     }
@@ -7957,7 +8030,7 @@ OrganizationComponent.decorators = [
                         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 = () => [
@@ -8262,7 +8335,7 @@ class StringComponent {
         return false;
     }
     autocompleteFn(evt) {
-        const uri = `/autocomplete/element?prefix=${evt.query}&qname=${this.qname}`;
+        const uri = `/autocomplete/element?prefix=${encodeURIComponent(evt.query)}&qname=${this.qname}`;
         const base = this.backend.getSearchBase();
         this.backend
             .getJson(uri, base)
@@ -11838,7 +11911,7 @@ class OrganizationFilterComponent extends OrganizationComponent {
         super(backend, translate, systemService);
         this.params = {};
         this.multiselect = true;
-        this.placeholder = translate.instant('eo.resultlist.grid.filterOoo');
+        this.placeholder = translate.instant('eo.filter.input.placeholder');
     }
     onValueChange() {
         if (!this.params.filterParams || !this.params.filterParams.applyButton) {
@@ -11885,7 +11958,7 @@ OrganizationFilterComponent.decorators = [
     { type: 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 = () => [
@@ -11901,7 +11974,7 @@ class CodesystemFilterComponent extends CodesystemComponent {
         this.params = {};
         this.multiselect = true;
         this.situation = 'SEARCH';
-        this.placeholder = translate.instant('eo.resultlist.grid.filterOoo');
+        this.placeholder = translate.instant('eo.filter.input.placeholder');
     }
     onValueChange() {
         if (!this.params.filterParams || !this.params.filterParams.applyButton) {
@@ -11986,7 +12059,6 @@ class DynamicListFilterComponent extends DynamicListComponent {
         this.params = {};
         this.multiselect = true;
         this.situation = 'SEARCH';
-        // this.placeholder = translate.instant('eo.resultlist.grid.filterOoo');
     }
     onValueChange() {
         if (!this.params.filterParams || !this.params.filterParams.applyButton) {
@@ -12173,12 +12245,10 @@ class SetFilterComponent extends AbstractFilterComponent {
         this.title = '';
         this.searchLimit = 10;
         this.operator = 'OR'; // AND | OR
-        this.selectedAllFilters = false;
         this.id = '#set';
     }
     set options(opts) {
         this._options = this.defaultValue ? opts || [] : this.settingsService.setupSettings(this.id, opts);
-        this.selectedAllFilters = this.options.every(opt => opt.value);
         if (this.options && this.params && this.isFilterActive()) {
             setTimeout(() => this.params.filterChangedCallback(), 0);
         }
@@ -12224,7 +12294,7 @@ class SetFilterComponent extends AbstractFilterComponent {
 SetFilterComponent.decorators = [
     { type: 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}"]
             },] }
 ];
@@ -12244,7 +12314,6 @@ class ListFilterComponent extends SetFilterComponent {
         this.gridApi = gridApi;
         this.params = {};
         this.operator = 'OR';
-        // this.placeholder = translate.instant('eo.resultlist.grid.filterOoo');
     }
     onValueChange() {
         this.value = this.isFilterActive() ? [''].concat(this.options.filter(o => o.value).map(o => o.val)) : null;
@@ -12280,7 +12349,7 @@ class ListFilterComponent extends SetFilterComponent {
 ListFilterComponent.decorators = [
     { type: 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}"]
             },] }
 ];
@@ -12912,7 +12981,7 @@ QuickFilterComponent.decorators = [
       </label>
       <eo-form-input>
         <input (keyup)="eoGrid.onQuickFilterChanged($event)" class="qInput" [style.border]="'none'"
-               placeholder="{{'eo.resultlist.grid.filterOoo' | translate}}"/>
+               placeholder="{{'eo.filter.input.placeholder' | translate}}"/>
       </eo-form-input>
     </div>
   `
@@ -12998,15 +13067,18 @@ CustomSortComponent.propDecorators = {
 };
 
 class TextFilterComponent extends AbstractFilterComponent {
-    constructor(settingsService, storageService) {
+    constructor(settingsService, storageService, userService) {
         super();
         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();
     }
     set matchFields(fields) {
         this.valueGetter = (rowNode) => fields.map(f => Utils.getProperty(rowNode.data, f)).join('\n');
@@ -13034,13 +13106,24 @@ class TextFilterComponent extends AbstractFilterComponent {
     }
     focusout() {
         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);
+    }
+    getSavedFilters() {
+        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') : [];
+        }
+    }
+    saveFilter(term) {
+        if (!this.savedFilters.includes(term)) {
+            this.savedFilters.push(term);
+            this.userService.changeSavedInboxFilters(this.savedFilters).subscribe();
+        }
+    }
+    removeFilter(term) {
+        this.savedFilters = this.savedFilters.filter(t => t !== term);
+        this.userService.changeSavedInboxFilters(this.savedFilters).subscribe();
     }
     focus() {
         if (!this.focused) {
@@ -13049,24 +13132,23 @@ class TextFilterComponent extends AbstractFilterComponent {
             setTimeout(() => { document.execCommand('selectall', false, null); });
         }
     }
-    autocompleteFn(evt) {
-        this.autocompleteRes = this.storageService.getItem('eo.inbox.filter.suggestions') || [];
-    }
 }
 TextFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-text-filter',
-                template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n</header>\n<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 = () => [
     { type: ListSettingsService },
-    { type: LocalStorageService }
+    { type: LocalStorageService },
+    { type: UserService }
 ];
 TextFilterComponent.propDecorators = {
     title: [{ type: Input }],
     placeholder: [{ type: Input }],
+    enableSave: [{ type: Input }],
     matchFields: [{ type: Input }]
 };
 
@@ -13939,7 +14021,7 @@ class MediaComponent extends UnsubscribeOnDestroy {
                 "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}"
             },
             {
@@ -14494,6 +14576,11 @@ class PreventDoubleClickDirective {
         event.stopPropagation();
         this.clicks.next(event);
     }
+    onkeyDown(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.clicks.next(event);
+    }
 }
 PreventDoubleClickDirective.decorators = [
     { type: Directive, args: [{
@@ -14504,7 +14591,8 @@ PreventDoubleClickDirective.ctorParameters = () => [];
 PreventDoubleClickDirective.propDecorators = {
     debounceTime: [{ type: Input }],
     debounceClick: [{ type: Output }],
-    clickEvent: [{ type: HostListener, args: ['click', ['$event'],] }]
+    clickEvent: [{ type: HostListener, args: ['click', ['$event'],] }],
+    onkeyDown: [{ type: HostListener, args: ['keydown.enter', ['$event'],] }]
 };
 
 class ActionComponentAnchorDirective {
@@ -14522,11 +14610,12 @@ ActionComponentAnchorDirective.ctorParameters = () => [
 ];
 
 class ActionMenuComponent extends UnsubscribeOnDestroy {
-    constructor(actionService, router, viewContainerRef, componentFactoryResolver) {
+    constructor(actionService, router, viewContainerRef, elemRef, componentFactoryResolver) {
         super();
         this.actionService = actionService;
         this.router = router;
         this.viewContainerRef = viewContainerRef;
+        this.elemRef = elemRef;
         this.componentFactoryResolver = componentFactoryResolver;
         this.actionLists = {
             common: [], further: []
@@ -14535,6 +14624,7 @@ class ActionMenuComponent extends UnsubscribeOnDestroy {
         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(takeUntil(this.componentDestroyed$))
@@ -14577,12 +14667,39 @@ class ActionMenuComponent extends UnsubscribeOnDestroy {
         event.preventDefault();
         this.actionDescription = i === this.actionDescription ? null : i;
     }
+    catchFocus() {
+        setTimeout(() => {
+            this.elemRef.nativeElement.querySelector('[tabindex="0"]').focus();
+        });
+    }
+    isArrowUpOrDownPressed(event) {
+        const key = event.key;
+        let 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') {
+            let clickedListEntry;
+            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);
+        }
+    }
     showActionMenu() {
+        this.activeActionIndex = 0;
         this.getActions();
         if (this.target === 'DMS_OBJECT') {
             this.getMoreActions();
         }
         this.showMenu = true;
+        this.catchFocus();
     }
     hideActionMenu() {
         this.clear();
@@ -14623,8 +14740,10 @@ class ActionMenuComponent extends UnsubscribeOnDestroy {
             this.showActionComponent(extComponentAction.extComponents, this.externalDialog, this.componentFactoryResolver, false);
         }
         else if (isWorkFlowAction) {
-            const extComponentAction = actionListEntry.action;
-            this.showActionComponent(extComponentAction.extComponents, this.externalDialog, this.componentFactoryResolver, false, { executableProcess: extComponentAction.executableProcess });
+            setTimeout(() => {
+                const extComponentAction = actionListEntry.action;
+                this.showActionComponent(extComponentAction.extComponents, this.externalDialog, this.componentFactoryResolver, false, { executableProcess: extComponentAction.executableProcess });
+            });
         }
     }
     showActionComponent(component, viewContRef, factoryResolver, showComponent, inputs) {
@@ -14657,6 +14776,7 @@ class ActionMenuComponent extends UnsubscribeOnDestroy {
     }
     onCancel() {
         this.clear();
+        this.catchFocus();
     }
     onFinish() {
         this.hideActionMenu();
@@ -14665,15 +14785,16 @@ class ActionMenuComponent extends UnsubscribeOnDestroy {
 ActionMenuComponent.decorators = [
     { type: 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: 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 = () => [
     { type: ActionService },
     { type: Router },
     { type: ViewContainerRef },
+    { type: ElementRef },
     { type: ComponentFactoryResolver }
 ];
 ActionMenuComponent.propDecorators = {
@@ -14736,7 +14857,7 @@ class OpenContextActionComponent extends DmsObjectTarget {
         this.description = this.translate.instant('eo.shortcuts.action.open.context.description');
     }
     isExecutable(item) {
-        const isExecutable = !this.isFolder(item) || (this.isFolder(item) && this.isNotInObjectState());
+        const isExecutable = (!this.isFolder(item) && this.isNotAlreadyOpened(item.id)) || (this.isFolder(item) && this.isNotInObjectState());
         return of(isExecutable);
     }
     getParams(selection) {
@@ -14757,6 +14878,10 @@ class OpenContextActionComponent extends DmsObjectTarget {
         const disabledStates = ['/object'];
         return !disabledStates.some(s => this.router.url.includes(s));
     }
+    isNotAlreadyOpened(id) {
+        const disabledStates = ['/object/' + id];
+        return !disabledStates.some(s => this.router.url.includes(s));
+    }
 }
 OpenContextActionComponent.decorators = [
     { type: Component, args: [{
@@ -15369,13 +15494,14 @@ FavoriteActionComponent.ctorParameters = () => [
 ];
 
 class DeleteComponent {
-    constructor(translate, backend, toast, router, capabilitiesService, dmsService, eventService) {
+    constructor(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 = '';
@@ -15424,6 +15550,11 @@ class DeleteComponent {
     isExpired(dateString) {
         return new Date(dateString).setHours(0, 0, 0, 0) < new Date().setHours(0, 0, 0, 0);
     }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.elemRef.nativeElement.querySelector('.primary').focus();
+        });
+    }
     ngOnInit() {
         if (this.selection[0].isContextFolder) {
             this.folder = this.selection[0].title;
@@ -15442,7 +15573,7 @@ class DeleteComponent {
 DeleteComponent.decorators = [
     { type: 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}"]
             },] }
 ];
@@ -15453,6 +15584,7 @@ DeleteComponent.ctorParameters = () => [
     { type: Router },
     { type: CapabilitiesService },
     { type: DmsService },
+    { type: ElementRef },
     { type: EventService }
 ];
 DeleteComponent.propDecorators = {
@@ -15677,6 +15809,9 @@ class AddSubscriptionComponent {
                 ]
             };
         }
+        setTimeout(() => {
+            this.titleField.nativeElement.getElementsByTagName('input')[0].select();
+        });
     }
     get titleValidity() {
         return this.addSubscriptionForm.get('titleFieldFCN').invalid;
@@ -15724,7 +15859,7 @@ class AddSubscriptionComponent {
 AddSubscriptionComponent.decorators = [
     { type: 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)}"]
             },] }
 ];
@@ -15737,7 +15872,8 @@ AddSubscriptionComponent.ctorParameters = () => [
 AddSubscriptionComponent.propDecorators = {
     selection: [{ type: Input }],
     finished: [{ type: Output }],
-    canceled: [{ type: Output }]
+    canceled: [{ type: Output }],
+    titleField: [{ type: ViewChild, args: ['titleField', { static: true },] }]
 };
 
 class AddSubscriptionActionComponent extends DmsObjectTarget {
@@ -15984,12 +16120,15 @@ class AddResubmissionComponent {
         this.inboxCbLabel = this.translate.instant('eo.resubmission.field.notification.inbox');
         this.emailCbLabel = this.translate.instant('eo.resubmission.field.notification.email');
         this.createResubmissionForm();
+        setTimeout(() => {
+            this.titleField.nativeElement.getElementsByTagName('input')[0].select();
+        });
     }
 }
 AddResubmissionComponent.decorators = [
     { type: 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)}"]
             },] }
 ];
@@ -16001,6 +16140,7 @@ AddResubmissionComponent.ctorParameters = () => [
 ];
 AddResubmissionComponent.propDecorators = {
     selection: [{ type: Input }],
+    titleField: [{ type: ViewChild, args: ['titleField', { static: true },] }],
     finished: [{ type: Output }],
     canceled: [{ type: Output }]
 };
@@ -16084,10 +16224,11 @@ UpdateResubmissionActionComponent.ctorParameters = () => [
 ];
 
 class ShareObjectComponent {
-    constructor(translate, dms, toast) {
+    constructor(translate, dms, toast, elemRef) {
         this.translate = translate;
         this.dms = dms;
         this.toast = toast;
+        this.elemRef = elemRef;
         this.finished = new EventEmitter();
         this.canceled = new EventEmitter();
         this.dataMeta = [];
@@ -16101,35 +16242,60 @@ class ShareObjectComponent {
     }
     ngOnInit() {
         let orgaValue = [];
-        const shareChildren = this.selection[0].shares[0] ? this.selection[0].shares[0].sharechildren : true;
-        this.includeChildrenField.setValue(shareChildren);
+        let 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(avObject => {
-            orgaValue.push(avObject.name);
+        this.selection[0].shares.forEach(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);
     }
     shareMessage() {
+        let shared = '';
+        let 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(val => 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(val => this.toast.success(val));
     }
     save() {
-        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(() => {
             this.shareMessage();
             this.finished.emit();
         });
     }
+    stop() {
+        this.objectId = this.selection[0].id;
+        this.dms.setOrganizationObjectsWithReadRights(this.selection, this.objectId, [], [])
+            .subscribe(() => {
+            this.toast.success(this.translate.instant('eo.manage.rights.message.notshared'));
+            this.finished.emit();
+        });
+    }
     cancel() {
         this.canceled.emit();
     }
@@ -16137,14 +16303,15 @@ class ShareObjectComponent {
 ShareObjectComponent.decorators = [
     { type: 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 = () => [
     { type: TranslateService },
     { type: DmsService },
-    { type: NotificationsService }
+    { type: NotificationsService },
+    { type: ElementRef }
 ];
 
 class ShareObjectActionComponent extends DmsObjectTarget {
@@ -16220,6 +16387,43 @@ CutActionComponent.ctorParameters = () => [
     { type: ActionService }
 ];
 
+class FinalizeObjectActionComponent {
+    constructor(elemRef, dmsService) {
+        this.elemRef = elemRef;
+        this.dmsService = dmsService;
+        this.finished = new EventEmitter();
+        this.canceled = new EventEmitter();
+    }
+    onClick() {
+        this.dmsService.finalize(this.selection[0]).subscribe();
+        this.finished.emit();
+    }
+    cancel() {
+        this.canceled.emit();
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.elemRef.nativeElement.querySelector('.primary').focus();
+        });
+    }
+}
+FinalizeObjectActionComponent.decorators = [
+    { type: 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 = () => [
+    { type: ElementRef },
+    { type: DmsService }
+];
+FinalizeObjectActionComponent.propDecorators = {
+    selection: [{ type: Input }],
+    finished: [{ type: Output }],
+    canceled: [{ type: Output }]
+};
+
 class FinalizeActionComponent extends DmsObjectTarget {
     constructor(translate, dmsService) {
         super();
@@ -16228,26 +16432,23 @@ class FinalizeActionComponent extends DmsObjectTarget {
         this.priority = 13;
         this.iconSrc = 'assets/_default/svg/ic_finalized.svg';
         this.group = 'common';
-        this.range = SelectionRange.MULTI_SELECT;
+        this.range = SelectionRange.SINGLE_SELECT;
+        this.component = FinalizeObjectActionComponent;
         this.label = this.translate.instant('eo.action.finalize.label');
         this.description = this.translate.instant('eo.action.finalize.description');
     }
     isExecutable(item) {
         return of((item.rights && item.rights.finalize) && !item.lock && !item.isFinalized && !window.location.href.includes('/versions'));
     }
-    ;
-    run(selection) {
-        if (confirm(this.translate.instant('eo.action.finalize.confirm'))) {
-            selection.forEach(item => {
-                this.dmsService.finalize(item).subscribe();
-            });
-        }
-    }
 }
+FinalizeActionComponent.ɵprov = ɵɵdefineInjectable({ factory: function FinalizeActionComponent_Factory() { return new FinalizeActionComponent(ɵɵinject(TranslateService$1), ɵɵinject(DmsService)); }, token: FinalizeActionComponent, providedIn: "root" });
 FinalizeActionComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-finalize-action',
                 template: ``
+            },] },
+    { type: Injectable, args: [{
+                providedIn: 'root'
             },] }
 ];
 FinalizeActionComponent.ctorParameters = () => [
@@ -16291,17 +16492,72 @@ DefinalizeActionComponent.ctorParameters = () => [
     { type: DmsService }
 ];
 
+class DeleteContentComponent {
+    constructor(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 EventEmitter();
+        this.canceled = new EventEmitter();
+    }
+    run() {
+        this.deleting = true;
+        this.selection.forEach(item => {
+            this.dmsService.removeContent(item).subscribe(() => {
+                this.toast.success(item.title, this.translate.instant('eo.action.delete.content.success'));
+                this.finished.emit();
+            }, () => {
+                this.toast.error(item.title, this.translate.instant('eo.action.delete.content.error'));
+                this.finished.emit();
+            });
+        });
+    }
+    cancel() {
+        this.canceled.emit();
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.elemRef.nativeElement.querySelector('.primary').focus();
+        });
+    }
+}
+DeleteContentComponent.decorators = [
+    { type: 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 = () => [
+    { type: TranslateService },
+    { type: BackendService },
+    { type: NotificationsService },
+    { type: Router },
+    { type: CapabilitiesService },
+    { type: DmsService },
+    { type: ElementRef }
+];
+DeleteContentComponent.propDecorators = {
+    selection: [{ type: Input }],
+    finished: [{ type: Output }],
+    canceled: [{ type: Output }]
+};
+
 class DeleteContentActionComponent extends DmsObjectTarget {
-    constructor(router, translate, dms, notificationService) {
+    constructor(router, translate) {
         super();
         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 = 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');
     }
@@ -16310,15 +16566,6 @@ class DeleteContentActionComponent extends DmsObjectTarget {
         const hasContent = item.content && item.content.id === item.id;
         return of(this.isAllowedState() && !item.isFinalized && hasContent && item.rights.edit && !isLocked && item.type.minFiles === 0);
     }
-    run(selection) {
-        selection.forEach(item => {
-            this.dms.removeContent(item).subscribe(() => {
-                this.notificationService.success(item.title, this.translate.instant('eo.action.delete.content.success'));
-            }, () => {
-                this.notificationService.error(item.title, this.translate.instant('eo.action.delete.content.error'));
-            });
-        });
-    }
     isAllowedState() {
         const disabledStates = ['/versions'];
         return !disabledStates.some(s => this.router.url.startsWith(s));
@@ -16332,9 +16579,7 @@ DeleteContentActionComponent.decorators = [
 ];
 DeleteContentActionComponent.ctorParameters = () => [
     { type: Router },
-    { type: TranslateService },
-    { type: DmsService },
-    { type: NotificationsService }
+    { type: TranslateService }
 ];
 
 class UnlockActionComponent extends DmsObjectTarget {
@@ -16459,7 +16704,9 @@ const entryComponents = [
     ShareObjectComponent,
     CutActionComponent,
     FinalizeActionComponent,
+    FinalizeObjectActionComponent,
     DefinalizeActionComponent,
+    DeleteContentComponent,
     DeleteContentActionComponent,
     UnlockActionComponent,
     SimpleWorkflowActionComponent
@@ -16547,7 +16794,9 @@ ActionModule.decorators = [
                     ShareObjectComponent,
                     CutActionComponent,
                     FinalizeActionComponent,
+                    FinalizeObjectActionComponent,
                     DefinalizeActionComponent,
+                    DeleteContentComponent,
                     DeleteContentActionComponent,
                     UnlockActionComponent,
                     SimpleWorkflowActionComponent,
@@ -16618,73 +16867,6 @@ AppLayoutComponent.propDecorators = {
     undockArea: [{ type: 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.
- */
-class TrapFocusDirective {
-    constructor(el) {
-        this.el = el;
-        this.focusableSelectors = 'a[href], button, textarea, input[type="text"],' +
-            'input[type="radio"], input[type="checkbox"], select, [focusable]';
-    }
-    ngAfterViewInit() {
-        this.trapFocus(this.el.nativeElement);
-    }
-    trapFocus(element) {
-        let focusableElements = element.querySelectorAll(this.focusableSelectors);
-        focusableElements = Array.from(focusableElements)
-            .filter((el) => !el.disabled && !el.classList.contains('disabled'));
-        const firstFocusableElement = focusableElements[0];
-        const lastFocusableElement = focusableElements[focusableElements.length - 1];
-        element.addEventListener('keydown', ((event) => {
-            const 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();
-                }
-            }
-        }));
-    }
-    isArrowUpOrDownPressed(event) {
-        const key = event.key;
-        if (key === 'ArrowUp' || key === 'ArrowDown') {
-            event.preventDefault();
-            let focusableElements = this.el.nativeElement.parentElement.querySelectorAll(this.focusableSelectors);
-            const 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();
-            }
-        }
-    }
-}
-TrapFocusDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[eoTrapFocus]'
-            },] }
-];
-TrapFocusDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-TrapFocusDirective.propDecorators = {
-    isArrowUpOrDownPressed: [{ type: HostListener, args: ['keydown', ['$event'],] }]
-};
-
 /**
  * Module holding the base components of the application shell like application bar, side, search etc.
  */
@@ -16719,7 +16901,6 @@ EoAppShellModule.decorators = [
                     AppLayoutComponent,
                     ContextSearchComponent,
                     AppProcessComponent,
-                    TrapFocusDirective,
                 ]
             },] }
 ];
@@ -17965,13 +18146,6 @@ StoredQueryModule.decorators = [
             },] }
 ];
 
-var TypeFilter;
-(function (TypeFilter) {
-    TypeFilter["favored"] = "favorite";
-    TypeFilter["shared"] = "roles";
-    TypeFilter["others"] = "others";
-})(TypeFilter || (TypeFilter = {}));
-
 class ResultListModule {
 }
 ResultListModule.decorators = [
@@ -21973,6 +22147,13 @@ const listAnimation = trigger('listAnimation', [
     ])
 ]);
 
+var TypeFilter;
+(function (TypeFilter) {
+    TypeFilter["favored"] = "favorite";
+    TypeFilter["shared"] = "roles";
+    TypeFilter["others"] = "others";
+})(TypeFilter || (TypeFilter = {}));
+
 class DashboardComponent extends UnsubscribeOnDestroy {
     constructor(userService, titleService, router, route, config, searchService, authService, systemService, inboxService, prepareService, envService, capabilityService, storedQueriesService) {
         super();
@@ -22086,9 +22267,7 @@ class DashboardComponent extends UnsubscribeOnDestroy {
             .pipe(takeUntil(this.componentDestroyed$))
             .subscribe(user => {
             this.user = user;
-            if (!this.isCloud) {
-                this.captureObjectLists();
-            }
+            this.captureObjectLists();
         });
         this.capabilities = this.capabilityService.getCapabilities();
         if (this.capabilities.storedqueries) {
@@ -22681,10 +22860,10 @@ class AboutStateComponent {
         this.backend = backend;
         this.userService = userService;
         this.config = config;
-        this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "9.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: ''
         };
@@ -24032,7 +24211,7 @@ class ObjectStateComponent extends UnsubscribeOnDestroy {
 ObjectStateComponent.decorators = [
     { type: 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)}"]
@@ -24087,8 +24266,8 @@ ObjectStateModule.decorators = [
 
 var InboxTypesFilter;
 (function (InboxTypesFilter) {
-    InboxTypesFilter["mytasks"] = "mytasks";
-    InboxTypesFilter["opentasks"] = "opentasks";
+    InboxTypesFilter["acceptedTasks"] = "acceptedtasks";
+    InboxTypesFilter["unacceptedTasks"] = "unacceptedtasks";
     InboxTypesFilter["absent"] = "isdeputy";
     InboxTypesFilter["overdue"] = "overdue";
 })(InboxTypesFilter || (InboxTypesFilter = {}));
@@ -24164,15 +24343,17 @@ class InboxStateComponent extends UnsubscribeOnDestroy {
     }
     itemFilterFields(node, item) {
         const value = node.data[InboxTypesFilter[item]];
+        const acceptedAndUnacceptedCombined = this.inboxFilterFields.find(filter => filter.id === 'acceptedTasks').value
+            && this.inboxFilterFields.find(filter => filter.id === 'unacceptedTasks').value;
         switch (InboxTypesFilter[item]) {
             case InboxTypesFilter.overdue:
                 return node.data.isOverdue();
             case InboxTypesFilter.absent:
                 return !!value;
-            case InboxTypesFilter.mytasks:
-                return !(node.data.type === 'BPM' && !node.data.read);
-            case InboxTypesFilter.opentasks:
-                return (node.data.type === 'BPM' && !node.data.read);
+            case InboxTypesFilter.acceptedTasks:
+                return acceptedAndUnacceptedCombined ? node.data.type === 'BPM' : node.data.type === 'BPM' && !!node.data.accepted;
+            case InboxTypesFilter.unacceptedTasks:
+                return acceptedAndUnacceptedCombined ? node.data.type === 'BPM' : node.data.type === 'BPM' && !node.data.accepted;
         }
     }
     fieldFilters() {
@@ -24274,8 +24455,8 @@ class InboxStateComponent extends UnsubscribeOnDestroy {
 InboxStateComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-inbox-state',
-                template: "<eo-undock-split>\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'inbox.state'\">\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"300\">\n      <ng-template pTemplate=\"content\">\n        <eo-list-container #eoList [applySelection]=\"{out: inboxSelectionId}\">\n          <div class=\"eo-header\">\n\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n            <div class=\"eo-header-info\">\n              <div class=\"eo-header-title\" translate>eo.inbox.list.title</div>\n            </div>\n            <div class=\"eo-header-actions\">\n              <eo-icon class=\"button primary refresh-button\"\n                       [ngClass]=\"{inboxChanged: inboxChanged}\"\n                       (click)=\"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 = () => [
@@ -24544,5 +24725,5 @@ EoClientModule.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIONS, AboutStateComponent, AbstractFilterComponent, AccordionModule, ActionMenuComponent, ActionModule, ActionService, ActionTarget, AgentService, AppAddComponent, AppAddDialogComponent, AppBarComponent, AppLayoutComponent, AppSearchComponent, AppSearchService, AreaState, AuthGuard, CUSTOM_ACTIONS, CapabilitiesGuard, CellRenderer, ChangePasswordFormComponent, CheckboxComponent, ClipboardComponent, CodesystemComponent, CodesystemFilterComponent, ColumnConfiguratorComponent, ContentPreviewService, ContextSearchComponent, ContextType, CtaComponent, CtaModule, CustomFilterComponent, CustomSortComponent, DashboardComponent, DatepickerComponent, DatetimeComponent, DatetimeFilterComponent, DatetimeRangeComponent, DmsObjectTarget, DynamicListComponent, DynamicPropertySwitchComponent, ENTRY_COMPONENTS, ENTRY_LINKS, EmptyComponent, EmptyStateService, EnaioErrorKeys, EoAppShellModule, EoClientModule, EoDialogComponent, EoFrameworkCoreModule, EoFrameworkModule, EoIconComponent, Error404Component, ErrorHandlerService, ErrorMessageComponent, ErrorModule, FavoriteIconComponent, FavoriteStateComponent, FileSizePipe, FormElementComponent, FormElementTableComponent, FormElementsModule, FormInputComponent, FrameComponent, GlobalShortcutsComponent, GlobalShortcutsSectionComponent, GridComponent, GridFilter, GridModule, GridService, HistoryFilterComponent, HistoryFilterPipe, IdReferenceComponent, InboxDetailsComponent, InboxItemTarget, InboxStateComponent, InboxStateModule, InboxTypes, InboxTypesFilter, IndexdataSummaryComponent, InputFocusDirective, KeysPipe, LayoutService, ListContainerComponent, ListContainerModule, ListSettingsService, LoadingSpinnerComponent, LocaleCurrencyPipe, LocaleDatePipe, LocaleDecimalPipe, LocaleNumberPipe, LocalePercentPipe, LocationService, LockSettings, LoginComponent, MediaComponent, MediaModule, NotFoundComponent, NotificationsStateComponent, NumberComponent, NumberRangeComponent, ObjectDetailsComponent, ObjectDetailsModule, ObjectFormComponent, ObjectFormControl, ObjectFormControlWrapper, ObjectFormEditComponent, ObjectFormGroup, ObjectFormGroupComponent, ObjectFormHelperService, ObjectFormModule, ObjectFormScriptService, ObjectFormScriptingScope, ObjectHistoryComponent, ObjectLinksComponent, ObjectStateComponent, ObjectStateDetailsComponent, ObjectStateModule, ObjectStateService, OrganizationComponent, OrganizationFilterComponent, OutsideClickDirective, OverlayComponent, PageTitleService, PanelLoading, PasswordComponent, PendingChangesService, PermissionsComponent, PluginComponent, PluginDirective, PluginService, PluginsModule, PluginsService, PrepareDetailsComponent, PrepareStateComponent, PrepareStateModule, PreparedItemTarget, ProcessDetailsComponent, ProcessFileComponent, ProcessHistoryComponent, ProcessItemTarget, QuickFilterComponent, QuickSearchComponent, QuickSearchModule, ReferenceComponent, ReferenceService, ResetFilterComponent, ResultListComponent, ResultListModule, ResultStateComponent, RouterLinkDirective, RowEditComponent, RtlAwareDirective, STATE, SafeHtmlPipe, SelectionRange, SelectionService, SetFilterComponent, SettingsComponent, SettingsModule, Shortcut, ShortcutsDirective, ShortcutsModule, ShortcutsService, SideBarComponent, SidebarPluginComponent, SimpleAccordionComponent, SplitAreaComponent, SplitComponent, SplitGutterDirective, SplitModule, StoredQueriesStateComponent, StoredQueryComponent, StoredQueryDetailsComponent, StoredQueryModule, StoredQueryTarget, StringComponent, TabContainerComponent, TabContainerModule, TabPanelComponent, TabPluginComponent, TabViewComponent, TabViewNavComponent, TextFilterComponent, TotalCountComponent, TreeComponent, TreeModule, TypeFilter, UNDOCK_WINDOW_NAME, UiModule, UndockSplitComponent, UndockSplitService, UnsubscribeOnDestroy, UploadOverlayComponent, UserAvatarComponent, UtilModule, UtilitiesService, VersionStateComponent, WorkItemTarget, agentConfigKeys, entryComponents, listAnimation, panelLoadingAnimations, ɵ0, ɵ1, PendingChangesGuard as ɵa, UploadOverlayGuard as ɵb, DownloadOriginalActionComponent as ɵba, DownloadPdfActionComponent as ɵbb, OpenDocumentActionComponent as ɵbc, EmailActionComponent as ɵbd, EmailLinkActionComponent as ɵbe, EmailOriginalActionComponent as ɵbf, EmailPdfActionComponent as ɵbg, ClipboardActionComponent as ɵbh, ClipboardLinkActionComponent as ɵbi, ClipboardOriginalActionComponent as ɵbj, ClipboardPdfActionComponent as ɵbk, DeleteActionComponent as ɵbl, DeleteComponent as ɵbm, OpenVersionsActionComponent as ɵbn, RestoreVersionActionComponent as ɵbo, DeletePreparedActionComponent as ɵbp, AddSubscriptionActionComponent as ɵbq, AddSubscriptionComponent as ɵbr, RemoveSubscriptionActionComponent as ɵbs, WorkflowActionComponent as ɵbt, WorkflowComponent as ɵbu, CustomActionsComponent as ɵbv, AddResubmissionActionComponent as ɵbw, AddResubmissionComponent as ɵbx, UpdateResubmissionActionComponent as ɵby, ShareObjectActionComponent as ɵbz, AppShellRoutingModule as ɵc, ShareObjectComponent as ɵca, CutActionComponent as ɵcb, FinalizeActionComponent as ɵcc, DefinalizeActionComponent as ɵcd, DeleteContentActionComponent as ɵce, UnlockActionComponent as ɵcf, SimpleWorkflowActionComponent as ɵcg, FavoriteActionComponent as ɵch, PreventDoubleClickDirective as ɵci, UserAvatarComponent as ɵcj, TrapFocusDirective as ɵck, EditIconComponent as ɵcl, DuetimeInfoComponent as ɵcm, PrepareContentExistsInfoComponent as ɵcn, StoredQueryModule as ɵco, ObjectStateRoutingModule as ɵcp, InboxStateRoutingModule as ɵcq, PrepareStateRoutingModule as ɵcr, EoClientRoutingModule as ɵcs, ProcessStateComponent as ɵct, AppProcessComponent as ɵd, PipesModule as ɵe, UnsubscribeOnDestroy as ɵf, QueryScopeSelectComponent as ɵg, IndexdataSummaryEntryComponent as ɵh, OrderByPipe as ɵi, TreeNodeComponent as ɵj, DatepickerService as ɵk, YearRangeDirective as ɵl, ReferenceFinderComponent as ɵm, fadeInOut as ɵn, ReferenceFinderService as ɵo, ReferenceFinderEntryComponent as ɵp, DynamicListFilterComponent as ɵq, ListFilterComponent as ɵr, PaginationComponent as ɵs, ProcessFormModule as ɵt, ProcessFormComponent as ɵu, ActionComponentAnchorDirective as ɵv, OpenDocumentComponent as ɵw, CopyActionComponent as ɵx, OpenContextActionComponent as ɵy, DownloadActionComponent as ɵz };
+export { ACTIONS, AboutStateComponent, AbstractFilterComponent, AccordionModule, ActionMenuComponent, ActionModule, ActionService, ActionTarget, AgentService, AppAddComponent, AppAddDialogComponent, AppBarComponent, AppLayoutComponent, AppSearchComponent, AppSearchService, AreaState, AuthGuard, CUSTOM_ACTIONS, CapabilitiesGuard, CellRenderer, ChangePasswordFormComponent, CheckboxComponent, ClipboardComponent, CodesystemComponent, CodesystemFilterComponent, ColumnConfiguratorComponent, ContentPreviewService, ContextSearchComponent, ContextType, CtaComponent, CtaModule, CustomFilterComponent, CustomSortComponent, DashboardComponent, DatepickerComponent, DatetimeComponent, DatetimeFilterComponent, DatetimeRangeComponent, DmsObjectTarget, DynamicListComponent, DynamicPropertySwitchComponent, ENTRY_COMPONENTS, ENTRY_LINKS, EmptyComponent, EmptyStateService, EnaioErrorKeys, EoAppShellModule, EoClientModule, EoDialogComponent, EoFrameworkCoreModule, EoFrameworkModule, EoIconComponent, Error404Component, ErrorHandlerService, ErrorMessageComponent, ErrorModule, FavoriteIconComponent, FavoriteStateComponent, FileSizePipe, FormElementComponent, FormElementTableComponent, FormElementsModule, FormInputComponent, FrameComponent, GlobalShortcutsComponent, GlobalShortcutsSectionComponent, GridComponent, GridFilter, GridModule, GridService, HistoryFilterComponent, HistoryFilterPipe, IdReferenceComponent, InboxDetailsComponent, InboxItemTarget, InboxStateComponent, InboxStateModule, InboxTypes, InboxTypesFilter, IndexdataSummaryComponent, InputFocusDirective, KeysPipe, LayoutService, ListContainerComponent, ListContainerModule, ListSettingsService, LoadingSpinnerComponent, LocaleCurrencyPipe, LocaleDatePipe, LocaleDecimalPipe, LocaleNumberPipe, LocalePercentPipe, LocationService, LockSettings, LoginComponent, MediaComponent, MediaModule, NotFoundComponent, NotificationsStateComponent, NumberComponent, NumberRangeComponent, ObjectDetailsComponent, ObjectDetailsModule, ObjectFormComponent, ObjectFormControl, ObjectFormControlWrapper, ObjectFormEditComponent, ObjectFormGroup, ObjectFormGroupComponent, ObjectFormHelperService, ObjectFormModule, ObjectFormScriptService, ObjectFormScriptingScope, ObjectHistoryComponent, ObjectLinksComponent, ObjectStateComponent, ObjectStateDetailsComponent, ObjectStateModule, ObjectStateService, OrganizationComponent, OrganizationFilterComponent, OutsideClickDirective, OverlayComponent, PageTitleService, PanelLoading, PasswordComponent, PendingChangesService, PermissionsComponent, PluginComponent, PluginDirective, PluginService, PluginsModule, PluginsService, PrepareDetailsComponent, PrepareStateComponent, PrepareStateModule, PreparedItemTarget, ProcessDetailsComponent, ProcessFileComponent, ProcessHistoryComponent, ProcessItemTarget, QuickFilterComponent, QuickSearchComponent, QuickSearchModule, ReferenceComponent, ReferenceService, ResetFilterComponent, ResultListComponent, ResultListModule, ResultStateComponent, RouterLinkDirective, RowEditComponent, RtlAwareDirective, STATE, SafeHtmlPipe, SelectionRange, SelectionService, SetFilterComponent, SettingsComponent, SettingsModule, Shortcut, ShortcutsDirective, ShortcutsModule, ShortcutsService, SideBarComponent, SidebarPluginComponent, SimpleAccordionComponent, SplitAreaComponent, SplitComponent, SplitGutterDirective, SplitModule, StoredQueriesStateComponent, StoredQueryComponent, StoredQueryDetailsComponent, StoredQueryModule, StoredQueryTarget, StringComponent, TabContainerComponent, TabContainerModule, TabPanelComponent, TabPluginComponent, TabViewComponent, TabViewNavComponent, TextFilterComponent, TotalCountComponent, TreeComponent, TreeModule, TypeFilter, UNDOCK_WINDOW_NAME, UiModule, UndockSplitComponent, UndockSplitService, UnsubscribeOnDestroy, UploadOverlayComponent, UserAvatarComponent, UtilModule, UtilitiesService, VersionStateComponent, WorkItemTarget, agentConfigKeys, entryComponents, listAnimation, panelLoadingAnimations, ɵ0, ɵ1, PendingChangesGuard as ɵa, UploadOverlayGuard as ɵb, DownloadActionComponent as ɵba, DownloadOriginalActionComponent as ɵbb, DownloadPdfActionComponent as ɵbc, OpenDocumentActionComponent as ɵbd, EmailActionComponent as ɵbe, EmailLinkActionComponent as ɵbf, EmailOriginalActionComponent as ɵbg, EmailPdfActionComponent as ɵbh, ClipboardActionComponent as ɵbi, ClipboardLinkActionComponent as ɵbj, ClipboardOriginalActionComponent as ɵbk, ClipboardPdfActionComponent as ɵbl, DeleteActionComponent as ɵbm, DeleteComponent as ɵbn, OpenVersionsActionComponent as ɵbo, RestoreVersionActionComponent as ɵbp, DeletePreparedActionComponent as ɵbq, AddSubscriptionActionComponent as ɵbr, AddSubscriptionComponent as ɵbs, RemoveSubscriptionActionComponent as ɵbt, WorkflowActionComponent as ɵbu, WorkflowComponent as ɵbv, CustomActionsComponent as ɵbw, AddResubmissionActionComponent as ɵbx, AddResubmissionComponent as ɵby, UpdateResubmissionActionComponent as ɵbz, AppShellRoutingModule as ɵc, ShareObjectActionComponent as ɵca, ShareObjectComponent as ɵcb, CutActionComponent as ɵcc, FinalizeActionComponent as ɵcd, FinalizeObjectActionComponent as ɵce, DefinalizeActionComponent as ɵcf, DeleteContentComponent as ɵcg, DeleteContentActionComponent as ɵch, UnlockActionComponent as ɵci, SimpleWorkflowActionComponent as ɵcj, FavoriteActionComponent as ɵck, PreventDoubleClickDirective as ɵcl, UserAvatarComponent as ɵcm, EditIconComponent as ɵcn, DuetimeInfoComponent as ɵco, PrepareContentExistsInfoComponent as ɵcp, ObjectStateRoutingModule as ɵcq, InboxStateRoutingModule as ɵcr, PrepareStateRoutingModule as ɵcs, EoClientRoutingModule as ɵct, ProcessStateComponent as ɵcu, AppProcessComponent as ɵd, PipesModule as ɵe, UnsubscribeOnDestroy as ɵf, QueryScopeSelectComponent as ɵg, TrapFocusDirective as ɵh, IndexdataSummaryEntryComponent as ɵi, OrderByPipe as ɵj, TreeNodeComponent as ɵk, DatepickerService as ɵl, YearRangeDirective as ɵm, ReferenceFinderComponent as ɵn, fadeInOut as ɵo, ReferenceFinderService as ɵp, ReferenceFinderEntryComponent as ɵq, DynamicListFilterComponent as ɵr, ListFilterComponent as ɵs, PaginationComponent as ɵt, ProcessFormModule as ɵu, ProcessFormComponent as ɵv, ActionComponentAnchorDirective as ɵw, OpenDocumentComponent as ɵx, CopyActionComponent as ɵy, OpenContextActionComponent as ɵz };
 //# sourceMappingURL=eo-sdk-client.js.map