mdt-charts 1.29.0 → 1.30.0

package/lib/config/config.d.ts

@@ -2,331 +2,323 @@ declare type DataType = string;
 export declare type MdtChartsIconElement = () => HTMLElement;
 export declare type AxisPosition = "start" | "end";
 export declare type ChartOrientation = "vertical" | "horizontal";
-export declare type ChartNotation = "2d" | "polar" | "interval";
+export declare type ChartNotation = "2d" | "polar";
 export declare type ChartType = "bar" | "line" | "area" | "donut" | "gantt";
 export declare type TwoDimensionalChartType = "line" | "bar" | "area" | "dot";
 export declare type PolarChartType = "donut";
-export declare type IntervalChartType = "gantt";
 export declare type EmbeddedLabelType = "none" | "key" | "value";
 export declare type ValueLabelsCollisionMode = "none" | "hide";
 export declare type TwoDimLegendPosition = "top" | "bottom";
 export declare type MdtChartsDataRow = {
-	[field: string]: any;
+    [field: string]: any;
 };
 export declare type MdtChartsColorName = string;
 export interface MdtChartsColorRangeItem {
-	color: MdtChartsColorName;
-	value?: number;
+    color: MdtChartsColorName;
+    value?: number;
 }
 export interface MdtChartsDataSource {
-	[source: string]: MdtChartsDataRow[];
+    [source: string]: MdtChartsDataRow[];
 }
 export declare type AxisLabelPosition = "straight" | "rotated";
-export declare type MdtChartsConfigOptions =
-	| MdtChartsPolarOptions
-	| MdtChartsTwoDimensionalOptions
-	| MdtChartsIntervalOptions;
+export declare type MdtChartsConfigOptions = MdtChartsPolarOptions | MdtChartsTwoDimensionalOptions;
 export interface MdtChartsConfig {
-	canvas: ChartBlockCanvas;
-	options: MdtChartsConfigOptions;
+    canvas: ChartBlockCanvas;
+    options: MdtChartsConfigOptions;
 }
 export interface ChartBlockCanvas {
-	size: Size;
-	class: string;
+    size: Size;
+    class: string;
 }
 export interface Size {
-	width: number;
-	height: number;
+    width: number;
+    height: number;
 }
 export interface NewSize {
-	width?: number;
-	height?: number;
+    width?: number;
+    height?: number;
 }
