@oneb/ui-vue 0.3.17 → 0.3.20

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