survey-analytics 2.5.14 → 3.0.0-beta.0

package/survey-analytics.types/entries/apexcharts.fontless.d.ts

@@ -0,0 +1,2 @@
+export * from "../apexcharts/index";
+export * from "./summary.core";

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

@@ -17,6 +17,7 @@ export * from "../dataProvider";
 export * from "../visualizerFactory";
 export * from "../selectBase";
 export * from "../matrix";
+export * from "../matrixDropdownGrouped";
 export * from "../boolean";
 export * from "../histogram";
 export * from "../number";
@@ -28,11 +29,16 @@ export * from "../visualizationMatrixDynamic";
 export * from "../visualizationMatrixDropdown";
 export * from "../alternativeVizualizersWrapper";
 export * from "../visualizationComposite";
+export * from "../dashboard";
 export * from "../wordcloud/wordcloud";
 export * from "../wordcloud/stopwords/index";
 export * from "../text";
 export * from "../statistics-table";
 export * from "../nps";
+export * from "../card";
 export * from "../ranking";
 export * from "../pivot";
+export * from "../theme";
 export { DocumentHelper } from "../utils/index";
+export * from "../layout-engine";
+export * from "../muuri-layout-engine";

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

@@ -1,5 +1,6 @@
 import { ItemValue, Question } from "survey-core";
-import { IAnswersData, SelectBase } from "./selectBase";
+import { SelectBase } from "./selectBase";
+import { IAnswersData, ICalculationResult } from "./visualizerBase";
 export declare type HistogramIntervalMode = "auto" | "custom" | "decades" | "years" | "quarters" | "months" | "days";
 export interface IHistogramInterval {
     start: number;
@@ -15,11 +16,19 @@ export declare const intervalCalculators: {
     days: (min: number, max: number) => any[];
 };
 export declare class HistogramModel extends SelectBase {
-    protected valueType: "date" | "number";
-    private _cachedValues;
+    protected valueType: "date" | "number" | "enum";
+    protected _cachedValues: Array<{
+        original: any;
+        continuous: number;
+        row: any;
+    }>;
     private _continuousData;
-    private _cachedIntervals;
-    private _intervalPrecision;
+    protected _cachedIntervals: Array<{
+        start: number;
+        end: number;
+        label: string;
+    }>;
+    protected _intervalPrecision: number;
     private showRunningTotalsBtn;
     private showGroupedBtn;
     private changeIntervalsModeSelector;
@@ -28,13 +37,14 @@ export declare class HistogramModel extends SelectBase {
     static UseIntervalsFrom: number;
     constructor(question: Question, data: Array<{
         [index: string]: any;
-    }>, options?: Object, name?: string);
+    }>, options?: Object, type?: string);
     private updateIntervalsModeSelector;
     private updateAggregateDataNameSelector;
-    private reset;
+    getQuestionValueType(question: Question, defaultValue?: string): "enum" | "date" | "number";
+    protected reset(): void;
     getContinuousValue(value: any): number;
     getString(value: number): string;
-    private toPrecision;
+    protected toPrecision(value: number): number;
     getSelectedItemByText(itemText: string): ItemValue;
     /**
      * Updates visualizer data.
@@ -55,7 +65,11 @@ export declare class HistogramModel extends SelectBase {
     getValues(): Array<any>;
     getLabels(): Array<string>;
     get hasCustomIntervals(): boolean;
-    get intervals(): any;
+    get intervals(): Array<{
+        start: number;
+        end: number;
+        label: string;
+    }>;
     intervalModes: HistogramIntervalMode[];
     private _intervalsMode;
     get intervalsMode(): HistogramIntervalMode;
@@ -74,13 +88,15 @@ export declare class HistogramModel extends SelectBase {
     get aggregateDataName(): string;
     set aggregateDataName(val: string);
     get possibleAggregateDataNames(): Array<string>;
-    convertFromExternalData(externalCalculatedData: any): any[];
-    protected getCalculatedValuesCore(): Array<any>;
-    getCalculatedValues(): Promise<Array<Object>>;
+    convertFromExternalData(externalCalculatedData: Array<number>): ICalculationResult;
+    protected getCalculatedValuesCore(): ICalculationResult;
+    getCalculatedValues(): Promise<ICalculationResult>;
     private getGroupedDateAnswersData;
     /**
      * Returns object with all infotmation for data visualization: datasets, labels, colors, additional texts (percentage).
      */
     getAnswersData(): Promise<IAnswersData>;
-    getValueType(): "date" | "number";
+    private static _histogramDefaultState;
+    getDefaultState(): any;
+    getValueType(): "date" | "number" | "enum";
 }

