@orchidui/core 1.92.0 → 1.94.0

package/dist/{OcDataTable-DwKK4tAk.js → OcDataTable-qEhaCxwd.js}

@@ -1,18 +1,18 @@
-import { ref as C, onMounted as Se, createBlock as L, openBlock as o, unref as i, withCtx as p, createVNode as I, createElementVNode as q, createElementBlock as x, createCommentVNode as f, mergeProps as ye, Fragment as ae, renderList as ee, normalizeClass as te, toDisplayString as ge, computed as T, watch as ke, toRaw as Ge, nextTick as Me, renderSlot as E, resolveDynamicComponent as We, createSlots as Xe, normalizeProps as be, guardReactiveProps as he } from "vue";
-import { aG as Oe, B as Ve, C as Ye, E as Ze, Q as He, a4 as _e, aR as el, aS as ll, aT as al, K as tl, L as we, j as sl } from "./index-CfAyElUe.js";
-import { V as xe } from "./vue-draggable-next.esm-bundler-QQ8zx__3.js";
-import { getFromLocalStorage as Fe, formatHeadersFromLocalStorage as Ee, formatHeadersToLocalStorage as ol, setInLocalStorage as ul } from "./DataTable/utils/editColumnsUtils.js";
-import { _ as $e } from "./OcIcon-DuLjS3TV.js";
-import { formatFilterDisplay as il, clearAllFilters as rl } from "./DataTable/utils/filterUtils.js";
-import { formatCustomItemsPerPageOptions as nl, getItemsPerPageOptions as dl } from "./DataTable/utils/paginationUtils.js";
+import { ref as P, onMounted as Ce, createBlock as L, openBlock as o, unref as n, withCtx as p, createVNode as I, createElementVNode as R, createElementBlock as x, createCommentVNode as f, mergeProps as we, Fragment as ue, renderList as ae, normalizeClass as ie, toDisplayString as xe, computed as D, watch as $e, toRaw as We, nextTick as Xe, renderSlot as C, resolveDynamicComponent as Ye, createSlots as Ze, normalizeProps as Se, guardReactiveProps as Oe } from "vue";
+import { aG as Pe, B as je, C as He, E as _e, Q as el, a4 as ll, aR as al, aS as tl, aT as sl, K as ol, L as Ve, j as ul } from "./index-BvVTmVd1.js";
+import { V as Fe } from "./vue-draggable-next.esm-bundler-QQ8zx__3.js";
+import { getFromLocalStorage as Ae, formatHeadersFromLocalStorage as Ke, formatHeadersToLocalStorage as il, setInLocalStorage as rl } from "./DataTable/utils/editColumnsUtils.js";
+import { _ as Ee } from "./OcIcon-DuLjS3TV.js";
+import { formatFilterDisplay as nl, clearAllFilters as dl } from "./DataTable/utils/filterUtils.js";
+import { formatCustomItemsPerPageOptions as vl, getItemsPerPageOptions as cl } from "./DataTable/utils/paginationUtils.js";
 import "./dayjs.min-7xVZzECu.js";
-const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
+const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
   key: 0,
   class: "gap-y-2 flex flex-col border-b pb-3 border-oc-gray-200"
