minerva-design 1.3.0 → 1.5.0

package/dist/vue/components/Chart/trading.d.ts

@@ -0,0 +1,127 @@
+import { PropType } from 'vue';
+import { ChartRendererPreference, TradingBarsInput, TradingChartLabels, TradingChartStyle, TradingColorConvention, TradingCompareSeries, TradingCrosshairMode, TradingDrawing, TradingDrawingTool, TradingIndicator, TradingMarker, TradingPriceLine, TradingScaleMode, TradingTimeframe, TradingVolumeProfileOptions } from '../../../charts/core.js';
+/** Props of TradingChart: the options of `createTradingChart` */
+export declare const tradingChartProps: {
+    /** Bars, oldest first; replaced when a new array / object is passed (stream with the handle's `update`) */
+    bars: PropType<TradingBarsInput>;
+    /** Duration of a bar; inferred from the bar times by default */
+    timeframe: PropType<TradingTimeframe>;
+    /** Name shown in the legend and the accessible label (`"BTC/USDT"`) */
+    symbol: StringConstructor;
+    /** How the bars are drawn (default `candles`) */
+    chartStyle: PropType<TradingChartStyle>;
+    /** Indicators, over the price or in panes below it, in this order */
+    indicators: PropType<readonly TradingIndicator[]>;
+    /** Price scale of the price pane (default `linear`) */
+    scaleMode: PropType<TradingScaleMode>;
+    /** Colors of rising / falling bars: `redUp` swaps the defaults (default `greenUp`) */
+    colorConvention: PropType<TradingColorConvention>;
+    /** Color of rising bars (any CSS color, `var(--x)` included) */
+    upColor: StringConstructor;
+    /** Color of falling bars */
+    downColor: StringConstructor;
+    /** Decimals of the prices; detected from the data by default */
+    precision: NumberConstructor;
+    /** Formats the prices (axis, legend, labels); overrides `precision` */
+    formatPrice: PropType<(price: number) => string>;
+    /** Locale of the texts, numbers and dates (`"zh-CN"`); the page language by default */
+    locale: StringConstructor;
+    /** Offset of the displayed times from UTC, in minutes (`480` for UTC+8); overrides `timeZone` */
+    utcOffset: NumberConstructor;
+    /** Time zone of the time axis, the session breaks and the VWAP periods (IANA name such as `"America/New_York"`, or `"UTC"`); local time by default */
+    timeZone: StringConstructor;
+    /** Dashed vertical lines where a day starts (intraday bars; default `false`) */
+    sessionBreaks: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Crosshair behaviour (default `magnet`) */
+    crosshair: PropType<TradingCrosshairMode>;
+    /** Legends with the values at the crosshair and the indicator toggles (default `true`) */
+    legend: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Line and axis label at the last price (default `true`) */
+    lastPriceLine: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Time left until the current bar closes, under the last price label (default `false`) */
+    countdown: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Marks the highest and lowest prices of the visible bars (default `true`) */
+    highLowMarkers: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Buy / sell markers */
+    markers: PropType<readonly TradingMarker[]>;
+    /** Order, position, take profit / stop loss and alert lines */
+    priceLines: PropType<readonly TradingPriceLine[]>;
+    /** A "+" button at the crosshair price reporting a limit order (`orderCreate`; default `false`) */
+    orderEntry: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Volume by price of the visible bars, with its point of control and value area (`true` for the defaults; default `false`) */
+    volumeProfile: {
+        type: PropType<boolean | TradingVolumeProfileOptions>;
+        default: undefined;
+    };
+    /** Comparison series (best read with `scaleMode: "percent"`) */
+    compare: PropType<readonly TradingCompareSeries[]>;
+    /** Drawings; replaced when a new array is passed (see the `drawingsChange` event) */
+    drawings: PropType<readonly TradingDrawing[]>;
+    /** Active drawing tool (default `cursor`) */
+    drawingMode: PropType<TradingDrawingTool>;
+    /** Keeps the drawing tool after a drawing is made (default `false`) */
+    keepDrawingMode: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Floating toolbar over the selected drawing: color, width, style, fill, lock, delete (default `true`) */
+    drawingToolbar: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Price of the `baseline` style; the close of the first visible bar by default */
+    baselinePrice: NumberConstructor;
+    /** Empty space after the last bar, in bars (default 8) */
+    rightOffset: NumberConstructor;
+    /** Initial width of a bar, in pixels (default 8) */
+    barSpacing: NumberConstructor;
+    /** Mouse wheel: `zoom`, `modifier` (zoom with Ctrl / ⌘ only) or `none` (default `zoom`) */
+    wheel: PropType<"zoom" | "modifier" | "none">;
+    /** Keeps panning after a quick drag (default `true`) */
+    kineticScroll: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Grid lines (default `true`) */
+    grid: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Large faint text behind the bars (`"BTCUSDT · 1H"`) */
+    watermark: StringConstructor;
+    /** Overrides of the built-in texts of the `locale` */
+    labels: PropType<Partial<TradingChartLabels>>;
+    /** Backend of the bars and lines: WebGPU, then WebGL2, WebGL, Canvas2D (default `auto`) */
+    renderer: PropType<ChartRendererPreference>;
+    /** Accessible label; built from the symbol by default */
+    ariaLabel: StringConstructor;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+/**
+ * Engine options of the pass-through components (trading, order book):
+ * every prop that is set but the size ones and `skip`, unwrapped
+ */
+export declare const definedOptions: <O>(props: Record<string, unknown>, skip?: readonly string[]) => O;

package/dist/vue/components/Chart/trading.js

@@ -0,0 +1,63 @@
+import { raw as e } from "./engine.js";
+import { chartFrameProps as t } from "./props.js";
+//#region src/components/Chart/trading.ts
+var n = {
+	type: Boolean,
+	default: void 0
+}, r = {
+	...t,
+	bars: [Array, Object],
+	timeframe: [Number, String],
+	symbol: String,
+	chartStyle: String,
+	indicators: Array,
+	scaleMode: String,
+	colorConvention: String,
+	upColor: String,
+	downColor: String,
+	precision: Number,
+	formatPrice: Function,
+	locale: String,
+	utcOffset: Number,
+	timeZone: String,
+	sessionBreaks: n,
+	crosshair: String,
+	legend: n,
+	lastPriceLine: n,
+	countdown: n,
+	highLowMarkers: n,
+	markers: Array,
+	priceLines: Array,
+	orderEntry: n,
+	volumeProfile: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	compare: Array,
+	drawings: Array,
+	drawingMode: String,
+	keepDrawingMode: n,
+	drawingToolbar: n,
+	baselinePrice: Number,
+	rightOffset: Number,
+	barSpacing: Number,
+	wheel: String,
+	kineticScroll: n,
+	grid: n,
+	watermark: String,
+	labels: Object,
+	renderer: String,
+	ariaLabel: String
+}, i = new Set(Object.keys(t)), a = (t, n = []) => {
+	let r = {};
+	for (let a of Object.keys(t)) {
+		if (i.has(a) || n.includes(a)) continue;
+		let o = t[a];
+		o !== void 0 && (r[a] = e(o));
+	}
+	return r;
+};
+//#endregion
+export { a as definedOptions, r as tradingChartProps };
+
+//# sourceMappingURL=trading.js.map

package/dist/vue/components/Chart/trading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trading.js","names":["optionalBoolean","tradingChartProps","chartFrameProps","FRAME","definedOptions","options","key","props","skip","value","raw"],"sources":["../../../../../vue/src/components/Chart/trading.ts"],"sourcesContent":["import type { PropType } from \"vue\";\nimport type {\n  ChartRendererPreference,\n  TradingBarsInput,\n  TradingChartLabels,\n  TradingChartStyle,\n  TradingColorConvention,\n  TradingCompareSeries,\n  TradingCrosshairMode,\n  TradingDrawing,\n  TradingDrawingTool,\n  TradingIndicator,\n  TradingMarker,\n  TradingPriceLine,\n  TradingScaleMode,\n  TradingTimeframe,\n  TradingVolumeProfileOptions,\n} from \"minerva-design/charts/core\";\nimport { chartFrameProps } from \"./props\";\nimport { raw } from \"./engine\";\n\nconst optionalBoolean = { type: Boolean, default: undefined } as const;\n\n/** Props of TradingChart: the options of `createTradingChart` */\nexport const tradingChartProps = {\n  ...chartFrameProps,\n  /** Bars, oldest first; replaced when a new array / object is passed (stream with the handle's `update`) */\n  bars: [Array, Object] as PropType<TradingBarsInput>,\n  /** Duration of a bar; inferred from the bar times by default */\n  timeframe: [Number, String] as PropType<TradingTimeframe>,\n  /** Name shown in the legend and the accessible label (`\"BTC/USDT\"`) */\n  symbol: String,\n  /** How the bars are drawn (default `candles`) */\n  chartStyle: String as PropType<TradingChartStyle>,\n  /** Indicators, over the price or in panes below it, in this order */\n  indicators: Array as PropType<readonly TradingIndicator[]>,\n  /** Price scale of the price pane (default `linear`) */\n  scaleMode: String as PropType<TradingScaleMode>,\n  /** Colors of rising / falling bars: `redUp` swaps the defaults (default `greenUp`) */\n  colorConvention: String as PropType<TradingColorConvention>,\n  /** Color of rising bars (any CSS color, `var(--x)` included) */\n  upColor: String,\n  /** Color of falling bars */\n  downColor: String,\n  /** Decimals of the prices; detected from the data by default */\n  precision: Number,\n  /** Formats the prices (axis, legend, labels); overrides `precision` */\n  formatPrice: Function as PropType<(price: number) => string>,\n  /** Locale of the texts, numbers and dates (`\"zh-CN\"`); the page language by default */\n  locale: String,\n  /** Offset of the displayed times from UTC, in minutes (`480` for UTC+8); overrides `timeZone` */\n  utcOffset: Number,\n  /** Time zone of the time axis, the session breaks and the VWAP periods (IANA name such as `\"America/New_York\"`, or `\"UTC\"`); local time by default */\n  timeZone: String,\n  /** Dashed vertical lines where a day starts (intraday bars; default `false`) */\n  sessionBreaks: optionalBoolean,\n  /** Crosshair behaviour (default `magnet`) */\n  crosshair: String as PropType<TradingCrosshairMode>,\n  /** Legends with the values at the crosshair and the indicator toggles (default `true`) */\n  legend: optionalBoolean,\n  /** Line and axis label at the last price (default `true`) */\n  lastPriceLine: optionalBoolean,\n  /** Time left until the current bar closes, under the last price label (default `false`) */\n  countdown: optionalBoolean,\n  /** Marks the highest and lowest prices of the visible bars (default `true`) */\n  highLowMarkers: optionalBoolean,\n  /** Buy / sell markers */\n  markers: Array as PropType<readonly TradingMarker[]>,\n  /** Order, position, take profit / stop loss and alert lines */\n  priceLines: Array as PropType<readonly TradingPriceLine[]>,\n  /** A \"+\" button at the crosshair price reporting a limit order (`orderCreate`; default `false`) */\n  orderEntry: optionalBoolean,\n  /** Volume by price of the visible bars, with its point of control and value area (`true` for the defaults; default `false`) */\n  volumeProfile: {\n    type: [Boolean, Object] as PropType<boolean | TradingVolumeProfileOptions>,\n    default: undefined,\n  },\n  /** Comparison series (best read with `scaleMode: \"percent\"`) */\n  compare: Array as PropType<readonly TradingCompareSeries[]>,\n  /** Drawings; replaced when a new array is passed (see the `drawingsChange` event) */\n  drawings: Array as PropType<readonly TradingDrawing[]>,\n  /** Active drawing tool (default `cursor`) */\n  drawingMode: String as PropType<TradingDrawingTool>,\n  /** Keeps the drawing tool after a drawing is made (default `false`) */\n  keepDrawingMode: optionalBoolean,\n  /** Floating toolbar over the selected drawing: color, width, style, fill, lock, delete (default `true`) */\n  drawingToolbar: optionalBoolean,\n  /** Price of the `baseline` style; the close of the first visible bar by default */\n  baselinePrice: Number,\n  /** Empty space after the last bar, in bars (default 8) */\n  rightOffset: Number,\n  /** Initial width of a bar, in pixels (default 8) */\n  barSpacing: Number,\n  /** Mouse wheel: `zoom`, `modifier` (zoom with Ctrl / ⌘ only) or `none` (default `zoom`) */\n  wheel: String as PropType<\"zoom\" | \"modifier\" | \"none\">,\n  /** Keeps panning after a quick drag (default `true`) */\n  kineticScroll: optionalBoolean,\n  /** Grid lines (default `true`) */\n  grid: optionalBoolean,\n  /** Large faint text behind the bars (`\"BTCUSDT · 1H\"`) */\n  watermark: String,\n  /** Overrides of the built-in texts of the `locale` */\n  labels: Object as PropType<Partial<TradingChartLabels>>,\n  /** Backend of the bars and lines: WebGPU, then WebGL2, WebGL, Canvas2D (default `auto`) */\n  renderer: String as PropType<ChartRendererPreference>,\n  /** Accessible label; built from the symbol by default */\n  ariaLabel: String,\n};\n\n/** Size / update props of the components, never passed to the engines */\nconst FRAME = new Set(Object.keys(chartFrameProps));\n\n/**\n * Engine options of the pass-through components (trading, order book):\n * every prop that is set but the size ones and `skip`, unwrapped\n */\nexport const definedOptions = <O>(\n  props: Record<string, unknown>,\n  skip: readonly string[] = [],\n): O => {\n  const options: Record<string, unknown> = {};\n  for (const key of Object.keys(props)) {\n    if (FRAME.has(key) || skip.includes(key)) continue;\n    const value = props[key];\n    if (value === undefined) continue;\n    options[key] = raw(value);\n  }\n  return options as O;\n};\n"],"mappings":";;;AAqBA,IAAMA,IAAkB;CAAE,MAAM;CAAS,SAAS,KAAA;AAAU,GAG/CC,IAAoB;CAC/B,GAAGC;CAEH,MAAM,CAAC,OAAO,MAAM;CAEpB,WAAW,CAAC,QAAQ,MAAM;CAE1B,QAAQ;CAER,YAAY;CAEZ,YAAY;CAEZ,WAAW;CAEX,iBAAiB;CAEjB,SAAS;CAET,WAAW;CAEX,WAAW;CAEX,aAAa;CAEb,QAAQ;CAER,WAAW;CAEX,UAAU;CAEV,eAAeF;CAEf,WAAW;CAEX,QAAQA;CAER,eAAeA;CAEf,WAAWA;CAEX,gBAAgBA;CAEhB,SAAS;CAET,YAAY;CAEZ,YAAYA;CAEZ,eAAe;EACb,MAAM,CAAC,SAAS,MAAM;EACtB,SAAS,KAAA;CACX;CAEA,SAAS;CAET,UAAU;CAEV,aAAa;CAEb,iBAAiBA;CAEjB,gBAAgBA;CAEhB,eAAe;CAEf,aAAa;CAEb,YAAY;CAEZ,OAAO;CAEP,eAAeA;CAEf,MAAMA;CAEN,WAAW;CAEX,QAAQ;CAER,UAAU;CAEV,WAAW;AACb,GAGMG,IAAQ,IAAI,IAAI,OAAO,KAAKD,CAAe,CAAC,GAMrCE,KACX,GACA,IAA0B,CAAC,MACrB;CACN,IAAMC,IAAmC,CAAC;CAC1C,KAAK,IAAMC,KAAO,OAAO,KAAKC,CAAK,GAAG;EACpC,IAAIJ,EAAM,IAAIG,CAAG,KAAKE,EAAK,SAASF,CAAG,GAAG;EAC1C,IAAMG,IAAQF,EAAMD;EACpB,AAAIG,MAAU,KAAA,MACd,EAAQH,KAAOI,EAAID,CAAK;CAC1B;CACA,OAAOJ;AACT"}