package/survey-analytics.types/layout-engine.d.ts

@@ -0,0 +1,29 @@
+/**
+ * A base class used to implement custom layout engines or integrate third-party layout engines with SurveyJS Dashboard.
+ */
+export declare class LayoutEngine {
+    protected _allowed: boolean;
+    constructor(_allowed: boolean);
+    protected startCore(container: HTMLElement): void;
+    protected stopCore(): void;
+    protected updateCore(): void;
+    get allowed(): boolean;
+    /**
+     * Enables the dynamic layout in a given HTML element.
+     *
+     * This method should arrange visualization items based on the available screen space and allow users to reorder them via drag and drop.
+     */
+    start(container: HTMLElement): void;
+    /**
+     * Disables the dynamic layout.
+     */
+    stop(): void;
+    /**
+     * Updates the dynamic layout.
+     */
+    update(): void;
+    add(elements: Array<HTMLElement>, options?: any): void;
+    remove(elements: Array<HTMLElement>, options?: any): void;
+    onMoveCallback: (order: Array<string>) => void;
+    destroy(): void;
+}

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

@@ -19,8 +19,10 @@ export declare var surveyStrings: {
     groupButton: string;
     ungroupButton: string;
     selectButton: string;
+    columnReorder: string;
     hideColumn: string;
     showColumn: string;
+    columns: string;
     makePrivateColumn: string;
     makePublicColumn: string;
     moveToDetail: string;
@@ -29,10 +31,12 @@ export declare var surveyStrings: {
     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;
@@ -46,6 +50,9 @@ export declare var surveyStrings: {
     chartType_bullet: string;
     chartType_line: string;
     chartType_radar: string;
+    chartType_histogram: string;
+    chartType_vhistogram: string;
+    chartType_stackedhistogram: string;
     hideButton: string;
     makePrivateButton: string;
     makePublicButton: string;
@@ -55,6 +62,7 @@ export declare var surveyStrings: {
     changeLocale: string;
     clearButton: string;
     addElement: string;
+    allQuestions: string;
     defaultOrder: string;
     ascOrder: string;
     descOrder: string;
@@ -63,10 +71,30 @@ export declare var surveyStrings: {
     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;

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

@@ -1,9 +1,10 @@
 import { ItemValue, QuestionMatrixModel, Question } from "survey-core";
-import { IAnswersData, SelectBase } from "./selectBase";
+import { SelectBase } from "./selectBase";
+import { IAnswersData } from "./visualizerBase";
 export declare class Matrix extends SelectBase {
     constructor(question: Question, data: Array<{
         [index: string]: any;
-    }>, options?: Object, name?: string);
+    }>, options?: Object, type?: string);
     protected get matrixQuestion(): QuestionMatrixModel;
     protected isSupportMissingAnswers(): boolean;
     getSeriesValues(): Array<string>;

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

@@ -1,14 +1,15 @@
 import { ItemValue, QuestionMatrixDropdownModel, Question } from "survey-core";
 import { SelectBase } from "./selectBase";
+import { ICalculationResult } from "./visualizerBase";
 export declare class MatrixDropdownGrouped extends SelectBase {
     constructor(question: Question, data: Array<{
         [index: string]: any;
-    }>, options?: Object, name?: string);
+    }>, options?: Object, type?: string);
     protected get matrixQuestion(): QuestionMatrixDropdownModel;
     get dataNames(): Array<string>;
     getSeriesValues(): Array<string>;
     getSeriesLabels(): Array<string>;
     valuesSource(): Array<ItemValue>;
     protected isSupportMissingAnswers(): boolean;
-    protected getCalculatedValuesCore(): Array<any>;
+    protected getCalculatedValuesCore(): ICalculationResult;
 }

package/survey-analytics.types/muuri-layout-engine.d.ts

@@ -0,0 +1,13 @@
+import { LayoutEngine } from "./layout-engine";
+export declare class MuuriLayoutEngine extends LayoutEngine {
+    private _selector;
+    private dragEnabled;
+    private _muuri;
+    private _layoutingTimer;
+    constructor(allowed: boolean, _selector: string, dragEnabled?: boolean);
+    protected startCore(container: HTMLElement): void;
+    protected stopCore(): void;
+    protected updateCore(): void;
+    add(elements: Array<HTMLElement>, options?: any): void;
+    remove(elements: Array<HTMLElement>, options?: any): void;
+}

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

@@ -1,16 +1,11 @@
 import { Question } from "survey-core";
-import { VisualizerBase } from "./visualizerBase";
+import { ICalculationResult, VisualizerBase } from "./visualizerBase";
 import "./nps.scss";
 export declare class NpsVisualizerWidget {
     private _model;
-    private _data;
     private _renderedTarget;
-    constructor(_model: NpsVisualizer, _data: {
-        detractors: number;
-        passive: number;
-        promoters: number;
-        total: number;
-    });
+    private _data;
+    constructor(_model: NpsVisualizer, data: ICalculationResult);
     private renderScorePart;
     render(target: HTMLDivElement): void;
     get npsScore(): number;
@@ -34,8 +29,8 @@ export declare class NpsVisualizer extends VisualizerBase {
     private _npsAdapter;
     constructor(question: Question, data: Array<{
         [index: string]: any;
-    }>, options?: Object, name?: string);
-    protected getCalculatedValuesCore(): any;
+    }>, options?: Object, type?: string);
+    protected getCalculatedValuesCore(): ICalculationResult;
     protected destroyContent(container: HTMLElement): void;
     protected renderContentAsync(container: HTMLElement): Promise<HTMLElement>;
     destroy(): void;

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

@@ -1,19 +1,19 @@
 import { Question } from "survey-core";
-import { VisualizerBase } from "./visualizerBase";
+import { ICalculationResult, VisualizerBase } from "./visualizerBase";
 export declare class NumberModel extends VisualizerBase {
-    private _resultAverage;
-    private _resultMin;
-    private _resultMax;
+    private _statistics;
     static stepsCount: number;
     static generateTextsCallback: (question: Question, maxValue: number, minValue: number, stepsCount: number, texts: string[]) => string[];
     protected chartTypes: Array<string>;
     chartType: String;
     static showAsPercentage: boolean;
+    displayValueName: string;
+    private initChartTypes;
     constructor(question: Question, data: Array<{
         [index: string]: any;
     }>, options?: {
         [index: string]: any;
-    }, name?: string);
+    }, type?: string);
     protected onDataChanged(): void;
     protected onChartTypeChanged(): void;
     protected setChartType(chartType: string): void;
@@ -21,6 +21,7 @@ export declare class NumberModel extends VisualizerBase {
     generateText(maxValue: number, minValue: number, stepsCount: number): string[];
     generateValues(maxValue: number, stepsCount: number): number[];
     generateColors(maxValue: number, minValue: number, stepsCount: number): string[];
-    convertFromExternalData(externalCalculatedData: any): any[];
-    protected getCalculatedValuesCore(): Array<any>;
+    convertFromExternalData(externalCalculatedData: any): ICalculationResult;
+    protected getCalculatedValuesCore(): ICalculationResult;
+    getValues(): Array<any>;
 }

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

@@ -1,23 +1,29 @@
-import { ItemValue, Question } from "survey-core";
-import { SelectBase } from "./selectBase";
-export declare class PivotModel extends SelectBase {
-    private questions;
+import { Question } from "survey-core";
+import { ICalculationResult, IVisualizerOptions } from "./visualizerBase";
+import { HistogramModel } from "./histogram";
+export interface IPivotChartVisualizerOptions extends IVisualizerOptions {
+    questions?: Question[] | string[];
+    categoryField?: Question | string;
+    seriesFields?: Question[] | string[];
+    maxSeriesCount?: number;
+    [key: string]: any;
+}
+export declare class PivotModel extends HistogramModel {
+    questions: Array<Question>;
     private isRoot;
-    protected valueType: "enum" | "date" | "number";
-    private _cachedValues;
-    private _continuousData;
-    private _cachedIntervals;
-    private _intervalPrecision;
+    private _pivotContinuousData;
     private axisXSelector;
     axisXQuestionName: string;
     private axisYSelectors;
     axisYQuestionNames: Array<string>;
     private questionsY;
-    static IntervalsCount: number;
-    static UseIntervalsFrom: number;
+    private _questionDefinition;
+    private _aggregations;
     constructor(questions: Array<Question>, data: Array<{
         [index: string]: any;
-    }>, options?: Object, name?: string, isRoot?: boolean);
+    }>, options?: IPivotChartVisualizerOptions, isRoot?: boolean, type?: string);
+    protected getName(): string;
+    protected getTitle(question: Question): string;
     private createYSelecterGenerator;
     setAxisQuestions(...axisQuestionNames: string[]): void;
     onAxisYSelectorChanged(index: number, value: any): void;
@@ -25,35 +31,16 @@ export declare class PivotModel extends SelectBase {
     private createAxisYSelector;
     protected setChartType(chartType: string): void;
     private isXYChart;
-    getQuestionValueType(question: Question): "enum" | "date" | "number";
     private setupPivot;
-    private reset;
-    getContinuousValue(value: any): number;
-    getString(value: number): string;
-    private toPrecision;
-    getSelectedItemByText(itemText: string): ItemValue;
-    /**
-     * Updates visualizer data.
-     */
-    updateData(data: Array<{
-        [index: string]: any;
-    }>): void;
-    protected onDataChanged(): void;
     protected getContinuousValues(): {
         original: any;
         continuous: number;
         row: any;
     }[];
     protected isSupportAnswersOrder(): boolean;
-    protected isSupportMissingAnswers(): boolean;
-    protected get needUseRateValues(): boolean;
     getSeriesValues(): Array<string>;
     getSeriesLabels(): Array<string>;
-    getValues(): Array<any>;
-    getLabels(): Array<string>;
-    get hasCustomIntervals(): boolean;
-    get intervals(): any;
-    convertFromExternalData(externalCalculatedData: any): any[];
+    convertFromExternalData(externalCalculatedData: any): ICalculationResult;
     getSeriesValueIndexes(): {
         [index: string]: number;
     };
@@ -62,8 +49,11 @@ export declare class PivotModel extends SelectBase {
     }, valueIndex: number, seriesValueIndexes: {
         [index: string]: number;
     }): void;
-    protected getCalculatedValuesCore(): Array<any>;
-    getValueType(): "enum" | "date" | "number";
-    protected isSupportSoftUpdateContent(): boolean;
+    resetAggregations(): void;
+    setValueAggregation(axisYQuestion: string, aggregation: string | ((acc: number, value: number) => number)): void;
+    protected calculateAggregation(dataRow: any, axisYQuestion: string, currentValue: number): number;
+    protected getCalculatedValuesCore(): ICalculationResult;
     protected renderToolbar(container: HTMLElement): void;
+    render(targetElement: HTMLElement | string, isRoot?: boolean): void;
+    protected renderBanner(container: HTMLElement): void;
 }

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

