@mikestools/usetable 0.0.4 → 0.0.6

package/dist/usetable.js

@@ -1,903 +1,1503 @@
-import { ref as N, computed as U, onUnmounted as ut } from "vue";
-function dt() {
-  return crypto.randomUUID();
-}
-function S(l, C) {
-  l.textContent = "", C != null && (C instanceof Node ? l.appendChild(C) : l.textContent = String(C));
-}
-function A(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 E() {
-    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)), y();
-  }
-  function j(e, o, n) {
-    f.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 T() {
-    const e = d.getHeaders();
-    p.forEach((o) => o(e));
+import { ref as H, unref as et, watch as tt, computed as D, onUnmounted as nt } from "vue";
+function ot(t, C) {
+  const h = /* @__PURE__ */ new Set();
+  let s = null, b = !1;
+  function c(e, a, y) {
+    t.addEventListener(e, a, y);
+    const A = () => {
+      t.removeEventListener(e, a, y), h.delete(A);
+    };
+    return h.add(A), A;
   }
-  function y() {
-    if (I.size > 0) {
-      const e = d.getData();
-      I.forEach((o) => o(e));
-    }
+  function v(e) {
+    return t.getAttribute(`aria-${e}`);
   }
-  function L(e) {
-    const o = [];
-    for (let n = 0; n < e.cells.length; n++)
-      o.push(A(e.cells[n]));
-    return o;
+  function w(e, a) {
+    a === null ? t.removeAttribute(`aria-${e}`) : t.setAttribute(`aria-${e}`, a);
   }
-  const d = {
-    // ======================================================================
-    // ELEMENT ACCESS
-    // ======================================================================
-    element: l,
-    getCaption() {
-      return l.caption;
+  return {
+    element: t,
+    // NODE PROPERTIES
+    get isConnected() {
+      return t.isConnected;
     },
-    getTHead() {
-      return l.tHead;
+    getTextContent() {
+      return t.textContent;
     },
-    getTFoot() {
-      return l.tFoot;
+    setTextContent(e) {
+      t.textContent = e;
     },
-    getTBodies() {
-      return l.tBodies;
+    // ELEMENT PROPERTIES
+    getId() {
+      return t.id;
     },
-    getPrimaryTBody() {
-      return E();
+    setId(e) {
+      t.id = e;
     },
-    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 = d.getRow(e);
-      if (n)
-        return n.cells[o];
-    },
-    getCellByRowId(e, o) {
-      const n = d.getRowById(e);
-      if (n)
-        return n.cells[o];
-    },
-    // ======================================================================
-    // DATA ACCESS
-    // ======================================================================
-    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;
+    getTagName() {
+      return t.tagName;
     },
-    getHeader(e) {
-      return d.getHeaders()[e];
+    getInnerHTML() {
+      return t.innerHTML;
     },
-    getData() {
-      return v().map(L);
+    setInnerHTML(e) {
+      t.innerHTML = e;
     },
-    getRowData(e) {
-      const o = d.getRow(e);
-      if (o)
-        return L(o);
+    getOuterHTML() {
+      return t.outerHTML;
     },
-    getRowDataById(e) {
-      const o = d.getRowById(e);
-      if (o)
-        return L(o);
+    getInnerText() {
+      return t.innerText;
     },
-    getCellValue(e, o) {
-      const n = d.getCell(e, o);
-      if (n)
-        return A(n);
+    setInnerText(e) {
+      t.innerText = e;
     },
-    getColumnData(e) {
-      return v().map((n) => {
-        const s = n.cells[e];
-        return s ? A(s) : void 0;
-      });
+    getOuterText() {
+      return t.outerText;
     },
-    getFooterData() {
-      const e = l.tFoot;
-      if (!(!e || e.rows.length === 0))
-        return L(e.rows[0]);
+    setOuterText(e) {
+      t.outerText = e;
     },
-    getRowCount() {
-      return v().length;
+    // HTMLELEMENT PROPERTIES
+    isHidden() {
+      return t.hidden;
+    },
+    setHidden(e) {
+      t.hidden = e;
+    },
+    show() {
+      t.hidden = !1;
+    },
+    hide() {
+      t.hidden = !0;
+    },
+    toggleVisibility(e) {
+      const a = e !== void 0 ? !e : !t.hidden;
+      return t.hidden = a, !a;
+    },
+    getTitle() {
+      return t.title;
+    },
+    setTitle(e) {
+      t.title = e;
+    },
+    getLang() {
+      return t.lang;
+    },
+    setLang(e) {
+      t.lang = e;
+    },
+    getDir() {
+      return t.dir;
+    },
+    setDir(e) {
+      t.dir = e;
+    },
+    getDraggable() {
+      return t.draggable;
+    },
+    setDraggable(e) {
+      t.draggable = e;
+    },
+    getSpellcheck() {
+      return t.spellcheck;
+    },
+    setSpellcheck(e) {
+      t.spellcheck = e;
+    },
+    getTranslate() {
+      return t.translate;
+    },
+    setTranslate(e) {
+      t.translate = e;
+    },
+    getInert() {
+      return t.inert;
+    },
+    setInert(e) {
+      t.inert = e;
+    },
+    getAccessKey() {
+      return t.accessKey;
+    },
+    setAccessKey(e) {
+      t.accessKey = e;
+    },
+    getAccessKeyLabel() {
+      return t.accessKeyLabel;
+    },
+    getAutocapitalize() {
+      return t.autocapitalize;
+    },
+    setAutocapitalize(e) {
+      t.autocapitalize = e;
+    },
+    // ACTIONS
+    click() {
+      t.click();
+    },
+    // POPOVER
+    getPopover() {
+      return t.popover;
+    },
+    setPopover(e) {
+      t.popover = e;
+    },
+    showPopover() {
+      t.showPopover();
+    },
+    hidePopover() {
+      t.hidePopover();
+    },
+    togglePopover(e) {
+      return t.togglePopover(e);
+    },
+    // CONTENT EDITABLE
+    isContentEditable() {
+      return t.isContentEditable;
+    },
+    getContentEditable() {
+      return t.contentEditable;
+    },
+    setContentEditable(e) {
+      t.contentEditable = e;
+    },
+    getEnterKeyHint() {
+      return t.enterKeyHint;
+    },
+    setEnterKeyHint(e) {
+      t.enterKeyHint = e;
+    },
+    getInputMode() {
+      return t.inputMode;
+    },
+    setInputMode(e) {
+      t.inputMode = e;
+    },
+    // FOCUS
+    focus(e) {
+      t.focus(e);
+    },
+    blur() {
+      t.blur();
+    },
+    hasFocus() {
+      return document.activeElement === t;
+    },
+    getTabIndex() {
+      return t.tabIndex;
+    },
+    setTabIndex(e) {
+      t.tabIndex = e;
+    },
+    // POINTER CAPTURE
+    setPointerCapture(e) {
+      t.setPointerCapture(e);
+    },
+    releasePointerCapture(e) {
+      t.releasePointerCapture(e);
+    },
+    hasPointerCapture(e) {
+      return t.hasPointerCapture(e);
+    },
+    // DATASET
+    getDataset() {
+      return t.dataset;
+    },
+    getData(e) {
+      return t.dataset[e];
+    },
+    setData(e, a) {
+      t.dataset[e] = a;
+    },
+    removeData(e) {
+      delete t.dataset[e];
+    },
+    hasData(e) {
+      return e in t.dataset;
+    },
+    getAllData() {
+      return { ...t.dataset };
+    },
+    setAllData(e) {
+      for (const a in e)
+        t.dataset[a] = e[a];
+    },
+    clearAllData() {
+      for (const e in t.dataset)
+        delete t.dataset[e];
+    },
+    // ATTRIBUTES
+    getAttribute(e) {
+      return t.getAttribute(e);
+    },
+    setAttribute(e, a) {
+      t.setAttribute(e, a);
+    },
+    removeAttribute(e) {
+      t.removeAttribute(e);
+    },
+    hasAttribute(e) {
+      return t.hasAttribute(e);
+    },
+    toggleAttribute(e, a) {
+      return t.toggleAttribute(e, a);
+    },
+    getAttributeNames() {
+      return t.getAttributeNames();
+    },
+    // CLASSES
+    addClass(...e) {
+      t.classList.add(...e);
+    },
+    removeClass(...e) {
+      t.classList.remove(...e);
+    },
+    toggleClass(e, a) {
+      return t.classList.toggle(e, a);
+    },
+    hasClass(e) {
+      return t.classList.contains(e);
+    },
+    replaceClass(e, a) {
+      return t.classList.replace(e, a);
+    },
+    getClassName() {
+      return t.className;
+    },
+    setClassName(e) {
+      t.className = e;
+    },
+    // STYLES
+    getStyleDeclaration() {
+      return t.style;
+    },
+    getStyle(e) {
+      return t.style.getPropertyValue(e);
+    },
+    setStyle(e, a, y) {
+      t.style.setProperty(e, a, y);
+    },
+    removeStyle(e) {
+      return t.style.removeProperty(e);
+    },
+    getCSSText() {
+      return t.style.cssText;
+    },
+    setCSSText(e) {
+      t.style.cssText = e;
+    },
+    getComputedStyle(e, a) {
+      return window.getComputedStyle(t, a).getPropertyValue(e);
+    },
+    getComputedStyleDeclaration(e) {
+      return window.getComputedStyle(t, e);
+    },
+    // DIMENSIONS
+    getBoundingClientRect() {
+      return t.getBoundingClientRect();
+    },
+    getClientRects() {
+      return t.getClientRects();
+    },
+    getClientWidth() {
+      return t.clientWidth;
+    },
+    getClientHeight() {
+      return t.clientHeight;
+    },
+    getClientTop() {
+      return t.clientTop;
+    },
+    getClientLeft() {
+      return t.clientLeft;
+    },
+    getScrollWidth() {
+      return t.scrollWidth;
+    },
+    getScrollHeight() {
+      return t.scrollHeight;
+    },
+    getScrollTop() {
+      return t.scrollTop;
+    },
+    setScrollTop(e) {
+      t.scrollTop = e;
+    },
+    getScrollLeft() {
+      return t.scrollLeft;
+    },
+    setScrollLeft(e) {
+      t.scrollLeft = e;
+    },
+    scrollTo(e) {
+      t.scrollTo(e);
+    },
+    scrollBy(e) {
+      t.scrollBy(e);
+    },
+    scrollIntoView(e) {
+      t.scrollIntoView(e);
+    },
+    // OFFSET DIMENSIONS
+    getOffsetWidth() {
+      return t.offsetWidth;
+    },
+    getOffsetHeight() {
+      return t.offsetHeight;
+    },
+    getOffsetTop() {
+      return t.offsetTop;
+    },
+    getOffsetLeft() {
+      return t.offsetLeft;
+    },
+    getOffsetParent() {
+      return t.offsetParent;
+    },
+    // HIERARCHY
+    getParent() {
+      return t.parentElement;
+    },
+    getParentNode() {
+      return t.parentNode;
+    },
+    getChildren() {
+      return t.children;
+    },
+    getFirstChild() {
+      return t.firstElementChild;
+    },
+    getLastChild() {
+      return t.lastElementChild;
+    },
+    getNextSibling() {
+      return t.nextElementSibling;
+    },
+    getPreviousSibling() {
+      return t.previousElementSibling;
+    },
+    getChildCount() {
+      return t.childElementCount;
+    },
+    hasChildren() {
+      return t.childElementCount > 0;
+    },
+    hasChildNodes() {
+      return t.hasChildNodes();
+    },
+    contains(e) {
+      return t.contains(e);
+    },
+    cloneNode(e) {
+      return t.cloneNode(e);
+    },
+    getRootNode(e) {
+      return t.getRootNode(e);
+    },
+    normalize() {
+      t.normalize();
+    },
+    isEqualNode(e) {
+      return t.isEqualNode(e);
+    },
+    isSameNode(e) {
+      return t.isSameNode(e);
+    },
+    compareDocumentPosition(e) {
+      return t.compareDocumentPosition(e);
+    },
+    // DOM MANIPULATION
+    append(...e) {
+      t.append(...e);
+    },
+    prepend(...e) {
+      t.prepend(...e);
+    },
+    insertBefore(...e) {
+      t.before(...e);
+    },
+    insertAfter(...e) {
+      t.after(...e);
+    },
+    remove() {
+      t.remove();
+    },
+    replaceWith(...e) {
+      t.replaceWith(...e);
+    },
+    replaceChildren(...e) {
+      t.replaceChildren(...e);
+    },
+    // QUERY
+    querySelector(e) {
+      return t.querySelector(e);
+    },
+    querySelectorAll(e) {
+      return t.querySelectorAll(e);
+    },
+    closest(e) {
+      return t.closest(e);
+    },
+    matches(e) {
+      return t.matches(e);
+    },
+    insertAdjacentHTML(e, a) {
+      t.insertAdjacentHTML(e, a);
+    },
+    insertAdjacentText(e, a) {
+      t.insertAdjacentText(e, a);
+    },
+    insertAdjacentElement(e, a) {
+      return t.insertAdjacentElement(e, a);
+    },
+    // EVENTS
+    dispatchEvent(e) {
+      return t.dispatchEvent(e);
+    },
+    // ARIA
+    getRole() {
+      return t.getAttribute("role");
+    },
+    setRole(e) {
+      e === null ? t.removeAttribute("role") : t.setAttribute("role", e);
+    },
+    getAriaLabel() {
+      return v("label");
+    },
+    setAriaLabel(e) {
+      w("label", e);
+    },
+    getAriaHidden() {
+      return v("hidden");
+    },
+    setAriaHidden(e) {
+      w("hidden", e);
+    },
+    getAriaDisabled() {
+      return v("disabled");
+    },
+    setAriaDisabled(e) {
+      w("disabled", e);
+    },
+    getAriaExpanded() {
+      return v("expanded");
+    },
+    setAriaExpanded(e) {
+      w("expanded", e);
+    },
+    getAriaSelected() {
+      return v("selected");
+    },
+    setAriaSelected(e) {
+      w("selected", e);
+    },
+    getAriaPressed() {
+      return v("pressed");
+    },
+    setAriaPressed(e) {
+      w("pressed", e);
+    },
+    getAriaChecked() {
+      return v("checked");
+    },
+    setAriaChecked(e) {
+      w("checked", e);
+    },
+    getAriaDescribedBy() {
+      return v("describedby");
+    },
+    setAriaDescribedBy(e) {
+      w("describedby", e);
+    },
+    getAriaLabelledBy() {
+      return v("labelledby");
+    },
+    setAriaLabelledBy(e) {
+      w("labelledby", e);
+    },
+    // EVENTS - Mouse
+    onClick(e) {
+      return c("click", e);
+    },
+    onDblClick(e) {
+      return c("dblclick", e);
+    },
+    onMouseDown(e) {
+      return c("mousedown", e);
+    },
+    onMouseUp(e) {
+      return c("mouseup", e);
+    },
+    onMouseEnter(e) {
+      return c("mouseenter", e);
+    },
+    onMouseLeave(e) {
+      return c("mouseleave", e);
+    },
+    onMouseMove(e) {
+      return c("mousemove", e);
+    },
+    onMouseOver(e) {
+      return c("mouseover", e);
+    },
+    onMouseOut(e) {
+      return c("mouseout", e);
+    },
+    onContextMenu(e) {
+      return c("contextmenu", e);
+    },
+    onWheel(e) {
+      return c("wheel", e);
+    },
+    // EVENTS - Keyboard
+    onKeyDown(e) {
+      return c("keydown", e);
+    },
+    onKeyUp(e) {
+      return c("keyup", e);
+    },
+    // EVENTS - Focus
+    onFocus(e) {
+      return c("focus", e);
+    },
+    onBlur(e) {
+      return c("blur", e);
+    },
+    onFocusIn(e) {
+      return c("focusin", e);
+    },
+    onFocusOut(e) {
+      return c("focusout", e);
+    },
+    // EVENTS - Input
+    onInput(e) {
+      return c("input", e);
+    },
+    onChange(e) {
+      return c("change", e);
+    },
+    onBeforeInput(e) {
+      return c("beforeinput", e);
+    },
+    // EVENTS - Pointer
+    onPointerDown(e) {
+      return c("pointerdown", e);
+    },
+    onPointerUp(e) {
+      return c("pointerup", e);
+    },
+    onPointerMove(e) {
+      return c("pointermove", e);
+    },
+    onPointerEnter(e) {
+      return c("pointerenter", e);
+    },
+    onPointerLeave(e) {
+      return c("pointerleave", e);
+    },
+    onPointerCancel(e) {
+      return c("pointercancel", e);
+    },
+    // EVENTS - Touch
+    onTouchStart(e) {
+      return c("touchstart", e);
+    },
+    onTouchEnd(e) {
+      return c("touchend", e);
+    },
+    onTouchMove(e) {
+      return c("touchmove", e);
+    },
+    onTouchCancel(e) {
+      return c("touchcancel", e);
+    },
+    // EVENTS - Drag
+    onDragStart(e) {
+      return c("dragstart", e);
+    },
+    onDrag(e) {
+      return c("drag", e);
+    },
+    onDragEnd(e) {
+      return c("dragend", e);
+    },
+    onDragEnter(e) {
+      return c("dragenter", e);
+    },
+    onDragOver(e) {
+      return c("dragover", e);
+    },
+    onDragLeave(e) {
+      return c("dragleave", e);
+    },
+    onDrop(e) {
+      return c("drop", e);
+    },
+    // EVENTS - Clipboard
+    onCopy(e) {
+      return c("copy", e);
+    },
+    onCut(e) {
+      return c("cut", e);
+    },
+    onPaste(e) {
+      return c("paste", e);
+    },
+    // EVENTS - Animation/Transition
+    onAnimationStart(e) {
+      return c("animationstart", e);
+    },
+    onAnimationEnd(e) {
+      return c("animationend", e);
+    },
+    onAnimationIteration(e) {
+      return c("animationiteration", e);
+    },
+    onAnimationCancel(e) {
+      return c("animationcancel", e);
+    },
+    onTransitionStart(e) {
+      return c("transitionstart", e);
+    },
+    onTransitionEnd(e) {
+      return c("transitionend", e);
+    },
+    onTransitionRun(e) {
+      return c("transitionrun", e);
+    },
+    onTransitionCancel(e) {
+      return c("transitioncancel", e);
+    },
+    // EVENTS - Scroll
+    onScroll(e) {
+      return c("scroll", e);
+    },
+    onScrollEnd(e) {
+      return c("scrollend", e);
+    },
+    // EVENTS - Generic
+    on(e, a, y) {
+      return c(e, a, y);
+    },
+    // LIFECYCLE
+    sync() {
+    },
+    destroy() {
+      if (!b) {
+        b = !0;
+        for (const e of h) e();
+        h.clear(), s?.disconnect(), s = null;
+      }
+    }
+  };
+}
+const V = /* @__PURE__ */ Symbol("idGenerated");
+function ne() {
+  return crypto.randomUUID();
+}
+function at(t, C = ne) {
+  return "id" in t && typeof t.id == "string" && t.id.length > 0 ? t : {
+    ...t,
+    id: C(),
+    [V]: !0
+  };
+}
+function rt(t) {
+  return V in t && t[V] === !0;
+}
+function st(t) {
+  return typeof t == "string" && t.length > 0;
+}
+function it(t, C) {
+  return t.find((h) => h.id === C);
+}
+function ct(t, C) {
+  return t.findIndex((h) => h.id === C);
+}
+function dt(t) {
+  if (!rt(t))
+    return t;
+  const { id: C, ...h } = t;
+  return h;
+}
+function E(t, C) {
+  t.textContent = "", C != null && (C instanceof Node ? t.appendChild(C) : t.textContent = String(C));
+}
+function W(t) {
+  return t.childNodes.length === 1 && t.firstChild instanceof HTMLElement ? t.firstChild : t.textContent ?? "";
+}
+function k(t) {
+  const C = [];
+  for (let h = 0; h < t.cells.length; h++)
+    C.push(W(t.cells[h]));
+  return C;
+}
+function lt(t, C, h) {
+  const s = ot(t), b = h?.idGenerator ?? ne, c = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Set(), w = /* @__PURE__ */ new Set();
+  function e() {
+    return t.tBodies.length > 0 ? t.tBodies[0] : t.createTBody();
+  }
+  function a() {
+    const o = [];
+    for (let r = 0; r < t.tBodies.length; r++) {
+      const l = t.tBodies[r];
+      for (let i = 0; i < l.rows.length; i++)
+        o.push(l.rows[i]);
+    }
+    return o;
+  }
+  function y(o, r) {
+    c.forEach((l) => l(o, r)), R();
+  }
+  function A(o, r) {
+    v.forEach((l) => l(o, r)), R();
+  }
+  function R() {
+    w.forEach((o) => o());
+  }
+  const f = {
+    ...s,
+    // === NATIVE TABLE STRUCTURE ===
+    getTableCaption() {
+      return t.caption;
+    },
+    setTableCaption(o) {
+      t.caption = o;
     },
-    getColumnCount() {
-      const e = d.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;
-    },
-    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;
-    },
-    // ======================================================================
-    // STRUCTURE METHODS
-    // ======================================================================
     createCaption() {
-      return l.createCaption();
+      return t.createCaption();
     },
     deleteCaption() {
-      l.deleteCaption();
+      t.deleteCaption();
+    },
+    getTHead() {
+      return t.tHead;
+    },
+    setTHead(o) {
+      t.tHead = o;
     },
     createTHead() {
-      return l.createTHead();
+      return t.createTHead();
     },
     deleteTHead() {
-      l.deleteTHead(), T();
+      t.deleteTHead();
+    },
+    getTFoot() {
+      return t.tFoot;
+    },
+    setTFoot(o) {
+      t.tFoot = o;
     },
     createTFoot() {
-      return l.createTFoot();
+      return t.createTFoot();
     },
     deleteTFoot() {
-      l.deleteTFoot();
+      t.deleteTFoot();
+    },
+    getTBodies() {
+      return t.tBodies;
     },
     createTBody() {
-      return l.createTBody();
-    },
-    // ======================================================================
-    // HEADER METHODS
-    // ======================================================================
-    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(oe(s));
-      T();
-    },
-    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());
-    },
-    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();
-    },
-    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());
-    },
-    // ======================================================================
-    // 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);
-      }
-      return P([...e], a, g), i;
-    },
-    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 = d.getRowIndex(e);
-      if (o !== -1)
-        return d.removeRow(o);
-    },
-    updateRow(e, o) {
-      const n = d.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]);
-      }
-      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);
-    },
-    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);
-      }
-      y();
+      return t.createTBody();
     },
-    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();
+    getTableRows() {
+      return t.rows;
     },
-    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();
-    },
-    // ======================================================================
-    // COLUMN METHODS
-    // ======================================================================
-    addColumn(e, o, n) {
-      d.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, "");
-      }
-      y();
-    },
-    removeColumn(e) {
-      d.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 = d.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]);
-      T(), y();
-    },
-    swapColumns(e, o) {
-      const n = d.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();
-      }, 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]);
-      T(), 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]);
-        }
-      }
+    insertTableRow(o = -1) {
+      return t.insertRow(o);
     },
