@varlet/ui 3.3.4 → 3.3.5

package/es/varlet.esm.js

@@ -1,4 +1,4 @@
-import { reactive as Qe, onMounted as Yo, nextTick as Ke, onActivated as Eo, isRef as fh, watch as de, onBeforeUnmount as Hr, onDeactivated as pt, onUnmounted as jt, inject as hd, getCurrentInstance as jo, computed as B, ref as k, unref as gd, provide as bd, isVNode as ph, defineComponent as x, h as Yr, Comment as vh, Fragment as Ae, createApp as mh, onBeforeMount as hh, createVNode as G, Teleport as no, Transition as _e, withDirectives as Me, vShow as Xn, mergeProps as Ye, openBlock as h, createBlock as Pe, resolveDynamicComponent as vt, normalizeClass as p, normalizeStyle as K, createElementBlock as S, resolveComponent as ne, resolveDirective as je, createCommentVNode as X, createElementVNode as I, toDisplayString as re, withCtx as fe, renderSlot as L, renderList as Ze, onUpdated as Wt, createTextVNode as Be, pushScopeId as Wo, popScopeId as Ko, withModifiers as An, normalizeProps as wo, guardReactiveProps as Kt, vModelText as gh, createSlots as Et, withKeys as Rs, TransitionGroup as bh } from "vue";
+import { reactive as Qe, onMounted as Yo, nextTick as Ke, onActivated as Eo, isRef as fh, watch as de, onBeforeUnmount as Hr, onDeactivated as pt, onUnmounted as jt, inject as hd, getCurrentInstance as jo, computed as B, ref as k, unref as gd, provide as bd, isVNode as ph, defineComponent as x, h as Yr, Comment as vh, Fragment as Ae, createApp as mh, onBeforeMount as hh, createVNode as G, Teleport as no, Transition as _e, withDirectives as Me, vShow as Xn, mergeProps as Ye, openBlock as h, createBlock as Pe, resolveDynamicComponent as vt, normalizeClass as p, normalizeStyle as K, createElementBlock as P, resolveComponent as ne, resolveDirective as je, createCommentVNode as X, createElementVNode as I, toDisplayString as re, withCtx as fe, renderSlot as L, renderList as Ze, onUpdated as Wt, createTextVNode as Be, pushScopeId as Wo, popScopeId as Ko, withModifiers as An, normalizeProps as wo, guardReactiveProps as Kt, vModelText as gh, createSlots as Et, withKeys as Rs, TransitionGroup as bh } from "vue";
 const yd = {
   locks: {},
   zIndex: 2e3,
@@ -85,7 +85,7 @@ var Nn = Qe(yd), yh = Object.defineProperty, kh = Object.defineProperties, $h =
     }, n - l);
   };
 };
-function P(e, ...n) {
+function S(e, ...n) {
   if (He(e))
     return e.map((o) => o(...n));
   if (e)
@@ -333,7 +333,7 @@ function Zn(e, n, o = {}) {
         return s();
       },
       set(d) {
-        i ? i(l, d) : P(e[l], d);
+        i ? i(l, d) : S(e[l], d);
       }
     });
   const u = k(s());
@@ -348,7 +348,7 @@ function Zn(e, n, o = {}) {
   ), de(
     () => u.value,
     (d) => {
-      c && (i ? i(l, d) : P(e[l], d));
+      c && (i ? i(l, d) : S(e[l], d));
     }
   ), u;
 }