-interface BasicOptions {
-	tooltip?: TooltipOptions;
-	data: MdtChartsBasicDataOptions;
-}
-interface GraphicNotationOptions extends BasicOptions {
-	data: DataOptions;
-	legend: MdtChartsTwoDimLegend;
-	title?: Title;
-	selectable: boolean;
+interface GraphicNotationOptions {
+    data: DataOptions;
+    legend: MdtChartsTwoDimLegend;
+    title?: Title;
+    selectable: boolean;
+    tooltip?: TooltipOptions;
+    recordOverflowAlert?: RecordOverflowAlertOptions;
 }
 export interface MdtChartsTwoDimensionalOptions extends GraphicNotationOptions {
-	type: "2d";
-	axis: TwoDimensionalAxis;
-	additionalElements: AdditionalElements;
-	charts: MdtChartsTwoDimensionalChart[];
-	orientation: ChartOrientation;
-	valueLabels?: MdtChartsTwoDimensionalValueLabels;
+    type: "2d";
+    axis: TwoDimensionalAxis;
+    additionalElements: AdditionalElements;
+    charts: MdtChartsTwoDimensionalChart[];
+    orientation: ChartOrientation;
+    valueLabels?: MdtChartsTwoDimensionalValueLabels;
 }
 export interface MdtChartsPolarOptions extends GraphicNotationOptions {
-	type: "polar";
-	chart: PolarChart;
-}
-export interface MdtChartsIntervalOptions extends GraphicNotationOptions {
-	type: "interval";
-	axis: IntervalAxis;
-	chart: IntervalChart;
-	additionalElements: AdditionalElements;
-	orientation: ChartOrientation;
+    type: "polar";
+    chart: PolarChart;
 }
 export interface Legend {
-	show: boolean;
+    show: boolean;
 }
 export interface MdtChartsTwoDimLegend extends Legend {
-	position?: TwoDimLegendPosition;
+    position?: TwoDimLegendPosition;
+}
+export interface RecordOverflowAlertOptions {
+    textContent: RecordOverflowBlockTextContent;
+}
+export interface RecordOverflowVariationTextContent {
+    one: string;
+    twoToFour: string;
+    tenToTwenty: string;
+    other: string;
+}
+export interface RecordOverflowFunctionTextContent {
+    create: (overflowRecordsAmount: number) => string;
 }
+export declare type RecordOverflowBlockTextContent = RecordOverflowVariationTextContent | RecordOverflowFunctionTextContent;
 export interface TitleFunctionParams {
-	data: MdtChartsDataRow[];
+    data: MdtChartsDataRow[];
 }
 export interface TitleFunc {
-	(params: TitleFunctionParams): string;
+    (params: TitleFunctionParams): string;
 }
 export interface TitleObj {
-	text: string | TitleFunc;
-	fontSize?: number;
+    text: string | TitleFunc;
+    fontSize?: number;
 }
 export declare type Title = string | TitleFunc | TitleObj;
 export interface MdtChartsBasicDataOptions {
-	dataSource: string;
+    dataSource: string;
 }
 export interface DataOptions {
-	dataSource: string;
-	keyField: MdtChartsField;
-	maxRecordsAmount?: number;
+    dataSource: string;
+    keyField: MdtChartsField;
+    maxRecordsAmount?: number;
 }
 export declare type MdtChartsFieldName = string;
 export interface MdtChartsField {
-	name: MdtChartsFieldName;
-	format: DataType;
+    name: MdtChartsFieldName;
+    format: DataType;
 }
 export interface MdtChartsValueField extends MdtChartsField {
-	title: string;
+    title: string;
 }
 export interface TwoDimValueField extends MdtChartsValueField {
-	color?: string;
+    color?: string;
 }
 export interface TooltipOptions {
-	html?: TooltipHtml;
-	aggregator?: TooltipAggregator;
-	formatValue?: TooltipFormatValue;
+    html?: TooltipHtml;
+    aggregator?: TooltipAggregator;
+    formatValue?: TooltipFormatValue;
 }
 export declare type TooltipHtml = (dataRow: MdtChartsDataRow) => string;
 export interface TooltipAggregator {
-	content: (options: { row: MdtChartsDataRow }) => TooltipAggregatorContent;
-	position?: "underKey" | "underValues";
-}
-export declare type TooltipAggregatorContent =
-	| {
-			type: "plainText";
-			textContent: string;
-	  }
-	| {
-			type: "captionValue";
-			caption: string;
-			value: any;
-	  };
+    content: (options: {
+        row: MdtChartsDataRow;
+    }) => TooltipAggregatorContent;
+    position?: "underKey" | "underValues";
+}
+export declare type TooltipAggregatorContent = {
+    type: "plainText";
+    textContent: string;
+} | {
+    type: "captionValue";
+    caption: string;
+    value: any;
+};
 export declare type TooltipFormatValue = (params: {
-	rawValue: number | null | undefined;
-	autoFormattedValue: string;
+    rawValue: number | null | undefined;
+    autoFormattedValue: string;
 }) => string;
 export interface AdditionalElements {
-	gridLine: GridLineOptions;
+    gridLine: GridLineOptions;
 }
 interface GridLineOptions {
-	flag: GridLineFlag;
-	styles?: GridLineStyles;
+    flag: GridLineFlag;
+    styles?: GridLineStyles;
 }
 interface GridLineFlag {
-	key: boolean;
-	value: boolean;
+    key: boolean;
+    value: boolean;
 }
 interface GridLineStyles {
-	dash?: GridLineStylesDash;
+    dash?: GridLineStylesDash;
 }
 interface GridLineStylesDash {
-	on?: boolean;
+    on?: boolean;
 }
 export interface TwoDimensionalAxis {
-	key: DiscreteAxisOptions;
-	value: NumberAxisOptions;
-	valueSecondary?: NumberSecondaryAxisOptions;
+    key: DiscreteAxisOptions;
+    value: NumberAxisOptions;
+    valueSecondary?: NumberSecondaryAxisOptions;
 }
 export declare type NumberSecondaryAxisOptions = Omit<NumberAxisOptions, "position">;
 export interface AxisOptions {
-	visibility: boolean;
-	position: AxisPosition;
-	ticks: AxisTicks;
-	line?: AxisLineOptions;
+    visibility: boolean;
+    position: AxisPosition;
+    ticks: AxisTicks;
+    line?: AxisLineOptions;
 }
 interface AxisTicks {
-	flag: boolean;
+    flag: boolean;
 }
 interface AxisLineOptions {
-	/** @default true */
-	visible?: boolean;
+    /** @default true */
+    visible?: boolean;
 }
 export interface NumberAxisOptions extends AxisOptions {
-	domain: AxisNumberDomain;
-	labels?: NumberAxisLabel;
+    domain: AxisNumberDomain;
+    labels?: NumberAxisLabel;
 }
 export interface NumberDomain {
-	start: number;
-	end: number;
+    start: number;
+    end: number;
 }
 export interface AxisDomainFunctionParams {
-	data: MdtChartsDataRow[];
+    data: MdtChartsDataRow[];
 }
 export declare type AxisDomainFunction = (params: AxisDomainFunctionParams) => NumberDomain;
 export declare type AxisNumberDomain = NumberDomain | AxisDomainFunction;
 export interface NumberAxisLabel {
-	format: (v: number) => string;
-	stepSize?: number;
+    format: (v: number) => string;
+    stepSize?: number;
 }
 export declare type AxisLabelFormatter = (v: number | string) => string;
 export interface DiscreteAxisOptions extends AxisOptions {
-	labels?: MdtChartsDiscreteAxisLabel;
+    labels?: MdtChartsDiscreteAxisLabel;
 }
 export interface MdtChartsDiscreteAxisLabel {
-	position?: AxisLabelPosition;
-	showRule?: MdtChartsShowAxisLabelRule;
+    position?: AxisLabelPosition;
+    showRule?: MdtChartsShowAxisLabelRule;
 }
 export declare type ShowTickFn = (dataKey: string, index: number) => string | undefined;
 export interface MdtChartsShowAxisLabelRule {
-	spaceForOneLabel?: number;
-	showTickFn?: ShowTickFn;
+    spaceForOneLabel?: number;
+    showTickFn?: ShowTickFn;
 }
 export interface MdtChartsTwoDimensionalValueLabels {
-	collision?: ValueLabelsCollision;
-	style?: ValueLabelsStyleOptions;
+    collision?: ValueLabelsCollision;
+    style?: ValueLabelsStyleOptions;
 }
 export interface ValueLabelsCollision {
-	otherValueLabels: OtherValueLabels;
+    otherValueLabels: OtherValueLabels;
 }
 export interface OtherValueLabels {
-	mode: ValueLabelsCollisionMode;
+    mode: ValueLabelsCollisionMode;
 }
 export interface ValueLabelsStyleOptions {
-	cssClassName?: string;
-	fontSize?: number;
-	color?: string;
-}
-export interface IntervalAxis {
-	key: DiscreteAxisOptions;
-	value: DateAxisOptions;
+    cssClassName?: string;
+    fontSize?: number;
+    color?: string;
 }
