import { ChildProperty } from '@syncfusion/ej2-base';
import { Alignment, EmptyPointMode, PeriodSelectorPosition, RangeIntervalType, TextOverflow, TitlePosition } from '../utils/enum';
import { FadeOutMode, TooltipPosition } from '../../chart/utils/enum';
import { ConnectorType } from '../../accumulation-chart/model/enum';
import { BorderModel, FontModel, LocationModel, PeriodsModel, titleBorderModel, MarginModel, AccessibilityModel, GradientColorStopModel } from './base-model';
/**
 * The `Connector` class configures the appearance and properties of connectors in chart controls.
 */
export declare class Connector extends ChildProperty<Connector> {
    /**
     * Specifies the type of connector line.
     * The available types are:
     * * Smooth
     * * Line
     *
     * @default 'Line'
     */
    type: ConnectorType;
    /**
     * Specifies the color of the connector line, accepting values in hex or rgba as valid CSS color strings.
     *
     * @default null
     */
    color: string;
    /**
     * Specifies the width of the connector line in pixels.
     *
     * @default 1
     */
    width: number;
    /**
     * Specifies the length of the connector line in pixels.
     *
     * @default null
     */
    length: string;
    /**
     * Specifies the dash pattern of the connector line.
     *
     * @default ''
     */
    dashArray: string;
}
/**
 * Configures the location for the legend and tooltip in the chart.
 */
export declare class Location extends ChildProperty<Location> {
    /**
     * Specifies the X coordinate position of the legend or tooltip in pixels.
     *
     * @default 0
     */
    x: number;
    /**
     * Specifies the Y coordinate position of the legend or tooltip in pixels.
     *
     * @default 0
     */
    y: number;
}
/**
 * The `Accessibility` class configures accessibility options for chart controls.
 */
export declare class Accessibility extends ChildProperty<Accessibility> {
    /**
     * Specifies the accessibility description of the chart element. This description is typically read by screen readers to give context to users.
     *
     * @default null
     */
    accessibilityDescription: string;
    /**
     * Defines the accessibility role of the UI element, which helps screen readers understand the purpose of the element.
     *
     * @default null
     */
    accessibilityRole: string;
    /**
     * Determines whether the chart elements can receive focus.
     *
     * @default true
     */
    focusable: boolean;
    /**
     * Specifies the tab index for the chart elements.
     *
     * @default 0
     */
    tabIndex: number;
}
/**
 * The `SeriesAccessibility` class configures accessibility options specifically for chart series elements.
 */
export declare class SeriesAccessibility extends Accessibility {
    /**
     * Accessibility description format for the chart element.
     *
     * @default null
     */
    accessibilityDescriptionFormat: string;
}
/**
 * The `Font` class provides configuration options for customizing the fonts used in the charts.
 */
export declare class Font extends ChildProperty<Font> {
    /**
     * Specifies the style of the text.
     *
     * @default 'Normal'
     */
    fontStyle: string;
    /**
     * Specifies the size of the text.
     *
     * @default '16px'
     */
    size: string;
    /**
     * Specifies the font weight of the text.
     *
     * @default 'Normal'
     */
    fontWeight: string;
    /**
     * Specifies the color of the text.
     *
     * @default ''
     */
    color: string;
    /**
     * Specifies the alignment of the text.
     *
     * @default 'Center'
     */
    textAlignment: Alignment;
    /**
     * Specifies the font family for the text.
     */
    fontFamily: string;
    /**
     * Specifies the opacity level for the text.
     *
     * @default 1
     */
    opacity: number;
    /**
     * Specifies how the chart title text should handle overflow.
     *
     * @default 'Wrap'
     */
    textOverflow: TextOverflow;
}
/**
 * The `StackLabelsFont` class provides configuration options for customizing the font properties of stack labels in charts.
 */
