@luxalgo/vela 0.6.7 → 0.6.9

package/dist/{chunk-L3I2CCYO.js → chunk-EQCHJZOT.js}

@@ -1,4 +1,4 @@
-import { svg24, NEUTRAL, BEARISH, WARNING, BULLISH, INFO, ACCENT_BRIGHT, VALID, INVALID, MARKER, ACCENT, injectStyles, iconEl } from './chunk-PN5KWFZ4.js';
+import { svg24, NEUTRAL, BEARISH, WARNING, BULLISH, INFO, ACCENT_BRIGHT, VALID, INVALID, MARKER, ACCENT, injectStyles, iconEl } from './chunk-WFSZBX3R.js';
 
 // src/core/native-indicators/NativeIndicator.ts
 var REGISTRY = /* @__PURE__ */ new Map();
@@ -5863,6 +5863,53 @@ function legendActionsProviderFor(chart, context) {
     return legendActions().filter((d) => !d.when || d.when(info)).map((d) => ({ id: d.id, icon: d.icon, tooltip: d.tooltip, run: () => d.run(context(), info) }));
   };
 }
+var calloutRegistry = /* @__PURE__ */ new Map();
+function registerLegendCallout(desc) {
+  calloutRegistry.set(desc.id, desc);
+  return () => {
+    if (calloutRegistry.get(desc.id) === desc) calloutRegistry.delete(desc.id);
+  };
+}
+function unregisterLegendCallout(id) {
+  calloutRegistry.delete(id);
+}
+function legendCallouts() {
+  return [...calloutRegistry.values()].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+}
+function legendCalloutsProviderFor(chart, context) {
+  return (indicatorId) => {
+    const handle = chart.indicators().find((h) => h.id === indicatorId);
+    if (!handle) return [];
+    const info = { id: handle.id, title: handle.title, ...handle.source !== void 0 ? { source: handle.source } : {} };
+    const views = [];
+    for (const d of legendCallouts()) {
+      const spec = d.callout(info);
+      if (!spec) continue;
+      views.push({
+        id: d.id,
+        icon: spec.icon,
+        background: spec.background,
+        ...spec.color !== void 0 ? { color: spec.color } : {},
+        tooltip: spec.tooltip,
+        ...spec.content !== void 0 ? {
+          content: {
+            ...spec.content.title !== void 0 ? { title: spec.content.title } : {},
+            items: spec.content.items.map(
+              (item) => item.type === "text" ? item : {
+                type: "button",
+                label: item.label,
+                ...item.primary !== void 0 ? { primary: item.primary } : {},
+                ...item.close !== void 0 ? { close: item.close } : {},
+                run: () => item.run(context(), info)
+              }
+            )
+          }
+        } : {}
+      });
+    }
+    return views;
+  };
+}
 var stateHandlers = /* @__PURE__ */ new Map();
 function registerStatePersistence(handler) {
   stateHandlers.set(handler.key, handler);
@@ -6113,4 +6160,4 @@ var SidePanel = class {
   }
 };
 
