survey-analytics 1.12.54 → 1.12.56

package/survey.analytics.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.3.6
+ * surveyjs - SurveyJS Dashboard library v2.3.11
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -6859,7 +6859,7 @@ __webpack_require__.r(__webpack_exports__);
 var AlternativeVisualizersWrapper = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(AlternativeVisualizersWrapper, _super);
     function AlternativeVisualizersWrapper(visualizers, question, data, options) {
-        var _this = _super.call(this, question, data, options) || this;
+        var _this = _super.call(this, question, data, options, "alternative") || this;
         _this.visualizers = visualizers;
         _this.visualizersWithSelection = [];
         _this.onAfterVisualizerRenderCallback = function () {
@@ -6885,14 +6885,16 @@ var AlternativeVisualizersWrapper = /** @class */ (function (_super) {
                 _this.visualizersWithSelection.push(visualizer);
             }
         });
-        _this.registerToolbarItem("changeVisualizer", function () {
-            return _this.visualizerSelector = _utils_index__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createSelector(_this.visualizers.map(function (visualizer) {
-                return {
-                    value: visualizer.type,
-                    text: _localizationManager__WEBPACK_IMPORTED_MODULE_2__.localization.getString("visualizer_" + visualizer.type),
-                };
-            }), function (option) { return _this.visualizer.type === option.value; }, function (e) { return _this.setVisualizer(e.target.value); });
-        }, 0);
+        if (_this.options.allowChangeVisualizerType !== false) {
+            _this.registerToolbarItem("changeVisualizer", function () {
+                return _this.visualizerSelector = _utils_index__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createSelector(_this.visualizers.map(function (visualizer) {
+                    return {
+                        value: visualizer.type,
+                        text: _localizationManager__WEBPACK_IMPORTED_MODULE_2__.localization.getString("visualizer_" + visualizer.type),
+                    };
+                }), function (option) { return _this.visualizer.type === option.value; }, function (e) { return _this.setVisualizer(e.target.value); });
+            }, 0);
+        }
         _this.visualizer = visualizers[0];
         _this.visualizer.onAfterRender.add(_this.onAfterVisualizerRenderCallback);
         _this.visualizer.onStateChanged.add(_this.onVisualizerStateChangedCallback);
@@ -7228,7 +7230,39 @@ var arabicStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "المجموعات:",
     // [Auto-translated] "Not selected"
-    notSelected: "غير محدد"
+    notSelected: "غير محدد",
+    // [Auto-translated] "Default"
+    intervalMode_default: "افتراضي",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "عقود",
+    // [Auto-translated] "Years"
+    intervalMode_years: "اعوام",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "ارباع",
+    // [Auto-translated] "Months"
+    intervalMode_months: "أشهر",
+    // [Auto-translated] "Days"
+    intervalMode_days: "أيام",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "تقليد",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "تلقائي",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "فترات:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "إظهار القيم الفردية",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "إظهار الإجماليات الجارية",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "مقارنة الفترات",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "عرض الجدول الزمني",
+    // [Auto-translated] "None"
+    noneAggregateText: "اي",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "تجميع:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "ينتهي العام ب"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "ar", strings: arabicStrings, nativeName: "العربية" });
 
@@ -7412,7 +7446,39 @@ var dutchStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Groepen:",
     // [Auto-translated] "Not selected"
-    notSelected: "Niet geselecteerd"
+    notSelected: "Niet geselecteerd",
+    // [Auto-translated] "Default"
+    intervalMode_default: "Verstek",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Decennia",
+    // [Auto-translated] "Years"
+    intervalMode_years: "Jaren",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Vertrekken",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Maanden",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Dagen",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Gewoonte",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Auto",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Intervallen:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Toon individuele waarden",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Toon lopende totalen",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Vergelijk periodes",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Tijdlijn bekijken",
+    // [Auto-translated] "None"
+    noneAggregateText: "Geen",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Aggregaat:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "Het jaar eindigt met"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "nl", strings: dutchStrings, nativeName: "Nederlands" });
 
@@ -7515,6 +7581,22 @@ var englishStrings = {
     axisXAlternativeSelectorTitle: "Segments:",
     axisYAlternativeSelectorTitle: "Groups:",
     notSelected: "Not selected",
+    intervalMode_default: "Default",
+    intervalMode_decades: "Decades",
+    intervalMode_years: "Years",
+    intervalMode_quarters: "Quarters",
+    intervalMode_months: "Months",
+    intervalMode_days: "Days",
+    intervalMode_custom: "Custom",
+    intervalMode_auto: "Auto",
+    intervalModeTitle: "Intervals:",
+    noRunningTotals: "Show individual values",
+    runningTotals: "Show running totals",
+    groupDateSeries: "Compare periods",
+    ungroupDateSeries: "View timeline",
+    noneAggregateText: "None",
+    selectAggregateText: "Aggregate:",
+    groupedYearsAxisTitle: "Year ends with",
     license: "To use the Dashboard library in your application, a <a href='https://surveyjs.io/licensing' target='_blank'>developer license</a> is required. If you have an active license, please <a href='https://surveyjs.io/remove-alert-banner' target='_blank'>set up your license key</a> and ensure you're using the <a href='https://surveyjs.io/stay-updated/release-notes' target='_blank'>latest version</a>.",
     license2: "This banner appears because your maintenance subscription for the Dashboard library expired on {date}. You may continue using <a href='https://surveyjs.io/stay-updated/release-notes' target='_blank'>all versions released up to that date</a>. To remove this banner in the latest version, please <a href='https://surveyjs.io/manage#license-manager' target='_blank'>renew your subscription</a> and <a href='https://surveyjs.io/remove-alert-banner' target='_blank'>set up a new license key</a>."
 };
@@ -7703,7 +7785,39 @@ var farsiStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "گروه:",
     // [Auto-translated] "Not selected"
-    notSelected: "انتخاب نشده است"
+    notSelected: "انتخاب نشده است",
+    // [Auto-translated] "Default"
+    intervalMode_default: "پیش فرض",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "دهه",
+    // [Auto-translated] "Years"
+    intervalMode_years: "سال",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "چهارم",
+    // [Auto-translated] "Months"
+    intervalMode_months: "ماه‌ها",
+    // [Auto-translated] "Days"
+    intervalMode_days: "روز‌ها",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "سفارشی",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "خودکار",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "فواصل:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "نمایش ارزش های فردی",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "نمایش مجموع در حال اجرا",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "دوره ها را مقایسه کنید",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "مشاهده جدول زمانی",
+    // [Auto-translated] "None"
+    noneAggregateText: "هیچ کدام",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "مجموع:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "سال به پایان می رسد با"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "fa", strings: farsiStrings, nativeName: "فارسی" });
 
@@ -7887,7 +8001,39 @@ var finnishStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Ryhmät:",
     // [Auto-translated] "Not selected"
-    notSelected: "Ei valittu"
+    notSelected: "Ei valittu",
+    // [Auto-translated] "Default"
+    intervalMode_default: "Laiminlyönti",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Vuosikymmeniä",
+    // [Auto-translated] "Years"
+    intervalMode_years: "Vuosia",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Neljäsosaa",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Kuukautta",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Päivää",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Tapa",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Auto",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Välein:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Näytä yksittäiset arvot",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Näytä juoksevat kokonaismäärät",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Vertaile kausia",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Näytä aikajana",
+    // [Auto-translated] "None"
+    noneAggregateText: "Ei lainkaan",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Aggregaatti:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "Vuosi päättyy"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "fi", strings: finnishStrings, nativeName: "Suomi" });
 
@@ -8071,7 +8217,39 @@ var frenchStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Groupe:",
     // [Auto-translated] "Not selected"
-    notSelected: "Non sélectionné"
+    notSelected: "Non sélectionné",
+    // [Auto-translated] "Default"
+    intervalMode_default: "Faire défaut",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Décennies",
+    // [Auto-translated] "Years"
+    intervalMode_years: "Années",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Quartier",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Mois",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Jours",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Coutume",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Auto",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Intervalles:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Afficher les valeurs individuelles",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Afficher les totaux cumulés",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Comparer les périodes",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Voir la chronologie",
+    // [Auto-translated] "None"
+    noneAggregateText: "Aucun",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Agrégat:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "L’exercice se termine avec"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "fr", strings: frenchStrings, nativeName: "Français" });
 
@@ -8255,7 +8433,39 @@ var germanStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Gruppen:",
     // [Auto-translated] "Not selected"
-    notSelected: "Nicht ausgewählt"
+    notSelected: "Nicht ausgewählt",
+    // [Auto-translated] "Default"
+    intervalMode_default: "Vorgabe",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Dekaden",
+    // [Auto-translated] "Years"
+    intervalMode_years: "Jahre",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Quartier",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Monate",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Tage",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Gewohnheit",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Auto",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Intervalle:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Einzelne Werte anzeigen",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Laufende Summen anzeigen",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Zeiträume vergleichen",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Zeitleiste anzeigen",
+    // [Auto-translated] "None"
+    noneAggregateText: "Nichts",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Aggregat:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "Das Jahr endet mit"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "de", strings: germanStrings, nativeName: "Deutsch" });
 
@@ -8439,7 +8649,39 @@ var italianStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Gruppi:",
     // [Auto-translated] "Not selected"
-    notSelected: "Non selezionato"
+    notSelected: "Non selezionato",
+    // [Auto-translated] "Default"
+    intervalMode_default: "Default",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Decenni",
+    // [Auto-translated] "Years"
+    intervalMode_years: "Anni",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Quarti",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Mesi",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Giorni",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Costume",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Automatico",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Intervalli:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Mostra i singoli valori",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Mostra totali parziali",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Confronta i periodi",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Visualizza la timeline",
+    // [Auto-translated] "None"
+    noneAggregateText: "Nessuno",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Aggregato:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "L'anno si chiude con"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "it", strings: italianStrings, nativeName: "Italiano" });
 
@@ -8623,7 +8865,39 @@ var japaneseStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "グループ：",
     // [Auto-translated] "Not selected"
-    notSelected: "選択されていない"
+    notSelected: "選択されていない",
+    // [Auto-translated] "Default"
+    intervalMode_default: "デフォルト",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "数 十 年",
+    // [Auto-translated] "Years"
+    intervalMode_years: "月日",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "四半期",
+    // [Auto-translated] "Months"
+    intervalMode_months: "月",
+    // [Auto-translated] "Days"
+    intervalMode_days: "日",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "習慣",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "自動",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "間隔：",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "個々の値を表示する",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "累計を表示する",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "期間の比較",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "タイムラインの表示",
+    // [Auto-translated] "None"
+    noneAggregateText: "何一つ",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "骨材：",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "年末は"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "ja", strings: japaneseStrings, nativeName: "日本語" });
 
@@ -8807,7 +9081,39 @@ var norwegianStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Grupper:",
     // [Auto-translated] "Not selected"
-    notSelected: "Ikke valgt"
+    notSelected: "Ikke valgt",
+    // [Auto-translated] "Default"
+    intervalMode_default: "Standard",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Tiår",
+    // [Auto-translated] "Years"
+    intervalMode_years: "År",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Kvartaler",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Måneder",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Dager",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Skikk",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Auto",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Intervaller:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Vis individuelle verdier",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Vis løpende totaler",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Sammenlign perioder",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Vis tidslinje",
+    // [Auto-translated] "None"
+    noneAggregateText: "Ingen",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Samlet:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "Året avsluttes med"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "no", strings: norwegianStrings, nativeName: "Norsk" });
 
