@eo-sdk/client 7.16.3 → 8.0.0-rc.3

package/app/eo-framework/app-shell/app-bar/app-bar.component.d.ts

@@ -24,9 +24,14 @@ export declare class AppBarComponent extends UnsubscribeOnDestroy implements OnI
     options: any;
     iconTitles: any;
     logo: string;
+    pageVisible: boolean;
     constructor(userService: UserService, capabilityService: CapabilitiesService, translate: TranslateService, inboxService: InboxService, prepareService: PrepareService, clipboard: ClipboardService, renderer: Renderer2, router: Router, bpmService: BpmService, eventService: EventService, config: Config);
     openDashboard(openInNewWindow: boolean): void;
     updateOnSchemaChange(): void;
     setIconTitles(): void;
+    private sendNotification;
+    private initNotification;
+    private initNotificationClickListener;
+    private initVisibilityChangeListener;
     ngOnInit(): void;
 }

package/app/eo-framework/app-shell/app-bar/side-bar/side-bar.component.d.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, EventEmitter, OnInit, ElementRef } from '@angular/core';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
-import { Capabilities, CapabilitiesService, Config } from '@eo-sdk/core';
+import { Capabilities, CapabilitiesService, Config, UserService } from '@eo-sdk/core';
 import { UnsubscribeOnDestroy } from '../../../util/unsubscribe/unsubscribe.component';
 export declare class SideBarComponent extends UnsubscribeOnDestroy implements OnInit {
     private capabilityService;
@@ -8,10 +8,18 @@ export declare class SideBarComponent extends UnsubscribeOnDestroy implements On
     private cd;
     private sanitizer;
     private elemRef;
+    private userService;
     capabilities: Capabilities;
     backgroundImage: SafeResourceUrl;
+    userLang: string;
+    docu: {
+        link: string;
+        label: string;
+    };
     eoOutsideClick: EventEmitter<any>;
-    constructor(capabilityService: CapabilitiesService, config: Config, cd: ChangeDetectorRef, sanitizer: DomSanitizer, elemRef: ElementRef);
+    constructor(capabilityService: CapabilitiesService, config: Config, cd: ChangeDetectorRef, sanitizer: DomSanitizer, elemRef: ElementRef, userService: UserService);
+    getDocumentation(): void;
+    getUserLang(): void;
     getCapabilities(): void;
     setBackgroundImage(): void;
     close(): void;

package/assets/_default/config/main.json

@@ -35,7 +35,7 @@
   },
   "about": {
     "docu": {
-      "link": "https://help.optimal-systems.com/yuuvisRAD/v70/user/client/###userLang###/index.html",
+      "link": "https://help.optimal-systems.com/yuuvisRAD/v80/user/client/###userLang###/index.html",
       "label": "eo.sidebar.help.manual"
     }
   },

package/assets/_default/i18n/de.json

