minerva-design 1.3.0 → 1.4.0

package/dist/charts/engine/orderbook/tape.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tape.cjs","names":["createEmitter","createFormatters","createHost","sideColors","localeLabels","decimalsOf","clamp","ease","toCss","fontOf","formatClock","localPoint","require_color","require_locale","require_book","require_format","require_host","LABELS","COLUMNS","BUY","SELL","MAX_LAG","FLASH_MS","createRing","cap","max","slot","ring","k","pushSlot","i","next","key","old","grown","createTimeAndSales","options","initial","emitter","capacity","raw","rows","open","head","closedTotal","lastPrice","lastTick","fmt","priceDecimals","sizeDecimals","colors","view","target","userScrolled","hoverPaused","paused","lastFrame","hoverAt","keySeq","hoverKey","hovered","dragging","layout","host","container","root","texts","labels","applyTexts","minSize","openVisible","count","refreshFormat","infer","p","trade","s","writeRow","a","ingest","side","time","size","price","tick","arrival","advance","after","delta","before","n","addTrade","rebuild","rowAt","index","visibleOpen","toEvent","row","setPaused","scrollTo","rowsFromTop","user","draw","ctx","l","compact","width","fontSize","rh","headerH","top","visible","height","dt","now","animating","dpr","text","theme","muted","pad","scrollbar","right","cols","all","c","shownCols","weights","totalWeight","colRight","acc","colLeft","j","alignLeft","threshold","first","offset","flash","hoverIndex","r","y","sell","color","large","age","ty","weight","left","x","tickColor","label","w","trackH","track","pageRows","thumbH","maxScroll","thumbY","active","badge","above","textParts","bw","bh","bx","by","inRect","latest","thumbScroll","th","ratio","onPointerMove","event","onPointerLeave","onPointerDown","onPointerUp","onClick","instance","onWheel","step","onKeyDown","page","select","onBlur","nowMs","reset","list","trades","previous","nextCapacity","handler"],"sources":["../../../../../charts/src/engine/orderbook/tape.ts"],"sourcesContent":["// createTimeAndSales: the trade tape. Trades are kept in a ring of typed\n// arrays (hundreds of thousands cost a few megabytes, no object per trade);\n// a second ring holds the rows after the size filter and the same\n// millisecond aggregation. Only the visible rows are drawn, once per frame\n// whatever the number of trades received in between.\n\nimport { toCss, type Rgba } from \"../color\";\nimport { decimalsOf } from \"./book\";\nimport {\n  clamp,\n  createFormatters,\n  ease,\n  fontOf,\n  formatClock,\n  roundRect,\n  sideColors,\n  type Formatters,\n} from \"./format\";\nimport { localeLabels, type LabelDictionary } from \"../locale\";\nimport { createEmitter, createHost, localPoint } from \"./host\";\nimport type {\n  MarketTrade,\n  TimeAndSalesColumn,\n  TimeAndSalesEventMap,\n  TimeAndSalesInstance,\n  TimeAndSalesLabels,\n  TimeAndSalesOptions,\n  TimeAndSalesRowEvent,\n} from \"./types\";\n\nconst LABELS: LabelDictionary<TimeAndSalesLabels> = {\n  en: {\n    time: \"Time\",\n    price: \"Price\",\n    size: \"Size\",\n    side: \"Side\",\n    buy: \"Buy\",\n    sell: \"Sell\",\n    paused: \"Paused\",\n    newTrades: \"{count} new\",\n    name: \"Time and sales\",\n  },\n  zh: {\n    time: \"时间\",\n    price: \"价格\",\n    size: \"数量\",\n    side: \"方向\",\n    buy: \"买入\",\n    sell: \"卖出\",\n    paused: \"已暂停\",\n    newTrades: \"{count} 条新成交\",\n    name: \"逐笔成交\",\n  },\n  ja: {\n    time: \"時刻\",\n    price: \"価格\",\n    size: \"数量\",\n    side: \"売買\",\n    buy: \"買い\",\n    sell: \"売り\",\n    paused: \"一時停止中\",\n    newTrades: \"新着 {count} 件\",\n    name: \"歩み値\",\n  },\n  fr: {\n    time: \"Heure\",\n    price: \"Prix\",\n    size: \"Quantité\",\n    side: \"Sens\",\n    buy: \"Achat\",\n    sell: \"Vente\",\n    paused: \"En pause\",\n    newTrades: \"{count} nouvelles\",\n    name: \"Historique des transactions\",\n  },\n};\n\nconst COLUMNS: readonly TimeAndSalesColumn[] = [\"time\", \"price\", \"size\"];\nconst BUY = 1;\nconst SELL = 2;\n/** Rows the slide-in animation may lag behind the newest one */\nconst MAX_LAG = 3;\nconst FLASH_MS = 450;\n\n/** Growable ring of trades stored column by column */\ninterface Ring {\n  time: Float64Array;\n  price: Float64Array;\n  size: Float64Array;\n  side: Uint8Array;\n  /** -1 down tick, 0 unchanged, 1 up tick */\n  tick: Int8Array;\n  /** Trades merged into the row */\n  count: Uint32Array;\n  /** Local arrival time of the row (flash), `-Infinity` without flash */\n  arrival: Float64Array;\n  start: number;\n  length: number;\n  readonly max: number;\n}\n\nconst createRing = (max: number): Ring => {\n  const cap = Math.min(max, 1024);\n  return {\n    time: new Float64Array(cap),\n    price: new Float64Array(cap),\n    size: new Float64Array(cap),\n    side: new Uint8Array(cap),\n    tick: new Int8Array(cap),\n    count: new Uint32Array(cap),\n    arrival: new Float64Array(cap),\n    start: 0,\n    length: 0,\n    max,\n  };\n};\n\n/** Physical index of the `k`-th oldest row */\nconst slot = (ring: Ring, k: number) => (ring.start + k) % ring.time.length;\n\n/** Physical index of a new row (grows the arrays, drops the oldest row when full) */\nconst pushSlot = (ring: Ring): number => {\n  const cap = ring.time.length;\n  if (ring.length < cap) {\n    const i = (ring.start + ring.length) % cap;\n    ring.length++;\n    return i;\n  }\n  if (cap < ring.max) {\n    const next = Math.min(ring.max, cap * 2);\n    const keys = [\n      \"time\",\n      \"price\",\n      \"size\",\n      \"side\",\n      \"tick\",\n      \"count\",\n      \"arrival\",\n    ] as const;\n    for (const key of keys) {\n      const old = ring[key];\n      const grown = new (old.constructor as new (n: number) => typeof old)(\n        next,\n      );\n      // unwrap: oldest row first\n      grown.set(old.subarray(ring.start) as never);\n      grown.set(old.subarray(0, ring.start) as never, cap - ring.start);\n      (ring as unknown as Record<string, unknown>)[key] = grown;\n    }\n    ring.start = 0;\n    ring.length++;\n    return cap;\n  }\n  // full: the oldest row is replaced\n  const i = ring.start;\n  ring.start = (ring.start + 1) % cap;\n  return i;\n};\n\ninterface Aggregate {\n  time: number;\n  price: number;\n  size: number;\n  side: number;\n  tick: number;\n  count: number;\n  arrival: number;\n}\n\n/**\n * Creates a time and sales tape in `container`: newest trades on top,\n * virtualized rows, large trade highlight, pause on hover.\n */\nexport const createTimeAndSales = (\n  container: HTMLElement,\n  initial: TimeAndSalesOptions = {},\n): TimeAndSalesInstance => {\n  let options = initial;\n  const emitter = createEmitter<TimeAndSalesEventMap>();\n  let capacity = Math.max(1, Math.round(options.capacity ?? 200000));\n  let raw = createRing(capacity);\n  let rows = createRing(capacity);\n  /** Aggregate still receiving trades (aggregation only) */\n  let open: Aggregate | null = null;\n  /** Rows ever shown (closed rows + the open one when visible); only grows */\n  let head = 0;\n  let closedTotal = 0;\n  let lastPrice = NaN;\n  let lastTick = 0;\n  let fmt: Formatters = createFormatters(options, 2, 4);\n  let priceDecimals = 0;\n  let sizeDecimals = 0;\n  let colors = { up: [0, 0, 0, 1] as Rgba, down: [0, 0, 0, 1] as Rgba };\n\n  // scrolling, in rows from the newest one\n  let view = 0;\n  let target = 0;\n  let userScrolled = false;\n  let hoverPaused = false;\n  let paused = false;\n  let lastFrame = NaN;\n  let hoverAt: [number, number] | null = null;\n  /** Keyboard selection: sequence number of the row (head - 1 - index) */\n  let keySeq: number | null = null;\n  let hoverKey = \"\";\n  let hovered: TimeAndSalesRowEvent | null = null;\n  let dragging: { offset: number } | null = null;\n  // layout of the last frame\n  let layout = {\n    top: 0,\n    rh: 20,\n    visible: 0,\n    track: [0, 0, 0, 0],\n    badge: [0, 0, 0, 0],\n  };\n\n  const host = createHost(container, {\n    className: \"minerva-time-and-sales\",\n    draw,\n    onTheme: () => {\n      colors = sideColors(host.theme, options);\n    },\n  });\n  const { root } = host;\n  root.tabIndex = 0;\n  root.setAttribute(\"role\", \"log\");\n  root.setAttribute(\"aria-live\", \"off\");\n\n  /** Texts in the locale, resolved on every option update */\n  let texts = localeLabels(LABELS, options.locale, options.labels);\n  const labels = () => texts;\n  const applyTexts = () => {\n    texts = localeLabels(LABELS, options.locale, options.labels);\n    root.setAttribute(\"aria-label\", options.ariaLabel ?? texts.name);\n  };\n  const minSize = () => Math.max(0, options.minSize ?? 0);\n  const openVisible = () => open !== null && open.size >= minSize();\n  const count = () => rows.length + (openVisible() ? 1 : 0);\n\n  const refreshFormat = () => {\n    fmt = createFormatters(options, priceDecimals, sizeDecimals);\n  };\n\n  const infer = (trade: MarketTrade) => {\n    // the first trades decide the decimals (until the precision is set)\n    if (raw.length > 64) return;\n    const p = Math.min(8, decimalsOf(trade.price));\n    const s = Math.min(6, decimalsOf(trade.size));\n    if (p > priceDecimals || s > sizeDecimals) {\n      priceDecimals = Math.max(priceDecimals, p);\n      sizeDecimals = Math.max(sizeDecimals, s);\n      refreshFormat();\n    }\n  };\n\n  const writeRow = (a: Aggregate) => {\n    const i = pushSlot(rows);\n    rows.time[i] = a.time;\n    rows.price[i] = a.price;\n    rows.size[i] = a.size;\n    rows.side[i] = a.side;\n    rows.tick[i] = a.tick;\n    rows.count[i] = a.count;\n    rows.arrival[i] = a.arrival;\n    closedTotal++;\n  };\n\n  /** Adds a trade to the rows (after the raw ring) */\n  const ingest = (\n    time: number,\n    price: number,\n    size: number,\n    side: number,\n    tick: number,\n    arrival: number,\n  ) => {\n    if (options.aggregate) {\n      if (open && open.side === side && open.time === time) {\n        open.size += size;\n        open.price = price;\n        open.tick = tick;\n        open.count++;\n        open.arrival = arrival;\n        return;\n      }\n      if (open && open.size >= minSize()) writeRow(open);\n      open = { time, price, size, side, tick, count: 1, arrival };\n      return;\n    }\n    if (size >= minSize())\n      writeRow({ time, price, size, side, tick, count: 1, arrival });\n  };\n\n  /** Moves the view so that the rows on screen stay put (or slide in) */\n  const advance = (before: number) => {\n    const after = closedTotal + (openVisible() ? 1 : 0);\n    const delta = after - before;\n    head = after;\n    if (delta <= 0) return;\n    view += delta;\n    if (paused) target += delta;\n    else if (options.animate === false) view = target;\n    else view = Math.min(view, target + MAX_LAG);\n    const n = count();\n    target = Math.min(target, Math.max(0, n - 1));\n    view = Math.min(view, Math.max(0, n - 1));\n  };\n\n  const addTrade = (trade: MarketTrade, arrival: number) => {\n    const { time, price, size } = trade;\n    if (!Number.isFinite(price) || !Number.isFinite(size) || size <= 0) return;\n    infer(trade);\n    const side = trade.side === \"sell\" ? SELL : BUY;\n    if (Number.isFinite(lastPrice) && price !== lastPrice)\n      lastTick = price > lastPrice ? 1 : -1;\n    lastPrice = price;\n    const i = pushSlot(raw);\n    raw.time[i] = time;\n    raw.price[i] = price;\n    raw.size[i] = size;\n    raw.side[i] = side;\n    raw.tick[i] = lastTick;\n    ingest(time, price, size, side, lastTick, arrival);\n  };\n\n  /** Recomputes the rows from the raw trades (filter / aggregation changed) */\n  const rebuild = () => {\n    rows = createRing(capacity);\n    open = null;\n    closedTotal = 0;\n    for (let k = 0; k < raw.length; k++) {\n      const i = slot(raw, k);\n      ingest(\n        raw.time[i]!,\n        raw.price[i]!,\n        raw.size[i]!,\n        raw.side[i]!,\n        raw.tick[i]!,\n        -Infinity,\n      );\n    }\n    head = count();\n    view = target = 0;\n    userScrolled = false;\n    keySeq = null;\n  };\n\n  /** Row `index` from the top (0 = newest) */\n  const rowAt = (index: number): Aggregate | null => {\n    if (index < 0) return null;\n    const visibleOpen = openVisible();\n    if (visibleOpen && index === 0) return open;\n    const k = rows.length - 1 - (index - (visibleOpen ? 1 : 0));\n    if (k < 0) return null;\n    const i = slot(rows, k);\n    return {\n      time: rows.time[i]!,\n      price: rows.price[i]!,\n      size: rows.size[i]!,\n      side: rows.side[i]!,\n      tick: rows.tick[i]!,\n      count: rows.count[i]!,\n      arrival: rows.arrival[i]!,\n    };\n  };\n\n  const toEvent = (row: Aggregate, index: number): TimeAndSalesRowEvent => ({\n    trade: {\n      time: row.time,\n      price: row.price,\n      size: row.size,\n      side: row.side === SELL ? \"sell\" : \"buy\",\n    },\n    count: row.count,\n    index,\n  });\n\n  const setPaused = () => {\n    const next = hoverPaused || userScrolled || keySeq !== null;\n    if (next === paused) return;\n    paused = next;\n    if (!paused) {\n      // back to the newest rows: scroll at most a page, jump over the rest\n      target = 0;\n      view = Math.min(view, Math.max(MAX_LAG, layout.visible));\n    }\n    emitter.emit(\"pause\", paused);\n  };\n\n  const scrollTo = (rowsFromTop: number, user = true) => {\n    const max = Math.max(0, count() - layout.visible);\n    target = clamp(Math.round(rowsFromTop), 0, max);\n    if (user) userScrolled = target > 0;\n    setPaused();\n    host.invalidate();\n  };\n\n  function draw(now: number): boolean {\n    const ctx = host.ctx;\n    if (!ctx) return false;\n    const { width, height, dpr, theme } = host;\n    const l = labels();\n    const compact = width < 240;\n    const fontSize = options.fontSize ?? (compact ? 11 : 12);\n    const rh = Math.max(12, options.rowHeight ?? (compact ? 18 : 20));\n    const headerH = options.header === false ? 0 : rh + 2;\n    const top = headerH;\n    const visible = Math.max(0, Math.ceil((height - top) / rh));\n    const n = count();\n    const dt = Number.isFinite(lastFrame) ? now - lastFrame : 16;\n    lastFrame = now;\n\n    // scroll animation\n    let animating = false;\n    if (options.animate === false || !Number.isFinite(view)) view = target;\n    else {\n      view += (target - view) * ease(dt, 70);\n      if (Math.abs(view - target) < 0.01) view = target;\n      else animating = true;\n    }\n\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ctx.clearRect(0, 0, width, height);\n    const text = toCss(theme.text);\n    const muted = toCss(theme.textMuted);\n    const pad = compact ? 6 : 10;\n    const scrollbar = n > Math.floor((height - top) / rh);\n    const right = width - pad - (scrollbar ? 6 : 0);\n\n    // columns\n    const cols = (options.columns ?? COLUMNS).filter(\n      (c, i, all) => all.indexOf(c) === i,\n    );\n    const shownCols =\n      compact && cols.length > 3 ? cols.filter((c) => c !== \"side\") : cols;\n    const weights: Record<TimeAndSalesColumn, number> = {\n      time: options.milliseconds === false ? 1 : 1.25,\n      price: 1.1,\n      size: 1,\n      side: 0.6,\n    };\n    const totalWeight = shownCols.reduce((s, c) => s + weights[c], 0);\n    const colRight: number[] = [];\n    let acc = pad;\n    for (const c of shownCols) {\n      acc += ((right - pad) * weights[c]) / totalWeight;\n      colRight.push(acc);\n    }\n    const colLeft = (j: number) => (j === 0 ? pad : colRight[j - 1]!);\n    // the time column (and the first one) is left aligned\n    const alignLeft = (c: TimeAndSalesColumn, j: number) =>\n      j === 0 || c === \"time\";\n\n    // rows\n    const threshold = options.largeTradeThreshold ?? Infinity;\n    const first = Math.max(0, Math.floor(view));\n    const offset = view - first;\n    const flash = options.animate !== false;\n    hovered = null;\n    let hoverIndex = -1;\n    if (hoverAt && hoverAt[1] >= top) {\n      hoverIndex = Math.floor((hoverAt[1] - top) / rh + view);\n    } else if (keySeq !== null) {\n      hoverIndex = head - 1 - keySeq;\n    }\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, top, width, height - top);\n    ctx.clip();\n    ctx.textBaseline = \"middle\";\n    for (let r = 0; r <= visible; r++) {\n      const index = first + r;\n      if (index >= n) break;\n      const row = rowAt(index);\n      if (!row) break;\n      const y = top + (r - offset) * rh;\n      if (y > height) break;\n      const sell = row.side === SELL;\n      const color = sell ? colors.down : colors.up;\n      const large = row.size >= threshold;\n      if (index === hoverIndex) {\n        hovered = toEvent(row, index);\n        ctx.fillStyle = toCss(theme.text, 0.08);\n        ctx.fillRect(0, y, width, rh);\n      }\n      if (large) {\n        // stronger tint as the trade grows (log scale, up to 8x the threshold)\n        const k = clamp(Math.log2(row.size / threshold) / 3, 0, 1);\n        ctx.fillStyle = toCss(color, 0.12 + 0.2 * k);\n        ctx.fillRect(0, y + 1, width, rh - 2);\n        ctx.fillStyle = toCss(color);\n        ctx.fillRect(0, y + 2, 3, rh - 4);\n      }\n      if (flash && Number.isFinite(row.arrival)) {\n        const age = (now - row.arrival) / FLASH_MS;\n        if (age < 1 && age >= 0) {\n          ctx.fillStyle = toCss(color, 0.18 * (1 - age) * (1 - age));\n          ctx.fillRect(0, y, width, rh);\n          animating = true;\n        }\n      }\n      const ty = y + rh / 2 + 0.5;\n      const weight = large ? 700 : 400;\n      shownCols.forEach((c, j) => {\n        const left = alignLeft(c, j);\n        ctx.textAlign = left ? \"left\" : \"right\";\n        const x = left ? colLeft(j) + (j === 0 && large ? 4 : 0) : colRight[j]!;\n        switch (c) {\n          case \"time\":\n            ctx.font = fontOf(theme, options, 400, fontSize);\n            ctx.fillStyle = muted;\n            ctx.fillText(\n              options.formatTime\n                ? options.formatTime(row.time)\n                : formatClock(row.time, options.milliseconds !== false),\n              x,\n              ty,\n            );\n            break;\n          case \"price\": {\n            const tickColor =\n              row.tick > 0 ? colors.up : row.tick < 0 ? colors.down : null;\n            ctx.font = fontOf(theme, options, large ? 700 : 500, fontSize);\n            ctx.fillStyle =\n              options.priceColor === \"tick\"\n                ? tickColor\n                  ? toCss(tickColor)\n                  : text\n                : toCss(color);\n            ctx.fillText(fmt.price(row.price), x, ty);\n            break;\n          }\n          case \"size\": {\n            ctx.font = fontOf(theme, options, weight, fontSize);\n            ctx.fillStyle = large ? toCss(color) : text;\n            const label = fmt.size(row.size);\n            ctx.fillText(label, x, ty);\n            if (row.count > 1 && !compact) {\n              // trades merged into the row\n              const w = ctx.measureText(label).width;\n              ctx.font = fontOf(theme, options, 400, fontSize - 2);\n              ctx.fillStyle = muted;\n              ctx.fillText(`×${row.count}`, x - w - 5, ty);\n            }\n            break;\n          }\n          case \"side\":\n            ctx.font = fontOf(theme, options, 500, fontSize);\n            ctx.fillStyle = toCss(color);\n            ctx.fillText(sell ? l.sell : l.buy, x, ty);\n            break;\n        }\n      });\n    }\n    ctx.restore();\n\n    // header\n    if (headerH) {\n      ctx.font = fontOf(theme, options, 400, fontSize - 1);\n      ctx.fillStyle = muted;\n      ctx.textBaseline = \"middle\";\n      shownCols.forEach((c, j) => {\n        const left = alignLeft(c, j);\n        ctx.textAlign = left ? \"left\" : \"right\";\n        ctx.fillText(l[c], left ? colLeft(j) : colRight[j]!, rh / 2 + 1);\n      });\n      ctx.fillStyle = toCss(theme.grid);\n      ctx.fillRect(0, headerH - 1, width, 1);\n    }\n\n    // scrollbar\n    const trackH = height - top - 4;\n    let track = [0, 0, 0, 0];\n    if (scrollbar && trackH > 20) {\n      const pageRows = Math.max(1, (height - top) / rh);\n      const thumbH = Math.max(18, (trackH * pageRows) / n);\n      const maxScroll = Math.max(1, n - pageRows);\n      const thumbY =\n        top + 2 + (trackH - thumbH) * clamp(view / maxScroll, 0, 1);\n      const active =\n        dragging !== null || (hoverAt !== null && hoverAt[0] > width - 12);\n      ctx.fillStyle = toCss(theme.textMuted, active ? 0.5 : 0.28);\n      roundRect(ctx, width - 6, thumbY, 4, thumbH, 2);\n      ctx.fill();\n      track = [width - 12, top, 12, trackH + 4];\n    }\n\n    // badge: paused / new trades above the view\n    let badge = [0, 0, 0, 0];\n    const above = Math.round(target);\n    if (paused || above > 0) {\n      const textParts: string[] = [];\n      if (hoverPaused && !userScrolled) textParts.push(l.paused);\n      if (above > 0)\n        textParts.push(\n          l.newTrades.replace(\n            \"{count}\",\n            above > 9999 ? \"9999+\" : String(above),\n          ),\n        );\n      if (textParts.length) {\n        const label = textParts.join(\" · \");\n        ctx.font = fontOf(theme, options, 500, Math.max(10, fontSize - 1));\n        const bw = ctx.measureText(label).width + 20;\n        const bh = Math.min(22, rh + 2);\n        const bx = (width - bw) / 2;\n        const by = top + 6;\n        ctx.fillStyle = toCss(theme.primary, 0.92);\n        roundRect(ctx, bx, by, bw, bh, bh / 2);\n        ctx.fill();\n        ctx.fillStyle = \"#fff\";\n        ctx.textAlign = \"center\";\n        ctx.textBaseline = \"middle\";\n        ctx.fillText(label, width / 2, by + bh / 2 + 0.5);\n        badge = [bx, by, bw, bh];\n      }\n    }\n    layout = {\n      top,\n      rh,\n      visible: Math.floor((height - top) / rh),\n      track,\n      badge,\n    };\n    root.style.cursor =\n      badge[2] && hoverAt && inRect(hoverAt, badge) ? \"pointer\" : \"default\";\n\n    // hover event\n    const key = hovered\n      ? `${head - 1 - hovered.index}|${hovered.trade.size}`\n      : \"\";\n    if (key !== hoverKey) {\n      hoverKey = key;\n      emitter.emit(\"hover\", hovered);\n    }\n\n    const latest = rowAt(0);\n    if (latest)\n      host.describe(\n        `${options.ariaLabel ?? l.name}. ${latest.side === SELL ? l.sell : l.buy} ${fmt.size(latest.size)} @ ${fmt.price(latest.price)}.`,\n      );\n    return animating;\n  }\n\n  const inRect = (p: readonly number[], r: readonly number[]) =>\n    r[2]! > 0 &&\n    p[0]! >= r[0]! &&\n    p[0]! <= r[0]! + r[2]! &&\n    p[1]! >= r[1]! &&\n    p[1]! <= r[1]! + r[3]!;\n\n  // ---------------------------------------------------------- interaction\n\n  const thumbScroll = (y: number) => {\n    const [, ty, , th] = layout.track;\n    const n = count();\n    const ratio = clamp((y - ty!) / Math.max(1, th!), 0, 1);\n    scrollTo(ratio * Math.max(0, n - layout.visible));\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    hoverAt = localPoint(root, event);\n    if (dragging) thumbScroll(hoverAt[1] - dragging.offset);\n    if (options.pauseOnHover !== false && !hoverPaused) {\n      hoverPaused = true;\n      setPaused();\n    }\n    host.invalidate();\n  };\n  const onPointerLeave = () => {\n    hoverAt = null;\n    if (hoverPaused) {\n      hoverPaused = false;\n      setPaused();\n    }\n    host.invalidate();\n  };\n  const onPointerDown = (event: PointerEvent) => {\n    const p = localPoint(root, event);\n    if (inRect(p, layout.track) && !inRect(p, layout.badge)) {\n      dragging = { offset: 0 };\n      root.setPointerCapture?.(event.pointerId);\n      thumbScroll(p[1]);\n      event.preventDefault();\n    }\n  };\n  const onPointerUp = (event: PointerEvent) => {\n    if (!dragging) return;\n    dragging = null;\n    root.releasePointerCapture?.(event.pointerId);\n    host.invalidate();\n  };\n  const onClick = (event: MouseEvent) => {\n    const p = localPoint(root, event);\n    if (inRect(p, layout.badge)) {\n      instance.scrollToLatest();\n      return;\n    }\n    if (inRect(p, layout.track) || p[1] < layout.top) return;\n    const index = Math.floor((p[1] - layout.top) / layout.rh + view);\n    const row = rowAt(index);\n    if (row && index < count()) emitter.emit(\"tradeClick\", toEvent(row, index));\n  };\n  const onWheel = (event: WheelEvent) => {\n    const n = count();\n    const max = Math.max(0, n - layout.visible);\n    const step =\n      event.deltaMode === 1\n        ? event.deltaY\n        : event.deltaMode === 2\n          ? event.deltaY * layout.visible\n          : event.deltaY / layout.rh;\n    // at the ends the page scrolls\n    if ((step < 0 && target <= 0) || (step > 0 && target >= max)) return;\n    event.preventDefault();\n    scrollTo(target + (Math.abs(step) < 1 ? Math.sign(step) : step));\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    const n = count();\n    if (!n) return;\n    const page = Math.max(1, layout.visible - 1);\n    const index = keySeq === null ? -1 : head - 1 - keySeq;\n    const select = (next: number) => {\n      const i = clamp(next, 0, n - 1);\n      keySeq = head - 1 - i;\n      // keep the selection on screen\n      if (i < target) scrollTo(i);\n      else if (i >= target + layout.visible) scrollTo(i - layout.visible + 1);\n      else setPaused();\n      host.invalidate();\n    };\n    switch (event.key) {\n      case \"ArrowDown\":\n        select(index + 1);\n        break;\n      case \"ArrowUp\":\n        select(Math.max(0, index - 1));\n        break;\n      case \"PageDown\":\n        select(Math.max(0, index) + page);\n        break;\n      case \"PageUp\":\n        select(index - page);\n        break;\n      case \"Home\":\n        keySeq = null;\n        instance.scrollToLatest();\n        break;\n      case \"End\":\n        select(n - 1);\n        break;\n      case \"Enter\":\n      case \" \": {\n        const row = index >= 0 ? rowAt(index) : null;\n        if (row) emitter.emit(\"tradeClick\", toEvent(row, index));\n        break;\n      }\n      case \"Escape\":\n        keySeq = null;\n        instance.scrollToLatest();\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n  };\n  const onBlur = () => {\n    if (keySeq === null) return;\n    keySeq = null;\n    setPaused();\n    host.invalidate();\n  };\n  root.addEventListener(\"pointermove\", onPointerMove);\n  root.addEventListener(\"pointerleave\", onPointerLeave);\n  root.addEventListener(\"pointerdown\", onPointerDown);\n  root.addEventListener(\"pointerup\", onPointerUp);\n  root.addEventListener(\"click\", onClick);\n  root.addEventListener(\"wheel\", onWheel, { passive: false });\n  root.addEventListener(\"keydown\", onKeyDown);\n  root.addEventListener(\"blur\", onBlur);\n\n  const nowMs = () =>\n    typeof performance !== \"undefined\" ? performance.now() : Date.now();\n\n  const reset = () => {\n    raw = createRing(capacity);\n    rows = createRing(capacity);\n    open = null;\n    head = closedTotal = 0;\n    lastPrice = NaN;\n    lastTick = 0;\n    priceDecimals = sizeDecimals = 0;\n    view = target = 0;\n    userScrolled = false;\n    keySeq = null;\n    setPaused();\n    refreshFormat();\n  };\n\n  const instance: TimeAndSalesInstance = {\n    addTrades(trades) {\n      const list = Array.isArray(trades)\n        ? (trades as readonly MarketTrade[])\n        : [trades as MarketTrade];\n      if (!list.length) return;\n      const before = head;\n      const arrival = nowMs();\n      for (const trade of list) addTrade(trade, arrival);\n      advance(before);\n      host.invalidate();\n    },\n    setTrades(trades) {\n      reset();\n      for (const trade of trades) addTrade(trade, -Infinity);\n      head = count();\n      host.invalidate();\n    },\n    clear() {\n      reset();\n      host.invalidate();\n    },\n    setOptions(next) {\n      const previous = options;\n      options = next;\n      applyTexts();\n      colors = sideColors(host.theme, options);\n      const nextCapacity = Math.max(1, Math.round(options.capacity ?? 200000));\n      if (nextCapacity !== capacity) {\n        // keep the newest trades that fit\n        const old = raw;\n        capacity = nextCapacity;\n        raw = createRing(capacity);\n        for (let k = Math.max(0, old.length - capacity); k < old.length; k++) {\n          const i = slot(old, k);\n          const j = pushSlot(raw);\n          raw.time[j] = old.time[i]!;\n          raw.price[j] = old.price[i]!;\n          raw.size[j] = old.size[i]!;\n          raw.side[j] = old.side[i]!;\n          raw.tick[j] = old.tick[i]!;\n        }\n        rebuild();\n      } else if (\n        (previous.minSize ?? 0) !== (next.minSize ?? 0) ||\n        !previous.aggregate !== !next.aggregate\n      ) {\n        rebuild();\n      }\n      if (options.pauseOnHover === false && hoverPaused) hoverPaused = false;\n      setPaused();\n      refreshFormat();\n      host.invalidate();\n    },\n    scrollToLatest() {\n      keySeq = null;\n      userScrolled = false;\n      target = 0;\n      setPaused();\n      host.invalidate();\n    },\n    getCount: count,\n    on: (event, handler) => emitter.on(event, handler),\n    resize() {\n      host.invalidate();\n    },\n    destroy() {\n      root.removeEventListener(\"pointermove\", onPointerMove);\n      root.removeEventListener(\"pointerleave\", onPointerLeave);\n      root.removeEventListener(\"pointerdown\", onPointerDown);\n      root.removeEventListener(\"pointerup\", onPointerUp);\n      root.removeEventListener(\"click\", onClick);\n      root.removeEventListener(\"wheel\", onWheel);\n      root.removeEventListener(\"keydown\", onKeyDown);\n      root.removeEventListener(\"blur\", onBlur);\n      emitter.clear();\n      host.destroy();\n    },\n  };\n  applyTexts();\n  colors = sideColors(host.theme, options);\n  refreshFormat();\n  host.invalidate();\n  return instance;\n};\n"],"mappings":"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"}

