@easyquery/ui 7.2.4-rc04 → 7.2.4-rc05

package/dist/bundles/easyquery.ui.js

@@ -6901,6 +6901,8 @@ __webpack_require__.d(__webpack_exports__, {
   AggrSettingsDialog: function() { return /* reexport */ AggrSettingsDialog; },
   AggrSettingsRenderer: function() { return /* reexport */ AggrSettingsRenderer; },
   AggregationBar: function() { return /* reexport */ AggregationBar; },
+  AttrColumnRendererCB: function() { return /* reexport */ AttrColumnRendererCB; },
+  AttrColumnRendererCP: function() { return /* reexport */ AttrColumnRendererCP; },
   AttributeExpressionRenderer: function() { return /* reexport */ AttributeExpressionRenderer; },
   BaseElementRenderer: function() { return /* reexport */ BaseElementRenderer; },
   ChartFacet: function() { return /* reexport */ ChartFacet; },
@@ -6916,6 +6918,7 @@ __webpack_require__.d(__webpack_exports__, {
   ConditionGroupRenderer: function() { return /* reexport */ ConditionGroupRenderer; },
   ConditionGroupRowRenderer: function() { return /* reexport */ ConditionGroupRowRenderer; },
   ConditionRenderer: function() { return /* reexport */ ConditionRenderer; },
+  ConstColumnRendererCP: function() { return /* reexport */ ConstColumnRendererCP; },
   CustomListExpressionRenderer: function() { return /* reexport */ CustomListExpressionRenderer; },
   CustomSqlColumnRendererCP: function() { return /* reexport */ CustomSqlColumnRendererCP; },
   DataFilterView: function() { return /* reexport */ DataFilterView; },
@@ -6947,8 +6950,6 @@ __webpack_require__.d(__webpack_exports__, {
   ReportView: function() { return /* reexport */ ReportView; },
   ResultFacet: function() { return /* reexport */ ResultFacet; },
   ResultFacetsPanel: function() { return /* reexport */ ResultFacetsPanel; },
-  SimpleColumnRendererCB: function() { return /* reexport */ SimpleColumnRendererCB; },
-  SimpleColumnRendererCP: function() { return /* reexport */ SimpleColumnRendererCP; },
   SimpleConditionRenderer: function() { return /* reexport */ SimpleConditionRenderer; },
   SortingBar: function() { return /* reexport */ SortingBar; },
   SqlListExpressionRenderer: function() { return /* reexport */ SqlListExpressionRenderer; },
@@ -7073,7 +7074,6 @@ var EntitiesPanel = /** @class */ (function (_super) {
             autoClearSelection: true,
             entityRenderedCallback: null,
             attributeRenderedCallback: null,
-            columnTitleFormat: '{attr}'
         };
         if (options) {
             public_api/* utils.assignDeep */.P6.assignDeep(this.options, options);
@@ -7202,10 +7202,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(external_easyqueryCore_.QueryChangeAction.Add, column);
                                     }
@@ -7214,7 +7212,7 @@ var EntitiesPanel = /** @class */ (function (_super) {
                                             .filter(function (col) { return col.expr.tag === external_easyqueryCore_.ExprTag.EntityAttribute
                                             && col.expr.value === attrId; });
                                         if (columns.length > 0) {
-                                            query.removeColumn(columns[0], null);
+                                            query.removeColumn(columns[0]);
                                             query.fireColumnsChangedEvent(external_easyqueryCore_.QueryChangeAction.Delete, columns[0]);
                                         }
                                     }
@@ -7428,11 +7426,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) {
@@ -8985,7 +8981,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 !== external_easyqueryCore_.SortDirection.None) {
@@ -9108,15 +9103,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 */.uC)('div')
             .addClass("".concat(this.cssPrefix, "-colelement"), "".concat(this.cssPrefix, "-captionelement"))
             .addClass(browser_utils/* browserUtils.getMobileCssClass */.z.getMobileCssClass());
@@ -9319,17 +9307,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");
@@ -9560,7 +9537,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(external_easyqueryCore_.QueryChangeAction.Delete, this.column);
                 break;
             case ColumnAction.Enable:
@@ -9754,8 +9731,8 @@ var ColumnRendererCP = /** @class */ (function () {
 }());
 
 
-;// CONCATENATED MODULE: ./src/widgets/renderers/columnspanel/simple_column_renderer.ts
-var simple_column_renderer_extends = (undefined && undefined.__extends) || (function () {
+;// CONCATENATED MODULE: ./src/widgets/renderers/columnspanel/attr_column_renderer_cp.ts
+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; }) ||
@@ -9775,15 +9752,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 */.uC)("div")
             .addClass("".concat(this.cssPrefix, "-expr-block"))
@@ -9794,9 +9771,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 */.uC)('a')
                 .attr('href', 'javascript:void(0)')
@@ -9819,14 +9801,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();
@@ -9836,7 +9825,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({
@@ -9854,7 +9843,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, external_easyqueryCore_.ExprTag.CustomSql);
@@ -9867,12 +9856,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, external_easyqueryCore_.ExprTag.AggregateFunction, { funcId: funcId });
         this.fireColumnChanged();
     };
-    SimpleColumnRendererCP.prototype.processExtraButtonMenuItems = function (action, evt) {
+    AttrColumnRendererCP.prototype.processExtraButtonMenuItems = function (action, evt) {
         if (action === "CUSTOMSQL") {
             this.changeTypeToCustomSql();
         }
@@ -9881,7 +9870,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;
@@ -9932,12 +9921,12 @@ var SimpleColumnRendererCP = /** @class */ (function (_super) {
                 items: items
             }];
     };
-    return SimpleColumnRendererCP;
+    return AttrColumnRendererCP;
 }(ColumnRendererCP));
 
 
-;// CONCATENATED MODULE: ./src/widgets/renderers/columnspanel/aggrfunc_column_renderer.ts
-var aggrfunc_column_renderer_extends = (undefined && undefined.__extends) || (function () {
+;// CONCATENATED MODULE: ./src/widgets/renderers/columnspanel/aggrfunc_column_renderer_cp.ts
+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; }) ||
@@ -9960,7 +9949,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();
@@ -9975,10 +9964,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();
@@ -10063,14 +10048,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, external_easyqueryCore_.ExprTag.EntityAttribute);
@@ -10097,6 +10074,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();
     };
@@ -10115,11 +10096,11 @@ var AggrFuncColumnRendererCP = /** @class */ (function (_super) {
             }];
     };
     return AggrFuncColumnRendererCP;
