@luxalgo/vela 0.5.2 → 0.5.3

package/dist/plugin.d.ts

@@ -1,4 +1,4 @@
-export { A as ACCENT, a as ACCENT_BRIGHT, B as BEARISH, b as BULLISH, c as BarTransform, d as BasePaintingModulation, C as CATEGORICAL, e as CROSSHAIR, f as ChartTypeDefinition, g as ChartTypeSettingsInstance, h as ChartTypeSettingsSection, i as ChartTypeSettingsSubsection, D as DrawingTypeMeta, H as HIGHLIGHT, I as INFO, j as INVALID, k as IdentifiableKind, M as MARKER, N as NEUTRAL, l as NormalizedSettingsRow, R as RendererLayerArgs, m as RendererLayerDefinition, n as RendererLayerInstance, S as SERIES_LINE, o as SESSION_OFF, p as SESSION_POST, q as SESSION_PRE, r as SLATE, s as SLATE_DEEP, t as SeriesDataEngine, u as SeriesDataEngineHost, v as SettingsInlineControl, w as SettingsRowCondition, x as SettingsRowDescriptor, y as SettingsRowInlineNumber, z as SettingsRowSwatch, E as SettingsRowValueKey, F as SettingsRowWhen, G as SettingsRowWidth, J as SettingsSelectOption, K as SettingsValueRow, T as TRADE_EXIT, L as TRADE_LONG, O as TRADE_SHORT, V as VALID, W as WARNING, P as categoricalColor, Q as chartType, U as chartTypes, Z as drawingTypes, _ as getDrawingType, $ as normalizeSettingsRow, a0 as registerChartType, a2 as registerRendererDefaults, a3 as registerRendererLayer, a4 as rendererDefaults, a5 as rendererLayers, a6 as settingsRowValueKeys, a7 as stableSeriesId, a8 as tickerModifierIds, a9 as unregisterChartType, aa as unregisterRendererDefaults, ab as unregisterRendererLayer } from './plugin-CnNd7cuF.js';
+export { A as ACCENT, a as ACCENT_BRIGHT, B as BEARISH, b as BULLISH, c as BarTransform, d as BasePaintingModulation, C as CATEGORICAL, e as CROSSHAIR, f as ChartTypeDefinition, g as ChartTypeSettingsInstance, h as ChartTypeSettingsSection, i as ChartTypeSettingsSubsection, D as DrawingTypeMeta, H as HIGHLIGHT, I as INFO, j as INVALID, k as IdentifiableKind, M as MARKER, N as NEUTRAL, l as NormalizedSettingsRow, R as RendererLayerArgs, m as RendererLayerDefinition, n as RendererLayerInstance, S as SERIES_LINE, o as SESSION_OFF, p as SESSION_POST, q as SESSION_PRE, r as SLATE, s as SLATE_DEEP, t as SeriesDataEngine, u as SeriesDataEngineHost, v as SettingsInlineControl, w as SettingsRowCondition, x as SettingsRowDescriptor, y as SettingsRowInlineNumber, z as SettingsRowSwatch, E as SettingsRowValueKey, F as SettingsRowWhen, G as SettingsRowWidth, J as SettingsSelectOption, K as SettingsValueRow, T as TRADE_EXIT, L as TRADE_LONG, O as TRADE_SHORT, V as VALID, W as WARNING, P as categoricalColor, Q as chartType, U as chartTypes, Z as drawingTypes, _ as getDrawingType, $ as normalizeSettingsRow, a0 as registerChartType, a2 as registerRendererDefaults, a3 as registerRendererLayer, a4 as rendererDefaults, a5 as rendererLayers, a6 as settingsRowValueKeys, a7 as stableSeriesId, a8 as tickerModifierIds, a9 as unregisterChartType, aa as unregisterRendererDefaults, ab as unregisterRendererLayer } from './plugin-DP6A4t4o.js';
 export { B as BarsChangeReason, C as ContextSelect, E as EngineAlert, d as EngineCapabilities, e as EngineContextSnapshot, f as EngineFactory, g as EngineWarning, h as ExecutionHandlers, i as ExecutionMarket, j as ExecutionRequest, k as ExecutionSession, F as FetchSeries, L as LegendActionDescriptor, n as LegendIndicatorInfo, N as NativeIndicator, o as NativeIndicatorContext, p as NativeIndicatorDescriptor, q as NativeIndicatorInfo, r as NativeIndicatorOutput, s as PreparedScript, a as ScriptRun, w as ScriptRunCause, x as ScriptRunResult, S as ScriptingEngine, y as SidePanelButton, z as SidePanelDescriptor, A as SidePanelHandle, G as SidePanelHeader, H as StrategyFill, J as StrategyState, K as StrategyTrade, Q as VisibleBarRange, U as WidgetActionDescriptor, X as WidgetActionTarget, Y as WidgetAttachment, W as WidgetContext, Z as getNativeIndicator, _ as legendActions, a0 as nativeIndicatorTypes, a1 as registerDefaultEngine, a2 as registerLegendAction, a3 as registerNativeIndicator, a4 as registerSidePanel, a5 as registerWidgetAction, a6 as registerWidgetAttachment, a7 as resolveEngines, a8 as sidePanels, a9 as unregisterDefaultEngine, aa as unregisterLegendAction, ab as unregisterNativeIndicator, ac as unregisterSidePanel, ad as unregisterWidgetAction, ae as unregisterWidgetAttachment, af as widgetActions, ag as widgetAttachments } from './contributions-b6AVrqqG.js';
 export { D as DEFAULT_PANEL_MAX_WIDTH, a as DEFAULT_PANEL_MIN_WIDTH, b as DEFAULT_PANEL_WIDTH, S as SidePanelOptions, c as clampPanelWidth } from './side-panel-CT9ZwIGz.js';
 export { B as Background, x as BoxFontFamily, y as BoxHAlign, z as BoxTextSize, E as BoxVAlign, F as CandleBarColor, G as CandleSeries, H as CandleStyle, W as DirtyRange, X as DrawingBox, Y as DrawingExtend, _ as DrawingLabel, $ as DrawingLine, a0 as DrawingLinefill, a3 as DrawingPolyline, a5 as DrawingTable, u as DrawingTypeKey, a7 as DrawingXLoc, a9 as Fill, aa as FillGradientStop, ab as IndicatorMeta, j as IndicatorModel, ac as InputSchema, ad as InputType, l as InputValue, ae as LabelStyle, af as LabelYLoc, ag as LineLikeKind, ah as LineLikeSeries, ai as LineLikeStyle, L as LineStyle, aj as MarkerPoint, ak as MarkerSeries, s as Millis, O as OHLCV, g as Pane, an as PaneHint, ao as PaneKind, ap as PolylinePoint, aq as PriceLine, P as PriceStyle, au as Scene, k as ScenePatch, av as SchemaPatch, aw as SeriesKind, ax as SeriesPoint, ay as SeriesSpec, az as SeriesValueDelta, aC as TableCell, aD as TableMerge, aE as TablePosition, aG as TradeExecution, aH as ValuePatch } from './options-XTBpbx0s.js';

