@mikestools/usetable 0.0.4 → 0.0.5

package/README.md

@@ -13,20 +13,21 @@ A Vue 3 composable for HTML table manipulation with native DOM APIs. Two-layer a
 
 ### Core Features
 
-| Feature          | Description                               |
-|------------------|-------------------------------------------|
-| 📋 **Headers**   | Set, update, add, remove header cells     |
-| ➕ **Rows**       | Add, remove, update, move, swap rows      |
-| 📊 **Columns**   | Add, remove, move, swap columns           |
-| 🔲 **Cells**     | Get, set individual cell values           |
-| ☑️ **Selection** | Row and cell selection with range support |
-| 🎯 **Focus**     | Cell focus with keyboard navigation       |
-| 📝 **Footer**    | Footer row for totals/summaries           |
-| 🗄️ **Records**  | Work with typed records by ID             |
-| 🔔 **Events**    | Granular change callbacks                 |
-| ⌨️ **Keyboard**  | Arrow key cell navigation                 |
-| ⚡ **Reactive**   | Vue computed properties                   |
-| 🔄 **Sync**      | Sync with pre-existing DOM tables         |
+| Feature          | Description                                   |
+|------------------|-----------------------------------------------|
+| 📋 **Headers**   | Set, update, add, remove header cells         |
+| ➕ **Rows**       | Add, remove, update, move, swap rows          |
+| 📐 **Sections**  | Section-specific row ops (thead/tfoot/tbody)  |
+| 📊 **Columns**   | Add, remove, move, swap columns               |
+| 🔲 **Cells**     | Get, set individual cell values               |
+| ☑️ **Selection** | Row and cell selection with range support     |
+| 🎯 **Focus**     | Cell focus with keyboard navigation           |
+| 📝 **Footer**    | Footer row for totals/summaries               |
+| 🗄️ **Records**  | Work with typed records by ID                 |
+| 🔔 **Events**    | Granular change callbacks                     |
+| ⌨️ **Keyboard**  | Arrow key cell navigation                     |
+| ⚡ **Reactive**   | Vue computed properties                       |
+| 🔄 **Sync**      | Sync with pre-existing DOM tables             |
 
 ## Installation
 
@@ -190,6 +191,33 @@ getRowId(index: number): string | undefined
 getRowIndex(id: string): number
 ```
 
+#### Section-Specific Row Methods
+
+Methods using native `HTMLTableSectionElement` APIs for direct section manipulation:
+
+```typescript
+// Generic section methods
+getSectionRows(section: HTMLTableSectionElement): HTMLCollectionOf<HTMLTableRowElement>
+insertSectionRow(section: HTMLTableSectionElement, data: RowData, index?: number, id?: string): HTMLTableRowElement
+deleteSectionRow(section: HTMLTableSectionElement, index: number): CellValue[] | undefined
+getSectionRowCount(section: HTMLTableSectionElement): number
+
+// thead-specific
+addHeadRow(data: RowData, index?: number): HTMLTableRowElement
+removeHeadRow(index: number): CellValue[] | undefined
+getHeadRowCount(): number
+
+// tfoot-specific
+addFootRow(data: RowData, index?: number): HTMLTableRowElement
+removeFootRow(index: number): CellValue[] | undefined
+getFootRowCount(): number
+
+// tbody-specific (supports multiple tbodies)
+addBodyRow(data: RowData, tbodyIndex?: number, rowIndex?: number, id?: string): HTMLTableRowElement
+removeBodyRow(rowIndex: number, tbodyIndex?: number): CellValue[] | undefined
+getBodyRowCount(tbodyIndex?: number): number
+```
+
 #### Column Methods
 
 ```typescript

package/dist/index.d.ts