-export { AnchoredVwap, ArrowMark, Callout, CalloutBase, Comment, DEDEKIND_CURVATURE_OPTIONS, DEFAULT_DRAWING_COLOR, DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, DIRECTION_OPTIONS, DedekindTessellation, Drawing, FibRatios, FibSpiral, FixedRangeVolumeProfile, GANN_SQUARE_ARCS, GLYPH_OPTIONS, GannSquare, GlyphStamp, LINE_STYLE_OPTIONS, MACH_NUMBER_OPTIONS, MACH_WAVE_COUNT_OPTIONS, MachFigure, MeasureBox, Note, OVERRIDABLE_TOPBAR_IDS, PatternDrawing, PositionTool, PriceLabel, PriceNote, RadialFib, RegressionChannel, STAMP_SIZE_OPTIONS, SegmentDrawing, SidePanel, Signpost, TEXT_SIZE_OPTIONS, TOPBAR_BUILTIN_IDS, TOPBAR_DEFAULT_LEFT, TOPBAR_DEFAULT_RIGHT, TextLabel, chartType, chartTypes, clampPanelWidth, createDrawing, deserializeDrawing, drawingTypes, foldBaseModulation, formatDuration, getDrawingType, getNativeIndicator, inputVisible, legendActions, legendActionsProviderFor, lineSegmentIntersection, nativeIndicatorDescriptors, nativeIndicatorTypes, normalizeSettingsRow, pinnedTopbarActionIds, registerChartType, registerDefaultEngine, registerDrawingType, registerLegendAction, registerNativeIndicator, registerRendererDefaults, registerRendererLayer, registerSidePanel, registerStatePersistence, registerSymbolRanking, registerWidgetAction, registerWidgetAttachment, rendererDefaults, rendererLayers, resetDrawingSettings, resolveEngines, resolveTopbarComposition, settingsRowValueKeys, settingsRowVisible, sidePanels, statePersistenceHandlers, symbolRanking, tickerModifierIds, topbarActionOverride, topbarHas, unregisterChartType, unregisterDefaultEngine, unregisterLegendAction, unregisterNativeIndicator, unregisterRendererDefaults, unregisterRendererLayer, unregisterSidePanel, unregisterStatePersistence, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments };
+export { AnchoredVwap, ArrowMark, Callout, CalloutBase, Comment, DEDEKIND_CURVATURE_OPTIONS, DEFAULT_DRAWING_COLOR, DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, DIRECTION_OPTIONS, DedekindTessellation, Drawing, FibRatios, FibSpiral, FixedRangeVolumeProfile, GANN_SQUARE_ARCS, GLYPH_OPTIONS, GannSquare, GlyphStamp, LINE_STYLE_OPTIONS, MACH_NUMBER_OPTIONS, MACH_WAVE_COUNT_OPTIONS, MachFigure, MeasureBox, Note, OVERRIDABLE_TOPBAR_IDS, PatternDrawing, PositionTool, PriceLabel, PriceNote, RadialFib, RegressionChannel, STAMP_SIZE_OPTIONS, SegmentDrawing, SidePanel, Signpost, TEXT_SIZE_OPTIONS, TOPBAR_BUILTIN_IDS, TOPBAR_DEFAULT_LEFT, TOPBAR_DEFAULT_RIGHT, TextLabel, chartType, chartTypes, clampPanelWidth, createDrawing, deserializeDrawing, drawingTypes, foldBaseModulation, formatDuration, getDrawingType, getNativeIndicator, inputVisible, legendActions, legendActionsProviderFor, legendCallouts, legendCalloutsProviderFor, lineSegmentIntersection, nativeIndicatorDescriptors, nativeIndicatorTypes, normalizeSettingsRow, pinnedTopbarActionIds, registerChartType, registerDefaultEngine, registerDrawingType, registerLegendAction, registerLegendCallout, registerNativeIndicator, registerRendererDefaults, registerRendererLayer, registerSidePanel, registerStatePersistence, registerSymbolRanking, registerWidgetAction, registerWidgetAttachment, rendererDefaults, rendererLayers, resetDrawingSettings, resolveEngines, resolveTopbarComposition, settingsRowValueKeys, settingsRowVisible, sidePanels, statePersistenceHandlers, symbolRanking, tickerModifierIds, topbarActionOverride, topbarHas, unregisterChartType, unregisterDefaultEngine, unregisterLegendAction, unregisterLegendCallout, unregisterNativeIndicator, unregisterRendererDefaults, unregisterRendererLayer, unregisterSidePanel, unregisterStatePersistence, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments };

package/dist/{chunk-OICPLNU7.js → chunk-FCVIG7JG.js}

@@ -1,4 +1,4 @@
-import { overlayScrollbarCss, injectStyles, isDarkColor, mix, HIGHLIGHT, ACCENT_BRIGHT, ACCENT, withAlpha, iconEl, BULLISH, BEARISH, WARNING, NEUTRAL } from './chunk-PN5KWFZ4.js';
+import { overlayScrollbarCss, injectStyles, isDarkColor, mix, HIGHLIGHT, ACCENT_BRIGHT, ACCENT, withAlpha, iconAt, iconEl, BULLISH, BEARISH, WARNING, NEUTRAL } from './chunk-WFSZBX3R.js';
 import { VanillaMachine, normalizeProps, spreadProps } from '@zag-js/vanilla';
 export { normalizeProps, spreadProps } from '@zag-js/vanilla';
 import * as menu from '@zag-js/menu';
@@ -707,6 +707,192 @@ var Popover = class {
   }
 };
 