export declare class StackLabelsFont extends ChildProperty<StackLabelsFont> {
    /**
     * Specifies the style of the text.
     *
     * @default 'Normal'
     */
    fontStyle: string;
    /**
     * Specifies the size of the text.
     *
     * @default '16px'
     */
    size: string;
    /**
     * Specifies the font weight of the text.
     *
     * @default 'Normal'
     */
    fontWeight: string;
    /**
     * Specifies the color of the text.
     *
     * @default ''
     */
    color: string;
    /**
     * Specifies the alignment of the text.
     *
     * @default 'Center'
     */
    textAlignment: Alignment;
    /**
     * Specifies the font family for the text.
     */
    fontFamily: string;
    /**
     * Specifies the opacity level for the text.
     *
     * @default 1
     */
    opacity: number;
}
/**
 * Options to customize the center label of the Pie and Donut charts.
 *
 * @default {}
 */
export declare class CenterLabel extends ChildProperty<CenterLabel> {
    /**
     * Defines the text to be placed at the center of the Pie and Donut chart.
     *
     * @default null
     */
    text: string;
    /**
     * Defines the font style for the center label of the Pie and Donut charts.
     */
    textStyle: FontModel;
    /**
     * Defines the format for the center label when the mouse hovers over the pie data.
     *
     * @default null
     */
    hoverTextFormat: string;
}
/**
 * The `Border` class provides configuration options for setting the borders in a chart.
 */
export declare class Border extends ChildProperty<Border> {
    /**
     * Specifies the color of the border, accepting values in hex or RGBA as valid CSS color strings.
     *
     * @default ''
     */
    color: string;
    /**
     * The width of the border in pixels.
     *
     * @default 1
     */
    width: number;
    /**
     * Sets the length of dashes in the stroke of border.
     *
     * @default ''
     */
    dashArray: string;
}
/**
 * The `Offset` class provides options to adjust the position of the marker relative to its default location.
 */
export declare class Offset extends ChildProperty<Offset> {
    /**
     * Specifies the x value of the marker's position.
     *
     * @default 0
     */
    x: number;
    /**
     * Specifies the y value of the marker's position.
     *
     * @default 0
     */
    y: number;
}
/**
 * The `Margin` class enables configuration of the space around the chart's content.
 */
export declare class Margin extends ChildProperty<Margin> {
    /**
     * The left margin of the chart, specified in pixels.
     *
     * @default 10
     */
    left: number;
    /**
     * The right margin of the chart, specified in pixels.
     *
     * @default 10
     */
    right: number;
    /**
     * The top margin of the chart, specified in pixels.
     *
     * @default 10
     */
    top: number;
    /**
     * The bottom margin of the chart, specified in pixels.
     *
     * @default 10
     */
    bottom: number;
}
/**
 * Configures the animation behavior for the chart series.
 */
