@oneb/ui-vue 0.3.19 → 0.3.20

package/dist/dataTable/index.js

@@ -1,12 +1,12 @@
-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 rt } 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 lt(u, n) {
+function ot(u, i) {
   return l(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -22,7 +22,7 @@ function lt(u, n) {
     })
   ]);
 }
-function Me(u, n) {
+function Fe(u, i) {
   return l(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -38,7 +38,7 @@ function Me(u, n) {
     })
   ]);
 }
-const ot = {
+const at = {
   field: {
     type: String,
     required: !1
@@ -91,7 +91,7 @@ const ot = {
     type: String,
     required: !1
   }
-}, at = {
+}, nt = {
   value: {
     type: Array,
     default: () => []
@@ -223,53 +223,57 @@ const ot = {
   cardBreakpoint: {
     type: String,
     required: !1
+  },
+  disabledRows: {
+    type: Function,
+    required: !1
   }
-}, 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 = {
+}, 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 it(u) {
-  const n = E(!1);
-  let p = null, s = null;
+function dt(u) {
+  const i = E(!1);
+  let c = 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));
+    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 Ye(() => {
-    y(Re(u)), A(
-      () => Re(u),
-      (C) => {
-        y(C);
+  return Ze(() => {
+    h(Be(u)), W(
+      () => Be(u),
+      (b) => {
+        h(b);
       }
     );
   }), Oe(() => {
     d();
-  }), n;
+  }), i;
 }
-function V(u) {
-  return it(`(min-width: ${nt[u]}px)`);
+function A(u) {
+  return dt(`(min-width: ${it[u]}px)`);
 }
-const dt = (u = !0) => {
-  const n = ["overflow-x-auto", "w-full"];
-  return u && n.push("border", "border-gray-100", "rounded"), n;
-}, ut = (u) => {
-  const n = ["min-w-full", "text-left", "relative"];
-  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(
+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",
@@ -277,7 +281,7 @@ const dt = (u = !0) => {
     "normal-case",
     "border-b",
     "border-gray-200"
-  ) : y.push(
+  ) : h.push(
     d || "bg-gray-100",
     "text-gray-600",
     "font-semibold",
@@ -287,20 +291,20 @@ const dt = (u = !0) => {
     "border-b",
     "border-gray-200",
     "whitespace-nowrap"
-  ), 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) => {
+  ), 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), 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 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 u === "sm" ? n.push("w-8") : u === "lg" ? n.push("w-14") : n.push("w-12"), n;
-}, $e = (u) => ce(u), ct = () => [
+  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 dt = (u = !0) => {
   "border-gray-100",
   "bg-white",
   "text-sm"
-], 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 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 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({
+], 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,129 +344,129 @@ const dt = (u = !0) => {
     }
   },
   emits: ["update:first", "update:rows", "page"],
-  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
+  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
       }));
-    }, U = () => {
-      N(Math.max(0, p.first - p.rows));
+    }, Q = () => {
+      N(Math.max(0, c.first - c.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", {
+      N(c.first + c.rows);
+    }, J = (B) => {
+      const $ = parseInt(B.target.value);
+      s("update:rows", $), s("update:first", 0), s("page", {
         first: 0,
-        rows: F,
+        rows: $,
         page: 0,
-        pageCount: Math.ceil(p.totalRecords / F)
+        pageCount: Math.ceil(c.totalRecords / $)
       });
     };
-    return (R, F) => (l(), o("div", {
-      class: v(W.value)
+    return (B, $) => (l(), o("div", {
+      class: m(U.value)
     }, [
-      f("div", gt, [
-        f("span", ht, k(P.value) + "–" + k(ye.value) + " of " + k(u.totalRecords), 1),
+      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: 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: G
+          onChange: J
         }, [
-          (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)
+          (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)
       ]),
-      f("div", mt, [
+      f("div", kt, [
         f("button", {
-          disabled: ge.value,
+          disabled: he.value,
           class: "p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",
-          onClick: U
+          onClick: Q
         }, [
-          (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),
+          (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: q.value,
+          disabled: L.value,
           class: "p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",
           onClick: x
         }, [
-          (l(), b(w(c(pe)), { class: "w-4 h-4 text-gray-600" }))
-        ], 8, Ct)
+          (l(), k(C(p(ce)), { class: "w-4 h-4 text-gray-600" }))
+        ], 8, xt)
       ])
     ], 2));
   }
-}), _t = {
+}), St = {
   key: 0,
   class: "mb-3"
-}, St = { key: 0 }, Rt = {
+}, Rt = { key: 0 }, Bt = {
   key: 0,
   class: "w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"
-}, Bt = {
+}, Mt = {
   key: 1,
   class: "w-5 h-5 rounded border border-gray-300 bg-white"
-}, Mt = ["onClick"], Ft = {
+}, Ft = ["onClick"], $t = {
   key: 1,
   class: "inline-flex items-center gap-1"
-}, $t = { key: 0 }, Ot = ["value", "placeholder", "onInput"], Pt = { key: 1 }, qt = ["onClick"], Lt = ["onClick"], Tt = {
+}, 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"
-}, Et = {
+}, jt = {
   key: 1,
   class: "w-5 h-5 rounded border border-gray-300 bg-white"
-}, jt = ["onClick"], Kt = {
+}, Kt = ["onClick"], Nt = {
   key: 0,
   class: "w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"
-}, Nt = {
+}, zt = {
   key: 1,
   class: "w-5 h-5 rounded-full border border-gray-300 bg-white"
-}, 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 = {
+}, 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"
-}, es = { class: "flex items-center justify-center gap-2 text-gray-500" }, ts = {
+}, ts = { class: "flex items-center justify-center gap-2 text-gray-500" }, ss = {
   key: 1,
   class: "text-center py-12"
-}, ss = { class: "text-gray-400" }, rs = {
+}, rs = { class: "text-gray-400" }, ls = {
   key: 2,
   class: "space-y-2"
-}, ls = {
+}, os = {
   key: 0,
   class: "flex items-center gap-2 px-3 py-2"
-}, os = {
+}, as = {
   key: 0,
   class: "w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"
-}, as = {
+}, ns = {
   key: 1,
   class: "w-5 h-5 rounded border border-gray-300 bg-white"
-}, ns = { class: "text-sm text-gray-500" }, is = ["onClick"], ds = {
+}, is = { class: "text-sm text-gray-500" }, ds = ["onClick"], us = {
   key: 0,
   class: "flex items-center justify-between mb-2"
-}, us = { key: 0 }, ps = ["onClick"], cs = {
+}, ps = { key: 0 }, cs = ["onClick"], fs = {
   key: 0,
   class: "w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"
-}, fs = {
+}, ys = {
   key: 1,
   class: "w-5 h-5 rounded border border-gray-300 bg-white"
-}, ys = ["onClick"], gs = {
+}, gs = ["onClick"], hs = {
   key: 0,
   class: "w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"
-}, hs = {
+}, bs = {
   key: 1,
   class: "w-5 h-5 rounded-full border border-gray-300 bg-white"
-}, vs = { key: 1 }, bs = ["onClick"], ms = { class: "text-gray-500 text-xs font-medium shrink-0" }, ks = { class: "text-right" }, ws = {
+}, 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"
-}, Cs = ["disabled"], xs = {
+}, xs = ["disabled"], _s = {
   key: 4,
   class: "mt-3"
-}, _s = /* @__PURE__ */ fe({
+}, Ss = /* @__PURE__ */ ye({
   __name: "OneDataTable",
-  props: at,
+  props: nt,
   emits: [
     "update:value",
     "update:selection",
@@ -482,45 +486,48 @@ const dt = (u = !0) => {
     "row-collapse",
     "load:next"
   ],
-  setup(u, { expose: n, emit: p }) {
-    const s = u, d = p, y = Pe(), C = qe(), P = E([]);
-    Ze(Le, { registerColumn: (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 = P.value.indexOf(e);
       r > -1 && P.value.splice(r, 1);
     } });
-    const q = E(s.first), W = E(s.rows), N = E(s.sortField), U = E(s.sortOrder);
-    A(
+    const L = E(s.first), U = E(s.rows), N = E(s.sortField), Q = E(s.sortOrder);
+    W(
       () => s.first,
       (e) => {
-        q.value = e;
+        L.value = e;
       }
-    ), A(
+    ), W(
       () => s.rows,
       (e) => {
-        W.value = e;
+        U.value = e;
       }
-    ), A(
+    ), W(
       () => s.sortField,
       (e) => {
         N.value = e;
       }
-    ), A(
+    ), W(
       () => s.sortOrder,
       (e) => {
-        U.value = e;
+        Q.value = e;
       }
     );
     const x = E([...s.value]);
-    A(
+    W(
       () => s.value,
       (e) => {
         x.value = [...e];
       }
     );
-    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) => {
+    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(
@@ -528,8 +535,8 @@ const dt = (u = !0) => {
       );
       if (t === -1)
         return !1;
-      const i = [...x.value];
-      return i[t] = e, x.value = i, d("update:value", i), !0;
+      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);
@@ -537,496 +544,502 @@ const dt = (u = !0) => {
       if (!s.dataKey)
         return console.warn("[OneDataTable] removeRow requires dataKey to be set"), !1;
       const r = x.value.findIndex(
-        (i) => _(i, s.dataKey) === e
+        (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 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;
+    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 && ((i = s.globalFilterFields) != null && i.length)) {
+      if ((t = r.global) != null && t.value && ((n = s.globalFilterFields) != null && n.length)) {
         const a = r.global.value;
         e = e.filter(
-          (m) => s.globalFilterFields.some(
-            (oe) => Fe.contains(_(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", Se = Fe[oe];
-        Se && (e = e.filter((Xe) => Se(_(Xe, a), m.value)));
+        const ae = v.matchMode || "contains", Re = $e[ae];
+        Re && (e = e.filter((Ye) => Re(_(Ye, a), v.value)));
       }
       return e;
-    }), 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)
+    }), 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 (i == null)
+        if (n == null)
           return 1;
         if (a == null)
           return -1;
-        let m;
-        return typeof i == "number" && typeof a == "number" ? m = i - a : m = String(i).localeCompare(String(a)), $.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;
       });
-    }), me = g(() => s.totalRecords ?? be.value.length), T = g(() => {
-      const e = Te.value;
+    }), ke = y(() => s.totalRecords ?? me.value.length), z = y(() => {
+      const e = Ee.value;
       if (s.paginator && !s.lazy) {
-        const r = G.value, t = r + R.value;
+        const r = J.value, t = r + B.value;
         return e.slice(r, t);
       }
       return e;
-    }), Ee = (e) => {
+    }), je = (e) => {
       let 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 });
+      $.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(), s.selectionMode === "multiple") {
-        const t = s.selection || [], i = t.some((m) => O(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;
-        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);
+        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 = g(() => {
+    }, le = y(() => {
       if (s.selectionMode !== "multiple" || !s.selection)
         return !1;
-      const e = s.selection;
-      return T.value.length > 0 && T.value.every((r) => e.some((t) => O(t, r)));
-    }), we = (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 = s.selection || [];
-      if (re.value) {
-        const t = r.filter(
-          (i) => !T.value.some((a) => O(i, 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))
         );
-        d("update:selection", t);
+        d("update:selection", n);
       } else {
-        const t = [...r];
-        T.value.forEach((i) => {
-          t.some((a) => O(a, i)) || t.push(i);
-        }), d("update:selection", t);
+        const n = [...r];
+        t.forEach((a) => {
+          n.some((v) => O(v, a)) || n.push(a);
+        }), d("update:selection", n);
       }
-    }, z = (e) => {
+    }, V = (e) => {
       if (!s.expandedRows)
         return !1;
       if (Array.isArray(s.expandedRows))
         return s.expandedRows.some((r) => O(r, e));
       if (s.dataKey) {
-        const r = String(he(e));
+        const r = String(be(e));
         return !!s.expandedRows[r];
       }
       return !1;
-    }, le = (e, r) => {
-      e.stopPropagation();
-      const t = z(r);
+    }, oe = (e, r) => {
+      if (e.stopPropagation(), S(r))
+        return;
+      const t = V(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);
+        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 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);
+        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);
       }
-    }, Ke = (e, r, t) => {
+    }, Ne = (e, r, t) => {
       var a;
       if (!s.filters)
         return;
-      const i = {
+      const n = {
         ...s.filters,
         [e]: { value: r, matchMode: t || ((a = s.filters[e]) == null ? void 0 : a.matchMode) || "contains" }
       };
-      d("update:filters", i), s.lazy && d("filter", { filters: i }), s.paginator && (q.value = 0, d("update:first", 0));
-    }, Ce = (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 = 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) => {
-      q.value = e, d("update:first", e);
+    }, 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) => {
-      W.value = e, d("update:rows", e);
-    }, xe = g(() => {
+      L.value = e, d("update:first", e);
+    }, Ae = (e) => {
+      U.value = e, d("update:rows", e);
+    }, _e = y(() => {
       const e = [];
       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];
+          const r = s.colWidths(se.value), t = [];
+          return T.value && t.push(""), M.value && t.push(""), [...t, ...r];
         }
         return s.colWidths;
       }
-      return L.value && e.push(""), B.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;
-    }), _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);
+    }), 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;
-    }), 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) => {
+    }), 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 ((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 ((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, [
-      De(f("div", null, [
-        M(e.$slots, "default", {}, void 0, !0)
+      et(f("div", null, [
+        F(e.$slots, "default", {}, void 0, !0)
       ], 512), [
-        [et, !1]
+        [tt, !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)
+      p(h).header ? (l(), o("div", St, [
+        F(e.$slots, "header", {}, void 0, !0)
+      ])) : g("", !0),
+      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)
-        ])) : T.value.length === 0 ? (l(), o("div", ts, [
-          M(e.$slots, "empty", {}, () => [
-            f("span", ss, k(c(C)("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", rs, [
-          J.value ? (l(), o("div", ls, [
+        ])) : (l(), o("div", ls, [
+          X.value ? (l(), o("div", os, [
             f("div", {
               class: "cursor-pointer",
-              onClick: r[2] || (r[2] = (t) => we(t))
+              onClick: r[2] || (r[2] = (t) => Ce(t))
             }, [
-              re.value ? (l(), o("div", os, [
-                (l(), b(w(c(D)), { class: "w-3.5 h-3.5" }))
-              ])) : (l(), o("div", as))
+              le.value ? (l(), o("div", as, [
+                (l(), k(C(p(ee)), { class: "w-3.5 h-3.5" }))
+              ])) : (l(), o("div", ns))
             ]),
-            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" : ""
+            f("span", is, w(p(b)("ui.dataTable.selectAll")), 1)
+          ])) : g("", !0),
+          (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) => Y(a, t, i)
+            onClick: (a) => Z(a, t, n)
           }, [
-            c(y).card ? M(e.$slots, "card", {
+            p(h).card ? F(e.$slots, "card", {
               key: 0,
               data: t,
-              index: i,
+              index: n,
               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", {
+              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: I((a) => se(a, t), ["stop"])
+                    onClick: G((a) => re(a, t), ["stop"])
                   }, [
-                    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", {
+                    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: I((a) => Y(a, t, i), ["stop"])
+                    onClick: G((a) => Z(a, t, n), ["stop"])
                   }, [
-                    K(t) ? (l(), o("div", gs, [...r[6] || (r[6] = [
+                    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", hs))
-                  ], 8, ys))
+                    ])])) : (l(), o("div", bs))
+                  ], 8, gs))
                 ])) : (l(), o("div", vs)),
-                B.value ? (l(), o("button", {
+                M.value ? (l(), o("button", {
                   key: 2,
-                  class: "p-1 rounded hover:bg-gray-100 transition-colors",
-                  onClick: I((a) => le(a, t), ["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(), 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: v(c(yt)(e.size))
+                  (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(R, null, j(H.value, (a, v) => (l(), o("div", {
+                key: v,
+                class: m(p(gt)(e.size))
               }, [
-                f("span", ms, k(a.props.header), 1),
-                f("div", ks, [
-                  a.slots.body ? (l(), b(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: t,
                     field: a.props.field,
-                    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)
+                    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)),
-              B.value && z(t) ? (l(), o("div", ws, [
-                M(e.$slots, "expansion", {
+              M.value && V(t) ? (l(), o("div", Cs, [
+                F(e.$slots, "expansion", {
                   data: t,
-                  index: i
+                  index: n
                 }, void 0, !0)
-              ])) : h("", !0)
+              ])) : g("", !0)
             ], 64))
-          ], 10, is))), 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] = (t) => d("load:next"))
           }, [
-            e.loadingNext ? (l(), b(Z, {
+            e.loadingNext ? (l(), k(D, {
               key: 0,
               class: "w-4 h-4"
-            })) : h("", !0),
-            H(" " + k(e.loadMoreLabel || c(C)("ui.dataTable.showMore")), 1)
-          ], 8, Cs)) : h("", !0)
+            })) : g("", !0),
+            I(" " + w(e.loadMoreLabel || p(b)("ui.dataTable.showMore")), 1)
+          ], 8, xs)) : g("", !0)
         ]))
       ])) : (l(), o("div", {
         key: 1,
-        class: v([...Ae.value, e.verticalBorders === "hover-table" ? "vb-hover" : ""])
+        class: m([...We.value, e.verticalBorders === "hover-table" ? "vb-hover" : ""])
       }, [
         f("table", {
-          class: v([
-            ...We.value,
+          class: m([
+            ...Ue.value,
             e.verticalBorders !== "none" ? "border-separate border-spacing-0" : "border-collapse",
             e.verticalBorders === "hover" ? "vb-hover" : "",
-            _e.value ? "table-fixed" : ""
+            Se.value ? "table-fixed" : ""
           ])
         }, [
-          _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 } : {})
+          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))
-          ])) : h("", !0),
+          ])) : g("", !0),
           f("thead", null, [
             f("tr", null, [
-              L.value ? (l(), o("th", {
+              T.value ? (l(), o("th", {
                 key: 0,
-                class: v([
-                  ...c(ie)(e.size, !1, e.verticalBorders, e.headerVariant, e.headerBgClass),
-                  ...c(ce)(e.size)
+                class: m([
+                  ...p(de)(e.size, !1, e.verticalBorders, e.headerVariant, e.headerBgClass),
+                  ...p(fe)(e.size)
                 ])
               }, [
-                J.value ? (l(), o("div", {
+                X.value ? (l(), o("div", {
                   key: 0,
                   class: "flex items-center justify-center cursor-pointer",
-                  onClick: r[0] || (r[0] = (t) => we(t))
+                  onClick: r[0] || (r[0] = (t) => Ce(t))
                 }, [
-                  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", {
+                  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),
+              M.value ? (l(), o("th", {
                 key: 1,
-                class: v([
-                  ...c(ie)(e.size, !1, e.verticalBorders, e.headerVariant, e.headerBgClass),
-                  ...c($e)(e.size)
+                class: m([
+                  ...p(de)(e.size, !1, e.verticalBorders, e.headerVariant, e.headerBgClass),
+                  ...p(qe)(e.size)
                 ])
-              }, 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),
+              }, null, 2)) : g("", !0),
+              (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([t.props.headerStyle, t.props.width ? { width: t.props.width } : {}]),
-                onClick: (a) => t.props.sortable ? Ee(ke(t)) : void 0
+                style: ne([t.props.headerStyle, t.props.width ? { width: t.props.width } : {}]),
+                onClick: (a) => t.props.sortable ? je(we(t)) : void 0
               }, [
-                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)), {
+                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: v(c(ee)(!0))
-                    }, null, 8, ["class"])) : $.value === -1 ? (l(), b(w(c(ne)), {
+                      class: m(p(te)(!0))
+                    }, null, 8, ["class"])) : q.value === -1 ? (l(), k(C(p(ie)), {
                       key: 2,
-                      class: v(c(ee)(!0))
-                    }, null, 8, ["class"])) : (l(), b(w(c(Me)), {
+                      class: m(p(te)(!0))
+                    }, null, 8, ["class"])) : (l(), k(C(p(Fe)), {
                       key: 3,
-                      class: v(c(ee)(!1))
-                    }, null, 8, ["class"])) : (l(), b(w(c(Me)), {
+                      class: m(p(te)(!1))
+                    }, null, 8, ["class"])) : (l(), k(C(p(Fe)), {
                       key: 0,
-                      class: v(c(ee)(!1))
+                      class: m(p(te)(!1))
                     }, null, 8, ["class"]))
-                  ], 64)) : h("", !0)
+                  ], 64)) : g("", !0)
                 ]))
-              ], 14, Mt))), 128))
+              ], 14, Ft))), 128))
             ]),
