survey-analytics 2.3.6 → 2.3.8

package/package.json

@@ -18,7 +18,7 @@
     "pre-push-check": "npm run lint && npm run test",
     "pwinst": "playwright install chromium"
   },
-  "version": "2.3.6",
+  "version": "2.3.8",
   "name": "survey-analytics",
   "description": "SurveyJS analytics Library.",
   "main": "survey.analytics.js",
@@ -59,7 +59,7 @@
     "concurrently": "^5.3.0",
     "css-loader": "^7.1.2",
     "eslint": "^7.32.0",
-    "eslint-plugin-i18n": "^2.4.0",
+    "eslint-plugin-surveyjs": "git+https://github.com/surveyjs/eslint-surveyjs.git",
     "html-loader": "^5.0.0",
     "http-server": "^14.1.1",
     "husky": "^8.0.3",
@@ -91,7 +91,7 @@
   "peerDependencies": {
     "@types/plotly.js-dist-min": "^2.3.0",
     "@types/tabulator-tables": "^6.2.3",
-    "survey-core": "2.3.6"
+    "survey-core": "2.3.8"
   },
   "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/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/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

@@ -236,6 +236,12 @@ export interface IVisualizationPanelOptions {
      * Default value: `true`
      */
     stripHtmlFromTitles?: boolean;
+    /**
+     * Allows users to switch between different visualizer types.
+     *
+     * Default value: `true`
+     */
+    allowChangeVisualizerType?: boolean;
 }
 /**
  * An object that visualizes survey results and allows users to analyze them.

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

@@ -218,6 +218,11 @@ export declare class VisualizerBase implements IDataInfo {
      * @see registerToolbarItem
      */
     unregisterToolbarItem(name: string): (toolbar?: HTMLDivElement) => HTMLElement;
+    /**
+     * Returns the visualizer's title.
+     */
+    get title(): string;
+    protected getTitle(question: Question): string;
     /**
      * Returns the visualizer's type.
      */
@@ -239,7 +244,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.6
+ * surveyjs - SurveyJS Dashboard library v2.3.8
  * 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.6
+ * surveyjs - SurveyJS Dashboard library v2.3.8
  * 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 () {
@@ -6885,14 +6885,16 @@ var AlternativeVisualizersWrapper = /** @class */ (function (_super) {
                 _this.visualizersWithSelection.push(visualizer);
             }
         });
-        _this.registerToolbarItem("changeVisualizer", function () {
-            return _this.visualizerSelector = _utils_index__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createSelector(_this.visualizers.map(function (visualizer) {
-                return {
-                    value: visualizer.type,
-                    text: _localizationManager__WEBPACK_IMPORTED_MODULE_2__.localization.getString("visualizer_" + visualizer.type),
-                };
-            }), function (option) { return _this.visualizer.type === option.value; }, function (e) { return _this.setVisualizer(e.target.value); });
-        }, 0);
+        if (_this.options.allowChangeVisualizerType !== false) {
+            _this.registerToolbarItem("changeVisualizer", function () {
+                return _this.visualizerSelector = _utils_index__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createSelector(_this.visualizers.map(function (visualizer) {
+                    return {
+                        value: visualizer.type,
+                        text: _localizationManager__WEBPACK_IMPORTED_MODULE_2__.localization.getString("visualizer_" + visualizer.type),
+                    };
+                }), function (option) { return _this.visualizer.type === option.value; }, function (e) { return _this.setVisualizer(e.target.value); });
+            }, 0);
+        }
         _this.visualizer = visualizers[0];
         _this.visualizer.onAfterRender.add(_this.onAfterVisualizerRenderCallback);
         _this.visualizer.onStateChanged.add(_this.onVisualizerStateChangedCallback);
