survey-analytics 2.5.13 → 3.0.0-beta.0

package/package.json

@@ -1,24 +1,32 @@
 {
-  "version": "2.5.13",
+  "version": "3.0.0-beta.0",
   "name": "survey-analytics",
   "scripts": {
     "start": "webpack-dev-server --env buildType=dev",
+    "serve": "http-server --silent",
     "test": "jest",
     "test:dev": "jest --watch",
     "test:debug": "node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand",
     "e2e": "playwright test --project chromium --ui",
-    "e2e:ci": "playwright test --project chromium",
+    "e2e:apexCharts": "playwright test --project chromium+apexCharts --ui",
+    "e2e:ci": "playwright test --project chromium --project chromium+apexCharts",
+    "e2e:ci:apexCharts": "playwright test --project chromium+apexCharts",
+    "e2e:ci:plotly": "playwright test --project chromium",
     "release": "standard-version --message \"Release: %s [azurepipelines skip]\" ",
     "doc:gen": "node doc_generator/lib_docgenerator.js src/index.ts",
     "doc:update": "chmod +x ./docupdate_npm.sh && ./docupdate_npm.sh",
     "watch:dev": "concurrently \"webpack --env buildType=dev --env emitStyles\" \"rollup -c -w\" ",
-    "build:all": "npm run build",
+    "build:all": "npm run build && npm run build:themes",
     "build": "webpack --env buildType=dev --env emitNonSourceFiles --env emitStyles && webpack --env buildType=prod --env emitStyles && rollup -c && npm run build:types",
-    "build:types": "npm run build:types:core && npm run build:types:summary && npm run build:types:tabulator && npm run build:types:mongo",
-    "build:types:core": "tsc --p tsconfig.summary.core.json && echo \"export * from './survey-analytics.types/entries/summary.core';\" >> build/survey.analytics.core.d.ts",
-    "build:types:summary": "tsc --p tsconfig.summary.json && echo \"export * from './survey-analytics.types/entries/summary';\" >> build/survey.analytics.d.ts",
-    "build:types:tabulator": "tsc --p tsconfig.tabulator.json && echo \"export * from './survey-analytics-tabulator.types/entries/tabulator';\" >> build/survey.analytics.tabulator.d.ts",
+    "build:types": "npm run build:types:core && npm run build:types:tabulator && npm run build:types:apexcharts && npm run build:types:plotly && npm run build:types:mongo",
+    "build:types:core": "tsc --p tsconfig.types.summary.core.json && echo \"export * from './survey-analytics.types/entries/summary.core';\" >> build/survey.analytics.core.d.ts",
+    "build:types:tabulator": "tsc --p tsconfig.types.tabulator.json && echo \"export * from './survey-analytics-tabulator.types/entries/tabulator';\" >> build/survey.analytics.tabulator.d.ts",
+    "build:types:apexcharts": "tsc --p tsconfig.types.apexcharts.json && echo \"export * from './survey-analytics-apexcharts.types/entries/apexcharts';\" >> build/survey.analytics.d.ts",
+    "build:types:plotly": "tsc --p tsconfig.types.plotly.json && echo \"export * from './survey-analytics-plotly.types/entries/plotly';\" >> build/survey.analytics.plotly.d.ts",
     "build:types:mongo": "tsc --p tsconfig.types.mongo.json && echo \"export * from './survey-analytics.types/entries/mongo';\" >> build/survey.analytics.mongo.d.ts",
+    "build:themes": "webpack --config ./webpack.themes.config.js --env buildType=dev --env emitDeclarations && webpack --config ./webpack.themes.config.js --env buildType=prod && rollup -c rollup.themes.config.js",
+    "accessibility-tests": "playwright test --project a11y --ui",
+    "accessibility-tests:ci": "playwright test --project a11y --reporter dot --quiet",
     "lint": "eslint . --ext .js,.cjs,.mjs,.ts,.cts,.mts --max-warnings=0",
     "lint:fix": "eslint . --ext .js,.cjs,.mjs,.ts,.cts,.mts --max-warnings=0 --fix",
     "pre-push-check": "npm run lint",
@@ -38,7 +46,8 @@
     "mongodb": "^6.20.0",
     "muuri": "^0.8.0",
     "plotly.js-dist-min": "^2.28.0",
-    "tabulator-tables": "^6.2.5"
+    "tabulator-tables": "^6.2.5",
+    "apexcharts": "^4.7.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.8.0",
@@ -52,9 +61,12 @@
     "@types/jest": "^26.0.24",
     "@types/jquery": "3.3.29",
     "@types/node": "7.0.4",
+    "@types/minimatch": "5.1.2",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
-    "@vue/eslint-config-typescript": "^11.0.0",
+    "axe-core": "^4.8.2",
+    "axe-playwright": "^2.1.0",
+    "axe-testcafe": "^3.0.0",
     "concurrently": "^5.3.0",
     "css-loader": "^7.1.2",
     "eslint": "^8.57.0",
@@ -73,7 +85,7 @@
     "playwright": "1.58.0",
     "puppeteer": "22.13.1",
     "replace-in-file": "^6.3.2",
-    "rollup": "^4.34.8",
+    "rollup": "^4.59.0",
     "rollup-plugin-license": "^3.6.0",
     "sass": "^1.62.1",
     "sass-loader": "^16.0.4",
@@ -93,7 +105,12 @@
     "@types/mongodb": "^4.0.6",
     "@types/plotly.js-dist-min": "^2.3.0",
     "@types/tabulator-tables": "^6.2.3",
-    "survey-core": "2.5.13"
+    "survey-core": "3.0.0-beta.0"
+  },
+  "overrides": {
+    "axe-testcafe": {
+      "axe-core": "^4.8.2"
+    }
   },
   "husky": {
     "hooks": {
@@ -126,6 +143,16 @@
       "types": "./survey.analytics.tabulator.d.ts",
       "import": "./fesm/survey.analytics.tabulator.mjs",
       "require": "./survey.analytics.tabulator.js"
+    },
+    "./survey.analytics.apexcharts": {
+      "types": "./survey.analytics.apexcharts.d.ts",
+      "import": "./fesm/survey.analytics.apexcharts.mjs",
+      "require": "./survey.analytics.apexcharts.js"
+    },
+    "./survey.analytics.plotly": {
+      "types": "./survey.analytics.plotly.d.ts",
+      "import": "./fesm/survey.analytics.plotly.mjs",
+      "require": "./survey.analytics.plotly.js"
     }
   },
   "module": "fesm/survey.analytics.mjs",

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

@@ -0,0 +1,73 @@
+import { Question, ItemValue, Event } from "survey-core";
+import { ICalculationResult, IChartAdapter, VisualizerBase } from "./visualizerBase";
+import { IVisualizerWithSelection } from "./selectBase";
+export declare class AlternativeVisualizersWrapper extends VisualizerBase implements IVisualizerWithSelection {
+    private visualizers;
+    private visualizerSelector;
+    private updateVisualizerSelector;
+    private getVisualizerSwitchItems;
+    private _setVisualizer;
+    constructor(visualizers: Array<VisualizerBase>, question: Question, data: Array<{
+        [index: string]: any;
+    }>, options?: Object);
+    protected visualizerContainer: HTMLElement;
+    protected onDataChanged(): void;
+    protected get allowChangeType(): any;
+    get hasFooter(): boolean;
+    getVisualizers(): VisualizerBase[];
+    getChartAdapter(): IChartAdapter;
+    private visualizersWithSelection;
+    private selectedItem;
+    private visualizer;
+    private onAfterVisualizerRenderCallback;
+    private onVisualizerStateChangedCallback;
+    /**
+     * The event is fired right after AlternativeVisualizersWrapper content type has been changed.
+     **/
+    onVisualizerChanged: Event<(sender: AlternativeVisualizersWrapper, options: any) => any, AlternativeVisualizersWrapper, any>;
+    /**
+     * This method selects visualizer to show by it name.
+    *
+    * parameters:
+    * name - the name of visualizer to show,
+    * quiet - set it to true if you don't want to rise a notification event
+    *
+    **/
+    setVisualizer(type: string, quiet?: boolean): void;
+    getVisualizer(): VisualizerBase;
+    updateData(data: Array<{
+        [index: string]: any;
+    }>): void;
+    set onDataItemSelected(val: (selectedValue: any, selectedText: string) => void);
+    setSelection(item: ItemValue): void;
+    get selection(): any;
+    protected renderContent(container: HTMLElement): void;
+    protected setBackgroundColorCore(color: string): void;
+    /**
+     * Returns an object with properties that describe a current visualizer state. The properties are different for each individual visualizer.
+     *
+     * > This method is overriden in descendant classes.
+     * @see setState
+     * @see resetState
+     */
+    getState(): any;
+    /**
+     * Sets the visualizer's state.
+     *
+     * @see getState
+     * @see resetState
+     */
+    setState(state: any): void;
+    /**
+     * Resets the visualizer's state.
+     *
+     * @see getState
+     * @see setState
+     */
+    resetState(): void;
+    getValues(): Array<any>;
+    getLabels(): Array<string>;
+    getCalculatedValues(): Promise<ICalculationResult>;
+    protected onThemeChanged(): void;
+    destroy(): void;
+}

package/survey-analytics-plotly.types/analytics-localization/arabic.d.ts

@@ -0,0 +1,100 @@
+export declare var arabicStrings: {
+    groupButton: string;
+    ungroupButton: string;
+    selectButton: string;
+    hideColumn: string;
+    showColumn: string;
+    makePrivateColumn: string;
+    makePublicColumn: string;
+    moveToDetail: string;
+    showAsColumn: string;
+    filterPlaceholder: string;
+    removeRows: string;
+    showLabel: string;
+    entriesLabel: string;
+    visualizer_text: string;
+    visualizer_wordcloud: string;
+    visualizer_histogram: string;
+    visualizer_number: string;
+    visualizer_choices: string;
+    visualizer_selectBase: string;
+    visualizer_matrix: string;
+    chartType_bar: string;
+    chartType_vbar: string;
+    chartType_stackedbar: string;
+    chartType_doughnut: string;
+    chartType_pie: string;
+    chartType_scatter: string;
+    chartType_gauge: string;
+    chartType_bullet: string;
+    chartType_line: string;
+    chartType_radar: string;
+    hideButton: string;
+    makePrivateButton: string;
+    makePublicButton: string;
+    showButton: string;
+    filter: string;
+    resetFilter: string;
+    changeLocale: string;
+    clearButton: string;
+    addElement: string;
+    defaultOrder: string;
+    ascOrder: string;
+    descOrder: string;
+    showMinorColumns: string;
+    actionsColumn: string;
+    otherCommentTitle: string;
+    showPercentages: string;
+    hidePercentages: string;
+    pdfDownloadCaption: string;
+    xlsxDownloadCaption: string;
+    csvDownloadCaption: string;
+    saveDiagramAsPNG: string;
+    hideEmptyAnswers: string;
+    showEmptyAnswers: string;
+    "topNValueText-1": string;
+    topNValueText5: string;
+    topNValueText10: string;
+    topNValueText20: string;
+    hideMissingAnswers: string;
+    showMissingAnswers: string;
+    missingAnswersLabel: string;
+    noVisualizerForQuestion: string;
+    noResults: string;
+    showPerValues: string;
+    showPerColumns: string;
+    answer: string;
+    correctAnswer: string;
+    percent: string;
+    percentage: string;
+    statistics_chart: string;
+    responses: string;
+    visualizer_nps: string;
+    visualizer_boolean: string;
+    visualizer_options: string;
+    npsScore: string;
+    npsPromoters: string;
+    npsPassives: string;
+    npsDetractors: string;
+    axisXSelectorTitle: string;
+    axisYSelectorTitle: string;
+    axisXAlternativeSelectorTitle: string;
+    axisYAlternativeSelectorTitle: string;
+    notSelected: string;
+    intervalMode_default: string;
+    intervalMode_decades: string;
+    intervalMode_years: string;
+    intervalMode_quarters: string;
+    intervalMode_months: string;
+    intervalMode_days: string;
+    intervalMode_custom: string;
+    intervalMode_auto: string;
+    intervalModeTitle: string;
+    noRunningTotals: string;
+    runningTotals: string;
+    groupDateSeries: string;
+    ungroupDateSeries: string;
+    noneAggregateText: string;
+    selectAggregateText: string;
+    groupedYearsAxisTitle: string;
+};

package/survey-analytics-plotly.types/analytics-localization/dutch.d.ts

@@ -0,0 +1,100 @@
+export declare var dutchStrings: {
+    groupButton: string;
+    ungroupButton: string;
+    selectButton: string;
+    hideColumn: string;
+    showColumn: string;
+    makePrivateColumn: string;
+    makePublicColumn: string;
+    moveToDetail: string;
+    showAsColumn: string;
+    filterPlaceholder: string;
+    removeRows: string;
+    showLabel: string;
+    entriesLabel: string;
+    visualizer_text: string;
+    visualizer_wordcloud: string;
+    visualizer_histogram: string;
+    visualizer_number: string;
+    visualizer_choices: string;
+    visualizer_selectBase: string;
+    visualizer_matrix: string;
+    chartType_bar: string;
+    chartType_vbar: string;
+    chartType_stackedbar: string;
+    chartType_doughnut: string;
+    chartType_pie: string;
+    chartType_scatter: string;
+    chartType_gauge: string;
+    chartType_bullet: string;
+    chartType_line: string;
+    chartType_radar: string;
+    hideButton: string;
+    makePrivateButton: string;
+    makePublicButton: string;
+    showButton: string;
+    filter: string;
+    resetFilter: string;
+    changeLocale: string;
+    clearButton: string;
+    addElement: string;
+    defaultOrder: string;
+    ascOrder: string;
+    descOrder: string;
+    showMinorColumns: string;
+    actionsColumn: string;
+    otherCommentTitle: string;
+    showPercentages: string;
+    hidePercentages: string;
+    pdfDownloadCaption: string;
+    xlsxDownloadCaption: string;
+    csvDownloadCaption: string;
+    saveDiagramAsPNG: string;
+    hideEmptyAnswers: string;
+    showEmptyAnswers: string;
+    "topNValueText-1": string;
+    topNValueText5: string;
+    topNValueText10: string;
+    topNValueText20: string;
+    hideMissingAnswers: string;
+    showMissingAnswers: string;
+    missingAnswersLabel: string;
+    noVisualizerForQuestion: string;
+    noResults: string;
+    showPerValues: string;
+    showPerColumns: string;
+    answer: string;
+    correctAnswer: string;
+    percent: string;
+    percentage: string;
+    statistics_chart: string;
+    responses: string;
+    visualizer_nps: string;
+    visualizer_boolean: string;
+    visualizer_options: string;
+    npsScore: string;
+    npsPromoters: string;
+    npsPassives: string;
+    npsDetractors: string;
+    axisXSelectorTitle: string;
+    axisYSelectorTitle: string;
+    axisXAlternativeSelectorTitle: string;
+    axisYAlternativeSelectorTitle: string;
+    notSelected: string;
+    intervalMode_default: string;
+    intervalMode_decades: string;
+    intervalMode_years: string;
+    intervalMode_quarters: string;
+    intervalMode_months: string;
+    intervalMode_days: string;
+    intervalMode_custom: string;
+    intervalMode_auto: string;
+    intervalModeTitle: string;
+    noRunningTotals: string;
+    runningTotals: string;
+    groupDateSeries: string;
+    ungroupDateSeries: string;
+    noneAggregateText: string;
+    selectAggregateText: string;
+    groupedYearsAxisTitle: string;
+};

package/survey-analytics-plotly.types/analytics-localization/english.d.ts

@@ -0,0 +1,130 @@
+export declare var englishStrings: {
+    groupButton: string;
+    ungroupButton: string;
+    selectButton: string;
+    columnReorder: string;
+    hideColumn: string;
+    showColumn: string;
+    columns: string;
+    makePrivateColumn: string;
+    makePublicColumn: string;
+    moveToDetail: string;
+    showAsColumn: string;
+    filterPlaceholder: string;
+    removeRows: string;
+    showLabel: string;
+    entriesLabel: string;
+    entriesOnPageLabel: string;
+    visualizer_text: string;
+    visualizer_wordcloud: string;
+    visualizer_histogram: string;
+    visualizer_number: string;
+    visualizer_average: string;
+    visualizer_choices: string;
+    visualizer_selectBase: string;
+    visualizer_matrix: string;
+    chartType_bar: string;
+    chartType_vbar: string;
+    chartType_stackedbar: string;
+    chartType_doughnut: string;
+    chartType_pie: string;
+    chartType_scatter: string;
+    chartType_gauge: string;
+    chartType_bullet: string;
+    chartType_line: string;
+    chartType_radar: string;
+    chartType_histogram: string;
+    chartType_vhistogram: string;
+    chartType_stackedhistogram: string;
+    hideButton: string;
+    makePrivateButton: string;
+    makePublicButton: string;
+    showButton: string;
+    filter: string;
+    resetFilter: string;
+    changeLocale: string;
+    clearButton: string;
+    addElement: string;
+    allQuestions: string;
+    defaultOrder: string;
+    ascOrder: string;
+    descOrder: string;
+    showMinorColumns: string;
+    actionsColumn: string;
+    otherCommentTitle: string;
+    showPercentages: string;
+    hidePercentages: string;
+    exportAs: string;
+    pdfDownloadCaption: string;
+    xlsxDownloadCaption: string;
+    csvDownloadCaption: string;
+    saveDiagramAsPNG: string;
+    responsesText: string;
+    noData: string;
+    selectDateRange: string;
+    includeToday: string;
+    reportingPeriodCustom: string;
+    reportingPeriodLast7days: string;
+    reportingPeriodLast14days: string;
+    reportingPeriodLast28days: string;
+    reportingPeriodLast30days: string;
+    reportingPeriodLastWeekMon: string;
+    reportingPeriodLastWeekSun: string;
+    reportingPeriodLastMonth: string;
+    reportingPeriodLastQuarter: string;
+    reportingPeriodLastYear: string;
+    reportingPeriodWtdSun: string;
+    reportingPeriodWtdMon: string;
+    reportingPeriodMtd: string;
+    reportingPeriodQtd: string;
+    reportingPeriodYtd: string;
+    hideEmptyAnswers: string;
+    showEmptyAnswers: string;
+    "topNValueText-1": string;
+    topNValueText5: string;
+    topNValueText10: string;
+    topNValueText20: string;
+    hideMissingAnswers: string;
+    showMissingAnswers: string;
+    missingAnswersLabel: string;
+    noVisualizerForQuestion: string;
+    noResults: string;
+    showPerValues: string;
+    showPerColumns: string;
+    answer: string;
+    correctAnswer: string;
+    percent: string;
+    percentage: string;
+    statistics_chart: string;
+    responses: string;
+    visualizer_nps: string;
+    visualizer_boolean: string;
+    visualizer_options: string;
+    npsScore: string;
+    npsPromoters: string;
+    npsPassives: string;
+    npsDetractors: string;
+    axisXSelectorTitle: string;
+    axisYSelectorTitle: string;
+    axisXAlternativeSelectorTitle: string;
+    axisYAlternativeSelectorTitle: string;
+    notSelected: string;
+    intervalMode_default: string;
+    intervalMode_decades: string;
+    intervalMode_years: string;
+    intervalMode_quarters: string;
+    intervalMode_months: string;
+    intervalMode_days: string;
+    intervalMode_custom: string;
+    intervalMode_auto: string;
+    intervalModeTitle: string;
+    noRunningTotals: string;
+    runningTotals: string;
+    groupDateSeries: string;
+    ungroupDateSeries: string;
+    noneAggregateText: string;
+    selectAggregateText: string;
+    groupedYearsAxisTitle: string;
+    license: string;
+    license2: string;
+};

package/survey-analytics-plotly.types/analytics-localization/farsi.d.ts

@@ -0,0 +1,100 @@
+export declare var farsiStrings: {
+    groupButton: string;
+    ungroupButton: string;
+    selectButton: string;
+    hideColumn: string;
+    showColumn: string;
+    makePrivateColumn: string;
+    makePublicColumn: string;
+    moveToDetail: string;
+    showAsColumn: string;
+    filterPlaceholder: string;
+    removeRows: string;
+    showLabel: string;
+    entriesLabel: string;
+    visualizer_text: string;
+    visualizer_wordcloud: string;
+    visualizer_histogram: string;
+    visualizer_number: string;
+    visualizer_choices: string;
+    visualizer_selectBase: string;
+    visualizer_matrix: string;
+    chartType_bar: string;
+    chartType_vbar: string;
+    chartType_stackedbar: string;
+    chartType_doughnut: string;
+    chartType_pie: string;
+    chartType_scatter: string;
+    chartType_gauge: string;
+    chartType_bullet: string;
+    chartType_line: string;
+    chartType_radar: string;
+    hideButton: string;
+    makePrivateButton: string;
+    makePublicButton: string;
+    showButton: string;
+    filter: string;
+    resetFilter: string;
+    changeLocale: string;
+    clearButton: string;
+    addElement: string;
+    defaultOrder: string;
+    ascOrder: string;
+    descOrder: string;
+    showMinorColumns: string;
+    actionsColumn: string;
+    otherCommentTitle: string;
+    showPercentages: string;
+    hidePercentages: string;
+    pdfDownloadCaption: string;
+    xlsxDownloadCaption: string;
+    csvDownloadCaption: string;
+    saveDiagramAsPNG: string;
+    hideEmptyAnswers: string;
+    showEmptyAnswers: string;
+    "topNValueText-1": string;
+    topNValueText5: string;
+    topNValueText10: string;
+    topNValueText20: string;
+    hideMissingAnswers: string;
+    showMissingAnswers: string;
+    missingAnswersLabel: string;
+    noVisualizerForQuestion: string;
+    noResults: string;
+    showPerValues: string;
+    showPerColumns: string;
+    answer: string;
+    correctAnswer: string;
+    percent: string;
+    percentage: string;
+    statistics_chart: string;
+    responses: string;
+    visualizer_nps: string;
+    visualizer_boolean: string;
+    visualizer_options: string;
+    npsScore: string;
+    npsPromoters: string;
+    npsPassives: string;
+    npsDetractors: string;
+    axisXSelectorTitle: string;
+    axisYSelectorTitle: string;
+    axisXAlternativeSelectorTitle: string;
+    axisYAlternativeSelectorTitle: string;
+    notSelected: string;
+    intervalMode_default: string;
+    intervalMode_decades: string;
+    intervalMode_years: string;
+    intervalMode_quarters: string;
+    intervalMode_months: string;
+    intervalMode_days: string;
+    intervalMode_custom: string;
+    intervalMode_auto: string;
+    intervalModeTitle: string;
+    noRunningTotals: string;
+    runningTotals: string;
+    groupDateSeries: string;
+    ungroupDateSeries: string;
+    noneAggregateText: string;
+    selectAggregateText: string;
+    groupedYearsAxisTitle: string;
+};