minerva-design 1.3.0 → 1.4.0

package/dist/web-components/components/order-book/order-book.js

@@ -0,0 +1,174 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
+import { MinervaEngineElement as t } from "../chart/engine-element.js";
+import { property as n } from "lit/decorators.js";
+import { createDepthChart as r, createOrderBook as i, createOrderBookHeatmap as a, createTimeAndSales as o } from "../../../charts/core.js";
+//#region src/components/order-book/order-book.ts
+var s = class extends t {
+	engineOptions() {
+		return { ...this.options };
+	}
+	engineMounted(e) {
+		this.book && e.setBook(this.book);
+	}
+	syncEngine(e, t) {
+		t.has("options") && e.setOptions(this.engineOptions()), t.has("book") && this.book && e.setBook(this.book);
+	}
+	setBook(e) {
+		this.instance?.setBook(e);
+	}
+	applyDeltas(e) {
+		this.instance?.applyDeltas(e);
+	}
+};
+e([n({ attribute: !1 })], s.prototype, "book", void 0);
+var c = class {
+	reset() {
+		this.previous = void 0;
+	}
+	apply(e, t, n) {
+		let r = this.previous;
+		if (this.previous = e, !e || e === r) return;
+		let i = r?.length ?? 0;
+		if (r && i > 0 && e.length >= i && e[0] === r[0] && e[i - 1] === r[i - 1]) {
+			e.length > i && t(e.slice(i));
+			return;
+		}
+		n(e);
+	}
+}, l = class extends s {
+	static {
+		this.tagName = "minerva-depth-chart";
+	}
+	createEngine(e, t) {
+		return r(e, t);
+	}
+	bindEngine(e) {
+		return [
+			e.on("hover", (e) => this.emit("minerva-hover", e)),
+			e.on("click", (e) => this.emit("minerva-click", e)),
+			e.on("range", (e) => this.emit("minerva-range-change", { range: e }))
+		];
+	}
+	setRange(e) {
+		this.instance?.setRange(e);
+	}
+};
+e([n({ attribute: !1 })], l.prototype, "options", void 0);
+var u = class extends s {
+	static {
+		this.tagName = "minerva-order-book";
+	}
+	get defaultHeight() {
+		return 420;
+	}
+	createEngine(e, t) {
+		return i(e, t);
+	}
+	bindEngine(e) {
+		return [e.on("hover", (e) => this.emit("minerva-hover", e)), e.on("levelClick", (e) => this.emit("minerva-level-click", e))];
+	}
+	engineMounted(e) {
+		super.engineMounted(e), this.lastPrice !== void 0 && e.setLastPrice(this.lastPrice);
+	}
+	syncEngine(e, t) {
+		super.syncEngine(e, t), t.has("lastPrice") && this.lastPrice !== void 0 && e.setLastPrice(this.lastPrice);
+	}
+	setLastPrice(e) {
+		this.instance?.setLastPrice(e);
+	}
+};
+e([n({
+	type: Number,
+	attribute: "last-price"
+})], u.prototype, "lastPrice", void 0), e([n({ attribute: !1 })], u.prototype, "options", void 0);
+var d = class extends s {
+	constructor(...e) {
+		super(...e), this.feed = new c();
+	}
+	static {
+		this.tagName = "minerva-order-book-heatmap";
+	}
+	get defaultHeight() {
+		return 360;
+	}
+	createEngine(e, t) {
+		return this.feed.reset(), a(e, t);
+	}
+	bindEngine(e) {
+		return [
+			e.on("hover", (e) => this.emit("minerva-hover", e)),
+			e.on("renderer", (e) => this.emit("minerva-renderer-change", { renderer: e })),
+			e.on("follow", (e) => this.emit("minerva-follow-change", { follow: e }))
+		];
+	}
+	feedTrades(e) {
+		let t = (t) => e.addTrades(t);
+		this.feed.apply(this.trades, t, t);
+	}
+	engineMounted(e) {
+		super.engineMounted(e), this.feedTrades(e);
+	}
+	syncEngine(e, t) {
+		super.syncEngine(e, t), t.has("trades") && this.feedTrades(e);
+	}
+	addTrades(e) {
+		this.instance?.addTrades(e);
+	}
+	resetView() {
+		this.instance?.resetView();
+	}
+	getRenderer() {
+		return this.instance?.getRenderer() ?? null;
+	}
+};
+e([n({ attribute: !1 })], d.prototype, "trades", void 0), e([n({ attribute: !1 })], d.prototype, "options", void 0);
+var f = class extends t {
+	constructor(...e) {
+		super(...e), this.feed = new c();
+	}
+	static {
+		this.tagName = "minerva-time-and-sales";
+	}
+	get defaultHeight() {
+		return 360;
+	}
+	createEngine(e, t) {
+		return this.feed.reset(), o(e, t);
+	}
+	engineOptions() {
+		return { ...this.options };
+	}
+	bindEngine(e) {
+		return [
+			e.on("hover", (e) => this.emit("minerva-hover", e)),
+			e.on("tradeClick", (e) => this.emit("minerva-trade-click", e)),
+			e.on("pause", (e) => this.emit("minerva-pause", { paused: e }))
+		];
+	}
+	feedTrades(e) {
+		this.feed.apply(this.trades, (t) => e.addTrades(t), (t) => e.setTrades(t));
+	}
+	engineMounted(e) {
+		this.feedTrades(e);
+	}
+	syncEngine(e, t) {
+		t.has("options") && e.setOptions(this.engineOptions()), t.has("trades") && this.feedTrades(e);
+	}
+	addTrades(e) {
+		this.instance?.addTrades(e);
+	}
+	setTrades(e) {
+		this.instance?.setTrades(e);
+	}
+	clear() {
+		this.instance?.clear();
+	}
+	scrollToLatest() {
+		this.instance?.scrollToLatest();
+	}
+};
+e([n({ attribute: !1 })], f.prototype, "trades", void 0), e([n({ attribute: !1 })], f.prototype, "options", void 0);
+//#endregion
+export { l as MinervaDepthChart, u as MinervaOrderBook, d as MinervaOrderBookHeatmap, f as MinervaTimeAndSales };
+
+//# sourceMappingURL=order-book.js.map

