@creatorsn/vfluent3 0.3.28 → 0.3.30

package/dist/vfluent3.js

@@ -1,7 +1,7 @@
 var Qo = Object.defineProperty;
 var Zo = (t, i, e) => i in t ? Qo(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e;
 var Ft = (t, i, e) => (Zo(t, typeof i != "symbol" ? i + "" : i, e), e);
-import { computed as ae, effectScope as Qn, ref as X, markRaw as Re, hasInjectionContext as ea, inject as ta, getCurrentInstance as is, toRaw as ss, watch as Oe, reactive as ia, isRef as We, isReactive as tn, toRef as fs, nextTick as Ct, unref as se, getCurrentScope as sa, onScopeDispose as na, toRefs as Sn, defineComponent as sn, h as ji, openBlock as p, createElementBlock as $, normalizeClass as F, normalizeStyle as y, createElementVNode as u, renderSlot as W, createTextVNode as he, withDirectives as L, vShow as M, toDisplayString as O, Fragment as te, renderList as ie, vModelText as Zn, resolveComponent as q, createVNode as B, withKeys as ns, Transition as me, withCtx as _, createCommentVNode as oe, onMounted as Ei, createBlock as re, TransitionGroup as nn, mergeModels as Vn, useModel as ra, useSlots as oa, onBeforeUnmount as aa, Teleport as la, withModifiers as Yt, render as Kt, vModelDynamic as er, resolveDynamicComponent as tr, mergeProps as di } from "vue";
+import { computed as ae, effectScope as Qn, ref as X, markRaw as Re, hasInjectionContext as ea, inject as ta, getCurrentInstance as is, toRaw as ss, watch as Oe, reactive as ia, isRef as We, isReactive as tn, toRef as fs, nextTick as Ct, unref as se, getCurrentScope as sa, onScopeDispose as na, toRefs as Sn, defineComponent as sn, h as ji, openBlock as p, createElementBlock as $, normalizeClass as F, normalizeStyle as w, createElementVNode as u, renderSlot as W, createTextVNode as he, withDirectives as L, vShow as M, toDisplayString as O, Fragment as te, renderList as ie, vModelText as Zn, resolveComponent as q, createVNode as B, withKeys as ns, Transition as me, withCtx as _, createCommentVNode as oe, onMounted as Ei, createBlock as re, TransitionGroup as nn, mergeModels as Vn, useModel as ra, useSlots as oa, onBeforeUnmount as aa, Teleport as la, withModifiers as Yt, render as Kt, vModelDynamic as er, resolveDynamicComponent as tr, mergeProps as di } from "vue";
 const Z = (t) => (t.install = (i) => {
   i.component(t.name, t);
 }, t), ir = (t, i) => (t.install = (e) => {
@@ -854,13 +854,13 @@ function zs(t, i, e = {}, s, n, r) {
         after: A,
         onError: S
       });
-      let w;
+      let y;
       try {
-        w = k.apply(this && this.$id === t ? this : T, C);
+        y = k.apply(this && this.$id === t ? this : T, C);
       } catch (H) {
         throw Xt(G, H), H;
       }
-      return w instanceof Promise ? w.then((H) => (Xt(U, H), H)).catch((H) => (Xt(G, H), Promise.reject(H))) : (Xt(U, w), w);
+      return y instanceof Promise ? y.then((H) => (Xt(U, H), H)).catch((H) => (Xt(G, H), Promise.reject(H))) : (Xt(U, y), y);
     };
   }
   const N = /* @__PURE__ */ Re({
@@ -1542,7 +1542,7 @@ const Wa = {
   setup(t, { emit: i }) {
     return (e, s) => (p(), $("div", {
       class: F(["fv-Affix", e.$theme]),
-      style: y({
+      style: w({
         position: t.mode === "fixed" ? "absolute" : "",
         width: e.isFixed ? e.computedWidth : "auto",
         height: e.isFixed ? e.computedHeight : "auto"
@@ -1551,7 +1551,7 @@ const Wa = {
       u("div", {
         class: "fv-affix-container",
         ref: "container",
-        style: y({
+        style: w({
           position: e.isFixed ? "fixed" : "relative",
           left: e.isFixed ? e.computedLeft : "",
           top: e.isFixed ? e.computedTop : "",
@@ -1792,7 +1792,7 @@ const _a = { class: "fv-animated-content-block" }, Ga = {
   setup(t, { emit: i }) {
     return (e, s) => (p(), $("div", {
       class: F(["fv-AnimatedIcon", [e.$theme]]),
-      style: y([
+      style: w([
         {
           width: `${t.fontSize * 1 + 3}px`,
           background: t.background,
@@ -1811,7 +1811,7 @@ const _a = { class: "fv-animated-content-block" }, Ga = {
       u("div", {
         draggable: "false",
         class: F(["fv-animated-icon-container", [{ hideContent: t.hideContent }]]),
-        style: y([e.animatedStyle])
+        style: w([e.animatedStyle])
       }, [
         W(e.$slots, "default", {}, () => [
           u("i", {
@@ -1891,7 +1891,7 @@ const ja = /* @__PURE__ */ u("p", null, "Badge", -1), Xa = { class: "badge-conte
       ]),
       L(u("sup", {
         class: F(["fv-badge-container", { dot: t.isDot }]),
-        style: y({ background: e.finalColor })
+        style: w({ background: e.finalColor })
       }, [
         u("p", Xa, O(e.finalValue), 1)
       ], 6), [
@@ -1960,35 +1960,35 @@ const Qa = ["onClick"], Za = { class: "fv-bc-separator-content" }, el = {
       e || (this.mode = "default");
     },
     editorMode(t) {
-      if (this.isDisabled || this.readOnly || t.target !== this.$refs.main)
+      if (this.isDisabled || this.readOnly)
         return 0;
-      t.preventDefault(), t.stopPropagation(), this.mode = "editor", setTimeout(() => {
+      t.preventDefault(), t.stopPropagation(), this.mode !== "editor" && (this.mode = "editor", this.$nextTick(() => {
         this.$refs.editor.focus(), this.$refs.editor.select();
-      }, 300);
+      }));
     },
     handleEnter(t) {
       t.keyCode === 13 && (this.mode = "default");
     },
-    routeClick() {
-      if (this.isDisabled)
+    routeClick(t) {
+      if (t.stopPropagation(), this.isDisabled)
         return 0;
       this.$emit("root-click", {
         path: this.thisValue,
         pathList: this.routeList
       });
     },
-    routeItemClick(t, i) {
-      if (this.isDisabled)
+    routeItemClick(t, i, e) {
+      if (e.stopPropagation(), this.isDisabled)
         return 0;
-      let e = "", s = [];
-      for (let n = 0; n <= i; n++)
-        s.push(this.routeList[n]);
-      s.forEach((n) => {
-        e == "" ? e = n : e += `${this.separatorChar}${n}`;
+      let s = "", n = [];
+      for (let r = 0; r <= i; r++)
+        n.push(this.routeList[r]);
+      n.forEach((r) => {
+        s == "" ? s = r : s += `${this.separatorChar}${r}`;
       }), this.$emit("item-click", {
-        path: e,
-        fullPath: `${this.separatorChar}${e}`,
-        pathList: s,
+        path: s,
+        fullPath: `${this.separatorChar}${s}`,
+        pathList: n,
         current: t
       });
     }
@@ -2019,6 +2019,9 @@ const Qa = ["onClick"], Za = { class: "fv-bc-separator-content" }, el = {
     readOnly: {
       default: !0
     },
+    fontSize: {
+      default: "16px"
+    },
     borderColor: {
       default: ""
     },
@@ -2026,7 +2029,7 @@ const Qa = ["onClick"], Za = { class: "fv-bc-separator-content" }, el = {
       default: !1
     },
     borderRadius: {
-      default: "2"
+      default: 6
     }
   },
   emits: ["update:modelValue", "root-click", "item-click"],
@@ -2040,7 +2043,7 @@ const Qa = ["onClick"], Za = { class: "fv-bc-separator-content" }, el = {
           disabled: e.isDisabled
         }
       ]]),
-      style: y({
+      style: w({
         "border-radius": `${t.borderRadius}px`,
         "border-color": e.mode === "editor" ? t.borderColor : "",
         "outline-color": e.mode === "editor" ? t.borderColor : ""
@@ -2049,10 +2052,11 @@ const Qa = ["onClick"], Za = { class: "fv-bc-separator-content" }, el = {
       u("div", {
         class: "fv-bc-route-list",
         ref: "main",
-        onClick: s[3] || (s[3] = (...n) => e.editorMode && e.editorMode(...n))
+        onClick: s[4] || (s[4] = (...n) => e.editorMode && e.editorMode(...n))
       }, [
         L(u("div", {
           class: "fv-bc-route-item",
+          style: w({ "font-size": t.fontSize }),
           onClick: s[0] || (s[0] = (...n) => e.routeClick && e.routeClick(...n))
         }, [
           W(e.$slots, "root", {
@@ -2064,16 +2068,21 @@ const Qa = ["onClick"], Za = { class: "fv-bc-separator-content" }, el = {
               class: F(["fv-bc-separator-content ms-Icon", [`ms-Icon--${t.rootIcon}`]])
             }, null, 2),
             u("i", {
-              class: F(["fv-bc-separator-icon ms-Icon", [e.separatorIcon ? `ms-Icon--${t.separator}` : ""]])
-            }, O(e.separatorIcon ? "" : t.separator), 3)
+              class: F(["fv-bc-separator-icon ms-Icon", [e.separatorIcon ? `ms-Icon--${t.separator}` : ""]]),
+              style: w({
+                "font-family": e.separatorIcon ? "" : "Calibri"
+              })
+            }, O(e.separatorIcon ? "" : t.separator), 7)
           ])
-        ], 512), [
+        ], 4), [
           [M, t.showRoot]
         ]),
         (p(!0), $(te, null, ie(e.routeList, (n, r) => L((p(), $("div", {
           key: r,
           class: "fv-bc-route-item",
-          onClick: (o) => e.routeItemClick(n, r)
+          style: w({ "font-size": t.fontSize }),
+          onClick: (o) => e.routeItemClick(n, r, o),
+          onDblclick: s[1] || (s[1] = (...o) => e.editorMode && e.editorMode(...o))
         }, [
           W(e.$slots, "route-item", {
             item: n,
@@ -2081,19 +2090,23 @@ const Qa = ["onClick"], Za = { class: "fv-bc-separator-content" }, el = {
           }, () => [
             u("p", Za, O(n), 1),
             u("i", {
-              class: F(["fv-bc-separator-icon ms-Icon", [e.separatorIcon ? `ms-Icon--${t.separator}` : ""]])
-            }, O(e.separatorIcon ? "" : t.separator), 3)
+              class: F(["fv-bc-separator-icon ms-Icon", [e.separatorIcon ? `ms-Icon--${t.separator}` : ""]]),
+              style: w({
+                "font-family": e.separatorIcon ? "" : "Calibri"
+              })
+            }, O(e.separatorIcon ? "" : t.separator), 7)
           ])
-        ], 8, Qa)), [
+        ], 44, Qa)), [
           [M, e.mode == "default"]
         ])), 128)),
         L(u("input", {
-          "onUpdate:modelValue": s[1] || (s[1] = (n) => e.tempValue = n),
+          "onUpdate:modelValue": s[2] || (s[2] = (n) => e.tempValue = n),
           class: "fv-bc-route-text-box",
           type: "text",
           ref: "editor",
-          onKeyup: s[2] || (s[2] = (...n) => e.handleEnter && e.handleEnter(...n))
-        }, null, 544), [
+          style: w({ "font-size": t.fontSize }),
+          onKeyup: s[3] || (s[3] = (...n) => e.handleEnter && e.handleEnter(...n))
+        }, null, 36), [
           [M, e.mode == "editor"],
           [Zn, e.tempValue]
         ])
@@ -2176,6 +2189,12 @@ const sl = ["disabled"], nl = {
     revealBackgroundColor: {
       default: !1
     },
+    revealBorderGradientList: {
+      default: () => []
+    },
+    revealBackgroundGradientList: {
+      default: () => []
+    },
     isBoxShadow: {
       default: !1
     },
@@ -2196,7 +2215,7 @@ const sl = ["disabled"], nl = {
       }, [
         u("div", {
           class: F(["fv-button-main-container", [{ disabled: e.isDisabled }, { shadow: t.isBoxShadow }]]),
-          style: y({ borderRadius: `${t.borderRadius}px` })
+          style: w({ borderRadius: `${t.borderRadius}px` })
         }, [
           B(n, {
             parent: () => e.$el,
@@ -2204,14 +2223,16 @@ const sl = ["disabled"], nl = {
             backgroundColor: e.backgroundLightColor,
             borderColor: e.borderLightColor,
             borderGradientSize: 80,
+            borderGradientList: t.revealBorderGradientList,
+            backgroundGradientList: t.revealBackgroundGradientList,
             borderWidth: t.borderWidth,
             borderRadius: t.borderRadius,
             disabled: e.isDisabled
-          }, null, 8, ["parent", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "disabled"]),
+          }, null, 8, ["parent", "backgroundColor", "borderColor", "borderGradientList", "backgroundGradientList", "borderWidth", "borderRadius", "disabled"]),
           u("div", {
             disabled: t.disabled,
             class: "fv-button-container",
-            style: y({
+            style: w({
               background: t.background,
               "background-repeat": "no-repeat",
               "background-clip": "content-box",
@@ -2220,7 +2241,7 @@ const sl = ["disabled"], nl = {
           }, [
             u("span", {
               class: "fv-btn-content-block",
-              style: y({
+              style: w({
                 color: t.foreground,
                 "font-size": `${t.fontSize}px`,
                 "font-weight": t.fontWeight
@@ -2228,7 +2249,7 @@ const sl = ["disabled"], nl = {
             }, [
               u("i", {
                 class: F(["ms-Icon", `ms-Icon--${t.icon}`]),
-                style: y({ "margin-right": t.icon != "" ? "5px" : "" })
+                style: w({ "margin-right": t.icon != "" ? "5px" : "" })
               }, null, 6),
               W(e.$slots, "default", {}, () => [
                 he("Button")
@@ -2237,7 +2258,7 @@ const sl = ["disabled"], nl = {
           ], 12, sl),
           u("div", {
             class: "fv-button-regular-border",
-            style: y({
+            style: w({
               borderColor: t.borderColor,
               borderWidth: `${t.borderWidth}px`,
               borderRadius: `${t.borderRadius}px`
@@ -2405,7 +2426,7 @@ const al = {
       const n = q("fv-text-box"), r = q("fv-calendar-view");
       return p(), $("div", {
         class: F(["fv-CalendarDatePicker", [e.$theme, { disabled: e.isDisabled }]]),
-        style: y({ zIndex: e.show.calendar ? 5 : "" })
+        style: w({ zIndex: e.show.calendar ? 5 : "" })
       }, [
         W(e.$slots, "default", {
           displayContent: e.displayContent,
@@ -2429,7 +2450,7 @@ const al = {
             "is-box-shadow": t.dropDownIsBoxShadow,
             title: e.displayContent,
             cursor: t.editable ? "" : "default",
-            style: y([{ width: "100%" }, {
+            style: w([{ width: "100%" }, {
               ...t.dropDownStyles
             }]),
             onKeydown: ns(e.parseContent, ["enter"]),
@@ -3391,7 +3412,7 @@ var Nl = function(i, e, s, n, r, o, a) {
       d[a._props[c]] = l;
   return a;
 }, At, _l = function t(i, e) {
-  var s = i.vars, n = s.ease, r = s.startAt, o = s.immediateRender, a = s.lazy, l = s.onUpdate, d = s.onUpdateParams, c = s.callbackScope, h = s.runBackwards, f = s.yoyoEase, m = s.keyframes, g = s.autoRevert, b = i._dur, v = i._startAt, D = i._targets, E = i.parent, V = E && E.data === "nested" ? E.parent._targets : D, x = i._overwrite === "auto", N = i.timeline, z, T, R, P, I, k, C, U, G, A, S, w;
+  var s = i.vars, n = s.ease, r = s.startAt, o = s.immediateRender, a = s.lazy, l = s.onUpdate, d = s.onUpdateParams, c = s.callbackScope, h = s.runBackwards, f = s.yoyoEase, m = s.keyframes, g = s.autoRevert, b = i._dur, v = i._startAt, D = i._targets, E = i.parent, V = E && E.data === "nested" ? E.parent._targets : D, x = i._overwrite === "auto", N = i.timeline, z, T, R, P, I, k, C, U, G, A, S, y;
   if (N && (!m || !n) && (n = "none"), i._ease = si(n, oi.ease), i._yEase = f ? Yr(si(f === !0 ? n : f, oi.ease)) : 0, f && i._yoyo && !i._repeat && (f = i._yEase, i._yEase = i._ease, i._ease = f), !N) {
     if (v && v.render(-1, !0).kill(), r) {
       if (xt(i._startAt = ye.set(D, lt({
@@ -3427,10 +3448,10 @@ var Nl = function(i, e, s, n, r, o, a) {
       else if (!e)
         return;
     }
-    for (z = Ji(s, Vi), i._pt = 0, U = D[0] ? ii(D[0]).harness : 0, w = U && s[U.prop], a = b && Be(a) || a && !b, T = 0; T < D.length; T++) {
-      if (I = D[T], C = I._gsap || dn(D)[T]._gsap, i._ptLookup[T] = A = {}, _s[C.id] && Ki(), S = V === D ? T : V.indexOf(I), U && (G = new U()).init(I, w || z, i, S, V) !== !1 && (i._pt = P = new Ne(i._pt, I, G.name, 0, 1, G.render, G, 0, G.priority), G._props.forEach(function(H) {
+    for (z = Ji(s, Vi), i._pt = 0, U = D[0] ? ii(D[0]).harness : 0, y = U && s[U.prop], a = b && Be(a) || a && !b, T = 0; T < D.length; T++) {
+      if (I = D[T], C = I._gsap || dn(D)[T]._gsap, i._ptLookup[T] = A = {}, _s[C.id] && Ki(), S = V === D ? T : V.indexOf(I), U && (G = new U()).init(I, y || z, i, S, V) !== !1 && (i._pt = P = new Ne(i._pt, I, G.name, 0, 1, G.render, G, 0, G.priority), G._props.forEach(function(H) {
         A[H] = P;
-      }), G.priority && (k = 1)), !U || w)
+      }), G.priority && (k = 1)), !U || y)
         for (R in z)
           Ge[R] && (G = qr(R, z, i, S, I, V)) ? G.priority && (k = 1) : A[R] = P = hn.call(i, I, R, "get", z[R], S, V, 0, s.stringFilter);
       i._op && i._op[T] && i.kill(I, i._op[T]), x && i._pt && (At = i, ke.killTweensOf(I, A, "started"), At = 0), i._pt && a && (_s[C.id] = 1);
@@ -3963,8 +3984,8 @@ var An, ft, ni, gn, zt, gi, zn, ed = function() {
   var s = i._gsap || new Xr(i);
   if ("x" in s && !e && !s.uncache)
     return s;
-  var n = i.style, r = s.scaleX < 0, o = s.xOrigin || 0, a = s.yOrigin || 0, l = "px", d = "deg", c = li(i, Dt) || "0", h, f, m, g, b, v, D, E, V, x, N, z, T, R, P, I, k, C, U, G, A, S, w, H, Y, ne, fe, Ee, ze, pt;
-  return h = f = m = v = D = E = V = x = N = 0, g = b = 1, s.svg = !!(i.getCTM && ao(i)), z = ho(i, s.svg), s.svg && Qs(i, c, s.originIsAbsolute, s.smooth !== !1, z), z !== Ii && (I = z[0], k = z[1], C = z[2], U = z[3], h = G = z[4], f = A = z[5], z.length === 6 ? (g = Math.sqrt(I * I + k * k), b = Math.sqrt(U * U + C * C), v = I || k ? qt(k, I) * Ot : 0, V = C || U ? qt(C, U) * Ot + v : 0, s.svg && (h -= o - (o * I + a * C), f -= a - (o * k + a * U))) : (pt = z[6], Ee = z[7], Y = z[8], ne = z[9], fe = z[10], ze = z[11], h = z[12], f = z[13], m = z[14], T = qt(pt, fe), D = T * Ot, T && (R = Math.cos(-T), P = Math.sin(-T), S = G * R + Y * P, w = A * R + ne * P, H = pt * R + fe * P, Y = G * -P + Y * R, ne = A * -P + ne * R, fe = pt * -P + fe * R, ze = Ee * -P + ze * R, G = S, A = w, pt = H), T = qt(-C, fe), E = T * Ot, T && (R = Math.cos(-T), P = Math.sin(-T), S = I * R - Y * P, w = k * R - ne * P, H = C * R - fe * P, ze = U * P + ze * R, I = S, k = w, C = H), T = qt(k, I), v = T * Ot, T && (R = Math.cos(T), P = Math.sin(T), S = I * R + k * P, w = G * R + A * P, k = k * R - I * P, A = A * R - G * P, I = S, G = w), D && Math.abs(D) + Math.abs(v) > 359.9 && (D = v = 0, E = 180 - E), g = ue(Math.sqrt(I * I + k * k + C * C)), b = ue(Math.sqrt(A * A + pt * pt)), T = qt(G, A), V = Math.abs(T) > 2e-4 ? T * Ot : 0, N = ze ? 1 / (ze < 0 ? -ze : ze) : 0), s.svg && (z = i.getAttribute("transform"), s.forceCSS = i.setAttribute("transform", "") || !uo(li(i, st)), z && i.setAttribute("transform", z))), Math.abs(V) > 90 && Math.abs(V) < 270 && (r ? (g *= -1, V += v <= 0 ? 180 : -180, v += v <= 0 ? 180 : -180) : (b *= -1, V += V <= 0 ? 180 : -180)), s.x = ((s.xPercent = h && Math.round(i.offsetWidth / 2) === Math.round(-h) ? -50 : 0) ? 0 : h) + 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 = ue(g), s.scaleY = ue(b), s.rotation = ue(v) + d, s.rotationX = ue(D) + d, s.rotationY = ue(E) + d, s.skewX = V + d, s.skewY = x + d, s.transformPerspective = N + l, (s.zOrigin = parseFloat(c.split(" ")[2]) || 0) && (n[Dt] = ts(c)), s.xOffset = s.yOffset = 0, s.force3D = it.force3D, s.renderTransform = s.svg ? vd : ro ? co : pd, s.uncache = 0, s;
+  var n = i.style, r = s.scaleX < 0, o = s.xOrigin || 0, a = s.yOrigin || 0, l = "px", d = "deg", c = li(i, Dt) || "0", h, f, m, g, b, v, D, E, V, x, N, z, T, R, P, I, k, C, U, G, A, S, y, H, Y, ne, fe, Ee, ze, pt;
+  return h = f = m = v = D = E = V = x = N = 0, g = b = 1, s.svg = !!(i.getCTM && ao(i)), z = ho(i, s.svg), s.svg && Qs(i, c, s.originIsAbsolute, s.smooth !== !1, z), z !== Ii && (I = z[0], k = z[1], C = z[2], U = z[3], h = G = z[4], f = A = z[5], z.length === 6 ? (g = Math.sqrt(I * I + k * k), b = Math.sqrt(U * U + C * C), v = I || k ? qt(k, I) * Ot : 0, V = C || U ? qt(C, U) * Ot + v : 0, s.svg && (h -= o - (o * I + a * C), f -= a - (o * k + a * U))) : (pt = z[6], Ee = z[7], Y = z[8], ne = z[9], fe = z[10], ze = z[11], h = z[12], f = z[13], m = z[14], T = qt(pt, fe), D = T * Ot, T && (R = Math.cos(-T), P = Math.sin(-T), S = G * R + Y * P, y = A * R + ne * P, H = pt * R + fe * P, Y = G * -P + Y * R, ne = A * -P + ne * R, fe = pt * -P + fe * R, ze = Ee * -P + ze * R, G = S, A = y, pt = H), T = qt(-C, fe), E = T * Ot, T && (R = Math.cos(-T), P = Math.sin(-T), S = I * R - Y * P, y = k * R - ne * P, H = C * R - fe * P, ze = U * P + ze * R, I = S, k = y, C = H), T = qt(k, I), v = T * Ot, T && (R = Math.cos(T), P = Math.sin(T), S = I * R + k * P, y = G * R + A * P, k = k * R - I * P, A = A * R - G * P, I = S, G = y), D && Math.abs(D) + Math.abs(v) > 359.9 && (D = v = 0, E = 180 - E), g = ue(Math.sqrt(I * I + k * k + C * C)), b = ue(Math.sqrt(A * A + pt * pt)), T = qt(G, A), V = Math.abs(T) > 2e-4 ? T * Ot : 0, N = ze ? 1 / (ze < 0 ? -ze : ze) : 0), s.svg && (z = i.getAttribute("transform"), s.forceCSS = i.setAttribute("transform", "") || !uo(li(i, st)), z && i.setAttribute("transform", z))), Math.abs(V) > 90 && Math.abs(V) < 270 && (r ? (g *= -1, V += v <= 0 ? 180 : -180, v += v <= 0 ? 180 : -180) : (b *= -1, V += V <= 0 ? 180 : -180)), s.x = ((s.xPercent = h && Math.round(i.offsetWidth / 2) === Math.round(-h) ? -50 : 0) ? 0 : h) + 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 = ue(g), s.scaleY = ue(b), s.rotation = ue(v) + d, s.rotationX = ue(D) + d, s.rotationY = ue(E) + d, s.skewX = V + d, s.skewY = x + d, s.transformPerspective = N + l, (s.zOrigin = parseFloat(c.split(" ")[2]) || 0) && (n[Dt] = ts(c)), s.xOffset = s.yOffset = 0, s.force3D = it.force3D, s.renderTransform = s.svg ? vd : ro ? co : pd, s.uncache = 0, s;
 }, ts = function(i) {
   return (i = i.split(" "))[0] + " " + i[1];
 }, Is = function(i, e, s) {
@@ -4118,13 +4139,13 @@ const nt = 16, De = 16 * 2, yd = {
     }, a = () => {
       let A = new Date(r.value), S = parseInt(A.getFullYear() / 10) * 10 - 3;
       return A.setFullYear(S + nt - 1), A;
-    }, l = (A, S, w = 0) => {
+    }, l = (A, S, y = 0) => {
       let H = [];
       for (let Y = 0; Y < S; Y++) {
         const ne = new Date(A);
         ne.setFullYear(ne.getFullYear() + Y), H.push({
           date: ne,
-          index: w + Y
+          index: y + Y
         });
       }
       return H;
@@ -4196,16 +4217,16 @@ const nt = 16, De = 16 * 2, yd = {
       let A = [...E.value, ...V.value, ...x.value], S = [];
       for (let H of A)
         H.index % 4 == 0 && S.push(H);
-      const w = (H) => {
+      const y = (H) => {
         let Y = H.index;
         return Y < De ? `prev: ${Y}` : Y < De + nt ? `current: ${Y - De}` : `next: ${Y - De - nt}`;
       };
       return S.sort((H, Y) => {
-        const ne = c.value[w(H)].$el, fe = c.value[w(Y)].$el, Ee = h.value.scrollTop;
+        const ne = c.value[y(H)].$el, fe = c.value[y(Y)].$el, Ee = h.value.scrollTop;
         return Math.abs(ne.offsetTop - Ee) - Math.abs(fe.offsetTop - Ee);
       }), {
         obj: S[0],
-        offsetScrollTop: c.value[w(S[0])].$el.offsetTop - h.value.scrollTop,
+        offsetScrollTop: c.value[y(S[0])].$el.offsetTop - h.value.scrollTop,
         offset: S[0].index - De
       };
     }, T = () => {
@@ -4282,29 +4303,29 @@ const nt = 16, De = 16 * 2, yd = {
       ref_key: "main",
       ref: h
     }, [
-      (p(!0), $(te, null, ie(V.value, (w, H) => (p(), re(ws, {
-        "model-value": w,
+      (p(!0), $(te, null, ie(V.value, (y, H) => (p(), re(ws, {
+        "model-value": y,
         hightlight: N.value,
         key: `prev: ${H}`,
         ref_for: !0,
         ref: (Y) => f(Y, `prev: ${H}`),
-        onClick: (Y) => G(w)
+        onClick: (Y) => G(y)
       }, null, 8, ["model-value", "hightlight", "onClick"]))), 128)),
-      (p(!0), $(te, null, ie(E.value, (w, H) => (p(), re(ws, {
-        "model-value": w,
+      (p(!0), $(te, null, ie(E.value, (y, H) => (p(), re(ws, {
+        "model-value": y,
         hightlight: N.value,
         key: `current: ${H}`,
         ref_for: !0,
         ref: (Y) => f(Y, `current: ${H}`),
-        onClick: (Y) => G(w)
+        onClick: (Y) => G(y)
       }, null, 8, ["model-value", "hightlight", "onClick"]))), 128)),
-      (p(!0), $(te, null, ie(x.value, (w, H) => (p(), re(ws, {
-        "model-value": w,
+      (p(!0), $(te, null, ie(x.value, (y, H) => (p(), re(ws, {
+        "model-value": y,
         hightlight: N.value,
         key: `next: ${H}`,
         ref_for: !0,
         ref: (Y) => f(Y, `next: ${H}`),
-        onClick: (Y) => G(w)
+        onClick: (Y) => G(y)
       }, null, 8, ["model-value", "hightlight", "onClick"]))), 128))
     ], 512));
   }
@@ -4396,13 +4417,13 @@ const nt = 16, De = 16 * 2, yd = {
     }, a = () => {
       let A = new Date(r.value);
       return A.setMonth(0), A.setMonth(A.getMonth() + rt - 1), A;
-    }, l = (A, S, w = 0) => {
+    }, l = (A, S, y = 0) => {
       let H = [];
       for (let Y = 0; Y < S; Y++) {
         const ne = new Date(A);
         ne.setMonth(ne.getMonth() + Y), H.push({
           date: ne,
-          index: w + Y
+          index: y + Y
         });
       }
       return H;
@@ -4474,16 +4495,16 @@ const nt = 16, De = 16 * 2, yd = {
       let A = [...E.value, ...V.value, ...x.value], S = [];
       for (let H of A)
         H.index % 4 == 0 && S.push(H);
-      const w = (H) => {
+      const y = (H) => {
         let Y = H.index;
         return Y < Le ? `prev: ${Y}` : Y < Le + rt ? `current: ${Y - Le}` : `next: ${Y - Le - rt}`;
       };
       return S.sort((H, Y) => {
-        const ne = c.value[w(H)].$el, fe = c.value[w(Y)].$el, Ee = h.value.scrollTop;
+        const ne = c.value[y(H)].$el, fe = c.value[y(Y)].$el, Ee = h.value.scrollTop;
         return Math.abs(ne.offsetTop - Ee) - Math.abs(fe.offsetTop - Ee);
       }), {
         obj: S[0],
-        offsetScrollTop: c.value[w(S[0])].$el.offsetTop - h.value.scrollTop,
+        offsetScrollTop: c.value[y(S[0])].$el.offsetTop - h.value.scrollTop,
         offset: S[0].index - Le
       };
     }, T = () => {
@@ -4560,32 +4581,32 @@ const nt = 16, De = 16 * 2, yd = {
       ref_key: "main",
       ref: h
     }, [
-      (p(!0), $(te, null, ie(V.value, (w, H) => (p(), re(xs, {
-        "model-value": w,
+      (p(!0), $(te, null, ie(V.value, (y, H) => (p(), re(xs, {
+        "model-value": y,
         hightlight: N.value,
         monthList: t.monthList,
         key: `prev: ${H}`,
         ref_for: !0,
         ref: (Y) => f(Y, `prev: ${H}`),
-        onClick: (Y) => G(w)
+        onClick: (Y) => G(y)
       }, null, 8, ["model-value", "hightlight", "monthList", "onClick"]))), 128)),
-      (p(!0), $(te, null, ie(E.value, (w, H) => (p(), re(xs, {
-        "model-value": w,
+      (p(!0), $(te, null, ie(E.value, (y, H) => (p(), re(xs, {
+        "model-value": y,
         hightlight: N.value,
         monthList: t.monthList,
         key: `current: ${H}`,
         ref_for: !0,
         ref: (Y) => f(Y, `current: ${H}`),
-        onClick: (Y) => G(w)
+        onClick: (Y) => G(y)
       }, null, 8, ["model-value", "hightlight", "monthList", "onClick"]))), 128)),
-      (p(!0), $(te, null, ie(x.value, (w, H) => (p(), re(xs, {
-        "model-value": w,
+      (p(!0), $(te, null, ie(x.value, (y, H) => (p(), re(xs, {
+        "model-value": y,
         hightlight: N.value,
         monthList: t.monthList,
         key: `next: ${H}`,
         ref_for: !0,
         ref: (Y) => f(Y, `next: ${H}`),
-        onClick: (Y) => G(w)
+        onClick: (Y) => G(y)
       }, null, 8, ["model-value", "hightlight", "monthList", "onClick"]))), 128))
     ], 512));
   }
@@ -4686,23 +4707,23 @@ const nt = 16, De = 16 * 2, yd = {
       }
     );
     const o = ae(() => {
-      let S = [], w = s.choosenDates;
-      return w.sort((H, Y) => H.getTime() - Y.getTime()), w.forEach((H) => {
+      let S = [], y = s.choosenDates;
+      return y.sort((H, Y) => H.getTime() - Y.getTime()), y.forEach((H) => {
         S.push([H.getFullYear(), H.getMonth(), H.getDate()]);
       }), S;
     }), a = () => {
       let S = new Date(r.value);
       S.setDate(1);
-      let w = S.getDay();
-      return S.setDate(-w + 1), S;
+      let y = S.getDay();
+      return S.setDate(-y + 1), S;
     }, l = () => {
       let S = new Date(r.value);
       S.setDate(1);
-      let w = S.getDay();
-      return S.setDate(-w + Ke), S;
-    }, d = (S, w, H = 0) => {
+      let y = S.getDay();
+      return S.setDate(-y + Ke), S;
+    }, d = (S, y, H = 0) => {
       let Y = [];
-      for (let ne = 0; ne < w; ne++) {
+      for (let ne = 0; ne < y; ne++) {
         const fe = new Date(S);
         fe.setDate(fe.getDate() + ne), Y.push({
           date: fe,
@@ -4712,26 +4733,26 @@ const nt = 16, De = 16 * 2, yd = {
       return Y;
     }, c = () => {
       const S = T();
-      return V.value.forEach((w) => {
-        w.date = new Date(
-          w.date.setDate(w.date.getDate() + S.offset)
+      return V.value.forEach((y) => {
+        y.date = new Date(
+          y.date.setDate(y.date.getDate() + S.offset)
         );
-      }), x.value.forEach((w) => {
-        w.date = new Date(
-          w.date.setDate(w.date.getDate() + S.offset)
+      }), x.value.forEach((y) => {
+        y.date = new Date(
+          y.date.setDate(y.date.getDate() + S.offset)
         );
-      }), N.value.forEach((w) => {
-        w.date = new Date(
-          w.date.setDate(w.date.getDate() + S.offset)
+      }), N.value.forEach((y) => {
+        y.date = new Date(
+          y.date.setDate(y.date.getDate() + S.offset)
         );
       }), S.offsetScrollTop;
-    }, h = X([]), f = X(null), m = (S, w) => {
-      S && (h.value[w] = S);
+    }, h = X([]), f = X(null), m = (S, y) => {
+      S && (h.value[y] = S);
     }, g = (S = 0) => {
       if (!h.value["current: 0"] || !f)
         return;
-      const w = h.value["current: 0"].$el || h.value["current: 0"];
-      f.value.scrollTop = w.offsetTop - parseInt(getComputedStyle(w).margin) - S;
+      const y = h.value["current: 0"].$el || h.value["current: 0"];
+      f.value.scrollTop = y.offsetTop - parseInt(getComputedStyle(y).margin) - S;
     }, b = X(a()), v = X(l()), D = X(
       new Date(b.value).setDate(
         b.value.getDate() - Me
@@ -4773,20 +4794,20 @@ const nt = 16, De = 16 * 2, yd = {
       await Ct(), g(), R();
     });
     const T = () => {
-      let S = [...V.value, ...x.value, ...N.value], w = [];
+      let S = [...V.value, ...x.value, ...N.value], y = [];
       for (let Y of S)
-        Y.index % 7 == 0 && w.push(Y);
+        Y.index % 7 == 0 && y.push(Y);
       const H = (Y) => {
         let ne = Y.index;
         return ne < Me ? `prev: ${ne}` : ne < Me + Ke ? `current: ${ne - Me}` : `next: ${ne - Me - Ke}`;
       };
-      return w.sort((Y, ne) => {
+      return y.sort((Y, ne) => {
         const fe = h.value[H(Y)].$el, Ee = h.value[H(ne)].$el, ze = f.value.scrollTop;
         return Math.abs(fe.offsetTop - ze) - Math.abs(Ee.offsetTop - ze);
       }), {
-        obj: w[0],
-        offsetScrollTop: h.value[H(w[0])].$el.offsetTop - f.value.scrollTop,
-        offset: w[0].index - Me
+        obj: y[0],
+        offsetScrollTop: h.value[H(y[0])].$el.offsetTop - f.value.scrollTop,
+        offset: y[0].index - Me
       };
     }, R = () => {
       f.value.addEventListener(
@@ -4828,9 +4849,9 @@ const nt = 16, De = 16 * 2, yd = {
         if (!C.value)
           return;
         C.value = !1;
-        const S = Me - Ke, w = h.value[`prev: ${S}`];
-        !w.$el || !f || be.to(f.value, {
-          scrollTop: w.$el.offsetTop,
+        const S = Me - Ke, y = h.value[`prev: ${S}`];
+        !y.$el || !f || be.to(f.value, {
+          scrollTop: y.$el.offsetTop,
           duration: 0.3,
           onComplete: async () => {
             await I(), C.value = !0;
@@ -4841,9 +4862,9 @@ const nt = 16, De = 16 * 2, yd = {
         if (!C.value)
           return;
         C.value = !1;
-        const S = 0, w = h.value[`next: ${S}`];
-        !w.$el || !f || be.to(f.value, {
-          scrollTop: w.$el.offsetTop,
+        const S = 0, y = h.value[`next: ${S}`];
+        !y.$el || !f || be.to(f.value, {
+          scrollTop: y.$el.offsetTop,
           duration: 0.3,
           onComplete: async () => {
             await I(), C.value = !0;
@@ -4857,7 +4878,7 @@ const nt = 16, De = 16 * 2, yd = {
         index: S.index
       });
     };
-    return (S, w) => (p(), $("div", Sd, [
+    return (S, y) => (p(), $("div", Sd, [
       u("div", Vd, [
         (p(!0), $(te, null, ie(s.weekdays, (H, Y) => (p(), $("button", {
           class: "weekday",
@@ -5073,7 +5094,7 @@ const nt = 16, De = 16 * 2, yd = {
     };
     return (T, R) => (p(), $("div", {
       class: F(["fv-CalendarView", [n.value]]),
-      style: y({
+      style: w({
         background: t.background,
         "--btn-border-radius": r.value,
         "--highlight-background": t.nowDayColor ? t.nowDayColor : t.foreground,
@@ -5239,8 +5260,8 @@ const Bd = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), Od =
         return;
       const C = _e(f.value), { width: U, height: G } = C;
       let A = g.indexOf(k), S = [];
-      for (let w = 0; w < g.length; ++w) {
-        let H = (A + w) % g.length, Y = g[H];
+      for (let y = 0; y < g.length; ++y) {
+        let H = (A + y) % g.length, Y = g[H];
         const ne = s.beak === void 0 ? s.space === void 0 ? 0 : s.space : s.space === void 0 ? s.beak : s.beak + s.space;
         let fe = V(
           b.value,
@@ -5252,52 +5273,52 @@ const Bd = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), Od =
         Y == k && (Ee |= 1), S.push([Ee, Y]);
       }
       S = S.sort(
-        (w, H) => H[0] - w[0]
+        (y, H) => H[0] - y[0]
       ), x(S[0][1]);
     }, E = (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;
     }, V = (k, C, U, G, A) => {
-      const S = _e(k), w = { top: 0, left: 0, height: G, width: A };
+      const S = _e(k), y = { top: 0, left: 0, height: G, width: A };
       switch (U) {
         case "bottomLeft":
-          w.left = S.left, w.top = S.bottom + C;
+          y.left = S.left, y.top = S.bottom + C;
           break;
         case "bottomCenter":
-          w.left = S.left + (S.width - w.width) / 2, w.top = S.bottom + C;
+          y.left = S.left + (S.width - y.width) / 2, y.top = S.bottom + C;
           break;
         case "bottomRight":
-          w.left = S.right - w.width, w.top = S.bottom + C;
+          y.left = S.right - y.width, y.top = S.bottom + C;
           break;
         case "topLeft":
-          w.left = S.left, w.top = S.top - C - w.height;
+          y.left = S.left, y.top = S.top - C - y.height;
           break;
         case "topCenter":
-          w.left = S.left + (S.width - w.width) / 2, w.top = S.top - C - w.height;
+          y.left = S.left + (S.width - y.width) / 2, y.top = S.top - C - y.height;
           break;
         case "topRight":
-          w.left = S.right - w.width, w.top = S.top - C - w.height;
+          y.left = S.right - y.width, y.top = S.top - C - y.height;
           break;
         case "leftTop":
-          w.left = S.left - C - w.width, w.top = S.top;
+          y.left = S.left - C - y.width, y.top = S.top;
           break;
         case "leftCenter":
-          w.left = S.left - C - w.width, w.top = S.top + (S.height - w.height) / 2;
+          y.left = S.left - C - y.width, y.top = S.top + (S.height - y.height) / 2;
           break;
         case "leftBottom":
-          w.left = S.left - C - w.width, w.top = S.bottom - w.height;
+          y.left = S.left - C - y.width, y.top = S.bottom - y.height;
           break;
         case "rightTop":
-          w.left = S.right + C, w.top = S.top;
+          y.left = S.right + C, y.top = S.top;
           break;
         case "rightCenter":
-          w.left = S.right + C, w.top = S.top + (S.height - w.height) / 2;
+          y.left = S.right + C, y.top = S.top + (S.height - y.height) / 2;
           break;
         case "rightBottom":
-          w.left = S.right + C, w.top = S.bottom - w.height;
+          y.left = S.right + C, y.top = S.bottom - y.height;
           break;
       }
-      return w;
+      return y;
     }, x = (k) => {
       const C = _e(b.value);
       h.value = {}, s.beak === void 0 || s.beak < 10 ? h.value.display = "none" : (h.value.display = "block", h.value.width = `${s.beak}px`, h.value.height = `${s.beak}px`);
@@ -5436,14 +5457,14 @@ const Bd = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), Od =
             L(u("div", {
               ref_key: "popper",
               ref: f,
-              style: y([d.value, s.popperStyle]),
+              style: w([d.value, s.popperStyle]),
               class: F(["fv-Callout", se(n), s.popperClass, c.value]),
               name: "fv-callout"
             }, [
               Bd,
               u("div", {
                 class: "beak",
-                style: y(h.value)
+                style: w(h.value)
               }, null, 4),
               u("div", Od, [
                 W(k.$slots, "header")
@@ -5541,13 +5562,13 @@ const _d = { class: "fv-checkbox-content-block" }, Gd = /* @__PURE__ */ u("i", {
         class: F(["fv-checkbox-rec", [
           { disabled: e.isDisabled, check: e.thisValue || e.Indeterminate }
         ]]),
-        style: y({
+        style: w({
           background: e.thisValue || e.Indeterminate ? t.background : ""
         })
       }, [
         u("p", {
           class: "fv-checkbox-border",
-          style: y({
+          style: w({
             borderColor: e.Indeterminate ? "transparent" : t.borderColor,
             borderWidth: `${t.borderWidth}px`
           })
@@ -5571,7 +5592,7 @@ const _d = { class: "fv-checkbox-content-block" }, Gd = /* @__PURE__ */ u("i", {
       ], 6),
       u("span", {
         class: "text-content-block",
-        style: y({ color: t.foreground })
+        style: w({ color: t.foreground })
       }, [
         W(e.$slots, "default")
       ], 4)
@@ -6181,7 +6202,7 @@ const vu = { class: "collapse-icon-box-default" }, bu = { class: "collapse-descr
         e.$theme,
         { visibleOverflow: t.disabledCollapse && t.visibleOverflow }
       ]]),
-      style: y({
+      style: w({
         height: e.thisValue ? e.computedMaxHeight : `${t.defaultHeight}px`
       }),
       onMouseenter: s[4] || (s[4] = (n) => e.hover = !0),
@@ -6191,7 +6212,7 @@ const vu = { class: "collapse-icon-box-default" }, bu = { class: "collapse-descr
     }, [
       u("div", {
         class: "collapse-description-container",
-        style: y({ height: `${t.defaultHeight}px` }),
+        style: w({ height: `${t.defaultHeight}px` }),
         onClick: s[3] || (s[3] = (...n) => e.itemClick && e.itemClick(...n))
       }, [
         u("div", {
@@ -6402,7 +6423,7 @@ const Du = {
           E.value = (1 - ee / 100) * ge;
       }
     }
-  }), w = ae({
+  }), y = ae({
     get() {
       return g.value;
     },
@@ -6460,7 +6481,7 @@ const Du = {
       let ge = 0;
       j instanceof TouchEvent ? ge = j.touches[0].clientX : ge = j.clientX;
       const we = Math.min(Math.max(0, ge - ee), ve);
-      w.value = `${Math.round(we / ve * 100)}`;
+      y.value = `${Math.round(we / ve * 100)}`;
     }
   }), kn = (j) => {
     pt(j);
@@ -6500,7 +6521,7 @@ const Du = {
     computedB: G,
     computedH: A,
     computedS: S,
-    computedV: w,
+    computedV: y,
     computedAlpha: H,
     computedText: k,
     colorModeOptions: s,
@@ -6584,7 +6605,7 @@ const Du = {
       const A = q("fv-combobox"), S = q("fv-text-box");
       return p(), $("div", {
         class: F(se(k)),
-        style: y(se(C))
+        style: w(se(C))
       }, [
         u("div", Fu, [
           u("div", {
@@ -6596,11 +6617,11 @@ const Du = {
               box: s.type === "box"
             }]),
             onMousedown: G[0] || (G[0] = Yt(
-              (...w) => se(R) && se(R)(...w),
+              (...y) => se(R) && se(R)(...y),
               ["stop"]
             )),
             onTouchstart: G[1] || (G[1] = Yt(
-              (...w) => se(R) && se(R)(...w),
+              (...y) => se(R) && se(R)(...y),
               ["stop"]
             ))
           }, Ou, 34),
@@ -6613,11 +6634,11 @@ const Du = {
             ref: z,
             draggable: "false",
             onMousedown: G[2] || (G[2] = Yt(
-              (...w) => se(P) && se(P)(...w),
+              (...y) => se(P) && se(P)(...y),
               ["stop"]
             )),
             onTouchstart: G[3] || (G[3] = Yt(
-              (...w) => se(P) && se(P)(...w),
+              (...y) => se(P) && se(P)(...y),
               ["stop"]
             ))
           }, _u, 544),
@@ -6627,11 +6648,11 @@ const Du = {
             ref: T,
             draggable: "false",
             onMousedown: G[4] || (G[4] = Yt(
-              (...w) => se(I) && se(I)(...w),
+              (...y) => se(I) && se(I)(...y),
               ["stop"]
             )),
             onTouchstart: G[5] || (G[5] = Yt(
-              (...w) => se(I) && se(I)(...w),
+              (...y) => se(I) && se(I)(...y),
               ["stop"]
             ))
           }, ju, 544),
@@ -6640,7 +6661,7 @@ const Du = {
               u("div", Ku, [
                 B(A, {
                   modelValue: se(r),
-                  "onUpdate:modelValue": G[6] || (G[6] = (w) => We(r) ? r.value = w : null),
+                  "onUpdate:modelValue": G[6] || (G[6] = (y) => We(r) ? r.value = y : null),
                   placeholder: "Color Mode",
                   options: se(f),
                   theme: se(n),
@@ -6653,7 +6674,7 @@ const Du = {
                 B(S, {
                   placeholder: "#FFFFFF",
                   modelValue: se(m),
-                  "onUpdate:modelValue": G[7] || (G[7] = (w) => We(m) ? m.value = w : null),
+                  "onUpdate:modelValue": G[7] || (G[7] = (y) => We(m) ? m.value = y : null),
                   maxlength: 9,
                   theme: se(n),
                   style: { width: "130px" },
@@ -6674,7 +6695,7 @@ const Du = {
                   style: { width: "118px" },
                   "min-width": "118px",
                   modelValue: se(g),
-                  "onUpdate:modelValue": G[8] || (G[8] = (w) => We(g) ? g.value = w : null),
+                  "onUpdate:modelValue": G[8] || (G[8] = (y) => We(g) ? g.value = y : null),
                   theme: se(n),
                   underline: "",
                   "border-width": "2",
@@ -6689,7 +6710,7 @@ const Du = {
                   style: { width: "118px" },
                   "min-width": "118px",
                   modelValue: se(E),
-                  "onUpdate:modelValue": G[9] || (G[9] = (w) => We(E) ? E.value = w : null),
+                  "onUpdate:modelValue": G[9] || (G[9] = (y) => We(E) ? E.value = y : null),
                   theme: se(n),
                   underline: "",
                   "border-width": "2",
@@ -6709,7 +6730,7 @@ const Du = {
                   style: { width: "118px" },
                   "min-width": "118px",
                   modelValue: se(v),
-                  "onUpdate:modelValue": G[10] || (G[10] = (w) => We(v) ? v.value = w : null),
+                  "onUpdate:modelValue": G[10] || (G[10] = (y) => We(v) ? v.value = y : null),
                   theme: se(n),
                   underline: "",
                   "border-width": "2",
@@ -6724,7 +6745,7 @@ const Du = {
                   style: { width: "118px" },
                   "min-width": "118px",
                   modelValue: se(V),
-                  "onUpdate:modelValue": G[11] || (G[11] = (w) => We(V) ? V.value = w : null),
+                  "onUpdate:modelValue": G[11] || (G[11] = (y) => We(V) ? V.value = y : null),
                   theme: se(n),
                   underline: "",
                   "border-width": "2",
@@ -6744,7 +6765,7 @@ const Du = {
                   style: { width: "118px" },
                   "min-width": "118px",
                   modelValue: se(b),
-                  "onUpdate:modelValue": G[12] || (G[12] = (w) => We(b) ? b.value = w : null),
+                  "onUpdate:modelValue": G[12] || (G[12] = (y) => We(b) ? b.value = y : null),
                   theme: se(n),
                   underline: "",
                   "border-width": "2",
@@ -6759,7 +6780,7 @@ const Du = {
                   style: { width: "118px" },
                   "min-width": "118px",
                   modelValue: se(x),
-                  "onUpdate:modelValue": G[13] || (G[13] = (w) => We(x) ? x.value = w : null),
+                  "onUpdate:modelValue": G[13] || (G[13] = (y) => We(x) ? x.value = y : null),
                   theme: se(n),
                   underline: "",
                   "border-width": "2",
@@ -6779,7 +6800,7 @@ const Du = {
                   style: { width: "118px" },
                   "min-width": "118px",
                   modelValue: se(D),
-                  "onUpdate:modelValue": G[14] || (G[14] = (w) => We(D) ? D.value = w : null),
+                  "onUpdate:modelValue": G[14] || (G[14] = (y) => We(D) ? D.value = y : null),
                   theme: se(n),
                   underline: "",
                   "border-width": "2",
@@ -6921,7 +6942,7 @@ const fh = ["placeholder", "value"], mh = ["onClick", "title"], gh = {
       const n = q("fv-reveal-container");
       return p(), $("div", {
         class: F(["fv-Combobox", [e.$theme, { disabled: e.isDisabled }]]),
-        style: y({
+        style: w({
           background: t.background,
           padding: t.borderWidth,
           "border-radius": `${t.borderRadius}px`,
@@ -6932,7 +6953,7 @@ const fh = ["placeholder", "value"], mh = ["onClick", "title"], gh = {
         u("div", {
           class: "combobox-container",
           onClick: s[0] || (s[0] = (r) => e.status = e.isDisabled ? !1 : !e.status),
-          style: y({
+          style: w({
             background: t.inputBackground,
             "border-radius": `${t.borderRadius}px`
           })
@@ -6953,7 +6974,7 @@ const fh = ["placeholder", "value"], mh = ["onClick", "title"], gh = {
             placeholder: t.placeholder,
             readonly: "",
             value: e.valueTrigger(e.thisValue.text),
-            style: y({
+            style: w({
               color: t.inputForeground,
               borderColor: t.borderColor,
               "border-radius": `${t.borderRadius}px`
@@ -6961,14 +6982,14 @@ const fh = ["placeholder", "value"], mh = ["onClick", "title"], gh = {
           }, null, 12, fh),
           u("i", {
             class: F(["ms-Icon right-icon", [`ms-Icon--${t.dropDownIcon}`]]),
-            style: y({ color: t.dropDownIconForeground })
+            style: w({ color: t.dropDownIconForeground })
           }, null, 6)
         ], 4),
         B(me, { name: "fv-combobox" }, {
           default: _(() => [
             L(u("div", {
               class: "combobox-item-container",
-              style: y({ background: t.background, overflow: "auto" }),
+              style: w({ background: t.background, overflow: "auto" }),
               ref: "co_items"
             }, [
               (p(!0), $(te, null, ie(t.options, (r, o) => (p(), $("div", {
@@ -6979,7 +7000,7 @@ const fh = ["placeholder", "value"], mh = ["onClick", "title"], gh = {
                   choose: r.key === e.thisValue.key,
                   title: e.valueTrigger(r.type) == "header"
                 }]),
-                style: y({
+                style: w({
                   height: `${t.itemHeight}px`,
                   background: r.key === e.thisValue.key ? t.choosenBackground : "",
                   color: e.valueTrigger(r.type) === "header" ? t.titleForeground : ""
@@ -6991,7 +7012,7 @@ const fh = ["placeholder", "value"], mh = ["onClick", "title"], gh = {
                 W(e.$slots, "default", { item: r }, () => [
                   u("i", {
                     class: "before-choosen",
-                    style: y({ background: t.choosenSliderBackground })
+                    style: w({ background: t.choosenSliderBackground })
                   }, null, 4),
                   he(" " + O(e.valueTrigger(r.type) !== "divider" ? e.valueTrigger(r.text) : ""), 1)
                 ])
@@ -7147,7 +7168,7 @@ const bh = { class: "left-command-bar-container" }, wh = ["title", "onClick"], y
       const n = q("fv-reveal-container"), r = q("fv-list-view");
       return p(), $("div", {
         class: F(["fv-CommandBar", [e.$theme]]),
-        style: y({ background: t.background, zIndex: e.showDropDown ? 5 : 1 })
+        style: w({ background: t.background, zIndex: e.showDropDown ? 5 : 1 })
       }, [
         u("div", bh, [
           (p(!0), $(te, null, ie(e.thisOptions, (o, a) => L((p(), $("span", {
@@ -7156,7 +7177,7 @@ const bh = { class: "left-command-bar-container" }, wh = ["title", "onClick"], y
               { not_disabled: !e.valueTrigger(o.disabled) },
               { disabled: e.valueTrigger(o.disabled) }
             ]]),
-            style: y({
+            style: w({
               background: e.valueTrigger(o.background),
               color: e.valueTrigger(o.foreground),
               borderRadius: t.itemBorderRadius + "px"
@@ -7182,19 +7203,19 @@ const bh = { class: "left-command-bar-container" }, wh = ["title", "onClick"], y
               }, () => [
                 u("i", {
                   class: F(["ms-Icon icon", [`ms-Icon--${e.valueTrigger(o.icon)}`]]),
-                  style: y({
+                  style: w({
                     color: o.iconColor ? e.valueTrigger(o.iconColor) : e.valueTrigger(o.foreground)
                   })
                 }, null, 6),
                 L(u("p", {
                   class: "name",
-                  style: y({ color: e.valueTrigger(o.foreground) })
+                  style: w({ color: e.valueTrigger(o.foreground) })
                 }, O(e.valueTrigger(o.name)), 5), [
                   [M, !t.compact]
                 ]),
                 L(u("i", {
                   class: "ms-Icon ms-Icon--ChevronDown icon",
-                  style: y({ color: e.valueTrigger(o.foreground) })
+                  style: w({ color: e.valueTrigger(o.foreground) })
                 }, null, 4), [
                   [M, o.secondary.length > 0]
                 ])
@@ -7218,7 +7239,7 @@ const bh = { class: "left-command-bar-container" }, wh = ["title", "onClick"], y
           default: _(() => [
             L(u("div", {
               class: F(["command-bar-list-view-container", { "toward-up": t.toward == "up" }]),
-              style: y({
+              style: w({
                 left: `${e.currentLeft}px`,
                 background: t.dropDownBackground ? t.dropDownBackground : t.background
               })
@@ -7240,7 +7261,7 @@ const bh = { class: "left-command-bar-container" }, wh = ["title", "onClick"], y
                       class: F(["ms-Icon icon", [
                         `ms-Icon--${e.valueTrigger(o.item.icon)}`
                       ]]),
-                      style: y([{
+                      style: w([{
                         color: e.valueTrigger(o.item.iconColor)
                       }, { "font-size": "12px" }])
                     }, null, 6), [
@@ -8229,7 +8250,7 @@ function xc() {
         if (U && (k[0].style.transform = "none"), G && (k[0].style.webkitTransform = "none"), s.roundLengths)
           R = t.isHorizontal() ? k.outerWidth(!0) : k.outerHeight(!0);
         else {
-          const A = e(C, "width"), S = e(C, "padding-left"), w = e(C, "padding-right"), H = e(C, "margin-left"), Y = e(C, "margin-right"), ne = C.getPropertyValue("box-sizing");
+          const A = e(C, "width"), S = e(C, "padding-left"), y = e(C, "padding-right"), H = e(C, "margin-left"), Y = e(C, "margin-right"), ne = C.getPropertyValue("box-sizing");
           if (ne && ne === "border-box")
             R = A + H + Y;
           else {
@@ -8237,7 +8258,7 @@ function xc() {
               clientWidth: fe,
               offsetWidth: Ee
             } = k[0];
-            R = A + S + w + H + Y + (Ee - fe);
+            R = A + S + y + H + Y + (Ee - fe);
           }
         }
         U && (k[0].style.transform = U), G && (k[0].style.webkitTransform = G), s.roundLengths && (R = Math.floor(R));
@@ -9715,14 +9736,14 @@ function Mf(t) {
     if (f)
       i.$wrapperEl.find(`.${i.params.slideClass}`).remove();
     else
-      for (let w = E; w <= V; w += 1)
-        (w < k || w > C) && i.$wrapperEl.find(`.${i.params.slideClass}[data-swiper-slide-index="${w}"]`).remove();
-    for (let w = 0; w < x.length; w += 1)
-      w >= k && w <= C && (typeof V > "u" || f ? S.push(w) : (w > V && S.push(w), w < E && A.push(w)));
-    S.forEach((w) => {
-      i.$wrapperEl.append(o(x[w], w));
-    }), A.sort((w, H) => H - w).forEach((w) => {
-      i.$wrapperEl.prepend(o(x[w], w));
+      for (let y = E; y <= V; y += 1)
+        (y < k || y > C) && i.$wrapperEl.find(`.${i.params.slideClass}[data-swiper-slide-index="${y}"]`).remove();
+    for (let y = 0; y < x.length; y += 1)
+      y >= k && y <= C && (typeof V > "u" || f ? S.push(y) : (y > V && S.push(y), y < E && A.push(y)));
+    S.forEach((y) => {
+      i.$wrapperEl.append(o(x[y], y));
+    }), A.sort((y, H) => H - y).forEach((y) => {
+      i.$wrapperEl.prepend(o(x[y], y));
     }), i.$wrapperEl.children(".swiper-slide").css(R, `${U}px`), G();
   }
   function l(f) {
@@ -9883,8 +9904,8 @@ function So(t) {
         const A = i.isBeginning, S = i.isEnd;
         if (G >= i.minTranslate() && (G = i.minTranslate()), G <= i.maxTranslate() && (G = i.maxTranslate()), i.setTransition(0), i.setTranslate(G), i.updateProgress(), i.updateActiveIndex(), i.updateSlidesClasses(), (!A && i.isBeginning || !S && i.isEnd) && i.updateSlidesClasses(), i.params.freeMode.sticky) {
           clearTimeout(o), o = void 0, d.length >= 15 && d.shift();
-          const w = d.length ? d[d.length - 1] : void 0, H = d[0];
-          if (d.push(C), w && (C.delta > w.delta || C.direction !== w.direction))
+          const y = d.length ? d[d.length - 1] : void 0, H = d[0];
+          if (d.push(C), y && (C.delta > y.delta || C.direction !== y.direction))
             d.splice(0);
           else if (d.length >= 15 && C.time - H.time < 500 && H.delta - C.delta >= 1 && C.delta <= 6) {
             const Y = R > 0 ? 0.8 : 0.2;
@@ -10216,11 +10237,11 @@ const dm = {
   setup(t, { emit: i }) {
     return (e, s) => (p(), $("div", {
       class: F(["fv-DatePicker", [e.$theme, { disabled: t.disabled }]]),
-      style: y({ "--hover-color": t.hoverColor })
+      style: w({ "--hover-color": t.hoverColor })
     }, [
       u("div", {
         class: F(["fv-date-picker-input", [{ reverse: t.reverseLayout }]]),
-        style: y({
+        style: w({
           background: t.inputBackground
         }),
         onClick: s[0] || (s[0] = (n) => e.focus())
@@ -10237,14 +10258,14 @@ const dm = {
           value: e.showDate(1),
           readonly: "",
           class: "fv-date-picker-input-item",
-          style: y({ borderColor: t.innerBorderColor })
+          style: w({ borderColor: t.innerBorderColor })
         }, null, 12, Pf), [
           [M, !t.hideDay]
         ]),
         L(u("input", {
           value: e.showDate(2),
           readonly: "",
-          style: y({ borderColor: t.innerBorderColor }),
+          style: w({ borderColor: t.innerBorderColor }),
           class: "fv-date-picker-input-item"
         }, null, 12, Rf), [
           [M, !t.hideYear]
@@ -10254,28 +10275,28 @@ const dm = {
         default: _(() => [
           L(u("div", {
             class: "fv-date-picker-options",
-            style: y({ background: t.optionBackground })
+            style: w({ background: t.optionBackground })
           }, [
             u("div", {
               class: F(["fv-date-picker-options-body", [{ reverse: t.reverseLayout }]])
             }, [
               u("div", {
                 class: "fv-date-picker-options-body-mask",
-                style: y({ background: t.selectedBackground })
+                style: w({ background: t.selectedBackground })
               }, null, 4),
               L(u("div", {
                 class: "fv-date-picker-options-body-col",
-                style: y([{ flex: "2" }, { borderColor: t.innerBorderColor }])
+                style: w([{ flex: "2" }, { borderColor: t.innerBorderColor }])
               }, [
                 u("div", {
                   class: "fv-date-picker-options-body-col-up",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[1] || (s[1] = (n) => e.monthSwiper.slidePrev())
                 }, Of, 4),
                 u("div", Af, Wf, 512),
                 u("div", {
                   class: "fv-date-picker-options-body-col-down",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[2] || (s[2] = (n) => e.monthSwiper.slideNext())
                 }, Hf, 4)
               ], 4), [
@@ -10283,17 +10304,17 @@ const dm = {
               ]),
               L(u("div", {
                 class: "fv-date-picker-options-body-col",
-                style: y({ borderColor: t.innerBorderColor })
+                style: w({ borderColor: t.innerBorderColor })
               }, [
                 u("div", {
                   class: "fv-date-picker-options-body-col-up",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[3] || (s[3] = (n) => e.daySwiper.slidePrev())
                 }, Gf, 4),
                 u("div", Uf, jf, 512),
                 u("div", {
                   class: "fv-date-picker-options-body-col-down",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[4] || (s[4] = (n) => e.daySwiper.slideNext())
                 }, qf, 4)
               ], 4), [
@@ -10302,13 +10323,13 @@ const dm = {
               L(u("div", Kf, [
                 u("div", {
                   class: "fv-date-picker-options-body-col-up",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[5] || (s[5] = (n) => e.yearSwiper.slidePrev())
                 }, Qf, 4),
                 u("div", Zf, tm, 512),
                 u("div", {
                   class: "fv-date-picker-options-body-col-down",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[6] || (s[6] = (n) => e.yearSwiper.slideNext())
                 }, sm, 4)
               ], 512), [
@@ -10939,7 +10960,7 @@ function km(t, i, e, s, n, r) {
   }, [
     u("div", {
       class: "fv-details-list-icon-ring",
-      style: y({ background: n.checked ? e.color : "" })
+      style: w({ background: n.checked ? e.color : "" })
     }, ym, 4)
   ], 2);
 }
@@ -11422,7 +11443,7 @@ const bi = /* @__PURE__ */ Se(bm, [["render", km]]), $m = /* @__PURE__ */ u("i",
         }, [
           L(u("span", {
             class: "fv-details-list-icon-block",
-            style: y(n.styles.listHead),
+            style: w(n.styles.listHead),
             onClick: r[1] || (r[1] = (...a) => n.chooseAll && n.chooseAll(...a))
           }, [
             B(bi, {
@@ -11435,7 +11456,7 @@ const bi = /* @__PURE__ */ Se(bm, [["render", km]]), $m = /* @__PURE__ */ u("i",
           ]),
           L(u("span", {
             class: "col",
-            style: y([{ width: "36px", padding: "0px" }, n.styles.listHead])
+            style: w([{ width: "36px", padding: "0px" }, n.styles.listHead])
           }, [
             u("span", {
               class: F(["expand", { choose: n.currentExpandAll }]),
@@ -11447,7 +11468,7 @@ const bi = /* @__PURE__ */ Se(bm, [["render", km]]), $m = /* @__PURE__ */ u("i",
           (p(!0), $(te, null, ie(n.thisHead, (a, l) => L((p(), $("span", {
             class: "col",
             key: `head: ${l}`,
-            style: y({
+            style: w({
               "min-width": n.colWidth[l],
               width: n.colWidth[l],
               background: n.styles.listHead.background
@@ -11518,7 +11539,7 @@ const bi = /* @__PURE__ */ Se(bm, [["render", km]]), $m = /* @__PURE__ */ u("i",
                 (p(!0), $(te, null, ie(n.thisHead, (d, c) => L((p(), $("span", {
                   class: "col",
                   key: `row: ${l} col: ${c}`,
-                  style: y({ width: n.colWidth[c] }),
+                  style: w({ width: n.colWidth[c] }),
                   onClick: (h) => n.chooseCurrent(a)
                 }, [
                   W(n.$slots, `column_${c}`, {
@@ -11619,7 +11640,7 @@ const bi = /* @__PURE__ */ Se(bm, [["render", km]]), $m = /* @__PURE__ */ u("i",
                     (p(!0), $(te, null, ie(n.thisHead, (h, f) => L((p(), $("span", {
                       class: "col",
                       key: `group: ${l} row: ${c} col: ${f}`,
-                      style: y({ width: n.colWidth[f] }),
+                      style: w({ width: n.colWidth[f] }),
                       onClick: (m) => n.chooseCurrent(d)
                     }, [
                       W(n.$slots, `column_${f}`, {
@@ -11852,7 +11873,7 @@ const Nm = {
       return L((p(), $("div", {
         ref: "drawer",
         class: F(["fv-Drawer", [e.$theme]]),
-        style: y([
+        style: w([
           e.style.drawer,
           {
             background: t.background,
@@ -11862,12 +11883,12 @@ const Nm = {
       }, [
         L(u("div", {
           class: "fv-drawer-control-block",
-          style: y({ padding: t.controlPadding })
+          style: w({ padding: t.controlPadding })
         }, [
           W(e.$slots, "header", {}, () => [
             u("p", {
               class: "drawer-title",
-              style: y({
+              style: w({
                 "font-size": `${t.titleSize}px`,
                 "font-weight": t.titleWeight,
                 color: t.titleColor
@@ -11883,7 +11904,7 @@ const Nm = {
         ]),
         u("div", {
           class: "fv-drawer-main-container",
-          style: y({ padding: t.contentPadding })
+          style: w({ padding: t.contentPadding })
         }, [
           W(e.$slots, "default", {}, () => [
             he("Content Here")
@@ -11891,7 +11912,7 @@ const Nm = {
         ], 4),
         L(u("div", {
           class: "fv-drawer-footer",
-          style: y({ padding: t.controlPadding })
+          style: w({ padding: t.controlPadding })
         }, [
           W(e.$slots, "footer", {}, () => [
             B(n, {
@@ -12010,11 +12031,11 @@ function Ym(t, i, e, s, n, r) {
   const o = q("fv-reveal-container");
   return p(), $("div", {
     class: "drop-down-box",
-    style: y({ "border-radius": `${e.borderRadius}px`, height: e.inputHeight })
+    style: w({ "border-radius": `${e.borderRadius}px`, height: e.inputHeight })
   }, [
     u("div", {
       class: "drop-down-container",
-      style: y({
+      style: w({
         background: e.inputBackground,
         "border-radius": `${e.borderRadius}px`
       })
@@ -12039,7 +12060,7 @@ function Ym(t, i, e, s, n, r) {
           placeholder: e.placeholder,
           readonly: "",
           value: r.inputValue,
-          style: y({
+          style: w({
             fontSize: e.inputFontSize + "px",
             color: e.inputForeground,
             "border-radius": `${e.borderRadius}px`,
@@ -12049,7 +12070,7 @@ function Ym(t, i, e, s, n, r) {
         }, null, 12, Um),
         u("i", {
           class: F(["right-icon ms-Icon", [`ms-Icon--${e.dropDownIcon}`]]),
-          style: y({ color: e.dropDownIconForeground })
+          style: w({ color: e.dropDownIconForeground })
         }, null, 6)
       ])
     ], 4)
@@ -12182,7 +12203,7 @@ function qm(t, i, e, s, n, r) {
   const o = q("fv-check-box");
   return p(), $("div", {
     class: "list-container",
-    style: y(n.styles.listContainer)
+    style: w(n.styles.listContainer)
   }, [
     (p(!0), $(te, null, ie(e.options, (a, l) => (p(), $("div", {
       key: `item: ${l}`,
@@ -12198,7 +12219,7 @@ function qm(t, i, e, s, n, r) {
       }, [
         L(u("p", {
           class: "title",
-          style: y(n.styles.title)
+          style: w(n.styles.title)
         }, O(r.valueTrigger(a.text)), 5), [
           [M, r.valueTrigger(a.type) == "header"]
         ]),
@@ -12421,7 +12442,7 @@ const Io = /* @__PURE__ */ Se(jm, [["render", qm]]), Km = {
   setup(t, { emit: i }) {
     return (e, s) => (p(), $("div", {
       class: F(["fv-DropDown", [e.$theme, e.isDisabled ? "disabled" : ""]]),
-      style: y([e.styles.dropDown, { zIndex: e.show.listContainer ? 5 : "" }])
+      style: w([e.styles.dropDown, { zIndex: e.show.listContainer ? 5 : "" }])
     }, [
       u("div", {
         class: "fv-drop-down-input-container",
@@ -12589,7 +12610,7 @@ const Zm = { class: "expander-description-box" }, eg = { class: "expander-text"
         e.$theme,
         { visibleOverflow: t.disabledExpander && t.visibleOverflow }
       ]]),
-      style: y({
+      style: w({
         height: e.thisValue ? e.computedMaxHeight : `${t.defaultHeight}px`
       }),
       onMouseenter: s[3] || (s[3] = (n) => e.hover = !0),
@@ -12599,7 +12620,7 @@ const Zm = { class: "expander-description-box" }, eg = { class: "expander-text"
     }, [
       u("div", {
         class: "expander-description-container",
-        style: y({
+        style: w({
           height: `${t.defaultHeight}px`,
           background: e.hover ? e.hoverBackground : t.titleBackground
         }),
@@ -12648,7 +12669,7 @@ const Zm = { class: "expander-description-box" }, eg = { class: "expander-text"
           L(u("div", {
             class: "expander-detail",
             ref: "detail",
-            style: y({ background: t.expandBackground })
+            style: w({ background: t.expandBackground })
           }, [
             W(e.$slots, "default")
           ], 4), [
@@ -12842,7 +12863,7 @@ const dg = ["onClick"], ug = /* @__PURE__ */ u("i", null, null, -1), hg = [
         default: _(() => [
           L(u("div", {
             class: "control-panel",
-            style: y(e.styles.controlPanel)
+            style: w(e.styles.controlPanel)
           }, [
             u("span", {
               class: F(["slidebtn fst", [t.direction]]),
@@ -12891,7 +12912,7 @@ const dg = ["onClick"], ug = /* @__PURE__ */ u("i", null, null, -1), hg = [
             (p(!0), $(te, null, ie(e.thisValue, (n, r) => L((p(), $("div", {
               key: `flipview: ${r}`,
               class: "container-item",
-              style: y(e.styles.containerItem)
+              style: w(e.styles.containerItem)
             }, [
               W(e.$slots, "item", {
                 data: n,
@@ -12960,7 +12981,7 @@ const vg = {
   setup(t, { emit: i }) {
     return (e, s) => (p(), $("div", {
       class: F(["fv-IconElement", [e.$theme, { "icon-element-btn": t.iconButton }]]),
-      style: y({
+      style: w({
         width: `${t.fontSize + t.paddingWidth / 1}px`,
         height: `${t.fontSize + t.paddingWidth / 1}px`,
         borderRadius: `${t.borderRadius}px`
@@ -12973,7 +12994,7 @@ const vg = {
       }, [
         u("i", {
           class: F(["icon-element ms-Icon", [`ms-Icon--${e.valueTrigger(n.name)}`]]),
-          style: y({
+          style: w({
             fontSize: `${t.fontSize}px`,
             color: e.valueTrigger(n.color),
             "background-image": e.valueTrigger(n.color),
@@ -13298,7 +13319,7 @@ const Ig = an("FvImageCache", {
       const n = q("fv-progress-ring");
       return p(), $("div", {
         class: F(["fv-ImgBox", [e.$theme]]),
-        style: y({
+        style: w({
           background: t.onbackground ? "url(" + e.imgUri.data + ") no-repeat" : ""
         })
       }, [
@@ -13724,10 +13745,10 @@ function jg(t, i, e, s, n, r) {
   return p(), $("div", Yg, [
     u("span", {
       class: "s",
-      style: y({ "margin-top": `${n.thisTop}px`, height: `${n.thisHeight}px` })
+      style: w({ "margin-top": `${n.thisTop}px`, height: `${n.thisHeight}px` })
     }, [
       u("p", {
-        style: y({ background: n.styles.slider.background })
+        style: w({ background: n.styles.slider.background })
       }, null, 4)
     ], 4)
   ]);
@@ -14099,7 +14120,7 @@ const Eo = /* @__PURE__ */ Se(Ug, [["render", jg]]), Xg = { class: "list-view-he
               selected: r.selected && e.showSelectedBorder
             }, "list-view-item"]),
             key: o,
-            style: y({
+            style: w({
               height: e._rowHeight,
               background: e.valueTrigger(r.choosen) ? t.choosenBackground : "",
               borderRadius: t.itemBorderRadius + "px"
@@ -14125,7 +14146,7 @@ const Eo = /* @__PURE__ */ Se(Ug, [["render", jg]]), Xg = { class: "list-view-he
             }, null, 8, ["revealContainer", "parent", "backgroundColor", "borderColor", "borderRadius"])) : oe("", !0),
             u("div", {
               class: "item-content",
-              style: y({ padding: t.itemPadding })
+              style: w({ padding: t.itemPadding })
             }, [
               W(e.$slots, "listItem", {
                 item: r,
@@ -14133,7 +14154,7 @@ const Eo = /* @__PURE__ */ Se(Ug, [["render", jg]]), Xg = { class: "list-view-he
                 valueTrigger: e.valueTrigger
               }, () => [
                 u("p", {
-                  style: y({
+                  style: w({
                     color: e.valueTrigger(r.type) == "header" ? t.headerForeground : ""
                   })
                 }, O(e.valueTrigger(r.name)), 5)
@@ -14288,7 +14309,7 @@ function ap(t, i, e, s, n, r) {
     default: _(() => [
       u("div", {
         class: F(["menu-flyout-list-container", [{ "mobile-mode": e.mobileMode }]]),
-        style: y({
+        style: w({
           left: r.computedLeft,
           right: r.computedRight,
           top: r.computedTop
@@ -14296,7 +14317,7 @@ function ap(t, i, e, s, n, r) {
       }, [
         u("div", {
           class: "menu-flyout-item-container",
-          style: y({
+          style: w({
             width: r.computedWidth,
             "max-height": r.computedMaxHeight,
             background: e.background,
@@ -14327,7 +14348,7 @@ function ap(t, i, e, s, n, r) {
               choose: r.isSelected(l),
               title: r.valueTrigger(l.type) == "header"
             }]),
-            style: y({
+            style: w({
               background: r.isSelected(l) ? e.choosenBackground : "",
               color: r.valueTrigger(l.type) === "header" ? e.titleForeground : ""
             }),
@@ -14342,7 +14363,7 @@ function ap(t, i, e, s, n, r) {
             }, () => [
               u("i", {
                 class: "before-choosen",
-                style: y({ background: e.choosenSliderBackground })
+                style: w({ background: e.choosenSliderBackground })
               }, null, 4),
               he(" " + O(r.valueTrigger(l.type) !== "divider" ? r.valueTrigger(l.text) : "") + " ", 1),
               L(u("i", rp, null, 512), [
@@ -14376,7 +14397,7 @@ function ap(t, i, e, s, n, r) {
             }, () => [
               u("i", {
                 class: "before-choosen",
-                style: y({ background: e.choosenSliderBackground })
+                style: w({ background: e.choosenSliderBackground })
               }, null, 4),
               he(" " + O(r.valueTrigger(l.type) !== "divider" ? r.valueTrigger(l.text) : "") + " ", 1),
               L(u("i", op, null, 512), [
@@ -14536,7 +14557,7 @@ const Do = /* @__PURE__ */ Se(tp, [["render", ap]]), lp = { class: "ms-Icon ms-I
       const n = q("fv-text-box");
       return p(), $("div", {
         class: F(["fv-MenuFlyout", [e.$theme, { disabled: e.isDisabled }]]),
-        style: y({
+        style: w({
           "z-index": e.status ? 30 : "",
           overflow: "visible"
         })
@@ -14586,7 +14607,7 @@ const Do = /* @__PURE__ */ Se(tp, [["render", ap]]), lp = { class: "ms-Icon ms-I
             }, () => [
               u("i", {
                 class: "before-choosen",
-                style: y({ background: r.choosenSliderBackground })
+                style: w({ background: r.choosenSliderBackground })
               }, null, 4),
               he(" " + O(e.valueTrigger(r.item.type) !== "divider" ? e.valueTrigger(r.item.text) : "") + " ", 1),
               L(u("i", lp, null, 512), [
@@ -14940,20 +14961,20 @@ const yp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
           { flyout: e.isFlyout },
           { mobile: e.isMobile }
         ]]),
-        style: y({
+        style: w({
           position: e.screenWidth <= t.fullSizeDisplay && e.thisExpand ? "static" : "",
           width: e.panelWidth
         })
       }, [
         u("div", {
           class: "panel-container-mobile",
-          style: y({ background: e.thisExpand ? "" : t.background })
+          style: w({ background: e.thisExpand ? "" : t.background })
         }, [
           L(B(n, {
             modelValue: "backScale",
             class: "fv-nav-default-item",
             hideContent: !0,
-            style: y({ width: `${t.compactWidth}px` }),
+            style: w({ width: `${t.compactWidth}px` }),
             onClick: s[0] || (s[0] = (o) => e.$emit("back", o))
           }, {
             default: _(() => [
@@ -14967,7 +14988,7 @@ const yp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
             modelValue: "scaleXDown",
             class: "fv-nav-default-item",
             hideContent: !0,
-            style: y({ width: `${t.compactWidth}px` }),
+            style: w({ width: `${t.compactWidth}px` }),
             onClick: e.expandClick
           }, {
             default: _(() => [
@@ -14980,7 +15001,7 @@ const yp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
         ], 4),
         u("div", {
           class: "panel-container",
-          style: y({ width: e.navWidth, background: t.background })
+          style: w({ width: e.navWidth, background: t.background })
         }, [
           W(e.$slots, "banner"),
           L(B(n, {
@@ -15327,7 +15348,7 @@ const Mp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--GlobalNavButton ico
                   ]),
                   u("p", {
                     class: "name",
-                    style: y({
+                    style: w({
                       color: l.valueTrigger(l.item.type) == "header" ? t.foreground : ""
                     })
                   }, O(l.valueTrigger(l.item.name)), 5)
@@ -15669,7 +15690,7 @@ const Up = {
         default: _(() => [
           L(u("div", {
             class: F(["fv-Panel", [e.$theme]]),
-            style: y({ zIndex: e.thisValue ? 30 : "" })
+            style: w({ zIndex: e.thisValue ? 30 : "" })
           }, [
             u("div", {
               class: "fv-panel-back-board",
@@ -15682,7 +15703,7 @@ const Up = {
                     `${e.sideName}-side`,
                     { "acrylic-style": t.isAcrylic }
                   ]]),
-                  style: y({
+                  style: w({
                     width: e.finalWidth,
                     height: e.finalHeight,
                     background: t.background
@@ -15690,12 +15711,12 @@ const Up = {
                 }, [
                   L(u("div", {
                     class: "fv-panel-control-block",
-                    style: y({ padding: t.controlPadding })
+                    style: w({ padding: t.controlPadding })
                   }, [
                     W(e.$slots, "header", {}, () => [
                       u("p", {
                         class: "panel-title",
-                        style: y({
+                        style: w({
                           "font-size": `${t.titleSize}px`,
                           "font-weight": t.titleWeight,
                           color: t.titleColor
@@ -15711,7 +15732,7 @@ const Up = {
                   ]),
                   u("div", {
                     class: "fv-panel-main-container",
-                    style: y({ padding: t.contentPadding })
+                    style: w({ padding: t.contentPadding })
                   }, [
                     W(e.$slots, "container", {}, () => [
                       he(" Content Here ")
@@ -15719,7 +15740,7 @@ const Up = {
                   ], 4),
                   L(u("div", {
                     class: "fv-panel-footer",
-                    style: y({ padding: t.controlPadding })
+                    style: w({ padding: t.controlPadding })
                   }, [
                     W(e.$slots, "footer", {}, () => [
                       B(n, {
@@ -15872,11 +15893,11 @@ const Xp = { class: "persona-content-block" }, qp = {
       }, [
         u("div", {
           class: "persona-avatar",
-          style: y({ width: `${t.size}px`, height: `${t.size}px` })
+          style: w({ width: `${t.size}px`, height: `${t.size}px` })
         }, [
           u("div", {
             class: "persona-bg",
-            style: y({
+            style: w({
               background: t.background ? t.background : e.nameCardBackground,
               "font-size": `${t.size / 2.3}px`
             })
@@ -15888,7 +15909,7 @@ const Xp = { class: "persona-content-block" }, qp = {
           }, null, 8, ["src"])) : oe("", !0),
           L(u("i", {
             class: F(["ms-Icon status-icon", [`ms-Icon--${e.currentIcon}`]]),
-            style: y({
+            style: w({
               "font-size": `${e.iconFontSize}px`,
               color: e.currentIconColor
             })
@@ -15899,7 +15920,7 @@ const Xp = { class: "persona-content-block" }, qp = {
         L(u("div", Xp, [
           u("span", {
             class: "persona-title",
-            style: y({ "font-size": `${e.titleFontSize}px` })
+            style: w({ "font-size": `${e.titleFontSize}px` })
           }, [
             W(e.$slots, "name", {}, () => [
               u("p", null, O(t.name), 1)
@@ -15907,7 +15928,7 @@ const Xp = { class: "persona-content-block" }, qp = {
           ], 4),
           u("span", {
             class: "persona-secondary",
-            style: y({ "font-size": `${e.secondaryFontSize}px` })
+            style: w({ "font-size": `${e.secondaryFontSize}px` })
           }, [
             W(e.$slots, "secondary")
           ], 4)
@@ -16052,11 +16073,11 @@ function ev(t, i, e, s, n, r) {
   return p(), $("div", Zp, [
     u("span", {
       class: "fv-pivot-s",
-      style: y({ "margin-left": `${n.domLeft}px`, width: `${n.domWidth}px` })
+      style: w({ "margin-left": `${n.domLeft}px`, width: `${n.domWidth}px` })
     }, [
       u("p", {
         class: F(["fv-pivot-s-item", [{ "is-boxshadow": e.sliderBoxshadow }]]),
-        style: y({
+        style: w({
           background: e.background,
           borderRadius: e.sliderBorderRadius + "px"
         })
@@ -16237,7 +16258,7 @@ const Mo = /* @__PURE__ */ Se(Qp, [["render", ev]]), tv = { class: "pivot-wrappe
   setup(t, { emit: i }) {
     return (e, s) => (p(), $("div", {
       class: F(["fv-Pivot", [e.$theme, t.tab ? "tab" : ""]]),
-      style: y({
+      style: w({
         padding: t.padding,
         background: t.background,
         borderRadius: t.borderRadius + "px"
@@ -16253,7 +16274,7 @@ const Mo = /* @__PURE__ */ Se(Qp, [["render", ev]]), tv = { class: "pivot-wrappe
             key: r,
             ref_for: !0,
             ref: `item_${r}`,
-            style: y({ width: e.itemWidth(n), padding: t.itemPadding }),
+            style: w({ width: e.itemWidth(n), padding: t.itemPadding }),
             onClick: (o) => e.itemClick(n)
           }, [
             W(e.$slots, "container", {
@@ -16263,7 +16284,7 @@ const Mo = /* @__PURE__ */ Se(Qp, [["render", ev]]), tv = { class: "pivot-wrappe
               valueTrigger: e.valueTrigger
             }, () => [
               u("p", {
-                style: y({
+                style: w({
                   fontSize: `${t.fontSize}px`,
                   color: e.eqal(n) ? t.choosenForeground : t.foreground
                 })
@@ -16342,17 +16363,17 @@ const av = {
         t.loading.toString() != "true" ? "normal" : "",
         e.isDisabled ? "disabled" : ""
       ]]),
-      style: y({ background: t.background, borderRadius: t.borderRadius + "px" })
+      style: w({ background: t.background, borderRadius: t.borderRadius + "px" })
     }, [
       (p(), $(te, null, ie(5, (n) => L(u("p", {
         class: "unit",
-        style: y({ background: t.foreground }),
+        style: w({ background: t.foreground }),
         key: n
       }, null, 4), [
         [M, t.loading.toString() == "true"]
       ])), 64)),
       L(u("i", {
-        style: y({
+        style: w({
           width: (e.percent <= 100 ? e.percent : 100) + "%",
           background: t.foreground,
           borderRadius: t.borderRadius + "px"
@@ -16405,7 +16426,7 @@ function hv(t, i, e, s, n, r) {
     class: F(["fv-progressRing-legacy", e.size])
   }, [
     (p(), $(te, null, ie(5, (o) => u("p", {
-      style: y(n.styles.p),
+      style: w(n.styles.p),
       key: o
     }, null, 4)), 64))
   ], 2);
@@ -16504,7 +16525,7 @@ const Fo = /* @__PURE__ */ Se(uv, [["render", hv]]), cv = ["width", "height"], f
   setup(t, { emit: i }) {
     return (e, s) => (p(), $("div", {
       class: F(["fv-ProgressRing", [e.$theme]]),
-      style: y({ width: `${t.r * 2}px`, height: `${t.r * 2}px` })
+      style: w({ width: `${t.r * 2}px`, height: `${t.r * 2}px` })
     }, [
       L((p(), $("svg", {
         width: `${t.r * 2}px`,
@@ -16533,7 +16554,7 @@ const Fo = /* @__PURE__ */ Se(uv, [["render", hv]]), cv = ["width", "height"], f
           fill: "none",
           "stroke-dashoffset": `${t.loading ? e.l - e.Loading.ratio / 100 * e.l : e.l - e.valueCache / 100 * e.l}px`,
           "stroke-dasharray": `${e.l}px`,
-          style: y({
+          style: w({
             transform: `rotate(${t.loading ? e.Loading.rotate : -90}deg)`
           })
         }, null, 12, mv)
@@ -16643,7 +16664,7 @@ const bv = ["src"], wv = {
         { disabled: e.isDisabled }
       ]]),
       onClick: s[0] || (s[0] = (...n) => e.click && e.click(...n)),
-      style: y({
+      style: w({
         "border-color": e.isActived ? t.foreground : "",
         "border-radius": `${t.iconBlockBorderRadius}px`,
         "border-width": `${t.iconBlockBorderWidth}px`
@@ -16653,13 +16674,13 @@ const bv = ["src"], wv = {
         type: "radio",
         ref: "button",
         class: F(["fv-radio-button", [{ actived: e.isActived }, { disabled: e.isDisabled }]]),
-        style: y({
+        style: w({
           background: e.isActived ? t.foreground : ""
         })
       }, null, 6),
       u("label", {
         class: "fv-radio-label",
-        style: y({ color: t.color })
+        style: w({ color: t.color })
       }, [
         t.image ? (p(), $("img", {
           key: 0,
@@ -16860,15 +16881,15 @@ const xv = { class: "fv-rating-container" }, Ev = ["onMousemove", "onTouchmove",
         }, [
           u("i", {
             class: F(["ms-Icon background", [`ms-Icon--${t.defaultIcon}`]]),
-            style: y({ color: t.borderColor })
+            style: w({ color: t.borderColor })
           }, null, 6),
           L(u("div", {
             class: "fv-rating-mask",
-            style: y({ width: `${e.itemRatio(r)}%` })
+            style: w({ width: `${e.itemRatio(r)}%` })
           }, [
             u("i", {
               class: F(["ms-Icon foreground", [`ms-Icon--${t.selectedIcon}`]]),
-              style: y({ color: t.selectedColor })
+              style: w({ color: t.selectedColor })
             }, null, 6)
           ], 4), [
             [M, e.itemShow(r)]
@@ -17285,7 +17306,7 @@ const Bv = {
   setup(t, { emit: i }) {
     return (e, s) => (p(), $("div", {
       class: F(["fv-RevealContainer", [e.$theme]]),
-      style: y({ "border-radius": `${e.computedBorderRadius}px` }),
+      style: w({ "border-radius": `${e.computedBorderRadius}px` }),
       onClick: s[0] || (s[0] = (n) => {
         n.preventDefault(), e.isDisabled || e.$emit("click", n);
       })
@@ -17358,7 +17379,7 @@ const Bv = {
           y: t.borderWidth / 2,
           rx: e.computedBorderRadius,
           ry: e.computedBorderRadius,
-          style: y([{ "box-sizing": "border-box" }, {
+          style: w([{ "box-sizing": "border-box" }, {
             width: `${e.offset.right - e.offset.left - t.borderWidth}px`,
             height: `${e.offset.bottom - e.offset.top - t.borderWidth}px`,
             stroke: `url(#borderG_${e.id})`,
@@ -17371,7 +17392,7 @@ const Bv = {
           y: t.borderWidth / 2,
           rx: e.computedBorderRadius,
           ry: e.computedBorderRadius,
-          style: y([{ stroke: "transparent", "box-sizing": "border-box" }, {
+          style: w([{ stroke: "transparent", "box-sizing": "border-box" }, {
             width: `${e.offset.right - e.offset.left - t.borderWidth}px`,
             height: `${e.offset.bottom - e.offset.top - t.borderWidth}px`,
             fill: e.inside ? `url(#clickG_${e.id})` : "transparent",
@@ -17465,7 +17486,7 @@ const tb = { class: "right-menu-list" }, ib = /* @__PURE__ */ u("span", null, [
       default: _(() => [
         L(u("div", {
           class: F(["fv-RightMenu", [n.$theme]]),
-          style: y({
+          style: w({
             left: n.posX + "px",
             top: n.posY + "px",
             width: t.rightMenuWidth + "px",
@@ -17823,7 +17844,7 @@ const hb = { class: "search-box-placeholder" }, cb = { class: "search-box-contai
           e.isUnderline ? "underline" : "",
           { shadow: t.isBoxShadow }
         ]]),
-        style: y([{ background: t.background, borderRadius: `${t.borderRadius}px` }]),
+        style: w([{ background: t.background, borderRadius: `${t.borderRadius}px` }]),
         onKeydown: s[11] || (s[11] = (o) => e.show.searchResult = !0),
         onKeyup: s[12] || (s[12] = ns((...o) => e.onBackspace && e.onBackspace(...o), ["delete"])),
         onClick: s[13] || (s[13] = (o) => e.isFocus = !0)
@@ -17841,7 +17862,7 @@ const hb = { class: "search-box-placeholder" }, cb = { class: "search-box-contai
         }, null, 8, ["parent", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "disabled"]),
         u("div", {
           class: "search-box-wrapper-container",
-          style: y([
+          style: w([
             e.thisBorderColor,
             {
               background: t.background,
@@ -17876,7 +17897,7 @@ const hb = { class: "search-box-placeholder" }, cb = { class: "search-box-contai
               disabled: e.isDisabled,
               maxlength: t.maxlength,
               ref: "input",
-              style: y({
+              style: w({
                 "font-size": `${t.fontSize}px`,
                 "font-weight": t.fontWeight,
                 color: t.foreground,
@@ -17994,7 +18015,7 @@ const bb = /* @__PURE__ */ u("div", {
       u("div", {
         class: "shimmer-container",
         ref: "shimmer",
-        style: y({
+        style: w({
           "background-image": `radial-gradient(circle ${e.gradientSize}px at ${e.x}px ${e.y}px, ${e.backgroundLightColor}, rgba(255,255,255,0))`
         })
       }, [
@@ -18201,14 +18222,14 @@ const $b = ["title"], Cb = { class: "fv-slider-unit-container" }, Sb = {
       u("div", {
         class: "fv-slider-main",
         ref: "bar",
-        style: y({
+        style: w({
           background: e.progress >= 100 ? t.color : t.background ? t.background : ""
         })
       }, [
         u("div", {
           ref: "btn",
           class: "fv-slider-ring-container",
-          style: y({
+          style: w({
             left: e.finalLeft + "px",
             top: e.finalTop + "px",
             background: t.iconWrapperBackground
@@ -18220,12 +18241,12 @@ const $b = ["title"], Cb = { class: "fv-slider-unit-container" }, Sb = {
         }, [
           u("i", {
             class: F(["ms-Icon fv-slider-ring-icon", [`ms-Icon--${t.icon}`]]),
-            style: y({ color: t.color })
+            style: w({ color: t.color })
           }, null, 6)
         ], 36),
         u("div", {
           class: "fv-slider-loaded",
-          style: y({
+          style: w({
             width: t.vertical ? "" : e.finalLeft + e.btnEl.width / 2 + "px",
             height: t.vertical ? e.finalTop + e.btnEl.height / 2 + "px" : "",
             background: t.color
@@ -18234,7 +18255,7 @@ const $b = ["title"], Cb = { class: "fv-slider-unit-container" }, Sb = {
         L(u("div", {
           class: "fv-slider-label",
           title: e.progress,
-          style: y({
+          style: w({
             left: t.vertical ? "" : e.finalLeft - 20 + e.btnEl.width / 2 + "px",
             top: t.vertical ? e.finalTop - 14 + e.btnEl.height / 2 + "px" : ""
           })
@@ -18249,7 +18270,7 @@ const $b = ["title"], Cb = { class: "fv-slider-unit-container" }, Sb = {
           (p(!0), $(te, null, ie(e.scaleList, (n, r) => (p(), $("i", {
             key: `top: ${r}`,
             class: "fv-slider-unit-item first",
-            style: y({
+            style: w({
               left: t.vertical ? "" : `calc(${n.ratio * (e.barEl.width - e.btnEl.width) + e.btnEl.width / 2}px)`,
               top: t.vertical ? `calc(${n.ratio * (e.barEl.height - e.btnEl.height) + e.btnEl.height / 2}px)` : ""
             })
@@ -18257,7 +18278,7 @@ const $b = ["title"], Cb = { class: "fv-slider-unit-container" }, Sb = {
           (p(!0), $(te, null, ie(e.scaleList, (n, r) => (p(), $("i", {
             key: `bottom: ${r}`,
             class: "fv-slider-unit-item second",
-            style: y({
+            style: w({
               left: t.vertical ? "" : `calc(${n.ratio * (e.barEl.width - e.btnEl.width) + e.btnEl.width / 2}px)`,
               top: t.vertical ? `calc(${n.ratio * (e.barEl.height - e.btnEl.height) + e.btnEl.height / 2}px)` : ""
             })
@@ -18425,14 +18446,14 @@ const Ib = {
             (p(!0), $(te, null, ie(t.leftOptions, (n, r) => (p(), $("div", {
               class: F(["fv-SwipeControl-btn", [e.valueTrigger(n.type)]]),
               key: r,
-              style: y({
+              style: w({
                 width: r === t.leftOptions.length - 1 ? "" : `${e.opWidth / t.leftOptions.length}px`
               }),
               onClick: (o) => e.callFunc(n)
             }, [
               u("div", {
                 class: "fv-SwipeControl-btn-content-block",
-                style: y({
+                style: w({
                   width: `${e.opWidth / t.leftOptions.length}px`
                 })
               }, [
@@ -18449,7 +18470,7 @@ const Ib = {
           ]),
           u("div", {
             class: "fv-SwipeControl-main swiper-slide",
-            style: y({ padding: t.itemPadding })
+            style: w({ padding: t.itemPadding })
           }, [
             W(e.$slots, "default", {}, () => [
               he(" Swipe Control ")
@@ -18459,14 +18480,14 @@ const Ib = {
             (p(!0), $(te, null, ie(e.thisOptions, (n, r) => (p(), $("div", {
               class: F(["fv-SwipeControl-btn", [e.valueTrigger(n.type)]]),
               key: r,
-              style: y({
+              style: w({
                 width: r === e.thisOptions.length - 1 ? "" : `${e.opWidth / e.thisOptions.length}px`
               }),
               onClick: (o) => e.callFunc(n)
             }, [
               u("div", {
                 class: "fv-SwipeControl-btn-content-block",
-                style: y({
+                style: w({
                   width: `${e.opWidth / e.thisOptions.length}px`
                 })
               }, [
@@ -18635,11 +18656,11 @@ function zb(t, i, e, s, n, r) {
     ]),
     u("p", {
       class: F(["onDrop", [{ show: n.dropMode }]]),
-      style: y({ background: n.dropMode ? e.foreground : "" })
+      style: w({ background: n.dropMode ? e.foreground : "" })
     }, null, 6),
     u("div", {
       class: "fv-tableview-cell-item check-box",
-      style: y([r.computedRowStyles])
+      style: w([r.computedRowStyles])
     }, [
       B(o, {
         modelValue: e.row.choosen,
@@ -18660,7 +18681,7 @@ function zb(t, i, e, s, n, r) {
       fixedLeftWidth: r.fixedLeftWidth[l],
       fixedRightWidth: r.fixedRightWidth[l],
       theme: e.theme,
-      style: y([r.computedRowStyles]),
+      style: w([r.computedRowStyles]),
       onDropItem: i[4] || (i[4] = (d) => t.$emit("drop-item", d)),
       onSetSelect: i[5] || (i[5] = (d) => t.$emit("set-select", d))
     }, null, 40, ["modelValue", "head", "i18n", "selectPos", "foreground", "row_index", "col_index", "fixedLeftWidth", "fixedRightWidth", "theme", "style"])), [
@@ -18668,7 +18689,7 @@ function zb(t, i, e, s, n, r) {
     ])), 128)),
     u("div", {
       class: "fv-tableview-cell-item op-tools",
-      style: y([r.computedRowStyles])
+      style: w([r.computedRowStyles])
     }, null, 4)
   ], 42, Ob);
 }
@@ -18894,7 +18915,7 @@ function t0(t, i, e, s, n, r) {
     }, [
       u("i", {
         class: "onDrop",
-        style: y({ background: n.dropHead === a ? r.dropBackground : "" })
+        style: w({ background: n.dropHead === a ? r.dropBackground : "" })
       }, null, 4),
       u("div", Kb, [
         L(u("i", {
@@ -19080,7 +19101,7 @@ function f0(t, i, e, s, n, r) {
     }, [
       u("i", {
         class: "onDrop",
-        style: y({
+        style: w({
           background: n.dropHead === h ? r.dropBackground : ""
         })
       }, null, 4),
@@ -19329,7 +19350,7 @@ function w0(t, i, e, s, n, r) {
             L(u("div", {
               draggable: "false",
               class: "fv-tableview-edit-wrapper-container",
-              style: y({ width: e.wrapperWidth }),
+              style: w({ width: e.wrapperWidth }),
               onDragstart: i[0] || (i[0] = (...a) => r.stopDragWrapper && r.stopDragWrapper(...a)),
               onClick: i[1] || (i[1] = (a) => a.stopPropagation())
             }, [
@@ -19490,7 +19511,7 @@ const ds = /* @__PURE__ */ Se(b0, [["render", w0]]), y0 = { style: { "margin-lef
         onDragover: s[20] || (s[20] = (...o) => e.dragOver && e.dragOver(...o)),
         onDragleave: s[21] || (s[21] = (...o) => e.dragLeave && e.dragLeave(...o)),
         onDrop: s[22] || (s[22] = (...o) => e.dropItem && e.dropItem(...o)),
-        style: y({
+        style: w({
           left: e.modelValue.fixed && !e.modelValue.fixedSide ? e.fixedLeftWidth + "px" : "",
           right: e.modelValue.fixed && e.modelValue.fixedSide ? e.fixedRightWidth + "px" : "",
           width: e.modelValue.width + "px",
@@ -19821,7 +19842,7 @@ const ds = /* @__PURE__ */ Se(b0, [["render", w0]]), y0 = { style: { "margin-lef
             "first-selected": e.isFirstSelected
           }
         ]]),
-        style: y({
+        style: w({
           left: e.head.fixed && !e.head.fixedSide ? e.fixedLeftWidth + "px" : "",
           right: e.head.fixed && e.head.fixedSide ? e.fixedRightWidth + "px" : "",
           width: e.head.width + "px",
@@ -19842,7 +19863,7 @@ const ds = /* @__PURE__ */ Se(b0, [["render", w0]]), y0 = { style: { "margin-lef
         ], 32),
         L(u("p", {
           class: "fv-tableview-cell-sync-btn",
-          style: y({ "border-color": e.outlineColor }),
+          style: w({ "border-color": e.outlineColor }),
           onMousedown: s[3] || (s[3] = (r) => e.mouseFunc(r, "sync-down"))
         }, null, 36), [
           [M, e.isFirstSelected]
@@ -20195,7 +20216,7 @@ const J0 = { class: "fv-tableview-default-edittool-row between" }, Q0 = {
               (p(!0), $(te, null, ie(e.showAsList, (l, d) => (p(), $("div", {
                 key: d,
                 class: "hor-item",
-                style: y({
+                style: w({
                   color: e.modelValue.showAs === l.key ? e.foreground : "",
                   outline: e.modelValue.showAs === l.key ? `2px solid ${e.foreground}` : ""
                 }),
@@ -20220,7 +20241,7 @@ const J0 = { class: "fv-tableview-default-edittool-row between" }, Q0 = {
                   options: _((l) => [
                     u("i", {
                       class: "color-block",
-                      style: y([{ background: l.option.color }, { "flex-shrink": "0" }])
+                      style: w([{ background: l.option.color }, { "flex-shrink": "0" }])
                     }, null, 4),
                     u("p", aw, O(e.i18n(e.getColorName(l.option.name))), 1)
                   ]),
@@ -20228,7 +20249,7 @@ const J0 = { class: "fv-tableview-default-edittool-row between" }, Q0 = {
                     u("div", lw, [
                       u("i", {
                         class: "color-block",
-                        style: y({
+                        style: w({
                           background: l.value.length > 0 ? l.value[0].color : ""
                         })
                       }, null, 4),
@@ -21578,7 +21599,7 @@ const yn = Wo, mw = Z(No), gw = { style: { width: "100%", "padding-right": "5px"
           ]),
           u("div", {
             class: "fv-tableview-head-row",
-            style: y({ width: e.sumWidth + "px" })
+            style: w({ width: e.sumWidth + "px" })
           }, [
             u("div", qw, [
               B(r, {
@@ -21631,7 +21652,7 @@ const yn = Wo, mw = Z(No), gw = { style: { width: "100%", "padding-right": "5px"
             theme: e.$theme,
             extensions: e.thisExtensions,
             dragItem: e.drag.rowItem,
-            style: y({ width: e.sumWidth + "px" }),
+            style: w({ width: e.sumWidth + "px" }),
             onUpdateDragItem: s[3] || (s[3] = (d) => e.drag.rowItem = d),
             onDropItem: (d) => e.swapRow(d.drag, a),
             onAddRow: (d) => e.addRow(l),
@@ -21640,7 +21661,7 @@ const yn = Wo, mw = Z(No), gw = { style: { width: "100%", "padding-right": "5px"
           }, null, 8, ["modelValue", "row", "row_index", "i18n", "selectPos", "foreground", "theme", "extensions", "dragItem", "style", "onDropItem", "onAddRow", "onSetSelect", "onRightclick"]))), 128)),
           u("div", {
             class: "fv-tableview-data-row newline",
-            style: y({ width: e.sumWidth + "px" }),
+            style: w({ width: e.sumWidth + "px" }),
             onClick: s[4] || (s[4] = (a) => e.addRow())
           }, [
             Jw,
@@ -21857,7 +21878,7 @@ const ny = ["onClick"], ry = { class: "fv-tag-default-content" }, oy = { class:
             t.size,
             { disabled: r.disabled }
           ]]),
-          style: y({
+          style: w({
             background: r.background ? e.getColor(r.background).background : "",
             borderColor: r.background ? e.getColor(r.background).borderColor : "",
             color: r.background ? e.getColor(r.background).color : "",
@@ -21867,7 +21888,7 @@ const ny = ["onClick"], ry = { class: "fv-tag-default-content" }, oy = { class:
         }, [
           u("span", {
             class: "fv-tag-content",
-            style: y({ "font-size": t.fontSize + "px" })
+            style: w({ "font-size": t.fontSize + "px" })
           }, [
             W(e.$slots, "default", {}, () => [
               u("p", ry, O(r.text), 1)
@@ -21885,7 +21906,7 @@ const ny = ["onClick"], ry = { class: "fv-tag-default-content" }, oy = { class:
         L(u("div", {
           ref: "add",
           class: F(["fv-tag-item controller", [t.size]]),
-          style: y({
+          style: w({
             background: t.newTagBackground ? e.getColor(t.newTagBackground).background : "",
             borderColor: t.newTagBackground ? e.getColor(t.newTagBackground).borderColor : "",
             color: t.newTagBackground ? e.getColor(t.newTagBackground).color : "",
@@ -21898,7 +21919,7 @@ const ny = ["onClick"], ry = { class: "fv-tag-default-content" }, oy = { class:
           ]),
           L(u("span", {
             class: "fv-tag-content",
-            style: y({ "font-size": t.fontSize + "px" })
+            style: w({ "font-size": t.fontSize + "px" })
           }, [
             W(e.$slots, "default", {}, () => [
               u("p", hy, O(t.newTagPlaceholder), 1)
@@ -22132,7 +22153,7 @@ function by(t, i, e, s, n, r) {
       readonly: r.isReadOnly,
       disabled: r.isDisabled,
       ref: "input",
-      style: y({
+      style: w({
         "font-size": `${e.fontSize}px`,
         "font-weight": e.fontWeight,
         color: e.foreground,
@@ -22292,7 +22313,7 @@ function Cy(t, i, e, s, n, r) {
       disabled: r.isDisabled,
       maxlength: e.maxlength,
       ref: "input",
-      style: y({
+      style: w({
         "font-size": `${e.fontSize}px`,
         "font-weight": e.fontWeight,
         color: e.foreground,
@@ -22520,7 +22541,7 @@ const Go = /* @__PURE__ */ Se(yy, [["render", Cy]]), Sy = { class: "fix-block" }
           r.isUnderline ? "underline" : "",
           { shadow: t.isBoxShadow }
         ]]),
-        style: y([{ background: t.background, borderRadius: `${t.borderRadius}px` }]),
+        style: w([{ background: t.background, borderRadius: `${t.borderRadius}px` }]),
         onClick: o[8] || (o[8] = (l) => {
           r.isFocus = !0, r.$emit("click", l);
         })
@@ -22538,7 +22559,7 @@ const Go = /* @__PURE__ */ Se(yy, [["render", Cy]]), Sy = { class: "fix-block" }
         }, null, 8, ["parent", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "disabled"]),
         u("div", {
           class: "fv-text-box-wrapper-container",
-          style: y({
+          style: w({
             borderWidth: `${t.borderWidth}px`,
             borderColor: r.isFocus ? t.focusBorderColor : t.borderColor,
             borderRadius: `${t.borderRadius}px`
@@ -22552,7 +22573,7 @@ const Go = /* @__PURE__ */ Se(yy, [["render", Cy]]), Sy = { class: "fix-block" }
           W(r.$slots, "left-icon", {}, () => [
             L(u("i", {
               class: F(["ms-Icon icon-block", [`ms-Icon--${t.leftIcon}`]]),
-              style: y({ color: t.iconForeground }),
+              style: w({ color: t.iconForeground }),
               onClick: o[0] || (o[0] = (l) => r.$emit("left-icon-click", l))
             }, null, 6), [
               [M, t.leftIcon != ""]
@@ -22589,7 +22610,7 @@ const Go = /* @__PURE__ */ Se(yy, [["render", Cy]]), Sy = { class: "fix-block" }
           W(r.$slots, "icon", {}, () => [
             L(u("i", {
               class: F(["ms-Icon icon-block", [`ms-Icon--${t.icon}`]]),
-              style: y({ color: t.iconForeground }),
+              style: w({ color: t.iconForeground }),
               onClick: o[7] || (o[7] = (l) => r.$emit("icon-click", l))
             }, null, 6), [
               [M, t.icon != ""]
@@ -22733,7 +22754,7 @@ const Ey = ["placeholder", "readonly", "disabled", "maxlength"], Dy = {
           { underline: e.isUnderline },
           { shadow: t.isBoxShadow }
         ]]),
-        style: y([{ background: t.background, borderRadius: `${t.borderRadius}px` }])
+        style: w([{ background: t.background, borderRadius: `${t.borderRadius}px` }])
       }, [
         B(n, {
           parent: () => e.$el,
@@ -22748,7 +22769,7 @@ const Ey = ["placeholder", "readonly", "disabled", "maxlength"], Dy = {
         }, null, 8, ["parent", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "disabled"]),
         u("div", {
           class: "text-field-wrapper-container",
-          style: y({
+          style: w({
             borderWidth: `${t.borderWidth}px`,
             borderColor: e.isFocus ? t.focusBorderColor : t.borderColor,
             borderRadius: `${t.borderRadius}px`
@@ -22761,7 +22782,7 @@ const Ey = ["placeholder", "readonly", "disabled", "maxlength"], Dy = {
             readonly: e.isReadOnly,
             disabled: e.isDisabled,
             maxlength: t.maxlength,
-            style: y({
+            style: w({
               "font-size": `${t.fontSize}px`,
               "font-weight": t.fontWeight,
               color: t.foreground,
@@ -23024,11 +23045,11 @@ const u1 = {
   setup(t, { emit: i }) {
     return (e, s) => (p(), $("div", {
       class: F(["fv-TimePicker", [e.$theme, { disabled: t.disabled }]]),
-      style: y({ "--hover-color": t.hoverColor })
+      style: w({ "--hover-color": t.hoverColor })
     }, [
       u("div", {
         class: "fv-time-picker-input",
-        style: y({ background: t.inputBackground }),
+        style: w({ background: t.inputBackground }),
         onClick: s[0] || (s[0] = (n) => e.focus())
       }, [
         u("input", {
@@ -23040,12 +23061,12 @@ const u1 = {
           value: e.showTime(1),
           readonly: "",
           class: "fv-time-picker-input-item",
-          style: y({ borderColor: t.innerBorderColor })
+          style: w({ borderColor: t.innerBorderColor })
         }, null, 12, Py),
         L(u("input", {
           value: t.period[e.decodeTime(2)],
           readonly: "",
-          style: y({ borderColor: t.innerBorderColor }),
+          style: w({ borderColor: t.innerBorderColor }),
           class: "fv-time-picker-input-item"
         }, null, 12, Ry), [
           [M, t.timeType == 12]
@@ -23055,36 +23076,36 @@ const u1 = {
         default: _(() => [
           L(u("div", {
             class: "fv-time-picker-options",
-            style: y({ background: t.optionBackground })
+            style: w({ background: t.optionBackground })
           }, [
             u("div", By, [
               u("div", {
                 class: "fv-time-picker-options-body-mask",
-                style: y({ background: t.selectedBackground })
+                style: w({ background: t.selectedBackground })
               }, null, 4),
               u("div", {
                 class: "fv-time-picker-options-body-col",
-                style: y({ borderColor: t.innerBorderColor })
+                style: w({ borderColor: t.innerBorderColor })
               }, [
                 u("div", {
                   class: "fv-time-picker-options-body-col-up",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[1] || (s[1] = (n) => e.hourSwiper.slidePrev())
                 }, Ay, 4),
                 u("div", zy, Ny, 512),
                 u("div", {
                   class: "fv-time-picker-options-body-col-down",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[2] || (s[2] = (n) => e.hourSwiper.slideNext())
                 }, _y, 4)
               ], 4),
               u("div", {
                 class: "fv-time-picker-options-body-col",
-                style: y({ borderColor: t.innerBorderColor })
+                style: w({ borderColor: t.innerBorderColor })
               }, [
                 u("div", {
                   class: "fv-time-picker-options-body-col-up",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[3] || (s[3] = (n) => e.minuteSwiper.slidePrev())
                 }, Uy, 4),
                 u("div", Yy, [
@@ -23094,14 +23115,14 @@ const u1 = {
                 ], 512),
                 u("div", {
                   class: "fv-time-picker-options-body-col-down",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[4] || (s[4] = (n) => e.minuteSwiper.slideNext())
                 }, Ky, 4)
               ], 4),
               L(u("div", Jy, [
                 u("div", {
                   class: "fv-time-picker-options-body-col-up",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[5] || (s[5] = (n) => e.periodSwiper.slidePrev())
                 }, Zy, 4),
                 u("div", e1, [
@@ -23111,7 +23132,7 @@ const u1 = {
                 ], 512),
                 u("div", {
                   class: "fv-time-picker-options-body-col-down",
-                  style: y({ background: t.slideBtnBackground }),
+                  style: w({ background: t.slideBtnBackground }),
                   onClick: s[6] || (s[6] = (n) => e.periodSwiper.slideNext())
                 }, n1, 4)
               ], 512), [
@@ -23196,7 +23217,7 @@ const f1 = {
 function m1(t, i, e, s, n, r) {
   return p(), $("div", {
     class: "fv-toggle-ring",
-    style: y({ left: n.moveable ? `${e.left}px` : "", background: e.value ? "" : e.ringBackground }),
+    style: w({ left: n.moveable ? `${e.left}px` : "", background: e.value ? "" : e.ringBackground }),
     onMousedown: i[0] || (i[0] = (...o) => r.forward && r.forward(...o)),
     onMouseup: i[1] || (i[1] = (...o) => r.stop && r.stop(...o)),
     onTouchstart: i[2] || (i[2] = (...o) => r.forward && r.forward(...o)),
@@ -23307,7 +23328,7 @@ const Uo = /* @__PURE__ */ Se(f1, [["render", m1]]), g1 = {
       u("div", {
         class: F(["fv-toggle-border", { "toggle-on": e.thisValue }]),
         ref: "border",
-        style: y([
+        style: w([
           {
             width: e.finalWidth,
             height: e.finalHeight,
@@ -23331,7 +23352,7 @@ const Uo = /* @__PURE__ */ Se(f1, [["render", m1]]), g1 = {
         }, null, 8, ["value", "left", "ringBackground", "theme", "onMousedown", "onTouchstart", "onMousemove", "onTouchmove", "onMouseup", "onTouchend"]),
         L(u("p", {
           class: "fv-toggle-inside-content",
-          style: y({
+          style: w({
             left: e.thisValue ? "10px" : "",
             right: e.thisValue ? "" : "10px",
             color: e.thisValue ? "white" : t.offForeground
@@ -23342,7 +23363,7 @@ const Uo = /* @__PURE__ */ Se(f1, [["render", m1]]), g1 = {
       ], 6),
       L(u("p", {
         class: "fv-toggle-content",
-        style: y({ color: e.thisValue ? t.onForeground : t.offForeground })
+        style: w({ color: e.thisValue ? t.onForeground : t.offForeground })
       }, O(e.thisValue ? t.on : t.off), 5), [
         [M, !t.insideContent]
       ])
@@ -23576,7 +23597,7 @@ function V1(t, i, e, s, n, r) {
     u("div", {
       class: F(["fv-tree-view-item-container", [{ selected: e.modelValue.selected, disabled: r.valueTrigger(e.modelValue.disabled) }]]),
       ref: "item",
-      style: y({ height: `${e.itemHeight}px`, "background-color": n.dropMode === "enter" ? e.dropBackgroundColor : r.backgroundColor, "border-top": n.dropMode === "before" ? `${e.itemHeight}px solid transparent` : "" }),
+      style: w({ height: `${e.itemHeight}px`, "background-color": n.dropMode === "enter" ? e.dropBackgroundColor : r.backgroundColor, "border-top": n.dropMode === "before" ? `${e.itemHeight}px solid transparent` : "" }),
       onDragover: i[3] || (i[3] = (...d) => r.dragOver && r.dragOver(...d)),
       onDragleave: i[4] || (i[4] = (...d) => r.dragLeave && r.dragLeave(...d)),
       onDrop: i[5] || (i[5] = (...d) => r.dropItem && r.dropItem(...d)),
@@ -23590,7 +23611,7 @@ function V1(t, i, e, s, n, r) {
     }, [
       L(u("i", {
         class: "fv-tree-view-item-choosen-bar",
-        style: y({ background: e.foreground })
+        style: w({ background: e.foreground })
       }, null, 4), [
         [M, e.modelValue.selected && !e.checkable]
       ]),
@@ -23607,7 +23628,7 @@ function V1(t, i, e, s, n, r) {
       ]),
       u("div", {
         class: "fv-tree-view-item-container-main",
-        style: y({ "padding-left": `${e.deep * e.space}px` })
+        style: w({ "padding-left": `${e.deep * e.space}px` })
       }, [
         e.expandedIconPosition === "left" ? (p(), $("div", y1, [
           !r.valueTrigger(e.modelValue.loading) || !e.showLoading ? L((p(), $("i", {
@@ -23643,7 +23664,7 @@ function V1(t, i, e, s, n, r) {
             }, null, 8, $1)) : oe("", !0),
             u("p", {
               class: "fv-tree-view-item-text",
-              style: y({ "margin-left": e.modelValue.icon ? "10px" : "" })
+              style: w({ "margin-left": e.modelValue.icon ? "10px" : "" })
             }, O(r.valueTrigger(e.modelValue.label)), 5)
           ])
         ]),
@@ -24198,7 +24219,7 @@ const Yi = /* @__PURE__ */ Se(M1, [["render", R1]]), B1 = { style: { "margin-lef
           "is-acrylic": t.isAcrylic
         }
       ]]),
-      style: y({
+      style: w({
         left: e.currentLeft,
         top: e.currentTop,
         width: e.currentWidth == 0 ? "" : `${e.currentWidth}px`,