acttrader-charts 1.1.0 → 1.1.1

package/README.md

@@ -287,6 +287,7 @@ When `enableTrading` is on and live BID/ASK data is streaming, hovering / activa
 | `tradeDisplayFilter` | | `"all"` | Which TFC levels are visible: `"all"` · `"positions"` · `"orders"` · `"none"` |
 | `positionRenderStyle` | | auto | Force position render style: `"line"` or `"dot"` |
 | `hideLevelConfirmCancel` | | `false` | Hide on-canvas ✓/✗ confirm-cancel buttons for TFC level edits |
+| `deselectActiveOnOutsideClick` | | `false` | When `true`, clicking/tapping anywhere outside a selected trade level dismisses it (reverting any pending edits, mirroring ✗ Cancel). Default `false` keeps the level active so incidental clicks — price-axis resize, taps outside the QTY input — don't drop an in-progress edit. The level can still be dismissed via ✓/✗, tapping the level again, or `setLevels()` removing it |
 | `showTradeLevelsAlways` | | `false` | Always render SL/TP bracket lines + price pills, even when the parent level is not hovered or selected. The close (×) button stays hover-only so the chart isn't cluttered. Toggleable from the Settings dialog (Trading tab). Persisted in `localStorage`. |
 | `tradeLevelButtonScale` | | `1` | Multiplier for trade-level Confirm/Cancel/Edit/Close button radii and gaps. Scales visuals **and** hit/drag areas together — raise it on touch devices for larger tap targets. Clamped to `[1, 3]`. Also settable at runtime via `chart.setTradeLevelButtonScale(scale)` |
 | `tfcEnabled` | | `true` | Enable the TFC toggle button in the top bar. When `false`, TFC is completely disabled — the toggle button is hidden and all trade levels, draft orders, and the floating trade button are suppressed |

package/dist/{MACD-BgCuLbX_.d.cts → MACD-Dqi682ei.d.cts}

@@ -879,6 +879,17 @@ interface ChartConfig {
      * Default: `false`.
      */
     hideLevelConfirmCancel?: boolean;
+    /**
+     * When `true`, clicking or tapping anywhere outside a selected/active trade
+     * level dismisses it (reverting any pending edits, mirroring ✗ Cancel).
+     * When `false` (default), the active level is preserved across outside
+     * clicks — only explicit ✓ / ✗ buttons, tapping the level itself, or
+     * `setLevels()` removing it will dismiss it. Recommended `false` so
+     * incidental clicks (e.g. price-axis resize, tapping outside the QTY input)
+     * don't drop the user's in-progress edit.
+     * Default: `false`.
+     */
+    deselectActiveOnOutsideClick?: boolean;
     /**
      * Always render SL/TP bracket lines + price pills, even when the parent
      * trade level is not hovered or selected. Close (×) buttons remain

package/dist/{MACD-BgCuLbX_.d.ts → MACD-Dqi682ei.d.ts}

@@ -879,6 +879,17 @@ interface ChartConfig {
      * Default: `false`.
      */
     hideLevelConfirmCancel?: boolean;
+    /**
+     * When `true`, clicking or tapping anywhere outside a selected/active trade
+     * level dismisses it (reverting any pending edits, mirroring ✗ Cancel).
+     * When `false` (default), the active level is preserved across outside
+     * clicks — only explicit ✓ / ✗ buttons, tapping the level itself, or
+     * `setLevels()` removing it will dismiss it. Recommended `false` so
+     * incidental clicks (e.g. price-axis resize, tapping outside the QTY input)
+     * don't drop the user's in-progress edit.
+     * Default: `false`.
+     */
+    deselectActiveOnOutsideClick?: boolean;
     /**
      * Always render SL/TP bracket lines + price pills, even when the parent
      * trade level is not hovered or selected. Close (×) buttons remain

package/dist/index.cjs

@@ -18693,6 +18693,7 @@ var _ChartEngine = class _ChartEngine {
     this.showBidAskLines = false;
     this.showActLogo = false;
     this.hideLevelConfirmCancel = false;
+    this.deselectActiveOnOutsideClick = false;
     this.tradeLevelButtonScale = 1;
     this.levelClusteringEnabled = true;
     this.clusterThresholdDistance = 20;
@@ -19662,7 +19663,7 @@ var _ChartEngine = class _ChartEngine {
         }
         return;
       } else if (this.selectedTradeLabel !== null) {
-        if (!this.hideLevelConfirmCancel) {
+        if (!this.hideLevelConfirmCancel && this.deselectActiveOnOutsideClick) {
           const lbl = this.selectedTradeLabel;
           const pending = this.pendingLevelDrags.get(lbl);
           if (!pending || pending.length === 0) {
@@ -19952,6 +19953,7 @@ var _ChartEngine = class _ChartEngine {
     this.showBidAskLines = config.showBidAskLines ?? false;
     this.showActLogo = config.showActLogo ?? false;
     this.hideLevelConfirmCancel = config.hideLevelConfirmCancel ?? false;
+    this.deselectActiveOnOutsideClick = config.deselectActiveOnOutsideClick ?? false;
     this.tradeLevelButtonScale = Math.min(Math.max(config.tradeLevelButtonScale ?? 1, 1), 3);
     this.levelClusteringEnabled = config.levelClusteringEnabled ?? true;
     this.clusterThresholdDistance = config.clusterThresholdDistance ?? 20;