-}(SimpleColumnRendererCP));
+}(AttrColumnRendererCP));
 
 
-;// CONCATENATED MODULE: ./src/widgets/renderers/columnspanel/customsql_column_renderer.ts
-var customsql_column_renderer_extends = (undefined && undefined.__extends) || (function () {
+;// CONCATENATED MODULE: ./src/widgets/renderers/columnspanel/editable_column_renderer_cp.ts
+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; }) ||
@@ -10140,51 +10121,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 */.ag.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 */.ag.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 */.uC)("div")
             .addClass("".concat(this.cssPrefix, "-expr-block"))
             .addClass(browser_utils/* browserUtils.getMobileCssClass */.z.getMobileCssClass())
@@ -10214,7 +10169,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;
@@ -10239,12 +10194,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 */.Yy.DRAG_DISABLED_ATTR);
                 }
@@ -10297,31 +10253,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, external_easyqueryCore_.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 */.ag.getText('ColTypeGroup'),
@@ -10331,7 +10286,7 @@ var CustomSqlColumnRendererCP = /** @class */ (function (_super) {
                     }]
             }];
     };
-    CustomSqlColumnRendererCP.prototype.createDataTypeMenu = function () {
+    EditableColumnRendererCP.prototype.createDataTypeMenu = function () {
         var items = [];
         for (var typeItem in public_api/* DataType */.g) {
             if (!isNaN(Number(typeItem))) {
@@ -10354,8 +10309,72 @@ 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 */.ag.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 */.ag.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));
 
 
 ;// CONCATENATED MODULE: ./src/widgets/columns_panel.ts
@@ -10604,7 +10623,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)) {
@@ -10704,7 +10731,13 @@ var ColumnsPanel = /** @class */ (function (_super) {
     };
     ColumnsPanel.prototype.setOptions = function (options) {
         public_api/* utils.assignDeep */.P6.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;
@@ -10793,66 +10826,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 = external_easyqueryCore_.SortDirection.None;
-            column.sortIndex = -1;
-            column.expr.tag = external_easyqueryCore_.ExprTag.EntityAttribute;
-            column.expr.kind = external_easyqueryCore_.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: external_easyqueryCore_.QueryChangePart.Columns,
+                action: external_easyqueryCore_.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(external_easyqueryCore_.QueryChangeAction.Add, column);
     };
     //adds one column to the panel on the specified position
     ColumnsPanel.prototype.addColumnElement = function (column, index) {
@@ -10902,23 +10905,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 external_easyqueryCore_.ExprTag.Constant:
+                return new ConstColumnRendererCP(this, column, slot);
             case external_easyqueryCore_.ExprTag.AggregateFunction:
                 return new AggrFuncColumnRendererCP(this, column, slot);
             case external_easyqueryCore_.ExprTag.CustomSql:
                 return new CustomSqlColumnRendererCP(this, column, slot);
-            case external_easyqueryCore_.ExprTag.EntityAttribute:
-            case external_easyqueryCore_.ExprTag.ParentEntityAttribute:
-                return new SimpleColumnRendererCP(this, column, slot);
+            default:
+                return new AttrColumnRendererCP(this, column, slot);
         }
         return null;
     };
@@ -11127,7 +11126,6 @@ var ColumnRendererCB = /** @class */ (function () {
     });
     ColumnRendererCB.prototype.render = function () {
         var _this = this;
-        this.baseAttr = this.getAttribute();
         var builder = (0,lib_public_api/* domel */.uC)('div');
         builder.data('id', this.column.id);
         if (this.element) {
@@ -11184,10 +11182,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();
     };
@@ -11202,19 +11196,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 */.uC)('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();
@@ -11387,7 +11375,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(external_easyqueryCore_.QueryChangeAction.Delete, this.column);
         return false;
     };
@@ -11406,14 +11394,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");
@@ -11652,8 +11632,8 @@ var ColumnRendererCB = /** @class */ (function () {
 }());
 
 
-;// CONCATENATED MODULE: ./src/widgets/renderers/columnsbar/simple_column_renderer.ts
-var columnsbar_simple_column_renderer_extends = (undefined && undefined.__extends) || (function () {
+;// CONCATENATED MODULE: ./src/widgets/renderers/columnsbar/attr_column_renderer_cb.ts
+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; }) ||
@@ -11671,23 +11651,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();
@@ -11697,17 +11683,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, external_easyqueryCore_.ExprTag.CustomSql);
         this.fireColumnChanged();
     };
