@orchidui/core 1.8.1-100 → 1.8.1-103

package/dist/{OcDataTable-B5QRaoES.js → OcDataTable-MsODXwsj.js}

@@ -1,5 +1,5 @@
-import { ref as x, onMounted as Ae, createBlock as j, 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 V, watch as te, renderSlot as P, createSlots as al, normalizeProps as De, guardReactiveProps as Le } 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 Ce, j as dl } from "./index-DeDsEdk8.js";
+import { ref as x, onMounted as Ae, createBlock as j, openBlock as u, unref as i, withCtx as w, createVNode as T, createElementVNode as N, createElementBlock as h, createCommentVNode as b, mergeProps as Ve, Fragment as ie, renderList as ue, normalizeClass as re, toDisplayString as Ee, computed as E, watch as te, renderSlot as P, createSlots as al, normalizeProps as De, guardReactiveProps as Le } from "vue";
+import { az as Ke, B as Te, C as tl, K as ol, Z as sl, aK as il, aL as ul, aM as rl, H as nl, I as Ce, j as dl } from "./index-Ov9629Pn.js";
 import { VueDraggableNext as Pe } from "vue-draggable-next";
 import { getFromLocalStorage as Ue, formatHeadersFromLocalStorage as Be, formatHeadersToLocalStorage as vl, setInLocalStorage as cl } from "./DataTable/utils/editColumnsUtils.js";
 import { _ as je } from "./OcIcon-CBf___w1.js";