export declare class Animation extends ChildProperty<Animation> {
    /**
     * If set to true, the series will be animated on initial loading.
     *
     * @default true
     */
    enable: boolean;
    /**
     * The duration of the animation in milliseconds.
     *
     * @default 1000
     */
    duration: number;
    /**
     * The option to delay the animation of the series, specified in milliseconds.
     *
     * @default 0
     */
    delay: number;
}
export declare class TooltipSettings extends ChildProperty<TooltipSettings> {
    /**
     * If set to true, enables tooltips for the data points.
     *
     * @default false.
     */
    enable: boolean;
    /**
     * If set to true, enables the marker in the chart tooltip.
     *
     * @default true.
     */
    enableMarker: boolean;
    /**
     * If set to true, a single tooltip will be displayed for each index.
     *
     * @default false.
     */
    shared: boolean;
    /**
     * Specifies whether to enable split tooltip support.
     * When set to `true`, tooltips will be displayed separately for each point in the series.
     *
     * @default false
     */
    split: boolean;
    /**
     * If true, the chart displays a tooltip for the data point nearest the cursor;
     *
     * @default false
     */
    followPointer: boolean;
    /**
     * The fill color of the tooltip, specified as a valid CSS color string in hex or rgba format.
     *
     * @default null
     */
    fill: string;
    /**
     * Customizes the header text for the tooltip. By default, this property displays the series name.
     *
     * @default null
     */
    header: string;
    /**
     * The opacity of the tooltip, expressed as a numerical value.
     *
     * @default null
     */
    opacity: number;
    /**
     * This property defines the font family, size, style, weight, and color for the tooltip text.
     */
    textStyle: FontModel;
    /**
     * Specifies the format for customizing the content of the tooltip.
     *
     * @default null.
     */
    format: string;
    /**
     * A custom template used to format the tooltip content. Use `${x}` and `${y}` as placeholders for the corresponding data points.
     *
     * @default null.
     * @aspType string
     */
    template: string | Function;
    /**
     * If set to true, the tooltip will animate as it moves from one point to another.
     *
     * @default true.
     */
    enableAnimation: boolean;
    /**
     * Duration of the tooltip animation, specified in milliseconds.
     *
     * @default 300
     */
    duration: number;
    /**
     * Duration of the fade-out animation for hiding the tooltip, in milliseconds.
     *
     * @default 1000
     */
    fadeOutDuration: number;
    /**
     * Specifies the mode for the fade-out animation when hiding the tooltip.
     *
     * @default Move
     */
    fadeOutMode: FadeOutMode;
    /**
     * Wraps the tooltip's long text based on the available space.
     > Note that this feature applies only to chart tooltips.
     *
     * @default false
     */
    enableTextWrap: boolean;
    /**
     * Specifies whether the nearest points should be included in the shared tooltip.
     * By default, the nearest data points are displayed.
     * Set this property to false to exclude the nearest point.
     *
     * @default true
     */
    showNearestPoint: boolean;
    /**
     * Specifies the gap (in pixels) between the tooltip and its
     * pointer or target element. Increasing this value
     * positions the tooltip farther away, improving clarity
     * and preventing overlap with chart or UI elements
     *
     * > Note: This property is supported only for Chart tooltips.
     * > It is not applicable to other components/modules.
     *
     * > Negative values are ignored.
     *
     * @default 0
     */
    distance: number;
    /**
     * Options for customizing the tooltip borders, including the color and width of the tooltip's border.
     */
    border: BorderModel;
    /**
     * Specifies the location of the tooltip relative to the chart.
     * If x is 20, the tooltip moves 20 pixels to the right of the chart.
     * ```html
     * <div id='Chart'></div>
     * ```
     * ```typescript
     * let chart: Chart = new Chart({
     * ...
     * tooltip: {
     *        enable: true,
     *        location: { x: 100, y: 150 }
     *  }
     * ...
     * });
     * chart.appendTo('#Chart');
     * ```
     */
    location: LocationModel;
    /**
     * When set to true, highlights all points in the hovered series while dimming points in other series for better focus and clarity.
     *
     * @default false.
     */
    enableHighlight: boolean;
    /**
     * Enables or disables the display of tooltips for the nearest data point to the cursor.
     *
     * @default false.
     */
    showNearestTooltip: boolean;
    /**
     * Specifies whether to display the header line in the tooltip.
     *
     * @default true
     */
    showHeaderLine: boolean;
}
/**
 * This class configures the appearance and behavior of points with empty data in the series.
 */
export declare class EmptyPointSettings extends ChildProperty<EmptyPointSettings> {
    /**
     * Customizes the fill color for empty points in the series.
     *
     * @default null
     */
    fill: string;
    /**
     * Options to customize the border for empty points in the series, including color and width.
     *
     * @default "{color: '', width: 0}"
     */
    border: BorderModel;
    /**
     * Defines the mode for handling empty or missing data points in the series.
     * The available modes are:
     * * Gap - Displays empty points as gaps in the series.
     * * Zero - Displays empty points as zero values.
     * * Drop - Ignores empty points while rendering the series.
     * * Average - Displays empty points as the average of the previous and next points.
     *
     * @default Gap
     */
    mode: EmptyPointMode;
}
/**
 * Specifies the indexes for the series and data points.
 *
 * @public
 */
export declare class Indexes extends ChildProperty<Indexes> {
    /**
     * Specifies the index of the series.
     *
     * @default 0
     * @aspType int
     */
    series: number;
    /**
     * Specifies the index of the data point within the series.
     *
     * @default 0
     * @aspType int
     */
    point: number;
}
/**
 * The `CornerRadius` class provides options to customize the rounding of the corners for columns in the column series.
 */
