survey-analytics 2.0.1 → 2.0.2

package/fesm/survey.analytics.tabulator.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.0.1
+ * surveyjs - SurveyJS Dashboard library v2.0.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/package.json

@@ -17,7 +17,7 @@
     "lint": "eslint ./src --quiet",
     "pre-push-check": "npm run lint && npm run test"
   },
-  "version": "2.0.1",
+  "version": "2.0.2",
   "name": "survey-analytics",
   "description": "SurveyJS analytics Library.",
   "main": "survey.analytics.js",
@@ -88,7 +88,7 @@
   "peerDependencies": {
     "@types/plotly.js-dist-min": "^2.3.0",
     "@types/tabulator-tables": "^6.2.3",
-    "survey-core": "2.0.1"
+    "survey-core": "2.0.2"
   },
   "husky": {
     "hooks": {

package/survey-analytics.types/plotly/selectBase.d.ts

@@ -7,6 +7,7 @@ export declare class PlotlyChartAdapter {
     protected patchConfigParameters(chartNode: object, traces: Array<object>, layout: object, config: object): void;
     get chart(): Promise<Plotly.PlotlyHTMLElement>;
     create(chartNode: HTMLElement): Promise<any>;
+    update(chartNode: HTMLElement): Promise<any>;
     destroy(node: HTMLElement): void;
 }
 export declare class SelectBasePlotly extends SelectBase {
@@ -20,5 +21,6 @@ export declare class SelectBasePlotly extends SelectBase {
     }, name?: string);
     protected destroyContent(container: HTMLElement): void;
     protected renderContentAsync(container: HTMLElement): Promise<HTMLElement>;
+    updateContent(): void;
     protected getCalculatedValuesCore(): Array<any>;
 }

package/survey-analytics.types/visualizationPanel.d.ts

@@ -271,6 +271,7 @@ export declare class VisualizationPanel extends VisualizerBase {
      **/
     onAlternativeVisualizerChanged: Event<(sender: AlternativeVisualizersWrapper, options: any) => any, AlternativeVisualizersWrapper, any>;
     private onAlternativeVisualizerChangedCallback;
+    protected onDataChanged(): void;
     protected showElementCore(element: IVisualizerPanelRenderedElement, elementIndex?: number): void;
     showElement(elementName: string): void;
     protected hideElementCore(element: IVisualizerPanelRenderedElement): void;

package/survey-analytics.types/visualizerBase.d.ts

@@ -10,6 +10,10 @@ export interface IDataInfo {
     getSeriesValues(): Array<string>;
     getSeriesLabels(): Array<string>;
 }
+export declare class PostponeHelper {
+    static postponeFunction: (fn: () => void, timeout?: number) => any;
+    static postpone(fn: () => void, timeout?: number): any;
+}
 /**
  * A base object for all visualizers. Use it to implement a custom visualizer.
  *
@@ -249,6 +253,7 @@ export declare class VisualizerBase implements IDataInfo {
      * @param targetElement An `HTMLElement` or an `id` of a page element in which you want to render the visualizer.
      */
     render(targetElement: HTMLElement | string): void;
+    updateContent(): void;
     /**
      * Re-renders the visualizer and its content.
      */

package/survey.analytics.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.0.1
+ * surveyjs - SurveyJS Dashboard library v2.0.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.analytics.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.0.1
+ * surveyjs - SurveyJS Dashboard library v2.0.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -10335,48 +10335,13 @@ var PlotlyChartAdapter = /** @class */ (function () {
     });
     PlotlyChartAdapter.prototype.create = function (chartNode) {
         return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var answersData, plotlyOptions, config, options, plot, getDragLayer;
+            var _a, plot, plotlyOptions, getDragLayer;
             var _this = this;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.model.getAnswersData()];
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, this.update(chartNode)];
                     case 1:
-                        answersData = _a.sent();
-                        plotlyOptions = _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.setup(this.model.chartType, this.model, answersData);
-                        config = {
-                            displaylogo: false,
-                            responsive: true,
-                            locale: _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.currentLocale,
-                            modeBarButtonsToRemove: ["toImage"],
-                            modeBarButtonsToAdd: [
-                                {
-                                    name: "toImageSjs",
-                                    title: _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.getString("saveDiagramAsPNG"),
-                                    icon: (plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().Icons).camera,
-                                    click: function (gd) {
-                                        var options = {
-                                            format: _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.imageExportFormat,
-                                            // width: 800,
-                                            // height: 600,
-                                            filename: _this.model.question.name,
-                                        };
-                                        _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.onImageSaving.fire(_this.model, options);
-                                        plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().downloadImage(gd, options);
-                                    },
-                                },
-                            ],
-                        };
-                        if (SelectBasePlotly.displayModeBar !== undefined) {
-                            config.displayModeBar = SelectBasePlotly.displayModeBar;
-                        }
-                        this.patchConfigParameters(chartNode, plotlyOptions.traces, plotlyOptions.layout, config);
-                        options = {
-                            traces: plotlyOptions.traces,
-                            layout: plotlyOptions.layout,
-                            config: config,
-                        };
-                        _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.onPlotCreating.fire(this.model, options);
-                        plot = plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().newPlot(chartNode, options.traces, options.layout, options.config);
+                        _a = _b.sent(), plot = _a[0], plotlyOptions = _a[1];
                         chartNode["on"]("plotly_click", function (data) {
                             var _a;
                             if (data.points.length > 0) {
@@ -10425,6 +10390,55 @@ var PlotlyChartAdapter = /** @class */ (function () {
             });
         });
     };
+    PlotlyChartAdapter.prototype.update = function (chartNode) {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var answersData, plotlyOptions, config, options, plot;
+            var _this = this;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.model.getAnswersData()];
+                    case 1:
+                        answersData = _a.sent();
+                        plotlyOptions = _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.setup(this.model.chartType, this.model, answersData);
+                        config = {
+                            displaylogo: false,
+                            responsive: true,
+                            locale: _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.currentLocale,
+                            modeBarButtonsToRemove: ["toImage"],
+                            modeBarButtonsToAdd: [
+                                {
+                                    name: "toImageSjs",
+                                    title: _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.getString("saveDiagramAsPNG"),
+                                    icon: (plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().Icons).camera,
+                                    click: function (gd) {
+                                        var options = {
+                                            format: _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.imageExportFormat,
+                                            // width: 800,
+                                            // height: 600,
+                                            filename: _this.model.question.name,
+                                        };
+                                        _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.onImageSaving.fire(_this.model, options);
+                                        plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().downloadImage(gd, options);
+                                    },
+                                },
+                            ],
+                        };
+                        if (SelectBasePlotly.displayModeBar !== undefined) {
+                            config.displayModeBar = SelectBasePlotly.displayModeBar;
+                        }
+                        this.patchConfigParameters(chartNode, plotlyOptions.traces, plotlyOptions.layout, config);
+                        options = {
+                            traces: plotlyOptions.traces,
+                            layout: plotlyOptions.layout,
+                            config: config,
+                        };
+                        _setup__WEBPACK_IMPORTED_MODULE_7__.PlotlySetup.onPlotCreating.fire(this.model, options);
+                        plot = plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().react(chartNode, options.traces, options.layout, options.config);
+                        return [2 /*return*/, [plot, plotlyOptions]];
+                }
+            });
+        });
+    };
     PlotlyChartAdapter.prototype.destroy = function (node) {
         if (!!node) {
             plotly_js_dist_min__WEBPACK_IMPORTED_MODULE_6___default().purge(node);
@@ -10474,6 +10488,13 @@ var SelectBasePlotly = /** @class */ (function (_super) {
             });
         });
     };
