@eo-sdk/client 9.0.0-rc.4 → 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 = {};
@@ -1979,7 +1981,6 @@
                 return params.node.group || !params.data ? '' : params.data[colDef.field];
             };
             colDef.refData = { qname: resultField.qname || '' };
-            colDef.cellStyle = { 'justify-content': resultField.alignmentx ? resultField.alignmentx : 'unset' };
             /**
              * headerClass
              * add special header class for fields from the contextfolder
@@ -2047,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;
         };
         /**
@@ -13400,6 +13408,7 @@
             _this.title = '';
             _this.searchLimit = 10;
             _this.operator = 'OR'; // AND | OR
+            _this.selectedAllFilters = false;
             _this.id = '#set';
             return _this;
         }
@@ -13410,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);
                 }
@@ -13458,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}"]
                 },] }
     ];
@@ -13519,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}"]
                 },] }
     ];
@@ -13972,6 +13982,7 @@
             this.hasPrivilege = false;
             this.onConfigChanged = new i0.EventEmitter();
             this.visible = false;
+            this.alignmentValue = 'Automatic';
             this.userService
                 .user$
                 .subscribe(function (user) {
@@ -13992,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({
@@ -14010,6 +14021,12 @@
                         qname: col.qname
                     });
                 }
+                if (col.confmeta.alignmentx) {
+                    data.alignmentx.push({
+                        qname: col.qname,
+                        value: col.confmeta.alignmentx
+                    });
+                }
                 return {
                     qname: col.qname
                 };
@@ -14034,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';
@@ -14046,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; });
@@ -14110,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;
@@ -14130,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 [
@@ -14318,7 +14353,7 @@
         };
         TextFilterComponent.prototype.focusout = function () {
             this.focused = false;
-            if (!this.autocompleteRes.includes(this.value) && this.value !== '' && this.value.trim() !== '') {
+            if (this.value && !this.autocompleteRes.includes(this.value) && this.value !== '' && this.value.trim() !== '') {
                 if (this.autocompleteRes.length === 5) {
                     this.autocompleteRes.shift();
                 }
@@ -14335,7 +14370,6 @@
         };
         TextFilterComponent.prototype.autocompleteFn = function (evt) {
             this.autocompleteRes = this.storageService.getItem('eo.inbox.filter.suggestions') || [];
-            this.autocompleteRes.reverse();
         };
         return TextFilterComponent;
     }(AbstractFilterComponent));
@@ -18746,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) {
@@ -20604,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();
             }))
@@ -24623,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.4", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
+            this.__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.4'
+                clientVersion: '9.0.0-rc.5'
             };
             this.licenses = {
                 'MIT': {