survey-analytics 2.5.29 → 2.5.31

package/fesm/shared2.mjs

@@ -1,43 +1,11 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.5.29
+ * surveyjs - SurveyJS Dashboard library v2.5.31
  * Copyright (c) 2015-2026 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, e as createCommercialLicenseLink, f as svgTemplate, t as toPrecision } from './shared.mjs';
 import { Event, QuestionCustomModel, QuestionCompositeModel, QuestionCommentModel, settings, hasLicense, ItemValue, QuestionRatingModel, surveyLocalization, IsTouch } from 'survey-core';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
+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';
 
 class DataProvider {
     constructor(_data = []) {
@@ -357,6 +325,38 @@ class VisualizerFactory {
     }
 }
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 function defaultStatisticsCalculator(data, dataInfo) {
     const dataNames = dataInfo.dataNames;
     const statistics = [];
@@ -1277,113 +1277,6 @@ VisualizerBase.colors = [
 ];
 VisualizationManager.defaultVisualizer = VisualizerBase;
 
-class NumberModel extends VisualizerBase {
-    constructor(question, data, options = {}, name) {
-        super(question, data, options, name || "number");
-        if (VisualizerBase.chartAdapterType) {
-            this._chartAdapter = new VisualizerBase.chartAdapterType(this);
-            this.chartTypes = this._chartAdapter.getChartTypes();
-            this.chartType = this.chartTypes[0];
-        }
-        if (this.options.allowChangeVisualizerType !== false) {
-            this.registerToolbarItem("changeChartType", () => {
-                if (this.chartTypes.length > 1) {
-                    return DocumentHelper.createSelector(this.chartTypes.map((chartType) => {
-                        return {
-                            value: chartType,
-                            text: localization.getString("chartType_" + chartType),
-                        };
-                    }), (option) => this.chartType === option.value, (e) => {
-                        this.setChartType(e.target.value);
-                    });
-                }
-                return null;
-            });
-        }
-    }
-    onDataChanged() {
-        this._resultAverage = undefined;
-        this._resultMin = undefined;
-        this._resultMax = undefined;
-        super.onDataChanged();
-    }
-    onChartTypeChanged() { }
-    setChartType(chartType) {
-        if (this.chartTypes.indexOf(chartType) !== -1 &&
-            this.chartType !== chartType) {
-            this.chartType = chartType;
-            this.onChartTypeChanged();
-            if (!!this.contentContainer) {
-                this.destroyContent(this.contentContainer);
-                this.renderContent(this.contentContainer);
-            }
-            this.invokeOnUpdate();
-        }
-    }
-    destroy() {
-        this._resultAverage = undefined;
-        this._resultMin = undefined;
-        this._resultMax = undefined;
-        super.destroy();
-    }
-    generateText(maxValue, minValue, stepsCount) {
-        let texts = [];
-        if (stepsCount === 5) {
-            texts = [
-                "very high (" + maxValue + ")",
-                "high",
-                "medium",
-                "low",
-                "very low (" + minValue + ")",
-            ];
-        }
-        else {
-            texts.push(maxValue);
-            for (let i = 0; i < stepsCount - 2; i++) {
-                texts.push("");
-            }
-            texts.push(minValue);
-        }
-        if (!!NumberModel.generateTextsCallback) {
-            return NumberModel.generateTextsCallback(this.question, maxValue, minValue, stepsCount, texts);
-        }
-        return texts;
-    }
-    generateValues(maxValue, stepsCount) {
-        const values = [];
-        for (let i = 0; i < stepsCount; i++) {
-            values.push(maxValue / stepsCount);
-        }
-        values.push(maxValue);
-        return values;
-    }
-    generateColors(maxValue, minValue, stepsCount) {
-        const palette = this.getColors();
-        const colors = [];
-        for (let i = 0; i < stepsCount; i++) {
-            colors.push(palette[i]);
-        }
-        colors.push("rgba(255, 255, 255, 0)");
-        return colors;
-    }
-    convertFromExternalData(externalCalculatedData) {
-        return [externalCalculatedData.value || 0, externalCalculatedData.minValue || 0, externalCalculatedData.maxValue || 0];
-    }
-    getCalculatedValuesCore() {
-        if (this._resultAverage === undefined ||
-            this._resultMin === undefined ||
-            this._resultMax === undefined) {
-            [this._resultAverage, this._resultMin, this._resultMax] = mathStatisticsCalculator(this.surveyData, this);
-        }
-        return [this._resultAverage, this._resultMin, this._resultMax];
-    }
-}
-NumberModel.stepsCount = 5;
-NumberModel.showAsPercentage = false;
-VisualizationManager.registerVisualizer("number", NumberModel, 200);
-VisualizationManager.registerVisualizer("rating", NumberModel, 200);
-VisualizationManager.registerVisualizer("expression", NumberModel);
-
 class FilterInfo {
     constructor(visualizer) {
         this._htmlElement = undefined;
@@ -2087,6 +1980,88 @@ VisualizationManager.registerVisualizer("imagepicker", SelectBase);
 VisualizationManager.registerVisualizer("tagbox", SelectBase);
 VisualizationManager.registerVisualizer("rating", SelectBase, 100);
 
+class Matrix extends SelectBase {
+    constructor(question, data, options, name) {
+        super(question, data, options, name || "matrix");
+        this._transposeData = true;
+        // this.getAnswersData();
+    }
+    get matrixQuestion() {
+        return this.question;
+    }
+    isSupportMissingAnswers() {
+        return false;
+    }
+    getSeriesValues() {
+        return this.matrixQuestion.rows.map((row) => "" + row.value);
+    }
+    getSeriesLabels() {
+        return this.matrixQuestion.rows.map((row) => ItemValue.getTextOrHtmlByValue(this.matrixQuestion.rows, row.value));
+    }
+    getSelectedItemByText(itemText) {
+        return this.matrixQuestion.columns.filter((column) => column.text === itemText)[0];
+    }
+    valuesSource() {
+        return this.matrixQuestion.columns;
+    }
+    getHasAnswersInAllSeriesArray(datasets) {
+        let result = Array();
+        for (let i = 0; i < datasets[0].length; i++) {
+            for (let j = 0; j < datasets.length; j++) {
+                if (datasets[j][i] != 0) {
+                    result[i] = true;
+                }
+            }
+        }
+        return result;
+    }
+    getHasAnswersInSeries(dataset) {
+        for (let i = 0; i < dataset.length; i++) {
+            if (dataset[i] != 0) {
+                return true;
+            }
+        }
+        return false;
+    }
+    hideEmptyAnswersInData(answersData) {
+        const result = {
+            datasets: [],
+            labels: [],
+            colors: [],
+            texts: [],
+            seriesLabels: [],
+        };
+        const hasAnswersInAllSeriesArr = this.getHasAnswersInAllSeriesArray(answersData.datasets);
+        for (let i = 0; i < answersData.datasets.length; i++) {
+            const hasAnswersInSeries = this.getHasAnswersInSeries(answersData.datasets[i]);
+            if (hasAnswersInSeries) {
+                result.labels.push(answersData.labels[i]);
+                result.colors.push(answersData.colors[i]);
+            }
+            else {
+                continue;
+            }
+            const datasets = [];
+            const texts = [];
+            for (let j = 0; j < answersData.datasets[0].length; j++) {
+                if (hasAnswersInAllSeriesArr[j]) {
+                    datasets.push(answersData.datasets[i][j]);
+                    texts.push(answersData.texts[i][j]);
+                }
+            }
+            result.datasets.push(datasets);
+            result.texts.push(texts);
+        }
+        for (let i = 0; i < answersData.datasets[0].length; i++) {
+            if (hasAnswersInAllSeriesArr[i]) {
+                result.seriesLabels.push(answersData.seriesLabels[i]);
+            }
+        }
+        return result;
+    }
+}
+VisualizationManager.registerVisualizer("matrix", Matrix);
+
 class BooleanModel extends SelectBase {
     constructor(question, data, options, name) {
         super(question, data, options, name || "boolean");
@@ -2720,707 +2695,283 @@ VisualizationManager.registerVisualizer("date", HistogramModel);
 VisualizationManager.registerVisualizer("number", HistogramModel, 100);
 VisualizationManager.registerVisualizer("rating", HistogramModel, 300);
 
-class Matrix extends SelectBase {
-    constructor(question, data, options, name) {
-        super(question, data, options, name || "matrix");
-        this._transposeData = true;
-        // this.getAnswersData();
-    }
-    get matrixQuestion() {
-        return this.question;
-    }
-    isSupportMissingAnswers() {
-        return false;
-    }
-    getSeriesValues() {
-        return this.matrixQuestion.rows.map((row) => "" + row.value);
+class NumberModel extends VisualizerBase {
+    constructor(question, data, options = {}, name) {
+        super(question, data, options, name || "number");
+        if (VisualizerBase.chartAdapterType) {
+            this._chartAdapter = new VisualizerBase.chartAdapterType(this);
+            this.chartTypes = this._chartAdapter.getChartTypes();
+            this.chartType = this.chartTypes[0];
+        }
+        if (this.options.allowChangeVisualizerType !== false) {
+            this.registerToolbarItem("changeChartType", () => {
+                if (this.chartTypes.length > 1) {
+                    return DocumentHelper.createSelector(this.chartTypes.map((chartType) => {
+                        return {
+                            value: chartType,
+                            text: localization.getString("chartType_" + chartType),
+                        };
+                    }), (option) => this.chartType === option.value, (e) => {
+                        this.setChartType(e.target.value);
+                    });
+                }
+                return null;
+            });
+        }
     }
-    getSeriesLabels() {
-        return this.matrixQuestion.rows.map((row) => ItemValue.getTextOrHtmlByValue(this.matrixQuestion.rows, row.value));
+    onDataChanged() {
+        this._resultAverage = undefined;
+        this._resultMin = undefined;
+        this._resultMax = undefined;
+        super.onDataChanged();
     }
-    getSelectedItemByText(itemText) {
-        return this.matrixQuestion.columns.filter((column) => column.text === itemText)[0];
+    onChartTypeChanged() { }
+    setChartType(chartType) {
+        if (this.chartTypes.indexOf(chartType) !== -1 &&
+            this.chartType !== chartType) {
+            this.chartType = chartType;
+            this.onChartTypeChanged();
+            if (!!this.contentContainer) {
+                this.destroyContent(this.contentContainer);
+                this.renderContent(this.contentContainer);
+            }
+            this.invokeOnUpdate();
+        }
     }
-    valuesSource() {
-        return this.matrixQuestion.columns;
+    destroy() {
+        this._resultAverage = undefined;
+        this._resultMin = undefined;
+        this._resultMax = undefined;
+        super.destroy();
     }
-    getHasAnswersInAllSeriesArray(datasets) {
-        let result = Array();
-        for (let i = 0; i < datasets[0].length; i++) {
-            for (let j = 0; j < datasets.length; j++) {
-                if (datasets[j][i] != 0) {
-                    result[i] = true;
-                }
+    generateText(maxValue, minValue, stepsCount) {
+        let texts = [];
+        if (stepsCount === 5) {
+            texts = [
+                "very high (" + maxValue + ")",
+                "high",
+                "medium",
+                "low",
+                "very low (" + minValue + ")",
+            ];
+        }
+        else {
+            texts.push(maxValue);
+            for (let i = 0; i < stepsCount - 2; i++) {
+                texts.push("");
             }
+            texts.push(minValue);
         }
-        return result;
+        if (!!NumberModel.generateTextsCallback) {
+            return NumberModel.generateTextsCallback(this.question, maxValue, minValue, stepsCount, texts);
+        }
+        return texts;
     }
-    getHasAnswersInSeries(dataset) {
-        for (let i = 0; i < dataset.length; i++) {
-            if (dataset[i] != 0) {
-                return true;
-            }
+    generateValues(maxValue, stepsCount) {
+        const values = [];
+        for (let i = 0; i < stepsCount; i++) {
+            values.push(maxValue / stepsCount);
         }
-        return false;
+        values.push(maxValue);
+        return values;
     }
-    hideEmptyAnswersInData(answersData) {
-        const result = {
-            datasets: [],
-            labels: [],
-            colors: [],
-            texts: [],
-            seriesLabels: [],
-        };
-        const hasAnswersInAllSeriesArr = this.getHasAnswersInAllSeriesArray(answersData.datasets);
-        for (let i = 0; i < answersData.datasets.length; i++) {
-            const hasAnswersInSeries = this.getHasAnswersInSeries(answersData.datasets[i]);
-            if (hasAnswersInSeries) {
-                result.labels.push(answersData.labels[i]);
-                result.colors.push(answersData.colors[i]);
-            }
-            else {
-                continue;
-            }
-            const datasets = [];
-            const texts = [];
-            for (let j = 0; j < answersData.datasets[0].length; j++) {
-                if (hasAnswersInAllSeriesArr[j]) {
-                    datasets.push(answersData.datasets[i][j]);
-                    texts.push(answersData.texts[i][j]);
-                }
-            }
-            result.datasets.push(datasets);
-            result.texts.push(texts);
+    generateColors(maxValue, minValue, stepsCount) {
+        const palette = this.getColors();
+        const colors = [];
+        for (let i = 0; i < stepsCount; i++) {
+            colors.push(palette[i]);
         }
-        for (let i = 0; i < answersData.datasets[0].length; i++) {
-            if (hasAnswersInAllSeriesArr[i]) {
-                result.seriesLabels.push(answersData.seriesLabels[i]);
-            }
+        colors.push("rgba(255, 255, 255, 0)");
+        return colors;
+    }
+    convertFromExternalData(externalCalculatedData) {
+        return [externalCalculatedData.value || 0, externalCalculatedData.minValue || 0, externalCalculatedData.maxValue || 0];
+    }
+    getCalculatedValuesCore() {
+        if (this._resultAverage === undefined ||
+            this._resultMin === undefined ||
+            this._resultMax === undefined) {
+            [this._resultAverage, this._resultMin, this._resultMax] = mathStatisticsCalculator(this.surveyData, this);
         }
-        return result;
+        return [this._resultAverage, this._resultMin, this._resultMax];
     }
 }
-VisualizationManager.registerVisualizer("matrix", Matrix);
+NumberModel.stepsCount = 5;
+NumberModel.showAsPercentage = false;
+VisualizationManager.registerVisualizer("number", NumberModel, 200);
+VisualizationManager.registerVisualizer("rating", NumberModel, 200);
+VisualizationManager.registerVisualizer("expression", NumberModel);
 
-class PivotModel extends SelectBase {
-    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;
-        this._cachedIntervals = undefined;
-        this._intervalPrecision = 2;
-        this.axisYSelectors = [];
-        this.axisYQuestionNames = [];
-        this.questionsY = [];
-        this.questions = this.questions.filter((question) => ["matrixdropdown", "matrixdynamic", "matrix", "file", "signature", "multipletext", "comment", "html", "image"].indexOf(question.getType()) === -1);
-        if (this.options.intervalPrecision !== undefined) {
-            this._intervalPrecision = this.options.intervalPrecision;
+class AlternativeVisualizersWrapper extends VisualizerBase {
+    updateVisualizerSelector() {
+        if (!!this.visualizerSelector) {
+            this.visualizerSelector.getElementsByTagName("select")[0].value = this.visualizer.type;
         }
-        this.axisXQuestionName = this.questions.length > 0 ? this.questions[0].name : undefined;
-        this.registerToolbarItem("axisXSelector", () => this.axisXSelector = DocumentHelper.createSelector(this.questions.map((question) => {
-            return {
-                value: question.name,
-                text: question.title || question.name,
-            };
-        }), (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();
     }
-    createYSelecterGenerator() {
-        const selectorIndex = this.axisYSelectors.length;
-        return () => {
-            let selector = this.axisYSelectors[selectorIndex];
-            if (!selector) {
-                selector = this.createAxisYSelector(selectorIndex);
-                this.axisYSelectors.push(selector);
-            }
-            else {
-                selector["__updateSelect"] && selector["__updateSelect"]();
-            }
-            return selector;
+    constructor(visualizers, question, data, options) {
+        super(question, data, options, "alternative");
+        this.visualizers = visualizers;
+        this.visualizersWithSelection = [];
+        this.onAfterVisualizerRenderCallback = () => {
+            this.afterRender(this.contentContainer);
         };
-    }
-    setAxisQuestions(...axisQuestionNames) {
-        if (axisQuestionNames.length < 1) {
-            return;
+        this.onVisualizerStateChangedCallback = (s, options) => {
+            this.stateChanged("visualizer", options);
+        };
+        /**
+         * The event is fired right after AlternativeVisualizersWrapper content type has been changed.
+         **/
+        this.onVisualizerChanged = new Event();
+        this.showToolbar = false;
+        this.loadingData = false;
+        if (!visualizers || visualizers.length < 2) {
+            throw new Error("VisualizerArrayWrapper works with visualizers collection only.");
         }
-        this.axisXQuestionName = axisQuestionNames[0];
-        this.axisYQuestionNames = axisQuestionNames.splice(1);
-        this.setupPivot();
-    }
-    onAxisYSelectorChanged(index, value) {
-        this.axisYQuestionNames[index] = value;
-        if (index < this.axisYSelectors.length - 1) {
-            if (!value) {
-                for (let i = index + 1; i < this.axisYSelectors.length; ++i) {
-                    this.unregisterToolbarItem("axisYSelector" + i);
-                }
-                this.axisYSelectors = this.axisYSelectors.slice(0, index + 1);
-                this.axisYQuestionNames = this.axisYQuestionNames.slice(0, index + 1);
+        this.visualizers.forEach((visualizer) => {
+            visualizer.onUpdate = () => this.invokeOnUpdate();
+            visualizer.onGetToolbarItemCreators = () => this.toolbarItemCreators;
+            if (visualizer.supportSelection) {
+                this._supportSelection = true;
+                this.visualizersWithSelection.push(visualizer);
             }
+        });
+        if (this.options.allowChangeVisualizerType !== false) {
+            this.registerToolbarItem("changeVisualizer", () => this.visualizerSelector = DocumentHelper.createSelector(this.visualizers.map((visualizer) => {
+                return {
+                    value: visualizer.type,
+                    text: localization.getString("visualizer_" + visualizer.type),
+                };
+            }), (option) => this.visualizer.type === option.value, (e) => this.setVisualizer(e.target.value)), 0);
         }
-        else {
-            if (!!value) {
-                this.registerToolbarItem("axisYSelector" + this.axisYSelectors.length, this.createYSelecterGenerator());
-            }
-        }
-        this.updateQuestionsSelection();
-        this.updateToolbar();
-        this.setupPivot();
+        this.visualizer = visualizers[0];
+        this.visualizer.onAfterRender.add(this.onAfterVisualizerRenderCallback);
+        this.visualizer.onStateChanged.add(this.onVisualizerStateChangedCallback);
     }
-    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;
+    get hasFooter() {
+        return false;
+    }
+    getVisualizers() {
+        return this.visualizers;
+    }
+    /**
+     * This method selects visualizer to show by it name.
+    *
+    * parameters:
+    * name - the name of visualizer to show,
+    * quiet - set it to true if you don't want to rise a notification event
+    *
+    **/
+    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();
             }
-            else {
-                selectedQuestions.push(questionName);
+            this.visualizer = visualizerCandidate;
+            this.visualizer.isFooterCollapsed = isFooterCollapsed;
+            this.refresh();
+            this.visualizer.onAfterRender.add(this.onAfterVisualizerRenderCallback);
+            this.visualizer.onStateChanged.add(this.onVisualizerStateChangedCallback);
+            if (!quiet) {
+                this.onVisualizerChanged.fire(this, { visualizer: this.visualizer });
+                this.stateChanged("visualizer", type);
             }
+            this.updateVisualizerSelector();
         }
     }
-    createAxisYSelector(selectorIndex) {
-        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;
+    getVisualizer() {
+        return this.visualizer;
     }
-    setChartType(chartType) {
-        const prev2Dchart = this.isXYChart();
-        super.setChartType(chartType);
-        if (prev2Dchart !== this.isXYChart()) {
-            this.updateToolbar();
-        }
+    updateData(data) {
+        super.updateData(data);
+        this.visualizers.forEach((visualizer) => {
+            visualizer.updateData(data);
+        });
     }
-    isXYChart() {
-        return ["pie", "doughnut"].indexOf(this.chartType) === -1;
+    set onDataItemSelected(val) {
+        this.visualizersWithSelection.forEach((visualizer) => {
+            visualizer.onDataItemSelected = val;
+        });
     }
-    getQuestionValueType(question) {
-        const questionType = question.getType();
-        if (questionType === "text" && (question["inputType"] === "date" || question["inputType"] === "datetime")) {
-            return "date";
-        }
-        else if (questionType === "text" || questionType === "rating" || questionType === "expression" || questionType === "range") {
-            return "number";
-        }
-        return "enum";
+    setSelection(item) {
+        this.visualizersWithSelection.forEach((visualizer) => {
+            visualizer.setSelection(item);
+        });
     }
-    setupPivot() {
-        const questionX = this.questions.filter((q) => q.name === this.axisXQuestionName)[0];
-        if (!questionX) {
-            return;
-        }
-        this.question = questionX;
-        this.valueType = this.getQuestionValueType(questionX);
-        this.questionsY = this.axisYQuestionNames.map((name) => {
-            const questionY = this.questions.filter((q) => q.name === name)[0];
-            if (!!questionY) {
-                return this.getQuestionValueType(questionY) === "enum" ? new SelectBase(questionY, []) : new VisualizerBase(questionY, []);
-            }
-        }).filter((q) => !!q);
-        this.onDataChanged();
+    get selection() {
+        return this.visualizer.selection || this.selectedItem;
     }
-    reset() {
-        this._continuousData = undefined;
-        this._cachedValues = undefined;
-        this._cachedIntervals = undefined;
+    renderContent(container) {
+        this.visualizerContainer = container;
+        this.visualizer.render(this.visualizerContainer);
     }
-    getContinuousValue(value) {
-        if (this.valueType === "date") {
-            return Date.parse(value);
-        }
-        return parseFloat(value);
+    setBackgroundColorCore(color) {
+        super.setBackgroundColorCore(color);
+        this.visualizers.forEach(visualizer => visualizer.backgroundColor = color);
     }
-    getString(value) {
-        if (this.valueType === "date") {
-            return new Date(value).toLocaleDateString();
+    /**
+     * Returns an object with properties that describe a current visualizer state. The properties are different for each individual visualizer.
+     *
+     * > This method is overriden in descendant classes.
+     * @see setState
+     * @see resetState
+     */
+    getState() {
+        const currentVisualizerState = this.visualizer.getState();
+        const state = {
+            visualizer: this.visualizer.type,
+        };
+        if (Object.keys(currentVisualizerState).length > 0) {
+            state.state = currentVisualizerState;
         }
-        return "" + value;
-    }
-    toPrecision(value) {
-        const base = Math.pow(10, this._intervalPrecision);
-        return Math.round(base * value) / base;
+        return state;
     }
-    getSelectedItemByText(itemText) {
-        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 : "");
+    /**
+     * Sets the visualizer's state.
+     *
+     * @see getState
+     * @see resetState
+     */
+    setState(state) {
+        if (!!state.visualizer) {
+            this.setVisualizer(state.visualizer, true);
+        }
+        if (!!state.state) {
+            this.visualizer.setState(state.state);
         }
-        const labels = this.getLabels();
-        const labelIndex = labels.indexOf(itemText);
-        return new ItemValue(this.getValues()[labelIndex], labels[labelIndex]);
     }
     /**
-     * Updates visualizer data.
+     * Resets the visualizer's state.
+     *
+     * @see getState
+     * @see setState
      */
-    updateData(data) {
-        this.reset();
-        super.updateData(data);
-    }
-    onDataChanged() {
-        this.reset();
-        super.onDataChanged();
-    }
-    getContinuousValues() {
-        if (this._cachedValues === undefined) {
-            this._continuousData = [];
-            if (this.valueType === "enum") {
-                this._cachedValues = [];
-                return this._cachedValues;
-            }
-            const hash = {};
-            this.data.forEach(dataItem => {
-                const answerData = dataItem[this.name];
-                if (answerData !== undefined) {
-                    // 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, continuous: this.getContinuousValue(key), row: hash[key].row }));
-            this._cachedValues.sort((a, b) => a.continuous - b.continuous);
-        }
-        return this._cachedValues;
+    resetState() {
+        super.resetState();
+        this.visualizers.forEach(visualizer => visualizer.resetState());
+        this.setVisualizer(this.visualizers[0].type, true);
     }
-    isSupportAnswersOrder() {
-        return false;
+    getValues() {
+        return this.visualizer.getValues();
     }
-    isSupportMissingAnswers() {
-        return false;
+    getLabels() {
+        return this.visualizer.getLabels();
     }
-    get needUseRateValues() {
-        return this.question.getType() == "rating" && Array.isArray(this.question["rateValues"]) && this.question["rateValues"].length > 0;
+    getCalculatedValues() {
+        return this.visualizer.getCalculatedValues();
     }
-    getSeriesValues() {
-        if (!this.questionsY || this.questionsY.length === 0) {
-            return this.options.seriesValues || [];
-        }
-        const seriesValues = [];
-        this.questionsY.forEach(q => {
-            if (this.getQuestionValueType(q.question) === "enum") {
-                seriesValues.push.apply(seriesValues, q.getValues().reverse());
-            }
-            else {
-                seriesValues.push(q.question.name);
-            }
+    destroy() {
+        this.visualizers.forEach((visualizer) => {
+            visualizer.onAfterRender.remove(this.onAfterVisualizerRenderCallback);
+            visualizer.onStateChanged.remove(this.onVisualizerStateChangedCallback);
+            visualizer.onUpdate = undefined;
         });
-        return seriesValues;
-    }
-    getSeriesLabels() {
-        if (this.questionsY.length === 0) {
-            return this.getSeriesValues();
-        }
-        const seriesLabels = [];
-        this.questionsY.forEach(q => {
-            if (this.getQuestionValueType(q.question) === "enum") {
-                seriesLabels.push.apply(seriesLabels, q.getLabels().reverse());
-            }
-            else {
-                seriesLabels.push(q.question.title || q.question.name);
-            }
-        });
-        return seriesLabels;
-    }
-    getValues() {
-        if (this.valueType === "enum") {
-            return super.getValues().reverse();
-        }
-        return this.intervals.map(interval => interval.start);
-    }
-    getLabels() {
-        if (this.valueType === "enum") {
-            return super.getLabels().reverse();
-        }
-        return this.intervals.map(interval => interval.label);
-    }
-    get hasCustomIntervals() {
-        return !!this.questionOptions && Array.isArray(this.questionOptions.intervals);
-    }
-    get intervals() {
-        if (this.hasCustomIntervals) {
-            return this.questionOptions.intervals;
-        }
-        if (this.question.getType() == "rating") {
-            if (this.needUseRateValues) {
-                const rateValues = this.question["rateValues"];
-                rateValues.sort((iv1, iv2) => iv1.value - iv2.value);
-                return rateValues.map((rateValue, i) => ({
-                    start: rateValue.value,
-                    end: i < rateValues.length - 1 ? rateValues[i + 1].value : rateValue.value + 1,
-                    label: rateValue.text
-                }));
-            }
-            else {
-                const rateIntervals = [];
-                for (let i = (this.question["rateMin"] || 0); i <= (this.question["rateMax"] || (PivotModel.IntervalsCount - 1)); i += (this.question["rateStep"] || 1)) {
-                    rateIntervals.push({
-                        start: i,
-                        end: i + 1,
-                        label: "" + (!!this.question["rateMin"] && !!this.question["rateMax"] ? i : (i + "-" + (i + 1)))
-                    });
-                }
-                return rateIntervals;
-            }
-        }
-        if (this._cachedIntervals === undefined) {
-            const continuousValues = this.getContinuousValues();
-            this._cachedIntervals = [];
-            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) {
-                    const next = start + delta;
-                    const istart = this.toPrecision(start);
-                    const inext = this.toPrecision(next);
-                    this._cachedIntervals.push({
-                        start: istart,
-                        end: i < intervalsCount - 1 ? inext : inext + delta / 100,
-                        label: "" + this.getString(istart) + "-" + this.getString(inext)
-                    });
-                    start = next;
-                }
-            }
-        }
-        return this._cachedIntervals;
-    }
-    convertFromExternalData(externalCalculatedData) {
-        return [externalCalculatedData];
-    }
-    getSeriesValueIndexes() {
-        const seriesValueIndexes = {};
-        let valueIndex = 0;
-        for (var i = 0; i < this.questionsY.length; ++i) {
-            const questionValueType = this.getQuestionValueType(this.questionsY[i].question);
-            if (questionValueType === "enum") {
-                this.questionsY[i].getValues().reverse().forEach((value) => {
-                    seriesValueIndexes[this.questionsY[i].name + "_" + value] = valueIndex++;
-                });
-            }
-            else {
-                seriesValueIndexes[this.questionsY[i].name] = valueIndex++;
-            }
-        }
-        return seriesValueIndexes;
-    }
-    updateStatisticsSeriesValue(statistics, dataRow, valueIndex, seriesValueIndexes) {
-        for (let j = 0; j < this.questionsY.length; ++j) {
-            if (dataRow[this.questionsY[j].name] !== undefined) {
-                const questionValueType = this.getQuestionValueType(this.questionsY[j].question);
-                if (questionValueType === "enum" || questionValueType === "date") {
-                    const seriesValueIndex = seriesValueIndexes[this.questionsY[j].name + "_" + dataRow[this.questionsY[j].name]];
-                    statistics[seriesValueIndex][valueIndex]++;
-                }
-                else {
-                    const seriesValueIndex = seriesValueIndexes[this.questionsY[j].name];
-                    statistics[seriesValueIndex][valueIndex] += parseFloat(dataRow[this.questionsY[j].name]);
-                }
-            }
-        }
-    }
-    getCalculatedValuesCore() {
-        const statistics = [];
-        const series = this.getSeriesValues();
-        if (series.length === 0) {
-            series.push("");
-        }
-        const seriesValueIndexes = this.getSeriesValueIndexes();
-        if (this.valueType === "enum") {
-            const values = this.getValues();
-            const valueIndexes = {};
-            values.forEach((value, index) => {
-                valueIndexes[value] = index;
-            });
-            for (var i = 0; i < series.length; ++i) {
-                statistics.push(values.map(i => 0));
-            }
-            this.data.forEach(dataRow => {
-                const answerData = dataRow[this.name];
-                if (answerData !== undefined && valueIndexes[answerData] !== undefined) {
-                    const valueIndex = valueIndexes[answerData];
-                    if (this.questionsY.length === 0) {
-                        statistics[0][valueIndex]++;
-                    }
-                    else {
-                        this.updateStatisticsSeriesValue(statistics, dataRow, valueIndex, seriesValueIndexes);
-                    }
-                }
-            });
-        }
-        else {
-            this.getContinuousValues();
-            const intervals = this.intervals;
-            for (var i = 0; i < series.length; ++i) {
-                statistics.push(intervals.map(i => 0));
-            }
-            this._continuousData.forEach(dataValue => {
-                for (let valueIndex = 0; valueIndex < intervals.length; ++valueIndex) {
-                    if (intervals[valueIndex].start <= dataValue.continuous && (dataValue.continuous < intervals[valueIndex].end || valueIndex == intervals.length - 1)) {
-                        if (this.questionsY.length === 0) {
-                            statistics[0][valueIndex]++;
-                        }
-                        else {
-                            this.updateStatisticsSeriesValue(statistics, dataValue.row, valueIndex, seriesValueIndexes);
-                        }
-                        break;
-                    }
-                }
-            });
-        }
-        return statistics;
-    }
-    getValueType() {
-        return this.valueType;
-    }
-    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;
-VisualizationManager.registerPivotVisualizer(PivotModel);
-
-class RankingModel extends SelectBase {
-    constructor(question, data, options, name) {
-        super(question, data, options, name || "ranking");
-    }
-    getQuestionResults() {
-        const name = this.question.name;
-        return this.data.map((dataItem) => dataItem[name]);
-    }
-    getEmptyData() {
-        const choices = this.getValues();
-        let data = [];
-        data.length = choices.length;
-        data.fill(0);
-        return data;
-    }
-    getCalculatedValuesCore() {
-        const results = this.getQuestionResults();
-        const choices = this.getValues();
-        let plotlyData = this.getEmptyData();
-        results.forEach((result) => {
-            this.applyResultToPlotlyData(result, plotlyData, choices);
-        });
-        return [plotlyData];
-    }
-    applyResultToPlotlyData(result, plotlyData, choices) {
-        if (!result || !plotlyData || !choices)
-            return;
-        result.forEach((resultValue, resultValueIndex, result) => {
-            let index = choices.indexOf(resultValue);
-            plotlyData[index] =
-                +plotlyData[index] + (result.length - resultValueIndex);
-        });
-    }
-}
-VisualizationManager.registerVisualizer("ranking", RankingModel);
-
-class AlternativeVisualizersWrapper extends VisualizerBase {
-    updateVisualizerSelector() {
-        if (!!this.visualizerSelector) {
-            this.visualizerSelector.getElementsByTagName("select")[0].value = this.visualizer.type;
-        }
-    }
-    constructor(visualizers, question, data, options) {
-        super(question, data, options, "alternative");
-        this.visualizers = visualizers;
-        this.visualizersWithSelection = [];
-        this.onAfterVisualizerRenderCallback = () => {
-            this.afterRender(this.contentContainer);
-        };
-        this.onVisualizerStateChangedCallback = (s, options) => {
-            this.stateChanged("visualizer", options);
-        };
-        /**
-         * The event is fired right after AlternativeVisualizersWrapper content type has been changed.
-         **/
-        this.onVisualizerChanged = new Event();
-        this.showToolbar = false;
-        this.loadingData = false;
-        if (!visualizers || visualizers.length < 2) {
-            throw new Error("VisualizerArrayWrapper works with visualizers collection only.");
-        }
-        this.visualizers.forEach((visualizer) => {
-            visualizer.onUpdate = () => this.invokeOnUpdate();
-            visualizer.onGetToolbarItemCreators = () => this.toolbarItemCreators;
-            if (visualizer.supportSelection) {
-                this._supportSelection = true;
-                this.visualizersWithSelection.push(visualizer);
-            }
-        });
-        if (this.options.allowChangeVisualizerType !== false) {
-            this.registerToolbarItem("changeVisualizer", () => this.visualizerSelector = DocumentHelper.createSelector(this.visualizers.map((visualizer) => {
-                return {
-                    value: visualizer.type,
-                    text: localization.getString("visualizer_" + visualizer.type),
-                };
-            }), (option) => this.visualizer.type === option.value, (e) => this.setVisualizer(e.target.value)), 0);
-        }
-        this.visualizer = visualizers[0];
-        this.visualizer.onAfterRender.add(this.onAfterVisualizerRenderCallback);
-        this.visualizer.onStateChanged.add(this.onVisualizerStateChangedCallback);
-    }
-    get hasFooter() {
-        return false;
-    }
-    getVisualizers() {
-        return this.visualizers;
-    }
-    /**
-     * This method selects visualizer to show by it name.
-    *
-    * parameters:
-    * name - the name of visualizer to show,
-    * quiet - set it to true if you don't want to rise a notification event
-    *
-    **/
-    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);
-            if (!quiet) {
-                this.onVisualizerChanged.fire(this, { visualizer: this.visualizer });
-                this.stateChanged("visualizer", type);
-            }
-            this.updateVisualizerSelector();
-        }
-    }
-    getVisualizer() {
-        return this.visualizer;
-    }
-    updateData(data) {
-        super.updateData(data);
-        this.visualizers.forEach((visualizer) => {
-            visualizer.updateData(data);
-        });
-    }
-    set onDataItemSelected(val) {
-        this.visualizersWithSelection.forEach((visualizer) => {
-            visualizer.onDataItemSelected = val;
-        });
-    }
-    setSelection(item) {
-        this.visualizersWithSelection.forEach((visualizer) => {
-            visualizer.setSelection(item);
-        });
-    }
-    get selection() {
-        return this.visualizer.selection || this.selectedItem;
-    }
-    renderContent(container) {
-        this.visualizerContainer = container;
-        this.visualizer.render(this.visualizerContainer);
-    }
-    setBackgroundColorCore(color) {
-        super.setBackgroundColorCore(color);
-        this.visualizers.forEach(visualizer => visualizer.backgroundColor = color);
-    }
-    /**
-     * Returns an object with properties that describe a current visualizer state. The properties are different for each individual visualizer.
-     *
-     * > This method is overriden in descendant classes.
-     * @see setState
-     * @see resetState
-     */
-    getState() {
-        const currentVisualizerState = this.visualizer.getState();
-        const state = {
-            visualizer: this.visualizer.type,
-        };
-        if (Object.keys(currentVisualizerState).length > 0) {
-            state.state = currentVisualizerState;
-        }
-        return state;
-    }
-    /**
-     * Sets the visualizer's state.
-     *
-     * @see getState
-     * @see resetState
-     */
-    setState(state) {
-        if (!!state.visualizer) {
-            this.setVisualizer(state.visualizer, true);
-        }
-        if (!!state.state) {
-            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();
-    }
-    getLabels() {
-        return this.visualizer.getLabels();
-    }
-    getCalculatedValues() {
-        return this.visualizer.getCalculatedValues();
-    }
-    destroy() {
-        this.visualizers.forEach((visualizer) => {
-            visualizer.onAfterRender.remove(this.onAfterVisualizerRenderCallback);
-            visualizer.onStateChanged.remove(this.onVisualizerStateChangedCallback);
-            visualizer.onUpdate = undefined;
-        });
-        this.visualizer.destroy();
-        super.destroy();
+        this.visualizer.destroy();
+        super.destroy();
     }
 }
 VisualizationManager.registerAltVisualizerSelector(AlternativeVisualizersWrapper);
@@ -12740,469 +12291,918 @@ class WordCloudAdapter {
         });
     }
     destroy(node) {
-        if (this._wordcloud && typeof this._wordcloud.dispose === "function") {
-            this._wordcloud.dispose();
-        }
-        this._wordcloud = undefined;
+        if (this._wordcloud && typeof this._wordcloud.dispose === "function") {
+            this._wordcloud.dispose();
+        }
+        this._wordcloud = undefined;
+    }
+}
+WordCloudAdapter.drawOutOfBound = false;
+WordCloudAdapter.shrinkToFit = true;
+WordCloudAdapter.abortThreshold = undefined;
+WordCloudAdapter.weightFactor = 20;
+WordCloudAdapter.onWordcloudCreating = new Event();
+class WordCloud extends VisualizerBase {
+    constructor(question, data, options, name) {
+        super(question, data, options, name || "wordcloud");
+        this._wordcloudAdapter = new WordCloudAdapter(this);
+    }
+    convertFromExternalData(externalCalculatedData) {
+        const innerCalculatedData = [];
+        Object.keys(externalCalculatedData || []).forEach(word => {
+            innerCalculatedData.push([word, externalCalculatedData[word]]);
+        });
+        return innerCalculatedData;
+    }
+    getCalculatedValuesCore() {
+        let result = {};
+        let stopWords = [];
+        const locale = localization.currentLocale;
+        if (locale) {
+            stopWords = textHelper.getStopWords(locale);
+        }
+        else {
+            stopWords = textHelper.getStopWords();
+        }
+        const clearWordRegexp = new RegExp("[.,\/#!$%\^\*;:{}=\-_`~()]", "g");
+        const stopTheWord = (word) => {
+            if (stopWords.indexOf(word) !== -1) {
+                return "";
+            }
+            return word;
+        };
+        const processString = (row) => {
+            row = "" + row;
+            // if (row.length > 15) row = row.substring(0, 14) + "...";
+            if (!!row) {
+                row.split(" ").forEach((word) => {
+                    let clearedWord = (word || "").toLowerCase().replace(clearWordRegexp, "");
+                    clearedWord = stopTheWord(clearedWord);
+                    if (!!clearedWord) {
+                        if (!result[clearedWord]) {
+                            result[clearedWord] = 1;
+                        }
+                        else {
+                            result[clearedWord]++;
+                        }
+                    }
+                });
+            }
+        };
+        this.surveyData.forEach((dataRow) => {
+            const nestedDataRows = getNestedDataRows(dataRow, this);
+            nestedDataRows.forEach(row => {
+                const rowValue = row[this.question.name];
+                if (!!rowValue) {
+                    if (Array.isArray(rowValue)) {
+                        rowValue.forEach(processString);
+                    }
+                    else {
+                        if (typeof rowValue === "object") {
+                            Object.keys(rowValue).forEach((key) => processString(rowValue[key]));
+                        }
+                        else {
+                            processString(rowValue);
+                        }
+                    }
+                }
+            });
+        });
+        return Object.keys(result).map((key) => {
+            return [key, result[key]];
+        });
+    }
+    destroyContent(container) {
+        this._wordcloudAdapter.destroy(container);
+        super.destroyContent(container);
+    }
+    renderContentAsync(container) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const chartNode = DocumentHelper.createElement("div");
+            container.appendChild(chartNode);
+            yield this._wordcloudAdapter.create(chartNode);
+            container.innerHTML = "";
+            container.appendChild(chartNode);
+            return container;
+        });
+    }
+    destroy() {
+        this._wordcloudAdapter.destroy(this.contentContainer);
+        super.destroy();
+    }
+}
+VisualizationManager.registerVisualizer("text", WordCloud);
+VisualizationManager.registerVisualizer("comment", WordCloud);
+VisualizationManager.registerVisualizer("multipletext", WordCloud);
+
+class TextTableAdapter {
+    constructor(model) {
+        this.model = model;
+    }
+    create(container) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { columnCount, data } = (yield this.model.getCalculatedValues());
+            const emptyTextNode = DocumentHelper.createElement("p", "", {
+                innerText: localization.getString("noResults"),
+            });
+            if (data.length === 0) {
+                container.appendChild(emptyTextNode);
+                return;
+            }
+            const tableNode = (DocumentHelper.createElement("table", "sa-text-table"));
+            tableNode.style.backgroundColor = this.model.backgroundColor;
+            container.appendChild(tableNode);
+            if (this.model.columns) {
+                var row = DocumentHelper.createElement("tr");
+                this.model.columns.forEach(column => {
+                    var td = DocumentHelper.createElement("th", "sa-text-table__cell", {
+                        textContent: column.title,
+                    });
+                    row.appendChild(td);
+                });
+                tableNode.appendChild(row);
+            }
+            data.forEach((rowData) => {
+                var row = DocumentHelper.createElement("tr");
+                for (var i = 0; i < columnCount; i++) {
+                    const column = this.model.columns[i];
+                    var td = DocumentHelper.createElement("td", "sa-text-table__cell" + ((column === null || column === void 0 ? void 0 : column.type) == "number" ? " sa-text-table__cell--number" : ""), {
+                        textContent: rowData[i],
+                    });
+                    row.appendChild(td);
+                }
+                tableNode.appendChild(row);
+            });
+            container.className = "sa-text-table__container";
+            container.appendChild(tableNode);
+        });
+    }
+    destroy(node) {
+        node.innerHTML = "";
     }
 }
-WordCloudAdapter.drawOutOfBound = false;
-WordCloudAdapter.shrinkToFit = true;
-WordCloudAdapter.abortThreshold = undefined;
-WordCloudAdapter.weightFactor = 20;
-WordCloudAdapter.onWordcloudCreating = new Event();
-class WordCloud extends VisualizerBase {
+class Text extends VisualizerBase {
     constructor(question, data, options, name) {
-        super(question, data, options, name || "wordcloud");
-        this._wordcloudAdapter = new WordCloudAdapter(this);
+        super(question, data, options, name || "text");
+        this._textTableAdapter = new TextTableAdapter(this);
     }
-    convertFromExternalData(externalCalculatedData) {
-        const innerCalculatedData = [];
-        Object.keys(externalCalculatedData || []).forEach(word => {
-            innerCalculatedData.push([word, externalCalculatedData[word]]);
-        });
-        return innerCalculatedData;
+    get columns() {
+        const columns = [];
+        if (this.question.getType() == "multipletext") {
+            this.question.items.forEach(item => {
+                columns.push({ name: item.name, title: item.title, type: item.inputType });
+            });
+        }
+        return columns;
     }
     getCalculatedValuesCore() {
-        let result = {};
-        let stopWords = [];
-        const locale = localization.currentLocale;
-        if (locale) {
-            stopWords = textHelper.getStopWords(locale);
-        }
-        else {
-            stopWords = textHelper.getStopWords();
-        }
-        const clearWordRegexp = new RegExp("[.,\/#!$%\^\*;:{}=\-_`~()]", "g");
-        const stopTheWord = (word) => {
-            if (stopWords.indexOf(word) !== -1) {
-                return "";
-            }
-            return word;
-        };
-        const processString = (row) => {
-            row = "" + row;
-            // if (row.length > 15) row = row.substring(0, 14) + "...";
-            if (!!row) {
-                row.split(" ").forEach((word) => {
-                    let clearedWord = (word || "").toLowerCase().replace(clearWordRegexp, "");
-                    clearedWord = stopTheWord(clearedWord);
-                    if (!!clearedWord) {
-                        if (!result[clearedWord]) {
-                            result[clearedWord] = 1;
-                        }
-                        else {
-                            result[clearedWord]++;
-                        }
-                    }
-                });
-            }
-        };
+        let result = [];
+        let columnCount = 0;
         this.surveyData.forEach((dataRow) => {
             const nestedDataRows = getNestedDataRows(dataRow, this);
             nestedDataRows.forEach(row => {
                 const rowValue = row[this.question.name];
+                let dataStrings = [];
                 if (!!rowValue) {
                     if (Array.isArray(rowValue)) {
-                        rowValue.forEach(processString);
+                        dataStrings = dataStrings.concat(rowValue);
                     }
                     else {
                         if (typeof rowValue === "object") {
-                            Object.keys(rowValue).forEach((key) => processString(rowValue[key]));
+                            Object.keys(rowValue).forEach((key) => dataStrings.push(rowValue[key]));
                         }
                         else {
-                            processString(rowValue);
+                            dataStrings.push(rowValue);
                         }
                     }
+                    result.push(dataStrings);
+                    if (dataStrings.length > columnCount) {
+                        columnCount = dataStrings.length;
+                    }
                 }
             });
         });
-        return Object.keys(result).map((key) => {
-            return [key, result[key]];
+        return { columnCount: columnCount, data: result };
+    }
+    destroyContent(container) {
+        this._textTableAdapter.destroy(container);
+        super.destroyContent(container);
+    }
+    renderContentAsync(container) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const tableNode = DocumentHelper.createElement("div");
+            yield this._textTableAdapter.create(tableNode);
+            container.innerHTML = "";
+            container.appendChild(tableNode);
+            return container;
+        });
+    }
+    destroy() {
+        this._textTableAdapter.destroy(this.contentContainer);
+        super.destroy();
+    }
+}
+VisualizationManager.registerVisualizer("text", Text);
+VisualizationManager.registerVisualizer("comment", Text);
+VisualizationManager.registerVisualizer("multipletext", Text);
+
+class StatisticsTableAdapter {
+    constructor(model) {
+        this.model = model;
+    }
+    create(container) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let { datasets, labels, colors, texts, seriesLabels, } = yield this.model.getAnswersData();
+            seriesLabels.length > 1;
+            const emptyTextNode = DocumentHelper.createElement("p", "", {
+                innerText: localization.getString("noResults"),
+            });
+            if (datasets.length === 0 || datasets[0].length === 0) {
+                container.appendChild(emptyTextNode);
+                return;
+            }
+            datasets.forEach((data, idx) => {
+                const tableNode = (DocumentHelper.createElement("table", "sa-statistics-table"));
+                tableNode.style.backgroundColor = this.model.backgroundColor;
+                container.appendChild(tableNode);
+                var headerRow = DocumentHelper.createElement("tr");
+                var labelCell = DocumentHelper.createElement("th", "sa-statistics-table__cell-header", {
+                    textContent: localization.getString("answer"),
+                });
+                headerRow.appendChild(labelCell);
+                var sparklineCell = DocumentHelper.createElement("th", "sa-statistics-table__cell-header", {
+                    textContent: localization.getString("statistics_chart"),
+                });
+                headerRow.appendChild(sparklineCell);
+                var percentCell = DocumentHelper.createElement("th", "sa-statistics-table__cell-header", {
+                    textContent: localization.getString("percentage"),
+                });
+                headerRow.appendChild(percentCell);
+                var valueCell = DocumentHelper.createElement("th", "sa-statistics-table__cell-header", {
+                    textContent: localization.getString("responses"),
+                });
+                headerRow.appendChild(valueCell);
+                tableNode.appendChild(headerRow);
+                for (let index = data.length - 1; index >= 0; index--) {
+                    var row = DocumentHelper.createElement("tr");
+                    var labelCell = DocumentHelper.createElement("td", "sa-statistics-table__cell", {
+                        textContent: labels[index],
+                    });
+                    row.appendChild(labelCell);
+                    var sparklineCell = DocumentHelper.createElement("td", "sa-statistics-table__cell");
+                    var outerBar = DocumentHelper.createElement("div", "sa-choices-sparkline");
+                    var innerBar = DocumentHelper.createElement("div", "sa-choices-sparkline-value");
+                    innerBar.style.width = texts[idx][index] + "%";
+                    outerBar.appendChild(innerBar);
+                    sparklineCell.appendChild(outerBar);
+                    row.appendChild(sparklineCell);
+                    var percentCell = DocumentHelper.createElement("td", "sa-statistics-table__cell sa-statistics-table__cell-value", {
+                        textContent: "" + texts[idx][index] + "%",
+                    });
+                    row.appendChild(percentCell);
+                    var valueCell = DocumentHelper.createElement("td", "sa-statistics-table__cell sa-statistics-table__cell-value", {
+                        textContent: data[index],
+                    });
+                    row.appendChild(valueCell);
+                    tableNode.appendChild(row);
+                }
+                container.className = "sa-statistics-table__container";
+                container.appendChild(tableNode);
+            });
         });
     }
+    destroy(node) {
+        node.innerHTML = "";
+    }
+}
+class StatisticsTable extends SelectBase {
+    constructor(question, data, options, name) {
+        super(question, data, options, name || "choices");
+        this._statisticsTableAdapter = new StatisticsTableAdapter(this);
+        this.showPercentages = true;
+    }
     destroyContent(container) {
-        this._wordcloudAdapter.destroy(container);
+        this._statisticsTableAdapter.destroy(container);
         super.destroyContent(container);
     }
     renderContentAsync(container) {
         return __awaiter(this, void 0, void 0, function* () {
-            const chartNode = DocumentHelper.createElement("div");
-            container.appendChild(chartNode);
-            yield this._wordcloudAdapter.create(chartNode);
+            const tableNode = DocumentHelper.createElement("div");
+            yield this._statisticsTableAdapter.create(tableNode);
             container.innerHTML = "";
-            container.appendChild(chartNode);
+            container.appendChild(tableNode);
+            return container;
+        });
+    }
+    destroy() {
+        this._statisticsTableAdapter.destroy(this.contentContainer);
+        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._wordcloudAdapter.destroy(this.contentContainer);
-        super.destroy();
+    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) {
+        this._model = _model;
+        this._data = _data;
+        this._renderedTarget = undefined;
+    }
+    renderScorePart(partId, value, percent) {
+        const scorePartElement = DocumentHelper.createElement("div", "sa-visualizer-nps__score-part");
+        const titleElement = DocumentHelper.createElement("div", "sa-visualizer-nps__score-part-title");
+        titleElement.innerText = localization.getString(partId);
+        scorePartElement.appendChild(titleElement);
+        const valuesElement = DocumentHelper.createElement("div", "sa-visualizer-nps__score-part-values");
+        scorePartElement.appendChild(valuesElement);
+        const valueElement = DocumentHelper.createElement("div", "sa-visualizer-nps__score-part-value");
+        valueElement.innerText = "" + value;
+        valuesElement.appendChild(valueElement);
+        if (percent) {
+            const percentElement = DocumentHelper.createElement("div", "sa-visualizer-nps__score-part-percent");
+            percentElement.innerText = "" + percent + "%";
+            valuesElement.appendChild(percentElement);
+        }
+        return scorePartElement;
+    }
+    render(target) {
+        this._renderedTarget = target;
+        var npsElement = DocumentHelper.createElement("div", "sa-visualizer-nps");
+        npsElement.appendChild(this.renderScorePart("npsScore", this.npsScore));
+        npsElement.appendChild(this.renderScorePart("npsPromoters", this._data.promoters, this.promotersPercent));
+        npsElement.appendChild(this.renderScorePart("npsPassives", this._data.total - this._data.promoters - this._data.detractors, this.passivePercent));
+        npsElement.appendChild(this.renderScorePart("npsDetractors", this._data.detractors, this.detractorsPercent));
+        target.appendChild(npsElement);
+    }
+    get npsScore() {
+        return toPrecision(((this._data.promoters - this._data.detractors) / this._data.total) * 100, this._model.precision);
+    }
+    get promotersPercent() {
+        return toPrecision(this._data.promoters / this._data.total * 100, this._model.precision);
+    }
+    get passivePercent() {
+        return toPrecision((this._data.total - this._data.promoters - this._data.detractors) / this._data.total * 100, this._model.precision);
+    }
+    get detractorsPercent() {
+        return toPrecision(this._data.detractors / this._data.total * 100, this._model.precision);
+    }
+    dispose() {
+        if (!!this._renderedTarget) {
+            this._renderedTarget.innerHTML = "";
+            this._renderedTarget = undefined;
+        }
     }
 }
-VisualizationManager.registerVisualizer("text", WordCloud);
-VisualizationManager.registerVisualizer("comment", WordCloud);
-VisualizationManager.registerVisualizer("multipletext", WordCloud);
-
-class TextTableAdapter {
+class NpsAdapter {
     constructor(model) {
         this.model = model;
     }
-    create(container) {
+    get npsVisualizer() {
+        return this._npsVisualizer;
+    }
+    create(element) {
         return __awaiter(this, void 0, void 0, function* () {
-            const { columnCount, data } = (yield this.model.getCalculatedValues());
-            const emptyTextNode = DocumentHelper.createElement("p", "", {
-                innerText: localization.getString("noResults"),
-            });
-            if (data.length === 0) {
-                container.appendChild(emptyTextNode);
-                return;
-            }
-            const tableNode = (DocumentHelper.createElement("table", "sa-text-table"));
-            tableNode.style.backgroundColor = this.model.backgroundColor;
-            container.appendChild(tableNode);
-            if (this.model.columns) {
-                var row = DocumentHelper.createElement("tr");
-                this.model.columns.forEach(column => {
-                    var td = DocumentHelper.createElement("th", "sa-text-table__cell", {
-                        textContent: column.title,
-                    });
-                    row.appendChild(td);
-                });
-                tableNode.appendChild(row);
-            }
-            data.forEach((rowData) => {
-                var row = DocumentHelper.createElement("tr");
-                for (var i = 0; i < columnCount; i++) {
-                    const column = this.model.columns[i];
-                    var td = DocumentHelper.createElement("td", "sa-text-table__cell" + ((column === null || column === void 0 ? void 0 : column.type) == "number" ? " sa-text-table__cell--number" : ""), {
-                        textContent: rowData[i],
-                    });
-                    row.appendChild(td);
-                }
-                tableNode.appendChild(row);
-            });
-            container.className = "sa-text-table__container";
-            container.appendChild(tableNode);
+            const data = yield this.model.getCalculatedValues();
+            this._npsVisualizer = new NpsVisualizerWidget(this.model, data);
+            this._npsVisualizer.render(element);
+            return this._npsVisualizer;
         });
     }
     destroy(node) {
-        node.innerHTML = "";
+        if (this._npsVisualizer && typeof this._npsVisualizer.dispose === "function") {
+            this._npsVisualizer.dispose();
+        }
+        this._npsVisualizer = undefined;
     }
 }
-class Text extends VisualizerBase {
+class NpsVisualizer extends VisualizerBase {
     constructor(question, data, options, name) {
-        super(question, data, options, name || "text");
-        this._textTableAdapter = new TextTableAdapter(this);
-    }
-    get columns() {
-        const columns = [];
-        if (this.question.getType() == "multipletext") {
-            this.question.items.forEach(item => {
-                columns.push({ name: item.name, title: item.title, type: item.inputType });
-            });
-        }
-        return columns;
+        super(question, data, options, name || "nps");
+        this.precision = 2;
+        this._npsAdapter = new NpsAdapter(this);
     }
     getCalculatedValuesCore() {
-        let result = [];
-        let columnCount = 0;
-        this.surveyData.forEach((dataRow) => {
-            const nestedDataRows = getNestedDataRows(dataRow, this);
-            nestedDataRows.forEach(row => {
-                const rowValue = row[this.question.name];
-                let dataStrings = [];
-                if (!!rowValue) {
-                    if (Array.isArray(rowValue)) {
-                        dataStrings = dataStrings.concat(rowValue);
-                    }
-                    else {
-                        if (typeof rowValue === "object") {
-                            Object.keys(rowValue).forEach((key) => dataStrings.push(rowValue[key]));
-                        }
-                        else {
-                            dataStrings.push(rowValue);
-                        }
-                    }
-                    result.push(dataStrings);
-                    if (dataStrings.length > columnCount) {
-                        columnCount = dataStrings.length;
-                    }
+        let result = {
+            detractors: 0,
+            passive: 0,
+            promoters: 0,
+            total: 0,
+        };
+        this.data.forEach((row) => {
+            const rowValue = row[this.question.name];
+            const scoreValue = parseInt(rowValue);
+            if (!Number.isNaN(scoreValue)) {
+                if (scoreValue <= NpsVisualizer.DetractorScore) {
+                    result.detractors++;
                 }
-            });
+                else if (scoreValue >= NpsVisualizer.PromoterScore) {
+                    result.promoters++;
+                }
+                else {
+                    result.passive++;
+                }
+                result.total++;
+            }
         });
-        return { columnCount: columnCount, data: result };
+        return result;
     }
     destroyContent(container) {
-        this._textTableAdapter.destroy(container);
+        this._npsAdapter.destroy(container);
         super.destroyContent(container);
     }
     renderContentAsync(container) {
         return __awaiter(this, void 0, void 0, function* () {
-            const tableNode = DocumentHelper.createElement("div");
-            yield this._textTableAdapter.create(tableNode);
+            const npsNode = DocumentHelper.createElement("div");
+            container.appendChild(npsNode);
+            yield this._npsAdapter.create(npsNode);
             container.innerHTML = "";
-            container.appendChild(tableNode);
+            container.appendChild(npsNode);
             return container;
         });
     }
     destroy() {
-        this._textTableAdapter.destroy(this.contentContainer);
+        this._npsAdapter.destroy(this.contentContainer);
         super.destroy();
     }
 }
-VisualizationManager.registerVisualizer("text", Text);
-VisualizationManager.registerVisualizer("comment", Text);
-VisualizationManager.registerVisualizer("multipletext", Text);
+NpsVisualizer.DetractorScore = 6;
+NpsVisualizer.PromoterScore = 9;
+// VisualizationManager.registerVisualizer("rating", NpsVisualizer);
 
-class StatisticsTableAdapter {
-    constructor(model) {
-        this.model = model;
+class RankingModel extends SelectBase {
+    constructor(question, data, options, name) {
+        super(question, data, options, name || "ranking");
+    }
+    getQuestionResults() {
+        const name = this.question.name;
+        return this.data.map((dataItem) => dataItem[name]);
+    }
+    getEmptyData() {
+        const choices = this.getValues();
+        let data = [];
+        data.length = choices.length;
+        data.fill(0);
+        return data;
+    }
+    getCalculatedValuesCore() {
+        const results = this.getQuestionResults();
+        const choices = this.getValues();
+        let plotlyData = this.getEmptyData();
+        results.forEach((result) => {
+            this.applyResultToPlotlyData(result, plotlyData, choices);
+        });
+        return [plotlyData];
+    }
+    applyResultToPlotlyData(result, plotlyData, choices) {
+        if (!result || !plotlyData || !choices)
+            return;
+        result.forEach((resultValue, resultValueIndex, result) => {
+            let index = choices.indexOf(resultValue);
+            plotlyData[index] =
+                +plotlyData[index] + (result.length - resultValueIndex);
+        });
+    }
+}
+VisualizationManager.registerVisualizer("ranking", RankingModel);
+
+class PivotModel extends SelectBase {
+    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;
+        this._cachedIntervals = undefined;
+        this._intervalPrecision = 2;
+        this.axisYSelectors = [];
+        this.axisYQuestionNames = [];
+        this.questionsY = [];
+        this.questions = this.questions.filter((question) => ["matrixdropdown", "matrixdynamic", "matrix", "file", "signature", "multipletext", "comment", "html", "image"].indexOf(question.getType()) === -1);
+        if (this.options.intervalPrecision !== undefined) {
+            this._intervalPrecision = this.options.intervalPrecision;
+        }
+        this.axisXQuestionName = this.questions.length > 0 ? this.questions[0].name : undefined;
+        this.registerToolbarItem("axisXSelector", () => this.axisXSelector = DocumentHelper.createSelector(this.questions.map((question) => {
+            return {
+                value: question.name,
+                text: question.title || question.name,
+            };
+        }), (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();
+    }
+    createYSelecterGenerator() {
+        const selectorIndex = this.axisYSelectors.length;
+        return () => {
+            let selector = this.axisYSelectors[selectorIndex];
+            if (!selector) {
+                selector = this.createAxisYSelector(selectorIndex);
+                this.axisYSelectors.push(selector);
+            }
+            else {
+                selector["__updateSelect"] && selector["__updateSelect"]();
+            }
+            return selector;
+        };
+    }
+    setAxisQuestions(...axisQuestionNames) {
+        if (axisQuestionNames.length < 1) {
+            return;
+        }
+        this.axisXQuestionName = axisQuestionNames[0];
+        this.axisYQuestionNames = axisQuestionNames.splice(1);
+        this.setupPivot();
+    }
+    onAxisYSelectorChanged(index, value) {
+        this.axisYQuestionNames[index] = value;
+        if (index < this.axisYSelectors.length - 1) {
+            if (!value) {
+                for (let i = index + 1; i < this.axisYSelectors.length; ++i) {
+                    this.unregisterToolbarItem("axisYSelector" + i);
+                }
+                this.axisYSelectors = this.axisYSelectors.slice(0, index + 1);
+                this.axisYQuestionNames = this.axisYQuestionNames.slice(0, index + 1);
+            }
+        }
+        else {
+            if (!!value) {
+                this.registerToolbarItem("axisYSelector" + this.axisYSelectors.length, this.createYSelecterGenerator());
+            }
+        }
+        this.updateQuestionsSelection();
+        this.updateToolbar();
+        this.setupPivot();
     }
-    create(container) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let { datasets, labels, colors, texts, seriesLabels, } = yield this.model.getAnswersData();
-            seriesLabels.length > 1;
-            const emptyTextNode = DocumentHelper.createElement("p", "", {
-                innerText: localization.getString("noResults"),
-            });
-            if (datasets.length === 0 || datasets[0].length === 0) {
-                container.appendChild(emptyTextNode);
-                return;
+    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;
             }
-            datasets.forEach((data, idx) => {
-                const tableNode = (DocumentHelper.createElement("table", "sa-statistics-table"));
-                tableNode.style.backgroundColor = this.model.backgroundColor;
-                container.appendChild(tableNode);
-                var headerRow = DocumentHelper.createElement("tr");
-                var labelCell = DocumentHelper.createElement("th", "sa-statistics-table__cell-header", {
-                    textContent: localization.getString("answer"),
-                });
-                headerRow.appendChild(labelCell);
-                var sparklineCell = DocumentHelper.createElement("th", "sa-statistics-table__cell-header", {
-                    textContent: localization.getString("statistics_chart"),
-                });
-                headerRow.appendChild(sparklineCell);
-                var percentCell = DocumentHelper.createElement("th", "sa-statistics-table__cell-header", {
-                    textContent: localization.getString("percentage"),
-                });
-                headerRow.appendChild(percentCell);
-                var valueCell = DocumentHelper.createElement("th", "sa-statistics-table__cell-header", {
-                    textContent: localization.getString("responses"),
-                });
-                headerRow.appendChild(valueCell);
-                tableNode.appendChild(headerRow);
-                for (let index = data.length - 1; index >= 0; index--) {
-                    var row = DocumentHelper.createElement("tr");
-                    var labelCell = DocumentHelper.createElement("td", "sa-statistics-table__cell", {
-                        textContent: labels[index],
-                    });
-                    row.appendChild(labelCell);
-                    var sparklineCell = DocumentHelper.createElement("td", "sa-statistics-table__cell");
-                    var outerBar = DocumentHelper.createElement("div", "sa-choices-sparkline");
-                    var innerBar = DocumentHelper.createElement("div", "sa-choices-sparkline-value");
-                    innerBar.style.width = texts[idx][index] + "%";
-                    outerBar.appendChild(innerBar);
-                    sparklineCell.appendChild(outerBar);
-                    row.appendChild(sparklineCell);
-                    var percentCell = DocumentHelper.createElement("td", "sa-statistics-table__cell sa-statistics-table__cell-value", {
-                        textContent: "" + texts[idx][index] + "%",
-                    });
-                    row.appendChild(percentCell);
-                    var valueCell = DocumentHelper.createElement("td", "sa-statistics-table__cell sa-statistics-table__cell-value", {
-                        textContent: data[index],
-                    });
-                    row.appendChild(valueCell);
-                    tableNode.appendChild(row);
+            else {
+                selectedQuestions.push(questionName);
+            }
+        }
+    }
+    createAxisYSelector(selectorIndex) {
+        const getChoices = () => {
+            const choices = this.questions.filter(q => {
+                if (q.name === this.axisXQuestionName) {
+                    return false;
                 }
-                container.className = "sa-statistics-table__container";
-                container.appendChild(tableNode);
+                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;
     }
-    destroy(node) {
-        node.innerHTML = "";
+    setChartType(chartType) {
+        const prev2Dchart = this.isXYChart();
+        super.setChartType(chartType);
+        if (prev2Dchart !== this.isXYChart()) {
+            this.updateToolbar();
+        }
     }
-}
-class StatisticsTable extends SelectBase {
-    constructor(question, data, options, name) {
-        super(question, data, options, name || "choices");
-        this._statisticsTableAdapter = new StatisticsTableAdapter(this);
-        this.showPercentages = true;
+    isXYChart() {
+        return ["pie", "doughnut"].indexOf(this.chartType) === -1;
     }
-    destroyContent(container) {
-        this._statisticsTableAdapter.destroy(container);
-        super.destroyContent(container);
+    getQuestionValueType(question) {
+        const questionType = question.getType();
+        if (questionType === "text" && (question["inputType"] === "date" || question["inputType"] === "datetime")) {
+            return "date";
+        }
+        else if (questionType === "text" || questionType === "rating" || questionType === "expression" || questionType === "range") {
+            return "number";
+        }
+        return "enum";
     }
-    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;
-        });
+    setupPivot() {
+        const questionX = this.questions.filter((q) => q.name === this.axisXQuestionName)[0];
+        if (!questionX) {
+            return;
+        }
+        this.question = questionX;
+        this.valueType = this.getQuestionValueType(questionX);
+        this.questionsY = this.axisYQuestionNames.map((name) => {
+            const questionY = this.questions.filter((q) => q.name === name)[0];
+            if (!!questionY) {
+                return this.getQuestionValueType(questionY) === "enum" ? new SelectBase(questionY, []) : new VisualizerBase(questionY, []);
+            }
+        }).filter((q) => !!q);
+        this.onDataChanged();
     }
-    destroy() {
-        this._statisticsTableAdapter.destroy(this.contentContainer);
-        super.destroy();
+    reset() {
+        this._continuousData = undefined;
+        this._cachedValues = undefined;
+        this._cachedIntervals = undefined;
     }
-}
-class StatisticsTableBoolean extends BooleanModel {
-    constructor(question, data, options, name) {
-        super(question, data, options, name || "options");
-        this._statisticsTableAdapter = new StatisticsTableAdapter(this);
-        this.showPercentages = true;
+    getContinuousValue(value) {
+        if (this.valueType === "date") {
+            return Date.parse(value);
+        }
+        return parseFloat(value);
     }
-    destroyContent(container) {
-        this._statisticsTableAdapter.destroy(container);
-        super.destroyContent(container);
+    getString(value) {
+        if (this.valueType === "date") {
+            return new Date(value).toLocaleDateString();
+        }
+        return "" + value;
     }
-    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;
-        });
+    toPrecision(value) {
+        const base = Math.pow(10, this._intervalPrecision);
+        return Math.round(base * value) / base;
     }
-    destroy() {
-        this._statisticsTableAdapter.destroy(this.contentContainer);
-        super.destroy();
+    getSelectedItemByText(itemText) {
+        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 : "");
+        }
+        const labels = this.getLabels();
+        const labelIndex = labels.indexOf(itemText);
+        return new ItemValue(this.getValues()[labelIndex], labels[labelIndex]);
     }
-}
-VisualizationManager.registerVisualizer("radiogroup", StatisticsTable);
-VisualizationManager.registerVisualizer("dropdown", StatisticsTable);
-VisualizationManager.registerVisualizer("checkbox", StatisticsTable);
-VisualizationManager.registerVisualizer("boolean", StatisticsTableBoolean);
-
-class NpsVisualizerWidget {
-    constructor(_model, _data) {
-        this._model = _model;
-        this._data = _data;
-        this._renderedTarget = undefined;
+    /**
+     * Updates visualizer data.
+     */
+    updateData(data) {
+        this.reset();
+        super.updateData(data);
     }
-    renderScorePart(partId, value, percent) {
-        const scorePartElement = DocumentHelper.createElement("div", "sa-visualizer-nps__score-part");
-        const titleElement = DocumentHelper.createElement("div", "sa-visualizer-nps__score-part-title");
-        titleElement.innerText = localization.getString(partId);
-        scorePartElement.appendChild(titleElement);
-        const valuesElement = DocumentHelper.createElement("div", "sa-visualizer-nps__score-part-values");
-        scorePartElement.appendChild(valuesElement);
-        const valueElement = DocumentHelper.createElement("div", "sa-visualizer-nps__score-part-value");
-        valueElement.innerText = "" + value;
-        valuesElement.appendChild(valueElement);
-        if (percent) {
-            const percentElement = DocumentHelper.createElement("div", "sa-visualizer-nps__score-part-percent");
-            percentElement.innerText = "" + percent + "%";
-            valuesElement.appendChild(percentElement);
-        }
-        return scorePartElement;
+    onDataChanged() {
+        this.reset();
+        super.onDataChanged();
     }
-    render(target) {
-        this._renderedTarget = target;
-        var npsElement = DocumentHelper.createElement("div", "sa-visualizer-nps");
-        npsElement.appendChild(this.renderScorePart("npsScore", this.npsScore));
-        npsElement.appendChild(this.renderScorePart("npsPromoters", this._data.promoters, this.promotersPercent));
-        npsElement.appendChild(this.renderScorePart("npsPassives", this._data.total - this._data.promoters - this._data.detractors, this.passivePercent));
-        npsElement.appendChild(this.renderScorePart("npsDetractors", this._data.detractors, this.detractorsPercent));
-        target.appendChild(npsElement);
+    getContinuousValues() {
+        if (this._cachedValues === undefined) {
+            this._continuousData = [];
+            if (this.valueType === "enum") {
+                this._cachedValues = [];
+                return this._cachedValues;
+            }
+            const hash = {};
+            this.data.forEach(dataItem => {
+                const answerData = dataItem[this.name];
+                if (answerData !== undefined) {
+                    // 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, continuous: this.getContinuousValue(key), row: hash[key].row }));
+            this._cachedValues.sort((a, b) => a.continuous - b.continuous);
+        }
+        return this._cachedValues;
     }
-    get npsScore() {
-        return toPrecision(((this._data.promoters - this._data.detractors) / this._data.total) * 100, this._model.precision);
+    isSupportAnswersOrder() {
+        return false;
     }
-    get promotersPercent() {
-        return toPrecision(this._data.promoters / this._data.total * 100, this._model.precision);
+    isSupportMissingAnswers() {
+        return false;
     }
-    get passivePercent() {
-        return toPrecision((this._data.total - this._data.promoters - this._data.detractors) / this._data.total * 100, this._model.precision);
+    get needUseRateValues() {
+        return this.question.getType() == "rating" && Array.isArray(this.question["rateValues"]) && this.question["rateValues"].length > 0;
     }
-    get detractorsPercent() {
-        return toPrecision(this._data.detractors / this._data.total * 100, this._model.precision);
+    getSeriesValues() {
+        if (!this.questionsY || this.questionsY.length === 0) {
+            return this.options.seriesValues || [];
+        }
+        const seriesValues = [];
+        this.questionsY.forEach(q => {
+            if (this.getQuestionValueType(q.question) === "enum") {
+                seriesValues.push.apply(seriesValues, q.getValues().reverse());
+            }
+            else {
+                seriesValues.push(q.question.name);
+            }
+        });
+        return seriesValues;
     }
-    dispose() {
-        if (!!this._renderedTarget) {
-            this._renderedTarget.innerHTML = "";
-            this._renderedTarget = undefined;
+    getSeriesLabels() {
+        if (this.questionsY.length === 0) {
+            return this.getSeriesValues();
         }
+        const seriesLabels = [];
+        this.questionsY.forEach(q => {
+            if (this.getQuestionValueType(q.question) === "enum") {
+                seriesLabels.push.apply(seriesLabels, q.getLabels().reverse());
+            }
+            else {
+                seriesLabels.push(q.question.title || q.question.name);
+            }
+        });
+        return seriesLabels;
     }
-}
-class NpsAdapter {
-    constructor(model) {
-        this.model = model;
+    getValues() {
+        if (this.valueType === "enum") {
+            return super.getValues().reverse();
+        }
+        return this.intervals.map(interval => interval.start);
     }
-    get npsVisualizer() {
-        return this._npsVisualizer;
+    getLabels() {
+        if (this.valueType === "enum") {
+            return super.getLabels().reverse();
+        }
+        return this.intervals.map(interval => interval.label);
     }
-    create(element) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const data = yield this.model.getCalculatedValues();
-            this._npsVisualizer = new NpsVisualizerWidget(this.model, data);
-            this._npsVisualizer.render(element);
-            return this._npsVisualizer;
-        });
+    get hasCustomIntervals() {
+        return !!this.questionOptions && Array.isArray(this.questionOptions.intervals);
     }
-    destroy(node) {
-        if (this._npsVisualizer && typeof this._npsVisualizer.dispose === "function") {
-            this._npsVisualizer.dispose();
+    get intervals() {
+        if (this.hasCustomIntervals) {
+            return this.questionOptions.intervals;
         }
-        this._npsVisualizer = undefined;
+        if (this.question.getType() == "rating") {
+            if (this.needUseRateValues) {
+                const rateValues = this.question["rateValues"];
+                rateValues.sort((iv1, iv2) => iv1.value - iv2.value);
+                return rateValues.map((rateValue, i) => ({
+                    start: rateValue.value,
+                    end: i < rateValues.length - 1 ? rateValues[i + 1].value : rateValue.value + 1,
+                    label: rateValue.text
+                }));
+            }
+            else {
+                const rateIntervals = [];
+                for (let i = (this.question["rateMin"] || 0); i <= (this.question["rateMax"] || (PivotModel.IntervalsCount - 1)); i += (this.question["rateStep"] || 1)) {
+                    rateIntervals.push({
+                        start: i,
+                        end: i + 1,
+                        label: "" + (!!this.question["rateMin"] && !!this.question["rateMax"] ? i : (i + "-" + (i + 1)))
+                    });
+                }
+                return rateIntervals;
+            }
+        }
+        if (this._cachedIntervals === undefined) {
+            const continuousValues = this.getContinuousValues();
+            this._cachedIntervals = [];
+            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) {
+                    const next = start + delta;
+                    const istart = this.toPrecision(start);
+                    const inext = this.toPrecision(next);
+                    this._cachedIntervals.push({
+                        start: istart,
+                        end: i < intervalsCount - 1 ? inext : inext + delta / 100,
+                        label: "" + this.getString(istart) + "-" + this.getString(inext)
+                    });
+                    start = next;
+                }
+            }
+        }
+        return this._cachedIntervals;
     }
-}
-class NpsVisualizer extends VisualizerBase {
-    constructor(question, data, options, name) {
-        super(question, data, options, name || "nps");
-        this.precision = 2;
-        this._npsAdapter = new NpsAdapter(this);
+    convertFromExternalData(externalCalculatedData) {
+        return [externalCalculatedData];
     }
-    getCalculatedValuesCore() {
-        let result = {
-            detractors: 0,
-            passive: 0,
-            promoters: 0,
-            total: 0,
-        };
-        this.data.forEach((row) => {
-            const rowValue = row[this.question.name];
-            const scoreValue = parseInt(rowValue);
-            if (!Number.isNaN(scoreValue)) {
-                if (scoreValue <= NpsVisualizer.DetractorScore) {
-                    result.detractors++;
-                }
-                else if (scoreValue >= NpsVisualizer.PromoterScore) {
-                    result.promoters++;
+    getSeriesValueIndexes() {
+        const seriesValueIndexes = {};
+        let valueIndex = 0;
+        for (var i = 0; i < this.questionsY.length; ++i) {
+            const questionValueType = this.getQuestionValueType(this.questionsY[i].question);
+            if (questionValueType === "enum") {
+                this.questionsY[i].getValues().reverse().forEach((value) => {
+                    seriesValueIndexes[this.questionsY[i].name + "_" + value] = valueIndex++;
+                });
+            }
+            else {
+                seriesValueIndexes[this.questionsY[i].name] = valueIndex++;
+            }
+        }
+        return seriesValueIndexes;
+    }
+    updateStatisticsSeriesValue(statistics, dataRow, valueIndex, seriesValueIndexes) {
+        for (let j = 0; j < this.questionsY.length; ++j) {
+            if (dataRow[this.questionsY[j].name] !== undefined) {
+                const questionValueType = this.getQuestionValueType(this.questionsY[j].question);
+                if (questionValueType === "enum" || questionValueType === "date") {
+                    const seriesValueIndex = seriesValueIndexes[this.questionsY[j].name + "_" + dataRow[this.questionsY[j].name]];
+                    statistics[seriesValueIndex][valueIndex]++;
                 }
                 else {
-                    result.passive++;
+                    const seriesValueIndex = seriesValueIndexes[this.questionsY[j].name];
+                    statistics[seriesValueIndex][valueIndex] += parseFloat(dataRow[this.questionsY[j].name]);
                 }
-                result.total++;
             }
-        });
-        return result;
+        }
     }
-    destroyContent(container) {
-        this._npsAdapter.destroy(container);
-        super.destroyContent(container);
+    getCalculatedValuesCore() {
+        const statistics = [];
+        const series = this.getSeriesValues();
+        if (series.length === 0) {
+            series.push("");
+        }
+        const seriesValueIndexes = this.getSeriesValueIndexes();
+        if (this.valueType === "enum") {
+            const values = this.getValues();
+            const valueIndexes = {};
+            values.forEach((value, index) => {
+                valueIndexes[value] = index;
+            });
+            for (var i = 0; i < series.length; ++i) {
+                statistics.push(values.map(i => 0));
+            }
+            this.data.forEach(dataRow => {
+                const answerData = dataRow[this.name];
+                if (answerData !== undefined && valueIndexes[answerData] !== undefined) {
+                    const valueIndex = valueIndexes[answerData];
+                    if (this.questionsY.length === 0) {
+                        statistics[0][valueIndex]++;
+                    }
+                    else {
+                        this.updateStatisticsSeriesValue(statistics, dataRow, valueIndex, seriesValueIndexes);
+                    }
+                }
+            });
+        }
+        else {
+            this.getContinuousValues();
+            const intervals = this.intervals;
+            for (var i = 0; i < series.length; ++i) {
+                statistics.push(intervals.map(i => 0));
+            }
+            this._continuousData.forEach(dataValue => {
+                for (let valueIndex = 0; valueIndex < intervals.length; ++valueIndex) {
+                    if (intervals[valueIndex].start <= dataValue.continuous && (dataValue.continuous < intervals[valueIndex].end || valueIndex == intervals.length - 1)) {
+                        if (this.questionsY.length === 0) {
+                            statistics[0][valueIndex]++;
+                        }
+                        else {
+                            this.updateStatisticsSeriesValue(statistics, dataValue.row, valueIndex, seriesValueIndexes);
+                        }
+                        break;
+                    }
+                }
+            });
+        }
+        return statistics;
     }
-    renderContentAsync(container) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const npsNode = DocumentHelper.createElement("div");
-            container.appendChild(npsNode);
-            yield this._npsAdapter.create(npsNode);
-            container.innerHTML = "";
-            container.appendChild(npsNode);
-            return container;
-        });
+    getValueType() {
+        return this.valueType;
     }
-    destroy() {
-        this._npsAdapter.destroy(this.contentContainer);
-        super.destroy();
+    isSupportSoftUpdateContent() {
+        return false;
+    }
+    renderToolbar(container) {
+        if (!this.haveCommercialLicense && this.isRoot) {
+            const banner = createCommercialLicenseLink();
+            container.appendChild(banner);
+        }
+        container.className += " sa-pivot__header";
+        super.renderToolbar(container);
     }
 }
-NpsVisualizer.DetractorScore = 6;
-NpsVisualizer.PromoterScore = 9;
-// VisualizationManager.registerVisualizer("rating", NpsVisualizer);
+PivotModel.IntervalsCount = 10;
+PivotModel.UseIntervalsFrom = 10;
+VisualizationManager.registerPivotVisualizer(PivotModel);
 
 export { AlternativeVisualizersWrapper as A, BooleanModel as B, DataProvider as D, HistogramModel as H, Matrix as M, NpsAdapter as N, PivotModel as P, RankingModel as R, SelectBase as S, Text as T, VisualizationComposite as V, WordCloud as W, __awaiter as _, NpsVisualizer as a, NpsVisualizerWidget as b, NumberModel as c, PostponeHelper as d, StatisticsTable as e, StatisticsTableAdapter as f, StatisticsTableBoolean as g, TextTableAdapter as h, VisualizationManager as i, VisualizationMatrixDropdown as j, VisualizationMatrixDynamic as k, VisualizationPanel as l, VisualizationPanelDynamic as m, VisualizerBase as n, VisualizerFactory as o, WordCloudAdapter as p, getBestIntervalMode as q, hideEmptyAnswersInData as r, intervalCalculators as s, textHelper as t, defaultStatisticsCalculator as u };
 //# sourceMappingURL=shared2.mjs.map