@tradecanvas/chart 1.1.0 → 1.3.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/grid/ChartGrid.ts","../src/finance/SparklineChart.ts","../src/finance/DepthChart.ts","../src/finance/EquityCurveChart.ts","../src/finance/HeatmapChart.ts","../src/finance/WaterfallChart.ts","../src/finance/GaugeChart.ts","../src/finance/performanceData.ts","../src/finance/PerformanceDashboard.ts"],"sourcesContent":["import type { ChartOptions, Theme, TimeFrame, DataSeries, DataAdapter, StreamConfig } from '@tradecanvas/commons';\nimport { Chart } from '../Chart.js';\n\nexport type GridLayout = '1x1' | '1x2' | '2x1' | '2x2' | '1x3' | '3x1' | '2x3' | '3x2';\n\nexport interface GridCellConfig {\n  symbol?: string;\n  timeframe?: TimeFrame;\n  chartOptions?: Partial<ChartOptions>;\n}\n\nexport interface ChartGridOptions {\n  layout?: GridLayout;\n  theme?: ChartOptions['theme'];\n  syncCrosshair?: boolean;\n  syncTimeAxis?: boolean;\n  gap?: number;\n  cells?: GridCellConfig[];\n  chartOptions?: Partial<ChartOptions>;\n}\n\ninterface GridCell {\n  container: HTMLDivElement;\n  chart: Chart;\n  symbol: string;\n  timeframe: TimeFrame;\n}\n\nconst LAYOUT_MAP: Record<GridLayout, { cols: number; rows: number }> = {\n  '1x1': { cols: 1, rows: 1 },\n  '1x2': { cols: 2, rows: 1 },\n  '2x1': { cols: 1, rows: 2 },\n  '2x2': { cols: 2, rows: 2 },\n  '1x3': { cols: 3, rows: 1 },\n  '3x1': { cols: 1, rows: 3 },\n  '2x3': { cols: 3, rows: 2 },\n  '3x2': { cols: 2, rows: 3 },\n};\n\nexport class ChartGrid {\n  private root: HTMLDivElement;\n  private cells: GridCell[] = [];\n  private layout: GridLayout;\n  private options: ChartGridOptions;\n  private destroyed = false;\n  private syncing = false;\n\n  constructor(container: HTMLElement, options: ChartGridOptions = {}) {\n    this.options = options;\n    this.layout = options.layout ?? '2x2';\n\n    this.root = document.createElement('div');\n    this.root.style.cssText = 'display:grid;width:100%;height:100%;overflow:hidden;';\n    container.appendChild(this.root);\n\n    this.applyLayout();\n    this.createCells();\n  }\n\n  private applyLayout(): void {\n    const { cols, rows } = LAYOUT_MAP[this.layout];\n    const gap = this.options.gap ?? 1;\n    this.root.style.gridTemplateColumns = `repeat(${cols}, 1fr)`;\n    this.root.style.gridTemplateRows = `repeat(${rows}, 1fr)`;\n    this.root.style.gap = `${gap}px`;\n  }\n\n  private createCells(): void {\n    const { cols, rows } = LAYOUT_MAP[this.layout];\n    const count = cols * rows;\n\n    for (let i = 0; i < count; i++) {\n      const cellConfig = this.options.cells?.[i] ?? {};\n\n      const cellEl = document.createElement('div');\n      cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\n      this.root.appendChild(cellEl);\n\n      const chartOpts: ChartOptions = {\n        chartType: 'candlestick',\n        autoScale: true,\n        features: {\n          crosshair: true,\n          keyboard: true,\n          volume: true,\n          legend: true,\n          priceAxis: true,\n          timeAxis: true,\n          grid: true,\n        },\n        ...this.options.chartOptions,\n        ...cellConfig.chartOptions,\n        theme: this.options.theme,\n      };\n\n      const chart = new Chart(cellEl, chartOpts);\n\n      const cell: GridCell = {\n        container: cellEl,\n        chart,\n        symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\n        timeframe: cellConfig.timeframe ?? '5m',\n      };\n\n      if (this.options.syncCrosshair !== false) {\n        chart.on('crosshairMove', (e) => {\n          if (this.syncing) return;\n          this.syncing = true;\n          for (const other of this.cells) {\n            if (other.chart !== chart) {\n              other.chart.setCrosshairPosition(e.payload.point);\n            }\n          }\n          this.syncing = false;\n        });\n      }\n\n      if (this.options.syncTimeAxis !== false) {\n        chart.on('visibleRangeChange', (e) => {\n          if (this.syncing) return;\n          this.syncing = true;\n          const { from, to } = e.payload;\n          const srcData = chart.getData();\n          if (srcData.length > 0 && from >= 0 && to < srcData.length) {\n            const fromTime = srcData[from]?.time;\n            const toTime = srcData[to]?.time;\n            if (fromTime && toTime) {\n              for (const other of this.cells) {\n                if (other.chart !== chart) {\n                  other.chart.setVisibleRange(fromTime, toTime);\n                }\n              }\n            }\n          }\n          this.syncing = false;\n        });\n      }\n\n      this.cells.push(cell);\n    }\n  }\n\n  setLayout(layout: GridLayout): void {\n    if (layout === this.layout) return;\n    const oldCount = this.cells.length;\n    const { cols, rows } = LAYOUT_MAP[layout];\n    const newCount = cols * rows;\n\n    if (newCount < oldCount) {\n      for (let i = oldCount - 1; i >= newCount; i--) {\n        const cell = this.cells[i];\n        cell.chart.destroy();\n        cell.container.remove();\n        this.cells.pop();\n      }\n    }\n\n    this.layout = layout;\n    this.applyLayout();\n\n    if (newCount > oldCount) {\n      for (let i = oldCount; i < newCount; i++) {\n        const cellConfig = this.options.cells?.[i] ?? {};\n        const cellEl = document.createElement('div');\n        cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\n        this.root.appendChild(cellEl);\n\n        const chart = new Chart(cellEl, {\n          chartType: 'candlestick',\n          autoScale: true,\n          ...this.options.chartOptions,\n          ...cellConfig.chartOptions,\n          theme: this.options.theme,\n        });\n\n        this.cells.push({\n          container: cellEl,\n          chart,\n          symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\n          timeframe: cellConfig.timeframe ?? '5m',\n        });\n      }\n    }\n  }\n\n  getChart(index: number): Chart | null {\n    return this.cells[index]?.chart ?? null;\n  }\n\n  getCharts(): Chart[] {\n    return this.cells.map(c => c.chart);\n  }\n\n  getCellCount(): number {\n    return this.cells.length;\n  }\n\n  setData(index: number, data: DataSeries): void {\n    this.cells[index]?.chart.setData(data);\n  }\n\n  setAllData(data: DataSeries): void {\n    for (const cell of this.cells) {\n      cell.chart.setData(data);\n    }\n  }\n\n  async connectCell(index: number, config: StreamConfig): Promise<void> {\n    const cell = this.cells[index];\n    if (!cell) return;\n    cell.symbol = config.symbol;\n    cell.timeframe = config.timeframe;\n    await cell.chart.connect(config);\n  }\n\n  async connectAll(adapter: DataAdapter, symbols: string[], timeframe: TimeFrame, historyLimit = 500): Promise<void> {\n    const promises: Promise<void>[] = [];\n    for (let i = 0; i < this.cells.length && i < symbols.length; i++) {\n      promises.push(this.connectCell(i, {\n        adapter,\n        symbol: symbols[i],\n        timeframe,\n        historyLimit,\n      }));\n    }\n    await Promise.all(promises);\n  }\n\n  setTheme(theme: Theme): void {\n    for (const cell of this.cells) {\n      cell.chart.setTheme(theme);\n    }\n  }\n\n  destroy(): void {\n    if (this.destroyed) return;\n    this.destroyed = true;\n    for (const cell of this.cells) {\n      cell.chart.destroy();\n      cell.container.remove();\n    }\n    this.cells = [];\n    this.root.remove();\n  }\n}\n","import type { SparklineOptions, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, renderSparkline } from '@tradecanvas/core';\n\nexport class SparklineChart extends BaseFinanceChart {\n  private options: SparklineOptions;\n\n  constructor(container: HTMLElement, options: SparklineOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    renderSparkline(ctx, width, height, this.options, theme);\n  }\n\n  update(data: number[]): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<SparklineOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n}\n","import type { DepthChartOptions, DepthData, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderDepthChart } from '@tradecanvas/core';\n\nexport class DepthChart extends BaseFinanceChart {\n  private options: DepthChartOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: DepthChartOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderDepthChart(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: DepthData): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<DepthChartOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { EquityCurveOptions, EquityPoint, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderEquityCurve } from '@tradecanvas/core';\n\nexport class EquityCurveChart extends BaseFinanceChart {\n  private options: EquityCurveOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: EquityCurveOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderEquityCurve(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: EquityPoint[], benchmark?: EquityPoint[]): void {\n    this.options = { ...this.options, data };\n    if (benchmark !== undefined) {\n      this.options = { ...this.options, benchmark };\n    }\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<EquityCurveOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { HeatmapCell, HeatmapOptions, Theme } from '@tradecanvas/commons';\nimport {\n  BaseFinanceChart,\n  FinanceCrosshair,\n  layoutUniformGrid,\n  layoutSquarifiedTreemap,\n  renderHeatmap,\n} from '@tradecanvas/core';\nimport type { LayoutRect } from '@tradecanvas/core';\n\nexport class HeatmapChart extends BaseFinanceChart {\n  private options: HeatmapOptions;\n  private crosshair: FinanceCrosshair | null = null;\n  private cachedRects: LayoutRect[] = [];\n  private currentData: HeatmapCell[] = [];\n  private lastLayoutWidth = 0;\n  private lastLayoutHeight = 0;\n  private handleClick: ((e: MouseEvent) => void) | null = null;\n\n  constructor(container: HTMLElement, options: HeatmapOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.currentData = options.data ?? [];\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    if (options.onCellClick) {\n      this.handleClick = (e: MouseEvent) => {\n        const rect = this.canvas.getBoundingClientRect();\n        const x = e.clientX - rect.left;\n        const y = e.clientY - rect.top;\n        this.onCanvasClick(x, y);\n      };\n      this.canvas.addEventListener('click', this.handleClick);\n    }\n\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  private recomputeLayout(): void {\n    const bounds = { x: 0, y: 0, width: this.width, height: this.height };\n    const padding = this.options.cellPadding ?? 2;\n    this.lastLayoutWidth = this.width;\n    this.lastLayoutHeight = this.height;\n\n    if (this.options.weighted) {\n      const weighted = this.currentData.map(c => ({\n        id: c.id,\n        weight: c.weight ?? (Math.abs(c.value) || 1),\n      }));\n      this.cachedRects = layoutSquarifiedTreemap(weighted, bounds, padding);\n    } else {\n      this.cachedRects = layoutUniformGrid(\n        this.currentData.map(c => ({ id: c.id })),\n        bounds,\n        padding,\n      );\n    }\n  }\n\n  private onCanvasClick(x: number, y: number): void {\n    if (!this.options.onCellClick) return;\n\n    for (const lr of this.cachedRects) {\n      const r = lr.rect;\n      if (x >= r.x && x <= r.x + r.width && y >= r.y && y <= r.y + r.height) {\n        const cell = this.currentData.find(c => c.id === lr.id);\n        if (cell) this.options.onCellClick(cell);\n        return;\n      }\n    }\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    if (width !== this.lastLayoutWidth || height !== this.lastLayoutHeight) {\n      this.recomputeLayout();\n    }\n\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderHeatmap(ctx, width, height, this.currentData, this.cachedRects, this.options, theme, pos);\n  }\n\n  update(data: HeatmapCell[]): void {\n    this.currentData = data;\n    this.options = { ...this.options, data };\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<HeatmapOptions>): void {\n    this.options = { ...this.options, ...opts };\n    if (opts.data) {\n      this.currentData = opts.data;\n    }\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    if (this.handleClick) {\n      this.canvas.removeEventListener('click', this.handleClick);\n    }\n    super.destroy();\n  }\n}\n","import type { Theme, WaterfallBar, WaterfallOptions } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderWaterfall } from '@tradecanvas/core';\n\nexport class WaterfallChart extends BaseFinanceChart {\n  private options: WaterfallOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: WaterfallOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderWaterfall(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: WaterfallBar[]): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<WaterfallOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { GaugeOptions, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, renderGauge } from '@tradecanvas/core';\n\nconst DEFAULT_ANIMATION_MS = 500;\n\nfunction easeOutCubic(t: number): number {\n  const inv = 1 - t;\n  return 1 - inv * inv * inv;\n}\n\nexport class GaugeChart extends BaseFinanceChart {\n  private options: GaugeOptions;\n  private currentValue: number;\n  private targetValue: number;\n  private animationStart: number | null = null;\n  private animationFrom = 0;\n  private animationFrameId: number | null = null;\n\n  constructor(container: HTMLElement, options: GaugeOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.currentValue = options.value;\n    this.targetValue = options.value;\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    renderGauge(ctx, width, height, this.options, theme, this.currentValue);\n  }\n\n  setValue(value: number): void {\n    const animate = this.options.animate !== false;\n    if (!animate) {\n      this.cancelAnimation();\n      this.currentValue = value;\n      this.targetValue = value;\n      this.options = { ...this.options, value };\n      this.requestRender();\n      return;\n    }\n\n    this.targetValue = value;\n    this.animationFrom = this.currentValue;\n    this.animationStart = performance.now();\n    this.options = { ...this.options, value };\n    this.startAnimationLoop();\n  }\n\n  setOptions(opts: Partial<GaugeOptions>): void {\n    const next = { ...this.options, ...opts };\n    // If `value` is part of the partial, route through animation path\n    if (opts.value !== undefined && opts.value !== this.targetValue) {\n      this.options = next;\n      this.setValue(opts.value);\n      return;\n    }\n    this.options = next;\n    this.requestRender();\n  }\n\n  private startAnimationLoop(): void {\n    if (this.animationFrameId !== null) return;\n    const step = (): void => {\n      this.animationFrameId = null;\n      if (this.animationStart === null) return;\n\n      const duration = this.options.animationDuration ?? DEFAULT_ANIMATION_MS;\n      const elapsed = performance.now() - this.animationStart;\n      const t = Math.min(1, elapsed / Math.max(1, duration));\n      const eased = easeOutCubic(t);\n      this.currentValue = this.animationFrom + (this.targetValue - this.animationFrom) * eased;\n\n      this.requestRender();\n\n      if (t < 1) {\n        this.animationFrameId = requestAnimationFrame(step);\n      } else {\n        this.currentValue = this.targetValue;\n        this.animationStart = null;\n      }\n    };\n    this.animationFrameId = requestAnimationFrame(step);\n  }\n\n  private cancelAnimation(): void {\n    if (this.animationFrameId !== null) {\n      cancelAnimationFrame(this.animationFrameId);\n      this.animationFrameId = null;\n    }\n    this.animationStart = null;\n  }\n\n  destroy(): void {\n    this.cancelAnimation();\n    super.destroy();\n  }\n}\n","import type { EquityPoint, HeatmapCell } from '@tradecanvas/commons';\nimport { timeframeBucketStart } from '@tradecanvas/commons';\n\n/** Minimal equity sample shape — structurally satisfied by analytics' EquityPoint. */\nexport interface EquitySample {\n  time: number;\n  equity: number;\n}\n\n/** Subset of analytics RiskMetrics needed to render the stats strip. */\nexport interface RiskMetricsLike {\n  totalReturnPct: number;\n  cagr: number;\n  sharpe: number;\n  sortino: number;\n  maxDrawdownPct: number;\n  winRate: number;\n  profitFactor: number;\n  trades: number;\n}\n\nexport interface DashboardStat {\n  label: string;\n  value: string;\n  tone: 'positive' | 'negative' | 'neutral';\n}\n\nconst MONTH_LABELS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n/** Map an analytics equity curve to the finance EquityCurveChart point shape. */\nexport function toEquityPoints(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\n  return curve.map((p) => ({ time: p.time, value: p.equity }));\n}\n\n/**\n * Underwater drawdown curve as a percentage (<= 0). Each point is the equity's\n * shortfall from the running peak: `equity / peak - 1`, expressed in percent.\n */\nexport function computeDrawdownCurve(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\n  let peak = -Infinity;\n  return curve.map((p) => {\n    if (p.equity > peak) peak = p.equity;\n    const dd = peak > 0 ? (p.equity / peak - 1) * 100 : 0;\n    return { time: p.time, value: dd };\n  });\n}\n\n/**\n * Calendar-month returns as heatmap cells. Each month's return is chained off\n * the prior month's closing equity (the first month chains off its own opening\n * equity), so the series reads as sequential monthly performance. `group` is\n * the year and `value` is the return in percent.\n */\nexport function computeMonthlyReturns(curve: ReadonlyArray<EquitySample>): HeatmapCell[] {\n  if (curve.length === 0) return [];\n\n  // Collapse the curve to one closing equity per calendar month, in order.\n  const months: { key: number; close: number }[] = [];\n  for (const p of curve) {\n    const key = timeframeBucketStart(p.time, '1M');\n    const last = months[months.length - 1];\n    if (last && last.key === key) {\n      last.close = p.equity;\n    } else {\n      months.push({ key, close: p.equity });\n    }\n  }\n\n  let prevClose = curve[0].equity;\n  const cells: HeatmapCell[] = [];\n  for (const m of months) {\n    const base = prevClose === 0 ? 1 : prevClose;\n    const returnPct = (m.close / base - 1) * 100;\n    prevClose = m.close;\n    const d = new Date(m.key);\n    const year = d.getUTCFullYear();\n    const month = d.getUTCMonth();\n    cells.push({\n      id: `${year}-${String(month + 1).padStart(2, '0')}`,\n      label: MONTH_LABELS[month],\n      group: String(year),\n      value: returnPct,\n    });\n  }\n  return cells;\n}\n\nfunction pct(value: number): string {\n  const sign = value > 0 ? '+' : '';\n  return `${sign}${value.toFixed(2)}%`;\n}\n\nfunction tone(value: number): DashboardStat['tone'] {\n  if (value > 0) return 'positive';\n  if (value < 0) return 'negative';\n  return 'neutral';\n}\n\n/** The headline stats rendered as cards above the charts. */\nexport function selectKeyStats(metrics: RiskMetricsLike): DashboardStat[] {\n  return [\n    { label: 'Total Return', value: pct(metrics.totalReturnPct), tone: tone(metrics.totalReturnPct) },\n    { label: 'CAGR', value: pct(metrics.cagr * 100), tone: tone(metrics.cagr) },\n    { label: 'Sharpe', value: metrics.sharpe.toFixed(2), tone: tone(metrics.sharpe) },\n    { label: 'Sortino', value: metrics.sortino.toFixed(2), tone: tone(metrics.sortino) },\n    { label: 'Max Drawdown', value: pct(metrics.maxDrawdownPct), tone: 'negative' },\n    { label: 'Win Rate', value: `${(metrics.winRate * 100).toFixed(1)}%`, tone: 'neutral' },\n    { label: 'Profit Factor', value: Number.isFinite(metrics.profitFactor) ? metrics.profitFactor.toFixed(2) : '∞', tone: tone(metrics.profitFactor - 1) },\n    { label: 'Trades', value: String(metrics.trades), tone: 'neutral' },\n  ];\n}\n","import type { Theme, ThemeName } from '@tradecanvas/commons';\nimport { DARK_THEME, LIGHT_THEME } from '@tradecanvas/commons';\nimport { EquityCurveChart } from './EquityCurveChart.js';\nimport { HeatmapChart } from './HeatmapChart.js';\nimport {\n  toEquityPoints,\n  computeDrawdownCurve,\n  computeMonthlyReturns,\n  selectKeyStats,\n  type EquitySample,\n  type RiskMetricsLike,\n  type DashboardStat,\n} from './performanceData.js';\n\n/** Structurally satisfied by analytics' `BacktestResult`. */\nexport interface PerformanceResult {\n  equityCurve: ReadonlyArray<EquitySample>;\n  metrics: RiskMetricsLike;\n}\n\nexport interface PerformanceDashboardOptions {\n  result: PerformanceResult;\n  theme?: ThemeName | Theme;\n  title?: string;\n  subtitle?: string;\n}\n\nfunction resolveTheme(theme?: ThemeName | Theme): Theme {\n  if (!theme || theme === 'dark') return DARK_THEME;\n  if (theme === 'light') return LIGHT_THEME;\n  return theme as Theme;\n}\n\n/**\n * A composed strategy-performance dashboard: a headline stats strip, an equity\n * curve, an underwater drawdown panel, and a monthly-returns heatmap. Built\n * entirely from a backtest `result`, reusing the finance chart renderers.\n *\n * ```ts\n * const result = new Backtester(opts).run(bars, strategy);\n * const dash = new PerformanceDashboard(el, { result, theme: 'dark' });\n * ```\n */\nexport class PerformanceDashboard {\n  private options: PerformanceDashboardOptions;\n  private theme: Theme;\n  private root: HTMLDivElement;\n  private equityChart: EquityCurveChart | null = null;\n  private drawdownChart: EquityCurveChart | null = null;\n  private heatmap: HeatmapChart | null = null;\n\n  constructor(container: HTMLElement, options: PerformanceDashboardOptions) {\n    this.options = options;\n    this.theme = resolveTheme(options.theme);\n    this.root = document.createElement('div');\n    this.build();\n    container.appendChild(this.root);\n  }\n\n  private build(): void {\n    const t = this.theme;\n    const { result, title, subtitle } = this.options;\n    const surface = this.panelBackground();\n    const border = t.grid;\n\n    this.root.style.cssText = [\n      'display:flex',\n      'flex-direction:column',\n      'gap:14px',\n      'width:100%',\n      'box-sizing:border-box',\n      'padding:16px',\n      `background:${t.background}`,\n      `color:${t.text}`,\n      `font-family:${t.font.family}`,\n    ].join(';');\n\n    if (title || subtitle) {\n      const header = document.createElement('div');\n      if (title) {\n        const h = document.createElement('div');\n        h.textContent = title;\n        h.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;letter-spacing:-0.01em;`;\n        header.appendChild(h);\n      }\n      if (subtitle) {\n        const s = document.createElement('div');\n        s.textContent = subtitle;\n        s.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};margin-top:2px;`;\n        header.appendChild(s);\n      }\n      this.root.appendChild(header);\n    }\n\n    // Stats strip\n    this.root.appendChild(this.buildStatsStrip(selectKeyStats(result.metrics), surface, border));\n\n    // Chart grid\n    const grid = document.createElement('div');\n    grid.style.cssText = [\n      'display:grid',\n      'grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))',\n      'grid-auto-rows:220px',\n      'gap:14px',\n    ].join(';');\n    this.root.appendChild(grid);\n\n    const equityPanel = this.buildPanel('Equity Curve', surface, border);\n    equityPanel.wrap.style.gridColumn = '1 / -1';\n    grid.appendChild(equityPanel.wrap);\n    this.equityChart = new EquityCurveChart(equityPanel.body, {\n      data: toEquityPoints(result.equityCurve),\n      theme: t,\n      lineColor: t.candleUp,\n      fillArea: true,\n      crosshair: true,\n    });\n\n    const ddPanel = this.buildPanel('Drawdown', surface, border);\n    grid.appendChild(ddPanel.wrap);\n    this.drawdownChart = new EquityCurveChart(ddPanel.body, {\n      data: computeDrawdownCurve(result.equityCurve),\n      theme: t,\n      lineColor: t.candleDown,\n      fillArea: true,\n      crosshair: true,\n      valueFormat: (v) => `${v.toFixed(1)}%`,\n    });\n\n    const monthlyCells = computeMonthlyReturns(result.equityCurve);\n    const heatPanel = this.buildPanel('Monthly Returns', surface, border);\n    grid.appendChild(heatPanel.wrap);\n    this.heatmap = new HeatmapChart(heatPanel.body, {\n      data: monthlyCells,\n      theme: t,\n      showValues: true,\n      valueFormat: (v) => `${v >= 0 ? '+' : ''}${v.toFixed(1)}`,\n      colorScale: { negative: t.candleDown, zero: surface, positive: t.candleUp },\n    });\n  }\n\n  private buildStatsStrip(stats: DashboardStat[], surface: string, border: string): HTMLDivElement {\n    const strip = document.createElement('div');\n    strip.style.cssText = [\n      'display:grid',\n      'grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))',\n      'gap:10px',\n    ].join(';');\n\n    const t = this.theme;\n    for (const stat of stats) {\n      const card = document.createElement('div');\n      card.style.cssText = [\n        `background:${surface}`,\n        `border:1px solid ${border}`,\n        'border-radius:10px',\n        'padding:10px 12px',\n        'display:flex',\n        'flex-direction:column',\n        'gap:4px',\n      ].join(';');\n\n      const label = document.createElement('div');\n      label.textContent = stat.label;\n      label.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};text-transform:uppercase;letter-spacing:0.04em;`;\n\n      const value = document.createElement('div');\n      value.textContent = stat.value;\n      const color = stat.tone === 'positive' ? t.candleUp : stat.tone === 'negative' ? t.candleDown : t.text;\n      value.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;color:${color};font-variant-numeric:tabular-nums;`;\n\n      card.appendChild(label);\n      card.appendChild(value);\n      strip.appendChild(card);\n    }\n    return strip;\n  }\n\n  private buildPanel(title: string, surface: string, border: string): { wrap: HTMLDivElement; body: HTMLDivElement } {\n    const t = this.theme;\n    const wrap = document.createElement('div');\n    wrap.style.cssText = [\n      `background:${surface}`,\n      `border:1px solid ${border}`,\n      'border-radius:10px',\n      'overflow:hidden',\n      'display:flex',\n      'flex-direction:column',\n    ].join(';');\n\n    const head = document.createElement('div');\n    head.textContent = title;\n    head.style.cssText = [\n      `font-size:${t.font.sizeSmall}px`,\n      'font-weight:600',\n      `color:${t.textSecondary}`,\n      'padding:8px 12px',\n      `border-bottom:1px solid ${border}`,\n      'text-transform:uppercase',\n      'letter-spacing:0.04em',\n    ].join(';');\n\n    const body = document.createElement('div');\n    body.style.cssText = 'flex:1;min-height:0;position:relative;';\n\n    wrap.appendChild(head);\n    wrap.appendChild(body);\n    return { wrap, body };\n  }\n\n  /** A subtle surface tint distinct from the page background, per theme. */\n  private panelBackground(): string {\n    return this.theme.name === 'light' ? 'rgba(0,0,0,0.02)' : 'rgba(255,255,255,0.03)';\n  }\n\n  /** Replace the displayed result and re-render all panels. */\n  update(result: PerformanceResult): void {\n    this.options = { ...this.options, result };\n    this.destroyCharts();\n    this.root.replaceChildren();\n    this.build();\n  }\n\n  setTheme(theme: ThemeName | Theme): void {\n    this.theme = resolveTheme(theme);\n    this.options = { ...this.options, theme };\n    this.destroyCharts();\n    this.root.replaceChildren();\n    this.build();\n  }\n\n  private destroyCharts(): void {\n    this.equityChart?.destroy();\n    this.drawdownChart?.destroy();\n    this.heatmap?.destroy();\n    this.equityChart = null;\n    this.drawdownChart = null;\n    this.heatmap = null;\n  }\n\n  destroy(): void {\n    this.destroyCharts();\n    this.root.remove();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/grid/ChartGrid.ts","../src/finance/SparklineChart.ts","../src/finance/DepthChart.ts","../src/finance/EquityCurveChart.ts","../src/finance/HeatmapChart.ts","../src/finance/WaterfallChart.ts","../src/finance/GaugeChart.ts","../src/finance/performanceData.ts","../src/finance/PerformanceDashboard.ts"],"sourcesContent":["import type { ChartOptions, Theme, TimeFrame, DataSeries, DataAdapter, StreamConfig } from '@tradecanvas/commons';\r\nimport { Chart } from '../Chart.js';\r\n\r\nexport type GridLayout = '1x1' | '1x2' | '2x1' | '2x2' | '1x3' | '3x1' | '2x3' | '3x2';\r\n\r\nexport interface GridCellConfig {\r\n  symbol?: string;\r\n  timeframe?: TimeFrame;\r\n  chartOptions?: Partial<ChartOptions>;\r\n}\r\n\r\nexport interface ChartGridOptions {\r\n  layout?: GridLayout;\r\n  theme?: ChartOptions['theme'];\r\n  syncCrosshair?: boolean;\r\n  syncTimeAxis?: boolean;\r\n  gap?: number;\r\n  cells?: GridCellConfig[];\r\n  chartOptions?: Partial<ChartOptions>;\r\n}\r\n\r\ninterface GridCell {\r\n  container: HTMLDivElement;\r\n  chart: Chart;\r\n  symbol: string;\r\n  timeframe: TimeFrame;\r\n}\r\n\r\nconst LAYOUT_MAP: Record<GridLayout, { cols: number; rows: number }> = {\r\n  '1x1': { cols: 1, rows: 1 },\r\n  '1x2': { cols: 2, rows: 1 },\r\n  '2x1': { cols: 1, rows: 2 },\r\n  '2x2': { cols: 2, rows: 2 },\r\n  '1x3': { cols: 3, rows: 1 },\r\n  '3x1': { cols: 1, rows: 3 },\r\n  '2x3': { cols: 3, rows: 2 },\r\n  '3x2': { cols: 2, rows: 3 },\r\n};\r\n\r\nexport class ChartGrid {\r\n  private root: HTMLDivElement;\r\n  private cells: GridCell[] = [];\r\n  private layout: GridLayout;\r\n  private options: ChartGridOptions;\r\n  private destroyed = false;\r\n  private syncing = false;\r\n\r\n  constructor(container: HTMLElement, options: ChartGridOptions = {}) {\r\n    this.options = options;\r\n    this.layout = options.layout ?? '2x2';\r\n\r\n    this.root = document.createElement('div');\r\n    this.root.style.cssText = 'display:grid;width:100%;height:100%;overflow:hidden;';\r\n    container.appendChild(this.root);\r\n\r\n    this.applyLayout();\r\n    this.createCells();\r\n  }\r\n\r\n  private applyLayout(): void {\r\n    const { cols, rows } = LAYOUT_MAP[this.layout];\r\n    const gap = this.options.gap ?? 1;\r\n    this.root.style.gridTemplateColumns = `repeat(${cols}, 1fr)`;\r\n    this.root.style.gridTemplateRows = `repeat(${rows}, 1fr)`;\r\n    this.root.style.gap = `${gap}px`;\r\n  }\r\n\r\n  private createCells(): void {\r\n    const { cols, rows } = LAYOUT_MAP[this.layout];\r\n    const count = cols * rows;\r\n\r\n    for (let i = 0; i < count; i++) {\r\n      const cellConfig = this.options.cells?.[i] ?? {};\r\n\r\n      const cellEl = document.createElement('div');\r\n      cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\r\n      this.root.appendChild(cellEl);\r\n\r\n      const chartOpts: ChartOptions = {\r\n        chartType: 'candlestick',\r\n        autoScale: true,\r\n        features: {\r\n          crosshair: true,\r\n          keyboard: true,\r\n          volume: true,\r\n          legend: true,\r\n          priceAxis: true,\r\n          timeAxis: true,\r\n          grid: true,\r\n        },\r\n        ...this.options.chartOptions,\r\n        ...cellConfig.chartOptions,\r\n        theme: this.options.theme,\r\n      };\r\n\r\n      const chart = new Chart(cellEl, chartOpts);\r\n\r\n      const cell: GridCell = {\r\n        container: cellEl,\r\n        chart,\r\n        symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\r\n        timeframe: cellConfig.timeframe ?? '5m',\r\n      };\r\n\r\n      if (this.options.syncCrosshair !== false) {\r\n        chart.on('crosshairMove', (e) => {\r\n          if (this.syncing) return;\r\n          this.syncing = true;\r\n          for (const other of this.cells) {\r\n            if (other.chart !== chart) {\r\n              other.chart.setCrosshairPosition(e.payload.point);\r\n            }\r\n          }\r\n          this.syncing = false;\r\n        });\r\n      }\r\n\r\n      if (this.options.syncTimeAxis !== false) {\r\n        chart.on('visibleRangeChange', (e) => {\r\n          if (this.syncing) return;\r\n          this.syncing = true;\r\n          const { from, to } = e.payload;\r\n          const srcData = chart.getData();\r\n          if (srcData.length > 0 && from >= 0 && to < srcData.length) {\r\n            const fromTime = srcData[from]?.time;\r\n            const toTime = srcData[to]?.time;\r\n            if (fromTime && toTime) {\r\n              for (const other of this.cells) {\r\n                if (other.chart !== chart) {\r\n                  other.chart.setVisibleRange(fromTime, toTime);\r\n                }\r\n              }\r\n            }\r\n          }\r\n          this.syncing = false;\r\n        });\r\n      }\r\n\r\n      this.cells.push(cell);\r\n    }\r\n  }\r\n\r\n  setLayout(layout: GridLayout): void {\r\n    if (layout === this.layout) return;\r\n    const oldCount = this.cells.length;\r\n    const { cols, rows } = LAYOUT_MAP[layout];\r\n    const newCount = cols * rows;\r\n\r\n    if (newCount < oldCount) {\r\n      for (let i = oldCount - 1; i >= newCount; i--) {\r\n        const cell = this.cells[i];\r\n        cell.chart.destroy();\r\n        cell.container.remove();\r\n        this.cells.pop();\r\n      }\r\n    }\r\n\r\n    this.layout = layout;\r\n    this.applyLayout();\r\n\r\n    if (newCount > oldCount) {\r\n      for (let i = oldCount; i < newCount; i++) {\r\n        const cellConfig = this.options.cells?.[i] ?? {};\r\n        const cellEl = document.createElement('div');\r\n        cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\r\n        this.root.appendChild(cellEl);\r\n\r\n        const chart = new Chart(cellEl, {\r\n          chartType: 'candlestick',\r\n          autoScale: true,\r\n          ...this.options.chartOptions,\r\n          ...cellConfig.chartOptions,\r\n          theme: this.options.theme,\r\n        });\r\n\r\n        this.cells.push({\r\n          container: cellEl,\r\n          chart,\r\n          symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\r\n          timeframe: cellConfig.timeframe ?? '5m',\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  getChart(index: number): Chart | null {\r\n    return this.cells[index]?.chart ?? null;\r\n  }\r\n\r\n  getCharts(): Chart[] {\r\n    return this.cells.map(c => c.chart);\r\n  }\r\n\r\n  getCellCount(): number {\r\n    return this.cells.length;\r\n  }\r\n\r\n  setData(index: number, data: DataSeries): void {\r\n    this.cells[index]?.chart.setData(data);\r\n  }\r\n\r\n  setAllData(data: DataSeries): void {\r\n    for (const cell of this.cells) {\r\n      cell.chart.setData(data);\r\n    }\r\n  }\r\n\r\n  async connectCell(index: number, config: StreamConfig): Promise<void> {\r\n    const cell = this.cells[index];\r\n    if (!cell) return;\r\n    cell.symbol = config.symbol;\r\n    cell.timeframe = config.timeframe;\r\n    await cell.chart.connect(config);\r\n  }\r\n\r\n  async connectAll(adapter: DataAdapter, symbols: string[], timeframe: TimeFrame, historyLimit = 500): Promise<void> {\r\n    const promises: Promise<void>[] = [];\r\n    for (let i = 0; i < this.cells.length && i < symbols.length; i++) {\r\n      promises.push(this.connectCell(i, {\r\n        adapter,\r\n        symbol: symbols[i],\r\n        timeframe,\r\n        historyLimit,\r\n      }));\r\n    }\r\n    await Promise.all(promises);\r\n  }\r\n\r\n  setTheme(theme: Theme): void {\r\n    for (const cell of this.cells) {\r\n      cell.chart.setTheme(theme);\r\n    }\r\n  }\r\n\r\n  destroy(): void {\r\n    if (this.destroyed) return;\r\n    this.destroyed = true;\r\n    for (const cell of this.cells) {\r\n      cell.chart.destroy();\r\n      cell.container.remove();\r\n    }\r\n    this.cells = [];\r\n    this.root.remove();\r\n  }\r\n}\r\n","import type { SparklineOptions, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, renderSparkline } from '@tradecanvas/core';\r\n\r\nexport class SparklineChart extends BaseFinanceChart {\r\n  private options: SparklineOptions;\r\n\r\n  constructor(container: HTMLElement, options: SparklineOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    renderSparkline(ctx, width, height, this.options, theme);\r\n  }\r\n\r\n  update(data: number[]): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<SparklineOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n}\r\n","import type { DepthChartOptions, DepthData, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderDepthChart } from '@tradecanvas/core';\r\n\r\nexport class DepthChart extends BaseFinanceChart {\r\n  private options: DepthChartOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: DepthChartOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderDepthChart(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: DepthData): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<DepthChartOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { EquityCurveOptions, EquityPoint, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderEquityCurve } from '@tradecanvas/core';\r\n\r\nexport class EquityCurveChart extends BaseFinanceChart {\r\n  private options: EquityCurveOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: EquityCurveOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderEquityCurve(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: EquityPoint[], benchmark?: EquityPoint[]): void {\r\n    this.options = { ...this.options, data };\r\n    if (benchmark !== undefined) {\r\n      this.options = { ...this.options, benchmark };\r\n    }\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<EquityCurveOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { HeatmapCell, HeatmapOptions, Theme } from '@tradecanvas/commons';\r\nimport {\r\n  BaseFinanceChart,\r\n  FinanceCrosshair,\r\n  layoutUniformGrid,\r\n  layoutSquarifiedTreemap,\r\n  renderHeatmap,\r\n} from '@tradecanvas/core';\r\nimport type { LayoutRect } from '@tradecanvas/core';\r\n\r\nexport class HeatmapChart extends BaseFinanceChart {\r\n  private options: HeatmapOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n  private cachedRects: LayoutRect[] = [];\r\n  private currentData: HeatmapCell[] = [];\r\n  private lastLayoutWidth = 0;\r\n  private lastLayoutHeight = 0;\r\n  private handleClick: ((e: MouseEvent) => void) | null = null;\r\n\r\n  constructor(container: HTMLElement, options: HeatmapOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.currentData = options.data ?? [];\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    if (options.onCellClick) {\r\n      this.handleClick = (e: MouseEvent) => {\r\n        const rect = this.canvas.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        this.onCanvasClick(x, y);\r\n      };\r\n      this.canvas.addEventListener('click', this.handleClick);\r\n    }\r\n\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  private recomputeLayout(): void {\r\n    const bounds = { x: 0, y: 0, width: this.width, height: this.height };\r\n    const padding = this.options.cellPadding ?? 2;\r\n    this.lastLayoutWidth = this.width;\r\n    this.lastLayoutHeight = this.height;\r\n\r\n    if (this.options.weighted) {\r\n      const weighted = this.currentData.map(c => ({\r\n        id: c.id,\r\n        weight: c.weight ?? (Math.abs(c.value) || 1),\r\n      }));\r\n      this.cachedRects = layoutSquarifiedTreemap(weighted, bounds, padding);\r\n    } else {\r\n      this.cachedRects = layoutUniformGrid(\r\n        this.currentData.map(c => ({ id: c.id })),\r\n        bounds,\r\n        padding,\r\n      );\r\n    }\r\n  }\r\n\r\n  private onCanvasClick(x: number, y: number): void {\r\n    if (!this.options.onCellClick) return;\r\n\r\n    for (const lr of this.cachedRects) {\r\n      const r = lr.rect;\r\n      if (x >= r.x && x <= r.x + r.width && y >= r.y && y <= r.y + r.height) {\r\n        const cell = this.currentData.find(c => c.id === lr.id);\r\n        if (cell) this.options.onCellClick(cell);\r\n        return;\r\n      }\r\n    }\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    if (width !== this.lastLayoutWidth || height !== this.lastLayoutHeight) {\r\n      this.recomputeLayout();\r\n    }\r\n\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderHeatmap(ctx, width, height, this.currentData, this.cachedRects, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: HeatmapCell[]): void {\r\n    this.currentData = data;\r\n    this.options = { ...this.options, data };\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<HeatmapOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    if (opts.data) {\r\n      this.currentData = opts.data;\r\n    }\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    if (this.handleClick) {\r\n      this.canvas.removeEventListener('click', this.handleClick);\r\n    }\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { Theme, WaterfallBar, WaterfallOptions } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderWaterfall } from '@tradecanvas/core';\r\n\r\nexport class WaterfallChart extends BaseFinanceChart {\r\n  private options: WaterfallOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: WaterfallOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderWaterfall(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: WaterfallBar[]): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<WaterfallOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { GaugeOptions, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, renderGauge } from '@tradecanvas/core';\r\n\r\nconst DEFAULT_ANIMATION_MS = 500;\r\n\r\nfunction easeOutCubic(t: number): number {\r\n  const inv = 1 - t;\r\n  return 1 - inv * inv * inv;\r\n}\r\n\r\nexport class GaugeChart extends BaseFinanceChart {\r\n  private options: GaugeOptions;\r\n  private currentValue: number;\r\n  private targetValue: number;\r\n  private animationStart: number | null = null;\r\n  private animationFrom = 0;\r\n  private animationFrameId: number | null = null;\r\n\r\n  constructor(container: HTMLElement, options: GaugeOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.currentValue = options.value;\r\n    this.targetValue = options.value;\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    renderGauge(ctx, width, height, this.options, theme, this.currentValue);\r\n  }\r\n\r\n  setValue(value: number): void {\r\n    const animate = this.options.animate !== false;\r\n    if (!animate) {\r\n      this.cancelAnimation();\r\n      this.currentValue = value;\r\n      this.targetValue = value;\r\n      this.options = { ...this.options, value };\r\n      this.requestRender();\r\n      return;\r\n    }\r\n\r\n    this.targetValue = value;\r\n    this.animationFrom = this.currentValue;\r\n    this.animationStart = performance.now();\r\n    this.options = { ...this.options, value };\r\n    this.startAnimationLoop();\r\n  }\r\n\r\n  setOptions(opts: Partial<GaugeOptions>): void {\r\n    const next = { ...this.options, ...opts };\r\n    // If `value` is part of the partial, route through animation path\r\n    if (opts.value !== undefined && opts.value !== this.targetValue) {\r\n      this.options = next;\r\n      this.setValue(opts.value);\r\n      return;\r\n    }\r\n    this.options = next;\r\n    this.requestRender();\r\n  }\r\n\r\n  private startAnimationLoop(): void {\r\n    if (this.animationFrameId !== null) return;\r\n    const step = (): void => {\r\n      this.animationFrameId = null;\r\n      if (this.animationStart === null) return;\r\n\r\n      const duration = this.options.animationDuration ?? DEFAULT_ANIMATION_MS;\r\n      const elapsed = performance.now() - this.animationStart;\r\n      const t = Math.min(1, elapsed / Math.max(1, duration));\r\n      const eased = easeOutCubic(t);\r\n      this.currentValue = this.animationFrom + (this.targetValue - this.animationFrom) * eased;\r\n\r\n      this.requestRender();\r\n\r\n      if (t < 1) {\r\n        this.animationFrameId = requestAnimationFrame(step);\r\n      } else {\r\n        this.currentValue = this.targetValue;\r\n        this.animationStart = null;\r\n      }\r\n    };\r\n    this.animationFrameId = requestAnimationFrame(step);\r\n  }\r\n\r\n  private cancelAnimation(): void {\r\n    if (this.animationFrameId !== null) {\r\n      cancelAnimationFrame(this.animationFrameId);\r\n      this.animationFrameId = null;\r\n    }\r\n    this.animationStart = null;\r\n  }\r\n\r\n  destroy(): void {\r\n    this.cancelAnimation();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { EquityPoint, HeatmapCell } from '@tradecanvas/commons';\r\nimport { timeframeBucketStart } from '@tradecanvas/commons';\r\n\r\n/** Minimal equity sample shape — structurally satisfied by analytics' EquityPoint. */\r\nexport interface EquitySample {\r\n  time: number;\r\n  equity: number;\r\n}\r\n\r\n/** Subset of analytics RiskMetrics needed to render the stats strip. */\r\nexport interface RiskMetricsLike {\r\n  totalReturnPct: number;\r\n  cagr: number;\r\n  sharpe: number;\r\n  sortino: number;\r\n  maxDrawdownPct: number;\r\n  winRate: number;\r\n  profitFactor: number;\r\n  trades: number;\r\n}\r\n\r\nexport interface DashboardStat {\r\n  label: string;\r\n  value: string;\r\n  tone: 'positive' | 'negative' | 'neutral';\r\n}\r\n\r\nconst MONTH_LABELS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\r\n\r\n/** Map an analytics equity curve to the finance EquityCurveChart point shape. */\r\nexport function toEquityPoints(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\r\n  return curve.map((p) => ({ time: p.time, value: p.equity }));\r\n}\r\n\r\n/**\r\n * Underwater drawdown curve as a percentage (<= 0). Each point is the equity's\r\n * shortfall from the running peak: `equity / peak - 1`, expressed in percent.\r\n */\r\nexport function computeDrawdownCurve(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\r\n  let peak = -Infinity;\r\n  return curve.map((p) => {\r\n    if (p.equity > peak) peak = p.equity;\r\n    const dd = peak > 0 ? (p.equity / peak - 1) * 100 : 0;\r\n    return { time: p.time, value: dd };\r\n  });\r\n}\r\n\r\n/**\r\n * Calendar-month returns as heatmap cells. Each month's return is chained off\r\n * the prior month's closing equity (the first month chains off its own opening\r\n * equity), so the series reads as sequential monthly performance. `group` is\r\n * the year and `value` is the return in percent.\r\n */\r\nexport function computeMonthlyReturns(curve: ReadonlyArray<EquitySample>): HeatmapCell[] {\r\n  if (curve.length === 0) return [];\r\n\r\n  // Collapse the curve to one closing equity per calendar month, in order.\r\n  const months: { key: number; close: number }[] = [];\r\n  for (const p of curve) {\r\n    const key = timeframeBucketStart(p.time, '1M');\r\n    const last = months[months.length - 1];\r\n    if (last && last.key === key) {\r\n      last.close = p.equity;\r\n    } else {\r\n      months.push({ key, close: p.equity });\r\n    }\r\n  }\r\n\r\n  let prevClose = curve[0].equity;\r\n  const cells: HeatmapCell[] = [];\r\n  for (const m of months) {\r\n    const base = prevClose === 0 ? 1 : prevClose;\r\n    const returnPct = (m.close / base - 1) * 100;\r\n    prevClose = m.close;\r\n    const d = new Date(m.key);\r\n    const year = d.getUTCFullYear();\r\n    const month = d.getUTCMonth();\r\n    cells.push({\r\n      id: `${year}-${String(month + 1).padStart(2, '0')}`,\r\n      label: MONTH_LABELS[month],\r\n      group: String(year),\r\n      value: returnPct,\r\n    });\r\n  }\r\n  return cells;\r\n}\r\n\r\nfunction pct(value: number): string {\r\n  const sign = value > 0 ? '+' : '';\r\n  return `${sign}${value.toFixed(2)}%`;\r\n}\r\n\r\nfunction tone(value: number): DashboardStat['tone'] {\r\n  if (value > 0) return 'positive';\r\n  if (value < 0) return 'negative';\r\n  return 'neutral';\r\n}\r\n\r\n/** The headline stats rendered as cards above the charts. */\r\nexport function selectKeyStats(metrics: RiskMetricsLike): DashboardStat[] {\r\n  return [\r\n    { label: 'Total Return', value: pct(metrics.totalReturnPct), tone: tone(metrics.totalReturnPct) },\r\n    { label: 'CAGR', value: pct(metrics.cagr * 100), tone: tone(metrics.cagr) },\r\n    { label: 'Sharpe', value: metrics.sharpe.toFixed(2), tone: tone(metrics.sharpe) },\r\n    { label: 'Sortino', value: metrics.sortino.toFixed(2), tone: tone(metrics.sortino) },\r\n    { label: 'Max Drawdown', value: pct(metrics.maxDrawdownPct), tone: 'negative' },\r\n    { label: 'Win Rate', value: `${(metrics.winRate * 100).toFixed(1)}%`, tone: 'neutral' },\r\n    { label: 'Profit Factor', value: Number.isFinite(metrics.profitFactor) ? metrics.profitFactor.toFixed(2) : '∞', tone: tone(metrics.profitFactor - 1) },\r\n    { label: 'Trades', value: String(metrics.trades), tone: 'neutral' },\r\n  ];\r\n}\r\n","import type { Theme, ThemeName } from '@tradecanvas/commons';\r\nimport { DARK_THEME, LIGHT_THEME } from '@tradecanvas/commons';\r\nimport { EquityCurveChart } from './EquityCurveChart.js';\r\nimport { HeatmapChart } from './HeatmapChart.js';\r\nimport {\r\n  toEquityPoints,\r\n  computeDrawdownCurve,\r\n  computeMonthlyReturns,\r\n  selectKeyStats,\r\n  type EquitySample,\r\n  type RiskMetricsLike,\r\n  type DashboardStat,\r\n} from './performanceData.js';\r\n\r\n/** Structurally satisfied by analytics' `BacktestResult`. */\r\nexport interface PerformanceResult {\r\n  equityCurve: ReadonlyArray<EquitySample>;\r\n  metrics: RiskMetricsLike;\r\n}\r\n\r\nexport interface PerformanceDashboardOptions {\r\n  result: PerformanceResult;\r\n  theme?: ThemeName | Theme;\r\n  title?: string;\r\n  subtitle?: string;\r\n}\r\n\r\nfunction resolveTheme(theme?: ThemeName | Theme): Theme {\r\n  if (!theme || theme === 'dark') return DARK_THEME;\r\n  if (theme === 'light') return LIGHT_THEME;\r\n  return theme as Theme;\r\n}\r\n\r\n/**\r\n * A composed strategy-performance dashboard: a headline stats strip, an equity\r\n * curve, an underwater drawdown panel, and a monthly-returns heatmap. Built\r\n * entirely from a backtest `result`, reusing the finance chart renderers.\r\n *\r\n * ```ts\r\n * const result = new Backtester(opts).run(bars, strategy);\r\n * const dash = new PerformanceDashboard(el, { result, theme: 'dark' });\r\n * ```\r\n */\r\nexport class PerformanceDashboard {\r\n  private options: PerformanceDashboardOptions;\r\n  private theme: Theme;\r\n  private root: HTMLDivElement;\r\n  private equityChart: EquityCurveChart | null = null;\r\n  private drawdownChart: EquityCurveChart | null = null;\r\n  private heatmap: HeatmapChart | null = null;\r\n\r\n  constructor(container: HTMLElement, options: PerformanceDashboardOptions) {\r\n    this.options = options;\r\n    this.theme = resolveTheme(options.theme);\r\n    this.root = document.createElement('div');\r\n    this.build();\r\n    container.appendChild(this.root);\r\n  }\r\n\r\n  private build(): void {\r\n    const t = this.theme;\r\n    const { result, title, subtitle } = this.options;\r\n    const surface = this.panelBackground();\r\n    const border = t.grid;\r\n\r\n    this.root.style.cssText = [\r\n      'display:flex',\r\n      'flex-direction:column',\r\n      'gap:14px',\r\n      'width:100%',\r\n      'box-sizing:border-box',\r\n      'padding:16px',\r\n      `background:${t.background}`,\r\n      `color:${t.text}`,\r\n      `font-family:${t.font.family}`,\r\n    ].join(';');\r\n\r\n    if (title || subtitle) {\r\n      const header = document.createElement('div');\r\n      if (title) {\r\n        const h = document.createElement('div');\r\n        h.textContent = title;\r\n        h.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;letter-spacing:-0.01em;`;\r\n        header.appendChild(h);\r\n      }\r\n      if (subtitle) {\r\n        const s = document.createElement('div');\r\n        s.textContent = subtitle;\r\n        s.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};margin-top:2px;`;\r\n        header.appendChild(s);\r\n      }\r\n      this.root.appendChild(header);\r\n    }\r\n\r\n    // Stats strip\r\n    this.root.appendChild(this.buildStatsStrip(selectKeyStats(result.metrics), surface, border));\r\n\r\n    // Chart grid\r\n    const grid = document.createElement('div');\r\n    grid.style.cssText = [\r\n      'display:grid',\r\n      'grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))',\r\n      'grid-auto-rows:220px',\r\n      'gap:14px',\r\n    ].join(';');\r\n    this.root.appendChild(grid);\r\n\r\n    const equityPanel = this.buildPanel('Equity Curve', surface, border);\r\n    equityPanel.wrap.style.gridColumn = '1 / -1';\r\n    grid.appendChild(equityPanel.wrap);\r\n    this.equityChart = new EquityCurveChart(equityPanel.body, {\r\n      data: toEquityPoints(result.equityCurve),\r\n      theme: t,\r\n      lineColor: t.candleUp,\r\n      fillArea: true,\r\n      crosshair: true,\r\n    });\r\n\r\n    const ddPanel = this.buildPanel('Drawdown', surface, border);\r\n    grid.appendChild(ddPanel.wrap);\r\n    this.drawdownChart = new EquityCurveChart(ddPanel.body, {\r\n      data: computeDrawdownCurve(result.equityCurve),\r\n      theme: t,\r\n      lineColor: t.candleDown,\r\n      fillArea: true,\r\n      crosshair: true,\r\n      valueFormat: (v) => `${v.toFixed(1)}%`,\r\n    });\r\n\r\n    const monthlyCells = computeMonthlyReturns(result.equityCurve);\r\n    const heatPanel = this.buildPanel('Monthly Returns', surface, border);\r\n    grid.appendChild(heatPanel.wrap);\r\n    this.heatmap = new HeatmapChart(heatPanel.body, {\r\n      data: monthlyCells,\r\n      theme: t,\r\n      showValues: true,\r\n      valueFormat: (v) => `${v >= 0 ? '+' : ''}${v.toFixed(1)}`,\r\n      colorScale: { negative: t.candleDown, zero: surface, positive: t.candleUp },\r\n    });\r\n  }\r\n\r\n  private buildStatsStrip(stats: DashboardStat[], surface: string, border: string): HTMLDivElement {\r\n    const strip = document.createElement('div');\r\n    strip.style.cssText = [\r\n      'display:grid',\r\n      'grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))',\r\n      'gap:10px',\r\n    ].join(';');\r\n\r\n    const t = this.theme;\r\n    for (const stat of stats) {\r\n      const card = document.createElement('div');\r\n      card.style.cssText = [\r\n        `background:${surface}`,\r\n        `border:1px solid ${border}`,\r\n        'border-radius:10px',\r\n        'padding:10px 12px',\r\n        'display:flex',\r\n        'flex-direction:column',\r\n        'gap:4px',\r\n      ].join(';');\r\n\r\n      const label = document.createElement('div');\r\n      label.textContent = stat.label;\r\n      label.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};text-transform:uppercase;letter-spacing:0.04em;`;\r\n\r\n      const value = document.createElement('div');\r\n      value.textContent = stat.value;\r\n      const color = stat.tone === 'positive' ? t.candleUp : stat.tone === 'negative' ? t.candleDown : t.text;\r\n      value.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;color:${color};font-variant-numeric:tabular-nums;`;\r\n\r\n      card.appendChild(label);\r\n      card.appendChild(value);\r\n      strip.appendChild(card);\r\n    }\r\n    return strip;\r\n  }\r\n\r\n  private buildPanel(title: string, surface: string, border: string): { wrap: HTMLDivElement; body: HTMLDivElement } {\r\n    const t = this.theme;\r\n    const wrap = document.createElement('div');\r\n    wrap.style.cssText = [\r\n      `background:${surface}`,\r\n      `border:1px solid ${border}`,\r\n      'border-radius:10px',\r\n      'overflow:hidden',\r\n      'display:flex',\r\n      'flex-direction:column',\r\n    ].join(';');\r\n\r\n    const head = document.createElement('div');\r\n    head.textContent = title;\r\n    head.style.cssText = [\r\n      `font-size:${t.font.sizeSmall}px`,\r\n      'font-weight:600',\r\n      `color:${t.textSecondary}`,\r\n      'padding:8px 12px',\r\n      `border-bottom:1px solid ${border}`,\r\n      'text-transform:uppercase',\r\n      'letter-spacing:0.04em',\r\n    ].join(';');\r\n\r\n    const body = document.createElement('div');\r\n    body.style.cssText = 'flex:1;min-height:0;position:relative;';\r\n\r\n    wrap.appendChild(head);\r\n    wrap.appendChild(body);\r\n    return { wrap, body };\r\n  }\r\n\r\n  /** A subtle surface tint distinct from the page background, per theme. */\r\n  private panelBackground(): string {\r\n    return this.theme.name === 'light' ? 'rgba(0,0,0,0.02)' : 'rgba(255,255,255,0.03)';\r\n  }\r\n\r\n  /** Replace the displayed result and re-render all panels. */\r\n  update(result: PerformanceResult): void {\r\n    this.options = { ...this.options, result };\r\n    this.destroyCharts();\r\n    this.root.replaceChildren();\r\n    this.build();\r\n  }\r\n\r\n  setTheme(theme: ThemeName | Theme): void {\r\n    this.theme = resolveTheme(theme);\r\n    this.options = { ...this.options, theme };\r\n    this.destroyCharts();\r\n    this.root.replaceChildren();\r\n    this.build();\r\n  }\r\n\r\n  private destroyCharts(): void {\r\n    this.equityChart?.destroy();\r\n    this.drawdownChart?.destroy();\r\n    this.heatmap?.destroy();\r\n    this.equityChart = null;\r\n    this.drawdownChart = null;\r\n    this.heatmap = null;\r\n  }\r\n\r\n  destroy(): void {\r\n    this.destroyCharts();\r\n    this.root.remove();\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/interaction/verticalPanGate.d.ts

@@ -0,0 +1,22 @@
+/** Net vertical travel (px) a drag needs before it may move the price scale. */
+export declare const VERTICAL_PAN_ENGAGE_PX = 24;
+/** …and that travel must be at least this share of the horizontal travel. */
+export declare const VERTICAL_PAN_MIN_RATIO = 0.5;
+/**
+ * Decides, per drag gesture, when a chart-body drag should also pan the price
+ * scale (which turns auto-scale off). A horizontal drag always drifts a few
+ * pixels vertically; engaging on that drift knocked the chart off auto-scale
+ * mid-pan, so the price scale stopped following the bars and wobbled with the
+ * hand — the drag felt stuck. Now it takes a deliberate vertical move.
+ * With auto-scale already off the price scale pans freely, as before.
+ */
+export declare class VerticalPanGate {
+    private netY;
+    private travelX;
+    private engaged;
+    /** Start of a new drag gesture. */
+    reset(): void;
+    /** Feed one drag step; true once vertical panning is engaged for this gesture. */
+    step(deltaX: number, deltaY: number, autoScaleOn: boolean): boolean;
+}
+//# sourceMappingURL=verticalPanGate.d.ts.map

package/dist/interaction/verticalPanGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verticalPanGate.d.ts","sourceRoot":"","sources":["../../src/interaction/verticalPanGate.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;;;GAOG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,OAAO,CAAS;IAExB,mCAAmC;IACnC,KAAK,IAAI,IAAI;IAMb,kFAAkF;IAClF,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,OAAO;CAYpE"}

package/dist/layout/LayoutManager.d.ts

@@ -3,11 +3,14 @@ export declare class LayoutManager {
     private panels;
     private containerWidth;
     private containerHeight;
+    private priceAxisWidth;
     resize(width: number, height: number): void;
     addPanel(instanceId: string, position?: PanelPosition, size?: number): void;
     removePanel(instanceId: string): void;
     setPanelPosition(instanceId: string, position: PanelPosition): void;
     setPanelSize(instanceId: string, size: number): void;
+    /** Width reserved for the price axis right of the main chart. */
+    setPriceAxisWidth(width: number): void;
     getPanels(): PanelConfig[];
     resolve(): ResolvedLayout;
     getMainChartRect(): Rect;

package/dist/layout/LayoutManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutManager.d.ts","sourceRoot":"","sources":["../../src/layout/LayoutManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAA8B,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAMzH,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,eAAe,CAAK;IAE5B,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAK3C,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,GAAE,aAAwB,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAWrF,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAIrC,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI;IAanE,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAOpD,SAAS,IAAI,WAAW,EAAE;IAI1B,OAAO,IAAI,cAAc;IAoFzB,gBAAgB,IAAI,IAAI;CAGzB"}
+{"version":3,"file":"LayoutManager.d.ts","sourceRoot":"","sources":["../../src/layout/LayoutManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAA8B,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAMzH,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,cAAc,CAAoB;IAE1C,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAK3C,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,GAAE,aAAwB,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAWrF,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAIrC,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI;IAanE,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAOpD,iEAAiE;IACjE,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAItC,SAAS,IAAI,WAAW,EAAE;IAI1B,OAAO,IAAI,cAAc;IAoFzB,gBAAgB,IAAI,IAAI;CAGzB"}

package/dist/layout/priceAxisWidth.d.ts

@@ -0,0 +1,22 @@
+/** Shrinking waits until this much room is spare, so panning doesn't make the axis twitch. */
+export declare const AXIS_SHRINK_SLACK = 12;
+export interface PriceAxisWidthInput {
+    min: number;
+    max: number;
+    lastPrice: number | null;
+    /** Decimals for the price tags (a market's `pricePrecision`), or null to follow the axis. */
+    tagPrecision: number | null;
+    locale: string;
+    fontFamily: string;
+    fontSizeSmall: number;
+    measure: (text: string, font: string) => number;
+}
+/**
+ * Width the price axis needs for its widest label — tick labels, the
+ * last-price tag and the crosshair pill — never below `PRICE_AXIS_WIDTH`.
+ * A sub-cent asset ("0,000004349") needs ~90px where BTC fits the default.
+ */
+export declare function requiredPriceAxisWidth(input: PriceAxisWidthInput): number;
+/** The axis width to use next: grow at once, shrink only once enough room is spare. */
+export declare function nextPriceAxisWidth(current: number, required: number): number;
+//# sourceMappingURL=priceAxisWidth.d.ts.map

package/dist/layout/priceAxisWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"priceAxisWidth.d.ts","sourceRoot":"","sources":["../../src/layout/priceAxisWidth.ts"],"names":[],"mappings":"AAUA,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,6FAA6F;IAC7F,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACjD;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,mBAAmB,GAAG,MAAM,CAoBzE;AAED,uFAAuF;AACvF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAI5E"}

package/dist/widget/ChartWidget.d.ts

@@ -27,6 +27,8 @@ export declare class ChartWidget {
     private watchlist;
     private watchlistSparkBuffer;
     private sessionRefPrice;
+    /** Per-symbol refPrice explicitly pushed by the host via `setWatchlistEntry` — takes precedence over `sessionRefPrice`. */
+    private hostWatchlistRefPrice;
     private watchlistInterval;
     private replayOriginalData;
     private replayPollInterval;
@@ -36,10 +38,18 @@ export declare class ChartWidget {
     private activeLayoutKey;
     private root;
     private chartContainer;
+    private loading;
+    /** Bumped per stream connect; a connect that is no longer the latest leaves the UI to the newer one. */
+    private connectSeq;
+    /** Bumped per local resample and widget.setData; a deferred local switch that is no longer the latest is skipped. */
+    private localSeq;
+    /** Duration of the last local resample + setData, for SLOW_LOCAL_SWITCH_MS. */
+    private lastLocalSwitchMs;
     private destroyed;
     private options;
     private symbols;
     private settingsState;
+    private t;
     private adapter;
     private boundGlobalKeydown;
     private baseSeries;
@@ -53,6 +63,10 @@ export declare class ChartWidget {
      * Push an entry into the watchlist (e.g., from your own WebSocket).
      * Call with the symbols you care about; the active symbol is updated
      * automatically from the chart's live data.
+     *
+     * A host-supplied `refPrice` takes precedence over the widget's own
+     * session-open guess for that symbol — including the active one, so the
+     * auto-tick loop stops clobbering it (see `tickWatchlist`).
      */
     setWatchlistEntry(symbol: string, entry: Partial<WatchlistEntry>): void;
     private tickWatchlist;
@@ -69,8 +83,16 @@ export declare class ChartWidget {
      * when that timeframe is coarser than the data's native spacing).
      */
     setData(data: DataSeries): void;
+    /**
+     * Local timeframe switch. When it is expected to block the main thread for
+     * several frames, veil the chart first and let that paint — otherwise the
+     * click would look ignored until the new chart pops in.
+     */
+    private switchLocalTimeframe;
     /** Render the base series at the active timeframe, resampling when coarser. */
     private applyTimeframeData;
+    private handleDataUpdate;
+    private setConnectionState;
     private toggleAlerts;
     private handleToggleFavorite;
     /** Encode the current view (symbol, timeframe, chart type, scale, indicators, drawings). */
@@ -132,7 +154,8 @@ export declare class ChartWidget {
      * Rebuild it from the live `getActiveIndicators` list.
      */
     private rebuildActiveIndicatorsMapFromChart;
-    private toggleReplay;
+    /** Open (or close) bar replay with its scrubber — what the toolbar's Replay button does. */
+    toggleReplay(): void;
     private enterReplay;
     private exitReplay;
     private applySettings;

package/dist/widget/ChartWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWidget.d.ts","sourceRoot":"","sources":["../../src/widget/ChartWidget.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChartWidget.d.ts","sourceRoot":"","sources":["../../src/widget/ChartWidget.ts"],"names":[],"mappings":"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"}

package/dist/widget/WidgetDrawingSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetDrawingSidebar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetDrawingSidebar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAgC/E,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,SAAS,CAAkC;IACnD,OAAO,CAAC,SAAS,CAAkC;IACnD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,SAAS,CAAgB;gBAErB,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB;IASjF,OAAO,CAAC,KAAK;IAmGb,qCAAqC;IACrC,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI;IAKvC,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,UAAU;IAsClB,OAAO,CAAC,UAAU;IAOlB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IA4BhC,OAAO,CAAC,OAAO;IAMf,OAAO,IAAI,IAAI;CAIhB"}
+{"version":3,"file":"WidgetDrawingSidebar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetDrawingSidebar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAqC/E,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,SAAS,CAAkC;IACnD,OAAO,CAAC,SAAS,CAAkC;IACnD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,SAAS,CAAgB;gBAErB,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB;IASjF,OAAO,CAAC,KAAK;IAmGb,qCAAqC;IACrC,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI;IAKvC,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,UAAU;IAsClB,OAAO,CAAC,UAAU;IAOlB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IA4BhC,OAAO,CAAC,OAAO;IAMf,OAAO,IAAI,IAAI;CAIhB"}

package/dist/widget/WidgetHotkeySheet.d.ts

@@ -1,7 +1,8 @@
+import { Translator } from './i18n.js';
 /**
  * Keyboard-shortcut reference sheet. Bound to `?` (and `Shift+/`). Surfaces
  * shortcuts so users discover the widget's hidden interaction model — a
- * premium-feel detail TradingView, Linear, Figma, etc. all ship.
+ * premium-feel detail polished desktop tools all ship.
  */
 export interface HotkeySheetCallbacks {
     onClose: () => void;
@@ -10,8 +11,9 @@ export declare class WidgetHotkeySheet {
     private backdrop;
     private modal;
     private callbacks;
+    private t;
     private boundKeydown;
-    constructor(callbacks: HotkeySheetCallbacks);
+    constructor(callbacks: HotkeySheetCallbacks, t: Translator);
     open(): void;
     close(): void;
     isOpen(): boolean;

package/dist/widget/WidgetHotkeySheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetHotkeySheet.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetHotkeySheet.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAiED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,YAAY,CAA6B;gBAErC,SAAS,EAAE,oBAAoB;IAU3C,IAAI,IAAI,IAAI;IAsFZ,KAAK,IAAI,IAAI;IASb,MAAM,IAAI,OAAO;IAIjB,OAAO,IAAI,IAAI;CAGhB"}
+{"version":3,"file":"WidgetHotkeySheet.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetHotkeySheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,WAAW,CAAC;AAExD;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA8ED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,CAAC,CAAa;IACtB,OAAO,CAAC,YAAY,CAA6B;gBAErC,SAAS,EAAE,oBAAoB,EAAE,CAAC,EAAE,UAAU;IAW1D,IAAI,IAAI,IAAI;IAuFZ,KAAK,IAAI,IAAI;IASb,MAAM,IAAI,OAAO;IAIjB,OAAO,IAAI,IAAI;CAGhB"}

package/dist/widget/WidgetLoadingOverlay.d.ts

@@ -0,0 +1,43 @@
+/**
+ * How long a symbol/timeframe switch may run before the loading veil
+ * appears. Faster loads just swap the chart in place — flashing a loader for
+ * a 150 ms request reads as flicker, not feedback.
+ */
+export declare const LOADING_SHOW_DELAY_MS = 200;
+/**
+ * Loading state for the chart area: a run of candles lit one after another
+ * over a sweeping accent line. The status text is for screen readers only;
+ * an error message is shown.
+ *
+ * - First load (nothing to show yet): opaque skeleton, shown immediately.
+ * - Switch (a chart is already on screen): the old chart stays visible and is
+ *   veiled only if the load outlasts `LOADING_SHOW_DELAY_MS`.
+ * - Failure: the label becomes the error message until the next load or a
+ *   successful retry ends it.
+ */
+export declare class WidgetLoadingOverlay {
+    private readonly loadingText;
+    private readonly el;
+    private readonly label;
+    private showTimer;
+    private phase;
+    constructor(parent: HTMLElement, loadingText: string);
+    /**
+     * Start a load. `hasContent`: a chart is already on screen to keep showing.
+     * `immediate`: skip the show delay — the caller knows the load is slow.
+     */
+    begin(hasContent: boolean, immediate?: boolean): void;
+    /** The load finished: fade out, or never appear if still within the delay. */
+    end(): void;
+    /** The current load failed (a retry may still be running): show why. */
+    fail(message: string): void;
+    /** Whether a load is in progress (begun, not yet ended) — failed included. */
+    isActive(): boolean;
+    /** Whether the current load failed and is waiting on a retry. */
+    hasFailed(): boolean;
+    /** Whether the overlay is on screen (or fading in). */
+    isShown(): boolean;
+    destroy(): void;
+    private clearTimer;
+}
+//# sourceMappingURL=WidgetLoadingOverlay.d.ts.map

package/dist/widget/WidgetLoadingOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetLoadingOverlay.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetLoadingOverlay.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAkBzC;;;;;;;;;;GAUG;AACH,qBAAa,oBAAoB;IAOE,OAAO,CAAC,QAAQ,CAAC,WAAW;IAN7D,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAiB;IACpC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAiB;IACvC,OAAO,CAAC,SAAS,CAA8C;IAE/D,OAAO,CAAC,KAAK,CAA4C;gBAE7C,MAAM,EAAE,WAAW,EAAmB,WAAW,EAAE,MAAM;IAyCrE;;;OAGG;IACH,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,UAAQ,GAAG,IAAI;IAgBnD,8EAA8E;IAC9E,GAAG,IAAI,IAAI;IAMX,wEAAwE;IACxE,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAS3B,8EAA8E;IAC9E,QAAQ,IAAI,OAAO;IAInB,iEAAiE;IACjE,SAAS,IAAI,OAAO;IAIpB,uDAAuD;IACvD,OAAO,IAAI,OAAO;IAIlB,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,UAAU;CAMnB"}

package/dist/widget/WidgetObjectTree.d.ts

@@ -26,7 +26,7 @@ export interface ObjectTreeCallbacks {
     onRemoveCompare?: (id: string) => void;
 }
 /**
- * Object-tree panel — TradingView's layers manager. Lists every active
+ * Object-tree panel — a layers manager. Lists every active
  * indicator and drawing on the chart with per-item controls: indicators can be
  * removed; drawings can be shown/hidden, locked/unlocked, and removed. Toggled
  * from the toolbar layers button; the host wires actions back to the chart.

package/dist/widget/WidgetObjectTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetObjectTree.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetObjectTree.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,wBAAwB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,qBAAqB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;;GAKG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,SAAS,CAA+B;IAChD,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,IAAI,CAAS;gBAET,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB;IA8B7D,MAAM,IAAI,OAAO;IAIjB,MAAM,IAAI,IAAI;IAId,SAAS,IAAI,IAAI;IAKjB,KAAK,IAAI,IAAI;IAKb,OAAO,IAAI,IAAI;IAIf,kEAAkE;IAClE,UAAU,CACR,UAAU,EAAE,mBAAmB,EAAE,EACjC,QAAQ,EAAE,iBAAiB,EAAE,EAC7B,QAAQ,GAAE,iBAAiB,EAAO,GACjC,IAAI;IAMP,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,cAAc;IAgCtB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,GAAG;IAWX,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,UAAU;CAUnB;AA6BD,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAErD"}
+{"version":3,"file":"WidgetObjectTree.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetObjectTree.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,wBAAwB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,qBAAqB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;;GAKG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,SAAS,CAA+B;IAChD,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,IAAI,CAAS;gBAET,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB;IA8B7D,MAAM,IAAI,OAAO;IAIjB,MAAM,IAAI,IAAI;IAId,SAAS,IAAI,IAAI;IAKjB,KAAK,IAAI,IAAI;IAKb,OAAO,IAAI,IAAI;IAIf,kEAAkE;IAClE,UAAU,CACR,UAAU,EAAE,mBAAmB,EAAE,EACjC,QAAQ,EAAE,iBAAiB,EAAE,EAC7B,QAAQ,GAAE,iBAAiB,EAAO,GACjC,IAAI;IAMP,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,cAAc;IAgCtB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,GAAG;IAWX,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,UAAU;CAUnB;AA8CD,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAErD"}

package/dist/widget/WidgetSettings.d.ts

@@ -1,13 +1,15 @@
 import { ChartSettingsState, SettingsCallbacks } from './types.js';
+import { Translator } from './i18n.js';
 export declare class WidgetSettings {
     private callbacks;
+    private t;
     private backdrop;
     private modal;
     private currentTab;
     private currentSettings;
     private bodyEl;
     private tabButtons;
-    constructor(callbacks: SettingsCallbacks);
+    constructor(callbacks: SettingsCallbacks, t: Translator);
     open(currentSettings: ChartSettingsState): void;
     close(): void;
     private buildModal;

package/dist/widget/WidgetSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetSettings.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetSettings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAMxE,qBAAa,cAAc;IACzB,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,UAAU,CAA2B;gBAEjC,SAAS,EAAE,iBAAiB;IAIxC,IAAI,CAAC,eAAe,EAAE,kBAAkB,GAAG,IAAI;IAM/C,KAAK,IAAI,IAAI;IASb,OAAO,CAAC,UAAU;IAuFlB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,gBAAgB;IAyDxB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,OAAO;IAYf,OAAO,CAAC,QAAQ;IA+BhB,OAAO,CAAC,SAAS;IAoBjB,OAAO,CAAC,SAAS;IA4BjB,OAAO,CAAC,QAAQ;IA2ChB,OAAO,IAAI,IAAI;CAGhB"}
+{"version":3,"file":"WidgetSettings.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetSettings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAExE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAK5C,qBAAa,cAAc;IACzB,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,CAAC,CAAa;IACtB,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,UAAU,CAA2B;gBAEjC,SAAS,EAAE,iBAAiB,EAAE,CAAC,EAAE,UAAU;IAKvD,IAAI,CAAC,eAAe,EAAE,kBAAkB,GAAG,IAAI;IAM/C,KAAK,IAAI,IAAI;IASb,OAAO,CAAC,UAAU;IAuFlB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,gBAAgB;IAyDxB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,OAAO;IAYf,OAAO,CAAC,QAAQ;IA+BhB,OAAO,CAAC,SAAS;IAoBjB,OAAO,CAAC,SAAS;IA4BjB,OAAO,CAAC,QAAQ;IA2ChB,OAAO,IAAI,IAAI;CAGhB"}

package/dist/widget/WidgetToolbar.d.ts

@@ -1,15 +1,18 @@
 import { ToolbarConfig, ToolbarCallbacks, WidgetState } from './types.js';
+import { Translator } from './i18n.js';
 export declare class WidgetToolbar {
     private config;
     private callbacks;
+    private t;
     private el;
     private chartTypeDropdown;
     private indicatorDropdown;
     private tfButtons;
     private chipsContainer;
     private themeBtn;
-    constructor(host: HTMLElement, config: ToolbarConfig, callbacks: ToolbarCallbacks);
+    constructor(host: HTMLElement, config: ToolbarConfig, callbacks: ToolbarCallbacks, t: Translator);
     private build;
+    private chartTypeLabel;
     private buildChartTypeMenu;
     private buildIndicatorMenu;
     update(state: WidgetState): void;

package/dist/widget/WidgetToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetToolbar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetToolbar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAmB,MAAM,YAAY,CAAC;AAIhG,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,QAAQ,CAAkC;gBAEtC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB;IASjF,OAAO,CAAC,KAAK;IAgHb,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,kBAAkB;IA4B1B,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAwDhC,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,GAAG;IAMX,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,OAAO;IASf,OAAO,IAAI,IAAI;CAKhB"}
+{"version":3,"file":"WidgetToolbar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetToolbar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAmB,MAAM,YAAY,CAAC;AAGhG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,CAAC,CAAa;IACtB,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,QAAQ,CAAkC;gBAEtC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAAE,UAAU;IAUhG,OAAO,CAAC,KAAK;IAgHb,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,kBAAkB;IA8B1B,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAyDhC,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,GAAG;IAMX,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,OAAO;IASf,OAAO,IAAI,IAAI;CAKhB"}

package/dist/widget/WidgetWatchlist.d.ts

@@ -24,7 +24,10 @@ export declare class WidgetWatchlist {
     private entries;
     private active;
     private callbacks;
-    constructor(host: HTMLElement, symbols: string[], callbacks: WatchlistCallbacks);
+    private locale;
+    constructor(host: HTMLElement, symbols: string[], callbacks: WatchlistCallbacks, title?: string);
+    /** Set the BCP 47 locale used for price/percent formatting. */
+    setLocale(locale: string | undefined): void;
     /** Replace the symbol set. Rows are diff'd so DOM churn is minimal. */
     setSymbols(symbols: string[]): void;
     setActive(symbol: string): void;

package/dist/widget/WidgetWatchlist.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetWatchlist.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetWatchlist.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAKT;IACL,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,SAAS,CAAqB;gBAE1B,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,kBAAkB;IAuB/E,uEAAuE;IACvE,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAanC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAU/B;4DACwD;IACxD,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;IAO9D,OAAO,IAAI,IAAI;IAMf,OAAO,CAAC,SAAS;IA0CjB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,SAAS;CAuBlB"}
+{"version":3,"file":"WidgetWatchlist.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetWatchlist.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAKT;IACL,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,MAAM,CAAqB;gBAEvB,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,KAAK,SAAc;IAuBpG,+DAA+D;IAC/D,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAK3C,uEAAuE;IACvE,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAanC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAU/B;4DACwD;IACxD,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;IAO9D,OAAO,IAAI,IAAI;IAMf,OAAO,CAAC,SAAS;IA0CjB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,SAAS;CAwBlB"}