@@ -8991,7 +9297,39 @@ var plStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Grupy:",
     // [Auto-translated] "Not selected"
-    notSelected: "Nie wybrano"
+    notSelected: "Nie wybrano",
+    // [Auto-translated] "Default"
+    intervalMode_default: "Domyślny",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Dziesięciolecia",
+    // [Auto-translated] "Years"
+    intervalMode_years: "Lata",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Kwartałów",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Miesiące",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Dni",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Zwyczaj",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Automatycznie",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Odstępach czasu:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Pokaż poszczególne wartości",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Pokazywanie sum bieżących",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Porównywanie okresów",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Wyświetl oś czasu",
+    // [Auto-translated] "None"
+    noneAggregateText: "Żaden",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Kruszywo:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "Rok kończy się na"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "pl", strings: plStrings, nativeName: "Polski" });
 
@@ -9175,7 +9513,39 @@ var portugueseStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Grupos:",
     // [Auto-translated] "Not selected"
-    notSelected: "Não selecionado"
+    notSelected: "Não selecionado",
+    // [Auto-translated] "Default"
+    intervalMode_default: "Inadimplência",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Décadas",
+    // [Auto-translated] "Years"
+    intervalMode_years: "Anos",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Quartos",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Meses",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Dias",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Costume",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Automático",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Intervalos:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Mostrar valores individuais",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Mostrar totais acumulados",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Comparar períodos",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Ver linha do tempo",
+    // [Auto-translated] "None"
+    noneAggregateText: "Nenhum",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Agregado:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "O ano termina com"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "pt", strings: portugueseStrings, nativeName: "Português" });
 
@@ -9359,7 +9729,39 @@ var russianStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Группы:",
     // [Auto-translated] "Not selected"
-    notSelected: "Не выбрано"
+    notSelected: "Не выбрано",
+    // [Auto-translated] "Default"
+    intervalMode_default: "По умолчанию",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Десятилетий",
+    // [Auto-translated] "Years"
+    intervalMode_years: "Годы",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Квартира",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Месяцы",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Дни недели",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Обычай",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Авто",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Интервалы:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Отображение отдельных значений",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Показать промежуточные итоги",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Сравнение периодов",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Просмотр временной шкалы",
+    // [Auto-translated] "None"
+    noneAggregateText: "Никакой",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Совокупность:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "Год заканчивается с"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "ru", strings: russianStrings, nativeName: "Русский" });
 
@@ -9543,7 +9945,39 @@ var spanishStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Grupos:",
     // [Auto-translated] "Not selected"
-    notSelected: "No seleccionado"
+    notSelected: "No seleccionado",
+    // [Auto-translated] "Default"
+    intervalMode_default: "Predeterminado",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Décadas",
+    // [Auto-translated] "Years"
+    intervalMode_years: "Años",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Alojamiento",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Meses",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Días",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Costumbre",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Automático",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Intervalos:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Mostrar valores individuales",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Mostrar totales acumulados",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Comparar períodos",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Ver cronograma",
+    // [Auto-translated] "None"
+    noneAggregateText: "Ninguno",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Agregado:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "El año termina con"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "es", strings: spanishStrings, nativeName: "Español" });
 
@@ -9727,7 +10161,39 @@ var swedishStrings = {
     // [Auto-translated] "Groups:"
     axisYAlternativeSelectorTitle: "Grupper:",
     // [Auto-translated] "Not selected"
-    notSelected: "Inte valt"
+    notSelected: "Inte valt",
+    // [Auto-translated] "Default"
+    intervalMode_default: "Standard",
+    // [Auto-translated] "Decades"
+    intervalMode_decades: "Årtionden",
+    // [Auto-translated] "Years"
+    intervalMode_years: "År",
+    // [Auto-translated] "Quarters"
+    intervalMode_quarters: "Bostad",
+    // [Auto-translated] "Months"
+    intervalMode_months: "Månader",
+    // [Auto-translated] "Days"
+    intervalMode_days: "Dagar",
+    // [Auto-translated] "Custom"
+    intervalMode_custom: "Sed",
+    // [Auto-translated] "Auto"
+    intervalMode_auto: "Bil",
+    // [Auto-translated] "Intervals:"
+    intervalModeTitle: "Mellanrum:",
+    // [Auto-translated] "Show individual values"
+    noRunningTotals: "Visa individuella värden",
+    // [Auto-translated] "Show running totals"
+    runningTotals: "Visa löpande totaler",
+    // [Auto-translated] "Compare periods"
+    groupDateSeries: "Jämför perioder",
+    // [Auto-translated] "View timeline"
+    ungroupDateSeries: "Visa tidslinjen",
+    // [Auto-translated] "None"
+    noneAggregateText: "Ingen",
+    // [Auto-translated] "Aggregate:"
+    selectAggregateText: "Aggregat:",
+    // [Auto-translated] "Year ends with"
+    groupedYearsAxisTitle: "Året slutar med"
 };
 (0,_localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale)({ localeCode: "sv", strings: swedishStrings, nativeName: "Svenska" });
 
