@orchidui/core 1.8.1-97 → 1.8.1-99

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

@@ -1,12 +1,12 @@
-import { ref as x, onMounted as Ae, createBlock as j, openBlock as i, unref as u, withCtx as w, createVNode as T, createElementVNode as Q, createElementBlock as h, createCommentVNode as b, mergeProps as Ve, Fragment as se, renderList as ie, normalizeClass as re, toDisplayString as Ee, computed as V, watch as ue, 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-Cq3-Turv.js";
+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 { VueDraggableNext as Pe } from "vue-draggable-next";
 import { getFromLocalStorage as Ue, formatHeadersFromLocalStorage as Be, formatHeadersToLocalStorage as vl, setInLocalStorage as cl } from "./DataTable/utils/editColumnsUtils.js";
 import { _ as je } from "./OcIcon-CBf___w1.js";
-import { useDataTable as pl } from "./DataTable/useDataTable.js";
-import { formatFilterDisplay as ml, clearAllFilters as fl } from "./DataTable/utils/filterUtils.js";
-import { formatCustomItemsPerPageOptions as yl, getItemsPerPageOptions as gl } from "./DataTable/utils/paginationUtils.js";
-import { getFilterFromLocalStorage as bl, saveFilterToLocalStorage as kl } from "./DataTable/utils/storageUtils.js";
+import { formatFilterDisplay as pl, clearAllFilters as ml } from "./DataTable/utils/filterUtils.js";
+import { formatCustomItemsPerPageOptions as fl, getItemsPerPageOptions as gl } from "./DataTable/utils/paginationUtils.js";
+import { getFilterFromLocalStorage as yl, saveFilterToLocalStorage as bl } from "./DataTable/utils/storageUtils.js";
+import { useDataTable as kl } from "./DataTable/useDataTable.js";
 import "dayjs";
 const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
   key: 0,
@@ -35,16 +35,16 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
     "onMoved",
     "update-order"
   ],