package/dist/vue/components/Chart/types.d.ts

@@ -0,0 +1,209 @@
+import { Chart3DCameraState, Chart3DInstance, ChartInstance, ChartRendererKind, ChartView, DepthChartInstance, GraphChartInstance, GraphData, GraphPoint, OrderBookDelta, OrderBookHeatmapInstance, OrderBookInstance, OrderBookSnapshot, QuadrantCorner, ShapeChartInstance, TimeAndSalesInstance, TradingBar, TradingBarsInput, TradingChartInstance, TradingDrawing, TradingDrawingPatch, TradingDrawingTool, TradingReplayState, TradingScaleMode, TradingUndoState, TradingVisibleRange } from '../../../charts/core.js';
+export type { Bar3DSeries, BoxplotGroup, BulletDatum, CalendarDatum, Chart3DCameraState, Chart3DHoverEvent, Chart3DInstance, Chart3DOptions, ChartAnnotation, ChartAxisOptions, ChartCurve, ChartHoverEvent, ChartHoverItem, ChartInstance, ChartInteractionOptions, ChartLegendOptions, ChartOptions, ChartPadding, ChartPlotClickEvent, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartTooltipOptions, ChartView, ChordChartOptions, ChordGroup, ChordLink, DepthChartHoverEvent, DepthChartInstance, DepthChartOptions, FunnelChartOptions, GanttTask, GaugeBand, GaugeChartOptions, GraphChartInstance, GraphChartLabels, GraphChartOptions, GraphCircularOptions, GraphDagOptions, GraphData, GraphDirection, GraphEdge, GraphEdgeStyle, GraphForceOptions, GraphGroup, GraphGroupToggleEvent, GraphHoverEvent, GraphInteractionOptions, GraphLayoutEndEvent, GraphLayoutType, GraphLegendOptions, GraphNode, GraphNodeShape, GraphPoint, GraphSelectEvent, GraphToggleEvent, GraphTooltipOptions, GraphTreeOptions, HeatmapCell, Line3DSeries, OrderBookDelta, OrderBookHeatmapHoverEvent, OrderBookHeatmapInstance, OrderBookHeatmapOptions, OrderBookInstance, OrderBookLevelEvent, OrderBookOptions, OrderBookSnapshot, PieChartOptions, QuadrantAxisLabels, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, RadarChartOptions, RadarIndicator, RadarSeries, RadialBarDatum, SankeyLink, SankeyNode, Scatter3DSeries, ShapeChartInstance, ShapeChartOptions, ShapeDatum, ShapeDrillEvent, ShapeHoverEvent, ShapeToggleEvent, Surface3DSeries, TimeAndSalesInstance, TimeAndSalesOptions, TimeAndSalesRowEvent, TradingBar, TradingBarsInput, TradingChartInstance, TradingChartOptions, TradingClickEvent, TradingCrosshairEvent, TradingDrawing, TradingDrawingTool, TradingIndicator, TradingOrderCancelEvent, TradingOrderCreateEvent, TradingReplayState, TradingUndoState, TradingVisibleRange, TreemapChartOptions, TreemapNode, WaterfallStep, } from '../../../charts/core.js';
+/** Template ref handle of the cartesian chart components */
+export interface ChartHandle {
+    /** Shows the whole data range */
+    resetZoom(): void;
+    /** Visible range, `null` before mount */
+    getView(): ChartView | null;
+    /** Sets the visible range */
+    setView(view: Partial<ChartView>): void;
+    /** Backend in use, `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+    /** The underlying engine instance (minerva-design/charts/core), `null` before mount */
+    getInstance(): ChartInstance | null;
+}
+/** Template ref handle of the shape chart components */
+export interface ShapeChartHandle {
+    /** Hides / shows a slice, stage, radar series or top-level treemap node by index */
+    toggle(index: number): void;
+    /** Sunburst: zooms into the node at `path` (names from the root, `[]` = the root) */
+    drill(path: readonly string[]): void;
+    /** The underlying engine instance (minerva-design/charts/core), `null` before mount */
+    getInstance(): ShapeChartInstance | null;
+}
+/** Template ref handle of `TradingChart` */
+export interface TradingChartHandle {
+    /** Streams a bar: the time of the last bar replaces it, a later time appends it (cheap: call it on every tick) */
+    update(bar: TradingBar): void;
+    /** Appends bars newer than the last one */
+    appendBars(bars: TradingBarsInput): void;
+    /** Inserts older bars before the first one, keeping the view */
+    prependBars(bars: TradingBarsInput): void;
+    /** Replaces the bars */
+    setBars(bars: TradingBarsInput): void;
+    /** Number of bars */
+    getBarCount(): number;
+    /** Bar at an index, `null` outside the data */
+    getBar(index: number): TradingBar | null;
+    /** Scrolls to the latest bar */
+    scrollToRealtime(animate?: boolean): void;
+    /** Shows every bar */
+    fitContent(): void;
+    /** Visible bars, `null` before mount */
+    getVisibleRange(): TradingVisibleRange | null;
+    /** Shows the bars between two logical indices */
+    setVisibleRange(range: {
+        from: number;
+        to: number;
+    }): void;
+    /** Times at the edges of the plot, `null` before mount */
+    getVisibleTimeRange(): {
+        from: number;
+        to: number;
+    } | null;
+    /** Shows the bars between two times */
+    setVisibleTimeRange(range: {
+        from: number;
+        to: number;
+    }): void;
+    /** Shows the crosshair at a time (and a price); `null` hides it */
+    setCrosshair(time: number | null, price?: number): void;
+    /** Sets the price scale of the price pane */
+    setScaleMode(mode: TradingScaleMode): void;
+    /** Fits every price scale to the visible bars again */
+    resetPriceScales(): void;
+    /** Activates a drawing tool */
+    setDrawingTool(tool: TradingDrawingTool): void;
+    /** Current drawings */
+    getDrawings(): readonly TradingDrawing[];
+    /** Deletes a drawing */
+    removeDrawing(id: string): void;
+    /** Changes the style or the content of a drawing (undoable) */
+    updateDrawing(id: string, patch: TradingDrawingPatch): void;
+    /** Selects a drawing (`null` clears the selection) */
+    selectDrawing(id: string | null): void;
+    /** Undoes the last change of the drawings */
+    undo(): void;
+    /** Redoes the last undone change of the drawings */
+    redo(): void;
+    /** Whether the drawings can be undone or redone */
+    getUndoState(): TradingUndoState;
+    /** Starts a bar replay after `time` (the user picks the bar without it) */
+    startReplay(time?: number): void;
+    /** Shows the next bars of the replay */
+    replayStep(count?: number): void;
+    /** Plays the replay at `speed` bars per second */
+    replayPlay(speed?: number): void;
+    /** Pauses the replay */
+    replayPause(): void;
+    /** Ends the replay and shows every bar */
+    stopReplay(): void;
+    /** State of the bar replay, `null` before mount */
+    getReplayState(): TradingReplayState | null;
+    /** Image of the chart as a data URL (`""` before mount) */
+    toDataURL(type?: string, quality?: number): string;
+    /** Image of the chart as a blob */
+    toBlob(type?: string, quality?: number): Promise<Blob | null>;
+    /** Shows the chart full screen */
+    requestFullscreen(): Promise<void>;
+    /** Leaves full screen */
+    exitFullscreen(): Promise<void>;
+    /** Shows or hides an indicator */
+    setIndicatorVisible(id: string, visible: boolean): void;
+    /** Backend in use, `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+    /** The underlying engine instance (minerva-design/charts/core), `null` before mount */
+    getInstance(): TradingChartInstance | null;
+}
+/** Template ref handle of `GraphChart`, `DependencyGraph` and `TreeChart` */
+export interface GraphChartHandle {
+    /** Fits the visible nodes in the view */
+    fit(animate?: boolean): void;
+    /** Centers a node (expanding its collapsed ancestors), optionally zooming */
+    focusNode(id: string, options?: {
+        zoom?: number;
+        animate?: boolean;
+    }): void;
+    /** Replaces the data until the props change again */
+    setData(data: GraphData): void;
+    /** Selects nodes (`null` clears the selection) */
+    select(ids: readonly string[] | string | null): void;
+    /** Ids of the selected nodes */
+    getSelection(): string[];
+    /** Expands a node (all nodes without an id) */
+    expand(id?: string): void;
+    /** Collapses a node (all nodes with children without an id) */
+    collapse(id?: string): void;
+    /** Collapses / expands a node */
+    toggle(id: string): void;
+    /** Current positions of the nodes in layout units */
+    getPositions(): Record<string, GraphPoint>;
+    /** Computes the layout again */
+    relayout(): void;
+    /** Backend in use, `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+    /** The underlying engine instance (minerva-design/charts/core), `null` before mount */
+    getInstance(): GraphChartInstance | null;
+}
+/** Trades of `TimeAndSales` and `OrderBookHeatmap`, oldest first */
+export type ChartTrades = Parameters<TimeAndSalesInstance["setTrades"]>[0];
+/** Template ref handle of `DepthChart` */
+export interface DepthChartHandle {
+    /** Replaces the book */
+    setBook(snapshot: OrderBookSnapshot): void;
+    /** Applies updates (size 0 removes a level); drawn once at the next frame */
+    applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;
+    /** Sets the visible range (fraction of the mid); `null` fits the book */
+    setRange(range: number | null): void;
+    /** The underlying engine instance (minerva-design/charts/core), `null` before mount */
+    getInstance(): DepthChartInstance | null;
+}
+/** Template ref handle of `OrderBook` */
+export interface OrderBookHandle {
+    /** Replaces the book */
+    setBook(snapshot: OrderBookSnapshot): void;
+    /** Applies updates (size 0 removes a level); drawn once at the next frame */
+    applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;
+    /** Price of the spread row (the mid price when `null`) */
+    setLastPrice(price: number | null): void;
+    /** The underlying engine instance (minerva-design/charts/core), `null` before mount */
+    getInstance(): OrderBookInstance | null;
+}
+/** Template ref handle of `OrderBookHeatmap` */
+export interface OrderBookHeatmapHandle {
+    /** Replaces the book (closes the columns up to its time) */
+    setBook(snapshot: OrderBookSnapshot): void;
+    /** Applies updates (closes the columns up to their time) */
+    applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;
+    /** Adds trades (bubbles) */
+    addTrades(trades: ChartTrades[number] | ChartTrades): void;
+    /** Follows the market again */
+    resetView(): void;
+    /** The underlying engine instance (minerva-design/charts/core), `null` before mount */
+    getInstance(): OrderBookHeatmapInstance | null;
+}
+/** Template ref handle of `TimeAndSales` */
+export interface TimeAndSalesHandle {
+    /** Appends trades (oldest first) */
+    addTrades(trades: ChartTrades[number] | ChartTrades): void;
+    /** Replaces every trade */
+    setTrades(trades: ChartTrades): void;
+    /** Removes every trade */
+    clear(): void;
+    /** Scrolls back to the newest trade and resumes */
+    scrollToLatest(): void;
+    /** The underlying engine instance (minerva-design/charts/core), `null` before mount */
+    getInstance(): TimeAndSalesInstance | null;
+}
+/** Template ref handle of the 3D chart components */
+export interface Chart3DHandle {
+    /** Restores the camera of the `camera` prop */
+    resetCamera(): void;
+    /** Current camera, `null` before mount */
+    getCamera(): Chart3DCameraState | null;
+    /** Moves the camera */
+    setCamera(camera: Partial<Chart3DCameraState>): void;
+    /** Backend in use, `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+    /** The underlying engine instance (minerva-design/charts/core), `null` before mount */
+    getInstance(): Chart3DInstance | null;
+}
+/** Where a dragged QuadrantChart point was dropped */
+export interface QuadrantDropTarget {
+    /** Data coordinates of the drop */
+    x: number;
+    y: number;
+    /** Quadrant of the drop, as seen on screen */
+    quadrant: QuadrantCorner;
+}

