@toolbox-web/grid 0.2.7 → 0.2.8

package/all.js

@@ -1,5 +1,5 @@
-import { B as v, D as Ve, r as se, P as N, g as le, a as Oe, e as Ge } from "./index-DG2CZ_Zo.js";
-import { k as Kn, i as Nn, b as qn, F as Dn, o as Hn, G as Vn, p as On, b as Gn, q as Bn, j as zn, c as Wn, d as $n, m as jn, n as Un, l as Yn, f as Zn, h as Xn, u as Jn } from "./index-DG2CZ_Zo.js";
+import { B as v, D as Ve, r as se, P as N, g as le, a as Oe, e as Ge } from "./index-YjW60MHD.js";
+import { k as Kn, i as Nn, b as qn, F as Dn, o as Hn, G as Vn, p as On, b as Gn, q as Bn, j as zn, c as Wn, d as $n, m as jn, n as Un, l as Yn, f as Zn, h as Xn, u as Jn } from "./index-YjW60MHD.js";
 function Be(s, e, t, n) {
   if (n.processCell)
     return n.processCell(s, e, t);

package/{index-DG2CZ_Zo.js → index-YjW60MHD.js}

@@ -275,9 +275,9 @@ function te(t) {
       }
     }
     l > 0 && (i.width = l + 2, i.__autoSized = !0, n = !0);
-  }), n && z(t), t.__didInitialAutoSize = !0;
+  }), n && M(t), t.__didInitialAutoSize = !0;
 }
