@romainbx/wpic-components 0.0.107 → 0.0.109

package/dist/wpic-components.js

@@ -1,4 +1,4 @@
-import { defineComponent as xn, inject as ki, computed as ae, toValue as Ve, toRef as Ir, resolveDynamicComponent as Vi, h as Ut, getCurrentInstance as dn, ref as oe, reactive as gr, unref as W, onMounted as Sn, isRef as xs, watch as Qe, provide as po, readonly as P0, onBeforeUnmount as ei, watchEffect as Ah, nextTick as _t, shallowRef as Qs, warn as R0, onUnmounted as Po, createElementBlock as D, openBlock as S, createElementVNode as V, createVNode as ye, normalizeClass as re, createCommentVNode as ce, createBlock as Te, withCtx as Ne, renderSlot as Fe, createTextVNode as tt, toDisplayString as Ee, Fragment as He, renderList as ut, withModifiers as xi, Teleport as Nh, normalizeStyle as Yn, onBeforeMount as V0, Text as B0, withDirectives as Si, vModelText as yl, vShow as vl, resolveComponent as Ss, createStaticVNode as ea, pushScopeId as F0, popScopeId as j0, useSlots as Lh, markRaw as H0, customRef as z0 } from "vue";
+import { defineComponent as xn, inject as ki, computed as ae, toValue as Ve, toRef as Ir, resolveDynamicComponent as Vi, h as Ut, getCurrentInstance as dn, ref as oe, reactive as gr, unref as W, onMounted as Sn, isRef as xs, watch as Qe, provide as po, readonly as P0, onBeforeUnmount as ei, watchEffect as Ah, nextTick as _t, shallowRef as Qs, warn as R0, onUnmounted as Po, createElementBlock as D, openBlock as S, createElementVNode as V, createVNode as ye, normalizeClass as re, createCommentVNode as le, createBlock as Te, withCtx as Ne, renderSlot as Fe, createTextVNode as tt, toDisplayString as Ee, Fragment as je, renderList as ut, withModifiers as xi, Teleport as Nh, normalizeStyle as Yn, onBeforeMount as V0, Text as B0, withDirectives as Si, vModelText as yl, vShow as vl, resolveComponent as Ss, createStaticVNode as ea, pushScopeId as F0, popScopeId as j0, useSlots as Lh, markRaw as H0, customRef as z0 } from "vue";
 function W0() {
   return Dh().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
@@ -1171,9 +1171,9 @@ function qh(t, e, n) {
   const Z = ae(() => {
     const J = k.value;
     return !J || pt(J) || Cs(J) || yn(J) || Array.isArray(J) ? {} : Object.keys(J).reduce((Y, ge) => {
-      const me = gy(J[ge]).map((Ae) => Ae.__locatorRef).reduce((Ae, je) => {
-        const Je = Wt(g.values, je) || g.values[je];
-        return Je !== void 0 && (Ae[je] = Je), Ae;
+      const me = gy(J[ge]).map((Ae) => Ae.__locatorRef).reduce((Ae, He) => {
+        const Je = Wt(g.values, He) || g.values[He];
+        return Je !== void 0 && (Ae[He] = Je), Ae;
       }, {});
       return Object.assign(Y, me), Y;
     }, {});
@@ -1193,10 +1193,10 @@ function qh(t, e, n) {
     const me = g.getPathState(ge);
     if (Array.isArray(me == null ? void 0 : me.id) && (me != null && me.multiple) ? me != null && me.id.includes(q.id) : (me == null ? void 0 : me.id) === q.id) {
       if (me != null && me.multiple && Array.isArray(me.value)) {
-        const je = me.value.findIndex((Je) => It(Je, Ve(q.checkedValue)));
-        if (je > -1) {
+        const He = me.value.findIndex((Je) => It(Je, Ve(q.checkedValue)));
+        if (He > -1) {
           const Je = [...me.value];
-          Je.splice(je, 1), g.setFieldValue(ge, Je);
+          Je.splice(He, 1), g.setFieldValue(ge, Je);
         }
         Array.isArray(me.id) && me.id.splice(me.id.indexOf(q.id), 1);
       } else
@@ -1485,7 +1485,7 @@ function qy(t) {
       const Lt = r++;
       return Array.isArray(A.id) ? A.id.push(Lt) : A.id = [A.id, Lt], A.fieldsCount++, A.__flags.pendingUnmount[Lt] = !1, A;
     }
-    const le = ae(() => Wt(l, Ve(M))), Se = Ve(M), Oe = j.findIndex((Lt) => Lt === Se);
+    const ce = ae(() => Wt(l, Ve(M))), Se = Ve(M), Oe = j.findIndex((Lt) => Lt === Se);
     Oe !== -1 && j.splice(Oe, 1);
     const Le = ae(() => {
       var Lt, Jt, Mr, tr;
@@ -1507,7 +1507,7 @@ function qy(t) {
       bails: (se = N == null ? void 0 : N.bails) !== null && se !== void 0 ? se : !1,
       label: N == null ? void 0 : N.label,
       type: (N == null ? void 0 : N.type) || "default",
-      value: le,
+      value: ce,
       multiple: !1,
       __flags: {
         pendingUnmount: { [Ue]: !1 },
@@ -1515,13 +1515,13 @@ function qy(t) {
       },
       fieldsCount: 1,
       validate: N == null ? void 0 : N.validate,
-      dirty: ae(() => !It(W(le), W(ve)))
+      dirty: ae(() => !It(W(ce), W(ve)))
     });
     return c.value.push(it), d.value[Se] = it, f(), g.value[Se] && !b[Se] && _t(() => {
       Et(Se, { mode: "silent" });
     }), xs(M) && Qe(M, (Lt) => {
       f();
-      const Jt = Ye(le.value);
+      const Jt = Ye(ce.value);
       d.value[Lt] = it, _t(() => {
         jn(l, Lt, Jt);
       });
@@ -1531,14 +1531,14 @@ function qy(t) {
     const G = Ht(J.errorBag.value), ve = [
       .../* @__PURE__ */ new Set([...Ht(M.results), ...c.value.map((A) => A.path), ...G])
     ].sort().reduce((A, te) => {
-      var le;
-      const Se = te, Oe = C(Se) || F(Se), Le = ((le = M.results[Se]) === null || le === void 0 ? void 0 : le.errors) || [], Ue = Ve(Oe == null ? void 0 : Oe.path) || Se, it = Jy({ errors: Le, valid: !Le.length }, A.results[Ue]);
+      var ce;
+      const Se = te, Oe = C(Se) || F(Se), Le = ((ce = M.results[Se]) === null || ce === void 0 ? void 0 : ce.errors) || [], Ue = Ve(Oe == null ? void 0 : Oe.path) || Se, it = Jy({ errors: Le, valid: !Le.length }, A.results[Ue]);
       return A.results[Ue] = it, it.valid || (A.errors[Ue] = it.errors[0]), Oe && u.value[Ue] && delete u.value[Ue], Oe ? (Oe.valid = it.valid, N === "silent" || N === "validated-only" && !Oe.validated || h(Oe, it.errors), A) : (h(Ue, Le), A);
     }, { valid: M.valid, results: {}, errors: {} });
     return M.values && (ve.values = M.values), Ht(ve.results).forEach((A) => {
       var te;
-      const le = C(A);
-      le && N !== "silent" && (N === "validated-only" && !le.validated || h(le, (te = ve.results[A]) === null || te === void 0 ? void 0 : te.errors));
+      const ce = C(A);
+      ce && N !== "silent" && (N === "validated-only" && !ce.validated || h(ce, (te = ve.results[A]) === null || te === void 0 ? void 0 : te.errors));
     }), ve;
   });
   function R(M) {
@@ -1563,17 +1563,17 @@ function qy(t) {
     return function(G, se) {
       return function(A) {
         return A instanceof Event && (A.preventDefault(), A.stopPropagation()), R((te) => te.touched = !0), i.value = !0, s.value++, wt().then((te) => {
-          const le = Ye(l);
+          const ce = Ye(l);
           if (te.valid && typeof G == "function") {
             const Se = Ye(L.value);
-            let Oe = M ? Se : le;
+            let Oe = M ? Se : ce;
             return te.values && (Oe = te.values), G(Oe, {
               evt: A,
               controlledValues: Se,
               setErrors: p,
               setFieldError: h,
               setTouched: De,
-              setFieldTouched: je,
+              setFieldTouched: He,
               setValues: me,
               setFieldValue: Y,
               resetForm: bt,
@@ -1581,7 +1581,7 @@ function qy(t) {
             });
           }
           !te.valid && typeof se == "function" && se({
-            values: le,
+            values: ce,
             evt: A,
             errors: te.errors,
             results: te.results
@@ -1633,7 +1633,7 @@ function qy(t) {
     setFieldValue: Y,
     setValues: me,
     setErrors: p,
-    setFieldTouched: je,
+    setFieldTouched: He,
     setTouched: De,
     resetForm: bt,
     resetField: Bt,
@@ -1683,7 +1683,7 @@ function qy(t) {
       }
     });
   }
-  function je(M, N) {
+  function He(M, N) {
     const G = C(M);
     G && (G.touched = N);
   }
@@ -1707,13 +1707,13 @@ function qy(t) {
       return;
     }
     Ht(M).forEach((N) => {
-      je(N, !!M[N]);
+      He(N, !!M[N]);
     });
   }
   function Bt(M, N) {
     var G;
     const se = N && "value" in N ? N.value : Wt(O.value, M), ve = C(M);
-    ve && (ve.__flags.pendingReset = !0), K(M, Ye(se), !0), Y(M, se, !1), je(M, (G = N == null ? void 0 : N.touched) !== null && G !== void 0 ? G : !1), h(M, (N == null ? void 0 : N.errors) || []), _t(() => {
+    ve && (ve.__flags.pendingReset = !0), K(M, Ye(se), !0), Y(M, se, !1), He(M, (G = N == null ? void 0 : N.touched) !== null && G !== void 0 ? G : !1), h(M, (N == null ? void 0 : N.errors) || []), _t(() => {
       ve && (ve.__flags.pendingReset = !1);
     });
   }
@@ -1811,7 +1811,7 @@ function qy(t) {
         Et(se.path);
       });
     }
-    function le() {
+    function ce() {
       var Le;
       ((Le = ve().validateOnChange) !== null && Le !== void 0 ? Le : Vr().validateOnChange) && _t(() => {
         Et(se.path);
@@ -1819,7 +1819,7 @@ function qy(t) {
     }
     const Se = ae(() => {
       const Le = {
-        onChange: le,
+        onChange: ce,
         onInput: te,
         onBlur: A
       };
@@ -1838,12 +1838,12 @@ function qy(t) {
     function ve() {
       se.value.onBlur();
     }
-    function A(le) {
-      const Se = Es(le);
+    function A(ce) {
+      const Se = Es(ce);
       Y(Ve(M), Se, !1), se.value.onInput();
     }
-    function te(le) {
-      const Se = Es(le);
+    function te(ce) {
+      const Se = Es(ce);
       Y(Ve(M), Se, !1), se.value.onChange();
     }
     return ae(() => Object.assign(Object.assign({}, se.value), {
@@ -2236,7 +2236,7 @@ const gv = ["is", "type", "disabled"], yv = {
       }, [
         t.loading ? (S(), D("div", yv, [
           ye(Bi, { class: "w-6 h-6" })
-        ])) : ce("", !0),
+        ])) : le("", !0),
         (S(), Te(Vi(o.value), {
           to: t.to,
           class: re(["flex items-center justify-center select-none whitespace-nowrap py-1 h-full", {
@@ -2263,12 +2263,12 @@ const gv = ["is", "type", "disabled"], yv = {
           class: "absolute z-30 top-12 left-0"
         }, [
           V("div", vv, [
-            (S(!0), D(He, null, ut(t.actions, (y) => (S(), D("div", {
+            (S(!0), D(je, null, ut(t.actions, (y) => (S(), D("div", {
               onClick: y.value,
               class: "font-normal h-10 flex items-center px-4 hover:bg-gray-100 dark:hover:bg-white/5"
             }, Ee(y.label), 9, bv))), 256))
           ])
-        ], 512)) : ce("", !0)
+        ], 512)) : le("", !0)
       ], 10, gv);
     };
   }
@@ -3330,7 +3330,7 @@ const b1 = {
     function g() {
       o.hover && f();
     }
-    return e({ hide: f }), (v, k) => (S(), D(He, null, [
+    return e({ hide: f }), (v, k) => (S(), D(je, null, [
       (S(), D("div", {
         class: "flex-1",
         key: `reference_${W(r)}`,
@@ -3864,13 +3864,13 @@ function Y1(t, e = {}) {
     }
     return `\\${E}${fe}`;
   }
-  function je(x) {
+  function He(x) {
     return x !== "{" && x !== "}" && x !== Vn && x !== Dt;
   }
   function Je(x) {
     g(x);
     let E = "", K = "";
-    for (; E = U(x, je); )
+    for (; E = U(x, He); )
       K += E;
     return K;
   }
@@ -5852,8 +5852,8 @@ function h2(t = {}, e) {
         key: A,
         type: M
       })), process.env.NODE_ENV !== "production")) {
-        const { __v_emitter: le } = L;
-        le && g && le.emit("fallback", {
+        const { __v_emitter: ce } = L;
+        ce && g && ce.emit("fallback", {
           type: M,
           key: A,
           to: "global",
@@ -5910,7 +5910,7 @@ function h2(t = {}, e) {
       (ee) => at(ee)
     );
   }
-  function je(...z) {
+  function He(...z) {
     return be(
       (ee) => Reflect.apply(rd, null, [ee, ...z]),
       () => Al(...z),
@@ -6071,7 +6071,7 @@ function h2(t = {}, e) {
     setMissingHandler: de,
     [c2]: dt
   };
-  return Re.datetimeFormats = R, Re.numberFormats = C, Re.rt = q, Re.te = ne, Re.tm = Bt, Re.d = Z, Re.n = J, Re.getDateTimeFormat = x, Re.setDateTimeFormat = E, Re.mergeDateTimeFormat = K, Re.getNumberFormat = fe, Re.setNumberFormat = We, Re.mergeNumberFormat = Pe, Re[Up] = r, Re[Nl] = Ae, Re[Ll] = Je, Re[Dl] = je, process.env.NODE_ENV !== "production" && (Re[$l] = (z) => {
+  return Re.datetimeFormats = R, Re.numberFormats = C, Re.rt = q, Re.te = ne, Re.tm = Bt, Re.d = Z, Re.n = J, Re.getDateTimeFormat = x, Re.setDateTimeFormat = E, Re.mergeDateTimeFormat = K, Re.getNumberFormat = fe, Re.setNumberFormat = We, Re.mergeNumberFormat = Pe, Re[Up] = r, Re[Nl] = Ae, Re[Ll] = Je, Re[Dl] = He, process.env.NODE_ENV !== "production" && (Re[$l] = (z) => {
     L.__v_emitter = z;
   }, Re[Il] = () => {
     L.__v_emitter = void 0;
@@ -6099,14 +6099,14 @@ function p2({ slots: t }, e) {
   return e.length === 1 && e[0] === "default" ? (t.default ? t.default() : []).reduce((r, i) => [
     ...r,
     // prettier-ignore
-    ...i.type === He ? i.children : [i]
+    ...i.type === je ? i.children : [i]
   ], []) : e.reduce((n, r) => {
     const i = t[r];
     return i && (n[r] = i()), n;
   }, qe());
 }
 function qp(t) {
-  return He;
+  return je;
 }
 At({
   keypath: {
@@ -6323,7 +6323,7 @@ function S2(t, e, n, r = {}) {
   function Ae(ne, De) {
     o.value && (o.value.setNumberFormat(ne, De), d.value[ne] = De);
   }
-  function je(ne, De) {
+  function He(ne, De) {
     o.value && o.value.mergeNumberFormat(ne, De);
   }
   const Je = {
@@ -6407,7 +6407,7 @@ function S2(t, e, n, r = {}) {
     mergeDateTimeFormat: ge,
     getNumberFormat: me,
     setNumberFormat: Ae,
-    mergeNumberFormat: je
+    mergeNumberFormat: He
   };
   function dt(ne) {
     ne.locale.value = a.value, ne.fallbackLocale.value = l.value, Object.keys(c.value).forEach((De) => {
@@ -6507,7 +6507,7 @@ const $c = /* @__PURE__ */ Me(M2, [["render", D2]]), $2 = {
       t.label ? (S(), D("div", $2, [
         V("div", I2, [
           V("span", null, Ee(t.label), 1),
-          t.required && !t.hideRequired ? (S(), D("span", P2, "*")) : ce("", !0),
+          t.required && !t.hideRequired ? (S(), D("span", P2, "*")) : le("", !0),
           V("div", R2, [
             t.info ? (S(), Te(ni, {
               key: 0,
@@ -6520,13 +6520,13 @@ const $c = /* @__PURE__ */ Me(M2, [["render", D2]]), $2 = {
                 ye($c, { class: "w-4 h-4 text-zinc-600" })
               ]),
               _: 1
-            })) : ce("", !0)
+            })) : le("", !0)
           ])
         ]),
         V("div", V2, [
           Fe(s.$slots, "more")
         ])
-      ])) : ce("", !0),
+      ])) : le("", !0),
       V("div", {
         class: re(["wpic-input overflow-auto leading-none flex relative items-center", {
           "border rounded-sm pr-3": !t.naked,
@@ -6547,7 +6547,7 @@ const $c = /* @__PURE__ */ Me(M2, [["render", D2]]), $2 = {
           V("div", F2, [
             Fe(s.$slots, "prepend")
           ])
-        ])) : ce("", !0),
+        ])) : le("", !0),
         Fe(s.$slots, "default"),
         t.loading ? (S(), D("div", j2, [
           ye(Bi, { class: "w-6 h-6 opacity-50" })
@@ -6558,7 +6558,7 @@ const $c = /* @__PURE__ */ Me(M2, [["render", D2]]), $2 = {
           class: "absolute right-0 mr-2 h-full flex items-center cursor-pointer opacity-75 hover:opacity-100"
         }, [
           ye(Ho, { class: "w-5 h-5 opacity-50" })
-        ])) : ce("", !0)
+        ])) : le("", !0)
       ], 2)
     ]));
   }
@@ -7243,10 +7243,10 @@ const JE = /* @__PURE__ */ Me(UE, [["render", GE]]), ZE = {
   key: 0,
   class: "z-0 px-4 py-2 flex items-center justify-between text-sm gap-6 dark:text-gray-400"
 }, n5 = ["onClick"], r5 = { class: "select-none flex w-full items-center justify-between" }, i5 = { class: "flex-1" }, o5 = {
-  key: 1,
+  key: 0,
   class: "px-4 py-2 text-sm text-gray-500 dark:text-gray-400 text-center"
 }, s5 = {
-  key: 2,
+  key: 1,
   class: "px-4 py-2 text-sm text-gray-400 text-center"
 }, a5 = {
   name: "WpicChoiceList"
@@ -7419,9 +7419,9 @@ const JE = /* @__PURE__ */ Me(UE, [["render", GE]]), ZE = {
                 class: re(["select-none w-full text-left flex-1", { "whitespace-pre": !t.multiple }])
               }, [
                 t.modelValue && (!t.multiple || t.multiple && ((U = t.modelValue) == null ? void 0 : U.length) > 0) && !t.hideSelect ? (S(), D("span", ZE, [
-                  b.value && ((H = t.allSelectedText) != null && H.length) ? (S(), D(He, { key: 0 }, [
+                  b.value && ((H = t.allSelectedText) != null && H.length) ? (S(), D(je, { key: 0 }, [
                     tt(Ee(t.allSelectedText) + " (" + Ee((R = t.options) == null ? void 0 : R.length) + ")", 1)
-                  ], 64)) : (S(), D(He, { key: 1 }, [
+                  ], 64)) : (S(), D(je, { key: 1 }, [
                     tt(Ee(g.value), 1)
                   ], 64))
                 ])) : !t.multiple && ((C = t.options) != null && C.find((ie) => ie.value === null)) ? (S(), D("span", XE, Ee((j = (F = t.options) == null ? void 0 : F.find((ie) => ie.value === null)) == null ? void 0 : j.label), 1)) : Fe(T.$slots, "default", { key: 2 }, () => [
@@ -7435,11 +7435,11 @@ const JE = /* @__PURE__ */ Me(UE, [["render", GE]]), ZE = {
                 class: "absolute right-6 mr-3 h-full flex items-center cursor-pointer opacity-75 hover:opacity-100"
               }, [
                 ye(Ho, { class: "w-4 h-4" })
-              ])) : ce("", !0),
+              ])) : le("", !0),
               !t.hideChevron && !t.loading ? (S(), Te(JE, {
                 key: 1,
                 class: "h-5 w-5 -mr-[2px]"
-              })) : ce("", !0)
+              })) : le("", !0)
             ];
           }),
           _: 3
@@ -7463,8 +7463,8 @@ const JE = /* @__PURE__ */ Me(UE, [["render", GE]]), ZE = {
                   O
                 ]
               }, null, 8, ["placeholder", "modelValue"])
-            ])) : ce("", !0),
-            !t.options && ((I = t.options) == null ? void 0 : I.length) == 0 ? (S(), D("span", e5, "No data.")) : (S(), D(He, { key: 2 }, [
+            ])) : le("", !0),
+            !t.options && ((I = t.options) == null ? void 0 : I.length) == 0 ? (S(), D("span", e5, "No data.")) : (S(), D(je, { key: 2 }, [
               t.multiple && t.batchSelect ? (S(), D("div", t5, [
                 V("span", {
                   class: "cursor-pointer opacity-50 hover:opacity-100",
@@ -7477,8 +7477,8 @@ const JE = /* @__PURE__ */ Me(UE, [["render", GE]]), ZE = {
                   class: "cursor-pointer opacity-50 hover:opacity-100",
                   onClick: B[2] || (B[2] = (H) => h([]))
                 }, Ee(T.$t("wpiccomponents.select_none")), 1)
-              ])) : ce("", !0),
-              (S(!0), D(He, null, ut(y.value, (H) => (S(), D("div", {
+              ])) : le("", !0),
+              (S(!0), D(je, null, ut(y.value, (H) => (S(), D("div", {
                 class: re(["group", { "is-selected": !!v(H.value) }])
               }, [
                 V("div", {
@@ -7496,16 +7496,18 @@ const JE = /* @__PURE__ */ Me(UE, [["render", GE]]), ZE = {
                       H.description ? (S(), D("div", {
                         key: 0,
                         class: re(["text-xs opacity-50 font-normal!", { "opacity-10": H.disabled }])
-                      }, Ee(H.description), 3)) : ce("", !0)
+                      }, Ee(H.description), 3)) : le("", !0)
                     ]),
                     t.multiple && v(H.value) ? (S(), Te(Gp, {
                       key: 0,
                       class: "w-4 h-4"
-                    })) : ce("", !0)
+                    })) : le("", !0)
                   ])
                 ], 10, n5)
               ], 2))), 256)),
-              _.value ? (S(), D("div", o5, Ee(T.$t("wpiccomponents.loading_more")), 1)) : $.value && ((U = t.options) == null ? void 0 : U.length) > 0 ? (S(), D("div", s5, Ee(T.$t("wpiccomponents.no_more_results")), 1)) : ce("", !0)
+              r.remoteMethod ? (S(), D(je, { key: 1 }, [
+                _.value ? (S(), D("div", o5, Ee(T.$t("wpiccomponents.loading_more")), 1)) : $.value && ((U = t.options) == null ? void 0 : U.length) > 0 ? (S(), D("div", s5, Ee(T.$t("wpiccomponents.no_more_results")), 1)) : le("", !0)
+              ], 64)) : le("", !0)
             ], 64))
           ], 32)
         ];
@@ -7592,7 +7594,7 @@ const JE = /* @__PURE__ */ Me(UE, [["render", GE]]), ZE = {
     }
     return e({
       focus: l
-    }), (c, u) => (S(), D(He, null, [
+    }), (c, u) => (S(), D(je, null, [
       t.label ? (S(), D("div", c5, [
         tt(Ee(t.label) + " ", 1),
         V("div", u5, [
@@ -7607,9 +7609,9 @@ const JE = /* @__PURE__ */ Me(UE, [["render", GE]]), ZE = {
               ye($c, { class: "w-4 h-4 text-zinc-600" })
             ]),
             _: 1
-          })) : ce("", !0)
+          })) : le("", !0)
         ])
-      ])) : ce("", !0),
+      ])) : le("", !0),
       V("textarea", {
         ref_key: "myTextarea",
         ref: i,
@@ -7852,7 +7854,8 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
     toggleSwitch: Boolean,
     color: Boolean,
     summaryText: String,
-    oneLine: Boolean
+    oneLine: Boolean,
+    total: Number
   },
   emits: ["onChange", "update:modelValue", "onClear"],
   setup(t, { expose: e, emit: n }) {
@@ -7924,7 +7927,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
       }, [
         V("div", I5, [
           V("span", null, Ee(l.value), 1),
-          t.required && !t.hideRequired ? (S(), D("span", P5, "*")) : ce("", !0),
+          t.required && !t.hideRequired ? (S(), D("span", P5, "*")) : le("", !0),
           V("div", R5, [
             t.info ? (S(), Te(ni, {
               key: 0,
@@ -7940,13 +7943,13 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
                 ye($c, { class: "w-4 h-4 text-zinc-600" })
               ]),
               _: 1
-            })) : ce("", !0)
+            })) : le("", !0)
           ])
         ]),
         V("div", B5, [
           Fe(T.$slots, "more")
         ])
-      ], 2)) : ce("", !0),
+      ], 2)) : le("", !0),
       t.checkbox ? (S(), Te(W(Ar), {
         key: 1,
         ref_key: "myInput",
@@ -7971,7 +7974,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
                 [`${i[W(ke).theme]}`]: !0
               }])
             }, [
-              t.modelValue === !0 ? (S(), Te(Gp, { key: 0 })) : ce("", !0)
+              t.modelValue === !0 ? (S(), Te(Gp, { key: 0 })) : le("", !0)
             ], 2),
             V("span", {
               class: re(["text-base cursor-pointer select-none text-gray-600 dark:text-gray-500", { "!text-gray-500/50 dark:text-gray-700/50": t.disabled }])
@@ -8004,7 +8007,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
               t.radioValue == t.modelValue ? (S(), D("span", {
                 key: 0,
                 class: re(["flex rounded-full h-full w-full bg-violet-800", { "bg-opacity-50": t.disabled }])
-              }, null, 2)) : ce("", !0)
+              }, null, 2)) : le("", !0)
             ], 2),
             V("input", {
               class: "hidden",
@@ -8017,7 +8020,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
             l.value ? (S(), D("span", {
               key: 0,
               class: re(["text-base", { "opacity-50": t.disabled }])
-            }, Ee(l.value), 3)) : ce("", !0)
+            }, Ee(l.value), 3)) : le("", !0)
           ], 2)
         ]),
         _: 1
@@ -8050,6 +8053,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
               batchSelect: t.batchSelect,
               allSelectedText: t.allSelectedText,
               summaryText: t.summaryText,
+              total: t.total,
               isInvalid: !!(t.error && W(a)),
               required: t.required || ((U = f.value) == null ? void 0 : U.indexOf("required")) >= 0,
               label: l.value,
@@ -8057,7 +8061,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
               loading: t.loading,
               material: t.material,
               naked: t.naked
-            }, null, 8, ["modelValue", "disabled", "options", "small", "oneLine", "clearable", "hideSelect", "remote-method", "multiple", "filterable", "maxDisplay", "batchSelect", "allSelectedText", "summaryText", "isInvalid", "required", "label", "placeholder", "loading", "material", "naked"])
+            }, null, 8, ["modelValue", "disabled", "options", "small", "oneLine", "clearable", "hideSelect", "remote-method", "multiple", "filterable", "maxDisplay", "batchSelect", "allSelectedText", "summaryText", "total", "isInvalid", "required", "label", "placeholder", "loading", "material", "naked"])
           ];
         }),
         _: 1