+// src/ui/components/callout-bubble/controller.ts
+function closesPanel(item) {
+  return item.close !== false;
+}
+function calloutPanelRows(items) {
+  const rows = [];
+  for (const item of items) {
+    if (item.type === "text") {
+      rows.push({ type: "text", text: item.text });
+      continue;
+    }
+    const last = rows[rows.length - 1];
+    if (last && last.type === "buttons") last.buttons.push(item);
+    else rows.push({ type: "buttons", buttons: [item] });
+  }
+  return rows;
+}
+
+// src/ui/components/callout-bubble/styles.ts
+var CALLOUT_STYLE_ID = "vela-ui-callout-bubble";
+var CALLOUT_CSS = `
+.vela-callout {
+    display: inline-grid;
+    place-items: center;
+    border-radius: 50%;
+    flex: none;
+    line-height: 0;
+    box-sizing: border-box;
+    cursor: default;
+    user-select: none;
+    -webkit-user-select: none;
+}
+.vela-callout[role='button'] { cursor: pointer; }
+.vela-callout svg { display: block; }
+/* The deployed panel \u2014 carries the kit's elevated-card look itself (the popover
+   shell is bare positioning chrome). */
+.vela-callout-panel {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 10px 12px;
+    max-width: 280px;
+    box-sizing: border-box;
+    background: var(--vela-surface-elev);
+    border: 1px solid var(--vela-border-strong);
+    border-radius: 6px;
+    box-shadow: var(--vela-shadow);
+    color: var(--vela-fg);
+    font: var(--vela-font-size-md) var(--vela-font);
+}
+.vela-callout-title { font-weight: 600; color: var(--vela-fg-bright); }
+.vela-callout-text { color: var(--vela-fg-muted); line-height: 1.45; white-space: pre-line; }
+.vela-callout-actions { display: flex; flex-wrap: wrap; gap: 8px; }
+.vela-callout-btn {
+    cursor: pointer;
+    height: 26px;
+    padding: 0 10px;
+    border-radius: 5px;
+    border: 1px solid var(--vela-border);
+    background: transparent;
+    color: var(--vela-fg);
+    font-size: var(--vela-font-size-md);
+    font-family: inherit;
+    transition: background var(--vela-dur-fast) ease, color var(--vela-dur-fast) ease, opacity var(--vela-dur-fast) ease, border-color var(--vela-dur-fast) ease;
+}
+.vela-callout-btn:hover { background: var(--vela-hover); color: var(--vela-fg-bright); border-color: var(--vela-fg-muted); }
+.vela-callout-btn-primary { border-color: var(--vela-selected-bg); background: var(--vela-selected-bg); color: var(--vela-selected-fg); }
+.vela-callout-btn-primary:hover { background: var(--vela-selected-bg); color: var(--vela-selected-fg); opacity: 0.85; border-color: var(--vela-selected-bg); }
+`;
+
+// src/ui/components/callout-bubble/view.ts
+var CalloutBubble = class {
+  constructor(opts) {
+    this.pop = null;
+    this.spec = { icon: opts.icon, background: opts.background, label: opts.label };
+    if (opts.color !== void 0) this.spec.color = opts.color;
+    if (opts.panel !== void 0) this.spec.panel = opts.panel;
+    this.size = opts.size ?? 16;
+    this.host = opts.host;
+    this.theme = opts.theme;
+    this.boundary = opts.boundary;
+    const doc = (opts.host ?? document.body).ownerDocument;
+    injectStyles(CALLOUT_STYLE_ID, CALLOUT_CSS, doc);
+    this.el = doc.createElement("span");
+    this.el.className = "vela-callout";
+    this.el.style.width = `${this.size}px`;
+    this.el.style.height = `${this.size}px`;
+    this.el.addEventListener("click", (e) => {
+      if (!this.spec.panel) return;
+      e.stopPropagation();
+      this.toggle();
+    });
+    this.el.addEventListener("dblclick", (e) => {
+      if (this.spec.panel) e.stopPropagation();
+    });
+    this.el.addEventListener("keydown", (e) => {
+      if (!this.spec.panel || e.key !== "Enter" && e.key !== " ") return;
+      e.preventDefault();
+      this.toggle();
+    });
+    this.dress();
+  }
+  /** Re-dress the bubble (a status change: new icon, tint, label, panel). */
+  set(spec) {
+    this.spec = { ...this.spec, ...spec };
+    if ("panel" in spec) this.pop?.hide();
+    this.dress();
+  }
+  /** Whether the deployed panel is currently open. */
+  get open() {
+    return this.pop?.open ?? false;
+  }
+  destroy() {
+    this.pop?.destroy();
+    this.pop = null;
+    this.el.remove();
+  }
+  dress() {
+    const clickable = this.spec.panel !== void 0;
+    this.el.style.background = this.spec.background;
+    this.el.style.color = this.spec.color ?? "";
+    this.el.innerHTML = iconAt(this.spec.icon, this.size - 4);
+    this.el.setAttribute("aria-label", this.spec.label);
+    if (clickable) {
+      this.el.setAttribute("role", "button");
+      this.el.tabIndex = 0;
+    } else {
+      this.el.removeAttribute("role");
+      this.el.removeAttribute("tabindex");
+    }
+  }
+  toggle() {
+    if (this.pop?.open) {
+      this.pop.hide();
+      return;
+    }
+    const panel = this.spec.panel;
+    if (!panel) return;
+    this.pop?.destroy();
+    this.pop = new Popover({
+      trigger: this.el,
+      gap: 6,
+      content: (body) => this.buildPanel(body, panel),
+      ...this.host ? { host: this.host } : {},
+      ...this.theme ? { theme: this.theme() } : {},
+      ...this.boundary ? { boundary: this.boundary } : {}
+    });
+    this.pop.show();
+  }
+  buildPanel(body, panel) {
+    const doc = body.ownerDocument;
+    const root = doc.createElement("div");
+    root.className = "vela-callout-panel";
+    if (panel.title) {
+      const title = doc.createElement("div");
+      title.className = "vela-callout-title";
+      title.textContent = panel.title;
+      root.appendChild(title);
+    }
+    for (const row of calloutPanelRows(panel.items)) {
+      if (row.type === "text") {
+        const text = doc.createElement("div");
+        text.className = "vela-callout-text";
+        text.textContent = row.text;
+        root.appendChild(text);
+        continue;
+      }
+      const actions = doc.createElement("div");
+      actions.className = "vela-callout-actions";
+      for (const item of row.buttons) {
+        const btn = doc.createElement("button");
+        btn.type = "button";
+        btn.className = "vela-callout-btn" + (item.primary ? " vela-callout-btn-primary" : "");
+        btn.textContent = item.label;
+        btn.addEventListener("click", () => {
+          item.run();
+          if (closesPanel(item)) this.pop?.hide();
+        });
+        actions.appendChild(btn);
+      }
+      root.appendChild(actions);
+    }
+    body.appendChild(root);
+  }
+};
+
 // src/ui/components/select/controller.ts
 function selectController(opts) {
   const options = opts.options;
@@ -2645,4 +2831,4 @@ function buildFieldControl(desc) {
   return { el };
 }
 
-export { ColorField, Dialog, FIELD_GAP_PX, GlyphSelect, Menu, NumberInput, Popover, STATIC_TOKENS, Select, Switch, TextArea, TextField, WIDTH_FIELD_OPTIONS, applyPlotOverlayTokens, applyThemeTokens, blendOver, buildColorPicker, buildFieldControl, buildPalette, clampNumber, closeColorPopover, closeOpenPopovers, closeWidthPopover, colorField, colorPickerController, combineColor, decorateSelectScroll, dialogController, ensureUIHost, eventDismissedPopover, fieldGrid, fieldGridColumns, fieldRow, fieldSection, fieldSeparator, fillSelectList, glyphSelectController, hslHex, insetRect, intersectRects, isPopoverOpen, lineWidthGlyph, menuController, nextUid, numberInputController, openPopoverTrigger, openSelectList, placePopover, popoverController, runMachine, selectController, snapToStep, splitColor, switchController, textAreaController, textFieldController, themeTokens, toggleSelectList, transparencyChecker, viewportRect, widthField, widthFieldOptions };
+export { CALLOUT_CSS, CALLOUT_STYLE_ID, CalloutBubble, ColorField, Dialog, FIELD_GAP_PX, GlyphSelect, Menu, NumberInput, Popover, STATIC_TOKENS, Select, Switch, TextArea, TextField, WIDTH_FIELD_OPTIONS, applyPlotOverlayTokens, applyThemeTokens, blendOver, buildColorPicker, buildFieldControl, buildPalette, calloutPanelRows, clampNumber, closeColorPopover, closeOpenPopovers, closeWidthPopover, closesPanel, colorField, colorPickerController, combineColor, decorateSelectScroll, dialogController, ensureUIHost, eventDismissedPopover, fieldGrid, fieldGridColumns, fieldRow, fieldSection, fieldSeparator, fillSelectList, glyphSelectController, hslHex, insetRect, intersectRects, isPopoverOpen, lineWidthGlyph, menuController, nextUid, numberInputController, openPopoverTrigger, openSelectList, placePopover, popoverController, runMachine, selectController, snapToStep, splitColor, switchController, textAreaController, textFieldController, themeTokens, toggleSelectList, transparencyChecker, viewportRect, widthField, widthFieldOptions };