package/dist/charts/engine/orderbook/tape.d.cts

@@ -0,0 +1,6 @@
+import { TimeAndSalesInstance, TimeAndSalesOptions } from './types.cjs';
+/**
+ * Creates a time and sales tape in `container`: newest trades on top,
+ * virtualized rows, large trade highlight, pause on hover.
+ */
+export declare const createTimeAndSales: (container: HTMLElement, initial?: TimeAndSalesOptions) => TimeAndSalesInstance;

package/dist/charts/engine/orderbook/tape.d.ts

@@ -0,0 +1,6 @@
+import { TimeAndSalesInstance, TimeAndSalesOptions } from './types.js';
+/**
+ * Creates a time and sales tape in `container`: newest trades on top,
+ * virtualized rows, large trade highlight, pause on hover.
+ */
+export declare const createTimeAndSales: (container: HTMLElement, initial?: TimeAndSalesOptions) => TimeAndSalesInstance;

package/dist/charts/engine/orderbook/tape.js

@@ -0,0 +1,450 @@
+import { toCss as e } from "../color.js";
+import { localeLabels as t } from "../locale.js";
+import { decimalsOf as n } from "./book.js";
+import { clamp as r, createFormatters as i, ease as a, fontOf as o, formatClock as s, roundRect as c, sideColors as l } from "./format.js";
+import { createEmitter as u, createHost as d, localPoint as f } from "./host.js";
+//#region src/engine/orderbook/tape.ts
+var p = {
+	en: {
+		time: "Time",
+		price: "Price",
+		size: "Size",
+		side: "Side",
+		buy: "Buy",
+		sell: "Sell",
+		paused: "Paused",
+		newTrades: "{count} new",
+		name: "Time and sales"
+	},
+	zh: {
+		time: "时间",
+		price: "价格",
+		size: "数量",
+		side: "方向",
+		buy: "买入",
+		sell: "卖出",
+		paused: "已暂停",
+		newTrades: "{count} 条新成交",
+		name: "逐笔成交"
+	},
+	ja: {
+		time: "時刻",
+		price: "価格",
+		size: "数量",
+		side: "売買",
+		buy: "買い",
+		sell: "売り",
+		paused: "一時停止中",
+		newTrades: "新着 {count} 件",
+		name: "歩み値"
+	},
+	fr: {
+		time: "Heure",
+		price: "Prix",
+		size: "Quantité",
+		side: "Sens",
+		buy: "Achat",
+		sell: "Vente",
+		paused: "En pause",
+		newTrades: "{count} nouvelles",
+		name: "Historique des transactions"
+	}
+}, m = [
+	"time",
+	"price",
+	"size"
+], h = 1, ee = 2, g = 3, te = 450, _ = (e) => {
+	let t = Math.min(e, 1024);
+	return {
+		time: new Float64Array(t),
+		price: new Float64Array(t),
+		size: new Float64Array(t),
+		side: new Uint8Array(t),
+		tick: new Int8Array(t),
+		count: new Uint32Array(t),
+		arrival: new Float64Array(t),
+		start: 0,
+		length: 0,
+		max: e
+	};
+}, v = (e, t) => (e.start + t) % e.time.length, y = (e) => {
+	let t = e.time.length;
+	if (e.length < t) {
+		let n = (e.start + e.length) % t;
+		return e.length++, n;
+	}
+	if (t < e.max) {
+		let n = Math.min(e.max, t * 2);
+		for (let r of [
+			"time",
+			"price",
+			"size",
+			"side",
+			"tick",
+			"count",
+			"arrival"
+		]) {
+			let i = e[r], a = new i.constructor(n);
+			a.set(i.subarray(e.start)), a.set(i.subarray(0, e.start), t - e.start), e[r] = a;
+		}
+		return e.start = 0, e.length++, t;
+	}
+	let n = e.start;
+	return e.start = (e.start + 1) % t, n;
+}, b = (b, x = {}) => {
+	let S = x, C = u(), w = Math.max(1, Math.round(S.capacity ?? 2e5)), T = _(w), E = _(w), D = null, O = 0, k = 0, A = NaN, j = 0, ne = i(S, 2, 4), M = 0, N = 0, P = {
+		up: [
+			0,
+			0,
+			0,
+			1
+		],
+		down: [
+			0,
+			0,
+			0,
+			1
+		]
+	}, F = 0, I = 0, L = !1, R = !1, z = !1, re = NaN, B = null, V = null, ie = "", H = null, U = null, W = {
+		top: 0,
+		rh: 20,
+		visible: 0,
+		track: [
+			0,
+			0,
+			0,
+			0
+		],
+		badge: [
+			0,
+			0,
+			0,
+			0
+		]
+	}, G = d(b, {
+		className: "minerva-time-and-sales",
+		draw: ge,
+		onTheme: () => {
+			P = l(G.theme, S);
+		}
+	}), { root: K } = G;
+	K.tabIndex = 0, K.setAttribute("role", "log"), K.setAttribute("aria-live", "off");
+	let ae = t(p, S.locale, S.labels), oe = () => ae, q = () => {
+		ae = t(p, S.locale, S.labels), K.setAttribute("aria-label", S.ariaLabel ?? ae.name);
+	}, se = () => Math.max(0, S.minSize ?? 0), ce = () => D !== null && D.size >= se(), J = () => E.length + +!!ce(), Y = () => {
+		ne = i(S, M, N);
+	}, le = (e) => {
+		if (T.length > 64) return;
+		let t = Math.min(8, n(e.price)), r = Math.min(6, n(e.size));
+		(t > M || r > N) && (M = Math.max(M, t), N = Math.max(N, r), Y());
+	}, ue = (e) => {
+		let t = y(E);
+		E.time[t] = e.time, E.price[t] = e.price, E.size[t] = e.size, E.side[t] = e.side, E.tick[t] = e.tick, E.count[t] = e.count, E.arrival[t] = e.arrival, k++;
+	}, de = (e, t, n, r, i, a) => {
+		if (S.aggregate) {
+			if (D && D.side === r && D.time === e) {
+				D.size += n, D.price = t, D.tick = i, D.count++, D.arrival = a;
+				return;
+			}
+			D && D.size >= se() && ue(D), D = {
+				time: e,
+				price: t,
+				size: n,
+				side: r,
+				tick: i,
+				count: 1,
+				arrival: a
+			};
+			return;
+		}
+		n >= se() && ue({
+			time: e,
+			price: t,
+			size: n,
+			side: r,
+			tick: i,
+			count: 1,
+			arrival: a
+		});
+	}, fe = (e) => {
+		let t = k + +!!ce(), n = t - e;
+		if (O = t, n <= 0) return;
+		F += n, z ? I += n : F = S.animate === !1 ? I : Math.min(F, I + g);
+		let r = J();
+		I = Math.min(I, Math.max(0, r - 1)), F = Math.min(F, Math.max(0, r - 1));
+	}, pe = (e, t) => {
+		let { time: n, price: r, size: i } = e;
+		if (!Number.isFinite(r) || !Number.isFinite(i) || i <= 0) return;
+		le(e);
+		let a = e.side === "sell" ? ee : h;
+		Number.isFinite(A) && r !== A && (j = r > A ? 1 : -1), A = r;
+		let o = y(T);
+		T.time[o] = n, T.price[o] = r, T.size[o] = i, T.side[o] = a, T.tick[o] = j, de(n, r, i, a, j, t);
+	}, X = () => {
+		E = _(w), D = null, k = 0;
+		for (let e = 0; e < T.length; e++) {
+			let t = v(T, e);
+			de(T.time[t], T.price[t], T.size[t], T.side[t], T.tick[t], -Infinity);
+		}
+		O = J(), F = I = 0, L = !1, V = null;
+	}, me = (e) => {
+		if (e < 0) return null;
+		let t = ce();
+		if (t && e === 0) return D;
+		let n = E.length - 1 - (e - +!!t);
+		if (n < 0) return null;
+		let r = v(E, n);
+		return {
+			time: E.time[r],
+			price: E.price[r],
+			size: E.size[r],
+			side: E.side[r],
+			tick: E.tick[r],
+			count: E.count[r],
+			arrival: E.arrival[r]
+		};
+	}, he = (e, t) => ({
+		trade: {
+			time: e.time,
+			price: e.price,
+			size: e.size,
+			side: e.side === ee ? "sell" : "buy"
+		},
+		count: e.count,
+		index: t
+	}), Z = () => {
+		let e = R || L || V !== null;
+		e !== z && (z = e, z || (I = 0, F = Math.min(F, Math.max(g, W.visible))), C.emit("pause", z));
+	}, Q = (e, t = !0) => {
+		let n = Math.max(0, J() - W.visible);
+		I = r(Math.round(e), 0, n), t && (L = I > 0), Z(), G.invalidate();
+	};
+	function ge(t) {
+		let n = G.ctx;
+		if (!n) return !1;
+		let { width: i, height: l, dpr: u, theme: d } = G, f = oe(), p = i < 240, h = S.fontSize ?? (p ? 11 : 12), g = Math.max(12, S.rowHeight ?? (p ? 18 : 20)), _ = S.header === !1 ? 0 : g + 2, v = _, y = Math.max(0, Math.ceil((l - v) / g)), b = J(), x = Number.isFinite(re) ? t - re : 16;
+		re = t;
+		let w = !1;
+		S.animate === !1 || !Number.isFinite(F) ? F = I : (F += (I - F) * a(x, 70), Math.abs(F - I) < .01 ? F = I : w = !0), n.setTransform(u, 0, 0, u, 0, 0), n.clearRect(0, 0, i, l);
+		let T = e(d.text), E = e(d.textMuted), D = p ? 6 : 10, k = b > Math.floor((l - v) / g), A = i - D - (k ? 6 : 0), j = (S.columns ?? m).filter((e, t, n) => n.indexOf(e) === t), M = p && j.length > 3 ? j.filter((e) => e !== "side") : j, N = {
+			time: S.milliseconds === !1 ? 1 : 1.25,
+			price: 1.1,
+			size: 1,
+			side: .6
+		}, ae = M.reduce((e, t) => e + N[t], 0), q = [], se = D;
+		for (let e of M) se += (A - D) * N[e] / ae, q.push(se);
+		let ce = (e) => e === 0 ? D : q[e - 1], Y = (e, t) => t === 0 || e === "time", le = S.largeTradeThreshold ?? Infinity, ue = Math.max(0, Math.floor(F)), de = F - ue, fe = S.animate !== !1;
+		H = null;
+		let pe = -1;
+		B && B[1] >= v ? pe = Math.floor((B[1] - v) / g + F) : V !== null && (pe = O - 1 - V), n.save(), n.beginPath(), n.rect(0, v, i, l - v), n.clip(), n.textBaseline = "middle";
+		for (let a = 0; a <= y; a++) {
+			let c = ue + a;
+			if (c >= b) break;
+			let u = me(c);
+			if (!u) break;
+			let m = v + (a - de) * g;
+			if (m > l) break;
+			let _ = u.side === ee, y = _ ? P.down : P.up, x = u.size >= le;
+			if (c === pe && (H = he(u, c), n.fillStyle = e(d.text, .08), n.fillRect(0, m, i, g)), x) {
+				let t = r(Math.log2(u.size / le) / 3, 0, 1);
+				n.fillStyle = e(y, .12 + .2 * t), n.fillRect(0, m + 1, i, g - 2), n.fillStyle = e(y), n.fillRect(0, m + 2, 3, g - 4);
+			}
+			if (fe && Number.isFinite(u.arrival)) {
+				let r = (t - u.arrival) / te;
+				r < 1 && r >= 0 && (n.fillStyle = e(y, .18 * (1 - r) * (1 - r)), n.fillRect(0, m, i, g), w = !0);
+			}
+			let C = m + g / 2 + .5, D = x ? 700 : 400;
+			M.forEach((t, r) => {
+				let i = Y(t, r);
+				n.textAlign = i ? "left" : "right";
+				let a = i ? ce(r) + (r === 0 && x ? 4 : 0) : q[r];
+				switch (t) {
+					case "time":
+						n.font = o(d, S, 400, h), n.fillStyle = E, n.fillText(S.formatTime ? S.formatTime(u.time) : s(u.time, S.milliseconds !== !1), a, C);
+						break;
+					case "price": {
+						let t = u.tick > 0 ? P.up : u.tick < 0 ? P.down : null;
+						n.font = o(d, S, x ? 700 : 500, h), n.fillStyle = S.priceColor === "tick" ? t ? e(t) : T : e(y), n.fillText(ne.price(u.price), a, C);
+						break;
+					}
+					case "size": {
+						n.font = o(d, S, D, h), n.fillStyle = x ? e(y) : T;
+						let t = ne.size(u.size);
+						if (n.fillText(t, a, C), u.count > 1 && !p) {
+							let e = n.measureText(t).width;
+							n.font = o(d, S, 400, h - 2), n.fillStyle = E, n.fillText(`×${u.count}`, a - e - 5, C);
+						}
+						break;
+					}
+					case "side": n.font = o(d, S, 500, h), n.fillStyle = e(y), n.fillText(_ ? f.sell : f.buy, a, C);
+				}
+			});
+		}
+		n.restore(), _ && (n.font = o(d, S, 400, h - 1), n.fillStyle = E, n.textBaseline = "middle", M.forEach((e, t) => {
+			let r = Y(e, t);
+			n.textAlign = r ? "left" : "right", n.fillText(f[e], r ? ce(t) : q[t], g / 2 + 1);
+		}), n.fillStyle = e(d.grid), n.fillRect(0, _ - 1, i, 1));
+		let X = l - v - 4, Z = [
+			0,
+			0,
+			0,
+			0
+		];
+		if (k && X > 20) {
+			let t = Math.max(1, (l - v) / g), a = Math.max(18, X * t / b), o = Math.max(1, b - t), s = v + 2 + (X - a) * r(F / o, 0, 1), u = U !== null || B !== null && B[0] > i - 12;
+			n.fillStyle = e(d.textMuted, u ? .5 : .28), c(n, i - 6, s, 4, a, 2), n.fill(), Z = [
+				i - 12,
+				v,
+				12,
+				X + 4
+			];
+		}
+		let Q = [
+			0,
+			0,
+			0,
+			0
+		], ge = Math.round(I);
+		if (z || ge > 0) {
+			let t = [];
+			if (R && !L && t.push(f.paused), ge > 0 && t.push(f.newTrades.replace("{count}", ge > 9999 ? "9999+" : String(ge))), t.length) {
+				let r = t.join(" · ");
+				n.font = o(d, S, 500, Math.max(10, h - 1));
+				let a = n.measureText(r).width + 20, s = Math.min(22, g + 2), l = (i - a) / 2, u = v + 6;
+				n.fillStyle = e(d.primary, .92), c(n, l, u, a, s, s / 2), n.fill(), n.fillStyle = "#fff", n.textAlign = "center", n.textBaseline = "middle", n.fillText(r, i / 2, u + s / 2 + .5), Q = [
+					l,
+					u,
+					a,
+					s
+				];
+			}
+		}
+		W = {
+			top: v,
+			rh: g,
+			visible: Math.floor((l - v) / g),
+			track: Z,
+			badge: Q
+		}, K.style.cursor = Q[2] && B && _e(B, Q) ? "pointer" : "default";
+		let ve = H ? `${O - 1 - H.index}|${H.trade.size}` : "";
+		ve !== ie && (ie = ve, C.emit("hover", H));
+		let $ = me(0);
+		return $ && G.describe(`${S.ariaLabel ?? f.name}. ${$.side === ee ? f.sell : f.buy} ${ne.size($.size)} @ ${ne.price($.price)}.`), w;
+	}
+	let _e = (e, t) => t[2] > 0 && e[0] >= t[0] && e[0] <= t[0] + t[2] && e[1] >= t[1] && e[1] <= t[1] + t[3], ve = (e) => {
+		let [, t, , n] = W.track, i = J(), a = r((e - t) / Math.max(1, n), 0, 1);
+		Q(a * Math.max(0, i - W.visible));
+	}, $ = (e) => {
+		B = f(K, e), U && ve(B[1] - U.offset), S.pauseOnHover !== !1 && !R && (R = !0, Z()), G.invalidate();
+	}, ye = () => {
+		B = null, R && (R = !1, Z()), G.invalidate();
+	}, be = (e) => {
+		let t = f(K, e);
+		_e(t, W.track) && !_e(t, W.badge) && (U = { offset: 0 }, K.setPointerCapture?.(e.pointerId), ve(t[1]), e.preventDefault());
+	}, xe = (e) => {
+		U && (U = null, K.releasePointerCapture?.(e.pointerId), G.invalidate());
+	}, Se = (e) => {
+		let t = f(K, e);
+		if (_e(t, W.badge)) {
+			Oe.scrollToLatest();
+			return;
+		}
+		if (_e(t, W.track) || t[1] < W.top) return;
+		let n = Math.floor((t[1] - W.top) / W.rh + F), r = me(n);
+		r && n < J() && C.emit("tradeClick", he(r, n));
+	}, Ce = (e) => {
+		let t = J(), n = Math.max(0, t - W.visible), r = e.deltaMode === 1 ? e.deltaY : e.deltaMode === 2 ? e.deltaY * W.visible : e.deltaY / W.rh;
+		r < 0 && I <= 0 || r > 0 && I >= n || (e.preventDefault(), Q(I + (Math.abs(r) < 1 ? Math.sign(r) : r)));
+	}, we = (e) => {
+		let t = J();
+		if (!t) return;
+		let n = Math.max(1, W.visible - 1), i = V === null ? -1 : O - 1 - V, a = (e) => {
+			let n = r(e, 0, t - 1);
+			V = O - 1 - n, n < I ? Q(n) : n >= I + W.visible ? Q(n - W.visible + 1) : Z(), G.invalidate();
+		};
+		switch (e.key) {
+			case "ArrowDown":
+				a(i + 1);
+				break;
+			case "ArrowUp":
+				a(Math.max(0, i - 1));
+				break;
+			case "PageDown":
+				a(Math.max(0, i) + n);
+				break;
+			case "PageUp":
+				a(i - n);
+				break;
+			case "Home":
+				V = null, Oe.scrollToLatest();
+				break;
+			case "End":
+				a(t - 1);
+				break;
+			case "Enter":
+			case " ": {
+				let e = i >= 0 ? me(i) : null;
+				e && C.emit("tradeClick", he(e, i));
+				break;
+			}
+			case "Escape":
+				V = null, Oe.scrollToLatest();
+				break;
+			default: return;
+		}
+		e.preventDefault();
+	}, Te = () => {
+		V !== null && (V = null, Z(), G.invalidate());
+	};
+	K.addEventListener("pointermove", $), K.addEventListener("pointerleave", ye), K.addEventListener("pointerdown", be), K.addEventListener("pointerup", xe), K.addEventListener("click", Se), K.addEventListener("wheel", Ce, { passive: !1 }), K.addEventListener("keydown", we), K.addEventListener("blur", Te);
+	let Ee = () => typeof performance < "u" ? performance.now() : Date.now(), De = () => {
+		T = _(w), E = _(w), D = null, O = k = 0, A = NaN, j = 0, M = N = 0, F = I = 0, L = !1, V = null, Z(), Y();
+	}, Oe = {
+		addTrades(e) {
+			let t = Array.isArray(e) ? e : [e];
+			if (!t.length) return;
+			let n = O, r = Ee();
+			for (let e of t) pe(e, r);
+			fe(n), G.invalidate();
+		},
+		setTrades(e) {
+			De();
+			for (let t of e) pe(t, -Infinity);
+			O = J(), G.invalidate();
+		},
+		clear() {
+			De(), G.invalidate();
+		},
+		setOptions(e) {
+			let t = S;
+			S = e, q(), P = l(G.theme, S);
+			let n = Math.max(1, Math.round(S.capacity ?? 2e5));
+			if (n !== w) {
+				let e = T;
+				w = n, T = _(w);
+				for (let t = Math.max(0, e.length - w); t < e.length; t++) {
+					let n = v(e, t), r = y(T);
+					T.time[r] = e.time[n], T.price[r] = e.price[n], T.size[r] = e.size[n], T.side[r] = e.side[n], T.tick[r] = e.tick[n];
+				}
+				X();
+			} else ((t.minSize ?? 0) !== (e.minSize ?? 0) || !t.aggregate != !e.aggregate) && X();
+			S.pauseOnHover === !1 && R && (R = !1), Z(), Y(), G.invalidate();
+		},
+		scrollToLatest() {
+			V = null, L = !1, I = 0, Z(), G.invalidate();
+		},
+		getCount: J,
+		on: (e, t) => C.on(e, t),
+		resize() {
+			G.invalidate();
+		},
+		destroy() {
+			K.removeEventListener("pointermove", $), K.removeEventListener("pointerleave", ye), K.removeEventListener("pointerdown", be), K.removeEventListener("pointerup", xe), K.removeEventListener("click", Se), K.removeEventListener("wheel", Ce), K.removeEventListener("keydown", we), K.removeEventListener("blur", Te), C.clear(), G.destroy();
+		}
+	};
+	return q(), P = l(G.theme, S), Y(), G.invalidate(), Oe;
+};
+//#endregion
+export { b as createTimeAndSales };
+
+//# sourceMappingURL=tape.js.map