@editora/ui-core 0.1.19 → 0.1.21

package/dist/data-table.esm.js

@@ -1,5 +1,5 @@
-import { E as A } from "./ElementBase-909688f3.mjs";
-const S = `
+import { E as C } from "./ElementBase-YlTLMsGk.mjs";
+const A = `
   :host {
     display: block;
     --ui-data-table-radius: 16px;
@@ -654,29 +654,27 @@ const S = `
     }
   }
 `;
-function C() {
-  if (typeof document > "u")
-    return;
-  const _ = "ui-data-table-light-dom-style", t = document.getElementById(_);
+function w() {
+  if (typeof document > "u") return;
+  const m = "ui-data-table-light-dom-style", t = document.getElementById(m);
   if (t) {
     t.textContent !== x && (t.textContent = x);
     return;
   }
   const a = document.createElement("style");
-  a.id = _, a.textContent = x, document.head.appendChild(a);
+  a.id = m, a.textContent = x, document.head.appendChild(a);
 }
-typeof document < "u" && C();
-function m(_) {
-  return _ ? (_.textContent || "").replace(/\s+/g, " ").trim() : "";
+typeof document < "u" && w();
+function p(m) {
+  return m ? (m.textContent || "").replace(/\s+/g, " ").trim() : "";
 }
-function k(_) {
-  const t = _.replace(/,/g, "");
-  if (/^-?\d+(\.\d+)?$/.test(t))
-    return Number(t);
-  const a = Date.parse(_);
-  return !Number.isNaN(a) && /[-/]/.test(_) ? a : _.toLowerCase();
+function S(m) {
+  const t = m.replace(/,/g, "");
+  if (/^-?\d+(\.\d+)?$/.test(t)) return Number(t);
+  const a = Date.parse(m);
+  return !Number.isNaN(a) && /[-/]/.test(m) ? a : m.toLowerCase();
 }
-const E = /* @__PURE__ */ new Set([
+const k = /* @__PURE__ */ new Set([
   "sticky-header",
   "sticky-footer",
   "striped",
@@ -689,13 +687,13 @@ const E = /* @__PURE__ */ new Set([
   "shape",
   "variant",
   "elevation"
-]), R = /* @__PURE__ */ new Set([
+]), E = /* @__PURE__ */ new Set([
   "pagination-id",
   "bulk-actions-label",
   "bulk-clear-label",
   "state-text"
 ]);
-class z extends A {
+class R extends C {
   constructor() {
     super(), this._table = null, this._observer = null, this._sortColumnIndex = -1, this._sortDirection = "asc", this._selectedRows = /* @__PURE__ */ new Set(), this._isSyncing = !1, this._isSettingPage = !1, this._isSettingColumnOrder = !1, this._page = 1, this._pageCount = 1, this._pageSize = 10, this._totalRows = 0, this._filteredRows = 0, this._paginationEl = null, this._resizeState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._frameEl = null, this._virtualRaf = 0, this._virtualTopSpacer = null, this._virtualBottomSpacer = null, this._dragColumnIndex = -1, this._dragOverColumnIndex = -1, this._ignoreHeaderClickUntil = 0, this._syncRaf = 0, this._virtualStart = -1, this._virtualEnd = -1, this._virtualVisibleTotal = -1, this._resizeRaf = 0, this._pendingResizeColumn = -1, this._pendingResizeWidth = null, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onPaginationChange = this._onPaginationChange.bind(this), this._onPointerDown = this._onPointerDown.bind(this), this._onPointerMove = this._onPointerMove.bind(this), this._onPointerUp = this._onPointerUp.bind(this), this._onFrameScroll = this._onFrameScroll.bind(this), this._onDragStart = this._onDragStart.bind(this), this._onDragOver = this._onDragOver.bind(this), this._onDrop = this._onDrop.bind(this), this._onDragEnd = this._onDragEnd.bind(this);
   }
@@ -737,7 +735,7 @@ class z extends A {
     ];
   }
   connectedCallback() {
-    super.connectedCallback(), C(), this.addEventListener("click", this._onClick), this.addEventListener("keydown", this._onKeyDown), this.addEventListener("pointerdown", this._onPointerDown), this.addEventListener("dragstart", this._onDragStart), this.addEventListener("dragover", this._onDragOver), this.addEventListener("drop", this._onDrop), this.addEventListener("dragend", this._onDragEnd), this._observer = new MutationObserver(() => {
+    super.connectedCallback(), w(), this.addEventListener("click", this._onClick), this.addEventListener("keydown", this._onKeyDown), this.addEventListener("pointerdown", this._onPointerDown), this.addEventListener("dragstart", this._onDragStart), this.addEventListener("dragover", this._onDragOver), this.addEventListener("drop", this._onDrop), this.addEventListener("dragend", this._onDragEnd), this._observer = new MutationObserver(() => {
       this._isSyncing || this._queueSyncStructure();
     }), this._observer.observe(this, {
       childList: !0,
@@ -759,11 +757,11 @@ class z extends A {
         return;
       }
       if (this.isConnected) {
-        if (R.has(t)) {
+        if (E.has(t)) {
           t === "pagination-id" ? this._syncPaginationBinding() : t === "bulk-actions-label" || t === "bulk-clear-label" ? this._updateBulkActions() : t === "state-text" && this._syncStateBar();
           return;
         }
-        if (E.has(t)) {
+        if (k.has(t)) {
           t === "hide-summary" ? this._updateSummary() : (t === "state" || t === "loading") && this._syncStateBar();
           return;
         }
@@ -782,7 +780,7 @@ class z extends A {
     }
     const t = this.getAttribute("empty-text") || "No data available.";
     this.setContent(`
-      <style>${S}</style>
+      <style>${A}</style>
       <div class="statebar" part="state" hidden role="status" aria-live="polite">
         <span class="state-dot" aria-hidden="true"></span>
         <span class="state-text"></span>
@@ -822,8 +820,7 @@ class z extends A {
     return t.hasAttribute("data-virtual-spacer");
   }
   _clearVirtualSpacers() {
-    var t, a;
-    (t = this._virtualTopSpacer) != null && t.isConnected && this._virtualTopSpacer.remove(), (a = this._virtualBottomSpacer) != null && a.isConnected && this._virtualBottomSpacer.remove(), this._virtualTopSpacer = null, this._virtualBottomSpacer = null, this._virtualStart = -1, this._virtualEnd = -1, this._virtualVisibleTotal = -1;
+    this._virtualTopSpacer?.isConnected && this._virtualTopSpacer.remove(), this._virtualBottomSpacer?.isConnected && this._virtualBottomSpacer.remove(), this._virtualTopSpacer = null, this._virtualBottomSpacer = null, this._virtualStart = -1, this._virtualEnd = -1, this._virtualVisibleTotal = -1;
   }
   _parseRowHeight() {
     const t = Number(this.getAttribute("row-height") || 44);
@@ -842,35 +839,31 @@ class z extends A {
     return a || (t === "loading" ? "Refreshing table data" : t === "error" ? "Table data could not be loaded" : t === "success" ? "Table data is up to date" : "");
   }
   _syncStateBar() {
-    const t = this.root.querySelector(".statebar"), a = this.root.querySelector(".state-text"), e = this.root.querySelector(".loading-text"), i = this.root.querySelector(".frame"), r = this._table;
-    if (!t)
-      return;
+    const t = this.root.querySelector(".statebar"), a = this.root.querySelector(".state-text"), e = this.root.querySelector(".loading-text"), r = this.root.querySelector(".frame"), i = this._table;
+    if (!t) return;
     const s = this._state();
     s !== "idle" ? t.removeAttribute("hidden") : t.setAttribute("hidden", ""), t.setAttribute("data-state", s), t.setAttribute("aria-live", s === "error" ? "assertive" : "polite");
     const n = this._stateText(s);
     a && (a.textContent = n), e && (e.textContent = this._stateText("loading"));
-    const d = s === "loading" ? "true" : "false";
-    i && i.setAttribute("aria-busy", d), r && r.setAttribute("aria-busy", d);
+    const u = s === "loading" ? "true" : "false";
+    r && r.setAttribute("aria-busy", u), i && i.setAttribute("aria-busy", u);
   }
   _isInteractionBlocked() {
     return this._state() === "loading";
   }
   _isInteractiveTarget(t) {
-    if (!t)
-      return !1;
+    if (!t) return !1;
     const a = t.closest(
       'button, a[href], input, select, textarea, label, summary, details, [contenteditable=""], [contenteditable="true"], [role="button"], [role="link"], [role="checkbox"], [role="switch"], [role="menuitem"]'
     );
     return !(!a || a.classList.contains("resize-handle"));
   }
   _headerKey(t, a) {
-    if (!t)
-      return `column-${a + 1}`;
+    if (!t) return `column-${a + 1}`;
     const e = (t.getAttribute("data-key") || "").trim();
-    if (e)
-      return e;
-    const i = m(t);
-    return i ? i.toLowerCase().replace(/\s+/g, "_") : `column-${a + 1}`;
+    if (e) return e;
+    const r = p(t);
+    return r ? r.toLowerCase().replace(/\s+/g, "_") : `column-${a + 1}`;
   }
   _currentColumnOrderString() {
     return this._headerCells().map((a, e) => this._headerKey(a, e)).join(",");
@@ -894,54 +887,44 @@ class z extends A {
   }
   _resolveFilterColumnIndex(t) {
     const a = (this.getAttribute("filter-column") || "").trim();
-    if (!a)
-      return -1;
+    if (!a) return -1;
     const e = Number(a);
     if (Number.isInteger(e) && e >= 0 && e < t.length)
       return e;
-    const i = a.toLowerCase();
-    for (let r = 0; r < t.length; r += 1) {
-      const s = t[r], o = (s.getAttribute("data-key") || "").toLowerCase(), n = m(s).toLowerCase();
-      if (o === i || n === i)
-        return r;
+    const r = a.toLowerCase();
+    for (let i = 0; i < t.length; i += 1) {
+      const s = t[i], o = (s.getAttribute("data-key") || "").toLowerCase(), n = p(s).toLowerCase();
+      if (o === r || n === r) return i;
     }
     return -1;
   }
   _resolveColumnIndex(t, a) {
-    if (typeof a == "number" && Number.isInteger(a) && a >= 0 && a < t.length)
-      return a;
+    if (typeof a == "number" && Number.isInteger(a) && a >= 0 && a < t.length) return a;
     const e = String(a || "").trim();
-    if (!e)
-      return -1;
-    const i = Number(e);
-    if (Number.isInteger(i) && i >= 0 && i < t.length)
-      return i;
-    const r = e.toLowerCase();
+    if (!e) return -1;
+    const r = Number(e);
+    if (Number.isInteger(r) && r >= 0 && r < t.length) return r;
+    const i = e.toLowerCase();
     for (let s = 0; s < t.length; s += 1) {
-      const o = t[s], n = (o.getAttribute("data-key") || "").toLowerCase(), d = m(o).toLowerCase();
-      if (n === r || d === r || this._headerKey(o, s) === r)
-        return s;
+      const o = t[s], n = (o.getAttribute("data-key") || "").toLowerCase(), u = p(o).toLowerCase();
+      if (n === i || u === i || this._headerKey(o, s) === i) return s;
     }
     return -1;
   }
   _parseFilters(t) {
     const a = this.getAttribute("filters");
-    if (!a)
-      return [];
+    if (!a) return [];
     try {
       const e = JSON.parse(a);
-      if (!Array.isArray(e))
-        return [];
-      const i = [];
-      return e.forEach((r) => {
-        if (!r || typeof r != "object")
-          return;
-        const s = r.column ?? r.field ?? r.key, o = this._resolveColumnIndex(t, s);
-        if (o < 0)
-          return;
-        const n = String(r.op || r.operator || "contains").trim().toLowerCase();
-        i.push({ columnIndex: o, op: n, value: r.value });
-      }), i;
+      if (!Array.isArray(e)) return [];
+      const r = [];
+      return e.forEach((i) => {
+        if (!i || typeof i != "object") return;
+        const s = i.column ?? i.field ?? i.key, o = this._resolveColumnIndex(t, s);
+        if (o < 0) return;
+        const n = String(i.op || i.operator || "contains").trim().toLowerCase();
+        r.push({ columnIndex: o, op: n, value: i.value });
+      }), r;
     } catch {
       return [];
     }
@@ -951,28 +934,27 @@ class z extends A {
   }
   _parsePinColumns(t) {
     const a = this.getAttribute("pin-columns");
-    if (!a)
-      return { left: [], right: [] };
-    const e = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), r = (d, c) => {
-      c.forEach((h) => {
-        const l = this._resolveColumnIndex(t, h);
-        l >= 0 && d.add(l);
+    if (!a) return { left: [], right: [] };
+    const e = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = (u, h) => {
+      h.forEach((l) => {
+        const d = this._resolveColumnIndex(t, l);
+        d >= 0 && u.add(d);
       });
     };
     try {
-      const d = JSON.parse(a);
-      if (d && typeof d == "object") {
-        r(e, this._normalizePinTokens(d.left)), r(i, this._normalizePinTokens(d.right));
-        const c = Array.from(e).sort((l, u) => l - u), h = Array.from(i).filter((l) => !e.has(l)).sort((l, u) => u - l);
-        return { left: c, right: h };
+      const u = JSON.parse(a);
+      if (u && typeof u == "object") {
+        i(e, this._normalizePinTokens(u.left)), i(r, this._normalizePinTokens(u.right));
+        const h = Array.from(e).sort((d, c) => d - c), l = Array.from(r).filter((d) => !e.has(d)).sort((d, c) => c - d);
+        return { left: h, right: l };
       }
     } catch {
     }
-    a.split(";").map((d) => d.trim()).filter(Boolean).forEach((d) => {
-      const [c, h] = d.split(":"), l = (c || "").trim().toLowerCase(), u = this._normalizePinTokens(h || "");
-      l === "left" && r(e, u), l === "right" && r(i, u);
+    a.split(";").map((u) => u.trim()).filter(Boolean).forEach((u) => {
+      const [h, l] = u.split(":"), d = (h || "").trim().toLowerCase(), c = this._normalizePinTokens(l || "");
+      d === "left" && i(e, c), d === "right" && i(r, c);
     });
-    const o = Array.from(e).sort((d, c) => d - c), n = Array.from(i).filter((d) => !e.has(d)).sort((d, c) => c - d);
+    const o = Array.from(e).sort((u, h) => u - h), n = Array.from(r).filter((u) => !e.has(u)).sort((u, h) => h - u);
     return { left: o, right: n };
   }
   _setPageAttribute(t) {
@@ -980,17 +962,14 @@ class z extends A {
     this.getAttribute("page") !== String(a) && (this._isSettingPage = !0, this.setAttribute("page", String(a)), this._isSettingPage = !1);
   }
   _bodyRows() {
-    if (!this._table)
-      return [];
+    if (!this._table) return [];
     const t = this._table.tBodies[0];
     return t ? Array.from(t.rows).filter((a) => !this._isVirtualSpacerRow(a)) : [];
   }
   _headerCells() {
-    var a;
-    if (!this._table)
-      return [];
-    const t = (a = this._table.tHead) == null ? void 0 : a.rows[0];
-    return t ? Array.from(t.cells).filter((e) => e.tagName.toLowerCase() === "th") : Array.from(this._table.querySelectorAll("th"));
+    if (!this._table) return [];
+    const t = this._table.tHead?.rows[0];
+    return t ? Array.from(t.cells).filter((a) => a.tagName.toLowerCase() === "th") : Array.from(this._table.querySelectorAll("th"));
   }
   _clearPinnedColumns() {
     this._table && this._table.querySelectorAll("[data-pinned]").forEach((t) => {
@@ -1000,101 +979,86 @@ class z extends A {
   }
   _resolveColumnWidth(t, a) {
     const e = this._columnWidths.get(t);
-    if (typeof e == "number" && Number.isFinite(e))
-      return Math.max(1, e);
-    const i = (a == null ? void 0 : a.getBoundingClientRect().width) || (a == null ? void 0 : a.offsetWidth) || 0;
-    return Number.isFinite(i) && i > 0 ? i : 120;
+    if (typeof e == "number" && Number.isFinite(e)) return Math.max(1, e);
+    const r = a?.getBoundingClientRect().width || a?.offsetWidth || 0;
+    return Number.isFinite(r) && r > 0 ? r : 120;
   }
-  _pinCell(t, a, e, i, r) {
-    t && (t.setAttribute("data-pinned", a), i ? t.setAttribute("data-pin-edge", "true") : t.removeAttribute("data-pin-edge"), a === "left" ? (t.style.left = `${Math.max(0, Math.round(e))}px`, t.style.right = "") : (t.style.right = `${Math.max(0, Math.round(e))}px`, t.style.left = ""), t.style.zIndex = r ? "4" : "3");
+  _pinCell(t, a, e, r, i) {
+    t && (t.setAttribute("data-pinned", a), r ? t.setAttribute("data-pin-edge", "true") : t.removeAttribute("data-pin-edge"), a === "left" ? (t.style.left = `${Math.max(0, Math.round(e))}px`, t.style.right = "") : (t.style.right = `${Math.max(0, Math.round(e))}px`, t.style.left = ""), t.style.zIndex = i ? "4" : "3");
   }
   _applyPinnedColumns() {
-    if (!this._table)
-      return;
+    if (!this._table) return;
     this._clearPinnedColumns();
     const t = this._headerCells();
-    if (!t.length)
-      return;
+    if (!t.length) return;
     const { left: a, right: e } = this._parsePinColumns(t);
-    if (!a.length && !e.length)
-      return;
-    const i = Array.from(this._table.rows).filter((o) => !this._isVirtualSpacerRow(o));
-    let r = 0;
+    if (!a.length && !e.length) return;
+    const r = Array.from(this._table.rows).filter((o) => !this._isVirtualSpacerRow(o));
+    let i = 0;
     a.forEach((o, n) => {
-      const d = this._resolveColumnWidth(o, t[o]), c = n === a.length - 1;
-      i.forEach((h, l) => {
-        const u = h.cells[o];
-        this._pinCell(u, "left", r, c, l === 0);
-      }), r += d;
+      const u = this._resolveColumnWidth(o, t[o]), h = n === a.length - 1;
+      r.forEach((l, d) => {
+        const c = l.cells[o];
+        this._pinCell(c, "left", i, h, d === 0);
+      }), i += u;
     });
     let s = 0;
     e.forEach((o, n) => {
-      const d = this._resolveColumnWidth(o, t[o]), c = n === e.length - 1;
-      i.forEach((h, l) => {
-        const u = h.cells[o];
-        this._pinCell(u, "right", s, c, l === 0);
-      }), s += d;
+      const u = this._resolveColumnWidth(o, t[o]), h = n === e.length - 1;
+      r.forEach((l, d) => {
+        const c = l.cells[o];
+        this._pinCell(c, "right", s, h, d === 0);
+      }), s += u;
     });
   }
   _applyColumnOrder() {
-    var h;
-    if (!this._table)
-      return;
+    if (!this._table) return;
     const t = (this.getAttribute("column-order") || "").trim();
-    if (!t)
-      return;
-    const a = (h = this._table.tHead) == null ? void 0 : h.rows[0], e = this._table.tBodies[0];
-    if (!a || !e)
-      return;
-    const i = Array.from(a.cells);
-    if (!i.length)
-      return;
-    const r = t.split(",").map((l) => l.trim()).filter(Boolean);
-    if (!r.length)
-      return;
+    if (!t) return;
+    const a = this._table.tHead?.rows[0], e = this._table.tBodies[0];
+    if (!a || !e) return;
+    const r = Array.from(a.cells);
+    if (!r.length) return;
+    const i = t.split(",").map((l) => l.trim()).filter(Boolean);
+    if (!i.length) return;
     const s = [], o = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map();
-    i.forEach((l, u) => {
-      const b = (l.getAttribute("data-key") || m(l)).toLowerCase().trim();
-      b && n.set(b, u);
+    r.forEach((l, d) => {
+      const c = (l.getAttribute("data-key") || p(l)).toLowerCase().trim();
+      c && n.set(c, d);
     });
-    for (const l of r) {
-      const u = Number(l);
-      if (Number.isInteger(u) && u >= 0 && u < i.length) {
-        o.has(u) || (o.add(u), s.push(u));
+    for (const l of i) {
+      const d = Number(l);
+      if (Number.isInteger(d) && d >= 0 && d < r.length) {
+        o.has(d) || (o.add(d), s.push(d));
         continue;
       }
-      const b = n.get(l.toLowerCase());
-      typeof b == "number" && !o.has(b) && (o.add(b), s.push(b));
+      const c = n.get(l.toLowerCase());
+      typeof c == "number" && !o.has(c) && (o.add(c), s.push(c));
     }
-    for (let l = 0; l < i.length; l += 1)
+    for (let l = 0; l < r.length; l += 1)
       o.has(l) || s.push(l);
-    if (s.every((l, u) => l === u))
-      return;
-    s.map((l) => i[l]).forEach((l) => a.appendChild(l)), Array.from(e.rows).filter((l) => !this._isVirtualSpacerRow(l)).forEach((l) => {
-      const u = Array.from(l.cells);
-      s.map((f) => u[f]).filter(Boolean).forEach((f) => l.appendChild(f));
+    if (s.every((l, d) => l === d)) return;
+    s.map((l) => r[l]).forEach((l) => a.appendChild(l)), Array.from(e.rows).filter((l) => !this._isVirtualSpacerRow(l)).forEach((l) => {
+      const d = Array.from(l.cells);
+      s.map((f) => d[f]).filter(Boolean).forEach((f) => l.appendChild(f));
     }), this._columnWidths.clear();
   }
   _moveColumn(t, a) {
-    var h;
-    if (!this._table)
-      return !1;
-    const e = (h = this._table.tHead) == null ? void 0 : h.rows[0], i = this._table.tBodies[0];
-    if (!e || !i)
-      return !1;
-    const r = Array.from(e.cells), s = r.length;
-    if (!s || t < 0 || t >= s || a < 0 || a >= s || t === a)
-      return !1;
-    const o = Array.from({ length: s }, (l, u) => u), [n] = o.splice(t, 1);
-    o.splice(a, 0, n), o.map((l) => r[l]).forEach((l) => e.appendChild(l)), Array.from(i.rows).filter((l) => !this._isVirtualSpacerRow(l)).forEach((l) => {
-      const u = Array.from(l.cells);
-      o.map((f) => u[f]).filter(Boolean).forEach((f) => l.appendChild(f));
+    if (!this._table) return !1;
+    const e = this._table.tHead?.rows[0], r = this._table.tBodies[0];
+    if (!e || !r) return !1;
+    const i = Array.from(e.cells), s = i.length;
+    if (!s || t < 0 || t >= s || a < 0 || a >= s || t === a) return !1;
+    const o = Array.from({ length: s }, (l, d) => d), [n] = o.splice(t, 1);
+    o.splice(a, 0, n), o.map((l) => i[l]).forEach((l) => e.appendChild(l)), Array.from(r.rows).filter((l) => !this._isVirtualSpacerRow(l)).forEach((l) => {
+      const d = Array.from(l.cells);
+      o.map((f) => d[f]).filter(Boolean).forEach((f) => l.appendChild(f));
     });
-    const c = /* @__PURE__ */ new Map();
-    return o.forEach((l, u) => {
-      const b = this._columnWidths.get(l);
-      typeof b == "number" && c.set(u, b);
-    }), this._columnWidths = c, this._sortColumnIndex >= 0 && (this._sortColumnIndex = o.indexOf(this._sortColumnIndex)), this._syncHeaderState(), this._applyPinnedColumns(), this._syncRowSelectionState(), !0;
+    const h = /* @__PURE__ */ new Map();
+    return o.forEach((l, d) => {
+      const c = this._columnWidths.get(l);
+      typeof c == "number" && h.set(d, c);
+    }), this._columnWidths = h, this._sortColumnIndex >= 0 && (this._sortColumnIndex = o.indexOf(this._sortColumnIndex)), this._syncHeaderState(), this._applyPinnedColumns(), this._syncRowSelectionState(), !0;
   }
   _clearDragMarkers() {
     this._headerCells().forEach((a) => {
@@ -1109,7 +1073,7 @@ class z extends A {
           sourceIndex: t,
           targetIndex: a,
           order: e,
-          keys: this._headerCells().map((i, r) => this._headerKey(i, r))
+          keys: this._headerCells().map((r, i) => this._headerKey(r, i))
         },
         bubbles: !0
       })
@@ -1120,15 +1084,14 @@ class z extends A {
     e && e.focus();
   }
   _focusSelectableRow(t, a) {
-    const e = this._bodyRows().filter((o) => !o.hidden), i = e.indexOf(t);
-    if (i < 0)
-      return;
-    const r = Math.min(e.length - 1, Math.max(0, i + a)), s = e[r];
+    const e = this._bodyRows().filter((o) => !o.hidden), r = e.indexOf(t);
+    if (r < 0) return;
+    const i = Math.min(e.length - 1, Math.max(0, r + a)), s = e[i];
     s && s.focus();
   }
   _headerKeyboardShortcuts(t, a) {
-    const e = this._isRtl(), i = e ? "ArrowRight" : "ArrowLeft", r = e ? "ArrowLeft" : "ArrowRight", s = [i, r, "Home", "End"];
-    return t && s.push("Enter", "Space"), a && s.push(`Alt+${i}`, `Alt+${r}`), s.join(" ");
+    const e = this._isRtl(), r = e ? "ArrowRight" : "ArrowLeft", i = e ? "ArrowLeft" : "ArrowRight", s = [r, i, "Home", "End"];
+    return t && s.push("Enter", "Space"), a && s.push(`Alt+${r}`, `Alt+${i}`), s.join(" ");
   }
   _syncStructure() {
     if (!this._isSyncing) {
@@ -1149,14 +1112,14 @@ class z extends A {
     }
   }
   _syncHeaderState() {
-    const t = this.hasAttribute("sortable"), a = this.hasAttribute("draggable-columns"), e = this.hasAttribute("resizable-columns"), i = this._headerKeyboardShortcuts(t, a);
+    const t = this.hasAttribute("sortable"), a = this.hasAttribute("draggable-columns"), e = this.hasAttribute("resizable-columns"), r = this._headerKeyboardShortcuts(t, a);
     this._headerCells().forEach((s, o) => {
-      if (s.setAttribute("data-col-index", String(o)), s.setAttribute("scope", "col"), s.setAttribute("aria-colindex", String(o + 1)), t || a ? s.setAttribute("aria-keyshortcuts", i) : s.removeAttribute("aria-keyshortcuts"), t ? s.setAttribute("data-sortable", "true") : s.removeAttribute("data-sortable"), t || a ? s.hasAttribute("tabindex") || s.setAttribute("tabindex", "0") : s.getAttribute("tabindex") === "0" && s.removeAttribute("tabindex"), o === this._sortColumnIndex && t ? s.setAttribute("aria-sort", this._sortDirection === "asc" ? "ascending" : "descending") : t ? s.setAttribute("aria-sort", "none") : s.removeAttribute("aria-sort"), a ? (s.setAttribute("data-draggable", "true"), s.setAttribute("draggable", "true"), s.setAttribute("aria-description", "Draggable column header")) : (s.removeAttribute("data-draggable"), s.removeAttribute("draggable"), s.removeAttribute("data-dragging"), s.removeAttribute("data-drag-over"), s.removeAttribute("aria-description")), e) {
+      if (s.setAttribute("data-col-index", String(o)), s.setAttribute("scope", "col"), s.setAttribute("aria-colindex", String(o + 1)), t || a ? s.setAttribute("aria-keyshortcuts", r) : s.removeAttribute("aria-keyshortcuts"), t ? s.setAttribute("data-sortable", "true") : s.removeAttribute("data-sortable"), t || a ? s.hasAttribute("tabindex") || s.setAttribute("tabindex", "0") : s.getAttribute("tabindex") === "0" && s.removeAttribute("tabindex"), o === this._sortColumnIndex && t ? s.setAttribute("aria-sort", this._sortDirection === "asc" ? "ascending" : "descending") : t ? s.setAttribute("aria-sort", "none") : s.removeAttribute("aria-sort"), a ? (s.setAttribute("data-draggable", "true"), s.setAttribute("draggable", "true"), s.setAttribute("aria-description", "Draggable column header")) : (s.removeAttribute("data-draggable"), s.removeAttribute("draggable"), s.removeAttribute("data-dragging"), s.removeAttribute("data-drag-over"), s.removeAttribute("aria-description")), e) {
         s.setAttribute("data-resizable", "true");
         let n = s.querySelector(".resize-handle");
         n || (n = document.createElement("button"), n.type = "button", n.className = "resize-handle", n.setAttribute("aria-hidden", "true"), n.tabIndex = -1, s.appendChild(n)), n.setAttribute("data-col-index", String(o));
-        const d = this._columnWidths.get(o);
-        typeof d == "number" && this._setColumnWidth(o, d, !1);
+        const u = this._columnWidths.get(o);
+        typeof u == "number" && this._setColumnWidth(o, u, !1);
       } else {
         s.removeAttribute("data-resizable");
         const n = s.querySelector(".resize-handle");
@@ -1165,29 +1128,28 @@ class z extends A {
     });
   }
   _applyPagination(t) {
-    var l;
     const a = this._bodyRows();
     this._pageSize = this._parsePageSize(), this._totalRows = a.length;
-    const e = this._parseFilterQuery(), i = this._headerCells(), r = this._resolveFilterColumnIndex(i), s = this._parseFilters(i), o = a.filter((u) => this._rowMatchesFilter(u, e, r, s));
-    this._filteredRows = o.length, (l = this._table) == null || l.setAttribute("aria-rowcount", String(this._filteredRows));
+    const e = this._parseFilterQuery(), r = this._headerCells(), i = this._resolveFilterColumnIndex(r), s = this._parseFilters(r), o = a.filter((d) => this._rowMatchesFilter(d, e, i, s));
+    this._filteredRows = o.length, this._table?.setAttribute("aria-rowcount", String(this._filteredRows));
     const n = this._parsePage();
     this._pageCount = Math.max(1, Math.ceil(o.length / this._pageSize)), this._page = Math.min(this._pageCount, Math.max(1, n)), this._page !== n && this._setPageAttribute(this._page);
-    const d = (this._page - 1) * this._pageSize, c = d + this._pageSize, h = new Set(o);
-    if (a.forEach((u) => {
-      h.has(u) ? u.removeAttribute("data-hidden-by-filter") : (u.hidden = !0, u.setAttribute("data-hidden-by-filter", ""), u.removeAttribute("data-hidden-by-page"), u.removeAttribute("aria-rowindex"));
-    }), o.forEach((u, b) => {
-      const f = b >= d && b < c;
-      u.hidden = !f, f ? u.removeAttribute("data-hidden-by-page") : u.setAttribute("data-hidden-by-page", ""), u.setAttribute("aria-rowindex", String(b + 1));
+    const u = (this._page - 1) * this._pageSize, h = u + this._pageSize, l = new Set(o);
+    if (a.forEach((d) => {
+      l.has(d) ? d.removeAttribute("data-hidden-by-filter") : (d.hidden = !0, d.setAttribute("data-hidden-by-filter", ""), d.removeAttribute("data-hidden-by-page"), d.removeAttribute("aria-rowindex"));
+    }), o.forEach((d, c) => {
+      const f = c >= u && c < h;
+      d.hidden = !f, f ? d.removeAttribute("data-hidden-by-page") : d.setAttribute("data-hidden-by-page", ""), d.setAttribute("aria-rowindex", String(c + 1));
     }), t) {
-      const u = o.length, b = u === 0 ? 0 : d + 1, f = Math.min(c, u);
+      const d = o.length, c = d === 0 ? 0 : u + 1, f = Math.min(h, d);
       this.dispatchEvent(
         new CustomEvent("page-change", {
           detail: {
             page: this._page,
             count: this._pageCount,
             pageSize: this._pageSize,
-            total: u,
-            start: b,
+            total: d,
+            start: c,
             end: f
           },
           bubbles: !0
@@ -1201,70 +1163,65 @@ class z extends A {
     });
   }
   _ensureVirtualSpacer(t) {
-    if (!this._table)
-      return null;
+    if (!this._table) return null;
     const a = this._table.tBodies[0];
-    if (!a)
-      return null;
+    if (!a) return null;
     const e = t === "top" ? this._virtualTopSpacer : this._virtualBottomSpacer;
-    if (e && e.isConnected)
-      return e;
-    const i = document.createElement("tr");
-    i.setAttribute("data-virtual-spacer", t), i.setAttribute("aria-hidden", "true"), i.setAttribute("role", "presentation"), i.style.pointerEvents = "none";
-    const r = document.createElement("td");
-    return r.style.padding = "0", r.style.border = "0", r.style.height = "0px", r.style.lineHeight = "0", r.style.fontSize = "0", r.innerHTML = "&nbsp;", i.appendChild(r), t === "top" ? (a.insertBefore(i, a.firstChild), this._virtualTopSpacer = i) : (a.appendChild(i), this._virtualBottomSpacer = i), i;
+    if (e && e.isConnected) return e;
+    const r = document.createElement("tr");
+    r.setAttribute("data-virtual-spacer", t), r.setAttribute("aria-hidden", "true"), r.setAttribute("role", "presentation"), r.style.pointerEvents = "none";
+    const i = document.createElement("td");
+    return i.style.padding = "0", i.style.border = "0", i.style.height = "0px", i.style.lineHeight = "0", i.style.fontSize = "0", i.innerHTML = "&nbsp;", r.appendChild(i), t === "top" ? (a.insertBefore(r, a.firstChild), this._virtualTopSpacer = r) : (a.appendChild(r), this._virtualBottomSpacer = r), r;
   }
   _setVirtualSpacerHeight(t, a, e) {
-    if (!t)
-      return;
-    const i = t.cells[0] || t.appendChild(document.createElement("td"));
-    i.colSpan !== Math.max(1, e) && (i.colSpan = Math.max(1, e)), i.style.padding = "0", i.style.border = "0", i.style.height = `${Math.max(0, Math.round(a))}px`, i.style.lineHeight = "0", i.style.fontSize = "0";
+    if (!t) return;
+    const r = t.cells[0] || t.appendChild(document.createElement("td"));
+    r.colSpan !== Math.max(1, e) && (r.colSpan = Math.max(1, e)), r.style.padding = "0", r.style.border = "0", r.style.height = `${Math.max(0, Math.round(a))}px`, r.style.lineHeight = "0", r.style.fontSize = "0";
   }
   _applyVirtualization(t) {
-    var w;
     if (!this.hasAttribute("virtualize") || !this._frameEl || !this._table) {
       this._clearVirtualization(!0);
       return;
     }
-    const e = this._bodyRows().filter((p) => !p.hidden);
+    const e = this._bodyRows().filter((g) => !g.hidden);
     if (!e.length) {
       this._clearVirtualization(!0);
       return;
     }
-    const i = this._parseRowHeight(), r = this._parseOverscan(), s = this._frameEl.clientHeight || i * 8, o = this._frameEl.scrollTop, n = Math.max(0, Math.floor(o / i) - r), d = Math.min(e.length, Math.ceil((o + s) / i) + r), c = n * i, h = Math.max(0, (e.length - d) * i), l = Math.max(1, this._headerCells().length || ((w = e[0]) == null ? void 0 : w.cells.length) || 1), u = this._ensureVirtualSpacer("top"), b = this._ensureVirtualSpacer("bottom");
-    this._setVirtualSpacerHeight(u, c, l), this._setVirtualSpacerHeight(b, h, l);
-    const f = (p, y) => {
-      y ? (p.style.display === "none" && (p.style.display = ""), p.removeAttribute("data-hidden-by-virtual")) : (p.style.display !== "none" && (p.style.display = "none"), p.setAttribute("data-hidden-by-virtual", ""));
+    const r = this._parseRowHeight(), i = this._parseOverscan(), s = this._frameEl.clientHeight || r * 8, o = this._frameEl.scrollTop, n = Math.max(0, Math.floor(o / r) - i), u = Math.min(e.length, Math.ceil((o + s) / r) + i), h = n * r, l = Math.max(0, (e.length - u) * r), d = Math.max(1, this._headerCells().length || e[0]?.cells.length || 1), c = this._ensureVirtualSpacer("top"), f = this._ensureVirtualSpacer("bottom");
+    this._setVirtualSpacerHeight(c, h, d), this._setVirtualSpacerHeight(f, l, d);
+    const y = (g, v) => {
+      v ? (g.style.display === "none" && (g.style.display = ""), g.removeAttribute("data-hidden-by-virtual")) : (g.style.display !== "none" && (g.style.display = "none"), g.setAttribute("data-hidden-by-virtual", ""));
     };
     if (!(this._virtualStart >= 0 && this._virtualEnd >= this._virtualStart && this._virtualVisibleTotal === e.length))
-      e.forEach((p, y) => {
-        f(p, y >= n && y < d);
+      e.forEach((g, v) => {
+        y(g, v >= n && v < u);
       });
     else {
-      const p = this._virtualStart, y = this._virtualEnd;
-      for (let g = p; g < Math.min(n, y); g += 1) {
-        const v = e[g];
-        v && f(v, !1);
+      const g = this._virtualStart, v = this._virtualEnd;
+      for (let b = g; b < Math.min(n, v); b += 1) {
+        const _ = e[b];
+        _ && y(_, !1);
       }
-      for (let g = n; g < Math.min(p, d); g += 1) {
-        const v = e[g];
-        v && f(v, !0);
+      for (let b = n; b < Math.min(g, u); b += 1) {
+        const _ = e[b];
+        _ && y(_, !0);
       }
-      for (let g = Math.max(d, p); g < y; g += 1) {
-        const v = e[g];
-        v && f(v, !1);
+      for (let b = Math.max(u, g); b < v; b += 1) {
+        const _ = e[b];
+        _ && y(_, !1);
       }
-      for (let g = Math.max(y, n); g < d; g += 1) {
-        const v = e[g];
-        v && f(v, !0);
+      for (let b = Math.max(v, n); b < u; b += 1) {
+        const _ = e[b];
+        _ && y(_, !0);
       }
     }
-    this._virtualStart = n, this._virtualEnd = d, this._virtualVisibleTotal = e.length, t && this.dispatchEvent(
+    this._virtualStart = n, this._virtualEnd = u, this._virtualVisibleTotal = e.length, t && this.dispatchEvent(
       new CustomEvent("virtual-range-change", {
         detail: {
           start: n,
-          end: Math.max(n, d - 1),
-          visible: Math.max(0, d - n),
+          end: Math.max(n, u - 1),
+          visible: Math.max(0, u - n),
           total: e.length
         },
         bubbles: !0
@@ -1273,24 +1230,22 @@ class z extends A {
   }
   _updateSummary() {
     const t = this.root.querySelector(".summary");
-    if (!t)
-      return;
+    if (!t) return;
     const a = this._totalRows, e = this._filteredRows;
     if (!a || !e) {
       t.textContent = "No records";
       return;
     }
-    const i = (this._page - 1) * this._pageSize + 1, r = Math.min(this._page * this._pageSize, e);
+    const r = (this._page - 1) * this._pageSize + 1, i = Math.min(this._page * this._pageSize, e);
     if (e === a) {
-      t.textContent = `Showing ${i}-${r} of ${a}`;
+      t.textContent = `Showing ${r}-${i} of ${a}`;
       return;
     }
-    t.textContent = `Showing ${i}-${r} of ${e} filtered records (${a} total)`;
+    t.textContent = `Showing ${r}-${i} of ${e} filtered records (${a} total)`;
   }
   _syncEmptyText() {
     const t = this.root.querySelector(".empty");
-    if (!t)
-      return;
+    if (!t) return;
     const a = !!this._parseFilterQuery();
     if (this._table && this._filteredRows === 0 && a) {
       t.textContent = "No matching records.";
@@ -1318,104 +1273,86 @@ class z extends A {
     return /^-?\d+(\.\d+)?$/.test(a) ? Number(a) : t.toLowerCase();
   }
   _rulePasses(t, a) {
-    const e = a.op, i = a.value, r = t.trim(), s = r.toLowerCase();
-    if (e === "empty")
-      return r.length === 0;
-    if (e === "notempty" || e === "not-empty")
-      return r.length > 0;
-    if (e === "equals" || e === "eq")
-      return s === String(i ?? "").toLowerCase();
-    if (e === "neq" || e === "not-equals")
-      return s !== String(i ?? "").toLowerCase();
-    if (e === "startswith" || e === "starts-with")
-      return s.startsWith(String(i ?? "").toLowerCase());
-    if (e === "endswith" || e === "ends-with")
-      return s.endsWith(String(i ?? "").toLowerCase());
+    const e = a.op, r = a.value, i = t.trim(), s = i.toLowerCase();
+    if (e === "empty") return i.length === 0;
+    if (e === "notempty" || e === "not-empty") return i.length > 0;
+    if (e === "equals" || e === "eq") return s === String(r ?? "").toLowerCase();
+    if (e === "neq" || e === "not-equals") return s !== String(r ?? "").toLowerCase();
+    if (e === "startswith" || e === "starts-with") return s.startsWith(String(r ?? "").toLowerCase());
+    if (e === "endswith" || e === "ends-with") return s.endsWith(String(r ?? "").toLowerCase());
     if (e === "in")
-      return (Array.isArray(i) ? i.map((n) => String(n).toLowerCase()) : String(i ?? "").split(",").map((n) => n.trim().toLowerCase()).filter(Boolean)).includes(s);
+      return (Array.isArray(r) ? r.map((n) => String(n).toLowerCase()) : String(r ?? "").split(",").map((n) => n.trim().toLowerCase()).filter(Boolean)).includes(s);
     if (e === "gt" || e === "gte" || e === "lt" || e === "lte" || e === "between") {
-      const o = this._parseComparable(r);
-      if (typeof o != "number")
-        return !1;
+      const o = this._parseComparable(i);
+      if (typeof o != "number") return !1;
       if (e === "between") {
-        const d = Array.isArray(i) ? i : String(i ?? "").split(","), c = Number(d[0]), h = Number(d[1]);
-        return !Number.isFinite(c) || !Number.isFinite(h) ? !1 : o >= Math.min(c, h) && o <= Math.max(c, h);
+        const u = Array.isArray(r) ? r : String(r ?? "").split(","), h = Number(u[0]), l = Number(u[1]);
+        return !Number.isFinite(h) || !Number.isFinite(l) ? !1 : o >= Math.min(h, l) && o <= Math.max(h, l);
       }
-      const n = Number(i);
+      const n = Number(r);
       return Number.isFinite(n) ? e === "gt" ? o > n : e === "gte" ? o >= n : e === "lt" ? o < n : o <= n : !1;
     }
-    return s.includes(String(i ?? "").toLowerCase());
+    return s.includes(String(r ?? "").toLowerCase());
   }
-  _rowMatchesFilter(t, a, e, i) {
+  _rowMatchesFilter(t, a, e, r) {
     if (a) {
-      const r = e >= 0 ? m(t.cells[e]) : Array.from(t.cells).map((n) => m(n)).join(" ");
-      if (!r)
-        return !1;
-      const s = r.toLowerCase(), o = a.split(/\s+/).filter(Boolean);
-      if (o.length && !o.every((n) => s.includes(n)))
-        return !1;
+      const i = e >= 0 ? p(t.cells[e]) : Array.from(t.cells).map((n) => p(n)).join(" ");
+      if (!i) return !1;
+      const s = i.toLowerCase(), o = a.split(/\s+/).filter(Boolean);
+      if (o.length && !o.every((n) => s.includes(n))) return !1;
     }
-    return i.length ? i.every((r) => {
-      const s = t.cells[r.columnIndex];
-      return this._rulePasses(m(s), r);
+    return r.length ? r.every((i) => {
+      const s = t.cells[i.columnIndex];
+      return this._rulePasses(p(s), i);
     }) : !0;
   }
   _setColumnWidth(t, a, e = !0) {
-    if (!this._table)
-      return;
-    const i = Math.max(72, Math.round(a));
-    if (this._columnWidths.set(t, i), Array.from(this._table.rows).forEach((o) => {
+    if (!this._table) return;
+    const r = Math.max(72, Math.round(a));
+    if (this._columnWidths.set(t, r), Array.from(this._table.rows).forEach((o) => {
       const n = o.cells[t];
-      n && (n.style.width = `${i}px`, n.style.minWidth = `${i}px`, n.style.maxWidth = `${i}px`, n.style.boxSizing = "border-box");
-    }), !e)
-      return;
+      n && (n.style.width = `${r}px`, n.style.minWidth = `${r}px`, n.style.maxWidth = `${r}px`, n.style.boxSizing = "border-box");
+    }), !e) return;
     this._applyPinnedColumns();
     const s = this._headerCells()[t];
     this.dispatchEvent(
       new CustomEvent("column-resize", {
         detail: {
           columnIndex: t,
-          key: (s == null ? void 0 : s.getAttribute("data-key")) || m(s) || `column-${t + 1}`,
-          width: i
+          key: s?.getAttribute("data-key") || p(s) || `column-${t + 1}`,
+          width: r
         },
         bubbles: !0
       })
     );
   }
   _onPointerDown(t) {
-    if (!this.hasAttribute("resizable-columns") || !this._table)
-      return;
+    if (!this.hasAttribute("resizable-columns") || !this._table) return;
     const e = t.target.closest(".resize-handle");
-    if (!e || !this._table.contains(e))
-      return;
-    const i = Number(e.getAttribute("data-col-index"));
-    if (!Number.isInteger(i) || i < 0)
-      return;
-    const r = this._headerCells()[i];
-    if (!r)
-      return;
+    if (!e || !this._table.contains(e)) return;
+    const r = Number(e.getAttribute("data-col-index"));
+    if (!Number.isInteger(r) || r < 0) return;
+    const i = this._headerCells()[r];
+    if (!i) return;
     t.preventDefault();
-    const s = r.getBoundingClientRect().width;
+    const s = i.getBoundingClientRect().width;
     this._resizeState = {
-      columnIndex: i,
+      columnIndex: r,
       startX: t.clientX,
       startWidth: s
     }, window.addEventListener("pointermove", this._onPointerMove), window.addEventListener("pointerup", this._onPointerUp);
   }
   _onPointerMove(t) {
-    if (!this._resizeState)
-      return;
+    if (!this._resizeState) return;
     const a = t.clientX - this._resizeState.startX, e = this._isRtl() ? -a : a;
     this._pendingResizeColumn = this._resizeState.columnIndex, this._pendingResizeWidth = this._resizeState.startWidth + e, this._setColumnWidth(this._pendingResizeColumn, this._pendingResizeWidth, !1);
   }
   _onPointerUp() {
-    if (!this._resizeState)
-      return;
+    if (!this._resizeState) return;
     const t = this._resizeState;
     this._resizeState = null, this._resizeRaf && (cancelAnimationFrame(this._resizeRaf), this._resizeRaf = 0), this._pendingResizeColumn === t.columnIndex && this._pendingResizeWidth != null && this._setColumnWidth(t.columnIndex, this._pendingResizeWidth, !1), this._pendingResizeColumn = -1, this._pendingResizeWidth = null, window.removeEventListener("pointermove", this._onPointerMove), window.removeEventListener("pointerup", this._onPointerUp);
     const a = this._headerCells()[t.columnIndex];
-    if (!a)
-      return;
+    if (!a) return;
     const e = a.getBoundingClientRect().width;
     this._setColumnWidth(t.columnIndex, e, !0);
   }
@@ -1425,74 +1362,66 @@ class z extends A {
     })));
   }
   _onDragStart(t) {
-    if (!this.hasAttribute("draggable-columns") || !this._table)
-      return;
+    if (!this.hasAttribute("draggable-columns") || !this._table) return;
     const a = t.target;
     if (a.closest(".resize-handle")) {
       t.preventDefault();
       return;
     }
     const e = a.closest("th");
-    if (!e || !this._table.contains(e))
-      return;
-    const r = this._headerCells().indexOf(e);
-    r < 0 || (this._dragColumnIndex = r, this._dragOverColumnIndex = r, this._clearDragMarkers(), e.setAttribute("data-dragging", "true"), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", String(r))));
+    if (!e || !this._table.contains(e)) return;
+    const i = this._headerCells().indexOf(e);
+    i < 0 || (this._dragColumnIndex = i, this._dragOverColumnIndex = i, this._clearDragMarkers(), e.setAttribute("data-dragging", "true"), t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", String(i))));
   }
   _onDragOver(t) {
-    if (!this.hasAttribute("draggable-columns") || !this._table || this._dragColumnIndex < 0)
-      return;
+    if (!this.hasAttribute("draggable-columns") || !this._table || this._dragColumnIndex < 0) return;
     const e = t.target.closest("th");
-    if (!e || !this._table.contains(e))
-      return;
-    const i = this._headerCells(), r = i.indexOf(e);
-    if (r < 0 || (t.preventDefault(), this._dragOverColumnIndex === r))
-      return;
-    this._clearDragMarkers(), this._dragOverColumnIndex = r, e.setAttribute("data-drag-over", "true");
-    const s = i[this._dragColumnIndex];
+    if (!e || !this._table.contains(e)) return;
+    const r = this._headerCells(), i = r.indexOf(e);
+    if (i < 0 || (t.preventDefault(), this._dragOverColumnIndex === i)) return;
+    this._clearDragMarkers(), this._dragOverColumnIndex = i, e.setAttribute("data-drag-over", "true");
+    const s = r[this._dragColumnIndex];
     s && s.setAttribute("data-dragging", "true");
   }
   _onDrop(t) {
-    if (!this.hasAttribute("draggable-columns") || !this._table || this._dragColumnIndex < 0)
-      return;
+    if (!this.hasAttribute("draggable-columns") || !this._table || this._dragColumnIndex < 0) return;
     const e = t.target.closest("th");
-    if (!e || !this._table.contains(e))
-      return;
-    const r = this._headerCells().indexOf(e);
-    if (r < 0)
-      return;
+    if (!e || !this._table.contains(e)) return;
+    const i = this._headerCells().indexOf(e);
+    if (i < 0) return;
     t.preventDefault();
-    const s = this._dragColumnIndex, o = this._moveColumn(s, r);
-    this._clearDragMarkers(), this._dragColumnIndex = -1, this._ignoreHeaderClickUntil = Date.now() + 220, o && (this._applyVirtualization(!1), this._emitColumnOrderChange(s, r));
+    const s = this._dragColumnIndex, o = this._moveColumn(s, i);
+    this._clearDragMarkers(), this._dragColumnIndex = -1, this._ignoreHeaderClickUntil = Date.now() + 220, o && (this._applyVirtualization(!1), this._emitColumnOrderChange(s, i));
   }
   _onDragEnd() {
     this._clearDragMarkers(), this._dragColumnIndex = -1;
   }
   _rowValues(t) {
-    const a = this._headerCells(), e = Array.from(t.cells), i = {};
-    return e.forEach((r, s) => {
-      const o = a[s], n = ((o == null ? void 0 : o.getAttribute("data-key")) || m(o || void 0) || `col_${s + 1}`).toLowerCase().replace(/[^a-z0-9_]+/g, "_").replace(/^_+|_+$/g, "");
-      i[n || `col_${s + 1}`] = m(r);
-    }), i;
+    const a = this._headerCells(), e = Array.from(t.cells), r = {};
+    return e.forEach((i, s) => {
+      const o = a[s], n = (o?.getAttribute("data-key") || p(o || void 0) || `col_${s + 1}`).toLowerCase().replace(/[^a-z0-9_]+/g, "_").replace(/^_+|_+$/g, "");
+      r[n || `col_${s + 1}`] = p(i);
+    }), r;
   }
   _syncRowSelectionState() {
     const t = this.hasAttribute("selectable"), a = this._bodyRows();
     for (const e of Array.from(this._selectedRows))
       a.includes(e) || this._selectedRows.delete(e);
     a.forEach((e) => {
-      const i = !e.hidden;
-      t && i ? (e.setAttribute("aria-selected", this._selectedRows.has(e) ? "true" : "false"), e.setAttribute("aria-keyshortcuts", "ArrowUp ArrowDown Home End Enter Space"), e.hasAttribute("tabindex") || e.setAttribute("tabindex", "0"), this._selectedRows.has(e) ? e.setAttribute("data-selected", "true") : e.removeAttribute("data-selected")) : (e.removeAttribute("aria-selected"), e.removeAttribute("aria-keyshortcuts"), e.removeAttribute("data-selected"), e.getAttribute("tabindex") === "0" && e.removeAttribute("tabindex"));
+      const r = !e.hidden;
+      t && r ? (e.setAttribute("aria-selected", this._selectedRows.has(e) ? "true" : "false"), e.setAttribute("aria-keyshortcuts", "ArrowUp ArrowDown Home End Enter Space"), e.hasAttribute("tabindex") || e.setAttribute("tabindex", "0"), this._selectedRows.has(e) ? e.setAttribute("data-selected", "true") : e.removeAttribute("data-selected")) : (e.removeAttribute("aria-selected"), e.removeAttribute("aria-keyshortcuts"), e.removeAttribute("data-selected"), e.getAttribute("tabindex") === "0" && e.removeAttribute("tabindex"));
     });
   }
   _toggleRowSelection(t) {
     const a = this.hasAttribute("multi-select"), e = this._selectedRows.has(t);
     a || this._selectedRows.clear(), e && a ? this._selectedRows.delete(t) : this._selectedRows.add(t), this._syncRowSelectionState(), this._updateBulkActions();
-    const i = this._bodyRows(), r = i.flatMap((o, n) => this._selectedRows.has(o) ? [n] : []), s = i.filter((o) => this._selectedRows.has(o)).map((o) => this._rowValues(o));
+    const r = this._bodyRows(), i = r.flatMap((o, n) => this._selectedRows.has(o) ? [n] : []), s = r.filter((o) => this._selectedRows.has(o)).map((o) => this._rowValues(o));
     this.dispatchEvent(
       new CustomEvent("row-select", {
         detail: {
-          index: i.indexOf(t),
+          index: r.indexOf(t),
           selected: this._selectedRows.has(t),
-          indices: r,
+          indices: i,
           rows: s,
           page: this._page
         },
@@ -1501,21 +1430,19 @@ class z extends A {
     );
   }
   _sortByColumn(t, a) {
-    if (!this._table)
-      return;
+    if (!this._table) return;
     const e = this._table.tBodies[0];
-    if (!e)
-      return;
+    if (!e) return;
     this._sortColumnIndex === t ? this._sortDirection = this._sortDirection === "asc" ? "desc" : "asc" : (this._sortColumnIndex = t, this._sortDirection = "asc"), Array.from(e.rows).filter((o) => !this._isVirtualSpacerRow(o)).map((o, n) => ({
       row: o,
       rowIndex: n,
-      value: k(m(o.cells[t]))
+      value: S(p(o.cells[t]))
     })).sort((o, n) => {
-      const d = o.value, c = n.value;
-      let h = 0;
-      return typeof d == "number" && typeof c == "number" ? h = d - c : h = String(d).localeCompare(String(c), void 0, { numeric: !0, sensitivity: "base" }), h === 0 && (h = o.rowIndex - n.rowIndex), this._sortDirection === "asc" ? h : -h;
+      const u = o.value, h = n.value;
+      let l = 0;
+      return typeof u == "number" && typeof h == "number" ? l = u - h : l = String(u).localeCompare(String(h), void 0, { numeric: !0, sensitivity: "base" }), l === 0 && (l = o.rowIndex - n.rowIndex), this._sortDirection === "asc" ? l : -l;
     }).map((o) => o.row).forEach((o) => e.appendChild(o)), this._syncHeaderState(), this._applyPagination(!1), this._syncRowSelectionState(), this._updateSummary(), this._syncPaginationElement();
-    const s = a.getAttribute("data-key") || m(a) || `column-${t + 1}`;
+    const s = a.getAttribute("data-key") || p(a) || `column-${t + 1}`;
     this.dispatchEvent(
       new CustomEvent("sort-change", {
         detail: {
@@ -1534,8 +1461,7 @@ class z extends A {
   _syncPaginationBinding() {
     this._detachPaginationListener();
     const t = this.getAttribute("pagination-id");
-    if (!t)
-      return;
+    if (!t) return;
     const a = document.getElementById(t);
     a && (this._paginationEl = a, this._paginationEl.addEventListener("change", this._onPaginationChange), this._syncPaginationElement());
   }
@@ -1543,86 +1469,79 @@ class z extends A {
     this._paginationEl && (this._paginationEl.setAttribute("count", String(this._pageCount || 1)), this._paginationEl.setAttribute("page", String(this._page || 1)));
   }
   _onPaginationChange(t) {
-    const a = t.detail, e = Number(a == null ? void 0 : a.page);
+    const a = t.detail, e = Number(a?.page);
     Number.isFinite(e) && e !== this._page && (this._setPageAttribute(e), this._applyPagination(!0), this._syncRowSelectionState(), this._updateSummary(), this._syncPaginationElement());
   }
   _onClick(t) {
-    if (!this._table)
-      return;
-    const e = t.composedPath().find((r) => r instanceof HTMLElement) || t.target;
+    if (!this._table) return;
+    const e = t.composedPath().find((i) => i instanceof HTMLElement) || t.target;
     if (e.closest(".bulk-clear")) {
-      const r = this._selectedRows.size;
-      r > 0 && (this._selectedRows.clear(), this._syncRowSelectionState(), this._updateBulkActions(), this.dispatchEvent(new CustomEvent("bulk-clear", { detail: { count: r, page: this._page }, bubbles: !0 })));
+      const i = this._selectedRows.size;
+      i > 0 && (this._selectedRows.clear(), this._syncRowSelectionState(), this._updateBulkActions(), this.dispatchEvent(new CustomEvent("bulk-clear", { detail: { count: i, page: this._page }, bubbles: !0 })));
       return;
     }
     if (!e.closest(".resize-handle") && !(e.closest("th") && Date.now() < this._ignoreHeaderClickUntil) && !this._isInteractionBlocked()) {
       if (this.hasAttribute("sortable")) {
-        const r = e.closest("th");
-        if (r && this._table.contains(r)) {
-          if (e !== r && this._isInteractiveTarget(e))
-            return;
-          const o = this._headerCells().indexOf(r);
+        const i = e.closest("th");
+        if (i && this._table.contains(i)) {
+          if (e !== i && this._isInteractiveTarget(e)) return;
+          const o = this._headerCells().indexOf(i);
           if (o >= 0) {
-            this._sortByColumn(o, r);
+            this._sortByColumn(o, i);
             return;
           }
         }
       }
       if (this.hasAttribute("selectable")) {
-        const r = e.closest("tbody tr");
-        if (r && this._table.contains(r) && !r.hidden && !this._isVirtualSpacerRow(r)) {
-          if (e !== r && this._isInteractiveTarget(e))
-            return;
-          this._toggleRowSelection(r);
+        const i = e.closest("tbody tr");
+        if (i && this._table.contains(i) && !i.hidden && !this._isVirtualSpacerRow(i)) {
+          if (e !== i && this._isInteractiveTarget(e)) return;
+          this._toggleRowSelection(i);
         }
       }
     }
   }
   _onKeyDown(t) {
-    if (!this._table)
-      return;
+    if (!this._table) return;
     const a = t.key, e = t.target;
     if (a === "Escape" && this._selectedRows.size) {
-      const r = this._selectedRows.size;
-      this._selectedRows.clear(), this._syncRowSelectionState(), this._updateBulkActions(), this.dispatchEvent(new CustomEvent("bulk-clear", { detail: { count: r, page: this._page }, bubbles: !0 }));
+      const i = this._selectedRows.size;
+      this._selectedRows.clear(), this._syncRowSelectionState(), this._updateBulkActions(), this.dispatchEvent(new CustomEvent("bulk-clear", { detail: { count: i, page: this._page }, bubbles: !0 }));
       return;
     }
-    if (this._isInteractionBlocked())
-      return;
-    const i = e.closest("th");
-    if (i && this._table.contains(i)) {
-      const r = this._headerCells(), s = r.indexOf(i);
+    if (this._isInteractionBlocked()) return;
+    const r = e.closest("th");
+    if (r && this._table.contains(r)) {
+      const i = this._headerCells(), s = i.indexOf(r);
       if (s >= 0) {
-        const n = this._isRtl() ? -1 : 1, d = -n;
+        const n = this._isRtl() ? -1 : 1, u = -n;
         if (a === "ArrowRight" || a === "ArrowLeft") {
           t.preventDefault();
-          const c = a === "ArrowRight" ? n : d, h = Math.max(0, Math.min(r.length - 1, s + c));
-          if (t.altKey && this.hasAttribute("draggable-columns") && h !== s) {
-            this._moveColumn(s, h) && (this._ignoreHeaderClickUntil = Date.now() + 220, this._emitColumnOrderChange(s, h), this._applyVirtualization(!1), this._focusHeaderAt(h));
+          const h = a === "ArrowRight" ? n : u, l = Math.max(0, Math.min(i.length - 1, s + h));
+          if (t.altKey && this.hasAttribute("draggable-columns") && l !== s) {
+            this._moveColumn(s, l) && (this._ignoreHeaderClickUntil = Date.now() + 220, this._emitColumnOrderChange(s, l), this._applyVirtualization(!1), this._focusHeaderAt(l));
             return;
           }
-          this._focusHeaderAt(h);
+          this._focusHeaderAt(l);
           return;
         }
         if (a === "Home" || a === "End") {
-          t.preventDefault(), this._focusHeaderAt(a === "Home" ? 0 : r.length - 1);
+          t.preventDefault(), this._focusHeaderAt(a === "Home" ? 0 : i.length - 1);
           return;
         }
         if ((a === "Enter" || a === " ") && this.hasAttribute("sortable")) {
-          if (e !== i && this._isInteractiveTarget(e))
-            return;
-          t.preventDefault(), this._sortByColumn(s, i);
+          if (e !== r && this._isInteractiveTarget(e)) return;
+          t.preventDefault(), this._sortByColumn(s, r);
           return;
         }
       }
     }
     if (this.hasAttribute("selectable")) {
-      const r = e.closest("tbody tr");
-      if (r && this._table.contains(r) && !r.hidden && !this._isVirtualSpacerRow(r)) {
-        if (e !== r && this._isInteractiveTarget(e))
-          return;
+      const i = e.closest("tbody tr");
+      if (i && this._table.contains(i) && !i.hidden && !this._isVirtualSpacerRow(i)) {
+        if (e !== i && this._isInteractiveTarget(e)) return;
         if (a === "ArrowDown" || a === "ArrowUp") {
-          t.preventDefault(), this._focusSelectableRow(r, a === "ArrowDown" ? 1 : -1);
+          t.preventDefault(), this._focusSelectableRow(i, a === "ArrowDown" ? 1 : -1);
           return;
         }
         if (a === "Home" || a === "End") {
@@ -1631,22 +1550,21 @@ class z extends A {
           o && o.focus();
           return;
         }
-        (a === "Enter" || a === " ") && (t.preventDefault(), this._toggleRowSelection(r));
+        (a === "Enter" || a === " ") && (t.preventDefault(), this._toggleRowSelection(i));
       }
     }
   }
   _updateBulkActions() {
     const t = this.root.querySelector(".bulk");
-    if (!t)
-      return;
+    if (!t) return;
     const a = this.hasAttribute("selectable"), e = this._selectedRows.size;
     if (!(a && e > 0)) {
       t.setAttribute("hidden", "");
       return;
     }
     t.removeAttribute("hidden");
-    const r = this.getAttribute("bulk-actions-label") || "{count} selected", s = this.getAttribute("bulk-clear-label") || "Clear selection", o = t.querySelector(".bulk-count");
-    o && (o.textContent = r.replace("{count}", String(e)));
+    const i = this.getAttribute("bulk-actions-label") || "{count} selected", s = this.getAttribute("bulk-clear-label") || "Clear selection", o = t.querySelector(".bulk-count");
+    o && (o.textContent = i.replace("{count}", String(e)));
     const n = t.querySelector(".bulk-clear");
     n && (n.textContent = s);
   }
@@ -1654,7 +1572,7 @@ class z extends A {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-data-table") && customElements.define("ui-data-table", z);
+typeof customElements < "u" && !customElements.get("ui-data-table") && customElements.define("ui-data-table", R);
 export {
-  z as UIDataTable
+  R as UIDataTable
 };