vccs 0.5.0 → 1.0.0-beta.1

package/dist/model/runtime.d.ts

@@ -0,0 +1,76 @@
+import { CategoricalChartProps } from '../types/index.js';
+import { Ref } from 'vue';
+/**
+ * Called by the chart's root: watches `el` and tells entrances once the chart is on screen, so a
+ * chart further down the page plays its entrance when the reader gets there, not unseen at load.
+ * On screen means half the chart is visible, or half the viewport for a chart taller than that: a
+ * chart peeking in at the bottom edge would play its entrance mostly unseen. Without
+ * IntersectionObserver (tests, old browsers) the chart counts as seen.
+ */
+export declare function provideChartInView(el: Readonly<Ref<Element | null | undefined>>): void;
+/** Whether the chart has been on screen; always true outside a chart. */
+export declare function useChartInView(): Readonly<Ref<boolean>>;
+/**
+ * True while the user drags something that changes the chart continuously (a brush). Like a
+ * resize, the chart then follows the pointer directly instead of trailing it.
+ */
+export declare function useChartGesture(): Ref<boolean>;
+/**
+ * Whether the chart's series animate. Each animated series registers its `isActive`; axes and
+ * grids move only when at least one series does, so turning animation off on the series keeps
+ * the whole chart still.
+ */
+export declare function useSeriesMotion(): {
+    register(isActive: () => boolean): void;
+    anyActive: () => boolean;
+};
+/**
+ * Called by the chart root with its settled size (undefined until a responsive chart has measured
+ * its box). Motion uses it to tell a resize from a data change.
+ * `null` while a responsive chart has not measured itself yet.
+ */
+export declare function provideChartSize(size: () => string | null): void;
+/**
+ * The chart's settled size, as an opaque string; changes only when the chart is resized.
+ * `null` while a responsive chart has not measured itself, `undefined` outside a chart.
+ */
+export declare function useChartSize(): () => string | null | undefined;
+/** Vue's server renderer provides an SSR context to the app; a client app has none. */
+export declare function isServerRender(): boolean;
+/**
+ * True while Vue hydrates this component: Vue assigns the existing DOM node to the vnode before
+ * setup runs. That `el` field is Vue internal state; this is its only reader. The standard pattern
+ * (open the gate one frame after mount) changed entrance geometry, and the auto-width hydration
+ * test (53eed3f) fails without this check (see internals/open-items.md). Call during setup.
+ */
+export declare function isHydrating(): boolean;
+/**
+ * Called by every chart root. The server sends the entrance start; hydration preserves that
+ * geometry. The entrance plays after hydration when the chart is measured and on screen.
+ *
+ * Text measurement also waits so hydration reproduces the server layout before relayout.
+ * The gate stays closed until the first frame after mount, because series move into their
+ * teleported layers right after mount and re-create their animated children.
+ */
+export declare function provideRenderPhase(): void;
+/** True during server rendering or the first hydration frame. Call during setup. */
+export declare function shouldSkipEntrance(): boolean;
+/** Reactive permission for DOM text measurement. Call during setup. */
+export declare function useCanMeasureText(): import('vue').ComputedRef<boolean>;
+export declare function useClipPathId(): string;
+/**
+ * The elements a chart's parts teleport into: the HTML portal that hosts the tooltip and the
+ * legend, and the SVG cursor, graphical and label layers, painted in that order.
+ */
+export interface ChartLayers {
+    portal: Ref<HTMLElement | null>;
+    cursor: Ref<SVGGElement | null>;
+    graphical: Ref<SVGGElement | null>;
+    label: Ref<SVGGElement | null>;
+}
+/** Provides layers to the subtree; layers that an outer component provided stay available. */
+export declare function provideChartLayers(layers: Partial<ChartLayers>): void;
+/** The named layer, or `null` outside a chart: the caller then renders in place. */
+export declare function useChartLayer<Name extends keyof ChartLayers>(name: Name): ChartLayers[Name] | null;
+/** Create the chart's SSR-stable clip-path id. */
+export declare function provideClipPathId(props: CategoricalChartProps): string;