@@ -1,4 +1,5 @@
 {
+  "eo.form.property.organization.error.usernotfound": "gelöschter Benutzer",
   "eo.bar.button.layout.remember": "merken",
   "eo.state.object.tree.references": "Referenzen",
   "eo.state.object.tree.references.tooltip": "Objekte, die auf diesen Ordner referenzieren",
@@ -353,6 +354,8 @@
   "eo.inbox.filter.unread": "Ungelesene",
   "eo.inbox.filter.absent": "Stellvertretung",
   "eo.inbox.filter.overdue": "Überfällig",
+  "eo.inbox.notification.title": "Neue Aufgaben",
+  "eo.inbox.notification.body": "Sie haben neue Aufgaben im Eingangskorb.",
   "eo.no.filter.result": "Kein Treffer vorhanden.",
   "eo.reset.filter": "Filter zurücksetzen",
   "eo.inbox.sort.title": "Titel",
@@ -455,13 +458,13 @@
   "eo.object.history.entry.type.SHARING_ENABLED_GROUP.description": "Das Objekt wurde geteilt und ist jetzt sichtbar für die Mitglieder der Gruppe {{orgtitle}}.",
   "eo.object.history.entry.type.SHARING_REVOKED_GROUP.title": "Objekt nicht mehr mit Gruppe geteilt",
   "eo.object.history.entry.type.SHARING_REVOKED_GROUP.description": "Das Objekt wird nicht mehr geteilt und ist nicht mehr sichtbar für die Mitglieder der Gruppe {{orgtitle}}.",
-  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_ENABLED.title": "Unterobjekte mit Benutzer geteilt.",
+  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_ENABLED.title": "Unterobjekte mit Benutzer geteilt",
   "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_ENABLED.description": "Die Unterobjekte des Objekts wurden geteilt mit Benutzer {{orgtitle}} ({{orgname}}).",
-  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_ENABLED.title": "Unterobjekte mit Gruppe geteilt.",
+  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_ENABLED.title": "Unterobjekte mit Gruppe geteilt",
   "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_ENABLED.description": "Die Unterobjekte des Objekts wurden geteilt mit Mitgliedern der Gruppe {{orgtitle}}.",
-  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_DISABLED.title": "Unterobjekte nicht mehr mit Benutzer geteilt.",
+  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_DISABLED.title": "Unterobjekte nicht mehr mit Benutzer geteilt",
   "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_DISABLED.description": "Die Unterobjekte des Objekts werden nicht mehr geteilt mit Benutzer {{orgtitle}} ({{orgname}}).",
-  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_DISABLED.title": "Unterobjekte nicht mehr mit Benutzer geteilt.",
+  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_DISABLED.title": "Unterobjekte nicht mehr mit Gruppe geteilt",
   "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_DISABLED.description": "Die Unterobjekte des Objekts werden nicht mehr geteilt mit Mitgliedern der Gruppe {{orgtitle}}.",
   "eo.object.history.entry.type.CONTENT_RENAMED.title": "Dokumentdatei umbenannt",
   "eo.object.history.entry.type.CONTENT_RENAMED.description": "Die Dokumentdatei wurde umbenannt in {{contentname}}.",

package/assets/_default/i18n/en.json

@@ -1,4 +1,5 @@
 {
+  "eo.form.property.organization.error.usernotfound": "deleted user",
   "eo.bar.button.layout.remember": "remember",
   "eo.state.object.tree.references": "References",
   "eo.state.object.tree.references.tooltip": "Objects that reference this folder",
@@ -355,6 +356,8 @@
   "eo.inbox.filter.unread": "Unread",
   "eo.inbox.filter.absent": "Substitution",
   "eo.inbox.filter.overdue": "Overdue",
+  "eo.inbox.notification.title": "New tasks",
+  "eo.inbox.notification.body": "You have new tasks in the inbox.",
   "eo.no.filter.result": "No hits available.",
   "eo.reset.filter": "Reset filter",
   "eo.inbox.sort.title": "Title",
@@ -456,14 +459,14 @@
   "eo.object.history.entry.type.SHARING_REVOKED_GROUP.title": "Object no longer shared with group",
   "eo.object.history.entry.type.SHARING_REVOKED_USER.description": "The object is no longer shared and is not visible any longer to the user: {{orgtitle}} ({{orgname}}).",
   "eo.object.history.entry.type.SHARING_REVOKED_USER.title": "Object no longer shared with user",
-  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_ENABLED.title": "Children shared with user.",
-  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_ENABLED.description": "The object’s children are visible for user {{orgtitle}} ({{orgname}}).",
-  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_ENABLED.title": "Children shared with group.",
-  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_ENABLED.description": "The object’s children are visible for members of the group {{orgtitle}}.",
-  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_DISABLED.title": "Children no longer shared with user.",
-  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_DISABLED.description": "The object’s children are not longer visible for user {{orgtitle}} ({{orgname}}).",
-  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_DISABLED.title": "Children no longer shared with group.",
-  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_DISABLED.description": "The object’s children are not longer visible for members of the group {{orgtitle}}.",
+  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_ENABLED.title": "Sub-objects shared with user",
+  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_ENABLED.description": "The sub-objects of the object were shared with user {{orgtitle}} ({{orgname}}).",
+  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_ENABLED.title": "Sub-objects shared with group",
+  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_ENABLED.description": "The sub-objects of the object were shared with members of group {{orgtitle}}.",
+  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_DISABLED.title": "Sub-objects no longer shared with user",
+  "eo.object.history.entry.type.SHARING_UPDATED_USER_CHILDREN_DISABLED.description": "The sub-objects of the object will no longer be shared with user {{orgtitle}} ({{orgname}}).",
+  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_DISABLED.title": "Sub-objects no longer shared with group",
+  "eo.object.history.entry.type.SHARING_UPDATED_GROUP_CHILDREN_DISABLED.description": "The sub-objects of the object will no longer be shared with members of group {{orgtitle}}.",
   "eo.object.history.entry.type.START_WITH_PROCESS.description": "The object was added to the process file upon starting the process.",
   "eo.object.history.entry.type.START_WITH_PROCESS.title": "Process started",
   "eo.object.history.entry.type.VERSION_RESTORED.description": "Version {{sourceversion}} was restored and set up as a new active version.",
@@ -492,7 +495,7 @@
   "eo.prepare.details.content.subtitle": "Add file",
   "eo.prepare.details.indexdata.subtitle": "Add metadata",
   "eo.prepare.details.delete.content.dialog.title": "Delete file",
-  "eo.prepare.details.delete.content.dialog.message": "Are you sure you want to delete the '{{contentPath}}' file?",
+  "eo.prepare.details.delete.content.dialog.message": "Are you sure you want to delete file '{{contentPath}}'?",
   "eo.prepare.details.delete.dialog.title": "Delete object",
   "eo.prepare.details.delete.dialog.message": "Are you sure you want to delete this object?",
   "eo.prepare.details.delete.dialog.cancel": "Cancel",

package/assets/_default/svg/ic_book.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><g/><g><path d="M21,5c-1.11-0.35-2.33-0.5-3.5-0.5c-1.95,0-4.05,0.4-5.5,1.5c-1.45-1.1-3.55-1.5-5.5-1.5S2.45,4.9,1,6v14.65 c0,0.25,0.25,0.5,0.5,0.5c0.1,0,0.15-0.05,0.25-0.05C3.1,20.45,5.05,20,6.5,20c1.95,0,4.05,0.4,5.5,1.5c1.35-0.85,3.8-1.5,5.5-1.5 c1.65,0,3.35,0.3,4.75,1.05c0.1,0.05,0.15,0.05,0.25,0.05c0.25,0,0.5-0.25,0.5-0.5V6C22.4,5.55,21.75,5.25,21,5z M21,18.5 c-1.1-0.35-2.3-0.5-3.5-0.5c-1.7,0-4.15,0.65-5.5,1.5V8c1.35-0.85,3.8-1.5,5.5-1.5c1.2,0,2.4,0.15,3.5,0.5V18.5z"/><g><path d="M17.5,10.5c0.88,0,1.73,0.09,2.5,0.26V9.24C19.21,9.09,18.36,9,17.5,9c-1.7,0-3.24,0.29-4.5,0.83v1.66 C14.13,10.85,15.7,10.5,17.5,10.5z"/><path d="M13,12.49v1.66c1.13-0.64,2.7-0.99,4.5-0.99c0.88,0,1.73,0.09,2.5,0.26V11.9c-0.79-0.15-1.64-0.24-2.5-0.24 C15.8,11.66,14.26,11.96,13,12.49z"/><path d="M17.5,14.33c-1.7,0-3.24,0.29-4.5,0.83v1.66c1.13-0.64,2.7-0.99,4.5-0.99c0.88,0,1.73,0.09,2.5,0.26v-1.52 C19.21,14.41,18.36,14.33,17.5,14.33z"/></g></g></g></svg>

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

@@ -4451,6 +4451,7 @@
             _this.config = config;
             _this.transparent = false;
             _this.sidebarShow = false;
+            _this.pageVisible = true;
             _this.capabilities = _this.capabilityService.getCapabilities();
             _this.logo = _this.config.getNavigationBarImage();
             // listen for routing events to hide any active overlays
@@ -4469,6 +4470,9 @@
                 _this.inboxService
                     .inboxState$.pipe(operators.takeUntil(_this.componentDestroyed$))
                     .subscribe(function (inboxState) {
+                    if (_this.inboxState && _this.inboxState.unreadmessages < inboxState.unreadmessages) {
+                        _this.sendNotification();
+                    }
                     _this.inboxState = inboxState;
                 });
                 _this.eventService.on(i1.EnaioEvent.SYSTEM_STATUS_INBOX_CHANGED).subscribe(function () { return _this.inboxService.refreshInboxState(); });
@@ -4516,6 +4520,48 @@
                 profile: this.translate.instant('eo.bar.button.user.profile.title'),
             };
         };
