survey-analytics 2.0.0 → 2.0.2

package/package.json

@@ -17,7 +17,7 @@
     "lint": "eslint ./src --quiet",
     "pre-push-check": "npm run lint && npm run test"
   },
-  "version": "2.0.0",
+  "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.0"
+    "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.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)
  */

package/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)
  */
@@ -7277,14 +7277,14 @@ __webpack_require__.r(__webpack_exports__);
 // These strings are commented out. Uncomment and edit them if you want to add your translations.
 
 var dutchStrings = {
-    groupButton: "Groep door mij",
-    ungroupButton: "Degroeperen bij mij",
+    groupButton: "Groeperen op",
+    ungroupButton: "Groepering verwijderen",
     selectButton: "Selecteer mij",
     hideColumn: "Kolom verbergen",
     showColumn: "Toon kolom",
     makePrivateColumn: "Kolom privé maken",
-    makePublicColumn: "Maak de kolom openbaar",
-    moveToDetail: "Ga naar Detail",
+    makePublicColumn: "Maak kolom openbaar",
+    moveToDetail: "Ga naar detail",
     showAsColumn: "Weergeven als kolom",
     filterPlaceholder: "Zoeken...",
     removeRows: "Verwijder rijen",
@@ -7294,17 +7294,17 @@ var dutchStrings = {
     visualizer_wordcloud: "Wordcloud",
     visualizer_histogram: "Histogram",
     visualizer_number: "Gemiddeld",
-    visualizer_choices: "Tafel",
-    visualizer_selectBase: "Zeekaart",
+    visualizer_choices: "Tabel",
+    visualizer_selectBase: "Grafiek",
     // visualizer_matrix: "Chart",
-    chartType_bar: "Bar",
-    chartType_vbar: "Verticale balk",
-    chartType_stackedbar: "Gestapelde Bar",
+    chartType_bar: "Staafdiagram (liggend)",
+    chartType_vbar: "Staafdiagram",
+    chartType_stackedbar: "Staafdiagram (gestapeld)",
     chartType_doughnut: "Donut",
-    chartType_pie: "Taart",
-    chartType_scatter: "Verstrooien",
-    chartType_gauge: "Meter",
-    chartType_bullet: "Kogel",
+    chartType_pie: "Cirkeldiagram",
+    chartType_scatter: "Spreidingsdiagram",
+    chartType_gauge: "Meterdiagram",
+    chartType_bullet: "Kogelgrafiek",
     hideButton: "Verbergen",
     makePrivateButton: "Maak prive",
     makePublicButton: "Openbaar maken",
@@ -7312,7 +7312,7 @@ var dutchStrings = {
     filter: "Filter",
     resetFilter: "Filter resetten",
     changeLocale: "Wijzig de landinstelling",
-    clearButton: "Doorzichtig",
+    clearButton: "Wissen",
     addElement: "Kies een vraag om weer te geven ...",
     defaultOrder: "Standaardvolgorde",
     ascOrder: "Oplopend",
@@ -7324,7 +7324,7 @@ var dutchStrings = {
     pdfDownloadCaption: "PDF",
     xlsxDownloadCaption: "Excel",
     csvDownloadCaption: "CSV",
-    saveDiagramAsPNG: "Download plot als een png",
+    saveDiagramAsPNG: "Download plot als PNG",
     hideEmptyAnswers: "Verberg lege antwoorden",
     showEmptyAnswers: "Toon lege antwoorden",
     "topNValueText-1": "Alle antwoorden",
@@ -7350,9 +7350,6 @@ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.localization.localeNames["nl"]
 // Remove those strings that you have corrected manually
 // undefined.visualizer_histogram: "Histogram" => "Histogram"
 // undefined.visualizer_number: "Average" => "Gemiddeld"
-// undefined.visualizer_choices: "Table" => "Tafel"
-// undefined.visualizer_selectBase: "Chart" => "Zeekaart"
-// undefined.chartType_vbar: "Vertical Bar" => "Verticale balk"
 // undefined.filter: "Filter" => "Filter"
 // undefined.hideMissingAnswers: "Hide missing answers" => "Ontbrekende antwoorden verbergen"
 // undefined.showMissingAnswers: "Show missing answers" => "Ontbrekende antwoorden weergeven"
@@ -10338,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) {
@@ -10428,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);
@@ -10477,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();
@@ -12820,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;
@@ -13426,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 */ });
@@ -13445,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.
  *
@@ -13954,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();
@@ -16267,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),