@luxalgo/vela 0.5.3 → 0.6.0

package/dist/workspace.d.cts

@@ -1,9 +1,9 @@
-import { O as OHLCV, V as VisibleRangePreset, a as VisibleRange, b as VelaOptions, c as VelaTheme, N as NativeBackend } from './options-XTBpbx0s.cjs';
-import { S as SyncSetting, V as VelaStorage, C as CellState, W as WidgetHistory, R as ResolvedIndicator, a as RangePreset, T as TrackSizes, b as VelaShellOptions, c as SyncOptions, d as SyncKind, e as WorkspaceState } from './history-Cf1lVsap.cjs';
-export { f as ChartState, P as PanelsState, g as decodeState, h as encodeState, s as sanitizeState } from './history-Cf1lVsap.cjs';
+import { O as OHLCV, V as VisibleRangePreset, a as VisibleRange, b as VelaOptions, c as VelaTheme, N as NativeBackend } from './options-BlQ00Fju.cjs';
+import { S as SyncSetting, V as VelaStorage, C as CellState, W as WidgetHistory, R as ResolvedIndicator, a as RangePreset, T as TrackSizes, b as VelaShellOptions, c as SyncOptions, d as SyncKind, e as WorkspaceState } from './history-BZADxpKx.cjs';
+export { f as ChartState, P as PanelsState, g as decodeState, h as encodeState, s as sanitizeState } from './history-BZADxpKx.cjs';
 import { K as KeymapManager } from './keymap-CGOz5F5f.cjs';
-import { I as IndicatorHandle, S as ScriptingEngine, W as WidgetContext, V as Vela, a as ScriptRun } from './contributions-Ci_i3IN2.cjs';
-import { M as MarketDataFeed } from './DataProvider-gnzv-dgc.cjs';
+import { I as IndicatorHandle, S as ScriptingEngine, W as WidgetContext, V as Vela, a as ScriptRun } from './contributions-Dlc7ZWZz.cjs';
+import { M as MarketDataFeed } from './DataProvider-Ce6PuCzQ.cjs';
 
 /** The cells that follow `originId` under `setting` — PURE (never includes the origin). */
 declare function syncTargets(originId: string, setting: SyncSetting | undefined, cellIds: readonly string[]): string[];
