minerva-design 1.4.0 → 1.6.0

package/dist/web-components/components/graph/graph.js

@@ -0,0 +1,150 @@
+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 { createGraphChart as r } from "../../../charts/core.js";
+//#region src/components/graph/graph.ts
+var i = (e) => {
+	if (typeof e != "object" || !e) return !1;
+	let t = Object.getPrototypeOf(e);
+	return t === Object.prototype || t === null;
+}, a = (e, t) => {
+	let n = Object.keys(e);
+	return n.length === Object.keys(t).length && n.every((n) => Object.prototype.hasOwnProperty.call(t, n) && e[n] === t[n]);
+}, o = (e, t) => e === t ? !0 : Array.isArray(e) && Array.isArray(t) ? e.length === t.length && e.every((e, n) => e === t[n]) : i(e) && i(t) && a(e, t), s = (e, t) => {
+	let n = Object.keys(e);
+	return n.length === Object.keys(t).length && n.every((n) => Object.prototype.hasOwnProperty.call(t, n) && o(e[n], t[n]));
+}, c = class extends t {
+	constructor(...e) {
+		super(...e), this.height = 480, this.edgeColor = "neutral", this.arrowStyle = "open", this.previous = null;
+	}
+	createEngine(e, t) {
+		return this.previous = t, r(e, t);
+	}
+	engineOptions() {
+		return !this.nodes || !this.edges ? null : {
+			...this.options,
+			nodes: this.nodes,
+			edges: this.edges,
+			groups: this.groups,
+			...this.layoutOptions(),
+			nodeShape: this.nodeShape ?? this.options?.nodeShape,
+			edgeStyle: this.edgeStyle ?? this.options?.edgeStyle,
+			edgeColor: this.edgeColor,
+			arrowStyle: this.arrowStyle,
+			highlight: this.highlight ?? this.options?.highlight,
+			locale: this.locale ?? this.options?.locale,
+			selected: this.selected ?? this.options?.selected
+		};
+	}
+	syncEngine(e) {
+		let t = this.engineOptions();
+		!t || this.previous && s(this.previous, t) || (this.previous = t, e.setOptions(t));
+	}
+	bindEngine(e) {
+		return [
+			e.on("hover", (e) => this.emit("minerva-hover", e)),
+			e.on("click", (e) => this.emit("minerva-item-click", e)),
+			e.on("select", (e) => this.emit("minerva-selection-change", { ids: e.ids })),
+			e.on("toggle", (e) => this.emit("minerva-toggle", e)),
+			e.on("groupToggle", (e) => this.emit("minerva-group-toggle", e)),
+			e.on("layoutEnd", (e) => this.emit("minerva-layout-end", e)),
+			e.on("renderer", (e) => this.emit("minerva-renderer-change", { renderer: e }))
+		];
+	}
+	fit(e) {
+		this.instance?.fit(e);
+	}
+	focusNode(e, t) {
+		this.instance?.focusNode(e, t);
+	}
+	setData(e) {
+		this.instance?.setData(e);
+	}
+	select(e) {
+		this.instance?.select(e);
+	}
+	getSelection() {
+		return this.instance?.getSelection() ?? [];
+	}
+	expand(e) {
+		this.instance?.expand(e);
+	}
+	collapse(e) {
+		this.instance?.collapse(e);
+	}
+	toggle(e) {
+		this.instance?.toggle(e);
+	}
+	getPositions() {
+		return this.instance?.getPositions() ?? {};
+	}
+	relayout() {
+		this.instance?.relayout();
+	}
+	getRenderer() {
+		return this.instance?.getRenderer() ?? null;
+	}
+};
+e([n()], c.prototype, "height", void 0), e([n({ attribute: !1 })], c.prototype, "nodes", void 0), e([n({ attribute: !1 })], c.prototype, "edges", void 0), e([n({ attribute: !1 })], c.prototype, "groups", void 0), e([n({ attribute: "node-shape" })], c.prototype, "nodeShape", void 0), e([n({ attribute: "edge-style" })], c.prototype, "edgeStyle", void 0), e([n({ attribute: "edge-color" })], c.prototype, "edgeColor", void 0), e([n({ attribute: "arrow-style" })], c.prototype, "arrowStyle", void 0), e([n()], c.prototype, "highlight", void 0), e([n()], c.prototype, "locale", void 0), e([n({ attribute: !1 })], c.prototype, "selected", void 0), e([n({ attribute: !1 })], c.prototype, "options", void 0);
+var l = class extends c {
+	constructor(...e) {
+		super(...e), this.layout = "force";
+	}
+	static {
+		this.tagName = "minerva-graph-chart";
+	}
+	layoutOptions() {
+		return {
+			layout: this.layout,
+			direction: this.direction ?? this.options?.direction,
+			force: this.options?.force,
+			circular: this.options?.circular,
+			dag: this.options?.dag,
+			tree: this.options?.tree
+		};
+	}
+};
+e([n()], l.prototype, "layout", void 0), e([n()], l.prototype, "direction", void 0);
+var u = class extends c {
+	constructor(...e) {
+		super(...e), this.direction = "TB";
+	}
+	static {
+		this.tagName = "minerva-dependency-graph";
+	}
+	layoutOptions() {
+		let e = this.options?.dag, t = this.criticalPath;
+		return {
+			layout: "dag",
+			direction: this.direction,
+			dag: t === void 0 ? e : {
+				...e,
+				criticalPath: t
+			}
+		};
+	}
+};
+e([n()], u.prototype, "direction", void 0), e([n({
+	type: Boolean,
+	attribute: "critical-path"
+})], u.prototype, "criticalPath", void 0);
+var d = class extends c {
+	constructor(...e) {
+		super(...e), this.layout = "tree", this.direction = "LR";
+	}
+	static {
+		this.tagName = "minerva-tree-chart";
+	}
+	layoutOptions() {
+		return {
+			layout: this.layout,
+			direction: this.layout === "tree" ? this.direction : void 0,
+			tree: this.options?.tree
+		};
+	}
+};
+e([n()], d.prototype, "layout", void 0), e([n()], d.prototype, "direction", void 0);
+//#endregion
+export { u as MinervaDependencyGraph, l as MinervaGraphChart, c as MinervaGraphElement, d as MinervaTreeChart, s as sameGraphOptions };
+
+//# sourceMappingURL=graph.js.map

