survey-analytics 2.3.4 → 2.3.6

package/fesm/shared2.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.3.4
+ * surveyjs - SurveyJS Dashboard library v2.3.6
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -189,7 +189,7 @@ class VisualizationManager {
             if (constructor) {
                 let visualizers = VisualizationManager.vizualizers[qType];
                 if (!!visualizers) {
-                    const vDescr = visualizers.filter(v => v.ctor === constructor || v.ctor.isPrototypeOf(constructor))[0];
+                    const vDescr = visualizers.filter(v => v.ctor === constructor)[0];
                     if (!!vDescr) {
                         let index = visualizers.indexOf(vDescr);
                         if (index !== -1) {
@@ -212,10 +212,13 @@ class VisualizationManager {
     }
     /**
      * Returns all visualizer constructors for a specified question type.
-     * @param questionType A question [type](https://surveyjs.io/form-library/documentation/api-reference/question#getType).
+     * @param visualizerType A question [type](https://surveyjs.io/form-library/documentation/api-reference/question#getType).
      */
-    static getVisualizersByType(questionType) {
-        let vDescrs = VisualizationManager.vizualizers[questionType];
+    static getVisualizersByType(visualizerType, fallbackVisualizerType) {
+        let vDescrs = VisualizationManager.vizualizers[visualizerType];
+        if (!!fallbackVisualizerType && (!vDescrs || vDescrs.length == 0)) {
+            vDescrs = VisualizationManager.vizualizers[fallbackVisualizerType];
+        }
         if (!vDescrs) {
             if (VisualizationManager.defaultVisualizer.suppressVisualizerStubRendering) {
                 return [];
@@ -277,14 +280,14 @@ class VisualizerFactory {
      * @param options An object with any custom properties you need within the visualizer.
      */
     static createVisualizer(question, data, options) {
-        let type;
-        if (question.getType() === "text" && question.inputType) {
-            type = question.inputType;
+        let type = question.getType();
+        let creators = [];
+        if (type === "text" && question.inputType) {
+            creators = VisualizationManager.getVisualizersByType(question.inputType, type);
         }
         else {
-            type = question.getType();
+            creators = VisualizationManager.getVisualizersByType(type);
         }
-        var creators = VisualizationManager.getVisualizersByType(type);
         var visualizers = creators.map((creator) => new creator(question, data, options));
         if (visualizers.length > 1) {
             const alternativesVisualizerConstructor = VisualizationManager.getAltVisualizerSelector();
@@ -474,6 +477,7 @@ class VisualizerBase {
         this.footerContainer = undefined;
         this._supportSelection = false;
         this._chartAdapter = undefined;
+        this._footerIsCollapsed = undefined;
         /**
          * An event that is raised after the visualizer's content is rendered.
          *
@@ -607,9 +611,9 @@ class VisualizerBase {
      * Indicates whether users can select series points to cross-filter charts. To allow or disallow selection, set the [`allowSelection`](https://surveyjs.io/dashboard/documentation/api-reference/ivisualizationpaneloptions#allowSelection) property of the `IVisualizationPanelOptions` object in the [`VisualizationPanel`](https://surveyjs.io/dashboard/documentation/api-reference/visualizationpanel) constructor.
      */
     get supportSelection() {
-        return ((this.options.allowSelection === undefined ||
+        return (this.options.allowSelection === undefined ||
             this.options.allowSelection) &&
-            this._supportSelection);
+            this._supportSelection;
     }
     getSeriesValues() {
         return this.options.seriesValues || [];
@@ -855,26 +859,36 @@ class VisualizerBase {
     destroyFooter(container) {
         container.innerHTML = "";
     }
+    get isFooterCollapsed() {
+        if (this._footerIsCollapsed === undefined) {
+            this._footerIsCollapsed = VisualizerBase.otherCommentCollapsed;
+        }
+        return this._footerIsCollapsed;
+    }
+    set isFooterCollapsed(newVal) {
+        this._footerIsCollapsed = newVal;
+    }
     renderFooter(container) {
         container.innerHTML = "";
         if (this.hasFooter) {
             const footerTitleElement = DocumentHelper.createElement("h4", "sa-visualizer__footer-title", { innerText: localization.getString("otherCommentTitle") });
             container.appendChild(footerTitleElement);
             const footerContentElement = DocumentHelper.createElement("div", "sa-visualizer__footer-content");
-            footerContentElement.style.display = VisualizerBase.otherCommentCollapsed
-                ? "none"
-                : "block";
+            footerContentElement.style.display = this.isFooterCollapsed ? "none" : "block";
+            const visibilityButtonText = localization.getString(this.isFooterCollapsed ? "showButton" : "hideButton");
             const visibilityButton = DocumentHelper.createButton(() => {
                 if (footerContentElement.style.display === "none") {
                     footerContentElement.style.display = "block";
                     visibilityButton.innerText = localization.getString("hideButton");
+                    this._footerIsCollapsed = false;
                 }
                 else {
                     footerContentElement.style.display = "none";
-                    visibilityButton.innerText = localization.getString(VisualizerBase.otherCommentCollapsed ? "showButton" : "hideButton");
+                    visibilityButton.innerText = localization.getString("showButton");
+                    this._footerIsCollapsed = true;
                 }
                 this.footerVisualizer.invokeOnUpdate();
-            }, localization.getString("showButton") /*, "sa-toolbar__button--right"*/);
+            }, visibilityButtonText /*, "sa-toolbar__button--right"*/);
             container.appendChild(visibilityButton);
             container.appendChild(footerContentElement);
             this.footerVisualizer.render(footerContentElement);
@@ -1072,6 +1086,7 @@ class VisualizerBase {
      *
      * > This method is overriden in classes descendant from `VisualizerBase`.
      * @see setState
+     * @see resetState
      * @see onStateChanged
      */
     getState() {
@@ -1084,10 +1099,21 @@ class VisualizerBase {
      *
      * > This method is overriden in classes descendant from `VisualizerBase`.
      * @see getState
+     * @see resetState
      * @see onStateChanged
      */
     setState(state) {
     }
+    /**
+     * Resets the visualizer's state.
+     *
+     * > This method is overriden in classes descendant from `VisualizerBase`.
+     * @see getState
+     * @see setState
+     * @see onStateChanged
+     */
+    resetState() {
+    }
     /**
      * Gets or sets the current locale.
      *
@@ -1312,11 +1338,9 @@ class SelectBase extends VisualizerBase {
         this.emptyAnswersBtn = undefined;
         this.transposeDataBtn = undefined;
         this.topNSelector = undefined;
-        this._showPercentages = false;
         this._showOnlyPercentages = false;
-        this._percentagePrecision = 0;
+        this._percentagePrecision = 2;
         this._answersOrder = "default";
-        this._supportSelection = true;
         this._hideEmptyAnswers = false;
         this._topN = -1;
         this.topNValues = [].concat(SelectBase.topNValuesDefaults);
@@ -1336,7 +1360,7 @@ class SelectBase extends VisualizerBase {
                 this.dataProvider.raiseDataChanged();
             };
         }
-        this._showPercentages = this.options.showPercentages === true;
+        this._supportSelection = true;
         this._showOnlyPercentages = this.options.showOnlyPercentages === true;
         if (this.options.percentagePrecision) {
             this._percentagePrecision = this.options.percentagePrecision;
@@ -1579,11 +1603,22 @@ class SelectBase extends VisualizerBase {
         this.refreshContent();
         this.stateChanged("showOnlyPercentages", val);
     }
+    getShowPercentagesDefault() {
+        if (this.options.showPercentages === undefined) {
+            return ["pie", "doughnut"].indexOf(this.chartType) !== -1;
+        }
+        return this.options.showPercentages === true;
+    }
     /**
      * Gets and sets whether chart should show values and percentages.
      */
     get showPercentages() {
-        return this._showPercentages;
+        if (this._showPercentages !== undefined) {
+            return this._showPercentages;
+        }
+        else {
+            return this.getShowPercentagesDefault();
+        }
     }
     set showPercentages(val) {
         this._showPercentages = val;
@@ -1715,12 +1750,10 @@ class SelectBase extends VisualizerBase {
         var percentages = [];
         var percentagePrecision = this._percentagePrecision;
         if (data.length < 2) {
-            data.forEach((res, index) => {
-                var sum = res.reduce((sum, val) => sum + val, 0);
-                percentages[index] = res.map((val) => {
-                    var value = percentagePrecision ? +(val / sum).toFixed(percentagePrecision) : Math.round((val / sum) * 10000);
-                    return sum && (value / 100);
-                });
+            var sum = data[0].reduce((sum, val) => sum + val, 0);
+            percentages[0] = data[0].map((val) => {
+                var value = percentagePrecision ? +(val / sum * 100).toFixed(percentagePrecision) : Math.round(val / sum * 100);
+                return sum && value;
             });
         }
         else {
@@ -1732,7 +1765,7 @@ class SelectBase extends VisualizerBase {
                 for (var j = 0; j < data.length; j++) {
                     if (!Array.isArray(percentages[j]))
                         percentages[j] = [];
-                    var value = percentagePrecision ? +((data[j][i] / sum) * 100).toFixed(percentagePrecision) : Math.round((data[j][i] / sum) * 100);
+                    var value = percentagePrecision ? +(data[j][i] / sum * 100).toFixed(percentagePrecision) : Math.round(data[j][i] / sum * 100);
                     percentages[j][i] = sum && value;
                 }
             }
@@ -1764,14 +1797,13 @@ class SelectBase extends VisualizerBase {
             let datasets = (yield this.getCalculatedValues());
             let labels = this.getLabels();
             let colors = this.getColors();
-            var texts = this.showPercentages ? this.getPercentages(datasets) : datasets;
             if (this.transposeData) {
                 datasets = this.transpose(datasets);
-                texts = this.transpose(texts);
                 const temp = seriesLabels;
                 seriesLabels = labels;
                 labels = temp;
             }
+            var texts = this.showPercentages ? this.getPercentages(datasets) : datasets;
             if (this.answersOrder == "asc" || this.answersOrder == "desc") {
                 var zippedArray = this.showPercentages
                     ? DataHelper.zipArrays(labels, colors, texts[0])
@@ -1853,6 +1885,18 @@ class SelectBase extends VisualizerBase {
         const selectedItem = ItemValue.getItemByValue(this.question.visibleChoices, state.filter);
         this.setSelection(selectedItem !== null && selectedItem !== void 0 ? selectedItem : undefined);
     }
+    resetState() {
+        super.resetState();
+        // this._showPercentages = this.options.showPercentages === true;
+        // this._showOnlyPercentages = this.options.showOnlyPercentages === true;
+        // this._showMissingAnswers = this.isSupportMissingAnswers() && this.options.showMissingAnswers === true;
+        // this._transposeData = this.options.transposeData || false;
+        this._hideEmptyAnswers = this.options.hideEmptyAnswers === true;
+        this._answersOrder = this.options.answersOrder || "default";
+        this._topN = -1;
+        this.chartType = this.chartTypes[0];
+        this.setSelection(undefined);
+    }
 }
 SelectBase.topNValuesDefaults = [-1, 5, 10, 20];
 SelectBase._stateProperties = ["chartType", "answersOrder", "hideEmptyAnswers", "topN"];
@@ -1861,6 +1905,7 @@ VisualizationManager.registerVisualizer("radiogroup", SelectBase);
 VisualizationManager.registerVisualizer("dropdown", SelectBase);
 VisualizationManager.registerVisualizer("imagepicker", SelectBase);
 VisualizationManager.registerVisualizer("tagbox", SelectBase);
+VisualizationManager.registerVisualizer("rating", SelectBase, 100);
 
 class BooleanModel extends SelectBase {
     constructor(question, data, options, name) {
@@ -2079,7 +2124,7 @@ HistogramModel.IntervalsCount = 10;
 HistogramModel.UseIntervalsFrom = 10;
 VisualizationManager.registerVisualizer("date", HistogramModel);
 VisualizationManager.registerVisualizer("number", HistogramModel, 100);
-VisualizationManager.registerVisualizer("rating", HistogramModel, 100);
+VisualizationManager.registerVisualizer("rating", HistogramModel, 300);
 
 class Matrix extends SelectBase {
     constructor(question, data, options, name) {
@@ -2672,12 +2717,15 @@ class AlternativeVisualizersWrapper extends VisualizerBase {
     setVisualizer(type, quiet = false) {
         const visualizerCandidate = this.visualizers.filter((v) => v.type === type)[0];
         if (!!visualizerCandidate && visualizerCandidate !== this.visualizer) {
+            let isFooterCollapsed;
             if (!!this.visualizer) {
+                isFooterCollapsed = this.visualizer.isFooterCollapsed;
                 this.visualizer.onStateChanged.remove(this.onVisualizerStateChangedCallback);
                 this.visualizer.onAfterRender.remove(this.onAfterVisualizerRenderCallback);
                 this.visualizer.destroy();
             }
             this.visualizer = visualizerCandidate;
+            this.visualizer.isFooterCollapsed = isFooterCollapsed;
             this.refresh();
             this.visualizer.onAfterRender.add(this.onAfterVisualizerRenderCallback);
             this.visualizer.onStateChanged.add(this.onVisualizerStateChangedCallback);
@@ -2723,6 +2771,7 @@ class AlternativeVisualizersWrapper extends VisualizerBase {
      *
      * > This method is overriden in descendant classes.
      * @see setState
+     * @see resetState
      */
     getState() {
         const currentVisualizerState = this.visualizer.getState();
@@ -2737,8 +2786,8 @@ class AlternativeVisualizersWrapper extends VisualizerBase {
     /**
      * Sets the visualizer's state.
      *
-     * > This method is overriden in descendant classes.
      * @see getState
+     * @see resetState
      */
     setState(state) {
         if (!!state.visualizer) {
@@ -2748,6 +2797,17 @@ class AlternativeVisualizersWrapper extends VisualizerBase {
             this.visualizer.setState(state.state);
         }
     }
+    /**
+     * Resets the visualizer's state.
+     *
+     * @see getState
+     * @see setState
+     */
+    resetState() {
+        super.resetState();
+        this.visualizers.forEach(visualizer => visualizer.resetState());
+        this.setVisualizer(this.visualizers[0].type, true);
+    }
     getValues() {
         return this.visualizer.getValues();
     }
@@ -9839,48 +9899,52 @@ class VisualizationPanel extends VisualizerBase {
                 return createCommercialLicenseLink();
             });
         }
-        this.registerToolbarItem("resetFilter", () => {
-            return DocumentHelper.createButton(() => {
-                this.visualizers.forEach((visualizer) => {
-                    if (visualizer instanceof SelectBase || visualizer instanceof AlternativeVisualizersWrapper) {
-                        visualizer.setSelection(undefined);
-                    }
-                });
-            }, localization.getString("resetFilter"));
-        }, 900);
+        this._supportSelection = true;
+        if (this.supportSelection !== false) {
+            this.registerToolbarItem("resetFilter", () => {
+                return DocumentHelper.createButton(() => {
+                    this.visualizers.forEach((visualizer) => {
+                        if (visualizer instanceof SelectBase || visualizer instanceof AlternativeVisualizersWrapper) {
+                            visualizer.setSelection(undefined);
+                        }
+                    });
+                }, localization.getString("resetFilter"));
+            }, 900);
+        }
         this.registerToolbarItem("addElement", (toolbar) => {
             if (this.allowHideQuestions) {
                 let addElementSelector = undefined;
                 const addElementSelectorUpdater = (panel, options) => {
                     const hiddenElements = this.hiddenElements;
+                    const selectWrapper = DocumentHelper.createSelector([
+                        {
+                            name: undefined,
+                            displayName: localization.getString("addElement"),
+                        },
+                    ]
+                        .concat(hiddenElements)
+                        .map((element) => {
+                        return {
+                            value: element.name,
+                            text: element.displayName,
+                        };
+                    }), (option) => false, (e) => {
+                        this.showElement(e.target.value);
+                    });
+                    if (addElementSelector) {
+                        toolbar.replaceChild(selectWrapper, addElementSelector);
+                    }
+                    addElementSelector = selectWrapper;
                     if (hiddenElements.length > 0) {
-                        const selectWrapper = DocumentHelper.createSelector([
-                            {
-                                name: undefined,
-                                displayName: localization.getString("addElement"),
-                            },
-                        ]
-                            .concat(hiddenElements)
-                            .map((element) => {
-                            return {
-                                value: element.name,
-                                text: element.displayName,
-                            };
-                        }), (option) => false, (e) => {
-                            this.showElement(e.target.value);
-                        });
-                        (addElementSelector &&
-                            toolbar.replaceChild(selectWrapper, addElementSelector)) ||
-                            toolbar.appendChild(selectWrapper);
-                        addElementSelector = selectWrapper;
+                        addElementSelector.style.display = undefined;
                     }
-                    else {
-                        addElementSelector && toolbar.removeChild(addElementSelector);
-                        addElementSelector = undefined;
+                    else if (addElementSelector) {
+                        addElementSelector.style.display = "none";
                     }
                 };
                 addElementSelectorUpdater();
                 this.onVisibleElementsChanged.add(addElementSelectorUpdater);
+                return addElementSelector;
             }
             return undefined;
         });
@@ -10343,6 +10407,18 @@ class VisualizationPanel extends VisualizerBase {
         }
         this.refresh();
     }
+    resetState() {
+        this._settingState = true;
+        super.resetState();
+        try {
+            this.visualizers.forEach(visualizer => visualizer.resetState());
+            this.locale = surveyLocalization.defaultLocale;
+        }
+        finally {
+            this._settingState = false;
+        }
+        this.refresh();
+    }
     get permissions() {
         return this._elements.map((element) => {
             return {
@@ -12395,9 +12471,34 @@ class StatisticsTable extends SelectBase {
         super.destroy();
     }
 }
+class StatisticsTableBoolean extends BooleanModel {
+    constructor(question, data, options, name) {
+        super(question, data, options, name || "options");
+        this._statisticsTableAdapter = new StatisticsTableAdapter(this);
+        this.showPercentages = true;
+    }
+    destroyContent(container) {
+        this._statisticsTableAdapter.destroy(container);
+        super.destroyContent(container);
+    }
+    renderContentAsync(container) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const tableNode = DocumentHelper.createElement("div");
+            yield this._statisticsTableAdapter.create(tableNode);
+            container.innerHTML = "";
+            container.appendChild(tableNode);
+            return container;
+        });
+    }
+    destroy() {
+        this._statisticsTableAdapter.destroy(this.contentContainer);
+        super.destroy();
+    }
+}
 VisualizationManager.registerVisualizer("radiogroup", StatisticsTable);
 VisualizationManager.registerVisualizer("dropdown", StatisticsTable);
 VisualizationManager.registerVisualizer("checkbox", StatisticsTable);
+VisualizationManager.registerVisualizer("boolean", StatisticsTableBoolean);
 
 class NpsVisualizerWidget {
     constructor(_model, _data) {
@@ -12526,5 +12627,5 @@ NpsVisualizer.DetractorScore = 6;
 NpsVisualizer.PromoterScore = 9;
 // VisualizationManager.registerVisualizer("rating", NpsVisualizer);
 
-export { AlternativeVisualizersWrapper as A, BooleanModel as B, DataProvider as D, HistogramModel as H, Matrix as M, NumberModel as N, PostponeHelper as P, RankingModel as R, SelectBase as S, TextTableAdapter as T, VisualizerFactory as V, WordCloudAdapter as W, __awaiter as _, VisualizerBase as a, VisualizationManager as b, VisualizationPanel as c, VisualizationPanelDynamic as d, VisualizationMatrixDynamic as e, VisualizationMatrixDropdown as f, WordCloud as g, hideEmptyAnswersInData as h, Text as i, StatisticsTableAdapter as j, StatisticsTable as k, NpsVisualizerWidget as l, NpsAdapter as m, NpsVisualizer as n, PivotModel as o, defaultStatisticsCalculator as p, textHelper as t };
+export { AlternativeVisualizersWrapper as A, BooleanModel as B, DataProvider as D, HistogramModel as H, Matrix as M, NumberModel as N, PostponeHelper as P, RankingModel as R, SelectBase as S, TextTableAdapter as T, VisualizerFactory as V, WordCloudAdapter as W, __awaiter as _, VisualizerBase as a, VisualizationManager as b, VisualizationPanel as c, VisualizationPanelDynamic as d, VisualizationMatrixDynamic as e, VisualizationMatrixDropdown as f, WordCloud as g, hideEmptyAnswersInData as h, Text as i, StatisticsTableAdapter as j, StatisticsTable as k, StatisticsTableBoolean as l, NpsVisualizerWidget as m, NpsAdapter as n, NpsVisualizer as o, PivotModel as p, defaultStatisticsCalculator as q, textHelper as t };
 //# sourceMappingURL=shared2.mjs.map