package/dist/web-components/components/order-book/order-book.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-book.js","names":["_decorate","__decorate","BookElement","MinervaEngineElement","engine","changed","snapshot","deltas","property","TradeFeed","previous","trades","n","add","MinervaDepthChart","createDepthChart","container","options","chart","range","MinervaOrderBook","createOrderBook","book","price","MinervaOrderBookHeatmap","_args","createOrderBookHeatmap","heatmap","list","MinervaTimeAndSales","_args2","createTimeAndSales","tape"],"sources":["../../../../../web-components/src/components/order-book/order-book.ts"],"sourcesContent":["import type { PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport {\n  createDepthChart,\n  createOrderBook,\n  createOrderBookHeatmap,\n  createTimeAndSales,\n  type ChartRendererKind,\n  type DepthChartInstance,\n  type DepthChartOptions,\n  type OrderBookDelta,\n  type OrderBookHeatmapInstance,\n  type OrderBookHeatmapOptions,\n  type OrderBookInstance,\n  type OrderBookOptions,\n  type OrderBookSnapshot,\n  type TimeAndSalesInstance,\n  type TimeAndSalesOptions,\n} from \"minerva-design/charts/core\";\nimport {\n  MinervaEngineElement,\n  type EngineInstance,\n} from \"../chart/engine-element\";\n\n/** Trades of the tape and of the heatmap, oldest first */\ntype Trades = Parameters<TimeAndSalesInstance[\"setTrades\"]>[0];\n\n/** Engine of an order book widget: options plus a book streamed apart */\ninterface BookEngine<O> extends EngineInstance<O> {\n  setBook(snapshot: OrderBookSnapshot): void;\n  applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;\n}\n\n/**\n * Base of the order book widgets: `options` go through `setOptions`, the\n * `book` property through `setBook` (stream updates with `applyDeltas`).\n */\nabstract class BookElement<\n  O extends object,\n  I extends BookEngine<O>,\n> extends MinervaEngineElement<O, I> {\n  /** Book `{ bids, asks, time }` (levels `[price, size]`), applied when the object changes; stream updates through `applyDeltas`; property only */\n  @property({ attribute: false })\n  book?: OrderBookSnapshot;\n\n  /** Engine options; property only */\n  abstract options?: O;\n\n  protected engineOptions(): O {\n    return { ...this.options } as O;\n  }\n\n  protected override engineMounted(engine: I): void {\n    if (this.book) engine.setBook(this.book);\n  }\n\n  protected override syncEngine(engine: I, changed: PropertyValues): void {\n    if (changed.has(\"options\")) engine.setOptions(this.engineOptions());\n    if (changed.has(\"book\") && this.book) engine.setBook(this.book);\n  }\n\n  /** Replaces the book */\n  setBook(snapshot: OrderBookSnapshot): void {\n    this.instance?.setBook(snapshot);\n  }\n\n  /** Applies updates (size 0 removes a level); drawn once at the next frame */\n  applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void {\n    this.instance?.applyDeltas(deltas);\n  }\n}\n\n/**\n * Passes a trades array to an engine: when it grew (same first and last\n * known items), only the appended trades; any other change replaces them\n */\nclass TradeFeed {\n  private previous?: Trades;\n\n  reset(): void {\n    this.previous = undefined;\n  }\n\n  apply(\n    trades: Trades | undefined,\n    add: (trades: Trades) => void,\n    replace: (trades: Trades) => void,\n  ): void {\n    const previous = this.previous;\n    this.previous = trades;\n    if (!trades || trades === previous) return;\n    const n = previous?.length ?? 0;\n    if (\n      previous &&\n      n > 0 &&\n      trades.length >= n &&\n      trades[0] === previous[0] &&\n      trades[n - 1] === previous[n - 1]\n    ) {\n      if (trades.length > n) add(trades.slice(n));\n      return;\n    }\n    replace(trades);\n  }\n}\n\n/**\n * Cumulative depth of an order book (the `<DepthChart>` of React, engine\n * `createDepthChart` of `minerva-design/charts/core`): stepped bid / ask\n * areas around the mid price, mirrored hover readout, zoom around the mid,\n * eased updates.\n *\n * Published as the optional entry `minerva-design/web-components/order-book`.\n *\n * @summary Cumulative bid / ask depth around the mid price.\n * @tag minerva-depth-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n * @fires minerva-hover - The pointer moved over the curves; detail: { side, price, amount, total, average, distance, mirror }, `null` when it left\n * @fires minerva-click - The curves were clicked or tapped; detail: { side, price, amount, total, average, distance, mirror }\n * @fires minerva-range-change - The visible range changed by zooming; detail: { range } (fraction of the mid)\n */\nexport class MinervaDepthChart extends BookElement<\n  DepthChartOptions,\n  DepthChartInstance\n> {\n  static override tagName = \"minerva-depth-chart\";\n\n  /** Engine options (`DepthChartOptions`: range, curve, amount, priceLines, colorConvention, locale, labels...); property only */\n  @property({ attribute: false })\n  override options?: DepthChartOptions;\n\n  protected createEngine(\n    container: HTMLElement,\n    options: DepthChartOptions,\n  ): DepthChartInstance {\n    return createDepthChart(container, options);\n  }\n\n  protected override bindEngine(chart: DepthChartInstance): Array<() => void> {\n    return [\n      chart.on(\"hover\", (e) => this.emit(\"minerva-hover\", e)),\n      chart.on(\"click\", (e) => this.emit(\"minerva-click\", e)),\n      chart.on(\"range\", (range) =>\n        this.emit(\"minerva-range-change\", { range }),\n      ),\n    ];\n  }\n\n  /** Sets the visible range (fraction of the mid); `null` fits the book */\n  setRange(range: number | null): void {\n    this.instance?.setRange(range);\n  }\n}\n\n/**\n * Order book ladder (the `<OrderBook>` of React, engine `createOrderBook`\n * of `minerva-design/charts/core`): asks above the spread row, bids below,\n * with depth bars, price grouping, change flashes and large order\n * highlight.\n *\n * Published as the optional entry `minerva-design/web-components/order-book`.\n *\n * @summary Order book ladder with depth bars and flashes.\n * @tag minerva-order-book\n * @csspart root - The sized box of the ladder\n * @csspart surface - The element the engine renders into\n * @fires minerva-hover - A row is hovered; detail: { side, index, price, size, sum, notional, average }, `null` when the pointer left\n * @fires minerva-level-click - A row was clicked, tapped or activated with Enter; detail: { side, index, price, size, sum, notional, average }\n */\nexport class MinervaOrderBook extends BookElement<\n  OrderBookOptions,\n  OrderBookInstance\n> {\n  static override tagName = \"minerva-order-book\";\n\n  /** Price of the spread row, colored by its last move (the mid price when unset) */\n  @property({ type: Number, attribute: \"last-price\" })\n  lastPrice?: number | null;\n\n  /** Engine options (`OrderBookOptions`: mode, grouping, rows, columns, depthBars, locale, labels...); property only */\n  @property({ attribute: false })\n  override options?: OrderBookOptions;\n\n  protected override get defaultHeight(): string | number {\n    return 420;\n  }\n\n  protected createEngine(\n    container: HTMLElement,\n    options: OrderBookOptions,\n  ): OrderBookInstance {\n    return createOrderBook(container, options);\n  }\n\n  protected override bindEngine(book: OrderBookInstance): Array<() => void> {\n    return [\n      book.on(\"hover\", (e) => this.emit(\"minerva-hover\", e)),\n      book.on(\"levelClick\", (e) => this.emit(\"minerva-level-click\", e)),\n    ];\n  }\n\n  protected override engineMounted(engine: OrderBookInstance): void {\n    super.engineMounted(engine);\n    if (this.lastPrice !== undefined) engine.setLastPrice(this.lastPrice);\n  }\n\n  protected override syncEngine(\n    engine: OrderBookInstance,\n    changed: PropertyValues,\n  ): void {\n    super.syncEngine(engine, changed);\n    if (changed.has(\"lastPrice\") && this.lastPrice !== undefined)\n      engine.setLastPrice(this.lastPrice);\n  }\n\n  /** Price of the spread row (the mid price when `null`) */\n  setLastPrice(price: number | null): void {\n    this.instance?.setLastPrice(price);\n  }\n}\n\n/**\n * Liquidity heatmap (the `<OrderBookHeatmap>` of React, engine\n * `createOrderBookHeatmap` of `minerva-design/charts/core`): resting size\n * over time and price drawn by the GPU, best bid / ask lines and trades as\n * bubbles sized by volume.\n *\n * Published as the optional entry `minerva-design/web-components/order-book`.\n *\n * @summary GPU liquidity heatmap of an order book over time.\n * @tag minerva-order-book-heatmap\n * @csspart root - The sized box of the heatmap\n * @csspart surface - The element the engine renders into\n * @fires minerva-hover - A cell is hovered; detail: { time, price, size, side, buyVolume, sellVolume }, `null` when the pointer left\n * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }\n * @fires minerva-follow-change - The view follows the market (`true`) or not after a zoom / pan (`false`); detail: { follow }\n */\nexport class MinervaOrderBookHeatmap extends BookElement<\n  OrderBookHeatmapOptions,\n  OrderBookHeatmapInstance\n> {\n  static override tagName = \"minerva-order-book-heatmap\";\n\n  /** Trades `{ time, price, size, side }`; when the array grows, only the appended ones are added; property only */\n  @property({ attribute: false })\n  trades?: Trades;\n\n  /** Engine options (`OrderBookHeatmapOptions`: tickSize, interval, window, colorScale, bubbles, locale, labels...); property only */\n  @property({ attribute: false })\n  override options?: OrderBookHeatmapOptions;\n\n  private feed = new TradeFeed();\n\n  protected override get defaultHeight(): string | number {\n    return 360;\n  }\n\n  protected createEngine(\n    container: HTMLElement,\n    options: OrderBookHeatmapOptions,\n  ): OrderBookHeatmapInstance {\n    this.feed.reset();\n    return createOrderBookHeatmap(container, options);\n  }\n\n  protected override bindEngine(\n    heatmap: OrderBookHeatmapInstance,\n  ): Array<() => void> {\n    return [\n      heatmap.on(\"hover\", (e) => this.emit(\"minerva-hover\", e)),\n      heatmap.on(\"renderer\", (renderer) =>\n        this.emit(\"minerva-renderer-change\", { renderer }),\n      ),\n      heatmap.on(\"follow\", (follow) =>\n        this.emit(\"minerva-follow-change\", { follow }),\n      ),\n    ];\n  }\n\n  private feedTrades(engine: OrderBookHeatmapInstance): void {\n    const add = (list: Trades) => engine.addTrades(list);\n    this.feed.apply(this.trades, add, add);\n  }\n\n  protected override engineMounted(engine: OrderBookHeatmapInstance): void {\n    super.engineMounted(engine);\n    this.feedTrades(engine);\n  }\n\n  protected override syncEngine(\n    engine: OrderBookHeatmapInstance,\n    changed: PropertyValues,\n  ): void {\n    super.syncEngine(engine, changed);\n    if (changed.has(\"trades\")) this.feedTrades(engine);\n  }\n\n  /** Adds trades (bubbles) */\n  addTrades(trades: Trades[number] | Trades): void {\n    this.instance?.addTrades(trades);\n  }\n\n  /** Follows the market again (latest time, centered on the mid price) */\n  resetView(): void {\n    this.instance?.resetView();\n  }\n\n  /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */\n  getRenderer(): ChartRendererKind | null {\n    return this.instance?.getRenderer() ?? null;\n  }\n}\n\n/**\n * Time and sales tape (the `<TimeAndSales>` of React, engine\n * `createTimeAndSales` of `minerva-design/charts/core`): newest trades on\n * top, virtualized (hundreds of thousands of rows), large trades\n * highlighted, paused while hovered.\n *\n * Published as the optional entry `minerva-design/web-components/order-book`.\n *\n * @summary Virtualized tape of the latest trades.\n * @tag minerva-time-and-sales\n * @csspart root - The sized box of the tape\n * @csspart surface - The element the engine renders into\n * @fires minerva-hover - A row is hovered; detail: { trade, count, index }, `null` when the pointer left\n * @fires minerva-trade-click - A row was clicked, tapped or activated with Enter; detail: { trade, count, index }\n * @fires minerva-pause - The tape paused (pointer over it, scrolled down) or resumed; detail: { paused }\n */\nexport class MinervaTimeAndSales extends MinervaEngineElement<\n  TimeAndSalesOptions,\n  TimeAndSalesInstance\n> {\n  static override tagName = \"minerva-time-and-sales\";\n\n  /** Trades `{ time, price, size, side }`, oldest first; when the array grows, only the appended ones are added (other changes replace the tape); property only */\n  @property({ attribute: false })\n  trades?: Trades;\n\n  /** Engine options (`TimeAndSalesOptions`: columns, minSize, largeTradeThreshold, aggregate, locale, labels...); property only */\n  @property({ attribute: false })\n  options?: TimeAndSalesOptions;\n\n  private feed = new TradeFeed();\n\n  protected override get defaultHeight(): string | number {\n    return 360;\n  }\n\n  protected createEngine(\n    container: HTMLElement,\n    options: TimeAndSalesOptions,\n  ): TimeAndSalesInstance {\n    this.feed.reset();\n    return createTimeAndSales(container, options);\n  }\n\n  protected engineOptions(): TimeAndSalesOptions {\n    return { ...this.options };\n  }\n\n  protected override bindEngine(tape: TimeAndSalesInstance): Array<() => void> {\n    return [\n      tape.on(\"hover\", (e) => this.emit(\"minerva-hover\", e)),\n      tape.on(\"tradeClick\", (e) => this.emit(\"minerva-trade-click\", e)),\n      tape.on(\"pause\", (paused) => this.emit(\"minerva-pause\", { paused })),\n    ];\n  }\n\n  private feedTrades(engine: TimeAndSalesInstance): void {\n    this.feed.apply(\n      this.trades,\n      (list) => engine.addTrades(list),\n      (list) => engine.setTrades(list),\n    );\n  }\n\n  protected override engineMounted(engine: TimeAndSalesInstance): void {\n    this.feedTrades(engine);\n  }\n\n  protected override syncEngine(\n    engine: TimeAndSalesInstance,\n    changed: PropertyValues,\n  ): void {\n    if (changed.has(\"options\")) engine.setOptions(this.engineOptions());\n    if (changed.has(\"trades\")) this.feedTrades(engine);\n  }\n\n  /** Appends trades (oldest first) */\n  addTrades(trades: Trades[number] | Trades): void {\n    this.instance?.addTrades(trades);\n  }\n\n  /** Replaces every trade */\n  setTrades(trades: Trades): void {\n    this.instance?.setTrades(trades);\n  }\n\n  /** Removes every trade */\n  clear(): void {\n    this.instance?.clear();\n  }\n\n  /** Scrolls back to the newest trade and resumes */\n  scrollToLatest(): void {\n    this.instance?.scrollToLatest();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-depth-chart\": MinervaDepthChart;\n    \"minerva-order-book\": MinervaOrderBook;\n    \"minerva-order-book-heatmap\": MinervaOrderBookHeatmap;\n    \"minerva-time-and-sales\": MinervaTimeAndSales;\n  }\n}\n"],"mappings":"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"}