package/dist/plugin.js

@@ -1,3 +1,3 @@
 export { stableSeriesId } from './chunk-Q3XQHLIH.js';
-export { DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_WIDTH, chartType, chartTypes, clampPanelWidth, drawingTypes, getDrawingType, getNativeIndicator, legendActions, nativeIndicatorTypes, normalizeSettingsRow, registerChartType, registerDefaultEngine, registerLegendAction, registerNativeIndicator, registerRendererDefaults, registerRendererLayer, registerSidePanel, registerWidgetAction, registerWidgetAttachment, rendererDefaults, rendererLayers, resolveEngines, settingsRowValueKeys, sidePanels, tickerModifierIds, unregisterChartType, unregisterDefaultEngine, unregisterLegendAction, unregisterNativeIndicator, unregisterRendererDefaults, unregisterRendererLayer, unregisterSidePanel, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments } from './chunk-B5TIKQJ5.js';
+export { DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_WIDTH, chartType, chartTypes, clampPanelWidth, drawingTypes, getDrawingType, getNativeIndicator, legendActions, nativeIndicatorTypes, normalizeSettingsRow, registerChartType, registerDefaultEngine, registerLegendAction, registerNativeIndicator, registerRendererDefaults, registerRendererLayer, registerSidePanel, registerWidgetAction, registerWidgetAttachment, rendererDefaults, rendererLayers, resolveEngines, settingsRowValueKeys, sidePanels, tickerModifierIds, unregisterChartType, unregisterDefaultEngine, unregisterLegendAction, unregisterNativeIndicator, unregisterRendererDefaults, unregisterRendererLayer, unregisterSidePanel, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments } from './chunk-WJKLBYRM.js';
 export { ACCENT, ACCENT_BRIGHT, BEARISH, BULLISH, CATEGORICAL, CROSSHAIR, HIGHLIGHT, INFO, INVALID, MARKER, NEUTRAL, SERIES_LINE, SESSION_OFF, SESSION_POST, SESSION_PRE, SLATE, SLATE_DEEP, TRADE_EXIT, TRADE_LONG, TRADE_SHORT, VALID, WARNING, categoricalColor, iconMarkup, registerIcon } from './chunk-LJLZR44Y.js';

package/dist/vela.global.js

@@ -14008,7 +14008,7 @@ void main() {
   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 };
@@ -14062,6 +14062,8 @@ void main() {
       // 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;
@@ -14086,6 +14088,14 @@ void main() {
       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). */
@@ -14102,6 +14112,11 @@ void main() {
           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") {
@@ -14306,6 +14321,7 @@ void main() {
       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);
@@ -14327,6 +14343,7 @@ void main() {
       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;
@@ -15999,8 +16016,11 @@ void main() {
       }
       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;
@@ -22158,6 +22178,16 @@ void main() {
       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) {
@@ -22642,6 +22672,20 @@ void main() {
   };
 
   // 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 registerRendererLayer(def) {
     registry3.set(def.id, def);
@@ -23285,7 +23329,7 @@ void main() {
       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.
@@ -24252,6 +24296,7 @@ void main() {
         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),
@@ -24503,6 +24548,8 @@ void main() {
       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();
     }
@@ -25592,19 +25639,18 @@ void main() {
           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;
@@ -25996,6 +26042,7 @@ void main() {
         this.paneControls?.reposition();
         this.repositionScrollButton();
         this.positionAttribution();
+        this.publishPricePaneBounds();
         return;
       }
       const collapsed = panes.filter((p) => p.collapsed);
@@ -26013,9 +26060,10 @@ void main() {
       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;
@@ -26059,6 +26107,21 @@ void main() {
       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);