@easyquery/enterprise 7.2.4-rc04 → 7.2.4-rc05

package/dist/browser/eq.enterprise.js

@@ -1,5 +1,5 @@
 /** 
- * EasyQuery.JS Enterprise 7.2.4-rc04 (https://korzh.com/easyquery/javascript)
+ * EasyQuery.JS Enterprise 7.2.4-rc05 (https://korzh.com/easyquery/javascript)
  * Copyright 2023 Korzh.com. All rights reserved.
  * 
  * EasyQuery.JS commercial licenses may be obtained at
@@ -13137,6 +13137,8 @@ __webpack_require__.d(lib_public_api_namespaceObject, {
   AggrSettingsDialog: () => (AggrSettingsDialog),
   AggrSettingsRenderer: () => (AggrSettingsRenderer),
   AggregationBar: () => (AggregationBar),
+  AttrColumnRendererCB: () => (AttrColumnRendererCB),
+  AttrColumnRendererCP: () => (AttrColumnRendererCP),
   AttributeExpressionRenderer: () => (AttributeExpressionRenderer),
   BaseElementRenderer: () => (BaseElementRenderer),
   ChartFacet: () => (ChartFacet),
@@ -13152,6 +13154,7 @@ __webpack_require__.d(lib_public_api_namespaceObject, {
   ConditionGroupRenderer: () => (ConditionGroupRenderer),
   ConditionGroupRowRenderer: () => (ConditionGroupRowRenderer),
   ConditionRenderer: () => (ConditionRenderer),
+  ConstColumnRendererCP: () => (ConstColumnRendererCP),
   CustomListExpressionRenderer: () => (CustomListExpressionRenderer),
   CustomSqlColumnRendererCP: () => (CustomSqlColumnRendererCP),
   DataFilterView: () => (DataFilterView),
@@ -13183,8 +13186,6 @@ __webpack_require__.d(lib_public_api_namespaceObject, {
   ReportView: () => (ReportView),
   ResultFacet: () => (ResultFacet),
   ResultFacetsPanel: () => (ResultFacetsPanel),
-  SimpleColumnRendererCB: () => (SimpleColumnRendererCB),
-  SimpleColumnRendererCP: () => (SimpleColumnRendererCP),
   SimpleConditionRenderer: () => (SimpleConditionRenderer),
   SortingBar: () => (SortingBar),
   SqlListExpressionRenderer: () => (SqlListExpressionRenderer),
@@ -16445,7 +16446,6 @@ var Query = /** @class */ (function () {
         }
         public_api.utils.moveArrayItem(this.sortedColumns, colIdx, index);
         this.fixupSortingIndices();
-        this.fireColumnsChangedEvent(QueryChangeAction.All);
     };
     Query.prototype.getColumnSorting = function (col) {
         var idx = this.getColumnSortIndex(col);
@@ -16472,7 +16472,6 @@ var Query = /** @class */ (function () {
             }
         }
         this.adjustColumnsSorting();
-        this.fireColumnsChangedEvent(QueryChangeAction.Modify, col, col.isJustSorted());
     };
     Query.prototype.fixupSortingIndices = function () {
         this.sortedColumns.forEach(function (col, index) {
@@ -16521,10 +16520,8 @@ var Query = /** @class */ (function () {
      *     sortIndex: SortDirection.Ascending
      * }});
      */
-    Query.prototype.addColumn = function (descriptor, author) {
-        // let columns = (descriptor.justsorted) 
-        //     ? this.justsorted 
-        //     : this.columns;
+    Query.prototype.addColumn = function (descriptor, silent) {
+        if (silent === void 0) { silent = false; }
         var newColumn;
         if (descriptor.column) {
             newColumn = descriptor.column;
@@ -16541,10 +16538,10 @@ var Query = /** @class */ (function () {
                     throw new Error("Incorrect attribute id (".concat(descriptor.attributeId, "): addColumn"));
                 }
             }
-            else {
-                throw new Error('Not enought data for addColumn operation. Need attribute or attributeId');
+            else if (typeof descriptor.constValue === 'undefined' && !descriptor.customSql) {
+                throw new Error('Not enought data for addColumn operation. One of the following options must be defined: attribute, attributeId, constValue or customSlq');
             }
-            if (!attr.useInResult) {
+            if (attr && !attr.useInResult) {
                 if (attr.lookupAttr) {
                     attr = this.model.getAttributeById(attr.lookupAttr);
                 }
@@ -16552,22 +16549,29 @@ var Query = /** @class */ (function () {
                     throw new Error("Can't use this attribute for a column");
                 }
             }
-            if (descriptor.aggrFuncId && descriptor.cusomtSql) {
+            if (descriptor.aggrFuncId && descriptor.customSql) {
                 console.warn("Column cannot be created using aggrFuncId and customSql at the same time. " +
                     "cusomSql will be used.");
             }
-            if (descriptor.cusomtSql) {
+            if (typeof descriptor.constValue !== 'undefined') {
+                newColumn.expr.tag = ExprTag.Constant;
+                newColumn.expr.setValue(descriptor.constValue);
+                newColumn.expr.kind = DataKind.Scalar;
+                newColumn.expr.dataType = descriptor.constType || public_api.DataType.String;
+            }
+            else if (descriptor.customSql) {
                 newColumn.caption = 'Custom SQL Column';
                 newColumn.expr.tag = ExprTag.CustomSql;
-                newColumn.expr.baseAttrId = attr.id;
-                newColumn.expr.sql = descriptor.cusomtSql;
+                newColumn.expr.sql = descriptor.customSql;
                 newColumn.expr.kind = DataKind.Query;
                 newColumn.expr.dataType = public_api.DataType.Unknown;
+                newColumn.expr.baseAttrId = descriptor.attributeId;
+                if (!this.context.options.allowCustomExpressions) {
+                    newColumn.enabled = false;
+                }
             }
             else if (descriptor.aggrFuncId) {
                 var funcId = descriptor.aggrFuncId;
-                newColumn.caption = attr.caption + ' '
-                    + this.model.getAggrFunctionCaption(descriptor.aggrFuncId);
                 newColumn.expr.tag = ExprTag.AggregateFunction;
                 newColumn.expr.func = descriptor.aggrFuncId;
                 newColumn.expr.kind = DataKind.Scalar;
@@ -16576,16 +16580,18 @@ var Query = /** @class */ (function () {
                 var arg = new Expression(newColumn);
                 arg.setValue(attr.id, true);
                 arg.tag = ExprTag.EntityAttribute;
+                arg.kind = DataKind.Attribute;
                 arg.dataType = attr.dataType;
                 newColumn.expr.args.push(arg);
             }
             else {
-                newColumn.caption = attr.caption;
                 newColumn.expr.setValue(attr.id, true);
                 newColumn.expr.tag = ExprTag.EntityAttribute;
+                newColumn.expr.kind = DataKind.Attribute;
                 newColumn.expr.dataType = attr.dataType;
+                newColumn.params.concat(attr.params);
             }
-            newColumn.caption = descriptor.caption || newColumn.caption;
+            newColumn.caption = descriptor.caption || this.context.getDefaultColumnCaption(newColumn);
             newColumn._sorting = descriptor.sorting || SortDirection.None;
             newColumn._sortIndex = descriptor.sortIndex || -1;
             newColumn.enabled = public_api.utils.getIfDefined(descriptor.enabled, true);
@@ -16601,7 +16607,9 @@ var Query = /** @class */ (function () {
             }
         }
         this.setColumnSorting(newColumn, newColumn._sorting);
-        this.fireColumnsChangedEvent(QueryChangeAction.Add, newColumn, justsorted);
+        if (!silent) {
+            this.fireColumnsChangedEvent(QueryChangeAction.Add, newColumn, justsorted);
+        }
         return newColumn;
     };
     /**
@@ -16655,9 +16663,6 @@ var Query = /** @class */ (function () {
         if (column.isJustSorted())
             return;
         args = args || {};
-        column.caption = (typeof args.caption !== 'undefined')
-            ? args.caption
-            : '';
         if (tag === ExprTag.AggregateFunction) {
             if (!args.funcId)
                 throw Error('"funcId" argument is not defined');
@@ -16695,22 +16700,24 @@ var Query = /** @class */ (function () {
                 || column.expr.tag === ExprTag.ParentEntityAttribute) {
                 return;
             }
-            var exprId = (column.expr.tag === ExprTag.CustomSql)
-                ? column.expr.baseAttrId
-                : column.expr.args[0].value;
-            var attr = this.model.getAttributeById(exprId);
+            var attrId = (column.expr.tag == ExprTag.AggregateFunction)
+                ? column.expr.args[0].value
+                : column.expr.baseAttrId;
+            var attr = attrId
+                ? this.model.getAttributeById(attrId)
+                : this.model.getFirstUICAttr();
             var expr = new Expression(column);
             expr.tag = ExprTag.EntityAttribute;
-            expr.dataType = attr != null ? attr.dataType : public_api.DataType.Unknown;
-            expr.setValue(exprId, true);
+            expr.dataType = attr.dataType;
+            expr.setValue(attr.id, true);
             column.expr = expr;
         }
+        column.caption = this.context.getDefaultColumnCaption(column);
     };
     /**
      * Moves the column with specified index to another position.
      * @param index1 The index of the column that should be moved.
      * @param index2 The index of the position the column should be moved to
-     * @param author The author
      */
     Query.prototype.moveColumn = function (index1, index2) {
         var columns = this.getColumns();
@@ -16720,12 +16727,8 @@ var Query = /** @class */ (function () {
     /**
      * Removes the column.
      * @param column The column to be removed.
-     * @param author The author
      */
-    Query.prototype.removeColumn = function (column, author) {
-        // const columns = (column.isJustSorted()) 
-        //     ? this.getJustSortedColumns()
-        //     : this.getColumns();
+    Query.prototype.removeColumn = function (column) {
         public_api.utils.removeArrayItem(this.columns, column);
         public_api.utils.removeArrayItem(this.sortedColumns, column);
     };
@@ -17844,13 +17847,6 @@ var InMemoryModelStorage = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=model_storage.js.map
-;// CONCATENATED MODULE: ../core/dist/lib/main/action.js
-var EqActionResult;
-(function (EqActionResult) {
-    EqActionResult[EqActionResult["Error"] = 0] = "Error";
-    EqActionResult[EqActionResult["Success"] = 1] = "Success";
-})(EqActionResult || (EqActionResult = {}));
-//# sourceMappingURL=action.js.map
 ;// CONCATENATED MODULE: ../core/dist/lib/eqs/eqs_exporter.js
 
 var EqServerExporter = /** @class */ (function () {
@@ -17912,6 +17908,13 @@ var EqServerExporter = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=eqs_exporter.js.map
+;// CONCATENATED MODULE: ../core/dist/lib/main/action.js
+var EqActionResult;
+(function (EqActionResult) {
+    EqActionResult[EqActionResult["Error"] = 0] = "Error";
+    EqActionResult[EqActionResult["Success"] = 1] = "Success";
+})(EqActionResult || (EqActionResult = {}));
+//# sourceMappingURL=action.js.map
 ;// CONCATENATED MODULE: ../core/dist/lib/main/context.js
 var context_assign = (undefined && undefined.__assign) || function () {
     context_assign = Object.assign || function(t) {
@@ -17949,7 +17952,9 @@ var EqContext = /** @class */ (function () {
     function EqContext() {
         var _this = this;
         this.options = {
-            syncSortOrderWithColumnsOrder: true
+            syncSortOrderWithColumnsOrder: true,
+            attributeFormat: '{entity} {attr}',
+            columnTitleFormat: null //means it will be the same as attributeFormat
         };
         this.servicesInitialized = false;
         this.internalListCache = {};
@@ -19368,6 +19373,37 @@ var EqContext = /** @class */ (function () {
             });
         }
     };
+    EqContext.prototype.getAttributeTitle = function (attr) {
+        var format = this.options.attributeFormat;
+        return this.getModel().getAttributeText(attr, format);
+    };
+    EqContext.prototype.getColumnTitle = function (attr) {
+        var format = this.options.columnTitleFormat || this.options.attributeFormat;
+        return this.getModel().getAttributeText(attr, format);
+    };
+    EqContext.prototype.getDefaultColumnCaption = function (column) {
+        var attr;
+        var model = this.getModel();
+        switch (column.expr.tag) {
+            case ExprTag.Constant:
+                return "Contant Column";
+            case ExprTag.CustomSql:
+                return "SQL Column";
+            case ExprTag.ParentColumn:
+                return "Parent Column";
+            case ExprTag.Query:
+                return "Query Column";
+            case ExprTag.EntityAttribute:
+            case ExprTag.ParentEntityAttribute:
+                attr = model.getAttributeById(column.expr.value);
+                return this.getColumnTitle(attr);
+            case ExprTag.AggregateFunction:
+                attr = model.getAttributeById(column.expr.args[0].value);
+                return this.getColumnTitle(attr) + ' ' + model.getAggrFunctionCaption(column.expr.func);
+            default:
+                return 'Column';
+        }
+    };
     return EqContext;
 }());
 
@@ -19687,7 +19723,6 @@ var EntitiesPanel = /** @class */ (function (_super) {
             autoClearSelection: true,
             entityRenderedCallback: null,
             attributeRenderedCallback: null,
-            columnTitleFormat: '{attr}'
         };
         if (options) {
             public_api.utils.assignDeep(this.options, options);
@@ -19816,10 +19851,8 @@ var EntitiesPanel = /** @class */ (function (_super) {
                                 if (model.checkAttrProperty(attrId, "useInResult")) {
                                     if (checkbox.checked) {
                                         var attr = model.getAttributeById(attrId);
-                                        var caption = model.getAttributeText(attr, _this.options.columnTitleFormat);
                                         var column = query.addColumn({
-                                            attribute: attr,
-                                            caption: caption
+                                            attribute: attr
                                         });
                                         query.fireColumnsChangedEvent(QueryChangeAction.Add, column);
                                     }
@@ -19828,7 +19861,7 @@ var EntitiesPanel = /** @class */ (function (_super) {
                                             .filter(function (col) { return col.expr.tag === ExprTag.EntityAttribute
                                             && col.expr.value === attrId; });
                                         if (columns.length > 0) {
-                                            query.removeColumn(columns[0], null);
+                                            query.removeColumn(columns[0]);
                                             query.fireColumnsChangedEvent(QueryChangeAction.Delete, columns[0]);
                                         }
                                     }
@@ -20042,11 +20075,9 @@ var EntitiesPanel = /** @class */ (function (_super) {
                 for (var _i = 0, attrList_3 = attrList; _i < attrList_3.length; _i++) {
                     var attrId_1 = attrList_3[_i];
                     var attr = model.getAttributeById(attrId_1);
-                    var caption = model.getAttributeText(attr, _this.options.columnTitleFormat);
                     query.addColumn({
-                        attribute: attr,
-                        caption: caption
-                    });
+                        attribute: attr
+                    }, true);
                 }
                 query.fireChangedEvent();
                 if (_this.options.autoClearSelection) {
@@ -21599,7 +21630,6 @@ var ColumnRendererCP = /** @class */ (function () {
     });
     ColumnRendererCP.prototype.render = function () {
         var _this = this;
-        this.baseAttr = this.getAttribute();
         if (this.getButtonsToShow().indexOf("sorting") >= 0 && this.columnEnabled) {
             this.sortingButton = this.renderSoringButton(this.column.sorting);
             if (this.column.sorting !== SortDirection.None) {
@@ -21722,15 +21752,8 @@ var ColumnRendererCP = /** @class */ (function () {
     ColumnRendererCP.prototype.refresh = function () {
         this.render();
     };
-    ColumnRendererCP.prototype.getAttribute = function () {
-        var model = this.panel.getContext().getModel();
-        return model.getAttributeByIdSafe(this.column.expr.value);
-    };
     ColumnRendererCP.prototype.renderCaptionBlock = function () {
         var _this = this;
-        if (!this.column.caption || this.column.caption == '') {
-            this.column.caption = this.getDefaultColumnCaption();
-        }
         var builder = (0,lib_public_api.domel)('div')
             .addClass("".concat(this.cssPrefix, "-colelement"), "".concat(this.cssPrefix, "-captionelement"))
             .addClass(browser_utils/* browserUtils.getMobileCssClass */.z.getMobileCssClass());
@@ -21933,17 +21956,6 @@ var ColumnRendererCP = /** @class */ (function () {
         } }); })
             .toDOM();
     };
-    ColumnRendererCP.prototype.getDefaultColumnCaption = function () {
-        return this.getDefaultTitleText(this.baseAttr);
-    };
-    ColumnRendererCP.prototype.getDefaultTitleText = function (attr) {
-        return this.getAttributeCaption(attr, this.panel.options.titleElementFormat);
-    };
-    ColumnRendererCP.prototype.getAttributeCaption = function (attr, format) {
-        format = format || this.panel.options.attrElementFormat;
-        var model = this.panel.getContext().getModel();
-        return model.getAttributeText(attr, format);
-    };
     ColumnRendererCP.prototype.getClassesToAdd = function () {
         var result = "";
         result += this.columnEnabled ? '' : " ".concat(this.cssPrefix, "-disabled");
@@ -22174,7 +22186,7 @@ var ColumnRendererCP = /** @class */ (function () {
         switch (action) {
             case ColumnAction.Delete:
                 var curQuery = this.column.getQuery();
-                curQuery.removeColumn(this.column, this.panel);
+                curQuery.removeColumn(this.column);
                 curQuery.fireColumnsChangedEvent(QueryChangeAction.Delete, this.column);
                 break;
             case ColumnAction.Enable:
@@ -22368,8 +22380,8 @@ var ColumnRendererCP = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=column_renderer_cp.js.map
-;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnspanel/simple_column_renderer.js
-var simple_column_renderer_extends = (undefined && undefined.__extends) || (function () {
+;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnspanel/attr_column_renderer_cp.js
+var attr_column_renderer_cp_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -22389,15 +22401,15 @@ var simple_column_renderer_extends = (undefined && undefined.__extends) || (func
 
 
 
-var SimpleColumnRendererCP = /** @class */ (function (_super) {
-    simple_column_renderer_extends(SimpleColumnRendererCP, _super);
-    function SimpleColumnRendererCP() {
+var AttrColumnRendererCP = /** @class */ (function (_super) {
+    attr_column_renderer_cp_extends(AttrColumnRendererCP, _super);
+    function AttrColumnRendererCP() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    SimpleColumnRendererCP.prototype.getClassesToAdd = function () {
+    AttrColumnRendererCP.prototype.getClassesToAdd = function () {
         return "".concat(_super.prototype.getClassesToAdd.call(this), " ").concat(this.cssPrefix, "-row ").concat(this.cssPrefix, "-row-column-entattr");
     };
-    SimpleColumnRendererCP.prototype.renderExpressionBlock = function () {
+    AttrColumnRendererCP.prototype.renderExpressionBlock = function () {
         var _this = this;
         return (0,lib_public_api.domel)("div")
             .addClass("".concat(this.cssPrefix, "-expr-block"))
@@ -22408,9 +22420,14 @@ var SimpleColumnRendererCP = /** @class */ (function (_super) {
             .addChildElement(_this.renderBaseExpression()); })
             .toDOM();
     };
-    SimpleColumnRendererCP.prototype.renderBaseExpression = function () {
+    AttrColumnRendererCP.prototype.getAttribute = function () {
+        var model = this.panel.getContext().getModel();
+        return model.getAttributeByIdSafe(this.column.expr.value);
+    };
+    AttrColumnRendererCP.prototype.renderBaseExpression = function () {
         var _this = this;
-        var attrCaption = this.getAttributeCaption(this.baseAttr);
+        var baseAttr = this.getAttribute();
+        var attrCaption = this.panel.getContext().getAttributeTitle(baseAttr);
         if (this.isEditable()) {
             return (0,lib_public_api.domel)('a')
                 .attr('href', 'javascript:void(0)')
@@ -22433,14 +22450,21 @@ var SimpleColumnRendererCP = /** @class */ (function (_super) {
             .title(attrCaption)
             .toDOM();
     };
-    SimpleColumnRendererCP.prototype.baseExpressionItemSelectedCallback = function (data, item) {
+    AttrColumnRendererCP.prototype.baseExpressionItemSelectedCallback = function (data, item) {
         var attrid = data.id;
-        this.column.expr.setValue(attrid, true);
-        this.column.caption = '';
+        var context = this.panel.getContext();
+        var attr = context.getModel().getAttributeById(attrid);
+        this.updateBaseAttr(attr);
+        this.column.caption = context.getDefaultColumnCaption(this.column);
         this.fireColumnChanged();
         return false;
     };
-    SimpleColumnRendererCP.prototype.getUIS = function () {
+    AttrColumnRendererCP.prototype.updateBaseAttr = function (attr) {
+        this.column.expr.setValue(attr.id, true);
+        this.column.expr.baseAttrId = attr.id;
+        this.column.expr.dataType = attr.dataType;
+    };
+    AttrColumnRendererCP.prototype.getUIS = function () {
         var arg = this.column.expr.args[0];
         if (arg) {
             var model = this.panel.getContext().getModel();
@@ -22450,7 +22474,7 @@ var SimpleColumnRendererCP = /** @class */ (function (_super) {
             return true;
         }
     };
-    SimpleColumnRendererCP.prototype.changeTypeHandler = function (ev) {
+    AttrColumnRendererCP.prototype.changeTypeHandler = function (ev) {
         var _this = this;
         this.keepShowingButtons = true;
         this.functionMenu.showMenu({
@@ -22468,7 +22492,7 @@ var SimpleColumnRendererCP = /** @class */ (function (_super) {
             }
         });
     };
-    SimpleColumnRendererCP.prototype.changeTypeToCustomSql = function () {
+    AttrColumnRendererCP.prototype.changeTypeToCustomSql = function () {
         var _this = this;
         var query = this.column.getQuery();
         query.changeColumnType(this.column, ExprTag.CustomSql);
@@ -22481,12 +22505,12 @@ var SimpleColumnRendererCP = /** @class */ (function (_super) {
         }, 500);
         this.fireColumnChanged();
     };
-    SimpleColumnRendererCP.prototype.changeTypeToAggr = function (funcId) {
+    AttrColumnRendererCP.prototype.changeTypeToAggr = function (funcId) {
         var query = this.column.getQuery();
         query.changeColumnType(this.column, ExprTag.AggregateFunction, { funcId: funcId });
         this.fireColumnChanged();
     };
-    SimpleColumnRendererCP.prototype.processExtraButtonMenuItems = function (action, evt) {
+    AttrColumnRendererCP.prototype.processExtraButtonMenuItems = function (action, evt) {
         if (action === "CUSTOMSQL") {
             this.changeTypeToCustomSql();
         }
@@ -22495,7 +22519,7 @@ var SimpleColumnRendererCP = /** @class */ (function (_super) {
         }
         return true;
     };
-    SimpleColumnRendererCP.prototype.getExtraButtonMenuItems = function () {
+    AttrColumnRendererCP.prototype.getExtraButtonMenuItems = function () {
         var items = [];
         var funcs = this.panel.getContext().getModel().getAggrFunctions();
         var toInclude = true;
@@ -22546,12 +22570,12 @@ var SimpleColumnRendererCP = /** @class */ (function (_super) {
                 items: items
             }];
     };
-    return SimpleColumnRendererCP;
+    return AttrColumnRendererCP;
 }(ColumnRendererCP));
 
-//# sourceMappingURL=simple_column_renderer.js.map
-;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnspanel/aggrfunc_column_renderer.js
-var aggrfunc_column_renderer_extends = (undefined && undefined.__extends) || (function () {
+//# sourceMappingURL=attr_column_renderer_cp.js.map
+;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnspanel/aggrfunc_column_renderer_cp.js
+var aggrfunc_column_renderer_cp_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -22574,7 +22598,7 @@ var aggrfunc_column_renderer_extends = (undefined && undefined.__extends) || (fu
 
 
 var AggrFuncColumnRendererCP = /** @class */ (function (_super) {
-    aggrfunc_column_renderer_extends(AggrFuncColumnRendererCP, _super);
+    aggrfunc_column_renderer_cp_extends(AggrFuncColumnRendererCP, _super);
     function AggrFuncColumnRendererCP() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.displayFormatParser = new DisplayFormatParser();
@@ -22589,10 +22613,6 @@ var AggrFuncColumnRendererCP = /** @class */ (function (_super) {
             .getModel()
             .getAttributeByIdSafe(this.column.expr.args[0].value);
     };
-    AggrFuncColumnRendererCP.prototype.getDefaultColumnCaption = function () {
-        return this.getDefaultTitleText(this.baseAttr) + ' '
-            + this.panel.getContext().getModel().getAggrFunctionCaption(this.column.expr.func);
-    };
     AggrFuncColumnRendererCP.prototype.renderExpressionBlock = function () {
         var _this = this;
         var model = this.panel.getContext().getModel();
@@ -22677,14 +22697,6 @@ var AggrFuncColumnRendererCP = /** @class */ (function (_super) {
         }
         return button;
     };
-    AggrFuncColumnRendererCP.prototype.baseExpressionItemSelectedCallback = function (data, item) {
-        var attrid = data.id;
-        //this.column.expr.args[0].id = attrid;
-        this.column.expr.args[0].setValue(attrid, true);
-        this.column.caption = '';
-        this.fireColumnChanged();
-        return false;
-    };
     AggrFuncColumnRendererCP.prototype.changeTypeToSimple = function () {
         var query = this.column.getQuery();
         query.changeColumnType(this.column, ExprTag.EntityAttribute);
@@ -22711,6 +22723,10 @@ var AggrFuncColumnRendererCP = /** @class */ (function (_super) {
         }
         return result;
     };
+    AggrFuncColumnRendererCP.prototype.updateBaseAttr = function (attr) {
+        this.column.expr.args[0].setValue(attr.id, true);
+        this.column.expr.baseAttrId = attr.id;
+    };
     AggrFuncColumnRendererCP.prototype.changeTypeHandler = function (ev) {
         this.changeTypeToSimple();
     };
@@ -22729,11 +22745,11 @@ var AggrFuncColumnRendererCP = /** @class */ (function (_super) {
             }];
     };
     return AggrFuncColumnRendererCP;
-}(SimpleColumnRendererCP));
+}(AttrColumnRendererCP));
 
-//# sourceMappingURL=aggrfunc_column_renderer.js.map
-;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnspanel/customsql_column_renderer.js
-var customsql_column_renderer_extends = (undefined && undefined.__extends) || (function () {
+//# sourceMappingURL=aggrfunc_column_renderer_cp.js.map
+;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnspanel/editable_column_renderer_cp.js
+var editable_column_renderer_cp_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -22754,51 +22770,25 @@ var customsql_column_renderer_extends = (undefined && undefined.__extends) || (f
 
 
 
-var CustomSqlColumnRendererCP = /** @class */ (function (_super) {
-    customsql_column_renderer_extends(CustomSqlColumnRendererCP, _super);
-    function CustomSqlColumnRendererCP() {
+var EditableColumnRendererCP = /** @class */ (function (_super) {
+    editable_column_renderer_cp_extends(EditableColumnRendererCP, _super);
+    function EditableColumnRendererCP() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.dataTypeMenu = null;
         return _this;
     }
-    CustomSqlColumnRendererCP.prototype.renderEnabledButton = function () {
+    EditableColumnRendererCP.prototype.renderEnabledButton = function () {
         var elem = _super.prototype.renderEnabledButton.call(this);
         var child = elem.children[0];
         child.title = public_api.i18n.getText('CmdToggleEnableCustom');
         return elem;
     };
     ;
-    CustomSqlColumnRendererCP.prototype.getClassesToAdd = function () {
+    EditableColumnRendererCP.prototype.getClassesToAdd = function () {
         return "".concat(this.cssPrefix, "-row ").concat(this.cssPrefix, "-row-column-entattr") + _super.prototype.getClassesToAdd.call(this);
     };
-    Object.defineProperty(CustomSqlColumnRendererCP.prototype, "columnEnabled", {
-        get: function () {
-            return this.panel.areCustomExpressionsAllowed() ? this.column.enabled : false;
-        },
-        set: function (value) {
-            if (this.panel.areCustomExpressionsAllowed()) {
-                this.column.enabled = value;
-            }
-            else {
-                this.column.enabled = false;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CustomSqlColumnRendererCP.prototype.renderColumnTypeButton = function () {
-        var button = _super.prototype.renderColumnTypeButton.call(this);
-        if (button) {
-            button.firstElementChild.classList.add('aggregated');
-            button.firstElementChild.setAttribute('title', public_api.i18n.getText('ButtonToSimple'));
-        }
-        return button;
-    };
-    CustomSqlColumnRendererCP.prototype.renderExpressionBlock = function () {
+    EditableColumnRendererCP.prototype.renderExpressionBlock = function () {
         var _this = this;
-        if (!this.column.caption || this.column.caption == '') {
-            this.column.caption = this.getDefaultColumnCaption();
-        }
         var exprBlock = (0,lib_public_api.domel)("div")
             .addClass("".concat(this.cssPrefix, "-expr-block"))
             .addClass(browser_utils/* browserUtils.getMobileCssClass */.z.getMobileCssClass())
@@ -22828,7 +22818,7 @@ var CustomSqlColumnRendererCP = /** @class */ (function (_super) {
             )
                 .addChild('input', function (b) { return b
                 .hide()
-                .value(_this.column.expr.sql)
+                .value(_this.getColumnValue())
                 .on('blur keydown', function (ev) {
                 var isEndEvent = false;
                 var save = true;
@@ -22853,12 +22843,13 @@ var CustomSqlColumnRendererCP = /** @class */ (function (_super) {
                         aEl.style.removeProperty('display');
                         inputEl.style.display = 'none';
                     }
-                    if (save && _this.column.expr.sql !== inputEl.value) {
-                        _this.column.expr.sql = inputEl.value;
+                    var colVal = _this.getColumnValue();
+                    if (save && colVal !== inputEl.value) {
+                        _this.setColumnValue(inputEl.value);
                         _this.fireColumnChanged();
                     }
                     else {
-                        inputEl.value = _this.column.expr.sql;
+                        inputEl.value = colVal;
                     }
                     _this.element.removeAttribute(lib_public_api.eqDragManager.DRAG_DISABLED_ATTR);
                 }
@@ -22911,31 +22902,30 @@ var CustomSqlColumnRendererCP = /** @class */ (function (_super) {
         }
         return exprBlock;
     };
-    CustomSqlColumnRendererCP.prototype.changeTypeToSimple = function () {
+    EditableColumnRendererCP.prototype.changeTypeToSimple = function () {
         var query = this.column.getQuery();
         query.changeColumnType(this.column, ExprTag.EntityAttribute);
         this.fireColumnChanged();
     };
-    CustomSqlColumnRendererCP.prototype.getDefaultColumnCaption = function () {
-        return "Custom SQL Column";
+    EditableColumnRendererCP.prototype.getColumnValue = function () {
+        return '';
     };
-    CustomSqlColumnRendererCP.prototype.getDefaultValue = function () {
-        return this.column.expr.sql;
+    EditableColumnRendererCP.prototype.setColumnValue = function (value) {
     };
-    CustomSqlColumnRendererCP.prototype.getUIS = function () {
+    EditableColumnRendererCP.prototype.getUIS = function () {
         return true;
     };
-    CustomSqlColumnRendererCP.prototype.changeTypeHandler = function (ev) {
+    EditableColumnRendererCP.prototype.changeTypeHandler = function (ev) {
         this.changeTypeToSimple();
     };
-    CustomSqlColumnRendererCP.prototype.processExtraButtonMenuItems = function (action, evt) {
+    EditableColumnRendererCP.prototype.processExtraButtonMenuItems = function (action, evt) {
         this.changeTypeToSimple();
         return true;
     };
-    CustomSqlColumnRendererCP.prototype.createFunctionMenu = function () {
+    EditableColumnRendererCP.prototype.createFunctionMenu = function () {
         // Nothing TO DO
     };
-    CustomSqlColumnRendererCP.prototype.getExtraButtonMenuItems = function () {
+    EditableColumnRendererCP.prototype.getExtraButtonMenuItems = function () {
         return [{
                 id: '__group',
                 text: public_api.i18n.getText('ColTypeGroup'),
@@ -22945,7 +22935,7 @@ var CustomSqlColumnRendererCP = /** @class */ (function (_super) {
                     }]
             }];
     };
-    CustomSqlColumnRendererCP.prototype.createDataTypeMenu = function () {
+    EditableColumnRendererCP.prototype.createDataTypeMenu = function () {
         var items = [];
         for (var typeItem in public_api.DataType) {
             if (!isNaN(Number(typeItem))) {
@@ -22968,10 +22958,74 @@ var CustomSqlColumnRendererCP = /** @class */ (function (_super) {
         };
         this.dataTypeMenu = new PopupMenu(menuOptions);
     };
+    return EditableColumnRendererCP;
+}(AttrColumnRendererCP));
+var CustomSqlColumnRendererCP = /** @class */ (function (_super) {
+    editable_column_renderer_cp_extends(CustomSqlColumnRendererCP, _super);
+    function CustomSqlColumnRendererCP() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(CustomSqlColumnRendererCP.prototype, "columnEnabled", {
+        get: function () {
+            return this.panel.areCustomExpressionsAllowed() ? this.column.enabled : false;
+        },
+        set: function (value) {
+            if (this.panel.areCustomExpressionsAllowed()) {
+                this.column.enabled = value;
+            }
+            else {
+                this.column.enabled = false;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CustomSqlColumnRendererCP.prototype.renderColumnTypeButton = function () {
+        var button = _super.prototype.renderColumnTypeButton.call(this);
+        if (button) {
+            button.firstElementChild.classList.add('aggregated');
+            button.firstElementChild.setAttribute('title', public_api.i18n.getText('ButtonToSimple'));
+        }
+        return button;
+    };
+    CustomSqlColumnRendererCP.prototype.getColumnValue = function () {
+        return this.column.expr.sql;
+    };
+    CustomSqlColumnRendererCP.prototype.setColumnValue = function (value) {
+        this.column.expr.sql = value;
+    };
+    CustomSqlColumnRendererCP.prototype.getDefaultValue = function () {
+        return this.column.expr.sql;
+    };
     return CustomSqlColumnRendererCP;
-}(SimpleColumnRendererCP));
+}(EditableColumnRendererCP));
+
+var ConstColumnRendererCP = /** @class */ (function (_super) {
+    editable_column_renderer_cp_extends(ConstColumnRendererCP, _super);
+    function ConstColumnRendererCP() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ConstColumnRendererCP.prototype.renderColumnTypeButton = function () {
+        var button = _super.prototype.renderColumnTypeButton.call(this);
+        if (button) {
+            button.firstElementChild.classList.add('aggregated');
+            button.firstElementChild.setAttribute('title', public_api.i18n.getText('ButtonToSimple'));
+        }
+        return button;
+    };
+    ConstColumnRendererCP.prototype.getColumnValue = function () {
+        return this.column.expr.value;
+    };
+    ConstColumnRendererCP.prototype.setColumnValue = function (value) {
+        this.column.expr.setValue(value);
+    };
+    ConstColumnRendererCP.prototype.getDefaultValue = function () {
+        return this.column.expr.value;
+    };
+    return ConstColumnRendererCP;
+}(EditableColumnRendererCP));
 
-//# sourceMappingURL=customsql_column_renderer.js.map
+//# sourceMappingURL=editable_column_renderer_cp.js.map
 ;// CONCATENATED MODULE: ../ui/dist/lib/widgets/columns_panel.js
 var columns_panel_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -23218,7 +23272,15 @@ var ColumnsPanel = /** @class */ (function (_super) {
                         var index = query.getColumns().indexOf(column);
                         var newEl = _this.addColumnElement(column, index);
                         if (isFocusInside) {
-                            newEl.querySelector("a").focus();
+                            var focusElem = newEl.querySelector('a');
+                            if (focusElem) {
+                                try {
+                                    focusElem.focus();
+                                }
+                                catch (_a) {
+                                    //do nothing
+                                }
+                            }
                         }
                     };
                     if (Array.isArray(columns)) {
@@ -23318,7 +23380,13 @@ var ColumnsPanel = /** @class */ (function (_super) {
     };
     ColumnsPanel.prototype.setOptions = function (options) {
         public_api.utils.assignDeep(this.options, options);
-        this.getContext().options.allowCustomExpressions = options.allowCustomExpressions;
+        this.context.options.allowCustomExpressions = options.allowCustomExpressions;
+        if (options.attrElementFormat) {
+            this.context.options.attributeFormat = options.attrElementFormat;
+        }
+        if (options.titleElementFormat) {
+            this.context.options.columnTitleFormat = options.titleElementFormat;
+        }
         if (browser_utils/* browserUtils.isMobileMode */.z.isMobileMode()) {
             this.options.buttons = ["menu"];
             this.options.showHeader = false;
@@ -23407,66 +23475,36 @@ var ColumnsPanel = /** @class */ (function (_super) {
                 .data("show-buttons", "");
         }
     };
-    ColumnsPanel.prototype.addNewColumn = function (attrId, index) {
-        var _this = this;
+    ColumnsPanel.prototype.addNewColumn = function (attrs, index) {
         var model = this.getContext().getModel();
         var query = this.getQuery();
-        var getColumnByAttrId = function (attrid) {
-            var attribute = model.getAttributeById(attrid);
-            if (!attribute) {
-                return null;
-            }
-            if (!attribute.useInResult) {
-                if (attribute.lookupAttr) {
-                    attrid = attribute.lookupAttr;
-                    attribute = model.getAttributeById(attrid);
-                    if (!attribute || !attribute.useInResult) {
-                        return null;
-                    }
-                }
-                else
-                    return null;
-            }
-            var column = query.createColumn();
-            column.caption = _this.getDefaultColumnCaption(attribute);
-            column.sorting = SortDirection.None;
-            column.sortIndex = -1;
-            column.expr.tag = ExprTag.EntityAttribute;
-            column.expr.kind = DataKind.Attribute;
-            column.expr.dataType = attribute.dataType;
-            column.expr.setValue(attrid, true);
-            column.params.concat(attribute.params);
-            return column;
-        };
-        var colToAdd, col;
-        if (Array.isArray(attrId)) {
-            colToAdd = [];
-            for (var i = 0; i < attrId.length; i++) {
-                col = getColumnByAttrId(attrId[i]);
+        if (Array.isArray(attrs)) {
+            var col = null;
+            var cols = [];
+            for (var i = 0; i < attrs.length; i++) {
+                col = query.addColumn({
+                    attributeId: attrs[i],
+                    index: index
+                }, true);
                 if (col) {
-                    colToAdd.push(col);
+                    cols.push(col);
                 }
             }
+            query.fireChangedEvent({
+                part: QueryChangePart.Columns,
+                action: QueryChangeAction.Add,
+                changee: cols,
+                source: this
+            });
+            return cols;
         }
-        else
-            colToAdd = getColumnByAttrId(attrId);
-        this.addColumn(colToAdd, index);
-        return colToAdd;
-    };
-    ColumnsPanel.prototype.addColumn = function (column, index) {
-        var query = this.getQuery();
-        if (!query) {
-            return;
-        }
-        if (Array.isArray(column))
-            column = this.checkColumnsArray(column);
-        else
-            column = this.checkColumn(column);
-        if (!column || (Array.isArray(column) && column.length == 0)) {
-            return;
+        else {
+            var col = query.addColumn({
+                attributeId: attrs,
+                index: index
+            });
+            return col;
         }
-        query.addColumnObj(column, index, self);
-        query.fireColumnsChangedEvent(QueryChangeAction.Add, column);
     };
     //adds one column to the panel on the specified position
     ColumnsPanel.prototype.addColumnElement = function (column, index) {
@@ -23516,23 +23554,19 @@ var ColumnsPanel = /** @class */ (function (_super) {
         }
         return col;
     };
-    ColumnsPanel.prototype.getDefaultColumnCaption = function (attr) {
-        var format = this.options.titleElementFormat || this.options.attrElementFormat;
-        var model = this.getContext().getModel();
-        return model.getAttributeText(attr, format);
-    };
     ColumnsPanel.prototype.getColumnsBlock = function () {
         return this.columnsBlock;
     };
     ColumnsPanel.prototype.getColumnRenderer = function (column, slot) {
         switch (column.expr.tag) {
+            case ExprTag.Constant:
+                return new ConstColumnRendererCP(this, column, slot);
             case ExprTag.AggregateFunction:
                 return new AggrFuncColumnRendererCP(this, column, slot);
             case ExprTag.CustomSql:
                 return new CustomSqlColumnRendererCP(this, column, slot);
-            case ExprTag.EntityAttribute:
-            case ExprTag.ParentEntityAttribute:
-                return new SimpleColumnRendererCP(this, column, slot);
+            default:
+                return new AttrColumnRendererCP(this, column, slot);
         }
         return null;
     };
@@ -23741,7 +23775,6 @@ var ColumnRendererCB = /** @class */ (function () {
     });
     ColumnRendererCB.prototype.render = function () {
         var _this = this;
-        this.baseAttr = this.getAttribute();
         var builder = (0,lib_public_api.domel)('div');
         builder.data('id', this.column.id);
         if (this.element) {
@@ -23798,10 +23831,6 @@ var ColumnRendererCB = /** @class */ (function () {
     ColumnRendererCB.prototype.refresh = function () {
         this.render();
     };
-    ColumnRendererCB.prototype.getAttribute = function () {
-        var model = this.bar.getContext().getModel();
-        return model.getAttributeByIdSafe(this.column.expr.value);
-    };
     ColumnRendererCB.prototype.isEditable = function () {
         return this.column.enabled && !this.column.isReadOnly();
     };
@@ -23816,19 +23845,13 @@ var ColumnRendererCB = /** @class */ (function () {
     };
     ColumnRendererCB.prototype.renderCaptionBlock = function () {
         var _this = this;
-        if (!this.column.caption || this.column.caption == '') {
-            this.column.caption = this.getDefaultCaption();
-        }
-        var model = this.column.getModel();
-        var caption = this.baseAttr !== model.nullAttribute
-            ? this.column.caption
-            : model.getAttributeText(model.nullAttribute, '{attr}');
+        var caption = this.column.caption;
         if (!this.isEditable()) {
             return (0,lib_public_api.domel)('div')
                 .addClass("".concat(this.cssPrefix, "-colelement"), "".concat(this.cssPrefix, "-captionelement"))
                 .addClass(browser_utils/* browserUtils.getMobileCssClass */.z.getMobileCssClass())
                 .addChild('div', function (b) { return b
-                .title(_this.column.caption)
+                .title(caption)
                 .text(caption)
                 .attr('tabIndex', '0'); })
                 .toDOM();
@@ -24001,7 +24024,7 @@ var ColumnRendererCB = /** @class */ (function () {
     ColumnRendererCB.prototype.buttonDeleteClickHandler = function (ev) {
         ev.stopPropagation();
         var query = this.bar.getQuery();
-        query.removeColumn(this.column, this.bar);
+        query.removeColumn(this.column);
         query.fireColumnsChangedEvent(QueryChangeAction.Delete, this.column);
         return false;
     };
@@ -24020,14 +24043,6 @@ var ColumnRendererCB = /** @class */ (function () {
         } })
             .toDOM();
     };
-    ColumnRendererCB.prototype.getDefaultCaption = function () {
-        return this.getDefaultTitleText(this.baseAttr);
-    };
-    ColumnRendererCB.prototype.getDefaultTitleText = function (attr) {
-        var format = this.bar.options.titleElementFormat || this.bar.options.attrElementFormat;
-        var model = this.bar.getContext().getModel();
-        return model.getAttributeText(attr, format);
-    };
     ColumnRendererCB.prototype.getClassesToAdd = function () {
         var result = "";
         result += this.column.enabled ? '' : " ".concat(this.cssPrefix, "-disabled");
@@ -24266,8 +24281,8 @@ var ColumnRendererCB = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=column_renderer_cb.js.map
-;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnsbar/simple_column_renderer.js
-var columnsbar_simple_column_renderer_extends = (undefined && undefined.__extends) || (function () {
+;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnsbar/attr_column_renderer_cb.js
+var attr_column_renderer_cb_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -24285,23 +24300,29 @@ var columnsbar_simple_column_renderer_extends = (undefined && undefined.__extend
 
 
 
-var SimpleColumnRendererCB = /** @class */ (function (_super) {
-    columnsbar_simple_column_renderer_extends(SimpleColumnRendererCB, _super);
-    function SimpleColumnRendererCB() {
+var AttrColumnRendererCB = /** @class */ (function (_super) {
+    attr_column_renderer_cb_extends(AttrColumnRendererCB, _super);
+    function AttrColumnRendererCB() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    SimpleColumnRendererCB.prototype.getClassesToAdd = function () {
+    AttrColumnRendererCB.prototype.getClassesToAdd = function () {
         return "".concat(_super.prototype.getClassesToAdd.call(this), " ").concat(this.cssPrefix, "-row ").concat(this.cssPrefix, "-row-column-entattr");
     };
-    SimpleColumnRendererCB.prototype.baseExpressionItemSelectedCallback = function (data, item) {
+    AttrColumnRendererCB.prototype.baseExpressionItemSelectedCallback = function (data, item) {
         var attrid = data.id;
-        //this.column.expr.id = attrid;
-        this.column.expr.setValue(attrid, true);
-        this.column.caption = '';
-        this.refresh();
+        var context = this.bar.getContext();
+        var attr = context.getModel().getAttributeById(attrid);
+        this.updateBaseAttr(attr);
+        this.column.caption = context.getDefaultColumnCaption(this.column);
         this.fireColumnChanged();
+        return false;
+    };
+    AttrColumnRendererCB.prototype.updateBaseAttr = function (attr) {
+        this.column.expr.setValue(attr.id, true);
+        this.column.expr.baseAttrId = attr.id;
+        this.column.expr.dataType = attr.dataType;
     };
-    SimpleColumnRendererCB.prototype.getUIS = function () {
+    AttrColumnRendererCB.prototype.getUIS = function () {
         var arg = this.column.expr.args[0];
         if (arg) {
             var model = this.bar.getContext().getModel();
@@ -24311,17 +24332,17 @@ var SimpleColumnRendererCB = /** @class */ (function (_super) {
             return true;
         }
     };
-    SimpleColumnRendererCB.prototype.changeTypeToCustomSql = function () {
+    AttrColumnRendererCB.prototype.changeTypeToCustomSql = function () {
         var query = this.column.getQuery();
         query.changeColumnType(this.column, ExprTag.CustomSql);
         this.fireColumnChanged();
     };
-    SimpleColumnRendererCB.prototype.changeTypeToAggr = function (funcId) {
+    AttrColumnRendererCB.prototype.changeTypeToAggr = function (funcId) {
         var query = this.column.getQuery();
         query.changeColumnType(this.column, ExprTag.AggregateFunction, { funcId: funcId });
         this.fireColumnChanged();
     };
-    SimpleColumnRendererCB.prototype.changeColumnTypeHandler = function (ev) {
+    AttrColumnRendererCB.prototype.changeColumnTypeHandler = function (ev) {
         var _this = this;
         this.functionMenu.showMenu({
             anchor: ev.target,
@@ -24343,12 +24364,12 @@ var SimpleColumnRendererCB = /** @class */ (function (_super) {
             }
         });
     };
-    return SimpleColumnRendererCB;
+    return AttrColumnRendererCB;
 }(ColumnRendererCB));
 
-//# sourceMappingURL=simple_column_renderer.js.map
-;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnsbar/aggrfunc_column_renderer.js
-var columnsbar_aggrfunc_column_renderer_extends = (undefined && undefined.__extends) || (function () {
+//# sourceMappingURL=attr_column_renderer_cb.js.map
+;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnsbar/aggrfunc_column_renderer_cb.js
+var aggrfunc_column_renderer_cb_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -24367,23 +24388,13 @@ var columnsbar_aggrfunc_column_renderer_extends = (undefined && undefined.__exte
 
 
 var AggrFuncColumnRendererCB = /** @class */ (function (_super) {
-    columnsbar_aggrfunc_column_renderer_extends(AggrFuncColumnRendererCB, _super);
+    aggrfunc_column_renderer_cb_extends(AggrFuncColumnRendererCB, _super);
     function AggrFuncColumnRendererCB() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     AggrFuncColumnRendererCB.prototype.getClassesToAdd = function () {
         return "".concat(_super.prototype.getClassesToAdd.call(this), " ").concat(this.cssPrefix, "-row ").concat(this.cssPrefix, "-row-column-aggr");
     };
-    AggrFuncColumnRendererCB.prototype.getAttribute = function () {
-        return this.bar
-            .getContext()
-            .getModel()
-            .getAttributeByIdSafe(this.column.expr.args[0].value);
-    };
-    AggrFuncColumnRendererCB.prototype.getDefaultCaption = function () {
-        return this.getDefaultTitleText(this.baseAttr) + ' '
-            + this.bar.getContext().getModel().getAggrFunctionCaption(this.column.expr.func);
-    };
     AggrFuncColumnRendererCB.prototype.renderColumnTypeButton = function () {
         var button = _super.prototype.renderColumnTypeButton.call(this);
         if (button) {
@@ -24392,12 +24403,9 @@ var AggrFuncColumnRendererCB = /** @class */ (function (_super) {
         }
         return button;
     };
-    AggrFuncColumnRendererCB.prototype.baseExpressionItemSelectedCallback = function (data, item) {
-        var attrid = data.id;
-        //this.column.expr.args[0].id = attrid;
-        this.column.expr.args[0].setValue(attrid, true);
-        this.column.caption = '';
-        this.fireColumnChanged();
+    AggrFuncColumnRendererCB.prototype.updateBaseAttr = function (attr) {
+        this.column.expr.args[0].setValue(attr.id, true);
+        this.column.expr.baseAttrId = attr.id;
     };
     AggrFuncColumnRendererCB.prototype.changeTypeToSimple = function () {
         var query = this.column.getQuery();
@@ -24408,9 +24416,112 @@ var AggrFuncColumnRendererCB = /** @class */ (function (_super) {
         this.changeTypeToSimple();
     };
     return AggrFuncColumnRendererCB;
-}(SimpleColumnRendererCB));
+}(AttrColumnRendererCB));
+
+//# sourceMappingURL=aggrfunc_column_renderer_cb.js.map
+;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/columnsbar/editable_column_renderer_cb.js
+var editable_column_renderer_cb_extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+var EditableColumnRendererCB = /** @class */ (function (_super) {
+    editable_column_renderer_cb_extends(EditableColumnRendererCB, _super);
+    function EditableColumnRendererCB() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    EditableColumnRendererCB.prototype.getClassesToAdd = function () {
+        return "".concat(this.cssPrefix, "-row ").concat(this.cssPrefix, "-row-column-entattr") + _super.prototype.getClassesToAdd.call(this);
+    };
+    EditableColumnRendererCB.prototype.renderColumnTypeButton = function () {
+        var button = _super.prototype.renderColumnTypeButton.call(this);
+        if (button) {
+            button.classList.add('aggregated');
+            button.title = public_api.i18n.getText('ButtonToSimple');
+        }
+        return button;
+    };
+    EditableColumnRendererCB.prototype.changeTypeToSimple = function () {
+        var query = this.column.getQuery();
+        query.changeColumnType(this.column, ExprTag.EntityAttribute);
+        this.fireColumnChanged();
+    };
+    EditableColumnRendererCB.prototype.getColumnValue = function () {
+        return '';
+    };
+    EditableColumnRendererCB.prototype.setColumnValue = function (value) {
+    };
+    EditableColumnRendererCB.prototype.getUIS = function () {
+        return true;
+    };
+    EditableColumnRendererCB.prototype.changeColumnTypeHandler = function (ev) {
+        this.changeTypeToSimple();
+    };
+    return EditableColumnRendererCB;
+}(ColumnRendererCB));
+
+var CustomSqlColumnRendererCB = /** @class */ (function (_super) {
+    editable_column_renderer_cb_extends(CustomSqlColumnRendererCB, _super);
+    function CustomSqlColumnRendererCB() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(CustomSqlColumnRendererCB.prototype, "columnEnabled", {
+        get: function () {
+            return this.bar.areCustomExpressionsAllowed() ? this.column.enabled : false;
+        },
+        set: function (value) {
+            if (this.bar.areCustomExpressionsAllowed()) {
+                this.column.enabled = value;
+            }
+            else {
+                this.column.enabled = false;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CustomSqlColumnRendererCB.prototype.getColumnValue = function () {
+        return this.column.expr.sql;
+    };
+    CustomSqlColumnRendererCB.prototype.setColumnValue = function (value) {
+        this.column.expr.sql = value;
+    };
+    CustomSqlColumnRendererCB.prototype.getDefaultValue = function () {
+        return this.column.expr.sql;
+    };
+    return CustomSqlColumnRendererCB;
+}(EditableColumnRendererCB));
 
-//# sourceMappingURL=aggrfunc_column_renderer.js.map
+var ConstColumnRendererCB = /** @class */ (function (_super) {
+    editable_column_renderer_cb_extends(ConstColumnRendererCB, _super);
+    function ConstColumnRendererCB() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ConstColumnRendererCB.prototype.getColumnValue = function () {
+        return this.column.expr.value;
+    };
+    ConstColumnRendererCB.prototype.setColumnValue = function (value) {
+        this.column.expr.setValue(value);
+    };
+    ConstColumnRendererCB.prototype.getDefaultValue = function () {
+        return this.column.expr.value;
+    };
+    return ConstColumnRendererCB;
+}(EditableColumnRendererCB));
+
+//# sourceMappingURL=editable_column_renderer_cb.js.map
 ;// CONCATENATED MODULE: ../ui/dist/lib/widgets/columns_bar.js
 var columns_bar_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -24436,6 +24547,7 @@ var columns_bar_extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var ColumnsBar = /** @class */ (function (_super) {
     columns_bar_extends(ColumnsBar, _super);
     function ColumnsBar(slot, customQuery) {
@@ -24450,8 +24562,6 @@ var ColumnsBar = /** @class */ (function (_super) {
             allowDuplicates: true,
             allowCustomExpressions: false,
             allowSorting: true,
-            attrElementFormat: '{entity} {attr}',
-            titleElementFormat: null,
             alwaysShowButtons: false,
             accentActiveColumn: true,
             allowDragDrop: true,
@@ -24504,6 +24614,12 @@ var ColumnsBar = /** @class */ (function (_super) {
         var _this = this;
         _super.prototype.init.call(this, context, options);
         this.setOptions(options);
+        if (options.attrElementFormat) {
+            this.context.options.attributeFormat = options.attrElementFormat;
+        }
+        if (options.titleElementFormat) {
+            this.context.options.columnTitleFormat = options.titleElementFormat;
+        }
         this.detachQueryObserver();
         this.attachQueryObserver();
         lib_public_api.eqDragManager.removeDropContainer(this.slot);
@@ -24634,6 +24750,7 @@ var ColumnsBar = /** @class */ (function (_super) {
     };
     ColumnsBar.prototype.setOptions = function (options) {
         this.options = public_api.utils.assignDeep(this.options, options);
+        this.getContext().options.allowCustomExpressions = options.allowCustomExpressions;
     };
     ColumnsBar.prototype.showLandingSlot = function (pageX, pageY) {
         var elements = this.columnsBlock.querySelectorAll("[class*=".concat(this.cssPrefix, "-row]"));
@@ -24885,64 +25002,41 @@ var ColumnsBar = /** @class */ (function (_super) {
     };
     ColumnsBar.prototype.getColumnRenderer = function (column, slot) {
         switch (column.expr.tag) {
+            case ExprTag.Constant:
+                return new ConstColumnRendererCB(this, column, slot);
             case ExprTag.AggregateFunction:
                 return new AggrFuncColumnRendererCB(this, column, slot);
             case ExprTag.CustomSql:
-            //                return new CustomSqlColumnRendererCB(this, column, slot);
-            case ExprTag.EntityAttribute:
-            case ExprTag.ParentEntityAttribute:
-                return new SimpleColumnRendererCB(this, column, slot);
+                return new CustomSqlColumnRendererCB(this, column, slot);
+            default:
+                return new AttrColumnRendererCB(this, column, slot);
         }
         return null;
     };
-    ColumnsBar.prototype.addNewColumn = function (attrId, index) {
-        var _this = this;
+    ColumnsBar.prototype.addNewColumn = function (attrs, index) {
         var model = this.getContext().getModel();
         var query = this.getQuery();
-        var getColumnByAttrId = function (attrid) {
-            var attribute = model.getAttributeById(attrid);
-            if (!attribute) {
-                return null;
-            }
-            if (!attribute.useInResult) {
-                if (attribute.lookupAttr) {
-                    attrid = attribute.lookupAttr;
-                    attribute = model.getAttributeById(attrid);
-                    if (!attribute || !attribute.useInResult) {
-                        return null;
-                    }
-                }
-                else
-                    return null;
-            }
-            var column = query.createColumn();
-            column.caption = _this.getDefaultColumnCaption(attribute);
-            column.sorting = SortDirection.None;
-            column.sortIndex = -1;
-            column.expr.tag = ExprTag.EntityAttribute;
-            column.expr.kind = DataKind.Attribute;
-            column.expr.dataType = attribute.dataType;
-            column.expr.setValue(attrid, true);
-            column.params.concat(attribute.params);
-            return column;
-        };
-        if (!this.getQuery()) {
-            return;
-        }
-        var colToAdd, col;
-        if (Array.isArray(attrId)) {
-            colToAdd = [];
-            for (var i = 0; i < attrId.length; i++) {
-                col = getColumnByAttrId(attrId[i]);
+        if (Array.isArray(attrs)) {
+            var col = null;
+            var cols = [];
+            for (var i = 0; i < attrs.length; i++) {
+                col = query.addColumn({
+                    attributeId: attrs[i],
+                    index: index
+                }, true);
                 if (col) {
-                    colToAdd.push(col);
+                    cols.push(col);
                 }
             }
+            return cols;
+        }
+        else {
+            var col = query.addColumn({
+                attributeId: attrs,
+                index: index
+            });
+            return col;
         }
-        else
-            colToAdd = getColumnByAttrId(attrId);
-        this.addColumn(colToAdd, index);
-        return colToAdd;
     };
     ColumnsBar.prototype.toggleColumnPicked = function (column) {
         var el;
@@ -24967,25 +25061,6 @@ var ColumnsBar = /** @class */ (function (_super) {
                 .data("show-buttons", "");
         }
     };
-    ColumnsBar.prototype.addColumn = function (column, index) {
-        var query = this.getQuery();
-        if (!query) {
-            return;
-        }
-        if (Array.isArray(column))
-            column = this.checkColumnsArray(column);
-        else
-            column = this.checkColumn(column);
-        if (!column || (Array.isArray(column) && column.length == 0)) {
-            return;
-        }
-        query.addColumnObj(column, index, self);
-        query.fireChangedEvent({
-            part: QueryChangePart.Columns,
-            action: QueryChangeAction.Add,
-            changee: column
-        });
-    };
     //adds one column to the bar on the specified position
     ColumnsBar.prototype.addColumnElement = function (column, index) {
         var rows = this.columnsBlock.querySelectorAll("[class*=".concat(this.cssPrefix, "-row]"));
@@ -25028,11 +25103,6 @@ var ColumnsBar = /** @class */ (function (_super) {
         }
         return col;
     };
-    ColumnsBar.prototype.getDefaultColumnCaption = function (attr) {
-        var format = this.options.titleElementFormat || this.options.attrElementFormat;
-        var model = this.getContext().getModel();
-        return model.getAttributeText(attr, format);
-    };
     ColumnsBar.prototype.getColumnsBlock = function () {
         return this.columnsBlock;
     };
@@ -25134,13 +25204,13 @@ var ColumnsBar = /** @class */ (function (_super) {
     };
     ColumnsBar.prototype.areCustomExpressionsAllowed = function () {
         var query = this.getQuery();
-        return query.isEx() && this.options.allowCustomExpressions;
+        return query.isEx() && this.getContext().options.allowCustomExpressions;
     };
     ColumnsBar.globalCounter = 0;
     return ColumnsBar;
 }(Widget));
 //# sourceMappingURL=columns_bar.js.map
-;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/sortingbar/column_renderer_sp.js
+;// CONCATENATED MODULE: ../ui/dist/lib/widgets/renderers/sortingbar/column_renderer_sb.js
 
 
 
@@ -25164,7 +25234,6 @@ var ColumnRendererSB = /** @class */ (function () {
     });
     ColumnRendererSB.prototype.render = function () {
         var _this = this;
-        this.baseAttr = this.getAttribute();
         var builder = (0,lib_public_api.domel)('div');
         builder.data('id', this.column.id);
         if (this.element) {
@@ -25215,9 +25284,6 @@ var ColumnRendererSB = /** @class */ (function () {
     };
     ColumnRendererSB.prototype.renderCaptionBlock = function () {
         var _this = this;
-        if (!this.column.caption || this.column.caption == '') {
-            this.column.caption = this.getDefaultCaption();
-        }
         function getArrow(sd) {
             switch (sd) {
                 case SortDirection.Ascending:
@@ -25287,7 +25353,7 @@ var ColumnRendererSB = /** @class */ (function () {
                 if (data.id == 'None' || data.id == "Ascending" || data.id == "Descending") {
                     var query = _this.bar.getContext().getQuery();
                     if (_this.column.isJustSorted() && data.id == 'None') {
-                        query.removeColumn(_this.column, _this.bar);
+                        query.removeColumn(_this.column);
                         query.fireColumnsChangedEvent(QueryChangeAction.Delete, _this.column, true);
                     }
                     else {
@@ -25306,14 +25372,6 @@ var ColumnRendererSB = /** @class */ (function () {
         });
         return false;
     };
-    ColumnRendererSB.prototype.getDefaultCaption = function () {
-        return this.getDefaultTitleText(this.baseAttr);
-    };
-    ColumnRendererSB.prototype.getDefaultTitleText = function (attr) {
-        var format = this.bar.options.titleElementFormat || this.bar.options.attrElementFormat;
-        var model = this.bar.getContext().getModel();
-        return model.getAttributeText(attr, format);
-    };
     ColumnRendererSB.prototype.getClassesToAdd = function () {
         return "".concat(this.cssPrefix, "-row ").concat(this.cssPrefix, "-row-column-entattr");
     };
@@ -25325,7 +25383,7 @@ var ColumnRendererSB = /** @class */ (function () {
     return ColumnRendererSB;
 }());
 
-//# sourceMappingURL=column_renderer_sp.js.map
+//# sourceMappingURL=column_renderer_sb.js.map
 ;// CONCATENATED MODULE: ../ui/dist/lib/widgets/sorting_bar.js
 var sorting_bar_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -25355,8 +25413,6 @@ var SortingBar = /** @class */ (function (_super) {
         var _this = _super.call(this, slot) || this;
         _this.options = {
             showAddRow: true,
-            attrElementFormat: '{entity} {attr}',
-            titleElementFormat: null,
             allowDragDrop: true,
             menuOptions: {
                 showSearchBoxAfter: 30,
@@ -25400,6 +25456,12 @@ var SortingBar = /** @class */ (function (_super) {
         var _this = this;
         _super.prototype.init.call(this, context, options);
         this.setOptions(options);
+        if (options.attrElementFormat) {
+            this.context.options.attributeFormat = options.attrElementFormat;
+        }
+        if (options.titleElementFormat) {
+            this.context.options.columnTitleFormat = options.titleElementFormat;
+        }
         this.destroyCore();
         this.attachQueryObserver();
         lib_public_api.eqDragManager.removeDropContainer(this.slot);
@@ -25552,48 +25614,20 @@ var SortingBar = /** @class */ (function (_super) {
         });
     };
     SortingBar.prototype.addNewColumn = function (attrId) {
-        var _this = this;
         var model = this.getModel();
         var query = this.getQuery();
-        var getColumnByAttrId = function (attrid) {
-            var attribute = model.getAttributeById(attrid);
-            if (!attribute) {
-                return null;
-            }
-            if (!attribute.useInSorting) {
-                if (attribute.lookupAttr) {
-                    attrid = attribute.lookupAttr;
-                    attribute = model.getAttributeById(attrid);
-                    if (!attribute || !attribute.useInSorting) {
-                        return null;
-                    }
-                }
-                else
-                    return null;
-            }
-            var column = query.createColumn(true);
-            column.caption = _this.getDefaultColumnCaption(attribute);
-            column._sorting = SortDirection.Ascending;
-            //column.sortIndex = this.getQuery().getColumnSortIndex(column);
-            column.expr.tag = ExprTag.EntityAttribute;
-            column.expr.dataType = attribute.dataType;
-            //column.expr.id = attrid;
-            column.expr.setValue(attrid, true);
-            column.params.concat(attribute.params);
-            return column;
-        };
-        if (!this.getQuery()) {
-            return;
-        }
-        var newCol = getColumnByAttrId(attrId);
-        return this.getQuery().addColumn({
-            column: newCol
+        var col = query.addColumn({
+            attributeId: attrId,
+            justsorted: true,
+            sorting: SortDirection.Ascending
         });
-    };
-    SortingBar.prototype.getDefaultColumnCaption = function (attr) {
-        var format = this.options.titleElementFormat || this.options.attrElementFormat;
-        var model = this.getModel();
-        return model.getAttributeText(attr, format);
+        query.fireChangedEvent({
+            part: QueryChangePart.SortingColumns,
+            action: QueryChangeAction.Add,
+            changee: col,
+            source: this
+        });
+        return col;
     };
     SortingBar.prototype.renderColumn = function (column, elem) {
         var renderer = new ColumnRendererSB(this, column, elem);
@@ -29315,78 +29349,17 @@ var EasyGridWidget = /** @class */ (function (_super) {
         }
     };
     EasyGridWidget.prototype.addNewColumn = function (attrId) {
-        var _this = this;
-        var model = this.getContext().getModel();
-        var query = this.getContext().getQuery();
-        var getColumnByAttrId = function (attrid) {
-            var attribute = model.getAttributeById(attrid);
-            if (!attribute) {
-                return null;
-            }
-            if (!attribute.useInSorting) {
-                if (attribute.lookupAttr) {
-                    attrid = attribute.lookupAttr;
-                    attribute = model.getAttributeById(attrid);
-                    if (!attribute || !attribute.useInSorting) {
-                        return null;
-                    }
-                }
-                else
-                    return null;
-            }
-            var column = query.createColumn();
-            column.caption = _this.getDefaultColumnCaption(attribute);
-            column.sorting = SortDirection.None;
-            column.sortIndex = -1;
-            column.expr.tag = ExprTag.EntityAttribute;
-            //column.expr.id = attrid;
-            column.expr.setValue(attrid, true);
-            column.params.concat(attribute.params);
-            return column;
-        };
-        if (!this.getContext().getQuery()) {
-            return;
-        }
-        return this.addColumn(getColumnByAttrId(attrId));
-    };
-    EasyGridWidget.prototype.getDefaultColumnCaption = function (attr) {
-        var format = this.options.titleElementFormat || this.options.attrElementFormat;
         var model = this.getContext().getModel();
-        return model.getAttributeText(attr, format);
-    };
-    EasyGridWidget.prototype.addColumn = function (column) {
         var query = this.getContext().getQuery();
-        if (!query) {
-            return;
-        }
-        column = this.checkColumn(column);
-        if (!column) {
-            return;
-        }
-        column = query.addColumn({
-            caption: column.caption,
-            attributeId: column.expr.value,
-            sorting: column.sorting,
-            sortIndex: column.sortIndex
+        var col = query.addColumn({
+            attributeId: attrId
         });
         query.fireChangedEvent({
             part: QueryChangePart.Columns,
             action: QueryChangeAction.Add,
-            changee: column,
+            changee: col,
             source: this
         });
-        return column;
-    };
-    EasyGridWidget.prototype.checkColumn = function (col) {
-        var query = this.getContext().getQuery();
-        var columns = query.getColumns();
-        var colJson = JSON.stringify(col.expr.saveToData());
-        for (var i = 0; i < columns.length; i++) {
-            var qcolJson = JSON.stringify(columns[i].expr.saveToData());
-            if (qcolJson === colJson) {
-                return null;
-            }
-        }
         return col;
     };
     return EasyGridWidget;
@@ -33336,12 +33309,7 @@ var View = /** @class */ (function () {
         }
         // map columnTitleFormat option to widgets that have similar option
         if (options.columnTitleFormat) {
-            options.widgets.entitiesPanel = options.widgets.entitiesPanel || {};
-            options.widgets.entitiesPanel.columnTitleFormat = options.widgets.entitiesPanel.columnTitleFormat || options.columnTitleFormat;
-            options.widgets.columnsBar = options.widgets.columnsBar || {};
-            options.widgets.columnsBar.titleElementFormat = options.widgets.columnsBar.titleElementFormat || options.columnTitleFormat;
-            options.widgets.columnsPanel = options.widgets.columnsPanel || {};
-            options.widgets.columnsPanel.titleElementFormat = options.widgets.columnsPanel.titleElementFormat || options.columnTitleFormat;
+            this.context.options.columnTitleFormat = options.columnTitleFormat;
         }
         //to support old paging options (should be removed in the next versions)
         options.widgets.easyGrid.paging =