package/dist/web-components/components/trading-chart/trading-chart.d.ts

@@ -0,0 +1,96 @@
+import { ChartRendererKind, TradingBar, TradingBarsInput, TradingChartInstance, TradingChartOptions, TradingChartStyle, TradingDrawing, TradingDrawingTool, TradingIndicator, TradingTimeframe, TradingVisibleRange } from '../../../charts/core.js';
+import { MinervaEngineElement } from '../chart/engine-element.js';
+/**
+ * Professional trading chart of `minerva-design/charts/core` (the
+ * `<TradingChart>` of React, engine `createTradingChart`): candles (hollow,
+ * Heikin-Ashi, bars, line, area, baseline) over a gap-free time axis,
+ * indicator panes, drawing tools, order lines and real-time streaming,
+ * drawn on the GPU. Stream ticks with `updateBar(bar)`; replace `bars` for a
+ * new data set.
+ *
+ * Published as the optional entry
+ * `minerva-design/web-components/trading-chart` (it loads the trading
+ * engine only).
+ *
+ * @summary GPU trading chart: candles, indicators, drawings, streaming.
+ * @tag minerva-trading-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ * @fires minerva-crosshair-move - The crosshair moved; detail: { time, index, bar, price, pane, x, y }, `null` when it left the chart
+ * @fires minerva-click - A pane was clicked; detail: { time, index, price, pane }
+ * @fires minerva-visible-range-change - The visible bars changed; detail: { from, to, fromTime, toTime }
+ * @fires minerva-order-move - A draggable price line was dropped; detail: { id, price, previousPrice, line }
+ * @fires minerva-drawings-change - The user added, moved or deleted drawings; detail: { drawings }
+ * @fires minerva-drawing-select - The selected drawing changed; detail: { id }
+ * @fires minerva-drawing-tool-change - The drawing tool changed (back to `cursor` after a drawing); detail: { tool }
+ * @fires minerva-indicator-toggle - An indicator was shown or hidden from its legend; detail: { id, visible }
+ * @fires minerva-history-request - The oldest bar came into view (load older bars with `prependBars`); detail: { firstTime, count }
+ * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }
+ */
+export declare class MinervaTradingChart extends MinervaEngineElement<TradingChartOptions, TradingChartInstance> {
+    static tagName: string;
+    /** Height of the chart: pixels or any CSS length */
+    height?: string | number;
+    /** Bars `{ time, open, high, low, close, volume }` (or columns of typed arrays), oldest first; property only */
+    bars?: TradingBarsInput;
+    /** Symbol shown in the legend (e.g. "BTC/USDT") */
+    symbol?: string;
+    /** Duration of a bar: milliseconds, or a count and a unit (`1m`, `15m`, `4H`, `1D`, `1W`) */
+    timeframe?: TradingTimeframe;
+    /** How the bars of the price pane are drawn */
+    chartStyle: TradingChartStyle;
+    /** Indicators `{ type, period, ... }` (overlays on the price pane, or panes of their own); property only */
+    indicators?: readonly TradingIndicator[];
+    /** Other engine options (`TradingChartOptions`: markers, priceLines, drawings, colorConvention, locale, labels...); property only */
+    options?: Partial<TradingChartOptions>;
+    protected createEngine(container: HTMLElement, options: TradingChartOptions): TradingChartInstance;
+    protected engineOptions(): TradingChartOptions;
+    protected bindEngine(chart: TradingChartInstance): Array<() => void>;
+    /**
+     * Streams a bar: the time of the last bar replaces it, a later time
+     * appends it (cheap: call it on every tick). The `update(bar)` of the
+     * engine instance and of the React handle (`update` is a Lit lifecycle
+     * method of the element)
+     */
+    updateBar(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 the engine is created */
+    getVisibleRange(): TradingVisibleRange | null;
+    /** Shows the bars between two logical indices */
+    setVisibleRange(range: {
+        from: number;
+        to: number;
+    }): void;
+    /** Fits every price scale to the visible bars again */
+    resetPriceScales(): void;
+    /** Activates a drawing tool (`cursor`, `trendLine`, `horizontalLine`, `fibRetracement`...) */
+    setDrawingTool(tool: TradingDrawingTool): void;
+    /** Current drawings */
+    getDrawings(): readonly TradingDrawing[];
+    /** Deletes a drawing */
+    removeDrawing(id: string): void;
+    /** Selects a drawing (`null` clears the selection) */
+    selectDrawing(id: string | null): void;
+    /** Shows or hides an indicator */
+    setIndicatorVisible(id: string, visible: boolean): void;
+    /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "minerva-trading-chart": MinervaTradingChart;
+    }
+}