-function z(t) {
+function M(t) {
   (t.effectiveConfig?.fitMode || t.fitMode || $.STRETCH) === $.STRETCH ? t._gridTemplate = t._visibleColumns.map((o) => {
     if (o.width) return `${o.width}px`;
     const n = o.minWidth;
@@ -335,7 +335,7 @@ function Oe(t) {
       };
   }
 }
-function Me(t, e) {
+function ze(t, e) {
   if (t._dispatchKeyDown?.(e))
     return;
   const o = t._rows.length - 1, n = t._visibleColumns.length - 1, i = t._activeEditRows !== void 0 && t._activeEditRows !== -1, r = t._visibleColumns[t._focusCol]?.type, l = e.composedPath ? e.composedPath() : [], a = l && l.length ? l[0] : e.target, d = (f) => {
@@ -346,7 +346,7 @@ function Me(t, e) {
   if (!(d(a) && (e.key === "Home" || e.key === "End")) && !(d(a) && (e.key === "ArrowUp" || e.key === "ArrowDown") && a.tagName === "INPUT" && a.type === "number") && !(d(a) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(d(a) && (e.key === "Enter" || e.key === "Escape")) && !(i && (r === "select" || r === "typeahead") && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
     switch (e.key) {
       case "Tab": {
-        e.preventDefault(), !e.shiftKey ? t._focusCol < n ? t._focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow < o && (t._focusRow += 1, t._focusCol = 0)) : t._focusCol > 0 ? t._focusCol -= 1 : t._focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t._activeEditRows === t._focusRow && t.commitActiveRowEdit(), t._focusRow -= 1, t._focusCol = n), M(t);
+        e.preventDefault(), !e.shiftKey ? t._focusCol < n ? t._focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow < o && (t._focusRow += 1, t._focusCol = 0)) : t._focusCol > 0 ? t._focusCol -= 1 : t._focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t._activeEditRows === t._focusRow && t.commitActiveRowEdit(), t._focusRow -= 1, t._focusCol = n), z(t);
         return;
       }
       case "ArrowDown":
@@ -362,10 +362,10 @@ function Me(t, e) {
         t._focusCol = Math.max(0, t._focusCol - 1), e.preventDefault();
         break;
       case "Home":
-        (e.ctrlKey || e.metaKey) && (i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), M(t, { forceScrollLeft: !0 });
+        (e.ctrlKey || e.metaKey) && (i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), z(t, { forceScrollLeft: !0 });
         return;
       case "End":
-        (e.ctrlKey || e.metaKey) && (i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = o), t._focusCol = n, e.preventDefault(), M(t, { forceScrollRight: !0 });
+        (e.ctrlKey || e.metaKey) && (i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = o), t._focusCol = n, e.preventDefault(), z(t, { forceScrollRight: !0 });
         return;
       case "PageDown":
         t._focusRow = Math.min(o, t._focusRow + 20), e.preventDefault();
@@ -376,14 +376,14 @@ function Me(t, e) {
       case "Enter":
         return typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(t._focusRow) : t.dispatchEvent(
           new CustomEvent("activate-cell", { detail: { row: t._focusRow, col: t._focusCol } })
-        ), M(t);
+        ), z(t);
       default:
         return;
     }
-    M(t);
+    z(t);
   }
 }
-function M(t, e) {
+function z(t, e) {
   if (t._virtualization?.enabled) {
     const { rowHeight: r, container: l, viewportEl: a } = t._virtualization, d = l, f = a?.clientHeight ?? d?.clientHeight ?? 0;
     if (d && f > 0) {
@@ -431,9 +431,9 @@ function M(t, e) {
     }
   }
 }
-const ze = "__cellDisplayCache", De = "__cellCacheEpoch";
+const Me = "__cellDisplayCache", De = "__cellCacheEpoch";
 function K(t) {
-  t[ze] = void 0, t[De] = void 0, t.__hasSpecialColumns = void 0;
+  t[Me] = void 0, t[De] = void 0, t.__hasSpecialColumns = void 0;
 }
 function Ne(t, e, o, n, i) {
   const s = Math.max(0, o - e), r = t._bodyEl, l = t._visibleColumns, a = l.length;
@@ -456,9 +456,9 @@ function Ne(t, e, o, n, i) {
       u.__epoch = n, u.__rowDataRef = c, u.parentNode !== r && r.appendChild(u);
       continue;
     }
-    const b = u.__epoch, w = u.__rowDataRef, v = u.children.length, R = b === n && v === a, E = w !== c;
+    const b = u.__epoch, w = u.__rowDataRef, v = u.children.length, R = b === n && v === a, C = w !== c;
     let g = !1;
-    if (R && E) {
+    if (R && C) {
       for (let _ = 0; _ < a; _++)
         if (l[_].externalView && !u.querySelector(`.cell[data-col="${_}"] [data-external-view]`)) {
           g = !0;
@@ -466,23 +466,23 @@ function Ne(t, e, o, n, i) {
         }
     }
     if (!R || g) {
-      const _ = u.querySelector(".cell.editing"), y = t._activeEditRows === p;
-      if (_ && !y)
+      const _ = u.querySelector(".cell.editing"), E = t._activeEditRows === p;
+      if (_ && !E)
         u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), N(t, u, c, p), u.__epoch = n, u.__rowDataRef = c;
-      else if (_ && y)
+      else if (_ && E)
         U(t, u, c, p), u.__rowDataRef = c;
-      else if (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), N(t, u, c, p), u.__epoch = n, u.__rowDataRef = c, y) {
+      else if (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), N(t, u, c, p), u.__epoch = n, u.__rowDataRef = c, E) {
         const x = u.children;
         for (let A = 0; A < x.length; A++) {
           const P = t._visibleColumns[A];
           P && P.editable && k(t, c, p, P, x[A]);
         }
       }
-    } else if (E) {
-      const _ = u.querySelector(".cell.editing"), y = t._activeEditRows === p;
-      if (_ && !y)
+    } else if (C) {
+      const _ = u.querySelector(".cell.editing"), E = t._activeEditRows === p;
+      if (_ && !E)
         N(t, u, c, p), u.__epoch = n, u.__rowDataRef = c;
-      else if (U(t, u, c, p), u.__rowDataRef = c, y && !_) {
+      else if (U(t, u, c, p), u.__rowDataRef = c, E && !_) {
         const x = u.children;
         for (let A = 0; A < x.length; A++) {
           const P = t._visibleColumns[A];
@@ -490,10 +490,10 @@ function Ne(t, e, o, n, i) {
         }
       }
     } else {
-      const _ = u.querySelector(".cell.editing"), y = t._activeEditRows === p;
-      if (_ && !y)
+      const _ = u.querySelector(".cell.editing"), E = t._activeEditRows === p;
+      if (_ && !E)
         N(t, u, c, p), u.__epoch = n, u.__rowDataRef = c;
-      else if (U(t, u, c, p), y && !_) {
+      else if (U(t, u, c, p), E && !_) {
         const x = u.children;
         for (let A = 0; A < x.length; A++) {
           const P = t._visibleColumns[A];
@@ -501,8 +501,8 @@ function Ne(t, e, o, n, i) {
         }
       }
     }
-    const m = t._changedRowIndices.has(p), C = u.classList.contains("changed");
-    m !== C && u.classList.toggle("changed", m), u.parentNode !== r && r.appendChild(u);
+    const m = t._changedRowIndices.has(p), S = u.classList.contains("changed");
+    m !== S && u.classList.toggle("changed", m), u.parentNode !== r && r.appendChild(u);
   }
 }
 function U(t, e, o, n) {
@@ -540,36 +540,36 @@ function U(t, e, o, n) {
     const w = d === n && f === c, v = b.classList.contains("cell-focus");
     if (w !== v && (b.classList.toggle("cell-focus", w), b.setAttribute("aria-selected", String(w))), b.classList.contains("editing")) continue;
     if (u.viewRenderer) {
-      const E = o[u.field], g = u.viewRenderer({ row: o, value: E, field: u.field, column: u });
-      typeof g == "string" ? b.innerHTML = F(g) : g ? (b.innerHTML = "", b.appendChild(g)) : b.textContent = E == null ? "" : String(E);
+      const C = o[u.field], g = u.viewRenderer({ row: o, value: C, field: u.field, column: u });
+      typeof g == "string" ? b.innerHTML = F(g) : g ? (b.innerHTML = "", b.appendChild(g)) : b.textContent = C == null ? "" : String(C);
       continue;
     }
     if (u.__viewTemplate || u.__compiledView || u.externalView)
       continue;
-    const S = o[u.field];
+    const y = o[u.field];
     let R;
     if (u.format)
       try {
-        const E = u.format(S, o);
-        R = E == null ? "" : String(E);
+        const C = u.format(y, o);
+        R = C == null ? "" : String(C);
       } catch {
-        R = S == null ? "" : String(S);
+        R = y == null ? "" : String(y);
       }
     else if (u.type === "date") {
-      if (S == null || S === "")
+      if (y == null || y === "")
         R = "";
-      else if (S instanceof Date)
-        R = isNaN(S.getTime()) ? "" : S.toLocaleDateString();
+      else if (y instanceof Date)
+        R = isNaN(y.getTime()) ? "" : y.toLocaleDateString();
       else {
-        const E = new Date(S);
-        R = isNaN(E.getTime()) ? "" : E.toLocaleDateString();
+        const C = new Date(y);
+        R = isNaN(C.getTime()) ? "" : C.toLocaleDateString();
       }
       b.textContent = R;
     } else if (u.type === "boolean") {
-      const E = !!S;
-      b.innerHTML = `<span role="checkbox" aria-checked="${E}" aria-label="${E}">${E ? "&#x1F5F9;" : "&#9744;"}</span>`;
+      const C = !!y;
+      b.innerHTML = `<span role="checkbox" aria-checked="${C}" aria-label="${C}">${C ? "&#x1F5F9;" : "&#9744;"}</span>`;
     } else
-      R = S == null ? "" : String(S), b.textContent = R;
+      R = y == null ? "" : String(y), b.textContent = R;
   }
 }
 function N(t, e, o, n) {
@@ -585,18 +585,18 @@ function N(t, e, o, n) {
         u = b(u, o);
       } catch {
       }
-    const w = p.__compiledView, v = p.__viewTemplate, S = p.viewRenderer, R = p.externalView;
-    let E = !1;
-    if (S) {
-      const g = S({ row: o, value: u, field: p.field, column: p });
-      typeof g == "string" ? (c.innerHTML = F(g), E = !0) : g ? c.appendChild(g) : c.textContent = u == null ? "" : String(u);
+    const w = p.__compiledView, v = p.__viewTemplate, y = p.viewRenderer, R = p.externalView;
+    let C = !1;
+    if (y) {
+      const g = y({ row: o, value: u, field: p.field, column: p });
+      typeof g == "string" ? (c.innerHTML = F(g), C = !0) : g ? c.appendChild(g) : c.textContent = u == null ? "" : String(u);
     } else if (R) {
       const g = R, m = document.createElement("div");
       m.setAttribute("data-external-view", ""), m.setAttribute("data-field", p.field), c.appendChild(m);
-      const C = { row: o, value: u, field: p.field, column: p };
+      const S = { row: o, value: u, field: p.field, column: p };
       if (g.mount)
         try {
-          g.mount({ placeholder: m, context: C, spec: g });
+          g.mount({ placeholder: m, context: S, spec: g });
         } catch {
         }
       else
@@ -606,7 +606,7 @@ function N(t, e, o, n) {
               new CustomEvent("mount-external-view", {
                 bubbles: !0,
                 composed: !0,
-                detail: { placeholder: m, spec: g, context: C }
+                detail: { placeholder: m, spec: g, context: S }
               })
             );
           } catch {
@@ -615,10 +615,10 @@ function N(t, e, o, n) {
       m.setAttribute("data-mounted", "");
     } else if (w) {
       const g = w({ row: o, value: u, field: p.field, column: p }), m = w.__blocked;
-      c.innerHTML = m ? "" : F(g), E = !0, m && (c.textContent = "", c.setAttribute("data-blocked-template", ""));
+      c.innerHTML = m ? "" : F(g), C = !0, m && (c.textContent = "", c.setAttribute("data-blocked-template", ""));
     } else if (v) {
       const g = v.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(g) ? (c.textContent = "", c.setAttribute("data-blocked-template", "")) : (c.innerHTML = F(he(g, { row: o, value: u })), E = !0);
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(g) ? (c.textContent = "", c.setAttribute("data-blocked-template", "")) : (c.innerHTML = F(he(g, { row: o, value: u })), C = !0);
     } else if (p.type === "date")
       if (u == null || u === "")
         c.textContent = "";
@@ -636,7 +636,7 @@ function N(t, e, o, n) {
       c.innerHTML = `<span role="checkbox" aria-checked="${g}" aria-label="${g}">${g ? "&#x1F5F9;" : "&#9744;"}</span>`;
     } else
       c.textContent = u == null ? "" : String(u);
-    if (E) {
+    if (C) {
       Le(c);
       const g = c.textContent || "";
       /Proxy|Reflect\.ownKeys/.test(g) && (c.textContent = g.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(c.textContent || "") && (c.textContent = ""));
@@ -644,36 +644,36 @@ function N(t, e, o, n) {
     c.hasAttribute("data-blocked-template") && (c.textContent || "").trim().length && (c.textContent = ""), p.editable ? (c.tabIndex = 0, c.addEventListener("mousedown", () => {
       if (c.classList.contains("editing")) return;
       const g = Number(c.getAttribute("data-row")), m = Number(c.getAttribute("data-col"));
-      isNaN(g) || isNaN(m) || (t._focusRow = g, t._focusCol = m, M(t));
+      isNaN(g) || isNaN(m) || (t._focusRow = g, t._focusCol = m, z(t));
     }), a === "click" ? c.addEventListener("click", (g) => {
       if (c.classList.contains("editing")) return;
       g.stopPropagation();
-      const m = Number(c.getAttribute("data-row")), C = Number(c.getAttribute("data-col"));
-      if (isNaN(m) || isNaN(C)) return;
-      const _ = t._rows[m], y = t._visibleColumns[C];
-      !_ || !y || (t._focusRow = m, t._focusCol = C, k(t, _, m, y, c));
+      const m = Number(c.getAttribute("data-row")), S = Number(c.getAttribute("data-col"));
+      if (isNaN(m) || isNaN(S)) return;
+      const _ = t._rows[m], E = t._visibleColumns[S];
+      !_ || !E || (t._focusRow = m, t._focusCol = S, k(t, _, m, E, c));
     }) : c.addEventListener("dblclick", (g) => {
       g.stopPropagation();
       const m = Number(c.getAttribute("data-row"));
       if (isNaN(m)) return;
-      const C = t._rows[m];
-      if (!C) return;
-      B(t, m, C);
+      const S = t._rows[m];
+      if (!S) return;
+      B(t, m, S);
       const _ = t.findRenderedRowElement?.(m);
       if (_) {
-        const y = _.children;
-        for (let x = 0; x < y.length; x++) {
+        const E = _.children;
+        for (let x = 0; x < E.length; x++) {
           const A = t._visibleColumns[x];
-          A && A.editable && k(t, C, m, A, y[x]);
+          A && A.editable && k(t, S, m, A, E[x]);
         }
       }
     }), c.addEventListener("keydown", (g) => {
-      const m = Number(c.getAttribute("data-row")), C = Number(c.getAttribute("data-col"));
-      if (isNaN(m) || isNaN(C)) return;
-      const _ = t._rows[m], y = t._visibleColumns[C];
-      if (!(!_ || !y)) {
-        if ((y.type === "select" || y.type === "typeahead") && !c.classList.contains("editing") && g.key === "Enter") {
-          g.preventDefault(), t._activeEditRows !== m && B(t, m, _), k(t, _, m, y, c), setTimeout(() => {
+      const m = Number(c.getAttribute("data-row")), S = Number(c.getAttribute("data-col"));
+      if (isNaN(m) || isNaN(S)) return;
+      const _ = t._rows[m], E = t._visibleColumns[S];
+      if (!(!_ || !E)) {
+        if ((E.type === "select" || E.type === "typeahead") && !c.classList.contains("editing") && g.key === "Enter") {
+          g.preventDefault(), t._activeEditRows !== m && B(t, m, _), k(t, _, m, E, c), setTimeout(() => {
             const x = c.querySelector("select");
             try {
               x?.showPicker?.();
@@ -683,18 +683,18 @@ function N(t, e, o, n) {
           }, 0);
           return;
         }
-        if (y.type === "boolean" && g.key === " " && !c.classList.contains("editing")) {
+        if (E.type === "boolean" && g.key === " " && !c.classList.contains("editing")) {
           g.preventDefault(), t._activeEditRows !== m && B(t, m, _);
-          const x = !_[y.field];
-          J(t, m, y, x, _), c.innerHTML = `<span role="checkbox" aria-checked="${x}" aria-label="${x}">${x ? "&#x1F5F9;" : "&#9744;"}</span>`;
+          const x = !_[E.field];
+          J(t, m, E, x, _), c.innerHTML = `<span role="checkbox" aria-checked="${x}" aria-label="${x}">${x ? "&#x1F5F9;" : "&#9744;"}</span>`;
           return;
         }
         if (g.key === "Enter" && !c.classList.contains("editing")) {
-          g.preventDefault(), g.stopPropagation(), t._focusRow = m, t._focusCol = C, typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(m) : k(t, _, m, y, c);
+          g.preventDefault(), g.stopPropagation(), t._focusRow = m, t._focusCol = S, typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(m) : k(t, _, m, E, c);
           return;
         }
         if (g.key === "F2" && !c.classList.contains("editing")) {
-          g.preventDefault(), k(t, _, m, y, c);
+          g.preventDefault(), k(t, _, m, E, c);
           return;
         }
       }
@@ -718,7 +718,7 @@ function oe(t, e, o, n) {
     if (!isNaN(d)) {
       if (t._dispatchCellClick?.(e, s, d, l))
         return;
-      t._focusRow = s, t._focusCol = d, M(t);
+      t._focusRow = s, t._focusCol = d, z(t);
     }
   }
   if (o.querySelector(".cell.editing")) {
@@ -834,8 +834,8 @@ function k(t, e, o, n, i) {
   if (h === "template" && f) {
     const c = f.cloneNode(!0), u = n.__compiledEditor;
     u ? c.innerHTML = u({ row: e, value: s, field: n.field, column: n }) : c.querySelectorAll("*").forEach((w) => {
-      w.childNodes.length === 1 && w.firstChild?.nodeType === Node.TEXT_NODE && (w.textContent = w.textContent?.replace(/{{\s*value\s*}}/g, s == null ? "" : String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (v, S) => {
-        const R = e[S];
+      w.childNodes.length === 1 && w.firstChild?.nodeType === Node.TEXT_NODE && (w.textContent = w.textContent?.replace(/{{\s*value\s*}}/g, s == null ? "" : String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (v, y) => {
+        const R = e[y];
         return R == null ? "" : String(R);
       }) || "");
     });
@@ -848,8 +848,8 @@ function k(t, e, o, n, i) {
       }), b.addEventListener("keydown", (v) => {
         if (v.key === "Enter") {
           v.stopPropagation(), v.preventDefault(), r = !0;
-          const S = w && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked : b.value;
-          l(S), D(t, o, !1);
+          const y = w && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked : b.value;
+          l(y), D(t, o, !1);
         }
         v.key === "Escape" && (v.stopPropagation(), v.preventDefault(), a(), D(t, o, !0));
       }), w && b instanceof HTMLInputElement && b.type === "checkbox" && b.addEventListener("change", () => {
@@ -1695,13 +1695,13 @@ class et {
 class W extends HTMLElement {
   // TODO: Rename to 'data-grid' when migration is complete
   static tagName = "tbw-grid";
-  static version = "0.2.7";
+  static version = "0.2.8";
   // ---------------- Observed Attributes ----------------
   static get observedAttributes() {
     return ["rows", "columns", "grid-config", "fit-mode", "edit-on"];
   }
   #o;
-  #M = !1;
+  #z = !1;
   // ---------------- Ready Promise ----------------
   #I;
   #$;
@@ -1724,7 +1724,7 @@ class W extends HTMLElement {
   #S = null;
   #R = !1;
   // Cached flag for plugin scroll handlers
-  #z;
+  #M;
   // Cached hook to avoid closures
   #x = !1;
   #A = null;
@@ -1913,7 +1913,7 @@ class W extends HTMLElement {
    * @internal Plugin API
    */
   requestRender() {
-    this.#O(), this.#k(), q(this), z(this), this.refreshVirtualWindow(!0);
+    this.#O(), this.#k(), q(this), M(this), this.refreshVirtualWindow(!0);
   }
   /**
    * Update the grid's column template CSS.
@@ -1921,7 +1921,7 @@ class W extends HTMLElement {
    * @internal
    */
   updateTemplate() {
-    z(this);
+    M(this);
   }
   /**
    * Request a lightweight style update without rebuilding DOM.
@@ -1980,7 +1980,7 @@ class W extends HTMLElement {
   }
   // ---------------- Lifecycle ----------------
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", W.version), this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#a?.abort(), this.#a = new AbortController(), this.#f(), this.#W(), this.#K(), this.#M || (this.#X(), this.#V(), this.#M = !0), this.#F();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", W.version), this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#a?.abort(), this.#a = new AbortController(), this.#f(), this.#W(), this.#K(), this.#z || (this.#X(), this.#V(), this.#z = !0), this.#F();
   }
   disconnectedCallback() {
     this.#j(), Ze(this.#i), this.#n.setInitialized(!1), this.#H?.(), this.#H = void 0, this.#a && (this.#a.abort(), this.#a = void 0), this._resizeController && this._resizeController.dispose(), this.#E && (this.#E.disconnect(), this.#E = void 0), this.#p = !1;
@@ -2018,7 +2018,7 @@ class W extends HTMLElement {
     }
     this.setAttribute("data-upgraded", ""), this.#p = !0;
     const n = this.disconnectSignal;
-    this._resizeController = $e(this), this.#c(), this.addEventListener("keydown", (l) => Me(this, l), { signal: n }), document.addEventListener(
+    this._resizeController = $e(this), this.#c(), this.addEventListener("keydown", (l) => ze(this, l), { signal: n }), document.addEventListener(
       "keydown",
       (l) => {
         l.key === "Escape" && this._activeEditRows !== -1 && D(this, this._activeEditRows, !0);
@@ -2039,8 +2039,14 @@ class W extends HTMLElement {
         "scroll",
         () => {
           if (!this._virtualization.enabled && !this.#R) return;
-          const d = i.scrollTop, f = this._virtualization.rowHeight, h = Math.floor(d / f), p = h - h % 2, c = -(d - p * f);
-          s.style.transform = `translateY(${c}px)`, this.#S = d, this.#b || (this.#b = requestAnimationFrame(() => {
+          const d = i.scrollTop, f = this._virtualization.rowHeight;
+          if (this._rows.length <= this._virtualization.bypassThreshold)
+            s.style.transform = `translateY(${-d}px)`;
+          else {
+            const h = Math.floor(d / f), p = h - h % 2, c = -(d - p * f);
+            s.style.transform = `translateY(${c}px)`;
+          }
+          this.#S = d, this.#b || (this.#b = requestAnimationFrame(() => {
             this.#b = 0, this.#S !== null && (this.#ie(this.#S), this.#S = null);
           }));
         },
@@ -2076,13 +2082,13 @@ class W extends HTMLElement {
               g > 0 && (this.#d = (this.#m - f) / g, this.#u = (this.#v - h) / g);
             }
             this.#m = f, this.#v = h, this.#_ = p;
-            const { scrollTop: b, scrollHeight: w, clientHeight: v } = i, S = w - v, R = c > 0 && b < S || c < 0 && b > 0;
-            let E = !1;
+            const { scrollTop: b, scrollHeight: w, clientHeight: v } = i, y = w - v, R = c > 0 && b < y || c < 0 && b > 0;
+            let C = !1;
             if (a) {
-              const { scrollLeft: g, scrollWidth: m, clientWidth: C } = a, _ = m - C;
-              E = u > 0 && g < _ || u < 0 && g > 0;
+              const { scrollLeft: g, scrollWidth: m, clientWidth: S } = a, _ = m - S;
+              C = u > 0 && g < _ || u < 0 && g > 0;
             }
-            R && (i.scrollTop = this.#L + c), E && a && (a.scrollLeft = this.#P + u), (R || E) && d.preventDefault();
+            R && (i.scrollTop = this.#L + c), C && a && (a.scrollLeft = this.#P + u), (R || C) && d.preventDefault();
           }
         },
         { passive: !1, signal: n }
@@ -2104,7 +2110,7 @@ class W extends HTMLElement {
       }
     }), this._virtualization.viewportEl && (this.#E = new ResizeObserver(() => {
       this.#b || (this.#b = requestAnimationFrame(() => {
-        this.#b = 0, this.refreshVirtualWindow(!0), M(this);
+        this.#b = 0, this.refreshVirtualWindow(!0), z(this);
       }));
     }), this.#E.observe(this._virtualization.viewportEl)), queueMicrotask(() => this.#Z()), requestAnimationFrame(() => requestAnimationFrame(() => this.#$?.()));
   }
@@ -2141,7 +2147,7 @@ class W extends HTMLElement {
     if (!this.#p) return;
     this.#f(), this.#t.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, te(this)) : (this._columns.forEach((o) => {
       !o.__userResized && o.__autoSized && delete o.width;
-    }), z(this));
+    }), M(this));
   }
   #Q() {
     this.#p && (this.#f(), this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.refreshVirtualWindow(!0));
@@ -2153,7 +2159,7 @@ class W extends HTMLElement {
     K(this), this.#p && (this.#f(), this.#c());
   }
   #oe() {
-    this.#p && (this.#f(), this.#G(), this.#O(), this.#k(), q(this), z(this), this.refreshVirtualWindow(!0));
+    this.#p && (this.#f(), this.#G(), this.#O(), this.#k(), q(this), M(this), this.refreshVirtualWindow(!0));
   }
   #k() {
     if (this.#e) {
@@ -2241,7 +2247,7 @@ class W extends HTMLElement {
   }
   // ---------------- Delegate Wrappers ----------------
   #q(e, o, n = this.__rowRenderEpoch) {
-    this.#z || (this.#z = (i, s, r) => this.#e?.renderRow(i, s, r) ?? !1), Ne(this, e, o, n, this.#z);
+    this.#M || (this.#M = (i, s, r) => this.#e?.renderRow(i, s, r) ?? !1), Ne(this, e, o, n, this.#M);
   }
   // ---------------- Core Helpers ----------------
   #c() {
@@ -2259,7 +2265,7 @@ class W extends HTMLElement {
       const n = this.#h;
       this.#h = void 0, this.#U(n);
     }
-    q(this), z(this), this.refreshVirtualWindow(!0), this.#t.fitMode === "fixed" && !this.__didInitialAutoSize && requestAnimationFrame(() => te(this)), this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), queueMicrotask(() => this.#e?.afterRender());
+    q(this), M(this), this.refreshVirtualWindow(!0), this.#t.fitMode === "fixed" && !this.__didInitialAutoSize && requestAnimationFrame(() => te(this)), this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), queueMicrotask(() => this.#e?.afterRender());
   }
   /** Internal method to apply column state without triggering setup loop */
   #U(e) {
@@ -2566,7 +2572,7 @@ class W extends HTMLElement {
     }
     for (const i of o.values())
       n.push(i);
-    this._columns = n, q(this), z(this), this.refreshVirtualWindow(!0);
+    this._columns = n, q(this), M(this), this.refreshVirtualWindow(!0);
   }
   /**
    * Get the current column order as an array of field names.
@@ -2589,7 +2595,7 @@ class W extends HTMLElement {
    * Use this to restore previously saved column state.
    */
   set columnState(e) {
-    e && (this.#h = e, this.#M && this.#ce(e));
+    e && (this.#h = e, this.#z && this.#ce(e));
   }
   /**
    * Get the current column state.
@@ -2734,9 +2740,9 @@ class W extends HTMLElement {
       return;
     }
     if (this._rows.length <= this._virtualization.bypassThreshold) {
-      if (this._virtualization.start = 0, this._virtualization.end = o, this._bodyEl.style.transform = "translateY(0px)", this.#q(0, o, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl) {
-        const C = this.#o.querySelector(".tbw-scroll-area"), _ = C ? C.offsetHeight - C.clientHeight : 0;
-        this._virtualization.totalHeightEl.style.height = `${o * this._virtualization.rowHeight + _}px`;
+      if (this._virtualization.start = 0, this._virtualization.end = o, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#q(0, o, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl) {
+        const S = this._virtualization.container?.clientHeight ?? 0, _ = this._virtualization.viewportEl?.clientHeight ?? S, E = S - _;
+        this._virtualization.totalHeightEl.style.height = `${o * this._virtualization.rowHeight + E}px`;
       }
       const m = this.#o.querySelector(".rows-body");
       m?.setAttribute("aria-rowcount", String(o)), m?.setAttribute("aria-colcount", String(this._visibleColumns.length)), this.#e?.afterRender();
@@ -2746,9 +2752,9 @@ class W extends HTMLElement {
     let a = Math.floor(l / r), d = 0;
     const f = 10;
     for (; d < f; ) {
-      const m = this.#e?.getExtraHeightBefore?.(a) ?? 0, C = Math.floor((l - m) / r);
-      if (C >= a || C < 0) break;
-      a = C, d++;
+      const m = this.#e?.getExtraHeightBefore?.(a) ?? 0, S = Math.floor((l - m) / r);
+      if (S >= a || S < 0) break;
+      a = S, d++;
     }
     a = a - a % 2, a < 0 && (a = 0);
     const h = this.#e?.adjustVirtualStart(a, l, r);
@@ -2756,10 +2762,10 @@ class W extends HTMLElement {
     const p = Math.ceil(s / r) + 3;
     let c = a + p;
     c > o && (c = o), this._virtualization.start = a, this._virtualization.end = c;
-    const b = this.#o.querySelector(".tbw-footer")?.offsetHeight ?? 0, w = this.#e?.getExtraHeight() ?? 0, v = this.#o.querySelector(".tbw-scroll-area"), S = v ? v.offsetHeight - v.clientHeight : 0;
-    this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${o * r + r + b + w + S}px`);
-    const R = this.#e?.getExtraHeightBefore?.(a) ?? 0, E = -(l - a * r - R);
-    this._bodyEl.style.transform = `translateY(${E}px)`, this.#q(a, c, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch);
+    const b = this.#o.querySelector(".tbw-footer")?.offsetHeight ?? 0, w = this.#e?.getExtraHeight() ?? 0, v = this.#o.querySelector(".tbw-scroll-area"), y = v ? v.offsetHeight - v.clientHeight : 0;
+    this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${o * r + r + b + w + y}px`);
+    const R = this.#e?.getExtraHeightBefore?.(a) ?? 0, C = -(l - a * r - R);
+    this._bodyEl.style.transform = `translateY(${C}px)`, this.#q(a, c, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch);
     const g = this.#o.querySelector(".rows-body");
     g?.setAttribute("aria-rowcount", String(o)), g?.setAttribute("aria-colcount", String(this._visibleColumns.length)), e && this.#e?.afterRender();
   }
@@ -3210,7 +3216,7 @@ export {
   W as b,
   et as c,
   O as d,
-  M as e,
+  z as e,
   ct as f,
   ut as g,
   at as h,
@@ -3226,4 +3232,4 @@ export {
   ht as r,
   dt as u
 };
-//# sourceMappingURL=index-DG2CZ_Zo.js.map
+//# sourceMappingURL=index-YjW60MHD.js.map