@@ -8115,7 +8119,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
           V("div", j5, [
             Fe(T.$slots, "prepend")
           ])
-        ], 2)) : ce("", !0),
+        ], 2)) : le("", !0),
         t.textarea ? (S(), Te(W(Ar), {
           key: 1,
           ref_key: "myInput",
@@ -8185,7 +8189,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
           class: "absolute right-0 mr-3 h-full flex items-center cursor-pointer opacity-75 hover:opacity-100"
         }, [
           ye(Ho, { class: "w-5 h-5 opacity-50" })
-        ])) : ce("", !0),
+        ])) : le("", !0),
         T.$slots.append || t.password || t.type == "password" ? (S(), D("div", H5, [
           V("div", z5, [
             Fe(T.$slots, "append", {}, () => [
@@ -8203,7 +8207,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
               ])
             ])
           ])
-        ])) : ce("", !0)
+        ])) : le("", !0)
       ], 2)),
       t.error && W(a) ? (S(), D("div", W5, [
         ye(W(ev), { name: s.value }, {
@@ -8212,7 +8216,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
           ]),
           _: 1
         }, 8, ["name"])
-      ])) : ce("", !0),
+      ])) : le("", !0),
       T.$slots.help || t.help ? (S(), D("div", {
         key: 8,
         class: re(["text-base mt-1", { "ml-7": t.type == "checkbox", "opacity-50": t.disabled }])
@@ -8220,7 +8224,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
         Fe(T.$slots, "help", {}, () => [
           tt(Ee(t.help), 1)
         ])
-      ], 2)) : ce("", !0)
+      ], 2)) : le("", !0)
     ], 2));
   }
 }), Y5 = ["innerHTML"], q5 = {
@@ -8278,7 +8282,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
         [d]: "-4px"
       });
     }
