@oneb/ui-vue 0.3.17 → 0.3.19

package/dist/dataTable/index.js

@@ -1,12 +1,12 @@
-import { openBlock as l, createElementBlock as o, createElementVNode as c, ref as E, onMounted as Xe, toValue as _e, watch as Q, onBeforeUnmount as Fe, defineComponent as fe, computed as y, normalizeClass as b, toDisplayString as k, Fragment as _, renderList as L, unref as p, createCommentVNode as g, createBlock as v, resolveDynamicComponent as w, useSlots as $e, provide as Ye, withDirectives as Ze, renderSlot as B, vShow as Ie, normalizeStyle as ae, createTextVNode as W, withModifiers as U, createVNode as Se, inject as De } from "vue";
-import { useOnebI18n as Pe } from "../i18n/index.js";
-import { a as pe, r as et } from "../ChevronRightIcon-4549a26b.js";
-import { S as I } from "../SpinnerIcon-74648c98.js";
+import { openBlock as l, createElementBlock as o, createElementVNode as f, ref as E, onMounted as Ye, toValue as Re, watch as A, onBeforeUnmount as Oe, defineComponent as fe, computed as g, normalizeClass as v, toDisplayString as k, Fragment as S, renderList as j, unref as c, createCommentVNode as h, createBlock as b, resolveDynamicComponent as w, useSlots as Pe, provide as Ze, withDirectives as De, renderSlot as M, vShow as et, normalizeStyle as ae, createTextVNode as H, withModifiers as I, createVNode as Be, inject as tt } from "vue";
+import { useOnebI18n as qe } from "../i18n/index.js";
+import { a as pe, r as st } from "../ChevronRightIcon-4549a26b.js";
+import { S as Z } from "../SpinnerIcon-74648c98.js";
 import { r as ne } from "../ChevronDownIcon-6805ce6c.js";
 import { r as D } from "../CheckIcon-f1c94824.js";
-import { _ as tt } from "../_plugin-vue_export-helper-dad06003.js";
+import { _ as rt } from "../_plugin-vue_export-helper-dad06003.js";
 import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
-function st(d, n) {
+function lt(u, n) {
   return l(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -15,14 +15,14 @@ function st(d, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    f("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15.75 19.5L8.25 12l7.5-7.5"
     })
   ]);
 }
-function Re(d, n) {
+function Me(u, n) {
   return l(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -31,14 +31,14 @@ function Re(d, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    f("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"
     })
   ]);
 }