@@ -1,11 +1,12 @@
 import { SelectBase } from "./selectBase";
 import { QuestionRankingModel } from "survey-core";
+import { ICalculationResult } from "./visualizerBase";
 export declare class RankingModel extends SelectBase {
     constructor(question: QuestionRankingModel, data: Array<{
         [index: string]: any;
-    }>, options?: any, name?: string);
+    }>, options?: any, type?: string);
     getQuestionResults(): any[];
     getEmptyData(): any;
-    protected getCalculatedValuesCore(): Array<any>;
+    protected getCalculatedValuesCore(): ICalculationResult;
     applyResultToPlotlyData(result: any[], plotlyData: any, choices: any): void;
 }

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

@@ -1,19 +1,10 @@
 import { Question, ItemValue, Event } from "survey-core";
-import { VisualizerBase } from "./visualizerBase";
+import { IAnswersData, ICalculationResult, VisualizerBase } from "./visualizerBase";
 export interface IVisualizerWithSelection {
     selection: ItemValue;
     onDataItemSelected: (selectedValue: any, selectedText: string) => void;
     setSelection(item: ItemValue): void;
 }
-export interface IAnswersData {
-    datasets: Array<Array<any>>;
-    labels: Array<string>;
-    colors: Array<string>;
-    texts: Array<Array<any>>;
-    seriesLabels: Array<string>;
-    labelsTitle?: string;
-    valuesTitle?: string;
-}
 export declare function hideEmptyAnswersInData(answersData: IAnswersData): IAnswersData;
 export declare class SelectBase extends VisualizerBase implements IVisualizerWithSelection {
     protected selectedItem: ItemValue;
@@ -30,12 +21,14 @@ export declare class SelectBase extends VisualizerBase implements IVisualizerWit
     private _topN;
     static topNValuesDefaults: number[];
     topNValues: any[];
+    _legendPosition: "left" | "right" | "top" | "bottom";
     protected _transposeData: boolean;
     private _showMissingAnswers;
     private missingAnswersBtn;
+    private initChartTypes;
     constructor(question: Question, data: Array<{
         [index: string]: any;
-    }>, options?: any, name?: string);
+    }>, options?: any, type?: string);
     protected chartTypes: string[];
     protected _chartType: string;
     /**
@@ -64,6 +57,7 @@ export declare class SelectBase extends VisualizerBase implements IVisualizerWit
     get showOnlyPercentages(): boolean;
     set showOnlyPercentages(val: boolean);
     protected getShowPercentagesDefault(): boolean;
+    get percentagePrecision(): number;
     /**
      * Gets and sets whether chart should show values and percentages.
      */