@@ -227,6 +227,32 @@ export declare interface TableInstance {
     deleteTFoot(): void;
     /** Create a new tbody */
     createTBody(): HTMLTableSectionElement;
+    /** Get rows from a specific section (thead, tbody, or tfoot) */
+    getSectionRows(section: HTMLTableSectionElement): HTMLCollectionOf<HTMLTableRowElement>;
+    /** Insert a row in a specific section at the given index */
+    insertSectionRow(section: HTMLTableSectionElement, data: RowData, index?: number, id?: string): HTMLTableRowElement;
+    /** Delete a row from a specific section at the given index */
+    deleteSectionRow(section: HTMLTableSectionElement, index: number): CellValue[] | undefined;
+    /** Get row count for a specific section */
+    getSectionRowCount(section: HTMLTableSectionElement): number;
+    /** Add row to thead */
+    addHeadRow(data: RowData, index?: number): HTMLTableRowElement;
+    /** Remove row from thead */
+    removeHeadRow(index: number): CellValue[] | undefined;
+    /** Get head row count */
+    getHeadRowCount(): number;
+    /** Add row to tfoot */
+    addFootRow(data: RowData, index?: number): HTMLTableRowElement;
+    /** Remove row from tfoot */
+    removeFootRow(index: number): CellValue[] | undefined;
+    /** Get foot row count */
+    getFootRowCount(): number;
+    /** Add row to specific tbody */
+    addBodyRow(data: RowData, tbodyIndex?: number, rowIndex?: number, id?: string): HTMLTableRowElement;
+    /** Remove row from specific tbody */
+    removeBodyRow(rowIndex: number, tbodyIndex?: number): CellValue[] | undefined;
+    /** Get body row count for a specific tbody */
+    getBodyRowCount(tbodyIndex?: number): number;
     /** Set all headers */
     setHeaders(headers: readonly string[]): void;
     /** Set single header */
@@ -410,6 +436,32 @@ export declare interface UseTableReturn {
     deleteTFoot(): void;
     /** Create a new tbody */
     createTBody(): HTMLTableSectionElement;
+    /** Get rows from a specific section (thead, tbody, or tfoot) */
+    getSectionRows(section: HTMLTableSectionElement): HTMLCollectionOf<HTMLTableRowElement>;
+    /** Insert a row in a specific section at the given index */
+    insertSectionRow(section: HTMLTableSectionElement, data: RowData, index?: number, id?: string): HTMLTableRowElement;
+    /** Delete a row from a specific section at the given index */
+    deleteSectionRow(section: HTMLTableSectionElement, index: number): CellValue[] | undefined;
+    /** Get row count for a specific section */
+    getSectionRowCount(section: HTMLTableSectionElement): number;
+    /** Add row to thead */
+    addHeadRow(data: RowData, index?: number): HTMLTableRowElement;
+    /** Remove row from thead */
+    removeHeadRow(index: number): CellValue[] | undefined;
+    /** Get head row count */
+    getHeadRowCount(): number;
+    /** Add row to tfoot */
+    addFootRow(data: RowData, index?: number): HTMLTableRowElement;
+    /** Remove row from tfoot */
+    removeFootRow(index: number): CellValue[] | undefined;
+    /** Get foot row count */
+    getFootRowCount(): number;
+    /** Add row to specific tbody */
+    addBodyRow(data: RowData, tbodyIndex?: number, rowIndex?: number, id?: string): HTMLTableRowElement;
+    /** Remove row from specific tbody */
+    removeBodyRow(rowIndex: number, tbodyIndex?: number): CellValue[] | undefined;
+    /** Get body row count for a specific tbody */
+    getBodyRowCount(tbodyIndex?: number): number;
     /** Set all headers */
     setHeaders(headers: readonly string[]): void;
     /** Set single header */

package/dist/usetable.js

@@ -1,20 +1,20 @@
-import { ref as N, computed as U, onUnmounted as ut } from "vue";
+import { ref as j, computed as A, onUnmounted as ut } from "vue";
 function dt() {
   return crypto.randomUUID();
 }
-function S(l, C) {
+function T(l, C) {
   l.textContent = "", C != null && (C instanceof Node ? l.appendChild(C) : l.textContent = String(C));
 }
-function A(l) {
+function U(l) {
   return l.childNodes.length === 1 && l.firstChild instanceof HTMLElement ? l.firstChild : l.textContent ?? "";
 }
 function oe(l) {
   const C = document.createElement("th");
   return C.scope = "col", C.textContent = l, C;
 }
-function it(l, C, H) {
-  let c = H?.idGenerator ?? dt;
-  const F = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set(), D = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Set(), I = /* @__PURE__ */ new Set();
+function it(l, C, m) {
+  let c = m?.idGenerator ?? dt;
+  const B = /* @__PURE__ */ new Set(), w = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set(), F = /* @__PURE__ */ new Set(), H = /* @__PURE__ */ new Set(), I = /* @__PURE__ */ new Set();
   function E() {
     const e = l.tBodies;
     return e.length > 0 ? e[0] : l.createTBody();
@@ -28,35 +28,35 @@ function it(l, C, H) {
     }
     return e;
   }
-  function P(e, o, n) {
-    F.forEach((s) => s(e, o, n)), y();
+  function V(e, o, n) {
+    B.forEach((s) => s(e, o, n)), y();
   }
-  function j(e, o, n) {
-    f.forEach((s) => s(e, o, n)), y();
+  function M(e, o, n) {
+    w.forEach((s) => s(e, o, n)), y();
   }
   function z(e, o, n, s) {
     h.forEach((a) => a(e, o, n, s)), y();
   }
-  function V(e, o, n, s) {
-    D.forEach((a) => a(e, o, n, s)), y();
+  function N(e, o, n, s) {
+    F.forEach((a) => a(e, o, n, s)), y();
   }
-  function T() {
-    const e = d.getHeaders();
-    p.forEach((o) => o(e));
+  function D() {
+    const e = i.getHeaders();
+    H.forEach((o) => o(e));
   }
   function y() {
     if (I.size > 0) {
-      const e = d.getData();
+      const e = i.getData();
       I.forEach((o) => o(e));
     }
   }
-  function L(e) {
+  function b(e) {
     const o = [];
     for (let n = 0; n < e.cells.length; n++)
-      o.push(A(e.cells[n]));
+      o.push(U(e.cells[n]));
     return o;
   }
-  const d = {
+  const i = {
     // ======================================================================
     // ELEMENT ACCESS
     // ======================================================================
@@ -89,12 +89,12 @@ function it(l, C, H) {
           return n;
     },
     getCell(e, o) {
-      const n = d.getRow(e);
+      const n = i.getRow(e);
       if (n)
         return n.cells[o];
     },
     getCellByRowId(e, o) {
-      const n = d.getRowById(e);
+      const n = i.getRowById(e);
       if (n)
         return n.cells[o];
     },
@@ -110,48 +110,48 @@ function it(l, C, H) {
       return n;
     },
     getHeader(e) {
-      return d.getHeaders()[e];
+      return i.getHeaders()[e];
     },
     getData() {
-      return v().map(L);
+      return v().map(b);
     },
     getRowData(e) {
-      const o = d.getRow(e);
+      const o = i.getRow(e);
       if (o)
-        return L(o);
+        return b(o);
     },
     getRowDataById(e) {
-      const o = d.getRowById(e);
+      const o = i.getRowById(e);
       if (o)
-        return L(o);
+        return b(o);
     },
     getCellValue(e, o) {
-      const n = d.getCell(e, o);
+      const n = i.getCell(e, o);
       if (n)
-        return A(n);
+        return U(n);
     },
     getColumnData(e) {
       return v().map((n) => {
         const s = n.cells[e];
-        return s ? A(s) : void 0;
+        return s ? U(s) : void 0;
       });
     },
     getFooterData() {
       const e = l.tFoot;
       if (!(!e || e.rows.length === 0))
-        return L(e.rows[0]);
+        return b(e.rows[0]);
     },
     getRowCount() {
       return v().length;
     },
     getColumnCount() {
-      const e = d.getHeaders();
+      const e = i.getHeaders();
       if (e.length > 0) return e.length;
       const o = v();
       return o.length > 0 ? o[0].cells.length : 0;
     },
     getRowId(e) {
-      return d.getRow(e)?.dataset.id;
+      return i.getRow(e)?.dataset.id;
     },
     getRowIndex(e) {
       const o = v();
@@ -179,7 +179,7 @@ function it(l, C, H) {
       return l.createTHead();
     },
     deleteTHead() {
-      l.deleteTHead(), T();
+      l.deleteTHead(), D();
     },
     createTFoot() {
       return l.createTFoot();
@@ -191,6 +191,80 @@ function it(l, C, H) {
       return l.createTBody();
     },
     // ======================================================================
+    // SECTION-SPECIFIC ROW METHODS
+    // ======================================================================
+    getSectionRows(e) {
+      return e.rows;
+    },
+    insertSectionRow(e, o, n, s) {
+      const a = n ?? e.rows.length, d = e.insertRow(a);
+      s ? d.dataset.id = s : e === l.tBodies[0] && (d.dataset.id = c());
+      for (const g of o) {
+        const f = d.insertCell();
+        T(f, g);
+      }
+      return l.tBodies && Array.from(l.tBodies).includes(e) && V([...o], a, d.dataset.id), d;
+    },
+    deleteSectionRow(e, o) {
+      if (o < 0 || o >= e.rows.length) return;
+      const n = e.rows[o], s = b(n), a = n.dataset.id;
+      return e.deleteRow(o), l.tBodies && Array.from(l.tBodies).includes(e) && M(s, o, a), s;
+    },
+    getSectionRowCount(e) {
+      return e.rows.length;
+    },
+    addHeadRow(e, o) {
+      let n = l.tHead;
+      return n || (n = l.createTHead()), i.insertSectionRow(n, e, o);
+    },
+    removeHeadRow(e) {
+      const o = l.tHead;
+      if (!o) return;
+      const n = i.deleteSectionRow(o, e);
+      return n && D(), n;
+    },
+    getHeadRowCount() {
+      const e = l.tHead;
+      return e ? e.rows.length : 0;
+    },
+    addFootRow(e, o) {
+      let n = l.tFoot;
+      n || (n = l.createTFoot());
+      const s = i.insertSectionRow(n, e, o);
+      return y(), s;
+    },
+    removeFootRow(e) {
+      const o = l.tFoot;
+      if (!o) return;
+      const n = i.deleteSectionRow(o, e);
+      return n && y(), n;
+    },
+    getFootRowCount() {
+      const e = l.tFoot;
+      return e ? e.rows.length : 0;
+    },
+    addBodyRow(e, o, n, s) {
+      const a = l.tBodies;
+      let d;
+      return o !== void 0 && o >= 0 && o < a.length ? d = a[o] : d = E(), i.insertSectionRow(d, e, n, s);
+    },
+    removeBodyRow(e, o) {
+      const n = l.tBodies;
+      if (n.length === 0) return;
+      let s;
+      return o !== void 0 && o >= 0 && o < n.length ? s = n[o] : s = n[0], i.deleteSectionRow(s, e);
+    },
+    getBodyRowCount(e) {
+      const o = l.tBodies;
+      if (o.length === 0) return 0;
+      if (e !== void 0 && e >= 0 && e < o.length)
+        return o[e].rows.length;
+      let n = 0;
+      for (let s = 0; s < o.length; s++)
+        n += o[s].rows.length;
+      return n;
+    },
+    // ======================================================================
     // HEADER METHODS
     // ======================================================================
     setHeaders(e) {
@@ -200,83 +274,83 @@ function it(l, C, H) {
       const n = o.insertRow();
       for (const s of e)
         n.appendChild(oe(s));
-      T();
+      D();
     },
     setHeader(e, o) {
       const n = l.tHead;
       if (!n || n.rows.length === 0) return;
       const s = n.rows[0].cells[e];
-      s && (s.textContent = o, T());
+      s && (s.textContent = o, D());
     },
     addHeader(e, o) {
       let n = l.tHead;
       n || (n = l.createTHead(), n.insertRow()), n.rows.length === 0 && n.insertRow();
       const s = n.rows[0], a = oe(e);
-      o === void 0 || o >= s.cells.length ? s.appendChild(a) : s.insertBefore(a, s.cells[o]), T();
+      o === void 0 || o >= s.cells.length ? s.appendChild(a) : s.insertBefore(a, s.cells[o]), D();
     },
     removeHeader(e) {
       const o = l.tHead;
       if (!o || o.rows.length === 0) return;
       const n = o.rows[0];
-      e >= 0 && e < n.cells.length && (n.deleteCell(e), T());
+      e >= 0 && e < n.cells.length && (n.deleteCell(e), D());
     },
     // ======================================================================
     // ROW METHODS
     // ======================================================================
     addRow(e, o, n) {
-      const s = E(), a = o ?? s.rows.length, i = s.insertRow(a), g = n ?? c();
-      i.dataset.id = g;
-      for (const w of e) {
-        const B = i.insertCell();
-        S(B, w);
+      const s = E(), a = o ?? s.rows.length, d = s.insertRow(a), g = n ?? c();
+      d.dataset.id = g;
+      for (const f of e) {
+        const S = d.insertCell();
+        T(S, f);
       }
-      return P([...e], a, g), i;
+      return V([...e], a, g), d;
     },
     removeRow(e) {
       const o = v();
       if (e < 0 || e >= o.length) return;
-      const n = o[e], s = L(n), a = n.dataset.id;
-      return n.remove(), j(s, e, a), s;
+      const n = o[e], s = b(n), a = n.dataset.id;
+      return n.remove(), M(s, e, a), s;
     },
     removeRowById(e) {
-      const o = d.getRowIndex(e);
+      const o = i.getRowIndex(e);
       if (o !== -1)
-        return d.removeRow(o);
+        return i.removeRow(o);
     },
     updateRow(e, o) {
-      const n = d.getRow(e);
+      const n = i.getRow(e);
       if (!n) return;
-      const s = L(n), a = n.dataset.id;
-      for (let i = 0; i < o.length; i++) {
-        let g = n.cells[i];
-        g || (g = n.insertCell()), S(g, o[i]);
+      const s = b(n), a = n.dataset.id;
+      for (let d = 0; d < o.length; d++) {
+        let g = n.cells[d];
+        g || (g = n.insertCell()), T(g, o[d]);
       }
       for (; n.cells.length > o.length; )
         n.deleteCell(n.cells.length - 1);
       z(e, s, [...o], a);
     },
     updateRowById(e, o) {
-      const n = d.getRowIndex(e);
-      n !== -1 && d.updateRow(n, o);
+      const n = i.getRowIndex(e);
+      n !== -1 && i.updateRow(n, o);
     },
     moveRow(e, o) {
       const n = v();
       if (e < 0 || e >= n.length || o < 0 || o >= n.length || e === o) return;
       const s = n[e], a = s.parentElement;
       if (o > e) {
-        const i = n[o];
-        a.insertBefore(s, i.nextSibling);
+        const d = n[o];
+        a.insertBefore(s, d.nextSibling);
       } else {
-        const i = n[o];
-        a.insertBefore(s, i);
+        const d = n[o];
+        a.insertBefore(s, d);
       }
       y();
     },
     swapRows(e, o) {
       const n = v();
       if (e < 0 || e >= n.length || o < 0 || o >= n.length || e === o) return;
-      const s = n[e], a = n[o], i = s.parentElement, g = document.createElement("tr");
-      i.insertBefore(g, s), i.insertBefore(s, a), i.insertBefore(a, g), g.remove(), y();
+      const s = n[e], a = n[o], d = s.parentElement, g = document.createElement("tr");
+      d.insertBefore(g, s), d.insertBefore(s, a), d.insertBefore(a, g), g.remove(), y();
     },
     clearRows() {
       const e = l.tBodies;
@@ -291,21 +365,21 @@ function it(l, C, H) {
     // COLUMN METHODS
     // ======================================================================
     addColumn(e, o, n) {
-      d.addHeader(e, n);
+      i.addHeader(e, n);
       const s = v();
-      for (const i of s) {
-        const g = i.insertCell(n ?? i.cells.length);
-        S(g, o ?? "");
+      for (const d of s) {
+        const g = d.insertCell(n ?? d.cells.length);
+        T(g, o ?? "");
       }
       const a = l.tFoot;
       if (a && a.rows.length > 0) {
-        const i = a.rows[0], g = i.insertCell(n ?? i.cells.length);
-        S(g, "");
+        const d = a.rows[0], g = d.insertCell(n ?? d.cells.length);
+        T(g, "");
       }
       y();
     },
     removeColumn(e) {
-      d.removeHeader(e);
+      i.removeHeader(e);
       const o = v();
       for (const s of o)
         e >= 0 && e < s.cells.length && s.deleteCell(e);
@@ -317,52 +391,52 @@ function it(l, C, H) {
       y();
     },
     moveColumn(e, o) {
-      const n = d.getColumnCount();
+      const n = i.getColumnCount();
       if (e < 0 || e >= n || o < 0 || o >= n || e === o) return;
-      const s = (w) => {
-        if (e >= w.cells.length) return;
-        const B = w.cells[e];
-        o >= w.cells.length ? w.appendChild(B) : o > e ? w.insertBefore(B, w.cells[o + 1]) : w.insertBefore(B, w.cells[o]);
+      const s = (f) => {
+        if (e >= f.cells.length) return;
+        const S = f.cells[e];
+        o >= f.cells.length ? f.appendChild(S) : o > e ? f.insertBefore(S, f.cells[o + 1]) : f.insertBefore(S, f.cells[o]);
       }, a = l.tHead;
       if (a)
-        for (let w = 0; w < a.rows.length; w++)
-          s(a.rows[w]);
-      const i = v();
-      for (const w of i)
-        s(w);
+        for (let f = 0; f < a.rows.length; f++)
+          s(a.rows[f]);
+      const d = v();
+      for (const f of d)
+        s(f);
       const g = l.tFoot;
       if (g)
-        for (let w = 0; w < g.rows.length; w++)
-          s(g.rows[w]);
-      T(), y();
+        for (let f = 0; f < g.rows.length; f++)
+          s(g.rows[f]);
+      D(), y();
     },
     swapColumns(e, o) {
-      const n = d.getColumnCount();
+      const n = i.getColumnCount();
       if (e < 0 || e >= n || o < 0 || o >= n || e === o) return;
-      const s = (w) => {
-        if (e >= w.cells.length || o >= w.cells.length) return;
-        const B = w.cells[e], G = w.cells[o], K = document.createElement("td");
-        w.insertBefore(K, B), w.insertBefore(B, G), w.insertBefore(G, K), K.remove();
+      const s = (f) => {
+        if (e >= f.cells.length || o >= f.cells.length) return;
+        const S = f.cells[e], G = f.cells[o], K = document.createElement("td");
+        f.insertBefore(K, S), f.insertBefore(S, G), f.insertBefore(G, K), K.remove();
       }, a = l.tHead;
       if (a)
-        for (let w = 0; w < a.rows.length; w++)
-          s(a.rows[w]);
-      const i = v();
-      for (const w of i)
-        s(w);
+        for (let f = 0; f < a.rows.length; f++)
+          s(a.rows[f]);
+      const d = v();
+      for (const f of d)
+        s(f);
       const g = l.tFoot;
       if (g)
-        for (let w = 0; w < g.rows.length; w++)
-          s(g.rows[w]);
-      T(), y();
+        for (let f = 0; f < g.rows.length; f++)
+          s(g.rows[f]);
+      D(), y();
     },
     setColumnData(e, o) {
       const n = v();
       for (let s = 0; s < n.length && s < o.length; s++) {
         const a = n[s].cells[e];
         if (a) {
-          const i = A(a);
-          S(a, o[s]), i !== o[s] && V(s, e, i, o[s]);
+          const d = U(a);
+          T(a, o[s]), d !== o[s] && N(s, e, d, o[s]);
         }
       }
     },
@@ -370,20 +444,20 @@ function it(l, C, H) {
     // CELL METHODS
     // ======================================================================
     setCell(e, o, n) {
-      const s = d.getCell(e, o);
+      const s = i.getCell(e, o);
       if (!s) return;
-      const a = A(s);
-      S(s, n), V(e, o, a, n);
+      const a = U(s);
+      T(s, n), N(e, o, a, n);
     },
     setCellByRowId(e, o, n) {
-      const s = d.getRowIndex(e);
-      s !== -1 && d.setCell(s, o, n);
+      const s = i.getRowIndex(e);
+      s !== -1 && i.setCell(s, o, n);
     },
     setCellRange(e, o, n) {
       for (let s = 0; s < n.length; s++) {
         const a = n[s];
-        for (let i = 0; i < a.length; i++)
-          d.setCell(e + s, o + i, a[i]);
+        for (let d = 0; d < a.length; d++)
+          i.setCell(e + s, o + d, a[d]);
       }
     },
     // ======================================================================
@@ -396,20 +470,20 @@ function it(l, C, H) {
       const n = o.insertRow();
       for (const s of e) {
         const a = n.insertCell();
-        S(a, s);
+        T(a, s);
       }
     },
     setFooterCell(e, o) {
       const n = l.tFoot;
       if (!n || n.rows.length === 0) return;
       const s = n.rows[0].cells[e];
-      s && S(s, o);
+      s && T(s, o);
     },
     getFooterCell(e) {
       const o = l.tFoot;
       if (!o || o.rows.length === 0) return;
       const n = o.rows[0].cells[e];
-      return n ? A(n) : void 0;
+      return n ? U(n) : void 0;
     },
     clearFooter() {
       const e = l.tFoot;
@@ -431,14 +505,14 @@ function it(l, C, H) {
     // BULK OPERATIONS
     // ======================================================================
     setData(e) {
-      d.clearRows();
+      i.clearRows();
       const o = E();
       for (const n of e) {
         const s = o.insertRow();
         s.dataset.id = c();
         for (const a of n) {
-          const i = s.insertCell();
-          S(i, a);
+          const d = s.insertCell();
+          T(d, a);
         }
       }
       y();
@@ -446,7 +520,7 @@ function it(l, C, H) {
     reset() {
       for (l.deleteCaption(), l.deleteTHead(), l.deleteTFoot(); l.tBodies.length > 0; )
         l.removeChild(l.tBodies[0]);
-      T(), y();
+      D(), y();
     },
     sync() {
       const e = v();
@@ -457,34 +531,34 @@ function it(l, C, H) {
     // RECORD-BASED OPERATIONS
     // ======================================================================
     setRecords(e, o) {
-      d.clearRows();
+      i.clearRows();
       const n = E();
       for (const s of e) {
         const a = n.insertRow();
         a.dataset.id = s.id;
-        for (const i of o) {
-          const g = a.insertCell(), w = typeof i == "function" ? i(s) : s[i];
-          S(g, w);
+        for (const d of o) {
+          const g = a.insertCell(), f = typeof d == "function" ? d(s) : s[d];
+          T(g, f);
         }
       }
       y();
     },
     getRecordData(e) {
-      return d.getRowDataById(e);
+      return i.getRowDataById(e);
     },
     addRecord(e, o, n) {
-      const s = "id" in e && typeof e.id == "string" && e.id.length > 0 ? e.id : c(), a = { ...e, id: s }, i = o.map((g) => typeof g == "function" ? g(a) : a[g]);
-      return d.addRow(i, n, s), s;
+      const s = "id" in e && typeof e.id == "string" && e.id.length > 0 ? e.id : c(), a = { ...e, id: s }, d = o.map((g) => typeof g == "function" ? g(a) : a[g]);
+      return i.addRow(d, n, s), s;
     },
     updateRecordRow(e, o) {
-      const n = d.getRowIndex(e);
-      return n === -1 ? !1 : (d.updateRow(n, o), !0);
+      const n = i.getRowIndex(e);
+      return n === -1 ? !1 : (i.updateRow(n, o), !0);
     },
     removeRecord(e) {
-      return d.removeRowById(e) !== void 0;
+      return i.removeRowById(e) !== void 0;
     },
     hasRecord(e) {
-      return d.getRowIndex(e) !== -1;
+      return i.getRowIndex(e) !== -1;
     },
     // ======================================================================
     // ID GENERATOR
@@ -499,19 +573,19 @@ function it(l, C, H) {
     // EVENT HOOKS
     // ======================================================================
     onRowAdd(e) {
-      return F.add(e), () => F.delete(e);
+      return B.add(e), () => B.delete(e);
     },
     onRowRemove(e) {
-      return f.add(e), () => f.delete(e);
+      return w.add(e), () => w.delete(e);
     },
     onRowUpdate(e) {
       return h.add(e), () => h.delete(e);
     },
     onCellChange(e) {
-      return D.add(e), () => D.delete(e);
+      return F.add(e), () => F.delete(e);
     },
     onHeaderChange(e) {
-      return p.add(e), () => p.delete(e);
+      return H.add(e), () => H.delete(e);
     },
     onDataChange(e) {
       return I.add(e), () => I.delete(e);
@@ -520,141 +594,141 @@ function it(l, C, H) {
     // CLEANUP
     // ======================================================================
     destroy() {
-      F.clear(), f.clear(), h.clear(), D.clear(), p.clear(), I.clear();
+      B.clear(), w.clear(), h.clear(), F.clear(), H.clear(), I.clear();
     }
   };
-  return H?.caption && d.setCaption(H.caption), H?.headers && d.setHeaders(H.headers), C && d.setData(C), H?.footer && d.setFooter(H.footer), d.sync(), d;
+  return m?.caption && i.setCaption(m.caption), m?.headers && i.setHeaders(m.headers), C && i.setData(C), m?.footer && i.setFooter(m.footer), i.sync(), i;
 }
-function Ct(l, C, H) {
-  const c = it(l.value, C, H), F = N(0), f = () => {
-    F.value++;
-  }, h = N(/* @__PURE__ */ new Set()), D = N(/* @__PURE__ */ new Set()), p = N(null), I = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set(), v = U(() => (F.value, c.element)), P = U(() => (F.value, c.getHeaders())), j = U(() => (F.value, c.getData())), z = U(() => (F.value, c.getRowCount())), V = U(() => (F.value, c.getColumnCount())), T = U(() => (F.value, c.getAllRowIds())), y = U(() => (F.value, c.getFooterData())), L = U(() => (F.value, c.getCaptionText())), d = () => {
-    I.forEach((t) => t(h.value, D.value));
+function Rt(l, C, m) {
+  const c = it(l.value, C, m), B = j(0), w = () => {
+    B.value++;
+  }, h = j(/* @__PURE__ */ new Set()), F = j(/* @__PURE__ */ new Set()), H = j(null), I = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set(), v = A(() => (B.value, c.element)), V = A(() => (B.value, c.getHeaders())), M = A(() => (B.value, c.getData())), z = A(() => (B.value, c.getRowCount())), N = A(() => (B.value, c.getColumnCount())), D = A(() => (B.value, c.getAllRowIds())), y = A(() => (B.value, c.getFooterData())), b = A(() => (B.value, c.getCaptionText())), i = () => {
+    I.forEach((t) => t(h.value, F.value));
   }, e = () => {
-    E.forEach((t) => t(p.value));
-  }, o = (t, r) => `${t},${r}`, n = c.onDataChange(() => f()), s = c.onHeaderChange(() => f()), a = (t) => {
+    E.forEach((t) => t(H.value));
+  }, o = (t, r) => `${t},${r}`, n = c.onDataChange(() => w()), s = c.onHeaderChange(() => w()), a = (t) => {
     if (t < 0 || t >= c.getRowCount()) return;
     const r = new Set(h.value);
-    r.add(t), h.value = r, d();
-  }, i = (t) => {
+    r.add(t), h.value = r, i();
+  }, d = (t) => {
     const r = new Set(h.value);
-    r.delete(t), h.value = r, d();
+    r.delete(t), h.value = r, i();
   }, g = (t) => {
-    h.value.has(t) ? i(t) : a(t);
-  }, w = () => {
+    h.value.has(t) ? d(t) : a(t);
+  }, f = () => {
     const t = c.getRowCount(), r = /* @__PURE__ */ new Set();
     for (let u = 0; u < t; u++)
       r.add(u);
-    h.value = r, d();
-  }, B = () => {
-    h.value = /* @__PURE__ */ new Set(), d();
+    h.value = r, i();
+  }, S = () => {
+    h.value = /* @__PURE__ */ new Set(), i();
   }, G = (t, r) => {
-    const u = Math.min(t, r), R = Math.max(t, r), m = c.getRowCount(), M = new Set(h.value);
-    for (let k = u; k <= R && k < m; k++)
-      k >= 0 && M.add(k);
-    h.value = M, d();
+    const u = Math.min(t, r), R = Math.max(t, r), p = c.getRowCount(), P = new Set(h.value);
+    for (let k = u; k <= R && k < p; k++)
+      k >= 0 && P.add(k);
+    h.value = P, i();
   }, K = (t) => h.value.has(t), $ = () => Array.from(h.value).sort((t, r) => t - r), ne = () => $().map((t) => c.getRowData(t)).filter((t) => t !== void 0), J = (t, r) => {
-    const u = o(t, r), R = new Set(D.value);
-    R.add(u), D.value = R, d();
+    const u = o(t, r), R = new Set(F.value);
+    R.add(u), F.value = R, i();
   }, O = (t, r) => {
-    const u = o(t, r), R = new Set(D.value);
-    R.delete(u), D.value = R, d();
+    const u = o(t, r), R = new Set(F.value);
+    R.delete(u), F.value = R, i();
   }, re = (t, r) => {
     const u = o(t, r);
-    D.value.has(u) ? O(t, r) : J(t, r);
-  }, se = (t, r) => D.value.has(o(t, r)), _ = () => {
-    h.value = /* @__PURE__ */ new Set(), D.value = /* @__PURE__ */ new Set(), d();
-  }, b = (t, r) => {
+    F.value.has(u) ? O(t, r) : J(t, r);
+  }, se = (t, r) => F.value.has(o(t, r)), _ = () => {
+    h.value = /* @__PURE__ */ new Set(), F.value = /* @__PURE__ */ new Set(), i();
+  }, L = (t, r) => {
     const u = c.getRowCount(), R = c.getColumnCount();
     if (t < 0 || t >= u || r < 0 || r >= R) return;
-    p.value = { row: t, column: r };
-    const m = c.getCell(t, r);
-    m && (m.tabIndex = 0, m.focus()), e();
+    H.value = { row: t, column: r };
+    const p = c.getCell(t, r);
+    p && (p.tabIndex = 0, p.focus()), e();
   }, Q = () => {
-    p.value = null, e();
-  }, ce = () => p.value ? { ...p.value } : null, le = (t, r) => {
-    const u = p.value;
+    H.value = null, e();
+  }, ce = () => H.value ? { ...H.value } : null, le = (t, r) => {
+    const u = H.value;
     return u !== null && u.row === t && u.column === r;
   }, W = () => {
-    const t = p.value;
-    return !t || t.row <= 0 ? !1 : (b(t.row - 1, t.column), !0);
+    const t = H.value;
+    return !t || t.row <= 0 ? !1 : (L(t.row - 1, t.column), !0);
   }, X = () => {
-    const t = p.value;
+    const t = H.value;
     if (!t) return !1;
     const r = c.getRowCount();
-    return t.row >= r - 1 ? !1 : (b(t.row + 1, t.column), !0);
+    return t.row >= r - 1 ? !1 : (L(t.row + 1, t.column), !0);
   }, Y = () => {
-    const t = p.value;
-    return !t || t.column <= 0 ? !1 : (b(t.row, t.column - 1), !0);
+    const t = H.value;
+    return !t || t.column <= 0 ? !1 : (L(t.row, t.column - 1), !0);
   }, Z = () => {
-    const t = p.value;
+    const t = H.value;
     if (!t) return !1;
     const r = c.getColumnCount();
-    return t.column >= r - 1 ? !1 : (b(t.row, t.column + 1), !0);
+    return t.column >= r - 1 ? !1 : (L(t.row, t.column + 1), !0);
   }, x = () => {
     const t = c.getRowCount(), r = c.getColumnCount();
-    t > 0 && r > 0 && b(0, 0);
+    t > 0 && r > 0 && L(0, 0);
   }, ee = () => {
     const t = c.getRowCount(), r = c.getColumnCount();
-    t > 0 && r > 0 && b(t - 1, r - 1);
+    t > 0 && r > 0 && L(t - 1, r - 1);
   }, ae = () => {
     const t = c.element, r = (u) => {
-      const R = p.value;
+      const R = H.value;
       if (!R) return;
-      let m = !1;
+      let p = !1;
       switch (u.key) {
         case "ArrowUp":
-          m = W();
+          p = W();
           break;
         case "ArrowDown":
-          m = X();
+          p = X();
           break;
         case "ArrowLeft":
-          m = Y();
+          p = Y();
           break;
         case "ArrowRight":
-          m = Z();
+          p = Z();
           break;
         case "Home":
-          u.ctrlKey ? x() : b(R.row, 0), m = !0;
+          u.ctrlKey ? x() : L(R.row, 0), p = !0;
           break;
         case "End":
           if (u.ctrlKey)
             ee();
           else {
-            const M = c.getColumnCount();
-            b(R.row, M - 1);
+            const P = c.getColumnCount();
+            L(R.row, P - 1);
           }
-          m = !0;
+          p = !0;
           break;
         case "Enter":
         case " ":
-          u.shiftKey ? G(R.row, R.row) : u.ctrlKey || u.metaKey ? g(R.row) : (B(), a(R.row)), m = !0;
+          u.shiftKey ? G(R.row, R.row) : u.ctrlKey || u.metaKey ? g(R.row) : (S(), a(R.row)), p = !0;
           break;
         case "Escape":
-          _(), m = !0;
+          _(), p = !0;
           break;
         case "a":
-          (u.ctrlKey || u.metaKey) && (h.value.size === c.getRowCount() ? B() : w(), m = !0);
+          (u.ctrlKey || u.metaKey) && (h.value.size === c.getRowCount() ? S() : f(), p = !0);
           break;
       }
-      m && (u.preventDefault(), u.stopPropagation());
+      p && (u.preventDefault(), u.stopPropagation());
     };
     return t.addEventListener("keydown", r), () => {
       t.removeEventListener("keydown", r);
     };
   }, ue = (t, r) => {
-    c.setRecords(t, r), f();
+    c.setRecords(t, r), w();
   }, de = (t) => c.getRecordData(t), ie = (t, r, u) => {
     const R = c.addRecord(t, r, u);
-    return f(), R;
+    return w(), R;
   }, we = (t, r) => {
     const u = c.updateRecordRow(t, r);
-    return u && f(), u;
+    return u && w(), u;
   }, fe = (t) => {
     const r = c.removeRecord(t);
-    return r && f(), r;
-  }, ge = (t) => c.hasRecord(t), Ce = () => $().map((r) => c.getRowId(r)).filter((r) => r !== void 0), Re = (t) => {
+    return r && w(), r;
+  }, ge = (t) => c.hasRecord(t), Re = () => $().map((r) => c.getRowId(r)).filter((r) => r !== void 0), Ce = (t) => {
     for (const r of t) {
       const u = c.getRowIndex(r);
       u !== -1 && a(u);
@@ -662,65 +736,65 @@ function Ct(l, C, H) {
   }, he = (t) => {
     for (const r of t) {
       const u = c.getRowIndex(r);
-      u !== -1 && i(u);
+      u !== -1 && d(u);
     }
   }, ve = (t) => {
-    c.setHeaders(t), f();
+    c.setHeaders(t), w();
   }, pe = (t, r) => {
-    c.setHeader(t, r), f();
+    c.setHeader(t, r), w();
   }, ye = (t, r) => {
-    c.addHeader(t, r), f();
-  }, me = (t) => {
-    c.removeHeader(t), f();
-  }, He = (t, r, u) => {
+    c.addHeader(t, r), w();
+  }, He = (t) => {
+    c.removeHeader(t), w();
+  }, me = (t, r, u) => {
     const R = c.addRow(t, r, u);
-    return f(), R;
-  }, Fe = (t) => {
+    return w(), R;
+  }, Be = (t) => {
     const r = c.removeRow(t);
-    return r && f(), r;
-  }, De = (t) => {
+    return r && w(), r;
+  }, Fe = (t) => {
     const r = c.removeRowById(t);
-    return r && f(), r;
-  }, Be = (t, r) => {
-    c.updateRow(t, r), f();
-  }, Ie = (t, r) => {
-    c.updateRowById(t, r), f();
-  }, Te = (t, r) => {
-    c.moveRow(t, r), f();
+    return r && w(), r;
   }, Se = (t, r) => {
-    c.swapRows(t, r), f();
+    c.updateRow(t, r), w();
+  }, De = (t, r) => {
+    c.updateRowById(t, r), w();
+  }, Te = (t, r) => {
+    c.moveRow(t, r), w();
+  }, Ie = (t, r) => {
+    c.swapRows(t, r), w();
   }, Ee = () => {
-    c.clearRows(), f();
+    c.clearRows(), w();
   }, be = (t, r, u) => {
-    c.addColumn(t, r, u), f();
+    c.addColumn(t, r, u), w();
   }, Le = (t) => {
-    c.removeColumn(t), f();
-  }, Ue = (t, r) => {
-    c.moveColumn(t, r), f();
+    c.removeColumn(t), w();
   }, Ae = (t, r) => {
-    c.swapColumns(t, r), f();
+    c.moveColumn(t, r), w();
+  }, Ue = (t, r) => {
+    c.swapColumns(t, r), w();
   }, Ge = (t, r) => {
-    c.setColumnData(t, r), f();
+    c.setColumnData(t, r), w();
   }, Ke = (t, r) => c.getCellValue(t, r), ke = (t, r, u) => {
-    c.setCell(t, r, u), f();
+    c.setCell(t, r, u), w();
   }, Ve = (t, r, u) => {
-    c.setCellByRowId(t, r, u), f();
+    c.setCellByRowId(t, r, u), w();
   }, Me = (t, r, u) => {
-    c.setCellRange(t, r, u), f();
+    c.setCellRange(t, r, u), w();
   }, Ne = (t, r) => c.getCell(t, r), Pe = (t) => c.getRowData(t), je = (t) => c.getRowDataById(t), ze = (t) => c.getRow(t), $e = (t) => c.getRowById(t), _e = (t) => c.getRowId(t), qe = (t) => c.getRowIndex(t), Je = (t) => c.getColumnData(t), Oe = (t) => {
-    c.setFooter(t), f();
+    c.setFooter(t), w();
   }, Qe = (t, r) => {
-    c.setFooterCell(t, r), f();
+    c.setFooterCell(t, r), w();
   }, We = (t) => c.getFooterCell(t), Xe = () => {
-    c.clearFooter(), f();
+    c.clearFooter(), w();
   }, Ye = (t) => {
-    c.setCaption(t), f();
+    c.setCaption(t), w();
   }, Ze = (t) => {
-    c.setData(t), f();
+    c.setData(t), w();
   }, xe = () => {
-    c.reset(), _(), Q(), f();
+    c.reset(), _(), Q(), w();
   }, et = () => {
-    c.sync(), f();
+    c.sync(), w();
   }, tt = (t) => c.onRowAdd(t), ot = (t) => c.onRowRemove(t), nt = (t) => c.onRowUpdate(t), rt = (t) => c.onCellChange(t), st = (t) => c.onHeaderChange(t), ct = (t) => c.onDataChange(t), lt = (t) => (I.add(t), () => I.delete(t)), at = (t) => (E.add(t), () => E.delete(t)), te = () => {
     n(), s(), I.clear(), E.clear(), c.destroy();
   };
@@ -731,56 +805,94 @@ function Ct(l, C, H) {
     instance: c,
     // Reactive state
     element: v,
-    headers: P,
-    data: j,
+    headers: V,
+    data: M,
     rowCount: z,
-    columnCount: V,
-    rowIds: T,
+    columnCount: N,
+    rowIds: D,
     footerData: y,
-    captionText: L,
-    version: F,
+    captionText: b,
+    version: B,
     // Selection state
     selection: {
       rows: h,
-      cells: D
+      cells: F
     },
     // Focus state
     focus: {
-      cell: p
+      cell: H
     },
     // Structure methods
     createCaption: () => c.createCaption(),
     deleteCaption: () => {
-      c.deleteCaption(), f();
+      c.deleteCaption(), w();
     },
     createTHead: () => c.createTHead(),
     deleteTHead: () => {
-      c.deleteTHead(), f();
+      c.deleteTHead(), w();
     },
     createTFoot: () => c.createTFoot(),
     deleteTFoot: () => {
-      c.deleteTFoot(), f();
+      c.deleteTFoot(), w();
     },
     createTBody: () => c.createTBody(),
+    // Section-specific row methods
+    getSectionRows: (t) => c.getSectionRows(t),
+    insertSectionRow: (t, r, u, R) => {
+      const p = c.insertSectionRow(t, r, u, R);
+      return w(), p;
+    },
+    deleteSectionRow: (t, r) => {
+      const u = c.deleteSectionRow(t, r);
+      return u && w(), u;
+    },
+    getSectionRowCount: (t) => c.getSectionRowCount(t),
+    addHeadRow: (t, r) => {
+      const u = c.addHeadRow(t, r);
+      return w(), u;
+    },
+    removeHeadRow: (t) => {
+      const r = c.removeHeadRow(t);
+      return r && w(), r;
+    },
+    getHeadRowCount: () => c.getHeadRowCount(),
+    addFootRow: (t, r) => {
+      const u = c.addFootRow(t, r);
+      return w(), u;
+    },
+    removeFootRow: (t) => {
+      const r = c.removeFootRow(t);
+      return r && w(), r;
+    },
+    getFootRowCount: () => c.getFootRowCount(),
+    addBodyRow: (t, r, u, R) => {
+      const p = c.addBodyRow(t, r, u, R);
+      return w(), p;
+    },
+    removeBodyRow: (t, r) => {
+      const u = c.removeBodyRow(t, r);
+      return u && w(), u;
+    },
+    getBodyRowCount: (t) => c.getBodyRowCount(t),
     // Header methods
     setHeaders: ve,
     setHeader: pe,
     addHeader: ye,
-    removeHeader: me,
+    removeHeader: He,
     // Row methods
-    addRow: He,
-    removeRow: Fe,
-    removeRowById: De,
-    updateRow: Be,
-    updateRowById: Ie,
+    addRow: me,
+    removeRow: Be,
+    removeRowById: Fe,
+    updateRow: Se,
+    updateRowById: De,
     moveRow: Te,
-    swapRows: Se,
+    swapRows: Ie,
     clearRows: Ee,
     // Column methods
     addColumn: be,
     removeColumn: Le,
-    moveColumn: Ue,
-    swapColumns: Ae,
+    moveColumn: Ae,
+    swapColumns: Ue,
     setColumnData: Ge,
     // Cell methods
     getCell: Ke,
@@ -809,10 +921,10 @@ function Ct(l, C, H) {
     sync: et,
     // Selection methods
     selectRow: a,
-    deselectRow: i,
+    deselectRow: d,
     toggleRowSelection: g,
-    selectAllRows: w,
-    deselectAllRows: B,
+    selectAllRows: f,
+    deselectAllRows: S,
     selectRowRange: G,
     isRowSelected: K,
     getSelectedRowIndices: $,
@@ -823,7 +935,7 @@ function Ct(l, C, H) {
     isCellSelected: se,
     clearSelection: _,
     // Focus methods
-    focusCell: b,
+    focusCell: L,
     clearFocus: Q,
     getFocusedCell: ce,
     isCellFocused: le,
@@ -841,8 +953,8 @@ function Ct(l, C, H) {
     updateRecordRow: we,
     removeRecord: fe,
     hasRecord: ge,
-    getSelectedRecordIds: Ce,
-    selectRecords: Re,
+    getSelectedRecordIds: Re,
+    selectRecords: Ce,
     deselectRecords: he,
     // ID generator
     setIdGenerator: (t) => c.setIdGenerator(t),
@@ -864,7 +976,7 @@ const q = /* @__PURE__ */ Symbol("idGenerated");
 function wt() {
   return crypto.randomUUID();
 }
-function Rt(l, C = wt) {
+function Ct(l, C = wt) {
   return "id" in l && typeof l.id == "string" && l.id.length > 0 ? l : {
     ...l,
     id: C(),
@@ -878,26 +990,26 @@ function ht(l) {
   return typeof l == "string" && l.length > 0;
 }
 function vt(l, C) {
-  return l.find((H) => H.id === C);
+  return l.find((m) => m.id === C);
 }
 function pt(l, C) {
-  return l.findIndex((H) => H.id === C);
+  return l.findIndex((m) => m.id === C);
 }
 function yt(l) {
   if (!ft(l))
     return l;
-  const { id: C, ...H } = l;
-  return H;
+  const { id: C, ...m } = l;
+  return m;
 }
 export {
   q as ID_GENERATED,
   it as createTable,
-  Rt as ensureId,
+  Ct as ensureId,
   vt as findById,
   wt as generateId,
   pt as indexById,
   ht as isValidId,
   yt as stripGeneratedId,
-  Ct as useTable,
+  Rt as useTable,
   ft as wasIdGenerated
 };

package/dist/usetable.umd.cjs

@@ -1 +1 @@
-(function(m,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],p):(m=typeof globalThis<"u"?globalThis:m||self,p(m.useTable={},m.Vue))})(this,(function(m,p){"use strict";function ce(){return crypto.randomUUID()}function S(l,C){l.textContent="",C!=null&&(C instanceof Node?l.appendChild(C):l.textContent=String(C))}function U(l){return l.childNodes.length===1&&l.firstChild instanceof HTMLElement?l.firstChild:l.textContent??""}function O(l){const C=document.createElement("th");return C.scope="col",C.textContent=l,C}function J(l,C,D){let c=D?.idGenerator??ce;const F=new Set,f=new Set,h=new Set,T=new Set,y=new Set,E=new Set;function L(){const e=l.tBodies;return e.length>0?e[0]:l.createTBody()}function v(){const e=[],o=l.tBodies;for(let n=0;n<o.length;n++){const s=o[n];for(let a=0;a<s.rows.length;a++)e.push(s.rows[a])}return e}function P(e,o,n){F.forEach(s=>s(e,o,n)),I()}function z(e,o,n){f.forEach(s=>s(e,o,n)),I()}function _(e,o,n,s){h.forEach(a=>a(e,o,n,s)),I()}function N(e,o,n,s){T.forEach(a=>a(e,o,n,s)),I()}function b(){const e=u.getHeaders();y.forEach(o=>o(e))}function I(){if(E.size>0){const e=u.getData();E.forEach(o=>o(e))}}function A(e){const o=[];for(let n=0;n<e.cells.length;n++)o.push(U(e.cells[n]));return o}const u={element:l,getCaption(){return l.caption},getTHead(){return l.tHead},getTFoot(){return l.tFoot},getTBodies(){return l.tBodies},getPrimaryTBody(){return L()},getBodyRows(){return v()},getRow(e){return v()[e]},getRowById(e){const o=v();for(const n of o)if(n.dataset.id===e)return n},getCell(e,o){const n=u.getRow(e);if(n)return n.cells[o]},getCellByRowId(e,o){const n=u.getRowById(e);if(n)return n.cells[o]},getHeaders(){const e=l.tHead;if(!e||e.rows.length===0)return[];const o=e.rows[0],n=[];for(let s=0;s<o.cells.length;s++)n.push(o.cells[s].textContent??"");return n},getHeader(e){return u.getHeaders()[e]},getData(){return v().map(A)},getRowData(e){const o=u.getRow(e);if(o)return A(o)},getRowDataById(e){const o=u.getRowById(e);if(o)return A(o)},getCellValue(e,o){const n=u.getCell(e,o);if(n)return U(n)},getColumnData(e){return v().map(n=>{const s=n.cells[e];return s?U(s):void 0})},getFooterData(){const e=l.tFoot;if(!(!e||e.rows.length===0))return A(e.rows[0])},getRowCount(){return v().length},getColumnCount(){const e=u.getHeaders();if(e.length>0)return e.length;const o=v();return o.length>0?o[0].cells.length:0},getRowId(e){return u.getRow(e)?.dataset.id},getRowIndex(e){const o=v();for(let n=0;n<o.length;n++)if(o[n].dataset.id===e)return n;return-1},getAllRowIds(){const e=v(),o=[];for(const n of e)n.dataset.id&&o.push(n.dataset.id);return o},createCaption(){return l.createCaption()},deleteCaption(){l.deleteCaption()},createTHead(){return l.createTHead()},deleteTHead(){l.deleteTHead(),b()},createTFoot(){return l.createTFoot()},deleteTFoot(){l.deleteTFoot()},createTBody(){return l.createTBody()},setHeaders(e){let o=l.tHead;for(o||(o=l.createTHead());o.rows.length>0;)o.deleteRow(0);const n=o.insertRow();for(const s of e)n.appendChild(O(s));b()},setHeader(e,o){const n=l.tHead;if(!n||n.rows.length===0)return;const s=n.rows[0].cells[e];s&&(s.textContent=o,b())},addHeader(e,o){let n=l.tHead;n||(n=l.createTHead(),n.insertRow()),n.rows.length===0&&n.insertRow();const s=n.rows[0],a=O(e);o===void 0||o>=s.cells.length?s.appendChild(a):s.insertBefore(a,s.cells[o]),b()},removeHeader(e){const o=l.tHead;if(!o||o.rows.length===0)return;const n=o.rows[0];e>=0&&e<n.cells.length&&(n.deleteCell(e),b())},addRow(e,o,n){const s=L(),a=o??s.rows.length,i=s.insertRow(a),g=n??c();i.dataset.id=g;for(const w of e){const B=i.insertCell();S(B,w)}return P([...e],a,g),i},removeRow(e){const o=v();if(e<0||e>=o.length)return;const n=o[e],s=A(n),a=n.dataset.id;return n.remove(),z(s,e,a),s},removeRowById(e){const o=u.getRowIndex(e);if(o!==-1)return u.removeRow(o)},updateRow(e,o){const n=u.getRow(e);if(!n)return;const s=A(n),a=n.dataset.id;for(let i=0;i<o.length;i++){let g=n.cells[i];g||(g=n.insertCell()),S(g,o[i])}for(;n.cells.length>o.length;)n.deleteCell(n.cells.length-1);_(e,s,[...o],a)},updateRowById(e,o){const n=u.getRowIndex(e);n!==-1&&u.updateRow(n,o)},moveRow(e,o){const n=v();if(e<0||e>=n.length||o<0||o>=n.length||e===o)return;const s=n[e],a=s.parentElement;if(o>e){const i=n[o];a.insertBefore(s,i.nextSibling)}else{const i=n[o];a.insertBefore(s,i)}I()},swapRows(e,o){const n=v();if(e<0||e>=n.length||o<0||o>=n.length||e===o)return;const s=n[e],a=n[o],i=s.parentElement,g=document.createElement("tr");i.insertBefore(g,s),i.insertBefore(s,a),i.insertBefore(a,g),g.remove(),I()},clearRows(){const e=l.tBodies;for(let o=0;o<e.length;o++){const n=e[o];for(;n.rows.length>0;)n.deleteRow(0)}I()},addColumn(e,o,n){u.addHeader(e,n);const s=v();for(const i of s){const g=i.insertCell(n??i.cells.length);S(g,o??"")}const a=l.tFoot;if(a&&a.rows.length>0){const i=a.rows[0],g=i.insertCell(n??i.cells.length);S(g,"")}I()},removeColumn(e){u.removeHeader(e);const o=v();for(const s of o)e>=0&&e<s.cells.length&&s.deleteCell(e);const n=l.tFoot;if(n&&n.rows.length>0){const s=n.rows[0];e>=0&&e<s.cells.length&&s.deleteCell(e)}I()},moveColumn(e,o){const n=u.getColumnCount();if(e<0||e>=n||o<0||o>=n||e===o)return;const s=w=>{if(e>=w.cells.length)return;const B=w.cells[e];o>=w.cells.length?w.appendChild(B):o>e?w.insertBefore(B,w.cells[o+1]):w.insertBefore(B,w.cells[o])},a=l.tHead;if(a)for(let w=0;w<a.rows.length;w++)s(a.rows[w]);const i=v();for(const w of i)s(w);const g=l.tFoot;if(g)for(let w=0;w<g.rows.length;w++)s(g.rows[w]);b(),I()},swapColumns(e,o){const n=u.getColumnCount();if(e<0||e>=n||o<0||o>=n||e===o)return;const s=w=>{if(e>=w.cells.length||o>=w.cells.length)return;const B=w.cells[e],K=w.cells[o],V=document.createElement("td");w.insertBefore(V,B),w.insertBefore(B,K),w.insertBefore(K,V),V.remove()},a=l.tHead;if(a)for(let w=0;w<a.rows.length;w++)s(a.rows[w]);const i=v();for(const w of i)s(w);const g=l.tFoot;if(g)for(let w=0;w<g.rows.length;w++)s(g.rows[w]);b(),I()},setColumnData(e,o){const n=v();for(let s=0;s<n.length&&s<o.length;s++){const a=n[s].cells[e];if(a){const i=U(a);S(a,o[s]),i!==o[s]&&N(s,e,i,o[s])}}},setCell(e,o,n){const s=u.getCell(e,o);if(!s)return;const a=U(s);S(s,n),N(e,o,a,n)},setCellByRowId(e,o,n){const s=u.getRowIndex(e);s!==-1&&u.setCell(s,o,n)},setCellRange(e,o,n){for(let s=0;s<n.length;s++){const a=n[s];for(let i=0;i<a.length;i++)u.setCell(e+s,o+i,a[i])}},setFooter(e){let o=l.tFoot;for(o||(o=l.createTFoot());o.rows.length>0;)o.deleteRow(0);const n=o.insertRow();for(const s of e){const a=n.insertCell();S(a,s)}},setFooterCell(e,o){const n=l.tFoot;if(!n||n.rows.length===0)return;const s=n.rows[0].cells[e];s&&S(s,o)},getFooterCell(e){const o=l.tFoot;if(!o||o.rows.length===0)return;const n=o.rows[0].cells[e];return n?U(n):void 0},clearFooter(){const e=l.tFoot;if(e)for(;e.rows.length>0;)e.deleteRow(0)},setCaption(e){const o=l.createCaption();o.textContent=e},getCaptionText(){return l.caption?.textContent??void 0},setData(e){u.clearRows();const o=L();for(const n of e){const s=o.insertRow();s.dataset.id=c();for(const a of n){const i=s.insertCell();S(i,a)}}I()},reset(){for(l.deleteCaption(),l.deleteTHead(),l.deleteTFoot();l.tBodies.length>0;)l.removeChild(l.tBodies[0]);b(),I()},sync(){const e=v();for(const o of e)o.dataset.id||(o.dataset.id=c())},setRecords(e,o){u.clearRows();const n=L();for(const s of e){const a=n.insertRow();a.dataset.id=s.id;for(const i of o){const g=a.insertCell(),w=typeof i=="function"?i(s):s[i];S(g,w)}}I()},getRecordData(e){return u.getRowDataById(e)},addRecord(e,o,n){const s="id"in e&&typeof e.id=="string"&&e.id.length>0?e.id:c(),a={...e,id:s},i=o.map(g=>typeof g=="function"?g(a):a[g]);return u.addRow(i,n,s),s},updateRecordRow(e,o){const n=u.getRowIndex(e);return n===-1?!1:(u.updateRow(n,o),!0)},removeRecord(e){return u.removeRowById(e)!==void 0},hasRecord(e){return u.getRowIndex(e)!==-1},setIdGenerator(e){c=e},generateId(){return c()},onRowAdd(e){return F.add(e),()=>F.delete(e)},onRowRemove(e){return f.add(e),()=>f.delete(e)},onRowUpdate(e){return h.add(e),()=>h.delete(e)},onCellChange(e){return T.add(e),()=>T.delete(e)},onHeaderChange(e){return y.add(e),()=>y.delete(e)},onDataChange(e){return E.add(e),()=>E.delete(e)},destroy(){F.clear(),f.clear(),h.clear(),T.clear(),y.clear(),E.clear()}};return D?.caption&&u.setCaption(D.caption),D?.headers&&u.setHeaders(D.headers),C&&u.setData(C),D?.footer&&u.setFooter(D.footer),u.sync(),u}function le(l,C,D){const c=J(l.value,C,D),F=p.ref(0),f=()=>{F.value++},h=p.ref(new Set),T=p.ref(new Set),y=p.ref(null),E=new Set,L=new Set,v=p.computed(()=>(F.value,c.element)),P=p.computed(()=>(F.value,c.getHeaders())),z=p.computed(()=>(F.value,c.getData())),_=p.computed(()=>(F.value,c.getRowCount())),N=p.computed(()=>(F.value,c.getColumnCount())),b=p.computed(()=>(F.value,c.getAllRowIds())),I=p.computed(()=>(F.value,c.getFooterData())),A=p.computed(()=>(F.value,c.getCaptionText())),u=()=>{E.forEach(t=>t(h.value,T.value))},e=()=>{L.forEach(t=>t(y.value))},o=(t,r)=>`${t},${r}`,n=c.onDataChange(()=>f()),s=c.onHeaderChange(()=>f()),a=t=>{if(t<0||t>=c.getRowCount())return;const r=new Set(h.value);r.add(t),h.value=r,u()},i=t=>{const r=new Set(h.value);r.delete(t),h.value=r,u()},g=t=>{h.value.has(t)?i(t):a(t)},w=()=>{const t=c.getRowCount(),r=new Set;for(let d=0;d<t;d++)r.add(d);h.value=r,u()},B=()=>{h.value=new Set,u()},K=(t,r)=>{const d=Math.min(t,r),R=Math.max(t,r),H=c.getRowCount(),j=new Set(h.value);for(let k=d;k<=R&&k<H;k++)k>=0&&j.add(k);h.value=j,u()},V=t=>h.value.has(t),$=()=>Array.from(h.value).sort((t,r)=>t-r),fe=()=>$().map(t=>c.getRowData(t)).filter(t=>t!==void 0),X=(t,r)=>{const d=o(t,r),R=new Set(T.value);R.add(d),T.value=R,u()},Y=(t,r)=>{const d=o(t,r),R=new Set(T.value);R.delete(d),T.value=R,u()},ge=(t,r)=>{const d=o(t,r);T.value.has(d)?Y(t,r):X(t,r)},Ce=(t,r)=>T.value.has(o(t,r)),q=()=>{h.value=new Set,T.value=new Set,u()},G=(t,r)=>{const d=c.getRowCount(),R=c.getColumnCount();if(t<0||t>=d||r<0||r>=R)return;y.value={row:t,column:r};const H=c.getCell(t,r);H&&(H.tabIndex=0,H.focus()),e()},Z=()=>{y.value=null,e()},Re=()=>y.value?{...y.value}:null,he=(t,r)=>{const d=y.value;return d!==null&&d.row===t&&d.column===r},x=()=>{const t=y.value;return!t||t.row<=0?!1:(G(t.row-1,t.column),!0)},ee=()=>{const t=y.value;if(!t)return!1;const r=c.getRowCount();return t.row>=r-1?!1:(G(t.row+1,t.column),!0)},te=()=>{const t=y.value;return!t||t.column<=0?!1:(G(t.row,t.column-1),!0)},oe=()=>{const t=y.value;if(!t)return!1;const r=c.getColumnCount();return t.column>=r-1?!1:(G(t.row,t.column+1),!0)},ne=()=>{const t=c.getRowCount(),r=c.getColumnCount();t>0&&r>0&&G(0,0)},re=()=>{const t=c.getRowCount(),r=c.getColumnCount();t>0&&r>0&&G(t-1,r-1)},ve=()=>{const t=c.element,r=d=>{const R=y.value;if(!R)return;let H=!1;switch(d.key){case"ArrowUp":H=x();break;case"ArrowDown":H=ee();break;case"ArrowLeft":H=te();break;case"ArrowRight":H=oe();break;case"Home":d.ctrlKey?ne():G(R.row,0),H=!0;break;case"End":if(d.ctrlKey)re();else{const j=c.getColumnCount();G(R.row,j-1)}H=!0;break;case"Enter":case" ":d.shiftKey?K(R.row,R.row):d.ctrlKey||d.metaKey?g(R.row):(B(),a(R.row)),H=!0;break;case"Escape":q(),H=!0;break;case"a":(d.ctrlKey||d.metaKey)&&(h.value.size===c.getRowCount()?B():w(),H=!0);break}H&&(d.preventDefault(),d.stopPropagation())};return t.addEventListener("keydown",r),()=>{t.removeEventListener("keydown",r)}},pe=(t,r)=>{c.setRecords(t,r),f()},ye=t=>c.getRecordData(t),me=(t,r,d)=>{const R=c.addRecord(t,r,d);return f(),R},Ie=(t,r)=>{const d=c.updateRecordRow(t,r);return d&&f(),d},He=t=>{const r=c.removeRecord(t);return r&&f(),r},De=t=>c.hasRecord(t),Fe=()=>$().map(r=>c.getRowId(r)).filter(r=>r!==void 0),Te=t=>{for(const r of t){const d=c.getRowIndex(r);d!==-1&&a(d)}},Be=t=>{for(const r of t){const d=c.getRowIndex(r);d!==-1&&i(d)}},Se=t=>{c.setHeaders(t),f()},Ee=(t,r)=>{c.setHeader(t,r),f()},be=(t,r)=>{c.addHeader(t,r),f()},Le=t=>{c.removeHeader(t),f()},Ge=(t,r,d)=>{const R=c.addRow(t,r,d);return f(),R},Ae=t=>{const r=c.removeRow(t);return r&&f(),r},Ue=t=>{const r=c.removeRowById(t);return r&&f(),r},Ke=(t,r)=>{c.updateRow(t,r),f()},Ve=(t,r)=>{c.updateRowById(t,r),f()},ke=(t,r)=>{c.moveRow(t,r),f()},Me=(t,r)=>{c.swapRows(t,r),f()},Ne=()=>{c.clearRows(),f()},je=(t,r,d)=>{c.addColumn(t,r,d),f()},Pe=t=>{c.removeColumn(t),f()},ze=(t,r)=>{c.moveColumn(t,r),f()},_e=(t,r)=>{c.swapColumns(t,r),f()},$e=(t,r)=>{c.setColumnData(t,r),f()},qe=(t,r)=>c.getCellValue(t,r),Oe=(t,r,d)=>{c.setCell(t,r,d),f()},Je=(t,r,d)=>{c.setCellByRowId(t,r,d),f()},Qe=(t,r,d)=>{c.setCellRange(t,r,d),f()},We=(t,r)=>c.getCell(t,r),Xe=t=>c.getRowData(t),Ye=t=>c.getRowDataById(t),Ze=t=>c.getRow(t),xe=t=>c.getRowById(t),et=t=>c.getRowId(t),tt=t=>c.getRowIndex(t),ot=t=>c.getColumnData(t),nt=t=>{c.setFooter(t),f()},rt=(t,r)=>{c.setFooterCell(t,r),f()},st=t=>c.getFooterCell(t),ct=()=>{c.clearFooter(),f()},lt=t=>{c.setCaption(t),f()},at=t=>{c.setData(t),f()},dt=()=>{c.reset(),q(),Z(),f()},ut=()=>{c.sync(),f()},it=t=>c.onRowAdd(t),wt=t=>c.onRowRemove(t),ft=t=>c.onRowUpdate(t),gt=t=>c.onCellChange(t),Ct=t=>c.onHeaderChange(t),Rt=t=>c.onDataChange(t),ht=t=>(E.add(t),()=>E.delete(t)),vt=t=>(L.add(t),()=>L.delete(t)),se=()=>{n(),s(),E.clear(),L.clear(),c.destroy()};return p.onUnmounted(()=>{se()}),{instance:c,element:v,headers:P,data:z,rowCount:_,columnCount:N,rowIds:b,footerData:I,captionText:A,version:F,selection:{rows:h,cells:T},focus:{cell:y},createCaption:()=>c.createCaption(),deleteCaption:()=>{c.deleteCaption(),f()},createTHead:()=>c.createTHead(),deleteTHead:()=>{c.deleteTHead(),f()},createTFoot:()=>c.createTFoot(),deleteTFoot:()=>{c.deleteTFoot(),f()},createTBody:()=>c.createTBody(),setHeaders:Se,setHeader:Ee,addHeader:be,removeHeader:Le,addRow:Ge,removeRow:Ae,removeRowById:Ue,updateRow:Ke,updateRowById:Ve,moveRow:ke,swapRows:Me,clearRows:Ne,addColumn:je,removeColumn:Pe,moveColumn:ze,swapColumns:_e,setColumnData:$e,getCell:qe,setCell:Oe,setCellByRowId:Je,setCellRange:Qe,getCellElement:We,getRowData:Xe,getRowDataById:Ye,getRowElement:Ze,getRowById:xe,getRowId:et,getRowIndex:tt,getColumnData:ot,setFooter:nt,setFooterCell:rt,getFooterCell:st,clearFooter:ct,setCaption:lt,setData:at,reset:dt,sync:ut,selectRow:a,deselectRow:i,toggleRowSelection:g,selectAllRows:w,deselectAllRows:B,selectRowRange:K,isRowSelected:V,getSelectedRowIndices:$,getSelectedRowData:fe,selectCell:X,deselectCell:Y,toggleCellSelection:ge,isCellSelected:Ce,clearSelection:q,focusCell:G,clearFocus:Z,getFocusedCell:Re,isCellFocused:he,moveFocusUp:x,moveFocusDown:ee,moveFocusLeft:te,moveFocusRight:oe,moveFocusToFirst:ne,moveFocusToLast:re,enableKeyboardNavigation:ve,setRecords:pe,getRecordData:ye,addRecord:me,updateRecordRow:Ie,removeRecord:He,hasRecord:De,getSelectedRecordIds:Fe,selectRecords:Te,deselectRecords:Be,setIdGenerator:t=>c.setIdGenerator(t),generateId:()=>c.generateId(),onRowAdd:it,onRowRemove:wt,onRowUpdate:ft,onCellChange:gt,onHeaderChange:Ct,onDataChange:Rt,onSelectionChange:ht,onFocusChange:vt,destroy:se}}const M=Symbol("idGenerated");function Q(){return crypto.randomUUID()}function ae(l,C=Q){return"id"in l&&typeof l.id=="string"&&l.id.length>0?l:{...l,id:C(),[M]:!0}}function W(l){return M in l&&l[M]===!0}function de(l){return typeof l=="string"&&l.length>0}function ue(l,C){return l.find(D=>D.id===C)}function ie(l,C){return l.findIndex(D=>D.id===C)}function we(l){if(!W(l))return l;const{id:C,...D}=l;return D}m.ID_GENERATED=M,m.createTable=J,m.ensureId=ae,m.findById=ue,m.generateId=Q,m.indexById=ie,m.isValidId=de,m.stripGeneratedId=we,m.useTable=le,m.wasIdGenerated=W,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+(function(H,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],m):(H=typeof globalThis<"u"?globalThis:H||self,m(H.useTable={},H.Vue))})(this,(function(H,m){"use strict";function ce(){return crypto.randomUUID()}function I(l,C){l.textContent="",C!=null&&(C instanceof Node?l.appendChild(C):l.textContent=String(C))}function U(l){return l.childNodes.length===1&&l.firstChild instanceof HTMLElement?l.firstChild:l.textContent??""}function O(l){const C=document.createElement("th");return C.scope="col",C.textContent=l,C}function J(l,C,F){let c=F?.idGenerator??ce;const S=new Set,w=new Set,h=new Set,D=new Set,B=new Set,b=new Set;function A(){const e=l.tBodies;return e.length>0?e[0]:l.createTBody()}function v(){const e=[],o=l.tBodies;for(let n=0;n<o.length;n++){const s=o[n];for(let a=0;a<s.rows.length;a++)e.push(s.rows[a])}return e}function N(e,o,n){S.forEach(s=>s(e,o,n)),y()}function j(e,o,n){w.forEach(s=>s(e,o,n)),y()}function _(e,o,n,s){h.forEach(a=>a(e,o,n,s)),y()}function P(e,o,n,s){D.forEach(a=>a(e,o,n,s)),y()}function E(){const e=i.getHeaders();B.forEach(o=>o(e))}function y(){if(b.size>0){const e=i.getData();b.forEach(o=>o(e))}}function L(e){const o=[];for(let n=0;n<e.cells.length;n++)o.push(U(e.cells[n]));return o}const i={element:l,getCaption(){return l.caption},getTHead(){return l.tHead},getTFoot(){return l.tFoot},getTBodies(){return l.tBodies},getPrimaryTBody(){return A()},getBodyRows(){return v()},getRow(e){return v()[e]},getRowById(e){const o=v();for(const n of o)if(n.dataset.id===e)return n},getCell(e,o){const n=i.getRow(e);if(n)return n.cells[o]},getCellByRowId(e,o){const n=i.getRowById(e);if(n)return n.cells[o]},getHeaders(){const e=l.tHead;if(!e||e.rows.length===0)return[];const o=e.rows[0],n=[];for(let s=0;s<o.cells.length;s++)n.push(o.cells[s].textContent??"");return n},getHeader(e){return i.getHeaders()[e]},getData(){return v().map(L)},getRowData(e){const o=i.getRow(e);if(o)return L(o)},getRowDataById(e){const o=i.getRowById(e);if(o)return L(o)},getCellValue(e,o){const n=i.getCell(e,o);if(n)return U(n)},getColumnData(e){return v().map(n=>{const s=n.cells[e];return s?U(s):void 0})},getFooterData(){const e=l.tFoot;if(!(!e||e.rows.length===0))return L(e.rows[0])},getRowCount(){return v().length},getColumnCount(){const e=i.getHeaders();if(e.length>0)return e.length;const o=v();return o.length>0?o[0].cells.length:0},getRowId(e){return i.getRow(e)?.dataset.id},getRowIndex(e){const o=v();for(let n=0;n<o.length;n++)if(o[n].dataset.id===e)return n;return-1},getAllRowIds(){const e=v(),o=[];for(const n of e)n.dataset.id&&o.push(n.dataset.id);return o},createCaption(){return l.createCaption()},deleteCaption(){l.deleteCaption()},createTHead(){return l.createTHead()},deleteTHead(){l.deleteTHead(),E()},createTFoot(){return l.createTFoot()},deleteTFoot(){l.deleteTFoot()},createTBody(){return l.createTBody()},getSectionRows(e){return e.rows},insertSectionRow(e,o,n,s){const a=n??e.rows.length,u=e.insertRow(a);s?u.dataset.id=s:e===l.tBodies[0]&&(u.dataset.id=c());for(const g of o){const f=u.insertCell();I(f,g)}return l.tBodies&&Array.from(l.tBodies).includes(e)&&N([...o],a,u.dataset.id),u},deleteSectionRow(e,o){if(o<0||o>=e.rows.length)return;const n=e.rows[o],s=L(n),a=n.dataset.id;return e.deleteRow(o),l.tBodies&&Array.from(l.tBodies).includes(e)&&j(s,o,a),s},getSectionRowCount(e){return e.rows.length},addHeadRow(e,o){let n=l.tHead;return n||(n=l.createTHead()),i.insertSectionRow(n,e,o)},removeHeadRow(e){const o=l.tHead;if(!o)return;const n=i.deleteSectionRow(o,e);return n&&E(),n},getHeadRowCount(){const e=l.tHead;return e?e.rows.length:0},addFootRow(e,o){let n=l.tFoot;n||(n=l.createTFoot());const s=i.insertSectionRow(n,e,o);return y(),s},removeFootRow(e){const o=l.tFoot;if(!o)return;const n=i.deleteSectionRow(o,e);return n&&y(),n},getFootRowCount(){const e=l.tFoot;return e?e.rows.length:0},addBodyRow(e,o,n,s){const a=l.tBodies;let u;return o!==void 0&&o>=0&&o<a.length?u=a[o]:u=A(),i.insertSectionRow(u,e,n,s)},removeBodyRow(e,o){const n=l.tBodies;if(n.length===0)return;let s;return o!==void 0&&o>=0&&o<n.length?s=n[o]:s=n[0],i.deleteSectionRow(s,e)},getBodyRowCount(e){const o=l.tBodies;if(o.length===0)return 0;if(e!==void 0&&e>=0&&e<o.length)return o[e].rows.length;let n=0;for(let s=0;s<o.length;s++)n+=o[s].rows.length;return n},setHeaders(e){let o=l.tHead;for(o||(o=l.createTHead());o.rows.length>0;)o.deleteRow(0);const n=o.insertRow();for(const s of e)n.appendChild(O(s));E()},setHeader(e,o){const n=l.tHead;if(!n||n.rows.length===0)return;const s=n.rows[0].cells[e];s&&(s.textContent=o,E())},addHeader(e,o){let n=l.tHead;n||(n=l.createTHead(),n.insertRow()),n.rows.length===0&&n.insertRow();const s=n.rows[0],a=O(e);o===void 0||o>=s.cells.length?s.appendChild(a):s.insertBefore(a,s.cells[o]),E()},removeHeader(e){const o=l.tHead;if(!o||o.rows.length===0)return;const n=o.rows[0];e>=0&&e<n.cells.length&&(n.deleteCell(e),E())},addRow(e,o,n){const s=A(),a=o??s.rows.length,u=s.insertRow(a),g=n??c();u.dataset.id=g;for(const f of e){const T=u.insertCell();I(T,f)}return N([...e],a,g),u},removeRow(e){const o=v();if(e<0||e>=o.length)return;const n=o[e],s=L(n),a=n.dataset.id;return n.remove(),j(s,e,a),s},removeRowById(e){const o=i.getRowIndex(e);if(o!==-1)return i.removeRow(o)},updateRow(e,o){const n=i.getRow(e);if(!n)return;const s=L(n),a=n.dataset.id;for(let u=0;u<o.length;u++){let g=n.cells[u];g||(g=n.insertCell()),I(g,o[u])}for(;n.cells.length>o.length;)n.deleteCell(n.cells.length-1);_(e,s,[...o],a)},updateRowById(e,o){const n=i.getRowIndex(e);n!==-1&&i.updateRow(n,o)},moveRow(e,o){const n=v();if(e<0||e>=n.length||o<0||o>=n.length||e===o)return;const s=n[e],a=s.parentElement;if(o>e){const u=n[o];a.insertBefore(s,u.nextSibling)}else{const u=n[o];a.insertBefore(s,u)}y()},swapRows(e,o){const n=v();if(e<0||e>=n.length||o<0||o>=n.length||e===o)return;const s=n[e],a=n[o],u=s.parentElement,g=document.createElement("tr");u.insertBefore(g,s),u.insertBefore(s,a),u.insertBefore(a,g),g.remove(),y()},clearRows(){const e=l.tBodies;for(let o=0;o<e.length;o++){const n=e[o];for(;n.rows.length>0;)n.deleteRow(0)}y()},addColumn(e,o,n){i.addHeader(e,n);const s=v();for(const u of s){const g=u.insertCell(n??u.cells.length);I(g,o??"")}const a=l.tFoot;if(a&&a.rows.length>0){const u=a.rows[0],g=u.insertCell(n??u.cells.length);I(g,"")}y()},removeColumn(e){i.removeHeader(e);const o=v();for(const s of o)e>=0&&e<s.cells.length&&s.deleteCell(e);const n=l.tFoot;if(n&&n.rows.length>0){const s=n.rows[0];e>=0&&e<s.cells.length&&s.deleteCell(e)}y()},moveColumn(e,o){const n=i.getColumnCount();if(e<0||e>=n||o<0||o>=n||e===o)return;const s=f=>{if(e>=f.cells.length)return;const T=f.cells[e];o>=f.cells.length?f.appendChild(T):o>e?f.insertBefore(T,f.cells[o+1]):f.insertBefore(T,f.cells[o])},a=l.tHead;if(a)for(let f=0;f<a.rows.length;f++)s(a.rows[f]);const u=v();for(const f of u)s(f);const g=l.tFoot;if(g)for(let f=0;f<g.rows.length;f++)s(g.rows[f]);E(),y()},swapColumns(e,o){const n=i.getColumnCount();if(e<0||e>=n||o<0||o>=n||e===o)return;const s=f=>{if(e>=f.cells.length||o>=f.cells.length)return;const T=f.cells[e],K=f.cells[o],V=document.createElement("td");f.insertBefore(V,T),f.insertBefore(T,K),f.insertBefore(K,V),V.remove()},a=l.tHead;if(a)for(let f=0;f<a.rows.length;f++)s(a.rows[f]);const u=v();for(const f of u)s(f);const g=l.tFoot;if(g)for(let f=0;f<g.rows.length;f++)s(g.rows[f]);E(),y()},setColumnData(e,o){const n=v();for(let s=0;s<n.length&&s<o.length;s++){const a=n[s].cells[e];if(a){const u=U(a);I(a,o[s]),u!==o[s]&&P(s,e,u,o[s])}}},setCell(e,o,n){const s=i.getCell(e,o);if(!s)return;const a=U(s);I(s,n),P(e,o,a,n)},setCellByRowId(e,o,n){const s=i.getRowIndex(e);s!==-1&&i.setCell(s,o,n)},setCellRange(e,o,n){for(let s=0;s<n.length;s++){const a=n[s];for(let u=0;u<a.length;u++)i.setCell(e+s,o+u,a[u])}},setFooter(e){let o=l.tFoot;for(o||(o=l.createTFoot());o.rows.length>0;)o.deleteRow(0);const n=o.insertRow();for(const s of e){const a=n.insertCell();I(a,s)}},setFooterCell(e,o){const n=l.tFoot;if(!n||n.rows.length===0)return;const s=n.rows[0].cells[e];s&&I(s,o)},getFooterCell(e){const o=l.tFoot;if(!o||o.rows.length===0)return;const n=o.rows[0].cells[e];return n?U(n):void 0},clearFooter(){const e=l.tFoot;if(e)for(;e.rows.length>0;)e.deleteRow(0)},setCaption(e){const o=l.createCaption();o.textContent=e},getCaptionText(){return l.caption?.textContent??void 0},setData(e){i.clearRows();const o=A();for(const n of e){const s=o.insertRow();s.dataset.id=c();for(const a of n){const u=s.insertCell();I(u,a)}}y()},reset(){for(l.deleteCaption(),l.deleteTHead(),l.deleteTFoot();l.tBodies.length>0;)l.removeChild(l.tBodies[0]);E(),y()},sync(){const e=v();for(const o of e)o.dataset.id||(o.dataset.id=c())},setRecords(e,o){i.clearRows();const n=A();for(const s of e){const a=n.insertRow();a.dataset.id=s.id;for(const u of o){const g=a.insertCell(),f=typeof u=="function"?u(s):s[u];I(g,f)}}y()},getRecordData(e){return i.getRowDataById(e)},addRecord(e,o,n){const s="id"in e&&typeof e.id=="string"&&e.id.length>0?e.id:c(),a={...e,id:s},u=o.map(g=>typeof g=="function"?g(a):a[g]);return i.addRow(u,n,s),s},updateRecordRow(e,o){const n=i.getRowIndex(e);return n===-1?!1:(i.updateRow(n,o),!0)},removeRecord(e){return i.removeRowById(e)!==void 0},hasRecord(e){return i.getRowIndex(e)!==-1},setIdGenerator(e){c=e},generateId(){return c()},onRowAdd(e){return S.add(e),()=>S.delete(e)},onRowRemove(e){return w.add(e),()=>w.delete(e)},onRowUpdate(e){return h.add(e),()=>h.delete(e)},onCellChange(e){return D.add(e),()=>D.delete(e)},onHeaderChange(e){return B.add(e),()=>B.delete(e)},onDataChange(e){return b.add(e),()=>b.delete(e)},destroy(){S.clear(),w.clear(),h.clear(),D.clear(),B.clear(),b.clear()}};return F?.caption&&i.setCaption(F.caption),F?.headers&&i.setHeaders(F.headers),C&&i.setData(C),F?.footer&&i.setFooter(F.footer),i.sync(),i}function le(l,C,F){const c=J(l.value,C,F),S=m.ref(0),w=()=>{S.value++},h=m.ref(new Set),D=m.ref(new Set),B=m.ref(null),b=new Set,A=new Set,v=m.computed(()=>(S.value,c.element)),N=m.computed(()=>(S.value,c.getHeaders())),j=m.computed(()=>(S.value,c.getData())),_=m.computed(()=>(S.value,c.getRowCount())),P=m.computed(()=>(S.value,c.getColumnCount())),E=m.computed(()=>(S.value,c.getAllRowIds())),y=m.computed(()=>(S.value,c.getFooterData())),L=m.computed(()=>(S.value,c.getCaptionText())),i=()=>{b.forEach(t=>t(h.value,D.value))},e=()=>{A.forEach(t=>t(B.value))},o=(t,r)=>`${t},${r}`,n=c.onDataChange(()=>w()),s=c.onHeaderChange(()=>w()),a=t=>{if(t<0||t>=c.getRowCount())return;const r=new Set(h.value);r.add(t),h.value=r,i()},u=t=>{const r=new Set(h.value);r.delete(t),h.value=r,i()},g=t=>{h.value.has(t)?u(t):a(t)},f=()=>{const t=c.getRowCount(),r=new Set;for(let d=0;d<t;d++)r.add(d);h.value=r,i()},T=()=>{h.value=new Set,i()},K=(t,r)=>{const d=Math.min(t,r),R=Math.max(t,r),p=c.getRowCount(),z=new Set(h.value);for(let k=d;k<=R&&k<p;k++)k>=0&&z.add(k);h.value=z,i()},V=t=>h.value.has(t),$=()=>Array.from(h.value).sort((t,r)=>t-r),fe=()=>$().map(t=>c.getRowData(t)).filter(t=>t!==void 0),X=(t,r)=>{const d=o(t,r),R=new Set(D.value);R.add(d),D.value=R,i()},Y=(t,r)=>{const d=o(t,r),R=new Set(D.value);R.delete(d),D.value=R,i()},ge=(t,r)=>{const d=o(t,r);D.value.has(d)?Y(t,r):X(t,r)},Re=(t,r)=>D.value.has(o(t,r)),q=()=>{h.value=new Set,D.value=new Set,i()},G=(t,r)=>{const d=c.getRowCount(),R=c.getColumnCount();if(t<0||t>=d||r<0||r>=R)return;B.value={row:t,column:r};const p=c.getCell(t,r);p&&(p.tabIndex=0,p.focus()),e()},Z=()=>{B.value=null,e()},Ce=()=>B.value?{...B.value}:null,he=(t,r)=>{const d=B.value;return d!==null&&d.row===t&&d.column===r},x=()=>{const t=B.value;return!t||t.row<=0?!1:(G(t.row-1,t.column),!0)},ee=()=>{const t=B.value;if(!t)return!1;const r=c.getRowCount();return t.row>=r-1?!1:(G(t.row+1,t.column),!0)},te=()=>{const t=B.value;return!t||t.column<=0?!1:(G(t.row,t.column-1),!0)},oe=()=>{const t=B.value;if(!t)return!1;const r=c.getColumnCount();return t.column>=r-1?!1:(G(t.row,t.column+1),!0)},ne=()=>{const t=c.getRowCount(),r=c.getColumnCount();t>0&&r>0&&G(0,0)},re=()=>{const t=c.getRowCount(),r=c.getColumnCount();t>0&&r>0&&G(t-1,r-1)},ve=()=>{const t=c.element,r=d=>{const R=B.value;if(!R)return;let p=!1;switch(d.key){case"ArrowUp":p=x();break;case"ArrowDown":p=ee();break;case"ArrowLeft":p=te();break;case"ArrowRight":p=oe();break;case"Home":d.ctrlKey?ne():G(R.row,0),p=!0;break;case"End":if(d.ctrlKey)re();else{const z=c.getColumnCount();G(R.row,z-1)}p=!0;break;case"Enter":case" ":d.shiftKey?K(R.row,R.row):d.ctrlKey||d.metaKey?g(R.row):(T(),a(R.row)),p=!0;break;case"Escape":q(),p=!0;break;case"a":(d.ctrlKey||d.metaKey)&&(h.value.size===c.getRowCount()?T():f(),p=!0);break}p&&(d.preventDefault(),d.stopPropagation())};return t.addEventListener("keydown",r),()=>{t.removeEventListener("keydown",r)}},pe=(t,r)=>{c.setRecords(t,r),w()},ye=t=>c.getRecordData(t),me=(t,r,d)=>{const R=c.addRecord(t,r,d);return w(),R},Be=(t,r)=>{const d=c.updateRecordRow(t,r);return d&&w(),d},He=t=>{const r=c.removeRecord(t);return r&&w(),r},Fe=t=>c.hasRecord(t),Se=()=>$().map(r=>c.getRowId(r)).filter(r=>r!==void 0),De=t=>{for(const r of t){const d=c.getRowIndex(r);d!==-1&&a(d)}},Te=t=>{for(const r of t){const d=c.getRowIndex(r);d!==-1&&u(d)}},Ie=t=>{c.setHeaders(t),w()},Ee=(t,r)=>{c.setHeader(t,r),w()},be=(t,r)=>{c.addHeader(t,r),w()},Ae=t=>{c.removeHeader(t),w()},Le=(t,r,d)=>{const R=c.addRow(t,r,d);return w(),R},Ge=t=>{const r=c.removeRow(t);return r&&w(),r},Ue=t=>{const r=c.removeRowById(t);return r&&w(),r},Ke=(t,r)=>{c.updateRow(t,r),w()},Ve=(t,r)=>{c.updateRowById(t,r),w()},ke=(t,r)=>{c.moveRow(t,r),w()},Me=(t,r)=>{c.swapRows(t,r),w()},Ne=()=>{c.clearRows(),w()},je=(t,r,d)=>{c.addColumn(t,r,d),w()},Pe=t=>{c.removeColumn(t),w()},ze=(t,r)=>{c.moveColumn(t,r),w()},_e=(t,r)=>{c.swapColumns(t,r),w()},$e=(t,r)=>{c.setColumnData(t,r),w()},qe=(t,r)=>c.getCellValue(t,r),Oe=(t,r,d)=>{c.setCell(t,r,d),w()},Je=(t,r,d)=>{c.setCellByRowId(t,r,d),w()},Qe=(t,r,d)=>{c.setCellRange(t,r,d),w()},We=(t,r)=>c.getCell(t,r),Xe=t=>c.getRowData(t),Ye=t=>c.getRowDataById(t),Ze=t=>c.getRow(t),xe=t=>c.getRowById(t),et=t=>c.getRowId(t),tt=t=>c.getRowIndex(t),ot=t=>c.getColumnData(t),nt=t=>{c.setFooter(t),w()},rt=(t,r)=>{c.setFooterCell(t,r),w()},st=t=>c.getFooterCell(t),ct=()=>{c.clearFooter(),w()},lt=t=>{c.setCaption(t),w()},at=t=>{c.setData(t),w()},dt=()=>{c.reset(),q(),Z(),w()},ut=()=>{c.sync(),w()},it=t=>c.onRowAdd(t),wt=t=>c.onRowRemove(t),ft=t=>c.onRowUpdate(t),gt=t=>c.onCellChange(t),Rt=t=>c.onHeaderChange(t),Ct=t=>c.onDataChange(t),ht=t=>(b.add(t),()=>b.delete(t)),vt=t=>(A.add(t),()=>A.delete(t)),se=()=>{n(),s(),b.clear(),A.clear(),c.destroy()};return m.onUnmounted(()=>{se()}),{instance:c,element:v,headers:N,data:j,rowCount:_,columnCount:P,rowIds:E,footerData:y,captionText:L,version:S,selection:{rows:h,cells:D},focus:{cell:B},createCaption:()=>c.createCaption(),deleteCaption:()=>{c.deleteCaption(),w()},createTHead:()=>c.createTHead(),deleteTHead:()=>{c.deleteTHead(),w()},createTFoot:()=>c.createTFoot(),deleteTFoot:()=>{c.deleteTFoot(),w()},createTBody:()=>c.createTBody(),getSectionRows:t=>c.getSectionRows(t),insertSectionRow:(t,r,d,R)=>{const p=c.insertSectionRow(t,r,d,R);return w(),p},deleteSectionRow:(t,r)=>{const d=c.deleteSectionRow(t,r);return d&&w(),d},getSectionRowCount:t=>c.getSectionRowCount(t),addHeadRow:(t,r)=>{const d=c.addHeadRow(t,r);return w(),d},removeHeadRow:t=>{const r=c.removeHeadRow(t);return r&&w(),r},getHeadRowCount:()=>c.getHeadRowCount(),addFootRow:(t,r)=>{const d=c.addFootRow(t,r);return w(),d},removeFootRow:t=>{const r=c.removeFootRow(t);return r&&w(),r},getFootRowCount:()=>c.getFootRowCount(),addBodyRow:(t,r,d,R)=>{const p=c.addBodyRow(t,r,d,R);return w(),p},removeBodyRow:(t,r)=>{const d=c.removeBodyRow(t,r);return d&&w(),d},getBodyRowCount:t=>c.getBodyRowCount(t),setHeaders:Ie,setHeader:Ee,addHeader:be,removeHeader:Ae,addRow:Le,removeRow:Ge,removeRowById:Ue,updateRow:Ke,updateRowById:Ve,moveRow:ke,swapRows:Me,clearRows:Ne,addColumn:je,removeColumn:Pe,moveColumn:ze,swapColumns:_e,setColumnData:$e,getCell:qe,setCell:Oe,setCellByRowId:Je,setCellRange:Qe,getCellElement:We,getRowData:Xe,getRowDataById:Ye,getRowElement:Ze,getRowById:xe,getRowId:et,getRowIndex:tt,getColumnData:ot,setFooter:nt,setFooterCell:rt,getFooterCell:st,clearFooter:ct,setCaption:lt,setData:at,reset:dt,sync:ut,selectRow:a,deselectRow:u,toggleRowSelection:g,selectAllRows:f,deselectAllRows:T,selectRowRange:K,isRowSelected:V,getSelectedRowIndices:$,getSelectedRowData:fe,selectCell:X,deselectCell:Y,toggleCellSelection:ge,isCellSelected:Re,clearSelection:q,focusCell:G,clearFocus:Z,getFocusedCell:Ce,isCellFocused:he,moveFocusUp:x,moveFocusDown:ee,moveFocusLeft:te,moveFocusRight:oe,moveFocusToFirst:ne,moveFocusToLast:re,enableKeyboardNavigation:ve,setRecords:pe,getRecordData:ye,addRecord:me,updateRecordRow:Be,removeRecord:He,hasRecord:Fe,getSelectedRecordIds:Se,selectRecords:De,deselectRecords:Te,setIdGenerator:t=>c.setIdGenerator(t),generateId:()=>c.generateId(),onRowAdd:it,onRowRemove:wt,onRowUpdate:ft,onCellChange:gt,onHeaderChange:Rt,onDataChange:Ct,onSelectionChange:ht,onFocusChange:vt,destroy:se}}const M=Symbol("idGenerated");function Q(){return crypto.randomUUID()}function ae(l,C=Q){return"id"in l&&typeof l.id=="string"&&l.id.length>0?l:{...l,id:C(),[M]:!0}}function W(l){return M in l&&l[M]===!0}function de(l){return typeof l=="string"&&l.length>0}function ue(l,C){return l.find(F=>F.id===C)}function ie(l,C){return l.findIndex(F=>F.id===C)}function we(l){if(!W(l))return l;const{id:C,...F}=l;return F}H.ID_GENERATED=M,H.createTable=J,H.ensureId=ae,H.findById=ue,H.generateId=Q,H.indexById=ie,H.isValidId=de,H.stripGeneratedId=we,H.useTable=le,H.wasIdGenerated=W,Object.defineProperty(H,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mikestools/usetable",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Vue 3 composable for table operations",
   "private": false,
   "type": "module",