survey-analytics 2.5.16 → 3.0.0-beta.1

package/fesm/shared.mjs

@@ -1,3225 +1,804 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.5.16
+ * surveyjs - SurveyJS Dashboard library v3.0.0-beta.1
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 
-import { surveyLocalization, glc } from 'survey-core';
+import { h as NumberModel, S as SelectBase, B as BooleanModel, H as HistogramModel, M as Matrix, d as MatrixDropdownGrouped, P as PivotModel, R as RankingModel, s as VisualizerBase, _ as __awaiter } from './shared2.mjs';
+import { Event, getRGBaColor, ItemValue } from 'survey-core';
+import { l as localization, d as DataHelper, D as DashboardTheme } from './shared3.mjs';
+import Plotly from 'plotly.js-dist-min';
+import { i as isAllZeros, r as reverseAll } from './shared4.mjs';
 
-// Uncomment the line below if you create a custom dictionary
-// import { setupLocale } from "../localizationManager";
-var englishStrings = {
-    groupButton: "Group By Me",
-    ungroupButton: "Ungroup By Me",
-    selectButton: "Select Me",
-    hideColumn: "Hide column",
-    showColumn: "Show column",
-    makePrivateColumn: "Make column private",
-    makePublicColumn: "Make column public",
-    moveToDetail: "Move to Detail",
-    showAsColumn: "Show as Column",
-    filterPlaceholder: "Search...",
-    removeRows: "Remove rows",
-    showLabel: "Show",
-    entriesLabel: "entries",
-    visualizer_text: "Texts in table",
-    visualizer_wordcloud: "Wordcloud",
-    visualizer_histogram: "Histogram",
-    visualizer_number: "Average",
-    visualizer_choices: "Table",
-    visualizer_selectBase: "Chart",
-    visualizer_matrix: "Chart",
-    chartType_bar: "Bar",
-    chartType_vbar: "Vertical Bar",
-    chartType_stackedbar: "Stacked Bar",
-    chartType_doughnut: "Doughnut",
-    chartType_pie: "Pie",
-    chartType_scatter: "Scatter",
-    chartType_gauge: "Gauge",
-    chartType_bullet: "Bullet",
-    chartType_line: "Line",
-    chartType_radar: "Radar",
-    hideButton: "Hide",
-    makePrivateButton: "Make private",
-    makePublicButton: "Make public",
-    showButton: "Show",
-    filter: "Filter",
-    resetFilter: "Reset Filter",
-    changeLocale: "Change Locale",
-    clearButton: "Clear",
-    addElement: "Choose question to show...",
-    defaultOrder: "Default Order",
-    ascOrder: "Ascending",
-    descOrder: "Descending",
-    showMinorColumns: "Show minor columns",
-    actionsColumn: "Actions",
-    otherCommentTitle: "Other items and comments",
-    showPercentages: "Show percentages",
-    hidePercentages: "Hide percentages",
-    pdfDownloadCaption: "PDF",
-    xlsxDownloadCaption: "Excel",
-    csvDownloadCaption: "CSV",
-    saveDiagramAsPNG: "Download plot as a PNG file",
-    hideEmptyAnswers: "Hide empty answers",
-    showEmptyAnswers: "Show empty answers",
-    "topNValueText-1": "All answers",
-    "topNValueText5": "Top 5 answers",
-    "topNValueText10": "Top 10 answers",
-    "topNValueText20": "Top 20 answers",
-    hideMissingAnswers: "Hide missing answers",
-    showMissingAnswers: "Show missing answers",
-    missingAnswersLabel: "Missing answers",
-    noVisualizerForQuestion: "This question type is not visualized yet",
-    noResults: "There are no results yet",
-    showPerValues: "Per Values",
-    showPerColumns: "Per Columns",
-    answer: "Answer",
-    correctAnswer: "Correct answer: ",
-    percent: "Percent",
-    percentage: "Percentage",
-    statistics_chart: "Chart",
-    responses: "Responses",
-    visualizer_nps: "NPS",
-    visualizer_boolean: "Chart",
-    visualizer_options: "Table",
-    npsScore: "NPS",
-    npsPromoters: "Promoters",
-    npsPassives: "Passives",
-    npsDetractors: "Detractors",
-    axisXSelectorTitle: "Category (X Axis):",
-    axisYSelectorTitle: "Legend (Series):",
-    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>."
-};
-// Uncomment the line below if you create a custom dictionary.
-// Replace "en" with a custom locale code (for example, "fr" or "de"),
-// Replace `englishStrings` with the name of the variable that contains the custom dictionary.
-// setupLocale({ localeCode: "en", strings: englishStrings });
-
-var localization = {
-    currentLocaleValue: "",
-    defaultLocaleValue: "en",
-    locales: {},
-    localeNames: {},
-    supportedLocales: [],
-    get currentLocale() {
-        return this.currentLocaleValue === this.defaultLocaleValue
-            ? ""
-            : this.currentLocaleValue;
-    },
-    set currentLocale(val) {
-        this.currentLocaleValue = val;
-    },
-    get defaultLocale() {
-        return this.defaultLocaleValue;
-    },
-    set defaultLocale(val) {
-        this.defaultLocaleValue = val;
-    },
-    setupLocale: function (loc, strings) {
-        this.locales[loc] = strings;
-    },
-    getLocaleName: function (loc, inEnglish = false) {
-        const res = !inEnglish ? this.localeNames[loc] : "";
-        return res || surveyLocalization.getLocaleName(loc, inEnglish);
-    },
-    getString: function (strName) {
-        var loc = this.currentLocale
-            ? this.locales[this.currentLocale]
-            : this.locales[this.defaultLocale];
-        if (!loc || !loc[strName])
-            loc = this.locales[this.defaultLocale];
-        var result = loc[strName];
-        if (result === undefined) {
-            result = this.locales["en"][strName] || strName;
-        }
-        return result;
-    },
-    getLocales: function () {
-        var res = [];
-        res.push("");
-        if (this.supportedLocales && this.supportedLocales.length > 0) {
-            for (var i = 0; i < this.supportedLocales.length; i++) {
-                res.push(this.supportedLocales[i]);
-            }
-        }
-        else {
-            for (var key in this.locales) {
-                res.push(key);
-            }
-        }
-        res.sort();
-        return res;
+class PlotlySetup {
+    static defaultModebarConfig(theme) {
+        return {
+            bgcolor: "transparent",
+            activecolor: getRGBaColor(theme.modebarActiveColor),
+            color: getRGBaColor(theme.modebarColor),
+        };
     }
-};
-var surveyStrings = englishStrings;
-function setupLocale(localeConfig) {
-    const loc = localeConfig.localeCode;
-    localization.setupLocale(loc, localeConfig.strings);
-    if (localeConfig.nativeName) {
-        localization.localeNames[loc] = localeConfig.nativeName;
+    static defaultTooltipConfig(theme) {
+        const font = Object.assign(Object.assign({}, theme.tooltipFont), { size: parseFloat(theme.tooltipFont.size) });
+        return {
+            bgcolor: getRGBaColor(theme.tooltipBackground),
+            font: font,
+        };
     }
-}
-setupLocale({ localeCode: "en", strings: englishStrings, nativeName: "English" });
-
-class DocumentHelper {
-    static createSelector(options, isSelected, handler, title) {
-        const selectWrapper = document.createElement("div");
-        selectWrapper.className = "sa-question__select-wrapper";
-        const titleElement = DocumentHelper.createElement("span", "sa-question__select-title");
-        const select = document.createElement("select");
-        select.className = "sa-question__select";
-        const updateTitle = () => {
-            const titleText = !!title && (typeof title == "string" ? title : title());
-            titleElement.innerText = titleText;
-            if (!!titleText) {
-                selectWrapper.insertBefore(titleElement, select);
-            }
-            else if (titleElement.parentElement === selectWrapper) {
-                selectWrapper.removeChild(titleElement);
-            }
+    static defaultLegendConfig(model) {
+        const isMobile = window.innerWidth <= 600;
+        const legendSetting = model.theme.legendSetting;
+        const legendLabelFont = Object.assign(Object.assign({}, model.theme.legendLabelFont), { size: parseFloat(model.theme.legendLabelFont.size) });
+        const positions = {
+            "left": { x: -0.15, y: 1, xanchor: "right", yanchor: "top", orientation: "v", },
+            "right": { x: 1, y: 1, xanchor: "left", yanchor: "top", orientation: "v", },
+            "top": { x: 0.5, y: 1, xanchor: "right", yanchor: "bottom", orientation: "h", },
+            "bottom": { x: 0.5, y: -0.1, xanchor: "right", yanchor: "top", orientation: "h", }
         };
-        select.onchange = handler;
-        selectWrapper.appendChild(select);
-        const updateOptions = () => {
-            select.innerHTML = "";
-            const optionsSource = options || [];
-            const optionItems = Array.isArray(optionsSource) ? optionsSource : optionsSource();
-            optionItems.forEach((option) => {
-                let optionElement = DocumentHelper.createElement("option", "", {
-                    value: option.value,
-                    text: option.text,
-                    selected: isSelected(option),
-                });
-                select.appendChild(optionElement);
-            });
+        const legendPosition = positions[model.legendPosition] || positions["right"];
+        return {
+            orientation: isMobile ? "h" : legendPosition.orientation,
+            xanchor: isMobile ? "auto" : legendPosition.xanchor,
+            yanchor: isMobile ? "top" : legendPosition.yanchor,
+            x: legendPosition.x,
+            y: legendPosition.y,
+            bordercolor: legendSetting.borderColor,
+            borderwidth: legendSetting.borderWidth,
+            itemwidth: 20,
+            font: legendLabelFont
         };
-        selectWrapper["__updateSelect"] = () => {
-            updateTitle();
-            updateOptions();
+    }
+    static defaultAxisConfig(theme) {
+        const axisLabelFont = Object.assign(Object.assign({}, theme.axisLabelFont), { size: parseFloat(theme.axisLabelFont.size) });
+        if (axisLabelFont.size === undefined || isNaN(axisLabelFont.size)) {
+            delete axisLabelFont.size;
+        }
+        if (!theme.isAxisLabelFontLoaded()) {
+            delete axisLabelFont.family;
+        }
+        return {
+            zerolinecolor: getRGBaColor(theme.axisGridColor),
+            automargin: true,
+            tickfont: axisLabelFont
         };
-        selectWrapper["__updateSelect"]();
-        return selectWrapper;
     }
-    static createButton(handler, text = "", className = "sa-toolbar__button") {
-        const button = DocumentHelper.createElement("span", className, {
-            innerText: text,
-            onclick: handler,
-        });
-        return button;
+    static defaultInsideLabelFont(theme) {
+        const insideLabelFont = Object.assign(Object.assign({}, theme.insideLabelFont), { size: parseFloat(theme.insideLabelFont.size) });
+        return insideLabelFont;
+    }
+    static defaultAxisXConfig(theme) {
+        return Object.assign(Object.assign({}, PlotlySetup.defaultAxisConfig(theme)), { ticklabelstandoff: 8 });
     }
-    static createElement(tagName, className = "", attrs) {
-        var el = document.createElement(tagName);
-        if (!!className) {
-            el.className = className;
+    static defaultAxisXWithGridLineConfig(theme) {
+        return Object.assign(Object.assign({}, PlotlySetup.defaultAxisXConfig(theme)), { gridcolor: getRGBaColor(theme.axisGridColor), griddash: "dot" });
+    }
+    static defaultAxisYConfig(theme) {
+        return Object.assign(Object.assign({}, PlotlySetup.defaultAxisConfig(theme)), { ticklabelstandoff: 16 });
+    }
+    static defaultAxisYWithGridLineConfig(theme) {
+        return Object.assign(Object.assign({}, PlotlySetup.defaultAxisYConfig(theme)), { gridcolor: getRGBaColor(theme.axisGridColor), griddash: "dot" });
+    }
+    static defaultAxisTitleFont(theme) {
+        const font = theme.axisTitleFont;
+        const result = {
+            size: parseFloat(font.size),
+            color: font.color,
+        };
+        if (theme.isAxisLabelFontLoaded && theme.isAxisLabelFontLoaded()) {
+            result.family = font.family;
         }
-        if (!!attrs) {
-            Object.keys(attrs).forEach(function (key) {
-                el[key] = attrs[key];
-            });
+        if (font.weight != null) {
+            result.weight = font.weight;
         }
-        return el;
+        return result;
+    }
+    static defaultGaugeConfig(theme) {
+        return {
+            bgcolor: getRGBaColor(theme.gaugeBackground),
+            bordercolor: getRGBaColor(theme.gaugeBackground),
+            bar: {
+                color: getRGBaColor(theme.gaugeBarColor),
+                thickness: 0.5,
+            },
+        };
     }
-    static createSvgElement(path) {
-        const svgElem = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-        const useElem = document.createElementNS("http://www.w3.org/2000/svg", "use");
-        useElem.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#sa-svg-" + path);
-        svgElem.appendChild(useElem);
-        return svgElem;
+    static defaultValueGaugeFont(theme) {
+        const font = Object.assign(Object.assign({}, theme.gaugeValueFont), { size: parseFloat(theme.gaugeValueFont.size) });
+        return font;
     }
-    static createSvgButton(path) {
-        const btn = (DocumentHelper.createElement("button", "sa-table__svg-button"));
-        btn.appendChild(DocumentHelper.createSvgElement(path));
-        return btn;
+    static defaultGaugeTickFont(theme) {
+        const font = Object.assign(Object.assign({}, theme.gaugeTickFont), { size: parseFloat(theme.gaugeTickFont.size) });
+        return font;
     }
-    static createSvgToggleButton(svgPath1, svPpath2, text1, text2, handler1, handler2, state = "first", className = "sa-toolbar__button sa-toolbar__svg-button") {
-        const svg1 = DocumentHelper.createSvgElement(svgPath1);
-        const svg2 = DocumentHelper.createSvgElement(svPpath2);
-        const button = DocumentHelper.createElement("button", className);
-        const toggle = (e) => {
-            if (state === "first") {
-                state = "second";
-                button.title = text2;
-                button.removeChild(svg1);
-                button.appendChild(svg2);
-                handler2(e);
+    static noDataAnnotations(theme) {
+        const font = Object.assign(Object.assign({}, theme.noDataFont), { size: parseFloat(theme.noDataFont.size) });
+        return [{
+                text: localization.getString("noData"),
+                x: 0.5,
+                y: 0.5,
+                xref: "paper",
+                yref: "paper",
+                showarrow: false,
+                font: {
+                    size: font.size,
+                    color: font.color,
+                    fontFamily: font.family,
+                    weight: font.weight
+                }
+            }];
+    }
+    static setup(charType, model, answersData) {
+        return this.setups[charType](model, answersData);
+    }
+    static setupPie(model, answersData) {
+        let { datasets, labels, colors, texts, seriesLabels, } = answersData;
+        const hasSeries = seriesLabels.length > 1 || model.dataType === "matrix";
+        const layoutColumns = 2;
+        let traces = [];
+        const traceConfig = {
+            type: model.chartType,
+            sort: false,
+            labels: labels,
+            customdata: labels,
+            text: labels.map((label) => {
+                return PlotlySetup.getTruncatedLabel(label, model.labelTruncateLength);
+            }),
+            hoverinfo: "value+text",
+            textposition: "inside",
+            texttemplate: "%{text}",
+            insidetextfont: PlotlySetup.defaultInsideLabelFont(model.theme),
+            hoverlabel: PlotlySetup.defaultTooltipConfig(model.theme),
+        };
+        if (model.chartType === "doughnut") {
+            traceConfig.type = "pie";
+            traceConfig.hole = 0.4;
+        }
+        if (!hasSeries) {
+            traceConfig.mode = "markers";
+            traceConfig.marker = { color: colors };
+            traceConfig.marker.symbol = "circle";
+            traceConfig.marker.size = 16;
+        }
+        datasets.forEach((dataset, index) => {
+            let pieTexts = traceConfig.text;
+            if (model.showPercentages) {
+                const percentages = model.getPercentages([dataset])[0];
+                pieTexts = labels.map((l, li) => (model.showOnlyPercentages ? percentages[li] : PlotlySetup.getTruncatedLabel(l, model.labelTruncateLength) + "<br>" + percentages[li]) + "%");
             }
-            else if (state === "second") {
-                state = "first";
-                button.title = text1;
-                button.removeChild(svg2);
-                button.appendChild(svg1);
-                handler1(e);
+            if (!isAllZeros(dataset)) {
+                traces.push(Object.assign({}, traceConfig, {
+                    values: dataset,
+                    text: pieTexts,
+                    domain: {
+                        column: traces.length % layoutColumns,
+                        row: Math.floor(traces.length / layoutColumns),
+                    },
+                    title: {
+                        position: "bottom center",
+                        text: seriesLabels[index],
+                        font: PlotlySetup.defaultTooltipConfig(model.theme),
+                    }
+                }));
             }
+        });
+        const radius = labels.length < 10 ? labels.length * 50 + 100 : 550;
+        const height = (radius + 25) * Math.ceil(traces.length / layoutColumns);
+        const layout = {
+            height: height,
+            margin: {
+                l: 0,
+                t: 25,
+                b: 0,
+                r: 0,
+            },
+            modebar: Object.assign({}, PlotlySetup.defaultModebarConfig(model.theme)),
+            colorway: colors,
+            hovermode: "closest",
+            plot_bgcolor: "transparent",
+            paper_bgcolor: "transparent",
+            showlegend: false,
         };
-        if (state === "first") {
-            button.title = text1;
-            button.appendChild(svg1);
+        if (traces.length > 0) {
+            if (hasSeries) {
+                layout.annotations = [];
+                layout.grid = { rows: Math.ceil(traces.length / layoutColumns), columns: layoutColumns };
+            }
         }
-        else if ((state = "second")) {
-            button.title = text2;
-            button.appendChild(svg2);
+        else {
+            traces = [{
+                    type: "pie",
+                    labels: [],
+                    values: [],
+                    hoverinfo: "none",
+                    textinfo: "none",
+                    marker: {
+                        colors: [],
+                        line: {
+                            color: "transparent",
+                            width: 2
+                        }
+                    },
+                    hole: 0.4,
+                    rotation: 0
+                }];
+            layout.annotations = PlotlySetup.noDataAnnotations(model.theme);
         }
-        button.onclick = toggle;
-        return button;
+        return { traces, layout, hasSeries };
     }
-    static createInput(className, placeholder = "", defaultValue = "") {
-        var el = DocumentHelper.createElement("input", className, {
-            placeholder: placeholder,
-            defaultValue: defaultValue,
+    static setupBar(model, answersData) {
+        let lineHeight = 30;
+        let topMargin = 30;
+        let bottomMargin = 30;
+        let { datasets, labels, colors, texts, seriesLabels, labelsTitle, valuesTitle } = answersData;
+        const hasSeries = seriesLabels.length > 1 || model.dataType === "matrix";
+        const isHistogram = model.type === "histogram";
+        if (isHistogram) {
+            const reversedAnswersData = reverseAll(labels, seriesLabels, colors, hasSeries, texts, datasets);
+            labels = reversedAnswersData.labels;
+            datasets = reversedAnswersData.datasets;
+            texts = reversedAnswersData.texts;
+        }
+        const traces = [];
+        const traceConfig = {
+            type: model.chartType === "line" ? "line" : "bar",
+            y: labels,
+            customdata: labels,
+            hoverinfo: "text",
+            orientation: "h",
+            textposition: "inside",
+            textangle: 0,
+            insidetextanchor: "middle",
+            insidetextfont: PlotlySetup.defaultInsideLabelFont(model.theme),
+            hoverlabel: PlotlySetup.defaultTooltipConfig(model.theme),
+        };
+        if (!hasSeries && !isHistogram) {
+            traceConfig.mode = "markers";
+            traceConfig.marker = { color: colors };
+        }
+        datasets.forEach((dataset, index) => {
+            const traceName = hasSeries ? seriesLabels[index] : labels[index];
+            const percentString = model.showPercentages ? "%" : "";
+            const trace = Object.assign({}, traceConfig, {
+                x: dataset,
+                name: traceName,
+                text: texts[index],
+                hovertext: labels.map((label, labelIndex) => {
+                    if (model.showOnlyPercentages) {
+                        return `${texts[index][labelIndex]}${percentString}`;
+                    }
+                    else {
+                        return hasSeries ? `${traceName} : ${label}, ${texts[index][labelIndex]}${percentString}` : `${texts[index][labelIndex]}${percentString}, ${label}`;
+                    }
+                }),
+            });
+            if (model.showPercentages) {
+                let texttemplate = model.showOnlyPercentages ? "%{text}%" : "%{value} (%{text}%)";
+                trace.texttemplate = texttemplate;
+            }
+            traces.push(trace);
         });
-        return el;
-    }
-}
-function getLicenseText() {
-    const d = !!glc ? glc(1) : false;
-    if (!!d && d.toLocaleDateString)
-        return localization.getString("license2").replace("{date}", d.toLocaleDateString());
-    return localization.getString("license");
-}
-function createCommercialLicenseLink() {
-    const container = DocumentHelper.createElement("div", "sa-commercial");
-    const link = DocumentHelper.createElement("div", "sa-commercial__text");
-    const containerSpan = DocumentHelper.createElement("span", "");
-    const textSpan = DocumentHelper.createElement("span", "sa-commercial__product", { innerHTML: getLicenseText() });
-    container.appendChild(link).appendChild(containerSpan);
-    containerSpan.appendChild(textSpan);
-    return container;
-}
-function createLoadingIndicator() {
-    const container = DocumentHelper.createElement("div", "sa-data-loading-indicator-panel");
-    const loadingIndicator = DocumentHelper.createElement("div", "sa-data-loading-indicator");
-    loadingIndicator.innerHTML = `
-      <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <g clip-path="url(#clip0_17928_11482)">
-          <path d="M32 64C14.36 64 0 49.65 0 32C0 14.35 14.36 0 32 0C49.64 0 64 14.35 64 32C64 49.65 49.64 64 32 64ZM32 4C16.56 4 4 16.56 4 32C4 47.44 16.56 60 32 60C47.44 60 60 47.44 60 32C60 16.56 47.44 4 32 4Z" fill="#E5E5E5"></path>
-          <path d="M53.2101 55.2104C52.7001 55.2104 52.1901 55.0104 51.8001 54.6204C51.0201 53.8404 51.0201 52.5704 51.8001 51.7904C57.0901 46.5004 60.0001 39.4704 60.0001 31.9904C60.0001 24.5104 57.0901 17.4804 51.8001 12.1904C51.0201 11.4104 51.0201 10.1404 51.8001 9.36039C52.5801 8.58039 53.8501 8.58039 54.6301 9.36039C60.6701 15.4004 64.0001 23.4404 64.0001 31.9904C64.0001 40.5404 60.6701 48.5704 54.6301 54.6204C54.2401 55.0104 53.7301 55.2104 53.2201 55.2104H53.2101Z" fill="#19B394"></path>
-        </g>
-        <defs>
-          <clipPath id="clip0_17928_11482">
-            <rect width="64" height="64" fill="white"></rect>
-          </clipPath>
-        </defs>
-      </svg>
-      `;
-    container.appendChild(loadingIndicator);
-    return container;
-}
-class DataHelper {
-    static zipArrays(...arrays) {
-        let zipArray = [];
-        for (let i = 0; i < arrays[0].length; i++) {
-            zipArray[i] = [];
-            arrays.forEach((arr) => {
-                zipArray[i].push(arr[i]);
+        const height = (labels.length + 1) * lineHeight + topMargin + bottomMargin;
+        const layout = {
+            bargap: isHistogram ? 0 : PlotlySetup.defaultBarGap,
+            height: height,
+            margin: {
+                t: topMargin,
+                b: bottomMargin,
+                r: 0,
+                l: 0,
+            },
+            colorway: colors,
+            hovermode: "closest",
+            showlegend: hasSeries,
+            barmode: hasSeries && model.chartType == "stackedbar" ? "stack" : "group",
+            xaxis: Object.assign(Object.assign({}, PlotlySetup.defaultAxisXWithGridLineConfig(model.theme)), { rangemode: "nonnegative" }),
+            yaxis: Object.assign(Object.assign({}, PlotlySetup.defaultAxisYConfig(model.theme)), { type: "category", orientation: "h", tickmode: "array", tickvals: labels, ticktext: labels.map((label) => {
+                    return PlotlySetup.getTruncatedLabel(label, model.labelTruncateLength) + "  ";
+                }) }),
+            modebar: Object.assign({}, PlotlySetup.defaultModebarConfig(model.theme)),
+            plot_bgcolor: "transparent",
+            paper_bgcolor: "transparent",
+        };
+        if (hasSeries) {
+            layout.legend = PlotlySetup.defaultLegendConfig(model);
+            if (model.chartType !== "stackedbar") {
+                layout.height = (labels.length * seriesLabels.length + 1) * lineHeight + topMargin + bottomMargin;
+            }
+        }
+        if (labelsTitle) {
+            layout.yaxis.title = { text: labelsTitle };
+        }
+        if (valuesTitle) {
+            layout.xaxis.title = { text: valuesTitle };
+        }
+        if (["ar", "fa"].indexOf(localization.currentLocale) !== -1) {
+            layout.xaxis.autorange = "reversed";
+            layout.yaxis.side = "right";
+            const legendSettings = Object.assign({}, PlotlySetup.defaultLegendConfig(model), {
+                x: 0,
+                y: 1,
+                xanchor: "left",
+                yanchor: "top"
             });
+            layout.legend = legendSettings;
         }
-        return zipArray;
+        return { traces, layout, hasSeries };
     }
-    static unzipArrays(zipArray) {
-        let arrays = [];
-        zipArray.forEach((value, i) => {
-            value.forEach((val, j) => {
-                if (!arrays[j])
-                    arrays[j] = [];
-                arrays[j][i] = val;
+    static setupVBar(model, answersData) {
+        var _a, _b, _c, _d;
+        let topMargin = 30;
+        let bottomMargin = 30;
+        let { datasets, labels, colors, texts, seriesLabels, labelsTitle, valuesTitle } = answersData;
+        const hasSeries = seriesLabels.length > 1 || model.dataType === "matrix";
+        const isHistogram = model.type === "histogram";
+        if (!isHistogram && model.type !== "pivot") {
+            ({ labels, seriesLabels, colors, texts, datasets } = reverseAll(labels, seriesLabels, colors, hasSeries, texts, datasets));
+        }
+        const traces = [];
+        const traceConfig = {
+            type: model.chartType === "line" ? "line" : "bar",
+            x: labels,
+            customdata: hasSeries ? seriesLabels : labels,
+            hoverinfo: hasSeries ? undefined : "x+y",
+            orientation: "v",
+            insidetextanchor: "middle",
+            insidetextfont: PlotlySetup.defaultInsideLabelFont(model.theme),
+            hoverlabel: PlotlySetup.defaultTooltipConfig(model.theme),
+        };
+        if (!hasSeries && !isHistogram) {
+            traceConfig.mode = "markers";
+            traceConfig.marker = { color: colors };
+        }
+        const yAxisInfo = model.getYAxisInfo();
+        const hasDualAxis = yAxisInfo.length >= 2;
+        datasets.forEach((dataset, index) => {
+            var trace = Object.assign({}, traceConfig, {
+                y: dataset,
+                name: hasSeries ? seriesLabels[index] : labels[index],
+                text: texts[index],
+                offsetgroup: index,
             });
+            if (hasDualAxis && hasSeries) {
+                const seriesName = seriesLabels[index];
+                const onSecondary = yAxisInfo[1].seriesName && yAxisInfo[1].seriesName.indexOf(seriesName) !== -1;
+                if (onSecondary) {
+                    trace.yaxis = "y2";
+                }
+            }
+            if (model.showPercentages) {
+                let texttemplate = model.showOnlyPercentages ? "%{text}%" : "%{value} (%{text}%)";
+                trace.texttemplate = texttemplate;
+            }
+            traces.push(trace);
         });
-        return arrays;
+        const maxTicks = 50;
+        const tickStep = Math.ceil(labels.length / maxTicks);
+        const primaryYAxisTitle = ((_b = (_a = yAxisInfo[0]) === null || _a === void 0 ? void 0 : _a.title) === null || _b === void 0 ? void 0 : _b.text) || valuesTitle;
+        const secondaryYAxisTitle = ((_d = (_c = yAxisInfo[1]) === null || _c === void 0 ? void 0 : _c.title) === null || _d === void 0 ? void 0 : _d.text) || "";
+        const layout = {
+            margin: {
+                t: topMargin,
+                b: bottomMargin,
+                r: 0,
+                l: 0,
+            },
+            colorway: colors,
+            hovermode: "closest",
+            plot_bgcolor: "transparent",
+            paper_bgcolor: "transparent",
+            showlegend: hasSeries,
+            bargap: isHistogram ? 0 : PlotlySetup.defaultBarGap,
+            yaxis: Object.assign(Object.assign({}, PlotlySetup.defaultAxisYWithGridLineConfig(model.theme)), { rangemode: "nonnegative", automargin: true, title: primaryYAxisTitle ? { text: primaryYAxisTitle, font: PlotlySetup.defaultAxisTitleFont(model.theme) } : undefined }),
+            xaxis: Object.assign(Object.assign({}, PlotlySetup.defaultAxisXConfig(model.theme)), { automargin: true, type: "category", tickmode: "array", tickvals: labels, ticktext: labels.map((label, index) => {
+                    if (labels.length > maxTicks && index % tickStep !== 0) {
+                        return "";
+                    }
+                    return PlotlySetup.getTruncatedLabel(label, model.labelTruncateLength);
+                }) }),
+            modebar: Object.assign({}, PlotlySetup.defaultModebarConfig(model.theme)),
+        };
+        if (labelsTitle) {
+            layout.xaxis.title = { text: labelsTitle };
+        }
+        if (hasDualAxis) {
+            layout.yaxis2 = Object.assign(Object.assign({}, PlotlySetup.defaultAxisYWithGridLineConfig(model.theme)), { overlaying: "y", anchor: "x", side: "right", title: secondaryYAxisTitle ? { text: secondaryYAxisTitle, font: PlotlySetup.defaultAxisTitleFont(model.theme) } : undefined });
+        }
+        if (model.showPercentages && model.showOnlyPercentages) ;
+        if (!model.getValueType || model.getValueType() != "date") {
+            layout.xaxis = Object.assign(Object.assign({}, PlotlySetup.defaultAxisXConfig(model.theme)), { type: "category" });
+        }
+        if (hasDualAxis) {
+            layout.xaxis.domain = [0.1, 0.9];
+        }
+        return { traces, layout, hasSeries };
     }
-    static sortDictionary(keys, values, desc) {
-        let dictionary = this.zipArrays(keys, values);
-        let comparator = (a, b, asc = true) => {
-            let result = a[1] < b[1] ? 1 : a[1] == b[1] ? 0 : -1;
-            return asc ? result : result * -1;
+    static setupScatter(model, answersData) {
+        let lineHeight = 30;
+        let topMargin = 30;
+        let bottomMargin = 30;
+        let { datasets, labels, colors, texts, seriesLabels, } = answersData;
+        const hasSeries = seriesLabels.length > 1 || model.dataType === "matrix";
+        const traces = [];
+        const traceConfig = {
+            type: "scatter",
+            y: (hasSeries ? seriesLabels : labels).map((label) => {
+                return PlotlySetup.getTruncatedLabel(label, model.labelTruncateLength);
+            }),
+            customdata: hasSeries ? seriesLabels : labels,
+            text: hasSeries ? seriesLabels : labels,
+            hoverinfo: "x+y",
+            orientation: "h",
+            mode: "markers",
+            marker: {},
         };
-        dictionary.sort((a, b) => {
-            return desc ? comparator(a, b, false) : comparator(a, b);
+        if (!hasSeries) {
+            traceConfig.marker.symbol = "circle";
+            traceConfig.marker.size = 16;
+        }
+        datasets.forEach((dataset) => {
+            {
+                var trace = Object.assign({}, traceConfig, {
+                    x: dataset,
+                });
+                traces.push(trace);
+            }
         });
-        let keysAndValues = this.unzipArrays(dictionary);
-        return { keys: keysAndValues[0], values: keysAndValues[1] };
-    }
-    static toPercentage(value, maxValue) {
-        return (value / maxValue) * 100;
+        const height = (labels.length + 1) * lineHeight + topMargin + bottomMargin;
+        const layout = {
+            height: height,
+            margin: {
+                t: topMargin,
+                b: bottomMargin,
+                r: 0,
+                l: 0,
+            },
+            colorway: colors,
+            hovermode: "closest",
+            yaxis: Object.assign(Object.assign({}, PlotlySetup.defaultAxisYConfig(model.theme)), { type: "category", ticklen: 5, tickcolor: "transparent" }),
+            xaxis: Object.assign(Object.assign({}, PlotlySetup.defaultAxisXConfig(model.theme)), { rangemode: "nonnegative" }),
+            modebar: Object.assign({}, PlotlySetup.defaultModebarConfig(model.theme)),
+            plot_bgcolor: "transparent",
+            paper_bgcolor: "transparent",
+            showlegend: false,
+        };
+        if (hasSeries) {
+            layout.showlegend = true;
+            layout.legend = PlotlySetup.defaultLegendConfig(model);
+            layout.height = undefined;
+            labels.forEach((label, index) => {
+                traces[index].hoverinfo = "x+name";
+                traces[index].marker.color = undefined;
+                traces[index].name = label;
+            });
+        }
+        return { traces, layout, hasSeries };
     }
-}
-function createLinksContainer(links) {
-    const linksContainer = DocumentHelper.createElement("div");
-    links.forEach((link, index) => {
-        linksContainer.appendChild(DocumentHelper.createElement("a", "", {
-            innerText: link.name,
-            download: link.name,
-            href: link.content,
-        }));
-        if (index < links.length - 1) {
-            linksContainer.appendChild(DocumentHelper.createElement("br"));
+    static setupGauge(model, answersData) {
+        let value = answersData.datasets[0][answersData.values.indexOf(model.displayValueName || "value")];
+        let minValue = answersData.datasets[0][answersData.values.indexOf("min")] || 0;
+        let maxValue = answersData.datasets[0][answersData.values.indexOf("max")] || value * 1.25;
+        if (model.dataType === "rating") {
+            const rateValues = model.question.visibleRateValues;
+            maxValue = rateValues[rateValues.length - 1].value;
+            minValue = rateValues[0].value;
         }
-    });
-    return linksContainer;
-}
-function createImagesContainer(links) {
-    const linksContainer = DocumentHelper.createElement("div");
-    links.forEach((link) => {
-        linksContainer.appendChild(DocumentHelper.createElement("img", "", {
-            alt: link.name,
-            src: link.content,
-        }));
-    });
-    return linksContainer;
-}
-function toPrecision(value, precision = 2) {
-    const base = Math.pow(10, precision);
-    return Math.round(base * value) / base;
+        model.generateColors(maxValue, minValue, NumberModel.stepsCount);
+        if (NumberModel.showAsPercentage) {
+            value = DataHelper.toPercentage(value, maxValue);
+            minValue = DataHelper.toPercentage(minValue, maxValue);
+            maxValue = DataHelper.toPercentage(maxValue, maxValue);
+        }
+        var traces = [
+            {
+                type: "indicator",
+                mode: "gauge+number",
+                gauge: Object.assign(Object.assign({}, PlotlySetup.defaultGaugeConfig(model.theme)), { axis: {
+                        range: [minValue, maxValue],
+                        tickfont: Object.assign({}, PlotlySetup.defaultGaugeTickFont(model.theme))
+                    }, shape: model.chartType }),
+                value: value,
+                text: model.name,
+                domain: { x: [0, 1], y: [0, 1] },
+                number: {
+                    font: Object.assign({}, PlotlySetup.defaultValueGaugeFont(model.theme))
+                },
+            },
+        ];
+        const chartMargin = model.chartType === "bullet" ? 60 : 30;
+        var layout = {
+            height: model.chartType === "bullet" ? 150 : 250,
+            margin: {
+                l: chartMargin,
+                r: chartMargin,
+                b: chartMargin,
+                t: chartMargin,
+                pad: 5
+            },
+            plot_bgcolor: "transparent",
+            paper_bgcolor: "transparent",
+            modebar: Object.assign({}, PlotlySetup.defaultModebarConfig(model.theme)),
+        };
+        return { traces, layout, hasSeries: false };
+    }
+    static setupRadar(model, answersData) {
+        let { datasets, labels, colors, texts, seriesLabels, } = answersData;
+        const hasSeries = seriesLabels.length > 1 || model.dataType === "matrix";
+        const traces = [];
+        const traceConfig = {
+            type: "scatterpolar",
+            mode: "lines+markers",
+            fill: "toself",
+            line: {
+                width: 2
+            },
+            marker: {
+                size: 6
+            }
+        };
+        datasets.forEach((dataset, index) => {
+            const traceName = hasSeries ? seriesLabels[index] : "";
+            const trace = Object.assign({}, traceConfig, {
+                r: dataset,
+                theta: labels,
+                name: traceName,
+                text: texts[index],
+                hoverinfo: "r+theta+name",
+                customdata: labels,
+                hovertemplate: "%{theta}: %{r}" +
+                    "<extra></extra>",
+                line: Object.assign(Object.assign({}, traceConfig.line), { color: colors[index % colors.length] }),
+                marker: Object.assign(Object.assign({}, traceConfig.marker), { color: colors[index % colors.length] })
+            });
+            traces.push(trace);
+        });
+        const layout = {
+            polar: {
+                radialaxis: Object.assign(Object.assign({}, PlotlySetup.defaultAxisConfig(model.theme)), { visible: true, range: [0, Math.max(...datasets.map(s => Math.max(...s))) * 1.1], gridcolor: model.theme.axisGridColor, linecolor: model.theme.axisBorderColor, tickcolor: model.theme.axisBorderColor, gridwidth: 1 }),
+                angularaxis: Object.assign(Object.assign({}, PlotlySetup.defaultAxisConfig(model.theme)), { tickfont: model.theme.radarLabelFont, linecolor: model.theme.axisGridColor })
+            },
+            showlegend: hasSeries,
+            legend: hasSeries ? PlotlySetup.defaultLegendConfig(model) : undefined,
+            colorway: colors,
+            plot_bgcolor: "transparent",
+            paper_bgcolor: "transparent",
+            margin: {
+                l: 50,
+                r: 50,
+                t: 50,
+                b: 50
+            },
+            modebar: Object.assign({}, PlotlySetup.defaultModebarConfig(model.theme)),
+            hovermode: "closest",
+            hoverlabel: PlotlySetup.defaultTooltipConfig(model.theme),
+        };
+        return { traces, layout, hasSeries };
+    }
 }
-
-var farsiStrings = {
-    // "Group By Me"
-    groupButton: "گروه بندی با",
-    // "Ungroup By Me"
-    ungroupButton: "حذف گروه",
-    // "Select Me"
-    selectButton: "انتخاب",
-    // "Hide column"
-    hideColumn: "مخفی کردن ستون",
-    // "Show column"
-    showColumn: "نمایش ستون",
-    // "Make column private"
-    makePrivateColumn: "خصوصی کردن ستون",
-    // "Make column public"
-    makePublicColumn: "عمومی کردن ستون",
-    // "Move to Detail"
-    moveToDetail: "انتقال به جزئیات",
-    // "Show as Column"
-    showAsColumn: "نمایش به عنوان ستون",
-    // "Search..."
-    filterPlaceholder: "جستجو...",
-    // "Remove rows"
-    removeRows: "حذف سطرها",
-    // "Show"
-    showLabel: "نمایش",
-    // "entries"
-    entriesLabel: "ورودی",
-    // "Texts in table"
-    visualizer_text: "متون در جدول",
-    // "Wordcloud"
-    visualizer_wordcloud: "ابر کلمات",
-    // "Histogram"
-    visualizer_histogram: "هیستوگرام",
-    // "Average"
-    visualizer_number: "متوسط",
-    // "Table"
-    visualizer_choices: "جدول",
-    // "Chart"
-    visualizer_selectBase: "نمودار",
-    // [Auto-translated] "Chart"
-    visualizer_matrix: "نمودار",
-    // [Auto-translated] "Bar"
-    chartType_bar: "نوار",
-    // "Vertical Bar"
-    chartType_vbar: "نوار عمودی",
-    // "Stacked Bar"
-    chartType_stackedbar: "نوار پشته",
-    // "Doughnut"
-    chartType_doughnut: "دونات",
-    // "Pie"
-    chartType_pie: "دابره ای(pie)",
-    // "Scatter"
-    chartType_scatter: "پراکندگی(Scatter)",
-    // "Gauge"
-    chartType_gauge: "عقربه ای",
-    // "Bullet"
-    chartType_bullet: "Bullet",
-    // [Auto-translated] "Line"
-    chartType_line: "خط",
-    // [Auto-translated] "Radar"
-    chartType_radar: "رادار",
-    // "Hide"
-    hideButton: "مخفی",
-    // "Make private"
-    makePrivateButton: "خصوصی کردن",
-    // "Make public"
-    makePublicButton: "عمومی کردن",
-    // "Show"
-    showButton: "نمایش",
-    // "Filter"
-    filter: "فیلتر",
-    // "Reset Filter"
-    resetFilter: "بازنشانی فیلترها",
-    // "Change Locale"
-    changeLocale: "تغییر محلی",
-    // "Clear"
-    clearButton: "پاک کردن",
-    // "Choose question to show..."
-    addElement: "انتخاب سوال برای نمایش...",
-    // "Default Order"
-    defaultOrder: "ترتیب پیشفرض",
-    // "Ascending"
-    ascOrder: "صعودی",
-    // "Descending"
-    descOrder: "نزولی",
-    // "Show minor columns"
-    showMinorColumns: "نمایش ستونهای فرعی",
-    // [Auto-translated] "Actions"
-    actionsColumn: "اقدامات",
-    // "Other items and comments"
-    otherCommentTitle: "سایر موارد و نظرات",
-    // "Show percentages"
-    showPercentages: "نمایش درصد",
-    // "Hide percentages"
-    hidePercentages: "درصدهای مخفی",
-    // "PDF"
-    pdfDownloadCaption: "پی دی اف",
-    // "Excel"
-    xlsxDownloadCaption: "اکسل",
-    // "CSV"
-    csvDownloadCaption: "Csv",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "دانلود طرح به عنوان یک فایل PNG",
-    // "Hide empty answers"
-    hideEmptyAnswers: "مخفی کردن پاسخهای خالی",
-    // "Show empty answers"
-    showEmptyAnswers: "نمایش پاسخهای خالی",
-    // "All answers"
-    "topNValueText-1": "همه پاسخ ها",
-    // "Top 5 answers"
-    topNValueText5: "5 پاسخ برتر",
-    // "Top 10 answers"
-    topNValueText10: "10 پاسخ برتر",
-    // "Top 20 answers"
-    topNValueText20: "20 پاسخ برتر",
-    // "Hide missing answers"
-    hideMissingAnswers: "مخفی کردن پاسخهای گمشده",
-    // "Show missing answers"
-    showMissingAnswers: "نمایش پاسخهای گمشده",
-    // "Missing answers"
-    missingAnswersLabel: "پاسخ های گمشده",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "این نوع سوال هنوز تجسم نشده است",
-    // "There are no results yet"
-    noResults: "هنوز نتیجه ای حاصل نشده است",
-    // "Per Values"
-    showPerValues: "به ازای هر ارزش",
-    // "Per Columns"
-    showPerColumns: "در هر ستون",
-    // "Answer"
-    answer: "پاسخ",
-    // "Correct answer: "
-    correctAnswer: "پاسخ صحیح: ",
-    // "Percent"
-    percent: "درصد",
-    // [Auto-translated] "Percentage"
-    percentage: "درصد",
-    // [Auto-translated] "Chart"
-    statistics_chart: "نمودار",
-    // "Responses"
-    responses: "پاسخ",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "نمودار",
-    // [Auto-translated] "Table"
-    visualizer_options: "جدول",
-    // [Auto-translated] "NPS"
-    npsScore: "NPS",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "مروج",
-    // [Auto-translated] "Passives"
-    npsPassives: "منفعل ها",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "بدهیدان",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "دسته (محور X):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "افسانه (سری):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "بخش:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "گروه:",
-    // [Auto-translated] "Not selected"
-    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: "سال به پایان می رسد با"
-};
-setupLocale({ localeCode: "fa", strings: farsiStrings, nativeName: "فارسی" });
-
-var frenchStrings = {
-    // "Group By Me"
-    groupButton: "Grouper",
-    // "Ungroup By Me"
-    ungroupButton: "Dissocier",
-    // "Select Me"
-    selectButton: "Sélectionner",
-    // "Hide column"
-    hideColumn: "Masquer la colonne",
-    // "Show column"
-    showColumn: "Afficher la colonne",
-    // "Make column private"
-    makePrivateColumn: "Rendre la colonne privée",
-    // "Make column public"
-    makePublicColumn: "Rendre la colonne publique",
-    // "Move to Detail"
-    moveToDetail: "Déplacer vers détails",
-    // "Show as Column"
-    showAsColumn: "Afficher en colonne",
-    // "Search..."
-    filterPlaceholder: "Rechercher...",
-    // "Remove rows"
-    removeRows: "Supprimer les lignes",
-    // "Show"
-    showLabel: "Afficher",
-    // "entries"
-    entriesLabel: "entrées",
-    // "Texts in table"
-    visualizer_text: "Textes dans le tableau",
-    // "Wordcloud"
-    visualizer_wordcloud: "Nuage de mots",
-    // "Histogram"
-    visualizer_histogram: "Histogramme",
-    // "Average"
-    visualizer_number: "Moyenne",
-    // "Table"
-    visualizer_choices: "Table",
-    // "Chart"
-    visualizer_selectBase: "Graphique",
-    // [Auto-translated] "Chart"
-    visualizer_matrix: "Graphique",
-    // [Auto-translated] "Bar"
-    chartType_bar: "Barre",
-    // "Vertical Bar"
-    chartType_vbar: "Barre verticale",
-    // "Stacked Bar"
-    chartType_stackedbar: "Barres empilées",
-    // "Doughnut"
-    chartType_doughnut: "Anneau",
-    // "Pie"
-    chartType_pie: "Secteurs",
-    // "Scatter"
-    chartType_scatter: "Nuage de points",
-    // "Gauge"
-    chartType_gauge: "Cadran",
-    // "Bullet"
-    chartType_bullet: "Bulles",
-    // [Auto-translated] "Line"
-    chartType_line: "Ligne",
-    // [Auto-translated] "Radar"
-    chartType_radar: "Radar",
-    // "Hide"
-    hideButton: "Masquer",
-    // "Make private"
-    makePrivateButton: "Rendre privé",
-    // "Make public"
-    makePublicButton: "Rendre publique",
-    // "Show"
-    showButton: "Afficher",
-    // "Filter"
-    filter: "Filtre",
-    // "Reset Filter"
-    resetFilter: "Réinitialiser le Filtre",
-    // "Change Locale"
-    changeLocale: "Changer les paramètres régionaux",
-    // "Clear"
-    clearButton: "Rafraichir",
-    // "Choose question to show..."
-    addElement: "Choisir la question à afficher...",
-    // "Default Order"
-    defaultOrder: "Ordre par défaut",
-    // "Ascending"
-    ascOrder: "Ascendant",
-    // "Descending"
-    descOrder: "Descendant",
-    // "Show minor columns"
-    showMinorColumns: "Afficher les colonnes mineures",
-    // [Auto-translated] "Actions"
-    actionsColumn: "Actions",
-    // "Other items and comments"
-    otherCommentTitle: "Autres éléments et commentaires",
-    // "Show percentages"
-    showPercentages: "Afficher les pourcentages",
-    // "Hide percentages"
-    hidePercentages: "Masquer les pourcentages",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Fichier Excel",
-    // "CSV"
-    csvDownloadCaption: "Fichier CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Sauvegarder en PNG",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Masquer les réponses vides",
-    // "Show empty answers"
-    showEmptyAnswers: "Afficher les réponses vides",
-    // "All answers"
-    "topNValueText-1": "Toutes les réponses",
-    // "Top 5 answers"
-    topNValueText5: "Top 5 des réponses",
-    // "Top 10 answers"
-    topNValueText10: "Top 10 des réponses",
-    // "Top 20 answers"
-    topNValueText20: "Top 20 des réponses",
-    // "Hide missing answers"
-    hideMissingAnswers: "Masquer les réponses manquantes",
-    // "Show missing answers"
-    showMissingAnswers: "Afficher les réponses manquantes",
-    // "Missing answers"
-    missingAnswersLabel: "Réponses manquantes",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Ce type de question n'est pas encore visualisé",
-    // "There are no results yet"
-    noResults: "Il n'y a pas encore de résultats",
-    // "Per Values"
-    showPerValues: "Par valeur",
-    // "Per Columns"
-    showPerColumns: "Par colonne",
-    // "Answer"
-    answer: "Réponse",
-    // "Correct answer: "
-    correctAnswer: "Réponse correcte: ",
-    // "Percent"
-    percent: "Pourcentage",
-    // [Auto-translated] "Percentage"
-    percentage: "Pourcentage",
-    // [Auto-translated] "Chart"
-    statistics_chart: "Graphique",
-    // "Responses"
-    responses: "Réponses",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "Le NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Graphique",
-    // [Auto-translated] "Table"
-    visualizer_options: "Table",
-    // [Auto-translated] "NPS"
-    npsScore: "Le NPS",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "Promoteurs",
-    // [Auto-translated] "Passives"
-    npsPassives: "Passifs",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "Détracteurs",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "Catégorie (axe X) :",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "Légende (série) :",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Segments:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Groupes:",
-    // [Auto-translated] "Not selected"
-    notSelected: "Non sélectionné",
-    // [Auto-translated] "Default"
-    intervalMode_default: "Par défaut",
-    // [Auto-translated] "Decades"
-    intervalMode_decades: "Décennies",
-    // [Auto-translated] "Years"
-    intervalMode_years: "Années",
-    // [Auto-translated] "Quarters"
-    intervalMode_quarters: "Trimestres",
-    // [Auto-translated] "Months"
-    intervalMode_months: "Mois",
-    // [Auto-translated] "Days"
-    intervalMode_days: "Jours",
-    // [Auto-translated] "Custom"
-    intervalMode_custom: "Personnalisé",
-    // [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"
-};
-setupLocale({ localeCode: "fr", strings: frenchStrings, nativeName: "Français" });
-
-var germanStrings = {
-    // "Group By Me"
-    groupButton: "Gruppieren",
-    // "Ungroup By Me"
-    ungroupButton: "Gruppierung aufheben",
-    // "Select Me"
-    selectButton: "Mich auswählen",
-    // "Hide column"
-    hideColumn: "Spalte ausblenden",
-    // "Show column"
-    showColumn: "Spalte einblenden",
-    // "Make column private"
-    makePrivateColumn: "Spalte privat machen",
-    // "Make column public"
-    makePublicColumn: "Spalte veröffentlichen",
-    // "Move to Detail"
-    moveToDetail: "in Details verschieben",
-    // "Show as Column"
-    showAsColumn: "Als Spalte anzeigen",
-    // "Search..."
-    filterPlaceholder: "Suche...",
-    // "Remove rows"
-    removeRows: "Zeilen entfernen",
-    // "Show"
-    showLabel: "Anzeigen",
-    // "entries"
-    entriesLabel: "Einträge",
-    // "Texts in table"
-    visualizer_text: "Texte in Tabellenform",
-    // "Wordcloud"
-    visualizer_wordcloud: "Wordcloud",
-    // "Histogram"
-    visualizer_histogram: "Histogramm",
-    // "Average"
-    visualizer_number: "Durchschnitt",
-    // "Table"
-    visualizer_choices: "Tabelle",
-    // "Chart"
-    visualizer_selectBase: "Diagrammtyp",
-    // [Auto-translated] "Chart"
-    visualizer_matrix: "Diagramm",
-    // "Bar"
-    chartType_bar: "Balkendiagramm",
-    // "Vertical Bar"
-    chartType_vbar: "Balkendiagramm vertikal",
-    // "Stacked Bar"
-    chartType_stackedbar: "Gestapeltes Balkendiagramm",
-    // "Doughnut"
-    chartType_doughnut: "Donut-Diagramm",
-    // "Pie"
-    chartType_pie: "Kreisdiagramm",
-    // "Scatter"
-    chartType_scatter: "Punktediagramm",
-    // "Gauge"
-    chartType_gauge: "Pegeldiagramm",
-    // "Bullet"
-    chartType_bullet: "Aufzählungsdiagramm",
-    // [Auto-translated] "Line"
-    chartType_line: "Linie",
-    // [Auto-translated] "Radar"
-    chartType_radar: "Radar",
-    // "Hide"
-    hideButton: "Ausblenden",
-    // "Make private"
-    makePrivateButton: "Privat machen",
-    // "Make public"
-    makePublicButton: "Öffentlich machen",
-    // "Show"
-    showButton: "Anzeigen",
-    // "Filter"
-    filter: "Filter",
-    // "Reset Filter"
-    resetFilter: "Filter zurücksetzen",
-    // "Change Locale"
-    changeLocale: "Lokalisierung ändern",
-    // "Clear"
-    clearButton: "Einstellungen löschen",
-    // "Choose question to show..."
-    addElement: "Wählen Sie eine Frage, um zu zeigen...",
-    // "Default Order"
-    defaultOrder: "Standardreihenfolge",
-    // "Ascending"
-    ascOrder: "Aufsteigend",
-    // "Descending"
-    descOrder: "Absteigend",
-    // "Show minor columns"
-    showMinorColumns: "Kleinere Spalten anzeigen",
-    // [Auto-translated] "Actions"
-    actionsColumn: "Aktionen",
-    // "Other items and comments"
-    otherCommentTitle: "Andere Punkte und Kommentare",
-    // "Show percentages"
-    showPercentages: "Prozentsätze anzeigen",
-    // "Hide percentages"
-    hidePercentages: "Prozentsätze ausblenden",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Diagramm als PNG herunterladen",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Leere Antworten ausblenden",
-    // "Show empty answers"
-    showEmptyAnswers: "Leere Antworten anzeigen",
-    // "All answers"
-    "topNValueText-1": "Alle Antworten",
-    // "Top 5 answers"
-    topNValueText5: "Top 5 Antworten",
-    // "Top 10 answers"
-    topNValueText10: "Top 10 Antworten",
-    // "Top 20 answers"
-    topNValueText20: "Top 20 Antworten",
-    // "Hide missing answers"
-    hideMissingAnswers: "Fehlende Antworten ausblenden",
-    // "Show missing answers"
-    showMissingAnswers: "Fehlende Antworten anzeigen",
-    // "Missing answers"
-    missingAnswersLabel: "Fehlende Antworten",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Für diesen Fragetyp gibt es noch keine Visualisierung.",
-    // "There are no results yet"
-    noResults: "Es liegen noch keine Ergebnisse vor",
-    // "Per Values"
-    showPerValues: "Pro Wert",
-    // "Per Columns"
-    showPerColumns: "Pro Spalte",
-    // "Answer"
-    answer: "Antwort",
-    // "Correct answer: "
-    correctAnswer: "Korrekte Antwort: ",
-    // "Percent"
-    percent: "Prozent",
-    // [Auto-translated] "Percentage"
-    percentage: "Prozentsatz",
-    // [Auto-translated] "Chart"
-    statistics_chart: "Diagramm",
-    // "Responses"
-    responses: "Antworten",
-    // "NPS"
-    visualizer_nps: "NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Diagramm",
-    // "Table"
-    visualizer_options: "Tabelle",
-    // "NPS"
-    npsScore: "NPS",
-    // "Promoters"
-    npsPromoters: "Promotoren",
-    // "Passives"
-    npsPassives: "Passive",
-    // "Detractors"
-    npsDetractors: "Detraktoren",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "Kategorie (X-Achse):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "Legende (Serie):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Segmente:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Gruppen:",
-    // [Auto-translated] "Not selected"
-    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"
-};
-setupLocale({ localeCode: "de", strings: germanStrings, nativeName: "Deutsch" });
-
-var norwegianStrings = {
-    // "Group By Me"
-    groupButton: "Grupper",
-    // "Ungroup By Me"
-    ungroupButton: "Opphev gruppering",
-    // "Select Me"
-    selectButton: "Velg",
-    // "Hide column"
-    hideColumn: "Skjul kolonne",
-    // "Show column"
-    showColumn: "Vis kolonne",
-    // "Make column private"
-    makePrivateColumn: "Gjør kolonne privat",
-    // "Make column public"
-    makePublicColumn: "Gjør kolonne offentlig",
-    // "Move to Detail"
-    moveToDetail: "Flytt til detaljert visning",
-    // "Show as Column"
-    showAsColumn: "Vis som kolonne",
-    // "Search..."
-    filterPlaceholder: "Søk...",
-    // "Remove rows"
-    removeRows: "Fjern rader",
-    // "Show"
-    showLabel: "Vis",
-    // "entries"
-    entriesLabel: "oppføringer",
-    // "Texts in table"
-    visualizer_text: "Tabellvisning",
-    // "Wordcloud"
-    visualizer_wordcloud: "Ordsky",
-    // "Histogram"
-    visualizer_histogram: "Histogram",
-    // "Average"
-    visualizer_number: "Gjennomsnitt",
-    // "Table"
-    visualizer_choices: "Bord",
-    // "Chart"
-    visualizer_selectBase: "Sjøkart",
-    // [Auto-translated] "Chart"
-    visualizer_matrix: "Sjøkart",
-    // [Auto-translated] "Bar"
-    chartType_bar: "Bar",
-    // "Vertical Bar"
-    chartType_vbar: "Vertikal stolpe",
-    // "Stacked Bar"
-    chartType_stackedbar: "Stablet stolpediagram",
-    // "Doughnut"
-    chartType_doughnut: "Hjuldiagram",
-    // "Pie"
-    chartType_pie: "Sektordiagram",
-    // "Scatter"
-    chartType_scatter: "Punktdiagram",
-    // "Gauge"
-    chartType_gauge: "Målediagram",
-    // "Bullet"
-    chartType_bullet: "Kulediagram",
-    // [Auto-translated] "Line"
-    chartType_line: "Linje",
-    // [Auto-translated] "Radar"
-    chartType_radar: "Radar",
-    // "Hide"
-    hideButton: "Skjul",
-    // "Make private"
-    makePrivateButton: "Gjør privat",
-    // "Make public"
-    makePublicButton: "Gjør offentlig",
-    // "Show"
-    showButton: "Vis",
-    // "Filter"
-    filter: "Filter",
-    // "Reset Filter"
-    resetFilter: "Nullstill filter",
-    // "Change Locale"
-    changeLocale: "Bytt språk",
-    // "Clear"
-    clearButton: "Tøm",
-    // "Choose question to show..."
-    addElement: "Velg spørsmål...",
-    // "Default Order"
-    defaultOrder: "Standard",
-    // "Ascending"
-    ascOrder: "Stigende",
-    // "Descending"
-    descOrder: "Synkende",
-    // "Show minor columns"
-    showMinorColumns: "Vis mindre kolonner",
-    // [Auto-translated] "Actions"
-    actionsColumn: "Handlinger",
-    // "Other items and comments"
-    otherCommentTitle: "Annet og kommentarer",
-    // "Show percentages"
-    showPercentages: "Vis prosenter",
-    // "Hide percentages"
-    hidePercentages: "Skjul prosenter",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Overgå",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Last ned plott som en PNG-fil",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Skjul tomme svar",
-    // "Show empty answers"
-    showEmptyAnswers: "Vis tomme svar",
-    // "All answers"
-    "topNValueText-1": "Alle svar",
-    // "Top 5 answers"
-    topNValueText5: "Topp 5 svar",
-    // "Top 10 answers"
-    topNValueText10: "Topp 10 svar",
-    // "Top 20 answers"
-    topNValueText20: "Topp 20 svar",
-    // "Hide missing answers"
-    hideMissingAnswers: "Skjul manglende svar",
-    // "Show missing answers"
-    showMissingAnswers: "Vis manglende svar",
-    // "Missing answers"
-    missingAnswersLabel: "Mangler svar",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Denne spørsmålstypen er ikke visualisert ennå",
-    // "There are no results yet"
-    noResults: "Det er ingen resultater ennå",
-    // "Per Values"
-    showPerValues: "Per verdier",
-    // "Per Columns"
-    showPerColumns: "Per kolonner",
-    // "Answer"
-    answer: "Svare",
-    // "Correct answer: "
-    correctAnswer: "Riktig svar: ",
-    // "Percent"
-    percent: "Prosent",
-    // [Auto-translated] "Percentage"
-    percentage: "Prosent",
-    // [Auto-translated] "Chart"
-    statistics_chart: "Sjøkart",
-    // "Responses"
-    responses: "Svar",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Sjøkart",
-    // [Auto-translated] "Table"
-    visualizer_options: "Bord",
-    // [Auto-translated] "NPS"
-    npsScore: "NPS",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "Arrangører",
-    // [Auto-translated] "Passives"
-    npsPassives: "Passive",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "Motstandere",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "Kategori (X-akse):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "Legende (serie):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Segmenter:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Grupper:",
-    // [Auto-translated] "Not selected"
-    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"
-};
-setupLocale({ localeCode: "no", strings: norwegianStrings, nativeName: "Norsk" });
-
-var portugueseStrings = {
-    // "Group By Me"
-    groupButton: "Agrupar Por Mim",
-    // "Ungroup By Me"
-    ungroupButton: "Desagrupar Por Mim",
-    // "Select Me"
-    selectButton: "Selecionar",
-    // "Hide column"
-    hideColumn: "Esconder coluna",
-    // "Show column"
-    showColumn: "Mostrar coluna",
-    // "Make column private"
-    makePrivateColumn: "Tornar coluna privada",
-    // "Make column public"
-    makePublicColumn: "Tornar coluna pública",
-    // "Move to Detail"
-    moveToDetail: "Mover para Detalhes",
-    // "Show as Column"
-    showAsColumn: "Mostrar como Coluna",
-    // "Search..."
-    filterPlaceholder: "Pesquisar...",
-    // "Remove rows"
-    removeRows: "Remover linhas",
-    // "Show"
-    showLabel: "Mostrar",
-    // "entries"
-    entriesLabel: "entradas",
-    // "Texts in table"
-    visualizer_text: "Textos em tabela",
-    // "Wordcloud"
-    visualizer_wordcloud: "Nuvem de palavras",
-    // "Histogram"
-    visualizer_histogram: "Histograma",
-    // "Average"
-    visualizer_number: "Média",
-    // "Table"
-    visualizer_choices: "Tabela",
-    // "Chart"
-    visualizer_selectBase: "Gráfico",
-    // [Auto-translated] "Chart"
-    visualizer_matrix: "Gráfico",
-    // [Auto-translated] "Bar"
-    chartType_bar: "Barra",
-    // "Vertical Bar"
-    chartType_vbar: "Barra vertical",
-    // "Stacked Bar"
-    chartType_stackedbar: "Barra Empilhada",
-    // "Doughnut"
-    chartType_doughnut: "Rosca",
-    // "Pie"
-    chartType_pie: "Tarte",
-    // "Scatter"
-    chartType_scatter: "Lastro",
-    // "Gauge"
-    chartType_gauge: "Escala",
-    // "Bullet"
-    chartType_bullet: "Bala",
-    // [Auto-translated] "Line"
-    chartType_line: "Linha",
-    // [Auto-translated] "Radar"
-    chartType_radar: "Radar",
-    // "Hide"
-    hideButton: "Esconder",
-    // "Make private"
-    makePrivateButton: "Tornar privado",
-    // "Make public"
-    makePublicButton: "Tornar público",
-    // "Show"
-    showButton: "Mostrar",
-    // "Filter"
-    filter: "Filtrar",
-    // "Reset Filter"
-    resetFilter: "Restaurar Filtro",
-    // "Change Locale"
-    changeLocale: "Mudar Localização",
-    // "Clear"
-    clearButton: "Limpar",
-    // "Choose question to show..."
-    addElement: "Escolher questão para mostrar...",
-    // "Default Order"
-    defaultOrder: "Ordenação Padrão",
-    // "Ascending"
-    ascOrder: "Ascendente",
-    // "Descending"
-    descOrder: "Descendente",
-    // "Show minor columns"
-    showMinorColumns: "Mostrar colunas menores",
-    // [Auto-translated] "Actions"
-    actionsColumn: "Ações",
-    // "Other items and comments"
-    otherCommentTitle: "Outros itens e comentários",
-    // "Show percentages"
-    showPercentages: "Mostrar percentuais",
-    // "Hide percentages"
-    hidePercentages: "Esconder percentuais",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Baixar diagrama como PNG",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Esconder perguntas vazias",
-    // "Show empty answers"
-    showEmptyAnswers: "Mostrar perguntas vazias",
-    // "All answers"
-    "topNValueText-1": "Todas as respostas",
-    // "Top 5 answers"
-    topNValueText5: "Primeiras 5 respostas",
-    // "Top 10 answers"
-    topNValueText10: "Primeiras 10 respostas",
-    // "Top 20 answers"
-    topNValueText20: "Primeiras 20 respostas",
-    // "Hide missing answers"
-    hideMissingAnswers: "Ocultar perguntas não respondidas",
-    // "Show missing answers"
-    showMissingAnswers: "Mostrar perguntas não respondidas",
-    // "Missing answers"
-    missingAnswersLabel: "Perguntas não respondidas",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Este tipo de pergunta ainda não foi visualizada",
-    // "There are no results yet"
-    noResults: "Ainda não possui resultados",
-    // "Per Values"
-    showPerValues: "Por valores",
-    // "Per Columns"
-    showPerColumns: "Por colunas",
-    // "Answer"
-    answer: "Resposta",
-    // "Correct answer: "
-    correctAnswer: "Resposta correta: ",
-    // "Percent"
-    percent: "Percentagem",
-    // [Auto-translated] "Percentage"
-    percentage: "Porcentagem",
-    // [Auto-translated] "Chart"
-    statistics_chart: "Gráfico",
-    // "Responses"
-    responses: "Respostas",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Gráfico",
-    // [Auto-translated] "Table"
-    visualizer_options: "Mesa",
-    // [Auto-translated] "NPS"
-    npsScore: "NPS",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "Promotores",
-    // [Auto-translated] "Passives"
-    npsPassives: "Passivos",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "Detratores",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "Categoria (eixo X):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "Lenda (Série):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Segmentos:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Grupos:",
-    // [Auto-translated] "Not selected"
-    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"
-};
-setupLocale({ localeCode: "pt", strings: portugueseStrings, nativeName: "Português" });
-
-var russianStrings = {
-    // "Group By Me"
-    groupButton: "Сгруппировать",
-    // "Ungroup By Me"
-    ungroupButton: "Разгруппировать",
-    // "Select Me"
-    selectButton: "Выбрать",
-    // "Hide column"
-    hideColumn: "Скрыть столбец",
-    // "Show column"
-    showColumn: "Показать столбец",
-    // "Make column private"
-    makePrivateColumn: "Сделать столбец приватным",
-    // "Make column public"
-    makePublicColumn: "Сделать столбец публичным",
-    // "Move to Detail"
-    moveToDetail: "Спрятать в раскрывающуюся секцию",
-    // "Show as Column"
-    showAsColumn: "Показать как столбец",
-    // "Search..."
-    filterPlaceholder: "Поиск...",
-    // "Remove rows"
-    removeRows: "Удалить строки",
-    // "Show"
-    showLabel: "Показать",
-    // "entries"
-    entriesLabel: "записей",
-    // "Texts in table"
-    visualizer_text: "Таблица",
-    // "Wordcloud"
-    visualizer_wordcloud: "Облако тэгов",
-    // "Histogram"
-    visualizer_histogram: "Гистограмма",
-    // "Average"
-    visualizer_number: "Среднее значение",
-    // "Table"
-    visualizer_choices: "Таблица",
-    // "Chart"
-    visualizer_selectBase: "Диаграмма",
-    // "Chart"
-    visualizer_matrix: "Диаграмма",
-    // "Bar"
-    chartType_bar: "Столбчатая диаграмма",
-    // "Vertical Bar"
-    chartType_vbar: "Вертикальная столбчатая диаграмма",
-    // "Stacked Bar"
-    chartType_stackedbar: "Столбчатая диаграмма с накоплением",
-    // "Doughnut"
-    chartType_doughnut: "Кольцевая диаграмма",
-    // "Pie"
-    chartType_pie: "Круговая диаграмма",
-    // "Scatter"
-    chartType_scatter: "Точечная диаграмма",
-    // "Gauge"
-    chartType_gauge: "Измерительная диаграмма",
-    // "Bullet"
-    chartType_bullet: "Маркированная диаграмма",
-    // [Auto-translated] "Line"
-    chartType_line: "Линия",
-    // [Auto-translated] "Radar"
-    chartType_radar: "Радар",
-    // "Hide"
-    hideButton: "Скрыть",
-    // "Make private"
-    makePrivateButton: "Сделать приватным",
-    // "Make public"
-    makePublicButton: "Сделать публичным",
-    // "Show"
-    showButton: "Показать",
-    // "Filter"
-    filter: "Фильтр",
-    // "Reset Filter"
-    resetFilter: "Очистить фильтр",
-    // "Change Locale"
-    changeLocale: "Сменить язык",
-    // "Clear"
-    clearButton: "Очистить",
-    // "Choose question to show..."
-    addElement: "Выберите вопрос...",
-    // "Default Order"
-    defaultOrder: "Порядок по умолчанию",
-    // "Ascending"
-    ascOrder: "Сортировать по возрастанию",
-    // "Descending"
-    descOrder: "Сортировать по убыванию",
-    // "Show minor columns"
-    showMinorColumns: "Показать второстепенные столбцы",
-    // [Auto-translated] "Actions"
-    actionsColumn: "Действия",
-    // "Other items and comments"
-    otherCommentTitle: "Другое и комментарии",
-    // "Show percentages"
-    showPercentages: "Показать проценты",
-    // "Hide percentages"
-    hidePercentages: "Скрыть проценты",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Скачать диаграмму в формате PNG",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Скрыть пустые ответы",
-    // "Show empty answers"
-    showEmptyAnswers: "Показать пустые ответы",
-    // "All answers"
-    "topNValueText-1": "Все ответы",
-    // "Top 5 answers"
-    topNValueText5: "Первые 5 ответов",
-    // "Top 10 answers"
-    topNValueText10: "Первые 10 ответов",
-    // "Top 20 answers"
-    topNValueText20: "Первые 20 ответов",
-    // "Hide missing answers"
-    hideMissingAnswers: "Скрыть отсутствующие ответы",
-    // "Show missing answers"
-    showMissingAnswers: "Показать отсутствующие ответы",
-    // "Missing answers"
-    missingAnswersLabel: "Отсутствующие ответы",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Этот тип вопроса не поддерживается",
-    // "There are no results yet"
-    noResults: "Результаты отсутствуют",
-    // "Per Values"
-    showPerValues: "По значениям",
-    // "Per Columns"
-    showPerColumns: "По столбцам",
-    // "Answer"
-    answer: "Ответ",
-    // "Correct answer: "
-    correctAnswer: "Правильный ответ: ",
-    // "Percent"
-    percent: "процентов",
-    // [Auto-translated] "Percentage"
-    percentage: "Процент",
-    // [Auto-translated] "Chart"
-    statistics_chart: "Диаграмма",
-    // "Responses"
-    responses: "ответов",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Диаграмма",
-    // [Auto-translated] "Table"
-    visualizer_options: "Стол",
-    // [Auto-translated] "NPS"
-    npsScore: "NPS",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "Промоутеров",
-    // [Auto-translated] "Passives"
-    npsPassives: "Пассивные способности",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "Критики",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "Категория (ось X):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "Легенда (Серия):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Сегментов:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Группы:",
-    // [Auto-translated] "Not selected"
-    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: "Год заканчивается с"
-};
-setupLocale({ localeCode: "ru", strings: russianStrings, nativeName: "Русский" });
-
-var dutchStrings = {
-    // "Group By Me"
-    groupButton: "Groeperen op",
-    // "Ungroup By Me"
-    ungroupButton: "Groepering verwijderen",
-    // "Select Me"
-    selectButton: "Selecteer mij",
-    // "Hide column"
-    hideColumn: "Kolom verbergen",
-    // "Show column"
-    showColumn: "Toon kolom",
-    // "Make column private"
-    makePrivateColumn: "Kolom privé maken",
-    // "Make column public"
-    makePublicColumn: "Maak kolom openbaar",
-    // "Move to Detail"
-    moveToDetail: "Ga naar detail",
-    // "Show as Column"
-    showAsColumn: "Weergeven als kolom",
-    // "Search..."
-    filterPlaceholder: "Zoeken...",
-    // "Remove rows"
-    removeRows: "Verwijder rijen",
-    // "Show"
-    showLabel: "Tonen",
-    // "entries"
-    entriesLabel: "inzendingen",
-    // "Texts in table"
-    visualizer_text: "Teksten in tabel",
-    // "Wordcloud"
-    visualizer_wordcloud: "Wordcloud",
-    // "Histogram"
-    visualizer_histogram: "Histogram",
-    // "Average"
-    visualizer_number: "Gemiddeld",
-    // "Table"
-    visualizer_choices: "Tabel",
-    // "Chart"
-    visualizer_selectBase: "Grafiek",
-    // [Auto-translated] "Chart"
-    visualizer_matrix: "Zeekaart",
-    // [Auto-translated] "Bar"
-    chartType_bar: "Bar",
-    // "Vertical Bar"
-    chartType_vbar: "Staafdiagram",
-    // "Stacked Bar"
-    chartType_stackedbar: "Staafdiagram (gestapeld)",
-    // "Doughnut"
-    chartType_doughnut: "Donut",
-    // "Pie"
-    chartType_pie: "Cirkeldiagram",
-    // "Scatter"
-    chartType_scatter: "Spreidingsdiagram",
-    // "Gauge"
-    chartType_gauge: "Meterdiagram",
-    // "Bullet"
-    chartType_bullet: "Kogelgrafiek",
-    // [Auto-translated] "Line"
-    chartType_line: "Lijn",
-    // [Auto-translated] "Radar"
-    chartType_radar: "Radar",
-    // "Hide"
-    hideButton: "Verbergen",
-    // "Make private"
-    makePrivateButton: "Maak prive",
-    // "Make public"
-    makePublicButton: "Openbaar maken",
-    // "Show"
-    showButton: "Tonen",
-    // "Filter"
-    filter: "Filter",
-    // "Reset Filter"
-    resetFilter: "Filter resetten",
-    // "Change Locale"
-    changeLocale: "Wijzig de landinstelling",
-    // "Clear"
-    clearButton: "Wissen",
-    // "Choose question to show..."
-    addElement: "Kies een vraag om weer te geven ...",
-    // "Default Order"
-    defaultOrder: "Standaardvolgorde",
-    // "Ascending"
-    ascOrder: "Oplopend",
-    // "Descending"
-    descOrder: "Aflopend",
-    // "Show minor columns"
-    showMinorColumns: "Toon kleine kolommen",
-    // [Auto-translated] "Actions"
-    actionsColumn: "Acties",
-    // "Other items and comments"
-    otherCommentTitle: "Andere items en opmerkingen",
-    // "Show percentages"
-    showPercentages: "Percentages weergeven",
-    // "Hide percentages"
-    hidePercentages: "Verberg percentages",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Download plot als PNG",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Verberg lege antwoorden",
-    // "Show empty answers"
-    showEmptyAnswers: "Toon lege antwoorden",
-    // "All answers"
-    "topNValueText-1": "Alle antwoorden",
-    // "Top 5 answers"
-    topNValueText5: "Top 5 antwoorden",
-    // "Top 10 answers"
-    topNValueText10: "Top 10 antwoorden",
-    // "Top 20 answers"
-    topNValueText20: "Top 20 antwoorden",
-    // "Hide missing answers"
-    hideMissingAnswers: "Ontbrekende antwoorden verbergen",
-    // "Show missing answers"
-    showMissingAnswers: "Ontbrekende antwoorden weergeven",
-    // "Missing answers"
-    missingAnswersLabel: "Ontbrekende antwoorden",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Dit vraagtype is nog niet gevisualiseerd",
-    // "There are no results yet"
-    noResults: "Er zijn nog geen resultaten",
-    // "Per Values"
-    showPerValues: "Per waarden",
-    // "Per Columns"
-    showPerColumns: "Per Kolommen",
-    // "Answer"
-    answer: "Antwoorden",
-    // "Correct answer: "
-    correctAnswer: "Goed antwoord: ",
-    // "Percent"
-    percent: "Procent",
-    // [Auto-translated] "Percentage"
-    percentage: "Percentage",
-    // [Auto-translated] "Chart"
-    statistics_chart: "Zeekaart",
-    // "Responses"
-    responses: "Reacties",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Zeekaart",
-    // [Auto-translated] "Table"
-    visualizer_options: "Tafel",
-    // [Auto-translated] "NPS"
-    npsScore: "NPS",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "Initiatiefnemers",
-    // [Auto-translated] "Passives"
-    npsPassives: "Passief personeel",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "Tegenstanders",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "Categorie (X-as):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "Legende (serie):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Segmenten:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Groepen:",
-    // [Auto-translated] "Not selected"
-    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"
-};
-setupLocale({ localeCode: "nl", strings: dutchStrings, nativeName: "Nederlands" });
-
-var spanishStrings = {
-    // "Group By Me"
-    groupButton: "Grupo Por Mí",
-    // "Ungroup By Me"
-    ungroupButton: "Desagrupar por mí",
-    // "Select Me"
-    selectButton: "Seleccionarme",
-    // "Hide column"
-    hideColumn: "Ocultar columna",
-    // "Show column"
-    showColumn: "Mostrar columna",
-    // "Make column private"
-    makePrivateColumn: "Hacer que la columna sea privada",
-    // "Make column public"
-    makePublicColumn: "Hacer pública la columna",
-    // "Move to Detail"
-    moveToDetail: "Mover al detalle",
-    // "Show as Column"
-    showAsColumn: "Mostrar como columna",
-    // "Search..."
-    filterPlaceholder: "Buscar ...",
-    // "Remove rows"
-    removeRows: "Eliminar filas",
-    // "Show"
-    showLabel: "Mostrar",
-    // "entries"
-    entriesLabel: "Entradas",
-    // "Texts in table"
-    visualizer_text: "Textos en tabla",
-    // "Wordcloud"
-    visualizer_wordcloud: "Wordcloud",
-    // "Histogram"
-    visualizer_histogram: "Histograma",
-    // "Average"
-    visualizer_number: "Promedio",
-    // "Table"
-    visualizer_choices: "Mesa",
-    // "Chart"
-    visualizer_selectBase: "Gráfico",
-    // [Auto-translated] "Chart"
-    visualizer_matrix: "Gráfico",
-    // [Auto-translated] "Bar"
-    chartType_bar: "Barra",
-    // "Vertical Bar"
-    chartType_vbar: "Barra vertical",
-    // "Stacked Bar"
-    chartType_stackedbar: "Barra apilada",
-    // "Doughnut"
-    chartType_doughnut: "Donut",
-    // "Pie"
-    chartType_pie: "Pie",
-    // "Scatter"
-    chartType_scatter: "Dispersión",
-    // "Gauge"
-    chartType_gauge: "Gauge",
-    // "Bullet"
-    chartType_bullet: "Bullet",
-    // [Auto-translated] "Line"
-    chartType_line: "Línea",
-    // [Auto-translated] "Radar"
-    chartType_radar: "Radar",
-    // "Hide"
-    hideButton: "Ocultar",
-    // "Make private"
-    makePrivateButton: "Hacer privado",
-    // "Make public"
-    makePublicButton: "Hacer público",
-    // "Show"
-    showButton: "Mostrar",
-    // "Filter"
-    filter: "Filtro",
-    // "Reset Filter"
-    resetFilter: "Restablecer filtro",
-    // "Change Locale"
-    changeLocale: "Cambiar configuración regional",
-    // "Clear"
-    clearButton: "Borrar",
-    // "Choose question to show..."
-    addElement: "Elija la pregunta para mostrar ...",
-    // "Default Order"
-    defaultOrder: "Orden predeterminado",
-    // "Ascending"
-    ascOrder: "Ascendente",
-    // "Descending"
-    descOrder: "Descendente",
-    // "Show minor columns"
-    showMinorColumns: "Mostrar columnas secundarias",
-    // [Auto-translated] "Actions"
-    actionsColumn: "Acciones",
-    // "Other items and comments"
-    otherCommentTitle: "Otros elementos y comentarios",
-    // "Show percentages"
-    showPercentages: "Mostrar porcentajes",
-    // "Hide percentages"
-    hidePercentages: "Ocultar porcentajes",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Descargar el gráfico como png",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Ocultar respuestas vacías",
-    // "Show empty answers"
-    showEmptyAnswers: "Mostrar respuestas vacías",
-    // "All answers"
-    "topNValueText-1": "Todas las respuestas",
-    // "Top 5 answers"
-    topNValueText5: "Las 5 respuestas principales",
-    // "Top 10 answers"
-    topNValueText10: "Las 10 respuestas principales",
-    // "Top 20 answers"
-    topNValueText20: "20 respuestas principales",
-    // "Hide missing answers"
-    hideMissingAnswers: "Ocultar las respuestas que faltan",
-    // "Show missing answers"
-    showMissingAnswers: "Mostrar las respuestas que faltan",
-    // "Missing answers"
-    missingAnswersLabel: "Respuestas faltantes",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Este tipo de pregunta aún no se visualiza",
-    // "There are no results yet"
-    noResults: "Aún no hay resultados",
-    // "Per Values"
-    showPerValues: "Por valores",
-    // "Per Columns"
-    showPerColumns: "Por columnas",
-    // "Answer"
-    answer: "Respuesta",
-    // "Correct answer: "
-    correctAnswer: "Respuesta correcta: ",
-    // "Percent"
-    percent: "Por ciento",
-    // [Auto-translated] "Percentage"
-    percentage: "Porcentaje",
-    // [Auto-translated] "Chart"
-    statistics_chart: "Gráfico",
-    // "Responses"
-    responses: "Respuestas",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Gráfico",
-    // [Auto-translated] "Table"
-    visualizer_options: "Mesa",
-    // [Auto-translated] "NPS"
-    npsScore: "NPS",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "Promotores",
-    // [Auto-translated] "Passives"
-    npsPassives: "Pasivos",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "Detractores",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "Categoría (eje X):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "Leyenda (Serie):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Segmentos:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Grupos:",
-    // [Auto-translated] "Not selected"
-    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"
-};
-setupLocale({ localeCode: "es", strings: spanishStrings, nativeName: "Español" });
-
-var italianStrings = {
-    // "Group By Me"
-    groupButton: "Raggruppa",
-    // "Ungroup By Me"
-    ungroupButton: "Dividi",
-    // "Select Me"
-    selectButton: "Selezionami",
-    // "Hide column"
-    hideColumn: "Nascondi colonna",
-    // "Show column"
-    showColumn: "Mostra colonna",
-    // "Make column private"
-    makePrivateColumn: "Rendi la colonna privata",
-    // "Make column public"
-    makePublicColumn: "Rendi la colonna pubblica",
-    // "Move to Detail"
-    moveToDetail: "Sposta in Dettaglio",
-    // "Show as Column"
-    showAsColumn: "Mostra come Colonna",
-    // "Search..."
-    filterPlaceholder: "Cerca...",
-    // "Remove rows"
-    removeRows: "Rimuovi righe",
-    // "Show"
-    showLabel: "Mostra",
-    // "entries"
-    entriesLabel: "voci",
-    // "Texts in table"
-    visualizer_text: "Parole in tabella",
-    // "Wordcloud"
-    visualizer_wordcloud: "Nuvola di parole",
-    // "Histogram"
-    visualizer_histogram: "Istogramma",
-    // "Average"
-    visualizer_number: "Media",
-    // "Table"
-    visualizer_choices: "Tabella",
-    // "Chart"
-    visualizer_selectBase: "Grafico",
-    // [Auto-translated] "Chart"
-    visualizer_matrix: "Tabella",
-    // [Auto-translated] "Bar"
-    chartType_bar: "Bar",
-    // "Vertical Bar"
-    chartType_vbar: "Grafico a barre verticali",
-    // "Stacked Bar"
-    chartType_stackedbar: "Grafico a barre sovrapposte",
-    // "Doughnut"
-    chartType_doughnut: "Grafico a ciambella",
-    // "Pie"
-    chartType_pie: "Grafico a torta",
-    // "Scatter"
-    chartType_scatter: "Grafico a dispersione",
-    // "Gauge"
-    chartType_gauge: "Grafico Gauge",
-    // "Bullet"
-    chartType_bullet: "Punto",
-    // [Auto-translated] "Line"
-    chartType_line: "Linea",
-    // [Auto-translated] "Radar"
-    chartType_radar: "Radar",
-    // "Hide"
-    hideButton: "Nascondi",
-    // "Make private"
-    makePrivateButton: "Rendi privato",
-    // "Make public"
-    makePublicButton: "Rendi pubblico",
-    // "Show"
-    showButton: "Mostra",
-    // "Filter"
-    filter: "Filtro",
-    // "Reset Filter"
-    resetFilter: "Cancella filtro",
-    // "Change Locale"
-    changeLocale: "Cambia lingua",
-    // "Clear"
-    clearButton: "Cancella",
-    // "Choose question to show..."
-    addElement: "Scegli la domanda da mostrare...",
-    // "Default Order"
-    defaultOrder: "Ordine di Default",
-    // "Ascending"
-    ascOrder: "Ascendente",
-    // "Descending"
-    descOrder: "Discendente",
-    // "Show minor columns"
-    showMinorColumns: "Mostra colonne secondarie",
-    // [Auto-translated] "Actions"
-    actionsColumn: "Azioni",
-    // "Other items and comments"
-    otherCommentTitle: "Altri punti e commenti",
-    // "Show percentages"
-    showPercentages: "Mostra percentuali",
-    // "Hide percentages"
-    hidePercentages: "Nascondi percentuali",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Scarica il grafico in formato png",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Nascondi risposte vuote",
-    // "Show empty answers"
-    showEmptyAnswers: "Mostra risposte vuote",
-    // "All answers"
-    "topNValueText-1": "Tutte le risposte",
-    // "Top 5 answers"
-    topNValueText5: "Top 5 risposte",
-    // "Top 10 answers"
-    topNValueText10: "Top 10 risposte",
-    // "Top 20 answers"
-    topNValueText20: "Top 20 risposte",
-    // "Hide missing answers"
-    hideMissingAnswers: "Nascondi le risposte mancanti",
-    // "Show missing answers"
-    showMissingAnswers: "Mostra le risposte mancanti",
-    // "Missing answers"
-    missingAnswersLabel: "Risposte mancanti",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Questo tipo di domanda non è ancora stato visualizzato",
-    // "There are no results yet"
-    noResults: "Non ci sono ancora risultati",
-    // "Per Values"
-    showPerValues: "Per Valori",
-    // "Per Columns"
-    showPerColumns: "Per Colonne",
-    // "Answer"
-    answer: "Risposta",
-    // "Correct answer: "
-    correctAnswer: "Risposta esatta: ",
-    // "Percent"
-    percent: "Percentuale",
-    // [Auto-translated] "Percentage"
-    percentage: "Percentuale",
-    // [Auto-translated] "Chart"
-    statistics_chart: "Tabella",
-    // "Responses"
-    responses: "Risposte",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "Rete nazionale di dati",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Tabella",
-    // [Auto-translated] "Table"
-    visualizer_options: "Tavolo",
-    // [Auto-translated] "NPS"
-    npsScore: "Rete nazionale di dati",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "Promotori",
-    // [Auto-translated] "Passives"
-    npsPassives: "Passivi",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "Detrattori",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "Categoria (asse X):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "Leggenda (serie):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Segmenti:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Gruppi:",
-    // [Auto-translated] "Not selected"
-    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"
-};
-setupLocale({ localeCode: "it", strings: italianStrings, nativeName: "Italiano" });
-
-var arabicStrings = {
-    // "Group By Me"
-    groupButton: "زرار المجموعة",
-    // "Ungroup By Me"
-    ungroupButton: "تم التحديث من خلالى",
-    // "Select Me"
-    selectButton: "اختر",
-    // "Hide column"
-    hideColumn: "اخفاء العمود",
-    // "Show column"
-    showColumn: "اظهار",
-    // "Make column private"
-    makePrivateColumn: "أجعل العمود خاص",
-    // "Make column public"
-    makePublicColumn: "أجعل العمود عام",
-    // "Move to Detail"
-    moveToDetail: "انتقل إلى التفاصيل",
-    // "Show as Column"
-    showAsColumn: "إظهار كعمود",
-    // "Search..."
-    filterPlaceholder: "بحث...",
-    // "Remove rows"
-    removeRows: "حذف",
-    // "Show"
-    showLabel: "اظهار",
-    // "entries"
-    entriesLabel: "مدخلات",
-    // "Texts in table"
-    visualizer_text: "جداول",
-    // "Wordcloud"
-    visualizer_wordcloud: "كلمات",
-    // "Histogram"
-    visualizer_histogram: "الرسم البياني",
-    // "Average"
-    visualizer_number: "متوسط",
-    // "Table"
-    visualizer_choices: "جدول",
-    // "Chart"
-    visualizer_selectBase: "رسم بياني",
-    // [Auto-translated] "Chart"
-    visualizer_matrix: "جدول",
-    // [Auto-translated] "Bar"
-    chartType_bar: "بار",
-    // "Vertical Bar"
-    chartType_vbar: "شريط عمودي",
-    // "Stacked Bar"
-    chartType_stackedbar: "شريط مكدس",
-    // "Doughnut"
-    chartType_doughnut: "مخطط حلقي",
-    // "Pie"
-    chartType_pie: "مخطط دائري",
-    // "Scatter"
-    chartType_scatter: "مخطط التشتت",
-    // "Gauge"
-    chartType_gauge: "مخطط القياس",
-    // "Bullet"
-    chartType_bullet: "مخطط نقطي",
-    // [Auto-translated] "Line"
-    chartType_line: "سطر",
-    // [Auto-translated] "Radar"
-    chartType_radar: "رادار",
-    // "Hide"
-    hideButton: "اخفاء",
-    // "Make private"
-    makePrivateButton: "أجعل خاص",
-    // "Make public"
-    makePublicButton: "أجعل عام",
-    // "Show"
-    showButton: "اظهار",
-    // "Filter"
-    filter: "ترشح",
-    // "Reset Filter"
-    resetFilter: "إعادة تعيين",
-    // "Change Locale"
-    changeLocale: "تغيير اللغة",
-    // "Clear"
-    clearButton: "مسح",
-    // "Choose question to show..."
-    addElement: "اختر سؤالاً للعرض ...",
-    // "Default Order"
-    defaultOrder: "الترتيب الافتراضي",
-    // "Ascending"
-    ascOrder: "تصاعدى",
-    // "Descending"
-    descOrder: "تنازلى",
-    // "Show minor columns"
-    showMinorColumns: "إظهار الأعمدة الثانوية",
-    // [Auto-translated] "Actions"
-    actionsColumn: "الاجراءات",
-    // "Other items and comments"
-    otherCommentTitle: "بنود وتعليقات أخرى",
-    // "Show percentages"
-    showPercentages: "عرض النسب المئوية",
-    // "Hide percentages"
-    hidePercentages: "إخفاء النسب",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "تنزيل بصيغة png",
-    // "Hide empty answers"
-    hideEmptyAnswers: "إخفاء الإجابات الفارغة",
-    // "Show empty answers"
-    showEmptyAnswers: "إظهار الإجابات الفارغة",
-    // "All answers"
-    "topNValueText-1": "جميع الإجابات",
-    // "Top 5 answers"
-    topNValueText5: "أهم 5 إجابات",
-    // "Top 10 answers"
-    topNValueText10: "أفضل 10 إجابات",
-    // "Top 20 answers"
-    topNValueText20: "أفضل 20 إجابة",
-    // "Hide missing answers"
-    hideMissingAnswers: "إخفاء الإجابات المفقودة",
-    // "Show missing answers"
-    showMissingAnswers: "عرض الإجابات المفقودة",
-    // "Missing answers"
-    missingAnswersLabel: "أجوبة مفقودة",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "لم يتم العرض بعد",
-    // "There are no results yet"
-    noResults: "لا يوجد نتائج للعرض",
-    // "Per Values"
-    showPerValues: "لكل القيم",
-    // "Per Columns"
-    showPerColumns: "لكل الأعمدة",
-    // "Answer"
-    answer: "إجب",
-    // "Correct answer: "
-    correctAnswer: "الاجابة الصحيحة: ",
-    // "Percent"
-    percent: "النسبه المئويه",
-    // [Auto-translated] "Percentage"
-    percentage: "النسبه المئويه",
-    // [Auto-translated] "Chart"
-    statistics_chart: "جدول",
-    // "Responses"
-    responses: "الاستجابات",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "جدول",
-    // [Auto-translated] "Table"
-    visualizer_options: "جدول",
-    // [Auto-translated] "NPS"
-    npsScore: "NPS",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "المروجين",
-    // [Auto-translated] "Passives"
-    npsPassives: "سلبيات",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "المنتقدين",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "الفئة (المحور X):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "أسطورة (سلسلة):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "قطاعات:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "المجموعات:",
-    // [Auto-translated] "Not selected"
-    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: "ينتهي العام ب"
-};
-setupLocale({ localeCode: "ar", strings: arabicStrings, nativeName: "العربية" });
-
-var japaneseStrings = {
-    // "Group By Me"
-    groupButton: "グループ化",
-    // "Ungroup By Me"
-    ungroupButton: "グループ解除",
-    // "Select Me"
-    selectButton: "選択",
-    // "Hide column"
-    hideColumn: "列を非表示",
-    // "Show column"
-    showColumn: "列を表示",
-    // "Make column private"
-    makePrivateColumn: "列を非公開にする",
-    // "Make column public"
-    makePublicColumn: "列を公開する",
-    // "Move to Detail"
-    moveToDetail: "詳細に移動",
-    // "Show as Column"
-    showAsColumn: "列として表示",
-    // "Search..."
-    filterPlaceholder: "検索...",
-    // "Remove rows"
-    removeRows: "行を削除",
-    // "Show"
-    showLabel: "表示",
-    // "entries"
-    entriesLabel: "件",
-    // "Texts in table"
-    visualizer_text: "テキスト",
-    // "Wordcloud"
-    visualizer_wordcloud: "ワードクラウド",
-    // "Histogram"
-    visualizer_histogram: "ヒストグラム",
-    // "Average"
-    visualizer_number: "平均",
-    // "Table"
-    visualizer_choices: "テーブル",
-    // "Chart"
-    visualizer_selectBase: "チャート",
-    // [Auto-translated] "Chart"
-    visualizer_matrix: "チャート",
-    // "Bar"
-    chartType_bar: "棒グラフ",
-    // "Vertical Bar"
-    chartType_vbar: "縦棒グラフ",
-    // "Stacked Bar"
-    chartType_stackedbar: "積み上げ棒グラフ",
-    // "Doughnut"
-    chartType_doughnut: "ドーナツチャート",
-    // "Pie"
-    chartType_pie: "円グラフ",
-    // "Scatter"
-    chartType_scatter: "散布図",
-    // "Gauge"
-    chartType_gauge: "ゲージ",
-    // "Bullet"
-    chartType_bullet: "バレット",
-    // [Auto-translated] "Line"
-    chartType_line: "線",
-    // [Auto-translated] "Radar"
-    chartType_radar: "レーダー",
-    // "Hide"
-    hideButton: "非表示",
-    // "Make private"
-    makePrivateButton: "非公開にする",
-    // "Make public"
-    makePublicButton: "公開する",
-    // "Show"
-    showButton: "表示",
-    // "Filter"
-    filter: "フィルター",
-    // "Reset Filter"
-    resetFilter: "フィルターをリセット",
-    // "Change Locale"
-    changeLocale: "言語を変更",
-    // "Clear"
-    clearButton: "クリア",
-    // "Choose question to show..."
-    addElement: "表示する質問を選択...",
-    // "Default Order"
-    defaultOrder: "デフォルト順",
-    // "Ascending"
-    ascOrder: "昇順",
-    // "Descending"
-    descOrder: "降順",
-    // "Show minor columns"
-    showMinorColumns: "マイナー列を表示",
-    // [Auto-translated] "Actions"
-    actionsColumn: "アクション",
-    // "Other items and comments"
-    otherCommentTitle: "その他のアイテムとコメント",
-    // "Show percentages"
-    showPercentages: "パーセンテージを表示",
-    // "Hide percentages"
-    hidePercentages: "パーセンテージを非表示",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "プロットをPNGファイルとして保存",
-    // "Hide empty answers"
-    hideEmptyAnswers: "空の回答を非表示",
-    // "Show empty answers"
-    showEmptyAnswers: "空の回答を表示",
-    // "All answers"
-    "topNValueText-1": "すべての回答",
-    // "Top 5 answers"
-    topNValueText5: "上位5つの回答",
-    // "Top 10 answers"
-    topNValueText10: "上位10の回答",
-    // "Top 20 answers"
-    topNValueText20: "上位20の回答",
-    // "Hide missing answers"
-    hideMissingAnswers: "欠損値を非表示",
-    // "Show missing answers"
-    showMissingAnswers: "欠損値を表示",
-    // "Missing answers"
-    missingAnswersLabel: "欠損値",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "この質問タイプはまだ視覚化されていません",
-    // "There are no results yet"
-    noResults: "まだ結果がありません",
-    // "Per Values"
-    showPerValues: "値ごとに表示",
-    // "Per Columns"
-    showPerColumns: "列ごとに表示",
-    // "Answer"
-    answer: "回答",
-    // "Correct answer: "
-    correctAnswer: "正解: ",
-    // "Percent"
-    percent: "パーセント",
-    // [Auto-translated] "Percentage"
-    percentage: "百分率",
-    // [Auto-translated] "Chart"
-    statistics_chart: "チャート",
-    // "Responses"
-    responses: "回答数",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "NPSの",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "チャート",
-    // [Auto-translated] "Table"
-    visualizer_options: "テーブル",
-    // [Auto-translated] "NPS"
-    npsScore: "NPSの",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "プロモーター",
-    // [Auto-translated] "Passives"
-    npsPassives: "パッシブ",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "中傷",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "カテゴリ(X軸):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "凡例(シリーズ):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "セグメント：",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "グループ：",
-    // [Auto-translated] "Not selected"
-    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: "年末は"
-};
-setupLocale({ localeCode: "ja", strings: japaneseStrings, nativeName: "日本語" });
-
-var plStrings = {
-    // "Group By Me"
-    groupButton: "Grupuj według mnie",
-    // "Ungroup By Me"
-    ungroupButton: "Rozgrupuj według mnie",
-    // "Select Me"
-    selectButton: "Wybierz",
-    // "Hide column"
-    hideColumn: "Ukryj kolumnę",
-    // "Show column"
-    showColumn: "Pokaż kolumnę",
-    // "Make column private"
-    makePrivateColumn: "Uczyń kolumnę prywatną",
-    // "Make column public"
-    makePublicColumn: "Uczyń kolumnę publiczną",
-    // "Move to Detail"
-    moveToDetail: "Przenieś do szczegółów",
-    // "Show as Column"
-    showAsColumn: "Pokaż jako kolumnę",
-    // "Search..."
-    filterPlaceholder: "Szukaj...",
-    // "Remove rows"
-    removeRows: "Usuń wiersze",
-    // "Show"
-    showLabel: "Pokaż",
-    // "entries"
-    entriesLabel: "wejścia",
-    // "Texts in table"
-    visualizer_text: "Teksty w tabeli",
-    // "Wordcloud"
-    visualizer_wordcloud: "Chmura słów",
-    // "Histogram"
-    visualizer_histogram: "Histogram",
-    // "Average"
-    visualizer_number: "Średnia",
-    // "Table"
-    visualizer_choices: "Tabela",
-    // "Chart"
-    visualizer_selectBase: "Wykres",
-    // "Chart"
-    visualizer_matrix: "Wykres",
-    // "Bar"
-    chartType_bar: "Słupkowy",
-    // "Vertical Bar"
-    chartType_vbar: "Słupkowy pionowy",
-    // "Stacked Bar"
-    chartType_stackedbar: "Słupkowy skumulowany",
-    // "Doughnut"
-    chartType_doughnut: "Oponka",
-    // "Pie"
-    chartType_pie: "Tarta",
-    // "Scatter"
-    chartType_scatter: "Rozrzut",
-    // "Gauge"
-    chartType_gauge: "Skala",
-    // "Bullet"
-    chartType_bullet: "Pocisk",
-    // [Auto-translated] "Line"
-    chartType_line: "Linia",
-    // [Auto-translated] "Radar"
-    chartType_radar: "Radar",
-    // "Hide"
-    hideButton: "Ukryj",
-    // "Make private"
-    makePrivateButton: "Uczyń prywatnym",
-    // "Make public"
-    makePublicButton: "Uczyń publicznym",
-    // "Show"
-    showButton: "Pokaż",
-    // "Filter"
-    filter: "Filtruj",
-    // "Reset Filter"
-    resetFilter: "Resetuj filtr",
-    // "Change Locale"
-    changeLocale: "Zmień lokalizację",
-    // "Clear"
-    clearButton: "Wyczyść",
-    // "Choose question to show..."
-    addElement: "Wybierz pytanie do pokazania...",
-    // "Default Order"
-    defaultOrder: "Domyślne sortowanie",
-    // "Ascending"
-    ascOrder: "Rosnąco",
-    // "Descending"
-    descOrder: "Malejąco",
-    // "Show minor columns"
-    showMinorColumns: "Pokaż mniejsze kolumny",
-    // [Auto-translated] "Actions"
-    actionsColumn: "Akcje",
-    // "Other items and comments"
-    otherCommentTitle: "Inne elementy i komentarze",
-    // "Show percentages"
-    showPercentages: "Pokaż procenty",
-    // "Hide percentages"
-    hidePercentages: "Ukryj procenty",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Pobierz diagram jako PNG",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Ukryj puste odpowiedzi",
-    // "Show empty answers"
-    showEmptyAnswers: "Pokaż puste odpowiedzi",
-    // "All answers"
-    "topNValueText-1": "Wszystkie odpowiedzi",
-    // "Top 5 answers"
-    topNValueText5: "Pierwsze 5 odpowiedzi",
-    // "Top 10 answers"
-    topNValueText10: "Pierwsze 10 odpowiedzi",
-    // "Top 20 answers"
-    topNValueText20: "Pierwsze 20 odpowiedzi",
-    // "Hide missing answers"
-    hideMissingAnswers: "Ukryj nieodpowiedziane pytania",
-    // "Show missing answers"
-    showMissingAnswers: "Pokaż nieodpowiedziane pytania",
-    // "Missing answers"
-    missingAnswersLabel: "Nieodpowiedziane pytania",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Ten typ pytania nie został jeszcze zwizualizowany",
-    // "There are no results yet"
-    noResults: "Nie ma jeszcze wyników",
-    // "Per Values"
-    showPerValues: "Według wartości",
-    // "Per Columns"
-    showPerColumns: "Według kolumn",
-    // "Answer"
-    answer: "Odpowiedź",
-    // "Correct answer: "
-    correctAnswer: "Odpowiedź poprawna: ",
-    // "Percent"
-    percent: "Procent",
-    // [Auto-translated] "Percentage"
-    percentage: "Procent",
-    // [Auto-translated] "Chart"
-    statistics_chart: "Wykres",
-    // "Responses"
-    responses: "Odpowiedzi",
-    // [Auto-translated] "NPS"
-    visualizer_nps: "Wskaźnik NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Wykres",
-    // [Auto-translated] "Table"
-    visualizer_options: "Stół",
-    // [Auto-translated] "NPS"
-    npsScore: "Wskaźnik NPS",
-    // [Auto-translated] "Promoters"
-    npsPromoters: "Promotorów",
-    // [Auto-translated] "Passives"
-    npsPassives: "Passives",
-    // [Auto-translated] "Detractors"
-    npsDetractors: "Przeciwników",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "Kategoria (oś X):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "Legenda (seria):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Segmenty:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Grupy:",
-    // [Auto-translated] "Not selected"
-    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"
+PlotlySetup.imageExportFormat = "png";
+PlotlySetup.defaultBarGap = DashboardTheme.barGap;
+/**
+ * Fires when end user clicks on the 'save as image' button.
+ */
+PlotlySetup.onImageSaving = new Event();
+/**
+ * Fires before plot will be created. User can change traces, layout and config of the plot.
+ * Options is an object with the following fields: traces, layout and config of the plot.
+ */
+PlotlySetup.onPlotCreating = new Event();
+PlotlySetup.setups = {
+    bar: PlotlySetup.setupBar,
+    vbar: PlotlySetup.setupVBar,
+    line: PlotlySetup.setupVBar,
+    stackedbar: PlotlySetup.setupBar,
+    doughnut: PlotlySetup.setupPie,
+    pie: PlotlySetup.setupPie,
+    scatter: PlotlySetup.setupScatter,
+    gauge: PlotlySetup.setupGauge,
+    bullet: PlotlySetup.setupGauge,
+    radar: PlotlySetup.setupRadar,
+    histogram: PlotlySetup.setupBar,
+    vhistogram: PlotlySetup.setupVBar,
+    stackedhistogram: PlotlySetup.setupBar,
 };
-setupLocale({ localeCode: "pl", strings: plStrings, nativeName: "Polski" });
-
-var finnishStrings = {
-    // "Group By Me"
-    groupButton: "Erottele minulla",
-    // "Ungroup By Me"
-    ungroupButton: "Poista erottele minulla",
-    // "Select Me"
-    selectButton: "Valitse minut",
-    // "Hide column"
-    hideColumn: "Piilota sarake",
-    // "Show column"
-    showColumn: "Näytä sarake",
-    // "Make column private"
-    makePrivateColumn: "Merkitse sarake yksityiseksi",
-    // "Make column public"
-    makePublicColumn: "Merkitse sarake julkiseksi",
-    // "Move to Detail"
-    moveToDetail: "Siirrä yksityiskohtiin",
-    // "Show as Column"
-    showAsColumn: "Näytä sarakkeena",
-    // "Search..."
-    filterPlaceholder: "Etsi...",
-    // "Remove rows"
-    removeRows: "Poista rivejä",
-    // "Show"
-    showLabel: "Näytä",
-    // "entries"
-    entriesLabel: "vastauksia",
-    // "Texts in table"
-    visualizer_text: "Tekstitaulukko",
-    // "Wordcloud"
-    visualizer_wordcloud: "Sanapilvi",
-    // "Histogram"
-    visualizer_histogram: "Histogrammi",
-    // "Average"
-    visualizer_number: "Keskiarvo",
-    // "Table"
-    visualizer_choices: "Taulukko",
-    // "Chart"
-    visualizer_selectBase: "Kuvaaja",
-    // "Chart"
-    visualizer_matrix: "Kuvaaja",
-    // "Bar"
-    chartType_bar: "Pylväs",
-    // "Vertical Bar"
-    chartType_vbar: "Vaakapyöväs",
-    // "Stacked Bar"
-    chartType_stackedbar: "Pinottu pylväs",
-    // "Doughnut"
-    chartType_doughnut: "Donitsi",
-    // "Pie"
-    chartType_pie: "Piirakka",
-    // "Scatter"
-    chartType_scatter: "Hajonta",
-    // "Gauge"
-    chartType_gauge: "Mittari",
-    // "Bullet"
-    chartType_bullet: "Luoti",
-    // "Line"
-    chartType_line: "Viiva",
-    // [Auto-translated] "Radar"
-    chartType_radar: "Tutka",
-    // "Hide"
-    hideButton: "Piilota",
-    // "Make private"
-    makePrivateButton: "Merkise yksityiseksi",
-    // "Make public"
-    makePublicButton: "Merkitse julkiseksi",
-    // "Show"
-    showButton: "Näytä",
-    // "Filter"
-    filter: "Rajaa",
-    // "Reset Filter"
-    resetFilter: "Nollaa Rajaus",
-    // "Change Locale"
-    changeLocale: "Vaihda kieli",
-    // "Clear"
-    clearButton: "Nollaa",
-    // "Choose question to show..."
-    addElement: "Valitse näytettävä kysymys...",
-    // "Default Order"
-    defaultOrder: "Oletusjärjestys",
-    // "Ascending"
-    ascOrder: "Nouseva",
-    // "Descending"
-    descOrder: "Laskeva",
-    // "Show minor columns"
-    showMinorColumns: "Näytä alasarakkeet",
-    // [Auto-translated] "Actions"
-    actionsColumn: "Toimet",
-    // "Other items and comments"
-    otherCommentTitle: "Muut asiat ja kommentit",
-    // "Show percentages"
-    showPercentages: "Näytä prosentit",
-    // "Hide percentages"
-    hidePercentages: "Piilota prosentit",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Lataa kuvaaja PNG kuvana",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Piilota tyhjät vastaukset",
-    // "Show empty answers"
-    showEmptyAnswers: "Näytä tyhjät vastaukset",
-    // "All answers"
-    "topNValueText-1": "Kaikki vastaukset",
-    // "Top 5 answers"
-    topNValueText5: "Top 5 vastaukset",
-    // "Top 10 answers"
-    topNValueText10: "Top 10 vastaukset",
-    // "Top 20 answers"
-    topNValueText20: "Top 20 vastaukset",
-    // "Hide missing answers"
-    hideMissingAnswers: "Piilota puuttuvat vastaukset",
-    // "Show missing answers"
-    showMissingAnswers: "Näytä puuttuvat vastaukset",
-    // "Missing answers"
-    missingAnswersLabel: "Puuttuvat vastaukset",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Tätä kysymystyyppiä ei voida visualisoida.",
-    // "There are no results yet"
-    noResults: "Ei vielä tuloksia",
-    // "Per Values"
-    showPerValues: "Näytä arvottain",
-    // "Per Columns"
-    showPerColumns: "Näytä sarakkeittain",
-    // "Answer"
-    answer: "Vastaus",
-    // "Correct answer: "
-    correctAnswer: "Oikea vastaus: ",
-    // "Percent"
-    percent: "Prosentti",
-    // "Percentage"
-    percentage: "Prosenttiyksikkö",
-    // "Chart"
-    statistics_chart: "Kuvaaja",
-    // "Responses"
-    responses: "Vastaukset",
-    // "NPS"
-    visualizer_nps: "NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Kaavio",
-    // [Auto-translated] "Table"
-    visualizer_options: "Taulukko",
-    // "NPS"
-    npsScore: "NPS",
-    // "Promoters"
-    npsPromoters: "Suosittelija",
-    // "Passives"
-    npsPassives: "Passiivinen",
-    // "Detractors"
-    npsDetractors: "Arvostelija",
-    // [Auto-translated] "Category (X Axis):"
-    axisXSelectorTitle: "Luokka (X-akseli):",
-    // [Auto-translated] "Legend (Series):"
-    axisYSelectorTitle: "Legenda (sarja):",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Segmentit:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Ryhmät:",
-    // [Auto-translated] "Not selected"
-    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"
+PlotlySetup.getTruncatedLabel = (label, labelTruncateLength) => {
+    const truncateSymbols = "...";
+    const truncateSymbolsLength = truncateSymbols.length;
+    if (!labelTruncateLength)
+        return label;
+    if (labelTruncateLength === -1)
+        return label;
+    if (label.length <= labelTruncateLength + truncateSymbolsLength)
+        return label;
+    return label.substring(0, labelTruncateLength) + truncateSymbols;
 };
-setupLocale({ localeCode: "fi", strings: finnishStrings, nativeName: "Suomi" });
 
-var swedishStrings = {
-    // "Group By Me"
-    groupButton: "Gruppera av mig",
-    // "Ungroup By Me"
-    ungroupButton: "Avgruppera av mig",
-    // "Select Me"
-    selectButton: "Välj mig",
-    // "Hide column"
-    hideColumn: "Göm kolumn",
-    // "Show column"
-    showColumn: "Visa kolumn",
-    // "Make column private"
-    makePrivateColumn: "Gör kolumn privat",
-    // "Make column public"
-    makePublicColumn: "Gör kolumn offentlig",
-    // "Move to Detail"
-    moveToDetail: "Flytta till detalj",
-    // "Show as Column"
-    showAsColumn: "Visa som kolumn",
-    // "Search..."
-    filterPlaceholder: "Sök...",
-    // "Remove rows"
-    removeRows: "Ta bort rader",
-    // "Show"
-    showLabel: "Visa",
-    // "entries"
-    entriesLabel: "poster",
-    // "Texts in table"
-    visualizer_text: "Texter i tabell",
-    // "Wordcloud"
-    visualizer_wordcloud: "Ordmoln",
-    // "Histogram"
-    visualizer_histogram: "Histogram",
-    // "Average"
-    visualizer_number: "Genomsnitt",
-    // "Table"
-    visualizer_choices: "Tabell",
-    // "Chart"
-    visualizer_selectBase: "Diagram",
-    // "Chart"
-    visualizer_matrix: "Diagram",
-    // "Bar"
-    chartType_bar: "Stapel",
-    // "Vertical Bar"
-    chartType_vbar: "Vertikal stapel",
-    // "Stacked Bar"
-    chartType_stackedbar: "Staplad stapel",
-    // "Doughnut"
-    chartType_doughnut: "Ring",
-    // "Pie"
-    chartType_pie: "Cirkel",
-    // "Scatter"
-    chartType_scatter: "Punkt",
-    // "Gauge"
-    chartType_gauge: "Mätare",
-    // "Bullet"
-    chartType_bullet: "Bullet",
-    // "Line"
-    chartType_line: "Linje",
-    // "Radar"
-    chartType_radar: "Radar",
-    // "Hide"
-    hideButton: "Göm",
-    // "Make private"
-    makePrivateButton: "Gör privat",
-    // "Make public"
-    makePublicButton: "Gör offentlig",
-    // "Show"
-    showButton: "Visa",
-    // "Filter"
-    filter: "Filter",
-    // "Reset Filter"
-    resetFilter: "Återställ filter",
-    // "Change Locale"
-    changeLocale: "Ändra språk",
-    // "Clear"
-    clearButton: "Rensa",
-    // "Choose question to show..."
-    addElement: "Välj fråga att visa...",
-    // "Default Order"
-    defaultOrder: "Standard ordning",
-    // "Ascending"
-    ascOrder: "Stigande",
-    // "Descending"
-    descOrder: "Fallande",
-    // "Show minor columns"
-    showMinorColumns: "Visa mindre kolumner",
-    // "Actions"
-    actionsColumn: "Åtgärder",
-    // "Other items and comments"
-    otherCommentTitle: "Övriga objekt och kommentarer",
-    // "Show percentages"
-    showPercentages: "Visa procent",
-    // "Hide percentages"
-    hidePercentages: "Göm procent",
-    // "PDF"
-    pdfDownloadCaption: "PDF",
-    // "Excel"
-    xlsxDownloadCaption: "Excel",
-    // "CSV"
-    csvDownloadCaption: "CSV",
-    // "Download plot as a PNG file"
-    saveDiagramAsPNG: "Ladda ner diagram som PNG-fil",
-    // "Hide empty answers"
-    hideEmptyAnswers: "Göm tomma svar",
-    // "Show empty answers"
-    showEmptyAnswers: "Visa tomma svar",
-    // "All answers"
-    "topNValueText-1": "Alla svar",
-    // "Top 5 answers"
-    topNValueText5: "Topp 5 svar",
-    // "Top 10 answers"
-    topNValueText10: "Topp 10 svar",
-    // "Top 20 answers"
-    topNValueText20: "Topp 20 svar",
-    // "Hide missing answers"
-    hideMissingAnswers: "Göm saknade svar",
-    // "Show missing answers"
-    showMissingAnswers: "Visa saknade svar",
-    // "Missing answers"
-    missingAnswersLabel: "Saknade svar",
-    // "This question type is not visualized yet"
-    noVisualizerForQuestion: "Detta frågetyp är inte visualiserad ännu",
-    // "There are no results yet"
-    noResults: "Det finns inga resultat ännu",
-    // "Per Values"
-    showPerValues: "Per värden",
-    // "Per Columns"
-    showPerColumns: "Per kolumner",
-    // "Answer"
-    answer: "Svar",
-    // "Correct answer: "
-    correctAnswer: "Rätt svar: ",
-    // "Percent"
-    percent: "Procent",
-    // "Percentage"
-    percentage: "Procent",
-    // "Chart"
-    statistics_chart: "Diagram",
-    // "Responses"
-    responses: "Svar",
-    // "NPS"
-    visualizer_nps: "NPS",
-    // [Auto-translated] "Chart"
-    visualizer_boolean: "Diagram",
-    // [Auto-translated] "Table"
-    visualizer_options: "Bord",
-    // "NPS"
-    npsScore: "NPS",
-    // "Promoters"
-    npsPromoters: "Promotorer",
-    // "Passives"
-    npsPassives: "Passiva",
-    // "Detractors"
-    npsDetractors: "Kritiker",
-    // "Category (X Axis):"
-    axisXSelectorTitle: "X-axel:",
-    // "Legend (Series):"
-    axisYSelectorTitle: "Y-axel:",
-    // [Auto-translated] "Segments:"
-    axisXAlternativeSelectorTitle: "Segment:",
-    // [Auto-translated] "Groups:"
-    axisYAlternativeSelectorTitle: "Grupper:",
-    // [Auto-translated] "Not selected"
-    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"
-};
-setupLocale({ localeCode: "sv", strings: swedishStrings, nativeName: "Svenska" });
+class SelectBasePlotly extends SelectBase {
+}
+SelectBasePlotly.types = ["bar", "vbar", "pie", "doughnut"];
+SelectBasePlotly.displayModeBar = undefined;
+class BooleanPlotly extends BooleanModel {
+}
+BooleanPlotly.types = ["pie", "doughnut", "bar"];
+class HistogramPlotly extends HistogramModel {
+}
+HistogramPlotly.types = ["vbar", "bar"];
+class MatrixPlotly extends Matrix {
+}
+MatrixPlotly.types = ["bar", "stackedbar", "pie", "doughnut"];
+class MatrixDropdownGroupedPlotly extends MatrixDropdownGrouped {
+}
+MatrixDropdownGroupedPlotly.types = ["stackedbar", "bar", "pie", "doughnut"];
+class PivotPlotly extends PivotModel {
+}
+PivotPlotly.types = ["vbar", "bar", "line", "stackedbar", "pie", "doughnut"]; // ["vbar", "bar"];
+class GaugePlotly extends NumberModel {
+}
+GaugePlotly.displayModeBar = undefined;
+GaugePlotly.types = ["gauge", "bullet"];
+class RankingPlotly extends RankingModel {
+}
 
-var iconsData = {
-	"detail": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g><circle cx=\"1.5\" cy=\"8.5\" r=\"1.5\"></circle><circle cx=\"7.5\" cy=\"8.5\" r=\"1.5\"></circle><circle cx=\"13.5\" cy=\"8.5\" r=\"1.5\"></circle></g></svg>",
-	"drag": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g><polygon points=\"13,5 12,6 13,7 9,7 9,3 10,4 11,3 8,0 5,3 6,4 7,3 7,7 3,7 4,6 3,5 0,8 3,11 4,10 3,9 7,9 7,13 6,12 5,13 8,16 11,13 10,12 9,13 9,9 13,9 12,10 13,11 16,8 \"></polygon></g></svg>",
-	"hide": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g><path d=\"M12.79,4.2L16,1l-1-1l-3.32,3.32C10.57,2.55,9.32,2,8,2C3.63,2,0,7.97,0,7.97s1.27,2.1,3.21,3.82l-3.23,3.23 L0.96,16l3.35-3.34C5.41,13.44,6.67,14,8,14c4.37,0,8-6,8-6S14.73,5.91,12.79,4.2z M2,7.97c1.07-1.47,3.61-4,6-4 c0.8,0,1.6,0.27,2.35,0.68L9.57,5.43C9.11,5.14,8.58,4.97,8,4.97c-1.66,0-3,1.34-3,3c0,0.58,0.17,1.11,0.46,1.57l-0.97,0.97 C3.36,9.64,2.45,8.59,2,7.97z M8,11.97c-0.8,0-1.59-0.27-2.33-0.67l0.78-0.77C6.9,10.8,7.43,10.97,8,10.97c1.66,0,3-1.34,3-3 c0-0.57-0.17-1.09-0.44-1.55l0.98-0.98c1.11,0.87,2.01,1.91,2.46,2.52C12.93,9.44,10.39,11.97,8,11.97z\"></path></g></svg>",
-	"makeprivate": "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 16 16\" style=\"enable-background:new 0 0 16 16;\" xml:space=\"preserve\"><g><circle cx=\"8\" cy=\"4\" r=\"3\"></circle><path d=\"M8,8c-3.31,0-6,2.73-6,4.67S5.27,15,8,15s6-0.4,6-2.33S11.31,8,8,8z\"></path></g></svg>",
-	"makepublic": "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 16 16\" style=\"enable-background:new 0 0 16 16;\" xml:space=\"preserve\"><g><circle cx=\"6\" cy=\"5\" r=\"3\"></circle><path d=\"M10,5c0,0.34-0.06,0.67-0.14,0.99C9.91,5.99,9.95,6,10,6c1.66,0,3-1.34,3-3s-1.34-3-3-3 C8.97,0,8.07,0.52,7.53,1.3C8.98,1.91,10,3.33,10,5z\"></path><path d=\"M6,9c-3.31,0-6,2.73-6,4.67S3.27,16,6,16s6-0.4,6-2.33S9.31,9,6,9z\"></path><path d=\"M10,7C9.81,7,9.62,7.01,9.43,7.03C9.09,7.6,8.62,8.07,8.06,8.42c3,0.83,5.23,3.31,5.42,5.28 c1.44-0.31,2.52-0.92,2.52-2.03C16,9.74,13.31,7,10,7z\"></path></g></svg>",
-	"movetodetails": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g><circle cx=\"1.5\" cy=\"14.5\" r=\"1.5\"></circle><circle cx=\"7.5\" cy=\"14.5\" r=\"1.5\"></circle><circle cx=\"13.5\" cy=\"14.5\" r=\"1.5\"></circle><rect x=\"12\" y=\"1\" width=\"3\" height=\"9\"></rect><path d=\"M2.02,7.02L1,6L0,7l3,3l3-3L5,6L4.06,6.94C4.33,4.73,6.21,3,8.5,3C8.67,3,8.83,3.03,9,3.05V1.03 C8.83,1.01,8.67,1,8.5,1C5.08,1,2.27,3.66,2.02,7.02z\"></path></g></svg>",
-	"noncommercial": "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 16 16\" style=\"enable-background:new 0 0 16 16;\" xml:space=\"preserve\"><path d=\"M8,0L0,15h16L8,0z M9,13H7v-2h2V13z M7,10V5h2v5H7z\"></path></svg>",
-	"sorting": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g><polygon points=\"8,3 10,5 11,4 8,1 5,4 6,5 \"></polygon><polygon points=\"8,13 6,11 5,12 8,15 11,12 10,11\"></polygon></g></svg>"
+const chartTypes = {
+    "boolean": ["pie", "doughnut", "bar"],
+    "number": ["gauge", "bullet"],
+    "average": ["gauge", "bullet"],
+    "selectBase": ["bar", "vbar", "pie", "doughnut"],
+    "histogram": ["vhistogram", "histogram"],
+    "matrix": ["bar", "stackedbar", "pie", "doughnut"],
+    "matrixDropdownGrouped": ["stackedbar", "bar", "pie", "doughnut"],
+    "pivot": ["vbar", "bar", "line", "stackedbar", "pie", "doughnut"], // ["vbar", "bar"]
+    "ranking": ["bar", "vbar", "pie", "doughnut", "radar"],
 };
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//@ts-ignore
-const iconPrefix = "sa-svg-";
-function getIconSymbolTemplate(iconId, iconSvg) {
-    const startStr = "<svg ";
-    const endStr = "</svg>";
-    iconSvg = iconSvg.trim();
-    const str = iconSvg.toLowerCase();
-    if (str.substring(0, startStr.length) === startStr &&
-        str.substring(str.length - endStr.length, str.length) === endStr) {
-        return "<symbol " +
-            "id=\"" + iconPrefix + iconId + "\" " +
-            iconSvg.substring(startStr.length, str.length - endStr.length) +
-            "</symbol>";
+class PlotlyChartAdapter {
+    static getChartTypesByVisualizerType(vType) {
+        return (chartTypes[vType] || []).slice();
+    }
+    constructor(model) {
+        this.model = model;
+        this._chart = undefined;
+    }
+    patchConfigParameters(chartNode, traces, layout, config) {
+        if (this.model.dataType === "boolean") {
+            const colors = VisualizerBase.getColors();
+            const boolColors = [
+                BooleanModel.trueColor || colors[0],
+                BooleanModel.falseColor || colors[1],
+            ];
+            if (this.model.showMissingAnswers) {
+                boolColors.push(colors[2]);
+            }
+            const chartType = this.model.chartType;
+            if (chartType === "pie" || chartType === "doughnut") {
+                traces.forEach((trace) => {
+                    if (!trace)
+                        return;
+                    if (!trace.marker)
+                        trace.marker = {};
+                    trace.marker.colors = boolColors;
+                });
+            }
+            else if (chartType === "bar") {
+                traces.forEach((trace) => {
+                    if (!trace)
+                        return;
+                    if (!trace.marker)
+                        trace.marker = {};
+                    trace.marker.color = boolColors;
+                });
+            }
+        }
+        if (this.model.type === "average") {
+            config.displayModeBar = true;
+        }
+    }
+    get chart() {
+        return this._chart;
+    }
+    getChartTypes() {
+        const visualizerType = this.model.type;
+        const chartCtypes = chartTypes[visualizerType];
+        return (chartCtypes || []).slice();
+    }
+    create(chartNode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const [plot, plotlyOptions] = yield this.update(chartNode);
+            this._chart = plot;
+            return plot;
+        });
+    }
+    update(chartNode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            chartNode.className = "sa-visualizer--plotly";
+            const answersData = yield this.model.getAnswersData();
+            var plotlyOptions = PlotlySetup.setup(this.model.chartType, this.model, answersData);
+            let config = {
+                displaylogo: false,
+                responsive: true,
+                locale: localization.currentLocale,
+                modeBarButtonsToRemove: ["toImage"],
+                modeBarButtonsToAdd: [
+                    {
+                        name: "toImageSjs",
+                        title: localization.getString("saveDiagramAsPNG"),
+                        icon: Plotly.Icons.camera,
+                        click: (gd) => {
+                            let options = {
+                                format: PlotlySetup.imageExportFormat,
+                                // width: 800,
+                                // height: 600,
+                                filename: this.model.question.name,
+                            };
+                            PlotlySetup.onImageSaving.fire(this.model, options);
+                            Plotly.downloadImage(gd, options);
+                        },
+                    },
+                ],
+            };
+            if (SelectBasePlotly.displayModeBar !== undefined) {
+                config.displayModeBar = SelectBasePlotly.displayModeBar;
+            }
+            this.patchConfigParameters(chartNode, plotlyOptions.traces, plotlyOptions.layout, config);
+            let options = {
+                traces: plotlyOptions.traces,
+                layout: plotlyOptions.layout,
+                data: answersData,
+                config: config,
+            };
+            PlotlySetup.onPlotCreating.fire(this.model, options);
+            const plot = Plotly.react(chartNode, options.traces, options.layout, options.config);
+            const plotlyChart = chartNode;
+            if (this.model instanceof SelectBase && this.model.supportSelection) {
+                const _model = this.model;
+                plotlyChart.removeAllListeners("plotly_click");
+                plotlyChart.on("plotly_click", (data) => {
+                    if (data.points.length > 0) {
+                        let itemText = "";
+                        if (!plotlyOptions.hasSeries) {
+                            itemText = Array.isArray(data.points[0].customdata)
+                                ? data.points[0].customdata[0]
+                                : data.points[0].customdata;
+                            const item = _model.getSelectedItemByText(itemText);
+                            _model.setSelection(item);
+                        }
+                        else {
+                            itemText = data.points[0].data.name;
+                            const propertyLabel = data.points[0].label;
+                            const seriesValues = this.model.getSeriesValues();
+                            const seriesLabels = this.model.getSeriesLabels();
+                            const propertyValue = seriesValues[seriesLabels.indexOf(propertyLabel)];
+                            const selectedItem = _model.getSelectedItemByText(itemText);
+                            const item = new ItemValue({ [propertyValue]: selectedItem.value }, propertyLabel + ": " + selectedItem.text);
+                            _model.setSelection(item);
+                        }
+                        // const itemText = plotlyOptions.hasSeries
+                        //   ? data.points[0].data.name
+                        //   : Array.isArray(data.points[0].customdata)
+                        //     ? data.points[0].customdata[0]
+                        //     : data.points[0].customdata;
+                        // const item: ItemValue = this.model.getSelectedItemByText(itemText);
+                        // this.model.setSelection(item);
+                    }
+                });
+            }
+            var setCursorOnDragLayer = (cursor) => {
+                const dragLayer = chartNode.getElementsByClassName("nsewdrag")[0];
+                dragLayer && (dragLayer.style.cursor = cursor);
+            };
+            !!plotlyChart.removeAllListeners && plotlyChart.removeAllListeners("plotly_hover");
+            plotlyChart.on("plotly_hover", () => setCursorOnDragLayer("pointer"));
+            !!plotlyChart.removeAllListeners && plotlyChart.removeAllListeners("plotly_unhover");
+            plotlyChart.on("plotly_unhover", () => setCursorOnDragLayer(""));
+            return [plot, plotlyOptions];
+        });
+    }
+    destroy(node) {
+        if (!!node) {
+            Plotly.purge(node);
+        }
+        this._chart = undefined;
     }
 }
-const iconsHtml = Object.keys(iconsData).map(iconId => getIconSymbolTemplate(iconId, iconsData[iconId]));
-const svgTemplate = `<svg style="display:none;">${iconsHtml}<svg>`;
+VisualizerBase.chartAdapterType = PlotlyChartAdapter;
 
-export { DocumentHelper as D, surveyStrings as a, DataHelper as b, createImagesContainer as c, createLinksContainer as d, createCommercialLicenseLink as e, svgTemplate as f, createLoadingIndicator as g, localization as l, setupLocale as s, toPrecision as t };
+export { BooleanPlotly as B, GaugePlotly as G, HistogramPlotly as H, MatrixDropdownGroupedPlotly as M, PivotPlotly as P, RankingPlotly as R, SelectBasePlotly as S, MatrixPlotly as a, PlotlyChartAdapter as b, PlotlySetup as c, chartTypes as d };
 //# sourceMappingURL=shared.mjs.map