@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.
@@ -20672,7 +20672,7 @@ class InboxDetailsComponent extends UnsubscribeOnDestroy {
20672
20672
  InboxDetailsComponent.decorators = [
20673
20673
  { type: Component, args: [{
20674
20674
  selector: 'eo-inbox-details',
20675
- 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",
20675
+ 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",
20676
20676
  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)}"]
20677
20677
  },] }
20678
20678
  ];
@@ -20707,9 +20707,9 @@ class ProcessHistoryComponent {
20707
20707
  ProcessHistoryComponent.decorators = [
20708
20708
  { type: Component, args: [{
20709
20709
  selector: 'eo-process-history',
20710
- 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",
20710
+ 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",
20711
20711
  changeDetection: ChangeDetectionStrategy.OnPush,
20712
- 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}"]
20712
+ 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}"]
20713
20713
  },] }
20714
20714
  ];
20715
20715
  ProcessHistoryComponent.propDecorators = {
@@ -22203,10 +22203,10 @@ class AboutStateComponent {
22203
22203
  this.http = http;
22204
22204
  this.userService = userService;
22205
22205
  this.config = config;
22206
- 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" }];
22206
+ 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" }];
22207
22207
  this.ctrl = {
22208
22208
  productName: 'yuuvis® RAD client',
22209
- clientVersion: '8.7.0-rc.1'
22209
+ clientVersion: '8.8.0-rc.1'
22210
22210
  };
22211
22211
  this.licenses = {
22212
22212
  'MIT': {