@tradecanvas/chart 0.7.0 → 0.8.1

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"],"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"],"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"],"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"],"mappings":"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"}

package/dist/widget/index.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../Chart-0R7hFD6z.cjs`);let t=require(`@tradecanvas/commons`);var n=[{label:`1m`,value:`1m`},{label:`5m`,value:`5m`},{label:`15m`,value:`15m`},{label:`1H`,value:`1h`},{label:`4H`,value:`4h`},{label:`1D`,value:`1d`}],r=[{label:`Candlestick`,value:`candlestick`},{label:`Line`,value:`line`},{label:`Area`,value:`area`},{label:`Bar`,value:`bar`},{label:`Heikin-Ashi`,value:`heikinAshi`},{label:`Hollow Candle`,value:`hollowCandle`},{label:`Baseline`,value:`baseline`},{label:`Volume Candles`,value:`volumeCandles`},{label:`HLC Area`,value:`hlcArea`},{label:`Step Line`,value:`stepLine`},{label:`Line + Markers`,value:`lineWithMarkers`}],i=[{label:`Lines`,tools:[{label:`Trend Line`,value:`trendLine`},{label:`Ray`,value:`ray`},{label:`Extended Line`,value:`extendedLine`}]},{label:`Horizontal/Vertical`,tools:[{label:`Horizontal Line`,value:`horizontalLine`},{label:`Vertical Line`,value:`verticalLine`}]},{label:`Channels`,tools:[{label:`Parallel Channel`,value:`parallelChannel`},{label:`Regression Channel`,value:`regressionChannel`}]},{label:`Fibonacci`,tools:[{label:`Fib Retracement`,value:`fibRetracement`},{label:`Fib Extension`,value:`fibExtension`}]},{label:`Shapes`,tools:[{label:`Rectangle`,value:`rectangle`},{label:`Ellipse`,value:`ellipse`},{label:`Triangle`,value:`triangle`}]},{label:`Gann & Advanced`,tools:[{label:`Pitchfork`,value:`pitchfork`},{label:`Gann Fan`,value:`gannFan`},{label:`Gann Box`,value:`gannBox`},{label:`Elliott Wave`,value:`elliottWave`}]},{label:`Measure`,tools:[{label:`Price Range`,value:`priceRange`},{label:`Date Range`,value:`dateRange`},{label:`Measure`,value:`measure`}]},{label:`Annotation`,tools:[{label:`Text`,value:`text`},{label:`Arrow`,value:`arrow`}]}],a=[{id:`sma`,name:`SMA`,type:`overlay`},{id:`ema`,name:`EMA`,type:`overlay`},{id:`hma`,name:`Hull MA`,type:`overlay`},{id:`bb`,name:`Bollinger Bands`,type:`overlay`},{id:`vwap`,name:`VWAP`,type:`overlay`},{id:`avwap`,name:`Anchored VWAP`,type:`overlay`},{id:`ichimoku`,name:`Ichimoku Cloud`,type:`overlay`},{id:`psar`,name:`Parabolic SAR`,type:`overlay`},{id:`supertrend`,name:`Supertrend`,type:`overlay`},{id:`keltner`,name:`Keltner Channel`,type:`overlay`},{id:`donchian`,name:`Donchian Channel`,type:`overlay`},{id:`pivots`,name:`Pivot Points`,type:`overlay`},{id:`zigzag`,name:`ZigZag`,type:`overlay`},{id:`lrc`,name:`Linear Regression Channel`,type:`overlay`},{id:`rsi`,name:`RSI`,type:`panel`},{id:`macd`,name:`MACD`,type:`panel`},{id:`stochastic`,name:`Stochastic`,type:`panel`},{id:`atr`,name:`ATR`,type:`panel`},{id:`adx`,name:`ADX`,type:`panel`},{id:`obv`,name:`OBV`,type:`panel`},{id:`williamsR`,name:`Williams %R`,type:`panel`},{id:`cci`,name:`CCI`,type:`panel`},{id:`mfi`,name:`MFI`,type:`panel`},{id:`roc`,name:`ROC`,type:`panel`},{id:`tsi`,name:`TSI`,type:`panel`},{id:`cmf`,name:`CMF`,type:`panel`},{id:`aroon`,name:`Aroon`,type:`panel`},{id:`stddev`,name:`Std Deviation`,type:`panel`},{id:`vroc`,name:`Volume ROC`,type:`panel`},{id:`ad`,name:`Acc/Dist`,type:`panel`},{id:`ao`,name:`Awesome Oscillator`,type:`panel`},{id:`chaikinOsc`,name:`Chaikin Oscillator`,type:`panel`},{id:`volumeProfile`,name:`Volume Profile`,type:`panel`}],o=[`sma`,`ema`,`bb`,`rsi`,`macd`,`stochastic`,`vwap`,`atr`,`obv`,`ichimoku`],s=[`BTCUSDT`,`ETHUSDT`,`SOLUSDT`,`BNBUSDT`],c={candleUpColor:`#26A69A`,candleDownColor:`#EF5350`,candleUpWick:`#26A69A`,candleDownWick:`#EF5350`,backgroundColor:`#131722`,gridColor:`#1E222D`,gridVisible:!0,volumeVisible:!0,legendVisible:!0,barCountdown:!0,logScale:!1,autoScale:!0,crosshairMode:`magnet`,numberLocale:`en-US`},l=`/* === TradeCanvas Widget Styles === */\r
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../Chart-Br_N-BCL.cjs`);let t=require(`@tradecanvas/commons`);var n=[{label:`1m`,value:`1m`},{label:`5m`,value:`5m`},{label:`15m`,value:`15m`},{label:`1H`,value:`1h`},{label:`4H`,value:`4h`},{label:`1D`,value:`1d`}],r=[{label:`Candlestick`,value:`candlestick`},{label:`Line`,value:`line`},{label:`Area`,value:`area`},{label:`Bar`,value:`bar`},{label:`Heikin-Ashi`,value:`heikinAshi`},{label:`Hollow Candle`,value:`hollowCandle`},{label:`Baseline`,value:`baseline`},{label:`Volume Candles`,value:`volumeCandles`},{label:`Equivolume`,value:`equivolume`},{label:`HLC Area`,value:`hlcArea`},{label:`Step Line`,value:`stepLine`},{label:`Line + Markers`,value:`lineWithMarkers`}],i=[{label:`Lines`,tools:[{label:`Trend Line`,value:`trendLine`},{label:`Ray`,value:`ray`},{label:`Extended Line`,value:`extendedLine`}]},{label:`Horizontal/Vertical`,tools:[{label:`Horizontal Line`,value:`horizontalLine`},{label:`Vertical Line`,value:`verticalLine`}]},{label:`Channels`,tools:[{label:`Parallel Channel`,value:`parallelChannel`},{label:`Regression Channel`,value:`regressionChannel`}]},{label:`Fibonacci`,tools:[{label:`Fib Retracement`,value:`fibRetracement`},{label:`Fib Extension`,value:`fibExtension`}]},{label:`Shapes`,tools:[{label:`Rectangle`,value:`rectangle`},{label:`Ellipse`,value:`ellipse`},{label:`Triangle`,value:`triangle`}]},{label:`Gann & Advanced`,tools:[{label:`Pitchfork`,value:`pitchfork`},{label:`Gann Fan`,value:`gannFan`},{label:`Gann Box`,value:`gannBox`},{label:`Elliott Wave`,value:`elliottWave`}]},{label:`Measure`,tools:[{label:`Price Range`,value:`priceRange`},{label:`Date Range`,value:`dateRange`},{label:`Measure`,value:`measure`}]},{label:`Annotation`,tools:[{label:`Text`,value:`text`},{label:`Arrow`,value:`arrow`}]}],a=[{id:`sma`,name:`SMA`,type:`overlay`},{id:`ema`,name:`EMA`,type:`overlay`},{id:`hma`,name:`Hull MA`,type:`overlay`},{id:`bb`,name:`Bollinger Bands`,type:`overlay`},{id:`vwap`,name:`VWAP`,type:`overlay`},{id:`avwap`,name:`Anchored VWAP`,type:`overlay`},{id:`ichimoku`,name:`Ichimoku Cloud`,type:`overlay`},{id:`psar`,name:`Parabolic SAR`,type:`overlay`},{id:`supertrend`,name:`Supertrend`,type:`overlay`},{id:`keltner`,name:`Keltner Channel`,type:`overlay`},{id:`donchian`,name:`Donchian Channel`,type:`overlay`},{id:`pivots`,name:`Pivot Points`,type:`overlay`},{id:`zigzag`,name:`ZigZag`,type:`overlay`},{id:`lrc`,name:`Linear Regression Channel`,type:`overlay`},{id:`rsi`,name:`RSI`,type:`panel`},{id:`macd`,name:`MACD`,type:`panel`},{id:`stochastic`,name:`Stochastic`,type:`panel`},{id:`atr`,name:`ATR`,type:`panel`},{id:`adx`,name:`ADX`,type:`panel`},{id:`obv`,name:`OBV`,type:`panel`},{id:`williamsR`,name:`Williams %R`,type:`panel`},{id:`cci`,name:`CCI`,type:`panel`},{id:`mfi`,name:`MFI`,type:`panel`},{id:`roc`,name:`ROC`,type:`panel`},{id:`tsi`,name:`TSI`,type:`panel`},{id:`cmf`,name:`CMF`,type:`panel`},{id:`aroon`,name:`Aroon`,type:`panel`},{id:`stddev`,name:`Std Deviation`,type:`panel`},{id:`vroc`,name:`Volume ROC`,type:`panel`},{id:`ad`,name:`Acc/Dist`,type:`panel`},{id:`ao`,name:`Awesome Oscillator`,type:`panel`},{id:`chaikinOsc`,name:`Chaikin Oscillator`,type:`panel`},{id:`volumeProfile`,name:`Volume Profile`,type:`panel`}],o=[`sma`,`ema`,`bb`,`rsi`,`macd`,`stochastic`,`vwap`,`atr`,`obv`,`ichimoku`],s=[`BTCUSDT`,`ETHUSDT`,`SOLUSDT`,`BNBUSDT`],c={candleUpColor:`#26A69A`,candleDownColor:`#EF5350`,candleUpWick:`#26A69A`,candleDownWick:`#EF5350`,backgroundColor:`#131722`,gridColor:`#1E222D`,gridVisible:!0,volumeVisible:!0,legendVisible:!0,barCountdown:!0,logScale:!1,autoScale:!0,crosshairMode:`magnet`,numberLocale:`en-US`},l=`/* === TradeCanvas Widget Styles === */\r
 \r
 .tcw-root {\r
   display: flex;\r