flexdesk 0.6.0 → 0.6.1

package/dist/{chunk-CNXP3SIN.js → chunk-ZMCRDOCF.js}

@@ -1,7 +1,7 @@
 import {
   DataTable,
   createRafResizeObserver
-} from "./chunk-KH2GJTKR.js";
+} from "./chunk-IYV5JVYB.js";
 import {
   ManagedWindow
 } from "./chunk-6JSOVNID.js";
@@ -2370,4 +2370,4 @@ export {
   openPlotPopoutWindow,
   openRawTracesWindow
 };
-//# sourceMappingURL=chunk-CNXP3SIN.js.map
+//# sourceMappingURL=chunk-ZMCRDOCF.js.map

package/dist/flexdesk.css

@@ -713,6 +713,39 @@ body.twm-dt-col-resizing {
     color: var(--text-dim, #666);
     font-style: italic;
 }
+/* 0.6.1 `diff` — one side of a comparison. A row that is NEW on this side is
+ * green, one that is GONE on this side red, a changed row carries an amber
+ * left edge and its changed cells an amber fill, and a GAP — the place a row
+ * holds on the other side — is hatched, so the eye reads it as "nothing here"
+ * rather than as an empty row. (0,3,2) and up, for `twm-dt-cell--null`'s
+ * reason above; a selected row keeps its own colour (`:not(.selected)`). */
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--added:not(.selected) > td {
+    background: color-mix(in srgb, var(--color-success, #3fb950) 16%, transparent);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--removed:not(.selected) > td {
+    background: color-mix(in srgb, var(--color-danger, #c74e4e) 18%, transparent);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--removed > td {
+    text-decoration: line-through;
+    text-decoration-color: color-mix(in srgb, var(--color-danger, #c74e4e) 70%, transparent);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--added > td:first-child {
+    box-shadow: inset 3px 0 0 0 var(--color-success, #3fb950);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--removed > td:first-child {
+    box-shadow: inset 3px 0 0 0 var(--color-danger, #c74e4e);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--changed > td:first-child {
+    box-shadow: inset 3px 0 0 0 var(--color-warning, #ff9800);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff:not(.selected) > td.twm-dt-diff__cell--changed {
+    background: color-mix(in srgb, var(--color-warning, #ff9800) 22%, transparent);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--gap > td.twm-dt-diff__gap {
+    background: repeating-linear-gradient(135deg,
+        transparent 0 6px,
+        color-mix(in srgb, var(--text-muted, #888) 14%, transparent) 6px 7px);
+}
 /* `emptyState` and `setError` with no rows: the box's own words, which may
  * wrap — muted for an empty state, red for a failure, in both densities. Quiet
  * while loading — an empty table that is still loading is not empty. */

package/dist/flow.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6NG7YVBG.js";
 import {
   DataTable
-} from "./chunk-KH2GJTKR.js";
+} from "./chunk-IYV5JVYB.js";
 import "./chunk-6JSOVNID.js";
 import "./chunk-FL5KFNQH.js";
 import {

package/dist/tiles.js

@@ -16,8 +16,8 @@ import {
 } from "./chunk-O5OHMWBB.js";
 import {
   openRawTracesWindow
-} from "./chunk-CNXP3SIN.js";
-import "./chunk-KH2GJTKR.js";
+} from "./chunk-ZMCRDOCF.js";
+import "./chunk-IYV5JVYB.js";
 import "./chunk-6JSOVNID.js";
 import "./chunk-FL5KFNQH.js";
 import {

package/dist/widgets.js

@@ -32,7 +32,7 @@ import {
   parseDatePeriod,
   parseDateValue,
   parseDuration
-} from "./chunk-KH2GJTKR.js";
+} from "./chunk-IYV5JVYB.js";
 import {
   ManagedWindow,
   ROW_CONTROL_SELECTOR,
@@ -5488,6 +5488,85 @@ function installTabsScrollbars(selectors = [".tabs"]) {
   return () => observer.disconnect();
 }
 
+// src/ui/utils/scroll_lock.js
+function createScrollLock({ axis = "y", enabled = true } = {}) {
+  const doY = axis === "y" || axis === "both";
+  const doX = axis === "x" || axis === "both";
+  const members = /* @__PURE__ */ new Map();
+  let last = { top: 0, left: 0 };
+  let on = !!enabled;
+  function copyFrom(source) {
+    last = { top: source.scrollTop, left: source.scrollLeft };
+    if (!on) return;
+    for (const [el, state] of members) {
+      if (el === source) continue;
+      const top = doY ? last.top : el.scrollTop;
+      const left = doX ? last.left : el.scrollLeft;
+      if (el.scrollTop === top && el.scrollLeft === left) continue;
+      state.wrote = { top, left };
+      if (doY) el.scrollTop = top;
+      if (doX) el.scrollLeft = left;
+    }
+  }
+  function onScroll(event) {
+    const el = event.currentTarget;
+    const state = members.get(el);
+    if (!state) return;
+    const wrote = state.wrote;
+    state.wrote = null;
+    if (wrote && Math.abs(el.scrollTop - wrote.top) < 1 && Math.abs(el.scrollLeft - wrote.left) < 1) return;
+    copyFrom(el);
+  }
+  const lock = {
+    /** Join the group. Returns the function that leaves it. */
+    attach(el) {
+      if (!el || typeof el.addEventListener !== "function") return () => {
+      };
+      if (members.has(el)) return () => lock.detach(el);
+      const state = { wrote: null };
+      members.set(el, state);
+      el.addEventListener("scroll", onScroll, { passive: true });
+      if (on && (last.top || last.left)) {
+        state.wrote = {
+          top: doY ? last.top : el.scrollTop,
+          left: doX ? last.left : el.scrollLeft
+        };
+        if (doY) el.scrollTop = last.top;
+        if (doX) el.scrollLeft = last.left;
+      }
+      return () => lock.detach(el);
+    },
+    detach(el) {
+      if (!members.has(el)) return;
+      members.delete(el);
+      el.removeEventListener("scroll", onScroll);
+    },
+    /** Lock (true) or let the members scroll freely (false). Locking again
+     *  brings every member level with the one scrolled last. */
+    setEnabled(value) {
+      const was = on;
+      on = !!value;
+      if (on && !was) {
+        const source = [...members.keys()].find(
+          (el) => el.scrollTop === last.top && el.scrollLeft === last.left
+        ) || members.keys().next().value;
+        if (source) copyFrom(source);
+      }
+    },
+    get enabled() {
+      return on;
+    },
+    /** How many boxes are in the group (for a consumer's own checks). */
+    get size() {
+      return members.size;
+    },
+    dispose() {
+      for (const el of [...members.keys()]) lock.detach(el);
+    }
+  };
+  return lock;
+}
+
 // src/ui/utils/tooltip_service.js
 var tooltipElement = null;
 var currentTarget = null;
@@ -5767,6 +5846,7 @@ export {
   attachInlineRenamer,
   createDetailHeader,
   createRafResizeObserver,
+  createScrollLock,
   createTableStateStore,
   createTreeCategory,
   createTreeItem,