@orchidui/core 1.8.1-83 → 1.8.1-87

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, aN as C, ax as x, ay as P, c as I, aP as f, v as h, aM as O, p as F, aQ 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 _, aK as R, aJ as y, aL 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, aO 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, aI 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-DVnVG4hx.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-DkumyhAj.js";
 import { _ as le } from "./OcProgressBar-hiyC5XSc.js";
 import { _ as me } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js";
 import { _ as be } from "./OcSwitchTabs-CYp676bj.js";

package/package.json

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

package/dist/ColumnEdit-D13znC3v.js

@@ -1,141 +0,0 @@
-import { ref as v, onMounted as S, openBlock as l, createBlock as x, unref as r, withCtx as m, createElementVNode as d, createElementBlock as i, createVNode as c, mergeProps as w, Fragment as g, renderList as _, normalizeClass as j, toDisplayString as C, createCommentVNode as p } from "vue";
-import { az as D, C as K, B as L } from "./index-DVnVG4hx.js";
-import { VueDraggableNext as A } from "vue-draggable-next";
-import { getFromLocalStorage as O, formatHeadersFromLocalStorage as z } from "./DataTable/utils/editColumnsUtils.js";
-import { _ as E } from "./OcIcon-CSpRxnwd.js";
-const M = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, $ = {
-  key: 0,
-  class: "gap-y-2 flex flex-col border-b pb-3 border-oc-gray-200"
-}, H = { class: "gap-y-2 flex flex-col" }, I = {
-  key: 0,
-  class: "flex items-center bg-white justify-between h-[26px]"
-}, P = { class: "flex items-center w-full gap-x-3" }, q = { class: "truncate w-full max-w-[160px]" }, W = {
-  __name: "ColumnEdit",
-  props: {
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    headers: {
-      type: Array,
-      default: () => []
-    },
-    localKey: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["change-active", "onMoved", "update-order"],
-  setup(F, { emit: U }) {
-    const B = U, n = F, u = v([]), a = v([]), y = v(!1), f = (s = !1) => {
-      a.value = a.value.map((e) => ({
-        ...e,
-        isActive: !0
-      })), B("update-order", {
-        fixedHeaders: a.value,
-        activeHeaders: u.value,
-        isOnMount: s
-      });
-    }, k = {
-      handle: ".drag-el",
-      filter: ".is-disabled",
-      group: "headers",
-      animation: 500,
-      forceFallback: !1,
-      move: (s) => s.to.dataset.activeHeaders ? !0 : !!s.draggedContext.futureIndex,
-      "onUpdate:modelValue": () => f()
-    };
-    return S(() => {
-      const s = O(n.localKey), { fixed: e, active: t } = z(s, n.headers, n.localKey);
-      a.value = e || n.headers.slice(0, 1), u.value = t || n.headers.slice(1).map((o) => {
-        var b, V, h;
-        return {
-          ...o,
-          isActive: ((h = (V = (b = n.options) == null ? void 0 : b.active) == null ? void 0 : V.find((N) => N.key === o.key)) == null ? void 0 : h.isActive) ?? !0
-        };
-      }), f(!0);
-    }), (s, e) => (l(), x(r(D), {
-      modelValue: y.value,
-      "onUpdate:modelValue": e[3] || (e[3] = (t) => y.value = t),
-      class: "h-[36px]",
-      "is-attach-to-body": ""
-    }, {
-      menu: m(() => [
-        d("div", M, [
-          a.value.length ? (l(), i("div", $, [
-            e[4] || (e[4] = d("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
-            c(r(A), w({
-              key: "key",
-              modelValue: a.value,
-              "onUpdate:modelValue": e[0] || (e[0] = (t) => a.value = t)
-            }, k), {
-              default: m(() => [
-                (l(!0), i(g, null, _(a.value, (t, o) => (l(), i("div", {
-                  key: t.key,
-                  class: j(["flex items-center justify-between h-[26px]", o ? "" : "is-disabled"])
-                }, [
-                  d("span", null, C(t.label), 1),
-                  o ? (l(), x(r(E), {
-                    key: 0,
-                    width: "18",
-                    height: "18",
-                    class: "text-oc-text-400 drag-el cursor-move",
-                    name: "draggable"
-                  })) : p("", !0)
-                ], 2))), 128))
-              ]),
-              _: 1
-            }, 16, ["modelValue"])
-          ])) : p("", !0),
-          d("div", H, [
-            e[5] || (e[5] = d("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            c(r(A), w({
-              key: "key",
-              modelValue: u.value,
-              "onUpdate:modelValue": e[2] || (e[2] = (t) => u.value = t)
-            }, k, { "data-active-headers": "true" }), {
-              default: m(() => [
-                (l(!0), i(g, null, _(u.value, (t) => (l(), i(g, {
-                  key: t.key
-                }, [
-                  t.key !== "actions" ? (l(), i("div", I, [
-                    d("div", P, [
-                      c(r(K), {
-                        modelValue: t.isActive,
-                        "onUpdate:modelValue": [
-                          (o) => t.isActive = o,
-                          e[1] || (e[1] = (o) => f())
-                        ],
-                        class: "!w-fit"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      d("div", q, C(t.label), 1)
-                    ]),
-                    u.value.length > 1 ? (l(), x(r(E), {
-                      key: 0,
-                      width: "18",
-                      height: "18",
-                      class: "text-oc-text-400 drag-el cursor-move",
-                      name: "draggable"
-                    })) : p("", !0)
-                  ])) : p("", !0)
-                ], 64))), 128))
-              ]),
-              _: 1
-            }, 16, ["modelValue"])
-          ])
-        ])
-      ]),
-      default: m(() => [
-        c(r(L), {
-          label: "Edit Column",
-          "left-icon": "setting",
-          variant: "secondary"
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue"]));
-  }
-};
-export {
-  W as default
-};

package/dist/OcDataTable-dEi3E20T.js

@@ -1,456 +0,0 @@
-import { defineAsyncComponent as Ye, computed as D, ref as M, onMounted as Be, openBlock as k, createElementBlock as I, createBlock as Q, unref as O, createSlots as Me, withCtx as x, renderSlot as P, normalizeProps as ne, guardReactiveProps as ve, createCommentVNode as E, normalizeClass as de, createVNode as J, renderList as Ie } from "vue";
-import { K as Ne, Z as Te, aJ as qe, az as Qe, aK as Re, B as Ue, aL as ze, H as Je, I as ce, j as He } from "./index-DVnVG4hx.js";
-import G from "dayjs";
-import { getFromLocalStorage as fe, formatHeadersToLocalStorage as Ze, setInLocalStorage as pe, formatHeadersFromLocalStorage as Ge } from "./DataTable/utils/editColumnsUtils.js";
-const We = { class: "relative flex flex-col gap-9" }, Xe = {
-  key: 0,
-  class: "flex items-center px-4 min-h-[52px]"
-}, _e = {
-  key: 0,
-  class: "absolute flex items-center gap-5 left-5"
-}, el = {
-  key: 1,
-  class: "absolute flex gap-3 left-5"
-}, ll = {
-  key: 1,
-  class: "flex justify-center w-full gap-5 md:justify-start"
-}, al = {
-  key: 2,
-  class: "items-center hidden md:flex"
-}, rl = {
-  __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
-  },
-  emits: {
-    "update:selected": [],
-    "update:filter": [],
-    "click:row": [],
-    "filter-fields-changed": [],
-    "filter-removed": [],
-    "filter-open": [],
-    "search-query-changed": [],
-    "hover:cell": [],
-    "columns-changed": []
-  },
-  setup(V, { emit: me }) {
-    var ee, le, ae, te, oe, se, ue, re, ie;
-    const ye = Ye(() => import("./ColumnEdit-D13znC3v.js")), p = V, z = me, h = D(() => {
-      var l;
-      return (l = p.options) == null ? void 0 : l.pagination;
-    }), K = D(() => {
-      var l;
-      return (l = p.options) == null ? void 0 : l.cursor;
-    }), H = M(), C = D(() => {
-      var l;
-      return (l = p.options) == null ? void 0 : l.tableOptions;
-    }), ge = D(() => {
-      var l;
-      return {
-        ...C.value,
-        headers: H.value ? H.value.map((e) => {
-          var s, r;
-          return e.class = ((r = (s = C.value) == null ? void 0 : s.headers.find((v) => v.key === e.key)) == null ? void 0 : r.class) ?? "", e;
-        }).filter((e) => e.isActive) : (l = C.value) == null ? void 0 : l.headers.filter((e) => Pe(e.key))
-      };
-    }), a = D(() => {
-      var l;
-      return (l = p.options) == null ? void 0 : l.filterOptions;
-    }), be = D(() => {
-      var l;
-      return (l = p.options) == null ? void 0 : l.hidePerPageDropdown;
-    }), ke = D(() => {
-      var l;
-      return ((l = h.value) == null ? void 0 : l.last_page) === 1;
-    }), R = M(!1), $ = M(p.filter[(le = (ee = a.value) == null ? void 0 : ee.tabs) == null ? void 0 : le.key]), U = M(p.filter.page), N = M(
-      (te = (ae = a.value) == null ? void 0 : ae.per_page) != null && te.key ? p.filter[(se = (oe = a.value) == null ? void 0 : oe.per_page) == null ? void 0 : se.key] : p.filter.per_page
-    ), W = ((ie = p.filter[(re = (ue = a.value) == null ? void 0 : ue.search) == null ? void 0 : re.key]) == null ? void 0 : ie.trim()) ?? "", Y = M(W ? W.split(",") : []), X = M(!1), he = D(
-      () => {
-        var l, e;
-        return (e = (l = p.options) == null ? void 0 : l.perPageOptions) == null ? void 0 : e.map(
-          (s) => ({
-            label: `${s}`,
-            value: s
-          })
-        );
-      }
-    ), Se = D(() => {
-      let l = [
-        {
-          label: "10",
-          value: 10
-        },
-        {
-          label: "15",
-          value: 15
-        },
-        {
-          label: "20",
-          value: 20
-        },
-        {
-          label: "25",
-          value: 25
-        },
-        {
-          label: "40",
-          value: 40
-        },
-        {
-          label: "50",
-          value: 50
-        },
-        {
-          label: "75",
-          value: 75
-        },
-        {
-          label: "99",
-          value: 99
-        }
-      ], e = he.value ?? l;
-      if (h.value) {
-        const s = h.value.total < 100 ? h.value.total : 100;
-        s > 10 && (e = e.filter((r) => r.value <= s));
-      }
-      return [...new Set(e)];
-    }), we = D(() => {
-      var l;
-      return ((l = p.selected) == null ? void 0 : l.length) > 0;
-    }), _ = (l) => {
-      !l.trim() || !t.value.selectedSearchOption && Y.value.includes(l) || (Y.value = [l], w(), z("search-query-changed", l));
-    }, Oe = (l) => {
-      Y.value = Y.value.filter((e) => e !== l), w();
-    }, T = p.filter;
-    !T && h ? T.page = 1 : !T && K && (T.cursor = "");
-    const t = M(T), Ee = () => {
-      var e, s, r, v, n, o, d, f, g, y, S, F, j, L;
-      Y.value = [], $.value = "";
-      const l = {};
-      a.value ? T.page = 1 : T.cursor = "", (s = (e = a.value) == null ? void 0 : e.per_page) != null && s.key ? l[(v = (r = a.value) == null ? void 0 : r.per_page) == null ? void 0 : v.key] = N.value : l.per_page = N.value, (o = (n = a.value) == null ? void 0 : n.tabs) != null && o.key ? l[(f = (d = a.value) == null ? void 0 : d.tabs) == null ? void 0 : f.key] = $.value : l.tabs = $.value, (y = (g = a.value) == null ? void 0 : g.columnEdit) != null && y.key && (l[(F = (S = a.value) == null ? void 0 : S.columnEdit) == null ? void 0 : F.key] = t.value[(L = (j = a.value) == null ? void 0 : j.columnEdit) == null ? void 0 : L.key]), t.value = l, w();
-    }, $e = () => {
-      w(null, U.value);
-    }, Fe = () => {
-      p.id && pe(p.id, JSON.stringify(t.value));
-    }, je = () => p.id ? fe(p.id) : null, w = (l = null, e = !1, s = "", r = !1, v = !1) => {
-      var o, d, f, g, y, S, F, j, L, B, A, u, b;
-      h.value && !e && (U.value = 1), h.value ? t.value.page = U.value : t.value.cursor = s, (o = a.value) != null && o.per_page ? t.value[a.value.per_page.key] = N.value : t.value.per_page = N.value, (d = a.value) != null && d.tabs && v && (t.value[a.value.tabs.key] = $.value), (f = a.value) != null && f.search && ((y = (g = a.value.search) == null ? void 0 : g.options) != null && y.length ? (Object.keys(t.value).forEach((c) => {
-        var m;
-        (m = a.value.search.options) != null && m.map((i) => i.value).includes(c) && delete t.value[c];
-      }), t.value[((S = t.value) == null ? void 0 : S.selectedSearchOption) || ((L = (j = (F = a.value.search) == null ? void 0 : F.options) == null ? void 0 : j[0]) == null ? void 0 : L.value) || a.value.search.key] = Y.value.join()) : t.value[a.value.search.key] = Y.value.join()), l && (R.value = !1, t.value = { ...t.value, ...l }, Object.keys(t.value).forEach((c) => {
-        Array.isArray(t.value[c]) && t.value[c].length === 0 && delete t.value[c];
-      }));
-      let n = (A = (B = a.value) == null ? void 0 : B.tabs) == null ? void 0 : A.key;
-      if (n && $.value !== t.value[n]) {
-        const c = (b = (u = a.value.tabs) == null ? void 0 : u.options) == null ? void 0 : b.find(
-          (m) => {
-            var i, q;
-            return ((i = m.value) == null ? void 0 : i.toString()) === ((q = t.value[n]) == null ? void 0 : q.toString());
-          }
-        );
-        if (c != null && c.value)
-          return $.value = c.value, w(), !1;
-      }
-      Fe(), z("update:filter", t.value, r);
-    }, Le = (l, e) => {
-      (e === a.value.tabs.key || e === "tabs") && ($.value = ""), w(l), z("filter-removed", e);
-    }, Ae = (l) => {
-      let e = [];
-      return l.forEach((s) => {
-        e.push(s.key);
-      }), e;
-    }, De = D(() => {
-      if (t.value) {
-        let l = [];
-        return Object.keys(t.value).forEach((e) => {
-          var n, o, d, f, g, y, S, F, j, L, B;
-          let s = (o = (n = a.value) == null ? void 0 : n.tabs) == null ? void 0 : o.key;
-          const r = (f = (d = a.value) == null ? void 0 : d.search) == null ? void 0 : f.key, v = ((y = (g = a.value) == null ? void 0 : g.per_page) == null ? void 0 : y.key) ?? "per_page";
-          if ((S = a.value.form) == null || S.find((A) => {
-            A.name === s && (s = "");
-          }), e !== "page" && e !== "cursor" && e !== v && e !== s && e !== r) {
-            let A = null, u = (F = a.value.form) == null ? void 0 : F.find((c) => {
-              if (typeof c.name == "object") {
-                let m = !1;
-                return c.name.forEach((i) => {
-                  i.key === e && (m = !0, A = Ae(c.name));
-                }), m;
-              } else
-                return c.name === e;
-            }), b = "";
-            if (u && t.value[e]) {
-              if (typeof u.name == "object" ? (j = u.name) == null || j.forEach((m) => {
-                b && (b += " - "), b += t.value[m.key];
-              }) : b = t.value[e], u.props.options && (b = (u.props.multiple ? t.value[e] : [t.value[e]]).map(
-                (i) => {
-                  var q;
-                  return (q = u.props.options.find(({ value: Z }) => Z === i)) == null ? void 0 : q.label;
-                }
-              ).join(", ")), u.type === "RangeInput" && Array.isArray(t.value[e]) && (b = t.value[e][0].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " - " + t.value[e][1].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")), u.type === "DatePicker")
-                if (((L = u == null ? void 0 : u.props) == null ? void 0 : L.type) === "range" && u.name && u.name[1]) {
-                  const m = G(t.value[u.name[0].key]).format("MM/DD/YYYY"), i = G(t.value[u.name[1].key]).format("MM/DD/YYYY");
-                  b = m === i ? m : m + " - " + i;
-                } else b = G(t.value[u.name]).format("MM/DD/YYYY");
-              let c = `${(B = u == null ? void 0 : u.props) == null ? void 0 : B.label} : ${b}`;
-              u && u.name && typeof u.name == "object" && l.find((i) => i.name === A[0]) && (c = ""), l.push({
-                label: c,
-                name: e,
-                multiNames: A
-              });
-            }
-          }
-        }), l;
-      }
-      return [];
-    }), Pe = (l) => {
-      var e, s, r, v, n, o;
-      return ((o = (n = (v = (r = t.value) == null ? void 0 : r[(s = (e = a.value) == null ? void 0 : e.columnEdit) == null ? void 0 : s.key]) == null ? void 0 : v.active) == null ? void 0 : n.find((d) => d.key === l)) == null ? void 0 : o.isActive) ?? !0;
-    }, Ve = ({ fixedHeaders: l, activeHeaders: e, isOnMount: s }) => {
-      var r, v, n, o, d, f, g, y;
-      if (t.value[(v = (r = a.value) == null ? void 0 : r.columnEdit) == null ? void 0 : v.key] || (t.value[(o = (n = a.value) == null ? void 0 : n.columnEdit) == null ? void 0 : o.key] = {}), t.value[(f = (d = a.value) == null ? void 0 : d.columnEdit) == null ? void 0 : f.key].fixed = l, t.value[(y = (g = a.value) == null ? void 0 : g.columnEdit) == null ? void 0 : y.key].active = e, H.value = [...l, ...e], !s) {
-        const S = Ze(l, e);
-        pe(a.value.columnEdit.localStorageKey, S);
-      }
-      z("columns-changed", e);
-    }, Ke = () => {
-      var l, e, s, r, v, n;
-      if ((e = (l = a.value) == null ? void 0 : l.columnEdit) != null && e.localStorageKey) {
-        const o = fe(a.value.columnEdit.localStorageKey);
-        if (o) {
-          const { fixed: d, active: f } = Ge(
-            o,
-            C.value.headers,
-            a.value.columnEdit.localStorageKey
-          );
-          t.value[(r = (s = a.value) == null ? void 0 : s.columnEdit) == null ? void 0 : r.key].fixed = d, t.value[(n = (v = a.value) == null ? void 0 : v.columnEdit) == null ? void 0 : n.key].active = f, H.value = [...d, ...f];
-        }
-      }
-    }, Ce = (l) => {
-      t.value.selectedSearchOption = l;
-    };
-    return Be(() => {
-      var e, s, r, v, n, o, d;
-      Ke();
-      const l = je();
-      l && (t.value = JSON.parse(l), $.value = $.value || ((e = t.value) == null ? void 0 : e.tabs) || ((v = t.value) == null ? void 0 : v[(r = (s = a.value) == null ? void 0 : s.tabs) == null ? void 0 : r.key]), (n = t.value) != null && n.selectedSearchOption && _(t.value[(o = t.value) == null ? void 0 : o.selectedSearchOption]), U.value = ((d = t.value) == null ? void 0 : d.page) || 1, w(null, !0, t.value.cursor, !0));
-    }), (l, e) => {
-      var s, r, v, n;
-      return k(), I("div", We, [
-        C.value ? (k(), Q(O(Ne), {
-          key: 0,
-          selected: V.selected,
-          "row-key": V.rowKey,
-          options: ge.value,
-          "is-loading": V.isLoading,
-          "loading-rows": N.value,
-          "row-class": V.rowClass,
-          "row-link": V.rowLink,
-          "is-sticky": C.value.isSticky,
-          "is-borderless": C.value.isBorderless,
-          "onUpdate:selected": e[8] || (e[8] = (o) => l.$emit("update:selected", o)),
-          "onClick:row": e[9] || (e[9] = (o) => l.$emit("click:row", o)),
-          "onHover:cell": e[10] || (e[10] = (o) => l.$emit("hover:cell", o))
-        }, Me({
-          after: x(() => [
-            P(l.$slots, "after")
-          ]),
-          empty: x(() => [
-            P(l.$slots, "empty")
-          ]),
-          "table-header": x((o) => [
-            P(l.$slots, "table-header", ne(ve(o)))
-          ]),
-          "table-body": x((o) => [
-            P(l.$slots, "table-body", ne(ve(o)))
-          ]),
-          _: 2
-        }, [
-          l.$slots.before || (s = a.value) != null && s.search || (r = a.value) != null && r.form || (v = a.value) != null && v.tabs ? {
-            name: "before",
-            fn: x(() => {
-              var o, d, f, g;
-              return [
-                P(l.$slots, "before"),
-                (o = a.value) != null && o.search || (d = a.value) != null && d.form || (f = a.value) != null && f.tabs ? (k(), I("div", Xe, [
-                  we.value ? (k(), I("div", _e, [
-                    P(l.$slots, "bulk-actions", { selectedRows: V.selected })
-                  ])) : (k(), I("div", el, [
-                    (g = a.value) != null && g.tabs ? (k(), Q(O(Te), {
-                      key: 0,
-                      modelValue: $.value,
-                      "onUpdate:modelValue": [
-                        e[0] || (e[0] = (y) => $.value = y),
-                        e[1] || (e[1] = (y) => w(null, !1, "", !1, !0))
-                      ],
-                      "is-disabled": V.isLoading,
-                      tabs: a.value.tabs.options,
-                      variant: "pills"
-                    }, null, 8, ["modelValue", "is-disabled", "tabs"])) : E("", !0)
-                  ])),
-                  P(l.$slots, "filter-options", {}, () => {
-                    var y, S, F, j, L, B, A, u, b, c, m;
-                    return [
-                      (y = a.value) != null && y.search || (S = a.value) != null && S.form || (F = a.value) != null && F.columnEdit ? (k(), I("div", {
-                        key: 0,
-                        class: de([
-                          "flex gap-3 absolute ml-auto bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
-                          a.value ? X.value ? "md:w-fit w-full" : "" : "w-full justify-end"
-                        ])
-                      }, [
-                        (j = a.value) != null && j.search ? (k(), Q(O(qe), {
-                          key: 0,
-                          "is-search-only": !a.value.tabs || a.value.isSearchOnly,
-                          "search-options": ((L = a.value.search) == null ? void 0 : L.options) ?? [],
-                          "selected-option": (((B = t.value) == null ? void 0 : B.selectedSearchOption) || ((b = (u = (A = a.value.search) == null ? void 0 : A.options) == null ? void 0 : u[0]) == null ? void 0 : b.value)) ?? "keywords",
-                          onAddQuery: _,
-                          onToggle: e[2] || (e[2] = (i) => X.value = i),
-                          onChangeSearchKey: Ce
-                        }, null, 8, ["is-search-only", "search-options", "selected-option"])) : E("", !0),
-                        (c = a.value) != null && c.form ? (k(), Q(O(Qe), {
-                          key: 1,
-                          modelValue: R.value,
-                          "onUpdate:modelValue": [
-                            e[6] || (e[6] = (i) => R.value = i),
-                            e[7] || (e[7] = (i) => l.$emit("filter-open", i))
-                          ],
-                          distance: 9,
-                          placement: "bottom-end",
-                          "is-attach-to-body": ""
-                        }, {
-                          menu: x(() => [
-                            R.value ? (k(), Q(O(Re), {
-                              key: 0,
-                              id: V.id,
-                              "json-form": a.value.form ?? [],
-                              grid: a.value.grid ?? null,
-                              values: p.filter,
-                              actions: a.value.actions,
-                              onApplyFilter: e[3] || (e[3] = (i) => w(i)),
-                              onFilterFieldsChanged: e[4] || (e[4] = (i) => z("filter-fields-changed", i)),
-                              onCancel: e[5] || (e[5] = (i) => R.value = !1)
-                            }, {
-                              default: x(({ errors: i, values: q, jsonForm: Z, updateForm: xe }) => [
-                                P(l.$slots, "custom-filter-form", {
-                                  errors: i,
-                                  values: q,
-                                  jsonForm: Z,
-                                  updateFilter: xe
-                                })
-                              ]),
-                              _: 3
-                            }, 8, ["id", "json-form", "grid", "values", "actions"])) : E("", !0)
-                          ]),
-                          default: x(() => [
-                            J(O(Ue), {
-                              "is-active": R.value,
-                              variant: "secondary",
-                              "left-icon": "filter"
-                            }, null, 8, ["is-active"])
-                          ]),
-                          _: 3
-                        }, 8, ["modelValue"])) : E("", !0),
-                        a.value.columnEdit ? (k(), Q(O(ye), {
-                          key: 2,
-                          options: t.value.columnEdit,
-                          headers: ((m = C.value) == null ? void 0 : m.headers) || [],
-                          "local-key": a.value.columnEdit.localStorageKey,
-                          onUpdateOrder: Ve
-                        }, null, 8, ["options", "headers", "local-key"])) : E("", !0)
-                      ], 2)) : E("", !0)
-                    ];
-                  })
-                ])) : E("", !0),
-                J(O(ze), {
-                  filters: De.value,
-                  queries: Y.value,
-                  class: "border-t border-oc-gray-200",
-                  onRemoveQuery: Oe,
-                  onRemoveAll: Ee,
-                  onRemoveFilter: Le
-                }, null, 8, ["filters", "queries"])
-              ];
-            }),
-            key: "0"
-          } : void 0,
-          Ie((n = C.value) == null ? void 0 : n.headers, (o, d) => ({
-            name: o.key,
-            fn: x(({ data: f, item: g }) => [
-              P(l.$slots, o.key, {
-                data: f,
-                item: g
-              })
-            ])
-          }))
-        ]), 1032, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "is-sticky", "is-borderless"])) : E("", !0),
-        P(l.$slots, "before-pagination"),
-        h.value || K.value ? (k(), I("div", {
-          key: 1,
-          class: de(["flex items-center gap-3", h.value && h.value.last_page === 1 ? "justify-end" : ""])
-        }, [
-          h.value && !ke.value ? (k(), Q(O(Je), {
-            key: 0,
-            modelValue: U.value,
-            "onUpdate:modelValue": [
-              e[11] || (e[11] = (o) => U.value = o),
-              $e
-            ],
-            class: "justify-center",
-            "max-page": h.value.last_page,
-            strategy: h.value.strategy,
-            "total-visible": "5"
-          }, null, 8, ["modelValue", "max-page", "strategy"])) : E("", !0),
-          K.value ? (k(), I("div", ll, [
-            J(O(ce), {
-              disabled: !K.value.prev,
-              onClick: e[12] || (e[12] = (o) => K.value.prev ? w(null, !1, K.value.prev) : null)
-            }, null, 8, ["disabled"]),
-            J(O(ce), {
-              disabled: !K.value.next,
-              "is-next": "",
-              onClick: e[13] || (e[13] = (o) => K.value.next ? w(null, !1, K.value.next) : null)
-            }, null, 8, ["disabled"])
-          ])) : E("", !0),
-          be.value ? E("", !0) : (k(), I("div", al, [
-            J(O(He), {
-              modelValue: N.value,
-              "onUpdate:modelValue": [
-                e[14] || (e[14] = (o) => N.value = o),
-                e[15] || (e[15] = (o) => w(null))
-              ],
-              label: "Item per page",
-              "is-inline-label": "",
-              "popper-options": { placement: "auto" },
-              options: Se.value
-            }, null, 8, ["modelValue", "options"])
-          ]))
-        ], 2)) : E("", !0)
-      ]);
-    };
-  }
-};
-export {
-  rl as default
-};