@easyquery/enterprise 7.2.0-rc03 → 7.2.0-rc07

package/dist/browser/eq.enterprise.js

@@ -1,6 +1,6 @@
 /** 
- * EasyQuery.JS Enterprise 7.2.0-rc03 (https://korzh.com/easyquery/javascript)
- * Copyright 2021 Korzh.com. All rights reserved.
+ * EasyQuery.JS Enterprise 7.2.0-rc07 (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 
@@ -91,7 +91,7 @@ window["easyquery"] =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 111);
+/******/ 	return __webpack_require__(__webpack_require__.s = 112);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -295,6 +295,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);
@@ -1349,7 +1350,7 @@ __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__(105);
+var easy_grid = __webpack_require__(106);
 
 // 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__(34);
@@ -2102,6 +2103,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; });
@@ -2410,6 +2412,7 @@ var eq_services_EqServiceProvider = /** @class */ (function () {
         this.httpClient = new public_api["HttpClient"]();
         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); };
@@ -2420,6 +2423,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;
@@ -2448,6 +2452,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) {
@@ -2511,6 +2524,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;
     };
@@ -2609,6 +2625,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__(105);
+
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/packs/core/dist/lib/query/query_events.js
 var query_events = __webpack_require__(14);
 
@@ -2913,10 +2932,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;
@@ -4262,6 +4285,7 @@ addEasyQueryCoreTexts();
 
 
 
+
 
 
 //for backward compatibility
@@ -4707,6 +4731,10 @@ var DomSelectElementBuilder = /** @class */ (function (_super) {
         this.element.appendChild(option);
         return this;
     };
+    DomSelectElementBuilder.prototype.value = function (value) {
+        this.element.value = value;
+        return this;
+    };
     return DomSelectElementBuilder;
 }(DomElementBuilder));
 
@@ -8208,7 +8236,7 @@ var condition_group_renderer = __webpack_require__(78);
 var input_expression_renderer = __webpack_require__(80);
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/packs/ui/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: c:/azuredevops-agents/korzhdev/_work/1/s/packs/ui/dist/lib/widgets/renderers/querypanel/addrow_renderer.js
 var addrow_renderer = __webpack_require__(81);
@@ -9597,8 +9625,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);
@@ -9612,10 +9638,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
+                    });
+                }
             }
         });
     }
@@ -9636,19 +9666,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();
@@ -9657,6 +9674,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);
     };
