@sci-grid/core 1.0.1

package/dist/index.js

@@ -0,0 +1,894 @@
+var L = Object.defineProperty;
+var $ = (m, t, e) => t in m ? L(m, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[t] = e;
+var p = (m, t, e) => $(m, typeof t != "symbol" ? t + "" : t, e);
+class D {
+  constructor(t) {
+    p(this, "canvas");
+    p(this, "ctx");
+    p(this, "dpr");
+    this.canvas = t;
+    const e = t.getContext("2d", { alpha: !1 });
+    if (!e) throw new Error("Could not get 2d context");
+    this.ctx = e, this.dpr = window.devicePixelRatio || 1;
+  }
+  resize(t, e) {
+    this.canvas.width = t * this.dpr, this.canvas.height = e * this.dpr, this.canvas.style.width = `${t}px`, this.canvas.style.height = `${e}px`, this.ctx.scale(this.dpr, this.dpr);
+  }
+  render(t, e, s) {
+    const { ctx: i } = this, { width: r, height: n, scrollX: o, scrollY: l, selectedRows: h, selectionMode: a, headerHeight: u } = t;
+    i.fillStyle = e.backgroundColor, i.fillRect(0, 0, r, n);
+    const c = e.showRowNumbers ? e.rowNumbersWidth : 0, g = Math.max(0, Math.floor(l / e.rowHeight)), d = Math.min(
+      s.getRowCount() - 1,
+      Math.ceil((l + n) / e.rowHeight)
+    ), C = [], f = t.columnOffsets;
+    let v = 0, y = f.length - 2, S = 0;
+    for (; v <= y; ) {
+      const w = v + y >> 1;
+      f[w + 1] > o ? (S = w, y = w - 1) : v = w + 1;
+    }
+    for (let w = S; w < s.getColumnCount(); w++) {
+      const b = t.columnOrder[w] ?? w, x = t.columnWidths[b] ?? e.columnWidth, R = c - o + f[w];
+      if (R < r)
+        C.push({ index: b, x: R, width: x });
+      else
+        break;
+    }
+    i.font = e.font, i.textBaseline = "middle", i.save(), i.beginPath(), i.rect(c, u, r - c, n - u), i.clip();
+    for (let w = g; w <= d; w++) {
+      const b = Math.floor(w * e.rowHeight - l + u);
+      e.alternateRowColor && w % 2 === 1 && (i.fillStyle = e.alternateRowColor, i.fillRect(c, b, r - c, e.rowHeight));
+      for (const x of C) {
+        const { index: R, x: H, width: O } = x, W = t.reorderingCol !== null && t.columnOrder[t.reorderingCol] === R;
+        W && (i.globalAlpha = 0.2);
+        let E = !1;
+        if (a === "all")
+          E = !0;
+        else
+          for (const T of t.selectionRanges)
+            if (w >= T.startRow && w <= T.endRow && R >= T.startCol && R <= T.endCol) {
+              E = !0;
+              break;
+            }
+        E && (i.fillStyle = e.selectionColor, i.fillRect(H, b, O, e.rowHeight));
+        const z = s.getCellData(w, R), A = s.getHeader(R);
+        this.drawCellContent(i, z, A, H, b, O, e.rowHeight, e, E && a === "cell"), i.strokeStyle = e.gridLineColor, i.lineWidth = 1, i.strokeRect(H, b, O, e.rowHeight), W && (i.globalAlpha = 1);
+      }
+    }
+    if (i.restore(), e.showRowNumbers) {
+      i.fillStyle = e.rowNumberBackground, i.fillRect(0, u, c, n), i.fillStyle = e.rowNumberTextColor, i.strokeStyle = e.gridLineColor, i.textAlign = "left";
+      for (let w = g; w <= d; w++) {
+        const b = Math.floor(w * e.rowHeight - l + u);
+        h.has(w) && (a === "row" || a === "cell") && (i.fillStyle = e.selectionColor, i.fillRect(0, b, c, e.rowHeight)), i.strokeRect(0, b, c, e.rowHeight), i.fillStyle = e.rowNumberTextColor, i.fillText((w + 1).toString(), e.cellPadding, b + e.rowHeight / 2);
+      }
+    }
+    this.renderHeader(t, e, s, c), e.showRowNumbers && (i.fillStyle = e.headerBackground, i.fillRect(0, 0, c, u), i.strokeStyle = e.gridLineColor, i.strokeRect(0, 0, c, u)), this.renderReorderingOverlay(t, e, s, c);
+  }
+  renderHeader(t, e, s, i) {
+    const { width: r, headerHeight: n, scrollX: o, columnOrder: l, reorderingCol: h } = t, a = this.ctx;
+    a.save(), a.beginPath(), a.rect(i, 0, r - i, n), a.clip(), a.fillStyle = e.headerBackground, a.fillRect(i, 0, r - i, n);
+    const u = t.columnOffsets;
+    let c = 0, g = u.length - 2, d = 0;
+    for (; c <= g; ) {
+      const f = c + g >> 1;
+      u[f + 1] > o ? (d = f, g = f - 1) : c = f + 1;
+    }
+    const C = s.getColumnCount();
+    for (let f = d; f < C; f++) {
+      const v = l[f] ?? f, y = t.columnWidths[v] ?? e.columnWidth, S = i - o + u[f];
+      if (S < r) {
+        const w = s.getHeader(v), b = h === f;
+        b && (a.globalAlpha = 0.2), a.strokeStyle = e.gridLineColor, a.strokeRect(S, 0, y, n), this.drawHeaderContent(w, S, 0, y, n, e), b && (a.globalAlpha = 1);
+      } else
+        break;
+    }
+    a.restore();
+  }
+  drawHeaderContent(t, e, s, i, r, n) {
+    var g;
+    const o = this.ctx, l = n.headerSubTextCount;
+    let h = r, a = 0;
+    if (l === 1 ? (h = r * 0.75, a = r * 0.25) : l === 2 && (h = r * 0.5, a = r * 0.25), o.save(), o.beginPath(), o.rect(e, s, i, r), o.clip(), l > 0 && (o.strokeStyle = n.headerDividerColor || n.gridLineColor, o.lineWidth = 1, o.globalAlpha = n.headerDividerAlpha ?? 0.2, o.beginPath(), o.moveTo(e, s + h), o.lineTo(e + i, s + h), o.stroke(), l === 2 && (o.beginPath(), o.moveTo(e, s + h + a), o.lineTo(e + i, s + h + a), o.stroke()), o.globalAlpha = 1), t.markIcon && (o.fillStyle = ((g = n.headerTitleStyle) == null ? void 0 : g.color) || n.headerTextColor, o.font = "bold 14px sans-serif", o.textAlign = "right", o.textBaseline = "top", o.fillText(t.markIcon, e + i - 5, s + 4)), t.sortOrder) {
+      o.fillStyle = n.headerTextColor, o.font = "10px sans-serif", o.textAlign = "right", o.textBaseline = "middle";
+      const d = t.sortOrder === "asc" ? "▲" : "▼";
+      o.fillText(d, e + i - (t.markIcon ? 20 : 8), s + (l === 0 ? r / 2 : h / 2));
+    }
+    const u = n.cellPadding;
+    o.textAlign = "left", o.textBaseline = "middle";
+    const c = n.headerTitleStyle;
+    if (o.font = (c == null ? void 0 : c.font) || n.headerFont, o.fillStyle = (c == null ? void 0 : c.color) || n.headerTextColor, o.globalAlpha = (c == null ? void 0 : c.alpha) ?? 1, o.fillText(t.name || "", e + u, s + h / 2), l >= 1) {
+      const d = n.headerUnitsStyle;
+      o.font = (d == null ? void 0 : d.font) || `italic ${Math.max(6, Math.floor(r / 6))}px Inter, sans-serif`, o.fillStyle = (d == null ? void 0 : d.color) || n.headerTextColor, o.globalAlpha = (d == null ? void 0 : d.alpha) ?? 0.6;
+      const C = t.units || n.headerPlaceholder;
+      o.fillText(C, e + u, s + h + a / 2);
+    }
+    if (l === 2) {
+      const d = n.headerDescriptionStyle;
+      o.font = (d == null ? void 0 : d.font) || `italic ${Math.max(6, Math.floor(r / 8))}px Inter, sans-serif`, o.fillStyle = (d == null ? void 0 : d.color) || n.headerTextColor, o.globalAlpha = (d == null ? void 0 : d.alpha) ?? 0.6;
+      const C = t.description || n.headerPlaceholder;
+      o.fillText(C, e + u, s + h + a + a / 2);
+    }
+    o.restore();
+  }
+  renderReorderingOverlay(t, e, s, i) {
+    const { ctx: r } = this, { height: n, headerHeight: o, scrollX: l, scrollY: h } = t;
+    if (t.reorderingTarget !== null) {
+      let a = i - l;
+      for (let d = 0; d < t.reorderingTarget; d++) {
+        const C = t.columnOrder[d];
+        C !== void 0 ? a += t.columnWidths[C] ?? e.columnWidth : a += e.columnWidth;
+      }
+      const u = s.getRowCount() * e.rowHeight + o - h, c = Math.min(n, Math.max(o, u)), g = e.dragHandleColor || "#4facfe";
+      r.save(), r.strokeStyle = g, r.lineWidth = 4, r.beginPath(), r.moveTo(a, 0), r.lineTo(a, c), r.stroke(), r.restore();
+    }
+    if (t.reorderingCol !== null && t.reorderingX !== null) {
+      const a = t.columnOrder[t.reorderingCol] ?? t.reorderingCol, u = t.columnWidths[a] ?? e.columnWidth, c = t.reorderingX - u / 2;
+      r.save(), r.globalAlpha = 0.6, r.fillStyle = e.headerBackground, r.fillRect(c, 0, u, o), r.strokeStyle = "#4facfe", r.strokeRect(c, 0, u, o);
+      const g = s.getHeader(a);
+      this.drawHeaderContent(g, c, 0, u, o, e);
+      const d = Math.max(0, Math.floor(h / e.rowHeight)), C = Math.min(
+        s.getRowCount() - 1,
+        Math.ceil((h + n) / e.rowHeight)
+      );
+      r.fillStyle = "rgba(18, 18, 20, 0.8)", r.fillRect(c, o, u, n - o);
+      for (let f = d; f <= C; f++) {
+        const v = Math.floor(f * e.rowHeight - h + o), y = s.getCellData(f, a);
+        y != null && (r.fillStyle = e.textColor, r.font = e.font, r.fillText(y.toString(), c + e.cellPadding, v + e.rowHeight / 2)), r.strokeStyle = "rgba(79, 172, 254, 0.3)", r.strokeRect(c, v, u, e.rowHeight);
+      }
+      r.restore();
+    }
+  }
+  drawCellContent(t, e, s, i, r, n, o, l, h) {
+    const a = s.type || "text", u = l.cellPadding, c = h ? l.selectedTextColor : l.textColor;
+    if (a === "checkbox") {
+      const d = i + (n - 14) / 2, C = r + (o - 14) / 2, f = !!e;
+      t.beginPath(), t.rect(d, C, 14, 14), t.strokeStyle = "#999", t.stroke(), f && (t.fillStyle = "#4facfe", t.fillRect(d + 2, C + 2, 10, 10));
+      return;
+    }
+    if (a === "progress") {
+      const g = typeof e == "number" ? Math.min(100, Math.max(0, e)) : 0, d = o * 0.6, C = r + (o - d) / 2, f = n - u * 2, v = i + u;
+      t.fillStyle = l.alternateRowColor || "#e0e0e033", t.fillRect(v, C, f, d), t.fillStyle = "#4facfe", t.fillRect(v, C, f * (g / 100), d), t.fillStyle = c, t.font = "10px sans-serif", t.textAlign = "center", t.fillText(`${g}%`, i + n / 2, r + o / 2);
+      return;
+    }
+    if (a === "sparkline" && Array.isArray(e)) {
+      const g = e;
+      if (g.length > 1) {
+        const d = n - u * 2, C = o * 0.6, f = i + u, v = r + (o - C) / 2, y = Math.min(...g), w = Math.max(...g) - y || 1;
+        t.save(), t.beginPath(), t.strokeStyle = "#4facfe", t.lineWidth = 1.5, g.forEach((b, x) => {
+          const R = f + x / (g.length - 1) * d, H = v + C - (b - y) / w * C;
+          x === 0 ? t.moveTo(R, H) : t.lineTo(R, H);
+        }), t.stroke(), t.restore();
+      }
+      return;
+    }
+    if (e != null) {
+      t.fillStyle = c, t.textAlign = a === "numeric" ? "right" : "left", t.font = l.font;
+      const g = e.toString(), d = a === "numeric" ? i + n - u : i + u;
+      t.fillText(g, d, r + o / 2);
+    }
+    if (a === "select") {
+      t.fillStyle = c, t.globalAlpha = 0.5, t.beginPath();
+      const g = i + n - 15, d = r + o / 2 - 2;
+      t.moveTo(g, d), t.lineTo(g + 8, d), t.lineTo(g + 4, d + 5), t.fill(), t.globalAlpha = 1;
+    }
+  }
+}
+class N {
+  constructor(t, e, s, i) {
+    p(this, "container");
+    p(this, "shadow");
+    p(this, "onScroll");
+    p(this, "onMouseDown");
+    p(this, "onDoubleClick");
+    p(this, "styleId", "scigrid-scroll-style-" + Math.random().toString(36).substr(2, 9));
+    p(this, "MAX_BROWSER_SIZE", 15e6);
+    p(this, "scaleX", 1);
+    p(this, "scaleY", 1);
+    this.container = t, this.onScroll = e, this.onMouseDown = s, this.onDoubleClick = i, this.shadow = document.createElement("div"), this.shadow.style.position = "absolute", this.shadow.style.top = "0", this.shadow.style.left = "0", this.shadow.style.width = "1px", this.shadow.style.height = "1px", this.shadow.style.pointerEvents = "none", this.container.style.overflow = "auto", this.container.style.position = "relative", this.container.appendChild(this.shadow), this.setupEvents(), this.injectScrollStyle();
+  }
+  injectScrollStyle() {
+    this.container.classList.add(this.styleId);
+    const t = document.createElement("style");
+    t.id = this.styleId, t.innerHTML = `
+            .${this.styleId} {
+                scrollbar-width: thin;
+                scrollbar-color: rgba(155, 155, 155, 0.5) transparent;
+            }
+            .${this.styleId}::-webkit-scrollbar {
+                width: 10px;
+                height: 10px;
+            }
+            .${this.styleId}::-webkit-scrollbar-track {
+                background: transparent;
+            }
+            .${this.styleId}::-webkit-scrollbar-thumb {
+                background-color: rgba(155, 155, 155, 0.5);
+                border-radius: 6px;
+                border: 2px solid transparent;
+                background-clip: content-box;
+            }
+            .${this.styleId}::-webkit-scrollbar-thumb:hover {
+                background-color: rgba(155, 155, 155, 0.8);
+            }
+            .${this.styleId}::-webkit-scrollbar-corner {
+                background: transparent;
+            }
+        `, document.head.appendChild(t);
+  }
+  updateScrollStyle(t, e) {
+    const s = document.getElementById(this.styleId);
+    if (s && (t || e)) {
+      const i = t || "rgba(155, 155, 155, 0.5)", r = e || "transparent";
+      s.innerHTML = `
+                .${this.styleId} {
+                    scrollbar-width: thin;
+                    scrollbar-color: ${i} ${r};
+                }
+                .${this.styleId}::-webkit-scrollbar {
+                    width: 10px;
+                    height: 10px;
+                }
+                .${this.styleId}::-webkit-scrollbar-track {
+                    background: ${r};
+                }
+                .${this.styleId}::-webkit-scrollbar-thumb {
+                    background-color: ${i};
+                    border-radius: 6px;
+                    border: 2px solid ${r === "transparent" ? "transparent" : r};
+                    background-clip: content-box;
+                }
+                .${this.styleId}::-webkit-scrollbar-thumb:hover {
+                    opacity: 0.8;
+                }
+                .${this.styleId}::-webkit-scrollbar-corner {
+                    background: ${r};
+                }
+            `;
+    }
+  }
+  updateVirtualSize(t, e) {
+    const s = this.container.clientWidth || 100, i = this.container.clientHeight || 100, r = Math.min(t, this.MAX_BROWSER_SIZE), n = Math.min(e, this.MAX_BROWSER_SIZE);
+    this.scaleX = (t - s) / Math.max(1, r - s), this.scaleY = (e - i) / Math.max(1, n - i), this.shadow.style.width = `${r}px`, this.shadow.style.height = `${n}px`;
+  }
+  setScroll(t, e) {
+    this.container.scrollLeft = t / (this.scaleX || 1), this.container.scrollTop = e / (this.scaleY || 1);
+  }
+  scrollToCell(t, e, s, i) {
+    const r = this.container.scrollLeft * this.scaleX, n = this.container.scrollTop * this.scaleY, o = this.container.clientWidth, l = this.container.clientHeight;
+    let h = r, a = n;
+    t < r ? h = t : t + s > r + o && (h = t + s - o), e < n ? a = e : e + i > n + l && (a = e + i - l), (h !== r || a !== n) && this.setScroll(h, a);
+  }
+  setupEvents() {
+    let t = 0, e = 0;
+    this.container.addEventListener("scroll", () => {
+      const s = Math.round(this.container.scrollLeft * this.scaleX), i = Math.round(this.container.scrollTop * this.scaleY);
+      (s !== t || i !== e) && (t = s, e = i, this.onScroll({
+        scrollX: s,
+        scrollY: i
+      }));
+    }, { passive: !0 }), this.container.addEventListener("mousedown", (s) => {
+      this.onMouseDown(s);
+    }), this.container.addEventListener("dblclick", (s) => {
+      this.onDoubleClick(s);
+    });
+  }
+}
+class P {
+  constructor(t, e, s, i) {
+    this.state = t, this.provider = e, this.config = s, this.invalidate = i;
+  }
+  updateSelection(t, e, s, i, r) {
+    if (this.state.selectionMode = t, t === "all") {
+      this.state.selectionRanges = [{
+        startRow: 0,
+        endRow: this.provider.getRowCount() - 1,
+        startCol: 0,
+        endCol: this.provider.getColumnCount() - 1
+      }], this.state.anchorRow = 0, this.state.anchorCol = 0, this.populateLookupSets(), this.invalidate(), this.notifySelectionChange();
+      return;
+    }
+    if (e === null && t !== "column" || s === null && t !== "row") return;
+    const n = e ?? 0, o = s ?? 0;
+    !i && !r && (this.state.selectionRanges = []), r && this.state.anchorRow !== null && this.state.anchorCol !== null ? this.handleRangeSelection(t, n, o, i) : this.handlePivotSelection(t, n, o, i), this.populateLookupSets(), this.notifySelectionChange();
+  }
+  handleRangeSelection(t, e, s, i) {
+    const r = t === "column" ? 0 : Math.min(e, this.state.anchorRow), n = t === "column" ? this.provider.getRowCount() - 1 : Math.max(e, this.state.anchorRow), o = t === "row" ? 0 : Math.min(s, this.state.anchorCol), l = t === "row" ? this.provider.getColumnCount() - 1 : Math.max(s, this.state.anchorCol), h = { startRow: r, endRow: n, startCol: o, endCol: l };
+    i ? this.state.selectionRanges.length > 0 ? this.state.selectionRanges[this.state.selectionRanges.length - 1] = h : this.state.selectionRanges.push(h) : this.state.selectionRanges = [h];
+  }
+  handlePivotSelection(t, e, s, i) {
+    const r = {
+      startRow: t === "column" ? 0 : e,
+      endRow: t === "column" ? this.provider.getRowCount() - 1 : e,
+      startCol: t === "row" ? 0 : s,
+      endCol: t === "row" ? this.provider.getColumnCount() - 1 : s
+    };
+    if (i) {
+      const n = this.state.selectionRanges.findIndex(
+        (o) => o.startRow === r.startRow && o.endRow === r.endRow && o.startCol === r.startCol && o.endCol === r.endCol
+      );
+      n !== -1 ? this.state.selectionRanges.splice(n, 1) : this.state.selectionRanges.push(r);
+    } else
+      this.state.selectionRanges = [r];
+    this.state.anchorRow = e, this.state.anchorCol = s;
+  }
+  populateLookupSets() {
+    this.state.selectedRows.clear(), this.state.selectedCols.clear();
+    for (const t of this.state.selectionRanges) {
+      for (let e = t.startRow; e <= t.endRow; e++) this.state.selectedRows.add(e);
+      for (let e = t.startCol; e <= t.endCol; e++) this.state.selectedCols.add(e);
+    }
+  }
+  notifySelectionChange() {
+    this.config.onSelectionChange && this.config.onSelectionChange({
+      mode: this.state.selectionMode,
+      ranges: [...this.state.selectionRanges],
+      anchorRow: this.state.anchorRow,
+      anchorCol: this.state.anchorCol
+    });
+  }
+}
+class Y {
+  constructor(t, e, s, i) {
+    this.state = t, this.provider = e, this.config = s, this.actions = i;
+  }
+  handleKeyDown(t, e) {
+    if (e) return;
+    let s = this.state.anchorRow ?? 0, i = this.state.anchorCol ?? 0;
+    const r = this.provider.getRowCount(), n = this.provider.getColumnCount();
+    let o = this.state.columnOrder.indexOf(i);
+    switch (o === -1 && (o = i), t.key) {
+      case "ArrowUp":
+        s = Math.max(0, s - 1);
+        break;
+      case "ArrowDown":
+        s = Math.min(r - 1, s + 1);
+        break;
+      case "ArrowLeft":
+        o = Math.max(0, o - 1);
+        break;
+      case "ArrowRight":
+        o = Math.min(n - 1, o + 1);
+        break;
+      case "PageUp":
+        s = Math.max(0, s - Math.floor(this.state.height / this.config.rowHeight));
+        break;
+      case "PageDown":
+        s = Math.min(r - 1, s + Math.floor(this.state.height / this.config.rowHeight));
+        break;
+      case "Home":
+        o = 0, t.ctrlKey && (s = 0);
+        break;
+      case "End":
+        o = n - 1, t.ctrlKey && (s = r - 1);
+        break;
+      case "c":
+        if (t.ctrlKey || t.metaKey) {
+          this.actions.copyToClipboard();
+          return;
+        }
+        return;
+      default:
+        return;
+    }
+    i = this.state.columnOrder[o] ?? o, t.preventDefault(), this.actions.updateSelection("cell", s, i, t.ctrlKey, t.shiftKey), this.actions.scrollToCell(s, i), this.actions.render();
+  }
+}
+const I = {
+  Y: 1e24,
+  Z: 1e21,
+  E: 1e18,
+  P: 1e15,
+  T: 1e12,
+  G: 1e9,
+  M: 1e6,
+  k: 1e3,
+  h: 100,
+  da: 10,
+  d: 0.1,
+  c: 0.01,
+  m: 1e-3,
+  u: 1e-6,
+  μ: 1e-6,
+  n: 1e-9,
+  p: 1e-12,
+  f: 1e-15,
+  a: 1e-18,
+  z: 1e-21,
+  y: 1e-24
+};
+function B(m) {
+  if (typeof m != "string") return parseFloat(m);
+  const t = m.trim();
+  if (!t) return NaN;
+  const e = /^([+-]?\d*\.?\d+(?:[eE][+-]?\d+)?)\s*([YZEPTGMkhdacmuμnpfaz y]?)([a-zA-Z]*)$/, s = t.match(e);
+  if (!s) return parseFloat(t);
+  const [i, r, n] = s;
+  let o = parseFloat(r);
+  return n && I[n] && (o *= I[n]), o;
+}
+class K {
+  constructor(t, e, s, i, r) {
+    p(this, "editor", null);
+    this.uiLayer = t, this.provider = e, this.config = s, this.state = i, this.helpers = r;
+  }
+  get activeEditor() {
+    return this.editor;
+  }
+  closeEditor() {
+    if (this.editor) {
+      const t = this.editor;
+      this.editor = null, t.remove();
+    }
+  }
+  openHeaderEditor(t, e) {
+    const s = this.provider.getHeader(t), i = e === 0 ? s.name || "" : e === 1 ? s.units || "" : s.description || "", r = this.state.columnOrder.indexOf(t), n = r === -1 ? t : r, o = this.helpers.getColumnOffset(n) - this.state.scrollX + (this.config.showRowNumbers ? this.config.rowNumbersWidth : 0), { titleH: l, subH: h } = this.getHeaderHeights(), a = e === 0 ? 0 : e === 1 ? l : l + h, u = e === 0 ? l : h, c = document.createElement("input");
+    this.editor = c, c.type = "text", c.value = i, Object.assign(c.style, {
+      position: "absolute",
+      left: `${o}px`,
+      top: `${a}px`,
+      width: `${this.helpers.getColumnWidth(t)}px`,
+      height: `${u}px`,
+      boxSizing: "border-box",
+      border: "2px solid #4facfe",
+      outline: "none",
+      zIndex: "100",
+      pointerEvents: "auto",
+      backgroundColor: this.config.headerBackground,
+      padding: `0 ${this.config.cellPadding}px`
+    });
+    const g = () => {
+      var C, f;
+      if (!this.editor) return;
+      const d = { ...s };
+      e === 0 ? d.name = c.value : e === 1 ? d.units = c.value : d.description = c.value, (f = (C = this.provider).setHeader) == null || f.call(C, t, d), this.closeEditor(), this.helpers.invalidate();
+    };
+    c.onblur = g, c.onkeydown = (d) => {
+      d.key === "Enter" && g(), d.key === "Escape" && this.closeEditor();
+    }, this.uiLayer.appendChild(c), setTimeout(() => {
+      this.editor === c && (c.focus(), c.select());
+    }, 0);
+  }
+  getHeaderHeights() {
+    const t = this.state.headerHeight;
+    return this.config.headerSubTextCount === 1 ? { titleH: t * 0.75, subH: t * 0.25 } : this.config.headerSubTextCount === 2 ? { titleH: t * 0.5, subH: t * 0.25 } : { titleH: t, subH: 0 };
+  }
+  openCellEditor(t, e) {
+    if (!this.provider.setCellData) return;
+    const s = this.state.columnOrder.indexOf(e), i = s === -1 ? e : s, r = this.helpers.getColumnOffset(i) - this.state.scrollX + (this.config.showRowNumbers ? this.config.rowNumbersWidth : 0), n = t * this.config.rowHeight - this.state.scrollY + this.state.headerHeight;
+    this.provider.getHeader(e).type === "select" ? this.renderSelectEditor(t, e, r, n) : this.renderTextEditor(t, e, r, n);
+  }
+  renderTextEditor(t, e, s, i) {
+    var o;
+    const r = document.createElement("input");
+    this.editor = r, r.value = ((o = this.provider.getCellData(t, e)) == null ? void 0 : o.toString()) || "", Object.assign(r.style, {
+      position: "absolute",
+      left: `${s}px`,
+      top: `${i}px`,
+      zIndex: "10",
+      width: `${this.helpers.getColumnWidth(e)}px`,
+      height: `${this.config.rowHeight}px`,
+      boxSizing: "border-box",
+      border: "2px solid #4facfe",
+      outline: "none",
+      padding: `${this.config.cellPadding}px`,
+      pointerEvents: "auto"
+    });
+    const n = () => {
+      if (this.editor) {
+        let l = r.value;
+        if (this.provider.getHeader(e).type === "numeric") {
+          const a = B(r.value);
+          isNaN(a) || (l = a);
+        }
+        this.provider.setCellData(t, e, l), this.closeEditor(), this.helpers.invalidate();
+      }
+    };
+    r.onkeydown = (l) => {
+      l.key === "Enter" && n(), l.key === "Escape" && this.closeEditor();
+    }, r.onblur = n, this.uiLayer.appendChild(r), setTimeout(() => {
+      r.focus(), r.select();
+    }, 0);
+  }
+  renderSelectEditor(t, e, s, i) {
+    var l;
+    const r = document.createElement("div");
+    this.editor = r;
+    const n = ((l = this.provider.getCellData(t, e)) == null ? void 0 : l.toString()) || "";
+    r.setAttribute("data-value", n), Object.assign(r.style, {
+      position: "absolute",
+      left: `${s}px`,
+      top: `${i}px`,
+      zIndex: "1000",
+      width: `${this.helpers.getColumnWidth(e)}px`,
+      height: `${this.config.rowHeight}px`,
+      pointerEvents: "auto"
+    });
+    const o = document.createElement("ul");
+    Object.assign(o.style, {
+      position: "absolute",
+      top: "100%",
+      left: "0",
+      width: "100%",
+      maxHeight: "200px",
+      overflowY: "auto",
+      margin: "0",
+      padding: "0",
+      listStyle: "none",
+      backgroundColor: this.config.headerBackground,
+      border: `1px solid ${this.config.gridLineColor}`
+    }), (this.provider.getHeader(e).selectOptions || []).forEach((h) => {
+      const a = document.createElement("li");
+      a.textContent = h, a.style.padding = "6px 10px", a.style.cursor = "pointer", a.onclick = (u) => {
+        u.stopPropagation(), this.provider.setCellData(t, e, h), this.closeEditor(), this.helpers.invalidate();
+      }, o.appendChild(a);
+    }), r.appendChild(o), this.uiLayer.appendChild(r), r.tabIndex = 0, r.onkeydown = (h) => {
+      h.key === "Escape" && this.closeEditor();
+    }, setTimeout(() => r.focus(), 0);
+  }
+}
+function k(m, t, e) {
+  return e === -1 ? t.rowNumbersWidth : m.columnWidths[e] ?? t.columnWidth;
+}
+function X(m, t) {
+  return m.columnOffsets[t] ?? m.columnOffsets[m.columnOffsets.length - 1] ?? 0;
+}
+function M(m, t) {
+  const e = m.columnOffsets;
+  if (!e || e.length === 0) return -1;
+  let s = 0, i = e.length - 2;
+  for (; s <= i; ) {
+    const n = s + i >> 1, o = e[n], l = e[n + 1];
+    if (t >= o && t < l) return n;
+    t < o ? i = n - 1 : s = n + 1;
+  }
+  const r = e[e.length - 1] || 0;
+  return t >= r ? Math.max(0, e.length - 2) : -1;
+}
+class _ {
+  constructor(t, e, s, i, r) {
+    this.canvas = t, this.state = e, this.provider = s, this.config = i, this.actions = r;
+  }
+  handleHit(t, e) {
+    this.actions.closeEditor();
+    const s = this.canvas.getBoundingClientRect(), i = t.clientX - s.left, r = t.clientY - s.top, n = this.config.showRowNumbers ? this.config.rowNumbersWidth : 0, o = t.ctrlKey || t.metaKey, l = t.shiftKey;
+    if (this.config.showRowNumbers && Math.abs(i - n) < 5) {
+      t.preventDefault(), this.actions.startResizing(-1, t);
+      return;
+    }
+    if (i < n && r < this.state.headerHeight)
+      this.actions.updateSelection("all", null, null, !1, !1);
+    else if (r < this.state.headerHeight && i >= n)
+      this.handleHeaderHit(i - n + this.state.scrollX, r, e, o, l, t);
+    else if (i < n && r >= this.state.headerHeight) {
+      const h = Math.floor((r - this.state.headerHeight + this.state.scrollY) / this.config.rowHeight);
+      h >= 0 && h < this.provider.getRowCount() && this.actions.updateSelection("row", h, null, o, l);
+    } else
+      this.handleCellHit(i, r, n, e, o, l);
+    this.actions.render();
+  }
+  handleHeaderHit(t, e, s, i, r, n) {
+    const o = this.getHeaderHit(t, e);
+    if (o.colIndex === -1) return;
+    const l = this.state.columnOrder[o.colIndex] ?? o.colIndex, h = this.provider.getHeader(l);
+    o.type === "edge" && h.isResizable !== !1 && this.config.allowResizing ? (n.preventDefault(), this.actions.startResizing(l, n)) : o.type === "handle" && (s ? (n.preventDefault(), this.actions.openHeaderEditor(l, o.subIndex || 0)) : (this.actions.updateSelection("column", null, l, i, r), n.preventDefault(), this.actions.startReordering(o.colIndex, n)));
+  }
+  handleCellHit(t, e, s, i, r, n) {
+    const o = Math.floor((e - this.state.headerHeight + this.state.scrollY) / this.config.rowHeight), l = t - s + this.state.scrollX, h = M(this.state, l), a = this.state.columnOrder[h] ?? h;
+    if (o < 0 || o >= this.provider.getRowCount() || h === -1) return;
+    const u = this.provider.getHeader(a);
+    if (u.type === "checkbox" && !i && this.provider.setCellData && (this.provider.setCellData(o, a, !this.provider.getCellData(o, a)), this.actions.invalidate()), n)
+      this.actions.updateSelection("cell", o, a, r, n);
+    else if (i)
+      u.type !== "progress" && u.type !== "checkbox" && this.actions.openEditor(o, a);
+    else {
+      this.actions.setSelecting(!0), this.actions.updateSelection("cell", o, a, r, n);
+      const c = () => {
+        this.actions.setSelecting(!1), window.removeEventListener("mouseup", c);
+      };
+      window.addEventListener("mouseup", c);
+    }
+  }
+  getHeaderHit(t, e) {
+    let s = 0;
+    const i = this.state.headerHeight, { titleH: r, subH: n } = this.getHeaderHeights(i);
+    for (let o = 0; o < this.state.columnOrder.length; o++) {
+      const l = k(this.state, this.config, this.state.columnOrder[o]);
+      if (t >= s && t <= s + l) {
+        if (t >= s + l - 5) return { type: "edge", colIndex: o };
+        if (o > 0 && t <= s + 5) return { type: "edge", colIndex: o - 1 };
+        let h = 0;
+        return e > r && (h = e < r + n ? 1 : 2), { type: "handle", colIndex: o, subIndex: h };
+      }
+      s += l;
+    }
+    return { type: "handle", colIndex: -1 };
+  }
+  getHeaderHeights(t) {
+    return this.config.headerSubTextCount === 1 ? { titleH: t * 0.75, subH: t * 0.25 } : this.config.headerSubTextCount === 2 ? { titleH: t * 0.5, subH: t * 0.25 } : { titleH: t, subH: 0 };
+  }
+}
+class j {
+  constructor(t, e, s, i, r) {
+    this.canvas = t, this.state = e, this.provider = s, this.config = i, this.actions = r;
+  }
+  startResizing(t, e) {
+    this.state.resizingCol = t;
+    const s = e.clientX, i = k(this.state, this.config, t), r = (o) => {
+      const l = Math.max(30, i + (o.clientX - s));
+      t === -1 ? this.config.rowNumbersWidth = l : this.state.columnWidths[t] = l, this.actions.updateVirtualSize(), this.actions.invalidate();
+    }, n = () => {
+      this.state.resizingCol = null, window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", n), this.actions.saveState();
+    };
+    window.addEventListener("mousemove", r), window.addEventListener("mouseup", n);
+  }
+  startReordering(t, e) {
+    const s = e.clientX;
+    let i = !1;
+    const r = (o) => {
+      if (!i && Math.abs(o.clientX - s) > 3 && (i = !0, this.state.reorderingCol = t), !i) return;
+      const l = this.canvas.getBoundingClientRect(), h = o.clientX - l.left;
+      this.state.reorderingX = h;
+      const a = M(this.state, h - (this.config.showRowNumbers ? this.config.rowNumbersWidth : 0) + this.state.scrollX);
+      a !== -1 && (this.state.reorderingTarget = a), this.actions.invalidate();
+    }, n = () => {
+      i ? this.state.reorderingTarget !== null && this.state.reorderingCol !== null && this.commitReorder() : this.handleHeaderClick(t), this.state.reorderingCol = this.state.reorderingTarget = this.state.reorderingX = null, window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", n), this.actions.saveState();
+    };
+    window.addEventListener("mousemove", r), window.addEventListener("mouseup", n);
+  }
+  handleHeaderClick(t) {
+    const e = this.state.columnOrder[t] ?? t, s = this.provider.getHeader(e);
+    if (s.isSortable !== !1 && this.config.onSort) {
+      const i = s.sortOrder === "asc" ? "desc" : s.sortOrder === "desc" ? null : "asc";
+      this.config.onSort(e, i);
+    }
+  }
+  commitReorder() {
+    const t = [...this.state.columnOrder];
+    if (t.length === 0) for (let i = 0; i < this.provider.getColumnCount(); i++) t.push(i);
+    const e = t.splice(this.state.reorderingCol, 1)[0];
+    let s = this.state.reorderingTarget;
+    s > this.state.reorderingCol && s--, t.splice(s, 0, e), this.state.columnOrder = t, this.actions.updateSelection("column", null, e, !1, !1);
+  }
+}
+class F {
+  constructor(t, e, s) {
+    this.state = t, this.provider = e, this.config = s;
+  }
+  saveState() {
+    if (!this.config.persistenceKey) return;
+    const t = { columnOrder: this.state.columnOrder, columnWidths: this.state.columnWidths };
+    localStorage.setItem(`scigrid_state_${this.config.persistenceKey}`, JSON.stringify(t));
+  }
+  loadState() {
+    if (!this.config.persistenceKey) return null;
+    const t = localStorage.getItem(`scigrid_state_${this.config.persistenceKey}`);
+    try {
+      return t ? JSON.parse(t) : null;
+    } catch {
+      return null;
+    }
+  }
+  copyToClipboard() {
+    const t = this.state.selectionRanges;
+    if (t.length === 0) return;
+    let e = 1 / 0, s = -1 / 0, i = 1 / 0, r = -1 / 0;
+    for (const o of t)
+      e = Math.min(e, o.startRow), s = Math.max(s, o.endRow), i = Math.min(i, o.startCol), r = Math.max(r, o.endCol);
+    let n = "";
+    for (let o = e; o <= s; o++) {
+      const l = [];
+      for (let h = i; h <= r; h++) {
+        let a = !1;
+        for (const c of t) if (o >= c.startRow && o <= c.endRow && h >= c.startCol && h <= c.endCol) {
+          a = !0;
+          break;
+        }
+        const u = a ? this.provider.getCellData(o, h) : "";
+        l.push(u != null ? `"${u.toString().replace(/"/g, '""')}"` : "");
+      }
+      n += l.join("	") + `
+`;
+    }
+    navigator.clipboard.writeText(n).catch((o) => console.error("Copy failed:", o));
+  }
+}
+class U {
+  constructor(t, e, s = {}) {
+    p(this, "canvas");
+    p(this, "renderer");
+    p(this, "scroller");
+    p(this, "selection");
+    p(this, "keyboard");
+    p(this, "editors");
+    p(this, "mouse");
+    p(this, "drags");
+    p(this, "data");
+    p(this, "uiLayer");
+    p(this, "config");
+    p(this, "state", {
+      scrollX: 0,
+      scrollY: 0,
+      width: 0,
+      height: 0,
+      headerHeight: 60,
+      columnWidths: {},
+      columnOrder: [],
+      columnOffsets: [0],
+      selectedRows: /* @__PURE__ */ new Set(),
+      selectedCols: /* @__PURE__ */ new Set(),
+      selectionRanges: [],
+      anchorRow: null,
+      anchorCol: null,
+      resizingCol: null,
+      reorderingCol: null,
+      reorderingTarget: null,
+      reorderingX: null,
+      hoveredCol: null,
+      selectionMode: "cell"
+    });
+    p(this, "lastRange", { start: -1, end: -1 });
+    p(this, "isDirty", !1);
+    p(this, "isSelecting", !1);
+    this.container = t, this.provider = e, this.config = {
+      rowHeight: 25,
+      columnWidth: 100,
+      headerHeight: 30,
+      showRowNumbers: !0,
+      rowNumbersWidth: 40,
+      headerSubTextCount: 0,
+      headerPlaceholder: "-",
+      allowResizing: !0,
+      allowFiltering: !0,
+      backgroundColor: "#ffffff",
+      gridLineColor: "#e0e0e0",
+      textColor: "#333333",
+      font: "12px Inter, sans-serif",
+      headerBackground: "#f3f3f3",
+      headerTextColor: "#333333",
+      headerFont: "bold 12px Inter, sans-serif",
+      rowNumberBackground: "#f9f9f9",
+      rowNumberTextColor: "#666666",
+      selectionColor: "rgba(0, 120, 215, 0.3)",
+      selectedTextColor: "#000000",
+      cellPadding: 5,
+      ...s
+    }, this.state.headerHeight = this.config.headerHeight, this.initDOM(), this.renderer = new D(this.canvas), this.initManagers(), this.scroller = new N(this.container, (i) => this.updateScroll(i), (i) => this.mouse.handleHit(i, !1), (i) => this.mouse.handleHit(i, !0)), this.init();
+  }
+  initDOM() {
+    Object.assign(this.container.style, {
+      overflow: "auto",
+      position: "relative",
+      outline: "none",
+      userSelect: "none",
+      webkitUserSelect: "none"
+    }), this.container.tabIndex = 0, this.container.setAttribute("role", "grid"), this.container.setAttribute("aria-label", "Data Grid"), this.updateAriaCounts();
+    const t = document.createElement("div");
+    Object.assign(t.style, { position: "sticky", top: "0", left: "0", width: "100%", height: "100%", zIndex: "10" }), this.container.appendChild(t), this.canvas = document.createElement("canvas"), Object.assign(this.canvas.style, { position: "absolute", top: "0", left: "0", display: "block", zIndex: "1" }), t.appendChild(this.canvas), this.uiLayer = document.createElement("div"), Object.assign(this.uiLayer.style, { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", zIndex: "2", pointerEvents: "none" }), t.appendChild(this.uiLayer);
+  }
+  updateAriaCounts() {
+    this.container.setAttribute("aria-rowcount", (this.provider.getRowCount() + 1).toString()), this.container.setAttribute("aria-colcount", this.provider.getColumnCount().toString());
+  }
+  initManagers() {
+    this.selection = new P(this.state, this.provider, this.config, () => this.invalidate()), this.data = new F(this.state, this.provider, this.config);
+    const t = {
+      getColumnWidth: (e) => k(this.state, this.config, e),
+      getColumnOffset: (e) => X(this.state, e),
+      invalidate: () => this.invalidate()
+    };
+    this.editors = new K(this.uiLayer, this.provider, this.config, this.state, t), this.drags = new j(this.canvas, this.state, this.provider, this.config, {
+      invalidate: () => this.invalidate(),
+      updateSelection: (e, s, i, r, n) => this.selection.updateSelection(e, s, i, r, n),
+      updateVirtualSize: () => this.updateVirtualSize(),
+      saveState: () => this.data.saveState()
+    }), this.mouse = new _(this.canvas, this.state, this.provider, this.config, {
+      updateSelection: (e, s, i, r, n) => this.selection.updateSelection(e, s, i, r, n),
+      invalidate: () => this.invalidate(),
+      render: () => this.render(),
+      startResizing: (e, s) => this.drags.startResizing(e, s),
+      startReordering: (e, s) => this.drags.startReordering(e, s),
+      openEditor: (e, s) => this.editors.openCellEditor(e, s),
+      openHeaderEditor: (e, s) => this.editors.openHeaderEditor(e, s),
+      closeEditor: () => this.editors.closeEditor(),
+      setSelecting: (e) => this.isSelecting = e
+    }), this.keyboard = new Y(this.state, this.provider, this.config, {
+      updateSelection: (e, s, i, r, n) => this.selection.updateSelection(e, s, i, r, n),
+      scrollToCell: (e, s) => this.scrollToCell(e, s),
+      copyToClipboard: () => this.data.copyToClipboard(),
+      render: () => this.render()
+    });
+  }
+  init() {
+    const t = this.data.loadState();
+    if (t && (this.state.columnOrder = t.columnOrder || [], this.state.columnWidths = t.columnWidths || {}), this.state.columnOrder.length === 0) for (let e = 0; e < this.provider.getColumnCount(); e++) this.state.columnOrder.push(e);
+    new ResizeObserver((e) => e.forEach((s) => this.resize(Math.floor(s.contentRect.width), Math.floor(s.contentRect.height)))).observe(this.container), this.container.addEventListener("keydown", (e) => this.keyboard.handleKeyDown(e, !!this.editors.activeEditor)), this.container.addEventListener("mousemove", (e) => this.handleMouseMove(e)), window.addEventListener("mousedown", (e) => {
+      this.editors.activeEditor && !this.editors.activeEditor.contains(e.target) && !this.container.contains(e.target) && this.editors.closeEditor();
+    }), window.addEventListener("mousemove", (e) => this.handleWindowMouseMove(e)), window.addEventListener("mouseup", () => this.handleWindowMouseUp()), this.updateVirtualSize(), this.requestAnimationFrame();
+  }
+  resize(t, e) {
+    this.state.width = t, this.state.height = e, this.renderer.resize(t, e), this.invalidate();
+  }
+  updateVirtualSize() {
+    const t = this.provider.getColumnCount(), e = new Array(t + 1);
+    let s = 0;
+    e[0] = 0;
+    for (let i = 0; i < t; i++)
+      s += k(this.state, this.config, this.state.columnOrder[i] ?? i), e[i + 1] = s;
+    this.state.columnOffsets = e, this.scroller.updateVirtualSize((this.config.showRowNumbers ? this.config.rowNumbersWidth : 0) + s, this.provider.getRowCount() * this.config.rowHeight + this.state.headerHeight);
+  }
+  handleMouseMove(t) {
+    if (this.state.resizingCol !== null || this.state.reorderingCol !== null) {
+      this.container.style.cursor = this.state.resizingCol !== null ? "col-resize" : "grabbing";
+      return;
+    }
+    const e = this.config.showRowNumbers ? this.config.rowNumbersWidth : 0, s = this.canvas.getBoundingClientRect(), i = t.clientX - s.left, r = t.clientY - s.top;
+    if (this.config.showRowNumbers && r < this.state.headerHeight && Math.abs(i - e) < 5) {
+      this.container.style.cursor = "col-resize";
+      return;
+    }
+    const n = i - e + this.state.scrollX;
+    if ((r >= this.state.headerHeight || i < e) && this.state.hoveredCol !== null && (this.state.hoveredCol = null, this.render()), r < this.state.headerHeight && i >= e) {
+      const o = M(this.state, n), l = this.state.columnOrder[o] ?? o;
+      this.state.hoveredCol !== l && (this.state.hoveredCol = l, this.render()), this.container.style.cursor = "grab";
+    } else this.container.style.cursor = "default";
+  }
+  handleWindowMouseMove(t) {
+    if (this.isSelecting) {
+      const e = this.config.showRowNumbers ? this.config.rowNumbersWidth : 0, s = this.canvas.getBoundingClientRect(), i = t.clientX - s.left, r = t.clientY - s.top, n = i - e + this.state.scrollX, o = Math.max(0, Math.min(this.provider.getRowCount() - 1, Math.floor((r - this.state.headerHeight + this.state.scrollY) / this.config.rowHeight))), l = M(this.state, n);
+      l !== -1 && (this.selection.updateSelection("cell", o, this.state.columnOrder[l] ?? l, t.ctrlKey, !0), this.render());
+    }
+  }
+  handleWindowMouseUp() {
+    this.isSelecting && (this.isSelecting = !1, this.render());
+  }
+  getColumnAt(t) {
+    return M(this.state, t);
+  }
+  getColumnOffset(t) {
+    return X(this.state, t);
+  }
+  getColumnWidth(t) {
+    return k(this.state, this.config, t);
+  }
+  saveState() {
+    this.data.saveState();
+  }
+  scrollToCell(t, e) {
+    const s = this.state.columnOrder.indexOf(e);
+    this.scroller.scrollToCell(this.getColumnOffset(s === -1 ? e : s) + (this.config.showRowNumbers ? this.config.rowNumbersWidth : 0), t * this.config.rowHeight + this.state.headerHeight, this.getColumnWidth(e), this.config.rowHeight);
+  }
+  invalidate() {
+    this.isDirty = !0;
+  }
+  render() {
+    if (this.provider.onRowsNeeded) {
+      const t = Math.floor(this.state.scrollY / this.config.rowHeight), e = Math.ceil((this.state.scrollY + this.state.height) / this.config.rowHeight);
+      (Math.abs(t - this.lastRange.start) > 5 || Math.abs(e - this.lastRange.end) > 5) && (this.lastRange = { start: t, end: e }, this.provider.onRowsNeeded(Math.max(0, t - 50), Math.min(this.provider.getRowCount() - 1, e + 50)));
+    }
+    this.renderer.render(this.state, this.config, this.provider), this.isDirty = !1;
+  }
+  renderNow() {
+    this.render();
+  }
+  requestAnimationFrame() {
+    const t = () => {
+      this.isDirty && this.render(), requestAnimationFrame(t);
+    };
+    requestAnimationFrame(t);
+  }
+  updateProvider(t) {
+    this.provider = t, this.state.columnOrder = [];
+    for (let e = 0; e < t.getColumnCount(); e++) this.state.columnOrder.push(e);
+    this.updateVirtualSize(), this.updateAriaCounts(), this.invalidate();
+  }
+  updateConfig(t) {
+    this.config = { ...this.config, ...t }, this.state.headerHeight = this.config.headerHeight, this.editors.closeEditor(), this.scroller.updateScrollStyle(this.config.scrollbarThumbColor, this.config.scrollbarColor), this.updateVirtualSize(), this.invalidate();
+  }
+  updateScroll(t) {
+    t.scrollX !== void 0 && (this.state.scrollX = t.scrollX), t.scrollY !== void 0 && (this.state.scrollY = t.scrollY), this.editors.closeEditor(), this.render();
+  }
+  destroy() {
+    this.container.innerHTML = "";
+  }
+}
+export {
+  U as SciGrid
+};