package/dist/web-components/components/graph/graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph.js","names":["_decorate","__decorate","isPlainObject","value","proto","shallowEqual","keys","a","b","key","sameValue","v","i","sameGraphOptions","MinervaGraphElement","MinervaEngineElement","_args","options","createGraphChart","container","next","engine","chart","animate","id","data","ids","property","MinervaGraphChart","_args2","MinervaDependencyGraph","_args3","dag","criticalPath","MinervaTreeChart","_args4"],"sources":["../../../../../web-components/src/components/graph/graph.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  createGraphChart,\n  type ChartRendererKind,\n  type GraphChartInstance,\n  type GraphChartOptions,\n  type GraphData,\n  type GraphDirection,\n  type GraphEdge,\n  type GraphEdgeStyle,\n  type GraphGroup,\n  type GraphLayoutType,\n  type GraphNode,\n  type GraphNodeShape,\n  type GraphPoint,\n} from \"minerva-design/charts/core\";\nimport { MinervaEngineElement } from \"../chart/engine-element\";\n\n/** Engine options other than the data and the layout type (layout settings, node / edge styles, legend, tooltip, interaction, labels...) */\nexport type GraphBaseOptions = Partial<\n  Omit<GraphChartOptions, \"nodes\" | \"edges\" | \"groups\" | \"layout\">\n>;\n\ntype GraphLayoutOptions = Pick<\n  GraphChartOptions,\n  \"layout\" | \"direction\" | \"force\" | \"circular\" | \"dag\" | \"tree\"\n>;\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\n  if (typeof value !== \"object\" || value === null) return false;\n  const proto = Object.getPrototypeOf(value);\n  return proto === Object.prototype || proto === null;\n};\n\nconst shallowEqual = (\n  a: Record<string, unknown>,\n  b: Record<string, unknown>,\n): boolean => {\n  const keys = Object.keys(a);\n  return (\n    keys.length === Object.keys(b).length &&\n    keys.every(\n      (key) =>\n        Object.prototype.hasOwnProperty.call(b, key) && a[key] === b[key],\n    )\n  );\n};\n\nconst sameValue = (a: unknown, b: unknown): boolean => {\n  if (a === b) return true;\n  if (Array.isArray(a) && Array.isArray(b))\n    return a.length === b.length && a.every((v, i) => v === b[i]);\n  return isPlainObject(a) && isPlainObject(b) && shallowEqual(a, b);\n};\n\n/**\n * Whether two option objects describe the same chart: top-level values by\n * identity, one level deep for inline arrays / objects (node and edge\n * arrays rebuilt with the same objects are the same data)\n */\nexport const sameGraphOptions = (\n  a: GraphChartOptions,\n  b: GraphChartOptions,\n): boolean => {\n  const keys = Object.keys(a) as (keyof GraphChartOptions)[];\n  return (\n    keys.length === Object.keys(b).length &&\n    keys.every(\n      (key) =>\n        Object.prototype.hasOwnProperty.call(b, key) &&\n        sameValue(a[key], b[key]),\n    )\n  );\n};\n\n/**\n * Base of the graph elements (engine `createGraphChart` of\n * `minerva-design/charts/core`): forwards the engine events as `minerva-*`\n * events and exposes the view, selection and collapse methods. New options\n * are passed only when they describe another chart (the layout runs again\n * when the node, edge or group arrays change: arrays rebuilt with the same\n * objects keep it).\n *\n * @fires minerva-hover - The hovered (or keyboard-focused) node / edge changed; detail: { type, id, node, edge, index, group, color, degree, clientX, clientY }, `null` when nothing is hovered\n * @fires minerva-item-click - A node or an edge was clicked (or a node activated with Enter); detail: { type, id, node, edge, index, group, color, degree, clientX, clientY }\n * @fires minerva-selection-change - The selection changed; detail: { ids }\n * @fires minerva-toggle - A tree node was collapsed or expanded; detail: { id, collapsed }\n * @fires minerva-group-toggle - The legend showed / hid a group; detail: { group, hidden }\n * @fires minerva-layout-end - The layout is done (the force simulation cooled down); detail: { layout }\n * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }\n */\nexport abstract class MinervaGraphElement extends MinervaEngineElement<\n  GraphChartOptions,\n  GraphChartInstance\n> {\n  /** Height of the chart, the legend included: pixels or any CSS length */\n  @property()\n  override height?: string | number = 480;\n\n  /** Nodes `{ id, label, group, value, ... }`; property only */\n  @property({ attribute: false })\n  nodes?: readonly GraphNode[];\n\n  /** Edges `{ source, target, value, label, ... }`; property only */\n  @property({ attribute: false })\n  edges?: readonly GraphEdge[];\n\n  /** Groups `{ id, name, color }`: legend order, names and colors; property only */\n  @property({ attribute: false })\n  groups?: readonly GraphGroup[];\n\n  /** Shape of the nodes without `shape` (boxes for DAGs, org charts and mind maps, circles otherwise) */\n  @property({ attribute: \"node-shape\" })\n  nodeShape?: GraphNodeShape;\n\n  /** Edge shape; depends on the layout when omitted */\n  @property({ attribute: \"edge-style\" })\n  edgeStyle?: GraphEdgeStyle;\n\n  /** Edge colors: neutral or tinted with the source / target node */\n  @property({ attribute: \"edge-color\" })\n  edgeColor: \"neutral\" | \"source\" | \"target\" = \"neutral\";\n\n  /** Shape of the arrowheads: `open` (a slim outlined head) or `filled` (a solid head in the edge color, following the theme and the highlight) */\n  @property({ attribute: \"arrow-style\" })\n  arrowStyle: \"open\" | \"filled\" = \"open\";\n\n  /** What hovering / selecting a node highlights */\n  @property()\n  highlight?: \"neighbors\" | \"lineage\" | \"none\";\n\n  /** Language of the built-in texts (summary, announcements, tooltip, buttons); the page language by default */\n  @property()\n  locale?: string;\n\n  /** Ids of the selected nodes (changing it updates the selection); property only */\n  @property({ attribute: false })\n  selected?: readonly string[];\n\n  /** Other engine options (`GraphChartOptions`: force, circular, dag, tree, nodeSize, edgeWidth, arrows, nodeLabels, edgeLabels, animation, legend, tooltip, interaction, renderer, palette, ariaLabel, labels...); property only */\n  @property({ attribute: false })\n  options?: GraphBaseOptions;\n\n  private previous: GraphChartOptions | null = null;\n\n  /** Layout options of the element */\n  protected abstract layoutOptions(): GraphLayoutOptions;\n\n  protected createEngine(\n    container: HTMLElement,\n    options: GraphChartOptions,\n  ): GraphChartInstance {\n    this.previous = options;\n    return createGraphChart(container, options);\n  }\n\n  protected engineOptions(): GraphChartOptions | null {\n    if (!this.nodes || !this.edges) return null;\n    return {\n      ...this.options,\n      nodes: this.nodes,\n      edges: this.edges,\n      groups: this.groups,\n      ...this.layoutOptions(),\n      nodeShape: this.nodeShape ?? this.options?.nodeShape,\n      edgeStyle: this.edgeStyle ?? this.options?.edgeStyle,\n      edgeColor: this.edgeColor,\n      arrowStyle: this.arrowStyle,\n      highlight: this.highlight ?? this.options?.highlight,\n      locale: this.locale ?? this.options?.locale,\n      selected: this.selected ?? this.options?.selected,\n    };\n  }\n\n  protected override syncEngine(engine: GraphChartInstance): void {\n    const next = this.engineOptions();\n    if (!next || (this.previous && sameGraphOptions(this.previous, next)))\n      return;\n    this.previous = next;\n    engine.setOptions(next);\n  }\n\n  protected override bindEngine(chart: GraphChartInstance): Array<() => void> {\n    return [\n      chart.on(\"hover\", (e) => this.emit(\"minerva-hover\", e)),\n      chart.on(\"click\", (e) => this.emit(\"minerva-item-click\", e)),\n      chart.on(\"select\", (e) =>\n        this.emit(\"minerva-selection-change\", { ids: e.ids }),\n      ),\n      chart.on(\"toggle\", (e) => this.emit(\"minerva-toggle\", e)),\n      chart.on(\"groupToggle\", (e) => this.emit(\"minerva-group-toggle\", e)),\n      chart.on(\"layoutEnd\", (e) => this.emit(\"minerva-layout-end\", e)),\n      chart.on(\"renderer\", (renderer) =>\n        this.emit(\"minerva-renderer-change\", { renderer }),\n      ),\n    ];\n  }\n\n  /** Fits the visible nodes in the view */\n  fit(animate?: boolean): void {\n    this.instance?.fit(animate);\n  }\n\n  /** Centers a node (expanding its collapsed ancestors), optionally zooming */\n  focusNode(id: string, options?: { zoom?: number; animate?: boolean }): void {\n    this.instance?.focusNode(id, options);\n  }\n\n  /** Replaces the data until the properties change again */\n  setData(data: GraphData): void {\n    this.instance?.setData(data);\n  }\n\n  /** Selects nodes (`null` clears the selection) */\n  select(ids: readonly string[] | string | null): void {\n    this.instance?.select(ids);\n  }\n\n  /** Ids of the selected nodes */\n  getSelection(): string[] {\n    return this.instance?.getSelection() ?? [];\n  }\n\n  /** Expands a node (all nodes without an id) */\n  expand(id?: string): void {\n    this.instance?.expand(id);\n  }\n\n  /** Collapses a node (all nodes with children without an id) */\n  collapse(id?: string): void {\n    this.instance?.collapse(id);\n  }\n\n  /** Collapses / expands a node */\n  toggle(id: string): void {\n    this.instance?.toggle(id);\n  }\n\n  /** Current positions of the nodes in layout units */\n  getPositions(): Record<string, GraphPoint> {\n    return this.instance?.getPositions() ?? {};\n  }\n\n  /** Computes the layout again */\n  relayout(): void {\n    this.instance?.relayout();\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 * Relationship network of `minerva-design/charts/core` (the\n * `<GraphChart>` of React): force-directed by default (Barnes–Hut, a Web\n * Worker for large graphs), or circular, arc diagram, layered or tree\n * layouts; GPU rendering, pan / zoom, drag, neighbor highlight, legend\n * toggles and keyboard navigation.\n *\n * Published as the optional entry `minerva-design/web-components/graph`.\n *\n * @summary GPU relationship network with force, circular and layered layouts.\n * @tag minerva-graph-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaGraphChart extends MinervaGraphElement {\n  static override tagName = \"minerva-graph-chart\";\n\n  /** Placement of the nodes */\n  @property()\n  layout: GraphLayoutType = \"force\";\n\n  /** Direction of the `dag` and `tree` layouts */\n  @property()\n  direction?: GraphDirection;\n\n  protected layoutOptions(): GraphLayoutOptions {\n    return {\n      layout: this.layout,\n      direction: this.direction ?? this.options?.direction,\n      force: this.options?.force,\n      circular: this.options?.circular,\n      dag: this.options?.dag,\n      tree: this.options?.tree,\n    };\n  }\n}\n\n/**\n * Dependency graph of `minerva-design/charts/core` (the\n * `<DependencyGraph>` of React): layered (Sugiyama) layout of a DAG with\n * crossing reduction, spline or orthogonal edges with arrowheads, upstream\n * / downstream highlight and the critical path.\n *\n * Published as the optional entry `minerva-design/web-components/graph`.\n *\n * @summary Layered DAG with the critical path.\n * @tag minerva-dependency-graph\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaDependencyGraph extends MinervaGraphElement {\n  static override tagName = \"minerva-dependency-graph\";\n\n  /** Flow direction */\n  @property()\n  direction: GraphDirection = \"TB\";\n\n  /** Highlights the longest path (node `value` = duration); a list of node ids (property) sets it */\n  @property({ type: Boolean, attribute: \"critical-path\" })\n  criticalPath?: boolean | readonly string[];\n\n  protected layoutOptions(): GraphLayoutOptions {\n    const dag = this.options?.dag;\n    const criticalPath = this.criticalPath;\n    return {\n      layout: \"dag\",\n      direction: this.direction,\n      dag: criticalPath === undefined ? dag : { ...dag, criticalPath },\n    };\n  }\n}\n\n/**\n * Tree chart of `minerva-design/charts/core` (the `<TreeChart>` of\n * React): tidy tree, radial tree, mind map or org chart, with animated\n * collapse / expand of the subtrees.\n *\n * Published as the optional entry `minerva-design/web-components/graph`.\n *\n * @summary Tidy tree, radial tree, mind map or org chart.\n * @tag minerva-tree-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaTreeChart extends MinervaGraphElement {\n  static override tagName = \"minerva-tree-chart\";\n\n  /** Kind of tree: tidy tree, radial tree, two-sided mind map or org chart */\n  @property()\n  layout: \"tree\" | \"radial\" | \"mindmap\" | \"org\" = \"tree\";\n\n  /** Direction of `layout=\"tree\"` */\n  @property()\n  direction: GraphDirection = \"LR\";\n\n  protected layoutOptions(): GraphLayoutOptions {\n    return {\n      layout: this.layout,\n      // the other tree layouts have no direction (org charts grow downward)\n      direction: this.layout === \"tree\" ? this.direction : undefined,\n      tree: this.options?.tree,\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-graph-chart\": MinervaGraphChart;\n    \"minerva-dependency-graph\": MinervaDependencyGraph;\n    \"minerva-tree-chart\": MinervaTreeChart;\n  }\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { ChartRendererKind, TradingBar, TradingBarsInput, TradingChartInstance, TradingChartOptions, TradingChartStyle, TradingDrawing, TradingDrawingTool, TradingIndicator, TradingTimeframe, TradingVisibleRange } from '../../../charts/core.js';
+import { ChartRendererKind, TradingBar, TradingBarsInput, TradingChartInstance, TradingChartOptions, TradingChartStyle, TradingDrawing, TradingDrawingPatch, TradingDrawingTool, TradingIndicator, TradingReplayState, TradingScaleMode, TradingTimeframe, TradingUndoState, TradingVisibleRange } from '../../../charts/core.js';
 import { MinervaEngineElement } from '../chart/engine-element.js';
 /**
  * Professional trading chart of `minerva-design/charts/core` (the
@@ -20,9 +20,14 @@ import { MinervaEngineElement } from '../chart/engine-element.js';
  * @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-order-create - The "+" order entry button was clicked (option `orderEntry`); detail: { price, side }
+ * @fires minerva-order-cancel - The close button of a `cancellable` price line was clicked; detail: { id, 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-undo-change - Undo / redo of the drawings became possible or impossible; detail: { canUndo, canRedo }
+ * @fires minerva-replay-change - The bar replay started, stepped, played, paused or stopped; detail: { active, picking, playing, speed, index, total, time }
+ * @fires minerva-fullscreen-change - The chart entered or left full screen; detail: { fullscreen }
  * @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 }
@@ -41,7 +46,7 @@ export declare class MinervaTradingChart extends MinervaEngineElement<TradingCha
     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 */