-            e.filterDisplay === "row" ? (l(), o("tr", $t, [
-              L.value ? (l(), o("th", {
+            e.filterDisplay === "row" ? (l(), o("tr", qt, [
+              T.value ? (l(), o("th", {
                 key: 0,
-                class: v(c(ue)(e.size))
-              }, null, 2)) : h("", !0),
-              B.value ? (l(), o("th", {
+                class: m(p(pe)(e.size))
+              }, null, 2)) : g("", !0),
+              M.value ? (l(), o("th", {
                 key: 1,
-                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))
+                class: m(p(pe)(e.size))
+              }, null, 2)) : g("", !0),
+              (l(!0), o(R, null, j(H.value, (t, n) => (l(), o("th", {
+                key: `filter-${n}`,
+                class: m(p(pe)(e.size))
               }, [
-                t.props.filterable && t.slots.filter ? (l(), b(w(t.slots.filter), {
+                t.props.filterable && t.slots.filter ? (l(), k(C(t.slots.filter), {
                   key: 0,
-                  filterModel: Ce(
+                  filterModel: xe(
                     t.props.filterField || t.props.field
                   ),
-                  filterCallback: Ne(
+                  filterCallback: ze(
                     t.props.filterField || t.props.field
                   )
                 }, null, 8, ["filterModel", "filterCallback"])) : t.props.filterable && t.props.field ? (l(), o("input", {
                   key: 1,
                   type: "text",
-                  value: Ce(
+                  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 ${t.props.header || t.props.field}`,
-                  onInput: (a) => Ke(
+                  onInput: (a) => Ne(
                     t.props.filterField || t.props.field,
                     a.target.value
                   )
-                }, null, 40, Ot)) : h("", !0)
+                }, null, 40, Ot)) : g("", !0)
               ], 2))), 128))
-            ])) : h("", !0)
+            ])) : g("", !0)
           ]),
-          !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)
+          !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)
             }, [
               f("tr", {
-                class: v([
-                  ...c(pt)(
+                class: m([
+                  ...p(ct)(
                     e.striped,
                     e.hoverable,
-                    i % 2 === 1,
+                    n % 2 === 1,
                     K(t),
-                    !1
+                    !1,
+                    S(t)
                   ),
-                  e.selectionMode ? "cursor-pointer" : ""
+                  e.selectionMode && !S(t) ? "cursor-pointer" : ""
                 ]),
-                onClick: (a) => Y(a, t, i)
+                onClick: (a) => Z(a, t, n)
               }, [
-                L.value ? (l(), o("td", {
+                T.value ? (l(), o("td", {
                   key: 0,
-                  class: v([
-                    ...c(de)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
-                    ...c(ce)(e.size)
+                  class: m([
+                    ...p(ue)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
+                    ...p(fe)(e.size)
                   ])
                 }, [
-                  J.value ? (l(), o("div", {
+                  X.value ? (l(), o("div", {
                     key: 0,
                     class: "flex items-center justify-center cursor-pointer",
-                    onClick: I((a) => se(a, t), ["stop"])
+                    onClick: G((a) => re(a, t), ["stop"])
                   }, [
-                    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", {
+                    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: I((a) => Y(a, t, i), ["stop"])
+                    onClick: G((a) => Z(a, t, n), ["stop"])
                   }, [
-                    K(t) ? (l(), o("div", Kt, [...r[5] || (r[5] = [
+                    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", Nt))
-                  ], 8, jt))
-                ], 2)) : h("", !0),
-                B.value ? (l(), o("td", {
+                    ])])) : (l(), o("div", zt))
+                  ], 8, Kt))
+                ], 2)) : g("", !0),
+                M.value ? (l(), o("td", {
                   key: 1,
-                  class: v([
-                    ...c(de)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
-                    ...c($e)(e.size)
+                  class: m([
+                    ...p(ue)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
+                    ...p(qe)(e.size)
                   ])
                 }, [
                   f("button", {
-                    class: "p-1 rounded hover:bg-gray-100 transition-colors",
-                    onClick: (a) => le(a, t)
+                    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(), 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: v([
-                    ...c(de)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
+                    (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(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(), b(w(a.slots.body), {
+                  a.slots.body ? (l(), k(C(a.slots.body), {
                     key: 0,
                     data: t,
                     field: a.props.field,
-                    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)
+                    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, qt),
-              B.value && z(t) ? (l(), o("tr", Vt, [
+              ], 10, Lt),
+              M.value && V(t) ? (l(), o("tr", At, [
                 f("td", {
-                  colspan: X.value,
+                  colspan: Y.value,
                   class: "p-0"
                 }, [
-                  M(e.$slots, "expansion", {
+                  F(e.$slots, "expansion", {
                     data: t,
-                    index: i
+                    index: n
                   }, void 0, !0)
-                ], 8, At)
-              ])) : h("", !0)
+                ], 8, Wt)
+              ])) : g("", !0)
             ], 64))), 128))
-          ])) : e.loading ? (l(), o("tbody", Wt, [
+          ])) : e.loading ? (l(), o("tbody", Ut, [
             f("tr", null, [
               f("td", {
-                colspan: X.value,
+                colspan: Y.value,
                 class: "text-center py-12"
               }, [
-                M(e.$slots, "loading", {}, () => [
-                  f("div", Qt, [
-                    Be(Z, { class: "w-5 h-5" }),
-                    f("span", null, k(c(C)("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, Ut)
+              ], 8, Qt)
             ])
-          ])) : (l(), o("tbody", Ht, [
+          ])) : (l(), o("tbody", It, [
             f("tr", null, [
               f("td", {
-                colspan: X.value,
+                colspan: Y.value,
                 class: "text-center py-12"
               }, [
-                M(e.$slots, "empty", {}, () => [
-                  f("span", Gt, k(c(C)("ui.dataTable.noRecords")), 1)
+                F(e.$slots, "empty", {}, () => [
+                  f("span", Jt, w(p(b)("ui.dataTable.noRecords")), 1)
                 ], !0)
-              ], 8, It)
+              ], 8, Gt)
             ])
           ])),
-          e.hasNextPage && !e.loading ? (l(), o("tfoot", Jt, [
+          e.hasNextPage && !e.loading ? (l(), o("tfoot", Xt, [
             f("tr", null, [
               f("td", {
-                colspan: X.value,
+                colspan: Y.value,
                 class: "px-3 pb-3 pt-2"
               }, [
                 f("button", {
@@ -1034,48 +1047,48 @@ const dt = (u = !0) => {
                   disabled: e.loadingNext,
                   onClick: r[1] || (r[1] = (t) => d("load:next"))
                 }, [
-                  e.loadingNext ? (l(), b(Z, {
+                  e.loadingNext ? (l(), k(D, {
                     key: 0,
                     class: "w-4 h-4"
-                  })) : h("", !0),
-                  H(" " + k(e.loadMoreLabel || c(C)("ui.dataTable.showMore")), 1)
-                ], 8, Yt)
-              ], 8, Xt)
+                  })) : g("", !0),
+                  I(" " + w(e.loadMoreLabel || p(b)("ui.dataTable.showMore")), 1)
+                ], 8, Zt)
+              ], 8, Yt)
             ])
-          ])) : h("", !0)
+          ])) : g("", !0)
         ], 2)
       ], 2)),
-      e.paginator && me.value > 0 ? (l(), b(xt, {
+      e.paginator && ke.value > 0 ? (l(), k(_t, {
         key: 3,
-        first: G.value,
-        rows: R.value,
-        "total-records": me.value,
+        first: J.value,
+        rows: B.value,
+        "total-records": ke.value,
         "rows-per-page-options": e.rowsPerPageOptions,
-        "onUpdate:first": ze,
-        "onUpdate:rows": Ve,
+        "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"])) : h("", !0),
-      c(y).footer ? (l(), o("div", xs, [
-        M(e.$slots, "footer", {}, void 0, !0)
-      ])) : h("", !0)
+      }, null, 8, ["first", "rows", "total-records", "rows-per-page-options"])) : g("", !0),
+      p(h).footer ? (l(), o("div", _s, [
+        F(e.$slots, "footer", {}, void 0, !0)
+      ])) : g("", !0)
     ]));
   }
 });
-const Es = /* @__PURE__ */ rt(_s, [["__scopeId", "data-v-2987f33d"]]), js = /* @__PURE__ */ fe({
+const js = /* @__PURE__ */ lt(Ss, [["__scopeId", "data-v-9359fb0b"]]), Ks = /* @__PURE__ */ ye({
   __name: "OneColumn",
-  props: ot,
+  props: at,
   setup(u) {
-    const n = u, p = Pe(), s = tt(Le), d = {
-      props: n,
-      slots: p
+    const i = u, c = Pe(), s = st(Te), d = {
+      props: i,
+      slots: c
     };
     return s && s.registerColumn(d), Oe(() => {
       s && s.unregisterColumn(d);
-    }), (y, C) => M(y.$slots, "default");
+    }), (h, b) => F(h.$slots, "default");
   }
 });
 export {
-  js as OneColumn,
-  Es as OneDataTable,
-  xt as OneDataTablePaginator
+  Ks as OneColumn,
+  js as OneDataTable,
+  _t as OneDataTablePaginator
 };