survey-analytics 2.2.3 → 2.2.4

package/fesm/survey.analytics.tabulator.mjs

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

package/package.json

@@ -17,7 +17,7 @@
     "lint": "eslint ./src --quiet",
     "pre-push-check": "npm run lint && npm run test"
   },
-  "version": "2.2.3",
+  "version": "2.2.4",
   "name": "survey-analytics",
   "description": "SurveyJS analytics Library.",
   "main": "survey.analytics.js",
@@ -89,7 +89,7 @@
   "peerDependencies": {
     "@types/plotly.js-dist-min": "^2.3.0",
     "@types/tabulator-tables": "^6.2.3",
-    "survey-core": "2.2.3"
+    "survey-core": "2.2.4"
   },
   "husky": {
     "hooks": {

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

@@ -2,7 +2,6 @@ import { Question, QuestionBooleanModel } from "survey-core";
 import { ItemValue } from "survey-core";
 import { SelectBase } from "./selectBase";
 export declare class BooleanModel extends SelectBase {
-    protected chartTypes: string[];
     constructor(question: Question, data: Array<{
         [index: string]: any;
     }>, options?: Object, name?: string);

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

@@ -14,11 +14,11 @@ import "../analytics-localization/polish";
 import "../analytics-localization/finnish";
 export * from "../dataProvider";
 export * from "../visualizerFactory";
-export * from "../number";
 export * from "../selectBase";
 export * from "../matrix";
 export * from "../boolean";
 export * from "../histogram";
+export * from "../number";
 export * from "../visualizerBase";
 export * from "../visualizationManager";
 export * from "../visualizationPanel";
@@ -31,5 +31,6 @@ export * from "../wordcloud/stopwords/index";
 export * from "../text";
 export * from "../statistics-table";
 export * from "../nps";
+export * from "../ranking";
 export * from "../pivot";
 export { DocumentHelper } from "../utils/index";

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

@@ -6,7 +6,6 @@ export declare class HistogramModel extends SelectBase {
     private _continiousData;
     private _cachedIntervals;
     private _intervalPrecision;
-    protected chartTypes: string[];
     static IntervalsCount: number;
     static UseIntervalsFrom: number;
     constructor(question: Question, data: Array<{
@@ -36,4 +35,5 @@ export declare class HistogramModel extends SelectBase {
     get intervals(): any;
     convertFromExternalData(externalCalculatedData: any): any[];
     protected getCalculatedValuesCore(): Array<any>;
+    getValueType(): "date" | "number";
 }

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

@@ -59,4 +59,6 @@ export declare class PivotModel extends SelectBase {
         [index: string]: number;
     }): void;
     protected getCalculatedValuesCore(): Array<any>;
+    getValueType(): "enum" | "date" | "number";
+    protected isSupportSoftUpdateContent(): boolean;
 }

package/survey-analytics.types/plotly/chart-adapter.d.ts

@@ -0,0 +1,13 @@
+import { SelectBase } from "../selectBase";
+import { VisualizerBase, IChartAdapter } from "../visualizerBase";
+export declare class PlotlyChartAdapter implements IChartAdapter {
+    protected model: SelectBase | VisualizerBase;
+    private _chart;
+    constructor(model: SelectBase | VisualizerBase);
+    protected patchConfigParameters(chartNode: object, traces: Array<object>, layout: object, config: any): void;
+    get chart(): Promise<Plotly.PlotlyHTMLElement>;
+    getChartTypes(): string[];
+    create(chartNode: HTMLElement): Promise<any>;
+    update(chartNode: HTMLElement): Promise<any>;
+    destroy(node: HTMLElement): void;
+}

package/survey-analytics.types/plotly/index.d.ts

@@ -1,9 +1,3 @@
 export * from "./setup";
-export * from "./selectBase";
-export * from "./matrix";
-export * from "./boolean";
-export * from "./ranking";
-export * from "./matrixdropdown-grouped";
-export * from "./histogram";
-export * from "./rating";
-export * from "./pivot";
+export * from "./chart-adapter";
+export * from "./legacy";

package/survey-analytics.types/plotly/legacy.d.ts

@@ -0,0 +1,33 @@
+import { BooleanModel } from "../boolean";
+import { SelectBase } from "../selectBase";
+import { HistogramModel } from "../histogram";
+import { Matrix } from "../matrix";
+import { MatrixDropdownGrouped } from "../matrixDropdownGrouped";
+import { PivotModel } from "../pivot";
+import { NumberModel } from "../number";
+import { RankingModel } from "../ranking";
+export declare class SelectBasePlotly extends SelectBase {
+    static types: string[];
+    static displayModeBar: any;
+}
+export declare class BooleanPlotly extends BooleanModel {
+    static types: string[];
+}
+export declare class HistogramPlotly extends HistogramModel {
+    static types: string[];
+}
+export declare class MatrixPlotly extends Matrix {
+    static types: string[];
+}
+export declare class MatrixDropdownGroupedPlotly extends MatrixDropdownGrouped {
+    static types: string[];
+}
+export declare class PivotPlotly extends PivotModel {
+    static types: string[];
+}
+export declare class GaugePlotly extends NumberModel {
+    static displayModeBar: any;
+    static types: string[];
+}
+export declare class RankingPlotly extends RankingModel {
+}

package/survey-analytics.types/plotly/setup.d.ts

@@ -1,6 +1,7 @@
 import { Event } from "survey-core";
 import { IAnswersData, SelectBase } from "../selectBase";
 import { VisualizerBase } from "../visualizerBase";
+import { NumberModel } from "../number";
 export interface PlotlyOptions {
     traces: Array<any>;
     layout: any;
@@ -11,19 +12,20 @@ export declare class PlotlySetup {
     /**
      * Fires when end user clicks on the 'save as image' button.
      */
-    static onImageSaving: Event<(sender: SelectBase, options: any) => any, SelectBase, any>;
+    static onImageSaving: Event<(sender: VisualizerBase, options: any) => any, VisualizerBase, any>;
     /**
      * Fires before plot will be created. User can change traces, layout and config of the plot.
      * Options is an object with the following fields: traces, layout and config of the plot.
      */
     static onPlotCreating: Event<(sender: VisualizerBase, options: any) => any, VisualizerBase, any>;
     static setups: {
-        [type: string]: (model: SelectBase, answersData: IAnswersData) => PlotlyOptions;
+        [type: string]: (model: VisualizerBase, answersData: IAnswersData) => PlotlyOptions;
     };
-    static setup(charType: string, model: SelectBase, answersData: IAnswersData): PlotlyOptions;
+    static setup(charType: string, model: VisualizerBase, answersData: IAnswersData): PlotlyOptions;
     static getTruncatedLabel: (label: string, labelTruncateLength: number) => string;
     static setupPie(model: SelectBase, answersData: IAnswersData): PlotlyOptions;
     static setupBar(model: SelectBase, answersData: IAnswersData): PlotlyOptions;
     static setupVBar(model: SelectBase, answersData: IAnswersData): PlotlyOptions;
     static setupScatter(model: SelectBase, answersData: IAnswersData): PlotlyOptions;
+    static setupGauge(model: NumberModel, answersData: IAnswersData): PlotlyOptions;
 }

package/survey-analytics.types/{plotly/ranking.d.ts → ranking.d.ts}

@@ -1,5 +1,5 @@
-import { SelectBasePlotly } from "./selectBase";
-export declare class RankingPlotly extends SelectBasePlotly {
+import { SelectBase } from "./selectBase";
+export declare class RankingModel extends SelectBase {
     getQuestionResults(): any[];
     getEmptyData(): any;
     protected getCalculatedValuesCore(): Array<any>;

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

@@ -51,6 +51,8 @@ export declare class SelectBase extends VisualizerBase implements IVisualizerWit
     protected onChartTypeChanged(): void;
     protected setChartType(chartType: string): void;
     protected getCorrectAnswerText(): string;
+    protected isSupportSoftUpdateContent(): boolean;
+    protected softUpdateContent(): void;
     getSelectedItemByText(itemText: string): any;
     setSelection(item: ItemValue): void;
     get selection(): ItemValue;

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

@@ -2,6 +2,12 @@ import { Question } from "survey-core";
 import { DataProvider, GetDataFn } from "./dataProvider";
 import { Event } from "survey-core";
 import "./visualizerBase.scss";
+export interface IChartAdapter {
+    getChartTypes(): string[];
+    create(chartNode: HTMLElement): Promise<any>;
+    update(chartNode: HTMLElement): Promise<any>;
+    destroy(node: HTMLElement): void;
+}
 export interface IDataInfo {
     name: string;
     dataNames: Array<string>;
@@ -47,6 +53,7 @@ export declare class VisualizerBase implements IDataInfo {
     };
     private _type?;
     static suppressVisualizerStubRendering: boolean;
+    static chartAdapterType: any;
     private _showToolbar;
     private _footerVisualizer;
     private _dataProvider;
@@ -58,6 +65,7 @@ export declare class VisualizerBase implements IDataInfo {
     protected contentContainer: HTMLElement;
     protected footerContainer: HTMLElement;
     protected _supportSelection: boolean;
+    protected _chartAdapter: IChartAdapter;
     static otherCommentCollapsed: boolean;
     /**
      * An event that is raised after the visualizer's content is rendered.
@@ -255,6 +263,9 @@ export declare class VisualizerBase implements IDataInfo {
      */
     render(targetElement: HTMLElement | string): void;
     updateToolbar(): void;
+    protected isSupportSoftUpdateContent(): boolean;
+    protected softUpdateContent(): void;
+    protected hardUpdateContent(): void;
     updateContent(): void;
     /**
      * Re-renders the visualizer and its content.

package/survey.analytics.core.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.2.3
+ * surveyjs - SurveyJS Dashboard library v2.2.4
  * 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.2.3
+ * surveyjs - SurveyJS Dashboard library v2.2.4
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -8443,6 +8443,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selectBase */ "./src/selectBase.ts");
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -8506,6 +8508,7 @@ var BooleanModel = /** @class */ (function (_super) {
     return BooleanModel;
 }(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("boolean", BooleanModel);
 
 
 /***/ }),
@@ -8724,6 +8727,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _dataProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dataProvider */ "./src/dataProvider.ts");
 /* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectBase */ "./src/selectBase.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -8915,11 +8920,17 @@ var HistogramModel = /** @class */ (function (_super) {
         }
         return statistics;
     };
+    HistogramModel.prototype.getValueType = function () {
+        return this.valueType;
+    };
     HistogramModel.IntervalsCount = 10;
     HistogramModel.UseIntervalsFrom = 10;
     return HistogramModel;
 }(_selectBase__WEBPACK_IMPORTED_MODULE_3__.SelectBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("date", HistogramModel);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("number", HistogramModel, 100);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("rating", HistogramModel, 100);
 
 
 /***/ }),
@@ -9279,6 +9290,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selectBase */ "./src/selectBase.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -9373,6 +9386,7 @@ var Matrix = /** @class */ (function (_super) {
     return Matrix;
 }(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_3__.VisualizationManager.registerVisualizer("matrix", Matrix);
 
 
 /***/ }),
@@ -9602,6 +9616,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./visualizerBase */ "./src/visualizerBase.ts");
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
 /* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/index */ "./src/utils/index.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -9611,6 +9627,11 @@ var NumberModel = /** @class */ (function (_super) {
     function NumberModel(question, data, options, name) {
         if (options === void 0) { options = {}; }
         var _this = _super.call(this, question, data, options, name || "number") || this;
+        if (_visualizerBase__WEBPACK_IMPORTED_MODULE_1__.VisualizerBase.chartAdapterType) {
+            _this._chartAdapter = new _visualizerBase__WEBPACK_IMPORTED_MODULE_1__.VisualizerBase.chartAdapterType(_this);
+            _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) {
@@ -9728,6 +9749,9 @@ var NumberModel = /** @class */ (function (_super) {
     return NumberModel;
 }(_visualizerBase__WEBPACK_IMPORTED_MODULE_1__.VisualizerBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("number", NumberModel, 200);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("rating", NumberModel, 200);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_4__.VisualizationManager.registerVisualizer("expression", NumberModel);
 
 
 /***/ }),
@@ -9750,6 +9774,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils/index.ts");
 /* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visualizerBase */ "./src/visualizerBase.ts");
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -9944,7 +9970,7 @@ var PivotModel = /** @class */ (function (_super) {
     });
     PivotModel.prototype.getSeriesValues = function () {
         var _this = this;
-        if (this.questionsY.length === 0) {
+        if (!this.questionsY || this.questionsY.length === 0) {
             return this.options.seriesValues || [];
         }
         var seriesValues = [];
@@ -10133,11 +10159,78 @@ var PivotModel = /** @class */ (function (_super) {
         }
         return statistics;
     };
+    PivotModel.prototype.getValueType = function () {
+        return this.valueType;
+    };
+    PivotModel.prototype.isSupportSoftUpdateContent = function () {
+        return false;
+    };
     PivotModel.IntervalsCount = 10;
     PivotModel.UseIntervalsFrom = 10;
     return PivotModel;
 }(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_6__.VisualizationManager.registerPivotVisualizer(PivotModel);
+
+
+/***/ }),
+
+/***/ "./src/ranking.ts":
+/*!************************!*\
+  !*** ./src/ranking.ts ***!
+  \************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RankingModel: () => (/* binding */ RankingModel)
+/* 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 _selectBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selectBase */ "./src/selectBase.ts");
+
+
+
+var RankingModel = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(RankingModel, _super);
+    function RankingModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RankingModel.prototype.getQuestionResults = function () {
+        var name = this.question.name;
+        return this.data.map(function (dataItem) { return dataItem[name]; });
+    };
+    RankingModel.prototype.getEmptyData = function () {
+        var choices = this.getValues();
+        var data = [];
+        data.length = choices.length;
+        data.fill(0);
+        return data;
+    };
+    RankingModel.prototype.getCalculatedValuesCore = function () {
+        var _this = this;
+        var results = this.getQuestionResults();
+        var choices = this.getValues();
+        var plotlyData = this.getEmptyData();
+        results.forEach(function (result) {
+            _this.applyResultToPlotlyData(result, plotlyData, choices);
+        });
+        return [plotlyData];
+    };
+    RankingModel.prototype.applyResultToPlotlyData = function (result, plotlyData, choices) {
+        if (!result || !plotlyData || !choices)
+            return;
+        result.forEach(function (resultValue, resultValueIndex, result) {
+            var index = choices.indexOf(resultValue);
+            plotlyData[index] =
+                +plotlyData[index] + (result.length - resultValueIndex);
+        });
+    };
+    return RankingModel;
+}(_selectBase__WEBPACK_IMPORTED_MODULE_2__.SelectBase));
+
+_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("ranking", RankingModel);
 
 
 /***/ }),
