@easyquery/ui 7.1.3-beta01 → 7.2.0-rc03

package/dist/bundles/easyquery.ui.js

@@ -100,7 +100,20 @@ return /******/ (function(modules) { // webpackBootstrap
 
 "use strict";
 
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/types/data_type.js
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "d", function() { return /* reexport */ DataType; });
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ AggregationSettings; });
+__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ ColumnAlignment; });
+__webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ DataRow; });
+__webpack_require__.d(__webpack_exports__, "e", function() { return /* reexport */ easy_data_table_EasyDataTable; });
+__webpack_require__.d(__webpack_exports__, "f", function() { return /* reexport */ event_emitter_EventEmitter; });
+__webpack_require__.d(__webpack_exports__, "g", function() { return /* reexport */ i18n_i18n; });
+__webpack_require__.d(__webpack_exports__, "i", function() { return /* reexport */ utils_utils; });
+__webpack_require__.d(__webpack_exports__, "h", function() { return /* reexport */ liquid; });
+
+// UNUSED EXPORTS: EntityAttrKind, EditorTag, HttpMethod, HttpRequest, HttpResponseError, HttpClient, MetaData, MetaEntity, MetaEntityAttr, ValueEditor, DataColumn, DataColumnList, EasyGuid, repeatString, reverseString, strEndsWith, combinePath
+
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/types/data_type.js
 /** Represents the common types of the data. */
 var DataType;
 (function (DataType) {
@@ -147,7 +160,7 @@ var DataType;
     DataType[DataType["Geography"] = 19] = "Geography";
 })(DataType || (DataType = {}));
 //# sourceMappingURL=data_type.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/types/entity_attr_kind.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/types/entity_attr_kind.js
 var EntityAttrKind;
 (function (EntityAttrKind) {
     EntityAttrKind[EntityAttrKind["Data"] = 0] = "Data";
@@ -155,7 +168,7 @@ var EntityAttrKind;
     EntityAttrKind[EntityAttrKind["Lookup"] = 2] = "Lookup";
 })(EntityAttrKind || (EntityAttrKind = {}));
 //# sourceMappingURL=entity_attr_kind.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/types/editor_tag.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/types/editor_tag.js
 var EditorTag = {
     /** Unknown tag value */
     Unknown: "Unknown",
@@ -171,7 +184,7 @@ var EditorTag = {
     File: "FILE"
 };
 //# sourceMappingURL=editor_tag.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/http/http_method.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/http/http_method.js
 var HttpMethod;
 (function (HttpMethod) {
     HttpMethod["Trace"] = "TRACE";
@@ -182,7 +195,7 @@ var HttpMethod;
     HttpMethod["Delete"] = "DELETE";
 })(HttpMethod || (HttpMethod = {}));
 //# sourceMappingURL=http_method.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/http/http_request.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/http/http_request.js
 var HttpRequest = /** @class */ (function () {
     function HttpRequest(xhr, descriptor) {
         this.xhr = xhr;
@@ -241,7 +254,7 @@ var HttpRequest = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=http_request.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/utils/string_utils.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/utils/string_utils.js
 function repeatString(str, times) {
     var result = "";
     for (var i = 0; i < times; i++) {
@@ -274,7 +287,7 @@ function combinePath(path1, path2) {
     return result;
 }
 //# sourceMappingURL=string_utils.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/i18n/i18n.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/i18n/i18n.js
 
 
 /**
@@ -743,14 +756,14 @@ var i18n_i18n;
     }
 })(i18n_i18n || (i18n_i18n = {}));
 //# sourceMappingURL=i18n.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/utils/utils.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/utils/utils.js
 
 
 
 var utils_utils;
 (function (utils) {
     function getAllDataTypes() {
-        return Object.values(DataType);
+        return Object.values(DataType).filter(function (item) { return typeof item === "number"; });
     }
     utils.getAllDataTypes = getAllDataTypes;
     function getDateDataTypes() {
@@ -758,12 +771,16 @@ var utils_utils;
     }
     utils.getDateDataTypes = getDateDataTypes;
     function getStringDataTypes() {
-        return [DataType.String, DataType.Memo];
+        return [DataType.String, DataType.Memo, DataType.FixedChar];
     }
     utils.getStringDataTypes = getStringDataTypes;
     var _numericTypes = [DataType.Byte, DataType.Word, DataType.Int32,
-        DataType.Int64, DataType.Float, DataType.Currency];
-    var _intTypes = [DataType.Byte, DataType.Word, DataType.Int32, DataType.Int64];
+        DataType.Int64, DataType.Float, DataType.Currency, DataType.Autoinc];
+    function getNumericDataTypes() {
+        return _numericTypes;
+    }
+    utils.getNumericDataTypes = getNumericDataTypes;
+    var _intTypes = [DataType.Byte, DataType.Word, DataType.Int32, DataType.Int64, DataType.Autoinc];
     //-------------- object functions -------------------
     /**
      * Copy the content of all objests passed in `args` parameters into `target`
@@ -828,7 +845,7 @@ var utils_utils;
                                     hashSet.set(sourceVal, target[key]);
                                 }
                                 else {
-                                    if (typeof target[key] == 'undefined') {
+                                    if (typeof target[key] == 'undefined' || target[key] == null) {
                                         target[key] = Object.create(Object.getPrototypeOf(sourceVal));
                                     }
                                     hashSet.set(sourceVal, target[key]);
@@ -1260,7 +1277,7 @@ var utils_utils;
     utils.numberToStr = numberToStr;
 })(utils_utils || (utils_utils = {}));
 //# sourceMappingURL=utils.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/http/http_action_result.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/http/http_action_result.js
 var HttpActionResult = /** @class */ (function () {
     function HttpActionResult(request, promise) {
         this.request = request;
@@ -1285,7 +1302,7 @@ var HttpActionResult = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=http_action_result.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/http/http_client.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/http/http_client.js
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -1357,7 +1374,7 @@ var http_client_HttpClient = /** @class */ (function () {
         var desc = {
             method: method,
             url: url,
-            headers: __assign({}, this.defaultHeaders, options.headers || {}),
+            headers: __assign(__assign({}, this.defaultHeaders), options.headers || {}),
             queryParams: options.queryParams || {},
             data: data
         };
@@ -1385,7 +1402,7 @@ var http_client_HttpClient = /** @class */ (function () {
                 }
                 var responseContentType = xhr.getResponseHeader('Content-Type') || '';
                 var status = xhr.status;
-                if (status >= 300 || status < 200) {
+                if (status >= 400) {
                     var rtPromise = (xhr.responseType === 'arraybuffer'
                         || xhr.responseType === 'blob')
                         ? HttpClient.decodeArrayBuffer(xhr.response)
@@ -1427,7 +1444,7 @@ var http_client_HttpClient = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=http_client.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/meta/meta_entity.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/meta/meta_entity.js
 
 
 
@@ -1437,6 +1454,8 @@ var http_client_HttpClient = /** @class */ (function () {
 var MetaEntity = /** @class */ (function () {
     /** The default constructor. */
     function MetaEntity(parent) {
+        /** Returns false if this entity is read-only */
+        this.isEditable = true;
         this.name = "";
         this.caption = "";
         this.description = "";
@@ -1456,6 +1475,8 @@ var MetaEntity = /** @class */ (function () {
             this.captionPlural = dto.namePlur;
             this.caption = dto.name;
             this.description = dto.desc;
+            if (typeof (dto.ied) !== 'undefined')
+                this.isEditable = dto.ied;
             this.subEntities = new Array();
             if (dto.ents) {
                 for (var i = 0; i < dto.ents.length; i++) {
@@ -1499,6 +1520,12 @@ var MetaEntity = /** @class */ (function () {
         };
         internalProcessEntity(this);
     };
+    MetaEntity.prototype.getFirstPrimaryAttr = function () {
+        return this.getPrimaryAttrs()[0];
+    };
+    MetaEntity.prototype.getPrimaryAttrs = function () {
+        return this.attributes.filter(function (attr) { return attr.isPrimaryKey; });
+    };
     return MetaEntity;
 }());
 
@@ -1559,7 +1586,7 @@ var meta_entity_MetaEntityAttr = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=meta_entity.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/meta/value_editor.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/meta/value_editor.js
 
 
 /**
@@ -1625,7 +1652,7 @@ var value_editor_ValueEditor = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=value_editor.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/meta/meta_data.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/meta/meta_data.js
 
 
 
@@ -2117,9 +2144,9 @@ var meta_data_MetaData = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=meta_data.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/data/aggr_calculator.js
-var aggr_calculator_assign = (undefined && undefined.__assign) || function () {
-    aggr_calculator_assign = Object.assign || function(t) {
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/data/aggr_settings.js
+var aggr_settings_assign = (undefined && undefined.__assign) || function () {
+    aggr_settings_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -2127,7 +2154,7 @@ var aggr_calculator_assign = (undefined && undefined.__assign) || function () {
         }
         return t;
     };
-    return aggr_calculator_assign.apply(this, arguments);
+    return aggr_settings_assign.apply(this, arguments);
 };
 /**
  * Defines aggregations settings for the current context.
@@ -2140,16 +2167,32 @@ var AggregationSettings = /** @class */ (function () {
         this.groups = [];
         this.useGrandTotals = false;
         this.useRecordCount = false;
-        this.caseSensitiveGroups = false;
+        this._caseSensitiveGroups = false;
         this.COUNT_FIELD_NAME = 'GRPRECCNT';
     }
+    Object.defineProperty(AggregationSettings.prototype, "caseSensitiveGroups", {
+        get: function () {
+            return this._caseSensitiveGroups;
+        },
+        set: function (value) {
+            this._caseSensitiveGroups = value;
+            this.updateCompareProc();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    AggregationSettings.prototype.updateCompareProc = function () {
+        this.compareValues = this._caseSensitiveGroups
+            ? this.strictCompare
+            : this.caseInsensitiveCompare;
+    };
     AggregationSettings.prototype.addGroup = function (settings) {
         var cols = settings.columns || this.colStore.getColumnIds(settings.from, settings.to);
         if (!this.colStore.validateColumns(cols))
             throw "Invalid columns: " + cols;
         if (this.hasColumnsInUse(cols))
             throw "Can't add same columns to different groups/aggregates";
-        this.groups.push(aggr_calculator_assign({ columns: cols, aggregates: null }, settings));
+        this.groups.push(aggr_settings_assign({ columns: cols }, settings));
         return this;
     };
     AggregationSettings.prototype.addAggregateColumn = function (colIndexOrId, funcId) {
@@ -2174,7 +2217,7 @@ var AggregationSettings = /** @class */ (function () {
         var cols = [];
         var mappedGrops = this.groups.map(function (grp) {
             cols = cols.concat(grp.columns);
-            return aggr_calculator_assign({}, grp, { columns: Array.from(cols), aggregates: Array.from(_this.aggregates) });
+            return aggr_settings_assign(aggr_settings_assign({}, grp), { columns: Array.from(cols), aggregates: Array.from(_this.aggregates) });
         });
         return mappedGrops;
     };
@@ -2266,11 +2309,36 @@ var AggregationSettings = /** @class */ (function () {
             }
         }
     };
+    AggregationSettings.prototype.buildGroupKey = function (group, row) {
+        var caseInsensitive = !this.caseSensitiveGroups;
+        var result = {};
+        if (group) {
+            for (var _i = 0, _a = group.columns; _i < _a.length; _i++) {
+                var colId = _a[_i];
+                var keyVal = row.getValue(colId);
+                if (caseInsensitive && typeof (keyVal) === 'string') {
+                    keyVal = keyVal.toLowerCase();
+                }
+                result[colId] = keyVal;
+            }
+        }
+        return result;
+    };
+    //returns true if value1 == value2
+    AggregationSettings.prototype.strictCompare = function (value1, value2) {
+        return value1 === value2;
+    };
+    //makes a case insensative comparision of two values and return true if there are equal
+    AggregationSettings.prototype.caseInsensitiveCompare = function (value1, value2) {
+        var val1 = (typeof value1 === 'string') ? value1.toLowerCase() : value1;
+        var val2 = (typeof value2 === 'string') ? value2.toLowerCase() : value2;
+        return val1 === val2;
+    };
     return AggregationSettings;
 }());
 
-//# sourceMappingURL=aggr_calculator.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/data/data_column.js
+//# sourceMappingURL=aggr_settings.js.map
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/data/data_column.js
 
 
 var ColumnAlignment;
@@ -2296,6 +2364,8 @@ var data_column_DataColumn = /** @class */ (function () {
         this.displayFormat = desc.dfmt;
         this.groupFooterColumnTemplate = desc.gfct;
         this.style = desc.style || {};
+        this.description = desc.description;
+        this.calculatedWidth = 0;
     }
     return DataColumn;
 }());
@@ -2335,9 +2405,10 @@ var data_column_DataColumnList = /** @class */ (function () {
             .map(function (col, index) { return index; });
     };
     DataColumnList.prototype.put = function (index, col) {
-        //!!!!!!!!!check on "out of index"
-        this.items[index] = col;
-        this.updateDateColumnIdx();
+        if (index >= 0 && index < this.count) {
+            this.items[index] = col;
+            this.updateDateColumnIdx();
+        }
     };
     DataColumnList.prototype.move = function (col, newIndex) {
         var oldIndex = this.items.indexOf(col);
@@ -2347,8 +2418,12 @@ var data_column_DataColumnList = /** @class */ (function () {
         }
     };
     DataColumnList.prototype.get = function (index) {
-        //!!!!!!!!!check on "out of index"
-        return this.items[index];
+        if (index >= 0 && index < this.count) {
+            return this.items[index];
+        }
+        else {
+            return null;
+        }
     };
     DataColumnList.prototype.getIndex = function (id) {
         return this.mapper[id];
@@ -2377,7 +2452,7 @@ var data_column_DataColumnList = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=data_column.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/data/data_row.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/data/data_row.js
 var DataRow = /** @class */ (function () {
     function DataRow(columns, values) {
         this.columns = columns;
@@ -2423,7 +2498,7 @@ var DataRow = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=data_row.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/data/easy_data_table.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/data/easy_data_table.js
 
 
 
@@ -2432,16 +2507,23 @@ var easy_data_table_EasyDataTable = /** @class */ (function () {
     function EasyDataTable(options) {
         this._chunkSize = 1000;
         this._elasticChunks = false;
-        // object keeps number keys sorted
-        this.chunkMap = {};
+        this.cachedRows = [];
         this.total = 0;
         this.loader = null;
         this.needTotal = true;
+        this.isInMemory = false;
         options = options || {};
         this._chunkSize = options.chunkSize || this._chunkSize;
         this._elasticChunks = options.elasticChunks || this._elasticChunks;
         this.loader = options.loader;
+        if (typeof options.inMemory !== 'undefined') {
+            this.isInMemory = options.inMemory;
+        }
+        if (this.isInMemory) {
+            this.needTotal = false;
+        }
         this._columns = new data_column_DataColumnList();
+        this.onUpdate = options.onUpdate;
         if (options.columns) {
             for (var _i = 0, _a = options.columns; _i < _a.length; _i++) {
                 var colDesc = _a[_i];
@@ -2472,7 +2554,7 @@ var easy_data_table_EasyDataTable = /** @class */ (function () {
             this._chunkSize = value;
             this.total = 0;
             this.needTotal = !this.elasticChunks;
-            this.chunkMap = {};
+            this.cachedRows = [];
         },
         enumerable: true,
         configurable: true
@@ -2485,7 +2567,7 @@ var easy_data_table_EasyDataTable = /** @class */ (function () {
             this._elasticChunks = value;
             this.total = 0;
             this.needTotal = !this.elasticChunks;
-            this.chunkMap = {};
+            this.cachedRows = [];
         },
         enumerable: true,
         configurable: true
@@ -2513,22 +2595,12 @@ var easy_data_table_EasyDataTable = /** @class */ (function () {
                 endIndex = this.total;
             }
         }
-        var lbChunk = Math.trunc(fromIndex / this._chunkSize);
-        var ubChunk = Math.trunc((endIndex - 1) / this._chunkSize);
-        var allChunksCached = true;
-        for (var i = lbChunk; i <= ubChunk; i++) {
-            if (!this.chunkMap[i]) {
-                allChunksCached = false;
-                break;
-            }
+        if (this.isInMemory && endIndex > this.cachedRows.length) {
+            endIndex = this.cachedRows.length;
         }
+        var allChunksCached = endIndex <= this.cachedRows.length;
         if (allChunksCached) {
-            var resultArr = [];
-            for (var i = lbChunk; i <= ubChunk; i++) {
-                resultArr = resultArr.concat(this.chunkMap[i].rows);
-            }
-            var firstChunkOffset = this.chunkMap[lbChunk].offset;
-            return Promise.resolve(resultArr.slice(fromIndex - firstChunkOffset, endIndex - firstChunkOffset));
+            return Promise.resolve(this.cachedRows.slice(fromIndex, endIndex));
         }
         //if loader is not defined
         if (!this.loader) {
@@ -2539,53 +2611,34 @@ var easy_data_table_EasyDataTable = /** @class */ (function () {
         if (this.needTotal) {
             this.needTotal = false;
         }
-        var limit = this._chunkSize * (ubChunk - lbChunk + 1);
-        if (this.elasticChunks)
-            limit++;
-        return this.loader.loadChunk({
-            offset: lbChunk * this._chunkSize,
+        var offset = this.cachedRows.length;
+        var limit = endIndex - offset;
+        if (limit < this._chunkSize) {
+            limit = this._chunkSize;
+        }
+        var resultPromise = this.loader.loadChunk({
+            offset: offset,
             limit: limit,
             needTotal: needTotal
         })
             .then(function (result) {
-            var chunks = result.table.getCachedChunks();
             if (needTotal) {
                 _this.total = result.total;
-                if (endIndex > _this.total) {
-                    endIndex = _this.total;
-                }
             }
-            var index = lbChunk;
-            for (var _i = 0, chunks_1 = chunks; _i < chunks_1.length; _i++) {
-                var chunk = chunks_1[_i];
-                _this.chunkMap[index] = {
-                    offset: index * _this._chunkSize,
-                    rows: chunk.rows
-                };
-                index++;
+            Array.prototype.push.apply(_this.cachedRows, result.table.getCachedRows());
+            if (endIndex > _this.cachedRows.length) {
+                endIndex = _this.cachedRows.length;
             }
             if (_this.elasticChunks) {
                 var count_1 = result.table.getCachedCount();
-                if (count_1 > 0) {
-                    var chunk = _this.chunkMap[index - 1];
-                    if (count_1 === limit) {
-                        chunk.rows.splice(chunk.rows.length - 1, 1);
-                        if (chunk.rows.length == 0) {
-                            delete _this.chunkMap[index - 1];
-                        }
-                    }
-                    if (count_1 < limit) {
-                        _this.total = _this.getCachedCount();
-                    }
+                if (count_1 < limit) {
+                    _this.total = _this.cachedRows.length;
                 }
             }
-            var resultArr = [];
-            for (var i = lbChunk; i <= ubChunk; i++) {
-                resultArr = resultArr.concat(_this.chunkMap[i].rows);
-            }
-            var firstChunkOffset = _this.chunkMap[lbChunk].offset;
-            return resultArr.slice(fromIndex - firstChunkOffset, endIndex - firstChunkOffset);
+            _this.fireUpdated();
+            return _this.cachedRows.slice(fromIndex, endIndex);
         });
+        return resultPromise;
     };
     EasyDataTable.prototype.getRow = function (index) {
         return this.getRows({ offset: index, limit: 1 })
@@ -2597,16 +2650,16 @@ var easy_data_table_EasyDataTable = /** @class */ (function () {
     EasyDataTable.prototype.setTotal = function (total) {
         this.total = total;
         this.needTotal = false;
-        this.chunkMap = {};
     };
     EasyDataTable.prototype.getCachedCount = function () {
-        return this.getCachedRows().length;
+        return this.cachedRows.length;
     };
     EasyDataTable.prototype.clear = function () {
         this.columns.clear();
-        this.chunkMap = {};
+        this.cachedRows = [];
         this.total = 0;
         this.needTotal = !this._elasticChunks;
+        this.fireUpdated();
     };
     EasyDataTable.prototype.createRow = function (dataOrRow) {
         var _this = this;
@@ -2637,60 +2690,33 @@ var easy_data_table_EasyDataTable = /** @class */ (function () {
         }
         return null;
     };
-    EasyDataTable.prototype.addRow = function (rowOrValue) {
+    EasyDataTable.prototype.addRow = function (rowOrValues) {
         var newRow;
-        if (Array.isArray(rowOrValue)) {
+        if (Array.isArray(rowOrValues)) {
+            var values = rowOrValues;
             var dateIdx = this._columns.getDateColumnIndexes();
             if (dateIdx.length > 0) {
                 for (var _i = 0, dateIdx_1 = dateIdx; _i < dateIdx_1.length; _i++) {
                     var idx = dateIdx_1[_i];
-                    if (rowOrValue[idx]) {
-                        rowOrValue[idx] = this.mapDate(rowOrValue[idx], this._columns.get(idx).type);
+                    if (values[idx]) {
+                        values[idx] = this.mapDate(values[idx], this._columns.get(idx).type);
                     }
                 }
             }
-            newRow = new DataRow(this._columns, rowOrValue);
+            newRow = new DataRow(this._columns, values);
         }
         else {
-            newRow = this.createRow(rowOrValue);
-        }
-        var lastChunk = this.getLastChunk();
-        if (!lastChunk || lastChunk.rows.length >= this._chunkSize) {
-            lastChunk = this.createChunk();
+            newRow = this.createRow(rowOrValues);
         }
-        lastChunk.rows.push(newRow);
+        this.cachedRows.push(newRow);
         var cachedTotal = this.getCachedCount();
         if (cachedTotal > this.total) {
             this.total = cachedTotal;
         }
         return newRow;
     };
-    EasyDataTable.prototype.createChunk = function (index) {
-        if (typeof index == 'undefined') {
-            index = this.getLastChunkIndex() + 1;
-        }
-        var chunk = { offset: index * this._chunkSize, rows: [] };
-        this.chunkMap[index] = chunk;
-        return chunk;
-    };
-    EasyDataTable.prototype.getLastChunkIndex = function () {
-        var keys = Object.keys(this.chunkMap);
-        return keys.length > 0
-            ? parseInt(keys[keys.length - 1])
-            : -1;
-    };
-    EasyDataTable.prototype.getLastChunk = function () {
-        var index = this.getLastChunkIndex();
-        return index > -1
-            ? this.chunkMap[index]
-            : null;
-    };
     EasyDataTable.prototype.getCachedRows = function () {
-        return this.getCachedChunks()
-            .reduce(function (acc, v) { return acc.concat(v.rows); }, []);
-    };
-    EasyDataTable.prototype.getCachedChunks = function () {
-        return Object.values(this.chunkMap);
+        return this.cachedRows;
     };
     EasyDataTable.prototype.totalIsKnown = function () {
         if (this.elasticChunks) {
@@ -2699,11 +2725,16 @@ var easy_data_table_EasyDataTable = /** @class */ (function () {
         }
         return !this.needTotal;
     };
+    EasyDataTable.prototype.fireUpdated = function () {
+        if (this.onUpdate) {
+            this.onUpdate(this);
+        }
+    };
     return EasyDataTable;
 }());
 
 //# sourceMappingURL=easy_data_table.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/utils/easy_guid.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/utils/easy_guid.js
 /**
  * EasyData representation of GUID.
  */
@@ -2724,7 +2755,7 @@ var EasyGuid = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=easy_guid.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/event/event_emitter.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/event/event_emitter.js
 
 /**
  * The representation of event emitter.
@@ -2850,36 +2881,27 @@ var event_emitter_EventEmitter = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=event_emitter.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/i18n/load_default_locale_settings.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/utils/liquid.js
+var liquid;
+(function (liquid) {
+    function renderLiquidTemplate(template, vars) {
+        var result = template;
+        if (vars) {
+            for (var v in vars) {
+                var liquidVarRegexp = new RegExp('\{\{' + v + '\}\}', 'g');
+                result = result.replace(liquidVarRegexp, vars[v]);
+            }
+        }
+        return result;
+    }
+    liquid.renderLiquidTemplate = renderLiquidTemplate;
+})(liquid || (liquid = {}));
+//# sourceMappingURL=liquid.js.map
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/i18n/load_default_locale_settings.js
 
 i18n_i18n.resetLocales();
 //# sourceMappingURL=load_default_locale_settings.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/public_api.js
-/* concated harmony reexport DataType */__webpack_require__.d(__webpack_exports__, "d", function() { return DataType; });
-/* unused concated harmony import EntityAttrKind */
-/* unused concated harmony import EditorTag */
-/* unused concated harmony import HttpMethod */
-/* unused concated harmony import HttpRequest */
-/* unused concated harmony import HttpResponseError */
-/* unused concated harmony import HttpClient */
-/* unused concated harmony import MetaData */
-/* unused concated harmony import MetaEntity */
-/* unused concated harmony import MetaEntityAttr */
-/* unused concated harmony import ValueEditor */
-/* concated harmony reexport AggregationSettings */__webpack_require__.d(__webpack_exports__, "a", function() { return AggregationSettings; });
-/* concated harmony reexport ColumnAlignment */__webpack_require__.d(__webpack_exports__, "b", function() { return ColumnAlignment; });
-/* unused concated harmony import DataColumn */
-/* unused concated harmony import DataColumnList */
-/* concated harmony reexport DataRow */__webpack_require__.d(__webpack_exports__, "c", function() { return DataRow; });
-/* concated harmony reexport EasyDataTable */__webpack_require__.d(__webpack_exports__, "e", function() { return easy_data_table_EasyDataTable; });
-/* concated harmony reexport EventEmitter */__webpack_require__.d(__webpack_exports__, "f", function() { return event_emitter_EventEmitter; });
-/* concated harmony reexport i18n */__webpack_require__.d(__webpack_exports__, "g", function() { return i18n_i18n; });
-/* unused concated harmony import EasyGuid */
-/* unused concated harmony import repeatString */
-/* unused concated harmony import reverseString */
-/* unused concated harmony import strEndsWith */
-/* unused concated harmony import combinePath */
-/* concated harmony reexport utils */__webpack_require__.d(__webpack_exports__, "h", function() { return utils_utils; });
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/public_api.js
 //types
 
 
@@ -2892,7 +2914,6 @@ i18n_i18n.resetLocales();
 
 
 
-//data
 
 
 
@@ -2906,6 +2927,7 @@ i18n_i18n.resetLocales();
 
 
 
+
 if (typeof Object.values !== 'function') {
     Object.values = function (obj) {
         return Object.keys(obj).map(function (key) { return obj[key]; });
@@ -2930,13 +2952,37 @@ if (typeof Math.trunc !== 'function') {
 
 "use strict";
 
-// EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/public_api.js + 20 modules
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "e", function() { return /* reexport */ easy_grid_EasyGrid; });
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ default_date_time_picker_DefaultDateTimePicker; });
+__webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ DomElementBuilder; });
+__webpack_require__.d(__webpack_exports__, "i", function() { return /* reexport */ domel; });
+__webpack_require__.d(__webpack_exports__, "d", function() { return /* reexport */ DropEffect; });
+__webpack_require__.d(__webpack_exports__, "j", function() { return /* reexport */ eqDragManager; });
+__webpack_require__.d(__webpack_exports__, "g", function() { return /* reexport */ addElement; });
+__webpack_require__.d(__webpack_exports__, "f", function() { return /* reexport */ addCssClass; });
+__webpack_require__.d(__webpack_exports__, "o", function() { return /* reexport */ hideElement; });
+__webpack_require__.d(__webpack_exports__, "q", function() { return /* reexport */ showElement; });
+__webpack_require__.d(__webpack_exports__, "t", function() { return /* reexport */ toggleVisibility; });
+__webpack_require__.d(__webpack_exports__, "p", function() { return /* reexport */ isVisible; });
+__webpack_require__.d(__webpack_exports__, "h", function() { return /* reexport */ createBrowserEvent; });
+__webpack_require__.d(__webpack_exports__, "m", function() { return /* reexport */ getViewportSize; });
+__webpack_require__.d(__webpack_exports__, "l", function() { return /* reexport */ getScrollPos; });
+__webpack_require__.d(__webpack_exports__, "k", function() { return /* reexport */ getElementAbsolutePos; });
+__webpack_require__.d(__webpack_exports__, "n", function() { return /* reexport */ getWinSize; });
+__webpack_require__.d(__webpack_exports__, "r", function() { return /* reexport */ slideDown; });
+__webpack_require__.d(__webpack_exports__, "s", function() { return /* reexport */ slideUp; });
+__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ DefaultDialogService; });
+
+// UNUSED EXPORTS: AutoResizeColumns, GridColumnAlign, GridColumn, GridColumnList, DFMT_REGEX, CellRendererType, GridCellRendererStore, Calendar, DateTimePicker, DefaultCalendar, DefaultTimePicker, TimePicker, browserUtils, DomTextAreaElementBuilder, DomInputElementBuilder, DomSelectElementBuilder, EqDragEvent, DragManager, mask, wrapInner, getDocSize, eqCssPrefix, eqCssMobile, DefaultDialog, DefaultProgressDialog, DefaultDialogSet, DialogFooterAlignment, dialogs
+
+// EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/public_api.js + 21 modules
 var public_api = __webpack_require__(0);
 
-// EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/utils/browser_utils.js
+// EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/utils/browser_utils.js
 var browser_utils = __webpack_require__(5);
 
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/utils/ui-utils.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/utils/ui-utils.js
 
 /**
  * Wraps all the elements inside "parent" by "wrapper" element
@@ -3164,7 +3210,7 @@ function slideUp(target, duration, callback) {
 var eqCssPrefix = 'eqjs';
 var eqCssMobile = 'eqjs-mobile';
 //# sourceMappingURL=ui-utils.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/utils/mask.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/utils/mask.js
 function mask(input, maskPattern) {
     var d = { 9: '[0-9]', a: '[a-z]' };
     var mask = maskPattern.split('');
@@ -3261,7 +3307,7 @@ function mask(input, maskPattern) {
     input.addEventListener('focus', inputHandler);
 }
 //# sourceMappingURL=mask.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/utils/dom_elem_builder.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/utils/dom_elem_builder.js
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -3275,6 +3321,13 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
 
 var DomElementBuilder = /** @class */ (function () {
     function DomElementBuilder(tag, parent) {
@@ -3345,7 +3398,7 @@ var DomElementBuilder = /** @class */ (function () {
             classNames[_i - 1] = arguments[_i];
         }
         if (className) {
-            var fullList = className.trim().split(" ").concat(classNames);
+            var fullList = __spreadArrays(className.trim().split(" "), classNames);
             for (var i = 0; i < fullList.length; i++)
                 this.element.classList.add(fullList[i]);
         }
@@ -3357,7 +3410,7 @@ var DomElementBuilder = /** @class */ (function () {
             classNames[_i - 1] = arguments[_i];
         }
         if (className) {
-            var fullList = className.trim().split(" ").concat(classNames);
+            var fullList = __spreadArrays(className.trim().split(" "), classNames);
             for (var i = 0; i < fullList.length; i++)
                 this.element.classList.remove(fullList[i]);
         }
@@ -3557,7 +3610,7 @@ function domel(tag, parent) {
     return new DomElementBuilder(tag, parent);
 }
 //# sourceMappingURL=dom_elem_builder.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/utils/drag_manager.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/utils/drag_manager.js
 
 
 
@@ -3763,7 +3816,7 @@ var drag_manager_DragManager = /** @class */ (function () {
         if (descs) {
             for (var _i = 0, descs_1 = descs; _i < descs_1.length; _i++) {
                 var desc = descs_1[_i];
-                public_api["h" /* utils */].removeArrayItem(this.containerDescriptors, desc);
+                public_api["i" /* utils */].removeArrayItem(this.containerDescriptors, desc);
             }
         }
     };
@@ -3924,7 +3977,15 @@ var drag_manager_DragManager = /** @class */ (function () {
 //global variable
 var eqDragManager = new drag_manager_DragManager();
 //# sourceMappingURL=drag_manager.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_cell_renderer.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_options.js
+var AutoResizeColumns;
+(function (AutoResizeColumns) {
+    AutoResizeColumns[AutoResizeColumns["Always"] = 0] = "Always";
+    AutoResizeColumns[AutoResizeColumns["Once"] = 1] = "Once";
+    AutoResizeColumns[AutoResizeColumns["Never"] = 2] = "Never";
+})(AutoResizeColumns || (AutoResizeColumns = {}));
+//# sourceMappingURL=easy_grid_options.js.map
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_cell_renderer.js
 
 
 
@@ -4072,16 +4133,10 @@ var easy_grid_cell_renderer_GridCellRendererStore = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=easy_grid_cell_renderer.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_columns.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_columns.js
 
 
-var DEFAULT_WIDTH = 150;
-var DEFAULT_WIDTH_NUMBER = 120;
-var DEFAULT_WIDTH_DATE = 200;
-var DEFAULT_WIDTH_BOOL = 80;
 var DEFAULT_WIDTH_STRING = 250;
-var MIN_WIDTH_STRING = 100;
-var MAX_WIDTH_STRING = 500;
 var ROW_NUM_WIDTH = 60;
 var GridColumnAlign;
 (function (GridColumnAlign) {
@@ -4106,36 +4161,25 @@ var easy_grid_columns_GridColumn = /** @class */ (function () {
     function GridColumn(column, grid, isRowNum) {
         if (isRowNum === void 0) { isRowNum = false; }
         this._label = null;
+        this._description = null;
         //public left: number;
         this.align = GridColumnAlign.NONE;
         this.isVisible = true;
         this.isRowNum = false;
         this.dataColumn = column;
         this.grid = grid;
+        var widthOptions = grid.options.columnWidths || {};
         if (column) {
             if (column.style.alignment) {
                 this.align = MapAlignment(column.style.alignment);
             }
-            var coltype = column.type;
-            var cellType = this.grid.cellRendererStore.getCellType(coltype);
-            switch (cellType) {
-                case CellRendererType.NUMBER:
-                    this.width = DEFAULT_WIDTH_NUMBER;
-                    break;
-                case CellRendererType.DATETIME:
-                    this.width = DEFAULT_WIDTH_DATE;
-                    break;
-                case CellRendererType.BOOL:
-                    this.width = DEFAULT_WIDTH_BOOL;
-                    break;
-                default:
-                    this.width = DEFAULT_WIDTH_STRING;
-            }
+            this.width = (widthOptions && widthOptions[this.type]) ? widthOptions[this.type].default : DEFAULT_WIDTH_STRING;
             this.cellRenderer = this.grid.cellRendererStore.getDefaultRenderer(column.type);
+            this._description = column.description;
         }
         else if (isRowNum) {
             this.isRowNum = true;
-            this.width = ROW_NUM_WIDTH;
+            this.width = (widthOptions && widthOptions.rowNumColumn) ? widthOptions.rowNumColumn.default : ROW_NUM_WIDTH;
             this._label = '';
             this.cellRenderer = this.grid.cellRendererStore.getDefaultRendererByType(CellRendererType.NUMBER);
         }
@@ -4154,6 +4198,14 @@ var easy_grid_columns_GridColumn = /** @class */ (function () {
         configurable: true
     });
     ;
+    Object.defineProperty(GridColumn.prototype, "description", {
+        /** Get column description. */
+        get: function () {
+            return this._description;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(GridColumn.prototype, "type", {
         get: function () {
             return this.dataColumn ? this.dataColumn.type : null;
@@ -4173,9 +4225,10 @@ var easy_grid_columns_GridColumnList = /** @class */ (function () {
     GridColumnList.prototype.sync = function (columnList, hasRowNumCol) {
         if (hasRowNumCol === void 0) { hasRowNumCol = true; }
         this.clear();
-        if (hasRowNumCol) {
-            var rowNumCol = new easy_grid_columns_GridColumn(null, this.grid, true);
-            this.add(rowNumCol);
+        var rowNumCol = new easy_grid_columns_GridColumn(null, this.grid, true);
+        this.add(rowNumCol);
+        if (!hasRowNumCol) {
+            rowNumCol.isVisible = false;
         }
         if (columnList) {
             for (var _i = 0, _a = columnList.getItems(); _i < _a.length; _i++) {
@@ -4208,7 +4261,7 @@ var easy_grid_columns_GridColumnList = /** @class */ (function () {
     GridColumnList.prototype.move = function (col, newIndex) {
         var oldIndex = this.items.indexOf(col);
         if (oldIndex >= 0 && oldIndex != newIndex)
-            public_api["h" /* utils */].moveArrayItem(this.items, oldIndex, newIndex);
+            public_api["i" /* utils */].moveArrayItem(this.items, oldIndex, newIndex);
     };
     GridColumnList.prototype.get = function (index) {
         if (index >= 0 && index < this.items.length) {
@@ -4237,7 +4290,7 @@ var easy_grid_columns_GridColumnList = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=easy_grid_columns.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid.js
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -4249,6 +4302,14 @@ var __assign = (undefined && undefined.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var easy_grid_spreadArrays = (undefined && undefined.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+
 
 
 
@@ -4281,14 +4342,42 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                 pageSize: 30,
                 pageSizeItems: [20, 30, 50, 100, 200]
             },
-            addColumns: false,
+            columnWidths: {
+                autoResize: AutoResizeColumns.Always,
+                stringColumns: {
+                    min: 100,
+                    max: 500,
+                    default: 250
+                },
+                numberColumns: {
+                    min: 60,
+                    default: 120
+                },
+                boolColumns: {
+                    min: 50,
+                    default: 80
+                },
+                dateColumns: {
+                    min: 80,
+                    default: 200
+                },
+                otherColumns: {
+                    min: 100,
+                    max: 500,
+                    default: 250
+                },
+                rowNumColumn: {
+                    min: 40,
+                    default: 60
+                }
+            },
+            showPlusButton: false,
             viewportRowsCount: null,
             showActiveRow: true
         };
         this.rowsOnPagePromise = null;
         this.containerInitialHeight = 0;
         this.firstRender = true;
-        this.compareValues = this.strictCompare;
         this.prevRowTotals = null;
         this.landingIndex = -1;
         this.landingSlot = domel('div')
@@ -4298,9 +4387,10 @@ var easy_grid_EasyGrid = /** @class */ (function () {
             .toDOM();
         this._activeRowIndex = -1;
         if (options && options.paging) {
-            options.paging = public_api["h" /* utils */].assign(this.defaultDataGridOptions.paging, options.paging);
+            options.paging = public_api["i" /* utils */].assign(this.defaultDataGridOptions.paging, options.paging);
         }
-        this.options = __assign({}, this.defaultDataGridOptions, options);
+        this.options = this.mergeOptions(options);
+        this.processColumnWidthsOptions();
         if (!this.options.slot)
             throw Error('"slot" parameter is required to initialize EasyDataGrid');
         if (!this.options.dataTable)
@@ -4312,6 +4402,42 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         this.setSlot(this.options.slot);
         this.init(this.options);
     }
+    EasyGrid.prototype.mergeOptions = function (options) {
+        var colWidthOptions = public_api["i" /* utils */].assignDeep({}, this.defaultDataGridOptions.columnWidths, options.columnWidths);
+        var pagingOptions = public_api["i" /* utils */].assignDeep({}, this.defaultDataGridOptions.paging, options.paging);
+        var result = public_api["i" /* utils */].assign({}, this.defaultDataGridOptions, options);
+        result.columnWidths = colWidthOptions;
+        result.paging = pagingOptions;
+        return result;
+    };
+    EasyGrid.prototype.processColumnWidthsOptions = function () {
+        var widthOptions = this.options.columnWidths;
+        if (!widthOptions)
+            return;
+        //string columns
+        public_api["i" /* utils */].getStringDataTypes().forEach(function (dataType) {
+            widthOptions[dataType] = __assign(__assign({}, widthOptions.stringColumns), widthOptions[dataType]);
+        });
+        //numeric columns
+        public_api["i" /* utils */].getNumericDataTypes().forEach(function (dataType) {
+            widthOptions[dataType] = __assign(__assign({}, widthOptions.numberColumns), widthOptions[dataType]);
+        });
+        //bool columns
+        widthOptions[public_api["d" /* DataType */].Bool] = __assign(__assign({}, widthOptions.boolColumns), widthOptions[public_api["d" /* DataType */].Bool]);
+        //date columns
+        public_api["i" /* utils */].getDateDataTypes().forEach(function (dataType) {
+            widthOptions[dataType] = __assign(__assign({}, widthOptions.dateColumns), widthOptions[dataType]);
+        });
+        //other columns
+        var knownTypes = easy_grid_spreadArrays(public_api["i" /* utils */].getStringDataTypes(), public_api["i" /* utils */].getNumericDataTypes(), public_api["i" /* utils */].getDateDataTypes(), [
+            public_api["d" /* DataType */].Bool
+        ]);
+        public_api["i" /* utils */].getAllDataTypes().forEach(function (dataType) {
+            if (!(dataType in knownTypes)) {
+                widthOptions[dataType] = __assign(__assign({}, widthOptions.otherColumns), widthOptions[dataType]);
+            }
+        });
+    };
     EasyGrid.prototype.setSlot = function (slot) {
         if (typeof slot === 'string') {
             if (slot.length) {
@@ -4344,8 +4470,8 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         if (options.onRowDbClick) {
             this.addEventListener('rowDbClick', options.onRowDbClick);
         }
-        if (options.onAddColumnClick) {
-            this.addEventListener('addColumnClick', options.onAddColumnClick);
+        if (options.onPlusButtonClick) {
+            this.addEventListener('plusButtonClick', options.onPlusButtonClick);
         }
         if (options.onColumnChanged) {
             this.addEventListener('columnChanged', options.onColumnChanged);
@@ -4363,7 +4489,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
             this.addEventListener('activeRowChanged', options.onActiveRowChanged);
         }
         this.addEventListener('pageChanged', function (ev) { return _this.activeRowIndex = -1; });
-        public_api["h" /* utils */].assignDeep(this.paginationOptions, options.pagination);
+        public_api["i" /* utils */].assignDeep(this.paginationOptions, options.pagination);
         this.pagination.pageSize = this.options.paging.pageSize
             || this.pagination.pageSize;
         if (this.options.allowDragDrop) {
@@ -4431,7 +4557,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
     };
     EasyGrid.prototype.render = function () {
         var _this = this;
-        if (!this.hasData() && !this.options.addColumns)
+        if (!this.hasData() && !this.options.showPlusButton)
             return;
         this.containerInitialHeight = this.slot.clientHeight;
         this.rootDiv = document.createElement('div');
@@ -4448,6 +4574,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         gridContainer.classList.add(this.cssPrefix + "-container");
         gridContainer.appendChild(this.rootDiv);
         this.slot.appendChild(gridContainer);
+        var needAutoResize = this.options.columnWidths.autoResize !== AutoResizeColumns.Never;
         if (this.rowsOnPagePromise) {
             this.rowsOnPagePromise
                 .then(function () { return _this.updateHeight(); })
@@ -4458,8 +4585,13 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         }
         else {
             setTimeout(function () {
-                _this.updateHeight();
-                _this.firstRender = false;
+                _this.updateHeight()
+                    .then(function () {
+                    _this.firstRender = false;
+                    if (needAutoResize) {
+                        _this.resizeColumns();
+                    }
+                });
             }, 100);
         }
     };
@@ -4470,14 +4602,14 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                 var firstRow = _this.bodyCellContainerDiv.firstElementChild;
                 var rowHeight = firstRow ? firstRow.offsetHeight : DEFAULT_ROW_HEIGHT;
                 var rowCount = _this.options.viewportRowsCount; // || DEFAULT_ROW_COUNT;
-                var bodyHeight_1 = rowHeight * rowCount;
-                domel(_this.bodyDiv)
-                    .setStyle('height', bodyHeight_1 + "px");
+                var viewportHeight_1 = rowHeight * rowCount;
+                domel(_this.bodyViewportDiv)
+                    .setStyle('height', viewportHeight_1 + "px");
                 setTimeout(function () {
                     var sbHeight = _this.bodyViewportDiv.offsetHeight - _this.bodyViewportDiv.clientHeight;
-                    bodyHeight_1 = bodyHeight_1 + sbHeight;
-                    domel(_this.bodyDiv)
-                        .setStyle('height', bodyHeight_1 + "px");
+                    viewportHeight_1 = viewportHeight_1 + sbHeight;
+                    domel(_this.bodyViewportDiv)
+                        .setStyle('height', viewportHeight_1 + "px");
                     resolve();
                 }, 100);
                 return;
@@ -4496,6 +4628,12 @@ var easy_grid_EasyGrid = /** @class */ (function () {
             }
         });
     };
+    EasyGrid.prototype.getContainerWidth = function () {
+        return this.columns.getItems()
+            .filter(function (col) { return col.isVisible; })
+            .map(function (col) { return col.width; })
+            .reduce(function (sum, current) { return sum + current; });
+    };
     EasyGrid.prototype.renderHeader = function () {
         var _this = this;
         this.headerDiv = domel('div')
@@ -4518,10 +4656,10 @@ var easy_grid_EasyGrid = /** @class */ (function () {
             _this.headerRowDiv.appendChild(hd);
             if (column.isRowNum) {
                 domel(hd)
-                    .addChildElement(_this.renderAddColumnButton());
+                    .addChildElement(_this.renderHeaderButtons());
             }
         });
-        var containerWidth = this.columns.getItems().map(function (column) { return column.width; }).reduce(function (sum, current) { return sum + current; });
+        var containerWidth = this.getContainerWidth();
         domel(this.headerCellContainerDiv)
             .setStyle('width', containerWidth + "px");
     };
@@ -4532,7 +4670,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         var _this = this;
         var colBuilder = domel('div')
             .addClass(this.cssPrefix + "-header-cell")
-            .data('col-idx', "" + (index + 1))
+            .data('col-idx', "" + index)
             .setStyle('width', column.width + "px");
         if (column.dataColumn) {
             colBuilder
@@ -4546,6 +4684,11 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                 .addClass(this.cssPrefix + "-header-cell-label")
                 .text(column.label);
         }
+        if (column.description) {
+            domel('div', colDiv)
+                .addClass('question-mark')
+                .title(column.description);
+        }
         if (this.options.allowDragDrop) {
             eqDragManager.registerDraggableItem({
                 element: colDiv,
@@ -4565,14 +4708,6 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         }
         return colDiv;
     };
-    EasyGrid.prototype.strictCompare = function (value1, value2) {
-        return value1 !== value2;
-    };
-    EasyGrid.prototype.caseInsensitiveCompare = function (value1, value2) {
-        var val1 = (typeof value1 === 'string') ? value1.toLowerCase() : value1;
-        var val2 = (typeof value2 === 'string') ? value2.toLowerCase() : value2;
-        return val1 !== val2;
-    };
     EasyGrid.prototype.renderBody = function () {
         var _this = this;
         this.bodyDiv = domel('div')
@@ -4586,10 +4721,6 @@ var easy_grid_EasyGrid = /** @class */ (function () {
             .addClass(this.cssPrefix + "-cell-container")
             .toDOM();
         var showAggrs = this.canShowAggregates();
-        this.compareValues = this.caseInsensitiveCompare;
-        if (showAggrs && this.options.aggregates.settings.caseSensitiveGroups) {
-            this.compareValues = this.strictCompare;
-        }
         if (this.dataTable) {
             this.showProgress();
             this.rowsOnPagePromise = this.getRowsToRender()
@@ -4599,15 +4730,22 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                 //prevent double rendering (bad solution, we have to figure out how to avoid this behavior properly)
                 _this.bodyCellContainerDiv.innerHTML = '';
                 _this.prevRowTotals = null;
+                var rowsToRender = 0;
                 if (rows.length) {
                     var groups_1 = showAggrs
                         ? _this.options.aggregates.settings.getGroups()
                         : [];
+                    rowsToRender = (rows.length < _this.pagination.pageSize)
+                        ? rows.length
+                        : _this.pagination.pageSize;
                     rows.forEach(function (row, index) {
                         if (showAggrs)
                             _this.updateTotalsState(groups_1, row);
-                        var tr = _this.renderRow(row, index);
-                        _this.bodyCellContainerDiv.appendChild(tr);
+                        //we don't actually render the last row
+                        if (index < rowsToRender) {
+                            var tr = _this.renderRow(row, index);
+                            _this.bodyCellContainerDiv.appendChild(tr);
+                        }
                     });
                     var showGrandTotalsOnEachPage = _this.options.aggregates && _this.options.aggregates.showGrandTotalsOnEachPage;
                     if (showAggrs && (_this.isLastPage() || showGrandTotalsOnEachPage)) {
@@ -4615,11 +4753,16 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                         _this.updateTotalsState(groups_1, row, true);
                     }
                 }
-                var containerWidth = _this.columns.getItems()
-                    .map(function (column) { return column.width; }).reduce(function (sum, current) { return sum + current; });
-                domel(_this.bodyCellContainerDiv)
-                    .setStyle('width', containerWidth + "px");
-                return rows.length;
+                var needAutoResize = _this.options.columnWidths.autoResize !== AutoResizeColumns.Never;
+                if (needAutoResize) {
+                    _this.resizeColumns();
+                }
+                else {
+                    var containerWidth = _this.getContainerWidth();
+                    domel(_this.bodyCellContainerDiv)
+                        .setStyle('width', containerWidth + "px");
+                }
+                return rowsToRender;
             })
                 .catch(function (error) { console.error(error); return 0; });
         }
@@ -4627,7 +4770,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
             domel(_this.headerViewportDiv)
                 .setStyle('margin-left', "-" + _this.bodyViewportDiv.scrollLeft + "px");
         });
-        this.bodyViewportDiv.addEventListener('keydown', this.onVieportKeydown.bind(this));
+        this.bodyViewportDiv.addEventListener('keydown', this.onViewportKeydown.bind(this));
     };
     EasyGrid.prototype.isLastPage = function () {
         if (this.dataTable.elasticChunks) {
@@ -4653,7 +4796,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                 var group = groups[level - 1];
                 for (var _i = 0, _a = group.columns; _i < _a.length; _i++) {
                     var col = _a[_i];
-                    if (this.compareValues(this.prevRowTotals.getValue(col), newRow.getValue(col))) {
+                    if (!aggrSettings.compareValues(this.prevRowTotals.getValue(col), newRow.getValue(col))) {
                         changeLevel = level;
                         break;
                     }
@@ -4714,8 +4857,8 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         });
         var aggrContainer = this.options.aggregates.calculator.getAggrContainer();
         var aggrCols = aggrSettings.getAggregates().map(function (c) { return c.colId; });
-        var key = this.buildGroupKey(group, row);
-        aggrContainer.getAggregates(level, key)
+        var key = aggrSettings.buildGroupKey(group, row);
+        aggrContainer.getAggregateData(level, key)
             .then(function (values) {
             for (var _i = 0, aggrCols_1 = aggrCols; _i < aggrCols_1.length; _i++) {
                 var aggrColId = aggrCols_1[_i];
@@ -4756,34 +4899,20 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                         }
                     }
                     if (groupFooterTemplate) {
-                        var cellDiv_1 = _this.renderCell(column, colIndex, val, rowElement);
+                        var cellDiv_1 = _this.renderCell(column, index, val, rowElement);
                         var innerCell = cellDiv_1.firstChild;
                         val = innerCell.innerHTML;
                         val = _this.applyGroupColumnTemplate(groupFooterTemplate, val, values[aggrSettings.COUNT_FIELD_NAME]);
                     }
                 }
-                var cellDiv = _this.renderCell(column, colIndex, val, rowElement);
+                var cellDiv = _this.renderCell(column, index, val, rowElement);
                 rowElement.appendChild(cellDiv);
             });
         })
             .catch(function (error) { return console.error(error); });
         return rowElement;
     };
-    EasyGrid.prototype.buildGroupKey = function (group, row) {
-        var aggrSettings = this.options.aggregates.settings;
-        var caseInsensitive = aggrSettings && !aggrSettings.caseSensitiveGroups;
-        var result = {};
-        for (var _i = 0, _a = group.columns; _i < _a.length; _i++) {
-            var colId = _a[_i];
-            var keyVal = row.getValue(colId);
-            if (caseInsensitive) {
-                keyVal = keyVal.toLowerCase();
-            }
-            result[colId] = keyVal;
-        }
-        return result;
-    };
-    EasyGrid.prototype.onVieportKeydown = function (ev) {
+    EasyGrid.prototype.onViewportKeydown = function (ev) {
         if (this.options.showActiveRow) {
             var rowCount = this.bodyCellContainerDiv.querySelectorAll("." + this.cssPrefix + "-row").length;
             var newValue = void 0;
@@ -4837,13 +4966,17 @@ var easy_grid_EasyGrid = /** @class */ (function () {
             }
         }
     };
+    /** Returns a promise with the list of the rows to render on one page.
+     * The list contains pageSize+1 row to make it possible
+     * to render the totals row (if it appears to be on the edge between pages)
+     */
     EasyGrid.prototype.getRowsToRender = function () {
         if (this.options.paging.enabled === false) {
             return Promise.resolve(this.dataTable.getCachedRows());
         }
         return this.dataTable.getRows({
-            page: this.pagination.page,
-            pageSize: this.pagination.pageSize
+            offset: (this.pagination.page - 1) * this.pagination.pageSize,
+            limit: this.pagination.pageSize + 1
         })
             .catch(function (error) {
             console.error(error);
@@ -4868,23 +5001,26 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         var pageInfoDiv = domel('div')
             .addClass(this.cssPrefix + "-page-info")
             .toDOM();
-        var fistPageRecordNum = count
-            ? (this.pagination.page - 1) * this.pagination.pageSize + 1
-            : 0;
-        var lastPageRecordNum = count
-            ? fistPageRecordNum + count - 1
-            : 0;
-        var totalStr = this.dataTable.getTotal().toString();
-        if (this.dataTable.elasticChunks) {
-            var count_1 = this.dataTable.getCachedCount();
-            var total = this.dataTable.getTotal();
-            if (count_1 !== total)
-                totalStr = '?';
-        }
-        pageInfoDiv.innerHTML = public_api["g" /* i18n */].getText('GridPageInfo')
-            .replace('{FirstPageRecordNum}', "<span>" + fistPageRecordNum.toString() + "</span>")
-            .replace('{LastPageRecordNum}', "<span>" + lastPageRecordNum.toString() + "</span>")
-            .replace('{Total}', "<span>" + totalStr + "</span>");
+        var rowCount = this.dataTable.getTotal();
+        if (rowCount > 0) {
+            var fistPageRecordNum = count
+                ? (this.pagination.page - 1) * this.pagination.pageSize + 1
+                : 0;
+            var lastPageRecordNum = count
+                ? fistPageRecordNum + count - 1
+                : 0;
+            var totalStr = this.dataTable.getTotal().toString();
+            if (this.dataTable.elasticChunks) {
+                var count_1 = this.dataTable.getCachedCount();
+                var total = this.dataTable.getTotal();
+                if (count_1 !== total)
+                    totalStr = '?';
+            }
+            pageInfoDiv.innerHTML = public_api["g" /* i18n */].getText('GridPageInfo')
+                .replace('{FirstPageRecordNum}', "<span>" + fistPageRecordNum.toString() + "</span>")
+                .replace('{LastPageRecordNum}', "<span>" + lastPageRecordNum.toString() + "</span>")
+                .replace('{Total}', "<span>" + totalStr + "</span>");
+        }
         return pageInfoDiv;
     };
     EasyGrid.prototype.showProgress = function () {
@@ -4939,13 +5075,13 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         if (this.options.showActiveRow && index == this.activeRowIndex) {
             rowBuilder.addClass(this.cssPrefix + "-row-active");
         }
-        this.columns.getItems().forEach(function (column) {
+        this.columns.getItems().forEach(function (column, index) {
             if (!column.isVisible) {
                 return;
             }
             var colindex = column.isRowNum ? -1 : _this.dataTable.columns.getIndex(column.dataColumn.id);
             var val = column.isRowNum ? indexGlobal + 1 : row.getValue(colindex);
-            rowElement.appendChild(_this.renderCell(column, colindex, val, rowElement));
+            rowElement.appendChild(_this.renderCell(column, index, val, rowElement));
         });
         return rowElement;
     };
@@ -4979,7 +5115,8 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         var _this = this;
         var paginateDiv = document.createElement('div');
         paginateDiv.className = this.cssPrefix + "-pagination-wrapper";
-        if (this.options.paging && this.options.paging.enabled) {
+        var rowCount = this.dataTable.getTotal();
+        if (this.options.paging && this.options.paging.enabled && rowCount > 0) {
             var prefix_1 = this.paginationOptions.useBootstrap ? '' : this.cssPrefix + "-";
             var buttonClickHandler_1 = function (ev) {
                 var element = ev.target;
@@ -5105,18 +5242,18 @@ var easy_grid_EasyGrid = /** @class */ (function () {
     EasyGrid.prototype.removeEventListener = function (eventType, handlerId) {
         this.eventEmitter.unsubscribe(eventType, handlerId);
     };
-    EasyGrid.prototype.renderAddColumnButton = function () {
+    EasyGrid.prototype.renderHeaderButtons = function () {
         var _this = this;
-        if (this.options.addColumns) {
+        if (this.options.showPlusButton) {
             return domel('div')
-                .addClass(this.cssPrefix + "-addrow")
-                .title(this.options.addColumnsTitle || 'Add column')
+                .addClass(this.cssPrefix + "-header-btn-plus")
+                .title(this.options.plusButtonTitle || 'Add')
                 .addChild('a', function (builder) { return builder
                 .attr('href', 'javascript:void(0)')
                 .on('click', function (e) {
                 e.preventDefault();
                 _this.fireEvent({
-                    type: 'addColumnClick',
+                    type: 'plusButtonClick',
                     sourceEvent: e
                 });
             }); })
@@ -5217,11 +5354,102 @@ var easy_grid_EasyGrid = /** @class */ (function () {
     EasyGrid.prototype.focus = function () {
         this.bodyViewportDiv.focus();
     };
+    EasyGrid.prototype.resizeColumns = function () {
+        if (this.options.columnWidths.autoResize === AutoResizeColumns.Never)
+            return;
+        var containerWidth = this.bodyCellContainerDiv.style.width;
+        this.bodyCellContainerDiv.style.visibility = 'hidden';
+        this.bodyCellContainerDiv.style.width = '1px';
+        //this.headerRowDiv.style.visibility = 'hidden';
+        this.headerRowDiv.style.width = '1px';
+        var sumWidth = 0;
+        var columns = this.columns.getItems();
+        var headerCells = this.headerCellContainerDiv.querySelectorAll("." + this.cssPrefix + "-header-cell");
+        var headerIdx = 0;
+        var _loop_1 = function (idx) {
+            var column = columns[idx];
+            if (!column.isVisible)
+                return "continue";
+            var calculatedWidth = this_1.options.columnWidths.autoResize !== AutoResizeColumns.Always && column.dataColumn
+                ? column.dataColumn.calculatedWidth
+                : 0;
+            var cellValues = this_1.bodyCellContainerDiv.querySelectorAll("." + this_1.cssPrefix + "-cell[data-col-idx=\"" + idx + "\"] > ." + this_1.cssPrefix + "-cell-value");
+            var maxWidth = 0;
+            if (calculatedWidth > 0) {
+                sumWidth += calculatedWidth;
+                column.width = calculatedWidth;
+                cellValues.forEach(function (value) {
+                    value.parentElement.style.width = calculatedWidth + "px";
+                });
+                headerCells[headerIdx].style.width = calculatedWidth + "px";
+            }
+            else {
+                if (cellValues.length == 0) {
+                    headerCells[headerIdx].style.width = null;
+                    headerCells[headerIdx].style.whiteSpace = 'nowrap';
+                }
+                maxWidth = headerCells[headerIdx].offsetWidth;
+                if (cellValues.length > 0) {
+                    cellValues.forEach(function (value) {
+                        value.parentElement.style.width = null;
+                        var width = value.parentElement.offsetWidth;
+                        if (width > maxWidth) {
+                            maxWidth = width;
+                        }
+                    });
+                    maxWidth += 3;
+                    var maxOption = column.isRowNum
+                        ? this_1.options.columnWidths.rowNumColumn.max || 500
+                        : this_1.options.columnWidths[column.dataColumn.type].max || 2000;
+                    var minOption = column.isRowNum
+                        ? this_1.options.columnWidths.rowNumColumn.min || 0
+                        : this_1.options.columnWidths[column.dataColumn.type].min || 20;
+                    if (maxWidth > maxOption) {
+                        maxWidth = maxOption;
+                    }
+                    if (maxWidth < minOption) {
+                        maxWidth = minOption;
+                    }
+                    if (public_api["i" /* utils */].isNumericType(column.type)) {
+                        //increase the calculated width in 1.3 times for numeric columns
+                        maxWidth = Math.round(maxWidth * 1.3);
+                    }
+                    sumWidth += maxWidth;
+                    column.width = maxWidth;
+                    cellValues.forEach(function (value) {
+                        value.parentElement.style.width = maxWidth + "px";
+                    });
+                    headerCells[headerIdx].style.width = maxWidth + "px";
+                    if (column.dataColumn) {
+                        column.dataColumn.calculatedWidth = maxWidth;
+                    }
+                }
+                else {
+                    sumWidth += maxWidth;
+                }
+            }
+            headerIdx++;
+        };
+        var this_1 = this;
+        for (var idx = 0; idx < this.columns.count; idx++) {
+            _loop_1(idx);
+        }
+        if (sumWidth > 0) {
+            this.bodyCellContainerDiv.style.width = sumWidth + "px";
+            this.headerCellContainerDiv.style.width = sumWidth + "px";
+        }
+        else {
+            this.bodyCellContainerDiv.style.width = containerWidth;
+            this.headerCellContainerDiv.style.width = containerWidth;
+        }
+        this.bodyCellContainerDiv.style.visibility = null;
+        this.headerRowDiv.removeAttribute('style');
+    };
     return EasyGrid;
 }());
 
 //# sourceMappingURL=easy_grid.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/calendar.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/calendar.js
 var Calendar = /** @class */ (function () {
     function Calendar(slot, options) {
         this.slot = slot;
@@ -5252,7 +5480,7 @@ var Calendar = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=calendar.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/date_time_picker.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/date_time_picker.js
 
 var date_time_picker_DateTimePicker = /** @class */ (function () {
     function DateTimePicker(options) {
@@ -5360,7 +5588,7 @@ var date_time_picker_DateTimePicker = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=date_time_picker.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/default_calendar.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/default_calendar.js
 var default_calendar_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -5440,7 +5668,7 @@ var default_calendar_DefaultCalendar = /** @class */ (function (_super) {
             builder.removeClass('error');
             try {
                 _this.isManualInputChanging = true;
-                var newDate = public_api["h" /* utils */].strToDateTime(_this.manualInputElem.value, format);
+                var newDate = public_api["i" /* utils */].strToDateTime(_this.manualInputElem.value, format);
                 _this.currentDate = newDate;
                 _this.jump(_this.currentDate.getFullYear(), _this.currentDate.getMonth());
                 _this.dateChanged(false);
@@ -5474,7 +5702,7 @@ var default_calendar_DefaultCalendar = /** @class */ (function (_super) {
         if (this.manualInputElem) {
             if (!this.isManualInputChanging) {
                 var format = this.getInputDateFormat();
-                this.manualInputElem.value = public_api["h" /* utils */].dateTimeToStr(this.currentDate, format);
+                this.manualInputElem.value = public_api["i" /* utils */].dateTimeToStr(this.currentDate, format);
                 this.manualInputElem.focus();
             }
         }
@@ -5624,7 +5852,7 @@ var default_calendar_DefaultCalendar = /** @class */ (function (_super) {
 }(Calendar));
 
 //# sourceMappingURL=default_calendar.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/time_picker.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/time_picker.js
 var TimePicker = /** @class */ (function () {
     function TimePicker(slot, options) {
         this.slot = slot;
@@ -5652,7 +5880,7 @@ var TimePicker = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=time_picker.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/default_time_picker.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/default_time_picker.js
 var default_time_picker_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -5734,7 +5962,7 @@ var default_time_picker_DefaultTimePicker = /** @class */ (function (_super) {
 }(TimePicker));
 
 //# sourceMappingURL=default_time_picker.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/default_date_time_picker.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/datetimepicker/default_date_time_picker.js
 var default_date_time_picker_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -5862,7 +6090,15 @@ var default_date_time_picker_DefaultDateTimePicker = /** @class */ (function (_s
 }(date_time_picker_DateTimePicker));
 
 //# sourceMappingURL=default_date_time_picker.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/dialogs/default_dialog_service.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/dialogs/dialog_service.js
+var DialogFooterAlignment;
+(function (DialogFooterAlignment) {
+    DialogFooterAlignment[DialogFooterAlignment["Left"] = 1] = "Left";
+    DialogFooterAlignment[DialogFooterAlignment["Center"] = 2] = "Center";
+    DialogFooterAlignment[DialogFooterAlignment["Right"] = 3] = "Right";
+})(DialogFooterAlignment || (DialogFooterAlignment = {}));
+//# sourceMappingURL=dialog_service.js.map
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/dialogs/default_dialog_service.js
 var default_dialog_service_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -5878,6 +6114,7 @@ var default_dialog_service_extends = (undefined && undefined.__extends) || (func
 })();
 
 
+
 var default_dialog_service_cssPrefix = "kdlg";
 var DefaultDialogService = /** @class */ (function () {
     function DefaultDialogService() {
@@ -5961,17 +6198,20 @@ var DefaultDialogService = /** @class */ (function () {
             _this.open(options);
         });
     };
-    DefaultDialogService.prototype.open = function (options) {
+    DefaultDialogService.prototype.open = function (options, data) {
         var _this = this;
+        var dialog = new default_dialog_service_DefaultDialog(options, data);
         var onDestroy = options.onDestroy;
-        options.onDestroy = function () {
+        options.onDestroy = function (dlg) {
             _this.untrack(dlg);
-            onDestroy && onDestroy();
+            onDestroy && onDestroy(dlg);
         };
-        var dlg = new default_dialog_service_DefaultDialog(options);
-        dlg.open();
-        this.track(dlg);
-        return dlg;
+        dialog.open();
+        this.track(dialog);
+        return dialog;
+    };
+    DefaultDialogService.prototype.createSet = function (options) {
+        return new DefaultDialogSet(options, this);
     };
     DefaultDialogService.prototype.untrack = function (dlg) {
         var index = DefaultDialogService.openDialogs.indexOf(dlg);
@@ -5984,15 +6224,15 @@ var DefaultDialogService = /** @class */ (function () {
     };
     DefaultDialogService.prototype.openProgress = function (options) {
         var _this = this;
+        var dialog = new default_dialog_service_DefaultProgressDialog(options);
         var onDestroy = options.onDestroy;
-        options.onDestroy = function () {
+        options.onDestroy = function (dlg) {
             _this.untrack(dlg);
-            onDestroy && onDestroy();
+            onDestroy && onDestroy(dlg);
         };
-        var dlg = new default_dialog_service_DefaultProgressDialog(options);
-        dlg.open();
-        this.track(dlg);
-        return dlg;
+        dialog.open();
+        this.track(dialog);
+        return dialog;
     };
     DefaultDialogService.prototype.getAllDialogs = function () {
         return Array.from(DefaultDialogService.openDialogs);
@@ -6008,11 +6248,11 @@ var DefaultDialogService = /** @class */ (function () {
 }());
 
 var default_dialog_service_DefaultDialog = /** @class */ (function () {
-    function DefaultDialog(options) {
+    function DefaultDialog(options, data) {
         var _this = this;
         this.options = options;
-        this.submitHandler = function () {
-            if (_this.options.onSubmit && _this.options.onSubmit() === false) {
+        this.submitHandler = function (token) {
+            if (_this.options.onSubmit && _this.options.onSubmit(_this, token) === false) {
                 return false;
             }
             _this.destroy();
@@ -6020,7 +6260,7 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
         };
         this.cancelHandler = function () {
             if (_this.options.onCancel) {
-                _this.options.onCancel();
+                _this.options.onCancel(_this);
             }
             _this.destroy();
         };
@@ -6035,11 +6275,12 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
             }
             return true;
         };
-        var id = public_api["h" /* utils */].generateId('dlg');
+        this.dialogId = public_api["i" /* utils */].generateId('dlg');
+        this.data = data;
         this.slot =
             domel('div', document.body)
                 .attr('tab-index', '-1')
-                .data('dialog-id', id)
+                .data('dialog-id', this.dialogId)
                 .addClass(default_dialog_service_cssPrefix + "-modal", 'is-active')
                 .focus()
                 .addChild('div', function (b) { return b
@@ -6060,36 +6301,68 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
                         _this.cancelHandler();
                     })
                         .focus(); });
+            })
+                .addChild('div', function (b) {
+                b.addClass(default_dialog_service_cssPrefix + "-alert-container");
+                _this.alertElement = b.toDOM();
             })
                 .addChild('section', function (b) {
                 _this.bodyElement = b
                     .addClass(default_dialog_service_cssPrefix + "-body")
                     .toDOM();
                 if (typeof options.body === 'string') {
-                    b.addHtml(options.body);
+                    var html = public_api["h" /* liquid */].renderLiquidTemplate(options.body, data);
+                    b.addHtml(html);
                 }
                 else {
                     b.addChildElement(options.body);
                 }
             })
-                .addChild('div', function (b) { return _this.alertElement = b
-                .addClass(default_dialog_service_cssPrefix + "-alert-container")
-                .toDOM(); })
                 .addChild('footer', function (b) {
+                var alignClass = null;
+                if (options.footerAlignment && options.footerAlignment == DialogFooterAlignment.Center) {
+                    alignClass = 'align-center';
+                }
+                else {
+                    alignClass = 'align-right';
+                }
                 _this.footerElement = b
-                    .addClass(default_dialog_service_cssPrefix + "-footer", 'align-right')
+                    .addClass(default_dialog_service_cssPrefix + "-footer")
                     .toDOM();
+                b.addClass(alignClass);
                 if (options.submitable === false)
                     return;
-                b.addChild('button', function (b) { return b
-                    .addClass('kfrm-button', 'is-info')
-                    .addText(options.submitButtonText || public_api["g" /* i18n */].getText('ButtonOK'))
-                    .on('click', function (e) {
-                    _this.submitHandler();
-                })
-                    .focus(); });
+                b.addChild('button', function (bb) {
+                    bb.id(_this.dialogId + '-btn-submit')
+                        .addClass('kfrm-button', 'is-info')
+                        .addText(options.submitButtonText || public_api["g" /* i18n */].getText('ButtonOK'));
+                    if (options.recaptchaSiteKey) {
+                        bb.data('sitekey', options.recaptchaSiteKey);
+                        bb.addClass('g-recaptcha');
+                        bb.on('click', function (e) {
+                            if (grecaptcha) {
+                                grecaptcha.ready(function () {
+                                    grecaptcha.execute(options.recaptchaSiteKey, { action: 'submit' })
+                                        .then(function (token) {
+                                        _this.submitHandler(token);
+                                    });
+                                });
+                            }
+                            else {
+                                _this.submitHandler();
+                            }
+                        });
+                    }
+                    else {
+                        bb.on('click', function (e) {
+                            _this.submitHandler();
+                        });
+                    }
+                    bb.focus();
+                });
                 if (options.cancelable !== false)
-                    b.addChild('button', function (builder) { return builder
+                    b.addChild('button', function (bb) { return bb
+                        .id(_this.dialogId + '-btn-cancel')
                         .addClass('kfrm-button')
                         .addText(options.cancelButtonText || public_api["g" /* i18n */].getText('ButtonCancel'))
                         .on('click', function (e) {
@@ -6099,12 +6372,22 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
                 .toDOM(); })
                 .toDOM();
     }
+    DefaultDialog.prototype.getData = function () {
+        return this.data;
+    };
     DefaultDialog.prototype.getRootElement = function () {
         return this.slot;
     };
+    DefaultDialog.prototype.getSubmitButtonElement = function () {
+        return document.getElementById(this.dialogId + '-btn-submit');
+    };
+    DefaultDialog.prototype.getCancelButtonElement = function () {
+        return document.getElementById(this.dialogId + '-btn-cancel');
+    };
     DefaultDialog.prototype.open = function () {
+        var _this = this;
         if (this.options.beforeOpen) {
-            this.options.beforeOpen();
+            this.options.beforeOpen(this);
         }
         domel(this.slot).show();
         if (this.options.arrangeParents) {
@@ -6125,6 +6408,19 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
         if (this.options.submitOnEnter) {
             window.addEventListener('keydown', this.keydownHandler, false);
         }
+        //clear alert on change in any input element 
+        this.slot.querySelectorAll('input')
+            .forEach(function (element) {
+            return element.addEventListener('input', function () {
+                _this.clearAlert();
+                if (_this.options.onInput) {
+                    _this.options.onInput(_this);
+                }
+            });
+        });
+        if (this.options.onShow) {
+            this.options.onShow(this);
+        }
     };
     DefaultDialog.prototype.submit = function () {
         this.submitHandler();
@@ -6164,6 +6460,9 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
         this.alertElement.innerHTML = '';
     };
     DefaultDialog.prototype.destroy = function () {
+        var elem = document.querySelectorAll("[data-dialog-id=\"" + this.dialogId + "\"]");
+        if (elem.length <= 0)
+            return;
         if (this.options.arrangeParents) {
             this.arrangeParents(false);
         }
@@ -6172,7 +6471,7 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
             window.removeEventListener('keydown', this.keydownHandler, false);
         }
         if (this.options.onDestroy) {
-            this.options.onDestroy();
+            this.options.onDestroy(this);
         }
     };
     DefaultDialog.prototype.isActiveDialog = function () {
@@ -6200,7 +6499,7 @@ var default_dialog_service_DefaultDialog = /** @class */ (function () {
 
 var default_dialog_service_DefaultProgressDialog = /** @class */ (function (_super) {
     default_dialog_service_extends(DefaultProgressDialog, _super);
-    function DefaultProgressDialog(options) {
+    function DefaultProgressDialog(options, data) {
         var _this = this;
         var contentElement;
         var progressElement;
@@ -6235,7 +6534,7 @@ var default_dialog_service_DefaultProgressDialog = /** @class */ (function (_sup
             cancelable: false,
             closable: false,
             onDestroy: options.onDestroy
-        }) || this;
+        }, data) || this;
         _this.contentElement = contentElement;
         _this.progressElement = progressElement;
         return _this;
@@ -6264,8 +6563,55 @@ var default_dialog_service_DefaultProgressDialog = /** @class */ (function (_sup
     return DefaultProgressDialog;
 }(default_dialog_service_DefaultDialog));
 
+var DefaultDialogSet = /** @class */ (function () {
+    function DefaultDialogSet(options, dialogService) {
+        this.options = options;
+        this.dialogService = dialogService;
+        this.currentDialog = null;
+        this.currentIndex = 0;
+        this.options = options;
+        this.dialogService = dialogService;
+    }
+    DefaultDialogSet.prototype.getCurrent = function () {
+        return this.currentDialog;
+    };
+    DefaultDialogSet.prototype.openNext = function (data) {
+        return this.open(this.currentIndex + 1, data);
+    };
+    DefaultDialogSet.prototype.openPrev = function (data) {
+        return this.open(this.currentIndex - 1, data);
+    };
+    DefaultDialogSet.prototype.open = function (page, data) {
+        if (page < 0) {
+            this.currentIndex = 0;
+        }
+        else if (page >= this.options.length) {
+            this.currentIndex = this.options.length - 1;
+        }
+        else {
+            this.currentIndex = page;
+        }
+        if (this.currentDialog) {
+            try {
+                this.currentDialog.close();
+            }
+            catch (e) { }
+        }
+        var dlgOptions = this.options[this.currentIndex];
+        this.currentDialog = this.dialogService.open(dlgOptions, data);
+        return this.currentDialog;
+    };
+    DefaultDialogSet.prototype.close = function () {
+        if (this.currentDialog) {
+            this.currentDialog.close();
+            this.currentDialog = null;
+        }
+    };
+    return DefaultDialogSet;
+}());
+
 //# sourceMappingURL=default_dialog_service.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/i18n/text_resources.js
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/i18n/text_resources.js
 
 function addEasyDataUITexts() {
     public_api["g" /* i18n */].updateDefaultTexts({
@@ -6280,56 +6626,12 @@ function addEasyDataUITexts() {
 }
 addEasyDataUITexts();
 //# sourceMappingURL=text_resources.js.map
-// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/public_api.js
-/* unused harmony export dialogs */
-/* concated harmony reexport EasyGrid */__webpack_require__.d(__webpack_exports__, "e", function() { return easy_grid_EasyGrid; });
-/* unused concated harmony import GridColumnAlign */
-/* unused concated harmony import GridColumn */
-/* unused concated harmony import GridColumnList */
-/* unused concated harmony import DFMT_REGEX */
-/* unused concated harmony import CellRendererType */
-/* unused concated harmony import GridCellRendererStore */
-/* unused concated harmony import Calendar */
-/* unused concated harmony import DateTimePicker */
-/* unused concated harmony import DefaultCalendar */
-/* concated harmony reexport DefaultDateTimePicker */__webpack_require__.d(__webpack_exports__, "a", function() { return default_date_time_picker_DefaultDateTimePicker; });
-/* unused concated harmony import DefaultTimePicker */
-/* unused concated harmony import TimePicker */
-/* unused concated harmony import browserUtils */
-/* concated harmony reexport DomElementBuilder */__webpack_require__.d(__webpack_exports__, "c", function() { return DomElementBuilder; });
-/* unused concated harmony import DomTextAreaElementBuilder */
-/* unused concated harmony import DomInputElementBuilder */
-/* unused concated harmony import DomSelectElementBuilder */
-/* concated harmony reexport domel */__webpack_require__.d(__webpack_exports__, "i", function() { return domel; });
-/* concated harmony reexport DropEffect */__webpack_require__.d(__webpack_exports__, "d", function() { return DropEffect; });
-/* unused concated harmony import EqDragEvent */
-/* unused concated harmony import DragManager */
-/* concated harmony reexport eqDragManager */__webpack_require__.d(__webpack_exports__, "j", function() { return eqDragManager; });
-/* unused concated harmony import mask */
-/* unused concated harmony import wrapInner */
-/* concated harmony reexport addElement */__webpack_require__.d(__webpack_exports__, "g", function() { return addElement; });
-/* concated harmony reexport addCssClass */__webpack_require__.d(__webpack_exports__, "f", function() { return addCssClass; });
-/* concated harmony reexport hideElement */__webpack_require__.d(__webpack_exports__, "o", function() { return hideElement; });
-/* concated harmony reexport showElement */__webpack_require__.d(__webpack_exports__, "q", function() { return showElement; });
-/* concated harmony reexport toggleVisibility */__webpack_require__.d(__webpack_exports__, "t", function() { return toggleVisibility; });
-/* concated harmony reexport isVisible */__webpack_require__.d(__webpack_exports__, "p", function() { return isVisible; });
-/* concated harmony reexport createBrowserEvent */__webpack_require__.d(__webpack_exports__, "h", function() { return createBrowserEvent; });
-/* concated harmony reexport getViewportSize */__webpack_require__.d(__webpack_exports__, "m", function() { return getViewportSize; });
-/* unused concated harmony import getDocSize */
-/* concated harmony reexport getScrollPos */__webpack_require__.d(__webpack_exports__, "l", function() { return getScrollPos; });
-/* concated harmony reexport getElementAbsolutePos */__webpack_require__.d(__webpack_exports__, "k", function() { return getElementAbsolutePos; });
-/* concated harmony reexport getWinSize */__webpack_require__.d(__webpack_exports__, "n", function() { return getWinSize; });
-/* concated harmony reexport slideDown */__webpack_require__.d(__webpack_exports__, "r", function() { return slideDown; });
-/* concated harmony reexport slideUp */__webpack_require__.d(__webpack_exports__, "s", function() { return slideUp; });
-/* unused concated harmony import eqCssPrefix */
-/* unused concated harmony import eqCssMobile */
-/* concated harmony reexport DefaultDialogService */__webpack_require__.d(__webpack_exports__, "b", function() { return DefaultDialogService; });
-/* unused concated harmony import DefaultDialog */
-/* unused concated harmony import DefaultProgressDialog */
+// CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/public_api.js
 // grid
 
 
 
+
 //datetimepicker
 
 
@@ -6347,6 +6649,7 @@ addEasyDataUITexts();
 
 
 
+
 // export dialogs to use outside of context as global
 var dialogs = new DefaultDialogService();
 
@@ -6571,15 +6874,81 @@ var browserUtils;
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/core/dist/lib/public_api.js + 20 modules
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "EntitiesPanel", function() { return /* reexport */ entities_panel_EntitiesPanel; });
+__webpack_require__.d(__webpack_exports__, "ColumnsPanel", function() { return /* reexport */ columns_panel_ColumnsPanel; });
+__webpack_require__.d(__webpack_exports__, "ColumnsBar", function() { return /* reexport */ columns_bar_ColumnsBar; });
+__webpack_require__.d(__webpack_exports__, "SortingBar", function() { return /* reexport */ sorting_bar_SortingBar; });
+__webpack_require__.d(__webpack_exports__, "QueryPanel", function() { return /* reexport */ query_panel_QueryPanel; });
+__webpack_require__.d(__webpack_exports__, "FilterBar", function() { return /* reexport */ filter_bar_FilterBar; });
+__webpack_require__.d(__webpack_exports__, "HtmlContentWidget", function() { return /* reexport */ html_content_widget_HtmlContentWidget; });
+__webpack_require__.d(__webpack_exports__, "EqHtmlGrid", function() { return /* reexport */ eq_result_html_grid_EqHtmlGrid; });
+__webpack_require__.d(__webpack_exports__, "Grid", function() { return /* reexport */ grid_Grid; });
+__webpack_require__.d(__webpack_exports__, "EasyGridWidget", function() { return /* reexport */ easy_grid_widget_EasyGridWidget; });
+__webpack_require__.d(__webpack_exports__, "StatementPanel", function() { return /* reexport */ statement_panel_StatementPanel; });
+__webpack_require__.d(__webpack_exports__, "ProcessWidget", function() { return /* reexport */ process_widget_ProcessWidget; });
+__webpack_require__.d(__webpack_exports__, "ManageDrillDownWidget", function() { return /* reexport */ manage_drilldown_widget_ManageDrillDownWidget; });
+__webpack_require__.d(__webpack_exports__, "ResultFacetsPanel", function() { return /* reexport */ result_facets_panel_ResultFacetsPanel; });
+__webpack_require__.d(__webpack_exports__, "ExportWidget", function() { return /* reexport */ export_widget_ExportWidget; });
+__webpack_require__.d(__webpack_exports__, "AggregationBar", function() { return /* reexport */ aggregation_bar_AggregationBar; });
+__webpack_require__.d(__webpack_exports__, "ChartType", function() { return /* reexport */ ChartType; });
+__webpack_require__.d(__webpack_exports__, "ChartWidget", function() { return /* reexport */ chart_widget_ChartWidget; });
+__webpack_require__.d(__webpack_exports__, "GoogleChartWidget", function() { return /* reexport */ chart_widget_google_GoogleChartWidget; });
+__webpack_require__.d(__webpack_exports__, "ChartJsWidget", function() { return /* reexport */ chart_widget_chartjs_ChartJsWidget; });
+__webpack_require__.d(__webpack_exports__, "BaseElementRenderer", function() { return /* reexport */ base_element_renderer_BaseElementRenderer; });
+__webpack_require__.d(__webpack_exports__, "DropDownRenderer", function() { return /* reexport */ DropDownRenderer; });
+__webpack_require__.d(__webpack_exports__, "AggrSettingsRenderer", function() { return /* reexport */ aggr_settings_renderer_AggrSettingsRenderer; });
+__webpack_require__.d(__webpack_exports__, "AggrFuncColumnRendererCB", function() { return /* reexport */ aggrfunc_column_renderer_AggrFuncColumnRendererCB; });
+__webpack_require__.d(__webpack_exports__, "SimpleColumnRendererCB", function() { return /* reexport */ simple_column_renderer_SimpleColumnRendererCB; });
+__webpack_require__.d(__webpack_exports__, "ColumnRendererCB", function() { return /* reexport */ column_renderer_cb_ColumnRendererCB; });
+__webpack_require__.d(__webpack_exports__, "AggrFuncColumnRendererCP", function() { return /* reexport */ aggrfunc_column_renderer_AggrFuncColumnRendererCP; });
+__webpack_require__.d(__webpack_exports__, "SimpleColumnRendererCP", function() { return /* reexport */ simple_column_renderer_SimpleColumnRendererCP; });
+__webpack_require__.d(__webpack_exports__, "ColumnAction", function() { return /* reexport */ ColumnAction; });
+__webpack_require__.d(__webpack_exports__, "ColumnRendererCP", function() { return /* reexport */ column_renderer_cp_ColumnRendererCP; });
+__webpack_require__.d(__webpack_exports__, "CustomSqlColumnRendererCP", function() { return /* reexport */ customsql_column_renderer_CustomSqlColumnRendererCP; });
+__webpack_require__.d(__webpack_exports__, "InputExpressionRenderer", function() { return /* reexport */ input_expression_renderer_InputExpressionRenderer; });
+__webpack_require__.d(__webpack_exports__, "DateTimeExpressionRenderer", function() { return /* reexport */ datetime_expression_render_DateTimeExpressionRenderer; });
+__webpack_require__.d(__webpack_exports__, "ConditionAction", function() { return /* reexport */ ConditionAction; });
+__webpack_require__.d(__webpack_exports__, "ConditionRenderer", function() { return /* reexport */ condition_renderer_ConditionRenderer; });
+__webpack_require__.d(__webpack_exports__, "SimpleConditionRenderer", function() { return /* reexport */ condition_renderer_SimpleConditionRenderer; });
+__webpack_require__.d(__webpack_exports__, "ConditionGroupRenderer", function() { return /* reexport */ condition_group_renderer_ConditionGroupRenderer; });
+__webpack_require__.d(__webpack_exports__, "ConditionGroupRowRenderer", function() { return /* reexport */ condition_group_renderer_ConditionGroupRowRenderer; });
+__webpack_require__.d(__webpack_exports__, "AttributeExpressionRenderer", function() { return /* reexport */ attribute_expression_renderer_AttributeExpressionRenderer; });
+__webpack_require__.d(__webpack_exports__, "ExpressionRenderer", function() { return /* reexport */ expression_renderer_ExpressionRenderer; });
+__webpack_require__.d(__webpack_exports__, "OperatorRenderer", function() { return /* reexport */ operator_renderer_OperatorRenderer; });
+__webpack_require__.d(__webpack_exports__, "SubQueryExpressionRenderer", function() { return /* reexport */ subquery_expression_renderer_SubQueryExpressionRenderer; });
+__webpack_require__.d(__webpack_exports__, "ListExpressionRenderer", function() { return /* reexport */ list_expression_renderer_ListExpressionRenderer; });
+__webpack_require__.d(__webpack_exports__, "CustomListExpressionRenderer", function() { return /* reexport */ list_expression_renderer_CustomListExpressionRenderer; });
+__webpack_require__.d(__webpack_exports__, "SqlListExpressionRenderer", function() { return /* reexport */ SqlListExpressionRenderer; });
+__webpack_require__.d(__webpack_exports__, "TextRenderer", function() { return /* reexport */ text_renderer_TextRenderer; });
+__webpack_require__.d(__webpack_exports__, "AddRowRenderer", function() { return /* reexport */ addrow_renderer_AddRowRenderer; });
+__webpack_require__.d(__webpack_exports__, "ResultFacet", function() { return /* reexport */ result_facet_ResultFacet; });
+__webpack_require__.d(__webpack_exports__, "DataTableFacet", function() { return /* reexport */ datatable_facet_DataTableFacet; });
+__webpack_require__.d(__webpack_exports__, "ChartFacet", function() { return /* reexport */ chart_facet_ChartFacet; });
+__webpack_require__.d(__webpack_exports__, "PivotTableFacet", function() { return /* reexport */ pivot_table_facet_PivotTableFacet; });
+__webpack_require__.d(__webpack_exports__, "View", function() { return /* reexport */ view_View; });
+__webpack_require__.d(__webpack_exports__, "AdvancedSearchView", function() { return /* reexport */ adv_search_view_AdvancedSearchView; });
+__webpack_require__.d(__webpack_exports__, "DataFilterView", function() { return /* reexport */ data_filter_view_DataFilterView; });
+__webpack_require__.d(__webpack_exports__, "HtmlDataFilterView", function() { return /* reexport */ html_data_filter_view_HtmlDataFilterView; });
+__webpack_require__.d(__webpack_exports__, "ReportView", function() { return /* reexport */ report_view_ReportView; });
+__webpack_require__.d(__webpack_exports__, "DomDropDownElementBuilder", function() { return /* reexport */ DomDropDownElementBuilder; });
+__webpack_require__.d(__webpack_exports__, "dropdown", function() { return /* reexport */ dropdown; });
+__webpack_require__.d(__webpack_exports__, "PopupMenu", function() { return /* reexport */ popup_menu_PopupMenu; });
+__webpack_require__.d(__webpack_exports__, "QPEditablePart", function() { return /* reexport */ QPEditablePart; });
+__webpack_require__.d(__webpack_exports__, "FacetType", function() { return /* reexport */ FacetType; });
+__webpack_require__.d(__webpack_exports__, "ExportDialog", function() { return /* reexport */ export_dialog_ExportDialog; });
+__webpack_require__.d(__webpack_exports__, "AggrSettingsDialog", function() { return /* reexport */ aggr_settings_dialog_AggrSettingsDialog; });
+
+// EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/public_api.js + 21 modules
 var public_api = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "easyqueryCore"
 var external_easyqueryCore_ = __webpack_require__(2);
 
-// EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/30/s/easydata/easydata.js/packs/ui/dist/lib/public_api.js + 15 modules
+// EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/public_api.js + 17 modules
 var lib_public_api = __webpack_require__(1);
 
 // EXTERNAL MODULE: ./src/utils/utils.ts
@@ -6692,7 +7061,7 @@ var entities_panel_EntitiesPanel = /** @class */ (function (_super) {
             columnTitleFormat: '{attr}'
         };
         if (options) {
-            public_api["h" /* utils */].assignDeep(this.options, options);
+            public_api["i" /* utils */].assignDeep(this.options, options);
         }
         if (this.queryChangedCallbackId) {
             var query = this.context.getQuery();
@@ -7722,13 +8091,13 @@ var popup_menu_MenuLevel = /** @class */ (function () {
         for (var i = 0; i < items.length; i++) {
             var item = items[i];
             if (item.items) {
-                var groupItem = public_api["h" /* utils */].assign({}, item);
+                var groupItem = public_api["i" /* utils */].assign({}, item);
                 var groupItemMatches = this.matchesFilter(item.text, filterRegexp);
                 //if we have only one filter section (or an empty filter)
                 if (filterSections.length < 2) {
                     //if current group item matches the filter -> show all sub-items
                     if (groupItemMatches && filterSections.length < 2) {
-                        groupItem.items = public_api["h" /* utils */].createArrayFrom(item.items);
+                        groupItem.items = public_api["i" /* utils */].createArrayFrom(item.items);
                     }
                     else {
                         groupItem.items = this.filterItems(item.items, restFilterSections);
@@ -8242,7 +8611,7 @@ var popup_menu_PopupMenu = /** @class */ (function () {
             itemRenderedCallback: null
         };
         if (options) {
-            public_api["h" /* utils */].assignDeep(this.options, options);
+            public_api["i" /* utils */].assignDeep(this.options, options);
         }
         if (this.options.hideButtons) {
             this.options.submitOnBlur = true;
@@ -8535,7 +8904,14 @@ var DisplayFormatParser = /** @class */ (function () {
 }());
 
 
-// CONCATENATED MODULE: ./src/widgets/renderers/columnspanel/column_renderer.ts
+// CONCATENATED MODULE: ./src/widgets/renderers/columnspanel/column_renderer_cp.ts
+var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
 
 
 
@@ -8558,7 +8934,7 @@ var ColumnAction;
     ColumnAction[ColumnAction["Type"] = 11] = "Type";
     ColumnAction[ColumnAction["Format"] = 12] = "Format";
 })(ColumnAction || (ColumnAction = {}));
-var column_renderer_ColumnRendererCP = /** @class */ (function () {
+var column_renderer_cp_ColumnRendererCP = /** @class */ (function () {
     function ColumnRendererCP(panel, column, slot) {
         this.functionMenu = null;
         this.formatsMenu = null;
@@ -8934,7 +9310,7 @@ var column_renderer_ColumnRendererCP = /** @class */ (function () {
     };
     ColumnRendererCP.prototype.renderColumnTypeButton = function () {
         var _this = this;
-        return (this.isEditable() && this.panel.options.allowAggrColumns !== false && !this.column.getQuery().enableAggregation)
+        return (this.isEditable() && this.panel.options.allowAggrColumns !== false)
             ? Object(lib_public_api["i" /* domel */])('div')
                 .addClass(utils["b" /* eqCssPrefix */] + "-button-placeholder", this.cssPrefix + "-button-placeholder", this.cssPrefix + "-typebutton-placeholder", this.cssPrefix + "-button-active")
                 .data("btnplaceholder", "")
@@ -9276,7 +9652,7 @@ var column_renderer_ColumnRendererCP = /** @class */ (function () {
                 text: ' ',
                 items: common
             });
-            var sortItems = this.panel.options.allowSorting ? this.panel.getSortMenuList().concat(this.panel.getMoveMenuList()) :
+            var sortItems = this.panel.options.allowSorting ? __spreadArrays(this.panel.getSortMenuList(), this.panel.getMoveMenuList()) :
                 this.panel.getMoveMenuList();
             items.push({
                 id: '__group',
@@ -9285,7 +9661,7 @@ var column_renderer_ColumnRendererCP = /** @class */ (function () {
             });
             var extra = this.getExtraButtonMenuItems();
             if (extra && Array.isArray(extra)) {
-                items = items.concat(extra);
+                items = __spreadArrays(items, extra);
             }
             var formatItems = this.getFormatsMenuItems();
             if (formatItems.length > 1) {
@@ -9526,7 +9902,7 @@ var simple_column_renderer_SimpleColumnRendererCP = /** @class */ (function (_su
             }];
     };
     return SimpleColumnRendererCP;
-}(column_renderer_ColumnRendererCP));
+}(column_renderer_cp_ColumnRendererCP));
 
 
 // CONCATENATED MODULE: ./src/widgets/renderers/columnspanel/aggrfunc_column_renderer.ts
@@ -10266,7 +10642,7 @@ var columns_panel_ColumnsPanel = /** @class */ (function (_super) {
         }, 10);
     };
     ColumnsPanel.prototype.setOptions = function (options) {
-        public_api["h" /* utils */].assignDeep(this.options, options);
+        public_api["i" /* utils */].assignDeep(this.options, options);
         if (browser_utils["a" /* browserUtils */].isMobileMode()) {
             this.options.buttons = ["menu"];
             this.options.showHeader = false;
@@ -10299,11 +10675,12 @@ var columns_panel_ColumnsPanel = /** @class */ (function (_super) {
                 this.columnsBlock.appendChild(this.renderColumn(column));
             }
         }
-        catch (e) {
+        catch (err) {
+            var error = err;
             this.context.throwError({
                 action: "ColumnsPanel rendering",
-                text: e.message,
-                sourceError: e
+                text: error.message,
+                sourceError: error
             });
         }
     };
@@ -10516,7 +10893,7 @@ var columns_panel_ColumnsPanel = /** @class */ (function (_super) {
             adjustHeight: this.options.adjustEntitiesMenuHeight,
             domWriteItemsId: this.options.domWriteItemsId
         };
-        public_api["h" /* utils */].assign(options, this.options.menuOptions);
+        public_api["i" /* utils */].assign(options, this.options.menuOptions);
         this.entitiesMenu = new popup_menu_PopupMenu(options);
     };
     ColumnsPanel.prototype.getSortMenuList = function () {
@@ -10550,7 +10927,7 @@ var columns_panel_ColumnsPanel = /** @class */ (function (_super) {
             domWriteItemsId: this.options.domWriteItemsId,
             showSelected: true
         };
-        public_api["h" /* utils */].assign(menuOptions, this.options.menuOptions);
+        public_api["i" /* utils */].assign(menuOptions, this.options.menuOptions);
         menuOptions.searchBoxAlwaysShown = false;
         this.sortMenu = new popup_menu_PopupMenu(menuOptions);
     };
@@ -10562,7 +10939,7 @@ var columns_panel_ColumnsPanel = /** @class */ (function (_super) {
         if (menuId) {
             menuId += '-MoveMenu';
         }
-        var items = public_api["h" /* utils */].createArrayFrom(this.getMoveMenuList());
+        var items = public_api["i" /* utils */].createArrayFrom(this.getMoveMenuList());
         if (this.options.allowHiddenColumns) {
             items.push({ id: '---', text: '---' });
             items.push({ id: 'IsHidden', text: public_api["g" /* i18n */].getText('CmdHiddenColumn') });
@@ -10573,7 +10950,7 @@ var columns_panel_ColumnsPanel = /** @class */ (function (_super) {
             domWriteItemsId: this.options.domWriteItemsId,
             showSelected: true
         };
-        public_api["h" /* utils */].assign(menuOptions, this.options.menuOptions);
+        public_api["i" /* utils */].assign(menuOptions, this.options.menuOptions);
         this.moveMenu = new popup_menu_PopupMenu(menuOptions);
         menuOptions.searchBoxAlwaysShown = false;
     };
@@ -10647,14 +11024,14 @@ var columns_panel_ColumnsPanel = /** @class */ (function (_super) {
 }(external_easyqueryCore_["Widget"]));
 
 
-// CONCATENATED MODULE: ./src/widgets/renderers/columnsbar/column_renderer.ts
+// CONCATENATED MODULE: ./src/widgets/renderers/columnsbar/column_renderer_cb.ts
 
 
 
 
 
 
-var column_renderer_ColumnRendererCB = /** @class */ (function () {
+var column_renderer_cb_ColumnRendererCB = /** @class */ (function () {
     function ColumnRendererCB(panel, column, slot) {
         this.functionMenu = null;
         this.formatsMenu = null;
@@ -10954,6 +11331,7 @@ var column_renderer_ColumnRendererCB = /** @class */ (function () {
             .toDOM();
     };
     ColumnRendererCB.prototype.getDefaultCaption = function () {
+        console.log('Calling getDefaultCaption() BASE');
         return this.getDefaultTitleText(this.baseAttr);
     };
     ColumnRendererCB.prototype.getDefaultTitleText = function (attr) {
@@ -10972,7 +11350,7 @@ var column_renderer_ColumnRendererCB = /** @class */ (function () {
     ColumnRendererCB.prototype.buttonTypeClickHandler = function (ev) {
         ev.stopPropagation();
         this.keepShowingButtons = true;
-        this.changeTypeHandler(ev);
+        this.changeColumnTypeHandler(ev);
         return false;
     };
     ColumnRendererCB.prototype.buttonFormatClickHandler = function (ev) {
@@ -11023,8 +11401,7 @@ var column_renderer_ColumnRendererCB = /** @class */ (function () {
     };
     ColumnRendererCB.prototype.renderColumnTypeButton = function () {
         var _this = this;
-        if (!this.isEditable() || this.bar.options.allowAggrColumns === false
-            || this.column.getQuery().enableAggregation) {
+        if (!this.isEditable() || this.bar.options.allowAggrColumns === false) {
             return null;
         }
         return Object(lib_public_api["i" /* domel */])('div')
@@ -11060,9 +11437,6 @@ var column_renderer_ColumnRendererCB = /** @class */ (function () {
     ColumnRendererCB.prototype.onMouseClick = function (ev) {
         this.bar.toggleColumnPicked(this.column);
         this.adjustButtonsVisibility();
-        // if (!browserUtils.isMobileMode()) {
-        //     this.element.dispatchEvent(createBrowserEvent("mouseenter"));
-        // }
     };
     ColumnRendererCB.prototype.onMouseEnter = function (e) {
         if (browser_utils["a" /* browserUtils */].isMobileMode())
@@ -11256,7 +11630,7 @@ var simple_column_renderer_SimpleColumnRendererCB = /** @class */ (function (_su
         query.changeColumnType(this.column, external_easyqueryCore_["ExprTag"].AggregateFunction, { funcId: funcId });
         this.fireColumnChanged();
     };
-    SimpleColumnRendererCB.prototype.changeTypeHandler = function (ev) {
+    SimpleColumnRendererCB.prototype.changeColumnTypeHandler = function (ev) {
         var _this = this;
         this.functionMenu.showMenu({
             anchor: ev.target,
@@ -11279,7 +11653,7 @@ var simple_column_renderer_SimpleColumnRendererCB = /** @class */ (function (_su
         });
     };
     return SimpleColumnRendererCB;
-}(column_renderer_ColumnRendererCB));
+}(column_renderer_cb_ColumnRendererCB));
 
 
 // CONCATENATED MODULE: ./src/widgets/renderers/columnsbar/aggrfunc_column_renderer.ts
@@ -11314,6 +11688,7 @@ var aggrfunc_column_renderer_AggrFuncColumnRendererCB = /** @class */ (function
             .getAttributeByIdSafe(this.column.expr.args[0].value);
     };
     AggrFuncColumnRendererCB.prototype.getDefaultCaption = function () {
+        console.log('Calling getDefaultCaption() AGGR');
         return this.getDefaultTitleText(this.baseAttr) + ' '
             + this.bar.getContext().getModel().getAggrFunctionCaption(this.column.expr.func);
     };
@@ -11337,7 +11712,7 @@ var aggrfunc_column_renderer_AggrFuncColumnRendererCB = /** @class */ (function
         query.changeColumnType(this.column, external_easyqueryCore_["ExprTag"].EntityAttribute);
         this.fireColumnChanged();
     };
-    AggrFuncColumnRendererCB.prototype.changeTypeHandler = function (ev) {
+    AggrFuncColumnRendererCB.prototype.changeColumnTypeHandler = function (ev) {
         this.changeTypeToSimple();
     };
     return AggrFuncColumnRendererCB;
@@ -11559,7 +11934,7 @@ var columns_bar_ColumnsBar = /** @class */ (function (_super) {
         }
     };
     ColumnsBar.prototype.setOptions = function (options) {
-        this.options = public_api["h" /* utils */].assignDeep(this.options, options);
+        this.options = public_api["i" /* utils */].assignDeep(this.options, options);
     };
     ColumnsBar.prototype.showLandingSlot = function (pageX, pageY) {
         var elements = this.columnsBlock.querySelectorAll("[class*=" + this.cssPrefix + "-row]");
@@ -11975,7 +12350,7 @@ var columns_bar_ColumnsBar = /** @class */ (function (_super) {
         }
         var entitiesList = model.getEntitiesTree({ addUIC: false, addUIR: true, addUIS: false, attrPlacement: this.options.attrPlacement, sortEntities: this.options.sortEntities });
         var options = { items: entitiesList, adjustHeight: this.options.adjustEntitiesMenuHeight, id: menuId, domWriteItemsId: this.options.domWriteItemsId };
-        public_api["h" /* utils */].assign(options, this.options.menuOptions);
+        public_api["i" /* utils */].assign(options, this.options.menuOptions);
         this.entitiesMenu = new popup_menu_PopupMenu(options);
     };
     ColumnsBar.prototype.createSortMenu = function () {
@@ -11988,7 +12363,7 @@ var columns_bar_ColumnsBar = /** @class */ (function (_super) {
         }
         var items = this.sortMenuList.concat(this.moveMenuList);
         var menuOptions = { "items": items, id: menuId, domWriteItemsId: this.options.domWriteItemsId };
-        public_api["h" /* utils */].assign(menuOptions, this.options.menuOptions);
+        public_api["i" /* utils */].assign(menuOptions, this.options.menuOptions);
         menuOptions.searchBoxAlwaysShown = false;
         this.sortMenu = new popup_menu_PopupMenu(menuOptions);
     };
@@ -12002,7 +12377,7 @@ var columns_bar_ColumnsBar = /** @class */ (function (_super) {
         }
         var items = this.moveMenuList;
         var menuOptions = { "items": items, id: menuId, domWriteItemsId: this.options.domWriteItemsId };
-        public_api["h" /* utils */].assign(menuOptions, this.options.menuOptions);
+        public_api["i" /* utils */].assign(menuOptions, this.options.menuOptions);
         this.moveMenu = new popup_menu_PopupMenu(menuOptions);
         menuOptions.searchBoxAlwaysShown = false;
     };
@@ -12067,13 +12442,13 @@ var columns_bar_ColumnsBar = /** @class */ (function (_super) {
 }(external_easyqueryCore_["Widget"]));
 
 
-// CONCATENATED MODULE: ./src/widgets/renderers/sortingbar/column_renderer.ts
+// CONCATENATED MODULE: ./src/widgets/renderers/sortingbar/column_renderer_sp.ts
 
 
 
 
 
-var column_renderer_ColumnRendererSB = /** @class */ (function () {
+var column_renderer_sp_ColumnRendererSB = /** @class */ (function () {
     function ColumnRendererSB(bar, column, slot) {
         this.functionMenu = null;
         this.isMouseOverBlock = false;
@@ -12297,7 +12672,7 @@ var sorting_bar_SortingBar = /** @class */ (function (_super) {
         this.attachQueryObserver();
     };
     SortingBar.prototype.setOptions = function (options) {
-        public_api["h" /* utils */].assignDeep(this.options, options);
+        public_api["i" /* utils */].assignDeep(this.options, options);
     };
     SortingBar.prototype.attachQueryObserver = function () {
         var _this = this;
@@ -12540,7 +12915,7 @@ var sorting_bar_SortingBar = /** @class */ (function (_super) {
         return col;
     };
     SortingBar.prototype.renderColumn = function (column, elem) {
-        var renderer = new column_renderer_ColumnRendererSB(this, column, elem);
+        var renderer = new column_renderer_sp_ColumnRendererSB(this, column, elem);
         if (renderer) {
             var columnSlot = renderer.render();
             return columnSlot;
@@ -12809,7 +13184,7 @@ var condition_renderer_SimpleConditionRenderer = /** @class */ (function (_super
         var parent = this.condition.getParent();
         if (!parent)
             return null;
-        var isFirstConditionInGroup = public_api["h" /* utils */].findItemIndexById(parent.getConditions(), this.condition.id) == 0;
+        var isFirstConditionInGroup = public_api["i" /* utils */].findItemIndexById(parent.getConditions(), this.condition.id) == 0;
         if (this.panel.options.showConjunctions && !isFirstConditionInGroup) {
             var linkTypeStr = external_easyqueryCore_["equtils"].linkTypeToStr(this.condition.getParent().linkType);
             var conjuctionText = public_api["g" /* i18n */].getText("Conj" + linkTypeStr);
@@ -13361,7 +13736,7 @@ var condition_group_renderer_ConditionGroupRowRenderer = /** @class */ (function
                 });
             }
             var linkTypeStr = external_easyqueryCore_["equtils"].linkTypeToStr(this.condition.linkType);
-            var curType_1 = public_api["h" /* utils */].findItemById(external_easyqueryCore_["eqconsts"].predicateLinkTypeList, linkTypeStr);
+            var curType_1 = public_api["i" /* utils */].findItemById(external_easyqueryCore_["eqconsts"].predicateLinkTypeList, linkTypeStr);
             if (!curType_1) {
                 curType_1 = external_easyqueryCore_["eqconsts"].predicateLinkTypeList[0];
             }
@@ -13713,13 +14088,13 @@ var input_expression_renderer_InputExpressionRenderer = /** @class */ (function
     InputExpressionRenderer.prototype.validateScalarInput = function (inputValue, result) {
         if (!inputValue)
             return;
-        if (public_api["h" /* utils */].isNumericType(this.expression.dataType)) {
+        if (public_api["i" /* utils */].isNumericType(this.expression.dataType)) {
             var parsedVal = +inputValue;
             if (isNaN(parsedVal)) {
                 result.success = false;
                 result.message = '"' + inputValue + '" ' + public_api["g" /* i18n */].getText('ErrNotNumber');
             }
-            if (public_api["h" /* utils */].isIntType(this.expression.dataType) && parsedVal != parseInt(inputValue, 10)) {
+            if (public_api["i" /* utils */].isIntType(this.expression.dataType) && parsedVal != parseInt(inputValue, 10)) {
                 result.success = false;
                 result.message = '"' + inputValue + '" ' + public_api["g" /* i18n */].getText('ErrIncorrectInteger');
             }
@@ -13873,7 +14248,7 @@ var list_expression_renderer_ListExpressionRenderer = /** @class */ (function (_
             showSelected: true
         };
         if (queryPanel) {
-            public_api["h" /* utils */].assignDeep(options, queryPanel.options.menuOptions);
+            public_api["i" /* utils */].assignDeep(options, queryPanel.options.menuOptions);
         }
         ;
         var menuId = this.element.id;
@@ -14313,10 +14688,10 @@ var operator_renderer_OperatorRenderer = /** @class */ (function (_super) {
         var options = {
             items: items,
             adjustHeight: this.panel.options.adjustEntitiesMenuHeight,
-            id: public_api["h" /* utils */].generateId('opmn'),
+            id: public_api["i" /* utils */].generateId('opmn'),
             domWriteItemsId: this.panel.options.domWriteItemsId
         };
-        public_api["h" /* utils */].assign(options, this.panel.options.menuOptions);
+        public_api["i" /* utils */].assign(options, this.panel.options.menuOptions);
         this.menu = new popup_menu_PopupMenu(options);
     };
     OperatorRenderer.prototype.getLabelText = function () {
@@ -14442,10 +14817,10 @@ var datetime_expression_render_DateTimeExpressionRenderer = /** @class */ (funct
             && ((this.panel.options.editableParts & QPEditablePart.Value) === QPEditablePart.Value);
     };
     DateTimeExpressionRenderer.prototype.convertFromInternalFormat = function (dateTime) {
-        return public_api["h" /* utils */].strToDateTime(dateTime, this.internalDateFormat + ' ' + this.internalTimeFormat);
+        return public_api["i" /* utils */].strToDateTime(dateTime, this.internalDateFormat + ' ' + this.internalTimeFormat);
     };
     DateTimeExpressionRenderer.prototype.convertToInternalFormat = function (dateTime) {
-        return public_api["h" /* utils */].dateTimeToStr(dateTime, this.internalDateFormat + ' ' + this.internalTimeFormat);
+        return public_api["i" /* utils */].dateTimeToStr(dateTime, this.internalDateFormat + ' ' + this.internalTimeFormat);
     };
     return DateTimeExpressionRenderer;
 }(expression_renderer_ExpressionRenderer));
@@ -14524,7 +14899,7 @@ var subquery_expression_renderer_SubQueryExpressionRenderer = /** @class */ (fun
             isSubQuery: true,
             domWriteItemsId: this.panel.options.domWriteItemsId
         };
-        public_api["h" /* utils */].assign(options, this.panel.options.menuOptions);
+        public_api["i" /* utils */].assign(options, this.panel.options.menuOptions);
         this.colEntitiesMenu = new popup_menu_PopupMenu(options);
     };
     SubQueryExpressionRenderer.prototype.renderColumnBlock = function () {
@@ -14621,7 +14996,7 @@ var subquery_expression_renderer_SubQueryExpressionRenderer = /** @class */ (fun
         if (this.expression.subQuery) {
             subQuery.loadFromData(this.expression.subQuery.toJSONData());
         }
-        var subOptions = public_api["h" /* utils */].assign({}, parentPanel.options);
+        var subOptions = public_api["i" /* utils */].assign({}, parentPanel.options);
         subOptions.isSubQuery = true;
         subOptions.showAddRow = true;
         subOptions.menuContainer = document.body;
@@ -15039,7 +15414,7 @@ var query_panel_QueryPanel = /** @class */ (function (_super) {
         this.render();
     };
     QueryPanel.prototype.setOptions = function (options) {
-        public_api["h" /* utils */].assignDeep(this.options, options);
+        public_api["i" /* utils */].assignDeep(this.options, options);
         // dateFormatValue & dateFormatDisplay back compatibility
         if (this.options.dateFormatValue) {
             public_api["g" /* i18n */].updateLocaleSettings({
@@ -15087,11 +15462,12 @@ var query_panel_QueryPanel = /** @class */ (function (_super) {
                     addrowRenderer.render();
             }
         }
-        catch (e) {
+        catch (err) {
+            var error = err;
             this.context.throwError({
                 action: "QueryPanel rendering",
-                text: e.message,
-                sourceError: e
+                text: error.message,
+                sourceError: error
             });
         }
     };
@@ -15221,7 +15597,7 @@ var query_panel_QueryPanel = /** @class */ (function (_super) {
             id: menuId,
             domWriteItemsId: this.options.domWriteItemsId
         };
-        public_api["h" /* utils */].assign(options, this.options.menuOptions);
+        public_api["i" /* utils */].assign(options, this.options.menuOptions);
         return new popup_menu_PopupMenu(options);
     };
     QueryPanel.prototype.showEntitiesMenu = function (options) {
@@ -15264,7 +15640,7 @@ var query_panel_QueryPanel = /** @class */ (function (_super) {
                 ;
             }
             var options = { items: items, adjustHeight: this.options.adjustEntitiesMenuHeight, id: menuId, domWriteItemsId: this.options.domWriteItemsId, showSearchBoxAfter: 100, showSelected: true };
-            public_api["h" /* utils */].assign(options, this.options.menuOptions);
+            public_api["i" /* utils */].assign(options, this.options.menuOptions);
             this.conditionMenu = new popup_menu_PopupMenu(options);
         }
         //groupMenu
@@ -15294,7 +15670,7 @@ var query_panel_QueryPanel = /** @class */ (function (_super) {
                 }
             ];
             var options = { items: items, adjustHeight: this.options.adjustEntitiesMenuHeight, id: menuId, domWriteItemsId: this.options.domWriteItemsId, showSearchBoxAfter: 100, showSelected: true };
-            public_api["h" /* utils */].assign(options, this.options.menuOptions);
+            public_api["i" /* utils */].assign(options, this.options.menuOptions);
             this.groupMenu = new popup_menu_PopupMenu(options);
         }
         //rootGroupMenu
@@ -15312,7 +15688,7 @@ var query_panel_QueryPanel = /** @class */ (function (_super) {
                 }
             ];
             var options = { items: items, adjustHeight: this.options.adjustEntitiesMenuHeight, id: menuId, domWriteItemsId: this.options.domWriteItemsId, showSearchBoxAfter: 100, showSelected: true };
-            public_api["h" /* utils */].assign(options, this.options.menuOptions);
+            public_api["i" /* utils */].assign(options, this.options.menuOptions);
             this.rootGroupMenu = new popup_menu_PopupMenu(options);
         }
     };
@@ -15329,7 +15705,7 @@ var query_panel_QueryPanel = /** @class */ (function (_super) {
             };
         });
         var options = { items: itemList, adjustHeight: this.options.adjustEntitiesMenuHeight, id: menuId, domWriteItemsId: this.options.domWriteItemsId };
-        public_api["h" /* utils */].assign(options, this.options.menuOptions);
+        public_api["i" /* utils */].assign(options, this.options.menuOptions);
         this.linkTypeMenu = new popup_menu_PopupMenu(options);
     };
     QueryPanel.prototype.toggleConditionPicked = function (condition, force) {
@@ -15443,7 +15819,7 @@ var filter_bar_FilterBar = /** @class */ (function (_super) {
         this.attachQueryObserver();
     };
     FilterBar.prototype.setOptions = function (options) {
-        this.options = public_api["h" /* utils */].assignDeep(this.options, options);
+        this.options = public_api["i" /* utils */].assignDeep(this.options, options);
     };
     FilterBar.prototype.applyBtnClick = function (ev) {
         this.applyFilter();
@@ -15760,7 +16136,7 @@ var eq_result_html_grid_EqHtmlGrid = /** @class */ (function (_super) {
         this.setOptions(options);
     };
     EqHtmlGrid.prototype.setOptions = function (options) {
-        public_api["h" /* utils */].assignDeep(this.options, options);
+        public_api["i" /* utils */].assignDeep(this.options, options);
     };
     /**
      * Refresh widget implementation
@@ -15943,7 +16319,7 @@ var grid_Grid = /** @class */ (function (_super) {
     Grid.prototype.init = function (context, options) {
         _super.prototype.init.call(this, context, options);
         if (options) {
-            public_api["h" /* utils */].assignDeep(this.options, options);
+            public_api["i" /* utils */].assignDeep(this.options, options);
         }
     };
     /**
@@ -16032,9 +16408,9 @@ var easy_grid_widget_EasyGridWidget = /** @class */ (function (_super) {
     EasyGridWidget.prototype.init = function (context, options) {
         var _this = this;
         _super.prototype.init.call(this, context, options);
-        var gridOptions = __assign({}, options, { slot: this.slot, dataTable: context.resultTable });
-        this.options = public_api["h" /* utils */].assign(this.options, options);
-        gridOptions.onAddColumnClick = function (ev) { return _this.addColumnClickHandler(ev); };
+        var gridOptions = __assign(__assign({}, options), { slot: this.slot, dataTable: context.resultTable });
+        this.options = public_api["i" /* utils */].assign(this.options, options);
+        gridOptions.onPlusButtonClick = function (ev) { return _this.addColumnClickHandler(ev); };
         gridOptions.onColumnMoved = function (ev) { return _this.columnMovedHandler(ev); };
         if (gridOptions.aggregates) {
             this.hasCustomTotalsSettings = true;
@@ -16105,7 +16481,7 @@ var easy_grid_widget_EasyGridWidget = /** @class */ (function (_super) {
         }
         var entitiesList = model.getEntitiesTree({ addUIC: false, addUIR: true, addUIS: false });
         var options = { items: entitiesList, id: menuId };
-        public_api["h" /* utils */].assign(options, this.options.menuOptions);
+        public_api["i" /* utils */].assign(options, this.options.menuOptions);
         this.entitiesMenu = new popup_menu_PopupMenu(options);
     };
     EasyGridWidget.prototype.getModel = function () {
@@ -16132,7 +16508,7 @@ var easy_grid_widget_EasyGridWidget = /** @class */ (function (_super) {
     };
     EasyGridWidget.prototype.columnMovedHandler = function (ev) {
         var query = this.getQuery();
-        var oldIndex = public_api["h" /* utils */].findItemIndexById(query.getColumns(), ev.columnId);
+        var oldIndex = public_api["i" /* utils */].findItemIndexById(query.getColumns(), ev.columnId);
         if (oldIndex >= 0) {
             query.moveColumn(oldIndex, ev.newIndex);
             query.fireChangedEvent({
@@ -16398,7 +16774,7 @@ var manage_drilldown_widget_ManageDrillDownWidget = /** @class */ (function (_su
         model.runThroughEntities(function (attr) {
             var opIdx = attr.operators.indexOf(op.id);
             if (opIdx > 0) {
-                public_api["h" /* utils */].moveArrayItem(attr.operators, opIdx, 0);
+                public_api["i" /* utils */].moveArrayItem(attr.operators, opIdx, 0);
             }
         }, null);
         this.ddQuery = new external_easyqueryCore_["Query"](model, null, {
@@ -16560,10 +16936,11 @@ var export_dialog_ExportDialog = /** @class */ (function () {
 
 // CONCATENATED MODULE: ./src/facets/result_facet.ts
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
         function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
@@ -16609,7 +16986,7 @@ var result_facet_ResultFacet = /** @class */ (function () {
         this.downloadAllClickHandler = function () {
             var resultTable = _this.getContext().resultTable;
             if (!resultTable.elasticChunks) {
-                var chunksToLoad = _this.getChunksForLoading();
+                var nextChunkStart_1 = resultTable.getCachedRows().length;
                 var recordsToLoad_1 = resultTable.getTotal() - resultTable.getCachedCount();
                 var ds = _this.getDialogService();
                 var dlg_1 = ds.openProgress({
@@ -16621,27 +16998,21 @@ var result_facet_ResultFacet = /** @class */ (function () {
                     determinated: true
                 });
                 var loadedRecords_1 = 0;
-                var _loop_1 = function (chunk) {
-                    setTimeout(function () {
-                        resultTable.getRows({ offset: chunk.offset, limit: resultTable.chunkSize })
-                            .then(function (_) {
-                            loadedRecords_1 += _.length;
-                            var progress = loadedRecords_1 / recordsToLoad_1;
-                            dlg_1.updateContent(public_api["g" /* i18n */].getText('Facets', 'LoadDataDlgContent')
-                                .replace('{loadedRecs}', "" + loadedRecords_1)
-                                .replace('{totalRecs}', "" + recordsToLoad_1));
-                            dlg_1.updateProgress(progress);
-                        })
-                            .catch(function (error) {
-                            dlg_1.submit();
-                            _this.getContext().throwError(error);
-                        });
-                    }, 10);
-                };
-                for (var _i = 0, chunksToLoad_1 = chunksToLoad; _i < chunksToLoad_1.length; _i++) {
-                    var chunk = chunksToLoad_1[_i];
-                    _loop_1(chunk);
-                }
+                setTimeout(function () {
+                    resultTable.getRows({ offset: nextChunkStart_1, limit: recordsToLoad_1 })
+                        .then(function (_) {
+                        loadedRecords_1 += _.length;
+                        var progress = loadedRecords_1 / recordsToLoad_1;
+                        dlg_1.updateContent(public_api["g" /* i18n */].getText('Facets', 'LoadDataDlgContent')
+                            .replace('{loadedRecs}', "" + loadedRecords_1)
+                            .replace('{totalRecs}', "" + recordsToLoad_1));
+                        dlg_1.updateProgress(progress);
+                    })
+                        .catch(function (error) {
+                        dlg_1.submit();
+                        _this.getContext().throwError(error);
+                    });
+                }, 10);
             }
             else {
                 var ds = _this.getDialogService();
@@ -16660,7 +17031,7 @@ var result_facet_ResultFacet = /** @class */ (function () {
                 });
             }
         };
-        public_api["h" /* utils */].assignDeep(this.options, options);
+        public_api["i" /* utils */].assignDeep(this.options, options);
     }
     ResultFacet.prototype.init = function (slot) {
         this.slot = slot;
@@ -16742,6 +17113,11 @@ var result_facet_ResultFacet = /** @class */ (function () {
         var resultTable = context.resultTable;
         return (resultTable.getCachedCount() == resultTable.getTotal());
     };
+    ResultFacet.prototype.showErrorMessage = function (message) {
+        this.displayMessageDiv.innerHTML = message;
+        this.displayMessageDiv.classList.add(this.cssPrefix + "-error-message");
+        Object(lib_public_api["i" /* domel */])(this.displayMessageDiv).show();
+    };
     ResultFacet.prototype.showUnableDisplayMessage = function (message) {
         var context = this.getContext();
         var resultTable = context.resultTable;
@@ -16785,14 +17161,13 @@ var result_facet_ResultFacet = /** @class */ (function () {
     };
     ResultFacet.prototype.loadElasticChunk = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var resultTable, chunks, lastChunk;
+            var resultTable, nextChunkStart;
             var _this = this;
             return __generator(this, function (_a) {
                 resultTable = this.getContext().resultTable;
-                chunks = resultTable.getCachedChunks();
-                lastChunk = chunks[chunks.length - 1];
+                nextChunkStart = resultTable.getCachedRows().length;
                 //next chunk
-                return [2 /*return*/, resultTable.getRows({ offset: lastChunk.offset + resultTable.chunkSize, limit: resultTable.chunkSize })
+                return [2 /*return*/, resultTable.getRows({ offset: nextChunkStart, limit: resultTable.chunkSize })
                         .then(function (_) {
                         return resultTable.totalIsKnown()
                             ? Promise.resolve()
@@ -16801,33 +17176,6 @@ var result_facet_ResultFacet = /** @class */ (function () {
             });
         });
     };
-    ResultFacet.prototype.getChunksForLoading = function () {
-        var resultTable = this.getContext().resultTable;
-        var chunkSize = resultTable.chunkSize;
-        var cachedChunks = resultTable.getCachedChunks();
-        var chunksToLoad = [];
-        if (cachedChunks[0].offset != 0) {
-            chunksToLoad.push({ offset: 0 });
-        }
-        for (var i = 1; i < cachedChunks.length; i++) {
-            var diffOffset = cachedChunks[i].offset - cachedChunks[i - 1].offset - chunkSize;
-            if (diffOffset >= chunkSize) {
-                var numbOfChunks = diffOffset / chunkSize;
-                for (var j = 1; j <= numbOfChunks; j++) {
-                    chunksToLoad.push({ offset: cachedChunks[i - 1].offset + j * chunkSize });
-                }
-            }
-        }
-        var lastChunk = cachedChunks[cachedChunks.length - 1];
-        var diff = resultTable.getTotal() - lastChunk.offset;
-        if (diff >= chunkSize) {
-            var numbOfChunks = diff / chunkSize;
-            for (var j = 1; j <= numbOfChunks; j++) {
-                chunksToLoad.push({ offset: lastChunk.offset + j * chunkSize });
-            }
-        }
-        return chunksToLoad;
-    };
     ResultFacet.prototype.onResize = function () {
     };
     return ResultFacet;
@@ -16941,7 +17289,7 @@ var chart_widget_ChartWidget = /** @class */ (function (_super) {
         this.render();
     };
     ChartWidget.prototype.setOptions = function (options) {
-        public_api["h" /* utils */].assignDeep(this.options, options);
+        public_api["i" /* utils */].assignDeep(this.options, options);
         this.supportedChartTypes = this.getSupportedChartTypes();
         if (this.supportedChartTypes.length == 0) {
             throw Error("Chart widget should support at least one chart type");
@@ -17008,7 +17356,7 @@ var chart_widget_ChartWidget = /** @class */ (function (_super) {
                 var colType = column.type;
                 var colLabel = column.label;
                 this.potentialLabelColumns.push({ idx: i, label: colLabel });
-                if (public_api["h" /* utils */].isNumericType(colType)) {
+                if (public_api["i" /* utils */].isNumericType(colType)) {
                     this.potentialDataColumns.push({ idx: i, label: colLabel });
                 }
             }
@@ -17861,21 +18209,25 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
     PivotTableFacet.prototype.init = function (slot) {
         var _this = this;
         _super.prototype.init.call(this, slot);
+        this.options.maxRowCount = this.options.maxRowCount || 500;
+        this.options.viewportRowsCount = this.options.viewportRowsCount || 50;
         this.grid = new lib_public_api["e" /* EasyGrid */]({
             slot: this.contentDiv,
             dataTable: this.pivotTable,
             paging: {
-                enabled: false
+                enabled: false,
+                pageSize: this.options.maxRowCount
             },
+            viewportRowsCount: this.options.viewportRowsCount,
             useRowNumeration: false,
-            addColumns: false,
+            showPlusButton: false,
             allowDragDrop: false,
             onGetCellRenderer: function (column, defaultRenderer) {
                 if (column.dataColumn) {
                     if (column.dataColumn.id == "total") {
                         return function (value, column, cell, rowEl) {
                             defaultRenderer(value, column, cell, rowEl);
-                            cell.style.fontWeight = '900';
+                            cell.classList.add('pivot-cell-total');
                         };
                     }
                     if (_this.settings.totalsRow) {
@@ -18120,14 +18472,14 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
     PivotTableFacet.prototype.saveToData = function () {
         var data = _super.prototype.saveToData.call(this);
         if (this.settings) {
-            public_api["h" /* utils */].assignDeep(data, this.settings);
+            public_api["i" /* utils */].assignDeep(data, this.settings);
         }
         return data;
     };
     PivotTableFacet.prototype.loadFromData = function (data) {
         _super.prototype.loadFromData.call(this, data);
         if (data) {
-            this.settings = public_api["h" /* utils */].assignDeep(this.settings, data);
+            this.settings = public_api["i" /* utils */].assignDeep(this.settings, data);
             if (this.settings.aggrFunc == 'AVERAGE') {
                 this.settings.aggrFunc = AggrFunc.Average;
             }
@@ -18136,6 +18488,18 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
     PivotTableFacet.prototype.refreshCore = function () {
         this.updatePivotData();
         if (this.grid) {
+            var dataSize = this.pivotTable.getTotal();
+            var maxRow = this.grid.options.paging.pageSize;
+            if (dataSize > maxRow) {
+                this.contentDiv.classList.remove('pivot-grid-with-totals');
+                this.showErrorMessage(public_api["g" /* i18n */].getText('Facets', 'ErrTooMuchData'));
+            }
+            if (this.options.viewportRowsCount > dataSize) {
+                this.grid.options.viewportRowsCount = dataSize;
+            }
+            else {
+                this.grid.options.viewportRowsCount = this.options.viewportRowsCount;
+            }
             this.grid.refresh();
         }
     };
@@ -18184,16 +18548,17 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
         this.pivotTable.columns.add({
             id: rowLabel + '\\' + colLabel,
             label: rowLabel + '\\' + colLabel,
+            description: '',
             type: rowType,
             dfmt: columnRow.displayFormat,
             style: columnRow.style
         });
         var null_columns = [];
         var colFieldFormatter = null;
-        if (public_api["h" /* utils */].isNumericType(columnCol.type)) {
+        if (public_api["i" /* utils */].isNumericType(columnCol.type)) {
             colFieldFormatter = this.formatNumber;
         }
-        else if (public_api["h" /* utils */].getDateDataTypes().indexOf(columnCol.type) >= 0) {
+        else if (public_api["i" /* utils */].getDateDataTypes().indexOf(columnCol.type) >= 0) {
             colFieldFormatter = this.formatDate;
         }
         for (var i = 0; i < colValues.length; i++) {
@@ -18208,6 +18573,7 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
                 this.pivotTable.columns.add({
                     id: colValue,
                     label: label,
+                    description: '',
                     dfmt: columnField.displayFormat,
                     type: this.settings.aggrFunc !== AggrFunc.Count
                         ? columnField.type : public_api["d" /* DataType */].Int64,
@@ -18237,6 +18603,7 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
             this.pivotTable.columns.add({
                 id: "total",
                 label: public_api["g" /* i18n */].getText('Facets', 'Pivot', 'TotalGridLabel'),
+                description: '',
                 dfmt: columnField.displayFormat,
                 type: this.settings.aggrFunc !== AggrFunc.Count
                     ? columnField.type : public_api["d" /* DataType */].Int64
@@ -18307,10 +18674,10 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
                 total_row.push(totalByCol);
             }
             this.pivotTable.addRow(total_row);
-            this.contentDiv.classList.add('pivot-grid-totals-row');
+            this.contentDiv.classList.add('pivot-grid-with-totals');
         }
         else {
-            this.contentDiv.classList.remove('pivot-grid-totals-row');
+            this.contentDiv.classList.remove('pivot-grid-with-totals');
         }
     };
     PivotTableFacet.prototype.calcAggrFunc = function (func, options) {
@@ -18649,7 +19016,7 @@ var result_facets_panel_ResultFacetsPanel = /** @class */ (function (_super) {
             }
             if (item.id === FacetType.Chart) {
                 return _this.context.resultTable.columns.getItems()
-                    .filter(function (col) { return public_api["h" /* utils */].isNumericType(col.type); })
+                    .filter(function (col) { return public_api["i" /* utils */].isNumericType(col.type); })
                     .length > 0;
             }
             return true;
@@ -18685,6 +19052,9 @@ var result_facets_panel_ResultFacetsPanel = /** @class */ (function (_super) {
     ResultFacetsPanel.prototype.attachQueryObserver = function () {
         var _this = this;
         var query = this.getQuery();
+        if (this.queryEventCallbackId) {
+            query.removeChangedCallback(this.queryEventCallbackId);
+        }
         this.queryEventCallbackId = query.addChangedCallback(function (event) {
             //if something has changed, and that change is related to columns
             var edata = event.data;
@@ -19053,7 +19423,7 @@ var result_facets_panel_ResultFacetsPanel = /** @class */ (function (_super) {
         }
     };
     ResultFacetsPanel.prototype.setOptions = function (options) {
-        public_api["h" /* utils */].assignDeep(this.options, options);
+        public_api["i" /* utils */].assignDeep(this.options, options);
     };
     ResultFacetsPanel.prototype.getDialogService = function () {
         return this.getContext()
@@ -19142,7 +19512,7 @@ var export_widget_ExportWidget = /** @class */ (function (_super) {
     };
     ExportWidget.prototype.init = function (context, options) {
         _super.prototype.init.call(this, context, options);
-        this.options = public_api["h" /* utils */].assignDeep(this.options, options);
+        this.options = public_api["i" /* utils */].assignDeep(this.options, options);
         this.slot.addEventListener('click', this.clickHandler);
     };
     ExportWidget.prototype.refreshCore = function () {
@@ -20103,7 +20473,7 @@ var view_View = /** @class */ (function () {
     };
     View.prototype.initOptions = function (options) {
         if (options) {
-            options = public_api["h" /* utils */].assignDeep({}, this.defaultViewOptions, options);
+            options = public_api["i" /* utils */].assignDeep({}, this.defaultViewOptions, options);
         }
         else {
             options = this.defaultViewOptions;
@@ -20114,7 +20484,7 @@ var view_View = /** @class */ (function () {
         if (!options.widgets) {
             options.widgets = {};
         }
-        this.resultOptions = public_api["h" /* utils */].assignDeep(this.resultOptions, options.result);
+        this.resultOptions = public_api["i" /* utils */].assignDeep(this.resultOptions, options.result);
         if (typeof this.resultOptions.showProcessIndicator == 'undefined') {
             this.resultOptions.showProcessIndicator = true;
         }
@@ -20136,7 +20506,7 @@ var view_View = /** @class */ (function () {
             options.widgets.columnsPanel.titleElementFormat = options.widgets.columnsPanel.titleElementFormat || options.columnTitleFormat;
         }
         options.widgets.easyGrid.paging =
-            public_api["h" /* utils */].assignDeep(this.resultOptions.paging, options.widgets.easyGrid.paging);
+            public_api["i" /* utils */].assignDeep(this.resultOptions.paging, options.widgets.easyGrid.paging);
         this.enableExport = options.enableExport || false;
         if (!options.widgets.exportWidget) {
             options.widgets.exportWidget = {};
@@ -21698,6 +22068,7 @@ var report_view_ReportView = /** @class */ (function (_super) {
         var query = self.context.getQuery();
         var reportLoaded = function () {
             _this.renderReportProps();
+            _this.context.resultTable.clear();
             query.fireChangedEvent({
                 part: external_easyqueryCore_["QueryChangePart"].All,
                 noSync: true,
@@ -21753,7 +22124,7 @@ var report_view_ReportView = /** @class */ (function (_super) {
                 var input = document.getElementById("kdlg-dialog-form-input");
                 var value = input.value;
                 if (value && value.replace(/\s/g, '').length > 0) {
-                    query.setId(public_api["h" /* utils */].generateId(value.replace(/\s/g, '')));
+                    query.setId(public_api["i" /* utils */].generateId(value.replace(/\s/g, '')));
                     dlg.clearAlert();
                     dlg.disableButtons();
                     var header_2 = dlg.getRootElement().querySelector('header');
@@ -22330,6 +22701,7 @@ function addEasyQueryUITexts() {
             TabNameLabel: 'Tab name',
             ErrQueryChanged: 'FAILED TO DISPLAY. QUERY WAS CHANGED',
             ErrNotEnoughData: "We can't display the graph because not all data for this query is loaded. \n        The total number of records: {totalRecs}, currently loaded: {cachedRecs}. \n        You can [download the result]. Please note: this may take some time and consume a lot of memory.",
+            ErrTooMuchData: 'Too much data. The grid is not able to display it',
             Chart: {
                 FacetTitle: 'Chart',
                 DlgTitle: 'Chart settings',
@@ -22415,69 +22787,6 @@ external_easyqueryCore_["EqServiceProvider"].prototype.getDialogService = functi
 };
 
 // CONCATENATED MODULE: ./src/public_api.ts
-/* concated harmony reexport EntitiesPanel */__webpack_require__.d(__webpack_exports__, "EntitiesPanel", function() { return entities_panel_EntitiesPanel; });
-/* concated harmony reexport ColumnsPanel */__webpack_require__.d(__webpack_exports__, "ColumnsPanel", function() { return columns_panel_ColumnsPanel; });
-/* concated harmony reexport ColumnsBar */__webpack_require__.d(__webpack_exports__, "ColumnsBar", function() { return columns_bar_ColumnsBar; });
-/* concated harmony reexport SortingBar */__webpack_require__.d(__webpack_exports__, "SortingBar", function() { return sorting_bar_SortingBar; });
-/* concated harmony reexport QueryPanel */__webpack_require__.d(__webpack_exports__, "QueryPanel", function() { return query_panel_QueryPanel; });
-/* concated harmony reexport FilterBar */__webpack_require__.d(__webpack_exports__, "FilterBar", function() { return filter_bar_FilterBar; });
-/* concated harmony reexport HtmlContentWidget */__webpack_require__.d(__webpack_exports__, "HtmlContentWidget", function() { return html_content_widget_HtmlContentWidget; });
-/* concated harmony reexport EqHtmlGrid */__webpack_require__.d(__webpack_exports__, "EqHtmlGrid", function() { return eq_result_html_grid_EqHtmlGrid; });
-/* concated harmony reexport Grid */__webpack_require__.d(__webpack_exports__, "Grid", function() { return grid_Grid; });
-/* concated harmony reexport EasyGridWidget */__webpack_require__.d(__webpack_exports__, "EasyGridWidget", function() { return easy_grid_widget_EasyGridWidget; });
-/* concated harmony reexport StatementPanel */__webpack_require__.d(__webpack_exports__, "StatementPanel", function() { return statement_panel_StatementPanel; });
-/* concated harmony reexport ProcessWidget */__webpack_require__.d(__webpack_exports__, "ProcessWidget", function() { return process_widget_ProcessWidget; });
-/* concated harmony reexport ManageDrillDownWidget */__webpack_require__.d(__webpack_exports__, "ManageDrillDownWidget", function() { return manage_drilldown_widget_ManageDrillDownWidget; });
-/* concated harmony reexport ResultFacetsPanel */__webpack_require__.d(__webpack_exports__, "ResultFacetsPanel", function() { return result_facets_panel_ResultFacetsPanel; });
-/* concated harmony reexport ExportWidget */__webpack_require__.d(__webpack_exports__, "ExportWidget", function() { return export_widget_ExportWidget; });
-/* concated harmony reexport AggregationBar */__webpack_require__.d(__webpack_exports__, "AggregationBar", function() { return aggregation_bar_AggregationBar; });
-/* concated harmony reexport ChartType */__webpack_require__.d(__webpack_exports__, "ChartType", function() { return ChartType; });
-/* concated harmony reexport ChartWidget */__webpack_require__.d(__webpack_exports__, "ChartWidget", function() { return chart_widget_ChartWidget; });
-/* concated harmony reexport GoogleChartWidget */__webpack_require__.d(__webpack_exports__, "GoogleChartWidget", function() { return chart_widget_google_GoogleChartWidget; });
-/* concated harmony reexport ChartJsWidget */__webpack_require__.d(__webpack_exports__, "ChartJsWidget", function() { return chart_widget_chartjs_ChartJsWidget; });
-/* concated harmony reexport BaseElementRenderer */__webpack_require__.d(__webpack_exports__, "BaseElementRenderer", function() { return base_element_renderer_BaseElementRenderer; });
-/* concated harmony reexport DropDownRenderer */__webpack_require__.d(__webpack_exports__, "DropDownRenderer", function() { return DropDownRenderer; });
-/* concated harmony reexport AggrSettingsRenderer */__webpack_require__.d(__webpack_exports__, "AggrSettingsRenderer", function() { return aggr_settings_renderer_AggrSettingsRenderer; });
-/* concated harmony reexport AggrFuncColumnRendererCB */__webpack_require__.d(__webpack_exports__, "AggrFuncColumnRendererCB", function() { return aggrfunc_column_renderer_AggrFuncColumnRendererCB; });
-/* concated harmony reexport SimpleColumnRendererCB */__webpack_require__.d(__webpack_exports__, "SimpleColumnRendererCB", function() { return simple_column_renderer_SimpleColumnRendererCB; });
-/* concated harmony reexport ColumnRendererCB */__webpack_require__.d(__webpack_exports__, "ColumnRendererCB", function() { return column_renderer_ColumnRendererCB; });
-/* concated harmony reexport AggrFuncColumnRendererCP */__webpack_require__.d(__webpack_exports__, "AggrFuncColumnRendererCP", function() { return aggrfunc_column_renderer_AggrFuncColumnRendererCP; });
-/* concated harmony reexport SimpleColumnRendererCP */__webpack_require__.d(__webpack_exports__, "SimpleColumnRendererCP", function() { return simple_column_renderer_SimpleColumnRendererCP; });
-/* concated harmony reexport ColumnAction */__webpack_require__.d(__webpack_exports__, "ColumnAction", function() { return ColumnAction; });
-/* concated harmony reexport ColumnRendererCP */__webpack_require__.d(__webpack_exports__, "ColumnRendererCP", function() { return column_renderer_ColumnRendererCP; });
-/* concated harmony reexport CustomSqlColumnRendererCP */__webpack_require__.d(__webpack_exports__, "CustomSqlColumnRendererCP", function() { return customsql_column_renderer_CustomSqlColumnRendererCP; });
-/* concated harmony reexport InputExpressionRenderer */__webpack_require__.d(__webpack_exports__, "InputExpressionRenderer", function() { return input_expression_renderer_InputExpressionRenderer; });
-/* concated harmony reexport DateTimeExpressionRenderer */__webpack_require__.d(__webpack_exports__, "DateTimeExpressionRenderer", function() { return datetime_expression_render_DateTimeExpressionRenderer; });
-/* concated harmony reexport ConditionAction */__webpack_require__.d(__webpack_exports__, "ConditionAction", function() { return ConditionAction; });
-/* concated harmony reexport ConditionRenderer */__webpack_require__.d(__webpack_exports__, "ConditionRenderer", function() { return condition_renderer_ConditionRenderer; });
-/* concated harmony reexport SimpleConditionRenderer */__webpack_require__.d(__webpack_exports__, "SimpleConditionRenderer", function() { return condition_renderer_SimpleConditionRenderer; });
-/* concated harmony reexport ConditionGroupRenderer */__webpack_require__.d(__webpack_exports__, "ConditionGroupRenderer", function() { return condition_group_renderer_ConditionGroupRenderer; });
-/* concated harmony reexport ConditionGroupRowRenderer */__webpack_require__.d(__webpack_exports__, "ConditionGroupRowRenderer", function() { return condition_group_renderer_ConditionGroupRowRenderer; });
-/* concated harmony reexport AttributeExpressionRenderer */__webpack_require__.d(__webpack_exports__, "AttributeExpressionRenderer", function() { return attribute_expression_renderer_AttributeExpressionRenderer; });
-/* concated harmony reexport ExpressionRenderer */__webpack_require__.d(__webpack_exports__, "ExpressionRenderer", function() { return expression_renderer_ExpressionRenderer; });
-/* concated harmony reexport OperatorRenderer */__webpack_require__.d(__webpack_exports__, "OperatorRenderer", function() { return operator_renderer_OperatorRenderer; });
-/* concated harmony reexport SubQueryExpressionRenderer */__webpack_require__.d(__webpack_exports__, "SubQueryExpressionRenderer", function() { return subquery_expression_renderer_SubQueryExpressionRenderer; });
-/* concated harmony reexport ListExpressionRenderer */__webpack_require__.d(__webpack_exports__, "ListExpressionRenderer", function() { return list_expression_renderer_ListExpressionRenderer; });
-/* concated harmony reexport CustomListExpressionRenderer */__webpack_require__.d(__webpack_exports__, "CustomListExpressionRenderer", function() { return list_expression_renderer_CustomListExpressionRenderer; });
-/* concated harmony reexport SqlListExpressionRenderer */__webpack_require__.d(__webpack_exports__, "SqlListExpressionRenderer", function() { return SqlListExpressionRenderer; });
-/* concated harmony reexport TextRenderer */__webpack_require__.d(__webpack_exports__, "TextRenderer", function() { return text_renderer_TextRenderer; });
-/* concated harmony reexport AddRowRenderer */__webpack_require__.d(__webpack_exports__, "AddRowRenderer", function() { return addrow_renderer_AddRowRenderer; });
-/* concated harmony reexport ResultFacet */__webpack_require__.d(__webpack_exports__, "ResultFacet", function() { return result_facet_ResultFacet; });
-/* concated harmony reexport DataTableFacet */__webpack_require__.d(__webpack_exports__, "DataTableFacet", function() { return datatable_facet_DataTableFacet; });
-/* concated harmony reexport ChartFacet */__webpack_require__.d(__webpack_exports__, "ChartFacet", function() { return chart_facet_ChartFacet; });
-/* concated harmony reexport PivotTableFacet */__webpack_require__.d(__webpack_exports__, "PivotTableFacet", function() { return pivot_table_facet_PivotTableFacet; });
-/* concated harmony reexport View */__webpack_require__.d(__webpack_exports__, "View", function() { return view_View; });
-/* concated harmony reexport AdvancedSearchView */__webpack_require__.d(__webpack_exports__, "AdvancedSearchView", function() { return adv_search_view_AdvancedSearchView; });
-/* concated harmony reexport DataFilterView */__webpack_require__.d(__webpack_exports__, "DataFilterView", function() { return data_filter_view_DataFilterView; });
-/* concated harmony reexport HtmlDataFilterView */__webpack_require__.d(__webpack_exports__, "HtmlDataFilterView", function() { return html_data_filter_view_HtmlDataFilterView; });
-/* concated harmony reexport ReportView */__webpack_require__.d(__webpack_exports__, "ReportView", function() { return report_view_ReportView; });
-/* concated harmony reexport DomDropDownElementBuilder */__webpack_require__.d(__webpack_exports__, "DomDropDownElementBuilder", function() { return DomDropDownElementBuilder; });
-/* concated harmony reexport dropdown */__webpack_require__.d(__webpack_exports__, "dropdown", function() { return dropdown; });
-/* concated harmony reexport PopupMenu */__webpack_require__.d(__webpack_exports__, "PopupMenu", function() { return popup_menu_PopupMenu; });
-/* concated harmony reexport QPEditablePart */__webpack_require__.d(__webpack_exports__, "QPEditablePart", function() { return QPEditablePart; });
-/* concated harmony reexport FacetType */__webpack_require__.d(__webpack_exports__, "FacetType", function() { return FacetType; });
-/* concated harmony reexport ExportDialog */__webpack_require__.d(__webpack_exports__, "ExportDialog", function() { return export_dialog_ExportDialog; });
-/* concated harmony reexport AggrSettingsDialog */__webpack_require__.d(__webpack_exports__, "AggrSettingsDialog", function() { return aggr_settings_dialog_AggrSettingsDialog; });