survey-analytics 2.3.3 → 2.3.5

package/fesm/shared2.mjs

@@ -1,11 +1,11 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.3.3
+ * surveyjs - SurveyJS Dashboard library v2.3.5
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 
-import { D as DocumentHelper, l as localization, g as createLoadingIndicator, b as DataHelper, f as svgTemplate, e as createCommercialLicenseLink, t as toPrecision } from './shared.mjs';
-import { Event, QuestionCommentModel, settings, ItemValue, hasLicense, surveyLocalization, IsTouch } from 'survey-core';
+import { D as DocumentHelper, l as localization, g as createLoadingIndicator, b as DataHelper, e as createCommercialLicenseLink, f as svgTemplate, t as toPrecision } from './shared.mjs';
+import { Event, hasLicense, QuestionCommentModel, settings, ItemValue, surveyLocalization, IsTouch } from 'survey-core';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -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) {
@@ -277,14 +277,19 @@ 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) {
+        let type = question.getType();
+        let creators = [];
+        if (type === "text" && question.inputType) {
             type = question.inputType;
+            creators = VisualizationManager.getVisualizersByType(type);
+            if (creators === undefined || creators.length == 0) {
+                type = "text";
+                creators = VisualizationManager.getVisualizersByType(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();
@@ -466,6 +471,7 @@ class VisualizerBase {
         this._dataProvider = undefined;
         this._getDataCore = undefined;
         this.labelTruncateLength = 27;
+        this.haveCommercialLicense = false;
         this.renderResult = undefined;
         this.toolbarContainer = undefined;
         this.headerContainer = undefined;
@@ -473,6 +479,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.
          *
@@ -528,6 +535,10 @@ class VisualizerBase {
         this._calculationsCache = undefined;
         this.loadingData = false;
         this._settingState = false;
+        const f = hasLicense;
+        this.haveCommercialLicense = (!!f && f(4)) ||
+            VisualizerBase.haveCommercialLicense ||
+            (typeof options.haveCommercialLicense !== "undefined" ? options.haveCommercialLicense : false);
         this._getDataCore = (_a = this.questionOptions) === null || _a === void 0 ? void 0 : _a.getDataCore;
         this._dataProvider = options.dataProvider || new DataProvider(data);
         this._dataProvider.onDataChanged.add(() => this.onDataChanged());
@@ -602,9 +613,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 || [];
@@ -850,26 +861,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);
@@ -1067,6 +1088,7 @@ class VisualizerBase {
      *
      * > This method is overriden in classes descendant from `VisualizerBase`.
      * @see setState
+     * @see resetState
      * @see onStateChanged
      */
     getState() {
@@ -1079,10 +1101,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.
      *
@@ -1113,6 +1146,7 @@ class VisualizerBase {
         }
     }
 }
+VisualizerBase.haveCommercialLicense = false;
 VisualizerBase.suppressVisualizerStubRendering = false;
 VisualizerBase.chartAdapterType = undefined;
 // public static otherCommentQuestionType = "comment"; // TODO: make it configureable - allow choose what kind of question/visualizer will be used for comments/others
@@ -1310,7 +1344,6 @@ class SelectBase extends VisualizerBase {
         this._showOnlyPercentages = false;
         this._percentagePrecision = 0;
         this._answersOrder = "default";
-        this._supportSelection = true;
         this._hideEmptyAnswers = false;
         this._topN = -1;
         this.topNValues = [].concat(SelectBase.topNValuesDefaults);
@@ -1330,6 +1363,7 @@ class SelectBase extends VisualizerBase {
                 this.dataProvider.raiseDataChanged();
             };
         }
+        this._supportSelection = true;
         this._showPercentages = this.options.showPercentages === true;
         this._showOnlyPercentages = this.options.showOnlyPercentages === true;
         if (this.options.percentagePrecision) {
@@ -1847,6 +1881,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"];
@@ -1855,6 +1901,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) {
@@ -2073,7 +2120,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) {
@@ -2158,9 +2205,10 @@ class Matrix extends SelectBase {
 VisualizationManager.registerVisualizer("matrix", Matrix);
 
 class PivotModel extends SelectBase {
-    constructor(questions, data, options, name) {
+    constructor(questions, data, options, name, isRoot = true) {
         super(null, data, options, name || "pivot");
         this.questions = questions;
+        this.isRoot = isRoot;
         this.valueType = "enum";
         this._cachedValues = undefined;
         this._continuousData = undefined;
@@ -2556,6 +2604,14 @@ class PivotModel extends SelectBase {
     isSupportSoftUpdateContent() {
         return false;
     }
+    renderToolbar(container) {
+        if (!this.haveCommercialLicense && this.isRoot) {
+            const banner = createCommercialLicenseLink();
+            container.appendChild(banner);
+        }
+        container.className += " sa-pivot__header";
+        super.renderToolbar(container);
+    }
 }
 PivotModel.IntervalsCount = 10;
 PivotModel.UseIntervalsFrom = 10;
@@ -2657,12 +2713,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);
@@ -2708,6 +2767,7 @@ class AlternativeVisualizersWrapper extends VisualizerBase {
      *
      * > This method is overriden in descendant classes.
      * @see setState
+     * @see resetState
      */
     getState() {
         const currentVisualizerState = this.visualizer.getState();
@@ -2722,8 +2782,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) {
@@ -2733,6 +2793,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();
     }
@@ -9723,12 +9794,12 @@ if (!!document) {
  * [View Demo](https://surveyjs.io/dashboard/examples/interactive-survey-data-dashboard/ (linkStyle))
  */
 class VisualizationPanel extends VisualizerBase {
-    constructor(questions, data, options = {}, _elements = undefined) {
+    constructor(questions, data, options = {}, _elements = undefined, isRoot = true) {
         super(null, data, options, "panel");
         this.questions = questions;
         this._elements = _elements;
+        this.isRoot = isRoot;
         this.visualizers = [];
-        this.haveCommercialLicense = false;
         this.renderedQuestionsCount = 0;
         this.onAfterRenderQuestionCallback = (sender, options) => {
             this.renderedQuestionsCount++;
@@ -9807,12 +9878,6 @@ class VisualizationPanel extends VisualizerBase {
          */
         this.onElementMoved = new Event();
         this.loadingData = false;
-        const f = hasLicense;
-        this.haveCommercialLicense = (!!f && f(4)) ||
-            VisualizationPanel.haveCommercialLicense ||
-            (typeof options.haveCommercialLicense !== "undefined"
-                ? options.haveCommercialLicense
-                : false);
         this._layoutEngine =
             options.layoutEngine ||
                 new MuuriLayoutEngine(this.allowDynamicLayout, "." + questionLayoutedElementClassName, this.allowDragDrop);
@@ -9825,53 +9890,57 @@ class VisualizationPanel extends VisualizerBase {
             this._elements = this.buildElements(questions);
         }
         this.buildVisualizers(questions);
-        if (!this.haveCommercialLicense) {
+        if (!this.haveCommercialLicense && this.isRoot) {
             this.registerToolbarItem("commercialLicense", () => {
                 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;
         });
@@ -9998,7 +10067,7 @@ class VisualizationPanel extends VisualizerBase {
             let visualizerData = this.surveyData;
             let visualizer;
             if (Array.isArray(question)) {
-                visualizer = new (VisualizationManager.getPivotVisualizerConstructor())(question, visualizerData, visualizerOptions);
+                visualizer = new (VisualizationManager.getPivotVisualizerConstructor())(question, visualizerData, visualizerOptions, undefined, false);
             }
             else {
                 visualizer = this.createVisualizer(question, visualizerOptions, visualizerData);
@@ -10334,6 +10403,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 {
@@ -10363,7 +10444,6 @@ class VisualizationPanel extends VisualizerBase {
         this.destroyVisualizers();
     }
 }
-VisualizationPanel.haveCommercialLicense = false;
 
 class VisualizationPanelDynamic extends VisualizerBase {
     constructor(question, data, options = {}, name) {
@@ -10376,7 +10456,7 @@ class VisualizationPanelDynamic extends VisualizerBase {
         var options = Object.assign({}, options);
         options.allowDynamicLayout = false;
         options.dataProvider = undefined;
-        this._panelVisualizer = new VisualizationPanel(this.getQuestions(), [], options);
+        this._panelVisualizer = new VisualizationPanel(this.getQuestions(), [], options, undefined, false);
         this._panelVisualizer.onAfterRender.add(this.onAfterRenderPanelCallback);
         this.updateData(data);
     }
@@ -10471,7 +10551,7 @@ class VisualizationMatrixDropdown extends VisualizerBase {
         }
         else {
             const innerQuestions = this.getQuestions();
-            this._matrixDropdownVisualizer = new VisualizationPanel(innerQuestions, [], this._childOptions);
+            this._matrixDropdownVisualizer = new VisualizationPanel(innerQuestions, [], this._childOptions, undefined, false);
         }
         this._matrixDropdownVisualizer.onAfterRender.add(this.onPanelAfterRenderCallback);
         this.updateData(data);
@@ -12387,9 +12467,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) {
@@ -12518,5 +12623,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