@easyquery/ui 7.2.0-rc01 → 7.2.0-rc05

package/dist/browser/eq.community.js

@@ -1,6 +1,6 @@
 /** 
- * EasyQuery.JS Community 7.2.0-rc01 (https://korzh.com/easyquery/javascript)
- * Copyright 2021 Korzh.com. All rights reserved.
+ * EasyQuery.JS Community 7.2.0-rc05 (https://korzh.com/easyquery/javascript)
+ * Copyright 2022 Korzh.com. All rights reserved.
  * 
  * EasyQuery.JS commercial licenses may be obtained at
  * https://korzh.com/easyquery/javascript#LIC or as a part of 
@@ -90,7 +90,7 @@ window["easyquery"] =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 107);
+/******/ 	return __webpack_require__(__webpack_require__.s = 108);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -157,7 +157,7 @@ var EditorTag = {
 };
 //# sourceMappingURL=editor_tag.js.map
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/http/http_method.js
-var http_method = __webpack_require__(35);
+var http_method = __webpack_require__(36);
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/core/dist/lib/http/http_request.js
 var http_request = __webpack_require__(55);
@@ -294,6 +294,7 @@ var meta_entity_MetaEntityAttr = /** @class */ (function () {
             this.lookupEntity = dto.lent;
             this.dataAttr = dto.dattr;
             this.lookupDataAttr = dto.ldattr;
+            this.defaultValue = dto.defVal;
             this.isNullable = utils["a" /* utils */].getIfDefined(dto.nul, this.isNullable);
             this.isEditable = utils["a" /* utils */].getIfDefined(dto.ied, this.isEditable);
             this.showOnView = utils["a" /* utils */].getIfDefined(dto.ivis || dto.sov, this.showOnView);
@@ -1348,10 +1349,10 @@ __webpack_require__.d(__webpack_exports__, "DialogFooterAlignment", function() {
 __webpack_require__.d(__webpack_exports__, "dialogs", function() { return /* binding */ dialogs; });
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid.js
-var easy_grid = __webpack_require__(103);
+var easy_grid = __webpack_require__(104);
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_options.js
-var easy_grid_options = __webpack_require__(37);
+var easy_grid_options = __webpack_require__(34);
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_columns.js
 var easy_grid_columns = __webpack_require__(21);
@@ -2013,7 +2014,7 @@ var default_date_time_picker_DefaultDateTimePicker = /** @class */ (function (_s
 var browser_utils = __webpack_require__(66);
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/utils/drag_manager.js
-var drag_manager = __webpack_require__(36);
+var drag_manager = __webpack_require__(37);
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/utils/mask.js
 var mask = __webpack_require__(67);
@@ -2101,6 +2102,7 @@ __webpack_require__.d(__webpack_exports__, "Operand", function() { return /* ree
 __webpack_require__.d(__webpack_exports__, "EqValueEditor", function() { return /* reexport */ value_editor["a" /* EqValueEditor */]; });
 __webpack_require__.d(__webpack_exports__, "EqAction", function() { return /* reexport */ EqAction; });
 __webpack_require__.d(__webpack_exports__, "EqModelLoader", function() { return /* reexport */ model_loader["a" /* EqModelLoader */]; });
+__webpack_require__.d(__webpack_exports__, "InMemoryModelStorage", function() { return /* reexport */ model_storage["a" /* InMemoryModelStorage */]; });
 __webpack_require__.d(__webpack_exports__, "BrowserQueryStorage", function() { return /* reexport */ query_storage["a" /* BrowserQueryStorage */]; });
 __webpack_require__.d(__webpack_exports__, "EqContext", function() { return /* reexport */ context_EqContext; });
 __webpack_require__.d(__webpack_exports__, "Widget", function() { return /* reexport */ widget_Widget; });
@@ -2407,8 +2409,9 @@ var eq_services_EqServiceProvider = /** @class */ (function () {
         this.queryFileLoader = null;
         this.aggrCalculator = null;
         this.httpClient = new public_api["HttpClient"]();
-        this.httpClient.defaultHeaders['x-eqjs-version'] = '7.1.0';
+        this.httpClient.defaultHeaders['x-eqjs-version'] = '7.2.0';
         this.modelResolver = function (_) { return new data_model["a" /* DataModel */](); };
+        this.modelStorageResolver = null;
         this.queryResolver = function (context) { return new query_query["b" /* Query */](context.getModel()); };
         this.modelLoaderResolver = function (context) { return new EqServerModelLoader(context); };
         this.queryStorageResolver = function (context) { return new query_storage["a" /* BrowserQueryStorage */](context); };
@@ -2419,6 +2422,7 @@ var eq_services_EqServiceProvider = /** @class */ (function () {
         this.aggrCalculatoResolver = function (context) { return new eq_aggr_container["a" /* DefaultAggregatesCalculator */](context); };
     }
     EqServiceProvider.prototype.reset = function () {
+        this.modelStorage = null;
         this.modelLoader = null;
         this.queryStorage = null;
         this.querySynchronizer = null;
@@ -2447,6 +2451,15 @@ var eq_services_EqServiceProvider = /** @class */ (function () {
         }
         return this.modelLoader;
     };
+    EqServiceProvider.prototype.getModelStorage = function () {
+        if (!this.modelStorage) {
+            if (!this.modelStorageResolver) {
+                throw 'ModelStorageResolver is not defined';
+            }
+            this.modelStorage = this.modelStorageResolver(this.context);
+        }
+        return this.modelStorage;
+    };
     EqServiceProvider.prototype.getQueryStorage = function () {
         if (!this.queryStorage) {
             if (!this.queryStorageResolver) {
@@ -2510,6 +2523,9 @@ var eq_services_EqServiceProvider = /** @class */ (function () {
     EqServiceProvider.prototype.registerModelLoaderResolver = function (resolver) {
         this.modelLoaderResolver = resolver;
     };
+    EqServiceProvider.prototype.registerModelStorageResolver = function (resolver) {
+        this.modelStorageResolver = resolver;
+    };
     EqServiceProvider.prototype.registerQueryStorageResolver = function (resolver) {
         this.queryStorageResolver = resolver;
     };
@@ -2608,6 +2624,9 @@ var EqAction;
     EqAction["UploadQueryFile"] = "UploadQueryFile";
 })(EqAction || (EqAction = {}));
 //# sourceMappingURL=eq_actions.js.map
+// EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/packs/core/dist/lib/main/model_storage.js
+var model_storage = __webpack_require__(103);
+
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/packs/core/dist/lib/query/query_events.js
 var query_events = __webpack_require__(14);
 
@@ -2912,10 +2931,14 @@ var context_EqContext = /** @class */ (function () {
         }
         if (options.endpoint) {
             this.baseEndpoint = options.endpoint;
-            console.warn('The `endpoint` option is deprecated and will be ignored.\n'
+            console.warn('The `endpoint` option is deprecated.\n'
                 + 'Please use `context.useEndpoint(endpointURL)` function instead.');
         }
         this.setDefaultEndpoints(this.baseEndpoint);
+        if (options.modelStorageResolver) {
+            var eqServices = this.getServices();
+            eqServices.registerModelStorageResolver(options.modelStorageResolver);
+        }
         this.loadQueryOnStart = false;
         if (options.loadQueryOnStart) {
             this.loadQueryOnStart = options.loadQueryOnStart;
@@ -3784,6 +3807,7 @@ var context_EqContext = /** @class */ (function () {
                 _this.resultContent = result;
                 if (result.resultSet) {
                     _this.resultTable.clear();
+                    _this.resultTable.id = _this.query.getId();
                     var resultSet = result.resultSet;
                     for (var _i = 0, _a = resultSet.cols; _i < _a.length; _i++) {
                         var col = _a[_i];
@@ -4260,6 +4284,7 @@ addEasyQueryCoreTexts();
 
 
 
+
 
 
 //for backward compatibility
@@ -8197,7 +8222,7 @@ var qp_editable_part = __webpack_require__(10);
 var popup_menu = __webpack_require__(9);
 
 // EXTERNAL MODULE: ./dist/lib/widgets/renderers/querypanel/condition_renderer.js
-var condition_renderer = __webpack_require__(34);
+var condition_renderer = __webpack_require__(35);
 
 // EXTERNAL MODULE: ./dist/lib/widgets/renderers/querypanel/condition_group_renderer.js
 var condition_group_renderer = __webpack_require__(76);
@@ -8206,7 +8231,7 @@ var condition_group_renderer = __webpack_require__(76);
 var input_expression_renderer = __webpack_require__(78);
 
 // EXTERNAL MODULE: ./dist/lib/widgets/renderers/querypanel/attribute_expression_renderer.js
-var attribute_expression_renderer = __webpack_require__(51);
+var attribute_expression_renderer = __webpack_require__(52);
 
 // EXTERNAL MODULE: ./dist/lib/widgets/renderers/querypanel/addrow_renderer.js
 var addrow_renderer = __webpack_require__(79);
@@ -9595,8 +9620,6 @@ var Query = /** @class */ (function () {
         }
         this.setDefaultName();
         this.description = "";
-        this.modelId = "";
-        this.modelName = "";
         this.model = (model) ? model : new _dm_data_model__WEBPACK_IMPORTED_MODULE_2__[/* DataModel */ "a"]();
         if (data) {
             this.loadFromData(data);
@@ -9610,10 +9633,14 @@ var Query = /** @class */ (function () {
             this.parentQuery = options.parent;
         }
         this.addChangedCallback(function (ev) {
-            if (ev.data && ev.data.part === _query_events__WEBPACK_IMPORTED_MODULE_10__[/* QueryChangePart */ "b"].Columns
-                && ev.data.action !== _query_events__WEBPACK_IMPORTED_MODULE_10__[/* QueryChangeAction */ "a"].Modify
+            if (ev.data
+                && ((ev.data.part & _query_events__WEBPACK_IMPORTED_MODULE_10__[/* QueryChangePart */ "b"].Columns) > 0)
                 && !ev.data.aggregation) {
-                _this.aggrSettings.clear();
+                if (_this._enableAggregation && _this.updateAggregationSettings()) {
+                    _this.fireChangedEvent({
+                        part: _query_events__WEBPACK_IMPORTED_MODULE_10__[/* QueryChangePart */ "b"].Aggregation
+                    });
+                }
             }
         });
     }
@@ -9634,19 +9661,6 @@ var Query = /** @class */ (function () {
                 this.processQueryForAggregation();
                 var aggrCols = this.columns.filter(function (c) { return c.enabled
                     && c.expr.tag == _types_expr_tag__WEBPACK_IMPORTED_MODULE_8__[/* ExprTag */ "a"].AggregateFunction; });
-                // // query contains aggregate columns
-                // if (aggrCols.length) {
-                //     for (const col of aggrCols) {
-                //         const attr = this.model.getAttributeById(col.expr.args[0].value);
-                //         this.changeColumnType(col, ExprTag.EntityAttribute, {
-                //             caption: this.model.getAttributeText(attr, `{attr}`)
-                //         });
-                //     }
-                //     this.fireChangedEvent({
-                //         part: QueryChangePart.Columns,
-                //         wasModified: true
-                //     });
-                // }    
             }
             if (!this._enableAggregation) {
                 this.aggrSettings.clear();
@@ -9655,6 +9669,40 @@ var Query = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Query.prototype.updateAggregationSettings = function () {
+        var hasChanged = false;
+        var aggrSettings = this.getAggregationSettings();
+        for (var i = aggrSettings.groups.length - 1; i >= 0; i--) {
+            var group = aggrSettings.groups[i];
+            var _loop_1 = function (j) {
+                var colId = group.columns[j];
+                if (!this_1.columns.find(function (col) { return col.id === colId; })) {
+                    group.columns.splice(j, 1);
+                    hasChanged = true;
+                }
+            };
+            var this_1 = this;
+            for (var j = group.columns.length - 1; j >= 0; j--) {
+                _loop_1(j);
+            }
+            if (group.columns.length == 0) {
+                aggrSettings.groups.slice(i, 1);
+            }
+        }
+        var aggregates = aggrSettings.getAggregates();
+        var _loop_2 = function (i) {
+            var aggr = aggregates[i];
+            if (!this_2.columns.find(function (col) { return col.id === aggr.colId; })) {
+                aggregates.splice(i, 1);
+                hasChanged = true;
+            }
+        };
+        var this_2 = this;
+        for (var i = aggregates.length - 1; i >= 0; i--) {
+            _loop_2(i);
+        }
+        return hasChanged;
+    };
     Query.prototype.createSubQuery = function () {
         return new Query(this.model);
     };
@@ -11259,6 +11307,11 @@ var 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(_easydata_ui__WEBPACK_IMPORTED_MODULE_1__["domel"])(this.displayMessageDiv).show();
+    };
     ResultFacet.prototype.showUnableDisplayMessage = function (message) {
         var context = this.getContext();
         var resultTable = context.resultTable;
@@ -11856,6 +11909,10 @@ var view_View = /** @class */ (function () {
     View.prototype.fetchData = function (options) {
         var _this = this;
         options = options || { refresh: true };
+        this.context.clearResult();
+        //don't run fetch if the query is empty
+        if (this.context.getQuery().isEmpty() && !this.resultOptions.fetchEmptyQueries)
+            return;
         this.showResultSpinner();
         this.context.fetchData({
             elasticPaging: options.elasticPaging,
@@ -12237,6 +12294,20 @@ var Operand = /** @class */ (function () {
 /* 34 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AutoResizeColumns; });
+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
+
+/***/ }),
+/* 35 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ConditionAction; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ConditionRenderer; });
@@ -12759,7 +12830,7 @@ var SimpleConditionRenderer = /** @class */ (function (_super) {
 //# sourceMappingURL=condition_renderer.js.map
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12776,7 +12847,7 @@ var HttpMethod;
 //# sourceMappingURL=http_method.js.map
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13154,20 +13225,6 @@ var DragManager = /** @class */ (function () {
 var eqDragManager = new DragManager();
 //# sourceMappingURL=drag_manager.js.map
 
-/***/ }),
-/* 37 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AutoResizeColumns; });
-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
-
 /***/ }),
 /* 38 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -15282,7 +15339,7 @@ var EasyGridWidget = /** @class */ (function (_super) {
         _super.prototype.init.call(this, context, options);
         var gridOptions = __assign(__assign({}, options), { slot: this.slot, dataTable: context.resultTable });
         this.options = _easydata_core__WEBPACK_IMPORTED_MODULE_1__["utils"].assign(this.options, options);
-        gridOptions.onAddColumnClick = function (ev) { return _this.addColumnClickHandler(ev); };
+        gridOptions.onPlusButtonClick = function (ev) { return _this.addColumnClickHandler(ev); };
         gridOptions.onColumnMoved = function (ev) { return _this.columnMovedHandler(ev); };
         if (gridOptions.aggregates) {
             this.hasCustomTotalsSettings = true;
@@ -15308,21 +15365,6 @@ var EasyGridWidget = /** @class */ (function (_super) {
         this.grid.refresh();
     };
     EasyGridWidget.prototype.attachQueryObserver = function () {
-        var _this = this;
-        var query = this.getQuery();
-        this.queryEventCallbackId = query.addChangedCallback(function (event) {
-            //if something has changed, and that change is related to columns
-            var edata = event.data;
-            if (!edata || (edata.part != _easyquery_core__WEBPACK_IMPORTED_MODULE_0__["QueryChangePart"].Columns && edata.part != _easyquery_core__WEBPACK_IMPORTED_MODULE_0__["QueryChangePart"].All)) {
-                return;
-            }
-            if (event.data.source == _this) {
-                _this.grid.refresh();
-            }
-            else {
-                _this.refresh();
-            }
-        });
     };
     EasyGridWidget.prototype.destroyCore = function () {
         this.detachQueryObserver();
@@ -16578,263 +16620,6 @@ var Condition = /** @class */ (function () {
 
 /***/ }),
 /* 51 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AttributeExpressionRenderer; });
-/* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-/* harmony import */ var _easyquery_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
-/* harmony import */ var _easydata_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
-/* harmony import */ var _list_expression_renderer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25);
-/* harmony import */ var _utils_browser_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3);
-/* harmony import */ var _types_qp_editable_part__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(10);
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-
-
-
-
-
-
-var AttributeExpressionRenderer = /** @class */ (function (_super) {
-    __extends(AttributeExpressionRenderer, _super);
-    function AttributeExpressionRenderer(panel, expression, entitiesMenu, slot) {
-        var _this = _super.call(this, panel, expression, null, slot) || this;
-        _this.menu = entitiesMenu;
-        return _this;
-    }
-    AttributeExpressionRenderer.prototype.renderEditor = function () {
-        //create menu
-    };
-    AttributeExpressionRenderer.prototype.getLabelText = function () {
-        var model = this.panel.getContext().getModel();
-        var attrId = this.expression.value;
-        var attrObj = attrId ? model.getAttributeByIdSafe(attrId) : null;
-        var attrFormat = this.panel.options.attrElementFormat;
-        return attrObj ? model.getAttributeText(attrObj, attrFormat) : this.getEmptyText();
-    };
-    AttributeExpressionRenderer.prototype.setValue = function (value, silent) {
-        if (silent === void 0) { silent = false; }
-        silent = silent && value !== this.expression.value;
-        var result = _super.prototype.setValue.call(this, value, true);
-        if (!silent) {
-            this.expression.getParent().fireChangedEvent(_easyquery_core__WEBPACK_IMPORTED_MODULE_1__["ConditionPart"].EntityAttr | _easyquery_core__WEBPACK_IMPORTED_MODULE_1__["ConditionPart"].Operator);
-        }
-        return result;
-    };
-    AttributeExpressionRenderer.prototype.isEditable = function () {
-        return !this.isReadOnly()
-            && ((this.panel.options.editableParts & _types_qp_editable_part__WEBPACK_IMPORTED_MODULE_5__[/* QPEditablePart */ "a"].Attribute) === _types_qp_editable_part__WEBPACK_IMPORTED_MODULE_5__[/* QPEditablePart */ "a"].Attribute);
-    };
-    AttributeExpressionRenderer.prototype.getEmptyText = function () {
-        return this.panel.options.emptyTextAttribute || _easydata_core__WEBPACK_IMPORTED_MODULE_0__["i18n"].getText('MsgEmptyAttrValue');
-    };
-    AttributeExpressionRenderer.prototype.getClassesToAdd = function () {
-        return this.cssPrefix + "-condelement " + this.cssPrefix + "-attrelement";
-    };
-    AttributeExpressionRenderer.prototype.adjustWidth = function () {
-        if (_utils_browser_utils__WEBPACK_IMPORTED_MODULE_4__[/* browserUtils */ "a"].isMobileMode()) {
-            return;
-        }
-        var elWidth = this.element.clientWidth;
-        var parWidth = this.element.parentElement.clientWidth;
-        if (elWidth > parWidth / 2) {
-            Object(_easydata_ui__WEBPACK_IMPORTED_MODULE_2__["domel"])(this.element)
-                .addClass(this.cssPrefix + "-attrelement-wide");
-        }
-    };
-    return AttributeExpressionRenderer;
-}(_list_expression_renderer__WEBPACK_IMPORTED_MODULE_3__[/* ListExpressionRenderer */ "b"]));
-
-//# sourceMappingURL=attribute_expression_renderer.js.map
-
-/***/ }),
-/* 52 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GoogleChartWidget; });
-/* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-/* harmony import */ var _chart_widget__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(47);
-/* harmony import */ var _chart_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-
-
-
-var GoogleChartWidget = /** @class */ (function (_super) {
-    __extends(GoogleChartWidget, _super);
-    /**
-     * The default constructor.
-     * @param slot The html element.
-     * @param provider The provider.
-     */
-    function GoogleChartWidget(slot) {
-        var _this = _super.call(this, slot) || this;
-        _this.hasChartTypes = [
-            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Column,
-            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Bar,
-            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Histogram,
-            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Combo,
-            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Area,
-            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Line,
-            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].SteppedLine,
-            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Pie,
-            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Doughnut
-        ];
-        _this.options.legend = {
-            show: true,
-            position: 'right'
-        };
-        return _this;
-    }
-    GoogleChartWidget.prototype.getWidgetType = function () {
-        return 'chartGoogle';
-    };
-    GoogleChartWidget.prototype.canDraw = function () {
-        return GoogleChartWidget.hasGoogleCharts();
-    };
-    GoogleChartWidget.hasGoogleCharts = function () {
-        return typeof google !== 'undefined' && typeof google.charts !== 'undefined';
-    };
-    GoogleChartWidget.prototype.initChart = function () {
-        if (GoogleChartWidget.hasGoogleCharts() && this.labelColumn >= 0
-            && this.dataColumns && this.dataColumns.length > 0) {
-            this.googleDataView =
-                new google.visualization.DataView(this.convertToGoogleFormat());
-            this.updateChartColumns();
-        }
-    };
-    GoogleChartWidget.prototype.convertToGoogleType = function (type) {
-        switch (type) {
-            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Date:
-                return "date";
-            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].DateTime:
-                return "datetime";
-            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Time:
-                return "timeofday";
-            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Byte:
-            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Word:
-            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Int32:
-            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Int64:
-            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Currency:
-            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Float:
-                return "number";
-            default:
-                return "string";
-        }
-    };
-    GoogleChartWidget.prototype.convertToGoogleValue = function (value, type) {
-        switch (type) {
-            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Bool:
-                return value.toString();
-            default:
-                return value;
-        }
-    };
-    GoogleChartWidget.prototype.convertToGoogleFormat = function () {
-        var googleTable = new google.visualization.DataTable();
-        var columns = this.dataTable.columns;
-        for (var i = 0; i < columns.count; i++) {
-            var column = columns.get(i);
-            googleTable.addColumn(this.convertToGoogleType(column.type), column.label, column.id);
-        }
-        var rows = this.dataTable.getCachedRows();
-        googleTable.addRows(rows.length);
-        for (var i = 0; i < rows.length; i++) {
-            var row = rows[i];
-            for (var j = 0; j < columns.count; j++) {
-                googleTable.setCell(i, j, this.convertToGoogleValue(row.getValue(j), columns.get(j).type));
-            }
-        }
-        return googleTable;
-    };
-    GoogleChartWidget.prototype.drawCore = function () {
-        if (this.googleDataView != null) {
-            this.options.legend = this.options.legend || {};
-            var chartOptions = {
-                width: "100%",
-                height: "100%",
-                chartArea: { width: this.getChartAreaWidth }
-            };
-            if (this.chartType == _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Doughnut) {
-                chartOptions.pieHole = 0.4;
-            }
-            if (!this.options.legend.show) {
-                chartOptions.legend = 'none';
-            }
-            else {
-                chartOptions.legend = { position: this.options.legend.position };
-            }
-            var chart = this.createChart(this.chartDiv);
-            chart.draw(this.googleDataView, chartOptions);
-        }
-    };
-    GoogleChartWidget.prototype.getChartAreaWidth = function (chartType) {
-        if (chartType == _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Pie) {
-            return "100%";
-        }
-        else {
-            return "50%";
-        }
-    };
-    GoogleChartWidget.prototype.updateChartColumns = function () {
-        if (this.googleDataView) {
-            this.googleDataView.setColumns([].concat(this.labelColumn).concat(this.dataColumns));
-        }
-    };
-    GoogleChartWidget.prototype.createChart = function (slot) {
-        switch (this.chartType) {
-            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Column:
-                return new google.visualization.ColumnChart(slot);
-            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Histogram:
-                return new google.visualization.Histogram(slot);
-            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Bar:
-                return new google.visualization.BarChart(slot);
-            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Combo:
-                return new google.visualization.ComboChart(slot);
-            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Area:
-                return new google.visualization.AreaChart(slot);
-            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Line:
-                return new google.visualization.LineChart(slot);
-            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].SteppedLine:
-                return new google.visualization.SteppedAreaChart(slot);
-            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Pie:
-            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Doughnut:
-                return new google.visualization.PieChart(slot);
-            default:
-                return new google.visualization.PieChart(slot);
-        }
-    };
-    return GoogleChartWidget;
-}(_chart_widget__WEBPACK_IMPORTED_MODULE_1__[/* ChartWidget */ "a"]));
-
-//# sourceMappingURL=chart_widget_google.js.map
-
-/***/ }),
-/* 53 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(process, global) {/*!
@@ -18013,6 +17798,263 @@ return Promise$1;
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(97), __webpack_require__(98)))
 
+/***/ }),
+/* 52 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AttributeExpressionRenderer; });
+/* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _easyquery_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+/* harmony import */ var _easydata_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
+/* harmony import */ var _list_expression_renderer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25);
+/* harmony import */ var _utils_browser_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3);
+/* harmony import */ var _types_qp_editable_part__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(10);
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+
+
+var AttributeExpressionRenderer = /** @class */ (function (_super) {
+    __extends(AttributeExpressionRenderer, _super);
+    function AttributeExpressionRenderer(panel, expression, entitiesMenu, slot) {
+        var _this = _super.call(this, panel, expression, null, slot) || this;
+        _this.menu = entitiesMenu;
+        return _this;
+    }
+    AttributeExpressionRenderer.prototype.renderEditor = function () {
+        //create menu
+    };
+    AttributeExpressionRenderer.prototype.getLabelText = function () {
+        var model = this.panel.getContext().getModel();
+        var attrId = this.expression.value;
+        var attrObj = attrId ? model.getAttributeByIdSafe(attrId) : null;
+        var attrFormat = this.panel.options.attrElementFormat;
+        return attrObj ? model.getAttributeText(attrObj, attrFormat) : this.getEmptyText();
+    };
+    AttributeExpressionRenderer.prototype.setValue = function (value, silent) {
+        if (silent === void 0) { silent = false; }
+        silent = silent && value !== this.expression.value;
+        var result = _super.prototype.setValue.call(this, value, true);
+        if (!silent) {
+            this.expression.getParent().fireChangedEvent(_easyquery_core__WEBPACK_IMPORTED_MODULE_1__["ConditionPart"].EntityAttr | _easyquery_core__WEBPACK_IMPORTED_MODULE_1__["ConditionPart"].Operator);
+        }
+        return result;
+    };
+    AttributeExpressionRenderer.prototype.isEditable = function () {
+        return !this.isReadOnly()
+            && ((this.panel.options.editableParts & _types_qp_editable_part__WEBPACK_IMPORTED_MODULE_5__[/* QPEditablePart */ "a"].Attribute) === _types_qp_editable_part__WEBPACK_IMPORTED_MODULE_5__[/* QPEditablePart */ "a"].Attribute);
+    };
+    AttributeExpressionRenderer.prototype.getEmptyText = function () {
+        return this.panel.options.emptyTextAttribute || _easydata_core__WEBPACK_IMPORTED_MODULE_0__["i18n"].getText('MsgEmptyAttrValue');
+    };
+    AttributeExpressionRenderer.prototype.getClassesToAdd = function () {
+        return this.cssPrefix + "-condelement " + this.cssPrefix + "-attrelement";
+    };
+    AttributeExpressionRenderer.prototype.adjustWidth = function () {
+        if (_utils_browser_utils__WEBPACK_IMPORTED_MODULE_4__[/* browserUtils */ "a"].isMobileMode()) {
+            return;
+        }
+        var elWidth = this.element.clientWidth;
+        var parWidth = this.element.parentElement.clientWidth;
+        if (elWidth > parWidth / 2) {
+            Object(_easydata_ui__WEBPACK_IMPORTED_MODULE_2__["domel"])(this.element)
+                .addClass(this.cssPrefix + "-attrelement-wide");
+        }
+    };
+    return AttributeExpressionRenderer;
+}(_list_expression_renderer__WEBPACK_IMPORTED_MODULE_3__[/* ListExpressionRenderer */ "b"]));
+
+//# sourceMappingURL=attribute_expression_renderer.js.map
+
+/***/ }),
+/* 53 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GoogleChartWidget; });
+/* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _chart_widget__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(47);
+/* harmony import */ var _chart_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+var GoogleChartWidget = /** @class */ (function (_super) {
+    __extends(GoogleChartWidget, _super);
+    /**
+     * The default constructor.
+     * @param slot The html element.
+     * @param provider The provider.
+     */
+    function GoogleChartWidget(slot) {
+        var _this = _super.call(this, slot) || this;
+        _this.hasChartTypes = [
+            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Column,
+            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Bar,
+            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Histogram,
+            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Combo,
+            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Area,
+            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Line,
+            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].SteppedLine,
+            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Pie,
+            _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Doughnut
+        ];
+        _this.options.legend = {
+            show: true,
+            position: 'right'
+        };
+        return _this;
+    }
+    GoogleChartWidget.prototype.getWidgetType = function () {
+        return 'chartGoogle';
+    };
+    GoogleChartWidget.prototype.canDraw = function () {
+        return GoogleChartWidget.hasGoogleCharts();
+    };
+    GoogleChartWidget.hasGoogleCharts = function () {
+        return typeof google !== 'undefined' && typeof google.charts !== 'undefined';
+    };
+    GoogleChartWidget.prototype.initChart = function () {
+        if (GoogleChartWidget.hasGoogleCharts() && this.labelColumn >= 0
+            && this.dataColumns && this.dataColumns.length > 0) {
+            this.googleDataView =
+                new google.visualization.DataView(this.convertToGoogleFormat());
+            this.updateChartColumns();
+        }
+    };
+    GoogleChartWidget.prototype.convertToGoogleType = function (type) {
+        switch (type) {
+            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Date:
+                return "date";
+            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].DateTime:
+                return "datetime";
+            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Time:
+                return "timeofday";
+            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Byte:
+            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Word:
+            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Int32:
+            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Int64:
+            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Currency:
+            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Float:
+                return "number";
+            default:
+                return "string";
+        }
+    };
+    GoogleChartWidget.prototype.convertToGoogleValue = function (value, type) {
+        switch (type) {
+            case _easydata_core__WEBPACK_IMPORTED_MODULE_0__["DataType"].Bool:
+                return value.toString();
+            default:
+                return value;
+        }
+    };
+    GoogleChartWidget.prototype.convertToGoogleFormat = function () {
+        var googleTable = new google.visualization.DataTable();
+        var columns = this.dataTable.columns;
+        for (var i = 0; i < columns.count; i++) {
+            var column = columns.get(i);
+            googleTable.addColumn(this.convertToGoogleType(column.type), column.label, column.id);
+        }
+        var rows = this.dataTable.getCachedRows();
+        googleTable.addRows(rows.length);
+        for (var i = 0; i < rows.length; i++) {
+            var row = rows[i];
+            for (var j = 0; j < columns.count; j++) {
+                googleTable.setCell(i, j, this.convertToGoogleValue(row.getValue(j), columns.get(j).type));
+            }
+        }
+        return googleTable;
+    };
+    GoogleChartWidget.prototype.drawCore = function () {
+        if (this.googleDataView != null) {
+            this.options.legend = this.options.legend || {};
+            var chartOptions = {
+                width: "100%",
+                height: "100%",
+                chartArea: { width: this.getChartAreaWidth }
+            };
+            if (this.chartType == _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Doughnut) {
+                chartOptions.pieHole = 0.4;
+            }
+            if (!this.options.legend.show) {
+                chartOptions.legend = 'none';
+            }
+            else {
+                chartOptions.legend = { position: this.options.legend.position };
+            }
+            var chart = this.createChart(this.chartDiv);
+            chart.draw(this.googleDataView, chartOptions);
+        }
+    };
+    GoogleChartWidget.prototype.getChartAreaWidth = function (chartType) {
+        if (chartType == _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Pie) {
+            return "100%";
+        }
+        else {
+            return "50%";
+        }
+    };
+    GoogleChartWidget.prototype.updateChartColumns = function () {
+        if (this.googleDataView) {
+            this.googleDataView.setColumns([].concat(this.labelColumn).concat(this.dataColumns));
+        }
+    };
+    GoogleChartWidget.prototype.createChart = function (slot) {
+        switch (this.chartType) {
+            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Column:
+                return new google.visualization.ColumnChart(slot);
+            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Histogram:
+                return new google.visualization.Histogram(slot);
+            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Bar:
+                return new google.visualization.BarChart(slot);
+            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Combo:
+                return new google.visualization.ComboChart(slot);
+            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Area:
+                return new google.visualization.AreaChart(slot);
+            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Line:
+                return new google.visualization.LineChart(slot);
+            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].SteppedLine:
+                return new google.visualization.SteppedAreaChart(slot);
+            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Pie:
+            case _chart_type__WEBPACK_IMPORTED_MODULE_2__[/* ChartType */ "a"].Doughnut:
+                return new google.visualization.PieChart(slot);
+            default:
+                return new google.visualization.PieChart(slot);
+        }
+    };
+    return GoogleChartWidget;
+}(_chart_widget__WEBPACK_IMPORTED_MODULE_1__[/* ChartWidget */ "a"]));
+
+//# sourceMappingURL=chart_widget_google.js.map
+
 /***/ }),
 /* 54 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -19191,7 +19233,7 @@ return Promise$1;
 
 //# sourceMappingURL=es6-promise.map
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(118), __webpack_require__(119)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(119), __webpack_require__(120)))
 
 /***/ }),
 /* 55 */
@@ -19741,7 +19783,7 @@ var BrowserQueryStorage = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=query_storage.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(53)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51)))
 
 /***/ }),
 /* 62 */
@@ -19782,7 +19824,7 @@ var EqModelLoader = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=model_loader.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(53)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51)))
 
 /***/ }),
 /* 63 */
@@ -19900,7 +19942,7 @@ var DefaultAggregatesCalculator = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=eq_aggr_container.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(53)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51)))
 
 /***/ }),
 /* 64 */