-    return (l, c) => (S(), D(He, null, [
+    return (l, c) => (S(), D(je, null, [
       V("span", {
         ref_key: "button",
         ref: e,
@@ -8335,7 +8339,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
           key: 0,
           class: "absolute top-0 left-0 z-10",
           wave: ""
-        })) : ce("", !0),
+        })) : le("", !0),
         t.title || r.$slots.title || r.$slots.actions ? (S(), D("div", K5, [
           t.title || r.$slots.title || r.$slots.actions ? (S(), D("div", {
             key: 0,
@@ -8344,15 +8348,15 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
             Fe(r.$slots, "title", {}, () => [
               tt(Ee(t.title), 1)
             ])
-          ], 2)) : ce("", !0),
+          ], 2)) : le("", !0),
           V("div", G5, [
             Fe(r.$slots, "actions")
           ])
-        ])) : ce("", !0),
+        ])) : le("", !0),
         Fe(r.$slots, "default"),
         r.$slots.buttons ? (S(), D("div", J5, [
           Fe(r.$slots, "buttons")
-        ])) : ce("", !0)
+        ])) : le("", !0)
       ], 2);
     };
   }
@@ -8388,7 +8392,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
           ])
         ]),
         Fe(n.$slots, "actions")
-      ])) : ce("", !0),
+      ])) : le("", !0),
       Fe(n.$slots, "default")
     ], 2));
   }