package/dist/vue/global.d.ts

@@ -43,6 +43,7 @@ declare module "vue" {
         MnFormLabel: typeof Minerva.FormLabel;
         MnFormLayout: typeof Minerva.FormLayout;
         MnGridItem: typeof Minerva.GridItem;
+        MnHStack: typeof Minerva.HStack;
         MnHtmlPreview: typeof Minerva.HtmlPreview;
         MnIconButton: typeof Minerva.IconButton;
         MnInput: typeof Minerva.Input;
@@ -118,6 +119,7 @@ declare module "vue" {
         MnTooltip: typeof Minerva.Tooltip;
         MnTooltipProvider: typeof Minerva.TooltipProvider;
         MnUpload: typeof Minerva.Upload;
+        MnVStack: typeof Minerva.VStack;
         MnVirtualList: typeof Minerva.VirtualList;
     }
 }

package/dist/vue/groups/charts.d.ts

@@ -0,0 +1 @@
+export * from '../components/Chart/index.js';

package/dist/vue/groups/charts.js

@@ -0,0 +1,95 @@
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
+import { useChartEngine as t } from "../components/Chart/engine.js";
+import n from "../components/Chart/Chart.vue.js";
+import r from "../components/Chart/LineChart.vue.js";
+import i from "../components/Chart/AreaChart.vue.js";
+import a from "../components/Chart/BarChart.vue.js";
+import o from "../components/Chart/ScatterChart.vue.js";
+import s from "../components/Chart/CandlestickChart.vue.js";
+import c from "../components/Chart/HeatmapChart.vue.js";
+import l from "../components/Chart/Sparkline.vue.js";
+import u from "../components/Chart/QuadrantChart.vue.js";
+import d from "../components/Chart/ShapeChart.vue.js";
+import f from "../components/Chart/PieChart.vue.js";
+import p from "../components/Chart/DonutChart.vue.js";
+import m from "../components/Chart/RadarChart.vue.js";
+import h from "../components/Chart/GaugeChart.vue.js";
+import g from "../components/Chart/FunnelChart.vue.js";
+import _ from "../components/Chart/TreemapChart.vue.js";
+import v from "../components/Chart/HorizontalBarChart.vue.js";
+import y from "../components/Chart/RangeAreaChart.vue.js";
+import b from "../components/Chart/MixedChart.vue.js";
+import x from "../components/Chart/BubbleChart.vue.js";
+import S from "../components/Chart/HistogramChart.vue.js";
+import C from "../components/Chart/BoxPlotChart.vue.js";
+import w from "../components/Chart/WaterfallChart.vue.js";
+import T from "../components/Chart/GanttChart.vue.js";
+import E from "../components/Chart/SankeyChart.vue.js";
+import D from "../components/Chart/SunburstChart.vue.js";
+import O from "../components/Chart/RadialBarChart.vue.js";
+import k from "../components/Chart/CalendarHeatmap.vue.js";
+import A from "../components/Chart/BulletChart.vue.js";
+import j from "../components/Chart/TradingChart.vue.js";
+import M from "../components/Chart/DepthChart.vue.js";
+import N from "../components/Chart/OrderBook.vue.js";
+import P from "../components/Chart/OrderBookHeatmap.vue.js";
+import F from "../components/Chart/TimeAndSales.vue.js";
+import I from "../components/Chart/Scatter3DChart.vue.js";
+import L from "../components/Chart/Line3DChart.vue.js";
+import R from "../components/Chart/Surface3DChart.vue.js";
+import z from "../components/Chart/Bar3DChart.vue.js";
+import B from "../components/Chart/ChordChart.vue.js";
+import V from "../components/Chart/GraphChart.vue.js";
+import H from "../components/Chart/DependencyGraph.vue.js";
+import U from "../components/Chart/TreeChart.vue.js";
+import "../components/Chart/index.js";
+//#region src/groups/charts.ts
+var W = /* @__PURE__ */ e({
+	AreaChart: () => i,
+	Bar3DChart: () => z,
+	BarChart: () => a,
+	BoxPlotChart: () => C,
+	BubbleChart: () => x,
+	BulletChart: () => A,
+	CalendarHeatmap: () => k,
+	CandlestickChart: () => s,
+	Chart: () => n,
+	ChordChart: () => B,
+	DependencyGraph: () => H,
+	DepthChart: () => M,
+	DonutChart: () => p,
+	FunnelChart: () => g,
+	GanttChart: () => T,
+	GaugeChart: () => h,
+	GraphChart: () => V,
+	HeatmapChart: () => c,
+	HistogramChart: () => S,
+	HorizontalBarChart: () => v,
+	Line3DChart: () => L,
+	LineChart: () => r,
+	MixedChart: () => b,
+	OrderBook: () => N,
+	OrderBookHeatmap: () => P,
+	PieChart: () => f,
+	QuadrantChart: () => u,
+	RadarChart: () => m,
+	RadialBarChart: () => O,
+	RangeAreaChart: () => y,
+	SankeyChart: () => E,
+	Scatter3DChart: () => I,
+	ScatterChart: () => o,
+	ShapeChart: () => d,
+	Sparkline: () => l,
+	SunburstChart: () => D,
+	Surface3DChart: () => R,
+	TimeAndSales: () => F,
+	TradingChart: () => j,
+	TreeChart: () => U,
+	TreemapChart: () => _,
+	WaterfallChart: () => w,
+	useChartEngine: () => t
+});
+//#endregion
+export { i as AreaChart, z as Bar3DChart, a as BarChart, C as BoxPlotChart, x as BubbleChart, A as BulletChart, k as CalendarHeatmap, s as CandlestickChart, n as Chart, B as ChordChart, H as DependencyGraph, M as DepthChart, p as DonutChart, g as FunnelChart, T as GanttChart, h as GaugeChart, V as GraphChart, c as HeatmapChart, S as HistogramChart, v as HorizontalBarChart, L as Line3DChart, r as LineChart, b as MixedChart, N as OrderBook, P as OrderBookHeatmap, f as PieChart, u as QuadrantChart, m as RadarChart, O as RadialBarChart, y as RangeAreaChart, E as SankeyChart, I as Scatter3DChart, o as ScatterChart, d as ShapeChart, l as Sparkline, D as SunburstChart, R as Surface3DChart, F as TimeAndSales, j as TradingChart, U as TreeChart, _ as TreemapChart, w as WaterfallChart, W as charts_exports, t as useChartEngine };
+
+//# sourceMappingURL=charts.js.map