+    /** Other engine options (`TradingChartOptions`: markers, priceLines, drawings, colorConvention, locale, timeZone, sessionBreaks, orderEntry, volumeProfile, autoscaleIncludesDrawings, labels...); property only */
     options?: Partial<TradingChartOptions>;
     protected createEngine(container: HTMLElement, options: TradingChartOptions): TradingChartInstance;
     protected engineOptions(): TradingChartOptions;
@@ -74,6 +79,20 @@ export declare class MinervaTradingChart extends MinervaEngineElement<TradingCha
         from: number;
         to: number;
     }): void;
+    /** Times at the edges of the plot, `null` before the engine is created */
+    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 (`linear`, `log`, `percent`, `indexed`) */
+    setScaleMode(mode: TradingScaleMode): void;
     /** Fits every price scale to the visible bars again */
     resetPriceScales(): void;
     /** Activates a drawing tool (`cursor`, `trendLine`, `horizontalLine`, `fibRetracement`...) */
@@ -84,6 +103,34 @@ export declare class MinervaTradingChart extends MinervaEngineElement<TradingCha
     removeDrawing(id: string): void;
     /** Selects a drawing (`null` clears the selection) */
     selectDrawing(id: string | null): void;
+    /** Changes the style or the content of a drawing (undoable) */
+    updateDrawing(id: string, patch: TradingDrawingPatch): 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 the engine is created */
+    getReplayState(): TradingReplayState | null;
+    /** Image of the chart as a data URL (`""` before the engine is created) */
+    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 (the element's `requestFullscreen()` shows the element itself) */
+    requestChartFullscreen(): Promise<void>;
+    /** Leaves full screen */
+    exitChartFullscreen(): Promise<void>;
     /** Shows or hides an indicator */
     setIndicatorVisible(id: string, visible: boolean): void;
     /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */

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

@@ -29,9 +29,14 @@ var i = { fromAttribute: (e) => e === null ? void 0 : /^\d+$/.test(e) ? Number(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("orderCreate", (e) => this.emit("minerva-order-create", e)),
+			e.on("orderCancel", (e) => this.emit("minerva-order-cancel", 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("undoChange", (e) => this.emit("minerva-undo-change", e)),
+			e.on("replayChange", (e) => this.emit("minerva-replay-change", e)),
+			e.on("fullscreenChange", (e) => this.emit("minerva-fullscreen-change", { fullscreen: 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 }))
@@ -67,6 +72,18 @@ var i = { fromAttribute: (e) => e === null ? void 0 : /^\d+$/.test(e) ? Number(e
 	setVisibleRange(e) {
 		this.instance?.setVisibleRange(e);
 	}
+	getVisibleTimeRange() {
+		return this.instance?.getVisibleTimeRange() ?? null;
+	}
+	setVisibleTimeRange(e) {
+		this.instance?.setVisibleTimeRange(e);
+	}
+	setCrosshair(e, t) {
+		this.instance?.setCrosshair(e, t);
+	}
+	setScaleMode(e) {
+		this.instance?.setScaleMode(e);
+	}
 	resetPriceScales() {
 		this.instance?.resetPriceScales();
 	}
@@ -82,6 +99,51 @@ var i = { fromAttribute: (e) => e === null ? void 0 : /^\d+$/.test(e) ? Number(e
 	selectDrawing(e) {
 		this.instance?.selectDrawing(e);
 	}
+	updateDrawing(e, t) {
+		this.instance?.updateDrawing(e, t);
+	}
+	undo() {
+		this.instance?.undo();
+	}
+	redo() {
+		this.instance?.redo();
+	}
+	getUndoState() {
+		return this.instance?.getUndoState() ?? {
+			canUndo: !1,
+			canRedo: !1
+		};
+	}
+	startReplay(e) {
+		this.instance?.startReplay(e);
+	}
+	replayStep(e) {
+		this.instance?.replayStep(e);
+	}
+	replayPlay(e) {
+		this.instance?.replayPlay(e);
+	}
+	replayPause() {
+		this.instance?.replayPause();
+	}
+	stopReplay() {
+		this.instance?.stopReplay();
+	}
+	getReplayState() {
+		return this.instance?.getReplayState() ?? null;
+	}
+	toDataURL(e, t) {
+		return this.instance?.toDataURL(e, t) ?? "";
+	}
+	toBlob(e, t) {
+		return this.instance?.toBlob(e, t) ?? Promise.resolve(null);
+	}
+	requestChartFullscreen() {
+		return this.instance?.requestFullscreen() ?? Promise.resolve();
+	}
+	exitChartFullscreen() {
+		return this.instance?.exitFullscreen() ?? Promise.resolve();
+	}
 	setIndicatorVisible(e, t) {
 		this.instance?.setIndicatorVisible(e, t);
 	}

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

@@ -1 +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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"}
+{"version":3,"file":"trading-chart.js","names":["_decorate","__decorate","timeframeConverter","value","MinervaTradingChart","MinervaEngineElement","_args","createTradingChart","container","options","chart","bar","bars","index","animate","range","time","price","mode","tool","id","patch","count","speed","type","quality","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 TradingDrawingPatch,\n  type TradingDrawingTool,\n  type TradingIndicator,\n  type TradingReplayState,\n  type TradingScaleMode,\n  type TradingTimeframe,\n  type TradingUndoState,\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-order-create - The \"+\" order entry button was clicked (option `orderEntry`); detail: { price, side }\n * @fires minerva-order-cancel - The close button of a `cancellable` price line was clicked; detail: { id, 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-undo-change - Undo / redo of the drawings became possible or impossible; detail: { canUndo, canRedo }\n * @fires minerva-replay-change - The bar replay started, stepped, played, paused or stopped; detail: { active, picking, playing, speed, index, total, time }\n * @fires minerva-fullscreen-change - The chart entered or left full screen; detail: { fullscreen }\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, timeZone, sessionBreaks, orderEntry, volumeProfile, autoscaleIncludesDrawings, 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(\"orderCreate\", (e) => this.emit(\"minerva-order-create\", e)),\n      chart.on(\"orderCancel\", (e) => this.emit(\"minerva-order-cancel\", 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(\"undoChange\", (e) => this.emit(\"minerva-undo-change\", e)),\n      chart.on(\"replayChange\", (e) => this.emit(\"minerva-replay-change\", e)),\n      chart.on(\"fullscreenChange\", (fullscreen) =>\n        this.emit(\"minerva-fullscreen-change\", { fullscreen }),\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  /** Times at the edges of the plot, `null` before the engine is created */\n  getVisibleTimeRange(): { from: number; to: number } | null {\n    return this.instance?.getVisibleTimeRange() ?? null;\n  }\n\n  /** Shows the bars between two times */\n  setVisibleTimeRange(range: { from: number; to: number }): void {\n    this.instance?.setVisibleTimeRange(range);\n  }\n\n  /** Shows the crosshair at a time (and a price); `null` hides it */\n  setCrosshair(time: number | null, price?: number): void {\n    this.instance?.setCrosshair(time, price);\n  }\n\n  /** Sets the price scale of the price pane (`linear`, `log`, `percent`, `indexed`) */\n  setScaleMode(mode: TradingScaleMode): void {\n    this.instance?.setScaleMode(mode);\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  /** Changes the style or the content of a drawing (undoable) */\n  updateDrawing(id: string, patch: TradingDrawingPatch): void {\n    this.instance?.updateDrawing(id, patch);\n  }\n\n  /** Undoes the last change of the drawings */\n  undo(): void {\n    this.instance?.undo();\n  }\n\n  /** Redoes the last undone change of the drawings */\n  redo(): void {\n    this.instance?.redo();\n  }\n\n  /** Whether the drawings can be undone or redone */\n  getUndoState(): TradingUndoState {\n    return this.instance?.getUndoState() ?? { canUndo: false, canRedo: false };\n  }\n\n  /** Starts a bar replay after `time` (the user picks the bar without it) */\n  startReplay(time?: number): void {\n    this.instance?.startReplay(time);\n  }\n\n  /** Shows the next bars of the replay */\n  replayStep(count?: number): void {\n    this.instance?.replayStep(count);\n  }\n\n  /** Plays the replay at `speed` bars per second */\n  replayPlay(speed?: number): void {\n    this.instance?.replayPlay(speed);\n  }\n\n  /** Pauses the replay */\n  replayPause(): void {\n    this.instance?.replayPause();\n  }\n\n  /** Ends the replay and shows every bar */\n  stopReplay(): void {\n    this.instance?.stopReplay();\n  }\n\n  /** State of the bar replay, `null` before the engine is created */\n  getReplayState(): TradingReplayState | null {\n    return this.instance?.getReplayState() ?? null;\n  }\n\n  /** Image of the chart as a data URL (`\"\"` before the engine is created) */\n  toDataURL(type?: string, quality?: number): string {\n    return this.instance?.toDataURL(type, quality) ?? \"\";\n  }\n\n  /** Image of the chart as a blob */\n  toBlob(type?: string, quality?: number): Promise<Blob | null> {\n    return this.instance?.toBlob(type, quality) ?? Promise.resolve(null);\n  }\n\n  /** Shows the chart full screen (the element's `requestFullscreen()` shows the element itself) */\n  requestChartFullscreen(): Promise<void> {\n    return this.instance?.requestFullscreen() ?? Promise.resolve();\n  }\n\n  /** Leaves full screen */\n  exitChartFullscreen(): Promise<void> {\n    return this.instance?.exitFullscreen() ?? Promise.resolve();\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.d.ts

@@ -4,4 +4,4 @@ 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';
+export type { BoxplotGroup, BulletDatum, CalendarDatum, ChartAxisOptions, ChartHoverEvent, ChartHoverItem, ChartInstance, ChartOptions, ChartPlotClickEvent, ChartRendererKind, ChartSeries, ChartView, ChordGroup, ChordLink, 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

@@ -4,7 +4,7 @@ import { MinervaCartesianChartElement as n, MinervaChart as r } from "../compone
 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";
+import { MinervaBulletChart as k, MinervaCalendarHeatmap as A, MinervaChordChart as j, MinervaRadialBarChart as M, MinervaSankeyChart as N, MinervaSunburstChart as P } from "../components/chart/shapes-extended.js";
 //#region src/elements/chart.ts
 for (let t of [
 	r,
@@ -31,13 +31,14 @@ for (let t of [
 	h,
 	m,
 	b,
-	M,
 	N,
-	j,
+	P,
+	M,
 	A,
-	k
+	k,
+	j
 ]) 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 };
+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, j as MinervaChordChart, 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, M as MinervaRadialBarChart, D as MinervaRangeAreaChart, N as MinervaSankeyChart, u as MinervaScatterChart, v as MinervaShapeChart, y as MinervaShapeChartElement, d as MinervaSparkline, P as MinervaSunburstChart, b as MinervaTreemapChart, O as MinervaWaterfallChart, f as SeriesChartElement };
 
 //# sourceMappingURL=chart.js.map

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

@@ -1 +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"}
+{"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","MinervaChordChart","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, 3D and graph elements have\n// entries of their own (trading-chart, order-book, chart-3d, graph): their\n// engines are only 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  MinervaChordChart,\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  MinervaChordChart,\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  ChordGroup,\n  ChordLink,\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":";;;;;;;;AA+CA,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;CACAC;AACF,GACE,EAAc9B,CAAO"}

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

@@ -0,0 +1,2 @@
+export * from '../components/graph/graph.js';
+export type { GraphChartInstance, GraphChartLabels, GraphChartOptions, GraphData, GraphDirection, GraphEdge, GraphGroup, GraphGroupToggleEvent, GraphHoverEvent, GraphLayoutEndEvent, GraphLayoutType, GraphNode, GraphPoint, GraphSelectEvent, GraphToggleEvent, } from '../../charts/core.js';

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

@@ -0,0 +1,12 @@
+import { defineElement as e } from "../internal/define.js";
+import { MinervaDependencyGraph as t, MinervaGraphChart as n, MinervaGraphElement as r, MinervaTreeChart as i, sameGraphOptions as a } from "../components/graph/graph.js";
+//#region src/elements/graph.ts
+for (let r of [
+	n,
+	t,
+	i
+]) e(r);
+//#endregion
+export { t as MinervaDependencyGraph, n as MinervaGraphChart, r as MinervaGraphElement, i as MinervaTreeChart, a as sameGraphOptions };
+
+//# sourceMappingURL=graph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graph.js","names":["element","MinervaGraphChart","MinervaDependencyGraph","MinervaTreeChart","MinervaGraphElement","sameGraphOptions"],"sources":["../../../../web-components/src/elements/graph.ts"],"sourcesContent":["// Registers the graph elements (<minerva-graph-chart>,\n// <minerva-dependency-graph>, <minerva-tree-chart>). Optional entry: not\n// part of the all-in-one entry nor of the CDN bundle, since it loads the\n// graph engine of minerva-design/charts/core (shared with the other\n// renderers).\nimport {\n  MinervaDependencyGraph,\n  MinervaGraphChart,\n  MinervaTreeChart,\n} from \"../components/graph/graph\";\nimport { defineElement } from \"../internal/define\";\n\nfor (const element of [\n  MinervaGraphChart,\n  MinervaDependencyGraph,\n  MinervaTreeChart,\n]) {\n  defineElement(element);\n}\n\nexport * from \"../components/graph/graph\";\n// the engine types used with the elements (the rest: minerva-design/charts/core)\nexport type {\n  GraphChartInstance,\n  GraphChartLabels,\n  GraphChartOptions,\n  GraphData,\n  GraphDirection,\n  GraphEdge,\n  GraphGroup,\n  GraphGroupToggleEvent,\n  GraphHoverEvent,\n  GraphLayoutEndEvent,\n  GraphLayoutType,\n  GraphNode,\n  GraphPoint,\n  GraphSelectEvent,\n  GraphToggleEvent,\n} from \"minerva-design/charts/core\";\n"],"mappings":";;;AAYA,KAAK,IAAMA,KAAW;CACpBC;CACAC;CACAC;AACF,GACE,EAAcH,CAAO"}