@eo-sdk/client 8.0.1 → 8.3.0-rc.1

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

@@ -1152,7 +1152,7 @@
 
     var UNDOCK_WINDOW_NAME = 'eoViewer';
     var PluginsService = /** @class */ (function () {
-        function PluginsService(backend, notifications, clipboard, logger, translate, dmsService, router, agentService, eventService, userService, ngZone) {
+        function PluginsService(backend, notifications, clipboard, logger, translate, dmsService, router, agentService, eventService, userService, appRef, ngZone) {
             var _this = this;
             this.backend = backend;
             this.notifications = notifications;
@@ -1164,6 +1164,7 @@
             this.agentService = agentService;
             this.eventService = eventService;
             this.userService = userService;
+            this.appRef = appRef;
             this.ngZone = ngZone;
             this.agentAction = {
                 OPEN: 'eo.agent.action.open',
@@ -1213,6 +1214,11 @@
         PluginsService.prototype.getApi = function () {
             var _this = this;
             return {
+                detectChanges: function () {
+                    setTimeout(function () {
+                        _this.appRef.tick();
+                    }, 500);
+                },
                 router: {
                     get: function () { return _this.router; }
                 },
@@ -1424,6 +1430,7 @@
         { type: AgentService },
         { type: i1.EventService },
         { type: i1.UserService },
+        { type: i0.ApplicationRef },
         { type: i0.NgZone }
     ]; };
 
@@ -6832,7 +6839,7 @@
             // emitted when a new value is set by the picker
             this.onDateChanged = new i0.EventEmitter();
             this.onCanceled = new i0.EventEmitter();
-            var locale = translate.currentLang.replace('zh', 'zh-cn'); // BUG: moment does not support 'zh'
+            var locale = (translate.currentLang || translate.defaultLang).replace('zh', 'zh-cn'); // BUG: moment does not support 'zh'
             moment$1.locale(locale);
             var startDay = moment$1().startOf('week').day();
             this.monthsShort = moment$1.monthsShort();
@@ -7070,7 +7077,7 @@
             this.propagateChange = function (_) {
             };
             this.datePipe = new LocaleDatePipe(translate);
-            this.locale = this.translate.currentLang.replace('zh', 'zh-cn'); // BUG: moment does not support 'zh'
+            this.locale = (this.translate.currentLang || this.translate.defaultLang).replace('zh', 'zh-cn'); // BUG: moment does not support 'zh'
             moment$2.locale(this.locale);
         }
         Object.defineProperty(DatetimeComponent.prototype, "withTime", {
@@ -7613,11 +7620,12 @@
     };
 
     var IdReferenceComponent = /** @class */ (function () {
-        function IdReferenceComponent(clipboardService, system, referenceService) {
+        function IdReferenceComponent(clipboardService, system, referenceService, searchService) {
             var _this = this;
             this.clipboardService = clipboardService;
             this.system = system;
             this.referenceService = referenceService;
+            this.searchService = searchService;
             this.innerValues = []; // inner ng-model value
             this.visibleDialog = false;
             this.propagateChange = function (value) { };
@@ -7750,6 +7758,48 @@
         IdReferenceComponent.prototype.validate = function (c) {
             return null;
         };
+        // handler invoked when an entry was selected using the autocomplete input
+        IdReferenceComponent.prototype.onAutoCompleteSelect = function (evt) {
+            this.linkDmsObject([evt.value]);
+            this.clearInnerInput();
+            this.propagateChange(this.value);
+            console.log(this.value);
+        };
+        IdReferenceComponent.prototype.autocompleteFn = function (evt) {
+            var _this = this;
+            var q = {
+                fields: ['title', 'description', 'type'],
+                types: [this.referenceType.name],
+                term: evt.query,
+                highlighting: true,
+                filters: this.queryFilters,
+                options: { withContext: true }
+            };
+            if (this.contextId) {
+                if (q.filters) {
+                    q.filters.contextfolderid = { v1: this.contextId, o: 'eq' };
+                }
+                else {
+                    q.filters = { contextfolderid: { v1: this.contextId, o: 'eq' } };
+                }
+            }
+            this.searchService
+                .executeQuery(q)
+                .pipe(operators.debounceTime(500), operators.map(function (item) { return item ? _this.searchService.createResultFromResponse(item) : []; })).subscribe(function (result) {
+                _this.autocompleteRes = result.hits.map(function (h) { return ({ label: h.title, value: h }); });
+            });
+        };
+        IdReferenceComponent.prototype.onAutoCompleteBlur = function () {
+            this.clearInnerInput();
+        };
+        IdReferenceComponent.prototype.clearInnerInput = function () {
+            if (this.autoCompleteInput.multiInputEL) {
+                this.autoCompleteInput.multiInputEL.nativeElement.value = '';
+            }
+            else {
+                this.autoCompleteInput.inputEL.nativeElement.value = '';
+            }
+        };
         IdReferenceComponent.prototype.ngOnInit = function () {
             if (this.situation === 'SEARCH') {
                 this.multiselect = true;
@@ -7760,7 +7810,7 @@
     IdReferenceComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-id-reference',
-                    template: "<div class=\"eo-id-reference\">\r\n\r\n  <div class=\"eo-id-reference__element\" *ngIf=\"referenceType; else notFound\">\r\n    <div *ngFor=\"let item of innerValues\" class=\"chip\">\r\n      <a *ngIf=\"!item.state || item.state === 'OK'\" class=\"link router-link\" [routerLink]=\"['/object', item.id, {outlets: {modal: null}}]\" [queryParams]=\"{type: referenceType.qname}\">\r\n        <svg focusable=\"false\" class=\"ref-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n             viewBox=\"0 0 24 24\">\r\n          <path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8\r\n          13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"></path>\r\n        </svg>\r\n      </a>\r\n      <eo-icon [objectType]=\"referenceType\" title=\"{{referenceType.label}}\" class=\"ref-type-icon\" [ngClass]=\"{'deleted-reference-label': item.state && (item.state === 'RECYCLED' || item.state === 'GONE')}\"></eo-icon>\r\n      <span *ngIf=\"!(item.state && (item.state === 'RECYCLED' || item.state === 'GONE')); else deleted\" class=\"label\">{{item.title || referenceType.label}}</span>\r\n      <ng-template #deleted>\r\n        <span class=\"label deleted-reference-label\">{{('eo.references.deleted' | translate)}}</span>\r\n      </ng-template>\r\n      <eo-icon *ngIf=\"!readonly\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeItem(item)\" class=\"remove-icon\"></eo-icon>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #notFound><span class=\"label\">{{innerValues && innerValues.length ? ('eo.references.not.available' | translate) : ''}}</span></ng-template>\r\n\r\n  <button #button class=\"ui-button\" *ngIf=\"!readonly\"\r\n          title=\"{{('eo.references.search' | translate) + ' ' + tooltipTypeHint}}\"\r\n          [disabled]=\"selectionDisabled\"\r\n          (click)=\"showDialog()\">\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_none.svg'\"></eo-icon>\r\n  </button>\r\n</div>\r\n\r\n<eo-dialog [title]=\"('eo.references.add' | translate)\"\r\n           [subtitle]=\"referenceType.label\"\r\n           [(visible)]=\"visibleDialog\"\r\n           [minWidth]=\"577\"\r\n           [minHeight]=\"590\"\r\n           [styleClass]=\"'reference-field-dialog'\"\r\n           #dialog>\r\n\r\n          <eo-reference-finder *ngIf=\"dialog.visible\"\r\n            [isDisabled]=\"isDisabled\"\r\n            [types]=\"referenceType.qname\"\r\n            [multiselect]=\"multiselect\"\r\n            [currentSelection]=\"innerValues\"\r\n            [clipboard]=\"clipboard\"\r\n            [contextId]=\"contextId\"\r\n            [exceptionIDs]=\"exceptionIDs\"\r\n            [queryFilters]=\"queryFilters\"\r\n            (addDmsObjects)=\"paste($event)\">\r\n          </eo-reference-finder>\r\n</eo-dialog>\r\n",
+                    template: "<div class=\"eo-id-reference\">\r\n\r\n  <div class=\"eo-id-reference__element\" *ngIf=\"referenceType; else notFound\">\r\n    <div *ngFor=\"let item of innerValues\" class=\"chip\">\r\n      <a *ngIf=\"!item.state || item.state === 'OK'\" class=\"link router-link\" [routerLink]=\"['/object', item.id, {outlets: {modal: null}}]\" [queryParams]=\"{type: referenceType.qname}\">\r\n        <svg focusable=\"false\" class=\"ref-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n             viewBox=\"0 0 24 24\">\r\n          <path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8\r\n          13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"></path>\r\n        </svg>\r\n      </a>\r\n      <eo-icon [objectType]=\"referenceType\" title=\"{{referenceType.label}}\" class=\"ref-type-icon\" [ngClass]=\"{'deleted-reference-label': item.state && (item.state === 'RECYCLED' || item.state === 'GONE')}\"></eo-icon>\r\n      <span *ngIf=\"!(item.state && (item.state === 'RECYCLED' || item.state === 'GONE')); else deleted\" class=\"label\">{{item.title || referenceType.label}}</span>\r\n      <ng-template #deleted>\r\n        <span class=\"label deleted-reference-label\">{{('eo.references.deleted' | translate)}}</span>\r\n      </ng-template>\r\n      <eo-icon *ngIf=\"!readonly\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeItem(item)\" class=\"remove-icon\"></eo-icon>\r\n    </div>\r\n  </div>\r\n\r\n  <p-autoComplete [minLength]=\"1\" [delay]=\"500\" #autocomplete\r\n                  (onSelect)=\"onAutoCompleteSelect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur()\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"label\"\r\n                  [readonly]=\"readonly\"\r\n                  [forceSelection]=\"true\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"multiselect\">\r\n  </p-autoComplete>\r\n\r\n  <ng-template #notFound><span class=\"label\">{{innerValues && innerValues.length ? ('eo.references.not.available' | translate) : ''}}</span></ng-template>\r\n\r\n  <button #button class=\"ui-button\" *ngIf=\"!readonly\"\r\n          title=\"{{('eo.references.search' | translate) + ' ' + tooltipTypeHint}}\"\r\n          [disabled]=\"selectionDisabled\"\r\n          (click)=\"showDialog()\">\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_none.svg'\"></eo-icon>\r\n  </button>\r\n</div>\r\n\r\n<eo-dialog [title]=\"('eo.references.add' | translate)\"\r\n           [subtitle]=\"referenceType.label\"\r\n           [(visible)]=\"visibleDialog\"\r\n           [minWidth]=\"577\"\r\n           [minHeight]=\"590\"\r\n           [styleClass]=\"'reference-field-dialog'\"\r\n           #dialog>\r\n\r\n          <eo-reference-finder *ngIf=\"dialog.visible\"\r\n            [isDisabled]=\"isDisabled\"\r\n            [types]=\"referenceType.qname\"\r\n            [multiselect]=\"multiselect\"\r\n            [currentSelection]=\"innerValues\"\r\n            [clipboard]=\"clipboard\"\r\n            [contextId]=\"contextId\"\r\n            [exceptionIDs]=\"exceptionIDs\"\r\n            [queryFilters]=\"queryFilters\"\r\n            (addDmsObjects)=\"paste($event)\">\r\n          </eo-reference-finder>\r\n</eo-dialog>\r\n",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -7773,13 +7823,14 @@
                             multi: true
                         }
                     ],
-                    styles: [".eo-id-reference{align-items:center;display:flex;justify-content:space-between}.eo-id-reference__element{align-self:center;display:flex;flex-wrap:wrap}.eo-id-reference .chip{align-items:center;display:flex}.eo-id-reference .chip .ref-type-icon{height:16px;margin-right:4px;width:16px}.eo-id-reference .chip .label{display:flex;flex-flow:column;margin-right:4px}.eo-id-reference .chip .label>span{font-size:var(--font-hint)}.eo-id-reference .chip .remove-icon{color:var(--text-color-hint);flex:0 0 auto;height:14px;width:14px}.eo-id-reference .chip .remove-icon:hover{color:var(--text-color-caption);cursor:pointer}.eo-id-reference .chip .deleted-reference-label{color:var(--color-error)}.eo-id-reference .ui-button:disabled{cursor:default}::ng-deep .reference-field-dialog{width:577px}"]
+                    styles: [".eo-id-reference{align-items:center;display:flex}.eo-id-reference__element{align-self:center;display:flex;flex-wrap:wrap}.eo-id-reference .chip{align-items:center;display:flex}.eo-id-reference .chip .ref-type-icon{height:16px;margin-right:4px;width:16px}.eo-id-reference .chip .label{display:flex;flex-flow:column;margin-right:4px}.eo-id-reference .chip .label>span{font-size:var(--font-hint)}.eo-id-reference .chip .remove-icon{color:var(--text-color-hint);flex:0 0 auto;height:14px;width:14px}.eo-id-reference .chip .remove-icon:hover{color:var(--text-color-caption);cursor:pointer}.eo-id-reference .chip .deleted-reference-label{color:var(--color-error)}.eo-id-reference .ui-button:disabled{cursor:default}::ng-deep .reference-field-dialog{width:577px}p-autoComplete{width:100%}"]
                 },] }
     ];
     IdReferenceComponent.ctorParameters = function () { return [
         { type: i1.ClipboardService },
         { type: i1.SystemService },
-        { type: ReferenceService }
+        { type: ReferenceService },
+        { type: i1.SearchService }
     ]; };
     IdReferenceComponent.propDecorators = {
         readonly: [{ type: i0.Input }],
@@ -7787,6 +7838,7 @@
         situation: [{ type: i0.Input }],
         contextId: [{ type: i0.Input }],
         exceptionIDs: [{ type: i0.Input }],
+        autoCompleteInput: [{ type: i0.ViewChild, args: ['autocomplete',] }],
         dataToRender: [{ type: i0.Input }],
         reference: [{ type: i0.Input }],
         queryFilters: [{ type: i0.Input }]
@@ -10646,7 +10698,7 @@
             }
             else {
                 if (element.type === 'DATETIME' && data[element.name]) {
-                    value = new Date(data[element.name]);
+                    value = new Date("" + data[element.name] + (element.withtime ? '' : 'T00:00:00'));
                 }
                 else {
                     value = data[element.name];
@@ -19402,7 +19454,7 @@
             _this.cd = cd;
             _this.eventService = eventService;
             _this._history = [];
-            _this.history = [];
+            // history: DmsObjectHistoryEntry[] = [];
             _this.filters = [];
             _this.visibleFilter = { select: true, input: true };
             _this.eventService
@@ -19414,6 +19466,16 @@
             });
             return _this;
         }
+        Object.defineProperty(ObjectHistoryComponent.prototype, "history", {
+            get: function () {
+                return this._history;
+            },
+            set: function (historyObj) {
+                this._history = historyObj;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(ObjectHistoryComponent.prototype, "params", {
             get: function () {
                 return this._params;
@@ -19435,7 +19497,7 @@
                 this.filters.push(type);
             }
             // todo: ChangeDetection should not work here, Hä?
-            this.history = this._history.filter(function (entry) { return _this.filters.indexOf(entry.group) === -1; });
+            this.history = this.history.filter(function (entry) { return _this.filters.indexOf(entry.group) === -1; });
         };
         ObjectHistoryComponent.prototype.trackByIndex = function (index, item) {
             return index;
@@ -19444,11 +19506,12 @@
             var _this = this;
             this.dmsService
                 .getHistory(id, type)
-                .subscribe(function (res) {
-                _this._history = res.reverse();
+                .pipe(operators.map(function (res) {
+                _this.history = res.reverse();
                 _this.toggleFilter(['INFORMATIONAL', true]);
                 _this.cd.markForCheck();
-            });
+            }))
+                .subscribe();
         };
         return ObjectHistoryComponent;
     }(UnsubscribeOnDestroy));
@@ -22566,16 +22629,14 @@
             var _this = this;
             this.locked = this.workItem.state === 'PERSON';
             this.preventClickThrough = true;
-            setTimeout(function () {
-                _this.preventClickThrough = false;
-            }, 1000);
+            setTimeout(function () { return _this.preventClickThrough = false; }, 1000);
             var _b = this.workItem, form = _b.form, data = _b.data;
             var workItem = { form: form, data: data };
             this.workItemIndexdata = form && data ? workItem : null;
             // fetch history
             this.bpmService
                 .getProcessHistory(this.workItem.processId)
-                .subscribe(function (res) {
+                .pipe(operators.map(function (res) {
                 res.forEach(function (item) {
                     if (item.editor) {
                         item.data.image = _this.userService.getUserImageUri(item.editor.id);
@@ -22584,7 +22645,8 @@
                 // sort by number because this is the auto-incrementing
                 // index of added history entries
                 _this.history = res.sort(function (a, b) { return b.number - a.number; });
-            });
+            }))
+                .subscribe();
         };
         InboxDetailsComponent.prototype.trackByCode = function (index, item) {
             return item.code;
@@ -22658,7 +22720,7 @@
     ProcessHistoryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-process-history',
-                    template: "<div class=\"process-history\">\r\n\r\n  <div class=\"filter\">\r\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\r\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\r\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\r\n\r\n    </div>\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\r\n  </div>\r\n\r\n\r\n  <ng-template #empty>\r\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\r\n  </ng-template>\r\n\r\n\r\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\r\n\r\n    <div class=\"timeline-entry\"\r\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\r\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\r\n\r\n      <div class=\"when\">\r\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\r\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\r\n      </div>\r\n      <div class=\"marker\">\r\n        <img *ngIf=\"entry.editor\"\r\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\r\n             [src]=\"entry.data?.image\">\r\n      </div>\r\n      <div class=\"what\">\r\n        <div class=\"title\">{{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}</div>\r\n\r\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\r\n          <div class=\"deadline-fire\">\r\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\r\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\r\n          </div>\r\n        </div>\r\n        <ng-template #description>\r\n          <div class=\"description\">\r\n            {{entry.description}}\r\n          </div>\r\n        </ng-template>\r\n\r\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\r\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\r\n            {{p.label}}\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    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 class=\"description\">\r\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\r\n          </div>\r\n        </ng-template>\r\n\r\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\r\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\r\n            {{p.label}}\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host .process-history{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background);display:flex;flex:1;flex:0 0 auto;flex-direction:row;justify-content:space-between;min-height:0;min-width:0}:host .filter .input{background-color:var(--color-white);border:1px solid var(--main-background);display:flex;flex-flow:row nowrap;margin:calc(var(--app-pane-padding)/2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{margin:0 calc(var(--app-pane-padding)/4)}:host .filter .input eo-icon,:host .filter>eo-icon{align-self:center;color:var(--text-color-hint);height:16px;width:16px}:host .filter>eo-icon{box-sizing:content-box;cursor:pointer;flex:0 0 auto;padding:calc(var(--app-pane-padding)/2)}:host .timeline-entry.user img{border:2px solid var(--text-color-hint);border-radius:50%;height:30px;width:30px;z-index:1}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%}:host .timeline-entry .what .deadline-fire{align-items:center;display:flex;padding-bottom:4px}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{align-items:center;display:flex;flex-flow:row nowrap}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);height:18px;width:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .meta span{background-color:rgba(var(--color-black-rgb),.08);border-radius:2px;display:block;font-size:var(--font-caption);margin:0 calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4) 0;padding:2px 4px}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{align-items:center;border-color:var(--color-error);border-width:4px;color:var(--color-error);content:\"!\";display:flex;flex-flow:column;font-weight:var(--font-weight-bold);justify-content:center}"]
                 },] }
@@ -22669,9 +22731,7 @@
 
     var ProcessDetailsComponent = /** @class */ (function (_super) {
         __extends(ProcessDetailsComponent, _super);
-        function ProcessDetailsComponent(bpmService, userService, systemService, 
-        // private processService: ProcessService,
-        selection, clipboardService, translate, router) {
+        function ProcessDetailsComponent(bpmService, userService, systemService, selection, clipboardService, translate, router) {
             var _this = _super.call(this) || this;
             _this.bpmService = bpmService;
             _this.userService = userService;
@@ -22700,9 +22760,7 @@
                     this.history = [];
                     this.locked = false;
                     this.loading = true;
-                    setTimeout(function () {
-                        _this.process();
-                    }, 0);
+                    setTimeout(function () { return _this.process(); }, 0);
                 }
             },
             enumerable: false,
@@ -22741,6 +22799,7 @@
                             item.data.image = _this.userService.getUserImageUri(item.editor.id);
                         }
                     });
+                    console.log({ history: history });
                     _this.history = history.sort(function (a, b) { return b.number - a.number; });
                 }
             });
@@ -24271,10 +24330,10 @@
             this.http = http;
             this.userService = userService;
             this.config = config;
-            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "8.0.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.3.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.0.1'
+                clientVersion: '8.3.0-rc.1'
             };
             this.licenses = {
                 'MIT': {