+        AppBarComponent.prototype.sendNotification = function () {
+            var _this = this;
+            if (Notification.permission === 'granted') {
+                this.initNotification();
+            }
+            else if (Notification.permission !== 'denied') {
+                Notification.requestPermission().then(function () {
+                    _this.initNotification();
+                });
+            }
+        };
+        AppBarComponent.prototype.initNotification = function () {
+            var title = this.translate.instant('eo.inbox.notification.title');
+            var body = this.translate.instant('eo.inbox.notification.body');
+            var icon = 'assets/_default/img/yuuvis-agent.png';
+            var notification = new Notification(title, {
+                body: body,
+                icon: icon
+            });
+            this.initNotificationClickListener(notification);
+        };
+        // This is listening for the navigation click event. When the client tab is active, it just navigates to the inbox route.
+        // If not, it opens a new tab and shows the inbox there.
+        AppBarComponent.prototype.initNotificationClickListener = function (notification) {
+            var _this = this;
+            notification.addEventListener('click', function () {
+                if (_this.pageVisible) {
+                    _this.router.navigateByUrl('/inbox');
+                }
+                else {
+                    var fullPath = window.location.href;
+                    var currentRoute = _this.router.url;
+                    var pathToNavigate = fullPath.replace(currentRoute, '') + '/inbox';
+                    window.open(pathToNavigate, '_blank');
+                }
+            });
+        };
+        // This listener is needed to check, if the client tab is active or not
+        AppBarComponent.prototype.initVisibilityChangeListener = function () {
+            var _this = this;
+            document.addEventListener('visibilitychange', function () { return _this.pageVisible = !_this.pageVisible; });
+        };
         AppBarComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.updateOnSchemaChange();
