npm - @eo-sdk/client - Versions diffs - 9.0.0-rc.2 → 9.0.0-rc.4 - Mend

@eo-sdk/client 9.0.0-rc.2 → 9.0.0-rc.4

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.

Files changed (34) hide show

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

@@ -1979,6 +1979,7 @@
                 return params.node.group || !params.data ? '' : params.data[colDef.field];
             };
             colDef.refData = { qname: resultField.qname || '' };
+            colDef.cellStyle = { 'justify-content': resultField.alignmentx ? resultField.alignmentx : 'unset' };
             /**
              * headerClass
              * add special header class for fields from the contextfolder
@@ -2288,14 +2289,14 @@
             return CellRenderer[type + 'CellRenderer'](Object.assign({}, param, newParam));
         };
         CellRenderer.filesizeCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             return param.value ? param.context.fileSizePipe.transform(param.value) : '';
         };
         CellRenderer.numberCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             if (param.value || param.value === 0) {
                 if (param.value.operator) {
@@ -2323,14 +2324,14 @@
             return context.numberPipe.transform(value, grouping, pattern, scale);
         };
         CellRenderer.stringCellrenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             return GridService.escapeHtml(param.value);
         };
         CellRenderer.typeCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var val = '';
             if (param.value) {
@@ -2343,8 +2344,8 @@
             return val;
         };
         CellRenderer.iconCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var val = '';
             if (param.value && (param.value.url || param.value.iconId)) {
@@ -2360,24 +2361,24 @@
             return val;
         };
         CellRenderer.emailCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             return param.value
                 ? "<a href=\"mailto:" + param.value + "\">" + GridService.escapeHtml(param.value) + "</a>"
                 : '';
         };
         CellRenderer.urlCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             return param.value
                 ? "<a target=\"_blank \" href=\"" + param.value + "\">" + GridService.escapeHtml(param.value) + "</a>"
                 : '';
         };
         CellRenderer.dateTimeCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             if (param.value) {
                 if (param.value.operator) {
@@ -2402,14 +2403,14 @@
             }
         };
         CellRenderer.dateTimeCellRendererTemplate = function (value, context, pattern) {
-            if (value === null) {
+            if (value === null && CellRenderer.situation === 'SEARCH') {
                 return "<span class=\"no-value\">" + context.translate.instant('eo.form.input.null') + "</span>";
             }
             return "<span date=\"" + value + "\">" + context.datePipe.transform(value, pattern) + "</span>";
         };
         CellRenderer.booleanCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var val = "<path class=\"background\" d=\"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z\"/>";
             if (param.value === true || param.value === 'true') {
@@ -2421,8 +2422,8 @@
             return "<svg class=\"checkbox\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">" + val + "</svg>";
         };
         CellRenderer.multiSelectCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var val = '';
             if (param.value) {
@@ -2433,8 +2434,8 @@
             return val;
         };
         CellRenderer.linkCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var val = '';
             if (param.value) {
@@ -2456,8 +2457,8 @@
             return val;
         };
         CellRenderer.referenceCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var text = '';
             var value = param.data ? param.data[param.colDef.field] : '';
@@ -2480,8 +2481,12 @@
             }
             return text || param.value;
         };
+        CellRenderer.noValueRenderer = function (param) {
+            return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+        };
         return CellRenderer;
     }());
+    CellRenderer.situation = '';
     /**
      * EditingObserver service is used to track changes made inside the application, that should prevent
@@ -4025,7 +4030,7 @@
     IndexdataSummaryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-indexdata-summary',
-                    template: "<div class=\"empty-container\" *ngIf=\"emptyState\">{{'eo.indexdata.summary.no.change' | translate}}</div>\n<div class=\"indexdata-summary\">\n\n  <div class=\"core-section\" *ngIf=\"coreValues?.length\">\n\n    <eo-indexdata-summary-entry *ngFor=\"let item of coreValues\"\n                                [label]=\"item.label\"\n                                [value]=\"item._value\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n\n  </div>\n  <div class=\"data-section\" *ngIf=\"dataValues && dataValues.length\">\n    <eo-simple-accordion #dataAccordion\n                         [header]=\"('eo.indexdata.summary.more' | translate)\"\n                         [selected]=\"moreInfoAcc\"\n                         (onOpen)=\"onMoreInfoToggle($event)\">\n      <div class=\"data\">\n\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues\"\n                                    [label]=\"item.label\"\n                                    [value]=\"item._value\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n  <div class=\"baseparams-section\" *ngIf=\"baseparams\">\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.modifiedOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modified' | translate\"\n                                [value]=\"baseparams.modifiedOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modifier' | translate\"\n                                [value]=\"baseparams.modifiedBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.createdOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.created' | translate\"\n                                [value]=\"baseparams.createdOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.creator' | translate\"\n                                [value]=\"baseparams.createdBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.object.summary.version' | translate\"\n                                [value]=\"getVersionLink(baseparams.version)\"\n                                (onValueClicked)=\"onValueClick($event, {version: baseparams.version})\">\n    </eo-indexdata-summary-entry>\n\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filename' | translate\"\n                                [value]=\"baseparams.contentFileName\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentFileSize\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filesize' | translate\"\n                                [value]=\"diffActive ? {val1: baseparams.contentFileSize['val1'] | fileSize, val2: baseparams.contentFileSize['val2'] | fileSize} : (baseparams.contentFileSize | fileSize)\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.id' | translate\"\n                                [value]=\"baseparams.id\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentId !== baseparams.id && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.contentId' | translate\"\n                                [value]=\"baseparams.contentId\">\n    </eo-indexdata-summary-entry>\n  </div>\n\n  <div class=\"storageinfo\" *ngIf=\"item?.content && isUserAllowedToShowStorageSection && !diffActive\">\n    <eo-simple-accordion #storageAccordion\n                         [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                         [selected]=\"dataInfoAcc\"\n                         (onOpen)=\"onStorageInfoToggle($event)\">\n\n      <div class=\"storageinfo-entry baseparams-section\" *ngIf=\"baseparams\">\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.global.baseparam.digest' | translate\"\n                                    [value]=\"baseparams.digest\">\n        </eo-indexdata-summary-entry>\n      </div>\n\n      <div class=\"storageinfo-entry baseparams-section\" *ngFor=\"let stInfo of storageInfos; trackBy: trackByIndex\">\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.object.storageinfo.retention' | translate\"\n                                    [value]=\"stInfo.retention | localeDate : 'eoShortDate'\">\n        </eo-indexdata-summary-entry>\n\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.object.storageinfo.permanence' | translate\"\n                                    [value]=\"stInfo.permanence\">\n        </eo-indexdata-summary-entry>\n\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.object.storageinfo.setname' | translate\"\n                                    [value]=\"stInfo.setname\">\n        </eo-indexdata-summary-entry>\n\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.object.storageinfo.storagename' | translate\"\n                                    [value]=\"stInfo.storagename\">\n        </eo-indexdata-summary-entry>\n\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.object.storageinfo.location' | translate\"\n                                    [value]=\"stInfo.location\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n</div>\n",
+                    template: "<div class=\"empty-container\" *ngIf=\"emptyState\">{{'eo.indexdata.summary.no.change' | translate}}</div>\n<div class=\"indexdata-summary\">\n\n  <div class=\"core-section\" *ngIf=\"coreValues?.length\">\n\n    <eo-indexdata-summary-entry *ngFor=\"let item of coreValues\"\n                                [label]=\"item.label\"\n                                [value]=\"item._value\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n\n  </div>\n  <div class=\"data-section\" *ngIf=\"dataValues && dataValues.length\">\n    <eo-simple-accordion #dataAccordion\n                         [header]=\"('eo.indexdata.summary.more' | translate)\"\n                         [selected]=\"moreInfoAcc\"\n                         (onOpen)=\"onMoreInfoToggle($event)\">\n      <div class=\"data\">\n\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues\"\n                                    [label]=\"item.label\"\n                                    [value]=\"item._value\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n  <div class=\"baseparams-section\" *ngIf=\"baseparams\">\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.modifiedOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modified' | translate\"\n                                [value]=\"baseparams.modifiedOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modifier' | translate\"\n                                [value]=\"baseparams.modifiedBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.createdOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.created' | translate\"\n                                [value]=\"baseparams.createdOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.creator' | translate\"\n                                [value]=\"baseparams.createdBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.object.summary.version' | translate\"\n                                [value]=\"getVersionLink(baseparams.version)\"\n                                (onValueClicked)=\"onValueClick($event, {version: baseparams.version})\">\n    </eo-indexdata-summary-entry>\n\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filename' | translate\"\n                                [value]=\"baseparams.contentFileName\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentFileSize\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filesize' | translate\"\n                                [value]=\"diffActive ? {val1: baseparams.contentFileSize['val1'] | fileSize, val2: baseparams.contentFileSize['val2'] | fileSize} : (baseparams.contentFileSize | fileSize)\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetype' | translate\"\n                                [value]=\"baseparams.mimeType\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.id' | translate\"\n                                [value]=\"baseparams.id\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentId !== baseparams.id && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.contentId' | translate\"\n                                [value]=\"baseparams.contentId\">\n    </eo-indexdata-summary-entry>\n  </div>\n\n  <div class=\"storageinfo\" *ngIf=\"item?.content && isUserAllowedToShowStorageSection && !diffActive\">\n    <eo-simple-accordion #storageAccordion\n                         [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                         [selected]=\"dataInfoAcc\"\n                         (onOpen)=\"onStorageInfoToggle($event)\">\n\n      <div class=\"storageinfo-entry baseparams-section\" *ngIf=\"baseparams\">\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.global.baseparam.digest' | translate\"\n                                    [value]=\"baseparams.digest\">\n        </eo-indexdata-summary-entry>\n      </div>\n\n      <div class=\"storageinfo-entry baseparams-section\" *ngFor=\"let stInfo of storageInfos; trackBy: trackByIndex\">\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.object.storageinfo.retention' | translate\"\n                                    [value]=\"stInfo.retention | localeDate : 'eoShortDate'\">\n        </eo-indexdata-summary-entry>\n\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.object.storageinfo.permanence' | translate\"\n                                    [value]=\"stInfo.permanence\">\n        </eo-indexdata-summary-entry>\n\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.object.storageinfo.setname' | translate\"\n                                    [value]=\"stInfo.setname\">\n        </eo-indexdata-summary-entry>\n\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.object.storageinfo.storagename' | translate\"\n                                    [value]=\"stInfo.storagename\">\n        </eo-indexdata-summary-entry>\n\n        <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                    [label]=\"'eo.object.storageinfo.location' | translate\"\n                                    [value]=\"stInfo.location\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n</div>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:block}:host .baseparams-section,:host .core-section,:host .data-section{line-height:1.5em;list-style:none;margin:0}:host .core-section,:host .data-section{margin-bottom:calc(var(--app-pane-padding)/2)}:host .data-section .data{margin-bottom:var(--app-pane-padding);margin-top:calc(var(--app-pane-padding)/2)}:host::ng-deep .ui-accordion .ui-accordion-content{padding:0}:host .storageinfo,:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}"]
                 },] }
@@ -5635,7 +5640,7 @@
     AppProcessComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-app-process',
-                    template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"400\"\n           [styleClass]=\"'more-actions'\"\n           (hide)=\"close($event)\">\n\n  <section *ngIf=\"processes?.length; else loading\">\n\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\n      <div class=\"pi-content\">\n        <div class=\"title\">{{process.title}}</div>\n        <div class=\"description\">{{process.description}}</div>\n      </div>\n    </div>\n\n  </section>\n\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\n\n  <ng-template #loading>\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n  </ng-template>\n\n\n  <ng-template #tplProcessForm>\n\n    <eo-dialog [title]=\"selectedProcess?.title\"\n               [subtitle]=\"selectedProcess?.description\"\n               [visible]=\"true\"\n               [dirtyCheck]=\"pendingTaskIds\"\n               [minWidth]=\"1000\"\n               [minHeight]=\"630\"\n               [styleClass]=\"'process-form-dialog'\"\n               (hide)=\"cancelDialog()\" #dialog>\n\n      <eo-process-form [formOptions]=\"processForm\"\n                      (onResetForm)=\"formReset($event)\"\n                      (onCancel)=\"(dialog.visible = false)\"\n                      (onSaveForm)=\"startProcessWithFormData($event)\"\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-process-form>\n    </eo-dialog>\n  </ng-template>\n\n</eo-dialog>\n",
+                    template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"400\"\n           [styleClass]=\"'more-actions'\"\n           (hide)=\"close($event)\">\n\n  <section *ngIf=\"processes?.length; else loading\">\n\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\n      <div class=\"pi-content\">\n        <div class=\"title\">{{process.title}}</div>\n        <div class=\"description\">{{process.description}}</div>\n      </div>\n    </div>\n\n  </section>\n\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\n\n  <ng-template #loading>\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n  </ng-template>\n\n\n  <ng-template #tplProcessForm>\n\n    <eo-dialog [title]=\"selectedProcess?.title\"\n               [subtitle]=\"selectedProcess?.description\"\n               [visible]=\"true\"\n               [dirtyCheck]=\"pendingTaskIds\"\n               [minWidth]=\"1000\"\n               [styleClass]=\"'process-form-dialog'\"\n               (hide)=\"cancelDialog()\" #dialog>\n\n      <eo-process-form [formOptions]=\"processForm\"\n                      (onResetForm)=\"formReset($event)\"\n                      (onCancel)=\"(dialog.visible = false)\"\n                      (onSaveForm)=\"startProcessWithFormData($event)\"\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-process-form>\n    </eo-dialog>\n  </ng-template>\n\n</eo-dialog>\n",
                     styles: [".process-item{align-items:center;border-bottom:1px solid var(--list-item-border-color);cursor:pointer;display:flex;padding:var(--app-pane-padding)}.process-item:hover{background-color:var(--list-item-hover-background)}.process-item eo-icon{opacity:.7}.process-item .pi-content{padding:0 var(--app-pane-padding)}.process-item .pi-content .description{color:var(--text-color-caption)}eo-loading-spinner{display:flex;justify-content:center;padding:var(--app-pane-padding)}"]
                 },] }
     ];
@@ -6436,7 +6441,13 @@
         CodesystemComponent.prototype.onAutoCompleteBlur = function (e) {
             if (!this.multiselect && !this.readonly) {
                 var existingNode = this.autocompleteValues.find(function (tNode) { return tNode.name === e.target.value; });
-                this.selectedNodes = existingNode ? existingNode : null;
+                if (existingNode) {
+                    this.selectedNodes = existingNode;
+                }
+                else {
+                    this.selectedNodes = null;
+                    e.target.value = null;
+                }
                 this.setFormControlValue();
             }
         };
@@ -8395,7 +8406,7 @@
                 this.value = !this.isValid ? null : new i1.RangeValue(this.searchOption, this.rangeForm.get('numberValueFrom').value, this.rangeForm.get('numberValue').value);
             }
             else {
-                this.value = !this.isValid || !this.rangeForm.get('numberValue').value ? null : new i1.RangeValue(this.searchOption, this.rangeForm.get('numberValue').value);
+                this.value = !this.isValid || this.rangeForm.get('numberValue').value === null ? null : new i1.RangeValue(this.searchOption, this.rangeForm.get('numberValue').value);
             }
             this.propagateChange(this.value);
         };
@@ -9261,7 +9272,7 @@
     StringComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-string',
-                    template: "<div class=\"eo-form-string\">\n\n  <input *ngIf=\"!multiline && !multiselect && !autocomplete\"\n         type=\"text\"\n         pInputText\n         (blur)=\"onBlur()\"\n         [readonly]=\"readonly\"\n         [(ngModel)]=\"value\"\n         (ngModelChange)=\"onValueChange($event)\"/>\n\n  <!-- single line input with autocomplete -->\n  <p-autoComplete *ngIf=\"!multiline && !multiselect && autocomplete\"\n                  #autocomplete\n                  [(ngModel)]=\"value\"\n                  [minLength]=\"3\"\n                  [delay]=\"500\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  [suggestions]=\"autocompleteRes\"\n                  (onBlur)=\"onBlur()\"\n                  (onSelect)=\"onValueChange($event)\"\n                  (ngModelChange)=\"onValueChange($event)\"\n                  (completeMethod)=\"autocompleteFn($event)\">\n  </p-autoComplete>\n\n  <!-- single line input with multiselect-->\n  <p-chips *ngIf=\"!multiline && multiselect && !autocomplete\"\n           [(ngModel)]=\"value\"\n           [disabled]=\"readonly\"\n           (onBlur)=\"onBlur()\"\n           (ngModelChange)=\"onValueChange($event)\">\n  </p-chips>\n\n  <p-autoComplete *ngIf=\"!multiline && multiselect && autocomplete\"\n                  [(ngModel)]=\"value\"\n                  [suggestions]=\"autocompleteRes\"\n                  [minLength]=\"1\"\n                  [multiple]=\"true\"\n                  [minLength]=\"3\"\n                  [delay]=\"500\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  (onBlur)=\"onBlur()\"\n                  (ngModelChange)=\"onValueChange($event)\"\n                  (completeMethod)=\"autocompleteFn($event)\"\n                  (keyup.enter)=\"onKeyUpEnter($event)\">\n  </p-autoComplete>\n\n  <!-- multi line text inputs -->\n  <textarea class=\"input-textarea size-{{size}}\" pInputTextarea\n            *ngIf=\"multiline\"\n            (blur)=\"onBlur()\"\n            [(ngModel)]=\"value\"\n            [readonly]=\"readonly\"\n            (ngModelChange)=\"onValueChange($event)\"></textarea>\n\n  <div class=\"classify\" [ngClass]=\"{empty: !value || situation === 'SEARCH'}\">\n    <a href=\"mailto:{{formatedValue}}\" *ngIf=\"classification === 'email' && valid\">\n      <i class=\"fa fa-envelope-o\"></i>\n    </a>\n    <a target=\"_blank\" href=\"{{value}}\" *ngIf=\"classification === 'url' && valid\">\n      <i class=\"fa fa-globe\"></i>\n    </a>\n  </div>\n\n</div>\n",
+                    template: "<div class=\"eo-form-string\">\n\n  <input *ngIf=\"!multiline && !multiselect && !autocomplete\"\n         type=\"text\"\n         pInputText\n         (blur)=\"onBlur()\"\n         [readonly]=\"readonly\"\n         [disabled]=\"readonly\"\n         [(ngModel)]=\"value\"\n         (ngModelChange)=\"onValueChange($event)\"/>\n\n  <!-- single line input with autocomplete -->\n  <p-autoComplete *ngIf=\"!multiline && !multiselect && autocomplete\"\n                  #autocomplete\n                  [(ngModel)]=\"value\"\n                  [minLength]=\"3\"\n                  [delay]=\"500\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  [suggestions]=\"autocompleteRes\"\n                  (onBlur)=\"onBlur()\"\n                  (onSelect)=\"onValueChange($event)\"\n                  (ngModelChange)=\"onValueChange($event)\"\n                  (completeMethod)=\"autocompleteFn($event)\">\n  </p-autoComplete>\n\n  <!-- single line input with multiselect-->\n  <p-chips *ngIf=\"!multiline && multiselect && !autocomplete\"\n           [(ngModel)]=\"value\"\n           [disabled]=\"readonly\"\n           (onBlur)=\"onBlur()\"\n           (ngModelChange)=\"onValueChange($event)\">\n  </p-chips>\n\n  <p-autoComplete *ngIf=\"!multiline && multiselect && autocomplete\"\n                  [(ngModel)]=\"value\"\n                  [suggestions]=\"autocompleteRes\"\n                  [minLength]=\"1\"\n                  [multiple]=\"true\"\n                  [minLength]=\"3\"\n                  [delay]=\"500\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  (onBlur)=\"onBlur()\"\n                  (ngModelChange)=\"onValueChange($event)\"\n                  (completeMethod)=\"autocompleteFn($event)\"\n                  (keyup.enter)=\"onKeyUpEnter($event)\">\n  </p-autoComplete>\n\n  <!-- multi line text inputs -->\n  <textarea class=\"input-textarea size-{{size}}\" pInputTextarea\n            *ngIf=\"multiline\"\n            (blur)=\"onBlur()\"\n            [(ngModel)]=\"value\"\n            [readonly]=\"readonly\"\n            [disabled]=\"readonly\"\n            (ngModelChange)=\"onValueChange($event)\"></textarea>\n\n  <div class=\"classify\" [ngClass]=\"{empty: !value || situation === 'SEARCH'}\">\n    <a href=\"mailto:{{formatedValue}}\" *ngIf=\"classification === 'email' && valid\">\n      <i class=\"fa fa-envelope-o\"></i>\n    </a>\n    <a target=\"_blank\" href=\"{{value}}\" *ngIf=\"classification === 'url' && valid\">\n      <i class=\"fa fa-globe\"></i>\n    </a>\n  </div>\n\n</div>\n",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -11083,6 +11094,9 @@
                         this.formElementRef._eoFormElement.maxlen = 32;
                     }
                     this.fetchTags();
+                    if (this.formElementRef._eoFormElement.readonly && this.formElementRef._eoFormElement.required) {
+                        this.formElementRef._eoFormElement.required = false;
+                    }
                 }
             },
             enumerable: false,
@@ -11223,7 +11237,7 @@
             });
             _this._cachedColumns = _this.storageService.getItem(FormElementTableComponent.COLUMNS_DEFINITION) || [];
             _this._cachedColumnsOverlay = _this.storageService.getItem(FormElementTableComponent.COLUMNS_DEFINITION_OVERLAY) || [];
-            _this.showPreview = !!_this.storageService.getItem('showPreview');
+            _this.showPreview = !!_this.storageService.getItem('eo.table.showPreview');
             return _this;
         }
         Object.defineProperty(FormElementTableComponent.prototype, "params", {
@@ -11233,6 +11247,7 @@
             set: function (p) {
                 if (p) {
                     this._params = p;
+                    CellRenderer.situation = this._params.situation;
                     if (this._params.situation === 'SEARCH') {
                         this._params.size = 'supersmall';
                     }
@@ -11563,7 +11578,7 @@
         };
         FormElementTableComponent.prototype.togglePreview = function () {
             this.showPreview = !this.showPreview;
-            this.storageService.setItem('showPreview', this.showPreview);
+            this.storageService.setItem('eo.table.showPreview', this.showPreview);
         };
         return FormElementTableComponent;
     }(UnsubscribeOnDestroy));
@@ -11572,7 +11587,7 @@
     FormElementTableComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-table',
-                    template: "<div class=\"object-form-table\" [ngClass]=\"{medium: _params.size === 'medium', large: _params.size === 'large'}\">\n  <div class=\"label\">\n    <span>{{_params.element.label}}</span>\n    <ng-container *ngIf=\"_params.situation !== 'SEARCH'\">\n\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_expand.svg'\" [iconTitle]=\"('eo.form.table.options.btn.open'| translate)\" (click)=\"openDialog()\"></eo-icon>\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit()\"></eo-icon>\n      <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n      <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n\n    </ng-container>\n  </div>\n  <div class=\"grid-body size-{{ params.size }}\">\n    <ag-grid-angular #agGrid *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                     [gridOptions]=\"gridOptions\"\n                     (rowDoubleClicked)=\"editRow($event)\"\n                     (cellClicked)=\"onCellClicked($event)\"\n                     (sortChanged)=\"onSortChanged()\"\n                     (cellValueChanged)=\"onEditComplete($event)\"\n                     (columnResized)=\"onColumnResized($event.column)\">\n    </ag-grid-angular>\n  </div>\n</div>\n\n\n<eo-dialog\n[title]=\"params.element.label\"\n[visible]=\"showDialog\"\n[dirtyCheck]=\"rowEdit?.pendingTaskId\"\n[minWidth]=\"_params.situation !== 'SEARCH' ? '97vw' : 200\"\n[styleClass]=\"'object-form-table-dialog'\"\n(hide)=\"onClose()\"\n[isFormTable]=\"true\"\n[hasPreviewFile]=\"!!params.object?.content\"\n[showPreview]=\"showPreview\"\n(onTogglePreview)=\"togglePreview()\">\n\n  <div class=\"body\">\n\n      <eo-split [gutterSize]=\"16\" [switchable]=\"true\">\n\n        <eo-split-area *ngIf=\"_params.situation !== 'SEARCH'\" class=\"table-area\" [size]=\"50\" [minSizePixel]=\"100\" [order]=\"1\">\n          <div class=\"table-body\">\n            <div class=\"object-form-table\">\n              <div class=\"label\">\n                <span></span>\n                <ng-container>\n                  <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit(true)\"></eo-icon>\n                  <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n                  <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n                </ng-container>\n              </div>\n              <div class=\"grid-body\">\n                <ag-grid-angular #agGrid2 *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                                [gridOptions]=\"overlayGridOptions\"\n                                (cellClicked)=\"onCellClicked($event);editRow($event)\"\n                                (mousedown)=\"onMouseDown($event)\"\n                                (sortChanged)=\"onSortChanged()\"\n                                 (cellValueChanged)=\"onEditComplete($event)\"\n                                 (columnResized)=\"onColumnResized($event.column, true)\">\n                </ag-grid-angular>\n              </div>\n            </div>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [size]=\"15\" [minSizePixel]=\"300\" *ngIf=\"editingRow\" [order]=\"2\">\n          <div class=\"edit-body\">\n            <eo-row-edit [row]=\"editingRow\" #rowEdit\n                          (onSave)=\"updateRow($event)\"\n                          (onSaveCopy)=\"copyRow($event)\"\n                          (onDelete)=\"deleteRow($event)\"\n                          (onCancel)=\"cancelRowEdit()\"></eo-row-edit>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area *ngIf=\"showPreview && !!params.object?.content\" [size]=\"10\" [minSizePixel]=\"150\" [order]=\"3\">\n          <eo-media [dmsObject]=\"params.object\" [undockDisabled]=\"true\"\n                    [useVersion]=\"params.object.id === params.object.content?.id\"></eo-media>\n        </eo-split-area>\n      </eo-split>\n  </div>\n</eo-dialog>\n\n",
+                    template: "<div class=\"object-form-table\" [ngClass]=\"{medium: _params.size === 'medium', large: _params.size === 'large'}\">\n  <div class=\"label\">\n    <span>{{_params.element.label}}</span>\n    <ng-container *ngIf=\"_params.situation !== 'SEARCH'\">\n\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_expand.svg'\" [iconTitle]=\"('eo.form.table.options.btn.open'| translate)\" (click)=\"openDialog()\"></eo-icon>\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit()\"></eo-icon>\n      <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n      <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n\n    </ng-container>\n  </div>\n  <div class=\"grid-body size-{{ params.size }}\">\n    <ag-grid-angular #agGrid *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                     [gridOptions]=\"gridOptions\"\n                     (rowDoubleClicked)=\"editRow($event)\"\n                     (cellClicked)=\"onCellClicked($event)\"\n                     (sortChanged)=\"onSortChanged()\"\n                     (cellValueChanged)=\"onEditComplete($event)\"\n                     (columnResized)=\"onColumnResized($event.column)\">\n    </ag-grid-angular>\n  </div>\n</div>\n\n\n<eo-dialog\n[title]=\"params.element.label\"\n[visible]=\"showDialog\"\n[dirtyCheck]=\"rowEdit?.pendingTaskId\"\n[minWidth]=\"_params.situation !== 'SEARCH' ? '97vw' : 200\"\n[styleClass]=\"'object-form-table-dialog'\"\n(hide)=\"onClose()\"\n[isFormTable]=\"true\"\n[hasPreviewFile]=\"!!params.object?.content\"\n[showPreview]=\"showPreview\"\n(onTogglePreview)=\"togglePreview()\">\n\n  <div class=\"body\">\n\n      <eo-split [gutterSize]=\"16\" [switchable]=\"true\" [cacheLayout]=\"'table.state'\">\n\n        <eo-split-area *ngIf=\"_params.situation !== 'SEARCH'\" class=\"table-area\" [size]=\"40\" [minSizePixel]=\"100\" [order]=\"1\">\n          <div class=\"table-body\">\n            <div class=\"object-form-table\">\n              <div class=\"label\">\n                <span></span>\n                <ng-container>\n                  <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit(true)\"></eo-icon>\n                  <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n                  <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n                </ng-container>\n              </div>\n              <div class=\"grid-body\">\n                <ag-grid-angular #agGrid2 *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                                [gridOptions]=\"overlayGridOptions\"\n                                (cellClicked)=\"onCellClicked($event);editRow($event)\"\n                                (mousedown)=\"onMouseDown($event)\"\n                                (sortChanged)=\"onSortChanged()\"\n                                 (cellValueChanged)=\"onEditComplete($event)\"\n                                 (columnResized)=\"onColumnResized($event.column, true)\">\n                </ag-grid-angular>\n              </div>\n            </div>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [size]=\"20\" [minSizePixel]=\"300\" *ngIf=\"editingRow\" [order]=\"2\">\n          <div class=\"edit-body\">\n            <eo-row-edit [row]=\"editingRow\" #rowEdit\n                          (onSave)=\"updateRow($event)\"\n                          (onSaveCopy)=\"copyRow($event)\"\n                          (onDelete)=\"deleteRow($event)\"\n                          (onCancel)=\"cancelRowEdit()\"></eo-row-edit>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area *ngIf=\"showPreview && !!params.object?.content\" [size]=\"40\" [minSizePixel]=\"150\" [order]=\"3\">\n          <eo-media [dmsObject]=\"params.object\" [undockDisabled]=\"true\"\n                    [useVersion]=\"params.object.id === params.object.content?.id\"></eo-media>\n        </eo-split-area>\n      </eo-split>\n  </div>\n</eo-dialog>\n\n",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -14261,12 +14276,14 @@
     var TextFilterComponent = /** @class */ (function (_super) {
         __extends(TextFilterComponent, _super);
-        function TextFilterComponent(settingsService) {
+        function TextFilterComponent(settingsService, storageService) {
             var _this = _super.call(this) || this;
             _this.settingsService = settingsService;
+            _this.storageService = storageService;
             _this.title = '';
             _this.placeholder = 'eo.resultlist.grid.filterOoo';
             _this.focused = false;
+            _this.autocompleteRes = [];
             _this.id = '#text';
             return _this;
         }
@@ -14301,6 +14318,13 @@
         };
         TextFilterComponent.prototype.focusout = function () {
             this.focused = false;
+            if (!this.autocompleteRes.includes(this.value) && this.value !== '' && this.value.trim() !== '') {
+                if (this.autocompleteRes.length === 5) {
+                    this.autocompleteRes.shift();
+                }
+                this.autocompleteRes.push(this.value);
+                this.storageService.setItem('eo.inbox.filter.suggestions', this.autocompleteRes);
+            }
         };
         TextFilterComponent.prototype.focus = function () {
             if (!this.focused) {
@@ -14309,17 +14333,22 @@
                 setTimeout(function () { document.execCommand('selectall', false, null); });
             }
         };
+        TextFilterComponent.prototype.autocompleteFn = function (evt) {
+            this.autocompleteRes = this.storageService.getItem('eo.inbox.filter.suggestions') || [];
+            this.autocompleteRes.reverse();
+        };
         return TextFilterComponent;
     }(AbstractFilterComponent));
     TextFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-text-filter',
