acttrader-charts 1.0.8 → 1.0.10

package/README.md

@@ -194,6 +194,18 @@ chart.on('tradeLevelDrag', ({ label, newPrice, bracketType, isFullscreen }) => {
 | `buy`  | must stay ≤ order price | must stay ≥ order price |
 | `sell` | must stay ≥ order price | must stay ≤ order price |
 
+**Mobile mode — `hideLevelConfirmCancel: true`:**
+
+When the on-canvas ✓/✗ buttons are hidden (mobile native UI), the chart adapts its interaction model:
+
+- **Tap a trade level line** → `tradeLevelEditOpen` fires immediately (the whole line acts as the edit button; no pencil icon required).
+- **Tap empty canvas area while a level is selected** → edit is dismissed and any pending drag changes are reverted (equivalent to pressing ✗).
+- **Drag a SL/TP bracket and release** → `tradeLevelEdit` fires automatically without needing a ✓ button tap.
+
+**Market orders — BID/ASK spread zone:**
+
+When `enableTrading` is on and live BID/ASK data is streaming, hovering / activating the trade crosshair button while the cursor price is inside the spread shows **"Buy Market"** and **"Sell Market"** rows instead of the standard Limit/Stop rows. Tapping either row calls `showMarketDraft()` internally and emits `draftInitiated` with `orderType: 'market'`.
+
 ---
 
 ## Default Configuration
@@ -484,6 +496,8 @@ chart.setDrawingTool(tool: DrawingToolType | null): this
 chart.setLevels(levels, labelField, priceField, type): this
 chart.removeLevelByLabel(label: string): this
 chart.cancelCurrentEdit(): this   // cancel the active draft order or in-progress level edit; no-op when nothing is active
+chart.addLevelBracket(label: string, bracketType: 'sl' | 'tp'): this   // auto-place a SL or TP bracket at a default offset; emits tradeLevelBracketActivated with the computed price
+chart.setDraftBracketPnl(bracketType: 'sl' | 'tp', pnlText: string | null): this   // set estimated P&L text on a draft order bracket line; pass null to clear
 ```
 
 ### Trade Button
@@ -662,6 +676,12 @@ chart.on('draftInitiated',     ({ side, price, orderType, isFullscreen }) => {})
 chart.on('draftCancelled',     ({ label, isFullscreen }) => {}); // draft order dismissed without confirming
 chart.on('tradeLevelDragEnd',  ({ label, type, newPrice, data }) => {}); // deprecated — use tradeLevelEdit
 chart.on('tradeLevelBracketDrag', ({ label, bracketType, newPrice, data }) => {}); // deprecated
+
+// Fires after addLevelBracket() auto-places a bracket, delivering the computed price back to the caller
+chart.on('tradeLevelBracketActivated', ({ label, bracketType, price, isFullscreen }) => {
+    // Use price to pre-populate the SL/TP input field in your native form
+    updateBracketPriceInput(bracketType, price);
+});
 ```
 
 ---

package/dist/{MACD-CHD5mG7r.d.cts → MACD-D8wk8S7g.d.cts}

@@ -488,7 +488,7 @@ interface PriceRange {
 }
 type SeriesType = "candlestick" | "hollow" | "line" | "area" | "ohlc" | "heikinashi" | "volumecandles" | "linemarkers" | "step" | "hlcarea" | "baseline" | "columns" | "highlow";
 type Theme = "dark" | "light";
-type Timeframe = "1m" | "5m" | "15m" | "30m" | "1h" | "4h" | "1D" | "1W" | "1M" | "1Y";
+type Timeframe = "1m" | "5m" | "15m" | "30m" | "1h" | "2h" | "4h" | "8h" | "1D" | "1W" | "1M";
 type Duration = "1D" | "5D" | "1M" | "3M" | "6M" | "1Y" | "5Y" | "All";
 interface Padding {
     top: number;
@@ -518,6 +518,8 @@ interface ChartConfig {
     showUI?: boolean;
     /** If false, the drawing tools toolbar and pencil button are hidden entirely. Default: true */
     showDrawingTools?: boolean;
+    /** If false, the settings gear button in the top bar is hidden entirely. Default: true */
+    showSettings?: boolean;
     timeframe?: Timeframe;
     duration?: Duration;
     symbol?: string;
@@ -532,12 +534,8 @@ interface ChartConfig {
      */
     onSymbolClick?: (symbol: string) => void;
     padding?: Partial<Padding>;
-    /** Minimum (and default) lot size shown in the trade popover and pre-filled in the draft order qty input (default: 1) */
-    minLots?: number;
     /** Called when user submits an order via the floating trade button */
     onOrderSubmit?: (order: OrderSubmit) => void;
-    /** Called when the user changes the qty input on a draft order. Use to sync external order panels. */
-    onLotsChange?: (lots: number) => void;
     /** @deprecated Use onLevelEdit which delivers all changes in one event. */
     onLevelDragEnd?: (payload: {
         label: string;
@@ -740,11 +738,10 @@ interface ChartConfig {
      */
     hideLevelConfirmCancel?: boolean;
     /**
-     * Hide the floating Qty input overlay shown on draft orders.
-     * Use when the host app manages lot-size entry natively.
-     * Default: `false`.
+     * When `true`, a theme toggle (Dark / Light) is shown in the Settings dialog.
+     * Default: `false` — the toggle is hidden.
      */
-    hideQtyButton?: boolean;
+    enableThemeToggle?: boolean;
 }
 interface IndicatorResult {
     index: number;
@@ -986,6 +983,13 @@ type ChartEventMap = {
         openingBar: OHLCVBar;
         intervalMs: number;
     };
+    /** Emitted after addLevelBracket() / addBracket() auto-places a SL or TP bracket so consumers can populate their form's price field. label is an empty string when the bracket was placed on a draft order (no external ID yet). */
+    tradeLevelBracketActivated: {
+        label: string;
+        bracketType: 'sl' | 'tp';
+        price: number;
+        isFullscreen: boolean;
+    };
     /** Emitted when the user confirms all edits to a level — replaces separate tradeLevelDragEnd / tradeLevelBracketDrag events. */
     tradeLevelEdit: {
         label: string;

package/dist/{MACD-CHD5mG7r.d.ts → MACD-D8wk8S7g.d.ts}

@@ -488,7 +488,7 @@ interface PriceRange {
 }
 type SeriesType = "candlestick" | "hollow" | "line" | "area" | "ohlc" | "heikinashi" | "volumecandles" | "linemarkers" | "step" | "hlcarea" | "baseline" | "columns" | "highlow";
 type Theme = "dark" | "light";
-type Timeframe = "1m" | "5m" | "15m" | "30m" | "1h" | "4h" | "1D" | "1W" | "1M" | "1Y";
+type Timeframe = "1m" | "5m" | "15m" | "30m" | "1h" | "2h" | "4h" | "8h" | "1D" | "1W" | "1M";
 type Duration = "1D" | "5D" | "1M" | "3M" | "6M" | "1Y" | "5Y" | "All";
 interface Padding {
     top: number;
@@ -518,6 +518,8 @@ interface ChartConfig {
     showUI?: boolean;
     /** If false, the drawing tools toolbar and pencil button are hidden entirely. Default: true */
     showDrawingTools?: boolean;
+    /** If false, the settings gear button in the top bar is hidden entirely. Default: true */
+    showSettings?: boolean;
     timeframe?: Timeframe;
     duration?: Duration;
     symbol?: string;
@@ -532,12 +534,8 @@ interface ChartConfig {
      */
     onSymbolClick?: (symbol: string) => void;
     padding?: Partial<Padding>;
-    /** Minimum (and default) lot size shown in the trade popover and pre-filled in the draft order qty input (default: 1) */
-    minLots?: number;
     /** Called when user submits an order via the floating trade button */
     onOrderSubmit?: (order: OrderSubmit) => void;
-    /** Called when the user changes the qty input on a draft order. Use to sync external order panels. */
-    onLotsChange?: (lots: number) => void;
     /** @deprecated Use onLevelEdit which delivers all changes in one event. */
     onLevelDragEnd?: (payload: {
         label: string;
@@ -740,11 +738,10 @@ interface ChartConfig {
      */
     hideLevelConfirmCancel?: boolean;
     /**
-     * Hide the floating Qty input overlay shown on draft orders.
-     * Use when the host app manages lot-size entry natively.
-     * Default: `false`.
+     * When `true`, a theme toggle (Dark / Light) is shown in the Settings dialog.
+     * Default: `false` — the toggle is hidden.
      */
-    hideQtyButton?: boolean;
+    enableThemeToggle?: boolean;
 }
 interface IndicatorResult {
     index: number;
@@ -986,6 +983,13 @@ type ChartEventMap = {
         openingBar: OHLCVBar;
         intervalMs: number;
     };
+    /** Emitted after addLevelBracket() / addBracket() auto-places a SL or TP bracket so consumers can populate their form's price field. label is an empty string when the bracket was placed on a draft order (no external ID yet). */
+    tradeLevelBracketActivated: {
+        label: string;
+        bracketType: 'sl' | 'tp';
+        price: number;
+        isFullscreen: boolean;
+    };
     /** Emitted when the user confirms all edits to a level — replaces separate tradeLevelDragEnd / tradeLevelBracketDrag events. */
     tradeLevelEdit: {
         label: string;

package/dist/{chunk-X6OSI4P2.js → chunk-3H3T5S77.js}

@@ -374,32 +374,21 @@ var KeltnerChannels = class {
         Math.abs(bar.low - data[i - 1].close)
       );
       if (atr === null) {
-        if (i < this.atrPeriod) {
-          results.pop();
-          results.push({ index: i, value: null, upper: null, lower: null });
-          if (i === this.atrPeriod - 1) {
-            let trSum = 0;
-            for (let j = 0; j < this.atrPeriod; j++) {
-              const b = data[i - j];
-              const prev = data[i - j - 1];
-              const trj = j === i ? b.high - b.low : Math.max(
-                b.high - b.low,
-                Math.abs(b.high - prev.close),
-                Math.abs(b.low - prev.close)
-              );
-              trSum += trj;
-            }
-            atr = trSum / this.atrPeriod;
-          }
-          continue;
+        let trSum = 0;
+        for (let j = 0; j < this.atrPeriod; j++) {
+          const b = data[i - j];
+          const prev = i - j > 0 ? data[i - j - 1] : null;
+          const trj = prev == null ? b.high - b.low : Math.max(
+            b.high - b.low,
+            Math.abs(b.high - prev.close),
+            Math.abs(b.low - prev.close)
+          );
+          trSum += trj;
         }
+        atr = trSum / this.atrPeriod;
       } else {
         atr = (atr * (this.atrPeriod - 1) + tr) / this.atrPeriod;
       }
-      if (atr === null) {
-        results.push({ index: i, value: null, upper: null, lower: null });
-        continue;
-      }
       const upper = ema + this.mult * atr;
       const lower = ema - this.mult * atr;
       results.push({ index: i, value: ema, upper, lower });
@@ -2519,5 +2508,5 @@ var LinearRegression = class {
 };
 
 export { ADX, ATR, AccDistribution, AwesomeOscillator, BollingerBands, CCI, CMF, DonchianChannels, EMA, FibRetracementIndicator, HMA, HeikinAshi, IchimokuCloud, KeltnerChannels, LinearRegression, MACD, MARibbon, MFI, OBV, ParabolicSAR, PivotPoints, ROC, RSI, SMA, StochRSI, Stochastic, Supertrend, VOL, VWAP, WMA, WilliamsR };
-//# sourceMappingURL=chunk-X6OSI4P2.js.map
-//# sourceMappingURL=chunk-X6OSI4P2.js.map
+//# sourceMappingURL=chunk-3H3T5S77.js.map
+//# sourceMappingURL=chunk-3H3T5S77.js.map