+    SelectBasePlotly.prototype.updateContent = function () {
+        var _a;
+        var chartNode = (_a = this.contentContainer) === null || _a === void 0 ? void 0 : _a.children[0];
+        if (chartNode) {
+            this._chartAdapter.update(chartNode);
+        }
+    };
     SelectBasePlotly.prototype.getCalculatedValuesCore = function () {
         var statistics = _super.prototype.getCalculatedValuesCore.call(this);
         var series = this.getSeriesValues();
@@ -12817,6 +12838,8 @@ var VisualizationPanel = /** @class */ (function (_super) {
         this._elements = newElements;
         this.visibleElementsChanged(undefined, "REORDERED");
     };
+    VisualizationPanel.prototype.onDataChanged = function () {
+    };
     VisualizationPanel.prototype.showElementCore = function (element, elementIndex) {
         if (elementIndex === void 0) { elementIndex = -1; }
         element.isVisible = true;
@@ -13423,6 +13446,7 @@ _visualizationManager__WEBPACK_IMPORTED_MODULE_2__.VisualizationManager.register
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   PostponeHelper: () => (/* binding */ PostponeHelper),
 /* harmony export */   VisualizerBase: () => (/* binding */ VisualizerBase),
 /* harmony export */   defaultStatisticsCalculator: () => (/* binding */ defaultStatisticsCalculator)
 /* harmony export */ });
@@ -13442,6 +13466,20 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+var PostponeHelper = /** @class */ (function () {
+    function PostponeHelper() {
+    }
+    PostponeHelper.postpone = function (fn, timeout) {
+        if (PostponeHelper.postponeFunction) {
+            return PostponeHelper.postponeFunction(fn, timeout);
+        }
+        else {
+            return setTimeout(fn, timeout);
+        }
+    };
+    return PostponeHelper;
+}());
+
 /**
  * A base object for all visualizers. Use it to implement a custom visualizer.
  *
@@ -13951,27 +13989,30 @@ var VisualizerBase = /** @class */ (function () {
         targetElement.appendChild(this.footerContainer);
         this.renderFooter(this.footerContainer);
     };
+    VisualizerBase.prototype.updateContent = function () {
+        this.destroyContent(this.contentContainer);
+        this.renderContent(this.contentContainer);
+    };
     /**
      * Re-renders the visualizer and its content.
      */
     VisualizerBase.prototype.refresh = function () {
         var _this = this;
         if (!!this.headerContainer) {
-            setTimeout(function () {
+            PostponeHelper.postpone(function () {
                 _this.destroyHeader(_this.headerContainer);
                 _this.renderHeader(_this.headerContainer);
                 _this.invokeOnUpdate();
             });
         }
         if (!!this.contentContainer) {
-            setTimeout(function () {
-                _this.destroyContent(_this.contentContainer);
-                _this.renderContent(_this.contentContainer);
+            PostponeHelper.postpone(function () {
+                _this.updateContent();
                 _this.invokeOnUpdate();
             });
         }
         if (!!this.footerContainer) {
-            setTimeout(function () {
+            PostponeHelper.postpone(function () {
                 _this.destroyFooter(_this.footerContainer);
                 _this.renderFooter(_this.footerContainer);
                 _this.invokeOnUpdate();
@@ -16264,6 +16305,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   PlotlyChartAdapter: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_27__.PlotlyChartAdapter),
 /* harmony export */   PlotlyGaugeAdapter: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_27__.PlotlyGaugeAdapter),
 /* harmony export */   PlotlySetup: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_27__.PlotlySetup),
+/* harmony export */   PostponeHelper: () => (/* reexport safe */ _visualizerBase__WEBPACK_IMPORTED_MODULE_20__.PostponeHelper),
 /* harmony export */   RankingPlotly: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_27__.RankingPlotly),
 /* harmony export */   SelectBase: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_16__.SelectBase),
 /* harmony export */   SelectBasePlotly: () => (/* reexport safe */ _plotly_index__WEBPACK_IMPORTED_MODULE_27__.SelectBasePlotly),