@@ -8441,11 +8445,11 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
             ]),
             _: 1
           }, 8, ["text"])
-        ], 6)) : ce("", !0)
+        ], 6)) : le("", !0)
       ], 2),
-      t.indicators ? (S(), D(He, { key: 0 }, [
+      t.indicators ? (S(), D(je, { key: 0 }, [
         iT
-      ], 64)) : ce("", !0)
+      ], 64)) : le("", !0)
     ], 2));
   }
 }), aT = { class: "leading-none" }, lT = {
@@ -8476,7 +8480,7 @@ const $5 = /* @__PURE__ */ Me(M5, [["render", D5]]), I5 = { class: "flex items-c
         class: "ml-2 mt-px cursor-pointer opacity-75 hover:opacity-100"
       }, [
         ye(Ho, { class: "w-4 h-4" })
-      ])) : ce("", !0)
+      ])) : le("", !0)
     ], 2));
   }
 }), uT = {
@@ -8682,8 +8686,8 @@ const bm = /* @__PURE__ */ Me(PT, [["render", FT]]), jT = { class: "wpic-paginat
       const m = Ss("wpic-choice-list");
       return S(), D("div", jT, [
         t.info ? (S(), D("div", HT, [
-          t.total > 0 ? (S(), D("span", zT, Ee(h.$t("wpiccomponents.pagination", { start: u(), end: d(), total: t.total })), 1)) : ce("", !0)
-        ])) : ce("", !0),
+          t.total > 0 ? (S(), D("span", zT, Ee(h.$t("wpiccomponents.pagination", { start: u(), end: d(), total: t.total })), 1)) : le("", !0)
+        ])) : le("", !0),
         t.pages ? (S(), D("div", WT, [
           ye(Xi, {
             onClick: p[0] || (p[0] = (g) => c(1)),
@@ -8703,7 +8707,7 @@ const bm = /* @__PURE__ */ Me(PT, [["render", FT]]), jT = { class: "wpic-paginat
             ]),
             _: 1
           }, 8, ["disabled"]),
-          (S(!0), D(He, null, ut(l.value, (g) => (S(), Te(Xi, {
+          (S(!0), D(je, null, ut(l.value, (g) => (S(), Te(Xi, {
             key: `page_${g}`,
             onClick: (v) => c(g),
             active: g === t.currentPage,
@@ -8737,8 +8741,8 @@ const bm = /* @__PURE__ */ Me(PT, [["render", FT]]), jT = { class: "wpic-paginat
             modelValue: t.perPage,
             "onUpdate:modelValue": f,
             options: o.value
-          }, null, 8, ["modelValue", "options"])) : ce("", !0)
-        ])) : ce("", !0)
+          }, null, 8, ["modelValue", "options"])) : le("", !0)
+        ])) : le("", !0)
       ]);
     };
   }
