survey-analytics 1.9.31 → 1.9.34

package/survey.analytics.d.ts

@@ -1,174 +1,694 @@
-/*Type definitions for SurveyJS Analytics library v1.9.31
-Copyright (c) 2015-2022 Devsoft Baltic OÜ  - http://surveyjs.io/
-Definitions by: Devsoft Baltic OÜ <https://github.com/surveyjs/>
-*/
-// Dependencies for this module:
-//   ../../survey-core
-//   ../../plotly.js-dist-min
-
-import { Event } from "survey-core";
-import { Question } from "survey-core";
-import { IQuestion } from "survey-core";
-import { QuestionMatrixDropdownModel } from "survey-core";
-import { ItemValue } from "survey-core";
-import { SurveyModel } from "survey-core";
-import Plotly from "plotly.js-dist-min";
-import { QuestionMatrixModel } from "survey-core";
-import { QuestionBooleanModel } from "survey-core";
-
-import "./localization/farsi";
-import "./localization/french";
-import "./localization/norwegian";
-import "./localization/portuguese";
-import "./localization/russian";
-import "./localization/dutch";
-
-export var localization: {
-    currentLocaleValue: string;
-    defaultLocaleValue: string;
-    locales: {
-        [index: string]: any;
+declare module "localization/english" {
+    export var englishStrings: {
+        groupButton: string;
+        ungroupButton: string;
+        selectButton: string;
+        hideColumn: string;
+        showColumn: string;
+        makePrivateColumn: string;
+        makePublicColumn: string;
+        moveToDetail: string;
+        showAsColumn: string;
+        filterPlaceholder: string;
+        removeRows: string;
+        showLabel: string;
+        entriesLabel: string;
+        visualizer_text: string;
+        visualizer_wordcloud: string;
+        visualizer_histogram: string;
+        visualizer_number: string;
+        visualizer_choices: string;
+        visualizer_selectBase: string;
+        chartType_bar: string;
+        chartType_vbar: string;
+        chartType_stackedbar: string;
+        chartType_doughnut: string;
+        chartType_pie: string;
+        chartType_scatter: string;
+        chartType_gauge: string;
+        chartType_bullet: string;
+        hideButton: string;
+        makePrivateButton: string;
+        makePublicButton: string;
+        showButton: string;
+        filter: string;
+        resetFilter: string;
+        changeLocale: string;
+        en: string;
+        fr: string;
+        ru: string;
+        de: string;
+        clearButton: string;
+        addElement: string;
+        defaultOrder: string;
+        ascOrder: string;
+        descOrder: string;
+        showMinorColumns: string;
+        otherCommentTitle: string;
+        showPercentages: string;
+        hidePercentages: string;
+        pdfDownloadCaption: string;
+        xlsxDownloadCaption: string;
+        csvDownloadCaption: string;
+        saveDiagramAsPNG: string;
+        hideEmptyAnswers: string;
+        showEmptyAnswers: string;
+        "topNValueText-1": string;
+        topNValueText5: string;
+        topNValueText10: string;
+        topNValueText20: string;
+        hideMissingAnswers: string;
+        showMissingAnswers: string;
+        missingAnswersLabel: string;
+        noVisualizerForQuestion: string;
+        noResults: string;
+        showPerValues: string;
+        showPerColumns: string;
+        answer: string;
+        percent: string;
+        responses: string;
     };
-    localeNames: {
-        [index: string]: any;
+}
+declare module "localizationManager" {
+    export var localization: {
+        currentLocaleValue: string;
+        defaultLocaleValue: string;
+        locales: {
+            [index: string]: any;
+        };
+        localeNames: {
+            [index: string]: any;
+        };
+        supportedLocales: any[];
+        currentLocale: string;
+        defaultLocale: string;
+        getString: (strName: string) => any;
+        getLocales: () => Array<string>;
+    };
+    export var surveyStrings: {
+        groupButton: string;
+        ungroupButton: string;
+        selectButton: string;
+        hideColumn: string;
+        showColumn: string;
+        makePrivateColumn: string;
+        makePublicColumn: string;
+        moveToDetail: string;
+        showAsColumn: string;
+        filterPlaceholder: string;
+        removeRows: string;
+        showLabel: string;
+        entriesLabel: string;
+        visualizer_text: string;
+        visualizer_wordcloud: string;
+        visualizer_histogram: string;
+        visualizer_number: string;
+        visualizer_choices: string;
+        visualizer_selectBase: string;
+        chartType_bar: string;
+        chartType_vbar: string;
+        chartType_stackedbar: string;
+        chartType_doughnut: string;
+        chartType_pie: string;
+        chartType_scatter: string;
+        chartType_gauge: string;
+        chartType_bullet: string;
+        hideButton: string;
+        makePrivateButton: string;
+        makePublicButton: string;
+        showButton: string;
+        filter: string;
+        resetFilter: string;
+        changeLocale: string;
+        en: string;
+        fr: string;
+        ru: string;
+        de: string;
+        clearButton: string;
+        addElement: string;
+        defaultOrder: string;
+        ascOrder: string;
+        descOrder: string;
+        showMinorColumns: string;
+        otherCommentTitle: string;
+        showPercentages: string;
+        hidePercentages: string;
+        pdfDownloadCaption: string;
+        xlsxDownloadCaption: string;
+        csvDownloadCaption: string;
+        saveDiagramAsPNG: string;
+        hideEmptyAnswers: string;
+        showEmptyAnswers: string;
+        "topNValueText-1": string;
+        topNValueText5: string;
+        topNValueText10: string;
+        topNValueText20: string;
+        hideMissingAnswers: string;
+        showMissingAnswers: string;
+        missingAnswersLabel: string;
+        noVisualizerForQuestion: string;
+        noResults: string;
+        showPerValues: string;
+        showPerColumns: string;
+        answer: string;
+        percent: string;
+        responses: string;
+    };
+}
+declare module "localization/farsi" {
+    export var farsiStrings: {
+        groupButton: string;
+        ungroupButton: string;
+        selectButton: string;
+        hideColumn: string;
+        showColumn: string;
+        moveToDetail: string;
+        showAsColumn: string;
+        visualizer_text: string;
+        visualizer_wordcloud: string;
+        chartType_bar: string;
+        chartType_pie: string;
+        chartType_scatter: string;
+        chartType_gauge: string;
+        chartType_bullet: string;
+        hideButton: string;
+        resetFilter: string;
+        clearButton: string;
+        addElement: string;
+    };
+}
+declare module "localization/french" {
+    export var frenchStrings: {
+        groupButton: string;
+        ungroupButton: string;
+        selectButton: string;
+        hideColumn: string;
+        showColumn: string;
+        makePrivateColumn: string;
+        makePublicColumn: string;
+        moveToDetail: string;
+        showAsColumn: string;
+        visualizer_text: string;
+        visualizer_wordcloud: string;
+        chartType_bar: string;
+        chartType_stackedbar: string;
+        chartType_doughnut: string;
+        chartType_pie: string;
+        chartType_scatter: string;
+        chartType_gauge: string;
+        chartType_bullet: string;
+        filter: string;
+        hideButton: string;
+        resetFilter: string;
+        clearButton: string;
+        addElement: string;
+        defaultOrder: string;
+        ascOrder: string;
+        descOrder: string;
+        showMinorColumns: string;
+        otherCommentTitle: string;
+        noVisualizerForQuestion: string;
+        noResults: string;
+    };
+}
+declare module "localization/norwegian" {
+    export var norwegianStrings: {
+        groupButton: string;
+        ungroupButton: string;
+        selectButton: string;
+        hideColumn: string;
+        showColumn: string;
+        makePrivateColumn: string;
+        makePublicColumn: string;
+        moveToDetail: string;
+        showAsColumn: string;
+        filterPlaceholder: string;
+        removeRows: string;
+        showLabel: string;
+        entriesLabel: string;
+        visualizer_text: string;
+        visualizer_wordcloud: string;
+        chartType_bar: string;
+        chartType_stackedbar: string;
+        chartType_doughnut: string;
+        chartType_pie: string;
+        chartType_scatter: string;
+        chartType_gauge: string;
+        chartType_bullet: string;
+        hideButton: string;
+        makePrivateButton: string;
+        makePublicButton: string;
+        showButton: string;
+        resetFilter: string;
+        changeLocale: string;
+        clearButton: string;
+        addElement: string;
+        defaultOrder: string;
+        ascOrder: string;
+        descOrder: string;
+        showMinorColumns: string;
+        otherCommentTitle: string;
+        showPercentages: string;
+        hidePercentages: string;
+    };
+}
+declare module "localization/portuguese" {
+    export var portugueseStrings: {
+        groupButton: string;
+        ungroupButton: string;
+        selectButton: string;
+        hideColumn: string;
+        showColumn: string;
+        makePrivateColumn: string;
+        makePublicColumn: string;
+        moveToDetail: string;
+        showAsColumn: string;
+        filterPlaceholder: string;
+        removeRows: string;
+        showLabel: string;
+        entriesLabel: string;
+        visualizer_text: string;
+        chartType_bar: string;
+        chartType_stackedbar: string;
+        chartType_doughnut: string;
+        chartType_pie: string;
+        chartType_scatter: string;
+        chartType_gauge: string;
+        chartType_bullet: string;
+        hideButton: string;
+        makePrivateButton: string;
+        makePublicButton: string;
+        showButton: string;
+        filter: string;
+        resetFilter: string;
+        changeLocale: string;
+        clearButton: string;
+        addElement: string;
+        defaultOrder: string;
+        ascOrder: string;
+        descOrder: string;
+        showMinorColumns: string;
+        otherCommentTitle: string;
+        showPercentages: string;
+        hidePercentages: string;
+        saveDiagramAsPNG: string;
+        hideEmptyAnswers: string;
+        showEmptyAnswers: string;
+        "topNValueText-1": string;
+        topNValueText5: string;
+        topNValueText10: string;
+        topNValueText20: string;
+        noVisualizerForQuestion: string;
+        noResults: string;
+    };
+}
+declare module "localization/russian" {
+    export var russianStrings: {
+        groupButton: string;
+        ungroupButton: string;
+        selectButton: string;
+        hideColumn: string;
+        showColumn: string;
+        makePrivateColumn: string;
+        makePublicColumn: string;
+        moveToDetail: string;
+        filter: string;
+        showAsColumn: string;
+        visualizer_text: string;
+        visualizer_wordcloud: string;
+        chartType_bar: string;
+        chartType_stackedbar: string;
+        chartType_doughnut: string;
+        chartType_pie: string;
+        chartType_scatter: string;
+        chartType_gauge: string;
+        chartType_bullet: string;
+        hideButton: string;
+        showButton: string;
+        resetFilter: string;
+        changeLocale: string;
+        clearButton: string;
+        addElement: string;
+        defaultOrder: string;
+        ascOrder: string;
+        descOrder: string;
+        showMinorColumns: string;
+        otherCommentTitle: string;
+        noVisualizerForQuestion: string;
+        noResults: string;
+    };
+}
+declare module "localization/dutch" {
+    export var dutchStrings: {
+        groupButton: string;
+        ungroupButton: string;
+        selectButton: string;
+        hideColumn: string;
+        showColumn: string;
+        makePrivateColumn: string;
+        makePublicColumn: string;
+        moveToDetail: string;
+        showAsColumn: string;
+        filterPlaceholder: string;
+        removeRows: string;
+        showLabel: string;
+        entriesLabel: string;
+        visualizer_text: string;
+        visualizer_wordcloud: string;
+        chartType_bar: string;
+        chartType_stackedbar: string;
+        chartType_doughnut: string;
+        chartType_pie: string;
+        chartType_scatter: string;
+        chartType_gauge: string;
+        chartType_bullet: string;
+        hideButton: string;
+        makePrivateButton: string;
+        makePublicButton: string;
+        showButton: string;
+        resetFilter: string;
+        changeLocale: string;
+        clearButton: string;
+        addElement: string;
+        defaultOrder: string;
+        ascOrder: string;
+        descOrder: string;
+        showMinorColumns: string;
+        otherCommentTitle: string;
+        showPercentages: string;
+        hidePercentages: string;
+        pdfDownloadCaption: string;
+        xlsxDownloadCaption: string;
+        csvDownloadCaption: string;
+        saveDiagramAsPNG: string;
+        hideEmptyAnswers: string;
+        showEmptyAnswers: string;
+        "topNValueText-1": string;
+        topNValueText5: string;
+        topNValueText10: string;
+        topNValueText20: string;
+    };
+}
+declare module "localization/spanish" {
+    export var spanishStrings: {
+        ungroupButton: string;
+        selectButton: string;
+        hideColumn: string;
+        showColumn: string;
+        makePrivateColumn: string;
+        makePublicColumn: string;
+        moveToDetail: string;
+        showAsColumn: string;
+        filterPlaceholder: string;
+        removeRows: string;
+        showLabel: string;
+        entryLabel: string;
+        visualizer_text: string;
+        visualizer_wordcloud: string;
+        chartType_bar: string;
+        chartType_stackedbar: string;
+        chartType_doughnut: string;
+        chartType_pie: string;
+        chartType_scatter: string;
+        chartType_gauge: string;
+        chartType_bullet: string;
+        hideButton: string;
+        makePrivateButton: string;
+        makePublicButton: string;
+        showButton: string;
+        filter: string;
+        resetFilter: string;
+        changeLocale: string;
+        clearButton: string;
+        addElement: string;
+        defaultOrder: string;
+        ascOrder: string;
+        descOrder: string;
+        showMinorColumns: string;
+        otherCommentTitle: string;
+        showPercentages: string;
+        hidePercentages: string;
+        pdfDownloadCaption: string;
+        xlsxDownloadCaption: string;
+        csvDownloadCaption: string;
+        saveDiagramAsPNG: string;
+        hideEmptyAnswers: string;
+        showEmptyAnswers: string;
+        "topNValueText-1": string;
+        topNValueText5: string;
+        topNValueText10: string;
+        topNValueText20: string;
+        noVisualizerForQuestion: string;
+        noResults: string;
+    };
+}
+declare module "localization/italian" {
+    export var italianStrings: {
+        groupButton: string;
+        ungroupButton: string;
+        selectButton: string;
+        hideColumn: string;
+        showColumn: string;
+        makePrivateColumn: string;
+        makePublicColumn: string;
+        moveToDetail: string;
+        showAsColumn: string;
+        filterPlaceholder: string;
+        removeRows: string;
+        showLabel: string;
+        entriesLabel: string;
+        visualizer_text: string;
+        visualizer_wordcloud: string;
+        visualizer_histogram: string;
+        visualizer_number: string;
+        visualizer_choices: string;
+        visualizer_selectBase: string;
+        chartType_bar: string;
+        chartType_vbar: string;
+        chartType_stackedbar: string;
+        chartType_doughnut: string;
+        chartType_pie: string;
+        chartType_scatter: string;
+        chartType_gauge: string;
+        chartType_bullet: string;
+        hideButton: string;
+        makePrivateButton: string;
+        makePublicButton: string;
+        showButton: string;
+        filter: string;
+        resetFilter: string;
+        changeLocale: string;
+        en: string;
+        fr: string;
+        ru: string;
+        de: string;
+        clearButton: string;
+        addElement: string;
+        defaultOrder: string;
+        ascOrder: string;
+        descOrder: string;
+        showMinorColumns: string;
+        otherCommentTitle: string;
+        showPercentages: string;
+        hidePercentages: string;
+        pdfDownloadCaption: string;
+        xlsxDownloadCaption: string;
+        csvDownloadCaption: string;
+        saveDiagramAsPNG: string;
+        hideEmptyAnswers: string;
+        showEmptyAnswers: string;
+        "topNValueText-1": string;
+        topNValueText5: string;
+        topNValueText10: string;
+        topNValueText20: string;
+        hideMissingAnswers: string;
+        showMissingAnswers: string;
+        missingAnswersLabel: string;
+        noVisualizerForQuestion: string;
+        noResults: string;
+        showPerValues: string;
+        showPerColumns: string;
+        answer: string;
+        percent: string;
+        responses: string;
     };
-    supportedLocales: any[];
-    currentLocale: string;
-    defaultLocale: string;
-    getString: (strName: string) => any;
-    getLocales: () => Array<string>;
-};
-export var surveyStrings: {
-    groupButton: string;
-    ungroupButton: string;
-    selectButton: string;
-    hideColumn: string;
-    showColumn: string;
-    makePrivateColumn: string;
-    makePublicColumn: string;
-    moveToDetail: string;
-    showAsColumn: string;
-    filterPlaceholder: string;
-    removeRows: string;
-    showLabel: string;
-    entriesLabel: string;
-    visualizer_text: string;
-    visualizer_wordcloud: string;
-    visualizer_histogram: string;
-    visualizer_number: string;
-    visualizer_choices: string;
-    visualizer_selectBase: string;
-    chartType_bar: string;
-    chartType_vbar: string;
-    chartType_stackedbar: string;
-    chartType_doughnut: string;
-    chartType_pie: string;
-    chartType_scatter: string;
-    chartType_gauge: string;
-    chartType_bullet: string;
-    hideButton: string;
-    makePrivateButton: string;
-    makePublicButton: string;
-    showButton: string;
-    filter: string;
-    resetFilter: string;
-    changeLocale: string;
-    clearButton: string;
-    addElement: string;
-    defaultOrder: string;
-    ascOrder: string;
-    descOrder: string;
-    showMinorColumns: string;
-    otherCommentTitle: string;
-    showPercentages: string;
-    hidePercentages: string;
-    pdfDownloadCaption: string;
-    xlsxDownloadCaption: string;
-    csvDownloadCaption: string;
-    saveDiagramAsPNG: string;
-    hideEmptyAnswers: string;
-    showEmptyAnswers: string;
-    "topNValueText-1": string;
-    topNValueText5: string;
-    topNValueText10: string;
-    topNValueText20: string;
-    hideMissingAnswers: string;
-    showMissingAnswers: string;
-    missingAnswersLabel: string;
-    noVisualizerForQuestion: string;
-    noResults: string;
-    showPerValues: string;
-    showPerColumns: string;
-    answer: string;
-    percent: string;
-    responses: string;
-};
-
-/**
-    * Describes data info:
-    * dataName - question name, used as a key to obtain question data
-    * getValues - function returning an array of all possible values
-    * getLabels - function returning an array of human-friendly descriptions for values
-    * getSeriesValues - function returning an array of all possible series values
-    * getSeriesLabels - function returning an array of human-friendly descriptions for series values
-    */
-export interface IDataInfo {
+}
+declare module "dataProvider" {
+    import { Event } from "survey-core";
+    /**
+     * Describes data info:
+     * dataName - question name, used as a key to obtain question data
+     * getValues - function returning an array of all possible values
+     * getLabels - function returning an array of human-friendly descriptions for values
+     * getSeriesValues - function returning an array of all possible series values
+     * getSeriesLabels - function returning an array of human-friendly descriptions for series values
+     */
+    export interface IDataInfo {
         dataName: string | Array<string>;
         getValues(): Array<any>;
         getLabels(): Array<string>;
         getSeriesValues(): Array<string>;
         getSeriesLabels(): Array<string>;
-}
-export class DataProvider {
+    }
+    export class DataProvider {
+        private _data;
+        private _getDataCore;
         static seriesMarkerKey: string;
+        private _filteredData;
+        private _statisticsCache;
         protected filterValues: {
-                [index: string]: any;
+            [index: string]: any;
         };
+        private getStatisticsCacheKey;
         constructor(_data?: Array<any>, _getDataCore?: (dataInfo: IDataInfo) => number[][]);
         reset(dataInfo?: IDataInfo): void;
         get data(): Array<any>;
         set data(data: Array<any>);
         get filteredData(): {
-                [index: string]: any;
+            [index: string]: any;
         }[];
         /**
-            * Sets filter by question name and value.
-            */
+         * Sets filter by question name and value.
+         */
         setFilter(questionName: string, selectedValue: any): void;
         protected getDataCore(dataInfo: IDataInfo): number[][] | number[][][];
         /**
-            * Returns calculated statisctics for the IDataInfo object.
-            */
+         * Returns calculated statisctics for the IDataInfo object.
+         */
         getData(dataInfo: IDataInfo): any[];
         /**
-            * Fires when data has been changed.
-            */
+         * Fires when data has been changed.
+         */
         onDataChanged: Event<(sender: DataProvider, options: any) => any, any>;
         protected raiseDataChanged(): void;
+    }
+}
+declare module "visualizationManager" {
+    import { Question } from "survey-core";
+    type VisualizerConstructor = new (question: Question, data: Array<{
+        [index: string]: any;
+    }>, options?: Object) => any;
+    /**
+     * Visualizers repository. You need to register a visualizer, link it to the question type name in order to visualize the question answers with the certain representation.
+     */
+    export class VisualizationManager {
+        static alternativesVisualizer: any;
+        static vizualizers: {
+            [index: string]: Array<VisualizerConstructor>;
+        };
+        /**
+         * Register visualizer (constructor) for question type.
+         */
+        static registerVisualizer(typeName: string, constructor: VisualizerConstructor): void;
+        /**
+         * Unregister visualizer (constructor) for question type.
+         */
+        static unregisterVisualizer(typeName: string, constructor: VisualizerConstructor): void;
+        /**
+         * Unregister visualizer (constructor) for all question types.
+         */
+        static unregisterVisualizerForAll(constructor: VisualizerConstructor): void;
+        /**
+         * Get visualizers (constructors) for question type.
+         */
+        static getVisualizersByType(typeName: string): VisualizerConstructor[];
+        /**
+         * Get visualizers (constructors) for question type.
+         */
+        static getAlternativesVisualizer(): any;
+        /**
+         * Register visualizer (constructor) for question type.
+         */
+        static registerAlternativesVisualizer(constructor: any): void;
+    }
 }
-
-import "./visualizerBase.scss";
-/**
-    * VisualizerBase is a base object for all visuzlizers. It responsible for the rendering and destroying visualizer.
-    *
-    * constructor parameters:
-    * question - a survey question to visualize,
-    * data - an array of answers in format of survey result,
-    * options - object with the following options,
-    * name - visualizer name
-    *
-    * options:
-    * seriesValues - an array of series values in data to group data by series,
-    * seriesLabels - labels for series to display, if not passed the seriesValues are used as labels,
-    * survey - pass survey instance to use localses from the survey JSON,
-    * dataProvider - dataProvider for this visualizer,
-    *
-    */
-export class VisualizerBase implements IDataInfo {
+declare module "visualizerFactory" {
+    import { Question } from "survey-core";
+    import { VisualizerBase } from "visualizerBase";
+    /**
+     * Visualizers factory. Creates visualizer for the given question.
+     */
+    export class VisualizerFactory {
+        /**
+         * Create visualizer by question. You can pass data and options to the created visualizer as well.
+         * If more then one visualizer are registered for the question, then they are combined using wrapper for showing alternative viaualizers.
+         */
+        static createVisualizer(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: {
+            [index: string]: any;
+        }): VisualizerBase;
+    }
+}
+declare module "utils/index" {
+    export class DocumentHelper {
+        static createSelector(options: Array<{
+            value: string;
+            text: string;
+        }>, isSelected: (option: {
+            value: string;
+            text: string;
+        }) => boolean, handler: (e: any) => void): HTMLDivElement;
+        static createButton(handler: (e: any) => void, text?: string, className?: string): HTMLElement;
+        static createElement(tagName: string, className?: string, attrs?: any): HTMLElement;
+        static createSvgElement(path: string): SVGSVGElement;
+        static createSvgButton(path: string): HTMLButtonElement;
+        static createSvgToggleButton(svgPath1: string, svPpath2: string, text1: string, text2: string, handler1: (e: any) => any, handler2: (e: any) => any, state?: string, className?: string): HTMLElement;
+        static createInput(className: string, placeholder?: string, defaultValue?: string): HTMLInputElement;
+    }
+    export var options: {
+        runningInBrowser: boolean;
+    };
+    export function allowDomRendering(): boolean;
+    export function createCommercialLicenseLink(): HTMLElement;
+    export class DataHelper {
+        static zipArrays(...arrays: any[]): any[][];
+        static unzipArrays(zipArray: any[][]): any[][];
+        static sortDictionary(keys: any[], values: any[], desc: boolean): {
+            keys: any[];
+            values: any[];
+        };
+        static toPercentage(value: number, maxValue: number): number;
+    }
+    export function createLinksContainer(links: Array<{
+        name: string;
+        content: any;
+    }>): HTMLElement;
+    export function createImagesContainer(links: Array<{
+        name: string;
+        content: any;
+    }>): HTMLElement;
+}
+declare module "visualizerBase" {
+    import { Question } from "survey-core";
+    import { IDataInfo, DataProvider } from "dataProvider";
+    import { Event } from "survey-core";
+    import "./visualizerBase.scss";
+    /**
+     * VisualizerBase is a base object for all visuzlizers. It responsible for the rendering and destroying visualizer.
+     *
+     * constructor parameters:
+     * question - a survey question to visualize,
+     * data - an array of answers in format of survey result,
+     * options - object with the following options,
+     * name - visualizer name
+     *
+     * options:
+     * seriesValues - an array of series values in data to group data by series,
+     * seriesLabels - labels for series to display, if not passed the seriesValues are used as labels,
+     * survey - pass survey instance to use localses from the survey JSON,
+     * dataProvider - dataProvider for this visualizer,
+     *
+     */
+    export class VisualizerBase implements IDataInfo {
         question: Question;
         options: {
-                [index: string]: any;
+            [index: string]: any;
         };
+        private _name?;
+        private _showHeader;
+        private _footerVisualizer;
+        private _dataProvider;
         protected labelTruncateLength: number;
         protected renderResult: HTMLElement;
         protected toolbarContainer: HTMLElement;
@@ -177,216 +697,627 @@ export class VisualizerBase implements IDataInfo {
         protected _supportSelection: boolean;
         static otherCommentCollapsed: boolean;
         /**
-            * The event is fired right after a visualizer's content is rendered in DOM.
-            **/
+         * The event is fired right after a visualizer's content is rendered in DOM.
+         **/
         onAfterRender: Event<(sender: VisualizerBase, options: any) => any, any>;
         protected afterRender(contentContainer: HTMLElement): void;
         protected toolbarItemCreators: {
-                [name: string]: (toolbar?: HTMLDivElement) => HTMLElement;
+            [name: string]: (toolbar?: HTMLDivElement) => HTMLElement;
         };
         constructor(question: Question, data: Array<{
-                [index: string]: any;
+            [index: string]: any;
         }>, options?: {
-                [index: string]: any;
+            [index: string]: any;
         }, _name?: string);
         protected get questionOptions(): any;
         /**
-            * This method is called then data has been changed for some reason, e.g. filter was set.
-            * This method should be overriden if descendant computes own statistics or process data somehow.
-            */
+         * This method is called then data has been changed for some reason, e.g. filter was set.
+         * This method should be overriden if descendant computes own statistics or process data somehow.
+         */
         protected onDataChanged(): void;
         /**
-            * Name of the data field of data object from the data array.
-            */
+         * Name of the data field of data object from the data array.
+         */
         get dataName(): string | Array<string>;
         /**
-            * Indicates whether visualizer has footer. Usually it is true then a question has comment or choices question has other item.
-            */
+         * Indicates whether visualizer has footer. Usually it is true then a question has comment or choices question has other item.
+         */
         get hasFooter(): boolean;
         protected createVisualizer(question: Question): VisualizerBase;
         /**
-            * Footer visualizer getter.
-            */
+         * Footer visualizer getter.
+         */
         get footerVisualizer(): VisualizerBase;
         /**
-            * Indicates whether visualizer supports selection. Visualizers of questions with choices allow to select choice by clicking on the diagram bar and filter other data for the selected item.
-            */
+         * Indicates whether visualizer supports selection. Visualizers of questions with choices allow to select choice by clicking on the diagram bar and filter other data for the selected item.
+         */
         get supportSelection(): boolean;
         /**
-            * Series values getter. Some questions (used in matrices) should be grouped by matrix rows. This groups are called series.
-            */
+         * Series values getter. Some questions (used in matrices) should be grouped by matrix rows. This groups are called series.
+         */
         getSeriesValues(): Array<string>;
         /**
-            * Series labels getter. Some questions (used in matrices) should be grouped by matrix rows. This groups are called series.
-            */
+         * Series labels getter. Some questions (used in matrices) should be grouped by matrix rows. This groups are called series.
+         */
         getSeriesLabels(): Array<string>;
         /**
-            * Available values of question answers (available choices).
-            */
+         * Available values of question answers (available choices).
+         */
         getValues(): Array<any>;
         /**
-            * Available labels of question answers (human readable representation of available choices).
-            */
+         * Available labels of question answers (human readable representation of available choices).
+         */
         getLabels(): Array<string>;
         /**
-            * Registers creator of visualizer toolbar item.
-            */
+         * Registers creator of visualizer toolbar item.
+         */
         registerToolbarItem(name: string, creator: (toolbar?: HTMLDivElement) => HTMLElement): void;
         /**
-            * The name of the visaulizer.
-            */
+         * The name of the visaulizer.
+         */
         get name(): string;
         /**
-            * The actual data of the visaulizer.
-            */
+         * The actual data of the visaulizer.
+         */
         protected get data(): {
-                [index: string]: any;
+            [index: string]: any;
         }[];
         /**
-            * The data provider is used by the visaulizer.
-            */
+         * The data provider is used by the visaulizer.
+         */
         protected get dataProvider(): DataProvider;
         /**
-            * Updates visualizer data.
-            */
+         * Updates visualizer data.
+         */
         updateData(data: Array<{
-                [index: string]: any;
+            [index: string]: any;
         }>): void;
         onUpdate: () => void;
         invokeOnUpdate(): void;
         /**
-            * Destroys visualizer.
-            */
+         * Destroys visualizer.
+         */
         destroy(): void;
         /**
-            * Method for clearing all rendered elements from outside.
-            */
+         * Method for clearing all rendered elements from outside.
+         */
         clear(): void;
         protected createToolbarItems(toolbar: HTMLDivElement): void;
         /**
-            * Destroys visualizer toolbar.
-            */
+         * Destroys visualizer toolbar.
+         */
         protected destroyToolbar(container: HTMLElement): void;
         /**
-            * Renderss visualizer toolbar.
-            */
+         * Renderss visualizer toolbar.
+         */
         protected renderToolbar(container: HTMLElement): void;
         /**
-            * Destroys visualizer content.
-            * Usually overriden in descendants.
-            */
+         * Destroys visualizer content.
+         * Usually overriden in descendants.
+         */
         protected destroyContent(container: HTMLElement): void;
         /**
-            * Renders visualizer content.
-            * Usually overriden in descendants.
-            */
+         * Renders visualizer content.
+         * Usually overriden in descendants.
+         */
         protected renderContent(container: HTMLElement): void;
         /**
-            * Destroys visualizer footer.
-            */
+         * Destroys visualizer footer.
+         */
         protected destroyFooter(container: HTMLElement): void;
         /**
-            * Renders visualizer footer.
-            */
+         * Renders visualizer footer.
+         */
         protected renderFooter(container: HTMLElement): void;
         /**
-            * Renders visualizer in the given container.
-            */
-        render(targetElement: HTMLElement): void;
+         * Renders visualizer in the given container.
+         */
+        render(targetElement: HTMLElement | string): void;
         /**
-            * Redraws visualizer and all inner content.
-            */
+         * Redraws visualizer and all inner content.
+         */
         refresh(): void;
         protected processText(text: string): string;
         getRandomColor(): any;
+        private _backgroundColor;
         get backgroundColor(): string;
         set backgroundColor(value: string);
         protected getBackgroundColorCore(): string;
         protected setBackgroundColorCore(color: string): void;
         static customColors: string[];
+        private static colors;
         getColors(count?: number): any;
         get showHeader(): boolean;
         set showHeader(newValue: boolean);
         /**
-            * Returns data to be used in the visualizer.
-            */
+         * Returns data to be used in the visualizer.
+         */
         getData(): any;
         getState(): any;
         setState(state: any): void;
+    }
 }
-
-type VisualizerConstructor = new (question: Question, data: Array<{
-        [index: string]: any;
-}>, options?: Object) => any;
-/**
-    * Visualizers repository. You need to register a visualizer, link it to the question type name in order to visualize the question answers with the certain representation.
-    */
-export class VisualizationManager {
-        static alternativesVisualizer: any;
-        static vizualizers: {
-                [index: string]: Array<VisualizerConstructor>;
-        };
-        /**
-            * Register visualizer (constructor) for question type.
-            */
-        static registerVisualizer(typeName: string, constructor: VisualizerConstructor): void;
-        /**
-            * Unregister visualizer (constructor) for question type.
-            */
-        static unregisterVisualizer(typeName: string, constructor: VisualizerConstructor): void;
-        /**
-            * Unregister visualizer (constructor) for all question types.
-            */
-        static unregisterVisualizerForAll(constructor: VisualizerConstructor): void;
-        /**
-            * Get visualizers (constructors) for question type.
-            */
-        static getVisualizersByType(typeName: string): VisualizerConstructor[];
+declare module "number" {
+    import { Question } from "survey-core";
+    import { VisualizerBase } from "visualizerBase";
+    export class NumberModel extends VisualizerBase {
+        private _resultAverage;
+        private _resultMin;
+        private _resultMax;
+        static stepsCount: number;
+        static generateTextsCallback: (question: Question, maxValue: number, minValue: number, stepsCount: number, texts: string[]) => string[];
+        protected chartTypes: Array<string>;
+        chartType: String;
+        static showAsPercentage: boolean;
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: {
+            [index: string]: any;
+        }, name?: string);
+        protected onDataChanged(): void;
+        protected onChartTypeChanged(): void;
+        protected setChartType(chartType: string): void;
+        destroy(): void;
+        generateText(maxValue: number, minValue: number, stepsCount: number): any;
+        generateValues(maxValue: number, stepsCount: number): any[];
+        generateColors(maxValue: number, minValue: number, stepsCount: number): any[];
+        getData(): number[];
+    }
+}
+declare module "selectBase" {
+    import { Question, ItemValue, Event } from "survey-core";
+    import { VisualizerBase } from "visualizerBase";
+    export interface IVisualizerWithSelection {
+        selection: ItemValue;
+        onDataItemSelected: (selectedValue: any, selectedText: string) => void;
+        setSelection(item: ItemValue): void;
+    }
+    export interface IAnswersData {
+        datasets: Array<Array<any>>;
+        labels: Array<string>;
+        colors: Array<string>;
+        texts: Array<Array<any>>;
+        seriesLabels: Array<string>;
+    }
+    export class SelectBase extends VisualizerBase implements IVisualizerWithSelection {
+        protected selectedItem: ItemValue;
+        private choicesOrderSelector;
+        private showPercentageBtn;
+        private emptyAnswersBtn;
+        private transposeDataBtn;
+        private topNSelector;
+        private _showPercentages;
+        private _showOnlyPercentages;
+        private _percentagePrecision;
+        protected _answersOrder: string;
+        protected _supportSelection: boolean;
+        private _hideEmptyAnswers;
+        private _topN;
+        static topNValuesDefaults: number[];
+        topNValues: any[];
+        private _transposeData;
+        private _showMissingAnswers;
+        private missingAnswersBtn;
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: any, name?: string);
+        protected chartTypes: string[];
+        chartType: string;
+        private updateEmptyAnswersBtn;
+        private updateTransposeDataBtn;
+        private updateOrderSelector;
+        private updateShowPercentageBtn;
+        private updateTopNSelector;
+        private updateMissingAnswersBtn;
+        protected onChartTypeChanged(): void;
+        protected setChartType(chartType: string): void;
+        getSelectedItemByText(itemText: string): any;
+        setSelection(item: ItemValue): void;
+        get selection(): ItemValue;
+        get showOnlyPercentages(): boolean;
+        set showOnlyPercentages(val: boolean);
+        get showPercentages(): boolean;
+        set showPercentages(val: boolean);
+        get answersOrder(): string;
+        set answersOrder(value: string);
+        get hideEmptyAnswers(): boolean;
+        set hideEmptyAnswers(value: boolean);
+        get transposeData(): boolean;
+        set transposeData(value: boolean);
+        get topN(): number;
+        set topN(value: number);
+        protected isSupportMissingAnswers(): boolean;
+        get showMissingAnswers(): boolean;
+        set showMissingAnswers(value: boolean);
+        refreshContent(): void;
+        onDataItemSelected: (selectedValue: any, selectedText: string) => void;
+        get showValuesInOriginalOrder(): boolean;
+        valuesSource(): Array<ItemValue>;
+        getValues(): Array<any>;
+        getLabels(): Array<string>;
+        getPercentages(): Array<Array<number>>;
+        protected hideEmptyAnswersInData(answersData: IAnswersData): IAnswersData;
+        protected answersDataReady(answersData: IAnswersData): any;
         /**
-            * Get visualizers (constructors) for question type.
-            */
-        static getAlternativesVisualizer(): any;
+         * Fires when answer data has been combined before they passed to draw graph.
+         * options - the answers data object containing: datasets, labels, colors, additional texts (percentage).
+         * options fields can be modified
+         */
+        onAnswersDataReady: Event<(sender: SelectBase, options: any) => any, any>;
         /**
-            * Register visualizer (constructor) for question type.
-            */
-        static registerAlternativesVisualizer(constructor: any): void;
+         * Returns object with all infotmation for data visualization: datasets, labels, colors, additional texts (percentage).
+         */
+        getAnswersData(): IAnswersData;
+        protected transpose(data: Array<Array<number>>): Array<Array<number>>;
+        private static _stateProperties;
+        getState(): any;
+        setState(state: any): void;
+    }
 }
-export {};
-
-import "./visualizationPanel.scss";
-export interface IVisualizerPanelRenderedElement extends IVisualizerPanelElement {
-        renderedElement?: HTMLElement;
+declare module "matrix" {
+    import { ItemValue, QuestionMatrixModel, Question } from "survey-core";
+    import { IAnswersData, SelectBase } from "selectBase";
+    export class Matrix extends SelectBase {
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        protected get matrixQuestion(): QuestionMatrixModel;
+        protected isSupportMissingAnswers(): boolean;
+        getSeriesValues(): Array<string>;
+        getSeriesLabels(): Array<string>;
+        getSelectedItemByText(itemText: string): any;
+        valuesSource(): Array<ItemValue>;
+        private getHasAnswersInAllSeriesArray;
+        private getHasAnswersInSeries;
+        protected hideEmptyAnswersInData(answersData: IAnswersData): IAnswersData;
+        getData(): any[];
+    }
+}
+declare module "boolean" {
+    import { Question, QuestionBooleanModel } from "survey-core";
+    import { ItemValue } from "survey-core";
+    import { SelectBase } from "selectBase";
+    export class BooleanModel extends SelectBase {
+        protected chartTypes: string[];
+        chartType: string;
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        get booleanQuestion(): QuestionBooleanModel;
+        static trueColor: string;
+        static falseColor: string;
+        getSelectedItemByText(itemText: string): ItemValue;
+        getValues(): Array<any>;
+        getLabels(): Array<string>;
+    }
+}
+declare module "histogram" {
+    import { ItemValue, Question } from "survey-core";
+    import { SelectBase } from "selectBase";
+    export class HistogramModel extends SelectBase {
+        protected valueType: "date" | "number";
+        private _cachedValues;
+        private _continiousData;
+        private _cachedIntervals;
+        protected chartTypes: string[];
+        chartType: string;
+        static IntervalsCount: number;
+        static UseIntervalsFrom: number;
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        private reset;
+        getContiniousValue(value: any): number;
+        getString(value: number): string;
+        getSelectedItemByText(itemText: string): ItemValue;
+        /**
+         * Updates visualizer data.
+         */
+        updateData(data: Array<{
+            [index: string]: any;
+        }>): void;
+        protected onDataChanged(): void;
+        protected getContiniousValues(): {
+            original: any;
+            continious: number;
+        }[];
+        protected isSupportMissingAnswers(): boolean;
+        getValues(): Array<any>;
+        getLabels(): Array<string>;
+        get hasCustomIntervals(): boolean;
+        get intervals(): any;
+        getData(): any;
+    }
+}
+declare module "config" {
+    export interface IVisualizerPanelElement {
+        name: string;
+        displayName: string;
+        isVisible: boolean;
+        isPublic: boolean;
+        type?: string;
+        chartType?: string;
+        answersOrder?: string;
+        hideEmptyAnswers?: boolean;
+        topN?: number;
+    }
+    export interface IState {
+        locale?: string;
+        elements?: IVisualizerPanelElement[];
+    }
+    export interface IPermission {
+        name: string;
+        isPublic: boolean;
+    }
 }
-/**
-    * VisualizationPanel is responsible for visualizing an array of survey questions
-    *
-    * constructor parameters:
-    * questions - an array of survey questions to visualize,
-    * data - an array of answers in format of survey result,
-    * options - object with the following options,
-    * elements - list of visual element descriptions
-    *
-    * options:
-    * allowDynamicLayout - set it to false to disable items drag/drop reordering and dynamic layouting,
-    * labelTruncateLength - the length of the label where the truncation starts. Set to -1 to disable truncate. Default is 27.
-    * allowHideQuestions - set it to false to deny user to hide/show individual questions,
-    * allowMakeQuestionsPrivate - set it to true to allow make elements private/public also see persmissions property,
-    * seriesValues - an array of series values in data to group data by series,
-    * seriesLabels - labels for series to display, if not passed the seriesValues are used as labels,
-    * survey - pass survey instance to use localses from the survey JSON,
-    * dataProvider - dataProvider for this visualizer,
-    * layoutEngine - layout engine to be used for layouting inner visualizers
-    *
-    */
-export class VisualizationPanel extends VisualizerBase {
+declare module "filterInfo" {
+    import { IVisualizerWithSelection } from "selectBase";
+    export class FilterInfo {
+        private _htmlElement;
+        private text;
+        constructor(visualizer: IVisualizerWithSelection);
+        get htmlElement(): HTMLDivElement;
+        update(selection: {
+            value: any;
+            text: string;
+        }): void;
+    }
+}
+declare module "layoutEngine" {
+    export class LayoutEngine {
+        protected _allowed: boolean;
+        constructor(_allowed: boolean);
+        protected startCore(container: HTMLElement): void;
+        protected stopCore(): void;
+        protected updateCore(): void;
+        get allowed(): boolean;
+        start(container: HTMLElement): void;
+        stop(): void;
+        update(): void;
+        add(elements: Array<HTMLElement>, options?: any): void;
+        remove(elements: Array<HTMLElement>, options?: any): void;
+        onMoveCallback: (fromIndex: number, toIndex: number) => void;
+        destroy(): void;
+    }
+    export class MuuriLayoutEngine extends LayoutEngine {
+        private _selector;
+        private _muuri;
+        private _layoutingTimer;
+        constructor(allowed: boolean, _selector: string);
+        protected startCore(container: HTMLElement): void;
+        protected stopCore(): void;
+        protected updateCore(): void;
+        add(elements: Array<HTMLElement>, options?: any): void;
+        remove(elements: Array<HTMLElement>, options?: any): void;
+    }
+}
+declare module "visualizationPanel" {
+    import { Event, SurveyModel } from "survey-core";
+    import { VisualizerBase } from "visualizerBase";
+    import { IVisualizerPanelElement, IState, IPermission } from "config";
+    import { LayoutEngine } from "layoutEngine";
+    import { DataProvider } from "dataProvider";
+    import "./visualizationPanel.scss";
+    export interface IVisualizerPanelRenderedElement extends IVisualizerPanelElement {
+        renderedElement?: HTMLElement;
+    }
+    /**
+     * Visualization Panel configuration. Pass it as the third argument to the `VisualizationPanel` constructor:
+     *
+     * ```js
+     * const vizPanel = new SurveyAnalytics.VisualizationPanel(surveyQuestions, surveyResults, vizPanelOptions);
+     * ```
+     */
+    export interface IVisualizationPanelOptions {
+        /**
+         * The number of label characters after which truncation starts.
+         * Set this property to -1 to disable truncation.
+         *
+         * Default value: 27
+         */
+        labelTruncateLength?: number;
+        allowMakeQuestionsPrivate?: boolean;
+        seriesValues?: string[];
+        seriesLabels?: string[];
+        useValuesAsLabels?: boolean;
+        /**
+         * Pass a survey instance to use survey locales in the Visualization Panel.
+         */
+        survey?: SurveyModel;
+        /**
+         * A common data provider for all visualizers.
+         */
+        dataProvider?: DataProvider;
+        /**
+         * Allows users to change the visibility of individual charts.
+         * This property adds a Hide button to each chart.
+         *
+         * Default value: `true`
+         */
+        allowHideQuestions?: boolean;
+        /**
+         * Specifies whether to arrange charts based on the available screen space and allow users to reorder them via drag and drop.
+         * If this property is disabled, charts are displayed one under the other, and users cannot reorder them.
+         *
+         * Default value: `true`
+         *
+         * [View the "Disable the Layout Engine" example](https://surveyjs.io/Examples/Analytics?id=custom-layout)
+         *
+         * @see layoutEngine
+         */
+        allowDynamicLayout?: boolean;
+        /**
+         * A layout engine used to arrange charts on the Visualization Panel.
+         * You can use this property to integrate a third-party layout engine with SurveyJS Analytics.
+         *
+         * @see allowDynamicLayout
+         */
+        layoutEngine?: LayoutEngine;
+        /**
+         * Allows users to switch between absolute and percentage values in bar charts.
+         * This property adds a Show Percentages button to each bar chart.
+         *
+         * Default value: `false`
+         *
+         * @see showPercentages
+         * @see showOnlyPercentages
+         * @see percentagePrecision
+         */
+        allowShowPercentages?: boolean;
+        /**
+         * Specifies whether bar charts display percentages in addition to absolute values.
+         * Users can change this property value if you enable the `allowShowPercentages` property.
+         *
+         * Default value: `false`
+         *
+         * @see allowShowPercentages
+         * @see showOnlyPercentages
+         * @see percentagePrecision
+         */
+        showPercentages?: boolean;
+        /**
+         * Specifies whether bar charts display only percentages, without absolute values.
+         * Applies only if the `allowShowPercentages` or `showPercentages` property is enables.
+         *
+         * Default value: `false`
+         *
+         * @see allowShowPercentages
+         * @see showPercentages
+         * @see percentagePrecision
+         */
+        showOnlyPercentages?: boolean;
+        /**
+         * Specifies percentage precision.
+         *
+         * Default value: 0
+         *
+         * @see allowShowPercentages
+         * @see showPercentages
+         * @see showOnlyPercentages
+         */
+        percentagePrecision?: number;
+        /**
+         * Removes the Free Trial bar.
+         * **IMPORTANT**: You can enable this property only if you have a SurveyJS Analytics commercial license. It is illegal to enable this property without a license.
+         */
+        haveCommercialLicense?: boolean;
+        /**
+         * Allows users to sort answers by answer count. Applies only to bar and scatter charts.
+         * This property adds a Sorting dropdown to each bar and scatter chart.
+         *
+         * Default value: `true`
+         *
+         * @see answersOrder
+         */
+        allowChangeAnswersOrder?: boolean;
+        /**
+         * Specifies how to sort answers in bar and scatter charts.
+         * Accepted values:
+         *
+         * - `"default"` (default) - Do not sort answers.
+         * - `"asc"` - Sort answers by ascending answer count.
+         * - `"desc"` - Sort answers by descending answer count.
+         *
+         * Users can change this property value if you enable the `allowChangeAnswersOrder` property.
+         *
+         * @see allowChangeAnswersOrder
+         */
+        answersOrder?: "default" | "asc" | "desc";
+        /**
+         * Allows users to hide answers with zero count in bar and scatter charts.
+         * This property adds a Hide Empty Answers button to each bar and scatter chart.
+         *
+         * Default value: `false`
+         */
+        allowHideEmptyAnswers?: boolean;
+        /**
+         * Hides answers with zero count in bar and scatter charts.
+         * Users can change this property value if you enable the `allowHideEmptyAnswers` property.
+         *
+         * Default value: `false`
+         *
+         * @see allowHideEmptyAnswers
+         */
+        hideEmptyAnswers?: boolean;
+        /**
+         * Allows users to select whether to show top 5, 10, or 20 answers by answer count.
+         * This property adds a Top N Answers dropdown to each chart.
+         *
+         * Default value: `false`
+         */
+        allowTopNAnswers?: boolean;
+        /**
+         * Allows users to show the number of respondents who did not answer a particular question.
+         * This property adds a Show Missing Answers button to each chart.
+         *
+         * Default value: `false`
+         */
+        allowShowMissingAnswers?: boolean;
+        allowExperimentalFeatures?: boolean;
+        /**
+         * Default chart type.
+         *
+         * Accepted values depend on the question type as follows:
+         *
+         * - Boolean: `"bar"` | `"pie"` | `"doughnut"`
+         * - Date, Number: `"bar"` | `"scatter"`
+         * - Matrix: `"bar"` | `"pie"` | `"doughnut"` | `"stackedbar"`
+         * - Rating: `"bar"` | `"scatter"` | `"gauge"` | `"bullet"`
+         * - Radiogroup, Checkbox, Dropdown, Image Picker: `"bar"` | `"pie"` | `"doughnut"` | `"scatter"`
+         *
+         * To set a type for an individual chart, access this chart in the `visualizers` array and set its `chartType` property to one of the values described above:
+         *
+         * ```js
+         * const vizPanel = new SurveyAnalytics.VisualizationPanel( ... );
+         * vizPanel.visualizers[0].chartType = "stackedbar";
+         * ```
+         *
+         */
+        defaultChartType?: string;
+        /**
+         * Allows users to transpose a visualized matrix question.
+         * This property adds a Transpose button to charts that visualize matrixes. When users select Per Values, matrix rows go to chart arguments, and matrix columns form chart series. When users select Per Columns, matrix rows form chart series, and matrix columns go to chart arguments.
+         *
+         * Default value: `false`
+         */
+        allowTransposeData?: boolean;
+        /**
+         * Allows users to cross-filter charts. The filter applies when users selects a series point.
+         *
+         * Default value: `true`
+         */
+        allowSelection?: boolean;
+        renderContent?: Function;
+        destroyContent?: Function;
+        /**
+         * Removes HTML tags from survey element titles.
+         * Survey element titles can contain HTML markup and are specified by users. An attacker can inject malicious code into the titles. To guard against it, keep this property set to `true`.
+         *
+         * Default value: `true`
+         */
+        stripHtmlFromTitles?: boolean;
+    }
+    /**
+     * VisualizationPanel is responsible for visualizing an array of survey questions
+     * <br/>
+     * <br/> constructor parameters:
+     * <br/> questions - an array of survey questions to visualize,
+     * <br/> data - an array of answers in format of survey result,
+     * <br/> options - object of the IVisualizationPanelOptions type, @see IVisualizationPanelOptions
+     * <br/> elements - list of visual element descriptions
+     *
+     */
+    export class VisualizationPanel extends VisualizerBase {
         protected questions: Array<any>;
+        private _elements;
         static haveCommercialLicense: boolean;
         visualizers: Array<VisualizerBase>;
+        private haveCommercialLicense;
+        private renderedQuestionsCount;
         constructor(questions: Array<any>, data: Array<{
-                [index: string]: any;
-        }>, options?: {
-                [index: string]: any;
-        }, _elements?: Array<IVisualizerPanelRenderedElement>);
+            [index: string]: any;
+        }>, options?: IVisualizationPanelOptions, _elements?: Array<IVisualizerPanelRenderedElement>);
+        private onAfterRenderQuestionCallback;
         protected showElement(elementName: string): void;
         protected hideElement(elementName: string): void;
         protected makeElementPrivate(element: IVisualizerPanelElement): void;
@@ -394,610 +1325,238 @@ export class VisualizationPanel extends VisualizerBase {
         protected moveVisibleElement(fromVisibleIndex: number, toVisibleIndex: number): void;
         protected moveElement(fromIndex: number, toIndex: number): void;
         protected setBackgroundColorCore(color: string): void;
+        private buildVisualizers;
+        private destroyVisualizers;
         /**
-            * Returns current locale of the visualization panel.
-            * If locales more than one, the language selection dropdown will be added in the toolbar
-            * In order to use survey locales the survey instance object should be passed as 'survey' option for visualizer
-            */
+         * Returns current locale of the visualization panel.
+         * If locales more than one, the language selection dropdown will be added in the toolbar
+         * In order to use survey locales the survey instance object should be passed as 'survey' option for visualizer
+         */
         get locale(): string;
         /**
-            * Sets locale for visualization panel.
-            */
+         * Sets locale for visualization panel.
+         */
         set locale(newLocale: string);
+        private setLocale;
         /**
-            * Returns whether the VisualizationPanel allows dynamic layouting - rearrange items via drap/drop. Set via options.
-            */
+         * Returns whether the VisualizationPanel allows dynamic layouting - rearrange items via drap/drop. Set via options.
+         */
         get allowDynamicLayout(): boolean;
         /**
-            * Returns whether the VisualizationPanel allows to hide/show individual inner visualizers.
-            */
+         * Returns whether the VisualizationPanel allows to hide/show individual inner visualizers.
+         */
         get allowHideQuestions(): boolean;
         /**
-            * Returns whether the VisualizationPanel allows to make private/public individual inner visualizers for work with permissions.
-            */
+         * Returns whether the VisualizationPanel allows to make private/public individual inner visualizers for work with permissions.
+         */
         get allowMakeQuestionsPrivate(): boolean;
+        private _layoutEngine;
         /**
-            * Returns the layout engine instance if any.
-            */
+         * Returns the layout engine instance if any.
+         */
         get layoutEngine(): LayoutEngine;
         protected buildElements(questions: any[]): IVisualizerPanelElement[];
         /**
-            * Returns panel elements descriptions array.
-            * Inner visualizers are rendered in the order of this array and with titles from the displayName property
-            */
+         * Returns panel elements descriptions array.
+         * Inner visualizers are rendered in the order of this array and with titles from the displayName property
+         */
         getElements(): IVisualizerPanelElement[];
         /**
-            * Returns panel's visible elements.
-            */
+         * Returns panel's visible elements.
+         */
         get visibleElements(): IVisualizerPanelRenderedElement[];
         /**
-            * Returns panel's hidden elements.
-            */
+         * Returns panel's hidden elements.
+         */
         get hiddenElements(): IVisualizerPanelRenderedElement[];
         /**
-            * Returns panel's public elements.
-            */
+         * Returns panel's public elements.
+         */
         get publicElements(): IVisualizerPanelRenderedElement[];
         /**
-            * Returns panel's private elements.
-            */
+         * Returns panel's private elements.
+         */
         get privateElements(): IVisualizerPanelRenderedElement[];
         protected get locales(): any;
         /**
-            * Returns panel element description by the question name.
-            */
+         * Returns panel element description by the question name.
+         */
         getElement(name: string): IVisualizerPanelRenderedElement;
         /**
-            * Returns panel element visualizer by the question name.
-            */
+         * Returns panel element visualizer by the question name.
+         */
         getVisualizer(visualizerName: string): VisualizerBase;
         /**
-            * Fires when element visibility has been changed.
-            * options:
-            * elements - panel elements array
-            * changed - changed element
-            * reason - reason (string) why event fired: "ADDED", "MOVED" or "REMOVED"
-            */
+         * Fires when element visibility has been changed.
+         * options:
+         * elements - panel elements array
+         * changed - changed element
+         * reason - reason (string) why event fired: "ADDED", "MOVED" or "REMOVED"
+         */
         onVisibleElementsChanged: Event<(sender: VisualizationPanel, options: any) => any, any>;
         protected visibleElementsChanged(element: IVisualizerPanelElement, reason: string): void;
         /**
-            * Fires when vizualization panel state changed.
-            * sender - this panel
-            * state - new state of the panel
-            */
+         * Fires when vizualization panel state changed.
+         * sender - this panel
+         * state - new state of the panel
+         */
         onStateChanged: Event<(sender: VisualizationPanel, state: IState) => any, any>;
         /**
-            * Fires when permissions changed
-            */
+         * Fires when permissions changed
+         */
         onPermissionsChangedCallback: any;
         /**
-            * Renders given panel element.
-            */
+         * Renders given panel element.
+         */
         protected renderPanelElement(element: IVisualizerPanelRenderedElement, container: HTMLElement): HTMLElement;
         protected renderToolbar(container: HTMLElement): void;
         /**
-            * Renders all questions into given HTML container element.
-            * container - HTML element to render the panel
-            */
+         * Renders all questions into given HTML container element.
+         * container - HTML element to render the panel
+         */
         renderContent(container: HTMLElement): void;
         /**
-            * Destroys visualizer and all inner content.
-            */
+         * Destroys visualizer and all inner content.
+         */
         protected destroyContent(container: HTMLElement): void;
         /**
-            * Redraws visualizer toobar and all inner content.
-            */
+         * Redraws visualizer toobar and all inner content.
+         */
         refresh(): void;
         /**
-            * Updates layout of visualizer inner content.
-            */
+         * Updates layout of visualizer inner content.
+         */
         layout(): void;
         /**
-            * Sets filter by question name and value.
-            */
+         * Sets filter by question name and value.
+         */
         setFilter(questionName: string, selectedValue: any): void;
         /**
-            * Gets vizualization panel state.
-            */
+         * Gets vizualization panel state.
+         */
         get state(): IState;
         /**
-            * Sets vizualization panel state.
-            */
+         * Sets vizualization panel state.
+         */
         set state(newState: IState);
         /**
-            * Gets vizualization panel permissions.
-            */
+         * Gets vizualization panel permissions.
+         */
         get permissions(): IPermission[];
         /**
-            * Sets vizualization panel permissions.
-            */
+         * Sets vizualization panel permissions.
+         */
         set permissions(permissions: IPermission[]);
         destroy(): void;
+    }
 }
-
-export class VisualizationPanelDynamic extends VisualizerBase {
-    protected _panelVisualizer: VisualizationPanel;
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: {
-        [index: string]: any;
-    }, name?: string);
-    get name(): string;
-    updateData(data: Array<{
-        [index: string]: any;
-    }>): void;
-    protected onDataChanged(): void;
-    getQuestions(): IQuestion[];
-    destroyContent(container: HTMLElement): void;
-    renderContent(container: HTMLElement): void;
-    destroy(): void;
-}
-
-export class VisualizationMatrixDynamic extends VisualizationPanelDynamic {
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object);
-    get name(): string;
-    getQuestions(): any;
-}
-
-export class VisualizationMatrixDropdown extends VisualizerBase {
-    protected _matrixDropdownVisualizer: VisualizerBase;
-    constructor(question: QuestionMatrixDropdownModel, data: Array<{
-        [index: string]: any;
-    }>, options?: {
-        [index: string]: any;
-    }, name?: string);
-    get matrixDropdownVisualizer(): VisualizerBase;
-    updateData(data: Array<{
-        [index: string]: any;
-    }>): void;
-    protected onDataChanged(): void;
-    getQuestions(): any;
-    destroyContent(container: HTMLElement): void;
-    renderContent(container: HTMLElement): void;
-    destroy(): void;
-}
-
-export class AlternativeVisualizersWrapper extends VisualizerBase implements IVisualizerWithSelection {
-    constructor(visualizers: Array<VisualizerBase>, question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object);
-    protected visualizerContainer: HTMLElement;
-    get hasFooter(): boolean;
-    getVisualizers(): VisualizerBase[];
-    updateData(data: Array<{
-        [index: string]: any;
-    }>): void;
-    set onDataItemSelected(val: (selectedValue: any, selectedText: string) => void);
-    setSelection(item: ItemValue): void;
-    get selection(): any;
-    protected renderContent(container: HTMLElement): void;
-    protected setBackgroundColorCore(color: string): void;
-    destroy(): void;
-}
-
-import "./datatables.scss";
-interface DataTablesOptions extends ITableOptions {
-    buttons: boolean | string[] | any[] | any;
-    dom: string;
-    orderFixed: Array<number | string> | Array<Array<number | string>> | object;
-    rowGroup: boolean | any;
-    headerCallback: any;
-}
-export class DataTables extends Table {
-    datatableApi: any;
-    currentPageNumber: number;
-    /**
-      * The event is fired columns configuration has been changed.
-      * <br/> sender the datatables adapter
-      * <br/> options.survey current survey
-      * @see getColumns
-      */
-    onColumnsReorder: Event<(sender: DataTables, options: any) => any, any>;
-    static initJQuery($: any): void;
-    static set haveCommercialLicense(val: boolean);
-    constructor(survey: SurveyModel, data: Array<Object>, options: DataTablesOptions, _columns?: Array<ITableColumn>);
-    destroy(): void;
-    setColumnVisibility(columnName: string, isVisible: boolean): void;
-    setColumnLocation(columnName: string, location: QuestionLocation): void;
-    applyFilter(value: string): void;
-    applyColumnFilter(columnName: string, value: string): void;
-    sortByColumn(columnName: string, direction: string): void;
-    setPageSize(value: number): void;
-    setPageNumber(value: number): void;
-    getPageNumber(): number;
-    render(targetNode: HTMLElement): void;
-    getColumns(): Array<any>;
-    layout(): void;
-}
-export class DatatablesRow extends TableRow {
-    protected table: Table;
-    protected extensionsContainer: HTMLElement;
-    protected detailsContainer: HTMLElement;
-    constructor(table: Table, extensionsContainer: HTMLElement, detailsContainer: HTMLElement, _innerRow: any);
-    get innerRow(): any;
-    getElement(): HTMLElement;
-    getRowData(): HTMLElement;
-    getDataPosition(): number;
-    remove(): void;
-}
-export {};
-
-import "./tabulator.scss";
-interface ITabulatorOptions extends ITableOptions {
-    tabulatorOptions?: any;
-    downloadHiddenColumns?: boolean;
-    actionsColumnWidth?: number;
-    downloadButtons: Array<string>;
-    downloadOptions?: {
-        [type: string]: any;
-    };
-    onDownloadCallbacks?: {
-        [type: string]: (tabulator: Tabulator, options: any) => void;
-    };
-}
-export class Tabulator extends Table {
-    static set haveCommercialLicense(val: boolean);
-    constructor(survey: SurveyModel, data: Array<Object>, options: ITabulatorOptions, _columns?: Array<any>);
-    tabulatorTables: any;
-    render(targetNode: HTMLElement): void;
-    destroy: () => void;
-    getColumns(): Array<any>;
-    setColumnVisibility(columnName: string, isVisible: boolean): void;
-    setColumnLocation(columnName: string, location: QuestionLocation): void;
-    setColumnWidth(columnName: string, width: number | string): void;
-    sortByColumn(columnName: string, direction: string): void;
-    applyColumnFilter(columnName: string, value: string): void;
-    applyFilter(value: string): void;
-    getPageNumber(): number;
-    setPageNumber(value: number): void;
-    setPageSize(value: number): void;
-    download(type: string): void;
-    layout(hard?: boolean): void;
-}
-export class TabulatorRow extends TableRow {
-    protected table: Table;
-    protected extensionsContainer: HTMLElement;
-    protected detailsContainer: HTMLElement;
-    protected innerRow: any;
-    constructor(table: Table, extensionsContainer: HTMLElement, detailsContainer: HTMLElement, innerRow: any);
-    getElement(): HTMLElement;
-    getRowData(): HTMLElement;
-    getDataPosition(): number;
-    remove(): void;
-}
-export {};
-
-export class WordCloudAdapter {
-    static drawOutOfBound: boolean;
-    static shrinkToFit: boolean;
-    static abortThreshold: any;
-    static weightFactor: number;
-    constructor(model: WordCloud);
-    get wordcloud(): any;
-    create(node: HTMLElement): any;
-    destroy(node: HTMLElement): void;
-}
-export class WordCloud extends VisualizerBase {
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    getData(): (string | number)[][];
-    protected destroyContent(container: HTMLElement): void;
-    protected renderContent(container: HTMLElement): void;
-    destroy(): void;
-}
-
-export var textHelper: {
-    getStopWords: (locale?: string) => string[];
-};
-
-import "./text.scss";
-export class TextTableAdapter {
-    constructor(model: Text);
-    create(container: HTMLElement): void;
-    destroy(node: HTMLElement): void;
-}
-export class Text extends VisualizerBase {
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    getData(): {
-        columnsCount: number;
-        data: string[][];
-    };
-    protected destroyContent(container: HTMLElement): void;
-    protected renderContent(container: HTMLElement): void;
-    destroy(): void;
-}
-
-export interface IVisualizerPanelElement {
-    name: string;
-    displayName: string;
-    isVisible: boolean;
-    isPublic: boolean;
-    type?: string;
-    chartType?: string;
-    answersOrder?: string;
-    hideEmptyAnswers?: boolean;
-    topN?: number;
-}
-export interface IState {
-    locale?: string;
-    elements?: IVisualizerPanelElement[];
-}
-export interface IPermission {
-    name: string;
-    isPublic: boolean;
-}
-
-export class LayoutEngine {
-    protected _allowed: boolean;
-    constructor(_allowed: boolean);
-    protected startCore(container: HTMLElement): void;
-    protected stopCore(): void;
-    protected updateCore(): void;
-    get allowed(): boolean;
-    start(container: HTMLElement): void;
-    stop(): void;
-    update(): void;
-    add(elements: Array<HTMLElement>, options?: any): void;
-    remove(elements: Array<HTMLElement>, options?: any): void;
-    onMoveCallback: (fromIndex: number, toIndex: number) => void;
-    destroy(): void;
-}
-export class MuuriLayoutEngine extends LayoutEngine {
-    constructor(allowed: boolean, _selector: string);
-    protected startCore(container: HTMLElement): void;
-    protected stopCore(): void;
-    protected updateCore(): void;
-    add(elements: Array<HTMLElement>, options?: any): void;
-    remove(elements: Array<HTMLElement>, options?: any): void;
-}
-
-export interface IVisualizerWithSelection {
-        selection: ItemValue;
-        onDataItemSelected: (selectedValue: any, selectedText: string) => void;
-        setSelection(item: ItemValue): void;
-}
-export interface IAnswersData {
-        datasets: Array<Array<any>>;
-        labels: Array<string>;
-        colors: Array<string>;
-        texts: Array<Array<any>>;
-        seriesLabels: Array<string>;
-}
-export class SelectBase extends VisualizerBase implements IVisualizerWithSelection {
-        protected selectedItem: ItemValue;
-        protected _answersOrder: string;
-        protected _supportSelection: boolean;
-        static topNValuesDefaults: number[];
-        topNValues: any[];
+declare module "visualizationPanelDynamic" {
+    import { VisualizerBase } from "visualizerBase";
+    import { VisualizationPanel } from "visualizationPanel";
+    import { Question, IQuestion } from "survey-core";
+    export class VisualizationPanelDynamic extends VisualizerBase {
+        protected _panelVisualizer: VisualizationPanel;
         constructor(question: Question, data: Array<{
-                [index: string]: any;
-        }>, options?: any, name?: string);
-        protected chartTypes: string[];
-        chartType: string;
-        protected onChartTypeChanged(): void;
-        protected setChartType(chartType: string): void;
-        getSelectedItemByText(itemText: string): any;
-        setSelection(item: ItemValue): void;
-        get selection(): ItemValue;
-        get showOnlyPercentages(): boolean;
-        set showOnlyPercentages(val: boolean);
-        get showPercentages(): boolean;
-        set showPercentages(val: boolean);
-        get answersOrder(): string;
-        set answersOrder(value: string);
-        get hideEmptyAnswers(): boolean;
-        set hideEmptyAnswers(value: boolean);
-        get transposeData(): boolean;
-        set transposeData(value: boolean);
-        get topN(): number;
-        set topN(value: number);
-        protected isSupportMissingAnswers(): boolean;
-        get showMissingAnswers(): boolean;
-        set showMissingAnswers(value: boolean);
-        refreshContent(): void;
-        onDataItemSelected: (selectedValue: any, selectedText: string) => void;
-        valuesSource(): Array<ItemValue>;
-        getValues(): Array<any>;
-        getLabels(): Array<string>;
-        getPercentages(): Array<Array<number>>;
-        protected hideEmptyAnswersInData(answersData: IAnswersData): IAnswersData;
-        protected answersDataReady(answersData: IAnswersData): any;
-        /**
-            * Fires when answer data has been combined before they passed to draw graph.
-            * options - the answers data object containing: datasets, labels, colors, additional texts (percentage).
-            * options fields can be modified
-            */
-        onAnswersDataReady: Event<(sender: SelectBase, options: any) => any, any>;
-        /**
-            * Returns object with all infotmation for data visualization: datasets, labels, colors, additional texts (percentage).
-            */
-        getAnswersData(): IAnswersData;
-        protected transpose(data: Array<Array<number>>): Array<Array<number>>;
-        getState(): any;
-        setState(state: any): void;
+            [index: string]: any;
+        }>, options?: {
+            [index: string]: any;
+        }, name?: string);
+        private onAfterRenderPanelCallback;
+        get name(): string;
+        private updatePanelVisualizerData;
+        updateData(data: Array<{
+            [index: string]: any;
+        }>): void;
+        protected onDataChanged(): void;
+        getQuestions(): IQuestion[];
+        destroyContent(container: HTMLElement): void;
+        renderContent(container: HTMLElement): void;
+        destroy(): void;
+    }
 }
-
-export interface ITableOptions {
-        [index: string]: any;
-        /**
-            * Set this property to true to render column headings using question names
-            */
-        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.
-            */
-        onGetQuestionValue?: (options: {
-                question: Question;
-                displayValue: any;
-        }) => void;
+declare module "visualizationMatrixDynamic" {
+    import { Question } from "survey-core";
+    import { VisualizationPanelDynamic } from "visualizationPanelDynamic";
+    export class VisualizationMatrixDynamic extends VisualizationPanelDynamic {
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object);
+        get name(): string;
+        getQuestions(): any;
+    }
 }
-export abstract class Table {
-        protected survey: SurveyModel;
-        protected data: Array<Object>;
-        protected options: ITableOptions;
-        protected _columns: Array<ITableColumn>;
-        static showFilesAsImages: boolean;
-        static haveCommercialLicense: boolean;
-        protected tableData: any;
-        protected extensions: TableExtensions;
-        constructor(survey: SurveyModel, data: Array<Object>, options?: ITableOptions, _columns?: Array<ITableColumn>);
-        protected renderResult: HTMLElement;
-        protected currentPageSize: number;
-        protected currentPageNumber: number;
-        protected _rows: TableRow[];
-        protected isColumnReorderEnabled: boolean;
-        onColumnsVisibilityChanged: Event<(sender: Table, options: any) => any, any>;
-        onColumnsLocationChanged: Event<(sender: Table, options: any) => any, any>;
-        onRowRemoved: Event<(sender: Table, options: any) => any, any>;
-        renderDetailActions: (container: HTMLElement, row: TableRow) => HTMLElement;
-        getData(): Object[];
-        abstract applyFilter(value: string): void;
-        abstract applyColumnFilter(columnName: string, value: string): void;
-        abstract sortByColumn(columnName: string, direction: string): void;
-        render(targetNode: HTMLElement): void;
-        enableColumnReorder(): void;
-        disableColumnReorder(): void;
-        getPageNumber(): number;
-        setPageNumber(value: number): void;
-        getPageSize(): number;
-        setPageSize(value: number): void;
-        getCreatedRows(): TableRow[];
-        clearCreatedRows(): void;
-        protected buildColumns: (survey: SurveyModel) => ITableColumn[];
-        isColumnVisible(column: ITableColumn): boolean;
-        get columns(): Array<ITableColumn>;
-        set columns(columns: Array<ITableColumn>);
-        protected initTableData(data: Array<any>): void;
-        moveColumn(from: number, to: number): void;
-        setColumnLocation(columnName: string, location: QuestionLocation): void;
-        getColumnByName(columnName: string): ITableColumn;
-        setColumnVisibility(columnName: string, isVisible: boolean): void;
-        setColumnWidth(columnName: string, width: string | number): void;
-        removeRow(row: TableRow): void;
-        /**
-            * Returns current locale of the table.
-            * If locales more than one, the language selection dropdown will be added in the toolbar
-            */
-        get locale(): string;
-        /**
-            * Sets locale for table.
-            */
-        set locale(newLocale: string);
-        getLocales(): Array<string>;
-        refresh(hard?: boolean): void;
+declare module "visualizationMatrixDropdown" {
+    import { QuestionMatrixDropdownModel } from "survey-core";
+    import { VisualizerBase } from "visualizerBase";
+    export class VisualizationMatrixDropdown extends VisualizerBase {
+        protected _matrixDropdownVisualizer: VisualizerBase;
+        constructor(question: QuestionMatrixDropdownModel, data: Array<{
+            [index: string]: any;
+        }>, options?: {
+            [index: string]: any;
+        }, name?: string);
+        get matrixDropdownVisualizer(): VisualizerBase;
+        private onPanelAfterRenderCallback;
+        private updateDropdownVisualizerData;
+        updateData(data: Array<{
+            [index: string]: any;
+        }>): void;
+        protected onDataChanged(): void;
+        getQuestions(): any;
+        destroyContent(container: HTMLElement): void;
+        renderContent(container: HTMLElement): void;
         destroy(): void;
-        get isRendered(): boolean;
-        /**
-            * Vizualization panel state getter.
-            */
-        get state(): ITableState;
-        /**
-            * Vizualization panel state setter.
-            */
-        set state(newState: ITableState);
-        /**
-            * Fires when table state changed.
-            */
-        onStateChanged: Event<(sender: Table, options: any) => any, any>;
-        /**
-            * Gets table permissions.
-            */
-        get permissions(): IPermission[];
-        /**
-            * Sets table permissions.
-            */
-        set permissions(permissions: IPermission[]);
-        /**
-            * Fires when permissions changed
-            */
-        onPermissionsChangedCallback: any;
+    }
 }
-export abstract class TableRow {
-        protected table: Table;
-        protected extensionsContainer: HTMLElement;
-        protected detailsContainer: HTMLElement;
-        constructor(table: Table, extensionsContainer: HTMLElement, detailsContainer: HTMLElement);
-        details: Details;
-        extensions: TableExtensions;
-        onToggleDetails: Event<(sender: TableRow, options: any) => any, any>;
-        /**
-            * Returns row's html element
-            */
-        abstract getElement(): HTMLElement;
-        /**
-            * Returns data, which is displayed in the row.
-            */
-        abstract getRowData(): any;
-        /**
-            * Returns position of row in the table's data.
-            */
-        abstract getDataPosition(): number;
-        protected isSelected: boolean;
-        render(): void;
-        openDetails(): void;
-        closeDetails(): void;
-        toggleDetails(): void;
-        getIsSelected(): boolean;
-        toggleSelect(): void;
-        remove(): void;
+declare module "alternativeVizualizersWrapper" {
+    import { Question, ItemValue } from "survey-core";
+    import { VisualizerBase } from "visualizerBase";
+    import { IVisualizerWithSelection } from "selectBase";
+    export class AlternativeVisualizersWrapper extends VisualizerBase implements IVisualizerWithSelection {
+        private visualizers;
+        constructor(visualizers: Array<VisualizerBase>, question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object);
+        protected visualizerContainer: HTMLElement;
+        get hasFooter(): boolean;
+        getVisualizers(): VisualizerBase[];
+        private visualizersWithSelection;
+        private selectedItem;
+        private visualizer;
+        private onAfterVisualizerRenderCallback;
+        private setVisualizer;
+        updateData(data: Array<{
+            [index: string]: any;
+        }>): void;
+        set onDataItemSelected(val: (selectedValue: any, selectedText: string) => void);
+        setSelection(item: ItemValue): void;
+        get selection(): any;
+        protected renderContent(container: HTMLElement): void;
+        protected setBackgroundColorCore(color: string): void;
         destroy(): void;
+    }
 }
-
-export enum QuestionLocation {
-    Column = 0,
-    Row = 1
-}
-export enum ColumnDataType {
-    Text = 0,
-    FileLink = 1,
-    Image = 2
-}
-export interface ITableColumn {
-    name: string;
-    displayName: string;
-    dataType: ColumnDataType;
-    isVisible: boolean;
-    isPublic: boolean;
-    location: QuestionLocation;
-    width?: string | number;
-    isComment?: boolean;
-}
-export interface ITableState {
-    locale?: string;
-    elements?: ITableColumn[];
-    pageSize?: number;
-}
-export interface IPermission {
-    name: string;
-    isPublic: boolean;
-}
-
-export interface PlotlyOptions {
+declare module "plotly/setup" {
+    import { Event } from "survey-core";
+    import { SelectBase } from "selectBase";
+    export interface PlotlyOptions {
         traces: Array<any>;
         layout: any;
         hasSeries: boolean;
-}
-export class PlotlySetup {
+    }
+    export class PlotlySetup {
         static imageExportFormat: string;
         /**
-            * Fires when end user clicks on the 'save as image' button.
-            */
+         * Fires when end user clicks on the 'save as image' button.
+         */
         static onImageSaving: Event<(sender: SelectBase, options: any) => any, 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.
-            */
+         * 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: SelectBase, options: any) => any, any>;
         static setups: {
-                [type: string]: (model: SelectBase) => PlotlyOptions;
+            [type: string]: (model: SelectBase) => PlotlyOptions;
         };
         static setup(charType: string, model: SelectBase): PlotlyOptions;
         static getTruncatedLabel: (label: string, labelTruncateLength: number) => string;
@@ -1005,210 +1564,262 @@ export class PlotlySetup {
         static setupBar(model: SelectBase): PlotlyOptions;
         static setupVBar(model: SelectBase): PlotlyOptions;
         static setupScatter(model: SelectBase): PlotlyOptions;
+    }
 }
-
-export class PlotlyChartAdapter {
-    protected model: SelectBase;
-    constructor(model: SelectBase);
-    protected patchConfigParameters(chartNode: object, traces: Array<object>, layout: object, config: object): void;
-    get chart(): Promise<Plotly.PlotlyHTMLElement>;
-    create(chartNode: HTMLElement): any;
-    destroy(node: HTMLElement): void;
-}
-export class SelectBasePlotly extends SelectBase {
-    static types: string[];
-    static displayModeBar: any;
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: {
-        [index: string]: any;
-    }, name?: string);
-    protected destroyContent(container: HTMLElement): void;
-    protected renderContent(container: HTMLElement): void;
-    getData(): any[];
+declare module "plotly/selectBase" {
+    import { Question } from "survey-core";
+    import { SelectBase } from "selectBase";
+    import Plotly from "plotly.js-dist-min";
+    export class PlotlyChartAdapter {
+        protected model: SelectBase;
+        private _chart;
+        constructor(model: SelectBase);
+        protected patchConfigParameters(chartNode: object, traces: Array<object>, layout: object, config: object): void;
+        get chart(): Promise<Plotly.PlotlyHTMLElement>;
+        create(chartNode: HTMLElement): any;
+        destroy(node: HTMLElement): void;
+    }
+    export class SelectBasePlotly extends SelectBase {
+        private _chartAdapter;
+        static types: string[];
+        static displayModeBar: any;
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: {
+            [index: string]: any;
+        }, name?: string);
+        protected destroyContent(container: HTMLElement): void;
+        protected renderContent(container: HTMLElement): void;
+        getData(): any[];
+    }
 }
-
-export class MatrixPlotly extends Matrix {
-    static types: string[];
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    protected destroyContent(container: HTMLElement): void;
-    protected renderContent(container: HTMLElement): void;
+declare module "plotly/matrix" {
+    import { Question } from "survey-core";
+    import { Matrix } from "matrix";
+    export class MatrixPlotly extends Matrix {
+        private _chartAdapter;
+        static types: string[];
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        protected destroyContent(container: HTMLElement): void;
+        protected renderContent(container: HTMLElement): void;
+    }
 }
-
-export class PlotlyBoolChartAdapter extends PlotlyChartAdapter {
-    constructor(model: BooleanPlotly);
-    protected patchConfigParameters(chartNode: object, traces: Array<object>, layout: object, config: object): void;
+declare module "plotly/boolean" {
+    import { Question } from "survey-core";
+    import { BooleanModel } from "boolean";
+    import { PlotlyChartAdapter } from "plotly/selectBase";
+    export class PlotlyBoolChartAdapter extends PlotlyChartAdapter {
+        constructor(model: BooleanPlotly);
+        protected patchConfigParameters(chartNode: object, traces: Array<object>, layout: object, config: object): void;
+    }
+    export class BooleanPlotly extends BooleanModel {
+        private _chartAdapter;
+        static types: string[];
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        protected destroyContent(container: HTMLElement): void;
+        protected renderContent(container: HTMLElement): void;
+    }
 }
-export class BooleanPlotly extends BooleanModel {
-    static types: string[];
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    protected destroyContent(container: HTMLElement): void;
-    protected renderContent(container: HTMLElement): void;
+declare module "plotly/ranking" {
+    import { SelectBasePlotly } from "plotly/selectBase";
+    export class RankingPlotly extends SelectBasePlotly {
+        getQuestionResults(): any[];
+        getEmptyData(): any;
+        getData(): any[];
+        applyResultToPlotlyData(result: any[], plotlyData: any, choices: any): void;
+    }
 }
-
-export class RankingPlotly extends SelectBasePlotly {
-    getQuestionResults(): any[];
-    getEmptyData(): any;
-    getData(): any[];
-    applyResultToPlotlyData(result: any[], plotlyData: any, choices: any): void;
+declare module "matrixDropdownGrouped" {
+    import { ItemValue, QuestionMatrixDropdownModel, Question } from "survey-core";
+    import { SelectBase } from "selectBase";
+    export class MatrixDropdownGrouped extends SelectBase {
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        protected get matrixQuestion(): QuestionMatrixDropdownModel;
+        get dataName(): string | Array<string>;
+        getSeriesValues(): Array<string>;
+        getSeriesLabels(): Array<string>;
+        valuesSource(): Array<ItemValue>;
+        protected isSupportMissingAnswers(): boolean;
+        getData(): any[];
+    }
 }
-
-export class MatrixDropdownGroupedPlotly extends MatrixDropdownGrouped {
-    static types: string[];
-    constructor(question: QuestionMatrixDropdownModel, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    protected destroyContent(container: HTMLElement): void;
-    protected renderContent(container: HTMLElement): void;
+declare module "plotly/matrixdropdown-grouped" {
+    import { QuestionMatrixDropdownModel } from "survey-core";
+    import { MatrixDropdownGrouped } from "matrixDropdownGrouped";
+    export class MatrixDropdownGroupedPlotly extends MatrixDropdownGrouped {
+        private _chartAdapter;
+        static types: string[];
+        constructor(question: QuestionMatrixDropdownModel, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        protected destroyContent(container: HTMLElement): void;
+        protected renderContent(container: HTMLElement): void;
+    }
 }
-
-export class HistogramPlotly extends HistogramModel {
-    static types: string[];
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    protected destroyContent(container: HTMLElement): void;
-    protected renderContent(container: HTMLElement): void;
-    getData(): any[];
+declare module "plotly/histogram" {
+    import { Question } from "survey-core";
+    import { HistogramModel } from "histogram";
+    export class HistogramPlotly extends HistogramModel {
+        private _chartAdapter;
+        static types: string[];
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        protected destroyContent(container: HTMLElement): void;
+        protected renderContent(container: HTMLElement): void;
+        getData(): any[];
+    }
 }
-
-export class PlotlyGaugeAdapter {
-    constructor(model: GaugePlotly);
-    get chart(): Promise<Plotly.PlotlyHTMLElement>;
-    create(chartNode: HTMLElement): any;
-    destroy(node: HTMLElement): void;
+declare module "plotly/rating" {
+    import { Question } from "survey-core";
+    import { NumberModel } from "number";
+    import Plotly from "plotly.js-dist-min";
+    export class PlotlyGaugeAdapter {
+        private model;
+        private _chart;
+        constructor(model: GaugePlotly);
+        get chart(): Promise<Plotly.PlotlyHTMLElement>;
+        create(chartNode: HTMLElement): any;
+        destroy(node: HTMLElement): void;
+    }
+    export class GaugePlotly extends NumberModel {
+        private _chartAdapter;
+        static types: string[];
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        protected destroyContent(container: HTMLElement): void;
+        protected renderContent(container: HTMLElement): void;
+    }
 }
-export class GaugePlotly extends NumberModel {
-    static types: string[];
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    protected destroyContent(container: HTMLElement): void;
-    protected renderContent(container: HTMLElement): void;
+declare module "plotly/index" {
+    export * from "plotly/setup";
+    export * from "plotly/selectBase";
+    export * from "plotly/matrix";
+    export * from "plotly/boolean";
+    export * from "plotly/ranking";
+    export * from "plotly/matrixdropdown-grouped";
+    export * from "plotly/histogram";
+    export * from "plotly/rating";
 }
-
-export class Details {
-    protected table: Table;
-    protected targetNode: HTMLElement;
-    constructor(table: Table, row: TableRow, targetNode: HTMLElement);
-    protected location: string;
-    open(): void;
-    protected createShowAsColumnButton: (columnName: string) => HTMLElement;
-    close(): void;
+declare module "wordcloud/stopwords/english" {
+    export var stopWords: string[];
 }
-
-interface ITableExtension {
-    location: string;
-    name: string;
-    visibleIndex: number;
-    render: (table: Table, opt: any) => HTMLElement;
-    destroy?: () => void;
+declare module "wordcloud/stopwords/norwegian" {
+    export var stopWords: string[];
 }
-export class TableExtensions {
-    constructor(table: Table);
-    render(targetNode: HTMLElement, location: string, options?: any): void;
-    destroy(): void;
-    static registerExtension(extension: ITableExtension): void;
-    static unregisterExtension(location: string, actionName: string): void;
-    static findExtension(location: string, actionName: string): ITableExtension;
+declare module "wordcloud/stopwords/dutch" {
+    export var stopWords: string[];
 }
-export {};
-
-export class Matrix extends SelectBase {
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    protected get matrixQuestion(): QuestionMatrixModel;
-    protected isSupportMissingAnswers(): boolean;
-    getSeriesValues(): Array<string>;
-    getSeriesLabels(): Array<string>;
-    getSelectedItemByText(itemText: string): any;
-    valuesSource(): Array<ItemValue>;
-    protected hideEmptyAnswersInData(answersData: IAnswersData): IAnswersData;
-    getData(): any[];
+declare module "wordcloud/stopwords/index" {
+    export var textHelper: {
+        getStopWords: (locale?: string) => string[];
+    };
 }
-
-export class BooleanModel extends SelectBase {
-    protected chartTypes: string[];
-    chartType: string;
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    get booleanQuestion(): QuestionBooleanModel;
-    static trueColor: string;
-    static falseColor: string;
-    getSelectedItemByText(itemText: string): ItemValue;
-    getValues(): Array<any>;
-    getLabels(): Array<string>;
+declare module "wordcloud/wordcloud" {
+    import { Question } from "survey-core";
+    import { VisualizerBase } from "visualizerBase";
+    export class WordCloudAdapter {
+        private model;
+        private _wordcloud;
+        static drawOutOfBound: boolean;
+        static shrinkToFit: boolean;
+        static abortThreshold: any;
+        static weightFactor: number;
+        constructor(model: WordCloud);
+        get wordcloud(): any;
+        create(node: HTMLElement): any;
+        destroy(node: HTMLElement): void;
+    }
+    export class WordCloud extends VisualizerBase {
+        private _wordcloudAdapter;
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        getData(): (string | number)[][];
+        protected destroyContent(container: HTMLElement): void;
+        protected renderContent(container: HTMLElement): void;
+        destroy(): void;
+    }
 }
-
-export class MatrixDropdownGrouped extends SelectBase {
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    protected get matrixQuestion(): QuestionMatrixDropdownModel;
-    get dataName(): string | Array<string>;
-    getSeriesValues(): Array<string>;
-    getSeriesLabels(): Array<string>;
-    valuesSource(): Array<ItemValue>;
-    protected isSupportMissingAnswers(): boolean;
-    getData(): any[];
+declare module "text" {
+    import { Question } from "survey-core";
+    import { VisualizerBase } from "visualizerBase";
+    import "./text.scss";
+    export class TextTableAdapter {
+        private model;
+        constructor(model: Text);
+        create(container: HTMLElement): void;
+        destroy(node: HTMLElement): void;
+    }
+    export class Text extends VisualizerBase {
+        private _textTableAdapter;
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        getData(): {
+            columnsCount: number;
+            data: string[][];
+        };
+        protected destroyContent(container: HTMLElement): void;
+        protected renderContent(container: HTMLElement): void;
+        destroy(): void;
+    }
 }
-
-export class HistogramModel extends SelectBase {
-    protected valueType: "date" | "number";
-    protected chartTypes: string[];
-    chartType: string;
-    static IntervalsCount: number;
-    static UseIntervalsFrom: number;
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: Object, name?: string);
-    getContiniousValue(value: any): number;
-    getString(value: number): string;
-    getSelectedItemByText(itemText: string): ItemValue;
-    /**
-      * Updates visualizer data.
-      */
-    updateData(data: Array<{
-        [index: string]: any;
-    }>): void;
-    protected onDataChanged(): void;
-    protected getContiniousValues(): {
-        original: any;
-        continious: number;
-    }[];
-    protected isSupportMissingAnswers(): boolean;
-    getValues(): Array<any>;
-    getLabels(): Array<string>;
-    get hasCustomIntervals(): boolean;
-    get intervals(): any;
-    getData(): any;
+declare module "choices-table" {
+    import { Question } from "survey-core";
+    import { SelectBase } from "selectBase";
+    import "./choices-table.scss";
+    export class ChoicesTableAdapter {
+        private model;
+        constructor(model: ChoicesTable);
+        create(container: HTMLElement): void;
+        destroy(node: HTMLElement): void;
+    }
+    export class ChoicesTable extends SelectBase {
+        private _choicesTableAdapter;
+        constructor(question: Question, data: Array<{
+            [index: string]: any;
+        }>, options?: Object, name?: string);
+        protected destroyContent(container: HTMLElement): void;
+        protected renderContent(container: HTMLElement): void;
+        destroy(): void;
+    }
 }
-
-export class NumberModel extends VisualizerBase {
-    static stepsCount: number;
-    static generateTextsCallback: (question: Question, maxValue: number, minValue: number, stepsCount: number, texts: string[]) => string[];
-    protected chartTypes: Array<string>;
-    chartType: String;
-    static showAsPercentage: boolean;
-    constructor(question: Question, data: Array<{
-        [index: string]: any;
-    }>, options?: {
-        [index: string]: any;
-    }, name?: string);
-    protected onDataChanged(): void;
-    protected onChartTypeChanged(): void;
-    protected setChartType(chartType: string): void;
-    destroy(): void;
-    generateText(maxValue: number, minValue: number, stepsCount: number): any;
-    generateValues(maxValue: number, stepsCount: number): any[];
-    generateColors(maxValue: number, minValue: number, stepsCount: number): any[];
-    getData(): number[];
+declare module "entries/summary" {
+    export * from "localizationManager";
+    import "localization/farsi";
+    import "localization/french";
+    import "localization/norwegian";
+    import "localization/portuguese";
+    import "localization/russian";
+    import "localization/dutch";
+    import "localization/spanish";
+    import "localization/italian";
+    export * from "dataProvider";
+    export * from "number";
+    export * from "selectBase";
+    export * from "matrix";
+    export * from "boolean";
+    export * from "histogram";
+    export * from "visualizerBase";
+    export * from "visualizationManager";
+    export * from "visualizationPanel";
+    export * from "visualizationPanelDynamic";
+    export * from "visualizationMatrixDynamic";
+    export * from "visualizationMatrixDropdown";
+    export * from "alternativeVizualizersWrapper";
+    export * from "plotly/index";
+    export * from "wordcloud/wordcloud";
+    export * from "wordcloud/stopwords/index";
+    export * from "text";
+    export * from "choices-table";
+    export { DocumentHelper } from "utils/index";
 }
-
-
+declare module 'survey-analytics' { import main = require('entries/summary'); export = main; }