package/dist/vue/groups/charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.js","names":["Chart_default","LineChart_default","AreaChart_default","BarChart_default","ScatterChart_default","CandlestickChart_default","HeatmapChart_default","Sparkline_default","QuadrantChart_default","ShapeChart_default","PieChart_default","DonutChart_default","RadarChart_default","GaugeChart_default","FunnelChart_default","TreemapChart_default","HorizontalBarChart_default","RangeAreaChart_default","MixedChart_default","BubbleChart_default","HistogramChart_default","BoxPlotChart_default","WaterfallChart_default","GanttChart_default","SankeyChart_default","SunburstChart_default","RadialBarChart_default","CalendarHeatmap_default","BulletChart_default","TradingChart_default","DepthChart_default","OrderBook_default","OrderBookHeatmap_default","TimeAndSales_default","Scatter3DChart_default","Line3DChart_default","Surface3DChart_default","Bar3DChart_default","ChordChart_default","GraphChart_default","DependencyGraph_default","TreeChart_default","charts_exports","useChartEngine"],"sources":["../../../../vue/src/groups/charts.ts"],"sourcesContent":["// Components of the \"charts\" group (see src/index.ts): thin wrappers of the\n// chart engine of minerva-design/charts/core (shared with the React charts\n// and the other renderers; the Vue build keeps it external).\nexport * from \"../components/Chart\";\n"],"mappings":""}

package/dist/vue/index.d.ts

@@ -5,6 +5,7 @@ export * from './groups/overlays.js';
 export * from './groups/navigation.js';
 export * from './groups/display.js';
 export * from './groups/config.js';
+export * from './groups/charts.js';
 export { themes, light, dark, githubDark, palettes, cn } from '../core/index.js';
 export type { ColorScheme, Palette, SupportedLanguage, ThemeMode, DesignPreset, Density, RadiusScale, ShadowScale, FontScale, } from '../core/index.js';
 export { MinervaVue, MinervaVue as default } from './plugin.js';