export declare class CornerRadius extends ChildProperty<CornerRadius> {
    /**
     * Specifies the top-left corner radius value.
     *
     * @default 0
     */
    topLeft: number;
    /**
     * Specifies the top-right corner radius value.
     *
     * @default 0
     */
    topRight: number;
    /**
     * Specifies the bottom-left corner radius value.
     *
     * @default 0
     */
    bottomLeft: number;
    /**
     * Specifies the bottom-right corner radius value.
     *
     * @default 0
     */
    bottomRight: number;
}
/**
 * Configures the padding around the chart legend container.
 */
export declare class ContainerPadding extends ChildProperty<ContainerPadding> {
    /**
     * Defines the left padding for the legend container in pixels.
     *
     * @default 0
     */
    left: number;
    /**
     * Defines the right padding for the legend container in pixels.
     *
     * @default 0
     */
    right: number;
    /**
     * Defines the top padding for the legend container in pixels.
     *
     * @default 0
     */
    top: number;
    /**
     * Defines the bottom padding for the legend container in pixels.
     *
     * @default 0
     */
    bottom: number;
}
/**
 * Configures the borders of the chart title and subtitle.
 */
export declare class titleBorder extends ChildProperty<titleBorder> {
    /**
     * The color of the border that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default 'transparent'
     */
    color: string;
    /**
     * The `width` property defines the thickness of the border surrounding the chart title and subtitle.
     *
     * @default 0
     */
    width: number;
    /**
     * Specifies the radius of the corners for the border.
     *
     * @default 0.8
     */
    cornerRadius: number;
}
/**
 * The `titleSettings` class provides options to customize the title and subtitle displayed in the chart.
 */
export declare class titleSettings extends ChildProperty<titleSettings> {
    /**
     * The `fontStyle` property specifies the style of the text used for the chart title and subtitle.
     *
     * @default 'Normal'
     */
    fontStyle: string;
    /**
     * Specifies the font size for the chart title and subtitle.
     *
     * @default '15px'
     */
    size: string;
    /**
     * The `fontWeight` property specifies the weight (thickness) of the text used for the chart title and subtitle.
     *
     * @default '500'
     */
    fontWeight: string;
    /**
     * The `color` property specifies the color of the text used for the chart title and subtitle.
     *
     * @default ''
     */
    color: string;
    /**
     * The `textAlignment` property determines how the text is aligned within the specified area.
     *
     * @default 'Center'
     */
    textAlignment: Alignment;
    /**
     * The `fontFamily` property specifies the font family for the text used in the chart title and subtitle.
     */
    fontFamily: string;
    /**
     * Specifies the opacity for the text.
     *
     * @default 1
     */
    opacity: number;
    /**
     * The `textOverflow` property determines how the text in the chart title and subtitle behaves when it exceeds the available space.
     *
     * @default 'Wrap'
     */
    textOverflow: TextOverflow;
    /**
     * Defines the position for the chart title and subtitle.
     * The available options are:
     * * Top: Displays the title and subtitle at the top of the chart.
     * * Left: Displays the title and subtitle at the left of the chart.
     * * Bottom: Displays the title and subtitle at the bottom of the chart.
     * * Right: Displays the title and subtitle at the right of the chart.
     * * Custom: Displays the title and subtitle based on the specified x and y values.
     *
     * @default 'Top'
     */
    position: TitlePosition;
    /**
     * Defines the X coordinate for the chart title and subtitle.
     *
     * @default 0
     */
    x: number;
    /**
     * Defines the Y coordinate for the chart title and subtitle.
     *
     * @default 0
     */
    y: number;
    /**
     * The `background` property sets the background color of the chart title and subtitle.
     *
     * @default 'transparent'
     */
    background: string;
    /**
     * The `border` property allows configuring the border settings for the chart title and subtitle.
     */
    border: titleBorderModel;
    /**
     * Options to improve accessibility for chart title and subtitle elements.
     */
    accessibility: AccessibilityModel;
}
/**
 * The `TitleStyleSettings` class provides options to customize the title and subtitle displayed in the accumulation chart.
 */
