@oliasoft-open-source/charts-library 5.9.0-beta-5 → 5.9.0-beta-7

package/dist/index.d.ts

@@ -1 +1,973 @@
-export {}
+import { ChartDataset } from 'chart.js';
+import { ChartEvent } from 'chart.js';
+import { ChartTypeRegistry } from 'chart.js';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { LabelOptions } from 'chartjs-plugin-annotation';
+import { LinearScaleOptions } from 'chart.js';
+import { Plugin as Plugin_2 } from 'chart.js';
+import { ReactNode } from 'react';
+
+export declare enum AlignOptions {
+    End = "end",
+    Start = "start",
+    Center = "center",
+    Right = "right",
+    Left = "left"
+}
+
+export declare enum AnnotationType {
+    Box = "box",
+    Ellipse = "ellipse",
+    Line = "line",
+    Text = "text",
+    Label = "label"
+}
+
+export declare enum AxisType {
+    X = "x",
+    Y = "y"
+}
+
+export declare const BarChart: (props: IBarChartProps) => JSX_2.Element;
+
+export declare enum ChartDirection {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal",
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}
+
+export declare enum ChartHoverMode {
+    Nearest = "nearest"
+}
+
+export declare enum ChartType {
+    LINE = "line",
+    BAR = "bar",
+    PIE = "pie",
+    SCATTER = "scatter",
+    Line = "line",
+    Bar = "bar",
+    Pie = "pie",
+    Scatter = "scatter"
+}
+
+export declare const COLORS: string[];
+
+export declare enum CursorStyle {
+    Pointer = "pointer",
+    Initial = "initial",
+    Grab = "grab",
+    Grabbing = "grabbing",
+    Crosshair = "crosshair",
+    Move = "move"
+}
+
+export declare enum DragAxis {
+    X = "x",
+    Y = "y",
+    Both = "both"
+}
+
+export declare enum DraggableAnnotationType {
+    POINT = "point",
+    BOX = "box",
+    LINE = "line",
+    ELLIPSE = "ellipse",
+    LABEL = "label"
+}
+
+export declare enum Events {
+    Mousemove = "mousemove",
+    Mouseout = "mouseout",
+    Click = "click",
+    Touchstart = "touchstart",
+    Touchmove = "touchmove",
+    Dblclick = "dblclick"
+}
+
+export declare const getGroupedColorScheme: (length: number, startingColor: string) => string[];
+
+export declare enum GradientDirection {
+    TopToBottom = 0,
+    BottomToTop = 1,
+    LeftToRight = 2,
+    RightToLeft = 3,
+    TopLeftToBottomRight = 4,
+    BottomRightToTopLeft = 5,
+    BottomLeftToTopRight = 6,
+    TopRightToBottomLeft = 7
+}
+
+export declare interface IBarAdditionalAxesOptions extends ICommonAdditionalAxesOptions {
+    stackedX?: boolean;
+    stackedY?: boolean;
+}
+
+export declare interface IBarAxes {
+    x: ICommonAxis<'top' | 'bottom'>[];
+    y: ICommonAxis<'left' | 'right'>[];
+    [key: string]: ICommonAxis[];
+}
+
+export declare interface IBarChartBaseData {
+    labels: string[];
+    datasets: IBarChartDataset[];
+}
+
+export declare interface IBarChartData extends ICommonData {
+    testId?: string;
+    controlsPortalId?: string;
+    data: IBarChartBaseData;
+    options: IBarOptions;
+}
+
+export declare interface IBarChartDataset extends ICommonDataset {
+    isAnnotation?: boolean;
+    annotationIndex?: number;
+    borderSkipped?: boolean;
+    borderRadius?: number;
+    xAxisID?: string;
+    yAxisID?: string;
+    hidden?: boolean;
+    displayGroup?: string | number;
+    type?: ChartType.BAR;
+}
+
+export declare interface IBarChartProps {
+    chart: IBarChartData;
+}
+
+export declare interface IBarDefaultProps {
+    testId: string;
+    controlsPortalId: string;
+    data: IBarChartBaseData;
+    options: {
+        title?: string | string[];
+        direction: 'vertical' | 'horizontal';
+        axes: IBarAxes;
+        additionalAxesOptions: IBarAdditionalAxesOptions;
+        chartStyling: IBarStyling;
+        tooltip: ICommonTooltip;
+        graph: IChartGraph;
+        scales?: ICommonScales;
+        annotations: {
+            showAnnotations: boolean;
+            controlAnnotation: boolean;
+            annotationsData: ICommonAnnotationsData[];
+        };
+        legend: IBarLegend;
+        chartOptions: ICommonChartOptions;
+        interactions: ICommonInteractions;
+        dragData: ICommonDragData;
+    };
+}
+
+export declare interface IBarLegend extends ICommonLegend {
+    customLegend?: ICommonCustomLegend<any>;
+}
+
+export declare interface IBarOptions extends ICommonOptions {
+    direction: 'vertical' | 'horizontal';
+    axes: IBarAxes;
+    scales?: ICommonScales;
+    additionalAxesOptions?: IBarAdditionalAxesOptions;
+    chartStyling: IBarStyling;
+    graph?: ICommonGraph;
+    annotations?: ICommonAnnotations;
+    legend?: IBarLegend;
+    dragData?: ICommonDragData;
+}
+
+export declare interface IBarStyling extends ICommonStyling {
+    squareAspectRatio?: boolean;
+    layoutPadding?: string | number | {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+}
+
+export declare interface IChartDataLabelsOptions {
+    display?: 'auto' | boolean;
+    align?: 'center';
+    anchor?: 'center';
+    formatter?: (_value: any, context: any) => any;
+}
+
+export declare interface IChartGeneratedLabel {
+    text: string;
+    fillStyle: string;
+    strokeStyle: string;
+    index: number;
+}
+
+declare interface IChartGraph {
+    showMinorGridlines: boolean;
+}
+
+export declare interface IChartLegendItemFilter {
+    index: number;
+    datasetIndex: number;
+    hidden: boolean;
+}
+
+export declare interface ICommonAdditionalAxesOptions {
+    chartScaleType?: 'linear' | 'logarithmic';
+    reverse: boolean;
+    beginAtZero: boolean;
+    stepSize?: number;
+    stacked?: boolean;
+    suggestedMin?: number;
+    suggestedMax?: number;
+    min?: number;
+    max?: number;
+}
+
+export declare interface ICommonAnnotation {
+    showLabel: boolean;
+    text: string | string[];
+    position: string;
+    fontSize: number;
+    xOffset: number;
+    yOffset: number;
+    maxWidth: number;
+    lineHeight: number;
+}
+
+export declare interface ICommonAnnotationElement {
+    id?: string;
+    display: boolean;
+    annotationIndex: number;
+    label: {
+        options: LabelOptions;
+        content: string;
+    };
+    options: {
+        id?: string;
+        scaleID?: string;
+        borderColor?: string;
+        borderWidth?: number;
+        radius?: number;
+        label?: {
+            content?: string;
+            position?: string;
+            enabled?: boolean;
+            xAdjust?: number;
+        };
+    };
+}
+
+export declare interface ICommonAnnotations {
+    showAnnotations?: boolean;
+    controlAnnotation?: boolean;
+    enableDragAnnotation?: boolean;
+    enableCalloutAnnotation?: boolean;
+    verticalMarkersAnnotation?: IVerticalMarkersAnnotation;
+    annotationsData?: ICommonAnnotationsData[];
+    labelAnnotation?: ICommonAnnotation;
+}
+
+export declare interface ICommonAnnotationsData {
+    display?: boolean;
+    hideLegend?: boolean;
+    labelOffsetPx?: number;
+    id?: string;
+    adjustScaleRange: boolean;
+    annotationAxis: 'x' | 'y';
+    rotation: number;
+    color: string;
+    endValue: number;
+    borderWidth?: number;
+    backgroundColor?: string;
+    label: string;
+    labelConfig?: Record<string, any>;
+    type: DraggableAnnotationType;
+    value: number;
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+    xValue?: number;
+    yValue?: number;
+    radius?: number;
+    enableDrag?: boolean;
+    onDragStart?: (coordinates: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    onDrag?: (coordinates: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    onDragEnd?: (coordinates: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    dragAxis?: DragAxis;
+    pointStyle?: string;
+    resizable?: boolean;
+    dragRange?: {
+        x?: [number, number];
+        y?: [number, number];
+    };
+    displayDragCoordinates?: boolean;
+    xScaleID?: string;
+    yScaleID?: string;
+    opacity?: number;
+}
+
+export declare interface ICommonAxis<PositionType = any> {
+    label: string;
+    position: PositionType;
+    color: string | string[];
+    unit?: string;
+    gridLines?: boolean;
+    stepSize?: number;
+}
+
+export declare interface ICommonChartOptions {
+    enableZoom: boolean;
+    enablePan: boolean;
+}
+
+export declare interface ICommonChartPlugins {
+    legend: {
+        position: TAxisPosition;
+    };
+    title: {
+        display: boolean;
+        text: string;
+    };
+}
+
+export declare interface ICommonCustomLegend<T extends keyof ChartTypeRegistry> {
+    customLegendPlugin: Plugin_2<T> | null;
+    customLegendContainerID: string;
+}
+
+export declare interface ICommonData {
+    testId?: string;
+    data?: {
+        labels?: string[];
+        datasets?: ICommonDataset[];
+    };
+    options: ICommonOptions;
+}
+
+export declare interface ICommonDataset {
+    label?: string;
+    borderColor?: string;
+    backgroundColor?: string | string[];
+    borderWidth?: number;
+    data: ICommonDataValue[];
+    hidden?: boolean;
+}
+
+export declare interface ICommonDataValue {
+    x: number;
+    y: number;
+    label?: string;
+}
+
+export declare interface ICommonDragData {
+    enableDragData?: boolean;
+    showTooltip?: boolean;
+    roundPoints?: boolean;
+    dragX?: boolean;
+    dragY?: boolean;
+    onDragStart?: () => void;
+    onDrag?: () => void;
+    onDragEnd?: () => void;
+}
+
+export declare interface ICommonGradient {
+    display: boolean;
+    gradientColors?: ICommonGradientColor[];
+    direction?: GradientDirection;
+}
+
+export declare interface ICommonGradientColor {
+    offset: number;
+    color: string;
+}
+
+export declare interface ICommonGraph {
+    lineTension?: number;
+    spanGaps?: boolean;
+    showDataLabels?: boolean;
+    showMinorGridlines?: boolean;
+}
+
+export declare interface ICommonHoveredItems {
+    index: number;
+    datasetIndex: number;
+}
+
+export declare interface ICommonInteractions {
+    onLegendClick?: (text: string, hidden: boolean) => void;
+    onHover?: (event?: ChartEvent, datasetIndex?: number, index?: number, generatedDataset?: any[]) => void;
+    onUnhover?: (event?: ChartEvent, datasetIndex?: number, index?: number, generatedDataset?: any[]) => void;
+}
+
+export declare interface ICommonLegend {
+    display: boolean;
+    position: Position;
+    align: AlignOptions;
+}
+
+export declare interface ICommonOptions {
+    title?: string | string[];
+    chartStyling?: ICommonStyling;
+    tooltip?: ICommonTooltip;
+    legend?: ICommonLegend;
+    chartOptions?: ICommonChartOptions;
+    interactions?: ICommonInteractions;
+    dragData?: ICommonDragData;
+    annotations?: ICommonAnnotations;
+    plugins?: {
+        verticalMarkersPlugin?: {
+            enabled?: boolean;
+        };
+    };
+}
+
+export declare interface ICommonScales extends Partial<Record<string, LinearScaleOptions>> {
+    x: LinearScaleOptions;
+    y: LinearScaleOptions;
+}
+
+export declare interface ICommonStyling {
+    width?: number | string;
+    height?: number | string;
+    maintainAspectRatio?: boolean;
+    staticChartHeight?: boolean;
+    performanceMode?: boolean;
+    gradient?: ICommonGradient;
+}
+
+export declare interface ICommonTooltip {
+    tooltips: boolean;
+    showLabelsInTooltips: boolean;
+    scientificNotation: boolean;
+    callbacks?: ICommonTooltipCallbacks;
+}
+
+export declare interface ICommonTooltipCallbacks {
+    title?: () => void;
+    label?: () => void;
+    afterLabel?: () => void;
+}
+
+export declare interface ICoordinates {
+    x: number;
+    y: number;
+}
+
+export declare interface IDepthType {
+    options: string[];
+    selectedUnit: string;
+    setSelectedUnit: () => void;
+}
+
+export declare interface IGenerateBarChartDataset extends ChartDataset<'bar', ICommonDataValue[]> {
+    borderColor: string;
+    backgroundColor: string | string[];
+    borderDash?: number[];
+    borderWidth?: number;
+    annotationType?: string;
+    hideLegend?: boolean;
+    displayGroup?: string | number;
+    isAnnotation?: boolean;
+    annotationIndex?: number;
+}
+
+export declare interface IGeneratedLineChartDataset {
+    label?: string;
+    data: ICommonDataValue[];
+    showLine?: boolean;
+    lineTension: number;
+    spanGaps: boolean;
+    borderWidth: number;
+    borderDash: number[];
+    borderJoinStyle: 'round' | 'bevel' | 'miter';
+    borderColor: string;
+    backgroundColor: string | string[];
+    pointBackgroundColor: string;
+    pointRadius: number;
+    pointHoverRadius: number;
+    pointHitRadius: number;
+    isAnnotation?: boolean;
+    annotationType?: string;
+    annotationIndex?: number;
+    annotationLabel?: string;
+    annotationBackgroundColor?: string;
+    annotationPointBackgroundColor?: string;
+    annotationBorderColor?: string;
+    annotationBorderDash?: number[];
+    annotationBorderWidth?: number;
+    displayGroup?: string | number;
+    hideLegend?: boolean;
+    pointStyle?: string;
+    xAxisID?: string;
+    yAxisID?: string;
+}
+
+export declare interface IGeneratedPieChartDataset {
+    label: string;
+    backgroundColor: string[];
+    borderColor: string;
+    borderWidth: number;
+    borderDash: number[];
+    annotationType?: string;
+    data: IPieDataValue[];
+    hideLegend?: boolean;
+    displayGroup?: string | number;
+    isAnnotation?: boolean;
+    annotationIndex?: number;
+}
+
+export declare interface IGeneratedScatterChartDataset {
+    label: string;
+    backgroundColor: string[];
+    borderColor: string;
+    borderWidth: number;
+    borderDash: number[];
+    annotationType?: string;
+    data: IScatterDataValue[];
+    hideLegend?: boolean;
+    displayGroup?: string | number;
+    isAnnotation?: boolean;
+    annotationIndex?: number;
+}
+
+export declare interface ILChartOptions extends ICommonChartOptions {
+    showPoints: boolean;
+    closeOnOutsideClick: boolean;
+    showLine: boolean;
+    enableDragAnnotation?: boolean;
+}
+
+export declare interface ILineChartAdditionalAxesOptions {
+    chartScaleType: 'linear' | 'logarithmic';
+    reverse: boolean;
+    beginAtZero: boolean;
+    stepSize?: number;
+    suggestedMin?: number;
+    suggestedMax?: number;
+    range?: ILineRange;
+    autoAxisPadding: boolean;
+}
+
+export declare interface ILineChartAxes {
+    x: ILineChartAxis<'top' | 'bottom'>[];
+    y: ILineChartAxis<'left' | 'right'>[];
+    [key: string]: ILineChartAxis[];
+}
+
+export declare interface ILineChartAxis<PositionType = any> {
+    id?: string;
+    label: string;
+    position: PositionType;
+    color: string | string[];
+    unit?: IUnitOptions;
+    stepSize?: number;
+    gridLines?: ILineChartGraph;
+    min?: number | string;
+    max?: number | string;
+}
+
+export declare interface ILineChartData extends ICommonData {
+    data?: {
+        datasets: ILineChartDataset[];
+    };
+    options: ILineChartOptions;
+    persistenceId?: string;
+    controlsPortalId?: string;
+}
+
+export declare interface ILineChartDataset extends ICommonDataset {
+    lineTension?: number;
+    pointBackgroundColor?: string;
+    pointRadius?: number;
+    pointHoverRadius?: number;
+    pointHitRadius?: number;
+    fill?: boolean;
+    xAxisID?: string;
+    yAxisID?: string;
+    formation?: boolean;
+    displayGroup?: string | number;
+    pointStyle?: string;
+}
+
+export declare interface ILineChartGraph {
+    lineTension: number;
+    spanGaps: boolean;
+    showDataLabels: boolean;
+    showMinorGridlines: boolean;
+}
+
+export declare interface ILineChartOptions extends ICommonOptions {
+    title?: string | string[];
+    axes: ILineChartAxes;
+    scales: ICommonScales;
+    additionalAxesOptions: ILineChartAdditionalAxesOptions;
+    chartStyling: ILineChartStyling;
+    tooltip: ILineChartTooltip;
+    graph: ILineChartGraph;
+    annotations: ICommonAnnotations;
+    legend: ILineLegend;
+    chartOptions: ILChartOptions;
+    interactions: ILineInteractions;
+    dragData?: ICommonDragData;
+    depthType?: IDepthType | object;
+}
+
+export declare interface ILineChartProps {
+    chart: ILineChartData;
+    table?: ReactNode;
+    headerComponent?: ReactNode;
+    subheaderComponent?: ReactNode;
+}
+
+export declare interface ILineChartRange {
+    min: number;
+    max: number;
+}
+
+export declare interface ILineChartStyling extends ICommonStyling {
+    squareAspectRatio?: number | boolean;
+    layoutPadding?: number | {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+}
+
+export declare interface ILineChartTooltip extends ICommonTooltip {
+    hideSimulationName: boolean;
+    scientificNotation: boolean;
+}
+
+export declare interface ILineInteractions extends ICommonInteractions {
+    onAnimationComplete?: () => void;
+}
+
+export declare interface ILineLegend extends ICommonLegend {
+    customLegend?: ICommonCustomLegend<any>;
+    usePointStyle?: boolean;
+}
+
+export declare interface ILineRange {
+    [key: string]: ILineChartRange;
+}
+
+/**
+ * Initialize the charts library with the provided configurations.
+ * This function will store the configuration options in a config object.
+ * @param {object} options - An object containing the configuration options for the library.
+ * @param {object} options.translations - The translations to be used in the library.
+ * @param {string} options.languageKey - The language key to be stored in the config object, used for translations.
+ * @param {...object} options - Any additional options to be stored in the config object.
+ */
+export declare const initializeLineChart: ({ languageKey, ...options }: {
+    [x: string]: any;
+    languageKey?: string | undefined;
+}) => void;
+
+export declare interface IPieChartData extends ICommonData {
+    data: IPieData;
+    options: IPieOptions;
+}
+
+export declare interface IPieChartDataset extends ICommonDataset {
+    data: IPieDataValue[];
+    hideLegend?: boolean;
+}
+
+export declare interface IPieChartProps {
+    chart: IPieChartData;
+    testId?: string | null;
+}
+
+export declare interface IPieData {
+    labels?: string[];
+    datasets?: IPieChartDataset[];
+    xUnit?: string;
+    yUnit?: string;
+}
+
+export declare interface IPieDataValue extends ICommonDataValue {
+    label: string;
+    borderWidth: string | number;
+    value: number;
+    backgroundColor?: string | string[];
+    borderColor?: string;
+    labels: string[];
+}
+
+export declare type IPieGeneratedLabel = IChartGeneratedLabel;
+
+export declare interface IPieGraph {
+    showDataLabels?: boolean;
+    stacked?: boolean;
+    cutout?: number | string;
+}
+
+export declare interface IPieLegend extends ICommonLegend {
+    useDataset?: boolean;
+}
+
+export declare type IPieLegendItemFilter = IChartLegendItemFilter;
+
+export declare interface IPieOptions extends ICommonOptions {
+    graph?: IPieGraph;
+    legend?: IPieLegend;
+}
+
+export declare type IPiesDataLabelsOptions = IChartDataLabelsOptions;
+
+export declare interface IScatterAxes {
+    x: ICommonAxis<'top' | 'bottom'>[];
+    y: ICommonAxis<'left' | 'right'>[];
+    [key: string]: ICommonAxis[];
+}
+
+export declare interface IScatterChartData extends ICommonData {
+    data: IScatterData;
+    options: IScatterOptions;
+}
+
+export declare interface IScatterChartDataset extends ICommonDataset {
+    data: IScatterDataValue[];
+    hideLegend?: boolean;
+}
+
+export declare interface IScatterChartProps {
+    chart: IScatterChartData;
+    testId?: string | null;
+}
+
+export declare interface IScatterData {
+    labels?: string[];
+    datasets?: IScatterChartDataset[];
+    xUnit?: string;
+    yUnit?: string;
+}
+
+export declare type IScatterDataLabelsOptions = IChartDataLabelsOptions;
+
+export declare interface IScatterDataValue extends ICommonDataValue {
+    label?: string;
+}
+
+export declare type IScatterGeneratedLabel = IChartGeneratedLabel;
+
+export declare interface IScatterGraph {
+    showMinorGridlines?: boolean;
+    showDataLabels?: boolean;
+}
+
+export declare interface IScatterLegend extends ICommonLegend {
+    useDataset?: boolean;
+}
+
+export declare type IScatterLegendItemFilter = IChartLegendItemFilter;
+
+export declare interface IScatterOptions extends ICommonOptions {
+    graph?: IScatterGraph;
+    legend?: IScatterLegend;
+    axes?: IScatterAxes;
+    additionalAxesOptions?: ICommonAdditionalAxesOptions;
+    direction: ChartDirection;
+}
+
+export declare interface IScatterTooltip {
+    enabled?: boolean;
+    tooltips?: boolean;
+    showLabelsInTooltips: boolean;
+    backgroundColor?: string;
+    displayColors?: boolean;
+    scientificNotation?: boolean;
+}
+
+export declare interface IUnitOptions {
+    options: string[];
+    selectedUnit: string;
+    setSelectedUnit: () => void;
+}
+
+export declare type IVerticalMarkersAnnotation = TVerticalMarkersOptions;
+
+export declare enum Key {
+    Shift = "Shift"
+}
+
+export declare const LineChart: (props: ILineChartProps) => JSX_2.Element;
+
+export declare enum PanZoomMode {
+    X = "x",
+    Y = "y",
+    XY = "xy",
+    Z = "z"
+}
+
+export declare const PieChart: (props: IPieChartProps) => JSX_2.Element;
+
+export declare enum PointStyle {
+    Circle = "circle",
+    Square = "rect",
+    Diamond = "rectRot",
+    Triangle = "triangle"
+}
+
+export declare enum PointType {
+    Casing = "casing"
+}
+
+export declare enum Position {
+    Bottom = "bottom",
+    Top = "top",
+    Left = "left",
+    Right = "right",
+    TopRight = "top-right",
+    TopLeft = "top-left",
+    BottomLeft = "bottom-left",
+    BottomRight = "bottom-right"
+}
+
+export declare enum ScaleType {
+    Category = "category",
+    Linear = "linear",
+    Logarithmic = "logarithmic"
+}
+
+export declare const ScatterChart: (props: IScatterChartProps) => JSX_2.Element;
+
+export declare type TAxisPosition = 'top' | 'bottom' | 'left' | 'right';
+
+export declare type TGenerateBarChartDatasets = IGenerateBarChartDataset[];
+
+export declare type TGeneratedLineChartDatasets = IGeneratedLineChartDataset[];
+
+export declare type TGeneratedPieChartDatasets = IGeneratedPieChartDataset[];
+
+export declare type TGeneratedScatterChartDatasets = IGeneratedScatterChartDataset[];
+
+export declare enum TooltipLabel {
+    Y = "yLabel",
+    X = "xLabel"
+}
+
+export declare type TPrimitive = string | number | boolean | null;
+
+export declare type TStickSide = 'left' | 'right';
+
+export declare type TVerticalMarkerItem = {
+    id?: string;
+    xScaleID?: string;
+    yScaleID?: string;
+    xValue?: number;
+    yStartValue?: number;
+    value?: number;
+    label?: string | string[];
+    font?: string;
+    labelOffsetPx?: number;
+    stickToEdge?: boolean;
+    stickSide?: TStickSide;
+    reverse?: boolean;
+    color?: string;
+    opacity?: number;
+    lineWidth?: number;
+    lineDash?: number[];
+    display?: boolean;
+};
+
+export declare type TVerticalMarkersOptions = {
+    enabled?: boolean;
+    itemGapPx?: number;
+    edgePaddingPx?: number;
+    stickToEdge?: boolean;
+    stickSide?: TStickSide;
+    reverse?: boolean;
+    xValue?: number;
+    yStartValue?: number;
+    color?: string;
+    opacity?: number;
+    lineWidth?: number;
+    lineDash?: number[];
+    items?: TVerticalMarkerItem[];
+};
+
+export declare type TVerticalMarkerTick = {
+    label?: string | string[];
+    color?: string;
+    font?: string;
+    labelOffsetPx?: number;
+};
+
+export declare type UnusedParameter = unknown | any;
+
+export { }
+
+
+/**
+ * Vertical Markers Plugin
+ *
+ * This plugin draws vertical helper lines on top of the chart.
+ * with a small triangle end cap ("boot") and a text label.
+ *
+ * Where to configure:
+ * - Enable switch: options.plugins.verticalMarkersPlugin.enabled
+ * - Data and style: options.annotations.verticalMarkersAnnotation
+ *
+ * Global props (verticalMarkersAnnotation):
+ * - enabled: Turn markers on or off.
+ * - items: List of marker objects to draw.
+ * - itemGapPx: Space in pixels between marker lines.
+ * - edgePaddingPx: Distance from chart left/right edge when sticky mode is used.
+ * - stickToEdge: If true, use chart edge as base X position.
+ * - stickSide: Which edge to use in sticky mode: 'left' or 'right'.
+ * - xValue: Optional base X value from the X scale (used instead of edge).
+ * - yStartValue: Optional start Y value for all lines (if not set, start from top;
+ *   if reverse is true, start from bottom).
+ * - reverse: If true, lines go from bottom to top. If false, top to bottom.
+ * - color: Default line and triangle color.
+ * - opacity: Default line opacity.
+ * - lineWidth: Default line width.
+ * - lineDash: Default dash pattern for lines.
+ *
+ * Item props (each object in items):
+ * - value: Required Y value where the marker line ends and triangle is placed.
+ * - label: Optional text near the triangle.
+ * - display: Show or hide this item.
+ * - stickToEdge: Per-item override of global stickToEdge.
+ * - stickSide: Per-item override of global stickSide.
+ * - xValue: Per-item override of global xValue.
+ * - yStartValue: Per-item override of global yStartValue.
+ * - reverse: Per-item override of global reverse.
+ * - color: Per-item override of global color.
+ * - opacity: Per-item override of global opacity.
+ * - lineWidth: Per-item override of global lineWidth.
+ * - lineDash: Per-item override of global lineDash.
+ * - font: Optional label font.
+ * - labelOffsetPx: Optional label offset in pixels.
+ * - xScaleID: Optional custom X scale id for xValue conversion.
+ * - yScaleID: Optional custom Y scale id for value conversion.
+ */
+declare module 'chart.js' {
+    interface PluginOptionsByType<TType extends ChartType> {
+        verticalMarkersPlugin?: {
+            enabled?: boolean;
+        } | TVerticalMarkersOptions;
+    }
+}
+
+
+declare module 'chart.js' {
+    interface PluginOptionsByType<TType extends ChartType> {
+        annotationDraggerPlugin?: AnnotationDraggerPluginOptions;
+    }
+}
+
+
+declare module 'chart.js' {
+    interface PluginOptionsByType<TType extends ChartType> {
+        calloutConnectorPlugin?: {
+            enableCalloutAnnotation?: boolean;
+        };
+    }
+}