@@ -10160,6 +10253,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./visualizerBase */ "./src/visualizerBase.ts");
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
 /* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/index */ "./src/utils/index.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 
 
@@ -10270,6 +10365,20 @@ var SelectBase = /** @class */ (function (_super) {
         _this._hideEmptyAnswers = _this.options.hideEmptyAnswers === true;
         _this._answersOrder = _this.options.answersOrder || "default";
         _this._showMissingAnswers = _this.isSupportMissingAnswers() && _this.options.showMissingAnswers === true;
+        if (_this.options.allowExperimentalFeatures) {
+            // this.chartTypes.splice(1, 0, "vbar");
+        }
+        if (_visualizerBase__WEBPACK_IMPORTED_MODULE_2__.VisualizerBase.chartAdapterType) {
+            _this._chartAdapter = new _visualizerBase__WEBPACK_IMPORTED_MODULE_2__.VisualizerBase.chartAdapterType(_this);
+            _this.chartTypes = _this._chartAdapter.getChartTypes();
+            if (_this.getSeriesValues().length > 0 && _this.chartTypes.indexOf("stackedbar") === -1) {
+                _this.chartTypes.push("stackedbar");
+            }
+            _this._chartType = _this.chartTypes[0];
+            if (_this.chartTypes.indexOf(_this.options.defaultChartType) !== -1) {
+                _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) {
@@ -10452,6 +10561,16 @@ var SelectBase = /** @class */ (function (_super) {
         var selectBaseQuestion = this.question;
         return resultValues.map(function (value) { return survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue.getTextOrHtmlByValue(selectBaseQuestion.choices, value); }).join(", ");
     };
+    SelectBase.prototype.isSupportSoftUpdateContent = function () {
+        return true;
+    };
+    SelectBase.prototype.softUpdateContent = function () {
+        var _a;
+        var chartNode = (_a = this.contentContainer) === null || _a === void 0 ? void 0 : _a.children[0];
+        if (chartNode) {
+            this._chartAdapter.update(chartNode);
+        }
+    };
     SelectBase.prototype.getSelectedItemByText = function (itemText) {
         var selBase = this.question;
         if (this.question.hasOther && itemText == selBase.otherText) {
@@ -10813,6 +10932,11 @@ var SelectBase = /** @class */ (function (_super) {
     return SelectBase;
 }(_visualizerBase__WEBPACK_IMPORTED_MODULE_2__.VisualizerBase));
 
+_visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.registerVisualizer("checkbox", SelectBase);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.registerVisualizer("radiogroup", SelectBase);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.registerVisualizer("dropdown", SelectBase);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.registerVisualizer("imagepicker", SelectBase);
+_visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.registerVisualizer("tagbox", SelectBase);
 
 
 /***/ }),
@@ -12841,6 +12965,7 @@ var VisualizerBase = /** @class */ (function () {
         this.contentContainer = undefined;
         this.footerContainer = undefined;
         this._supportSelection = false;
+        this._chartAdapter = undefined;
         /**
          * An event that is raised after the visualizer's content is rendered.
          *
@@ -13213,9 +13338,10 @@ var VisualizerBase = /** @class */ (function () {
         if (!!this.options && typeof this.options.destroyContent === "function") {
             this.options.destroyContent(container, this);
         }
-        else {
-            container.innerHTML = "";
+        else if (this._chartAdapter) {
+            this._chartAdapter.destroy(container.children[0]);
         }
+        container.innerHTML = "";
     };
     VisualizerBase.prototype.renderHeader = function (container) {
         if (!!this.options && typeof this.options.renderHeader === "function") {
@@ -13229,11 +13355,23 @@ var VisualizerBase = /** @class */ (function () {
     };
     VisualizerBase.prototype.renderContentAsync = function (container) {
         return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var chartNode;
             return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                return [2 /*return*/, new Promise(function (resolve, reject) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this._chartAdapter) return [3 /*break*/, 2];
+                        chartNode = _utils__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createElement("div");
+                        container.innerHTML = "";
+                        container.appendChild(chartNode);
+                        return [4 /*yield*/, this._chartAdapter.create(chartNode)];
+                    case 1:
+                        _a.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
                         container.innerText = _localizationManager__WEBPACK_IMPORTED_MODULE_5__.localization.getString("noVisualizerForQuestion");
-                        resolve(container);
-                    })];
+                        _a.label = 3;
+                    case 3: return [2 /*return*/, container];
+                }
             });
         });
     };
@@ -13325,10 +13463,23 @@ var VisualizerBase = /** @class */ (function () {
             });
         }
     };
-    VisualizerBase.prototype.updateContent = function () {
+    VisualizerBase.prototype.isSupportSoftUpdateContent = function () {
+        return false;
+    };
+    VisualizerBase.prototype.softUpdateContent = function () {
+    };
+    VisualizerBase.prototype.hardUpdateContent = function () {
         this.destroyContent(this.contentContainer);
         this.renderContent(this.contentContainer);
     };
+    VisualizerBase.prototype.updateContent = function () {
+        if (!this.isSupportSoftUpdateContent()) {
+            this.hardUpdateContent();
+        }
+        else {
+            this.softUpdateContent();
+        }
+    };
     /**
      * Re-renders the visualizer and its content.
      */
@@ -13533,6 +13684,7 @@ var VisualizerBase = /** @class */ (function () {
         }
     };
     VisualizerBase.suppressVisualizerStubRendering = false;
+    VisualizerBase.chartAdapterType = undefined;
     // public static otherCommentQuestionType = "comment"; // TODO: make it configureable - allow choose what kind of question/visualizer will be used for comments/others
     VisualizerBase.otherCommentCollapsed = true;
     VisualizerBase.customColors = [];
@@ -15577,18 +15729,19 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   AlternativeVisualizersWrapper: () => (/* reexport safe */ _alternativeVizualizersWrapper__WEBPACK_IMPORTED_MODULE_27__.AlternativeVisualizersWrapper),
-/* harmony export */   BooleanModel: () => (/* reexport safe */ _boolean__WEBPACK_IMPORTED_MODULE_19__.BooleanModel),
+/* harmony export */   BooleanModel: () => (/* reexport safe */ _boolean__WEBPACK_IMPORTED_MODULE_18__.BooleanModel),
 /* harmony export */   DataProvider: () => (/* reexport safe */ _dataProvider__WEBPACK_IMPORTED_MODULE_14__.DataProvider),
-/* harmony export */   DocumentHelper: () => (/* reexport safe */ _utils_index__WEBPACK_IMPORTED_MODULE_34__.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 */   DocumentHelper: () => (/* reexport safe */ _utils_index__WEBPACK_IMPORTED_MODULE_35__.DocumentHelper),
+/* harmony export */   HistogramModel: () => (/* reexport safe */ _histogram__WEBPACK_IMPORTED_MODULE_19__.HistogramModel),
+/* harmony export */   Matrix: () => (/* reexport safe */ _matrix__WEBPACK_IMPORTED_MODULE_17__.Matrix),
 /* harmony export */   NpsAdapter: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_32__.NpsAdapter),
 /* harmony export */   NpsVisualizer: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_32__.NpsVisualizer),
 /* harmony export */   NpsVisualizerWidget: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_32__.NpsVisualizerWidget),
-/* harmony export */   NumberModel: () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_16__.NumberModel),
-/* harmony export */   PivotModel: () => (/* reexport safe */ _pivot__WEBPACK_IMPORTED_MODULE_33__.PivotModel),
+/* harmony export */   NumberModel: () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_20__.NumberModel),
+/* harmony export */   PivotModel: () => (/* reexport safe */ _pivot__WEBPACK_IMPORTED_MODULE_34__.PivotModel),
 /* harmony export */   PostponeHelper: () => (/* reexport safe */ _visualizerBase__WEBPACK_IMPORTED_MODULE_21__.PostponeHelper),