@@ -8789,8 +8793,8 @@ const XT = /* @__PURE__ */ Me(qT, [["render", ZT]]), QT = { class: "font-semibol
         id: "total_0",
         column: {},
         key: "tr_total_0"
-      }, null, 8, ["class"])) : ce("", !0),
-      (S(!0), D(He, null, ut(t.columns, (i, o) => (S(), Te(Ps, {
+      }, null, 8, ["class"])) : le("", !0),
+      (S(!0), D(je, null, ut(t.columns, (i, o) => (S(), Te(Ps, {
         class: re(["py-3 first:pl-6 pr-6 border-t", {
           [`${e[W(ke).theme]}`]: !0,
           "sticky left-0": o === 0,
@@ -9037,7 +9041,7 @@ const d_ = /* @__PURE__ */ Me(s_, [["render", u_]]), f_ = { class: "wpic-table"
               _: 1
             }, 8, ["modelValue", "options"])
           ])
-        ])) : ce("", !0),
+        ])) : le("", !0),
         V("div", {
           class: re(["wpic-table-content relative w-full rounded-lg overflow-hidden-", {
             "no-radius rounded-none": t.noRadius || t.columnToggleable,
@@ -9050,20 +9054,20 @@ const d_ = /* @__PURE__ */ Me(s_, [["render", u_]]), f_ = { class: "wpic-table"
           }, [
             V("table", g_, [
               V("colgroup", null, [
-                t.checkable ? (S(), D("col", y_)) : ce("", !0),
+                t.checkable ? (S(), D("col", y_)) : le("", !0),
                 g.value.find((C) => C.type == "expand") ? (S(), D("col", {
                   key: 1,
                   style: Yn({ minWidth: `${g.value.find((C) => C.type == "expand").minWidth}px` }),
                   width: g.value.find((C) => C.type == "expand").width,
                   class: "w-16"
-                }, null, 12, v_)) : ce("", !0),
-                (S(!0), D(He, null, ut(g.value.filter((C) => C.type != "expand"), (C, F) => (S(), D("col", {
+                }, null, 12, v_)) : le("", !0),
+                (S(!0), D(je, null, ut(g.value.filter((C) => C.type != "expand"), (C, F) => (S(), D("col", {
                   style: Yn({ minWidth: `${C.minWidth}px`, maxWidth: `${C.maxWidth}px` }),
                   width: C.width,
                   key: F
                 }, null, 12, b_))), 128))
               ]),
-              t.hideHeaders ? ce("", !0) : (S(), D("thead", {
+              t.hideHeaders ? le("", !0) : (S(), D("thead", {
                 key: 0,
                 class: re(["rounded-t-lg", { "sticky top-0 z-10": t.stickyHeader }])
               }, [
@@ -9081,12 +9085,12 @@ const d_ = /* @__PURE__ */ Me(s_, [["render", u_]]), f_ = { class: "wpic-table"
                         "onUpdate:modelValue": $
                       }, null, 8, ["modelValue"])
                     ])
-                  ], 2)) : ce("", !0),
+                  ], 2)) : le("", !0),
                   g.value.find((C) => C.type == "expand") ? (S(), D("th", {
                     key: 1,
                     class: re(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", [`${o[W(ke).theme]}`]])
-                  }, null, 2)) : ce("", !0),
-                  (S(!0), D(He, null, ut(g.value.filter((C) => C.type != "expand"), (C, F) => {
+                  }, null, 2)) : le("", !0),
+                  (S(!0), D(je, null, ut(g.value.filter((C) => C.type != "expand"), (C, F) => {
                     var j, ie;
                     return S(), D("th", {
                       class: re(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", {
@@ -9117,21 +9121,21 @@ const d_ = /* @__PURE__ */ Me(s_, [["render", u_]]), f_ = { class: "wpic-table"
                           ye(XT, {
                             class: re(["w-4 h-4", { "rotate-180": ((ie = t.sortOptions) == null ? void 0 : ie.sortDirection) === "asc" }])
                           }, null, 8, ["class"])
-                        ], 2)) : ce("", !0)
+                        ], 2)) : le("", !0)
                       ], 10, k_)
                     ], 6);
                   }), 256))
                 ])
               ], 2)),
               V("tbody", x_, [
-                t.loading ? (S(), D(He, { key: 0 }, [
+                t.loading ? (S(), D(je, { key: 0 }, [
                   V("div", {
                     class: re(["inset-0 z-10 absolute flex items-center justify-center", [u[W(ke).theme]]])
                   }, [
                     ye(Bi, { class: "w-6 h-6" })
                   ], 2),
-                  t.data.length ? ce("", !0) : (S(), D("tr", S_, C_))
-                ], 64)) : ce("", !0),
+                  t.data.length ? le("", !0) : (S(), D("tr", S_, C_))
+                ], 64)) : le("", !0),
                 t.totalItem && t.totalOnTop ? (S(), Te(jd, {
                   key: 1,
                   checkable: t.checkable,
@@ -9139,10 +9143,10 @@ const d_ = /* @__PURE__ */ Me(s_, [["render", u_]]), f_ = { class: "wpic-table"
                   columns: g.value,
                   noXPadding: t.noXPadding,
                   totalItem: t.totalItem
-                }, null, 8, ["checkable", "columns", "noXPadding", "totalItem"])) : ce("", !0),
-                (S(!0), D(He, null, ut(t.data, (C, F) => {
+                }, null, 8, ["checkable", "columns", "noXPadding", "totalItem"])) : le("", !0),
+                (S(!0), D(je, null, ut(t.data, (C, F) => {
                   var j, ie, de, we, be;
-                  return S(), D(He, {
+                  return S(), D(je, {
                     key: `tr_${F}`
                   }, [
                     V("tr", {
@@ -9171,7 +9175,7 @@ const d_ = /* @__PURE__ */ Me(s_, [["render", u_]]), f_ = { class: "wpic-table"
                             "onUpdate:modelValue": (P) => w(C)
                           }, null, 8, ["modelValue", "checkboxValue", "onUpdate:modelValue"])
                         ])
-                      ], 2)) : ce("", !0),
+                      ], 2)) : le("", !0),
                       g.value.find((P) => P.type == "expand") ? (S(), D("td", {
                         key: 1,
                         class: re([[
@@ -9200,8 +9204,8 @@ const d_ = /* @__PURE__ */ Me(s_, [["render", u_]]), f_ = { class: "wpic-table"
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
-                      ], 2)) : ce("", !0),
-                      (S(!0), D(He, null, ut(g.value.filter((P) => P.type != "expand"), (P, q) => {
+                      ], 2)) : le("", !0),
+                      (S(!0), D(je, null, ut(g.value.filter((P) => P.type != "expand"), (P, q) => {
                         var Z, J;
                         return S(), Te(Ps, {
                           class: re(["lg:text-base h-full table-cell", {
@@ -9251,7 +9255,7 @@ const d_ = /* @__PURE__ */ Me(s_, [["render", u_]]), f_ = { class: "wpic-table"
                       }, null, 8, ["class", "column", "rowIndex", "colspan", "item"])
                     ], 2)), [
                       [vl, b[F]]
-                    ]) : ce("", !0)
+                    ]) : le("", !0)
                   ], 64);
                 }), 128))
               ]),
@@ -9263,10 +9267,10 @@ const d_ = /* @__PURE__ */ Me(s_, [["render", u_]]), f_ = { class: "wpic-table"
                   noXPadding: t.noXPadding,
                   totalItem: t.totalItem
                 }, null, 8, ["checkable", "columns", "noXPadding", "totalItem"])
-              ])) : ce("", !0)
+              ])) : le("", !0)
             ])
           ], 2),
-          !t.loading && !t.data.length ? (S(), D("div", __, " No Data ")) : ce("", !0)
+          !t.loading && !t.data.length ? (S(), D("div", __, " No Data ")) : le("", !0)
         ], 2)
       ]);
     };
