wandertable 0.1.0

package/dist/wandertable.js

@@ -0,0 +1,2757 @@
+var Y = Object.defineProperty;
+var G = (u, e, t) => e in u ? Y(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
+var n = (u, e, t) => G(u, typeof e != "symbol" ? e + "" : e, t);
+const K = {
+  bgColor: "#ffffff",
+  cellBgColor: "#ffffff",
+  cellTextColor: "#1e293b",
+  headerBgColor: "#f8fafc",
+  headerTextColor: "#475569",
+  gridLineColor: "#e2e8f0",
+  selectionBgColor: "rgba(59, 130, 246, 0.08)",
+  selectionBorderColor: "#3b82f6",
+  focusBorderColor: "#3b82f6",
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  fontSize: 13,
+  headerFontSize: 12,
+  cellPadding: 8,
+  headerHeight: 28,
+  rowHeaderWidth: 50
+};
+class j {
+  constructor(e, t) {
+    n(this, "cells", /* @__PURE__ */ new Map());
+    n(this, "_rowCount");
+    n(this, "_colCount");
+    n(this, "_inTransaction", !1);
+    n(this, "_dirtyKeys", /* @__PURE__ */ new Set());
+    // Callback set by WanderTable to trigger re-render
+    n(this, "onChange", null);
+    this._rowCount = e, this._colCount = t;
+  }
+  get rowCount() {
+    return this._rowCount;
+  }
+  set rowCount(e) {
+    this._rowCount = e;
+  }
+  get colCount() {
+    return this._colCount;
+  }
+  set colCount(e) {
+    this._colCount = e;
+  }
+  key(e, t) {
+    return `${e}:${t}`;
+  }
+  getCell(e, t) {
+    return this.cells.get(this.key(e, t));
+  }
+  setCell(e, t, s) {
+    const i = this.key(e, t);
+    this.cells.set(i, s), this.markDirty(i);
+  }
+  setCellValue(e, t, s) {
+    const i = this.key(e, t), o = this.cells.get(i);
+    o ? o.value = s : this.cells.set(i, { value: s }), this.markDirty(i);
+  }
+  deleteCell(e, t) {
+    const s = this.key(e, t);
+    this.cells.delete(s), this.markDirty(s);
+  }
+  hasCell(e, t) {
+    return this.cells.has(this.key(e, t));
+  }
+  applyPatch(e) {
+    this.transaction(() => {
+      for (const t of e) {
+        const s = this.key(t.row, t.col), i = this.cells.get(s);
+        i ? Object.assign(i, t.data) : this.cells.set(s, { value: void 0, ...t.data }), this._dirtyKeys.add(s);
+      }
+    });
+  }
+  transaction(e) {
+    var t;
+    if (this._inTransaction) {
+      e();
+      return;
+    }
+    this._inTransaction = !0, this._dirtyKeys.clear();
+    try {
+      e();
+    } finally {
+      this._inTransaction = !1, this._dirtyKeys.size > 0 && ((t = this.onChange) == null || t.call(this, new Set(this._dirtyKeys)), this._dirtyKeys.clear());
+    }
+  }
+  markDirty(e) {
+    var t;
+    this._inTransaction ? this._dirtyKeys.add(e) : (t = this.onChange) == null || t.call(this, /* @__PURE__ */ new Set([e]));
+  }
+  clear() {
+    var e;
+    this.cells.clear(), (e = this.onChange) == null || e.call(this, /* @__PURE__ */ new Set());
+  }
+  /** Iterate all cells that have data */
+  forEach(e) {
+    for (const [t, s] of this.cells) {
+      const [i, o] = t.split(":").map(Number);
+      e(i, o, s);
+    }
+  }
+}
+class q {
+  constructor() {
+    n(this, "listeners", /* @__PURE__ */ new Map());
+  }
+  on(e, t) {
+    return this.listeners.has(e) || this.listeners.set(e, /* @__PURE__ */ new Set()), this.listeners.get(e).add(t), () => this.off(e, t);
+  }
+  off(e, t) {
+    var s;
+    (s = this.listeners.get(e)) == null || s.delete(t);
+  }
+  emit(e, t) {
+    var s;
+    (s = this.listeners.get(e)) == null || s.forEach((i) => {
+      try {
+        i(t);
+      } catch (o) {
+        console.error(`[WanderTable] Error in "${String(e)}" handler:`, o);
+      }
+    });
+  }
+  removeAllListeners() {
+    this.listeners.clear();
+  }
+}
+class J {
+  constructor(e, t) {
+    n(this, "_focus", null);
+    n(this, "_ranges", []);
+    n(this, "_rowCount");
+    n(this, "_colCount");
+    n(this, "onChange", null);
+    /** When true, navigation beyond bounds is allowed (grid will expand) */
+    n(this, "infinite", !1);
+    this._rowCount = e, this._colCount = t;
+  }
+  get focus() {
+    return this._focus;
+  }
+  get ranges() {
+    return this._ranges;
+  }
+  setDimensions(e, t) {
+    this._rowCount = e, this._colCount = t;
+  }
+  /** Set focus and single selection */
+  focusCell(e, t) {
+    var s;
+    e = this.clampRow(e), t = this.clampCol(t), this._focus = { row: e, col: t }, this._ranges = [{ startRow: e, startCol: t, endRow: e, endCol: t }], (s = this.onChange) == null || s.call(this);
+  }
+  /** Extend selection from focus to target */
+  extendTo(e, t) {
+    var s;
+    this._focus && (e = this.clampRow(e), t = this.clampCol(t), this._ranges = [{
+      startRow: this._focus.row,
+      startCol: this._focus.col,
+      endRow: e,
+      endCol: t
+    }], (s = this.onChange) == null || s.call(this));
+  }
+  /** Add a new range (Ctrl+Click) */
+  addRange(e) {
+    var t;
+    this._ranges.push(e), this._focus = { row: e.startRow, col: e.startCol }, (t = this.onChange) == null || t.call(this);
+  }
+  /** Select entire column */
+  selectColumn(e) {
+    var t;
+    this._focus = { row: 0, col: e }, this._ranges = [{
+      startRow: 0,
+      startCol: e,
+      endRow: 1 / 0,
+      endCol: e
+    }], (t = this.onChange) == null || t.call(this);
+  }
+  /** Select entire row */
+  selectRow(e) {
+    var t;
+    this._focus = { row: e, col: 0 }, this._ranges = [{
+      startRow: e,
+      startCol: 0,
+      endRow: e,
+      endCol: 1 / 0
+    }], (t = this.onChange) == null || t.call(this);
+  }
+  /** Select all */
+  selectAll() {
+    var e;
+    this._focus = { row: 0, col: 0 }, this._ranges = [{
+      startRow: 0,
+      startCol: 0,
+      endRow: 1 / 0,
+      endCol: 1 / 0
+    }], (e = this.onChange) == null || e.call(this);
+  }
+  /** Check if a cell is within any selected range */
+  isSelected(e, t) {
+    return this._ranges.some((s) => this.inRange(e, t, s));
+  }
+  isFocused(e, t) {
+    var s, i;
+    return ((s = this._focus) == null ? void 0 : s.row) === e && ((i = this._focus) == null ? void 0 : i.col) === t;
+  }
+  /** Iterate all selected cells (clamped to actual dimensions) */
+  forEachSelected(e) {
+    for (const t of this._ranges) {
+      const s = Math.min(t.startRow, t.endRow), i = Math.min(Math.max(t.startRow, t.endRow), this._rowCount - 1), o = Math.min(t.startCol, t.endCol), l = Math.min(Math.max(t.startCol, t.endCol), this._colCount - 1);
+      for (let r = s; r <= i; r++)
+        for (let c = o; c <= l; c++)
+          e(r, c);
+    }
+  }
+  /** Get the bounding box of the current selection (clamped to actual dimensions) */
+  getBounds() {
+    if (this._ranges.length === 0) return null;
+    let e = 1 / 0, t = 1 / 0, s = -1 / 0, i = -1 / 0;
+    for (const o of this._ranges)
+      e = Math.min(e, o.startRow, o.endRow), t = Math.min(t, o.startCol, o.endCol), s = Math.max(s, o.startRow, o.endRow), i = Math.max(i, o.startCol, o.endCol);
+    return s = Math.min(s, this._rowCount - 1), i = Math.min(i, this._colCount - 1), { r1: e, c1: t, r2: s, c2: i };
+  }
+  /** Get rich selection info */
+  getInfo() {
+    const e = this.getBounds();
+    let t = 0;
+    this.forEachSelected(() => {
+      t++;
+    });
+    const s = (e == null ? void 0 : e.r1) ?? 0, i = (e == null ? void 0 : e.c1) ?? 0, o = (e == null ? void 0 : e.r2) ?? 0, l = (e == null ? void 0 : e.c2) ?? 0, r = this._ranges.some((a) => a.endRow === 1 / 0 || a.startRow === 1 / 0), c = this._ranges.some((a) => a.endCol === 1 / 0 || a.startCol === 1 / 0), h = e !== null && (c || i === 0 && l === this._colCount - 1), d = e !== null && (r || s === 0 && o === this._rowCount - 1);
+    return {
+      focus: this._focus ? { ...this._focus } : null,
+      ranges: this._ranges.map((a) => ({ ...a })),
+      bounds: e ? { startRow: s, startCol: i, endRow: o, endCol: l } : null,
+      cellCount: t,
+      rangeCount: this._ranges.length,
+      isMultiCell: t > 1,
+      isFullRow: h,
+      isFullCol: d,
+      isAll: h && d,
+      isEmpty: this._ranges.length === 0,
+      rowSpan: e ? o - s + 1 : 0,
+      colSpan: e ? l - i + 1 : 0
+    };
+  }
+  clear() {
+    var e;
+    this._focus = null, this._ranges = [], (e = this.onChange) == null || e.call(this);
+  }
+  /** Move focus in a direction */
+  move(e, t, s) {
+    if (!this._focus) {
+      this.focusCell(0, 0);
+      return;
+    }
+    const i = this.clampRow(this._focus.row + e), o = this.clampCol(this._focus.col + t);
+    s ? this.extendTo(i, o) : this.focusCell(i, o);
+  }
+  inRange(e, t, s) {
+    const i = Math.min(s.startRow, s.endRow), o = Math.max(s.startRow, s.endRow), l = Math.min(s.startCol, s.endCol), r = Math.max(s.startCol, s.endCol);
+    return e >= i && e <= o && t >= l && t <= r;
+  }
+  clampRow(e) {
+    return this.infinite ? Math.max(0, e) : Math.max(0, Math.min(this._rowCount - 1, e));
+  }
+  clampCol(e) {
+    return this.infinite ? Math.max(0, e) : Math.max(0, Math.min(this._colCount - 1, e));
+  }
+}
+class Z {
+  constructor(e = 100) {
+    n(this, "undoStack", []);
+    n(this, "redoStack", []);
+    n(this, "limit");
+    n(this, "onChange", null);
+    this.limit = e;
+  }
+  execute(e) {
+    var t;
+    e.execute(), this.undoStack.push(e), this.undoStack.length > this.limit && this.undoStack.shift(), this.redoStack.length = 0, (t = this.onChange) == null || t.call(this);
+  }
+  undo() {
+    var t;
+    const e = this.undoStack.pop();
+    return e ? (e.undo(), this.redoStack.push(e), (t = this.onChange) == null || t.call(this), e) : null;
+  }
+  redo() {
+    var t;
+    const e = this.redoStack.pop();
+    return e ? (e.execute(), this.undoStack.push(e), (t = this.onChange) == null || t.call(this), e) : null;
+  }
+  get canUndo() {
+    return this.undoStack.length > 0;
+  }
+  get canRedo() {
+    return this.redoStack.length > 0;
+  }
+  clear() {
+    this.undoStack.length = 0, this.redoStack.length = 0;
+  }
+}
+class $ {
+  constructor(e, t, s, i) {
+    n(this, "oldValue");
+    var o;
+    this.data = e, this.row = t, this.col = s, this.newValue = i, this.oldValue = (o = e.getCell(t, s)) == null ? void 0 : o.value;
+  }
+  execute() {
+    this.data.setCellValue(this.row, this.col, this.newValue);
+  }
+  undo() {
+    this.oldValue === void 0 ? this.data.deleteCell(this.row, this.col) : this.data.setCellValue(this.row, this.col, this.oldValue);
+  }
+  getChanges() {
+    return [{ row: this.row, col: this.col, oldValue: this.oldValue, newValue: this.newValue }];
+  }
+}
+class F {
+  constructor(e, t) {
+    n(this, "snapshots");
+    this.data = e, this.patches = t, this.snapshots = t.map((s) => ({
+      row: s.row,
+      col: s.col,
+      old: e.getCell(s.row, s.col) ? { ...e.getCell(s.row, s.col) } : void 0
+    }));
+  }
+  execute() {
+    this.data.applyPatch(this.patches);
+  }
+  undo() {
+    this.data.transaction(() => {
+      for (const e of this.snapshots)
+        e.old === void 0 ? this.data.deleteCell(e.row, e.col) : this.data.setCell(e.row, e.col, e.old);
+    });
+  }
+  getChanges() {
+    return this.snapshots.map((e, t) => {
+      var s, i, o;
+      return {
+        row: e.row,
+        col: e.col,
+        oldValue: (s = e.old) == null ? void 0 : s.value,
+        newValue: (o = (i = this.patches[t]) == null ? void 0 : i.data) == null ? void 0 : o.value
+      };
+    });
+  }
+}
+class Q {
+  constructor(e, t) {
+    n(this, "snapshots", []);
+    this.data = e, this.cells = t;
+    for (const { row: s, col: i } of t) {
+      const o = e.getCell(s, i);
+      o && this.snapshots.push({ row: s, col: i, old: { ...o } });
+    }
+  }
+  execute() {
+    this.data.transaction(() => {
+      for (const { row: e, col: t } of this.cells)
+        this.data.deleteCell(e, t);
+    });
+  }
+  undo() {
+    this.data.transaction(() => {
+      for (const e of this.snapshots)
+        this.data.setCell(e.row, e.col, e.old);
+    });
+  }
+  getChanges() {
+    return this.snapshots.map((e) => ({
+      row: e.row,
+      col: e.col,
+      oldValue: e.old.value,
+      newValue: void 0
+    }));
+  }
+}
+class P {
+  constructor(e, t, s) {
+    n(this, "configs");
+    n(this, "widths");
+    n(this, "prefixSums");
+    n(this, "defaultWidth");
+    var i;
+    this.defaultWidth = t, this.configs = s ?? [], this.widths = new Array(e);
+    for (let o = 0; o < e; o++)
+      this.widths[o] = ((i = this.configs[o]) == null ? void 0 : i.width) ?? t;
+    this.prefixSums = this.buildPrefixSums();
+  }
+  buildPrefixSums() {
+    const e = new Array(this.widths.length + 1);
+    e[0] = 0;
+    for (let t = 0; t < this.widths.length; t++)
+      e[t + 1] = e[t] + this.widths[t];
+    return e;
+  }
+  get count() {
+    return this.widths.length;
+  }
+  getWidth(e) {
+    return this.widths[e] ?? this.defaultWidth;
+  }
+  setWidth(e, t) {
+    const s = this.configs[e], i = (s == null ? void 0 : s.minWidth) ?? 30, o = (s == null ? void 0 : s.maxWidth) ?? 1 / 0;
+    this.widths[e] = Math.max(i, Math.min(o, t)), this.prefixSums = this.buildPrefixSums();
+  }
+  getX(e) {
+    return this.prefixSums[e] ?? 0;
+  }
+  getTotalWidth() {
+    return this.prefixSums[this.widths.length] ?? 0;
+  }
+  getConfig(e) {
+    return this.configs[e];
+  }
+  setCount(e) {
+    for (; this.widths.length < e; )
+      this.widths.push(this.defaultWidth);
+    this.widths.length = e, this.prefixSums = this.buildPrefixSums();
+  }
+  /** Find column at pixel X using binary search */
+  getColAtX(e) {
+    let t = 0, s = this.widths.length - 1;
+    for (; t <= s; ) {
+      const i = t + s >>> 1;
+      if (this.prefixSums[i + 1] <= e)
+        t = i + 1;
+      else if (this.prefixSums[i] > e)
+        s = i - 1;
+      else
+        return i;
+    }
+    return Math.max(0, Math.min(t, this.widths.length - 1));
+  }
+  static columnLabel(e) {
+    return z(e);
+  }
+}
+function z(u) {
+  let e = "", t = u;
+  for (; t >= 0; )
+    e = String.fromCharCode(65 + t % 26) + e, t = Math.floor(t / 26) - 1;
+  return e;
+}
+class tt {
+  constructor(e, t) {
+    n(this, "heights");
+    n(this, "prefixSums");
+    n(this, "defaultHeight");
+    n(this, "configs", /* @__PURE__ */ new Map());
+    this.defaultHeight = t, this.heights = new Array(e).fill(t), this.prefixSums = this.buildPrefixSums();
+  }
+  buildPrefixSums() {
+    const e = new Array(this.heights.length + 1);
+    e[0] = 0;
+    for (let t = 0; t < this.heights.length; t++)
+      e[t + 1] = e[t] + this.heights[t];
+    return e;
+  }
+  get count() {
+    return this.heights.length;
+  }
+  getHeight(e) {
+    return this.heights[e] ?? this.defaultHeight;
+  }
+  setHeight(e, t) {
+    this.heights[e] = Math.max(20, t), this.prefixSums = this.buildPrefixSums();
+  }
+  getY(e) {
+    return this.prefixSums[e] ?? 0;
+  }
+  getTotalHeight() {
+    return this.prefixSums[this.heights.length] ?? 0;
+  }
+  getConfig(e) {
+    return this.configs.get(e);
+  }
+  setConfig(e, t) {
+    this.configs.set(e, t), t.height != null && this.setHeight(e, t.height);
+  }
+  setCount(e) {
+    for (; this.heights.length < e; )
+      this.heights.push(this.defaultHeight);
+    this.heights.length = e, this.prefixSums = this.buildPrefixSums();
+  }
+  /** Find row at pixel Y using binary search */
+  getRowAtY(e) {
+    let t = 0, s = this.heights.length - 1;
+    for (; t <= s; ) {
+      const i = t + s >>> 1;
+      if (this.prefixSums[i + 1] <= e)
+        t = i + 1;
+      else if (this.prefixSums[i] > e)
+        s = i - 1;
+      else
+        return i;
+    }
+    return Math.max(0, Math.min(t, this.heights.length - 1));
+  }
+}
+class et {
+  constructor(e) {
+    n(this, "container");
+    n(this, "scrollContainer");
+    n(this, "scrollSentinel");
+    n(this, "viewportEl");
+    n(this, "colHeaderEl");
+    n(this, "rowHeaderEl");
+    n(this, "cornerEl");
+    n(this, "rowPool", []);
+    n(this, "activeRows", /* @__PURE__ */ new Map());
+    n(this, "viewport", { startRow: 0, endRow: 0, startCol: 0, endCol: 0, scrollX: 0, scrollY: 0 });
+    n(this, "ctx");
+    n(this, "rafId", 0);
+    n(this, "needsRender", !1);
+    n(this, "onScroll", null);
+    n(this, "onCellClick", null);
+    n(this, "onCellDblClick", null);
+    n(this, "onCellContextMenu", null);
+    n(this, "onHeaderClick", null);
+    n(this, "onColumnResizeStart", null);
+    n(this, "onHeaderContextMenu", null);
+    // ── Event handlers ──
+    n(this, "handleScroll", () => {
+      this.scheduleRender();
+    });
+    n(this, "handleMouseDown", (e) => {
+      var s;
+      const t = this.getCellFromEvent(e);
+      t && ((s = this.onCellClick) == null || s.call(this, t.row, t.col, e));
+    });
+    n(this, "handleDblClick", (e) => {
+      var s;
+      const t = this.getCellFromEvent(e);
+      t && ((s = this.onCellDblClick) == null || s.call(this, t.row, t.col, e));
+    });
+    n(this, "handleContextMenu", (e) => {
+      var s;
+      const t = this.getCellFromEvent(e);
+      t && ((s = this.onCellContextMenu) == null || s.call(this, t.row, t.col, e));
+    });
+    n(this, "handleColHeaderMouse", (e) => {
+      var o, l;
+      const t = e.target.closest(".wt-col-header-cell");
+      if (!t) return;
+      const s = parseInt(t.dataset.col ?? "", 10);
+      if (isNaN(s)) return;
+      const i = t.getBoundingClientRect();
+      if (e.clientX > i.right - 5) {
+        (o = this.onColumnResizeStart) == null || o.call(this, s, e.clientX);
+        return;
+      }
+      (l = this.onHeaderClick) == null || l.call(this, "col", s, e);
+    });
+    n(this, "handleRowHeaderMouse", (e) => {
+      var i;
+      const t = e.target.closest(".wt-row-header-cell");
+      if (!t) return;
+      const s = parseInt(t.dataset.row ?? "", 10);
+      isNaN(s) || (i = this.onHeaderClick) == null || i.call(this, "row", s, e);
+    });
+    n(this, "handleCornerMouse", (e) => {
+      var t;
+      (t = this.onHeaderClick) == null || t.call(this, "corner", -1, e);
+    });
+    n(this, "handleColHeaderContextMenu", (e) => {
+      var i;
+      e.preventDefault();
+      const t = e.target.closest(".wt-col-header-cell");
+      if (!t) return;
+      const s = parseInt(t.dataset.col ?? "", 10);
+      isNaN(s) || (i = this.onHeaderContextMenu) == null || i.call(this, "col", s, e);
+    });
+    n(this, "handleRowHeaderContextMenu", (e) => {
+      var i;
+      e.preventDefault();
+      const t = e.target.closest(".wt-row-header-cell");
+      if (!t) return;
+      const s = parseInt(t.dataset.row ?? "", 10);
+      isNaN(s) || (i = this.onHeaderContextMenu) == null || i.call(this, "row", s, e);
+    });
+    this.container = e, this.container.classList.add("wt-root"), this.container.setAttribute("tabindex", "0"), this.cornerEl = document.createElement("div"), this.cornerEl.className = "wt-corner", this.colHeaderEl = document.createElement("div"), this.colHeaderEl.className = "wt-col-headers", this.rowHeaderEl = document.createElement("div"), this.rowHeaderEl.className = "wt-row-headers", this.scrollContainer = document.createElement("div"), this.scrollContainer.className = "wt-scroll-container", this.scrollSentinel = document.createElement("div"), this.scrollSentinel.className = "wt-scroll-sentinel", this.viewportEl = document.createElement("div"), this.viewportEl.className = "wt-viewport", this.scrollContainer.appendChild(this.scrollSentinel), this.scrollContainer.appendChild(this.viewportEl), this.container.appendChild(this.cornerEl), this.container.appendChild(this.colHeaderEl), this.container.appendChild(this.rowHeaderEl), this.container.appendChild(this.scrollContainer), this.scrollContainer.addEventListener("scroll", this.handleScroll, { passive: !0 }), this.viewportEl.addEventListener("mousedown", this.handleMouseDown), this.viewportEl.addEventListener("dblclick", this.handleDblClick), this.viewportEl.addEventListener("contextmenu", this.handleContextMenu), this.colHeaderEl.addEventListener("mousedown", this.handleColHeaderMouse), this.colHeaderEl.addEventListener("contextmenu", this.handleColHeaderContextMenu), this.rowHeaderEl.addEventListener("mousedown", this.handleRowHeaderMouse), this.rowHeaderEl.addEventListener("contextmenu", this.handleRowHeaderContextMenu), this.cornerEl.addEventListener("mousedown", this.handleCornerMouse);
+  }
+  init(e) {
+    this.ctx = e, this.container.classList.toggle("wt-root--no-gridlines", !e.showGridLines), this.container.classList.toggle("wt-root--no-border", !e.showBorder), e.layout === "auto" && (this.container.classList.add("wt-root--auto"), this.scrollContainer.classList.add("wt-scroll-container--auto")), this.applyTheme(), this.updateLayout(), this.scheduleRender();
+  }
+  applyTheme() {
+    const e = this.ctx.theme, t = this.container.style;
+    t.setProperty("--wt-bg", e.bgColor), t.setProperty("--wt-cell-bg", e.cellBgColor), t.setProperty("--wt-cell-text", e.cellTextColor), t.setProperty("--wt-header-bg", e.headerBgColor), t.setProperty("--wt-header-text", e.headerTextColor), t.setProperty("--wt-grid-line", e.gridLineColor), t.setProperty("--wt-sel-bg", e.selectionBgColor), t.setProperty("--wt-sel-border", e.selectionBorderColor), t.setProperty("--wt-focus-border", e.focusBorderColor), t.setProperty("--wt-font", e.fontFamily), t.setProperty("--wt-font-size", `${e.fontSize}px`), t.setProperty("--wt-header-font-size", `${e.headerFontSize}px`), t.setProperty("--wt-cell-padding", `${e.cellPadding}px`), t.setProperty("--wt-header-height", `${e.headerHeight}px`), t.setProperty("--wt-row-header-width", `${e.rowHeaderWidth}px`);
+  }
+  updateLayout() {
+    const { columns: e, rows: t, viewMapping: s, showColHeaders: i, showRowHeaders: o, theme: l } = this.ctx, r = e.getTotalWidth(), c = s.visibleRowCount, h = c === t.count ? t.getTotalHeight() : t.getY(c), d = this.ctx.headerRows ? this.ctx.headerRows.length : 1, a = i ? l.headerHeight * d : 0, g = o ? l.rowHeaderWidth : 0;
+    if (this.ctx.layout === "auto") {
+      if (this.container.style.display = "grid", this.container.style.gridTemplateColumns = `${g}px ${r}px`, this.container.style.gridTemplateRows = `${a}px auto`, this.container.style.width = `${g + r}px`, this.container.style.minWidth = "100%", this.cornerEl.style.display = i && o ? "" : "none", this.cornerEl.style.position = "static", this.cornerEl.style.width = "", this.cornerEl.style.height = "", this.colHeaderEl.style.display = i ? "" : "none", this.colHeaderEl.style.position = "static", this.colHeaderEl.style.left = "", this.colHeaderEl.style.right = "", this.colHeaderEl.style.height = `${a}px`, this.colHeaderEl.style.overflow = "visible", this.rowHeaderEl.style.display = o ? "" : "none", this.rowHeaderEl.style.position = "static", this.rowHeaderEl.style.top = "", this.rowHeaderEl.style.bottom = "", this.rowHeaderEl.style.width = `${g}px`, this.rowHeaderEl.style.overflow = "visible", this.scrollContainer.style.position = "static", this.scrollContainer.style.top = "", this.scrollContainer.style.left = "", this.scrollContainer.style.right = "", this.scrollContainer.style.bottom = "", this.scrollContainer.style.overflow = "visible", this.scrollContainer.style.gridColumn = o ? "2" : "1 / -1", this.scrollSentinel.style.width = `${r}px`, this.scrollSentinel.style.height = "0", this.viewportEl.style.position = "relative", this.viewportEl.style.height = `${h}px`, this.viewportEl.style.width = `${r}px`, o) {
+        const p = this.rowHeaderEl.querySelector(".wt-row-headers-inner");
+        p && (p.style.height = `${h}px`), this.rowHeaderEl.style.height = `${h}px`, this.rowHeaderEl.style.gridRow = "2", this.rowHeaderEl.style.gridColumn = "1";
+      }
+    } else
+      this.scrollSentinel.style.width = `${r}px`, this.scrollSentinel.style.height = `${h}px`, this.cornerEl.style.display = i && o ? "" : "none", this.cornerEl.style.width = `${g}px`, this.cornerEl.style.height = `${a}px`, this.colHeaderEl.style.display = i ? "" : "none", this.colHeaderEl.style.left = `${g}px`, this.colHeaderEl.style.height = `${a}px`, this.colHeaderEl.style.right = "0", this.rowHeaderEl.style.display = o ? "" : "none", this.rowHeaderEl.style.top = `${a}px`, this.rowHeaderEl.style.width = `${g}px`, this.rowHeaderEl.style.bottom = "0", this.scrollContainer.style.top = `${a}px`, this.scrollContainer.style.left = `${g}px`, this.scrollContainer.style.right = "0", this.scrollContainer.style.bottom = "0";
+  }
+  scheduleRender() {
+    this.needsRender || (this.needsRender = !0, this.rafId = requestAnimationFrame(() => {
+      this.needsRender = !1, this.render();
+    }));
+  }
+  render() {
+    var S;
+    const { columns: e, rows: t, viewMapping: s, showColHeaders: i, showRowHeaders: o } = this.ctx, l = this.scrollContainer, r = l.clientWidth, c = l.clientHeight, h = l.scrollLeft, d = l.scrollTop, a = s.visibleRowCount, g = this.ctx.layout === "auto", p = 3;
+    let w, C, E, b;
+    if (g)
+      w = 0, C = a - 1, E = 0, b = e.count - 1;
+    else {
+      const m = t.getRowAtY(d), f = t.getRowAtY(d + c), x = e.getColAtX(h), H = e.getColAtX(h + r);
+      w = Math.max(0, m - p), C = Math.min(a - 1, f + p), E = Math.max(0, x - p), b = Math.min(e.count - 1, H + p);
+    }
+    const v = {
+      startRow: w,
+      endRow: C,
+      startCol: E,
+      endCol: b,
+      scrollX: h,
+      scrollY: d
+    };
+    this.viewport = v;
+    const _ = this.ctx.frozenRows, T = this.ctx.frozenCols, k = /* @__PURE__ */ new Set();
+    for (let m = 0; m < _ && m < a; m++)
+      k.add(m);
+    for (let m = v.startRow; m <= v.endRow; m++)
+      k.add(m);
+    for (const [m, f] of this.activeRows)
+      k.has(m) || (f.el.style.display = "none", this.rowPool.push(f), this.activeRows.delete(m));
+    for (const m of k)
+      this.renderRow(m, v, h, d, _, T);
+    if (this.ctx.autoRowHeight) {
+      let m = !1;
+      for (const f of k) {
+        const x = this.activeRows.get(f);
+        if (!x) continue;
+        let H = 20;
+        for (const M of x.cells) {
+          if (M.style.display === "none") continue;
+          const L = M.scrollHeight;
+          L > H && (H = L);
+        }
+        const I = t.getHeight(f);
+        Math.abs(H - I) > 1 && (t.setHeight(f, H), m = !0);
+      }
+      if (m) {
+        this.updateLayout();
+        for (const f of k) {
+          const x = this.activeRows.get(f);
+          if (!x) continue;
+          const I = f < _ ? t.getY(f) + d : t.getY(f), M = t.getHeight(f);
+          x.el.style.transform = `translateY(${I}px)`, x.el.style.height = `${M}px`;
+          for (const L of x.cells)
+            L.style.display !== "none" && (L.style.height = `${M}px`);
+        }
+      }
+    }
+    i && this.renderColHeaders(v, h), o && this.renderRowHeaders(v, d), (S = this.onScroll) == null || S.call(this, v);
+  }
+  renderRow(e, t, s, i, o, l) {
+    var k;
+    const { columns: r, rows: c, data: h, selection: d, viewMapping: a } = this.ctx, g = a.toDataRow(e);
+    let p = this.activeRows.get(e);
+    const w = c.getY(e), C = c.getHeight(e), E = t.endCol - t.startCol + 1, b = e < o;
+    p || (p = this.acquireRow(E), p.rowIndex = e, this.activeRows.set(e, p));
+    const v = p.el;
+    v.style.display = "";
+    const _ = b ? w + i : w;
+    v.style.transform = `translateY(${_}px)`, v.style.height = `${C}px`, v.style.zIndex = b ? "2" : "", v.dataset.row = String(g), this.ensureCells(p, E);
+    const { merges: T } = this.ctx;
+    for (let S = 0; S < E; S++) {
+      const m = t.startCol + S, f = p.cells[S];
+      if (T.isHidden(g, m)) {
+        f.style.display = "none";
+        continue;
+      }
+      const x = r.getX(m);
+      let H = r.getWidth(m), I = C;
+      const M = T.getMerge(g, m);
+      if (M && M.row === g && M.col === m) {
+        for (let y = 1; y < M.colSpan; y++)
+          H += r.getWidth(m + y);
+        for (let y = 1; y < M.rowSpan; y++)
+          I += c.getHeight(e + y);
+        f.style.zIndex = "1";
+      } else
+        f.style.zIndex = "";
+      const L = m < l, U = L ? x + s : x;
+      f.style.transform = `translateX(${U}px)`, f.style.width = `${H}px`, f.style.height = `${I}px`, f.style.display = "", (L || b) && (f.style.zIndex = L && b ? "4" : "3"), f.dataset.row = String(g), f.dataset.col = String(m);
+      const R = h.getCell(g, m), B = {
+        selected: d.isSelected(g, m),
+        focused: d.isFocused(g, m),
+        editing: !1,
+        hover: !1
+      };
+      if (f.classList.toggle("wt-cell--selected", B.selected), f.classList.toggle("wt-cell--focused", B.focused), R != null && R.style) {
+        const y = R.style;
+        y.bgColor ? f.style.backgroundColor = y.bgColor : f.style.backgroundColor = "", y.textColor ? f.style.color = y.textColor : f.style.color = "", y.textAlign ? f.style.textAlign = y.textAlign : f.style.textAlign = "", y.borderLeft ? f.style.borderLeft = y.borderLeft : f.style.borderLeft = "", y.borderRight ? f.style.borderRight = y.borderRight : f.style.borderRight = "", y.borderTop ? f.style.borderTop = y.borderTop : f.style.borderTop = "", y.borderBottom ? f.style.borderBottom = y.borderBottom : f.style.borderBottom = "";
+      } else
+        f.style.backgroundColor = "", f.style.color = "", f.style.textAlign = "", f.style.borderLeft = "", f.style.borderRight = "", f.style.borderTop = "", f.style.borderBottom = "";
+      R != null && R.className && (f.className = `wt-cell ${R.className}`, B.selected && f.classList.add("wt-cell--selected"), B.focused && f.classList.add("wt-cell--focused"));
+      const X = (R == null ? void 0 : R.type) ?? ((k = this.ctx.columns.getConfig(m)) == null ? void 0 : k.type) ?? this.ctx.defaultCellType;
+      (this.ctx.renderers.get(X) ?? this.ctx.defaultRenderer).render(f, R, B);
+    }
+    for (let S = E; S < p.cells.length; S++)
+      p.cells[S].style.display = "none";
+  }
+  renderColHeaders(e, t) {
+    var r;
+    const { columns: s, theme: i } = this.ctx, o = this.ctx.headerRows;
+    this.colHeaderEl.scrollLeft = t;
+    const l = this.colHeaderEl.querySelector(".wt-col-headers-inner") ?? this.createColHeadersInner();
+    if (l.style.width = `${s.getTotalWidth()}px`, o && o.length > 1) {
+      const c = i.headerHeight, h = c * o.length;
+      this.colHeaderEl.style.height = `${h}px`, l.style.height = `${h}px`, l.innerHTML = "";
+      for (let d = 0; d < o.length; d++)
+        for (const a of o[d]) {
+          const g = document.createElement("div");
+          g.className = a.colSpan > 1 ? "wt-header-cell wt-col-header-group" : "wt-header-cell wt-col-header-cell";
+          const p = s.getX(a.col);
+          let w = 0;
+          for (let C = 0; C < a.colSpan; C++)
+            w += s.getWidth(a.col + C);
+          g.style.transform = `translate(${p}px, ${d * c}px)`, g.style.width = `${w}px`, g.style.height = `${c * a.rowSpan}px`, g.textContent = a.label, a.colSpan === 1 && (g.dataset.col = String(a.col)), l.appendChild(g);
+        }
+    } else {
+      const c = e.endCol - e.startCol + 1;
+      for (; l.children.length < c; ) {
+        const h = document.createElement("div");
+        h.className = "wt-header-cell wt-col-header-cell", l.appendChild(h);
+      }
+      for (let h = 0; h < c; h++) {
+        const d = e.startCol + h, a = l.children[h];
+        a.style.display = "", a.style.transform = `translateX(${s.getX(d)}px)`, a.style.width = `${s.getWidth(d)}px`, a.style.height = `${i.headerHeight}px`, a.textContent = ((r = this.ctx.columns.getConfig(d)) == null ? void 0 : r.label) ?? P.columnLabel(d), a.dataset.col = String(d);
+      }
+      for (let h = c; h < l.children.length; h++)
+        l.children[h].style.display = "none";
+    }
+  }
+  createColHeadersInner() {
+    const e = document.createElement("div");
+    return e.className = "wt-col-headers-inner", this.colHeaderEl.appendChild(e), e;
+  }
+  renderRowHeaders(e, t) {
+    const { rows: s, theme: i } = this.ctx;
+    this.rowHeaderEl.scrollTop = t;
+    let o = this.rowHeaderEl.querySelector(".wt-row-headers-inner");
+    o || (o = document.createElement("div"), o.className = "wt-row-headers-inner", this.rowHeaderEl.appendChild(o)), o.style.height = `${s.getTotalHeight()}px`;
+    const l = e.endRow - e.startRow + 1;
+    for (; o.children.length < l; ) {
+      const r = document.createElement("div");
+      r.className = "wt-header-cell wt-row-header-cell", o.appendChild(r);
+    }
+    for (let r = 0; r < l; r++) {
+      const c = e.startRow + r, h = o.children[r];
+      h.style.display = "", h.style.transform = `translateY(${s.getY(c)}px)`, h.style.height = `${s.getHeight(c)}px`, h.style.width = `${i.rowHeaderWidth}px`, h.textContent = String(c + 1), h.dataset.row = String(c);
+    }
+    for (let r = l; r < o.children.length; r++)
+      o.children[r].style.display = "none";
+  }
+  acquireRow(e) {
+    let t = this.rowPool.pop();
+    if (!t) {
+      const s = document.createElement("div");
+      s.className = "wt-row", this.viewportEl.appendChild(s), t = { el: s, cells: [], rowIndex: -1 };
+    }
+    return this.ensureCells(t, e), t;
+  }
+  ensureCells(e, t) {
+    for (; e.cells.length < t; ) {
+      const s = document.createElement("div");
+      s.className = "wt-cell", e.el.appendChild(s), e.cells.push(s);
+    }
+  }
+  /** Resolve cell address from a mouse event target */
+  getCellFromEvent(e) {
+    const t = e.target.closest(".wt-cell");
+    if (!t) return null;
+    const s = parseInt(t.dataset.row ?? "", 10), i = parseInt(t.dataset.col ?? "", 10);
+    return isNaN(s) || isNaN(i) ? null : { row: s, col: i };
+  }
+  getViewport() {
+    return this.viewport;
+  }
+  scrollToCell(e, t) {
+    const { columns: s, rows: i } = this.ctx, o = s.getX(t), l = i.getY(e), r = s.getWidth(t), c = i.getHeight(e), h = this.scrollContainer, d = h.clientWidth, a = h.clientHeight;
+    o < h.scrollLeft ? h.scrollLeft = o : o + r > h.scrollLeft + d && (h.scrollLeft = o + r - d), l < h.scrollTop ? h.scrollTop = l : l + c > h.scrollTop + a && (h.scrollTop = l + c - a);
+  }
+  /** Get the pixel bounds of a cell relative to the scroll container */
+  getCellBounds(e, t) {
+    const { columns: s, rows: i } = this.ctx;
+    return {
+      x: s.getX(t) - this.scrollContainer.scrollLeft,
+      y: i.getY(e) - this.scrollContainer.scrollTop,
+      width: s.getWidth(t),
+      height: i.getHeight(e)
+    };
+  }
+  getScrollContainer() {
+    return this.scrollContainer;
+  }
+  getViewportEl() {
+    return this.viewportEl;
+  }
+  getContainer() {
+    return this.container;
+  }
+  destroy() {
+    cancelAnimationFrame(this.rafId), this.scrollContainer.removeEventListener("scroll", this.handleScroll), this.viewportEl.removeEventListener("mousedown", this.handleMouseDown), this.viewportEl.removeEventListener("dblclick", this.handleDblClick), this.viewportEl.removeEventListener("contextmenu", this.handleContextMenu), this.colHeaderEl.removeEventListener("mousedown", this.handleColHeaderMouse), this.colHeaderEl.removeEventListener("contextmenu", this.handleColHeaderContextMenu), this.rowHeaderEl.removeEventListener("mousedown", this.handleRowHeaderMouse), this.rowHeaderEl.removeEventListener("contextmenu", this.handleRowHeaderContextMenu), this.cornerEl.removeEventListener("mousedown", this.handleCornerMouse), this.container.innerHTML = "";
+  }
+}
+const st = { selected: !1, focused: !1, editing: !1, hover: !1 };
+class it {
+  constructor(e, t, s, i, o, l) {
+    n(this, "measureEl");
+    n(this, "data");
+    n(this, "columns");
+    n(this, "renderers");
+    n(this, "defaultRenderer");
+    this.data = t, this.columns = s, this.renderers = o, this.defaultRenderer = l, this.measureEl = document.createElement("div"), this.measureEl.className = "wt-cell", this.measureEl.style.position = "absolute", this.measureEl.style.visibility = "hidden", this.measureEl.style.left = "-9999px", this.measureEl.style.top = "-9999px", this.measureEl.style.whiteSpace = "nowrap", this.measureEl.style.height = "auto", this.measureEl.style.width = "auto", e.appendChild(this.measureEl);
+  }
+  /** Measure a single cell's natural width and height */
+  measureCell(e, t) {
+    var c;
+    const s = this.data.getCell(e, t), i = (s == null ? void 0 : s.type) ?? ((c = this.columns.getConfig(t)) == null ? void 0 : c.type) ?? "text";
+    (this.renderers.get(i) ?? this.defaultRenderer).render(this.measureEl, s, st);
+    const l = this.measureEl.scrollWidth + 1, r = this.measureEl.scrollHeight + 1;
+    return this.measureEl.textContent = "", this.measureEl.innerHTML = "", { width: l, height: r };
+  }
+  /** Auto-fit a column width to its content. Samples up to `maxRows` rows. */
+  autoFitColumn(e, t = 500) {
+    var a;
+    let i = 40;
+    const o = ((a = this.columns.getConfig(e)) == null ? void 0 : a.label) ?? z(e);
+    this.measureEl.textContent = o, this.measureEl.style.fontWeight = "500", i = Math.max(i, this.measureEl.scrollWidth + 16), this.measureEl.style.fontWeight = "";
+    const l = this.data.rowCount, r = l > t ? Math.floor(l / t) : 1;
+    for (let g = 0; g < l; g += r) {
+      if (!this.data.hasCell(g, e)) continue;
+      const { width: p } = this.measureCell(g, e);
+      i = Math.max(i, p + 16);
+    }
+    const c = this.columns.getConfig(e), h = (c == null ? void 0 : c.minWidth) ?? 30, d = (c == null ? void 0 : c.maxWidth) ?? 600;
+    return Math.max(h, Math.min(d, i));
+  }
+  /** Auto-fit a row height to its content */
+  autoFitRow(e) {
+    let t = 20;
+    for (let s = 0; s < this.columns.count; s++) {
+      if (!this.data.hasCell(e, s)) continue;
+      this.measureEl.style.width = `${this.columns.getWidth(s)}px`, this.measureEl.style.whiteSpace = "normal";
+      const { height: i } = this.measureCell(e, s);
+      t = Math.max(t, i), this.measureEl.style.width = "auto", this.measureEl.style.whiteSpace = "nowrap";
+    }
+    return t;
+  }
+  destroy() {
+    this.measureEl.remove();
+  }
+}
+class ot {
+  render(e, t, s) {
+    const i = t == null ? void 0 : t.value;
+    if (i == null || i === "") {
+      e.textContent = "";
+      return;
+    }
+    e.textContent = String(i);
+  }
+}
+class nt {
+  render(e, t, s) {
+    const i = !!(t != null && t.value);
+    e.innerHTML = `<label class="wt-checkbox">
+      <span class="wt-checkbox-box${i ? " wt-checkbox-box--checked" : ""}">
+        ${i ? '<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M2.5 6L5 8.5L9.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>' : ""}
+      </span>
+    </label>`;
+  }
+}
+const A = {
+  active: { bg: "#dcfce7", text: "#166534" },
+  success: { bg: "#dcfce7", text: "#166534" },
+  inactive: { bg: "#fef2f2", text: "#991b1b" },
+  error: { bg: "#fef2f2", text: "#991b1b" },
+  pending: { bg: "#fef9c3", text: "#854d0e" },
+  warning: { bg: "#fef9c3", text: "#854d0e" },
+  info: { bg: "#dbeafe", text: "#1e40af" },
+  default: { bg: "#f1f5f9", text: "#475569" }
+};
+class lt {
+  render(e, t, s) {
+    var h, d;
+    if ((t == null ? void 0 : t.value) == null || t.value === "") {
+      e.textContent = "";
+      return;
+    }
+    const i = String(t.value), o = i.toLowerCase(), l = A[o] ?? A.default, r = (h = t.meta) == null ? void 0 : h.badgeBg, c = (d = t.meta) == null ? void 0 : d.badgeText;
+    e.innerHTML = `<span class="wt-badge" style="background:${r ?? l.bg};color:${c ?? l.text}">${i}</span>`;
+  }
+}
+class rt {
+  constructor(e, t) {
+    n(this, "formatter");
+    this.formatter = new Intl.NumberFormat(e, t);
+  }
+  render(e, t, s) {
+    if ((t == null ? void 0 : t.value) == null || t.value === "") {
+      e.textContent = "";
+      return;
+    }
+    const i = Number(t.value);
+    if (isNaN(i)) {
+      e.textContent = String(t.value);
+      return;
+    }
+    e.textContent = this.formatter.format(i), e.style.textAlign = "right";
+  }
+}
+class at {
+  render(e, t, s) {
+    if ((t == null ? void 0 : t.value) == null) {
+      e.textContent = "";
+      return;
+    }
+    const i = Math.max(0, Math.min(100, Number(t.value)));
+    if (isNaN(i)) {
+      e.textContent = "";
+      return;
+    }
+    const o = i >= 80 ? "#22c55e" : i >= 50 ? "#f59e0b" : i >= 25 ? "#f97316" : "#ef4444";
+    e.innerHTML = `<div class="wt-progress">
+      <div class="wt-progress-bar" style="width:${i}%;background:${o}"></div>
+      <span class="wt-progress-label">${Math.round(i)}%</span>
+    </div>`;
+  }
+}
+class ht {
+  render(e, t, s) {
+    e.textContent = "";
+  }
+}
+class ct {
+  constructor() {
+    n(this, "renderers", /* @__PURE__ */ new Map());
+    n(this, "defaultRenderer");
+    this.defaultRenderer = new ot(), this.renderers.set("text", this.defaultRenderer), this.renderers.set("blank", new ht()), this.renderers.set("checkbox", new nt()), this.renderers.set("badge", new lt()), this.renderers.set("number", new rt()), this.renderers.set("progress", new at());
+  }
+  register(e, t) {
+    this.renderers.set(e, t);
+  }
+  get(e) {
+    return this.renderers.get(e);
+  }
+  getAll() {
+    return this.renderers;
+  }
+}
+class dt {
+  constructor(e) {
+    n(this, "editors", /* @__PURE__ */ new Map());
+    n(this, "activeEditor", null);
+    n(this, "activeEditorEl", null);
+    n(this, "activeRow", -1);
+    n(this, "activeCol", -1);
+    n(this, "overlayEl");
+    n(this, "onClose", null);
+    n(this, "handleEditorKey", (e) => {
+      switch (e.key) {
+        case "Enter":
+          e.shiftKey || (e.preventDefault(), e.stopPropagation(), this.close(!0));
+          break;
+        case "Escape":
+          e.preventDefault(), e.stopPropagation(), this.close(!1);
+          break;
+        case "Tab":
+          e.preventDefault(), e.stopPropagation(), this.close(!0);
+          break;
+      }
+    });
+    this.overlayEl = document.createElement("div"), this.overlayEl.className = "wt-editor-overlay", this.overlayEl.style.display = "none", e.appendChild(this.overlayEl), this.register("text", () => new ut()), this.register("blank", () => new gt());
+  }
+  register(e, t) {
+    this.editors.set(e, t);
+  }
+  get isEditing() {
+    return this.activeEditor !== null;
+  }
+  get editingCell() {
+    return this.activeEditor ? { row: this.activeRow, col: this.activeCol } : null;
+  }
+  open(e, t, s, i, o, l, r) {
+    this.close(!1);
+    const c = this.editors.get(s);
+    if (!c) return;
+    this.activeRow = e, this.activeCol = t, this.activeEditor = c(), this.overlayEl.style.display = "", this.overlayEl.style.left = `${o.x}px`, this.overlayEl.style.top = `${o.y}px`, this.overlayEl.style.width = `${o.width}px`, this.overlayEl.style.height = `${o.height}px`, this.activeEditorEl = this.activeEditor.createElement(this.overlayEl);
+    const h = r !== void 0 ? r : i;
+    this.activeEditor.open(h, o, l), this.activeEditorEl.addEventListener("keydown", this.handleEditorKey);
+  }
+  close(e) {
+    var l;
+    if (!this.activeEditor) return;
+    const t = this.activeEditor, s = this.activeRow, i = this.activeCol;
+    let o;
+    e && (o = t.getValue(), t.validate && t.validate(o) !== !0) || (this.activeEditorEl && (this.activeEditorEl.removeEventListener("keydown", this.handleEditorKey), this.activeEditorEl = null), t.close(), this.overlayEl.innerHTML = "", this.overlayEl.style.display = "none", this.activeEditor = null, this.activeRow = -1, this.activeCol = -1, (l = this.onClose) == null || l.call(this, s, i, e ? o : void 0, !e));
+  }
+  destroy() {
+    this.close(!1), this.overlayEl.remove();
+  }
+}
+class ut {
+  constructor() {
+    n(this, "input");
+  }
+  createElement(e) {
+    return this.input = document.createElement("input"), this.input.type = "text", this.input.className = "wt-editor-input", e.appendChild(this.input), this.input;
+  }
+  open(e, t, s) {
+    this.input.value = e != null ? String(e) : "", requestAnimationFrame(() => {
+      this.input.focus(), this.input.select();
+    });
+  }
+  getValue() {
+    return this.input.value;
+  }
+  close() {
+    this.input.remove();
+  }
+}
+class gt {
+  constructor() {
+    n(this, "el");
+  }
+  createElement(e) {
+    return this.el = document.createElement("div"), e.appendChild(this.el), this.el;
+  }
+  open() {
+  }
+  getValue() {
+  }
+  close() {
+    var e;
+    (e = this.el) == null || e.remove();
+  }
+}
+class pt {
+  constructor(e, t) {
+    n(this, "selection");
+    n(this, "callbacks");
+    this.selection = e, this.callbacks = t;
+  }
+  handleKeyDown(e) {
+    const t = e.ctrlKey || e.metaKey, s = e.shiftKey, i = this.selection.focus;
+    switch (e.key) {
+      case "ArrowUp":
+        e.preventDefault(), this.selection.move(-1, 0, s), this.selection.focus && this.callbacks.onScrollTo(this.selection.focus.row, this.selection.focus.col);
+        break;
+      case "ArrowDown":
+        e.preventDefault(), this.selection.move(1, 0, s), this.selection.focus && this.callbacks.onScrollTo(this.selection.focus.row, this.selection.focus.col);
+        break;
+      case "ArrowLeft":
+        e.preventDefault(), this.selection.move(0, -1, s), this.selection.focus && this.callbacks.onScrollTo(this.selection.focus.row, this.selection.focus.col);
+        break;
+      case "ArrowRight":
+        e.preventDefault(), this.selection.move(0, 1, s), this.selection.focus && this.callbacks.onScrollTo(this.selection.focus.row, this.selection.focus.col);
+        break;
+      case "Tab":
+        e.preventDefault(), this.selection.move(0, s ? -1 : 1, !1), this.selection.focus && this.callbacks.onScrollTo(this.selection.focus.row, this.selection.focus.col);
+        break;
+      case "Enter":
+        e.preventDefault(), i && this.callbacks.onStartEdit(i.row, i.col);
+        break;
+      case "F2":
+        e.preventDefault(), i && this.callbacks.onStartEdit(i.row, i.col);
+        break;
+      case "Delete":
+      case "Backspace":
+        e.preventDefault(), this.callbacks.onDelete();
+        break;
+      case "Escape":
+        e.preventDefault(), this.selection.clear();
+        break;
+      case "Home":
+        e.preventDefault(), t ? this.selection.focusCell(0, 0) : i && this.selection.focusCell(i.row, 0), this.selection.focus && this.callbacks.onScrollTo(this.selection.focus.row, this.selection.focus.col);
+        break;
+      case "End":
+        e.preventDefault(), this.selection.focus && this.callbacks.onScrollTo(this.selection.focus.row, this.selection.focus.col);
+        break;
+      case "a":
+        t ? (e.preventDefault(), this.selection.selectAll()) : this.handleCharInput(e);
+        break;
+      case "c":
+        t ? (e.preventDefault(), this.callbacks.onCopy()) : this.handleCharInput(e);
+        break;
+      case "v":
+        t ? (e.preventDefault(), this.callbacks.onPaste()) : this.handleCharInput(e);
+        break;
+      case "x":
+        t ? (e.preventDefault(), this.callbacks.onCut()) : this.handleCharInput(e);
+        break;
+      case "z":
+        t ? (e.preventDefault(), s ? this.callbacks.onRedo() : this.callbacks.onUndo()) : this.handleCharInput(e);
+        break;
+      case "y":
+        t ? (e.preventDefault(), this.callbacks.onRedo()) : this.handleCharInput(e);
+        break;
+      default:
+        !t && !e.altKey && e.key.length === 1 && this.handleCharInput(e);
+        break;
+    }
+  }
+  handleCharInput(e) {
+    if (e.ctrlKey || e.metaKey || e.altKey) return;
+    const t = this.selection.focus;
+    t && (e.preventDefault(), this.callbacks.onStartEdit(t.row, t.col, e.key));
+  }
+}
+class ft {
+  constructor(e, t) {
+    n(this, "data");
+    n(this, "selection");
+    n(this, "onChange", null);
+    this.data = e, this.selection = t;
+  }
+  async copy() {
+    const e = this.selectionToTSV();
+    if (e)
+      try {
+        await navigator.clipboard.writeText(e);
+      } catch {
+        this.fallbackCopy(e);
+      }
+  }
+  async cut() {
+    await this.copy(), this.deleteSelected();
+  }
+  async paste() {
+    var l;
+    const e = this.selection.focus;
+    if (!e) return;
+    let t;
+    try {
+      t = await navigator.clipboard.readText();
+    } catch {
+      return;
+    }
+    const s = this.parseTSV(t);
+    if (s.length === 0) return;
+    const i = s.length === 1 && s[0].length === 1, o = [];
+    if (i && !this.isFullRowOrColSelected()) {
+      const r = s[0][0];
+      this.selection.forEachSelected((c, h) => {
+        c < this.data.rowCount && h < this.data.colCount && o.push({ row: c, col: h, data: { value: r } });
+      });
+    } else
+      for (let r = 0; r < s.length; r++)
+        for (let c = 0; c < s[r].length; c++) {
+          const h = e.row + r, d = e.col + c;
+          h >= this.data.rowCount || d >= this.data.colCount || o.push({
+            row: h,
+            col: d,
+            data: { value: s[r][c] }
+          });
+        }
+    o.length > 0 && (this.data.applyPatch(o), (l = this.onChange) == null || l.call(this, o));
+  }
+  /** Check if current selection spans an entire row or column */
+  isFullRowOrColSelected() {
+    const e = this.selection.getBounds();
+    if (!e) return !1;
+    const t = e.c1 === 0 && e.c2 === this.data.colCount - 1, s = e.r1 === 0 && e.r2 === this.data.rowCount - 1;
+    return t || s;
+  }
+  deleteSelected() {
+    var t;
+    const e = [];
+    this.selection.forEachSelected((s, i) => {
+      this.data.hasCell(s, i) && e.push({ row: s, col: i, data: { value: void 0 } });
+    }), e.length > 0 && (this.data.applyPatch(e), (t = this.onChange) == null || t.call(this, e));
+  }
+  selectionToTSV() {
+    const e = this.selection.getBounds();
+    if (!e) return null;
+    const t = [];
+    for (let s = e.r1; s <= e.r2; s++) {
+      const i = [];
+      for (let o = e.c1; o <= e.c2; o++) {
+        const l = this.data.getCell(s, o), r = l == null ? void 0 : l.value;
+        i.push(r != null ? String(r) : "");
+      }
+      t.push(i.join("	"));
+    }
+    return t.join(`
+`);
+  }
+  parseTSV(e) {
+    return e.split(`
+`).map((t) => t.split("	"));
+  }
+  fallbackCopy(e) {
+    const t = document.createElement("textarea");
+    t.value = e, t.style.position = "fixed", t.style.left = "-9999px", document.body.appendChild(t), t.select(), document.execCommand("copy"), t.remove();
+  }
+}
+class wt {
+  constructor(e) {
+    n(this, "columns");
+    n(this, "resizing", !1);
+    n(this, "resizeCol", -1);
+    n(this, "startX", 0);
+    n(this, "startWidth", 0);
+    n(this, "onResize", null);
+    n(this, "handleMove", (e) => {
+      var i;
+      if (!this.resizing) return;
+      const t = e.clientX - this.startX, s = Math.max(30, this.startWidth + t);
+      this.columns.setWidth(this.resizeCol, s), (i = this.onResize) == null || i.call(this, this.resizeCol, s);
+    });
+    n(this, "handleUp", () => {
+      this.resizing = !1, document.removeEventListener("mousemove", this.handleMove), document.removeEventListener("mouseup", this.handleUp), document.body.style.cursor = "", document.body.style.userSelect = "";
+    });
+    this.columns = e;
+  }
+  start(e, t) {
+    e < 0 || e >= this.columns.count || (this.resizing = !0, this.resizeCol = e, this.startX = t, this.startWidth = this.columns.getWidth(e), document.addEventListener("mousemove", this.handleMove), document.addEventListener("mouseup", this.handleUp), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none");
+  }
+  destroy() {
+    document.removeEventListener("mousemove", this.handleMove), document.removeEventListener("mouseup", this.handleUp);
+  }
+}
+class mt {
+  constructor(e) {
+    n(this, "rows");
+    n(this, "resizing", !1);
+    n(this, "resizeRow", -1);
+    n(this, "startY", 0);
+    n(this, "startHeight", 0);
+    n(this, "onResize", null);
+    n(this, "handleMove", (e) => {
+      var i;
+      if (!this.resizing) return;
+      const t = e.clientY - this.startY, s = Math.max(20, this.startHeight + t);
+      this.rows.setHeight(this.resizeRow, s), (i = this.onResize) == null || i.call(this, this.resizeRow, s);
+    });
+    n(this, "handleUp", () => {
+      this.resizing = !1, document.removeEventListener("mousemove", this.handleMove), document.removeEventListener("mouseup", this.handleUp), document.body.style.cursor = "", document.body.style.userSelect = "";
+    });
+    this.rows = e;
+  }
+  start(e, t) {
+    this.resizing = !0, this.resizeRow = e, this.startY = t, this.startHeight = this.rows.getHeight(e), document.addEventListener("mousemove", this.handleMove), document.addEventListener("mouseup", this.handleUp), document.body.style.cursor = "row-resize", document.body.style.userSelect = "none";
+  }
+  destroy() {
+    document.removeEventListener("mousemove", this.handleMove), document.removeEventListener("mouseup", this.handleUp);
+  }
+}
+class Ct {
+  constructor() {
+    n(this, "el", null);
+    n(this, "closeHandler", (e) => {
+      this.el && !this.el.contains(e.target) && this.close();
+    });
+    n(this, "keyHandler", (e) => {
+      e.key === "Escape" && this.close();
+    });
+  }
+  open(e, t, s, i) {
+    this.close(), this.el = document.createElement("div"), this.el.className = "wt-context-menu";
+    for (const l of s) {
+      if (!(typeof l.visible == "function" ? l.visible(i) : l.visible ?? !0)) continue;
+      if (l.separator) {
+        const a = document.createElement("div");
+        a.className = "wt-context-menu-separator", this.el.appendChild(a);
+        continue;
+      }
+      const c = typeof l.disabled == "function" ? l.disabled(i) : l.disabled ?? !1, h = document.createElement("div");
+      h.className = "wt-context-menu-item", c && h.classList.add("wt-context-menu-item--disabled");
+      const d = document.createElement("span");
+      if (d.textContent = l.label, h.appendChild(d), l.shortcut) {
+        const a = document.createElement("span");
+        a.className = "wt-context-menu-shortcut", a.textContent = l.shortcut, h.appendChild(a);
+      }
+      if (!c && l.action) {
+        const a = l.action;
+        h.addEventListener("click", (g) => {
+          g.stopPropagation(), this.close(), a(i);
+        });
+      }
+      this.el.appendChild(h);
+    }
+    document.body.appendChild(this.el);
+    const o = this.el.getBoundingClientRect();
+    e + o.width > window.innerWidth && (e = window.innerWidth - o.width - 4), t + o.height > window.innerHeight && (t = window.innerHeight - o.height - 4), this.el.style.left = `${Math.max(0, e)}px`, this.el.style.top = `${Math.max(0, t)}px`, requestAnimationFrame(() => {
+      document.addEventListener("mousedown", this.closeHandler), document.addEventListener("keydown", this.keyHandler);
+    });
+  }
+  close() {
+    this.el && (this.el.remove(), this.el = null), document.removeEventListener("mousedown", this.closeHandler), document.removeEventListener("keydown", this.keyHandler);
+  }
+  get isOpen() {
+    return this.el !== null;
+  }
+  destroy() {
+    this.close();
+  }
+}
+class yt {
+  constructor(e, t, s, i, o) {
+    n(this, "handleEl");
+    n(this, "shadowEl");
+    n(this, "dragging", !1);
+    n(this, "currentRow", -1);
+    n(this, "currentCol", -1);
+    n(this, "data");
+    n(this, "selection");
+    n(this, "getCellAtPoint", null);
+    n(this, "getCellBounds", null);
+    n(this, "onFill", null);
+    n(this, "onFillCallback", null);
+    n(this, "enabled", !0);
+    n(this, "onMouseDown", (e) => {
+      e.preventDefault(), e.stopPropagation();
+      const t = this.selection.getBounds();
+      t && (this.dragging = !0, this.currentRow = t.r2, this.currentCol = t.c2, document.addEventListener("mousemove", this.onMouseMove), document.addEventListener("mouseup", this.onMouseUp), document.body.style.cursor = "crosshair", document.body.style.userSelect = "none");
+    });
+    n(this, "onMouseMove", (e) => {
+      if (!this.dragging || !this.getCellAtPoint) return;
+      const t = this.getCellAtPoint(e.clientX, e.clientY);
+      t && (this.currentRow = t.row, this.currentCol = t.col, this.updateShadow());
+    });
+    n(this, "onMouseUp", () => {
+      this.dragging && (this.dragging = !1, document.removeEventListener("mousemove", this.onMouseMove), document.removeEventListener("mouseup", this.onMouseUp), document.body.style.cursor = "", document.body.style.userSelect = "", this.shadowEl.style.display = "none", this.executeFill(), this.updatePosition());
+    });
+    this.data = t, this.selection = s, this.handleEl = document.createElement("div"), this.handleEl.className = "wt-fill-handle", this.handleEl.style.display = "none", e.appendChild(this.handleEl), this.shadowEl = document.createElement("div"), this.shadowEl.className = "wt-fill-shadow", this.shadowEl.style.display = "none", e.appendChild(this.shadowEl), this.handleEl.addEventListener("mousedown", this.onMouseDown);
+  }
+  updatePosition() {
+    const e = this.selection.getBounds();
+    if (!this.enabled || !e || !this.getCellBounds) {
+      this.handleEl.style.display = "none";
+      return;
+    }
+    const t = this.getCellBounds(e.r2, e.c2);
+    this.handleEl.style.display = "", this.handleEl.style.left = `${t.x + t.width - 4}px`, this.handleEl.style.top = `${t.y + t.height - 4}px`;
+  }
+  updateShadow() {
+    const e = this.selection.getBounds();
+    if (!e || !this.getCellBounds) {
+      this.shadowEl.style.display = "none";
+      return;
+    }
+    const { r1: t, c1: s, r2: i, c2: o } = e, l = this.currentRow, r = this.currentCol;
+    if (l >= t && l <= i && r >= s && r <= o) {
+      this.shadowEl.style.display = "none", this.updatePosition();
+      return;
+    }
+    const c = Math.min(t, l), h = Math.max(i, l), d = Math.min(s, r), a = Math.max(o, r), g = this.getCellBounds(c, d), p = this.getCellBounds(h, a), w = g.x, C = g.y, E = p.x + p.width - w, b = p.y + p.height - C;
+    this.shadowEl.style.display = "", this.shadowEl.style.left = `${w}px`, this.shadowEl.style.top = `${C}px`, this.shadowEl.style.width = `${E}px`, this.shadowEl.style.height = `${b}px`;
+    const v = this.getCellBounds(l, r);
+    this.handleEl.style.left = `${v.x + v.width - 4}px`, this.handleEl.style.top = `${v.y + v.height - 4}px`;
+  }
+  executeFill() {
+    var w, C;
+    const e = this.selection.getBounds();
+    if (!e) return;
+    const { r1: t, c1: s, r2: i, c2: o } = e, l = this.currentRow, r = this.currentCol;
+    if (l >= t && l <= i && r >= s && r <= o) return;
+    const c = l > i ? l - i : l < t ? t - l : 0, h = r > o ? r - o : r < s ? s - r : 0;
+    let d, a;
+    c > 0 && h > 0 ? (d = "diagonal", a = {
+      startRow: Math.min(t, l),
+      startCol: Math.min(s, r),
+      endRow: Math.max(i, l),
+      endCol: Math.max(o, r)
+    }) : c > 0 && h === 0 ? l > i ? (d = "down", a = { startRow: i + 1, startCol: s, endRow: l, endCol: o }) : (d = "up", a = { startRow: l, startCol: s, endRow: t - 1, endCol: o }) : h > 0 && c === 0 ? r > o ? (d = "right", a = { startRow: t, startCol: o + 1, endRow: i, endCol: r }) : (d = "left", a = { startRow: t, startCol: r, endRow: i, endCol: s - 1 }) : (d = "diagonal", a = {
+      startRow: Math.min(t, l),
+      startCol: Math.min(s, r),
+      endRow: Math.max(i, l),
+      endCol: Math.max(o, r)
+    });
+    const g = { startRow: t, startCol: s, endRow: i, endCol: o };
+    if (this.onFillCallback) {
+      const E = this.onFillCallback(g, a, d);
+      if (E === !0) return;
+      if (Array.isArray(E)) {
+        (w = this.onFill) == null || w.call(this, E, g, a, d);
+        return;
+      }
+    }
+    const p = this.defaultFill(g, a, d);
+    (C = this.onFill) == null || C.call(this, p, g, a, d);
+  }
+  defaultFill(e, t, s) {
+    const i = [], o = e.endRow - e.startRow + 1, l = e.endCol - e.startCol + 1;
+    for (let r = t.startRow; r <= t.endRow; r++)
+      for (let c = t.startCol; c <= t.endCol; c++) {
+        if (r >= e.startRow && r <= e.endRow && c >= e.startCol && c <= e.endCol)
+          continue;
+        const h = e.startRow + ((r - e.startRow) % o + o) % o, d = e.startCol + ((c - e.startCol) % l + l) % l, a = this.data.getCell(h, d);
+        i.push({
+          row: r,
+          col: c,
+          data: { value: a == null ? void 0 : a.value }
+        });
+      }
+    return i;
+  }
+  destroy() {
+    this.handleEl.remove(), this.shadowEl.remove(), document.removeEventListener("mousemove", this.onMouseMove), document.removeEventListener("mouseup", this.onMouseUp);
+  }
+}
+class vt {
+  constructor(e) {
+    n(this, "columns");
+    n(this, "dragging", !1);
+    n(this, "sourceCol", -1);
+    n(this, "targetCol", -1);
+    n(this, "ghostEl", null);
+    n(this, "indicatorEl", null);
+    n(this, "onReorder", null);
+    /** Resolve column index from screen X */
+    n(this, "getColAtX", null);
+    /** Get column header label */
+    n(this, "getColLabel", null);
+    n(this, "onMouseMove", (e) => {
+      if (this.dragging && (this.ghostEl && (this.ghostEl.style.left = `${e.clientX}px`, this.ghostEl.style.top = `${e.clientY - 14}px`), this.getColAtX && (this.targetCol = this.getColAtX(e.clientX)), this.indicatorEl && this.targetCol >= 0)) {
+        const t = this.columns.getX(this.targetCol);
+        this.indicatorEl.style.display = "", this.indicatorEl.style.left = `${t}px`;
+      }
+    });
+    n(this, "onMouseUp", () => {
+      var e, t, s;
+      this.dragging && (this.dragging = !1, document.removeEventListener("mousemove", this.onMouseMove), document.removeEventListener("mouseup", this.onMouseUp), document.body.style.cursor = "", document.body.style.userSelect = "", (e = this.ghostEl) == null || e.remove(), this.ghostEl = null, (t = this.indicatorEl) == null || t.remove(), this.indicatorEl = null, this.sourceCol !== this.targetCol && this.targetCol >= 0 && ((s = this.onReorder) == null || s.call(this, this.sourceCol, this.targetCol)));
+    });
+    this.columns = e;
+  }
+  start(e, t, s) {
+    var i;
+    this.dragging = !0, this.sourceCol = e, this.targetCol = e, this.ghostEl = document.createElement("div"), this.ghostEl.className = "wt-reorder-ghost", this.ghostEl.textContent = ((i = this.getColLabel) == null ? void 0 : i.call(this, e)) ?? String(e), this.ghostEl.style.left = `${t.clientX}px`, this.ghostEl.style.top = `${t.clientY - 14}px`, document.body.appendChild(this.ghostEl), this.indicatorEl = document.createElement("div"), this.indicatorEl.className = "wt-reorder-indicator", this.indicatorEl.style.display = "none", s.appendChild(this.indicatorEl), document.addEventListener("mousemove", this.onMouseMove), document.addEventListener("mouseup", this.onMouseUp), document.body.style.cursor = "grabbing", document.body.style.userSelect = "none";
+  }
+  destroy() {
+    var e, t;
+    (e = this.ghostEl) == null || e.remove(), (t = this.indicatorEl) == null || t.remove(), document.removeEventListener("mousemove", this.onMouseMove), document.removeEventListener("mouseup", this.onMouseUp);
+  }
+}
+class Et {
+  constructor(e) {
+    n(this, "groups", []);
+    n(this, "hiddenRows", /* @__PURE__ */ new Set());
+    n(this, "onChange", null);
+    e && (this.groups = e.map((t) => ({ ...t })), this.rebuildHidden());
+  }
+  addGroup(e) {
+    var t;
+    this.groups.push({ ...e }), this.rebuildHidden(), (t = this.onChange) == null || t.call(this);
+  }
+  removeGroup(e) {
+    var t;
+    this.groups = this.groups.filter((s) => s.startRow !== e), this.rebuildHidden(), (t = this.onChange) == null || t.call(this);
+  }
+  toggleGroup(e) {
+    var s;
+    const t = this.groups.find((i) => i.startRow === e);
+    t && (t.expanded = !t.expanded, this.rebuildHidden(), (s = this.onChange) == null || s.call(this));
+  }
+  expandAll() {
+    var e;
+    for (const t of this.groups) t.expanded = !0;
+    this.rebuildHidden(), (e = this.onChange) == null || e.call(this);
+  }
+  collapseAll() {
+    var e;
+    for (const t of this.groups) t.expanded = !1;
+    this.rebuildHidden(), (e = this.onChange) == null || e.call(this);
+  }
+  isGroupHeader(e) {
+    return this.groups.find((t) => t.startRow === e) ?? null;
+  }
+  isHidden(e) {
+    return this.hiddenRows.has(e);
+  }
+  getGroups() {
+    return [...this.groups];
+  }
+  /** Build the set of hidden rows based on collapsed groups */
+  rebuildHidden() {
+    this.hiddenRows.clear();
+    for (const e of this.groups)
+      if (!e.expanded)
+        for (let t = 1; t <= e.count; t++)
+          this.hiddenRows.add(e.startRow + t);
+  }
+  /** Get a filter function compatible with ViewMapping */
+  getFilter() {
+    return (e) => !this.hiddenRows.has(e);
+  }
+  clear() {
+    var e;
+    this.groups = [], this.hiddenRows.clear(), (e = this.onChange) == null || e.call(this);
+  }
+}
+class bt {
+  constructor(e) {
+    /** visualIndex -> dataIndex */
+    n(this, "mapping", []);
+    n(this, "identity", !0);
+    n(this, "sortState", null);
+    n(this, "filters", /* @__PURE__ */ new Map());
+    n(this, "data");
+    n(this, "onChange", null);
+    this.data = e, this.rebuild();
+  }
+  /** Total visible row count after filtering */
+  get visibleRowCount() {
+    return this.identity ? this.data.rowCount : this.mapping.length;
+  }
+  /** Translate visual row to data row */
+  toDataRow(e) {
+    return this.identity ? e : this.mapping[e] ?? e;
+  }
+  /** Translate data row to visual row (or -1 if filtered out) */
+  toVisualRow(e) {
+    return this.identity ? e : this.mapping.indexOf(e);
+  }
+  // ── Sorting ──
+  sort(e, t, s) {
+    var i;
+    t === null ? this.sortState = null : this.sortState = { col: e, direction: t, compareFn: s }, this.rebuild(), (i = this.onChange) == null || i.call(this);
+  }
+  getSortState() {
+    return this.sortState;
+  }
+  clearSort() {
+    var e;
+    this.sortState = null, this.rebuild(), (e = this.onChange) == null || e.call(this);
+  }
+  // ── Filtering ──
+  setFilter(e, t) {
+    var s;
+    this.filters.set(e, t), this.rebuild(), (s = this.onChange) == null || s.call(this);
+  }
+  removeFilter(e) {
+    var t;
+    this.filters.delete(e), this.rebuild(), (t = this.onChange) == null || t.call(this);
+  }
+  clearFilters() {
+    var e;
+    this.filters.clear(), this.rebuild(), (e = this.onChange) == null || e.call(this);
+  }
+  getActiveFilters() {
+    return Array.from(this.filters.keys());
+  }
+  // ── Rebuild ──
+  rebuild() {
+    const e = this.sortState !== null, t = this.filters.size > 0;
+    if (!e && !t) {
+      this.identity = !0, this.mapping = [];
+      return;
+    }
+    this.identity = !1;
+    let s = [];
+    for (let i = 0; i < this.data.rowCount; i++)
+      s.push(i);
+    if (t && (s = s.filter((i) => {
+      for (const o of this.filters.values())
+        if (!o(i, this.data)) return !1;
+      return !0;
+    })), e && this.sortState) {
+      const { col: i, direction: o, compareFn: l } = this.sortState, r = o === "desc" ? -1 : 1;
+      s.sort((c, h) => {
+        var g, p;
+        const d = (g = this.data.getCell(c, i)) == null ? void 0 : g.value, a = (p = this.data.getCell(h, i)) == null ? void 0 : p.value;
+        return l ? l(d, a) * r : xt(d, a) * r;
+      });
+    }
+    this.mapping = s;
+  }
+}
+function xt(u, e) {
+  return u == null && e == null ? 0 : u == null ? 1 : e == null ? -1 : typeof u == "number" && typeof e == "number" ? u - e : typeof u == "boolean" && typeof e == "boolean" ? u === e ? 0 : u ? -1 : 1 : String(u).localeCompare(String(e), void 0, { numeric: !0, sensitivity: "base" });
+}
+class Rt {
+  constructor(e) {
+    /** All active merges */
+    n(this, "merges", []);
+    /** Quick lookup: "row:col" -> merge that covers this cell */
+    n(this, "coverMap", /* @__PURE__ */ new Map());
+    n(this, "onChange", null);
+    if (e)
+      for (const t of e)
+        this.addMerge(t, !1);
+  }
+  key(e, t) {
+    return `${e}:${t}`;
+  }
+  /** Add a merge. The anchor is (row, col). */
+  addMerge(e, t = !0) {
+    var s;
+    if (!(e.rowSpan < 1 || e.colSpan < 1) && !(e.rowSpan === 1 && e.colSpan === 1)) {
+      for (let i = e.row; i < e.row + e.rowSpan; i++)
+        for (let o = e.col; o < e.col + e.colSpan; o++)
+          if (this.coverMap.has(this.key(i, o))) {
+            const l = this.coverMap.get(this.key(i, o));
+            this.removeMerge(l.row, l.col, !1);
+          }
+      this.merges.push(e);
+      for (let i = e.row; i < e.row + e.rowSpan; i++)
+        for (let o = e.col; o < e.col + e.colSpan; o++)
+          this.coverMap.set(this.key(i, o), e);
+      t && ((s = this.onChange) == null || s.call(this));
+    }
+  }
+  /** Remove the merge anchored at (row, col) */
+  removeMerge(e, t, s = !0) {
+    var l;
+    const i = this.merges.findIndex((r) => r.row === e && r.col === t);
+    if (i === -1) return !1;
+    const o = this.merges[i];
+    this.merges.splice(i, 1);
+    for (let r = o.row; r < o.row + o.rowSpan; r++)
+      for (let c = o.col; c < o.col + o.colSpan; c++)
+        this.coverMap.delete(this.key(r, c));
+    return s && ((l = this.onChange) == null || l.call(this)), !0;
+  }
+  /** Get the merge that covers (row, col), or null */
+  getMerge(e, t) {
+    return this.coverMap.get(this.key(e, t)) ?? null;
+  }
+  /** Is this cell the anchor (top-left) of a merge? */
+  isAnchor(e, t) {
+    const s = this.coverMap.get(this.key(e, t));
+    return s !== void 0 && s.row === e && s.col === t;
+  }
+  /** Is this cell hidden by a merge (i.e. not the anchor)? */
+  isHidden(e, t) {
+    const s = this.coverMap.get(this.key(e, t));
+    return s !== void 0 && (s.row !== e || s.col !== t);
+  }
+  /** Get all merges */
+  getAll() {
+    return [...this.merges];
+  }
+  /** Clear all merges */
+  clear() {
+    var e;
+    this.merges.length = 0, this.coverMap.clear(), (e = this.onChange) == null || e.call(this);
+  }
+}
+class St {
+  constructor(e) {
+    n(this, "_page");
+    n(this, "_pageSize");
+    n(this, "_totalRows");
+    n(this, "enabled");
+    n(this, "onChange", null);
+    this.enabled = (e == null ? void 0 : e.enabled) ?? !1, this._pageSize = (e == null ? void 0 : e.pageSize) ?? 50, this._page = (e == null ? void 0 : e.page) ?? 0, this._totalRows = (e == null ? void 0 : e.totalRows) ?? 0;
+  }
+  get page() {
+    return this._page;
+  }
+  get pageSize() {
+    return this._pageSize;
+  }
+  get totalRows() {
+    return this._totalRows;
+  }
+  get totalPages() {
+    return this._totalRows === 0 ? 0 : Math.ceil(this._totalRows / this._pageSize);
+  }
+  get startRow() {
+    return this._page * this._pageSize;
+  }
+  get endRow() {
+    return Math.min(this.startRow + this._pageSize, this._totalRows);
+  }
+  getState() {
+    return {
+      page: this._page,
+      pageSize: this._pageSize,
+      totalRows: this._totalRows,
+      totalPages: this.totalPages,
+      startRow: this.startRow,
+      endRow: this.endRow
+    };
+  }
+  setPage(e) {
+    var s;
+    const t = Math.max(0, Math.min(e, this.totalPages - 1));
+    t !== this._page && (this._page = t, (s = this.onChange) == null || s.call(this, this.getState()));
+  }
+  setPageSize(e) {
+    var t;
+    this._pageSize = Math.max(1, e), this._page = Math.min(this._page, this.totalPages - 1), this._page < 0 && (this._page = 0), (t = this.onChange) == null || t.call(this, this.getState());
+  }
+  setTotalRows(e) {
+    var t;
+    this._totalRows = e, this._page >= this.totalPages && (this._page = Math.max(0, this.totalPages - 1)), (t = this.onChange) == null || t.call(this, this.getState());
+  }
+  nextPage() {
+    this.setPage(this._page + 1);
+  }
+  prevPage() {
+    this.setPage(this._page - 1);
+  }
+  firstPage() {
+    this.setPage(0);
+  }
+  lastPage() {
+    this.setPage(this.totalPages - 1);
+  }
+}
+function D(u) {
+  const e = [], t = O(u), s = [];
+  for (let i = 0; i < t; i++)
+    s.push([]);
+  return V(u, 0, e, s, t), { flatColumns: e, headerRows: s, maxDepth: t };
+}
+function O(u) {
+  let e = 1;
+  for (const t of u)
+    t.children && t.children.length > 0 && (e = Math.max(e, 1 + O(t.children)));
+  return e;
+}
+function V(u, e, t, s, i) {
+  for (const o of u)
+    if (o.children && o.children.length > 0) {
+      const l = t.length;
+      V(o.children, e + 1, t, s, i);
+      const r = t.length - l;
+      s[e].push({
+        label: o.label ?? "",
+        colSpan: r,
+        rowSpan: 1,
+        col: l,
+        level: e,
+        config: o
+      });
+    } else {
+      const l = t.length;
+      t.push(o);
+      const r = i - e;
+      s[e].push({
+        label: o.label ?? "",
+        colSpan: 1,
+        rowSpan: r,
+        col: l,
+        level: e,
+        config: o
+      });
+    }
+}
+class Mt {
+  constructor(e) {
+    n(this, "el");
+    n(this, "infoEl");
+    n(this, "prevBtn");
+    n(this, "nextBtn");
+    n(this, "firstBtn");
+    n(this, "lastBtn");
+    n(this, "pageInput");
+    n(this, "clickHandler");
+    n(this, "changeHandler");
+    n(this, "onPageChange", null);
+    this.el = document.createElement("div"), this.el.className = "wt-pagination", this.infoEl = document.createElement("span"), this.infoEl.className = "wt-pagination-info", this.firstBtn = this.createBtn("first", "«"), this.prevBtn = this.createBtn("prev", "‹"), this.pageInput = document.createElement("input"), this.pageInput.type = "number", this.pageInput.className = "wt-pagination-input", this.pageInput.min = "1", this.nextBtn = this.createBtn("next", "›"), this.lastBtn = this.createBtn("last", "»"), this.el.appendChild(this.infoEl), this.el.appendChild(this.firstBtn), this.el.appendChild(this.prevBtn), this.el.appendChild(this.pageInput), this.el.appendChild(this.nextBtn), this.el.appendChild(this.lastBtn), this.clickHandler = (t) => {
+      var o, l, r, c;
+      const s = t.target.closest(".wt-pagination-btn");
+      if (!s) return;
+      const i = s.dataset.action;
+      i === "first" ? (o = this.onPageChange) == null || o.call(this, 0) : i === "prev" ? (l = this.onPageChange) == null || l.call(this, -1) : i === "next" ? (r = this.onPageChange) == null || r.call(this, -2) : i === "last" && ((c = this.onPageChange) == null || c.call(this, -3));
+    }, this.el.addEventListener("click", this.clickHandler), this.changeHandler = () => {
+      var s;
+      const t = parseInt(this.pageInput.value, 10) - 1;
+      isNaN(t) || (s = this.onPageChange) == null || s.call(this, t);
+    }, this.pageInput.addEventListener("change", this.changeHandler), e.appendChild(this.el);
+  }
+  update(e) {
+    this.infoEl.textContent = `${e.startRow + 1}-${e.endRow} of ${e.totalRows}`, this.pageInput.value = String(e.page + 1), this.pageInput.max = String(e.totalPages), this.prevBtn.disabled = e.page <= 0, this.firstBtn.disabled = e.page <= 0, this.nextBtn.disabled = e.page >= e.totalPages - 1, this.lastBtn.disabled = e.page >= e.totalPages - 1;
+  }
+  show() {
+    this.el.style.display = "";
+  }
+  hide() {
+    this.el.style.display = "none";
+  }
+  destroy() {
+    this.el.removeEventListener("click", this.clickHandler), this.pageInput.removeEventListener("change", this.changeHandler), this.el.remove();
+  }
+  createBtn(e, t) {
+    const s = document.createElement("button");
+    return s.className = "wt-pagination-btn", s.dataset.action = e, s.textContent = t, s;
+  }
+}
+class Ht {
+  constructor(e) {
+    n(this, "el");
+    this.el = document.createElement("div"), this.el.className = "wt-loading-overlay", this.el.innerHTML = '<div class="wt-loading-spinner"></div>', this.el.style.display = "none", e.appendChild(this.el);
+  }
+  show() {
+    this.el.style.display = "";
+  }
+  hide() {
+    this.el.style.display = "none";
+  }
+  get isVisible() {
+    return this.el.style.display !== "none";
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function kt(u, e, t = {}) {
+  const {
+    visibleOnly: s = !0,
+    columns: i,
+    includeHeaders: o = !0,
+    headers: l
+  } = t, r = i ?? Array.from({ length: u.colCount }, (d, a) => a), c = [];
+  if (o) {
+    const d = r.map((a, g) => {
+      const p = (l == null ? void 0 : l[g]) ?? z(a);
+      return W(p);
+    });
+    c.push(d.join(","));
+  }
+  const h = s ? e.visibleRowCount : u.rowCount;
+  for (let d = 0; d < h; d++) {
+    const a = s ? e.toDataRow(d) : d, g = r.map((p) => {
+      const w = u.getCell(a, p), C = w == null ? void 0 : w.value;
+      return W(C != null ? String(C) : "");
+    });
+    c.push(g.join(","));
+  }
+  return c.join(`
+`);
+}
+function Lt(u, e, t = {}) {
+  const {
+    visibleOnly: s = !0,
+    columns: i,
+    headers: o
+  } = t, l = i ?? Array.from({ length: u.colCount }, (h, d) => d), r = s ? e.visibleRowCount : u.rowCount, c = [];
+  for (let h = 0; h < r; h++) {
+    const d = s ? e.toDataRow(h) : h, a = {};
+    for (let g = 0; g < l.length; g++) {
+      const p = l[g], w = (o == null ? void 0 : o[g]) ?? z(p), C = u.getCell(d, p);
+      a[w] = (C == null ? void 0 : C.value) ?? null;
+    }
+    c.push(a);
+  }
+  return c;
+}
+function N(u, e, t) {
+  const s = new Blob([u], { type: t }), i = URL.createObjectURL(s), o = document.createElement("a");
+  o.href = i, o.download = e, o.click(), URL.revokeObjectURL(i);
+}
+function W(u) {
+  return u.includes(",") || u.includes('"') || u.includes(`
+`) ? `"${u.replace(/"/g, '""')}"` : u;
+}
+class It extends q {
+  constructor(t, s = {}) {
+    var h, d;
+    super();
+    n(this, "data");
+    n(this, "selection");
+    n(this, "columns");
+    n(this, "rows");
+    n(this, "commands");
+    n(this, "viewMapping");
+    n(this, "merges");
+    n(this, "pagination");
+    n(this, "rowGroups");
+    n(this, "renderer");
+    n(this, "rendererRegistry");
+    n(this, "editorManager");
+    n(this, "keyboard");
+    n(this, "clipboard");
+    n(this, "columnResize");
+    n(this, "rowResize");
+    n(this, "contextMenu");
+    n(this, "autoFit");
+    n(this, "paginationBar", null);
+    n(this, "loadingOverlay");
+    n(this, "fillHandle");
+    n(this, "columnReorder");
+    n(this, "headerRows", []);
+    n(this, "theme");
+    n(this, "options");
+    // Drag selection state
+    n(this, "isDragging", !1);
+    n(this, "_infiniteScrollHandler", null);
+    n(this, "_lazyLoadHandler", null);
+    n(this, "_keydownHandler", null);
+    // ── Context Menu ──
+    /** Override this to customize context menu items */
+    n(this, "contextMenuItems", [
+      // ── Cell items ──
+      { label: "Copy", shortcut: "Ctrl+C", visible: (t) => t.target === "cell", action: () => this.clipboard.copy() },
+      {
+        label: "Paste",
+        shortcut: "Ctrl+V",
+        visible: (t) => t.target === "cell",
+        disabled: (t) => t.readOnly,
+        action: () => this.pasteWithUndo()
+      },
+      {
+        label: "Cut",
+        shortcut: "Ctrl+X",
+        visible: (t) => t.target === "cell",
+        disabled: (t) => t.readOnly,
+        action: () => this.cutWithUndo()
+      },
+      {
+        label: "",
+        separator: !0,
+        visible: (t) => t.target === "cell"
+      },
+      {
+        label: "Delete content",
+        shortcut: "Del",
+        visible: (t) => t.target === "cell" && t.selectedCount > 0,
+        disabled: (t) => t.readOnly,
+        action: () => this.deleteSelected()
+      },
+      {
+        label: "",
+        separator: !0,
+        visible: (t) => t.target === "cell"
+      },
+      {
+        label: "Insert row above",
+        visible: (t) => t.target === "cell" || t.target === "row-header",
+        disabled: (t) => t.readOnly,
+        action: (t) => this.insertRow(t.row)
+      },
+      {
+        label: "Insert row below",
+        visible: (t) => t.target === "cell" || t.target === "row-header",
+        disabled: (t) => t.readOnly,
+        action: (t) => this.insertRow(t.row + 1)
+      },
+      {
+        label: "Insert column left",
+        visible: (t) => t.target === "cell" && !t.isMultiSelect || t.target === "column-header",
+        disabled: (t) => t.readOnly,
+        action: (t) => this.insertColumn(t.col)
+      },
+      {
+        label: "Insert column right",
+        visible: (t) => t.target === "cell" && !t.isMultiSelect || t.target === "column-header",
+        disabled: (t) => t.readOnly,
+        action: (t) => this.insertColumn(t.col + 1)
+      },
+      // ── Column header items ──
+      {
+        label: "",
+        separator: !0,
+        visible: (t) => t.target === "column-header"
+      },
+      {
+        label: "Sort ascending",
+        visible: (t) => t.target === "column-header",
+        action: (t) => this.sort(t.col, "asc")
+      },
+      {
+        label: "Sort descending",
+        visible: (t) => t.target === "column-header",
+        action: (t) => this.sort(t.col, "desc")
+      },
+      {
+        label: "Clear sort",
+        visible: (t) => t.target === "column-header" && this.viewMapping.getSortState() !== null,
+        action: () => this.clearSort()
+      },
+      {
+        label: "",
+        separator: !0,
+        visible: (t) => t.target === "column-header"
+      },
+      {
+        label: "Auto-fit column width",
+        visible: (t) => t.target === "column-header" || t.target === "cell",
+        action: (t) => this.autoFitColumn(t.col >= 0 ? t.col : 0)
+      },
+      // ── Row header items ──
+      {
+        label: "",
+        separator: !0,
+        visible: (t) => t.target === "row-header"
+      },
+      {
+        label: "Select row",
+        visible: (t) => t.target === "row-header",
+        action: (t) => this.selection.selectRow(t.row)
+      },
+      // ── Common items ──
+      { label: "", separator: !0 },
+      {
+        label: "Undo",
+        shortcut: "Ctrl+Z",
+        disabled: (t) => !t.canUndo,
+        action: () => this.undo()
+      },
+      {
+        label: "Redo",
+        shortcut: "Ctrl+Y",
+        disabled: (t) => !t.canRedo,
+        action: () => this.redo()
+      }
+    ]);
+    this.options = s;
+    const i = s.defaultRowHeight ?? 28, o = s.defaultColWidth ?? 100;
+    let l = s.columns ?? [];
+    if (l.some((a) => a.children && a.children.length > 0)) {
+      const a = D(l);
+      l = a.flatColumns, this.headerRows = a.headerRows;
+    }
+    const r = s.colCount ?? (l.length || 26);
+    let c;
+    if (s.mode === "table" && s.tableData ? c = s.tableData.length : c = s.rowCount ?? 100, this.theme = { ...K, ...s.theme }, this.data = new j(c, r), this.selection = new J(c, r), s.infinite && (this.selection.infinite = !0), this.columns = new P(r, o, l), this.rows = new tt(c, i), this.commands = new Z(s.undoLimit ?? 100), this.viewMapping = new bt(this.data), this.merges = new Rt(), this.pagination = new St(s.pagination), this.rowGroups = new Et(
+      (h = s.rowGroups) == null ? void 0 : h.map((a) => ({
+        ...a,
+        expanded: a.expanded ?? !0,
+        depth: a.depth ?? 0
+      }))
+    ), this.rendererRegistry = new ct(), this.renderer = new et(t), this.editorManager = new dt(this.renderer.getScrollContainer()), this.columnResize = new wt(this.columns), this.columnReorder = new vt(this.columns), this.rowResize = new mt(this.rows), this.contextMenu = new Ct(), this.clipboard = new ft(this.data, this.selection), this.fillHandle = new yt(
+      this.renderer.getViewportEl(),
+      this.data,
+      this.selection,
+      this.columns,
+      this.rows
+    ), this.keyboard = new pt(this.selection, {
+      onStartEdit: (a, g, p) => {
+        this.options.allowEditing !== !1 && this.startEditing(a, g, p);
+      },
+      onDelete: () => this.deleteSelected(),
+      onCopy: () => {
+        this.options.allowClipboard !== !1 && this.clipboard.copy();
+      },
+      onPaste: () => {
+        this.options.allowClipboard !== !1 && this.pasteWithUndo();
+      },
+      onCut: () => {
+        this.options.allowClipboard !== !1 && this.cutWithUndo();
+      },
+      onUndo: () => {
+        this.options.allowUndoRedo !== !1 && this.undo();
+      },
+      onRedo: () => {
+        this.options.allowUndoRedo !== !1 && this.redo();
+      },
+      onScrollTo: (a, g) => this.renderer.scrollToCell(a, g)
+    }), this.wireCallbacks(), this.renderer.init({
+      data: this.data,
+      columns: this.columns,
+      rows: this.rows,
+      selection: this.selection,
+      viewMapping: this.viewMapping,
+      merges: this.merges,
+      theme: this.theme,
+      renderers: this.rendererRegistry.getAll(),
+      defaultRenderer: this.rendererRegistry.defaultRenderer,
+      defaultCellType: s.defaultCellType ?? "text",
+      showRowHeaders: s.showRowHeaders ?? !0,
+      showColHeaders: s.showColHeaders ?? !0,
+      frozenRows: s.frozenRows ?? 0,
+      frozenCols: s.frozenCols ?? 0,
+      autoRowHeight: s.autoRowHeight ?? !1,
+      showGridLines: s.showGridLines ?? !0,
+      showBorder: s.showBorder ?? !0,
+      layout: s.layout ?? "scroll",
+      headerRows: this.headerRows.length > 0 ? this.headerRows : void 0
+    }), this.autoFit = new it(
+      t,
+      this.data,
+      this.columns,
+      this.rows,
+      this.rendererRegistry.getAll(),
+      this.rendererRegistry.defaultRenderer
+    ), this.fillHandle.getCellBounds = (a, g) => ({
+      x: this.columns.getX(g),
+      y: this.rows.getY(a),
+      width: this.columns.getWidth(g),
+      height: this.rows.getHeight(a)
+    }), this.fillHandle.getCellAtPoint = (a, g) => {
+      const p = this.renderer.getScrollContainer(), w = p.getBoundingClientRect(), C = p.scrollLeft, E = p.scrollTop, b = a - w.left + C, v = g - w.top + E, _ = this.rows.getRowAtY(v), T = this.columns.getColAtX(b);
+      return _ >= 0 && T >= 0 ? { row: _, col: T } : null;
+    }, this.fillHandle.enabled = s.allowFillHandle !== !1, this.fillHandle.onFillCallback = s.onFill ?? null, this.fillHandle.onFill = (a, g, p) => {
+      if (a.length > 0) {
+        const w = new F(this.data, a);
+        this.execCommand(w), this.emit("data:patch", { patches: a });
+      }
+      this.selection.extendTo(p.endRow, p.endCol);
+    }, this.loadingOverlay = new Ht(t), s.loading && this.loadingOverlay.show(), (d = s.pagination) != null && d.enabled && (this.paginationBar = new Mt(t), this.pagination.setTotalRows(s.pagination.totalRows ?? c), this.paginationBar.update(this.pagination.getState()), this.paginationBar.onPageChange = (a) => {
+      a === -1 ? this.pagination.prevPage() : a === -2 ? this.pagination.nextPage() : a === -3 ? this.pagination.lastPage() : this.pagination.setPage(a);
+    }, this.pagination.onChange = (a) => {
+      var g, p, w;
+      (g = this.paginationBar) == null || g.update(a), (w = (p = this.options).onPageChange) == null || w.call(p, a.page, a.pageSize), this.renderer.scheduleRender();
+    }), s.mode === "table" && s.tableData ? this.loadTableData(s.tableData, l) : s.data && this.data.applyPatch(s.data), s.merges)
+      for (const a of s.merges)
+        this.merges.addMerge(a, !1);
+    if (s.sort && this.viewMapping.sort(s.sort.col, s.sort.direction), s.filters)
+      for (const [a, g] of Object.entries(s.filters))
+        this.viewMapping.setFilter(Number(a), g);
+    if (this.merges.onChange = () => {
+      this.renderer.scheduleRender();
+    }, this.viewMapping.onChange = () => {
+      this.renderer.updateLayout(), this.renderer.scheduleRender();
+    }, s.infinite)
+      if (s.layout === "auto")
+        this._infiniteScrollHandler = () => {
+          let p = !1;
+          const w = document.documentElement.scrollHeight, C = document.documentElement.scrollWidth, E = window.scrollY + window.innerHeight, b = window.scrollX + window.innerWidth;
+          w - E < 200 && (this.data.rowCount += 20, this.rows.setCount(this.data.rowCount), this.viewMapping.rebuild(), p = !0), C - b < 200 && (this.data.colCount += 20, this.columns.setCount(this.data.colCount), p = !0), p && (this.selection.setDimensions(this.data.rowCount, this.data.colCount), this.refresh());
+        }, window.addEventListener("scroll", this._infiniteScrollHandler, { passive: !0 });
+      else {
+        const p = this.renderer.getScrollContainer();
+        this._infiniteScrollHandler = () => {
+          p.scrollTop + p.clientHeight >= p.scrollHeight - 200 && (this.data.rowCount += 20, this.rows.setCount(this.data.rowCount), this.selection.setDimensions(this.data.rowCount, this.data.colCount), this.viewMapping.rebuild(), this.refresh()), p.scrollLeft + p.clientWidth >= p.scrollWidth - 200 && (this.data.colCount += 20, this.columns.setCount(this.data.colCount), this.selection.setDimensions(this.data.rowCount, this.data.colCount), this.refresh());
+        }, p.addEventListener("scroll", this._infiniteScrollHandler, { passive: !0 });
+      }
+    this.renderer.getContainer().focus();
+  }
+  wireCallbacks() {
+    if (this.data.onChange = () => {
+      this.renderer.scheduleRender();
+    }, this.selection.onChange = () => {
+      var t, s;
+      this.options.infinite && this.selection.focus && this.expandIfNeeded(this.selection.focus.row, this.selection.focus.col), this.renderer.scheduleRender(), this.fillHandle.updatePosition(), this.emit("selection:change", { ranges: this.selection.ranges }), (s = (t = this.options).onSelectionChange) == null || s.call(t, this.selection.ranges);
+    }, this.renderer.onCellClick = (t, s, i) => {
+      this.contextMenu.isOpen && this.contextMenu.close(), this.editorManager.isEditing && this.editorManager.close(!0);
+      const o = this.data.getCell(t, s), l = this.columns.getConfig(s), r = this.options.defaultCellType ?? "text";
+      if (((o == null ? void 0 : o.type) ?? (l == null ? void 0 : l.type) ?? r) === "checkbox" && !this.options.readOnly && this.options.allowEditing !== !1 && !(l != null && l.readOnly) && !(o != null && o.readOnly)) {
+        const h = !!(o != null && o.value);
+        this.setCellValue(t, s, !h), this.options.allowSelection !== !1 && this.selection.focusCell(t, s), this.emit("cell:click", { row: t, col: s, event: i });
+        return;
+      }
+      if (this.options.allowSelection !== !1 && (i.shiftKey && this.options.allowRangeSelection !== !1 ? this.selection.extendTo(t, s) : (i.ctrlKey || i.metaKey) && this.options.allowRangeSelection !== !1 ? this.selection.addRange({ startRow: t, startCol: s, endRow: t, endCol: s }) : this.selection.focusCell(t, s)), this.emit("cell:click", { row: t, col: s, event: i }), this.options.allowRangeSelection !== !1 && this.options.allowSelection !== !1) {
+        this.isDragging = !0;
+        const h = (a) => {
+          if (!this.isDragging) return;
+          const g = this.renderer.getCellFromEvent(a);
+          g && this.selection.extendTo(g.row, g.col);
+        }, d = () => {
+          this.isDragging = !1, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", d);
+        };
+        document.addEventListener("mousemove", h), document.addEventListener("mouseup", d);
+      }
+    }, this.renderer.onCellDblClick = (t, s, i) => {
+      this.emit("cell:dblclick", { row: t, col: s, event: i }), !this.options.readOnly && this.options.allowEditing !== !1 && this.startEditing(t, s);
+    }, this.renderer.onCellContextMenu = (t, s, i) => {
+      i.preventDefault(), this.emit("cell:contextmenu", { row: t, col: s, event: i }), this.options.allowContextMenu !== !1 && (this.options.allowSelection !== !1 && !this.selection.isSelected(t, s) && this.selection.focusCell(t, s), this.openContextMenu(i.clientX, i.clientY, t, s));
+    }, this.renderer.onHeaderClick = (t, s, i) => {
+      if (t === "col")
+        this.options.allowColReorder ? this.columnReorder.start(s, i, this.renderer.getContainer()) : this.selection.selectColumn(s);
+      else if (t === "row") {
+        const o = i.target.closest(".wt-row-header-cell");
+        if (o) {
+          const l = o.getBoundingClientRect();
+          if (i.clientY > l.bottom - 4 && this.options.allowRowResize !== !1) {
+            this.rowResize.start(s, i.clientY);
+            return;
+          }
+        }
+        this.selection.selectRow(s);
+      } else t === "corner" && this.selection.selectAll();
+    }, this.renderer.onColumnResizeStart = (t, s) => {
+      this.options.allowColResize !== !1 && this.columnResize.start(t, s);
+    }, this.columnResize.onResize = (t, s) => {
+      this.renderer.updateLayout(), this.renderer.scheduleRender(), this.emit("column:resize", { col: t, width: s });
+    }, this.rowResize.onResize = (t, s) => {
+      this.renderer.updateLayout(), this.renderer.scheduleRender(), this.emit("row:resize", { row: t, height: s });
+    }, this.renderer.onScroll = (t) => {
+      var s, i;
+      this.emit("scroll", { viewport: t }), (i = (s = this.options).onScroll) == null || i.call(s, t);
+    }, this.editorManager.onClose = (t, s, i, o) => {
+      var l, r, c;
+      if (!o && i !== void 0) {
+        const h = (l = this.data.getCell(t, s)) == null ? void 0 : l.value, d = new $(this.data, t, s, i);
+        this.execCommand(d), this.emit("cell:change", { row: t, col: s, oldValue: h, newValue: i }), (c = (r = this.options).onCellChange) == null || c.call(r, t, s, h, i);
+      }
+      this.emit("editor:close", { row: t, col: s, value: i, cancelled: o }), this.renderer.getContainer().focus();
+    }, this._keydownHandler = (t) => {
+      this.options.allowKeyboardNav !== !1 && (this.editorManager.isEditing || this.keyboard.handleKeyDown(t));
+    }, this.renderer.getContainer().addEventListener("keydown", this._keydownHandler), this.renderer.onHeaderContextMenu = (t, s, i) => {
+      const o = t === "col" ? "column-header" : "row-header", l = t === "row" ? s : -1, r = t === "col" ? s : -1, c = this.buildMenuContext(l, r, o);
+      this.contextMenu.open(i.clientX, i.clientY, this.contextMenuItems, c);
+    }, this.clipboard.onChange = (t) => {
+      this.emit("data:patch", { patches: t });
+    }, this.columnReorder.getColAtX = (t) => {
+      const s = this.renderer.getScrollContainer(), i = s.getBoundingClientRect();
+      return this.columns.getColAtX(t - i.left + s.scrollLeft);
+    }, this.columnReorder.getColLabel = (t) => {
+      var s;
+      return ((s = this.columns.getConfig(t)) == null ? void 0 : s.label) ?? P.columnLabel(t);
+    }, this.columnReorder.onReorder = (t, s) => {
+      this.reorderColumn(t, s);
+    }, this.rowGroups.onChange = () => {
+      const t = this.rowGroups.getFilter();
+      this.viewMapping.setFilter(-1, (s) => t(s));
+    }, this.options.rowGroups && this.options.rowGroups.length > 0) {
+      const t = this.rowGroups.getFilter();
+      this.viewMapping.setFilter(-1, (s) => t(s));
+    }
+    if (this.options.onLoadMore) {
+      const t = this.options.onLoadMore, s = 200;
+      if (this.options.layout === "auto")
+        this._lazyLoadHandler = () => {
+          const i = document.documentElement.scrollHeight, o = window.scrollY + window.innerHeight;
+          i - o < s && t("down");
+        }, window.addEventListener("scroll", this._lazyLoadHandler, { passive: !0 });
+      else {
+        const i = this.renderer.getScrollContainer();
+        this._lazyLoadHandler = () => {
+          i.scrollTop + i.clientHeight >= i.scrollHeight - s && t("down"), i.scrollLeft + i.clientWidth >= i.scrollWidth - s && t("right");
+        }, i.addEventListener("scroll", this._lazyLoadHandler, { passive: !0 });
+      }
+    }
+  }
+  buildMenuContext(t, s, i = "cell") {
+    const o = this.selection.getBounds();
+    let l = 0;
+    return this.selection.forEachSelected(() => {
+      l++;
+    }), {
+      target: i,
+      row: t,
+      col: s,
+      selectedCount: l,
+      isMultiSelect: l > 1,
+      isFullRow: o ? o.c1 === 0 && o.c2 === this.data.colCount - 1 : !1,
+      isFullCol: o ? o.r1 === 0 && o.r2 === this.data.rowCount - 1 : !1,
+      readOnly: !!this.options.readOnly,
+      canUndo: this.commands.canUndo,
+      canRedo: this.commands.canRedo
+    };
+  }
+  openContextMenu(t, s, i, o) {
+    const l = this.buildMenuContext(i, o);
+    this.contextMenu.open(t, s, this.contextMenuItems, l);
+  }
+  // ── Public API ──
+  setCell(t, s, i) {
+    this.data.setCell(t, s, i);
+  }
+  getCell(t, s) {
+    return this.data.getCell(t, s);
+  }
+  setCellValue(t, s, i) {
+    var r;
+    const o = (r = this.data.getCell(t, s)) == null ? void 0 : r.value, l = new $(this.data, t, s, i);
+    this.execCommand(l), this.emit("cell:change", { row: t, col: s, oldValue: o, newValue: i });
+  }
+  deleteCell(t, s) {
+    this.data.deleteCell(t, s);
+  }
+  applyPatch(t) {
+    const s = new F(this.data, t);
+    this.execCommand(s), this.emit("data:patch", { patches: t });
+  }
+  transaction(t) {
+    this.data.transaction(t);
+  }
+  undo() {
+    const t = this.commands.undo();
+    if (t) {
+      const s = t.getChanges().map((i) => ({
+        row: i.row,
+        col: i.col,
+        oldValue: i.newValue,
+        newValue: i.oldValue
+      }));
+      this.emit("command:undo", { changes: s });
+    }
+  }
+  redo() {
+    const t = this.commands.redo();
+    t && this.emit("command:redo", { changes: t.getChanges() });
+  }
+  getSelection() {
+    return [...this.selection.ranges];
+  }
+  getSelectionInfo() {
+    return this.selection.getInfo();
+  }
+  setSelection(t) {
+    if (t.length > 0) {
+      this.selection.focusCell(t[0].startRow, t[0].startCol);
+      for (let s = 1; s < t.length; s++)
+        this.selection.addRange(t[s]);
+    }
+  }
+  scrollTo(t, s) {
+    this.renderer.scrollToCell(t, s);
+  }
+  registerRenderer(t, s) {
+    this.rendererRegistry.register(t, s);
+  }
+  registerEditor(t, s) {
+    this.editorManager.register(t, s);
+  }
+  setColumnWidth(t, s) {
+    this.columns.setWidth(t, s), this.renderer.updateLayout(), this.renderer.scheduleRender();
+  }
+  setRowHeight(t, s) {
+    this.rows.setHeight(t, s), this.renderer.updateLayout(), this.renderer.scheduleRender();
+  }
+  autoFitColumn(t) {
+    const s = this.autoFit.autoFitColumn(t);
+    this.columns.setWidth(t, s), this.renderer.updateLayout(), this.renderer.scheduleRender(), this.emit("column:resize", { col: t, width: s });
+  }
+  autoFitRow(t) {
+    const s = this.autoFit.autoFitRow(t);
+    this.rows.setHeight(t, s), this.renderer.updateLayout(), this.renderer.scheduleRender(), this.emit("row:resize", { row: t, height: s });
+  }
+  insertRow(t) {
+    this.data.rowCount += 1, this.rows.setCount(this.data.rowCount), this.selection.setDimensions(this.data.rowCount, this.data.colCount), this.data.transaction(() => {
+      for (let s = this.data.rowCount - 1; s > t; s--)
+        for (let i = 0; i < this.data.colCount; i++) {
+          const o = this.data.getCell(s - 1, i);
+          o ? this.data.setCell(s, i, { ...o }) : this.data.deleteCell(s, i);
+        }
+      for (let s = 0; s < this.data.colCount; s++)
+        this.data.deleteCell(t, s);
+    }), this.renderer.updateLayout(), this.renderer.scheduleRender();
+  }
+  insertColumn(t) {
+    this.data.colCount += 1, this.columns.setCount(this.data.colCount), this.selection.setDimensions(this.data.rowCount, this.data.colCount), this.data.transaction(() => {
+      for (let s = 0; s < this.data.rowCount; s++) {
+        for (let i = this.data.colCount - 1; i > t; i--) {
+          const o = this.data.getCell(s, i - 1);
+          o ? this.data.setCell(s, i, { ...o }) : this.data.deleteCell(s, i);
+        }
+        this.data.deleteCell(s, t);
+      }
+    }), this.renderer.updateLayout(), this.renderer.scheduleRender();
+  }
+  // ── Sort & Filter ──
+  sort(t, s, i) {
+    var o;
+    if (this.options.onSort) {
+      const l = (o = this.columns.getConfig(t)) == null ? void 0 : o.key;
+      if (this.options.onSort(t, s, l) === !0) return;
+    }
+    this.viewMapping.sort(t, s, i);
+  }
+  clearSort() {
+    this.options.onSort && this.options.onSort(-1, null) === !0 || this.viewMapping.clearSort();
+  }
+  getSortState() {
+    return this.viewMapping.getSortState();
+  }
+  setFilter(t, s) {
+    var i;
+    if (this.options.onFilter) {
+      const o = (i = this.columns.getConfig(t)) == null ? void 0 : i.key;
+      if (this.options.onFilter(t, o, !0) === !0) return;
+    }
+    this.viewMapping.setFilter(t, s);
+  }
+  removeFilter(t) {
+    var s;
+    if (this.options.onFilter) {
+      const i = (s = this.columns.getConfig(t)) == null ? void 0 : s.key;
+      if (this.options.onFilter(t, i, !1) === !0) return;
+    }
+    this.viewMapping.removeFilter(t);
+  }
+  clearFilters() {
+    this.viewMapping.clearFilters();
+  }
+  getActiveFilters() {
+    return this.viewMapping.getActiveFilters();
+  }
+  // ── Merge ──
+  mergeCells(t, s, i, o) {
+    this.merges.addMerge({ row: t, col: s, rowSpan: i, colSpan: o }), this.renderer.scheduleRender();
+  }
+  unmergeCells(t, s) {
+    this.merges.removeMerge(t, s), this.renderer.scheduleRender();
+  }
+  getMerge(t, s) {
+    return this.merges.getMerge(t, s);
+  }
+  clearMerges() {
+    this.merges.clear(), this.renderer.scheduleRender();
+  }
+  // ── Row Groups ──
+  addRowGroup(t, s, i, o = !0) {
+    this.rowGroups.addGroup({ startRow: t, count: s, label: i, expanded: o, depth: 0 });
+  }
+  removeRowGroup(t) {
+    this.rowGroups.removeGroup(t);
+  }
+  toggleRowGroup(t) {
+    this.rowGroups.toggleGroup(t);
+  }
+  expandAllGroups() {
+    this.rowGroups.expandAll();
+  }
+  collapseAllGroups() {
+    this.rowGroups.collapseAll();
+  }
+  // ── Export ──
+  exportCSV(t) {
+    return kt(this.data, this.viewMapping, t);
+  }
+  exportJSON(t) {
+    return Lt(this.data, this.viewMapping, t);
+  }
+  downloadCSV(t = "export.csv", s) {
+    const i = this.exportCSV(s);
+    N(i, t, "text/csv;charset=utf-8");
+  }
+  downloadJSON(t = "export.json", s) {
+    const i = JSON.stringify(this.exportJSON(s), null, 2);
+    N(i, t, "application/json");
+  }
+  getViewport() {
+    return this.renderer.getViewport();
+  }
+  refresh() {
+    this.renderer.updateLayout(), this.renderer.scheduleRender();
+  }
+  destroy() {
+    var t;
+    this._keydownHandler && this.renderer.getContainer().removeEventListener("keydown", this._keydownHandler), this._infiniteScrollHandler && (window.removeEventListener("scroll", this._infiniteScrollHandler), this.renderer.getScrollContainer().removeEventListener("scroll", this._infiniteScrollHandler)), this._lazyLoadHandler && (window.removeEventListener("scroll", this._lazyLoadHandler), this.renderer.getScrollContainer().removeEventListener("scroll", this._lazyLoadHandler)), this.fillHandle.destroy(), this.columnReorder.destroy(), this.editorManager.destroy(), this.columnResize.destroy(), this.rowResize.destroy(), this.contextMenu.destroy(), this.autoFit.destroy(), this.loadingOverlay.destroy(), (t = this.paginationBar) == null || t.destroy(), this.renderer.destroy(), this.removeAllListeners();
+  }
+  // ── Private ──
+  startEditing(t, s, i) {
+    if (this.options.readOnly) return;
+    const o = this.columns.getConfig(s), l = this.data.getCell(t, s);
+    if (o != null && o.readOnly || l != null && l.readOnly) return;
+    const r = this.options.defaultCellType ?? "text", c = (l == null ? void 0 : l.type) ?? (o == null ? void 0 : o.type) ?? r, h = (o == null ? void 0 : o.editor) ?? c;
+    if (h === "blank") {
+      this.emit("editor:open", { row: t, col: s }), this.emit("editor:close", { row: t, col: s, value: void 0, cancelled: !0 });
+      return;
+    }
+    const d = this.renderer.getCellBounds(t, s), a = l == null ? void 0 : l.value;
+    this.emit("editor:open", { row: t, col: s }), this.editorManager.open(t, s, h, a, d, l, i);
+  }
+  deleteSelected() {
+    if (this.options.readOnly) return;
+    const t = [];
+    if (this.selection.forEachSelected((s, i) => {
+      this.data.hasCell(s, i) && t.push({ row: s, col: i });
+    }), t.length > 0) {
+      const s = new Q(this.data, t);
+      this.execCommand(s);
+    }
+  }
+  async pasteWithUndo() {
+    const t = this.selection.focus;
+    if (!t) return;
+    let s;
+    try {
+      s = await navigator.clipboard.readText();
+    } catch {
+      return;
+    }
+    const i = s.split(`
+`).map((r) => r.split("	"));
+    if (i.length === 0) return;
+    const o = i.length === 1 && i[0].length === 1, l = [];
+    if (o && !this.isFullRowOrColSelected()) {
+      const r = i[0][0];
+      this.selection.forEachSelected((c, h) => {
+        c < this.data.rowCount && h < this.data.colCount && l.push({ row: c, col: h, data: { value: r } });
+      });
+    } else
+      for (let r = 0; r < i.length; r++)
+        for (let c = 0; c < i[r].length; c++) {
+          const h = t.row + r, d = t.col + c;
+          h >= this.data.rowCount || d >= this.data.colCount || l.push({ row: h, col: d, data: { value: i[r][c] } });
+        }
+    if (l.length > 0) {
+      const r = new F(this.data, l);
+      this.execCommand(r), this.emit("data:patch", { patches: l });
+    }
+  }
+  async cutWithUndo() {
+    await this.clipboard.copy(), this.deleteSelected();
+  }
+  execCommand(t) {
+    this.commands.execute(t), this.emit("command:execute", { changes: t.getChanges() });
+  }
+  /** Move a column from one index to another, shifting data */
+  reorderColumn(t, s) {
+    if (t === s) return;
+    this.data.transaction(() => {
+      for (let l = 0; l < this.data.rowCount; l++) {
+        const r = [];
+        for (let h = 0; h < this.data.colCount; h++)
+          r.push(this.data.getCell(l, h));
+        const c = r.splice(t, 1)[0];
+        r.splice(s, 0, c);
+        for (let h = 0; h < r.length; h++)
+          r[h] ? this.data.setCell(l, h, r[h]) : this.data.deleteCell(l, h);
+      }
+    });
+    const i = [];
+    for (let l = 0; l < this.columns.count; l++)
+      i.push(this.columns.getWidth(l));
+    const o = i.splice(t, 1)[0];
+    i.splice(s, 0, o);
+    for (let l = 0; l < i.length; l++)
+      this.columns.setWidth(l, i[l]);
+    this.refresh();
+  }
+  expandIfNeeded(t, s) {
+    let i = !1;
+    if (t >= this.data.rowCount) {
+      const o = t + 2;
+      this.data.rowCount = o, this.rows.setCount(o), this.viewMapping.rebuild(), i = !0;
+    }
+    if (s >= this.data.colCount) {
+      const o = s + 2;
+      this.data.colCount = o, this.columns.setCount(o), i = !0;
+    }
+    i && (this.selection.setDimensions(this.data.rowCount, this.data.colCount), this.refresh());
+  }
+  isFullRowOrColSelected() {
+    const t = this.selection.getBounds();
+    return t ? t.c1 === 0 && t.c2 === this.data.colCount - 1 || t.r1 === 0 && t.r2 === this.data.rowCount - 1 : !1;
+  }
+  /** Load row objects into the sparse DataModel using column keys */
+  loadTableData(t, s) {
+    const i = /* @__PURE__ */ new Map();
+    s.forEach((o, l) => {
+      o.key && i.set(o.key, l);
+    }), this.data.transaction(() => {
+      for (let o = 0; o < t.length; o++) {
+        const l = t[o];
+        for (const [r, c] of Object.entries(l)) {
+          const h = i.get(r);
+          h !== void 0 && this.data.setCell(o, h, { value: c });
+        }
+      }
+    });
+  }
+  // ── Table Mode API ──
+  /** Replace all table data (table mode) */
+  setTableData(t) {
+    const s = this.options.columns ?? [];
+    let i = s;
+    s.some((o) => o.children && o.children.length > 0) && (i = D(s).flatColumns), this.data.clear(), this.data.rowCount = t.length, this.rows.setCount(t.length), this.selection.setDimensions(t.length, this.data.colCount), this.loadTableData(t, i), this.pagination.enabled && this.pagination.setTotalRows(t.length), this.viewMapping.rebuild(), this.refresh();
+  }
+  // ── Loading ──
+  setLoading(t) {
+    t ? this.loadingOverlay.show() : this.loadingOverlay.hide();
+  }
+  get isLoading() {
+    return this.loadingOverlay.isVisible;
+  }
+  // ── Pagination API ──
+  setPage(t) {
+    this.pagination.setPage(t);
+  }
+  setPageSize(t) {
+    this.pagination.setPageSize(t);
+  }
+  getPaginationState() {
+    return this.pagination.getState();
+  }
+}
+class Bt {
+  constructor(e) {
+    n(this, "config");
+    n(this, "container");
+    n(this, "listEl");
+    n(this, "searchInput", null);
+    n(this, "selected", /* @__PURE__ */ new Set());
+    n(this, "options", []);
+    n(this, "highlightIndex", -1);
+    n(this, "searchInputHandler", null);
+    n(this, "handleItemClick", (e) => {
+      const t = e.target.closest(".wt-dropdown-item");
+      if (!t) return;
+      e.stopPropagation();
+      const s = parseInt(t.dataset.index ?? "", 10);
+      if (isNaN(s) || s < 0 || s >= this.options.length) return;
+      const i = this.options[s];
+      i.disabled || this.selectOption(i);
+    });
+    n(this, "handleKey", (e) => {
+      const t = this.listEl.children;
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), this.highlightIndex = Math.min(this.highlightIndex + 1, t.length - 1), this.updateHighlight();
+          break;
+        case "ArrowUp":
+          e.preventDefault(), this.highlightIndex = Math.max(this.highlightIndex - 1, 0), this.updateHighlight();
+          break;
+        case "Enter":
+          e.preventDefault(), this.highlightIndex >= 0 && this.highlightIndex < this.options.length && this.selectOption(this.options[this.highlightIndex]);
+          break;
+      }
+    });
+    this.config = e;
+  }
+  createElement(e) {
+    return this.container = document.createElement("div"), this.container.className = "wt-dropdown", this.config.searchable && (this.searchInput = document.createElement("input"), this.searchInput.type = "text", this.searchInput.className = "wt-dropdown-search", this.searchInput.placeholder = this.config.placeholder ?? "Search...", this.container.appendChild(this.searchInput), this.searchInputHandler = () => {
+      this.loadOptions(this.searchInput.value);
+    }, this.searchInput.addEventListener("input", this.searchInputHandler)), this.listEl = document.createElement("div"), this.listEl.className = "wt-dropdown-list", this.container.appendChild(this.listEl), this.listEl.addEventListener("click", this.handleItemClick), e.appendChild(this.container), this.container.addEventListener("keydown", this.handleKey), this.container;
+  }
+  open(e, t, s) {
+    this.config.multiple && Array.isArray(e) ? this.selected = new Set(e) : e != null && (this.selected = /* @__PURE__ */ new Set([e])), this.loadOptions(""), requestAnimationFrame(() => {
+      this.searchInput ? this.searchInput.focus() : this.container.focus();
+    });
+  }
+  getValue() {
+    return this.config.multiple ? Array.from(this.selected) : this.selected.size > 0 ? this.selected.values().next().value : null;
+  }
+  close() {
+    this.searchInput && this.searchInputHandler && this.searchInput.removeEventListener("input", this.searchInputHandler), this.listEl.removeEventListener("click", this.handleItemClick), this.container.removeEventListener("keydown", this.handleKey), this.container.remove();
+  }
+  async loadOptions(e) {
+    if (this.config.source)
+      this.options = await this.config.source(e, 0, 0);
+    else if (this.config.options) {
+      const t = e.toLowerCase();
+      this.options = t ? this.config.options.filter((s) => s.label.toLowerCase().includes(t)) : this.config.options;
+    }
+    this.renderOptions();
+  }
+  renderOptions() {
+    this.listEl.innerHTML = "", this.highlightIndex = -1;
+    for (let e = 0; e < this.options.length; e++) {
+      const t = this.options[e], s = document.createElement("div");
+      if (s.className = "wt-dropdown-item", s.dataset.index = String(e), this.selected.has(t.value) && s.classList.add("wt-dropdown-item--selected"), t.disabled && s.classList.add("wt-dropdown-item--disabled"), this.config.renderOption)
+        this.config.renderOption(t, s);
+      else if (s.textContent = t.label, t.icon) {
+        const i = document.createElement("span");
+        i.className = "wt-dropdown-icon", i.textContent = t.icon, s.prepend(i);
+      }
+      this.listEl.appendChild(s);
+    }
+  }
+  selectOption(e) {
+    this.config.multiple ? (this.selected.has(e.value) ? this.selected.delete(e.value) : this.selected.add(e.value), this.renderOptions()) : (this.selected.clear(), this.selected.add(e.value));
+  }
+  updateHighlight() {
+    var t;
+    const e = this.listEl.children;
+    for (let s = 0; s < e.length; s++)
+      e[s].classList.toggle("wt-dropdown-item--highlight", s === this.highlightIndex);
+    (t = e[this.highlightIndex]) == null || t.scrollIntoView({ block: "nearest" });
+  }
+}
+class zt {
+  constructor(e) {
+    n(this, "el");
+    n(this, "onAttempt");
+    n(this, "row", -1);
+    n(this, "col", -1);
+    this.onAttempt = e ?? null;
+  }
+  createElement(e) {
+    return this.el = document.createElement("div"), e.appendChild(this.el), this.el;
+  }
+  open(e, t, s) {
+    this.onAttempt && this.onAttempt(this.row, this.col);
+  }
+  /** Called by EditorManager before open() to pass row/col */
+  setPosition(e, t) {
+    this.row = e, this.col = t;
+  }
+  getValue() {
+  }
+  close() {
+    var e;
+    (e = this.el) == null || e.remove();
+  }
+}
+const Ft = {
+  bgColor: "#ffffff",
+  cellBgColor: "#ffffff",
+  cellTextColor: "#1e293b",
+  headerBgColor: "#f8fafc",
+  headerTextColor: "#475569",
+  gridLineColor: "#e2e8f0",
+  selectionBgColor: "rgba(59, 130, 246, 0.08)",
+  selectionBorderColor: "#3b82f6",
+  focusBorderColor: "#3b82f6",
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  fontSize: 13,
+  headerFontSize: 12,
+  cellPadding: 8,
+  headerHeight: 28,
+  rowHeaderWidth: 50
+}, Pt = {
+  bgColor: "#0f172a",
+  cellBgColor: "#1e293b",
+  cellTextColor: "#e2e8f0",
+  headerBgColor: "#0f172a",
+  headerTextColor: "#94a3b8",
+  gridLineColor: "#334155",
+  selectionBgColor: "rgba(59, 130, 246, 0.15)",
+  selectionBorderColor: "#3b82f6",
+  focusBorderColor: "#60a5fa",
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  fontSize: 13,
+  headerFontSize: 12,
+  cellPadding: 8,
+  headerHeight: 28,
+  rowHeaderWidth: 50
+}, $t = {
+  bgColor: "#ffffff",
+  cellBgColor: "#ffffff",
+  cellTextColor: "#111827",
+  headerBgColor: "#ffffff",
+  headerTextColor: "#9ca3af",
+  gridLineColor: "#f3f4f6",
+  selectionBgColor: "rgba(99, 102, 241, 0.06)",
+  selectionBorderColor: "#6366f1",
+  focusBorderColor: "#6366f1",
+  fontFamily: '"Inter", -apple-system, BlinkMacSystemFont, sans-serif',
+  fontSize: 13,
+  headerFontSize: 11,
+  cellPadding: 10,
+  headerHeight: 32,
+  rowHeaderWidth: 44
+};
+export {
+  lt as BadgeRenderer,
+  zt as BlankEditor,
+  ht as BlankRenderer,
+  nt as CheckboxRenderer,
+  P as ColumnModel,
+  Z as CommandBus,
+  Ct as ContextMenu,
+  j as DataModel,
+  Q as DeleteCellsCommand,
+  Bt as DropdownEditor,
+  q as EventEmitter,
+  Rt as MergeModel,
+  rt as NumberRenderer,
+  St as PaginationModel,
+  F as PatchCommand,
+  at as ProgressRenderer,
+  ct as RendererRegistry,
+  Et as RowGroupModel,
+  tt as RowModel,
+  J as SelectionModel,
+  $ as SetCellValueCommand,
+  Pt as THEME_DARK,
+  Ft as THEME_LIGHT,
+  $t as THEME_MINIMAL,
+  ot as TextRenderer,
+  bt as ViewMapping,
+  It as WanderTable,
+  z as columnLabel,
+  N as downloadFile,
+  kt as exportCSV,
+  Lt as exportJSON,
+  D as flattenColumns
+};
+//# sourceMappingURL=wandertable.js.map