devexpress-dashboard 19.1.13 → 19.2.3

package/_bundle/bundle.d.ts

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (bundle.d.ts)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import '../index';

package/_bundle/bundle.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (bundle.js)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 "use strict";

package/common/_dashboard-surface.d.ts

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (_dashboard-surface.d.ts)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { DisposableObject } from '../model/disposable-object';

package/common/_dashboard-surface.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (_dashboard-surface.js)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 "use strict";

package/common/_data-source-browser.d.ts

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (_data-source-browser.d.ts)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { DataField, IDataField } from '../model/data-sources/_data-field';
@@ -61,7 +61,7 @@ export declare class DataSourceBrowser {
     constructor(_dataSources: ko.ObservableArray<DataSource>, isDesignMode: ko.Observable<boolean>, parameters?: ko.ObservableArray<Parameter>, _serviceClient?: ko.Observable<IDataServiceClient>, isLoading?: ko.Observable<boolean>);
     getDimensionFilterItems(dashboardItem: DashboardItem, dimensionDataMember: string, previousState: Array<IFilterItem>, branch: Array<any>): JQueryPromise<Array<IFilterItem>>;
     getDimensionFilterString(dashboardItem: DashboardItem, dimensionDataMember: string, previousState: Array<IFilterItem>): JQueryPromise<string>;
-    getDataFieldsArray(dataSourceName: string, dataMember: string, fieldPath: string): JQueryPromise<Array<IDataField>>;
+    getDataFieldsArray(dataSourceName: string, dataMember: string, fieldPath: string, filterDelegate?: (field: IDataField) => boolean): JQueryPromise<Array<IDataField>>;
     isFolder(path: string): boolean;
     findPathToFieldInTree(dataSourceName: string, dataMemberName: string, fieldName: string, constraint: IFieldConstraint): JQueryPromise<string>;
     findDataField(dataSourceName: string, dataMemberName: string, fullFieldName: string, separateGroupFields?: boolean): JQueryPromise<IDataField>;
@@ -94,3 +94,4 @@ export declare class DataSourceBrowser {
     private _unsubscribeDataSources;
     dispose(): void;
 }
+export declare function isNonCollectionDataField(dataField: IDataField): boolean;

package/common/_data-source-browser.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (_data-source-browser.js)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 "use strict";
@@ -150,8 +150,9 @@ var DataSourceBrowser = (function () {
             if (path === fieldPath || path.indexOf(fieldPath + ".") === 0) {
                 var a = function (notClosuredPath, notClosuredFieldPath) {
                     return function (fields) {
-                        for (var i_1 = 0; i_1 < fields.length; i_1++) {
-                            var field = fields[i_1];
+                        var filteredFields = fields.filter(isNonCollectionDataField);
+                        for (var i_1 = 0; i_1 < filteredFields.length; i_1++) {
+                            var field = filteredFields[i_1];
                             var foundField = field.dataMember() === fieldName && constraint(field) ? field : undefined;
                             var groupDataItems = field["groupDataItems"];
                             if ((!foundField || separateGroupFields) && !!groupDataItems && groupDataItems.length > 0) {
@@ -210,8 +211,9 @@ var DataSourceBrowser = (function () {
         }
         return result;
     };
-    DataSourceBrowser.prototype.getDataFieldsArray = function (dataSourceName, dataMember, fieldPath) {
+    DataSourceBrowser.prototype.getDataFieldsArray = function (dataSourceName, dataMember, fieldPath, filterDelegate) {
         var _this = this;
+        if (filterDelegate === void 0) { filterDelegate = function () { return true; }; }
         var id = !!dataMember ? [dataSourceName, dataMember].join(".") : dataSourceName;
         id = !!fieldPath ? [id, fieldPath].join(".") : id;
         var dataSource = this.findDataSource(dataSourceName);
@@ -223,16 +225,19 @@ var DataSourceBrowser = (function () {
             var fieldType = calcField.fieldType();
             var name = calcField.name();
         });
-        var result = this._fieldsCache[id];
-        if (!result) {
-            var deferred = $.Deferred();
-            result = deferred.promise();
+        var result = $.Deferred();
+        var cachedValue = this._fieldsCache[id];
+        if (cachedValue) {
+            cachedValue.done(function (dataFields) { return result.resolve(dataFields.filter(filterDelegate)); });
+        }
+        else {
             if (!!dataSourceName && !!dataSource && !!this._serviceClient) {
-                this._fieldsCache[id] = result;
+                var valueToCache_1 = $.Deferred();
+                this._fieldsCache[id] = valueToCache_1.promise();
                 setTimeout(function () {
                     _this._serviceClient.peek().getFieldList(dataSource, dataMember, fieldPath).done(function (list) {
                         var members = [];
-                        (list || []).filter(function (item) { return !(item.NodeType === "DataMember" && item.ChildNodes === null); }).forEach(function (field) {
+                        (list || []).forEach(function (field) {
                             var dataField = new _data_field_1.DataField(field);
                             members.push(dataField);
                             _this._cacheNestedFields(id, dataField);
@@ -241,17 +246,19 @@ var DataSourceBrowser = (function () {
                             members = members
                                 .sort(function (f1, f2) { return f1.displayName().localeCompare(f2.displayName()); });
                         }
-                        deferred.resolve(members);
+                        valueToCache_1
+                            .resolve(members)
+                            .done(function (dataFields) { return result.resolve(dataFields.filter(filterDelegate)); });
                     }).fail(function () {
-                        deferred.resolve([]);
+                        result.resolve([]);
                     });
                 }, 1);
             }
             else {
-                deferred.resolve([]);
+                result.resolve([]);
             }
         }
-        return result;
+        return result.promise();
     };
     DataSourceBrowser.prototype.isFolder = function (path) {
         return !!this._fieldsCache[path];
@@ -259,7 +266,7 @@ var DataSourceBrowser = (function () {
     DataSourceBrowser.prototype.findPathToFieldInTree = function (dataSourceName, dataMemberName, fieldName, constraint) {
         var _this = this;
         var deferred = $.Deferred();
-        this.getDataFieldsArray(dataSourceName, dataMemberName, "").done(function () {
+        this.getDataFieldsArray(dataSourceName, dataMemberName, "", isNonCollectionDataField).done(function () {
             _this._findInFieldsCache(dataSourceName, dataMemberName, fieldName, constraint, false).done(function (info) { return deferred.resolve(info.path); });
         });
         return deferred.promise();
@@ -276,7 +283,7 @@ var DataSourceBrowser = (function () {
         if (dataSource instanceof object_data_source_1.ObjectDataSource || dataSource instanceof ef_data_source_1.EFDataSource) {
             info = splitFullFieldName(fullFieldName);
         }
-        this.getDataFieldsArray(dataSourceName, dataMemberName, info.path).done(function () {
+        this.getDataFieldsArray(dataSourceName, dataMemberName, info.path, isNonCollectionDataField).done(function () {
             _this._findInFieldsCache(dataSourceName, dataMemberName, fullFieldName, function () { return true; }, separateGroupFields).done(function (info) { return deferred.resolve(info.field); });
         });
         return deferred.promise();
@@ -289,6 +296,7 @@ var DataSourceBrowser = (function () {
             if (path === startPath || path.indexOf(startPath + ".") === 0) {
                 findPromises.push(_this._fieldsCache[path].done(function (fields) {
                     fields
+                        .filter(function (field) { return isNonCollectionDataField; })
                         .filter(function (field) { return strContains(field.dataMember(), searchFor) || strContains(field.displayName(), searchFor); })
                         .forEach(function (field) { return result.push({ path: path, field: field }); });
                 }));
@@ -313,7 +321,7 @@ var DataSourceBrowser = (function () {
         if (dsc) {
             var dataSource = this.findDataSource(dsc.dataSource());
             if (dataSource && dataSource.supportDataMembers) {
-                this.getDataFieldsArray(dsc.dataSource(), "", "").done(function (members) {
+                this.getDataFieldsArray(dsc.dataSource(), "", "", isNonCollectionDataField).done(function (members) {
                     result(members.map(function (member) { return member.dataMember(); }));
                 });
             }
@@ -339,7 +347,7 @@ var DataSourceBrowser = (function () {
     DataSourceBrowser.prototype.getDataFields = function (dsc) {
         var result = ko.observableArray();
         if (dsc) {
-            this.getDataFieldsArray(dsc.dataSource(), dsc.dataMember(), "").done(function (members) {
+            this.getDataFieldsArray(dsc.dataSource(), dsc.dataMember(), "", isNonCollectionDataField).done(function (members) {
                 result(members.map(function (member) { return member.displayName(); }));
             });
         }
@@ -364,20 +372,10 @@ var DataSourceBrowser = (function () {
                 newDataField.hasCalculatedFields = true;
                 return newDataField;
             })).promise();
-            this._disposables.push(_knockout_utils_1.subscribeArrayChange(dataSource.queries, {
-                added: function (query) {
-                    _this.clearFieldsCache(dataSource.componentName());
-                    _this.initDataSource(dataSource);
-                },
-                deleted: function (query) {
-                    _this.clearFieldsCache(dataSource.componentName());
-                    _this.initDataSource(dataSource);
-                }
-            }));
         }
-        if (dataSource instanceof ef_data_source_1.EFDataSource) {
+        else if (dataSource instanceof ef_data_source_1.EFDataSource) {
             this.isLoading(true);
-            this.getDataFieldsArray(dataSource.componentName(), "", "").done(function (members) {
+            this.getDataFieldsArray(dataSource.componentName(), "", "", isNonCollectionDataField).done(function (members) {
                 dataSource._tables(members);
                 _this.isLoading(false);
             });
@@ -490,3 +488,11 @@ var DataSourceBrowser = (function () {
     return DataSourceBrowser;
 }());
 exports.DataSourceBrowser = DataSourceBrowser;
+function isNonCollectionDataField(dataField) {
+    if (!dataField)
+        return;
+    var nodeType = ko.unwrap(dataField.nodeType);
+    var childNodes = ko.unwrap(dataField.childNodes);
+    return !(nodeType === 'DataMember' && childNodes && childNodes.length === 0);
+}
+exports.isNonCollectionDataField = isNonCollectionDataField;

package/common/_service-client.d.ts

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (_service-client.d.ts)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { DashboardItem } from '../model/items/dashboard-item';
@@ -46,7 +46,7 @@ export interface IDataServiceClient {
     getItemData(item: DashboardItem, isModeAllowsToReduceData: boolean): JQueryPromise<{}>;
     getColoringScheme: (itemName: string) => JQueryPromise<{}>;
     getMapShapeFile: (itemName: string) => JQueryPromise<{}>;
-    getDashboardPalette: () => JQueryPromise<{}>;
+    getDashboardPalette: () => JQueryPromise<Object>;
     getUnderlyingData: (itemName: string, columnValues: Array<string>, rowValues: Array<string>, columnNames: Array<string>, dataQueryParams: any) => JQueryPromise<{}>;
     markDataSourcesForReload: () => JQueryPromise<{}>;
     performExport(exportArgs: ExportInfo, exportModels: ItemExportModel[]): any;

package/common/_service-client.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (_service-client.js)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 "use strict";

package/common/common-interfaces.d.ts

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (common-interfaces.d.ts)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { Dashboard } from '../model/dashboard';

package/common/common-interfaces.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (common-interfaces.js)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 "use strict";

package/common/control-options.d.ts

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (control-options.d.ts)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { DashboardControl } from './dashboard-control';

package/common/control-options.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (control-options.js)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 "use strict";

package/common/custom-viewer-item/custom-viewer-item.d.ts

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (custom-viewer-item.d.ts)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { ICustomDataRow } from '../../model/items/custom-item/data-row';

package/common/custom-viewer-item/custom-viewer-item.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (custom-viewer-item.js)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 "use strict";

package/common/dashboard-control.d.ts

@@ -1,11 +1,12 @@
 /**
 * DevExpress Dashboard (dashboard-control.d.ts)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { IExtension, KnockoutTemplate, IRemoteService, DashboardContainer } from './common-interfaces';
+import { DashboardUpdateHub } from './dashboard-update-hub/_dashboard-update-hub';
 import { IDashboardContext } from './viewer/_viewer-interfaces';
 import { IEndpointCollection, IDashboardLayout, ILayoutBinder } from './internal/_interfaces';
 import { DashboardSurface } from './_dashboard-surface';
@@ -22,7 +23,8 @@ export declare class DashboardControl {
     private static recursiveAsyncEval;
     private _itemBatchRequestsEnabled;
     private _extensions;
-    private _updateHub;
+    private _updateHubPrivate;
+    readonly _updateHub: DashboardUpdateHub;
     private _encodeHtml;
     private _useNeutralFilterMode;
     private _allowMaximizeItems;
@@ -65,10 +67,10 @@ export declare class DashboardControl {
     customTemplates: ko.ObservableArray<KnockoutTemplate>;
     getWidgetContainer: () => HTMLElement;
     readonly allowSwitchToDesigner: boolean;
-    readonly colorSchemeCss: "dx-color-scheme-light" | "dx-color-scheme-dark";
     readonly maximizedDashboardItemName: string;
     readonly extensions: IExtension[];
     constructor(element: Element, options?: DashboardControlOptions);
+    readonly _colorSchemeCss: "dx-color-scheme-light" | "dx-color-scheme-dark";
     repaint(): void;
     render(): void;
     maximizeDashboardItem(itemName: string): void;

package/common/dashboard-control.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (dashboard-control.js)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 "use strict";
@@ -103,6 +103,7 @@ var DashboardControl = (function () {
             beforeApplyOptions: $.Callbacks(),
             viewerItemCreated: $.Callbacks(),
             viewerItemDispose: $.Callbacks(),
+            addContextToolbarItems: $.Callbacks(),
             viewerItemCreator: {},
             refresh: function (itemName) { return _this.refresh(itemName); },
             useNeutralFilterMode: function () { return _this._useNeutralFilterMode; },
@@ -201,28 +202,28 @@ var DashboardControl = (function () {
             endCallback(previousOptions);
         }
     };
-    Object.defineProperty(DashboardControl.prototype, "encodeHtml", {
+    Object.defineProperty(DashboardControl.prototype, "_updateHub", {
         get: function () {
-            return this._encodeHtml;
+            return this._updateHubPrivate;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DashboardControl.prototype, "allowSwitchToDesigner", {
+    Object.defineProperty(DashboardControl.prototype, "encodeHtml", {
         get: function () {
-            return this._allowSwitchToDesigner;
+            return this._encodeHtml;
         },
         enumerable: true,
         configurable: true
     });
-    ;
-    Object.defineProperty(DashboardControl.prototype, "colorSchemeCss", {
+    Object.defineProperty(DashboardControl.prototype, "allowSwitchToDesigner", {
         get: function () {
-            return _dx_devextreme_themes_integration_1.getBaseColorScheme() === "light" ? "dx-color-scheme-light" : "dx-color-scheme-dark";
+            return this._allowSwitchToDesigner;
         },
         enumerable: true,
         configurable: true
     });
+    ;
     Object.defineProperty(DashboardControl.prototype, "maximizedDashboardItemName", {
         get: function () {
             var fullscreenItemProvider = this._getFullscreenItemProvider();
@@ -238,6 +239,13 @@ var DashboardControl = (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(DashboardControl.prototype, "_colorSchemeCss", {
+        get: function () {
+            return _dx_devextreme_themes_integration_1.getBaseColorScheme() === "light" ? "dx-color-scheme-light" : "dx-color-scheme-dark";
+        },
+        enumerable: true,
+        configurable: true
+    });
     DashboardControl.prototype.repaint = function () {
         this._repaintRequest.fire();
     };
@@ -291,44 +299,44 @@ var DashboardControl = (function () {
             _this._perDashboardDisposables.push(_this._dashboardContext.viewerItemsManager);
             _this._dashboardSurface(new _dashboard_surface_1.DashboardSurface(dashboard, _this._dataSourceBrowser, _this._dashboardContext, function (name) { return _this.findExtension(name); }, _this._allowMaximizeItems, _this.resizeByTimer, _this._repaintRequest, _this.encodeHtml));
             _this._dashboardSurface().rootItem.isDesignMode(_this.isDesignMode());
-            _this.dashboardContainer(dashboardContainer);
-            _this.notificationController.reset();
-            _this._onDashboardInitialized({
-                component: _this,
-                dashboardId: id,
-                dashboard: dashboard
-            });
-            _this._onDashboardStateChanged({
-                component: _this,
-                dashboard: dashboard,
-                dashboardId: id,
-                stateString: dashboard.stateString
-            });
-            var isModeAllowsToReduceData = function () { return _this._limitVisibleDataMode === "DesignerAndViewer" || (_this.isDesignMode() && _this._limitVisibleDataMode === "Designer"); };
-            _this._updateHub = new _dashboard_update_hub_1.DashboardUpdateHub(dashboard, _this._itemBatchRequestsEnabled, {
+            _this._updateHubPrivate = new _dashboard_update_hub_1.DashboardUpdateHub(dashboard, _this._itemBatchRequestsEnabled, {
                 getItemData: function (item) { return _this._serviceClient().getItemData(item, isModeAllowsToReduceData()); },
                 getBatchItemData: function (items) { return _this._serviceClient().getBatchItemData(items, isModeAllowsToReduceData()); },
                 getMapShapeFile: function (item) { return _this._serviceClient().getMapShapeFile(item.componentName()); }
             });
-            _this._updateHub.dashboardBeginUpdate = function () { return _this._onDashboardBeginUpdate({
+            _this._updateHubPrivate.dashboardBeginUpdate = function () { return _this._onDashboardBeginUpdate({
                 component: _this,
                 dashboardId: _this.dashboardContainer().id
             }); };
-            _this._updateHub.dashboardEndUpdate = function () { return _this._onDashboardEndUpdate({
+            _this._updateHubPrivate.dashboardEndUpdate = function () { return _this._onDashboardEndUpdate({
                 component: _this,
                 dashboardId: _this.dashboardContainer().id
             }); };
-            _this._updateHub.itemBeginUpdate = function (itemName) { return _this._onItemBeginUpdate({
+            _this._updateHubPrivate.itemBeginUpdate = function (itemName) { return _this._onItemBeginUpdate({
                 component: _this,
                 dashboardId: _this.dashboardContainer().id,
                 itemName: itemName
             }); };
-            _this._updateHub.itemEndUpdate = function (itemName) { return _this._onItemEndUpdate({
+            _this._updateHubPrivate.itemEndUpdate = function (itemName) { return _this._onItemEndUpdate({
                 component: _this,
                 dashboardId: _this.dashboardContainer().id,
                 itemName: itemName
             }); };
-            _this._updateHub.initialize();
+            _this.dashboardContainer(dashboardContainer);
+            _this.notificationController.reset();
+            _this._onDashboardInitialized({
+                component: _this,
+                dashboardId: id,
+                dashboard: dashboard
+            });
+            _this._onDashboardStateChanged({
+                component: _this,
+                dashboard: dashboard,
+                dashboardId: id,
+                stateString: dashboard.stateString
+            });
+            var isModeAllowsToReduceData = function () { return _this._limitVisibleDataMode === "DesignerAndViewer" || (_this.isDesignMode() && _this._limitVisibleDataMode === "Designer"); };
+            _this._updateHubPrivate.initialize();
             _this._perDashboardDisposables.push(_this.dashboard()._state.subscribe(function (_) {
                 _this._onDashboardStateChanged({
                     component: _this,
@@ -416,7 +424,7 @@ var DashboardControl = (function () {
             else {
                 throw Error("Invalid arguments");
             }
-            this._updateHub.refreshItems(itemNames);
+            this._updateHubPrivate.refreshItems(itemNames);
         }
     };
     DashboardControl.prototype.getDashboardState = function () {
@@ -693,9 +701,9 @@ var DashboardControl = (function () {
         var dashboard = this.dashboard();
         if (dashboard) {
             dashboard.dispose();
-            if (this._updateHub) {
-                this._updateHub.dispose();
-                this._updateHub = null;
+            if (this._updateHubPrivate) {
+                this._updateHubPrivate.dispose();
+                this._updateHubPrivate = null;
             }
             if (this._dataSourceBrowser) {
                 this._dataSourceBrowser.dispose();
@@ -711,7 +719,7 @@ var DashboardControl = (function () {
     };
     DashboardControl.prototype._applyBindings = function (element, additionalProperties) {
         var _this = this;
-        var viewModel = __assign({ getWidgetContainer: this.getWidgetContainer, surfaceLeft: this._surfaceLeft, colorSchemeCss: this.colorSchemeCss, isDashboardLoaded: ko.computed(function () { return !!_this.dashboard(); }), layoutTemplate: this._layoutTemplate, externalTemplates: this._externalTemplates, emptyControlTemplates: this._emptyControlTemplates, notificationController: this.notificationController, isLoading: this._isLoading, getLocalizationById: _default_1.getLocalizationById, extend: _utils_1.extend, $unwrap: _utils_1.$unwrap, $: $, ko: ko }, additionalProperties);
+        var viewModel = __assign({ getWidgetContainer: this.getWidgetContainer, surfaceLeft: this._surfaceLeft, colorSchemeCss: this._colorSchemeCss, isDashboardLoaded: ko.computed(function () { return !!_this.dashboard(); }), layoutTemplate: this._layoutTemplate, externalTemplates: this._externalTemplates, emptyControlTemplates: this._emptyControlTemplates, notificationController: this.notificationController, isLoading: this._isLoading, getLocalizationById: _default_1.getLocalizationById, extend: _utils_1.extend, $unwrap: _utils_1.$unwrap, $: $, ko: ko }, additionalProperties);
         dx_analytics_core_1.default.Analytics.Internal.appendStaticContextToRootViewModel(viewModel);
         ko.applyBindings(viewModel, element);
     };
@@ -859,6 +867,12 @@ function _defineDashboardControlObsoleteMethods(control) {
             }
         }
     });
+    _obsolete_helper_1.defineObsoleteProperty({
+        target: control,
+        memberName: "colorSchemeCss",
+        warmMessage: "The DashboardControl.colorSchemeCss is obsolete. Use the DevExpress.ui.themes.current method instead.",
+        action: function () { return control._colorSchemeCss; }
+    });
     _obsolete_helper_1.defineObsoleteMethod({
         target: control,
         memberName: "saveDashboard",

package/common/dashboard-update-hub/_dashboard-event.d.ts

@@ -0,0 +1,18 @@
+/**
+* DevExpress Dashboard (_dashboard-event.d.ts)
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
+import { IDisposable } from '../../model/disposable-object';
+export declare class DashboardEvent<TArgs> {
+    private handlers;
+    add(handler: {
+        (args?: TArgs): void;
+    }): IDisposable;
+    remove(handler: {
+        (args?: TArgs): void;
+    }): void;
+    fire(args?: TArgs): void;
+}

package/common/dashboard-update-hub/_dashboard-event.js

@@ -0,0 +1,29 @@
+/**
+* DevExpress Dashboard (_dashboard-event.js)
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var DashboardEvent = (function () {
+    function DashboardEvent() {
+        this.handlers = [];
+    }
+    DashboardEvent.prototype.add = function (handler) {
+        var _this = this;
+        this.handlers.push(handler);
+        return {
+            dispose: function () { return _this.remove(handler); }
+        };
+    };
+    DashboardEvent.prototype.remove = function (handler) {
+        this.handlers = this.handlers.filter(function (h) { return h !== handler; });
+    };
+    DashboardEvent.prototype.fire = function (args) {
+        this.handlers.forEach(function (h) { return h(args); });
+    };
+    return DashboardEvent;
+}());
+exports.DashboardEvent = DashboardEvent;

package/common/dashboard-update-hub/_dashboard-update-hub.d.ts

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (_dashboard-update-hub.d.ts)
-* Version:  19.1.13
-* Build date: Apr 23, 2021
-* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  19.2.3
+* Build date: Oct 21, 2019
+* Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { DashboardItem } from '../../model/items/dashboard-item';
@@ -10,6 +10,8 @@ import { DataDashboardItem } from '../../model/items/data-dashboard-item';
 import { PropertyCategory } from '../../model/metadata/_base-metadata';
 import { DisposableObject } from '../../model/disposable-object';
 import { Dashboard } from '../../model/dashboard';
+import { DataSourceChangedEventArgs } from './_item-change-subscriber';
+import { DashboardEvent } from './_dashboard-event';
 interface UpdateHubCallbacks {
     getItemData: (item: DashboardItem) => JQueryPromise<{}>;
     getBatchItemData: (items: DashboardItem[]) => JQueryPromise<{}>;
@@ -42,6 +44,7 @@ export declare class DashboardUpdateHub extends DisposableObject {
     itemEndUpdate: (itemName: string) => void;
     dashboardBeginUpdate: () => void;
     dashboardEndUpdate: () => void;
+    dataSourcePropertyChanged: DashboardEvent<DataSourceChangedEventArgs>;
     dispose(): void;
 }
 export {};