@@ -19959,7 +20001,7 @@ var EasyQueryDataLoader = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=eq_data_loader.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(53)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51)))
 
 /***/ }),
 /* 65 */
@@ -21301,7 +21343,7 @@ var DefaultDialogSet = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=default_dialog_service.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(104)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(105)))
 
 /***/ }),
 /* 69 */
@@ -23154,7 +23196,6 @@ var AggrFuncColumnRendererCB = /** @class */ (function (_super) {
             .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);
     };
@@ -23504,7 +23545,6 @@ var ColumnRendererCB = /** @class */ (function () {
             .toDOM();
     };
     ColumnRendererCB.prototype.getDefaultCaption = function () {
-        console.log('Calling getDefaultCaption() BASE');
         return this.getDefaultTitleText(this.baseAttr);
     };
     ColumnRendererCB.prototype.getDefaultTitleText = function (attr) {
@@ -23807,7 +23847,7 @@ var TextRenderer = /** @class */ (function () {
 /* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var _easyquery_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
 /* harmony import */ var _easydata_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
-/* harmony import */ var _condition_renderer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(34);
+/* harmony import */ var _condition_renderer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(35);
 /* harmony import */ var _utils_browser_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3);
 /* harmony import */ var _utils_dropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(77);
 var __extends = (undefined && undefined.__extends) || (function () {
@@ -25347,7 +25387,7 @@ var ProcessWidget = /** @class */ (function (_super) {
 /* harmony import */ var _types_facet_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13);
 /* harmony import */ var _result_facet__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(31);
 /* harmony import */ var _widgets_charts_chart_widget_chartjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(46);
-/* harmony import */ var _widgets_charts_chart_widget_google__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(52);
+/* harmony import */ var _widgets_charts_chart_widget_google__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53);
 /* harmony import */ var _utils_browser_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3);
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -25621,6 +25661,12 @@ var AggrFunc;
     AggrFunc["Max"] = "MAX";
     AggrFunc["Count"] = "COUNT";
 })(AggrFunc || (AggrFunc = {}));
+var FormFieldType;
+(function (FormFieldType) {
+    FormFieldType[FormFieldType["ColumnField"] = 0] = "ColumnField";
+    FormFieldType[FormFieldType["RowField"] = 1] = "RowField";
+    FormFieldType[FormFieldType["CellData"] = 2] = "CellData";
+})(FormFieldType || (FormFieldType = {}));
 var DFMT_REGEX = /{0:(.*?)}/g;
 var PivotTableFacet = /** @class */ (function (_super) {
     __extends(PivotTableFacet, _super);
@@ -25634,21 +25680,25 @@ var 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 _easydata_ui__WEBPACK_IMPORTED_MODULE_0__["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) {
@@ -25705,9 +25755,10 @@ var PivotTableFacet = /** @class */ (function (_super) {
         }
         return csb;
     };
-    PivotTableFacet.prototype.createColumnsSelectBuilder = function (allowedTypes, colName) {
+    PivotTableFacet.prototype.createColumnsSelectBuilder = function (allowedTypes, colName, formFieldType) {
         var dataTable = this.getContextDataTable();
         var csb = Object(_easydata_ui__WEBPACK_IMPORTED_MODULE_0__["domel"])('select');
+        var firstNumericColIndex = null;
         var _loop_2 = function (i) {
             var column = dataTable.columns.get(i);
             var colLabel = column.label;
@@ -25715,6 +25766,9 @@ var PivotTableFacet = /** @class */ (function (_super) {
             var colId = column.id;
             if (allowedTypes && allowedTypes.indexOf(colType) < 0)
                 return "continue";
+            if (firstNumericColIndex === null && _easydata_core__WEBPACK_IMPORTED_MODULE_1__["utils"].isNumericType(colType)) {
+                firstNumericColIndex = i;
+            }
             csb.addChild('option', function (b) {
                 b
                     .attr('value', colId)
@@ -25736,7 +25790,20 @@ var PivotTableFacet = /** @class */ (function (_super) {
                 }
             }
             else {
-                csb.toDOM().value = options[0].value;
+                switch (formFieldType) {
+                    case FormFieldType.ColumnField: {
+                        csb.toDOM().value = options[0].value;
+                        break;
+                    }
+                    case FormFieldType.RowField: {
+                        csb.toDOM().value = options.length > 1 ? options[1].value : options[0].value;
+                        break;
+                    }
+                    case FormFieldType.CellData: {
+                        csb.toDOM().value = firstNumericColIndex === null ? options[0].value : options[firstNumericColIndex].value;
+                        break;
+                    }
+                }
             }
         }
         return csb;
@@ -25781,7 +25848,7 @@ var PivotTableFacet = /** @class */ (function (_super) {
             .addChild('div', function (b) { return b
             .addClass('kfrm-select')
             .attr('name', 'column_field')
-            .addChildElement(_this.createColumnsSelectBuilder(colTypes, settings.colName)
+            .addChildElement(_this.createColumnsSelectBuilder(colTypes, settings.colName, FormFieldType.ColumnField)
             .id('pivotTableColFieldSelector')
             .toDOM()); })
             .addChild('button', function (b) { return b
@@ -25803,7 +25870,7 @@ var PivotTableFacet = /** @class */ (function (_super) {
             .addChild('div', function (b) { return b
             .addClass('kfrm-select')
             .attr('name', 'row_field')
-            .addChildElement(_this.createColumnsSelectBuilder(colTypes, settings.rowName)
+            .addChildElement(_this.createColumnsSelectBuilder(colTypes, settings.rowName, FormFieldType.RowField)
             .id('pivotTableRowFieldSelector')
             .toDOM()); });
         current = getCurrent();
@@ -25823,7 +25890,7 @@ var PivotTableFacet = /** @class */ (function (_super) {
             .addChild('div', function (b) { return b
             .addClass('kfrm-select')
             .attr('name', 'data_column')
-            .addChildElement(_this.createColumnsSelectBuilder(fieldTypes, settings.fieldName)
+            .addChildElement(_this.createColumnsSelectBuilder(fieldTypes, settings.fieldName, FormFieldType.CellData)
             .on('change', function (ev) {
             var colId = ev.target.value;
             _this.validateSelectedField(colId);
@@ -25909,6 +25976,18 @@ var 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(_easydata_core__WEBPACK_IMPORTED_MODULE_1__["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();
         }
     };
@@ -26083,10 +26162,10 @@ var 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) {
@@ -26578,7 +26657,7 @@ var AggrSettingsDialog = /** @class */ (function () {
                 var ds = _this.context.getServices().getDialogService();
                 _this.body = _this.renderBody();
                 var dlg = ds.open({
-                    title: 'Aggregation settings',
+                    title: _easyquery_core__WEBPACK_IMPORTED_MODULE_1__["i18n"].getText('AggrSettings', 'AggrDialogTitle'),
                     body: _this.body,
                     onSubmit: function () {
                         if (_this.query.enableAggregation && !_this.renderer.isValid())
@@ -26639,10 +26718,10 @@ var AggrSettingsDialog = /** @class */ (function () {
             b.on('change', _this.enableAggrCheckBoxChangeHandler.bind(_this));
         })
             .addChild('span', function (b) { return b
-            .addClass('slider round'); }); })
+            .addClass('slider round'); })
             .addChild('span', function (b) { return b
             .addClass('switch-text')
-            .addText(_easyquery_core__WEBPACK_IMPORTED_MODULE_1__["i18n"].getText('AggrSettings', 'EnableAggrLabel')); }); })
+            .addText(_easyquery_core__WEBPACK_IMPORTED_MODULE_1__["i18n"].getText('AggrSettings', 'EnableAggrLabel')); }); }); })
             .addChild('div', function (b) { return b
             .id('AggrSettingsComponent'); });
         return b.toDOM();
@@ -26821,10 +26900,10 @@ var AggrSettingsRenderer = /** @class */ (function () {
             b.on('change', _this.countsCheckboxChangeHandler.bind(_this));
         })
             .addChild('span', function (b) { return b
-            .addClass('slider round'); }); })
+            .addClass('slider round'); })
             .addChild('span', function (b) { return b
             .addClass('switch-text')
-            .addText(_easyquery_core__WEBPACK_IMPORTED_MODULE_3__["i18n"].getText('AggrSettings', 'GroupCountsLabel')); }); })
+            .addText(_easyquery_core__WEBPACK_IMPORTED_MODULE_3__["i18n"].getText('AggrSettings', 'GroupCountsLabel')); }); }); })
             .addChild('div', function (b) { return b
             .addClass(_this.cssPrefix + "-grandtotals")
             .addChild('label', function (b) { return b
@@ -26837,10 +26916,10 @@ var AggrSettingsRenderer = /** @class */ (function () {
             b.on('change', _this.grandCheckboxChangeHandler.bind(_this));
         })
             .addChild('span', function (b) { return b
-            .addClass('slider round'); }); })
+            .addClass('slider round'); })
             .addChild('span', function (b) { return b
             .addClass('switch-text')
-            .addText(_easyquery_core__WEBPACK_IMPORTED_MODULE_3__["i18n"].getText('AggrSettings', 'GrandTotalsLabel')); }); });
+            .addText(_easyquery_core__WEBPACK_IMPORTED_MODULE_3__["i18n"].getText('AggrSettings', 'GrandTotalsLabel')); }); }); });
         var groups = this.slot.querySelectorAll("." + this.cssPrefix + "-group");
         groups.forEach(function (el) {
             Object(_easydata_ui__WEBPACK_IMPORTED_MODULE_1__["domel"])(el)
@@ -28084,6 +28163,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;
@@ -28729,8 +28811,8 @@ module.exports = g;
 /* WEBPACK VAR INJECTION */(function(Promise) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return HttpResponseError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return HttpClient; });
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11);
-/* harmony import */ var _http_action_result__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(106);
-/* harmony import */ var _http_method__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(35);
+/* harmony import */ var _http_action_result__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(107);
+/* harmony import */ var _http_method__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(36);
 /* harmony import */ var _http_request__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55);
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -30225,6 +30307,7 @@ var EasyDataTable = /** @class */ (function () {
         this.cachedRows = [];
         this.total = 0;
         this.needTotal = !this._elasticChunks;
+        this.fireUpdated();
     };
     EasyDataTable.prototype.createRow = function (dataOrRow) {
         var _this = this;
@@ -30487,13 +30570,40 @@ var GoogleDataConverter = /** @class */ (function () {
 /* 103 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* WEBPACK VAR INJECTION */(function(Promise) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InMemoryModelStorage; });
+/* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+
+var InMemoryModelStorage = /** @class */ (function () {
+    function InMemoryModelStorage(models) {
+        this.models = [];
+        if (models) {
+            _easydata_core__WEBPACK_IMPORTED_MODULE_0__["utils"].assign(this.models, [], models);
+        }
+    }
+    InMemoryModelStorage.prototype.getModels = function () {
+        var _this = this;
+        return new Promise(function (resolve, reject) {
+            resolve(_this.models);
+        });
+    };
+    return InMemoryModelStorage;
+}());
+
+//# sourceMappingURL=model_storage.js.map
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51)))
+
+/***/ }),
+/* 104 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* WEBPACK VAR INJECTION */(function(Promise) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return EasyGrid; });
 /* harmony import */ var _easydata_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-/* harmony import */ var _utils_drag_manager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(36);
