@creatorsn/vfluent3 0.3.0 → 0.3.3

package/dist/vfluent3.js

@@ -1,7 +1,7 @@
 var No = Object.defineProperty;
 var Ho = (e, i, t) => i in e ? No(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
 var Vt = (e, i, t) => (Ho(e, typeof i != "symbol" ? i + "" : i, t), t);
-import { computed as Pe, effectScope as Hn, ref as se, markRaw as Dt, hasInjectionContext as Go, inject as Uo, getCurrentInstance as Ki, toRaw as Ji, watch as Qi, reactive as Yo, isRef as Le, isReactive as Xs, toRef as ds, nextTick as Ht, unref as A, getCurrentScope as jo, onScopeDispose as qo, toRefs as mn, defineComponent as Zi, h as Wi, openBlock as p, createElementBlock as b, normalizeClass as V, normalizeStyle as y, createElementVNode as u, renderSlot as N, createTextVNode as de, withDirectives as S, vShow as E, toDisplayString as M, Fragment as Z, renderList as ie, vModelText as Gn, resolveComponent as j, createVNode as O, Transition as he, withCtx as G, createCommentVNode as te, TransitionGroup as es, createBlock as ne, mergeModels as gn, useModel as Xo, useSlots as Ko, onMounted as Ks, onBeforeUnmount as Un, Teleport as Jo, withModifiers as zt, render as Gt, withKeys as Js, vModelDynamic as Yn, resolveDynamicComponent as jn, resolveDirective as Qo } from "vue";
+import { computed as Pe, effectScope as Hn, ref as se, markRaw as Dt, hasInjectionContext as Go, inject as Uo, getCurrentInstance as Ki, toRaw as Ji, watch as Qi, reactive as Yo, isRef as Le, isReactive as Xs, toRef as ds, nextTick as Ht, unref as A, getCurrentScope as jo, onScopeDispose as qo, toRefs as mn, defineComponent as Zi, h as Wi, openBlock as p, createElementBlock as b, normalizeClass as V, normalizeStyle as y, createElementVNode as u, renderSlot as N, createTextVNode as de, withDirectives as $, vShow as E, toDisplayString as M, Fragment as Z, renderList as ie, vModelText as Gn, resolveComponent as q, createVNode as O, Transition as he, withCtx as G, createCommentVNode as te, TransitionGroup as es, createBlock as ne, mergeModels as gn, useModel as Xo, useSlots as Ko, onMounted as Ks, onBeforeUnmount as Un, Teleport as Jo, withModifiers as zt, render as Gt, withKeys as Js, vModelDynamic as Yn, resolveDynamicComponent as jn, resolveDirective as Qo } from "vue";
 const J = (e) => (e.install = (i) => {
   i.component(e.name, e);
 }, e), qn = (e, i) => (e.install = (t) => {
@@ -810,35 +810,35 @@ function Ps(e, i, t = {}, s, n, r) {
   const l = {
     deep: !0
   };
-  process.env.NODE_ENV !== "production" && !Kn && (l.onTrigger = ($) => {
-    d ? m = $ : d == !1 && !L._hotUpdating && (Array.isArray(m) ? m.push($) : console.error("\u{1F34D} debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+  process.env.NODE_ENV !== "production" && !Kn && (l.onTrigger = (C) => {
+    d ? m = C : d == !1 && !L._hotUpdating && (Array.isArray(m) ? m.push(C) : console.error("\u{1F34D} debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
   let d, h, c = [], f = [], m;
   const g = s.state.value[e];
   !r && !g && (process.env.NODE_ENV === "production" || !n) && (s.state.value[e] = {});
   const w = se({});
   let v;
-  function T($) {
+  function T(C) {
     let k;
-    d = h = !1, process.env.NODE_ENV !== "production" && (m = []), typeof $ == "function" ? ($(s.state.value[e]), k = {
+    d = h = !1, process.env.NODE_ENV !== "production" && (m = []), typeof C == "function" ? (C(s.state.value[e]), k = {
       type: rt.patchFunction,
       storeId: e,
       events: m
-    }) : (Ls(s.state.value[e], $), k = {
+    }) : (Ls(s.state.value[e], C), k = {
       type: rt.patchObject,
-      payload: $,
+      payload: C,
       storeId: e,
       events: m
     });
-    const C = v = Symbol();
+    const S = v = Symbol();
     Ht().then(() => {
-      v === C && (d = !0);
+      v === S && (d = !0);
     }), h = !0, Wt(c, k, s.state.value[e]);
   }
   const I = r ? function() {
-    const { state: k } = t, C = k ? k() : {};
-    this.$patch((X) => {
-      He(X, C);
+    const { state: k } = t, S = k ? k() : {};
+    this.$patch((j) => {
+      He(j, S);
     });
   } : process.env.NODE_ENV !== "production" ? () => {
     throw new Error(`\u{1F34D}: Store "${e}" is built using the setup syntax and does not implement $reset().`);
@@ -846,30 +846,30 @@ function Ps(e, i, t = {}, s, n, r) {
   function F() {
     o.stop(), c = [], f = [], s._s.delete(e);
   }
-  function P($, k) {
+  function P(C, k) {
     return function() {
       vi(s);
-      const C = Array.from(arguments), X = [], D = [];
+      const S = Array.from(arguments), j = [], D = [];
       function U(ee) {
-        X.push(ee);
+        j.push(ee);
       }
       function _(ee) {
         D.push(ee);
       }
       Wt(f, {
-        args: C,
-        name: $,
+        args: S,
+        name: C,
         store: L,
         after: U,
         onError: _
       });
       let x;
       try {
-        x = k.apply(this && this.$id === e ? this : L, C);
+        x = k.apply(this && this.$id === e ? this : L, S);
       } catch (ee) {
         throw Wt(D, ee), ee;
       }
-      return x instanceof Promise ? x.then((ee) => (Wt(X, ee), ee)).catch((ee) => (Wt(D, ee), Promise.reject(ee))) : (Wt(X, x), x);
+      return x instanceof Promise ? x.then((ee) => (Wt(j, ee), ee)).catch((ee) => (Wt(D, ee), Promise.reject(ee))) : (Wt(j, x), x);
     };
   }
   const W = /* @__PURE__ */ Dt({
@@ -883,15 +883,15 @@ function Ps(e, i, t = {}, s, n, r) {
     $onAction: wn.bind(null, f),
     $patch: T,
     $reset: I,
-    $subscribe($, k = {}) {
-      const C = wn(c, $, k.detached, () => X()), X = o.run(() => Qi(() => s.state.value[e], (D) => {
-        (k.flush === "sync" ? h : d) && $({
+    $subscribe(C, k = {}) {
+      const S = wn(c, C, k.detached, () => j()), j = o.run(() => Qi(() => s.state.value[e], (D) => {
+        (k.flush === "sync" ? h : d) && C({
           storeId: e,
           type: rt.direct,
           events: m
         }, D);
       }, He({}, l, k)));
-      return C;
+      return S;
     },
     $dispose: F
   }, L = Yo(process.env.NODE_ENV !== "production" || fi ? He(
@@ -903,71 +903,71 @@ function Ps(e, i, t = {}, s, n, r) {
   ) : z);
   s._s.set(e, L);
   const B = (s._a && s._a.runWithContext || xa)(() => s._e.run(() => (o = Hn()).run(i)));
-  for (const $ in B) {
-    const k = B[$];
+  for (const C in B) {
+    const k = B[C];
     if (Le(k) && !yn(k) || Xs(k))
-      process.env.NODE_ENV !== "production" && n ? Ei(w.value, $, ds(B, $)) : r || (g && Ea(k) && (Le(k) ? k.value = g[$] : Ls(k, g[$])), s.state.value[e][$] = k), process.env.NODE_ENV !== "production" && W.state.push($);
+      process.env.NODE_ENV !== "production" && n ? Ei(w.value, C, ds(B, C)) : r || (g && Ea(k) && (Le(k) ? k.value = g[C] : Ls(k, g[C])), s.state.value[e][C] = k), process.env.NODE_ENV !== "production" && W.state.push(C);
     else if (typeof k == "function") {
-      const C = process.env.NODE_ENV !== "production" && n ? k : P($, k);
-      B[$] = C, process.env.NODE_ENV !== "production" && (W.actions[$] = k), a.actions[$] = k;
+      const S = process.env.NODE_ENV !== "production" && n ? k : P(C, k);
+      B[C] = S, process.env.NODE_ENV !== "production" && (W.actions[C] = k), a.actions[C] = k;
     } else
-      process.env.NODE_ENV !== "production" && yn(k) && (W.getters[$] = r ? t.getters[$] : k, ts && (B._getters || (B._getters = Dt([]))).push($));
+      process.env.NODE_ENV !== "production" && yn(k) && (W.getters[C] = r ? t.getters[C] : k, ts && (B._getters || (B._getters = Dt([]))).push(C));
   }
   if (He(L, B), He(Ji(L), B), Object.defineProperty(L, "$state", {
     get: () => process.env.NODE_ENV !== "production" && n ? w.value : s.state.value[e],
-    set: ($) => {
+    set: (C) => {
       if (process.env.NODE_ENV !== "production" && n)
         throw new Error("cannot set hotState");
       T((k) => {
-        He(k, $);
+        He(k, C);
       });
     }
-  }), process.env.NODE_ENV !== "production" && (L._hotUpdate = Dt(($) => {
-    L._hotUpdating = !0, $._hmrPayload.state.forEach((k) => {
+  }), process.env.NODE_ENV !== "production" && (L._hotUpdate = Dt((C) => {
+    L._hotUpdating = !0, C._hmrPayload.state.forEach((k) => {
       if (k in L.$state) {
-        const C = $.$state[k], X = L.$state[k];
-        typeof C == "object" && Mt(C) && Mt(X) ? lr(C, X) : $.$state[k] = X;
+        const S = C.$state[k], j = L.$state[k];
+        typeof S == "object" && Mt(S) && Mt(j) ? lr(S, j) : C.$state[k] = j;
       }
-      Ei(L, k, ds($.$state, k));
+      Ei(L, k, ds(C.$state, k));
     }), Object.keys(L.$state).forEach((k) => {
-      k in $.$state || us(L, k);
-    }), d = !1, h = !1, s.state.value[e] = ds($._hmrPayload, "hotState"), h = !0, Ht().then(() => {
+      k in C.$state || us(L, k);
+    }), d = !1, h = !1, s.state.value[e] = ds(C._hmrPayload, "hotState"), h = !0, Ht().then(() => {
       d = !0;
     });
-    for (const k in $._hmrPayload.actions) {
-      const C = $[k];
-      Ei(L, k, P(k, C));
+    for (const k in C._hmrPayload.actions) {
+      const S = C[k];
+      Ei(L, k, P(k, S));
     }
-    for (const k in $._hmrPayload.getters) {
-      const C = $._hmrPayload.getters[k], X = r ? Pe(() => (vi(s), C.call(L, L))) : C;
-      Ei(L, k, X);
+    for (const k in C._hmrPayload.getters) {
+      const S = C._hmrPayload.getters[k], j = r ? Pe(() => (vi(s), S.call(L, L))) : S;
+      Ei(L, k, j);
     }
     Object.keys(L._hmrPayload.getters).forEach((k) => {
-      k in $._hmrPayload.getters || us(L, k);
+      k in C._hmrPayload.getters || us(L, k);
     }), Object.keys(L._hmrPayload.actions).forEach((k) => {
-      k in $._hmrPayload.actions || us(L, k);
-    }), L._hmrPayload = $._hmrPayload, L._getters = $._getters, L._hotUpdating = !1;
+      k in C._hmrPayload.actions || us(L, k);
+    }), L._hmrPayload = C._hmrPayload, L._getters = C._getters, L._hotUpdating = !1;
   })), fi) {
-    const $ = {
+    const C = {
       writable: !0,
       configurable: !0,
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((k) => {
-      Object.defineProperty(L, k, He({ value: L[k] }, $));
+      Object.defineProperty(L, k, He({ value: L[k] }, C));
     });
   }
-  return s._p.forEach(($) => {
+  return s._p.forEach((C) => {
     if (fi) {
-      const k = o.run(() => $({
+      const k = o.run(() => C({
         store: L,
         app: s._a,
         pinia: s,
         options: a
       }));
-      Object.keys(k || {}).forEach((C) => L._customProperties.add(C)), He(L, k);
+      Object.keys(k || {}).forEach((S) => L._customProperties.add(S)), He(L, k);
     } else
-      He(L, o.run(() => $({
+      He(L, o.run(() => C({
         store: L,
         app: s._a,
         pinia: s,
@@ -1839,7 +1839,7 @@ const Ra = { class: "fv-animated-content-block" }, Ba = {
           }, null, 2)
         ])
       ], 6),
-      S(u("div", Ra, [
+      $(u("div", Ra, [
         N(t.$slots, "content")
       ], 512), [
         [E, !e.hideContent]
@@ -1908,7 +1908,7 @@ const za = /* @__PURE__ */ u("p", null, "Badge", -1), Aa = { class: "badge-conte
       N(t.$slots, "default", {}, () => [
         za
       ]),
-      S(u("sup", {
+      $(u("sup", {
         class: V(["fv-badge-container", { dot: e.isDot }]),
         style: y({ background: t.finalColor })
       }, [
@@ -2070,7 +2070,7 @@ const Ga = ["onClick"], Ua = { class: "fv-bc-separator-content" }, Ya = {
         ref: "main",
         onClick: s[3] || (s[3] = (...n) => t.editorMode && t.editorMode(...n))
       }, [
-        S(u("div", {
+        $(u("div", {
           class: "fv-bc-route-item",
           onClick: s[0] || (s[0] = (...n) => t.routeClick && t.routeClick(...n))
         }, [
@@ -2089,7 +2089,7 @@ const Ga = ["onClick"], Ua = { class: "fv-bc-separator-content" }, Ya = {
         ], 512), [
           [E, e.showRoot]
         ]),
-        (p(!0), b(Z, null, ie(t.routeList, (n, r) => S((p(), b("div", {
+        (p(!0), b(Z, null, ie(t.routeList, (n, r) => $((p(), b("div", {
           key: r,
           class: "fv-bc-route-item",
           onClick: (o) => t.routeItemClick(n, r)
@@ -2106,7 +2106,7 @@ const Ga = ["onClick"], Ua = { class: "fv-bc-separator-content" }, Ya = {
         ], 8, Ga)), [
           [E, t.mode == "default"]
         ])), 128)),
-        S(u("input", {
+        $(u("input", {
           "onUpdate:modelValue": s[1] || (s[1] = (n) => t.tempValue = n),
           class: "fv-bc-route-text-box",
           type: "text",
@@ -2208,7 +2208,7 @@ const Xa = ["disabled"], Ka = {
   emits: ["click"],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-reveal-container");
+      const n = q("fv-reveal-container");
       return p(), b("div", {
         class: V(["fv-Button", [t.$theme]]),
         onClick: s[0] || (s[0] = (...r) => t.onClick && t.onClick(...r))
@@ -2335,7 +2335,7 @@ const ae = (e, i) => {
   methods: {}
 }, el = ["title"], tl = ["placeholder", "value"];
 function il(e, i, t, s, n, r) {
-  const o = j("fv-reveal-container");
+  const o = q("fv-reveal-container");
   return p(), b("div", {
     class: "calendar-picker-drop-down",
     style: y({ borderRadius: `${t.borderRadius}px` }),
@@ -2503,7 +2503,7 @@ const hr = /* @__PURE__ */ ae(Za, [["render", il]]), sl = {
   ],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-calendar-view");
+      const n = q("fv-calendar-view");
       return p(), b("div", {
         class: V(["fv-CalendarDatePicker", [t.$theme, { disabled: t.isDisabled }]])
       }, [
@@ -3795,11 +3795,11 @@ var Oe = /* @__PURE__ */ function(e) {
         }
       else {
         m = this._last;
-        for (var $ = n < 0 ? n : f; m; ) {
-          if (g = m._prev, (m._act || $ <= m._end) && m._ts && I !== m) {
+        for (var C = n < 0 ? n : f; m; ) {
+          if (g = m._prev, (m._act || C <= m._end) && m._ts && I !== m) {
             if (m.parent !== this)
               return this.render(n, r, o);
-            if (m.render(m._ts > 0 ? ($ - m._start) * m._ts : (m._dirty ? m.totalDuration() : m._tDur) + ($ - m._start) * m._ts, r, o), f !== this._time || !this._ts && !T) {
+            if (m.render(m._ts > 0 ? (C - m._start) * m._ts : (m._dirty ? m.totalDuration() : m._tDur) + (C - m._start) * m._ts, r, o), f !== this._time || !this._ts && !T) {
               I = 0;
               break;
             }
@@ -3962,7 +3962,7 @@ var td = function(i, t, s, n, r, o, a) {
       d[a._props[h]] = l;
   return a;
 }, Lt, sd = function e(i, t) {
-  var s = i.vars, n = s.ease, r = s.startAt, o = s.immediateRender, a = s.lazy, l = s.onUpdate, d = s.onUpdateParams, h = s.callbackScope, c = s.runBackwards, f = s.yoyoEase, m = s.keyframes, g = s.autoRevert, w = i._dur, v = i._startAt, T = i._targets, I = i.parent, F = I && I.data === "nested" ? I.parent._targets : T, P = i._overwrite === "auto", W = i.timeline, z, L, R, B, $, k, C, X, D, U, _, x;
+  var s = i.vars, n = s.ease, r = s.startAt, o = s.immediateRender, a = s.lazy, l = s.onUpdate, d = s.onUpdateParams, h = s.callbackScope, c = s.runBackwards, f = s.yoyoEase, m = s.keyframes, g = s.autoRevert, w = i._dur, v = i._startAt, T = i._targets, I = i.parent, F = I && I.data === "nested" ? I.parent._targets : T, P = i._overwrite === "auto", W = i.timeline, z, L, R, B, C, k, S, j, D, U, _, x;
   if (W && (!m || !n) && (n = "none"), i._ease = Jt(n, ei.ease), i._yEase = f ? Hr(Jt(f === !0 ? n : f, ei.ease)) : 0, f && i._yoyo && !i._repeat && (f = i._yEase, i._yEase = i._ease, i._ease = f), !W) {
     if (v && v.render(-1, !0).kill(), r) {
       if (kt(i._startAt = ve.set(T, et({
@@ -3998,13 +3998,13 @@ var td = function(i, t, s, n, r, o, a) {
       else if (!t)
         return;
     }
-    for (z = Ui(s, bi), i._pt = 0, X = T[0] ? Kt(T[0]).harness : 0, x = X && s[X.prop], a = w && Ie(a) || a && !w, L = 0; L < T.length; L++) {
-      if ($ = T[L], C = $._gsap || sn(T)[L]._gsap, i._ptLookup[L] = U = {}, Os[C.id] && Gi(), _ = F === T ? L : F.indexOf($), X && (D = new X()).init($, x || z, i, _, F) !== !1 && (i._pt = B = new Fe(i._pt, $, D.name, 0, 1, D.render, D, 0, D.priority), D._props.forEach(function(ee) {
+    for (z = Ui(s, bi), i._pt = 0, j = T[0] ? Kt(T[0]).harness : 0, x = j && s[j.prop], a = w && Ie(a) || a && !w, L = 0; L < T.length; L++) {
+      if (C = T[L], S = C._gsap || sn(T)[L]._gsap, i._ptLookup[L] = U = {}, Os[S.id] && Gi(), _ = F === T ? L : F.indexOf(C), j && (D = new j()).init(C, x || z, i, _, F) !== !1 && (i._pt = B = new Fe(i._pt, C, D.name, 0, 1, D.render, D, 0, D.priority), D._props.forEach(function(ee) {
         U[ee] = B;
-      }), D.priority && (k = 1)), !X || x)
+      }), D.priority && (k = 1)), !j || x)
         for (R in z)
-          Be[R] && (D = Yr(R, z, i, _, $, F)) ? D.priority && (k = 1) : U[R] = B = rn.call(i, $, R, "get", z[R], _, F, 0, s.stringFilter);
-      i._op && i._op[L] && i.kill($, i._op[L]), P && i._pt && (Lt = i, be.killTweensOf($, U, "started"), Lt = 0), i._pt && a && (Os[C.id] = 1);
+          Be[R] && (D = Yr(R, z, i, _, C, F)) ? D.priority && (k = 1) : U[R] = B = rn.call(i, C, R, "get", z[R], _, F, 0, s.stringFilter);
+      i._op && i._op[L] && i.kill(C, i._op[L]), P && i._pt && (Lt = i, be.killTweensOf(C, U, "started"), Lt = 0), i._pt && a && (Os[S.id] = 1);
     }
     k && Jr(i), i._onInit && i._onInit(i);
   }
@@ -4534,8 +4534,8 @@ var En, nt, Qt, dn, Pt, di, Dn, md = function() {
   var s = i._gsap || new Ur(i);
   if ("x" in s && !t && !s.uncache)
     return s;
-  var n = i.style, r = s.scaleX < 0, o = s.xOrigin || 0, a = s.yOrigin || 0, l = "px", d = "deg", h = ii(i, $t) || "0", c, f, m, g, w, v, T, I, F, P, W, z, L, R, B, $, k, C, X, D, U, _, x, ee, me, We, De, lt, Je, dt;
-  return c = f = m = v = T = I = F = P = W = 0, g = w = 1, s.svg = !!(i.getCTM && no(i)), z = ao(i, s.svg), s.svg && js(i, h, s.originIsAbsolute, s.smooth !== !1, z), z !== yi && ($ = z[0], k = z[1], C = z[2], X = z[3], c = D = z[4], f = U = z[5], z.length === 6 ? (g = Math.sqrt($ * $ + k * k), w = Math.sqrt(X * X + C * C), v = $ || k ? Nt(k, $) * Et : 0, F = C || X ? Nt(C, X) * Et + v : 0, s.svg && (c -= o - (o * $ + a * C), f -= a - (o * k + a * X))) : (dt = z[6], lt = z[7], me = z[8], We = z[9], De = z[10], Je = z[11], c = z[12], f = z[13], m = z[14], L = Nt(dt, De), T = L * Et, L && (R = Math.cos(-L), B = Math.sin(-L), _ = D * R + me * B, x = U * R + We * B, ee = dt * R + De * B, me = D * -B + me * R, We = U * -B + We * R, De = dt * -B + De * R, Je = lt * -B + Je * R, D = _, U = x, dt = ee), L = Nt(-C, De), I = L * Et, L && (R = Math.cos(-L), B = Math.sin(-L), _ = $ * R - me * B, x = k * R - We * B, ee = C * R - De * B, Je = X * B + Je * R, $ = _, k = x, C = ee), L = Nt(k, $), v = L * Et, L && (R = Math.cos(L), B = Math.sin(L), _ = $ * R + k * B, x = D * R + U * B, k = k * R - $ * B, U = U * R - D * B, $ = _, D = x), T && Math.abs(T) + Math.abs(v) > 359.9 && (T = v = 0, I = 180 - I), g = le(Math.sqrt($ * $ + k * k + C * C)), w = le(Math.sqrt(U * U + dt * dt)), L = Nt(D, U), F = Math.abs(L) > 2e-4 ? L * Et : 0, W = Je ? 1 / (Je < 0 ? -Je : Je) : 0), s.svg && (z = i.getAttribute("transform"), s.forceCSS = i.setAttribute("transform", "") || !oo(ii(i, Ke)), z && i.setAttribute("transform", z))), Math.abs(F) > 90 && Math.abs(F) < 270 && (r ? (g *= -1, F += v <= 0 ? 180 : -180, v += v <= 0 ? 180 : -180) : (w *= -1, F += F <= 0 ? 180 : -180)), s.x = ((s.xPercent = c && Math.round(i.offsetWidth / 2) === Math.round(-c) ? -50 : 0) ? 0 : c) + l, s.y = ((s.yPercent = f && Math.round(i.offsetHeight / 2) === Math.round(-f) ? -50 : 0) ? 0 : f) + l, s.z = m + l, s.scaleX = le(g), s.scaleY = le(w), s.rotation = le(v) + d, s.rotationX = le(T) + d, s.rotationY = le(I) + d, s.skewX = F + d, s.skewY = P + d, s.transformPerspective = W + l, (s.zOrigin = parseFloat(h.split(" ")[2]) || 0) && (n[$t] = Xi(h)), s.xOffset = s.yOffset = 0, s.force3D = Xe.force3D, s.renderTransform = s.svg ? Ld : io ? lo : Dd, s.uncache = 0, s;
+  var n = i.style, r = s.scaleX < 0, o = s.xOrigin || 0, a = s.yOrigin || 0, l = "px", d = "deg", h = ii(i, $t) || "0", c, f, m, g, w, v, T, I, F, P, W, z, L, R, B, C, k, S, j, D, U, _, x, ee, me, We, De, lt, Je, dt;
+  return c = f = m = v = T = I = F = P = W = 0, g = w = 1, s.svg = !!(i.getCTM && no(i)), z = ao(i, s.svg), s.svg && js(i, h, s.originIsAbsolute, s.smooth !== !1, z), z !== yi && (C = z[0], k = z[1], S = z[2], j = z[3], c = D = z[4], f = U = z[5], z.length === 6 ? (g = Math.sqrt(C * C + k * k), w = Math.sqrt(j * j + S * S), v = C || k ? Nt(k, C) * Et : 0, F = S || j ? Nt(S, j) * Et + v : 0, s.svg && (c -= o - (o * C + a * S), f -= a - (o * k + a * j))) : (dt = z[6], lt = z[7], me = z[8], We = z[9], De = z[10], Je = z[11], c = z[12], f = z[13], m = z[14], L = Nt(dt, De), T = L * Et, L && (R = Math.cos(-L), B = Math.sin(-L), _ = D * R + me * B, x = U * R + We * B, ee = dt * R + De * B, me = D * -B + me * R, We = U * -B + We * R, De = dt * -B + De * R, Je = lt * -B + Je * R, D = _, U = x, dt = ee), L = Nt(-S, De), I = L * Et, L && (R = Math.cos(-L), B = Math.sin(-L), _ = C * R - me * B, x = k * R - We * B, ee = S * R - De * B, Je = j * B + Je * R, C = _, k = x, S = ee), L = Nt(k, C), v = L * Et, L && (R = Math.cos(L), B = Math.sin(L), _ = C * R + k * B, x = D * R + U * B, k = k * R - C * B, U = U * R - D * B, C = _, D = x), T && Math.abs(T) + Math.abs(v) > 359.9 && (T = v = 0, I = 180 - I), g = le(Math.sqrt(C * C + k * k + S * S)), w = le(Math.sqrt(U * U + dt * dt)), L = Nt(D, U), F = Math.abs(L) > 2e-4 ? L * Et : 0, W = Je ? 1 / (Je < 0 ? -Je : Je) : 0), s.svg && (z = i.getAttribute("transform"), s.forceCSS = i.setAttribute("transform", "") || !oo(ii(i, Ke)), z && i.setAttribute("transform", z))), Math.abs(F) > 90 && Math.abs(F) < 270 && (r ? (g *= -1, F += v <= 0 ? 180 : -180, v += v <= 0 ? 180 : -180) : (w *= -1, F += F <= 0 ? 180 : -180)), s.x = ((s.xPercent = c && Math.round(i.offsetWidth / 2) === Math.round(-c) ? -50 : 0) ? 0 : c) + l, s.y = ((s.yPercent = f && Math.round(i.offsetHeight / 2) === Math.round(-f) ? -50 : 0) ? 0 : f) + l, s.z = m + l, s.scaleX = le(g), s.scaleY = le(w), s.rotation = le(v) + d, s.rotationX = le(T) + d, s.rotationY = le(I) + d, s.skewX = F + d, s.skewY = P + d, s.transformPerspective = W + l, (s.zOrigin = parseFloat(h.split(" ")[2]) || 0) && (n[$t] = Xi(h)), s.xOffset = s.yOffset = 0, s.force3D = Xe.force3D, s.renderTransform = s.svg ? Ld : io ? lo : Dd, s.uncache = 0, s;
 }, Xi = function(i) {
   return (i = i.split(" "))[0] + " " + i[1];
 }, $s = function(i, t, s) {
@@ -6219,7 +6219,7 @@ const ou = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), au =
     },
     focusTrap: {
       type: Boolean,
-      default: !0
+      default: !1
     },
     delayClose: {
       type: Number,
@@ -6227,7 +6227,7 @@ const ou = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), au =
     },
     effect: {
       type: String,
-      default: "hover"
+      default: "click"
     },
     popperStyle: {
       type: Object,
@@ -6270,7 +6270,7 @@ const ou = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), au =
     }), T = (k) => {
       if (w.value === void 0 || f.value === void 0)
         return;
-      const C = Re(f.value), { width: X, height: D } = C;
+      const S = Re(f.value), { width: j, height: D } = S;
       let U = g.indexOf(k), _ = [];
       for (let x = 0; x < g.length; ++x) {
         let ee = (U + x) % g.length, me = g[ee];
@@ -6280,7 +6280,7 @@ const ou = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), au =
           We,
           me,
           D,
-          X
+          j
         ), lt = I(De);
         me == k && (lt |= 1), _.push([lt, me]);
       }
@@ -6288,89 +6288,89 @@ const ou = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), au =
         (x, ee) => ee[0] - x[0]
       ), P(_[0][1]);
     }, I = (k) => {
-      let C = 0;
-      return k.left >= 0 && (C |= 16), k.top >= 0 && (C |= 8), k.width + k.left <= window.innerWidth && (C |= 4), k.height + k.top <= window.innerHeight && (C |= 2), C;
-    }, F = (k, C, X, D, U) => {
+      let S = 0;
+      return k.left >= 0 && (S |= 16), k.top >= 0 && (S |= 8), k.width + k.left <= window.innerWidth && (S |= 4), k.height + k.top <= window.innerHeight && (S |= 2), S;
+    }, F = (k, S, j, D, U) => {
       const _ = Re(k), x = { top: 0, left: 0, height: D, width: U };
-      switch (X) {
+      switch (j) {
         case "bottomLeft":
-          x.left = _.left, x.top = _.bottom + C;
+          x.left = _.left, x.top = _.bottom + S;
           break;
         case "bottomCenter":
-          x.left = _.left + (_.width - x.width) / 2, x.top = _.bottom + C;
+          x.left = _.left + (_.width - x.width) / 2, x.top = _.bottom + S;
           break;
         case "bottomRight":
-          x.left = _.right - x.width, x.top = _.bottom + C;
+          x.left = _.right - x.width, x.top = _.bottom + S;
           break;
         case "topLeft":
-          x.left = _.left, x.top = _.top - C - x.height;
+          x.left = _.left, x.top = _.top - S - x.height;
           break;
         case "topCenter":
-          x.left = _.left + (_.width - x.width) / 2, x.top = _.top - C - x.height;
+          x.left = _.left + (_.width - x.width) / 2, x.top = _.top - S - x.height;
           break;
         case "topRight":
-          x.left = _.right - x.width, x.top = _.top - C - x.height;
+          x.left = _.right - x.width, x.top = _.top - S - x.height;
           break;
         case "leftTop":
-          x.left = _.left - C - x.width, x.top = _.top;
+          x.left = _.left - S - x.width, x.top = _.top;
           break;
         case "leftCenter":
-          x.left = _.left - C - x.width, x.top = _.top + (_.height - x.height) / 2;
+          x.left = _.left - S - x.width, x.top = _.top + (_.height - x.height) / 2;
           break;
         case "leftBottom":
-          x.left = _.left - C - x.width, x.top = _.bottom - x.height;
+          x.left = _.left - S - x.width, x.top = _.bottom - x.height;
           break;
         case "rightTop":
-          x.left = _.right + C, x.top = _.top;
+          x.left = _.right + S, x.top = _.top;
           break;
         case "rightCenter":
-          x.left = _.right + C, x.top = _.top + (_.height - x.height) / 2;
+          x.left = _.right + S, x.top = _.top + (_.height - x.height) / 2;
           break;
         case "rightBottom":
-          x.left = _.right + C, x.top = _.bottom - x.height;
+          x.left = _.right + S, x.top = _.bottom - x.height;
           break;
       }
       return x;
     }, P = (k) => {
-      const C = Re(w.value);
+      const S = Re(w.value);
       c.value = {}, s.beak === void 0 || s.beak < 10 ? c.value.display = "none" : (c.value.display = "block", c.value.width = `${s.beak}px`, c.value.height = `${s.beak}px`);
-      const X = s.beak === void 0 ? s.space === void 0 ? 0 : s.space : s.space === void 0 ? s.beak : s.beak + s.space;
+      const j = s.beak === void 0 ? s.space === void 0 ? 0 : s.space : s.space === void 0 ? s.beak : s.beak + s.space;
       switch (delete d.value.right, delete d.value.left, delete d.value.top, delete d.value.bottom, h.value = [k], k) {
         case "bottomLeft":
-          d.value.top = `${C.top + C.height + X}px`, d.value.left = `${C.left}px`, c.value.top = "0", c.value.left = "0", c.value.transform = "translate(50%, -50%) rotate(45deg)";
+          d.value.top = `${S.top + S.height + j}px`, d.value.left = `${S.left}px`, c.value.top = "0", c.value.left = "0", c.value.transform = "translate(50%, -50%) rotate(45deg)";
           break;
         case "bottomRight":
-          d.value.top = `${C.top + C.height + X}px`, d.value.left = `${C.right}px`, c.value.top = "0", c.value.left = "100%", c.value.transform = "translate(-140%, -50%) rotate(45deg)";
+          d.value.top = `${S.top + S.height + j}px`, d.value.left = `${S.right}px`, c.value.top = "0", c.value.left = "100%", c.value.transform = "translate(-140%, -50%) rotate(45deg)";
           break;
         case "bottomCenter":
-          d.value.top = `${C.top + C.height + X}px`, d.value.left = `${C.left + C.width / 2}px`, c.value.top = "0", c.value.transform = "translate(-50%, -50%) rotate(45deg)";
+          d.value.top = `${S.top + S.height + j}px`, d.value.left = `${S.left + S.width / 2}px`, c.value.top = "0", c.value.transform = "translate(-50%, -50%) rotate(45deg)";
           break;
         case "topLeft":
-          d.value.top = `${C.top - X}px`, d.value.left = `${C.left}px`, c.value.bottom = "0", c.value.left = "0", c.value.transform = "translate(50%, 50%) rotate(45deg)";
+          d.value.top = `${S.top - j}px`, d.value.left = `${S.left}px`, c.value.bottom = "0", c.value.left = "0", c.value.transform = "translate(50%, 50%) rotate(45deg)";
           break;
         case "topRight":
-          d.value.top = `${C.top - X}px`, d.value.left = `${C.right}px`, c.value.bottom = "0", c.value.left = "100%", c.value.transform = "translate(-140%, 50%) rotate(45deg)";
+          d.value.top = `${S.top - j}px`, d.value.left = `${S.right}px`, c.value.bottom = "0", c.value.left = "100%", c.value.transform = "translate(-140%, 50%) rotate(45deg)";
           break;
         case "topCenter":
-          d.value.top = `${C.top - X}px`, d.value.left = `${C.left + C.width / 2}px`, c.value.bottom = "0", c.value.transform = "translate(-50%, 50%) rotate(45deg)";
+          d.value.top = `${S.top - j}px`, d.value.left = `${S.left + S.width / 2}px`, c.value.bottom = "0", c.value.transform = "translate(-50%, 50%) rotate(45deg)";
           break;
         case "leftTop":
-          d.value.left = `${C.left - X}px`, d.value.top = `${C.top}px`, c.value.left = "100%", c.value.top = "0", c.value.transform = "translate(-50%, 50%) rotate(45deg)";
+          d.value.left = `${S.left - j}px`, d.value.top = `${S.top}px`, c.value.left = "100%", c.value.top = "0", c.value.transform = "translate(-50%, 50%) rotate(45deg)";
           break;
         case "leftBottom":
-          d.value.left = `${C.left - X}px`, d.value.top = `${C.bottom}px`, c.value.left = "100%", c.value.bottom = "0", c.value.transform = "translate(-50%, -80%) rotate(45deg)";
+          d.value.left = `${S.left - j}px`, d.value.top = `${S.bottom}px`, c.value.left = "100%", c.value.bottom = "0", c.value.transform = "translate(-50%, -80%) rotate(45deg)";
           break;
         case "leftCenter":
-          d.value.left = `${C.left - X}px`, d.value.top = `${C.top + C.height / 2}px`, c.value.left = "100%", c.value.top = "50%", c.value.transform = "translate(-50%, -50%) rotate(45deg)";
+          d.value.left = `${S.left - j}px`, d.value.top = `${S.top + S.height / 2}px`, c.value.left = "100%", c.value.top = "50%", c.value.transform = "translate(-50%, -50%) rotate(45deg)";
           break;
         case "rightTop":
-          d.value.left = `${C.right + X}px`, d.value.top = `${C.top}px`, c.value.left = "0", c.value.top = "0", c.value.transform = "translate(-50%, 50%) rotate(45deg)";
+          d.value.left = `${S.right + j}px`, d.value.top = `${S.top}px`, c.value.left = "0", c.value.top = "0", c.value.transform = "translate(-50%, 50%) rotate(45deg)";
           break;
         case "rightBottom":
-          d.value.left = `${C.right + X}px`, d.value.top = `${C.bottom}px`, c.value.left = "0", c.value.bottom = "0", c.value.transform = "translate(-50%, -80%) rotate(45deg)";
+          d.value.left = `${S.right + j}px`, d.value.top = `${S.bottom}px`, c.value.left = "0", c.value.bottom = "0", c.value.transform = "translate(-50%, -80%) rotate(45deg)";
           break;
         case "rightCenter":
-          d.value.left = `${C.right + X}px`, d.value.top = `${C.top + C.height / 2}px`, c.value.left = "0", c.value.top = "50%", c.value.transform = "translate(-50%, -50%) rotate(45deg)";
+          d.value.left = `${S.right + j}px`, d.value.top = `${S.top + S.height / 2}px`, c.value.left = "0", c.value.top = "50%", c.value.transform = "translate(-50%, -50%) rotate(45deg)";
           break;
       }
     }, W = {
@@ -6387,8 +6387,8 @@ const ou = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), au =
       click: (k) => {
         if (!v.value)
           return;
-        const C = (X) => {
-          let D = X;
+        const S = (j) => {
+          let D = j;
           for (; D !== null; ) {
             if (D === w.value || D === f.value)
               return !1;
@@ -6396,13 +6396,13 @@ const ou = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), au =
           }
           return !0;
         };
-        !s.focusTrap && C(k.target) && (v.value = !1);
+        !s.focusTrap && S(k.target) && (v.value = !1);
       }
     }, z = {}, L = {}, R = se({
       hoverClose: void 0
     }), B = se({
       popper: !1
-    }), $ = (k) => {
+    }), C = (k) => {
       s.disabled || (s.effect === "click" ? z.click = () => {
         v.value = !v.value;
       } : s.effect === "hover" && (z.mouseenter = () => {
@@ -6412,41 +6412,42 @@ const ou = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), au =
           v.value = !1, B.value.popper = !0, clearInterval(R.value.hoverClose);
         }, 300));
       }, L.mouseenter = () => {
-        let C = k.parent;
-        for (; C; )
-          if (C.type.name === "FvCallout")
-            if (C.exposed !== null && !C.exposed.popperShow.value)
-              C.exposed.popperShow.value = !0;
+        let S = k.parent;
+        for (; S; )
+          if (S.type.name === "FvCallout")
+            if (S.exposed !== null && !S.exposed.popperShow.value)
+              S.exposed.popperShow.value = !0;
             else
               break;
           else
-            C = C.parent;
+            S = S.parent;
         B.value.popper = !0, v.value = !0, clearInterval(R.value.hoverClose);
       }, L.mouseleave = () => {
-        let C = k.parent;
-        for (; C; )
-          if (C.type.name === "FvCallout" && C.props.effect === "hover")
-            if (C.exposed !== null && C.exposed.popperShow.value)
-              C.exposed.popperShow.value = !1, C.exposed.popperEvents.mouseleave();
+        let S = k.parent;
+        for (; S; )
+          if (S.type.name === "FvCallout" && S.props.effect === "hover")
+            if (S.exposed !== null && S.exposed.popperShow.value)
+              S.exposed.popperShow.value = !1, S.exposed.popperEvents.mouseleave();
             else
               break;
           else
-            C = C.parent;
+            S = S.parent;
         v.value = !1;
       }));
     };
     return Ks(() => {
+      var S;
       const k = Ki();
       if (k !== null) {
-        a.value !== null && (w.value = a.value.$el), $(k);
-        for (const C in W)
-          window.addEventListener(C, W[C]);
+        a.value !== null && (w.value = a.value.$el, ((S = w.value) == null ? void 0 : S.nodeName) == "#text" && (w.value = w.value.nextElementSibling)), C(k);
+        for (const j in W)
+          window.addEventListener(j, W[j]);
         if (w.value !== void 0)
-          for (const C in z)
-            w.value.addEventListener(C, z[C]);
+          for (const j in z)
+            w.value.addEventListener(j, z[j]);
         if (f.value !== void 0)
-          for (const C in L)
-            f.value.addEventListener(C, L[C]);
+          for (const j in L)
+            f.value.addEventListener(j, L[j]);
       }
     }), Un(() => {
       for (const k in W)
@@ -6457,7 +6458,7 @@ const ou = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), au =
       if (f.value !== void 0)
         for (const k in L)
           f.value.removeEventListener(k, L[k]);
-    }), i({ popperShow: v, popperEvents: L }), (k, C) => (p(), b(Z, null, [
+    }), i({ popperShow: v, popperEvents: L }), (k, S) => (p(), b(Z, null, [
       O(A(l), {
         ref_key: "slotRef",
         ref: a
@@ -6465,7 +6466,7 @@ const ou = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), au =
       (p(), ne(Jo, { to: "body" }, [
         O(he, { name: "fv-callout-fade" }, {
           default: G(() => [
-            S(u("div", {
+            $(u("div", {
               ref_key: "popper",
               ref: f,
               style: y([d.value, s.popperStyle]),
@@ -6586,7 +6587,7 @@ const fu = { class: "fv-checkbox-content-block" }, mu = /* @__PURE__ */ u("i", {
         }, null, 4),
         O(he, { name: "font-clip-in" }, {
           default: G(() => [
-            S(u("div", fu, gu, 512), [
+            $(u("div", fu, gu, 512), [
               [E, t.thisValue && !t.Indeterminate]
             ])
           ]),
@@ -6594,7 +6595,7 @@ const fu = { class: "fv-checkbox-content-block" }, mu = /* @__PURE__ */ u("i", {
         }),
         O(he, { name: "font-clip-in" }, {
           default: G(() => [
-            S(u("div", pu, bu, 512), [
+            $(u("div", pu, bu, 512), [
               [E, t.Indeterminate]
             ])
           ]),
@@ -6749,13 +6750,13 @@ const Cu = { class: "collapse-icon-box-default" }, $u = { class: "collapse-descr
             value: t.thisValue,
             disabledCollaspe: e.disabledCollapse
           }, () => [
-            S(u("i", Iu, null, 512), [
+            $(u("i", Iu, null, 512), [
               [E, t.thisValue]
             ]),
-            S(u("i", Eu, null, 512), [
+            $(u("i", Eu, null, 512), [
               [E, !t.thisValue && !e.disabledCollapse]
             ]),
-            S(u("i", Du, null, 512), [
+            $(u("i", Du, null, 512), [
               [E, !t.thisValue && e.disabledCollapse]
             ])
           ])
@@ -6763,7 +6764,7 @@ const Cu = { class: "collapse-icon-box-default" }, $u = { class: "collapse-descr
       ], 4),
       O(he, { name: "collapse-expanded" }, {
         default: G(() => [
-          S(u("div", Lu, [
+          $(u("div", Lu, [
             N(t.$slots, "default")
           ], 512), [
             [E, t.thisValue]
@@ -6838,7 +6839,7 @@ const Ru = {
       const { width: Q } = Re(r.value);
       F.value = Q * 0.01 * H.value();
     }
-  }, $ = (H) => {
+  }, C = (H) => {
     w.value = `${Math.round(H.alpha() * 100)}%`;
     const { width: Q } = Re(o.value);
     P.value = H.alpha() * Q;
@@ -6847,9 +6848,9 @@ const Ru = {
       return e.modelValue === void 0 ? l.value : e.modelValue;
     },
     set(H) {
-      l.value = H, /^#[0-9a-fA-F]{6}([0-9a-fA-F]{2})?$/.test(H) && (v.value = v.value.parse(l.value).clone(), B(v.value), R(v.value), $(v.value)), i("update:modelValue", H);
+      l.value = H, /^#[0-9a-fA-F]{6}([0-9a-fA-F]{2})?$/.test(H) && (v.value = v.value.parse(l.value).clone(), B(v.value), R(v.value), C(v.value)), i("update:modelValue", H);
     }
-  }), C = Pe({
+  }), S = Pe({
     get() {
       return d.value;
     },
@@ -6858,7 +6859,7 @@ const Ru = {
       let Q = parseInt(H);
       isNaN(Q) || (v.value = v.value.red(Q).clone(), L(v.value), B(v.value));
     }
-  }), X = Pe({
+  }), j = Pe({
     get() {
       return h.value;
     },
@@ -6992,7 +6993,7 @@ const Ru = {
     H instanceof MouseEvent && pt() || H instanceof TouchEvent && !pt() || (Ao.listen(), cn(H));
   };
   return Ks(() => {
-    v.value = new Xt(k.value), B(v.value), $(v.value);
+    v.value = new Xt(k.value), B(v.value), C(v.value);
   }), Qi(
     () => e.type,
     () => {
@@ -7007,8 +7008,8 @@ const Ru = {
     colorValueLeft: F,
     colorAlphaLeft: P,
     colorObj: v,
-    computedR: C,
-    computedG: X,
+    computedR: S,
+    computedG: j,
     computedB: D,
     computedH: U,
     computedS: _,
@@ -7065,8 +7066,8 @@ const Ru = {
       colorAlpha: L,
       onMousedown: R,
       onValueMouseDown: B,
-      onAlphaMouseDown: $
-    } = _u(s, t), { cls: k } = new ea().add("fv-color-picker").computed(), { style: C } = new ta().add("--fv-color-picker--color-list", () => o.value).add("--fv-color-picker--color", () => d.value.cssrgba()).add(
+      onAlphaMouseDown: C
+    } = _u(s, t), { cls: k } = new ea().add("fv-color-picker").computed(), { style: S } = new ta().add("--fv-color-picker--color-list", () => o.value).add("--fv-color-picker--color", () => d.value.cssrgba()).add(
       "--fv-color-picker--color-alpha",
       () => d.value.clone().cssrgb()
     ).add(
@@ -7092,11 +7093,11 @@ const Ru = {
       "--fv-color-picker--color-value-empty",
       () => d.value.clone().hue(0).saturation(0).cssrgb()
     ).computed();
-    return (X, D) => {
-      const U = j("fv-combobox"), _ = j("fv-text-box");
+    return (j, D) => {
+      const U = q("fv-combobox"), _ = q("fv-text-box");
       return p(), b("div", {
         class: V(A(k)),
-        style: y(A(C))
+        style: y(A(S))
       }, [
         u("div", Ou, [
           u("div", {
@@ -7139,11 +7140,11 @@ const Ru = {
             ref: L,
             draggable: "false",
             onMousedown: D[4] || (D[4] = zt(
-              (...x) => A($) && A($)(...x),
+              (...x) => A(C) && A(C)(...x),
               ["stop"]
             )),
             onTouchstart: D[5] || (D[5] = zt(
-              (...x) => A($) && A($)(...x),
+              (...x) => A(C) && A(C)(...x),
               ["stop"]
             ))
           }, Qu, 544),
@@ -7180,7 +7181,7 @@ const Ru = {
             u("div", sh, [
               u("div", nh, [
                 u("span", rh, M(A(r).key === "RGB" ? "Red" : "Hue"), 1),
-                S(O(_, {
+                $(O(_, {
                   placeholder: "0",
                   maxlength: 3,
                   style: { width: "118px" },
@@ -7195,7 +7196,7 @@ const Ru = {
                 }, null, 8, ["modelValue", "theme", "focus-border-color"]), [
                   [E, A(r).key === "RGB"]
                 ]),
-                S(O(_, {
+                $(O(_, {
                   placeholder: "0",
                   maxlength: 3,
                   style: { width: "118px" },
@@ -7215,7 +7216,7 @@ const Ru = {
             u("div", oh, [
               u("div", ah, [
                 u("span", lh, M(A(r).key === "RGB" ? "Green" : "Saturation"), 1),
-                S(O(_, {
+                $(O(_, {
                   placeholder: "0",
                   maxlength: 3,
                   style: { width: "118px" },
@@ -7230,7 +7231,7 @@ const Ru = {
                 }, null, 8, ["modelValue", "theme", "focus-border-color"]), [
                   [E, A(r).key === "RGB"]
                 ]),
-                S(O(_, {
+                $(O(_, {
                   placeholder: "0",
                   maxlength: 3,
                   style: { width: "118px" },
@@ -7250,7 +7251,7 @@ const Ru = {
             u("div", dh, [
               u("div", uh, [
                 u("span", hh, M(A(r).key === "RGB" ? "Blue" : "Value"), 1),
-                S(O(_, {
+                $(O(_, {
                   placeholder: "0",
                   maxlength: 3,
                   style: { width: "118px" },
@@ -7265,7 +7266,7 @@ const Ru = {
                 }, null, 8, ["modelValue", "theme", "focus-border-color"]), [
                   [E, A(r).key === "RGB"]
                 ]),
-                S(O(_, {
+                $(O(_, {
                   placeholder: "0",
                   maxlength: 3,
                   style: { width: "118px" },
@@ -7427,7 +7428,7 @@ const bh = ["placeholder", "value"], wh = ["onClick", "title"], yh = {
   },
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-reveal-container");
+      const n = q("fv-reveal-container");
       return p(), b("div", {
         class: V(["fv-Combobox", [t.$theme, { disabled: t.isDisabled }]]),
         style: y({
@@ -7474,7 +7475,7 @@ const bh = ["placeholder", "value"], wh = ["onClick", "title"], yh = {
         ], 4),
         O(he, { name: "fv-combobox" }, {
           default: G(() => [
-            S(u("div", {
+            $(u("div", {
               class: "combobox-item-container",
               style: y({ background: e.background, overflow: "auto" }),
               ref: "co_items"
@@ -7646,13 +7647,13 @@ const $h = { class: "left-command-bar-container" }, Sh = ["title", "onClick"], V
   emits: ["update:modelValue", "item-click"],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-reveal-container"), r = j("fv-list-view");
+      const n = q("fv-reveal-container"), r = q("fv-list-view");
       return p(), b("div", {
         class: V(["fv-CommandBar", [t.$theme]]),
         style: y({ background: e.background })
       }, [
         u("div", $h, [
-          (p(!0), b(Z, null, ie(t.thisOptions, (o, a) => S((p(), b("span", {
+          (p(!0), b(Z, null, ie(t.thisOptions, (o, a) => $((p(), b("span", {
             class: V(["command-bar-item", [
               t.valueTrigger(o.type) == "divider" ? "hr" : "normal",
               { not_disabled: !t.valueTrigger(o.disabled) },
@@ -7662,7 +7663,7 @@ const $h = { class: "left-command-bar-container" }, Sh = ["title", "onClick"], V
             title: t.valueTrigger(o.name),
             onClick: (l) => t.itemClick(l, o)
           }, [
-            S(u("span", Vh, [
+            $(u("span", Vh, [
               t.valueTrigger(o.type) != "divider" && !t.valueTrigger(o.disabled) ? (p(), ne(n, {
                 key: 0,
                 parent: () => t.$el,
@@ -7677,16 +7678,16 @@ const $h = { class: "left-command-bar-container" }, Sh = ["title", "onClick"], V
                 class: V(["ms-Icon icon", [`ms-Icon--${t.valueTrigger(o.icon)}`]]),
                 style: y({ color: t.valueTrigger(o.iconColor) })
               }, null, 6),
-              S(u("p", { class: "name" }, M(t.valueTrigger(o.name)), 513), [
+              $(u("p", { class: "name" }, M(t.valueTrigger(o.name)), 513), [
                 [E, !e.compact]
               ]),
-              S(u("i", Th, null, 512), [
+              $(u("i", Th, null, 512), [
                 [E, o.secondary.length > 0]
               ])
             ], 512), [
               [E, t.valueTrigger(o.type) !== "more"]
             ]),
-            S(u("span", xh, Eh, 512), [
+            $(u("span", xh, Eh, 512), [
               [E, t.valueTrigger(o.type) === "more"]
             ])
           ], 10, Sh)), [
@@ -7700,7 +7701,7 @@ const $h = { class: "left-command-bar-container" }, Sh = ["title", "onClick"], V
           name: e.toward == "down" ? "zoom-in-top" : "zoom-in-bottom"
         }, {
           default: G(() => [
-            S(u("div", {
+            $(u("div", {
               class: V(["command-bar-list-view-container", { "toward-up": e.toward == "up" }]),
               style: y({ left: `${t.currentLeft}px`, background: e.background })
             }, [
@@ -7711,7 +7712,7 @@ const $h = { class: "left-command-bar-container" }, Sh = ["title", "onClick"], V
                 onChooseItem: t.chooseItem
               }, {
                 listItem: G((o) => [
-                  S(u("i", {
+                  $(u("i", {
                     class: V(["ms-Icon icon", [`ms-Icon--${t.valueTrigger(o.item.icon)}`]]),
                     style: y([{ color: t.valueTrigger(o.item.iconColor) }, { "font-size": "12px" }])
                   }, null, 6), [
@@ -8165,7 +8166,7 @@ const Rh = {
       u("div", {
         class: "fv-DatePicker__input",
         style: y({ background: R.inputBackground }),
-        onClick: B[0] || (B[0] = ($) => A(o)())
+        onClick: B[0] || (B[0] = (C) => A(o)())
       }, [
         R.hideMonth ? te("", !0) : (p(), b("button", Oh, M(R.months[R.modelValue.getMonth()]), 1)),
         R.hideDay ? te("", !0) : (p(), b("button", {
@@ -8184,7 +8185,7 @@ const Rh = {
       ], 4),
       O(he, { name: "fv-DatePicker__options" }, {
         default: G(() => [
-          S(u("div", {
+          $(u("div", {
             class: "fv-DatePicker__input-options",
             style: y({ background: R.optionBackground })
           }, [
@@ -8193,10 +8194,10 @@ const Rh = {
                 class: "fv-DatePicker__input-center-mask",
                 style: y({ background: R.selectedBackground })
               }, null, 4),
-              R.hideMonth ? te("", !0) : S((p(), b("div", Wh, [
+              R.hideMonth ? te("", !0) : $((p(), b("div", Wh, [
                 u("div", {
                   class: "fv-DatePicker__input-options-col-up",
-                  onClick: B[1] || (B[1] = ($) => A(d)(A(h), A(m).buffer - 1))
+                  onClick: B[1] || (B[1] = (C) => A(d)(A(h), A(m).buffer - 1))
                 }, Hh),
                 u("div", {
                   ref_key: "monthElement",
@@ -8204,27 +8205,27 @@ const Rh = {
                   style: y(A(g).monthCol),
                   class: "fv-DatePicker__input-options-col-items"
                 }, [
-                  (p(!0), b(Z, null, ie(A(w).month, ($, k) => S((p(), b("div", {
+                  (p(!0), b(Z, null, ie(A(w).month, (C, k) => $((p(), b("div", {
                     class: "fv-DatePicker__input-options-col-item",
-                    key: `month${$}${k}`,
-                    onClick: (C) => A(d)(A(h), k)
+                    key: `month${C}${k}`,
+                    onClick: (S) => A(d)(A(h), k)
                   }, [
-                    de(M(R.months[$]), 1)
+                    de(M(R.months[C]), 1)
                   ], 8, Gh)), [
                     [A(gt), A(v)]
                   ])), 128))
                 ], 4),
                 u("div", {
                   class: "fv-DatePicker__input-options-col-down",
-                  onClick: B[2] || (B[2] = ($) => A(d)(A(h), A(m).buffer + 1))
+                  onClick: B[2] || (B[2] = (C) => A(d)(A(h), A(m).buffer + 1))
                 }, Yh)
               ])), [
                 [A(gt), A(l)]
               ]),
-              R.hideDay ? te("", !0) : S((p(), b("div", jh, [
+              R.hideDay ? te("", !0) : $((p(), b("div", jh, [
                 u("div", {
                   class: "fv-DatePicker__input-options-col-up",
-                  onClick: B[3] || (B[3] = ($) => A(d)(A(f), A(m).buffer - 1))
+                  onClick: B[3] || (B[3] = (C) => A(d)(A(f), A(m).buffer - 1))
                 }, Xh),
                 u("div", {
                   ref_key: "dayElement",
@@ -8232,62 +8233,62 @@ const Rh = {
                   style: y(A(g).dayCol),
                   class: "fv-DatePicker__input-options-col-items"
                 }, [
-                  (p(!0), b(Z, null, ie(A(w).day, ($, k) => S((p(), b("div", {
+                  (p(!0), b(Z, null, ie(A(w).day, (C, k) => $((p(), b("div", {
                     class: "fv-DatePicker__input-options-col-item",
-                    key: `day${$}${k}`,
-                    onClick: (C) => A(d)(A(f), k)
+                    key: `day${C}${k}`,
+                    onClick: (S) => A(d)(A(f), k)
                   }, [
-                    de(M($ > 0 ? $ : "") + " ", 1),
-                    R.showWeek ? (p(), b("span", Jh, "(" + M(R.weeks[A(T)($)]) + ")", 1)) : te("", !0)
+                    de(M(C > 0 ? C : "") + " ", 1),
+                    R.showWeek ? (p(), b("span", Jh, "(" + M(R.weeks[A(T)(C)]) + ")", 1)) : te("", !0)
                   ], 8, Kh)), [
                     [A(gt), A(v)]
                   ])), 128))
                 ], 4),
                 u("div", {
                   class: "fv-DatePicker__input-options-col-down",
-                  onClick: B[4] || (B[4] = ($) => A(d)(A(f), A(m).buffer + 1))
+                  onClick: B[4] || (B[4] = (C) => A(d)(A(f), A(m).buffer + 1))
                 }, Zh)
               ])), [
                 [A(gt), A(l)]
               ]),
-              R.hideYear ? te("", !0) : S((p(), b("div", ec, [
+              R.hideYear ? te("", !0) : $((p(), b("div", ec, [
                 u("div", {
                   class: "fv-DatePicker__input-options-col-up",
-                  onClick: B[5] || (B[5] = ($) => A(d)(A(c), A(m).buffer - 1))
+                  onClick: B[5] || (B[5] = (C) => A(d)(A(c), A(m).buffer - 1))
                 }, ic),
                 u("div", {
                   ref_key: "yearElement",
                   ref: c,
                   class: "fv-DatePicker__input-options-col-items"
                 }, [
-                  (p(!0), b(Z, null, ie(A(w).year, ($, k) => S((p(), b("div", {
+                  (p(!0), b(Z, null, ie(A(w).year, (C, k) => $((p(), b("div", {
                     class: "fv-DatePicker__input-options-col-item",
-                    key: `year${$}${k}`,
-                    onClick: (C) => A(d)(A(c), k)
+                    key: `year${C}${k}`,
+                    onClick: (S) => A(d)(A(c), k)
                   }, [
-                    de(M($ > 0 ? $ : ""), 1)
+                    de(M(C > 0 ? C : ""), 1)
                   ], 8, sc)), [
                     [A(gt), A(v)]
                   ])), 128))
                 ], 512),
                 u("div", {
                   class: "fv-DatePicker__input-options-col-down",
-                  onClick: B[6] || (B[6] = ($) => A(d)(A(c), A(m).buffer + 1))
+                  onClick: B[6] || (B[6] = (C) => A(d)(A(c), A(m).buffer + 1))
                 }, rc)
               ])), [
                 [A(gt), A(l)]
               ])
             ]),
             u("div", oc, [
-              S((p(), b("button", {
+              $((p(), b("button", {
                 class: "fv-DatePicker__input-options-accept",
-                onClick: B[7] || (B[7] = (...$) => A(I) && A(I)(...$))
+                onClick: B[7] || (B[7] = (...C) => A(I) && A(I)(...C))
               }, lc)), [
                 [A(gt), A(v)]
               ]),
-              S((p(), b("button", {
+              $((p(), b("button", {
                 class: "fv-DatePicker__input-options-cancel",
-                onClick: B[8] || (B[8] = (...$) => A(F) && A(F)(...$))
+                onClick: B[8] || (B[8] = (...C) => A(F) && A(F)(...C))
               }, uc)), [
                 [A(gt), A(v)]
               ])
@@ -8856,7 +8857,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
     return i({
       headInit: (...n) => s.headInit(...n)
     }), (n, r) => {
-      const o = j("fv-right-menu");
+      const o = q("fv-right-menu");
       return p(), b("div", {
         class: V(["fv-DetailsList", [n.$theme]])
       }, [
@@ -8864,7 +8865,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
           class: V(["fv-details-list-head", { "fv-custom-head": !0 }]),
           ref: "list_head"
         }, [
-          S(u("span", {
+          $(u("span", {
             class: "fv-details-list-icon-block",
             style: y(n.styles.listHead),
             onClick: r[1] || (r[1] = (...a) => n.chooseAll && n.chooseAll(...a))
@@ -8877,7 +8878,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
           ], 4), [
             [E, e.multiSelection]
           ]),
-          S(u("span", {
+          $(u("span", {
             class: "col",
             style: y([{ width: "36px", padding: "0px" }, n.styles.listHead])
           }, [
@@ -8888,7 +8889,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
           ], 4), [
             [E, e.showGroup]
           ]),
-          (p(!0), b(Z, null, ie(n.thisHead, (a, l) => S((p(), b("span", {
+          (p(!0), b(Z, null, ie(n.thisHead, (a, l) => $((p(), b("span", {
             class: "col",
             key: `head: ${l}`,
             style: y({
@@ -8907,7 +8908,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
               }, () => [
                 u("p", Vc, M(n.valueTrigger(a.content)), 1)
               ]),
-              S(u("i", {
+              $(u("i", {
                 class: V(["ms-Icon sort", [`ms-Icon--${n.sort.desc ? "Down" : "Up"}`]])
               }, null, 2), [
                 [E, a.sortName === n.sort.name]
@@ -8934,7 +8935,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
             tag: "div"
           }, {
             default: G(() => [
-              (p(!0), b(Z, null, ie(n.thisValue, (a, l) => S((p(), b("div", {
+              (p(!0), b(Z, null, ie(n.thisValue, (a, l) => $((p(), b("div", {
                 class: V(["content-row", [
                   { choose: a.choosen, "fv-custom-row": !0 },
                   e.rowCss
@@ -8946,7 +8947,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
                 onDrop: (d) => n.drop(a),
                 onContextmenu: (d) => n.rightClick(d, a)
               }, [
-                S(u("span", {
+                $(u("span", {
                   class: "fv-details-list-icon-block",
                   key: "multi-col",
                   onClick: (d) => n.itemChooseClick(a)
@@ -8959,7 +8960,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
                 ], 8, xc), [
                   [E, e.multiSelection]
                 ]),
-                (p(!0), b(Z, null, ie(n.thisHead, (d, h) => S((p(), b("span", {
+                (p(!0), b(Z, null, ie(n.thisHead, (d, h) => $((p(), b("span", {
                   class: "col",
                   key: `row: ${l} col: ${h}`,
                   style: y({ width: n.colWidth[h] }),
@@ -9006,7 +9007,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
                 isMulti: e.multiSelection,
                 isChoose: n.isGroupChooseAll(a)
               }, () => [
-                S(u("span", {
+                $(u("span", {
                   class: "fv-details-list-icon-block",
                   key: "multi-col",
                   onClick: (d) => n.chooseGroup(a)
@@ -9036,8 +9037,8 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
             ], 2),
             O(he, { name: "zoom-in-top" }, {
               default: G(() => [
-                S(u("div", null, [
-                  (p(!0), b(Z, null, ie(a.data, (d, h) => S((p(), b("div", {
+                $(u("div", null, [
+                  (p(!0), b(Z, null, ie(a.data, (d, h) => $((p(), b("div", {
                     class: V(["content-row", [
                       { choose: d.choosen, "fv-custom-row": !0 },
                       e.rowCss
@@ -9045,7 +9046,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
                     key: `group: ${l} row: ${h}`,
                     onContextmenu: (c) => n.rightClick(c, d)
                   }, [
-                    S(u("span", Rc, [
+                    $(u("span", Rc, [
                       O(hi, {
                         modelValue: d.choosen,
                         "onUpdate:modelValue": (c) => d.choosen = c,
@@ -9060,7 +9061,7 @@ const hi = /* @__PURE__ */ ae(bc, [["render", kc]]), Cc = /* @__PURE__ */ u("i",
                       style: { width: "36px" },
                       onClick: (c) => n.chooseCurrent(d)
                     }, null, 8, Bc),
-                    (p(!0), b(Z, null, ie(n.thisHead, (c, f) => S((p(), b("span", {
+                    (p(!0), b(Z, null, ie(n.thisHead, (c, f) => $((p(), b("span", {
                       class: "col",
                       key: `group: ${l} row: ${h} col: ${f}`,
                       style: y({ width: n.colWidth[f] }),
@@ -9259,7 +9260,7 @@ const Wc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    return (t, s) => S((p(), b("div", {
+    return (t, s) => $((p(), b("div", {
       ref: "drawer",
       class: V(["fv-Drawer", [t.$theme]]),
       style: y([t.style.drawer, { background: e.background }])
@@ -9352,7 +9353,7 @@ const Gc = {
   }
 }, Uc = ["placeholder", "value"];
 function Yc(e, i, t, s, n, r) {
-  const o = j("fv-reveal-container");
+  const o = q("fv-reveal-container");
   return p(), b("div", {
     class: "drop-down-box",
     style: y({ "border-radius": `${t.borderRadius}px` })
@@ -9523,7 +9524,7 @@ const go = /* @__PURE__ */ ae(Gc, [["render", Yc]]), jc = {
   }
 }, qc = ["onClick"];
 function Xc(e, i, t, s, n, r) {
-  const o = j("fv-check-box");
+  const o = q("fv-check-box");
   return p(), b("div", {
     class: "list-container",
     style: y(n.styles.listContainer)
@@ -9540,7 +9541,7 @@ function Xc(e, i, t, s, n, r) {
           choose: a.choosen
         }])
       }, [
-        S(u("p", {
+        $(u("p", {
           class: "title",
           style: y(n.styles.title)
         }, M(r.valueTrigger(a.text)), 5), [
@@ -9551,7 +9552,7 @@ function Xc(e, i, t, s, n, r) {
           index: l,
           valueTrigger: r.valueTrigger
         }, () => [
-          S(O(o, {
+          $(O(o, {
             modelValue: a.choosen,
             "onUpdate:modelValue": (d) => a.choosen = d,
             disabled: r.valueTrigger(a.disabled),
@@ -9569,7 +9570,7 @@ function Xc(e, i, t, s, n, r) {
               r.valueTrigger(a.type) == "default" || r.valueTrigger(a.type) == null && t.multiple
             ]
           ]),
-          S(u("p", null, M(r.valueTrigger(a.text)), 513), [
+          $(u("p", null, M(r.valueTrigger(a.text)), 513), [
             [
               E,
               r.valueTrigger(a.type) == "default" || r.valueTrigger(a.type) == null && !t.multiple
@@ -9797,14 +9798,14 @@ const po = /* @__PURE__ */ ae(jc, [["render", Xc]]), Kc = {
           }, 8, ["modelValue", "placeholder", "theme", "disabled", "borderWidth", "borderRadius", "inputForeground", "inputBackground", "inputBorderColor", "dropDownIcon", "dropDownIconForeground", "class"])
         ])
       ], 512),
-      S(u("p", { class: "err-msg" }, M(e.errorMessage), 513), [
+      $(u("p", { class: "err-msg" }, M(e.errorMessage), 513), [
         [E, e.showError]
       ]),
       O(he, {
         name: `fv-drop-down-${t.dropDownListShowStatus.position}`
       }, {
         default: G(() => [
-          S(O(po, {
+          $(O(po, {
             modelValue: t.choosenValue,
             "onUpdate:modelValue": s[2] || (s[2] = (n) => t.choosenValue = n),
             options: e.options,
@@ -9954,13 +9955,13 @@ const Zc = { class: "expander-description-box" }, ef = { class: "expander-text"
             value: t.thisValue,
             disabledCollaspe: e.disabledExpander
           }, () => [
-            S(u("i", nf, null, 512), [
+            $(u("i", nf, null, 512), [
               [E, t.thisValue]
             ]),
-            S(u("i", rf, null, 512), [
+            $(u("i", rf, null, 512), [
               [E, !t.thisValue && !e.disabledExpander]
             ]),
-            S(u("i", of, null, 512), [
+            $(u("i", of, null, 512), [
               [E, !t.thisValue && e.disabledExpander]
             ])
           ])
@@ -9968,7 +9969,7 @@ const Zc = { class: "expander-description-box" }, ef = { class: "expander-text"
       ], 4),
       O(he, { name: "expander-expanded" }, {
         default: G(() => [
-          S(u("div", {
+          $(u("div", {
             class: "expander-detail",
             style: y({ background: e.expandBackground })
           }, [
@@ -10162,7 +10163,7 @@ const uf = ["onClick"], hf = /* @__PURE__ */ u("i", null, null, -1), cf = [
     }, [
       O(he, { name: "fade-in" }, {
         default: G(() => [
-          S(u("div", {
+          $(u("div", {
             class: "control-panel",
             style: y(t.styles.controlPanel)
           }, [
@@ -10210,7 +10211,7 @@ const uf = ["onClick"], hf = /* @__PURE__ */ u("i", null, null, -1), cf = [
           class: "container-panel"
         }, {
           default: G(() => [
-            (p(!0), b(Z, null, ie(t.thisValue, (n, r) => S((p(), b("div", {
+            (p(!0), b(Z, null, ie(t.thisValue, (n, r) => $((p(), b("div", {
               key: `flipview: ${r}`,
               class: "container-item",
               style: y(t.styles.containerItem)
@@ -10372,7 +10373,7 @@ const kf = ["src"], Cf = {
     }, [
       O(he, { name: "fade-in" }, {
         default: G(() => [
-          S(u("img", {
+          $(u("img", {
             draggable: "false",
             alt: "",
             src: t.thisSrc,
@@ -10416,7 +10417,7 @@ const Vf = {
   },
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-ImgBox"), r = j("fv-Image");
+      const n = q("fv-ImgBox"), r = q("fv-Image");
       return p(), b("div", {
         class: V(["fv-Img", [t.$theme]])
       }, [
@@ -10617,15 +10618,15 @@ const If = en("FvImageCache", {
   },
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-progress-ring");
+      const n = q("fv-progress-ring");
       return p(), b("div", {
         class: V(["fv-ImgBox", [t.$theme]]),
         style: y({
           background: e.onbackground ? "url(" + t.imgUri.data + ") no-repeat" : ""
         })
       }, [
-        S(u("div", Ef, [
-          S(O(n, {
+        $(u("div", Ef, [
+          $(O(n, {
             value: t.loadingProgress,
             loading: t.loadingProgress === 0,
             color: e.loadingColor,
@@ -10831,14 +10832,14 @@ const _f = { class: "title-bar" }, Of = { class: "title-content" }, zf = { class
   emits: ["confirm", "close"],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-button");
+      const n = q("fv-button");
       return p(), b("div", {
         class: V(["fv-InfoBox", [t.$theme, e.mode, { acrylic: e.acrylic }]])
       }, [
         u("div", {
           class: V(["sinfo-box-block", [t.iconList[e.status].background]])
         }, [
-          S(u("div", _f, [
+          $(u("div", _f, [
             u("i", {
               class: V(["ms-Icon icon-block", [`ms-Icon--${t.iconList[e.status].icon}`]])
             }, null, 2),
@@ -10848,7 +10849,7 @@ const _f = { class: "title-bar" }, Of = { class: "title-content" }, zf = { class
           ]),
           u("span", zf, [
             N(t.$slots, "msg", {}, () => [
-              S(u("h3", null, M(e.title), 513), [
+              $(u("h3", null, M(e.title), 513), [
                 [E, !e.showTitleBar]
               ]),
               Af
@@ -11402,7 +11403,7 @@ const bo = /* @__PURE__ */ ae(Yf, [["render", qf]]), Xf = { class: "list-view-he
   ],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-reveal-container");
+      const n = q("fv-reveal-container");
       return p(), b("div", {
         class: V(["fv-ListView", [t.$theme]]),
         onClick: s[0] || (s[0] = (r) => t.focus = !0)
@@ -11411,7 +11412,7 @@ const bo = /* @__PURE__ */ ae(Yf, [["render", qf]]), Xf = { class: "list-view-he
           N(t.$slots, "header")
         ]),
         u("div", Kf, [
-          (p(!0), b(Z, null, ie(t.thisValue, (r, o) => S((p(), b("span", {
+          (p(!0), b(Z, null, ie(t.thisValue, (r, o) => $((p(), b("span", {
             class: V([{
               choose: t.valueTrigger(r.choosen),
               header: t.valueTrigger(r.type) == "header",
@@ -11575,7 +11576,7 @@ const im = {
   }
 }, sm = { class: "menu-flyout-list-container" }, nm = ["onClick", "title"], rm = { class: "ms-Icon ms-Icon--ChevronRight after-expand" };
 function om(e, i, t, s, n, r) {
-  const o = j("fv-pivot");
+  const o = q("fv-pivot");
   return p(), ne(he, { name: "fv-menu-flyout" }, {
     default: G(() => [
       u("div", sm, [
@@ -11612,7 +11613,7 @@ function om(e, i, t, s, n, r) {
                   style: y({ background: t.choosenSliderBackground })
                 }, null, 4),
                 de(" " + M(r.valueTrigger(a.type) !== "divider" ? r.valueTrigger(a.text) : "") + " ", 1),
-                S(u("i", rm, null, 512), [
+                $(u("i", rm, null, 512), [
                   [E, a.children]
                 ])
               ])
@@ -11751,7 +11752,7 @@ const wo = /* @__PURE__ */ ae(im, [["render", om]]), am = ["placeholder", "value
   emits: ["update:modelValue", "choose-item"],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-reveal-container");
+      const n = q("fv-reveal-container");
       return p(), b("div", {
         class: V(["fv-MenuFlyout", [t.$theme, { disabled: t.isDisabled }]]),
         style: y({
@@ -11796,7 +11797,7 @@ const wo = /* @__PURE__ */ ae(im, [["render", om]]), am = ["placeholder", "value
             style: y({ color: e.dropDownIconForeground })
           }, null, 6)
         ], 4),
-        S(O(wo, {
+        $(O(wo, {
           modelValue: t.thisValue,
           options: e.options,
           background: e.background,
@@ -11815,7 +11816,7 @@ const wo = /* @__PURE__ */ ae(im, [["render", om]]), am = ["placeholder", "value
                 style: y({ background: r.choosenSliderBackground })
               }, null, 4),
               de(" " + M(t.valueTrigger(r.item.type) !== "divider" ? t.valueTrigger(r.item.text) : "") + " ", 1),
-              S(u("i", lm, null, 512), [
+              $(u("i", lm, null, 512), [
                 [E, r.item.children]
               ])
             ])
@@ -11906,7 +11907,7 @@ const cm = { class: "msg-bar-block" }, fm = { class: "msg-content-block" }, mm =
   emits: ["close"],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-button");
+      const n = q("fv-button");
       return p(), b("div", {
         class: V(["fv-MessageBar", [
           t.$theme,
@@ -11926,14 +11927,14 @@ const cm = { class: "msg-bar-block" }, fm = { class: "msg-content-block" }, mm =
               de(" Message Bar. ")
             ])
           ]),
-          S(u("i", {
+          $(u("i", {
             class: "ms-Icon ms-Icon--Cancel close-block",
             onClick: s[0] || (s[0] = (...r) => t.destroySelf && t.destroySelf(...r))
           }, null, 512), [
             [E, e.showClose]
           ])
         ]),
-        S(u("span", mm, [
+        $(u("span", mm, [
           N(t.$slots, "control", {
             theme: t.$theme,
             cancel: t.destroySelf
@@ -12158,7 +12159,7 @@ const ym = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
   ],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-animated-icon"), r = j("fv-search-box");
+      const n = q("fv-animated-icon"), r = q("fv-search-box");
       return p(), b("div", {
         class: V(["fv-NavigationPanel", [
           t.$theme,
@@ -12175,7 +12176,7 @@ const ym = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
           class: "panel-container-mobile",
           style: y({ background: t.thisExpand ? "" : e.background })
         }, [
-          S(O(n, {
+          $(O(n, {
             modelValue: "backScale",
             class: "fv-nav-default-item",
             hideContent: !0,
@@ -12189,7 +12190,7 @@ const ym = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
           }, 8, ["style"]), [
             [E, e.showBack]
           ]),
-          S(O(n, {
+          $(O(n, {
             modelValue: "scaleXDown",
             class: "fv-nav-default-item",
             hideContent: !0,
@@ -12208,7 +12209,7 @@ const ym = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
           class: "panel-container",
           style: y({ width: t.navWidth, background: e.background })
         }, [
-          S(O(n, {
+          $(O(n, {
             modelValue: "backScale",
             class: "fv-nav-default-item control",
             hideContent: !t.thisExpand,
@@ -12225,7 +12226,7 @@ const ym = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
           }, 8, ["hideContent"]), [
             [E, e.showBack]
           ]),
-          S(O(n, {
+          $(O(n, {
             modelValue: "scaleXDown",
             class: "fv-nav-default-item control",
             hideContent: !t.thisExpand,
@@ -12233,7 +12234,7 @@ const ym = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
             onClick: t.expandClick
           }, {
             content: G(() => [
-              S(u("p", { class: "name title" }, M(e.title), 513), [
+              $(u("p", { class: "name title" }, M(e.title), 513), [
                 [E, !e.showBack]
               ])
             ]),
@@ -12244,7 +12245,7 @@ const ym = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
           }, 8, ["hideContent", "onClick"]), [
             [E, e.showNav]
           ]),
-          S(u("span", Vm, [
+          $(u("span", Vm, [
             N(t.$slots, "searchBlock", {}, () => [
               O(r, {
                 icon: "Search",
@@ -12264,7 +12265,7 @@ const ym = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
           u("div", Tm, [
             N(t.$slots, "panel")
           ]),
-          S(O(n, {
+          $(O(n, {
             modelValue: "bounceRotate",
             ref: "setting",
             class: "fv-nav-default-item",
@@ -12446,7 +12447,7 @@ const Pm = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Settings icon" }, n
   ],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-search-box"), r = j("fv-animated-icon"), o = j("fv-list-view"), a = j("fv-NavigationPanel");
+      const n = q("fv-search-box"), r = q("fv-animated-icon"), o = q("fv-list-view"), a = q("fv-NavigationPanel");
       return p(), b("div", {
         class: V(["fv-NavigationView", [t.$theme, { compact: !t.thisExpand }]])
       }, [
@@ -12508,7 +12509,7 @@ const Pm = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Settings icon" }, n
                   index: l.index,
                   valueTrigger: l.valueTrigger
                 }, () => [
-                  S(u("i", {
+                  $(u("i", {
                     class: V(["ms-Icon icon", [
                       `ms-Icon--${l.valueTrigger(l.item.icon)}`
                     ]])
@@ -12527,7 +12528,7 @@ const Pm = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Settings icon" }, n
                 ])
               ]),
               footer: G(() => [
-                S(O(r, {
+                $(O(r, {
                   ref: "setting",
                   modelValue: "bounceRotate",
                   class: "fv-nav-default-item",
@@ -12660,7 +12661,7 @@ const _m = { class: "fv-pagination-container" }, Om = /* @__PURE__ */ u("i", { c
   ],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-button");
+      const n = q("fv-button");
       return p(), b("div", {
         class: V(["fv-Pagination", [t.$theme]])
       }, [
@@ -12841,10 +12842,10 @@ const Hm = {
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-button");
+      const n = q("fv-button");
       return p(), ne(he, { name: "fv-panel-show" }, {
         default: G(() => [
-          S(u("div", {
+          $(u("div", {
             class: V(["fv-Panel", [t.$theme]])
           }, [
             u("div", {
@@ -12853,7 +12854,7 @@ const Hm = {
             }),
             O(he, { name: t.transitionInName }, {
               default: G(() => [
-                S(u("div", {
+                $(u("div", {
                   class: V(["fv-panel-container", [
                     `${t.sideName}-side`,
                     { "acrylic-style": e.isAcrylic }
@@ -12864,7 +12865,7 @@ const Hm = {
                     background: e.background
                   })
                 }, [
-                  S(u("div", {
+                  $(u("div", {
                     class: "fv-panel-control-block",
                     style: y({ padding: e.controlPadding })
                   }, [
@@ -12893,7 +12894,7 @@ const Hm = {
                       de(" Content Here ")
                     ])
                   ], 4),
-                  S(u("div", {
+                  $(u("div", {
                     class: "fv-panel-footer",
                     style: y({ padding: e.controlPadding })
                   }, [
@@ -13042,7 +13043,7 @@ const Ym = { class: "persona-content-block" }, jm = {
   },
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-img");
+      const n = q("fv-img");
       return p(), b("div", {
         class: V(["fv-Persona", [t.$theme]])
       }, [
@@ -13062,7 +13063,7 @@ const Ym = { class: "persona-content-block" }, jm = {
             src: e.src,
             style: { width: "100%", height: "100%", "border-radius": "50%" }
           }, null, 8, ["src"])) : te("", !0),
-          S(u("i", {
+          $(u("i", {
             class: V(["ms-Icon status-icon", [`ms-Icon--${t.currentIcon}`]]),
             style: y({
               "font-size": `${t.iconFontSize}px`,
@@ -13072,7 +13073,7 @@ const Ym = { class: "persona-content-block" }, jm = {
             [E, t.showStatus]
           ])
         ], 4),
-        S(u("div", Ym, [
+        $(u("div", Ym, [
           u("span", {
             class: "persona-title",
             style: y({ "font-size": `${t.titleFontSize}px` })
@@ -13367,7 +13368,7 @@ const ko = /* @__PURE__ */ ae(Km, [["render", Qm]]), Zm = { class: "pivot-contai
       style: y({ background: e.background })
     }, [
       u("div", Zm, [
-        (p(!0), b(Z, null, ie(t.thisItems, (n, r) => S((p(), b("span", {
+        (p(!0), b(Z, null, ie(t.thisItems, (n, r) => $((p(), b("span", {
           class: V(["pivot-item", {
             choose: t.eqal(n),
             disabled: t.valueTrigger(n.disabled)
@@ -13458,14 +13459,14 @@ const ng = {
       ]]),
       style: y({ background: e.background })
     }, [
-      (p(), b(Z, null, ie(5, (n) => S(u("p", {
+      (p(), b(Z, null, ie(5, (n) => $(u("p", {
         class: "unit",
         style: y({ background: e.foreground }),
         key: n
       }, null, 4), [
         [E, e.loading.toString() == "true"]
       ])), 64)),
-      S(u("i", {
+      $(u("i", {
         style: y({
           width: (t.percent <= 100 ? t.percent : 100) + "%",
           background: e.foreground
@@ -13619,7 +13620,7 @@ const zi = /* @__PURE__ */ ae(ag, [["render", lg]]), dg = ["width", "height"], u
       class: V(["fv-ProgressRing", [t.$theme]]),
       style: y({ width: `${e.r * 2}px`, height: `${e.r * 2}px` })
     }, [
-      S((p(), b("svg", {
+      $((p(), b("svg", {
         width: `${e.r * 2}px`,
         height: `${e.r * 2}px`,
         class: "svg"
@@ -13653,7 +13654,7 @@ const zi = /* @__PURE__ */ ae(ag, [["render", lg]]), dg = ["width", "height"], u
       ], 8, dg)), [
         [E, !zi]
       ]),
-      S(O(zi, {
+      $(O(zi, {
         size: e.size,
         color: e.color
       }, null, 8, ["size", "color"]), [
@@ -13975,7 +13976,7 @@ const Vg = { class: "fv-rating-container" }, Tg = ["onMousemove", "onTouchmove",
             class: V(["ms-Icon background", [`ms-Icon--${e.defaultIcon}`]]),
             style: y({ color: e.borderColor })
           }, null, 6),
-          S(u("div", {
+          $(u("div", {
             class: "fv-rating-mask",
             style: y({ width: `${t.itemRatio(r)}%` })
           }, [
@@ -14403,7 +14404,7 @@ const Fg = {
         n.preventDefault(), t.isDisabled || t.$emit("click", n);
       })
     }, [
-      S((p(), b("svg", Fg, [
+      $((p(), b("svg", Fg, [
         de(" > "),
         u("defs", null, [
           u("radialGradient", {
@@ -14479,7 +14480,7 @@ const Fg = {
             "stroke-width": e.borderWidth
           }])
         }, null, 12, jg),
-        S(u("rect", {
+        $(u("rect", {
           x: e.borderWidth / 2,
           y: e.borderWidth / 2,
           rx: t.computedBorderRadius,
@@ -14576,7 +14577,7 @@ const Qg = { class: "right-menu-list" }, Zg = /* @__PURE__ */ u("span", null, [
       name: e.fullExpandAnimation ? "fv-rightMenu-full-zoom-in-top" : "fv-rightMenu-zoom-in-top"
     }, {
       default: G(() => [
-        S(u("div", {
+        $(u("div", {
           class: V(["fv-RightMenu", [n.$theme]]),
           style: y({
             left: n.posX + "px",
@@ -14659,7 +14660,7 @@ const sp = { key: 0 }, np = /* @__PURE__ */ u("p", null, "Scroll Story", -1), rp
     }, [
       O(he, { name: e.name }, {
         default: G(() => [
-          !e.trueRender || t.show ? S((p(), b("div", sp, [
+          !e.trueRender || t.show ? $((p(), b("div", sp, [
             N(t.$slots, "default", {}, () => [
               np
             ])
@@ -14926,7 +14927,7 @@ const lp = { class: "search-box-placeholder" }, dp = { class: "search-box-contai
   ],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-reveal-container"), r = j("fv-list-view");
+      const n = q("fv-reveal-container"), r = q("fv-list-view");
       return p(), b("div", {
         class: V(["fv-SearchBox", [
           t.$theme,
@@ -14963,7 +14964,7 @@ const lp = { class: "search-box-placeholder" }, dp = { class: "search-box-contai
             }
           ])
         }, [
-          S(u("i", {
+          $(u("i", {
             class: V(["ms-Icon icon-block", [`ms-Icon--${e.leftIcon}`]]),
             onClick: s[0] || (s[0] = (o) => t.$emit("left-icon-click", o))
           }, null, 2), [
@@ -14971,7 +14972,7 @@ const lp = { class: "search-box-placeholder" }, dp = { class: "search-box-contai
           ]),
           O(he, { name: "move-left-to-right" }, {
             default: G(() => [
-              S(u("div", lp, [
+              $(u("div", lp, [
                 N(t.$slots, "resultPlaceholder", { resultPlaceholder: e.resultPlaceholder })
               ], 512), [
                 [E, e.resultPlaceholder.length > 0]
@@ -14980,7 +14981,7 @@ const lp = { class: "search-box-placeholder" }, dp = { class: "search-box-contai
             _: 3
           }),
           u("div", dp, [
-            S(u("input", {
+            $(u("input", {
               "onUpdate:modelValue": s[1] || (s[1] = (o) => t.thisValue = o),
               type: e.type,
               placeholder: e.placeholder,
@@ -15005,13 +15006,13 @@ const lp = { class: "search-box-placeholder" }, dp = { class: "search-box-contai
               [Yn, t.thisValue]
             ])
           ]),
-          S(u("i", {
+          $(u("i", {
             class: "ms-Icon ms-Icon--Cancel icon-block",
             onClick: s[8] || (s[8] = (...o) => t.clearValue && t.clearValue(...o))
           }, null, 512), [
             [E, t.thisValue.length > 0 || e.resultPlaceholder.length > 0]
           ]),
-          S(u("i", {
+          $(u("i", {
             class: V(["ms-Icon icon-block", [`ms-Icon--${e.icon}`]]),
             onClick: s[9] || (s[9] = (o) => t.$emit("icon-click", o))
           }, null, 2), [
@@ -15020,7 +15021,7 @@ const lp = { class: "search-box-placeholder" }, dp = { class: "search-box-contai
         ], 4),
         O(he, { name: "zoom-in-top" }, {
           default: G(() => [
-            S(u("div", hp, [
+            $(u("div", hp, [
               N(t.$slots, "searchResult", {
                 data: t.filterOptions,
                 chooseResult: t.chooseResult
@@ -15344,7 +15345,7 @@ const wp = ["title"], yp = { class: "fv-slider-unit-container" }, kp = {
             background: e.color
           })
         }, null, 4),
-        S(u("div", {
+        $(u("div", {
           class: "fv-slider-label",
           title: t.progress,
           style: y({
@@ -15548,7 +15549,7 @@ function xp(e, i) {
     t.push(s[n]);
   return t;
 }
-function q(e, i) {
+function X(e, i) {
   const t = $e(), s = Ae();
   let n = [];
   if (!i && e instanceof yt)
@@ -15575,7 +15576,7 @@ function q(e, i) {
   }
   return new yt(Tp(n));
 }
-q.fn = yt.prototype;
+X.fn = yt.prototype;
 function Ip(...e) {
   const i = Si(e.map((t) => t.split(" ")));
   return this.forEach((t) => {
@@ -15634,12 +15635,12 @@ function Bp(...e) {
     if (!h)
       return;
     const c = d.target.dom7EventData || [];
-    if (c.indexOf(d) < 0 && c.unshift(d), q(h).is(t))
+    if (c.indexOf(d) < 0 && c.unshift(d), X(h).is(t))
       s.apply(h, c);
     else {
-      const f = q(h).parents();
+      const f = X(h).parents();
       for (let m = 0; m < f.length; m += 1)
-        q(f[m]).is(t) && s.apply(f[m], c);
+        X(f[m]).is(t) && s.apply(f[m], c);
     }
   }
   function o(d) {
@@ -15773,7 +15774,7 @@ function Up(e) {
 }
 function Yp(e) {
   const i = $o(this, e);
-  return q(i);
+  return X(i);
 }
 function jp(e) {
   if (typeof e > "u")
@@ -15801,7 +15802,7 @@ function Xp(e) {
       return s.webkitMatchesSelector(e);
     if (s.msMatchesSelector)
       return s.msMatchesSelector(e);
-    for (n = q(e), r = 0; r < n.length; r += 1)
+    for (n = X(e), r = 0; r < n.length; r += 1)
       if (n[r] === s)
         return !0;
     return !1;
@@ -15831,12 +15832,12 @@ function Jp(e) {
     return this;
   const i = this.length;
   if (e > i - 1)
-    return q([]);
+    return X([]);
   if (e < 0) {
     const t = i + e;
-    return t < 0 ? q([]) : q([this[t]]);
+    return t < 0 ? X([]) : X([this[t]]);
   }
-  return q([this[e]]);
+  return X([this[e]]);
 }
 function Qp(...e) {
   let i;
@@ -15872,55 +15873,55 @@ function Zp(e) {
   return this;
 }
 function ev(e) {
-  return this.length > 0 ? e ? this[0].nextElementSibling && q(this[0].nextElementSibling).is(e) ? q([this[0].nextElementSibling]) : q([]) : this[0].nextElementSibling ? q([this[0].nextElementSibling]) : q([]) : q([]);
+  return this.length > 0 ? e ? this[0].nextElementSibling && X(this[0].nextElementSibling).is(e) ? X([this[0].nextElementSibling]) : X([]) : this[0].nextElementSibling ? X([this[0].nextElementSibling]) : X([]) : X([]);
 }
 function tv(e) {
   const i = [];
   let t = this[0];
   if (!t)
-    return q([]);
+    return X([]);
   for (; t.nextElementSibling; ) {
     const s = t.nextElementSibling;
-    e ? q(s).is(e) && i.push(s) : i.push(s), t = s;
+    e ? X(s).is(e) && i.push(s) : i.push(s), t = s;
   }
-  return q(i);
+  return X(i);
 }
 function iv(e) {
   if (this.length > 0) {
     const i = this[0];
-    return e ? i.previousElementSibling && q(i.previousElementSibling).is(e) ? q([i.previousElementSibling]) : q([]) : i.previousElementSibling ? q([i.previousElementSibling]) : q([]);
+    return e ? i.previousElementSibling && X(i.previousElementSibling).is(e) ? X([i.previousElementSibling]) : X([]) : i.previousElementSibling ? X([i.previousElementSibling]) : X([]);
   }
-  return q([]);
+  return X([]);
 }
 function sv(e) {
   const i = [];
   let t = this[0];
   if (!t)
-    return q([]);
+    return X([]);
   for (; t.previousElementSibling; ) {
     const s = t.previousElementSibling;
-    e ? q(s).is(e) && i.push(s) : i.push(s), t = s;
+    e ? X(s).is(e) && i.push(s) : i.push(s), t = s;
   }
-  return q(i);
+  return X(i);
 }
 function nv(e) {
   const i = [];
   for (let t = 0; t < this.length; t += 1)
-    this[t].parentNode !== null && (e ? q(this[t].parentNode).is(e) && i.push(this[t].parentNode) : i.push(this[t].parentNode));
-  return q(i);
+    this[t].parentNode !== null && (e ? X(this[t].parentNode).is(e) && i.push(this[t].parentNode) : i.push(this[t].parentNode));
+  return X(i);
 }
 function rv(e) {
   const i = [];
   for (let t = 0; t < this.length; t += 1) {
     let s = this[t].parentNode;
     for (; s; )
-      e ? q(s).is(e) && i.push(s) : i.push(s), s = s.parentNode;
+      e ? X(s).is(e) && i.push(s) : i.push(s), s = s.parentNode;
   }
-  return q(i);
+  return X(i);
 }
 function ov(e) {
   let i = this;
-  return typeof e > "u" ? q([]) : (i.is(e) || (i = i.parents(e).eq(0)), i);
+  return typeof e > "u" ? X([]) : (i.is(e) || (i = i.parents(e).eq(0)), i);
 }
 function av(e) {
   const i = [];
@@ -15929,16 +15930,16 @@ function av(e) {
     for (let n = 0; n < s.length; n += 1)
       i.push(s[n]);
   }
-  return q(i);
+  return X(i);
 }
 function lv(e) {
   const i = [];
   for (let t = 0; t < this.length; t += 1) {
     const s = this[t].children;
     for (let n = 0; n < s.length; n += 1)
-      (!e || q(s[n]).is(e)) && i.push(s[n]);
+      (!e || X(s[n]).is(e)) && i.push(s[n]);
   }
-  return q(i);
+  return X(i);
 }
 function dv() {
   for (let e = 0; e < this.length; e += 1)
@@ -15984,7 +15985,7 @@ const On = {
   remove: dv
 };
 Object.keys(On).forEach((e) => {
-  Object.defineProperty(q.fn, e, {
+  Object.defineProperty(X.fn, e, {
     value: On[e],
     writable: !0
   });
@@ -16294,8 +16295,8 @@ function Cv() {
 }
 function $v() {
   const e = this;
-  function i($) {
-    return e.isHorizontal() ? $ : {
+  function i(C) {
+    return e.isHorizontal() ? C : {
       width: "height",
       "margin-top": "margin-left",
       "margin-bottom ": "margin-right",
@@ -16304,10 +16305,10 @@ function $v() {
       "padding-left": "padding-top",
       "padding-right": "padding-bottom",
       marginRight: "marginBottom"
-    }[$];
+    }[C];
   }
-  function t($, k) {
-    return parseFloat($.getPropertyValue(i(k)) || 0);
+  function t(C, k) {
+    return parseFloat(C.getPropertyValue(i(k)) || 0);
   }
   const s = e.params, {
     $wrapperEl: n,
@@ -16337,18 +16338,18 @@ function $v() {
   const L = s.grid && s.grid.rows > 1 && e.grid;
   L && e.grid.initSlides(c);
   let R;
-  const B = s.slidesPerView === "auto" && s.breakpoints && Object.keys(s.breakpoints).filter(($) => typeof s.breakpoints[$].slidesPerView < "u").length > 0;
-  for (let $ = 0; $ < c; $ += 1) {
+  const B = s.slidesPerView === "auto" && s.breakpoints && Object.keys(s.breakpoints).filter((C) => typeof s.breakpoints[C].slidesPerView < "u").length > 0;
+  for (let C = 0; C < c; C += 1) {
     R = 0;
-    const k = h.eq($);
-    if (L && e.grid.updateSlide($, k, c, i), k.css("display") !== "none") {
+    const k = h.eq(C);
+    if (L && e.grid.updateSlide(C, k, c, i), k.css("display") !== "none") {
       if (s.slidesPerView === "auto") {
-        B && (h[$].style[i("width")] = "");
-        const C = getComputedStyle(k[0]), X = k[0].style.transform, D = k[0].style.webkitTransform;
-        if (X && (k[0].style.transform = "none"), D && (k[0].style.webkitTransform = "none"), s.roundLengths)
+        B && (h[C].style[i("width")] = "");
+        const S = getComputedStyle(k[0]), j = k[0].style.transform, D = k[0].style.webkitTransform;
+        if (j && (k[0].style.transform = "none"), D && (k[0].style.webkitTransform = "none"), s.roundLengths)
           R = e.isHorizontal() ? k.outerWidth(!0) : k.outerHeight(!0);
         else {
-          const U = t(C, "width"), _ = t(C, "padding-left"), x = t(C, "padding-right"), ee = t(C, "margin-left"), me = t(C, "margin-right"), We = C.getPropertyValue("box-sizing");
+          const U = t(S, "width"), _ = t(S, "padding-left"), x = t(S, "padding-right"), ee = t(S, "margin-left"), me = t(S, "margin-right"), We = S.getPropertyValue("box-sizing");
           if (We && We === "border-box")
             R = U + ee + me;
           else {
@@ -16359,10 +16360,10 @@ function $v() {
             R = U + _ + x + ee + me + (lt - De);
           }
         }
-        X && (k[0].style.transform = X), D && (k[0].style.webkitTransform = D), s.roundLengths && (R = Math.floor(R));
+        j && (k[0].style.transform = j), D && (k[0].style.webkitTransform = D), s.roundLengths && (R = Math.floor(R));
       } else
-        R = (r - (s.slidesPerView - 1) * F) / s.slidesPerView, s.roundLengths && (R = Math.floor(R)), h[$] && (h[$].style[i("width")] = `${R}px`);
-      h[$] && (h[$].swiperSlideSize = R), g.push(R), s.centeredSlides ? (P = P + R / 2 + W / 2 + F, W === 0 && $ !== 0 && (P = P - r / 2 - F), $ === 0 && (P = P - r / 2 - F), Math.abs(P) < 1 / 1e3 && (P = 0), s.roundLengths && (P = Math.floor(P)), z % s.slidesPerGroup === 0 && f.push(P), m.push(P)) : (s.roundLengths && (P = Math.floor(P)), (z - Math.min(e.params.slidesPerGroupSkip, z)) % e.params.slidesPerGroup === 0 && f.push(P), m.push(P), P = P + R + F), e.virtualSize += R + F, W = R, z += 1;
+        R = (r - (s.slidesPerView - 1) * F) / s.slidesPerView, s.roundLengths && (R = Math.floor(R)), h[C] && (h[C].style[i("width")] = `${R}px`);
+      h[C] && (h[C].swiperSlideSize = R), g.push(R), s.centeredSlides ? (P = P + R / 2 + W / 2 + F, W === 0 && C !== 0 && (P = P - r / 2 - F), C === 0 && (P = P - r / 2 - F), Math.abs(P) < 1 / 1e3 && (P = 0), s.roundLengths && (P = Math.floor(P)), z % s.slidesPerGroup === 0 && f.push(P), m.push(P)) : (s.roundLengths && (P = Math.floor(P)), (z - Math.min(e.params.slidesPerGroupSkip, z)) % e.params.slidesPerGroup === 0 && f.push(P), m.push(P), P = P + R + F), e.virtualSize += R + F, W = R, z += 1;
     }
   }
   if (e.virtualSize = Math.max(e.virtualSize, r) + v, o && a && (s.effect === "slide" || s.effect === "coverflow") && n.css({
@@ -16370,37 +16371,37 @@ function $v() {
   }), s.setWrapperSize && n.css({
     [i("width")]: `${e.virtualSize + s.spaceBetween}px`
   }), L && e.grid.updateWrapperSize(R, f, i), !s.centeredSlides) {
-    const $ = [];
+    const C = [];
     for (let k = 0; k < f.length; k += 1) {
-      let C = f[k];
-      s.roundLengths && (C = Math.floor(C)), f[k] <= e.virtualSize - r && $.push(C);
+      let S = f[k];
+      s.roundLengths && (S = Math.floor(S)), f[k] <= e.virtualSize - r && C.push(S);
     }
-    f = $, Math.floor(e.virtualSize - r) - Math.floor(f[f.length - 1]) > 1 && f.push(e.virtualSize - r);
+    f = C, Math.floor(e.virtualSize - r) - Math.floor(f[f.length - 1]) > 1 && f.push(e.virtualSize - r);
   }
   if (f.length === 0 && (f = [0]), s.spaceBetween !== 0) {
-    const $ = e.isHorizontal() && o ? "marginLeft" : i("marginRight");
-    h.filter((k, C) => s.cssMode ? C !== h.length - 1 : !0).css({
-      [$]: `${F}px`
+    const C = e.isHorizontal() && o ? "marginLeft" : i("marginRight");
+    h.filter((k, S) => s.cssMode ? S !== h.length - 1 : !0).css({
+      [C]: `${F}px`
     });
   }
   if (s.centeredSlides && s.centeredSlidesBounds) {
-    let $ = 0;
-    g.forEach((C) => {
-      $ += C + (s.spaceBetween ? s.spaceBetween : 0);
-    }), $ -= s.spaceBetween;
-    const k = $ - r;
-    f = f.map((C) => C < 0 ? -w : C > k ? k + v : C);
+    let C = 0;
+    g.forEach((S) => {
+      C += S + (s.spaceBetween ? s.spaceBetween : 0);
+    }), C -= s.spaceBetween;
+    const k = C - r;
+    f = f.map((S) => S < 0 ? -w : S > k ? k + v : S);
   }
   if (s.centerInsufficientSlides) {
-    let $ = 0;
+    let C = 0;
     if (g.forEach((k) => {
-      $ += k + (s.spaceBetween ? s.spaceBetween : 0);
-    }), $ -= s.spaceBetween, $ < r) {
-      const k = (r - $) / 2;
-      f.forEach((C, X) => {
-        f[X] = C - k;
-      }), m.forEach((C, X) => {
-        m[X] = C + k;
+      C += k + (s.spaceBetween ? s.spaceBetween : 0);
+    }), C -= s.spaceBetween, C < r) {
+      const k = (r - C) / 2;
+      f.forEach((S, j) => {
+        f[j] = S - k;
+      }), m.forEach((S, j) => {
+        m[j] = S + k;
       });
     }
   }
@@ -16411,12 +16412,12 @@ function $v() {
     slidesSizesGrid: g
   }), s.centeredSlides && s.cssMode && !s.centeredSlidesBounds) {
     Fi(e.wrapperEl, "--swiper-centered-offset-before", `${-f[0]}px`), Fi(e.wrapperEl, "--swiper-centered-offset-after", `${e.size / 2 - g[g.length - 1] / 2}px`);
-    const $ = -e.snapGrid[0], k = -e.slidesGrid[0];
-    e.snapGrid = e.snapGrid.map((C) => C + $), e.slidesGrid = e.slidesGrid.map((C) => C + k);
+    const C = -e.snapGrid[0], k = -e.slidesGrid[0];
+    e.snapGrid = e.snapGrid.map((S) => S + C), e.slidesGrid = e.slidesGrid.map((S) => S + k);
   }
   if (c !== d && e.emit("slidesLengthChange"), f.length !== T && (e.params.watchOverflow && e.checkOverflow(), e.emit("snapGridLengthChange")), m.length !== I && e.emit("slidesGridLengthChange"), s.watchSlidesProgress && e.updateSlidesOffset(), !l && !s.cssMode && (s.effect === "slide" || s.effect === "fade")) {
-    const $ = `${s.containerModifierClass}backface-hidden`, k = e.$el.hasClass($);
-    c <= s.maxBackfaceHiddenSlides ? k || e.$el.addClass($) : k && e.$el.removeClass($);
+    const C = `${s.containerModifierClass}backface-hidden`, k = e.$el.hasClass(C);
+    c <= s.maxBackfaceHiddenSlides ? k || e.$el.addClass(C) : k && e.$el.removeClass(C);
   }
 }
 function Sv(e) {
@@ -16426,7 +16427,7 @@ function Sv(e) {
   const o = (a) => s ? i.slides.filter((l) => parseInt(l.getAttribute("data-swiper-slide-index"), 10) === a)[0] : i.slides.eq(a)[0];
   if (i.params.slidesPerView !== "auto" && i.params.slidesPerView > 1)
     if (i.params.centeredSlides)
-      (i.visibleSlides || q([])).each((a) => {
+      (i.visibleSlides || X([])).each((a) => {
         t.push(a);
       });
     else
@@ -16469,7 +16470,7 @@ function Tv(e) {
     const h = (o + (t.centeredSlides ? i.minTranslate() : 0) - d) / (l.swiperSlideSize + t.spaceBetween), c = (o - r[0] + (t.centeredSlides ? i.minTranslate() : 0) - d) / (l.swiperSlideSize + t.spaceBetween), f = -(o - d), m = f + i.slidesSizesGrid[a];
     (f >= 0 && f < i.size - 1 || m > 1 && m <= i.size || f <= 0 && m >= i.size) && (i.visibleSlides.push(l), i.visibleSlidesIndexes.push(a), s.eq(a).addClass(t.slideVisibleClass)), l.progress = n ? -h : h, l.originalProgress = n ? -c : c;
   }
-  i.visibleSlides = q(i.visibleSlides);
+  i.visibleSlides = X(i.visibleSlides);
 }
 function xv(e) {
   const i = this;
@@ -16540,7 +16541,7 @@ function Ev(e) {
   }), i.emit("activeIndexChange"), i.emit("snapIndexChange"), a !== c && i.emit("realIndexChange"), (i.initialized || i.params.runCallbacksOnInit) && i.emit("slideChange");
 }
 function Dv(e) {
-  const i = this, t = i.params, s = q(e).closest(`.${t.slideClass}`)[0];
+  const i = this, t = i.params, s = X(e).closest(`.${t.slideClass}`)[0];
   let n = !1, r;
   if (s) {
     for (let o = 0; o < i.slides.length; o += 1)
@@ -16550,7 +16551,7 @@ function Dv(e) {
       }
   }
   if (s && n)
-    i.clickedSlide = s, i.virtual && i.params.virtual.enabled ? i.clickedIndex = parseInt(q(s).attr("data-swiper-slide-index"), 10) : i.clickedIndex = r;
+    i.clickedSlide = s, i.virtual && i.params.virtual.enabled ? i.clickedIndex = parseInt(X(s).attr("data-swiper-slide-index"), 10) : i.clickedIndex = r;
   else {
     i.clickedSlide = void 0, i.clickedIndex = void 0;
     return;
@@ -16853,7 +16854,7 @@ function qv() {
   if (i.loop) {
     if (e.animating)
       return;
-    r = parseInt(q(e.clickedSlide).attr("data-swiper-slide-index"), 10), i.centeredSlides ? n < e.loopedSlides - s / 2 || n > e.slides.length - e.loopedSlides + s / 2 ? (e.loopFix(), n = t.children(`.${i.slideClass}[data-swiper-slide-index="${r}"]:not(.${i.slideDuplicateClass})`).eq(0).index(), qs(() => {
+    r = parseInt(X(e.clickedSlide).attr("data-swiper-slide-index"), 10), i.centeredSlides ? n < e.loopedSlides - s / 2 || n > e.slides.length - e.loopedSlides + s / 2 ? (e.loopFix(), n = t.children(`.${i.slideClass}[data-swiper-slide-index="${r}"]:not(.${i.slideDuplicateClass})`).eq(0).index(), qs(() => {
       e.slideTo(n);
     })) : e.slideTo(n) : n > e.slides.length - s ? (e.loopFix(), n = t.children(`.${i.slideClass}[data-swiper-slide-index="${r}"]:not(.${i.slideDuplicateClass})`).eq(0).index(), qs(() => {
       e.slideTo(n);
@@ -16874,14 +16875,14 @@ function Kv() {
   const e = this, i = Ae(), {
     params: t,
     $wrapperEl: s
-  } = e, n = s.children().length > 0 ? q(s.children()[0].parentNode) : s;
+  } = e, n = s.children().length > 0 ? X(s.children()[0].parentNode) : s;
   n.children(`.${t.slideClass}.${t.slideDuplicateClass}`).remove();
   let r = n.children(`.${t.slideClass}`);
   if (t.loopFillGroupWithBlank) {
     const l = t.slidesPerGroup - r.length % t.slidesPerGroup;
     if (l !== t.slidesPerGroup) {
       for (let d = 0; d < l; d += 1) {
-        const h = q(i.createElement("div")).addClass(`${t.slideClass} ${t.slideBlankClass}`);
+        const h = X(i.createElement("div")).addClass(`${t.slideClass} ${t.slideBlankClass}`);
         n.append(h);
       }
       r = n.children(`.${t.slideClass}`);
@@ -16890,16 +16891,16 @@ function Kv() {
   t.slidesPerView === "auto" && !t.loopedSlides && (t.loopedSlides = r.length), e.loopedSlides = Math.ceil(parseFloat(t.loopedSlides || t.slidesPerView, 10)), e.loopedSlides += t.loopAdditionalSlides, e.loopedSlides > r.length && e.params.loopedSlidesLimit && (e.loopedSlides = r.length);
   const o = [], a = [];
   r.each((l, d) => {
-    q(l).attr("data-swiper-slide-index", d);
+    X(l).attr("data-swiper-slide-index", d);
   });
   for (let l = 0; l < e.loopedSlides; l += 1) {
     const d = l - Math.floor(l / r.length) * r.length;
     a.push(r.eq(d)[0]), o.unshift(r.eq(r.length - d - 1)[0]);
   }
   for (let l = 0; l < a.length; l += 1)
-    n.append(q(a[l].cloneNode(!0)).addClass(t.slideDuplicateClass));
+    n.append(X(a[l].cloneNode(!0)).addClass(t.slideDuplicateClass));
   for (let l = o.length - 1; l >= 0; l -= 1)
-    n.prepend(q(o[l].cloneNode(!0)).addClass(t.slideDuplicateClass));
+    n.prepend(X(o[l].cloneNode(!0)).addClass(t.slideDuplicateClass));
 }
 function Jv() {
   const e = this;
@@ -16968,10 +16969,10 @@ function n0(e) {
   !i.animating && r.cssMode && r.loop && i.loopFix();
   let l = e;
   l.originalEvent && (l = l.originalEvent);
-  let d = q(l.target);
+  let d = X(l.target);
   if (r.touchEventsTarget === "wrapper" && !d.closest(i.wrapperEl).length || (n.isTouchEvent = l.type === "touchstart", !n.isTouchEvent && "which" in l && l.which === 3) || !n.isTouchEvent && "button" in l && l.button > 0 || n.isTouched && n.isMoved)
     return;
-  !!r.noSwipingClass && r.noSwipingClass !== "" && l.target && l.target.shadowRoot && e.path && e.path[0] && (d = q(e.path[0]));
+  !!r.noSwipingClass && r.noSwipingClass !== "" && l.target && l.target.shadowRoot && e.path && e.path[0] && (d = X(e.path[0]));
   const c = r.noSwipingSelector ? r.noSwipingSelector : `.${r.noSwipingClass}`, f = !!(l.target && l.target.shadowRoot);
   if (r.noSwiping && (f ? s0(c, d[0]) : d.closest(c)[0])) {
     i.allowClick = !0;
@@ -16994,7 +16995,7 @@ function n0(e) {
     startMoving: void 0
   }), o.startX = m, o.startY = g, n.touchStartTime = ki(), i.allowClick = !0, i.updateSize(), i.swipeDirection = void 0, r.threshold > 0 && (n.allowThresholdMove = !1), l.type !== "touchstart") {
     let T = !0;
-    d.is(n.focusableElements) && (T = !1, d[0].nodeName === "SELECT" && (n.isTouched = !1)), t.activeElement && q(t.activeElement).is(n.focusableElements) && t.activeElement !== d[0] && t.activeElement.blur();
+    d.is(n.focusableElements) && (T = !1, d[0].nodeName === "SELECT" && (n.isTouched = !1)), t.activeElement && X(t.activeElement).is(n.focusableElements) && t.activeElement !== d[0] && t.activeElement.blur();
     const I = T && i.allowTouchMove && r.touchStartPreventDefault;
     (r.touchStartForcePreventDefault || I) && !d[0].isContentEditable && l.preventDefault();
   }
@@ -17022,7 +17023,7 @@ function r0(e) {
     return;
   }
   if (!t.allowTouchMove) {
-    q(l.target).is(s.focusableElements) || (t.allowClick = !1), s.isTouched && (Object.assign(r, {
+    X(l.target).is(s.focusableElements) || (t.allowClick = !1), s.isTouched && (Object.assign(r, {
       startX: h,
       startY: c,
       currentX: h,
@@ -17039,7 +17040,7 @@ function r0(e) {
     } else if (h < r.startX && t.translate <= t.maxTranslate() || h > r.startX && t.translate >= t.minTranslate())
       return;
   }
-  if (s.isTouchEvent && i.activeElement && l.target === i.activeElement && q(l.target).is(s.focusableElements)) {
+  if (s.isTouchEvent && i.activeElement && l.target === i.activeElement && X(l.target).is(s.focusableElements)) {
     s.isMoved = !0, t.allowClick = !1;
     return;
   }
@@ -17322,7 +17323,7 @@ function y0(e, i, t, s, n, r) {
   function l() {
     r && r();
   }
-  !q(e).parent("picture")[0] && (!e.complete || !n) && i ? (a = new o.Image(), a.onload = l, a.onerror = l, s && (a.sizes = s), t && (a.srcset = t), i && (a.src = i)) : l();
+  !X(e).parent("picture")[0] && (!e.complete || !n) && i ? (a = new o.Image(), a.onload = l, a.onerror = l, s && (a.sizes = s), t && (a.srcset = t), i && (a.src = i)) : l();
 }
 function k0() {
   const e = this;
@@ -17488,9 +17489,9 @@ class Ge {
     let i, t;
     for (var s = arguments.length, n = new Array(s), r = 0; r < s; r++)
       n[r] = arguments[r];
-    if (n.length === 1 && n[0].constructor && Object.prototype.toString.call(n[0]).slice(8, -1) === "Object" ? t = n[0] : [i, t] = n, t || (t = {}), t = _e({}, t), i && !t.el && (t.el = i), t.el && q(t.el).length > 1) {
+    if (n.length === 1 && n[0].constructor && Object.prototype.toString.call(n[0]).slice(8, -1) === "Object" ? t = n[0] : [i, t] = n, t || (t = {}), t = _e({}, t), i && !t.el && (t.el = i), t.el && X(t.el).length > 1) {
       const d = [];
-      return q(t.el).each((h) => {
+      return X(t.el).each((h) => {
         const c = _e({}, t, {
           el: h
         });
@@ -17515,11 +17516,11 @@ class Ge {
     const l = _e({}, Nn, a);
     return o.params = _e({}, l, Is, t), o.originalParams = _e({}, o.params), o.passedParams = _e({}, t), o.params && o.params.on && Object.keys(o.params.on).forEach((d) => {
       o.on(d, o.params.on[d]);
-    }), o.params && o.params.onAny && o.onAny(o.params.onAny), o.$ = q, Object.assign(o, {
+    }), o.params && o.params.onAny && o.onAny(o.params.onAny), o.$ = X, Object.assign(o, {
       enabled: o.params.enabled,
       el: i,
       classNames: [],
-      slides: q(),
+      slides: X(),
       slidesGrid: [],
       snapGrid: [],
       slidesSizesGrid: [],
@@ -17677,21 +17678,21 @@ class Ge {
     const t = this;
     if (t.mounted)
       return !0;
-    const s = q(i || t.params.el);
+    const s = X(i || t.params.el);
     if (i = s[0], !i)
       return !1;
     i.swiper = t;
     const n = () => `.${(t.params.wrapperClass || "").trim().split(" ").join(".")}`;
     let o = (() => {
       if (i && i.shadowRoot && i.shadowRoot.querySelector) {
-        const a = q(i.shadowRoot.querySelector(n()));
+        const a = X(i.shadowRoot.querySelector(n()));
         return a.children = (l) => s.children(l), a;
       }
-      return s.children ? s.children(n()) : q(s).children(n());
+      return s.children ? s.children(n()) : X(s).children(n());
     })();
     if (o.length === 0 && t.params.createElements) {
       const l = Ae().createElement("div");
-      o = q(l), l.className = t.params.wrapperClass, s.append(l), s.children(`.${t.params.slideClass}`).each((d) => {
+      o = X(l), l.className = t.params.wrapperClass, s.append(l), s.children(`.${t.params.slideClass}`).each((d) => {
         o.append(d);
       });
     }
@@ -17915,12 +17916,12 @@ const T0 = {
                   width: `${t.opWidth / e.leftOptions.length}px`
                 })
               }, [
-                S(u("i", {
+                $(u("i", {
                   class: V(["ms-Icon", [`ms-Icon--${t.valueTrigger(n.icon)}`]])
                 }, null, 2), [
                   [E, t.valueTrigger(n.icon)]
                 ]),
-                S(u("p", { style: { "margin-left": "5px" } }, M(t.valueTrigger(n.text)), 513), [
+                $(u("p", { style: { "margin-left": "5px" } }, M(t.valueTrigger(n.text)), 513), [
                   [E, t.valueTrigger(n.text)]
                 ])
               ], 4)
@@ -17949,12 +17950,12 @@ const T0 = {
                   width: `${t.opWidth / t.thisOptions.length}px`
                 })
               }, [
-                S(u("i", {
+                $(u("i", {
                   class: V(["ms-Icon", [`ms-Icon--${t.valueTrigger(n.icon)}`]])
                 }, null, 2), [
                   [E, t.valueTrigger(n.icon)]
                 ]),
-                S(u("p", { style: { "margin-left": "5px" } }, M(t.valueTrigger(n.text)), 513), [
+                $(u("p", { style: { "margin-left": "5px" } }, M(t.valueTrigger(n.text)), 513), [
                   [E, t.valueTrigger(n.text)]
                 ])
               ], 4)
@@ -18090,7 +18091,7 @@ const R0 = {
   }
 }, B0 = ["draggable"], _0 = { class: "fv-tableview-quick-tool" };
 function O0(e, i, t, s, n, r) {
-  const o = j("fv-check-box");
+  const o = q("fv-check-box");
   return p(), b("div", {
     class: V(["fv-tableview-data-row", [{ choosen: t.row.choosen }]]),
     draggable: n.dragDown,
@@ -18127,7 +18128,7 @@ function O0(e, i, t, s, n, r) {
         theme: t.theme
       }, null, 8, ["modelValue", "background", "theme"])
     ], 4),
-    (p(!0), b(Z, null, ie(t.modelValue.heads, (a, l) => S((p(), ne(jn(r.computedCellComponent(a.type)), {
+    (p(!0), b(Z, null, ie(t.modelValue.heads, (a, l) => $((p(), ne(jn(r.computedCellComponent(a.type)), {
       modelValue: t.row,
       head: a,
       key: l,
@@ -18190,7 +18191,7 @@ const Io = /* @__PURE__ */ ae(R0, [["render", O0]]), z0 = {
   /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--ChevronRight" })
 ], -1);
 function G0(e, i, t, s, n, r) {
-  const o = j("fv-text-box");
+  const o = q("fv-text-box");
   return p(), b("div", A0, [
     u("div", {
       class: "addmenu-title-block",
@@ -18215,7 +18216,7 @@ function G0(e, i, t, s, n, r) {
         style: { width: "100%", height: "35px", "margin-bottom": "5px" }
       }, null, 8, ["modelValue", "placeholder", "theme", "background", "focus-border-color"])
     ]),
-    (p(!0), b(Z, null, ie(t.extensions, (a, l) => S((p(), b("span", {
+    (p(!0), b(Z, null, ie(t.extensions, (a, l) => $((p(), b("span", {
       key: l,
       ref_for: !0,
       ref: `item-${l}`,
@@ -18462,8 +18463,8 @@ const Lo = /* @__PURE__ */ ae(ib, [["render", rb]]), ob = {
   methods: {}
 };
 function ab(e, i, t, s, n, r) {
-  const o = j("fv-Affix");
-  return S((p(), b("div", {
+  const o = q("fv-Affix");
+  return $((p(), b("div", {
     draggable: "false",
     class: "fv-tableview-edit-wrapper-background",
     onClick: i[1] || (i[1] = (a) => {
@@ -18480,7 +18481,7 @@ function ab(e, i, t, s, n, r) {
       default: G(() => [
         O(he, { name: "fv-tableview-edit-wrapper" }, {
           default: G(() => [
-            S(u("div", {
+            $(u("div", {
               draggable: "false",
               class: "fv-tableview-edit-wrapper-container",
               style: y({ width: t.wrapperWidth }),
@@ -18666,7 +18667,7 @@ const rs = /* @__PURE__ */ ae(ob, [["render", ab]]), lb = { style: { "margin-lef
   ],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-text-box"), r = j("fv-toggle-switch");
+      const n = q("fv-text-box"), r = q("fv-toggle-switch");
       return e.modelValue.__guid ? (p(), b("div", {
         key: 0,
         class: V(["fv-tableview-head-item", [{ onDrop: t.dropMode, fixed: e.modelValue.fixed }]]),
@@ -18737,7 +18738,7 @@ const rs = /* @__PURE__ */ ae(ob, [["render", ab]]), lb = { style: { "margin-lef
                 cb,
                 u("p", fb, M(t.show.editKey ? e.i18n("Save Property Key") : e.i18n("Edit Property Key")), 1)
               ]),
-              S(u("div", mb, [
+              $(u("div", mb, [
                 O(n, {
                   modelValue: t.thisKeyValue,
                   "onUpdate:modelValue": s[8] || (s[8] = (o) => t.thisKeyValue = o),
@@ -18788,7 +18789,7 @@ const rs = /* @__PURE__ */ ae(ob, [["render", ab]]), lb = { style: { "margin-lef
                 }, null, 2),
                 u("p", Ib, M(e.modelValue.fixed ? e.i18n("Unfixed Column") : e.i18n("Fixed Column")), 1)
               ]),
-              S(u("div", Eb, [
+              $(u("div", Eb, [
                 u("p", Db, M(e.i18n("Fixed Side")), 1),
                 O(r, {
                   modelValue: e.modelValue.fixedSide,
@@ -18976,7 +18977,7 @@ const rs = /* @__PURE__ */ ae(ob, [["render", ab]]), lb = { style: { "margin-lef
   emits: ["show-edit", "set-select", "drop-item"],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-text-box");
+      const n = q("fv-text-box");
       return e.head.__guid ? (p(), b("div", {
         key: 0,
         class: V(["fv-tableview-cell-item", [
@@ -19006,7 +19007,7 @@ const rs = /* @__PURE__ */ ae(ob, [["render", ab]]), lb = { style: { "margin-lef
             u("p", zb, M(e.modelValue[e.head.key]), 1)
           ])
         ], 32),
-        S(u("p", {
+        $(u("p", {
           class: "fv-tableview-cell-sync-btn",
           style: y({ "border-color": t.outlineColor }),
           onMousedown: s[3] || (s[3] = (r) => t.mouseFunc(r, "sync-down"))
@@ -19346,7 +19347,7 @@ const rs = /* @__PURE__ */ ae(ob, [["render", ab]]), lb = { style: { "margin-lef
   }
 }, Nb = { class: "fv-tableview-default-edittool-row between" }, Hb = { style: { "margin-left": "10px" } }, Gb = ["title"], Ub = /* @__PURE__ */ u("hr", null, null, -1), Yb = { class: "fv-tableview-number-edittool-inside-block" }, jb = { class: "number-edittool-title" }, qb = { class: "hor-block" }, Xb = ["onClick"], Kb = { class: "title-block" }, Jb = { class: "show-as-config-block" }, Qb = { class: "show-as-config-item" }, Zb = { style: { "margin-left": "5px", "font-size": "12px" } }, ew = { class: "show-as-config-custom-drop-down" }, tw = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--ChevronDown" }, null, -1), iw = { class: "show-as-config-item" }, sw = { class: "show-as-config-item" };
 function nw(e, i, t, s, n, r) {
-  const o = j("fv-drop-down"), a = j("fv-text-box"), l = j("fv-toggle-switch"), d = j("fv-table-view-head-base");
+  const o = q("fv-drop-down"), a = q("fv-text-box"), l = q("fv-toggle-switch"), d = q("fv-table-view-head-base");
   return p(), ne(d, {
     modelValue: t.modelValue,
     index: t.index,
@@ -19861,7 +19862,7 @@ const rw = /* @__PURE__ */ ae(Wb, [["render", nw]]), ow = {
   }
 }, aw = { style: { width: "100%", "padding-right": "5px", display: "flex", "justify-content": "flex-end", "align-items": "center" } }, lw = { class: "fv-tableview-default-content" }, dw = { style: { width: "100%", display: "flex", "justify-content": "flex-end", "align-items": "center" } }, uw = { class: "fv-tableview-default-content" };
 function hw(e, i, t, s, n, r) {
-  const o = j("fv-progress-bar"), a = j("fv-progress-ring"), l = j("fv-table-view-cell-base");
+  const o = q("fv-progress-bar"), a = q("fv-progress-ring"), l = q("fv-table-view-cell-base");
   return p(), ne(l, {
     value: t.value,
     head: t.head,
@@ -19877,13 +19878,13 @@ function hw(e, i, t, s, n, r) {
     onSetSelect: i[1] || (i[1] = (d) => e.$emit("set-select", d))
   }, {
     default: G(() => [
-      S(u("p", {
+      $(u("p", {
         class: "fv-tableview-default-content",
         style: { width: "100%", "text-align": "right" }
       }, M(r.computedContent), 513), [
         [E, t.head.showAs === "number"]
       ]),
-      S(u("div", aw, [
+      $(u("div", aw, [
         u("p", lw, M(r.computedContent), 1),
         O(o, {
           value: r.computedPercent,
@@ -19893,7 +19894,7 @@ function hw(e, i, t, s, n, r) {
       ], 512), [
         [E, t.head.showAs === "bar"]
       ]),
-      S(u("div", dw, [
+      $(u("div", dw, [
         u("p", uw, M(r.computedContent), 1),
         O(a, {
           value: r.computedPercent,
@@ -20033,7 +20034,7 @@ const cw = /* @__PURE__ */ ae(ow, [["render", hw]]), fw = {
   style: { "margin-top": "10px", "margin-bottom": "10px" }
 }, ww = { style: { "margin-left": "10px" } }, yw = ["title"];
 function kw(e, i, t, s, n, r) {
-  const o = j("fv-drop-down"), a = j("fv-table-view-head-base");
+  const o = q("fv-drop-down"), a = q("fv-table-view-head-base");
   return p(), ne(a, {
     modelValue: t.modelValue,
     index: t.index,
@@ -20294,7 +20295,7 @@ const Cw = /* @__PURE__ */ ae(mw, [["render", kw]]), $w = {
   style: { "margin-bottom": "10px" }
 };
 function Lw(e, i, t, s, n, r) {
-  const o = j("fv-text-box"), a = j("fv-calendar-view"), l = j("fv-time-picker"), d = j("fv-toggle-switch"), h = j("fv-table-view-cell-base");
+  const o = q("fv-text-box"), a = q("fv-calendar-view"), l = q("fv-time-picker"), d = q("fv-toggle-switch"), h = q("fv-table-view-cell-base");
   return p(), ne(h, {
     modelValue: t.modelValue,
     head: t.head,
@@ -20332,7 +20333,7 @@ function Lw(e, i, t, s, n, r) {
           "is-box-shadow": !0,
           style: { height: "35px" }
         }, null, 8, ["modelValue", "theme", "background", "border-color", "focus-border-color"]),
-        S(O(o, {
+        $(O(o, {
           modelValue: n.startTimeStr,
           theme: t.theme,
           underline: "",
@@ -20346,7 +20347,7 @@ function Lw(e, i, t, s, n, r) {
           [E, t.head.timeFormat !== "hidden"]
         ])
       ]),
-      S(u("div", {
+      $(u("div", {
         class: "fv-tableview-default-edittool-row",
         style: { "margin-top": "5px" },
         onClick: i[1] || (i[1] = (f) => f.stopPropagation())
@@ -20362,7 +20363,7 @@ function Lw(e, i, t, s, n, r) {
           "is-box-shadow": !0,
           style: { height: "35px" }
         }, null, 8, ["modelValue", "theme", "background", "border-color", "focus-border-color"]),
-        S(O(o, {
+        $(O(o, {
           modelValue: n.endTimeStr,
           theme: t.theme,
           underline: "",
@@ -20394,12 +20395,12 @@ function Lw(e, i, t, s, n, r) {
         ]),
         _: 2
       }, 1032, ["modelValue", "theme", "multiple", "choosenDates", "foreground", "onChoosenDatesObj"]),
-      S(u("div", Vw, [
+      $(u("div", Vw, [
         u("span", null, M(t.i18n("Start Time")), 1)
       ], 512), [
         [E, t.head.showEndDate && t.head.timeFormat !== "hidden"]
       ]),
-      S(u("div", Tw, [
+      $(u("div", Tw, [
         t.modelValue[t.head.key] && t.modelValue[t.head.key].start ? (p(), ne(l, {
           key: 0,
           modelValue: t.modelValue[t.head.key].start,
@@ -20412,12 +20413,12 @@ function Lw(e, i, t, s, n, r) {
       ], 512), [
         [E, t.head.timeFormat !== "hidden"]
       ]),
-      S(u("div", xw, [
+      $(u("div", xw, [
         u("span", null, M(t.i18n("End Time")), 1)
       ], 512), [
         [E, t.head.showEndDate && t.head.timeFormat !== "hidden"]
       ]),
-      S(u("div", Iw, [
+      $(u("div", Iw, [
         t.modelValue[t.head.key] && t.modelValue[t.head.key].end ? (p(), ne(l, {
           key: 0,
           modelValue: t.modelValue[t.head.key].end,
@@ -20524,7 +20525,7 @@ const Pw = /* @__PURE__ */ ae($w, [["render", Lw]]), Fw = {
   }
 };
 function Rw(e, i, t, s, n, r) {
-  const o = j("fv-table-view-head-base");
+  const o = q("fv-table-view-head-base");
   return p(), ne(o, {
     modelValue: t.modelValue,
     index: t.index,
@@ -20586,7 +20587,7 @@ const Bw = /* @__PURE__ */ ae(Mw, [["render", Rw]]), _w = {
   computed: {}
 }, Ow = ["href"];
 function zw(e, i, t, s, n, r) {
-  const o = j("fv-table-view-cell-base");
+  const o = q("fv-table-view-cell-base");
   return p(), ne(o, {
     value: t.value,
     head: t.head,
@@ -20918,7 +20919,7 @@ const Aw = /* @__PURE__ */ ae(_w, [["render", zw]]), Ww = {
   ],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-check-box"), r = j("fv-right-menu");
+      const n = q("fv-check-box"), r = q("fv-right-menu");
       return p(), b("div", {
         class: V(["fv-TableView", [t.$theme]])
       }, [
@@ -20935,7 +20936,7 @@ const Aw = /* @__PURE__ */ ae(_w, [["render", zw]]), Ww = {
                 onClick: t.chooseAll
               }, null, 8, ["modelValue", "background", "theme", "onClick"])
             ]),
-            (p(!0), b(Z, null, ie(e.modelValue.heads, (o, a) => S((p(), ne(jn(t.computedHeadComponent(o.type)), {
+            (p(!0), b(Z, null, ie(e.modelValue.heads, (o, a) => $((p(), ne(jn(t.computedHeadComponent(o.type)), {
               modelValue: o,
               key: a,
               index: a,
@@ -21028,7 +21029,7 @@ const Aw = /* @__PURE__ */ ae(_w, [["render", zw]]), Ww = {
         }, {
           default: G(() => [
             N(t.$slots, "menu", {}, () => [
-              S(O(Eo, {
+              $(O(Eo, {
                 extensions: t.thisExtensions,
                 i18n: e.i18n,
                 foreground: e.foreground,
@@ -21037,7 +21038,7 @@ const Aw = /* @__PURE__ */ ae(_w, [["render", zw]]), Ww = {
               }, null, 8, ["extensions", "i18n", "foreground", "theme", "onAddColumn"]), [
                 [E, t.show.addMenu]
               ]),
-              S(O(Do, {
+              $(O(Do, {
                 modelValue: e.modelValue,
                 heads: e.modelValue.heads,
                 extensions: t.thisExtensions,
@@ -21169,7 +21170,7 @@ const e1 = ["onClick"], t1 = { class: "fv-tag-default-content" }, i1 = { class:
   ],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-text-box");
+      const n = q("fv-text-box");
       return p(), b("div", {
         class: V(["fv-Tag", [t.$theme]])
       }, [
@@ -21195,7 +21196,7 @@ const e1 = ["onClick"], t1 = { class: "fv-tag-default-content" }, i1 = { class:
               u("p", t1, M(r.text), 1)
             ])
           ], 4),
-          S(u("div", i1, [
+          $(u("div", i1, [
             u("i", {
               class: "ms-Icon ms-Icon--Cancel fv-tag-icon-btn",
               onClick: (a) => t.delTag(r)
@@ -21204,7 +21205,7 @@ const e1 = ["onClick"], t1 = { class: "fv-tag-default-content" }, i1 = { class:
             [E, e.isDel && !r.disabled]
           ])
         ], 14, e1))), 128)),
-        S(u("div", {
+        $(u("div", {
           ref: "add",
           class: V(["fv-tag-item controller", [e.size]]),
           style: y({
@@ -21214,17 +21215,17 @@ const e1 = ["onClick"], t1 = { class: "fv-tag-default-content" }, i1 = { class:
           }),
           onClick: s[1] || (s[1] = (...r) => t.editable && t.editable(...r))
         }, [
-          S(u("div", n1, o1, 512), [
+          $(u("div", n1, o1, 512), [
             [E, !t.edit]
           ]),
-          S(u("span", a1, [
+          $(u("span", a1, [
             N(t.$slots, "default", {}, () => [
               u("p", l1, M(e.newTagPlaceholder), 1)
             ])
           ], 512), [
             [E, !t.edit]
           ]),
-          S(O(n, {
+          $(O(n, {
             modelValue: t.inputValue,
             "onUpdate:modelValue": s[0] || (s[0] = (r) => t.inputValue = r),
             ref: "edit",
@@ -21585,9 +21586,9 @@ const p1 = /* @__PURE__ */ ae(c1, [["render", g1]]), v1 = {
   }
 }, b1 = { class: "text-box-container" }, w1 = ["inputmode", "type", "placeholder", "readonly", "disabled", "maxlength"];
 function y1(e, i, t, s, n, r) {
-  const o = j("mask-input");
+  const o = q("mask-input");
   return p(), b("div", b1, [
-    t.mode == "default" ? S((p(), b("input", {
+    t.mode == "default" ? $((p(), b("input", {
       key: 0,
       "onUpdate:modelValue": i[0] || (i[0] = (a) => n.thisValue = a),
       inputmode: t.inputmode,
@@ -21808,7 +21809,7 @@ const Mo = /* @__PURE__ */ ae(v1, [["render", y1]]), k1 = { class: "fix-block" }
         s.value.focusInspect();
       }
     }), (r, o) => {
-      const a = j("fv-reveal-container");
+      const a = q("fv-reveal-container");
       return p(), b("div", {
         class: V(["fv-TextBox", [
           r.$theme,
@@ -21840,12 +21841,12 @@ const Mo = /* @__PURE__ */ ae(v1, [["render", y1]]), k1 = { class: "fix-block" }
             borderRadius: `${e.borderRadius}px`
           })
         }, [
-          S(u("div", k1, [
+          $(u("div", k1, [
             u("p", null, M(e.prefix), 1)
           ], 512), [
             [E, e.prefix != ""]
           ]),
-          S(u("i", {
+          $(u("i", {
             class: V(["ms-Icon icon-block", [`ms-Icon--${e.leftIcon}`]]),
             onClick: o[0] || (o[0] = (l) => r.$emit("left-icon-click", l))
           }, null, 2), [
@@ -21878,13 +21879,13 @@ const Mo = /* @__PURE__ */ ae(v1, [["render", y1]]), k1 = { class: "fix-block" }
             onChange: o[5] || (o[5] = (l) => r.$emit("change", l)),
             onPaste: o[6] || (o[6] = (l) => r.$emit("paste", l))
           }, null, 8, ["modelValue", "mode", "inputmode", "type", "placeholder", "mask", "flag", "pattern", "inputRules", "readonly", "maxlength", "disabled", "fontSize", "fontWeight", "foreground", "textAlign", "focus"]),
-          S(u("i", {
+          $(u("i", {
             class: V(["ms-Icon icon-block", [`ms-Icon--${e.icon}`]]),
             onClick: o[7] || (o[7] = (l) => r.$emit("icon-click", l))
           }, null, 2), [
             [E, e.icon != ""]
           ]),
-          S(u("div", C1, [
+          $(u("div", C1, [
             u("p", null, M(e.suffix), 1)
           ], 512), [
             [E, e.suffix != ""]
@@ -22012,7 +22013,7 @@ const T1 = ["placeholder", "readonly", "disabled", "maxlength"], x1 = {
   ],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-reveal-container");
+      const n = q("fv-reveal-container");
       return p(), b("div", {
         class: V(["fv-TextField", [
           t.$theme,
@@ -22043,7 +22044,7 @@ const T1 = ["placeholder", "readonly", "disabled", "maxlength"], x1 = {
             borderRadius: `${e.borderRadius}px`
           })
         }, [
-          S(u("textarea", {
+          $(u("textarea", {
             "onUpdate:modelValue": s[0] || (s[0] = (r) => t.thisValue = r),
             placeholder: e.placeholder,
             class: "fv-text-field-input",
@@ -22433,7 +22434,7 @@ const D1 = { class: "fv-TimePicker__input-item" }, L1 = { class: "fv-TimePicker_
         ], 4),
         O(he, { name: "fv-TimePicker__options" }, {
           default: G(() => [
-            S(u("div", {
+            $(u("div", {
               class: "fv-TimePicker__options",
               style: y({ background: e.optionBackground })
             }, [
@@ -22442,7 +22443,7 @@ const D1 = { class: "fv-TimePicker__input-item" }, L1 = { class: "fv-TimePicker_
                   class: "fv-TimePicker__options-body-mask",
                   style: y({ background: e.selectedBackground })
                 }, null, 4),
-                (p(!0), b(Z, null, ie(t.data, (r, o) => S((p(), b("div", {
+                (p(!0), b(Z, null, ie(t.data, (r, o) => $((p(), b("div", {
                   key: `options-col${o}`,
                   class: "fv-TimePicker__options-body-col"
                 }, [
@@ -22455,7 +22456,7 @@ const D1 = { class: "fv-TimePicker__input-item" }, L1 = { class: "fv-TimePicker_
                     ref_for: !0,
                     ref: `col${o}`
                   }, [
-                    (p(!0), b(Z, null, ie(r, (a, l) => S((p(), b("div", {
+                    (p(!0), b(Z, null, ie(r, (a, l) => $((p(), b("div", {
                       class: "fv-TimePicker__options-body-item",
                       key: `options-col-item${o}-${a}-${l}`,
                       onClick: (d) => t.clickItem(`col${o}`, l)
@@ -22474,13 +22475,13 @@ const D1 = { class: "fv-TimePicker__input-item" }, L1 = { class: "fv-TimePicker_
                 ])), 128))
               ]),
               u("div", z1, [
-                S((p(), b("button", {
+                $((p(), b("button", {
                   class: "fv-TimePicker__options-bar-accept",
                   onClick: s[1] || (s[1] = (...r) => t.accept && t.accept(...r))
                 }, W1)), [
                   [n, t.hover]
                 ]),
-                S((p(), b("button", {
+                $((p(), b("button", {
                   class: "fv-TimePicker__options-bar-cancel",
                   onClick: s[2] || (s[2] = (...r) => t.cancel && t.cancel(...r))
                 }, H1)), [
@@ -22689,7 +22690,7 @@ const Ro = /* @__PURE__ */ ae(j1, [["render", q1]]), X1 = {
           onMouseup: t.toggleUp,
           onTouchend: t.toggleUp
         }, null, 8, ["value", "left", "ringBackground", "theme", "onMousedown", "onTouchstart", "onMousemove", "onTouchmove", "onMouseup", "onTouchend"]),
-        S(u("p", {
+        $(u("p", {
           class: "fv-toggle-inside-content",
           style: y({
             left: t.thisValue ? "10px" : "",
@@ -22700,7 +22701,7 @@ const Ro = /* @__PURE__ */ ae(j1, [["render", q1]]), X1 = {
           [E, e.insideContent]
         ])
       ], 6),
-      S(u("p", {
+      $(u("p", {
         class: "fv-toggle-content",
         style: y({ color: t.thisValue ? e.onForeground : e.offForeground })
       }, M(t.thisValue ? e.on : e.off), 5), [
@@ -22925,8 +22926,8 @@ const Q1 = {
   class: "fv-tree-view-item-children"
 };
 function ry(e, i, t, s, n, r) {
-  const o = j("fv-check-box"), a = j("fv-progress-ring"), l = j("tree-view-item", !0);
-  return n.isRender ? S((p(), b("div", {
+  const o = q("fv-check-box"), a = q("fv-progress-ring"), l = q("tree-view-item", !0);
+  return n.isRender ? $((p(), b("div", {
     key: 0,
     class: "fv-tree-view-item",
     draggable: t.draggable,
@@ -22948,13 +22949,13 @@ function ry(e, i, t, s, n, r) {
       onTouchstart: i[11] || (i[11] = (d) => r.switchCSSMode("active")),
       onTouchend: i[12] || (i[12] = (d) => r.switchCSSMode("normal"))
     }, [
-      S(u("i", {
+      $(u("i", {
         class: "fv-tree-view-item-choosen-bar",
         style: y({ background: t.foreground })
       }, null, 4), [
         [E, t.modelValue.selected && !t.checkable]
       ]),
-      S(O(o, {
+      $(O(o, {
         modelValue: t.modelValue.selected,
         "onUpdate:modelValue": i[0] || (i[0] = (d) => t.modelValue.selected = d),
         theme: t.theme,
@@ -22970,7 +22971,7 @@ function ry(e, i, t, s, n, r) {
         style: y({ "padding-left": `${t.deep * t.space}px` })
       }, [
         t.expandedIconPosition === "left" ? (p(), b("div", ey, [
-          !r.valueTrigger(t.modelValue.loading) || !t.showLoading ? S((p(), b("i", {
+          !r.valueTrigger(t.modelValue.loading) || !t.showLoading ? $((p(), b("i", {
             key: 0,
             class: V(["ms-Icon fv-tree-view-item-expander-icon", [`ms-Icon--${t.modelValue.expanded ? t.expandedIcon : t.unexpandedIcon}`]]),
             ref: "expander",
@@ -22991,7 +22992,7 @@ function ry(e, i, t, s, n, r) {
             item: t.modelValue,
             deep: t.deep
           }, () => [
-            S(u("i", {
+            $(u("i", {
               class: V(["ms-Icon fv-tree-view-item-std-icon", `ms-Icon--${r.valueTrigger(t.modelValue.icon)}`])
             }, null, 2), [
               [E, t.modelValue.icon && !r.isURL(r.valueTrigger(t.modelValue.icon))]
@@ -23008,7 +23009,7 @@ function ry(e, i, t, s, n, r) {
           ])
         ]),
         t.expandedIconPosition === "right" ? (p(), b("div", sy, [
-          !r.valueTrigger(t.modelValue.loading) || !t.showLoading ? S((p(), b("i", {
+          !r.valueTrigger(t.modelValue.loading) || !t.showLoading ? $((p(), b("i", {
             key: 0,
             class: V(["ms-Icon fv-tree-view-item-expander-icon", [`ms-Icon--${t.modelValue.expanded ? t.expandedIcon : t.unexpandedIcon}`]]),
             ref: "expander",
@@ -23028,7 +23029,7 @@ function ry(e, i, t, s, n, r) {
     ], 38),
     O(he, { name: "fv-tree-view-children-list" }, {
       default: G(() => [
-        t.modelValue.children ? S((p(), b("div", ny, [
+        t.modelValue.children ? $((p(), b("div", ny, [
           (p(!0), b(Z, null, ie(t.modelValue.children, (d, h) => (p(), ne(l, {
             key: `parent: ${t.kIndex}, self: ${h}`,
             modelValue: d,
@@ -23335,7 +23336,7 @@ const dy = {
   emits: ["update:modelValue", "confirm"],
   setup(e, { emit: i }) {
     return (t, s) => {
-      const n = j("fv-text-box");
+      const n = q("fv-text-box");
       return p(), b("div", {
         class: V(["fv-VerifyBox", [t.$theme]])
       }, [
@@ -23548,7 +23549,7 @@ const Ai = /* @__PURE__ */ ae(cy, [["render", gy]]), py = { style: { "margin-lef
     }
   },
   setup(e, { emit: i }) {
-    return (t, s) => S((p(), b("div", {
+    return (t, s) => $((p(), b("div", {
       class: V(["fv-WebWindow", [
         t.$theme,
         {