vccs 0.6.0 → 1.0.0-beta.2

package/dist/chart/Heatmap.d.ts

@@ -0,0 +1,687 @@
+import { StandaloneChartProps } from './directChartTypes.js';
+import { ChartRenderContext, ChartVNode, RowDataKey } from '../types/typed.js';
+import { DataKey } from '../types/common.js';
+import { PropType, SlotsType, VNode } from 'vue';
+import { CellEvents } from '../events/componentEvents.js';
+import { CellGridSlots } from './CellGridLayer.js';
+import { SvgTemplateAttributes } from '../utils/attributes.js';
+export type HeatmapKey = string | number;
+export interface HeatmapCell<Row = unknown> {
+    x: HeatmapKey;
+    y: HeatmapKey;
+    /** Sum of the rows for this x and y; `null` when there are none. */
+    value: number | null;
+    /** The rows behind this cell. */
+    rows: readonly Row[];
+}
+declare const _Heatmap: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    aspect: {
+        type: NumberConstructor;
+    };
+    initialDimension: {
+        type: PropType<import('../hooks/useRoundedSize.js').RoundedSize>;
+    };
+    xTickFormatter: {
+        type: PropType<(x: HeatmapKey) => string>;
+        default: undefined;
+    };
+    yTickFormatter: {
+        type: PropType<(y: HeatmapKey) => string>;
+        default: undefined;
+    };
+    xLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    yLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    desc: StringConstructor;
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Internal: the domain object a derived chart exposes per cell, e.g. CohortChart's `CohortCell`. */
+    cellPayload: {
+        type: PropType<(cell: HeatmapCell) => unknown>;
+        default: undefined;
+    };
+    valueFormatter: {
+        type: PropType<(value: number, item: unknown) => string>;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: PropType<readonly unknown[]>;
+        required: true;
+    };
+    /** Field for the column. */
+    xKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Field for the row. */
+    yKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Field with the number to color by. Rows with the same x and y are summed. */
+    dataKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Column order. Defaults to the order of first appearance in `data`. */
+    xDomain: {
+        type: PropType<HeatmapKey[]>;
+        default: undefined;
+    };
+    /** Row order, top to bottom. Defaults to the order of first appearance in `data`. */
+    yDomain: {
+        type: PropType<HeatmapKey[]>;
+        default: undefined;
+    };
+    /** Full-intensity color; lower values mix it with `emptyColor`. */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Steps above empty; `0` mixes continuously. */
+    levels: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Explicit fill per level, from empty to full; overrides `color`, `emptyColor` and `levels`. */
+    colors: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    /** Value that reaches full color. Defaults to the largest value. */
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** Draw x and y pairs without data as empty cells; `false` leaves holes (cohort triangles). */
+    fillMissing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Draw each value on its cell when it fits. */
+    showValues: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeIndex: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transition: {
+        type: PropType<import('../index.js').ChartTransition>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:activeIndex': (_index: number | null) => boolean;
+    'cell-click': (_payload: unknown, _index: number, _event: MouseEvent | KeyboardEvent) => boolean;
+    'cell-mouseenter': (_payload: unknown, _index: number, _event: MouseEvent) => boolean;
+    'cell-mouseleave': (_payload: unknown, _index: number, _event: MouseEvent) => boolean;
+    'animation-start': () => boolean;
+    'animation-end': () => boolean;
+    click: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseenter: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mousemove: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseleave: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mousedown: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseup: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    contextmenu: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    dblclick: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchstart: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchmove: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchend: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    aspect: {
+        type: NumberConstructor;
+    };
+    initialDimension: {
+        type: PropType<import('../hooks/useRoundedSize.js').RoundedSize>;
+    };
+    xTickFormatter: {
+        type: PropType<(x: HeatmapKey) => string>;
+        default: undefined;
+    };
+    yTickFormatter: {
+        type: PropType<(y: HeatmapKey) => string>;
+        default: undefined;
+    };
+    xLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    yLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    desc: StringConstructor;
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Internal: the domain object a derived chart exposes per cell, e.g. CohortChart's `CohortCell`. */
+    cellPayload: {
+        type: PropType<(cell: HeatmapCell) => unknown>;
+        default: undefined;
+    };
+    valueFormatter: {
+        type: PropType<(value: number, item: unknown) => string>;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: PropType<readonly unknown[]>;
+        required: true;
+    };
+    /** Field for the column. */
+    xKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Field for the row. */
+    yKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Field with the number to color by. Rows with the same x and y are summed. */
+    dataKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Column order. Defaults to the order of first appearance in `data`. */
+    xDomain: {
+        type: PropType<HeatmapKey[]>;
+        default: undefined;
+    };
+    /** Row order, top to bottom. Defaults to the order of first appearance in `data`. */
+    yDomain: {
+        type: PropType<HeatmapKey[]>;
+        default: undefined;
+    };
+    /** Full-intensity color; lower values mix it with `emptyColor`. */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Steps above empty; `0` mixes continuously. */
+    levels: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Explicit fill per level, from empty to full; overrides `color`, `emptyColor` and `levels`. */
+    colors: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    /** Value that reaches full color. Defaults to the largest value. */
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** Draw x and y pairs without data as empty cells; `false` leaves holes (cohort triangles). */
+    fillMissing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Draw each value on its cell when it fits. */
+    showValues: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeIndex: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transition: {
+        type: PropType<import('../index.js').ChartTransition>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseenter?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseleave?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    "onAnimation-start"?: (() => any) | undefined;
+    "onAnimation-end"?: (() => any) | undefined;
+    "onUpdate:activeIndex"?: ((_index: number | null) => any) | undefined;
+    onContextmenu?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onDblclick?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMousedown?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMousemove?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseup?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchend?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchmove?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchstart?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    "onCell-click"?: ((_payload: unknown, _index: number, _event: KeyboardEvent | MouseEvent) => any) | undefined;
+    "onCell-mouseenter"?: ((_payload: unknown, _index: number, _event: MouseEvent) => any) | undefined;
+    "onCell-mouseleave"?: ((_payload: unknown, _index: number, _event: MouseEvent) => any) | undefined;
+}>, {
+    gap: number;
+    dataKey: DataKey<unknown>;
+    color: string;
+    max: number;
+    radius: number;
+    colors: string[];
+    isAnimationActive: boolean;
+    transition: import('../index.js').ChartTransition;
+    title: string;
+    activeIndex: number | null;
+    valueFormatter: (value: number, item: unknown) => string;
+    locale: string;
+    levels: number;
+    emptyColor: string;
+    xTickFormatter: (x: HeatmapKey) => string;
+    yTickFormatter: (y: HeatmapKey) => string;
+    xLabels: boolean;
+    yLabels: boolean;
+    cellPayload: (cell: HeatmapCell) => unknown;
+    xKey: DataKey<unknown>;
+    yKey: DataKey<unknown>;
+    xDomain: HeatmapKey[];
+    yDomain: HeatmapKey[];
+    fillMissing: boolean;
+    showValues: boolean;
+}, SlotsType<CellGridSlots<HeatmapCell<unknown>> & {
+    default?: () => VNode[];
+}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/**
+ * Matrix heatmap: rows and columns from two fields, color from a third, e.g. visits by
+ * weekday and hour.
+ *
+ * ```vue
+ * <Heatmap :data="visits" x-key="hour" y-key="day" data-key="count"><Tooltip /></Heatmap>
+ * ```
+ */
+export type HeatmapSlots<Row = unknown> = CellGridSlots<HeatmapCell<Row>> & {
+    default?: () => VNode[];
+};
+export type HeatmapProps<Row = unknown> = StandaloneChartProps<Omit<InstanceType<typeof _Heatmap>['$props'], 'cellPayload'>, CellEvents<HeatmapCell<NoInfer<Row>>> & {
+    data: readonly Row[];
+    xKey?: RowDataKey<NoInfer<Row>>;
+    yKey?: RowDataKey<NoInfer<Row>>;
+    dataKey?: RowDataKey<NoInfer<Row>>;
+    valueFormatter?: (value: number, cell: HeatmapCell<NoInfer<Row>>) => string;
+}>;
+/** The untyped component, for charts derived from a heatmap that expose their own cell payload. */
+export declare const HeatmapView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    aspect: {
+        type: NumberConstructor;
+    };
+    initialDimension: {
+        type: PropType<import('../hooks/useRoundedSize.js').RoundedSize>;
+    };
+    xTickFormatter: {
+        type: PropType<(x: HeatmapKey) => string>;
+        default: undefined;
+    };
+    yTickFormatter: {
+        type: PropType<(y: HeatmapKey) => string>;
+        default: undefined;
+    };
+    xLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    yLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    desc: StringConstructor;
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Internal: the domain object a derived chart exposes per cell, e.g. CohortChart's `CohortCell`. */
+    cellPayload: {
+        type: PropType<(cell: HeatmapCell) => unknown>;
+        default: undefined;
+    };
+    valueFormatter: {
+        type: PropType<(value: number, item: unknown) => string>;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: PropType<readonly unknown[]>;
+        required: true;
+    };
+    /** Field for the column. */
+    xKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Field for the row. */
+    yKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Field with the number to color by. Rows with the same x and y are summed. */
+    dataKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Column order. Defaults to the order of first appearance in `data`. */
+    xDomain: {
+        type: PropType<HeatmapKey[]>;
+        default: undefined;
+    };
+    /** Row order, top to bottom. Defaults to the order of first appearance in `data`. */
+    yDomain: {
+        type: PropType<HeatmapKey[]>;
+        default: undefined;
+    };
+    /** Full-intensity color; lower values mix it with `emptyColor`. */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Steps above empty; `0` mixes continuously. */
+    levels: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Explicit fill per level, from empty to full; overrides `color`, `emptyColor` and `levels`. */
+    colors: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    /** Value that reaches full color. Defaults to the largest value. */
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** Draw x and y pairs without data as empty cells; `false` leaves holes (cohort triangles). */
+    fillMissing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Draw each value on its cell when it fits. */
+    showValues: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeIndex: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transition: {
+        type: PropType<import('../index.js').ChartTransition>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:activeIndex': (_index: number | null) => boolean;
+    'cell-click': (_payload: unknown, _index: number, _event: MouseEvent | KeyboardEvent) => boolean;
+    'cell-mouseenter': (_payload: unknown, _index: number, _event: MouseEvent) => boolean;
+    'cell-mouseleave': (_payload: unknown, _index: number, _event: MouseEvent) => boolean;
+    'animation-start': () => boolean;
+    'animation-end': () => boolean;
+    click: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseenter: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mousemove: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseleave: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mousedown: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseup: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    contextmenu: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    dblclick: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchstart: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchmove: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchend: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    aspect: {
+        type: NumberConstructor;
+    };
+    initialDimension: {
+        type: PropType<import('../hooks/useRoundedSize.js').RoundedSize>;
+    };
+    xTickFormatter: {
+        type: PropType<(x: HeatmapKey) => string>;
+        default: undefined;
+    };
+    yTickFormatter: {
+        type: PropType<(y: HeatmapKey) => string>;
+        default: undefined;
+    };
+    xLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    yLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    desc: StringConstructor;
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Internal: the domain object a derived chart exposes per cell, e.g. CohortChart's `CohortCell`. */
+    cellPayload: {
+        type: PropType<(cell: HeatmapCell) => unknown>;
+        default: undefined;
+    };
+    valueFormatter: {
+        type: PropType<(value: number, item: unknown) => string>;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: PropType<readonly unknown[]>;
+        required: true;
+    };
+    /** Field for the column. */
+    xKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Field for the row. */
+    yKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Field with the number to color by. Rows with the same x and y are summed. */
+    dataKey: {
+        type: PropType<DataKey<unknown>>;
+        default: string;
+    };
+    /** Column order. Defaults to the order of first appearance in `data`. */
+    xDomain: {
+        type: PropType<HeatmapKey[]>;
+        default: undefined;
+    };
+    /** Row order, top to bottom. Defaults to the order of first appearance in `data`. */
+    yDomain: {
+        type: PropType<HeatmapKey[]>;
+        default: undefined;
+    };
+    /** Full-intensity color; lower values mix it with `emptyColor`. */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Steps above empty; `0` mixes continuously. */
+    levels: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Explicit fill per level, from empty to full; overrides `color`, `emptyColor` and `levels`. */
+    colors: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    /** Value that reaches full color. Defaults to the largest value. */
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** Draw x and y pairs without data as empty cells; `false` leaves holes (cohort triangles). */
+    fillMissing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Draw each value on its cell when it fits. */
+    showValues: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeIndex: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transition: {
+        type: PropType<import('../index.js').ChartTransition>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseenter?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseleave?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    "onAnimation-start"?: (() => any) | undefined;
+    "onAnimation-end"?: (() => any) | undefined;
+    "onUpdate:activeIndex"?: ((_index: number | null) => any) | undefined;
+    onContextmenu?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onDblclick?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMousedown?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMousemove?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseup?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchend?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchmove?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchstart?: ((_state: import('../types/common.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    "onCell-click"?: ((_payload: unknown, _index: number, _event: KeyboardEvent | MouseEvent) => any) | undefined;
+    "onCell-mouseenter"?: ((_payload: unknown, _index: number, _event: MouseEvent) => any) | undefined;
+    "onCell-mouseleave"?: ((_payload: unknown, _index: number, _event: MouseEvent) => any) | undefined;
+}>, {
+    gap: number;
+    dataKey: DataKey<unknown>;
+    color: string;
+    max: number;
+    radius: number;
+    colors: string[];
+    isAnimationActive: boolean;
+    transition: import('../index.js').ChartTransition;
+    title: string;
+    activeIndex: number | null;
+    valueFormatter: (value: number, item: unknown) => string;
+    locale: string;
+    levels: number;
+    emptyColor: string;
+    xTickFormatter: (x: HeatmapKey) => string;
+    yTickFormatter: (y: HeatmapKey) => string;
+    xLabels: boolean;
+    yLabels: boolean;
+    cellPayload: (cell: HeatmapCell) => unknown;
+    xKey: DataKey<unknown>;
+    yKey: DataKey<unknown>;
+    xDomain: HeatmapKey[];
+    yDomain: HeatmapKey[];
+    fillMissing: boolean;
+    showValues: boolean;
+}, SlotsType<CellGridSlots<HeatmapCell<unknown>> & {
+    default?: () => VNode[];
+}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const Heatmap: <Row>(props: HeatmapProps<Row> & Omit<SvgTemplateAttributes, keyof HeatmapProps<Row>>, context?: ChartRenderContext<HeatmapSlots<Row>>) => ChartVNode<HeatmapProps<Row>, HeatmapSlots<Row>>;
+export {};