-interface DateAxisOptions extends AxisOptions {}
 interface MdtChartsLineLikeChart {
-	markers: MarkersOptions;
-	lineStyles?: MdtChartsLineLikeChartStyles;
-	areaStyles?: MdtChartsLineLikeChartAreaStyles;
+    markers: MarkersOptions;
+    lineStyles?: MdtChartsLineLikeChartStyles;
+    areaStyles?: MdtChartsLineLikeChartAreaStyles;
 }
 export interface MdtChartsLineLikeChartStyles {
-	dash?: MdtChartsLineLikeChartDashedStyles;
-	/**
-	 * @default 2
-	 */
-	width?: number;
+    dash?: MdtChartsLineLikeChartDashedStyles;
+    /**
+     * @default 2
+     */
+    width?: number;
 }
 export interface MdtChartsLineLikeChartDashedStyles {
-	on: boolean;
-	dashSize?: number;
-	gapSize?: number;
+    on: boolean;
+    dashSize?: number;
+    gapSize?: number;
 }
 export interface MdtChartsLineLikeChartAreaStyles {
-	gradient?: AreaStylesGradient;
-	borderLine?: AreaStylesBorderLine;
+    gradient?: AreaStylesGradient;
+    borderLine?: AreaStylesBorderLine;
 }
 export interface AreaStylesGradient {
-	on: boolean;
+    on: boolean;
 }
 export interface AreaStylesBorderLine {
-	on: boolean;
+    on: boolean;
 }
 interface MdtChartsBarLikeChart {
-	barStyles?: MdtChartsBarLikeChartStyles;
-	embeddedLabels: EmbeddedLabelType;
+    barStyles?: MdtChartsBarLikeChartStyles;
+    embeddedLabels: EmbeddedLabelType;
 }
 export interface MdtChartsBarLikeChartStyles {
-	hatch?: MdtChartsBarLikeChartHatchedStyles;
-	borderRadius?: MdtChartsBarLikeChartBorderRadius;
+    hatch?: MdtChartsBarLikeChartHatchedStyles;
+    borderRadius?: MdtChartsBarLikeChartBorderRadius;
 }
 interface MdtChartsBarLikeChartBorderRadius {
-	/**
-	 * @default 2
-	 */
-	value?: number;
+    /**
+     * @default 2
+     */
+    value?: number;
 }
 interface MdtChartsBarLikeChartHatchedStyles {
-	on: boolean;
+    on: boolean;
 }
 interface MdtChartsDotChart {
-	/** @alpha */
-	dotLikeStyles?: MdtChartsDotLikeChartStyles;
+    /** @alpha */
+    dotLikeStyles?: MdtChartsDotLikeChartStyles;
 }
 interface MdtChartsDotLikeChartStyles {
-	shape?: MdtChartsDotLikeChartShape;
+    shape?: MdtChartsDotLikeChartShape;
 }
 interface MdtChartsDotLikeChartShape {
-	type: "line";
-	width?: number;
+    type: "line";
+    width?: number;
 }
 export interface MdtChartsTwoDimensionalChart extends MdtChartsLineLikeChart, MdtChartsBarLikeChart, MdtChartsDotChart {
-	/** @alpha dot type has no full support */
-	type: TwoDimensionalChartType;
-	data: TwoDimensionalChartData;
-	isSegmented: boolean;
-	valueLabels?: TwoDimensionalChartValueLabels;
+    /** @alpha dot type has no full support */
+    type: TwoDimensionalChartType;
+    data: TwoDimensionalChartData;
+    isSegmented: boolean;
+    valueLabels?: TwoDimensionalChartValueLabels;
 }
 export interface PolarChart {
-	type: PolarChartType;
-	data: PolarChartData;
-	aggregator?: MdtChartsDonutAggregator;
-}
-export interface IntervalChart {
-	type: IntervalChartType;
-	data: IntervalChartData;
+    type: PolarChartType;
+    data: PolarChartData;
+    aggregator?: MdtChartsDonutAggregator;
 }
 export interface TwoDimensionalChartData {
-	valueFields: TwoDimValueField[];
-	valueGroup?: TwoDimensionalValueGroup;
+    valueFields: TwoDimValueField[];
+    valueGroup?: TwoDimensionalValueGroup;
 }
 export declare type ValueLabelsPositionMode = "after" | "center";
 export interface TwoDimensionalChartValueLabels {
-	on: boolean;
-	position?: {
-		mode?: ValueLabelsPositionMode;
-	};
-	format?: ValueLabelsFormatter;
-	rotation?: ValueLabelsRotationOptions;
-	handleElement?: (elInfo: { element: SVGTextElement; value: number }) => void;
-}
+    on: boolean;
+    position?: {
+        mode?: ValueLabelsPositionMode;
+    };
+    format?: ValueLabelsFormatter;
+    rotation?: ValueLabelsRotationOptions;
+    handleElement?: ValueLabelsHandleElement;
+}
+export declare type ValueLabelsHandleElement = (elInfo: {
+    element: SVGTextElement;
+    value: number;
+    dataRow: MdtChartsDataRow;
+}) => void;
 export interface ValueLabelsRotationOptions {
-	angle?: number;
+    angle?: number;
 }
 export declare type ValueLabelsFormatter = (value: number) => string;
 export declare type TwoDimensionalValueGroup = "main" | "secondary";
 interface MarkersOptions {
-	show: boolean;
+    show: boolean;
 }
 export declare type MdtChartsColorField = string;
 export interface PolarChartData {
-	valueField: MdtChartsValueField;
-	colorField?: MdtChartsColorField;
+    valueField: MdtChartsValueField;
+    colorField?: MdtChartsColorField;
 }
 export interface MdtChartsDonutAggregator {
-	content?: (model: MdtChartsAggregatorModel) => MdtChartsAggregatorContent;
+    content?: (model: MdtChartsAggregatorModel) => MdtChartsAggregatorContent;
 }
 export interface MdtChartsAggregatorModel {
-	data: MdtChartsDataRow[];
+    data: MdtChartsDataRow[];
 }
 export interface MdtChartsAggregatorContent {
-	value?: string | number;
-	title?: string;
-}
-interface IntervalChartData {
-	valueField1: MdtChartsValueField;
-	valueField2: MdtChartsValueField;
+    value?: string | number;
+    title?: string;
 }
 export {};

