acttrader-charts 1.3.0-beta.17 → 1.3.0-beta.19

package/README.md

@@ -395,7 +395,9 @@ Alert | Pending | SL | TP | TSL | ×
   row creates the draft order exactly as before and closes both.
 - **SL / TP / TSL** emit `bulkLevelsRequested` with `{ kind, price }` and close the
   bar — the host opens its Bulk Levels dialog pre-focused on that kind. The chart
-  never calls a broker.
+  never calls a broker. The chips grey out, with a tooltip saying why, when the
+  symbol has no open positions or has buys and sells open at once — one stop or
+  target price cannot sit on the right side of the market for both directions.
 - **×**, a click elsewhere, Escape, TFC off and `dismissAllUI()` all close it.
 
 Chip labels and the × tooltip live under `labels.trade` (`actionAlert`, `actionPending`,
@@ -424,7 +426,8 @@ the total without opening the positions panel:
 - **◎** (the same target glyph as the Bulk Levels dialog header) emits
   `bulkLevelsRequested` with `source: 'pill'` and a `null` price, so your Bulk Levels
   dialog opens pre-scoped to every open position on the symbol. Tooltip:
-  "Set SL · TP · TSL on all N {symbol} positions".
+  "Set SL · TP · TSL on all N {symbol} positions". Greyed out while buys and sells are
+  both open ("Bulk levels need all N {symbol} positions in one direction").
 - **✕** (amber) emits `pnlPillCloseAll` with every counted position. Your app
   confirms and closes them; the chart never calls a broker.
 
@@ -825,10 +828,12 @@ new ChartEngine({
 | `trade` | `actionAlert` … `actionTsl` | `'Alert'`, `'Pending'`, `'SL'`, `'TP'`, `'TSL'` | Trade action bar chips (`features.tradeActionBar`) |
 | `trade` | `actionCloseTitle` | `'Close'` | Trade action bar × tooltip |
 | `trade` | `directionAbove`, `directionBelow` | `'Above'`, `'Below'` | Pending sub-menu header — side of the market the clicked price is on |
+| `trade` | `actionBulkNoPositionsTitle`, `actionBulkMixedTitle` | `'No open {symbol} positions'`, `'Bulk levels need all {symbol} positions in one direction'` | SL / TP / TSL chips greyed out — why |
 | `pnlPill` | `positionsAbbrev` | `'POS'` | On-chart P/L pill — word after the count (`3 POS`), shown uppercase |
 | `pnlPill` | `showPositionsTitle` | `'Show positions on chart · drag handle to move · double-click to reset'` | Pill tooltip while collapsed — a body click fans the positions out |
 | `pnlPill` | `hidePositionsTitle` | `'Hide positions on chart · drag handle to move · double-click to reset'` | Pill tooltip while fanned out |
 | `pnlPill` | `bulkLevelsTitle` | `'Set SL · TP · TSL on all {count} {symbol} positions'` | ◎ tooltip — opens the host's Bulk Levels dialog |
+| `pnlPill` | `bulkLevelsMixedTitle` | `'Bulk levels need all {count} {symbol} positions in one direction'` | ◎ tooltip while greyed out for mixed sides |
 | `pnlPill` | `closeAllTitle` | `'Close all {symbol} positions'` | Amber ✕ tooltip; `{symbol}` and `{count}` are filled in |
 | `dialogs.settings` | `title` | `'Chart Settings'` | Dialog title |
 | `dialogs.settings` | `tfcSection` | `'Trade from Charts'` | Section heading |

package/dist/{MACD-OBa3OUGO.d.cts → MACD-DDqzsv_V.d.cts}

@@ -345,6 +345,10 @@ interface TradeLabels {
     /** Pending sub-menu header: which side of the market the clicked price is on. */
     directionAbove: string;
     directionBelow: string;
+    /** SL / TP / TSL chips greyed out: no open positions on the symbol. `{symbol}` is filled in. */
+    actionBulkNoPositionsTitle: string;
+    /** SL / TP / TSL chips greyed out: buys and sells both open — one price cannot suit both. */
+    actionBulkMixedTitle: string;
 }
 interface DialogLabels {
     /** Chart Settings dialog. */
@@ -402,6 +406,8 @@ interface PnlPillLabels {
     hidePositionsTitle: string;
     /** ◎ tooltip — it opens the host's Bulk Levels dialog. `{count}` and `{symbol}` are filled in. */
     bulkLevelsTitle: string;
+    /** ◎ tooltip while greyed out because buys and sells are both open. */
+    bulkLevelsMixedTitle: string;
     /** Amber ✕ tooltip. */
     closeAllTitle: string;
 }

package/dist/{MACD-OBa3OUGO.d.ts → MACD-DDqzsv_V.d.ts}

@@ -345,6 +345,10 @@ interface TradeLabels {
     /** Pending sub-menu header: which side of the market the clicked price is on. */
     directionAbove: string;
     directionBelow: string;
+    /** SL / TP / TSL chips greyed out: no open positions on the symbol. `{symbol}` is filled in. */
+    actionBulkNoPositionsTitle: string;
+    /** SL / TP / TSL chips greyed out: buys and sells both open — one price cannot suit both. */
+    actionBulkMixedTitle: string;
 }
 interface DialogLabels {
     /** Chart Settings dialog. */
@@ -402,6 +406,8 @@ interface PnlPillLabels {
     hidePositionsTitle: string;
     /** ◎ tooltip — it opens the host's Bulk Levels dialog. `{count}` and `{symbol}` are filled in. */
     bulkLevelsTitle: string;
+    /** ◎ tooltip while greyed out because buys and sells are both open. */
+    bulkLevelsMixedTitle: string;
     /** Amber ✕ tooltip. */
     closeAllTitle: string;
 }

package/dist/index.cjs

@@ -336,6 +336,7 @@ function resolveCssVarsInTheme(theme, container) {
     drawing: resolveDrawingThemeVars(theme.drawing, resolve)
   };
   container.removeChild(tmp);
+  tmp.remove();
   return result;
 }
 function resolveDrawingThemeVars(drawing, resolve) {
@@ -744,6 +745,7 @@ var DEFAULT_LABELS = {
     showPositionsTitle: "Show positions on chart \xB7 drag handle to move \xB7 double-click to reset",
     hidePositionsTitle: "Hide positions on chart \xB7 drag handle to move \xB7 double-click to reset",
     bulkLevelsTitle: "Set SL \xB7 TP \xB7 TSL on all {count} {symbol} positions",
+    bulkLevelsMixedTitle: "Bulk levels need all {count} {symbol} positions in one direction",
     closeAllTitle: "Close all {symbol} positions"
   },
   topBar: {
@@ -932,7 +934,9 @@ var DEFAULT_LABELS = {
     actionTsl: "TSL",
     actionCloseTitle: "Close",
     directionAbove: "Above",
-    directionBelow: "Below"
+    directionBelow: "Below",
+    actionBulkNoPositionsTitle: "No open {symbol} positions",
+    actionBulkMixedTitle: "Bulk levels need all {symbol} positions in one direction"
   },
   dialogs: {
     settings: {
@@ -4426,7 +4430,8 @@ function withAlpha4(color, alpha) {
   }
   const rgb = /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i.exec(c);
   if (rgb) return `rgba(${rgb[1]}, ${rgb[2]}, ${rgb[3]}, ${alpha})`;
-  return c;
+  const pct = Math.round(Math.min(1, Math.max(0, alpha)) * 100);
+  return `color-mix(in srgb, ${c} ${pct}%, transparent)`;
 }
 
 // src/ui/keyboardAware.ts
@@ -5426,6 +5431,14 @@ var TopBar = class {
 };
 
 // src/ui/AdvancedToolbar.ts
+function resolveToolbarTheme(theme) {
+  if (typeof document === "undefined" || !document.body) return theme;
+  try {
+    return resolveCssVarsInTheme(theme, document.body);
+  } catch {
+    return theme;
+  }
+}
 var TF_PILLS = ["1m", "5m", "15m", "1h", "4h", "1D", "1W"];
 var TF_PILLS_COMPACT = ["1m", "5m", "15m", "1h", "4h", "1D"];
 var TF_MORE = ["30m", "2h", "8h", "1W", "1M"];
@@ -5584,6 +5597,7 @@ var AdvancedToolbar = class {
     this.priceSourceOptions = [];
     this.currentPriceSource = "bid";
     this.openFlyout = null;
+    theme = resolveToolbarTheme(theme);
     this.theme = theme;
     this.overflowMenu = overflowMenu;
     this.showSnapshotItem = showSnapshotBtn;
@@ -5923,6 +5937,7 @@ var AdvancedToolbar = class {
     this.volHasData = hasVol;
   }
   setTheme(theme) {
+    theme = resolveToolbarTheme(theme);
     this.theme = theme;
     this.applyBarStyles(theme);
     this.applyFlyoutStyles(theme);
@@ -18266,18 +18281,22 @@ function summarisePositionLevels(levels, draftLabel = null) {
   const positions = [];
   let pnl = 0;
   let hasPnl2 = false;
+  let buys = 0;
+  let sells = 0;
   for (const level of levels) {
     if (level.type !== "position") continue;
     const position = level;
     if (position.entryPriceEditable) continue;
     if (draftLabel !== null && position.label === draftLabel) continue;
     positions.push(position);
+    if (position.side === "buy") buys++;
+    else if (position.side === "sell") sells++;
     if (typeof position.pnl === "number" && Number.isFinite(position.pnl)) {
       pnl += position.pnl;
       hasPnl2 = true;
     }
   }
-  return { count: positions.length, pnl, hasPnl: hasPnl2, positions };
+  return { count: positions.length, pnl, hasPnl: hasPnl2, positions, buys, sells, mixed: buys > 0 && sells > 0 };
 }
 function formatPnlPillValue(pnl, currency) {
   const amount = Math.abs(pnl).toFixed(2);
@@ -18310,6 +18329,8 @@ var PnlPill = class {
     this.lastSummary = null;
     this.count = 0;
     this.symbol = "";
+    /** Buys and sells both open — ◎ is greyed out, one price cannot suit both. */
+    this.mixed = false;
     this.pnlTone = "none";
     /** Set once the user has dragged; null means the default top-right spot. */
     this.pos = null;
@@ -18484,6 +18505,7 @@ var PnlPill = class {
   update(summary, symbol = "") {
     this.count = summary.count;
     this.symbol = symbol;
+    this.mixed = summary.mixed;
     this.lastSummary = summary;
     if (summary.count === 0 || this.userHidden) {
       this.el.style.display = "none";
@@ -18581,9 +18603,12 @@ var PnlPill = class {
   }
   applyTitles() {
     this.el.title = this.fill(this.expanded ? this.labels.hidePositionsTitle : this.labels.showPositionsTitle);
-    const bulk = this.fill(this.labels.bulkLevelsTitle);
+    const bulk = this.fill(this.mixed ? this.labels.bulkLevelsMixedTitle : this.labels.bulkLevelsTitle);
     this.toggleBtn.title = bulk;
     this.toggleBtn.setAttribute("aria-label", bulk);
+    this.toggleBtn.disabled = this.mixed;
+    this.toggleBtn.setAttribute("aria-disabled", String(this.mixed));
+    this.applyToggleColor();
     const closeAll = this.fill(this.labels.closeAllTitle);
     this.closeBtn.title = closeAll;
     this.closeBtn.setAttribute("aria-label", closeAll);
@@ -18619,9 +18644,10 @@ var PnlPill = class {
     const t = this.theme;
     Object.assign(this.toggleBtn.style, {
       color: t.ui.accent,
-      background: withAlpha4(t.ui.accent, this.toggleHover ? 0.2 : 0.12),
+      background: withAlpha4(t.ui.accent, this.toggleHover && !this.mixed ? 0.2 : 0.12),
       border: "1px solid transparent",
-      opacity: "1"
+      opacity: this.mixed ? "0.4" : "1",
+      cursor: this.mixed ? "not-allowed" : "pointer"
     });
   }
   /* border-yellow-500/60, hover border-yellow-400 + bg-yellow-500/15; the ✕ is yellow-500. */
@@ -18839,6 +18865,7 @@ var TradeActionBar = class {
     const wasVisible = this.isVisible;
     this.price = price;
     if (ctx) this.ctx = ctx;
+    this.applyBulkAvailability();
     this.closeSubmenu();
     this.el.style.display = "block";
     this.el.style.right = `${right}px`;
@@ -18897,11 +18924,34 @@ var TradeActionBar = class {
     this.applyCloseColor();
   }
   /* Alert amber · Pending foreground/85 → primary on hover · SL/TSL negative · TP positive. */
+  /*
+   * SL / TP / TSL act on every open position of the symbol. With none there is
+   * nothing to act on; with buys AND sells open, one stop or target price would
+   * have to sit below the market for one side and above it for the other, so the
+   * host's dialog could never accept it. Both states grey the chips out and say why.
+   */
+  applyBulkAvailability() {
+    const count = this.ctx.positionCount;
+    const mixed = this.ctx.mixedSides === true;
+    const unavailable = count === 0 || mixed;
+    const symbol = this.ctx.symbol ?? "";
+    const title = !unavailable ? "" : (count === 0 ? this.labels.actionBulkNoPositionsTitle : this.labels.actionBulkMixedTitle).replace(/\{symbol\}/g, symbol);
+    for (const kind of ["sl", "tp", "tsl"]) {
+      const btn = this.chips.get(kind);
+      if (!btn) continue;
+      btn.disabled = unavailable;
+      btn.setAttribute("aria-disabled", String(unavailable));
+      btn.title = title;
+      btn.style.opacity = unavailable ? "0.4" : "1";
+      btn.style.cursor = unavailable ? "not-allowed" : "pointer";
+      this.applyChipColor(kind);
+    }
+  }
   applyChipColor(kind) {
     const btn = this.chips.get(kind);
     if (!btn) return;
     const t = this.theme;
-    const hover = this.hovered === kind;
+    const hover = this.hovered === kind && !btn.disabled;
     let color;
     let hoverBg;
     switch (kind) {
@@ -26897,10 +26947,14 @@ var _ChartEngine = class _ChartEngine {
             const { price, y } = this._tradeButtonClickData;
             if (this.tradeActionBar) {
               this.tradePopover.hide();
+              const positions = summarisePositionLevels(this.levels, this.draftOrderLabel);
               this.tradeActionBar.show(price, y, btnRight, {
                 pricePrecision: this.dataStore.getPricePrecision(),
                 buyOrderType: this._orderTypeForPrice("buy", price),
-                sellOrderType: this._orderTypeForPrice("sell", price)
+                sellOrderType: this._orderTypeForPrice("sell", price),
+                symbol: this.symbol,
+                positionCount: positions.count,
+                mixedSides: positions.mixed
               });
               return;
             }
@@ -27816,6 +27870,7 @@ var _ChartEngine = class _ChartEngine {
       onToggleExpand: () => this.togglePnlPillExpanded(),
       // ◎ hands every open position on the symbol to the host's Bulk Levels dialog.
       onBulkLevels: () => {
+        if (summarisePositionLevels(this.levels, this.draftOrderLabel).mixed) return;
         this.emitter.emit("bulkLevelsRequested", {
           kind: "sl",
           price: null,