survey-analytics 2.5.18 → 2.5.19

package/fesm/shared2.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.5.18
+ * surveyjs - SurveyJS Dashboard library v2.5.19
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1386,6 +1386,33 @@ VisualizationManager.registerVisualizer("number", NumberModel, 200);
 VisualizationManager.registerVisualizer("rating", NumberModel, 200);
 VisualizationManager.registerVisualizer("expression", NumberModel);
 
+class FilterInfo {
+    constructor(visualizer) {
+        this._htmlElement = undefined;
+        this.text = undefined;
+        this._htmlElement = (DocumentHelper.createElement("div", "sa-question__filter"));
+        this.text = DocumentHelper.createElement("span", "sa-question__filter-text");
+        this._htmlElement.appendChild(this.text);
+        const filterClear = DocumentHelper.createButton(() => {
+            visualizer.setSelection(undefined);
+        }, localization.getString("clearButton"));
+        this._htmlElement.appendChild(filterClear);
+    }
+    get htmlElement() {
+        return this._htmlElement;
+    }
+    update(selection) {
+        if (selection !== undefined && selection.value !== undefined) {
+            this._htmlElement.style.display = "inline-flex";
+            this.text.innerText = localization.getString("filter") + ": [" + selection.text + "]";
+        }
+        else {
+            this._htmlElement.style.display = "none";
+            this.text.innerText = "";
+        }
+    }
+}
+
 function hideEmptyAnswersInData(answersData) {
     const result = {
         datasets: [],
@@ -1581,6 +1608,14 @@ class SelectBase extends VisualizerBase {
             }
             return this.missingAnswersBtn;
         });
+        this.registerToolbarItem("questionFilterInfo", () => {
+            var _a;
+            if (this.supportSelection) {
+                this.filterInfo = new FilterInfo(this);
+                this.filterInfo.update(this.selection);
+            }
+            return (_a = this.filterInfo) === null || _a === void 0 ? void 0 : _a.htmlElement;
+        }, 900);
     }
     /**
      * Chart type - current chart type.
@@ -1680,7 +1715,7 @@ class SelectBase extends VisualizerBase {
         return resultValues.map((value) => ItemValue.getTextOrHtmlByValue(selectBaseQuestion.choices, value)).join(", ");
     }
     isSupportSoftUpdateContent() {
-        return true;
+        return !this._hideEmptyAnswers;
     }
     softUpdateContent() {
         var _a;
@@ -1689,6 +1724,11 @@ class SelectBase extends VisualizerBase {
             this._chartAdapter.update(chartNode);
         }
     }
+    getSelectedItemByValue(value) {
+        var _a;
+        const choices = this.question.visibleChoices;
+        return (_a = ItemValue.getItemByValue(choices, value)) !== null && _a !== void 0 ? _a : undefined;
+    }
     getSelectedItemByText(itemText) {
         var _a;
         if (this.question instanceof QuestionRatingModel) {
@@ -1703,6 +1743,19 @@ class SelectBase extends VisualizerBase {
             return selBase.choices.filter((choice) => choice.text === itemText)[0];
         }
     }
+    onDataChanged() {
+        var _a;
+        const filter = this.dataProvider.getFilters().find(f => f.field === this.name);
+        const newFilterValue = filter === null || filter === void 0 ? void 0 : filter.value;
+        const currentSelectionValue = (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value;
+        if (newFilterValue !== currentSelectionValue) {
+            const newSelectedItem = this.getSelectedItemByValue(newFilterValue);
+            this.setSelection(newSelectedItem, true);
+            this.updateToolbar();
+        }
+        super.onDataChanged();
+        this.updateEmptyAnswersBtn();
+    }
     onSelectionChanged(item) {
         var _a;
         if (this.onDataItemSelected !== undefined) {
@@ -1710,10 +1763,14 @@ class SelectBase extends VisualizerBase {
         }
         this.stateChanged("filter", (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value);
     }
-    setSelection(item) {
+    setSelection(item, quiet = false) {
+        var _a, _b, _c;
         if (this.selectedItem !== item) {
             this.selectedItem = item;
-            this.onSelectionChanged(item);
+            (_a = this.filterInfo) === null || _a === void 0 ? void 0 : _a.update({ value: (_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.value, text: (_c = this.selectedItem) === null || _c === void 0 ? void 0 : _c.text });
+            if (!quiet) {
+                this.onSelectionChanged(item);
+            }
         }
     }
     get selection() {
@@ -2001,8 +2058,8 @@ class SelectBase extends VisualizerBase {
                 this[propertyName] = state[propertyName];
             }
         });
-        const selectedItem = ItemValue.getItemByValue(this.question.visibleChoices, state.filter);
-        this.setSelection(selectedItem !== null && selectedItem !== void 0 ? selectedItem : undefined);
+        const selectedItem = this.getSelectedItemByValue(state.filter);
+        this.setSelection(selectedItem);
     }
     resetState() {
         super.resetState();
@@ -2043,6 +2100,11 @@ class BooleanModel extends SelectBase {
     get booleanQuestion() {
         return this.question;
     }
+    getSelectedItemByValue(value) {
+        const labels = this.getLabels();
+        const values = this.getValues();
+        return new ItemValue(value, labels[values.indexOf(value)]);
+    }
     getSelectedItemByText(itemText) {
         const labels = this.getLabels();
         const values = this.getValues();
@@ -3359,33 +3421,6 @@ class AlternativeVisualizersWrapper extends VisualizerBase {
 }
 VisualizationManager.registerAltVisualizerSelector(AlternativeVisualizersWrapper);
 
-class FilterInfo {
-    constructor(visualizer) {
-        this._htmlElement = undefined;
-        this.text = undefined;
-        this._htmlElement = (DocumentHelper.createElement("div", "sa-question__filter"));
-        this.text = DocumentHelper.createElement("span", "sa-question__filter-text");
-        this._htmlElement.appendChild(this.text);
-        const filterClear = DocumentHelper.createButton(() => {
-            visualizer.setSelection(undefined);
-        }, localization.getString("clearButton"));
-        this._htmlElement.appendChild(filterClear);
-    }
-    get htmlElement() {
-        return this._htmlElement;
-    }
-    update(selection) {
-        if (selection !== undefined && selection.value !== undefined) {
-            this._htmlElement.style.display = "inline-flex";
-            this.text.innerText = localization.getString("filter") + ": [" + selection.text + "]";
-        }
-        else {
-            this._htmlElement.style.display = "none";
-            this.text.innerText = "";
-        }
-    }
-}
-
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -10689,14 +10724,8 @@ class VisualizationPanel extends VisualizerBase {
             }
             if (visualizer.supportSelection) {
                 const visualizerWithSelection = visualizer;
-                let filterInfo = new FilterInfo(visualizerWithSelection);
-                visualizer.registerToolbarItem("questionFilterInfo", () => {
-                    filterInfo.update(visualizerWithSelection.selection);
-                    return filterInfo.htmlElement;
-                }, 900);
                 visualizerWithSelection.onDataItemSelected = (selectedValue, selectedText) => {
-                    filterInfo.update({ value: selectedValue, text: selectedText });
-                    this.setFilter(question.name, selectedValue);
+                    this.setFilter(visualizer.name, selectedValue);
                 };
             }
             visualizer.onUpdate = () => this.layout();