@orchidui/core 1.106.0 → 1.108.0

package/dist/{OcDataTable-Cite9CuX.js → OcDataTable-WmpWC3UU.js}

@@ -1,8 +1,8 @@
-import { ref as C, onMounted as Ce, createBlock as D, openBlock as o, unref as r, withCtx as y, createVNode as N, createElementVNode as q, createElementBlock as $, createCommentVNode as p, mergeProps as we, Fragment as ie, renderList as se, normalizeClass as re, toDisplayString as xe, computed as L, watch as $e, toRaw as Ze, nextTick as He, renderSlot as E, resolveDynamicComponent as _e, createSlots as el, normalizeProps as Se, guardReactiveProps as Oe } from "vue";
-import { aG as Pe, B as Ae, C as ll, E as al, Q as tl, a4 as sl, aR as ol, aS as ul, aT as il, aU as rl, K as nl, L as Ve, j as dl } from "./index-CaYex3gy.js";
-import { V as Fe } from "./vue-draggable-next.esm-bundler-QQ8zx__3.js";
+import { ref as C, onMounted as Ce, createBlock as D, openBlock as o, unref as r, withCtx as y, createVNode as N, createElementVNode as q, createElementBlock as S, createCommentVNode as p, mergeProps as we, Fragment as re, renderList as se, normalizeClass as ne, toDisplayString as xe, computed as L, watch as $e, toRaw as Ze, nextTick as He, renderSlot as $, resolveDynamicComponent as _e, createSlots as el, normalizeProps as Se, guardReactiveProps as Oe } from "vue";
+import { aG as Pe, B as Ae, C as ll, E as al, Q as tl, a4 as sl, aR as ol, aS as ul, aT as il, aU as rl, K as nl, L as Ve, j as dl } from "./index-CswSEhQy.js";
+import { V as Ee } from "./vue-draggable-next.esm-bundler-QQ8zx__3.js";
 import { getFromLocalStorage as je, formatHeadersFromLocalStorage as Ke, formatHeadersToLocalStorage as vl, setInLocalStorage as cl } from "./DataTable/utils/editColumnsUtils.js";
-import { _ as Ee } from "./OcIcon-CUKFUeB7.js";
+import { _ as Fe } from "./OcIcon-CUKFUeB7.js";
 import { formatFilterDisplay as ml, clearAllFilters as pl } from "./DataTable/utils/filterUtils.js";
 import { formatCustomItemsPerPageOptions as fl, getItemsPerPageOptions as yl } from "./DataTable/utils/paginationUtils.js";
 import "./dayjs.min-7xVZzECu.js";
