hyperprop-charting-library 0.1.150 → 0.1.151

package/dist/hyperprop-charting-library.cjs

@@ -7156,7 +7156,7 @@ function createChart(element, options = {}) {
       ctx.stroke();
       ctx.restore();
     }
-    const sessionSeparatorsOn = grid.sessionSeparators || compiledSession !== null && sessionOptions.separators !== false;
+    const sessionSeparatorsOn = grid.sessionSeparators && sessionOptions.separators !== false;
     const intradaySeries = (() => {
       if (data.length < 2) return false;
       const probe = Math.min(Math.max(1, startIndex), data.length - 1);

package/dist/hyperprop-charting-library.d.ts

@@ -1192,7 +1192,12 @@ type SessionPresetName = "cme-futures" | "cme-rth" | "us-equities" | "us-equitie
 interface SessionOptions {
     /** A preset name or your own spec. null disables session handling. */
     spec?: SessionSpec | SessionPresetName | null;
-    /** Vertical rule at each session start. Default true when a spec is set. */
+    /**
+     * Opt out of session-aware separators while keeping the spec for everything
+     * else. Setting a spec never turns separators *on* by itself — that switch
+     * is `grid.sessionSeparators`; the spec only moves the boundary from
+     * calendar midnight to the real session open.
+     */
     separators?: boolean;
     /**
      * Tint bars that fall outside the session (overnight/extended hours), the

package/dist/hyperprop-charting-library.js

@@ -7120,7 +7120,7 @@ function createChart(element, options = {}) {
       ctx.stroke();
       ctx.restore();
     }
-    const sessionSeparatorsOn = grid.sessionSeparators || compiledSession !== null && sessionOptions.separators !== false;
+    const sessionSeparatorsOn = grid.sessionSeparators && sessionOptions.separators !== false;
     const intradaySeries = (() => {
       if (data.length < 2) return false;
       const probe = Math.min(Math.max(1, startIndex), data.length - 1);

package/dist/index.cjs

@@ -7156,7 +7156,7 @@ function createChart(element, options = {}) {
       ctx.stroke();
       ctx.restore();
     }
-    const sessionSeparatorsOn = grid.sessionSeparators || compiledSession !== null && sessionOptions.separators !== false;
+    const sessionSeparatorsOn = grid.sessionSeparators && sessionOptions.separators !== false;
     const intradaySeries = (() => {
       if (data.length < 2) return false;
       const probe = Math.min(Math.max(1, startIndex), data.length - 1);

package/dist/index.d.cts

@@ -1192,7 +1192,12 @@ type SessionPresetName = "cme-futures" | "cme-rth" | "us-equities" | "us-equitie
 interface SessionOptions {
     /** A preset name or your own spec. null disables session handling. */
     spec?: SessionSpec | SessionPresetName | null;
-    /** Vertical rule at each session start. Default true when a spec is set. */
+    /**
+     * Opt out of session-aware separators while keeping the spec for everything
+     * else. Setting a spec never turns separators *on* by itself — that switch
+     * is `grid.sessionSeparators`; the spec only moves the boundary from
+     * calendar midnight to the real session open.
+     */
     separators?: boolean;
     /**
      * Tint bars that fall outside the session (overnight/extended hours), the

package/dist/index.d.ts

@@ -1192,7 +1192,12 @@ type SessionPresetName = "cme-futures" | "cme-rth" | "us-equities" | "us-equitie
 interface SessionOptions {
     /** A preset name or your own spec. null disables session handling. */
     spec?: SessionSpec | SessionPresetName | null;
-    /** Vertical rule at each session start. Default true when a spec is set. */
+    /**
+     * Opt out of session-aware separators while keeping the spec for everything
+     * else. Setting a spec never turns separators *on* by itself — that switch
+     * is `grid.sessionSeparators`; the spec only moves the boundary from
+     * calendar midnight to the real session open.
+     */
     separators?: boolean;
     /**
      * Tint bars that fall outside the session (overnight/extended hours), the

package/dist/index.js

@@ -7120,7 +7120,7 @@ function createChart(element, options = {}) {
       ctx.stroke();
       ctx.restore();
     }
-    const sessionSeparatorsOn = grid.sessionSeparators || compiledSession !== null && sessionOptions.separators !== false;
+    const sessionSeparatorsOn = grid.sessionSeparators && sessionOptions.separators !== false;
     const intradaySeries = (() => {
       if (data.length < 2) return false;
       const probe = Math.min(Math.max(1, startIndex), data.length - 1);

package/docs/API.md

@@ -881,6 +881,30 @@ they are not part of `saveState()`.
 
 ---
 
+## Multi-chart layouts
+
+Several charts are just several `createChart` calls; what the library adds is
+the piece hosts can't do themselves — mirroring one chart's crosshair onto the
+others:
+
+```ts
+primary.onCrosshairMove((event) => {
+  const ms = event.time ? Date.parse(event.time) : NaN;
+  const at = event.region === "plot" && Number.isFinite(ms) ? { timeMs: ms } : null;
+  for (const other of siblings) other.setExternalCrosshair(at);
+});
+```
+
+Mirrored crosshairs match by **timestamp**, not pixels, so charts on different
+intervals — or different instruments — still line up, and the ghost line is
+drawn dimmer than the chart's own. It is suppressed while that chart is the one
+being hovered, so the two never fight.
+
+Time-range sync needs nothing new: feed `onViewportChange` into the siblings'
+`setViewport({ centerTimeMs, xSpan })`.
+
+---
+
 ## Overlay indicator legend
 
 With `labels.showIndicatorNames` / `showIndicatorValues`, overlay indicators

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperprop-charting-library",
-  "version": "0.1.150",
+  "version": "0.1.151",
   "description": "Lightweight TypeScript charting core",
   "type": "module",
   "main": "./dist/hyperprop-charting-library.cjs",