@eo-sdk/client 9.0.0-rc.3 → 9.0.0-rc.5

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

@@ -1904,14 +1904,15 @@
             if (options === void 0) { options = {}; }
             Object.assign(this.context, { typeOpts: (typeOpts && typeOpts.length ? typeOpts : this.system.getObjectTypes().map(function (o) { return o.qname; })) }, options);
         };
-        GridService.prototype.getColumnDefs = function (elements, sortorder, grouporder, pinned, enableRowGroup, cachedColumns, mode) {
+        GridService.prototype.getColumnDefs = function (elements, sortorder, grouporder, pinned, alignmentx, enableRowGroup, cachedColumns, mode) {
             var _this = this;
             if (sortorder === void 0) { sortorder = []; }
             if (grouporder === void 0) { grouporder = []; }
             if (pinned === void 0) { pinned = []; }
+            if (alignmentx === void 0) { alignmentx = []; }
             if (enableRowGroup === void 0) { enableRowGroup = true; }
             if (cachedColumns === void 0) { cachedColumns = []; }
-            return elements.map(function (f) { return _this.getColumnDefinition(f, sortorder, grouporder, pinned, enableRowGroup, cachedColumns, mode); });
+            return elements.map(function (f) { return _this.getColumnDefinition(f, sortorder, grouporder, pinned, alignmentx, enableRowGroup, cachedColumns, mode); });
         };
         /**
          * Renders the visual output of form elements based on its type etc. (see IndexdataSummaryComponent for usage details)
@@ -1962,10 +1963,11 @@
          *
          * @param sortFields - Array of fields to be sorted
          */
-        GridService.prototype.getColumnDefinition = function (resultField, sortFields, groupFields, pinnedFields, enableRowGroup, cachedColumns, mode) {
+        GridService.prototype.getColumnDefinition = function (resultField, sortFields, groupFields, pinnedFields, alignmentFields, enableRowGroup, cachedColumns, mode) {
             if (sortFields === void 0) { sortFields = []; }
             if (groupFields === void 0) { groupFields = []; }
             if (pinnedFields === void 0) { pinnedFields = []; }
+            if (alignmentFields === void 0) { alignmentFields = []; }
             if (enableRowGroup === void 0) { enableRowGroup = false; }
             if (cachedColumns === void 0) { cachedColumns = []; }
             var colDef = {};
@@ -2046,6 +2048,13 @@
             if (cachedColumn) {
                 colDef.width = cachedColumn.width;
             }
+            var alignmentField = alignmentFields.find(function (f) { return f.qname === resultField.qname; });
+            if (alignmentField && alignmentField.value) {
+                colDef.cellStyle = { 'justify-content': alignmentField.value };
+            }
+            else {
+                colDef.cellStyle = { 'justify-content': resultField.alignmentx ? resultField.alignmentx : '' };
+            }
             return colDef;
         };
         /**
@@ -2288,14 +2297,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 +2332,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 +2352,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 +2369,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 +2411,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 +2430,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 +2442,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 +2465,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 +2489,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
@@ -5635,7 +5648,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 +6449,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 +8414,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 +9280,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 +11102,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 +11245,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 +11255,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 +11586,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 +11595,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,
@@ -13385,6 +13408,7 @@
             _this.title = '';
             _this.searchLimit = 10;
             _this.operator = 'OR'; // AND | OR
+            _this.selectedAllFilters = false;
             _this.id = '#set';
             return _this;
         }
@@ -13395,6 +13419,7 @@
             set: function (opts) {
                 var _this = this;
                 this._options = this.defaultValue ? opts || [] : this.settingsService.setupSettings(this.id, opts);
+                this.selectedAllFilters = this.options.every(function (opt) { return opt.value; });
                 if (this.options && this.params && this.isFilterActive()) {
                     setTimeout(function () { return _this.params.filterChangedCallback(); }, 0);
                 }
@@ -13443,7 +13468,7 @@
     SetFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-set-filter',
-                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n  <div class=\"option flex-row\">\n    <eo-checkbox (ngModelChange)=\"onChange($event)\" [ngModel]=\"operator === 'OR'\" [tristate]=\"false\"></eo-checkbox>\n    <label>({{'eo.resultlist.grid.selectAll' | translate}})</label>\n  </div>\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>",
+                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n  <div class=\"option flex-row\">\n    <eo-checkbox (ngModelChange)=\"onChange($event)\" [ngModel]=\"selectedAllFilters\" [tristate]=\"false\"></eo-checkbox>\n    <label>({{'eo.resultlist.grid.selectAll' | translate}})</label>\n  </div>\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>\n",
                     styles: [".title{font-weight:700;margin-top:.5em}.option{margin:.5em 0}label{padding:0 .5em}input{border:none}"]
                 },] }
     ];
@@ -13504,7 +13529,7 @@
     ListFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-list-filter',
-                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n  <div class=\"option flex-row\">\n    <eo-checkbox (ngModelChange)=\"onChange($event)\" [ngModel]=\"operator === 'OR'\" [tristate]=\"false\"></eo-checkbox>\n    <label>({{'eo.resultlist.grid.selectAll' | translate}})</label>\n  </div>\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>",
+                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n  <div class=\"option flex-row\">\n    <eo-checkbox (ngModelChange)=\"onChange($event)\" [ngModel]=\"selectedAllFilters\" [tristate]=\"false\"></eo-checkbox>\n    <label>({{'eo.resultlist.grid.selectAll' | translate}})</label>\n  </div>\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>\n",
                     styles: [".title{font-weight:700;margin-top:.5em}.option{margin:.5em 0}label{padding:0 .5em}input{border:none}"]
                 },] }
     ];
@@ -13957,6 +13982,7 @@
             this.hasPrivilege = false;
             this.onConfigChanged = new i0.EventEmitter();
             this.visible = false;
+            this.alignmentValue = 'Automatic';
             this.userService
                 .user$
                 .subscribe(function (user) {
@@ -13977,7 +14003,7 @@
         ColumnConfiguratorComponent.prototype.saveConfig = function (asDefault) {
             var _this = this;
             if (asDefault === void 0) { asDefault = false; }
-            var data = new i1.FieldDefinition([], [], [], []);
+            var data = new i1.FieldDefinition([], [], [], [], []);
             data.elements = this.currentFields.map(function (col) {
                 if (col.confmeta.sort) {
                     data.sortorder.push({
@@ -13995,6 +14021,12 @@
                         qname: col.qname
                     });
                 }
+                if (col.confmeta.alignmentx) {
+                    data.alignmentx.push({
+                        qname: col.qname,
+                        value: col.confmeta.alignmentx
+                    });
+                }
                 return {
                     qname: col.qname
                 };
@@ -14019,11 +14051,13 @@
                     var sortEntry = res.current.sortorder.find(function (a) { return el.qname === a.qname; });
                     // let groupEntry = res.current.grouporder.find((a: any) => el.qname === a.qname);
                     var pinnedEntry = res.current.pinned.find(function (a) { return el.qname === a.qname; });
+                    var alignmentEntry = res.current.alignmentx.find(function (a) { return el.qname === a.qname; });
                     el.confmeta = {
                         sort: sortEntry ? (sortEntry.direction || '').toLowerCase() : null,
                         // group: !!groupEntry,
                         pinned: !!pinnedEntry,
-                        modified: false
+                        modified: false,
+                        alignmentx: alignmentEntry ? alignmentEntry.value : null
                     };
                 });
                 _this.isDefaultConfig = res.current.mode !== 'USER';
@@ -14031,7 +14065,8 @@
                 _this.currentFields = _this.eoGrid.columns.filter(function (column) { return column.isVisible(); }).map(function (_a, index) {
                     var colDef = _a.colDef, sort = _a.sort, pinned = _a.pinned;
                     var i = _this.originalFields.findIndex(function (f) { return GridService.qnameMatch(f.qname, colDef.refData.qname); }), field = _this.originalFields[i];
-                    return Object.assign(Object.assign({}, field), { confmeta: { sort: sort, pinned: pinned, modified: i !== index || (field.confmeta.sort || '') !== (sort || '') || !field.confmeta.pinned !== !pinned } });
+                    return Object.assign(Object.assign({}, field), { confmeta: { sort: sort, pinned: pinned, alignmentx: field.confmeta.alignmentx,
+                            modified: i !== index || (field.confmeta.sort || '') !== (sort || '') || !!field.confmeta.alignmentx } });
                 });
                 _this.availableFields = res.available.elements.filter(function (col) {
                     return !_this.currentFields.find(function (c) { return c.qname === col.qname; });
@@ -14095,6 +14130,21 @@
                 item.confmeta.sort = null;
             }
         };
+        ColumnConfiguratorComponent.prototype.toggleAlignment = function (item, $event) {
+            this.togglePrevent(item, $event);
+            if (!item.confmeta.alignmentx) {
+                item.confmeta.alignmentx = 'right';
+            }
+            else if (item.confmeta.alignmentx === 'right') {
+                item.confmeta.alignmentx = 'center';
+            }
+            else if (item.confmeta.alignmentx === 'center') {
+                item.confmeta.alignmentx = 'left';
+            }
+            else if (item.confmeta.alignmentx === 'left') {
+                item.confmeta.alignmentx = null;
+            }
+        };
         // toggleGroup(item, $event) {
         //   this.togglePrevent(item, $event);
         //   item.confmeta.group = !item.confmeta.group;
@@ -14115,8 +14165,8 @@
     ColumnConfiguratorComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-column-configurator',
-                    template: "<div class=\"configurator\">\n\n  <div class=\"bar\">\n    <div class=\"title\" translate>eo.column.config.title</div>\n    <button (click)=\"resetDefault()\" *ngIf=\"!isDefaultConfig\" translate>eo.column.config.action.resetdefault</button>\n    <button (click)=\"toggleConfigMode()\" translate>eo.column.config.action.close</button>\n    <button (click)=\"saveConfig(true)\" class=\"primary\" [disabled]=\"!currentFields?.length\" *ngIf=\"hasPrivilege\" translate>eo.column.config.action.save.default</button>\n    <button (click)=\"saveConfig()\" class=\"primary\" [disabled]=\"!currentFields?.length\" translate>eo.column.config.action.save</button>\n  </div>\n\n  <div class=\"info\" *ngIf=\"info\">{{info}}</div>\n\n  <div class=\"column-config\" cdkDropListGroup>\n\n    <div class=\"scroller current\">\n      <div class=\"headline\" translate>eo.column.config.headline.current</div>\n      <div class=\"items\" cdkDropList (cdkDropListDropped)=\"drop($event, 'current')\" [cdkDropListData]=\"currentFields\">\n        <div class=\"item\" cdkDragHandle cdkDrag [cdkDragData]=\"field\" *ngFor=\"let field of currentFields; index as i\">\n          <div class=\"entry\" [ngClass]=\"{modified: field.confmeta.modified, sfe: field.selectedforenrichment}\">\n            <div class=\"label\" [ngClass]=\"{baseparam: field.baseparameter}\">{{field.label}}</div>\n            <div class=\"group\" [ngClass]=\"{on: field.confmeta.pinned}\" (click)=\"togglePinned(field, $event)\" translate>eo.column.config.pinned</div>\n            <!--<div class=\"group\" [ngClass]=\"{on: field.confmeta.group}\" (click)=\"toggleGroup(field, $event)\" translate>eo.column.config.group</div>-->\n            <div class=\"sort\" [ngClass]=\"{on: field.confmeta.sort, asc: field.confmeta.sort === 'asc', desc: field.confmeta.sort === 'desc', disabled: !field.sortable}\" \n            (click)=\"field.sortable && toggleSort(field, $event)\" translate>eo.column.config.sort</div>\n          </div>\n        </div>\n\n      </div>\n    </div>\n\n    <div class=\"scroller available\">\n      <div class=\"headline\" translate>eo.column.config.headline.available</div>\n      <div class=\"items\" cdkDropList (cdkDropListDropped)=\"drop($event, 'available')\" [cdkDropListData]=\"availableFields\">\n        <div class=\"item\" cdkDragHandle cdkDrag [cdkDragData]=\"field\" *ngFor=\"let field of availableFields; index as i\">\n          <div class=\"entry\" [ngClass]=\"{modified: field.confmeta.modified, sfe: field.selectedforenrichment}\">\n            <div class=\"label\" [ngClass]=\"{baseparam: field.baseparameter}\">{{field.label}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  </div>\n\n</div>\n",
-                    styles: [".cdk-drag-preview{display:none}.cdk-drag-placeholder .entry{border-style:dashed!important;opacity:.9}.cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}:host{-webkit-animation:eoFadeIn var(--app-default-transition-duration) 1 ease-in-out;animation:eoFadeIn var(--app-default-transition-duration) 1 ease-in-out;background:var(--color-white);bottom:0;display:flex;display:none;flex:1;flex-direction:column;height:100%;left:0;min-height:0;min-width:0;position:absolute;right:0;top:0;width:100%;z-index:10}:host.visible{display:block;overflow-x:auto}:host .configurator{flex:1;flex-direction:column;height:100%}:host .bar,:host .configurator{display:flex;min-height:0;min-width:0}:host .bar{align-items:center;background:var(--color-accent);color:var(--color-white);flex:none;flex-direction:row;min-width:560px;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)}:host .bar .title{flex:1 1 auto;font-size:var(--font-subhead)}:host .bar button{color:rgba(var(--color-white-rgb),.87);margin:4px}:host .bar button.primary,:host .bar button:hover{background:rgba(var(--color-white-rgb),.1)}:host .bar button.primary{border:1px solid var(--color-white);color:var(--color-white);white-space:nowrap}:host .bar button.primary:hover{background:rgba(var(--color-white-rgb),.3)}:host .info{color:var(--color-accent);font-size:var(--font-title);font-weight:var(--font-weight-light);line-height:1em;margin:var(--app-pane-padding)}:host .column-config{--cc-border-color:rgba(var(--color-black-rgb),0.15);display:flex;flex:1;flex-direction:row;margin:var(--app-pane-padding);min-height:0;min-width:0}:host .column-config .scroller{background:var(--panel-background-lightgrey);border:1px solid var(--cc-border-color);display:flex;flex:2;flex-direction:column;min-height:0;min-width:0;min-width:300px}:host .column-config .scroller:last-child{flex:1;min-width:200px}[dir=ltr] :host .column-config .scroller:last-child{margin-left:var(--app-pane-padding)}[dir=rtl] :host .column-config .scroller:last-child{margin-right:var(--app-pane-padding)}:host .column-config .scroller .headline{border-bottom:1px solid var(--cc-border-color);color:var(--text-color-caption);padding:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto;padding:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items .entry{-khtml-user-select:none;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-moz-user-select:none;-ms-user-select:none;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-touch-callout:none;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-user-select:none;background:var(--color-white);border:1px solid var(--cc-border-color);cursor:default;cursor:move;display:flex;flex:1;flex-direction:row;margin:4px 0;min-height:0;min-width:0;overflow:hidden;padding:calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out;user-select:none}:host .column-config .scroller .items .entry:before{background:rgba(var(--color-black-rgb),.06);content:\" \";height:1.5em;width:calc(var(--app-pane-padding)/2)}[dir=ltr] :host .column-config .scroller .items .entry:before{margin-right:calc(var(--app-pane-padding)/2)}[dir=rtl] :host .column-config .scroller .items .entry:before{margin-left:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items .entry.sfe:before{background:rgba(var(--color-black-rgb),.26);color:var(--color-white);content:\"*\";text-align:center}:host .column-config .scroller .items .entry.modified:before{background:var(--color-accent)}:host .column-config .scroller .items .entry .label{flex:1 1 auto}:host .column-config .scroller .items .entry .label.baseparam{font-style:italic}:host .column-config .scroller .items .entry .sort:after{-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;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAGFBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAB5sPD/AAAACHRSTlMAAAEnK2xwihv2e6MAAAAkSURBVAgdBcGBAQAgDMMgmvn/zcIGMO6xUBHXIqLkYkmQDfABCHAAOCt/xSYAAAAASUVORK5CYII=);content:\"\";display:inline-block;height:8px;opacity:0;transition:all var(--app-default-transition-duration) ease-in-out;width:8px}[dir=ltr] :host .column-config .scroller .items .entry .sort:after{margin-left:4px}[dir=rtl] :host .column-config .scroller .items .entry .sort:after{margin-right:4px}:host .column-config .scroller .items .entry .sort.asc:after{opacity:1}:host .column-config .scroller .items .entry .sort.desc:after{opacity:1;transform:rotate(180deg)}:host .column-config .scroller .items .entry .group,:host .column-config .scroller .items .entry .sort{-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;background:rgba(var(--color-black-rgb),.06);border:1px solid rgba(var(--color-black-rgb),0);border-radius:2px;color:rgba(var(--color-black-rgb),.33);font-size:var(--font-hint);margin:0 4px;padding:0 4px;transition:all var(--app-default-transition-duration) ease-in-out;white-space:nowrap}:host .column-config .scroller .items .entry .group:hover,:host .column-config .scroller .items .entry .sort:hover{border-color:rgba(var(--color-black-rgb),.22);color:var(--text-color-caption)}:host .column-config .scroller .items .entry .group.on,:host .column-config .scroller .items .entry .sort.on{border-color:var(--color-accent-light);color:var(--color-accent-light)}:host .column-config .scroller .items .entry .group.disabled,:host .column-config .scroller .items .entry .sort.disabled{border:1px solid rgba(var(--color-black-rgb),0);color:rgba(var(--color-black-rgb),.33);cursor:default;text-decoration:line-through}"]
+                    template: "<div class=\"configurator\">\n\n  <div class=\"bar\">\n    <div class=\"title\" translate>eo.column.config.title</div>\n    <button (click)=\"resetDefault()\" *ngIf=\"!isDefaultConfig\" translate>eo.column.config.action.resetdefault</button>\n    <button (click)=\"toggleConfigMode()\" translate>eo.column.config.action.close</button>\n    <button (click)=\"saveConfig(true)\" class=\"primary\" [disabled]=\"!currentFields?.length\" *ngIf=\"hasPrivilege\" translate>eo.column.config.action.save.default</button>\n    <button (click)=\"saveConfig()\" class=\"primary\" [disabled]=\"!currentFields?.length\" translate>eo.column.config.action.save</button>\n  </div>\n\n  <div class=\"info\" *ngIf=\"info\">{{info}}</div>\n\n  <div class=\"column-config\" cdkDropListGroup>\n\n    <div class=\"scroller current\">\n      <div class=\"headline\" translate>eo.column.config.headline.current</div>\n      <div class=\"items\" cdkDropList (cdkDropListDropped)=\"drop($event, 'current')\" [cdkDropListData]=\"currentFields\">\n        <div class=\"item\" cdkDragHandle cdkDrag [cdkDragData]=\"field\" *ngFor=\"let field of currentFields; index as i\">\n          <div class=\"entry\" [ngClass]=\"{modified: field.confmeta.modified, sfe: field.selectedforenrichment}\">\n            <div class=\"label\" [ngClass]=\"{baseparam: field.baseparameter}\">{{field.label}}</div>\n            <div class=\"group\" [ngClass]=\"{on: field.confmeta.pinned}\" (click)=\"togglePinned(field, $event)\" translate>\n              <span class=\"config-label\" translate>eo.column.config.pinned</span>\n            </div>\n            <!--<div class=\"group\" [ngClass]=\"{on: field.confmeta.group}\" (click)=\"toggleGroup(field, $event)\" translate>eo.column.config.group</div>-->\n            <div class=\"sort\" [ngClass]=\"{on: field.confmeta.sort, asc: field.confmeta.sort === 'asc', desc: field.confmeta.sort === 'desc', disabled: !field.sortable}\"\n            (click)=\"field.sortable && toggleSort(field, $event)\"><span class=\"config-label\" translate>eo.column.config.sort</span></div>\n            <div class=\"alignment\" [ngClass]=\"{on: field.confmeta.alignmentx, left: field.confmeta.alignmentx === 'left',\n            right: field.confmeta.alignmentx === 'right', center: field.confmeta.alignmentx === 'center'}\"\n                 (click)=\"toggleAlignment(field, $event)\"><span class=\"config-label\" translate>eo.column.config.alignment</span>\n              <img *ngIf=\"field.confmeta.alignmentx === 'center'\" class=\"center-second\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAGFBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAB5sPD/AAAACHRSTlMAAAEnK2xwihv2e6MAAAAkSURBVAgdBcGBAQAgDMMgmvn/zcIGMO6xUBHXIqLkYkmQDfABCHAAOCt/xSYAAAAASUVORK5CYII=\">\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </div>\n\n    <div class=\"scroller available\">\n      <div class=\"headline\" translate>eo.column.config.headline.available</div>\n      <div class=\"items\" cdkDropList (cdkDropListDropped)=\"drop($event, 'available')\" [cdkDropListData]=\"availableFields\">\n        <div class=\"item\" cdkDragHandle cdkDrag [cdkDragData]=\"field\" *ngFor=\"let field of availableFields; index as i\">\n          <div class=\"entry\" [ngClass]=\"{modified: field.confmeta.modified, sfe: field.selectedforenrichment}\">\n            <div class=\"label\" [ngClass]=\"{baseparam: field.baseparameter}\">{{field.label}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  </div>\n\n</div>\n",
+                    styles: [".cdk-drag-preview{display:none}.cdk-drag-placeholder .entry{border-style:dashed!important;opacity:.9}.cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}:host{-webkit-animation:eoFadeIn var(--app-default-transition-duration) 1 ease-in-out;animation:eoFadeIn var(--app-default-transition-duration) 1 ease-in-out;background:var(--color-white);bottom:0;display:flex;display:none;flex:1;flex-direction:column;height:100%;left:0;min-height:0;min-width:0;position:absolute;right:0;top:0;width:100%;z-index:10}:host.visible{display:block;overflow-x:auto}:host .configurator{flex:1;flex-direction:column;height:100%}:host .bar,:host .configurator{display:flex;min-height:0;min-width:0}:host .bar{align-items:center;background:var(--color-accent);color:var(--color-white);flex:none;flex-direction:row;min-width:560px;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)}:host .bar .title{flex:1 1 auto;font-size:var(--font-subhead)}:host .bar button{color:rgba(var(--color-white-rgb),.87);margin:4px}:host .bar button.primary,:host .bar button:hover{background:rgba(var(--color-white-rgb),.1)}:host .bar button.primary{border:1px solid var(--color-white);color:var(--color-white);white-space:nowrap}:host .bar button.primary:hover{background:rgba(var(--color-white-rgb),.3)}:host .info{color:var(--color-accent);font-size:var(--font-title);font-weight:var(--font-weight-light);line-height:1em;margin:var(--app-pane-padding)}:host .column-config{--cc-border-color:rgba(var(--color-black-rgb),0.15);display:flex;flex:1;flex-direction:row;margin:var(--app-pane-padding);min-height:0;min-width:0}:host .column-config .scroller{background:var(--panel-background-lightgrey);border:1px solid var(--cc-border-color);display:flex;flex:2;flex-direction:column;min-height:0;min-width:0;min-width:300px}:host .column-config .scroller:last-child{flex:1;min-width:200px}[dir=ltr] :host .column-config .scroller:last-child{margin-left:var(--app-pane-padding)}[dir=rtl] :host .column-config .scroller:last-child{margin-right:var(--app-pane-padding)}:host .column-config .scroller .headline{border-bottom:1px solid var(--cc-border-color);color:var(--text-color-caption);padding:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto;padding:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items .entry{-khtml-user-select:none;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-moz-user-select:none;-ms-user-select:none;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-touch-callout:none;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-user-select:none;background:var(--color-white);border:1px solid var(--cc-border-color);cursor:default;cursor:move;display:flex;flex:1;flex-direction:row;margin:4px 0;min-height:0;min-width:0;overflow:hidden;padding:calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out;user-select:none}:host .column-config .scroller .items .entry:before{background:rgba(var(--color-black-rgb),.06);content:\" \";height:1.5em;width:calc(var(--app-pane-padding)/2)}[dir=ltr] :host .column-config .scroller .items .entry:before{margin-right:calc(var(--app-pane-padding)/2)}[dir=rtl] :host .column-config .scroller .items .entry:before{margin-left:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items .entry.sfe:before{background:rgba(var(--color-black-rgb),.26);color:var(--color-white);content:\"*\";text-align:center}:host .column-config .scroller .items .entry.modified:before{background:var(--color-accent)}:host .column-config .scroller .items .entry .label{flex:1 1 auto}:host .column-config .scroller .items .entry .label.baseparam{font-style:italic}:host .column-config .scroller .items .entry .sort:after{-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;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAGFBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAB5sPD/AAAACHRSTlMAAAEnK2xwihv2e6MAAAAkSURBVAgdBcGBAQAgDMMgmvn/zcIGMO6xUBHXIqLkYkmQDfABCHAAOCt/xSYAAAAASUVORK5CYII=);content:\"\";display:inline-block;height:8px;opacity:0;position:relative;top:2px;transition:all var(--app-default-transition-duration) ease-in-out;width:8px}[dir=ltr] :host .column-config .scroller .items .entry .sort:after{margin-left:4px}[dir=rtl] :host .column-config .scroller .items .entry .sort:after{margin-right:4px}:host .column-config .scroller .items .entry .sort.asc:after{opacity:1}:host .column-config .scroller .items .entry .sort.desc:after{opacity:1;transform:rotate(180deg)}:host .column-config .scroller .items .entry .alignment:after{-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;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAGFBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAB5sPD/AAAACHRSTlMAAAEnK2xwihv2e6MAAAAkSURBVAgdBcGBAQAgDMMgmvn/zcIGMO6xUBHXIqLkYkmQDfABCHAAOCt/xSYAAAAASUVORK5CYII=);content:\"\";display:inline-block;height:8px;opacity:0;position:relative;top:2px;transform:rotate(270deg);transition:all var(--app-default-transition-duration) ease-in-out;width:8px}[dir=ltr] :host .column-config .scroller .items .entry .alignment:after{margin-left:4px}[dir=rtl] :host .column-config .scroller .items .entry .alignment:after{margin-right:4px}:host .column-config .scroller .items .entry .alignment.center:after,:host .column-config .scroller .items .entry .alignment.left:after{opacity:1}:host .column-config .scroller .items .entry .alignment.right:after{opacity:1;transform:rotate(90deg)}:host .column-config .scroller .items .entry .alignment .center-second{margin-left:2px;position:relative;top:2px;transform:rotate(90deg)}:host .column-config .scroller .items .entry .alignment,:host .column-config .scroller .items .entry .group,:host .column-config .scroller .items .entry .sort{-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;background:rgba(var(--color-black-rgb),.06);border:1px solid rgba(var(--color-black-rgb),0);border-radius:2px;color:rgba(var(--color-black-rgb),.33);font-size:var(--font-hint);margin:0 4px;padding:0 4px;transition:all var(--app-default-transition-duration) ease-in-out;white-space:nowrap}:host .column-config .scroller .items .entry .alignment:hover,:host .column-config .scroller .items .entry .group:hover,:host .column-config .scroller .items .entry .sort:hover{border-color:rgba(var(--color-black-rgb),.22);color:var(--text-color-caption)}:host .column-config .scroller .items .entry .alignment.on,:host .column-config .scroller .items .entry .group.on,:host .column-config .scroller .items .entry .sort.on{border-color:var(--color-accent-light);color:var(--color-accent-light)}:host .column-config .scroller .items .entry .alignment.disabled,:host .column-config .scroller .items .entry .group.disabled,:host .column-config .scroller .items .entry .sort.disabled{border:1px solid rgba(var(--color-black-rgb),0);color:rgba(var(--color-black-rgb),.33);cursor:default;text-decoration:line-through}:host .column-config .scroller .items .entry .alignment .config-label,:host .column-config .scroller .items .entry .group .config-label,:host .column-config .scroller .items .entry .sort .config-label{position:relative;top:2px}"]
                 },] }
     ];
     ColumnConfiguratorComponent.ctorParameters = function () { return [
@@ -14303,7 +14353,7 @@
         };
         TextFilterComponent.prototype.focusout = function () {
             this.focused = false;
-            if (!this.autocompleteRes.includes(this.value) && this.value !== '') {
+            if (this.value && !this.autocompleteRes.includes(this.value) && this.value !== '' && this.value.trim() !== '') {
                 if (this.autocompleteRes.length === 5) {
                     this.autocompleteRes.shift();
                 }
@@ -14320,7 +14370,6 @@
         };
         TextFilterComponent.prototype.autocompleteFn = function (evt) {
             this.autocompleteRes = this.storageService.getItem('eo.inbox.filter.suggestions') || [];
-            this.autocompleteRes.reverse();
         };
         return TextFilterComponent;
     }(AbstractFilterComponent));
@@ -18731,9 +18780,9 @@
             var searchMode = result.fields.mode ? result.fields.mode : null;
             this.settings = this.limitedList && this.query ? { total: this.totalHits, size: this.VIRTUAL_LIST_CHUNK_SIZE, relation: result.count.relation } : null;
             gridOptions.rowData = result.hits;
-            var _a = result.fields, elements = _a.elements, sortorder = _a.sortorder, grouporder = _a.grouporder, pinned = _a.pinned;
+            var _a = result.fields, elements = _a.elements, sortorder = _a.sortorder, grouporder = _a.grouporder, pinned = _a.pinned, alignmentx = _a.alignmentx;
             gridOptions.context.count = result.count;
-            gridOptions.columnDefs = this.gridApi.getColumnDefs(elements, sortorder, grouporder, pinned, false, this._cachedColumns, searchMode);
+            gridOptions.columnDefs = this.gridApi.getColumnDefs(elements, sortorder, grouporder, pinned, alignmentx, false, this._cachedColumns, searchMode);
             var refreshGrid = this.hasGridOptions;
             Object.assign(this.resultGridOptions, gridOptions, this.gridOptions);
             if (refreshGrid) {
@@ -20589,8 +20638,9 @@
             this.dmsService
                 .getHistory(id, type)
                 .pipe(operators.map(function (res) {
-                _this.completeHistory = res.reverse();
-                _this.history = res.reverse();
+                var reversedRes = res.reverse();
+                _this.completeHistory = reversedRes;
+                _this.history = reversedRes;
                 _this.toggleFilter(['INFORMATIONAL', true]);
                 _this.cd.markForCheck();
             }))
@@ -22882,11 +22932,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')));
         };
@@ -22955,7 +23010,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)}"]
                 },] }
     ];
@@ -24603,10 +24658,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.3", "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.5", "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.3'
+                clientVersion: '9.0.0-rc.5'
             };
             this.licenses = {
                 'MIT': {
@@ -26671,77 +26726,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 });