@@ -11863,6 +11914,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,
@@ -15315,21 +15370,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();
@@ -16585,479 +16625,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) {
-
-// shim for using process in browser
-var process = module.exports = {};
-
-// cached from whatever global is present so that test runners that stub it
-// don't break things.  But we need to wrap it in a try catch in case it is
-// wrapped in strict mode code which doesn't define any globals.  It's inside a
-// function because try/catches deoptimize in certain engines.
-
-var cachedSetTimeout;
-var cachedClearTimeout;
-
-function defaultSetTimout() {
-    throw new Error('setTimeout has not been defined');
-}
-function defaultClearTimeout () {
-    throw new Error('clearTimeout has not been defined');
-}
-(function () {
-    try {
-        if (typeof setTimeout === 'function') {
-            cachedSetTimeout = setTimeout;
-        } else {
-            cachedSetTimeout = defaultSetTimout;
-        }
-    } catch (e) {
-        cachedSetTimeout = defaultSetTimout;
-    }
-    try {
-        if (typeof clearTimeout === 'function') {
-            cachedClearTimeout = clearTimeout;
-        } else {
-            cachedClearTimeout = defaultClearTimeout;
-        }
-    } catch (e) {
-        cachedClearTimeout = defaultClearTimeout;
-    }
-} ())
-function runTimeout(fun) {
-    if (cachedSetTimeout === setTimeout) {
-        //normal enviroments in sane situations
-        return setTimeout(fun, 0);
-    }
-    // if setTimeout wasn't available but was latter defined
-    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
-        cachedSetTimeout = setTimeout;
-        return setTimeout(fun, 0);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedSetTimeout(fun, 0);
-    } catch(e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
-            return cachedSetTimeout.call(null, fun, 0);
-        } catch(e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
-            return cachedSetTimeout.call(this, fun, 0);
-        }
-    }
-
-
-}
-function runClearTimeout(marker) {
-    if (cachedClearTimeout === clearTimeout) {
-        //normal enviroments in sane situations
-        return clearTimeout(marker);
-    }
-    // if clearTimeout wasn't available but was latter defined
-    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
-        cachedClearTimeout = clearTimeout;
-        return clearTimeout(marker);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedClearTimeout(marker);
-    } catch (e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
-            return cachedClearTimeout.call(null, marker);
-        } catch (e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
-            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
-            return cachedClearTimeout.call(this, marker);
-        }
-    }
-
-
-
-}
-var queue = [];
-var draining = false;
-var currentQueue;
-var queueIndex = -1;
-
-function cleanUpNextTick() {
-    if (!draining || !currentQueue) {
-        return;
-    }
-    draining = false;
-    if (currentQueue.length) {
-        queue = currentQueue.concat(queue);
-    } else {
-        queueIndex = -1;
-    }
-    if (queue.length) {
-        drainQueue();
-    }
-}
-
-function drainQueue() {
-    if (draining) {
-        return;
-    }
-    var timeout = runTimeout(cleanUpNextTick);
-    draining = true;
-
-    var len = queue.length;
-    while(len) {
-        currentQueue = queue;
-        queue = [];
-        while (++queueIndex < len) {
-            if (currentQueue) {
-                currentQueue[queueIndex].run();
-            }
-        }
-        queueIndex = -1;
-        len = queue.length;
-    }
-    currentQueue = null;
-    draining = false;
-    runClearTimeout(timeout);
-}
-
-process.nextTick = function (fun) {
-    var args = new Array(arguments.length - 1);
-    if (arguments.length > 1) {
-        for (var i = 1; i < arguments.length; i++) {
-            args[i - 1] = arguments[i];
-        }
-    }
-    queue.push(new Item(fun, args));
-    if (queue.length === 1 && !draining) {
-        runTimeout(drainQueue);
-    }
-};
-
-// v8 likes predictible objects
-function Item(fun, array) {
-    this.fun = fun;
-    this.array = array;
-}
-Item.prototype.run = function () {
-    this.fun.apply(null, this.array);
-};
-process.title = 'browser';
-process.browser = true;
-process.env = {};
-process.argv = [];
-process.version = ''; // empty string to avoid regexp issues
-process.versions = {};
-
-function noop() {}
-
-process.on = noop;
-process.addListener = noop;
-process.once = noop;
-process.off = noop;
-process.removeListener = noop;
-process.removeAllListeners = noop;
-process.emit = noop;
-process.prependListener = noop;
-process.prependOnceListener = noop;
-
-process.listeners = function (name) { return [] }
-
-process.binding = function (name) {
-    throw new Error('process.binding is not supported');
-};
-
-process.cwd = function () { return '/' };
-process.chdir = function (dir) {
-    throw new Error('process.chdir is not supported');
-};
-process.umask = function() { return 0; };
-
-
-/***/ }),
-/* 54 */
-/***/ (function(module, exports) {
-
-var g;
-
-// This works in non-strict mode
-g = (function() {
-	return this;
-})();
-
-try {
-	// This works if eval is allowed (see CSP)
-	g = g || new Function("return this")();
-} catch (e) {
-	// This works if the window reference is available
-	if (typeof window === "object") g = window;
-}
-
-// g can still be undefined, but nothing to do about it...
-// We return undefined, instead of nothing here, so it's
-// easier to handle this case. if(!global) { ...}
-
-module.exports = g;
-
-
-/***/ }),
-/* 55 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(process, global) {/*!
@@ -18234,7 +17801,480 @@ return Promise$1;
 
 //# sourceMappingURL=es6-promise.map
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(53), __webpack_require__(54)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(54), __webpack_require__(55)))
+
+/***/ }),
+/* 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) {
+
+// shim for using process in browser
+var process = module.exports = {};
+
+// cached from whatever global is present so that test runners that stub it
+// don't break things.  But we need to wrap it in a try catch in case it is
+// wrapped in strict mode code which doesn't define any globals.  It's inside a
+// function because try/catches deoptimize in certain engines.
+
+var cachedSetTimeout;
+var cachedClearTimeout;
+
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout () {
+    throw new Error('clearTimeout has not been defined');
+}
+(function () {
+    try {
+        if (typeof setTimeout === 'function') {
+            cachedSetTimeout = setTimeout;
+        } else {
+            cachedSetTimeout = defaultSetTimout;
+        }
+    } catch (e) {
+        cachedSetTimeout = defaultSetTimout;
+    }
+    try {
+        if (typeof clearTimeout === 'function') {
+            cachedClearTimeout = clearTimeout;
+        } else {
+            cachedClearTimeout = defaultClearTimeout;
+        }
+    } catch (e) {
+        cachedClearTimeout = defaultClearTimeout;
+    }
+} ())
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    } catch(e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        } catch(e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+
+
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    } catch (e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+            return cachedClearTimeout.call(null, marker);
+        } catch (e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+
+
+
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    } else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+
+    var len = queue.length;
+    while(len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+
+process.nextTick = function (fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new Item(fun, args));
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+};
+
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+process.title = 'browser';
+process.browser = true;
+process.env = {};
+process.argv = [];
+process.version = ''; // empty string to avoid regexp issues
+process.versions = {};
+
+function noop() {}
+
+process.on = noop;
+process.addListener = noop;
+process.once = noop;
+process.off = noop;
+process.removeListener = noop;
+process.removeAllListeners = noop;
+process.emit = noop;
+process.prependListener = noop;
+process.prependOnceListener = noop;
+
+process.listeners = function (name) { return [] }
+
+process.binding = function (name) {
+    throw new Error('process.binding is not supported');
+};
+
+process.cwd = function () { return '/' };
+process.chdir = function (dir) {
+    throw new Error('process.chdir is not supported');
+};
+process.umask = function() { return 0; };
+
+
+/***/ }),
+/* 55 */
+/***/ (function(module, exports) {
+
+var g;
+
+// This works in non-strict mode
+g = (function() {
+	return this;
+})();
+
+try {
+	// This works if eval is allowed (see CSP)
+	g = g || new Function("return this")();
+} catch (e) {
+	// This works if the window reference is available
+	if (typeof window === "object") g = window;
+}
+
+// g can still be undefined, but nothing to do about it...
+// We return undefined, instead of nothing here, so it's
+// easier to handle this case. if(!global) { ...}
+
+module.exports = g;
+
 
 /***/ }),
 /* 56 */