@@ -9839,6 +10305,10 @@ var DataProvider = /** @class */ (function () {
         if (_data === void 0) { _data = []; }
         this._data = _data;
         this.filterValues = {};
+        /**
+         * Fires when data has been changed.
+         */
+        this.onFilterChanged = new survey_core__WEBPACK_IMPORTED_MODULE_0__.Event();
         /**
          * Fires when data has been changed.
          */
@@ -9885,13 +10355,17 @@ var DataProvider = /** @class */ (function () {
                             var filterValueType = typeof filterValue;
                             var questionValue = item[key];
                             if (Array.isArray(questionValue)) {
-                                if (filterValueType !== "object")
+                                if (filterValueType === "object") {
+                                    return !questionArrayValueContainsValue(questionValue, filterValue);
+                                }
+                                else {
                                     return questionValue.indexOf(filterValue) == -1;
+                                }
                             }
                             if (typeof questionValue === "object") {
                                 if (filterValueType !== "object")
                                     return true;
-                                return !questionContainsValue(questionValue, filterValue);
+                                return !questionValueContainsValue(questionValue, filterValue);
                             }
                             var seriesValue = item[DataProvider.seriesMarkerKey];
                             if (!!seriesValue && filterValueType === "object") {
@@ -9927,16 +10401,38 @@ var DataProvider = /** @class */ (function () {
         var filterChanged = true;
         if (selectedValue !== undefined) {
             filterChanged = this.filterValues[questionName] !== selectedValue;
-            this.filterValues[questionName] = selectedValue;
+            if (filterChanged) {
+                this.filterValues[questionName] = selectedValue;
+            }
         }
         else {
             filterChanged = this.filterValues[questionName] !== undefined;
-            delete this.filterValues[questionName];
+            if (filterChanged) {
+                delete this.filterValues[questionName];
+            }
         }
         if (filterChanged) {
+            this.raiseFilterChanged(questionName, selectedValue);
             this.raiseDataChanged();
         }
     };
+    /**
+     * Resets filter.
+     */
+    DataProvider.prototype.resetFilter = function () {
+        var _this = this;
+        if (Object.keys(this.filterValues).length === 0) {
+            return;
+        }
+        Object.keys(this.filterValues).forEach(function (key) { return delete _this.filterValues[key]; });
+        this.raiseFilterChanged();
+        this.raiseDataChanged();
+    };
+    DataProvider.prototype.raiseFilterChanged = function (questionName, selectedValue) {
+        if (!this.onFilterChanged.isEmpty) {
+            this.onFilterChanged.fire(this, { questionName: questionName, selectedValue: selectedValue });
+        }
+    };
     DataProvider.prototype.raiseDataChanged = function (questionName) {
         this._filteredData = undefined;
         if (!this.onDataChanged.isEmpty) {
@@ -9947,11 +10443,33 @@ var DataProvider = /** @class */ (function () {
         var _this = this;
         return Object.keys(this.filterValues).map(function (key) { return ({ field: key, type: "=", value: _this.filterValues[key] }); });
     };
+    DataProvider.prototype.fixDropdownData = function (dataNames) {
+        (this.data || []).forEach(function (dataItem) {
+            var rawDataItem = dataItem[dataNames[0]];
+            if (!!rawDataItem && typeof rawDataItem === "object" && !Array.isArray(rawDataItem)) {
+                var arrayData_1 = [];
+                Object.keys(rawDataItem).forEach(function (key) {
+                    var nestedDataItem = Object.assign({}, rawDataItem[key]);
+                    nestedDataItem[DataProvider.seriesMarkerKey] = key;
+                    arrayData_1.push(nestedDataItem);
+                });
+                dataItem[dataNames[0]] = arrayData_1;
+            }
+        });
+    };
     DataProvider.seriesMarkerKey = "__sa_series_name";
     return DataProvider;
 }());
 
-function questionContainsValue(questionValue, filterValue) {
+function questionArrayValueContainsValue(questionValues, filterValue) {
+    for (var i = 0; i < questionValues.length; i++) {
+        if (questionValueContainsValue(questionValues[i], filterValue)) {
+            return true;
+        }
+    }
+    return false;
+}
+function questionValueContainsValue(questionValue, filterValue) {
     var questionValueKeys = Object.keys(questionValue);
     var filterValueKeys = Object.keys(filterValue);
     if (filterValueKeys.length > questionValueKeys.length)
@@ -10027,7 +10545,9 @@ var FilterInfo = /** @class */ (function () {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   HistogramModel: () => (/* binding */ HistogramModel)
+/* harmony export */   HistogramModel: () => (/* binding */ HistogramModel),
+/* harmony export */   getBestIntervalMode: () => (/* binding */ getBestIntervalMode),
+/* harmony export */   intervalCalculators: () => (/* binding */ intervalCalculators)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
@@ -10036,12 +10556,154 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _selectBase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectBase */ "./src/selectBase.ts");
 /* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
 /* harmony import */ var _statisticCalculators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./statisticCalculators */ "./src/statisticCalculators.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ "./src/utils/index.ts");
+/* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
+
+
 
 
 
 
 
 
+function getQuarter(date) {
+    switch (Math.floor(date.getMonth() / 3) + 1) {
+        case 1: return "I";
+        case 2: return "II";
+        case 3: return "III";
+        case 4: return "IV";
+    }
+}
+function getBestIntervalMode(min, max) {
+    var start = new Date(min);
+    var end = new Date(max);
+    var totalMonths = (end.getFullYear() - start.getFullYear()) * 12 + (end.getMonth() - start.getMonth());
+    if (totalMonths > 10 * 12)
+        return "decades";
+    if (totalMonths > 2 * 12)
+        return "years";
+    if (totalMonths > 1 * 12)
+        return "quarters";
+    if (totalMonths > 4)
+        return "months";
+    return "days";
+}
+var intervalCalculators = {
+    decades: function (min, max) {
+        var intervals = [];
+        var start = new Date(min);
+        start.setFullYear(Math.floor(start.getFullYear() / 10) * 10);
+        start.setMonth(0);
+        start.setDate(1);
+        start.setHours(0, 0, 0, 0);
+        var startYear = start.getFullYear();
+        var end = new Date(max);
+        var endYear = end.getFullYear();
+        while (startYear <= endYear) {
+            var intervalStart = new Date(startYear, 0, 1);
+            var intervalEnd = new Date(startYear + 10, 0, 1);
+            intervals.push({
+                start: intervalStart.getTime(),
+                end: intervalEnd.getTime(),
+                label: "" + startYear + "s"
+            });
+            startYear += 10;
+        }
+        return intervals;
+    },
+    years: function (min, max) {
+        var intervals = [];
+        var start = new Date(min);
+        start.setMonth(0);
+        start.setDate(1);
+        start.setHours(0, 0, 0, 0);
+        var startYear = start.getFullYear();
+        var end = new Date(max);
+        var endYear = end.getFullYear();
+        while (startYear <= endYear) {
+            var intervalStart = new Date(startYear, 0, 1);
+            var intervalEnd = new Date(startYear + 1, 0, 1);
+            intervals.push({
+                start: intervalStart.getTime(),
+                end: intervalEnd.getTime(),
+                label: "" + startYear
+            });
+            startYear++;
+        }
+        return intervals;
+    },
+    months: function (min, max) {
+        var intervals = [];
+        var start = new Date(min);
+        start.setDate(1);
+        start.setHours(0, 0, 0, 0);
+        var startYear = start.getFullYear();
+        var startMonth = start.getMonth();
+        var end = new Date(max);
+        var endYear = end.getFullYear();
+        var endMonth = end.getMonth();
+        while (startYear < endYear || (startYear === endYear && startMonth <= endMonth)) {
+            var intervalStart = new Date(startYear, startMonth, 1);
+            var intervalEnd = new Date(startYear, startMonth + 1, 1);
+            intervals.push({
+                start: intervalStart.getTime(),
+                end: intervalEnd.getTime(),
+                label: intervalStart.toLocaleDateString(undefined, { year: "numeric", month: "short" })
+            });
+            startMonth++;
+            if (startMonth >= 12) {
+                startMonth = 0;
+                startYear++;
+            }
+        }
+        return intervals;
+    },
+    quarters: function (min, max) {
+        var intervals = [];
+        var start = new Date(min);
+        start.setDate(1);
+        start.setHours(0, 0, 0, 0);
+        var startYear = start.getFullYear();
+        var startMonth = start.getMonth();
+        var end = new Date(max);
+        var endYear = end.getFullYear();
+        var endMonth = end.getMonth();
+        while (startYear < endYear || (startYear === endYear && startMonth <= endMonth)) {
+            var intervalStart = new Date(startYear, startMonth, 1);
+            var intervalEnd = new Date(startYear, startMonth + 3, 1);
+            intervals.push({
+                start: intervalStart.getTime(),
+                end: intervalEnd.getTime(),
+                label: getQuarter(intervalStart) + " " + intervalStart.getFullYear().toString()
+            });
+            startMonth += 3;
+            if (startMonth >= 12) {
+                startMonth = startMonth % 12;
+                startYear++;
+            }
+        }
+        return intervals;
+    },
+    days: function (min, max) {
+        var intervals = [];
+        var start = new Date(min);
+        start.setHours(0, 0, 0, 0);
+        var end = new Date(max);
+        end.setHours(0, 0, 0, 0);
+        while (start <= end) {
+            var intervalStart = new Date(start);
+            var intervalEnd = new Date(start);
+            intervalEnd.setDate(intervalEnd.getDate() + 1);
+            intervals.push({
+                start: intervalStart.getTime(),
+                end: intervalEnd.getTime(),
+                label: intervalStart.toLocaleDateString()
+            });
+            start.setDate(start.getDate() + 1);
+        }
+        return intervals;
+    }
+};
 var HistogramModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(HistogramModel, _super);
     function HistogramModel(question, data, options, name) {
@@ -10051,6 +10713,14 @@ var HistogramModel = /** @class */ (function (_super) {
         _this._continuousData = undefined;
         _this._cachedIntervals = undefined;
         _this._intervalPrecision = 2;
+        _this.showRunningTotalsBtn = undefined;
+        _this.showGroupedBtn = undefined;
+        _this.changeIntervalsModeSelector = undefined;
+        _this.aggregateDataNameSelector = undefined;
+        _this.intervalModes = ["auto", "decades", "years", "quarters", "months", "days"];
+        _this._showRunningTotals = false;
+        _this._showGrouped = false;
+        _this._aggregateDataName = "";
         _this._transposeData = false;
         if (_this.options.intervalPrecision !== undefined) {
             _this._intervalPrecision = _this.options.intervalPrecision;
@@ -10062,8 +10732,63 @@ var HistogramModel = /** @class */ (function (_super) {
         else {
             _this.valueType = "number";
         }
+        _this._intervalsMode = _this.valueType === "date" ? "auto" : "default";
+        if (_this.allowChangeIntervals) {
+            _this.registerToolbarItem("changeIntervalsMode", function () {
+                _this.changeIntervalsModeSelector = _utils__WEBPACK_IMPORTED_MODULE_6__.DocumentHelper.createSelector(_this.intervalModes.map(function (intervalModeValue) {
+                    return {
+                        value: intervalModeValue,
+                        text: _localizationManager__WEBPACK_IMPORTED_MODULE_7__.localization.getString("intervalMode_" + intervalModeValue),
+                    };
+                }), function (option) { return _this.intervalsMode === option.value; }, function (e) {
+                    _this.intervalsMode = e.target.value;
+                }, _localizationManager__WEBPACK_IMPORTED_MODULE_7__.localization.getString("intervalModeTitle"));
+                return _this.changeIntervalsModeSelector;
+            });
+        }
+        if (_this.possibleAggregateDataNames.length > 0) {
+            _this.registerToolbarItem("aggregateDataName", function () {
+                var choices = _this.possibleAggregateDataNames.map(function (dataName) {
+                    return typeof dataName === "string" ? { value: dataName, text: dataName } : dataName;
+                });
+                choices.unshift({ value: "", text: _localizationManager__WEBPACK_IMPORTED_MODULE_7__.localization.getString("noneAggregateText") }),
+                    _this.aggregateDataNameSelector = _utils__WEBPACK_IMPORTED_MODULE_6__.DocumentHelper.createSelector(choices, function (option) { return _this.aggregateDataName === option.value; }, function (e) {
+                        _this.aggregateDataName = e.target.value;
+                    }, _localizationManager__WEBPACK_IMPORTED_MODULE_7__.localization.getString("selectAggregateText"));
+                _this.updateAggregateDataNameSelector();
+                return _this.aggregateDataNameSelector;
+            });
+        }
+        if (_this.allowChangeIntervals && _this.options.allowRunningTotals) {
+            _this.registerToolbarItem("showRunningTotals", function () {
+                _this.showRunningTotalsBtn = _utils__WEBPACK_IMPORTED_MODULE_6__.DocumentHelper.createButton(function () {
+                    _this.showRunningTotals = !_this.showRunningTotals;
+                });
+                _this.updateShowRunningTotalsBtn();
+                return _this.showRunningTotalsBtn;
+            });
+        }
+        if (_this.allowChangeIntervals && _this.options.allowCompareDatePeriods) {
+            _this.registerToolbarItem("showGrouped", function () {
+                _this.showGroupedBtn = _utils__WEBPACK_IMPORTED_MODULE_6__.DocumentHelper.createButton(function () {
+                    _this.showGrouped = !_this.showGrouped;
+                });
+                _this.updateShowGroupedBtn();
+                return _this.showGroupedBtn;
+            });
+        }
         return _this;
     }
+    HistogramModel.prototype.updateIntervalsModeSelector = function () {
+        if (!!this.changeIntervalsModeSelector) {
+            this.changeIntervalsModeSelector.getElementsByTagName("select")[0].value = this.intervalsMode;
+        }
+    };
+    HistogramModel.prototype.updateAggregateDataNameSelector = function () {
+        if (!!this.aggregateDataNameSelector) {
+            this.aggregateDataNameSelector.getElementsByTagName("select")[0].value = this.aggregateDataName;
+        }
+    };
     HistogramModel.prototype.reset = function () {
         this._continuousData = undefined;
         this._cachedValues = undefined;
@@ -10105,6 +10830,17 @@ var HistogramModel = /** @class */ (function (_super) {
         this.reset();
         _super.prototype.onDataChanged.call(this);
     };
+    HistogramModel.prototype.onSelectionChanged = function (item) {
+        if (item !== undefined && this.onDataItemSelected !== undefined) {
+            if (this.valueType === "date") {
+                var currIntervalCalueIndex = this.intervalModes.indexOf(this.intervalsMode);
+                if (currIntervalCalueIndex > 0 && currIntervalCalueIndex < this.intervalModes.length - 1) {
+                    this.intervalsMode = this.intervalModes[currIntervalCalueIndex + 1];
+                }
+            }
+        }
+        _super.prototype.onSelectionChanged.call(this, item);
+    };
     HistogramModel.prototype.getContinuousValues = function () {
         var _this = this;
         if (this._cachedValues === undefined) {
@@ -10115,20 +10851,26 @@ var HistogramModel = /** @class */ (function (_super) {
             this._continuousData = {};
             series.forEach(function (seriesValue) { return _this._continuousData[seriesValue] = []; });
             var hash_1 = {};
-            this.data.forEach(function (dataItem) {
-                var answerData = dataItem[_this.name];
-                if (answerData !== undefined) {
-                    var seriesValue = dataItem[_dataProvider__WEBPACK_IMPORTED_MODULE_2__.DataProvider.seriesMarkerKey] || "";
-                    // TODO: _continuousData should be sorted in order to speed-up statistics calculation in the getData function
-                    _this._continuousData[seriesValue].push(_this.getContinuousValue(answerData));
-                    hash_1[answerData] = answerData;
-                }
+            this.data.forEach(function (dataRow) {
+                var nestedDataRows = (0,_statisticCalculators__WEBPACK_IMPORTED_MODULE_5__.getNestedDataRows)(dataRow, _this);
+                nestedDataRows.forEach(function (nestedDataRow) {
+                    var answerData = nestedDataRow[_this.dataNames[0]];
+                    if (answerData !== undefined) {
+                        var seriesValue = nestedDataRow[_dataProvider__WEBPACK_IMPORTED_MODULE_2__.DataProvider.seriesMarkerKey] || "";
+                        // TODO: _continuousData should be sorted in order to speed-up statistics calculation in the getData function
+                        _this._continuousData[seriesValue].push({ continuous: _this.getContinuousValue(answerData), row: nestedDataRow });
+                        hash_1[answerData] = answerData;
+                    }
+                });
             });
-            this._cachedValues = Object.keys(hash_1).map(function (key) { return ({ original: hash_1[key], continuous: _this.getContinuousValue(key) }); });
+            this._cachedValues = Object.keys(hash_1).map(function (key) { return ({ original: hash_1[key], continuous: _this.getContinuousValue(key), row: hash_1[key].row }); });
             this._cachedValues.sort(function (a, b) { return a.continuous - b.continuous; });
         }
         return this._cachedValues;
     };
+    HistogramModel.prototype.isSupportSoftUpdateContent = function () {
+        return false;
+    };
     HistogramModel.prototype.isSupportMissingAnswers = function () {
         return false;
     };
@@ -10185,18 +10927,24 @@ var HistogramModel = /** @class */ (function (_super) {
                 if (continuousValues.length) {
                     var start = continuousValues[0].continuous;
                     var end = continuousValues[continuousValues.length - 1].continuous;
-                    var intervalsCount = HistogramModel.IntervalsCount;
-                    var delta = (end - start) / intervalsCount;
-                    for (var i = 0; i < intervalsCount; ++i) {
-                        var next = start + delta;
-                        var istart = this.toPrecision(start);
-                        var inext = this.toPrecision(next);
-                        this._cachedIntervals.push({
-                            start: istart,
-                            end: i < intervalsCount - 1 ? inext : inext + delta / 100,
-                            label: "" + this.getString(istart) + "-" + this.getString(inext)
-                        });
-                        start = next;
+                    var intervalsMode = this.intervalsMode === "auto" ? getBestIntervalMode(start, end) : this.intervalsMode;
+                    if (intervalCalculators[intervalsMode] !== undefined) {
+                        this._cachedIntervals = intervalCalculators[intervalsMode](start, end);
+                    }
+                    else {
+                        var intervalsCount = HistogramModel.IntervalsCount;
+                        var delta = (end - start) / intervalsCount;
+                        for (var i = 0; i < intervalsCount; ++i) {
+                            var next = start + delta;
+                            var istart = this.toPrecision(start);
+                            var inext = this.toPrecision(next);
+                            this._cachedIntervals.push({
+                                start: istart,
+                                end: i < intervalsCount - 1 ? inext : inext + delta / 100,
+                                label: "" + this.getString(istart) + "-" + this.getString(inext)
+                            });
+                            start = next;
+                        }
                     }
                 }
             }
@@ -10205,12 +10953,241 @@ var HistogramModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(HistogramModel.prototype, "intervalsMode", {
+        get: function () {
+            if (this.hasCustomIntervals)
+                return "custom";
+            return this._intervalsMode;
+        },
+        set: function (val) {
+            if (this.allowChangeIntervals && this._intervalsMode !== val) {
+                this._intervalsMode = val;
+                if (!this.canShowGroupedDateSeries) {
+                    this._showGrouped = false;
+                }
+                this.updateIntervalsModeSelector();
+                this.updateShowGroupedBtn();
+                this.onDataChanged();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HistogramModel.prototype, "allowChangeIntervals", {
+        get: function () {
+            return this.valueType === "date" && !this.hasCustomIntervals && this.options.allowChangeIntervals === true;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HistogramModel.prototype, "showRunningTotals", {
+        get: function () {
+            return this._showRunningTotals;
+        },
+        set: function (val) {
+            this._showRunningTotals = val;
+            this.updateShowRunningTotalsBtn();
+            this.stateChanged("showRunningTotals", val);
+            this.refreshContent();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HistogramModel.prototype.updateShowRunningTotalsBtn = function () {
+        if (!!this.showRunningTotalsBtn) {
+            this.showRunningTotalsBtn.innerText = this.showRunningTotals
+                ? _localizationManager__WEBPACK_IMPORTED_MODULE_7__.localization.getString("noRunningTotals")
+                : _localizationManager__WEBPACK_IMPORTED_MODULE_7__.localization.getString("runningTotals");
+        }
+    };
+    Object.defineProperty(HistogramModel.prototype, "showGrouped", {
+        get: function () {
+            return this._showGrouped;
+        },
+        set: function (val) {
+            this._showGrouped = val;
+            this.updateShowGroupedBtn();
+            this.stateChanged("showGrouped", val);
+            this.refreshContent();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HistogramModel.prototype.updateShowGroupedBtn = function () {
+        if (!!this.showGroupedBtn) {
+            this.showGroupedBtn.innerText = this.showGrouped
+                ? _localizationManager__WEBPACK_IMPORTED_MODULE_7__.localization.getString("ungroupDateSeries")
+                : _localizationManager__WEBPACK_IMPORTED_MODULE_7__.localization.getString("groupDateSeries");
+            this.showGroupedBtn.style.display = this.canShowGroupedDateSeries ? "inline" : "none";
+        }
+    };
+    Object.defineProperty(HistogramModel.prototype, "canShowGroupedDateSeries", {
+        get: function () {
+            return ["years", "quarters", "months"].indexOf(this.intervalsMode) !== -1;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HistogramModel.prototype, "aggregateDataName", {
+        get: function () {
+            return this._aggregateDataName;
+        },
+        set: function (val) {
+            if (this._aggregateDataName !== val) {
+                this._aggregateDataName = val;
+                this.onDataChanged();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HistogramModel.prototype, "possibleAggregateDataNames", {
+        get: function () {
+            var _a, _b;
+            return (_b = (_a = this.questionOptions) === null || _a === void 0 ? void 0 : _a.aggregateDataNames) !== null && _b !== void 0 ? _b : [];
+        },
+        enumerable: false,
+        configurable: true
+    });
     HistogramModel.prototype.convertFromExternalData = function (externalCalculatedData) {
         return [externalCalculatedData];
     };
     HistogramModel.prototype.getCalculatedValuesCore = function () {
         var continuousValues = this.getContinuousValues();
-        return (0,_statisticCalculators__WEBPACK_IMPORTED_MODULE_5__.histogramStatisticsCalculator)(this._continuousData, this.intervals, this.getSeriesValues());
+        return (0,_statisticCalculators__WEBPACK_IMPORTED_MODULE_5__.histogramStatisticsCalculator)(this._continuousData, this.intervals, this, [this.aggregateDataName].filter(function (name) { return !!name; }));
+    };
+    HistogramModel.prototype.getCalculatedValues = function () {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var values, result, i, j;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, _super.prototype.getCalculatedValues.call(this)];
+                    case 1:
+                        values = _a.sent();
+                        result = JSON.parse(JSON.stringify(values));
+                        if (this.showRunningTotals) {
+                            for (i = 0; i < result.length; i++) {
+                                for (j = 1; j < result[i].length; j++) {
+                                    result[i][j] += result[i][j - 1];
+                                }
+                            }
+                        }
+                        return [2 /*return*/, result];
+                }
+            });
+        });
+    };
+    HistogramModel.prototype.getGroupedDateAnswersData = function () {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var datasets, colors, labels, seriesLabels, intervals, start, end, startYear, endYear, groupedDatasets, year, i, interval, intervalDate, decade, yearInDecade, decadeIndex, groupedDatasets, year, i, interval, intervalDate, quarter, year, yearIndex, groupedDatasets, year, i, interval, intervalDate, month, year, yearIndex, texts;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.getCalculatedValues()];
+                    case 1:
+                        datasets = (_a.sent());
+                        colors = this.getColors();
+                        labels = this.getLabels();
+                        seriesLabels = this.getSeriesLabels();
+                        intervals = [].concat(this.intervals);
+                        start = new Date(intervals[0].start);
+                        end = new Date(intervals[intervals.length - 1].end);
+                        startYear = start.getFullYear();
+                        endYear = end.getFullYear();
+                        if (this.intervalsMode === "years") {
+                            seriesLabels = [];
+                            groupedDatasets = [];
+                            for (year = Math.floor(startYear / 10) * 10; year <= endYear; year += 10) {
+                                seriesLabels.push(year.toString() + "s");
+                                groupedDatasets.push(new Array(10).fill(0));
+                            }
+                            for (i = 0; i < intervals.length; i++) {
+                                interval = intervals[i];
+                                intervalDate = new Date(interval.start);
+                                decade = Math.floor(intervalDate.getFullYear() / 10) * 10;
+                                yearInDecade = intervalDate.getFullYear() - decade;
+                                decadeIndex = Math.floor((decade - Math.floor(startYear / 10) * 10) / 10);
+                                groupedDatasets[decadeIndex][yearInDecade] = datasets[0][i];
+                            }
+                            datasets = groupedDatasets;
+                            labels = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+                        }
+                        else if (this.intervalsMode === "quarters") {
+                            seriesLabels = [];
+                            groupedDatasets = [];
+                            for (year = startYear; year <= endYear; year++) {
+                                seriesLabels.push(year.toString());
+                                groupedDatasets.push(new Array(4).fill(0));
+                            }
+                            for (i = 0; i < intervals.length; i++) {
+                                interval = intervals[i];
+                                intervalDate = new Date(interval.start);
+                                quarter = Math.floor(intervalDate.getMonth() / 3);
+                                year = intervalDate.getFullYear();
+                                yearIndex = year - startYear;
+                                groupedDatasets[yearIndex][quarter] = datasets[0][i];
+                            }
+                            datasets = groupedDatasets;
+                            labels = ["I", "II", "III", "IV"];
+                        }
+                        else if (this.intervalsMode === "months") {
+                            seriesLabels = [];
+                            groupedDatasets = [];
+                            for (year = startYear; year <= endYear; year++) {
+                                seriesLabels.push(year.toString());
+                                groupedDatasets.push(new Array(12).fill(0));
+                            }
+                            for (i = 0; i < intervals.length; i++) {
+                                interval = intervals[i];
+                                intervalDate = new Date(interval.start);
+                                month = intervalDate.getMonth();
+                                year = intervalDate.getFullYear();
+                                yearIndex = year - startYear;
+                                groupedDatasets[yearIndex][month] = datasets[0][i];
+                            }
+                            datasets = groupedDatasets;
+                            labels = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+                        }
+                        texts = datasets;
+                        return [2 /*return*/, {
+                                datasets: datasets,
+                                labels: labels,
+                                colors: colors,
+                                texts: texts,
+                                seriesLabels: seriesLabels,
+                            }];
+                }
+            });
+        });
+    };
+    /**
+     * Returns object with all infotmation for data visualization: datasets, labels, colors, additional texts (percentage).
+     */
+    HistogramModel.prototype.getAnswersData = function () {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var answersData, continuousValues, start, end, intervalsMode;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.showGrouped) {
+                            return [2 /*return*/, _super.prototype.getAnswersData.call(this)];
+                        }
+                        return [4 /*yield*/, this.getGroupedDateAnswersData()];
+                    case 1:
+                        answersData = _a.sent();
+                        continuousValues = this.getContinuousValues();
+                        if (continuousValues.length) {
+                            start = continuousValues[0].continuous;
+                            end = continuousValues[continuousValues.length - 1].continuous;
+                            intervalsMode = this.intervalsMode === "auto" ? getBestIntervalMode(start, end) : this.intervalsMode;
+                            if (intervalsMode === "years" && this.showGrouped) {
+                                answersData.labelsTitle = _localizationManager__WEBPACK_IMPORTED_MODULE_7__.localization.getString("groupedYearsAxisTitle");
+                            }
+                        }
+                        this.onAnswersDataReady.fire(this, answersData);
+                        return [2 /*return*/, answersData];
+                }
+            });
+        });
     };
     HistogramModel.prototype.getValueType = function () {
         return this.valueType;
@@ -10944,19 +11921,21 @@ var NumberModel = /** @class */ (function (_super) {
             _this.chartTypes = _this._chartAdapter.getChartTypes();
             _this.chartType = _this.chartTypes[0];
         }
-        _this.registerToolbarItem("changeChartType", function () {
-            if (_this.chartTypes.length > 1) {
-                return _utils_index__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createSelector(_this.chartTypes.map(function (chartType) {
-                    return {
-                        value: chartType,
-                        text: _localizationManager__WEBPACK_IMPORTED_MODULE_2__.localization.getString("chartType_" + chartType),
-                    };
-                }), function (option) { return _this.chartType === option.value; }, function (e) {
-                    _this.setChartType(e.target.value);
-                });
-            }
-            return null;
-        });
+        if (_this.options.allowChangeVisualizerType !== false) {
+            _this.registerToolbarItem("changeChartType", function () {
+                if (_this.chartTypes.length > 1) {
+                    return _utils_index__WEBPACK_IMPORTED_MODULE_3__.DocumentHelper.createSelector(_this.chartTypes.map(function (chartType) {
+                        return {
+                            value: chartType,
+                            text: _localizationManager__WEBPACK_IMPORTED_MODULE_2__.localization.getString("chartType_" + chartType),
+                        };
+                    }), function (option) { return _this.chartType === option.value; }, function (e) {
+                        _this.setChartType(e.target.value);
+                    });
+                }
+                return null;
+            });
+        }
         return _this;
     }
     NumberModel.prototype.onDataChanged = function () {
@@ -11032,7 +12011,7 @@ var NumberModel = /** @class */ (function (_super) {
         if (this._resultAverage === undefined ||
             this._resultMin === undefined ||
             this._resultMax === undefined) {
-            _a = (0,_statisticCalculators__WEBPACK_IMPORTED_MODULE_5__.mathStatisticsCalculator)(this.surveyData, this.dataNames[0]), this._resultAverage = _a[0], this._resultMin = _a[1], this._resultMax = _a[2];
+            _a = (0,_statisticCalculators__WEBPACK_IMPORTED_MODULE_5__.mathStatisticsCalculator)(this.surveyData, this), this._resultAverage = _a[0], this._resultMin = _a[1], this._resultMax = _a[2];
         }
         return [this._resultAverage, this._resultMin, this._resultMax];
     };
@@ -11723,19 +12702,21 @@ var SelectBase = /** @class */ (function (_super) {
                 _this._chartType = _this.options.defaultChartType;
             }
         }
-        _this.registerToolbarItem("changeChartType", function () {
-            if (_this.chartTypes.length > 1) {
-                return _utils_index__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createSelector(_this.chartTypes.map(function (chartType) {
-                    return {
-                        value: chartType,
-                        text: _localizationManager__WEBPACK_IMPORTED_MODULE_3__.localization.getString("chartType_" + chartType),
-                    };
-                }), function (option) { return _this.chartType === option.value; }, function (e) {
-                    _this.setChartType(e.target.value);
-                });
-            }
-            return null;
-        });
+        if (_this.options.allowChangeVisualizerType !== false) {
+            _this.registerToolbarItem("changeChartType", function () {
+                if (_this.chartTypes.length > 1) {
+                    return _utils_index__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createSelector(_this.chartTypes.map(function (chartType) {
+                        return {
+                            value: chartType,
+                            text: _localizationManager__WEBPACK_IMPORTED_MODULE_3__.localization.getString("chartType_" + chartType),
+                        };
+                    }), function (option) { return _this.chartType === option.value; }, function (e) {
+                        _this.setChartType(e.target.value);
+                    });
+                }
+                return null;
+            });
+        }
         _this.registerToolbarItem("changeAnswersOrder", function () {
             if (_this.isSupportAnswersOrder()) {
                 _this.choicesOrderSelector = _utils_index__WEBPACK_IMPORTED_MODULE_4__.DocumentHelper.createSelector([
@@ -11916,6 +12897,11 @@ var SelectBase = /** @class */ (function (_super) {
         }
     };
     SelectBase.prototype.getSelectedItemByText = function (itemText) {
+        var _a;
+        if (this.question instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__.QuestionRatingModel) {
+            var rateValues = this.question.rateValues;
+            return (_a = rateValues === null || rateValues === void 0 ? void 0 : rateValues.filter(function (choice) { return choice.text === itemText; })[0]) !== null && _a !== void 0 ? _a : new survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue(parseFloat(itemText), itemText);
+        }
         var selBase = this.question;
         if (this.question.hasOther && itemText == selBase.otherText) {
             return selBase.otherItem;
@@ -11924,14 +12910,17 @@ var SelectBase = /** @class */ (function (_super) {
             return selBase.choices.filter(function (choice) { return choice.text === itemText; })[0];
         }
     };
-    SelectBase.prototype.setSelection = function (item) {
+    SelectBase.prototype.onSelectionChanged = function (item) {
         var _a;
+        if (this.onDataItemSelected !== undefined) {
+            this.onDataItemSelected(item !== undefined ? item.value : undefined, item !== undefined ? item.text : "");
+        }
+        this.stateChanged("filter", (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value);
+    };
+    SelectBase.prototype.setSelection = function (item) {
         if (this.selectedItem !== item) {
             this.selectedItem = item;
-            if (this.onDataItemSelected !== undefined) {
-                this.onDataItemSelected(item !== undefined ? item.value : undefined, item !== undefined ? item.text : "");
-            }
-            this.stateChanged("filter", (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value);
+            this.onSelectionChanged(item);
         }
     };
     Object.defineProperty(SelectBase.prototype, "selection", {
@@ -12156,22 +13145,6 @@ var SelectBase = /** @class */ (function (_super) {
         }
         return percentages;
     };
-    SelectBase.prototype.answersDataReady = function (answersData) {
-        var result = {};
-        if (this.hideEmptyAnswers) {
-            result = hideEmptyAnswersInData(answersData);
-        }
-        else {
-            result = answersData;
-        }
-        if (this.topN > 0) {
-            result.datasets[0] = result.datasets[0].slice(-this.topN);
-            result.labels = result.labels.slice(-this.topN);
-            result.colors = result.colors.slice(-this.topN);
-            result.texts[0] = result.texts[0].slice(-this.topN);
-        }
-        return result;
-    };
     /**
      * Returns object with all infotmation for data visualization: datasets, labels, colors, additional texts (percentage).
      */
@@ -12213,7 +13186,15 @@ var SelectBase = /** @class */ (function (_super) {
                             texts: texts,
                             seriesLabels: seriesLabels,
                         };
-                        answersData = this.answersDataReady(answersData);
+                        if (this.hideEmptyAnswers) {
+                            answersData = hideEmptyAnswersInData(answersData);
+                        }
+                        if (this.topN > 0) {
+                            answersData.datasets[0] = answersData.datasets[0].slice(-this.topN);
+                            answersData.labels = answersData.labels.slice(-this.topN);
+                            answersData.colors = answersData.colors.slice(-this.topN);
+                            answersData.texts[0] = answersData.texts[0].slice(-this.topN);
+                        }
                         this.onAnswersDataReady.fire(this, answersData);
                         return [2 /*return*/, answersData];
                 }
@@ -12316,6 +13297,7 @@ _visualizationManager__WEBPACK_IMPORTED_MODULE_5__.VisualizationManager.register
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   defaultStatisticsCalculator: () => (/* binding */ defaultStatisticsCalculator),
+/* harmony export */   getNestedDataRows: () => (/* binding */ getNestedDataRows),
 /* harmony export */   histogramStatisticsCalculator: () => (/* binding */ histogramStatisticsCalculator),
 /* harmony export */   mathStatisticsCalculator: () => (/* binding */ mathStatisticsCalculator)
 /* harmony export */ });
@@ -12348,51 +13330,59 @@ function defaultStatisticsCalculator(data, dataInfo) {
             return valuesIndex[val.value];
         return valuesIndex[val];
     };
-    data.forEach(function (row) {
-        dataNames.forEach(function (dataName, index) {
-            var rowValue = row[dataName];
-            if (rowValue !== undefined || processMissingAnswers) {
-                var rowValues = Array.isArray(rowValue) ? rowValue : [rowValue];
-                if (series.length > 0) {
-                    var rowName = row[_dataProvider__WEBPACK_IMPORTED_MODULE_0__.DataProvider.seriesMarkerKey];
-                    if (rowName !== undefined) {
-                        // Series are labelled by seriesMarkerKey in row data
-                        var seriesNo_1 = seriesIndex[rowName] || 0;
-                        rowValues.forEach(function (val) {
-                            var valIndex = getValueIndex(val);
-                            statistics[index][seriesNo_1][valIndex]++;
-                        });
-                    }
-                    else {
-                        // Series are the keys in question value (matrix question)
-                        // TODO: think about the de-normalization and combine with the previous case
-                        rowValues.forEach(function (val) {
-                            series.forEach(function (seriesName) {
-                                if (val[seriesName] !== undefined) {
-                                    var seriesNo_2 = seriesIndex[seriesName] || 0;
-                                    var values_1 = Array.isArray(val[seriesName]) ? val[seriesName] : [val[seriesName]];
-                                    values_1.forEach(function (value) {
-                                        var valIndex = getValueIndex(value);
-                                        statistics[index][seriesNo_2][valIndex]++;
-                                    });
-                                }
-                            });
-                        });
-                    }
+    var processDataRow = function (dataRow, dataName, index) {
+        var rowValue = dataRow[dataName];
+        if (rowValue !== undefined || processMissingAnswers) {
+            var rowValues = Array.isArray(rowValue) ? rowValue : [rowValue];
+            if (series.length > 0) {
+                var rowName = dataRow[_dataProvider__WEBPACK_IMPORTED_MODULE_0__.DataProvider.seriesMarkerKey];
+                if (rowName !== undefined) {
+                    // Series are labelled by seriesMarkerKey in row data
+                    var seriesNo_1 = seriesIndex[rowName] || 0;
+                    rowValues.forEach(function (val) {
+                        var valIndex = getValueIndex(val);
+                        statistics[index][seriesNo_1][valIndex]++;
+                    });
                 }
                 else {
-                    // No series
+                    // Series are the keys in question value (matrix question)
+                    // TODO: think about the de-normalization and combine with the previous case
                     rowValues.forEach(function (val) {
-                        var valIndex = getValueIndex(val);
-                        statistics[0][0][valIndex]++;
+                        series.forEach(function (seriesName) {
+                            if (val[seriesName] !== undefined) {
+                                var seriesNo_2 = seriesIndex[seriesName] || 0;
+                                var values_1 = Array.isArray(val[seriesName]) ? val[seriesName] : [val[seriesName]];
+                                values_1.forEach(function (value) {
+                                    var valIndex = getValueIndex(value);
+                                    statistics[index][seriesNo_2][valIndex]++;
+                                });
+                            }
+                        });
                     });
                 }
             }
+            else {
+                // No series
+                rowValues.forEach(function (val) {
+                    var valIndex = getValueIndex(val);
+                    statistics[0][0][valIndex]++;
+                });
+            }
+        }
+    };
+    data.forEach(function (dataRow) {
+        var nestedDataRows = getNestedDataRows(dataRow, dataInfo);
+        nestedDataRows.forEach(function (nestedDataRow) {
+            dataNames.forEach(function (dataName, index) {
+                processDataRow(nestedDataRow, dataName, index);
+            });
         });
     });
     return dataInfo.dataNames.length > 1 ? statistics : statistics[0];
 }
-function histogramStatisticsCalculator(data, intervals, seriesValues) {
+function histogramStatisticsCalculator(data, intervals, dataInfo, aggregateDataNames) {
+    if (aggregateDataNames === void 0) { aggregateDataNames = []; }
+    var seriesValues = dataInfo.getSeriesValues();
     var statistics = [];
     if (seriesValues.length === 0) {
         seriesValues.push("");
@@ -12400,31 +13390,51 @@ function histogramStatisticsCalculator(data, intervals, seriesValues) {
     for (var i = 0; i < seriesValues.length; ++i) {
         statistics.push(intervals.map(function (i) { return 0; }));
         data[seriesValues[i]].forEach(function (dataValue) {
+            var _loop_1 = function (j) {
+                if (intervals[j].start <= dataValue.continuous && (dataValue.continuous < intervals[j].end || j == intervals.length - 1)) {
+                    if (aggregateDataNames.length > 0) {
+                        aggregateDataNames.forEach(function (aggregateDataName) {
+                            var aggregateDataValue = dataValue.row[aggregateDataName];
+                            var numberValue = parseFloat(aggregateDataValue);
+                            if (aggregateDataValue !== undefined && !isNaN(numberValue)) {
+                                statistics[i][j] += numberValue;
+                            }
+                        });
+                    }
+                    else {
+                        statistics[i][j]++;
+                    }
+                    return "break";
+                }
+            };
             for (var j = 0; j < intervals.length; ++j) {
-                if (intervals[j].start <= dataValue && (dataValue < intervals[j].end || j == intervals.length - 1)) {
-                    statistics[i][j]++;
+                var state_1 = _loop_1(j);
+                if (state_1 === "break")
                     break;
-                }
             }
         });
     }
     return statistics;
 }
-function mathStatisticsCalculator(data, dataName) {
+function mathStatisticsCalculator(data, dataInfo) {
     var resultMin = Number.MAX_VALUE, resultMax = -Number.MAX_VALUE, resultAverage = 0;
     var actualAnswerCount = 0;
-    data.forEach(function (rowData) {
-        if (rowData[dataName] !== undefined) {
-            var questionValue = +rowData[dataName];
-            actualAnswerCount++;
-            resultAverage += questionValue;
-            if (resultMin > questionValue) {
-                resultMin = questionValue;
-            }
-            if (resultMax < questionValue) {
-                resultMax = questionValue;
+    data.forEach(function (dataRow) {
+        var nestedDataRows = getNestedDataRows(dataRow, dataInfo);
+        nestedDataRows.forEach(function (nestedDataRow) {
+            var answerData = nestedDataRow[dataInfo.dataNames[0]];
+            if (answerData !== undefined) {
+                var questionValue = +answerData;
+                actualAnswerCount++;
+                resultAverage += questionValue;
+                if (resultMin > questionValue) {
+                    resultMin = questionValue;
+                }
+                if (resultMax < questionValue) {
+                    resultMax = questionValue;
+                }
             }
-        }
+        });
     });
     if (actualAnswerCount > 0) {
         resultAverage = resultAverage / actualAnswerCount;
@@ -12432,6 +13442,25 @@ function mathStatisticsCalculator(data, dataName) {
     resultAverage = Math.ceil(resultAverage * 100) / 100;
     return [resultAverage, resultMin, resultMax];
 }
+function getNestedDataRows(dataRow, dataInfo) {
+    var nestedDataRows = [];
+    if (!dataInfo.dataPath) {
+        nestedDataRows = [dataRow];
+    }
+    else {
+        if (dataRow[dataInfo.dataPath] === undefined)
+            return [];
+        if (typeof dataRow[dataInfo.dataPath] !== "object")
+            return [];
+        if (Array.isArray(dataRow[dataInfo.dataPath])) {
+            nestedDataRows = dataRow[dataInfo.dataPath];
+        }
+        else {
+            nestedDataRows = [dataRow[dataInfo.dataPath]];
+        }
+    }
+    return nestedDataRows;
+}
 
 
 /***/ }),
@@ -13276,6 +14305,42 @@ function toPrecision(value, precision) {
 }
 
 
+/***/ }),
+
+/***/ "./src/visualizationComposite.ts":
+/*!***************************************!*\
+  !*** ./src/visualizationComposite.ts ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   VisualizationComposite: () => (/* binding */ VisualizationComposite)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/utils/helpers.ts");
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var _visualizationPanelDynamic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./visualizationPanelDynamic */ "./src/visualizationPanelDynamic.ts");
+
+
+
+var VisualizationComposite = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(VisualizationComposite, _super);
+    function VisualizationComposite(question, data, options, name) {
+        return _super.call(this, question, data, options, name || "composite") || this;
+    }
+    VisualizationComposite.prototype.getQuestions = function () {
+        var questionComposite = this.question;
+        var innerQuestions = [];
+        questionComposite.contentPanel.addQuestionsToList(innerQuestions);
+        return innerQuestions;
+    };
+    return VisualizationComposite;
+}(_visualizationPanelDynamic__WEBPACK_IMPORTED_MODULE_2__.VisualizationPanelDynamic));
+
+_visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.registerVisualizer("composite", VisualizationComposite);
+
+
 /***/ }),
 
 /***/ "./src/visualizationManager.ts":
@@ -13416,8 +14481,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _visualizerBase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./visualizerBase */ "./src/visualizerBase.ts");
 /* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
 /* harmony import */ var _visualizationPanel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./visualizationPanel */ "./src/visualizationPanel.ts");
-/* harmony import */ var _dataProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dataProvider */ "./src/dataProvider.ts");
-
 
 
 
@@ -13438,28 +14501,29 @@ var VisualizationMatrixDropdown = /** @class */ (function (_super) {
     function VisualizationMatrixDropdown(question, data, options, name) {
         if (options === void 0) { options = {}; }
         var _this = _super.call(this, question, data, options, name || "matrixDropdown") || this;
-        _this._matrixDropdownVisualizer = undefined;
+        _this._contentVisualizer = undefined;
         _this.onPanelAfterRenderCallback = function () {
             _this.afterRender(_this.contentContainer);
         };
         _this.loadingData = false;
         _this._childOptions = Object.assign({}, options);
         _this._childOptions.disableLocaleSwitch = true;
-        _this._childOptions.dataProvider = undefined;
         _this._childOptions.allowDynamicLayout = false;
         _this._childOptions.transposeData = true;
+        _this._childOptions.dataProvider = _this.dataProvider;
+        _this._childOptions.dataPath = _this.dataNames[0];
         _this._childOptions.seriesValues = question.rows.map(function (row) { return row.value; });
         _this._childOptions.seriesLabels = question.rows.map(function (row) { return row.text; });
+        _this.dataProvider.fixDropdownData(_this.dataNames);
         if (_this.canGroupColumns) {
             var creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_2__.VisualizationManager.getVisualizersByType("matrixdropdown-grouped");
-            _this._matrixDropdownVisualizer = new creators[0](_this.question, [], _this._childOptions);
+            _this._contentVisualizer = new creators[0](_this.question, [], _this._childOptions);
         }
         else {
             var innerQuestions = _this.getQuestions();
-            _this._matrixDropdownVisualizer = new _visualizationPanel__WEBPACK_IMPORTED_MODULE_3__.VisualizationPanel(innerQuestions, [], _this._childOptions, undefined, false);
+            _this._contentVisualizer = new _visualizationPanel__WEBPACK_IMPORTED_MODULE_3__.VisualizationPanel(innerQuestions, [], _this._childOptions, undefined, false);
         }
-        _this._matrixDropdownVisualizer.onAfterRender.add(_this.onPanelAfterRenderCallback);
-        _this.updateData(data);
+        _this._contentVisualizer.onAfterRender.add(_this.onPanelAfterRenderCallback);
         return _this;
     }
     Object.defineProperty(VisualizationMatrixDropdown.prototype, "canGroupColumns", {
@@ -13477,37 +14541,18 @@ var VisualizationMatrixDropdown = /** @class */ (function (_super) {
     VisualizationMatrixDropdown.prototype.setLocale = function (newLocale) {
         _super.prototype.setLocale.call(this, newLocale);
         this._childOptions.seriesLabels = this.question.rows.map(function (row) { return row.text; });
-        this._matrixDropdownVisualizer.locale = newLocale;
+        this._contentVisualizer.locale = newLocale;
     };
-    Object.defineProperty(VisualizationMatrixDropdown.prototype, "matrixDropdownVisualizer", {
+    Object.defineProperty(VisualizationMatrixDropdown.prototype, "contentVisualizer", {
         get: function () {
-            return this._matrixDropdownVisualizer;
+            return this._contentVisualizer;
         },
         enumerable: false,
         configurable: true
     });
-    VisualizationMatrixDropdown.prototype.updateDropdownVisualizerData = function () {
-        var _this = this;
-        var panelData = [];
-        this.data.forEach(function (dataItem) {
-            var rawDataItem = dataItem[_this.question.name];
-            if (!!rawDataItem) {
-                Object.keys(rawDataItem).forEach(function (key) {
-                    var nestedDataItem = Object.assign({}, rawDataItem[key]);
-                    nestedDataItem[_dataProvider__WEBPACK_IMPORTED_MODULE_4__.DataProvider.seriesMarkerKey] = key;
-                    panelData.push(nestedDataItem);
-                });
-            }
-        });
-        this._matrixDropdownVisualizer.updateData(panelData);
-    };
     VisualizationMatrixDropdown.prototype.updateData = function (data) {
         _super.prototype.updateData.call(this, data);
-        this.updateDropdownVisualizerData();
-    };
-    VisualizationMatrixDropdown.prototype.onDataChanged = function () {
-        this.updateDropdownVisualizerData();
-        _super.prototype.onDataChanged.call(this);
+        this.dataProvider.fixDropdownData(this.dataNames);
     };
     VisualizationMatrixDropdown.prototype.getQuestions = function () {
         var matrixdropdown = this.question;
@@ -13520,15 +14565,15 @@ var VisualizationMatrixDropdown = /** @class */ (function (_super) {
         });
     };
     VisualizationMatrixDropdown.prototype.destroyContent = function (container) {
-        this._matrixDropdownVisualizer.clear();
+        this._contentVisualizer.clear();
         _super.prototype.destroyContent.call(this, this.contentContainer);
     };
     VisualizationMatrixDropdown.prototype.renderContent = function (container) {
-        this._matrixDropdownVisualizer.render(container);
+        this._contentVisualizer.render(container);
     };
     VisualizationMatrixDropdown.prototype.destroy = function () {
         _super.prototype.destroy.call(this);
-        this._matrixDropdownVisualizer.onAfterRender.remove(this.onPanelAfterRenderCallback);
+        this._contentVisualizer.onAfterRender.remove(this.onPanelAfterRenderCallback);
     };
     return VisualizationMatrixDropdown;
 }(_visualizerBase__WEBPACK_IMPORTED_MODULE_1__.VisualizerBase));
@@ -13557,16 +14602,9 @@ __webpack_require__.r(__webpack_exports__);
 
 var VisualizationMatrixDynamic = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(VisualizationMatrixDynamic, _super);
-    function VisualizationMatrixDynamic(question, data, options) {
-        return _super.call(this, question, data, options) || this;
+    function VisualizationMatrixDynamic(question, data, options, name) {
+        return _super.call(this, question, data, options, name || "matrixDynamic") || this;
     }
-    Object.defineProperty(VisualizationMatrixDynamic.prototype, "type", {
-        get: function () {
-            return "matrixDynamic";
-        },
-        enumerable: false,
-        configurable: true
-    });
     VisualizationMatrixDynamic.prototype.getQuestions = function () {
         var matrixdynamic = this.question;
         var visibleRows = matrixdynamic.visibleRows;
@@ -13616,9 +14654,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
 /* harmony import */ var _filterInfo__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./filterInfo */ "./src/filterInfo.ts");
 /* harmony import */ var _layoutEngine__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./layoutEngine */ "./src/layoutEngine.ts");
-/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./svgbundle */ "./src/svgbundle.ts");
-/* harmony import */ var _visualizationPanel_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./visualizationPanel.scss */ "./src/visualizationPanel.scss");
+/* harmony import */ var _dataProvider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./dataProvider */ "./src/dataProvider.ts");
+/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./svgbundle */ "./src/svgbundle.ts");
 /* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var _visualizationPanel_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./visualizationPanel.scss */ "./src/visualizationPanel.scss");
+/* harmony import */ var _visualizationPanelDynamic__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./visualizationPanelDynamic */ "./src/visualizationPanelDynamic.ts");
+
+
 
 
 
@@ -13637,7 +14679,7 @@ var questionLayoutedElementClassName = "sa-question-layouted";
 if (!!document) {
     var templateHolder = document.createElement("div");
     templateHolder.style.display = "none";
-    templateHolder.innerHTML = _svgbundle__WEBPACK_IMPORTED_MODULE_9__.svgTemplate;
+    templateHolder.innerHTML = _svgbundle__WEBPACK_IMPORTED_MODULE_10__.svgTemplate;
     document.head.appendChild(templateHolder);
 }
 /**
@@ -13668,7 +14710,7 @@ var VisualizationPanel = /** @class */ (function (_super) {
         _this.renderedQuestionsCount = 0;
         _this.onAfterRenderQuestionCallback = function (sender, options) {
             _this.renderedQuestionsCount++;
-            if (_this.renderedQuestionsCount == _this.questions.length) {
+            if (_this.renderedQuestionsCount == _this.visibleElements.length) {
                 _this.renderedQuestionsCount = 0;
                 _this.layoutEngine.update();
                 _this.afterRender(_this.contentContainer);
@@ -13749,7 +14791,7 @@ var VisualizationPanel = /** @class */ (function (_super) {
         _this._layoutEngine.onMoveCallback = function (order) {
             return _this.reorderVisibleElements(order);
         };
-        _this.showToolbar = true;
+        _this.showToolbar = isRoot;
         if (_this.options.survey) {
             _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.currentLocale = _this.options.survey.locale;
         }
@@ -13766,11 +14808,7 @@ var VisualizationPanel = /** @class */ (function (_super) {
         if (_this.supportSelection !== false) {
             _this.registerToolbarItem("resetFilter", function () {
                 return _utils_index__WEBPACK_IMPORTED_MODULE_5__.DocumentHelper.createButton(function () {
-                    _this.visualizers.forEach(function (visualizer) {
-                        if (visualizer instanceof _selectBase__WEBPACK_IMPORTED_MODULE_3__.SelectBase || visualizer instanceof _alternativeVizualizersWrapper__WEBPACK_IMPORTED_MODULE_4__.AlternativeVisualizersWrapper) {
-                            visualizer.setSelection(undefined);
-                        }
-                    });
+                    _this.resetFilter();
                 }, _localizationManager__WEBPACK_IMPORTED_MODULE_6__.localization.getString("resetFilter"));
             }, 900);
         }
@@ -13831,6 +14869,18 @@ var VisualizationPanel = /** @class */ (function (_super) {
         }
         return _this;
     }
+    VisualizationPanel.prototype.resetFilter = function () {
+        var _a;
+        (_a = this.dataProvider) === null || _a === void 0 ? void 0 : _a.resetFilter();
+        this.visualizers.forEach(function (visualizer) {
+            if (visualizer instanceof _selectBase__WEBPACK_IMPORTED_MODULE_3__.SelectBase || visualizer instanceof _alternativeVizualizersWrapper__WEBPACK_IMPORTED_MODULE_4__.AlternativeVisualizersWrapper) {
+                visualizer.setSelection(undefined);
+            }
+            if (visualizer instanceof _visualizationPanelDynamic__WEBPACK_IMPORTED_MODULE_13__.VisualizationPanelDynamic) {
+                visualizer.resetFilter();
+            }
+        });
+    };
     VisualizationPanel.prototype.reorderVisibleElements = function (order) {
         var _this = this;
         var newElements = [];
@@ -13941,13 +14991,15 @@ var VisualizationPanel = /** @class */ (function (_super) {
         var _this = this;
         questions.forEach(function (question) {
             var visualizerOptions = Object.assign({}, _this.options);
-            var visualizerData = _this.surveyData;
+            if (visualizerOptions.dataProvider === undefined) {
+                visualizerOptions.dataProvider = _this.dataProvider;
+            }
             var visualizer;
             if (Array.isArray(question)) {
-                visualizer = new (_visualizationManager__WEBPACK_IMPORTED_MODULE_11__.VisualizationManager.getPivotVisualizerConstructor())(question, visualizerData, visualizerOptions, undefined, false);
+                visualizer = new (_visualizationManager__WEBPACK_IMPORTED_MODULE_11__.VisualizationManager.getPivotVisualizerConstructor())(question, [], visualizerOptions, undefined, false);
             }
             else {
-                visualizer = _this.createVisualizer(question, visualizerOptions, visualizerData);
+                visualizer = _this.createVisualizer(question, visualizerOptions, []);
             }
             if (!visualizer) {
                 return;
@@ -14020,7 +15072,7 @@ var VisualizationPanel = /** @class */ (function (_super) {
             question = Array.isArray(question) ? question[0] : question;
             var element = _this.getElement(question.name);
             if (!!element) {
-                element.displayName = _this.processText(question.title);
+                element.displayName = _this.getTitle(question);
             }
         });
         this.visualizers.forEach(function (v) {
@@ -14088,7 +15140,7 @@ var VisualizationPanel = /** @class */ (function (_super) {
             question = Array.isArray(question) ? question[0] : question;
             return {
                 name: question.name,
-                displayName: _this.processText(question.title),
+                displayName: _this.getTitle(question),
                 isVisible: true,
                 isPublic: true,
             };
@@ -14277,7 +15329,24 @@ var VisualizationPanel = /** @class */ (function (_super) {
      * @see IVisualizationPanelOptions.allowSelection
      */
     VisualizationPanel.prototype.setFilter = function (questionName, selectedValue) {
-        this.dataProvider.setFilter(questionName, selectedValue);
+        var _a, _b;
+        if (!this.dataPath) {
+            this.dataProvider.setFilter(questionName, selectedValue);
+        }
+        else {
+            if (selectedValue !== undefined && selectedValue !== null) {
+                if (typeof selectedValue === "object" && Object.keys(selectedValue)[0]) {
+                    var seriesValue = Object.keys(selectedValue)[0];
+                    this.dataProvider.setFilter(this.dataPath, (_a = {}, _a[questionName] = selectedValue[seriesValue], _a[_dataProvider__WEBPACK_IMPORTED_MODULE_9__.DataProvider.seriesMarkerKey] = seriesValue, _a));
+                }
+                else {
+                    this.dataProvider.setFilter(this.dataPath, (_b = {}, _b[questionName] = selectedValue, _b));
+                }
+            }
+            else {
+                this.dataProvider.setFilter(this.dataPath, undefined);
+            }
+        }
     };
     VisualizationPanel.prototype.getState = function () {
         var _this = this;
@@ -14405,62 +15474,48 @@ var VisualizationPanelDynamic = /** @class */ (function (_super) {
     function VisualizationPanelDynamic(question, data, options, name) {
         if (options === void 0) { options = {}; }
         var _this = _super.call(this, question, data, options, name || "panelDynamic") || this;
-        _this._panelVisualizer = undefined;
+        _this._contentVisualizer = undefined;
         _this.onAfterRenderPanelCallback = function () {
             _this.afterRender(_this.contentContainer);
         };
         _this.loadingData = false;
         var options = Object.assign({}, options);
+        options.allowHideQuestions = false;
         options.allowDynamicLayout = false;
-        options.dataProvider = undefined;
-        _this._panelVisualizer = new _visualizationPanel__WEBPACK_IMPORTED_MODULE_3__.VisualizationPanel(_this.getQuestions(), [], options, undefined, false);
-        _this._panelVisualizer.onAfterRender.add(_this.onAfterRenderPanelCallback);
-        _this.updateData(data);
+        options.dataProvider = _this.dataProvider;
+        options.dataPath = _this.dataNames[0];
+        _this._contentVisualizer = new _visualizationPanel__WEBPACK_IMPORTED_MODULE_3__.VisualizationPanel(_this.getQuestions(), [], options, undefined, false);
+        _this._contentVisualizer.onAfterRender.add(_this.onAfterRenderPanelCallback);
         return _this;
     }
-    VisualizationPanelDynamic.prototype.setLocale = function (newLocale) {
-        _super.prototype.setLocale.call(this, newLocale);
-        this._panelVisualizer.locale = newLocale;
-    };
-    Object.defineProperty(VisualizationPanelDynamic.prototype, "type", {
+    Object.defineProperty(VisualizationPanelDynamic.prototype, "contentVisualizer", {
         get: function () {
-            return "panelDynamic";
+            return this._contentVisualizer;
         },
         enumerable: false,
         configurable: true
     });
-    VisualizationPanelDynamic.prototype.updatePanelVisualizerData = function () {
-        var _this = this;
-        var panelData = [];
-        this.data.forEach(function (dataItem) {
-            if (dataItem[_this.question.name] !== undefined) {
-                panelData = panelData.concat(dataItem[_this.question.name]);
-            }
-        });
-        this._panelVisualizer.updateData(panelData);
-    };
-    VisualizationPanelDynamic.prototype.updateData = function (data) {
-        _super.prototype.updateData.call(this, data);
-        this.updatePanelVisualizerData();
+    VisualizationPanelDynamic.prototype.setLocale = function (newLocale) {
+        _super.prototype.setLocale.call(this, newLocale);
+        this._contentVisualizer.locale = newLocale;
     };
-    VisualizationPanelDynamic.prototype.onDataChanged = function () {
-        this.updatePanelVisualizerData();
-        _super.prototype.onDataChanged.call(this);
+    VisualizationPanelDynamic.prototype.resetFilter = function () {
+        this.contentVisualizer.resetFilter();
     };
     VisualizationPanelDynamic.prototype.getQuestions = function () {
         var paneldynamic = this.question;
         return paneldynamic.template.questions;
     };
     VisualizationPanelDynamic.prototype.destroyContent = function (container) {
-        this._panelVisualizer.clear();
+        this._contentVisualizer.clear();
         _super.prototype.destroyContent.call(this, this.contentContainer);
     };
     VisualizationPanelDynamic.prototype.renderContent = function (container) {
-        this._panelVisualizer.render(container);
+        this._contentVisualizer.render(container);
     };
     VisualizationPanelDynamic.prototype.destroy = function () {
         _super.prototype.destroy.call(this);
-        this._panelVisualizer.onAfterRender.remove(this.onAfterRenderPanelCallback);
+        this._contentVisualizer.onAfterRender.remove(this.onAfterRenderPanelCallback);
     };
     return VisualizationPanelDynamic;
 }(_visualizerBase__WEBPACK_IMPORTED_MODULE_1__.VisualizerBase));
@@ -14685,6 +15740,13 @@ var VisualizerBase = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(VisualizerBase.prototype, "dataPath", {
+        get: function () {
+            return this.options.dataPath;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(VisualizerBase.prototype, "hasHeader", {
         /**
          * Indicates whether the visualizer displays a header. This property is `true` when a visualized question has a correct answer.
@@ -14829,6 +15891,22 @@ var VisualizerBase = /** @class */ (function () {
         }
         return undefined;
     };
+    Object.defineProperty(VisualizerBase.prototype, "title", {
+        /**
+         * Returns the visualizer's title.
+         */
+        get: function () {
+            return this.getTitle(this.question);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    VisualizerBase.prototype.getTitle = function (question) {
+        var _a;
+        if (question === undefined)
+            return "";
+        return this.processText(((_a = question.locTitle) === null || _a === void 0 ? void 0 : _a.renderedHtml) ? question.locTitle.renderedHtml : question.title);
+    };
     Object.defineProperty(VisualizerBase.prototype, "type", {
         /**
          * Returns the visualizer's type.
@@ -14873,9 +15951,7 @@ var VisualizerBase = /** @class */ (function () {
      * @param data A data array with survey results to be visualized.
      */
     VisualizerBase.prototype.updateData = function (data) {
-        if (!this.options.dataProvider) {
-            this.dataProvider.data = data;
-        }
+        this.dataProvider.data = data;
         if (this.hasFooter) {
             this.footerVisualizer.updateData(data);
         }
@@ -15367,7 +16443,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   VisualizerFactory: () => (/* binding */ VisualizerFactory)
 /* harmony export */ });
-/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _visualizationManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./visualizationManager */ "./src/visualizationManager.ts");
+
 
 /**
  * An object that allows you to create individual visualizers without creating a [visualization panel](https://surveyjs.io/dashboard/documentation/api-reference/visualizationpanel).
@@ -15398,16 +16477,26 @@ var VisualizerFactory = /** @class */ (function () {
     VisualizerFactory.createVisualizer = function (question, data, options) {
         var type = question.getType();
         var creators = [];
+        var questionForCreator = question;
+        var optionsForCreator = Object.assign({}, options);
         if (type === "text" && question.inputType) {
-            creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_0__.VisualizationManager.getVisualizersByType(question.inputType, type);
+            creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.getVisualizersByType(question.inputType, type);
         }
         else {
-            creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_0__.VisualizationManager.getVisualizersByType(type);
+            var fallbackType = undefined;
+            if (question instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__.QuestionCustomModel) {
+                fallbackType = question.getDynamicType();
+                // questionForCreator = question.contentQuestion;
+            }
+            else if (question instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__.QuestionCompositeModel) {
+                fallbackType = "composite";
+            }
+            creators = _visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.getVisualizersByType(type, fallbackType);
         }
-        var visualizers = creators.map(function (creator) { return new creator(question, data, options); });
+        var visualizers = creators.map(function (creator) { return new creator(questionForCreator, data, optionsForCreator); });
         if (visualizers.length > 1) {
-            var alternativesVisualizerConstructor = _visualizationManager__WEBPACK_IMPORTED_MODULE_0__.VisualizationManager.getAltVisualizerSelector();
-            var visualizer = new alternativesVisualizerConstructor(visualizers, question, data, options);
+            var alternativesVisualizerConstructor = _visualizationManager__WEBPACK_IMPORTED_MODULE_1__.VisualizationManager.getAltVisualizerSelector();
+            var visualizer = new alternativesVisualizerConstructor(visualizers, questionForCreator, data, optionsForCreator);
             return visualizer;
         }
         return visualizers[0];
@@ -17323,22 +18412,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   AlternativeVisualizersWrapper: () => (/* reexport safe */ _alternativeVizualizersWrapper__WEBPACK_IMPORTED_MODULE_28__.AlternativeVisualizersWrapper),
 /* harmony export */   BooleanModel: () => (/* reexport safe */ _boolean__WEBPACK_IMPORTED_MODULE_19__.BooleanModel),
 /* harmony export */   DataProvider: () => (/* reexport safe */ _dataProvider__WEBPACK_IMPORTED_MODULE_15__.DataProvider),
-/* harmony export */   DocumentHelper: () => (/* reexport safe */ _utils_index__WEBPACK_IMPORTED_MODULE_36__.DocumentHelper),
+/* harmony export */   DocumentHelper: () => (/* reexport safe */ _utils_index__WEBPACK_IMPORTED_MODULE_37__.DocumentHelper),
 /* harmony export */   HistogramModel: () => (/* reexport safe */ _histogram__WEBPACK_IMPORTED_MODULE_20__.HistogramModel),
 /* harmony export */   Matrix: () => (/* reexport safe */ _matrix__WEBPACK_IMPORTED_MODULE_18__.Matrix),
-/* harmony export */   NpsAdapter: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_33__.NpsAdapter),
-/* harmony export */   NpsVisualizer: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_33__.NpsVisualizer),
-/* harmony export */   NpsVisualizerWidget: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_33__.NpsVisualizerWidget),
+/* harmony export */   NpsAdapter: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_34__.NpsAdapter),
+/* harmony export */   NpsVisualizer: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_34__.NpsVisualizer),
+/* harmony export */   NpsVisualizerWidget: () => (/* reexport safe */ _nps__WEBPACK_IMPORTED_MODULE_34__.NpsVisualizerWidget),
 /* harmony export */   NumberModel: () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_21__.NumberModel),
-/* harmony export */   PivotModel: () => (/* reexport safe */ _pivot__WEBPACK_IMPORTED_MODULE_35__.PivotModel),
+/* harmony export */   PivotModel: () => (/* reexport safe */ _pivot__WEBPACK_IMPORTED_MODULE_36__.PivotModel),
 /* harmony export */   PostponeHelper: () => (/* reexport safe */ _visualizerBase__WEBPACK_IMPORTED_MODULE_22__.PostponeHelper),
-/* harmony export */   RankingModel: () => (/* reexport safe */ _ranking__WEBPACK_IMPORTED_MODULE_34__.RankingModel),
+/* harmony export */   RankingModel: () => (/* reexport safe */ _ranking__WEBPACK_IMPORTED_MODULE_35__.RankingModel),
 /* harmony export */   SelectBase: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_17__.SelectBase),
-/* harmony export */   StatisticsTable: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_32__.StatisticsTable),
-/* harmony export */   StatisticsTableAdapter: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_32__.StatisticsTableAdapter),
-/* harmony export */   StatisticsTableBoolean: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_32__.StatisticsTableBoolean),
-/* harmony export */   Text: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_31__.Text),
-/* harmony export */   TextTableAdapter: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_31__.TextTableAdapter),
+/* harmony export */   StatisticsTable: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_33__.StatisticsTable),
+/* harmony export */   StatisticsTableAdapter: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_33__.StatisticsTableAdapter),
+/* harmony export */   StatisticsTableBoolean: () => (/* reexport safe */ _statistics_table__WEBPACK_IMPORTED_MODULE_33__.StatisticsTableBoolean),
+/* harmony export */   Text: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_32__.Text),
+/* harmony export */   TextTableAdapter: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_32__.TextTableAdapter),
+/* harmony export */   VisualizationComposite: () => (/* reexport safe */ _visualizationComposite__WEBPACK_IMPORTED_MODULE_29__.VisualizationComposite),
 /* harmony export */   VisualizationManager: () => (/* reexport safe */ _visualizationManager__WEBPACK_IMPORTED_MODULE_23__.VisualizationManager),
 /* harmony export */   VisualizationMatrixDropdown: () => (/* reexport safe */ _visualizationMatrixDropdown__WEBPACK_IMPORTED_MODULE_27__.VisualizationMatrixDropdown),
 /* harmony export */   VisualizationMatrixDynamic: () => (/* reexport safe */ _visualizationMatrixDynamic__WEBPACK_IMPORTED_MODULE_26__.VisualizationMatrixDynamic),
@@ -17346,13 +18436,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   VisualizationPanelDynamic: () => (/* reexport safe */ _visualizationPanelDynamic__WEBPACK_IMPORTED_MODULE_25__.VisualizationPanelDynamic),
 /* harmony export */   VisualizerBase: () => (/* reexport safe */ _visualizerBase__WEBPACK_IMPORTED_MODULE_22__.VisualizerBase),
 /* harmony export */   VisualizerFactory: () => (/* reexport safe */ _visualizerFactory__WEBPACK_IMPORTED_MODULE_16__.VisualizerFactory),
-/* harmony export */   WordCloud: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_29__.WordCloud),
-/* harmony export */   WordCloudAdapter: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_29__.WordCloudAdapter),
+/* harmony export */   WordCloud: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_30__.WordCloud),
+/* harmony export */   WordCloudAdapter: () => (/* reexport safe */ _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_30__.WordCloudAdapter),
+/* harmony export */   getBestIntervalMode: () => (/* reexport safe */ _histogram__WEBPACK_IMPORTED_MODULE_20__.getBestIntervalMode),
 /* harmony export */   hideEmptyAnswersInData: () => (/* reexport safe */ _selectBase__WEBPACK_IMPORTED_MODULE_17__.hideEmptyAnswersInData),
+/* harmony export */   intervalCalculators: () => (/* reexport safe */ _histogram__WEBPACK_IMPORTED_MODULE_20__.intervalCalculators),
 /* harmony export */   localization: () => (/* reexport safe */ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.localization),
 /* harmony export */   setupLocale: () => (/* reexport safe */ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.setupLocale),
 /* harmony export */   surveyStrings: () => (/* reexport safe */ _localizationManager__WEBPACK_IMPORTED_MODULE_0__.surveyStrings),
-/* harmony export */   textHelper: () => (/* reexport safe */ _wordcloud_stopwords_index__WEBPACK_IMPORTED_MODULE_30__.textHelper)
+/* harmony export */   textHelper: () => (/* reexport safe */ _wordcloud_stopwords_index__WEBPACK_IMPORTED_MODULE_31__.textHelper)
 /* harmony export */ });
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../localizationManager */ "./src/localizationManager.ts");
 /* harmony import */ var _analytics_localization_farsi__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../analytics-localization/farsi */ "./src/analytics-localization/farsi.ts");
@@ -17383,14 +18475,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _visualizationMatrixDynamic__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../visualizationMatrixDynamic */ "./src/visualizationMatrixDynamic.ts");
 /* harmony import */ var _visualizationMatrixDropdown__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../visualizationMatrixDropdown */ "./src/visualizationMatrixDropdown.ts");
 /* harmony import */ var _alternativeVizualizersWrapper__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../alternativeVizualizersWrapper */ "./src/alternativeVizualizersWrapper.ts");
-/* harmony import */ var _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../wordcloud/wordcloud */ "./src/wordcloud/wordcloud.ts");
-/* harmony import */ var _wordcloud_stopwords_index__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../wordcloud/stopwords/index */ "./src/wordcloud/stopwords/index.ts");
-/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../text */ "./src/text.ts");
-/* harmony import */ var _statistics_table__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../statistics-table */ "./src/statistics-table.ts");
-/* harmony import */ var _nps__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../nps */ "./src/nps.ts");
-/* harmony import */ var _ranking__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../ranking */ "./src/ranking.ts");
-/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../pivot */ "./src/pivot.ts");
-/* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../utils/index */ "./src/utils/index.ts");
+/* harmony import */ var _visualizationComposite__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../visualizationComposite */ "./src/visualizationComposite.ts");
+/* harmony import */ var _wordcloud_wordcloud__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../wordcloud/wordcloud */ "./src/wordcloud/wordcloud.ts");
+/* harmony import */ var _wordcloud_stopwords_index__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../wordcloud/stopwords/index */ "./src/wordcloud/stopwords/index.ts");
+/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../text */ "./src/text.ts");
+/* harmony import */ var _statistics_table__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../statistics-table */ "./src/statistics-table.ts");
+/* harmony import */ var _nps__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../nps */ "./src/nps.ts");
+/* harmony import */ var _ranking__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../ranking */ "./src/ranking.ts");
+/* harmony import */ var _pivot__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../pivot */ "./src/pivot.ts");
+/* harmony import */ var _utils_index__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../utils/index */ "./src/utils/index.ts");
 
 //localization
 
@@ -17428,6 +18521,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 })();