survey-analytics 2.3.5 → 2.3.7

package/package.json

@@ -18,7 +18,7 @@
     "pre-push-check": "npm run lint && npm run test",
     "pwinst": "playwright install chromium"
   },
-  "version": "2.3.5",
+  "version": "2.3.7",
   "name": "survey-analytics",
   "description": "SurveyJS analytics Library.",
   "main": "survey.analytics.js",
@@ -91,7 +91,7 @@
   "peerDependencies": {
     "@types/plotly.js-dist-min": "^2.3.0",
     "@types/tabulator-tables": "^6.2.3",
-    "survey-core": "2.3.5"
+    "survey-core": "2.3.7"
   },
   "husky": {
     "hooks": {

package/survey-analytics-tabulator.types/tables/table.d.ts

@@ -5,14 +5,26 @@ import { ITableExtension, TableExtensions } from "./extensions/tableextensions";
 export interface ITableOptions {
     [index: string]: any;
     /**
-     * Set this property to true to render column headings using question names
+     * Specifies whether to use question names instead of question titles as column headings.
+     *
+     * Default value: `false`
      */
     useNamesAsTitles?: boolean;
     /**
-     * Use this event to change the display value of question in table.
-     * <br/> `sender` - the table object that fires the event.
-     * <br/> `options.question` - the question obect for which event is fired.
-     * <br/> `options.displayValue` - the question display value. You can change this option before it is displayed in the table.
+     * Specifies the delimiter used to separate multiple choice items in a list.
+     *
+     * Default value: `", "`
+     */
+    itemsDelimiter?: string;
+    /**
+     * A callback function that allows you to customize a question's display value in the table.
+     *
+     * Parameters:
+     *
+     * - `options.question`: `Question`\
+     * The question for which the callback is executed.
+     * - `options.displayValue`: `any`\
+     * The question's display value. You can modify this parameter to change the output.
      */
     onGetQuestionValue?: (options: {
         question: Question;
@@ -100,6 +112,7 @@ export declare abstract class Table {
     getCreatedRows(): TableRow[];
     clearCreatedRows(): void;
     get useNamesAsTitles(): boolean;
+    get itemsDelimiter(): string;
     protected buildColumns: (survey: SurveyModel) => IColumn[];
     private isNonValueQuestion;
     isColumnVisible(column: IColumn): boolean;

package/survey-analytics.types/entries/summary.core.d.ts

@@ -27,6 +27,7 @@ export * from "../visualizationPanelDynamic";
 export * from "../visualizationMatrixDynamic";
 export * from "../visualizationMatrixDropdown";
 export * from "../alternativeVizualizersWrapper";
+export * from "../visualizationComposite";
 export * from "../wordcloud/wordcloud";
 export * from "../wordcloud/stopwords/index";
 export * from "../text";

package/survey-analytics.types/selectBase.d.ts

@@ -60,6 +60,7 @@ export declare class SelectBase extends VisualizerBase implements IVisualizerWit
      */
     get showOnlyPercentages(): boolean;
     set showOnlyPercentages(val: boolean);
+    protected getShowPercentagesDefault(): boolean;
     /**
      * Gets and sets whether chart should show values and percentages.
      */

package/survey-analytics.types/visualizationComposite.d.ts

@@ -0,0 +1,8 @@
+import { Question } from "survey-core";
+import { VisualizationPanelDynamic } from "./visualizationPanelDynamic";
+export declare class VisualizationComposite extends VisualizationPanelDynamic {
+    constructor(question: Question, data: Array<{
+        [index: string]: any;
+    }>, options?: Object, name?: string);
+    getQuestions(): any[];
+}

package/survey-analytics.types/visualizationManager.d.ts

@@ -41,9 +41,9 @@ export declare class VisualizationManager {
     static unregisterVisualizerForAll(constructor: VisualizerConstructor): void;
     /**
      * Returns all visualizer constructors for a specified question type.
-     * @param questionType A question [type](https://surveyjs.io/form-library/documentation/api-reference/question#getType).
+     * @param visualizerType A question [type](https://surveyjs.io/form-library/documentation/api-reference/question#getType).
      */
-    static getVisualizersByType(questionType: string): VisualizerConstructor[];
+    static getVisualizersByType(visualizerType: string, fallbackVisualizerType?: string): VisualizerConstructor[];
     /**
      * Returns a constructor for an alternative visualizer selector.
      * @see registerAltVisualizerSelector

package/survey-analytics.types/visualizationMatrixDynamic.d.ts

@@ -3,7 +3,6 @@ import { VisualizationPanelDynamic } from "./visualizationPanelDynamic";
 export declare class VisualizationMatrixDynamic extends VisualizationPanelDynamic {
     constructor(question: Question, data: Array<{
         [index: string]: any;
-    }>, options?: Object);
-    get type(): string;
+    }>, options?: Object, name?: string);
     getQuestions(): Question[];
 }

package/survey-analytics.types/visualizationPanel.d.ts

@@ -119,7 +119,7 @@ export interface IVisualizationPanelOptions {
     /**
      * Specifies percentage precision.
      *
-     * Default value: 0
+     * Default value: 2
      *
      * @see allowShowPercentages
      * @see showPercentages

package/survey-analytics.types/visualizationPanelDynamic.d.ts

@@ -8,10 +8,9 @@ export declare class VisualizationPanelDynamic extends VisualizerBase {
     }>, options?: {
         [index: string]: any;
     }, name?: string);
+    get contentVisualizer(): VisualizationPanel;
     protected setLocale(newLocale: string): void;
     private onAfterRenderPanelCallback;
-    get type(): string;
-    private updatePanelVisualizerData;
     updateData(data: Array<{
         [index: string]: any;
     }>): void;

package/survey-analytics.types/visualizerBase.d.ts

@@ -239,7 +239,7 @@ export declare class VisualizerBase implements IDataInfo {
      */
     updateData(data: Array<{
         [index: string]: any;
-    }>): void;
+    }> | GetDataFn): void;
     onUpdate: () => void;
     invokeOnUpdate(): void;
     /**

package/survey.analytics.core.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.3.5
+ * surveyjs - SurveyJS Dashboard library v2.3.7
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.analytics.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.3.5
+ * surveyjs - SurveyJS Dashboard library v2.3.7
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -6859,7 +6859,7 @@ __webpack_require__.r(__webpack_exports__);
 var AlternativeVisualizersWrapper = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(AlternativeVisualizersWrapper, _super);
     function AlternativeVisualizersWrapper(visualizers, question, data, options) {
-        var _this = _super.call(this, question, data, options) || this;
+        var _this = _super.call(this, question, data, options, "alternative") || this;
         _this.visualizers = visualizers;
         _this.visualizersWithSelection = [];
         _this.onAfterVisualizerRenderCallback = function () {
@@ -11676,9 +11676,8 @@ var SelectBase = /** @class */ (function (_super) {
         _this.emptyAnswersBtn = undefined;
         _this.transposeDataBtn = undefined;
         _this.topNSelector = undefined;
-        _this._showPercentages = false;
         _this._showOnlyPercentages = false;
-        _this._percentagePrecision = 0;
+        _this._percentagePrecision = 2;
         _this._answersOrder = "default";
         _this._hideEmptyAnswers = false;
         _this._topN = -1;
@@ -11700,7 +11699,6 @@ var SelectBase = /** @class */ (function (_super) {
             };
         }
         _this._supportSelection = true;
-        _this._showPercentages = _this.options.showPercentages === true;
         _this._showOnlyPercentages = _this.options.showOnlyPercentages === true;
         if (_this.options.percentagePrecision) {
             _this._percentagePrecision = _this.options.percentagePrecision;
@@ -11958,12 +11956,23 @@ var SelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SelectBase.prototype.getShowPercentagesDefault = function () {
+        if (this.options.showPercentages === undefined) {
+            return ["pie", "doughnut"].indexOf(this.chartType) !== -1;
+        }
+        return this.options.showPercentages === true;
+    };
     Object.defineProperty(SelectBase.prototype, "showPercentages", {
         /**
          * Gets and sets whether chart should show values and percentages.
          */
         get: function () {
-            return this._showPercentages;
+            if (this._showPercentages !== undefined) {
+                return this._showPercentages;
+            }
+            else {
+                return this.getShowPercentagesDefault();
+            }
         },
         set: function (val) {
             this._showPercentages = val;
@@ -12125,12 +12134,10 @@ var SelectBase = /** @class */ (function (_super) {
         var percentages = [];
         var percentagePrecision = this._percentagePrecision;
         if (data.length < 2) {
-            data.forEach(function (res, index) {
-                var sum = res.reduce(function (sum, val) { return sum + val; }, 0);
-                percentages[index] = res.map(function (val) {
-                    var value = percentagePrecision ? +(val / sum).toFixed(percentagePrecision) : Math.round((val / sum) * 10000);
-                    return sum && (value / 100);
-                });
+            var sum = data[0].reduce(function (sum, val) { return sum + val; }, 0);
+            percentages[0] = data[0].map(function (val) {
+                var value = percentagePrecision ? +(val / sum * 100).toFixed(percentagePrecision) : Math.round(val / sum * 100);
+                return sum && value;
             });
         }
         else {
@@ -12142,7 +12149,7 @@ var SelectBase = /** @class */ (function (_super) {
                 for (var j = 0; j < data.length; j++) {
                     if (!Array.isArray(percentages[j]))
                         percentages[j] = [];
-                    var value = percentagePrecision ? +((data[j][i] / sum) * 100).toFixed(percentagePrecision) : Math.round((data[j][i] / sum) * 100);
+                    var value = percentagePrecision ? +(data[j][i] / sum * 100).toFixed(percentagePrecision) : Math.round(data[j][i] / sum * 100);
                     percentages[j][i] = sum && value;
                 }
             }
@@ -12170,7 +12177,7 @@ var SelectBase = /** @class */ (function (_super) {
      */
     SelectBase.prototype.getAnswersData = function () {
         return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var seriesLabels, datasets, labels, colors, texts, temp, zippedArray, dict, unzippedArray, answersData;
+            var seriesLabels, datasets, labels, colors, temp, texts, zippedArray, dict, unzippedArray, answersData;
             return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -12180,14 +12187,13 @@ var SelectBase = /** @class */ (function (_super) {
                         datasets = (_a.sent());
                         labels = this.getLabels();
                         colors = this.getColors();
-                        texts = this.showPercentages ? this.getPercentages(datasets) : datasets;
                         if (this.transposeData) {
                             datasets = this.transpose(datasets);
-                            texts = this.transpose(texts);
                             temp = seriesLabels;
                             seriesLabels = labels;
                             labels = temp;
                         }
+                        texts = this.showPercentages ? this.getPercentages(datasets) : datasets;
                         if (this.answersOrder == "asc" || this.answersOrder == "desc") {
                             zippedArray = this.showPercentages
                                 ? _utils_index__WEBPACK_IMPORTED_MODULE_4__.DataHelper.zipArrays(labels, colors, texts[0])
@@ -13270,6 +13276,42 @@ function toPrecision(value, precision) {
 }
 
 
+/***/ }),
+
+/***/ "./src/visualizationComposite.ts":
+/*!***************************************!*\
+  !*** ./src/visualizationComposite.ts ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   VisualizationComposite: () => (/* binding */ VisualizationComposite)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var _visualizationPanelDynamic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./visualizationPanelDynamic */ "./src/visualizationPanelDynamic.ts");
+
+
+
+var VisualizationComposite = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(VisualizationComposite, _super);
+    function VisualizationComposite(question, data, options, name) {
+        return _super.call(this, question, data, options, name || "composite") || this;
+    }
+    VisualizationComposite.prototype.getQuestions = function () {
+        var matrixdynamic = this.question;
+        var innerQuestions = [];
+        matrixdynamic.contentPanel.addQuestionsToList(innerQuestions);
+        return innerQuestions;
+    };
+    return VisualizationComposite;
+}(_visualizationPanelDynamic__WEBPACK_IMPORTED_MODULE_2__.VisualizationPanelDynamic));
+
+_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("composite", VisualizationComposite);
+
+
 /***/ }),
 
 /***/ "./src/visualizationManager.ts":
@@ -13347,10 +13389,13 @@ var VisualizationManager = /** @class */ (function () {
     };
     /**
      * Returns all visualizer constructors for a specified question type.
-     * @param questionType A question [type](https://surveyjs.io/form-library/documentation/api-reference/question#getType).
+     * @param visualizerType A question [type](https://surveyjs.io/form-library/documentation/api-reference/question#getType).
      */
-    VisualizationManager.getVisualizersByType = function (questionType) {
-        var vDescrs = VisualizationManager.vizualizers[questionType];
+    VisualizationManager.getVisualizersByType = function (visualizerType, fallbackVisualizerType) {
+        var vDescrs = VisualizationManager.vizualizers[visualizerType];
+        if (!!fallbackVisualizerType && (!vDescrs || vDescrs.length == 0)) {
+            vDescrs = VisualizationManager.vizualizers[fallbackVisualizerType];
+        }
         if (!vDescrs) {
             if (VisualizationManager.defaultVisualizer.suppressVisualizerStubRendering) {
                 return [];
@@ -13548,16 +13593,9 @@ __webpack_require__.r(__webpack_exports__);
 
 var VisualizationMatrixDynamic = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(VisualizationMatrixDynamic, _super);
-    function VisualizationMatrixDynamic(question, data, options) {
-        return _super.call(this, question, data, options) || this;
+    function VisualizationMatrixDynamic(question, data, options, name) {
+        return _super.call(this, question, data, options, name || "matrixDynamic") || this;
     }
-    Object.defineProperty(VisualizationMatrixDynamic.prototype, "type", {
-        get: function () {
-            return "matrixDynamic";
-        },
-        enumerable: false,
-        configurable: true
-    });
     VisualizationMatrixDynamic.prototype.getQuestions = function () {
         var matrixdynamic = this.question;
         var visibleRows = matrixdynamic.visibleRows;
@@ -13608,8 +13646,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _filterInfo__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./filterInfo */ "./src/filterInfo.ts");
 /* harmony import */ var _layoutEngine__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./layoutEngine */ "./src/layoutEngine.ts");
 /* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./svgbundle */ "./src/svgbundle.ts");
-/* harmony import */ var _visualizationPanel_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./visualizationPanel.scss */ "./src/visualizationPanel.scss");
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var _visualizationPanel_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./visualizationPanel.scss */ "./src/visualizationPanel.scss");
 
 
 
@@ -13740,7 +13778,7 @@ var VisualizationPanel = /** @class */ (function (_super) {
         _this._layoutEngine.onMoveCallback = function (order) {
             return _this.reorderVisibleElements(order);
         };
-        _this.showToolbar = true;
+        _this.showToolbar = isRoot;
         if (_this.options.survey) {
             _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.currentLocale = _this.options.survey.locale;
         }
@@ -13748,6 +13786,7 @@ var VisualizationPanel = /** @class */ (function (_super) {
             _this._elements = _this.buildElements(questions);
         }
         _this.buildVisualizers(questions);
+        _this.updateData(_this.surveyData);
         if (!_this.haveCommercialLicense && _this.isRoot) {
             _this.registerToolbarItem("commercialLicense", function () {
                 return (0,_utils_index__WEBPACK_IMPORTED_MODULE_5__.createCommercialLicenseLink)();
@@ -13935,7 +13974,7 @@ var VisualizationPanel = /** @class */ (function (_super) {
             var visualizerData = _this.surveyData;
             var visualizer;
             if (Array.isArray(question)) {
-                visualizer = new (_visualizationManager__WEBPACK_IMPORTED_MODULE_11__.VisualizationManager.getPivotVisualizerConstructor())(question, visualizerData, visualizerOptions, undefined, false);
+                visualizer = new (_visualizationManager__WEBPACK_IMPORTED_MODULE_10__.VisualizationManager.getPivotVisualizerConstructor())(question, visualizerData, visualizerOptions, undefined, false);
             }
             else {
                 visualizer = _this.createVisualizer(question, visualizerOptions, visualizerData);
@@ -14402,40 +14441,32 @@ var VisualizationPanelDynamic = /** @class */ (function (_super) {
         };
         _this.loadingData = false;
         var options = Object.assign({}, options);
+        options.allowHideQuestions = false;
         options.allowDynamicLayout = false;
         options.dataProvider = undefined;
+        options.dataPath = _this.dataNames[0];
         _this._panelVisualizer = new _visualizationPanel__WEBPACK_IMPORTED_MODULE_3__.VisualizationPanel(_this.getQuestions(), [], options, undefined, false);
         _this._panelVisualizer.onAfterRender.add(_this.onAfterRenderPanelCallback);
         _this.updateData(data);
         return _this;
     }
-    VisualizationPanelDynamic.prototype.setLocale = function (newLocale) {
-        _super.prototype.setLocale.call(this, newLocale);
-        this._panelVisualizer.locale = newLocale;
-    };
-    Object.defineProperty(VisualizationPanelDynamic.prototype, "type", {
+    Object.defineProperty(VisualizationPanelDynamic.prototype, "contentVisualizer", {
         get: function () {
-            return "panelDynamic";
+            return this._panelVisualizer;
         },
         enumerable: false,
         configurable: true
     });
-    VisualizationPanelDynamic.prototype.updatePanelVisualizerData = function () {
-        var _this = this;
-        var panelData = [];
-        this.data.forEach(function (dataItem) {
-            if (dataItem[_this.question.name] !== undefined) {
-                panelData = panelData.concat(dataItem[_this.question.name]);
-            }
-        });
-        this._panelVisualizer.updateData(panelData);
+    VisualizationPanelDynamic.prototype.setLocale = function (newLocale) {
+        _super.prototype.setLocale.call(this, newLocale);
+        this._panelVisualizer.locale = newLocale;
     };
     VisualizationPanelDynamic.prototype.updateData = function (data) {
         _super.prototype.updateData.call(this, data);
-        this.updatePanelVisualizerData();
+        this._panelVisualizer.updateData(data);
     };
     VisualizationPanelDynamic.prototype.onDataChanged = function () {
-        this.updatePanelVisualizerData();
+        this._panelVisualizer.updateData(this.dataProvider.filteredData);
         _super.prototype.onDataChanged.call(this);
     };
     VisualizationPanelDynamic.prototype.getQuestions = function () {
@@ -14864,11 +14895,26 @@ var VisualizerBase = /** @class */ (function () {
      * @param data A data array with survey results to be visualized.
      */
     VisualizerBase.prototype.updateData = function (data) {
+        var dataPath = this.options.dataPath;
+        var dataToAssign = data;
+        if (!!dataPath && Array.isArray(data)) {
+            dataToAssign = [];
+            data.forEach(function (dataItem) {
+                if (!!dataItem && dataItem[dataPath] !== undefined) {
+                    if (Array.isArray(dataItem[dataPath])) {
+                        dataToAssign = dataToAssign.concat(dataItem[dataPath]);
+                    }
+                    else {
+                        dataToAssign.push(dataItem[dataPath]);
+                    }
+                }
+            });
+        }
         if (!this.options.dataProvider) {
-            this.dataProvider.data = data;
+            this.dataProvider.data = dataToAssign;
         }
         if (this.hasFooter) {
-            this.footerVisualizer.updateData(data);
+            this.footerVisualizer.updateData(dataToAssign);
         }
     };
     VisualizerBase.prototype.invokeOnUpdate = function () {
@@ -15358,7 +15404,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   VisualizerFactory: () => (/* binding */ VisualizerFactory)
 /* harmony export */ });
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 /**
  * An object that allows you to create individual visualizers without creating a [visualization panel](https://surveyjs.io/dashboard/documentation/api-reference/visualizationpanel).
@@ -15389,21 +15438,26 @@ var VisualizerFactory = /** @class */ (function () {
     VisualizerFactory.createVisualizer = function (question, data, options) {
         var type = question.getType();
         var creators = [];
+        var questionForCreator = question;
+        var optionsForCreator = Object.assign({}, options);
         if (type === "text" && question.inputType) {
-            type = question.inputType;
-            creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_0__.VisualizationManager.getVisualizersByType(type);
-            if (creators === undefined || creators.length == 0) {
-                type = "text";
-                creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_0__.VisualizationManager.getVisualizersByType(type);
-            }
+            creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.getVisualizersByType(question.inputType, type);
         }
         else {
-            creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_0__.VisualizationManager.getVisualizersByType(type);
+            var fallbackType = undefined;
+            if (question instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__.QuestionCustomModel) {
+                fallbackType = question.getDynamicType();
+                // questionForCreator = question.contentQuestion;
+            }
+            else if (question instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__.QuestionCompositeModel) {
+                fallbackType = "composite";
+            }
+            creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.getVisualizersByType(type, fallbackType);
         }
-        var visualizers = creators.map(function (creator) { return new creator(question, data, options); });
+        var visualizers = creators.map(function (creator) { return new creator(questionForCreator, data, optionsForCreator); });
         if (visualizers.length > 1) {
-            var alternativesVisualizerConstructor = _visualizationManager__WEBPACK_IMPORTED_MODULE_0__.VisualizationManager.getAltVisualizerSelector();
-            var visualizer = new alternativesVisualizerConstructor(visualizers, question, data, options);
+            var alternativesVisualizerConstructor = _visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.getAltVisualizerSelector();
+            var visualizer = new alternativesVisualizerConstructor(visualizers, questionForCreator, data, optionsForCreator);
             return visualizer;
         }
         return visualizers[0];
@@ -17319,22 +17373,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   AlternativeVisualizersWrapper: () => (/* reexport safe */ _alternativeVizualizersWrapper__WEBPACK_IMPORTED_MODULE_28__.AlternativeVisualizersWrapper),
 /* harmony export */   BooleanModel: () => (/* reexport safe */ _boolean__WEBPACK_IMPORTED_MODULE_19__.BooleanModel),
 /* harmony export */   DataProvider: () => (/* reexport safe */ _dataProvider__WEBPACK_IMPORTED_MODULE_15__.DataProvider),
-/* harmony export */   DocumentHelper: () => (/* reexport safe */ _utils_index__WEBPACK_IMPORTED_MODULE_36__.DocumentHelper),
+/* harmony export */   DocumentHelper: () => (/* reexport safe */ _utils_index__WEBPACK_IMPORTED_MODULE_37__.DocumentHelper),
 /* harmony export */   HistogramModel: () => (/* reexport safe */ _histogram__WEBPACK_IMPORTED_MODULE_20__.HistogramModel),
 /* harmony export */   Matrix: () => (/* reexport safe */ _matrix__WEBPACK_IMPORTED_MODULE_18__.Matrix),
-/* harmony export */   NpsAdapter: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_33__.NpsAdapter),
-/* harmony export */   NpsVisualizer: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_33__.NpsVisualizer),
-/* harmony export */   NpsVisualizerWidget: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_33__.NpsVisualizerWidget),
+/* harmony export */   NpsAdapter: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_34__.NpsAdapter),
+/* harmony export */   NpsVisualizer: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_34__.NpsVisualizer),
+/* harmony export */   NpsVisualizerWidget: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_34__.NpsVisualizerWidget),
 /* harmony export */   NumberModel: () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_21__.NumberModel),
-/* harmony export */   PivotModel: () => (/* reexport safe */ _pivot__WEBPACK_IMPORTED_MODULE_35__.PivotModel),
+/* harmony export */   PivotModel: () => (/* reexport safe */ _pivot__WEBPACK_IMPORTED_MODULE_36__.PivotModel),
 /* harmony export */   PostponeHelper: () => (/* reexport safe */ _visualizerBase__WEBPACK_IMPORTED_MODULE_22__.PostponeHelper),
-/* harmony export */   RankingModel: () => (/* reexport safe */ _ranking__WEBPACK_IMPORTED_MODULE_34__.RankingModel),
+/* harmony export */   RankingModel: () => (/* reexport safe */ _ranking__WEBPACK_IMPORTED_MODULE_35__.RankingModel),
 /* harmony export */   SelectBase: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_17__.SelectBase),
-/* harmony export */   StatisticsTable: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_32__.StatisticsTable),
-/* harmony export */   StatisticsTableAdapter: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_32__.StatisticsTableAdapter),
-/* harmony export */   StatisticsTableBoolean: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_32__.StatisticsTableBoolean),
-/* harmony export */   Text: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_31__.Text),
-/* harmony export */   TextTableAdapter: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_31__.TextTableAdapter),
+/* harmony export */   StatisticsTable: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_33__.StatisticsTable),
+/* harmony export */   StatisticsTableAdapter: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_33__.StatisticsTableAdapter),
+/* harmony export */   StatisticsTableBoolean: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_33__.StatisticsTableBoolean),
+/* harmony export */   Text: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_32__.Text),
+/* harmony export */   TextTableAdapter: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_32__.TextTableAdapter),
+/* harmony export */   VisualizationComposite: () => (/* reexport safe */ _visualizationComposite__WEBPACK_IMPORTED_MODULE_29__.VisualizationComposite),
 /* harmony export */   VisualizationManager: () => (/* reexport safe */ _visualizationManager__WEBPACK_IMPORTED_MODULE_23__.VisualizationManager),
 /* harmony export */   VisualizationMatrixDropdown: () => (/* reexport safe */ _visualizationMatrixDropdown__WEBPACK_IMPORTED_MODULE_27__.VisualizationMatrixDropdown),
 /* harmony export */   VisualizationMatrixDynamic: () => (/* reexport safe */ _visualizationMatrixDynamic__WEBPACK_IMPORTED_MODULE_26__.VisualizationMatrixDynamic),
@@ -17342,13 +17397,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   VisualizationPanelDynamic: () => (/* reexport safe */ _visualizationPanelDynamic__WEBPACK_IMPORTED_MODULE_25__.VisualizationPanelDynamic),
 /* harmony export */   VisualizerBase: () => (/* reexport safe */ _visualizerBase__WEBPACK_IMPORTED_MODULE_22__.VisualizerBase),
 /* harmony export */   VisualizerFactory: () => (/* reexport safe */ _visualizerFactory__WEBPACK_IMPORTED_MODULE_16__.VisualizerFactory),
-/* harmony export */   WordCloud: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_29__.WordCloud),
-/* harmony export */   WordCloudAdapter: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_29__.WordCloudAdapter),
+/* harmony export */   WordCloud: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_30__.WordCloud),
+/* harmony export */   WordCloudAdapter: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_30__.WordCloudAdapter),
 /* harmony export */   hideEmptyAnswersInData: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_17__.hideEmptyAnswersInData),
 /* harmony export */   localization: () => (/* reexport safe */ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.localization),
 /* harmony export */   setupLocale: () => (/* reexport safe */ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale),
 /* harmony export */   surveyStrings: () => (/* reexport safe */ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.surveyStrings),
-/* harmony export */   textHelper: () => (/* reexport safe */ _wordcloud_stopwords_index__WEBPACK_IMPORTED_MODULE_30__.textHelper)
+/* harmony export */   textHelper: () => (/* reexport safe */ _wordcloud_stopwords_index__WEBPACK_IMPORTED_MODULE_31__.textHelper)
 /* harmony export */ });
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../localizationManager */ "./src/localizationManager.ts");
 /* harmony import */ var _analytics_localization_farsi__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../analytics-localization/farsi */ "./src/analytics-localization/farsi.ts");
@@ -17379,14 +17434,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _visualizationMatrixDynamic__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../visualizationMatrixDynamic */ "./src/visualizationMatrixDynamic.ts");
 /* harmony import */ var _visualizationMatrixDropdown__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../visualizationMatrixDropdown */ "./src/visualizationMatrixDropdown.ts");
 /* harmony import */ var _alternativeVizualizersWrapper__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../alternativeVizualizersWrapper */ "./src/alternativeVizualizersWrapper.ts");
-/* harmony import */ var _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../wordcloud/wordcloud */ "./src/wordcloud/wordcloud.ts");
-/* harmony import */ var _wordcloud_stopwords_index__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../wordcloud/stopwords/index */ "./src/wordcloud/stopwords/index.ts");
-/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../text */ "./src/text.ts");
-/* harmony import */ var _statistics_table__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../statistics-table */ "./src/statistics-table.ts");
-/* harmony import */ var _nps__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../nps */ "./src/nps.ts");
-/* harmony import */ var _ranking__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../ranking */ "./src/ranking.ts");
-/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../pivot */ "./src/pivot.ts");
-/* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../utils/index */ "./src/utils/index.ts");
+/* harmony import */ var _visualizationComposite__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../visualizationComposite */ "./src/visualizationComposite.ts");
+/* harmony import */ var _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../wordcloud/wordcloud */ "./src/wordcloud/wordcloud.ts");
+/* harmony import */ var _wordcloud_stopwords_index__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../wordcloud/stopwords/index */ "./src/wordcloud/stopwords/index.ts");
+/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../text */ "./src/text.ts");
+/* harmony import */ var _statistics_table__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../statistics-table */ "./src/statistics-table.ts");
+/* harmony import */ var _nps__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../nps */ "./src/nps.ts");
+/* harmony import */ var _ranking__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../ranking */ "./src/ranking.ts");
+/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../pivot */ "./src/pivot.ts");
+/* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../utils/index */ "./src/utils/index.ts");
 
 //localization
 
@@ -17424,6 +17480,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 })();