@@ -4525,6 +4571,7 @@
                 .subscribe(function (res) {
                 _this.exeActions = !!res.length;
             });
+            this.initVisibilityChangeListener();
         };
         return AppBarComponent;
     }(UnsubscribeOnDestroy));
@@ -4606,16 +4653,30 @@
 
     var SideBarComponent = /** @class */ (function (_super) {
         __extends(SideBarComponent, _super);
-        function SideBarComponent(capabilityService, config, cd, sanitizer, elemRef) {
+        function SideBarComponent(capabilityService, config, cd, sanitizer, elemRef, userService) {
             var _this = _super.call(this) || this;
             _this.capabilityService = capabilityService;
             _this.config = config;
             _this.cd = cd;
             _this.sanitizer = sanitizer;
             _this.elemRef = elemRef;
+            _this.userService = userService;
             _this.eoOutsideClick = new i0.EventEmitter();
+            _this.getUserLang();
+            _this.getDocumentation();
             return _this;
         }
+        SideBarComponent.prototype.getDocumentation = function () {
+            var docu = this.config.getRaw('about.docu');
+            var link = docu.link.replace('###userLang###', this.userLang);
+            this.docu = Object.assign(Object.assign({}, docu), { link: link });
+        };
+        SideBarComponent.prototype.getUserLang = function () {
+            var _this = this;
+            this.userService
+                .user$
+                .subscribe(function (data) { return _this.userLang = data.userSettings.clientlocale; });
+        };
         SideBarComponent.prototype.getCapabilities = function () {
             this.capabilities = this.capabilityService.getCapabilities();
         };
@@ -4635,8 +4696,8 @@
     SideBarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-side-bar',
-                    template: "<div class=\"eo-side-bar\">\r\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\r\n\r\n  <div class=\"head\" [style.background-image]=\"backgroundImage\">\r\n\r\n\r\n  </div>\r\n\r\n  <div class=\"body\">\r\n\r\n    <a routerLink=\"/about\"><eo-icon class=\"button about\" [iconSrc]=\"'assets/_default/svg/ic_about.svg'\"></eo-icon></a>\r\n\r\n    <p-tabView styleClass=\"tab-sidebar\">\r\n      <p-tabPanel header=\"{{'eo.sidebar.navigation.title'|translate}}\" headerStyleClass=\"tab-nav\">\r\n\r\n        <div class=\"navigation\">\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\r\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.favorites</a>\r\n          </div>\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\r\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.inbox</a>\r\n          </div>\r\n\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\r\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.prepare</a>\r\n          </div>\r\n\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\r\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.process</a>\r\n          </div>\r\n\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\r\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.notifications</a>\r\n          </div>\r\n\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\r\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.storedqueries</a>\r\n          </div>\r\n          <ng-content select=\".navi\"></ng-content>\r\n        </div>\r\n\r\n      </p-tabPanel>\r\n    </p-tabView>\r\n  </div>\r\n\r\n</div>\r\n",
-                    styles: [":host{--sidebar-header-height:250px}:host .eo-side-bar{-webkit-animation-duration:.2s;animation-duration:.2s;background-color:var(--color-primary);bottom:0;box-shadow:0 0 20px 0 rgba(var(--color-black-rgb),.5);position:absolute;top:0;width:300px;z-index:20}[dir=ltr] :host .eo-side-bar{left:0;right:inherit}[dir=rtl] :host .eo-side-bar{left:inherit;right:0}[dir=ltr] :host .eo-side-bar{-webkit-animation-name:sidebarAppearLeft;animation-name:sidebarAppearLeft}[dir=rtl] :host .eo-side-bar{-webkit-animation-name:sidebarAppearRight;animation-name:sidebarAppearRight}:host .eo-side-bar .close{position:absolute;top:var(--app-pane-padding);z-index:22}[dir=ltr] :host .eo-side-bar .close{left:var(--app-pane-padding)}[dir=rtl] :host .eo-side-bar .close{right:var(--app-pane-padding)}:host .eo-side-bar .head{background-position:50%;background-size:cover;height:var(--sidebar-header-height);left:0;position:absolute;right:0;top:0;z-index:21}:host .eo-side-bar .body ::ng-deep{bottom:0;left:0;position:absolute;right:0;top:calc(var(--sidebar-header-height) - 30px);z-index:22}:host .eo-side-bar .body ::ng-deep p-tabView{display:flex;flex:1;flex-direction:row;height:100%;min-height:0;min-width:0}:host .eo-side-bar .body ::ng-deep p-tabView .tab-sidebar{flex:1}:host .eo-side-bar .body ::ng-deep p-tabView .ui-tabview-panels{height:100%;overflow:auto}:host .eo-side-bar .body ::ng-deep .navigation{padding-top:var(--app-pane-padding)}:host .eo-side-bar .body ::ng-deep a:focus eo-icon,:host .eo-side-bar .body ::ng-deep a:hover eo-icon{background:rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep eo-icon.about{color:var(--color-white);padding:3px;position:absolute;right:8px;top:-6px}:host .eo-side-bar .body ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item a{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;color:var(--color-white);cursor:pointer;display:block;padding:var(--app-pane-padding);text-decoration:none;transition:all var(--app-default-transition-duration) ease-in-out}[dir=ltr] :host .eo-side-bar .body ::ng-deep .nav-item a{border-left:4px solid transparent}[dir=rtl] :host .eo-side-bar .body ::ng-deep .nav-item a{border-right:4px solid transparent}:host .eo-side-bar .body ::ng-deep .nav-item a.active-link{background:rgba(var(--color-white-rgb),.06);border-color:var(--color-accent);cursor:default}:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):focus,:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}@-webkit-keyframes sidebarAppearLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes sidebarAppearLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes sidebarAppearRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes sidebarAppearRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}"]
+                    template: "<div class=\"eo-side-bar\">\r\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\r\n\r\n  <div class=\"head\" [style.background-image]=\"backgroundImage\">\r\n\r\n\r\n  </div>\r\n\r\n  <div class=\"body\">\r\n    <a href=\"{{docu.link}}\" target=\"_blank\">\r\n      <eo-icon class=\"button docu\" [iconTitle]=\"docu.label | translate\" [iconSrc]=\"'assets/_default/svg/ic_book.svg'\"></eo-icon>\r\n    </a>\r\n    <a routerLink=\"/about\"><eo-icon class=\"button about\" [iconTitle]=\"'eo.sidebar.help.about.tooltip' | translate\" [iconSrc]=\"'assets/_default/svg/ic_about.svg'\"></eo-icon></a>\r\n\r\n    <p-tabView styleClass=\"tab-sidebar\">\r\n      <p-tabPanel header=\"{{'eo.sidebar.navigation.title'|translate}}\" headerStyleClass=\"tab-nav\">\r\n\r\n        <div class=\"navigation\">\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\r\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.favorites</a>\r\n          </div>\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\r\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.inbox</a>\r\n          </div>\r\n\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\r\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.prepare</a>\r\n          </div>\r\n\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\r\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.process</a>\r\n          </div>\r\n\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\r\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.notifications</a>\r\n          </div>\r\n\r\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\r\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\" translate>eo.sidebar.navigation.storedqueries</a>\r\n          </div>\r\n          <ng-content select=\".navi\"></ng-content>\r\n        </div>\r\n\r\n      </p-tabPanel>\r\n    </p-tabView>\r\n  </div>\r\n\r\n</div>\r\n",
+                    styles: [":host{--sidebar-header-height:250px}:host .eo-side-bar{-webkit-animation-duration:.2s;animation-duration:.2s;background-color:var(--color-primary);bottom:0;box-shadow:0 0 20px 0 rgba(var(--color-black-rgb),.5);position:absolute;top:0;width:300px;z-index:20}[dir=ltr] :host .eo-side-bar{left:0;right:inherit}[dir=rtl] :host .eo-side-bar{left:inherit;right:0}[dir=ltr] :host .eo-side-bar{-webkit-animation-name:sidebarAppearLeft;animation-name:sidebarAppearLeft}[dir=rtl] :host .eo-side-bar{-webkit-animation-name:sidebarAppearRight;animation-name:sidebarAppearRight}:host .eo-side-bar .close{position:absolute;top:var(--app-pane-padding);z-index:22}[dir=ltr] :host .eo-side-bar .close{left:var(--app-pane-padding)}[dir=rtl] :host .eo-side-bar .close{right:var(--app-pane-padding)}:host .eo-side-bar .head{background-position:50%;background-size:cover;height:var(--sidebar-header-height);left:0;position:absolute;right:0;top:0;z-index:21}:host .eo-side-bar .body ::ng-deep{bottom:0;left:0;position:absolute;right:0;top:calc(var(--sidebar-header-height) - 30px);z-index:22}:host .eo-side-bar .body ::ng-deep p-tabView{display:flex;flex:1;flex-direction:row;height:100%;min-height:0;min-width:0}:host .eo-side-bar .body ::ng-deep p-tabView .tab-sidebar{flex:1}:host .eo-side-bar .body ::ng-deep p-tabView .ui-tabview-panels{height:100%;overflow:auto}:host .eo-side-bar .body ::ng-deep .navigation{padding-top:var(--app-pane-padding)}:host .eo-side-bar .body ::ng-deep a:focus eo-icon,:host .eo-side-bar .body ::ng-deep a:hover eo-icon{background:rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep eo-icon.about{color:var(--color-white);padding:3px;position:absolute;right:8px;top:-6px}:host .eo-side-bar .body ::ng-deep eo-icon.docu{color:var(--color-white);padding:3px;position:absolute;right:43px;top:-6px}:host .eo-side-bar .body ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item a{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;color:var(--color-white);cursor:pointer;display:block;padding:var(--app-pane-padding);text-decoration:none;transition:all var(--app-default-transition-duration) ease-in-out}[dir=ltr] :host .eo-side-bar .body ::ng-deep .nav-item a{border-left:4px solid transparent}[dir=rtl] :host .eo-side-bar .body ::ng-deep .nav-item a{border-right:4px solid transparent}:host .eo-side-bar .body ::ng-deep .nav-item a.active-link{background:rgba(var(--color-white-rgb),.06);border-color:var(--color-accent);cursor:default}:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):focus,:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}@-webkit-keyframes sidebarAppearLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes sidebarAppearLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes sidebarAppearRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes sidebarAppearRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}"]
                 },] }
     ];
     SideBarComponent.ctorParameters = function () { return [
@@ -4644,7 +4705,8 @@
         { type: i1.Config },
         { type: i0.ChangeDetectorRef },
         { type: i1$1.DomSanitizer },
-        { type: i0.ElementRef }
+        { type: i0.ElementRef },
+        { type: i1.UserService }
     ]; };
     SideBarComponent.propDecorators = {
         eoOutsideClick: [{ type: i0.Output }]
@@ -8568,7 +8630,7 @@
     OrganizationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-organization',
-                    template: "<div class=\"eo-organization\" [ngClass]=\"{acInputHidden: !multiselect && innerValue.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"innerValue\" [minLength]=\"1\" #autocomplete\r\n                  (onSelect)=\"onSelect($event)\" (onUnselect)=\"onUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur()\"\r\n                  [disabled]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\">\r\n\r\n    <!-- template for the suggest list -->\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n      <span *ngIf=\"(item.firstname?.length && item.lastname?.length) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n      <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n    </ng-template>\r\n\r\n    <!-- template for the selected items when multiple -->\r\n    <ng-template let-item pTemplate=\"selectedItem\">\r\n      <div class=\"token\" [ngClass]=\"{deleted: item.state === 'GONE'}\">\r\n        <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n        <span *ngIf=\"(item.firstname?.length && item.lastname?.length && item.active) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n        <span *ngIf=\"(!item.firstname?.length && !item.lastname?.length && !item.active && !item.type)\" class=\"ui-autocomplete-token-label\">{{item.id}}</span>\r\n        <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.active && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n        <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n        <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n      </div>\r\n    </ng-template>\r\n\r\n  </p-autoComplete>\r\n</div>\r\n",
+                    template: "<div class=\"eo-organization\" [ngClass]=\"{acInputHidden: !multiselect && innerValue.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"innerValue\" [minLength]=\"1\" #autocomplete\r\n                  (onSelect)=\"onSelect($event)\" (onUnselect)=\"onUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur()\"\r\n                  [disabled]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\">\r\n\r\n    <!-- template for the suggest list -->\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n      <span *ngIf=\"(item.firstname?.length && item.lastname?.length) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n      <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n    </ng-template>\r\n\r\n    <!-- template for the selected items when multiple -->\r\n    <ng-template let-item pTemplate=\"selectedItem\">\r\n      <div class=\"token\" [ngClass]=\"{deleted: item.state === 'GONE'}\">\r\n        <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n        <span *ngIf=\"(item.firstname?.length && item.lastname?.length && item.active) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n        <span *ngIf=\"(!item.firstname?.length && !item.lastname?.length && !item.active && !item.type)\" class=\"ui-autocomplete-token-label\">{{'eo.form.property.organization.error.usernotfound'|translate}}</span>\r\n        <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.active && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n        <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n        <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n      </div>\r\n    </ng-template>\r\n\r\n  </p-autoComplete>\r\n</div>\r\n",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -11208,6 +11270,9 @@
                 this._elements.forEach(function (el) {
                     // this.innerValue[rowResult.index] = {...this.innerValue[rowResult.index], ...rowResult.rowData};
                     _this.innerValue[rowResult.index][el.name] = rowResult.rowData[el.name];
+                    if (_this.innerValue[rowResult.index][el.name + '_meta']) {
+                        _this.innerValue[rowResult.index][el.name + '_meta'] = rowResult.rowData[el.name + '_meta'];
+                    }
                 });
             }
             this.updateTableValue();