-                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n</header>\n<eo-form-input>\n  <input #input (ngModelChange)=\"onChange($event)\" [ngModel]=\"value\" class=\"form-control\"\n         placeholder=\"{{ placeholder | translate}}\" (focus)=\"focus()\" (focusout)=\"focusout()\">\n</eo-form-input>\n",
+                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n</header>\n<eo-form-input>\n  <p-autoComplete #input (ngModelChange)=\"onChange($event)\" [ngModel]=\"value\" class=\"form-control\"\n                  placeholder=\"{{ placeholder | translate}}\" (focus)=\"focus()\" (focusout)=\"focusout()\" (completeMethod)=\"autocompleteFn($event)\" [suggestions]=\"autocompleteRes\"></p-autoComplete>\n</eo-form-input>\n",
                     styles: [".title{font-weight:700;margin-top:.5em}input{border:none}.form-control::-ms-clear{display:none}"]
                 },] }
     ];
     TextFilterComponent.ctorParameters = function () { return [
-        { type: ListSettingsService }
+        { type: ListSettingsService },
+        { type: i1.LocalStorageService }
     ]; };
     TextFilterComponent.propDecorators = {
         title: [{ type: i0.Input }],
@@ -20077,7 +20106,8 @@
                     version: version || 0,
                     mimeGroup: content ? content.contents ? content.contents[0].mimegroup : null : null,
                     digest: content ? content.contents ? content.contents[0].digest : null : null,
-                    contentId: content ? content.contents ? content.id : null : null
+                    contentId: content ? content.contents ? content.id : null : null,
+                    mimeType: content ? content.contents ? content.contents[0].mimetype : null : null,
                 };
                 return { indexDataPreview: indexDataPreview, baseparams: baseparams };
             }));