-  setup(A, { emit: te }) {
-    const s = te, O = A, n = x([]), f = x([]), B = x(!1), $ = {
+  setup(A, { emit: oe }) {
+    const s = oe, O = A, n = x([]), f = x([]), B = x(!1), $ = {
       handle: ".drag-el",
       filter: ".is-disabled",
       group: "headers",
       animation: 500,
       forceFallback: !1,
       move: (K) => K.to.dataset.activeHeaders ? !0 : !!K.draggedContext.futureIndex,
-      "onUpdate:modelValue": () => N()
-    }, N = (K = !1) => {
+      "onUpdate:modelValue": () => I()
+    }, I = (K = !1) => {
       f.value = f.value.map((v) => ({
         ...v,
         isActive: !0
@@ -60,9 +60,9 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
         var ee, le, l;
         return {
           ...E,
-          isActive: ((l = (le = (ee = O.options) == null ? void 0 : ee.active) == null ? void 0 : le.find((oe) => oe.key === E.key)) == null ? void 0 : l.isActive) ?? !0
+          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
         };
-      }), N(!0);
+      }), I(!0);
     }), (K, v) => (i(), j(u(Ke), {
       modelValue: B.value,
       "onUpdate:modelValue": v[3] || (v[3] = (c) => B.value = c),
@@ -70,20 +70,20 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
       "is-attach-to-body": ""
     }, {
       menu: w(() => [
-        Q("div", hl, [
+        N("div", hl, [
           f.value.length ? (i(), h("div", Sl, [
-            v[4] || (v[4] = Q("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
+            v[4] || (v[4] = N("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
             T(u(Pe), Ve({
               key: "key",
               modelValue: f.value,
               "onUpdate:modelValue": v[0] || (v[0] = (c) => f.value = c)
             }, $), {
               default: w(() => [
-                (i(!0), h(se, null, ie(f.value, (c, E) => (i(), h("div", {
+                (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"])
                 }, [
-                  Q("span", null, Ee(c.label), 1),
+                  N("span", null, Ee(c.label), 1),
                   E ? (i(), j(u(je), {
                     key: 0,
                     width: "18",
@@ -96,28 +96,28 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
               _: 1
             }, 16, ["modelValue"])
           ])) : b("", !0),
-          Q("div", xl, [
-            v[5] || (v[5] = Q("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
+          N("div", xl, [
+            v[5] || (v[5] = N("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
             T(u(Pe), Ve({
               key: "key",
               modelValue: n.value,
               "onUpdate:modelValue": v[2] || (v[2] = (c) => n.value = c)
             }, $, { "data-active-headers": "true" }), {
               default: w(() => [
-                (i(!0), h(se, null, ie(n.value, (c) => (i(), h(se, {
+                (i(!0), h(ue, null, ie(n.value, (c) => (i(), h(ue, {
                   key: c.key
                 }, [
                   c.key !== "actions" ? (i(), h("div", wl, [
-                    Q("div", Ol, [
+                    N("div", Ol, [
                       T(u(tl), {
                         modelValue: c.isActive,
                         "onUpdate:modelValue": [
                           (E) => c.isActive = E,
-                          v[1] || (v[1] = (E) => N())
+                          v[1] || (v[1] = (E) => I())
                         ],
                         class: "!w-fit"
                       }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      Q("div", $l, Ee(c.label), 1)
+                      N("div", $l, Ee(c.label), 1)
                     ]),
                     n.value.length > 1 ? (i(), j(u(je), {
                       key: 0,
@@ -205,9 +205,9 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
     "hover:cell": [],
     "columns-changed": []
   },
-  setup(A, { emit: te }) {
-    var me, fe, ye, ge, be, ke, he, Se, xe, we, Oe, $e, Fe;
-    const s = A, O = te;
+  setup(A, { emit: oe }) {
+    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(() => {
       var e;
@@ -215,7 +215,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
     }), B = x(), $ = V(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.tableOptions;
-    }), N = V(() => s.isLocalData && s.localDataOptions), {
+    }), I = V(() => s.isLocalData && s.localDataOptions), {
       localData: K,
       setFilter: v,
       setSortBy: c,
@@ -224,19 +224,24 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
       // sortBy,
       // toggleSort,
       // updateOrAddLocalData,
-    } = pl({
+    } = kl({
       id: s.id,
       name: (fe = s.localDataOptions) == null ? void 0 : fe.table_name,
-      localDb: (ye = s.localDataOptions) == null ? void 0 : ye.db,
-      options: (ge = s.localDataOptions) == null ? void 0 : ge.options
+      localDb: (ge = s.localDataOptions) == null ? void 0 : ge.db,
+      options: (ye = s.localDataOptions) == null ? void 0 : ye.options
     });
-    N.value && (n.value = E.value, ue(() => s.filter, (e) => {
+    I.value && (n.value = E.value, te(() => s.filter, (e) => {
       v(e);
-    }, { deep: !0 }), ue(() => s.sortBy, (e) => {
+    }, { deep: !0 }), te(() => s.sortBy, (e) => {
       c(e);
-    }, { deep: !0 }), ue(() => E.value, (e) => {
+    }, { deep: !0 }), te(() => E.value, (e) => {
       n.value = e;
-    }, { deep: !0 }), v(s.filter), c(s.sortBy));
+    }, { deep: !0 }), v(s.filter), c(s.sortBy)), te(() => {
+      var e;
+      return (e = s.options) == null ? void 0 : e.pagination;
+    }, (e) => {
+      I.value || (n.value = e);
+    }, { deep: !0 });
     const le = V(() => {
       var a;
       const e = {
@@ -246,11 +251,11 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
           return r.class = ((m = (p = $.value) == null ? void 0 : p.headers.find((d) => d.key === r.key)) == null ? void 0 : m.class) ?? "", r;
         }).filter((r) => r.isActive) : (a = $.value) == null ? void 0 : a.headers.filter((r) => Me(r.key))
       };
-      return N.value && (e.fields = K.value), e;
+      return I.value && (e.fields = K.value), e;
     }), l = V(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.filterOptions;
-    }), oe = V(() => {
+    }), se = V(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.hidePerPageDropdown;
     }), Ie = V(() => {
@@ -261,7 +266,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
     ), 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(
       () => {
         var e;
-        return yl((e = s.options) == null ? void 0 : e.perPageOptions);
+        return fl((e = s.options) == null ? void 0 : e.perPageOptions);
       }
     ), Qe = V(() => gl(qe.value, n.value)), Ne = V(() => {
       var e;
@@ -272,14 +277,14 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
       U.value = U.value.filter((a) => a !== e), F();
     }, J = s.filter;
     !J && n.value ? J.page = 1 : !J && f && (J.cursor = "");
-    const t = x(J), ze = V(() => ml(t.value, l.value)), Me = (e) => {
+    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((y) => y.key === e)) == null ? void 0 : o.isActive) ?? !0;
+      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;
     }, Je = ({ fixedHeaders: e, activeHeaders: a, isOnMount: r }) => {
-      var p, m, d, o, y, 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 = (y = l.value) == null ? void 0 : y.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 I = vl(e, a);
-        cl(l.value.columnEdit.localStorageKey, I);
+      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) {
+        const q = vl(e, a);
+        cl(l.value.columnEdit.localStorageKey, q);
       }
       O("columns-changed", a);
     }, Ze = () => {
@@ -287,36 +292,36 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
       if ((a = (e = l.value) == null ? void 0 : e.columnEdit) != null && a.localStorageKey) {
         const o = Ue(l.value.columnEdit.localStorageKey);
         if (o) {
-          const { fixed: y, active: S } = Be(
+          const { fixed: g, active: S } = Be(
             o,
             $.value.headers,
             l.value.columnEdit.localStorageKey
           );
-          t.value[(p = (r = l.value) == null ? void 0 : r.columnEdit) == null ? void 0 : p.key].fixed = y, t.value[(d = (m = l.value) == null ? void 0 : m.columnEdit) == null ? void 0 : d.key].active = S, B.value = [...y, ...S];
+          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];
         }
       }
     }, Ge = (e) => {
       t.value.selectedSearchOption = e;
     }, He = () => {
-      U.value = [], L.value = "", t.value = fl(t.value, l.value, M.value, L.value), F();
+      U.value = [], L.value = "", t.value = ml(t.value, l.value, M.value, L.value), F();
     }, We = () => {
       F(null, z.value);
     }, Xe = () => {
-      kl(s.id, t.value);
-    }, Ye = () => bl(s.id), ce = x(null), F = (e = null, a = !1, r = "", p = !1, m = !1) => {
-      var o, y, S, C, D, I, 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, (y = l.value) != null && y.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) => {
-        var q;
-        (q = l.value.search.options) != null && q.map((g) => g.value).includes(k) && delete t.value[k];
-      }), t.value[((I = t.value) == null ? void 0 : I.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) => {
+      bl(s.id, t.value);
+    }, Ye = () => yl(s.id), ce = x(null), F = (e = null, a = !1, r = "", p = !1, m = !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) => {
+        var Q;
+        (Q = l.value.search.options) != null && Q.map((y) => y.value).includes(k) && delete t.value[k];
+      }), t.value[((q = t.value) == null ? void 0 : q.selectedSearchOption) || ((H = (G = (Z = l.value.search) == null ? void 0 : Z.options) == null ? void 0 : G[0]) == null ? void 0 : H.value) || l.value.search.key] = U.value.join()) : t.value[l.value.search.key] = U.value.join()), e && (R.value = !1, t.value = { ...t.value, ...e }, Object.keys(t.value).forEach((k) => {
         Array.isArray(t.value[k]) && t.value[k].length === 0 && delete t.value[k];
       }));
       let d = (X = (W = l.value) == null ? void 0 : W.tabs) == null ? void 0 : X.key;
       if (d && L.value !== t.value[d]) {
         const k = (_ = (Y = l.value.tabs) == null ? void 0 : Y.options) == null ? void 0 : _.find(
-          (q) => {
-            var g, ae;
-            return ((g = q.value) == null ? void 0 : g.toString()) === ((ae = t.value[d]) == null ? void 0 : ae.toString());
+          (Q) => {
+            var y, ae;
+            return ((y = Q.value) == null ? void 0 : y.toString()) === ((ae = t.value[d]) == null ? void 0 : ae.toString());
           }
         );
         if (k != null && k.value)
@@ -329,10 +334,10 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
       (a === l.value.tabs.key || a === "tabs") && (L.value = ""), F(e), O("filter-removed", a);
     };
     Ae(() => {
-      var a, r, p, m, d, o, y;
+      var a, r, p, m, 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 = ((y = t.value) == null ? void 0 : y.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) || ((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));
     });
     const pe = V(() => s.isLoading || ee.value);
     return (e, a) => {
@@ -370,10 +375,10 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
           e.$slots.before || (r = l.value) != null && r.search || (p = l.value) != null && p.form || (m = l.value) != null && m.tabs ? {
             name: "before",
             fn: w(() => {
-              var o, y, S, C;
+              var o, g, S, C;
               return [
                 P(e.$slots, "before"),
-                (o = l.value) != null && o.search || (y = l.value) != null && y.form || (S = l.value) != null && S.tabs ? (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", Dl, [
                     P(e.$slots, "bulk-actions", { selectedRows: A.selected })
                   ])) : (i(), h("div", Ll, [
@@ -390,9 +395,9 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
                     }, null, 8, ["modelValue", "is-disabled", "tabs"])) : b("", !0)
                   ])),
                   P(e.$slots, "filter-options", {}, () => {
-                    var D, I, Z, G, H, W, X, Y, _, k, q;
+                    var D, q, Z, G, H, W, X, Y, _, k, Q;
                     return [
-                      (D = l.value) != null && D.search || (I = l.value) != null && I.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 ? (i(), h("div", {
                         key: 0,
                         class: re([
                           "flex gap-3 absolute ml-auto bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
@@ -405,15 +410,15 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
                           "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] = (g) => de.value = g),
+                          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), {
                           key: 1,
                           modelValue: R.value,
                           "onUpdate:modelValue": [
-                            a[6] || (a[6] = (g) => R.value = g),
-                            a[7] || (a[7] = (g) => e.$emit("filter-open", g))
+                            a[6] || (a[6] = (y) => R.value = y),
+                            a[7] || (a[7] = (y) => e.$emit("filter-open", y))
                           ],
                           distance: 9,
                           placement: "bottom-end",
@@ -427,13 +432,13 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
                               grid: l.value.grid ?? null,
                               values: s.filter,
                               actions: l.value.actions,
-                              onApplyFilter: a[3] || (a[3] = (g) => F(g)),
-                              onFilterFieldsChanged: a[4] || (a[4] = (g) => O("filter-fields-changed", g)),
-                              onCancel: a[5] || (a[5] = (g) => R.value = !1)
+                              onApplyFilter: a[3] || (a[3] = (y) => F(y)),
+                              onFilterFieldsChanged: a[4] || (a[4] = (y) => O("filter-fields-changed", y)),
+                              onCancel: a[5] || (a[5] = (y) => R.value = !1)
                             }, {
-                              default: w(({ errors: g, values: ae, jsonForm: el, updateForm: ll }) => [
+                              default: w(({ errors: y, values: ae, jsonForm: el, updateForm: ll }) => [
                                 P(e.$slots, "custom-filter-form", {
-                                  errors: g,
+                                  errors: y,
                                   values: ae,
                                   jsonForm: el,
                                   updateFilter: ll
@@ -454,7 +459,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
                         l.value.columnEdit ? (i(), j(Fl, {
                           key: 2,
                           options: t.value.columnEdit,
-                          headers: ((q = $.value) == null ? void 0 : q.headers) || [],
+                          headers: ((Q = $.value) == null ? void 0 : Q.headers) || [],
                           "local-key": l.value.columnEdit.localStorageKey,
                           onUpdateOrder: Je
                         }, null, 8, ["options", "headers", "local-key"])) : b("", !0)
@@ -474,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, y) => ({
+          ie((d = $.value) == null ? void 0 : d.headers, (o, g) => ({
             name: o.key,
             fn: w(({ data: S, item: C }) => [
               P(e.$slots, o.key, {
@@ -512,7 +517,7 @@ const hl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Sl = {
               onClick: a[13] || (a[13] = (o) => f.value.next ? F(null, !1, f.value.next) : null)
             }, null, 8, ["disabled"])
           ])) : b("", !0),
-          oe.value ? b("", !0) : (i(), h("div", Pl, [
+          se.value ? b("", !0) : (i(), h("div", Pl, [
             T(u(dl), {
               modelValue: M.value,
               "onUpdate:modelValue": [

package/dist/{OcDraggableList-tbJJ5RTt.js → OcDraggableList-Bka23Zj_.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-Cq3-Turv.js";
+import { aI as D, aE as S, az as B } from "./index-DeDsEdk8.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--ylzlqte.js → OcEmojiPicker-CjL4Ap4z.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 b } from "./index-Cq3-Turv.js";
+import { az as U, d as J, B as _ } from "./index-DeDsEdk8.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 = {
@@ -21,9 +21,9 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
   setup(r, { emit: E }) {
     const g = r, L = E, d = m(!1), u = m(""), i = m(g.modelValue), h = m("grinning"), w = p(() => g.modelValue || a.sunglasses), M = p(
       () => i.value ? a[i.value] : a.sunglasses
-    ), y = p(
+    ), b = p(
       () => Object.entries(a).filter(([t]) => t.includes(u.value))
-    ), _ = p(() => Object.entries(P)), O = (t) => {
+    ), y = p(() => Object.entries(P)), O = (t) => {
       i.value = t;
     }, j = () => {
       d.value = !1, L("update:modelValue", a[i.value]);
@@ -38,7 +38,7 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
       const e = document.getElementById(`emoji-${t}`).offsetTop;
       document.getElementById("emojiList").scroll({ top: e, behavior: "smooth" }), h.value = t;
     }, $ = (t) => {
-      _.value.forEach(([e]) => {
+      y.value.forEach(([e]) => {
         const o = document.getElementById(`emoji-${e}`).offsetTop;
         t.target.scrollTop >= o - 20 && (h.value = e);
       });
@@ -79,13 +79,13 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
                 icon: "search"
               }, null, 8, ["modelValue"])
             ]),
-            y.value.length ? (s(), l("div", {
+            b.value.length ? (s(), l("div", {
               key: 0,
               id: "emojiList",
               class: "grid grid-cols-9 gap-3 max-h-[204px] overflow-y-auto overflow-x-hidden mt-3 mb-5 relative",
               onScroll: $
             }, [
-              (s(!0), l(V, null, k(y.value, ([o, x]) => (s(), l("div", {
+              (s(!0), l(V, null, k(b.value, ([o, x]) => (s(), l("div", {
                 id: `emoji-${o}`,
                 key: o,
                 innerHTML: x,
@@ -94,7 +94,7 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
               }, null, 8, W))), 128))
             ], 32)) : (s(), l("div", X, "No emoji found")),
             n("div", Y, [
-              (s(!0), l(V, null, k(_.value, ([o, x]) => (s(), l("div", {
+              (s(!0), l(V, null, k(y.value, ([o, x]) => (s(), l("div", {
                 key: o,
                 innerHTML: x,
                 class: T(["w-8 h-8 text-[24px] flex items-center justify-center cursor-pointer transition opacity-30 hover:opacity-100", {
@@ -104,20 +104,22 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
               }, null, 10, Z))), 128))
             ]),
             n("div", ee, [
-              f(c(b), {
+              f(c(_), {
                 variant: "secondary",
                 onClick: B
               }, {
                 default: v(() => e[2] || (e[2] = [
                   C("Cancel")
                 ])),
-                _: 1
+                _: 1,
+                __: [2]
               }),
-              f(c(b), { onClick: j }, {
+              f(c(_), { onClick: j }, {
                 default: v(() => e[3] || (e[3] = [
                   C("Use this emoji")
                 ])),
-                _: 1
+                _: 1,
+                __: [3]
               })
             ])
           ])
@@ -132,7 +134,7 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
         ]),
         _: 1
       }, 8, ["modelValue", "popper-options", "is-disabled"]),
-      r.isDisabled ? z("", !0) : (s(), N(c(b), {
+      r.isDisabled ? z("", !0) : (s(), N(c(_), {
         key: 0,
         "left-icon": "shuffle",
         variant: "secondary",

package/dist/{OcFilterForm-5Cr6JSqm.js → OcFilterForm-IZtn5Vdc.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-Cq3-Turv.js";
+import { u as w, B as m } from "./index-DeDsEdk8.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-DE5m5pRc.js → OcFilterSearch-Bn7BjQMO.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-Cq3-Turv.js";
+import { d as D, az as E, aA as F, B as w } from "./index-DeDsEdk8.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-DLOvi2Fz.js → OcFilterSearchFor-B0Cyh-PP.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-Cq3-Turv.js";
+import { M as $, au as c } from "./index-DeDsEdk8.js";
 const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {

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

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

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

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

package/dist/Overlay/Dropdown/OcDropdown.js

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

package/dist/Overlay/SupportMenu/OcSupportMenu.js

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

package/dist/Overlay/Tooltip/OcTooltip.js

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

package/dist/Overlay/Whitelist/OcWhiteList.js

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

package/dist/{SubPlanCard-Cc1R8hMj.js → SubPlanCard-CmQpq6Jd.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-Cq3-Turv.js";
+import { au as _, B as w } from "./index-DeDsEdk8.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-CryGpJaq.js → ThumbnailSection-VGh-BSav.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-Cq3-Turv.js";
+import { B as n } from "./index-DeDsEdk8.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-NC9Lwz3w.js → ThumbnailTheme-OomrH2df.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-Cq3-Turv.js";
+import { B as d, au as v } from "./index-DeDsEdk8.js";
 import { _ as k } from "./OcIcon-CBf___w1.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,
@@ -88,7 +88,8 @@ const x = { class: "w-full relative group" }, y = {
             default: c(() => e[7] || (e[7] = [
               r("Active")
             ])),
-            _: 1
+            _: 1,
+            __: [7]
           })) : t.theme.draft ? (i(), u(a(v), {
             key: 1,
             variant: "gray",
@@ -97,7 +98,8 @@ const x = { class: "w-full relative group" }, y = {
             default: c(() => e[8] || (e[8] = [
               r("Draft")
             ])),
-            _: 1
+            _: 1,
+            __: [8]
           })) : t.theme.pro ? (i(), u(a(v), {
             key: 2,
             class: "ml-auto",
@@ -107,7 +109,8 @@ const x = { class: "w-full relative group" }, y = {
             default: c(() => e[9] || (e[9] = [
               r("Upgrade")
             ])),
-            _: 1
+            _: 1,
+            __: [9]
           })) : b("", !0)
         ])
       ])