@eo-sdk/client 8.6.0-rc.1 → 8.8.0-rc.1

package/fesm2015/eo-sdk-client.js

@@ -20438,7 +20438,14 @@ class InboxDetailsComponent extends UnsubscribeOnDestroy {
             this.setupWorkItem();
             this.setFormOptions(form, data, actions);
             this.updateInboxSate();
-        }, Utils.throw(null, this.translate.instant('eo.process.activity.lock.denied'), this.workItem.title));
+        }, error => {
+            if (error.status === 409) {
+                Utils.throw(null, this.translate.instant('eo.bpm.event.script.execution.error'), this.workItem.title).call(this, {});
+            }
+            else {
+                Utils.throw(null, this.translate.instant('eo.process.activity.lock.denied'), this.workItem.title).call(this, {});
+            }
+        });
     }
     /**
      * Un-Locks a work item (de-personalize)
@@ -20665,7 +20672,7 @@ class InboxDetailsComponent extends UnsubscribeOnDestroy {
 InboxDetailsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-inbox-details',
-                template: "<div class=\"inbox-details\" *ngIf=\"item; else noItem\" [ngClass]=\"{bpm: item.type === 'BPM'}\">\r\n\r\n  <div class=\"eo-head\">\r\n    <header class=\"eo-header\">\r\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"!item.iconId\" title=\"{{item?.type}}\" [iconSrc]=\"'assets/_default/svg/ic_loop.svg'\"></eo-icon>\r\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconId\" title=\"{{item?.type}}\" [iconId]=\"item.iconId\"></eo-icon>\r\n      <div class=\"eo-header-info\">\r\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\r\n        <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\r\n      </div>\r\n      <div class=\"eo-header-actions\">\r\n        <eo-icon class=\"button primary refresh-button\" *ngIf=\"initializing.closed\"\r\n                 (click)=\"refresh()\"\r\n                 [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\r\n                 [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\r\n      </div>\r\n    </header>\r\n  </div>\r\n\r\n  <div class=\"eo-body\" *ngIf=\"initializing.closed\">\r\n\r\n    <div class=\"load-error\" *ngIf=\"loadError\">\r\n      <eo-error-message></eo-error-message>\r\n    </div>\r\n\r\n    <!-- details for BPM items -->\r\n    <eo-tab-container *ngIf=\"item.type === 'BPM'; else dmsTask\"\r\n                      [pluginPanels]=\"externalPanels\"\r\n                      [enableSlave]=\"false\"\r\n                      [cacheLayout]=\"'inbox-details'\">\r\n\r\n      <!-- TASK PANEL -->\r\n      <eo-tab-panel [id]=\"'task'\" header=\"{{'eo.process.details.tab.task' | translate}}\">\r\n\r\n        <div class=\"tab-panel\">\r\n          <div class=\"panel\">\r\n\r\n            <div class=\"process-description\" *ngIf=\"workItem?.description\">\r\n              <h3 translate>eo.process.details.tab.task.description</h3>\r\n              <div>{{workItem.description}}</div>\r\n            </div>\r\n\r\n            <!-- show info when we have an overdue -->\r\n            <eo-duetimeInfo *ngIf=\"item?.duetime\" [item]=\"item\"></eo-duetimeInfo>\r\n\r\n            <!-- list of users that you got the inbox entry for (in substitute of / deputies) -->\r\n            <div class=\"process-performer\" *ngIf=\"workItem?.inSubstituteOf?.length\">\r\n              <div class=\"head\" [ngClass]=\"{performerShow: substituteShow}\">\r\n                <div class=\"label\" translate>eo.process.substitute</div>\r\n                <div class=\"action\" (click)=\"substituteShow = !substituteShow\">\r\n                  <div class=\"count\">{{workItem.inSubstituteOf.length}}</div>\r\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n                </div>\r\n              </div>\r\n              <div class=\"body\" *ngIf=\"substituteShow\">\r\n                <div class=\"performer\" *ngFor=\"let u of workItem.inSubstituteOf\">\r\n                  <div class=\"icon-wrap\">\r\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\r\n                  </div>\r\n                  <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- contents to show when the user has locked the work item -->\r\n            <ng-container *ngIf=\"locked; else unlocked\">\r\n\r\n              <!-- work item form -->\r\n              <div class=\"process-form\">\r\n                <eo-object-form [formOptions]=\"formOptions\" *ngIf=\"workItem?.form\"\r\n                                (statusChanged)=\"onFormStatusChanged($event)\" #bpmForm></eo-object-form>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <!-- contents to show when work item isn't locked -->\r\n            <ng-template #unlocked>\r\n\r\n              <div class=\"notice\" translate>eo.process.task.continue</div>\r\n\r\n              <!-- list of recipients -->\r\n              <div class=\"process-performer\" *ngIf=\"workItem\">\r\n                <div class=\"head\" [ngClass]=\"{performerShow: performerShow}\">\r\n                  <div class=\"label\" translate>eo.process.recipients</div>\r\n                  <div class=\"action\" (click)=\"performerShow = !performerShow\">\r\n                    <div class=\"count\">{{workItem.performer.users.length + workItem.performer.roles.length + workItem.performer.groups.length}}</div>\r\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n                  </div>\r\n                </div>\r\n                <div class=\"body\" *ngIf=\"performerShow\">\r\n\r\n                  <!-- groups -->\r\n                  <div class=\"performer\" *ngFor=\"let g of workItem.performer.groups\">\r\n                    <div class=\"icon-wrap\">\r\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_group.svg'\"></eo-icon>\r\n                    </div>\r\n                    <div class=\"name\">{{g.name}}</div>\r\n                  </div>\r\n\r\n                  <!-- roles -->\r\n                  <div class=\"performer\" *ngFor=\"let r of workItem.performer.roles\">\r\n                    <div class=\"icon-wrap\">\r\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_role.svg'\"></eo-icon>\r\n                    </div>\r\n                    <div class=\"name\">{{r.name}}</div>\r\n                  </div>\r\n\r\n                  <!-- users -->\r\n                  <div class=\"performer\" *ngFor=\"let u of workItem.performer.users\">\r\n                    <div class=\"icon-wrap\">\r\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\r\n                    </div>\r\n                    <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <!-- summary of workflows indexdata -->\r\n              <div class=\"indexdata\" *ngIf=\"workItemIndexdata?.data\">\r\n                <h3 translate>eo.process.details.tab.task.indexdata</h3>\r\n                <eo-indexdata-summary [indexdata]=\"workItemIndexdata\"></eo-indexdata-summary>\r\n              </div>\r\n\r\n            </ng-template>\r\n          </div>\r\n\r\n          <!-- actions for bpm items -->\r\n          <ng-container *ngIf=\"locked; else unlockedActions\">\r\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\r\n\r\n              <div class=\"secondary\">\r\n                <!-- de-personalize the work item -->\r\n                <button class=\"btn-unlock\" (click)=\"unlockWorkItem()\" translate>eo.process.depersonalize</button>\r\n                <!-- save form data -->\r\n                <button class=\"btn-save\" (click)=\"saveWorkItemData()\" *ngIf=\"workItem?.form && !formState?.invalid && formState?.dirty\"\r\n                        translate>eo.object.indexdata.save</button>\r\n              </div>\r\n\r\n              <div class=\"primary\" [ngClass]=\"{disabled: preventClickThrough}\">\r\n                <!-- process actions -->\r\n                <button class=\"primary btn-execute\"\r\n                        *ngFor=\"let action of workItem.actions; trackBy: trackByCode\"\r\n                        (click)=\"executeWorkItemAction(action)\"\r\n                        [ngClass]=\"{ext: action.url}\"\r\n                        [disabled]=\"(!!formState && formState?.invalid) || !action.feasible\">{{action.title}}</button>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n\r\n          <!-- actions to show up, when the user has not personalized the work item -->\r\n          <ng-template #unlockedActions>\r\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed || !workItem}\">\r\n              <div class=\"primary\">\r\n                <!-- personalize the work item -->\r\n                <button class=\"primary btn-lock\" (click)=\"lockWorkItem()\" translate>eo.process.personalize</button>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n\r\n        </div>\r\n      </eo-tab-panel>\r\n\r\n      <!-- HISTORY PANEL -->\r\n      <eo-tab-panel [id]=\"'history'\" header=\"{{'eo.process.details.tab.progress' | translate}}\">\r\n\r\n        <div class=\"tab-panel\">\r\n          <div class=\"panel process-history\">\r\n            <eo-process-history [history]=\"history\"></eo-process-history>\r\n          </div>\r\n        </div>\r\n      </eo-tab-panel>\r\n\r\n      <!-- FILE PANEL -->\r\n      <eo-tab-panel [id]=\"'file'\" header=\"{{'eo.process.details.tab.attachments' | translate}}\">\r\n        <div class=\"tab-panel\">\r\n          <!-- list content attached to the work item -->\r\n          <div class=\"panel process-files\">\r\n            <eo-process-file [processFile]=\"workItem?.file\"\r\n                             [permissions]=\"workItem?.fileEntryPermissions\"\r\n                             [isDisabled]=\"!filesAdding.closed\"\r\n                             [clipboard]=\"clipboard\"\r\n                             [editable]=\"true\"\r\n                             [selectedContentFileId]=\"selectedContentFileId\"\r\n                             (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\r\n                             (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\r\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\r\n                             (onPasteProcessFile)=\"addFromClipboard()\">\r\n            </eo-process-file>\r\n          </div>\r\n        </div>\r\n      </eo-tab-panel>\r\n\r\n      <ng-content></ng-content>\r\n\r\n    </eo-tab-container>\r\n\r\n    <!-- body when we have a subscription or a resubmission -->\r\n    <ng-template #dmsTask>\r\n      <div class=\"tab-panel\">\r\n        <div class=\"panel\">\r\n          <div class=\"process-description\">\r\n            <h3 translate>eo.process.details.tab.task.description</h3>\r\n            <div>{{settings?.description}}</div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- actions for the current process item -->\r\n        <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\r\n          <div class=\"primary\">\r\n            <button class=\"primary btn-confirm\" (click)=\"confirmInboxItem()\">{{settings?.actionTitle}}</button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n  </div>\r\n</div>\r\n<ng-template #noItem>\r\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\r\n    <ng-content select=\".error\"></ng-content>\r\n  </eo-error-message>\r\n</ng-template>\r\n",
+                template: "<div class=\"inbox-details\" *ngIf=\"item; else noItem\" [ngClass]=\"{bpm: item.type === 'BPM'}\">\r\n\r\n  <div class=\"eo-head\">\r\n    <header class=\"eo-header\">\r\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"!item.iconId\" title=\"{{item?.type}}\" [iconSrc]=\"'assets/_default/svg/ic_loop.svg'\"></eo-icon>\r\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconId\" title=\"{{item?.type}}\" [iconId]=\"item.iconId\"></eo-icon>\r\n      <div class=\"eo-header-info\">\r\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\r\n        <h3 *ngIf=\"workItem\" class=\"eo-header-subtitle\">{{workItem.qmodelname}}</h3>\r\n      </div>\r\n      <div class=\"eo-header-actions\">\r\n        <eo-icon class=\"button primary refresh-button\" *ngIf=\"initializing.closed\"\r\n                 (click)=\"refresh()\"\r\n                 [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\r\n                 [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\r\n      </div>\r\n    </header>\r\n  </div>\r\n\r\n  <div class=\"eo-body\" *ngIf=\"initializing.closed\">\r\n\r\n    <div class=\"load-error\" *ngIf=\"loadError\">\r\n      <eo-error-message></eo-error-message>\r\n    </div>\r\n\r\n    <!-- details for BPM items -->\r\n    <eo-tab-container *ngIf=\"item.type === 'BPM'; else dmsTask\"\r\n                      [pluginPanels]=\"externalPanels\"\r\n                      [enableSlave]=\"false\"\r\n                      [cacheLayout]=\"'inbox-details'\">\r\n\r\n      <!-- TASK PANEL -->\r\n      <eo-tab-panel [id]=\"'task'\" header=\"{{'eo.process.details.tab.task' | translate}}\">\r\n\r\n        <div class=\"tab-panel\">\r\n          <div class=\"panel\">\r\n\r\n            <div class=\"process-description\" *ngIf=\"workItem?.description\">\r\n              <h3 translate>eo.process.details.tab.task.description</h3>\r\n              <div>{{workItem.description}}</div>\r\n            </div>\r\n\r\n            <!-- show info when we have an overdue -->\r\n            <eo-duetimeInfo *ngIf=\"item?.duetime\" [item]=\"item\"></eo-duetimeInfo>\r\n\r\n            <!-- list of users that you got the inbox entry for (in substitute of / deputies) -->\r\n            <div class=\"process-performer\" *ngIf=\"workItem?.inSubstituteOf?.length\">\r\n              <div class=\"head\" [ngClass]=\"{performerShow: substituteShow}\">\r\n                <div class=\"label\" translate>eo.process.substitute</div>\r\n                <div class=\"action\" (click)=\"substituteShow = !substituteShow\">\r\n                  <div class=\"count\">{{workItem.inSubstituteOf.length}}</div>\r\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n                </div>\r\n              </div>\r\n              <div class=\"body\" *ngIf=\"substituteShow\">\r\n                <div class=\"performer\" *ngFor=\"let u of workItem.inSubstituteOf\">\r\n                  <div class=\"icon-wrap\">\r\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\r\n                  </div>\r\n                  <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- contents to show when the user has locked the work item -->\r\n            <ng-container *ngIf=\"locked; else unlocked\">\r\n\r\n              <!-- work item form -->\r\n              <div class=\"process-form\">\r\n                <eo-object-form [formOptions]=\"formOptions\" *ngIf=\"workItem?.form\"\r\n                                (statusChanged)=\"onFormStatusChanged($event)\" #bpmForm></eo-object-form>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <!-- contents to show when work item isn't locked -->\r\n            <ng-template #unlocked>\r\n\r\n              <div class=\"notice\" translate>eo.process.task.continue</div>\r\n\r\n              <!-- list of recipients -->\r\n              <div class=\"process-performer\" *ngIf=\"workItem\">\r\n                <div class=\"head\" [ngClass]=\"{performerShow: performerShow}\">\r\n                  <div class=\"label\" translate>eo.process.recipients</div>\r\n                  <div class=\"action\" (click)=\"performerShow = !performerShow\">\r\n                    <div class=\"count\">{{workItem.performer.users.length + workItem.performer.roles.length + workItem.performer.groups.length}}</div>\r\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n                  </div>\r\n                </div>\r\n                <div class=\"body\" *ngIf=\"performerShow\">\r\n\r\n                  <!-- groups -->\r\n                  <div class=\"performer\" *ngFor=\"let g of workItem.performer.groups\">\r\n                    <div class=\"icon-wrap\">\r\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_group.svg'\"></eo-icon>\r\n                    </div>\r\n                    <div class=\"name\">{{g.name}}</div>\r\n                  </div>\r\n\r\n                  <!-- roles -->\r\n                  <div class=\"performer\" *ngFor=\"let r of workItem.performer.roles\">\r\n                    <div class=\"icon-wrap\">\r\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_role.svg'\"></eo-icon>\r\n                    </div>\r\n                    <div class=\"name\">{{r.name}}</div>\r\n                  </div>\r\n\r\n                  <!-- users -->\r\n                  <div class=\"performer\" *ngFor=\"let u of workItem.performer.users\">\r\n                    <div class=\"icon-wrap\">\r\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\r\n                    </div>\r\n                    <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <!-- summary of workflows indexdata -->\r\n              <div class=\"indexdata\" *ngIf=\"workItemIndexdata?.data\">\r\n                <h3 translate>eo.process.details.tab.task.indexdata</h3>\r\n                <eo-indexdata-summary [indexdata]=\"workItemIndexdata\"></eo-indexdata-summary>\r\n              </div>\r\n\r\n            </ng-template>\r\n          </div>\r\n\r\n          <!-- actions for bpm items -->\r\n          <ng-container *ngIf=\"locked; else unlockedActions\">\r\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\r\n\r\n              <div class=\"secondary\">\r\n                <!-- de-personalize the work item -->\r\n                <button class=\"btn-unlock\" (click)=\"unlockWorkItem()\" translate>eo.process.depersonalize</button>\r\n                <!-- save form data -->\r\n                <button class=\"btn-save\" (click)=\"saveWorkItemData()\" *ngIf=\"workItem?.form && !formState?.invalid && formState?.dirty\"\r\n                        translate>eo.object.indexdata.save</button>\r\n              </div>\r\n\r\n              <div class=\"primary\" [ngClass]=\"{disabled: preventClickThrough}\">\r\n                <!-- process actions -->\r\n                <button class=\"primary btn-execute\"\r\n                        *ngFor=\"let action of workItem.actions; trackBy: trackByCode\"\r\n                        (click)=\"executeWorkItemAction(action)\"\r\n                        [ngClass]=\"{ext: action.url}\"\r\n                        [disabled]=\"(!!formState && formState?.invalid) || !action.feasible\">{{action.title}}</button>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n\r\n          <!-- actions to show up, when the user has not personalized the work item -->\r\n          <ng-template #unlockedActions>\r\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed || !workItem}\">\r\n              <div class=\"primary\">\r\n                <!-- personalize the work item -->\r\n                <button class=\"primary btn-lock\" (click)=\"lockWorkItem()\" translate>eo.process.personalize</button>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n\r\n        </div>\r\n      </eo-tab-panel>\r\n\r\n      <!-- HISTORY PANEL -->\r\n      <eo-tab-panel [id]=\"'history'\" header=\"{{'eo.process.details.tab.progress' | translate}}\">\r\n\r\n        <div class=\"tab-panel\">\r\n          <div class=\"panel process-history\">\r\n            <eo-process-history [history]=\"history\"></eo-process-history>\r\n          </div>\r\n        </div>\r\n      </eo-tab-panel>\r\n\r\n      <!-- FILE PANEL -->\r\n      <eo-tab-panel [id]=\"'file'\" header=\"{{'eo.process.details.tab.attachments' | translate}}\">\r\n        <div class=\"tab-panel\">\r\n          <!-- list content attached to the work item -->\r\n          <div class=\"panel process-files\">\r\n            <eo-process-file [processFile]=\"workItem?.file\"\r\n                             [permissions]=\"workItem?.fileEntryPermissions\"\r\n                             [isDisabled]=\"!filesAdding.closed\"\r\n                             [clipboard]=\"clipboard\"\r\n                             [editable]=\"true\"\r\n                             [selectedContentFileId]=\"selectedContentFileId\"\r\n                             (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\r\n                             (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\r\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\r\n                             (onPasteProcessFile)=\"addFromClipboard()\">\r\n            </eo-process-file>\r\n          </div>\r\n        </div>\r\n      </eo-tab-panel>\r\n\r\n      <ng-content></ng-content>\r\n\r\n    </eo-tab-container>\r\n\r\n    <!-- body when we have a subscription or a resubmission -->\r\n    <ng-template #dmsTask>\r\n      <div class=\"tab-panel\">\r\n        <div class=\"panel\">\r\n          <div class=\"process-description\">\r\n            <h3 translate>eo.process.details.tab.task.description</h3>\r\n            <div>{{settings?.description}}</div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- actions for the current process item -->\r\n        <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\r\n          <div class=\"primary\">\r\n            <button class=\"primary btn-confirm\" (click)=\"confirmInboxItem()\">{{settings?.actionTitle}}</button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n  </div>\r\n</div>\r\n<ng-template #noItem>\r\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\r\n    <ng-content select=\".error\"></ng-content>\r\n  </eo-error-message>\r\n</ng-template>\r\n",
                 styles: [".inbox-details{background-color:var(--panel-background-grey);height:100%;position:relative}.inbox-details:not(.bpm) .eo-head{border-bottom:1px solid var(--panel-header-border-bottom-color);height:var(--app-pane-header-height)}.inbox-details:not(.bpm) .eo-body{top:var(--app-pane-header-height)}.inbox-details .eo-head{background-color:var(--color-white);height:calc(var(--app-pane-header-height) - 30px)}.inbox-details .eo-body{bottom:0;left:0;position:absolute;right:0;top:calc(var(--app-pane-header-height) - 30px)}.inbox-details .eo-body .load-error{align-items:center;background-color:var(--panel-background-grey);bottom:0;display:flex;flex-flow:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.inbox-details .eo-body .load-error eo-icon{color:var(--text-color-hint);opacity:.5;width:20%}.inbox-details .eo-body .tab-panel{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}.inbox-details .eo-body .tab-panel .panel:not(.process-history){display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto;padding:var(--app-pane-padding)}.inbox-details .eo-body .tab-panel .panel.process-files,.inbox-details .eo-body .tab-panel .panel.process-history{height:100%}.inbox-details .eo-body .tab-panel .process-actions{display:flex;flex:none;flex-direction:row;flex-wrap:wrap;justify-content:space-between;min-height:0;min-width:0;padding:0 calc(var(--app-pane-padding)*0.75) 0!important}.inbox-details .eo-body .tab-panel .process-actions button{margin:calc(var(--app-pane-padding)/8)}.inbox-details .eo-body .tab-panel .process-actions button.ext{position:relative}.inbox-details .eo-body .tab-panel .process-actions button.ext:after{border-color:rgba(var(--color-white-rgb),.7);border-style:solid;border-width:2px 2px 0 0;box-sizing:border-box;content:\"\";height:calc(var(--app-pane-padding)*0.5);position:absolute;right:calc(var(--app-pane-padding)/8);top:calc(var(--app-pane-padding)/8);width:calc(var(--app-pane-padding)*0.5)}.inbox-details .eo-body .tab-panel .process-actions div.primary{display:flex;flex:none;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;min-height:0;min-width:0;padding:var(--app-pane-padding) 0}.inbox-details .eo-body .tab-panel .process-actions div.primary.disabled{opacity:.2;pointer-events:none}.inbox-details .eo-body .tab-panel .process-actions div.secondary{display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;padding:var(--app-pane-padding) 0}.inbox-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.inbox-details .eo-body .tab-panel .process-actions.disabled button{cursor:default;pointer-events:none}.inbox-details .eo-body h3{border-bottom:1px solid rgba(var(--color-black-rgb),.1);color:var(--text-color-caption);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0 0 calc(var(--app-pane-padding)/2) 0;padding:0 0 calc(var(--app-pane-padding)/4) 0}.inbox-details .eo-body .notice{background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;margin-bottom:var(--app-pane-padding);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}.inbox-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding)/2)}.inbox-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.inbox-details .eo-body .process-performer{margin:calc(var(--app-pane-padding)/4) 0}.inbox-details .eo-body .process-performer .head{align-items:center;display:flex;flex-flow:row nowrap}.inbox-details .eo-body .process-performer .head .label{flex:1 1 auto}.inbox-details .eo-body .process-performer .head .action{-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;border:1px solid rgba(var(--color-black-rgb),.1);border-radius:2px;cursor:pointer;display:flex;flex-flow:row nowrap;overflow:hidden;padding:0 0 0 calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}.inbox-details .eo-body .process-performer .head .action .count{color:var(--text-color-caption);line-height:1em}.inbox-details .eo-body .process-performer .head .action eo-icon{-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(--text-color-hint);transition:all var(--app-default-transition-duration) ease-in-out}.inbox-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.inbox-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.inbox-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding)/2) 0}.inbox-details .eo-body .process-performer .body .performer{-moz-user-select:none;-webkit-animation:eoFadeInDown var(--app-default-transition-duration);-webkit-user-select:none;align-items:center;animation:eoFadeInDown var(--app-default-transition-duration);background-color:var(--color-white);border-radius:2px;display:flex;flex-flow:row nowrap;margin-bottom:2px;padding:2px;user-select:none}.inbox-details .eo-body .process-performer .body .performer .icon-wrap{background-color:var(--color-primary-3);border-radius:2px;color:var(--color-white);flex:0 0 auto;padding:2px}.inbox-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.inbox-details .eo-body .process-performer .body .performer .name .qname{background-color:rgba(var(--color-black-rgb),.08);border-radius:2px;color:var(--text-color-caption);display:inline-block;font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding)/2);padding:2px calc(var(--app-pane-padding)/2)}.inbox-details .eo-body .no-files{padding:var(--app-pane-padding)}"]
             },] }
 ];
@@ -20700,9 +20707,9 @@ class ProcessHistoryComponent {
 ProcessHistoryComponent.decorators = [
     { type: 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\">{{entry.title}}</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 *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\r\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\r\n          </div>\r\n\r\n          <ng-template #userDefined>\r\n            <div class=\"description\">\r\n              {{entry.description}}\r\n            </div>\r\n          </ng-template>\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",
+                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\">{{entry.title}}</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 *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\r\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\r\n          </div>\r\n\r\n          <ng-template #userDefined>\r\n            <div class=\"description\">\r\n              {{entry.description}}\r\n            </div>\r\n          </ng-template>\r\n        </ng-template>\r\n\r\n        <div class=\"performer\">\r\n          {{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\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",
                 changeDetection: 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}"]
+                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 .performer{color:var(--text-color-body);font-size:var(--font-hint);margin-bottom: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}"]
             },] }
 ];
 ProcessHistoryComponent.propDecorators = {
@@ -22196,10 +22203,10 @@ class AboutStateComponent {
         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": "8.6.0-rc.1", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "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.8.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": "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: '8.6.0-rc.1'
+            clientVersion: '8.8.0-rc.1'
         };
         this.licenses = {
             'MIT': {