@@ -93,7 +87,8 @@ export declare class SelectBase extends VisualizerBase implements IVisualizerWit
      */
     get showMissingAnswers(): boolean;
     set showMissingAnswers(value: boolean);
-    refreshContent(): void;
+    get legendPosition(): "left" | "right" | "top" | "bottom";
+    set legendPosition(value: "left" | "right" | "top" | "bottom");
     onDataItemSelected: (selectedValue: any, selectedText: string) => void;
     get showValuesInOriginalOrder(): boolean;
     valuesSource(): Array<ItemValue>;
@@ -110,10 +105,12 @@ export declare class SelectBase extends VisualizerBase implements IVisualizerWit
      * Returns object with all infotmation for data visualization: datasets, labels, colors, additional texts (percentage).
      */
     getAnswersData(): Promise<IAnswersData>;
-    convertFromExternalData(externalCalculatedData: any): any[];
+    convertFromExternalData(externalCalculatedData: any): ICalculationResult;
     protected transpose(data: Array<Array<number>>): Array<Array<number>>;
-    private static _stateProperties;
+    private static _selectBaseDefaultState;
+    getDefaultState(): any;
     getState(): any;
-    setState(state: any): void;
+    protected setStateCore(state: any): void;
     resetState(): void;
+    protected onThemeChanged(): void;
 }

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