-/* harmony export */   SelectBase: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_17__.SelectBase),
+/* harmony export */   RankingModel: () => (/* reexport safe */ _ranking__WEBPACK_IMPORTED_MODULE_33__.RankingModel),
+/* harmony export */   SelectBase: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_16__.SelectBase),
 /* harmony export */   StatisticsTable: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_31__.StatisticsTable),
 /* harmony export */   StatisticsTableAdapter: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_31__.StatisticsTableAdapter),
 /* harmony export */   Text: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_30__.Text),
@@ -15603,7 +15756,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   WordCloud: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_28__.WordCloud),
 /* harmony export */   WordCloudAdapter: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_28__.WordCloudAdapter),
 /* harmony export */   defaultStatisticsCalculator: () => (/* reexport safe */ _visualizerBase__WEBPACK_IMPORTED_MODULE_21__.defaultStatisticsCalculator),
-/* harmony export */   hideEmptyAnswersInData: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_17__.hideEmptyAnswersInData),
+/* harmony export */   hideEmptyAnswersInData: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_16__.hideEmptyAnswersInData),
 /* harmony export */   localization: () => (/* reexport safe */ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.localization),
 /* harmony export */   surveyStrings: () => (/* reexport safe */ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.surveyStrings),
 /* harmony export */   textHelper: () => (/* reexport safe */ _wordcloud_stopwords_index__WEBPACK_IMPORTED_MODULE_29__.textHelper)
