survey-analytics 2.0.0 → 2.0.2

package/fesm/survey.analytics.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.0.0
+ * 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)
  */
@@ -153,6 +153,16 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+class PostponeHelper {
+    static postpone(fn, timeout) {
+        if (PostponeHelper.postponeFunction) {
+            return PostponeHelper.postponeFunction(fn, timeout);
+        }
+        else {
+            return setTimeout(fn, timeout);
+        }
+    }
+}
 /**
  * A base object for all visualizers. Use it to implement a custom visualizer.
  *
@@ -610,26 +620,29 @@ class VisualizerBase {
         targetElement.appendChild(this.footerContainer);
         this.renderFooter(this.footerContainer);
     }
+    updateContent() {
+        this.destroyContent(this.contentContainer);
+        this.renderContent(this.contentContainer);
+    }
     /**
      * Re-renders the visualizer and its content.
      */
     refresh() {
         if (!!this.headerContainer) {
-            setTimeout(() => {
+            PostponeHelper.postpone(() => {
                 this.destroyHeader(this.headerContainer);
                 this.renderHeader(this.headerContainer);
                 this.invokeOnUpdate();
             });
         }
         if (!!this.contentContainer) {
-            setTimeout(() => {
-                this.destroyContent(this.contentContainer);
-                this.renderContent(this.contentContainer);
+            PostponeHelper.postpone(() => {
+                this.updateContent();
                 this.invokeOnUpdate();
             });
         }
         if (!!this.footerContainer) {
-            setTimeout(() => {
+            PostponeHelper.postpone(() => {
                 this.destroyFooter(this.footerContainer);
                 this.renderFooter(this.footerContainer);
                 this.invokeOnUpdate();
@@ -9325,6 +9338,8 @@ class VisualizationPanel extends VisualizerBase {
         this._elements = newElements;
         this.visibleElementsChanged(undefined, "REORDERED");
     }
+    onDataChanged() {
+    }
     showElementCore(element, elementIndex = -1) {
         element.isVisible = true;
         const questionElement = this.renderPanelElement(element, this.contentContainer);
@@ -10301,42 +10316,7 @@ class PlotlyChartAdapter {
     }
     create(chartNode) {
         return __awaiter(this, void 0, void 0, function* () {
-            const answersData = yield this.model.getAnswersData();
-            var plotlyOptions = PlotlySetup.setup(this.model.chartType, this.model, answersData);
-            let config = {
-                displaylogo: false,
-                responsive: true,
-                locale: localization.currentLocale,
-                modeBarButtonsToRemove: ["toImage"],
-                modeBarButtonsToAdd: [
-                    {
-                        name: "toImageSjs",
-                        title: localization.getString("saveDiagramAsPNG"),
-                        icon: Plotly.Icons.camera,
-                        click: (gd) => {
-                            let options = {
-                                format: PlotlySetup.imageExportFormat,
-                                // width: 800,
-                                // height: 600,
-                                filename: this.model.question.name,
-                            };
-                            PlotlySetup.onImageSaving.fire(this.model, options);
-                            Plotly.downloadImage(gd, options);
-                        },
-                    },
-                ],
-            };
-            if (SelectBasePlotly.displayModeBar !== undefined) {
-                config.displayModeBar = SelectBasePlotly.displayModeBar;
-            }
-            this.patchConfigParameters(chartNode, plotlyOptions.traces, plotlyOptions.layout, config);
-            let options = {
-                traces: plotlyOptions.traces,
-                layout: plotlyOptions.layout,
-                config: config,
-            };
-            PlotlySetup.onPlotCreating.fire(this.model, options);
-            const plot = Plotly.newPlot(chartNode, options.traces, options.layout, options.config);
+            const [plot, plotlyOptions] = yield this.update(chartNode);
             chartNode["on"]("plotly_click", (data) => {
                 if (data.points.length > 0) {
                     let itemText = "";
@@ -10380,6 +10360,47 @@ class PlotlyChartAdapter {
             return plot;
         });
     }
+    update(chartNode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const answersData = yield this.model.getAnswersData();
+            var plotlyOptions = PlotlySetup.setup(this.model.chartType, this.model, answersData);
+            let config = {
+                displaylogo: false,
+                responsive: true,
+                locale: localization.currentLocale,
+                modeBarButtonsToRemove: ["toImage"],
+                modeBarButtonsToAdd: [
+                    {
+                        name: "toImageSjs",
+                        title: localization.getString("saveDiagramAsPNG"),
+                        icon: Plotly.Icons.camera,
+                        click: (gd) => {
+                            let options = {
+                                format: PlotlySetup.imageExportFormat,
+                                // width: 800,
+                                // height: 600,
+                                filename: this.model.question.name,
+                            };
+                            PlotlySetup.onImageSaving.fire(this.model, options);
+                            Plotly.downloadImage(gd, options);
+                        },
+                    },
+                ],
+            };
+            if (SelectBasePlotly.displayModeBar !== undefined) {
+                config.displayModeBar = SelectBasePlotly.displayModeBar;
+            }
+            this.patchConfigParameters(chartNode, plotlyOptions.traces, plotlyOptions.layout, config);
+            let options = {
+                traces: plotlyOptions.traces,
+                layout: plotlyOptions.layout,
+                config: config,
+            };
+            PlotlySetup.onPlotCreating.fire(this.model, options);
+            const plot = Plotly.react(chartNode, options.traces, options.layout, options.config);
+            return [plot, plotlyOptions];
+        });
+    }
     destroy(node) {
         if (!!node) {
             Plotly.purge(node);
@@ -10414,6 +10435,13 @@ class SelectBasePlotly extends SelectBase {
             return container;
         });
     }
+    updateContent() {
+        var _a;
+        const chartNode = (_a = this.contentContainer) === null || _a === void 0 ? void 0 : _a.children[0];
+        if (chartNode) {
+            this._chartAdapter.update(chartNode);
+        }
+    }
     getCalculatedValuesCore() {
         const statistics = super.getCalculatedValuesCore();
         const series = this.getSeriesValues();
@@ -12765,5 +12793,5 @@ NpsVisualizer.DetractorScore = 6;
 NpsVisualizer.PromoterScore = 9;
 // VisualizationManager.registerVisualizer("rating", NpsVisualizer);
 
-export { AlternativeVisualizersWrapper, BooleanModel, BooleanPlotly, DataProvider, DocumentHelper, GaugePlotly, HistogramModel, HistogramPlotly, Matrix, MatrixDropdownGroupedPlotly, MatrixPlotly, NpsAdapter, NpsVisualizer, NpsVisualizerWidget, NumberModel, PlotlyBoolChartAdapter, PlotlyChartAdapter, PlotlyGaugeAdapter, PlotlySetup, RankingPlotly, SelectBase, SelectBasePlotly, StatisticsTable, StatisticsTableAdapter, Text, TextTableAdapter, VisualizationManager, VisualizationMatrixDropdown, VisualizationMatrixDynamic, VisualizationPanel, VisualizationPanelDynamic, VisualizerBase, VisualizerFactory, WordCloud, WordCloudAdapter, defaultStatisticsCalculator, hideEmptyAnswersInData, localization, textHelper };
+export { AlternativeVisualizersWrapper, BooleanModel, BooleanPlotly, DataProvider, DocumentHelper, GaugePlotly, HistogramModel, HistogramPlotly, Matrix, MatrixDropdownGroupedPlotly, MatrixPlotly, NpsAdapter, NpsVisualizer, NpsVisualizerWidget, NumberModel, PlotlyBoolChartAdapter, PlotlyChartAdapter, PlotlyGaugeAdapter, PlotlySetup, PostponeHelper, RankingPlotly, SelectBase, SelectBasePlotly, StatisticsTable, StatisticsTableAdapter, Text, TextTableAdapter, VisualizationManager, VisualizationMatrixDropdown, VisualizationMatrixDynamic, VisualizationPanel, VisualizationPanelDynamic, VisualizerBase, VisualizerFactory, WordCloud, WordCloudAdapter, defaultStatisticsCalculator, hideEmptyAnswersInData, localization, textHelper };
 //# sourceMappingURL=survey.analytics.js.map