@jdanino/inertiajs-tables-laravel-query-builder 3.0.0 → 3.0.2

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

@@ -1,4 +1,4 @@
-import { ref as S, onMounted as Y, onBeforeUnmount as ye, openBlock as o, createElementBlock as i, renderSlot as w, watch as J, inject as z, createBlock as _, withCtx as C, createElementVNode as r, normalizeClass as x, unref as e, withModifiers as F, withDirectives as D, vShow as E, resolveDynamicComponent as V, toDisplayString as v, createCommentVNode as k, computed as $, Fragment as B, renderList as P, createVNode as M, createTextVNode as T, nextTick as we, provide as xe, onUnmounted as ke, Transition as _e } from "vue";
+import { ref as S, onMounted as Y, onBeforeUnmount as ye, openBlock as o, createElementBlock as i, renderSlot as w, watch as J, inject as z, createBlock as _, withCtx as C, createElementVNode as l, normalizeClass as k, unref as e, withModifiers as F, withDirectives as E, vShow as A, resolveDynamicComponent as M, toDisplayString as v, createCommentVNode as x, computed as $, Fragment as B, renderList as P, createTextVNode as j, createVNode as D, nextTick as we, provide as xe, onUnmounted as ke, Transition as _e } from "vue";
 import { createPopper as $e } from "@popperjs/core/lib/popper-lite";
 import Ce from "@popperjs/core/lib/modifiers/preventOverflow";
 import Se from "@popperjs/core/lib/modifiers/flip";
@@ -9,7 +9,7 @@ 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 T from "lodash-es/forEach";
 import Le from "lodash-es/isEqual";
 import Ve from "lodash-es/map";
 import Me from "lodash-es/pickBy";
@@ -65,7 +65,7 @@ const ze = {
     function t() {
       f.value = !f.value;
     }
-    function l() {
+    function r() {
       f.value = !1;
     }
     J(f, () => {
@@ -77,18 +77,18 @@ const ze = {
         placement: n.placement,
         modifiers: [Se, Ce]
       });
-    }), p({ hide: l });
+    }), p({ hide: r });
     const O = z("activeClasses");
