acttrader-charts 1.0.18 → 1.0.20

package/README.md

@@ -177,6 +177,8 @@ chart.setLevels([], 'label', 'price', 'pending'); // clear all of one type
 
 **Brackets follow entry on drag:** when the entry line of a pending order, draft order, or an open position with `entryPriceEditable: true` is dragged, any existing `stopLossPrice` / `takeProfitPrice` brackets translate along with it by the same price delta. The distance between entry and each bracket is whatever the user currently sees — if they manually drag SL or TP to a new price, that new distance becomes the anchor for the next entry drag. Missing brackets aren't auto-created. On confirm, `tradeLevelEdit` carries all translated fields together in one `changes[]` array; on mobile (`hideLevelConfirmCancel`) the three changes are applied as one atomic event.
 
+**Bracket pill auto-offset:** when an SL or TP price sits within about one pill-height of the entry price, the bracket's label pill is pushed vertically away from the entry pill and connected back to its real price line by a dashed leader. The horizontal bracket line itself stays at the true price; only the pill and its `×` button move, and drag targets follow the displaced pill — so grabbing the pill always drags the bracket, grabbing the entry pill always drags the entry, and grabbing the real bracket line still drags the bracket. Works for both buy and sell orders without configuration.
+
 **TFC events:**
 
 ```ts
@@ -204,6 +206,14 @@ chart.on('tradeLevelClose', ({ label, type, action, isFullscreen }) => {
 chart.on('tradeLevelDrag', ({ label, newPrice, bracketType, isFullscreen }) => {
     updatePricePreview(label, newPrice);
 });
+
+// Live qty while the user edits the QTY pill flyout — fires before the level edit is
+// confirmed, so host-side Estimated PNL for SL/TP brackets can recompute immediately
+// instead of waiting for `tradeLevelEdit` at ✓ confirm. `type` is `'draft'` for draft
+// orders, otherwise the parent level's type.
+chart.on('tradeLevelQtyChange', ({ label, type, newLots, previousLots }) => {
+    updateEstimatedPnl(label, newLots);
+});
 ```
 
 **Off-viewport level indicators:**
