@luxalgo/vela 0.5.3 → 0.6.0

package/dist/{chunk-P556H6EA.js → chunk-QWIEKZRE.js}

@@ -1,38 +1,10 @@
-import { STATIC_TOKENS, themeTokens } from './chunk-ATPU5CI6.js';
-import { injectStyles, iconEl } from './chunk-LJLZR44Y.js';
+import { injectStyles, iconEl } from './chunk-EMS6PO2T.js';
 import { VanillaMachine, normalizeProps, spreadProps } from '@zag-js/vanilla';
 export { normalizeProps, spreadProps } from '@zag-js/vanilla';
 import * as tooltip from '@zag-js/tooltip';
 import * as menu from '@zag-js/menu';
 import * as dialog from '@zag-js/dialog';
 
-// src/ui/tokens.ts
-var STATIC_ID = "vela-ui-tokens";
-var STATIC_DECLS = Object.entries(STATIC_TOKENS).map(([k, v]) => `    ${k}: ${v};`).join("\n");
-var STATIC_CSS = `
-.vela-ui, .vela-ui-layer {
-${STATIC_DECLS}
-    font-family: var(--vela-font, -apple-system, system-ui, sans-serif);
-    box-sizing: border-box;
-}
-.vela-ui *, .vela-ui-layer * { box-sizing: border-box; }
-.vela-icon { display: inline-flex; align-items: center; flex: none; }
-.vela-icon svg { display: block; }
-`;
-function applyThemeTokens(el, t) {
-  const tokens = themeTokens(t);
-  for (const key in tokens) el.style.setProperty(key, tokens[key]);
-}
-function applyPlotOverlayTokens(host, base, config) {
-  const layout = config?.layout;
-  const t = layout?.background && layout.textColor ? { ...base, background: layout.background, textColor: layout.textColor } : base;
-  applyThemeTokens(host, t);
-}
-function ensureUIHost(el, theme) {
-  injectStyles(STATIC_ID, STATIC_CSS, el.getRootNode());
-  el.classList.add("vela-ui");
-  if (theme) applyThemeTokens(el, theme);
-}
 function runMachine(machine5, props, render) {
   const m = new VanillaMachine(machine5, props);
   const unsub = m.subscribe(render);
@@ -274,7 +246,10 @@ function menuController(opts) {
     props: {
       id: opts.id ?? nextUid("vela-menu"),
       ids: opts.triggerId ? { trigger: opts.triggerId } : void 0,
-      positioning: { placement: opts.placement ?? "bottom-start" },
+      positioning: {
+        placement: opts.placement ?? "bottom-start",
+        ...opts.getAnchorRect ? { getAnchorRect: () => opts.getAnchorRect() } : {}
+      },
       onSelect: (d) => opts.onSelect?.(d.value),
       onOpenChange: (d) => opts.onOpenChange?.(d.open)
     },
@@ -356,6 +331,22 @@ var MENU_CSS = `
 }
 .vela-menu-switch.on { background: var(--vela-accent-bright, var(--vela-accent)); border-color: var(--vela-accent-bright, var(--vela-accent)); }
 .vela-menu-switch.on::after { transform: translateX(16px); background: var(--vela-bg); }
+/* Favorite star (rows carrying \`favorite\`): reserved space always \u2014 it fades in on row
+   hover instead of shifting the layout \u2014 and a starred row keeps its filled star visible.
+   Same control language as the drawing toolbar's flyout stars. */
+.vela-menu-item .vela-menu-star {
+    order: 98;
+    /* Pad the 16px icon slot into a bigger hit target without moving the row's layout. */
+    margin: -3px -5px -3px 0;
+    padding: 3px 5px;
+    box-sizing: content-box;
+    border-radius: var(--vela-radius-sm);
+    opacity: 0;
+    transition: opacity 0.1s ease, background 0.1s ease;
+}
+.vela-menu-item[data-highlighted] .vela-menu-star { opacity: 0.55; }
+.vela-menu-item .vela-menu-star:hover { opacity: 1; background: var(--vela-hover-strong); }
+.vela-menu-item .vela-menu-star.vela-fav { opacity: 0.95; color: var(--vela-highlight); }
 .vela-menu-sep { height: 1px; margin: 4px 6px; background: var(--vela-border); }
 /* Submenu trigger row: a right-aligned chevron, and it stays highlighted while its own
    list is open so the path you came down remains readable. */
@@ -374,9 +365,13 @@ var Surface = class _Surface {
     this.items = [];
     /** Branch item id → the surface it opens. */
     this.subs = /* @__PURE__ */ new Map();
+    /** Trigger rect captured when this level opened — the list stays put if the
+     *  trigger then moves (favorite chips shifting the caret). */
+    this.pinnedAnchor = null;
     this.doc = doc;
     this.host = opts.host;
     this.onSelect = opts.onSelect;
+    this.onFavorite = opts.onFavorite;
     this.positioner = doc.createElement("div");
     this.positioner.className = "vela-ui-layer";
     this.list = doc.createElement("ul");
@@ -384,16 +379,25 @@ var Surface = class _Surface {
     if (opts.minWidth) this.list.style.minWidth = opts.minWidth;
     this.positioner.appendChild(this.list);
     this.host.appendChild(this.positioner);
+    const trigger = opts.trigger;
     this.ctrl = menuController({
       items: [],
       id: opts.id,
       placement: opts.placement,
       onSelect: (id) => this.onSelect(id),
-      onOpenChange: opts.onOpenChange,
+      getAnchorRect: () => this.pinnedAnchor,
+      onOpenChange: (open) => {
+        if (open && trigger) {
+          const r = trigger.getBoundingClientRect();
+          this.pinnedAnchor = { x: r.x, y: r.y, width: r.width, height: r.height };
+        } else {
+          this.pinnedAnchor = null;
+        }
+        opts.onOpenChange?.(open);
+      },
       triggerId: opts.triggerId
     });
     this.mid = String(this.ctrl.props.id);
-    const trigger = opts.trigger;
     if (opts.triggerId && trigger) trigger.id = opts.triggerId;
     this.handle = runMachine(this.ctrl.machine, this.ctrl.props, (service) => {
       const api = this.ctrl.connect(service);
@@ -473,6 +477,25 @@ var Surface = class _Surface {
         hint.textContent = item.hint;
         li.appendChild(hint);
       }
+      if (item.favorite !== void 0 && this.onFavorite) {
+        const on = item.favorite;
+        const star = iconEl(on ? "star-filled" : "star", doc);
+        star.classList.add("vela-menu-star");
+        if (on) star.classList.add("vela-fav");
+        star.removeAttribute("aria-hidden");
+        star.setAttribute("role", "button");
+        star.setAttribute("aria-label", on ? "Remove from favorites" : "Add to favorites");
+        star.setAttribute("aria-pressed", on ? "true" : "false");
+        for (const ev of ["pointerdown", "pointerup", "mousedown", "mouseup"]) {
+          star.addEventListener(ev, (e) => e.stopPropagation());
+        }
+        star.addEventListener("click", (e) => {
+          e.stopPropagation();
+          e.preventDefault();
+          this.onFavorite?.(item.id, !on);
+        });
+        li.appendChild(star);
+      }
       if (item.toggle) {
         const sw = doc.createElement("span");
         sw.className = "vela-menu-switch" + (item.checked ? " on" : "");
@@ -488,6 +511,7 @@ var Surface = class _Surface {
           host: this.host,
           placement: "right-start",
           onSelect: this.onSelect,
+          onFavorite: this.onFavorite,
           id: `${this.mid}--${item.id}`
         });
         sub.setItems(item.submenu ?? []);
@@ -511,7 +535,8 @@ var Menu = class {
       trigger: opts.trigger,
       triggerId: opts.triggerId,
       id: opts.id,
-      minWidth: opts.minWidth
+      minWidth: opts.minWidth,
+      onFavorite: opts.onFavorite
     });
     this.root.setItems(opts.items);
   }
@@ -1014,4 +1039,4 @@ var Drawer = class {
   }
 };
 
-export { Dialog, Drawer, KeymapManager, Menu, Tooltip, applyPlotOverlayTokens, applyThemeTokens, dialogController, drawerController, ensureUIHost, isEditableTarget, menuController, nextUid, runMachine, tooltipController };
+export { Dialog, Drawer, KeymapManager, Menu, Tooltip, dialogController, drawerController, isEditableTarget, menuController, nextUid, runMachine, tooltipController };

package/dist/{chunk-WJKLBYRM.js → chunk-ZNL2X6U2.js}

@@ -1,4 +1,4 @@
-import { svg24, NEUTRAL, BEARISH, WARNING, BULLISH, INFO, ACCENT_BRIGHT, VALID, INVALID, MARKER, ACCENT, injectStyles, iconEl } from './chunk-LJLZR44Y.js';
+import { svg24, NEUTRAL, BEARISH, WARNING, BULLISH, INFO, ACCENT_BRIGHT, VALID, INVALID, MARKER, ACCENT, injectStyles, iconEl } from './chunk-EMS6PO2T.js';
 
 // src/core/native-indicators/NativeIndicator.ts
 var REGISTRY = /* @__PURE__ */ new Map();

package/dist/{contributions-Ci_i3IN2.d.cts → contributions-DToMhiw3.d.ts}

@@ -1,5 +1,5 @@
-import { s as Millis, ac as InputSchema, ab as IndicatorMeta, P as PriceStyle, O as OHLCV, l as InputValue, j as IndicatorModel, i as MoveTarget, ay as SeriesSpec, a9 as Fill, B as Background, aq as PriceLine, $ as DrawingLine, X as DrawingBox, _ as DrawingLabel, a3 as DrawingPolyline, a0 as DrawingLinefill, a5 as DrawingTable, f as IndicatorStatus, a as VisibleRange, c as VelaTheme, S as SerializedDrawing, u as DrawingTypeKey, t as SnapMode, a1 as DrawingMode, I as IChartRenderer, R as RendererCapabilities, n as LegendActionView, U as Unsubscribe, C as CrosshairEvent, A as AxisLongPressEvent, q as DataWindowReadout, m as SymbolPickerFn, aK as PaneInfo, a8 as DrawingsOption, D as Drawing, b as VelaOptions, w as AddIndicatorOptions, am as MarketSwitch, al as MarketSnapshot, V as VisibleRangePreset, T as ThemeName } from './options-XTBpbx0s.cjs';
-import { S as SymbolInfo, B as BarRange, M as MarketDataFeed, D as DataProvider, P as ProviderInfo, a as SymbolDescriptor, b as ProviderCapabilities } from './DataProvider-gnzv-dgc.cjs';
+import { s as Millis, ac as InputSchema, ab as IndicatorMeta, P as PriceStyle, O as OHLCV, l as InputValue, j as IndicatorModel, i as MoveTarget, ay as SeriesSpec, a9 as Fill, B as Background, aq as PriceLine, $ as DrawingLine, X as DrawingBox, _ as DrawingLabel, a3 as DrawingPolyline, a0 as DrawingLinefill, a5 as DrawingTable, f as IndicatorStatus, a as VisibleRange, c as VelaTheme, S as SerializedDrawing, u as DrawingTypeKey, t as SnapMode, a1 as DrawingMode, I as IChartRenderer, R as RendererCapabilities, n as LegendActionView, U as Unsubscribe, C as CrosshairEvent, A as AxisLongPressEvent, q as DataWindowReadout, m as SymbolPickerFn, aK as PaneInfo, a8 as DrawingsOption, D as Drawing, b as VelaOptions, w as AddIndicatorOptions, am as MarketSwitch, al as MarketSnapshot, V as VisibleRangePreset, T as ThemeName } from './options-BlQ00Fju.js';
+import { S as SymbolInfo, B as BarRange, M as MarketDataFeed, D as DataProvider, P as ProviderInfo, a as SymbolDescriptor, b as ProviderCapabilities } from './DataProvider-DNx9ntBD.js';
 
 /**
  * A strategy's broker state at ONE bar — the flat summary a host reads while a script
@@ -344,6 +344,13 @@ declare class DataControl {
     providers(): ProviderInfo[];
     /** Resolve a symbol string to `{ provider, ticker }`, or null if nothing serves it. */
     resolve(symbol: string): Resolved | null;
+    /**
+     * The DISPLAY prefix for `symbol` — the listing venue its descriptor declares
+     * (`NASDAQ` for AAPL) or the resolved provider name. Null while unresolvable.
+     */
+    displayPrefix(symbol: string): string | null;
+    /** The canonical `PREFIX:TICKER` form of `symbol`, or null while unresolvable. */
+    canonicalSymbol(symbol: string): string | null;
     /**
      * The registered provider INSTANCE under `name` — the seam for EXTENDED provider
      * surfaces: a provider may implement interfaces beyond the `DataProvider` port

package/dist/{contributions-b6AVrqqG.d.ts → contributions-Dlc7ZWZz.d.cts}

@@ -1,5 +1,5 @@
-import { s as Millis, ac as InputSchema, ab as IndicatorMeta, P as PriceStyle, O as OHLCV, l as InputValue, j as IndicatorModel, i as MoveTarget, ay as SeriesSpec, a9 as Fill, B as Background, aq as PriceLine, $ as DrawingLine, X as DrawingBox, _ as DrawingLabel, a3 as DrawingPolyline, a0 as DrawingLinefill, a5 as DrawingTable, f as IndicatorStatus, a as VisibleRange, c as VelaTheme, S as SerializedDrawing, u as DrawingTypeKey, t as SnapMode, a1 as DrawingMode, I as IChartRenderer, R as RendererCapabilities, n as LegendActionView, U as Unsubscribe, C as CrosshairEvent, A as AxisLongPressEvent, q as DataWindowReadout, m as SymbolPickerFn, aK as PaneInfo, a8 as DrawingsOption, D as Drawing, b as VelaOptions, w as AddIndicatorOptions, am as MarketSwitch, al as MarketSnapshot, V as VisibleRangePreset, T as ThemeName } from './options-XTBpbx0s.js';
-import { S as SymbolInfo, B as BarRange, M as MarketDataFeed, D as DataProvider, P as ProviderInfo, a as SymbolDescriptor, b as ProviderCapabilities } from './DataProvider-DTOEXKTI.js';
+import { s as Millis, ac as InputSchema, ab as IndicatorMeta, P as PriceStyle, O as OHLCV, l as InputValue, j as IndicatorModel, i as MoveTarget, ay as SeriesSpec, a9 as Fill, B as Background, aq as PriceLine, $ as DrawingLine, X as DrawingBox, _ as DrawingLabel, a3 as DrawingPolyline, a0 as DrawingLinefill, a5 as DrawingTable, f as IndicatorStatus, a as VisibleRange, c as VelaTheme, S as SerializedDrawing, u as DrawingTypeKey, t as SnapMode, a1 as DrawingMode, I as IChartRenderer, R as RendererCapabilities, n as LegendActionView, U as Unsubscribe, C as CrosshairEvent, A as AxisLongPressEvent, q as DataWindowReadout, m as SymbolPickerFn, aK as PaneInfo, a8 as DrawingsOption, D as Drawing, b as VelaOptions, w as AddIndicatorOptions, am as MarketSwitch, al as MarketSnapshot, V as VisibleRangePreset, T as ThemeName } from './options-BlQ00Fju.cjs';
+import { S as SymbolInfo, B as BarRange, M as MarketDataFeed, D as DataProvider, P as ProviderInfo, a as SymbolDescriptor, b as ProviderCapabilities } from './DataProvider-Ce6PuCzQ.cjs';
 
 /**
  * A strategy's broker state at ONE bar — the flat summary a host reads while a script
@@ -344,6 +344,13 @@ declare class DataControl {
     providers(): ProviderInfo[];
     /** Resolve a symbol string to `{ provider, ticker }`, or null if nothing serves it. */
     resolve(symbol: string): Resolved | null;
+    /**
+     * The DISPLAY prefix for `symbol` — the listing venue its descriptor declares
+     * (`NASDAQ` for AAPL) or the resolved provider name. Null while unresolvable.
+     */
+    displayPrefix(symbol: string): string | null;
+    /** The canonical `PREFIX:TICKER` form of `symbol`, or null while unresolvable. */
+    canonicalSymbol(symbol: string): string | null;
     /**
      * The registered provider INSTANCE under `name` — the seam for EXTENDED provider
      * surfaces: a provider may implement interfaces beyond the `DataProvider` port

package/dist/{history-Ci3M0xLV.d.ts → history-BZADxpKx.d.cts}

@@ -1,6 +1,6 @@
-import { V as VisibleRangePreset } from './options-XTBpbx0s.js';
-import { D as DataProvider } from './DataProvider-DTOEXKTI.js';
-import { S as ScriptingEngine, V as Vela } from './contributions-b6AVrqqG.js';
+import { V as VisibleRangePreset } from './options-BlQ00Fju.cjs';
+import { D as DataProvider } from './DataProvider-Ce6PuCzQ.cjs';
+import { S as ScriptingEngine, V as Vela } from './contributions-Dlc7ZWZz.cjs';
 
 interface RangePreset {
     /** Button label. */
@@ -168,6 +168,8 @@ interface WorkspaceState {
     timezone?: string;
     /** Favorite drawing-tool types — a SHARED preference (one star set per shell). */
     favorites?: string[];
+    /** Favorite timeframes (the topbar's quick-switch chips) — a SHARED preference. */
+    timeframeFavorites?: string[];
     /** The docked side panels: which one is open, and the widths the user dragged. */
     panels?: PanelsState;
     /** Per-chart state, one entry per SLOT (a single `c1` entry for the widget).

package/dist/{history-Cf1lVsap.d.cts → history-BuHXJZJ2.d.ts}

@@ -1,6 +1,6 @@
-import { V as VisibleRangePreset } from './options-XTBpbx0s.cjs';
-import { D as DataProvider } from './DataProvider-gnzv-dgc.cjs';
-import { S as ScriptingEngine, V as Vela } from './contributions-Ci_i3IN2.cjs';
+import { V as VisibleRangePreset } from './options-BlQ00Fju.js';
+import { D as DataProvider } from './DataProvider-DNx9ntBD.js';
+import { S as ScriptingEngine, V as Vela } from './contributions-DToMhiw3.js';
 
 interface RangePreset {
     /** Button label. */
@@ -168,6 +168,8 @@ interface WorkspaceState {
     timezone?: string;
     /** Favorite drawing-tool types — a SHARED preference (one star set per shell). */
     favorites?: string[];
+    /** Favorite timeframes (the topbar's quick-switch chips) — a SHARED preference. */
+    timeframeFavorites?: string[];
     /** The docked side panels: which one is open, and the widths the user dragged. */
     panels?: PanelsState;
     /** Per-chart state, one entry per SLOT (a single `c1` entry for the widget).