@luxalgo/vela 0.9.0 → 0.9.1

package/dist/vela.global.js

@@ -27011,6 +27011,7 @@ ${overlayScrollbarCss(".vela-dialog.vela-ind-dialog *", 9)}
         mode: isScaleMode(ps.mode) ? ps.mode : base.priceScale.mode,
         log: isBool(ps.log) ? ps.log : base.priceScale.log,
         invert: isBool(ps.invert) ? ps.invert : base.priceScale.invert,
+        priceOnly: isBool(ps.priceOnly) ? ps.priceOnly : base.priceScale.priceOnly,
         borderColor: isColor(ps.borderColor) ? ps.borderColor : base.priceScale.borderColor,
         labelsVisible: isBool(ps.labelsVisible) ? ps.labelsVisible : base.priceScale.labelsVisible,
         currentPriceLine: isBool(ps.currentPriceLine) ? ps.currentPriceLine : base.priceScale.currentPriceLine,
@@ -29419,6 +29420,9 @@ void main() {
       this.logScale = false;
       /** Inverted price axis on the price pane (high at the bottom). Study panes carry their own. */
       this.invertScale = false;
+      /** The price pane's autoscale fits the bars alone: indicator plots, their price lines
+       *  and Pine drawings paint where they fall instead of widening the window. */
+      this.scalePriceOnly = false;
       /** Exchange tick size for the active symbol (e.g. 0.01), when known. Drives the
        *  price-axis decimals — the instrument's true precision instead of the zoom-derived
        *  formula. Undefined until symbol metadata loads (the formula is the fallback). */
@@ -31117,6 +31121,18 @@ void main() {
     }
   };
 