-    // ======================================================================
-    // CELL METHODS
-    // ======================================================================
-    setCell(e, o, n) {
-      const s = d.getCell(e, o);
-      if (!s) return;
-      const a = A(s);
-      S(s, n), V(e, o, a, n);
-    },
-    setCellByRowId(e, o, n) {
-      const s = d.getRowIndex(e);
-      s !== -1 && d.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]);
-      }
+    deleteTableRow(o) {
+      t.deleteRow(o);
     },
-    // ======================================================================
-    // FOOTER METHODS
-    // ======================================================================
-    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);
+    // === HEADERS ===
+    getHeaders() {
+      const o = t.tHead;
+      if (!o || o.rows.length === 0) return [];
+      const r = o.rows[0], l = [];
+      for (let i = 0; i < r.cells.length; i++)
+        l.push(r.cells[i].textContent ?? "");
+      return l;
+    },
+    setHeaders(o) {
+      let r = t.tHead;
+      for (r || (r = t.createTHead()); r.rows.length > 0; )
+        r.deleteRow(0);
+      const l = r.insertRow();
+      for (const i of o) {
+        const g = document.createElement("th");
+        g.scope = "col", g.textContent = i, l.appendChild(g);
       }
     },
-    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);
+    addHeader(o, r) {
+      let l = t.tHead;
+      l || (l = t.createTHead(), l.insertRow()), l.rows.length === 0 && l.insertRow();
+      const i = l.rows[0], g = document.createElement("th");
+      g.scope = "col", g.textContent = o, r === void 0 || r >= i.cells.length ? i.appendChild(g) : i.insertBefore(g, i.cells[r]);
     },