package/dist/web-components/components/trading-chart/trading-chart.js

@@ -0,0 +1,96 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
+import { MinervaEngineElement as t } from "../chart/engine-element.js";
+import { property as n } from "lit/decorators.js";
+import { createTradingChart as r } from "../../../charts/core.js";
+//#region src/components/trading-chart/trading-chart.ts
+var i = { fromAttribute: (e) => e === null ? void 0 : /^\d+$/.test(e) ? Number(e) : e }, a = class extends t {
+	constructor(...e) {
+		super(...e), this.height = 480, this.chartStyle = "candles";
+	}
+	static {
+		this.tagName = "minerva-trading-chart";
+	}
+	createEngine(e, t) {
+		return r(e, t);
+	}
+	engineOptions() {
+		return {
+			...this.options,
+			bars: this.bars ?? this.options?.bars,
+			symbol: this.symbol ?? this.options?.symbol,
+			timeframe: this.timeframe ?? this.options?.timeframe,
+			chartStyle: this.chartStyle,
+			indicators: this.indicators ?? this.options?.indicators
+		};
+	}
+	bindEngine(e) {
+		return [
+			e.on("crosshairMove", (e) => this.emit("minerva-crosshair-move", e)),
+			e.on("click", (e) => this.emit("minerva-click", e)),
+			e.on("visibleRangeChange", (e) => this.emit("minerva-visible-range-change", e)),
+			e.on("orderMove", (e) => this.emit("minerva-order-move", e)),
+			e.on("drawingsChange", (e) => this.emit("minerva-drawings-change", { drawings: e })),
+			e.on("drawingSelect", (e) => this.emit("minerva-drawing-select", { id: e })),
+			e.on("drawingToolChange", (e) => this.emit("minerva-drawing-tool-change", { tool: e })),
+			e.on("indicatorToggle", (e) => this.emit("minerva-indicator-toggle", e)),
+			e.on("historyRequest", (e) => this.emit("minerva-history-request", e)),
+			e.on("renderer", (e) => this.emit("minerva-renderer-change", { renderer: e }))
+		];
+	}
+	updateBar(e) {
+		this.instance?.update(e);
+	}
+	appendBars(e) {
+		this.instance?.appendBars(e);
+	}
+	prependBars(e) {
+		this.instance?.prependBars(e);
+	}
+	setBars(e) {
+		this.instance?.setBars(e);
+	}
+	getBarCount() {
+		return this.instance?.getBarCount() ?? 0;
+	}
+	getBar(e) {
+		return this.instance?.getBar(e) ?? null;
+	}
+	scrollToRealtime(e) {
+		this.instance?.scrollToRealtime(e);
+	}
+	fitContent() {
+		this.instance?.fitContent();
+	}
+	getVisibleRange() {
+		return this.instance?.getVisibleRange() ?? null;
+	}
+	setVisibleRange(e) {
+		this.instance?.setVisibleRange(e);
+	}
+	resetPriceScales() {
+		this.instance?.resetPriceScales();
+	}
+	setDrawingTool(e) {
+		this.instance?.setDrawingTool(e);
+	}
+	getDrawings() {
+		return this.instance?.getDrawings() ?? [];
+	}
+	removeDrawing(e) {
+		this.instance?.removeDrawing(e);
+	}
+	selectDrawing(e) {
+		this.instance?.selectDrawing(e);
+	}
+	setIndicatorVisible(e, t) {
+		this.instance?.setIndicatorVisible(e, t);
+	}
+	getRenderer() {
+		return this.instance?.getRenderer() ?? null;
+	}
+};
+e([n()], a.prototype, "height", void 0), e([n({ attribute: !1 })], a.prototype, "bars", void 0), e([n()], a.prototype, "symbol", void 0), e([n({ converter: i })], a.prototype, "timeframe", void 0), e([n({ attribute: "chart-style" })], a.prototype, "chartStyle", void 0), e([n({ attribute: !1 })], a.prototype, "indicators", void 0), e([n({ attribute: !1 })], a.prototype, "options", void 0);
+//#endregion
+export { a as MinervaTradingChart };
+
+//# sourceMappingURL=trading-chart.js.map

