@orchidui/core 1.8.1-126 → 1.8.1-127

package/dist/index.js

@@ -1,5 +1,5 @@
 import "vue";
-import { V as r, ak as o, aX as t, a2 as n, a4 as i, at as p, _ as l, a5 as d, B as m, o as u, a as b, C as S, b as c, au as T, aH as g, aO as C, ax as x, ay as P, c as I, aQ as f, v as h, aN as O, p as F, aI as B, aR as k, az as v, aA as w, aS as A, a6 as H, T as L, L as D, R as M, a7 as _, aL as R, aK as y, aM as E, w as N, u as U, l as V, a8 as G, ab as j, aa as z, ac as W, x as q, a3 as J, d as K, e as Q, m as X, y as Y, z as Z, A as $, aB as aa, aP as ea, t as sa, N as ra, aC as oa, D as ta, W as na, k as ia, E as pa, F as la, G as da, ae as ma, af as ua, H as ba, J as Sa, $ as ca, f as Ta, I as ga, ag as Ca, g as xa, h as Pa, i as Ia, ah as fa, q as ha, j as Oa, r as Fa, av as Ba, am as ka, ai as va, ap as wa, ao as Aa, al as Ha, an as La, aj as Da, s as Ma, S as _a, aw as Ra, Y as ya, X as Ea, a9 as Na, aV as Ua, aq as Va, aD as Ga, ad as ja, K as za, O as Wa, P as qa, M as Ja, Q as Ka, Z as Qa, n as Xa, aU as Ya, aT as Za, aW as $a, aJ as ae, aE as ee, ar as se, U as re, a1 as oe, a0 as te, as as ne, aF as ie } from "./index-BuPthmbI.js";
+import { V as r, ak as o, aX as t, a2 as n, a4 as i, at as p, _ as l, a5 as d, B as m, o as u, a as b, C as S, b as c, au as T, aH as g, aO as C, ax as x, ay as P, c as I, aQ as f, v as h, aN as O, p as F, aI as B, aR as k, az as v, aA as w, aS as A, a6 as H, T as L, L as D, R as M, a7 as _, aL as R, aK as y, aM as E, w as N, u as U, l as V, a8 as G, ab as j, aa as z, ac as W, x as q, a3 as J, d as K, e as Q, m as X, y as Y, z as Z, A as $, aB as aa, aP as ea, t as sa, N as ra, aC as oa, D as ta, W as na, k as ia, E as pa, F as la, G as da, ae as ma, af as ua, H as ba, J as Sa, $ as ca, f as Ta, I as ga, ag as Ca, g as xa, h as Pa, i as Ia, ah as fa, q as ha, j as Oa, r as Fa, av as Ba, am as ka, ai as va, ap as wa, ao as Aa, al as Ha, an as La, aj as Da, s as Ma, S as _a, aw as Ra, Y as ya, X as Ea, a9 as Na, aV as Ua, aq as Va, aD as Ga, ad as ja, K as za, O as Wa, P as qa, M as Ja, Q as Ka, Z as Qa, n as Xa, aU as Ya, aT as Za, aW as $a, aJ as ae, aE as ee, ar as se, U as re, a1 as oe, a0 as te, as as ne, aF as ie } from "./index-CbMhrjCQ.js";
 import { _ as le } from "./OcProgressBar-lyqE5LZd.js";
 import { _ as me } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-C-8H1oP2.js";
 import { _ as be } from "./OcSwitchTabs-B7LfmG3z.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/core",
   "description": "Orchid UI, Library Vue 3 tailwind css",
