@jdanino/inertiajs-tables-laravel-query-builder 2.2.0

package/dist/inertiajs-tables-laravel-query-builder.es.js

@@ -0,0 +1,1319 @@
+import { ref as F, onMounted as Y, onBeforeUnmount as we, openBlock as o, createElementBlock as u, renderSlot as b, watch as J, inject as I, createBlock as k, withCtx as S, createElementVNode as r, normalizeClass as y, unref as e, withModifiers as B, withDirectives as D, vShow as E, resolveDynamicComponent as L, toDisplayString as g, createCommentVNode as x, computed as _, Fragment as P, renderList as O, createVNode as V, createTextVNode as T, nextTick as xe, provide as ke, getCurrentInstance as _e, onUnmounted as $e, Transition as Ce } from "vue";
+import { createPopper as Se } from "@popperjs/core/lib/popper-lite";
+import qe from "@popperjs/core/lib/modifiers/preventOverflow";
+import Fe from "@popperjs/core/lib/modifiers/flip";
+import Be from "lodash-es/uniq";
+import Pe from "lodash-es/find";
+import U from "qs";
+import Oe from "lodash-es/clone";
+import je from "lodash-es/filter";
+import Te from "lodash-es/findKey";
+import j from "lodash-es/forEach";
+import Le from "lodash-es/isEqual";
+import Ve from "lodash-es/map";
+import Ie from "lodash-es/pickBy";
+const Me = {
+  __name: "OnClickOutside",
+  props: {
+    do: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const p = t, n = F(null), f = F(null);
+    return Y(() => {
+      n.value = (d) => {
+        d.target === f.value || f.value.contains(d.target) || p.do();
+      }, document.addEventListener("click", n.value), document.addEventListener("touchstart", n.value);
+    }), we(() => {
+      document.removeEventListener("click", n.value), document.removeEventListener("touchstart", n.value);
+    }), (d, i) => (o(), u("div", {
+      ref_key: "root",
+      ref: f
+    }, [
+      b(d.$slots, "default")
+    ], 512));
+  }
+}, ze = { class: "relative" }, Re = ["dusk", "disabled", "onClick"], De = { class: "mt-2 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5" }, X = {
+  __name: "ButtonWithDropdown",
+  props: {
+    placement: {
+      type: String,
+      default: "bottom-start",
+      required: !1
+    },
+    active: {
+      type: Boolean,
+      default: !1,
+      required: !1
+    },
+    dusk: {
+      type: String,
+      default: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1,
+      required: !1
+    }
+  },
+  setup(t, { expose: p }) {
+    const n = t, f = F(!1), d = F(null);
+    function i() {
+      f.value = !f.value;
+    }
+    function s() {
+      f.value = !1;
+    }
+    J(f, () => {
+      d.value.update();
+    });
+    const l = F(null), $ = F(null);
+    Y(() => {
+      d.value = Se(l.value, $.value, {
+        placement: n.placement,
+        modifiers: [Fe, qe]
+      });
+    }), p({ hide: s });
+    const C = I("activeClasses");
+    return (q, w) => (o(), k(Me, { do: s }, {
+      default: S(() => [
+        r("div", ze, [
+          r("button", {
+            ref_key: "button",
+            ref: l,
+            type: "button",
+            dusk: t.dusk,
+            disabled: t.disabled,
+            class: y(["w-full bg-white border rounded-md shadow-sm px-4 py-2 inline-flex justify-center text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", {
+              [e(C).border]: n.active,
+              "border-gray-300": !n.active,
+              "cursor-not-allowed": n.disabled
+            }]),
+            "aria-haspopup": "true",
+            onClick: B(i, ["prevent"])
+          }, [
+            b(q.$slots, "button")
+          ], 10, Re),
+          D(r("div", {
+            ref_key: "tooltip",
+            ref: $,
+            class: "absolute z-10"
+          }, [
+            r("div", De, [
+              b(q.$slots, "default")
+            ])
+          ], 512), [
+            [E, f.value]
+          ])
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}, Ee = { class: "flex flex-row items-center" }, Ae = { class: "uppercase" }, We = ["sorted"], Ne = {
+  key: 0,
+  fill: "currentColor",
+  d: "M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z"
+}, He = {
+  key: 1,
+  fill: "currentColor",
+  d: "M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z"
+}, Ge = {
+  key: 2,
+  fill: "currentColor",
+  d: "M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z"
+}, Ke = {
+  __name: "HeaderCell",
+  props: {
+    cell: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    const p = t, n = I("activeClasses");
+    function f() {
+      p.cell.sortable && p.cell.onSort(p.cell.key);
+    }
+    return (d, i) => D((o(), u("th", null, [
+      (o(), k(L(t.cell.sortable ? "button" : "div"), {
+        class: "py-3 px-6 w-full",
+        dusk: t.cell.sortable ? `sort-${t.cell.key}` : null,
+        onClick: B(f, ["prevent"])
+      }, {
+        default: S(() => [
+          r("span", Ee, [
+            b(d.$slots, "label", {}, () => [
+              r("span", Ae, g(t.cell.label), 1)
+            ]),
+            b(d.$slots, "sort", {}, () => [
+              t.cell.sortable ? (o(), u("svg", {
+                key: 0,
+                "aria-hidden": "true",
+                class: y(["w-3 h-3 ml-2", {
+                  "text-gray-400": !t.cell.sorted,
+                  [e(n).text]: t.cell.sorted
+                }]),
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 320 512",
+                sorted: t.cell.sorted
+              }, [
+                t.cell.sorted ? x("", !0) : (o(), u("path", Ne)),
+                t.cell.sorted === "asc" ? (o(), u("path", He)) : x("", !0),
+                t.cell.sorted === "desc" ? (o(), u("path", Ge)) : x("", !0)
+              ], 10, We)) : x("", !0)
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["dusk", "onClick"]))
+    ], 512)), [
+      [E, !t.cell.hidden]
+    ]);
+  }
+}, Z = {
+  translations: {
+    next: "Next",
+    no_results_found: "No results found",
+    of: "of",
+    per_page: "per page",
+    previous: "Previous",
+    results: "results",
+    to: "to"
+  }
+};
+function he() {
+  return Z.translations;
+}
+function As(t, p) {
+  Z.translations[t] = p;
+}
+function Ws(t) {
+  Z.translations = t;
+}
+const Qe = ["dusk", "value"], Ue = ["value"], de = {
+  __name: "PerPageSelector",
+  props: {
+    dusk: {
+      type: String,
+      default: null,
+      required: !1
+    },
+    value: {
+      type: Number,
+      default: 15,
+      required: !1
+    },
+    options: {
+      type: Array,
+      default() {
+        return [15, 30, 50, 100];
+      },
+      required: !1
+    },
+    onChange: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const p = t, n = he(), f = _(() => {
+      let d = [...p.options];
+      return d.push(parseInt(p.value)), Be(d).sort((i, s) => i - s);
+    });
+    return (d, i) => (o(), u("select", {
+      name: "per_page",
+      dusk: t.dusk,
+      value: t.value,
+      class: "block focus:ring-indigo-500 focus:border-indigo-500 min-w-max shadow-sm text-sm border-gray-300 rounded-md",
+      onChange: i[0] || (i[0] = (s) => t.onChange(s.target.value))
+    }, [
+      (o(!0), u(P, null, O(e(f), (s) => (o(), u("option", {
+        key: s,
+        value: s
+      }, g(s) + " " + g(e(n).per_page), 9, Ue))), 128))
+    ], 40, Qe));
+  }
+}, Ye = {
+  key: 0,
+  class: "bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6"
+}, Je = { key: 0 }, Xe = /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-5 w-5 text-gray-400",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, [
+  /* @__PURE__ */ r("path", {
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    d: "M7 16l-4-4m0 0l4-4m-4 4h18"
+  })
+], -1), Ze = { class: "hidden sm:inline ml-2" }, et = { class: "hidden sm:inline mr-2" }, tt = /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-5 w-5 text-gray-400",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, [
+  /* @__PURE__ */ r("path", {
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    d: "M17 8l4 4m0 0l-4 4m4-4H3"
+  })
+], -1), st = {
+  key: 2,
+  class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between"
+}, lt = { class: "flex flex-row space-x-4 items-center flex-grow" }, rt = { class: "hidden lg:block text-sm text-gray-700 flex-grow" }, nt = { class: "font-medium" }, at = { class: "font-medium" }, ot = { class: "font-medium" }, it = {
+  class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
+  "aria-label": "Pagination"
+}, ut = { class: "sr-only" }, ct = /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-5 w-5",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, [
+  /* @__PURE__ */ r("path", {
+    "fill-rule": "evenodd",
+    d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+    "clip-rule": "evenodd"
+  })
+], -1), dt = { class: "sr-only" }, ht = /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-5 w-5",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, [
+  /* @__PURE__ */ r("path", {
+    "fill-rule": "evenodd",
+    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+    "clip-rule": "evenodd"
+  })
+], -1), ft = {
+  __name: "Pagination",
+  props: {
+    onClick: {
+      type: Function,
+      required: !1
+    },
+    perPageOptions: {
+      type: Array,
+      default() {
+        return () => [15, 30, 50, 100];
+      },
+      required: !1
+    },
+    onPerPageChange: {
+      type: Function,
+      default() {
+        return () => {
+        };
+      },
+      required: !1
+    },
+    hasData: {
+      type: Boolean,
+      required: !0
+    },
+    meta: {
+      type: Object,
+      required: !1
+    }
+  },
+  setup(t) {
+    const p = t, n = he(), f = _(() => "links" in i.value ? i.value.links.length > 0 : !1), d = _(() => Object.keys(i.value).length > 0), i = _(() => p.meta), s = _(() => "prev_page_url" in i.value ? i.value.prev_page_url : null), l = _(() => "next_page_url" in i.value ? i.value.next_page_url : null), $ = _(() => parseInt(i.value.per_page));
+    return (C, q) => e(d) ? (o(), u("nav", Ye, [
+      !t.hasData || e(i).total < 1 ? (o(), u("p", Je, g(e(n).no_results_found), 1)) : x("", !0),
+      t.hasData ? (o(), u("div", {
+        key: 1,
+        class: y(["flex-1 flex justify-between", { "sm:hidden": e(f) }])
+      }, [
+        (o(), k(L(e(s) ? "a" : "div"), {
+          class: y([{
+            "cursor-not-allowed text-gray-400": !e(s),
+            "text-gray-700 hover:text-gray-500": e(s)
+          }, "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md bg-white"]),
+          href: e(s),
+          dusk: e(s) ? "pagination-simple-previous" : null,
+          onClick: q[0] || (q[0] = B((w) => t.onClick(e(s)), ["prevent"]))
+        }, {
+          default: S(() => [
+            Xe,
+            r("span", Ze, g(e(n).previous), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "href", "dusk"])),
+        V(de, {
+          dusk: "per-page-mobile",
+          value: e($),
+          options: t.perPageOptions,
+          "on-change": t.onPerPageChange
+        }, null, 8, ["value", "options", "on-change"]),
+        (o(), k(L(e(l) ? "a" : "div"), {
+          class: y([{
+            "cursor-not-allowed text-gray-400": !e(l),
+            "text-gray-700 hover:text-gray-500": e(l)
+          }, "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md bg-white"]),
+          href: e(l),
+          dusk: e(l) ? "pagination-simple-next" : null,
+          onClick: q[1] || (q[1] = B((w) => t.onClick(e(l)), ["prevent"]))
+        }, {
+          default: S(() => [
+            r("span", et, g(e(n).next), 1),
+            tt
+          ]),
+          _: 1
+        }, 8, ["class", "href", "dusk"]))
+      ], 2)) : x("", !0),
+      t.hasData && e(f) ? (o(), u("div", st, [
+        r("div", lt, [
+          V(de, {
+            dusk: "per-page-full",
+            value: e($),
+            options: t.perPageOptions,
+            "on-change": t.onPerPageChange
+          }, null, 8, ["value", "options", "on-change"]),
+          r("p", rt, [
+            r("span", nt, g(e(i).from), 1),
+            T(" " + g(e(n).to) + " ", 1),
+            r("span", at, g(e(i).to), 1),
+            T(" " + g(e(n).of) + " ", 1),
+            r("span", ot, g(e(i).total), 1),
+            T(" " + g(e(n).results), 1)
+          ])
+        ]),
+        r("div", null, [
+          r("nav", it, [
+            (o(), k(L(e(s) ? "a" : "div"), {
+              class: y([{
+                "cursor-not-allowed text-gray-400": !e(s),
+                "text-gray-500 hover:bg-gray-50": e(s)
+              }, "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium"]),
+              href: e(s),
+              dusk: e(s) ? "pagination-previous" : null,
+              onClick: q[2] || (q[2] = B((w) => t.onClick(e(s)), ["prevent"]))
+            }, {
+              default: S(() => [
+                r("span", ut, g(e(n).previous), 1),
+                ct
+              ]),
+              _: 1
+            }, 8, ["class", "href", "dusk"])),
+            (o(!0), u(P, null, O(e(i).links, (w, A) => (o(), u("div", { key: A }, [
+              b(C.$slots, "link", {}, () => [
+                !isNaN(w.label) || w.label === "..." ? (o(), k(L(w.url ? "a" : "div"), {
+                  key: 0,
+                  href: w.url,
+                  dusk: w.url ? `pagination-${w.label}` : null,
+                  class: y(["relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700", {
+                    "cursor-not-allowed": !w.url,
+                    "hover:bg-gray-50": w.url,
+                    "bg-gray-100": w.active
+                  }]),
+                  onClick: B((M) => t.onClick(w.url), ["prevent"])
+                }, {
+                  default: S(() => [
+                    T(g(w.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["href", "dusk", "class", "onClick"])) : x("", !0)
+              ])
+            ]))), 128)),
+            (o(), k(L(e(l) ? "a" : "div"), {
+              class: y([{
+                "cursor-not-allowed text-gray-400": !e(l),
+                "text-gray-500 hover:bg-gray-50": e(l)
+              }, "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium"]),
+              href: e(l),
+              dusk: e(l) ? "pagination-next" : null,
+              onClick: q[3] || (q[3] = B((w) => t.onClick(e(l)), ["prevent"]))
+            }, {
+              default: S(() => [
+                r("span", dt, g(e(n).next), 1),
+                ht
+              ]),
+              _: 1
+            }, 8, ["class", "href", "dusk"]))
+          ])
+        ])
+      ])) : x("", !0)
+    ])) : x("", !0);
+  }
+}, pt = /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-5 w-5 text-gray-400",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, [
+  /* @__PURE__ */ r("path", {
+    "fill-rule": "evenodd",
+    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+    "clip-rule": "evenodd"
+  })
+], -1), gt = {
+  role: "menu",
+  "aria-orientation": "horizontal",
+  "aria-labelledby": "add-search-input-menu",
+  class: "min-w-max"
+}, vt = ["dusk", "onClick"], mt = {
+  __name: "TableAddSearchRow",
+  props: {
+    searchInputs: {
+      type: Object,
+      required: !0
+    },
+    hasSearchInputsWithoutValue: {
+      type: Boolean,
+      required: !0
+    },
+    onAdd: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const p = t, n = F(null);
+    function f(d) {
+      p.onAdd(d), n.value.hide();
+    }
+    return (d, i) => (o(), k(X, {
+      ref_key: "dropdown",
+      ref: n,
+      dusk: "add-search-row-dropdown",
+      disabled: !t.hasSearchInputsWithoutValue,
+      class: "w-auto"
+    }, {
+      button: S(() => [
+        pt
+      ]),
+      default: S(() => [
+        r("div", gt, [
+          (o(!0), u(P, null, O(t.searchInputs, (s, l) => (o(), u("button", {
+            key: l,
+            dusk: `add-search-row-${s.key}`,
+            class: "text-left w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900",
+            role: "menuitem",
+            onClick: B(($) => f(s.key), ["prevent"])
+          }, g(s.label), 9, vt))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["disabled"]));
+  }
+}, bt = /* @__PURE__ */ r("path", { d: "M10 12a2 2 0 100-4 2 2 0 000 4z" }, null, -1), yt = /* @__PURE__ */ r("path", {
+  "fill-rule": "evenodd",
+  d: "M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z",
+  "clip-rule": "evenodd"
+}, null, -1), wt = [
+  bt,
+  yt
+], xt = {
+  role: "menu",
+  "aria-orientation": "horizontal",
+  "aria-labelledby": "toggle-columns-menu",
+  class: "min-w-max"
+}, kt = { class: "px-2" }, _t = { class: "divide-y divide-gray-200" }, $t = { class: "text-sm text-gray-900" }, Ct = ["aria-pressed", "aria-labelledby", "aria-describedby", "dusk", "onClick"], St = /* @__PURE__ */ r("span", { class: "sr-only" }, "Column status", -1), qt = {
+  __name: "TableColumns",
+  props: {
+    columns: {
+      type: Object,
+      required: !0
+    },
+    hasHiddenColumns: {
+      type: Boolean,
+      required: !0
+    },
+    onChange: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const p = t, n = I("activeClasses");
+    return (f, d) => (o(), k(X, {
+      placement: "bottom-end",
+      dusk: "columns-dropdown",
+      active: t.hasHiddenColumns
+    }, {
+      button: S(() => [
+        (o(), u("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          class: y(["h-5 w-5", {
+            "text-gray-400": !t.hasHiddenColumns,
+            [e(n).text]: t.hasHiddenColumns
+          }]),
+          viewBox: "0 0 20 20",
+          fill: "currentColor"
+        }, wt, 2))
+      ]),
+      default: S(() => [
+        r("div", xt, [
+          r("div", kt, [
+            r("ul", _t, [
+              (o(!0), u(P, null, O(p.columns, (i, s) => D((o(), u("li", {
+                key: s,
+                class: "py-2 flex items-center justify-between"
+              }, [
+                r("p", $t, g(i.label), 1),
+                r("button", {
+                  type: "button",
+                  class: y(["ml-4 relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-light-blue-500", {
+                    "bg-green-500": !i.hidden,
+                    "bg-gray-200": i.hidden
+                  }]),
+                  "aria-pressed": !i.hidden,
+                  "aria-labelledby": `toggle-column-${i.key}`,
+                  "aria-describedby": `toggle-column-${i.key}`,
+                  dusk: `toggle-column-${i.key}`,
+                  onClick: B((l) => t.onChange(i.key, i.hidden), ["prevent"])
+                }, [
+                  St,
+                  r("span", {
+                    "aria-hidden": "true",
+                    class: y([{
+                      "translate-x-5": !i.hidden,
+                      "translate-x-0": i.hidden
+                    }, "inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"])
+                  }, null, 2)
+                ], 10, Ct)
+              ])), [
+                [E, i.can_be_hidden]
+              ])), 128))
+            ])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["active"]));
+  }
+}, Ft = /* @__PURE__ */ r("path", {
+  "fill-rule": "evenodd",
+  d: "M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z",
+  "clip-rule": "evenodd"
+}, null, -1), Bt = [
+  Ft
+], Pt = {
+  role: "menu",
+  "aria-orientation": "horizontal",
+  "aria-labelledby": "filter-menu",
+  class: "min-w-max"
+}, Ot = { class: "text-xs uppercase tracking-wide bg-gray-100 p-3" }, jt = { class: "p-2" }, Tt = ["name", "value", "onChange"], Lt = ["value"], Vt = {
+  __name: "TableFilter",
+  props: {
+    hasEnabledFilters: {
+      type: Boolean,
+      required: !0
+    },
+    filters: {
+      type: Object,
+      required: !0
+    },
+    onFilterChange: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const p = I("activeClasses");
+    return (n, f) => (o(), k(X, {
+      placement: "bottom-end",
+      dusk: "filters-dropdown",
+      active: t.hasEnabledFilters
+    }, {
+      button: S(() => [
+        (o(), u("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          class: y(["h-5 w-5", {
+            "text-gray-400": !t.hasEnabledFilters,
+            [e(p).text]: t.hasEnabledFilters
+          }]),
+          viewBox: "0 0 20 20",
+          fill: "currentColor"
+        }, Bt, 2))
+      ]),
+      default: S(() => [
+        r("div", Pt, [
+          (o(!0), u(P, null, O(t.filters, (d, i) => (o(), u("div", { key: i }, [
+            r("h3", Ot, g(d.label), 1),
+            r("div", jt, [
+              d.type === "select" ? (o(), u("select", {
+                key: 0,
+                name: d.key,
+                value: d.value,
+                class: "block focus:ring-indigo-500 focus:border-indigo-500 w-full shadow-sm text-sm border-gray-300 rounded-md",
+                onChange: (s) => t.onFilterChange(d.key, s.target.value)
+              }, [
+                (o(!0), u(P, null, O(d.options, (s, l) => (o(), u("option", {
+                  key: l,
+                  value: l
+                }, g(s), 9, Lt))), 128))
+              ], 40, Tt)) : x("", !0)
+            ])
+          ]))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["active"]));
+  }
+}, It = { class: "flex items-center justify-start my-3 text-sm" }, Mt = { class: "flex items-center" }, zt = /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-5 w-5 text-gray-300",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, [
+  /* @__PURE__ */ r("path", {
+    "fill-rule": "evenodd",
+    d: "M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z",
+    "clip-rule": "evenodd"
+  })
+], -1), Rt = { class: "text-gray-400 ml-1" }, Dt = ["textContent"], Et = ["onClick"], At = { class: "ml-1" }, Wt = /* @__PURE__ */ r("path", {
+  "fill-rule": "evenodd",
+  d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+  "clip-rule": "evenodd"
+}, null, -1), Nt = [
+  Wt
+], Ht = {
+  __name: "TableActiveFilters",
+  props: {
+    filters: {
+      type: Object,
+      required: !0
+    },
+    onFilterChange: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const p = t, n = I("activeClasses"), f = _(() => p.filters.filter((i) => i.value !== null)), d = _(() => f.value.length);
+    return (i, s) => (o(), u("div", It, [
+      r("div", Mt, [
+        zt,
+        r("span", Rt, [
+          T(g(e(d)) + " active ", 1),
+          r("span", {
+            textContent: g(e(d) === 1 ? "filter" : "filters")
+          }, null, 8, Dt),
+          T(":")
+        ])
+      ]),
+      (o(!0), u(P, null, O(e(f), (l) => (o(), u("button", {
+        key: l.label,
+        class: y(["block group ml-3 flex items-center justify-between px-2 py-1 rounded bg-gray-100", `hover:${e(n).text}`]),
+        onClick: ($) => t.onFilterChange(l.key, null)
+      }, [
+        r("span", {
+          class: y(["capitalize text-gray-500", `group-hover:${e(n).text}`])
+        }, g(l.label.replace("_", " ")), 3),
+        T(":"),
+        r("span", At, g(l.options[l.value]), 1),
+        (o(), u("svg", {
+          class: y([`group-hover:${e(n).text}`, "h-4 w-4 ml-1 text-gray-400"]),
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 20 20",
+          fill: "currentColor"
+        }, Nt, 2))
+      ], 10, Et))), 128))
+    ]));
+  }
+}, Gt = { class: "relative" }, Kt = ["placeholder", "value"], Qt = /* @__PURE__ */ r("div", { class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none" }, [
+  /* @__PURE__ */ r("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    class: "w-5 h-5 text-gray-400",
+    viewBox: "0 0 20 20",
+    fill: "currentColor"
+  }, [
+    /* @__PURE__ */ r("path", {
+      "fill-rule": "evenodd",
+      d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+      "clip-rule": "evenodd"
+    })
+  ])
+], -1), Ut = {
+  __name: "TableGlobalSearch",
+  props: {
+    label: {
+      type: String,
+      default: "Search...",
+      required: !1
+    },
+    value: {
+      type: String,
+      default: "",
+      required: !1
+    },
+    onChange: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const p = I("activeClasses");
+    return (n, f) => (o(), u("div", Gt, [
+      r("input", {
+        class: y(["block w-full text-sm border-gray-300 rounded-md shadow-sm pl-9", [e(p).focusRing, e(p).focusBorder]]),
+        placeholder: t.label,
+        value: t.value,
+        type: "text",
+        name: "global",
+        onInput: f[0] || (f[0] = (d) => t.onChange(d.target.value))
+      }, null, 42, Kt),
+      Qt
+    ]));
+  }
+}, Yt = { class: "flex rounded-md shadow-sm relative mt-3" }, Jt = ["for"], Xt = /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-5 w-5 mr-2 text-gray-400",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, [
+  /* @__PURE__ */ r("path", {
+    "fill-rule": "evenodd",
+    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+    "clip-rule": "evenodd"
+  })
+], -1), Zt = ["id", "name", "value", "onInput"], es = { class: "absolute inset-y-0 right-0 pr-3 flex items-center" }, ts = ["dusk", "onClick"], ss = /* @__PURE__ */ r("span", { class: "sr-only" }, "Remove search", -1), ls = /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-5 w-5",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, [
+  /* @__PURE__ */ r("path", {
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    d: "M6 18L18 6M6 6l12 12"
+  })
+], -1), rs = [
+  ss,
+  ls
+], ns = {
+  __name: "TableSearchRows",
+  props: {
+    searchInputs: {
+      type: Object,
+      required: !0
+    },
+    forcedVisibleSearchInputs: {
+      type: Array,
+      required: !0
+    },
+    onChange: {
+      type: Function,
+      required: !0
+    },
+    onRemove: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const p = t, n = { el: F([]) };
+    let f = _(() => n.el.value);
+    function d(i) {
+      return p.forcedVisibleSearchInputs.includes(i);
+    }
+    return J(p.forcedVisibleSearchInputs, (i) => {
+      const s = i.length > 0 ? i[i.length - 1] : null;
+      !s || xe().then(() => {
+        const l = Pe(f.value, ($) => $.__vnode.key === s);
+        l && l.focus();
+      });
+    }, { immediate: !0 }), (i, s) => (o(!0), u(P, null, O(t.searchInputs, (l, $) => D((o(), u("div", {
+      key: $,
+      class: "px-4 sm:px-0"
+    }, [
+      r("div", Yt, [
+        r("label", {
+          for: l.key,
+          class: "inline-flex items-center px-4 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 text-sm"
+        }, [
+          Xt,
+          r("span", null, g(l.label), 1)
+        ], 8, Jt),
+        (o(), u("input", {
+          id: l.key,
+          ref_for: !0,
+          ref: n.el,
+          key: l.key,
+          name: l.key,
+          value: l.value,
+          type: "text",
+          class: "flex-1 min-w-0 block w-full px-3 py-2 rounded-none rounded-r-md focus:ring-indigo-500 focus:border-indigo-500 text-sm border-gray-300",
+          onInput: (C) => t.onChange(l.key, C.target.value)
+        }, null, 40, Zt)),
+        r("div", es, [
+          r("button", {
+            class: "rounded-md text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
+            dusk: `remove-search-row-${l.key}`,
+            onClick: B((C) => t.onRemove(l.key), ["prevent"])
+          }, rs, 8, ts)
+        ])
+      ])
+    ])), [
+      [E, l.value !== null || d(l.key)]
+    ])), 128));
+  }
+}, as = /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-5 w-5 mr-2 text-gray-400",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, [
+  /* @__PURE__ */ r("path", {
+    "fill-rule": "evenodd",
+    d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+    "clip-rule": "evenodd"
+  })
+], -1), os = /* @__PURE__ */ r("span", null, "Reset", -1), is = [
+  as,
+  os
+], us = {
+  __name: "TableReset",
+  props: {
+    onClick: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    return (p, n) => (o(), u("button", {
+      ref: "button",
+      type: "button",
+      dusk: "reset-table",
+      class: "w-full bg-white border rounded-md shadow-sm px-4 py-2 inline-flex justify-center text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 border-gray-300",
+      "aria-haspopup": "true",
+      onClick: n[0] || (n[0] = B((...f) => t.onClick && t.onClick(...f), ["prevent"]))
+    }, is, 512));
+  }
+}, cs = (t, p) => {
+  const n = t.__vccOpts || t;
+  for (const [f, d] of p)
+    n[f] = d;
+  return n;
+}, ds = {}, hs = { class: "flex flex-col" }, fs = { class: "-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, ps = { class: "py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8" }, gs = { class: "shadow border-b border-gray-200 relative" };
+function vs(t, p) {
+  return o(), u("div", hs, [
+    r("div", fs, [
+      r("div", ps, [
+        r("div", gs, [
+          b(t.$slots, "default")
+        ])
+      ])
+    ])
+  ]);
+}
+const ms = /* @__PURE__ */ cs(ds, [["render", vs]]), bs = ["dusk"], ys = { class: "flex flex-row flex-wrap justify-start space-x-2 sm:flex-nowrap" }, ws = {
+  key: 0,
+  class: "order-2 sm:order-1"
+}, xs = {
+  key: 1,
+  class: "flex flex-row order-1 w-full mb-2 sm:w-auto sm:flex-grow sm:order-2 sm:mb-0"
+}, ks = {
+  key: 0,
+  class: "order-5 ml-auto sm:order-3"
+}, _s = { class: "min-w-full bg-white divide-y divide-gray-200" }, $s = { class: "bg-gray-50" }, Cs = { class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-500 uppercase" }, Ss = { class: "bg-white divide-y divide-gray-200" }, qs = ["onClick"], Ns = {
+  __name: "Table",
+  props: {
+    inertia: {
+      type: Object,
+      default: () => ({}),
+      required: !1
+    },
+    name: {
+      type: String,
+      default: "default",
+      required: !1
+    },
+    striped: {
+      type: Boolean,
+      default: !1,
+      required: !1
+    },
+    preventOverlappingRequests: {
+      type: Boolean,
+      default: !0,
+      required: !1
+    },
+    inputDebounceMs: {
+      type: Number,
+      default: 350,
+      required: !1
+    },
+    preserveScroll: {
+      type: [Boolean, String],
+      default: !1,
+      required: !1
+    },
+    resource: {
+      type: Object,
+      default: () => ({}),
+      required: !1
+    },
+    meta: {
+      type: Object,
+      default: () => ({}),
+      required: !1
+    },
+    data: {
+      type: Object,
+      default: () => ({}),
+      required: !1
+    },
+    activeClasses: {
+      type: Object,
+      required: !1,
+      default() {
+        return {
+          text: "text-green-400",
+          border: "border-green-300",
+          focusRing: "focus:ring-indigo-500",
+          focusBorder: "focus:border-indigo-500"
+        };
+      }
+    }
+  },
+  emits: ["rowClick"],
+  setup(t, { emit: p }) {
+    const n = t;
+    ke("activeClasses", n.activeClasses);
+    const f = _e(), d = f ? f.appContext.config.globalProperties.$inertia : n.inertia, i = F(0), s = _(() => {
+      let a = d.page.props.queryBuilderProps ? d.page.props.queryBuilderProps[n.name] || {} : {};
+      return a._updates = i.value, a;
+    }), l = F(s.value), $ = _(() => s.value.pageName), C = F([]), q = F(null), w = _(() => !(s.value.hasToggleableColumns || s.value.hasFilters || s.value.hasSearchInputs || s.value.globalSearch)), A = _(() => Object.keys(n.resource).length === 0 ? n.data : "data" in n.resource ? n.resource.data : n.resource), M = _(() => Object.keys(n.resource).length === 0 ? n.meta : "links" in n.resource && "meta" in n.resource && Object.keys(n.resource.links).length === 4 && "next" in n.resource.links && "prev" in n.resource.links ? {
+      ...n.resource.meta,
+      next_page_url: n.resource.links.next,
+      prev_page_url: n.resource.links.prev
+    } : "meta" in n.resource ? n.resource.meta : n.resource), ee = _(() => A.value.length > 0 || M.value.total > 0);
+    function fe(a, c) {
+      p("rowClick", a, c);
+    }
+    function pe(a) {
+      C.value = C.value.filter((c) => c != a), W(a, null);
+    }
+    function te(a) {
+      C.value.push(a);
+    }
+    const ge = _(() => {
+      if (C.value.length > 0)
+        return !0;
+      const a = U.parse(location.search.substring(1));
+      if (a[$.value] > 1)
+        return !0;
+      const h = n.name === "default" ? "" : n.name + "_";
+      let v = !1;
+      return j(["filter", "columns", "cursor", "sort"], (m) => {
+        const R = a[h + m];
+        m === "sort" && R === s.value.defaultSort || R !== void 0 && (v = !0);
+      }), v;
+    });
+    function se() {
+      C.value = [], j(l.value.filters, (a, c) => {
+        l.value.filters[c].value = null;
+      }), j(l.value.searchInputs, (a, c) => {
+        l.value.searchInputs[c].value = null;
+      }), j(l.value.columns, (a, c) => {
+        l.value.columns[c].hidden = a.can_be_hidden ? !s.value.defaultVisibleToggleableColumns.includes(a.key) : !1;
+      }), l.value.sort = null, l.value.cursor = null, l.value.page = 1;
+    }
+    const le = {};
+    function W(a, c) {
+      clearTimeout(le[a]), le[a] = setTimeout(() => {
+        G.value && n.preventOverlappingRequests && G.value.cancel();
+        const h = z("searchInputs", a);
+        l.value.searchInputs[h].value = c, l.value.cursor = null, l.value.page = 1;
+      }, n.inputDebounceMs);
+    }
+    function re(a) {
+      W("global", a);
+    }
+    function N(a, c) {
+      const h = z("filters", a);
+      l.value.filters[h].value = c, l.value.cursor = null, l.value.page = 1;
+    }
+    function ne(a) {
+      l.value.cursor = null, l.value.perPage = a, l.value.page = 1;
+    }
+    function z(a, c) {
+      return Te(l.value[a], (h) => h.key == c);
+    }
+    function ae(a, c) {
+      const h = z("columns", a);
+      l.value.columns[h].hidden = !c;
+    }
+    function ve() {
+      let a = {};
+      return j(l.value.searchInputs, (c) => {
+        c.value !== null && (a[c.key] = c.value);
+      }), j(l.value.filters, (c) => {
+        c.value !== null && (a[c.key] = c.value);
+      }), a;
+    }
+    function me() {
+      const a = l.value.columns;
+      let c = je(a, (v) => !v.hidden), h = Ve(c, (v) => v.key).sort();
+      return Le(h, s.value.defaultVisibleToggleableColumns) ? {} : h;
+    }
+    function be() {
+      const a = ve(), c = me(), h = {};
+      Object.keys(a).length > 0 && (h.filter = a), Object.keys(c).length > 0 && (h.columns = c);
+      const v = l.value.cursor, m = l.value.page, R = l.value.sort, ce = l.value.perPage;
+      return v && (h.cursor = v), m > 1 && (h.page = m), ce > 1 && (h.perPage = ce), R && (h.sort = R), h;
+    }
+    function ye() {
+      const a = U.parse(location.search.substring(1)), c = n.name === "default" ? "" : n.name + "_";
+      j(["filter", "columns", "cursor", "sort"], (v) => {
+        delete a[c + v];
+      }), delete a[$.value], j(be(), (v, m) => {
+        m === "page" ? a[$.value] = v : m === "perPage" ? a.perPage = v : a[c + m] = v;
+      });
+      let h = U.stringify(a, {
+        filter(v, m) {
+          return typeof m == "object" && m !== null ? Ie(m) : m;
+        },
+        skipNulls: !0,
+        strictNullHandling: !0
+      });
+      return (!h || h === $.value + "=1") && (h = ""), h;
+    }
+    const H = F(!1), G = F(null);
+    function K(a) {
+      !a || d.get(
+        a,
+        {},
+        {
+          replace: !0,
+          preserveState: !0,
+          preserveScroll: n.preserveScroll !== !1,
+          onBefore() {
+            H.value = !0;
+          },
+          onCancelToken(c) {
+            G.value = c;
+          },
+          onFinish() {
+            H.value = !1;
+          },
+          onSuccess() {
+            if ("queryBuilderProps" in d.page.props && (l.value.cursor = s.value.cursor, l.value.page = s.value.page), n.preserveScroll === "table-top") {
+              const h = q.value.getBoundingClientRect().top + window.pageYOffset + -8;
+              window.scrollTo({ top: h });
+            }
+            i.value++;
+          }
+        }
+      );
+    }
+    J(l, () => {
+      K(location.pathname + "?" + ye());
+    }, { deep: !0 });
+    const oe = () => {
+      i.value++;
+    };
+    Y(() => {
+      document.addEventListener("inertia:success", oe);
+    }), $e(() => {
+      document.removeEventListener("inertia:success", oe);
+    });
+    function ie(a) {
+      l.value.sort == a ? l.value.sort = `-${a}` : l.value.sort = a, l.value.cursor = null, l.value.page = 1;
+    }
+    function Q(a) {
+      const c = z("columns", a);
+      return !l.value.columns[c].hidden;
+    }
+    function ue(a) {
+      const c = z("columns", a), h = Oe(s.value.columns[c]);
+      return h.onSort = ie, h;
+    }
+    return (a, c) => (o(), k(Ce, null, {
+      default: S(() => [
+        (o(), u("fieldset", {
+          ref_key: "tableFieldset",
+          ref: q,
+          key: `table-${t.name}`,
+          dusk: `table-${t.name}`,
+          class: y(["min-w-0", { "opacity-75": H.value }])
+        }, [
+          r("div", ys, [
+            e(s).hasFilters ? (o(), u("div", ws, [
+              b(a.$slots, "tableFilter", {
+                hasFilters: e(s).hasFilters,
+                hasEnabledFilters: e(s).hasEnabledFilters,
+                filters: e(s).filters,
+                onFilterChange: N
+              }, () => [
+                V(Vt, {
+                  "has-enabled-filters": e(s).hasEnabledFilters,
+                  filters: e(s).filters,
+                  "on-filter-change": N
+                }, null, 8, ["has-enabled-filters", "filters"])
+              ])
+            ])) : x("", !0),
+            e(s).globalSearch ? (o(), u("div", xs, [
+              b(a.$slots, "tableGlobalSearch", {
+                hasGlobalSearch: e(s).globalSearch,
+                label: e(s).globalSearch ? e(s).globalSearch.label : null,
+                value: e(s).globalSearch ? e(s).globalSearch.value : null,
+                onChange: re
+              }, () => [
+                e(s).globalSearch ? (o(), k(Ut, {
+                  key: 0,
+                  class: "flex-grow",
+                  label: e(s).globalSearch.label,
+                  value: e(s).globalSearch.value,
+                  "on-change": re
+                }, null, 8, ["label", "value"])) : x("", !0)
+              ])
+            ])) : x("", !0),
+            b(a.$slots, "tableReset", {
+              canBeReset: "canBeReset",
+              onClick: se
+            }, () => [
+              e(ge) ? (o(), u("div", ks, [
+                V(us, { "on-click": se })
+              ])) : x("", !0)
+            ]),
+            b(a.$slots, "tableAddSearchRow", {
+              hasSearchInputs: e(s).hasSearchInputs,
+              hasSearchInputsWithoutValue: e(s).hasSearchInputsWithoutValue,
+              searchInputs: e(s).searchInputsWithoutGlobal,
+              onAdd: te
+            }, () => [
+              e(s).hasSearchInputs ? (o(), k(mt, {
+                key: 0,
+                class: "order-3 sm:order-4",
+                "search-inputs": e(s).searchInputsWithoutGlobal,
+                "has-search-inputs-without-value": e(s).hasSearchInputsWithoutValue,
+                "on-add": te
+              }, null, 8, ["search-inputs", "has-search-inputs-without-value"])) : x("", !0)
+            ]),
+            b(a.$slots, "tableColumns", {
+              hasColumns: e(s).hasToggleableColumns,
+              columns: e(s).columns,
+              hasHiddenColumns: e(s).hasHiddenColumns,
+              onChange: ae
+            }, () => [
+              e(s).hasToggleableColumns ? (o(), k(qt, {
+                key: 0,
+                class: "order-4 sm:order-5",
+                columns: e(s).columns,
+                "has-hidden-columns": e(s).hasHiddenColumns,
+                "on-change": ae
+              }, null, 8, ["columns", "has-hidden-columns"])) : x("", !0)
+            ])
+          ]),
+          b(a.$slots, "tableSearchRows", {
+            hasSearchRowsWithValue: e(s).hasSearchInputsWithValue,
+            searchInputs: e(s).searchInputsWithoutGlobal,
+            forcedVisibleSearchInputs: C.value,
+            onChange: W
+          }, () => [
+            e(s).hasSearchInputsWithValue || C.value.length > 0 ? (o(), k(ns, {
+              key: 0,
+              "search-inputs": e(s).searchInputsWithoutGlobal,
+              "forced-visible-search-inputs": C.value,
+              "on-change": W,
+              "on-remove": pe
+            }, null, 8, ["search-inputs", "forced-visible-search-inputs"])) : x("", !0)
+          ]),
+          e(s).hasEnabledFilters ? (o(), k(Ht, {
+            key: 0,
+            filters: e(s).filters,
+            "on-filter-change": N
+          }, null, 8, ["filters"])) : x("", !0),
+          b(a.$slots, "tableWrapper", { meta: e(M) }, () => [
+            V(ms, {
+              class: y({ "mt-3": !e(w) })
+            }, {
+              default: S(() => [
+                b(a.$slots, "table", {}, () => [
+                  r("table", _s, [
+                    r("thead", $s, [
+                      b(a.$slots, "head", {
+                        show: Q,
+                        sortBy: ie,
+                        header: ue
+                      }, () => [
+                        r("tr", Cs, [
+                          (o(!0), u(P, null, O(e(s).columns, (h) => (o(), k(Ke, {
+                            key: `table-${t.name}-header-${h.key}`,
+                            cell: ue(h.key)
+                          }, null, 8, ["cell"]))), 128))
+                        ])
+                      ])
+                    ]),
+                    r("tbody", Ss, [
+                      b(a.$slots, "body", { show: Q }, () => [
+                        (o(!0), u(P, null, O(e(A), (h, v) => (o(), u("tr", {
+                          key: `table-${t.name}-row-${v}`,
+                          class: y(["", {
+                            "bg-gray-50": t.striped && v % 2,
+                            "hover:bg-gray-100": t.striped,
+                            "hover:bg-gray-50": !t.striped
+                          }]),
+                          onClick: (m) => fe(h, v)
+                        }, [
+                          (o(!0), u(P, null, O(e(s).columns, (m) => D((o(), u("td", {
+                            key: `table-${t.name}-row-${v}-column-${m.key}`,
+                            class: "px-6 py-4 text-sm text-gray-500 whitespace-nowrap"
+                          }, [
+                            b(a.$slots, `cell(${m.key})`, { item: h }, () => [
+                              T(g(h[m.key]), 1)
+                            ])
+                          ])), [
+                            [E, Q(m.key)]
+                          ])), 128))
+                        ], 10, qs))), 128))
+                      ])
+                    ])
+                  ])
+                ]),
+                b(a.$slots, "pagination", {
+                  onClick: K,
+                  hasData: e(ee),
+                  meta: e(M),
+                  perPageOptions: e(s).perPageOptions,
+                  onPerPageChange: ne
+                }, () => [
+                  V(ft, {
+                    "on-click": K,
+                    "has-data": e(ee),
+                    meta: e(M),
+                    "per-page-options": e(s).perPageOptions,
+                    "on-per-page-change": ne
+                  }, null, 8, ["has-data", "meta", "per-page-options"])
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ])
+        ], 10, bs))
+      ]),
+      _: 3
+    }));
+  }
+};
+export {
+  X as ButtonWithDropdown,
+  Ke as HeaderCell,
+  Me as OnClickOutside,
+  ft as Pagination,
+  Ns as Table,
+  mt as TableAddSearchRow,
+  qt as TableColumns,
+  Vt as TableFilter,
+  Ut as TableGlobalSearch,
+  us as TableReset,
+  ns as TableSearchRows,
+  ms as TableWrapper,
+  he as getTranslations,
+  As as setTranslation,
+  Ws as setTranslations
+};