-const rt = {
+const ot = {
   field: {
     type: String,
     required: !1
@@ -91,7 +91,7 @@ const rt = {
     type: String,
     required: !1
   }
-}, lt = {
+}, at = {
   value: {
     type: Array,
     default: () => []
@@ -224,61 +224,61 @@ const rt = {
     type: String,
     required: !1
   }
-}, Le = Symbol("OneDataTable"), Be = {
-  contains: (d, n) => String(d ?? "").toLowerCase().includes(String(n).toLowerCase()),
-  startsWith: (d, n) => String(d ?? "").toLowerCase().startsWith(String(n).toLowerCase()),
-  endsWith: (d, n) => String(d ?? "").toLowerCase().endsWith(String(n).toLowerCase()),
-  equals: (d, n) => String(d ?? "").toLowerCase() === String(n).toLowerCase(),
-  notEquals: (d, n) => String(d ?? "").toLowerCase() !== String(n).toLowerCase()
-}, ot = {
+}, Le = Symbol("OneDataTable"), Fe = {
+  contains: (u, n) => String(u ?? "").toLowerCase().includes(String(n).toLowerCase()),
+  startsWith: (u, n) => String(u ?? "").toLowerCase().startsWith(String(n).toLowerCase()),
+  endsWith: (u, n) => String(u ?? "").toLowerCase().endsWith(String(n).toLowerCase()),
+  equals: (u, n) => String(u ?? "").toLowerCase() === String(n).toLowerCase(),
+  notEquals: (u, n) => String(u ?? "").toLowerCase() !== String(n).toLowerCase()
+}, nt = {
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280,
   "2xl": 1536
 };
-function at(d) {
+function it(u) {
   const n = E(!1);
-  let t = null, i = null;
-  const h = () => {
-    t && i && t.removeEventListener("change", i), t = null, i = null;
-  }, f = (S) => {
-    h(), !(typeof window > "u") && (t = window.matchMedia(S), n.value = t.matches, i = (H) => {
-      n.value = H.matches;
-    }, t.addEventListener("change", i));
+  let p = null, s = null;
+  const d = () => {
+    p && s && p.removeEventListener("change", s), p = null, s = null;
+  }, y = (C) => {
+    d(), !(typeof window > "u") && (p = window.matchMedia(C), n.value = p.matches, s = (P) => {
+      n.value = P.matches;
+    }, p.addEventListener("change", s));
   };
-  return Xe(() => {
-    f(_e(d)), Q(
-      () => _e(d),
-      (S) => {
-        f(S);
+  return Ye(() => {
+    y(Re(u)), A(
+      () => Re(u),
+      (C) => {
+        y(C);
       }
     );
-  }), Fe(() => {
-    h();
+  }), Oe(() => {
+    d();
   }), n;
 }
-function z(d) {
-  return at(`(min-width: ${ot[d]}px)`);
+function V(u) {
+  return it(`(min-width: ${nt[u]}px)`);
 }
-const nt = (d = !0) => {
+const dt = (u = !0) => {
   const n = ["overflow-x-auto", "w-full"];
-  return d && n.push("border", "border-gray-100", "rounded"), n;
-}, it = (d) => {
+  return u && n.push("border", "border-gray-100", "rounded"), n;
+}, ut = (u) => {
   const n = ["min-w-full", "text-left", "relative"];
-  return d === "sm" ? n.push("text-xs") : d === "lg" ? n.push("text-base") : n.push("text-sm"), n;
-}, ie = (d, n, t = "none", i = "default", h) => {
-  const f = [];
-  return i === "minimal" ? f.push(
-    h || "bg-gray-50",
+  return u === "sm" ? n.push("text-xs") : u === "lg" ? n.push("text-base") : n.push("text-sm"), n;
+}, ie = (u, n, p = "none", s = "default", d) => {
+  const y = [];
+  return s === "minimal" ? y.push(
+    d || "bg-gray-50",
     "text-gray-700",
     "font-medium",
     "text-sm",
     "normal-case",
     "border-b",
     "border-gray-200"
-  ) : f.push(
-    h || "bg-gray-100",
+  ) : y.push(
+    d || "bg-gray-100",
     "text-gray-600",
     "font-semibold",
     "text-xs",
@@ -287,20 +287,20 @@ const nt = (d = !0) => {
     "border-b",
     "border-gray-200",
     "whitespace-nowrap"
-  ), n && f.push("cursor-pointer", "select-none", "hover:text-primary-base", "transition-colors"), t === "always" ? f.push("border-r", "border-r-gray-200", "last:border-r-0") : (t === "hover" || t === "hover-table") && f.push("border-r", "border-r-transparent", "last:border-r-0"), d === "sm" ? f.push("px-1.5", "py-1") : d === "lg" ? f.push("px-4", "py-3") : f.push("p-2"), f;
-}, de = (d, n, t = "none", i) => {
-  const h = ["border-b", "border-gray-100", "text-gray-900"];
-  return i && h.push(i), n && h.push("border-r"), t === "always" ? h.push("border-r", "border-r-gray-200", "last:border-r-0") : (t === "hover" || t === "hover-table") && h.push("border-r", "border-r-transparent", "last:border-r-0"), d === "sm" ? h.push("px-1.5", "py-1") : d === "lg" ? h.push("px-4", "py-3") : h.push("px-2", "py-1.5"), h;
-}, dt = (d, n, t, i, h = !1) => {
-  const f = [];
-  return h && f.push("group"), i ? f.push("bg-primary-25") : d && t && f.push("bg-gray-50"), n && (i ? f.push("hover:bg-primary-25-hover", "transition-colors") : f.push("hover:bg-gray-50", "transition-colors")), f;
-}, ee = (d) => {
+  ), n && y.push("cursor-pointer", "select-none", "hover:text-primary-base", "transition-colors"), p === "always" ? y.push("border-r", "border-r-gray-200", "last:border-r-0") : (p === "hover" || p === "hover-table") && y.push("border-r", "border-r-transparent", "last:border-r-0"), u === "sm" ? y.push("px-1.5", "py-1") : u === "lg" ? y.push("px-4", "py-3") : y.push("p-2"), y;
+}, de = (u, n, p = "none", s) => {
+  const d = ["border-b", "border-gray-100", "text-gray-900"];
+  return s && d.push(s), n && d.push("border-r"), p === "always" ? d.push("border-r", "border-r-gray-200", "last:border-r-0") : (p === "hover" || p === "hover-table") && d.push("border-r", "border-r-transparent", "last:border-r-0"), u === "sm" ? d.push("px-1.5", "py-1") : u === "lg" ? d.push("px-4", "py-3") : d.push("px-2", "py-1.5"), d;
+}, pt = (u, n, p, s, d = !1) => {
+  const y = [];
+  return d && y.push("group"), s ? y.push("bg-primary-25") : u && p && y.push("bg-gray-50"), n && (s ? y.push("hover:bg-primary-25-hover", "transition-colors") : y.push("hover:bg-gray-50", "transition-colors")), y;
+}, ee = (u) => {
   const n = ["w-3.5", "h-3.5", "inline-block", "ml-1"];
-  return d ? n.push("text-primary-base") : n.push("text-gray-400"), n.push("transition-transform", "duration-200"), n;
-}, ce = (d) => {
+  return u ? n.push("text-primary-base") : n.push("text-gray-400"), n.push("transition-transform", "duration-200"), n;
+}, ce = (u) => {
   const n = ["text-center"];
-  return d === "sm" ? n.push("w-8") : d === "lg" ? n.push("w-14") : n.push("w-12"), n;
-}, Me = (d) => ce(d), ut = () => [
+  return u === "sm" ? n.push("w-8") : u === "lg" ? n.push("w-14") : n.push("w-12"), n;
+}, $e = (u) => ce(u), ct = () => [
   "flex",
   "items-center",
   "justify-between",
@@ -310,16 +310,16 @@ const nt = (d = !0) => {
   "border-gray-100",
   "bg-white",
   "text-sm"
-], pt = (d, n) => {
-  const t = ["rounded", "border", "p-3"];
-  return n ? t.push("bg-primary-25", "border-primary-base/20") : t.push("bg-white", "border-gray-100"), d && (n ? t.push("hover:bg-primary-25-hover", "transition-colors") : t.push("hover:bg-gray-50", "transition-colors")), t;
-}, ct = (d) => {
+], ft = (u, n) => {
+  const p = ["rounded", "border", "p-3"];
+  return n ? p.push("bg-primary-25", "border-primary-base/20") : p.push("bg-white", "border-gray-100"), u && (n ? p.push("hover:bg-primary-25-hover", "transition-colors") : p.push("hover:bg-gray-50", "transition-colors")), p;
+}, yt = (u) => {
   const n = ["flex", "items-start", "justify-between", "gap-2"];
-  return d === "sm" ? n.push("py-0.5") : d === "lg" ? n.push("py-2") : n.push("py-1"), n;
-}, ue = (d) => {
+  return u === "sm" ? n.push("py-0.5") : u === "lg" ? n.push("py-2") : n.push("py-1"), n;
+}, ue = (u) => {
   const n = ["bg-gray-100", "border-b", "border-gray-200"];
-  return d === "sm" ? n.push("px-1.5", "py-1") : d === "lg" ? n.push("px-4", "py-2") : n.push("px-2", "py-1.5"), n;
-}, ft = { class: "flex items-center gap-4" }, yt = { class: "text-gray-600" }, gt = ["value"], ht = ["value"], bt = { class: "flex items-center gap-1" }, vt = ["disabled"], mt = { class: "px-2 text-gray-600" }, kt = ["disabled"], wt = /* @__PURE__ */ fe({
+  return u === "sm" ? n.push("px-1.5", "py-1") : u === "lg" ? n.push("px-4", "py-2") : n.push("px-2", "py-1.5"), n;
+}, gt = { class: "flex items-center gap-4" }, ht = { class: "text-gray-600" }, vt = ["value"], bt = ["value"], mt = { class: "flex items-center gap-1" }, kt = ["disabled"], wt = { class: "px-2 text-gray-600" }, Ct = ["disabled"], xt = /* @__PURE__ */ fe({
   __name: "OneDataTablePaginator",
   props: {
     first: {
@@ -340,130 +340,131 @@ const nt = (d = !0) => {
     }
   },
   emits: ["update:first", "update:rows", "page"],
-  setup(d, { emit: n }) {
-    const t = d, i = n, h = Pe(), f = y(() => Math.ceil(t.totalRecords / t.rows)), S = y(() => Math.floor(t.first / t.rows) + 1), H = y(() => t.totalRecords === 0 ? 0 : t.first + 1), ye = y(() => Math.min(t.first + t.rows, t.totalRecords)), F = y(() => t.first === 0), V = y(() => t.first + t.rows >= t.totalRecords), A = y(() => ut()), j = (C) => {
-      C < 0 || C >= t.totalRecords || (i("update:first", C), i("page", {
-        first: C,
-        rows: t.rows,
-        page: Math.floor(C / t.rows),
-        pageCount: f.value
+  setup(u, { emit: n }) {
+    const p = u, s = n, d = qe(), y = g(() => Math.ceil(p.totalRecords / p.rows)), C = g(() => Math.floor(p.first / p.rows) + 1), P = g(() => p.totalRecords === 0 ? 0 : p.first + 1), ye = g(() => Math.min(p.first + p.rows, p.totalRecords)), ge = g(() => p.first === 0), q = g(() => p.first + p.rows >= p.totalRecords), W = g(() => ct()), N = (R) => {
+      R < 0 || R >= p.totalRecords || (s("update:first", R), s("page", {
+        first: R,
+        rows: p.rows,
+        page: Math.floor(R / p.rows),
+        pageCount: y.value
       }));
-    }, G = () => {
-      j(Math.max(0, t.first - t.rows));
-    }, J = () => {
-      j(t.first + t.rows);
-    }, O = (C) => {
-      const x = parseInt(C.target.value);
-      i("update:rows", x), i("update:first", 0), i("page", {
+    }, U = () => {
+      N(Math.max(0, p.first - p.rows));
+    }, x = () => {
+      N(p.first + p.rows);
+    }, G = (R) => {
+      const F = parseInt(R.target.value);
+      s("update:rows", F), s("update:first", 0), s("page", {
         first: 0,
-        rows: x,
+        rows: F,
         page: 0,
-        pageCount: Math.ceil(t.totalRecords / x)
+        pageCount: Math.ceil(p.totalRecords / F)
       });
     };
-    return (C, x) => (l(), o("div", {
-      class: b(A.value)
+    return (R, F) => (l(), o("div", {
+      class: v(W.value)
     }, [
-      c("div", ft, [
-        c("span", yt, k(H.value) + "–" + k(ye.value) + " of " + k(d.totalRecords), 1),
-        d.rowsPerPageOptions.length > 1 ? (l(), o("select", {
+      f("div", gt, [
+        f("span", ht, k(P.value) + "–" + k(ye.value) + " of " + k(u.totalRecords), 1),
+        u.rowsPerPageOptions.length > 1 ? (l(), o("select", {
           key: 0,
-          value: d.rows,
+          value: u.rows,
           class: "border border-gray-300 rounded px-2 py-1 text-sm bg-white focus:outline-none focus:ring-1 focus:ring-primary-glow",
-          onChange: O
+          onChange: G
         }, [
-          (l(!0), o(_, null, L(d.rowsPerPageOptions, (T) => (l(), o("option", {
-            key: T,
-            value: T
-          }, k(p(h)("ui.dataTable.perPage", { count: T })), 9, ht))), 128))
-        ], 40, gt)) : g("", !0)
+          (l(!0), o(S, null, j(u.rowsPerPageOptions, ($) => (l(), o("option", {
+            key: $,
+            value: $
+          }, k(c(d)("ui.dataTable.perPage", { count: $ })), 9, bt))), 128))
+        ], 40, vt)) : h("", !0)
       ]),
-      c("div", bt, [
-        c("button", {
-          disabled: F.value,
+      f("div", mt, [
+        f("button", {
+          disabled: ge.value,
           class: "p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",
-          onClick: G
+          onClick: U
         }, [
-          (l(), v(w(p(st)), { class: "w-4 h-4 text-gray-600" }))
-        ], 8, vt),
-        c("span", mt, k(S.value) + " / " + k(f.value), 1),
-        c("button", {
-          disabled: V.value,
+          (l(), b(w(c(lt)), { class: "w-4 h-4 text-gray-600" }))
+        ], 8, kt),
+        f("span", wt, k(C.value) + " / " + k(y.value), 1),
+        f("button", {
+          disabled: q.value,
           class: "p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",
-          onClick: J
+          onClick: x
         }, [
-          (l(), v(w(p(pe)), { class: "w-4 h-4 text-gray-600" }))
-        ], 8, kt)
+          (l(), b(w(c(pe)), { class: "w-4 h-4 text-gray-600" }))
+        ], 8, Ct)
       ])
     ], 2));
   }
-}), Ct = {
+}), _t = {
   key: 0,
   class: "mb-3"
-}, xt = { key: 0 }, _t = {
+}, St = { key: 0 }, Rt = {
   key: 0,
   class: "w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"
-}, St = {
+}, Bt = {
   key: 1,
   class: "w-5 h-5 rounded border border-gray-300 bg-white"
-}, Rt = ["onClick"], Bt = {
+}, Mt = ["onClick"], Ft = {
   key: 1,
   class: "inline-flex items-center gap-1"
-}, Mt = { key: 0 }, Ft = ["value", "placeholder", "onInput"], $t = { key: 1 }, Pt = ["onClick"], Lt = ["onClick"], Ot = {
+}, $t = { key: 0 }, Ot = ["value", "placeholder", "onInput"], Pt = { key: 1 }, qt = ["onClick"], Lt = ["onClick"], Tt = {
   key: 0,
   class: "w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"
-}, qt = {
+}, Et = {
   key: 1,
   class: "w-5 h-5 rounded border border-gray-300 bg-white"
-}, Et = ["onClick"], jt = {
+}, jt = ["onClick"], Kt = {
   key: 0,
   class: "w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"
-}, Tt = {
+}, Nt = {
   key: 1,
   class: "w-5 h-5 rounded-full border border-gray-300 bg-white"
-}, Nt = ["onClick"], zt = { key: 0 }, Vt = ["colspan"], At = { key: 2 }, Kt = ["colspan"], Wt = { class: "flex items-center justify-center gap-2 text-gray-500" }, Ut = { key: 3 }, Qt = ["colspan"], Ht = { class: "text-gray-400" }, Gt = { key: 4 }, Jt = ["colspan"], Xt = ["disabled"], Yt = { key: 2 }, Zt = {
+}, zt = ["onClick"], Vt = { key: 0 }, At = ["colspan"], Wt = { key: 2 }, Ut = ["colspan"], Qt = { class: "flex items-center justify-center gap-2 text-gray-500" }, Ht = { key: 3 }, It = ["colspan"], Gt = { class: "text-gray-400" }, Jt = { key: 4 }, Xt = ["colspan"], Yt = ["disabled"], Zt = { key: 2 }, Dt = {
   key: 0,
   class: "text-center py-12"
-}, It = { class: "flex items-center justify-center gap-2 text-gray-500" }, Dt = {
+}, es = { class: "flex items-center justify-center gap-2 text-gray-500" }, ts = {
   key: 1,
   class: "text-center py-12"
-}, es = { class: "text-gray-400" }, ts = {
+}, ss = { class: "text-gray-400" }, rs = {
   key: 2,
   class: "space-y-2"
-}, ss = {
+}, ls = {
   key: 0,
   class: "flex items-center gap-2 px-3 py-2"
-}, rs = {
+}, os = {
   key: 0,
   class: "w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"
-}, ls = {
+}, as = {
   key: 1,
   class: "w-5 h-5 rounded border border-gray-300 bg-white"
-}, os = { class: "text-sm text-gray-500" }, as = ["onClick"], ns = {
+}, ns = { class: "text-sm text-gray-500" }, is = ["onClick"], ds = {
   key: 0,
   class: "flex items-center justify-between mb-2"
-}, is = { key: 0 }, ds = ["onClick"], us = {
+}, us = { key: 0 }, ps = ["onClick"], cs = {
   key: 0,
   class: "w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"
-}, ps = {
+}, fs = {
   key: 1,
   class: "w-5 h-5 rounded border border-gray-300 bg-white"
-}, cs = ["onClick"], fs = {
+}, ys = ["onClick"], gs = {
   key: 0,
   class: "w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"
-}, ys = {
+}, hs = {
   key: 1,
   class: "w-5 h-5 rounded-full border border-gray-300 bg-white"
-}, gs = { key: 1 }, hs = ["onClick"], bs = { class: "text-gray-500 text-xs font-medium shrink-0" }, vs = { class: "text-right" }, ms = {
+}, vs = { key: 1 }, bs = ["onClick"], ms = { class: "text-gray-500 text-xs font-medium shrink-0" }, ks = { class: "text-right" }, ws = {
   key: 1,
   class: "mt-2 pt-2 border-t border-gray-100"
-}, ks = ["disabled"], ws = {
+}, Cs = ["disabled"], xs = {
   key: 4,
   class: "mt-3"
-}, Cs = /* @__PURE__ */ fe({
+}, _s = /* @__PURE__ */ fe({
   __name: "OneDataTable",
-  props: lt,
+  props: at,
   emits: [
+    "update:value",
     "update:selection",
     "update:expandedRows",
     "update:first",
@@ -481,568 +482,600 @@ const nt = (d = !0) => {
     "row-collapse",
     "load:next"
   ],
-  setup(d, { emit: n }) {
-    const t = d, i = n, h = $e(), f = Pe(), S = E([]);
-    Ye(Le, { registerColumn: (e) => {
-      S.value.push(e);
+  setup(u, { expose: n, emit: p }) {
+    const s = u, d = p, y = Pe(), C = qe(), P = E([]);
+    Ze(Le, { registerColumn: (e) => {
+      P.value.push(e);
     }, unregisterColumn: (e) => {
-      const r = S.value.indexOf(e);
-      r > -1 && S.value.splice(r, 1);
+      const r = P.value.indexOf(e);
+      r > -1 && P.value.splice(r, 1);
     } });
-    const F = E(t.first), V = E(t.rows), A = E(t.sortField), j = E(t.sortOrder);
-    Q(
-      () => t.first,
+    const q = E(s.first), W = E(s.rows), N = E(s.sortField), U = E(s.sortOrder);
+    A(
+      () => s.first,
+      (e) => {
+        q.value = e;
+      }
+    ), A(
+      () => s.rows,
       (e) => {
-        F.value = e;
+        W.value = e;
       }
-    ), Q(
-      () => t.rows,
+    ), A(
+      () => s.sortField,
       (e) => {
-        V.value = e;
+        N.value = e;
       }
-    ), Q(
-      () => t.sortField,
+    ), A(
+      () => s.sortOrder,
       (e) => {
-        A.value = e;
+        U.value = e;
       }
-    ), Q(
-      () => t.sortOrder,
+    );
+    const x = E([...s.value]);
+    A(
+      () => s.value,
       (e) => {
-        j.value = e;
+        x.value = [...e];
       }
     );
-    const G = y(() => F.value), J = y(() => V.value), O = y(() => A.value), C = y(() => j.value), x = (e, r) => r ? r.split(".").reduce((s, u) => s == null ? void 0 : s[u], e) : e, T = (e) => t.dataKey ? x(e, t.dataKey) : e, M = (e, r) => e == null || r == null ? e === r : t.dataKey ? x(e, t.dataKey) === x(r, t.dataKey) : e === r, ge = (e, r) => t.dataKey ? x(e, t.dataKey) : r, R = y(() => S.value.some((e) => e.props.expander)), $ = y(() => !!t.selectionMode), X = y(() => t.selectionMode === "multiple"), te = y(() => S.value.filter((e) => !e.props.expander)), Y = y(
-      () => K.value.length + ($.value ? 1 : 0) + (R.value ? 1 : 0)
-    ), he = y(() => {
-      var s, u;
-      if (t.lazy || !t.filters)
-        return t.value;
-      let e = [...t.value];
-      const r = t.filters;
-      if ((s = r.global) != null && s.value && ((u = t.globalFilterFields) != null && u.length)) {
+    const G = g(() => q.value), R = g(() => W.value), F = g(() => N.value), $ = g(() => U.value), _ = (e, r) => r ? r.split(".").reduce((t, i) => t == null ? void 0 : t[i], e) : e, he = (e) => s.dataKey ? _(e, s.dataKey) : e, O = (e, r) => e == null || r == null ? e === r : s.dataKey ? _(e, s.dataKey) === _(r, s.dataKey) : e === r, ve = (e, r) => s.dataKey ? _(e, s.dataKey) : r;
+    n({ updateRow: (e) => {
+      if (!s.dataKey)
+        return console.warn("[OneDataTable] updateRow requires dataKey to be set"), !1;
+      const r = _(e, s.dataKey), t = x.value.findIndex(
+        (a) => _(a, s.dataKey) === r
+      );
+      if (t === -1)
+        return !1;
+      const i = [...x.value];
+      return i[t] = e, x.value = i, d("update:value", i), !0;
+    }, addItems: (e, r = "append") => {
+      const t = r === "prepend" ? [...e, ...x.value] : [...x.value, ...e];
+      x.value = t, d("update:value", t);
+    }, removeRow: (e) => {
+      if (!s.dataKey)
+        return console.warn("[OneDataTable] removeRow requires dataKey to be set"), !1;
+      const r = x.value.findIndex(
+        (i) => _(i, s.dataKey) === e
+      );
+      if (r === -1)
+        return !1;
+      const t = [...x.value];
+      return t.splice(r, 1), x.value = t, d("update:value", t), !0;
+    } });
+    const B = g(() => P.value.some((e) => e.props.expander)), L = g(() => !!s.selectionMode), J = g(() => s.selectionMode === "multiple"), te = g(() => P.value.filter((e) => !e.props.expander)), X = g(
+      () => Q.value.length + (L.value ? 1 : 0) + (B.value ? 1 : 0)
+    ), be = g(() => {
+      var t, i;
+      if (s.lazy || !s.filters)
+        return x.value;
+      let e = [...x.value];
+      const r = s.filters;
+      if ((t = r.global) != null && t.value && ((i = s.globalFilterFields) != null && i.length)) {
         const a = r.global.value;
         e = e.filter(
-          (m) => t.globalFilterFields.some(
-            (oe) => Be.contains(x(m, oe), a)
+          (m) => s.globalFilterFields.some(
+            (oe) => Fe.contains(_(m, oe), a)
           )
         );
       }
       for (const [a, m] of Object.entries(r)) {
         if (a === "global" || !m.value)
           continue;
-        const oe = m.matchMode || "contains", xe = Be[oe];
-        xe && (e = e.filter((Je) => xe(x(Je, a), m.value)));
+        const oe = m.matchMode || "contains", Se = Fe[oe];
+        Se && (e = e.filter((Xe) => Se(_(Xe, a), m.value)));
       }
       return e;
-    }), Oe = y(() => {
-      const e = he.value;
-      return t.lazy || !O.value || !C.value ? e : [...e].sort((r, s) => {
-        const u = x(r, O.value), a = x(s, O.value);
-        if (u == null && a == null)
+    }), Te = g(() => {
+      const e = be.value;
+      return s.lazy || !F.value || !$.value ? e : [...e].sort((r, t) => {
+        const i = _(r, F.value), a = _(t, F.value);
+        if (i == null && a == null)
           return 0;
-        if (u == null)
+        if (i == null)
           return 1;
         if (a == null)
           return -1;
         let m;
-        return typeof u == "number" && typeof a == "number" ? m = u - a : m = String(u).localeCompare(String(a)), C.value === 1 ? m : -m;
+        return typeof i == "number" && typeof a == "number" ? m = i - a : m = String(i).localeCompare(String(a)), $.value === 1 ? m : -m;
       });
-    }), be = y(() => t.totalRecords ?? he.value.length), P = y(() => {
-      const e = Oe.value;
-      if (t.paginator && !t.lazy) {
-        const r = G.value, s = r + J.value;
-        return e.slice(r, s);
+    }), me = g(() => s.totalRecords ?? be.value.length), T = g(() => {
+      const e = Te.value;
+      if (s.paginator && !s.lazy) {
+        const r = G.value, t = r + R.value;
+        return e.slice(r, t);
       }
       return e;
-    }), qe = (e) => {
+    }), Ee = (e) => {
       let r;
-      O.value === e ? C.value === 1 ? r = -1 : C.value === -1 ? r = null : r = 1 : r = 1, A.value = e, j.value = r, i("update:sortField", e), i("update:sortOrder", r), i("sort", { field: e, order: r }), !t.lazy && t.paginator && (F.value = 0, i("update:first", 0));
-    }, ve = (e) => e.props.sortField || e.props.field, Ee = (e) => O.value === ve(e), q = (e) => t.selection ? t.selectionMode === "single" ? M(t.selection, e) : t.selectionMode === "multiple" ? t.selection.some((r) => M(r, e)) : !1 : !1, Z = (e, r, s) => {
-      if (i("row-click", { originalEvent: e, data: r, index: s }), t.selectionMode === "single") {
-        const u = M(t.selection, r) ? null : r;
-        i("update:selection", u), u ? i("row-select", { originalEvent: e, data: r }) : i("row-unselect", { originalEvent: e, data: r });
+      F.value === e ? $.value === 1 ? r = -1 : $.value === -1 ? r = null : r = 1 : r = 1, N.value = e, U.value = r, d("update:sortField", e), d("update:sortOrder", r), d("sort", { field: e, order: r }), !s.lazy && s.paginator && (q.value = 0, d("update:first", 0));
+    }, ke = (e) => e.props.sortField || e.props.field, je = (e) => F.value === ke(e), K = (e) => s.selection ? s.selectionMode === "single" ? O(s.selection, e) : s.selectionMode === "multiple" ? s.selection.some((r) => O(r, e)) : !1 : !1, Y = (e, r, t) => {
+      if (d("row-click", { originalEvent: e, data: r, index: t }), s.selectionMode === "single") {
+        const i = O(s.selection, r) ? null : r;
+        d("update:selection", i), i ? d("row-select", { originalEvent: e, data: r }) : d("row-unselect", { originalEvent: e, data: r });
       }
     }, se = (e, r) => {
-      if (e.stopPropagation(), t.selectionMode === "multiple") {
-        const s = t.selection || [], u = s.some((m) => M(m, r));
+      if (e.stopPropagation(), s.selectionMode === "multiple") {
+        const t = s.selection || [], i = t.some((m) => O(m, r));
         let a;
-        u ? (a = s.filter((m) => !M(m, r)), i("row-unselect", { originalEvent: e, data: r })) : (a = [...s, r], i("row-select", { originalEvent: e, data: r })), i("update:selection", a);
+        i ? (a = t.filter((m) => !O(m, r)), d("row-unselect", { originalEvent: e, data: r })) : (a = [...t, r], d("row-select", { originalEvent: e, data: r })), d("update:selection", a);
       }
-    }, re = y(() => {
-      if (t.selectionMode !== "multiple" || !t.selection)
+    }, re = g(() => {
+      if (s.selectionMode !== "multiple" || !s.selection)
         return !1;
-      const e = t.selection;
-      return P.value.length > 0 && P.value.every((r) => e.some((s) => M(s, r)));
-    }), me = (e) => {
+      const e = s.selection;
+      return T.value.length > 0 && T.value.every((r) => e.some((t) => O(t, r)));
+    }), we = (e) => {
       e.stopPropagation();
-      const r = t.selection || [];
+      const r = s.selection || [];
       if (re.value) {
-        const s = r.filter(
-          (u) => !P.value.some((a) => M(u, a))
+        const t = r.filter(
+          (i) => !T.value.some((a) => O(i, a))
         );
-        i("update:selection", s);
+        d("update:selection", t);
       } else {
-        const s = [...r];
-        P.value.forEach((u) => {
-          s.some((a) => M(a, u)) || s.push(u);
-        }), i("update:selection", s);
+        const t = [...r];
+        T.value.forEach((i) => {
+          t.some((a) => O(a, i)) || t.push(i);
+        }), d("update:selection", t);
       }
-    }, N = (e) => {
-      if (!t.expandedRows)
+    }, z = (e) => {
+      if (!s.expandedRows)
         return !1;
-      if (Array.isArray(t.expandedRows))
-        return t.expandedRows.some((r) => M(r, e));
-      if (t.dataKey) {
-        const r = String(T(e));
-        return !!t.expandedRows[r];
+      if (Array.isArray(s.expandedRows))
+        return s.expandedRows.some((r) => O(r, e));
+      if (s.dataKey) {
+        const r = String(he(e));
+        return !!s.expandedRows[r];
       }
       return !1;
     }, le = (e, r) => {
       e.stopPropagation();
-      const s = N(r);
-      if (Array.isArray(t.expandedRows)) {
-        let u;
-        s ? (u = t.expandedRows.filter((a) => !M(a, r)), i("row-collapse", { originalEvent: e, data: r })) : (u = [...t.expandedRows, r], i("row-expand", { originalEvent: e, data: r })), i("update:expandedRows", u);
-      } else if (t.dataKey) {
-        const u = String(T(r)), a = { ...t.expandedRows };
-        s ? (delete a[u], i("row-collapse", { originalEvent: e, data: r })) : (a[u] = !0, i("row-expand", { originalEvent: e, data: r })), i("update:expandedRows", a);
+      const t = z(r);
+      if (Array.isArray(s.expandedRows)) {
+        let i;
+        t ? (i = s.expandedRows.filter((a) => !O(a, r)), d("row-collapse", { originalEvent: e, data: r })) : (i = [...s.expandedRows, r], d("row-expand", { originalEvent: e, data: r })), d("update:expandedRows", i);
+      } else if (s.dataKey) {
+        const i = String(he(r)), a = { ...s.expandedRows };
+        t ? (delete a[i], d("row-collapse", { originalEvent: e, data: r })) : (a[i] = !0, d("row-expand", { originalEvent: e, data: r })), d("update:expandedRows", a);
       }
-    }, je = (e, r, s) => {
+    }, Ke = (e, r, t) => {
       var a;
-      if (!t.filters)
+      if (!s.filters)
         return;
-      const u = {
-        ...t.filters,
-        [e]: { value: r, matchMode: s || ((a = t.filters[e]) == null ? void 0 : a.matchMode) || "contains" }
+      const i = {
+        ...s.filters,
+        [e]: { value: r, matchMode: t || ((a = s.filters[e]) == null ? void 0 : a.matchMode) || "contains" }
       };
-      i("update:filters", u), t.lazy && i("filter", { filters: u }), t.paginator && (F.value = 0, i("update:first", 0));
-    }, ke = (e) => {
+      d("update:filters", i), s.lazy && d("filter", { filters: i }), s.paginator && (q.value = 0, d("update:first", 0));
+    }, Ce = (e) => {
       var r;
-      return ((r = t.filters) == null ? void 0 : r[e]) || { value: null };
-    }, Te = (e) => () => {
-      t.filters && (i("update:filters", { ...t.filters }), t.lazy && i("filter", { filters: t.filters }), t.paginator && (F.value = 0, i("update:first", 0)));
-    }, Ne = (e) => {
-      F.value = e, i("update:first", e);
+      return ((r = s.filters) == null ? void 0 : r[e]) || { value: null };
+    }, Ne = (e) => () => {
+      s.filters && (d("update:filters", { ...s.filters }), s.lazy && d("filter", { filters: s.filters }), s.paginator && (q.value = 0, d("update:first", 0)));
     }, ze = (e) => {
-      V.value = e, i("update:rows", e);
-    }, we = y(() => {
+      q.value = e, d("update:first", e);
+    }, Ve = (e) => {
+      W.value = e, d("update:rows", e);
+    }, xe = g(() => {
       const e = [];
-      if (t.colWidths) {
-        if (typeof t.colWidths == "function") {
-          const r = t.colWidths(te.value), s = [];
-          return $.value && s.push(""), R.value && s.push(""), [...s, ...r];
+      if (s.colWidths) {
+        if (typeof s.colWidths == "function") {
+          const r = s.colWidths(te.value), t = [];
+          return L.value && t.push(""), B.value && t.push(""), [...t, ...r];
         }
-        return t.colWidths;
+        return s.colWidths;
       }
-      return $.value && e.push(""), R.value && e.push(""), te.value.forEach((r) => {
+      return L.value && e.push(""), B.value && e.push(""), te.value.forEach((r) => {
         e.push(r.props.width || "");
       }), e;
-    }), Ce = y(() => we.value.some((e) => e !== "" && e != null)), Ve = y(() => t.wrapperClass ? ["overflow-x-auto", "w-full", t.wrapperClass] : t.verticalBorders === "hover-table" ? ["overflow-x-auto", "w-full", "border", "border-transparent", "rounded"] : nt(t.wrapperBordered)), Ae = y(() => {
-      const e = it(t.size);
-      return t.tableClass && e.push(t.tableClass), t.bordered && e.push("border", "border-gray-100"), e;
-    }), Ke = t.cardBreakpoint ? z(t.cardBreakpoint) : E(!0), We = y(() => !!t.cardBreakpoint && !Ke.value), Ue = {
-      sm: z("sm"),
-      md: z("md"),
-      lg: z("lg"),
-      xl: z("xl"),
-      "2xl": z("2xl")
-    }, Qe = (e) => {
-      var s;
+    }), _e = g(() => xe.value.some((e) => e !== "" && e != null)), Ae = g(() => s.wrapperClass ? ["overflow-x-auto", "w-full", s.wrapperClass] : s.verticalBorders === "hover-table" ? ["overflow-x-auto", "w-full", "border", "border-transparent", "rounded"] : dt(s.wrapperBordered)), We = g(() => {
+      const e = ut(s.size);
+      return s.tableClass && e.push(s.tableClass), s.bordered && e.push("border", "border-gray-100"), e;
+    }), Ue = s.cardBreakpoint ? V(s.cardBreakpoint) : E(!0), Qe = g(() => !!s.cardBreakpoint && !Ue.value), He = {
+      sm: V("sm"),
+      md: V("md"),
+      lg: V("lg"),
+      xl: V("xl"),
+      "2xl": V("2xl")
+    }, Ie = (e) => {
+      var t;
       if (!e.props.visibleFrom)
         return !0;
       const r = e.props.visibleFrom;
-      return ((s = Ue[r]) == null ? void 0 : s.value) ?? !0;
-    }, K = y(() => te.value.filter(Qe)), He = (e) => (r) => le(r, e), Ge = (e) => (r) => se(r, e);
+      return ((t = He[r]) == null ? void 0 : t.value) ?? !0;
+    }, Q = g(() => te.value.filter(Ie)), Ge = (e) => (r) => le(r, e), Je = (e) => (r) => se(r, e);
     return (e, r) => (l(), o("div", null, [
-      Ze(c("div", null, [
-        B(e.$slots, "default", {}, void 0, !0)
+      De(f("div", null, [
+        M(e.$slots, "default", {}, void 0, !0)
       ], 512), [
-        [Ie, !1]
+        [et, !1]
       ]),
-      p(h).header ? (l(), o("div", Ct, [
-        B(e.$slots, "header", {}, void 0, !0)
-      ])) : g("", !0),
-      We.value ? (l(), o("div", Yt, [
-        e.loading ? (l(), o("div", Zt, [
-          B(e.$slots, "loading", {}, () => [
-            c("div", It, [
-              Se(I, { class: "w-5 h-5" }),
-              c("span", null, k(p(f)("ui.dataTable.loading")), 1)
+      c(y).header ? (l(), o("div", _t, [
+        M(e.$slots, "header", {}, void 0, !0)
+      ])) : h("", !0),
+      Qe.value ? (l(), o("div", Zt, [
+        e.loading ? (l(), o("div", Dt, [
+          M(e.$slots, "loading", {}, () => [
+            f("div", es, [
+              Be(Z, { class: "w-5 h-5" }),
+              f("span", null, k(c(C)("ui.dataTable.loading")), 1)
             ])
           ], !0)
-        ])) : P.value.length === 0 ? (l(), o("div", Dt, [
-          B(e.$slots, "empty", {}, () => [
-            c("span", es, k(p(f)("ui.dataTable.noRecords")), 1)
+        ])) : T.value.length === 0 ? (l(), o("div", ts, [
+          M(e.$slots, "empty", {}, () => [
+            f("span", ss, k(c(C)("ui.dataTable.noRecords")), 1)
           ], !0)
-        ])) : (l(), o("div", ts, [
-          X.value ? (l(), o("div", ss, [
-            c("div", {
+        ])) : (l(), o("div", rs, [
+          J.value ? (l(), o("div", ls, [
+            f("div", {
               class: "cursor-pointer",
-              onClick: r[2] || (r[2] = (s) => me(s))
+              onClick: r[2] || (r[2] = (t) => we(t))
             }, [
-              re.value ? (l(), o("div", rs, [
-                (l(), v(w(p(D)), { class: "w-3.5 h-3.5" }))
-              ])) : (l(), o("div", ls))
+              re.value ? (l(), o("div", os, [
+                (l(), b(w(c(D)), { class: "w-3.5 h-3.5" }))
+              ])) : (l(), o("div", as))
             ]),
-            c("span", os, k(p(f)("ui.dataTable.selectAll")), 1)
-          ])) : g("", !0),
-          (l(!0), o(_, null, L(P.value, (s, u) => (l(), o("div", {
-            key: ge(s, u),
-            class: b([
-              ...p(pt)(e.hoverable, q(s)),
+            f("span", ns, k(c(C)("ui.dataTable.selectAll")), 1)
+          ])) : h("", !0),
+          (l(!0), o(S, null, j(T.value, (t, i) => (l(), o("div", {
+            key: ve(t, i),
+            class: v([
+              ...c(ft)(e.hoverable, K(t)),
               e.selectionMode ? "cursor-pointer" : ""
             ]),
-            onClick: (a) => Z(a, s, u)
+            onClick: (a) => Y(a, t, i)
           }, [
-            p(h).card ? B(e.$slots, "card", {
+            c(y).card ? M(e.$slots, "card", {
               key: 0,
-              data: s,
-              index: u,
-              selected: q(s),
-              expanded: R.value && N(s),
-              toggleExpansion: He(s),
-              toggleSelection: Ge(s)
-            }, void 0, !0) : (l(), o(_, { key: 1 }, [
-              $.value || R.value ? (l(), o("div", ns, [
-                $.value ? (l(), o("div", is, [
-                  X.value ? (l(), o("div", {
+              data: t,
+              index: i,
+              selected: K(t),
+              expanded: B.value && z(t),
+              toggleExpansion: Ge(t),
+              toggleSelection: Je(t)
+            }, void 0, !0) : (l(), o(S, { key: 1 }, [
+              L.value || B.value ? (l(), o("div", ds, [
+                L.value ? (l(), o("div", us, [
+                  J.value ? (l(), o("div", {
                     key: 0,
                     class: "cursor-pointer",
-                    onClick: U((a) => se(a, s), ["stop"])
+                    onClick: I((a) => se(a, t), ["stop"])
                   }, [
-                    q(s) ? (l(), o("div", us, [
-                      (l(), v(w(p(D)), { class: "w-3.5 h-3.5" }))
-                    ])) : (l(), o("div", ps))
-                  ], 8, ds)) : (l(), o("div", {
+                    K(t) ? (l(), o("div", cs, [
+                      (l(), b(w(c(D)), { class: "w-3.5 h-3.5" }))
+                    ])) : (l(), o("div", fs))
+                  ], 8, ps)) : (l(), o("div", {
                     key: 1,
                     class: "cursor-pointer",
-                    onClick: U((a) => Z(a, s, u), ["stop"])
+                    onClick: I((a) => Y(a, t, i), ["stop"])
                   }, [
-                    q(s) ? (l(), o("div", fs, [...r[6] || (r[6] = [
-                      c("div", { class: "w-2 h-2 rounded-full bg-white" }, null, -1)
-                    ])])) : (l(), o("div", ys))
-                  ], 8, cs))
-                ])) : (l(), o("div", gs)),
-                R.value ? (l(), o("button", {
+                    K(t) ? (l(), o("div", gs, [...r[6] || (r[6] = [
+                      f("div", { class: "w-2 h-2 rounded-full bg-white" }, null, -1)
+                    ])])) : (l(), o("div", hs))
+                  ], 8, ys))
+                ])) : (l(), o("div", vs)),
+                B.value ? (l(), o("button", {
                   key: 2,
                   class: "p-1 rounded hover:bg-gray-100 transition-colors",
-                  onClick: U((a) => le(a, s), ["stop"])
+                  onClick: I((a) => le(a, t), ["stop"])
                 }, [
-                  (l(), v(w(N(s) ? p(ne) : p(pe)), { class: "w-4 h-4 text-gray-500" }))
-                ], 8, hs)) : g("", !0)
-              ])) : g("", !0),
-              (l(!0), o(_, null, L(K.value, (a, m) => (l(), o("div", {
+                  (l(), b(w(z(t) ? c(ne) : c(pe)), { class: "w-4 h-4 text-gray-500" }))
+                ], 8, bs)) : h("", !0)
+              ])) : h("", !0),
+              (l(!0), o(S, null, j(Q.value, (a, m) => (l(), o("div", {
                 key: m,
-                class: b(p(ct)(e.size))
+                class: v(c(yt)(e.size))
               }, [
-                c("span", bs, k(a.props.header), 1),
-                c("div", vs, [
-                  a.slots.body ? (l(), v(w(a.slots.body), {
+                f("span", ms, k(a.props.header), 1),
+                f("div", ks, [
+                  a.slots.body ? (l(), b(w(a.slots.body), {
                     key: 0,
-                    data: s,
+                    data: t,
                     field: a.props.field,
-                    index: u
-                  }, null, 8, ["data", "field", "index"])) : a.props.field ? (l(), o(_, { key: 1 }, [
-                    W(k(x(s, a.props.field)), 1)
-                  ], 64)) : g("", !0)
+                    index: i
+                  }, null, 8, ["data", "field", "index"])) : a.props.field ? (l(), o(S, { key: 1 }, [
+                    H(k(_(t, a.props.field)), 1)
+                  ], 64)) : h("", !0)
                 ])
               ], 2))), 128)),
-              R.value && N(s) ? (l(), o("div", ms, [
-                B(e.$slots, "expansion", {
-                  data: s,
-                  index: u
+              B.value && z(t) ? (l(), o("div", ws, [
+                M(e.$slots, "expansion", {
+                  data: t,
+                  index: i
                 }, void 0, !0)
-              ])) : g("", !0)
+              ])) : h("", !0)
             ], 64))
-          ], 10, as))), 128)),
+          ], 10, is))), 128)),
           e.hasNextPage && !e.loading ? (l(), o("button", {
             key: 1,
             class: "w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",
             disabled: e.loadingNext,
-            onClick: r[3] || (r[3] = (s) => i("load:next"))
+            onClick: r[3] || (r[3] = (t) => d("load:next"))
           }, [
-            e.loadingNext ? (l(), v(I, {
+            e.loadingNext ? (l(), b(Z, {
               key: 0,
               class: "w-4 h-4"
-            })) : g("", !0),
-            W(" " + k(e.loadMoreLabel || p(f)("ui.dataTable.showMore")), 1)
-          ], 8, ks)) : g("", !0)
+            })) : h("", !0),
+            H(" " + k(e.loadMoreLabel || c(C)("ui.dataTable.showMore")), 1)
+          ], 8, Cs)) : h("", !0)
         ]))
       ])) : (l(), o("div", {
         key: 1,
-        class: b([...Ve.value, e.verticalBorders === "hover-table" ? "vb-hover" : ""])
+        class: v([...Ae.value, e.verticalBorders === "hover-table" ? "vb-hover" : ""])
       }, [
-        c("table", {
-          class: b([
-            ...Ae.value,
+        f("table", {
+          class: v([
+            ...We.value,
             e.verticalBorders !== "none" ? "border-separate border-spacing-0" : "border-collapse",
             e.verticalBorders === "hover" ? "vb-hover" : "",
-            Ce.value ? "table-fixed" : ""
+            _e.value ? "table-fixed" : ""
           ])
         }, [
-          Ce.value ? (l(), o("colgroup", xt, [
-            (l(!0), o(_, null, L(we.value, (s, u) => (l(), o("col", {
-              key: `col-${u}`,
-              style: ae(s ? { width: s } : {})
+          _e.value ? (l(), o("colgroup", St, [
+            (l(!0), o(S, null, j(xe.value, (t, i) => (l(), o("col", {
+              key: `col-${i}`,
+              style: ae(t ? { width: t } : {})
             }, null, 4))), 128))
-          ])) : g("", !0),
-          c("thead", null, [
-            c("tr", null, [
-              $.value ? (l(), o("th", {
+          ])) : h("", !0),
+          f("thead", null, [
+            f("tr", null, [
+              L.value ? (l(), o("th", {
                 key: 0,
-                class: b([
-                  ...p(ie)(e.size, !1, e.verticalBorders, e.headerVariant, e.headerBgClass),
-                  ...p(ce)(e.size)
+                class: v([
+                  ...c(ie)(e.size, !1, e.verticalBorders, e.headerVariant, e.headerBgClass),
+                  ...c(ce)(e.size)
                 ])
               }, [
-                X.value ? (l(), o("div", {
+                J.value ? (l(), o("div", {
                   key: 0,
                   class: "flex items-center justify-center cursor-pointer",
-                  onClick: r[0] || (r[0] = (s) => me(s))
+                  onClick: r[0] || (r[0] = (t) => we(t))
                 }, [
-                  re.value ? (l(), o("div", _t, [
-                    (l(), v(w(p(D)), { class: "w-3.5 h-3.5" }))
-                  ])) : (l(), o("div", St))
-                ])) : g("", !0)
-              ], 2)) : g("", !0),
-              R.value ? (l(), o("th", {
+                  re.value ? (l(), o("div", Rt, [
+                    (l(), b(w(c(D)), { class: "w-3.5 h-3.5" }))
+                  ])) : (l(), o("div", Bt))
+                ])) : h("", !0)
+              ], 2)) : h("", !0),
+              B.value ? (l(), o("th", {
                 key: 1,
-                class: b([
-                  ...p(ie)(e.size, !1, e.verticalBorders, e.headerVariant, e.headerBgClass),
-                  ...p(Me)(e.size)
+                class: v([
+                  ...c(ie)(e.size, !1, e.verticalBorders, e.headerVariant, e.headerBgClass),
+                  ...c($e)(e.size)
                 ])
-              }, null, 2)) : g("", !0),
-              (l(!0), o(_, null, L(K.value, (s, u) => (l(), o("th", {
-                key: u,
-                class: b([
-                  ...p(ie)(e.size, s.props.sortable, e.verticalBorders, e.headerVariant, e.headerBgClass),
-                  s.props.headerClass
+              }, null, 2)) : h("", !0),
+              (l(!0), o(S, null, j(Q.value, (t, i) => (l(), o("th", {
+                key: i,
+                class: v([
+                  ...c(ie)(e.size, t.props.sortable, e.verticalBorders, e.headerVariant, e.headerBgClass),
+                  t.props.headerClass
                 ]),
-                style: ae([s.props.headerStyle, s.props.width ? { width: s.props.width } : {}]),
-                onClick: (a) => s.props.sortable ? qe(ve(s)) : void 0
+                style: ae([t.props.headerStyle, t.props.width ? { width: t.props.width } : {}]),
+                onClick: (a) => t.props.sortable ? Ee(ke(t)) : void 0
               }, [
-                s.slots.header ? (l(), v(w(s.slots.header), { key: 0 })) : (l(), o("span", Bt, [
-                  W(k(s.props.header) + " ", 1),
-                  s.props.sortable ? (l(), o(_, { key: 0 }, [
-                    Ee(s) ? C.value === 1 ? (l(), v(w(p(et)), {
+                t.slots.header ? (l(), b(w(t.slots.header), { key: 0 })) : (l(), o("span", Ft, [
+                  H(k(t.props.header) + " ", 1),
+                  t.props.sortable ? (l(), o(S, { key: 0 }, [
+                    je(t) ? $.value === 1 ? (l(), b(w(c(st)), {
                       key: 1,
-                      class: b(p(ee)(!0))
-                    }, null, 8, ["class"])) : C.value === -1 ? (l(), v(w(p(ne)), {
+                      class: v(c(ee)(!0))
+                    }, null, 8, ["class"])) : $.value === -1 ? (l(), b(w(c(ne)), {
                       key: 2,
-                      class: b(p(ee)(!0))
-                    }, null, 8, ["class"])) : (l(), v(w(p(Re)), {
+                      class: v(c(ee)(!0))
+                    }, null, 8, ["class"])) : (l(), b(w(c(Me)), {
                       key: 3,
-                      class: b(p(ee)(!1))
-                    }, null, 8, ["class"])) : (l(), v(w(p(Re)), {
+                      class: v(c(ee)(!1))
+                    }, null, 8, ["class"])) : (l(), b(w(c(Me)), {
                       key: 0,
-                      class: b(p(ee)(!1))
+                      class: v(c(ee)(!1))
                     }, null, 8, ["class"]))
-                  ], 64)) : g("", !0)
+                  ], 64)) : h("", !0)
                 ]))
-              ], 14, Rt))), 128))
+              ], 14, Mt))), 128))
             ]),
-            e.filterDisplay === "row" ? (l(), o("tr", Mt, [
-              $.value ? (l(), o("th", {
+            e.filterDisplay === "row" ? (l(), o("tr", $t, [
+              L.value ? (l(), o("th", {
                 key: 0,
-                class: b(p(ue)(e.size))
-              }, null, 2)) : g("", !0),
-              R.value ? (l(), o("th", {
+                class: v(c(ue)(e.size))
+              }, null, 2)) : h("", !0),
+              B.value ? (l(), o("th", {
                 key: 1,
-                class: b(p(ue)(e.size))
-              }, null, 2)) : g("", !0),
-              (l(!0), o(_, null, L(K.value, (s, u) => (l(), o("th", {
-                key: `filter-${u}`,
-                class: b(p(ue)(e.size))
+                class: v(c(ue)(e.size))
+              }, null, 2)) : h("", !0),
+              (l(!0), o(S, null, j(Q.value, (t, i) => (l(), o("th", {
+                key: `filter-${i}`,
+                class: v(c(ue)(e.size))
               }, [
-                s.props.filterable && s.slots.filter ? (l(), v(w(s.slots.filter), {
+                t.props.filterable && t.slots.filter ? (l(), b(w(t.slots.filter), {
                   key: 0,
-                  filterModel: ke(
-                    s.props.filterField || s.props.field
+                  filterModel: Ce(
+                    t.props.filterField || t.props.field
                   ),
-                  filterCallback: Te(
-                    s.props.filterField || s.props.field
+                  filterCallback: Ne(
+                    t.props.filterField || t.props.field
                   )
-                }, null, 8, ["filterModel", "filterCallback"])) : s.props.filterable && s.props.field ? (l(), o("input", {
+                }, null, 8, ["filterModel", "filterCallback"])) : t.props.filterable && t.props.field ? (l(), o("input", {
                   key: 1,
                   type: "text",
-                  value: ke(
-                    s.props.filterField || s.props.field
+                  value: Ce(
+                    t.props.filterField || t.props.field
                   ).value || "",
                   class: "w-full border border-gray-300 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-primary-glow",
-                  placeholder: `Filter ${s.props.header || s.props.field}`,
-                  onInput: (a) => je(
-                    s.props.filterField || s.props.field,
+                  placeholder: `Filter ${t.props.header || t.props.field}`,
+                  onInput: (a) => Ke(
+                    t.props.filterField || t.props.field,
                     a.target.value
                   )
-                }, null, 40, Ft)) : g("", !0)
+                }, null, 40, Ot)) : h("", !0)
               ], 2))), 128))
-            ])) : g("", !0)
+            ])) : h("", !0)
           ]),
-          !e.loading && P.value.length > 0 ? (l(), o("tbody", $t, [
-            (l(!0), o(_, null, L(P.value, (s, u) => (l(), o(_, {
-              key: ge(s, u)
+          !e.loading && T.value.length > 0 ? (l(), o("tbody", Pt, [
+            (l(!0), o(S, null, j(T.value, (t, i) => (l(), o(S, {
+              key: ve(t, i)
             }, [
-              c("tr", {
-                class: b([
-                  ...p(dt)(
+              f("tr", {
+                class: v([
+                  ...c(pt)(
                     e.striped,
                     e.hoverable,
-                    u % 2 === 1,
-                    q(s),
+                    i % 2 === 1,
+                    K(t),
                     !1
                   ),
                   e.selectionMode ? "cursor-pointer" : ""
                 ]),
-                onClick: (a) => Z(a, s, u)
+                onClick: (a) => Y(a, t, i)
               }, [
-                $.value ? (l(), o("td", {
+                L.value ? (l(), o("td", {
                   key: 0,
-                  class: b([
-                    ...p(de)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
-                    ...p(ce)(e.size)
+                  class: v([
+                    ...c(de)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
+                    ...c(ce)(e.size)
                   ])
                 }, [
-                  X.value ? (l(), o("div", {
+                  J.value ? (l(), o("div", {
                     key: 0,
                     class: "flex items-center justify-center cursor-pointer",
-                    onClick: U((a) => se(a, s), ["stop"])
+                    onClick: I((a) => se(a, t), ["stop"])
                   }, [
-                    q(s) ? (l(), o("div", Ot, [
-                      (l(), v(w(p(D)), { class: "w-3.5 h-3.5" }))
-                    ])) : (l(), o("div", qt))
+                    K(t) ? (l(), o("div", Tt, [
+                      (l(), b(w(c(D)), { class: "w-3.5 h-3.5" }))
+                    ])) : (l(), o("div", Et))
                   ], 8, Lt)) : (l(), o("div", {
                     key: 1,
                     class: "flex items-center justify-center cursor-pointer",
-                    onClick: U((a) => Z(a, s, u), ["stop"])
+                    onClick: I((a) => Y(a, t, i), ["stop"])
                   }, [
-                    q(s) ? (l(), o("div", jt, [...r[5] || (r[5] = [
-                      c("div", { class: "w-2 h-2 rounded-full bg-white" }, null, -1)
-                    ])])) : (l(), o("div", Tt))
-                  ], 8, Et))
-                ], 2)) : g("", !0),
-                R.value ? (l(), o("td", {
+                    K(t) ? (l(), o("div", Kt, [...r[5] || (r[5] = [
+                      f("div", { class: "w-2 h-2 rounded-full bg-white" }, null, -1)
+                    ])])) : (l(), o("div", Nt))
+                  ], 8, jt))
+                ], 2)) : h("", !0),
+                B.value ? (l(), o("td", {
                   key: 1,
-                  class: b([
-                    ...p(de)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
-                    ...p(Me)(e.size)
+                  class: v([
+                    ...c(de)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
+                    ...c($e)(e.size)
                   ])
                 }, [
-                  c("button", {
+                  f("button", {
                     class: "p-1 rounded hover:bg-gray-100 transition-colors",
-                    onClick: (a) => le(a, s)
+                    onClick: (a) => le(a, t)
                   }, [
-                    (l(), v(w(N(s) ? p(ne) : p(pe)), { class: "w-4 h-4 text-gray-500" }))
-                  ], 8, Nt)
-                ], 2)) : g("", !0),
-                (l(!0), o(_, null, L(K.value, (a, m) => (l(), o("td", {
+                    (l(), b(w(z(t) ? c(ne) : c(pe)), { class: "w-4 h-4 text-gray-500" }))
+                  ], 8, zt)
+                ], 2)) : h("", !0),
+                (l(!0), o(S, null, j(Q.value, (a, m) => (l(), o("td", {
                   key: m,
-                  class: b([
-                    ...p(de)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
+                  class: v([
+                    ...c(de)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
                     a.props.bodyClass
                   ]),
                   style: ae(a.props.bodyStyle)
                 }, [
-                  a.slots.body ? (l(), v(w(a.slots.body), {
+                  a.slots.body ? (l(), b(w(a.slots.body), {
                     key: 0,
-                    data: s,
+                    data: t,
                     field: a.props.field,
-                    index: u
-                  }, null, 8, ["data", "field", "index"])) : a.props.field ? (l(), o(_, { key: 1 }, [
-                    W(k(x(s, a.props.field)), 1)
-                  ], 64)) : g("", !0)
+                    index: i
+                  }, null, 8, ["data", "field", "index"])) : a.props.field ? (l(), o(S, { key: 1 }, [
+                    H(k(_(t, a.props.field)), 1)
+                  ], 64)) : h("", !0)
                 ], 6))), 128))
-              ], 10, Pt),
-              R.value && N(s) ? (l(), o("tr", zt, [
-                c("td", {
-                  colspan: Y.value,
+              ], 10, qt),
+              B.value && z(t) ? (l(), o("tr", Vt, [
+                f("td", {
+                  colspan: X.value,
                   class: "p-0"
                 }, [
-                  B(e.$slots, "expansion", {
-                    data: s,
-                    index: u
+                  M(e.$slots, "expansion", {
+                    data: t,
+                    index: i
                   }, void 0, !0)
-                ], 8, Vt)
-              ])) : g("", !0)
+                ], 8, At)
+              ])) : h("", !0)
             ], 64))), 128))
-          ])) : e.loading ? (l(), o("tbody", At, [
-            c("tr", null, [
-              c("td", {
-                colspan: Y.value,
+          ])) : e.loading ? (l(), o("tbody", Wt, [
+            f("tr", null, [
+              f("td", {
+                colspan: X.value,
                 class: "text-center py-12"
               }, [
-                B(e.$slots, "loading", {}, () => [
-                  c("div", Wt, [
-                    Se(I, { class: "w-5 h-5" }),
-                    c("span", null, k(p(f)("ui.dataTable.loading")), 1)
+                M(e.$slots, "loading", {}, () => [
+                  f("div", Qt, [
+                    Be(Z, { class: "w-5 h-5" }),
+                    f("span", null, k(c(C)("ui.dataTable.loading")), 1)
                   ])
                 ], !0)
-              ], 8, Kt)
+              ], 8, Ut)
             ])
-          ])) : (l(), o("tbody", Ut, [
-            c("tr", null, [
-              c("td", {
-                colspan: Y.value,
+          ])) : (l(), o("tbody", Ht, [
+            f("tr", null, [
+              f("td", {
+                colspan: X.value,
                 class: "text-center py-12"
               }, [
-                B(e.$slots, "empty", {}, () => [
-                  c("span", Ht, k(p(f)("ui.dataTable.noRecords")), 1)
+                M(e.$slots, "empty", {}, () => [
+                  f("span", Gt, k(c(C)("ui.dataTable.noRecords")), 1)
                 ], !0)
-              ], 8, Qt)
+              ], 8, It)
             ])
           ])),
-          e.hasNextPage && !e.loading ? (l(), o("tfoot", Gt, [
-            c("tr", null, [
-              c("td", {
-                colspan: Y.value,
+          e.hasNextPage && !e.loading ? (l(), o("tfoot", Jt, [
+            f("tr", null, [
+              f("td", {
+                colspan: X.value,
                 class: "px-3 pb-3 pt-2"
               }, [
-                c("button", {
+                f("button", {
                   class: "w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",
                   disabled: e.loadingNext,
-                  onClick: r[1] || (r[1] = (s) => i("load:next"))
+                  onClick: r[1] || (r[1] = (t) => d("load:next"))
                 }, [
-                  e.loadingNext ? (l(), v(I, {
+                  e.loadingNext ? (l(), b(Z, {
                     key: 0,
                     class: "w-4 h-4"
-                  })) : g("", !0),
-                  W(" " + k(e.loadMoreLabel || p(f)("ui.dataTable.showMore")), 1)
-                ], 8, Xt)
-              ], 8, Jt)
+                  })) : h("", !0),
+                  H(" " + k(e.loadMoreLabel || c(C)("ui.dataTable.showMore")), 1)
+                ], 8, Yt)
+              ], 8, Xt)
             ])
-          ])) : g("", !0)
+          ])) : h("", !0)
         ], 2)
       ], 2)),
-      e.paginator && be.value > 0 ? (l(), v(wt, {
+      e.paginator && me.value > 0 ? (l(), b(xt, {
         key: 3,
         first: G.value,
-        rows: J.value,
-        "total-records": be.value,
+        rows: R.value,
+        "total-records": me.value,
         "rows-per-page-options": e.rowsPerPageOptions,
-        "onUpdate:first": Ne,
-        "onUpdate:rows": ze,
-        onPage: r[4] || (r[4] = (s) => i("page", s))
-      }, null, 8, ["first", "rows", "total-records", "rows-per-page-options"])) : g("", !0),
-      p(h).footer ? (l(), o("div", ws, [
-        B(e.$slots, "footer", {}, void 0, !0)
-      ])) : g("", !0)
+        "onUpdate:first": ze,
+        "onUpdate:rows": Ve,
+        onPage: r[4] || (r[4] = (t) => d("page", t))
+      }, null, 8, ["first", "rows", "total-records", "rows-per-page-options"])) : h("", !0),
+      c(y).footer ? (l(), o("div", xs, [
+        M(e.$slots, "footer", {}, void 0, !0)
+      ])) : h("", !0)
     ]));
   }
 });
-const Ps = /* @__PURE__ */ tt(Cs, [["__scopeId", "data-v-f7613b9d"]]), Ls = /* @__PURE__ */ fe({
+const Es = /* @__PURE__ */ rt(_s, [["__scopeId", "data-v-2987f33d"]]), js = /* @__PURE__ */ fe({
   __name: "OneColumn",
-  props: rt,
-  setup(d) {
-    const n = d, t = $e(), i = De(Le), h = {
+  props: ot,
+  setup(u) {
+    const n = u, p = Pe(), s = tt(Le), d = {
       props: n,
-      slots: t
+      slots: p
     };
-    return i && i.registerColumn(h), Fe(() => {
-      i && i.unregisterColumn(h);
-    }), (f, S) => B(f.$slots, "default");
+    return s && s.registerColumn(d), Oe(() => {
+      s && s.unregisterColumn(d);
+    }), (y, C) => M(y.$slots, "default");
   }
 });
 export {
-  Ls as OneColumn,
-  Ps as OneDataTable,
-  wt as OneDataTablePaginator
+  js as OneColumn,
+  Es as OneDataTable,
+  xt as OneDataTablePaginator
 };