package/dist/web-components/components/trading-chart/trading-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trading-chart.js","names":["_decorate","__decorate","timeframeConverter","value","MinervaTradingChart","MinervaEngineElement","_args","createTradingChart","container","options","chart","bar","bars","index","animate","range","tool","id","visible","property"],"sources":["../../../../../web-components/src/components/trading-chart/trading-chart.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  createTradingChart,\n  type ChartRendererKind,\n  type TradingBar,\n  type TradingBarsInput,\n  type TradingChartInstance,\n  type TradingChartOptions,\n  type TradingChartStyle,\n  type TradingDrawing,\n  type TradingDrawingTool,\n  type TradingIndicator,\n  type TradingTimeframe,\n  type TradingVisibleRange,\n} from \"minerva-design/charts/core\";\nimport { MinervaEngineElement } from \"../chart/engine-element\";\n\nconst timeframeConverter = {\n  fromAttribute: (value: string | null): TradingTimeframe | undefined =>\n    value === null\n      ? undefined\n      : /^\\d+$/.test(value)\n        ? Number(value)\n        : (value as TradingTimeframe),\n};\n\n/**\n * Professional trading chart of `minerva-design/charts/core` (the\n * `<TradingChart>` of React, engine `createTradingChart`): candles (hollow,\n * Heikin-Ashi, bars, line, area, baseline) over a gap-free time axis,\n * indicator panes, drawing tools, order lines and real-time streaming,\n * drawn on the GPU. Stream ticks with `updateBar(bar)`; replace `bars` for a\n * new data set.\n *\n * Published as the optional entry\n * `minerva-design/web-components/trading-chart` (it loads the trading\n * engine only).\n *\n * @summary GPU trading chart: candles, indicators, drawings, streaming.\n * @tag minerva-trading-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n * @fires minerva-crosshair-move - The crosshair moved; detail: { time, index, bar, price, pane, x, y }, `null` when it left the chart\n * @fires minerva-click - A pane was clicked; detail: { time, index, price, pane }\n * @fires minerva-visible-range-change - The visible bars changed; detail: { from, to, fromTime, toTime }\n * @fires minerva-order-move - A draggable price line was dropped; detail: { id, price, previousPrice, line }\n * @fires minerva-drawings-change - The user added, moved or deleted drawings; detail: { drawings }\n * @fires minerva-drawing-select - The selected drawing changed; detail: { id }\n * @fires minerva-drawing-tool-change - The drawing tool changed (back to `cursor` after a drawing); detail: { tool }\n * @fires minerva-indicator-toggle - An indicator was shown or hidden from its legend; detail: { id, visible }\n * @fires minerva-history-request - The oldest bar came into view (load older bars with `prependBars`); detail: { firstTime, count }\n * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }\n */\nexport class MinervaTradingChart extends MinervaEngineElement<\n  TradingChartOptions,\n  TradingChartInstance\n> {\n  static override tagName = \"minerva-trading-chart\";\n\n  /** Height of the chart: pixels or any CSS length */\n  @property()\n  override height?: string | number = 480;\n\n  /** Bars `{ time, open, high, low, close, volume }` (or columns of typed arrays), oldest first; property only */\n  @property({ attribute: false })\n  bars?: TradingBarsInput;\n\n  /** Symbol shown in the legend (e.g. \"BTC/USDT\") */\n  @property()\n  symbol?: string;\n\n  /** Duration of a bar: milliseconds, or a count and a unit (`1m`, `15m`, `4H`, `1D`, `1W`) */\n  @property({ converter: timeframeConverter })\n  timeframe?: TradingTimeframe;\n\n  /** How the bars of the price pane are drawn */\n  @property({ attribute: \"chart-style\" })\n  chartStyle: TradingChartStyle = \"candles\";\n\n  /** Indicators `{ type, period, ... }` (overlays on the price pane, or panes of their own); property only */\n  @property({ attribute: false })\n  indicators?: readonly TradingIndicator[];\n\n  /** Other engine options (`TradingChartOptions`: markers, priceLines, drawings, colorConvention, locale, labels...); property only */\n  @property({ attribute: false })\n  options?: Partial<TradingChartOptions>;\n\n  protected createEngine(\n    container: HTMLElement,\n    options: TradingChartOptions,\n  ): TradingChartInstance {\n    return createTradingChart(container, options);\n  }\n\n  protected engineOptions(): TradingChartOptions {\n    return {\n      ...this.options,\n      bars: this.bars ?? this.options?.bars,\n      symbol: this.symbol ?? this.options?.symbol,\n      timeframe: this.timeframe ?? this.options?.timeframe,\n      chartStyle: this.chartStyle,\n      indicators: this.indicators ?? this.options?.indicators,\n    };\n  }\n\n  protected override bindEngine(\n    chart: TradingChartInstance,\n  ): Array<() => void> {\n    return [\n      chart.on(\"crosshairMove\", (e) => this.emit(\"minerva-crosshair-move\", e)),\n      chart.on(\"click\", (e) => this.emit(\"minerva-click\", e)),\n      chart.on(\"visibleRangeChange\", (e) =>\n        this.emit(\"minerva-visible-range-change\", e),\n      ),\n      chart.on(\"orderMove\", (e) => this.emit(\"minerva-order-move\", e)),\n      chart.on(\"drawingsChange\", (drawings) =>\n        this.emit(\"minerva-drawings-change\", { drawings }),\n      ),\n      chart.on(\"drawingSelect\", (id) =>\n        this.emit(\"minerva-drawing-select\", { id }),\n      ),\n      chart.on(\"drawingToolChange\", (tool) =>\n        this.emit(\"minerva-drawing-tool-change\", { tool }),\n      ),\n      chart.on(\"indicatorToggle\", (e) =>\n        this.emit(\"minerva-indicator-toggle\", e),\n      ),\n      chart.on(\"historyRequest\", (e) =>\n        this.emit(\"minerva-history-request\", e),\n      ),\n      chart.on(\"renderer\", (renderer) =>\n        this.emit(\"minerva-renderer-change\", { renderer }),\n      ),\n    ];\n  }\n\n  /**\n   * Streams a bar: the time of the last bar replaces it, a later time\n   * appends it (cheap: call it on every tick). The `update(bar)` of the\n   * engine instance and of the React handle (`update` is a Lit lifecycle\n   * method of the element)\n   */\n  updateBar(bar: TradingBar): void {\n    this.instance?.update(bar);\n  }\n\n  /** Appends bars newer than the last one */\n  appendBars(bars: TradingBarsInput): void {\n    this.instance?.appendBars(bars);\n  }\n\n  /** Inserts older bars before the first one, keeping the view */\n  prependBars(bars: TradingBarsInput): void {\n    this.instance?.prependBars(bars);\n  }\n\n  /** Replaces the bars */\n  setBars(bars: TradingBarsInput): void {\n    this.instance?.setBars(bars);\n  }\n\n  /** Number of bars */\n  getBarCount(): number {\n    return this.instance?.getBarCount() ?? 0;\n  }\n\n  /** Bar at an index, `null` outside the data */\n  getBar(index: number): TradingBar | null {\n    return this.instance?.getBar(index) ?? null;\n  }\n\n  /** Scrolls to the latest bar */\n  scrollToRealtime(animate?: boolean): void {\n    this.instance?.scrollToRealtime(animate);\n  }\n\n  /** Shows every bar */\n  fitContent(): void {\n    this.instance?.fitContent();\n  }\n\n  /** Visible bars, `null` before the engine is created */\n  getVisibleRange(): TradingVisibleRange | null {\n    return this.instance?.getVisibleRange() ?? null;\n  }\n\n  /** Shows the bars between two logical indices */\n  setVisibleRange(range: { from: number; to: number }): void {\n    this.instance?.setVisibleRange(range);\n  }\n\n  /** Fits every price scale to the visible bars again */\n  resetPriceScales(): void {\n    this.instance?.resetPriceScales();\n  }\n\n  /** Activates a drawing tool (`cursor`, `trendLine`, `horizontalLine`, `fibRetracement`...) */\n  setDrawingTool(tool: TradingDrawingTool): void {\n    this.instance?.setDrawingTool(tool);\n  }\n\n  /** Current drawings */\n  getDrawings(): readonly TradingDrawing[] {\n    return this.instance?.getDrawings() ?? [];\n  }\n\n  /** Deletes a drawing */\n  removeDrawing(id: string): void {\n    this.instance?.removeDrawing(id);\n  }\n\n  /** Selects a drawing (`null` clears the selection) */\n  selectDrawing(id: string | null): void {\n    this.instance?.selectDrawing(id);\n  }\n\n  /** Shows or hides an indicator */\n  setIndicatorVisible(id: string, visible: boolean): void {\n    this.instance?.setIndicatorVisible(id, visible);\n  }\n\n  /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */\n  getRenderer(): ChartRendererKind | null {\n    return this.instance?.getRenderer() ?? null;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-trading-chart\": MinervaTradingChart;\n  }\n}\n"],"mappings":"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"}