+/* harmony import */ var _utils_drag_manager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(37);
 /* harmony import */ var _utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
 /* harmony import */ var _utils_ui_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18);
-/* harmony import */ var _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(37);
+/* harmony import */ var _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(34);
 /* harmony import */ var _easy_grid_columns__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(21);
 /* harmony import */ var _easy_grid_cell_renderer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(39);
 var __assign = (undefined && undefined.__assign) || function () {
@@ -30548,7 +30658,7 @@ var EasyGrid = /** @class */ (function () {
                 pageSizeItems: [20, 30, 50, 100, 200]
             },
             columnWidths: {
-                autoResize: _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__[/* AutoResizeColumns */ "a"].Once,
+                autoResize: _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__[/* AutoResizeColumns */ "a"].Always,
                 stringColumns: {
                     min: 100,
                     max: 500,
@@ -30576,7 +30686,7 @@ var EasyGrid = /** @class */ (function () {
                     default: 60
                 }
             },
-            addColumns: false,
+            showPlusButton: false,
             viewportRowsCount: null,
             showActiveRow: true
         };
@@ -30675,8 +30785,8 @@ var 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);
@@ -30762,7 +30872,7 @@ var 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');
@@ -30786,9 +30896,6 @@ var EasyGrid = /** @class */ (function () {
                 .then(function () {
                 _this.firstRender = false;
                 _this.rowsOnPagePromise = null;
-                if (needAutoResize) {
-                    _this.resizeColumns();
-                }
             });
         }
         else {
@@ -30810,14 +30917,14 @@ var 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;
-                Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyDiv)
-                    .setStyle('height', bodyHeight_1 + "px");
+                var viewportHeight_1 = rowHeight * rowCount;
+                Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyViewportDiv)
+                    .setStyle('height', viewportHeight_1 + "px");
                 setTimeout(function () {
                     var sbHeight = _this.bodyViewportDiv.offsetHeight - _this.bodyViewportDiv.clientHeight;
-                    bodyHeight_1 = bodyHeight_1 + sbHeight;
-                    Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyDiv)
-                        .setStyle('height', bodyHeight_1 + "px");
+                    viewportHeight_1 = viewportHeight_1 + sbHeight;
+                    Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyViewportDiv)
+                        .setStyle('height', viewportHeight_1 + "px");
                     resolve();
                 }, 100);
                 return;
