@oneb/ui-vue 0.2.24 → 0.2.26

package/dist/index-a8bcb568.js

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