@@ -10944,19 +10946,21 @@ var NumberModel = /** @class */ (function (_super) {
             _this.chartTypes = _this._chartAdapter.getChartTypes();
             _this.chartType = _this.chartTypes[0];
         }
-        _this.registerToolbarItem("changeChartType", function () {
-            if (_this.chartTypes.length > 1) {
-                return _utils_index__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createSelector(_this.chartTypes.map(function (chartType) {
-                    return {
-                        value: chartType,
-                        text: _localizationManager__WEBPACK_IMPORTED_MODULE_2__.localization.getString("chartType_" + chartType),
-                    };
-                }), function (option) { return _this.chartType === option.value; }, function (e) {
-                    _this.setChartType(e.target.value);
-                });
-            }
-            return null;
-        });
+        if (_this.options.allowChangeVisualizerType !== false) {
+            _this.registerToolbarItem("changeChartType", function () {
+                if (_this.chartTypes.length > 1) {
+                    return _utils_index__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createSelector(_this.chartTypes.map(function (chartType) {
+                        return {
+                            value: chartType,
+                            text: _localizationManager__WEBPACK_IMPORTED_MODULE_2__.localization.getString("chartType_" + chartType),
+                        };
+                    }), function (option) { return _this.chartType === option.value; }, function (e) {
+                        _this.setChartType(e.target.value);
+                    });
+                }
+                return null;
+            });
+        }
         return _this;
     }
     NumberModel.prototype.onDataChanged = function () {
@@ -11723,19 +11727,21 @@ var SelectBase = /** @class */ (function (_super) {
                 _this._chartType = _this.options.defaultChartType;
             }
         }
-        _this.registerToolbarItem("changeChartType", function () {
-            if (_this.chartTypes.length > 1) {
-                return _utils_index__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createSelector(_this.chartTypes.map(function (chartType) {
-                    return {
-                        value: chartType,
-                        text: _localizationManager__WEBPACK_IMPORTED_MODULE_3__.localization.getString("chartType_" + chartType),
-                    };
-                }), function (option) { return _this.chartType === option.value; }, function (e) {
-                    _this.setChartType(e.target.value);
-                });
-            }
-            return null;
-        });
+        if (_this.options.allowChangeVisualizerType !== false) {
+            _this.registerToolbarItem("changeChartType", function () {
+                if (_this.chartTypes.length > 1) {
+                    return _utils_index__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createSelector(_this.chartTypes.map(function (chartType) {
+                        return {
+                            value: chartType,
+                            text: _localizationManager__WEBPACK_IMPORTED_MODULE_3__.localization.getString("chartType_" + chartType),
+                        };
+                    }), function (option) { return _this.chartType === option.value; }, function (e) {
+                        _this.setChartType(e.target.value);
+                    });
+                }
+                return null;
+            });
+        }
         _this.registerToolbarItem("changeAnswersOrder", function () {
             if (_this.isSupportAnswersOrder()) {
                 _this.choicesOrderSelector = _utils_index__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createSelector([
@@ -13276,6 +13282,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":
@@ -13557,16 +13599,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;
@@ -13617,8 +13652,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");
 
 
 
@@ -13749,7 +13784,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;
         }
@@ -13757,6 +13792,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)();
@@ -13944,7 +13980,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);
@@ -14020,7 +14056,7 @@ var VisualizationPanel = /** @class */ (function (_super) {
             question = Array.isArray(question) ? question[0] : question;
             var element = _this.getElement(question.name);
             if (!!element) {
-                element.displayName = _this.processText(question.title);
+                element.displayName = _this.getTitle(question);
             }
         });
         this.visualizers.forEach(function (v) {
@@ -14088,7 +14124,7 @@ var VisualizationPanel = /** @class */ (function (_super) {
             question = Array.isArray(question) ? question[0] : question;
             return {
                 name: question.name,
-                displayName: _this.processText(question.title),
+                displayName: _this.getTitle(question),
                 isVisible: true,
                 isPublic: true,
             };
@@ -14411,40 +14447,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 () {
@@ -14829,6 +14857,22 @@ var VisualizerBase = /** @class */ (function () {
         }
         return undefined;
     };
+    Object.defineProperty(VisualizerBase.prototype, "title", {
+        /**
+         * Returns the visualizer's title.
+         */
+        get: function () {
+            return this.getTitle(this.question);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    VisualizerBase.prototype.getTitle = function (question) {
+        var _a;
+        if (question === undefined)
+            return "";
+        return this.processText(((_a = question.locTitle) === null || _a === void 0 ? void 0 : _a.renderedHtml) ? question.locTitle.renderedHtml : question.title);
+    };
     Object.defineProperty(VisualizerBase.prototype, "type", {
         /**
          * Returns the visualizer's type.
@@ -14873,11 +14917,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 () {
@@ -15367,7 +15426,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).
@@ -15398,16 +15460,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) {
-            creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_0__.VisualizationManager.getVisualizersByType(question.inputType, 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];
@@ -17323,22 +17395,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),
@@ -17346,13 +17419,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");
@@ -17383,14 +17456,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
 
@@ -17428,6 +17502,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 })();