@@ -12798,7 +12863,7 @@
     OrganizationFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-organization-filter',
-                    template: "<div class=\"eo-organization\" [ngClass]=\"{acInputHidden: !multiselect && innerValue.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"innerValue\" [minLength]=\"1\" #autocomplete\r\n                  (onSelect)=\"onSelect($event)\" (onUnselect)=\"onUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur()\"\r\n                  [disabled]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\">\r\n\r\n    <!-- template for the suggest list -->\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n      <span *ngIf=\"(item.firstname?.length && item.lastname?.length) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n      <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n    </ng-template>\r\n\r\n    <!-- template for the selected items when multiple -->\r\n    <ng-template let-item pTemplate=\"selectedItem\">\r\n      <div class=\"token\" [ngClass]=\"{deleted: item.state === 'GONE'}\">\r\n        <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n        <span *ngIf=\"(item.firstname?.length && item.lastname?.length && item.active) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n        <span *ngIf=\"(!item.firstname?.length && !item.lastname?.length && !item.active && !item.type)\" class=\"ui-autocomplete-token-label\">{{item.id}}</span>\r\n        <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.active && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n        <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n        <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n      </div>\r\n    </ng-template>\r\n\r\n  </p-autoComplete>\r\n</div>\r\n",
+                    template: "<div class=\"eo-organization\" [ngClass]=\"{acInputHidden: !multiselect && innerValue.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"innerValue\" [minLength]=\"1\" #autocomplete\r\n                  (onSelect)=\"onSelect($event)\" (onUnselect)=\"onUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur()\"\r\n                  [disabled]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\">\r\n\r\n    <!-- template for the suggest list -->\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n      <span *ngIf=\"(item.firstname?.length && item.lastname?.length) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n      <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n    </ng-template>\r\n\r\n    <!-- template for the selected items when multiple -->\r\n    <ng-template let-item pTemplate=\"selectedItem\">\r\n      <div class=\"token\" [ngClass]=\"{deleted: item.state === 'GONE'}\">\r\n        <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n        <span *ngIf=\"(item.firstname?.length && item.lastname?.length && item.active) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n        <span *ngIf=\"(!item.firstname?.length && !item.lastname?.length && !item.active && !item.type)\" class=\"ui-autocomplete-token-label\">{{'eo.form.property.organization.error.usernotfound'|translate}}</span>\r\n        <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.active && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n        <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n        <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n      </div>\r\n    </ng-template>\r\n\r\n  </p-autoComplete>\r\n</div>\r\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;padding:2px}:host ::ng-deep .ui-autocomplete-token .deleted{background:var(--color-error)!important;border:1px solid var(--color-error);border-color:var(--color-error)!important;color:var(--color-white)!important}:host ::ng-deep .ui-autocomplete-token .deleted:after{content:\"!\"}:host ::ng-deep .ui-autocomplete-token-icon{margin-right:4px;opacity:1}:host ::ng-deep .ui-autocomplete-token-icon.del{color:var(--color-white)!important}: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}"]
                 },] }
     ];
