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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22722,7 +22722,7 @@
22722
22722
  InboxDetailsComponent.decorators = [
22723
22723
  { type: i0.Component, args: [{
22724
22724
  selector: 'eo-inbox-details',
22725
- 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",
22725
+ 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",
22726
22726
  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)}"]
22727
22727
  },] }
22728
22728
  ];
@@ -22760,9 +22760,9 @@
22760
22760
  ProcessHistoryComponent.decorators = [
22761
22761
  { type: i0.Component, args: [{
22762
22762
  selector: 'eo-process-history',
22763
- 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",
22763
+ 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",
22764
22764
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
22765
- 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}"]
22765
+ 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}"]
22766
22766
  },] }
22767
22767
  ];
22768
22768
  ProcessHistoryComponent.propDecorators = {
@@ -24370,10 +24370,10 @@
24370
24370
  this.http = http;
24371
24371
  this.userService = userService;
24372
24372
  this.config = config;
24373
- 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.7.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" }];
24373
+ 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" }];
24374
24374
  this.ctrl = {
24375
24375
  productName: 'yuuvis® RAD client',
24376
- clientVersion: '8.7.0-rc.1'
24376
+ clientVersion: '8.8.0-rc.1'
24377
24377
  };
24378
24378
  this.licenses = {
24379
24379
  'MIT': {