@forjedio/inertia-table-vue 1.0.0

package/dist/index.js

@@ -0,0 +1,1093 @@
+import { ref as ye, onUnmounted as ue, watch as ve, defineComponent as A, openBlock as $, createElementBlock as w, toDisplayString as I, computed as P, normalizeClass as F, createBlock as de, resolveDynamicComponent as be, createCommentVNode as K, createTextVNode as ke, unref as p, withCtx as Pe, h as L, createElementVNode as B, useSlots as Re, renderSlot as Q, createVNode as re, Fragment as he, renderList as ge, mergeProps as Be } from "vue";
+import { router as ce, Link as Oe } from "@inertiajs/vue3";
+function ae(e, n = "page") {
+  const t = new URL(window.location.href);
+  for (const [s, f] of Object.entries(e))
+    f === null ? t.searchParams.delete(s) : t.searchParams.set(s, f);
+  n in e || t.searchParams.delete(n), ce.get(t.toString(), {}, { preserveState: !0, preserveScroll: !0 });
+}
+function He(e, n, t, c) {
+  const s = ye(
+    typeof window < "u" ? new URLSearchParams(window.location.search).get(n) ?? "" : ""
+  );
+  let f = null;
+  function d(l) {
+    s.value = l, f && clearTimeout(f), f = setTimeout(() => {
+      ae(
+        { [n]: l || null },
+        t
+      );
+    }, e);
+  }
+  return ue(() => {
+    f && clearTimeout(f);
+  }), c && ve(c, (l, g, i) => {
+    if (!l || typeof window > "u") return;
+    const b = new URLSearchParams(window.location.search).get(n) ?? "";
+    l.value !== b && (l.value = b);
+    const D = () => {
+      d(l.value);
+    };
+    l.addEventListener("input", D), i(() => {
+      l.removeEventListener("input", D);
+    });
+  }, { immediate: !0 }), { searchTerm: s, onSearch: d, hasExternalSearch: !!c };
+}
+function xe(e) {
+  return e ? e.startsWith("-") ? { sortBy: e.slice(1), sortDir: "desc" } : { sortBy: e, sortDir: "asc" } : { sortBy: null, sortDir: "asc" };
+}
+function je(e, n) {
+  const t = typeof window < "u" ? window.location.search : "", c = new URLSearchParams(t), { sortBy: s, sortDir: f } = xe(c.get(e));
+  function d(g) {
+    const i = new URLSearchParams(window.location.search), { sortBy: v, sortDir: b } = xe(i.get(e));
+    ae(v === g ? b === "asc" ? { [e]: `-${g}` } : { [e]: null } : { [e]: g }, n);
+  }
+  function l(g) {
+    return {
+      active: s === g,
+      direction: s === g ? f : null
+    };
+  }
+  return { sortBy: s, sortDir: f, onSort: d, getSortState: l };
+}
+function Le(e) {
+  function n(t) {
+    ae({ [e]: String(t) }, e);
+  }
+  return { onPageChange: n };
+}
+const X = /* @__PURE__ */ new Map();
+function Rt(e, n) {
+  X.has(e) || X.set(e, []), X.get(e).push(n);
+}
+function Bt(e) {
+  e ? X.delete(e) : X.clear();
+}
+function _e(e) {
+  let n = "";
+  const t = [];
+  function c() {
+    const s = JSON.stringify(e.tableSettings);
+    if (n === s) return;
+    n = s, t.forEach((d) => d()), t.length = 0;
+    const f = () => {
+      ce.reload();
+    };
+    for (const [d, l] of Object.entries(e.tableSettings)) {
+      const g = X.get(d) ?? [];
+      for (const i of g) {
+        const b = i({ value: l, tableData: e, refresh: f });
+        typeof b == "function" && t.push(b);
+      }
+    }
+  }
+  ve(
+    () => e.tableSettings,
+    () => c(),
+    { immediate: !0, deep: !0 }
+  ), ue(() => {
+    t.forEach((s) => s()), t.length = 0;
+  });
+}
+function Ie(e, n, t) {
+  return "key" in n && n.key ? e[n.key] : e[t];
+}
+const Ae = {
+  key: 0,
+  class: "text-gray-400 dark:text-gray-500"
+}, Ee = { key: 1 }, Se = /* @__PURE__ */ A({
+  __name: "TextCell",
+  props: {
+    value: {},
+    nullText: {}
+  },
+  setup(e) {
+    return (n, t) => e.value == null ? ($(), w("span", Ae, I(e.nullText ?? "-"), 1)) : ($(), w("span", Ee, I(String(e.value)), 1));
+  }
+}), pe = /* @__PURE__ */ new Map();
+function Ot(e, n) {
+  pe.set(e, n);
+}
+function Ht(e) {
+  for (const [n, t] of Object.entries(e))
+    pe.set(n, t);
+}
+function Te(e) {
+  return pe.get(e);
+}
+const Ye = {
+  key: 0,
+  class: "text-gray-400 dark:text-gray-500"
+}, Ue = ["title"], Ve = /* @__PURE__ */ A({
+  __name: "BadgeCell",
+  props: {
+    value: {},
+    variant: {},
+    colorField: {},
+    tooltipKey: {},
+    iconKey: {},
+    row: {},
+    nullText: {},
+    iconResolver: { type: Function }
+  },
+  setup(e) {
+    const n = {
+      default: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200",
+      success: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200",
+      warning: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200",
+      danger: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200",
+      destructive: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200",
+      info: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200",
+      gray: "bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300",
+      outline: "bg-transparent text-gray-700 border border-gray-300 dark:text-gray-300 dark:border-gray-600"
+    }, t = e, c = P(() => t.colorField && t.row[t.colorField] ? String(t.row[t.colorField]) : t.variant ?? "default"), s = P(() => n[c.value] ?? n.default), f = P(() => t.tooltipKey ? t.row[t.tooltipKey] : void 0), d = P(() => {
+      var g;
+      if (!t.iconKey) return null;
+      const l = t.row[t.iconKey];
+      return l ? ((g = t.iconResolver) == null ? void 0 : g.call(t, l)) ?? Te(l) ?? null : null;
+    });
+    return (l, g) => e.value == null ? ($(), w("span", Ye, I(e.nullText ?? "-"), 1)) : ($(), w("span", {
+      key: 1,
+      class: F(`inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium ${s.value}`),
+      title: f.value
+    }, [
+      d.value ? ($(), de(be(d.value), {
+        key: 0,
+        class: "h-3 w-3"
+      })) : K("", !0),
+      ke(" " + I(String(e.value)), 1)
+    ], 10, Ue));
+  }
+});
+function We(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var le = { exports: {} }, ze = le.exports, we;
+function Je() {
+  return we || (we = 1, (function(e, n) {
+    (function(t, c) {
+      e.exports = c();
+    })(ze, (function() {
+      var t = 1e3, c = 6e4, s = 36e5, f = "millisecond", d = "second", l = "minute", g = "hour", i = "day", v = "week", b = "month", D = "quarter", S = "year", O = "date", E = "Invalid Date", z = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, ee = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(h) {
+        var o = ["th", "st", "nd", "rd"], r = h % 100;
+        return "[" + h + (o[(r - 20) % 10] || o[r] || o[0]) + "]";
+      } }, Y = function(h, o, r) {
+        var u = String(h);
+        return !u || u.length >= o ? h : "" + Array(o + 1 - u.length).join(r) + h;
+      }, H = { s: Y, z: function(h) {
+        var o = -h.utcOffset(), r = Math.abs(o), u = Math.floor(r / 60), a = r % 60;
+        return (o <= 0 ? "+" : "-") + Y(u, 2, "0") + ":" + Y(a, 2, "0");
+      }, m: function h(o, r) {
+        if (o.date() < r.date()) return -h(r, o);
+        var u = 12 * (r.year() - o.year()) + (r.month() - o.month()), a = o.clone().add(u, b), m = r - a < 0, y = o.clone().add(u + (m ? -1 : 1), b);
+        return +(-(u + (r - a) / (m ? a - y : y - a)) || 0);
+      }, a: function(h) {
+        return h < 0 ? Math.ceil(h) || 0 : Math.floor(h);
+      }, p: function(h) {
+        return { M: b, y: S, w: v, d: i, D: O, h: g, m: l, s: d, ms: f, Q: D }[h] || String(h || "").toLowerCase().replace(/s$/, "");
+      }, u: function(h) {
+        return h === void 0;
+      } }, W = "en", U = {};
+      U[W] = M;
+      var V = "$isDayjsObject", fe = function(h) {
+        return h instanceof se || !(!h || !h[V]);
+      }, oe = function h(o, r, u) {
+        var a;
+        if (!o) return W;
+        if (typeof o == "string") {
+          var m = o.toLowerCase();
+          U[m] && (a = m), r && (U[m] = r, a = m);
+          var y = o.split("-");
+          if (!a && y.length > 1) return h(y[0]);
+        } else {
+          var x = o.name;
+          U[x] = o, a = x;
+        }
+        return !u && a && (W = a), a || !u && W;
+      }, T = function(h, o) {
+        if (fe(h)) return h.clone();
+        var r = typeof o == "object" ? o : {};
+        return r.date = h, r.args = arguments, new se(r);
+      }, k = H;
+      k.l = oe, k.i = fe, k.w = function(h, o) {
+        return T(h, { locale: o.$L, utc: o.$u, x: o.$x, $offset: o.$offset });
+      };
+      var se = (function() {
+        function h(r) {
+          this.$L = oe(r.locale, null, !0), this.parse(r), this.$x = this.$x || r.x || {}, this[V] = !0;
+        }
+        var o = h.prototype;
+        return o.parse = function(r) {
+          this.$d = (function(u) {
+            var a = u.date, m = u.utc;
+            if (a === null) return /* @__PURE__ */ new Date(NaN);
+            if (k.u(a)) return /* @__PURE__ */ new Date();
+            if (a instanceof Date) return new Date(a);
+            if (typeof a == "string" && !/Z$/i.test(a)) {
+              var y = a.match(z);
+              if (y) {
+                var x = y[2] - 1 || 0, C = (y[7] || "0").substring(0, 3);
+                return m ? new Date(Date.UTC(y[1], x, y[3] || 1, y[4] || 0, y[5] || 0, y[6] || 0, C)) : new Date(y[1], x, y[3] || 1, y[4] || 0, y[5] || 0, y[6] || 0, C);
+              }
+            }
+            return new Date(a);
+          })(r), this.init();
+        }, o.init = function() {
+          var r = this.$d;
+          this.$y = r.getFullYear(), this.$M = r.getMonth(), this.$D = r.getDate(), this.$W = r.getDay(), this.$H = r.getHours(), this.$m = r.getMinutes(), this.$s = r.getSeconds(), this.$ms = r.getMilliseconds();
+        }, o.$utils = function() {
+          return k;
+        }, o.isValid = function() {
+          return this.$d.toString() !== E;
+        }, o.isSame = function(r, u) {
+          var a = T(r);
+          return this.startOf(u) <= a && a <= this.endOf(u);
+        }, o.isAfter = function(r, u) {
+          return T(r) < this.startOf(u);
+        }, o.isBefore = function(r, u) {
+          return this.endOf(u) < T(r);
+        }, o.$g = function(r, u, a) {
+          return k.u(r) ? this[u] : this.set(a, r);
+        }, o.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, o.valueOf = function() {
+          return this.$d.getTime();
+        }, o.startOf = function(r, u) {
+          var a = this, m = !!k.u(u) || u, y = k.p(r), x = function(q, j) {
+            var J = k.w(a.$u ? Date.UTC(a.$y, j, q) : new Date(a.$y, j, q), a);
+            return m ? J : J.endOf(i);
+          }, C = function(q, j) {
+            return k.w(a.toDate()[q].apply(a.toDate("s"), (m ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(j)), a);
+          }, N = this.$W, R = this.$M, _ = this.$D, G = "set" + (this.$u ? "UTC" : "");
+          switch (y) {
+            case S:
+              return m ? x(1, 0) : x(31, 11);
+            case b:
+              return m ? x(1, R) : x(0, R + 1);
+            case v:
+              var Z = this.$locale().weekStart || 0, te = (N < Z ? N + 7 : N) - Z;
+              return x(m ? _ - te : _ + (6 - te), R);
+            case i:
+            case O:
+              return C(G + "Hours", 0);
+            case g:
+              return C(G + "Minutes", 1);
+            case l:
+              return C(G + "Seconds", 2);
+            case d:
+              return C(G + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, o.endOf = function(r) {
+          return this.startOf(r, !1);
+        }, o.$set = function(r, u) {
+          var a, m = k.p(r), y = "set" + (this.$u ? "UTC" : ""), x = (a = {}, a[i] = y + "Date", a[O] = y + "Date", a[b] = y + "Month", a[S] = y + "FullYear", a[g] = y + "Hours", a[l] = y + "Minutes", a[d] = y + "Seconds", a[f] = y + "Milliseconds", a)[m], C = m === i ? this.$D + (u - this.$W) : u;
+          if (m === b || m === S) {
+            var N = this.clone().set(O, 1);
+            N.$d[x](C), N.init(), this.$d = N.set(O, Math.min(this.$D, N.daysInMonth())).$d;
+          } else x && this.$d[x](C);
+          return this.init(), this;
+        }, o.set = function(r, u) {
+          return this.clone().$set(r, u);
+        }, o.get = function(r) {
+          return this[k.p(r)]();
+        }, o.add = function(r, u) {
+          var a, m = this;
+          r = Number(r);
+          var y = k.p(u), x = function(R) {
+            var _ = T(m);
+            return k.w(_.date(_.date() + Math.round(R * r)), m);
+          };
+          if (y === b) return this.set(b, this.$M + r);
+          if (y === S) return this.set(S, this.$y + r);
+          if (y === i) return x(1);
+          if (y === v) return x(7);
+          var C = (a = {}, a[l] = c, a[g] = s, a[d] = t, a)[y] || 1, N = this.$d.getTime() + r * C;
+          return k.w(N, this);
+        }, o.subtract = function(r, u) {
+          return this.add(-1 * r, u);
+        }, o.format = function(r) {
+          var u = this, a = this.$locale();
+          if (!this.isValid()) return a.invalidDate || E;
+          var m = r || "YYYY-MM-DDTHH:mm:ssZ", y = k.z(this), x = this.$H, C = this.$m, N = this.$M, R = a.weekdays, _ = a.months, G = a.meridiem, Z = function(j, J, ne, ie) {
+            return j && (j[J] || j(u, m)) || ne[J].slice(0, ie);
+          }, te = function(j) {
+            return k.s(x % 12 || 12, j, "0");
+          }, q = G || function(j, J, ne) {
+            var ie = j < 12 ? "AM" : "PM";
+            return ne ? ie.toLowerCase() : ie;
+          };
+          return m.replace(ee, (function(j, J) {
+            return J || (function(ne) {
+              switch (ne) {
+                case "YY":
+                  return String(u.$y).slice(-2);
+                case "YYYY":
+                  return k.s(u.$y, 4, "0");
+                case "M":
+                  return N + 1;
+                case "MM":
+                  return k.s(N + 1, 2, "0");
+                case "MMM":
+                  return Z(a.monthsShort, N, _, 3);
+                case "MMMM":
+                  return Z(_, N);
+                case "D":
+                  return u.$D;
+                case "DD":
+                  return k.s(u.$D, 2, "0");
+                case "d":
+                  return String(u.$W);
+                case "dd":
+                  return Z(a.weekdaysMin, u.$W, R, 2);
+                case "ddd":
+                  return Z(a.weekdaysShort, u.$W, R, 3);
+                case "dddd":
+                  return R[u.$W];
+                case "H":
+                  return String(x);
+                case "HH":
+                  return k.s(x, 2, "0");
+                case "h":
+                  return te(1);
+                case "hh":
+                  return te(2);
+                case "a":
+                  return q(x, C, !0);
+                case "A":
+                  return q(x, C, !1);
+                case "m":
+                  return String(C);
+                case "mm":
+                  return k.s(C, 2, "0");
+                case "s":
+                  return String(u.$s);
+                case "ss":
+                  return k.s(u.$s, 2, "0");
+                case "SSS":
+                  return k.s(u.$ms, 3, "0");
+                case "Z":
+                  return y;
+              }
+              return null;
+            })(j) || y.replace(":", "");
+          }));
+        }, o.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, o.diff = function(r, u, a) {
+          var m, y = this, x = k.p(u), C = T(r), N = (C.utcOffset() - this.utcOffset()) * c, R = this - C, _ = function() {
+            return k.m(y, C);
+          };
+          switch (x) {
+            case S:
+              m = _() / 12;
+              break;
+            case b:
+              m = _();
+              break;
+            case D:
+              m = _() / 3;
+              break;
+            case v:
+              m = (R - N) / 6048e5;
+              break;
+            case i:
+              m = (R - N) / 864e5;
+              break;
+            case g:
+              m = R / s;
+              break;
+            case l:
+              m = R / c;
+              break;
+            case d:
+              m = R / t;
+              break;
+            default:
+              m = R;
+          }
+          return a ? m : k.a(m);
+        }, o.daysInMonth = function() {
+          return this.endOf(b).$D;
+        }, o.$locale = function() {
+          return U[this.$L];
+        }, o.locale = function(r, u) {
+          if (!r) return this.$L;
+          var a = this.clone(), m = oe(r, u, !0);
+          return m && (a.$L = m), a;
+        }, o.clone = function() {
+          return k.w(this.$d, this);
+        }, o.toDate = function() {
+          return new Date(this.valueOf());
+        }, o.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, o.toISOString = function() {
+          return this.$d.toISOString();
+        }, o.toString = function() {
+          return this.$d.toUTCString();
+        }, h;
+      })(), $e = se.prototype;
+      return T.prototype = $e, [["$ms", f], ["$s", d], ["$m", l], ["$H", g], ["$W", i], ["$M", b], ["$y", S], ["$D", O]].forEach((function(h) {
+        $e[h[1]] = function(o) {
+          return this.$g(o, h[0], h[1]);
+        };
+      })), T.extend = function(h, o) {
+        return h.$i || (h(o, se, T), h.$i = !0), T;
+      }, T.locale = oe, T.isDayjs = fe, T.unix = function(h) {
+        return T(1e3 * h);
+      }, T.en = U[W], T.Ls = U, T.p = {}, T;
+    }));
+  })(le)), le.exports;
+}
+var Ke = Je();
+const Ze = /* @__PURE__ */ We(Ke);
+let Ne = (e, n) => Ze(String(e)).format(n ?? "YYYY-MM-DD HH:mm:ss");
+function jt(e) {
+  Ne = e;
+}
+function qe(e, n) {
+  return Ne(e, n);
+}
+const Ge = {
+  key: 0,
+  class: "text-gray-400 dark:text-gray-500"
+}, Qe = ["datetime"], Xe = /* @__PURE__ */ A({
+  __name: "DateCell",
+  props: {
+    value: {},
+    format: {},
+    tableFormat: {}
+  },
+  setup(e) {
+    const n = e, t = P(() => qe(n.value, n.format ?? n.tableFormat));
+    return (c, s) => e.value == null ? ($(), w("span", Ge, "-")) : ($(), w("time", {
+      key: 1,
+      datetime: String(e.value),
+      class: "text-sm text-gray-600 dark:text-gray-400"
+    }, I(t.value), 9, Qe));
+  }
+});
+function et(e, n) {
+  const t = {};
+  for (const [c, s] of Object.entries(n))
+    if (s.startsWith(":")) {
+      const f = s.slice(1);
+      t[c] = e[f];
+    } else
+      t[c] = s;
+  return t;
+}
+function tt(e, n) {
+  const t = window.route;
+  return typeof t == "function" ? t(e, n) : (console.warn(
+    `[inertia-table-vue] Ziggy route() not found. Set 'use_ziggy' => false in config to resolve routes server-side, or install ziggy-js. Route: ${e}`
+  ), "#");
+}
+const nt = {
+  key: 0,
+  class: "text-gray-400 dark:text-gray-500"
+}, rt = {
+  key: 1,
+  class: "text-gray-400 dark:text-gray-500"
+}, at = /* @__PURE__ */ A({
+  __name: "LinkCell",
+  props: {
+    value: {},
+    route: {},
+    params: {},
+    resolvedHref: {},
+    row: {},
+    prefetch: { type: Boolean },
+    nullText: {}
+  },
+  setup(e) {
+    const n = e, t = P(() => {
+      if (n.resolvedHref) return n.resolvedHref;
+      if (n.route && n.params) {
+        const c = et(n.row, n.params);
+        return tt(n.route, c);
+      }
+      return null;
+    });
+    return (c, s) => e.value == null ? ($(), w("span", nt, I(e.nullText ?? "-"), 1)) : t.value ? ($(), de(p(Oe), {
+      key: 2,
+      href: t.value,
+      prefetch: e.prefetch !== !1 ? "hover" : void 0,
+      class: "text-blue-600 hover:text-blue-800 hover:underline dark:text-blue-400 dark:hover:text-blue-300"
+    }, {
+      default: Pe(() => [
+        ke(I(String(e.value)), 1)
+      ]),
+      _: 1
+    }, 8, ["href", "prefetch"])) : ($(), w("span", rt, I(String(e.value)), 1));
+  }
+}), ot = {
+  key: 0,
+  class: "text-gray-400 dark:text-gray-500"
+}, st = ["aria-label", "title"], it = {
+  class: "h-3.5 w-3.5",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  "stroke-width": "1.5",
+  stroke: "currentColor"
+}, lt = {
+  key: 0,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M4.5 12.75l6 6 9-13.5"
+}, ct = {
+  key: 1,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"
+}, ut = /* @__PURE__ */ A({
+  __name: "CopyableCell",
+  props: {
+    value: {},
+    nullText: {}
+  },
+  setup(e) {
+    const n = e, t = ye(!1);
+    let c = null;
+    function s() {
+      n.value != null && navigator.clipboard.writeText(String(n.value)).then(() => {
+        t.value = !0, c && clearTimeout(c), c = setTimeout(() => t.value = !1, 2e3);
+      }).catch(() => {
+      });
+    }
+    return ue(() => {
+      c && clearTimeout(c);
+    }), (f, d) => e.value == null ? ($(), w("span", ot, I(e.nullText ?? "-"), 1)) : ($(), w("button", {
+      key: 1,
+      type: "button",
+      onClick: s,
+      class: F([
+        "inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium transition-colors",
+        t.value ? "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300" : "bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600"
+      ]),
+      "aria-label": t.value ? "Copied!" : `Copy ${String(e.value)} to clipboard`,
+      title: t.value ? "Copied!" : "Click to copy"
+    }, [
+      ke(I(String(e.value)) + " ", 1),
+      ($(), w("svg", it, [
+        t.value ? ($(), w("path", lt)) : ($(), w("path", ct))
+      ]))
+    ], 10, st));
+  }
+}), dt = /* @__PURE__ */ A({
+  __name: "IconCell",
+  props: {
+    iconName: {},
+    iconResolver: { type: Function }
+  },
+  setup(e) {
+    const n = e, t = P(() => {
+      var c;
+      return ((c = n.iconResolver) == null ? void 0 : c.call(n, n.iconName)) ?? Te(n.iconName);
+    });
+    return (c, s) => t.value ? ($(), de(be(t.value), {
+      key: 0,
+      class: "h-4 w-4 text-gray-500 dark:text-gray-400"
+    })) : K("", !0);
+  }
+}), Fe = /* @__PURE__ */ new Map();
+function Lt(e, n) {
+  Fe.set(e, n);
+}
+function ft(e) {
+  return Fe.get(e);
+}
+const Ce = /* @__PURE__ */ A({
+  __name: "ComponentCell",
+  props: {
+    componentName: {},
+    row: {},
+    columnName: {}
+  },
+  setup(e) {
+    const n = e, t = P(() => ft(n.componentName));
+    return (c, s) => t.value ? ($(), de(be(t.value), {
+      key: 0,
+      row: e.row,
+      value: e.row[e.columnName],
+      column: e.columnName
+    }, null, 8, ["row", "value", "column"])) : K("", !0);
+  }
+});
+function ht(e) {
+  const { tableData: n, slots: t, onSort: c, getSortState: s, nullText: f, classNames: d, iconResolver: l } = e;
+  return P(() => {
+    const g = [];
+    for (const i of n.columns)
+      i.hidden || g.push({
+        id: i.name,
+        fit: i.fit ?? !1,
+        sortable: i.sortable,
+        getAriaSort: () => {
+          if (!i.sortable) return;
+          const v = s(i.sort_key);
+          return v.active ? v.direction === "asc" ? "ascending" : "descending" : "none";
+        },
+        renderHeader: () => {
+          const v = s(i.sort_key), b = {
+            column: i,
+            sortState: v,
+            onSort: c,
+            index: g.length
+          }, D = t[`header-${i.name}`];
+          if (D) return D(b);
+          if (t.header) return t.header(b);
+          let S = null;
+          return i.sortable && (v.active ? S = L(
+            "svg",
+            { class: "ml-1 h-3.5 w-3.5 inline-block", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" },
+            [L("path", { d: v.direction === "asc" ? "M4 10l4-4 4 4" : "M4 6l4 4 4-4" })]
+          ) : S = L(
+            "span",
+            { class: "ml-1 inline-block text-gray-300 dark:text-gray-600" },
+            "⇅"
+          )), L(
+            "div",
+            {
+              class: [
+                "flex items-center gap-1 -m-4 p-4",
+                i.sortable ? d.value.thSortable : "",
+                v.active ? d.value.thSorted : ""
+              ].filter(Boolean).join(" "),
+              onClick: i.sortable ? () => c(i.sort_key) : void 0
+            },
+            [i.header, S]
+          );
+        },
+        renderCell: (v, b) => {
+          var E;
+          if (i.displays.length === 1 && i.displays[0].type === "actions")
+            return ((E = t.actions) == null ? void 0 : E.call(t, { row: v })) ?? null;
+          const D = v[i.name], S = {
+            row: v,
+            value: D,
+            column: i,
+            displays: i.displays,
+            rowIndex: b
+          }, O = t[`cell-${i.name}`];
+          if (O) return O(S);
+          if (t.cell) {
+            const z = () => De(i.displays, v, i.name, f, n.dateFormat, l);
+            return t.cell({ ...S, defaultRender: z });
+          }
+          return De(i.displays, v, i.name, f, n.dateFormat, l);
+        }
+      });
+    return t.actions && (n.columns.some(
+      (v) => v.displays.length === 1 && v.displays[0].type === "actions"
+    ) || g.push({
+      id: "_actions",
+      fit: !0,
+      sortable: !1,
+      getAriaSort: () => {
+      },
+      renderHeader: () => null,
+      renderCell: (v) => t.actions({ row: v })
+    })), g;
+  });
+}
+function De(e, n, t, c, s, f) {
+  if (!e || e.length === 0)
+    return L(Se, { value: n[t], nullText: c });
+  if (e.length === 1 && e[0].type === "component") {
+    const l = e[0];
+    return L(Ce, { componentName: l.component, row: n, columnName: t });
+  }
+  const d = e.map((l, g) => {
+    const i = Ie(n, l, t);
+    switch (l.type) {
+      case "text":
+        return L(Se, { key: g, value: i, nullText: c });
+      case "badge":
+        return L(Ve, {
+          key: g,
+          value: i,
+          variant: l.variant,
+          colorField: l.color_field,
+          tooltipKey: l.tooltip_key,
+          iconKey: l.icon_key,
+          row: n,
+          nullText: c,
+          iconResolver: f
+        });
+      case "date":
+        return L(Xe, { key: g, value: i, format: l.format, tableFormat: s });
+      case "link": {
+        const v = l.href_key ? n[l.href_key] : void 0;
+        return L(at, {
+          key: g,
+          value: i,
+          route: l.route,
+          params: l.params,
+          resolvedHref: v != null ? String(v) : void 0,
+          row: n,
+          prefetch: l.prefetch,
+          nullText: c
+        });
+      }
+      case "copyable":
+        return L(ut, { key: g, value: i, nullText: c });
+      case "icon":
+        return L(dt, { key: g, iconName: String(i ?? ""), iconResolver: f });
+      case "component":
+        return L(Ce, {
+          key: g,
+          componentName: l.component,
+          row: n,
+          columnName: t
+        });
+      default:
+        return null;
+    }
+  });
+  return d.length > 1 ? L("div", { class: "flex items-center gap-2" }, d) : d[0] ?? null;
+}
+const gt = {
+  wrapper: "rounded-lg border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-900",
+  toolbar: "flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700",
+  table: "min-w-full",
+  thead: "bg-gray-50 border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700",
+  th: "px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider dark:text-gray-400",
+  thSortable: "cursor-pointer select-none",
+  thSorted: "text-gray-900 dark:text-gray-100",
+  tbody: "divide-y divide-gray-100 dark:divide-gray-700",
+  tr: "hover:bg-gray-50 transition-colors dark:hover:bg-gray-800",
+  trClickable: "cursor-pointer",
+  td: "px-4 py-3 text-sm text-gray-900 dark:text-gray-200",
+  search: "rounded-md border border-gray-300 bg-white px-3 py-2 text-sm placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:placeholder-gray-500 dark:focus:border-blue-400",
+  pagination: "flex items-center justify-between p-4 border-t border-gray-200 dark:border-gray-700",
+  paginationButton: "px-3 py-1.5 text-sm border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700",
+  paginationInfo: "text-sm text-gray-500 dark:text-gray-400",
+  empty: "p-8 text-center text-gray-500 dark:text-gray-400"
+};
+function me(e, n, t) {
+  return e ? `${e}${n}` : t;
+}
+function mt(e, n) {
+  const { tableData: t } = e, c = e.nullText ?? "-", s = P(() => ({
+    ...gt,
+    ...e.classNames
+  })), f = t.identifier ?? null, d = me(f, "Search", "search"), l = me(f, "Sort", "sort"), g = me(f, "Page", "page"), { onPageChange: i } = Le(g), { searchTerm: v, onSearch: b, hasExternalSearch: D } = He(t.searchDebounce, d, g, e.searchRef), { sortBy: S, sortDir: O, onSort: E, getSortState: z } = je(l, g), ee = ht({
+    tableData: t,
+    slots: n,
+    onSort: E,
+    getSortState: z,
+    nullText: c,
+    classNames: s,
+    iconResolver: e.iconResolver
+  });
+  _e(t);
+  const M = yt(t, d, l, g);
+  return {
+    columns: ee,
+    classNames: s,
+    searchTerm: v,
+    onSearch: b,
+    hasExternalSearch: D,
+    sortBy: S,
+    sortDir: O,
+    onSort: E,
+    getSortState: z,
+    onPageChange: i,
+    isProcessing: M
+  };
+}
+function yt(e, n, t, c) {
+  const s = ye(!1);
+  let f = e.data;
+  ve(() => e.data, (i) => {
+    f !== i && (f = i, s.value = !1);
+  });
+  const d = [n, t, c], l = ce.on("start", (i) => {
+    try {
+      const v = new URL(i.detail.visit.url), b = new URL(window.location.href);
+      d.some((S) => v.searchParams.get(S) !== b.searchParams.get(S)) && (s.value = !0);
+    } catch {
+      s.value = !0;
+    }
+  }), g = ce.on("finish", () => {
+    s.value = !1;
+  });
+  return ue(() => {
+    l(), g();
+  }), s;
+}
+const vt = { class: "relative" }, bt = ["value", "placeholder"], kt = /* @__PURE__ */ A({
+  __name: "TableSearch",
+  props: {
+    searchTerm: {},
+    onSearch: { type: Function },
+    placeholder: {},
+    className: {}
+  },
+  setup(e) {
+    return (n, t) => ($(), w("div", vt, [
+      t[1] || (t[1] = B("svg", {
+        class: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400 dark:text-gray-500",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        "stroke-width": "1.5",
+        stroke: "currentColor"
+      }, [
+        B("path", {
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
+        })
+      ], -1)),
+      B("input", {
+        type: "text",
+        value: e.searchTerm,
+        onInput: t[0] || (t[0] = (c) => e.onSearch(c.target.value)),
+        placeholder: e.placeholder ?? "Search...",
+        class: F(`pl-9 ${e.className ?? ""}`),
+        "aria-label": "Search table"
+      }, null, 42, bt)
+    ]));
+  }
+}), pt = { class: "flex items-center gap-2" }, $t = ["disabled"], xt = ["disabled"], St = ["disabled"], wt = ["disabled"], Ct = /* @__PURE__ */ A({
+  __name: "TablePagination",
+  props: {
+    links: {},
+    meta: {},
+    onPageChange: { type: Function },
+    isFetching: { type: Boolean },
+    classNames: {}
+  },
+  setup(e) {
+    const n = e, t = P(() => n.links.prev !== null), c = P(() => n.links.next !== null), s = P(() => {
+      const { from: f, to: d } = n.meta;
+      return f !== null && d !== null ? n.meta.total !== void 0 ? `Showing ${f} to ${d} of ${n.meta.total} results` : `Showing ${f} to ${d} results` : "No results";
+    });
+    return (f, d) => ($(), w("nav", {
+      class: F(e.classNames.pagination),
+      "aria-label": "Table pagination"
+    }, [
+      B("span", {
+        class: F(e.classNames.paginationInfo)
+      }, I(s.value), 3),
+      B("div", pt, [
+        e.links.first !== null ? ($(), w("button", {
+          key: 0,
+          type: "button",
+          onClick: d[0] || (d[0] = (l) => e.onPageChange(1)),
+          disabled: !t.value || e.isFetching,
+          class: F(e.classNames.paginationButton),
+          "aria-label": "Go to first page"
+        }, " First ", 10, $t)) : K("", !0),
+        B("button", {
+          type: "button",
+          onClick: d[1] || (d[1] = (l) => e.onPageChange(e.meta.current_page - 1)),
+          disabled: !t.value || e.isFetching,
+          class: F(e.classNames.paginationButton),
+          "aria-label": "Go to previous page"
+        }, " Previous ", 10, xt),
+        B("button", {
+          type: "button",
+          onClick: d[2] || (d[2] = (l) => e.onPageChange(e.meta.current_page + 1)),
+          disabled: !c.value || e.isFetching,
+          class: F(e.classNames.paginationButton),
+          "aria-label": "Go to next page"
+        }, " Next ", 10, St),
+        e.links.last !== null && e.meta.last_page !== void 0 ? ($(), w("button", {
+          key: 1,
+          type: "button",
+          onClick: d[3] || (d[3] = (l) => e.onPageChange(e.meta.last_page)),
+          disabled: !c.value || e.isFetching,
+          class: F(e.classNames.paginationButton),
+          "aria-label": "Go to last page"
+        }, " Last ", 10, wt)) : K("", !0)
+      ])
+    ], 2));
+  }
+}), Dt = ["colspan"], Mt = /* @__PURE__ */ A({
+  __name: "TableEmpty",
+  props: {
+    colSpan: {},
+    emptyText: {},
+    className: {}
+  },
+  setup(e) {
+    return (n, t) => ($(), w("tr", null, [
+      B("td", {
+        colspan: e.colSpan,
+        class: F(e.className)
+      }, I(e.emptyText ?? "No results found."), 11, Dt)
+    ]));
+  }
+}), Me = A({
+  name: "RenderVNode",
+  props: {
+    render: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(e) {
+    return () => e.render();
+  }
+}), Tt = ["aria-busy"], Nt = ["aria-sort"], _t = /* @__PURE__ */ A({
+  __name: "InertiaTable",
+  props: {
+    tableData: {},
+    className: {},
+    classNames: {},
+    modal: { type: Boolean },
+    emptyText: {},
+    nullText: {},
+    onRowClick: {},
+    rowClassName: {},
+    isFetching: { type: Boolean, default: !1 },
+    searchRef: {},
+    iconResolver: {}
+  },
+  setup(e) {
+    const n = e, t = Re(), {
+      columns: c,
+      classNames: s,
+      searchTerm: f,
+      onSearch: d,
+      hasExternalSearch: l,
+      onPageChange: g,
+      isProcessing: i
+    } = mt(n, t), v = P(() => n.tableData.data.length > 0), b = c, D = P(() => n.isFetching || i.value), S = P(() => n.tableData.searchable && !l), O = P(() => new Set(b.value.filter((M) => M.fit).map((M) => M.id))), E = P(
+      () => [
+        n.modal ? "" : s.value.wrapper,
+        n.className ?? ""
+      ].filter(Boolean).join(" ")
+    );
+    function z(M, Y) {
+      !n.onRowClick || Y.target.closest('a, button, input, select, textarea, [role="button"]') || n.onRowClick(M);
+    }
+    function ee(M, Y) {
+      n.onRowClick && (Y.key === "Enter" || Y.key === " ") && (Y.preventDefault(), n.onRowClick(M));
+    }
+    return (M, Y) => ($(), w("div", {
+      class: F(E.value)
+    }, [
+      S.value || p(t)["toolbar-actions"] ? Q(M.$slots, "toolbar", {
+        key: 0,
+        searchable: S.value,
+        searchTerm: p(f),
+        onSearch: p(d)
+      }, () => [
+        B("div", {
+          class: F(p(s).toolbar)
+        }, [
+          S.value ? Q(M.$slots, "search", {
+            key: 0,
+            searchTerm: p(f),
+            onSearch: p(d),
+            placeholder: "Search..."
+          }, () => [
+            re(kt, {
+              searchTerm: p(f),
+              onSearch: p(d),
+              className: p(s).search
+            }, null, 8, ["searchTerm", "onSearch", "className"])
+          ]) : K("", !0),
+          Q(M.$slots, "toolbar-actions")
+        ], 2)
+      ]) : K("", !0),
+      B("div", {
+        class: F(["overflow-x-auto transition-opacity duration-150", D.value ? "opacity-50 pointer-events-none" : ""]),
+        "aria-busy": D.value
+      }, [
+        B("table", {
+          class: F(p(s).table)
+        }, [
+          B("thead", {
+            class: F(p(s).thead)
+          }, [
+            B("tr", null, [
+              ($(!0), w(he, null, ge(p(b), (H) => ($(), w("th", {
+                key: H.id,
+                class: F([p(s).th, O.value.has(H.id) ? "w-0 whitespace-nowrap" : ""]),
+                "aria-sort": H.getAriaSort()
+              }, [
+                re(p(Me), {
+                  render: H.renderHeader
+                }, null, 8, ["render"])
+              ], 10, Nt))), 128))
+            ])
+          ], 2),
+          B("tbody", {
+            class: F(p(s).tbody)
+          }, [
+            v.value ? ($(!0), w(he, { key: 0 }, ge(e.tableData.data, (H, W) => Q(M.$slots, "row", {
+              key: H.id,
+              row: H,
+              rowIndex: W
+            }, () => {
+              var U;
+              return [
+                B("tr", Be({
+                  class: [
+                    p(s).tr,
+                    e.onRowClick ? p(s).trClickable : "",
+                    ((U = e.rowClassName) == null ? void 0 : U.call(e, H, W)) ?? ""
+                  ].filter(Boolean).join(" ")
+                }, { ref_for: !0 }, e.onRowClick ? {
+                  role: "button",
+                  tabindex: 0,
+                  onClick: (V) => z(H, V),
+                  onKeydown: (V) => ee(H, V)
+                } : {}), [
+                  ($(!0), w(he, null, ge(p(b), (V) => ($(), w("td", {
+                    key: V.id,
+                    class: F([p(s).td, O.value.has(V.id) ? "w-0 whitespace-nowrap" : ""])
+                  }, [
+                    re(p(Me), {
+                      render: () => V.renderCell(H, W)
+                    }, null, 8, ["render"])
+                  ], 2))), 128))
+                ], 16)
+              ];
+            })), 128)) : Q(M.$slots, "empty", { key: 1 }, () => [
+              re(Mt, {
+                colSpan: p(b).length,
+                emptyText: e.emptyText,
+                className: p(s).empty
+              }, null, 8, ["colSpan", "emptyText", "className"])
+            ])
+          ], 2)
+        ], 2)
+      ], 10, Tt),
+      v.value ? Q(M.$slots, "pagination", {
+        key: 1,
+        links: e.tableData.links,
+        meta: e.tableData.meta,
+        onPageChange: p(g),
+        isFetching: D.value
+      }, () => [
+        re(Ct, {
+          links: e.tableData.links,
+          meta: e.tableData.meta,
+          onPageChange: p(g),
+          isFetching: D.value,
+          classNames: {
+            pagination: p(s).pagination,
+            paginationButton: p(s).paginationButton,
+            paginationInfo: p(s).paginationInfo
+          }
+        }, null, 8, ["links", "meta", "onPageChange", "isFetching", "classNames"])
+      ]) : K("", !0)
+    ], 2));
+  }
+});
+export {
+  _t as InertiaTable,
+  Bt as clearTableHooks,
+  Lt as registerCellComponent,
+  Ot as registerIcon,
+  Ht as registerIcons,
+  Rt as registerTableHook,
+  jt as setDateFormatter,
+  mt as useTable
+};