export declare class TitleStyleSettings extends Font {
    /**
     * Defines the position for the chart title and subtitle.
     * The available options are:
     * * Top: Displays the title and subtitle at the top of the accumulation chart.
     * * Left: Displays the title and subtitle at the left of the accumulation chart.
     * * Bottom: Displays the title and subtitle at the bottom of the accumulation chart.
     * * Right: Displays the title and subtitle at the right of the accumulation chart.
     * * Custom: Displays the title and subtitle based on the specified x and y values.
     *
     * @default 'Top'
     */
    position: TitlePosition;
    /**
     * Defines the X coordinate for the accumulation chart title and subtitle.
     *
     * @default 0
     */
    x: number;
    /**
     * Defines the Y coordinate for the accumulation chart title and subtitle.
     *
     * @default 0
     */
    y: number;
}
/**
 * The `ChartArea` class provides properties to customize the appearance and layout of the chart's display area.
 */
export declare class ChartArea extends ChildProperty<ChartArea> {
    /**
     * Options to customize the border of the chart area.
     */
    border: BorderModel;
    /**
     * The `background` property accepts both hex color codes and rgba color values for customizing the chart area's background.
     *
     * @default 'transparent'
     */
    background: string;
    /**
     * The `opacity` property controls the transparency of the background of the chart area.
     *
     * @default 1
     */
    opacity: number;
    /**
     * The background image of the chart area, specified as a URL or local image path.
     *
     * @default null
     */
    backgroundImage: string;
    /**
     * Defines the width of the chart area element.
     * Accepts values in `percentage` or `pixels`.
     *
     * @default null
     */
    width: string;
    /**
     * Defines the margin options for the chart area, specifying the space between the chart container and the chart area.
     * The margin object can customize the left, right, top, and bottom margins.
     *
     * @default {left: 0, right: 0, top: 0, bottom: 0}
     */
    margin: MarginModel;
}
/**
 * Configures the drag settings for series in the chart.
 */
export declare class DragSettings extends ChildProperty<DragSettings> {
    /**
     * If set to true, dragging of the points is enabled.
     * If set to false, dragging is disabled.
     *
     * @default false
     */
    enable: boolean;
    /**
     * Sets the minimum y-coordinate value that a point can be dragged to.
     *
     * @default null
     */
    minY: number;
    /**
     * Sets the maximum y-coordinate value that a point can be dragged to.
     *
     * @default null
     */
    maxY: number;
    /**
     * Sets the color of the point while it is being edited.
     *
     * @default null
     */
    fill: string;
}
/**
 * Configures the button settings in period selector.
 */
export declare class Periods extends ChildProperty<Periods> {
    /**
     * IntervalType of button.
     *
     * @default 'Years'
     */
    intervalType: RangeIntervalType;
    /**
     * Count value for the button.
     *
     * @default 1
     */
    interval: number;
    /**
     * Text to be displayed on the button.
     *
     * @default null
     */
    text: string;
    /**
     * To select the default period.
     *
     * @default false
     */
    selected: boolean;
}
/**
 * Configures the period selector settings.
 */
