@orchidui/core 1.8.1-121 → 1.8.1-123

package/dist/{OcDataTable-CggFfla8.js → OcDataTable-BOOcW2gH.js}

@@ -1,8 +1,8 @@
-import { ref as F, onMounted as Ke, createBlock as P, openBlock as i, unref as r, withCtx as S, createVNode as K, createElementVNode as Q, createElementBlock as k, createCommentVNode as g, mergeProps as De, Fragment as re, renderList as ne, normalizeClass as de, toDisplayString as Le, computed as $, watch as ie, renderSlot as C, createSlots as rl, normalizeProps as Ee, guardReactiveProps as Ce } from "vue";
-import { az as Ue, B as Te, C as il, K as nl, Z as dl, aK as vl, aL as cl, aM as ml, H as pl, I as Pe, j as fl } from "./index-BgkXygOb.js";
+import { ref as F, onMounted as Ke, createBlock as P, openBlock as i, unref as u, withCtx as S, createVNode as K, createElementVNode as Q, createElementBlock as k, createCommentVNode as g, mergeProps as De, Fragment as ue, renderList as ne, normalizeClass as de, toDisplayString as Le, computed as $, watch as ie, renderSlot as C, createSlots as ul, normalizeProps as Ee, guardReactiveProps as Ce } from "vue";
+import { az as Be, B as Ue, C as il, K as nl, Z as dl, aK as vl, aL as cl, aM as ml, H as pl, I as Pe, j as fl } from "./index-yXxch8P2.js";
 import { useDataTable as yl } from "./DataTable/useDataTable.js";
 import { VueDraggableNext as je } from "vue-draggable-next";
-import { getFromLocalStorage as Be, formatHeadersFromLocalStorage as Ie, formatHeadersToLocalStorage as gl, setInLocalStorage as bl } from "./DataTable/utils/editColumnsUtils.js";
+import { getFromLocalStorage as Te, formatHeadersFromLocalStorage as Ie, formatHeadersToLocalStorage as gl, setInLocalStorage as bl } from "./DataTable/utils/editColumnsUtils.js";
 import { _ as Ae } from "./OcIcon-CBf___w1.js";
 import { formatFilterDisplay as kl, clearAllFilters as hl } from "./DataTable/utils/filterUtils.js";
 import { formatCustomItemsPerPageOptions as xl, getItemsPerPageOptions as Sl } from "./DataTable/utils/paginationUtils.js";