@@ -30864,7 +30971,7 @@ var EasyGrid = /** @class */ (function () {
             _this.headerRowDiv.appendChild(hd);
             if (column.isRowNum) {
                 Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(hd)
-                    .addChildElement(_this.renderAddColumnButton());
+                    .addChildElement(_this.renderHeaderButtons());
             }
         });
         var containerWidth = this.getContainerWidth();
@@ -30961,9 +31068,15 @@ var EasyGrid = /** @class */ (function () {
                         _this.updateTotalsState(groups_1, row, true);
                     }
                 }
-                var containerWidth = _this.getContainerWidth();
-                Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyCellContainerDiv)
-                    .setStyle('width', containerWidth + "px");
+                var needAutoResize = _this.options.columnWidths.autoResize !== _easy_grid_options__WEBPACK_IMPORTED_MODULE_4__[/* AutoResizeColumns */ "a"].Never;
+                if (needAutoResize) {
+                    _this.resizeColumns();
+                }
+                else {
+                    var containerWidth = _this.getContainerWidth();
+                    Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])(_this.bodyCellContainerDiv)
+                        .setStyle('width', containerWidth + "px");
+                }
                 return rowsToRender;
             })
                 .catch(function (error) { console.error(error); return 0; });
@@ -31203,23 +31316,26 @@ var EasyGrid = /** @class */ (function () {
         var pageInfoDiv = Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])('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 = _easydata_core__WEBPACK_IMPORTED_MODULE_0__["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 = _easydata_core__WEBPACK_IMPORTED_MODULE_0__["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 () {
@@ -31314,7 +31430,8 @@ var 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;
@@ -31440,18 +31557,18 @@ var 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 Object(_utils_dom_elem_builder__WEBPACK_IMPORTED_MODULE_2__[/* domel */ "e"])('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
                 });
             }); })