@@ -22867,11 +22897,16 @@
          */
         InboxDetailsComponent.prototype.confirmInboxItem = function () {
             var _this = this;
+            this.preventClickThrough = true;
+            setTimeout(function () {
+                _this.preventClickThrough = false;
+            }, 1000);
             this.actionProcessing = this.inboxService
                 .removeItem(this.item)
                 .subscribe(function () {
                 _this.notify.success(_this.translate.instant('eo.inbox.activity.confirm.success'));
                 _this.eventService.trigger(i1.EnaioEvent.INBOX_ITEM_CONFIRMED, _this.item);
+                _this.item = undefined;
                 _this.inboxService.refreshInboxState();
             }, i1.Utils.catch(null, this.translate.instant('eo.process.item.remove.fail')));
         };
@@ -22940,7 +22975,7 @@
     InboxDetailsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-inbox-details',
-                    template: "<div class=\"inbox-details\" *ngIf=\"item; else noItem\" [ngClass]=\"{bpm: item.type === 'BPM'}\">\n\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"!item.iconId\" title=\"{{item?.type}}\" [iconSrc]=\"'assets/_default/svg/ic_loop.svg'\"></eo-icon>\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconId\" title=\"{{item?.type}}\" [iconId]=\"item.iconId\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 *ngIf=\"item.description\" class=\"eo-header-subtitle\">{{item.description}}</h3>\n        <h3 *ngIf=\"workItem && !item.description\" class=\"eo-header-subtitle\">{{workItem.qmodelname}}</h3>\n      </div>\n      <div class=\"eo-header-actions\">\n        <eo-icon class=\"button primary refresh-button\" *ngIf=\"initializing.closed\"\n                 (click)=\"refresh()\"\n                 [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                 [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\" *ngIf=\"initializing.closed\">\n\n    <div class=\"load-error\" *ngIf=\"loadError\">\n      <eo-error-message></eo-error-message>\n    </div>\n\n    <!-- details for BPM items -->\n    <eo-tab-container *ngIf=\"item.type === 'BPM'; else dmsTask\"\n                      [pluginPanels]=\"externalPanels\"\n                      [enableSlave]=\"false\"\n                      [cacheLayout]=\"'inbox-details'\">\n\n      <!-- TASK PANEL -->\n      <eo-tab-panel [id]=\"'task'\" header=\"{{'eo.process.details.tab.task' | translate}}\">\n\n        <div class=\"tab-panel\">\n          <div class=\"panel\">\n\n            <div class=\"process-description\" *ngIf=\"workItem?.description\">\n              <h3 translate>eo.process.details.tab.task.description</h3>\n              <div>{{workItem.description}}</div>\n            </div>\n\n            <!-- show info when we have an overdue -->\n            <eo-duetimeInfo *ngIf=\"item?.duetime\" [item]=\"item\"></eo-duetimeInfo>\n\n            <!-- list of users that you got the inbox entry for (in substitute of / deputies) -->\n            <div class=\"process-performer\" *ngIf=\"workItem?.inSubstituteOf?.length\">\n              <div class=\"head\" [ngClass]=\"{performerShow: substituteShow}\">\n                <div class=\"label\" translate>eo.process.substitute</div>\n                <div class=\"action\" (click)=\"substituteShow = !substituteShow\">\n                  <div class=\"count\">{{workItem.inSubstituteOf.length}}</div>\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n                </div>\n              </div>\n              <div class=\"body\" *ngIf=\"substituteShow\">\n                <div class=\"performer\" *ngFor=\"let u of workItem.inSubstituteOf\">\n                  <div class=\"icon-wrap\">\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\n                  </div>\n                  <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\n                </div>\n              </div>\n            </div>\n\n            <!-- contents to show when the user has locked the work item -->\n            <ng-container *ngIf=\"locked; else unlocked\">\n\n              <!-- work item form -->\n              <div class=\"process-form\">\n                <eo-object-form [formOptions]=\"formOptions\" *ngIf=\"workItem?.form\"\n                                (statusChanged)=\"onFormStatusChanged($event)\" #bpmForm></eo-object-form>\n              </div>\n            </ng-container>\n\n            <!-- contents to show when work item isn't locked -->\n            <ng-template #unlocked>\n\n              <div class=\"notice\" translate>eo.process.task.continue</div>\n\n              <!-- list of recipients -->\n              <div class=\"process-performer\" *ngIf=\"workItem\">\n                <div class=\"head\" [ngClass]=\"{performerShow: performerShow}\">\n                  <div class=\"label\" translate>eo.process.recipients</div>\n                  <div class=\"action\" (click)=\"performerShow = !performerShow\">\n                    <div class=\"count\">{{workItem.performer.users.length + workItem.performer.roles.length + workItem.performer.groups.length}}</div>\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n                  </div>\n                </div>\n                <div class=\"body\" *ngIf=\"performerShow\">\n\n                  <!-- groups -->\n                  <div class=\"performer\" *ngFor=\"let g of workItem.performer.groups\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_group.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{g.name}}</div>\n                  </div>\n\n                  <!-- roles -->\n                  <div class=\"performer\" *ngFor=\"let r of workItem.performer.roles\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_role.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{r.name}}</div>\n                  </div>\n\n                  <!-- users -->\n                  <div class=\"performer\" *ngFor=\"let u of workItem.performer.users\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\n                  </div>\n                </div>\n              </div>\n\n              <!-- summary of workflows indexdata -->\n              <div class=\"indexdata\" *ngIf=\"workItemIndexdata?.data\">\n                <h3 translate>eo.process.details.tab.task.indexdata</h3>\n                <eo-indexdata-summary [indexdata]=\"workItemIndexdata\"></eo-indexdata-summary>\n              </div>\n\n            </ng-template>\n          </div>\n\n          <!-- actions for bpm items -->\n          <ng-container *ngIf=\"locked; else unlockedActions\">\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\n\n              <div class=\"secondary\">\n                <!-- de-personalize the work item -->\n                <button class=\"btn-unlock\" (click)=\"unlockWorkItem()\" translate>eo.process.depersonalize</button>\n                <!-- save form data -->\n                <button class=\"btn-save\" (click)=\"saveWorkItemData()\" *ngIf=\"workItem?.form && !formState?.invalid && formState?.dirty\"\n                        translate>eo.object.indexdata.save</button>\n              </div>\n\n              <div class=\"primary\" [ngClass]=\"{disabled: preventClickThrough}\">\n                <!-- process actions -->\n                <button class=\"primary btn-execute\"\n                        *ngFor=\"let action of workItem.actions; trackBy: trackByCode\"\n                        (click)=\"executeWorkItemAction(action)\"\n                        [ngClass]=\"{ext: action.url}\"\n                        [disabled]=\"(!!formState && formState?.invalid) || !action.feasible\">{{action.title}}</button>\n              </div>\n            </div>\n          </ng-container>\n\n          <!-- actions to show up, when the user has not personalized the work item -->\n          <ng-template #unlockedActions>\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed || !workItem}\">\n              <div class=\"primary\">\n                <!-- personalize the work item -->\n                <button class=\"primary btn-lock\" (click)=\"lockWorkItem()\" translate>eo.process.personalize</button>\n              </div>\n            </div>\n          </ng-template>\n\n        </div>\n      </eo-tab-panel>\n\n      <!-- HISTORY PANEL -->\n      <eo-tab-panel [id]=\"'history'\" header=\"{{'eo.process.details.tab.progress' | translate}}\">\n\n        <div class=\"tab-panel\">\n          <div class=\"panel process-history\">\n            <eo-process-history [history]=\"history\"></eo-process-history>\n          </div>\n        </div>\n      </eo-tab-panel>\n\n      <!-- FILE PANEL -->\n      <eo-tab-panel [id]=\"'file'\" header=\"{{'eo.process.details.tab.attachments' | translate}}\">\n        <div class=\"tab-panel\">\n          <!-- list content attached to the work item -->\n          <div class=\"panel process-files\">\n            <eo-process-file [processFile]=\"workItem?.file\"\n                             [permissions]=\"workItem?.fileEntryPermissions\"\n                             [isDisabled]=\"!filesAdding.closed\"\n                             [clipboard]=\"clipboard\"\n                             [editable]=\"true\"\n                             [selectedContentFileId]=\"selectedContentFileId\"\n                             (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\n                             (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onPasteProcessFile)=\"addFromClipboard()\">\n            </eo-process-file>\n          </div>\n        </div>\n      </eo-tab-panel>\n\n      <ng-content></ng-content>\n\n    </eo-tab-container>\n\n    <!-- body when we have a subscription or a resubmission -->\n    <ng-template #dmsTask>\n      <div class=\"tab-panel\">\n        <div class=\"panel\">\n          <div class=\"process-description\">\n            <h3 translate>eo.process.details.tab.task.description</h3>\n            <div>{{settings?.description}}</div>\n          </div>\n        </div>\n\n        <!-- actions for the current process item -->\n        <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\n          <div class=\"primary\">\n            <button class=\"primary btn-confirm\" (click)=\"confirmInboxItem()\">{{settings?.actionTitle}}</button>\n          </div>\n        </div>\n\n      </div>\n    </ng-template>\n\n  </div>\n</div>\n<ng-template #noItem>\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n",
+                    template: "<div class=\"inbox-details\" *ngIf=\"item; else noItem\" [ngClass]=\"{bpm: item.type === 'BPM'}\">\n\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"!item.iconId\" title=\"{{item?.type}}\" [iconSrc]=\"'assets/_default/svg/ic_loop.svg'\"></eo-icon>\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconId\" title=\"{{item?.type}}\" [iconId]=\"item.iconId\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 *ngIf=\"item.description\" class=\"eo-header-subtitle\">{{item.description}}</h3>\n        <h3 *ngIf=\"workItem && !item.description\" class=\"eo-header-subtitle\">{{workItem.qmodelname}}</h3>\n      </div>\n      <div class=\"eo-header-actions\">\n        <eo-icon class=\"button primary refresh-button\" *ngIf=\"initializing.closed\"\n                 (click)=\"refresh()\"\n                 [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                 [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\" *ngIf=\"initializing.closed\">\n\n    <div class=\"load-error\" *ngIf=\"loadError\">\n      <eo-error-message></eo-error-message>\n    </div>\n\n    <!-- details for BPM items -->\n    <eo-tab-container *ngIf=\"item.type === 'BPM'; else dmsTask\"\n                      [pluginPanels]=\"externalPanels\"\n                      [enableSlave]=\"false\"\n                      [cacheLayout]=\"'inbox-details'\">\n\n      <!-- TASK PANEL -->\n      <eo-tab-panel [id]=\"'task'\" header=\"{{'eo.process.details.tab.task' | translate}}\">\n\n        <div class=\"tab-panel\">\n          <div class=\"panel\">\n\n            <div class=\"process-description\" *ngIf=\"workItem?.description\">\n              <h3 translate>eo.process.details.tab.task.description</h3>\n              <div>{{workItem.description}}</div>\n            </div>\n\n            <!-- show info when we have an overdue -->\n            <eo-duetimeInfo *ngIf=\"item?.duetime\" [item]=\"item\"></eo-duetimeInfo>\n\n            <!-- list of users that you got the inbox entry for (in substitute of / deputies) -->\n            <div class=\"process-performer\" *ngIf=\"workItem?.inSubstituteOf?.length\">\n              <div class=\"head\" [ngClass]=\"{performerShow: substituteShow}\">\n                <div class=\"label\" translate>eo.process.substitute</div>\n                <div class=\"action\" (click)=\"substituteShow = !substituteShow\">\n                  <div class=\"count\">{{workItem.inSubstituteOf.length}}</div>\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n                </div>\n              </div>\n              <div class=\"body\" *ngIf=\"substituteShow\">\n                <div class=\"performer\" *ngFor=\"let u of workItem.inSubstituteOf\">\n                  <div class=\"icon-wrap\">\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\n                  </div>\n                  <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\n                </div>\n              </div>\n            </div>\n\n            <!-- contents to show when the user has locked the work item -->\n            <ng-container *ngIf=\"locked; else unlocked\">\n\n              <!-- work item form -->\n              <div class=\"process-form\">\n                <eo-object-form [formOptions]=\"formOptions\" *ngIf=\"workItem?.form\"\n                                (statusChanged)=\"onFormStatusChanged($event)\" #bpmForm></eo-object-form>\n              </div>\n            </ng-container>\n\n            <!-- contents to show when work item isn't locked -->\n            <ng-template #unlocked>\n\n              <div class=\"notice\" translate>eo.process.task.continue</div>\n\n              <!-- list of recipients -->\n              <div class=\"process-performer\" *ngIf=\"workItem\">\n                <div class=\"head\" [ngClass]=\"{performerShow: performerShow}\">\n                  <div class=\"label\" translate>eo.process.recipients</div>\n                  <div class=\"action\" (click)=\"performerShow = !performerShow\">\n                    <div class=\"count\">{{workItem.performer.users.length + workItem.performer.roles.length + workItem.performer.groups.length}}</div>\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n                  </div>\n                </div>\n                <div class=\"body\" *ngIf=\"performerShow\">\n\n                  <!-- groups -->\n                  <div class=\"performer\" *ngFor=\"let g of workItem.performer.groups\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_group.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{g.name}}</div>\n                  </div>\n\n                  <!-- roles -->\n                  <div class=\"performer\" *ngFor=\"let r of workItem.performer.roles\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_role.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{r.name}}</div>\n                  </div>\n\n                  <!-- users -->\n                  <div class=\"performer\" *ngFor=\"let u of workItem.performer.users\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\n                  </div>\n                </div>\n              </div>\n\n              <!-- summary of workflows indexdata -->\n              <div class=\"indexdata\" *ngIf=\"workItemIndexdata?.data\">\n                <h3 translate>eo.process.details.tab.task.indexdata</h3>\n                <eo-indexdata-summary [indexdata]=\"workItemIndexdata\"></eo-indexdata-summary>\n              </div>\n\n            </ng-template>\n          </div>\n\n          <!-- actions for bpm items -->\n          <ng-container *ngIf=\"locked; else unlockedActions\">\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\n\n              <div class=\"secondary\">\n                <!-- de-personalize the work item -->\n                <button class=\"btn-unlock\" (click)=\"unlockWorkItem()\" translate>eo.process.depersonalize</button>\n                <!-- save form data -->\n                <button class=\"btn-save\" (click)=\"saveWorkItemData()\" *ngIf=\"workItem?.form && !formState?.invalid && formState?.dirty\"\n                        translate>eo.object.indexdata.save</button>\n              </div>\n\n              <div class=\"primary\" [ngClass]=\"{disabled: preventClickThrough}\">\n                <!-- process actions -->\n                <button class=\"primary btn-execute\"\n                        *ngFor=\"let action of workItem.actions; trackBy: trackByCode\"\n                        (click)=\"executeWorkItemAction(action)\"\n                        [ngClass]=\"{ext: action.url}\"\n                        [disabled]=\"(!!formState && formState?.invalid) || !action.feasible\">{{action.title}}</button>\n              </div>\n            </div>\n          </ng-container>\n\n          <!-- actions to show up, when the user has not personalized the work item -->\n          <ng-template #unlockedActions>\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed || !workItem}\">\n              <div class=\"primary\">\n                <!-- personalize the work item -->\n                <button class=\"primary btn-lock\" (click)=\"lockWorkItem()\" translate>eo.process.personalize</button>\n              </div>\n            </div>\n          </ng-template>\n\n        </div>\n      </eo-tab-panel>\n\n      <!-- HISTORY PANEL -->\n      <eo-tab-panel [id]=\"'history'\" header=\"{{'eo.process.details.tab.progress' | translate}}\">\n\n        <div class=\"tab-panel\">\n          <div class=\"panel process-history\">\n            <eo-process-history [history]=\"history\"></eo-process-history>\n          </div>\n        </div>\n      </eo-tab-panel>\n\n      <!-- FILE PANEL -->\n      <eo-tab-panel [id]=\"'file'\" header=\"{{'eo.process.details.tab.attachments' | translate}}\">\n        <div class=\"tab-panel\">\n          <!-- list content attached to the work item -->\n          <div class=\"panel process-files\">\n            <eo-process-file [processFile]=\"workItem?.file\"\n                             [permissions]=\"workItem?.fileEntryPermissions\"\n                             [isDisabled]=\"!filesAdding.closed\"\n                             [clipboard]=\"clipboard\"\n                             [editable]=\"true\"\n                             [selectedContentFileId]=\"selectedContentFileId\"\n                             (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\n                             (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onPasteProcessFile)=\"addFromClipboard()\">\n            </eo-process-file>\n          </div>\n        </div>\n      </eo-tab-panel>\n\n      <ng-content></ng-content>\n\n    </eo-tab-container>\n\n    <!-- body when we have a subscription or a resubmission -->\n    <ng-template #dmsTask>\n      <div class=\"tab-panel\">\n        <div class=\"panel\">\n          <div class=\"process-description\">\n            <h3 translate>eo.process.details.tab.task.description</h3>\n            <div>{{settings?.description}}</div>\n          </div>\n        </div>\n\n        <!-- actions for the current process item -->\n        <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\n          <div class=\"primary\">\n            <button class=\"primary btn-confirm\" [disabled]=\"preventClickThrough\" (click)=\"confirmInboxItem()\">{{settings?.actionTitle}}</button>\n          </div>\n        </div>\n\n      </div>\n    </ng-template>\n\n  </div>\n</div>\n<ng-template #noItem>\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n",
                     styles: [".inbox-details{background-color:var(--panel-background-grey);height:100%;position:relative}.inbox-details:not(.bpm) .eo-head{border-bottom:1px solid var(--panel-header-border-bottom-color);height:var(--app-pane-header-height)}.inbox-details:not(.bpm) .eo-body{top:var(--app-pane-header-height)}.inbox-details .eo-head{background-color:var(--color-white);height:calc(var(--app-pane-header-height) - 30px)}.inbox-details .eo-body{bottom:0;left:0;position:absolute;right:0;top:calc(var(--app-pane-header-height) - 30px)}.inbox-details .eo-body .load-error{align-items:center;background-color:var(--panel-background-grey);bottom:0;display:flex;flex-flow:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.inbox-details .eo-body .load-error eo-icon{color:var(--text-color-hint);opacity:.5;width:20%}.inbox-details .eo-body .tab-panel{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}.inbox-details .eo-body .tab-panel .panel:not(.process-history){display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto;padding:var(--app-pane-padding)}.inbox-details .eo-body .tab-panel .panel.process-files,.inbox-details .eo-body .tab-panel .panel.process-history{height:100%}.inbox-details .eo-body .tab-panel .process-actions{display:flex;flex:none;flex-direction:row;flex-wrap:wrap;justify-content:space-between;min-height:0;min-width:0;padding:0 calc(var(--app-pane-padding)*0.75) 0!important}.inbox-details .eo-body .tab-panel .process-actions button{margin:calc(var(--app-pane-padding)/8)}.inbox-details .eo-body .tab-panel .process-actions button.ext{position:relative}.inbox-details .eo-body .tab-panel .process-actions button.ext:after{border-color:rgba(var(--color-white-rgb),.7);border-style:solid;border-width:2px 2px 0 0;box-sizing:border-box;content:\"\";height:calc(var(--app-pane-padding)*0.5);position:absolute;right:calc(var(--app-pane-padding)/8);top:calc(var(--app-pane-padding)/8);width:calc(var(--app-pane-padding)*0.5)}.inbox-details .eo-body .tab-panel .process-actions div.primary{display:flex;flex:none;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;min-height:0;min-width:0;padding:var(--app-pane-padding) 0}.inbox-details .eo-body .tab-panel .process-actions div.primary.disabled{opacity:.2;pointer-events:none}.inbox-details .eo-body .tab-panel .process-actions div.secondary{display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;padding:var(--app-pane-padding) 0}.inbox-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.inbox-details .eo-body .tab-panel .process-actions.disabled button{cursor:default;pointer-events:none}.inbox-details .eo-body h3{border-bottom:1px solid rgba(var(--color-black-rgb),.1);color:var(--text-color-caption);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0 0 calc(var(--app-pane-padding)/2) 0;padding:0 0 calc(var(--app-pane-padding)/4) 0}.inbox-details .eo-body .notice{background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;margin-bottom:var(--app-pane-padding);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}.inbox-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding)/2)}.inbox-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.inbox-details .eo-body .process-performer{margin:calc(var(--app-pane-padding)/4) 0}.inbox-details .eo-body .process-performer .head{align-items:center;display:flex;flex-flow:row nowrap}.inbox-details .eo-body .process-performer .head .label{flex:1 1 auto}.inbox-details .eo-body .process-performer .head .action{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;align-items:center;border:1px solid rgba(var(--color-black-rgb),.1);border-radius:2px;cursor:pointer;display:flex;flex-flow:row nowrap;overflow:hidden;padding:0 0 0 calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}.inbox-details .eo-body .process-performer .head .action .count{color:var(--text-color-caption);line-height:1em}.inbox-details .eo-body .process-performer .head .action eo-icon{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;color:var(--text-color-hint);transition:all var(--app-default-transition-duration) ease-in-out}.inbox-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.inbox-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.inbox-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding)/2) 0}.inbox-details .eo-body .process-performer .body .performer{-moz-user-select:none;-webkit-animation:eoFadeInDown var(--app-default-transition-duration);-webkit-user-select:none;align-items:center;animation:eoFadeInDown var(--app-default-transition-duration);background-color:var(--color-white);border-radius:2px;display:flex;flex-flow:row nowrap;margin-bottom:2px;padding:2px;user-select:none}.inbox-details .eo-body .process-performer .body .performer .icon-wrap{background-color:var(--color-primary-3);border-radius:2px;color:var(--color-white);flex:0 0 auto;padding:2px}.inbox-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.inbox-details .eo-body .process-performer .body .performer .name .qname{background-color:rgba(var(--color-black-rgb),.08);border-radius:2px;color:var(--text-color-caption);display:inline-block;font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding)/2);padding:2px calc(var(--app-pane-padding)/2)}.inbox-details .eo-body .no-files{padding:var(--app-pane-padding)}"]
                 },] }
     ];