-    SimpleColumnRendererCB.prototype.changeTypeToAggr = function (funcId) {
+    AttrColumnRendererCB.prototype.changeTypeToAggr = function (funcId) {
         var query = this.column.getQuery();
         query.changeColumnType(this.column, external_easyqueryCore_.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,
@@ -11729,12 +11715,12 @@ var SimpleColumnRendererCB = /** @class */ (function (_super) {
             }
         });
     };
-    return SimpleColumnRendererCB;
+    return AttrColumnRendererCB;
 }(ColumnRendererCB));
 
 
-;// CONCATENATED MODULE: ./src/widgets/renderers/columnsbar/aggrfunc_column_renderer.ts
-var columnsbar_aggrfunc_column_renderer_extends = (undefined && undefined.__extends) || (function () {
+;// CONCATENATED MODULE: ./src/widgets/renderers/columnsbar/aggrfunc_column_renderer_cb.ts
+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; }) ||
@@ -11753,23 +11739,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) {
@@ -11778,12 +11754,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();
@@ -11794,7 +11767,110 @@ var AggrFuncColumnRendererCB = /** @class */ (function (_super) {
         this.changeTypeToSimple();
     };
     return AggrFuncColumnRendererCB;
-}(SimpleColumnRendererCB));
+}(AttrColumnRendererCB));
+
+
+;// CONCATENATED MODULE: ./src/widgets/renderers/columnsbar/editable_column_renderer_cb.ts
+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 = external_easyqueryCore_.i18n.getText('ButtonToSimple');
+        }
+        return button;
+    };
+    EditableColumnRendererCB.prototype.changeTypeToSimple = function () {
+        var query = this.column.getQuery();
+        query.changeColumnType(this.column, external_easyqueryCore_.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));
+
+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));
 
 
 ;// CONCATENATED MODULE: ./src/widgets/columns_bar.ts