package/dist/model/tooltip.d.ts

@@ -0,0 +1,451 @@
+import { ComputedRef, Ref } from 'vue';
+import { AxisLookup } from './axis.js';
+import { createChartData } from './dataRange.js';
+import { ChartOptions } from './options.js';
+import { ChartOffsetRequired, Coordinate, LayoutType, Size, TooltipEventType } from '../types/index.js';
+import { TooltipActiveIndex, TooltipInteraction, TooltipPayloadConfiguration, TooltipPayloadEntry, TooltipSettings, TooltipTargetRequest } from '../types/tooltip.js';
+export interface TooltipSource {
+    readonly active: ComputedRef<boolean>;
+    readonly index: ComputedRef<number | null>;
+    readonly label: ComputedRef<string | undefined>;
+    readonly payload: ComputedRef<readonly TooltipPayloadEntry[]>;
+    readonly coordinate: ComputedRef<Coordinate | undefined>;
+}
+export interface TooltipBinding {
+    readonly settings: TooltipSettings;
+    readonly request: (index: TooltipActiveIndex) => void;
+}
+interface TooltipInputs {
+    axis?: AxisLookup;
+    dataRange: ReturnType<typeof createChartData>;
+    options: () => ChartOptions;
+    layout: () => LayoutType;
+    size: () => Size;
+    offset: () => ChartOffsetRequired;
+}
+type Entry = Readonly<Ref<TooltipPayloadConfiguration | undefined>>;
+type Channel = 'hover' | 'click' | 'keyboard' | 'sync';
+export interface Target {
+    entry?: Entry;
+    identity: unknown;
+    /** Payload position can differ from the keyboard target order. */
+    index: number;
+    payloadKey?: string;
+    localIndex: number;
+    coordinate?: Coordinate;
+    onClick?: (event: KeyboardEvent) => void;
+}
+export type TooltipController = ReturnType<typeof createTooltip>;
+export declare function provideTooltipController(controller: TooltipController): void;
+export declare function useTooltipController(): {
+    source: TooltipSource;
+    bindings: import('./registry.js').Registry<TooltipBinding>;
+    settings: ComputedRef<TooltipSettings>;
+    eventType: ComputedRef<TooltipEventType>;
+    axisType: ComputedRef<"xAxis" | "yAxis" | "angleAxis" | "radiusAxis">;
+    axis: ComputedRef<{
+        realScaleType: ComputedRef<string | undefined>;
+        niceTicks: ComputedRef<readonly number[] | undefined>;
+        range: ComputedRef<import('../types/axis.js').AxisRange | undefined>;
+        reversedRange: ComputedRef<import('../types/axis.js').AxisRange | undefined>;
+        scale: ComputedRef<import('../types/scale.js').RechartsScale | undefined>;
+        duplicateDomain: ComputedRef<readonly unknown[] | undefined>;
+        categoricalDomain: ComputedRef<readonly unknown[] | undefined>;
+        ticks: ComputedRef<readonly import('../types/index.js').TickItem[] | undefined>;
+        graphicalTicks: ComputedRef<import('../types/index.js').TickItem[] | null>;
+        tooltipTicks: ComputedRef<readonly import('../types/index.js').TickItem[] | null>;
+        withScale: ComputedRef<(import('../types/axis.js').BaseCartesianAxis & Omit<import('../types/tick.js').TicksSettings, "tick" | "tickCount"> & {
+            tickCount: number | undefined;
+            tick: import('vue').SVGAttributes | boolean;
+        } & {
+            scale: import('../types/scale.js').RechartsScale;
+        }) | undefined>;
+        bandSize: ComputedRef<number | undefined>;
+        barBandSize: ComputedRef<number | undefined>;
+        inverseScale: ComputedRef<import('../index.js').InverseScaleFunction | undefined>;
+        inverseDataScale: ComputedRef<import('../index.js').InverseScaleFunction | undefined>;
+        inverseTickScale: ComputedRef<((pixel: number) => unknown) | undefined>;
+        settings: ComputedRef<import('../types/axisSettings.js').AngleAxisSettings>;
+        displayedData: ComputedRef<import('../types/chartData.js').ChartData>;
+        stackGroups: ComputedRef<Record<import('../types/tick.js').StackId, import('../core/axis/stacks.js').StackGroup>>;
+        domain: ComputedRef<import('../types/axis.js').NumberDomain | import('../types/index.js').CategoricalDomain | undefined>;
+    } | (import('./axisScale.js').AxisModel<import('../types/axisSettings.js').XAxisSettings> & {
+        size: ComputedRef<{
+            width: number;
+            height: number;
+        }>;
+        position: ComputedRef<{
+            x: number;
+            y: number;
+        }>;
+        grid: ComputedRef<{
+            axisType: "xAxis" | "yAxis";
+            categoricalDomain: readonly unknown[] | undefined;
+            duplicateDomain: readonly unknown[] | undefined;
+            isCategorical: boolean;
+            niceTicks: readonly number[] | undefined;
+            range: import('../types/axis.js').AxisRange | undefined;
+            realScaleType: string | undefined;
+            scale: import('../types/scale.js').RechartsScale;
+            angle: number;
+            interval: import('../types/axis.js').AxisInterval;
+            tickFormatter: import('../index.js').TickFormatter | undefined;
+            unit: string | undefined;
+            allowDecimals: boolean;
+            ticks: ReadonlyArray<import('../types/tick.js').AxisTick> | undefined;
+            id?: import('../types/axis.js').AxisId | undefined;
+            type: "number" | "category";
+            dataKey: import('../types/base.js').ChartDataKey | undefined;
+            name: string | undefined;
+            allowDuplicatedCategory: boolean;
+            allowDataOverflow: boolean;
+            reversed: boolean;
+            includeHidden: boolean;
+            domain: import('../types/axis.js').AxisDomain | undefined;
+            mirror: boolean;
+            minTickGap: number;
+            hide: boolean;
+            tickCount: number | undefined;
+            tick: import('vue').SVGAttributes | boolean;
+            padding: import('../types/axis.js').XAxisPadding;
+            height: number;
+            orientation: import('../types/axis.js').XAxisOrientation;
+        } | {
+            axisType: "xAxis" | "yAxis";
+            categoricalDomain: readonly unknown[] | undefined;
+            duplicateDomain: readonly unknown[] | undefined;
+            isCategorical: boolean;
+            niceTicks: readonly number[] | undefined;
+            range: import('../types/axis.js').AxisRange | undefined;
+            realScaleType: string | undefined;
+            scale: import('../types/scale.js').RechartsScale;
+            angle: number;
+            interval: import('../types/axis.js').AxisInterval;
+            tickFormatter: import('../index.js').TickFormatter | undefined;
+            unit: string | undefined;
+            allowDecimals: boolean;
+            ticks: ReadonlyArray<import('../types/tick.js').AxisTick> | undefined;
+            id?: import('../types/axis.js').AxisId | undefined;
+            type: "number" | "category";
+            dataKey: import('../types/base.js').ChartDataKey | undefined;
+            name: string | undefined;
+            allowDuplicatedCategory: boolean;
+            allowDataOverflow: boolean;
+            reversed: boolean;
+            includeHidden: boolean;
+            domain: import('../types/axis.js').AxisDomain | undefined;
+            mirror: boolean;
+            minTickGap: number;
+            hide: boolean;
+            tickCount: number | undefined;
+            tick: import('vue').SVGAttributes | boolean;
+            padding: import('../types/axis.js').YAxisPadding;
+            orientation: import('../types/axis.js').YAxisOrientation;
+            width: number | "auto";
+        }>;
+    }) | (import('./axisScale.js').AxisModel<import('../types/axisSettings.js').YAxisSettings> & {
+        size: ComputedRef<{
+            width: number;
+            height: number;
+        }>;
+        position: ComputedRef<{
+            x: number;
+            y: number;
+        }>;
+        grid: ComputedRef<{
+            axisType: "xAxis" | "yAxis";
+            categoricalDomain: readonly unknown[] | undefined;
+            duplicateDomain: readonly unknown[] | undefined;
+            isCategorical: boolean;
+            niceTicks: readonly number[] | undefined;
+            range: import('../types/axis.js').AxisRange | undefined;
+            realScaleType: string | undefined;
+            scale: import('../types/scale.js').RechartsScale;
+            angle: number;
+            interval: import('../types/axis.js').AxisInterval;
+            tickFormatter: import('../index.js').TickFormatter | undefined;
+            unit: string | undefined;
+            allowDecimals: boolean;
+            ticks: ReadonlyArray<import('../types/tick.js').AxisTick> | undefined;
+            id?: import('../types/axis.js').AxisId | undefined;
+            type: "number" | "category";
+            dataKey: import('../types/base.js').ChartDataKey | undefined;
+            name: string | undefined;
+            allowDuplicatedCategory: boolean;
+            allowDataOverflow: boolean;
+            reversed: boolean;
+            includeHidden: boolean;
+            domain: import('../types/axis.js').AxisDomain | undefined;
+            mirror: boolean;
+            minTickGap: number;
+            hide: boolean;
+            tickCount: number | undefined;
+            tick: import('vue').SVGAttributes | boolean;
+            padding: import('../types/axis.js').XAxisPadding;
+            height: number;
+            orientation: import('../types/axis.js').XAxisOrientation;
+        } | {
+            axisType: "xAxis" | "yAxis";
+            categoricalDomain: readonly unknown[] | undefined;
+            duplicateDomain: readonly unknown[] | undefined;
+            isCategorical: boolean;
+            niceTicks: readonly number[] | undefined;
+            range: import('../types/axis.js').AxisRange | undefined;
+            realScaleType: string | undefined;
+            scale: import('../types/scale.js').RechartsScale;
+            angle: number;
+            interval: import('../types/axis.js').AxisInterval;
+            tickFormatter: import('../index.js').TickFormatter | undefined;
+            unit: string | undefined;
+            allowDecimals: boolean;
+            ticks: ReadonlyArray<import('../types/tick.js').AxisTick> | undefined;
+            id?: import('../types/axis.js').AxisId | undefined;
+            type: "number" | "category";
+            dataKey: import('../types/base.js').ChartDataKey | undefined;
+            name: string | undefined;
+            allowDuplicatedCategory: boolean;
+            allowDataOverflow: boolean;
+            reversed: boolean;
+            includeHidden: boolean;
+            domain: import('../types/axis.js').AxisDomain | undefined;
+            mirror: boolean;
+            minTickGap: number;
+            hide: boolean;
+            tickCount: number | undefined;
+            tick: import('vue').SVGAttributes | boolean;
+            padding: import('../types/axis.js').YAxisPadding;
+            orientation: import('../types/axis.js').YAxisOrientation;
+            width: number | "auto";
+        }>;
+    }) | undefined>;
+    ticks: ComputedRef<readonly import('../types/index.js').TickItem[] | null | undefined>;
+    orderedTicks: ComputedRef<import('../types/index.js').TickItem[]>;
+    displayedData: ComputedRef<import('../types/chartData.js').ChartData>;
+    targets: ComputedRef<readonly Target[]>;
+    target: ComputedRef<Target | undefined>;
+    controlled: ComputedRef<TooltipActiveIndex | undefined>;
+    requestedIndex: ComputedRef<number | null>;
+    entries: import('./registry.js').Registry<TooltipPayloadConfiguration>;
+    announcement: import('vue').ShallowRef<string, string>;
+    keyboardInteraction: ComputedRef<TooltipInteraction>;
+    syncInteraction: ComputedRef<{
+        label: string | undefined;
+        configuration?: TooltipPayloadConfiguration;
+        active: boolean;
+        index: TooltipActiveIndex;
+        dataKey: import('../types/base.js').ChartDataKey | undefined;
+        coordinate: Coordinate | undefined;
+    }>;
+    activeIndexFor: (entry: Entry) => ComputedRef<number | null>;
+    coordinateFor: (candidate: Target | undefined, fallback?: Coordinate) => Coordinate | undefined;
+    activate: (channel: Channel, input: TooltipTargetRequest) => void;
+    clear: (channel: Channel) => void;
+};
+export declare function useTooltipSource(): TooltipSource;
+export declare function provideTooltipEntry(entry: Entry): void;
+export declare function useTooltipEntry(): Readonly<Ref<TooltipPayloadConfiguration | undefined, TooltipPayloadConfiguration | undefined>> | undefined;
+export declare function createTooltip(inputs: TooltipInputs): {
+    source: TooltipSource;
+    bindings: import('./registry.js').Registry<TooltipBinding>;
+    settings: ComputedRef<TooltipSettings>;
+    eventType: ComputedRef<TooltipEventType>;
+    axisType: ComputedRef<"xAxis" | "yAxis" | "angleAxis" | "radiusAxis">;
+    axis: ComputedRef<{
+        realScaleType: ComputedRef<string | undefined>;
+        niceTicks: ComputedRef<readonly number[] | undefined>;
+        range: ComputedRef<import('../types/axis.js').AxisRange | undefined>;
+        reversedRange: ComputedRef<import('../types/axis.js').AxisRange | undefined>;
+        scale: ComputedRef<import('../types/scale.js').RechartsScale | undefined>;
+        duplicateDomain: ComputedRef<readonly unknown[] | undefined>;
+        categoricalDomain: ComputedRef<readonly unknown[] | undefined>;
+        ticks: ComputedRef<readonly import('../types/index.js').TickItem[] | undefined>;
+        graphicalTicks: ComputedRef<import('../types/index.js').TickItem[] | null>;
+        tooltipTicks: ComputedRef<readonly import('../types/index.js').TickItem[] | null>;
+        withScale: ComputedRef<(import('../types/axis.js').BaseCartesianAxis & Omit<import('../types/tick.js').TicksSettings, "tick" | "tickCount"> & {
+            tickCount: number | undefined;
+            tick: import('vue').SVGAttributes | boolean;
+        } & {
+            scale: import('../types/scale.js').RechartsScale;
+        }) | undefined>;
+        bandSize: ComputedRef<number | undefined>;
+        barBandSize: ComputedRef<number | undefined>;
+        inverseScale: ComputedRef<import('../index.js').InverseScaleFunction | undefined>;
+        inverseDataScale: ComputedRef<import('../index.js').InverseScaleFunction | undefined>;
+        inverseTickScale: ComputedRef<((pixel: number) => unknown) | undefined>;
+        settings: ComputedRef<import('../types/axisSettings.js').AngleAxisSettings>;
+        displayedData: ComputedRef<import('../types/chartData.js').ChartData>;
+        stackGroups: ComputedRef<Record<import('../types/tick.js').StackId, import('../core/axis/stacks.js').StackGroup>>;
+        domain: ComputedRef<import('../types/axis.js').NumberDomain | import('../types/index.js').CategoricalDomain | undefined>;
+    } | (import('./axisScale.js').AxisModel<import('../types/axisSettings.js').XAxisSettings> & {
+        size: ComputedRef<{
+            width: number;
+            height: number;
+        }>;
+        position: ComputedRef<{
+            x: number;
+            y: number;
+        }>;
+        grid: ComputedRef<{
+            axisType: "xAxis" | "yAxis";
+            categoricalDomain: readonly unknown[] | undefined;
+            duplicateDomain: readonly unknown[] | undefined;
+            isCategorical: boolean;
+            niceTicks: readonly number[] | undefined;
+            range: import('../types/axis.js').AxisRange | undefined;
+            realScaleType: string | undefined;
+            scale: import('../types/scale.js').RechartsScale;
+            angle: number;
+            interval: import('../types/axis.js').AxisInterval;
+            tickFormatter: import('../index.js').TickFormatter | undefined;
+            unit: string | undefined;
+            allowDecimals: boolean;
+            ticks: ReadonlyArray<import('../types/tick.js').AxisTick> | undefined;
+            id?: import('../types/axis.js').AxisId | undefined;
+            type: "number" | "category";
+            dataKey: import('../types/base.js').ChartDataKey | undefined;
+            name: string | undefined;
+            allowDuplicatedCategory: boolean;
+            allowDataOverflow: boolean;
+            reversed: boolean;
+            includeHidden: boolean;
+            domain: import('../types/axis.js').AxisDomain | undefined;
+            mirror: boolean;
+            minTickGap: number;
+            hide: boolean;
+            tickCount: number | undefined;
+            tick: import('vue').SVGAttributes | boolean;
+            padding: import('../types/axis.js').XAxisPadding;
+            height: number;
+            orientation: import('../types/axis.js').XAxisOrientation;
+        } | {
+            axisType: "xAxis" | "yAxis";
+            categoricalDomain: readonly unknown[] | undefined;
+            duplicateDomain: readonly unknown[] | undefined;
+            isCategorical: boolean;
+            niceTicks: readonly number[] | undefined;
+            range: import('../types/axis.js').AxisRange | undefined;
+            realScaleType: string | undefined;
+            scale: import('../types/scale.js').RechartsScale;
+            angle: number;
+            interval: import('../types/axis.js').AxisInterval;
+            tickFormatter: import('../index.js').TickFormatter | undefined;
+            unit: string | undefined;
+            allowDecimals: boolean;
+            ticks: ReadonlyArray<import('../types/tick.js').AxisTick> | undefined;
+            id?: import('../types/axis.js').AxisId | undefined;
+            type: "number" | "category";
+            dataKey: import('../types/base.js').ChartDataKey | undefined;
+            name: string | undefined;
+            allowDuplicatedCategory: boolean;
+            allowDataOverflow: boolean;
+            reversed: boolean;
+            includeHidden: boolean;
+            domain: import('../types/axis.js').AxisDomain | undefined;
+            mirror: boolean;
+            minTickGap: number;
+            hide: boolean;
+            tickCount: number | undefined;
+            tick: import('vue').SVGAttributes | boolean;
+            padding: import('../types/axis.js').YAxisPadding;
+            orientation: import('../types/axis.js').YAxisOrientation;
+            width: number | "auto";
+        }>;
+    }) | (import('./axisScale.js').AxisModel<import('../types/axisSettings.js').YAxisSettings> & {
+        size: ComputedRef<{
+            width: number;
+            height: number;
+        }>;
+        position: ComputedRef<{
+            x: number;
+            y: number;
+        }>;
+        grid: ComputedRef<{
+            axisType: "xAxis" | "yAxis";
+            categoricalDomain: readonly unknown[] | undefined;
+            duplicateDomain: readonly unknown[] | undefined;
+            isCategorical: boolean;
+            niceTicks: readonly number[] | undefined;
+            range: import('../types/axis.js').AxisRange | undefined;
+            realScaleType: string | undefined;
+            scale: import('../types/scale.js').RechartsScale;
+            angle: number;
+            interval: import('../types/axis.js').AxisInterval;
+            tickFormatter: import('../index.js').TickFormatter | undefined;
+            unit: string | undefined;
+            allowDecimals: boolean;
+            ticks: ReadonlyArray<import('../types/tick.js').AxisTick> | undefined;
+            id?: import('../types/axis.js').AxisId | undefined;
+            type: "number" | "category";
+            dataKey: import('../types/base.js').ChartDataKey | undefined;
+            name: string | undefined;
+            allowDuplicatedCategory: boolean;
+            allowDataOverflow: boolean;
+            reversed: boolean;
+            includeHidden: boolean;
+            domain: import('../types/axis.js').AxisDomain | undefined;
+            mirror: boolean;
+            minTickGap: number;
+            hide: boolean;
+            tickCount: number | undefined;
+            tick: import('vue').SVGAttributes | boolean;
+            padding: import('../types/axis.js').XAxisPadding;
+            height: number;
+            orientation: import('../types/axis.js').XAxisOrientation;
+        } | {
+            axisType: "xAxis" | "yAxis";
+            categoricalDomain: readonly unknown[] | undefined;
+            duplicateDomain: readonly unknown[] | undefined;
+            isCategorical: boolean;
+            niceTicks: readonly number[] | undefined;
+            range: import('../types/axis.js').AxisRange | undefined;
+            realScaleType: string | undefined;
+            scale: import('../types/scale.js').RechartsScale;
+            angle: number;
+            interval: import('../types/axis.js').AxisInterval;
+            tickFormatter: import('../index.js').TickFormatter | undefined;
+            unit: string | undefined;
+            allowDecimals: boolean;
+            ticks: ReadonlyArray<import('../types/tick.js').AxisTick> | undefined;
+            id?: import('../types/axis.js').AxisId | undefined;
+            type: "number" | "category";
+            dataKey: import('../types/base.js').ChartDataKey | undefined;
+            name: string | undefined;
+            allowDuplicatedCategory: boolean;
+            allowDataOverflow: boolean;
+            reversed: boolean;
+            includeHidden: boolean;
+            domain: import('../types/axis.js').AxisDomain | undefined;
+            mirror: boolean;
+            minTickGap: number;
+            hide: boolean;
+            tickCount: number | undefined;
+            tick: import('vue').SVGAttributes | boolean;
+            padding: import('../types/axis.js').YAxisPadding;
+            orientation: import('../types/axis.js').YAxisOrientation;
+            width: number | "auto";
+        }>;
+    }) | undefined>;
+    ticks: ComputedRef<readonly import('../types/index.js').TickItem[] | null | undefined>;
+    orderedTicks: ComputedRef<import('../types/index.js').TickItem[]>;
+    displayedData: ComputedRef<import('../types/chartData.js').ChartData>;
+    targets: ComputedRef<readonly Target[]>;
+    target: ComputedRef<Target | undefined>;
+    controlled: ComputedRef<TooltipActiveIndex | undefined>;
+    requestedIndex: ComputedRef<number | null>;
+    entries: import('./registry.js').Registry<TooltipPayloadConfiguration>;
+    announcement: import('vue').ShallowRef<string, string>;
+    keyboardInteraction: ComputedRef<TooltipInteraction>;
+    syncInteraction: ComputedRef<{
+        label: string | undefined;
+        configuration?: TooltipPayloadConfiguration;
+        active: boolean;
+        index: TooltipActiveIndex;
+        dataKey: import('../types/base.js').ChartDataKey | undefined;
+        coordinate: Coordinate | undefined;
+    }>;
+    activeIndexFor: (entry: Entry) => ComputedRef<number | null>;
+    coordinateFor: (candidate: Target | undefined, fallback?: Coordinate) => Coordinate | undefined;
+    activate: (channel: Channel, input: TooltipTargetRequest) => void;
+    clear: (channel: Channel) => void;
+};
+export {};

package/dist/nuxt.d.ts

@@ -0,0 +1,7 @@
+import { NuxtModule } from 'nuxt/schema';
+export interface ModuleOptions {
+    /** Prefix for every registered component name, e.g. `'V'` registers `<VBarChart>`. */
+    prefix?: string;
+}
+declare const module: NuxtModule<ModuleOptions, ModuleOptions>;
+export default module;