package/dist/web-components/elements/chart-3d.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/chart-3d/chart-3d.js';
+export type { Bar3DSeries, Chart3DCameraState, Chart3DHoverEvent, Chart3DInstance, Chart3DOptions, Line3DSeries, Scatter3DSeries, Surface3DSeries, } from '../../charts/core.js';

package/dist/web-components/elements/chart-3d.js

@@ -0,0 +1,13 @@
+import { defineElement as e } from "../internal/define.js";
+import { MinervaBar3DChart as t, MinervaChart3DElement as n, MinervaLine3DChart as r, MinervaScatter3DChart as i, MinervaSurface3DChart as a } from "../components/chart-3d/chart-3d.js";
+//#region src/elements/chart-3d.ts
+for (let n of [
+	i,
+	r,
+	a,
+	t
+]) e(n);
+//#endregion
+export { t as MinervaBar3DChart, n as MinervaChart3DElement, r as MinervaLine3DChart, i as MinervaScatter3DChart, a as MinervaSurface3DChart };
+
+//# sourceMappingURL=chart-3d.js.map

package/dist/web-components/elements/chart-3d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-3d.js","names":["element","MinervaScatter3DChart","MinervaLine3DChart","MinervaSurface3DChart","MinervaBar3DChart","MinervaChart3DElement"],"sources":["../../../../web-components/src/elements/chart-3d.ts"],"sourcesContent":["// Registers the 3D chart elements (<minerva-scatter-3d-chart>,\n// <minerva-line-3d-chart>, <minerva-surface-3d-chart>,\n// <minerva-bar-3d-chart>). Optional entry: not part of the all-in-one entry\n// nor of the CDN bundle, since it loads the 3D engine of\n// minerva-design/charts/core (shared with the other renderers).\nimport {\n  MinervaBar3DChart,\n  MinervaLine3DChart,\n  MinervaScatter3DChart,\n  MinervaSurface3DChart,\n} from \"../components/chart-3d/chart-3d\";\nimport { defineElement } from \"../internal/define\";\n\nfor (const element of [\n  MinervaScatter3DChart,\n  MinervaLine3DChart,\n  MinervaSurface3DChart,\n  MinervaBar3DChart,\n]) {\n  defineElement(element);\n}\n\nexport * from \"../components/chart-3d/chart-3d\";\n// the engine types used with the elements (the rest: minerva-design/charts/core)\nexport type {\n  Bar3DSeries,\n  Chart3DCameraState,\n  Chart3DHoverEvent,\n  Chart3DInstance,\n  Chart3DOptions,\n  Line3DSeries,\n  Scatter3DSeries,\n  Surface3DSeries,\n} from \"minerva-design/charts/core\";\n"],"mappings":";;;AAaA,KAAK,IAAMA,KAAW;CACpBC;CACAC;CACAC;CACAC;AACF,GACE,EAAcJ,CAAO"}

package/dist/web-components/elements/chart.d.ts