@@ -732,16 +732,16 @@ var Wr = x({
       bindPopupItems: l
     } = dg();
     Gt(() => e.show, () => e.lockScroll), de(() => e.show, (v) => {
-      P(v ? e.onOpen : e.onClose);
+      S(v ? e.onOpen : e.onClose);
     }), l({
       show: B(() => e.show)
-    }), We(() => window, "keydown", f), _h(() => P(e.onRouteChange));
+    }), We(() => window, "keydown", f), _h(() => S(e.onRouteChange));
     function s() {
       const {
         closeOnClickOverlay: v,
         onClickOverlay: y
       } = e;
-      P(y), v && P(e["onUpdate:show"], !1);
+      S(y), v && S(e["onUpdate:show"], !1);
     }
     function u() {
       const {
@@ -764,7 +764,7 @@ var Wr = x({
         },
         role: "dialog",
         "aria-modal": "true"
-      }, o), [t.value && P(n.default)]), [[Xn, e.show]]);
+      }, o), [t.value && S(n.default)]), [[Xn, e.show]]);
     }
     function d() {
       return G(_e, {
@@ -785,7 +785,7 @@ var Wr = x({
       });
     }
     function f(v) {
-      !a() || v.key !== "Escape" || !e.show || (P(e.onKeyEscape), e.closeOnKeyEscape && (Re(v), P(e["onUpdate:show"], !1)));
+      !a() || v.key !== "Escape" || !e.show || (S(e.onKeyEscape), e.closeOnKeyEscape && (Re(v), S(e["onUpdate:show"], !1)));
     }
     return () => {
       const {
@@ -1030,7 +1030,7 @@ const Hd = {
   focusing: Boolean
 }, { name: Ig, n: Mg, classes: Ng } = ee("hover-overlay");
 function Ag(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), [e.hovering, e.n("--hovering")], [e.focusing && !e.inMobile(), e.n("--focusing")]))
@@ -1144,7 +1144,7 @@ var Tn = Zd;
 const { name: Yg, n: jg, classes: Wg } = ee("action-sheet");
 function Kg(e, n) {
   const o = ne("var-icon"), t = ne("var-hover-overlay"), r = je("ripple"), a = je("hover");
-  return Me((h(), S(
+  return Me((h(), P(
     "div",
     {
       class: p(e.classes(e.n("action-item"), e.className, [e.disabled, e.n("--disabled")])),
@@ -1775,7 +1775,7 @@ function rb(e, n) {
             ];
           }),
           L(e.$slots, "actions", {}, () => [
-            (h(!0), S(
+            (h(!0), P(
               Ae,
               null,
               Ze(e.actions, (r) => (h(), Pe(o, {
@@ -1816,7 +1816,7 @@ const rf = x({
       if (r.disabled)
         return;
       const { closeOnClickAction: a, onSelect: i } = e;
-      P(i, r), a && (n.value = !1);
+      S(i, r), a && (n.value = !1);
     }
     return {
       show: n,
@@ -1848,13 +1848,13 @@ function Do(e) {
     o.teleport = "body", go = o;
     const { unmountInstance: t } = ht(Zt, o, {
       onSelect: (r) => {
-        P(o.onSelect, r), n(r);
+        S(o.onSelect, r), n(r);
       },
       onClose: () => {
-        P(o.onClose), n("close");
+        S(o.onClose), n("close");
       },
       onClosed: () => {
-        P(o.onClosed), t(), go === o && (go = null);
+        S(o.onClosed), t(), go === o && (go = null);
       },
       onRouteChange: () => {
         t(), go === o && (go = null);
@@ -1911,7 +1911,7 @@ const af = {
   placeholder: Boolean
 }, { name: ub, n: cb, classes: db } = ee("app-bar");
 function fb(e, n) {
-  return h(), S(
+  return h(), P(
     Ae,
     null,
     [
@@ -1944,7 +1944,7 @@ function fb(e, n) {
                 },
                 [
                   L(e.$slots, "left"),
-                  e.titlePosition === "left" ? (h(), S(
+                  e.titlePosition === "left" ? (h(), P(
                     "div",
                     {
                       key: 0,
@@ -1967,7 +1967,7 @@ function fb(e, n) {
                 2
                 /* CLASS */
               ),
-              e.titlePosition === "center" ? (h(), S(
+              e.titlePosition === "center" ? (h(), P(
                 "div",
                 {
                   key: 0,
@@ -1991,7 +1991,7 @@ function fb(e, n) {
                   class: p(e.n("right"))
                 },
                 [
-                  e.titlePosition === "right" ? (h(), S(
+                  e.titlePosition === "right" ? (h(), P(
                     "div",
                     {
                       key: 0,
@@ -2024,7 +2024,7 @@ function fb(e, n) {
         16
         /* FULL_PROPS */
       ),
-      e.fixed && e.placeholder ? (h(), S(
+      e.fixed && e.placeholder ? (h(), P(
         "div",
         {
           key: 0,
@@ -2180,7 +2180,7 @@ function zb(e, n) {
     currentAttempt: 0,
     state: "pending",
     attemptLock: !1
-  }, r), Zr(e, Ui), P(cn.filter, e._lazy);
+  }, r), Zr(e, Ui), S(cn.filter, e._lazy);
 }
 function Ob(e, n) {
   const o = new Image();
@@ -2276,7 +2276,7 @@ const vf = {
 }, Ib = (e) => ["mini", "small", "normal", "large"].includes(e), { name: Mb, n: Nb, classes: Ab } = ee("avatar"), Vb = ["src", "alt", "lazy-loading", "lazy-error"], Lb = ["src", "alt"];
 function Rb(e, n) {
   const o = je("lazy");
-  return h(), S(
+  return h(), P(
     "div",
     {
       ref: "avatarElement",
@@ -2299,11 +2299,11 @@ function Rb(e, n) {
       onClick: n[3] || (n[3] = (...t) => e.handleClick && e.handleClick(...t))
     },
     [
-      e.src ? (h(), S(
+      e.src ? (h(), P(
         Ae,
         { key: 0 },
         [
-          e.lazy ? Me((h(), S("img", {
+          e.lazy ? Me((h(), P("img", {
             key: 0,
             role: "img",
             class: p(e.n("image")),
@@ -2315,7 +2315,7 @@ function Rb(e, n) {
             onLoad: n[0] || (n[0] = (...t) => e.handleLoad && e.handleLoad(...t))
           }, null, 46, Vb)), [
             [o, e.src]
-          ]) : (h(), S("img", {
+          ]) : (h(), P("img", {
             key: 1,
             role: "img",
             class: p(e.n("image")),
@@ -2328,7 +2328,7 @@ function Rb(e, n) {
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (h(), S(
+      )) : (h(), P(
         "div",
         {
           key: 1,
@@ -2364,13 +2364,13 @@ const mf = x({
     }
     function a(s) {
       const u = s.currentTarget, { lazy: c, onLoad: d, onError: f } = e;
-      c ? (u._lazy.state === "success" && P(d, s), u._lazy.state === "error" && P(f, s)) : P(d, s);
+      c ? (u._lazy.state === "success" && S(d, s), u._lazy.state === "error" && S(f, s)) : S(d, s);
     }
     function i(s) {
-      P(e.onError, s);
+      S(e.onError, s);
     }
     function l(s) {
-      P(e.onClick, s);
+      S(e.onClick, s);
     }
     return {
       avatarElement: n,
@@ -2397,7 +2397,7 @@ const hf = {
   vertical: Boolean
 }, { name: Fb, n: Ub, classes: Hb } = ee("avatar-group");
 function Yb(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), [e.vertical, e.n("--column"), e.n("--row")])),
@@ -2459,13 +2459,13 @@ const lo = {
   Gb
 ];
 function Zb(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n())
     },
     [
-      e.$slots.default ? (h(), S(
+      e.$slots.default ? (h(), P(
         "div",
         {
           key: 0,
@@ -2473,7 +2473,7 @@ function Zb(e, n) {
         },
         [
           L(e.$slots, "default"),
-          e.loading ? (h(), S(
+          e.loading ? (h(), P(
             "div",
             {
               key: 0,
@@ -2487,14 +2487,14 @@ function Zb(e, n) {
         2
         /* CLASS */
       )) : X("v-if", !0),
-      e.isShow ? (h(), S(
+      e.isShow ? (h(), P(
         "div",
         {
           key: 1,
           class: p(e.classes(e.n("$--box"), e.n("body"), [e.$slots.default, e.n("inside")]))
         },
         [
-          e.type === "circle" ? (h(), S(
+          e.type === "circle" ? (h(), P(
             "div",
             {
               key: 0,
@@ -2519,24 +2519,24 @@ function Zb(e, n) {
             2
             /* CLASS */
           )) : X("v-if", !0),
-          (h(!0), S(
+          (h(!0), P(
             Ae,
             null,
-            Ze(e.loadingTypeDict, (o, t) => (h(), S(
+            Ze(e.loadingTypeDict, (o, t) => (h(), P(
               Ae,
               { key: t },
               [
-                e.type === t ? (h(), S(
+                e.type === t ? (h(), P(
                   "div",
                   {
                     key: 0,
                     class: p(e.classes(e.n(t), e.n(`${t}--${e.size}`)))
                   },
                   [
-                    (h(!0), S(
+                    (h(!0), P(
                       Ae,
                       null,
-                      Ze(o, (r) => (h(), S(
+                      Ze(o, (r) => (h(), P(
                         "div",
                         {
                           key: r + t,
@@ -2561,7 +2561,7 @@ function Zb(e, n) {
             128
             /* KEYED_FRAGMENT */
           )),
-          e.$slots.description || e.description ? (h(), S(
+          e.$slots.description || e.description ? (h(), P(
             "div",
             {
               key: 1,
@@ -2593,7 +2593,7 @@ const bf = x({
   name: jb,
   props: lo,
   setup(e, { slots: n }) {
-    const o = B(() => P(n.default) ? e.loading : !0);
+    const o = B(() => S(n.default) ? e.loading : !0);
     return {
       loadingTypeDict: {
         wave: 5,
@@ -2676,7 +2676,7 @@ function o0() {
 const { name: t0, n: r0, classes: a0 } = ee("button"), i0 = ["type", "disabled"];
 function l0(e, n) {
   const o = ne("var-loading"), t = ne("var-hover-overlay"), r = je("ripple"), a = je("hover");
-  return Me((h(), S("button", {
+  return Me((h(), P("button", {
     class: p(
       e.classes(
         e.n(),
@@ -2777,11 +2777,11 @@ const $f = x({
     }
     function s(c) {
       const { loading: d, disabled: f, onClick: v } = e;
-      !v || d || f || o.value || l(P(v, c));
+      !v || d || f || o.value || l(S(v, c));
     }
     function u(c) {
       const { loading: d, disabled: f, onTouchstart: v } = e;
-      !v || d || f || o.value || l(P(v, c));
+      !v || d || f || o.value || l(S(v, c));
     }
     return {
       pending: o,
@@ -2879,7 +2879,7 @@ const Cf = x({
       n.value = Ro(r) >= en(e.visibilityHeight);
     }
     function l(d) {
-      P(e.onClick, d);
+      S(e.onClick, d);
       const f = as(r);
       Bt(r, {
         left: f,
@@ -2952,7 +2952,7 @@ var f0 = Object.defineProperty, ku = Object.getOwnPropertySymbols, p0 = Object.p
 const { name: h0, n: g0, classes: b0 } = ee("badge"), y0 = { key: 0 };
 function k0(e, n) {
   const o = ne("var-icon");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.n("$--box")))
@@ -2985,7 +2985,7 @@ function k0(e, n) {
                 namespace: e.namespace
               }, null, 8, ["class", "name", "namespace"])) : X("v-if", !0),
               L(e.$slots, "value", {}, () => [
-                !e.icon && !e.dot ? (h(), S(
+                !e.icon && !e.dot ? (h(), P(
                   "span",
                   y0,
                   re(e.value),
@@ -3082,7 +3082,7 @@ const { name: P0, n: z0, classes: O0 } = ee("bottom-navigation"), { n: oa } = ee
 };
 function E0(e, n) {
   const o = ne("var-button");
-  return h(), S(
+  return h(), P(
     Ae,
     null,
     [
@@ -3118,7 +3118,7 @@ function E0(e, n) {
         16
         /* FULL_PROPS */
       ),
-      e.fixed && e.placeholder ? (h(), S(
+      e.fixed && e.placeholder ? (h(), P(
         "div",
         {
           key: 0,
@@ -3167,19 +3167,19 @@ const Tf = x({
       return c.find(({ index: D }) => t.value === D.value);
     }
     function b() {
-      On(t.value) && (t.value < 0 ? P(e["onUpdate:active"], 0) : t.value > u.value - 1 && P(e["onUpdate:active"], u.value - 1));
+      On(t.value) && (t.value < 0 ? S(e["onUpdate:active"], 0) : t.value > u.value - 1 && S(e["onUpdate:active"], u.value - 1));
     }
     function C(D) {
       t.value !== D && (e.onBeforeChange ? w(D) : g(D));
     }
     function w(D) {
-      const M = Vo(P(e.onBeforeChange, D));
+      const M = Vo(S(e.onBeforeChange, D));
       Promise.all(M).then((H) => {
         H.every(Boolean) && g(D);
       });
     }
     function g(D) {
-      P(e["onUpdate:active"], D), P(e.onChange, D);
+      S(e["onUpdate:active"], D), S(e.onChange, D);
     }
     function $() {
       A().forEach((M) => {
@@ -3205,7 +3205,7 @@ const Tf = x({
       return Array.from(o.value.querySelectorAll(`.${oa()}`));
     }
     function T() {
-      P(e.onFabClick);
+      S(e.onFabClick);
     }
     function E() {
       if (!e.fixed || !e.placeholder)
@@ -3257,7 +3257,7 @@ const { name: B0, n: I0, classes: M0 } = ee("bottom-navigation-item"), N0 = {
 };
 function A0(e, n) {
   const o = ne("var-icon"), t = ne("var-badge"), r = je("ripple");
-  return Me((h(), S(
+  return Me((h(), P(
     "button",
     {
       class: p(e.classes(e.n(), e.n("$--box"), [e.variant, e.n("--variant-padding")], [e.isActive && !e.variant, e.n("--active")])),
@@ -3353,7 +3353,7 @@ const Df = x({
     function f() {
       var v;
       const y = (v = n.value) != null ? v : r.value;
-      P(e.onClick, y), P(a.onToggle, y);
+      S(e.onClick, y), S(a.onToggle, y);
     }
     return {
       activeColor: s,
@@ -3399,7 +3399,7 @@ function L0() {
 }
 const { name: R0, n: F0, classes: U0 } = ee("breadcrumb");
 function H0(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n())
@@ -3444,7 +3444,7 @@ const Mf = x({
     const { index: n, breadcrumb: o, bindBreadcrumb: t } = L0(), r = B(() => n.value === o.length.value - 1), a = B(() => o.separator.value);
     t(null);
     function i(l) {
-      r.value || P(e.onClick, l);
+      r.value || S(e.onClick, l);
     }
     return {
       n: F0,
@@ -3468,7 +3468,7 @@ const Nf = {
   }
 }, { name: Y0, n: j0 } = ee("breadcrumbs");
 function W0(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n()),
@@ -3521,7 +3521,7 @@ const Vf = {
   vertical: Boolean
 }, { name: K0, n: q0, classes: G0 } = ee("button-group");
 function X0(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(
@@ -3615,7 +3615,7 @@ var Tu = (e, n, o) => new Promise((t, r) => {
 const { name: Z0, n: J0, classes: Q0 } = ee("card"), _0 = 500, x0 = ["src", "alt"];
 function ey(e, n) {
   const o = ne("var-icon"), t = ne("var-button"), r = je("ripple");
-  return Me((h(), S(
+  return Me((h(), P(
     "div",
     {
       ref: "card",
@@ -3645,7 +3645,7 @@ function ey(e, n) {
         },
         [
           L(e.$slots, "image", {}, () => [
-            e.src ? (h(), S("img", {
+            e.src ? (h(), P("img", {
               key: 0,
               class: p(e.n("image")),
               style: K({
@@ -3666,7 +3666,7 @@ function ey(e, n) {
               L(e.$slots, "title", {
                 slotClass: e.n("title")
               }, () => [
-                e.title ? (h(), S(
+                e.title ? (h(), P(
                   "div",
                   {
                     key: 0,
@@ -3680,7 +3680,7 @@ function ey(e, n) {
               L(e.$slots, "subtitle", {
                 slotClass: e.n("subtitle")
               }, () => [
-                e.subtitle ? (h(), S(
+                e.subtitle ? (h(), P(
                   "div",
                   {
                     key: 0,
@@ -3694,7 +3694,7 @@ function ey(e, n) {
               L(e.$slots, "description", {
                 slotClass: e.n("description")
               }, () => [
-                e.description ? (h(), S(
+                e.description ? (h(), P(
                   "div",
                   {
                     key: 0,
@@ -3705,7 +3705,7 @@ function ey(e, n) {
                   /* TEXT, CLASS */
                 )) : X("v-if", !0)
               ]),
-              e.$slots.extra ? (h(), S(
+              e.$slots.extra ? (h(), P(
                 "div",
                 {
                   key: 0,
@@ -3717,7 +3717,7 @@ function ey(e, n) {
                 2
                 /* CLASS */
               )) : X("v-if", !0),
-              e.$slots["floating-content"] && !e.isRow ? (h(), S(
+              e.$slots["floating-content"] && !e.isRow ? (h(), P(
                 "div",
                 {
                   key: 1,
@@ -3738,7 +3738,7 @@ function ey(e, n) {
             2
             /* CLASS */
           ),
-          e.showFloatingButtons ? (h(), S(
+          e.showFloatingButtons ? (h(), P(
             "div",
             {
               key: 0,
@@ -3836,10 +3836,10 @@ const Ff = x({
       }, e.floatingDuration);
     }
     function A() {
-      P(e["onUpdate:floating"], !1);
+      S(e["onUpdate:floating"], !1);
     }
     function T(E) {
-      P(e.onClick, E);
+      S(e.onClick, E);
     }
     return {
       card: n,
@@ -3890,7 +3890,7 @@ const Uf = {
 }, { name: ny, n: oy, classes: ty } = ee("cell");
 function ry(e, n) {
   const o = ne("var-icon"), t = je("ripple");
-  return Me((h(), S(
+  return Me((h(), P(
     "div",
     {
       class: p(e.classes(e.n(), [e.border, e.n("--border")], [e.onClick, e.n("--cursor")])),
@@ -3899,7 +3899,7 @@ function ry(e, n) {
     },
     [
       L(e.$slots, "icon", {}, () => [
-        e.icon ? (h(), S(
+        e.icon ? (h(), P(
           "div",
           {
             key: 0,
@@ -3922,7 +3922,7 @@ function ry(e, n) {
         },
         [
           L(e.$slots, "default", {}, () => [
-            e.title ? (h(), S(
+            e.title ? (h(), P(
               "div",
               {
                 key: 0,
@@ -3934,7 +3934,7 @@ function ry(e, n) {
             )) : X("v-if", !0)
           ]),
           L(e.$slots, "description", {}, () => [
-            e.description ? (h(), S(
+            e.description ? (h(), P(
               "div",
               {
                 key: 0,
@@ -3949,7 +3949,7 @@ function ry(e, n) {
         2
         /* CLASS */
       ),
-      e.$slots.extra ? (h(), S(
+      e.$slots.extra ? (h(), P(
         "div",
         {
           key: 0,
@@ -3979,7 +3979,7 @@ const Hf = x({
       "--cell-border-right": Oe(e.borderOffset)
     });
     function o(t) {
-      P(e.onClick, t);
+      S(e.onClick, t);
     }
     return {
       borderOffsetStyles: n,
@@ -4011,7 +4011,7 @@ function uy(e, n) {
     name: e.n()
   }, {
     default: fe(() => [
-      e.errorMessage || e.extraMessage || e.$slots["extra-message"] ? (h(), S(
+      e.errorMessage || e.extraMessage || e.$slots["extra-message"] ? (h(), P(
         "div",
         {
           key: 0,
@@ -4028,7 +4028,7 @@ function uy(e, n) {
                 name: e.n("message")
               }, {
                 default: fe(() => [
-                  e.errorMessage ? (h(), S(
+                  e.errorMessage ? (h(), P(
                     "div",
                     ly,
                     re(e.errorMessage),
@@ -4054,7 +4054,7 @@ function uy(e, n) {
               }, {
                 default: fe(() => [
                   L(e.$slots, "extra-message", {}, () => [
-                    e.extraMessage ? (h(), S(
+                    e.extraMessage ? (h(), P(
                       "div",
                       sy,
                       re(e.extraMessage),
@@ -4173,7 +4173,7 @@ function yy() {
 const { name: ky, n: $y, classes: wy } = ee("checkbox"), Cy = ["tabindex"];
 function Sy(e, n) {
   const o = ne("var-icon"), t = ne("var-hover-overlay"), r = ne("var-form-details"), a = je("hover"), i = je("ripple");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n("wrap"))
@@ -4186,7 +4186,7 @@ function Sy(e, n) {
           onClick: n[3] || (n[3] = (...l) => e.handleClick && e.handleClick(...l))
         },
         [
-          Me((h(), S("div", {
+          Me((h(), P("div", {
             ref: "action",
             class: p(
               e.classes(
@@ -4233,7 +4233,7 @@ function Sy(e, n) {
             [a, e.handleHovering, "desktop"],
             [i, { disabled: e.formReadonly || e.readonly || e.formDisabled || e.disabled || !e.ripple }]
           ]),
-          e.$slots.default ? (h(), S(
+          e.$slots.default ? (h(), P(
             "div",
             {
               key: 0,
@@ -4287,7 +4287,7 @@ const Gf = x({
       reset: E,
       resetWithAnimation: T
     };
-    P(u, w), P(v, w), We(() => window, "keydown", M), We(() => window, "keyup", H);
+    S(u, w), S(v, w), We(() => window, "keydown", M), We(() => window, "keyup", H);
     function g(N) {
       Ke(() => {
         const { validateTrigger: q, rules: j, modelValue: ce } = e;
@@ -4296,11 +4296,11 @@ const Gf = x({
     }
     function $(N) {
       const { checkedValue: q, onChange: j } = e;
-      t.value = N, r.value = !1, P(j, t.value), g("onChange"), N === q ? s == null || s.onChecked(q) : s == null || s.onUnchecked(q);
+      t.value = N, r.value = !1, S(j, t.value), g("onChange"), N === q ? s == null || s.onChecked(q) : s == null || s.onUnchecked(q);
     }
     function O(N) {
       const { disabled: q, readonly: j, checkedValue: ce, uncheckedValue: _, onClick: pe } = e;
-      if (f != null && f.disabled.value || q || (P(pe, N), f != null && f.readonly.value || j))
+      if (f != null && f.disabled.value || q || (S(pe, N), f != null && f.readonly.value || j))
         return;
       l.value = !0;
       const ye = s ? s.checkedCount.value >= Number(s.max.value) : !1;
@@ -4393,7 +4393,7 @@ const Xf = {
 }, { name: Py, n: zy, classes: Oy } = ee("checkbox-group");
 function Ty(e, n) {
   const o = ne("maybe-v-node"), t = ne("var-checkbox"), r = ne("var-form-details");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n("wrap"))
@@ -4405,7 +4405,7 @@ function Ty(e, n) {
           class: p(e.classes(e.n(), e.n(`--${e.direction}`)))
         },
         [
-          e.checkboxGroupOptions.length ? (h(!0), S(
+          e.checkboxGroupOptions.length ? (h(!0), P(
             Ae,
             { key: 0 },
             Ze(e.checkboxGroupOptions, (a) => (h(), Pe(t, {
@@ -4456,7 +4456,7 @@ const Zf = x({
       reset: z,
       errorMessage: f
     };
-    de(() => e.modelValue, w, { deep: !0 }), de(() => r.value, w), i(v), P(l, v);
+    de(() => e.modelValue, w, { deep: !0 }), de(() => r.value, w), i(v), S(l, v);
     function y(T) {
       Ke(() => {
         const { validateTrigger: E, rules: D, modelValue: M } = e;
@@ -4464,7 +4464,7 @@ const Zf = x({
       });
     }
     function m(T) {
-      P(e["onUpdate:modelValue"], T), P(e.onChange, T), y("onChange");
+      S(e["onUpdate:modelValue"], T), S(e.onChange, T), y("onChange");
     }
     function b(T) {
       const { modelValue: E } = e;
@@ -4482,14 +4482,14 @@ const Zf = x({
     }
     function $() {
       const T = a.map(({ checkedValue: D }) => D.value), E = Hs(T);
-      return g(), P(e["onUpdate:modelValue"], E), E;
+      return g(), S(e["onUpdate:modelValue"], E), E;
     }
     function O() {
       const T = a.filter(({ checked: D }) => !D.value).map(({ checkedValue: D }) => D.value), E = Hs(T);
-      return g(), P(e["onUpdate:modelValue"], E), E;
+      return g(), S(e["onUpdate:modelValue"], E), E;
     }
     function z() {
-      P(e["onUpdate:modelValue"], []), d();
+      S(e["onUpdate:modelValue"], []), d();
     }
     function A() {
       return c(e.rules, e.modelValue);
@@ -4566,7 +4566,7 @@ function By(e, n) {
             /* CLASS */
           ),
           L(e.$slots, "right"),
-          e.closeable ? (h(), S(
+          e.closeable ? (h(), P(
             "span",
             {
               key: 0,
@@ -4613,7 +4613,7 @@ const Qf = x({
       return [po(`--${r}`), u, c, d];
     });
     function t(r) {
-      P(e.onClose, r);
+      S(e.onClose, r);
     }
     return {
       chipStyle: n,
@@ -4671,7 +4671,7 @@ function My() {
 }
 const { name: Ny, n: or, classes: Ay } = ee("col");
 function Vy(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(
@@ -4716,7 +4716,7 @@ const ep = x({
     };
     de([() => e.span, () => e.offset], () => {
       r == null || r.computePadding();
-    }), P(a, i);
+    }), S(a, i);
     function l(u, c) {
       const d = [];
       if (c == null)
@@ -4729,7 +4729,7 @@ const ep = x({
       return d;
     }
     function s(u) {
-      P(e.onClick, u);
+      S(e.onClick, u);
     }
     return {
       span: n,
@@ -4781,7 +4781,7 @@ const op = {
   "onUpdate:modelValue": R()
 }, { name: Ry, n: Fy } = ee("collapse");
 function Uy(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n())
@@ -4820,7 +4820,7 @@ const tp = x({
       d(C);
     }
     function d(m) {
-      P(e["onUpdate:modelValue"], m), P(e.onChange, m);
+      S(e["onUpdate:modelValue"], m), S(e.onChange, m);
     }
     function f() {
       if (e.accordion) {
@@ -4941,7 +4941,7 @@ function ap(e) {
 const { name: Yy, n: jy, classes: Wy } = ee("collapse-item"), Ky = ["aria-expanded", "aria-disabled", "role"];
 function qy(e, n) {
   const o = ne("var-icon");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), [e.offset && e.isShow, e.n("--active")], [e.disabled, e.n("--disable")])),
@@ -4964,7 +4964,7 @@ function qy(e, n) {
         role: e.accordion ? "tab" : "button",
         onClick: n[0] || (n[0] = (...t) => e.toggle && e.toggle(...t))
       }, [
-        e.$slots.title || e.title ? (h(), S(
+        e.$slots.title || e.title ? (h(), P(
           "div",
           {
             key: 0,
@@ -5090,7 +5090,7 @@ const lp = {
   expand: Boolean
 }, { name: Gy, n: Xy } = ee("collapse-transition");
 function Zy(e, n) {
-  return Me((h(), S(
+  return Me((h(), P(
     "div",
     {
       class: p(e.n("content")),
@@ -5148,7 +5148,7 @@ const up = {
   onChange: R()
 }, { name: Jy, n: Qy } = ee("countdown"), ol = 1e3, tl = 60 * ol, rl = 60 * tl, Iu = 24 * rl;
 function _y(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n())
@@ -5208,12 +5208,12 @@ const cp = x({
         seconds: w,
         milliseconds: g
       };
-      o.value = $, P(e.onChange, o.value), n.value = s(e.format, $);
+      o.value = $, S(e.onChange, o.value), n.value = s(e.format, $);
     }
     function c() {
       const { time: y, onEnd: m } = e, b = performance.now();
       if (t || (t = b + F(y)), i = t - b, i < 0 && (i = 0), u(i), i === 0) {
-        P(m);
+        S(m);
         return;
       }
       r && (a = Dt(c));
@@ -6408,7 +6408,7 @@ const wp = {
 }, Vu = 100, Lu = 600, { name: q1, n: G1, classes: X1 } = ee("counter"), Z1 = ["inputmode", "readonly", "disabled"];
 function J1(e, n) {
   const o = ne("var-icon"), t = ne("var-button"), r = ne("var-form-details");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.n("$--box")))
@@ -6527,14 +6527,14 @@ const Cp = x({
       return j != null && F(ce) <= F(j);
     });
     let f, v, y, m;
-    P(o, {
+    S(o, {
       reset: g,
       validate: C,
       resetValidation: l
     }), de(
       () => e.modelValue,
       (j) => {
-        N($(String(j))), P(e.onChange, F(j));
+        N($(String(j))), S(e.onChange, F(j));
       }
     ), N($(String(e.modelValue)));
     function C() {
@@ -6548,7 +6548,7 @@ const Cp = x({
     }
     function g() {
       const { min: j } = e;
-      P(e["onUpdate:modelValue"], j != null ? F(j) : 0), l();
+      S(e["onUpdate:modelValue"], j != null ? F(j) : 0), l();
     }
     function $(j) {
       const { decimalLength: ce, max: _, min: pe } = e;
@@ -6557,7 +6557,7 @@ const Cp = x({
     }
     function O(j) {
       const { lazyChange: ce, onBeforeChange: _ } = e, { value: pe } = j.target, ye = $(pe);
-      ce ? P(_, F(ye), q) : N(ye), w("onInputChange");
+      ce ? S(_, F(ye), q) : N(ye), w("onInputChange");
     }
     function z() {
       const {
@@ -6574,7 +6574,7 @@ const Cp = x({
       if (u != null && u.value || s != null && s.value || j || ce || _ || !pe || d.value)
         return;
       const V = new $o(F(U)).minus(new $o(F(ie))).toString(), W = $(V), Q = F(W);
-      P(J, Q), ye ? P(ae, Q, q) : (N(W), w("onDecrement"));
+      S(J, Q), ye ? S(ae, Q, q) : (N(W), w("onDecrement"));
     }
     function A() {
       const {
@@ -6591,7 +6591,7 @@ const Cp = x({
       if (u != null && u.value || s != null && s.value || j || ce || _ || !pe || c.value)
         return;
       const V = new $o(F(U)).plus(new $o(F(ie))).toString(), W = $(V), Q = F(W);
-      P(J, Q), ye ? P(ae, Q, q) : (N(W), w("onIncrement"));
+      S(J, Q), ye ? S(ae, Q, q) : (N(W), w("onIncrement"));
     }
     function T() {
       const { press: j, lazyChange: ce } = e;
@@ -6624,7 +6624,7 @@ const Cp = x({
     function N(j) {
       n.value = j;
       const ce = F(j);
-      P(e["onUpdate:modelValue"], ce);
+      S(e["onUpdate:modelValue"], ce);
     }
     function q(j) {
       N($(String(j))), w("onLazyChange");
@@ -6981,7 +6981,7 @@ const Ep = function(e, n) {
 }, { n: fk } = ee("date-picker-header");
 function pk(e, n) {
   const o = ne("var-icon"), t = ne("var-button");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n())
@@ -7012,7 +7012,7 @@ function pk(e, n) {
             name: `var-date-picker${e.reverse ? "-reverse" : ""}-translatex`
           }, {
             default: fe(() => [
-              (h(), S(
+              (h(), P(
                 "div",
                 { key: e.showDate },
                 re(e.showDate),
@@ -7107,7 +7107,7 @@ se.extend(Dp);
 const { n: tr, classes: bk } = ee("month-picker"), { n: rr } = ee("date-picker");
 function yk(e, n) {
   const o = ne("panel-header"), t = ne("var-button");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n())
@@ -7131,11 +7131,11 @@ function yk(e, n) {
             name: `${e.nDate()}${e.reverse ? "-reverse" : ""}-translatex`
           }, {
             default: fe(() => [
-              (h(), S("ul", { key: e.panelKey }, [
-                (h(!0), S(
+              (h(), P("ul", { key: e.panelKey }, [
+                (h(!0), P(
                   Ae,
                   null,
-                  Ze(e.MONTH_LIST, (r) => (h(), S("li", { key: r }, [
+                  Ze(e.MONTH_LIST, (r) => (h(), P("li", { key: r }, [
                     G(t, Ye({
                       type: "primary",
                       "var-month-picker-cover": "",
@@ -7309,7 +7309,7 @@ var Yu = (e, n, o) => new Promise((t, r) => {
 });
 const { name: $k, n: wk, classes: Ck } = ee("sticky");
 function Sk(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), [e.enableCSSMode, e.n("--css-mode")])),
@@ -7379,7 +7379,7 @@ const Np = x({
     }
     function b() {
       const g = y();
-      g && P(e.onScroll, g.offsetTop, g.isFixed);
+      g && S(e.onScroll, g.offsetTop, g.isFixed);
     }
     function C() {
       !v || v === window || v.removeEventListener("scroll", b);
@@ -7425,7 +7425,7 @@ var ct = Sa, Pk = Object.defineProperty, ju = Object.getOwnPropertySymbols, zk =
 const { n: ar, classes: Ku } = ee("year-picker"), { n: ir } = ee("date-picker");
 function Ek(e, n) {
   const o = ne("panel-header"), t = ne("var-sticky"), r = ne("var-button");
-  return h(), S("div", null, [
+  return h(), P("div", null, [
     G(t, { "css-mode": "" }, {
       default: fe(() => [
         G(o, {
@@ -7445,7 +7445,7 @@ function Ek(e, n) {
       name: `${e.nDate()}${e.reverse ? "-reverse" : ""}-translatex`
     }, {
       default: fe(() => [
-        (h(), S(
+        (h(), P(
           "ul",
           {
             ref: "panel",
@@ -7453,10 +7453,10 @@ function Ek(e, n) {
             key: e.panelKey
           },
           [
-            (h(!0), S(
+            (h(!0), P(
               Ae,
               null,
-              Ze(e.yearList, (a) => (h(), S("li", { key: a }, [
+              Ze(e.yearList, (a) => (h(), P("li", { key: a }, [
                 G(r, Ye({
                   type: "primary",
                   "var-year-picker-cover": "",
@@ -7616,7 +7616,7 @@ se.extend(Dp);
 const { n: Xo, classes: Ak } = ee("day-picker"), { n: lr } = ee("date-picker");
 function Vk(e, n) {
   const o = ne("panel-header"), t = ne("var-button");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n())
@@ -7640,17 +7640,17 @@ function Vk(e, n) {
             name: `${e.nDate()}${e.reverse ? "-reverse" : ""}-translatex`
           }, {
             default: fe(() => [
-              (h(), S("div", { key: e.panelKey }, [
+              (h(), P("div", { key: e.panelKey }, [
                 I(
                   "ul",
                   {
                     class: p(e.n("head"))
                   },
                   [
-                    (h(!0), S(
+                    (h(!0), P(
                       Ae,
                       null,
-                      Ze(e.sortWeekList, (r) => (h(), S(
+                      Ze(e.sortWeekList, (r) => (h(), P(
                         "li",
                         { key: r },
                         re(e.getDayAbbr(r)),
@@ -7670,10 +7670,10 @@ function Vk(e, n) {
                     class: p(e.n("body"))
                   },
                   [
-                    (h(!0), S(
+                    (h(!0), P(
                       Ae,
                       null,
-                      Ze(e.days, (r, a) => (h(), S("li", { key: a }, [
+                      Ze(e.days, (r, a) => (h(), P("li", { key: a }, [
                         G(t, Ye({
                           type: "primary",
                           "var-day-picker-cover": "",
@@ -7871,7 +7871,7 @@ const { name: Fk, n: Uk, classes: Hk } = ee("date-picker");
 function Yk(e, n) {
   var o;
   const t = ne("year-picker-panel"), r = ne("month-picker-panel"), a = ne("day-picker-panel");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.formatElevation(e.elevation, 2)))
@@ -7899,7 +7899,7 @@ function Yk(e, n) {
                 3
                 /* TEXT, CLASS */
               ),
-              e.type !== "year" ? (h(), S(
+              e.type !== "year" ? (h(), P(
                 "div",
                 {
                   key: 0,
@@ -7939,7 +7939,7 @@ function Yk(e, n) {
                 name: e.multiple ? "" : `${e.n()}${e.reverse ? "-reverse" : ""}-translatey`
               }, {
                 default: fe(() => [
-                  e.type === "year" ? (h(), S("div", {
+                  e.type === "year" ? (h(), P("div", {
                     key: `${e.chooseYear}`
                   }, [
                     e.range ? L(e.$slots, "range", {
@@ -7970,7 +7970,7 @@ function Yk(e, n) {
                         /* TEXT */
                       )
                     ])
-                  ])) : e.type === "month" ? (h(), S("div", {
+                  ])) : e.type === "month" ? (h(), P("div", {
                     key: `${e.chooseYear}${e.chooseMonth}`
                   }, [
                     e.range ? L(e.$slots, "range", {
@@ -8002,7 +8002,7 @@ function Yk(e, n) {
                         /* TEXT */
                       )
                     ])
-                  ])) : (h(), S("div", {
+                  ])) : (h(), P("div", {
                     key: `${e.chooseYear}${e.chooseMonth}${e.chooseDay}`
                   }, [
                     e.range ? L(e.$slots, "range", {
@@ -8093,7 +8093,7 @@ function Yk(e, n) {
         34
         /* CLASS, NEED_HYDRATION */
       ),
-      e.$slots.actions ? (h(), S(
+      e.$slots.actions ? (h(), P(
         "div",
         {
           key: 0,
@@ -8227,12 +8227,12 @@ const Lp = x({
       const Te = we === "year" ? w : we === "month" ? g : $;
       if (Te.value = s.value ? [oe, oe] : [Te.value[0], oe], s.value = !s.value, s.value) {
         const Le = se(Te.value[0]).isAfter(Te.value[1]) ? [Te.value[1], Te.value[0]] : [...Te.value];
-        P(e["onUpdate:modelValue"], Le), P(e.onChange, Le);
+        S(e["onUpdate:modelValue"], Le), S(e.onChange, Le);
       }
     }
     function De(oe, we) {
       const Te = we === "year" ? m : we === "month" ? b : C, Fe = we === "year" ? "YYYY" : we === "month" ? "YYYY-MM" : "YYYY-MM-DD", Le = Te.value.map((vn) => se(vn).format(Fe)), sn = Le.findIndex((vn) => vn === oe);
-      sn === -1 ? Le.push(oe) : Le.splice(sn, 1), P(e["onUpdate:modelValue"], Le), P(e.onChange, Le);
+      sn === -1 ? Le.push(oe) : Le.splice(sn, 1), S(e["onUpdate:modelValue"], Le), S(e.onChange, Le);
     }
     function Xe(oe, we) {
       return !c.value || !u.value ? !1 : _.value ? oe === "year" ? we < F(c.value) : oe === "month" ? we < u.value : pe.value ? we < F(d.value) : u.value > f.value : c.value > v.value;
@@ -8243,15 +8243,15 @@ const Lp = x({
         return;
       y.value = Xe("day", oe);
       const vn = `${v.value}-${f.value}-${oe}`, kn = se(vn).format("YYYY-MM-DD");
-      Te ? Ce(kn, "day") : Fe ? De(kn, "day") : (P(sn, kn), P(Le, kn));
+      Te ? Ce(kn, "day") : Fe ? De(kn, "day") : (S(sn, kn), S(Le, kn));
     }
     function ve(oe) {
       const { type: we, readonly: Te, range: Fe, multiple: Le, onChange: sn, onPreview: vn, "onUpdate:modelValue": kn } = e;
       if (y.value = Xe("month", oe), we === "month" && !Te) {
         const Ao = `${v.value}-${oe}`;
-        Fe ? Ce(Ao, "month") : Le ? De(Ao, "month") : (P(kn, Ao), P(sn, Ao));
+        Fe ? Ce(Ao, "month") : Le ? De(Ao, "month") : (S(kn, Ao), S(sn, Ao));
       } else
-        f.value = oe, P(
+        f.value = oe, S(
           vn,
           F(v.value),
           F(f.value),
@@ -8261,7 +8261,7 @@ const Lp = x({
     }
     function Ue(oe) {
       const { type: we, readonly: Te, range: Fe, multiple: Le, onChange: sn, onPreview: vn, "onUpdate:modelValue": kn } = e;
-      y.value = Xe("year", oe), we === "year" && !Te ? Fe ? Ce(`${oe}`, "year") : Le ? De(`${oe}`, "year") : (P(kn, `${oe}`), P(sn, `${oe}`)) : (v.value = `${oe}`, P(
+      y.value = Xe("year", oe), we === "year" && !Te ? Fe ? Ce(`${oe}`, "year") : Le ? De(`${oe}`, "year") : (S(kn, `${oe}`), S(sn, `${oe}`)) : (v.value = `${oe}`, S(
         vn,
         F(v.value),
         F(f.value),
@@ -8276,7 +8276,7 @@ const Lp = x({
         let Fe = F(f.value) + Te;
         Fe < 1 && (v.value = `${F(v.value) - 1}`, Fe = 12), Fe > 12 && (v.value = `${F(v.value) + 1}`, Fe = 1), f.value = br.find((Le) => F(Le) === Fe);
       }
-      P(
+      S(
         e.onPreview,
         F(v.value),
         F(f.value),
@@ -8580,36 +8580,36 @@ const Fp = x({
       { immediate: !0 }
     );
     function r() {
-      return P(e["onUpdate:show"], !1);
+      return S(e["onUpdate:show"], !1);
     }
     function a() {
       const { closeOnClickOverlay: u, onClickOverlay: c, onBeforeClose: d } = e;
-      if (P(c), !!u) {
+      if (S(c), !!u) {
         if (d != null) {
-          P(d, "close", r);
+          S(d, "close", r);
           return;
         }
-        P(e["onUpdate:show"], !1);
+        S(e["onUpdate:show"], !1);
       }
     }
     function i() {
       const { onBeforeClose: u, onConfirm: c } = e;
-      if (P(c), u != null) {
-        P(u, "confirm", r);
+      if (S(c), u != null) {
+        S(u, "confirm", r);
         return;
       }
-      P(e["onUpdate:show"], !1);
+      S(e["onUpdate:show"], !1);
     }
     function l() {
       const { onBeforeClose: u, onCancel: c } = e;
-      if (P(c), u != null) {
-        P(u, "cancel", r);
+      if (S(c), u != null) {
+        S(u, "cancel", r);
         return;
       }
-      P(e["onUpdate:show"], !1);
+      S(e["onUpdate:show"], !1);
     }
     function s() {
-      P(e.onKeyEscape), e.closeOnKeyEscape && l();
+      S(e.onKeyEscape), e.closeOnKeyEscape && l();
     }
     return {
       popupShow: n,
@@ -8646,16 +8646,16 @@ function Io(e) {
     t.teleport = "body", bo = t;
     const { unmountInstance: r } = ht(Qt, t, {
       onConfirm: () => {
-        P(t.onConfirm), n("confirm");
+        S(t.onConfirm), n("confirm");
       },
       onCancel: () => {
-        P(t.onCancel), n("cancel");
+        S(t.onCancel), n("cancel");
       },
       onClose: () => {
-        P(t.onClose), n("close");
+        S(t.onClose), n("close");
       },
       onClosed: () => {
-        P(t.onClosed), r(), bo === t && (bo = null);
+        S(t.onClosed), r(), bo === t && (bo = null);
       },
       onRouteChange: () => {
         r(), bo === t && (bo = null);
@@ -8699,7 +8699,7 @@ const Up = {
   hairline: Boolean
 }, { name: s$, n: u$, classes: c$ } = ee("divider");
 function d$(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(
@@ -8718,7 +8718,7 @@ function d$(e, n) {
     },
     [
       e.vertical ? X("v-if", !0) : L(e.$slots, "default", { key: 0 }, () => [
-        e.description ? (h(), S(
+        e.description ? (h(), P(
           "span",
           {
             key: 0,
@@ -8875,7 +8875,7 @@ const jp = x({
       e.disabled || (v(), i.value = !0, T());
     }
     function $(N) {
-      s.value || P(e.onClick, N);
+      s.value || S(e.onClick, N);
     }
     function O() {
       const { left: N, top: q } = z();
@@ -9781,7 +9781,7 @@ function Qp(e) {
     passive: !0,
     defaultValue: !1,
     emit(D, M) {
-      P(M ? e.onOpen : e.onClose);
+      S(M ? e.onOpen : e.onClose);
     }
   }), { zIndex: a } = Xt(() => r.value, 1);
   us(() => r.value, a);
@@ -9838,9 +9838,9 @@ function Qp(e) {
   }, b = () => {
     E();
   }, C = (D) => {
-    e.trigger === "click" && (b(), P(e.onClickOutside, D));
+    e.trigger === "click" && (b(), S(e.onClickOutside, D));
   }, w = () => {
-    A(), P(e.onClosed);
+    A(), S(e.onClosed);
   }, g = () => {
     const { offsetX: D, offsetY: M, placement: H } = e;
     u();
@@ -9967,9 +9967,9 @@ function Qp(e) {
   }, A = () => {
     i.setOptions($());
   }, T = () => {
-    e.disabled || (r.value = !0, P(e["onUpdate:show"], !0));
+    e.disabled || (r.value = !0, S(e["onUpdate:show"], !0));
   }, E = () => {
-    r.value = !1, P(e["onUpdate:show"], !1);
+    r.value = !1, S(e["onUpdate:show"], !1);
   };
   return We(() => window, "keydown", z), zd(O, "click", C), ro(A), de(() => [e.offsetX, e.offsetY, e.placement, e.strategy], A), de(() => e.disabled, E), de(
     () => r.value,
@@ -10047,7 +10047,7 @@ const _p = {
   "onUpdate:show": R()
 }, { name: Tw, n: Ew, classes: Dw } = ee("tooltip");
 function Bw(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       ref: "host",
@@ -10198,7 +10198,7 @@ function Uw(e, n) {
         L(e.$slots, "tooltip-content", {}, () => {
           var t;
           return [
-            (t = e.tooltipProps) != null && t.content ? (h(), S(
+            (t = e.tooltipProps) != null && t.content ? (h(), P(
               "span",
               Fw,
               re(e.tooltipProps.content),
@@ -10353,17 +10353,17 @@ var Ma = x({
     function i(c, d, f) {
       if (c.stopPropagation(), !(e.trigger !== "click" || e.disabled)) {
         if (f === 0) {
-          P(e.onClick, t.value, c);
+          S(e.onClick, t.value, c);
           return;
         }
-        t.value = d, P(e.onClick, t.value, c), P(t.value ? e.onOpen : e.onClose);
+        t.value = d, S(e.onClick, t.value, c), S(t.value ? e.onOpen : e.onClose);
       }
     }
     function l(c, d) {
-      e.trigger !== "hover" || e.disabled || d === 0 || (t.value = c, P(t.value ? e.onOpen : e.onClose));
+      e.trigger !== "hover" || e.disabled || d === 0 || (t.value = c, S(t.value ? e.onOpen : e.onClose));
     }
     function s() {
-      e.trigger !== "click" || e.disabled || t.value !== !1 && (t.value = !1, P(e.onClose));
+      e.trigger !== "click" || e.disabled || t.value !== !1 && (t.value = !1, S(e.onClose));
     }
     function u() {
       return n.trigger ? e.show ? n.trigger({
@@ -10390,7 +10390,7 @@ var Ma = x({
     }
     return () => {
       var c;
-      const d = Ed((c = P(n.default)) != null ? c : []), f = rs(e.drag) ? {} : e.drag;
+      const d = Ed((c = S(n.default)) != null ? c : []), f = rs(e.drag) ? {} : e.drag;
       return G(Nr, Ye({
         ref: a,
         class: Di(Bn(`--position-${e.position}`), [!e.fixed, Bn("--absolute")]),
@@ -10499,7 +10499,7 @@ var Yw = (e, n, o) => new Promise((t, r) => {
 const { name: jw, n: Bi, classes: Ww } = ee("field-decorator"), Kw = ["for"];
 function qw(e, n) {
   const o = ne("var-icon");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.n("$--box"), e.n(`--${e.variant}`), [e.size === "small", e.n("--small")], [e.disabled, e.n("--disabled")])),
@@ -10550,7 +10550,7 @@ function qw(e, n) {
             2
             /* CLASS */
           ),
-          e.placeholder && e.hint ? (h(), S("label", {
+          e.placeholder && e.hint ? (h(), P("label", {
             key: 0,
             class: p(
               e.classes(
@@ -10603,11 +10603,11 @@ function qw(e, n) {
         6
         /* CLASS, STYLE */
       ),
-      e.line ? (h(), S(
+      e.line ? (h(), P(
         Ae,
         { key: 0 },
         [
-          e.variant === "outlined" ? (h(), S(
+          e.variant === "outlined" ? (h(), P(
             "fieldset",
             {
               key: 0,
@@ -10653,7 +10653,7 @@ function qw(e, n) {
             ],
             6
             /* CLASS, STYLE */
-          )) : (h(), S(
+          )) : (h(), P(
             "div",
             {
               key: 1,
@@ -10703,7 +10703,7 @@ const tv = x({
       m(), Ke().then(() => {
         l.value = !1;
       });
-    }), Wt(m), P(c, null), u && de(
+    }), Wt(m), S(c, null), u && de(
       () => u.show.value,
       (b) => Yw(this, null, function* () {
         b && (yield $n(), m());
@@ -10717,10 +10717,10 @@ const tv = x({
         return Bi("--placeholder-hint");
     }
     function v(b) {
-      P(e.onClear, b);
+      S(e.onClear, b);
     }
     function y(b) {
-      P(e.onClick, b);
+      S(e.onClick, b);
     }
     function m() {
       if (r.value = `${o.value.offsetLeft}px`, a.value = `${o.value.offsetWidth}px`, i.value = `${o.value.offsetHeight}px`, e.variant === "outlined" && n.value) {
@@ -10876,7 +10876,7 @@ const av = x({
     function O() {
       y();
       const E = a.value;
-      z(n.value), a.value = n.value, a.value !== E && P(e.onAnchorChange, n.value);
+      z(n.value), a.value = n.value, a.value !== E && S(e.onAnchorChange, n.value);
     }
     function z(E) {
       n.value = d.value ? E : T(E);
@@ -10954,7 +10954,7 @@ var yc = (e, n, o) => new Promise((t, r) => {
 });
 const { name: Qw, n: _w } = ee("form");
 function xw(e, n) {
-  return h(), S(
+  return h(), P(
     "form",
     {
       class: p(e.n()),
@@ -10990,11 +10990,11 @@ const lv = x({
       return yc(this, null, function* () {
         Re(f);
         const v = yield u();
-        P(e.onSubmit, v);
+        S(e.onSubmit, v);
       });
     }
     function s(f) {
-      Re(f), c(), P(e.onReset);
+      Re(f), c(), S(e.onReset);
     }
     function u() {
       return yc(this, null, function* () {
@@ -11069,7 +11069,7 @@ const sv = {
 function aC(e, n) {
   var o;
   const t = je("lazy"), r = je("ripple");
-  return Me((h(), S(
+  return Me((h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.n("$--box"), [!e.block, e.n("$--inline-block")])),
@@ -11080,7 +11080,7 @@ function aC(e, n) {
       })
     },
     [
-      e.lazy && !e.showErrorSlot ? Me((h(), S("img", {
+      e.lazy && !e.showErrorSlot ? Me((h(), P("img", {
         key: 0,
         role: "img",
         class: p(e.n("image")),
@@ -11095,7 +11095,7 @@ function aC(e, n) {
       }, null, 46, tC)), [
         [t, (o = e.src) != null ? o : ""]
       ]) : X("v-if", !0),
-      !e.lazy && !e.showErrorSlot ? (h(), S("img", {
+      !e.lazy && !e.showErrorSlot ? (h(), P("img", {
         key: 1,
         role: "img",
         class: p(e.n("image")),
@@ -11132,21 +11132,21 @@ const uv = x({
       }
     );
     function t(i) {
-      o.value = !!n.error, P(e.onError, i);
+      o.value = !!n.error, S(e.onError, i);
     }
     function r(i) {
       const l = i.currentTarget;
       if (e.lazy) {
         if (l._lazy.state === "success") {
-          P(e.onLoad, i);
+          S(e.onLoad, i);
           return;
         }
         l._lazy.state === "error" && t(i);
       } else
-        P(e.onLoad, i);
+        S(e.onLoad, i);
     }
     function a(i) {
-      P(e.onClick, i);
+      S(e.onClick, i);
     }
     return {
       showErrorSlot: o,
@@ -11225,7 +11225,7 @@ var Zo = (e, n, o) => new Promise((t, r) => {
 const lC = 250, sC = 20, { name: uC, n: kc, classes: cC } = ee("swipe"), dC = ["onClick"];
 function fC(e, n) {
   const o = ne("var-icon"), t = ne("var-button"), r = je("hover");
-  return Me((h(), S(
+  return Me((h(), P(
     "div",
     {
       class: p(e.n()),
@@ -11264,7 +11264,7 @@ function fC(e, n) {
           name: e.getNavigationAnimation("prev")
         }, {
           default: fe(() => [
-            e.navigation === !0 || e.hovering ? (h(), S(
+            e.navigation === !0 || e.hovering ? (h(), P(
               "div",
               {
                 key: 0,
@@ -11308,7 +11308,7 @@ function fC(e, n) {
           name: e.getNavigationAnimation("next")
         }, {
           default: fe(() => [
-            e.navigation === !0 || e.hovering ? (h(), S(
+            e.navigation === !0 || e.hovering ? (h(), P(
               "div",
               {
                 key: 0,
@@ -11348,17 +11348,17 @@ function fC(e, n) {
         next: e.next,
         to: e.to
       })), () => [
-        e.indicator && e.length ? (h(), S(
+        e.indicator && e.length ? (h(), P(
           "div",
           {
             key: 0,
             class: p(e.classes(e.n("indicators"), [e.vertical, e.n("--indicators-vertical")]))
           },
           [
-            (h(!0), S(
+            (h(!0), P(
               Ae,
               null,
-              Ze(e.length, (a, i) => (h(), S("div", {
+              Ze(e.length, (a, i) => (h(), P("div", {
                 class: p(
                   e.classes(e.n("indicator"), [e.index === i, e.n("--indicator-active")], [e.vertical, e.n("--indicator-vertical")])
                 ),
@@ -11406,7 +11406,7 @@ const dv = x({
       size: o,
       currentIndex: l,
       vertical: t
-    }), We(() => window, "keydown", ke), P(v, null), de(
+    }), We(() => window, "keydown", ke), S(v, null), de(
       () => d.value,
       () => Zo(this, null, function* () {
         yield $n(), ye(), Ce();
@@ -11467,7 +11467,7 @@ const dv = x({
       const { vertical: ve, onChange: Ue } = e, Ve = ve ? m.value < 0 : y.value < 0, nn = ve ? g.value : w.value, me = performance.now() - z.value <= lC && nn >= sC ? j(Ve ? l.value + 1 : l.value - 1) : j();
       i.value = !1, a.value = me * -o.value;
       const $e = l.value;
-      l.value = ce(me), ie(), $e !== l.value && P(Ue, l.value);
+      l.value = ce(me), ie(), $e !== l.value && S(Ue, l.value);
     }
     function W(ve) {
       e.navigation === "hover" && (s.value = ve);
@@ -11494,7 +11494,7 @@ const dv = x({
           return;
         ye();
         const { loop: Ue, onChange: Ve } = e, nn = l.value;
-        if (l.value = _(nn + 1), (ve == null ? void 0 : ve.event) !== !1 && P(Ve, l.value), yield pe(), nn === d.value - 1 && Ue) {
+        if (l.value = _(nn + 1), (ve == null ? void 0 : ve.event) !== !1 && S(Ve, l.value), yield pe(), nn === d.value - 1 && Ue) {
           N(0).setTranslate(r.value), a.value = d.value * -o.value;
           return;
         }
@@ -11507,7 +11507,7 @@ const dv = x({
           return;
         ye();
         const { loop: Ue, onChange: Ve } = e, nn = l.value;
-        if (l.value = _(nn - 1), (ve == null ? void 0 : ve.event) !== !1 && P(Ve, l.value), yield pe(), nn === 0 && Ue) {
+        if (l.value = _(nn - 1), (ve == null ? void 0 : ve.event) !== !1 && S(Ve, l.value), yield pe(), nn === 0 && Ue) {
           N(d.value - 1).setTranslate(-r.value), a.value = o.value;
           return;
         }
@@ -11563,7 +11563,7 @@ function pC() {
 }
 const { name: vC, n: mC } = ee("swipe-item"), hC = ["aria-hidden"];
 function gC(e, n) {
-  return h(), S("div", {
+  return h(), P("div", {
     class: p(e.n()),
     style: K({
       width: e.vertical ? void 0 : e.toSizeUnit(e.size),
@@ -11676,7 +11676,7 @@ function OC(e, n) {
         onChange: e.onChange
       }, e.$attrs), {
         default: fe(() => [
-          (h(!0), S(
+          (h(!0), P(
             Ae,
             null,
             Ze(e.images, (i, l) => (h(), Pe(o, {
@@ -11717,7 +11717,7 @@ function OC(e, n) {
             index: i,
             length: l
           }, () => [
-            e.indicator && e.images.length > 1 ? (h(), S(
+            e.indicator && e.images.length > 1 ? (h(), P(
               "div",
               {
                 key: 0,
@@ -11741,7 +11741,7 @@ function OC(e, n) {
           onClick: e.close
         }, null, 8, ["class", "onClick"])) : X("v-if", !0)
       ]),
-      e.$slots.extra ? (h(), S(
+      e.$slots.extra ? (h(), P(
         "div",
         {
           key: 0,
@@ -11810,7 +11810,7 @@ const vv = x({
       window.clearTimeout(C), window.clearTimeout(w);
       const ae = U.currentTarget;
       if ($.start = ae, w = window.setTimeout(() => {
-        g = !0, P(e.onLongPress, J);
+        g = !0, S(e.onLongPress, J);
       }, SC), A(ae)) {
         o.value > ur ? z() : O(e.zoom);
         return;
@@ -11854,10 +11854,10 @@ const vv = x({
     }
     function j() {
       if (o.value > ur) {
-        z(), setTimeout(() => P(e["onUpdate:show"], !1), zc);
+        z(), setTimeout(() => S(e["onUpdate:show"], !1), zc);
         return;
       }
-      P(e["onUpdate:show"], !1);
+      S(e["onUpdate:show"], !1);
     }
     function ce(U) {
       b.value && Re(U);
@@ -11922,9 +11922,9 @@ function No(e) {
   const n = MC(e), o = Qe(n);
   o.teleport = "body", yo = o;
   const { unmountInstance: t } = ht(_t, o, {
-    onClose: () => P(o.onClose),
+    onClose: () => S(o.onClose),
     onClosed: () => {
-      P(o.onClosed), t(), yo === o && (yo = null);
+      S(o.onClosed), t(), yo === o && (yo = null);
     },
     onRouteChange: () => {
       t(), yo === o && (yo = null);
@@ -12091,7 +12091,7 @@ var Dc = (e, n, o) => new Promise((t, r) => {
 });
 const { name: UC, n: HC, classes: YC } = ee("index-bar"), jC = ["onClick"];
 function WC(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n()),
@@ -12106,10 +12106,10 @@ function WC(e, n) {
           style: K({ zIndex: e.toNumber(e.zIndex) + 2, display: e.hideList ? "none" : "block" })
         },
         [
-          (h(!0), S(
+          (h(!0), P(
             Ae,
             null,
-            Ze(e.anchorNameList, (o) => (h(), S("li", {
+            Ze(e.anchorNameList, (o) => (h(), P("li", {
               key: o,
               class: p(e.classes(e.n("anchor-item"), [e.active === o, e.n("anchor-item--active")])),
               style: K({ color: e.active === o && e.highlightColor ? e.highlightColor : void 0 }),
@@ -12163,7 +12163,7 @@ const yv = x({
     }), d(y);
     function m(z, A) {
       const T = tt(z) ? z.name.value : z;
-      T === r.value || T === void 0 || (r.value = T, (A == null ? void 0 : A.event) !== !1 && P(e.onChange, T));
+      T === r.value || T === void 0 || (r.value = T, (A == null ? void 0 : A.event) !== !1 && S(e.onChange, T));
     }
     function b() {
       const { top: z } = an(f), { top: A } = an(o.value);
@@ -12178,7 +12178,7 @@ const yv = x({
     }
     function w(z) {
       return Dc(this, arguments, function* ({ anchorName: A, manualCall: T = !1, options: E }) {
-        if (T && P(e.onClick, A), A === r.value && !v)
+        if (T && S(e.onClick, A), A === r.value && !v)
           return;
         const D = c.find(({ name: q }) => A === q.value);
         if (!D)
@@ -12273,7 +12273,7 @@ const kv = XC({
 ])), { name: ZC, n: JC, classes: QC } = ee("input"), _C = ["placeholder", "enterkeyhint"], xC = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"], eS = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
 function nS(e, n) {
   const o = ne("var-field-decorator"), t = ne("var-form-details");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.n("$--box"))),
@@ -12312,7 +12312,7 @@ function nS(e, n) {
             L(e.$slots, "append-icon")
           ]),
           default: fe(() => [
-            e.normalizedType === "password" ? (h(), S("input", {
+            e.normalizedType === "password" ? (h(), P("input", {
               key: 0,
               tabindex: "-1",
               class: p(e.n("autocomplete")),
@@ -12322,7 +12322,7 @@ function nS(e, n) {
               }),
               enterkeyhint: e.enterkeyhint
             }, null, 14, _C)) : X("v-if", !0),
-            e.textarea ? (h(), S("textarea", {
+            e.textarea ? (h(), P("textarea", {
               key: 1,
               class: p(
                 e.classes(
@@ -12357,7 +12357,7 @@ function nS(e, n) {
               onChange: n[3] || (n[3] = (...r) => e.handleChange && e.handleChange(...r)),
               onCompositionstart: n[4] || (n[4] = (...r) => e.handleCompositionStart && e.handleCompositionStart(...r)),
               onCompositionend: n[5] || (n[5] = (...r) => e.handleCompositionEnd && e.handleCompositionEnd(...r))
-            }, null, 46, xC)) : (h(), S("input", {
+            }, null, 46, xC)) : (h(), P("input", {
               key: 2,
               class: p(
                 e.classes(
@@ -12449,7 +12449,7 @@ const $v = x({
       if (!_)
         return l.value ? "var(--field-decorator-error-color)" : t.value ? ye || "var(--field-decorator-focus-color)" : pe || "var(--field-decorator-placeholder-color, var(--field-decorator-blur-color))";
     });
-    P(a, {
+    S(a, {
       reset: N,
       validate: q,
       resetValidation: c
@@ -12463,16 +12463,16 @@ const $v = x({
       });
     }
     function C(_) {
-      t.value = !0, P(e.onFocus, _), b("onFocus");
+      t.value = !0, S(e.onFocus, _), b("onFocus");
     }
     function w(_) {
-      t.value = !1, P(e.onBlur, _), b("onBlur");
+      t.value = !1, S(e.onBlur, _), b("onBlur");
     }
     function g(_) {
       const pe = _.target;
       let { value: ye } = pe;
       e.type === "number" && (ye = D(ye));
-      const ie = H(M(ye));
+      const ie = H(ye);
       return ie === e.modelValue && (pe.value = ie), ie;
     }
     function $() {
@@ -12485,19 +12485,19 @@ const $v = x({
       if (r.value)
         return;
       const pe = g(_);
-      P(e["onUpdate:modelValue"], pe), P(e.onInput, pe, _), b("onInput");
+      S(e["onUpdate:modelValue"], pe), S(e.onInput, pe, _), b("onInput");
     }
     function A(_) {
-      const pe = g(_);
-      P(e.onChange, pe, _), b("onChange");
+      const pe = M(g(_));
+      e.modelModifiers.trim && S(e["onUpdate:modelValue"], pe), S(e.onChange, pe, _), b("onChange");
     }
     function T() {
       const { disabled: _, readonly: pe, clearable: ye, onClear: ie } = e;
-      i != null && i.disabled.value || i != null && i.readonly.value || _ || pe || !ye || (P(e["onUpdate:modelValue"], ""), P(ie, ""), b("onClear"));
+      i != null && i.disabled.value || i != null && i.readonly.value || _ || pe || !ye || (S(e["onUpdate:modelValue"], ""), S(ie, ""), b("onClear"));
     }
     function E(_) {
       const { disabled: pe, onClick: ye } = e;
-      i != null && i.disabled.value || pe || (P(ye, _), b("onClick"));
+      i != null && i.disabled.value || pe || (S(ye, _), b("onClick"));
     }
     function D(_) {
       const pe = _.indexOf("-"), ye = _.indexOf(".");
@@ -12514,7 +12514,7 @@ const $v = x({
       i != null && i.disabled.value || pe || _.target === o.value || (j(), Re(_));
     }
     function N() {
-      P(e["onUpdate:modelValue"], ""), c();
+      S(e["onUpdate:modelValue"], ""), c();
     }
     function q() {
       return u(e.rules, e.modelValue);
@@ -12621,7 +12621,7 @@ const Cv = x({
       return a ? {} : i ? { href: i, target: l, rel: c } : s ? { to: s, target: l, replace: u } : {};
     });
     function r(a) {
-      e.disabled || P(e.onClick, a);
+      e.disabled || S(e.onClick, a);
     }
     return {
       tag: o,
@@ -12716,7 +12716,7 @@ var cS = (e, n, o) => new Promise((t, r) => {
 const { name: dS, n: fS, classes: pS } = ee("list");
 function vS(e, n) {
   const o = ne("var-loading"), t = je("ripple");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.n("$--box"))),
@@ -12769,7 +12769,7 @@ function vS(e, n) {
       e.error ? L(e.$slots, "error", { key: 2 }, () => {
         var r;
         return [
-          Me((h(), S(
+          Me((h(), P(
             "div",
             {
               class: p(e.n("error")),
@@ -12812,11 +12812,11 @@ const Ov = x({
   setup(e) {
     const n = k(null), o = k(null), { tabItem: t, bindTabItem: r } = uS(), { t: a } = ao();
     let i;
-    P(r, {}), t && de(() => t.current.value, c), de(() => [e.loading, e.error, e.finished], c), pn(() => {
+    S(r, {}), t && de(() => t.current.value, c), de(() => [e.loading, e.error, e.finished], c), pn(() => {
       i = zo(n.value), i.addEventListener("scroll", c), e.immediateCheck && c();
     }), qt(u);
     function l() {
-      P(e["onUpdate:error"], !1), P(e["onUpdate:loading"], !0), P(e.onLoad);
+      S(e["onUpdate:error"], !1), S(e["onUpdate:loading"], !0), S(e.onLoad);
     }
     function s() {
       const { bottom: d } = an(i), { bottom: f } = an(o.value);
@@ -12974,7 +12974,7 @@ const { name: BS, n: IS } = ee("locale-provider"), MS = x({
       {
         class: IS()
       },
-      P(n.default)
+      S(n.default)
     );
   }
 });
@@ -13034,7 +13034,7 @@ const Ns = {
   "onUpdate:show": R()
 }, { name: NS, n: AS, classes: VS } = ee("menu");
 function LS(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       ref: "host",
@@ -13182,7 +13182,7 @@ const Rv = {
 }, { name: US, n: HS, classes: YS } = ee("menu-option"), jS = ["tabindex"];
 function WS(e, n) {
   const o = ne("var-checkbox"), t = ne("var-hover-overlay"), r = je("ripple"), a = je("hover");
-  return Me((h(), S("div", {
+  return Me((h(), P("div", {
     ref: "root",
     class: p(
       e.classes(e.n(), e.n("$--box"), e.n(`--${e.size}`), [e.optionSelected, e.n("--selected-color")], [e.disabled, e.n("--disabled")])
@@ -13433,7 +13433,7 @@ const Yv = x({
     i(u), We(() => window, "keydown", d);
     function c(m) {
       const { multiple: b, closeOnSelect: C } = e;
-      P(e["onUpdate:modelValue"], s(m)), !b && C && (n.value.$el.focus(), v());
+      S(e["onUpdate:modelValue"], s(m)), !b && C && (n.value.$el.focus(), v());
     }
     function d(m) {
       if (e.disabled || !t.value)
@@ -13502,7 +13502,7 @@ const Wv = {
 }, { name: n6, n: o6, classes: t6 } = ee("option"), r6 = ["tabindex"];
 function a6(e, n) {
   const o = ne("var-checkbox"), t = ne("maybe-v-node"), r = ne("var-hover-overlay"), a = je("ripple"), i = je("hover");
-  return Me((h(), S("div", {
+  return Me((h(), P("div", {
     ref: "root",
     class: p(e.classes(e.n(), e.n("$--box"), [e.optionSelected, e.n("--selected-color")], [e.disabled, e.n("--disabled")])),
     style: K({
@@ -13659,10 +13659,10 @@ var Ja = x({
     } = Go();
     Gt(() => e.show, () => e.lockScroll), We(() => window, "keydown", i);
     function i(c) {
-      !r() || c.key !== "Escape" || !e.show || (P(e.onKeyEscape), e.closeOnKeyEscape && (Re(c), P(e["onUpdate:show"], !1)));
+      !r() || c.key !== "Escape" || !e.show || (S(e.onKeyEscape), e.closeOnKeyEscape && (Re(c), S(e["onUpdate:show"], !1)));
     }
     function l() {
-      P(e.onClick), P(e["onUpdate:show"], !1);
+      S(e.onClick), S(e["onUpdate:show"], !1);
     }
     function s() {
       return G("div", Ye({
@@ -13672,7 +13672,7 @@ var Ja = x({
         }
       }, o, {
         onClick: l
-      }), [P(n.default)]);
+      }), [S(n.default)]);
     }
     function u() {
       return G(_e, {
@@ -13737,13 +13737,13 @@ const Gv = {
 }, { name: l6, n: s6, classes: u6 } = ee("pagination"), c6 = ["item-mode", "onClick"];
 function d6(e, n) {
   const o = ne("var-icon"), t = ne("var-input"), r = ne("var-menu-option"), a = ne("var-menu-select"), i = je("ripple");
-  return h(), S(
+  return h(), P(
     "ul",
     {
       class: p(e.n())
     },
     [
-      Me((h(), S(
+      Me((h(), P(
         "li",
         {
           class: p(
@@ -13766,7 +13766,7 @@ function d6(e, n) {
       )), [
         [i, { disabled: e.current <= 1 || e.disabled }]
       ]),
-      e.simple ? (h(), S(
+      e.simple ? (h(), P(
         "li",
         {
           key: 0,
@@ -13801,10 +13801,10 @@ function d6(e, n) {
         ],
         2
         /* CLASS */
-      )) : (h(!0), S(
+      )) : (h(!0), P(
         Ae,
         { key: 1 },
-        Ze(e.pageList, (l, s) => Me((h(), S("li", {
+        Ze(e.pageList, (l, s) => Me((h(), P("li", {
           key: s,
           "item-mode": e.getMode(l, s),
           class: p(
@@ -13830,7 +13830,7 @@ function d6(e, n) {
         128
         /* KEYED_FRAGMENT */
       )),
-      Me((h(), S(
+      Me((h(), P(
         "li",
         {
           class: p(
@@ -13853,7 +13853,7 @@ function d6(e, n) {
       )), [
         [i, { disabled: e.current >= e.pageCount || e.disabled }]
       ]),
-      e.showSizeChanger ? (h(), S(
+      e.showSizeChanger ? (h(), P(
         "li",
         {
           key: 2,
@@ -13867,7 +13867,7 @@ function d6(e, n) {
             "onUpdate:modelValue": n[5] || (n[5] = (l) => e.size = l)
           }, {
             options: fe(() => [
-              (h(!0), S(
+              (h(!0), P(
                 Ae,
                 null,
                 Ze(e.sizeOption, (l, s) => (h(), Pe(r, {
@@ -13920,7 +13920,7 @@ function d6(e, n) {
         2
         /* CLASS */
       )) : X("v-if", !0),
-      e.showQuickJumper && !e.simple ? (h(), S(
+      e.showQuickJumper && !e.simple ? (h(), P(
         "li",
         {
           key: 3,
@@ -13945,7 +13945,7 @@ function d6(e, n) {
         2
         /* CLASS */
       )) : X("v-if", !0),
-      e.totalText ? (h(), S(
+      e.totalText ? (h(), P(
         "li",
         {
           key: 4,
@@ -14008,7 +14008,7 @@ const Xv = x({
         } else
           for (let N = 1; N <= O; N++)
             T.push(N);
-        l.value = T, z != null && O > 0 && P(M, g, $), P(e["onUpdate:current"], g), P(e["onUpdate:size"], $);
+        l.value = T, z != null && O > 0 && S(M, g, $), S(e["onUpdate:current"], g), S(e["onUpdate:size"], $);
       },
       {
         immediate: !0
@@ -14092,7 +14092,7 @@ const Zv = {
 }, { name: f6, n: p6, classes: v6 } = ee("paper");
 function m6(e, n) {
   const o = je("ripple");
-  return Me((h(), S(
+  return Me((h(), P(
     "div",
     {
       class: p(
@@ -14127,7 +14127,7 @@ const Jv = x({
   props: Zv,
   setup(e) {
     function n(o) {
-      P(e.onClick, o);
+      S(e.onClick, o);
     }
     return {
       n: p6,
@@ -14245,7 +14245,7 @@ function T6(e, n) {
             class: e.n()
           }, e.$attrs),
           [
-            e.toolbar ? (h(), S(
+            e.toolbar ? (h(), P(
               "div",
               {
                 key: 0,
@@ -14321,10 +14321,10 @@ function T6(e, n) {
                 style: K({ height: `${e.columnHeight}px` })
               },
               [
-                (h(!0), S(
+                (h(!0), P(
                   Ae,
                   null,
-                  Ze(e.scrollColumns, (t) => (h(), S("div", {
+                  Ze(e.scrollColumns, (t) => (h(), P("div", {
                     class: p(e.n("column")),
                     key: t.id,
                     onTouchstartPassive: (r) => e.handleTouchstart(r, t),
@@ -14342,10 +14342,10 @@ function T6(e, n) {
                       }),
                       onTransitionend: (r) => e.handleTransitionend(t)
                     }, [
-                      (h(!0), S(
+                      (h(!0), P(
                         Ae,
                         null,
-                        Ze(t.column, (r, a) => (h(), S("div", {
+                        Ze(t.column, (r, a) => (h(), P("div", {
                           key: e.getValue(r),
                           class: p(e.classes(e.n("option"), r.className)),
                           style: K({ height: `${e.optionHeight}px` }),
@@ -14500,7 +14500,7 @@ const _v = x({
       W.scrollEl = V;
     }
     function T(V) {
-      P(e["onUpdate:show"], V);
+      S(e["onUpdate:show"], V);
     }
     function E(V) {
       const W = a.value - V.column.length * t.value, Q = t.value + a.value;
@@ -14564,7 +14564,7 @@ const _v = x({
       if (ke || Ce)
         return;
       const { values: De, indexes: Xe, options: ln } = H();
-      C(Xe), P(W, De, Xe, ln), n.value = De;
+      C(Xe), S(W, De, Xe, ln), n.value = De;
     }
     function U() {
       if (e.cascade) {
@@ -14578,12 +14578,12 @@ const _v = x({
     function J() {
       U();
       const { values: V, indexes: W, options: Q } = H();
-      C(W), P(e.onConfirm, V, W, Q);
+      C(W), S(e.onConfirm, V, W, Q);
     }
     function ae() {
       U();
       const { values: V, indexes: W, options: Q } = H();
-      C(W), P(e.onCancel, V, W, Q);
+      C(W), S(e.onCancel, V, W, Q);
     }
     return {
       optionHeight: t,
@@ -14623,7 +14623,7 @@ function yt(e) {
     }
     const { unmountInstance: a } = ht(xt, t, {
       onConfirm: (i, l, s) => {
-        P(t.onConfirm, i, l, s), n({
+        S(t.onConfirm, i, l, s), n({
           state: "confirm",
           values: i,
           indexes: l,
@@ -14631,7 +14631,7 @@ function yt(e) {
         }), t.show = !1, r();
       },
       onCancel: (i, l, s) => {
-        P(t.onCancel, i, l, s), n({
+        S(t.onCancel, i, l, s), n({
           state: "cancel",
           values: i,
           indexes: l,
@@ -14639,12 +14639,12 @@ function yt(e) {
         }), t.show = !1, r();
       },
       onClose: () => {
-        P(t.onClose), n({
+        S(t.onClose), n({
           state: "close"
         }), r();
       },
       onClosed: () => {
-        P(t.onClosed), a(), r();
+        S(t.onClosed), a(), r();
       },
       onRouteChange: () => {
         a(), r();
@@ -14706,14 +14706,14 @@ const xv = {
   }
 }, Jo = 100, dr = 0, io = 20, Kc = 2 * Math.PI * io, { name: E6, n: D6, classes: B6 } = ee("progress"), I6 = ["aria-valuenow"], M6 = ["viewBox"], N6 = { key: 0 }, A6 = ["id"], V6 = ["offset", "stop-color"], L6 = ["d", "stroke-width", "stroke-dasharray"], R6 = ["d", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
 function F6(e, n) {
-  return h(), S("div", {
+  return h(), P("div", {
     class: p(e.n()),
     role: "progressbar",
     "aria-valuemin": "0",
     "aria-valuemax": "100",
     "aria-valuenow": e.indeterminate ? void 0 : e.mode === "linear" ? e.linearProps.value : e.circleProps.value
   }, [
-    e.mode === "linear" ? (h(), S(
+    e.mode === "linear" ? (h(), P(
       "div",
       {
         key: 0,
@@ -14727,7 +14727,7 @@ function F6(e, n) {
             style: K({ height: e.toSizeUnit(e.lineWidth), background: e.trackColor })
           },
           [
-            e.indeterminate ? (h(), S(
+            e.indeterminate ? (h(), P(
               "div",
               {
                 key: 0,
@@ -14757,7 +14757,7 @@ function F6(e, n) {
               ],
               2
               /* CLASS */
-            )) : (h(), S(
+            )) : (h(), P(
               "div",
               {
                 key: 1,
@@ -14772,7 +14772,7 @@ function F6(e, n) {
           6
           /* CLASS, STYLE */
         ),
-        e.label ? (h(), S(
+        e.label ? (h(), P(
           "div",
           {
             key: 0,
@@ -14794,7 +14794,7 @@ function F6(e, n) {
       2
       /* CLASS */
     )) : X("v-if", !0),
-    e.mode === "circle" ? (h(), S(
+    e.mode === "circle" ? (h(), P(
       "div",
       {
         key: 1,
@@ -14802,11 +14802,11 @@ function F6(e, n) {
         style: K({ width: e.toSizeUnit(e.size), height: e.toSizeUnit(e.size) })
       },
       [
-        (h(), S("svg", {
+        (h(), P("svg", {
           class: p(e.n("circle-svg")),
           viewBox: e.circleProps.viewBox
         }, [
-          e.isPlainObject(e.color) ? (h(), S("defs", N6, [
+          e.isPlainObject(e.color) ? (h(), P("defs", N6, [
             I("linearGradient", {
               id: e.id,
               x1: "100%",
@@ -14814,10 +14814,10 @@ function F6(e, n) {
               x2: "0%",
               y2: "0%"
             }, [
-              (h(!0), S(
+              (h(!0), P(
                 Ae,
                 null,
-                Ze(e.linearGradientProgress, (o, t) => (h(), S("stop", {
+                Ze(e.linearGradientProgress, (o, t) => (h(), P("stop", {
                   key: t,
                   offset: o,
                   "stop-color": e.color[o]
@@ -14827,7 +14827,7 @@ function F6(e, n) {
               ))
             ], 8, A6)
           ])) : X("v-if", !0),
-          e.track ? (h(), S("path", {
+          e.track ? (h(), P("path", {
             key: 1,
             class: p(e.n("circle-background")),
             d: e.circleProps.path,
@@ -14852,7 +14852,7 @@ function F6(e, n) {
             })
           }, null, 14, R6)
         ], 10, M6)),
-        e.label ? (h(), S(
+        e.label ? (h(), P(
           "div",
           {
             key: 0,
@@ -14960,7 +14960,7 @@ var qc = (e, n, o) => new Promise((t, r) => {
 const { name: U6, n: Gc, classes: H6 } = ee("pull-refresh"), Xc = 150;
 function Y6(e, n) {
   const o = ne("var-icon");
-  return h(), S(
+  return h(), P(
     "div",
     {
       ref: "freshNode",
@@ -15043,8 +15043,8 @@ const om = x({
     }
     function A() {
       return qc(this, null, function* () {
-        m(), d.value && (s.value = !0, F(a.value) >= u.value * 0.2 ? (yield g("refresh"), l.value = "loading", a.value = u.value * 0.3, P(e["onUpdate:modelValue"], !0), Ke(() => {
-          P(e.onRefresh);
+        m(), d.value && (s.value = !0, F(a.value) >= u.value * 0.2 ? (yield g("refresh"), l.value = "loading", a.value = u.value * 0.3, S(e["onUpdate:modelValue"], !0), Ke(() => {
+          S(e.onRefresh);
         }), $("remove")) : (l.value = "loosing", i.value = "arrow-down", a.value = n.value, setTimeout(() => {
           s.value = !1, $("remove");
         }, F(e.animationDuration))), w = null);
@@ -15132,7 +15132,7 @@ function W6() {
 const { name: K6, n: q6, classes: G6 } = ee("radio"), X6 = ["tabindex"];
 function Z6(e, n) {
   const o = ne("var-icon"), t = ne("var-hover-overlay"), r = ne("var-form-details"), a = je("ripple"), i = je("hover");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n("wrap"))
@@ -15145,7 +15145,7 @@ function Z6(e, n) {
           onClick: n[3] || (n[3] = (...l) => e.handleClick && e.handleClick(...l))
         }, e.$attrs),
         [
-          Me((h(), S("div", {
+          Me((h(), P("div", {
             ref: "action",
             class: p(
               e.classes(
@@ -15183,7 +15183,7 @@ function Z6(e, n) {
             [a, { disabled: e.formReadonly || e.readonly || e.formDisabled || e.disabled || !e.ripple }],
             [i, e.handleHovering, "desktop"]
           ]),
-          e.$slots.default ? (h(), S(
+          e.$slots.default ? (h(), P(
             "div",
             {
               key: 0,
@@ -15243,7 +15243,7 @@ const am = x({
         return !(c != null && c.disabled.value) && !e.disabled && !(c != null && c.readonly.value) && !e.readonly;
       }
     };
-    P(l, b), P(d, b), We(() => window, "keydown", C), We(() => window, "keyup", w);
+    S(l, b), S(d, b), We(() => window, "keydown", C), We(() => window, "keyup", w);
     function C(M) {
       if (!o.value)
         return;
@@ -15261,11 +15261,11 @@ const am = x({
     }
     function $(M) {
       const { checkedValue: H, onChange: Y } = e;
-      i && t.value === H || (t.value = M, P(Y, t.value), i == null || i.onToggle(H), g("onChange"));
+      i && t.value === H || (t.value = M, S(Y, t.value), i == null || i.onToggle(H), g("onChange"));
     }
     function O(M) {
       const { disabled: H, readonly: Y, uncheckedValue: N, checkedValue: q, onClick: j } = e;
-      c != null && c.disabled.value || H || (P(j, M), !(c != null && c.readonly.value || Y) && (a.value = !0, $(r.value ? N : q)));
+      c != null && c.disabled.value || H || (S(j, M), !(c != null && c.readonly.value || Y) && (a.value = !0, $(r.value ? N : q)));
     }
     function z() {
       n.value.focus();
@@ -15340,7 +15340,7 @@ const im = {
 }, { name: J6, n: Q6, classes: _6 } = ee("radio-group");
 function x6(e, n) {
   const o = ne("maybe-v-node"), t = ne("var-radio"), r = ne("var-form-details");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n("wrap"))
@@ -15352,7 +15352,7 @@ function x6(e, n) {
           class: p(e.classes(e.n(), e.n(`--${e.direction}`)))
         },
         [
-          e.radioGroupOptions.length ? (h(!0), S(
+          e.radioGroupOptions.length ? (h(!0), P(
             Ae,
             { key: 0 },
             Ze(e.radioGroupOptions, (a) => (h(), Pe(t, {
@@ -15400,7 +15400,7 @@ const lm = x({
       resetValidation: s,
       errorMessage: c
     };
-    de(() => e.modelValue, m), de(() => n.value, m), P(r, d), t(d), We(() => window, "keydown", f);
+    de(() => e.modelValue, m), de(() => n.value, m), S(r, d), t(d), We(() => window, "keydown", f);
     function f(g) {
       const $ = o.findIndex(({ isFocusing: z }) => z.value);
       if (!($ === -1 || !o.some(({ moveable: z }, A) => A === $ ? !1 : z()))) {
@@ -15431,13 +15431,13 @@ const lm = x({
       return o.forEach(({ sync: g }) => g(e.modelValue));
     }
     function b(g) {
-      P(e["onUpdate:modelValue"], g), P(e.onChange, g), y("onChange");
+      S(e["onUpdate:modelValue"], g), S(e.onChange, g), y("onChange");
     }
     function C() {
       return l(e.rules, e.modelValue);
     }
     function w() {
-      P(e["onUpdate:modelValue"], void 0), s();
+      S(e["onUpdate:modelValue"], void 0), s();
     }
     return {
       errorMessage: a,
@@ -15500,7 +15500,7 @@ const sm = {
 }, { name: e4, n: wt } = ee("rate"), n4 = ["onClick"];
 function o4(e, n) {
   const o = ne("var-icon"), t = ne("var-hover-overlay"), r = ne("var-form-details"), a = je("ripple"), i = je("hover");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n("wrap"))
@@ -15512,10 +15512,10 @@ function o4(e, n) {
           class: p(e.n())
         },
         [
-          (h(!0), S(
+          (h(!0), P(
             Ae,
             null,
-            Ze(e.toNumber(e.count), (l) => Me((h(), S("div", {
+            Ze(e.toNumber(e.count), (l) => Me((h(), P("div", {
               key: l,
               style: K(e.getStyle(l)),
               class: p(e.getClass(l)),
@@ -15561,7 +15561,7 @@ const um = x({
   setup(e) {
     const n = k(-1), { form: o, bindForm: t } = jn(), { errorMessage: r, validateWithTrigger: a, validate: i, resetValidation: l } = Yn(), { hovering: s } = Jn();
     let u = F(e.modelValue);
-    P(t, {
+    S(t, {
       reset: g,
       validate: m,
       resetValidation: l
@@ -15606,7 +15606,7 @@ const um = x({
     }
     function y($, O) {
       const { half: z, clearable: A } = e, { offsetWidth: T } = O.target;
-      z && O.offsetX <= Math.floor(T / 2) && ($ -= 0.5), u === $ && A && ($ = 0), u !== $ && (P(e["onUpdate:modelValue"], $), P(e.onChange, $)), u = $;
+      z && O.offsetX <= Math.floor(T / 2) && ($ -= 0.5), u === $ && A && ($ = 0), u !== $ && (S(e["onUpdate:modelValue"], $), S(e.onChange, $)), u = $;
     }
     function m() {
       return i(e.rules, e.modelValue);
@@ -15624,7 +15624,7 @@ const um = x({
       };
     }
     function g() {
-      P(e["onUpdate:modelValue"], 0), l();
+      S(e["onUpdate:modelValue"], 0), l();
     }
     return {
       errorMessage: r,
@@ -15665,7 +15665,7 @@ const t4 = (e) => (Wo(""), e = e(), Ko(), e), r4 = {
   a4
 ];
 function l4(e, n) {
-  return h(), S("svg", r4, [...i4]);
+  return h(), P("svg", r4, [...i4]);
 }
 const cm = x({});
 cm.render = l4;
@@ -15683,7 +15683,7 @@ const u4 = (e) => (Wo(""), e = e(), Ko(), e), c4 = {
   d4
 ];
 function p4(e, n) {
-  return h(), S("svg", c4, [...f4]);
+  return h(), P("svg", c4, [...f4]);
 }
 const dm = x({});
 dm.render = p4;
@@ -15701,14 +15701,14 @@ const m4 = (e) => (Wo(""), e = e(), Ko(), e), h4 = {
   g4
 ];
 function y4(e, n) {
-  return h(), S("svg", h4, [...b4]);
+  return h(), P("svg", h4, [...b4]);
 }
 const fm = x({});
 fm.render = y4;
 var k4 = fm;
 const { n: $4, classes: w4 } = ee("result");
 function C4(e, n) {
-  return h(), S(
+  return h(), P(
     Ae,
     null,
     [
@@ -15815,7 +15815,7 @@ const P4 = (e) => (Wo(""), e = e(), Ko(), e), z4 = {
   O4
 ];
 function E4(e, n) {
-  return h(), S("svg", z4, [...T4]);
+  return h(), P("svg", z4, [...T4]);
 }
 const vm = x({});
 vm.render = E4;
@@ -15833,7 +15833,7 @@ const B4 = (e) => (Wo(""), e = e(), Ko(), e), I4 = { viewBox: "-4 -4 32 32" }, M
   M4
 ];
 function A4(e, n) {
-  return h(), S("svg", I4, [...N4]);
+  return h(), P("svg", I4, [...N4]);
 }
 const mm = x({});
 mm.render = A4;
@@ -15852,14 +15852,14 @@ const hm = {
   }
 }, { name: L4, n: R4, classes: F4 } = ee("result");
 function U4(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.n("$--box")))
     },
     [
       L(e.$slots, "image", {}, () => [
-        e.type ? (h(), S(
+        e.type ? (h(), P(
           "div",
           {
             key: 0,
@@ -15891,7 +15891,7 @@ function U4(e, n) {
         )) : X("v-if", !0)
       ]),
       L(e.$slots, "title", {}, () => [
-        e.title ? (h(), S(
+        e.title ? (h(), P(
           "div",
           {
             key: 0,
@@ -15903,7 +15903,7 @@ function U4(e, n) {
         )) : X("v-if", !0)
       ]),
       L(e.$slots, "description", {}, () => [
-        e.description ? (h(), S(
+        e.description ? (h(), P(
           "div",
           {
             key: 0,
@@ -15914,7 +15914,7 @@ function U4(e, n) {
           /* TEXT, CLASS */
         )) : X("v-if", !0)
       ]),
-      e.$slots.footer ? (h(), S(
+      e.$slots.footer ? (h(), P(
         "div",
         {
           key: 0,
@@ -15978,7 +15978,7 @@ const bm = {
   onClick: R()
 }, { name: H4, n: Y4, classes: j4 } = ee("row");
 function W4(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.n("$--box"))),
@@ -16011,7 +16011,7 @@ const ym = x({
       });
     }
     function l(s) {
-      P(e.onClick, s);
+      S(e.onClick, s);
     }
     return {
       average: n,
@@ -16090,7 +16090,7 @@ const km = X4({
 ])), { name: Z4, n: J4, classes: Q4 } = ee("select"), _4 = ["tabindex"];
 function x4(e, n) {
   const o = ne("maybe-v-node"), t = ne("var-chip"), r = ne("var-icon"), a = ne("var-field-decorator"), i = ne("var-option"), l = ne("var-menu"), s = ne("var-form-details");
-  return h(), S("div", {
+  return h(), P("div", {
     ref: "root",
     class: p(e.n()),
     tabindex: e.disabled || e.formDisabled ? void 0 : "0",
@@ -16120,7 +16120,7 @@ function x4(e, n) {
             class: p(e.classes(e.n("scroller"), e.n("$-elevation--3")))
           },
           [
-            e.selectOptions.length ? (h(!0), S(
+            e.selectOptions.length ? (h(!0), P(
               Ae,
               { key: 0 },
               Ze(e.selectOptions, (u) => (h(), Pe(i, {
@@ -16186,18 +16186,18 @@ function x4(e, n) {
                     },
                     [
                       e.isEmptyModelValue ? X("v-if", !0) : L(e.$slots, "selected", { key: 0 }, () => [
-                        e.multiple ? (h(), S(
+                        e.multiple ? (h(), P(
                           Ae,
                           { key: 0 },
                           [
-                            e.chip ? (h(), S(
+                            e.chip ? (h(), P(
                               "div",
                               {
                                 key: 0,
                                 class: p(e.n("chips"))
                               },
                               [
-                                (h(!0), S(
+                                (h(!0), P(
                                   Ae,
                                   null,
                                   Ze(e.labels, (u) => (h(), Pe(t, {
@@ -16223,17 +16223,17 @@ function x4(e, n) {
                               ],
                               2
                               /* CLASS */
-                            )) : (h(), S(
+                            )) : (h(), P(
                               "div",
                               {
                                 key: 1,
                                 class: p(e.n("values"))
                               },
                               [
-                                (h(!0), S(
+                                (h(!0), P(
                                   Ae,
                                   null,
-                                  Ze(e.labels, (u, c) => (h(), S(
+                                  Ze(e.labels, (u, c) => (h(), P(
                                     Ae,
                                     { key: u },
                                     [
@@ -16266,7 +16266,7 @@ function x4(e, n) {
                     2
                     /* CLASS */
                   ),
-                  e.enableCustomPlaceholder ? (h(), S(
+                  e.enableCustomPlaceholder ? (h(), P(
                     "span",
                     {
                       key: 0,
@@ -16363,7 +16363,7 @@ const $m = x({
         const { multiple: Q, modelValue: ke } = e;
         Q && !He(ke) && Vn("Select", "The modelValue must be an array when multiple is true");
       }
-    ), y(M), We(() => window, "keydown", H), We(() => window, "keyup", Y), P(c, M);
+    ), y(M), We(() => window, "keydown", H), We(() => window, "keyup", Y), S(c, M);
     function H(Q) {
       const { disabled: ke, readonly: Ce } = e;
       if (d != null && d.disabled.value || d != null && d.readonly.value || ke || Ce || !n.value)
@@ -16402,11 +16402,11 @@ const $m = x({
     }
     function q() {
       const { disabled: Q, readonly: ke, onFocus: Ce } = e;
-      d != null && d.disabled.value || d != null && d.readonly.value || Q || ke || (u.value = en(e.offsetY), J(), P(Ce), N("onFocus"));
+      d != null && d.disabled.value || d != null && d.readonly.value || Q || ke || (u.value = en(e.offsetY), J(), S(Ce), N("onFocus"));
     }
     function j() {
       const { disabled: Q, readonly: ke, onBlur: Ce } = e;
-      d != null && d.disabled.value || d != null && d.readonly.value || Q || ke || (ae(), P(Ce), N("onBlur"));
+      d != null && d.disabled.value || d != null && d.readonly.value || Q || ke || (ae(), S(Ce), N("onBlur"));
     }
     function ce() {
       o.value || j();
@@ -16419,7 +16419,7 @@ const $m = x({
       if (d != null && d.disabled.value || d != null && d.readonly.value || ke || Ce)
         return;
       const ln = w(Q);
-      P(e["onUpdate:modelValue"], ln), P(Xe, ln), N("onChange"), De || (t.value.focus(), $n().then(() => {
+      S(e["onUpdate:modelValue"], ln), S(Xe, ln), N("onChange"), De || (t.value.focus(), $n().then(() => {
         o.value = !1;
       }));
     }
@@ -16428,11 +16428,11 @@ const $m = x({
       if (d != null && d.disabled.value || d != null && d.readonly.value || Q || ke || !De)
         return;
       const ln = Ce ? [] : void 0;
-      P(e["onUpdate:modelValue"], ln), P(Xe, ln), N("onClear");
+      S(e["onUpdate:modelValue"], ln), S(Xe, ln), N("onClear");
     }
     function ie(Q) {
       const { disabled: ke, onClick: Ce } = e;
-      d != null && d.disabled.value || ke || (P(Ce, Q), N("onClick"));
+      d != null && d.disabled.value || ke || (S(Ce, Q), N("onClick"));
     }
     function U(Q) {
       const { disabled: ke, readonly: Ce, modelValue: De, onClose: Xe } = e;
@@ -16444,7 +16444,7 @@ const $m = x({
           return Ue !== ((Ve = ln.value.value) != null ? Ve : ln.label.value);
         }
       );
-      P(e["onUpdate:modelValue"], ve), P(Xe, ve), N("onClose");
+      S(e["onUpdate:modelValue"], ve), S(Xe, ve), N("onClose");
     }
     function J() {
       u.value = en(e.offsetY), n.value = !0;
@@ -16456,7 +16456,7 @@ const $m = x({
       return O(e.rules, e.modelValue);
     }
     function W() {
-      P(e["onUpdate:modelValue"], e.multiple ? [] : void 0), z();
+      S(e["onUpdate:modelValue"], e.multiple ? [] : void 0), z();
     }
     return {
       root: t,
@@ -16525,13 +16525,13 @@ const wm = {
   }
 }, { name: e2, n: n2, classes: o2 } = ee("skeleton");
 function t2(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n("$--box"), e.n()))
     },
     [
-      e.loading ? X("v-if", !0) : (h(), S(
+      e.loading ? X("v-if", !0) : (h(), P(
         "div",
         {
           key: 0,
@@ -16543,14 +16543,14 @@ function t2(e, n) {
         2
         /* CLASS */
       )),
-      e.loading && !e.fullscreen ? (h(), S(
+      e.loading && !e.fullscreen ? (h(), P(
         "div",
         {
           key: 1,
           class: p(e.n("content"))
         },
         [
-          e.card ? (h(), S(
+          e.card ? (h(), P(
             "div",
             {
               key: 0,
@@ -16571,14 +16571,14 @@ function t2(e, n) {
             6
             /* CLASS, STYLE */
           )) : X("v-if", !0),
-          e.avatar || e.title || e.toNumber(e.rows) > 0 ? (h(), S(
+          e.avatar || e.title || e.toNumber(e.rows) > 0 ? (h(), P(
             "div",
             {
               key: 1,
               class: p(e.n("article"))
             },
             [
-              e.avatar ? (h(), S(
+              e.avatar ? (h(), P(
                 "div",
                 {
                   key: 0,
@@ -16602,14 +16602,14 @@ function t2(e, n) {
                 6
                 /* CLASS, STYLE */
               )) : X("v-if", !0),
-              e.title || e.toNumber(e.rows) > 0 ? (h(), S(
+              e.title || e.toNumber(e.rows) > 0 ? (h(), P(
                 "div",
                 {
                   key: 1,
                   class: p(e.n("section"))
                 },
                 [
-                  e.title ? (h(), S(
+                  e.title ? (h(), P(
                     "div",
                     {
                       key: 0,
@@ -16630,10 +16630,10 @@ function t2(e, n) {
                     6
                     /* CLASS, STYLE */
                   )) : X("v-if", !0),
-                  (h(!0), S(
+                  (h(!0), P(
                     Ae,
                     null,
-                    Ze(e.toNumber(e.rows), (o, t) => (h(), S(
+                    Ze(e.toNumber(e.rows), (o, t) => (h(), P(
                       "div",
                       {
                         class: p(e.n("row")),
@@ -16669,7 +16669,7 @@ function t2(e, n) {
         2
         /* CLASS */
       )) : X("v-if", !0),
-      e.loading && e.fullscreen ? (h(), S(
+      e.loading && e.fullscreen ? (h(), P(
         "div",
         {
           key: 2,
@@ -16754,7 +16754,7 @@ const Sm = {
 }, { name: r2, n: Qc, classes: a2 } = ee("slider"), i2 = ["tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-valuetext", "onTouchstart", "onFocusin", "onFocusout"];
 function l2(e, n) {
   const o = ne("var-hover-overlay"), t = ne("var-form-details"), r = je("hover");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(e.direction), e.n("$--box")))
@@ -16802,10 +16802,10 @@ function l2(e, n) {
             2
             /* CLASS */
           ),
-          (h(!0), S(
+          (h(!0), P(
             Ae,
             null,
-            Ze(e.thumbList, (a) => (h(), S("div", {
+            Ze(e.thumbList, (a) => (h(), P("div", {
               class: p(e.n(`${e.direction}-thumb`)),
               key: a.enumValue,
               style: K(e.thumbStyle(a)),
@@ -16969,7 +16969,7 @@ const Pm = x({
       [un.Second]: H()
     });
     let T;
-    P(d, {
+    S(d, {
       reset: ln,
       validate: M,
       resetValidation: b
@@ -17022,7 +17022,7 @@ const Pm = x({
       i.value || me.handleHovering(le);
     }
     function ye(le) {
-      P(e.onChange, le), P(e["onUpdate:modelValue"], le), Y();
+      S(e.onChange, le), S(e["onUpdate:modelValue"], le), Y();
     }
     function ie(le, me) {
       let $e = [];
@@ -17047,7 +17047,7 @@ const Pm = x({
     function V(le, me) {
       if (D(), i.value || (A[me].active = !0), T = me, J(), i.value || l.value)
         return;
-      P(e.onStart), t.value = !0;
+      S(e.onStart), t.value = !0;
       const { clientX: $e, clientY: Ne } = le.touches[0];
       A[me].startPosition = s.value ? Ne : $e;
     }
@@ -17066,7 +17066,7 @@ const Pm = x({
       let oe = [];
       A[T].currentOffset = A[T].percentValue * a.value;
       const we = A[T].percentValue * F(Ne) + F(xe);
-      le && He(me) && (oe = T === un.First ? [we, me[1]] : [me[0], we]), P($e, le ? oe : we), t.value = !1;
+      le && He(me) && (oe = T === un.First ? [we, me[1]] : [me[0], we]), S($e, le ? oe : we), t.value = !1;
     }
     function ke(le) {
       if (i.value || l.value || le.target.closest(`.${Qc("thumb")}`))
@@ -17090,7 +17090,7 @@ const Pm = x({
     }
     function ln() {
       const le = e.range ? [0, 0] : 0;
-      P(e["onUpdate:modelValue"], le), b();
+      S(e["onUpdate:modelValue"], le), b();
     }
     function ve(le, me) {
       const $e = F(e.step);
@@ -17201,7 +17201,7 @@ const As = {
 };
 function b2(e, n) {
   const o = ne("var-icon"), t = ne("var-loading");
-  return Me((h(), S(
+  return Me((h(), P(
     "div",
     {
       class: p(e.n()),
@@ -17240,7 +17240,7 @@ function b2(e, n) {
             2
             /* CLASS */
           ),
-          e.iconName || e.type === "loading" || e.$slots.icon ? (h(), S(
+          e.iconName || e.type === "loading" || e.$slots.icon ? (h(), P(
             "div",
             {
               key: 0,
@@ -17263,7 +17263,7 @@ function b2(e, n) {
             2
             /* CLASS */
           )) : X("v-if", !0),
-          e.$slots.action ? (h(), S(
+          e.$slots.action ? (h(), P(
             "div",
             {
               key: 1,
@@ -17305,13 +17305,13 @@ const zm = x({
     }), r = B(() => e.type ? g2[e.type] : "");
     function a() {
       n.value = setTimeout(() => {
-        e.type !== "loading" && P(e["onUpdate:show"], !1);
+        e.type !== "loading" && S(e["onUpdate:show"], !1);
       }, e.duration);
     }
     return de(
       () => e.show,
       (i) => {
-        i ? (P(e.onOpen), a()) : (clearTimeout(n.value), P(e.onClose));
+        i ? (S(e.onOpen), a()) : (clearTimeout(n.value), S(e.onClose));
       }
     ), de(
       () => e._update,
@@ -17319,7 +17319,7 @@ const zm = x({
         clearTimeout(n.value), a();
       }
     ), pn(() => {
-      e.show && (P(e.onOpen), a());
+      e.show && (S(e.onOpen), a());
     }), {
       SNACKBAR_TYPE: Em,
       zIndex: o,
@@ -17514,12 +17514,12 @@ eo.resetDefaultOptions = function() {
 };
 function O2(e) {
   const n = e.getAttribute("data-id"), o = Hn.find((t) => t.id === F(n));
-  o && P(o.reactiveSnackOptions.onOpened);
+  o && S(o.reactiveSnackOptions.onOpened);
 }
 function T2(e) {
   e.parentElement && e.parentElement.classList.remove("var-pointer-auto");
   const n = e.getAttribute("data-id"), o = Hn.find((r) => r.id === F(n));
-  o && (o.animationEnd = !0, P(o.reactiveSnackOptions.onClosed)), Hn.every((r) => r.animationEnd) && (P(Dm), Hn = Qe([]), Yl = !1);
+  o && (o.animationEnd = !0, S(o.reactiveSnackOptions.onClosed)), Hn.every((r) => r.animationEnd) && (S(Dm), Hn = Qe([]), Yl = !1);
 }
 function E2(e) {
   Hn.push(e);
@@ -17598,7 +17598,7 @@ var ci = x({
         direction: l,
         size: s
       } = e;
-      let u = (o = P(n.default)) != null ? o : [];
+      let u = (o = S(n.default)) != null ? o : [];
       const [c, d] = V2(s, N2(s));
       u = Ed(u);
       const f = u.length - 1, v = u.map((y, m) => {
@@ -17661,7 +17661,7 @@ function R2() {
 const { name: F2, n: U2, classes: H2 } = ee("step"), Y2 = { key: 3 };
 function j2(e, n) {
   const o = ne("var-icon");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n())
@@ -17699,7 +17699,7 @@ function j2(e, n) {
                 "var-step-cover": "",
                 name: e.inactiveIcon,
                 namespace: e.inactiveIconNamespace
-              }, null, 8, ["class", "name", "namespace"])) : (h(), S(
+              }, null, 8, ["class", "name", "namespace"])) : (h(), P(
                 "span",
                 Y2,
                 re(e.index + 1),
@@ -17710,7 +17710,7 @@ function j2(e, n) {
             6
             /* CLASS, STYLE */
           ),
-          e.$slots.default ? (h(), S(
+          e.$slots.default ? (h(), P(
             "div",
             {
               key: 0,
@@ -17784,7 +17784,7 @@ const Vm = {
   onClickStep: R()
 }, { name: W2, n: K2 } = ee("steps");
 function q2(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n()),
@@ -17810,7 +17810,7 @@ const Lm = x({
       clickStep: l
     });
     function l(s) {
-      P(e.onClickStep, s);
+      S(e.onClickStep, s);
     }
     return { n: K2 };
   }
@@ -17840,7 +17840,7 @@ const Rm = {
         class: X2(),
         style: Rd(e.styleVars)
       },
-      P(n.default)
+      S(n.default)
     );
   }
 });
@@ -17924,7 +17924,7 @@ const Um = {
 ];
 function aP(e, n) {
   const o = ne("var-hover-overlay"), t = ne("var-form-details"), r = je("ripple"), a = je("hover");
-  return Me((h(), S("div", {
+  return Me((h(), P("div", {
     class: p(e.classes(e.n(), [e.variant, e.n("--variant")])),
     role: "switch",
     "aria-checked": e.modelValue
@@ -17948,7 +17948,7 @@ function aP(e, n) {
           6
           /* CLASS, STYLE */
         ),
-        Me((h(), S("div", {
+        Me((h(), P("div", {
           class: p(e.classes(e.n("ripple"), [e.isActive, e.n("ripple--active")])),
           style: K(e.styleComputed.ripple),
           tabindex: e.disabled || e.formDisabled ? void 0 : "0",
@@ -17970,7 +17970,7 @@ function aP(e, n) {
               )
             },
             [
-              e.loading ? (h(), S(
+              e.loading ? (h(), P(
                 "span",
                 {
                   key: 0,
@@ -18044,7 +18044,7 @@ const Hm = x({
         }
       };
     }), v = B(() => Cn(e.size, 0.8));
-    P(t, {
+    S(t, {
       reset: O,
       validate: C,
       resetValidation: s
@@ -18077,18 +18077,18 @@ const Hm = x({
         "onUpdate:modelValue": q,
         onBeforeChange: j
       } = e;
-      if (E || r != null && r.disabled.value || (P(A, z), D || M || r != null && r.readonly.value))
+      if (E || r != null && r.disabled.value || (S(A, z), D || M || r != null && r.readonly.value))
         return;
       const ce = d.value ? Y : H;
-      N ? P(j, ce, (_) => {
-        P(q, _), w("onLazyChange");
-      }) : (P(T, ce), P(q, ce), w("onChange"));
+      N ? S(j, ce, (_) => {
+        S(q, _), w("onLazyChange");
+      }) : (S(T, ce), S(q, ce), w("onChange"));
     }
     function $(z) {
       e.disabled || r != null && r.disabled.value || c(z);
     }
     function O() {
-      P(e["onUpdate:modelValue"], e.inactiveValue), s();
+      S(e["onUpdate:modelValue"], e.inactiveValue), s();
     }
     return {
       isActive: d,
@@ -18143,7 +18143,7 @@ function lP() {
 const { name: sP, n: pr, classes: uP } = ee("tab");
 function cP(e, n) {
   const o = je("ripple");
-  return Me((h(), S(
+  return Me((h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.n("$--box"), e.computeColorClass(), e.n(`--${e.itemDirection}`))),
@@ -18185,7 +18185,7 @@ const Wm = x({
     }
     function g($) {
       const { disabled: O, name: z, onClick: A } = e;
-      O || (P(A, z ?? a.value, $), s(m));
+      O || (S(A, z ?? a.value, $), s(m));
     }
     return {
       tabEl: n,
@@ -18265,7 +18265,7 @@ const Gm = {
   }
 }, { name: mP, n: hP, classes: gP } = ee("table");
 function bP(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.formatElevation(e.elevation, 1), e.n("$--box")))
@@ -18294,7 +18294,7 @@ function bP(e, n) {
         6
         /* CLASS, STYLE */
       ),
-      e.$slots.footer ? (h(), S(
+      e.$slots.footer ? (h(), P(
         "div",
         {
           key: 0,
@@ -18484,7 +18484,7 @@ const Jm = x({
     function w(M) {
       var H;
       const Y = (H = M.name.value) != null ? H : M.index.value, { active: N, onChange: q, onClick: j } = e;
-      P(e["onUpdate:active"], Y), P(j, Y), Y !== N && P(q, Y);
+      S(e["onUpdate:active"], Y), S(j, Y), Y !== N && S(q, Y);
     }
     function g() {
       return y.find(({ name: M }) => e.active === M.value);
@@ -18498,7 +18498,7 @@ const Jm = x({
       const { active: M } = e;
       if (On(M)) {
         const H = Mn(M, 0, b.value - 1);
-        return P(e["onUpdate:active"], H), $(H);
+        return S(e["onUpdate:active"], H), $(H);
       }
     }
     function z() {
@@ -18635,7 +18635,7 @@ const _m = x({
     function u(d) {
       var f;
       const v = o.find(({ index: m }) => m.value === d), y = (f = v.name.value) != null ? f : v.index.value;
-      P(e["onUpdate:active"], y);
+      S(e["onUpdate:active"], y);
     }
     function c() {
       return n.value;
@@ -21348,7 +21348,7 @@ const Fn = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], Sn =
   return (n = e.allowedTime) != null && n.seconds && (y = (o = e.allowedTime) == null ? void 0 : o.seconds(t)), v || y;
 }, { n: v8, classes: m8 } = ee("time-picker");
 function h8(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n("clock"))
@@ -21364,10 +21364,10 @@ function h8(e, n) {
         6
         /* CLASS, STYLE */
       ),
-      (h(!0), S(
+      (h(!0), P(
         Ae,
         null,
-        Ze(e.timeScales, (o, t) => (h(), S(
+        Ze(e.timeScales, (o, t) => (h(), P(
           "div",
           {
             class: p(
@@ -21387,7 +21387,7 @@ function h8(e, n) {
         128
         /* KEYED_FRAGMENT */
       )),
-      e.format === "24hr" && e.type === "hour" ? (h(), S(
+      e.format === "24hr" && e.type === "hour" ? (h(), P(
         "div",
         {
           key: 0,
@@ -21395,10 +21395,10 @@ function h8(e, n) {
           ref: "inner"
         },
         [
-          (h(!0), S(
+          (h(!0), P(
             Ae,
             null,
-            Ze(e.hours24, (o, t) => (h(), S(
+            Ze(e.hours24, (o, t) => (h(), P(
               "div",
               {
                 class: p(
@@ -21609,7 +21609,7 @@ const { name: b8, n: y8, classes: k8 } = ee("time-picker");
 function $8(e, n) {
   var o;
   const t = ne("clock");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.formatElevation(e.elevation, 2))),
@@ -21673,7 +21673,7 @@ function $8(e, n) {
                     3
                     /* TEXT, CLASS */
                   ),
-                  e.useSeconds ? (h(), S(
+                  e.useSeconds ? (h(), P(
                     "span",
                     {
                       key: 0,
@@ -21683,7 +21683,7 @@ function $8(e, n) {
                     2
                     /* CLASS */
                   )) : X("v-if", !0),
-                  e.useSeconds ? (h(), S(
+                  e.useSeconds ? (h(), P(
                     "div",
                     {
                       key: 1,
@@ -21698,7 +21698,7 @@ function $8(e, n) {
                 2
                 /* CLASS */
               ),
-              e.format === "ampm" ? (h(), S(
+              e.format === "ampm" ? (h(), P(
                 "div",
                 {
                   key: 0,
@@ -21787,7 +21787,7 @@ function $8(e, n) {
         2
         /* CLASS */
       ),
-      e.$slots.actions ? (h(), S(
+      e.$slots.actions ? (h(), P(
         "div",
         {
           key: 0,
@@ -21831,7 +21831,7 @@ const rh = x({
       { immediate: !0 }
     );
     function O(ie) {
-      P(e["onUpdate:modelValue"], ie), P(e.onChange, ie);
+      S(e["onUpdate:modelValue"], ie), S(e.onChange, ie);
     }
     function z(ie) {
       return ie * 57.29577951308232;
@@ -22046,7 +22046,7 @@ let P8 = 0;
 const z8 = ["onClick"], O8 = ["onClick"], T8 = ["src", "alt"], E8 = ["tabindex"], D8 = ["multiple", "accept", "capture", "disabled"], B8 = ["src"];
 function I8(e, n) {
   const o = ne("var-icon"), t = ne("var-hover-overlay"), r = ne("var-form-details"), a = ne("var-popup"), i = je("ripple"), l = je("hover");
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.classes(e.n(), e.n("$--box")))
@@ -22058,10 +22058,10 @@ function I8(e, n) {
           class: p(e.n("file-list"))
         },
         [
-          (h(!0), S(
+          (h(!0), P(
             Ae,
             null,
-            Ze(e.files, (s) => Me((h(), S("div", {
+            Ze(e.files, (s) => Me((h(), P("div", {
               class: p(e.classes(e.n("file"), e.formatElevation(e.elevation, 2), [s.state === "loading", e.n("--loading")])),
               key: s.id,
               onClick: (u) => e.preview(s)
@@ -22075,7 +22075,7 @@ function I8(e, n) {
                 3
                 /* TEXT, CLASS */
               ),
-              e.removable ? (h(), S("div", {
+              e.removable ? (h(), P("div", {
                 key: 0,
                 class: p(e.n("file-close")),
                 onClick: An((u) => e.handleRemove(s), ["stop"])
@@ -22086,7 +22086,7 @@ function I8(e, n) {
                   name: "delete"
                 }, null, 8, ["class"])
               ], 10, O8)) : X("v-if", !0),
-              s.cover ? (h(), S("img", {
+              s.cover ? (h(), P("img", {
                 key: 1,
                 role: "img",
                 class: p(e.n("file-cover")),
@@ -22122,7 +22122,7 @@ function I8(e, n) {
             128
             /* KEYED_FRAGMENT */
           )),
-          !e.maxlength || e.modelValue.length < e.toNumber(e.maxlength) ? Me((h(), S("div", {
+          !e.maxlength || e.modelValue.length < e.toNumber(e.maxlength) ? Me((h(), P("div", {
             key: 0,
             ref: "actionRef",
             class: p(
@@ -22196,7 +22196,7 @@ function I8(e, n) {
         default: fe(() => {
           var s, u;
           return [
-            e.currentPreview && e.isHTMLSupportVideo((s = e.currentPreview) == null ? void 0 : s.url) ? (h(), S("video", {
+            e.currentPreview && e.isHTMLSupportVideo((s = e.currentPreview) == null ? void 0 : s.url) ? (h(), P("video", {
               key: 0,
               class: p(e.n("preview-video")),
               playsinline: "true",
@@ -22250,7 +22250,7 @@ const ih = x({
       getError: q,
       getLoading: j
     };
-    P(s, {
+    S(s, {
       validate: ye,
       resetValidation: f,
       reset: ie
@@ -22269,7 +22269,7 @@ const ih = x({
     }
     function O(U) {
       const { disabled: J, previewed: ae, preventDefaultPreview: V, onPreview: W } = e;
-      if (l != null && l.disabled.value || J || !ae || (P(W, Qe(U)), V))
+      if (l != null && l.disabled.value || J || !ae || (S(W, Qe(U)), V))
         return;
       const { url: Q } = U;
       if (cu(Q)) {
@@ -22313,7 +22313,7 @@ const ih = x({
             valid: !0,
             varFile: ae
           });
-          const W = Vo(P(J, Qe(ae)));
+          const W = Vo(S(J, Qe(ae)));
           Promise.all(W).then((Q) => {
             V({
               valid: Q.every(Boolean),
@@ -22328,7 +22328,7 @@ const ih = x({
         const { maxsize: J, maxlength: ae, modelValue: V, onOversize: W, onAfterRead: Q, onBeforeFilter: ke, readonly: Ce, disabled: De } = e;
         if (l != null && l.disabled.value || l != null && l.readonly.value || De || Ce)
           return;
-        const Xe = ($e) => $e.filter((Ne) => Ne.file.size > F(J) ? (P(W, Qe(Ne)), !1) : !0), ln = ($e) => {
+        const Xe = ($e) => $e.filter((Ne) => Ne.file.size > F(J) ? (S(W, Qe(Ne)), !1) : !0), ln = ($e) => {
           const Ne = Math.min($e.length, F(ae) - V.length);
           return $e.slice(0, Ne);
         }, ve = ($e) => vr(this, null, function* () {
@@ -22342,7 +22342,7 @@ const ih = x({
         let Ve = A(U).map(z);
         Ve = yield ve(Ve), Ve = J != null ? Xe(Ve) : Ve, Ve = ae != null ? ln(Ve) : Ve;
         const nn = yield Promise.all(E(Ve)), me = (yield Promise.all(D(nn))).filter(({ valid: $e }) => $e).map(({ varFile: $e }) => $e);
-        P(e["onUpdate:modelValue"], [...V, ...me]), U.target.value = "", me.forEach(($e) => P(Q, Qe($e)));
+        S(e["onUpdate:modelValue"], [...V, ...me]), U.target.value = "", me.forEach(($e) => S(Q, Qe($e)));
       });
     }
     function H(U) {
@@ -22351,18 +22351,18 @@ const ih = x({
         if (l != null && l.disabled.value || l != null && l.readonly.value || J || ae)
           return;
         if (W) {
-          const Ce = Vo(P(W, Qe(U)));
+          const Ce = Vo(S(W, Qe(U)));
           if ((yield Promise.all(Ce)).some((De) => !De))
             return;
         }
         const ke = V.filter((Ce) => Ce !== U);
-        P(Q, Qe(U)), pe("onRemove"), P(e["onUpdate:modelValue"], ke);
+        S(Q, Qe(U)), pe("onRemove"), S(e["onUpdate:modelValue"], ke);
       });
     }
     function Y(U) {
       if (!(l != null && l.disabled.value || e.disabled)) {
         if (e.onClickAction) {
-          P(e.onClickAction, ce, U);
+          S(e.onClickAction, ce, U);
           return;
         }
         ce();
@@ -22393,7 +22393,7 @@ const ih = x({
       return d(e.rules, e.modelValue, C);
     }
     function ie() {
-      b = !0, P(e["onUpdate:modelValue"], []), f();
+      b = !0, S(e["onUpdate:modelValue"], []), f();
     }
     return {
       input: t,
@@ -22511,7 +22511,7 @@ var M8 = Object.defineProperty, N8 = Object.defineProperties, A8 = Object.getOwn
 });
 const { name: U8, n: H8, classes: Y8 } = ee("watermark"), j8 = { ref: "svgRef" }, W8 = ["viewBox", "width", "height"], K8 = ["width", "height"], q8 = ["href", "xlink:href", "x", "y", "width", "height"];
 function G8(e, n) {
-  return h(), S(
+  return h(), P(
     "div",
     {
       class: p(e.n())
@@ -22537,7 +22537,7 @@ function G8(e, n) {
               "div",
               j8,
               [
-                (h(), S("svg", {
+                (h(), P("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   "xmlns:xlink": "http://www.w3.org/1999/xlink",
                   viewBox: `0 0 ${e.width + e.gapX} ${e.height + e.gapY}`,
@@ -22548,7 +22548,7 @@ function G8(e, n) {
                     opacity: e.opacity
                   })
                 }, [
-                  e.showContent() ? (h(), S("foreignObject", {
+                  e.showContent() ? (h(), P("foreignObject", {
                     key: 0,
                     x: "0",
                     y: "0",
@@ -22581,7 +22581,7 @@ function G8(e, n) {
                       /* STYLE */
                     )
                   ], 8, K8)) : X("v-if", !0),
-                  !e.$slots.content && e.image ? (h(), S("image", {
+                  !e.$slots.content && e.image ? (h(), P("image", {
                     key: 1,
                     href: e.imageUrl,
                     "xlink:href": e.imageUrl,
@@ -22681,7 +22681,7 @@ te(Ci);
 ue(Ci, lh);
 const DT = Ci;
 var ts = Ci;
-const X8 = "3.3.4";
+const X8 = "3.3.5";
 function Z8(e) {
   Li.install && e.use(Li), Ri.install && e.use(Ri), Hi.install && e.use(Hi), Yi.install && e.use(Yi), ji.install && e.use(ji), Or.install && e.use(Or), Wi.install && e.use(Wi), Ki.install && e.use(Ki), qi.install && e.use(qi), Gi.install && e.use(Gi), Pn.install && e.use(Pn), Xi.install && e.use(Xi), Zi.install && e.use(Zi), Ji.install && e.use(Ji), lt.install && e.use(lt), Qi.install && e.use(Qi), Tr.install && e.use(Tr), _i.install && e.use(_i), xi.install && e.use(xi), el.install && e.use(el), nl.install && e.use(nl), Nn.install && e.use(Nn), al.install && e.use(al), dl.install && e.use(dl), pl.install && e.use(pl), vl.install && e.use(vl), ml.install && e.use(ml), Nr.install && e.use(Nr), bl.install && e.use(bl), yl.install && e.use(yl), Vt.install && e.use(Vt), kl.install && e.use(kl), $l.install && e.use($l), En.install && e.use(En), Tn.install && e.use(Tn), Ln.install && e.use(Ln), Je.install && e.use(Je), wl.install && e.use(wl), Ft.install && e.use(Ft), Cl.install && e.use(Cl), Sl.install && e.use(Sl), Vr.install && e.use(Vr), It.install && e.use(It), Pl.install && e.use(Pl), zl.install && e.use(zl), it.install && e.use(it), Ol.install && e.use(Ol), Ai.install && e.use(Ai), Tl.install && e.use(Tl), Ut.install && e.use(Ut), Lr.install && e.use(Lr), Rr.install && e.use(Rr), Fr.install && e.use(Fr), El.install && e.use(El), Dl.install && e.use(Dl), Bl.install && e.use(Bl), Il.install && e.use(Il), Po.install && e.use(Po), Ml.install && e.use(Ml), Nl.install && e.use(Nl), Ur.install && e.use(Ur), Al.install && e.use(Al), Vl.install && e.use(Vl), Ll.install && e.use(Ll), tn.install && e.use(tn), Rl.install && e.use(Rl), Fl.install && e.use(Fl), Ul.install && e.use(Ul), Hl.install && e.use(Hl), jl.install && e.use(jl), Wl.install && e.use(Wl), Kl.install && e.use(Kl), ql.install && e.use(ql), ct.install && e.use(ct), Gl.install && e.use(Gl), Lt.install && e.use(Lt), Rt.install && e.use(Rt), Xl.install && e.use(Xl), Zl.install && e.use(Zl), Jl.install && e.use(Jl), Ql.install && e.use(Ql), _l.install && e.use(_l), xl.install && e.use(xl), es.install && e.use(es), ns.install && e.use(ns), Ar.install && e.use(Ar), os.install && e.use(os), ts.install && e.use(ts);
 }