@@ -15624,11 +15777,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _analytics_localization_finnish__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../analytics-localization/finnish */ "./src/analytics-localization/finnish.ts");
 /* harmony import */ var _dataProvider__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../dataProvider */ "./src/dataProvider.ts");
 /* harmony import */ var _visualizerFactory__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../visualizerFactory */ "./src/visualizerFactory.ts");
-/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../number */ "./src/number.ts");
-/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../selectBase */ "./src/selectBase.ts");
-/* harmony import */ var _matrix__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../matrix */ "./src/matrix.ts");
-/* harmony import */ var _boolean__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../boolean */ "./src/boolean.ts");
-/* harmony import */ var _histogram__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../histogram */ "./src/histogram.ts");
+/* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../selectBase */ "./src/selectBase.ts");
+/* harmony import */ var _matrix__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../matrix */ "./src/matrix.ts");
+/* harmony import */ var _boolean__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../boolean */ "./src/boolean.ts");
+/* harmony import */ var _histogram__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../histogram */ "./src/histogram.ts");
+/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../number */ "./src/number.ts");
 /* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../visualizerBase */ "./src/visualizerBase.ts");
 /* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../visualizationManager */ "./src/visualizationManager.ts");
 /* harmony import */ var _visualizationPanel__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../visualizationPanel */ "./src/visualizationPanel.ts");
@@ -15641,8 +15794,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../text */ "./src/text.ts");
 /* harmony import */ var _statistics_table__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../statistics-table */ "./src/statistics-table.ts");
 /* harmony import */ var _nps__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../nps */ "./src/nps.ts");
-/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../pivot */ "./src/pivot.ts");
-/* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../utils/index */ "./src/utils/index.ts");
+/* harmony import */ var _ranking__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../ranking */ "./src/ranking.ts");
+/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../pivot */ "./src/pivot.ts");
+/* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../utils/index */ "./src/utils/index.ts");
 
 //localization
 
@@ -15678,6 +15832,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 })();