@easyquery/ui 7.2.0-rc06 → 7.2.1-rc02

package/dist/browser/eq.view.css

@@ -1,5 +1,5 @@
 /** 
- * EasyQuery.JS Community 7.2.0-rc06 (https://korzh.com/easyquery/javascript)
+ * EasyQuery.JS Community 7.2.1-rc02 (https://korzh.com/easyquery/javascript)
  * Copyright 2022 Korzh.com. All rights reserved.
  * 
  * EasyQuery.JS commercial licenses may be obtained at

package/dist/browser/eq.view.min.css

@@ -1,5 +1,5 @@
 /** 
- * EasyQuery.JS Community 7.2.0-rc06 (https://korzh.com/easyquery/javascript)
+ * EasyQuery.JS Community 7.2.1-rc02 (https://korzh.com/easyquery/javascript)
  * Copyright 2022 Korzh.com. All rights reserved.
  * 
  * EasyQuery.JS commercial licenses may be obtained at

package/dist/bundles/easyquery.ui.js

@@ -1396,15 +1396,29 @@ var http_client_HttpClient = /** @class */ (function () {
         return new HttpActionResult(request, new Promise(function (resolve, reject) {
             if (options.responseType)
                 xhr.responseType = options.responseType;
+            xhr.onerror = function (error) {
+                reject(new HttpResponseError(xhr.status, xhr.responseText));
+            };
             xhr.onreadystatechange = function () {
-                if (xhr.readyState != 4) {
-                    return;
-                }
+                if (xhr.readyState != 4)
+                    return; //we process only the state change to DONE(4)
                 var responseContentType = xhr.getResponseHeader('Content-Type') || '';
                 var status = xhr.status;
-                if (status >= 400) {
-                    var rtPromise = (xhr.responseType === 'arraybuffer'
-                        || xhr.responseType === 'blob')
+                if (status === 0) {
+                    reject(new HttpResponseError(status, "Network error or the request was aborted"));
+                }
+                else if (status >= 200 && status < 400) {
+                    //Success
+                    var responseObj = (xhr.responseType === 'arraybuffer' || xhr.responseType === 'blob')
+                        ? xhr.response
+                        : (responseContentType.indexOf('application/json') == 0
+                            ? JSON.parse(xhr.responseText)
+                            : xhr.responseText);
+                    resolve(responseObj);
+                }
+                else {
+                    //Error
+                    var rtPromise = (xhr.responseType === 'arraybuffer' || xhr.responseType === 'blob')
                         ? HttpClient.decodeArrayBuffer(xhr.response)
                         : Promise.resolve(xhr.responseText);
                     rtPromise.then(function (responseText) {
@@ -1417,14 +1431,7 @@ var http_client_HttpClient = /** @class */ (function () {
                                 : responseObj);
                         reject(new HttpResponseError(status, message));
                     });
-                    return;
                 }
-                var responseObj = (xhr.responseType === 'arraybuffer' || xhr.responseType === 'blob')
-                    ? xhr.response
-                    : (responseContentType.indexOf('application/json') == 0)
-                        ? JSON.parse(xhr.responseText)
-                        : xhr.responseText;
-                resolve(responseObj);
             };
             xhr.send(dataToSend);
         }));
@@ -3993,7 +4000,6 @@ var AutoResizeColumns;
 // CONCATENATED MODULE: c:/azuredevops-agents/korzhdev/_work/1/s/easydata/easydata.js/packs/ui/dist/lib/grid/easy_grid_cell_renderer.js
 
 
-
 var cssPrefix = "keg";
 var DFMT_REGEX = /{0:(.*?)}/g;
 var CellRendererType;
@@ -4003,17 +4009,15 @@ var CellRendererType;
     CellRendererType[CellRendererType["DATETIME"] = 3] = "DATETIME";
     CellRendererType[CellRendererType["BOOL"] = 4] = "BOOL";
 })(CellRendererType || (CellRendererType = {}));
-var StringCellRendererDefault = function (value, column, cellElement, rowElement) {
+var StringCellRendererDefault = function (value, column, cellValueElement, rowElement) {
     var text = value ? value.toString().replace(/\n/g, '\u21B5 ') : '';
-    var builder = domel('div', cellElement)
-        .addClass(cssPrefix + "-cell-value")
-        .addHtml(text)
-        .title(value || '');
+    cellValueElement.innerHTML = text;
+    cellValueElement.title = text;
     if (column.align == GridColumnAlign.NONE) {
-        builder.addClass(cssPrefix + "-cell-value-align-left");
+        cellValueElement.classList.add(cssPrefix + "-cell-value-align-left");
     }
 };
-var NumberCellRendererDefault = function (value, column, cellElement, rowElement) {
+var NumberCellRendererDefault = function (value, column, cellValueElement, rowElement) {
     var strValue = (value || '').toString();
     if (typeof value == 'number') {
         if (column.dataColumn && column.dataColumn.displayFormat
@@ -4026,15 +4030,13 @@ var NumberCellRendererDefault = function (value, column, cellElement, rowElement
             strValue = value.toLocaleString();
         }
     }
-    var builder = domel('div', cellElement)
-        .addClass(cssPrefix + "-cell-value")
-        .addHtml(strValue)
-        .title(strValue);
+    cellValueElement.innerHTML = strValue;
+    cellValueElement.title = strValue;
     if (column.align == GridColumnAlign.NONE) {
-        builder.addClass(cssPrefix + "-cell-value-align-right");
+        cellValueElement.classList.add(cssPrefix + "-cell-value-align-right");
     }
 };
-var DateTimeCellRendererDefault = function (value, column, cellElement, rowElement) {
+var DateTimeCellRendererDefault = function (value, column, cellValueElement, rowElement) {
     var isDate = Object.prototype.toString.call(value) === '[object Date]';
     var strValue = (value || '').toString();
     if (isDate) {
@@ -4060,27 +4062,23 @@ var DateTimeCellRendererDefault = function (value, column, cellElement, rowEleme
             }
         }
     }
-    var builder = domel('div', cellElement)
-        .addClass(cssPrefix + "-cell-value")
-        .addHtml(strValue)
-        .title(strValue);
+    cellValueElement.innerHTML = strValue;
+    cellValueElement.title = strValue;
     if (column.align == GridColumnAlign.NONE) {
-        builder.addClass(cssPrefix + "-cell-value-align-right");
+        cellValueElement.classList.add(cssPrefix + "-cell-value-align-right");
     }
 };
-var BoolCellRendererDefault = function (value, column, cellElement, rowElement) {
+var BoolCellRendererDefault = function (value, column, cellValueElement, rowElement) {
     if (column.dataColumn && column.dataColumn.displayFormat
         && DFMT_REGEX.test(column.dataColumn.displayFormat)) {
         var strValue = column.dataColumn.displayFormat.replace(DFMT_REGEX, function (_, $1) {
             return public_api["g" /* i18n */].booleanToStr(value, $1);
         });
-        return StringCellRendererDefault(strValue, column, cellElement, rowElement);
+        return StringCellRendererDefault(strValue, column, cellValueElement, rowElement);
     }
     else {
-        domel('div', cellElement)
-            .addClass(cssPrefix + "-cell-value")
-            .addClass(cssPrefix + "-cell-value-bool")
-            .addClass(cssPrefix + "-" + (value ? 'cell-value-true' : 'cell-value-false'));
+        cellValueElement.classList.add(cssPrefix + "-cell-value-bool");
+        cellValueElement.classList.add(cssPrefix + "-" + (value ? 'cell-value-true' : 'cell-value-false'));
     }
 };
 var easy_grid_cell_renderer_GridCellRendererStore = /** @class */ (function () {
@@ -5105,10 +5103,14 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         else if (column.align == GridColumnAlign.CENTER) {
             builder.addClass(this.cssPrefix + "-cell-align-center");
         }
+        var cellElement = builder.toDOM();
+        var valueCell = cellElement.appendChild(domel('div')
+            .addClass(this.cssPrefix + "-cell-value")
+            .toDOM());
         if (column.cellRenderer) {
-            column.cellRenderer(value, column, builder.toDOM(), rowElement);
+            column.cellRenderer(value, column, valueCell, rowElement);
         }
-        return builder.toDOM();
+        return cellElement;
     };
     EasyGrid.prototype.setPage = function (page) {
         this.pagination.page = page;
@@ -6678,24 +6680,18 @@ var browserUtils;
 (function (browserUtils) {
     var _isFirefox = null;
     var _isIE = null;
-    function IsIE() {
+    function isIE() {
         return eval('/*@cc_on!@*/false || !!document.documentMode');
-        // if (_isIE === null) {
-        //     const ua = navigator.userAgent;
-        //     /* MSIE used to detect old browsers and Trident used to newer ones*/
-        //     _isIE = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;
-        // }
-        // return _isIE;
     }
-    browserUtils.IsIE = IsIE;
-    function IsFirefox() {
+    browserUtils.isIE = isIE;
+    function isFirefox() {
         if (_isFirefox === null) {
             var ua = navigator.userAgent;
             _isFirefox = ua.toLowerCase().indexOf('firefox') > -1;
         }
         return _isFirefox;
     }
-    browserUtils.IsFirefox = IsFirefox;
+    browserUtils.isFirefox = isFirefox;
     var _detectedIsMobileMode = false;
     var _isMobileMode = undefined;
     var detectIsMobileMode = function () {
@@ -6942,6 +6938,7 @@ __webpack_require__.d(__webpack_exports__, "ReportView", function() { return /*
 __webpack_require__.d(__webpack_exports__, "DomDropDownElementBuilder", function() { return /* reexport */ DomDropDownElementBuilder; });
 __webpack_require__.d(__webpack_exports__, "dropdown", function() { return /* reexport */ dropdown; });
 __webpack_require__.d(__webpack_exports__, "PopupMenu", function() { return /* reexport */ popup_menu_PopupMenu; });
+__webpack_require__.d(__webpack_exports__, "browserUtils", function() { return /* reexport */ browser_utils["a" /* browserUtils */]; });
 __webpack_require__.d(__webpack_exports__, "QPEditablePart", function() { return /* reexport */ QPEditablePart; });
 __webpack_require__.d(__webpack_exports__, "FacetType", function() { return /* reexport */ FacetType; });
 __webpack_require__.d(__webpack_exports__, "ExportDialog", function() { return /* reexport */ export_dialog_ExportDialog; });
@@ -8013,8 +8010,12 @@ var popup_menu_MenuLevel = /** @class */ (function () {
                         cb.style.verticalAlign = "top";
                     }
                 }
-                var itemText = document.createTextNode(item.text);
-                itemDiv.appendChild(itemText);
+                var itemText = item.text;
+                if (this.parentMenu.options.showItemIds) {
+                    itemText = item.id + ':' + itemText;
+                }
+                var itemTextNode = document.createTextNode(itemText);
+                itemDiv.appendChild(itemTextNode);
                 if (item.items && item.items.length > 0) {
                     itemDiv.classList.add(this.cssPrefix + "-itemDiv-hasChildren");
                     var arrowSpan = document.createElement('span');
@@ -8613,7 +8614,8 @@ var popup_menu_PopupMenu = /** @class */ (function () {
             activateOnMouseOver: true,
             container: document.body,
             domWriteItemsId: false,
-            itemRenderedCallback: null
+            itemRenderedCallback: null,
+            showItemIds: false
         };
         if (options) {
             public_api["i" /* utils */].assignDeep(this.options, options);
@@ -13051,8 +13053,6 @@ var condition_renderer_ConditionRenderer = /** @class */ (function () {
             Object(lib_public_api["i" /* domel */])(this.element)
                 .html('');
         }
-        //        const elClone = this.element.cloneNode(true);
-        //        this.element.parentNode.replaceChild(elClone, el);
     };
     ConditionRenderer.prototype.render = function (autoAppear) {
         this.clear();
@@ -14248,7 +14248,8 @@ var list_expression_renderer_ListExpressionRenderer = /** @class */ (function (_
             items: this.menuItemsList,
             multiselect: multiSelect,
             container: queryPanel ? queryPanel.options.menuContainer : null,
-            showSelected: true
+            showSelected: true,
+            showItemIds: queryPanel ? queryPanel.options.showIdsForListItems : false
         };
         if (queryPanel) {
             public_api["i" /* utils */].assignDeep(options, queryPanel.options.menuOptions);
@@ -17059,7 +17060,7 @@ var result_facet_ResultFacet = /** @class */ (function () {
         var b = Object(lib_public_api["i" /* domel */])('div')
             .addClass('kfrm-form')
             .addChild('div', function (b) { return fieldsContainer = b
-            .addClass("" + (browser_utils["a" /* browserUtils */].IsIE()
+            .addClass("" + (browser_utils["a" /* browserUtils */].isIE()
             ? 'kfrm-fields-ie col-ie-1-4 label-align-right'
             : 'kfrm-fields col-a-1 label-align-right'))
             .toDOM(); });
@@ -17069,7 +17070,7 @@ var result_facet_ResultFacet = /** @class */ (function () {
     ResultFacet.prototype.renderFormFields = function (form, fieldsContainer) {
         var _this = this;
         var cont = fieldsContainer;
-        if (browser_utils["a" /* browserUtils */].IsIE()) {
+        if (browser_utils["a" /* browserUtils */].isIE()) {
             cont = Object(lib_public_api["i" /* domel */])('div', fieldsContainer)
                 .addClass('kfrm-field-ie')
                 .toDOM();
@@ -17839,7 +17840,7 @@ var chart_widget_google_GoogleChartWidget = /** @class */ (function (_super) {
     GoogleChartWidget.prototype.convertToGoogleValue = function (value, type) {
         switch (type) {
             case public_api["d" /* DataType */].Bool:
-                return value.toString();
+                return value ? value.toString() : null;
             default:
                 return value;
         }
@@ -17984,7 +17985,7 @@ var chart_facet_ChartFacet = /** @class */ (function (_super) {
     ChartFacet.prototype.renderFormFields = function (form, fieldsContainer) {
         var _this = this;
         _super.prototype.renderFormFields.call(this, form, fieldsContainer);
-        var isIE = browser_utils["a" /* browserUtils */].IsIE();
+        var isIE = browser_utils["a" /* browserUtils */].isIE();
         var horizClass = isIE ? 'kfrm-fields-ie is-horizontal' : 'kfrm-fields is-horizontal';
         // Chart type
         var chartTypeSelector = document.createElement('select');
@@ -18093,6 +18094,12 @@ var chart_facet_ChartFacet = /** @class */ (function (_super) {
         })
             .addText(' ' + public_api["g" /* i18n */].getText('Facets', 'Chart', 'ShowLegendLabel')); }); });
     };
+    ChartFacet.prototype.afterDialogOpened = function (dlg) {
+        if (this.getContext().resultTable.columns.getItems().filter(function (col) { return public_api["i" /* utils */].isNumericType(col.type); }).length <= 0) {
+            dlg.showAlert('The dataset should contain at least one numeric column to build a chart', 'error');
+            dlg.getSubmitButtonElement().disabled = true;
+        }
+    };
     ChartFacet.prototype.submitSettingsDialog = function () {
         var result = _super.prototype.submitSettingsDialog.call(this);
         var chartTypeSelector = document.getElementById('chart_type_selector');
@@ -18339,7 +18346,7 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
             public_api["d" /* DataType */].Int64, public_api["d" /* DataType */].Word, public_api["d" /* DataType */].Byte];
         var fieldTypes = [public_api["d" /* DataType */].String, public_api["d" /* DataType */].Float, public_api["d" /* DataType */].Int32,
             public_api["d" /* DataType */].Int64, public_api["d" /* DataType */].Word, public_api["d" /* DataType */].Byte, public_api["d" /* DataType */].Currency];
-        var isIE = browser_utils["a" /* browserUtils */].IsIE();
+        var isIE = browser_utils["a" /* browserUtils */].isIE();
         var current = fieldsContainer;
         var horizClass = isIE ? 'kfrm-fields-ie is-horizontal' : 'kfrm-fields is-horizontal';
         var getCurrent = function () {
@@ -18451,6 +18458,10 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
         if (colId) {
             this.validateSelectedField(colId);
         }
+        if (this.getQuery().getColumns().length <= 2) {
+            dlg.showAlert('The dataset should contain at least three columns to build a pivot table', 'error');
+            dlg.getSubmitButtonElement().disabled = true;
+        }
     };
     PivotTableFacet.prototype.validateSelectedField = function (colId) {
         var dataTable = this.getContextDataTable();
@@ -19018,17 +19029,7 @@ var result_facets_panel_ResultFacetsPanel = /** @class */ (function (_super) {
             if (_this.options.facetTypes.indexOf(item.id) < 0)
                 return false;
             if (item.id === FacetType.DataGrid) {
-                return _this.facets.filter(function (facet) { return facet.getType() == FacetType.DataGrid; })
-                    .length === 0;
-            }
-            if (item.id === FacetType.PivotTable) {
-                return _this.getQuery().getColumns()
-                    .length > 2;
-            }
-            if (item.id === FacetType.Chart) {
-                return _this.context.resultTable.columns.getItems()
-                    .filter(function (col) { return public_api["i" /* utils */].isNumericType(col.type); })
-                    .length > 0;
+                return _this.facets.filter(function (facet) { return facet.getType() == FacetType.DataGrid; }).length === 0;
             }
             return true;
         };
@@ -19288,7 +19289,7 @@ var result_facets_panel_ResultFacetsPanel = /** @class */ (function (_super) {
     };
     ResultFacetsPanel.prototype.renderFacet = function (facet) {
         this.renderFacetTab(facet);
-        var body = this.renderFacetBody(facet);
+        var body = this.renderFacetSlot(facet);
         facet.init(body);
     };
     ResultFacetsPanel.prototype.renderFacetTab = function (facet) {
@@ -19315,12 +19316,11 @@ var result_facets_panel_ResultFacetsPanel = /** @class */ (function (_super) {
             .on('click', function (e) { return _this.selectClickHandler(facet); })
             .toDOM();
     };
-    ResultFacetsPanel.prototype.renderFacetBody = function (facet) {
+    ResultFacetsPanel.prototype.renderFacetSlot = function (facet) {
         var element = Object(lib_public_api["i" /* domel */])('div', this.bodyDiv)
             .addClass(utils["b" /* eqCssPrefix */] + "-facet")
             .hide()
             .toDOM();
-        // makeElementMaximizable(element);
         return element;
     };
     ResultFacetsPanel.prototype.refreshFacetTabs = function () {
@@ -19362,7 +19362,7 @@ var result_facets_panel_ResultFacetsPanel = /** @class */ (function (_super) {
             itemFilterCallback: this.menuItemsFilter,
             itemSelectedCallback: function (data) {
                 var facet = _this.createFacetTab(data.id);
-                var facetSlot = _this.renderFacetBody(facet);
+                var facetSlot = _this.renderFacetSlot(facet);
                 facet.init(facetSlot);
                 facet.showSettingsDialog()
                     .then(function (submited) {
@@ -19376,7 +19376,7 @@ var result_facets_panel_ResultFacetsPanel = /** @class */ (function (_super) {
                     else {
                         _this.bodyDiv.removeChild(facetSlot);
                     }
-                    _this.validateAddFacetButton();
+                    //this.validateAddFacetButton();
                 })
                     .catch(function (error) { return console.error(error); });
             }
@@ -19680,7 +19680,7 @@ var aggr_settings_renderer_AggrSettingsRenderer = /** @class */ (function () {
             .addChild('div', function (b) { return b
             .addClass(_this.cssPrefix + "-counts")
             .addChild('label', function (b) { return b
-            .addClass('switch')
+            .addClass('eqjs-ctrl-switch')
             .addChild('input', function (b) {
             b.attr('type', 'checkbox');
             if (_this.state.recordCount) {
@@ -19696,7 +19696,7 @@ var aggr_settings_renderer_AggrSettingsRenderer = /** @class */ (function () {
             .addChild('div', function (b) { return b
             .addClass(_this.cssPrefix + "-grandtotals")
             .addChild('label', function (b) { return b
-            .addClass('switch')
+            .addClass('eqjs-ctrl-switch')
             .addChild('input', function (b) {
             b.attr('type', 'checkbox');
             if (_this.state.grandTotals) {
@@ -20048,7 +20048,7 @@ var aggr_settings_dialog_AggrSettingsDialog = /** @class */ (function () {
             .addChild('div', function (b) { return b
             .addClass("eqjs-as-enableaggr")
             .addChild('label', function (b) { return b
-            .addClass('switch')
+            .addClass('eqjs-ctrl-switch')
             .addChild('input', function (b) {
             b.attr('type', 'checkbox');
             if (_this.query.enableAggregation) {
@@ -20454,8 +20454,10 @@ var view_View = /** @class */ (function () {
                 resultGrid: {
                     addColumns: false
                 }
-            }
+            },
+            handlers: {}
         };
+        this.viewOptions = {};
         this.resultOptions = {};
         this.enableExport = false;
         this.resetContext();
@@ -20473,9 +20475,10 @@ var view_View = /** @class */ (function () {
             // to support shadow DOM rendering
             if (options && options.shadowRoots)
                 this.domRoots = this.domRoots.concat(options.shadowRoots);
-            options = this.initOptions(options);
-            this.initWidgets(options);
-            this.context.init(options);
+            this.viewOptions = this.initOptions(options);
+            this.resultOptions = public_api["i" /* utils */].assignDeep(this.defaultViewOptions.result, this.viewOptions.result);
+            this.initWidgets(this.viewOptions);
+            this.context.init(this.viewOptions);
             this.initDone();
         }
         catch (err) {
@@ -20483,26 +20486,7 @@ var view_View = /** @class */ (function () {
         }
     };
     View.prototype.initOptions = function (options) {
-        if (options) {
-            options = public_api["i" /* utils */].assignDeep({}, this.defaultViewOptions, options);
-        }
-        else {
-            options = this.defaultViewOptions;
-        }
-        if (!options.handlers) {
-            options.handlers = {};
-        }
-        if (!options.widgets) {
-            options.widgets = {};
-        }
-        this.resultOptions = public_api["i" /* utils */].assignDeep(this.resultOptions, options.result);
-        if (typeof this.resultOptions.showProcessIndicator == 'undefined') {
-            this.resultOptions.showProcessIndicator = true;
-        }
-        else if (options.widgets.facetsPanel) {
-            options.widgets.facetsPanel.showProcessIndicator
-                = this.resultOptions.showProcessIndicator;
-        }
+        options = public_api["i" /* utils */].assignDeep(this.defaultViewOptions, options);
         // support old format 
         if (!options.widgets.easyGrid) {
             options.widgets.easyGrid = options.widgets.resultGrid || {};
@@ -20516,8 +20500,9 @@ var view_View = /** @class */ (function () {
             options.widgets.columnsPanel = options.widgets.columnsPanel || {};
             options.widgets.columnsPanel.titleElementFormat = options.widgets.columnsPanel.titleElementFormat || options.columnTitleFormat;
         }
+        //to support old paging options (should be removed in the next versions)
         options.widgets.easyGrid.paging =
-            public_api["i" /* utils */].assignDeep(this.resultOptions.paging, options.widgets.easyGrid.paging);
+            public_api["i" /* utils */].assignDeep({}, options.result.paging, options.widgets.easyGrid.paging);
         this.enableExport = options.enableExport || false;
         if (!options.widgets.exportWidget) {
             options.widgets.exportWidget = {};
@@ -21033,14 +21018,10 @@ var adv_search_view_AdvancedSearchView = /** @class */ (function (_super) {
             if (_this.resultCountSlot) {
                 _this.resultCountSlot.style.display = "none";
             }
-            if (_this.options.syncQueryOnChange) {
+            if (_this.viewOptions.syncQueryOnChange) {
                 _this.syncQuery();
             }
-            // if (this.options.executeQueryOnChange) {
-            //     console.warn('`options.executeQueryOnChange` is deprecated. Use fetchDataOnChange instead');
-            //     this.options.fetchDataOnChange = true;
-            // }
-            if (_this.options.fetchDataOnChange) {
+            if (_this.viewOptions.fetchDataOnChange) {
                 if (!eventData || (eventData.part != external_easyqueryCore_["QueryChangePart"].ExtraData
                     && eventData.part != external_easyqueryCore_["QueryChangePart"].Facets)) {
                     _this.fetchData();
@@ -21091,13 +21072,11 @@ var adv_search_view_AdvancedSearchView = /** @class */ (function (_super) {
         }
     };
     AdvancedSearchView.prototype.initOptions = function (options) {
-        this.options = _super.prototype.initOptions.call(this, options);
-        if (typeof (this.options.syncQueryOnChange) == 'undefined') {
-            this.options.syncQueryOnChange = true;
+        options = _super.prototype.initOptions.call(this, options);
+        if (typeof (options.syncQueryOnChange) == 'undefined') {
+            options.syncQueryOnChange = true;
         }
-        // hide any dropdown menu when user clicks somewhere
-        window.addEventListener('click', this.outsideClickHandler);
-        return this.options;
+        return options;
     };
     AdvancedSearchView.prototype.initWidgets = function (options) {
         var _this = this;
@@ -21223,6 +21202,8 @@ var adv_search_view_AdvancedSearchView = /** @class */ (function (_super) {
                 this.loadQueryFromFileButton.addEventListener('click', this.loadQueryFromFileButtonClickHandler);
             }
         }
+        // hide any dropdown menu when user clicks somewhere
+        window.addEventListener('click', this.outsideClickHandler);
     };
     AdvancedSearchView.prototype.initDone = function () {
         _super.prototype.initDone.call(this);
@@ -21328,7 +21309,7 @@ var adv_search_view_AdvancedSearchView = /** @class */ (function (_super) {
     AdvancedSearchView.prototype.checkIfQueryModified = function (callback) {
         var _this = this;
         if (this.context.getQuery().isModified()
-            && !this.options.disableConfirmationOnQueryChange) {
+            && !this.viewOptions.disableConfirmationOnQueryChange) {
             this.showQueryChangedDialog(function (result) {
                 if (result) {
                     _this.saveCurrentQuery(false, callback);
@@ -21499,7 +21480,7 @@ var adv_search_view_AdvancedSearchView = /** @class */ (function (_super) {
     };
     AdvancedSearchView.prototype.renderSaveToFileDialogBody = function (name, format) {
         if (format === void 0) { format = "json"; }
-        var isIE = browser_utils["a" /* browserUtils */].IsIE();
+        var isIE = browser_utils["a" /* browserUtils */].isIE();
         var fieldsClass = isIE
             ? 'kfrm-fields-ie col-ie-1-4 label-align-right'
             : 'kfrm-fields col-a-1 label-align-right';
@@ -21846,7 +21827,6 @@ var report_view_ReportView = /** @class */ (function (_super) {
         _this.enableExport = false;
         _this.useReportCache = true;
         _this.syncReportOnChange = true;
-        _this.fetchDataOnChange = false;
         _this._reportSaveTemplate = "<div id=\"kdlg-dialog-form\" class=\"kfrm-form\">\n            <div class=\"kfrm-fields label-above\">\n                <label for=\"kdlg-dialog-form-input\" id=\"kdlg-dialog-form-content\"></label>\n                <input type=\"text\" name=\"kdlg-dialog-form-input\" id=\"kdlg-dialog-form-input\" />\n                <label for=\"kdlg-dialog-form-textarea\" id=\"kdlg-dialog-form-desc-label\"></label>\n                <textarea type=\"text\" name=\"kdlg-dialog-form-textarea\" id=\"kdlg-dialog-form-textarea\"></textarea>\n            </div>\n        </div>";
         _this.context.useStoredQueryOnFetch = true;
         _this.exportButtonClickHandler = function (srcElement, e) {
@@ -21900,25 +21880,32 @@ var report_view_ReportView = /** @class */ (function (_super) {
                     }
                 }
             }
+            //true if we just switched the report or changed facets (query was not changed)
+            var isLiteUpdate = !eventData
+                || eventData.changeType == "query.switched"
+                || eventData.part == external_easyqueryCore_["QueryChangePart"].ExtraData
+                || eventData.part == external_easyqueryCore_["QueryChangePart"].Facets;
+            var syncStarted = false;
             if (_this.syncReportOnChange) {
                 var needSync = eventData && eventData.changeType != "query.switched" && !eventData.noSync;
                 if (needSync) {
-                    _this.syncReport();
+                    syncStarted = true;
+                    _this.syncReport({
+                        success: function () {
+                            // fetch data on query change
+                            if (!isLiteUpdate && _this.viewOptions.fetchDataOnChange) {
+                                _this.fetchData();
+                            }
+                        }
+                    });
                 }
             }
-            if (!eventData
-                || eventData.changeType == "query.switched"
-                || eventData.part == external_easyqueryCore_["QueryChangePart"].ExtraData
-                || eventData.part == external_easyqueryCore_["QueryChangePart"].Facets) {
-                return;
-            }
             // clear dataset result on query change
-            if (_this.resultOptions.clearResultOnQueryChange) {
+            if (!isLiteUpdate && _this.resultOptions.clearResultOnQueryChange) {
                 _this.context.clearResult();
                 _this.context.refreshWidgets(external_easyqueryCore_["WidgetGroup"].Result);
             }
-            // fetch data on query change
-            if (_this.fetchDataOnChange) {
+            if (!isLiteUpdate && !syncStarted && _this.viewOptions.fetchDataOnChange) {
                 _this.fetchData();
             }
         });
@@ -22206,7 +22193,7 @@ var report_view_ReportView = /** @class */ (function (_super) {
     /**
     * Sends current report's query to back-end.
     */
-    ReportView.prototype.syncReport = function () {
+    ReportView.prototype.syncReport = function (options) {
         var _this = this;
         if (this.useReportCache) {
             var query = this.context.getQuery();
@@ -22218,10 +22205,15 @@ var report_view_ReportView = /** @class */ (function (_super) {
         }
         this.context.syncQuery({
             success: function (responseData) {
-                if (responseData.query)
+                if (responseData.query) {
                     _this.context.refreshWidgets(external_easyqueryCore_["WidgetGroup"].Query);
-                if (responseData.statement)
+                }
+                if (responseData.statement) {
                     _this.context.refreshWidgets(external_easyqueryCore_["WidgetGroup"].Statement);
+                }
+                if (options && options.success) {
+                    options.success(responseData);
+                }
             }
         });
     };
@@ -22306,7 +22298,7 @@ var report_view_ReportView = /** @class */ (function (_super) {
             this.newReportButton.removeEventListener('click', this.newReportButtonClickHandler);
             this.newReportButton = null;
         }
-        if (!this.loadReportButton) {
+        if (this.loadReportButton) {
             this.loadReportButton.removeEventListener('click', this.loadReportButtonClickHandler);
             this.loadReportButton = null;
         }
@@ -22314,7 +22306,7 @@ var report_view_ReportView = /** @class */ (function (_super) {
             this.saveReportButton.addEventListener('click', this.saveReportButtonClickHandler);
             this.saveReportButton = null;
         }
-        if (!this.removeReportButton) {
+        if (this.removeReportButton) {
             this.removeReportButton.removeEventListener('click', this.removeReportButtonClickHandler);
             this.removeReportButton = null;
         }
@@ -22867,6 +22859,7 @@ external_easyqueryCore_["EqServiceProvider"].prototype.getDialogService = functi
 
 
 
+
 
 
 if (!Element.prototype.matches) {