survey-analytics 2.3.1 → 2.3.3

package/fesm/shared2.mjs

@@ -1,10 +1,10 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.3.1
+ * surveyjs - SurveyJS Dashboard library v2.3.3
  * 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, f as createLoadingIndicator, a as DataHelper, e as svgTemplate, d as createCommercialLicenseLink, t as toPrecision } from './shared.mjs';
+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';
 
 /******************************************************************************
@@ -1915,7 +1915,7 @@ class HistogramModel extends SelectBase {
         super(question, data, options, name || "histogram");
         this.valueType = "number";
         this._cachedValues = undefined;
-        this._continiousData = undefined;
+        this._continuousData = undefined;
         this._cachedIntervals = undefined;
         this._intervalPrecision = 2;
         this._transposeData = false;
@@ -1931,11 +1931,11 @@ class HistogramModel extends SelectBase {
         }
     }
     reset() {
-        this._continiousData = undefined;
+        this._continuousData = undefined;
         this._cachedValues = undefined;
         this._cachedIntervals = undefined;
     }
-    getContiniousValue(value) {
+    getContinuousValue(value) {
         if (this.valueType === "date") {
             return Date.parse(value);
         }
@@ -1952,7 +1952,7 @@ class HistogramModel extends SelectBase {
         return Math.round(base * value) / base;
     }
     getSelectedItemByText(itemText) {
-        if (this.hasCustomIntervals || this.getContiniousValues().length > HistogramModel.UseIntervalsFrom) {
+        if (this.hasCustomIntervals || this.getContinuousValues().length > HistogramModel.UseIntervalsFrom) {
             const interval = this.intervals.filter(interval => interval.label === itemText)[0];
             return new ItemValue(interval, interval !== undefined ? interval.label : "");
         }
@@ -1971,26 +1971,26 @@ class HistogramModel extends SelectBase {
         this.reset();
         super.onDataChanged();
     }
-    getContiniousValues() {
+    getContinuousValues() {
         if (this._cachedValues === undefined) {
             const series = this.getSeriesValues();
             if (series.length === 0) {
                 series.push("");
             }
-            this._continiousData = {};
-            series.forEach(seriesValue => this._continiousData[seriesValue] = []);
+            this._continuousData = {};
+            series.forEach(seriesValue => this._continuousData[seriesValue] = []);
             const hash = {};
             this.data.forEach(dataItem => {
                 const answerData = dataItem[this.name];
                 if (answerData !== undefined) {
                     const seriesValue = dataItem[DataProvider.seriesMarkerKey] || "";
-                    // TODO: _continiousData should be sorted in order to speed-up statistics calculation in the getData function
-                    this._continiousData[seriesValue].push(this.getContiniousValue(answerData));
+                    // TODO: _continuousData should be sorted in order to speed-up statistics calculation in the getData function
+                    this._continuousData[seriesValue].push(this.getContinuousValue(answerData));
                     hash[answerData] = answerData;
                 }
             });
-            this._cachedValues = Object.keys(hash).map(key => ({ original: hash[key], continious: this.getContiniousValue(key) }));
-            this._cachedValues.sort((a, b) => a.continious - b.continious);
+            this._cachedValues = Object.keys(hash).map(key => ({ original: hash[key], continuous: this.getContinuousValue(key) }));
+            this._cachedValues.sort((a, b) => a.continuous - b.continuous);
         }
         return this._cachedValues;
     }
@@ -2036,11 +2036,11 @@ class HistogramModel extends SelectBase {
             }
         }
         if (this._cachedIntervals === undefined) {
-            const continiousValues = this.getContiniousValues();
+            const continuousValues = this.getContinuousValues();
             this._cachedIntervals = [];
-            if (continiousValues.length) {
-                let start = continiousValues[0].continious;
-                const end = continiousValues[continiousValues.length - 1].continious;
+            if (continuousValues.length) {
+                let start = continuousValues[0].continuous;
+                const end = continuousValues[continuousValues.length - 1].continuous;
                 const intervalsCount = HistogramModel.IntervalsCount;
                 const delta = (end - start) / intervalsCount;
                 for (let i = 0; i < intervalsCount; ++i) {
@@ -2062,8 +2062,8 @@ class HistogramModel extends SelectBase {
         return [externalCalculatedData];
     }
     getCalculatedValuesCore() {
-        this.getContiniousValues();
-        return histogramStatisticsCalculator(this._continiousData, this.intervals, this.getSeriesValues());
+        this.getContinuousValues();
+        return histogramStatisticsCalculator(this._continuousData, this.intervals, this.getSeriesValues());
     }
     getValueType() {
         return this.valueType;
@@ -2163,7 +2163,7 @@ class PivotModel extends SelectBase {
         this.questions = questions;
         this.valueType = "enum";
         this._cachedValues = undefined;
-        this._continiousData = undefined;
+        this._continuousData = undefined;
         this._cachedIntervals = undefined;
         this._intervalPrecision = 2;
         this.axisYSelectors = [];
@@ -2179,7 +2179,12 @@ class PivotModel extends SelectBase {
                 value: question.name,
                 text: question.title || question.name,
             };
-        }), (option) => this.axisXQuestionName === option.value, (e) => { this.axisXQuestionName = e.target.value; this.setupPivot(); }, localization.getString("axisXSelectorTitle")));
+        }), (option) => this.axisXQuestionName === option.value, (e) => {
+            this.axisXQuestionName = e.target.value;
+            this.updateQuestionsSelection();
+            this.updateToolbar();
+            this.setupPivot();
+        }, () => this.isXYChart() ? localization.getString("axisXSelectorTitle") : localization.getString("axisXAlternativeSelectorTitle")));
         this.registerToolbarItem("axisYSelector0", this.createYSelecterGenerator());
         this.setupPivot();
     }
@@ -2191,6 +2196,9 @@ class PivotModel extends SelectBase {
                 selector = this.createAxisYSelector(selectorIndex);
                 this.axisYSelectors.push(selector);
             }
+            else {
+                selector["__updateSelect"] && selector["__updateSelect"]();
+            }
             return selector;
         };
     }
@@ -2211,26 +2219,62 @@ class PivotModel extends SelectBase {
                 }
                 this.axisYSelectors = this.axisYSelectors.slice(0, index + 1);
                 this.axisYQuestionNames = this.axisYQuestionNames.slice(0, index + 1);
-                this.updateToolbar();
             }
         }
         else {
             if (!!value) {
                 this.registerToolbarItem("axisYSelector" + this.axisYSelectors.length, this.createYSelecterGenerator());
-                this.updateToolbar();
             }
         }
+        this.updateQuestionsSelection();
+        this.updateToolbar();
         this.setupPivot();
     }
+    updateQuestionsSelection() {
+        const selectedQuestions = [this.axisXQuestionName];
+        for (let i = 0; i < this.axisYQuestionNames.length; ++i) {
+            const questionName = this.axisYQuestionNames[i];
+            if (selectedQuestions.indexOf(questionName) !== -1) {
+                this.onAxisYSelectorChanged(i, undefined);
+                break;
+            }
+            else {
+                selectedQuestions.push(questionName);
+            }
+        }
+    }
     createAxisYSelector(selectorIndex) {
-        const selector = DocumentHelper.createSelector([{ value: "", text: "Not selected" }].concat(this.questions.map((question) => {
-            return {
-                value: question.name,
-                text: question.title || question.name,
-            };
-        })), (option) => this.axisYQuestionNames[selectorIndex] === option.value, (e) => { this.onAxisYSelectorChanged(selectorIndex, e.target.value); }, selectorIndex ? undefined : localization.getString("axisYSelectorTitle"));
+        const getChoices = () => {
+            const choices = this.questions.filter(q => {
+                if (q.name === this.axisXQuestionName) {
+                    return false;
+                }
+                const usedIndex = this.axisYQuestionNames.indexOf(q.name);
+                return usedIndex == -1 || usedIndex >= selectorIndex;
+            }).map((question) => {
+                return {
+                    value: question.name,
+                    text: question.title || question.name,
+                };
+            });
+            return [{ value: "", text: localization.getString("notSelected") }].concat(choices);
+        };
+        if (getChoices().length == 1) {
+            return undefined;
+        }
+        const selector = DocumentHelper.createSelector(getChoices, (option) => this.axisYQuestionNames[selectorIndex] === option.value, (e) => { this.onAxisYSelectorChanged(selectorIndex, e.target.value); }, () => selectorIndex ? undefined : (this.isXYChart() ? localization.getString("axisYSelectorTitle") : localization.getString("axisYAlternativeSelectorTitle")));
         return selector;
     }
+    setChartType(chartType) {
+        const prev2Dchart = this.isXYChart();
+        super.setChartType(chartType);
+        if (prev2Dchart !== this.isXYChart()) {
+            this.updateToolbar();
+        }
+    }
+    isXYChart() {
+        return ["pie", "doughnut"].indexOf(this.chartType) === -1;
+    }
     getQuestionValueType(question) {
         const questionType = question.getType();
         if (questionType === "text" && (question["inputType"] === "date" || question["inputType"] === "datetime")) {
@@ -2257,11 +2301,11 @@ class PivotModel extends SelectBase {
         this.onDataChanged();
     }
     reset() {
-        this._continiousData = undefined;
+        this._continuousData = undefined;
         this._cachedValues = undefined;
         this._cachedIntervals = undefined;
     }
-    getContiniousValue(value) {
+    getContinuousValue(value) {
         if (this.valueType === "date") {
             return Date.parse(value);
         }
@@ -2278,7 +2322,7 @@ class PivotModel extends SelectBase {
         return Math.round(base * value) / base;
     }
     getSelectedItemByText(itemText) {
-        if (this.hasCustomIntervals || this.getContiniousValues().length > PivotModel.UseIntervalsFrom) {
+        if (this.hasCustomIntervals || this.getContinuousValues().length > PivotModel.UseIntervalsFrom) {
             const interval = this.intervals.filter(interval => interval.label === itemText)[0];
             return new ItemValue(interval, interval !== undefined ? interval.label : "");
         }
@@ -2297,9 +2341,9 @@ class PivotModel extends SelectBase {
         this.reset();
         super.onDataChanged();
     }
-    getContiniousValues() {
+    getContinuousValues() {
         if (this._cachedValues === undefined) {
-            this._continiousData = [];
+            this._continuousData = [];
             if (this.valueType === "enum") {
                 this._cachedValues = [];
                 return this._cachedValues;
@@ -2308,13 +2352,13 @@ class PivotModel extends SelectBase {
             this.data.forEach(dataItem => {
                 const answerData = dataItem[this.name];
                 if (answerData !== undefined) {
-                    // TODO: _continiousData should be sorted in order to speed-up statistics calculation in the getData function
-                    this._continiousData.push({ continious: this.getContiniousValue(answerData), row: dataItem });
+                    // TODO: _continuousData should be sorted in order to speed-up statistics calculation in the getData function
+                    this._continuousData.push({ continuous: this.getContinuousValue(answerData), row: dataItem });
                     hash[answerData] = { value: answerData, row: dataItem };
                 }
             });
-            this._cachedValues = Object.keys(hash).map(key => ({ original: hash[key].value, continious: this.getContiniousValue(key), row: hash[key].row }));
-            this._cachedValues.sort((a, b) => a.continious - b.continious);
+            this._cachedValues = Object.keys(hash).map(key => ({ original: hash[key].value, continuous: this.getContinuousValue(key), row: hash[key].row }));
+            this._cachedValues.sort((a, b) => a.continuous - b.continuous);
         }
         return this._cachedValues;
     }
@@ -2399,11 +2443,11 @@ class PivotModel extends SelectBase {
             }
         }
         if (this._cachedIntervals === undefined) {
-            const continiousValues = this.getContiniousValues();
+            const continuousValues = this.getContinuousValues();
             this._cachedIntervals = [];
-            if (continiousValues.length) {
-                let start = continiousValues[0].continious;
-                const end = continiousValues[continiousValues.length - 1].continious;
+            if (continuousValues.length) {
+                let start = continuousValues[0].continuous;
+                const end = continuousValues[continuousValues.length - 1].continuous;
                 const intervalsCount = PivotModel.IntervalsCount;
                 const delta = (end - start) / intervalsCount;
                 for (let i = 0; i < intervalsCount; ++i) {
@@ -2485,14 +2529,14 @@ class PivotModel extends SelectBase {
             });
         }
         else {
-            this.getContiniousValues();
+            this.getContinuousValues();
             const intervals = this.intervals;
             for (var i = 0; i < series.length; ++i) {
                 statistics.push(intervals.map(i => 0));
             }
-            this._continiousData.forEach(dataValue => {
+            this._continuousData.forEach(dataValue => {
                 for (let valueIndex = 0; valueIndex < intervals.length; ++valueIndex) {
-                    if (intervals[valueIndex].start <= dataValue.continious && (dataValue.continious < intervals[valueIndex].end || valueIndex == intervals.length - 1)) {
+                    if (intervals[valueIndex].start <= dataValue.continuous && (dataValue.continuous < intervals[valueIndex].end || valueIndex == intervals.length - 1)) {
                         if (this.questionsY.length === 0) {
                             statistics[0][valueIndex]++;
                         }
@@ -9835,7 +9879,7 @@ class VisualizationPanel extends VisualizerBase {
             const localeChoices = this.locales.map((element) => {
                 return {
                     value: element,
-                    text: localization.localeNames[element] || localization.getString(element) || element
+                    text: localization.getLocaleName(element)
                 };
             });
             // localeChoices.unshift({