-}, ml = { class: "gap-y-2 flex flex-col" }, pl = {
+}, fl = { class: "gap-y-2 flex flex-col" }, yl = {
   key: 0,
   class: "flex items-center bg-white justify-between h-[26px]"
-}, fl = { class: "flex items-center w-full gap-x-3" }, yl = { class: "truncate w-full max-w-[160px]" }, gl = {
+}, gl = { class: "flex items-center w-full gap-x-3" }, bl = { class: "truncate w-full max-w-[160px]" }, kl = {
   __name: "ColumnEdit",
   props: {
     /** Initial active/visible state overrides for columns. Keyed by column key. */
@@ -39,55 +39,55 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
     /** Column order or visibility changed. Payload: `{ fixedHeaders, activeHeaders, isOnMount }`. */
     "update-order": []
   },
-  setup($, { emit: le }) {
-    const j = le, g = $, c = C([]), S = C([]), O = C(!1), y = {
+  setup($, { emit: oe }) {
+    const A = oe, k = $, m = P([]), S = P([]), O = P(!1), y = {
       handle: ".drag-el",
       filter: ".is-disabled",
       group: "headers",
       animation: 500,
       forceFallback: !1,
       move: (l) => l.to.dataset.activeHeaders ? !0 : !!l.draggedContext.futureIndex,
-      "onUpdate:modelValue": () => J()
-    }, J = (l = !1) => {
-      S.value = S.value.map((r) => ({
-        ...r,
+      "onUpdate:modelValue": () => z()
+    }, z = (l = !1) => {
+      S.value = S.value.map((d) => ({
+        ...d,
         isActive: !0
-      })), j("update-order", {
+      })), A("update-order", {
         fixedHeaders: S.value,
-        activeHeaders: c.value,
+        activeHeaders: m.value,
         isOnMount: l
       });
     };
-    return Se(() => {
-      const l = Fe(g.localKey), { fixed: r, active: n } = Ee(l, g.headers, g.localKey);
-      S.value = r || g.headers.slice(0, 1), c.value = n || g.headers.slice(1).map((k) => {
-        var t, U, A;
+    return Ce(() => {
+      const l = Ae(k.localKey), { fixed: d, active: v } = Ke(l, k.headers, k.localKey);
+      S.value = d || k.headers.slice(0, 1), m.value = v || k.headers.slice(1).map((g) => {
+        var t, U, j;
         return {
-          ...k,
-          isActive: ((A = (U = (t = g.options) == null ? void 0 : t.active) == null ? void 0 : U.find((Q) => Q.key === k.key)) == null ? void 0 : A.isActive) ?? !0
+          ...g,
+          isActive: ((j = (U = (t = k.options) == null ? void 0 : t.active) == null ? void 0 : U.find((Q) => Q.key === g.key)) == null ? void 0 : j.isActive) ?? !0
         };
-      }), J(!0);
-    }), (l, r) => (o(), L(i(Oe), {
+      }), z(!0);
+    }), (l, d) => (o(), L(n(Pe), {
       modelValue: O.value,
-      "onUpdate:modelValue": r[3] || (r[3] = (n) => O.value = n),
+      "onUpdate:modelValue": d[3] || (d[3] = (v) => O.value = v),
       "is-attach-to-body": ""
     }, {
       menu: p(() => [
-        q("div", vl, [
-          S.value.length ? (o(), x("div", cl, [
-            r[4] || (r[4] = q("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
-            I(i(xe), ye({
+        R("div", ml, [
+          S.value.length ? (o(), x("div", pl, [
+            d[4] || (d[4] = R("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
+            I(n(Fe), we({
               key: "key",
               modelValue: S.value,
-              "onUpdate:modelValue": r[0] || (r[0] = (n) => S.value = n)
+              "onUpdate:modelValue": d[0] || (d[0] = (v) => S.value = v)
             }, y), {
               default: p(() => [
-                (o(!0), x(ae, null, ee(S.value, (n, k) => (o(), x("div", {
-                  key: n.key,
-                  class: te(["flex items-center justify-between h-[26px]", k ? "" : "is-disabled"])
+                (o(!0), x(ue, null, ae(S.value, (v, g) => (o(), x("div", {
+                  key: v.key,
+                  class: ie(["flex items-center justify-between h-[26px]", g ? "" : "is-disabled"])
                 }, [
-                  q("span", null, ge(n.label), 1),
-                  k ? (o(), L(i($e), {
+                  R("span", null, xe(v.label), 1),
+                  g ? (o(), L(n(Ee), {
                     key: 0,
                     width: "18",
                     height: "18",
@@ -99,30 +99,30 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
               _: 1
             }, 16, ["modelValue"])
           ])) : f("", !0),
-          q("div", ml, [
-            r[5] || (r[5] = q("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            I(i(xe), ye({
+          R("div", fl, [
+            d[5] || (d[5] = R("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
+            I(n(Fe), we({
               key: "key",
-              modelValue: c.value,
-              "onUpdate:modelValue": r[2] || (r[2] = (n) => c.value = n)
+              modelValue: m.value,
+              "onUpdate:modelValue": d[2] || (d[2] = (v) => m.value = v)
             }, y, { "data-active-headers": "true" }), {
               default: p(() => [
-                (o(!0), x(ae, null, ee(c.value, (n) => (o(), x(ae, {
-                  key: n.key
+                (o(!0), x(ue, null, ae(m.value, (v) => (o(), x(ue, {
+                  key: v.key
                 }, [
-                  n.key !== "actions" ? (o(), x("div", pl, [
-                    q("div", fl, [
-                      I(i(Ye), {
-                        modelValue: n.isActive,
+                  v.key !== "actions" ? (o(), x("div", yl, [
+                    R("div", gl, [
+                      I(n(He), {
+                        modelValue: v.isActive,
                         "onUpdate:modelValue": [
-                          (k) => n.isActive = k,
-                          r[1] || (r[1] = (k) => J())
+                          (g) => v.isActive = g,
+                          d[1] || (d[1] = (g) => z())
                         ],
                         class: "!w-fit"
                       }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      q("div", yl, ge(n.label), 1)
+                      R("div", bl, xe(v.label), 1)
                     ]),
-                    c.value.length > 1 ? (o(), L(i($e), {
+                    m.value.length > 1 ? (o(), L(n(Ee), {
                       key: 0,
                       width: "18",
                       height: "18",
@@ -138,7 +138,7 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
         ])
       ]),
       default: p(() => [
-        I(i(Ve), {
+        I(n(je), {
           label: "Edit Column",
           "left-icon": "setting",
           size: "small",
@@ -149,22 +149,22 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}, kl = { class: "relative flex flex-col gap-9" }, bl = {
+}, hl = { class: "relative flex flex-col gap-9" }, wl = {
   key: 0,
   class: "flex items-center px-4 min-h-[44px]"
-}, hl = {
+}, xl = {
   key: 0,
   class: "absolute flex items-center gap-5 left-5"
-}, wl = {
+}, $l = {
   key: 1,
   class: "absolute flex gap-3 left-5"
-}, xl = {
+}, Sl = {
   key: 1,
   class: "flex justify-center w-full gap-5 md:justify-start"
-}, $l = {
+}, Ol = {
   key: 2,
   class: "items-center hidden md:flex"
-}, Al = {
+}, Tl = {
   __name: "OcDataTable",
   props: {
     /** Show skeleton loading rows while data is being fetched. */
@@ -263,144 +263,147 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
     /** Table has mounted and column order is initialized. */
     "on-table-ready": []
   },
-  setup($, { emit: le }) {
-    var ie, re, ne, de, ve, ce, me, pe, fe;
-    const j = $, g = le, c = T(() => {
+  setup($, { emit: oe }) {
+    var ve, ce, me, pe, fe, ye, ge, be, ke;
+    const A = $, k = oe, m = D(() => {
       var e;
-      return (e = j.options) == null ? void 0 : e.cursor;
-    }), S = C(), O = T(() => {
+      return (e = A.options) == null ? void 0 : e.cursor;
+    }), S = P(), O = D(() => {
       var e;
-      return (e = j.options) == null ? void 0 : e.tableOptions;
-    }), y = C({
+      return (e = A.options) == null ? void 0 : e.tableOptions;
+    }), y = P({
       total: 0,
       last_page: 1
     });
-    ke(
+    $e(
       () => {
         var e;
-        return (e = j.options) == null ? void 0 : e.pagination;
+        return (e = A.options) == null ? void 0 : e.pagination;
       },
       (e) => {
         y.value = e;
       },
       { deep: !0, immediate: !0 }
     );
-    const J = T(() => {
+    const z = D(() => {
       var a;
       return {
         ...O.value,
         headers: S.value ? S.value.map((u) => {
-          var m, d;
-          return u.class = ((d = (m = O.value) == null ? void 0 : m.headers.find((v) => v.key === u.key)) == null ? void 0 : d.class) ?? "", u;
-        }).filter((u) => u.isActive) : (a = O.value) == null ? void 0 : a.headers.filter((u) => Te(u.key))
+          var r, i;
+          return u.class = ((i = (r = O.value) == null ? void 0 : r.headers.find((c) => c.key === u.key)) == null ? void 0 : i.class) ?? "", u;
+        }).filter((u) => u.isActive) : (a = O.value) == null ? void 0 : a.headers.filter((u) => Be(u.key))
       };
-    }), l = T(() => {
+    }), l = D(() => {
       var e;
-      return (e = j.options) == null ? void 0 : e.filterOptions;
-    }), r = T(() => {
+      return (e = A.options) == null ? void 0 : e.filterOptions;
+    }), d = D(() => {
       var e;
-      return (e = j.options) == null ? void 0 : e.hidePerPageDropdown;
-    }), n = T(() => {
+      return (e = A.options) == null ? void 0 : e.hidePerPageDropdown;
+    }), v = D(() => {
       var e;
       return ((e = y.value) == null ? void 0 : e.last_page) === 1;
-    }), k = JSON.parse(JSON.stringify(Ge(j.filter)));
-    !k && y.value ? k.page = 1 : !k && c && (k.cursor = "");
-    const t = C(k);
-    ke(
-      () => j.filter,
+    }), g = JSON.parse(JSON.stringify(We(A.filter)));
+    !g && y.value ? g.page = 1 : !g && m && (g.cursor = "");
+    const t = P(g);
+    $e(
+      () => A.filter,
       (e) => {
         t.value = { ...e };
       },
       { deep: !0 }
     );
-    const U = C(!1), A = C(t.value[(re = (ie = l.value) == null ? void 0 : ie.tabs) == null ? void 0 : re.key]), Q = C(t.value.page), G = C(
-      (de = (ne = l.value) == null ? void 0 : ne.per_page) != null && de.key ? t.value[(ce = (ve = l.value) == null ? void 0 : ve.per_page) == null ? void 0 : ce.key] : t.value.per_page
-    ), se = ((fe = t.value[t.value.selectedSearchOption || ((pe = (me = l.value) == null ? void 0 : me.search) == null ? void 0 : pe.key)]) == null ? void 0 : fe.trim()) ?? "", N = C(se ? se.split(",") : []), oe = C(!1), Ce = T(
+    const U = P(!1), j = P(t.value[(ce = (ve = l.value) == null ? void 0 : ve.tabs) == null ? void 0 : ce.key]), Q = P(t.value.page), q = P(
+      (pe = (me = l.value) == null ? void 0 : me.per_page) != null && pe.key ? t.value[(ye = (fe = l.value) == null ? void 0 : fe.per_page) == null ? void 0 : ye.key] : t.value.per_page
+    ), re = ((ke = t.value[t.value.selectedSearchOption || ((be = (ge = l.value) == null ? void 0 : ge.search) == null ? void 0 : be.key)]) == null ? void 0 : ke.trim()) ?? "", N = P(re ? re.split(",") : []), ne = P(!1), Te = D(
       () => {
         var e;
-        return nl((e = j.options) == null ? void 0 : e.perPageOptions);
+        return vl((e = A.options) == null ? void 0 : e.perPageOptions);
       }
-    ), Pe = T(() => dl(Ce.value, y.value)), je = T(() => {
+    ), De = D(() => cl(Te.value, y.value)), Le = D(() => {
       var e;
-      return ((e = j.selected) == null ? void 0 : e.length) > 0;
-    }), Ae = (e) => {
-      !e.trim() || !t.value.selectedSearchOption && N.value.includes(e) || (N.value = [e], K(), g("search-query-changed", e));
-    }, Ke = (e) => {
+      return ((e = A.selected) == null ? void 0 : e.length) > 0;
+    }), Ue = (e) => {
+      !e.trim() || !t.value.selectedSearchOption && N.value.includes(e) || (N.value = [e], K(), k("search-query-changed", e));
+    }, Ie = (e) => {
       N.value = N.value.filter((a) => a !== e), K();
-    }, De = T(() => il(t.value, l.value)), Te = (e) => {
-      var a, u, m, d, v, b;
-      return ((b = (v = (d = (m = t.value) == null ? void 0 : m[(u = (a = l.value) == null ? void 0 : a.columnEdit) == null ? void 0 : u.key]) == null ? void 0 : d.active) == null ? void 0 : v.find((V) => V.key === e)) == null ? void 0 : b.isActive) ?? !0;
-    }, Le = ({ fixedHeaders: e, activeHeaders: a, isOnMount: u }) => {
-      var m, d, v, b, V, s, D, h;
-      if (t.value[(d = (m = l.value) == null ? void 0 : m.columnEdit) == null ? void 0 : d.key] || (t.value[(b = (v = l.value) == null ? void 0 : v.columnEdit) == null ? void 0 : b.key] = {}), t.value[(s = (V = l.value) == null ? void 0 : V.columnEdit) == null ? void 0 : s.key].fixed = e, t.value[(h = (D = l.value) == null ? void 0 : D.columnEdit) == null ? void 0 : h.key].active = a, S.value = [...e, ...a], !u) {
-        const F = ol(e, a);
-        ul(l.value.columnEdit.localStorageKey, F);
+    }, Ne = D(() => nl(t.value, l.value)), Be = (e) => {
+      var a, u, r, i, c, h;
+      return ((h = (c = (i = (r = t.value) == null ? void 0 : r[(u = (a = l.value) == null ? void 0 : a.columnEdit) == null ? void 0 : u.key]) == null ? void 0 : i.active) == null ? void 0 : c.find((V) => V.key === e)) == null ? void 0 : h.isActive) ?? !0;
+    }, Qe = ({ fixedHeaders: e, activeHeaders: a, isOnMount: u }) => {
+      var r, i, c, h, V, s, T, w;
+      if (t.value[(i = (r = l.value) == null ? void 0 : r.columnEdit) == null ? void 0 : i.key] || (t.value[(h = (c = l.value) == null ? void 0 : c.columnEdit) == null ? void 0 : h.key] = {}), t.value[(s = (V = l.value) == null ? void 0 : V.columnEdit) == null ? void 0 : s.key].fixed = e, t.value[(w = (T = l.value) == null ? void 0 : T.columnEdit) == null ? void 0 : w.key].active = a, S.value = [...e, ...a], !u) {
+        const F = il(e, a);
+        rl(l.value.columnEdit.localStorageKey, F);
       }
-      g("columns-changed", a);
-    }, Ue = () => {
-      var e, a, u, m, d, v;
+      k("columns-changed", a);
+    }, Re = () => {
+      var e, a, u, r, i, c;
       if ((a = (e = l.value) == null ? void 0 : e.columnEdit) != null && a.localStorageKey) {
-        const b = Fe(l.value.columnEdit.localStorageKey);
-        if (b) {
-          const { fixed: V, active: s } = Ee(
-            b,
+        const h = Ae(l.value.columnEdit.localStorageKey);
+        if (h) {
+          const { fixed: V, active: s } = Ke(
+            h,
             O.value.headers,
             l.value.columnEdit.localStorageKey
           );
-          t.value[(m = (u = l.value) == null ? void 0 : u.columnEdit) == null ? void 0 : m.key].fixed = V, t.value[(v = (d = l.value) == null ? void 0 : d.columnEdit) == null ? void 0 : v.key].active = s, S.value = [...V, ...s];
+          t.value[(r = (u = l.value) == null ? void 0 : u.columnEdit) == null ? void 0 : r.key].fixed = V, t.value[(c = (i = l.value) == null ? void 0 : i.columnEdit) == null ? void 0 : c.key].active = s, S.value = [...V, ...s];
         }
       }
-    }, Ie = (e) => {
+    }, ze = (e) => {
       t.value.selectedSearchOption = e;
-    }, Ne = () => {
-      N.value = [], A.value = "", t.value = rl(
+    }, qe = () => {
+      var a, u, r, i;
+      N.value = [], j.value = "";
+      const e = (u = (a = l.value) == null ? void 0 : a.tabs) != null && u.filter_name ? g[(i = (r = l.value) == null ? void 0 : r.tabs) == null ? void 0 : i.key] : j.value;
+      t.value = dl(
         t.value,
         l.value,
-        G.value,
-        A.value
+        q.value,
+        e
       ), K();
-    }, Be = () => {
+    }, Je = () => {
       K(null, Q.value);
-    }, K = (e = null, a = !1, u = "", m = !1, d = !1) => {
-      var b, V, s, D, h, F, B, M, W, X, Y, Z, H;
-      y.value && !a && (Q.value = 1), y.value ? t.value.page = Q.value : t.value.cursor = u, (b = l.value) != null && b.per_page ? t.value[l.value.per_page.key] = G.value : t.value.per_page = G.value, (V = l.value) != null && V.tabs && d && (t.value[l.value.tabs.key] = A.value), (s = l.value) != null && s.search && ((h = (D = l.value.search) == null ? void 0 : D.options) != null && h.length ? (Object.keys(t.value).forEach((w) => {
-        var R;
-        (R = l.value.search.options) != null && R.map((z) => z.value).includes(w) && delete t.value[w];
-      }), t.value[((F = t.value) == null ? void 0 : F.selectedSearchOption) || ((W = (M = (B = l.value.search) == null ? void 0 : B.options) == null ? void 0 : M[0]) == null ? void 0 : W.value) || l.value.search.key] = N.value.join()) : t.value[l.value.search.key] = N.value.join()), e && (U.value = !1, t.value = { ...t.value, ...e }, Object.keys(t.value).forEach((w) => {
-        Array.isArray(t.value[w]) && t.value[w].length === 0 && delete t.value[w];
+    }, K = (e = null, a = !1, u = "", r = !1, i = !1) => {
+      var h, V, s, T, w, F, B, G, M, W, X, Y, Z, H, _, ee, le, b, te;
+      y.value && !a && (Q.value = 1), y.value ? t.value.page = Q.value : t.value.cursor = u, (h = l.value) != null && h.per_page ? t.value[l.value.per_page.key] = q.value : t.value.per_page = q.value, (V = l.value) != null && V.tabs && i && (t.value[l.value.tabs.key] = j.value), (T = (s = l.value) == null ? void 0 : s.tabs) != null && T.filter_name && (i ? t.value[(F = (w = l.value) == null ? void 0 : w.tabs) == null ? void 0 : F.filter_name] = null : e && (j.value = null)), (B = l.value) != null && B.search && ((M = (G = l.value.search) == null ? void 0 : G.options) != null && M.length ? (Object.keys(t.value).forEach((E) => {
+        var J;
+        (J = l.value.search.options) != null && J.map((se) => se.value).includes(E) && delete t.value[E];
+      }), t.value[((W = t.value) == null ? void 0 : W.selectedSearchOption) || ((Z = (Y = (X = l.value.search) == null ? void 0 : X.options) == null ? void 0 : Y[0]) == null ? void 0 : Z.value) || l.value.search.key] = N.value.join()) : t.value[l.value.search.key] = N.value.join()), e && (U.value = !1, t.value = { ...t.value, ...e }, Object.keys(t.value).forEach((E) => {
+        Array.isArray(t.value[E]) && t.value[E].length === 0 && delete t.value[E];
       }));
-      let v = (Y = (X = l.value) == null ? void 0 : X.tabs) == null ? void 0 : Y.key;
-      if (v && A.value !== t.value[v]) {
-        const w = (H = (Z = l.value.tabs) == null ? void 0 : Z.options) == null ? void 0 : H.find(
-          (R) => {
-            var z, _;
-            return ((z = R.value) == null ? void 0 : z.toString()) === ((_ = t.value[v]) == null ? void 0 : _.toString());
+      let c = (_ = (H = l.value) == null ? void 0 : H.tabs) == null ? void 0 : _.key;
+      if (c && j.value !== t.value[c] && !((le = (ee = l.value) == null ? void 0 : ee.tabs) != null && le.filter_name)) {
+        const E = (te = (b = l.value.tabs) == null ? void 0 : b.options) == null ? void 0 : te.find(
+          (J) => {
+            var se, he;
+            return ((se = J.value) == null ? void 0 : se.toString()) === ((he = t.value[c]) == null ? void 0 : he.toString());
           }
         );
-        w != null && w.value && (A.value = w.value, d || K(null, !1, "", !1, !0));
+        E != null && E.value && (j.value = E.value, i || K(null, !1, "", !1, !0));
       }
-      Qe(m);
-    }, ue = C(null), Qe = (e = !1) => {
-      clearTimeout(ue.value), ue.value = setTimeout(() => {
-        g("update:filter", { ...t.value }, e), g("apply-filter", { ...t.value }, e);
+      Ge(r);
+    }, de = P(null), Ge = (e = !1) => {
+      clearTimeout(de.value), de.value = setTimeout(() => {
+        k("update:filter", { ...t.value }, e), k("apply-filter", { ...t.value }, e);
       }, 50);
-    }, Re = (e, a) => {
-      (a === l.value.tabs.key || a === "tabs") && (A.value = ""), K(e), g("filter-removed", a);
+    }, Me = (e, a) => {
+      (a === l.value.tabs.key || a === "tabs") && (j.value = ""), K(e), k("filter-removed", a);
     };
-    return Se(() => {
-      Ue(), Me(() => {
-        g("on-table-ready");
+    return Ce(() => {
+      Re(), Xe(() => {
+        k("on-table-ready");
       });
     }), (e, a) => {
-      var u, m, d, v, b, V;
-      return o(), x("div", kl, [
-        J.value ? (o(), L(We($.isNewTable ? i(Ze) : i(He)), {
+      var u, r, i, c, h, V;
+      return o(), x("div", hl, [
+        z.value ? (o(), L(Ye($.isNewTable ? n(_e) : n(el)), {
           key: 0,
           selected: $.selected,
           "row-key": $.rowKey,
-          options: J.value,
+          options: z.value,
           "is-loading": $.isLoading,
-          "loading-rows": G.value,
+          "loading-rows": q.value,
           "row-class": $.rowClass,
           "row-link": $.rowLink,
           "selected-index": $.selectedIndex,
@@ -409,39 +412,39 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
           "onUpdate:selected": a[8] || (a[8] = (s) => e.$emit("update:selected", s)),
           "onClick:row": a[9] || (a[9] = (s) => e.$emit("click:row", s)),
           "onHover:cell": a[10] || (a[10] = (s) => e.$emit("hover:cell", s))
-        }, Xe({
+        }, Ze({
           after: p(() => [
-            E(e.$slots, "after")
+            C(e.$slots, "after")
           ]),
           empty: p(() => [
-            E(e.$slots, "empty")
+            C(e.$slots, "empty")
           ]),
           "table-header": p((s) => [
-            E(e.$slots, "table-header", be(he(s)))
+            C(e.$slots, "table-header", Se(Oe(s)))
           ]),
           "table-body": p((s) => [
-            E(e.$slots, "table-body", be(he(s)))
+            C(e.$slots, "table-body", Se(Oe(s)))
           ]),
           "after-rows": p(() => [
-            E(e.$slots, "after-rows")
+            C(e.$slots, "after-rows")
           ]),
           _: 2
         }, [
-          e.$slots.before || (u = l.value) != null && u.search || (m = l.value) != null && m.form || (d = l.value) != null && d.tabs ? {
+          e.$slots.before || (u = l.value) != null && u.search || (r = l.value) != null && r.form || (i = l.value) != null && i.tabs ? {
             name: "before",
             fn: p(() => {
-              var s, D, h, F;
+              var s, T, w, F;
               return [
-                E(e.$slots, "before"),
-                (s = l.value) != null && s.search || (D = l.value) != null && D.form || (h = l.value) != null && h.tabs ? (o(), x("div", bl, [
-                  je.value ? (o(), x("div", hl, [
-                    E(e.$slots, "bulk-actions", { selectedRows: $.selected })
-                  ])) : (o(), x("div", wl, [
-                    (F = l.value) != null && F.tabs ? (o(), L(i(_e), {
+                C(e.$slots, "before"),
+                (s = l.value) != null && s.search || (T = l.value) != null && T.form || (w = l.value) != null && w.tabs ? (o(), x("div", wl, [
+                  Le.value ? (o(), x("div", xl, [
+                    C(e.$slots, "bulk-actions", { selectedRows: $.selected })
+                  ])) : (o(), x("div", $l, [
+                    (F = l.value) != null && F.tabs ? (o(), L(n(ll), {
                       key: 0,
-                      modelValue: A.value,
+                      modelValue: j.value,
                       "onUpdate:modelValue": [
-                        a[0] || (a[0] = (B) => A.value = B),
+                        a[0] || (a[0] = (B) => j.value = B),
                         a[1] || (a[1] = (B) => K(null, !1, "", !1, !0))
                       ],
                       "is-disabled": $.isLoading,
@@ -449,61 +452,61 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
                       variant: "pills"
                     }, null, 8, ["modelValue", "is-disabled", "tabs"])) : f("", !0)
                   ])),
-                  E(e.$slots, "filter-options", {}, () => {
-                    var B, M, W, X, Y, Z, H, w, R, z, _;
+                  C(e.$slots, "filter-options", {}, () => {
+                    var B, G, M, W, X, Y, Z, H, _, ee, le;
                     return [
-                      (B = l.value) != null && B.search || (M = l.value) != null && M.form || (W = l.value) != null && W.columnEdit ? (o(), x("div", {
+                      (B = l.value) != null && B.search || (G = l.value) != null && G.form || (M = l.value) != null && M.columnEdit ? (o(), x("div", {
                         key: 0,
-                        class: te([
+                        class: ie([
                           "flex gap-3 absolute ml-auto items-center bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
-                          l.value ? oe.value ? "md:w-fit w-full" : "" : "w-full justify-end"
+                          l.value ? ne.value ? "md:w-fit w-full" : "" : "w-full justify-end"
                         ])
                       }, [
-                        (X = l.value) != null && X.search ? (o(), L(i(el), {
+                        (W = l.value) != null && W.search ? (o(), L(n(al), {
                           key: 0,
                           "is-search-only": !l.value.tabs || l.value.isSearchOnly,
-                          "search-options": ((Y = l.value.search) == null ? void 0 : Y.options) ?? [],
-                          "selected-option": (((Z = t.value) == null ? void 0 : Z.selectedSearchOption) || ((R = (w = (H = l.value.search) == null ? void 0 : H.options) == null ? void 0 : w[0]) == null ? void 0 : R.value)) ?? "keywords",
-                          onAddQuery: Ae,
-                          onToggle: a[2] || (a[2] = (P) => oe.value = P),
-                          onChangeSearchKey: Ie
+                          "search-options": ((X = l.value.search) == null ? void 0 : X.options) ?? [],
+                          "selected-option": (((Y = t.value) == null ? void 0 : Y.selectedSearchOption) || ((_ = (H = (Z = l.value.search) == null ? void 0 : Z.options) == null ? void 0 : H[0]) == null ? void 0 : _.value)) ?? "keywords",
+                          onAddQuery: Ue,
+                          onToggle: a[2] || (a[2] = (b) => ne.value = b),
+                          onChangeSearchKey: ze
                         }, null, 8, ["is-search-only", "search-options", "selected-option"])) : f("", !0),
-                        (z = l.value) != null && z.form ? (o(), L(i(Oe), {
+                        (ee = l.value) != null && ee.form ? (o(), L(n(Pe), {
                           key: 1,
                           modelValue: U.value,
                           "onUpdate:modelValue": [
-                            a[6] || (a[6] = (P) => U.value = P),
-                            a[7] || (a[7] = (P) => e.$emit("filter-open", P))
+                            a[6] || (a[6] = (b) => U.value = b),
+                            a[7] || (a[7] = (b) => e.$emit("filter-open", b))
                           ],
                           distance: 9,
                           placement: "bottom-end",
                           "is-attach-to-body": ""
                         }, {
                           menu: p(() => [
-                            U.value ? (o(), L(i(ll), {
+                            U.value ? (o(), L(n(tl), {
                               key: 0,
                               id: $.id,
                               "json-form": l.value.form ?? [],
                               grid: l.value.grid ?? null,
                               values: t.value,
                               actions: l.value.actions,
-                              onApplyFilter: a[3] || (a[3] = (P) => K(P)),
-                              onFilterFieldsChanged: a[4] || (a[4] = (P) => g("filter-fields-changed", P)),
-                              onCancel: a[5] || (a[5] = (P) => U.value = !1)
+                              onApplyFilter: a[3] || (a[3] = (b) => K(b)),
+                              onFilterFieldsChanged: a[4] || (a[4] = (b) => k("filter-fields-changed", b)),
+                              onCancel: a[5] || (a[5] = (b) => U.value = !1)
                             }, {
-                              default: p(({ errors: P, values: ze, jsonForm: qe, updateForm: Je }) => [
-                                E(e.$slots, "custom-filter-form", {
-                                  errors: P,
-                                  values: ze,
-                                  jsonForm: qe,
-                                  updateFilter: Je
+                              default: p(({ errors: b, values: te, jsonForm: E, updateForm: J }) => [
+                                C(e.$slots, "custom-filter-form", {
+                                  errors: b,
+                                  values: te,
+                                  jsonForm: E,
+                                  updateFilter: J
                                 })
                               ]),
                               _: 3
                             }, 8, ["id", "json-form", "grid", "values", "actions"])) : f("", !0)
                           ]),
                           default: p(() => [
-                            I(i(Ve), {
+                            I(n(je), {
                               "is-active": U.value,
                               variant: "secondary",
                               "left-icon": "filter",
@@ -514,96 +517,96 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
                           ]),
                           _: 3
                         }, 8, ["modelValue"])) : f("", !0),
-                        l.value.columnEdit ? (o(), L(gl, {
+                        l.value.columnEdit ? (o(), L(kl, {
                           key: 2,
                           options: t.value.columnEdit,
-                          headers: ((_ = O.value) == null ? void 0 : _.headers) || [],
+                          headers: ((le = O.value) == null ? void 0 : le.headers) || [],
                           "local-key": l.value.columnEdit.localStorageKey,
-                          onUpdateOrder: Le
+                          onUpdateOrder: Qe
                         }, null, 8, ["options", "headers", "local-key"])) : f("", !0)
                       ], 2)) : f("", !0)
                     ];
                   })
                 ])) : f("", !0),
-                I(i(al), {
-                  filters: De.value,
+                I(n(sl), {
+                  filters: Ne.value,
                   queries: N.value,
                   class: "border-t border-oc-gray-200",
-                  onRemoveQuery: Ke,
-                  onRemoveAll: Ne,
-                  onRemoveFilter: Re
+                  onRemoveQuery: Ie,
+                  onRemoveAll: qe,
+                  onRemoveFilter: Me
                 }, null, 8, ["filters", "queries"])
               ];
             }),
             key: "0"
           } : void 0,
-          ee((v = O.value) == null ? void 0 : v.headers, (s, D) => ({
+          ae((c = O.value) == null ? void 0 : c.headers, (s, T) => ({
             name: s.key,
-            fn: p(({ data: h, item: F }) => [
-              E(e.$slots, s.key, {
-                data: h,
+            fn: p(({ data: w, item: F }) => [
+              C(e.$slots, s.key, {
+                data: w,
                 item: F
               })
             ])
           })),
-          ee((b = O.value) == null ? void 0 : b.headers, (s, D) => ({
+          ae((h = O.value) == null ? void 0 : h.headers, (s, T) => ({
             name: `header-${s.key}-tooltip`,
-            fn: p(({ data: h, item: F }) => [
-              E(e.$slots, `header-${s.key}-tooltip`, {
-                data: h,
+            fn: p(({ data: w, item: F }) => [
+              C(e.$slots, `header-${s.key}-tooltip`, {
+                data: w,
                 item: F
               })
             ])
           })),
-          ee((V = O.value) == null ? void 0 : V.headers, (s, D) => ({
+          ae((V = O.value) == null ? void 0 : V.headers, (s, T) => ({
             name: `header-${s.key}-left-tooltip`,
-            fn: p(({ data: h, item: F }) => [
-              E(e.$slots, `header-${s.key}-left-tooltip`, {
-                data: h,
+            fn: p(({ data: w, item: F }) => [
+              C(e.$slots, `header-${s.key}-left-tooltip`, {
+                data: w,
                 item: F
               })
             ])
           }))
         ]), 1064, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "selected-index", "is-sticky", "is-borderless"])) : f("", !0),
-        E(e.$slots, "before-pagination"),
-        y.value || c.value ? (o(), x("div", {
+        C(e.$slots, "before-pagination"),
+        y.value || m.value ? (o(), x("div", {
           key: 1,
-          class: te(["flex items-center gap-3", y.value && y.value.last_page === 1 ? "justify-end" : ""])
+          class: ie(["flex items-center gap-3", y.value && y.value.last_page === 1 ? "justify-end" : ""])
         }, [
-          y.value && !n.value ? (o(), L(i(tl), {
+          y.value && !v.value ? (o(), L(n(ol), {
             key: 0,
             modelValue: Q.value,
             "onUpdate:modelValue": [
               a[11] || (a[11] = (s) => Q.value = s),
-              Be
+              Je
             ],
             class: "justify-center text-[13px]",
             "max-page": y.value.last_page,
             strategy: y.value.strategy,
             "total-visible": "5"
           }, null, 8, ["modelValue", "max-page", "strategy"])) : f("", !0),
-          c.value ? (o(), x("div", xl, [
-            I(i(we), {
-              disabled: !c.value.prev,
-              onClick: a[12] || (a[12] = (s) => c.value.prev ? K(null, !1, c.value.prev) : null)
+          m.value ? (o(), x("div", Sl, [
+            I(n(Ve), {
+              disabled: !m.value.prev,
+              onClick: a[12] || (a[12] = (s) => m.value.prev ? K(null, !1, m.value.prev) : null)
             }, null, 8, ["disabled"]),
-            I(i(we), {
-              disabled: !c.value.next,
+            I(n(Ve), {
+              disabled: !m.value.next,
               "is-next": "",
-              onClick: a[13] || (a[13] = (s) => c.value.next ? K(null, !1, c.value.next) : null)
+              onClick: a[13] || (a[13] = (s) => m.value.next ? K(null, !1, m.value.next) : null)
             }, null, 8, ["disabled"])
           ])) : f("", !0),
-          r.value ? f("", !0) : (o(), x("div", $l, [
-            I(i(sl), {
-              modelValue: G.value,
+          d.value ? f("", !0) : (o(), x("div", Ol, [
+            I(n(ul), {
+              modelValue: q.value,
               "onUpdate:modelValue": [
-                a[14] || (a[14] = (s) => G.value = s),
+                a[14] || (a[14] = (s) => q.value = s),
                 a[15] || (a[15] = (s) => K(null))
               ],
               label: "Item per page",
               "is-inline-label": "",
               "popper-options": { placement: "auto" },
-              options: Pe.value,
+              options: De.value,
               "select-text-class": "!text-[13px]"
             }, null, 8, ["modelValue", "options"])
           ]))
@@ -613,5 +616,5 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
   }
 };
 export {
-  Al as default
+  Tl as default
 };