@orchidui/core 1.8.1-113 → 1.8.1-114

package/dist/{OcDataTable-DB7Q2Frw.js → OcDataTable-DD1_0iU4.js}

@@ -1,20 +1,20 @@
-import { ref as x, onMounted as je, 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 Oe, Fragment as ue, renderList as ie, normalizeClass as re, toDisplayString as Ve, computed as E, watch as te, renderSlot as j, createSlots as ll, normalizeProps as Ee, guardReactiveProps as Ce } from "vue";
-import { az as Ae, B as Ke, C as al, K as tl, Z as ol, aK as sl, aL as ul, aM as il, H as rl, I as Le, j as nl } from "./index-SvoT4d-2.js";
+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 Te, formatHeadersFromLocalStorage as Ue, formatHeadersToLocalStorage as dl, setInLocalStorage as vl } from "./DataTable/utils/editColumnsUtils.js";
-import { _ as De } from "./OcIcon-CBf___w1.js";
-import { formatFilterDisplay as cl, clearAllFilters as ml } from "./DataTable/utils/filterUtils.js";
-import { formatCustomItemsPerPageOptions as pl, getItemsPerPageOptions as fl } from "./DataTable/utils/paginationUtils.js";
-import { getFilterFromLocalStorage as gl, saveFilterToLocalStorage as yl } from "./DataTable/utils/storageUtils.js";
-import { useDataTable as bl } from "./DataTable/useDataTable.js";
+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 kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
+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"
-}, Sl = { class: "gap-y-2 flex flex-col" }, xl = {
+}, xl = { class: "gap-y-2 flex flex-col" }, wl = {
   key: 0,
   class: "flex items-center bg-white justify-between h-[26px]"
-}, wl = { class: "flex items-center w-full gap-x-3" }, $l = { class: "truncate w-full max-w-[160px]" }, Fl = {
+}, $l = { class: "flex items-center w-full gap-x-3" }, Fl = { class: "truncate w-full max-w-[160px]" }, Ol = {
   __name: "ColumnEdit",
   props: {
     options: {
@@ -42,20 +42,20 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
       group: "headers",
       animation: 500,
       forceFallback: !1,
-      move: (L) => L.to.dataset.activeHeaders ? !0 : !!L.draggedContext.futureIndex,
+      move: (D) => D.to.dataset.activeHeaders ? !0 : !!D.draggedContext.futureIndex,
       "onUpdate:modelValue": () => I()
-    }, I = (L = !1) => {
+    }, I = (D = !1) => {
       m.value = m.value.map((p) => ({
         ...p,
         isActive: !0
       })), s("update-order", {
         fixedHeaders: m.value,
         activeHeaders: n.value,
-        isOnMount: L
+        isOnMount: D
       });
     };
-    return je(() => {
-      const L = Te($.localKey), { fixed: p, active: f } = Ue(L, $.headers, $.localKey);
+    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 {
@@ -63,17 +63,17 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
           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);
-    }), (L, p) => (i(), A(u(Ae), {
+    }), (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", kl, [
-          m.value.length ? (i(), h("div", hl, [
+        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), Oe({
+            T(u(Pe), Ve({
               key: "key",
               modelValue: m.value,
               "onUpdate:modelValue": p[0] || (p[0] = (f) => m.value = f)
@@ -83,8 +83,8 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
                   key: f.key,
                   class: re(["flex items-center justify-between h-[26px]", O ? "" : "is-disabled"])
                 }, [
-                  N("span", null, Ve(f.label), 1),
-                  O ? (i(), A(u(De), {
+                  N("span", null, Ee(f.label), 1),
+                  O ? (i(), A(u(je), {
                     key: 0,
                     width: "18",
                     height: "18",
@@ -96,9 +96,9 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
               _: 1
             }, 16, ["modelValue"])
           ])) : b("", !0),
-          N("div", Sl, [
+          N("div", xl, [
             p[5] || (p[5] = N("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            T(u(Pe), Oe({
+            T(u(Pe), Ve({
               key: "key",
               modelValue: n.value,
               "onUpdate:modelValue": p[2] || (p[2] = (f) => n.value = f)
@@ -107,9 +107,9 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
                 (i(!0), h(ue, null, ie(n.value, (f) => (i(), h(ue, {
                   key: f.key
                 }, [
-                  f.key !== "actions" ? (i(), h("div", xl, [
-                    N("div", wl, [
-                      T(u(al), {
+                  f.key !== "actions" ? (i(), h("div", wl, [
+                    N("div", $l, [
+                      T(u(tl), {
                         modelValue: f.isActive,
                         "onUpdate:modelValue": [
                           (O) => f.isActive = O,
@@ -117,9 +117,9 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
                         ],
                         class: "!w-fit"
                       }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      N("div", $l, Ve(f.label), 1)
+                      N("div", Fl, Ee(f.label), 1)
                     ]),
-                    n.value.length > 1 ? (i(), A(u(De), {
+                    n.value.length > 1 ? (i(), A(u(je), {
                       key: 0,
                       width: "18",
                       height: "18",
@@ -135,7 +135,7 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
         ])
       ]),
       default: w(() => [
-        T(u(Ke), {
+        T(u(Te), {
           label: "Edit Column",
           "left-icon": "setting",
           variant: "secondary"
@@ -144,13 +144,13 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}, Ol = { class: "relative flex flex-col gap-9" }, Vl = {
+}, Vl = { class: "relative flex flex-col gap-9" }, El = {
   key: 0,
   class: "flex items-center px-4 min-h-[52px]"
-}, El = {
+}, Cl = {
   key: 0,
   class: "absolute flex items-center gap-5 left-5"
-}, Cl = {
+}, Dl = {
   key: 1,
   class: "absolute flex gap-3 left-5"
 }, Ll = {
@@ -159,7 +159,7 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
 }, Pl = {
   key: 2,
   class: "items-center hidden md:flex"
-}, Nl = {
+}, Rl = {
   __name: "OcDataTable",
   props: {
     isLoading: Boolean,
@@ -202,7 +202,7 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
     "columns-changed": []
   },
   setup(K, { emit: oe }) {
-    var pe, fe, ge, ye, be, ke, he, Se, xe, we, $e, Fe;
+    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(() => {
@@ -212,7 +212,7 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
       var e;
       return (e = s.options) == null ? void 0 : e.tableOptions;
     }), I = E(() => s.localDb !== void 0), {
-      localData: L,
+      localData: D,
       setFilter: p,
       setSortBy: f,
       paginationData: O,
@@ -220,10 +220,11 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
       // sortBy,
       // toggleSort,
       // updateOrAddLocalData,
-    } = bl({
+    } = kl({
       id: s.id,
       name: (fe = s.localDb) == null ? void 0 : fe.table_name,
-      localDb: (ge = s.localDb) == null ? void 0 : ge.db
+      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);
@@ -244,50 +245,50 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
         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) => ze(r.key))
+        }).filter((r) => r.isActive) : (a = F.value) == null ? void 0 : a.headers.filter((r) => Me(r.key))
       };
-      return (I.value || L.value.length > 0) && (e.fields = L.value), e;
+      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;
-    }), Be = E(() => {
+    }), Ie = E(() => {
       var e;
       return ((e = n.value) == null ? void 0 : e.last_page) === 1;
-    }), R = x(!1), P = x(s.filter[(be = (ye = l.value) == null ? void 0 : ye.tabs) == null ? void 0 : be.key]), z = x(s.filter.page), M = x(
-      (he = (ke = l.value) == null ? void 0 : ke.per_page) != null && he.key ? s.filter[(xe = (Se = l.value) == null ? void 0 : Se.per_page) == null ? void 0 : xe.key] : s.filter.per_page
-    ), ne = ((Fe = s.filter[($e = (we = l.value) == null ? void 0 : we.search) == null ? void 0 : $e.key]) == null ? void 0 : Fe.trim()) ?? "", U = x(ne ? ne.split(",") : []), de = x(!1), Ie = E(
+    }), 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 pl((e = s.options) == null ? void 0 : e.perPageOptions);
+        return fl((e = s.options) == null ? void 0 : e.perPageOptions);
       }
-    ), qe = E(() => fl(Ie.value, n.value)), Qe = E(() => {
+    ), 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));
-    }, Ne = (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), Re = E(() => cl(t.value, l.value)), ze = (e) => {
+    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;
-    }, Me = ({ fixedHeaders: e, activeHeaders: a, isOnMount: r }) => {
-      var v, c, d, o, g, S, D, 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 = (D = l.value) == null ? void 0 : D.columnEdit) == null ? void 0 : C.key].active = a, B.value = [...e, ...a], !r) {
-        const q = dl(e, a);
-        vl(l.value.columnEdit.localStorageKey, q);
+    }, 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);
-    }, Je = () => {
+    }, Ze = () => {
       var e, a, r, v, c, d;
       if ((a = (e = l.value) == null ? void 0 : e.columnEdit) != null && a.localStorageKey) {
-        const o = Te(l.value.columnEdit.localStorageKey);
+        const o = Ue(l.value.columnEdit.localStorageKey);
         if (o) {
-          const { fixed: g, active: S } = Ue(
+          const { fixed: g, active: S } = Be(
             o,
             F.value.headers,
             l.value.columnEdit.localStorageKey
@@ -295,24 +296,24 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
           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];
         }
       }
-    }, Ze = (e) => {
+    }, Ge = (e) => {
       t.value.selectedSearchOption = e;
-    }, Ge = () => {
-      U.value = [], P.value = "", t.value = ml(t.value, l.value, M.value, P.value), V();
     }, He = () => {
-      V(null, z.value);
+      U.value = [], L.value = "", t.value = pl(t.value, l.value, M.value, L.value), V();
     }, We = () => {
-      yl(s.id, t.value);
-    }, Xe = () => gl(s.id), ce = x(null), V = (e = null, a = !1, r = "", v = !1, c = !1) => {
-      var o, g, S, D, 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] = P.value), (S = l.value) != null && S.search && ((C = (D = l.value.search) == null ? void 0 : D.options) != null && C.length ? (Object.keys(t.value).forEach((k) => {
+      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 && P.value !== t.value[d]) {
+      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;
@@ -320,25 +321,25 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
           }
         );
         if (k != null && k.value)
-          return P.value = k.value, V(), !1;
+          return L.value = k.value, V(), !1;
       }
-      We(), clearTimeout(ce.value), ce.value = setTimeout(() => {
+      Xe(), clearTimeout(ce.value), ce.value = setTimeout(() => {
         $("update:filter", t.value, v);
       }, 100);
-    }, Ye = (e, a) => {
-      (a === l.value.tabs.key || a === "tabs") && (P.value = ""), V(e), $("filter-removed", a);
+    }, _e = (e, a) => {
+      (a === l.value.tabs.key || a === "tabs") && (L.value = ""), V(e), $("filter-removed", a);
     };
-    je(() => {
+    Ae(() => {
       var a, r, v, c, d, o, g;
-      Je();
-      const e = Xe();
-      e && (t.value = JSON.parse(e), P.value = P.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));
+      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", Ol, [
-        F.value ? (i(), A(u(tl), {
+      return i(), h("div", Vl, [
+        F.value ? (i(), A(u(ol), {
           key: 0,
           selected: K.selected,
           "row-key": K.rowKey,
@@ -352,7 +353,7 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
           "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))
-        }, ll({
+        }, al({
           after: w(() => [
             j(e.$slots, "after")
           ]),
@@ -360,28 +361,28 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
             j(e.$slots, "empty")
           ]),
           "table-header": w((o) => [
-            j(e.$slots, "table-header", Ee(Ce(o)))
+            j(e.$slots, "table-header", Ce(De(o)))
           ]),
           "table-body": w((o) => [
-            j(e.$slots, "table-body", Ee(Ce(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, D;
+              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", Vl, [
-                  Qe.value ? (i(), h("div", El, [
+                (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", Cl, [
-                    (D = l.value) != null && D.tabs ? (i(), A(u(ol), {
+                  ])) : (i(), h("div", Dl, [
+                    (P = l.value) != null && P.tabs ? (i(), A(u(sl), {
                       key: 0,
-                      modelValue: P.value,
+                      modelValue: L.value,
                       "onUpdate:modelValue": [
-                        a[0] || (a[0] = (C) => P.value = C),
+                        a[0] || (a[0] = (C) => L.value = C),
                         a[1] || (a[1] = (C) => V(null, !1, "", !1, !0))
                       ],
                       "is-disabled": me.value,
@@ -399,16 +400,16 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
                           l.value ? de.value ? "md:w-fit w-full" : "" : "w-full justify-end"
                         ])
                       }, [
-                        (G = l.value) != null && G.search ? (i(), A(u(sl), {
+                        (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: Ze
+                          onChangeSearchKey: Ge
                         }, null, 8, ["is-search-only", "search-options", "selected-option"])) : b("", !0),
-                        (k = l.value) != null && k.form ? (i(), A(u(Ae), {
+                        (k = l.value) != null && k.form ? (i(), A(u(Ke), {
                           key: 1,
                           modelValue: R.value,
                           "onUpdate:modelValue": [
@@ -420,7 +421,7 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
                           "is-attach-to-body": ""
                         }, {
                           menu: w(() => [
-                            R.value ? (i(), A(u(ul), {
+                            R.value ? (i(), A(u(il), {
                               key: 0,
                               id: K.id,
                               "json-form": l.value.form ?? [],
@@ -431,19 +432,19 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
                               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: _e, updateForm: el }) => [
+                              default: w(({ errors: y, values: ae, jsonForm: el, updateForm: ll }) => [
                                 j(e.$slots, "custom-filter-form", {
                                   errors: y,
                                   values: ae,
-                                  jsonForm: _e,
-                                  updateFilter: el
+                                  jsonForm: el,
+                                  updateFilter: ll
                                 })
                               ]),
                               _: 3
                             }, 8, ["id", "json-form", "grid", "values", "actions"])) : b("", !0)
                           ]),
                           default: w(() => [
-                            T(u(Ke), {
+                            T(u(Te), {
                               "is-active": R.value,
                               variant: "secondary",
                               "left-icon": "filter"
@@ -451,24 +452,24 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
                           ]),
                           _: 3
                         }, 8, ["modelValue"])) : b("", !0),
-                        l.value.columnEdit ? (i(), A(Fl, {
+                        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: Me
+                          onUpdateOrder: Je
                         }, null, 8, ["options", "headers", "local-key"])) : b("", !0)
                       ], 2)) : b("", !0)
                     ];
                   })
                 ])) : b("", !0),
-                T(u(il), {
-                  filters: Re.value,
+                T(u(rl), {
+                  filters: ze.value,
                   queries: U.value,
                   class: "border-t border-oc-gray-200",
-                  onRemoveQuery: Ne,
-                  onRemoveAll: Ge,
-                  onRemoveFilter: Ye
+                  onRemoveQuery: Re,
+                  onRemoveAll: He,
+                  onRemoveFilter: _e
                 }, null, 8, ["filters", "queries"])
               ];
             }),
@@ -476,10 +477,10 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
           } : void 0,
           ie((d = F.value) == null ? void 0 : d.headers, (o, g) => ({
             name: o.key,
-            fn: w(({ data: S, item: D }) => [
+            fn: w(({ data: S, item: P }) => [
               j(e.$slots, o.key, {
                 data: S,
-                item: D
+                item: P
               })
             ])
           }))
@@ -489,12 +490,12 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
           key: 1,
           class: re(["flex items-center gap-3", u(n) && u(n).last_page === 1 ? "justify-end" : ""])
         }, [
-          u(n) && !Be.value ? (i(), A(u(rl), {
+          u(n) && !Ie.value ? (i(), A(u(nl), {
             key: 0,
             modelValue: z.value,
             "onUpdate:modelValue": [
               a[11] || (a[11] = (o) => z.value = o),
-              He
+              We
             ],
             class: "justify-center",
             "max-page": u(n).last_page,
@@ -513,7 +514,7 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
             }, null, 8, ["disabled"])
           ])) : b("", !0),
           se.value ? b("", !0) : (i(), h("div", Pl, [
-            T(u(nl), {
+            T(u(dl), {
               modelValue: M.value,
               "onUpdate:modelValue": [
                 a[14] || (a[14] = (o) => M.value = o),
@@ -522,7 +523,7 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
               label: "Item per page",
               "is-inline-label": "",
               "popper-options": { placement: "auto" },
-              options: qe.value
+              options: Qe.value
             }, null, 8, ["modelValue", "options"])
           ]))
         ], 2)) : b("", !0)
@@ -531,5 +532,5 @@ const kl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, hl = {
   }
 };
 export {
-  Nl as default
+  Rl as default
 };

package/dist/{OcDraggableList-D6Q9aZI0.js → OcDraggableList-DvxSdQVR.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-SvoT4d-2.js";
+import { aI as D, aE as S, az as B } from "./index-Cxz3IHE2.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-B9K3pg5W.js → OcEmojiPicker-DUybwecE.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-SvoT4d-2.js";
+import { az as U, d as J, B as _ } from "./index-Cxz3IHE2.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-B4ASDeTk.js → OcFilterForm-D261m2a0.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-SvoT4d-2.js";
+import { u as w, B as m } from "./index-Cxz3IHE2.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-SHFmbTuq.js → OcFilterSearch-CPN0R2ki.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-SvoT4d-2.js";
+import { d as D, az as E, aA as F, B as w } from "./index-Cxz3IHE2.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-B1so0yiO.js → OcFilterSearchFor-CmRoRksh.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-SvoT4d-2.js";
+import { M as $, au as c } from "./index-Cxz3IHE2.js";
 const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {

package/dist/{OcModalCropper-C5wArpL9.js → OcModalCropper-DMKCGtyY.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-SvoT4d-2.js";
-import k from "./OcCropper-DI9cu89P.js";
+import { aB as b } from "./index-Cxz3IHE2.js";
+import k from "./OcCropper-CxYTcM_O.js";
 const S = {
   __name: "OcModalCropper",
   props: {

package/dist/{OcTimePicker-BFCYWz49.js → OcTimePicker-D31XwrhJ.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-SvoT4d-2.js";
+import { az as S, d as h, aJ as D } from "./index-Cxz3IHE2.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-SvoT4d-2.js";
+import { ax as r } from "../../index-Cxz3IHE2.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

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

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,4 +1,4 @@
-import { az as r, aA as p } from "../../index-SvoT4d-2.js";
+import { az as r, aA as p } from "../../index-Cxz3IHE2.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-SvoT4d-2.js";
+import { aB as d, aC as e } from "../../index-Cxz3IHE2.js";
 export {
   d as Modal,
   e as OcModalPage

package/dist/Overlay/SupportMenu/OcSupportMenu.js

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

package/dist/Overlay/Tooltip/OcTooltip.js

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

package/dist/Overlay/Whitelist/OcWhiteList.js

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