@luxalgo/vela 0.5.2 → 0.5.3

package/dist/widget.cjs

@@ -14014,7 +14014,7 @@ var TOUCH_TAP_SLOP = 14;
 var DOUBLE_TAP_MS = 350;
 var DOUBLE_TAP_SLOP = 30;
 var TIME_SCALE_K = 4e-3;
-var WHEEL_ZOOM_K = 25e-4;
+var WHEEL_ZOOM_K = 4e-3;
 function wheelZoomAnchor(coords, cursorX, rightEdge) {
   if (rightEdge) return { logical: coords.rightEdgeLogical, x: coords.width };
   return { logical: coords.xToLogical(cursorX), x: cursorX };
@@ -14068,6 +14068,8 @@ var InputController = class {
     // smoothed pointer velocity, px/ms
     this.middleDeleted = false;
     // the last middle press deleted a drawing (suppress autoscroll/paste)
+    this.rightCancelled = false;
+    // the last right press cancelled a placement (suppress the context menu)
     // Last cursor position over the element (NaN once it leaves) — lets a modifier
     // press/release re-shape the drawings preview with the pointer stationary.
     this.cursorX = NaN;
@@ -14092,6 +14094,14 @@ var InputController = class {
     this.onMiddleGuard = (e) => {
       if (e.button === 1 && this.middleDeleted) e.preventDefault();
     };
+    /** A right press that cancelled a placement must not ALSO open the host's chart
+     *  context menu — swallow its companion event before it bubbles to the host. */
+    this.onContextGuard = (e) => {
+      if (!this.rightCancelled) return;
+      this.rightCancelled = false;
+      e.preventDefault();
+      e.stopPropagation();
+    };
     /** A modifier press/release with the pointer stationary: re-issue the last cursor
      *  position so the placing ghost / drag preview reflects the new state immediately
      *  (Shift's 45° angle lock, Ctrl/Cmd's momentary strong magnet). */
@@ -14108,6 +14118,11 @@ var InputController = class {
         if (this.middleDeleted) e.preventDefault();
         return;
       }
+      if (e.button === 2) {
+        this.rightCancelled = this.deps.drawingsCancelPlacement?.() ?? false;
+        if (this.rightCancelled) e.preventDefault();
+        return;
+      }
       if (e.button !== 0) return;
       const { x, y } = this.local(e);
       if (e.pointerType === "touch") {
@@ -14312,6 +14327,7 @@ var InputController = class {
     el.addEventListener("wheel", this.onWheel, { passive: false });
     el.addEventListener("mousedown", this.onMiddleGuard);
     el.addEventListener("auxclick", this.onMiddleGuard);
+    el.addEventListener("contextmenu", this.onContextGuard);
     const win = el.ownerDocument?.defaultView;
     win?.addEventListener("keydown", this.onModifier);
     win?.addEventListener("keyup", this.onModifier);
@@ -14333,6 +14349,7 @@ var InputController = class {
     el.removeEventListener("wheel", this.onWheel);
     el.removeEventListener("mousedown", this.onMiddleGuard);
     el.removeEventListener("auxclick", this.onMiddleGuard);
+    el.removeEventListener("contextmenu", this.onContextGuard);
     this.cancelLongPress();
     this.touches.clear();
     this.el = null;
@@ -16005,8 +16022,11 @@ var ChromeRenderer = class {
     }
     ctx.font = `${scene.style.fontSize}px ${theme.fontFamily}`;
     ctx.textBaseline = "middle";
-    if (coords.barCount === 0) return;
     const panes = scene.orderedPanes();
+    if (coords.barCount === 0) {
+      this.drawPaneSeparators(ctx, scene, theme, fullW, panes);
+      return;
+    }
     const pricePane = panes.find((p) => p.kind === "price") ?? null;
     for (const pane of panes) {
       if (pane.collapsed) continue;
@@ -22168,6 +22188,16 @@ var UserDrawingController = class {
     if (this.eraserMode) return "pointer";
     return this.interaction.cursorAt(x, y);
   }
+  /** Right-click while placing: cancel the in-progress drawing and revert to the
+   *  pointer — the gesture is an explicit escape, so it disarms even in
+   *  stay-in-drawing-mode (where Escape would leave the tool armed). Returns whether
+   *  the press was consumed; false lets the host's context menu open normally. */
+  cancelPlacement() {
+    if (!this.interaction.isPlacing()) return false;
+    this.interaction.cancel();
+    if (this.activeTool != null) this.emit({ kind: "arm", type: null });
+    return true;
+  }
   /** Double-click over a drawing → suppress the chart's view reset (single-click already
    *  opens settings). Returns true only when a drawing is under the cursor. */
   dblClick(x, y) {
@@ -22652,6 +22682,20 @@ var VolumeRenderer = class {
 };
 
 // src/renderers/native/layers.ts
+function foldBaseModulation(acc, next) {
+  if (next == null) return acc;
+  if (acc == null) return { ...next };
+  return {
+    candleBodyScale: minOpt(acc.candleBodyScale, next.candleBodyScale),
+    candleBodyAlpha: minOpt(acc.candleBodyAlpha, next.candleBodyAlpha),
+    gridAlpha: minOpt(acc.gridAlpha, next.gridAlpha)
+  };
+}
+function minOpt(a, b) {
+  if (a == null) return b;
+  if (b == null) return a;
+  return Math.min(a, b);
+}
 var registry3 = /* @__PURE__ */ new Map();
 function rendererLayers() {
   return [...registry3.values()];
@@ -23289,7 +23333,7 @@ var NativeRenderer = class {
     this.scrollTargetRO = null;
     // eased rightOffset target while gliding back to the latest bars
     // Distance (px) from the plot's bottom edge to the button — tracks the bottom-most EXPANDED
-    // pane like the watermark: when the lower sub-panes collapse it rides up into the open pane.
+    // pane: when the lower sub-panes collapse it rides up into the open pane.
     this.scrollBtnBottomPx = SCROLL_BTN_BOTTOM;
     // Distance (px) from the plot's right edge — clears the FULL scale gutter, which widens when a
     // pane carries merged (own-scale) columns; the constant only clears a single-column scale.
@@ -24256,6 +24300,7 @@ var NativeRenderer = class {
       drawingsClaim: (x, y) => this.userDrawings?.claim(x, y) ?? false,
       drawingsMeasureStart: (x, y) => this.userDrawings?.beginMeasureAt(x, y) ?? false,
       drawingsDeleteAt: (x, y) => this.userDrawings?.deleteAt(x, y) ?? false,
+      drawingsCancelPlacement: () => this.userDrawings?.cancelPlacement() ?? false,
       drawingsSnapMode: () => this.snapMode,
       drawingsPointerDown: (x, y, snap, shift) => this.userDrawings?.pointerDown(x, y, snap, shift),
       drawingsPointerMove: (x, y, snap, shift) => this.userDrawings?.pointerMove(x, y, snap, shift),
@@ -24507,6 +24552,8 @@ var NativeRenderer = class {
     this.attributionEl = null;
     this.mountContainer?.style.removeProperty("--vela-toolbar-gutter");
     this.mountContainer?.style.removeProperty("--vela-scale-gutter");
+    this.mountContainer?.style.removeProperty("--vela-price-pane-top");
+    this.mountContainer?.style.removeProperty("--vela-price-pane-bottom");
     this.mountContainer = null;
     this.wrapper?.remove();
   }
@@ -25596,19 +25643,18 @@ var NativeRenderer = class {
         theme: this.theme
       });
       const nowMs = typeof performance !== "undefined" ? performance.now() : Date.now();
+      let folded = null;
       for (const l of this.extLayers) {
         const args = this.extLayerArgs(l.def.id, pane.scale, pane.bounds, nowMs);
         l.instance.render(args);
-        if (l.def.id === this.scene.priceStyle && l.instance.modulateBase) {
-          const mod = l.instance.modulateBase(args);
-          if (mod) {
-            if (mod.candleBodyScale != null) this.backend.candleBodyScale = clamp012(mod.candleBodyScale) || 0.01;
-            if (mod.candleBodyAlpha != null) this.backend.candleBodyAlpha = clamp012(mod.candleBodyAlpha) * this.candleBodyAlpha;
-            if (mod.gridAlpha != null) this.backend.gridAlpha = clamp012(mod.gridAlpha);
-          }
-        }
+        folded = foldBaseModulation(folded, l.instance.modulateBase?.(args) ?? null);
         if (this.animZoom && l.instance.animating?.()) this.animator.start();
       }
+      if (folded) {
+        if (folded.candleBodyScale != null) this.backend.candleBodyScale = clamp012(folded.candleBodyScale) || 0.01;
+        if (folded.candleBodyAlpha != null) this.backend.candleBodyAlpha = clamp012(folded.candleBodyAlpha) * this.candleBodyAlpha;
+        if (folded.gridAlpha != null) this.backend.gridAlpha = clamp012(folded.gridAlpha);
+      }
     }
     const li = this.bars.length - 1;
     const liveActual = li >= 0 ? this.bars[li] : void 0;
@@ -26000,6 +26046,7 @@ var NativeRenderer = class {
       this.paneControls?.reposition();
       this.repositionScrollButton();
       this.positionAttribution();
+      this.publishPricePaneBounds();
       return;
     }
     const collapsed = panes.filter((p) => p.collapsed);
@@ -26017,9 +26064,10 @@ var NativeRenderer = class {
     this.paneControls?.reposition();
     this.repositionScrollButton();
     this.positionAttribution();
+    this.publishPricePaneBounds();
   }
-  /** Pin the scroll-to-realtime button above the bottom-most EXPANDED pane's data area (like the
-   *  watermark): with all lower sub-panes collapsed it settles into the lowest open pane. */
+  /** Pin the scroll-to-realtime button above the bottom-most EXPANDED pane's data area:
+   *  with all lower sub-panes collapsed it settles into the lowest open pane. */
   repositionScrollButton() {
     const dataHeight = this.coords.height;
     if (dataHeight <= 0) return;
@@ -26063,6 +26111,21 @@ var NativeRenderer = class {
     this.mountContainer?.style.setProperty("--vela-toolbar-gutter", `${this.toolbarGutter}px`);
     this.mountContainer?.style.setProperty("--vela-scale-gutter", `${this.rightAxisW}px`);
   }
+  /** Publish the price pane's vertical insets as `--vela-price-pane-top` /
+   *  `--vela-price-pane-bottom` on the mount container, so the symbol watermark
+   *  (and any other host overlay) can clip to the price pane instead of spanning
+   *  study panes and the time axis. A maximized study pane collapses the box to
+   *  zero height — the mark does not appear on a study. */
+  publishPricePaneBounds() {
+    if (!this.mountContainer) return;
+    const plotH = this.coords.height + TIME_AXIS_H;
+    const price = this.scene.panes.get(PRICE_PANE_ID);
+    const top = price ? price.bounds.top : 0;
+    const height = price ? price.bounds.height : this.coords.height;
+    const bottom = Math.max(0, plotH - (top + height));
+    this.mountContainer.style.setProperty("--vela-price-pane-top", `${top}px`);
+    this.mountContainer.style.setProperty("--vela-price-pane-bottom", `${bottom}px`);
+  }
   /** The built-in mark, or the host's own when one is set. */
   buildAttributionEl() {
     return this.attributionHtml !== null ? createCustomMark(document, this.attributionHtml, this.theme.background) : createAttributionMark(document, this.theme.background);
@@ -29038,17 +29101,17 @@ var STYLE_ID10 = "vela-widget-watermark";
 var CSS6 = `
 .vela-watermark {
     position: absolute;
-    /* Insets follow the renderer-published gutters (mount container), so the mark
-     * centers and fits within the PLOT \u2014 never bleeding into the drawings toolbar
-     * on the left or the price scale on the right (visible in small multi-chart
-     * cells, where the scale is a large share of the width). */
-    top: 0;
-    bottom: 0;
+    /* Insets follow the renderer-published gutters AND the price-pane vertical
+     * bounds (mount container), so the mark centers on the PRICE PANE \u2014 never
+     * the study panes below, the drawings toolbar, or the price scale. */
+    top: var(--vela-price-pane-top, 0px);
+    bottom: var(--vela-price-pane-bottom, 0px);
     left: var(--vela-toolbar-gutter, 0px);
     right: var(--vela-scale-gutter, 0px);
     display: flex;
     align-items: center;
     justify-content: center;
+    overflow: hidden;
     pointer-events: none;
     z-index: 1;
     color: var(--vela-fg);
@@ -29103,7 +29166,7 @@ var Watermark = class {
     this.text.textContent = symbol ? `${parseSymbol(symbol).ticker} \xB7 ${timeframeLabel(timeframe)}` : "";
     this.fit();
   }
-  /** Measure the text at the cap and shrink it to the chart's own width. */
+  /** Measure the text at the cap and shrink it to the price pane's width. */
   fit() {
     if (this.el.clientWidth <= 0 || !this.text.textContent) return;
     this.el.style.fontSize = `${MAX_FONT_PX}px`;

package/dist/widget.d.cts

@@ -442,7 +442,7 @@ declare class Watermark {
     setLoading(loading: boolean): void;
     private sync;
     update(symbol: string, timeframe: string): void;
-    /** Measure the text at the cap and shrink it to the chart's own width. */
+    /** Measure the text at the cap and shrink it to the price pane's width. */
     private fit;
     destroy(): void;
 }

package/dist/widget.d.ts

@@ -442,7 +442,7 @@ declare class Watermark {
     setLoading(loading: boolean): void;
     private sync;
     update(symbol: string, timeframe: string): void;
-    /** Measure the text at the cap and shrink it to the chart's own width. */
+    /** Measure the text at the cap and shrink it to the price pane's width. */
     private fit;
     destroy(): void;
 }

package/dist/widget.js

@@ -1,9 +1,9 @@
-import { Glider, WidgetHistory, localStorageAdapter, decodeState, prefixedSymbol, SymbolPicker, IndicatorPicker, TimeframeQuick, Topbar, PanelDock, ObjectTree, DataWindow, ChartContextMenu, Toast, Watermark, Statusline, Bottombar, MobileBar, DrawingPill, LayoutModeController, ZOOM_IN, ZOOM_OUT, PAN_FAST, ShortcutsHelp, TimeframeDrawer, RANGE_PRESETS, DrawingsDrawer, MoreDrawer, priceStyleIcon, priceStyleLabel, TimezoneDrawer, PriceScaleDrawer, indicatorLedger, sanitizeState, legacyWidgetState, parsePersisted, statuslineInkOf, toolShortcutHints, resolveIndicators, encodeState } from './chunk-Y7TK4ZWK.js';
-export { Bottombar, ChartContextMenu, DataWindow, IndicatorPicker, ObjectTree, PanelDock, RANGE_PRESETS, ShortcutsHelp, Statusline, SymbolPicker, TimeframeQuick, Topbar, Watermark, dataWindowSections, decimalsFor, decodeState, encodeState, filterSymbols, fmtChange, fmtPrice, legacyWidgetState, loadPersisted, localStorageAdapter, parsePersisted, parseTimeframe, priceStyleLabel, resolveIndicators, sanitizeState, savePersisted, timeframeLabel, timeframeMs } from './chunk-Y7TK4ZWK.js';
-import { registerBuiltinChartTypes, resolveTheme, parseSymbol, buildToolbar, priceStyleIds, Vela, normalizeTimezone } from './chunk-RRFGWZNJ.js';
-export { TIMEZONES, normalizeTimezone, tzButtonLabel, tzMenuLabel, tzOffset } from './chunk-RRFGWZNJ.js';
-import { widgetActions, widgetAttachments, legendActionsProviderFor, resolveEngines } from './chunk-B5TIKQJ5.js';
-export { DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, SidePanel, clampPanelWidth, registerSidePanel, registerWidgetAction, registerWidgetAttachment, sidePanels, unregisterSidePanel, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments } from './chunk-B5TIKQJ5.js';
+import { Glider, WidgetHistory, localStorageAdapter, decodeState, prefixedSymbol, SymbolPicker, IndicatorPicker, TimeframeQuick, Topbar, PanelDock, ObjectTree, DataWindow, ChartContextMenu, Toast, Watermark, Statusline, Bottombar, MobileBar, DrawingPill, LayoutModeController, ZOOM_IN, ZOOM_OUT, PAN_FAST, ShortcutsHelp, TimeframeDrawer, RANGE_PRESETS, DrawingsDrawer, MoreDrawer, priceStyleIcon, priceStyleLabel, TimezoneDrawer, PriceScaleDrawer, indicatorLedger, sanitizeState, legacyWidgetState, parsePersisted, statuslineInkOf, toolShortcutHints, resolveIndicators, encodeState } from './chunk-EY63XBFZ.js';
+export { Bottombar, ChartContextMenu, DataWindow, IndicatorPicker, ObjectTree, PanelDock, RANGE_PRESETS, ShortcutsHelp, Statusline, SymbolPicker, TimeframeQuick, Topbar, Watermark, dataWindowSections, decimalsFor, decodeState, encodeState, filterSymbols, fmtChange, fmtPrice, legacyWidgetState, loadPersisted, localStorageAdapter, parsePersisted, parseTimeframe, priceStyleLabel, resolveIndicators, sanitizeState, savePersisted, timeframeLabel, timeframeMs } from './chunk-EY63XBFZ.js';
+import { registerBuiltinChartTypes, resolveTheme, parseSymbol, buildToolbar, priceStyleIds, Vela, normalizeTimezone } from './chunk-L5NTMWPP.js';
+export { TIMEZONES, normalizeTimezone, tzButtonLabel, tzMenuLabel, tzOffset } from './chunk-L5NTMWPP.js';
+import { widgetActions, widgetAttachments, legendActionsProviderFor, resolveEngines } from './chunk-WJKLBYRM.js';
+export { DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, SidePanel, clampPanelWidth, registerSidePanel, registerWidgetAction, registerWidgetAttachment, sidePanels, unregisterSidePanel, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments } from './chunk-WJKLBYRM.js';
 import { ensureUIHost, KeymapManager, Menu, applyPlotOverlayTokens, isEditableTarget } from './chunk-P556H6EA.js';
 import './chunk-ATPU5CI6.js';
 import { injectStyles } from './chunk-LJLZR44Y.js';

package/dist/workspace.cjs

@@ -21060,7 +21060,7 @@ var TOUCH_TAP_SLOP = 14;
 var DOUBLE_TAP_MS = 350;
 var DOUBLE_TAP_SLOP = 30;
 var TIME_SCALE_K = 4e-3;
-var WHEEL_ZOOM_K = 25e-4;
+var WHEEL_ZOOM_K = 4e-3;
 function wheelZoomAnchor(coords, cursorX, rightEdge) {
   if (rightEdge) return { logical: coords.rightEdgeLogical, x: coords.width };
   return { logical: coords.xToLogical(cursorX), x: cursorX };
@@ -21114,6 +21114,8 @@ var InputController = class {
     // smoothed pointer velocity, px/ms
     this.middleDeleted = false;
     // the last middle press deleted a drawing (suppress autoscroll/paste)
+    this.rightCancelled = false;
+    // the last right press cancelled a placement (suppress the context menu)
     // Last cursor position over the element (NaN once it leaves) — lets a modifier
     // press/release re-shape the drawings preview with the pointer stationary.
     this.cursorX = NaN;
@@ -21138,6 +21140,14 @@ var InputController = class {
     this.onMiddleGuard = (e) => {
       if (e.button === 1 && this.middleDeleted) e.preventDefault();
     };
+    /** A right press that cancelled a placement must not ALSO open the host's chart
+     *  context menu — swallow its companion event before it bubbles to the host. */
+    this.onContextGuard = (e) => {
+      if (!this.rightCancelled) return;
+      this.rightCancelled = false;
+      e.preventDefault();
+      e.stopPropagation();
+    };
     /** A modifier press/release with the pointer stationary: re-issue the last cursor
      *  position so the placing ghost / drag preview reflects the new state immediately
      *  (Shift's 45° angle lock, Ctrl/Cmd's momentary strong magnet). */
@@ -21154,6 +21164,11 @@ var InputController = class {
         if (this.middleDeleted) e.preventDefault();
         return;
       }
+      if (e.button === 2) {
+        this.rightCancelled = this.deps.drawingsCancelPlacement?.() ?? false;
+        if (this.rightCancelled) e.preventDefault();
+        return;
+      }
       if (e.button !== 0) return;
       const { x, y } = this.local(e);
       if (e.pointerType === "touch") {
@@ -21358,6 +21373,7 @@ var InputController = class {
     el.addEventListener("wheel", this.onWheel, { passive: false });
     el.addEventListener("mousedown", this.onMiddleGuard);
     el.addEventListener("auxclick", this.onMiddleGuard);
+    el.addEventListener("contextmenu", this.onContextGuard);
     const win = el.ownerDocument?.defaultView;
     win?.addEventListener("keydown", this.onModifier);
     win?.addEventListener("keyup", this.onModifier);
@@ -21379,6 +21395,7 @@ var InputController = class {
     el.removeEventListener("wheel", this.onWheel);
     el.removeEventListener("mousedown", this.onMiddleGuard);
     el.removeEventListener("auxclick", this.onMiddleGuard);
+    el.removeEventListener("contextmenu", this.onContextGuard);
     this.cancelLongPress();
     this.touches.clear();
     this.el = null;
@@ -23051,8 +23068,11 @@ var ChromeRenderer = class {
     }
     ctx.font = `${scene.style.fontSize}px ${theme.fontFamily}`;
     ctx.textBaseline = "middle";
-    if (coords.barCount === 0) return;
     const panes = scene.orderedPanes();
+    if (coords.barCount === 0) {
+      this.drawPaneSeparators(ctx, scene, theme, fullW, panes);
+      return;
+    }
     const pricePane = panes.find((p) => p.kind === "price") ?? null;
     for (const pane of panes) {
       if (pane.collapsed) continue;
@@ -28496,6 +28516,16 @@ var UserDrawingController = class {
     if (this.eraserMode) return "pointer";
     return this.interaction.cursorAt(x, y);
   }
+  /** Right-click while placing: cancel the in-progress drawing and revert to the
+   *  pointer — the gesture is an explicit escape, so it disarms even in
+   *  stay-in-drawing-mode (where Escape would leave the tool armed). Returns whether
+   *  the press was consumed; false lets the host's context menu open normally. */
+  cancelPlacement() {
+    if (!this.interaction.isPlacing()) return false;
+    this.interaction.cancel();
+    if (this.activeTool != null) this.emit({ kind: "arm", type: null });
+    return true;
+  }
   /** Double-click over a drawing → suppress the chart's view reset (single-click already
    *  opens settings). Returns true only when a drawing is under the cursor. */
   dblClick(x, y) {
@@ -28980,6 +29010,20 @@ var VolumeRenderer = class {
 };
 
 // src/renderers/native/layers.ts
+function foldBaseModulation(acc, next) {
+  if (next == null) return acc;
+  if (acc == null) return { ...next };
+  return {
+    candleBodyScale: minOpt(acc.candleBodyScale, next.candleBodyScale),
+    candleBodyAlpha: minOpt(acc.candleBodyAlpha, next.candleBodyAlpha),
+    gridAlpha: minOpt(acc.gridAlpha, next.gridAlpha)
+  };
+}
+function minOpt(a, b) {
+  if (a == null) return b;
+  if (b == null) return a;
+  return Math.min(a, b);
+}
 var registry4 = /* @__PURE__ */ new Map();
 function rendererLayers() {
   return [...registry4.values()];
@@ -29489,7 +29533,7 @@ var NativeRenderer = class {
     this.scrollTargetRO = null;
     // eased rightOffset target while gliding back to the latest bars
     // Distance (px) from the plot's bottom edge to the button — tracks the bottom-most EXPANDED
-    // pane like the watermark: when the lower sub-panes collapse it rides up into the open pane.
+    // pane: when the lower sub-panes collapse it rides up into the open pane.
     this.scrollBtnBottomPx = SCROLL_BTN_BOTTOM;
     // Distance (px) from the plot's right edge — clears the FULL scale gutter, which widens when a
     // pane carries merged (own-scale) columns; the constant only clears a single-column scale.
@@ -30456,6 +30500,7 @@ var NativeRenderer = class {
       drawingsClaim: (x, y) => this.userDrawings?.claim(x, y) ?? false,
       drawingsMeasureStart: (x, y) => this.userDrawings?.beginMeasureAt(x, y) ?? false,
       drawingsDeleteAt: (x, y) => this.userDrawings?.deleteAt(x, y) ?? false,
+      drawingsCancelPlacement: () => this.userDrawings?.cancelPlacement() ?? false,
       drawingsSnapMode: () => this.snapMode,
       drawingsPointerDown: (x, y, snap, shift) => this.userDrawings?.pointerDown(x, y, snap, shift),
       drawingsPointerMove: (x, y, snap, shift) => this.userDrawings?.pointerMove(x, y, snap, shift),
@@ -30707,6 +30752,8 @@ var NativeRenderer = class {
     this.attributionEl = null;
     this.mountContainer?.style.removeProperty("--vela-toolbar-gutter");
     this.mountContainer?.style.removeProperty("--vela-scale-gutter");
+    this.mountContainer?.style.removeProperty("--vela-price-pane-top");
+    this.mountContainer?.style.removeProperty("--vela-price-pane-bottom");
     this.mountContainer = null;
     this.wrapper?.remove();
   }
@@ -31796,19 +31843,18 @@ var NativeRenderer = class {
         theme: this.theme
       });
       const nowMs = typeof performance !== "undefined" ? performance.now() : Date.now();
+      let folded = null;
       for (const l of this.extLayers) {
         const args = this.extLayerArgs(l.def.id, pane.scale, pane.bounds, nowMs);
         l.instance.render(args);
-        if (l.def.id === this.scene.priceStyle && l.instance.modulateBase) {
-          const mod = l.instance.modulateBase(args);
-          if (mod) {
-            if (mod.candleBodyScale != null) this.backend.candleBodyScale = clamp012(mod.candleBodyScale) || 0.01;
-            if (mod.candleBodyAlpha != null) this.backend.candleBodyAlpha = clamp012(mod.candleBodyAlpha) * this.candleBodyAlpha;
-            if (mod.gridAlpha != null) this.backend.gridAlpha = clamp012(mod.gridAlpha);
-          }
-        }
+        folded = foldBaseModulation(folded, l.instance.modulateBase?.(args) ?? null);
         if (this.animZoom && l.instance.animating?.()) this.animator.start();
       }
+      if (folded) {
+        if (folded.candleBodyScale != null) this.backend.candleBodyScale = clamp012(folded.candleBodyScale) || 0.01;
+        if (folded.candleBodyAlpha != null) this.backend.candleBodyAlpha = clamp012(folded.candleBodyAlpha) * this.candleBodyAlpha;
+        if (folded.gridAlpha != null) this.backend.gridAlpha = clamp012(folded.gridAlpha);
+      }
     }
     const li = this.bars.length - 1;
     const liveActual = li >= 0 ? this.bars[li] : void 0;
@@ -32200,6 +32246,7 @@ var NativeRenderer = class {
       this.paneControls?.reposition();
       this.repositionScrollButton();
       this.positionAttribution();
+      this.publishPricePaneBounds();
       return;
     }
     const collapsed = panes.filter((p) => p.collapsed);
@@ -32217,9 +32264,10 @@ var NativeRenderer = class {
     this.paneControls?.reposition();
     this.repositionScrollButton();
     this.positionAttribution();
+    this.publishPricePaneBounds();
   }
-  /** Pin the scroll-to-realtime button above the bottom-most EXPANDED pane's data area (like the
-   *  watermark): with all lower sub-panes collapsed it settles into the lowest open pane. */
+  /** Pin the scroll-to-realtime button above the bottom-most EXPANDED pane's data area:
+   *  with all lower sub-panes collapsed it settles into the lowest open pane. */
   repositionScrollButton() {
     const dataHeight = this.coords.height;
     if (dataHeight <= 0) return;
@@ -32263,6 +32311,21 @@ var NativeRenderer = class {
     this.mountContainer?.style.setProperty("--vela-toolbar-gutter", `${this.toolbarGutter}px`);
     this.mountContainer?.style.setProperty("--vela-scale-gutter", `${this.rightAxisW}px`);
   }
+  /** Publish the price pane's vertical insets as `--vela-price-pane-top` /
+   *  `--vela-price-pane-bottom` on the mount container, so the symbol watermark
+   *  (and any other host overlay) can clip to the price pane instead of spanning
+   *  study panes and the time axis. A maximized study pane collapses the box to
+   *  zero height — the mark does not appear on a study. */
+  publishPricePaneBounds() {
+    if (!this.mountContainer) return;
+    const plotH = this.coords.height + TIME_AXIS_H;
+    const price = this.scene.panes.get(PRICE_PANE_ID2);
+    const top = price ? price.bounds.top : 0;
+    const height = price ? price.bounds.height : this.coords.height;
+    const bottom = Math.max(0, plotH - (top + height));
+    this.mountContainer.style.setProperty("--vela-price-pane-top", `${top}px`);
+    this.mountContainer.style.setProperty("--vela-price-pane-bottom", `${bottom}px`);
+  }
   /** The built-in mark, or the host's own when one is set. */
   buildAttributionEl() {
     return this.attributionHtml !== null ? createCustomMark(document, this.attributionHtml, this.theme.background) : createAttributionMark(document, this.theme.background);
@@ -33326,17 +33389,17 @@ var STYLE_ID26 = "vela-widget-watermark";
 var CSS22 = `
 .vela-watermark {
     position: absolute;
-    /* Insets follow the renderer-published gutters (mount container), so the mark
-     * centers and fits within the PLOT \u2014 never bleeding into the drawings toolbar
-     * on the left or the price scale on the right (visible in small multi-chart
-     * cells, where the scale is a large share of the width). */
-    top: 0;
-    bottom: 0;
+    /* Insets follow the renderer-published gutters AND the price-pane vertical
+     * bounds (mount container), so the mark centers on the PRICE PANE \u2014 never
+     * the study panes below, the drawings toolbar, or the price scale. */
+    top: var(--vela-price-pane-top, 0px);
+    bottom: var(--vela-price-pane-bottom, 0px);
     left: var(--vela-toolbar-gutter, 0px);
     right: var(--vela-scale-gutter, 0px);
     display: flex;
     align-items: center;
     justify-content: center;
+    overflow: hidden;
     pointer-events: none;
     z-index: 1;
     color: var(--vela-fg);
@@ -33391,7 +33454,7 @@ var Watermark = class {
     this.text.textContent = symbol ? `${parseSymbol(symbol).ticker} \xB7 ${timeframeLabel(timeframe)}` : "";
     this.fit();
   }
-  /** Measure the text at the cap and shrink it to the chart's own width. */
+  /** Measure the text at the cap and shrink it to the price pane's width. */
   fit() {
     if (this.el.clientWidth <= 0 || !this.text.textContent) return;
     this.el.style.fontSize = `${MAX_FONT_PX}px`;

package/dist/workspace.js

@@ -1,7 +1,7 @@
-import { WidgetHistory, prefixedSymbol, Watermark, Statusline, ChartContextMenu, statuslineInkOf, indicatorLedger, Glider, localStorageAdapter, decodeState, SymbolPicker, IndicatorPicker, TimeframeQuick, Topbar, PanelDock, ObjectTree, DataWindow, Toast, Bottombar, MobileBar, DrawingPill, LayoutModeController, toolShortcutHints, resolveIndicators, sanitizeState, encodeState, TimeframeDrawer, RANGE_PRESETS, DrawingsDrawer, MoreDrawer, priceStyleIcon, priceStyleLabel, TimezoneDrawer, PriceScaleDrawer, ZOOM_IN, ZOOM_OUT, PAN_FAST, ShortcutsHelp } from './chunk-Y7TK4ZWK.js';
-export { decodeState, encodeState, sanitizeState } from './chunk-Y7TK4ZWK.js';
-import { parseSymbol, Vela, normalizeTimezone, TypedEventBus, MultiProviderFeed, resolveTheme, createCustomMark, createAttributionMark, DrawingToolbar, defaultToolbar, applyAttributionMarkTheme, sharedBarStore, timeframeToMs, priceStyleIds } from './chunk-RRFGWZNJ.js';
-import { resolveEngines, legendActionsProviderFor, rendererDefaults, widgetActions, widgetAttachments } from './chunk-B5TIKQJ5.js';
+import { WidgetHistory, prefixedSymbol, Watermark, Statusline, ChartContextMenu, statuslineInkOf, indicatorLedger, Glider, localStorageAdapter, decodeState, SymbolPicker, IndicatorPicker, TimeframeQuick, Topbar, PanelDock, ObjectTree, DataWindow, Toast, Bottombar, MobileBar, DrawingPill, LayoutModeController, toolShortcutHints, resolveIndicators, sanitizeState, encodeState, TimeframeDrawer, RANGE_PRESETS, DrawingsDrawer, MoreDrawer, priceStyleIcon, priceStyleLabel, TimezoneDrawer, PriceScaleDrawer, ZOOM_IN, ZOOM_OUT, PAN_FAST, ShortcutsHelp } from './chunk-EY63XBFZ.js';
+export { decodeState, encodeState, sanitizeState } from './chunk-EY63XBFZ.js';
+import { parseSymbol, Vela, normalizeTimezone, TypedEventBus, MultiProviderFeed, resolveTheme, createCustomMark, createAttributionMark, DrawingToolbar, defaultToolbar, applyAttributionMarkTheme, sharedBarStore, timeframeToMs, priceStyleIds } from './chunk-L5NTMWPP.js';
+import { resolveEngines, legendActionsProviderFor, rendererDefaults, widgetActions, widgetAttachments } from './chunk-WJKLBYRM.js';
 import { applyPlotOverlayTokens, ensureUIHost, KeymapManager, Menu, isEditableTarget } from './chunk-P556H6EA.js';
 import './chunk-ATPU5CI6.js';
 import { registerIcon, svg16, injectStyles } from './chunk-LJLZR44Y.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxalgo/vela",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Open-source charting library with a native high-performance renderer, drawing tools, pluggable chart types and pluggable scripting engines.",
   "license": "Apache-2.0",
   "homepage": "https://luxalgo.com/vela",