@@ -784,8 +794,10 @@ chart.on('stateChange',    ({ symbol, state }) => {
 chart.on('tradeLevelEdit',     ({ label, type, data, changes, isFullscreen }) => {});
 chart.on('tradeLevelClose',    ({ label, type, action, data, isFullscreen }) => {});
 chart.on('tradeLevelDrag',     ({ label, newPrice, data, bracketType, isFullscreen }) => {}); // fires on every mouse-move during drag
+chart.on('tradeLevelQtyChange', ({ label, type, newLots, previousLots, isFullscreen }) => {}); // live qty edit via QTY pill — use to refresh Estimated PNL on SL/TP brackets
 chart.on('tradeLevelEditOpen', ({ label, type, price, side, stopLossPrice, takeProfitPrice, data, isFullscreen }) => {});
 chart.on('tradeLevelConfirmed',({ label, type, isFullscreen }) => {});
+chart.on('tradeLevelEditCancelled', ({ label, type, isFullscreen }) => {}); // ESC / inline ✕ aborted an edit — reset external modify-order panel
 chart.on('draftInitiated',     ({ side, price, orderType, isFullscreen }) => {}); // new draft order shown — open buy/sell form
 chart.on('draftCancelled',     ({ label, isFullscreen }) => {}); // draft order dismissed without confirming
 chart.on('tfcToggle',         ({ enabled }) => {}); // TFC toggled on or off via top bar button or setTfcActive()

package/dist/{MACD-CjgSMwdG.d.cts → MACD-BDbBplVs.d.cts}

@@ -257,6 +257,8 @@ interface TradeLabels {
     stop: string;
     /** Market order type label. */
     market: string;
+    /** Separator word between order descriptor and price (e.g. "at"). */
+    at: string;
     /** Quantity input label in the draft-order input. */
     qty: string;
     /** Tooltip on the floating trade button (⊕). */
@@ -397,6 +399,10 @@ interface IndicatorOverlayColors {
 }
 /** Colors for trade/position horizontal level lines. */
 interface TradeLevelColors {
+    /** Solid accent color for buy-side UI elements (popover text, button, icon). */
+    buySide: string;
+    /** Solid accent color for sell-side UI elements (popover text, button, icon). */
+    sellSide: string;
     /** Line + box border color for open executed trades. */
     tradeLine: string;
     /** Line + box border color for open positions. */
@@ -1126,6 +1132,14 @@ type ChartEventMap = {
         type: TradeLevelType | 'draft';
         isFullscreen: boolean;
     };
+    /** Emitted when an in-progress level edit is cancelled from the chart (ESC key or inline ✕ cancel button).
+     *  Mirrors `tradeLevelConfirmed` but for the revert path. Not fired for draft orders (those emit `draftCancelled`).
+     *  External panels listen to reset their modify-order form when the user aborts the edit from the chart side. */
+    tradeLevelEditCancelled: {
+        label: string;
+        type: TradeLevelType;
+        isFullscreen: boolean;
+    };
     /** Emitted when a draft order is cancelled (Escape, ✕ button, or external revert). */
     draftCancelled: {
         label: string;
@@ -1173,6 +1187,19 @@ type ChartEventMap = {
     uiStateChange: {
         hasOpenUI: boolean;
     };
+    /** Emitted live while the user edits lot qty via the QTY pill flyout, before the
+     *  level edit is confirmed. Use this to recompute qty-derived UI (e.g. Estimated
+     *  PNL on SL/TP brackets) in real time. Final committed qty still arrives on
+     *  `tradeLevelEdit.newLots` at ✓ confirm (or immediately for draft orders).
+     *  `type` is `'draft'` for the in-progress draft order, otherwise the parent level's type.
+     *  `previousLots` is the qty at edit-session start (useful for revert-aware previews). */
+    tradeLevelQtyChange: {
+        label: string;
+        type: TradeLevelType | 'draft';
+        newLots: number;
+        previousLots: number;
+        isFullscreen: boolean;
+    };
     /** Emitted when the user confirms all edits to a level — replaces separate tradeLevelDragEnd / tradeLevelBracketDrag events. */
     tradeLevelEdit: {
         label: string;

package/dist/{MACD-CjgSMwdG.d.ts → MACD-BDbBplVs.d.ts}

@@ -257,6 +257,8 @@ interface TradeLabels {
     stop: string;
     /** Market order type label. */
     market: string;
+    /** Separator word between order descriptor and price (e.g. "at"). */
+    at: string;
     /** Quantity input label in the draft-order input. */
     qty: string;
     /** Tooltip on the floating trade button (⊕). */
@@ -397,6 +399,10 @@ interface IndicatorOverlayColors {
 }
 /** Colors for trade/position horizontal level lines. */
 interface TradeLevelColors {
+    /** Solid accent color for buy-side UI elements (popover text, button, icon). */
+    buySide: string;
+    /** Solid accent color for sell-side UI elements (popover text, button, icon). */
+    sellSide: string;
     /** Line + box border color for open executed trades. */
     tradeLine: string;
     /** Line + box border color for open positions. */
@@ -1126,6 +1132,14 @@ type ChartEventMap = {
         type: TradeLevelType | 'draft';
         isFullscreen: boolean;
     };
+    /** Emitted when an in-progress level edit is cancelled from the chart (ESC key or inline ✕ cancel button).
+     *  Mirrors `tradeLevelConfirmed` but for the revert path. Not fired for draft orders (those emit `draftCancelled`).
+     *  External panels listen to reset their modify-order form when the user aborts the edit from the chart side. */
+    tradeLevelEditCancelled: {
+        label: string;
+        type: TradeLevelType;
+        isFullscreen: boolean;
+    };
     /** Emitted when a draft order is cancelled (Escape, ✕ button, or external revert). */
     draftCancelled: {
         label: string;
@@ -1173,6 +1187,19 @@ type ChartEventMap = {
     uiStateChange: {
         hasOpenUI: boolean;
     };
+    /** Emitted live while the user edits lot qty via the QTY pill flyout, before the
+     *  level edit is confirmed. Use this to recompute qty-derived UI (e.g. Estimated
+     *  PNL on SL/TP brackets) in real time. Final committed qty still arrives on
+     *  `tradeLevelEdit.newLots` at ✓ confirm (or immediately for draft orders).
+     *  `type` is `'draft'` for the in-progress draft order, otherwise the parent level's type.
+     *  `previousLots` is the qty at edit-session start (useful for revert-aware previews). */
+    tradeLevelQtyChange: {
+        label: string;
+        type: TradeLevelType | 'draft';
+        newLots: number;
+        previousLots: number;
+        isFullscreen: boolean;
+    };
     /** Emitted when the user confirms all edits to a level — replaces separate tradeLevelDragEnd / tradeLevelBracketDrag events. */
     tradeLevelEdit: {
         label: string;