@@ -21524,7 +21589,7 @@
          * @returns number of files
          */
         UploadOverlayComponent.prototype.dragContainsFiles = function (event) {
-            return Array.from(event.dataTransfer.items || []).filter(function (i) { return i.kind === 'file' && i.type; }).length;
+            return Array.from(event.dataTransfer.items || []).filter(function (i) { return i.kind === 'file'; }).length;
         };
         // ngFor tracking function for upload targets
         UploadOverlayComponent.prototype.targetTrackByFn = function (index, item) {
@@ -22545,7 +22610,7 @@
     ProcessHistoryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-process-history',
-                    template: "<div class=\"process-history\">\r\n\r\n  <div class=\"filter\">\r\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\r\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\r\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\r\n\r\n    </div>\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\r\n  </div>\r\n\r\n\r\n  <ng-template #empty>\r\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\r\n  </ng-template>\r\n\r\n\r\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\r\n\r\n    <div class=\"timeline-entry\"\r\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\r\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\r\n\r\n      <div class=\"when\">\r\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\r\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\r\n      </div>\r\n      <div class=\"marker\">\r\n        <img *ngIf=\"entry.editor\"\r\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\r\n             [src]=\"entry.data?.image\">\r\n      </div>\r\n      <div class=\"what\">\r\n        <div class=\"title\">{{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}</div>\r\n\r\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'deadline_start'\">\r\n          <div class=\"deadline-fire\">\r\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\r\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\r\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\r\n            {{p.label}}\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"process-history\">\r\n\r\n  <div class=\"filter\">\r\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\r\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\r\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\r\n\r\n    </div>\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\r\n  </div>\r\n\r\n\r\n  <ng-template #empty>\r\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\r\n  </ng-template>\r\n\r\n\r\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\r\n\r\n    <div class=\"timeline-entry\"\r\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\r\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\r\n\r\n      <div class=\"when\">\r\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\r\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\r\n      </div>\r\n      <div class=\"marker\">\r\n        <img *ngIf=\"entry.editor\"\r\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\r\n             [src]=\"entry.data?.image\">\r\n      </div>\r\n      <div class=\"what\">\r\n        <div class=\"title\">{{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}</div>\r\n\r\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\r\n          <div class=\"deadline-fire\">\r\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\r\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\r\n          </div>\r\n        </div>\r\n        <ng-template #description>\r\n          <div class=\"description\">\r\n            {{entry.description}}\r\n          </div>\r\n        </ng-template>\r\n\r\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\r\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\r\n            {{p.label}}\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host .process-history{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background);display:flex;flex:1;flex:0 0 auto;flex-direction:row;justify-content:space-between;min-height:0;min-width:0}:host .filter .input{background-color:var(--color-white);border:1px solid var(--main-background);display:flex;flex-flow:row nowrap;margin:calc(var(--app-pane-padding)/2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{margin:0 calc(var(--app-pane-padding)/4)}:host .filter .input eo-icon,:host .filter>eo-icon{align-self:center;color:var(--text-color-hint);height:16px;width:16px}:host .filter>eo-icon{box-sizing:content-box;cursor:pointer;flex:0 0 auto;padding:calc(var(--app-pane-padding)/2)}:host .timeline-entry.user img{border:2px solid var(--text-color-hint);border-radius:50%;height:30px;width:30px;z-index:1}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%}:host .timeline-entry .what .deadline-fire{align-items:center;display:flex;padding-bottom:4px}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{align-items:center;display:flex;flex-flow:row nowrap}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);height:18px;width:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .meta span{background-color:rgba(var(--color-black-rgb),.08);border-radius:2px;display:block;font-size:var(--font-caption);margin:0 calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4) 0;padding:2px 4px}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{align-items:center;border-color:var(--color-error);border-width:4px;color:var(--color-error);content:\"!\";display:flex;flex-flow:column;font-weight:var(--font-weight-bold);justify-content:center}"]
                 },] }
@@ -24147,10 +24212,10 @@
             this.http = http;
             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": "7.16.3", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "6.0.0-beta.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": "8.0.0-rc.3", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "6.0.0-beta.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 = {
                 productName: 'yuuvis® RAD client',
-                clientVersion: '7.16.3'
+                clientVersion: '8.0.0-rc.3'
             };
             this.licenses = {
                 'MIT': {