@oliasoft-open-source/charts-library 5.13.0 → 5.14.0-beta-1

package/dist/src/components/line-chart/utils/get-line-chart-scales.d.ts

@@ -0,0 +1,589 @@
+import { Tick } from 'chart.js';
+import { IState } from '../state/state.interfaces';
+import { ILineChartOptions } from '../line-chart.interface';
+import { UnusedParameter } from '../../common/common.interface';
+declare const getLineChartScales: (options: ILineChartOptions, state: IState) => {
+    id?: string;
+    label?: string;
+    position?: import('../../common/common.interface').TAxisPosition | undefined;
+    color?: string | string[];
+    unit?: import('../line-chart.interface').IUnitOptions | string;
+    stepSize?: number;
+    gridLines?: import('../line-chart.interface').ILineChartGraph;
+    min?: number | string;
+    max?: number | string;
+} | {
+    y: {
+        display: boolean;
+        type: "linear" | "logarithmic" | undefined;
+        position: import('../../common/common.interface').TAxisPosition | undefined;
+        beginAtZero: boolean | undefined;
+        reverse: boolean | undefined;
+        suggestedMax: number | undefined;
+        suggestedMin: number | undefined;
+        min: string | number | undefined;
+        max: string | number | undefined;
+        title: {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableCartesianScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+            };
+            display: number | boolean | undefined;
+            align?: import('chart.js').Align | undefined;
+            text: string | string[] | undefined;
+            color?: import('chart.js').Color | undefined;
+            padding: number | {
+                top: number;
+                bottom: number;
+                y: number;
+            };
+        };
+        ticks: {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableScaleContext>;
+            };
+            backdropColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            backdropPadding?: number | import('chart.js').ChartArea | undefined;
+            callback: ((this: import('chart.js').Scale, tickValue: number | string, index: number, ticks: Tick[]) => string | string[] | number | number[] | null | undefined) | ((tick: number, _: UnusedParameter, ticks: Tick[]) => string);
+            display?: boolean | undefined;
+            color?: import('chart.js').ScriptableAndArray<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            padding?: number | undefined;
+            showLabelBackdrop?: import('chart.js').Scriptable<boolean, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeWidth?: import('chart.js').Scriptable<number, import('chart.js').ScriptableScaleContext> | undefined;
+            z?: number | undefined;
+            major?: {
+                enabled: boolean;
+            } | undefined;
+            sampleSize?: number | undefined;
+            align?: import('chart.js').Align | "inner" | undefined;
+            autoSkip?: boolean | undefined;
+            autoSkipPadding?: number | undefined;
+            crossAlign?: "center" | "near" | "far" | undefined;
+            includeBounds: boolean;
+            labelOffset?: number | undefined;
+            minRotation?: number | undefined;
+            maxRotation?: number | undefined;
+            mirror?: boolean | undefined;
+            maxTicksLimit?: number | undefined;
+            format?: Intl.NumberFormatOptions | undefined;
+            precision?: number | undefined;
+            stepSize: number | null | undefined;
+            count?: number | undefined;
+        } | {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableScaleContext>;
+            };
+            backdropColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            backdropPadding?: number | import('chart.js').ChartArea | undefined;
+            callback: ((this: import('chart.js').Scale, tickValue: number | string, index: number, ticks: Tick[]) => string | string[] | number | number[] | null | undefined) | ((tick: number, _: UnusedParameter, ticks: Tick[]) => string);
+            display?: boolean | undefined;
+            color?: import('chart.js').ScriptableAndArray<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            padding?: number | undefined;
+            showLabelBackdrop?: import('chart.js').Scriptable<boolean, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeWidth?: import('chart.js').Scriptable<number, import('chart.js').ScriptableScaleContext> | undefined;
+            z?: number | undefined;
+            major?: {
+                enabled: boolean;
+            } | undefined;
+            sampleSize?: number | undefined;
+            align?: import('chart.js').Align | "inner" | undefined;
+            autoSkip?: boolean | undefined;
+            autoSkipPadding?: number | undefined;
+            crossAlign?: "center" | "near" | "far" | undefined;
+            includeBounds: boolean;
+            labelOffset?: number | undefined;
+            minRotation?: number | undefined;
+            maxRotation?: number | undefined;
+            mirror?: boolean | undefined;
+            maxTicksLimit?: number | undefined;
+            format?: Intl.NumberFormatOptions | undefined;
+            precision?: number | undefined;
+            stepSize?: number | undefined;
+            count?: number | undefined;
+        };
+        grid: {
+            lineTension?: number;
+            spanGaps?: boolean;
+            showDataLabels?: boolean;
+            showMinorGridlines?: boolean;
+        };
+    };
+    id?: string;
+    label?: string;
+    position?: import('../../common/common.interface').TAxisPosition | undefined;
+    color?: string | string[];
+    unit?: import('../line-chart.interface').IUnitOptions | string;
+    stepSize?: number;
+    gridLines?: import('../line-chart.interface').ILineChartGraph;
+    min?: number | string;
+    max?: number | string;
+} | {
+    id?: string;
+    label?: string;
+    position?: import('../../common/common.interface').TAxisPosition | undefined;
+    color?: string | string[];
+    unit?: import('../line-chart.interface').IUnitOptions | string;
+    stepSize?: number;
+    gridLines?: import('../line-chart.interface').ILineChartGraph;
+    min?: number | string;
+    max?: number | string;
+    x: {
+        display: boolean;
+        type: "linear" | "logarithmic" | undefined;
+        position: import('../../common/common.interface').TAxisPosition | undefined;
+        beginAtZero: boolean | undefined;
+        reverse: boolean | undefined;
+        suggestedMax: number | undefined;
+        suggestedMin: number | undefined;
+        min: string | number | undefined;
+        max: string | number | undefined;
+        title: {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableCartesianScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+            };
+            display: number | boolean | undefined;
+            align?: import('chart.js').Align | undefined;
+            text: string | string[] | undefined;
+            color?: import('chart.js').Color | undefined;
+            padding: number | {
+                top: number;
+                bottom: number;
+                y: number;
+            };
+        };
+        ticks: {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableScaleContext>;
+            };
+            backdropColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            backdropPadding?: number | import('chart.js').ChartArea | undefined;
+            callback: ((this: import('chart.js').Scale, tickValue: number | string, index: number, ticks: Tick[]) => string | string[] | number | number[] | null | undefined) | ((tick: number, _: UnusedParameter, ticks: Tick[]) => string);
+            display?: boolean | undefined;
+            color?: import('chart.js').ScriptableAndArray<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            padding?: number | undefined;
+            showLabelBackdrop?: import('chart.js').Scriptable<boolean, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeWidth?: import('chart.js').Scriptable<number, import('chart.js').ScriptableScaleContext> | undefined;
+            z?: number | undefined;
+            major?: {
+                enabled: boolean;
+            } | undefined;
+            sampleSize?: number | undefined;
+            align?: import('chart.js').Align | "inner" | undefined;
+            autoSkip?: boolean | undefined;
+            autoSkipPadding?: number | undefined;
+            crossAlign?: "center" | "near" | "far" | undefined;
+            includeBounds: boolean;
+            labelOffset?: number | undefined;
+            minRotation?: number | undefined;
+            maxRotation?: number | undefined;
+            mirror?: boolean | undefined;
+            maxTicksLimit?: number | undefined;
+            format?: Intl.NumberFormatOptions | undefined;
+            precision?: number | undefined;
+            stepSize: number | null | undefined;
+            count?: number | undefined;
+        } | {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableScaleContext>;
+            };
+            backdropColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            backdropPadding?: number | import('chart.js').ChartArea | undefined;
+            callback: ((this: import('chart.js').Scale, tickValue: number | string, index: number, ticks: Tick[]) => string | string[] | number | number[] | null | undefined) | ((tick: number, _: UnusedParameter, ticks: Tick[]) => string);
+            display?: boolean | undefined;
+            color?: import('chart.js').ScriptableAndArray<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            padding?: number | undefined;
+            showLabelBackdrop?: import('chart.js').Scriptable<boolean, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeWidth?: import('chart.js').Scriptable<number, import('chart.js').ScriptableScaleContext> | undefined;
+            z?: number | undefined;
+            major?: {
+                enabled: boolean;
+            } | undefined;
+            sampleSize?: number | undefined;
+            align?: import('chart.js').Align | "inner" | undefined;
+            autoSkip?: boolean | undefined;
+            autoSkipPadding?: number | undefined;
+            crossAlign?: "center" | "near" | "far" | undefined;
+            includeBounds: boolean;
+            labelOffset?: number | undefined;
+            minRotation?: number | undefined;
+            maxRotation?: number | undefined;
+            mirror?: boolean | undefined;
+            maxTicksLimit?: number | undefined;
+            format?: Intl.NumberFormatOptions | undefined;
+            precision?: number | undefined;
+            stepSize?: number | undefined;
+            count?: number | undefined;
+        };
+        grid: {
+            lineTension?: number;
+            spanGaps?: boolean;
+            showDataLabels?: boolean;
+            showMinorGridlines?: boolean;
+        };
+    };
+} | {
+    y: {
+        display: boolean;
+        type: "linear" | "logarithmic" | undefined;
+        position: import('../../common/common.interface').TAxisPosition | undefined;
+        beginAtZero: boolean | undefined;
+        reverse: boolean | undefined;
+        suggestedMax: number | undefined;
+        suggestedMin: number | undefined;
+        min: string | number | undefined;
+        max: string | number | undefined;
+        title: {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableCartesianScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+            };
+            display: number | boolean | undefined;
+            align?: import('chart.js').Align | undefined;
+            text: string | string[] | undefined;
+            color?: import('chart.js').Color | undefined;
+            padding: number | {
+                top: number;
+                bottom: number;
+                y: number;
+            };
+        };
+        ticks: {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableScaleContext>;
+            };
+            backdropColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            backdropPadding?: number | import('chart.js').ChartArea | undefined;
+            callback: ((this: import('chart.js').Scale, tickValue: number | string, index: number, ticks: Tick[]) => string | string[] | number | number[] | null | undefined) | ((tick: number, _: UnusedParameter, ticks: Tick[]) => string);
+            display?: boolean | undefined;
+            color?: import('chart.js').ScriptableAndArray<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            padding?: number | undefined;
+            showLabelBackdrop?: import('chart.js').Scriptable<boolean, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeWidth?: import('chart.js').Scriptable<number, import('chart.js').ScriptableScaleContext> | undefined;
+            z?: number | undefined;
+            major?: {
+                enabled: boolean;
+            } | undefined;
+            sampleSize?: number | undefined;
+            align?: import('chart.js').Align | "inner" | undefined;
+            autoSkip?: boolean | undefined;
+            autoSkipPadding?: number | undefined;
+            crossAlign?: "center" | "near" | "far" | undefined;
+            includeBounds: boolean;
+            labelOffset?: number | undefined;
+            minRotation?: number | undefined;
+            maxRotation?: number | undefined;
+            mirror?: boolean | undefined;
+            maxTicksLimit?: number | undefined;
+            format?: Intl.NumberFormatOptions | undefined;
+            precision?: number | undefined;
+            stepSize: number | null | undefined;
+            count?: number | undefined;
+        } | {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableScaleContext>;
+            };
+            backdropColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            backdropPadding?: number | import('chart.js').ChartArea | undefined;
+            callback: ((this: import('chart.js').Scale, tickValue: number | string, index: number, ticks: Tick[]) => string | string[] | number | number[] | null | undefined) | ((tick: number, _: UnusedParameter, ticks: Tick[]) => string);
+            display?: boolean | undefined;
+            color?: import('chart.js').ScriptableAndArray<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            padding?: number | undefined;
+            showLabelBackdrop?: import('chart.js').Scriptable<boolean, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeWidth?: import('chart.js').Scriptable<number, import('chart.js').ScriptableScaleContext> | undefined;
+            z?: number | undefined;
+            major?: {
+                enabled: boolean;
+            } | undefined;
+            sampleSize?: number | undefined;
+            align?: import('chart.js').Align | "inner" | undefined;
+            autoSkip?: boolean | undefined;
+            autoSkipPadding?: number | undefined;
+            crossAlign?: "center" | "near" | "far" | undefined;
+            includeBounds: boolean;
+            labelOffset?: number | undefined;
+            minRotation?: number | undefined;
+            maxRotation?: number | undefined;
+            mirror?: boolean | undefined;
+            maxTicksLimit?: number | undefined;
+            format?: Intl.NumberFormatOptions | undefined;
+            precision?: number | undefined;
+            stepSize?: number | undefined;
+            count?: number | undefined;
+        };
+        grid: {
+            lineTension?: number;
+            spanGaps?: boolean;
+            showDataLabels?: boolean;
+            showMinorGridlines?: boolean;
+        };
+    };
+    x: {
+        display: boolean;
+        type: "linear" | "logarithmic" | undefined;
+        position: import('../../common/common.interface').TAxisPosition | undefined;
+        beginAtZero: boolean | undefined;
+        reverse: boolean | undefined;
+        suggestedMax: number | undefined;
+        suggestedMin: number | undefined;
+        min: string | number | undefined;
+        max: string | number | undefined;
+        title: {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableCartesianScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+            };
+            display: number | boolean | undefined;
+            align?: import('chart.js').Align | undefined;
+            text: string | string[] | undefined;
+            color?: import('chart.js').Color | undefined;
+            padding: number | {
+                top: number;
+                bottom: number;
+                y: number;
+            };
+        };
+        ticks: {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableScaleContext>;
+            };
+            backdropColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            backdropPadding?: number | import('chart.js').ChartArea | undefined;
+            callback: ((this: import('chart.js').Scale, tickValue: number | string, index: number, ticks: Tick[]) => string | string[] | number | number[] | null | undefined) | ((tick: number, _: UnusedParameter, ticks: Tick[]) => string);
+            display?: boolean | undefined;
+            color?: import('chart.js').ScriptableAndArray<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            padding?: number | undefined;
+            showLabelBackdrop?: import('chart.js').Scriptable<boolean, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeWidth?: import('chart.js').Scriptable<number, import('chart.js').ScriptableScaleContext> | undefined;
+            z?: number | undefined;
+            major?: {
+                enabled: boolean;
+            } | undefined;
+            sampleSize?: number | undefined;
+            align?: import('chart.js').Align | "inner" | undefined;
+            autoSkip?: boolean | undefined;
+            autoSkipPadding?: number | undefined;
+            crossAlign?: "center" | "near" | "far" | undefined;
+            includeBounds: boolean;
+            labelOffset?: number | undefined;
+            minRotation?: number | undefined;
+            maxRotation?: number | undefined;
+            mirror?: boolean | undefined;
+            maxTicksLimit?: number | undefined;
+            format?: Intl.NumberFormatOptions | undefined;
+            precision?: number | undefined;
+            stepSize: number | null | undefined;
+            count?: number | undefined;
+        } | {
+            font: {
+                size: number;
+            } | {
+                family?: string | undefined;
+                size: number;
+                style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                lineHeight?: string | number | undefined;
+            } | {
+                size: number;
+            } | {
+                family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableScaleContext>;
+                size: number | ((ctx: import('chart.js').ScriptableScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableScaleContext>;
+                weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableScaleContext>;
+                lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableScaleContext>;
+            };
+            backdropColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            backdropPadding?: number | import('chart.js').ChartArea | undefined;
+            callback: ((this: import('chart.js').Scale, tickValue: number | string, index: number, ticks: Tick[]) => string | string[] | number | number[] | null | undefined) | ((tick: number, _: UnusedParameter, ticks: Tick[]) => string);
+            display?: boolean | undefined;
+            color?: import('chart.js').ScriptableAndArray<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            padding?: number | undefined;
+            showLabelBackdrop?: import('chart.js').Scriptable<boolean, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+            textStrokeWidth?: import('chart.js').Scriptable<number, import('chart.js').ScriptableScaleContext> | undefined;
+            z?: number | undefined;
+            major?: {
+                enabled: boolean;
+            } | undefined;
+            sampleSize?: number | undefined;
+            align?: import('chart.js').Align | "inner" | undefined;
+            autoSkip?: boolean | undefined;
+            autoSkipPadding?: number | undefined;
+            crossAlign?: "center" | "near" | "far" | undefined;
+            includeBounds: boolean;
+            labelOffset?: number | undefined;
+            minRotation?: number | undefined;
+            maxRotation?: number | undefined;
+            mirror?: boolean | undefined;
+            maxTicksLimit?: number | undefined;
+            format?: Intl.NumberFormatOptions | undefined;
+            precision?: number | undefined;
+            stepSize?: number | undefined;
+            count?: number | undefined;
+        };
+        grid: {
+            lineTension?: number;
+            spanGaps?: boolean;
+            showDataLabels?: boolean;
+            showMinorGridlines?: boolean;
+        };
+    };
+};
+export default getLineChartScales;