@@ -36,7 +36,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
     "update-order"
   ],
   setup(A, { emit: oe }) {
-    const s = oe, O = A, n = x([]), f = x([]), B = x(!1), $ = {
+    const s = oe, O = A, n = x([]), p = x([]), B = x(!1), $ = {
       handle: ".drag-el",
       filter: ".is-disabled",
       group: "headers",
@@ -45,46 +45,46 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
       move: (K) => K.to.dataset.activeHeaders ? !0 : !!K.draggedContext.futureIndex,
       "onUpdate:modelValue": () => I()
     }, I = (K = !1) => {
-      f.value = f.value.map((v) => ({
-        ...v,
+      p.value = p.value.map((m) => ({
+        ...m,
         isActive: !0
       })), s("update-order", {
-        fixedHeaders: f.value,
+        fixedHeaders: p.value,
         activeHeaders: n.value,
         isOnMount: K
       });
     };
     return Ae(() => {
-      const K = Ue(O.localKey), { fixed: v, active: c } = Be(K, O.headers, O.localKey);
-      f.value = v || O.headers.slice(0, 1), n.value = c || O.headers.slice(1).map((E) => {
+      const K = Ue(O.localKey), { fixed: m, active: f } = Be(K, O.headers, O.localKey);
+      p.value = m || O.headers.slice(0, 1), n.value = f || O.headers.slice(1).map((F) => {
         var ee, le, l;
         return {
-          ...E,
-          isActive: ((l = (le = (ee = O.options) == null ? void 0 : ee.active) == null ? void 0 : le.find((se) => se.key === E.key)) == null ? void 0 : l.isActive) ?? !0
+          ...F,
+          isActive: ((l = (le = (ee = O.options) == null ? void 0 : ee.active) == null ? void 0 : le.find((se) => se.key === F.key)) == null ? void 0 : l.isActive) ?? !0
         };
       }), I(!0);
-    }), (K, v) => (i(), j(u(Ke), {
+    }), (K, m) => (u(), j(i(Ke), {
       modelValue: B.value,
-      "onUpdate:modelValue": v[3] || (v[3] = (c) => B.value = c),
+      "onUpdate:modelValue": m[3] || (m[3] = (f) => B.value = f),
       class: "h-[36px]",
       "is-attach-to-body": ""
     }, {
       menu: w(() => [
         N("div", hl, [
-          f.value.length ? (i(), h("div", Sl, [
-            v[4] || (v[4] = N("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
-            T(u(Pe), Ve({
+          p.value.length ? (u(), h("div", Sl, [
+            m[4] || (m[4] = N("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
+            T(i(Pe), Ve({
               key: "key",
-              modelValue: f.value,
-              "onUpdate:modelValue": v[0] || (v[0] = (c) => f.value = c)
+              modelValue: p.value,
+              "onUpdate:modelValue": m[0] || (m[0] = (f) => p.value = f)
             }, $), {
               default: w(() => [
-                (i(!0), h(ue, null, ie(f.value, (c, E) => (i(), h("div", {
-                  key: c.key,
-                  class: re(["flex items-center justify-between h-[26px]", E ? "" : "is-disabled"])
+                (u(!0), h(ie, null, ue(p.value, (f, F) => (u(), h("div", {
+                  key: f.key,
+                  class: re(["flex items-center justify-between h-[26px]", F ? "" : "is-disabled"])
                 }, [
-                  N("span", null, Ee(c.label), 1),
-                  E ? (i(), j(u(je), {
+                  N("span", null, Ee(f.label), 1),
+                  F ? (u(), j(i(je), {
                     key: 0,
                     width: "18",
                     height: "18",
@@ -97,29 +97,29 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
             }, 16, ["modelValue"])
           ])) : b("", !0),
           N("div", xl, [
-            v[5] || (v[5] = N("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            T(u(Pe), Ve({
+            m[5] || (m[5] = N("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
+            T(i(Pe), Ve({
               key: "key",
               modelValue: n.value,
-              "onUpdate:modelValue": v[2] || (v[2] = (c) => n.value = c)
+              "onUpdate:modelValue": m[2] || (m[2] = (f) => n.value = f)
             }, $, { "data-active-headers": "true" }), {
               default: w(() => [
-                (i(!0), h(ue, null, ie(n.value, (c) => (i(), h(ue, {
-                  key: c.key
+                (u(!0), h(ie, null, ue(n.value, (f) => (u(), h(ie, {
+                  key: f.key
                 }, [
-                  c.key !== "actions" ? (i(), h("div", wl, [
+                  f.key !== "actions" ? (u(), h("div", wl, [
                     N("div", Ol, [
-                      T(u(tl), {
-                        modelValue: c.isActive,
+                      T(i(tl), {
+                        modelValue: f.isActive,
                         "onUpdate:modelValue": [
-                          (E) => c.isActive = E,
-                          v[1] || (v[1] = (E) => I())
+                          (F) => f.isActive = F,
+                          m[1] || (m[1] = (F) => I())
                         ],
                         class: "!w-fit"
                       }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      N("div", $l, Ee(c.label), 1)
+                      N("div", $l, Ee(f.label), 1)
                     ]),
-                    n.value.length > 1 ? (i(), j(u(je), {
+                    n.value.length > 1 ? (u(), j(i(je), {
                       key: 0,
                       width: "18",
                       height: "18",
@@ -135,7 +135,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
         ])
       ]),
       default: w(() => [
-        T(u(Te), {
+        T(i(Te), {
           label: "Edit Column",
           "left-icon": "setting",
           variant: "secondary"
@@ -209,17 +209,17 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
     var me, fe, ge, ye, be, ke, he, Se, xe, we, Oe, $e, Fe;
     const s = A, O = oe;
     let n = x((me = s.options) == null ? void 0 : me.pagination);
-    const f = V(() => {
+    const p = E(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.cursor;
-    }), B = x(), $ = V(() => {
+    }), B = x(), $ = E(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.tableOptions;
-    }), I = V(() => s.isLocalData && s.localDataOptions), {
+    }), I = E(() => s.isLocalData && s.localDataOptions), {
       localData: K,
-      setFilter: v,
-      setSortBy: c,
-      paginationData: E,
+      setFilter: m,
+      setSortBy: f,
+      paginationData: F,
       isLoading: ee
       // sortBy,
       // toggleSort,
@@ -230,65 +230,65 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
       localDb: (ge = s.localDataOptions) == null ? void 0 : ge.db,
       options: (ye = s.localDataOptions) == null ? void 0 : ye.options
     });
-    I.value && (n.value = E.value, te(() => s.filter, (e) => {
-      v(e);
-    }, { deep: !0 }), te(() => s.sortBy, (e) => {
-      c(e);
-    }, { deep: !0 }), te(() => E.value, (e) => {
-      n.value = e;
-    }, { deep: !0 }), v(s.filter), c(s.sortBy)), te(() => {
+    I.value && (n.value = F.value, te(() => s.filter, () => {
+      m(s.filter);
+    }, { deep: !0 }), te(() => s.sortBy, () => {
+      f(s.sortBy);
+    }, { deep: !0, immediate: !0 }), te(() => F.value, () => {
+      n.value = F.value;
+    }, { deep: !0, immediate: !0 })), te(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.pagination;
     }, (e) => {
       I.value || (n.value = e);
     }, { deep: !0 });
-    const le = V(() => {
+    const le = E(() => {
       var a;
       const e = {
         ...$.value,
         headers: B.value ? B.value.map((r) => {
-          var p, m;
-          return r.class = ((m = (p = $.value) == null ? void 0 : p.headers.find((d) => d.key === r.key)) == null ? void 0 : m.class) ?? "", r;
+          var v, c;
+          return r.class = ((c = (v = $.value) == null ? void 0 : v.headers.find((d) => d.key === r.key)) == null ? void 0 : c.class) ?? "", r;
         }).filter((r) => r.isActive) : (a = $.value) == null ? void 0 : a.headers.filter((r) => Me(r.key))
       };
       return I.value && (e.fields = K.value), e;
-    }), l = V(() => {
+    }), l = E(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.filterOptions;
-    }), se = V(() => {
+    }), se = E(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.hidePerPageDropdown;
-    }), Ie = V(() => {
+    }), Ie = E(() => {
       var e;
       return ((e = n.value) == null ? void 0 : e.last_page) === 1;
     }), R = x(!1), L = x(s.filter[(ke = (be = l.value) == null ? void 0 : be.tabs) == null ? void 0 : ke.key]), z = x(s.filter.page), M = x(
       (Se = (he = l.value) == null ? void 0 : he.per_page) != null && Se.key ? s.filter[(we = (xe = l.value) == null ? void 0 : xe.per_page) == null ? void 0 : we.key] : s.filter.per_page
-    ), ne = ((Fe = s.filter[($e = (Oe = l.value) == null ? void 0 : Oe.search) == null ? void 0 : $e.key]) == null ? void 0 : Fe.trim()) ?? "", U = x(ne ? ne.split(",") : []), de = x(!1), qe = V(
+    ), ne = ((Fe = s.filter[($e = (Oe = l.value) == null ? void 0 : Oe.search) == null ? void 0 : $e.key]) == null ? void 0 : Fe.trim()) ?? "", U = x(ne ? ne.split(",") : []), de = x(!1), qe = E(
       () => {
         var e;
         return fl((e = s.options) == null ? void 0 : e.perPageOptions);
       }
-    ), Qe = V(() => gl(qe.value, n.value)), Ne = V(() => {
+    ), 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], F(), O("search-query-changed", e));
+      !e.trim() || !t.value.selectedSearchOption && U.value.includes(e) || (U.value = [e], V(), O("search-query-changed", e));
     }, Re = (e) => {
-      U.value = U.value.filter((a) => a !== e), F();
+      U.value = U.value.filter((a) => a !== e), V();
     }, J = s.filter;
-    !J && n.value ? J.page = 1 : !J && f && (J.cursor = "");
-    const t = x(J), ze = V(() => pl(t.value, l.value)), Me = (e) => {
-      var a, r, p, m, d, o;
-      return ((o = (d = (m = (p = t.value) == null ? void 0 : p[(r = (a = l.value) == null ? void 0 : a.columnEdit) == null ? void 0 : r.key]) == null ? void 0 : m.active) == null ? void 0 : d.find((g) => g.key === e)) == null ? void 0 : o.isActive) ?? !0;
+    !J && n.value ? J.page = 1 : !J && p && (J.cursor = "");
+    const t = x(J), ze = E(() => pl(t.value, l.value)), Me = (e) => {
+      var a, r, v, c, d, o;
+      return ((o = (d = (c = (v = t.value) == null ? void 0 : v[(r = (a = l.value) == null ? void 0 : a.columnEdit) == null ? void 0 : r.key]) == null ? void 0 : c.active) == null ? void 0 : d.find((g) => g.key === e)) == null ? void 0 : o.isActive) ?? !0;
     }, Je = ({ fixedHeaders: e, activeHeaders: a, isOnMount: r }) => {
-      var p, m, d, o, g, S, C, D;
-      if (t.value[(m = (p = l.value) == null ? void 0 : p.columnEdit) == null ? void 0 : m.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[(D = (C = l.value) == null ? void 0 : C.columnEdit) == null ? void 0 : D.key].active = a, B.value = [...e, ...a], !r) {
+      var v, c, d, o, g, S, C, D;
+      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[(D = (C = l.value) == null ? void 0 : C.columnEdit) == null ? void 0 : D.key].active = a, B.value = [...e, ...a], !r) {
         const q = vl(e, a);
         cl(l.value.columnEdit.localStorageKey, q);
       }
       O("columns-changed", a);
     }, Ze = () => {
-      var e, a, r, p, m, d;
+      var e, a, r, v, c, d;
       if ((a = (e = l.value) == null ? void 0 : e.columnEdit) != null && a.localStorageKey) {
         const o = Ue(l.value.columnEdit.localStorageKey);
         if (o) {
@@ -297,20 +297,20 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
             $.value.headers,
             l.value.columnEdit.localStorageKey
           );
-          t.value[(p = (r = l.value) == null ? void 0 : r.columnEdit) == null ? void 0 : p.key].fixed = g, t.value[(d = (m = l.value) == null ? void 0 : m.columnEdit) == null ? void 0 : d.key].active = S, B.value = [...g, ...S];
+          t.value[(v = (r = l.value) == null ? void 0 : r.columnEdit) == null ? void 0 : v.key].fixed = g, t.value[(d = (c = l.value) == null ? void 0 : c.columnEdit) == null ? void 0 : d.key].active = S, B.value = [...g, ...S];
         }
       }
     }, Ge = (e) => {
       t.value.selectedSearchOption = e;
     }, He = () => {
-      U.value = [], L.value = "", t.value = ml(t.value, l.value, M.value, L.value), F();
+      U.value = [], L.value = "", t.value = ml(t.value, l.value, M.value, L.value), V();
     }, We = () => {
-      F(null, z.value);
+      V(null, z.value);
     }, Xe = () => {
       bl(s.id, t.value);
-    }, Ye = () => yl(s.id), ce = x(null), F = (e = null, a = !1, r = "", p = !1, m = !1) => {
+    }, Ye = () => yl(s.id), ce = x(null), V = (e = null, a = !1, r = "", v = !1, c = !1) => {
       var o, g, S, C, D, 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 && m && (t.value[l.value.tabs.key] = L.value), (S = l.value) != null && S.search && ((D = (C = l.value.search) == null ? void 0 : C.options) != null && D.length ? (Object.keys(t.value).forEach((k) => {
+      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 && ((D = (C = l.value.search) == null ? void 0 : C.options) != null && D.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) => {
@@ -325,25 +325,25 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
           }
         );
         if (k != null && k.value)
-          return L.value = k.value, F(), !1;
+          return L.value = k.value, V(), !1;
       }
       Xe(), clearTimeout(ce.value), ce.value = setTimeout(() => {
-        O("update:filter", t.value, p);
+        O("update:filter", t.value, v);
       }, 100);
     }, _e = (e, a) => {
-      (a === l.value.tabs.key || a === "tabs") && (L.value = ""), F(e), O("filter-removed", a);
+      (a === l.value.tabs.key || a === "tabs") && (L.value = ""), V(e), O("filter-removed", a);
     };
     Ae(() => {
-      var a, r, p, m, d, o, g;
+      var a, r, v, c, d, o, g;
       Ze();
       const e = Ye();
-      e && (t.value = JSON.parse(e), L.value = L.value || ((a = t.value) == null ? void 0 : a.tabs) || ((m = t.value) == null ? void 0 : m[(p = (r = l.value) == null ? void 0 : r.tabs) == null ? void 0 : p.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, F(null, !0, t.value.cursor, !0));
+      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 pe = V(() => s.isLoading || ee.value);
+    const pe = E(() => s.isLoading || ee.value);
     return (e, a) => {
-      var r, p, m, d;
-      return i(), h("div", Vl, [
-        $.value ? (i(), j(u(ol), {
+      var r, v, c, d;
+      return u(), h("div", Vl, [
+        $.value ? (u(), j(i(ol), {
           key: 0,
           selected: A.selected,
           "row-key": A.rowKey,
@@ -372,22 +372,22 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
           ]),
           _: 2
         }, [
-          e.$slots.before || (r = l.value) != null && r.search || (p = l.value) != null && p.form || (m = l.value) != null && m.tabs ? {
+          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, C;
               return [
                 P(e.$slots, "before"),
-                (o = l.value) != null && o.search || (g = l.value) != null && g.form || (S = l.value) != null && S.tabs ? (i(), h("div", El, [
-                  Ne.value ? (i(), h("div", Dl, [
+                (o = l.value) != null && o.search || (g = l.value) != null && g.form || (S = l.value) != null && S.tabs ? (u(), h("div", El, [
+                  Ne.value ? (u(), h("div", Dl, [
                     P(e.$slots, "bulk-actions", { selectedRows: A.selected })
-                  ])) : (i(), h("div", Ll, [
-                    (C = l.value) != null && C.tabs ? (i(), j(u(sl), {
+                  ])) : (u(), h("div", Ll, [
+                    (C = l.value) != null && C.tabs ? (u(), j(i(sl), {
                       key: 0,
                       modelValue: L.value,
                       "onUpdate:modelValue": [
                         a[0] || (a[0] = (D) => L.value = D),
-                        a[1] || (a[1] = (D) => F(null, !1, "", !1, !0))
+                        a[1] || (a[1] = (D) => V(null, !1, "", !1, !0))
                       ],
                       "is-disabled": pe.value,
                       tabs: l.value.tabs.options,
@@ -397,14 +397,14 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
                   P(e.$slots, "filter-options", {}, () => {
                     var D, q, Z, G, H, W, X, Y, _, k, Q;
                     return [
-                      (D = l.value) != null && D.search || (q = l.value) != null && q.form || (Z = l.value) != null && Z.columnEdit ? (i(), h("div", {
+                      (D = l.value) != null && D.search || (q = l.value) != null && q.form || (Z = l.value) != null && Z.columnEdit ? (u(), h("div", {
                         key: 0,
                         class: re([
                           "flex gap-3 absolute ml-auto bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
                           l.value ? de.value ? "md:w-fit w-full" : "" : "w-full justify-end"
                         ])
                       }, [
-                        (G = l.value) != null && G.search ? (i(), j(u(ul), {
+                        (G = l.value) != null && G.search ? (u(), j(i(il), {
                           key: 0,
                           "is-search-only": !l.value.tabs || l.value.isSearchOnly,
                           "search-options": ((H = l.value.search) == null ? void 0 : H.options) ?? [],
@@ -413,7 +413,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
                           onToggle: a[2] || (a[2] = (y) => de.value = y),
                           onChangeSearchKey: Ge
                         }, null, 8, ["is-search-only", "search-options", "selected-option"])) : b("", !0),
-                        (k = l.value) != null && k.form ? (i(), j(u(Ke), {
+                        (k = l.value) != null && k.form ? (u(), j(i(Ke), {
                           key: 1,
                           modelValue: R.value,
                           "onUpdate:modelValue": [
@@ -425,14 +425,14 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
                           "is-attach-to-body": ""
                         }, {
                           menu: w(() => [
-                            R.value ? (i(), j(u(il), {
+                            R.value ? (u(), j(i(ul), {
                               key: 0,
                               id: A.id,
                               "json-form": l.value.form ?? [],
                               grid: l.value.grid ?? null,
                               values: s.filter,
                               actions: l.value.actions,
-                              onApplyFilter: a[3] || (a[3] = (y) => F(y)),
+                              onApplyFilter: a[3] || (a[3] = (y) => V(y)),
                               onFilterFieldsChanged: a[4] || (a[4] = (y) => O("filter-fields-changed", y)),
                               onCancel: a[5] || (a[5] = (y) => R.value = !1)
                             }, {
@@ -448,7 +448,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
                             }, 8, ["id", "json-form", "grid", "values", "actions"])) : b("", !0)
                           ]),
                           default: w(() => [
-                            T(u(Te), {
+                            T(i(Te), {
                               "is-active": R.value,
                               variant: "secondary",
                               "left-icon": "filter"
@@ -456,7 +456,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
                           ]),
                           _: 3
                         }, 8, ["modelValue"])) : b("", !0),
-                        l.value.columnEdit ? (i(), j(Fl, {
+                        l.value.columnEdit ? (u(), j(Fl, {
                           key: 2,
                           options: t.value.columnEdit,
                           headers: ((Q = $.value) == null ? void 0 : Q.headers) || [],
@@ -467,7 +467,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
                     ];
                   })
                 ])) : b("", !0),
-                T(u(rl), {
+                T(i(rl), {
                   filters: ze.value,
                   queries: U.value,
                   class: "border-t border-oc-gray-200",
@@ -479,7 +479,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
             }),
             key: "0"
           } : void 0,
-          ie((d = $.value) == null ? void 0 : d.headers, (o, g) => ({
+          ue((d = $.value) == null ? void 0 : d.headers, (o, g) => ({
             name: o.key,
             fn: w(({ data: S, item: C }) => [
               P(e.$slots, o.key, {
@@ -490,11 +490,11 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
           }))
         ]), 1032, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "is-sticky", "is-borderless"])) : b("", !0),
         P(e.$slots, "before-pagination"),
-        u(n) || f.value ? (i(), h("div", {
+        i(n) || p.value ? (u(), h("div", {
           key: 1,
-          class: re(["flex items-center gap-3", u(n) && u(n).last_page === 1 ? "justify-end" : ""])
+          class: re(["flex items-center gap-3", i(n) && i(n).last_page === 1 ? "justify-end" : ""])
         }, [
-          u(n) && !Ie.value ? (i(), j(u(nl), {
+          i(n) && !Ie.value ? (u(), j(i(nl), {
             key: 0,
             modelValue: z.value,
             "onUpdate:modelValue": [
@@ -502,27 +502,27 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
               We
             ],
             class: "justify-center",
-            "max-page": u(n).last_page,
-            strategy: u(n).strategy,
+            "max-page": i(n).last_page,
+            strategy: i(n).strategy,
             "total-visible": "5"
           }, null, 8, ["modelValue", "max-page", "strategy"])) : b("", !0),
-          f.value ? (i(), h("div", Cl, [
-            T(u(Ce), {
-              disabled: !f.value.prev,
-              onClick: a[12] || (a[12] = (o) => f.value.prev ? F(null, !1, f.value.prev) : null)
+          p.value ? (u(), h("div", Cl, [
+            T(i(Ce), {
+              disabled: !p.value.prev,
+              onClick: a[12] || (a[12] = (o) => p.value.prev ? V(null, !1, p.value.prev) : null)
             }, null, 8, ["disabled"]),
-            T(u(Ce), {
-              disabled: !f.value.next,
+            T(i(Ce), {
+              disabled: !p.value.next,
               "is-next": "",
-              onClick: a[13] || (a[13] = (o) => f.value.next ? F(null, !1, f.value.next) : null)
+              onClick: a[13] || (a[13] = (o) => p.value.next ? V(null, !1, p.value.next) : null)
             }, null, 8, ["disabled"])
           ])) : b("", !0),
-          se.value ? b("", !0) : (i(), h("div", Pl, [
-            T(u(dl), {
+          se.value ? b("", !0) : (u(), h("div", Pl, [
+            T(i(dl), {
               modelValue: M.value,
               "onUpdate:modelValue": [
                 a[14] || (a[14] = (o) => M.value = o),
-                a[15] || (a[15] = (o) => F(null))
+                a[15] || (a[15] = (o) => V(null))
               ],
               label: "Item per page",
               "is-inline-label": "",

package/dist/{OcDraggableList-Bka23Zj_.js → OcDraggableList-CU1RKnDp.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-DeDsEdk8.js";
+import { aI as D, aE as S, az as B } from "./index-Ov9629Pn.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-CjL4Ap4z.js → OcEmojiPicker-BSIj846S.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-DeDsEdk8.js";
+import { az as U, d as J, B as _ } from "./index-Ov9629Pn.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-IZtn5Vdc.js → OcFilterForm-CWtnljsU.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-DeDsEdk8.js";
+import { u as w, B as m } from "./index-Ov9629Pn.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-Bn7BjQMO.js → OcFilterSearch-BzPLJVN6.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-DeDsEdk8.js";
+import { d as D, az as E, aA as F, B as w } from "./index-Ov9629Pn.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-B0Cyh-PP.js → OcFilterSearchFor-ByVEggJ2.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-DeDsEdk8.js";
+import { M as $, au as c } from "./index-Ov9629Pn.js";
 const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {

package/dist/{OcModalCropper-KoaOw5ug.js → OcModalCropper-B2stfV7m.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-DeDsEdk8.js";
-import k from "./OcCropper-BMMZRsnp.js";
+import { aB as b } from "./index-Ov9629Pn.js";
+import k from "./OcCropper-Bgu0Vygr.js";
 const S = {
   __name: "OcModalCropper",
   props: {

package/dist/{OcTimePicker-i88_uGmT.js → OcTimePicker-llwFgHps.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-DeDsEdk8.js";
+import { az as S, d as h, aJ as D } from "./index-Ov9629Pn.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-DeDsEdk8.js";
+import { ax as r } from "../../index-Ov9629Pn.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

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

package/dist/Overlay/Dropdown/OcDropdown.js

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

package/dist/Overlay/SupportMenu/OcSupportMenu.js

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

package/dist/Overlay/Tooltip/OcTooltip.js

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

package/dist/Overlay/Whitelist/OcWhiteList.js

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

package/dist/{SubPlanCard-CmQpq6Jd.js → SubPlanCard-CJ8yWifV.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-DeDsEdk8.js";
+import { au as _, B as w } from "./index-Ov9629Pn.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-VGh-BSav.js → ThumbnailSection-WmXCmJS6.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-DeDsEdk8.js";
+import { B as n } from "./index-Ov9629Pn.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-OomrH2df.js → ThumbnailTheme-MfGJS3Cq.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-DeDsEdk8.js";
+import { B as d, au as v } from "./index-Ov9629Pn.js";
 import { _ as k } from "./OcIcon-CBf___w1.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,