@freegridjs/core 1.6.0 → 1.7.0

package/dist/index.js

@@ -1,3 +1,143 @@
+// src/rows/filters.ts
+function isBlank(v) {
+  return v == null || typeof v === "string" && v.trim() === "" || typeof v === "number" && Number.isNaN(v);
+}
+var pad = (n) => String(n).padStart(2, "0");
+function toDateKey(v) {
+  if (isBlank(v)) return null;
+  if (typeof v === "string" && /^\d{4}-\d{2}-\d{2}$/.test(v)) return v;
+  const d = v instanceof Date ? v : new Date(v);
+  if (Number.isNaN(d.getTime())) return null;
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+}
+function setKey(v) {
+  if (isBlank(v)) return "";
+  if (v instanceof Date) return toDateKey(v) ?? "";
+  return String(v);
+}
+var all = () => true;
+function buildPredicate(model) {
+  switch (model.type) {
+    case "combined": {
+      const parts = (Array.isArray(model.conditions) ? model.conditions : []).map(buildPredicate);
+      if (!parts.length) return all;
+      return model.operator === "or" ? (v) => parts.some((p) => p(v)) : (v) => parts.every((p) => p(v));
+    }
+    case "text": {
+      const q = (model.value ?? "").toLowerCase();
+      const s = (v) => isBlank(v) ? "" : String(v).toLowerCase();
+      switch (model.op) {
+        case "contains":
+          return (v) => s(v).includes(q);
+        case "equals":
+          return (v) => s(v) === q;
+        case "notEquals":
+          return (v) => s(v) !== q;
+        case "startsWith":
+          return (v) => s(v).startsWith(q);
+        case "endsWith":
+          return (v) => s(v).endsWith(q);
+        case "blank":
+          return isBlank;
+        case "notBlank":
+          return (v) => !isBlank(v);
+      }
+      return all;
+    }
+    case "number": {
+      const n = (v) => isBlank(v) ? NaN : Number(v);
+      if (model.op === "blank") return (v) => Number.isNaN(n(v));
+      if (model.op === "notBlank") return (v) => !Number.isNaN(n(v));
+      const a = model.value;
+      if (a == null || Number.isNaN(a)) return all;
+      switch (model.op) {
+        case "eq":
+          return (v) => n(v) === a;
+        case "ne":
+          return (v) => n(v) !== a;
+        case "lt":
+          return (v) => n(v) < a;
+        case "lte":
+          return (v) => n(v) <= a;
+        case "gt":
+          return (v) => n(v) > a;
+        case "gte":
+          return (v) => n(v) >= a;
+        case "between": {
+          const b = model.valueTo;
+          if (b == null || Number.isNaN(b)) return all;
+          const lo = Math.min(a, b), hi = Math.max(a, b);
+          return (v) => {
+            const x = n(v);
+            return x >= lo && x <= hi;
+          };
+        }
+      }
+      return all;
+    }
+    case "date": {
+      if (model.op === "blank") return (v) => toDateKey(v) === null;
+      if (model.op === "notBlank") return (v) => toDateKey(v) !== null;
+      const a = model.value;
+      if (!a) return all;
+      const k = (v) => toDateKey(v);
+      switch (model.op) {
+        case "equals":
+          return (v) => k(v) === a;
+        case "before":
+          return (v) => {
+            const x = k(v);
+            return x !== null && x < a;
+          };
+        case "after":
+          return (v) => {
+            const x = k(v);
+            return x !== null && x > a;
+          };
+        case "between": {
+          const b = model.valueTo;
+          if (!b) return all;
+          const lo = a < b ? a : b, hi = a < b ? b : a;
+          return (v) => {
+            const x = k(v);
+            return x !== null && x >= lo && x <= hi;
+          };
+        }
+      }
+      return all;
+    }
+    case "set": {
+      const allowed = new Set(model.values.map(setKey));
+      return (v) => allowed.has(setKey(v));
+    }
+  }
+  return all;
+}
+function quickTokens(q) {
+  const t = q.trim().toLowerCase();
+  return t ? t.split(/\s+/) : [];
+}
+function matchesQuick(tokens, text2) {
+  return tokens.every((t) => text2.includes(t));
+}
+function buildAdvanced(f, columnDef, valueOf) {
+  const parts = [];
+  for (const c of Array.isArray(f?.conditions) ? f.conditions : []) {
+    if (!c || typeof c !== "object") continue;
+    if ("conditions" in c) {
+      const sub = buildAdvanced(c, columnDef, valueOf);
+      if (sub) parts.push(sub);
+      continue;
+    }
+    const def = columnDef(c.colId);
+    if (!def || !c.model) continue;
+    const pred = buildPredicate(c.model);
+    parts.push((row) => pred(valueOf(def, row)));
+  }
+  if (!parts.length) return null;
+  return f.operator === "or" ? (row) => parts.some((p) => p(row)) : (row) => parts.every((p) => p(row));
+}
+
 // src/warn.ts
 var seen = /* @__PURE__ */ new Set();
 function warn(message) {
@@ -6,6 +146,128 @@ function warn(message) {
   console.warn(`[FreeGrid] ${message}`);
 }
 
+// src/i18n/format.ts
+var cache = /* @__PURE__ */ new Map();
+var numberFormats = /* @__PURE__ */ new Map();
+function numberFormat(locale, maxFraction) {
+  const key = `${locale}|${maxFraction ?? ""}`;
+  let nf = numberFormats.get(key);
+  if (!nf) {
+    nf = new Intl.NumberFormat(locale, maxFraction == null ? void 0 : { maximumFractionDigits: maxFraction });
+    numberFormats.set(key, nf);
+  }
+  return nf;
+}
+function parseNumberPattern(p) {
+  if (p === "integer") return { maximumFractionDigits: 0 };
+  if (p === "percent") return { style: "percent" };
+  if (p.startsWith("currency:")) return { style: "currency", currency: p.slice(9) };
+  if (!/^[#0,]*(\.[#0]+)?%?$/.test(p) || !/[#0]/.test(p)) return null;
+  const pct = p.endsWith("%");
+  const body = pct ? p.slice(0, -1) : p;
+  const frac = body.includes(".") ? body.split(".")[1] : "";
+  return {
+    useGrouping: body.includes(","),
+    minimumFractionDigits: (frac.match(/0/g) ?? []).length,
+    maximumFractionDigits: frac.length,
+    ...pct ? { style: "percent" } : {}
+  };
+}
+var DATE_PRESETS = {
+  date: { year: "numeric", month: "2-digit", day: "2-digit" },
+  datetime: { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" },
+  time: { hour: "2-digit", minute: "2-digit" },
+  short: { dateStyle: "short" },
+  medium: { dateStyle: "medium" },
+  long: { dateStyle: "long" }
+};
+function toDate(v) {
+  if (isBlank(v)) return null;
+  if (v instanceof Date) return Number.isNaN(v.getTime()) ? null : v;
+  if (typeof v === "string") {
+    const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(v);
+    if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+  }
+  if (typeof v !== "string" && typeof v !== "number") return null;
+  const d = new Date(v);
+  return Number.isNaN(d.getTime()) ? null : d;
+}
+function create(type, format, locale) {
+  switch (type) {
+    case "number": {
+      let opts = {};
+      if (typeof format === "string") {
+        const parsed = parseNumberPattern(format);
+        if (!parsed) warn(`unknown number format "${format}"`);
+        opts = parsed ?? {};
+      } else if (format) opts = format;
+      const nf = new Intl.NumberFormat(locale, opts);
+      return (v) => {
+        if (isBlank(v)) return "";
+        const n = typeof v === "number" ? v : Number(v);
+        return Number.isNaN(n) ? String(v) : nf.format(n);
+      };
+    }
+    case "date": {
+      if (locale.toLowerCase().startsWith("ko") && (format === void 0 || format === "date" || format === "datetime")) {
+        const pad4 = (n) => String(n).padStart(2, "0");
+        const withTime = format === "datetime";
+        return (v) => {
+          const d = toDate(v);
+          if (!d) return isBlank(v) ? "" : String(v);
+          const day = `${d.getFullYear()}-${pad4(d.getMonth() + 1)}-${pad4(d.getDate())}`;
+          return withTime ? `${day} ${pad4(d.getHours())}:${pad4(d.getMinutes())}` : day;
+        };
+      }
+      let opts = DATE_PRESETS.date;
+      if (typeof format === "string") {
+        if (!DATE_PRESETS[format]) warn(`unknown date format "${format}"`);
+        opts = DATE_PRESETS[format] ?? DATE_PRESETS.date;
+      } else if (format) opts = format;
+      const df = new Intl.DateTimeFormat(locale, opts);
+      return (v) => {
+        const d = toDate(v);
+        return d ? df.format(d) : isBlank(v) ? "" : String(v);
+      };
+    }
+    case "boolean":
+      return (v) => v === true ? "\u2713" : v === false ? "\u2717" : "";
+    default:
+      return (v) => isBlank(v) ? "" : v instanceof Date ? v.toISOString() : String(v);
+  }
+}
+var sparklineText = (v) => Array.isArray(v) ? v.join(", ") : v == null ? "" : String(v);
+var byDef = /* @__PURE__ */ new WeakMap();
+var retyped = /* @__PURE__ */ new WeakMap();
+function clearFormatterCache() {
+  byDef = /* @__PURE__ */ new WeakMap();
+  retyped = /* @__PURE__ */ new WeakMap();
+}
+function getFormatterAs(def, type, locale, format = def.format) {
+  if (type === def.type && format === def.format) return getFormatter(def, locale);
+  if (format !== def.format && typeof format !== "string") return getFormatter({ ...def, type, format }, locale);
+  let byKey = retyped.get(def);
+  if (!byKey) retyped.set(def, byKey = /* @__PURE__ */ new Map());
+  const key = `${type ?? ""}|${format === def.format ? "" : `=${format}`}`;
+  let d = byKey.get(key);
+  if (!d) byKey.set(key, d = { ...def, type, format });
+  return getFormatter(d, locale);
+}
+function getFormatter(def, locale) {
+  if (def.sparkline) return sparklineText;
+  const f = def.format;
+  const hit = byDef.get(def);
+  if (hit && hit.locale === locale && hit.type === def.type && hit.format === f) return hit.fmt;
+  const key = `${locale}|${def.type ?? "text"}|${typeof f === "string" ? f : JSON.stringify(f ?? null)}`;
+  let fmt = cache.get(key);
+  if (!fmt) {
+    fmt = create(def.type, f, locale);
+    cache.set(key, fmt);
+  }
+  byDef.set(def, { locale, type: def.type, format: f, fmt });
+  return fmt;
+}
+
 // src/columns/columnModel.ts
 var SELECT_COL_ID = "__fg_select__";
 var SELECT_COLUMN = {
@@ -91,9 +353,12 @@ var ColumnModel = class {
     this.containerWidth = 0;
     this.layout = { left: [], center: [], right: [] };
     this.leafById = /* @__PURE__ */ new Map();
+    /** Leaf ids in the order the definitions list them (before any move by the user). */
+    this.declared = [];
     this.setDefs(defs);
   }
   setDefs(defs) {
+    clearFormatterCache();
     this.defs = defs;
     this.byId = /* @__PURE__ */ new Map();
     let auto = 0;
@@ -133,9 +398,36 @@ var ColumnModel = class {
       return ok;
     };
     this.roots_ = valid(defs).map((d) => build(d, null, 0));
+    this.declared = this.leafNodes().map((n) => n.id);
     this.depth = Math.max(1, ...this.roots_.map(maxDepth));
     this.relayout();
   }
+  /**
+   * New definitions that keep what the user did to the columns still there: a width, visibility,
+   * pinning or group state the user changed stays unless the new definition changes that same property,
+   * and a column order the user changed stays while the definitions list the same columns in the same order.
+   */
+  updateDefs(defs) {
+    const before = new Map(this.byId);
+    const declared = this.declared;
+    const order = this.leafNodes().map((n) => n.id);
+    this.setDefs(defs);
+    for (const [id, node] of this.byId) {
+      const old = before.get(id);
+      if (!old || !!old.children !== !!node.children) continue;
+      const a = old.def, b = node.def;
+      if (a.width === b.width && a.flex === b.flex && a.minWidth === b.minWidth && a.maxWidth === b.maxWidth) {
+        node.width = old.width;
+        node.flex = old.flex;
+      }
+      if ((a.hide ?? false) === (b.hide ?? false)) node.hide = old.hide;
+      if (a.pinned === b.pinned && old.parent?.def.pinned === node.parent?.def.pinned) node.pinned = old.pinned;
+      if (!!a.openByDefault === !!b.openByDefault) node.open = old.open;
+    }
+    const same3 = (x, y) => x.length === y.length && x.every((v, i) => v === y[i]);
+    if (same3(declared, this.declared) && !same3(order, declared)) this.applyState(order.map((colId) => ({ colId })));
+    else this.relayout();
+  }
   /** Returns true when the computed layout changed. */
   setContainerWidth(width) {
     if (width === this.containerWidth) return false;
@@ -331,7 +623,7 @@ var FormulaError = class extends Error {
     this.code = code;
   }
 };
-var ERROR_RE = /^#[A-Z/0]+[!?]$/;
+var ERROR_RE = /^#(?:[A-Z/0]+[!?]|N\/A)$/;
 var isFormulaError = (v) => typeof v === "string" && ERROR_RE.test(v);
 function tokenize(src) {
   const out = [];
@@ -398,13 +690,17 @@ var bool = (v) => typeof v === "boolean" ? v : typeof v === "string" && /^(true|
 function round(x, digits, mode = "near") {
   const d = Math.trunc(digits);
   const f = mode === "near" ? Math.round : mode === "up" ? Math.ceil : Math.floor;
-  const r = Number(`${f(Number(`${Math.abs(x)}e${d}`))}e${-d}`);
+  const shift = (n, e) => {
+    const [m, p = "0"] = String(n).split("e");
+    return Number(`${m}e${Number(p) + e}`);
+  };
+  const r = shift(f(shift(Math.abs(x), d)), -d);
   return x < 0 ? -r : r;
 }
 function compare(a, b) {
-  const numeric = (v) => typeof v === "number" || typeof v === "boolean" || isBlankValue(v);
-  if (numeric(a) && numeric(b)) return num(a) - num(b);
-  if (a instanceof Date || b instanceof Date) return num(toDate(a)) - num(toDate(b));
+  const numeric2 = (v) => typeof v === "number" || typeof v === "boolean" || isBlankValue(v);
+  if (numeric2(a) && numeric2(b)) return num(a) - num(b);
+  if (a instanceof Date || b instanceof Date) return num(toDate2(a)) - num(toDate2(b));
   return text(a).localeCompare(text(b), void 0, { sensitivity: "accent" });
 }
 var flat = (a) => a.flatMap((v) => Array.isArray(v) ? v : [v]);
@@ -414,7 +710,7 @@ function noErrors(list) {
   if (bad !== void 0) throw new FormulaError(bad);
   return list;
 }
-function toDate(v) {
+function toDate2(v) {
   if (v instanceof Date) return v;
   if (typeof v === "number") return new Date(v);
   if (typeof v === "string") {
@@ -423,9 +719,9 @@ function toDate(v) {
   }
   throw new FormulaError("#VALUE!");
 }
-var pad = (n) => String(n).padStart(2, "0");
+var pad2 = (n) => String(n).padStart(2, "0");
 function ymd(d) {
-  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+  return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())}`;
 }
 var DAY = 864e5;
 var dayNumber = (d) => Math.round(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()) / DAY);
@@ -476,11 +772,11 @@ var FUNCS = {
   },
   MIN: (a) => {
     const n = numsLoose(a);
-    return n.length ? Math.min(...n) : 0;
+    return n.length ? n.reduce((m, v) => Math.min(m, v)) : 0;
   },
   MAX: (a) => {
     const n = numsLoose(a);
-    return n.length ? Math.max(...n) : 0;
+    return n.length ? n.reduce((m, v) => Math.max(m, v)) : 0;
   },
   MEDIAN: (a) => {
     const n = numsLoose(a).sort((x, y) => x - y);
@@ -568,8 +864,8 @@ var FUNCS = {
     const v = a[0], f = text(a[1]);
     const dec = /0\.(0+)/.exec(f)?.[1].length ?? 0;
     if (/[yd]/i.test(f)) {
-      const d = toDate(v);
-      return f.replace(/yyyy/gi, String(d.getFullYear())).replace(/mm/g, pad(d.getMonth() + 1)).replace(/dd/gi, pad(d.getDate()));
+      const d = toDate2(v);
+      return f.replace(/yyyy/gi, String(d.getFullYear())).replace(/mm/g, pad2(d.getMonth() + 1)).replace(/dd/gi, pad2(d.getDate()));
     }
     const n = num(v);
     const s = f.includes("%") ? (n * 100).toFixed(dec) + "%" : f.includes(",") ? n.toLocaleString("en-US", { minimumFractionDigits: dec, maximumFractionDigits: dec }) : n.toFixed(dec);
@@ -588,20 +884,20 @@ var FUNCS = {
   TODAY: () => ymd(/* @__PURE__ */ new Date()),
   NOW: () => /* @__PURE__ */ new Date(),
   DATE: (a) => ymd(new Date(num(a[0]), num(a[1]) - 1, num(a[2]))),
-  YEAR: (a) => toDate(a[0]).getFullYear(),
-  MONTH: (a) => toDate(a[0]).getMonth() + 1,
-  DAY: (a) => toDate(a[0]).getDate(),
-  WEEKDAY: (a) => toDate(a[0]).getDay() + 1,
-  DAYS: (a) => dayNumber(toDate(a[0])) - dayNumber(toDate(a[1])),
+  YEAR: (a) => toDate2(a[0]).getFullYear(),
+  MONTH: (a) => toDate2(a[0]).getMonth() + 1,
+  DAY: (a) => toDate2(a[0]).getDate(),
+  WEEKDAY: (a) => toDate2(a[0]).getDay() + 1,
+  DAYS: (a) => dayNumber(toDate2(a[0])) - dayNumber(toDate2(a[1])),
   EDATE: (a) => {
-    const d = toDate(a[0]);
+    const d = toDate2(a[0]);
     const day = d.getDate();
     const r = new Date(d.getFullYear(), d.getMonth() + num(a[1]), 1);
     r.setDate(Math.min(day, new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate()));
     return ymd(r);
   },
   EOMONTH: (a) => {
-    const d = toDate(a[0]);
+    const d = toDate2(a[0]);
     return ymd(new Date(d.getFullYear(), d.getMonth() + num(a[1]) + 1, 0));
   },
   // over columns
@@ -1046,7 +1342,7 @@ var toNumber = (s) => {
   const n = Number(s.replace(/[,\s₩$€¥]/g, ""));
   return s.trim() !== "" && Number.isFinite(n) ? n : null;
 };
-var toDateKey = (s) => {
+var toDateKey2 = (s) => {
   const m = /^(\d{4})[-./]\s*(\d{1,2})[-./]\s*(\d{1,2})\.?$/.exec(s.trim());
   if (!m) return null;
   const y = Number(m[1]), mo = Number(m[2]), d = Number(m[3]);
@@ -1068,11 +1364,11 @@ function parseFilterText(type, text2) {
     return n === null ? void 0 : { type: "number", op: op2 ? op2[1] : "eq", value: n };
   }
   if (range) {
-    const a = toDateKey(range[1]), b = toDateKey(range[2]);
+    const a = toDateKey2(range[1]), b = toDateKey2(range[2]);
     return !a || !b ? void 0 : { type: "date", op: "between", value: a < b ? a : b, valueTo: a < b ? b : a };
   }
   const op = DATE_OPS.find(([p]) => t.startsWith(p));
-  const d = toDateKey(op ? t.slice(op[0].length) : t);
+  const d = toDateKey2(op ? t.slice(op[0].length) : t);
   return d ? { type: "date", op: op ? op[1] : "equals", value: d } : void 0;
 }
 function filterText(model) {
@@ -1155,325 +1451,93 @@ var FilterRow = class {
         const def = this.grid.columns.getNode(select.dataset.col)?.def;
         if (!def) continue;
         const v = select.value;
-        this.fillOptions(select, def);
-        if (v && ![...select.options].some((o) => o.value === v)) {
-          const o = el("option", "", { value: v });
-          o.textContent = String(JSON.parse(v));
-          select.append(o);
-        }
-        select.value = v;
-      }
-    }
-  }
-  fillOptions(select, def) {
-    const all2 = el("option", "", { value: "" });
-    all2.textContent = this.grid.store.state.locale.selectAll;
-    const opts = this.distinct(def).map((v) => {
-      const o = el("option", "", { value: JSON.stringify(v) });
-      o.textContent = v === true ? "\u2713" : v === false ? "\u2717" : String(v);
-      return o;
-    });
-    select.replaceChildren(all2, ...opts);
-  }
-  cell(c, h) {
-    const cell = el("div", "fg-filter-cell");
-    cell.style.left = `${c.left}px`;
-    cell.style.width = `${c.width}px`;
-    cell.style.height = `${h}px`;
-    const type = isSystemCol(c.id) ? null : filterTypeOf(c.def);
-    if (!type) return cell;
-    const loc = this.grid.store.state.locale;
-    const label = `${loc.filter}: ${c.def.header ?? c.def.field ?? c.id}`;
-    if (type === "set") {
-      const select = el("select", "fg-filter-input", { "aria-label": label });
-      select.dataset.col = c.id;
-      this.fillOptions(select, c.def);
-      select.addEventListener("change", () => {
-        this.grid.setFilter(c.id, select.value ? { type: "set", values: [JSON.parse(select.value)] } : null);
-      });
-      cell.append(select);
-      return cell;
-    }
-    const input = el("input", "fg-filter-input", { type: "text", "aria-label": label, spellcheck: "false", autocomplete: "off" });
-    input.dataset.col = c.id;
-    if (type === "number") input.placeholder = ">0, 10~20";
-    if (type === "date") input.placeholder = ">2026-01-01";
-    const apply = () => {
-      const model = parseFilterText(type, input.value);
-      input.classList.toggle("fg-filter-bad", model === void 0);
-      if (model === void 0) return;
-      this.grid.setFilter(c.id, model);
-    };
-    input.addEventListener("input", () => {
-      clearTimeout(this.timers.get(c.id));
-      this.timers.set(c.id, window.setTimeout(apply, 200));
-    });
-    input.addEventListener("keydown", (e) => {
-      e.stopPropagation();
-      if (e.key === "Enter") {
-        clearTimeout(this.timers.get(c.id));
-        apply();
-      } else if (e.key === "Escape") {
-        input.value = "";
-        clearTimeout(this.timers.get(c.id));
-        apply();
-      }
-    });
-    cell.append(input);
-    return cell;
-  }
-  /** Values for a set box: distinct, sorted, at most 200. */
-  distinct(def) {
-    const seen2 = /* @__PURE__ */ new Map();
-    for (const row of this.grid.store.state.data) {
-      const v = getCellValue(def, row);
-      if (v === null || v === void 0 || v === "") continue;
-      const k = JSON.stringify(v);
-      if (!seen2.has(k)) seen2.set(k, v);
-      if (seen2.size >= 200) break;
-    }
-    return [...seen2.values()].sort((a, b) => String(a).localeCompare(String(b)));
-  }
-  setTransform(x) {
-    this.inners.center.style.transform = `translateX(${-x}px)`;
-  }
-  destroy() {
-    for (const t of this.timers.values()) clearTimeout(t);
-    for (const r of REGIONS2) this.inners[r].remove();
-  }
-};
-
-// src/rows/filters.ts
-function isBlank(v) {
-  return v == null || typeof v === "string" && v.trim() === "" || typeof v === "number" && Number.isNaN(v);
-}
-var pad2 = (n) => String(n).padStart(2, "0");
-function toDateKey2(v) {
-  if (isBlank(v)) return null;
-  if (typeof v === "string" && /^\d{4}-\d{2}-\d{2}$/.test(v)) return v;
-  const d = v instanceof Date ? v : new Date(v);
-  if (Number.isNaN(d.getTime())) return null;
-  return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())}`;
-}
-function setKey(v) {
-  if (isBlank(v)) return "";
-  if (v instanceof Date) return toDateKey2(v) ?? "";
-  return String(v);
-}
-var all = () => true;
-function buildPredicate(model) {
-  switch (model.type) {
-    case "combined": {
-      const parts = (Array.isArray(model.conditions) ? model.conditions : []).map(buildPredicate);
-      if (!parts.length) return all;
-      return model.operator === "or" ? (v) => parts.some((p) => p(v)) : (v) => parts.every((p) => p(v));
-    }
-    case "text": {
-      const q = (model.value ?? "").toLowerCase();
-      const s = (v) => isBlank(v) ? "" : String(v).toLowerCase();
-      switch (model.op) {
-        case "contains":
-          return (v) => s(v).includes(q);
-        case "equals":
-          return (v) => s(v) === q;
-        case "notEquals":
-          return (v) => s(v) !== q;
-        case "startsWith":
-          return (v) => s(v).startsWith(q);
-        case "endsWith":
-          return (v) => s(v).endsWith(q);
-        case "blank":
-          return isBlank;
-        case "notBlank":
-          return (v) => !isBlank(v);
-      }
-      return all;
-    }
-    case "number": {
-      const n = (v) => isBlank(v) ? NaN : Number(v);
-      if (model.op === "blank") return (v) => Number.isNaN(n(v));
-      if (model.op === "notBlank") return (v) => !Number.isNaN(n(v));
-      const a = model.value;
-      if (a == null || Number.isNaN(a)) return all;
-      switch (model.op) {
-        case "eq":
-          return (v) => n(v) === a;
-        case "ne":
-          return (v) => n(v) !== a;
-        case "lt":
-          return (v) => n(v) < a;
-        case "lte":
-          return (v) => n(v) <= a;
-        case "gt":
-          return (v) => n(v) > a;
-        case "gte":
-          return (v) => n(v) >= a;
-        case "between": {
-          const b = model.valueTo;
-          if (b == null || Number.isNaN(b)) return all;
-          const lo = Math.min(a, b), hi = Math.max(a, b);
-          return (v) => {
-            const x = n(v);
-            return x >= lo && x <= hi;
-          };
-        }
-      }
-      return all;
-    }
-    case "date": {
-      if (model.op === "blank") return (v) => toDateKey2(v) === null;
-      if (model.op === "notBlank") return (v) => toDateKey2(v) !== null;
-      const a = model.value;
-      if (!a) return all;
-      const k = (v) => toDateKey2(v);
-      switch (model.op) {
-        case "equals":
-          return (v) => k(v) === a;
-        case "before":
-          return (v) => {
-            const x = k(v);
-            return x !== null && x < a;
-          };
-        case "after":
-          return (v) => {
-            const x = k(v);
-            return x !== null && x > a;
-          };
-        case "between": {
-          const b = model.valueTo;
-          if (!b) return all;
-          const lo = a < b ? a : b, hi = a < b ? b : a;
-          return (v) => {
-            const x = k(v);
-            return x !== null && x >= lo && x <= hi;
-          };
-        }
-      }
-      return all;
-    }
-    case "set": {
-      const allowed = new Set(model.values.map(setKey));
-      return (v) => allowed.has(setKey(v));
-    }
-  }
-  return all;
-}
-function quickTokens(q) {
-  const t = q.trim().toLowerCase();
-  return t ? t.split(/\s+/) : [];
-}
-function matchesQuick(tokens, text2) {
-  return tokens.every((t) => text2.includes(t));
-}
-function buildAdvanced(f, columnDef, valueOf) {
-  const parts = [];
-  for (const c of Array.isArray(f?.conditions) ? f.conditions : []) {
-    if (!c || typeof c !== "object") continue;
-    if ("conditions" in c) {
-      const sub = buildAdvanced(c, columnDef, valueOf);
-      if (sub) parts.push(sub);
-      continue;
+        this.fillOptions(select, def);
+        if (v && ![...select.options].some((o) => o.value === v)) {
+          const o = el("option", "", { value: v });
+          o.textContent = String(JSON.parse(v));
+          select.append(o);
+        }
+        select.value = v;
+      }
     }
-    const def = columnDef(c.colId);
-    if (!def || !c.model) continue;
-    const pred = buildPredicate(c.model);
-    parts.push((row) => pred(valueOf(def, row)));
   }
-  if (!parts.length) return null;
-  return f.operator === "or" ? (row) => parts.some((p) => p(row)) : (row) => parts.every((p) => p(row));
-}
-
-// src/i18n/format.ts
-var cache = /* @__PURE__ */ new Map();
-function parseNumberPattern(p) {
-  if (p === "integer") return { maximumFractionDigits: 0 };
-  if (p === "percent") return { style: "percent" };
-  if (p.startsWith("currency:")) return { style: "currency", currency: p.slice(9) };
-  if (!/^[#0,]*(\.[#0]+)?%?$/.test(p) || !/[#0]/.test(p)) return null;
-  const pct = p.endsWith("%");
-  const body = pct ? p.slice(0, -1) : p;
-  const frac = body.includes(".") ? body.split(".")[1] : "";
-  return {
-    useGrouping: body.includes(","),
-    minimumFractionDigits: (frac.match(/0/g) ?? []).length,
-    maximumFractionDigits: frac.length,
-    ...pct ? { style: "percent" } : {}
-  };
-}
-var DATE_PRESETS = {
-  date: { year: "numeric", month: "2-digit", day: "2-digit" },
-  datetime: { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" },
-  time: { hour: "2-digit", minute: "2-digit" },
-  short: { dateStyle: "short" },
-  medium: { dateStyle: "medium" },
-  long: { dateStyle: "long" }
-};
-function toDate2(v) {
-  if (isBlank(v)) return null;
-  if (v instanceof Date) return Number.isNaN(v.getTime()) ? null : v;
-  if (typeof v === "string") {
-    const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(v);
-    if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+  fillOptions(select, def) {
+    const all2 = el("option", "", { value: "" });
+    all2.textContent = this.grid.store.state.locale.selectAll;
+    const opts = this.distinct(def).map((v) => {
+      const o = el("option", "", { value: JSON.stringify(v) });
+      o.textContent = v === true ? "\u2713" : v === false ? "\u2717" : String(v);
+      return o;
+    });
+    select.replaceChildren(all2, ...opts);
   }
-  if (typeof v !== "string" && typeof v !== "number") return null;
-  const d = new Date(v);
-  return Number.isNaN(d.getTime()) ? null : d;
-}
-function create(type, format, locale) {
-  switch (type) {
-    case "number": {
-      let opts = {};
-      if (typeof format === "string") {
-        const parsed = parseNumberPattern(format);
-        if (!parsed) warn(`unknown number format "${format}"`);
-        opts = parsed ?? {};
-      } else if (format) opts = format;
-      const nf = new Intl.NumberFormat(locale, opts);
-      return (v) => {
-        if (isBlank(v)) return "";
-        const n = typeof v === "number" ? v : Number(v);
-        return Number.isNaN(n) ? String(v) : nf.format(n);
-      };
+  cell(c, h) {
+    const cell = el("div", "fg-filter-cell");
+    cell.style.left = `${c.left}px`;
+    cell.style.width = `${c.width}px`;
+    cell.style.height = `${h}px`;
+    const type = isSystemCol(c.id) ? null : filterTypeOf(c.def);
+    if (!type) return cell;
+    const loc = this.grid.store.state.locale;
+    const label = `${loc.filter}: ${c.def.header ?? c.def.field ?? c.id}`;
+    if (type === "set") {
+      const select = el("select", "fg-filter-input", { "aria-label": label });
+      select.dataset.col = c.id;
+      this.fillOptions(select, c.def);
+      select.addEventListener("change", () => {
+        this.grid.setFilter(c.id, select.value ? { type: "set", values: [JSON.parse(select.value)] } : null);
+      });
+      cell.append(select);
+      return cell;
     }
-    case "date": {
-      if (locale.toLowerCase().startsWith("ko") && (format === void 0 || format === "date" || format === "datetime")) {
-        const pad4 = (n) => String(n).padStart(2, "0");
-        const withTime = format === "datetime";
-        return (v) => {
-          const d = toDate2(v);
-          if (!d) return isBlank(v) ? "" : String(v);
-          const day = `${d.getFullYear()}-${pad4(d.getMonth() + 1)}-${pad4(d.getDate())}`;
-          return withTime ? `${day} ${pad4(d.getHours())}:${pad4(d.getMinutes())}` : day;
-        };
+    const input = el("input", "fg-filter-input", { type: "text", "aria-label": label, spellcheck: "false", autocomplete: "off" });
+    input.dataset.col = c.id;
+    if (type === "number") input.placeholder = ">0, 10~20";
+    if (type === "date") input.placeholder = ">2026-01-01";
+    const apply = () => {
+      const model = parseFilterText(type, input.value);
+      input.classList.toggle("fg-filter-bad", model === void 0);
+      if (model === void 0) return;
+      this.grid.setFilter(c.id, model);
+    };
+    input.addEventListener("input", () => {
+      clearTimeout(this.timers.get(c.id));
+      this.timers.set(c.id, window.setTimeout(apply, 200));
+    });
+    input.addEventListener("keydown", (e) => {
+      e.stopPropagation();
+      if (e.key === "Enter") {
+        clearTimeout(this.timers.get(c.id));
+        apply();
+      } else if (e.key === "Escape") {
+        input.value = "";
+        clearTimeout(this.timers.get(c.id));
+        apply();
       }
-      let opts = DATE_PRESETS.date;
-      if (typeof format === "string") {
-        if (!DATE_PRESETS[format]) warn(`unknown date format "${format}"`);
-        opts = DATE_PRESETS[format] ?? DATE_PRESETS.date;
-      } else if (format) opts = format;
-      const df = new Intl.DateTimeFormat(locale, opts);
-      return (v) => {
-        const d = toDate2(v);
-        return d ? df.format(d) : isBlank(v) ? "" : String(v);
-      };
+    });
+    cell.append(input);
+    return cell;
+  }
+  /** Values for a set box: distinct, sorted, at most 200. */
+  distinct(def) {
+    const seen2 = /* @__PURE__ */ new Map();
+    for (const row of this.grid.store.state.data) {
+      const v = getCellValue(def, row);
+      if (v === null || v === void 0 || v === "") continue;
+      const k = JSON.stringify(v);
+      if (!seen2.has(k)) seen2.set(k, v);
+      if (seen2.size >= 200) break;
     }
-    case "boolean":
-      return (v) => v === true ? "\u2713" : v === false ? "\u2717" : "";
-    default:
-      return (v) => isBlank(v) ? "" : v instanceof Date ? v.toISOString() : String(v);
+    return [...seen2.values()].sort((a, b) => String(a).localeCompare(String(b)));
   }
-}
-function getFormatter(def, locale) {
-  if (def.sparkline) return (v) => Array.isArray(v) ? v.join(", ") : v == null ? "" : String(v);
-  const f = def.format;
-  const key = `${locale}|${def.type ?? "text"}|${typeof f === "string" ? f : JSON.stringify(f ?? null)}`;
-  let fmt = cache.get(key);
-  if (!fmt) {
-    fmt = create(def.type, f, locale);
-    cache.set(key, fmt);
+  setTransform(x) {
+    this.inners.center.style.transform = `translateX(${-x}px)`;
   }
-  return fmt;
-}
+  destroy() {
+    for (const t of this.timers.values()) clearTimeout(t);
+    for (const r of REGIONS2) this.inners[r].remove();
+  }
+};
 
 // src/summary.ts
 function numbers(values) {
@@ -1492,7 +1556,9 @@ function extreme(values, pickMax) {
   }
   const nums = numbers(values);
   if (!nums.length) return null;
-  return pickMax ? Math.max(...nums) : Math.min(...nums);
+  let out = nums[0];
+  for (const n of nums) if (pickMax ? n > out : n < out) out = n;
+  return out;
 }
 function aggregate(agg, values, rows) {
   if (typeof agg === "function") return agg(values, rows);
@@ -1559,7 +1625,7 @@ function computeSpans(rows, def) {
     }
     return { start, end };
   }
-  const same2 = typeof def.merge === "function" ? (a, b) => {
+  const same3 = typeof def.merge === "function" ? (a, b) => {
     try {
       return !!def.merge(getCellValue(def, rows[a]), getCellValue(def, rows[b]), rows[a], rows[b]);
     } catch {
@@ -1574,7 +1640,7 @@ function computeSpans(rows, def) {
   })();
   let s = 0;
   for (let i = 1; i <= n; i++) {
-    if (i < n && same2(i - 1, i)) continue;
+    if (i < n && same3(i - 1, i)) continue;
     for (let k = s; k < i; k++) {
       start[k] = s;
       end[k] = i - 1;
@@ -1652,6 +1718,17 @@ var Renderer = class {
     this.activeCellId = "";
     this.idBase = `fg${Math.random().toString(36).slice(2, 8)}`;
     this.painted = { left: /* @__PURE__ */ new Map(), center: /* @__PURE__ */ new Map(), right: /* @__PURE__ */ new Map() };
+    /**
+     * Scroller geometry read once per frame, before any cell is written: reading it after
+     * writing cells would make the browser lay out every painted cell again.
+     */
+    this.geo = { top: 0, left: 0, cw: 0, ch: 0, ow: 0, oh: 0 };
+    /** Sizes written before the rows last frame; when they are unchanged the geometry read at the start still holds. */
+    this.layoutSig = "";
+    /** Row indexes painted this frame: the only ones autoRowHeight has to measure again. */
+    this.touched = /* @__PURE__ */ new Set();
+    /** Measured heights were dropped: measure every painted row next time, not only the repainted ones. */
+    this.measureAll = false;
     this.pool = { left: [], center: [], right: [] };
     this.frame = 0;
     this.headerDirty = true;
@@ -1663,6 +1740,7 @@ var Renderer = class {
     this.summaryEl = null;
     this.summaryPanes = null;
     this.summaryInners = null;
+    this.summaryKey = null;
     /** Summary rows painted inside the scrolling canvases (unpinned mode). */
     this.canvasSummary = { left: [], center: [], right: [] };
     /** Height of unpinned top summary rows; data rows are shifted down by it. */
@@ -1691,7 +1769,7 @@ var Renderer = class {
       if (this.frame) cancelAnimationFrame(this.frame);
       this.frame = 0;
       this.render();
-      this.grid.events.emit("scroll", this.getScroll());
+      this.grid.events.emit("scroll", this.cards ? this.getScroll() : { top: this.geo.top, left: this.geo.left });
     };
     this.onSideWheel = (e) => {
       if (!e.deltaY) return;
@@ -1757,6 +1835,10 @@ var Renderer = class {
   get activeScroller() {
     return this.cards?.scroller ?? this.scroller;
   }
+  readGeo() {
+    const s = this.scroller;
+    this.geo = { top: s.scrollTop, left: s.scrollLeft, cw: s.clientWidth, ch: s.clientHeight, ow: s.offsetWidth, oh: s.offsetHeight };
+  }
   getScroll() {
     const s = this.activeScroller;
     return { top: s.scrollTop, left: s.scrollLeft };
@@ -1804,7 +1886,8 @@ var Renderer = class {
   render() {
     const { columns, rowModel, store, options } = this.grid;
     const { rowHeight: rh, headerHeight: hh } = this.opts;
-    const vScrollbar = this.scroller.offsetWidth - this.scroller.clientWidth;
+    this.readGeo();
+    const vScrollbar = this.geo.ow - this.geo.cw;
     if (columns.setContainerWidth(Math.max(0, this.main.clientWidth - vScrollbar))) {
       this.headerDirty = true;
       this.version++;
@@ -1845,7 +1928,12 @@ var Renderer = class {
       this.root.classList.add("fg-auto-height");
       this.bodyEl.style.height = `${this.rowsHeight(count) + this.topOffset + bottomExtra + Math.max(0, this.scroller.offsetHeight - this.scroller.clientHeight)}px`;
     }
-    const hScrollbar = this.scroller.offsetHeight - this.scroller.clientHeight;
+    const sig = `${headerHeight}|${REGIONS3.map((r) => columns.regionWidth(r)).join(",")}|${this.rowsHeight(count) + this.topOffset + bottomExtra}|${summary && sumPinned ? sumPos : ""}|${sumRows}|${options.autoHeight ? 1 : 0}`;
+    if (sig !== this.layoutSig) {
+      this.layoutSig = sig;
+      this.readGeo();
+    }
+    const hScrollbar = this.geo.oh - this.geo.ch;
     this.bodyPanes.left.style.marginBottom = this.bodyPanes.right.style.marginBottom = `${hScrollbar}px`;
     const g = this.gridEl;
     g.setAttribute("role", options.treeData || this.grid.getGroupBy().length ? "treegrid" : "grid");
@@ -1868,7 +1956,7 @@ var Renderer = class {
     this.orderSections(summary && sumPinned ? sumPos : null);
     this.paintOverlay(count);
     this.overlay.style.top = `${headerHeight}px`;
-    const { scrollTop, scrollLeft } = this.scroller;
+    const { top: scrollTop, left: scrollLeft } = this.geo;
     this.bodyPanes.left.scrollTop = this.bodyPanes.right.scrollTop = scrollTop;
     this.headerInners.center.style.transform = `translateX(${-scrollLeft}px)`;
     this.filterRow?.setTransform(scrollLeft);
@@ -1951,9 +2039,12 @@ var Renderer = class {
     const s = section ?? new Section(`fg-pinned-rows fg-pinned-${position}`);
     const { columns } = this.grid;
     const rh = this.opts.rowHeight;
-    s.size(columns, rows.length * rh, this.scroller.offsetWidth - this.scroller.clientWidth);
+    s.size(columns, rows.length * rh, this.geo.ow - this.geo.cw);
     const center = columns.region("center");
-    const cr = colRange(center.map((c) => c.left), center.map((c) => c.width), this.scroller.scrollLeft, this.scroller.clientWidth, COL_OVERSCAN);
+    const cr = colRange(center.map((c) => c.left), center.map((c) => c.width), this.geo.left, this.geo.cw, COL_OVERSCAN);
+    const key = [rows, rows.length, this.version, this.grid.valuesVersion, cr.first, cr.last, rh, this.grid.store.state.locale.code];
+    if (section && sameKey(key, s.key)) return s;
+    s.key = key;
     for (const r of REGIONS3) {
       const cols = r === "center" ? center.slice(cr.first, cr.last + 1) : columns.region(r);
       s.inners[r].replaceChildren(...rows.map((data, k) => {
@@ -1984,12 +2075,12 @@ var Renderer = class {
     const { grid } = this;
     const state = grid.store.state;
     const total = grid.rowModel.server ? count : grid.viewRows().length;
-    const key = `${this.version}|${count}|${total}|${state.selected.size}|${JSON.stringify(state.range)}|${state.locale.code}`;
+    const key = `${this.version}.${grid.valuesVersion}|${count}|${total}|${state.selected.size}|${JSON.stringify(state.range)}|${state.locale.code}`;
     if (this.statusEl && key === this.statusKey) return;
     this.statusKey = key;
     this.statusEl ?? (this.statusEl = el("div", "fg-statusbar", { role: "status", "aria-live": "polite" }));
     const loc = state.locale;
-    const nf = new Intl.NumberFormat(loc.code, { maximumFractionDigits: 2 });
+    const nf = numberFormat(loc.code, 2);
     const left = el("span", "fg-status-rows");
     left.textContent = (count === total ? loc.statusRows.replace("{n}", nf.format(total)) : loc.statusFiltered.replace("{shown}", nf.format(count)).replace("{total}", nf.format(total))) + (state.selected.size ? ` \xB7 ${loc.statusSelected.replace("{n}", nf.format(state.selected.size))}` : "");
     const right = el("span", "fg-status-aggs");
@@ -2098,27 +2189,39 @@ var Renderer = class {
     return cell;
   }
   selectAllBox(locale) {
-    const rows = this.grid.selectableRows();
-    const sel = this.grid.store.state.selected;
-    let n = 0;
-    for (const r of rows) if (sel.has(r.id)) n++;
     const box = el("input", "fg-checkbox fg-select-all", { type: "checkbox", tabindex: "-1", "aria-label": locale.selectAllRows });
-    box.checked = rows.length > 0 && n === rows.length;
-    box.indeterminate = n > 0 && n < rows.length;
+    this.paintSelectAll(box);
     box.hidden = this.grid.options.rowSelection !== "multiple" || this.grid.options.headerCheckbox === false;
     return box;
   }
+  paintSelectAll(box) {
+    const ids = this.grid.selectableIds();
+    let n = 0;
+    for (const id of this.grid.store.state.selected) if (ids.has(id)) n++;
+    box.checked = ids.size > 0 && n === ids.size;
+    box.indeterminate = n > 0 && n < ids.size;
+  }
+  /** Only the selection changed: update the select-all box instead of building the header again. */
+  selectionChanged() {
+    const boxes = this.headerEl.querySelectorAll(".fg-select-all");
+    if (!boxes.length) return;
+    for (const box of boxes) this.paintSelectAll(box);
+  }
   renderRows(count) {
     const { columns, rowModel, store } = this.grid;
     const { selected, focus } = store.state;
     const allBounds = this.grid.allRangeBounds();
     const spans = this.grid.mergeSpans();
-    const top = Math.max(0, this.scroller.scrollTop - this.topOffset);
-    const range = this.grid.options.autoHeight && !rowModel.server ? { first: 0, last: count - 1 } : this.offsets ? rowRangeByOffsets(this.offsets, top, this.scroller.clientHeight, count, ROW_OVERSCAN) : rowRange(top, this.scroller.clientHeight, this.opts.rowHeight, count, ROW_OVERSCAN);
+    const { geo } = this;
+    const top = Math.max(0, geo.top - this.topOffset);
+    const range = this.grid.options.autoHeight && !rowModel.server ? { first: 0, last: count - 1 } : this.offsets ? rowRangeByOffsets(this.offsets, top, geo.ch, count, ROW_OVERSCAN) : rowRange(top, geo.ch, this.opts.rowHeight, count, ROW_OVERSCAN);
     this.lastRange = range;
     const center = columns.region("center");
-    const cr = colRange(center.map((c) => c.left), center.map((c) => c.width), this.scroller.scrollLeft, this.scroller.clientWidth, COL_OVERSCAN);
-    if (center.some((c) => c.def.colSpan)) cr.first = Math.max(0, cr.first - MAX_COLSPAN_REACH);
+    const cr = colRange(center.map((c) => c.left), center.map((c) => c.width), this.geo.left, this.geo.cw, COL_OVERSCAN);
+    const colSpans = center.some((c) => c.def.colSpan);
+    if (colSpans) cr.first = Math.max(0, cr.first - MAX_COLSPAN_REACH);
+    const slide = !colSpans && !spans.size;
+    this.touched.clear();
     for (const r of REGIONS3) {
       const cols = r === "center" ? center.slice(cr.first, cr.last + 1) : columns.region(r);
       const map = this.painted[r];
@@ -2137,8 +2240,9 @@ var Renderer = class {
         const hits = allBounds.filter((b) => i >= b.r1 && i <= b.r2);
         const inRange = hits.map((b) => `${b.c1}-${b.c2}`).join(",");
         const merge2 = this.mergeState(spans, cols, i, range.first);
-        const pos = node.kind === "detail" ? `${this.scroller.scrollLeft}:${this.scroller.clientWidth}` : "";
-        const key = `${node.id}|${this.version}.${this.rowVersions.get(node.id) ?? 0}|${colKey}|${isSel ? 1 : 0}${node.kind === "group" ? `:${this.grid.selectionVersion}` : ""}|${focusCol}|${inRange}|${merge2}|${pos}`;
+        const pos = node.kind === "detail" ? `${geo.left}:${geo.cw}` : "";
+        const base = `${node.id}|${this.version}.${this.rowVersions.get(node.id) ?? 0}|${isSel ? 1 : 0}${node.kind === "group" ? `:${this.grid.selectionVersion}` : ""}|${focusCol}|${inRange}|${merge2}|${pos}`;
+        const key = `${colKey}|${base}`;
         let row = map.get(i);
         if (!row) {
           const rowEl = this.pool[r].pop() ?? el("div", "fg-row", { role: "row" });
@@ -2147,7 +2251,15 @@ var Renderer = class {
           map.set(i, row);
         }
         if (row.key === key) continue;
+        this.touched.add(i);
+        if (slide && r === "center" && !node.kind && row.base === base && this.slideCells(row, node, i, center, cr, isSel, focusCol, hits)) {
+          row.key = key;
+          continue;
+        }
         row.key = key;
+        row.base = r === "center" && !node.kind ? base : void 0;
+        row.first = cr.first;
+        row.last = cr.last;
         if (row.el.dataset.kind !== (node.kind ?? "")) {
           row.el.replaceChildren();
           row.el.dataset.kind = node.kind ?? "";
@@ -2159,6 +2271,29 @@ var Renderer = class {
       }
     }
   }
+  /**
+   * Same row, only the column window moved: drop the cells that left and paint the ones that came in.
+   * False when the windows do not overlap (a full paint is as cheap).
+   */
+  slideCells(row, node, i, center, cr, selected, focusCol, bounds) {
+    const of = row.first, ol = row.last;
+    if (cr.first > ol || cr.last < of || row.el.childElementCount !== ol - of + 1) return false;
+    const rowEl = row.el;
+    for (let k = of; k < cr.first; k++) rowEl.firstElementChild.remove();
+    for (let k = ol; k > cr.last; k--) rowEl.lastElementChild.remove();
+    const paint = (col) => {
+      const cellEl = el("div", "fg-cell", { role: "gridcell" });
+      this.paintCell(cellEl, node, i, col, selected, focusCol === col.id);
+      if (col.id === this.firstDataId) this.decorate(cellEl, node);
+      if (!isSystemCol(col.id) && bounds.some((b) => col.index >= b.c1 && col.index <= b.c2)) cellEl.classList.add("fg-cell-range");
+      return cellEl;
+    };
+    if (cr.first < of) rowEl.prepend(...center.slice(cr.first, of).map(paint));
+    if (cr.last > ol) rowEl.append(...center.slice(ol + 1, cr.last + 1).map(paint));
+    row.first = cr.first;
+    row.last = cr.last;
+    return true;
+  }
   /** Per-row merge signature: n = not merged, d = draws the merged block, h = hidden inside a block. */
   mergeState(spans, cols, i, first) {
     if (!spans.size) return "";
@@ -2379,19 +2514,26 @@ var Renderer = class {
       this.summaryInners[r].style.width = `${w}px`;
       this.summaryInners[r].style.height = `${height}px`;
     }
-    const vScrollbar = this.scroller.offsetWidth - this.scroller.clientWidth;
+    const vScrollbar = this.geo.ow - this.geo.cw;
     this.summaryPanes.center.style.marginRight = `${vScrollbar}px`;
   }
   renderSummary(count, defs, values, pinned, position) {
+    if (!defs && !this.summaryKey) return;
+    const center = this.grid.columns.region("center");
+    const cr = colRange(center.map((c) => c.left), center.map((c) => c.width), this.geo.left, this.geo.cw, COL_OVERSCAN);
+    const key = [defs, values, pinned, position, this.summaryInners, this.version, cr.first, cr.last, this.opts.rowHeight, pinned ? 0 : this.rowsHeight(count), this.grid.store.state.locale.code];
+    if (sameKey(key, this.summaryKey)) return;
+    this.summaryKey = key;
     for (const r of REGIONS3) {
       for (const old of this.canvasSummary[r]) old.remove();
       this.canvasSummary[r] = [];
     }
-    if (!defs) return;
+    if (!defs) {
+      this.summaryKey = null;
+      return;
+    }
     const { columns } = this.grid;
     const rh = this.opts.rowHeight;
-    const center = columns.region("center");
-    const cr = colRange(center.map((c) => c.left), center.map((c) => c.width), this.scroller.scrollLeft, this.scroller.clientWidth, COL_OVERSCAN);
     const dataCols = columns.displayed().filter((c) => !isSystemCol(c.id));
     for (const r of REGIONS3) {
       const cols = r === "center" ? center.slice(cr.first, cr.last + 1) : columns.region(r);
@@ -2433,10 +2575,10 @@ var Renderer = class {
     let text2;
     if (value == null || value === "") text2 = "";
     else if (typeof value === "string") text2 = value;
-    else if (s.agg === "count") text2 = new Intl.NumberFormat(code).format(value);
+    else if (s.agg === "count") text2 = numberFormat(code).format(value);
     else {
       const type = cd.type ?? (typeof value === "number" ? "number" : value instanceof Date ? "date" : void 0);
-      text2 = getFormatter({ ...cd, type, format: s.format ?? cd.format }, code)(value);
+      text2 = getFormatterAs(cd, type, code, s.format ?? cd.format)(value);
     }
     cell.textContent = s.prefix && text2 ? `${s.prefix} ${text2}` : text2;
     return cell;
@@ -2458,24 +2600,30 @@ var Renderer = class {
     if (this.heightOf) this.heightsVersion++;
     if (!this.rowHeights.size) return;
     this.rowHeights.clear();
+    this.measureAll = true;
     this.heightsVersion++;
   }
   /** Measure wrapped cells of the painted rows; when a height changes, lay out again next frame. */
   measureRows() {
     const base = this.opts.rowHeight;
     const need = /* @__PURE__ */ new Map();
-    for (const r of REGIONS3) {
-      for (const [i, row] of this.painted[r]) {
-        const node = this.grid.rowModel.getRow(i);
-        if (!node || node.kind) continue;
-        let h = need.get(i) ?? base;
+    const rows = this.measureAll ? new Set(REGIONS3.flatMap((r) => [...this.painted[r].keys()])) : this.touched;
+    this.measureAll = false;
+    for (const i of rows) {
+      const node = this.grid.rowModel.getRow(i);
+      if (!node || node.kind) continue;
+      let h = base;
+      for (const r of REGIONS3) {
+        const row = this.painted[r].get(i);
+        if (!row) continue;
         for (const cell of row.el.querySelectorAll(".fg-cell-wrap")) {
           if (cell.classList.contains("fg-cell-merged") || cell.classList.contains("fg-cell-merge-hidden")) continue;
           h = Math.max(h, Math.ceil(cell.scrollHeight));
         }
-        need.set(i, h);
       }
+      need.set(i, h);
     }
+    this.touched.clear();
     let changed = false;
     for (const [i, h] of need) {
       const id = this.grid.rowModel.getRow(i).id;
@@ -2596,7 +2744,7 @@ var Renderer = class {
         const def2 = grid.columns.getNode(g.colId)?.def;
         const label = el("span", "fg-group-label");
         const value2 = isBlank(g.value) ? loc.blanks : def2 ? getFormatter(def2, loc.code)(g.value) : String(g.value);
-        const nf = new Intl.NumberFormat(loc.code);
+        const nf = numberFormat(loc.code);
         const count = g.count ?? (g.aggregates ? null : g.rows.length);
         label.textContent = `${def2?.header ?? def2?.field ?? g.colId}: ${value2}${count == null ? "" : ` (${nf.format(count)})`}`;
         cell.replaceChildren(toggle, label);
@@ -2607,10 +2755,10 @@ var Renderer = class {
       cell.className = `fg-cell fg-align-${align}${focused}`;
       const value = def.aggFunc && !isSystemCol(col.id) ? grid.groupAggregate(node, col.id) : void 0;
       if (value == null || value === "") cell.textContent = "";
-      else if (def.aggFunc === "count") cell.textContent = new Intl.NumberFormat(loc.code).format(value);
+      else if (def.aggFunc === "count") cell.textContent = numberFormat(loc.code).format(value);
       else {
         const type = def.type ?? (typeof value === "number" ? "number" : value instanceof Date ? "date" : void 0);
-        cell.textContent = getFormatter({ ...def, type }, loc.code)(value);
+        cell.textContent = getFormatterAs(def, type, loc.code)(value);
       }
       if (cell.textContent) cell.classList.add("fg-cell-agg");
     });
@@ -2637,8 +2785,8 @@ var Renderer = class {
       }
       this.details.set(master.id, panel);
     }
-    panel.style.left = `${this.scroller.scrollLeft}px`;
-    panel.style.width = `${this.scroller.clientWidth || this.grid.columns.regionWidth("center")}px`;
+    panel.style.left = `${this.geo.left}px`;
+    panel.style.width = `${this.geo.cw || this.grid.columns.regionWidth("center")}px`;
     if (rowEl.firstChild !== panel || rowEl.childNodes.length !== 1) rowEl.replaceChildren(panel);
   }
   /** Server rows that are on their way: grey bars in the data cells. */
@@ -2688,7 +2836,7 @@ var Renderer = class {
       });
     }
     this.pagerEl.setAttribute("aria-label", loc.pageSize);
-    const nf = new Intl.NumberFormat(loc.code);
+    const nf = numberFormat(loc.code);
     const from = total ? page * size + 1 : 0, to = Math.min(total, (page + 1) * size);
     const range = el("span", "fg-pager-range");
     range.textContent = loc.pagerRange.replace("{from}", nf.format(from)).replace("{to}", nf.format(to)).replace("{total}", nf.format(total));
@@ -2855,6 +3003,8 @@ var Renderer = class {
 };
 var Section = class {
   constructor(cls) {
+    /** What the rows were last built from. */
+    this.key = null;
     const mk = (c) => ({
       left: el("div", `${c} ${c}-left`),
       center: el("div", `${c} ${c}-center`),
@@ -2882,6 +3032,9 @@ var Section = class {
     this.panes.center.style.marginRight = `${vScrollbar}px`;
   }
 };
+function sameKey(a, b) {
+  return !!b && a.length === b.length && a.every((k, i) => k === b[i]);
+}
 var SVG_NS = "http://www.w3.org/2000/svg";
 function sparkline(nums, opt, width, rowHeight) {
   const w = Math.max(20, width - 16), h = Math.max(10, rowHeight - 14);
@@ -2893,8 +3046,8 @@ function sparkline(nums, opt, width, rowHeight) {
   svgEl.setAttribute("aria-hidden", "true");
   const color = opt.color ?? "var(--fg-accent)";
   const bars = opt.type === "bar";
-  let min = bars ? Math.min(0, ...nums) : Math.min(...nums);
-  let max = bars ? Math.max(0, ...nums) : Math.max(...nums);
+  let min = nums.reduce((m, v) => Math.min(m, v), bars ? 0 : Infinity);
+  let max = nums.reduce((m, v) => Math.max(m, v), bars ? 0 : -Infinity);
   if (min === max) {
     min -= 1;
     max += 1;
@@ -4422,27 +4575,69 @@ var Finder = class {
     this.lookup.clear();
     this.index = -1;
     if (this.query) {
-      const { grid } = this;
-      const code = grid.store.state.locale.code;
-      const cols = grid.columns.displayed().filter((c) => !isSystemCol(c.id));
-      const fmts = cols.map((c) => getFormatter(c.def, code));
-      const rows = grid.rowModel.rows();
-      outer: for (let r = 0; r < rows.length; r++) {
-        if (rows[r].kind) continue;
-        for (let c = 0; c < cols.length; c++) {
-          const text3 = fmts[c](getCellValue(cols[c].def, rows[r].data)).toLowerCase();
-          if (!text3.includes(this.query)) continue;
-          this.lookup.set(`${r}|${cols[c].id}`, this.matches.length);
-          this.matches.push({ rowIndex: r, colId: cols[c].id });
-          if (this.matches.length >= MAX_MATCHES) break outer;
-        }
-      }
+      const rows = this.grid.rowModel.rows();
+      const scan = this.scanner();
+      for (let r = 0; r < rows.length && this.matches.length < MAX_MATCHES; r++) scan(r, this.matches);
+      this.matches.length = Math.min(this.matches.length, MAX_MATCHES);
+      this.reindex();
       if (this.matches.length) this.go(0);
     }
     this.updateCount();
     this.grid.renderer.invalidate({ rows: true });
     return this.matches.length;
   }
+  /** Adds the matching cells of one display row, in column order. */
+  scanner() {
+    const { grid } = this;
+    const code = grid.store.state.locale.code;
+    const cols = grid.columns.displayed().filter((c) => !isSystemCol(c.id));
+    const fmts = cols.map((c) => getFormatter(c.def, code));
+    const rows = grid.rowModel.rows();
+    return (r, out) => {
+      const node = rows[r];
+      if (!node || node.kind) return;
+      for (let c = 0; c < cols.length; c++) {
+        if (fmts[c](getCellValue(cols[c].def, node.data)).toLowerCase().includes(this.query)) out.push({ rowIndex: r, colId: cols[c].id });
+      }
+    };
+  }
+  reindex() {
+    this.lookup.clear();
+    this.matches.forEach((m, i) => this.lookup.set(`${m.rowIndex}|${m.colId}`, i));
+  }
+  /**
+   * Values changed in place (same rows, same order): check only those rows again
+   * instead of formatting every cell of the grid.
+   */
+  refreshRows(ids) {
+    if (!this.query) return;
+    if (this.matches.length >= MAX_MATCHES) return this.refresh();
+    const { rowModel } = this.grid;
+    const changed = /* @__PURE__ */ new Set();
+    for (const id of ids) {
+      const r = rowModel.indexOfId(id);
+      if (r >= 0) changed.add(r);
+    }
+    if (!changed.size) return;
+    const current = this.matches[this.index];
+    const scan = this.scanner();
+    const fresh = [];
+    for (const r of changed) scan(r, fresh);
+    const before = this.matches.length;
+    const old = this.matches.filter((m) => changed.has(m.rowIndex));
+    const sig = (list) => list.map((m) => `${m.rowIndex}|${m.colId}`).sort().join(",");
+    if (sig(old) === sig(fresh)) return;
+    const order = new Map(this.grid.columns.displayed().map((c, i) => [c.id, i]));
+    this.matches = [...this.matches.filter((m) => !changed.has(m.rowIndex)), ...fresh].sort((a, b) => a.rowIndex - b.rowIndex || (order.get(a.colId) ?? 0) - (order.get(b.colId) ?? 0)).slice(0, MAX_MATCHES);
+    this.reindex();
+    const kept = current ? this.lookup.get(`${current.rowIndex}|${current.colId}`) : void 0;
+    const was = this.index;
+    if (kept !== void 0) this.index = kept;
+    else if (this.matches.length) this.index = Math.min(Math.max(this.index, 0), this.matches.length - 1);
+    else this.index = -1;
+    if (before !== this.matches.length || was !== this.index || kept === void 0) this.updateCount();
+    this.grid.renderer.invalidate({ rows: true });
+  }
   /** Re-run the current query after data, sort or filter changes. */
   refresh() {
     if (this.query) this.find(this.query);
@@ -4534,7 +4729,7 @@ function fillSeries(source, count) {
     const last2 = nums[nums.length - 1];
     return Array.from({ length: count }, (_, i) => Math.round((last2 + step * (i + 1)) * 1e12) / 1e12);
   }
-  const dates = source.map((v) => v instanceof Date || typeof v === "string" && /^\d{4}-\d{2}-\d{2}/.test(v) ? toDate2(v) : null);
+  const dates = source.map((v) => v instanceof Date || typeof v === "string" && /^\d{4}-\d{2}-\d{2}/.test(v) ? toDate(v) : null);
   if (dates.every(Boolean) && source.length >= 2) {
     const times = dates.map((d) => Math.round(d.getTime() / DAY2));
     const step = times[1] - times[0];
@@ -4543,7 +4738,7 @@ function fillSeries(source, count) {
       const asDate = source[source.length - 1] instanceof Date;
       return Array.from({ length: count }, (_, i) => {
         const d = new Date(lastDate.getFullYear(), lastDate.getMonth(), lastDate.getDate() + step * (i + 1));
-        return asDate ? d : toDateKey2(d);
+        return asDate ? d : toDateKey(d);
       });
     }
     return repeat();
@@ -4634,7 +4829,7 @@ function copyValue(def, value, locale) {
       return Number.isNaN(n) ? String(value) : String(n);
     }
     case "date":
-      return toDateKey2(value) ?? String(value);
+      return toDateKey(value) ?? String(value);
     case "boolean":
       return value === true ? "TRUE" : value === false ? "FALSE" : String(value);
     default:
@@ -4658,7 +4853,8 @@ function parseNumber(text2) {
   let n = Number(s);
   if (percent) n /= 100;
   if (negative) n = -n;
-  return { ok: true, value: Math.round(n * 1e12) / 1e12 };
+  if (!Number.isFinite(n)) return { ok: false };
+  return { ok: true, value: Math.abs(n) < 1e15 ? Math.round(n * 1e12) / 1e12 : n };
 }
 function validDate(y, m, d) {
   const date = new Date(y, m - 1, d);
@@ -4671,9 +4867,9 @@ function parseDate(text2, previous) {
   let m = /^(\d{4})\s*[-./년]\s*(\d{1,2})\s*[-./월]\s*(\d{1,2})\s*[.일]?$/.exec(s);
   if (m) date = validDate(+m[1], +m[2], +m[3]);
   else if (m = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/.exec(s)) date = validDate(+m[3], +m[1], +m[2]);
-  else if (/^\d{4}-\d{2}-\d{2}T/.test(s)) date = toDate2(s);
+  else if (/^\d{4}-\d{2}-\d{2}T/.test(s)) date = toDate(s);
   if (!date) return { ok: false };
-  return { ok: true, value: previous instanceof Date ? date : toDateKey2(date) };
+  return { ok: true, value: previous instanceof Date ? date : toDateKey(date) };
 }
 function parseValue(def, text2, previous) {
   switch (def.type) {
@@ -4825,7 +5021,7 @@ var CellEditor = class {
         input.type = def.type === "date" && initialText === void 0 ? "date" : "text";
         if (def.type === "number") input.inputMode = "decimal";
       }
-      const start = def.type === "date" ? toDateKey2(value) ?? "" : isBlank(value) ? "" : String(value);
+      const start = def.type === "date" ? toDateKey(value) ?? "" : isBlank(value) ? "" : String(value);
       input.value = initialText ?? start;
       control = input;
       read = () => ({ text: input.value });
@@ -5836,8 +6032,26 @@ function argbOf(c) {
 }
 
 // src/rows/sort.ts
+var PLAIN_NUMBER = /^[+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?$/i;
+function numeric(v) {
+  if (typeof v === "number") return v;
+  if (typeof v !== "string" || !v) return NaN;
+  const c = v.charCodeAt(0);
+  if (!(c >= 48 && c <= 57 || c === 43 || c === 45 || c === 46)) return NaN;
+  return PLAIN_NUMBER.test(v) ? Number(v) : NaN;
+}
 function compareNonBlank(a, b, collator) {
   if (typeof a === "number" && typeof b === "number") return a - b;
+  if (typeof a === "number" || typeof b === "number") {
+    const x = numeric(a), y = numeric(b);
+    const nx = !Number.isNaN(x), ny = !Number.isNaN(y);
+    if (nx && ny) return x - y;
+    if (nx !== ny) return nx ? -1 : 1;
+  } else if (typeof a === "string" && typeof b === "string") {
+    const x = numeric(a), y = numeric(b);
+    if (!Number.isNaN(x) && !Number.isNaN(y)) return x - y;
+    if (!Number.isNaN(x) || !Number.isNaN(y)) return Number.isNaN(x) ? 1 : -1;
+  }
   if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();
   if (typeof a === "boolean" && typeof b === "boolean") return Number(a) - Number(b);
   return collator.compare(String(a), String(b));
@@ -5848,7 +6062,7 @@ function normalize(def, v) {
     const n = typeof v === "number" ? v : Number(v);
     return Number.isNaN(n) ? null : n;
   }
-  if (def.type === "date") return toDate2(v)?.getTime() ?? null;
+  if (def.type === "date") return toDate(v)?.getTime() ?? null;
   return v;
 }
 function compareValues(a, b, collator) {
@@ -5856,6 +6070,11 @@ function compareValues(a, b, collator) {
   if (ba || bb) return ba === bb ? 0 : ba ? 1 : -1;
   return compareNonBlank(a, b, collator);
 }
+function compareGroupValues(a, b, collator, dir) {
+  const ba = isBlank(a), bb = isBlank(b);
+  if (ba || bb) return ba === bb ? 0 : ba ? 1 : -1;
+  return compareNonBlank(a, b, collator) * dir;
+}
 function sortNodes(nodes, sort, resolve, collator) {
   const keys = sort.map((s) => ({ def: resolve(s.colId), mul: s.dir === "desc" ? -1 : 1 })).filter((k) => !!k.def);
   if (!keys.length) return nodes;
@@ -6075,7 +6294,7 @@ function sheetNames(sheets) {
   return sheets.map((s, i) => {
     let base = (s.name ?? `Sheet${i + 1}`).replace(/[[\]:*?/\\]/g, " ").slice(0, 31).trim() || `Sheet${i + 1}`;
     let name = base;
-    for (let k = 2; used.has(name.toLowerCase()); k++) name = `${base.slice(0, 28)} (${k})`;
+    for (let k = 2; used.has(name.toLowerCase()); k++) name = `${base.slice(0, 31 - ` (${k})`.length)} (${k})`;
     used.add(name.toLowerCase());
     return name;
   });
@@ -6299,7 +6518,7 @@ function exportRows(grid, mode) {
 }
 var header = (def, id) => def.header ?? def.field ?? id;
 var ALIGNS = ["left", "center", "right"];
-var PLAIN_NUMBER = /^[+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?$/i;
+var PLAIN_NUMBER2 = /^[+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?$/i;
 var escHtml = (s) => String(s ?? "").replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
 var PAPERS = ["A4", "A3", "A5", "B4", "B5", "letter", "legal"];
 var PORTRAIT_WIDTH = 760;
@@ -6327,7 +6546,7 @@ function printLines(grid, rows, groupBy) {
       b.rows.push(r);
     }
     const dir = sort.find((x) => x.colId === colId)?.dir === "desc" ? -1 : 1;
-    for (const b of [...buckets.values()].sort((a, c) => compareValues(a.value, c.value, collator) * dir)) {
+    for (const b of [...buckets.values()].sort((a, c) => compareGroupValues(a.value, c.value, collator, dir))) {
       out.push({ kind: "group", colId, value: b.value, rows: b.rows, level });
       walk(b.rows, level + 1);
     }
@@ -6362,7 +6581,7 @@ function printModel(grid, opts = {}) {
   const loc = grid.store.state.locale;
   const code = loc.code;
   const fmts = cols.map((c) => getFormatter(c.def, code));
-  const nf = new Intl.NumberFormat(code);
+  const nf = numberFormat(code);
   const numbered = opts.rowNumbers ?? !!grid.options.rowNumbers;
   const align = (def) => ALIGNS.includes(def.align) ? def.align : def.type === "number" ? "right" : def.type === "boolean" ? "center" : "left";
   const chains = cols.map((c) => {
@@ -6395,7 +6614,7 @@ function printModel(grid, opts = {}) {
     if (v == null || v === "") return "";
     if (agg === "count") return nf.format(v);
     const type = c.def.type ?? (typeof v === "number" ? "number" : v instanceof Date ? "date" : void 0);
-    return type === c.def.type ? fmts[i](v) : getFormatter({ ...c.def, type }, code)(v);
+    return type === c.def.type ? fmts[i](v) : getFormatterAs(c.def, type, code)(v);
   };
   const labelled = (kind, label, values, level = 0) => {
     let lead = 0;
@@ -6592,7 +6811,7 @@ function buildCsv(grid, opts = {}) {
     const v = getCellValue(c.def, r);
     const t = c.def.type;
     const value = copyValue(c.def, v, code);
-    return { value, text: !(t === "number" || t === "date" || t === "boolean") || typeof v === "string" && !PLAIN_NUMBER.test(value) };
+    return { value, text: typeof v !== "number" && (!(t === "number" || t === "date" || t === "boolean") || typeof v === "string" && !PLAIN_NUMBER2.test(value)) };
   }));
   if (opts.headers !== false) matrix.unshift(cols.map((c) => ({ value: header(c.def, c.id), text: true })));
   return toCsv(matrix, sep);
@@ -6736,7 +6955,7 @@ function buildXlsxSheet(grid, opts = {}) {
         return Number.isFinite(n) ? { v: n, fmt } : String(v);
       }
       case "date": {
-        const d = toDate2(v);
+        const d = toDate(v);
         return d ? { v: d, fmt } : String(v);
       }
       case "boolean":
@@ -6826,7 +7045,7 @@ function asText(v) {
   if (v === null || v === void 0) return "";
   if (v instanceof Date) {
     const hasTime = v.getHours() || v.getMinutes() || v.getSeconds();
-    return hasTime ? v.toISOString() : toDateKey2(v) ?? "";
+    return hasTime ? v.toISOString() : toDateKey(v) ?? "";
   }
   return String(v);
 }
@@ -7090,8 +7309,9 @@ function drawScatter(root, spec, series, top, bottom, nf, short) {
   const allX = xs.filter(finite);
   const allY = others.flatMap((s) => s.values.filter(finite));
   if (!allX.length || !allY.length) return;
-  const xt = niceTicks(Math.min(...allX), Math.max(...allX));
-  const yt = niceTicks(Math.min(...allY), Math.max(...allY));
+  const lo = (a) => a.reduce((m, v) => Math.min(m, v)), hi = (a) => a.reduce((m, v) => Math.max(m, v));
+  const xt = niceTicks(lo(allX), hi(allX));
+  const yt = niceTicks(lo(allY), hi(allY));
   const left = 56, right = W - 16;
   const x = (v) => left + (v - xt[0]) / (xt[xt.length - 1] - xt[0]) * (right - left);
   const y = (v) => bottom - (v - yt[0]) / (yt[yt.length - 1] - yt[0]) * (bottom - top);
@@ -7239,16 +7459,38 @@ function normalizePivot(cfg, known) {
     totals: cfg.totals !== false
   };
 }
+function samePivot(a, b) {
+  const same3 = (x, y) => x.length === y.length && x.every((v, i) => v === y[i]);
+  return a.totals === b.totals && same3(a.rows, b.rows) && same3(a.columns, b.columns) && a.values.length === b.values.length && a.values.every((v, i) => v.colId === b.values[i].colId && v.aggFunc === b.values[i].aggFunc);
+}
 function buildPivot(source, config, defOf, labels, locale) {
   const cfg = normalizePivot(config, (id) => !!defOf(id));
   const collator = new Intl.Collator(locale, { numeric: true, sensitivity: "base" });
   const def = (id) => defOf(id);
   const keyOf = (ids, r) => ids.map((id) => setKey(getCellValue(def(id), r))).join("
");
   const colCombos = /* @__PURE__ */ new Map();
+  const comboOf2 = /* @__PURE__ */ new WeakMap();
   for (const r of source) {
     const k = keyOf(cfg.columns, r);
+    comboOf2.set(r, k);
     if (!colCombos.has(k)) colCombos.set(k, cfg.columns.map((id) => getCellValue(def(id), r)));
   }
+  const bucketsOf = /* @__PURE__ */ new WeakMap();
+  const groupSource = (rows2) => {
+    let b = bucketsOf.get(rows2);
+    if (!b) {
+      const all2 = rows2.flatMap((r) => SOURCE.get(r) ?? []);
+      const byCombo = /* @__PURE__ */ new Map();
+      for (const r of all2) {
+        const k = comboOf2.get(r) ?? keyOf(cfg.columns, r);
+        let list = byCombo.get(k);
+        if (!list) byCombo.set(k, list = []);
+        list.push(r);
+      }
+      bucketsOf.set(rows2, b = { all: all2, byCombo });
+    }
+    return b;
+  };
   const combos = [...colCombos.entries()].sort((a, b) => {
     for (let i = 0; i < cfg.columns.length; i++) {
       const c = compareValues(a[1][i], b[1][i], collator);
@@ -7263,7 +7505,6 @@ function buildPivot(source, config, defOf, labels, locale) {
     const src = def(v.colId);
     const id = `pivot|${ci}|${vi}`;
     leaves.push({ id, comboKey, valueIndex: vi });
-    const matches = (r) => comboKey === null || keyOf(cfg.columns, r) === comboKey;
     const agg = v.aggFunc;
     return {
       id,
@@ -7274,7 +7515,8 @@ function buildPivot(source, config, defOf, labels, locale) {
       width: 130,
       // group rows: aggregate the matching source rows, not the leaf results
       aggFunc: (_values, rows2) => {
-        const srcRows = rows2.flatMap((r) => SOURCE.get(r) ?? []).filter(matches);
+        const g = groupSource(rows2);
+        const srcRows = comboKey === null ? g.all : g.byCombo.get(comboKey) ?? [];
         return srcRows.length ? aggregate(agg, srcRows.map((r) => getCellValue(src, r)), srcRows) : null;
       }
     };
@@ -7353,13 +7595,14 @@ function buildPivot(source, config, defOf, labels, locale) {
 }
 
 // src/version.ts
-var version = "1.6.0";
+var version = "1.7.0";
 
 // src/license.ts
 var PUBLIC_KEY = { kty: "EC", crv: "P-256", x: "sUTKkglZmk-HMKPNub8p7AeLBKesHCU8irIkw9rJlbE", y: "j0U_aKRDR7iApY9UpaD3hUemhBLZJwDv9-QiT_hUyw8" };
 var PRICING_URL = "https://freegrid.app/pricing/";
 var USAGE_URL = "https://freegrid.app/api/usage";
 var STATUS_URL = "https://freegrid.app/api/domain-status";
+var majorOf = (v) => Number.parseInt(String(v).split(".")[0], 10);
 var b64urlDecode = (s) => {
   const bin = atob(s.replace(/-/g, "+").replace(/_/g, "/") + "=".repeat((4 - s.length % 4) % 4));
   return Uint8Array.from(bin, (c) => c.charCodeAt(0));
@@ -7393,6 +7636,7 @@ async function verifyLicense(key, host, opts = {}) {
   try {
     info = JSON.parse(new TextDecoder().decode(b64urlDecode(parts[1])));
     if (!Array.isArray(info.domains) || !isDay(info.expires)) return { ok: false, reason: "format" };
+    if (info.major !== void 0 && !(Number.isInteger(info.major) && info.major > 0)) return { ok: false, reason: "format" };
   } catch {
     return { ok: false, reason: "format" };
   }
@@ -7408,6 +7652,7 @@ async function verifyLicense(key, host, opts = {}) {
   }
   if (today(opts.now ?? /* @__PURE__ */ new Date()) > info.expires) return { ok: false, reason: "expired", info };
   if (!domainMatches(host, info.domains)) return { ok: false, reason: "domain", info };
+  if (info.major !== void 0 && majorOf(opts.version ?? version) > info.major) return { ok: false, reason: "version", info };
   return { ok: true, info };
 }
 var globalKey;
@@ -7422,7 +7667,8 @@ FreeGrid\uB294 \uAC1C\uC778\uC5D0\uAC8C \uBB34\uB8CC\uC785\uB2C8\uB2E4. \uD68C\u
   format: "FreeGrid: the license key is not in the right format. / \uB77C\uC774\uC120\uC2A4 \uD0A4 \uD615\uC2DD\uC774 \uC62C\uBC14\uB974\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.",
   signature: "FreeGrid: the license key could not be verified. / \uB77C\uC774\uC120\uC2A4 \uD0A4\uB97C \uD655\uC778\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.",
   expired: "FreeGrid: the license key has expired. / \uB77C\uC774\uC120\uC2A4 \uAE30\uAC04\uC774 \uB05D\uB0AC\uC2B5\uB2C8\uB2E4.",
-  domain: "FreeGrid: the license key is for a different domain. / \uB2E4\uB978 \uB3C4\uBA54\uC778\uC6A9 \uB77C\uC774\uC120\uC2A4 \uD0A4\uC785\uB2C8\uB2E4."
+  domain: "FreeGrid: the license key is for a different domain. / \uB2E4\uB978 \uB3C4\uBA54\uC778\uC6A9 \uB77C\uC774\uC120\uC2A4 \uD0A4\uC785\uB2C8\uB2E4.",
+  version: `FreeGrid ${version}: this perpetual license covers an earlier major version. / \uC774 \uC601\uAD6C \uB77C\uC774\uC120\uC2A4\uB294 \uC774\uC804 \uBA54\uC774\uC800 \uBC84\uC804\uC6A9\uC785\uB2C8\uB2E4.`
 };
 function reportUsage(info, host = typeof location !== "undefined" ? location.hostname : "") {
   try {
@@ -7452,7 +7698,7 @@ function checkLicense(key = globalKey, host = typeof location !== "undefined" ?
     status = verifyLicense(k, host).then((res) => {
       reportUsage({ version, licensed: res.ok, company: res.ok ? res.info.company : void 0 }, host);
       if (res.ok || res.reason === "unsupported") return res.ok || res.reason === "unsupported";
-      const extra = res.info ? ` (${res.info.domains.join(", ")}, ${res.info.expires})` : "";
+      const extra = res.info ? ` (${res.info.domains.join(", ")}, ${res.info.major ? `${res.info.major}.x` : res.info.expires})` : "";
       console.warn(`${NOTICE[res.reason]}${extra}
 ${PRICING_URL}`);
       return false;
@@ -7789,6 +8035,8 @@ var RowModel = class {
     this.display = [];
     this.indexById = null;
     this.layoutCache = null;
+    /** Searchable text of each row, kept between quick filter keystrokes. */
+    this.quickCache = null;
   }
   update(input) {
     const collator = this.deps.collator();
@@ -7883,17 +8131,29 @@ var RowModel = class {
     this.layoutCache = { rows: this.display, rh: rowHeight, dh: detailHeight, hv: heightsVersion, offsets, uniform };
     return this.layoutCache;
   }
+  quickTexts(cols) {
+    const key = [this.nodes, this.deps.textVersion?.() ?? "", ...cols];
+    const c = this.quickCache;
+    if (c && c.key.length === key.length && c.key.every((k, i) => k === key[i])) return c.texts;
+    this.quickCache = { key, texts: /* @__PURE__ */ new WeakMap() };
+    return this.quickCache.texts;
+  }
   filter(input) {
     const preds = Object.entries(input.filters).map(([colId, model]) => ({ def: this.deps.columnDef(colId), pred: buildPredicate(model) })).filter((p) => !!p.def);
     const tokens = quickTokens(input.quickFilter);
     const quickCols = tokens.length ? this.deps.quickColumns() : [];
     const advanced = input.advancedFilter ? buildAdvanced(input.advancedFilter, (id) => this.deps.columnDef(id), getCellValue) : null;
     if (!preds.length && !tokens.length && !advanced) return this.nodes;
+    const texts = tokens.length ? this.quickTexts(quickCols) : null;
     const matches = this.nodes.filter((n) => {
       for (const p of preds) if (!p.pred(getCellValue(p.def, n.data))) return false;
       if (advanced && !advanced(n.data)) return false;
-      if (tokens.length) {
-        const text2 = quickCols.map((d) => this.deps.format(d, getCellValue(d, n.data))).join("
").toLowerCase();
+      if (texts) {
+        let text2 = texts.get(n.data);
+        if (text2 === void 0) {
+          text2 = quickCols.map((d) => this.deps.format(d, getCellValue(d, n.data))).join("
").toLowerCase();
+          texts.set(n.data, text2);
+        }
         if (!matchesQuick(tokens, text2)) return false;
       }
       return true;
@@ -7952,7 +8212,7 @@ var RowModel = class {
         b.nodes.push(n);
       }
       const dir = sort.find((s) => s.colId === colId)?.dir === "desc" ? -1 : 1;
-      const ordered = [...buckets.entries()].sort((a, b) => compareValues(a[1].value, b[1].value, collator) * dir);
+      const ordered = [...buckets.entries()].sort((a, b) => compareGroupValues(a[1].value, b[1].value, collator, dir));
       for (const [k, b] of ordered) {
         const key = `${path}${colId}:${k}`;
         const expanded = this.isOpen(d, key, level);
@@ -7985,6 +8245,25 @@ var RowModel = class {
         list.push(n);
       } else roots.push(n);
     }
+    const reached = /* @__PURE__ */ new Set();
+    const mark = (from) => {
+      const stack = [from];
+      while (stack.length) {
+        const x = stack.pop();
+        if (reached.has(x.id)) continue;
+        reached.add(x.id);
+        for (const k of children.get(x.id) ?? []) stack.push(k);
+      }
+    };
+    for (const r of roots) mark(r);
+    for (const n of this.sorted) {
+      if (reached.has(n.id)) continue;
+      const list = children.get(String(d.getParentId(n.data)));
+      const at = list ? list.indexOf(n) : -1;
+      if (at >= 0) list.splice(at, 1);
+      roots.push(n);
+      mark(n);
+    }
     const visit = (nodes, level, seen2) => {
       for (const n of nodes) {
         if (seen2.has(n.id)) continue;
@@ -8455,6 +8734,47 @@ var Store = class {
   }
 };
 
+// src/same.ts
+var plain = (v) => !!v && typeof v === "object" && !Array.isArray(v) && Object.getPrototypeOf(v) === Object.prototype;
+var MAX_DEPTH2 = 8;
+function snapshot(v, depth = 0, seen2 = /* @__PURE__ */ new Map()) {
+  if (depth > MAX_DEPTH2 || !(Array.isArray(v) || plain(v))) return v;
+  const done = seen2.get(v);
+  if (done) return done;
+  if (Array.isArray(v)) {
+    const out2 = [];
+    seen2.set(v, out2);
+    for (const x of v) out2.push(snapshot(x, depth + 1, seen2));
+    return out2;
+  }
+  const out = {};
+  seen2.set(v, out);
+  for (const [k, x] of Object.entries(v)) out[k] = snapshot(x, depth + 1, seen2);
+  return out;
+}
+function same2(a, b, depth = 0, seen2 = /* @__PURE__ */ new Map()) {
+  if (a === b) return true;
+  if (depth > MAX_DEPTH2 || !a || !b || typeof a !== "object" || typeof b !== "object") return false;
+  const pairs = seen2.get(a);
+  if (pairs?.has(b)) return true;
+  if (pairs) pairs.add(b);
+  else seen2.set(a, /* @__PURE__ */ new Set([b]));
+  if (Array.isArray(a) || Array.isArray(b)) {
+    return Array.isArray(a) && Array.isArray(b) && a.length === b.length && a.every((x, i) => same2(x, b[i], depth + 1, seen2));
+  }
+  if (!plain(a) || !plain(b)) return false;
+  const keys = Object.keys(a);
+  return keys.length === Object.keys(b).length && keys.every((k) => k in b && same2(a[k], b[k], depth + 1, seen2));
+}
+function changeTracker(initial) {
+  let last = snapshot(initial);
+  return (next) => {
+    if (same2(next, last)) return false;
+    last = snapshot(next);
+    return true;
+  };
+}
+
 // src/interactions/tooltip.ts
 var DELAY = 500;
 function attachTooltips(grid) {
@@ -8827,9 +9147,9 @@ var FormatDialog = class {
       o.textContent = opName(op);
       opSel.append(o);
     }
-    const numeric = node.def.type === "number";
-    const v1 = el("input", "fg-input fg-cf-value", { type: numeric ? "number" : "text", placeholder: loc.value, "aria-label": loc.value });
-    const v2 = el("input", "fg-input fg-cf-value-to", { type: numeric ? "number" : "text", placeholder: loc.valueTo, "aria-label": loc.valueTo });
+    const numeric2 = node.def.type === "number";
+    const v1 = el("input", "fg-input fg-cf-value", { type: numeric2 ? "number" : "text", placeholder: loc.value, "aria-label": loc.value });
+    const v2 = el("input", "fg-input fg-cf-value-to", { type: numeric2 ? "number" : "text", placeholder: loc.valueTo, "aria-label": loc.valueTo });
     const formula = el("input", "fg-input fg-cf-wide fg-cf-formula", { type: "text", placeholder: `=${node.def.field ?? colId} > 100`, "aria-label": cf.types.formula, spellcheck: "false" });
     const rank = el("input", "fg-input fg-cf-rank", { type: "number", min: "1", value: "10", "aria-label": cf.count });
     const pctLabel = el("label", "fg-cf-pct");
@@ -8869,7 +9189,7 @@ var FormatDialog = class {
     const read = () => {
       const type = typeSel.value;
       const rule = { columns: [colId], type };
-      const val = (input) => numeric && input.value !== "" ? Number(input.value) : input.value;
+      const val = (input) => numeric2 && input.value !== "" ? Number(input.value) : input.value;
       if (type === "value") {
         rule.op = opSel.value;
         if (!NO_VALUE3.includes(rule.op)) {
@@ -9383,9 +9703,22 @@ var Grid = class {
       }
     };
     this.cfRules = [];
+    this.cfRowsSrc = null;
+    /** Copies of the last column definitions and summary options, to skip re-applying the same content. */
+    this.sourceSnapshot = void 0;
+    this.summarySnapshot = null;
+    this.cfRows = [];
     this.formats = new ConditionalFormatter({
       rules: () => this.cfRules,
-      rows: () => this.rowModel.dataRows().map((n) => n.data),
+      // same array while the row set is unchanged, so the formatter's stats cache holds across cells
+      rows: () => {
+        const src = this.rowModel.dataRows();
+        if (this.cfRowsSrc !== src) {
+          this.cfRowsSrc = src;
+          this.cfRows = src.map((n) => n.data);
+        }
+        return this.cfRows;
+      },
       value: (colId, row) => {
         const def = this.columns.getNode(colId)?.def;
         return def ? getCellValue(def, row) : void 0;
@@ -9420,8 +9753,12 @@ var Grid = class {
       }
     };
     this.density = "normal";
+    /** Count / sum / min / max over the selected range (numbers only for the math). */
+    this.aggMemo = null;
     /** Bumped on every selection change (group row checkboxes depend on their rows). */
     this.selectionVersion = 0;
+    /** Rows select-all acts on: displayed data rows that are selectable. */
+    this.selectableCache = null;
     if (!Array.isArray(options.columns)) warn("options.columns must be an array");
     if (options.data != null && !Array.isArray(options.data)) warn("options.data must be an array");
     this.store = new Store({
@@ -9439,6 +9776,7 @@ var Grid = class {
       theme: options.theme ?? "light"
     });
     this.sourceDefs = Array.isArray(options.columns) ? options.columns : [];
+    this.sourceSnapshot = snapshot(this.sourceDefs);
     this.columns = new ColumnModel(this.withSelect(this.sourceDefs));
     this.bindFormulas();
     const pg = options.pagination;
@@ -9459,7 +9797,8 @@ var Grid = class {
       columnDef: (id) => this.columns.getNode(id)?.def,
       quickColumns: () => this.columns.displayed().filter((c) => !isSystemCol(c.id)).map((c) => c.def),
       format: (def, v) => getFormatter(def, this.store.state.locale.code)(v),
-      collator: () => this.collator()
+      collator: () => this.collator(),
+      textVersion: () => `${this.store.state.locale.code}|${this.editVersion}`
     });
     this.groupBy = this.validGroupBy(options.groupBy ?? []);
     if (Array.isArray(options.conditionalFormats)) this.cfRules = options.conditionalFormats.filter((r) => r && typeof r === "object" && Array.isArray(r.columns)).map((r) => ({ ...r, columns: [...r.columns] }));
@@ -9467,6 +9806,7 @@ var Grid = class {
     if (options.treeData && !options.getRowId) warn("treeData needs getRowId so parent ids can be matched");
     this.updateRows();
     this.summaryOpts = options.summary ?? null;
+    this.summarySnapshot = snapshot(this.summaryOpts);
     this.refreshSummary();
     const explicit = options.fontSize != null && options.fontSize > 0 ? options.fontSize : null;
     if (options.fontSize != null && !(options.fontSize > 0)) warn("fontSize must be a positive number");
@@ -9522,6 +9862,10 @@ var Grid = class {
     this.api = this.createApi();
     liveGrids.set(this.renderer.root, this);
   }
+  /** Bumped whenever cell values change (edits, transactions, undo). */
+  get valuesVersion() {
+    return this.editVersion;
+  }
   /** The column definitions as given (setColumns), without the system columns. */
   columnDefs() {
     return [...this.sourceDefs];
@@ -9653,7 +9997,9 @@ var Grid = class {
     }
     const known = new Set(this.sourceLeaves().map((l) => l.id));
     if (!this.pivotCfg) this.savedGroup = { groupBy: this.groupBy, expanded: this.expanded, defaultExpanded: this.defaultExpanded };
-    this.pivotCfg = normalizePivot(cfg, (id) => known.has(id));
+    const next = normalizePivot(cfg, (id) => known.has(id));
+    if (this.pivotCfg && samePivot(next, this.pivotCfg)) return;
+    this.pivotCfg = next;
     this.expanded = /* @__PURE__ */ new Map();
     this.defaultExpanded = -1;
     this.rebuildPivot(false);
@@ -9757,8 +10103,10 @@ var Grid = class {
     if (next === this.store.state.data && !this.viewReads(changed.fields)) {
       if (this.options.autoRowHeight || this.options.getRowHeight) this.renderer.invalidateHeights();
       this.refreshSummary();
-      this.finder.refresh();
-      if (this.columns.displayed().some((c) => c.def.merge || c.def.rowSpan || c.def.formula || c.def.formulas) || this.formats.dependsOnOtherRows()) {
+      const formulas = this.columns.displayed().some((c) => c.def.formula || c.def.formulas);
+      if (formulas) this.finder.refresh();
+      else this.finder.refreshRows(changed.ids);
+      if (this.options.getRowHeight || formulas || this.columns.displayed().some((c) => c.def.merge || c.def.rowSpan) || this.formats.dependsOnOtherRows()) {
         this.renderer.invalidate({ rows: true });
       } else this.renderer.invalidateRowIds(changed.ids);
     } else {
@@ -10228,8 +10576,8 @@ var Grid = class {
       const p = this.rawParent(r);
       if (p !== null && String(p) === id) return p;
     }
-    const numeric = this.store.state.data.some((r) => typeof this.rawParent(r) === "number");
-    return numeric && id.trim() !== "" && Number.isFinite(Number(id)) ? Number(id) : id;
+    const numeric2 = this.store.state.data.some((r) => typeof this.rawParent(r) === "number");
+    return numeric2 && id.trim() !== "" && Number.isFinite(Number(id)) ? Number(id) : id;
   }
   /** Can `row` land here? Trees refuse the row's own subtree; then the user's canDrop rule decides. */
   canDropRow(row, target, position, from = this) {
@@ -10369,6 +10717,11 @@ var Grid = class {
       warn("setSummary: summary.rows must be an array");
       return;
     }
+    if (same2(opts, this.summarySnapshot)) {
+      this.summaryOpts = opts;
+      return;
+    }
+    this.summarySnapshot = snapshot(opts);
     this.summaryOpts = opts;
     this.refreshSummary();
     this.renderer.invalidate({ header: true, rows: true });
@@ -10658,38 +11011,44 @@ var Grid = class {
     this.spanCache = { rows, ver, spans };
     return spans;
   }
-  /** Count / sum / min / max over the selected range (numbers only for the math). */
   rangeAggregates() {
     const all2 = this.allRangeBounds();
     if (!all2.length) return null;
     const displayed = this.columns.displayed();
+    const key = [JSON.stringify(all2), this.rowModel.rows(), this.editVersion, ...displayed.map((c) => c.def)];
+    const memo = this.aggMemo;
+    if (memo && memo.key.length === key.length && memo.key.every((k, i) => k === key[i])) return memo.value && { ...memo.value };
     const out = { cells: 0, count: 0, numbers: 0, sum: 0, min: Infinity, max: -Infinity };
     const seen2 = all2.length > 1 ? /* @__PURE__ */ new Set() : null;
-    for (const b of all2) for (let r = b.r1; r <= b.r2; r++) {
-      const node = this.rowModel.getRow(r);
-      if (!node || node.kind) continue;
-      const row = node.data;
-      for (const c of displayed.slice(b.c1, b.c2 + 1)) {
-        if (isSystemCol(c.id)) continue;
-        if (seen2) {
-          const k = `${r},${c.index}`;
-          if (seen2.has(k)) continue;
-          seen2.add(k);
-        }
-        out.cells++;
-        const v = getCellValue(c.def, row);
-        if (isBlank(v)) continue;
-        out.count++;
-        if (typeof v === "number" || c.def.type === "number" && !Number.isNaN(Number(v))) {
-          const n = Number(v);
-          out.numbers++;
-          out.sum += n;
-          if (n < out.min) out.min = n;
-          if (n > out.max) out.max = n;
+    const width = displayed.length;
+    for (const b of all2) {
+      const cols = displayed.slice(b.c1, b.c2 + 1).filter((c) => !isSystemCol(c.id));
+      for (let r = b.r1; r <= b.r2; r++) {
+        const node = this.rowModel.getRow(r);
+        if (!node || node.kind) continue;
+        const row = node.data;
+        for (const c of cols) {
+          if (seen2) {
+            const k = r * width + c.index;
+            if (seen2.has(k)) continue;
+            seen2.add(k);
+          }
+          out.cells++;
+          const v = getCellValue(c.def, row);
+          if (isBlank(v)) continue;
+          out.count++;
+          if (typeof v === "number" || c.def.type === "number" && !Number.isNaN(Number(v))) {
+            const n = Number(v);
+            out.numbers++;
+            out.sum += n;
+            if (n < out.min) out.min = n;
+            if (n > out.max) out.max = n;
+          }
         }
       }
     }
-    return out;
+    this.aggMemo = { key, value: out };
+    return { ...out };
   }
   /** Fill from the current selection into `target`, Excel-style (one undo step). */
   fillRange(target) {
@@ -11116,7 +11475,15 @@ var Grid = class {
     const i = this.rowModel.indexOfId(id);
     return i < 0 ? null : i;
   }
-  /** Rows select-all acts on: displayed data rows that are selectable. */
+  /** Ids of selectableRows(), kept while the rows are the same. */
+  selectableIds() {
+    const rows = this.rowModel.dataRows(), fn = this.options.isRowSelectable;
+    const c = this.selectableCache;
+    if (c && c.rows === rows && c.fn === fn && c.ver === this.editVersion) return c.ids;
+    const ids = new Set(this.selectableRows().map((n) => n.id));
+    this.selectableCache = { rows, fn, ver: this.editVersion, ids };
+    return ids;
+  }
   selectableRows() {
     const rows = this.rowModel.dataRows();
     return this.options.isRowSelectable ? rows.filter((n) => this.rowSelectable(n.data)) : rows;
@@ -11179,13 +11546,18 @@ var Grid = class {
       warn("setColumns: columns must be an array");
       return;
     }
+    if (same2(defs, this.sourceSnapshot)) {
+      this.sourceDefs = defs;
+      return;
+    }
     this.menu.close();
     this.sourceDefs = defs;
+    this.sourceSnapshot = snapshot(defs);
     if (this.pivotCfg) {
       this.rebuildPivot();
       return;
     }
-    this.columns.setDefs(this.withSelect(defs));
+    this.columns.updateDefs(this.withSelect(defs));
     this.bindFormulas();
     const known = (id) => !!this.columns.getNode(id);
     const groupBy = this.groupBy.filter(known);
@@ -11197,7 +11569,7 @@ var Grid = class {
     this.store.set({
       sort: this.store.state.sort.filter((s) => known(s.colId)),
       filters: Object.fromEntries(Object.entries(this.store.state.filters).filter(([k]) => known(k))),
-      focus: null
+      focus: this.store.state.focus && known(this.store.state.focus.colId) ? this.store.state.focus : null
     });
     this.columnsChanged();
   }
@@ -11222,8 +11594,10 @@ var Grid = class {
     if (has("locale")) this.groupPanel?.refresh();
     if (has("filters")) this.sideBar?.refresh();
     if (has("theme")) this.renderer.applyTheme();
+    const header2 = has("sort", "filters", "quickFilter", "advancedFilter", "locale", "data");
+    if (!header2 && has("selected")) this.renderer.selectionChanged();
     this.renderer.invalidate({
-      header: has("sort", "filters", "quickFilter", "advancedFilter", "locale", "selected", "data"),
+      header: header2,
       rows: has("data", "sort", "filters", "quickFilter", "advancedFilter", "locale")
     });
   }
@@ -11456,9 +11830,12 @@ function saveChanges(grid, url, options = {}) {
   saving.set(grid, run2);
   return run2;
 }
+var loads = /* @__PURE__ */ new WeakMap();
 async function loadData(grid, url, options = {}) {
+  const seq = (loads.get(grid) ?? 0) + 1;
+  loads.set(grid, seq);
   const { rows } = await restDatasource(url, options).getRows({ start: 0, end: options.maxRows ?? 1e4, sort: [], filters: {}, quickFilter: "" });
-  grid.setData(rows);
+  if (loads.get(grid) === seq) grid.setData(rows);
   return rows;
 }
 function csrfHeaders(doc = document) {
@@ -11634,6 +12011,7 @@ function connectLive(api, options) {
 }
 export {
   buildWorkbook,
+  changeTracker,
   connectLive,
   createGrid,
   csrfHeaders,