@easyquery/ui 7.2.4-beta03 → 7.2.4-rc01

package/dist/browser/eq.community.js

@@ -1,5 +1,5 @@
 /** 
- * EasyQuery.JS Community 7.2.4-beta03 (https://korzh.com/easyquery/javascript)
+ * EasyQuery.JS Community 7.2.4-rc01 (https://korzh.com/easyquery/javascript)
  * Copyright 2023 Korzh.com. All rights reserved.
  * 
  * EasyQuery.JS commercial licenses may be obtained at
@@ -12013,6 +12013,7 @@ __webpack_require__.d(public_api_namespaceObject, {
   DataModel: function() { return DataModel; },
   DefaultAggregatesCalculator: function() { return DefaultAggregatesCalculator; },
   EasyQueryDataLoader: function() { return EasyQueryDataLoader; },
+  EmptyChunk: function() { return EmptyChunk; },
   Entity: function() { return Entity; },
   EntityAttr: function() { return EntityAttr; },
   EqAction: function() { return EqAction; },
@@ -12389,6 +12390,14 @@ var eqconsts;
     ];
 })(eqconsts || (eqconsts = {}));
 //# sourceMappingURL=constants.js.map
+;// CONCATENATED MODULE: ../core/dist/lib/export/exporter.js
+//possibly move it to the EasyData lib on the next update
+var EmptyChunk = {
+    offset: 0,
+    limit: 0,
+    needTotal: false
+};
+//# sourceMappingURL=exporter.js.map
 ;// CONCATENATED MODULE: ../core/dist/lib/dm/aggr_function.js
 
 /**
@@ -13975,12 +13984,14 @@ var QueryColumn = /** @class */ (function () {
         /** The parameters associated with this column */
         this.params = [];
         this._isHidden = false;
+        this.query = query;
         this._id = public_api.utils.generateId('col');
         this.caption = '';
-        this.sorting = SortDirection.None;
-        this.sortIndex = -1;
+        this._sorting = SortDirection.None;
+        this._sortIndex = -1;
         this.expr = new Expression(this);
         this.blockId = '';
+        this.justsorted = justsorted;
     }
     Object.defineProperty(QueryColumn.prototype, "id", {
         get: function () {
@@ -13989,6 +14000,51 @@ var QueryColumn = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QueryColumn.prototype, "sorting", {
+        /** Column sorting direction */
+        get: function () {
+            if (this.query) {
+                return this.query.getColumnSorting(this);
+            }
+            else {
+                return this._sorting;
+            }
+        },
+        set: function (direction) {
+            if (this.query) {
+                this.query.setColumnSorting(this, direction);
+            }
+            else {
+                this._sorting = direction;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ;
+    Object.defineProperty(QueryColumn.prototype, "sortIndex", {
+        /** The index of the column in the sorting list. */
+        get: function () {
+            if (this.query) {
+                return this.query.getColumnSortIndex(this);
+            }
+            else {
+                return this._sortIndex;
+            }
+        },
+        set: function (index) {
+            if (this.query) {
+                this.query.setColumnSortIndex(this, index);
+            }
+            else {
+                this._sortIndex = index;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ;
+    ;
     QueryColumn.prototype.getModel = function () {
         return this.query.getModel();
     };
@@ -14043,8 +14099,8 @@ var QueryColumn = /** @class */ (function () {
             }
             this.caption = colData.cptn;
             if (typeof colData.srt !== 'undefined') {
-                this.sorting = colData.srt;
-                this.sortIndex = (typeof colData.srtidx !== 'undefined')
+                this._sorting = colData.srt;
+                this._sortIndex = (typeof colData.srtidx !== 'undefined')
                     ? colData.srtidx
                     : -1;
             }
@@ -14070,7 +14126,7 @@ var QueryColumn = /** @class */ (function () {
         if (typeof this.caption !== 'undefined') {
             obj.cptn = this.caption;
         }
-        if (typeof this.sorting !== 'undefined' && this.sorting != SortDirection.None) {
+        if (this.sorting != SortDirection.None) {
             obj.srt = this.sorting;
             obj.srtidx = this.sortIndex;
         }
@@ -14538,7 +14594,8 @@ var Query = /** @class */ (function () {
         this.root = new Condition(this, CondTag.Group);
         this.extraConditions = new Condition(this, CondTag.Group);
         this.columns = new Array();
-        this.justsorted = new Array();
+        //this.justsorted = new Array<QueryColumn>();
+        this.sortedColumns = new Array();
         if (!this.id) {
             this.regenerateId();
         }
@@ -14689,6 +14746,7 @@ var Query = /** @class */ (function () {
         });
     };
     Query.prototype.processQueryForAggregation = function (silent) {
+        var _this = this;
         if (silent === void 0) { silent = false; }
         var aggrSettings = this.getAggregationSettings();
         var groups = aggrSettings.getGroups();
@@ -14702,19 +14760,21 @@ var Query = /** @class */ (function () {
                 if (groupColIds.indexOf(col.id) >= 0) {
                     groupedCols.push(col);
                 }
-                else if (col.sorting != SortDirection.None) {
+                else if (this.getColumnSorting(col) != SortDirection.None) {
                     sortedCols.push(col);
                 }
             }
             var sortIndex_1 = 0;
             groupedCols.forEach(function (col) {
-                if (col.sorting == SortDirection.None) {
-                    col.sorting = SortDirection.Ascending;
+                if (_this.getColumnSorting(col) == SortDirection.None) {
+                    _this.setColumnSorting(col, SortDirection.Ascending);
                 }
-                col.sortIndex = sortIndex_1++;
+                _this.setColumnSortIndex(col, sortIndex_1++);
+                //col.sortIndex = sortIndex++;
             });
             sortedCols.forEach(function (col) {
-                col.sortIndex = sortIndex_1++;
+                _this.setColumnSortIndex(col, sortIndex_1++);
+                //     col.sortIndex = sortIndex++;
             });
             if (!silent) {
                 this.fireChangedEvent({
@@ -14945,12 +15005,14 @@ var Query = /** @class */ (function () {
             }
             this.name = data.name;
             this.description = data.desc;
-            this.justsorted = [];
+            //this.justsorted = [];
+            this.sortedColumns = [];
             if (data.justsortcols) {
                 for (var i = 0; i < data.justsortcols.length; i++) {
                     var newCol = this.createColumn(true);
                     newCol.loadFromData(this.model, data.justsortcols[i]);
-                    this.justsorted.push(newCol);
+                    //this.justsorted.push(newCol);
+                    this.addColumnToSorted(newCol);
                 }
             }
             if (data.cols) {
@@ -14958,8 +15020,15 @@ var Query = /** @class */ (function () {
                     var newCol = this.createColumn();
                     newCol.loadFromData(this.model, data.cols[i]);
                     this.columns.push(newCol);
+                    if (newCol._sorting != SortDirection.None) {
+                        this.addColumnToSorted(newCol);
+                    }
                 }
             }
+            this.sortedColumns.sort(function (col1, col2) {
+                return col1.sortIndex - col2.sortIndex;
+            });
+            this.fixupSortingIndices();
             if (data.extraData) {
                 this.extraData = data.extraData;
             }
@@ -15049,6 +15118,7 @@ var Query = /** @class */ (function () {
      */
     Query.prototype.toJSONData = function () {
         var _this = this;
+        this.fixupSortingIndices();
         var obj = {
             modelId: this.model ? this.model.getId() : null,
             modelName: this.model ? this.model.getName() : null
@@ -15063,9 +15133,14 @@ var Query = /** @class */ (function () {
             obj.cols.push(this.columns[i].saveToData());
         }
         obj.justsortcols = [];
-        for (var i = 0; i < this.justsorted.length; i++) {
-            obj.justsortcols.push(this.justsorted[i].saveToData());
-        }
+        // for (let i = 0; i < this.justsorted.length; i++) {
+        //     obj.justsortcols.push(this.justsorted[i].saveToData());
+        // }
+        this.sortedColumns.forEach(function (col) {
+            if (col.isJustSorted()) {
+                obj.justsortcols.push(col.saveToData());
+            }
+        });
         if (this.extraData) {
             obj.extraData = this.extraData;
         }
@@ -15138,7 +15213,8 @@ var Query = /** @class */ (function () {
      */
     Query.prototype.clearColumns = function () {
         this.columns = [];
-        this.justsorted = [];
+        //this.justsorted = [];   
+        this.sortedColumns = [];
     };
     /**
      * Clears all conditions in query.
@@ -15230,31 +15306,34 @@ var Query = /** @class */ (function () {
             cols.pop();
         return cols;
     };
+    Query.prototype.addColumnToSorted = function (col) {
+        var colJson = JSON.stringify(col.expr.saveToData());
+        var isUnique = true;
+        this.sortedColumns.forEach(function (scol) {
+            var qcolJson = JSON.stringify(scol.expr.saveToData());
+            if (qcolJson === colJson) {
+                isUnique = false;
+            }
+        });
+        if (isUnique) {
+            this.sortedColumns.push(col);
+        }
+    };
     /**
      * Get array of columns used only in sorting.
      * @retruns Columns.
      */
     Query.prototype.getJustSortedColumns = function () {
-        return this.justsorted;
+        return this.sortedColumns.filter(function (col) {
+            return col.isJustSorted();
+        });
     };
     /**
      * Gets array of columns used in sorting
      * @retruns Columns
      */
     Query.prototype.getSortedColumns = function () {
-        var sortedCols = new Array();
-        var cols = this.getColumns()
-            .concat(this.getJustSortedColumns());
-        for (var i = 0; i < cols.length; i++) {
-            var col = cols[i];
-            if (col.sortIndex >= 0) {
-                sortedCols.push(col);
-            }
-        }
-        sortedCols.sort(function (col1, col2) {
-            return col1.sortIndex - col2.sortIndex;
-        });
-        return sortedCols;
+        return this.sortedColumns;
     };
     /**
      * Gets Colummn sorting index.
@@ -15262,17 +15341,48 @@ var Query = /** @class */ (function () {
      * @retruns The index.
      */
     Query.prototype.getColumnSortIndex = function (col) {
-        if (col.sorting != SortDirection.None) {
-            if (col.sortIndex < 0) {
-                var cols = this.getColumns()
-                    .concat(this.getJustSortedColumns());
-                return public_api.utils.indexOfArrayItem(cols, col);
+        return this.sortedColumns.indexOf(col);
+    };
+    Query.prototype.setColumnSortIndex = function (col, index) {
+        if (index < 0)
+            return;
+        var colIdx = this.getColumnSortIndex(col);
+        if (colIdx < 0) {
+            this.addColumnToSorted(col);
+            colIdx = this.sortedColumns.length - 1;
+        }
+        public_api.utils.moveArrayItem(this.sortedColumns, colIdx, index);
+        this.fixupSortingIndices();
+    };
+    Query.prototype.getColumnSorting = function (col) {
+        var idx = this.getColumnSortIndex(col);
+        if (idx >= 0) {
+            return col._sorting != SortDirection.None ? col._sorting : SortDirection.Ascending;
+        }
+        else {
+            return SortDirection.None;
+        }
+    };
+    Query.prototype.setColumnSorting = function (col, direction) {
+        var idx = this.getColumnSortIndex(col);
+        col._sorting = direction;
+        if (idx >= 0) {
+            if (direction == SortDirection.None) {
+                public_api.utils.removeArrayItem(this.sortedColumns, col);
+                this.fixupSortingIndices();
             }
-            else {
-                return col.sortIndex;
+        }
+        else {
+            if (direction != SortDirection.None) {
+                this.addColumnToSorted(col);
+                this.fixupSortingIndices();
             }
         }
-        return -1;
+    };
+    Query.prototype.fixupSortingIndices = function () {
+        this.sortedColumns.forEach(function (col, index) {
+            col._sortIndex = index;
+        });
     };
     Query.prototype.createColumn = function (justsorted) {
         if (justsorted === void 0) { justsorted = false; }
@@ -15297,9 +15407,9 @@ var Query = /** @class */ (function () {
      * }});
      */
     Query.prototype.addColumn = function (descriptor, author) {
-        var columns = (descriptor.justsorted)
-            ? this.justsorted
-            : this.columns;
+        // let columns = (descriptor.justsorted) 
+        //     ? this.justsorted 
+        //     : this.columns;
         var newColumn;
         if (descriptor.column) {
             newColumn = descriptor.column;
@@ -15361,17 +15471,22 @@ var Query = /** @class */ (function () {
                 newColumn.expr.dataType = attr.dataType;
             }
             newColumn.caption = descriptor.caption || newColumn.caption;
-            newColumn.sorting = descriptor.sorting || SortDirection.None;
-            newColumn.sortIndex = descriptor.sortIndex || -1;
+            newColumn._sorting = descriptor.sorting || SortDirection.None;
+            newColumn._sortIndex = descriptor.sortIndex || -1;
             newColumn.enabled = public_api.utils.getIfDefined(descriptor.enabled, true);
             newColumn.setReadOnly(public_api.utils.getIfDefined(descriptor.readonly, false));
         }
-        if (descriptor.index && descriptor.index >= 0 && descriptor.index < columns.length) {
-            columns.splice(descriptor.index, 0, newColumn);
-        }
-        else {
-            columns.push(newColumn);
+        var justsorted = descriptor.justsorted || (descriptor.column && descriptor.column.isJustSorted());
+        if (!justsorted) {
+            if (descriptor.index && descriptor.index >= 0 && descriptor.index < this.columns.length) {
+                this.columns.splice(descriptor.index, 0, newColumn);
+            }
+            else {
+                this.columns.push(newColumn);
+            }
         }
+        this.setColumnSorting(newColumn, newColumn._sorting);
+        this.fireColumnsChangedEvent(QueryChangeAction.Add, newColumn, justsorted);
         return newColumn;
     };
     /**
@@ -15386,6 +15501,7 @@ var Query = /** @class */ (function () {
      * query.addColumn(column, 1)
      */
     Query.prototype.addColumnObj = function (column, index, author) {
+        var _this = this;
         var columns = this.columns;
         if (typeof column.length == "undefined") {
             if (typeof index == "number") {
@@ -15394,6 +15510,10 @@ var Query = /** @class */ (function () {
             else {
                 columns.push(column);
             }
+            if (column.sorting != SortDirection.None) {
+                this.addColumnToSorted(column);
+            }
+            this.fixupSortingIndices();
         }
         else {
             if (typeof index == "number") {
@@ -15402,6 +15522,12 @@ var Query = /** @class */ (function () {
             else {
                 columns.push.apply(columns, [].concat(column));
             }
+            column.forEach(function (col) {
+                if (col.sorting != SortDirection.None) {
+                    _this.addColumnToSorted(col);
+                }
+            });
+            this.fixupSortingIndices();
         }
     };
     /**
@@ -15481,10 +15607,11 @@ var Query = /** @class */ (function () {
      * @param author The author
      */
     Query.prototype.removeColumn = function (column, author) {
-        var columns = (column.isJustSorted())
-            ? this.getJustSortedColumns()
-            : this.getColumns();
-        public_api.utils.removeArrayItem(columns, column);
+        // const columns = (column.isJustSorted()) 
+        //     ? this.getJustSortedColumns()
+        //     : this.getColumns();
+        public_api.utils.removeArrayItem(this.columns, column);
+        public_api.utils.removeArrayItem(this.sortedColumns, column);
     };
     /**
      * Adds a condition group - a group of simple conditions (predicates) linked by AND or OR
@@ -15590,10 +15717,13 @@ var Query = /** @class */ (function () {
         }
         if (columns.length > 0) {
             removeFromArray(this.getColumns(), columns);
+            removeFromArray(this.sortedColumns, columns);
         }
         if (justSortedColumns.length > 0) {
-            removeFromArray(this.getJustSortedColumns(), justSortedColumns);
+            //removeFromArray(this.getJustSortedColumns(), justSortedColumns);
+            removeFromArray(this.sortedColumns, justSortedColumns);
         }
+        this.fixupSortingIndices();
     };
     /**
      * Fires process event.
@@ -16172,7 +16302,7 @@ var EqQueryFileLoader = /** @class */ (function () {
         });
         var request = actionResult.getRequest();
         return actionResult.then(function (responseData) {
-            var blob = new Blob([JSON.stringify(responseData)]);
+            var blob = new Blob([responseData]);
             var dispositionHeader = request.getXMLHttpRequest().getResponseHeader("Content-Disposition");
             var fileName = dispositionHeader
                 ? dispositionHeader.match(/filename="(.*)"/)[1]
@@ -16604,6 +16734,7 @@ var EqActionResult;
 })(EqActionResult || (EqActionResult = {}));
 //# sourceMappingURL=action.js.map
 ;// CONCATENATED MODULE: ../core/dist/lib/eqs/eqs_exporter.js
+
 var EqServerExporter = /** @class */ (function () {
     function EqServerExporter(context) {
         this.context = context;
@@ -16619,7 +16750,8 @@ var EqServerExporter = /** @class */ (function () {
         var query = exportOptions.query || this.context.getQuery();
         var modelId = query.getModel().getId();
         var requestData = {
-            'settings': exportOptions.settings
+            'settings': exportOptions.settings,
+            'chunk': EmptyChunk
         };
         if (typeof (exportOptions.queryId) !== 'undefined') {
             requestData.queryId = exportOptions.queryId;
@@ -16684,6 +16816,8 @@ var context_assign = (undefined && undefined.__assign) || function () {
 
 
 
+
+
 /**
  * Encapsulates all information about EasyQuery components on some webpage
  * and provides some basic operation over those components
@@ -16696,6 +16830,7 @@ var context_assign = (undefined && undefined.__assign) || function () {
 var EqContext = /** @class */ (function () {
     function EqContext() {
         var _this = this;
+        this.options = {};
         this.servicesInitialized = false;
         this.internalListCache = {};
         this.loadModelOnStart = true;
@@ -16889,6 +17024,7 @@ var EqContext = /** @class */ (function () {
         if (!this.servicesInitialized)
             this.initStart();
         options = options || {};
+        this.setOptions(options);
         if (typeof (options.debugMode) !== 'undefined') {
             this.debugMode = options.debugMode;
         }
@@ -17010,6 +17146,9 @@ var EqContext = /** @class */ (function () {
             this.fireEvent('ready');
         }
     };
+    EqContext.prototype.setOptions = function (options) {
+        public_api.utils.assignDeep(this.options, options);
+    };
     Object.defineProperty(EqContext.prototype, "backendInfo", {
         get: function () {
             return this._backendInfo;
@@ -17467,6 +17606,7 @@ var EqContext = /** @class */ (function () {
                         validate: false
                     });
                 }
+                _this.limitCustomSqlColumns();
                 _this.fireEvent('loadQuery');
                 _this.endProcess({
                     result: EqActionResult.Success,
@@ -18050,6 +18190,7 @@ var EqContext = /** @class */ (function () {
     EqContext.prototype.exportResult = function (options) {
         var _this = this;
         options = options || {};
+        options.chunk = options.chunk || EmptyChunk;
         if (this.beforeExportResult) {
             this.beforeExportResult(this, options);
         }
@@ -18099,6 +18240,15 @@ var EqContext = /** @class */ (function () {
             }
         }
     };
+    EqContext.prototype.limitCustomSqlColumns = function () {
+        if (!this.options.allowCustomExpressions) {
+            this.query.getColumns().forEach(function (col) {
+                if (col.expr.tag === ExprTag.CustomSql) {
+                    col.enabled = false;
+                }
+            });
+        }
+    };
     return EqContext;
 }());
 
@@ -20318,10 +20468,20 @@ var ColumnRendererCP = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(ColumnRendererCP.prototype, "columnEnabled", {
+        get: function () {
+            return this.column.enabled;
+        },
+        set: function (value) {
+            this.column.enabled = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     ColumnRendererCP.prototype.render = function () {
         var _this = this;
         this.baseAttr = this.getAttribute();
-        if (this.getButtonsToShow().indexOf("sorting") >= 0 && this.column.enabled) {
+        if (this.getButtonsToShow().indexOf("sorting") >= 0 && this.columnEnabled) {
             this.sortingButton = this.renderSoringButton(this.column.sorting);
             if (this.column.sorting !== SortDirection.None) {
                 this.sortingButton.style.display = 'block';
@@ -20391,12 +20551,12 @@ var ColumnRendererCP = /** @class */ (function () {
             }
             //end enable button
             //start aggr func button
-            if (_this.getButtonsToShow().indexOf("type") >= 0 && _this.column.enabled) {
+            if (_this.getButtonsToShow().indexOf("type") >= 0 && _this.columnEnabled) {
                 builder.addChildElement(_this.renderColumnTypeButton());
             }
             //end aggr func button
             //start format selector button
-            if (_this.getButtonsToShow().indexOf("format") >= 0 && _this.column.enabled) {
+            if (_this.getButtonsToShow().indexOf("format") >= 0 && _this.columnEnabled) {
                 builder.addChildElement(_this.renderColumnFormatButton());
             }
             //end format selector button
@@ -20609,9 +20769,9 @@ var ColumnRendererCP = /** @class */ (function () {
                 .title(public_api.i18n.getText('CmdToggleEnable'))
                 .attr('tabIndex', '0')
                 .addClass("".concat(this.cssPrefix, "-colelement ").concat(this.cssPrefix, "-column-checkbox"))
-                .addClass("".concat(this.column.enabled ? 'enabled' : ''))
+                .addClass("".concat(this.columnEnabled ? 'enabled' : ''))
                 .on('click', function () {
-                _this.column.enabled = !_this.column.enabled;
+                _this.columnEnabled = !_this.columnEnabled;
                 _this.column.fireChangedEvent();
                 return false;
             })
@@ -20667,8 +20827,8 @@ var ColumnRendererCP = /** @class */ (function () {
     };
     ColumnRendererCP.prototype.getClassesToAdd = function () {
         var result = "";
-        result += this.column.enabled ? '' : " ".concat(this.cssPrefix, "-disabled");
-        if (this.column.enabled) {
+        result += this.columnEnabled ? '' : " ".concat(this.cssPrefix, "-disabled");
+        if (this.columnEnabled) {
             result += this.column.isReadOnly() ? " ".concat(this.cssPrefix, "-readonly") : '';
         }
         result += this.column.isHidden() ? " ".concat(this.cssPrefix, "-hidden") : '';
@@ -20725,7 +20885,7 @@ var ColumnRendererCP = /** @class */ (function () {
             .addChild('div', function (b) { return b
             .addClass("".concat(utils/* eqCssPrefix */.YR, "-button"), "".concat(utils/* eqCssPrefix */.YR, "-column-button"), "".concat(utils/* eqCssPrefix */.YR, "-column-button-enable"))
             .title(public_api.i18n.getText('CmdToggleEnable'))
-            .addClass(_this.column.enabled ? 'enabled' : '')
+            .addClass(_this.columnEnabled ? 'enabled' : '')
             .attr('tabIndex', '0')
             .on('click', function (evt) { return _this.buttonMenuHandler(ColumnAction.Enable, evt); }) //touchstart
             .on('keypress', function (evt) { if (evt.keyCode == 13) {
@@ -20733,7 +20893,7 @@ var ColumnRendererCP = /** @class */ (function () {
         } }); }).toDOM();
     };
     ColumnRendererCP.prototype.isEditable = function () {
-        return this.column.enabled && !this.column.isReadOnly();
+        return this.columnEnabled && !this.column.isReadOnly();
     };
     ColumnRendererCP.prototype.changeFormatHandler = function (ev) {
         var _this = this;
@@ -20899,7 +21059,7 @@ var ColumnRendererCP = /** @class */ (function () {
                 curQuery.fireColumnsChangedEvent(QueryChangeAction.Delete, this.column);
                 break;
             case ColumnAction.Enable:
-                this.column.enabled = !this.column.enabled;
+                this.columnEnabled = !this.columnEnabled;
                 this.fireColumnChanged();
                 break;
             case ColumnAction.Hidden:
@@ -20973,7 +21133,7 @@ var ColumnRendererCP = /** @class */ (function () {
                         _this.buttonMenuHandler(action, evt);
                     },
                     itemFilterCallback: function (item) {
-                        var result = _this.column.enabled || item.id === "__group" || item.id === "enable" || item.id === "delete";
+                        var result = _this.columnEnabled || item.id === "__group" || item.id === "enable" || item.id === "delete";
                         return result;
                     },
                     menuClosedCallback: function () {
@@ -21066,7 +21226,7 @@ var ColumnRendererCP = /** @class */ (function () {
     ColumnRendererCP.prototype.getButtonMenuSelectedItems = function () {
         var _this = this;
         var arrSelected = [];
-        if (this.column.enabled) {
+        if (this.columnEnabled) {
             arrSelected.push("enable");
         }
         ;
@@ -21482,13 +21642,6 @@ var CustomSqlColumnRendererCP = /** @class */ (function (_super) {
         _this.dataTypeMenu = null;
         return _this;
     }
-    CustomSqlColumnRendererCP.prototype.render = function () {
-        if (!this.panel.areCustomExpressionsAllowed() && this.column.enabled) {
-            this.column.enabled = false;
-            this.fireColumnChanged();
-        }
-        return _super.prototype.render.call(this);
-    };
     CustomSqlColumnRendererCP.prototype.renderEnabledButton = function () {
         var elem = _super.prototype.renderEnabledButton.call(this);
         var child = elem.children[0];
@@ -22046,6 +22199,7 @@ var ColumnsPanel = /** @class */ (function (_super) {
     };
     ColumnsPanel.prototype.setOptions = function (options) {
         public_api.utils.assignDeep(this.options, options);
+        this.getContext().options.allowCustomExpressions = options.allowCustomExpressions;
         if (browser_utils/* browserUtils.isMobileMode */.z.isMobileMode()) {
             this.options.buttons = ["menu"];
             this.options.showHeader = false;
@@ -22265,7 +22419,7 @@ var ColumnsPanel = /** @class */ (function (_super) {
     };
     ColumnsPanel.prototype.areCustomExpressionsAllowed = function () {
         var query = this.getQuery();
-        return query.isEx() && this.options.allowCustomExpressions;
+        return query.isEx() && this.getContext().options.allowCustomExpressions;
     };
     ColumnsPanel.prototype.addAllColumnsToEntitiesList = function (list) {
         var _this = this;
@@ -24106,66 +24260,21 @@ var SortingBar = /** @class */ (function (_super) {
                 && edata.part != QueryChangePart.Columns && edata.part != QueryChangePart.All)) {
                 return;
             }
-            switch (edata.action) {
-                case QueryChangeAction.Modify: {
-                    var columns = edata.changee;
-                    var modifyColumn_1 = function (column) {
-                        var colEl = _this.columnsBlock.querySelector("div[data-id='".concat(column.id, "']"));
-                        if (colEl) {
-                            _this.renderColumn(column, colEl);
-                        }
-                    };
-                    if (Array.isArray(columns)) {
-                        columns.forEach(function (col) { return modifyColumn_1(col); });
-                    }
-                    else {
-                        modifyColumn_1(columns);
-                    }
-                    break;
-                }
-                case QueryChangeAction.Add: {
-                    var columns = edata.changee;
-                    var addColumn_1 = function (column) {
-                        _this.addColumnElement(column);
-                    };
-                    if (Array.isArray(columns)) {
-                        columns.forEach(function (col) { return addColumn_1(col); });
-                    }
-                    else {
-                        addColumn_1(columns);
-                    }
-                    break;
-                }
-                case QueryChangeAction.Delete: {
-                    var columns = edata.changee;
-                    var deleteColumn_1 = function (column) {
-                        var colEl = _this.columnsBlock.querySelector("div[data-id='".concat(column.id, "']"));
-                        if (colEl)
-                            _this.columnsBlock.removeChild(colEl);
-                    };
-                    if (Array.isArray(columns)) {
-                        columns.forEach(function (col) { return deleteColumn_1(col); });
-                    }
-                    else {
-                        deleteColumn_1(columns);
-                    }
-                    break;
-                }
-                default:
-                    _this.refresh();
-                    break;
-            }
+            _this.refresh();
         });
     };
     SortingBar.prototype.detachQueryObserver = function () {
         if (this.queryEventCallbackId) {
-            var query = this.getContext().getQuery();
+            var query = this.getQuery();
             query.removeChangedCallback(this.queryEventCallbackId);
         }
     };
     SortingBar.prototype.getQuery = function () {
         return this.getContext().getQuery();
     };
+    SortingBar.prototype.getModel = function () {
+        return this.getContext().getModel();
+    };
     SortingBar.prototype.destroyCore = function () {
         this.detachQueryObserver();
         this.clear();
@@ -24203,7 +24312,7 @@ var SortingBar = /** @class */ (function (_super) {
         this.entitiesMenu.showMenu(menuOptions);
     };
     SortingBar.prototype.createEntitiesMenu = function () {
-        var model = this.getContext().getModel();
+        var model = this.getModel();
         if (!model || model.isEmpty())
             return null;
         var menuId = this.slot.id;
@@ -24216,7 +24325,7 @@ var SortingBar = /** @class */ (function (_super) {
         this.entitiesMenu = new PopupMenu(options);
     };
     SortingBar.prototype.createSortMenu = function () {
-        var model = this.getContext().getModel();
+        var model = this.getModel();
         if (!model || model.isEmpty())
             return null;
         var menuId = this.slot.id;
@@ -24253,8 +24362,8 @@ var SortingBar = /** @class */ (function (_super) {
         }
         (0,lib_public_api.domel)(this.slot)
             .addChildElement(this.columnsBlock);
-        var query = this.context.getQuery();
-        var columns = query.getColumns().concat(query.getJustSortedColumns());
+        var query = this.getQuery();
+        var columns = query.getSortedColumns(); // .getColumns().concat(query.getJustSortedColumns());
         columns.forEach(function (column, index) {
             var slot = _this.renderColumn(column);
             _this.columnsBlock.appendChild(slot);
@@ -24262,8 +24371,8 @@ var SortingBar = /** @class */ (function (_super) {
     };
     SortingBar.prototype.addNewColumn = function (attrId) {
         var _this = this;
-        var model = this.getContext().getModel();
-        var query = this.getContext().getQuery();
+        var model = this.getModel();
+        var query = this.getQuery();
         var getColumnByAttrId = function (attrid) {
             var attribute = model.getAttributeById(attrid);
             if (!attribute) {
@@ -24282,60 +24391,28 @@ var SortingBar = /** @class */ (function (_super) {
             }
             var column = query.createColumn(true);
             column.caption = _this.getDefaultColumnCaption(attribute);
-            column.sorting = SortDirection.Ascending;
-            column.sortIndex = _this.getQuery().getColumnSortIndex(column);
+            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.getContext().getQuery()) {
+        if (!this.getQuery()) {
             return;
         }
-        return this.addColumn(getColumnByAttrId(attrId));
+        var newCol = getColumnByAttrId(attrId);
+        return this.getQuery().addColumn({
+            column: newCol
+        });
     };
     SortingBar.prototype.getDefaultColumnCaption = function (attr) {
         var format = this.options.titleElementFormat || this.options.attrElementFormat;
-        var model = this.getContext().getModel();
+        var model = this.getModel();
         return model.getAttributeText(attr, format);
     };
-    SortingBar.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,
-            justsorted: true
-        });
-        query.fireChangedEvent({
-            part: QueryChangePart.SortingColumns,
-            action: QueryChangeAction.Add,
-            changee: column
-        });
-        return column;
-    };
-    SortingBar.prototype.checkColumn = function (col) {
-        var query = this.getContext().getQuery();
-        var columns = query.getColumns()
-            .concat(query.getJustSortedColumns());
-        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;
-    };
     SortingBar.prototype.renderColumn = function (column, elem) {
         var renderer = new ColumnRendererSB(this, column, elem);
         if (renderer) {
@@ -24344,14 +24421,6 @@ var SortingBar = /** @class */ (function (_super) {
         }
         return null;
     };
-    //adds one column to the bar on the specified position
-    SortingBar.prototype.addColumnElement = function (column) {
-        var newColBlock = this.renderColumn(column);
-        this.columnsBlock.appendChild(newColBlock);
-        if (this.options.columnRenderedCallback) {
-            this.options.columnRenderedCallback(newColBlock);
-        }
-    };
     SortingBar.prototype.clear = function () {
         this.slot.innerHTML = '';
     };