@orchidui/core 1.8.1-114 → 1.8.1-116

package/dist/{ThumbnailTheme-4I9x2lXj.js → ThumbnailTheme-UBdrnl_Z.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as s, openBlock as i, normalizeClass as f, createElementVNode as l, Fragment as g, createVNode as n, unref as a, createTextVNode as r, toDisplayString as h, createBlock as u, createCommentVNode as b, withCtx as c } from "vue";
-import { B as d, au as v } from "./index-Cxz3IHE2.js";
+import { B as d, au as v } from "./index-BtrJ8Wk_.js";
 import { _ as k } from "./OcIcon-CBf___w1.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,

package/dist/{index-Cxz3IHE2.js → index-BtrJ8Wk_.js}

@@ -10516,16 +10516,16 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       }), 128))
     ], 6)) : u("", !0);
   }
-}, qf = de(() => import("./OcDataTable-DD1_0iU4.js")), Hf = de(() => import("./OcFilterSearch-CPN0R2ki.js")), Yf = de(() => import("./OcFilterSearchFor-CmRoRksh.js")), Wf = de(() => import("./OcFilterForm-D261m2a0.js")), Cm = de(
-  () => import("./OcComplexCalendar-BKzxnfd8.js")
+}, qf = de(() => import("./OcDataTable-YUm4ppk9.js")), Hf = de(() => import("./OcFilterSearch-BlMXCzOr.js")), Yf = de(() => import("./OcFilterSearchFor-C9-lxT4W.js")), Wf = de(() => import("./OcFilterForm-MWslQjtt.js")), Cm = de(
+  () => import("./OcComplexCalendar-NB-nixtt.js")
 ), Kf = de(
-  () => import("./OcComplexDatePicker-nzSRyYwS.js")
-), dt = de(() => import("./OcModalCropper-DMKCGtyY.js")), Gf = de(() => import("./OcCropper-CxYTcM_O.js")), Bm = de(() => import("./OcDraggable-DRsp4j4e.js")), Xf = de(() => import("./OcDraggableList-DvxSdQVR.js")), Jf = de(() => import("./OcEmojiPicker-DUybwecE.js")), Zf = de(
-  () => import("./ThumbnailTheme-4I9x2lXj.js")
+  () => import("./OcComplexDatePicker-CCZNKVjC.js")
+), dt = de(() => import("./OcModalCropper-DKhsnxRF.js")), Gf = de(() => import("./OcCropper-D7GFhoWz.js")), Bm = de(() => import("./OcDraggable-DRsp4j4e.js")), Xf = de(() => import("./OcDraggableList-BTxRKiVF.js")), Jf = de(() => import("./OcEmojiPicker-D6nfctf9.js")), Zf = de(
+  () => import("./ThumbnailTheme-UBdrnl_Z.js")
 ), Qf = de(
-  () => import("./ThumbnailSection-NqOv1ZiW.js")
-), _f = de(() => import("./SubPlanCard-Bi4rYdMr.js")), ev = de(() => import("./OcTimePopup-CrwbZ_Nx.js")), Om = de(() => import("./OcTimePicker-D31XwrhJ.js")), tv = de(
-  () => import("./OcAccountSetupProgress-DM8ma1-Q.js")
+  () => import("./ThumbnailSection-SmaP6Acx.js")
+), _f = de(() => import("./SubPlanCard-CvHxRfDv.js")), ev = de(() => import("./OcTimePopup-CrwbZ_Nx.js")), Om = de(() => import("./OcTimePicker-DDf4hJM7.js")), tv = de(
+  () => import("./OcAccountSetupProgress-DdwbNh_j.js")
 );
 export {
   rf as $,

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 f, aQ as I, 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 D, T as H, L, 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 fa, ah as Ia, 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 Da, an as Ha, aj as La, 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-Cxz3IHE2.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 f, aQ as I, 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 D, T as H, L, 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 fa, ah as Ia, 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 Da, an as Ha, aj as La, 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-BtrJ8Wk_.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-114",
+  "version": "1.8.1-116",
   "type": "module",
   "scripts": {
     "build": "vite build"

package/dist/OcDataTable-DD1_0iU4.js

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