@@ -22125,7 +22129,7 @@ function gD(t) {
       var U, H = y === "y" ? qt : Kt, R = y === "y" ? hn : pn, C = y === "y" ? "height" : "width", F = w[y], j = F + g[H], ie = F - g[R], de = h ? -$[C] / 2 : 0, we = k === $i ? _[C] : $[C], be = k === $i ? -$[C] : -_[C], P = e.elements.arrow, q = h && P ? du(P) : {
         width: 0,
         height: 0
-      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : l0(), J = Z[H], Y = Z[R], ge = uo(0, _[C], q[C]), me = b ? _[C] / 2 - de - ge - J - T.mainAxis : we - ge - J - T.mainAxis, Ae = b ? -_[C] / 2 + de + ge + Y + T.mainAxis : be + ge + Y + T.mainAxis, je = e.elements.arrow && Zo(e.elements.arrow), Je = je ? y === "y" ? je.clientTop || 0 : je.clientLeft || 0 : 0, dt = (U = B == null ? void 0 : B[y]) != null ? U : 0, ne = F + me - dt - Je, De = F + Ae - dt, Bt = uo(h ? Js(j, ne) : j, F, h ? Ur(ie, De) : ie);
+      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : l0(), J = Z[H], Y = Z[R], ge = uo(0, _[C], q[C]), me = b ? _[C] / 2 - de - ge - J - T.mainAxis : we - ge - J - T.mainAxis, Ae = b ? -_[C] / 2 + de + ge + Y + T.mainAxis : be + ge + Y + T.mainAxis, He = e.elements.arrow && Zo(e.elements.arrow), Je = He ? y === "y" ? He.clientTop || 0 : He.clientLeft || 0 : 0, dt = (U = B == null ? void 0 : B[y]) != null ? U : 0, ne = F + me - dt - Je, De = F + Ae - dt, Bt = uo(h ? Js(j, ne) : j, F, h ? Ur(ie, De) : ie);
       w[y] = Bt, I[y] = Bt - F;
     }
     if (a) {
@@ -22736,7 +22740,7 @@ function n$(t, e) {
   var $ = k.map(function(A) {
     return A.fn(y);
   }), L = t.hasAttribute("aria-expanded");
-  return je(), de(), F(), j("onCreate", [y]), n.showOnCreate && K(), w.addEventListener("mouseenter", function() {
+  return He(), de(), F(), j("onCreate", [y]), n.showOnCreate && K(), w.addEventListener("mouseenter", function() {
     y.props.interactive && y.state.isVisible && y.clearDelayTimeouts();
   }), w.addEventListener("mouseleave", function() {
     y.props.interactive && y.props.trigger.indexOf("mouseenter") >= 0 && H().addEventListener("mousemove", p);
@@ -22768,10 +22772,10 @@ function n$(t, e) {
   function F(A) {
     A === void 0 && (A = !1), w.style.pointerEvents = y.props.interactive && !A ? "" : "none", w.style.zIndex = "" + y.props.zIndex;
   }
-  function j(A, te, le) {
-    if (le === void 0 && (le = !0), $.forEach(function(Oe) {
+  function j(A, te, ce) {
+    if (ce === void 0 && (ce = !0), $.forEach(function(Oe) {
       Oe[A] && Oe[A].apply(Oe, te);
-    }), le) {
+    }), ce) {
       var Se;
       (Se = y.props)[A].apply(Se, te);
     }
@@ -22779,13 +22783,13 @@ function n$(t, e) {
   function ie() {
     var A = y.props.aria;
     if (A.content) {
-      var te = "aria-" + A.content, le = w.id, Se = di(y.props.triggerTarget || t);
+      var te = "aria-" + A.content, ce = w.id, Se = di(y.props.triggerTarget || t);
       Se.forEach(function(Oe) {
         var Le = Oe.getAttribute(te);
         if (y.state.isVisible)
-          Oe.setAttribute(te, Le ? Le + " " + le : le);
+          Oe.setAttribute(te, Le ? Le + " " + ce : ce);
         else {
-          var Ue = Le && Le.replace(le, "").trim();
+          var Ue = Le && Le.replace(ce, "").trim();
           Ue ? Oe.setAttribute(te, Ue) : Oe.removeAttribute(te);
         }
       });
@@ -22808,8 +22812,8 @@ function n$(t, e) {
     if (!(Tn.isTouch && (l || A.type === "mousedown"))) {
       var te = A.composedPath && A.composedPath()[0] || A.target;
       if (!(y.props.interactive && ch(w, te))) {
-        if (di(y.props.triggerTarget || t).some(function(le) {
-          return ch(le, te);
+        if (di(y.props.triggerTarget || t).some(function(ce) {
+          return ch(ce, te);
         })) {
           if (Tn.isTouch || y.state.isVisible && y.props.trigger.indexOf("click") >= 0)
             return;
@@ -22844,27 +22848,27 @@ function n$(t, e) {
     me(A, te);
   }
   function me(A, te) {
-    var le = R().box;
+    var ce = R().box;
     function Se(Oe) {
-      Oe.target === le && (al(le, "remove", Se), te());
+      Oe.target === ce && (al(ce, "remove", Se), te());
     }
     if (A === 0)
       return te();
-    al(le, "remove", d), al(le, "add", Se), d = Se;
+    al(ce, "remove", d), al(ce, "add", Se), d = Se;
   }
-  function Ae(A, te, le) {
-    le === void 0 && (le = !1);
+  function Ae(A, te, ce) {
+    ce === void 0 && (ce = !1);
     var Se = di(y.props.triggerTarget || t);
     Se.forEach(function(Oe) {
-      Oe.addEventListener(A, te, le), h.push({
+      Oe.addEventListener(A, te, ce), h.push({
         node: Oe,
         eventType: A,
         handler: te,
-        options: le
+        options: ce
       });
     });
   }
-  function je() {
+  function He() {
     B() && (Ae("touchstart", dt, {
       passive: !0
     }), Ae("touchend", De, {
@@ -22886,22 +22890,22 @@ function n$(t, e) {
   }
   function Je() {
     h.forEach(function(A) {
-      var te = A.node, le = A.eventType, Se = A.handler, Oe = A.options;
-      te.removeEventListener(le, Se, Oe);
+      var te = A.node, ce = A.eventType, Se = A.handler, Oe = A.options;
+      te.removeEventListener(ce, Se, Oe);
     }), h = [];
   }
   function dt(A) {
-    var te, le = !1;
+    var te, ce = !1;
     if (!(!y.state.isEnabled || bt(A) || a)) {
       var Se = ((te = u) == null ? void 0 : te.type) === "focus";
       u = A, m = A.currentTarget, de(), !y.state.isVisible && RD(A) && hs.forEach(function(Oe) {
         return Oe(A);
-      }), A.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || s) && y.props.hideOnClick !== !1 && y.state.isVisible ? le = !0 : K(A), A.type === "click" && (s = !le), le && !Se && fe(A);
+      }), A.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || s) && y.props.hideOnClick !== !1 && y.state.isVisible ? ce = !0 : K(A), A.type === "click" && (s = !ce), ce && !Se && fe(A);
     }
   }
   function ne(A) {
-    var te = A.target, le = U().contains(te) || w.contains(te);
-    if (!(A.type === "mousemove" && le)) {
+    var te = A.target, ce = U().contains(te) || w.contains(te);
+    if (!(A.type === "mousemove" && ce)) {
       var Se = E().concat(w).map(function(Oe) {
         var Le, Ue = Oe._tippy, it = (Le = Ue.popperInstance) == null ? void 0 : Le.state;
         return it ? {
@@ -22931,7 +22935,7 @@ function n$(t, e) {
   }
   function wt() {
     Et();
-    var A = y.props, te = A.popperOptions, le = A.placement, Se = A.offset, Oe = A.getReferenceClientRect, Le = A.moveTransition, Ue = I() ? hc(w).arrow : null, it = Oe ? {
+    var A = y.props, te = A.popperOptions, ce = A.placement, Se = A.offset, Oe = A.getReferenceClientRect, Le = A.moveTransition, Ue = I() ? hc(w).arrow : null, it = Oe ? {
       getBoundingClientRect: Oe,
       contextElement: Oe.contextElement || U()
     } : t, Lt = {
@@ -22981,7 +22985,7 @@ function n$(t, e) {
         padding: 3
       }
     }), Jt.push.apply(Jt, (te == null ? void 0 : te.modifiers) || []), y.popperInstance = _D(it, w, Object.assign({}, te, {
-      placement: le,
+      placement: ce,
       onFirstUpdate: f,
       modifiers: Jt
     }));
@@ -22990,8 +22994,8 @@ function n$(t, e) {
     y.popperInstance && (y.popperInstance.destroy(), y.popperInstance = null);
   }
   function x() {
-    var A = y.props.appendTo, te, le = U();
-    y.props.interactive && A === g0 || A === "parent" ? te = le.parentNode : te = y0(A, [le]), te.contains(w) || te.appendChild(w), y.state.isMounted = !0, wt(), process.env.NODE_ENV !== "production" && zn(y.props.interactive && A === Xt.appendTo && le.nextElementSibling !== w, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
+    var A = y.props.appendTo, te, ce = U();
+    y.props.interactive && A === g0 || A === "parent" ? te = ce.parentNode : te = y0(A, [ce]), te.contains(w) || te.appendChild(w), y.state.isMounted = !0, wt(), process.env.NODE_ENV !== "production" && zn(y.props.interactive && A === Xt.appendTo && ce.nextElementSibling !== w, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
 
 `, "Using a wrapper <div> or <span> tag around the reference element", "solves this by creating a new parentNode context.", `
 
@@ -23004,7 +23008,7 @@ function n$(t, e) {
   }
   function K(A) {
     y.clearDelayTimeouts(), A && j("onTrigger", [y, A]), Z();
-    var te = C(!0), le = T(), Se = le[0], Oe = le[1];
+    var te = C(!0), ce = T(), Se = ce[0], Oe = ce[1];
     Tn.isTouch && Se === "hold" && Oe && (te = Oe), te ? r = setTimeout(function() {
       y.show();
     }, te) : y.show();
@@ -23035,12 +23039,12 @@ function n$(t, e) {
   function z(A) {
     if (process.env.NODE_ENV !== "production" && zn(y.state.isDestroyed, ai("setProps")), !y.state.isDestroyed) {
       j("onBeforeUpdate", [y, A]), Je();
-      var te = y.props, le = fh(t, Object.assign({}, te, ah(A), {
+      var te = y.props, ce = fh(t, Object.assign({}, te, ah(A), {
         ignoreAttributes: !0
       }));
-      y.props = le, je(), te.interactiveDebounce !== le.interactiveDebounce && (we(), p = oh(ne, le.interactiveDebounce)), te.triggerTarget && !le.triggerTarget ? di(te.triggerTarget).forEach(function(Se) {
+      y.props = ce, He(), te.interactiveDebounce !== ce.interactiveDebounce && (we(), p = oh(ne, ce.interactiveDebounce)), te.triggerTarget && !ce.triggerTarget ? di(te.triggerTarget).forEach(function(Se) {
         Se.removeAttribute("aria-expanded");
-      }) : le.triggerTarget && t.removeAttribute("aria-expanded"), de(), F(), _ && _(te, le), y.popperInstance && (wt(), E().forEach(function(Se) {
+      }) : ce.triggerTarget && t.removeAttribute("aria-expanded"), de(), F(), _ && _(te, ce), y.popperInstance && (wt(), E().forEach(function(Se) {
         requestAnimationFrame(Se._tippy.popperInstance.forceUpdate);
       })), j("onAfterUpdate", [y, A]);
     }
@@ -23052,8 +23056,8 @@ function n$(t, e) {
   }
   function M() {
     process.env.NODE_ENV !== "production" && zn(y.state.isDestroyed, ai("show"));
-    var A = y.state.isVisible, te = y.state.isDestroyed, le = !y.state.isEnabled, Se = Tn.isTouch && !y.props.touch, Oe = ol(y.props.duration, 0, Xt.duration);
-    if (!(A || te || le || Se) && !U().hasAttribute("disabled") && (j("onShow", [y], !1), y.props.onShow(y) !== !1)) {
+    var A = y.state.isVisible, te = y.state.isDestroyed, ce = !y.state.isEnabled, Se = Tn.isTouch && !y.props.touch, Oe = ol(y.props.duration, 0, Xt.duration);
+    if (!(A || te || ce || Se) && !U().hasAttribute("disabled") && (j("onShow", [y], !1), y.props.onShow(y) !== !1)) {
       if (y.state.isVisible = !0, I() && (w.style.visibility = "visible"), F(), Z(), y.state.isMounted || (w.style.transition = "none"), I()) {
         var Le = R(), Ue = Le.box, it = Le.content;
         sl([Ue, it], 0);
@@ -23074,8 +23078,8 @@ function n$(t, e) {
   }
   function N() {
     process.env.NODE_ENV !== "production" && zn(y.state.isDestroyed, ai("hide"));
-    var A = !y.state.isVisible, te = y.state.isDestroyed, le = !y.state.isEnabled, Se = ol(y.props.duration, 1, Xt.duration);
-    if (!(A || te || le) && (j("onHide", [y], !1), y.props.onHide(y) !== !1)) {
+    var A = !y.state.isVisible, te = y.state.isDestroyed, ce = !y.state.isEnabled, Se = ol(y.props.duration, 1, Xt.duration);
+    if (!(A || te || ce) && (j("onHide", [y], !1), y.props.onHide(y) !== !1)) {
       if (y.state.isVisible = !1, y.state.isShown = !1, c = !1, s = !1, I() && (w.style.visibility = "hidden"), we(), J(), F(!0), I()) {
         var Oe = R(), Le = Oe.box, Ue = Oe.content;
         y.props.animation && (sl([Le, Ue], Se), lh([Le, Ue], "hidden"));
@@ -25673,8 +25677,8 @@ const u4 = /* @__PURE__ */ Me(r4, [["render", c4]]), d4 = { class: "py-1 px-1 bo
               }, null, 544), [
                 [yl, r.value]
               ])
-            ])) : ce("", !0),
-            (S(!0), D(He, null, ut(a.filter((v) => v.active), (v) => (S(), D("div", {
+            ])) : le("", !0),
+            (S(!0), D(je, null, ut(a.filter((v) => v.active), (v) => (S(), D("div", {
               key: v.method,
               class: re(["w-8 h-8 flex items-center justify-center text-xs rounded-sm text-gray-800 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-white/10", {
                 "cursor-pointer": !d(v.method, v.type, v.params, v.disableCheck),
@@ -25697,7 +25701,7 @@ const u4 = /* @__PURE__ */ Me(r4, [["render", c4]]), d4 = { class: "py-1 px-1 bo
         }, [
           ye(W(s$), { editor: W(c) }, null, 8, ["editor"])
         ], 4)
-      ], 2)) : ce("", !0);
+      ], 2)) : le("", !0);
     };
   }
 }), y4 = {}, v4 = {
@@ -25800,15 +25804,15 @@ const P4 = /* @__PURE__ */ Me(M4, [["render", I4]]), R4 = { class: "flex-1" }, V
       t.complete ? (S(), Te(x4, {
         key: 0,
         class: "w-2.5 h-2.5"
-      })) : ce("", !0),
+      })) : le("", !0),
       t.incomplete ? (S(), Te(_4, {
         key: 1,
         class: "w-2.5 h-2.5 opacity-80"
-      })) : ce("", !0),
+      })) : le("", !0),
       t.partially ? (S(), Te(P4, {
         key: 2,
         class: "w-2.5 h-2.5 opacity-80"
-      })) : ce("", !0),
+      })) : le("", !0),
       V("span", R4, [
         Fe(e.$slots, "default")
       ])
@@ -25979,8 +25983,8 @@ function Ma() {
           return this.$d.getTime();
         }, R.startOf = function(C, F) {
           var j = this, ie = !!B.u(F) || F, de = B.p(C), we = function(me, Ae) {
-            var je = B.w(j.$u ? Date.UTC(j.$y, Ae, me) : new Date(j.$y, Ae, me), j);
-            return ie ? je : je.endOf(c);
+            var He = B.w(j.$u ? Date.UTC(j.$y, Ae, me) : new Date(j.$y, Ae, me), j);
+            return ie ? He : He.endOf(c);
           }, be = function(me, Ae) {
             return B.w(j.toDate()[me].apply(j.toDate("s"), (ie ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(Ae)), j);
           }, P = this.$W, q = this.$M, Z = this.$D, J = "set" + (this.$u ? "UTC" : "");
@@ -26035,16 +26039,16 @@ function Ma() {
         }, R.format = function(C) {
           var F = this, j = this.$locale();
           if (!this.isValid()) return j.invalidDate || m;
-          var ie = C || "YYYY-MM-DDTHH:mm:ssZ", de = B.z(this), we = this.$H, be = this.$m, P = this.$M, q = j.weekdays, Z = j.months, J = j.meridiem, Y = function(Ae, je, Je, dt) {
-            return Ae && (Ae[je] || Ae(F, ie)) || Je[je].slice(0, dt);
+          var ie = C || "YYYY-MM-DDTHH:mm:ssZ", de = B.z(this), we = this.$H, be = this.$m, P = this.$M, q = j.weekdays, Z = j.months, J = j.meridiem, Y = function(Ae, He, Je, dt) {
+            return Ae && (Ae[He] || Ae(F, ie)) || Je[He].slice(0, dt);
           }, ge = function(Ae) {
             return B.s(we % 12 || 12, Ae, "0");
-          }, me = J || function(Ae, je, Je) {
+          }, me = J || function(Ae, He, Je) {
             var dt = Ae < 12 ? "AM" : "PM";
             return Je ? dt.toLowerCase() : dt;
           };
-          return ie.replace(v, function(Ae, je) {
-            return je || function(Je) {
+          return ie.replace(v, function(Ae, He) {
+            return He || function(Je) {
               switch (Je) {
                 case "YY":
                   return String(F.$y).slice(-2);
@@ -26455,7 +26459,7 @@ const q4 = /* @__PURE__ */ Wo(Y4), K4 = { class: "w-full dark:text-gray-400" },
     return (P, q) => (S(), D("div", {
       class: re(["shrink-0 flex gap-6", { "min-w-96": a.value.length === 1, "min-w-192": a.value.length === 2 }])
     }, [
-      (S(!0), D(He, null, ut(a.value, (Z) => {
+      (S(!0), D(je, null, ut(a.value, (Z) => {
         var J;
         return S(), D("div", K4, [
           V("div", G4, [
@@ -26475,7 +26479,7 @@ const q4 = /* @__PURE__ */ Wo(Y4), K4 = { class: "w-full dark:text-gray-400" },
                 onChange: (Y) => ie(Z, Y.target.value),
                 class: "bg-none appearance-none outline-hidden cursor-pointer"
               }, [
-                (S(!0), D(He, null, ut(we.value, (Y) => (S(), D("option", {
+                (S(!0), D(je, null, ut(we.value, (Y) => (S(), D("option", {
                   key: Y,
                   value: Y
                 }, Ee(Y), 9, Q4))), 128))
@@ -26485,7 +26489,7 @@ const q4 = /* @__PURE__ */ Wo(Y4), K4 = { class: "w-full dark:text-gray-400" },
                 onChange: (Y) => de(Z, Y.target.value),
                 class: "bg-none appearance-none outline-hidden cursor-pointer"
               }, [
-                (S(!0), D(He, null, ut(be.value, (Y, ge) => (S(), D("option", {
+                (S(!0), D(je, null, ut(be.value, (Y, ge) => (S(), D("option", {
                   key: ge,
                   value: ge
                 }, Ee(Y), 9, tP))), 128))
@@ -26503,7 +26507,7 @@ const q4 = /* @__PURE__ */ Wo(Y4), K4 = { class: "w-full dark:text-gray-400" },
             ])
           ]),
           V("div", rP, [
-            (S(!0), D(He, null, ut(i.value, (Y, ge) => (S(), D("div", {
+            (S(!0), D(je, null, ut(i.value, (Y, ge) => (S(), D("div", {
               key: ge,
               class: "flex justify-center text-sm"
             }, Ee(Y), 1))), 128))
@@ -26512,7 +26516,7 @@ const q4 = /* @__PURE__ */ Wo(Y4), K4 = { class: "w-full dark:text-gray-400" },
             class: "grid grid-cols-7",
             onMouseout: j
           }, [
-            u(o.value[Z]) > 0 ? (S(!0), D(He, { key: 0 }, ut(d(W(X)(o.value[Z]).year(), W(X)(o.value[Z]).month() + 1), (Y) => (S(), Te(dl, {
+            u(o.value[Z]) > 0 ? (S(!0), D(je, { key: 0 }, ut(d(W(X)(o.value[Z]).year(), W(X)(o.value[Z]).month() + 1), (Y) => (S(), Te(dl, {
               onClick: (ge) => !b(Y) && !k(Y) ? l(Y) : null,
               off: ""
             }, {
@@ -26520,8 +26524,8 @@ const q4 = /* @__PURE__ */ Wo(Y4), K4 = { class: "w-full dark:text-gray-400" },
                 tt(Ee(W(X)(Y).format("D")), 1)
               ]),
               _: 2
-            }, 1032, ["onClick"]))), 256)) : ce("", !0),
-            (S(!0), D(He, null, ut(c(o.value[Z].clone()), (Y) => (S(), Te(dl, {
+            }, 1032, ["onClick"]))), 256)) : le("", !0),
+            (S(!0), D(je, null, ut(c(o.value[Z].clone()), (Y) => (S(), Te(dl, {
               onMouseover: (ge) => H(Y),
               onClick: (ge) => !b(Y) && !k(Y) ? l(Y) : null,
               today: h(Y),
@@ -26538,7 +26542,7 @@ const q4 = /* @__PURE__ */ Wo(Y4), K4 = { class: "w-full dark:text-gray-400" },
               ]),
               _: 2
             }, 1032, ["onMouseover", "onClick", "today", "selected", "firstDay", "lastDay", "between", "disabled", "off", "highlight"]))), 256)),
-            ((J = f(W(X)(o.value[Z]).year(), W(X)(o.value[Z]).month() + 1)) == null ? void 0 : J.length) > 0 ? (S(!0), D(He, { key: 1 }, ut(f(W(X)(o.value[Z]).year(), W(X)(o.value[Z]).month() + 1), (Y) => (S(), Te(dl, {
+            ((J = f(W(X)(o.value[Z]).year(), W(X)(o.value[Z]).month() + 1)) == null ? void 0 : J.length) > 0 ? (S(!0), D(je, { key: 1 }, ut(f(W(X)(o.value[Z]).year(), W(X)(o.value[Z]).month() + 1), (Y) => (S(), Te(dl, {
               onClick: (ge) => !b(Y) && !k(Y) ? l(Y) : null,
               off: ""
             }, {
@@ -26546,7 +26550,7 @@ const q4 = /* @__PURE__ */ Wo(Y4), K4 = { class: "w-full dark:text-gray-400" },
                 tt(Ee(W(X)(Y).format("D")), 1)
               ]),
               _: 2
-            }, 1032, ["onClick"]))), 256)) : ce("", !0)
+            }, 1032, ["onClick"]))), 256)) : le("", !0)
           ], 32)
         ]);
       }), 256))
@@ -26652,11 +26656,11 @@ const D0 = /* @__PURE__ */ Me(uP, [["render", pP]]), mP = { class: "flex gap-3"
       content: Ne(() => [
         V("div", mP, [
           t.shortcuts ? (S(), D("div", gP, [
-            (S(!0), D(He, null, ut(l, (d) => (S(), D("div", {
+            (S(!0), D(je, null, ut(l, (d) => (S(), D("div", {
               class: "opacity-50 hover:opacity-100 dark:text-gray-300 cursor-pointer",
               onClick: (f) => d.onClick()
             }, Ee(d.text), 9, yP))), 256))
-          ])) : ce("", !0),
+          ])) : le("", !0),
           ye(vu, {
             doubleMonths: t.doubleMonths,
             initDates: t.initDates,
@@ -26916,11 +26920,11 @@ const D0 = /* @__PURE__ */ Me(uP, [["render", pP]]), mP = { class: "flex gap-3"
       content: Ne(() => [
         V("div", _P, [
           t.shortcuts ? (S(), D("div", MP, [
-            (S(!0), D(He, null, ut(h, (g) => (S(), D("div", {
+            (S(!0), D(je, null, ut(h, (g) => (S(), D("div", {
               class: "opacity-50 hover:opacity-100 dark:text-gray-300 cursor-pointer",
               onClick: (v) => g.onClick()
             }, Ee(g.text), 9, AP))), 256))
-          ])) : ce("", !0),
+          ])) : le("", !0),
           ye(vu, {
             doubleMonths: t.doubleMonths,
             displayYearStart: s.value,
@@ -26980,7 +26984,7 @@ const D0 = /* @__PURE__ */ Me(uP, [["render", pP]]), mP = { class: "flex gap-3"
                     c.value = g;
                   })
                 }, null, 8, ["modelValue", "disabled"])
-              ])) : (S(), D(He, { key: 2 }, [
+              ])) : (S(), D(je, { key: 2 }, [
                 tt(Ee(o.value), 1)
               ], 64)) : (S(), Te(pl, {
                 key: 0,
@@ -27144,7 +27148,7 @@ const D0 = /* @__PURE__ */ Me(uP, [["render", pP]]), mP = { class: "flex gap-3"
           ], 2),
           d.$slots.buttons ? (S(), D("div", RP, [
             Fe(d.$slots, "buttons")
-          ])) : ce("", !0)
+          ])) : le("", !0)
         ], 2)
       ])
     ], 2));
@@ -27168,11 +27172,11 @@ const D0 = /* @__PURE__ */ Me(uP, [["render", pP]]), mP = { class: "flex gap-3"
     }, s = (l) => {
       i.value.push(l);
     }, a = ae(() => n.modelValue);
-    return po("addTab", s), po("modelValue", a), (l, c) => (S(), D(He, null, [
+    return po("addTab", s), po("modelValue", a), (l, c) => (S(), D(je, null, [
       V("div", {
         class: re(["wpic-tabs flex dark:border-gray-930 overflow-x-auto overflow-y-hidden", { "border-b-[1px]": !t.pills }])
       }, [
-        (S(!0), D(He, null, ut(i.value, (u) => (S(), D("div", {
+        (S(!0), D(je, null, ut(i.value, (u) => (S(), D("div", {
           key: u.name,
           class: re(["items-center flex leading-snug cursor-pointer px-6 -mb-[px]", {
             "py-2": t.pills,
@@ -27192,7 +27196,7 @@ const D0 = /* @__PURE__ */ Me(uP, [["render", pP]]), mP = { class: "flex gap-3"
             class: re({ "whitespace-nowrap text-ellipsis overflow-hidden": t.nowrap })
           }, {
             default: Ne(() => [
-              u.labelSlot ? ce("", !0) : (S(), D(He, { key: 0 }, [
+              u.labelSlot ? le("", !0) : (S(), D(je, { key: 0 }, [
                 tt(Ee(u.label), 1)
               ], 64))
             ]),
@@ -27240,7 +27244,7 @@ const D0 = /* @__PURE__ */ Me(uP, [["render", pP]]), mP = { class: "flex gap-3"
       class: re(["wpic-tab-pane", { "py-3 px-6": !t.noStyle }])
     }, [
       Fe(s.$slots, "default")
-    ], 2)) : ce("", !0);
+    ], 2)) : le("", !0);
   }
 }), UP = {}, YP = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -27348,10 +27352,10 @@ const pR = /* @__PURE__ */ Me(cR, [["render", hR]]), mR = {
         })) : t.error ? (S(), Te(pR, {
           key: 3,
           class: "w-full aspect-square"
-        })) : ce("", !0)
-      ])) : ce("", !0),
+        })) : le("", !0)
+      ])) : le("", !0),
       V("div", gR, [
-        t.title ? (S(), D("div", yR, Ee(t.title), 1)) : ce("", !0),
+        t.title ? (S(), D("div", yR, Ee(t.title), 1)) : le("", !0),
         V("span", {
           class: re(["", {
             "": !t.warning && !t.info && !t.error && !t.success,
@@ -27427,7 +27431,7 @@ const wR = { class: "bg-white dark:border dark:border-gray-900 dark:bg-gray-940
           }, 8, ["primary", "destructive", "onClick"])
         ])
       ])
-    ], 2)) : ce("", !0);
+    ], 2)) : le("", !0);
   }
 }), ER = /* @__PURE__ */ Me(CR, [["__scopeId", "data-v-e79ca400"]]), gl = { WpicColorPicker: hm, WpicAlert: bR, WpicToggleSwitch: dm, WpicAdvDateField: LP, WpicCalendar: vu, WpicTextarea: fm, WpicDialog: BP, WpicSlidePanel: $P, WpicDateField: bP, WpicFormInput: zo, WpicButton: go, WpicBadge: B4, WpicTextEditor: g4, WpicInputGroup: Ev, WpicButtonGroup: xv, WpicForm: _v, WpicFormField: pm, WpicSpinner: Bi, WpicTooltip: mm, WpicPopover: ni, WpicChoiceList: um, WpicCard: X5, WpicCardSection: nT, WpicProgressBar: sT, WpicTag: cT, WpicTagGroup: dT, WpicPagination: YT, WpicLoadingPanel: vT, WpicTable: A_, WpicTableColumn: N_, WpicTabs: HP, WpicTabPane: WP, WpicConfirm: ER };
 function I0(t, e) {