@@ -11822,6 +11898,7 @@ var columns_bar_extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var ColumnsBar = /** @class */ (function (_super) {
     columns_bar_extends(ColumnsBar, _super);
     function ColumnsBar(slot, customQuery) {
@@ -11836,8 +11913,6 @@ var ColumnsBar = /** @class */ (function (_super) {
             allowDuplicates: true,
             allowCustomExpressions: false,
             allowSorting: true,
-            attrElementFormat: '{entity} {attr}',
-            titleElementFormat: null,
             alwaysShowButtons: false,
             accentActiveColumn: true,
             allowDragDrop: true,
@@ -11890,6 +11965,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 */.Yy.removeDropContainer(this.slot);
@@ -12020,6 +12101,7 @@ var ColumnsBar = /** @class */ (function (_super) {
     };
     ColumnsBar.prototype.setOptions = function (options) {
         this.options = public_api/* utils.assignDeep */.P6.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]"));
@@ -12271,64 +12353,41 @@ var ColumnsBar = /** @class */ (function (_super) {
     };
     ColumnsBar.prototype.getColumnRenderer = function (column, slot) {
         switch (column.expr.tag) {
+            case external_easyqueryCore_.ExprTag.Constant:
+                return new ConstColumnRendererCB(this, column, slot);
             case external_easyqueryCore_.ExprTag.AggregateFunction:
                 return new AggrFuncColumnRendererCB(this, column, slot);
             case external_easyqueryCore_.ExprTag.CustomSql:
-            //                return new CustomSqlColumnRendererCB(this, column, slot);
-            case external_easyqueryCore_.ExprTag.EntityAttribute:
-            case external_easyqueryCore_.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 = external_easyqueryCore_.SortDirection.None;
-            column.sortIndex = -1;
-            column.expr.tag = external_easyqueryCore_.ExprTag.EntityAttribute;
-            column.expr.kind = external_easyqueryCore_.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;
@@ -12353,25 +12412,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: external_easyqueryCore_.QueryChangePart.Columns,
-            action: external_easyqueryCore_.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]"));
@@ -12414,11 +12454,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;
     };
@@ -12520,13 +12555,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;
 }(external_easyqueryCore_.Widget));
 
-;// CONCATENATED MODULE: ./src/widgets/renderers/sortingbar/column_renderer_sp.ts
+;// CONCATENATED MODULE: ./src/widgets/renderers/sortingbar/column_renderer_sb.ts
 
 
 
@@ -12550,7 +12585,6 @@ var ColumnRendererSB = /** @class */ (function () {
     });
     ColumnRendererSB.prototype.render = function () {
         var _this = this;
-        this.baseAttr = this.getAttribute();
         var builder = (0,lib_public_api/* domel */.uC)('div');
         builder.data('id', this.column.id);
         if (this.element) {
@@ -12601,9 +12635,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 external_easyqueryCore_.SortDirection.Ascending:
@@ -12673,7 +12704,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(external_easyqueryCore_.QueryChangeAction.Delete, _this.column, true);
                     }
                     else {
@@ -12692,14 +12723,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");
     };
@@ -12741,8 +12764,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,
@@ -12786,6 +12807,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 */.Yy.removeDropContainer(this.slot);
@@ -12938,48 +12965,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 = external_easyqueryCore_.SortDirection.Ascending;
-            //column.sortIndex = this.getQuery().getColumnSortIndex(column);
-            column.expr.tag = external_easyqueryCore_.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: external_easyqueryCore_.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: external_easyqueryCore_.QueryChangePart.SortingColumns,
+            action: external_easyqueryCore_.QueryChangeAction.Add,
+            changee: col,
+            source: this
+        });
+        return col;
     };
     SortingBar.prototype.renderColumn = function (column, elem) {
         var renderer = new ColumnRendererSB(this, column, elem);
@@ -16701,78 +16700,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 = external_easyqueryCore_.SortDirection.None;
-            column.sortIndex = -1;
-            column.expr.tag = external_easyqueryCore_.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: external_easyqueryCore_.QueryChangePart.Columns,
             action: external_easyqueryCore_.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;
@@ -20719,12 +20657,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 =