@@ -0,0 +1,7 @@
+export * from '../components/chart/engine-element.js';
+export * from '../components/chart/chart.js';
+export * from '../components/chart/charts.js';
+export * from '../components/chart/shape-chart.js';
+export * from '../components/chart/extended.js';
+export * from '../components/chart/shapes-extended.js';
+export type { BoxplotGroup, BulletDatum, CalendarDatum, ChartAxisOptions, ChartHoverEvent, ChartHoverItem, ChartInstance, ChartOptions, ChartPlotClickEvent, ChartRendererKind, ChartSeries, ChartView, GanttTask, GaugeBand, HeatmapCell, QuadrantCorner, QuadrantPoint, QuadrantRegions, RadarIndicator, RadarSeries, RadialBarDatum, SankeyLink, SankeyNode, ShapeChartInstance, ShapeChartOptions, ShapeDrillEvent, ShapeDatum, ShapeHoverEvent, ShapeToggleEvent, TreemapNode, WaterfallStep, } from '../../charts/core.js';

package/dist/web-components/elements/chart.js

@@ -0,0 +1,43 @@
+import { defineElement as e } from "../internal/define.js";
+import { MinervaEngineElement as t } from "../components/chart/engine-element.js";
+import { MinervaCartesianChartElement as n, MinervaChart as r } from "../components/chart/chart.js";
+import { MinervaAreaChart as i, MinervaBarChart as a, MinervaCandlestickChart as o, MinervaHeatmapChart as s, MinervaLineChart as c, MinervaQuadrantChart as l, MinervaScatterChart as u, MinervaSparkline as d, SeriesChartElement as f } from "../components/chart/charts.js";
+import { MinervaDonutChart as p, MinervaFunnelChart as m, MinervaGaugeChart as h, MinervaPieChart as g, MinervaRadarChart as _, MinervaShapeChart as v, MinervaShapeChartElement as y, MinervaTreemapChart as b } from "../components/chart/shape-chart.js";
+import { MinervaBoxPlotChart as x, MinervaBubbleChart as S, MinervaGanttChart as C, MinervaHistogramChart as w, MinervaHorizontalBarChart as T, MinervaMixedChart as E, MinervaRangeAreaChart as D, MinervaWaterfallChart as O } from "../components/chart/extended.js";
+import { MinervaBulletChart as k, MinervaCalendarHeatmap as A, MinervaRadialBarChart as j, MinervaSankeyChart as M, MinervaSunburstChart as N } from "../components/chart/shapes-extended.js";
+//#region src/elements/chart.ts
+for (let t of [
+	r,
+	c,
+	i,
+	a,
+	u,
+	o,
+	s,
+	d,
+	l,
+	T,
+	D,
+	E,
+	S,
+	w,
+	x,
+	O,
+	C,
+	v,
+	g,
+	p,
+	_,
+	h,
+	m,
+	b,
+	M,
+	N,
+	j,
+	A,
+	k
+]) e(t);
+//#endregion
+export { i as MinervaAreaChart, a as MinervaBarChart, x as MinervaBoxPlotChart, S as MinervaBubbleChart, k as MinervaBulletChart, A as MinervaCalendarHeatmap, o as MinervaCandlestickChart, n as MinervaCartesianChartElement, r as MinervaChart, p as MinervaDonutChart, t as MinervaEngineElement, m as MinervaFunnelChart, C as MinervaGanttChart, h as MinervaGaugeChart, s as MinervaHeatmapChart, w as MinervaHistogramChart, T as MinervaHorizontalBarChart, c as MinervaLineChart, E as MinervaMixedChart, g as MinervaPieChart, l as MinervaQuadrantChart, _ as MinervaRadarChart, j as MinervaRadialBarChart, D as MinervaRangeAreaChart, M as MinervaSankeyChart, u as MinervaScatterChart, v as MinervaShapeChart, y as MinervaShapeChartElement, d as MinervaSparkline, N as MinervaSunburstChart, b as MinervaTreemapChart, O as MinervaWaterfallChart, f as SeriesChartElement };
+
+//# sourceMappingURL=chart.js.map

package/dist/web-components/elements/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","names":["element","MinervaChart","MinervaLineChart","MinervaAreaChart","MinervaBarChart","MinervaScatterChart","MinervaCandlestickChart","MinervaHeatmapChart","MinervaSparkline","MinervaQuadrantChart","MinervaHorizontalBarChart","MinervaRangeAreaChart","MinervaMixedChart","MinervaBubbleChart","MinervaHistogramChart","MinervaBoxPlotChart","MinervaWaterfallChart","MinervaGanttChart","MinervaShapeChart","MinervaPieChart","MinervaDonutChart","MinervaRadarChart","MinervaGaugeChart","MinervaFunnelChart","MinervaTreemapChart","MinervaSankeyChart","MinervaSunburstChart","MinervaRadialBarChart","MinervaCalendarHeatmap","MinervaBulletChart","MinervaCartesianChartElement","MinervaEngineElement","MinervaShapeChartElement","SeriesChartElement"],"sources":["../../../../web-components/src/elements/chart.ts"],"sourcesContent":["// Registers the chart elements (<minerva-chart>, <minerva-line-chart>...,\n// <minerva-shape-chart>, <minerva-pie-chart>, <minerva-sankey-chart>...).\n// Optional entry: not part of the all-in-one entry nor of the CDN bundle,\n// since it loads the chart engine (minerva-design/charts/core, shared with\n// the other renderers). The trading, order book and 3D elements have entries\n// of their own (trading-chart, order-book, chart-3d): their engines are only\n// loaded by the pages that use them.\nimport { MinervaChart } from \"../components/chart/chart\";\nimport {\n  MinervaAreaChart,\n  MinervaBarChart,\n  MinervaCandlestickChart,\n  MinervaHeatmapChart,\n  MinervaLineChart,\n  MinervaQuadrantChart,\n  MinervaScatterChart,\n  MinervaSparkline,\n} from \"../components/chart/charts\";\nimport {\n  MinervaDonutChart,\n  MinervaFunnelChart,\n  MinervaGaugeChart,\n  MinervaPieChart,\n  MinervaRadarChart,\n  MinervaShapeChart,\n  MinervaTreemapChart,\n} from \"../components/chart/shape-chart\";\nimport {\n  MinervaBoxPlotChart,\n  MinervaBubbleChart,\n  MinervaGanttChart,\n  MinervaHistogramChart,\n  MinervaHorizontalBarChart,\n  MinervaMixedChart,\n  MinervaRangeAreaChart,\n  MinervaWaterfallChart,\n} from \"../components/chart/extended\";\nimport {\n  MinervaBulletChart,\n  MinervaCalendarHeatmap,\n  MinervaRadialBarChart,\n  MinervaSankeyChart,\n  MinervaSunburstChart,\n} from \"../components/chart/shapes-extended\";\nimport { defineElement } from \"../internal/define\";\n\nfor (const element of [\n  MinervaChart,\n  MinervaLineChart,\n  MinervaAreaChart,\n  MinervaBarChart,\n  MinervaScatterChart,\n  MinervaCandlestickChart,\n  MinervaHeatmapChart,\n  MinervaSparkline,\n  MinervaQuadrantChart,\n  MinervaHorizontalBarChart,\n  MinervaRangeAreaChart,\n  MinervaMixedChart,\n  MinervaBubbleChart,\n  MinervaHistogramChart,\n  MinervaBoxPlotChart,\n  MinervaWaterfallChart,\n  MinervaGanttChart,\n  MinervaShapeChart,\n  MinervaPieChart,\n  MinervaDonutChart,\n  MinervaRadarChart,\n  MinervaGaugeChart,\n  MinervaFunnelChart,\n  MinervaTreemapChart,\n  MinervaSankeyChart,\n  MinervaSunburstChart,\n  MinervaRadialBarChart,\n  MinervaCalendarHeatmap,\n  MinervaBulletChart,\n]) {\n  defineElement(element);\n}\n\nexport * from \"../components/chart/engine-element\";\nexport * from \"../components/chart/chart\";\nexport * from \"../components/chart/charts\";\nexport * from \"../components/chart/shape-chart\";\nexport * from \"../components/chart/extended\";\nexport * from \"../components/chart/shapes-extended\";\n// the engine types used with the elements (the rest: minerva-design/charts/core)\nexport type {\n  BoxplotGroup,\n  BulletDatum,\n  CalendarDatum,\n  ChartAxisOptions,\n  ChartHoverEvent,\n  ChartHoverItem,\n  ChartInstance,\n  ChartOptions,\n  ChartPlotClickEvent,\n  ChartRendererKind,\n  ChartSeries,\n  ChartView,\n  GanttTask,\n  GaugeBand,\n  HeatmapCell,\n  QuadrantCorner,\n  QuadrantPoint,\n  QuadrantRegions,\n  RadarIndicator,\n  RadarSeries,\n  RadialBarDatum,\n  SankeyLink,\n  SankeyNode,\n  ShapeChartInstance,\n  ShapeChartOptions,\n  ShapeDrillEvent,\n  ShapeDatum,\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n  TreemapNode,\n  WaterfallStep,\n} from \"minerva-design/charts/core\";\n"],"mappings":";;;;;;;;AA8CA,KAAK,IAAMA,KAAW;CACpBC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;AACF,GACE,EAAc7B,CAAO"}

