acttrader-charts 1.4.0-beta.1 → 1.4.0-beta.2

package/dist/index.cjs

@@ -2371,6 +2371,23 @@ function detectClusters(measured, thresholdPx, excludeLabels = /* @__PURE__ */ n
     return { id, members, centerY, centerPrice };
   });
 }
+function carryOverExpandedClusters(expanded, clusters) {
+  const current = new Set(clusters.map((c) => c.id));
+  let added = false;
+  for (const id of [...expanded]) {
+    if (current.has(id)) continue;
+    expanded.delete(id);
+    const oldMembers = new Set(id.slice("cluster:".length).split("|"));
+    for (const c of clusters) {
+      if (expanded.has(c.id)) continue;
+      if (c.members.some((m) => oldMembers.has(m.level.label))) {
+        expanded.add(c.id);
+        added = true;
+      }
+    }
+  }
+  return added;
+}
 function computeFanOutLayout(cluster, boxH, gapPx = 4) {
   const n = cluster.members.length;
   const totalH = n * boxH + (n - 1) * gapPx;
@@ -29277,8 +29294,11 @@ function roundRectPath(ctx, x, y, w, h, r) {
   ctx.closePath();
 }
 function drawTradeListPanel(ctx, summary, anchor, bounds, theme, precision, timezone) {
-  const mono = isLightColor(theme.background) ? "#000000" : "#ffffff";
+  const isLight = isLightColor(theme.background);
+  const mono = isLight ? "#000000" : "#ffffff";
   const colors = theme.tradeLevels;
+  const bg = isLight ? "rgba(255, 255, 255, 0.98)" : "rgba(22, 26, 37, 0.96)";
+  const border = isLight ? "rgba(0, 0, 0, 0.16)" : "rgba(255, 255, 255, 0.18)";
   const accent = summary.side === "buy" ? colors.buySide : summary.side === "sell" ? colors.sellSide : colors.positionLine;
   const subtitle = summary.totalLots !== void 0 ? `${formatLots(summary.totalLots)} @ ${summary.avgPrice.toFixed(precision)} avg price` : `${summary.avgPrice.toFixed(precision)} avg price`;
   const shown = summary.rows.slice(0, MAX_ROWS);
@@ -29311,20 +29331,24 @@ function drawTradeListPanel(ctx, summary, anchor, bounds, theme, precision, time
   if (x < 4) x = 4;
   let y = anchor.y + anchor.h / 2 - h / 2;
   y = Math.max(4, Math.min(y, bounds.h - h - 4));
+  ctx.save();
+  ctx.shadowColor = isLight ? "rgba(0, 0, 0, 0.18)" : "rgba(0, 0, 0, 0.45)";
+  ctx.shadowBlur = 14;
+  ctx.shadowOffsetY = 4;
   roundRectPath(ctx, x, y, w, h, RADIUS4);
-  ctx.fillStyle = colors.boxBg;
+  ctx.fillStyle = bg;
   ctx.fill();
+  ctx.restore();
   ctx.save();
+  roundRectPath(ctx, x, y, w, h, RADIUS4);
   ctx.clip();
   ctx.fillStyle = accent;
   ctx.fillRect(x, y, ACCENT_W, h);
   ctx.restore();
   roundRectPath(ctx, x + 0.5, y + 0.5, w - 1, h - 1, RADIUS4);
-  ctx.strokeStyle = mono;
-  ctx.globalAlpha = 0.18;
+  ctx.strokeStyle = border;
   ctx.lineWidth = 1;
   ctx.stroke();
-  ctx.globalAlpha = 1;
   const left = x + ACCENT_W + PAD3;
   const right = x + w - PAD3;
   let cy = y + PAD3;
@@ -37267,6 +37291,8 @@ var _ChartEngine = class _ChartEngine {
     this.tradeLevelConfirmAreas = [];
     this.tradeAddBracketAreas = [];
     this.clusterBadgeAreas = [];
+    /** Re-entry guard for the one extra paint a carried-over fan-out needs. */
+    this._clusterCarryPass = false;
     /** Merged price-axis tags from the last trade-layer pass (`levelClusteringEnabled`). */
     this.axisTagClusterAreas = [];
     /** Cluster (merged axis tag or on-chart badge) under the mouse — its trade list is drawn. */
@@ -44288,11 +44314,14 @@ var _ChartEngine = class _ChartEngine {
     this.clusterBadgeAreas = result.clusterBadgeAreas;
     this.lastClusters = result.clusters;
     this._draftQtyPillArea = result.draftQtyPillArea;
-    if (this.expandedClusters.size > 0) {
-      const currentIds = new Set(result.clusters.map((c) => c.id));
-      for (const id of this.expandedClusters) {
-        if (!currentIds.has(id)) this.expandedClusters.delete(id);
+    if (this.expandedClusters.size > 0 && carryOverExpandedClusters(this.expandedClusters, result.clusters) && !this._clusterCarryPass) {
+      this._clusterCarryPass = true;
+      try {
+        this.renderTradeLayer();
+      } finally {
+        this._clusterCarryPass = false;
       }
+      return;
     }
     if (this.pnlPillExpanded && !this._pnlPillExpandPass) {
       const missing = result.clusters.filter(