package/lib/designer/designerConfig.d.ts

@@ -1,106 +1,103 @@
 export declare type DataType = string;
 export declare type DataTypeOptions = {
-	[option: string]: any;
+    [option: string]: any;
 };
-export declare type Formatter = (
-	value: any,
-	options?: {
-		type?: string;
-		title?: string;
-		empty?: string;
-	}
-) => string;
+export declare type Formatter = (value: any, options?: {
+    type?: string;
+    title?: string;
+    empty?: string;
+}) => string;
 export declare type TooltipPosition = "followCursor" | "fixed";
 export interface DesignerConfig {
-	canvas: Canvas;
-	dataFormat: DataFormat;
-	chartStyle: ChartStyleConfig;
-	elementsOptions: ElementsOptions;
-	transitions?: Transitions;
+    canvas: Canvas;
+    dataFormat: DataFormat;
+    chartStyle: ChartStyleConfig;
+    elementsOptions: ElementsOptions;
+    transitions?: Transitions;
 }
 interface Canvas {
-	axisLabel: AxisLabelCanvas;
-	chartBlockMargin: BlockMargin;
-	legendBlock: LegendBlockCanvas;
-	chartOptions: ChartOptionsCanvas;
-	markers?: MarkerCanvas;
+    axisLabel: AxisLabelCanvas;
+    chartBlockMargin: BlockMargin;
+    legendBlock: LegendBlockCanvas;
+    chartOptions: ChartOptionsCanvas;
+    markers?: MarkerCanvas;
 }
 export interface AxisLabelCanvas {
-	maxSize: AxisLabelSize;
+    maxSize: AxisLabelSize;
 }
 interface AxisLabelSize {
-	main: number;
+    main: number;
 }
 interface BlockMargin {
-	top: number;
-	bottom: number;
-	left: number;
-	right: number;
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
 }
 interface MarkerCanvas {
-	highlighted?: {
-		radius?: number;
-	};
-	normal?: {
-		radius?: number;
-		borderSize?: number;
-	};
+    highlighted?: {
+        radius?: number;
+    };
+    normal?: {
+        radius?: number;
+        borderSize?: number;
+    };
 }
 export interface LegendBlockCanvas {
-	maxWidth: number | string;
-	static?: StaticLegendBlockCanvas;
+    maxWidth: number | string;
+    static?: StaticLegendBlockCanvas;
 }
 export interface StaticLegendBlockCanvas {
-	maxLinesAmount: number;
+    maxLinesAmount: number;
 }
 export interface ChartOptionsCanvas {
-	bar: BarOptionsCanvas;
-	donut: DonutOptionsCanvas;
-	line?: LineOptionsCanvas;
+    bar: BarOptionsCanvas;
+    donut: DonutOptionsCanvas;
+    line?: LineOptionsCanvas;
 }
 export interface BarOptionsCanvas {
-	minBarWidth: number;
-	maxBarWidth: number;
-	groupMinDistance: number;
-	groupMaxDistance: number;
-	barDistance: number;
+    minBarWidth: number;
+    maxBarWidth: number;
+    groupMinDistance: number;
+    groupMaxDistance: number;
+    barDistance: number;
 }
 export interface DonutOptionsCanvas {
-	padAngle: number;
-	aggregatorPad: number;
-	thickness: MdtChartsDonutThicknessOptions;
+    padAngle: number;
+    aggregatorPad: number;
+    thickness: MdtChartsDonutThicknessOptions;
 }
 export interface MdtChartsDonutThicknessOptions {
-	min: number | string;
-	max: number | string;
-	value?: number | string;
+    min: number | string;
+    max: number | string;
+    value?: number | string;
 }
 interface LineOptionsCanvas {
-	shape?: MdtChartsLineLikeChartShape;
+    shape?: MdtChartsLineLikeChartShape;
 }
 export declare type MdtChartsLineLikeChartCurveType = "monotone" | "none";
 export interface MdtChartsLineLikeChartShape {
-	curve?: {
-		type?: MdtChartsLineLikeChartCurveType;
-	};
+    curve?: {
+        type?: MdtChartsLineLikeChartCurveType;
+    };
 }
 interface DataFormat {
-	formatters: Formatter;
+    formatters: Formatter;
 }
 export interface ChartStyleConfig {
-	baseColors: string[];
+    baseColors: string[];
 }
 export interface ElementsOptions {
-	tooltip: TooltipSettings;
+    tooltip: TooltipSettings;
 }
 export interface TooltipSettings {
-	position: TooltipPosition;
+    position: TooltipPosition;
 }
 export interface Transitions {
-	chartUpdate?: number;
-	elementFadeOut?: number;
-	tooltipSlide?: number;
-	higlightedScale?: number;
-	markerHover?: number;
+    chartUpdate?: number;
+    elementFadeOut?: number;
+    tooltipSlide?: number;
+    higlightedScale?: number;
+    markerHover?: number;
 }
 export {};