-    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;
+    removeHeader(o) {
+      const r = t.tHead;
+      if (!r || r.rows.length === 0) return;
+      const l = r.rows[0];
+      o >= 0 && o < l.cells.length && l.deleteCell(o);
     },
-    clearFooter() {
-      const e = l.tFoot;
-      if (e)
-        for (; e.rows.length > 0; )
-          e.deleteRow(0);
-    },
-    // ======================================================================
-    // CAPTION METHODS
-    // ======================================================================
-    setCaption(e) {
-      const o = l.createCaption();
-      o.textContent = e;
+    clearHeaders() {
+      t.tHead && t.deleteTHead();
     },
-    getCaptionText() {
-      return l.caption?.textContent ?? void 0;
-    },
-    // ======================================================================
-    // BULK OPERATIONS
-    // ======================================================================
-    setData(e) {
-      d.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);
-        }
-      }
-      y();
+    // === ROWS ===
+    getRowCount() {
+      return a().length;
+    },
+    getBodyRows() {
+      return a();
     },
-    reset() {
-      for (l.deleteCaption(), l.deleteTHead(), l.deleteTFoot(); l.tBodies.length > 0; )
-        l.removeChild(l.tBodies[0]);
-      T(), y();
+    getRow(o) {
+      return a()[o] ?? null;
     },
-    sync() {
-      const e = v();
-      for (const o of e)
-        o.dataset.id || (o.dataset.id = c());
-    },
-    // ======================================================================
-    // RECORD-BASED OPERATIONS
-    // ======================================================================
-    setRecords(e, o) {
-      d.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);
+    addRow(o, r) {
+      const l = e(), i = r ?? l.rows.length, g = l.insertRow(i), T = b();
+      g.dataset.id = T;
+      for (const B of o) {
+        const m = g.insertCell();
+        E(m, B);
+      }
+      return y(i, T), g;
+    },
+    removeRow(o) {
+      const l = a()[o];
+      if (!l) return null;
+      const i = k(l), g = l.dataset.id ?? null;
+      return l.remove(), A(o, g), i;
+    },
+    updateRow(o, r) {
+      const l = f.getRow(o);
+      if (l) {
+        for (let i = 0; i < r.length; i++) {
+          let g = l.cells[i];
+          g || (g = l.insertCell()), E(g, r[i]);
         }
+        for (; l.cells.length > r.length; )
+          l.deleteCell(l.cells.length - 1);
+        R();
       }
-      y();
-    },
-    getRecordData(e) {
-      return d.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;
-    },
-    updateRecordRow(e, o) {
-      const n = d.getRowIndex(e);
-      return n === -1 ? !1 : (d.updateRow(n, o), !0);
-    },
-    removeRecord(e) {
-      return d.removeRowById(e) !== void 0;
     },
-    hasRecord(e) {
-      return d.getRowIndex(e) !== -1;
+    clearRows() {
+      for (let o = 0; o < t.tBodies.length; o++) {
+        const r = t.tBodies[o];
+        for (; r.rows.length > 0; )
+          r.deleteRow(0);
+      }
+      R();
+    },
+    // === ROWS BY ID ===
+    getRowById(o) {
+      const r = a();
+      for (const l of r)
+        if (l.dataset.id === o)
+          return l;
+      return null;
+    },
+    getRowId(o) {
+      return f.getRow(o)?.dataset.id ?? null;
+    },
+    addRowWithId(o, r, l) {
+      const i = e(), g = l ?? i.rows.length, T = i.insertRow(g);
+      T.dataset.id = r;
+      for (const B of o) {
+        const m = T.insertCell();
+        E(m, B);
+      }
+      return y(g, r), T;
     },
-    // ======================================================================
-    // ID GENERATOR
-    // ======================================================================
-    setIdGenerator(e) {
-      c = e;
+    removeRowById(o) {
+      const r = a();
+      for (let l = 0; l < r.length; l++)
+        if (r[l].dataset.id === o)
+          return f.removeRow(l);
+      return null;
     },
-    generateId() {
-      return c();
+    // === CELLS ===
+    getCell(o, r) {
+      const l = f.getRow(o);
+      return l ? l.cells[r] ?? null : null;
     },
-    // ======================================================================
-    // EVENT HOOKS
-    // ======================================================================
-    onRowAdd(e) {
-      return F.add(e), () => F.delete(e);
+    getCellValue(o, r) {
+      const l = f.getCell(o, r);
+      return l ? W(l) : null;
     },
-    onRowRemove(e) {
-      return f.add(e), () => f.delete(e);
+    setCell(o, r, l) {
+      const i = f.getCell(o, r);
+      i && (E(i, l), R());
     },
-    onRowUpdate(e) {
-      return h.add(e), () => h.delete(e);
+    // === COLUMNS ===
+    getColumnCount() {
+      const o = f.getHeaders();
+      if (o.length > 0) return o.length;
+      const r = a();
+      return r.length > 0 ? r[0].cells.length : 0;
+    },
+    addColumn(o, r) {
+      o !== void 0 && f.addHeader(o, r);
+      const l = a();
+      for (const g of l) {
+        const T = g.insertCell(r ?? g.cells.length);
+        E(T, "");
+      }
+      const i = t.tFoot;
+      if (i && i.rows.length > 0) {
+        const g = i.rows[0];
+        g.insertCell(r ?? g.cells.length);
+      }
+      R();
+    },
+    removeColumn(o) {
+      f.removeHeader(o);
+      const r = a();
+      for (const i of r)
+        o >= 0 && o < i.cells.length && i.deleteCell(o);
+      const l = t.tFoot;
+      if (l && l.rows.length > 0) {
+        const i = l.rows[0];
+        o >= 0 && o < i.cells.length && i.deleteCell(o);
+      }
+      R();
     },
-    onCellChange(e) {
-      return D.add(e), () => D.delete(e);
+    getColumnData(o) {
+      const r = a(), l = [];
+      for (const i of r) {
+        const g = i.cells[o];
+        g && l.push(W(g));
+      }
+      return l;
     },
-    onHeaderChange(e) {
-      return p.add(e), () => p.delete(e);
+    setColumnData(o, r) {
+      const l = a();
+      for (let i = 0; i < l.length && i < r.length; i++) {
+        const g = l[i].cells[o];
+        g && E(g, r[i]);
+      }
+      R();
+    },
+    // === BULK DATA ===
+    getTableData() {
+      return a().map(k);
+    },
+    setTableData(o) {
+      f.clearRows();
+      const r = e();
+      for (const l of o) {
+        const i = r.insertRow();
+        i.dataset.id = b();
+        for (const g of l) {
+          const T = i.insertCell();
+          E(T, g);
+        }
+      }
+      R();
+    },
+    // === FOOTER ===
+    getFooter() {
+      const o = t.tFoot;
+      return !o || o.rows.length === 0 ? null : k(o.rows[0]);
+    },
+    setFooter(o) {
+      let r = t.tFoot;
+      for (r || (r = t.createTFoot()); r.rows.length > 0; )
+        r.deleteRow(0);
+      const l = r.insertRow();
+      for (const i of o) {
+        const g = l.insertCell();
+        E(g, i);
+      }
     },
-    onDataChange(e) {
-      return I.add(e), () => I.delete(e);
+    clearFooter() {
+      const o = t.tFoot;
+      if (o)
+        for (; o.rows.length > 0; )
+          o.deleteRow(0);
     },
-    // ======================================================================
-    // CLEANUP
-    // ======================================================================
-    destroy() {
-      F.clear(), f.clear(), h.clear(), D.clear(), p.clear(), I.clear();
+    // === CAPTION TEXT ===
+    getCaptionText() {
+      return t.caption?.textContent ?? null;
+    },
+    setCaptionText(o) {
+      const r = t.createCaption();
+      r.textContent = o;
+    },
+    // === ROW REORDERING ===
+    moveRow(o, r) {
+      const l = a();
+      if (o < 0 || o >= l.length || r < 0 || r >= l.length || o === r) return;
+      const i = l[o], g = l[r];
+      !i.parentElement || !g.parentElement || (i.remove(), o < r ? g.after(i) : g.before(i), R());
+    },
+    swapRows(o, r) {
+      const l = a();
+      if (o < 0 || o >= l.length || r < 0 || r >= l.length || o === r) return;
+      const i = l[o], g = l[r], T = document.createElement("tr");
+      i.before(T), g.before(i), T.replaceWith(g), R();
+    },
+    // === EVENT SUBSCRIPTIONS ===
+    onRowAdd(o) {
+      return c.add(o), () => c.delete(o);
+    },
+    onRowRemove(o) {
+      return v.add(o), () => v.delete(o);
+    },
+    onDataChange(o) {
+      return w.add(o), () => w.delete(o);
     }
   };
-  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 h?.caption && f.setCaptionText(h.caption), h?.headers && f.setHeaders(h.headers), C && f.setTableData(C), h?.footer && f.setFooter(h.footer), f;
+}
+function K(t, C) {
+  return `${t},${C}`;
 }
-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));
-  }, e = () => {
-    E.forEach((t) => t(p.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, d();
-  }, i = (t) => {
-    const r = new Set(h.value);
-    r.delete(t), h.value = r, d();
-  }, g = (t) => {
-    h.value.has(t) ? i(t) : a(t);
-  }, w = () => {
-    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();
-  }, 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();
-  }, 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();
-  }, O = (t, r) => {
-    const u = o(t, r), R = new Set(D.value);
-    R.delete(u), D.value = R, d();
-  }, 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) => {
-    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();
-  }, Q = () => {
-    p.value = null, e();
-  }, ce = () => p.value ? { ...p.value } : null, le = (t, r) => {
-    const u = p.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);
-  }, X = () => {
-    const t = p.value;
-    if (!t) return !1;
-    const r = c.getRowCount();
-    return t.row >= r - 1 ? !1 : (b(t.row + 1, t.column), !0);
-  }, Y = () => {
-    const t = p.value;
-    return !t || t.column <= 0 ? !1 : (b(t.row, t.column - 1), !0);
-  }, Z = () => {
-    const t = p.value;
-    if (!t) return !1;
-    const r = c.getColumnCount();
-    return t.column >= r - 1 ? !1 : (b(t.row, t.column + 1), !0);
-  }, x = () => {
-    const t = c.getRowCount(), r = c.getColumnCount();
-    t > 0 && r > 0 && b(0, 0);
-  }, ee = () => {
-    const t = c.getRowCount(), r = c.getColumnCount();
-    t > 0 && r > 0 && b(t - 1, r - 1);
-  }, ae = () => {
-    const t = c.element, r = (u) => {
-      const R = p.value;
-      if (!R) return;
-      let m = !1;
-      switch (u.key) {
+function ft(t, C, h) {
+  const s = H(null), b = H(0), c = H(!1), v = H(/* @__PURE__ */ new Set()), w = H(/* @__PURE__ */ new Set()), e = H(null), a = H(null), y = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Set(), R = [];
+  function f() {
+    c.value || b.value++;
+  }
+  function o() {
+    y.forEach((n) => n(v.value, w.value));
+  }
+  function r() {
+    A.forEach((n) => n(a.value));
+  }
+  function l(n) {
+    if (c.value || s.value) return;
+    s.value = lt(n, C, h);
+    const u = s.value.onDataChange(() => {
+      f();
+    });
+    R.push(u);
+  }
+  const i = H(et(t));
+  t !== null && typeof t == "object" && "value" in t ? tt(
+    () => t.value,
+    (n) => {
+      i.value = n, n && !s.value && l(n);
+    },
+    { immediate: !0 }
+  ) : t && l(t);
+  const g = D(() => s.value !== null), T = D(() => (b.value, s.value?.getHeaders() ?? [])), B = D(() => (b.value, s.value?.getTableData() ?? [])), m = D(() => (b.value, s.value?.getRowCount() ?? 0)), F = D(() => (b.value, s.value?.getColumnCount() ?? 0)), oe = D(() => {
+    if (b.value, !s.value) return [];
+    const n = [], u = s.value.getRowCount();
+    for (let d = 0; d < u; d++) {
+      const p = s.value.getRowId(d);
+      p && n.push(p);
+    }
+    return n;
+  }), re = D(() => (b.value, s.value?.getFooter() ?? null)), le = D(() => (b.value, s.value?.getCaptionText() ?? null));
+  function ue() {
+    const n = s.value?.createCaption() ?? null;
+    return f(), n;
+  }
+  function ae() {
+    s.value?.deleteCaption(), f();
+  }
+  function se() {
+    const n = s.value?.createTHead() ?? null;
+    return f(), n;
+  }
+  function ie() {
+    s.value?.deleteTHead(), f();
+  }
+  function ce() {
+    const n = s.value?.createTFoot() ?? null;
+    return f(), n;
+  }
+  function de() {
+    s.value?.deleteTFoot(), f();
+  }
+  function fe() {
+    const n = s.value?.createTBody() ?? null;
+    return f(), n;
+  }
+  function ge(n) {
+    s.value?.setHeaders(n), f();
+  }
+  function ve(n, u) {
+    s.value?.addHeader(n, u), f();
+  }
+  function we(n) {
+    s.value?.removeHeader(n), f();
+  }
+  function he() {
+    s.value?.clearHeaders(), f();
+  }
+  function Ce(n, u) {
+    return s.value?.addRow(n, u) ?? null;
+  }
+  function pe(n, u, d) {
+    return s.value?.addRowWithId(n, u, d) ?? null;
+  }
+  function Te(n) {
+    const u = /* @__PURE__ */ new Set();
+    for (const d of v.value)
+      d < n ? u.add(d) : d > n && u.add(d - 1);
+    return v.value = u, s.value?.removeRow(n) ?? null;
+  }
+  function be(n) {
+    return s.value?.removeRowById(n) ?? null;
+  }
+  function Re(n, u) {
+    s.value?.updateRow(n, u), f();
+  }
+  function ye() {
+    v.value = /* @__PURE__ */ new Set(), w.value = /* @__PURE__ */ new Set(), a.value = null, s.value?.clearRows(), f();
+  }
+  function me(n) {
+    return s.value?.getRow(n) ?? null;
+  }
+  function Se(n) {
+    return s.value?.getRowById(n) ?? null;
+  }
+  function Ae(n) {
+    return s.value?.getRowId(n) ?? null;
+  }
+  function He(n, u) {
+    if (s.value?.moveRow(n, u), v.value.has(n)) {
+      const d = new Set(v.value);
+      d.delete(n), d.add(u), v.value = d, o();
+    }
+    f();
+  }
+  function De(n, u) {
+    s.value?.swapRows(n, u);
+    const d = v.value.has(n), p = v.value.has(u);
+    if (d !== p) {
+      const S = new Set(v.value);
+      d && (S.delete(n), S.add(u)), p && (S.delete(u), S.add(n)), v.value = S, o();
+    }
+    f();
+  }
+  function Ee(n, u) {
+    s.value?.addColumn(n, u), f();
+  }
+  function Le(n) {
+    s.value?.removeColumn(n), f();
+  }
+  function Fe(n) {
+    return s.value?.getColumnData(n) ?? [];
+  }
+  function Be(n, u) {
+    s.value?.setColumnData(n, u), f();
+  }
+  function O(n, u) {
+    return s.value?.getCell(n, u) ?? null;
+  }
+  function Pe(n, u) {
+    return s.value?.getCellValue(n, u) ?? null;
+  }
+  function Ie(n, u, d) {
+    s.value?.setCell(n, u, d);
+  }
+  function Me() {
+    return s.value?.getFooter() ?? null;
+  }
+  function Ne(n) {
+    s.value?.setFooter(n), f();
+  }
+  function ke() {
+    s.value?.clearFooter(), f();
+  }
+  function Ke() {
+    return s.value?.getCaptionText() ?? null;
+  }
+  function Ve(n) {
+    s.value?.setCaptionText(n), f();
+  }
+  function We() {
+    return s.value?.getTableData() ?? [];
+  }
+  function Oe(n) {
+    v.value = /* @__PURE__ */ new Set(), w.value = /* @__PURE__ */ new Set(), a.value = null, s.value?.setTableData(n), f();
+  }
+  function je() {
+    f();
+  }
+  function j(n) {
+    if (n < 0 || n >= m.value) return;
+    const u = new Set(v.value);
+    u.add(n), v.value = u, e.value = n, f(), o();
+  }
+  function U(n) {
+    const u = new Set(v.value);
+    u.delete(n), v.value = u, f(), o();
+  }
+  function I(n) {
+    v.value.has(n) ? U(n) : j(n);
+  }
+  function z() {
+    const n = m.value, u = /* @__PURE__ */ new Set();
+    for (let d = 0; d < n; d++)
+      u.add(d);
+    v.value = u, f(), o();
+  }
+  function Ue() {
+    v.value = /* @__PURE__ */ new Set(), e.value = null, f(), o();
+  }
+  function ze(n) {
+    return v.value.has(n);
+  }
+  function q() {
+    return Array.from(v.value).sort((n, u) => n - u);
+  }
+  function qe() {
+    if (!s.value) return [];
+    const n = q(), u = [];
+    for (const d of n) {
+      const p = s.value.getRow(d);
+      if (p) {
+        const S = [];
+        for (let P = 0; P < p.cells.length; P++)
+          S.push(s.value.getCellValue(d, P));
+        u.push(S);
+      }
+    }
+    return u;
+  }
+  function M(n, u) {
+    const d = m.value;
+    if (n < 0 || n >= d || u < 0 || u >= d) return;
+    const p = new Set(v.value), S = Math.min(n, u), P = Math.max(n, u);
+    for (let N = S; N <= P; N++)
+      p.add(N);
+    v.value = p, f(), o();
+  }
+  function Ge(n, u, d) {
+    n < 0 || n >= m.value || (d && e.value !== null ? (u || (v.value = /* @__PURE__ */ new Set()), M(e.value, n)) : u ? (I(n), e.value = n) : (v.value = /* @__PURE__ */ new Set([n]), e.value = n, f(), o()));
+  }
+  function G(n, u) {
+    if (n < 0 || n >= m.value || u < 0 || u >= F.value) return;
+    const d = new Set(w.value);
+    d.add(K(n, u)), w.value = d, f(), o();
+  }
+  function $(n, u) {
+    const d = new Set(w.value);
+    d.delete(K(n, u)), w.value = d, f(), o();
+  }
+  function _(n, u) {
+    x(n, u) ? $(n, u) : G(n, u);
+  }
+  function x(n, u) {
+    return w.value.has(K(n, u));
+  }
+  function J() {
+    v.value = /* @__PURE__ */ new Set(), w.value = /* @__PURE__ */ new Set(), e.value = null, f(), o();
+  }
+  function L(n, u) {
+    if (n < 0 || n >= m.value || u < 0 || u >= F.value) return;
+    a.value = { row: n, column: u };
+    const d = O(n, u);
+    d && (d.setAttribute("tabindex", "0"), d.focus()), f(), r();
+  }
+  function Q() {
+    a.value = null, f(), r();
+  }
+  function $e() {
+    return a.value;
+  }
+  function _e(n, u) {
+    const d = a.value;
+    return d !== null && d.row === n && d.column === u;
+  }
+  function X() {
+    const n = a.value;
+    return !n || n.row <= 0 ? !1 : (L(n.row - 1, n.column), !0);
+  }
+  function Y() {
+    const n = a.value;
+    return !n || n.row >= m.value - 1 ? !1 : (L(n.row + 1, n.column), !0);
+  }
+  function Z() {
+    const n = a.value;
+    return !n || n.column <= 0 ? !1 : (L(n.row, n.column - 1), !0);
+  }
+  function ee() {
+    const n = a.value;
+    return !n || n.column >= F.value - 1 ? !1 : (L(n.row, n.column + 1), !0);
+  }
+  function xe() {
+    const n = i.value;
+    if (!n) return () => {
+    };
+    const u = (d) => {
+      let p = !1;
+      switch (d.key) {
         case "ArrowUp":
-          m = W();
+          p = X();
           break;
         case "ArrowDown":
-          m = X();
+          p = Y();
           break;
         case "ArrowLeft":
-          m = Y();
+          p = Z();
           break;
         case "ArrowRight":
-          m = Z();
+          p = ee();
           break;
         case "Home":
-          u.ctrlKey ? x() : b(R.row, 0), m = !0;
+          a.value && (L(a.value.row, 0), p = !0);
           break;
         case "End":
-          if (u.ctrlKey)
-            ee();
-          else {
-            const M = c.getColumnCount();
-            b(R.row, M - 1);
-          }
-          m = !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;
+          a.value && F.value > 0 && (L(a.value.row, F.value - 1), p = !0);
           break;
         case "Escape":
-          _(), m = !0;
+          J(), Q(), p = !0;
           break;
         case "a":
-          (u.ctrlKey || u.metaKey) && (h.value.size === c.getRowCount() ? B() : w(), m = !0);
+          (d.ctrlKey || d.metaKey) && (z(), p = !0);
+          break;
+        case "Enter":
+        case " ":
+          a.value && (d.shiftKey ? I(a.value.row) : _(a.value.row, a.value.column), p = !0);
           break;
       }
-      m && (u.preventDefault(), u.stopPropagation());
+      p && (d.preventDefault(), d.stopPropagation());
     };
-    return t.addEventListener("keydown", r), () => {
-      t.removeEventListener("keydown", r);
+    return n.addEventListener("keydown", u), () => n.removeEventListener("keydown", u);
+  }
+  function Je(n) {
+    return s.value ? s.value.onRowAdd(n) : () => {
     };
-  }, ue = (t, r) => {
-    c.setRecords(t, r), f();
-  }, de = (t) => c.getRecordData(t), ie = (t, r, u) => {
-    const R = c.addRecord(t, r, u);
-    return f(), R;
-  }, we = (t, r) => {
-    const u = c.updateRecordRow(t, r);
-    return u && f(), 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) => {
-    for (const r of t) {
-      const u = c.getRowIndex(r);
-      u !== -1 && a(u);
-    }
-  }, he = (t) => {
-    for (const r of t) {
-      const u = c.getRowIndex(r);
-      u !== -1 && i(u);
-    }
-  }, ve = (t) => {
-    c.setHeaders(t), f();
-  }, pe = (t, r) => {
-    c.setHeader(t, r), f();
-  }, ye = (t, r) => {
-    c.addHeader(t, r), f();
-  }, me = (t) => {
-    c.removeHeader(t), f();
-  }, He = (t, r, u) => {
-    const R = c.addRow(t, r, u);
-    return f(), R;
-  }, Fe = (t) => {
-    const r = c.removeRow(t);
-    return r && f(), r;
-  }, De = (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();
-  }, Se = (t, r) => {
-    c.swapRows(t, r), f();
-  }, Ee = () => {
-    c.clearRows(), f();
-  }, be = (t, r, u) => {
-    c.addColumn(t, r, u), f();
-  }, Le = (t) => {
-    c.removeColumn(t), f();
-  }, Ue = (t, r) => {
-    c.moveColumn(t, r), f();
-  }, Ae = (t, r) => {
-    c.swapColumns(t, r), f();
-  }, Ge = (t, r) => {
-    c.setColumnData(t, r), f();
-  }, Ke = (t, r) => c.getCellValue(t, r), ke = (t, r, u) => {
-    c.setCell(t, r, u), f();
-  }, Ve = (t, r, u) => {
-    c.setCellByRowId(t, r, u), f();
-  }, Me = (t, r, u) => {
-    c.setCellRange(t, r, u), f();
-  }, 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();
-  }, Qe = (t, r) => {
-    c.setFooterCell(t, r), f();
-  }, We = (t) => c.getFooterCell(t), Xe = () => {
-    c.clearFooter(), f();
-  }, Ye = (t) => {
-    c.setCaption(t), f();
-  }, Ze = (t) => {
-    c.setData(t), f();
-  }, xe = () => {
-    c.reset(), _(), Q(), f();
-  }, et = () => {
-    c.sync(), f();
-  }, 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();
-  };
-  return ut(() => {
+  }
+  function Qe(n) {
+    return s.value ? s.value.onRowRemove(n) : () => {
+    };
+  }
+  function Xe(n) {
+    return s.value ? s.value.onDataChange(n) : () => {
+    };
+  }
+  function Ye(n) {
+    return y.add(n), () => y.delete(n);
+  }
+  function Ze(n) {
+    return A.add(n), () => A.delete(n);
+  }
+  function te() {
+    c.value = !0;
+    for (const n of R)
+      n();
+    R.length = 0, s.value?.destroy(), s.value = null, v.value = /* @__PURE__ */ new Set(), w.value = /* @__PURE__ */ new Set(), a.value = null;
+  }
+  return nt(() => {
     te();
   }), {
-    // Table instance
-    instance: c,
+    // Core
+    instance: s,
+    isInitialized: g,
+    element: i,
     // Reactive state
-    element: v,
-    headers: P,
-    data: j,
-    rowCount: z,
-    columnCount: V,
-    rowIds: T,
-    footerData: y,
-    captionText: L,
-    version: F,
+    headers: T,
+    data: B,
+    rowCount: m,
+    columnCount: F,
+    rowIds: oe,
+    footerData: re,
+    captionText: le,
+    version: b,
     // Selection state
     selection: {
-      rows: h,
-      cells: D
+      rows: v,
+      cells: w
     },
     // Focus state
     focus: {
-      cell: p
+      cell: a
     },
     // Structure methods
-    createCaption: () => c.createCaption(),
-    deleteCaption: () => {
-      c.deleteCaption(), f();
-    },
-    createTHead: () => c.createTHead(),
-    deleteTHead: () => {
-      c.deleteTHead(), f();
-    },
-    createTFoot: () => c.createTFoot(),
-    deleteTFoot: () => {
-      c.deleteTFoot(), f();
-    },
-    createTBody: () => c.createTBody(),
+    createCaption: ue,
+    deleteCaption: ae,
+    createTHead: se,
+    deleteTHead: ie,
+    createTFoot: ce,
+    deleteTFoot: de,
+    createTBody: fe,
     // Header methods
-    setHeaders: ve,
-    setHeader: pe,
-    addHeader: ye,
-    removeHeader: me,
+    setHeaders: ge,
+    addHeader: ve,
+    removeHeader: we,
+    clearHeaders: he,
     // Row methods
-    addRow: He,
-    removeRow: Fe,
-    removeRowById: De,
-    updateRow: Be,
-    updateRowById: Ie,
-    moveRow: Te,
-    swapRows: Se,
-    clearRows: Ee,
+    addRow: Ce,
+    addRowWithId: pe,
+    removeRow: Te,
+    removeRowById: be,
+    updateRow: Re,
+    clearRows: ye,
+    getRow: me,
+    getRowById: Se,
+    getRowId: Ae,
+    moveRow: He,
+    swapRows: De,
     // Column methods
-    addColumn: be,
+    addColumn: Ee,
     removeColumn: Le,
-    moveColumn: Ue,
-    swapColumns: Ae,
-    setColumnData: Ge,
+    getColumnData: Fe,
+    setColumnData: Be,
     // Cell methods
-    getCell: Ke,
-    setCell: ke,
-    setCellByRowId: Ve,
-    setCellRange: Me,
-    getCellElement: Ne,
-    // Row access methods
-    getRowData: Pe,
-    getRowDataById: je,
-    getRowElement: ze,
-    getRowById: $e,
-    getRowId: _e,
-    getRowIndex: qe,
-    getColumnData: Je,
+    getCell: O,
+    getCellValue: Pe,
+    setCell: Ie,
     // Footer methods
-    setFooter: Oe,
-    setFooterCell: Qe,
-    getFooterCell: We,
-    clearFooter: Xe,
+    getFooter: Me,
+    setFooter: Ne,
+    clearFooter: ke,
     // Caption methods
-    setCaption: Ye,
+    getCaption: Ke,
+    setCaption: Ve,
     // Bulk operations
-    setData: Ze,
-    reset: xe,
-    sync: et,
+    getData: We,
+    setData: Oe,
+    sync: je,
     // Selection methods
-    selectRow: a,
-    deselectRow: i,
-    toggleRowSelection: g,
-    selectAllRows: w,
-    deselectAllRows: B,
-    selectRowRange: G,
-    isRowSelected: K,
-    getSelectedRowIndices: $,
-    getSelectedRowData: ne,
-    selectCell: J,
-    deselectCell: O,
-    toggleCellSelection: re,
-    isCellSelected: se,
-    clearSelection: _,
+    selectRow: j,
+    deselectRow: U,
+    toggleRowSelection: I,
+    selectAllRows: z,
+    deselectAllRows: Ue,
+    isRowSelected: ze,
+    getSelectedRowIndices: q,
+    getSelectedRowData: qe,
+    selectRowRange: M,
+    selectRowWithModifiers: Ge,
+    selectCell: G,
+    deselectCell: $,
+    toggleCellSelection: _,
+    isCellSelected: x,
+    clearSelection: J,
     // Focus methods
-    focusCell: b,
+    focusCell: L,
     clearFocus: Q,
-    getFocusedCell: ce,
-    isCellFocused: le,
-    moveFocusUp: W,
-    moveFocusDown: X,
-    moveFocusLeft: Y,
-    moveFocusRight: Z,
-    moveFocusToFirst: x,
-    moveFocusToLast: ee,
-    enableKeyboardNavigation: ae,
-    // Record-based operations
-    setRecords: ue,
-    getRecordData: de,
-    addRecord: ie,
-    updateRecordRow: we,
-    removeRecord: fe,
-    hasRecord: ge,
-    getSelectedRecordIds: Ce,
-    selectRecords: Re,
-    deselectRecords: he,
-    // ID generator
-    setIdGenerator: (t) => c.setIdGenerator(t),
-    generateId: () => c.generateId(),
-    // Event hooks
-    onRowAdd: tt,
-    onRowRemove: ot,
-    onRowUpdate: nt,
-    onCellChange: rt,
-    onHeaderChange: st,
-    onDataChange: ct,
-    onSelectionChange: lt,
-    onFocusChange: at,
-    // Cleanup
+    getFocusedCell: $e,
+    isCellFocused: _e,
+    moveFocusUp: X,
+    moveFocusDown: Y,
+    moveFocusLeft: Z,
+    moveFocusRight: ee,
+    enableKeyboardNavigation: xe,
+    // Event subscriptions
+    onRowAdd: Je,
+    onRowRemove: Qe,
+    onDataChange: Xe,
+    onSelectionChange: Ye,
+    onFocusChange: Ze,
+    // Lifecycle
     destroy: te
   };
 }
-const q = /* @__PURE__ */ Symbol("idGenerated");
-function wt() {
-  return crypto.randomUUID();
-}
-function Rt(l, C = wt) {
-  return "id" in l && typeof l.id == "string" && l.id.length > 0 ? l : {
-    ...l,
-    id: C(),
-    [q]: !0
-  };
-}
-function ft(l) {
-  return q in l && l[q] === !0;
-}
-function ht(l) {
-  return typeof l == "string" && l.length > 0;
-}
-function vt(l, C) {
-  return l.find((H) => H.id === C);
-}
-function pt(l, C) {
-  return l.findIndex((H) => H.id === C);
-}
-function yt(l) {
-  if (!ft(l))
-    return l;
-  const { id: C, ...H } = l;
-  return H;
-}
 export {
-  q as ID_GENERATED,
-  it as createTable,
-  Rt as ensureId,
-  vt as findById,
-  wt as generateId,
-  pt as indexById,
-  ht as isValidId,
-  yt as stripGeneratedId,
-  Ct as useTable,
-  ft as wasIdGenerated
+  V as ID_GENERATED,
+  lt as createTable,
+  at as ensureId,
+  it as findById,
+  ne as generateId,
+  ct as indexById,
+  st as isValidId,
+  dt as stripGeneratedId,
+  ft as useTable,
+  rt as wasIdGenerated
 };