@@ -1,14 +1,9 @@
-import { IDataInfo } from "./visualizerBase";
-export declare function defaultStatisticsCalculator(data: Array<any>, dataInfo: IDataInfo): Array<any>;
-export declare function histogramStatisticsCalculator(data: {
-    [series: string]: Array<{
-        continuous: number;
-        row: any;
-    }>;
-}, intervals: Array<{
-    start: number;
-    end: number;
+import { ICalculationResult, IDataInfo } from "./visualizerBase";
+export declare function defaultStatisticsCalculator(data: Array<any>, dataInfo: IDataInfo): ICalculationResult;
+export declare function histogramStatisticsCalculator(data: any, intervals: Array<{
+    start: number | Date;
+    end: number | Date;
     label: string;
-}>, dataInfo: IDataInfo, aggregateDataNames?: any[]): Array<any>;
-export declare function mathStatisticsCalculator(data: Array<any>, dataInfo: IDataInfo): number[];
-export declare function getNestedDataRows(dataRow: any, dataInfo: IDataInfo): Array<any>;
+}>, dataInfo: IDataInfo, aggregateDataNames?: any[]): ICalculationResult;
+export declare function mathStatisticsCalculator(data: Array<any>, dataInfo: IDataInfo): ICalculationResult;
+export declare function getNestedDataRows(dataRow: any, dataPath: string): Array<any>;