export declare class PeriodSelectorSettings extends ChildProperty<PeriodSelectorSettings> {
    /**
     * Height for the period selector.
     *
     * @default 43
     */
    height: number;
    /**
     * Vertical position of the period selector.
     *
     * @default 'Bottom'
     */
    position: PeriodSelectorPosition;
    /**
     * Specify the attributes of each period.
     */
    periods: PeriodsModel[];
}
export declare class StockTooltipSettings extends ChildProperty<StockTooltipSettings> {
    /**
     * Enables / Disables the visibility of the tooltip.
     *
     * @default false.
     */
    enable: boolean;
    /**
     * Enables / Disables the visibility of the marker.
     *
     * @default true.
     */
    enableMarker: boolean;
    /**
     * If set to true, a single ToolTip will be displayed for every index.
     *
     * @default false.
     */
    shared: boolean;
    /**
     * The fill color of the tooltip that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    fill: string;
    /**
     * Header for tooltip. By default, the shared tooltip displays the point x value and the series name for each individual tooltip.
     *
     * @default null
     */
    header: string;
    /**
     * The fill color of the tooltip that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default 0.75
     */
    opacity: number;
    /**
     * Options to customize the ToolTip text.
     */
    textStyle: FontModel;
    /**
     * Format the ToolTip content.
     *
     * @default null.
     */
    format: string;
    /**
     * Custom template to format the ToolTip content. Use ${x} and ${y} as the placeholder text to display the corresponding data point.
     *
     * @default null.
     * @aspType string
     */
    template: string | Function;
    /**
     * If set to true, ToolTip will animate while moving from one point to another.
     *
     * @default true.
     */
    enableAnimation: boolean;
    /**
     * Duration for the ToolTip animation.
     *
     * @default 300
     */
    duration: number;
    /**
     * Fade Out duration for the ToolTip hide.
     *
     * @default 1000
     */
    fadeOutDuration: number;
    /**
     * Fade Out duration for the Tooltip hide.
     *
     * @default Move
     */
    fadeOutMode: FadeOutMode;
    /**
     * To wrap the tooltip long text based on available space.
     * This is only application for chart tooltip.
     *
     * @default false
     */
    enableTextWrap: boolean;
    /**
     * By default, the nearest points will be included in the shared tooltip; however, you can set it to false to exclude the nearest value from the tooltip.
     *
     * @default true
     */
    showNearestPoint: boolean;
    /**
     * Options to customize tooltip borders.
     */
    border: BorderModel;
    /**
     * Specifies the tooltip position. They are:
     * * fixed - Place the tooltip in the fixed position.
     * * nearest- Tooltip moves along with the mouse.
     *
     * @default 'Fixed'
     */
    position: TooltipPosition;
    /**
     * Enables or disables the display of tooltips for the nearest data point to the cursor.
     *
     * @default false.
     */
    showNearestTooltip: boolean;
    /**
     * Specifies whether to display the header line in the tooltip.
     *
     * @default true
     */
    showHeaderLine: boolean;
}
/**
 * Represents a color stop in a gradient.
 */
export declare class GradientColorStop extends ChildProperty<GradientColorStop> {
    /**
     * The offset position of the color stop.
     *
     * @default 0
     */
    offset: number;
    /**
     * The color of the stop.
     *
     * @default ''
     */
    color: string;
    /**
     * The opacity of the color stop
     *
     * @default 1
     */
    opacity: number;
    /**
     * The brightness adjustment for the color.
     *
     * @default 0
     */
    brighten: number;
    /**
     * The lightness adjustment for the color.
     *
     * @default 0
     */
    lighten: number;
}
/**
 * Represents a linear gradient configuration.
 */
export declare class LinearGradient extends ChildProperty<LinearGradient> {
    /**
     * The x-coordinate of the gradient start point.
     *
     * @default 0
     */
    x1: number;
    /**
     * The y-coordinate of the gradient start point.
     *
     * @default 0
     */
    y1: number;
    /**
     * The x-coordinate of the gradient end point.
     *
     * @default 1
     */
    x2: number;
    /**
     * The y-coordinate of the gradient end point.
     *
     * @default 1
     */
    y2: number;
    /**
     * The collection of color stops in the gradient.
     */
    gradientColorStop: GradientColorStopModel[];
}
/**
 * Represents a radial gradient configuration.
 */
export declare class RadialGradient extends ChildProperty<RadialGradient> {
    /**
     * The x-coordinate of the radial gradient center.
     *
     * @default 0.5
     */
    cx: number;
    /**
     * The y-coordinate of the radial gradient center.
     *
     * @default 0.5
     */
    cy: number;
    /**
     * The radius of the radial gradient.
     *
     * @default 0.5
     */
    r: number;
    /**
     * The focal x-coordinate for the radial gradient.
     *
     * @default null
     */
    fx: number;
    /**
     * The focal y-coordinate for the radial gradient.
     *
     * @default null
     */
    fy: number;
    /**
     * The collection of color stops in the gradient.
     */
    gradientColorStop: GradientColorStopModel[];
}
/**
 * @private
 */
export declare class Index {
    series: number;
    point: number;
    constructor(seriesIndex: number, pointIndex?: number);
}