@@ -19414,7 +19454,7 @@ return Promise$1;
 
 //# sourceMappingURL=es6-promise.map
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(53), __webpack_require__(54)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(54), __webpack_require__(55)))
 
 /***/ }),
 /* 57 */
@@ -19964,7 +20004,7 @@ var BrowserQueryStorage = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=query_storage.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(55)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51)))
 
 /***/ }),
 /* 64 */
@@ -20005,7 +20045,7 @@ var EqModelLoader = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=model_loader.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(55)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51)))
 
 /***/ }),
 /* 65 */
@@ -20123,7 +20163,7 @@ var DefaultAggregatesCalculator = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=eq_aggr_container.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(55)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51)))
 
 /***/ }),
 /* 66 */
@@ -20182,7 +20222,7 @@ var EasyQueryDataLoader = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=eq_data_loader.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(55)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51)))
 
 /***/ }),
 /* 67 */
@@ -21524,7 +21564,7 @@ var DefaultDialogSet = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=default_dialog_service.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(106)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(107)))
 
 /***/ }),
 /* 71 */
@@ -23377,7 +23417,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);
     };
@@ -23727,7 +23766,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) {
@@ -25570,7 +25608,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) {
@@ -25844,6 +25882,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);
@@ -25932,9 +25976,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;
@@ -25942,6 +25987,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)
@@ -25963,7 +26011,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;
@@ -26008,7 +26069,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
@@ -26030,7 +26091,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();
@@ -26050,7 +26111,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);
@@ -26817,7 +26878,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())
@@ -26878,10 +26939,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();
@@ -27060,10 +27121,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
@@ -27076,10 +27137,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)
@@ -30039,7 +30100,7 @@ return Promise$1;
 
 //# sourceMappingURL=es6-promise.map
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(112), __webpack_require__(113)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(113), __webpack_require__(114)))
 
 /***/ }),
 /* 101 */
@@ -30049,7 +30110,7 @@ return Promise$1;
 /* 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__(109);
+/* harmony import */ var _http_action_result__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(110);
 /* harmony import */ var _http_method__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(36);
 /* harmony import */ var _http_request__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(57);
 var __extends = (undefined && undefined.__extends) || (function () {
@@ -31373,7 +31434,7 @@ return Promise$1;
 
 //# sourceMappingURL=es6-promise.map
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(53), __webpack_require__(54)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(54), __webpack_require__(55)))
 
 /***/ }),
 /* 103 */
@@ -31808,6 +31869,33 @@ var GoogleDataConverter = /** @class */ (function () {
 /* 105 */
 /***/ (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)))
+
+/***/ }),
+/* 106 */
+/***/ (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);
@@ -32975,10 +33063,10 @@ var EasyGrid = /** @class */ (function () {
 }());
 
 //# sourceMappingURL=easy_grid.js.map
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(106)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(107)))
 
 /***/ }),