package/dist/src/components/line-chart/utils/get-line-chart-tooltips.d.ts

@@ -0,0 +1,30 @@
+import { TooltipItem } from 'chart.js';
+import { ChartHoverMode } from '../../common/enums';
+import { ILineChartOptions } from '../line-chart.interface';
+export declare const getUnitsFromLabel: (label: string) => string;
+declare const getLineChartToolTips: (options: ILineChartOptions) => {
+    enabled: boolean;
+    callbacks: {};
+    mode?: undefined;
+    intersect?: undefined;
+    padding?: undefined;
+    usePointStyle?: undefined;
+    boxWidth?: undefined;
+    boxHeight?: undefined;
+    boxPadding?: undefined;
+} | {
+    enabled: boolean | undefined;
+    mode: ChartHoverMode;
+    intersect: boolean;
+    padding: number;
+    usePointStyle: boolean;
+    boxWidth: number;
+    boxHeight: number;
+    boxPadding: number;
+    callbacks: {
+        title: (() => void) | ((tooltipItem: TooltipItem<any>[]) => string);
+        label: (() => void) | ((tooltipItem: TooltipItem<any>) => string);
+        afterLabel: (() => void) | ((tooltipItem: Record<string, any>) => string);
+    };
+};
+export default getLineChartToolTips;