@@ -36,17 +36,17 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
     "update-order"
   ],
   setup(j, { emit: te }) {
-    const oe = te, s = j, h = F([]), m = F([]), T = F(!1), O = {
+    const oe = te, s = j, h = F([]), m = F([]), U = F(!1), O = {
       handle: ".drag-el",
       filter: ".is-disabled",
       group: "headers",
       animation: 500,
       forceFallback: !1,
       move: (A) => A.to.dataset.activeHeaders ? !0 : !!A.draggedContext.futureIndex,
-      "onUpdate:modelValue": () => B()
-    }, B = (A = !1) => {
-      m.value = m.value.map((u) => ({
-        ...u,
+      "onUpdate:modelValue": () => T()
+    }, T = (A = !1) => {
+      m.value = m.value.map((r) => ({
+        ...r,
         isActive: !0
       })), oe("update-order", {
         fixedHeaders: m.value,
@@ -55,36 +55,36 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
       });
     };
     return Ke(() => {
-      const A = Be(s.localKey), { fixed: u, active: p } = Ie(A, s.headers, s.localKey);
-      m.value = u || s.headers.slice(0, 1), h.value = p || s.headers.slice(1).map((D) => {
+      const A = Te(s.localKey), { fixed: r, active: p } = Ie(A, s.headers, s.localKey);
+      m.value = r || s.headers.slice(0, 1), h.value = p || s.headers.slice(1).map((D) => {
         var _, ee, le;
         return {
           ...D,
           isActive: ((le = (ee = (_ = s.options) == null ? void 0 : _.active) == null ? void 0 : ee.find((se) => se.key === D.key)) == null ? void 0 : le.isActive) ?? !0
         };
-      }), B(!0);
-    }), (A, u) => (i(), P(r(Ue), {
-      modelValue: T.value,
-      "onUpdate:modelValue": u[3] || (u[3] = (p) => T.value = p),
+      }), T(!0);
+    }), (A, r) => (i(), P(u(Be), {
+      modelValue: U.value,
+      "onUpdate:modelValue": r[3] || (r[3] = (p) => U.value = p),
       class: "h-[36px]",
       "is-attach-to-body": ""
     }, {
       menu: S(() => [
         Q("div", Fl, [
           m.value.length ? (i(), k("div", Ol, [
-            u[4] || (u[4] = Q("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
-            K(r(je), De({
+            r[4] || (r[4] = Q("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
+            K(u(je), De({
               key: "key",
               modelValue: m.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (p) => m.value = p)
+              "onUpdate:modelValue": r[0] || (r[0] = (p) => m.value = p)
             }, O), {
               default: S(() => [
-                (i(!0), k(re, null, ne(m.value, (p, D) => (i(), k("div", {
+                (i(!0), k(ue, null, ne(m.value, (p, D) => (i(), k("div", {
                   key: p.key,
                   class: de(["flex items-center justify-between h-[26px]", D ? "" : "is-disabled"])
                 }, [
                   Q("span", null, Le(p.label), 1),
-                  D ? (i(), P(r(Ae), {
+                  D ? (i(), P(u(Ae), {
                     key: 0,
                     width: "18",
                     height: "18",
@@ -97,29 +97,29 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
             }, 16, ["modelValue"])
           ])) : g("", !0),
           Q("div", Vl, [
-            u[5] || (u[5] = Q("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            K(r(je), De({
+            r[5] || (r[5] = Q("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
+            K(u(je), De({
               key: "key",
               modelValue: h.value,
-              "onUpdate:modelValue": u[2] || (u[2] = (p) => h.value = p)
+              "onUpdate:modelValue": r[2] || (r[2] = (p) => h.value = p)
             }, O, { "data-active-headers": "true" }), {
               default: S(() => [
-                (i(!0), k(re, null, ne(h.value, (p) => (i(), k(re, {
+                (i(!0), k(ue, null, ne(h.value, (p) => (i(), k(ue, {
                   key: p.key
                 }, [
                   p.key !== "actions" ? (i(), k("div", Dl, [
                     Q("div", Ll, [
-                      K(r(il), {
+                      K(u(il), {
                         modelValue: p.isActive,
                         "onUpdate:modelValue": [
                           (D) => p.isActive = D,
-                          u[1] || (u[1] = (D) => B())
+                          r[1] || (r[1] = (D) => T())
                         ],
                         class: "!w-fit"
                       }, null, 8, ["modelValue", "onUpdate:modelValue"]),
                       Q("div", El, Le(p.label), 1)
                     ]),
-                    h.value.length > 1 ? (i(), P(r(Ae), {
+                    h.value.length > 1 ? (i(), P(u(Ae), {
                       key: 0,
                       width: "18",
                       height: "18",
@@ -135,7 +135,7 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
         ])
       ]),
       default: S(() => [
-        K(r(Te), {
+        K(u(Ue), {
           label: "Edit Column",
           "left-icon": "setting",
           variant: "secondary"
@@ -153,10 +153,10 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
 }, Kl = {
   key: 1,
   class: "absolute flex gap-3 left-5"
-}, Ul = {
+}, Bl = {
   key: 1,
   class: "flex justify-center w-full gap-5 md:justify-start"
-}, Tl = {
+}, Ul = {
   key: 2,
   class: "items-center hidden md:flex"
 }, Gl = {
@@ -188,6 +188,10 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
     localDb: {
       type: Object,
       required: !1
+    },
+    sortBy: {
+      type: Object,
+      required: !1
     }
   },
   emits: {
@@ -207,12 +211,12 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
     const s = j, h = oe, m = $(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.cursor;
-    }), T = F(), O = $(() => {
+    }), U = F(), O = $(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.tableOptions;
-    }), B = $(() => s.localDb !== void 0), {
+    }), T = $(() => s.localDb !== void 0), {
       localData: A,
-      paginationData: u,
+      paginationData: r,
       isLoading: p,
       // Methods
       bulkPutLocalData: D,
@@ -234,22 +238,22 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
       var e;
       return (e = s.options) == null ? void 0 : e.pagination;
     }, (e) => {
-      B.value || (u.value = e);
-    }, { deep: !0, immediate: !0 }), B.value && (ie(() => s.filter, () => {
-      Qe(s.filter);
+      T.value || (r.value = e);
+    }, { deep: !0, immediate: !0 }), T.value && (ie(() => s.filter, () => {
+      s.filter && Qe(s.filter);
     }, { deep: !0, immediate: !0 }), ie(() => s.sortBy, () => {
-      Ne(s.sortBy);
+      s.sortBy && Ne(s.sortBy);
     }, { deep: !0, immediate: !0 }));
     const ve = $(() => {
       var l;
       const e = {
         ...O.value,
-        headers: T.value ? T.value.map((n) => {
+        headers: U.value ? U.value.map((n) => {
           var v, c;
           return n.class = ((c = (v = O.value) == null ? void 0 : v.headers.find((d) => d.key === n.key)) == null ? void 0 : c.class) ?? "", n;
         }).filter((n) => n.isActive) : (l = O.value) == null ? void 0 : l.headers.filter((n) => We(n.key))
       };
-      return B.value && (e.fields = A.value), e;
+      return T.value && (e.fields = A.value), e;
     }), a = $(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.filterOptions;
@@ -258,29 +262,29 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
       return (e = s.options) == null ? void 0 : e.hidePerPageDropdown;
     }), ze = $(() => {
       var e;
-      return ((e = u.value) == null ? void 0 : e.last_page) === 1;
+      return ((e = r.value) == null ? void 0 : e.last_page) === 1;
     }), N = F(!1), L = F(s.filter[(he = (ke = a.value) == null ? void 0 : ke.tabs) == null ? void 0 : he.key]), R = F(s.filter.page), z = F(
       (Se = (xe = a.value) == null ? void 0 : xe.per_page) != null && Se.key ? s.filter[($e = (we = a.value) == null ? void 0 : we.per_page) == null ? void 0 : $e.key] : s.filter.per_page
-    ), ce = ((Ve = s.filter[(Oe = (Fe = a.value) == null ? void 0 : Fe.search) == null ? void 0 : Oe.key]) == null ? void 0 : Ve.trim()) ?? "", U = F(ce ? ce.split(",") : []), me = F(!1), Me = $(
+    ), ce = ((Ve = s.filter[(Oe = (Fe = a.value) == null ? void 0 : Fe.search) == null ? void 0 : Oe.key]) == null ? void 0 : Ve.trim()) ?? "", B = F(ce ? ce.split(",") : []), me = F(!1), Me = $(
       () => {
         var e;
         return xl((e = s.options) == null ? void 0 : e.perPageOptions);
       }
-    ), Je = $(() => Sl(Me.value, u.value)), Ze = $(() => {
+    ), Je = $(() => Sl(Me.value, r.value)), Ze = $(() => {
       var e;
       return ((e = s.selected) == null ? void 0 : e.length) > 0;
     }), pe = (e) => {
-      !e.trim() || !t.value.selectedSearchOption && U.value.includes(e) || (U.value = [e], w(), h("search-query-changed", e));
+      !e.trim() || !t.value.selectedSearchOption && B.value.includes(e) || (B.value = [e], w(), h("search-query-changed", e));
     }, Ge = (e) => {
-      U.value = U.value.filter((l) => l !== e), w();
+      B.value = B.value.filter((l) => l !== e), w();
     }, M = s.filter;
-    !M && u.value ? M.page = 1 : !M && m && (M.cursor = "");
+    !M && r.value ? M.page = 1 : !M && m && (M.cursor = "");
     const t = F(M), He = $(() => kl(t.value, a.value)), We = (e) => {
       var l, n, v, c, d, o;
       return ((o = (d = (c = (v = t.value) == null ? void 0 : v[(n = (l = a.value) == null ? void 0 : l.columnEdit) == null ? void 0 : n.key]) == null ? void 0 : c.active) == null ? void 0 : d.find((f) => f.key === e)) == null ? void 0 : o.isActive) ?? !0;
     }, Xe = ({ fixedHeaders: e, activeHeaders: l, isOnMount: n }) => {
       var v, c, d, o, f, x, E, V;
-      if (t.value[(c = (v = a.value) == null ? void 0 : v.columnEdit) == null ? void 0 : c.key] || (t.value[(o = (d = a.value) == null ? void 0 : d.columnEdit) == null ? void 0 : o.key] = {}), t.value[(x = (f = a.value) == null ? void 0 : f.columnEdit) == null ? void 0 : x.key].fixed = e, t.value[(V = (E = a.value) == null ? void 0 : E.columnEdit) == null ? void 0 : V.key].active = l, T.value = [...e, ...l], !n) {
+      if (t.value[(c = (v = a.value) == null ? void 0 : v.columnEdit) == null ? void 0 : c.key] || (t.value[(o = (d = a.value) == null ? void 0 : d.columnEdit) == null ? void 0 : o.key] = {}), t.value[(x = (f = a.value) == null ? void 0 : f.columnEdit) == null ? void 0 : x.key].fixed = e, t.value[(V = (E = a.value) == null ? void 0 : E.columnEdit) == null ? void 0 : V.key].active = l, U.value = [...e, ...l], !n) {
         const I = gl(e, l);
         bl(a.value.columnEdit.localStorageKey, I);
       }
@@ -288,30 +292,30 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
     }, Ye = () => {
       var e, l, n, v, c, d;
       if ((l = (e = a.value) == null ? void 0 : e.columnEdit) != null && l.localStorageKey) {
-        const o = Be(a.value.columnEdit.localStorageKey);
+        const o = Te(a.value.columnEdit.localStorageKey);
         if (o) {
           const { fixed: f, active: x } = Ie(
             o,
             O.value.headers,
             a.value.columnEdit.localStorageKey
           );
-          t.value[(v = (n = a.value) == null ? void 0 : n.columnEdit) == null ? void 0 : v.key].fixed = f, t.value[(d = (c = a.value) == null ? void 0 : c.columnEdit) == null ? void 0 : d.key].active = x, T.value = [...f, ...x];
+          t.value[(v = (n = a.value) == null ? void 0 : n.columnEdit) == null ? void 0 : v.key].fixed = f, t.value[(d = (c = a.value) == null ? void 0 : c.columnEdit) == null ? void 0 : d.key].active = x, U.value = [...f, ...x];
         }
       }
     }, _e = (e) => {
       t.value.selectedSearchOption = e;
     }, el = () => {
-      U.value = [], L.value = "", t.value = hl(t.value, a.value, z.value, L.value), w();
+      B.value = [], L.value = "", t.value = hl(t.value, a.value, z.value, L.value), w();
     }, ll = () => {
       w(null, R.value);
     }, al = () => {
       $l(s.id, t.value);
     }, tl = () => wl(s.id), fe = F(null), w = (e = null, l = !1, n = "", v = !1, c = !1) => {
       var o, f, x, E, V, I, J, Z, G, H, W, X, Y;
-      u.value && !l && (R.value = 1), u.value ? t.value.page = R.value : t.value.cursor = n, (o = a.value) != null && o.per_page ? t.value[a.value.per_page.key] = z.value : t.value.per_page = z.value, (f = a.value) != null && f.tabs && c && (t.value[a.value.tabs.key] = L.value), (x = a.value) != null && x.search && ((V = (E = a.value.search) == null ? void 0 : E.options) != null && V.length ? (Object.keys(t.value).forEach((b) => {
+      r.value && !l && (R.value = 1), r.value ? t.value.page = R.value : t.value.cursor = n, (o = a.value) != null && o.per_page ? t.value[a.value.per_page.key] = z.value : t.value.per_page = z.value, (f = a.value) != null && f.tabs && c && (t.value[a.value.tabs.key] = L.value), (x = a.value) != null && x.search && ((V = (E = a.value.search) == null ? void 0 : E.options) != null && V.length ? (Object.keys(t.value).forEach((b) => {
         var q;
         (q = a.value.search.options) != null && q.map((y) => y.value).includes(b) && delete t.value[b];
-      }), t.value[((I = t.value) == null ? void 0 : I.selectedSearchOption) || ((G = (Z = (J = a.value.search) == null ? void 0 : J.options) == null ? void 0 : Z[0]) == null ? void 0 : G.value) || a.value.search.key] = U.value.join()) : t.value[a.value.search.key] = U.value.join()), e && (N.value = !1, t.value = { ...t.value, ...e }, Object.keys(t.value).forEach((b) => {
+      }), t.value[((I = t.value) == null ? void 0 : I.selectedSearchOption) || ((G = (Z = (J = a.value.search) == null ? void 0 : J.options) == null ? void 0 : Z[0]) == null ? void 0 : G.value) || a.value.search.key] = B.value.join()) : t.value[a.value.search.key] = B.value.join()), e && (N.value = !1, t.value = { ...t.value, ...e }, Object.keys(t.value).forEach((b) => {
         Array.isArray(t.value[b]) && t.value[b].length === 0 && delete t.value[b];
       }));
       let d = (W = (H = a.value) == null ? void 0 : H.tabs) == null ? void 0 : W.key;
@@ -337,10 +341,10 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
       const e = tl();
       e && (t.value = JSON.parse(e), L.value = L.value || ((l = t.value) == null ? void 0 : l.tabs) || ((c = t.value) == null ? void 0 : c[(v = (n = a.value) == null ? void 0 : n.tabs) == null ? void 0 : v.key]), (d = t.value) != null && d.selectedSearchOption && pe(t.value[(o = t.value) == null ? void 0 : o.selectedSearchOption]), R.value = ((f = t.value) == null ? void 0 : f.page) || 1, w(null, !0, t.value.cursor, !0)), h("on-table-ready");
     });
-    const ue = $(() => s.isLoading || p.value);
+    const re = $(() => s.isLoading || p.value);
     return te({
-      paginationData: u,
-      tableIsLoading: ue,
+      paginationData: r,
+      tableIsLoading: re,
       bulkPutLocalData: D,
       bulkDeleteLocalData: _,
       getLocalDataUpdatedAt: ee,
@@ -350,12 +354,12 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
     }), (e, l) => {
       var n, v, c, d;
       return i(), k("div", Pl, [
-        ve.value ? (i(), P(r(nl), {
+        ve.value ? (i(), P(u(nl), {
           key: 0,
           selected: j.selected,
           "row-key": j.rowKey,
           options: ve.value,
-          "is-loading": ue.value,
+          "is-loading": re.value,
           "loading-rows": z.value,
           "row-class": j.rowClass,
           "row-link": j.rowLink,
@@ -364,7 +368,7 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
           "onUpdate:selected": l[8] || (l[8] = (o) => e.$emit("update:selected", o)),
           "onClick:row": l[9] || (l[9] = (o) => e.$emit("click:row", o)),
           "onHover:cell": l[10] || (l[10] = (o) => e.$emit("hover:cell", o))
-        }, rl({
+        }, ul({
           after: S(() => [
             C(e.$slots, "after")
           ]),
@@ -389,14 +393,14 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
                   Ze.value ? (i(), k("div", Al, [
                     C(e.$slots, "bulk-actions", { selectedRows: j.selected })
                   ])) : (i(), k("div", Kl, [
-                    (E = a.value) != null && E.tabs ? (i(), P(r(dl), {
+                    (E = a.value) != null && E.tabs ? (i(), P(u(dl), {
                       key: 0,
                       modelValue: L.value,
                       "onUpdate:modelValue": [
                         l[0] || (l[0] = (V) => L.value = V),
                         l[1] || (l[1] = (V) => w(null, !1, "", !1, !0))
                       ],
-                      "is-disabled": ue.value,
+                      "is-disabled": re.value,
                       tabs: a.value.tabs.options,
                       variant: "pills"
                     }, null, 8, ["modelValue", "is-disabled", "tabs"])) : g("", !0)
@@ -411,7 +415,7 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
                           a.value ? me.value ? "md:w-fit w-full" : "" : "w-full justify-end"
                         ])
                       }, [
-                        (Z = a.value) != null && Z.search ? (i(), P(r(vl), {
+                        (Z = a.value) != null && Z.search ? (i(), P(u(vl), {
                           key: 0,
                           "is-search-only": !a.value.tabs || a.value.isSearchOnly,
                           "search-options": ((G = a.value.search) == null ? void 0 : G.options) ?? [],
@@ -420,7 +424,7 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
                           onToggle: l[2] || (l[2] = (y) => me.value = y),
                           onChangeSearchKey: _e
                         }, null, 8, ["is-search-only", "search-options", "selected-option"])) : g("", !0),
-                        (b = a.value) != null && b.form ? (i(), P(r(Ue), {
+                        (b = a.value) != null && b.form ? (i(), P(u(Be), {
                           key: 1,
                           modelValue: N.value,
                           "onUpdate:modelValue": [
@@ -432,7 +436,7 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
                           "is-attach-to-body": ""
                         }, {
                           menu: S(() => [
-                            N.value ? (i(), P(r(cl), {
+                            N.value ? (i(), P(u(cl), {
                               key: 0,
                               id: j.id,
                               "json-form": a.value.form ?? [],
@@ -443,19 +447,19 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
                               onFilterFieldsChanged: l[4] || (l[4] = (y) => h("filter-fields-changed", y)),
                               onCancel: l[5] || (l[5] = (y) => N.value = !1)
                             }, {
-                              default: S(({ errors: y, values: ae, jsonForm: sl, updateForm: ul }) => [
+                              default: S(({ errors: y, values: ae, jsonForm: sl, updateForm: rl }) => [
                                 C(e.$slots, "custom-filter-form", {
                                   errors: y,
                                   values: ae,
                                   jsonForm: sl,
-                                  updateFilter: ul
+                                  updateFilter: rl
                                 })
                               ]),
                               _: 3
                             }, 8, ["id", "json-form", "grid", "values", "actions"])) : g("", !0)
                           ]),
                           default: S(() => [
-                            K(r(Te), {
+                            K(u(Ue), {
                               "is-active": N.value,
                               variant: "secondary",
                               "left-icon": "filter"
@@ -474,9 +478,9 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
                     ];
                   })
                 ])) : g("", !0),
-                K(r(ml), {
+                K(u(ml), {
                   filters: He.value,
-                  queries: U.value,
+                  queries: B.value,
                   class: "border-t border-oc-gray-200",
                   onRemoveQuery: Ge,
                   onRemoveAll: el,
@@ -497,11 +501,11 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
           }))
         ]), 1032, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "is-sticky", "is-borderless"])) : g("", !0),
         C(e.$slots, "before-pagination"),
-        r(u) || m.value ? (i(), k("div", {
+        u(r) || m.value ? (i(), k("div", {
           key: 1,
-          class: de(["flex items-center gap-3", r(u) && r(u).last_page === 1 ? "justify-end" : ""])
+          class: de(["flex items-center gap-3", u(r) && u(r).last_page === 1 ? "justify-end" : ""])
         }, [
-          r(u) && !ze.value ? (i(), P(r(pl), {
+          u(r) && !ze.value ? (i(), P(u(pl), {
             key: 0,
             modelValue: R.value,
             "onUpdate:modelValue": [
@@ -509,23 +513,23 @@ const Fl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Ol = {
               ll
             ],
             class: "justify-center",
-            "max-page": r(u).last_page,
-            strategy: r(u).strategy,
+            "max-page": u(r).last_page,
+            strategy: u(r).strategy,
             "total-visible": "5"
           }, null, 8, ["modelValue", "max-page", "strategy"])) : g("", !0),
-          m.value ? (i(), k("div", Ul, [
-            K(r(Pe), {
+          m.value ? (i(), k("div", Bl, [
+            K(u(Pe), {
               disabled: !m.value.prev,
               onClick: l[12] || (l[12] = (o) => m.value.prev ? w(null, !1, m.value.prev) : null)
             }, null, 8, ["disabled"]),
-            K(r(Pe), {
+            K(u(Pe), {
               disabled: !m.value.next,
               "is-next": "",
               onClick: l[13] || (l[13] = (o) => m.value.next ? w(null, !1, m.value.next) : null)
             }, null, 8, ["disabled"])
           ])) : g("", !0),
-          Re.value ? g("", !0) : (i(), k("div", Tl, [
-            K(r(fl), {
+          Re.value ? g("", !0) : (i(), k("div", Ul, [
+            K(u(fl), {
               modelValue: z.value,
               "onUpdate:modelValue": [
                 l[14] || (l[14] = (o) => z.value = o),

package/dist/{OcDraggableList-Cek-0KDt.js → OcDraggableList-BC7Fe18o.js}

@@ -1,5 +1,5 @@
 import { ref as w, createBlock as y, openBlock as c, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as $, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as x, createVNode as f } from "vue";
-import { aI as D, aE as S, az as B } from "./index-BgkXygOb.js";
+import { aI as D, aE as S, az as B } from "./index-yXxch8P2.js";
 import { _ as g } from "./OcIcon-CBf___w1.js";
 const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, E = { class: "flex w-full" }, N = { class: "ml-4 flex w-full" }, U = { class: "flex items-center flex-wrap w-full" }, z = ["href"], O = { class: "min-w-[120px]" }, W = { class: "truncate w-[200px]" }, j = { class: "flex items-center ml-4" }, A = { class: "flex w-full" }, T = {
   __name: "OcDraggableList",

package/dist/{OcEmojiPicker-D8D7uW5N.js → OcEmojiPicker-C0k4r440.js}

@@ -1,5 +1,5 @@
 import { ref as m, computed as p, createElementBlock as l, openBlock as s, createVNode as f, createBlock as N, createCommentVNode as z, unref as c, withCtx as v, createElementVNode as n, normalizeClass as T, Fragment as V, renderList as k, createTextVNode as C } from "vue";
-import { az as U, d as J, B as _ } from "./index-BgkXygOb.js";
+import { az as U, d as J, B as _ } from "./index-yXxch8P2.js";
 import { EMOJI_LIST as a, EMOJI_CATEGORIES as P } from "./Form/EmojiPicker/conts/emoji.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, G = ["innerHTML"], R = { class: "p-4 w-[340px]" }, q = { class: "bg-oc-bg-dark p-4 rounded flex items-center justify-center" }, K = ["innerHTML"], Q = { class: "pt-3 pb-4" }, W = ["id", "innerHTML", "onClick"], X = {

package/dist/{OcFilterForm-Bo_O-7yh.js → OcFilterForm-Btc9rP4W.js}

@@ -1,5 +1,5 @@
 import { ref as r, computed as u, onMounted as B, createElementBlock as O, openBlock as k, renderSlot as $, createElementVNode as f, createVNode as c, unref as i } from "vue";
-import { u as w, B as m } from "./index-BgkXygOb.js";
+import { u as w, B as m } from "./index-yXxch8P2.js";
 const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500px] overflow-y-auto p-5" }, E = { class: "flex gap-x-5 px-5 pb-5" }, N = {
   __name: "OcFilterForm",
   props: {

package/dist/{OcFilterSearch-4Ra6PJji.js → OcFilterSearch-D6Oh4Vbd.js}

@@ -1,5 +1,5 @@
 import { ref as c, computed as B, createElementBlock as u, openBlock as s, Fragment as x, createElementVNode as i, createCommentVNode as O, normalizeClass as S, createVNode as m, createBlock as v, unref as r, withKeys as K, createSlots as N, withCtx as f, toDisplayString as Q, renderList as z, nextTick as A } from "vue";
-import { d as D, az as E, aA as F, B as w } from "./index-BgkXygOb.js";
+import { d as D, az as E, aA as F, B as w } from "./index-yXxch8P2.js";
 import { _ as I } from "./OcIcon-CBf___w1.js";
 const U = { class: "flex gap-x-4" }, j = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, q = { class: "p-2 flex flex-col" }, J = {
   __name: "OcFilterSearch",

package/dist/{OcFilterSearchFor-B6d6z79P.js → OcFilterSearchFor-CknteDrO.js}

@@ -1,5 +1,5 @@
 import { computed as k, createBlock as m, createCommentVNode as x, openBlock as a, unref as o, withCtx as y, createElementVNode as f, createElementBlock as v, createVNode as F, Fragment as b, renderList as p } from "vue";
-import { M as $, au as c } from "./index-BgkXygOb.js";
+import { M as $, au as c } from "./index-yXxch8P2.js";
 const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {

package/dist/{OcModalCropper-yzTi3OwR.js → OcModalCropper-BRNZvi4Y.js}

@@ -1,6 +1,6 @@
 import { ref as o, createBlock as v, openBlock as d, unref as r, withCtx as x, createVNode as O } from "vue";
-import { aB as b } from "./index-BgkXygOb.js";
-import k from "./OcCropper-YFTz01Vk.js";
+import { aB as b } from "./index-yXxch8P2.js";
+import k from "./OcCropper-CCf97Pam.js";
 const S = {
   __name: "OcModalCropper",
   props: {

package/dist/{OcTimePicker-R3zI86PW.js → OcTimePicker-DECsVh0p.js}

@@ -1,5 +1,5 @@
 import { ref as n, watch as g, createBlock as m, openBlock as s, unref as o, withCtx as p, createVNode as v, createCommentVNode as y } from "vue";
-import { az as S, d as h, aJ as D } from "./index-BgkXygOb.js";
+import { az as S, d as h, aJ as D } from "./index-yXxch8P2.js";
 import c from "dayjs";
 const w = {
   __name: "OcTimePicker",

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { ax as r } from "../../index-BgkXygOb.js";
+import { ax as r } from "../../index-yXxch8P2.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

@@ -1,4 +1,4 @@
-import { ay as a } from "../../index-BgkXygOb.js";
+import { ay as a } from "../../index-yXxch8P2.js";
 export {
   a as CopyTooltip
 };

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,4 +1,4 @@
-import { az as r, aA as p } from "../../index-BgkXygOb.js";
+import { az as r, aA as p } from "../../index-yXxch8P2.js";
 export {
   r as Dropdown,
   p as DropdownItem

package/dist/Overlay/Modal/OcModal.js

@@ -1,4 +1,4 @@
-import { aB as d, aC as e } from "../../index-BgkXygOb.js";
+import { aB as d, aC as e } from "../../index-yXxch8P2.js";
 export {
   d as Modal,
   e as OcModalPage

package/dist/Overlay/SupportMenu/OcSupportMenu.js

@@ -1,4 +1,4 @@
-import { aD as r } from "../../index-BgkXygOb.js";
+import { aD as r } from "../../index-yXxch8P2.js";
 export {
   r as SupportMenu
 };

package/dist/Overlay/Tooltip/OcTooltip.js

@@ -1,4 +1,4 @@
-import { aE as p } from "../../index-BgkXygOb.js";
+import { aE as p } from "../../index-yXxch8P2.js";
 export {
   p as Tooltip
 };

package/dist/Overlay/Whitelist/OcWhiteList.js

@@ -1,4 +1,4 @@
-import { aF as e } from "../../index-BgkXygOb.js";
+import { aF as e } from "../../index-yXxch8P2.js";
 export {
   e as WhiteList
 };

package/dist/{SubPlanCard-DVyHMof3.js → SubPlanCard-JktUvdQq.js}

@@ -1,5 +1,5 @@
 import { computed as l, createElementBlock as o, openBlock as a, normalizeClass as d, createElementVNode as e, createBlock as x, createCommentVNode as u, toDisplayString as r, unref as m, createTextVNode as v, Fragment as T, renderList as k, createVNode as P } from "vue";
-import { au as _, B as w } from "./index-BgkXygOb.js";
+import { au as _, B as w } from "./index-yXxch8P2.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as F } from "./OcIcon-CBf___w1.js";
 const B = { class: "z-10 flex flex-col gap-4 p-9 relative" }, E = { class: "flex items-center gap-4" }, A = { class: "font-medium text-xl" }, N = { class: "flex gap-3 items-center mb-5" }, S = { class: "flex items-start gap-2" }, V = { class: "text-[24px] font-medium tracking-tighter" }, q = { class: "text-[40px] leading-none font-medium" }, z = { key: 0 }, $ = {

package/dist/{ThumbnailSection-WikG4mUl.js → ThumbnailSection-Z9lFGL_L.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as a, openBlock as d, createElementVNode as t, createVNode as o, unref as i, toDisplayString as r } from "vue";
-import { B as n } from "./index-BgkXygOb.js";
+import { B as n } from "./index-yXxch8P2.js";
 const m = { class: "flex flex-col" }, u = { class: "w-full relative group" }, f = { class: "w-full h-full bg-black/25 absolute top-0 left-0 hidden group-hover:flex rounded-lg" }, v = { class: "w-full px-6 gap-3 m-auto flex" }, b = ["src", "alt"], g = { class: "mt-4 text-md text-center" }, x = {
   __name: "ThumbnailSection",
   props: {

package/dist/{ThumbnailTheme-BzIpkHxZ.js → ThumbnailTheme-CH0h_y_S.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-BgkXygOb.js";
+import { B as d, au as v } from "./index-yXxch8P2.js";
 import { _ as k } from "./OcIcon-CBf___w1.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,

package/dist/{index-BgkXygOb.js → index-yXxch8P2.js}

@@ -10515,16 +10515,16 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       }), 128))
     ], 6)) : u("", !0);
   }
-}, Uf = de(() => import("./OcDataTable-CggFfla8.js")), qf = de(() => import("./OcFilterSearch-4Ra6PJji.js")), Hf = de(() => import("./OcFilterSearchFor-B6d6z79P.js")), Yf = de(() => import("./OcFilterForm-Bo_O-7yh.js")), Cm = de(
-  () => import("./OcComplexCalendar-d6naQZTs.js")
+}, Uf = de(() => import("./OcDataTable-BOOcW2gH.js")), qf = de(() => import("./OcFilterSearch-D6Oh4Vbd.js")), Hf = de(() => import("./OcFilterSearchFor-CknteDrO.js")), Yf = de(() => import("./OcFilterForm-Btc9rP4W.js")), Cm = de(
+  () => import("./OcComplexCalendar-Bpz_E3x5.js")
 ), Wf = de(
-  () => import("./OcComplexDatePicker-LI5hiyvV.js")
-), dt = de(() => import("./OcModalCropper-yzTi3OwR.js")), Kf = de(() => import("./OcCropper-YFTz01Vk.js")), Bm = de(() => import("./OcDraggable-DRsp4j4e.js")), Gf = de(() => import("./OcDraggableList-Cek-0KDt.js")), Xf = de(() => import("./OcEmojiPicker-D8D7uW5N.js")), Jf = de(
-  () => import("./ThumbnailTheme-BzIpkHxZ.js")
+  () => import("./OcComplexDatePicker-VrfzzlYs.js")
+), dt = de(() => import("./OcModalCropper-BRNZvi4Y.js")), Kf = de(() => import("./OcCropper-CCf97Pam.js")), Bm = de(() => import("./OcDraggable-DRsp4j4e.js")), Gf = de(() => import("./OcDraggableList-BC7Fe18o.js")), Xf = de(() => import("./OcEmojiPicker-C0k4r440.js")), Jf = de(
+  () => import("./ThumbnailTheme-CH0h_y_S.js")
 ), Zf = de(
-  () => import("./ThumbnailSection-WikG4mUl.js")
-), Qf = de(() => import("./SubPlanCard-DVyHMof3.js")), _f = de(() => import("./OcTimePopup-CrwbZ_Nx.js")), Om = de(() => import("./OcTimePicker-R3zI86PW.js")), ev = de(
-  () => import("./OcAccountSetupProgress-DYhvsDxL.js")
+  () => import("./ThumbnailSection-Z9lFGL_L.js")
+), Qf = de(() => import("./SubPlanCard-JktUvdQq.js")), _f = de(() => import("./OcTimePopup-CrwbZ_Nx.js")), Om = de(() => import("./OcTimePicker-DECsVh0p.js")), ev = de(
+  () => import("./OcAccountSetupProgress-D48JsFoN.js")
 );
 export {
   sf 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 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-BgkXygOb.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-yXxch8P2.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-121",
+  "version": "1.8.1-123",
   "type": "module",
   "scripts": {
     "build": "vite build"