@luxalgo/vela 0.6.14 → 0.6.15

package/NOTICE

@@ -1,28 +1,28 @@
-Vela
-Copyright (c) 2026 LuxAlgo
-https://luxalgo.com/vela
-
-This product includes the Vela charting library, developed by LuxAlgo.
-
-ATTRIBUTION REQUIREMENT
-
-Any product, website, or application that displays charts rendered by this
-software must show a visible attribution to the Vela project on every page or
-screen where such a chart is displayed.
-
-The library satisfies this requirement automatically: it renders an attribution
-mark (the project logomark linking to the Vela project page) on the chart
-itself, enabled by default. You may restyle or reposition this mark to fit your
-design.
-
-You may disable the built-in mark (renderer feature `attribution`) ONLY if you
-display an equivalent visible attribution — the name "Vela" together with a
-link to the project page above — elsewhere on the same page or screen, in a
-place available to your users.
-
-Removing, hiding, or obscuring the attribution without providing the
-equivalent notice described above is not permitted.
-
-This file constitutes the NOTICE file described in Section 4(d) of the Apache
-License, Version 2.0: redistributions of this software, in source or binary
-form, must include a readable copy of these attribution notices.
+Vela
+Copyright (c) 2026 LuxAlgo
+https://luxalgo.com/vela
+
+This product includes the Vela charting library, developed by LuxAlgo.
+
+ATTRIBUTION REQUIREMENT
+
+Any product, website, or application that displays charts rendered by this
+software must show a visible attribution to the Vela project on every page or
+screen where such a chart is displayed.
+
+The library satisfies this requirement automatically: it renders an attribution
+mark (the project logomark linking to the Vela project page) on the chart
+itself, enabled by default. You may restyle or reposition this mark to fit your
+design.
+
+You may disable the built-in mark (renderer feature `attribution`) ONLY if you
+display an equivalent visible attribution — the name "Vela" together with a
+link to the project page above — elsewhere on the same page or screen, in a
+place available to your users.
+
+Removing, hiding, or obscuring the attribution without providing the
+equivalent notice described above is not permitted.
+
+This file constitutes the NOTICE file described in Section 4(d) of the Apache
+License, Version 2.0: redistributions of this software, in source or binary
+form, must include a readable copy of these attribution notices.

package/README.md

@@ -105,7 +105,7 @@ executes is. Vela™ itself stays Apache-2.0 and carries no Pine code:
 import { PineEngine } from '@luxalgo/vela-pinets';
 
 chart.registerEngine('pine', new PineEngine());
-chart.addIndicator(`//@version=5
+chart.addIndicator(`//@version=6
 indicator("EMA 20", overlay=true)
 plot(ta.ema(close, 20), color=color.orange, linewidth=2)`);
 ```

package/dist/{DataProvider-DhzstpQb.d.ts → DataProvider-XLdJB86x.d.ts}

@@ -1,4 +1,4 @@
-import { M as MarketConfig, O as OHLCV, U as Unsubscribe } from './options-CYS5Wmlx.js';
+import { M as MarketConfig, O as OHLCV, U as Unsubscribe } from './options-bdSAtp7y.js';
 
 /**
  * Symbol metadata an engine may need (e.g. Pine `syminfo.*`). Free-form beyond

package/dist/{DataProvider-DlMtrwqM.d.cts → DataProvider-xH2VBcFT.d.cts}

@@ -1,4 +1,4 @@
-import { M as MarketConfig, O as OHLCV, U as Unsubscribe } from './options-CYS5Wmlx.cjs';
+import { M as MarketConfig, O as OHLCV, U as Unsubscribe } from './options-bdSAtp7y.cjs';
 
 /**
  * Symbol metadata an engine may need (e.g. Pine `syminfo.*`). Free-form beyond

package/dist/{chunk-F4M24ANM.js → chunk-32A7KHFM.js}

@@ -1,4 +1,4 @@
-import { svg24, NEUTRAL, BEARISH, WARNING, BULLISH, INFO, ACCENT_BRIGHT, VALID, INVALID, MARKER, ACCENT, injectStyles, iconEl } from './chunk-KG4YT3TI.js';
+import { svg24, NEUTRAL, BEARISH, WARNING, BULLISH, INFO, ACCENT_BRIGHT, VALID, INVALID, MARKER, ACCENT, injectStyles, iconEl } from './chunk-6DPAYEGO.js';
 
 // src/core/native-indicators/NativeIndicator.ts
 var REGISTRY = /* @__PURE__ */ new Map();
@@ -6124,6 +6124,22 @@ var CSS = `
 }
 .vela-panel-close .vela-icon { width: 16px; height: 16px; }
 .vela-panel-close:hover { background: var(--vela-hover); color: var(--vela-fg-bright); }
+/* The pin: same footprint as the close button it sits beside; filled + bright once pinned. */
+.vela-panel-pin {
+    all: unset;
+    cursor: pointer;
+    width: 26px;
+    height: 26px;
+    flex: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 4px;
+    color: var(--vela-fg-muted);
+}
+.vela-panel-pin .vela-icon { width: 15px; height: 15px; }
+.vela-panel-pin:hover { background: var(--vela-hover); color: var(--vela-fg-bright); }
+.vela-panel-pin[data-on='1'] { color: var(--vela-fg-bright); }
 .vela-panel-body { flex: 1; overflow: auto; padding: 8px; }
 .vela-panel-body::-webkit-scrollbar { width: 8px; }
 .vela-panel-body::-webkit-scrollbar-thumb { background: var(--vela-scroll); border-radius: 4px; border: 2px solid transparent; background-clip: padding-box; }
@@ -6148,8 +6164,23 @@ var CSS = `
     width: 1px;
     background: transparent;
 }