@@ -31647,10 +31764,10 @@ var EasyGrid = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=easy_grid.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(104)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(105)))
 
 /***/ }),
-/* 104 */
+/* 105 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(process, global) {/*!
@@ -32830,7 +32947,7 @@ return Promise$1;
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(97), __webpack_require__(98)))
 
 /***/ }),
-/* 105 */
+/* 106 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -33559,7 +33676,7 @@ var AdvancedSearchView = /** @class */ (function (_super) {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(54)))
 
 /***/ }),
-/* 106 */
+/* 107 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -33590,33 +33707,27 @@ var HttpActionResult = /** @class */ (function () {
 //# sourceMappingURL=http_action_result.js.map
 
 /***/ }),
-/* 107 */
+/* 108 */
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(108);
-module.exports = __webpack_require__(123);
+__webpack_require__(109);
+module.exports = __webpack_require__(124);
 
 
 /***/ }),
-/* 108 */
+/* 109 */
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(109);
 __webpack_require__(110);
 __webpack_require__(111);
-
 __webpack_require__(112);
+
 __webpack_require__(113);
 __webpack_require__(114);
 __webpack_require__(115);
 __webpack_require__(116);
-__webpack_require__(117);
-
-/***/ }),
-/* 109 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
+__webpack_require__(117);
+__webpack_require__(118);
 
 /***/ }),
 /* 110 */