-  "version": "1.8.1-126",
+  "version": "1.8.1-127",
   "type": "module",
   "scripts": {
     "build": "vite build"

package/dist/OcDataTable-Ba2vClWe.js

@@ -1,545 +0,0 @@
-import { ref as $, onMounted as Ae, createBlock as P, openBlock as r, unref as i, withCtx as w, createVNode as A, createElementVNode as Q, createElementBlock as k, createCommentVNode as y, mergeProps as De, Fragment as ie, renderList as ne, normalizeClass as de, toDisplayString as Fe, computed as S, watch as re, renderSlot as C, createSlots as sl, normalizeProps as Ee, guardReactiveProps as Ce } from "vue";
-import { az as Ke, B as Be, C as ul, K as il, Z as rl, aK as nl, aL as dl, aM as vl, H as cl, I as Pe, j as ml } from "./index-BuPthmbI.js";
-import { useDataTable as pl } from "./DataTable/useDataTable.js";
-import { VueDraggableNext as Le } from "vue-draggable-next";
-import { getFromLocalStorage as Ue, formatHeadersFromLocalStorage as Ie, formatHeadersToLocalStorage as fl, setInLocalStorage as yl } from "./DataTable/utils/editColumnsUtils.js";
-import { _ as je } from "./OcIcon-CBf___w1.js";
-import { formatFilterDisplay as gl, clearAllFilters as bl } from "./DataTable/utils/filterUtils.js";
-import { formatCustomItemsPerPageOptions as kl, getItemsPerPageOptions as hl } from "./DataTable/utils/paginationUtils.js";
-import "dayjs";
-const xl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, wl = {
-  key: 0,
-  class: "gap-y-2 flex flex-col border-b pb-3 border-oc-gray-200"
-}, Sl = { class: "gap-y-2 flex flex-col" }, $l = {
-  key: 0,
-  class: "flex items-center bg-white justify-between h-[26px]"
-}, Ol = { class: "flex items-center w-full gap-x-3" }, Vl = { class: "truncate w-full max-w-[160px]" }, Dl = {
-  __name: "ColumnEdit",
-  props: {
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    headers: {
-      type: Array,
-      default: () => []
-    },
-    localKey: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: [
-    "change-active",
-    "onMoved",
-    "update-order"
-  ],
-  setup(L, { emit: te }) {
-    const oe = te, s = L, h = $([]), d = $([]), U = $(!1), O = {
-      handle: ".drag-el",
-      filter: ".is-disabled",
-      group: "headers",
-      animation: 500,
-      forceFallback: !1,
-      move: (j) => j.to.dataset.activeHeaders ? !0 : !!j.draggedContext.futureIndex,
-      "onUpdate:modelValue": () => I()
-    }, I = (j = !1) => {
-      d.value = d.value.map((u) => ({
-        ...u,
-        isActive: !0
-      })), oe("update-order", {
-        fixedHeaders: d.value,
-        activeHeaders: h.value,
-        isOnMount: j
-      });
-    };
-    return Ae(() => {
-      const j = Ue(s.localKey), { fixed: u, active: v } = Ie(j, s.headers, s.localKey);
-      d.value = u || s.headers.slice(0, 1), h.value = v || s.headers.slice(1).map((F) => {
-        var _, ee, le;
-        return {
-          ...F,
-          isActive: ((le = (ee = (_ = s.options) == null ? void 0 : _.active) == null ? void 0 : ee.find((se) => se.key === F.key)) == null ? void 0 : le.isActive) ?? !0
-        };
-      }), I(!0);
-    }), (j, u) => (r(), P(i(Ke), {
-      modelValue: U.value,
-      "onUpdate:modelValue": u[3] || (u[3] = (v) => U.value = v),
-      class: "h-[36px]",
-      "is-attach-to-body": ""
-    }, {
-      menu: w(() => [
-        Q("div", xl, [
-          d.value.length ? (r(), k("div", wl, [
-            u[4] || (u[4] = Q("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
-            A(i(Le), De({
-              key: "key",
-              modelValue: d.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (v) => d.value = v)
-            }, O), {
-              default: w(() => [
-                (r(!0), k(ie, null, ne(d.value, (v, F) => (r(), k("div", {
-                  key: v.key,
-                  class: de(["flex items-center justify-between h-[26px]", F ? "" : "is-disabled"])
-                }, [
-                  Q("span", null, Fe(v.label), 1),
-                  F ? (r(), P(i(je), {
-                    key: 0,
-                    width: "18",
-                    height: "18",
-                    class: "text-oc-text-400 drag-el cursor-move",
-                    name: "draggable"
-                  })) : y("", !0)
-                ], 2))), 128))
-              ]),
-              _: 1
-            }, 16, ["modelValue"])
-          ])) : y("", !0),
-          Q("div", Sl, [
-            u[5] || (u[5] = Q("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            A(i(Le), De({
-              key: "key",
-              modelValue: h.value,
-              "onUpdate:modelValue": u[2] || (u[2] = (v) => h.value = v)
-            }, O, { "data-active-headers": "true" }), {
-              default: w(() => [
-                (r(!0), k(ie, null, ne(h.value, (v) => (r(), k(ie, {
-                  key: v.key
-                }, [
-                  v.key !== "actions" ? (r(), k("div", $l, [
-                    Q("div", Ol, [
-                      A(i(ul), {
-                        modelValue: v.isActive,
-                        "onUpdate:modelValue": [
-                          (F) => v.isActive = F,
-                          u[1] || (u[1] = (F) => I())
-                        ],
-                        class: "!w-fit"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      Q("div", Vl, Fe(v.label), 1)
-                    ]),
-                    h.value.length > 1 ? (r(), P(i(je), {
-                      key: 0,
-                      width: "18",
-                      height: "18",
-                      class: "text-oc-text-400 drag-el cursor-move",
-                      name: "draggable"
-                    })) : y("", !0)
-                  ])) : y("", !0)
-                ], 64))), 128))
-              ]),
-              _: 1
-            }, 16, ["modelValue"])
-          ])
-        ])
-      ]),
-      default: w(() => [
-        A(i(Be), {
-          label: "Edit Column",
-          "left-icon": "setting",
-          variant: "secondary"
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue"]));
-  }
-}, Fl = { class: "relative flex flex-col gap-9" }, El = {
-  key: 0,
-  class: "flex items-center px-4 min-h-[52px]"
-}, Cl = {
-  key: 0,
-  class: "absolute flex items-center gap-5 left-5"
-}, Pl = {
-  key: 1,
-  class: "absolute flex gap-3 left-5"
-}, Ll = {
-  key: 1,
-  class: "flex justify-center w-full gap-5 md:justify-start"
-}, jl = {
-  key: 2,
-  class: "items-center hidden md:flex"
-}, zl = {
-  __name: "OcDataTable",
-  props: {
-    isLoading: Boolean,
-    id: {
-      type: String,
-      required: !0
-    },
-    options: {
-      type: Object,
-      required: !0
-    },
-    filter: {
-      type: Object,
-      required: !0
-    },
-    selected: {
-      type: Array,
-      required: !1
-    },
-    rowClass: String,
-    rowKey: {
-      type: [String, Function],
-      default: "id"
-    },
-    rowLink: String,
-    localDb: {
-      type: Object,
-      required: !1
-    },
-    sortBy: {
-      type: Object,
-      required: !1
-    }
-  },
-  emits: {
-    "update:selected": [],
-    "update:filter": [],
-    "click:row": [],
-    "filter-fields-changed": [],
-    "filter-removed": [],
-    "filter-open": [],
-    "search-query-changed": [],
-    "hover:cell": [],
-    "columns-changed": [],
-    "on-table-ready": []
-  },
-  setup(L, { expose: te, emit: oe }) {
-    var fe, ye, ge, be, ke, he, xe, we, Se, $e, Oe, Ve;
-    const s = L, h = oe, d = S(() => {
-      var e;
-      return (e = s.options) == null ? void 0 : e.cursor;
-    }), U = $(), O = S(() => {
-      var e;
-      return (e = s.options) == null ? void 0 : e.tableOptions;
-    }), I = S(() => s.localDb !== void 0), {
-      localData: j,
-      paginationData: u,
-      isLoading: v,
-      // Methods
-      bulkPutLocalData: F,
-      bulkDeleteLocalData: _,
-      getLocalDataUpdatedAt: ee,
-      getLocalDataIds: le,
-      syncLocalData: se,
-      sortByData: Te,
-      // toggleSort,
-      // Setters
-      setFilter: qe,
-      setSortBy: Qe
-    } = pl({
-      name: (fe = s.localDb) == null ? void 0 : fe.table_name,
-      localDb: (ye = s.localDb) == null ? void 0 : ye.db,
-      options: (ge = s.localDb) == null ? void 0 : ge.options
-    });
-    re(() => {
-      var e;
-      return (e = s.options) == null ? void 0 : e.pagination;
-    }, (e) => {
-      I.value || (u.value = e);
-    }, { deep: !0, immediate: !0 }), I.value && (re(() => s.filter, () => {
-      s.filter && qe(s.filter);
-    }, { deep: !0, immediate: !0 }), re(() => s.sortBy, () => {
-      s.sortBy && Qe(s.sortBy);
-    }, { deep: !0, immediate: !0 }));
-    const ve = S(() => {
-      var l;
-      const e = {
-        ...O.value,
-        headers: U.value ? U.value.map((n) => {
-          var p, f;
-          return n.class = ((f = (p = O.value) == null ? void 0 : p.headers.find((c) => c.key === n.key)) == null ? void 0 : f.class) ?? "", n;
-        }).filter((n) => n.isActive) : (l = O.value) == null ? void 0 : l.headers.filter((n) => We(n.key))
-      };
-      return I.value && (e.fields = j.value), e;
-    }), a = S(() => {
-      var e;
-      return (e = s.options) == null ? void 0 : e.filterOptions;
-    }), Re = S(() => {
-      var e;
-      return (e = s.options) == null ? void 0 : e.hidePerPageDropdown;
-    }), ze = S(() => {
-      var e;
-      return ((e = u.value) == null ? void 0 : e.last_page) === 1;
-    }), R = $(!1), K = $(s.filter[(ke = (be = a.value) == null ? void 0 : be.tabs) == null ? void 0 : ke.key]), N = $(s.filter.page), z = $(
-      (xe = (he = a.value) == null ? void 0 : he.per_page) != null && xe.key ? s.filter[(Se = (we = a.value) == null ? void 0 : we.per_page) == null ? void 0 : Se.key] : s.filter.per_page
-    ), ce = ((Ve = s.filter[(Oe = ($e = a.value) == null ? void 0 : $e.search) == null ? void 0 : Oe.key]) == null ? void 0 : Ve.trim()) ?? "", B = $(ce ? ce.split(",") : []), me = $(!1), Ne = S(
-      () => {
-        var e;
-        return kl((e = s.options) == null ? void 0 : e.perPageOptions);
-      }
-    ), Me = S(() => hl(Ne.value, u.value)), Ze = S(() => {
-      var e;
-      return ((e = s.selected) == null ? void 0 : e.length) > 0;
-    }), Ge = (e) => {
-      !e.trim() || !o.value.selectedSearchOption && B.value.includes(e) || (B.value = [e], V(), h("search-query-changed", e));
-    }, He = (e) => {
-      B.value = B.value.filter((l) => l !== e), V();
-    }, M = s.filter;
-    !M && u.value ? M.page = 1 : !M && d && (M.cursor = "");
-    const o = $(M), Je = S(() => gl(o.value, a.value)), We = (e) => {
-      var l, n, p, f, c, t;
-      return ((t = (c = (f = (p = o.value) == null ? void 0 : p[(n = (l = a.value) == null ? void 0 : l.columnEdit) == null ? void 0 : n.key]) == null ? void 0 : f.active) == null ? void 0 : c.find((g) => g.key === e)) == null ? void 0 : t.isActive) ?? !0;
-    }, Xe = ({ fixedHeaders: e, activeHeaders: l, isOnMount: n }) => {
-      var p, f, c, t, g, x, E, D;
-      if (o.value[(f = (p = a.value) == null ? void 0 : p.columnEdit) == null ? void 0 : f.key] || (o.value[(t = (c = a.value) == null ? void 0 : c.columnEdit) == null ? void 0 : t.key] = {}), o.value[(x = (g = a.value) == null ? void 0 : g.columnEdit) == null ? void 0 : x.key].fixed = e, o.value[(D = (E = a.value) == null ? void 0 : E.columnEdit) == null ? void 0 : D.key].active = l, U.value = [...e, ...l], !n) {
-        const T = fl(e, l);
-        yl(a.value.columnEdit.localStorageKey, T);
-      }
-      h("columns-changed", l);
-    }, Ye = () => {
-      var e, l, n, p, f, c;
-      if ((l = (e = a.value) == null ? void 0 : e.columnEdit) != null && l.localStorageKey) {
-        const t = Ue(a.value.columnEdit.localStorageKey);
-        if (t) {
-          const { fixed: g, active: x } = Ie(
-            t,
-            O.value.headers,
-            a.value.columnEdit.localStorageKey
-          );
-          o.value[(p = (n = a.value) == null ? void 0 : n.columnEdit) == null ? void 0 : p.key].fixed = g, o.value[(c = (f = a.value) == null ? void 0 : f.columnEdit) == null ? void 0 : c.key].active = x, U.value = [...g, ...x];
-        }
-      }
-    }, _e = (e) => {
-      o.value.selectedSearchOption = e;
-    }, el = () => {
-      B.value = [], K.value = "", o.value = bl(o.value, a.value, z.value, K.value), V();
-    }, ll = () => {
-      V(null, N.value);
-    }, pe = $(null), V = (e = null, l = !1, n = "", p = !1, f = !1) => {
-      var t, g, x, E, D, T, Z, G, H, J, W, X, Y;
-      u.value && !l && (N.value = 1), u.value ? o.value.page = N.value : o.value.cursor = n, (t = a.value) != null && t.per_page ? o.value[a.value.per_page.key] = z.value : o.value.per_page = z.value, (g = a.value) != null && g.tabs && f && (o.value[a.value.tabs.key] = K.value), (x = a.value) != null && x.search && ((D = (E = a.value.search) == null ? void 0 : E.options) != null && D.length ? (Object.keys(o.value).forEach((b) => {
-        var q;
-        (q = a.value.search.options) != null && q.map((m) => m.value).includes(b) && delete o.value[b];
-      }), o.value[((T = o.value) == null ? void 0 : T.selectedSearchOption) || ((H = (G = (Z = a.value.search) == null ? void 0 : Z.options) == null ? void 0 : G[0]) == null ? void 0 : H.value) || a.value.search.key] = B.value.join()) : o.value[a.value.search.key] = B.value.join()), e && (R.value = !1, o.value = { ...o.value, ...e }, Object.keys(o.value).forEach((b) => {
-        Array.isArray(o.value[b]) && o.value[b].length === 0 && delete o.value[b];
-      }));
-      let c = (W = (J = a.value) == null ? void 0 : J.tabs) == null ? void 0 : W.key;
-      if (c && K.value !== o.value[c]) {
-        const b = (Y = (X = a.value.tabs) == null ? void 0 : X.options) == null ? void 0 : Y.find(
-          (q) => {
-            var m, ae;
-            return ((m = q.value) == null ? void 0 : m.toString()) === ((ae = o.value[c]) == null ? void 0 : ae.toString());
-          }
-        );
-        if (b != null && b.value)
-          return K.value = b.value, V(), !1;
-      }
-      clearTimeout(pe.value), pe.value = setTimeout(() => {
-        h("update:filter", o.value, p);
-      }, 100);
-    }, al = (e, l) => {
-      (l === a.value.tabs.key || l === "tabs") && (K.value = ""), V(e), h("filter-removed", l);
-    };
-    Ae(() => {
-      Ye(), h("on-table-ready");
-    });
-    const ue = S(() => s.isLoading || v.value);
-    return te({
-      paginationData: u,
-      tableIsLoading: ue,
-      bulkPutLocalData: F,
-      bulkDeleteLocalData: _,
-      getLocalDataUpdatedAt: ee,
-      getLocalDataIds: le,
-      syncLocalData: se,
-      sortByData: Te
-    }), (e, l) => {
-      var n, p, f, c;
-      return r(), k("div", Fl, [
-        ve.value ? (r(), P(i(il), {
-          key: 0,
-          selected: L.selected,
-          "row-key": L.rowKey,
-          options: ve.value,
-          "is-loading": ue.value,
-          "loading-rows": z.value,
-          "row-class": L.rowClass,
-          "row-link": L.rowLink,
-          "is-sticky": O.value.isSticky,
-          "is-borderless": O.value.isBorderless,
-          "onUpdate:selected": l[8] || (l[8] = (t) => e.$emit("update:selected", t)),
-          "onClick:row": l[9] || (l[9] = (t) => e.$emit("click:row", t)),
-          "onHover:cell": l[10] || (l[10] = (t) => e.$emit("hover:cell", t))
-        }, sl({
-          after: w(() => [
-            C(e.$slots, "after")
-          ]),
-          empty: w(() => [
-            C(e.$slots, "empty")
-          ]),
-          "table-header": w((t) => [
-            C(e.$slots, "table-header", Ee(Ce(t)))
-          ]),
-          "table-body": w((t) => [
-            C(e.$slots, "table-body", Ee(Ce(t)))
-          ]),
-          _: 2
-        }, [
-          e.$slots.before || (n = a.value) != null && n.search || (p = a.value) != null && p.form || (f = a.value) != null && f.tabs ? {
-            name: "before",
-            fn: w(() => {
-              var t, g, x, E;
-              return [
-                C(e.$slots, "before"),
-                (t = a.value) != null && t.search || (g = a.value) != null && g.form || (x = a.value) != null && x.tabs ? (r(), k("div", El, [
-                  Ze.value ? (r(), k("div", Cl, [
-                    C(e.$slots, "bulk-actions", { selectedRows: L.selected })
-                  ])) : (r(), k("div", Pl, [
-                    (E = a.value) != null && E.tabs ? (r(), P(i(rl), {
-                      key: 0,
-                      modelValue: K.value,
-                      "onUpdate:modelValue": [
-                        l[0] || (l[0] = (D) => K.value = D),
-                        l[1] || (l[1] = (D) => V(null, !1, "", !1, !0))
-                      ],
-                      "is-disabled": ue.value,
-                      tabs: a.value.tabs.options,
-                      variant: "pills"
-                    }, null, 8, ["modelValue", "is-disabled", "tabs"])) : y("", !0)
-                  ])),
-                  C(e.$slots, "filter-options", {}, () => {
-                    var D, T, Z, G, H, J, W, X, Y, b, q;
-                    return [
-                      (D = a.value) != null && D.search || (T = a.value) != null && T.form || (Z = a.value) != null && Z.columnEdit ? (r(), k("div", {
-                        key: 0,
-                        class: de([
-                          "flex gap-3 absolute ml-auto bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
-                          a.value ? me.value ? "md:w-fit w-full" : "" : "w-full justify-end"
-                        ])
-                      }, [
-                        (G = a.value) != null && G.search ? (r(), P(i(nl), {
-                          key: 0,
-                          "is-search-only": !a.value.tabs || a.value.isSearchOnly,
-                          "search-options": ((H = a.value.search) == null ? void 0 : H.options) ?? [],
-                          "selected-option": (((J = o.value) == null ? void 0 : J.selectedSearchOption) || ((Y = (X = (W = a.value.search) == null ? void 0 : W.options) == null ? void 0 : X[0]) == null ? void 0 : Y.value)) ?? "keywords",
-                          onAddQuery: Ge,
-                          onToggle: l[2] || (l[2] = (m) => me.value = m),
-                          onChangeSearchKey: _e
-                        }, null, 8, ["is-search-only", "search-options", "selected-option"])) : y("", !0),
-                        (b = a.value) != null && b.form ? (r(), P(i(Ke), {
-                          key: 1,
-                          modelValue: R.value,
-                          "onUpdate:modelValue": [
-                            l[6] || (l[6] = (m) => R.value = m),
-                            l[7] || (l[7] = (m) => e.$emit("filter-open", m))
-                          ],
-                          distance: 9,
-                          placement: "bottom-end",
-                          "is-attach-to-body": ""
-                        }, {
-                          menu: w(() => [
-                            R.value ? (r(), P(i(dl), {
-                              key: 0,
-                              id: L.id,
-                              "json-form": a.value.form ?? [],
-                              grid: a.value.grid ?? null,
-                              values: s.filter,
-                              actions: a.value.actions,
-                              onApplyFilter: l[3] || (l[3] = (m) => V(m)),
-                              onFilterFieldsChanged: l[4] || (l[4] = (m) => h("filter-fields-changed", m)),
-                              onCancel: l[5] || (l[5] = (m) => R.value = !1)
-                            }, {
-                              default: w(({ errors: m, values: ae, jsonForm: tl, updateForm: ol }) => [
-                                C(e.$slots, "custom-filter-form", {
-                                  errors: m,
-                                  values: ae,
-                                  jsonForm: tl,
-                                  updateFilter: ol
-                                })
-                              ]),
-                              _: 3
-                            }, 8, ["id", "json-form", "grid", "values", "actions"])) : y("", !0)
-                          ]),
-                          default: w(() => [
-                            A(i(Be), {
-                              "is-active": R.value,
-                              variant: "secondary",
-                              "left-icon": "filter"
-                            }, null, 8, ["is-active"])
-                          ]),
-                          _: 3
-                        }, 8, ["modelValue"])) : y("", !0),
-                        a.value.columnEdit ? (r(), P(Dl, {
-                          key: 2,
-                          options: o.value.columnEdit,
-                          headers: ((q = O.value) == null ? void 0 : q.headers) || [],
-                          "local-key": a.value.columnEdit.localStorageKey,
-                          onUpdateOrder: Xe
-                        }, null, 8, ["options", "headers", "local-key"])) : y("", !0)
-                      ], 2)) : y("", !0)
-                    ];
-                  })
-                ])) : y("", !0),
-                A(i(vl), {
-                  filters: Je.value,
-                  queries: B.value,
-                  class: "border-t border-oc-gray-200",
-                  onRemoveQuery: He,
-                  onRemoveAll: el,
-                  onRemoveFilter: al
-                }, null, 8, ["filters", "queries"])
-              ];
-            }),
-            key: "0"
-          } : void 0,
-          ne((c = O.value) == null ? void 0 : c.headers, (t, g) => ({
-            name: t.key,
-            fn: w(({ data: x, item: E }) => [
-              C(e.$slots, t.key, {
-                data: x,
-                item: E
-              })
-            ])
-          }))
-        ]), 1032, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "is-sticky", "is-borderless"])) : y("", !0),
-        C(e.$slots, "before-pagination"),
-        i(u) || d.value ? (r(), k("div", {
-          key: 1,
-          class: de(["flex items-center gap-3", i(u) && i(u).last_page === 1 ? "justify-end" : ""])
-        }, [
-          i(u) && !ze.value ? (r(), P(i(cl), {
-            key: 0,
-            modelValue: N.value,
-            "onUpdate:modelValue": [
-              l[11] || (l[11] = (t) => N.value = t),
-              ll
-            ],
-            class: "justify-center",
-            "max-page": i(u).last_page,
-            strategy: i(u).strategy,
-            "total-visible": "5"
-          }, null, 8, ["modelValue", "max-page", "strategy"])) : y("", !0),
-          d.value ? (r(), k("div", Ll, [
-            A(i(Pe), {
-              disabled: !d.value.prev,
-              onClick: l[12] || (l[12] = (t) => d.value.prev ? V(null, !1, d.value.prev) : null)
-            }, null, 8, ["disabled"]),
-            A(i(Pe), {
-              disabled: !d.value.next,
-              "is-next": "",
-              onClick: l[13] || (l[13] = (t) => d.value.next ? V(null, !1, d.value.next) : null)
-            }, null, 8, ["disabled"])
-          ])) : y("", !0),
-          Re.value ? y("", !0) : (r(), k("div", jl, [
-            A(i(ml), {
-              modelValue: z.value,
-              "onUpdate:modelValue": [
-                l[14] || (l[14] = (t) => z.value = t),
-                l[15] || (l[15] = (t) => V(null))
-              ],
-              label: "Item per page",
-              "is-inline-label": "",
-              "popper-options": { placement: "auto" },
-              options: Me.value
-            }, null, 8, ["modelValue", "options"])
-          ]))
-        ], 2)) : y("", !0)
-      ]);
-    };
-  }
-};
-export {
-  zl as default
-};