package/survey-analytics.types/statistics-table.d.ts

@@ -12,7 +12,7 @@ export declare class StatisticsTable extends SelectBase {
     private _statisticsTableAdapter;
     constructor(question: Question, data: Array<{
         [index: string]: any;
-    }>, options?: Object, name?: string);
+    }>, options?: Object, type?: string);
     protected destroyContent(container: HTMLElement): void;
     protected renderContentAsync(container: HTMLElement): Promise<HTMLElement>;
     destroy(): void;
@@ -21,7 +21,7 @@ export declare class StatisticsTableBoolean extends BooleanModel {
     private _statisticsTableAdapter;
     constructor(question: Question, data: Array<{
         [index: string]: any;
-    }>, options?: Object, name?: string);
+    }>, options?: Object, type?: string);
     protected destroyContent(container: HTMLElement): void;
     protected renderContentAsync(container: HTMLElement): Promise<HTMLElement>;
     destroy(): void;

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

@@ -1,5 +1,5 @@
 import { Question } from "survey-core";
-import { VisualizerBase } from "./visualizerBase";
+import { ICalculationResult, VisualizerBase } from "./visualizerBase";
 import "./text.scss";
 export declare class TextTableAdapter {
     private model;
@@ -11,13 +11,14 @@ export declare class Text extends VisualizerBase {
     private _textTableAdapter;
     constructor(question: Question, data: Array<{
         [index: string]: any;
-    }>, options?: Object, name?: string);
+    }>, options?: Object, type?: string);
     get columns(): Array<{
         name: string;
         title: string;
         type: string;
     }>;
-    protected getCalculatedValuesCore(): any;
+    getValues(): Array<any>;
+    protected getCalculatedValuesCore(): ICalculationResult;
     protected destroyContent(container: HTMLElement): void;
     protected renderContentAsync(container: HTMLElement): Promise<HTMLElement>;
     destroy(): void;

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

@@ -0,0 +1,50 @@
+export interface IDashboardTheme {
+    cssVariables?: {
+        [index: string]: string | any;
+    };
+}
+export interface FontSettings {
+    family: string;
+    color: string;
+    size: string;
+    weight: number;
+}
+export declare class DashboardTheme implements IDashboardTheme {
+    private theme;
+    static barGap: number;
+    static fontFamily: string;
+    private _cssStyleDeclaration;
+    private _computedValuesCache;
+    private getCssVariableValue;
+    private initComputedValuesCache;
+    constructor(theme?: IDashboardTheme);
+    applyThemeToElement(element: HTMLElement): void;
+    setTheme(theme: IDashboardTheme): void;
+    get cssVariables(): {
+        [index: string]: string | any;
+    };
+    get defaultFontFamily(): any;
+    get backgroundColor(): string;
+    get axisGridColor(): string;
+    get axisBorderColor(): string;
+    get modebarActiveColor(): string;
+    get modebarColor(): string;
+    isFontLoaded(fontFaceName: string): boolean;
+    isAxisLabelFontLoaded(): boolean;
+    get axisLabelFont(): FontSettings;
+    get insideLabelFont(): FontSettings;
+    get legendLabelFont(): FontSettings;
+    get legendSetting(): {
+        borderWidth: any;
+        borderColor: any;
+        borderRadius: any;
+    };
+    get tooltipBackground(): any;
+    get tooltipFont(): FontSettings;
+    get noDataFont(): FontSettings;
+    get gaugeBackground(): any;
+    get gaugeBarColor(): any;
+    get gaugeValueFont(): FontSettings;
+    get gaugeTickFont(): FontSettings;
+    get radarLabelFont(): FontSettings;
+}