package/dist/web-components/elements/order-book.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/order-book/order-book.js';
+export type { DepthChartHoverEvent, DepthChartOptions, OrderBookDelta, OrderBookHeatmapHoverEvent, OrderBookHeatmapOptions, OrderBookLevelEvent, OrderBookOptions, OrderBookSnapshot, TimeAndSalesOptions, TimeAndSalesRowEvent, } from '../../charts/core.js';

package/dist/web-components/elements/order-book.js

@@ -0,0 +1,13 @@
+import { defineElement as e } from "../internal/define.js";
+import { MinervaDepthChart as t, MinervaOrderBook as n, MinervaOrderBookHeatmap as r, MinervaTimeAndSales as i } from "../components/order-book/order-book.js";
+//#region src/elements/order-book.ts
+for (let a of [
+	t,
+	n,
+	r,
+	i
+]) e(a);
+//#endregion
+export { t as MinervaDepthChart, n as MinervaOrderBook, r as MinervaOrderBookHeatmap, i as MinervaTimeAndSales };
+
+//# sourceMappingURL=order-book.js.map

package/dist/web-components/elements/order-book.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-book.js","names":["element","MinervaDepthChart","MinervaOrderBook","MinervaOrderBookHeatmap","MinervaTimeAndSales"],"sources":["../../../../web-components/src/elements/order-book.ts"],"sourcesContent":["// Registers the order book elements (<minerva-depth-chart>,\n// <minerva-order-book>, <minerva-order-book-heatmap>,\n// <minerva-time-and-sales>). Optional entry: not part of the all-in-one\n// entry nor of the CDN bundle, since it loads the order book engines of\n// minerva-design/charts/core (shared with the other renderers).\nimport {\n  MinervaDepthChart,\n  MinervaOrderBook,\n  MinervaOrderBookHeatmap,\n  MinervaTimeAndSales,\n} from \"../components/order-book/order-book\";\nimport { defineElement } from \"../internal/define\";\n\nfor (const element of [\n  MinervaDepthChart,\n  MinervaOrderBook,\n  MinervaOrderBookHeatmap,\n  MinervaTimeAndSales,\n]) {\n  defineElement(element);\n}\n\nexport * from \"../components/order-book/order-book\";\n// the engine types used with the elements (the rest: minerva-design/charts/core)\nexport type {\n  DepthChartHoverEvent,\n  DepthChartOptions,\n  OrderBookDelta,\n  OrderBookHeatmapHoverEvent,\n  OrderBookHeatmapOptions,\n  OrderBookLevelEvent,\n  OrderBookOptions,\n  OrderBookSnapshot,\n  TimeAndSalesOptions,\n  TimeAndSalesRowEvent,\n} from \"minerva-design/charts/core\";\n"],"mappings":";;;AAaA,KAAK,IAAMA,KAAW;CACpBC;CACAC;CACAC;CACAC;AACF,GACE,EAAcJ,CAAO"}

package/dist/web-components/elements/trading-chart.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/trading-chart/trading-chart.js';
+export type { TradingBar, TradingBarsInput, TradingChartInstance, TradingChartOptions, TradingClickEvent, TradingCrosshairEvent, TradingDrawing, TradingDrawingTool, TradingIndicator, TradingVisibleRange, } from '../../charts/core.js';

package/dist/web-components/elements/trading-chart.js

@@ -0,0 +1,8 @@
+import { defineElement as e } from "../internal/define.js";
+import { MinervaTradingChart as t } from "../components/trading-chart/trading-chart.js";
+//#region src/elements/trading-chart.ts
+e(t);
+//#endregion
+export { t as MinervaTradingChart };
+
+//# sourceMappingURL=trading-chart.js.map

package/dist/web-components/elements/trading-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trading-chart.js","names":["defineElement","MinervaTradingChart"],"sources":["../../../../web-components/src/elements/trading-chart.ts"],"sourcesContent":["// Registers <minerva-trading-chart>. Optional entry: not part of the\n// all-in-one entry nor of the CDN bundle, since it loads the trading engine\n// of minerva-design/charts/core (shared with the other renderers).\nimport { MinervaTradingChart } from \"../components/trading-chart/trading-chart\";\nimport { defineElement } from \"../internal/define\";\n\ndefineElement(MinervaTradingChart);\n\nexport * from \"../components/trading-chart/trading-chart\";\n// the engine types used with the element (the rest: minerva-design/charts/core)\nexport type {\n  TradingBar,\n  TradingBarsInput,\n  TradingChartInstance,\n  TradingChartOptions,\n  TradingClickEvent,\n  TradingCrosshairEvent,\n  TradingDrawing,\n  TradingDrawingTool,\n  TradingIndicator,\n  TradingVisibleRange,\n} from \"minerva-design/charts/core\";\n"],"mappings":";;;AAMAA,EAAcC,CAAmB"}