+/* The same hover ink as the workspace grid splitters and the canvas pane separators, so
+   every draggable seam in the shell reads as one family. */
 .vela-panel-resizer:hover::after,
-.vela-panel-resizer[data-dragging]::after { background: var(--vela-accent); }
+.vela-panel-resizer[data-dragging]::after { background: var(--vela-separator-hover-line); }
+/* An OVERLAY panel floats over the chart's right edge instead of taking a column: the
+   chart keeps its width and layout (the dock host is position:relative \u2014 the anchoring the
+   mobile rule below relies on too). Same z-order as that mobile overlay, above the chart's
+   own DOM overlays; the shadow separates it from the plot it covers. */
+.vela-panel[data-overlay] {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    max-width: 100%;
+    z-index: 25;
+    box-shadow: var(--vela-shadow);
+}
 /* Mobile: a 280px column would crush a phone-width chart \u2014 the panel overlays the
    chart area instead (its flex parent is position:relative), full-bleed, closed by
    the same header \u2715. Width dragging is a pointer affordance; off on mobile. */
@@ -6180,6 +6211,10 @@ var SidePanel = class {
     /** Notified when the USER settles a new width (drag release, or double-click reset) — never on
      *  a programmatic {@link setWidth}, so restoring a persisted width raises no change. */
     this.onWidthChange = null;
+    /** Notified when the USER pins or unpins a floating panel (`overlay` is the NEW placement) —
+     *  never on a programmatic {@link setOverlay}, for the same reason as widths. */
+    this.onPlacementChange = null;
+    this.pin = null;
     const doc = host.ownerDocument;
     injectStyles(STYLE_ID, CSS, doc);
     this.minWidth = opts.resizable ? opts.minWidth ?? DEFAULT_PANEL_MIN_WIDTH : 1;
@@ -6189,6 +6224,9 @@ var SidePanel = class {
     this.el = doc.createElement("div");
     this.el.className = `vela-panel ${modifier}`;
     this.el.hidden = true;
+    this.floatable = opts.overlay === true;
+    this.overlayOn = this.floatable;
+    if (this.overlayOn) this.el.dataset.overlay = "1";
     this.el.style.setProperty("--vela-panel-w", `${this.widthPx}px`);
     const header = doc.createElement("div");
     header.className = "vela-panel-header";
@@ -6202,7 +6240,16 @@ var SidePanel = class {
     close.appendChild(iconEl("close", doc));
     close.title = "Close";
     close.addEventListener("click", () => this.toggle(false));
-    header.append(this.heading, this.slot, close);
+    if (this.floatable) {
+      this.pin = doc.createElement("button");
+      this.pin.className = "vela-panel-pin";
+      this.pin.addEventListener("click", () => {
+        this.setOverlay(!this.overlayOn);
+        this.onPlacementChange?.(this.overlayOn);
+      });
+      this.refreshPin();
+    }
+    header.append(this.heading, this.slot, ...this.pin ? [this.pin] : [], close);
     this.body = doc.createElement("div");
     this.body.className = "vela-panel-body";
     this.el.append(header, this.body);
@@ -6244,6 +6291,29 @@ var SidePanel = class {
     this.widthPx = next;
     this.el.style.setProperty("--vela-panel-w", `${next}px`);
   }
+  /** Whether the panel floats over the chart right now (false for every docked panel). */
+  get overlay() {
+    return this.overlayOn;
+  }
+  /** Float or dock the panel. Only a panel declared `overlay` can float — on any other this is
+   *  a no-op. Silent — {@link onPlacementChange} reports the user's pin clicks only. */
+  setOverlay(overlay) {
+    if (!this.floatable || overlay === this.overlayOn) return;
+    this.overlayOn = overlay;
+    if (overlay) this.el.dataset.overlay = "1";
+    else delete this.el.dataset.overlay;
+    this.refreshPin();
+  }
+  refreshPin() {
+    if (!this.pin) return;
+    const pinned = !this.overlayOn;
+    const doc = this.pin.ownerDocument;
+    this.pin.replaceChildren(iconEl(pinned ? "pin-filled" : "pin", doc));
+    this.pin.dataset.on = pinned ? "1" : "0";
+    this.pin.title = pinned ? "Unpin \u2014 float over the chart" : "Pin beside the chart";
+    this.pin.setAttribute("aria-label", this.pin.title);
+    this.pin.setAttribute("aria-pressed", pinned ? "true" : "false");
+  }
   destroy() {
     this.el.remove();
   }

package/dist/{chunk-KG4YT3TI.js → chunk-6DPAYEGO.js}

@@ -17,6 +17,7 @@ var SERIES_LINE = "#3b82f6";
 var CROSSHAIR = "#9aa0ad";
 var SLATE_DEEP = "#1e293b";
 var SLATE = "#475569";
+var CHIP_PLATE = "#595959";
 var TRADE_LONG = ACCENT;
 var TRADE_SHORT = BEARISH;
 var TRADE_EXIT = "#d500f9";
@@ -104,6 +105,10 @@ registerIcon(
   "market-post",
   svg24('<path d="M12 10V2"/><path d="m4.93 10.93 1.41 1.41"/><path d="M2 18h2"/><path d="M20 18h2"/><path d="m19.07 10.93-1.41 1.41"/><path d="M22 22H2"/><path d="m16 14-4 4-4-4"/><path d="M16 6a4 4 0 0 0-8 0"/>')
 );
+registerIcon(
+  "market-extended",
+  svg24('<path d="M22 22H2"/><path d="M12 3a5 5 0 0 0 7.5 7.5A7.5 7.5 0 1 1 12 3Z"/>')
+);
 registerIcon("market-closed", svg24('<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>'));
 registerIcon(
   "market-holiday",
@@ -117,6 +122,8 @@ registerIcon("chevrons-right", S('<path d="m4 3.5 4.5 4.5L4 12.5"/><path d="m8.5
 registerIcon("chevrons-left", S('<path d="M12 3.5 7.5 8l4.5 4.5"/><path d="M7.5 3.5 3 8l4.5 4.5"/>'));
 registerIcon("check", S('<path d="m2.8 8.4 3.4 3.4 7-7.6"/>'));
 registerIcon("close", S('<path d="m3.8 3.8 8.4 8.4M12.2 3.8l-8.4 8.4"/>'));
+registerIcon("pin", S('<path d="M5.6 2.5h4.8M6.4 2.5v3.6L4.4 8.4v.9h7.2v-.9L9.6 6.1V2.5M8 9.3v4.2"/>'));
+registerIcon("pin-filled", S('<path d="M5.6 2.5h4.8M6.4 2.5v3.6L4.4 8.4v.9h7.2v-.9L9.6 6.1V2.5M8 9.3v4.2"/><path d="M6.4 2.5h3.2v3.6l2 2.3v.9H4.4v-.9l2-2.3z" fill="currentColor" stroke="none"/>'));
 registerIcon("eye", S('<path d="M1.5 8s2.5-5.4 6.5-5.4S14.5 8 14.5 8 12 13.4 8 13.4 1.5 8 1.5 8z"/><circle cx="8" cy="8" r="1.8"/>'));
 registerIcon("eye-off", S('<path d="M1.5 8s2.5-5.4 6.5-5.4S14.5 8 14.5 8 12 13.4 8 13.4 1.5 8 1.5 8z" opacity="0.45"/><path d="m3 13 10-10"/>'));
 registerIcon("lock", S('<rect x="3.2" y="7" width="9.6" height="6.6" rx="1.2"/><path d="M5.6 7V5.2a2.4 2.4 0 0 1 4.8 0V7"/>'));
@@ -261,4 +268,4 @@ function iconEl(id, doc = document) {
   return span;
 }
 
-export { ACCENT, ACCENT_BRIGHT, BEARISH, BULLISH, CATEGORICAL, CROSSHAIR, FIELD_FOCUS_CSS, FIELD_FOCUS_RING, 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, icon, iconAt, iconEl, iconMarkup, injectStyles, isDarkColor, mix, overlayScrollbarCss, registerIcon, svg16, svg24, svg24Solid, withAlpha };
+export { ACCENT, ACCENT_BRIGHT, BEARISH, BULLISH, CATEGORICAL, CHIP_PLATE, CROSSHAIR, FIELD_FOCUS_CSS, FIELD_FOCUS_RING, 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, icon, iconAt, iconEl, iconMarkup, injectStyles, isDarkColor, mix, overlayScrollbarCss, registerIcon, svg16, svg24, svg24Solid, withAlpha };