package/dist/src/components/line-chart/utils/line-chart-utils.d.ts

@@ -0,0 +1,24 @@
+import { TPrimitive } from '../../common/common.interface';
+import { IState } from '../state/state.interfaces';
+export declare const toNum: (value: string | number) => any;
+export declare const isLessThanMax: (value: string | number, max: string | number) => boolean;
+export declare const isGreaterThanMin: (value: string | number, min: string | number) => boolean;
+/**
+ *
+ * @param {'x'|'y'} axisType
+ * @param {number} [index] - axis index; optional, 0 by default
+ * @param {boolean} [hasMultiAxes] - optional, false by default
+ * @return {string} - e.g. x if chart has singular axes; x, x2 - in case of multiple axes
+ */
+export declare const generateAxisId: (axisType: string, index?: number, hasMultiAxes?: boolean) => string;
+/**
+ Get axis type from a key string.
+ @param {string} string - The key string to extract from.
+ @returns {string} e.g. x1 => x
+ */
+export declare const getAxisTypeFromKey: (string: string) => string;
+/**
+ * Checks if a value is a primitive value (which includes strings, numbers, booleans, and null).
+ */
+export declare const isPrimitiveValue: (value: TPrimitive) => value is string | number | boolean | null;
+export declare const getChartKey: (state: IState, languageKey: string) => string;