@oneb/ui-vue 0.2.28 → 0.3.1

package/dist/{index-8b4488cc.js → index-c8850997.js}

@@ -1,8 +1,9 @@
-import { openBlock as l, createElementBlock as i, createElementVNode as c, defineComponent as ee, computed as y, normalizeClass as v, toDisplayString as R, Fragment as x, renderList as L, createCommentVNode as h, createBlock as k, resolveDynamicComponent as C, unref as p, useSlots as me, ref as N, provide as ze, watch as V, withDirectives as je, renderSlot as M, vShow as Ne, normalizeStyle as J, createTextVNode as Q, withModifiers as ce, createVNode as Ae, inject as Ke, onBeforeUnmount as Te } from "vue";
-import { b as we, r as Ve, a as fe } from "./ChevronRightIcon-8df1af46.js";
-import { S as ye } from "./SpinnerIcon-516264ba.js";
-import { _ as We } from "./_plugin-vue_export-helper-dad06003.js";
-function ge(d, a) {
+import { openBlock as l, createElementBlock as i, createElementVNode as c, defineComponent as ee, computed as y, normalizeClass as b, toDisplayString as S, Fragment as R, renderList as E, unref as p, createCommentVNode as h, createBlock as k, resolveDynamicComponent as C, useSlots as we, ref as T, provide as Ne, watch as W, withDirectives as Te, renderSlot as P, vShow as Ae, normalizeStyle as J, createTextVNode as Q, withModifiers as fe, createVNode as Ke, inject as Ve, onBeforeUnmount as We } from "vue";
+import { u as ke } from "./useI18n-0a69755a.js";
+import { b as Ce, r as Ue, a as ye } from "./ChevronRightIcon-8df1af46.js";
+import { S as ge } from "./SpinnerIcon-516264ba.js";
+import { _ as Ie } from "./_plugin-vue_export-helper-dad06003.js";
+function he(d, a) {
   return l(), i("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -18,7 +19,7 @@ function ge(d, a) {
     })
   ]);
 }
-function Ue(d, a) {
+function He(d, a) {
   return l(), i("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -34,7 +35,7 @@ function Ue(d, a) {
     })
   ]);
 }
-function he(d, a) {
+function be(d, a) {
   return l(), i("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -50,7 +51,7 @@ function he(d, a) {
     })
   ]);
 }