-/* 106 */
+/* 107 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(process, global) {/*!
@@ -34155,10 +34243,10 @@ return Promise$1;
 
 //# sourceMappingURL=es6-promise.map
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(53), __webpack_require__(54)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(54), __webpack_require__(55)))
 
 /***/ }),
-/* 107 */
+/* 108 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -34887,7 +34975,7 @@ var AdvancedSearchView = /** @class */ (function (_super) {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(56)))
 
 /***/ }),
-/* 108 */
+/* 109 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -35012,7 +35100,6 @@ var EqServerAggregatesCalculator = /** @class */ (function () {
                 dataTable.addRow(row);
             }
             var levelData = _this.buildLevelData(options.level, dataTable);
-            console.log('Level', options.level, levelData);
             _this.aggrContainer.setAggregateData(options.level, levelData);
             if (options.resultObtainedCallback) {
                 options.resultObtainedCallback(result, options.level);
@@ -35071,7 +35158,7 @@ var EqServerAggregatesCalculator = /** @class */ (function () {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(100)))
 
 /***/ }),
-/* 109 */
+/* 110 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -35102,7 +35189,7 @@ var HttpActionResult = /** @class */ (function () {
 //# sourceMappingURL=http_action_result.js.map
 
 /***/ }),
-/* 110 */
+/* 111 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -35277,14 +35364,14 @@ var DataTableAggregatesCalculator = /** @class */ (function () {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(100)))
 
 /***/ }),
-/* 111 */
+/* 112 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(114);
+module.exports = __webpack_require__(115);
 
 
 /***/ }),
-/* 112 */
+/* 113 */
 /***/ (function(module, exports) {
 
 // shim for using process in browser
@@ -35474,7 +35561,7 @@ process.umask = function() { return 0; };
 
 
 /***/ }),
-/* 113 */
+/* 114 */
 /***/ (function(module, exports) {
 
 var g;
@@ -35500,7 +35587,7 @@ module.exports = g;
 
 
 /***/ }),
-/* 114 */
+/* 115 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -36057,7 +36144,7 @@ var chart_type = __webpack_require__(5);
 var chart_widget = __webpack_require__(47);
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/packs/ui/dist/lib/widgets/charts/chart_widget_google.js
-var chart_widget_google = __webpack_require__(52);
+var chart_widget_google = __webpack_require__(53);
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/packs/ui/dist/lib/widgets/charts/chart_widget_chartjs.js
 var chart_widget_chartjs = __webpack_require__(46);
@@ -36105,7 +36192,7 @@ var condition_renderer = __webpack_require__(35);
 var condition_group_renderer = __webpack_require__(78);
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/packs/ui/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: c:/azuredevops-agents/korzhdev/_work/1/s/packs/ui/dist/lib/widgets/renderers/querypanel/expression_renderer.js
 var expression_renderer = __webpack_require__(23);
@@ -36141,7 +36228,7 @@ var pivot_table_facet = __webpack_require__(90);
 var view = __webpack_require__(32);
 
 // EXTERNAL MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/packs/ui/dist/lib/views/adv_search_view.js
-var adv_search_view = __webpack_require__(107);
+var adv_search_view = __webpack_require__(108);
 
 // CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/packs/ui/dist/lib/views/data_filter_view.js
 var data_filter_view_extends = (undefined && undefined.__extends) || (function () {
@@ -36165,7 +36252,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;
@@ -36243,7 +36332,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.
@@ -36316,7 +36407,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();
         });
@@ -36403,7 +36494,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;
@@ -36415,7 +36506,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) {
@@ -36462,10 +36553,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');
@@ -36770,8 +36865,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) {
@@ -36872,7 +36967,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();
     };
     /**
@@ -37237,6 +37332,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',
@@ -37857,7 +37953,7 @@ var model_ex_DataModelEx = /** @class */ (function (_super) {
 
 //# sourceMappingURL=model_ex.js.map
 // EXTERNAL MODULE: ./dist/lib/data/data_table_aggr_calculator.js
-var data_table_aggr_calculator = __webpack_require__(110);
+var data_table_aggr_calculator = __webpack_require__(111);
 
 // CONCATENATED MODULE: ./dist/lib/extensions.js
 
@@ -38011,7 +38107,7 @@ function hideTrialWM() {
 }
 //# sourceMappingURL=extensions.js.map
 // EXTERNAL MODULE: ./dist/lib/data/eqs_aggr_calculator.js
-var eqs_aggr_calculator = __webpack_require__(108);
+var eqs_aggr_calculator = __webpack_require__(109);
 
 // CONCATENATED MODULE: ./dist/lib/public_api.js