@@ -24588,10 +24623,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": "9.0.0-rc.2", "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": "7.0.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": "9.0.0-rc.4", "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": "7.0.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: '9.0.0-rc.2'
+                clientVersion: '9.0.0-rc.4'
             };
             this.licenses = {
                 'MIT': {
@@ -26656,77 +26691,75 @@
     exports.ɵ1 = ɵ1;
     exports.ɵa = PendingChangesGuard;
     exports.ɵb = UploadOverlayGuard;
-    exports.ɵba = OpenContextActionComponent;
-    exports.ɵbb = DownloadActionComponent;
-    exports.ɵbc = DownloadOriginalActionComponent;
-    exports.ɵbd = DownloadPdfActionComponent;
-    exports.ɵbe = OpenDocumentActionComponent;
-    exports.ɵbf = EmailActionComponent;
-    exports.ɵbg = EmailLinkActionComponent;
-    exports.ɵbh = EmailOriginalActionComponent;
-    exports.ɵbi = EmailPdfActionComponent;
-    exports.ɵbj = ClipboardActionComponent;
-    exports.ɵbk = ClipboardLinkActionComponent;
-    exports.ɵbl = ClipboardOriginalActionComponent;
-    exports.ɵbm = ClipboardPdfActionComponent;
-    exports.ɵbn = FavoriteActionComponent;
-    exports.ɵbo = DeleteActionComponent;
-    exports.ɵbp = DeleteComponent;
-    exports.ɵbq = OpenVersionsActionComponent;
-    exports.ɵbr = RestoreVersionActionComponent;
-    exports.ɵbs = DeletePreparedActionComponent;
-    exports.ɵbt = AddSubscriptionActionComponent;
-    exports.ɵbu = AddSubscriptionComponent;
-    exports.ɵbv = RemoveSubscriptionActionComponent;
-    exports.ɵbw = WorkflowActionComponent;
-    exports.ɵbx = WorkflowComponent;
-    exports.ɵby = CustomActionsComponent;
-    exports.ɵbz = AddResubmissionActionComponent;
+    exports.ɵba = DownloadOriginalActionComponent;
+    exports.ɵbb = DownloadPdfActionComponent;
+    exports.ɵbc = OpenDocumentActionComponent;
+    exports.ɵbd = EmailActionComponent;
+    exports.ɵbe = EmailLinkActionComponent;
+    exports.ɵbf = EmailOriginalActionComponent;
+    exports.ɵbg = EmailPdfActionComponent;
+    exports.ɵbh = ClipboardActionComponent;
+    exports.ɵbi = ClipboardLinkActionComponent;
+    exports.ɵbj = ClipboardOriginalActionComponent;
+    exports.ɵbk = ClipboardPdfActionComponent;
+    exports.ɵbl = FavoriteActionComponent;
+    exports.ɵbm = DeleteActionComponent;
+    exports.ɵbn = DeleteComponent;
+    exports.ɵbo = OpenVersionsActionComponent;
+    exports.ɵbp = RestoreVersionActionComponent;
+    exports.ɵbq = DeletePreparedActionComponent;
+    exports.ɵbr = AddSubscriptionActionComponent;
+    exports.ɵbs = AddSubscriptionComponent;
+    exports.ɵbt = RemoveSubscriptionActionComponent;
+    exports.ɵbu = WorkflowActionComponent;
+    exports.ɵbv = WorkflowComponent;
+    exports.ɵbw = CustomActionsComponent;
+    exports.ɵbx = AddResubmissionActionComponent;
+    exports.ɵby = AddResubmissionComponent;
+    exports.ɵbz = UpdateResubmissionActionComponent;
     exports.ɵc = AppShellRoutingModule;
-    exports.ɵca = AddResubmissionComponent;
-    exports.ɵcb = UpdateResubmissionActionComponent;
-    exports.ɵcc = ShareObjectActionComponent;
-    exports.ɵcd = ShareObjectComponent;
-    exports.ɵce = CutActionComponent;
-    exports.ɵcf = FinalizeActionComponent;
-    exports.ɵcg = DefinalizeActionComponent;
-    exports.ɵch = DeleteContentActionComponent;
-    exports.ɵci = UnlockActionComponent;
-    exports.ɵcj = SimpleWorkflowActionComponent;
-    exports.ɵck = PreventDoubleClickDirective;
-    exports.ɵcl = TrapFocusDirective;
-    exports.ɵcm = EditIconComponent;
-    exports.ɵcn = DuetimeInfoComponent;
-    exports.ɵco = PrepareContentExistsInfoComponent;
-    exports.ɵcp = StoredQueryModule;
-    exports.ɵcq = ObjectStateRoutingModule;
-    exports.ɵcr = InboxStateRoutingModule;
-    exports.ɵcs = PrepareStateRoutingModule;
-    exports.ɵct = EoClientRoutingModule;
-    exports.ɵcu = ProcessStateComponent;
+    exports.ɵca = ShareObjectActionComponent;
+    exports.ɵcb = ShareObjectComponent;
+    exports.ɵcc = CutActionComponent;
+    exports.ɵcd = FinalizeActionComponent;
+    exports.ɵce = DefinalizeActionComponent;
+    exports.ɵcf = DeleteContentActionComponent;
+    exports.ɵcg = UnlockActionComponent;
+    exports.ɵch = SimpleWorkflowActionComponent;
+    exports.ɵci = PreventDoubleClickDirective;
+    exports.ɵcj = TrapFocusDirective;
+    exports.ɵck = EditIconComponent;
+    exports.ɵcl = DuetimeInfoComponent;
+    exports.ɵcm = PrepareContentExistsInfoComponent;
+    exports.ɵcn = StoredQueryModule;
+    exports.ɵco = ObjectStateRoutingModule;
+    exports.ɵcp = InboxStateRoutingModule;
+    exports.ɵcq = PrepareStateRoutingModule;
+    exports.ɵcr = EoClientRoutingModule;
+    exports.ɵcs = ProcessStateComponent;
     exports.ɵd = AppProcessComponent;
-    exports.ɵe = PendingChangesService;
-    exports.ɵf = PipesModule;
-    exports.ɵg = UnsubscribeOnDestroy;
-    exports.ɵh = QueryScopeSelectComponent;
-    exports.ɵi = IndexdataSummaryEntryComponent;
-    exports.ɵj = OrderByPipe;
-    exports.ɵk = TreeNodeComponent;
-    exports.ɵl = DatepickerService;
-    exports.ɵm = YearRangeDirective;
-    exports.ɵn = ReferenceFinderComponent;
-    exports.ɵo = fadeInOut;
-    exports.ɵp = ReferenceFinderService;
-    exports.ɵq = ReferenceFinderEntryComponent;
-    exports.ɵr = DynamicListFilterComponent;
-    exports.ɵs = ListFilterComponent;
-    exports.ɵt = PaginationComponent;
-    exports.ɵu = MediaModule;
-    exports.ɵv = ProcessFormModule;
-    exports.ɵw = ProcessFormComponent;
-    exports.ɵx = ActionComponentAnchorDirective;
-    exports.ɵy = OpenDocumentComponent;
-    exports.ɵz = CopyActionComponent;
+    exports.ɵe = PipesModule;
+    exports.ɵf = UnsubscribeOnDestroy;
+    exports.ɵg = QueryScopeSelectComponent;
+    exports.ɵh = IndexdataSummaryEntryComponent;
+    exports.ɵi = OrderByPipe;
+    exports.ɵj = TreeNodeComponent;
+    exports.ɵk = DatepickerService;
+    exports.ɵl = YearRangeDirective;
+    exports.ɵm = ReferenceFinderComponent;
+    exports.ɵn = fadeInOut;
+    exports.ɵo = ReferenceFinderService;
+    exports.ɵp = ReferenceFinderEntryComponent;
+    exports.ɵq = DynamicListFilterComponent;
+    exports.ɵr = ListFilterComponent;
+    exports.ɵs = PaginationComponent;
+    exports.ɵt = ProcessFormModule;
+    exports.ɵu = ProcessFormComponent;
+    exports.ɵv = ActionComponentAnchorDirective;
+    exports.ɵw = OpenDocumentComponent;
+    exports.ɵx = CopyActionComponent;
+    exports.ɵy = OpenContextActionComponent;
+    exports.ɵz = DownloadActionComponent;
     Object.defineProperty(exports, '__esModule', { value: true });