-const He = {
+const Ge = {
   field: {
     type: String,
     required: !1
@@ -99,7 +100,7 @@ const He = {
     type: [String, Object],
     required: !1
   }
-}, Ie = {
+}, Je = {
   value: {
     type: Array,
     default: () => []
@@ -198,7 +199,7 @@ const He = {
   },
   loadMoreLabel: {
     type: String,
-    default: "Show more"
+    default: ""
   },
   colWidths: {
     type: [Array, Function],
@@ -228,16 +229,16 @@ const He = {
     type: Boolean,
     default: !0
   }
-}, ke = Symbol("OneDataTable"), ve = {
+}, Se = Symbol("OneDataTable"), ve = {
   contains: (d, a) => String(d ?? "").toLowerCase().includes(String(a).toLowerCase()),
   startsWith: (d, a) => String(d ?? "").toLowerCase().startsWith(String(a).toLowerCase()),
   endsWith: (d, a) => String(d ?? "").toLowerCase().endsWith(String(a).toLowerCase()),
   equals: (d, a) => String(d ?? "").toLowerCase() === String(a).toLowerCase(),
   notEquals: (d, a) => String(d ?? "").toLowerCase() !== String(a).toLowerCase()
-}, Ge = (d = !0) => {
+}, Qe = (d = !0) => {
   const a = ["overflow-x-auto", "w-full"];
   return d && a.push("border", "border-gray-100", "rounded"), a;
-}, Je = (d) => {
+}, Xe = (d) => {
   const a = ["min-w-full", "text-left", "relative"];
   return d === "sm" ? a.push("text-xs") : d === "lg" ? a.push("text-base") : a.push("text-sm"), a;
 }, X = (d, a, t = "none", o = "default", g) => {
@@ -264,16 +265,16 @@ const He = {
 }, Y = (d, a, t = "none", o) => {
   const g = ["border-b", "border-gray-100", "text-gray-900"];
   return o && g.push(o), a && g.push("border-r"), t === "always" ? g.push("border-r", "border-r-gray-200", "last:border-r-0") : (t === "hover" || t === "hover-table") && g.push("border-r", "border-r-transparent", "last:border-r-0"), d === "sm" ? g.push("px-1.5", "py-1") : d === "lg" ? g.push("px-4", "py-3") : g.push("px-2", "py-1.5"), g;
-}, Qe = (d, a, t, o, g = !1) => {
+}, Ye = (d, a, t, o, g = !1) => {
   const f = [];
   return g && f.push("group"), o ? f.push("bg-primary-25") : d && t && f.push("bg-gray-50"), a && (o ? f.push("hover:bg-primary-25-hover", "transition-colors") : f.push("hover:bg-gray-50", "transition-colors")), f;
-}, W = (d) => {
+}, U = (d) => {
   const a = ["w-3.5", "h-3.5", "inline-block", "ml-1"];
   return d ? a.push("text-primary-base") : a.push("text-gray-400"), a.push("transition-transform", "duration-200"), a;
 }, D = (d) => {
   const a = ["text-center"];
   return d === "sm" ? a.push("w-8") : d === "lg" ? a.push("w-14") : a.push("w-12"), a;
-}, be = (d) => D(d), Xe = () => [
+}, me = (d) => D(d), Ze = () => [
   "flex",
   "items-center",
   "justify-between",
@@ -286,7 +287,7 @@ const He = {
 ], Z = (d) => {
   const a = ["bg-gray-100", "border-b", "border-gray-200"];
   return d === "sm" ? a.push("px-1.5", "py-1") : d === "lg" ? a.push("px-4", "py-2") : a.push("px-2", "py-1.5"), a;
-}, Ye = { class: "flex items-center gap-4" }, Ze = { class: "text-gray-600" }, De = ["value"], et = ["value"], tt = { class: "flex items-center gap-1" }, st = ["disabled"], rt = { class: "px-2 text-gray-600" }, lt = ["disabled"], ot = /* @__PURE__ */ ee({
+}, De = { class: "flex items-center gap-4" }, et = { class: "text-gray-600" }, tt = ["value"], st = ["value"], rt = { class: "flex items-center gap-1" }, lt = ["disabled"], ot = { class: "px-2 text-gray-600" }, at = ["disabled"], nt = /* @__PURE__ */ ee({
   __name: "OneDataTablePaginator",
   props: {
     first: {
@@ -308,18 +309,18 @@ const He = {
   },
   emits: ["update:first", "update:rows", "page"],
   setup(d, { emit: a }) {
-    const t = d, o = a, g = y(() => Math.ceil(t.totalRecords / t.rows)), f = y(() => Math.floor(t.first / t.rows) + 1), U = y(() => t.totalRecords === 0 ? 0 : t.first + 1), te = y(() => Math.min(t.first + t.rows, t.totalRecords)), _ = y(() => t.first === 0), E = y(() => t.first + t.rows >= t.totalRecords), z = y(() => Xe()), P = (m) => {
+    const t = d, o = a, g = ke(), f = y(() => Math.ceil(t.totalRecords / t.rows)), _ = y(() => Math.floor(t.first / t.rows) + 1), te = y(() => t.totalRecords === 0 ? 0 : t.first + 1), se = y(() => Math.min(t.first + t.rows, t.totalRecords)), B = y(() => t.first === 0), z = y(() => t.first + t.rows >= t.totalRecords), j = y(() => Ze()), O = (m) => {
       m < 0 || m >= t.totalRecords || (o("update:first", m), o("page", {
         first: m,
         rows: t.rows,
         page: Math.floor(m / t.rows),
-        pageCount: g.value
+        pageCount: f.value
       }));
     }, A = () => {
-      P(Math.max(0, t.first - t.rows));
+      O(Math.max(0, t.first - t.rows));
     }, K = () => {
-      P(t.first + t.rows);
-    }, B = (m) => {
+      O(t.first + t.rows);
+    }, F = (m) => {
       const w = parseInt(m.target.value);
       o("update:rows", w), o("update:first", 0), o("page", {
         first: 0,
@@ -329,71 +330,71 @@ const He = {
       });
     };
     return (m, w) => (l(), i("div", {
-      class: v(z.value)
+      class: b(j.value)
     }, [
-      c("div", Ye, [
-        c("span", Ze, R(U.value) + "–" + R(te.value) + " of " + R(d.totalRecords), 1),
+      c("div", De, [
+        c("span", et, S(te.value) + "–" + S(se.value) + " of " + S(d.totalRecords), 1),
         d.rowsPerPageOptions.length > 1 ? (l(), i("select", {
           key: 0,
           value: d.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: B
+          onChange: F
         }, [
-          (l(!0), i(x, null, L(d.rowsPerPageOptions, (q) => (l(), i("option", {
+          (l(!0), i(R, null, E(d.rowsPerPageOptions, (q) => (l(), i("option", {
             key: q,
             value: q
-          }, R(q) + " / page", 9, et))), 128))
-        ], 40, De)) : h("", !0)
+          }, S(q) + " " + S(p(g)("dataTable.perPage")), 9, st))), 128))
+        ], 40, tt)) : h("", !0)
       ]),
-      c("div", tt, [
+      c("div", rt, [
         c("button", {
-          disabled: _.value,
+          disabled: B.value,
           class: "p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",
           onClick: A
         }, [
-          (l(), k(C(p(Ue)), { class: "w-4 h-4 text-gray-600" }))
-        ], 8, st),
-        c("span", rt, R(f.value) + " / " + R(g.value), 1),
+          (l(), k(C(p(He)), { class: "w-4 h-4 text-gray-600" }))
+        ], 8, lt),
+        c("span", ot, S(_.value) + " / " + S(f.value), 1),
         c("button", {
-          disabled: E.value,
+          disabled: z.value,
           class: "p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",
           onClick: K
         }, [
-          (l(), k(C(p(we)), { class: "w-4 h-4 text-gray-600" }))
-        ], 8, lt)
+          (l(), k(C(p(Ce)), { class: "w-4 h-4 text-gray-600" }))
+        ], 8, at)
       ])
     ], 2));
   }
-}), at = {
+}), it = {
   key: 0,
   class: "mb-3"
-}, nt = { key: 0 }, it = {
+}, dt = { key: 0 }, ut = {
   key: 0,
   class: "w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"
-}, dt = {
+}, pt = {
   key: 1,
   class: "w-5 h-5 rounded border border-gray-300 bg-white"
-}, ut = ["onClick"], pt = {
+}, ct = ["onClick"], ft = {
   key: 1,
   class: "inline-flex items-center gap-1"
-}, ct = { key: 0 }, ft = ["value", "placeholder", "onInput"], yt = { key: 1 }, gt = ["onClick"], ht = ["onClick"], vt = {
+}, yt = { key: 0 }, gt = ["value", "placeholder", "onInput"], ht = { key: 1 }, bt = ["onClick"], vt = ["onClick"], mt = {
   key: 0,
   class: "w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"
-}, bt = {
+}, wt = {
   key: 1,
   class: "w-5 h-5 rounded border border-gray-300 bg-white"
-}, mt = ["onClick"], wt = {
+}, kt = ["onClick"], Ct = {
   key: 0,
   class: "w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"
-}, kt = {
+}, St = {
   key: 1,
   class: "w-5 h-5 rounded-full border border-gray-300 bg-white"
-}, Ct = ["onClick"], St = { key: 0 }, xt = ["colspan"], Rt = { key: 2 }, _t = ["colspan"], Bt = { class: "flex items-center justify-center gap-2 text-gray-500" }, Ft = { key: 3 }, Mt = ["colspan"], Pt = { key: 4 }, qt = ["colspan"], Ot = ["disabled"], $t = {
+}, xt = ["onClick"], _t = { key: 0 }, Rt = ["colspan"], Bt = { key: 2 }, Ft = ["colspan"], Mt = { class: "flex items-center justify-center gap-2 text-gray-500" }, Pt = { key: 3 }, Ot = ["colspan"], qt = { class: "text-gray-400" }, $t = { key: 4 }, Lt = ["colspan"], Et = ["disabled"], zt = {
   key: 2,
   class: "mt-3"
-}, Lt = /* @__PURE__ */ ee({
+}, jt = /* @__PURE__ */ ee({
   __name: "OneDataTable",
-  props: Ie,
+  props: Je,
   emits: [
     "update:selection",
     "update:expandedRows",
@@ -413,38 +414,38 @@ const He = {
     "load:next"
   ],
   setup(d, { emit: a }) {
-    const t = d, o = a, g = me(), f = N([]);
-    ze(ke, { registerColumn: (e) => {
-      f.value.push(e);
+    const t = d, o = a, g = we(), f = ke(), _ = T([]);
+    Ne(Se, { registerColumn: (e) => {
+      _.value.push(e);
     }, unregisterColumn: (e) => {
-      const r = f.value.indexOf(e);
-      r > -1 && f.value.splice(r, 1);
+      const r = _.value.indexOf(e);
+      r > -1 && _.value.splice(r, 1);
     } });
-    const _ = N(t.first), E = N(t.rows), z = N(t.sortField), P = N(t.sortOrder);
-    V(
+    const B = T(t.first), z = T(t.rows), j = T(t.sortField), O = T(t.sortOrder);
+    W(
       () => t.first,
       (e) => {
-        _.value = e;
+        B.value = e;
       }
-    ), V(
+    ), W(
       () => t.rows,
       (e) => {
-        E.value = e;
+        z.value = e;
       }
-    ), V(
+    ), W(
       () => t.sortField,
       (e) => {
-        z.value = e;
+        j.value = e;
       }
-    ), V(
+    ), W(
       () => t.sortOrder,
       (e) => {
-        P.value = e;
+        O.value = e;
       }
     );
-    const A = y(() => _.value), K = y(() => E.value), B = y(() => z.value), m = y(() => P.value), w = (e, r) => r ? r.split(".").reduce((s, u) => s == null ? void 0 : s[u], e) : e, q = (e) => t.dataKey ? w(e, t.dataKey) : e, S = (e, r) => e == null || r == null ? e === r : t.dataKey ? w(e, t.dataKey) === w(r, t.dataKey) : e === r, Ce = (e, r) => t.dataKey ? w(e, t.dataKey) : r, F = y(() => f.value.some((e) => e.props.expander)), O = y(() => !!t.selectionMode), se = y(() => t.selectionMode === "multiple"), j = y(() => f.value.filter((e) => !e.props.expander)), T = y(
-      () => f.value.length + (O.value ? 1 : 0) + (F.value ? 1 : 0)
-    ), re = y(() => {
+    const A = y(() => B.value), K = y(() => z.value), F = y(() => j.value), m = y(() => O.value), w = (e, r) => r ? r.split(".").reduce((s, u) => s == null ? void 0 : s[u], e) : e, q = (e) => t.dataKey ? w(e, t.dataKey) : e, x = (e, r) => e == null || r == null ? e === r : t.dataKey ? w(e, t.dataKey) === w(r, t.dataKey) : e === r, xe = (e, r) => t.dataKey ? w(e, t.dataKey) : r, M = y(() => _.value.some((e) => e.props.expander)), $ = y(() => !!t.selectionMode), re = y(() => t.selectionMode === "multiple"), N = y(() => _.value.filter((e) => !e.props.expander)), V = y(
+      () => _.value.length + ($.value ? 1 : 0) + (M.value ? 1 : 0)
+    ), le = y(() => {
       var s, u;
       if (t.lazy || !t.filters)
         return t.value;
@@ -453,92 +454,92 @@ const He = {
       if ((s = r.global) != null && s.value && ((u = t.globalFilterFields) != null && u.length)) {
         const n = r.global.value;
         e = e.filter(
-          (b) => t.globalFilterFields.some(
-            (G) => ve.contains(w(b, G), n)
+          (v) => t.globalFilterFields.some(
+            (G) => ve.contains(w(v, G), n)
           )
         );
       }
-      for (const [n, b] of Object.entries(r)) {
-        if (n === "global" || !b.value)
+      for (const [n, v] of Object.entries(r)) {
+        if (n === "global" || !v.value)
           continue;
-        const G = b.matchMode || "contains", pe = ve[G];
-        pe && (e = e.filter((Ee) => pe(w(Ee, n), b.value)));
+        const G = v.matchMode || "contains", ce = ve[G];
+        ce && (e = e.filter((je) => ce(w(je, n), v.value)));
       }
       return e;
-    }), Se = y(() => {
-      const e = re.value;
-      return t.lazy || !B.value || !m.value ? e : [...e].sort((r, s) => {
-        const u = w(r, B.value), n = w(s, B.value);
+    }), _e = y(() => {
+      const e = le.value;
+      return t.lazy || !F.value || !m.value ? e : [...e].sort((r, s) => {
+        const u = w(r, F.value), n = w(s, F.value);
         if (u == null && n == null)
           return 0;
         if (u == null)
           return 1;
         if (n == null)
           return -1;
-        let b;
-        return typeof u == "number" && typeof n == "number" ? b = u - n : b = String(u).localeCompare(String(n)), m.value === 1 ? b : -b;
+        let v;
+        return typeof u == "number" && typeof n == "number" ? v = u - n : v = String(u).localeCompare(String(n)), m.value === 1 ? v : -v;
       });
-    }), le = y(() => t.totalRecords ?? re.value.length), $ = y(() => {
-      const e = Se.value;
+    }), oe = y(() => t.totalRecords ?? le.value.length), L = y(() => {
+      const e = _e.value;
       if (t.paginator && !t.lazy) {
         const r = A.value, s = r + K.value;
         return e.slice(r, s);
       }
       return e;
-    }), xe = (e) => {
+    }), Re = (e) => {
       let r;
-      B.value === e ? m.value === 1 ? r = -1 : m.value === -1 ? r = null : r = 1 : r = 1, z.value = e, P.value = r, o("update:sortField", e), o("update:sortOrder", r), o("sort", { field: e, order: r }), !t.lazy && t.paginator && (_.value = 0, o("update:first", 0));
-    }, oe = (e) => e.props.sortField || e.props.field, Re = (e) => B.value === oe(e), H = (e) => t.selection ? t.selectionMode === "single" ? S(t.selection, e) : t.selectionMode === "multiple" ? t.selection.some((r) => S(r, e)) : !1 : !1, ae = (e, r, s) => {
+      F.value === e ? m.value === 1 ? r = -1 : m.value === -1 ? r = null : r = 1 : r = 1, j.value = e, O.value = r, o("update:sortField", e), o("update:sortOrder", r), o("sort", { field: e, order: r }), !t.lazy && t.paginator && (B.value = 0, o("update:first", 0));
+    }, ae = (e) => e.props.sortField || e.props.field, Be = (e) => F.value === ae(e), I = (e) => t.selection ? t.selectionMode === "single" ? x(t.selection, e) : t.selectionMode === "multiple" ? t.selection.some((r) => x(r, e)) : !1 : !1, ne = (e, r, s) => {
       if (o("row-click", { originalEvent: e, data: r, index: s }), t.selectionMode === "single") {
-        const u = S(t.selection, r) ? null : r;
+        const u = x(t.selection, r) ? null : r;
         o("update:selection", u), u ? o("row-select", { originalEvent: e, data: r }) : o("row-unselect", { originalEvent: e, data: r });
       }
-    }, _e = (e, r) => {
+    }, Fe = (e, r) => {
       if (e.stopPropagation(), t.selectionMode === "multiple") {
-        const s = t.selection || [], u = s.some((b) => S(b, r));
+        const s = t.selection || [], u = s.some((v) => x(v, r));
         let n;
-        u ? (n = s.filter((b) => !S(b, r)), o("row-unselect", { originalEvent: e, data: r })) : (n = [...s, r], o("row-select", { originalEvent: e, data: r })), o("update:selection", n);
+        u ? (n = s.filter((v) => !x(v, r)), o("row-unselect", { originalEvent: e, data: r })) : (n = [...s, r], o("row-select", { originalEvent: e, data: r })), o("update:selection", n);
       }
-    }, ne = y(() => {
+    }, ie = y(() => {
       if (t.selectionMode !== "multiple" || !t.selection)
         return !1;
       const e = t.selection;
-      return $.value.length > 0 && $.value.every((r) => e.some((s) => S(s, r)));
-    }), Be = (e) => {
+      return L.value.length > 0 && L.value.every((r) => e.some((s) => x(s, r)));
+    }), Me = (e) => {
       e.stopPropagation();
       const r = t.selection || [];
-      if (ne.value) {
+      if (ie.value) {
         const s = r.filter(
-          (u) => !$.value.some((n) => S(u, n))
+          (u) => !L.value.some((n) => x(u, n))
         );
         o("update:selection", s);
       } else {
         const s = [...r];
-        $.value.forEach((u) => {
-          s.some((n) => S(n, u)) || s.push(u);
+        L.value.forEach((u) => {
+          s.some((n) => x(n, u)) || s.push(u);
         }), o("update:selection", s);
       }
-    }, I = (e) => {
+    }, H = (e) => {
       if (!t.expandedRows)
         return !1;
       if (Array.isArray(t.expandedRows))
-        return t.expandedRows.some((r) => S(r, e));
+        return t.expandedRows.some((r) => x(r, e));
       if (t.dataKey) {
         const r = String(q(e));
         return !!t.expandedRows[r];
       }
       return !1;
-    }, Fe = (e, r) => {
+    }, Pe = (e, r) => {
       e.stopPropagation();
-      const s = I(r);
+      const s = H(r);
       if (Array.isArray(t.expandedRows)) {
         let u;
-        s ? (u = t.expandedRows.filter((n) => !S(n, r)), o("row-collapse", { originalEvent: e, data: r })) : (u = [...t.expandedRows, r], o("row-expand", { originalEvent: e, data: r })), o("update:expandedRows", u);
+        s ? (u = t.expandedRows.filter((n) => !x(n, r)), o("row-collapse", { originalEvent: e, data: r })) : (u = [...t.expandedRows, r], o("row-expand", { originalEvent: e, data: r })), o("update:expandedRows", u);
       } else if (t.dataKey) {
         const u = String(q(r)), n = { ...t.expandedRows };
         s ? (delete n[u], o("row-collapse", { originalEvent: e, data: r })) : (n[u] = !0, o("row-expand", { originalEvent: e, data: r })), o("update:expandedRows", n);
       }
-    }, Me = (e, r, s) => {
+    }, Oe = (e, r, s) => {
       var n;
       if (!t.filters)
         return;
@@ -546,209 +547,209 @@ const He = {
         ...t.filters,
         [e]: { value: r, matchMode: s || ((n = t.filters[e]) == null ? void 0 : n.matchMode) || "contains" }
       };
-      o("update:filters", u), t.lazy && o("filter", { filters: u }), t.paginator && (_.value = 0, o("update:first", 0));
-    }, ie = (e) => {
+      o("update:filters", u), t.lazy && o("filter", { filters: u }), t.paginator && (B.value = 0, o("update:first", 0));
+    }, de = (e) => {
       var r;
       return ((r = t.filters) == null ? void 0 : r[e]) || { value: null };
-    }, Pe = (e) => () => {
-      t.filters && (o("update:filters", { ...t.filters }), t.lazy && o("filter", { filters: t.filters }), t.paginator && (_.value = 0, o("update:first", 0)));
-    }, qe = (e) => {
-      _.value = e, o("update:first", e);
-    }, Oe = (e) => {
-      E.value = e, o("update:rows", e);
-    }, de = y(() => {
+    }, qe = (e) => () => {
+      t.filters && (o("update:filters", { ...t.filters }), t.lazy && o("filter", { filters: t.filters }), t.paginator && (B.value = 0, o("update:first", 0)));
+    }, $e = (e) => {
+      B.value = e, o("update:first", e);
+    }, Le = (e) => {
+      z.value = e, o("update:rows", e);
+    }, ue = y(() => {
       const e = [];
       if (t.colWidths) {
         if (typeof t.colWidths == "function") {
-          const r = t.colWidths(j.value), s = [];
-          return O.value && s.push(""), F.value && s.push(""), [...s, ...r];
+          const r = t.colWidths(N.value), s = [];
+          return $.value && s.push(""), M.value && s.push(""), [...s, ...r];
         }
         return t.colWidths;
       }
-      return O.value && e.push(""), F.value && e.push(""), j.value.forEach((r) => {
+      return $.value && e.push(""), M.value && e.push(""), N.value.forEach((r) => {
         e.push(r.props.width || "");
       }), e;
-    }), ue = y(() => de.value.some((e) => e !== "" && e != null)), $e = y(() => t.wrapperClass ? ["overflow-x-auto", "w-full", t.wrapperClass] : t.verticalBorders === "hover-table" ? ["overflow-x-auto", "w-full", "border", "border-transparent", "rounded"] : Ge(t.wrapperBordered)), Le = y(() => {
-      const e = Je(t.size);
+    }), pe = y(() => ue.value.some((e) => e !== "" && e != null)), Ee = y(() => t.wrapperClass ? ["overflow-x-auto", "w-full", t.wrapperClass] : t.verticalBorders === "hover-table" ? ["overflow-x-auto", "w-full", "border", "border-transparent", "rounded"] : Qe(t.wrapperBordered)), ze = y(() => {
+      const e = Xe(t.size);
       return t.tableClass && e.push(t.tableClass), t.bordered && e.push("border", "border-gray-100"), e;
     });
     return (e, r) => (l(), i("div", null, [
-      je(c("div", null, [
-        M(e.$slots, "default", {}, void 0, !0)
+      Te(c("div", null, [
+        P(e.$slots, "default", {}, void 0, !0)
       ], 512), [
-        [Ne, !1]
+        [Ae, !1]
       ]),
-      p(g).header ? (l(), i("div", at, [
-        M(e.$slots, "header", {}, void 0, !0)
+      p(g).header ? (l(), i("div", it, [
+        P(e.$slots, "header", {}, void 0, !0)
       ])) : h("", !0),
       c("div", {
-        class: v([...$e.value, e.verticalBorders === "hover-table" ? "vb-hover" : ""])
+        class: b([...Ee.value, e.verticalBorders === "hover-table" ? "vb-hover" : ""])
       }, [
         c("table", {
-          class: v([
-            ...Le.value,
+          class: b([
+            ...ze.value,
             e.verticalBorders !== "none" ? "border-separate border-spacing-0" : "border-collapse",
             e.verticalBorders === "hover" ? "vb-hover" : "",
-            ue.value ? "table-fixed" : ""
+            pe.value ? "table-fixed" : ""
           ])
         }, [
-          ue.value ? (l(), i("colgroup", nt, [
-            (l(!0), i(x, null, L(de.value, (s, u) => (l(), i("col", {
+          pe.value ? (l(), i("colgroup", dt, [
+            (l(!0), i(R, null, E(ue.value, (s, u) => (l(), i("col", {
               key: `col-${u}`,
               style: J(s ? { width: s } : {})
             }, null, 4))), 128))
           ])) : h("", !0),
           c("thead", null, [
             c("tr", null, [
-              O.value ? (l(), i("th", {
+              $.value ? (l(), i("th", {
                 key: 0,
-                class: v([
+                class: b([
                   ...p(X)(e.size, !1, e.verticalBorders, e.headerVariant, e.headerBgClass),
                   ...p(D)(e.size)
                 ])
               }, [
-                se.value ? (l(), i("div", {
+                re.value ? (l(), i("div", {
                   key: 0,
                   class: "flex items-center justify-center cursor-pointer",
-                  onClick: r[0] || (r[0] = (s) => Be(s))
+                  onClick: r[0] || (r[0] = (s) => Me(s))
                 }, [
-                  ne.value ? (l(), i("div", it, [
-                    (l(), k(C(p(ge)), { class: "w-3.5 h-3.5" }))
-                  ])) : (l(), i("div", dt))
+                  ie.value ? (l(), i("div", ut, [
+                    (l(), k(C(p(he)), { class: "w-3.5 h-3.5" }))
+                  ])) : (l(), i("div", pt))
                 ])) : h("", !0)
               ], 2)) : h("", !0),
-              F.value ? (l(), i("th", {
+              M.value ? (l(), i("th", {
                 key: 1,
-                class: v([
+                class: b([
                   ...p(X)(e.size, !1, e.verticalBorders, e.headerVariant, e.headerBgClass),
-                  ...p(be)(e.size)
+                  ...p(me)(e.size)
                 ])
               }, null, 2)) : h("", !0),
-              (l(!0), i(x, null, L(j.value, (s, u) => (l(), i("th", {
+              (l(!0), i(R, null, E(N.value, (s, u) => (l(), i("th", {
                 key: u,
-                class: v([
+                class: b([
                   ...p(X)(e.size, s.props.sortable, e.verticalBorders, e.headerVariant, e.headerBgClass),
                   s.props.headerClass
                 ]),
                 style: J([s.props.headerStyle, s.props.width ? { width: s.props.width } : {}]),
-                onClick: (n) => s.props.sortable ? xe(oe(s)) : void 0
+                onClick: (n) => s.props.sortable ? Re(ae(s)) : void 0
               }, [
-                s.slots.header ? (l(), k(C(s.slots.header), { key: 0 })) : (l(), i("span", pt, [
-                  Q(R(s.props.header) + " ", 1),
-                  s.props.sortable ? (l(), i(x, { key: 0 }, [
-                    Re(s) ? m.value === 1 ? (l(), k(C(p(Ve)), {
+                s.slots.header ? (l(), k(C(s.slots.header), { key: 0 })) : (l(), i("span", ft, [
+                  Q(S(s.props.header) + " ", 1),
+                  s.props.sortable ? (l(), i(R, { key: 0 }, [
+                    Be(s) ? m.value === 1 ? (l(), k(C(p(Ue)), {
                       key: 1,
-                      class: v(p(W)(!0))
-                    }, null, 8, ["class"])) : m.value === -1 ? (l(), k(C(p(fe)), {
+                      class: b(p(U)(!0))
+                    }, null, 8, ["class"])) : m.value === -1 ? (l(), k(C(p(ye)), {
                       key: 2,
-                      class: v(p(W)(!0))
-                    }, null, 8, ["class"])) : (l(), k(C(p(he)), {
+                      class: b(p(U)(!0))
+                    }, null, 8, ["class"])) : (l(), k(C(p(be)), {
                       key: 3,
-                      class: v(p(W)(!1))
-                    }, null, 8, ["class"])) : (l(), k(C(p(he)), {
+                      class: b(p(U)(!1))
+                    }, null, 8, ["class"])) : (l(), k(C(p(be)), {
                       key: 0,
-                      class: v(p(W)(!1))
+                      class: b(p(U)(!1))
                     }, null, 8, ["class"]))
                   ], 64)) : h("", !0)
                 ]))
-              ], 14, ut))), 128))
+              ], 14, ct))), 128))
             ]),
-            e.filterDisplay === "row" ? (l(), i("tr", ct, [
-              O.value ? (l(), i("th", {
+            e.filterDisplay === "row" ? (l(), i("tr", yt, [
+              $.value ? (l(), i("th", {
                 key: 0,
-                class: v(p(Z)(e.size))
+                class: b(p(Z)(e.size))
               }, null, 2)) : h("", !0),
-              F.value ? (l(), i("th", {
+              M.value ? (l(), i("th", {
                 key: 1,
-                class: v(p(Z)(e.size))
+                class: b(p(Z)(e.size))
               }, null, 2)) : h("", !0),
-              (l(!0), i(x, null, L(j.value, (s, u) => (l(), i("th", {
+              (l(!0), i(R, null, E(N.value, (s, u) => (l(), i("th", {
                 key: `filter-${u}`,
-                class: v(p(Z)(e.size))
+                class: b(p(Z)(e.size))
               }, [
                 s.props.filterable && s.slots.filter ? (l(), k(C(s.slots.filter), {
                   key: 0,
-                  filterModel: ie(
+                  filterModel: de(
                     s.props.filterField || s.props.field
                   ),
-                  filterCallback: Pe(
+                  filterCallback: qe(
                     s.props.filterField || s.props.field
                   )
                 }, null, 8, ["filterModel", "filterCallback"])) : s.props.filterable && s.props.field ? (l(), i("input", {
                   key: 1,
                   type: "text",
-                  value: ie(
+                  value: de(
                     s.props.filterField || s.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: (n) => Me(
+                  onInput: (n) => Oe(
                     s.props.filterField || s.props.field,
                     n.target.value
                   )
-                }, null, 40, ft)) : h("", !0)
+                }, null, 40, gt)) : h("", !0)
               ], 2))), 128))
             ])) : h("", !0)
           ]),
-          !e.loading && $.value.length > 0 ? (l(), i("tbody", yt, [
-            (l(!0), i(x, null, L($.value, (s, u) => (l(), i(x, {
-              key: Ce(s, u)
+          !e.loading && L.value.length > 0 ? (l(), i("tbody", ht, [
+            (l(!0), i(R, null, E(L.value, (s, u) => (l(), i(R, {
+              key: xe(s, u)
             }, [
               c("tr", {
-                class: v([
-                  ...p(Qe)(
+                class: b([
+                  ...p(Ye)(
                     e.striped,
                     e.hoverable,
                     u % 2 === 1,
-                    H(s),
+                    I(s),
                     !1
                   ),
                   e.selectionMode ? "cursor-pointer" : ""
                 ]),
-                onClick: (n) => ae(n, s, u)
+                onClick: (n) => ne(n, s, u)
               }, [
-                O.value ? (l(), i("td", {
+                $.value ? (l(), i("td", {
                   key: 0,
-                  class: v([
+                  class: b([
                     ...p(Y)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
                     ...p(D)(e.size)
                   ])
                 }, [
-                  se.value ? (l(), i("div", {
+                  re.value ? (l(), i("div", {
                     key: 0,
                     class: "flex items-center justify-center cursor-pointer",
-                    onClick: ce((n) => _e(n, s), ["stop"])
+                    onClick: fe((n) => Fe(n, s), ["stop"])
                   }, [
-                    H(s) ? (l(), i("div", vt, [
-                      (l(), k(C(p(ge)), { class: "w-3.5 h-3.5" }))
-                    ])) : (l(), i("div", bt))
-                  ], 8, ht)) : (l(), i("div", {
+                    I(s) ? (l(), i("div", mt, [
+                      (l(), k(C(p(he)), { class: "w-3.5 h-3.5" }))
+                    ])) : (l(), i("div", wt))
+                  ], 8, vt)) : (l(), i("div", {
                     key: 1,
                     class: "flex items-center justify-center cursor-pointer",
-                    onClick: ce((n) => ae(n, s, u), ["stop"])
+                    onClick: fe((n) => ne(n, s, u), ["stop"])
                   }, [
-                    H(s) ? (l(), i("div", wt, [...r[3] || (r[3] = [
+                    I(s) ? (l(), i("div", Ct, [...r[3] || (r[3] = [
                       c("div", { class: "w-2 h-2 rounded-full bg-white" }, null, -1)
-                    ])])) : (l(), i("div", kt))
-                  ], 8, mt))
+                    ])])) : (l(), i("div", St))
+                  ], 8, kt))
                 ], 2)) : h("", !0),
-                F.value ? (l(), i("td", {
+                M.value ? (l(), i("td", {
                   key: 1,
-                  class: v([
+                  class: b([
                     ...p(Y)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
-                    ...p(be)(e.size)
+                    ...p(me)(e.size)
                   ])
                 }, [
                   c("button", {
                     class: "p-1 rounded hover:bg-gray-100 transition-colors",
-                    onClick: (n) => Fe(n, s)
+                    onClick: (n) => Pe(n, s)
                   }, [
-                    (l(), k(C(I(s) ? p(fe) : p(we)), { class: "w-4 h-4 text-gray-500" }))
-                  ], 8, Ct)
+                    (l(), k(C(H(s) ? p(ye) : p(Ce)), { class: "w-4 h-4 text-gray-500" }))
+                  ], 8, xt)
                 ], 2)) : h("", !0),
-                (l(!0), i(x, null, L(j.value, (n, b) => (l(), i("td", {
-                  key: b,
-                  class: v([
+                (l(!0), i(R, null, E(N.value, (n, v) => (l(), i("td", {
+                  key: v,
+                  class: b([
                     ...p(Y)(e.size, e.bordered, e.verticalBorders, e.bodyBgClass),
                     n.props.bodyClass
                   ]),
@@ -759,53 +760,53 @@ const He = {
                     data: s,
                     field: n.props.field,
                     index: u
-                  }, null, 8, ["data", "field", "index"])) : n.props.field ? (l(), i(x, { key: 1 }, [
-                    Q(R(w(s, n.props.field)), 1)
+                  }, null, 8, ["data", "field", "index"])) : n.props.field ? (l(), i(R, { key: 1 }, [
+                    Q(S(w(s, n.props.field)), 1)
                   ], 64)) : h("", !0)
                 ], 6))), 128))
-              ], 10, gt),
-              F.value && I(s) ? (l(), i("tr", St, [
+              ], 10, bt),
+              M.value && H(s) ? (l(), i("tr", _t, [
                 c("td", {
-                  colspan: T.value,
+                  colspan: V.value,
                   class: "p-0"
                 }, [
-                  M(e.$slots, "expansion", {
+                  P(e.$slots, "expansion", {
                     data: s,
                     index: u
                   }, void 0, !0)
-                ], 8, xt)
+                ], 8, Rt)
               ])) : h("", !0)
             ], 64))), 128))
-          ])) : e.loading ? (l(), i("tbody", Rt, [
+          ])) : e.loading ? (l(), i("tbody", Bt, [
             c("tr", null, [
               c("td", {
-                colspan: T.value,
+                colspan: V.value,
                 class: "text-center py-12"
               }, [
-                M(e.$slots, "loading", {}, () => [
-                  c("div", Bt, [
-                    Ae(ye, { class: "w-5 h-5" }),
-                    r[4] || (r[4] = c("span", null, "Loading...", -1))
+                P(e.$slots, "loading", {}, () => [
+                  c("div", Mt, [
+                    Ke(ge, { class: "w-5 h-5" }),
+                    c("span", null, S(p(f)("dataTable.loading")), 1)
                   ])
                 ], !0)
-              ], 8, _t)
+              ], 8, Ft)
             ])
-          ])) : (l(), i("tbody", Ft, [
+          ])) : (l(), i("tbody", Pt, [
             c("tr", null, [
               c("td", {
-                colspan: T.value,
+                colspan: V.value,
                 class: "text-center py-12"
               }, [
-                M(e.$slots, "empty", {}, () => [
-                  r[5] || (r[5] = c("span", { class: "text-gray-400" }, "No records found", -1))
+                P(e.$slots, "empty", {}, () => [
+                  c("span", qt, S(p(f)("dataTable.noRecords")), 1)
                 ], !0)
-              ], 8, Mt)
+              ], 8, Ot)
             ])
           ])),
-          e.hasNextPage && !e.loading ? (l(), i("tfoot", Pt, [
+          e.hasNextPage && !e.loading ? (l(), i("tfoot", $t, [
             c("tr", null, [
               c("td", {
-                colspan: T.value,
+                colspan: V.value,
                 class: "px-3 pb-3 pt-2"
               }, [
                 c("button", {
@@ -813,49 +814,49 @@ const He = {
                   disabled: e.loadingNext,
                   onClick: r[1] || (r[1] = (s) => o("load:next"))
                 }, [
-                  e.loadingNext ? (l(), k(ye, {
+                  e.loadingNext ? (l(), k(ge, {
                     key: 0,
                     class: "w-4 h-4"
                   })) : h("", !0),
-                  Q(" " + R(e.loadMoreLabel), 1)
-                ], 8, Ot)
-              ], 8, qt)
+                  Q(" " + S(e.loadMoreLabel || p(f)("dataTable.showMore")), 1)
+                ], 8, Et)
+              ], 8, Lt)
             ])
           ])) : h("", !0)
         ], 2)
       ], 2),
-      e.paginator && le.value > 0 ? (l(), k(ot, {
+      e.paginator && oe.value > 0 ? (l(), k(nt, {
         key: 1,
         first: A.value,
         rows: K.value,
-        "total-records": le.value,
+        "total-records": oe.value,
         "rows-per-page-options": e.rowsPerPageOptions,
-        "onUpdate:first": qe,
-        "onUpdate:rows": Oe,
+        "onUpdate:first": $e,
+        "onUpdate:rows": Le,
         onPage: r[2] || (r[2] = (s) => o("page", s))
       }, null, 8, ["first", "rows", "total-records", "rows-per-page-options"])) : h("", !0),
-      p(g).footer ? (l(), i("div", $t, [
-        M(e.$slots, "footer", {}, void 0, !0)
+      p(g).footer ? (l(), i("div", zt, [
+        P(e.$slots, "footer", {}, void 0, !0)
       ])) : h("", !0)
     ]));
   }
 });
-const At = /* @__PURE__ */ We(Lt, [["__scopeId", "data-v-f3dfff27"]]), Kt = /* @__PURE__ */ ee({
+const Wt = /* @__PURE__ */ Ie(jt, [["__scopeId", "data-v-fc1f30bd"]]), Ut = /* @__PURE__ */ ee({
   __name: "OneColumn",
-  props: He,
+  props: Ge,
   setup(d) {
-    const a = d, t = me(), o = Ke(ke), g = {
+    const a = d, t = we(), o = Ve(Se), g = {
       props: a,
       slots: t
     };
-    return o && o.registerColumn(g), Te(() => {
+    return o && o.registerColumn(g), We(() => {
       o && o.unregisterColumn(g);
-    }), (f, U) => M(f.$slots, "default");
+    }), (f, _) => P(f.$slots, "default");
   }
 });
 export {
-  At as O,
-  Kt as _,
-  ot as a,
-  ge as r
+  Wt as O,
+  Ut as _,
+  nt as a,
+  he as r
 };