@@ -40,7 +40,7 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
     "update-order": []
   },
   setup(k, { emit: ue }) {
-    const j = ue, h = k, f = C([]), S = C([]), O = C(!1), g = {
+    const j = ue, h = k, f = C([]), O = C([]), V = C(!1), g = {
       handle: ".drag-el",
       filter: ".is-disabled",
       group: "headers",
@@ -49,18 +49,18 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
       move: (l) => l.to.dataset.activeHeaders ? !0 : !!l.draggedContext.futureIndex,
       "onUpdate:modelValue": () => J()
     }, J = (l = !1) => {
-      S.value = S.value.map((d) => ({
+      O.value = O.value.map((d) => ({
         ...d,
         isActive: !0
       })), j("update-order", {
-        fixedHeaders: S.value,
+        fixedHeaders: O.value,
         activeHeaders: f.value,
         isOnMount: l
       });
     };
     return Ce(() => {
       const l = je(h.localKey), { fixed: d, active: v } = Ke(l, h.headers, h.localKey);
-      S.value = d || h.headers.slice(0, 1), f.value = v || h.headers.slice(1).map((b) => {
+      O.value = d || h.headers.slice(0, 1), f.value = v || h.headers.slice(1).map((b) => {
         var t, I, P;
         return {
           ...b,
@@ -68,26 +68,26 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
         };
       }), J(!0);
     }), (l, d) => (o(), D(r(Pe), {
-      modelValue: O.value,
-      "onUpdate:modelValue": d[3] || (d[3] = (v) => O.value = v),
+      modelValue: V.value,
+      "onUpdate:modelValue": d[3] || (d[3] = (v) => V.value = v),
       "is-attach-to-body": ""
     }, {
       menu: y(() => [
         q("div", gl, [
-          S.value.length ? (o(), $("div", bl, [
+          O.value.length ? (o(), S("div", bl, [
             d[4] || (d[4] = q("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
-            N(r(Fe), we({
+            N(r(Ee), we({
               key: "key",
-              modelValue: S.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (v) => S.value = v)
+              modelValue: O.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (v) => O.value = v)
             }, g), {
               default: y(() => [
-                (o(!0), $(ie, null, se(S.value, (v, b) => (o(), $("div", {
+                (o(!0), S(re, null, se(O.value, (v, b) => (o(), S("div", {
                   key: v.key,
-                  class: re(["flex items-center justify-between h-[26px]", b ? "" : "is-disabled"])
+                  class: ne(["flex items-center justify-between h-[26px]", b ? "" : "is-disabled"])
                 }, [
                   q("span", null, xe(v.label), 1),
-                  b ? (o(), D(r(Ee), {
+                  b ? (o(), D(r(Fe), {
                     key: 0,
                     width: "18",
                     height: "18",
@@ -101,16 +101,16 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
           ])) : p("", !0),
           q("div", kl, [
             d[5] || (d[5] = q("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            N(r(Fe), we({
+            N(r(Ee), we({
               key: "key",
               modelValue: f.value,
               "onUpdate:modelValue": d[2] || (d[2] = (v) => f.value = v)
             }, g, { "data-active-headers": "true" }), {
               default: y(() => [
-                (o(!0), $(ie, null, se(f.value, (v) => (o(), $(ie, {
+                (o(!0), S(re, null, se(f.value, (v) => (o(), S(re, {
                   key: v.key
                 }, [
-                  v.key !== "actions" ? (o(), $("div", hl, [
+                  v.key !== "actions" ? (o(), S("div", hl, [
                     q("div", wl, [
                       N(r(ll), {
                         modelValue: v.isActive,
@@ -122,7 +122,7 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
                       }, null, 8, ["modelValue", "onUpdate:modelValue"]),
                       q("div", xl, xe(v.label), 1)
                     ]),
-                    f.value.length > 1 ? (o(), D(r(Ee), {
+                    f.value.length > 1 ? (o(), D(r(Fe), {
                       key: 0,
                       width: "18",
                       height: "18",
@@ -155,10 +155,10 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
 }, Vl = {
   key: 0,
   class: "absolute flex items-center gap-5 left-5"
-}, Fl = {
+}, El = {
   key: 1,
   class: "absolute flex gap-3 left-5"
-}, El = {
+}, Fl = {
   key: 1,
   class: "flex justify-center w-full gap-5 md:justify-start"
 }, Cl = {
@@ -278,7 +278,7 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
     const j = k, h = ue, f = L(() => {
       var e;
       return (e = j.options) == null ? void 0 : e.cursor;
-    }), S = C(), O = L(() => {
+    }), O = C(), V = L(() => {
       var e;
       return (e = j.options) == null ? void 0 : e.tableOptions;
     }), g = C({
@@ -298,11 +298,11 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
     const J = L(() => {
       var a;
       return {
-        ...O.value,
-        headers: S.value ? S.value.map((u) => {
+        ...V.value,
+        headers: O.value ? O.value.map((u) => {
           var n, i;
-          return u.class = ((i = (n = O.value) == null ? void 0 : n.headers.find((c) => c.key === u.key)) == null ? void 0 : i.class) ?? "", u;
-        }).filter((u) => u.isActive) : (a = O.value) == null ? void 0 : a.headers.filter((u) => Re(u.key))
+          return u.class = ((i = (n = V.value) == null ? void 0 : n.headers.find((c) => c.key === u.key)) == null ? void 0 : i.class) ?? "", u;
+        }).filter((u) => u.isActive) : (a = V.value) == null ? void 0 : a.headers.filter((u) => Re(u.key))
       };
     }), l = L(() => {
       var e;
@@ -325,7 +325,7 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
     );
     const I = C(!1), P = C(t.value[(me = (ce = l.value) == null ? void 0 : ce.tabs) == null ? void 0 : me.key]), Q = C(t.value.page), G = C(
       (fe = (pe = l.value) == null ? void 0 : pe.per_page) != null && fe.key ? t.value[(ge = (ye = l.value) == null ? void 0 : ye.per_page) == null ? void 0 : ge.key] : t.value.per_page
-    ), ne = ((he = t.value[t.value.selectedSearchOption || ((ke = (be = l.value) == null ? void 0 : be.search) == null ? void 0 : ke.key)]) == null ? void 0 : he.trim()) ?? "", R = C(ne ? ne.split(",") : []), de = C(!1), Ue = L(
+    ), de = ((he = t.value[t.value.selectedSearchOption || ((ke = (be = l.value) == null ? void 0 : be.search) == null ? void 0 : ke.key)]) == null ? void 0 : he.trim()) ?? "", R = C(de ? de.split(",") : []), ie = C(!1), Ue = L(
       () => {
         var e;
         return fl((e = j.options) == null ? void 0 : e.perPageOptions);
@@ -339,10 +339,10 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
       R.value = R.value.filter((a) => a !== e), A();
     }, Ne = L(() => ml(t.value, l.value)), Re = (e) => {
       var a, u, n, i, c, w;
-      return ((w = (c = (i = (n = t.value) == null ? void 0 : n[(u = (a = l.value) == null ? void 0 : a.columnEdit) == null ? void 0 : u.key]) == null ? void 0 : i.active) == null ? void 0 : c.find((V) => V.key === e)) == null ? void 0 : w.isActive) ?? !0;
+      return ((w = (c = (i = (n = t.value) == null ? void 0 : n[(u = (a = l.value) == null ? void 0 : a.columnEdit) == null ? void 0 : u.key]) == null ? void 0 : i.active) == null ? void 0 : c.find((E) => E.key === e)) == null ? void 0 : w.isActive) ?? !0;
     }, Be = ({ fixedHeaders: e, activeHeaders: a, isOnMount: u }) => {
-      var n, i, c, w, V, K, s, U;
-      if (t.value[(i = (n = l.value) == null ? void 0 : n.columnEdit) == null ? void 0 : i.key] || (t.value[(w = (c = l.value) == null ? void 0 : c.columnEdit) == null ? void 0 : w.key] = {}), t.value[(K = (V = l.value) == null ? void 0 : V.columnEdit) == null ? void 0 : K.key].fixed = e, t.value[(U = (s = l.value) == null ? void 0 : s.columnEdit) == null ? void 0 : U.key].active = a, S.value = [...e, ...a], !u) {
+      var n, i, c, w, E, K, s, U;
+      if (t.value[(i = (n = l.value) == null ? void 0 : n.columnEdit) == null ? void 0 : i.key] || (t.value[(w = (c = l.value) == null ? void 0 : c.columnEdit) == null ? void 0 : w.key] = {}), t.value[(K = (E = l.value) == null ? void 0 : E.columnEdit) == null ? void 0 : K.key].fixed = e, t.value[(U = (s = l.value) == null ? void 0 : s.columnEdit) == null ? void 0 : U.key].active = a, O.value = [...e, ...a], !u) {
         const F = vl(e, a);
         cl(l.value.columnEdit.localStorageKey, F);
       }
@@ -352,12 +352,12 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
       if ((a = (e = l.value) == null ? void 0 : e.columnEdit) != null && a.localStorageKey) {
         const w = je(l.value.columnEdit.localStorageKey);
         if (w) {
-          const { fixed: V, active: K } = Ke(
+          const { fixed: E, active: K } = Ke(
             w,
-            O.value.headers,
+            V.value.headers,
             l.value.columnEdit.localStorageKey
           );
-          t.value[(n = (u = l.value) == null ? void 0 : u.columnEdit) == null ? void 0 : n.key].fixed = V, t.value[(c = (i = l.value) == null ? void 0 : i.columnEdit) == null ? void 0 : c.key].active = K, S.value = [...V, ...K];
+          t.value[(n = (u = l.value) == null ? void 0 : u.columnEdit) == null ? void 0 : n.key].fixed = E, t.value[(c = (i = l.value) == null ? void 0 : i.columnEdit) == null ? void 0 : c.key].active = K, O.value = [...E, ...K];
         }
       }
     }, ze = (e) => {
@@ -375,8 +375,8 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
     }, Je = () => {
       A(null, Q.value);
     }, A = (e = null, a = !1, u = "", n = !1, i = !1) => {
-      var w, V, K, s, U, F, T, M, B, W, X, Y, Z, H, _, ee, le, ae, te;
-      g.value && !a && (Q.value = 1), g.value ? t.value.page = Q.value : t.value.cursor = u, (w = l.value) != null && w.per_page ? t.value[l.value.per_page.key] = G.value : t.value.per_page = G.value, (V = l.value) != null && V.tabs && i && (t.value[l.value.tabs.key] = P.value), (s = (K = l.value) == null ? void 0 : K.tabs) != null && s.filter_name && (i ? t.value[(F = (U = l.value) == null ? void 0 : U.tabs) == null ? void 0 : F.filter_name] = null : e && (P.value = null)), (T = l.value) != null && T.search && ((B = (M = l.value.search) == null ? void 0 : M.options) != null && B.length ? (Object.keys(t.value).forEach((x) => {
+      var w, E, K, s, U, F, T, M, B, W, X, Y, Z, H, _, ee, le, ae, te;
+      g.value && !a && (Q.value = 1), g.value ? t.value.page = Q.value : t.value.cursor = u, (w = l.value) != null && w.per_page ? t.value[l.value.per_page.key] = G.value : t.value.per_page = G.value, (E = l.value) != null && E.tabs && i && (t.value[l.value.tabs.key] = P.value), (s = (K = l.value) == null ? void 0 : K.tabs) != null && s.filter_name && (i ? t.value[(F = (U = l.value) == null ? void 0 : U.tabs) == null ? void 0 : F.filter_name] = null : e && (P.value = null)), (T = l.value) != null && T.search && ((B = (M = l.value.search) == null ? void 0 : M.options) != null && B.length ? (Object.keys(t.value).forEach((x) => {
         var z;
         (z = l.value.search.options) != null && z.map((m) => m.value).includes(x) && delete t.value[x];
       }), t.value[((W = t.value) == null ? void 0 : W.selectedSearchOption) || ((Z = (Y = (X = l.value.search) == null ? void 0 : X.options) == null ? void 0 : Y[0]) == null ? void 0 : Z.value) || l.value.search.key] = R.value.join()) : t.value[l.value.search.key] = R.value.join()), e && (I.value = !1, t.value = { ...t.value, ...e }, Object.keys(t.value).forEach((x) => {
@@ -407,8 +407,8 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
         h("on-table-ready");
       });
     }), (e, a) => {
-      var u, n, i, c, w, V, K;
-      return o(), $("div", Sl, [
+      var u, n, i, c, w, E, K;
+      return o(), S("div", Sl, [
         J.value ? (o(), D(_e(k.isNewTable ? r(al) : r(tl)), {
           key: 0,
           selected: k.selected,
@@ -420,26 +420,26 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
           "row-link": k.rowLink,
           "selected-index": k.selectedIndex,
           "disabled-rows": k.disabledRows,
-          "is-sticky": O.value.isSticky,
-          "is-borderless": O.value.isBorderless,
+          "is-sticky": V.value.isSticky,
+          "is-borderless": V.value.isBorderless,
           "onUpdate:selected": a[8] || (a[8] = (s) => e.$emit("update:selected", s)),
           "onClick:row": a[9] || (a[9] = (s) => e.$emit("click:row", s)),
           "onHover:cell": a[10] || (a[10] = (s) => e.$emit("hover:cell", s))
         }, el({
           after: y(() => [
-            E(e.$slots, "after")
+            $(e.$slots, "after")
           ]),
           empty: y(() => [
-            E(e.$slots, "empty")
+            $(e.$slots, "empty")
           ]),
           "table-header": y((s) => [
-            E(e.$slots, "table-header", Se(Oe(s)))
+            $(e.$slots, "table-header", Se(Oe(s)))
           ]),
           "table-body": y((s) => [
-            E(e.$slots, "table-body", Se(Oe(s)))
+            $(e.$slots, "table-body", Se(Oe(s)))
           ]),
           "after-rows": y(() => [
-            E(e.$slots, "after-rows")
+            $(e.$slots, "after-rows")
           ]),
           _: 2
         }, [
@@ -448,11 +448,11 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
             fn: y(() => {
               var s, U, F, T, M;
               return [
-                E(e.$slots, "before"),
-                (s = l.value) != null && s.search || (U = l.value) != null && U.form || (F = l.value) != null && F.tabs || (T = l.value) != null && T.sort ? (o(), $("div", Ol, [
-                  De.value ? (o(), $("div", Vl, [
-                    E(e.$slots, "bulk-actions", { selectedRows: k.selected })
-                  ])) : (o(), $("div", Fl, [
+                $(e.$slots, "before"),
+                (s = l.value) != null && s.search || (U = l.value) != null && U.form || (F = l.value) != null && F.tabs || (T = l.value) != null && T.sort ? (o(), S("div", Ol, [
+                  De.value ? (o(), S("div", Vl, [
+                    $(e.$slots, "bulk-actions", { selectedRows: k.selected })
+                  ])) : (o(), S("div", El, [
                     (M = l.value) != null && M.tabs ? (o(), D(r(sl), {
                       key: 0,
                       modelValue: P.value,
@@ -465,23 +465,24 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
                       variant: "pills"
                     }, null, 8, ["modelValue", "is-disabled", "tabs"])) : p("", !0)
                   ])),
-                  E(e.$slots, "filter-options", {}, () => {
+                  $(e.$slots, "filter-options", {}, () => {
                     var B, W, X, Y, Z, H, _, ee, le, ae, te, x, z;
                     return [
-                      (B = l.value) != null && B.search || (W = l.value) != null && W.form || (X = l.value) != null && X.sort || (Y = l.value) != null && Y.columnEdit ? (o(), $("div", {
+                      (B = l.value) != null && B.search || (W = l.value) != null && W.form || (X = l.value) != null && X.sort || (Y = l.value) != null && Y.columnEdit ? (o(), S("div", {
                         key: 0,
-                        class: re([
+                        class: ne([
                           "flex gap-3 absolute ml-auto items-center bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
-                          l.value ? de.value ? "md:w-fit w-full" : "" : "w-full justify-end"
+                          l.value ? ie.value ? "md:w-fit w-full" : "" : "w-full justify-end"
                         ])
                       }, [
+                        $(e.$slots, "before-filter-options", { isSearchExpanded: ie.value }),
                         (Z = l.value) != null && Z.search ? (o(), D(r(ol), {
                           key: 0,
                           "is-search-only": !l.value.tabs || l.value.isSearchOnly,
                           "search-options": ((H = l.value.search) == null ? void 0 : H.options) ?? [],
                           "selected-option": (((_ = t.value) == null ? void 0 : _.selectedSearchOption) || ((ae = (le = (ee = l.value.search) == null ? void 0 : ee.options) == null ? void 0 : le[0]) == null ? void 0 : ae.value)) ?? "keywords",
                           onAddQuery: Le,
-                          onToggle: a[2] || (a[2] = (m) => de.value = m),
+                          onToggle: a[2] || (a[2] = (m) => ie.value = m),
                           onChangeSearchKey: ze
                         }, null, 8, ["is-search-only", "search-options", "selected-option"])) : p("", !0),
                         (te = l.value) != null && te.form ? (o(), D(r(Pe), {
@@ -509,7 +510,7 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
                               onCancel: a[5] || (a[5] = (m) => I.value = !1)
                             }, {
                               default: y(({ errors: m, values: oe, jsonForm: Xe, updateForm: Ye }) => [
-                                E(e.$slots, "custom-filter-form", {
+                                $(e.$slots, "custom-filter-form", {
                                   errors: m,
                                   values: oe,
                                   jsonForm: Xe,
@@ -540,7 +541,7 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
                         l.value.columnEdit ? (o(), D($l, {
                           key: 3,
                           options: t.value.columnEdit,
-                          headers: ((z = O.value) == null ? void 0 : z.headers) || [],
+                          headers: ((z = V.value) == null ? void 0 : z.headers) || [],
                           "local-key": l.value.columnEdit.localStorageKey,
                           onUpdateOrder: Be
                         }, null, 8, ["options", "headers", "local-key"])) : p("", !0)
@@ -560,38 +561,38 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
             }),
             key: "0"
           } : void 0,
-          se((w = O.value) == null ? void 0 : w.headers, (s, U) => ({
+          se((w = V.value) == null ? void 0 : w.headers, (s, U) => ({
             name: s.key,
             fn: y(({ data: F, item: T }) => [
-              E(e.$slots, s.key, {
+              $(e.$slots, s.key, {
                 data: F,
                 item: T
               })
             ])
           })),
-          se((V = O.value) == null ? void 0 : V.headers, (s, U) => ({
+          se((E = V.value) == null ? void 0 : E.headers, (s, U) => ({
             name: `header-${s.key}-tooltip`,
             fn: y(({ data: F, item: T }) => [
-              E(e.$slots, `header-${s.key}-tooltip`, {
+              $(e.$slots, `header-${s.key}-tooltip`, {
                 data: F,
                 item: T
               })
             ])
           })),
-          se((K = O.value) == null ? void 0 : K.headers, (s, U) => ({
+          se((K = V.value) == null ? void 0 : K.headers, (s, U) => ({
             name: `header-${s.key}-left-tooltip`,
             fn: y(({ data: F, item: T }) => [
-              E(e.$slots, `header-${s.key}-left-tooltip`, {
+              $(e.$slots, `header-${s.key}-left-tooltip`, {
                 data: F,
                 item: T
               })
             ])
           }))
         ]), 1064, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "selected-index", "disabled-rows", "is-sticky", "is-borderless"])) : p("", !0),
-        E(e.$slots, "before-pagination"),
-        g.value || f.value ? (o(), $("div", {
+        $(e.$slots, "before-pagination"),
+        g.value || f.value ? (o(), S("div", {
           key: 1,
-          class: re(["flex items-center gap-3", g.value && g.value.last_page === 1 ? "justify-end" : ""])
+          class: ne(["flex items-center gap-3", g.value && g.value.last_page === 1 ? "justify-end" : ""])
         }, [
           g.value && !v.value ? (o(), D(r(nl), {
             key: 0,
@@ -605,7 +606,7 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
             strategy: g.value.strategy,
             "total-visible": "5"
           }, null, 8, ["modelValue", "max-page", "strategy"])) : p("", !0),
-          f.value ? (o(), $("div", El, [
+          f.value ? (o(), S("div", Fl, [
             N(r(Ve), {
               disabled: !f.value.prev,
               onClick: a[12] || (a[12] = (s) => f.value.prev ? A(null, !1, f.value.prev) : null)
@@ -616,7 +617,7 @@ const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
               onClick: a[13] || (a[13] = (s) => f.value.next ? A(null, !1, f.value.next) : null)
             }, null, 8, ["disabled"])
           ])) : p("", !0),
-          d.value ? p("", !0) : (o(), $("div", Cl, [
+          d.value ? p("", !0) : (o(), S("div", Cl, [
             N(r(dl), {
               modelValue: G.value,
               "onUpdate:modelValue": [

package/dist/{OcDraggableList-aTmm_x_I.js → OcDraggableList-Ntms3c31.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 { aP as D, aL as S, aG as B } from "./index-CaYex3gy.js";
+import { aP as D, aL as S, aG as B } from "./index-CswSEhQy.js";
 import { _ as g } from "./OcIcon-CUKFUeB7.js";
 const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, E = { class: "flex items-center flex-wrap w-full" }, O = ["href"], W = { class: "min-w-[120px]" }, j = { class: "truncate w-[200px]" }, z = { class: "flex items-center ml-4" }, A = { class: "flex w-full" }, P = {
   __name: "OcDraggableList",

package/dist/{OcEmojiPicker-Ca6a1YJn.js → OcEmojiPicker-DMaVk0r1.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 { aG as U, d as G, B as b } from "./index-CaYex3gy.js";
+import { aG as U, d as G, B as b } from "./index-CswSEhQy.js";
 import { EMOJI_LIST as a, EMOJI_CATEGORIES as J } from "./Form/EmojiPicker/conts/emoji.js";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, F = ["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-CQGMIekW.js → OcFilterForm-DyK-Plm8.js}

@@ -1,5 +1,5 @@
 import { ref as r, computed as c, onMounted as B, createElementBlock as k, openBlock as O, renderSlot as $, createElementVNode as f, createVNode as u, unref as i } from "vue";
-import { t as C, B as m } from "./index-CaYex3gy.js";
+import { t as C, B as m } from "./index-CswSEhQy.js";
 const w = { class: "flex w-[326px] flex-col" }, A = { class: "p-5" }, E = { class: "sticky bottom-0 flex gap-x-5 bg-oc-bg-light px-5 pb-5 pt-3" }, N = {
   __name: "OcFilterForm",
   props: {

package/dist/{OcFilterSearch-DApP5rK_.js → OcFilterSearch-BzSlVySJ.js}

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

package/dist/{OcFilterSearchFor-BaB-2dGW.js → OcFilterSearchFor-C1dFFz-L.js}

@@ -1,5 +1,5 @@
 import { computed as h, createBlock as c, createCommentVNode as k, openBlock as a, unref as o, withCtx as y, createElementVNode as f, createElementBlock as v, createVNode as F, Fragment as p, renderList as b } from "vue";
-import { T as $, aB as m } from "./index-CaYex3gy.js";
+import { T as $, aB as m } from "./index-CswSEhQy.js";
 const w = { class: "flex gap-1 items-center normal-case flex-wrap" }, E = {
   __name: "OcFilterSearchFor",
   props: {

package/dist/{OcModalCropper-DIOjBgrS.js → OcModalCropper-C1bO1LuM.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 { aI as b } from "./index-CaYex3gy.js";
-import k from "./OcCropper-CATIqyR2.js";
+import { aI as b } from "./index-CswSEhQy.js";
+import k from "./OcCropper-Ca4KmgXY.js";
 const h = {
   __name: "OcModalCropper",
   props: {

package/dist/{OcSort-D2U58bLe.js → OcSort-DmtOny8V.js}

@@ -1,5 +1,5 @@
 import { ref as k, useId as B, computed as i, createBlock as C, openBlock as f, unref as l, withCtx as v, createElementVNode as o, createVNode as s, createElementBlock as O, createCommentVNode as $, normalizeClass as x } from "vue";
-import { aG as D, B as N, h as S } from "./index-CaYex3gy.js";
+import { aG as D, B as N, h as S } from "./index-CswSEhQy.js";
 import { _ as V } from "./OcIcon-CUKFUeB7.js";
 const A = { class: "relative" }, h = {
   key: 0,

package/dist/{OcTimePicker-CXY4jBpH.js → OcTimePicker-7rxptMNi.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 { aG as S, d as h, aQ as D } from "./index-CaYex3gy.js";
+import { aG as S, d as h, aQ as D } from "./index-CswSEhQy.js";
 import { d as c } from "./dayjs.min-7xVZzECu.js";
 const w = {
   __name: "OcTimePicker",

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { aE as r } from "../../index-CaYex3gy.js";
+import { aE as r } from "../../index-CswSEhQy.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

@@ -1,4 +1,4 @@
-import { aF as a } from "../../index-CaYex3gy.js";
+import { aF as a } from "../../index-CswSEhQy.js";
 export {
   a as CopyTooltip
 };

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,4 +1,4 @@
-import { aG as r, aH as p } from "../../index-CaYex3gy.js";
+import { aG as r, aH as p } from "../../index-CswSEhQy.js";
 export {
   r as Dropdown,
   p as DropdownItem

package/dist/Overlay/Modal/OcModal.js

@@ -1,4 +1,4 @@
-import { aI as d, aJ as e } from "../../index-CaYex3gy.js";
+import { aI as d, aJ as e } from "../../index-CswSEhQy.js";
 export {
   d as Modal,
   e as OcModalPage

package/dist/Overlay/SupportMenu/OcSupportMenu.js

@@ -1,4 +1,4 @@
-import { aK as r } from "../../index-CaYex3gy.js";
+import { aK as r } from "../../index-CswSEhQy.js";
 export {
   r as SupportMenu
 };

package/dist/Overlay/Tooltip/OcTooltip.js

@@ -1,4 +1,4 @@
-import { aL as p } from "../../index-CaYex3gy.js";
+import { aL as p } from "../../index-CswSEhQy.js";
 export {
   p as Tooltip
 };

package/dist/Overlay/Whitelist/OcWhiteList.js

@@ -1,4 +1,4 @@
-import { aM as e } from "../../index-CaYex3gy.js";
+import { aM as e } from "../../index-CswSEhQy.js";
 export {
   e as WhiteList
 };

package/dist/{SubPlanCard-CuP7G86G.js → SubPlanCard-B24310_W.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 { aB as _, B as w } from "./index-CaYex3gy.js";
+import { aB as _, B as w } from "./index-CswSEhQy.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as F } from "./OcIcon-CUKFUeB7.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-DTe5OFZ3.js → ThumbnailSection-Dx0G7Jpk.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-CaYex3gy.js";
+import { B as n } from "./index-CswSEhQy.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-DM39OLPY.js → ThumbnailTheme-CoY5W8Sl.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as s, openBlock as i, normalizeClass as f, createElementVNode as l, Fragment as b, createCommentVNode as u, createVNode as m, createBlock as r, unref as a, createTextVNode as c, toDisplayString as g, withCtx as v } from "vue";
-import { B as d, aB as h } from "./index-CaYex3gy.js";
+import { B as d, aB as h } from "./index-CswSEhQy.js";
 import { _ as k } from "./OcIcon-CUKFUeB7.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,

package/dist/composables/uploadFileProgress.js

@@ -1,24 +1,26 @@
-import { ref as p } from "vue";
-const E = (u, n) => {
-  const d = n.split(","), f = u.name.split(".").pop().toLowerCase();
-  return d.find((t) => t.includes(f));
-}, h = (u, n, d, f = !1) => {
-  const t = p([]), c = p(!1), v = (l, a = !1) => {
-    const e = [...l.target.files].filter((o) => {
-      const s = !t.value.some((i) => i.fileName === o.name);
-      if (s || n("fileExist"), f) {
-        const i = E(o, d);
+import { ref as v } from "vue";
+const g = (d, n) => {
+  const f = n.split(","), c = d.name.split(".").pop().toLowerCase();
+  return f.find((l) => l.includes(c));
+}, z = (d, n, f, c = !1) => {
+  const l = v([]), p = v(!1), E = (t, o = !1) => {
+    const e = [...t.target.files].filter((a) => {
+      const s = !l.value.some((i) => i.fileName === a.name);
+      if (s || n("fileExist"), c) {
+        const i = g(a, f);
         return i || n("invalidFileType"), s && i;
       } else
         return s;
-    });
-    if (l.target && (l.target.value = ""), c.value = e.reduce((o, s) => o + s.size, 0) > u * 1024 * 1024, c.value) {
+    }), u = t.target;
+    if (u && setTimeout(() => {
+      u.value = "";
+    }), p.value = e.reduce((a, s) => a + s.size, 0) > d * 1024 * 1024, p.value) {
       n("onExceedMaxFileSize", e);
       return;
     }
-    for (let o = 0; o < e.length; o++) {
-      const s = e[o], i = new FileReader();
-      new FormData().append("file", s), t.value.unshift({
+    for (let a = 0; a < e.length; a++) {
+      const s = e[a], i = new FileReader();
+      new FormData().append("file", s), l.value.unshift({
         file: s,
         fileName: s.name,
         link: s.link,
@@ -27,38 +29,38 @@ const E = (u, n) => {
         totalSize: 0,
         isLoaded: !1,
         extension: s.name.split(".").at(-1) || "png"
-      }), n("update:modelValue", a ? t.value[0] : t.value), s && (F(i, o), i.readAsDataURL(s));
+      }), n("update:modelValue", o ? l.value[0] : l.value), s && (F(i, a), i.readAsDataURL(s));
     }
-  }, r = (l, a, e) => {
-    if (!l.type) return;
-    const o = () => {
-      t.value[e].totalSize = l.total;
-    }, s = () => {
-      t.value[e].fileUrl = a.result, t.value[e].isLoaded = !0;
+  }, r = (t, o, e) => {
+    if (!t.type) return;
+    const u = () => {
+      l.value[e].totalSize = t.total;
+    }, a = () => {
+      l.value[e].fileUrl = o.result, l.value[e].isLoaded = !0;
     };
     ({
-      loadstart: o,
-      loadend: s,
-      load: s,
+      loadstart: u,
+      loadend: a,
+      load: a,
       progress: () => {
-        t.value[e].progress = Number(
-          (l.loaded / t.value[e].totalSize * 100).toFixed(2)
+        l.value[e].progress = Number(
+          (t.loaded / l.value[e].totalSize * 100).toFixed(2)
         );
       }
-    })[l.type]();
-  }, F = (l, a) => {
-    l.addEventListener("loadstart", (e) => r(e, l, a)), l.addEventListener("load", (e) => r(e, l, a)), l.addEventListener("loadend", (e) => r(e, l, a)), l.addEventListener("progress", (e) => r(e, l, a)), l.addEventListener("error", (e) => r(e, l, a)), l.addEventListener("abort", (e) => r(e, l, a));
+    })[t.type]();
+  }, F = (t, o) => {
+    t.addEventListener("loadstart", (e) => r(e, t, o)), t.addEventListener("load", (e) => r(e, t, o)), t.addEventListener("loadend", (e) => r(e, t, o)), t.addEventListener("progress", (e) => r(e, t, o)), t.addEventListener("error", (e) => r(e, t, o)), t.addEventListener("abort", (e) => r(e, t, o));
   };
   return {
-    isErrorMaxSize: c,
-    currentFiles: t,
-    onChangeFile: v,
-    onDeleteFile: (l) => {
-      let a = t.value.find((e, o) => o === l);
-      t.value = t.value.filter((e) => e !== a), n("onRemoveFile", a), n("update:modelValue", t.value.length > 0 ? t.value : null);
+    isErrorMaxSize: p,
+    currentFiles: l,
+    onChangeFile: E,
+    onDeleteFile: (t) => {
+      let o = l.value.find((e, u) => u === t);
+      l.value = l.value.filter((e) => e !== o), n("onRemoveFile", o), n("update:modelValue", l.value.length > 0 ? l.value : null);
     }
   };
 };
 export {
-  h as useUploadFileProgress
+  z as useUploadFileProgress
 };