+  // src/renderers/native/chrome/tz.ts
+  var DAY_MS3 = 864e5;
+  function displayZone(timeZone, barIntervalMs) {
+    return barIntervalMs >= DAY_MS3 ? "UTC" : timeZone;
+  }
+  function tzOffsetMs(ms, timeZone) {
+    return zoneOffsetMs(ms, timeZone);
+  }
+  function zonedDate(ms, timeZone) {
+    return new Date(ms + tzOffsetMs(ms, timeZone));
+  }
+
   // src/renderers/native/chrome/ticks.ts
   function priceTicks(min2, max2, target = 6) {
     if (!(max2 > min2) || !Number.isFinite(min2) || !Number.isFinite(max2)) return [];
@@ -31257,7 +31273,7 @@ void main() {
     YEAR
   ];
   function formatTimeStamp2(ms, timeZone, barIntervalMs, fmt = ENGLISH_FORMAT, surface = "crosshair") {
-    return fmt.timeStamp(ms, { timeZone, withTime: barIntervalMs < DAY2, surface });
+    return fmt.timeStamp(ms, { timeZone: displayZone(timeZone, barIntervalMs), withTime: barIntervalMs < DAY2, surface });
   }
   function pickStep(targetMs) {
     for (const step of STEP_LADDER) if (step >= targetMs) return step;
@@ -31401,14 +31417,6 @@ void main() {
     }
   };
 
-  // src/renderers/native/chrome/tz.ts
-  function tzOffsetMs(ms, timeZone) {
-    return zoneOffsetMs(ms, timeZone);
-  }
-  function zonedDate(ms, timeZone) {
-    return new Date(ms + tzOffsetMs(ms, timeZone));
-  }
-
   // src/renderers/native/chrome/countdown.ts
   function countdownText2(barOpen, barMs, now2, fmt = ENGLISH_FORMAT) {
     if (!(barMs > 0)) return null;
@@ -32122,7 +32130,7 @@ void main() {
       ctx.textAlign = "center";
       const y = dataH + (fullH - dataH) / 2;
       const tr = coords.visibleTimeRange();
-      const offset3 = tzOffsetMs((tr.from + tr.to) / 2, scene.timezone);
+      const offset3 = tzOffsetMs((tr.from + tr.to) / 2, displayZone(scene.timezone, coords.barInterval));
       const target = Math.max(3, Math.min(8, Math.floor(dataW / 64)));
       const ticks = timeTicks(tr.from, tr.to, target, offset3, scene.format).map((tick) => ({ ...tick, x: coords.timeToX(tick.time), half: ctx.measureText(tick.label).width / 2 })).filter((tick) => tick.x >= 20 && tick.x <= dataW - 20);
       const GAP = 12;
@@ -32703,6 +32711,7 @@ void main() {
     indexedTo100: msg("chart.settings.indexedTo100", "Indexed to 100"),
     logarithmic: msg("chart.settings.logarithmic", "Logarithmic"),
     invertScale: msg("chart.settings.invertScale", "Invert scale"),
+    scalePriceOnly: msg("chart.settings.scalePriceOnly", "Scale price chart only"),
     lastPriceLine: msg("chart.settings.lastPriceLine", "Last price line"),
     lastPriceLabel: msg("chart.settings.lastPriceLabel", "Last price label"),
     countdownToBarClose: msg("chart.settings.countdownToBarClose", "Countdown to bar close"),
@@ -33211,6 +33220,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
         ), "scales.price-scale.mode")
       );
       body.append(sid(this.boolRow(TEXT8.invertScale, config.priceScale.invert, (v) => this.emit({ priceScale: { invert: v } })), "scales.price-scale.invert"));
+      body.append(sid(this.boolRow(TEXT8.scalePriceOnly, config.priceScale.priceOnly, (v) => this.emit({ priceScale: { priceOnly: v } })), "scales.price-scale.price-only"));
       body.append(sid(this.separator(), "scales.price-scale"));
       body.append(sid(this.boolRow(TEXT8.lastPriceLine, config.priceScale.currentPriceLine, (v) => this.emit({ priceScale: { currentPriceLine: v } })), "scales.price-scale.last-price-line"));
       body.append(sid(this.boolRow(TEXT8.lastPriceLabel, config.priceScale.priceLabel, (v) => this.emit({ priceScale: { priceLabel: v } })), "scales.price-scale.last-price-label"));
@@ -41345,7 +41355,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
         ctx.globalAlpha = gridAlpha;
         ctx.strokeStyle = vertColor;
         const tr = coords.visibleTimeRange();
-        const offset3 = tzOffsetMs((tr.from + tr.to) / 2, scene.timezone);
+        const offset3 = tzOffsetMs((tr.from + tr.to) / 2, displayZone(scene.timezone, coords.barInterval));
         ctx.beginPath();
         for (const tick of timeTicks(tr.from, tr.to, 8, offset3)) {
           const x = Math.round(coords.timeToX(tick.time)) + 0.5;
@@ -42268,7 +42278,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
       this.priceStyleCbs = /* @__PURE__ */ new Set();
       this.priceStyleWillChangeCbs = /* @__PURE__ */ new Set();
       this.name = "native";
-      this.features = ["logScale", "currentPriceLine", "priceLabel", "countdown", "upColor", "downColor", "glow", "animZoom", "animPan", "animScroll", "animAutoscale", "animLiveBar", "intro", "zoomAnchor", "axisDrag", "paneResize", "candleZOrder", "candleVisible", "seriesOrder", "highlights", "sessionZones", "gridlines", "axisLabels", "scaleMode", "invertScale", "paneScales", "autoScale", "timezone", "keyboard", "historyChords", "priceStyle", "priceBaseline", "baselinePrice", "settings", "attribution", "dialogHost", "tradeMarkers", "marks", "indicatorTitles", "indicatorValues", "crosshairOverride", "drawingsInteractive", "priceAxisTicks"];
+      this.features = ["logScale", "currentPriceLine", "priceLabel", "countdown", "upColor", "downColor", "glow", "animZoom", "animPan", "animScroll", "animAutoscale", "animLiveBar", "intro", "zoomAnchor", "axisDrag", "paneResize", "candleZOrder", "candleVisible", "seriesOrder", "highlights", "sessionZones", "gridlines", "axisLabels", "scaleMode", "invertScale", "scalePriceOnly", "paneScales", "autoScale", "timezone", "keyboard", "historyChords", "priceStyle", "priceBaseline", "baselinePrice", "settings", "attribution", "dialogHost", "tradeMarkers", "marks", "indicatorTitles", "indicatorValues", "crosshairOverride", "drawingsInteractive", "priceAxisTicks"];
       /** Track cursor proximity to the scroll button on the plot (bubbles from the button too,
        *  so moving onto the button doesn't count as leaving). */
       this.onScrollProximityMove = (e) => {
@@ -42427,6 +42437,9 @@ ${overlayScrollbarCss(".vela-sd-pane")}
           }
           this.scene.invertScale = Boolean(value);
           break;
+        case "scalePriceOnly":
+          this.scene.scalePriceOnly = Boolean(value);
+          break;
         case "autoScale":
           for (const pane of this.scene.panes.values()) {
             pane.manualScale = value ? null : { ...pane.scale };
@@ -42553,6 +42566,8 @@ ${overlayScrollbarCss(".vela-sd-pane")}
           return this.scene.scaleMode;
         case "invertScale":
           return this.scene.invertScale;
+        case "scalePriceOnly":
+          return this.scene.scalePriceOnly;
         case "paneScales":
           return this.paneScaleInfos();
         case "autoScale": {
@@ -42699,6 +42714,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
           mode: this.scene.scaleMode,
           log: this.scene.logScale,
           invert: this.scene.invertScale,
+          priceOnly: this.scene.scalePriceOnly,
           borderColor: s.borderColor ?? t.borderColor,
           labelsVisible: this.scene.showAxisLabels,
           currentPriceLine: this.scene.showPriceLine,
@@ -42813,6 +42829,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
       this.scene.scaleMode = next2.priceScale.mode;
       this.scene.logScale = next2.priceScale.log;
       this.scene.invertScale = next2.priceScale.invert;
+      this.scene.scalePriceOnly = next2.priceScale.priceOnly;
       s.borderColor = keepInherit(s.borderColor, next2.priceScale.borderColor, prevTheme.borderColor);
       this.scene.showAxisLabels = next2.priceScale.labelsVisible;
       this.scene.showPriceLine = next2.priceScale.currentPriceLine;
@@ -44794,7 +44811,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
       const pricePane = this.dataWindowPricePane();
       const ohlc = this.dataWindowOHLC(bar, pricePane);
       const parts3 = [];
-      if (bar) parts3.push(formatStamp(bar.time, this.scene.timezone));
+      if (bar) parts3.push(formatStamp(bar.time, displayZone(this.scene.timezone, this.coords.barInterval)));
       if (ohlc) parts3.push(this.t(TEXT16.barSummary, { open: ohlc.o, high: ohlc.h, low: ohlc.l, close: ohlc.c }));
       for (const group of this.dataWindowGroups(idx, pricePane)) {
         for (const row2 of group.rows) parts3.push(this.t(TEXT16.valueSummary, { name: row2.label, value: row2.value }));
@@ -44811,7 +44828,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
       const idx = this.hoverLogical != null ? this.hoverLogical : n - 1;
       const bar = this.bars[idx];
       const pricePane = this.dataWindowPricePane();
-      const parts3 = bar ? formatStampParts(bar.time, this.scene.timezone) : { date: "", time: "" };
+      const parts3 = bar ? formatStampParts(bar.time, displayZone(this.scene.timezone, this.coords.barInterval)) : { date: "", time: "" };
       return { date: parts3.date, time: parts3.time, ohlc: this.dataWindowOHLC(bar, pricePane), groups: this.dataWindowGroups(idx, pricePane) };
     }
     dataWindowPricePane() {
@@ -45178,7 +45195,8 @@ ${overlayScrollbarCss(".vela-sd-pane")}
           if (or2) dr = dr ? { min: Math.min(dr.min, or2.min), max: Math.max(dr.max, or2.max) } : or2;
         }
         const includeCandles = pane.kind === "price" && (!this.scene.candlesHidden || this.priceLayersAnchoredToBars(masterModels) || !this.paneHasMeasurableContent(masterModels, dr));
-        pane.scaleTarget = computePaneScale(masterModels, this.bars, includeCandles, i0, s1, dr, paneLogScale(this.scene, pane), (id) => this.scene.offsetOf(id), margins);
+        const priceOnly = pane === pricePane && this.scene.scalePriceOnly && includeCandles;
+        pane.scaleTarget = priceOnly ? computePaneScale([], this.bars, true, i0, s1, null, paneLogScale(this.scene, pane), (id) => this.scene.offsetOf(id), margins) : computePaneScale(masterModels, this.bars, includeCandles, i0, s1, dr, paneLogScale(this.scene, pane), (id) => this.scene.offsetOf(id), margins);
         pane.percentBaseline = pane.kind === "price" ? this.bars[i0]?.close ?? 0 : this.firstVisibleValue(masterModels, i0);
         pane.axisFormat = void 0;
         pane.axisBands = void 0;
@@ -49503,16 +49521,16 @@ ${overlayScrollbarCss(".vela-sd-pane")}
   ];
 
   // src/core/native-indicators/classics/overlays.ts
-  var DAY_MS3 = 864e5;
+  var DAY_MS4 = 864e5;
   function periodKey(anchor, time) {
-    if (anchor === "Week") return Math.floor((Math.floor(time / DAY_MS3) + 3) / 7);
+    if (anchor === "Week") return Math.floor((Math.floor(time / DAY_MS4) + 3) / 7);
     if (anchor === "Month" || anchor === "Quarter" || anchor === "Year") {
       const d = new Date(time);
       if (anchor === "Year") return d.getUTCFullYear();
       if (anchor === "Quarter") return d.getUTCFullYear() * 4 + Math.floor(d.getUTCMonth() / 3);
       return d.getUTCFullYear() * 12 + d.getUTCMonth();
     }
-    return Math.floor(time / DAY_MS3);
+    return Math.floor(time / DAY_MS4);
   }
   function barInterval(bars) {
     if (bars.length < 2) return 0;
@@ -49614,7 +49632,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
       const anchor = str3(inputs, "anchor", "Session");
       const src = sourceValues(bars, str3(inputs, "source", "HLC3"));
       const n = bars.length;
-      const hidden = bool(inputs, "hideDwm", true) && barInterval(bars) >= DAY_MS3;
+      const hidden = bool(inputs, "hideDwm", true) && barInterval(bars) >= DAY_MS4;
       const values = new Array(n).fill(Number.NaN);
       const bands = VWAP_BANDS.filter((b) => bool(inputs, b.show, b.defOn)).map((b) => ({
         mult: Math.max(0, num3(inputs, b.mult, b.defMult)),
@@ -49688,7 +49706,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
     compute: (bars, inputs) => {
       const interval = barInterval(bars);
       const requested = str3(inputs, "anchor", PIVOT_AUTO);
-      const auto = interval <= 15 * 6e4 ? "Session" : interval < DAY_MS3 ? "Week" : interval <= DAY_MS3 ? "Month" : "Year";
+      const auto = interval <= 15 * 6e4 ? "Session" : interval < DAY_MS4 ? "Week" : interval <= DAY_MS4 ? "Month" : "Year";
       const anchor = requested === "Daily" ? "Session" : requested === "Weekly" ? "Week" : requested === "Monthly" ? "Month" : requested === "Yearly" ? "Year" : auto;
       const kind = str3(inputs, "kind", PIVOT_TRADITIONAL);
       const aggs = /* @__PURE__ */ new Map();
@@ -49774,7 +49792,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
       colorInput(NEUTRAL, msg("indicator.n52WeekHighLow.allTimeColor", "All-Time High/Low"), "allTimeColor", msg("indicator.n52WeekHighLow.allTimeColor.tooltip", "Color of the all-time high and all-time low levels."))
     ],
     compute: (bars, inputs) => {
-      const span = num3(inputs, "weeks", 52) * 7 * DAY_MS3;
+      const span = num3(inputs, "weeks", 52) * 7 * DAY_MS4;
       const n = bars.length;
       const hi = new Array(n).fill(Number.NaN);
       const lo = new Array(n).fill(Number.NaN);
@@ -50461,6 +50479,7 @@ ${overlayScrollbarCss(".vela-sd-pane")}
     body: { "reset-view": -30, "remove-drawings": -20, "remove-indicators": -10, settings: 1e3 },
     "price-axis": {
       auto: -80,
+      "price-only": -75,
       invert: -70,
       "scale:regular": -60,
       "scale:percent": -50,