@@ -33668,6 +33779,12 @@ __webpack_require__(117);
 
 /***/ }),
 /* 118 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 119 */
 /***/ (function(module, exports) {
 
 // shim for using process in browser
@@ -33857,7 +33974,7 @@ process.umask = function() { return 0; };
 
 
 /***/ }),
-/* 119 */
+/* 120 */
 /***/ (function(module, exports) {
 
 var g;
@@ -33883,10 +34000,10 @@ module.exports = g;
 
 
 /***/ }),
-/* 120 */,
 /* 121 */,
 /* 122 */,
-/* 123 */
+/* 123 */,
+/* 124 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -34432,7 +34549,7 @@ var chart_type = __webpack_require__(5);
 var chart_widget = __webpack_require__(47);
 
 // EXTERNAL MODULE: ./dist/lib/widgets/charts/chart_widget_google.js
-var chart_widget_google = __webpack_require__(52);
+var chart_widget_google = __webpack_require__(53);
 
 // EXTERNAL MODULE: ./dist/lib/widgets/charts/chart_widget_chartjs.js
 var chart_widget_chartjs = __webpack_require__(46);
@@ -34474,13 +34591,13 @@ var input_expression_renderer = __webpack_require__(78);
 var datetime_expression_render = __webpack_require__(81);
 
 // EXTERNAL MODULE: ./dist/lib/widgets/renderers/querypanel/condition_renderer.js
-var condition_renderer = __webpack_require__(34);
+var condition_renderer = __webpack_require__(35);
 
 // EXTERNAL MODULE: ./dist/lib/widgets/renderers/querypanel/condition_group_renderer.js
 var condition_group_renderer = __webpack_require__(76);
 
 // EXTERNAL MODULE: ./dist/lib/widgets/renderers/querypanel/attribute_expression_renderer.js
-var attribute_expression_renderer = __webpack_require__(51);
+var attribute_expression_renderer = __webpack_require__(52);
 
 // EXTERNAL MODULE: ./dist/lib/widgets/renderers/querypanel/expression_renderer.js
 var expression_renderer = __webpack_require__(23);
@@ -34516,7 +34633,7 @@ var pivot_table_facet = __webpack_require__(88);
 var view = __webpack_require__(32);
 
 // EXTERNAL MODULE: ./dist/lib/views/adv_search_view.js
-var adv_search_view = __webpack_require__(105);
+var adv_search_view = __webpack_require__(106);
 
 // CONCATENATED MODULE: ./dist/lib/views/data_filter_view.js
 var data_filter_view_extends = (undefined && undefined.__extends) || (function () {
@@ -34540,7 +34657,9 @@ var data_filter_view_extends = (undefined && undefined.__extends) || (function (
 var data_filter_view_DataFilterView = /** @class */ (function (_super) {
     data_filter_view_extends(DataFilterView, _super);
     function DataFilterView() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super.call(this) || this;
+        _this.resultOptions.fetchEmptyQueries = true;
+        return _this;
     }
     DataFilterView.prototype.initOptions = function (options) {
         var _this = this;
@@ -34618,7 +34737,9 @@ var html_data_filter_view_extends = (undefined && undefined.__extends) || (funct
 var html_data_filter_view_HtmlDataFilterView = /** @class */ (function (_super) {
     html_data_filter_view_extends(HtmlDataFilterView, _super);
     function HtmlDataFilterView() {
-        return _super.call(this) || this;
+        var _this = _super.call(this) || this;
+        _this.resultOptions.fetchEmptyQueries = true;
+        return _this;
     }
     /**
     * Creates the widget that represents Grid Widget.
@@ -34691,7 +34812,7 @@ var report_view_ReportView = /** @class */ (function (_super) {
         _this.loadReportButtonClickHandler = _this.loadReportButtonClick.bind(_this);
         _this.saveReportButtonClickHandler = _this.saveReportButtonClick.bind(_this);
         _this.removeReportButtonClickHandler = _this.removeReportButtonClick.bind(_this);
-        _this.updateReportButtonClickHandler = _this.updateReportButtonClick.bind(_this);
+        _this.reloadReportDataButtonClickHandler = _this.reloadReportDataButtonClick.bind(_this);
         browser_utils["a" /* browserUtils */].onMobileModeChanged(function (_) {
             document.location.reload();
         });
@@ -34778,7 +34899,7 @@ var report_view_ReportView = /** @class */ (function (_super) {
         var loadReportButton = "LoadReportButton";
         var saveReportButton = "SaveReportButton";
         var removeReportButton = "RemoveReportButton";
-        var updateReportButton = "UpdateReportButton";
+        var reloadReportDataButton = "ReloadReportDataButton";
         var resultCountSpan = "ResultCount";
         var exportButtons = "ResultExportButtons";
         var exportClass = this.exportClass;
@@ -34790,7 +34911,7 @@ var report_view_ReportView = /** @class */ (function (_super) {
             loadReportButton = options.slots.loadReportButton || loadReportButton;
             saveReportButton = options.slots.saveReportButton || saveReportButton;
             removeReportButton = options.slots.removeReportButton || removeReportButton;
-            updateReportButton = options.slots.updateReportButton || updateReportButton;
+            reloadReportDataButton = options.slots.reloadReportDataButton || reloadReportDataButton;
             exportClass = options.slots.exportClass || exportClass;
         }
         this.exportButtons = this.domRoots.reduce(function (elems, root) {
@@ -34837,10 +34958,14 @@ var report_view_ReportView = /** @class */ (function (_super) {
                 this.removeReportButton.addEventListener('click', this.removeReportButtonClickHandler);
             }
         }
-        if (!this.updateReportButton) {
-            this.updateReportButton = this.resolveElement(updateReportButton);
-            if (this.updateReportButton) {
-                this.updateReportButton.addEventListener('click', this.updateReportButtonClickHandler);
+        if (!this.reloadReportDataButton) {
+            this.reloadReportDataButton = this.resolveElement(reloadReportDataButton);
+            //OBSOLETE: remove the next 3 lines. We just support the old default button ID here
+            if (!this.reloadReportDataButton) {
+                this.reloadReportDataButton = this.resolveElement('UpdateReportButton');
+            }
+            if (this.reloadReportDataButton) {
+                this.reloadReportDataButton.addEventListener('click', this.reloadReportDataButtonClickHandler);
             }
         }
         this.reportListSlot = document.getElementById('ReportList');
@@ -34918,6 +35043,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: public_api["QueryChangePart"].All,
                 noSync: true,
@@ -35144,8 +35270,8 @@ var report_view_ReportView = /** @class */ (function (_super) {
             this.removeReportButton.removeEventListener('click', this.removeReportButtonClickHandler);
             this.removeReportButton = null;
         }
-        if (this.updateReportButton) {
-            this.updateReportButton.removeEventListener('click', this.updateReportButtonClickHandler);
+        if (this.reloadReportDataButton) {
+            this.reloadReportDataButton.removeEventListener('click', this.reloadReportDataButtonClickHandler);
             this.removeReportButton = null;
         }
         if (this.reportListSlot) {
@@ -35246,7 +35372,7 @@ var report_view_ReportView = /** @class */ (function (_super) {
     /**
     * The handler of the "Update" button click.
     */
-    ReportView.prototype.updateReportButtonClick = function () {
+    ReportView.prototype.reloadReportDataButtonClick = function () {
         this.fetchData();
     };
     /**
@@ -35568,6 +35694,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',
@@ -35610,6 +35737,7 @@ function addEasyQueryUITexts() {
             UnaggrBtn: 'Remove column aggregation',
             GrandTotalsLabel: 'Show grand totals',
             GroupCountsLabel: 'Show record count for groups',
+            AggrDialogTitle: 'Aggregation/grouping',
             EnableAggrLabel: 'Enable aggregation',
             SelectedError: 'Complete the action with selected column(s)',
             NoGroupsOrAggrError: 'Add at least one group or aggregation',