@@ -435,6 +435,8 @@ declare class VelaWorkspace {
     private historyUnsub;
     /** Favorite drawing tools — a WORKSPACE preference (one star set, every cell). */
     private favs;
+    /** Favorite timeframes — the shared topbar's quick-switch chips, one set for the grid. */
+    private tfFavs;
     /** Live sync configuration (mutable copy of the option). */
     private readonly syncOpts;
     private readonly persistKey;
@@ -621,6 +623,9 @@ declare class VelaWorkspace {
     private onCellIndicatorsChanged;
     /** Timeframe changes routed from the topbar menu / quick entry (chip state follows). */
     private setActiveTimeframe;
+    /** Star/unstar a timeframe — a WORKSPACE preference (one chip row, whatever the
+     *  active cell); the topbar follows and the set persists with the document. */
+    private setTimeframeFavorite;
     /** The mode flipped (container resized across the breakpoint, or a coarse-pointer
      *  change). Close the open surfaces — a desktop card must not linger over the
      *  mobile chrome (and vice versa) — and re-present every cell's own chrome. */

package/dist/workspace.d.ts

@@ -1,9 +1,9 @@
-import { O as OHLCV, V as VisibleRangePreset, a as VisibleRange, b as VelaOptions, c as VelaTheme, N as NativeBackend } from './options-XTBpbx0s.js';
-import { S as SyncSetting, V as VelaStorage, C as CellState, W as WidgetHistory, R as ResolvedIndicator, a as RangePreset, T as TrackSizes, b as VelaShellOptions, c as SyncOptions, d as SyncKind, e as WorkspaceState } from './history-Ci3M0xLV.js';
-export { f as ChartState, P as PanelsState, g as decodeState, h as encodeState, s as sanitizeState } from './history-Ci3M0xLV.js';
+import { O as OHLCV, V as VisibleRangePreset, a as VisibleRange, b as VelaOptions, c as VelaTheme, N as NativeBackend } from './options-BlQ00Fju.js';
+import { S as SyncSetting, V as VelaStorage, C as CellState, W as WidgetHistory, R as ResolvedIndicator, a as RangePreset, T as TrackSizes, b as VelaShellOptions, c as SyncOptions, d as SyncKind, e as WorkspaceState } from './history-BuHXJZJ2.js';
+export { f as ChartState, P as PanelsState, g as decodeState, h as encodeState, s as sanitizeState } from './history-BuHXJZJ2.js';
 import { K as KeymapManager } from './keymap-CGOz5F5f.js';
-import { I as IndicatorHandle, S as ScriptingEngine, W as WidgetContext, V as Vela, a as ScriptRun } from './contributions-b6AVrqqG.js';
-import { M as MarketDataFeed } from './DataProvider-DTOEXKTI.js';
+import { I as IndicatorHandle, S as ScriptingEngine, W as WidgetContext, V as Vela, a as ScriptRun } from './contributions-DToMhiw3.js';
+import { M as MarketDataFeed } from './DataProvider-DNx9ntBD.js';
 
 /** The cells that follow `originId` under `setting` — PURE (never includes the origin). */
 declare function syncTargets(originId: string, setting: SyncSetting | undefined, cellIds: readonly string[]): string[];
@@ -435,6 +435,8 @@ declare class VelaWorkspace {
     private historyUnsub;
     /** Favorite drawing tools — a WORKSPACE preference (one star set, every cell). */
     private favs;
+    /** Favorite timeframes — the shared topbar's quick-switch chips, one set for the grid. */
+    private tfFavs;
     /** Live sync configuration (mutable copy of the option). */
     private readonly syncOpts;
     private readonly persistKey;
@@ -621,6 +623,9 @@ declare class VelaWorkspace {
     private onCellIndicatorsChanged;
     /** Timeframe changes routed from the topbar menu / quick entry (chip state follows). */
     private setActiveTimeframe;
+    /** Star/unstar a timeframe — a WORKSPACE preference (one chip row, whatever the
+     *  active cell); the topbar follows and the set persists with the document. */
+    private setTimeframeFavorite;
     /** The mode flipped (container resized across the breakpoint, or a coarse-pointer
      *  change). Close the open surfaces — a desktop card must not linger over the
      *  mobile chrome (and vice versa) — and re-present every cell's own chrome. */

package/dist/workspace.js

@@ -1,10 +1,10 @@
-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';
+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-7ROONW6H.js';
+export { decodeState, encodeState, sanitizeState } from './chunk-7ROONW6H.js';
+import { parseSymbol, Vela, normalizeTimezone, TypedEventBus, MultiProviderFeed, resolveTheme, createCustomMark, createAttributionMark, DrawingToolbar, defaultToolbar, applyAttributionMarkTheme, sharedBarStore, timeframeToMs, priceStyleIds } from './chunk-CA3N3PYT.js';
+import { resolveEngines, legendActionsProviderFor, rendererDefaults, widgetActions, widgetAttachments } from './chunk-ZNL2X6U2.js';
+import { KeymapManager, Menu, isEditableTarget } from './chunk-QWIEKZRE.js';
+import { applyPlotOverlayTokens, ensureUIHost } from './chunk-OGRQW3M6.js';
+import { registerIcon, svg16, injectStyles } from './chunk-EMS6PO2T.js';
 
 // src/workspace/sync.ts
 function syncTargets(originId, setting, cellIds) {
@@ -161,6 +161,9 @@ var ChartCell = class {
     this.statusline = deps.statusline ? new Statusline(this.host, symbol ?? "") : null;
     this.statusline?.setMeta(seed.timeframe ?? "60", this.state.provider ?? "");
     this.statusline?.onChart(this.inner);
+    void this.inner.data.ready().then(() => {
+      if (this.inner && this.state.symbol) this.statusline?.setMeta(this.state.timeframe ?? "60", this.inner.data.displayPrefix(this.state.symbol) ?? this.state.provider ?? "");
+    });
     this.syncStatuslineColors();
     this.contextMenu = new ChartContextMenu(this.host, {
       resetView: () => {
@@ -283,7 +286,7 @@ var ChartCell = class {
       this.state.timeframe = timeframe;
       this.watermark?.update(symbol2, timeframe);
       this.statusline?.setSymbol(symbol2);
-      this.statusline?.setMeta(timeframe, this.inner?.data.resolve(symbol2)?.provider ?? this.state.provider ?? "");
+      this.statusline?.setMeta(timeframe, this.inner?.data.displayPrefix(symbol2) ?? this.state.provider ?? "");
       if (this.inner) this.statusline?.onChart(this.inner);
       this.refreshNativeCatalog();
       this.deps.onMarketChanged(this.id);
@@ -920,6 +923,8 @@ var VelaWorkspace = class {
     this.historyUnsub = null;
     /** Favorite drawing tools — a WORKSPACE preference (one star set, every cell). */
     this.favs = [];
+    /** Favorite timeframes — the shared topbar's quick-switch chips, one set for the grid. */
+    this.tfFavs = [];
     /** Live sync configuration (mutable copy of the option). */
     this.syncOpts = {};
     this.stateTimer = null;
@@ -983,6 +988,7 @@ var VelaWorkspace = class {
     }
     this.timezone = boot?.timezone ?? opts.timezone ?? "Etc/UTC";
     if (boot?.favorites) this.favs = [...boot.favorites];
+    if (boot?.timeframeFavorites) this.tfFavs = [...boot.timeframeFavorites];
     const sync = boot?.sync ?? opts.sync;
     for (const kind of ["viewport", "symbol", "timeframe", "crosshair", "drawings"]) {
       this.applySyncSetting(kind, sync?.[kind]);
@@ -1037,8 +1043,10 @@ var VelaWorkspace = class {
       onAlertsClick: (anchor) => this.openAlertsMenu(anchor),
       timeframe: "60",
       timeframes: opts.timeframes ?? DEFAULT_TIMEFRAMES,
+      timeframeFavorites: this.tfFavs,
       priceStyle: "candles",
       onTimeframe: (tf) => this.setActiveTimeframe(tf),
+      onTimeframeFavorite: (tf, on) => this.setTimeframeFavorite(tf, on),
       onPriceStyle: (style) => this.active.setPriceStyle(style),
       layout: {
         current: this.def.id,
@@ -1289,6 +1297,7 @@ var VelaWorkspace = class {
     const state = { version: 1, layout: this.def.id, timezone: this.timezone, sync: { ...this.syncOpts }, charts };
     if (this.activeId) state.activeCellId = this.activeId;
     if (this.favs.length > 0) state.favorites = [...this.favs];
+    if (this.tfFavs.length > 0) state.timeframeFavorites = [...this.tfFavs];
     if (this.trackSizes.size > 0) state.trackSizes = Object.fromEntries([...this.trackSizes].map(([k, v]) => [k, { ...v }]));
     const panels = this.dock.getState();
     if (panels) state.panels = panels;
@@ -1309,6 +1318,10 @@ var VelaWorkspace = class {
       this.bottombar?.setTimezone(st.timezone);
     }
     if (st.favorites) this.favs = [...st.favorites];
+    if (st.timeframeFavorites) {
+      this.tfFavs = [...st.timeframeFavorites];
+      this.topbar.setTimeframeFavorites(this.tfFavs);
+    }
     this.dock.applyState(st.panels);
     for (const kind of ["viewport", "symbol", "timeframe", "crosshair", "drawings"]) this.applySyncSetting(kind, st.sync?.[kind]);
     this.trackSizes.clear();
@@ -1884,6 +1897,14 @@ var VelaWorkspace = class {
     this.bottombar?.setActiveRange(null);
     this.active.setTimeframe(tf);
   }
+  /** Star/unstar a timeframe — a WORKSPACE preference (one chip row, whatever the
+   *  active cell); the topbar follows and the set persists with the document. */
+  setTimeframeFavorite(tf, on) {
+    if (on === this.tfFavs.includes(tf)) return;
+    this.tfFavs = on ? [tf, ...this.tfFavs] : this.tfFavs.filter((f) => f !== tf);
+    this.topbar.setTimeframeFavorites(this.tfFavs);
+    this.markStateDirty();
+  }
   /** The mode flipped (container resized across the breakpoint, or a coarse-pointer
    *  change). Close the open surfaces — a desktop card must not linger over the
    *  mobile chrome (and vice versa) — and re-present every cell's own chrome. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxalgo/vela",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "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",

package/dist/chunk-ATPU5CI6.js

@@ -1,81 +0,0 @@
-import { isDarkColor, mix, HIGHLIGHT, ACCENT_BRIGHT, ACCENT, withAlpha } from './chunk-LJLZR44Y.js';
-
-// src/core/tokens.ts
-var STATIC_TOKENS = {
-  "--vela-space-1": "4px",
-  "--vela-space-2": "8px",
-  "--vela-space-3": "12px",
-  "--vela-space-4": "16px",
-  "--vela-radius-sm": "4px",
-  "--vela-radius-md": "6px",
-  "--vela-radius-lg": "10px",
-  "--vela-z-tooltip": "60",
-  "--vela-z-menu": "50",
-  "--vela-z-dialog": "40",
-  "--vela-ease": "cubic-bezier(0.22, 1, 0.36, 1)",
-  "--vela-dur-fast": "90ms",
-  "--vela-dur-med": "160ms",
-  "--vela-font-size-sm": "11px",
-  "--vela-font-size-md": "12px",
-  "--vela-font-size-lg": "14px"
-};
-function themeTokens(t) {
-  const dark = isDarkColor(t.background);
-  const wash = (a) => dark ? `rgba(255,255,255,${a})` : withAlpha(t.textColor, a + 0.02);
-  const elevated = mix(t.background, dark ? "#ffffff" : t.textColor, dark ? 0.03 : 0.05);
-  return {
-    "--vela-font": t.fontFamily,
-    "--vela-bg": t.background,
-    // Chrome text is slightly brighter than the chart's own axis text, which is
-    // deliberately recessive; the chart keeps using `t.textColor` directly.
-    "--vela-fg": dark ? "#d1d4dc" : t.textColor,
-    "--vela-fg-muted": dark ? "#868a96" : withAlpha(t.textColor, 0.62),
-    "--vela-fg-faint": withAlpha(t.textColor, 0.35),
-    "--vela-fg-bright": dark ? "#f0f3fa" : "#000000",
-    "--vela-surface": t.background,
-    // Panels and menus float ABOVE the chart, so their surface is the wash flattened onto
-    // the chart background — opaque, or candles read through the panel.
-    "--vela-surface-elev": elevated,
-    "--vela-surface-overlay": elevated,
-    // Recessed fields (inputs, selects) read as cut INTO their panel, so they fall back
-    // to the chart surface and are separated from the panel by their border alone.
-    "--vela-surface-sunken": t.background,
-    "--vela-border": t.borderColor,
-    "--vela-border-strong": dark ? "#34353b" : withAlpha(t.textColor, 0.28),
-    "--vela-border-soft": t.borderColor,
-    // Barely-there rules INSIDE a panel (row separators), where a full border would
-    // chop the list into boxes.
-    "--vela-border-faint": withAlpha(t.textColor, 0.08),
-    "--vela-hover": wash(0.06),
-    "--vela-active": wash(0.1),
-    // A deliberately stronger hover for rows inside an already-tinted surface (menu
-    // items in an active flyout), where the normal wash would not separate from it.
-    "--vela-hover-strong": wash(0.16),
-    "--vela-focus": withAlpha(t.textColor, 0.5),
-    "--vela-focus-soft": withAlpha(t.textColor, 0.12),
-    // Separator hover — the SAME wash the chart's pane separators paint on hover
-    // (soft full-thickness band + solid 2px center line), so DOM-drawn dividers
-    // (the workspace grid) and canvas-drawn ones read as one family.
-    "--vela-separator-hover-band": withAlpha(t.textColor, 0.1),
-    "--vela-separator-hover-line": withAlpha(t.textColor, 0.55),
-    "--vela-scroll": withAlpha(t.textColor, 0.3),
-    "--vela-accent": ACCENT,
-    "--vela-accent-bright": ACCENT_BRIGHT,
-    "--vela-highlight": HIGHLIGHT,
-    // The inverse chip: a filled selected state (active tab, ticked checkbox). Its ink
-    // must contrast the fill, so the pair flips together with the theme.
-    "--vela-selected-bg": dark ? "#f0f3fa" : t.textColor,
-    "--vela-selected-fg": dark ? t.background : "#ffffff",
-    // Fixed ink for saturated fills (accent buttons, categorical avatars) — those fills
-    // are theme-independent, so their ink is too.
-    "--vela-fg-on-fill": "#ffffff",
-    "--vela-up": t.upColor,
-    "--vela-down": t.downColor,
-    "--vela-danger": t.downColor,
-    "--vela-shadow": "0 8px 30px rgba(0,0,0,0.5)",
-    "--vela-shadow-dialog": "0 20px 60px rgba(0,0,0,0.5)",
-    "--vela-backdrop": "rgba(0,0,0,0.45)"
-  };
-}
-
-export { STATIC_TOKENS, themeTokens };