-    return (q, y) => (o(), _(ze, { do: l }, {
+    return (q, y) => (o(), _(ze, { do: r }, {
       default: C(() => [
-        r("div", Ie, [
-          r("button", {
+        l("div", Ie, [
+          l("button", {
             ref_key: "button",
             ref: u,
             type: "button",
             dusk: s.dusk,
             disabled: s.disabled,
-            class: x(["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", {
+            class: k(["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(O).border]: n.active,
               "border-gray-300": !n.active,
               "cursor-not-allowed": n.disabled
@@ -98,16 +98,16 @@ const ze = {
           }, [
             w(q.$slots, "button")
           ], 10, Re),
-          D(r("div", {
+          E(l("div", {
             ref_key: "tooltip",
             ref: m,
             class: "absolute z-10"
           }, [
-            r("div", De, [
+            l("div", De, [
               w(q.$slots, "default")
             ])
           ], 512), [
-            [E, f.value]
+            [A, f.value]
           ])
         ])
       ]),
@@ -118,11 +118,11 @@ const ze = {
   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 = {
+}, Ge = {
   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 = {
+}, He = {
   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"
@@ -139,22 +139,22 @@ const ze = {
     function f() {
       p.cell.sortable && p.cell.onSort(p.cell.key);
     }
-    return (d, t) => D((o(), i("th", null, [
-      (o(), _(V(s.cell.sortable ? "button" : "div"), {
+    return (d, t) => E((o(), i("th", null, [
+      (o(), _(M(s.cell.sortable ? "button" : "div"), {
         class: "py-3 px-6 w-full",
         dusk: s.cell.sortable ? `sort-${s.cell.key}` : null,
         onClick: F(f, ["prevent"])
       }, {
         default: C(() => [
-          r("span", Ee, [
+          l("span", Ee, [
             w(d.$slots, "label", {}, () => [
-              r("span", Ae, v(s.cell.label), 1)
+              l("span", Ae, v(s.cell.label), 1)
             ]),
             w(d.$slots, "sort", {}, () => [
               s.cell.sortable ? (o(), i("svg", {
                 key: 0,
                 "aria-hidden": "true",
-                class: x(["w-3 h-3 ml-2", {
+                class: k(["w-3 h-3 ml-2", {
                   "text-gray-400": !s.cell.sorted,
                   [e(n).text]: s.cell.sorted
                 }]),
@@ -162,17 +162,17 @@ const ze = {
                 viewBox: "0 0 320 512",
                 sorted: s.cell.sorted
               }, [
-                s.cell.sorted ? k("", !0) : (o(), i("path", Ne)),
-                s.cell.sorted === "asc" ? (o(), i("path", He)) : k("", !0),
-                s.cell.sorted === "desc" ? (o(), i("path", Ge)) : k("", !0)
-              ], 10, We)) : k("", !0)
+                s.cell.sorted ? x("", !0) : (o(), i("path", Ne)),
+                s.cell.sorted === "asc" ? (o(), i("path", Ge)) : x("", !0),
+                s.cell.sorted === "desc" ? (o(), i("path", He)) : x("", !0)
+              ], 10, We)) : x("", !0)
             ])
           ])
         ]),
         _: 3
       }, 8, ["dusk", "onClick"]))
     ], 512)), [
-      [E, !s.cell.hidden]
+      [A, !s.cell.hidden]
     ]);
   }
 }, Z = {
@@ -189,10 +189,10 @@ const ze = {
 function de() {
   return Z.translations;
 }
-function Ws(s, p) {
+function Hs(s, p) {
   Z.translations[s] = p;
 }
-function Ns(s) {
+function Ks(s) {
   Z.translations = s;
 }
 const Qe = ["dusk", "value"], Ue = ["value"], ce = {
@@ -223,25 +223,25 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
   setup(s) {
     const p = s, n = de(), f = $(() => {
       let d = [...p.options];
-      return d.push(parseInt(p.value)), qe(d).sort((t, l) => t - l);
+      return d.push(parseInt(p.value)), qe(d).sort((t, r) => t - r);
     });
     return (d, t) => (o(), i("select", {
       name: "per_page",
       dusk: s.dusk,
       value: s.value,
       class: "block focus:ring-indigo-500 focus:border-indigo-500 min-w-max shadow-sm text-sm border-gray-300 rounded-md",
-      onChange: t[0] || (t[0] = (l) => s.onChange(l.target.value))
+      onChange: t[0] || (t[0] = (r) => s.onChange(r.target.value))
     }, [
-      (o(!0), i(B, null, P(e(f), (l) => (o(), i("option", {
-        key: l,
-        value: l
-      }, v(l) + " " + v(e(n).per_page), 9, Ue))), 128))
+      (o(!0), i(B, null, P(e(f), (r) => (o(), i("option", {
+        key: r,
+        value: r
+      }, v(r) + " " + v(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", {
+}, Je = { key: 0 }, Xe = /* @__PURE__ */ l("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-gray-400",
   fill: "none",
@@ -249,12 +249,12 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
   stroke: "currentColor",
   "stroke-width": "2"
 }, [
-  /* @__PURE__ */ r("path", {
+  /* @__PURE__ */ l("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", {
+], -1), Ze = { class: "hidden sm:inline ml-2" }, et = { class: "hidden sm:inline mr-2" }, tt = /* @__PURE__ */ l("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-gray-400",
   fill: "none",
@@ -262,7 +262,7 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
   stroke: "currentColor",
   "stroke-width": "2"
 }, [
-  /* @__PURE__ */ r("path", {
+  /* @__PURE__ */ l("path", {
     "stroke-linecap": "round",
     "stroke-linejoin": "round",
     d: "M17 8l4 4m0 0l-4 4m4-4H3"
@@ -273,24 +273,24 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
 }, 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" }, ut = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
-}, it = { class: "sr-only" }, ct = /* @__PURE__ */ r("svg", {
+}, it = { class: "sr-only" }, ct = /* @__PURE__ */ l("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5",
   viewBox: "0 0 20 20",
   fill: "currentColor"
 }, [
-  /* @__PURE__ */ r("path", {
+  /* @__PURE__ */ l("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", {
+], -1), dt = { class: "sr-only" }, ht = /* @__PURE__ */ l("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5",
   viewBox: "0 0 20 20",
   fill: "currentColor"
 }, [
-  /* @__PURE__ */ r("path", {
+  /* @__PURE__ */ l("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"
@@ -327,36 +327,37 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
     }
   },
   setup(s) {
-    const p = s, n = de(), f = $(() => "links" in t.value ? t.value.links.length > 0 : !1), d = $(() => Object.keys(t.value).length > 0), t = $(() => p.meta), l = $(() => "prev_page_url" in t.value ? t.value.prev_page_url : null), u = $(() => "next_page_url" in t.value ? t.value.next_page_url : null), m = $(() => parseInt(t.value.per_page));
+    const p = s, n = de(), f = $(() => "links" in t.value ? t.value.links.length > 0 : !1), d = $(() => Object.keys(t.value).length > 0 && t.value.total > 1), t = $(() => p.meta), r = $(() => "prev_page_url" in t.value ? t.value.prev_page_url : null), u = $(() => "next_page_url" in t.value ? t.value.next_page_url : null), m = $(() => parseInt(t.value.per_page));
     return (O, q) => e(d) ? (o(), i("nav", Ye, [
-      !s.hasData || e(t).total < 1 ? (o(), i("p", Je, v(e(n).no_results_found), 1)) : k("", !0),
+      j(v(e(d)) + " ", 1),
+      !s.hasData || e(t).total < 1 ? (o(), i("p", Je, v(e(n).no_results_found), 1)) : x("", !0),
       s.hasData ? (o(), i("div", {
         key: 1,
-        class: x(["flex-1 flex justify-between", { "sm:hidden": e(f) }])
+        class: k(["flex-1 flex justify-between", { "sm:hidden": e(f) }])
       }, [
-        (o(), _(V(e(l) ? "a" : "div"), {
-          class: x([{
-            "cursor-not-allowed text-gray-400": !e(l),
-            "text-gray-700 hover:text-gray-500": e(l)
+        (o(), _(M(e(r) ? "a" : "div"), {
+          class: k([{
+            "cursor-not-allowed text-gray-400": !e(r),
+            "text-gray-700 hover:text-gray-500": e(r)
           }, "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-previous" : null,
-          onClick: q[0] || (q[0] = F((y) => s.onClick(e(l)), ["prevent"]))
+          href: e(r),
+          dusk: e(r) ? "pagination-simple-previous" : null,
+          onClick: q[0] || (q[0] = F((y) => s.onClick(e(r)), ["prevent"]))
         }, {
           default: C(() => [
             Xe,
-            r("span", Ze, v(e(n).previous), 1)
+            l("span", Ze, v(e(n).previous), 1)
           ]),
           _: 1
         }, 8, ["class", "href", "dusk"])),
-        M(ce, {
+        D(ce, {
           dusk: "per-page-mobile",
           value: e(m),
           options: s.perPageOptions,
           "on-change": s.onPerPageChange
         }, null, 8, ["value", "options", "on-change"]),
-        (o(), _(V(e(u) ? "a" : "div"), {
-          class: x([{
+        (o(), _(M(e(u) ? "a" : "div"), {
+          class: k([{
             "cursor-not-allowed text-gray-400": !e(u),
             "text-gray-700 hover:text-gray-500": e(u)
           }, "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md bg-white"]),
@@ -365,68 +366,68 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
           onClick: q[1] || (q[1] = F((y) => s.onClick(e(u)), ["prevent"]))
         }, {
           default: C(() => [
-            r("span", et, v(e(n).next), 1),
+            l("span", et, v(e(n).next), 1),
             tt
           ]),
           _: 1
         }, 8, ["class", "href", "dusk"]))
-      ], 2)) : k("", !0),
+      ], 2)) : x("", !0),
       s.hasData && e(f) ? (o(), i("div", st, [
-        r("div", lt, [
-          M(ce, {
+        l("div", lt, [
+          D(ce, {
             dusk: "per-page-full",
             value: e(m),
             options: s.perPageOptions,
             "on-change": s.onPerPageChange
           }, null, 8, ["value", "options", "on-change"]),
-          r("p", rt, [
-            r("span", nt, v(e(t).from), 1),
-            T(" " + v(e(n).to) + " ", 1),
-            r("span", at, v(e(t).to), 1),
-            T(" " + v(e(n).of) + " ", 1),
-            r("span", ot, v(e(t).total), 1),
-            T(" " + v(e(n).results), 1)
+          l("p", rt, [
+            l("span", nt, v(e(t).from), 1),
+            j(" " + v(e(n).to) + " ", 1),
+            l("span", at, v(e(t).to), 1),
+            j(" " + v(e(n).of) + " ", 1),
+            l("span", ot, v(e(t).total), 1),
+            j(" " + v(e(n).results), 1)
           ])
         ]),
-        r("div", null, [
-          r("nav", ut, [
-            (o(), _(V(e(l) ? "a" : "div"), {
-              class: x([{
-                "cursor-not-allowed text-gray-400": !e(l),
-                "text-gray-500 hover:bg-gray-50": e(l)
+        l("div", null, [
+          l("nav", ut, [
+            (o(), _(M(e(r) ? "a" : "div"), {
+              class: k([{
+                "cursor-not-allowed text-gray-400": !e(r),
+                "text-gray-500 hover:bg-gray-50": e(r)
               }, "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium"]),
-              href: e(l),
-              dusk: e(l) ? "pagination-previous" : null,
-              onClick: q[2] || (q[2] = F((y) => s.onClick(e(l)), ["prevent"]))
+              href: e(r),
+              dusk: e(r) ? "pagination-previous" : null,
+              onClick: q[2] || (q[2] = F((y) => s.onClick(e(r)), ["prevent"]))
             }, {
               default: C(() => [
-                r("span", it, v(e(n).previous), 1),
+                l("span", it, v(e(n).previous), 1),
                 ct
               ]),
               _: 1
             }, 8, ["class", "href", "dusk"])),
-            (o(!0), i(B, null, P(e(t).links, (y, L) => (o(), i("div", { key: L }, [
+            (o(!0), i(B, null, P(e(t).links, (y, V) => (o(), i("div", { key: V }, [
               w(O.$slots, "link", {}, () => [
-                !isNaN(y.label) || y.label === "..." ? (o(), _(V(y.url ? "a" : "div"), {
+                !isNaN(y.label) || y.label === "..." ? (o(), _(M(y.url ? "a" : "div"), {
                   key: 0,
                   href: y.url,
                   dusk: y.url ? `pagination-${y.label}` : null,
-                  class: x(["relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700", {
+                  class: k(["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": !y.url,
                     "hover:bg-gray-50": y.url,
                     "bg-gray-100": y.active
                   }]),
-                  onClick: F((W) => s.onClick(y.url), ["prevent"])
+                  onClick: F((L) => s.onClick(y.url), ["prevent"])
                 }, {
                   default: C(() => [
-                    T(v(y.label), 1)
+                    j(v(y.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["href", "dusk", "class", "onClick"])) : k("", !0)
+                }, 1032, ["href", "dusk", "class", "onClick"])) : x("", !0)
               ])
             ]))), 128)),
-            (o(), _(V(e(u) ? "a" : "div"), {
-              class: x([{
+            (o(), _(M(e(u) ? "a" : "div"), {
+              class: k([{
                 "cursor-not-allowed text-gray-400": !e(u),
                 "text-gray-500 hover:bg-gray-50": e(u)
               }, "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium"]),
@@ -435,23 +436,23 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
               onClick: q[3] || (q[3] = F((y) => s.onClick(e(u)), ["prevent"]))
             }, {
               default: C(() => [
-                r("span", dt, v(e(n).next), 1),
+                l("span", dt, v(e(n).next), 1),
                 ht
               ]),
               _: 1
             }, 8, ["class", "href", "dusk"]))
           ])
         ])
-      ])) : k("", !0)
-    ])) : k("", !0);
+      ])) : x("", !0)
+    ])) : x("", !0);
   }
-}, pt = /* @__PURE__ */ r("svg", {
+}, pt = /* @__PURE__ */ l("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", {
+  /* @__PURE__ */ l("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"
@@ -493,20 +494,20 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
         pt
       ]),
       default: C(() => [
-        r("div", vt, [
-          (o(!0), i(B, null, P(s.searchInputs, (l, u) => (o(), i("button", {
+        l("div", vt, [
+          (o(!0), i(B, null, P(s.searchInputs, (r, u) => (o(), i("button", {
             key: u,
-            dusk: `add-search-row-${l.key}`,
+            dusk: `add-search-row-${r.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: F((m) => f(l.key), ["prevent"])
-          }, v(l.label), 9, gt))), 128))
+            onClick: F((m) => f(r.key), ["prevent"])
+          }, v(r.label), 9, gt))), 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", {
+}, bt = /* @__PURE__ */ l("path", { d: "M10 12a2 2 0 100-4 2 2 0 000 4z" }, null, -1), yt = /* @__PURE__ */ l("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"
@@ -518,7 +519,7 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
   "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 = {
+}, 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__ */ l("span", { class: "sr-only" }, "Column status", -1), qt = {
   __name: "TableColumns",
   props: {
     columns: {
@@ -544,7 +545,7 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
       button: C(() => [
         (o(), i("svg", {
           xmlns: "http://www.w3.org/2000/svg",
-          class: x(["h-5 w-5", {
+          class: k(["h-5 w-5", {
             "text-gray-400": !s.hasHiddenColumns,
             [e(n).text]: s.hasHiddenColumns
           }]),
@@ -553,17 +554,17 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
         }, wt, 2))
       ]),
       default: C(() => [
-        r("div", xt, [
-          r("div", kt, [
-            r("ul", _t, [
-              (o(!0), i(B, null, P(p.columns, (t, l) => D((o(), i("li", {
-                key: l,
+        l("div", xt, [
+          l("div", kt, [
+            l("ul", _t, [
+              (o(!0), i(B, null, P(p.columns, (t, r) => E((o(), i("li", {
+                key: r,
                 class: "py-2 flex items-center justify-between"
               }, [
-                r("p", $t, v(t.label), 1),
-                r("button", {
+                l("p", $t, v(t.label), 1),
+                l("button", {
                   type: "button",
-                  class: x(["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", {
+                  class: k(["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": !t.hidden,
                     "bg-gray-200": t.hidden
                   }]),
@@ -574,16 +575,16 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
                   onClick: F((u) => s.onChange(t.key, t.hidden), ["prevent"])
                 }, [
                   St,
-                  r("span", {
+                  l("span", {
                     "aria-hidden": "true",
-                    class: x([{
+                    class: k([{
                       "translate-x-5": !t.hidden,
                       "translate-x-0": t.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, t.can_be_hidden]
+                [A, t.can_be_hidden]
               ])), 128))
             ])
           ])
@@ -592,7 +593,7 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
       _: 1
     }, 8, ["active"]));
   }
-}, Ft = /* @__PURE__ */ r("path", {
+}, Ft = /* @__PURE__ */ l("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"
@@ -602,7 +603,7 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
   role: "menu",
   "aria-orientation": "horizontal",
   "aria-labelledby": "filter-menu",
-  class: "min-w-max"
+  class: "min-w-[320px]"
 }, 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: {
@@ -629,7 +630,7 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
       button: C(() => [
         (o(), i("svg", {
           xmlns: "http://www.w3.org/2000/svg",
-          class: x(["h-5 w-5", {
+          class: k(["h-5 w-5", {
             "text-gray-400": !s.hasEnabledFilters,
             [e(p).text]: s.hasEnabledFilters
           }]),
@@ -638,22 +639,22 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
         }, Bt, 2))
       ]),
       default: C(() => [
-        r("div", Pt, [
+        l("div", Pt, [
           (o(!0), i(B, null, P(s.filters, (d, t) => (o(), i("div", { key: t }, [
-            r("h3", Ot, v(d.label), 1),
-            r("div", jt, [
+            l("h3", Ot, v(d.label), 1),
+            l("div", jt, [
               d.type === "select" ? (o(), i("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: (l) => s.onFilterChange(d.key, l.target.value)
+                onChange: (r) => s.onFilterChange(d.key, r.target.value)
               }, [
-                (o(!0), i(B, null, P(d.options, (l, u) => (o(), i("option", {
+                (o(!0), i(B, null, P(d.options, (r, u) => (o(), i("option", {
                   key: u,
                   value: u
-                }, v(l), 9, Lt))), 128))
-              ], 40, Tt)) : k("", !0)
+                }, v(r), 9, Lt))), 128))
+              ], 40, Tt)) : x("", !0)
             ])
           ]))), 128))
         ])
@@ -661,24 +662,24 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
       _: 1
     }, 8, ["active"]));
   }
-}, Mt = { class: "flex items-center justify-start my-3 text-sm" }, zt = { class: "flex items-center" }, It = /* @__PURE__ */ r("svg", {
+}, Mt = { class: "flex items-center justify-start my-3 text-sm" }, zt = { class: "flex items-center" }, It = /* @__PURE__ */ l("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", {
+  /* @__PURE__ */ l("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", {
+], -1), Rt = { class: "text-gray-400 ml-1" }, Dt = ["textContent"], Et = ["onClick"], At = { class: "ml-1" }, Wt = /* @__PURE__ */ l("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 = {
+], Gt = {
   __name: "TableActiveFilters",
   props: {
     filters: {
@@ -692,29 +693,29 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
   },
   setup(s) {
     const p = s, n = z("activeClasses"), f = $(() => p.filters.filter((t) => t.value !== null)), d = $(() => f.value.length);
-    return (t, l) => (o(), i("div", Mt, [
-      r("div", zt, [
+    return (t, r) => (o(), i("div", Mt, [
+      l("div", zt, [
         It,
-        r("span", Rt, [
-          T(v(e(d)) + " active ", 1),
-          r("span", {
+        l("span", Rt, [
+          j(v(e(d)) + " active ", 1),
+          l("span", {
             textContent: v(e(d) === 1 ? "filter" : "filters")
           }, null, 8, Dt),
-          T(":")
+          j(":")
         ])
       ]),
       (o(!0), i(B, null, P(e(f), (u) => (o(), i("button", {
         key: u.label,
-        class: x(["block group ml-3 flex items-center justify-between px-2 py-1 rounded bg-gray-100", `hover:${e(n).text}`]),
+        class: k(["block group ml-3 flex items-center justify-between px-2 py-1 rounded bg-gray-100", `hover:${e(n).text}`]),
         onClick: (m) => s.onFilterChange(u.key, null)
       }, [
-        r("span", {
-          class: x(["capitalize text-gray-500", `group-hover:${e(n).text}`])
+        l("span", {
+          class: k(["capitalize text-gray-500", `group-hover:${e(n).text}`])
         }, v(u.label.replace("_", " ")), 3),
-        T(":"),
-        r("span", At, v(u.options[u.value]), 1),
+        j(":"),
+        l("span", At, v(u.options[u.value]), 1),
         (o(), i("svg", {
-          class: x([`group-hover:${e(n).text}`, "h-4 w-4 ml-1 text-gray-400"]),
+          class: k([`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"
@@ -722,14 +723,14 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
       ], 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", {
+}, Ht = { class: "relative" }, Kt = ["placeholder", "value"], Qt = /* @__PURE__ */ l("div", { class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none" }, [
+  /* @__PURE__ */ l("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", {
+    /* @__PURE__ */ l("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"
@@ -755,9 +756,9 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
   },
   setup(s) {
     const p = z("activeClasses");
-    return (n, f) => (o(), i("div", Gt, [
-      r("input", {
-        class: x(["block w-full text-sm border-gray-300 rounded-md shadow-sm pl-9", [e(p).focusRing, e(p).focusBorder]]),
+    return (n, f) => (o(), i("div", Ht, [
+      l("input", {
+        class: k(["block w-full text-sm border-gray-300 rounded-md shadow-sm pl-9", [e(p).focusRing, e(p).focusBorder]]),
         placeholder: s.label,
         value: s.value,
         type: "text",
@@ -767,25 +768,25 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
       Qt
     ]));
   }
-}, Yt = { class: "flex rounded-md shadow-sm relative mt-3" }, Jt = ["for"], Xt = /* @__PURE__ */ r("svg", {
+}, Yt = { class: "flex rounded-md shadow-sm relative mt-3" }, Jt = ["for"], Xt = /* @__PURE__ */ l("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", {
+  /* @__PURE__ */ l("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", {
+], -1), Zt = ["id", "name", "value", "onInput"], es = { class: "absolute inset-y-0 right-0 pr-3 flex items-center" }, ts = ["dusk", "onClick"], ss = /* @__PURE__ */ l("span", { class: "sr-only" }, "Remove search", -1), ls = /* @__PURE__ */ l("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", {
+  /* @__PURE__ */ l("path", {
     "stroke-linecap": "round",
     "stroke-linejoin": "round",
     "stroke-width": "2",
@@ -821,22 +822,22 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
       return p.forcedVisibleSearchInputs.includes(t);
     }
     return J(p.forcedVisibleSearchInputs, (t) => {
-      const l = t.length > 0 ? t[t.length - 1] : null;
-      !l || we().then(() => {
-        const u = Fe(f.value, (m) => m.__vnode.key === l);
+      const r = t.length > 0 ? t[t.length - 1] : null;
+      !r || we().then(() => {
+        const u = Fe(f.value, (m) => m.__vnode.key === r);
         u && u.focus();
       });
-    }, { immediate: !0 }), (t, l) => (o(!0), i(B, null, P(s.searchInputs, (u, m) => D((o(), i("div", {
+    }, { immediate: !0 }), (t, r) => (o(!0), i(B, null, P(s.searchInputs, (u, m) => E((o(), i("div", {
       key: m,
       class: "px-4 sm:px-0"
     }, [
-      r("div", Yt, [
-        r("label", {
+      l("div", Yt, [
+        l("label", {
           for: u.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, v(u.label), 1)
+          l("span", null, v(u.label), 1)
         ], 8, Jt),
         (o(), i("input", {
           id: u.key,
@@ -849,8 +850,8 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
           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: (O) => s.onChange(u.key, O.target.value)
         }, null, 40, Zt)),
-        r("div", es, [
-          r("button", {
+        l("div", es, [
+          l("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-${u.key}`,
             onClick: F((O) => s.onRemove(u.key), ["prevent"])
@@ -858,21 +859,21 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
         ])
       ])
     ])), [
-      [E, u.value !== null || d(u.key)]
+      [A, u.value !== null || d(u.key)]
     ])), 128));
   }
-}, as = /* @__PURE__ */ r("svg", {
+}, as = /* @__PURE__ */ l("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", {
+  /* @__PURE__ */ l("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), us = [
+], -1), os = /* @__PURE__ */ l("span", null, "Reset", -1), us = [
   as,
   os
 ], is = {
@@ -901,9 +902,9 @@ const Qe = ["dusk", "value"], Ue = ["value"], ce = {
 }, 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" }, vs = { class: "shadow border-b border-gray-200 relative" };
 function gs(s, p) {
   return o(), i("div", hs, [
-    r("div", fs, [
-      r("div", ps, [
-        r("div", vs, [
+    l("div", fs, [
+      l("div", ps, [
+        l("div", vs, [
           w(s.$slots, "default")
         ])
       ])
@@ -913,13 +914,15 @@ function gs(s, p) {
 const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), 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 = {
+}, xs = { 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"], Hs = {
+}, _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"], Fs = { key: 0 }, Bs = /* @__PURE__ */ l("td", {
+  class: "px-6 py-4 text-sm text-gray-500 whitespace-nowrap text-center",
+  colspan: 100
+}, " Geen resultaten gevonden. ", -1), Ps = [
+  Bs
+], Qs = {
   __name: "Table",
   props: {
     inertia: {
@@ -978,6 +981,11 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
           focusBorder: "focus:border-indigo-500"
         };
       }
+    },
+    showGlobalSearch: {
+      type: [Boolean, String],
+      default: !0,
+      required: !1
     }
   },
   emits: ["rowClick"],
@@ -987,16 +995,16 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
     const f = S(0), d = Be(), t = $(() => {
       let a = d.props.queryBuilderProps ? d.props.queryBuilderProps[n.name] || {} : {};
       return a._updates = f.value, a;
-    }), l = S(t.value), u = $(() => t.value.pageName), m = S([]), O = S(null), q = $(() => !(t.value.hasToggleableColumns || t.value.hasFilters || t.value.hasSearchInputs || t.value.globalSearch)), y = $(() => Object.keys(n.resource).length === 0 ? n.data : "data" in n.resource ? n.resource.data : n.resource), L = $(() => 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 ? {
+    }), r = S(t.value), u = $(() => t.value.pageName), m = S([]), O = S(null), q = $(() => !(t.value.hasToggleableColumns || t.value.hasFilters || t.value.hasSearchInputs || t.value.globalSearch)), y = $(() => Object.keys(n.resource).length === 0 ? n.data : "data" in n.resource ? n.resource.data : n.resource), V = $(() => 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), W = $(() => y.value.length > 0 || L.value.total > 0);
+    } : "meta" in n.resource ? n.resource.meta : n.resource), L = $(() => y.value.length > 0 || V.value.total > 0);
     function he(a, c) {
       p("rowClick", a, c);
     }
     function fe(a) {
-      m.value = m.value.filter((c) => c != a), A(a, null);
+      m.value = m.value.filter((c) => c != a), W(a, null);
     }
     function ee(a) {
       m.value.push(a);
@@ -1009,69 +1017,69 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
         return !0;
       const h = n.name === "default" ? "" : n.name + "_";
       let g = !1;
-      return j(["filter", "columns", "cursor", "sort"], (b) => {
+      return T(["filter", "columns", "cursor", "sort"], (b) => {
         const R = a[h + b];
         b === "sort" && R === t.value.defaultSort || R !== void 0 && (g = !0);
       }), g;
     });
     function te() {
-      m.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 ? !t.value.defaultVisibleToggleableColumns.includes(a.key) : !1;
-      }), l.value.sort = null, l.value.cursor = null, l.value.page = 1;
+      m.value = [], T(r.value.filters, (a, c) => {
+        r.value.filters[c].value = null;
+      }), T(r.value.searchInputs, (a, c) => {
+        r.value.searchInputs[c].value = null;
+      }), T(r.value.columns, (a, c) => {
+        r.value.columns[c].hidden = a.can_be_hidden ? !t.value.defaultVisibleToggleableColumns.includes(a.key) : !1;
+      }), r.value.sort = null, r.value.cursor = null, r.value.page = 1;
     }
     const se = {};
-    function A(a, c) {
+    function W(a, c) {
       clearTimeout(se[a]), se[a] = setTimeout(() => {
-        G.value && n.preventOverlappingRequests && G.value.cancel();
+        H.value && n.preventOverlappingRequests && H.value.cancel();
         const h = I("searchInputs", a);
-        l.value.searchInputs[h].value = c, l.value.cursor = null, l.value.page = 1;
+        r.value.searchInputs[h].value = c, r.value.cursor = null, r.value.page = 1;
       }, n.inputDebounceMs);
     }
     function le(a) {
-      A("global", a);
+      W("global", a);
     }
     function N(a, c) {
       const h = I("filters", a);
-      l.value.filters[h].value = c, l.value.cursor = null, l.value.page = 1;
+      r.value.filters[h].value = c, r.value.cursor = null, r.value.page = 1;
     }
     function re(a) {
-      l.value.cursor = null, l.value.perPage = a, l.value.page = 1;
+      r.value.cursor = null, r.value.perPage = a, r.value.page = 1;
     }
     function I(a, c) {
-      return Te(l.value[a], (h) => h.key == c);
+      return Te(r.value[a], (h) => h.key == c);
     }
     function ne(a, c) {
       const h = I("columns", a);
-      l.value.columns[h].hidden = !c;
+      r.value.columns[h].hidden = !c;
     }
     function ve() {
       let a = {};
-      return j(l.value.searchInputs, (c) => {
+      return T(r.value.searchInputs, (c) => {
         c.value !== null && (a[c.key] = c.value);
-      }), j(l.value.filters, (c) => {
+      }), T(r.value.filters, (c) => {
         c.value !== null && (a[c.key] = c.value);
       }), a;
     }
     function ge() {
-      const a = l.value.columns;
+      const a = r.value.columns;
       let c = je(a, (g) => !g.hidden), h = Ve(c, (g) => g.key).sort();
       return Le(h, t.value.defaultVisibleToggleableColumns) ? {} : h;
     }
     function me() {
       const a = ve(), c = ge(), h = {};
       Object.keys(a).length > 0 && (h.filter = a), Object.keys(c).length > 0 && (h.columns = c);
-      const g = l.value.cursor, b = l.value.page, R = l.value.sort, ie = l.value.perPage;
+      const g = r.value.cursor, b = r.value.page, R = r.value.sort, ie = r.value.perPage;
       return g && (h.cursor = g), b > 1 && (h.page = b), ie > 1 && (h.perPage = ie), R && (h.sort = R), h;
     }
     function be() {
       const a = U.parse(location.search.substring(1)), c = n.name === "default" ? "" : n.name + "_";
-      j(["filter", "columns", "cursor", "sort"], (g) => {
+      T(["filter", "columns", "cursor", "sort"], (g) => {
         delete a[c + g];
-      }), delete a[u.value], j(me(), (g, b) => {
+      }), delete a[u.value], T(me(), (g, b) => {
         b === "page" ? a[u.value] = g : b === "perPage" ? a.perPage = g : a[c + b] = g;
       });
       let h = U.stringify(a, {
@@ -1083,7 +1091,7 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
       });
       return (!h || h === u.value + "=1") && (h = ""), h;
     }
-    const H = S(!1), G = S(null);
+    const G = S(!1), H = S(null);
     function K(a) {
       !a || Pe.get(
         a,
@@ -1093,16 +1101,16 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
           preserveState: !0,
           preserveScroll: n.preserveScroll !== !1,
           onBefore() {
-            H.value = !0;
+            G.value = !0;
           },
           onCancelToken(c) {
-            G.value = c;
+            H.value = c;
           },
           onFinish() {
-            H.value = !1;
+            G.value = !1;
           },
           onSuccess() {
-            if ("queryBuilderProps" in d.props && (l.value.cursor = t.value.cursor, l.value.page = t.value.page), n.preserveScroll === "table-top") {
+            if ("queryBuilderProps" in d.props && (r.value.cursor = t.value.cursor, r.value.page = t.value.page), n.preserveScroll === "table-top") {
               const h = O.value.getBoundingClientRect().top + window.pageYOffset + -8;
               window.scrollTo({ top: h });
             }
@@ -1111,7 +1119,7 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
         }
       );
     }
-    J(l, () => {
+    J(r, () => {
       K(location.pathname + "?" + be());
     }, { deep: !0 });
     const ae = () => {
@@ -1123,11 +1131,11 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
       document.removeEventListener("success", ae);
     });
     function oe(a) {
-      l.value.sort == a ? l.value.sort = `-${a}` : l.value.sort = a, l.value.cursor = null, l.value.page = 1;
+      r.value.sort == a ? r.value.sort = `-${a}` : r.value.sort = a, r.value.cursor = null, r.value.page = 1;
     }
     function Q(a) {
       const c = I("columns", a);
-      return !l.value.columns[c].hidden;
+      return !r.value.columns[c].hidden;
     }
     function ue(a) {
       const c = I("columns", a), h = Oe(t.value.columns[c]);
@@ -1140,9 +1148,9 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
           ref: O,
           key: `table-${s.name}`,
           dusk: `table-${s.name}`,
-          class: x(["min-w-0", { "opacity-75": H.value }])
+          class: k(["min-w-0", { "opacity-75": G.value }])
         }, [
-          r("div", ys, [
+          l("div", ys, [
             e(t).hasFilters ? (o(), i("div", ws, [
               w(a.$slots, "tableFilter", {
                 hasFilters: e(t).hasFilters,
@@ -1150,36 +1158,37 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
                 filters: e(t).filters,
                 onFilterChange: N
               }, () => [
-                M(Vt, {
+                e(L) ? (o(), _(Vt, {
+                  key: 0,
                   "has-enabled-filters": e(t).hasEnabledFilters,
                   filters: e(t).filters,
                   "on-filter-change": N
-                }, null, 8, ["has-enabled-filters", "filters"])
+                }, null, 8, ["has-enabled-filters", "filters"])) : x("", !0)
               ])
-            ])) : k("", !0),
-            e(t).globalSearch ? (o(), i("div", xs, [
+            ])) : x("", !0),
+            l("div", xs, [
               w(a.$slots, "tableGlobalSearch", {
                 hasGlobalSearch: e(t).globalSearch,
                 label: e(t).globalSearch ? e(t).globalSearch.label : null,
                 value: e(t).globalSearch ? e(t).globalSearch.value : null,
                 onChange: le
               }, () => [
-                e(t).globalSearch ? (o(), _(Ut, {
+                s.showGlobalSearch && e(t).globalSearch && e(L) ? (o(), _(Ut, {
                   key: 0,
                   class: "flex-grow",
                   label: e(t).globalSearch.label,
                   value: e(t).globalSearch.value,
                   "on-change": le
-                }, null, 8, ["label", "value"])) : k("", !0)
+                }, null, 8, ["label", "value"])) : x("", !0)
               ])
-            ])) : k("", !0),
+            ]),
             w(a.$slots, "tableReset", {
               canBeReset: "canBeReset",
               onClick: te
             }, () => [
               e(pe) ? (o(), i("div", ks, [
-                M(is, { "on-click": te })
-              ])) : k("", !0)
+                D(is, { "on-click": te })
+              ])) : x("", !0)
             ]),
             w(a.$slots, "tableAddSearchRow", {
               hasSearchInputs: e(t).hasSearchInputs,
@@ -1187,13 +1196,13 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
               searchInputs: e(t).searchInputsWithoutGlobal,
               onAdd: ee
             }, () => [
-              e(t).hasSearchInputs ? (o(), _(mt, {
+              s.showGlobalSearch && e(t).hasSearchInputs && e(L) ? (o(), _(mt, {
                 key: 0,
                 class: "order-3 sm:order-4",
                 "search-inputs": e(t).searchInputsWithoutGlobal,
                 "has-search-inputs-without-value": e(t).hasSearchInputsWithoutValue,
                 "on-add": ee
-              }, null, 8, ["search-inputs", "has-search-inputs-without-value"])) : k("", !0)
+              }, null, 8, ["search-inputs", "has-search-inputs-without-value"])) : x("", !0)
             ]),
             w(a.$slots, "tableColumns", {
               hasColumns: e(t).hasToggleableColumns,
@@ -1207,42 +1216,42 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
                 columns: e(t).columns,
                 "has-hidden-columns": e(t).hasHiddenColumns,
                 "on-change": ne
-              }, null, 8, ["columns", "has-hidden-columns"])) : k("", !0)
+              }, null, 8, ["columns", "has-hidden-columns"])) : x("", !0)
             ])
           ]),
           w(a.$slots, "tableSearchRows", {
             hasSearchRowsWithValue: e(t).hasSearchInputsWithValue,
             searchInputs: e(t).searchInputsWithoutGlobal,
             forcedVisibleSearchInputs: m.value,
-            onChange: A
+            onChange: W
           }, () => [
             e(t).hasSearchInputsWithValue || m.value.length > 0 ? (o(), _(ns, {
               key: 0,
               "search-inputs": e(t).searchInputsWithoutGlobal,
               "forced-visible-search-inputs": m.value,
-              "on-change": A,
+              "on-change": W,
               "on-remove": fe
-            }, null, 8, ["search-inputs", "forced-visible-search-inputs"])) : k("", !0)
+            }, null, 8, ["search-inputs", "forced-visible-search-inputs"])) : x("", !0)
           ]),
-          e(t).hasEnabledFilters ? (o(), _(Ht, {
+          e(t).hasEnabledFilters ? (o(), _(Gt, {
             key: 0,
             filters: e(t).filters,
             "on-filter-change": N
-          }, null, 8, ["filters"])) : k("", !0),
-          w(a.$slots, "tableWrapper", { meta: e(L) }, () => [
-            M(ms, {
-              class: x({ "mt-3": !e(q) })
+          }, null, 8, ["filters"])) : x("", !0),
+          w(a.$slots, "tableWrapper", { meta: e(V) }, () => [
+            D(ms, {
+              class: k({ "mt-3": !e(q) })
             }, {
               default: C(() => [
                 w(a.$slots, "table", {}, () => [
-                  r("table", _s, [
-                    r("thead", $s, [
+                  l("table", _s, [
+                    l("thead", $s, [
                       w(a.$slots, "head", {
                         show: Q,
                         sortBy: oe,
                         header: ue
                       }, () => [
-                        r("tr", Cs, [
+                        l("tr", Cs, [
                           (o(!0), i(B, null, P(e(t).columns, (h) => (o(), _(Ke, {
                             key: `table-${s.name}-header-${h.key}`,
                             cell: ue(h.key)
@@ -1250,43 +1259,44 @@ const ms = /* @__PURE__ */ cs(ds, [["render", gs]]), bs = ["dusk"], ys = { class
                         ])
                       ])
                     ]),
-                    r("tbody", Ss, [
+                    l("tbody", Ss, [
                       w(a.$slots, "body", { show: Q }, () => [
                         (o(!0), i(B, null, P(e(y), (h, g) => (o(), i("tr", {
                           key: `table-${s.name}-row-${g}`,
-                          class: x(["", {
+                          class: k(["", {
                             "bg-gray-50": s.striped && g % 2,
                             "hover:bg-gray-100": s.striped,
                             "hover:bg-gray-50": !s.striped
                           }]),
                           onClick: (b) => he(h, g)
                         }, [
-                          (o(!0), i(B, null, P(e(t).columns, (b) => D((o(), i("td", {
+                          (o(!0), i(B, null, P(e(t).columns, (b) => E((o(), i("td", {
                             key: `table-${s.name}-row-${g}-column-${b.key}`,
                             class: "px-6 py-4 text-sm text-gray-500 whitespace-nowrap"
                           }, [
                             w(a.$slots, `cell(${b.key})`, { item: h }, () => [
-                              T(v(h[b.key]), 1)
+                              j(v(h[b.key]), 1)
                             ])
                           ])), [
-                            [E, Q(b.key)]
+                            [A, Q(b.key)]
                           ])), 128))
                         ], 10, qs))), 128))
-                      ])
+                      ]),
+                      e(L) ? x("", !0) : (o(), i("tr", Fs, Ps))
                     ])
                   ])
                 ]),
                 w(a.$slots, "pagination", {
                   onClick: K,
-                  hasData: e(W),
-                  meta: e(L),
+                  hasData: e(L),
+                  meta: e(V),
                   perPageOptions: e(t).perPageOptions,
                   onPerPageChange: re
                 }, () => [
-                  M(ft, {
+                  D(ft, {
                     "on-click": K,
-                    "has-data": e(W),
-                    meta: e(L),
+                    "has-data": e(L),
+                    meta: e(V),
                     "per-page-options": e(t).perPageOptions,
                     "on-per-page-change": re
                   }, null, 8, ["has-data", "meta", "per-page-options"])
@@ -1306,7 +1316,7 @@ export {
   Ke as HeaderCell,
   ze as OnClickOutside,
   ft as Pagination,
-  Hs as Table,
+  Qs as Table,
   mt as TableAddSearchRow,
   qt as TableColumns,
   Vt as TableFilter,
@@ -1315,6 +1325,6 @@ export {
   ns as TableSearchRows,
   ms as TableWrapper,
   de as getTranslations,
-  Ws as setTranslation,
-  Ns as setTranslations
+  Hs as setTranslation,
+  Ks as setTranslations
 };