@luxalgo/vela 0.6.7 → 0.6.8

package/dist/vela.global.js

@@ -20016,12 +20016,16 @@ ${overlayScrollbarCss(".vela-dialog *")}
         closeOnEscape: false,
         footer: (foot) => {
           foot.append(
+            this.resetAction(),
             this.dialogButton("Cancel", false, () => this.revertAndClose()),
             this.dialogButton("Ok", true, () => this.close())
           );
         },
+        // Stale-guard: destroying a dialog fires its machine's onOpenChange(false)
+        // asynchronously — after a reset rebuild that notification must not close
+        // the replacement dialog.
         onOpenChange: (open2) => {
-          if (!open2) this.close();
+          if (!open2 && this.uiDialog === ui) this.close();
         }
       });
       applyChromeTokens(ui.panel, t);
@@ -20152,6 +20156,30 @@ ${overlayScrollbarCss(".vela-dialog *")}
       }
       this.close();
     }
+    /** The footer's reset button — same chip as Cancel, pinned to the LEFT edge
+     *  (`margin-right:auto` against the footer's flex-end keeps Cancel/Ok right). */
+    resetAction() {
+      const b = this.dialogButton("Reset defaults", false, () => this.resetToDefaults());
+      b.style.marginRight = "auto";
+      return b;
+    }
+    /** Restore every input to its declared default (re-running the indicator), then
+     *  re-open the form so each control re-reads the restored values — the same
+     *  rebuild-after-reset move as the chart-settings dialog. The open-time snapshot
+     *  survives the rebuild, so Cancel after a reset still reverts the whole session. */
+    resetToDefaults() {
+      const row = this.row;
+      if (!row) return;
+      const snap = this.snapshot;
+      for (const inp of row.inputs) {
+        if (row.values[inp.key] !== inp.defval) {
+          row.values[inp.key] = inp.defval;
+          this.host.onChange?.({ indicatorId: row.id, key: inp.key, value: inp.defval });
+        }
+      }
+      this.open(row);
+      if (snap) this.snapshot = snap;
+    }
     /** Write one edit through: store it, notify the host, and re-apply the `when` gates. */
     commit(row, key, value) {
       row.values[key] = value;
@@ -32582,6 +32610,11 @@ ${overlayScrollbarCss(".vela-sd-pane")}
   }
 
   // src/renderers/native/backdrop/BackdropRenderer.ts
+  function clipHighlightRect(x1, x2, left, right) {
+    const x = Math.max(left, x1);
+    const end = Math.min(right, x2);
+    return end > x ? { x, width: end - x } : null;
+  }
   var BackdropRenderer = class {
     constructor() {
       this.canvas = null;
@@ -32614,17 +32647,22 @@ ${overlayScrollbarCss(".vela-sd-pane")}
     /** Renderer-owned session highlight bands: full-height (all panes), behind the grid.
      *  Session-zone washes (pre/post-market) paint first, host highlights on top. */
     drawHighlights(ctx, scene, coords) {
-      const bands = [...scene.sessionHighlightBands(), ...scene.highlights];
-      if (bands.length === 0) return;
+      const sessions = scene.sessionHighlightBands();
+      if (sessions.length > 0) {
+        const left = Math.max(0, coords.logicalToX(-0.5));
+        const right = Math.min(coords.width, coords.logicalToX(coords.barCount - 0.5));
+        this.drawHighlightSet(ctx, sessions, coords, left, right);
+      }
+      this.drawHighlightSet(ctx, scene.highlights, coords, 0, coords.width);
+    }
+    drawHighlightSet(ctx, bands, coords, left, right) {
       for (const band of bands) {
         const x1 = coords.timeToX(band.from);
         const x2 = coords.timeToX(band.to);
-        if (x2 < 0 || x1 > coords.width || x2 <= x1) continue;
-        const cx = Math.max(0, x1);
-        const cw = Math.min(coords.width, x2) - cx;
-        if (cw <= 0) continue;
+        const rect = clipHighlightRect(x1, x2, left, right);
+        if (!rect) continue;
         ctx.fillStyle = band.color;
-        ctx.fillRect(cx, 0, cw, coords.height);
+        ctx.fillRect(rect.x, 0, rect.width, coords.height);
       }
     }
     // ── grid ── vert/horz gate on `scene.showGrid` AND their own per-axis visibility