@orchidui/core 1.64.0 → 1.66.0

package/dist/index.js

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

package/package.json

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

package/dist/OcDataTable-BycjTFKw.js

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