@creatorsn/vfluent3 0.3.67 → 0.3.69

package/dist/vfluent3.js

@@ -1,7 +1,7 @@
 var Fo = Object.defineProperty;
 var Po = (e, i, t) => i in e ? Fo(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
 var ti = (e, i, t) => (Po(e, typeof i != "symbol" ? i + "" : i, t), t);
-import { effectScope as Bn, ref as J, markRaw as De, hasInjectionContext as Ro, inject as Bo, getCurrentInstance as $i, toRaw as ji, watch as Fe, reactive as Oo, isRef as gi, isReactive as Hs, toRef as is, nextTick as bt, computed as le, unref as pi, getCurrentScope as Ao, onScopeDispose as zo, toRefs as an, defineComponent as On, h as Ai, openBlock as p, createElementBlock as y, normalizeClass as D, normalizeStyle as w, createElementVNode as u, renderSlot as A, createTextVNode as ue, withDirectives as V, vShow as x, toDisplayString as O, Fragment as ee, renderList as te, vModelText as An, resolveComponent as j, createVNode as B, withKeys as Xi, Transition as ce, withCtx as H, createCommentVNode as se, onMounted as qi, createBlock as ne, TransitionGroup as Ki, mergeModels as ln, useModel as Wo, useSlots as No, onBeforeUnmount as Ho, Teleport as Go, withModifiers as ht, render as Ht, vModelDynamic as zn, resolveDynamicComponent as Wn, mergeProps as Zt } from "vue";
+import { effectScope as Bn, ref as J, markRaw as De, hasInjectionContext as Ro, inject as Bo, getCurrentInstance as $i, toRaw as ji, watch as Fe, reactive as Oo, isRef as gi, isReactive as Hs, toRef as is, nextTick as bt, computed as le, unref as pi, getCurrentScope as Ao, onScopeDispose as zo, toRefs as an, defineComponent as On, h as Ai, openBlock as p, createElementBlock as y, normalizeClass as D, normalizeStyle as b, createElementVNode as u, renderSlot as A, createTextVNode as ue, withDirectives as V, vShow as x, toDisplayString as O, Fragment as ee, renderList as te, vModelText as An, resolveComponent as j, createVNode as B, withKeys as Xi, Transition as ce, withCtx as H, createCommentVNode as se, onMounted as qi, createBlock as ne, TransitionGroup as Ki, mergeModels as ln, useModel as Wo, useSlots as No, onBeforeUnmount as Ho, Teleport as Go, withModifiers as ht, render as Ht, vModelDynamic as zn, resolveDynamicComponent as Wn, mergeProps as Zt } from "vue";
 const Z = (e) => (e.install = (i) => {
   i.component(e.name, e);
 }, e), Nn = (e, i) => (e.install = (t) => {
@@ -743,7 +743,7 @@ function Ts(e, i, t = {}, s, n, r) {
   let d, c, h = [], f = [], m;
   const g = s.state.value[e];
   !r && !g && (process.env.NODE_ENV === "production" || !n) && (s.state.value[e] = {});
-  const b = J({});
+  const w = J({});
   let k;
   function L(C) {
     let I;
@@ -803,7 +803,7 @@ function Ts(e, i, t = {}, s, n, r) {
     actions: {},
     getters: {},
     state: [],
-    hotState: b
+    hotState: w
   }), N = {
     _p: s,
     $id: e,
@@ -833,7 +833,7 @@ function Ts(e, i, t = {}, s, n, r) {
   for (const C in P) {
     const I = P[C];
     if (gi(I) && !cn(I) || Hs(I))
-      process.env.NODE_ENV !== "production" && n ? Ti(b.value, C, is(P, C)) : r || (g && ba(I) && (gi(I) ? I.value = g[C] : Vs(I, g[C])), s.state.value[e][C] = I), process.env.NODE_ENV !== "production" && G.state.push(C);
+      process.env.NODE_ENV !== "production" && n ? Ti(w.value, C, is(P, C)) : r || (g && ba(I) && (gi(I) ? I.value = g[C] : Vs(I, g[C])), s.state.value[e][C] = I), process.env.NODE_ENV !== "production" && G.state.push(C);
     else if (typeof I == "function") {
       const z = process.env.NODE_ENV !== "production" && n ? I : S(C, I);
       P[C] = z, process.env.NODE_ENV !== "production" && (G.actions[C] = I), a.actions[C] = I;
@@ -841,7 +841,7 @@ function Ts(e, i, t = {}, s, n, r) {
       process.env.NODE_ENV !== "production" && cn(I) && (G.getters[C] = r ? t.getters[C] : I, Ji && (P._getters || (P._getters = De([]))).push(C));
   }
   if (He(T, P), He(ji(T), P), Object.defineProperty(T, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && n ? b.value : s.state.value[e],
+    get: () => process.env.NODE_ENV !== "production" && n ? w.value : s.state.value[e],
     set: (C) => {
       if (process.env.NODE_ENV !== "production" && n)
         throw new Error("cannot set hotState");
@@ -1478,7 +1478,7 @@ const ya = {
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
       class: D(["fv-Affix", t.$theme]),
-      style: w({
+      style: b({
         position: e.mode === "fixed" ? "absolute" : "",
         width: t.isFixed ? t.computedWidth : "auto",
         height: t.isFixed ? t.computedHeight : "auto"
@@ -1487,7 +1487,7 @@ const ya = {
       u("div", {
         class: "fv-affix-container",
         ref: "container",
-        style: w({
+        style: b({
           position: t.isFixed ? "fixed" : "relative",
           left: t.isFixed ? t.computedLeft : "",
           top: t.isFixed ? t.computedTop : "",
@@ -1728,7 +1728,7 @@ const Ca = { class: "fv-animated-content-block" }, Sa = {
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
       class: D(["fv-AnimatedIcon", [t.$theme]]),
-      style: w([
+      style: b([
         {
           width: `${e.fontSize * 1 + 3}px`,
           background: e.background,
@@ -1747,7 +1747,7 @@ const Ca = { class: "fv-animated-content-block" }, Sa = {
       u("div", {
         draggable: "false",
         class: D(["fv-animated-icon-container", [{ hideContent: e.hideContent }]]),
-        style: w([t.animatedStyle])
+        style: b([t.animatedStyle])
       }, [
         A(t.$slots, "default", {}, () => [
           u("i", {
@@ -1827,7 +1827,7 @@ const Ia = /* @__PURE__ */ u("p", null, "Badge", -1), xa = { class: "badge-conte
       ]),
       V(u("sup", {
         class: D(["fv-badge-container", { dot: e.isDot }]),
-        style: w({ background: t.finalColor })
+        style: b({ background: t.finalColor })
       }, [
         u("p", xa, O(t.finalValue), 1)
       ], 6), [
@@ -1991,7 +1991,7 @@ const La = ["onClick"], Fa = {
           disabled: t.isDisabled
         }
       ]]),
-      style: w({
+      style: b({
         "border-radius": `${e.borderRadius}px`,
         "border-color": t.mode === "editor" ? e.borderColor : "",
         "outline-color": t.mode === "editor" ? e.borderColor : ""
@@ -2004,7 +2004,7 @@ const La = ["onClick"], Fa = {
       }, [
         V(u("div", {
           class: "fv-bc-route-item",
-          style: w({ "font-size": e.fontSize }),
+          style: b({ "font-size": e.fontSize }),
           onClick: s[0] || (s[0] = (...n) => t.routeClick && t.routeClick(...n))
         }, [
           A(t.$slots, "root", {
@@ -2022,7 +2022,7 @@ const La = ["onClick"], Fa = {
         (p(!0), y(ee, null, te(t.routeList, (n, r) => V((p(), y("div", {
           key: r,
           class: "fv-bc-route-item",
-          style: w({ "font-size": e.fontSize }),
+          style: b({ "font-size": e.fontSize }),
           onDblclick: s[1] || (s[1] = (...o) => t.editorMode && t.editorMode(...o))
         }, [
           A(t.$slots, "route-item", {
@@ -2037,7 +2037,7 @@ const La = ["onClick"], Fa = {
             ]),
             V(u("i", {
               class: D(["fv-bc-separator-icon ms-Icon", [t.separatorIcon ? `ms-Icon--${e.separator}` : ""]]),
-              style: w({
+              style: b({
                 "font-family": t.separatorIcon ? "" : "Calibri"
               })
             }, O(t.separatorIcon ? "" : e.separator), 7), [
@@ -2052,7 +2052,7 @@ const La = ["onClick"], Fa = {
           class: "fv-bc-route-text-box",
           type: "text",
           ref: "editor",
-          style: w({ "font-size": e.fontSize }),
+          style: b({ "font-size": e.fontSize }),
           onKeyup: s[3] || (s[3] = (...n) => t.handleEnter && t.handleEnter(...n))
         }, null, 36), [
           [x, t.mode == "editor"],
@@ -2163,7 +2163,7 @@ const Ba = ["disabled"], Oa = {
       }, [
         u("div", {
           class: D(["fv-button-main-container", [{ disabled: t.isDisabled }, { shadow: e.isBoxShadow }]]),
-          style: w({ borderRadius: `${e.borderRadius}px` })
+          style: b({ borderRadius: `${e.borderRadius}px` })
         }, [
           B(n, {
             parent: () => t.$el,
@@ -2180,7 +2180,7 @@ const Ba = ["disabled"], Oa = {
           u("div", {
             disabled: e.disabled,
             class: "fv-button-container",
-            style: w({
+            style: b({
               background: e.background,
               "background-repeat": "no-repeat",
               "background-clip": "content-box",
@@ -2189,7 +2189,7 @@ const Ba = ["disabled"], Oa = {
           }, [
             u("span", {
               class: "fv-btn-content-block",
-              style: w({
+              style: b({
                 color: e.foreground,
                 "font-size": `${e.fontSize}px`,
                 "font-weight": e.fontWeight
@@ -2197,7 +2197,7 @@ const Ba = ["disabled"], Oa = {
             }, [
               u("i", {
                 class: D(["ms-Icon", `ms-Icon--${e.icon}`]),
-                style: w({ "margin-right": e.icon != "" ? "5px" : "" })
+                style: b({ "margin-right": e.icon != "" ? "5px" : "" })
               }, null, 6),
               A(t.$slots, "default", {}, () => [
                 ue("Button")
@@ -2206,7 +2206,7 @@ const Ba = ["disabled"], Oa = {
           ], 12, Ba),
           u("div", {
             class: "fv-button-regular-border",
-            style: w({
+            style: b({
               borderColor: e.borderColor,
               borderWidth: `${e.borderWidth}px`,
               borderRadius: `${e.borderRadius}px`
@@ -2374,7 +2374,7 @@ const Wa = {
       const n = j("fv-text-box"), r = j("fv-calendar-view");
       return p(), y("div", {
         class: D(["fv-CalendarDatePicker", [t.$theme, { disabled: t.isDisabled }]]),
-        style: w({ zIndex: t.show.calendar ? 5 : "" })
+        style: b({ zIndex: t.show.calendar ? 5 : "" })
       }, [
         A(t.$slots, "default", {
           displayContent: t.displayContent,
@@ -2398,7 +2398,7 @@ const Wa = {
             "is-box-shadow": e.dropDownIsBoxShadow,
             title: t.displayContent,
             cursor: e.editable ? "" : "default",
-            style: w([{ width: "100%" }, {
+            style: b([{ width: "100%" }, {
               ...e.dropDownStyles
             }]),
             onKeydown: Xi(t.parseContent, ["enter"]),
@@ -2708,18 +2708,18 @@ var Xe = {
     edges: 0.5,
     end: 1
   }[n] || 0 : !a && l && (c = n[0], h = n[1]), function(f, m, g) {
-    var b = (g || t).length, k = o[b], L, E, $, S, G, N, T, R, P;
+    var w = (g || t).length, k = o[w], L, E, $, S, G, N, T, R, P;
     if (!k) {
       if (P = t.grid === "auto" ? 0 : (t.grid || [1, Ye])[1], !P) {
-        for (T = -Ye; T < (T = g[P++].getBoundingClientRect().left) && P < b; )
+        for (T = -Ye; T < (T = g[P++].getBoundingClientRect().left) && P < w; )
           ;
         P--;
       }
-      for (k = o[b] = [], L = l ? Math.min(P, b) * c - 0.5 : n % P, E = l ? b * h / P - 0.5 : n / P | 0, T = 0, R = Ye, N = 0; N < b; N++)
+      for (k = o[w] = [], L = l ? Math.min(P, w) * c - 0.5 : n % P, E = l ? w * h / P - 0.5 : n / P | 0, T = 0, R = Ye, N = 0; N < w; N++)
         $ = N % P - L, S = E - (N / P | 0), k[N] = G = d ? Math.abs(d === "y" ? S : $) : nr($ * $ + S * S), G > T && (T = G), G < R && (R = G);
-      n === "random" && $r(k), k.max = T - R, k.min = R, k.v = b = (parseFloat(t.amount) || parseFloat(t.each) * (P > b ? b - 1 : d ? d === "y" ? b / P : P : Math.max(P, b / P)) || 0) * (n === "edges" ? -1 : 1), k.b = b < 0 ? r - b : r, k.u = vt(t.amount || t.each) || 0, s = s && b < 0 ? Dr(s) : s;
+      n === "random" && $r(k), k.max = T - R, k.min = R, k.v = w = (parseFloat(t.amount) || parseFloat(t.each) * (P > w ? w - 1 : d ? d === "y" ? w / P : P : Math.max(P, w / P)) || 0) * (n === "edges" ? -1 : 1), k.b = w < 0 ? r - w : r, k.u = vt(t.amount || t.each) || 0, s = s && w < 0 ? Dr(s) : s;
     }
-    return b = (k[f] - k.min) / k.max || 0, de(k.b + (s ? s(b) : b) * k.v) + k.u;
+    return w = (k[f] - k.min) / k.max || 0, de(k.b + (s ? s(w) : w) * k.v) + k.u;
   };
 }, Ps = function(i) {
   var t = i < 1 ? Math.pow(10, (i + "").length - 2) : 1;
@@ -2793,8 +2793,8 @@ var Xe = {
         c.push(e(i[d - 1], i[d]));
       h--, r = function(g) {
         g *= h;
-        var b = Math.min(f, ~~g);
-        return c[b](g - b);
+        var w = Math.min(f, ~~g);
+        return c[w](g - w);
       }, s = t;
     } else
       n || (i = Bt(_e(i) ? [] : {}, i));
@@ -2898,9 +2898,9 @@ var Xe = {
   Rs.lastIndex = 0, Rs.test(t) && (s = gl.test(t), i[0] = yn(i[0], s), i[1] = yn(i[1], s));
 }, Gi, Ue = function() {
   var e = Date.now, i = 500, t = 33, s = e(), n = s, r = 1 / 60, o = r, a = [], l, d, c, h, f = function m(g) {
-    var b = e() - n, k = g === !0, L, E;
-    b > i && (s += b - t), n += b, h.time = (n - s) / 1e3, L = h.time - o, (L > 0 || k) && (h.frame++, o += L + (L >= r ? 4e-3 : r - L), E = 1), k || (l = d(m)), E && a.forEach(function($) {
-      return $(h.time, b, h.frame, g);
+    var w = e() - n, k = g === !0, L, E;
+    w > i && (s += w - t), n += w, h.time = (n - s) / 1e3, L = h.time - o, (L > 0 || k) && (h.frame++, o += L + (L >= r ? 4e-3 : r - L), E = 1), k || (l = d(m)), E && a.forEach(function($) {
+      return $(h.time, w, h.frame, g);
     });
   };
   return h = {
@@ -2917,8 +2917,8 @@ var Xe = {
     sleep: function() {
       (c ? tt.cancelAnimationFrame : clearTimeout)(l), Gi = 0, d = Ci;
     },
-    lagSmoothing: function(g, b) {
-      i = g || 1 / be, t = Math.min(b, i, 0);
+    lagSmoothing: function(g, w) {
+      i = g || 1 / be, t = Math.min(w, i, 0);
     },
     fps: function(g) {
       r = 1 / (g || 60), o = h.time + r;
@@ -2927,8 +2927,8 @@ var Xe = {
       a.indexOf(g) < 0 && a.push(g), Si();
     },
     remove: function(g) {
-      var b;
-      ~(b = a.indexOf(g)) && a.splice(b, 1);
+      var w;
+      ~(w = a.indexOf(g)) && a.splice(w, 1);
     },
     _listeners: a
   }, h;
@@ -3168,11 +3168,11 @@ var Ae = /* @__PURE__ */ function(e) {
   }, t.staggerFromTo = function(n, r, o, a, l, d, c, h) {
     return a.startAt = o, a.immediateRender = Me(a.immediateRender), this.staggerTo(n, r, a, l, d, c, h);
   }, t.render = function(n, r, o) {
-    var a = this._time, l = this._dirty ? this.totalDuration() : this._tDur, d = this._dur, c = n > l - be && n >= 0 && this !== pe ? l : n < be ? 0 : n, h = this._zTime < 0 != n < 0 && (this._initted || !d), f, m, g, b, k, L, E, $, S, G, N, T;
+    var a = this._time, l = this._dirty ? this.totalDuration() : this._tDur, d = this._dur, c = n > l - be && n >= 0 && this !== pe ? l : n < be ? 0 : n, h = this._zTime < 0 != n < 0 && (this._initted || !d), f, m, g, w, k, L, E, $, S, G, N, T;
     if (c !== this._tTime || o || h) {
-      if (h && (d || (a = this._zTime), (n || !r) && (this._zTime = n)), f = c, S = this._start, $ = this._ts, L = $ === 0, a !== this._time && d && (f += this._time - a), this._repeat && (N = this._yoyo, k = d + this._rDelay, f = de(c % k), (f > d || l === c) && (f = d), b = ~~(c / k), b && b === c / k && (f = d, b--), G = Jt(this._tTime, k), N && b & 1 && (f = d - f, T = 1), b !== G && !this._lock)) {
-        var R = N && G & 1, P = R === (N && b & 1);
-        if (b < G && (R = !R), a = R ? 0 : d, this._lock = 1, this.render(a, r, !d)._lock = 0, !r && this.parent && ze(this, "onRepeat"), this.vars.repeatRefresh && !T && this.getChildren().forEach(function(I) {
+      if (h && (d || (a = this._zTime), (n || !r) && (this._zTime = n)), f = c, S = this._start, $ = this._ts, L = $ === 0, a !== this._time && d && (f += this._time - a), this._repeat && (N = this._yoyo, k = d + this._rDelay, f = de(c % k), (f > d || l === c) && (f = d), w = ~~(c / k), w && w === c / k && (f = d, w--), G = Jt(this._tTime, k), N && w & 1 && (f = d - f, T = 1), w !== G && !this._lock)) {
+        var R = N && G & 1, P = R === (N && w & 1);
+        if (w < G && (R = !R), a = R ? 0 : d, this._lock = 1, this.render(a, r, !d)._lock = 0, !r && this.parent && ze(this, "onRepeat"), this.vars.repeatRefresh && !T && this.getChildren().forEach(function(I) {
           return I.invalidate();
         }), a !== this._time || L !== !this._ts)
           return this;
@@ -3331,11 +3331,11 @@ et(Ae.prototype, {
   _forcing: 0
 });
 var yl = function(i, t, s, n, r, o, a) {
-  var l = new Pe(this._pt, i, t, 0, 1, Or, null, r), d = 0, c = 0, h, f, m, g, b, k, L, E;
+  var l = new Pe(this._pt, i, t, 0, 1, Or, null, r), d = 0, c = 0, h, f, m, g, w, k, L, E;
   for (l.b = s, l.e = n, s += "", n += "", (L = ~n.indexOf("random(")) && (n = Zi(n)), o && (E = [s, n], o(E, i, t), s = E[0], n = E[1]), f = s.match(as) || []; h = as.exec(n); )
-    g = h[0], b = n.substring(d, h.index), m ? m = (m + 1) % 5 : b.substr(-5) === "rgba(" && (m = 1), g !== f[c++] && (k = parseFloat(f[c - 1]) || 0, l._pt = {
+    g = h[0], w = n.substring(d, h.index), m ? m = (m + 1) % 5 : w.substr(-5) === "rgba(" && (m = 1), g !== f[c++] && (k = parseFloat(f[c - 1]) || 0, l._pt = {
       _next: l._pt,
-      p: b || c === 1 ? b : ",",
+      p: w || c === 1 ? w : ",",
       s: k,
       c: g.charAt(1) === "=" ? parseFloat(g.substr(2)) * (g.charAt(0) === "-" ? -1 : 1) : parseFloat(g) - k,
       m: m && m < 4 ? Math.round : 0
@@ -3360,7 +3360,7 @@ var yl = function(i, t, s, n, r, o, a) {
       d[a._props[c]] = l;
   return a;
 }, Lt, $l = function e(i, t) {
-  var s = i.vars, n = s.ease, r = s.startAt, o = s.immediateRender, a = s.lazy, l = s.onUpdate, d = s.onUpdateParams, c = s.callbackScope, h = s.runBackwards, f = s.yoyoEase, m = s.keyframes, g = s.autoRevert, b = i._dur, k = i._startAt, L = i._targets, E = i.parent, $ = E && E.data === "nested" ? E.parent._targets : L, S = i._overwrite === "auto", G = i.timeline, N, T, R, P, C, I, z, q, ie, M, v, F;
+  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, w = i._dur, k = i._startAt, L = i._targets, E = i.parent, $ = E && E.data === "nested" ? E.parent._targets : L, S = i._overwrite === "auto", G = i.timeline, N, T, R, P, C, I, z, q, ie, M, v, F;
   if (G && (!m || !n) && (n = "none"), i._ease = jt(n, Kt.ease), i._yEase = f ? Dr(jt(f === !0 ? n : f, Kt.ease)) : 0, f && i._yoyo && !i._repeat && (f = i._yEase, i._yEase = i._ease, i._ease = f), !G) {
     if (k && k.render(-1, !0).kill(), r) {
       if (Ct(i._startAt = ge.set(L, et({
@@ -3378,10 +3378,10 @@ var yl = function(i, t, s, n, r, o, a) {
       }, r))), o) {
         if (t > 0)
           !g && (i._startAt = 0);
-        else if (b)
+        else if (w)
           return;
       }
-    } else if (h && b) {
+    } else if (h && w) {
       if (k)
         !g && (i._startAt = 0);
       else if (t && (o = !1), Ct(i._startAt = ge.set(L, Bt(Hi(s, bi), {
@@ -3396,7 +3396,7 @@ var yl = function(i, t, s, n, r, o, a) {
       else if (!t)
         return;
     }
-    for (N = Hi(s, bi), i._pt = 0, q = L[0] ? _t(L[0]).harness : 0, F = q && s[q.prop], a = b && Me(a) || a && !b, T = 0; T < L.length; T++) {
+    for (N = Hi(s, bi), i._pt = 0, q = L[0] ? _t(L[0]).harness : 0, F = q && s[q.prop], a = w && Me(a) || a && !w, T = 0; T < L.length; T++) {
       if (C = L[T], z = C._gsap || js(L)[T]._gsap, i._ptLookup[T] = M = {}, Ds[z.id] && Ni(), v = $ === L ? T : $.indexOf(C), q && (ie = new q()).init(C, F || N, i, v, $) !== !1 && (i._pt = P = new Pe(i._pt, C, ie.name, 0, 1, ie.render, ie, 0, ie.priority), ie._props.forEach(function(W) {
         M[W] = P;
       }), ie.priority && (I = 1)), !q || F)
@@ -3424,8 +3424,8 @@ var yl = function(i, t, s, n, r, o, a) {
   function i(s, n, r) {
     var o;
     typeof n == "number" && (r.duration = n, n = r, r = null), o = e.call(this, Qa(n), r) || this;
-    var a = o.vars, l = a.duration, d = a.delay, c = a.immediateRender, h = a.stagger, f = a.overwrite, m = a.keyframes, g = a.defaults, b = _e(s) && nt(s[0]) ? [s] : rt(s), k, L, E, $, S, G, N, T;
-    if (o._targets = b.length ? js(b) : fr("GSAP target " + s + " not found. https://greensock.com", !Xe.nullTargetWarn) || [], o._ptLookup = [], o._overwrite = f, m || h || gn(l) || gn(d)) {
+    var a = o.vars, l = a.duration, d = a.delay, c = a.immediateRender, h = a.stagger, f = a.overwrite, m = a.keyframes, g = a.defaults, w = _e(s) && nt(s[0]) ? [s] : rt(s), k, L, E, $, S, G, N, T;
+    if (o._targets = w.length ? js(w) : fr("GSAP target " + s + " not found. https://greensock.com", !Xe.nullTargetWarn) || [], o._ptLookup = [], o._overwrite = f, m || h || gn(l) || gn(d)) {
       if (n = o.vars, k = o.timeline = new Ae({
         data: "nested",
         defaults: g || {}
@@ -3433,41 +3433,41 @@ var yl = function(i, t, s, n, r, o, a) {
         et(k.vars.defaults, {
           ease: "none"
         }), m.forEach(function(R) {
-          return k.to(b, R, ">");
+          return k.to(w, R, ">");
         });
       else {
-        if ($ = b.length, N = h ? Cr(h) : Ci, pt(h))
+        if ($ = w.length, N = h ? Cr(h) : Ci, pt(h))
           for (S in h)
             ~Pr.indexOf(S) && (T || (T = {}), T[S] = h[S]);
         for (L = 0; L < $; L++) {
           E = {};
           for (S in n)
             Sl.indexOf(S) < 0 && (E[S] = n[S]);
-          E.stagger = 0, T && Bt(E, T), n.yoyoEase && !n.repeat && (E.yoyoEase = n.yoyoEase), G = b[L], E.duration = +fi(l, ii(o), L, G, b), E.delay = (+fi(d, ii(o), L, G, b) || 0) - o._delay, !h && $ === 1 && E.delay && (o._delay = d = E.delay, o._start += d, E.delay = 0), k.to(G, E, N(L, G, b));
+          E.stagger = 0, T && Bt(E, T), n.yoyoEase && !n.repeat && (E.yoyoEase = n.yoyoEase), G = w[L], E.duration = +fi(l, ii(o), L, G, w), E.delay = (+fi(d, ii(o), L, G, w) || 0) - o._delay, !h && $ === 1 && E.delay && (o._delay = d = E.delay, o._start += d, E.delay = 0), k.to(G, E, N(L, G, w));
         }
         l = d = 0;
       }
       l || o.duration(l = k.duration());
     } else
       o.timeline = 0;
-    return f === !0 && (Lt = ii(o), pe.killTweensOf(b), Lt = 0), (c || !l && !m && o._start === o.parent._time && Me(c) && il(ii(o)) && o.parent.data !== "nested") && (o._tTime = -be, o.render(Math.max(0, -d))), o;
+    return f === !0 && (Lt = ii(o), pe.killTweensOf(w), Lt = 0), (c || !l && !m && o._start === o.parent._time && Me(c) && il(ii(o)) && o.parent.data !== "nested") && (o._tTime = -be, o.render(Math.max(0, -d))), o;
   }
   var t = i.prototype;
   return t.render = function(n, r, o) {
-    var a = this._time, l = this._tDur, d = this._dur, c = n > l - be && n >= 0 ? l : n < be ? 0 : n, h, f, m, g, b, k, L, E, $;
+    var a = this._time, l = this._tDur, d = this._dur, c = n > l - be && n >= 0 ? l : n < be ? 0 : n, h, f, m, g, w, k, L, E, $;
     if (!d)
       sl(this, n, r, o);
     else if (c !== this._tTime || !n || o || this._startAt && this._zTime < 0 != n < 0) {
       if (h = c, E = this.timeline, this._repeat) {
-        if (g = d + this._rDelay, h = de(c % g), h > d && (h = d), m = ~~(c / g), m && m === c / g && (h = d, m--), k = this._yoyo && m & 1, k && ($ = this._yEase, h = d - h), b = Jt(this._tTime, g), h === a && !o && this._initted)
+        if (g = d + this._rDelay, h = de(c % g), h > d && (h = d), m = ~~(c / g), m && m === c / g && (h = d, m--), k = this._yoyo && m & 1, k && ($ = this._yEase, h = d - h), w = Jt(this._tTime, g), h === a && !o && this._initted)
           return this;
-        m !== b && this.vars.repeatRefresh && !k && !this._lock && (this._lock = o = 1, this.render(g * m, !0).invalidate()._lock = 0);
+        m !== w && this.vars.repeatRefresh && !k && !this._lock && (this._lock = o = 1, this.render(g * m, !0).invalidate()._lock = 0);
       }
       if (!this._initted && yr(this, h, o, r))
         return this._tTime = 0, this;
       for (this._tTime = c, this._time = h, !this._act && this._ts && (this._act = 1, this._lazy = 0), this.ratio = L = ($ || this._ease)(h / d), this._from && (this.ratio = L = 1 - L), !a && h && !r && ze(this, "onStart"), f = this._pt; f; )
         f.r(L, f.d), f = f._next;
-      E && E.render(n < 0 ? n : !h && k ? -be : E._dur * L, r, o) || this._startAt && (this._zTime = n), this._onUpdate && !r && (n < 0 && this._startAt && this._startAt.render(n, !0, o), ze(this, "onUpdate")), this._repeat && m !== b && this.vars.onRepeat && !r && this.parent && ze(this, "onRepeat"), (c === this._tDur || !c) && this._tTime === c && (n < 0 && this._startAt && !this._onUpdate && this._startAt.render(n, !0, o), (n || !d) && (n && this._ts > 0 || !c && this._ts < 0) && Ct(this, 1), !r && !(n < 0 && !a) && (ze(this, c === l ? "onComplete" : "onReverseComplete", !0), this._prom && this._prom()));
+      E && E.render(n < 0 ? n : !h && k ? -be : E._dur * L, r, o) || this._startAt && (this._zTime = n), this._onUpdate && !r && (n < 0 && this._startAt && this._startAt.render(n, !0, o), ze(this, "onUpdate")), this._repeat && m !== w && this.vars.onRepeat && !r && this.parent && ze(this, "onRepeat"), (c === this._tDur || !c) && this._tTime === c && (n < 0 && this._startAt && !this._onUpdate && this._startAt.render(n, !0, o), (n || !d) && (n && this._ts > 0 || !c && this._ts < 0) && Ct(this, 1), !r && !(n < 0 && !a) && (ze(this, c === l ? "onComplete" : "onReverseComplete", !0), this._prom && this._prom()));
     }
     return this;
   }, t.targets = function() {
@@ -3479,7 +3479,7 @@ var yl = function(i, t, s, n, r, o, a) {
       return Bi(this);
     if (this.timeline)
       return this.timeline.killTweensOf(n, r, Lt && Lt.vars.overwrite !== !0), this;
-    var o = this._targets, a = n ? rt(n) : o, l = this._ptLookup, d = this._pt, c, h, f, m, g, b, k;
+    var o = this._targets, a = n ? rt(n) : o, l = this._ptLookup, d = this._pt, c, h, f, m, g, w, k;
     if ((!r || r === "all") && Za(o, a))
       return Bi(this);
     for (c = this._op = this._op || [], r !== "all" && (Le(r) && (g = {}, je(r, function(L) {
@@ -3488,7 +3488,7 @@ var yl = function(i, t, s, n, r, o, a) {
       if (~a.indexOf(o[k])) {
         h = l[k], r === "all" ? (c[k] = r, m = h, f = {}) : (f = c[k] = c[k] || {}, m = r);
         for (g in m)
-          b = h && h[g], b && ((!("kill" in b.d) || b.d.kill(g) === !0) && Xs(this, b, "_pt"), delete h[g]), f !== "all" && (f[g] = 1);
+          w = h && h[g], w && ((!("kill" in w.d) || w.d.kill(g) === !0) && Xs(this, w, "_pt"), delete h[g]), f !== "all" && (f[g] = 1);
       }
     return this._initted && !this._pt && d && Bi(this), this;
   }, i.to = function(n, r) {
@@ -3871,20 +3871,20 @@ var kn, ot, Xt, Zs, Ft, oi, $n, Fl = function() {
   rad: 1,
   turn: 1
 }, Ot = function(i, t, s, n) {
-  var r = parseFloat(s) || 0, o = (s + "").trim().substr((r + "").length) || "px", a = Ft.style, l = Pl.test(t), d = i.tagName.toLowerCase() === "svg", c = (d ? "client" : "offset") + (l ? "Width" : "Height"), h = 100, f = n === "px", m, g, b, k;
-  return n === o || !r || Tn[n] || Tn[o] ? r : (k = i.getCTM && Yr(i), n === "%" && (St[t] || ~t.indexOf("adius")) ? de(r / (k ? i.getBBox()[l ? "width" : "height"] : i[c]) * h) : (a[l ? "width" : "height"] = h + (f ? o : n), g = ~t.indexOf("adius") || n === "em" && i.appendChild && !d ? i : i.parentNode, k && (g = (i.ownerSVGElement || {}).parentNode), (!g || g === ot || !g.appendChild) && (g = ot.body), b = g._gsap, b && n === "%" && b.width && l && b.time === Ue.time ? de(r / b.width * h) : (g === i && (a.position = "static"), g.appendChild(Ft), m = Ft[c], g.removeChild(Ft), a.position = "absolute", l && n === "%" && (b = _t(g), b.time = Ue.time, b.width = g[c]), de(f ? m * r / h : h / m * r))));
+  var r = parseFloat(s) || 0, o = (s + "").trim().substr((r + "").length) || "px", a = Ft.style, l = Pl.test(t), d = i.tagName.toLowerCase() === "svg", c = (d ? "client" : "offset") + (l ? "Width" : "Height"), h = 100, f = n === "px", m, g, w, k;
+  return n === o || !r || Tn[n] || Tn[o] ? r : (k = i.getCTM && Yr(i), n === "%" && (St[t] || ~t.indexOf("adius")) ? de(r / (k ? i.getBBox()[l ? "width" : "height"] : i[c]) * h) : (a[l ? "width" : "height"] = h + (f ? o : n), g = ~t.indexOf("adius") || n === "em" && i.appendChild && !d ? i : i.parentNode, k && (g = (i.ownerSVGElement || {}).parentNode), (!g || g === ot || !g.appendChild) && (g = ot.body), w = g._gsap, w && n === "%" && w.width && l && w.time === Ue.time ? de(r / w.width * h) : (g === i && (a.position = "static"), g.appendChild(Ft), m = Ft[c], g.removeChild(Ft), a.position = "absolute", l && n === "%" && (w = _t(g), w.time = Ue.time, w.width = g[c]), de(f ? m * r / h : h / m * r))));
 }, ai = function(i, t, s, n) {
   var r;
   return Zs || Os(), t in yt && t !== "transform" && (t = yt[t], ~t.indexOf(",") && (t = t.split(",")[0])), St[t] && t !== "transform" ? (r = es(i, n), r = t !== "transformOrigin" ? r[t] : _i(Qt(i, Vt)) + r.zOrigin + "px") : (r = i.style[t], (!r || r === "auto" || n || ~(r + "").indexOf("calc(")) && (r = Yi[t] && Yi[t](i, t, s) || Qt(i, t) || vr(i, t) || (t === "opacity" ? 1 : 0))), s && !~(r + "").indexOf(" ") ? Ot(i, t, r, s) + s : r;
 }, _l = function(i, t, s, n) {
-  var r = new Pe(this._pt, i.style, t, 0, 1, Or), o = 0, a = 0, l, d, c, h, f, m, g, b, k, L, E, $, S;
+  var r = new Pe(this._pt, i.style, t, 0, 1, Or), o = 0, a = 0, l, d, c, h, f, m, g, w, k, L, E, $, S;
   if (r.b = s, r.e = n, s += "", n += "", n === "auto" && (i.style[t] = n, n = Qt(i, t) || n, i.style[t] = s), l = [s, n], Er(l), s = l[0], n = l[1], m = s.indexOf("rgba("), g = n.indexOf("rgba("), !!m != !!g && (m ? s = s.substr(m) + " " + s.substr(0, m - 1) : n = n.substr(g) + " " + n.substr(0, g - 1)), c = s.match(Ei) || [], S = n.match(Ei) || [], S.length) {
     for (; d = Ei.exec(n); )
-      g = d[0], k = n.substring(o, d.index), f ? f = (f + 1) % 5 : (k.substr(-5) === "rgba(" || k.substr(-5) === "hsla(") && (f = 1), g !== (m = c[a++] || "") && (h = parseFloat(m) || 0, E = m.substr((h + "").length), $ = g.charAt(1) === "=" ? +(g.charAt(0) + "1") : 0, $ && (g = g.substr(2)), b = parseFloat(g), L = g.substr((b + "").length), o = Ei.lastIndex - L.length, L || (L = L || Xe.units[t] || E, o === n.length && (n += L, r.e += L)), E !== L && (h = Ot(i, t, m, L) || 0), r._pt = {
+      g = d[0], k = n.substring(o, d.index), f ? f = (f + 1) % 5 : (k.substr(-5) === "rgba(" || k.substr(-5) === "hsla(") && (f = 1), g !== (m = c[a++] || "") && (h = parseFloat(m) || 0, E = m.substr((h + "").length), $ = g.charAt(1) === "=" ? +(g.charAt(0) + "1") : 0, $ && (g = g.substr(2)), w = parseFloat(g), L = g.substr((w + "").length), o = Ei.lastIndex - L.length, L || (L = L || Xe.units[t] || E, o === n.length && (n += L, r.e += L)), E !== L && (h = Ot(i, t, m, L) || 0), r._pt = {
         _next: r._pt,
         p: k || a === 1 ? k : ",",
         s: h,
-        c: $ ? $ * b : b - h,
+        c: $ ? $ * w : w - h,
         m: f && f < 4 ? Math.round : 0
       });
     r.c = o < n.length ? n.substring(o, n.length) : "";
@@ -3926,14 +3926,14 @@ var kn, ot, Xt, Zs, Ft, oi, $n, Fl = function() {
   var s = i._gsap, n = i.style, r = xn(i), o, a, l, d;
   return s.svg && i.getAttribute("transform") ? (l = i.transform.baseVal.consolidate().matrix, r = [l.a, l.b, l.c, l.d, l.e, l.f], r.join(",") === "1,0,0,1,0,0" ? yi : r) : (r === yi && !i.offsetParent && i !== Xt && !s.svg && (l = n.display, n.display = "block", o = i.parentNode, (!o || !i.offsetParent) && (d = 1, a = i.nextSibling, Xt.appendChild(i)), r = xn(i), l ? n.display = l : As(i, "display"), d && (a ? o.insertBefore(i, a) : o ? o.appendChild(i) : Xt.removeChild(i))), t && r.length > 6 ? [r[0], r[1], r[4], r[5], r[12], r[13]] : r);
 }, zs = function(i, t, s, n, r, o) {
-  var a = i._gsap, l = r || Xr(i, !0), d = a.xOrigin || 0, c = a.yOrigin || 0, h = a.xOffset || 0, f = a.yOffset || 0, m = l[0], g = l[1], b = l[2], k = l[3], L = l[4], E = l[5], $ = t.split(" "), S = parseFloat($[0]) || 0, G = parseFloat($[1]) || 0, N, T, R, P;
-  s ? l !== yi && (T = m * k - g * b) && (R = S * (k / T) + G * (-b / T) + (b * E - k * L) / T, P = S * (-g / T) + G * (m / T) - (m * E - g * L) / T, S = R, G = P) : (N = Ur(i), S = N.x + (~$[0].indexOf("%") ? S / 100 * N.width : S), G = N.y + (~($[1] || $[0]).indexOf("%") ? G / 100 * N.height : G)), n || n !== !1 && a.smooth ? (L = S - d, E = G - c, a.xOffset = h + (L * m + E * b) - L, a.yOffset = f + (L * g + E * k) - E) : a.xOffset = a.yOffset = 0, a.xOrigin = S, a.yOrigin = G, a.smooth = !!n, a.origin = t, a.originIsAbsolute = !!s, i.style[Vt] = "0px 0px", o && (kt(o, a, "xOrigin", d, S), kt(o, a, "yOrigin", c, G), kt(o, a, "xOffset", h, a.xOffset), kt(o, a, "yOffset", f, a.yOffset));
+  var a = i._gsap, l = r || Xr(i, !0), d = a.xOrigin || 0, c = a.yOrigin || 0, h = a.xOffset || 0, f = a.yOffset || 0, m = l[0], g = l[1], w = l[2], k = l[3], L = l[4], E = l[5], $ = t.split(" "), S = parseFloat($[0]) || 0, G = parseFloat($[1]) || 0, N, T, R, P;
+  s ? l !== yi && (T = m * k - g * w) && (R = S * (k / T) + G * (-w / T) + (w * E - k * L) / T, P = S * (-g / T) + G * (m / T) - (m * E - g * L) / T, S = R, G = P) : (N = Ur(i), S = N.x + (~$[0].indexOf("%") ? S / 100 * N.width : S), G = N.y + (~($[1] || $[0]).indexOf("%") ? G / 100 * N.height : G)), n || n !== !1 && a.smooth ? (L = S - d, E = G - c, a.xOffset = h + (L * m + E * w) - L, a.yOffset = f + (L * g + E * k) - E) : a.xOffset = a.yOffset = 0, a.xOrigin = S, a.yOrigin = G, a.smooth = !!n, a.origin = t, a.originIsAbsolute = !!s, i.style[Vt] = "0px 0px", o && (kt(o, a, "xOrigin", d, S), kt(o, a, "yOrigin", c, G), kt(o, a, "xOffset", h, a.xOffset), kt(o, a, "yOffset", f, a.yOffset));
 }, es = function(i, t) {
   var s = i._gsap || new Lr(i);
   if ("x" in s && !t && !s.uncache)
     return s;
-  var n = i.style, r = s.scaleX < 0, o = s.xOrigin || 0, a = s.yOrigin || 0, l = "px", d = "deg", c = Qt(i, Vt) || "0", h, f, m, g, b, k, L, E, $, S, G, N, T, R, P, C, I, z, q, ie, M, v, F, W, U, Y, _, oe, Se, dt;
-  return h = f = m = k = L = E = $ = S = G = 0, g = b = 1, s.svg = !!(i.getCTM && Yr(i)), N = Xr(i, s.svg), s.svg && zs(i, c, s.originIsAbsolute, s.smooth !== !1, N), N !== yi && (C = N[0], I = N[1], z = N[2], q = N[3], h = ie = N[4], f = M = N[5], N.length === 6 ? (g = Math.sqrt(C * C + I * I), b = Math.sqrt(q * q + z * z), k = C || I ? Nt(I, C) * Mt : 0, $ = z || q ? Nt(z, q) * Mt + k : 0, s.svg && (h -= o - (o * C + a * z), f -= a - (o * I + a * q))) : (dt = N[6], oe = N[7], U = N[8], Y = N[9], _ = N[10], Se = N[11], h = N[12], f = N[13], m = N[14], T = Nt(dt, _), L = T * Mt, T && (R = Math.cos(-T), P = Math.sin(-T), v = ie * R + U * P, F = M * R + Y * P, W = dt * R + _ * P, U = ie * -P + U * R, Y = M * -P + Y * R, _ = dt * -P + _ * R, Se = oe * -P + Se * R, ie = v, M = F, dt = W), T = Nt(-z, _), E = T * Mt, T && (R = Math.cos(-T), P = Math.sin(-T), v = C * R - U * P, F = I * R - Y * P, W = z * R - _ * P, Se = q * P + Se * R, C = v, I = F, z = W), T = Nt(I, C), k = T * Mt, T && (R = Math.cos(T), P = Math.sin(T), v = C * R + I * P, F = ie * R + M * P, I = I * R - C * P, M = M * R - ie * P, C = v, ie = F), L && Math.abs(L) + Math.abs(k) > 359.9 && (L = k = 0, E = 180 - E), g = de(Math.sqrt(C * C + I * I + z * z)), b = de(Math.sqrt(M * M + dt * dt)), T = Nt(ie, M), $ = Math.abs(T) > 2e-4 ? T * Mt : 0, G = Se ? 1 / (Se < 0 ? -Se : Se) : 0), s.svg && (N = i.getAttribute("transform"), s.forceCSS = i.setAttribute("transform", "") || !jr(Qt(i, qe)), N && i.setAttribute("transform", N))), Math.abs($) > 90 && Math.abs($) < 270 && (r ? (g *= -1, $ += k <= 0 ? 180 : -180, k += k <= 0 ? 180 : -180) : (b *= -1, $ += $ <= 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 = de(g), s.scaleY = de(b), s.rotation = de(k) + d, s.rotationX = de(L) + d, s.rotationY = de(E) + d, s.skewX = $ + d, s.skewY = S + d, s.transformPerspective = G + l, (s.zOrigin = parseFloat(c.split(" ")[2]) || 0) && (n[Vt] = _i(c)), s.xOffset = s.yOffset = 0, s.force3D = Xe.force3D, s.renderTransform = s.svg ? Kl : Gr ? qr : ql, 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 = Qt(i, Vt) || "0", h, f, m, g, w, k, L, E, $, S, G, N, T, R, P, C, I, z, q, ie, M, v, F, W, U, Y, _, oe, Se, dt;
+  return h = f = m = k = L = E = $ = S = G = 0, g = w = 1, s.svg = !!(i.getCTM && Yr(i)), N = Xr(i, s.svg), s.svg && zs(i, c, s.originIsAbsolute, s.smooth !== !1, N), N !== yi && (C = N[0], I = N[1], z = N[2], q = N[3], h = ie = N[4], f = M = N[5], N.length === 6 ? (g = Math.sqrt(C * C + I * I), w = Math.sqrt(q * q + z * z), k = C || I ? Nt(I, C) * Mt : 0, $ = z || q ? Nt(z, q) * Mt + k : 0, s.svg && (h -= o - (o * C + a * z), f -= a - (o * I + a * q))) : (dt = N[6], oe = N[7], U = N[8], Y = N[9], _ = N[10], Se = N[11], h = N[12], f = N[13], m = N[14], T = Nt(dt, _), L = T * Mt, T && (R = Math.cos(-T), P = Math.sin(-T), v = ie * R + U * P, F = M * R + Y * P, W = dt * R + _ * P, U = ie * -P + U * R, Y = M * -P + Y * R, _ = dt * -P + _ * R, Se = oe * -P + Se * R, ie = v, M = F, dt = W), T = Nt(-z, _), E = T * Mt, T && (R = Math.cos(-T), P = Math.sin(-T), v = C * R - U * P, F = I * R - Y * P, W = z * R - _ * P, Se = q * P + Se * R, C = v, I = F, z = W), T = Nt(I, C), k = T * Mt, T && (R = Math.cos(T), P = Math.sin(T), v = C * R + I * P, F = ie * R + M * P, I = I * R - C * P, M = M * R - ie * P, C = v, ie = F), L && Math.abs(L) + Math.abs(k) > 359.9 && (L = k = 0, E = 180 - E), g = de(Math.sqrt(C * C + I * I + z * z)), w = de(Math.sqrt(M * M + dt * dt)), T = Nt(ie, M), $ = Math.abs(T) > 2e-4 ? T * Mt : 0, G = Se ? 1 / (Se < 0 ? -Se : Se) : 0), s.svg && (N = i.getAttribute("transform"), s.forceCSS = i.setAttribute("transform", "") || !jr(Qt(i, qe)), N && i.setAttribute("transform", N))), Math.abs($) > 90 && Math.abs($) < 270 && (r ? (g *= -1, $ += k <= 0 ? 180 : -180, k += k <= 0 ? 180 : -180) : (w *= -1, $ += $ <= 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 = de(g), s.scaleY = de(w), s.rotation = de(k) + d, s.rotationX = de(L) + d, s.rotationY = de(E) + d, s.skewX = $ + d, s.skewY = S + d, s.transformPerspective = G + l, (s.zOrigin = parseFloat(c.split(" ")[2]) || 0) && (n[Vt] = _i(c)), s.xOffset = s.yOffset = 0, s.force3D = Xe.force3D, s.renderTransform = s.svg ? Kl : Gr ? qr : ql, s.uncache = 0, s;
 }, _i = function(i) {
   return (i = i.split(" "))[0] + " " + i[1];
 }, ms = function(i, t, s) {
@@ -3942,15 +3942,15 @@ var kn, ot, Xt, Zs, Ft, oi, $n, Fl = function() {
 }, ql = function(i, t) {
   t.z = "0px", t.rotationY = t.rotationX = "0deg", t.force3D = 0, qr(i, t);
 }, xt = "0deg", si = "0px", Et = ") ", qr = function(i, t) {
-  var s = t || this, n = s.xPercent, r = s.yPercent, o = s.x, a = s.y, l = s.z, d = s.rotation, c = s.rotationY, h = s.rotationX, f = s.skewX, m = s.skewY, g = s.scaleX, b = s.scaleY, k = s.transformPerspective, L = s.force3D, E = s.target, $ = s.zOrigin, S = "", G = L === "auto" && i && i !== 1 || L === !0;
+  var s = t || this, n = s.xPercent, r = s.yPercent, o = s.x, a = s.y, l = s.z, d = s.rotation, c = s.rotationY, h = s.rotationX, f = s.skewX, m = s.skewY, g = s.scaleX, w = s.scaleY, k = s.transformPerspective, L = s.force3D, E = s.target, $ = s.zOrigin, S = "", G = L === "auto" && i && i !== 1 || L === !0;
   if ($ && (h !== xt || c !== xt)) {
     var N = parseFloat(c) * mi, T = Math.sin(N), R = Math.cos(N), P;
     N = parseFloat(h) * mi, P = Math.cos(N), o = ms(E, o, T * P * -$), a = ms(E, a, -Math.sin(N) * -$), l = ms(E, l, R * P * -$ + $);
   }
-  k !== si && (S += "perspective(" + k + Et), (n || r) && (S += "translate(" + n + "%, " + r + "%) "), (G || o !== si || a !== si || l !== si) && (S += l !== si || G ? "translate3d(" + o + ", " + a + ", " + l + ") " : "translate(" + o + ", " + a + Et), d !== xt && (S += "rotate(" + d + Et), c !== xt && (S += "rotateY(" + c + Et), h !== xt && (S += "rotateX(" + h + Et), (f !== xt || m !== xt) && (S += "skew(" + f + ", " + m + Et), (g !== 1 || b !== 1) && (S += "scale(" + g + ", " + b + Et), E.style[qe] = S || "translate(0, 0)";
+  k !== si && (S += "perspective(" + k + Et), (n || r) && (S += "translate(" + n + "%, " + r + "%) "), (G || o !== si || a !== si || l !== si) && (S += l !== si || G ? "translate3d(" + o + ", " + a + ", " + l + ") " : "translate(" + o + ", " + a + Et), d !== xt && (S += "rotate(" + d + Et), c !== xt && (S += "rotateY(" + c + Et), h !== xt && (S += "rotateX(" + h + Et), (f !== xt || m !== xt) && (S += "skew(" + f + ", " + m + Et), (g !== 1 || w !== 1) && (S += "scale(" + g + ", " + w + Et), E.style[qe] = S || "translate(0, 0)";
 }, Kl = function(i, t) {
-  var s = t || this, n = s.xPercent, r = s.yPercent, o = s.x, a = s.y, l = s.rotation, d = s.skewX, c = s.skewY, h = s.scaleX, f = s.scaleY, m = s.target, g = s.xOrigin, b = s.yOrigin, k = s.xOffset, L = s.yOffset, E = s.forceCSS, $ = parseFloat(o), S = parseFloat(a), G, N, T, R, P;
-  l = parseFloat(l), d = parseFloat(d), c = parseFloat(c), c && (c = parseFloat(c), d += c, l += c), l || d ? (l *= mi, d *= mi, G = Math.cos(l) * h, N = Math.sin(l) * h, T = Math.sin(l - d) * -f, R = Math.cos(l - d) * f, d && (c *= mi, P = Math.tan(d - c), P = Math.sqrt(1 + P * P), T *= P, R *= P, c && (P = Math.tan(c), P = Math.sqrt(1 + P * P), G *= P, N *= P)), G = de(G), N = de(N), T = de(T), R = de(R)) : (G = h, R = f, N = T = 0), ($ && !~(o + "").indexOf("px") || S && !~(a + "").indexOf("px")) && ($ = Ot(m, "x", o, "px"), S = Ot(m, "y", a, "px")), (g || b || k || L) && ($ = de($ + g - (g * G + b * T) + k), S = de(S + b - (g * N + b * R) + L)), (n || r) && (P = m.getBBox(), $ = de($ + n / 100 * P.width), S = de(S + r / 100 * P.height)), P = "matrix(" + G + "," + N + "," + T + "," + R + "," + $ + "," + S + ")", m.setAttribute("transform", P), E && (m.style[qe] = P);
+  var s = t || this, n = s.xPercent, r = s.yPercent, o = s.x, a = s.y, l = s.rotation, d = s.skewX, c = s.skewY, h = s.scaleX, f = s.scaleY, m = s.target, g = s.xOrigin, w = s.yOrigin, k = s.xOffset, L = s.yOffset, E = s.forceCSS, $ = parseFloat(o), S = parseFloat(a), G, N, T, R, P;
+  l = parseFloat(l), d = parseFloat(d), c = parseFloat(c), c && (c = parseFloat(c), d += c, l += c), l || d ? (l *= mi, d *= mi, G = Math.cos(l) * h, N = Math.sin(l) * h, T = Math.sin(l - d) * -f, R = Math.cos(l - d) * f, d && (c *= mi, P = Math.tan(d - c), P = Math.sqrt(1 + P * P), T *= P, R *= P, c && (P = Math.tan(c), P = Math.sqrt(1 + P * P), G *= P, N *= P)), G = de(G), N = de(N), T = de(T), R = de(R)) : (G = h, R = f, N = T = 0), ($ && !~(o + "").indexOf("px") || S && !~(a + "").indexOf("px")) && ($ = Ot(m, "x", o, "px"), S = Ot(m, "y", a, "px")), (g || w || k || L) && ($ = de($ + g - (g * G + w * T) + k), S = de(S + w - (g * N + w * R) + L)), (n || r) && (P = m.getBBox(), $ = de($ + n / 100 * P.width), S = de(S + r / 100 * P.height)), P = "matrix(" + G + "," + N + "," + T + "," + R + "," + $ + "," + S + ")", m.setAttribute("transform", P), E && (m.style[qe] = P);
 }, Jl = function(i, t, s, n, r, o) {
   var a = 360, l = Le(r), d = parseFloat(r) * (l && ~r.indexOf("rad") ? Mt : 1), c = o ? d * o : d - n, h = n + c + "deg", f, m;
   return l && (f = r.split("_")[1], f === "short" && (c %= a, c !== c % (a / 2) && (c += c < 0 ? a : -a)), f === "cw" && c < 0 ? c = (c + a * Cn) % a - ~~(c / a) * a : f === "ccw" && c > 0 && (c = (c - a * Cn) % a - ~~(c / a) * a)), i._pt = m = new Pe(i._pt, t, s, n, c, Bl), m.e = h, m.u = "deg", i._props.push(s), m;
@@ -3971,8 +3971,8 @@ je("padding,margin,Width,Radius", function(e, i) {
       return f = o.map(function(g) {
         return ai(a, g, d);
       }), m = f.join(" "), m.split(f[0]).length === 5 ? f[0] : m;
-    f = (c + "").split(" "), m = {}, o.forEach(function(g, b) {
-      return m[g] = f[b] = f[b] || f[(b - 1) / 2 | 0];
+    f = (c + "").split(" "), m = {}, o.forEach(function(g, w) {
+      return m[g] = f[w] = f[w] || f[(w - 1) / 2 | 0];
     }), a.init(l, m, h);
   };
 });
@@ -3983,7 +3983,7 @@ var Kr = {
     return i.style && i.nodeType;
   },
   init: function(i, t, s, n, r) {
-    var o = this._props, a = i.style, l, d, c, h, f, m, g, b, k, L, E, $, S, G, N;
+    var o = this._props, a = i.style, l, d, c, h, f, m, g, w, k, L, E, $, S, G, N;
     Zs || Os();
     for (g in t)
       if (g !== "autoRound" && (d = t[g], !(Be[g] && Fr(g, t, s, n, i, r))))
@@ -4017,7 +4017,7 @@ var Kr = {
           } else
             g in a || (g = qt(g) || g);
           if (E || (c || c === 0) && (h || h === 0) && !Rl.test(d) && g in a)
-            b = (l + "").substr((h + "").length), k = (d + "").substr((c + "").length) || (g in Xe.units ? Xe.units[g] : b), b !== k && (h = Ot(i, g, l, k)), this._pt = new Pe(this._pt, E ? S : a, g, h, L ? L * c : c - h, k === "px" && t.autoRound !== !1 && !E ? Al : Wr), this._pt.u = k || 0, b !== k && (this._pt.b = l, this._pt.r = Ol);
+            w = (l + "").substr((h + "").length), k = (d + "").substr((c + "").length) || (g in Xe.units ? Xe.units[g] : w), w !== k && (h = Ot(i, g, l, k)), this._pt = new Pe(this._pt, E ? S : a, g, h, L ? L * c : c - h, k === "px" && t.autoRound !== !1 && !E ? Al : Wr), this._pt.u = k || 0, w !== k && (this._pt.b = l, this._pt.r = Ol);
           else if (g in a)
             _l.call(this, i, g, l, d);
           else if (g in i)
@@ -4119,13 +4119,13 @@ const Ke = 16, Ve = 16 * 2, Zl = {
         return;
       const v = c.value["current: 0"].$el || c.value["current: 0"];
       h.value.scrollTop = v.offsetTop - parseInt(getComputedStyle(v).margin) - M;
-    }, g = J(o()), b = J(a()), k = J(
+    }, g = J(o()), w = J(a()), k = J(
       new Date(g.value).setFullYear(
         g.value.getFullYear() - Ve
       )
     ), L = J(
-      new Date(b.value).setFullYear(
-        b.value.getFullYear() + 1
+      new Date(w.value).setFullYear(
+        w.value.getFullYear() + 1
       )
     ), E = J(
       l(g.value, Ke, Ve)
@@ -4137,10 +4137,10 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       )
     );
     Fe(r, () => {
-      g.value = o(), b.value = a(), k.value = new Date(g.value).setFullYear(
+      g.value = o(), w.value = a(), k.value = new Date(g.value).setFullYear(
         g.value.getFullYear() - Ve
-      ), L.value = new Date(b.value).setFullYear(
-        b.value.getFullYear() + 1
+      ), L.value = new Date(w.value).setFullYear(
+        w.value.getFullYear() + 1
       ), E.value = l(
         g.value,
         Ke,
@@ -4397,13 +4397,13 @@ const Ke = 16, Ve = 16 * 2, Zl = {
         return;
       const v = c.value["current: 0"].$el || c.value["current: 0"];
       h.value.scrollTop = v.offsetTop - parseInt(getComputedStyle(v).margin) - M;
-    }, g = J(o()), b = J(a()), k = J(
+    }, g = J(o()), w = J(a()), k = J(
       new Date(g.value).setMonth(
         g.value.getMonth() - Te
       )
     ), L = J(
-      new Date(b.value).setMonth(
-        b.value.getMonth() + 1
+      new Date(w.value).setMonth(
+        w.value.getMonth() + 1
       )
     ), E = J(
       l(g.value, Je, Te)
@@ -4415,10 +4415,10 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       )
     );
     Fe(r, () => {
-      g.value = o(), b.value = a(), k.value = new Date(g.value).setMonth(
+      g.value = o(), w.value = a(), k.value = new Date(g.value).setMonth(
         g.value.getMonth() - Te
-      ), L.value = new Date(b.value).setMonth(
-        b.value.getMonth() + 1
+      ), L.value = new Date(w.value).setMonth(
+        w.value.getMonth() + 1
       ), E.value = l(
         g.value,
         Je,
@@ -4701,14 +4701,14 @@ const Ke = 16, Ve = 16 * 2, Zl = {
         return;
       const F = h.value["current: 0"].$el || h.value["current: 0"];
       f.value.scrollTop = F.offsetTop - parseInt(getComputedStyle(F).margin) - v;
-    }, b = J(a()), k = J(l()), L = J(
-      new Date(b.value).setDate(
-        b.value.getDate() - Ie
+    }, w = J(a()), k = J(l()), L = J(
+      new Date(w.value).setDate(
+        w.value.getDate() - Ie
       )
     ), E = J(
       new Date(k.value).setDate(k.value.getDate() + 1)
     ), $ = J(
-      d(b.value, Ne, Ie)
+      d(w.value, Ne, Ie)
     ), S = J(d(L.value, Ie)), G = J(
       d(
         E.value,
@@ -4717,12 +4717,12 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       )
     );
     Fe(r, async () => {
-      h.value = [], $.value = [], S.value = [], G.value = [], await bt(), b.value = a(), k.value = l(), L.value = new Date(b.value).setDate(
-        b.value.getDate() - Ie
+      h.value = [], $.value = [], S.value = [], G.value = [], await bt(), w.value = a(), k.value = l(), L.value = new Date(w.value).setDate(
+        w.value.getDate() - Ie
       ), E.value = new Date(k.value).setDate(
         k.value.getDate() + 1
       ), $.value = d(
-        b.value,
+        w.value,
         Ne,
         Ie
       ), S.value = d(L.value, Ie), G.value = d(
@@ -4983,7 +4983,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
     }), c = J("out"), h = J({
       year: a.value.getFullYear(),
       month: a.value.getMonth()
-    }), f = J(null), m = J(null), g = J(null), b = le(() => o.value == "date" ? `${s.monthList[h.value.month]} ${h.value.year}` : o.value == "month" ? `${h.value.year}` : `${parseInt(h.value.year / 10) * 10} - ${parseInt(h.value.year / 10) * 10 + 9}`), k = () => {
+    }), f = J(null), m = J(null), g = J(null), w = le(() => o.value == "date" ? `${s.monthList[h.value.month]} ${h.value.year}` : o.value == "month" ? `${h.value.year}` : `${parseInt(h.value.year / 10) * 10} - ${parseInt(h.value.year / 10) * 10 + 9}`), k = () => {
       c.value = "out", o.value == "date" ? o.value = "month" : o.value == "month" && (o.value = "year");
     }, L = () => {
       c.value = "in", o.value == "year" ? o.value = "month" : o.value == "month" && (o.value = "date");
@@ -5042,7 +5042,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
     };
     return (T, R) => (p(), y("div", {
       class: D(["fv-CalendarView", [n.value]]),
-      style: w({
+      style: b({
         background: e.background,
         "--btn-border-radius": r.value,
         "--highlight-background": e.nowDayColor ? e.nowDayColor : e.foreground,
@@ -5057,10 +5057,10 @@ const Ke = 16, Ve = 16 * 2, Zl = {
           onClick: k
         }, [
           A(T.$slots, "statement", {
-            value: b.value,
+            value: w.value,
             dayRange: h.value
           }, () => [
-            ue(O(b.value), 1)
+            ue(O(w.value), 1)
           ])
         ]),
         u("div", { class: "slider-bar" }, [
@@ -5204,7 +5204,7 @@ const gd = { class: "header" }, pd = { class: "main" }, vd = { class: "footer" }
       "rightTop",
       "rightCenter",
       "rightBottom"
-    ], b = J(), k = le({
+    ], w = J(), k = le({
       get() {
         return s.disabled === !0 ? !1 : r.value !== void 0 ? r.value : m.value;
       },
@@ -5220,7 +5220,7 @@ const gd = { class: "header" }, pd = { class: "main" }, vd = { class: "footer" }
       };
       return s.calloutBg && (M.backgroundColor = s.calloutBg), M;
     }), S = (M) => {
-      if (b.value === void 0 || f.value === void 0)
+      if (w.value === void 0 || f.value === void 0)
         return;
       const v = Ge(f.value), { width: F, height: W } = v;
       let U = g.indexOf(M), Y = [];
@@ -5228,7 +5228,7 @@ const gd = { class: "header" }, pd = { class: "main" }, vd = { class: "footer" }
         let oe = (U + _) % g.length, Se = g[oe];
         const dt = s.space === void 0 ? 0 : s.space;
         let Lo = T(
-          b.value,
+          w.value,
           dt,
           Se,
           W,
@@ -5293,7 +5293,7 @@ const gd = { class: "header" }, pd = { class: "main" }, vd = { class: "footer" }
       }
       return _;
     }, R = (M) => {
-      const v = Ge(b.value);
+      const v = Ge(w.value);
       h.value = {};
       const F = s.beak === void 0 ? 0 : s.beak, W = F > 0 ? Math.max(6, Math.round(F * 0.55)) : 0, U = M.startsWith("top") || M.startsWith("bottom"), Y = G(), _ = Math.max(
         F / 2,
@@ -5356,7 +5356,7 @@ const gd = { class: "header" }, pd = { class: "main" }, vd = { class: "footer" }
         const v = (F) => {
           let W = F;
           for (; W !== null; ) {
-            if (W === b.value || W === f.value)
+            if (W === w.value || W === f.value)
               return !1;
             W = W.parentElement;
           }
@@ -5405,12 +5405,12 @@ const gd = { class: "header" }, pd = { class: "main" }, vd = { class: "footer" }
       var v;
       const M = $i();
       if (M !== null) {
-        a.value !== null && (b.value = a.value.$el, ((v = b.value) == null ? void 0 : v.nodeName) == "#text" && (b.value = b.value.nextElementSibling)), ie(M);
+        a.value !== null && (w.value = a.value.$el, ((v = w.value) == null ? void 0 : v.nodeName) == "#text" && (w.value = w.value.nextElementSibling)), ie(M);
         for (const F in P)
           window.addEventListener(F, P[F]);
-        if (b.value !== void 0)
+        if (w.value !== void 0)
           for (const F in C)
-            b.value.addEventListener(F, C[F]);
+            w.value.addEventListener(F, C[F]);
         if (f.value !== void 0)
           for (const F in I)
             f.value.addEventListener(F, I[F]);
@@ -5418,9 +5418,9 @@ const gd = { class: "header" }, pd = { class: "main" }, vd = { class: "footer" }
     }), Ho(() => {
       for (const M in P)
         window.removeEventListener(M, P[M]);
-      if (b.value !== void 0)
+      if (w.value !== void 0)
         for (const M in C)
-          b.value.removeEventListener(M, C[M]);
+          w.value.removeEventListener(M, C[M]);
       if (f.value !== void 0)
         for (const M in I)
           f.value.removeEventListener(M, I[M]);
@@ -5435,17 +5435,17 @@ const gd = { class: "header" }, pd = { class: "main" }, vd = { class: "footer" }
             V(u("div", {
               ref_key: "popper",
               ref: f,
-              style: w([E.value, s.popperStyle]),
+              style: b([E.value, s.popperStyle]),
               class: D(["fv-Callout", pi(n), s.popperClass, c.value]),
               name: "fv-callout"
             }, [
               u("div", {
                 class: "fv-callout-bg",
-                style: w($.value)
+                style: b($.value)
               }, null, 4),
               u("div", {
                 class: "beak",
-                style: w(h.value)
+                style: b(h.value)
               }, null, 4),
               u("div", gd, [
                 A(M.$slots, "header")
@@ -5543,13 +5543,13 @@ const kd = { class: "fv-checkbox-content-block" }, $d = /* @__PURE__ */ u("i", {
         class: D(["fv-checkbox-rec", [
           { disabled: t.isDisabled, check: t.thisValue || t.Indeterminate }
         ]]),
-        style: w({
+        style: b({
           background: t.thisValue || t.Indeterminate ? e.background : ""
         })
       }, [
         u("p", {
           class: "fv-checkbox-border",
-          style: w({
+          style: b({
             borderColor: t.Indeterminate ? "transparent" : e.borderColor,
             borderWidth: `${e.borderWidth}px`
           })
@@ -5573,7 +5573,7 @@ const kd = { class: "fv-checkbox-content-block" }, $d = /* @__PURE__ */ u("i", {
       ], 6),
       u("span", {
         class: "text-content-block",
-        style: w({ color: e.foreground })
+        style: b({ color: e.foreground })
       }, [
         A(t.$slots, "default")
       ], 4)
@@ -6183,7 +6183,7 @@ const qd = { class: "collapse-icon-box-default" }, Kd = { class: "collapse-descr
         t.$theme,
         { visibleOverflow: e.disabledCollapse && e.visibleOverflow }
       ]]),
-      style: w({
+      style: b({
         height: t.thisValue ? t.computedMaxHeight : `${e.defaultHeight}px`
       }),
       onMouseenter: s[4] || (s[4] = (n) => t.hover = !0),
@@ -6193,7 +6193,7 @@ const qd = { class: "collapse-icon-box-default" }, Kd = { class: "collapse-descr
     }, [
       u("div", {
         class: "collapse-description-container",
-        style: w({ height: `${e.defaultHeight}px` }),
+        style: b({ height: `${e.defaultHeight}px` }),
         onClick: s[3] || (s[3] = (...n) => t.itemClick && t.itemClick(...n))
       }, [
         u("div", {
@@ -6794,7 +6794,7 @@ const Gu = {
       const n = j("fv-combobox"), r = j("fv-text-box");
       return p(), y("div", {
         class: D(t.computedColorPickerClass),
-        style: w(t.computedColorPickerStyle)
+        style: b(t.computedColorPickerStyle)
       }, [
         u("div", lu, [
           u("div", {
@@ -7120,7 +7120,7 @@ const _u = ["placeholder", "value"], ju = ["onClick", "title"], Xu = {
       const n = j("fv-reveal-container");
       return p(), y("div", {
         class: D(["fv-Combobox", [t.$theme, { disabled: t.isDisabled }]]),
-        style: w({
+        style: b({
           background: e.background,
           padding: e.borderWidth,
           "border-radius": `${e.borderRadius}px`,
@@ -7131,7 +7131,7 @@ const _u = ["placeholder", "value"], ju = ["onClick", "title"], Xu = {
         u("div", {
           class: "combobox-container",
           onClick: s[0] || (s[0] = (r) => t.status = t.isDisabled ? !1 : !t.status),
-          style: w({
+          style: b({
             background: e.inputBackground,
             "border-radius": `${e.borderRadius}px`
           })
@@ -7152,7 +7152,7 @@ const _u = ["placeholder", "value"], ju = ["onClick", "title"], Xu = {
             placeholder: e.placeholder,
             readonly: "",
             value: t.valueTrigger(t.thisValue.text),
-            style: w({
+            style: b({
               color: e.inputForeground,
               borderColor: e.borderColor,
               "border-radius": `${e.borderRadius}px`
@@ -7160,14 +7160,14 @@ const _u = ["placeholder", "value"], ju = ["onClick", "title"], Xu = {
           }, null, 12, _u),
           u("i", {
             class: D(["ms-Icon right-icon", [`ms-Icon--${e.dropDownIcon}`]]),
-            style: w({ color: e.dropDownIconForeground })
+            style: b({ color: e.dropDownIconForeground })
           }, null, 6)
         ], 4),
         B(ce, { name: "fv-combobox" }, {
           default: H(() => [
             V(u("div", {
               class: "combobox-item-container",
-              style: w({ background: e.background, overflow: "auto" }),
+              style: b({ background: e.background, overflow: "auto" }),
               ref: "co_items"
             }, [
               (p(!0), y(ee, null, te(e.options, (r, o) => (p(), y("div", {
@@ -7178,7 +7178,7 @@ const _u = ["placeholder", "value"], ju = ["onClick", "title"], Xu = {
                   choose: r.key === t.thisValue.key,
                   title: t.valueTrigger(r.type) == "header"
                 }]),
-                style: w({
+                style: b({
                   height: `${e.itemHeight}px`,
                   background: r.key === t.thisValue.key ? e.choosenBackground : "",
                   color: t.valueTrigger(r.type) === "header" ? e.titleForeground : ""
@@ -7190,7 +7190,7 @@ const _u = ["placeholder", "value"], ju = ["onClick", "title"], Xu = {
                 A(t.$slots, "default", { item: r }, () => [
                   u("i", {
                     class: "before-choosen",
-                    style: w({ background: e.choosenSliderBackground })
+                    style: b({ background: e.choosenSliderBackground })
                   }, null, 4),
                   ue(" " + O(t.valueTrigger(r.type) !== "divider" ? t.valueTrigger(r.text) : ""), 1)
                 ])
@@ -7346,7 +7346,7 @@ const Ju = { class: "left-command-bar-container" }, Qu = ["title", "onClick"], Z
       const n = j("fv-reveal-container"), r = j("fv-list-view");
       return p(), y("div", {
         class: D(["fv-CommandBar", [t.$theme]]),
-        style: w({ background: e.background, zIndex: t.showDropDown ? 5 : 1 })
+        style: b({ background: e.background, zIndex: t.showDropDown ? 5 : 1 })
       }, [
         u("div", Ju, [
           (p(!0), y(ee, null, te(t.thisOptions, (o, a) => V((p(), y("span", {
@@ -7355,7 +7355,7 @@ const Ju = { class: "left-command-bar-container" }, Qu = ["title", "onClick"], Z
               { not_disabled: !t.valueTrigger(o.disabled) },
               { disabled: t.valueTrigger(o.disabled) }
             ]]),
-            style: w({
+            style: b({
               background: t.valueTrigger(o.background),
               color: t.valueTrigger(o.foreground),
               borderRadius: e.itemBorderRadius + "px"
@@ -7381,19 +7381,19 @@ const Ju = { class: "left-command-bar-container" }, Qu = ["title", "onClick"], Z
               }, () => [
                 u("i", {
                   class: D(["ms-Icon icon", [`ms-Icon--${t.valueTrigger(o.icon)}`]]),
-                  style: w({
+                  style: b({
                     color: o.iconColor ? t.valueTrigger(o.iconColor) : t.valueTrigger(o.foreground)
                   })
                 }, null, 6),
                 V(u("p", {
                   class: "name",
-                  style: w({ color: t.valueTrigger(o.foreground) })
+                  style: b({ color: t.valueTrigger(o.foreground) })
                 }, O(t.valueTrigger(o.name)), 5), [
                   [x, !e.compact]
                 ]),
                 V(u("i", {
                   class: "ms-Icon ms-Icon--ChevronDown icon",
-                  style: w({ color: t.valueTrigger(o.foreground) })
+                  style: b({ color: t.valueTrigger(o.foreground) })
                 }, null, 4), [
                   [x, o.secondary.length > 0]
                 ])
@@ -7417,7 +7417,7 @@ const Ju = { class: "left-command-bar-container" }, Qu = ["title", "onClick"], Z
           default: H(() => [
             V(u("div", {
               class: D(["command-bar-list-view-container", { "toward-up": e.toward == "up" }]),
-              style: w({
+              style: b({
                 left: `${t.currentLeft}px`,
                 background: e.dropDownBackground ? e.dropDownBackground : e.background
               })
@@ -7439,7 +7439,7 @@ const Ju = { class: "left-command-bar-container" }, Qu = ["title", "onClick"], Z
                       class: D(["ms-Icon icon", [
                         `ms-Icon--${t.valueTrigger(o.item.icon)}`
                       ]]),
-                      style: w([{
+                      style: b([{
                         color: t.valueTrigger(o.item.iconColor)
                       }, { "font-size": "12px" }])
                     }, null, 6), [
@@ -8190,8 +8190,8 @@ function Zh(e) {
   let c = r.match(/(iPad).*OS\s([\d_]+)/);
   const h = r.match(/(iPod)(.*OS\s([\d_]+))?/), f = !c && r.match(/(iPhone\sOS|iOS)\s([\d_]+)/), m = n === "Win32";
   let g = n === "MacIntel";
-  const b = ["1024x1366", "1366x1024", "834x1194", "1194x834", "834x1112", "1112x834", "768x1024", "1024x768", "820x1180", "1180x820", "810x1080", "1080x810"];
-  return !c && g && t.touch && b.indexOf(`${a}x${l}`) >= 0 && (c = r.match(/(Version)\/([\d.]+)/), c || (c = [0, 1, "13_0_0"]), g = !1), d && !m && (o.os = "android", o.android = !0), (c || f || h) && (o.os = "ios", o.ios = !0), o;
+  const w = ["1024x1366", "1366x1024", "834x1194", "1194x834", "834x1112", "1112x834", "768x1024", "1024x768", "820x1180", "1180x820", "810x1080", "1080x810"];
+  return !c && g && t.touch && w.indexOf(`${a}x${l}`) >= 0 && (c = r.match(/(Version)\/([\d.]+)/), c || (c = [0, 1, "13_0_0"]), g = !1), d && !m && (o.os = "android", o.android = !0), (c || f || h) && (o.os = "ios", o.ios = !0), o;
 }
 function ec(e) {
   return e === void 0 && (e = {}), ws || (ws = Zh(e)), ws;
@@ -8228,15 +8228,15 @@ function sc(e) {
           width: f,
           height: m
         } = i;
-        let g = f, b = m;
+        let g = f, w = m;
         h.forEach((k) => {
           let {
             contentBoxSize: L,
             contentRect: E,
             target: $
           } = k;
-          $ && $ !== i.el || (g = E ? E.width : (L[0] || L).inlineSize, b = E ? E.height : (L[0] || L).blockSize);
-        }), (g !== f || b !== m) && a();
+          $ && $ !== i.el || (g = E ? E.width : (L[0] || L).inlineSize, w = E ? E.height : (L[0] || L).blockSize);
+        }), (g !== f || w !== m) && a();
       });
     }), r.observe(i.el));
   }, d = () => {
@@ -8268,10 +8268,10 @@ function nc(e) {
         n("observerUpdate", g[0]);
         return;
       }
-      const b = function() {
+      const w = function() {
         n("observerUpdate", g[0]);
       };
-      o.requestAnimationFrame ? o.requestAnimationFrame(b) : o.setTimeout(b, 0);
+      o.requestAnimationFrame ? o.requestAnimationFrame(w) : o.setTimeout(w, 0);
     });
     m.observe(c, {
       attributes: typeof h.attributes > "u" ? !0 : h.attributes,
@@ -8397,12 +8397,12 @@ function ac() {
   } = e, l = e.virtual && s.virtual.enabled, d = l ? e.virtual.slides.length : e.slides.length, c = n.children(`.${e.params.slideClass}`), h = l ? e.virtual.slides.length : c.length;
   let f = [];
   const m = [], g = [];
-  let b = s.slidesOffsetBefore;
-  typeof b == "function" && (b = s.slidesOffsetBefore.call(e));
+  let w = s.slidesOffsetBefore;
+  typeof w == "function" && (w = s.slidesOffsetBefore.call(e));
   let k = s.slidesOffsetAfter;
   typeof k == "function" && (k = s.slidesOffsetAfter.call(e));
   const L = e.snapGrid.length, E = e.slidesGrid.length;
-  let $ = s.spaceBetween, S = -b, G = 0, N = 0;
+  let $ = s.spaceBetween, S = -w, G = 0, N = 0;
   if (typeof r > "u")
     return;
   typeof $ == "string" && $.indexOf("%") >= 0 && ($ = parseFloat($.replace("%", "")) / 100 * r), e.virtualSize = -$, o ? c.css({
@@ -8469,7 +8469,7 @@ function ac() {
       C += z + (s.spaceBetween ? s.spaceBetween : 0);
     }), C -= s.spaceBetween;
     const I = C - r;
-    f = f.map((z) => z < 0 ? -b : z > I ? I + k : z);
+    f = f.map((z) => z < 0 ? -w : z > I ? I + k : z);
   }
   if (s.centerInsufficientSlides) {
     let C = 0;
@@ -8800,8 +8800,8 @@ function Tc(e, i, t, s, n) {
   } = r;
   if (r.animating && a.preventInteractionOnTransition || !g && !s && !n)
     return !1;
-  const b = Math.min(r.params.slidesPerGroupSkip, o);
-  let k = b + Math.floor((o - b) / r.params.slidesPerGroup);
+  const w = Math.min(r.params.slidesPerGroupSkip, o);
+  let k = w + Math.floor((o - w) / r.params.slidesPerGroup);
   k >= l.length && (k = l.length - 1), (h || a.initialSlide || 0) === (c || 0) && t && r.emit("beforeSlideChangeStart");
   const L = -l[k];
   if (r.updateProgress(L), a.normalizeSlideIndex)
@@ -8898,12 +8898,12 @@ function Ec(e, i, t) {
       f >= L && (k = E);
     }), typeof k < "u" && (g = o[k > 0 ? k - 1 : k]);
   }
-  let b = 0;
-  if (typeof g < "u" && (b = a.indexOf(g), b < 0 && (b = s.activeIndex - 1), n.slidesPerView === "auto" && n.slidesPerGroup === 1 && n.slidesPerGroupAuto && (b = b - s.slidesPerViewDynamic("previous", !0) + 1, b = Math.max(b, 0))), n.rewind && s.isBeginning) {
+  let w = 0;
+  if (typeof g < "u" && (w = a.indexOf(g), w < 0 && (w = s.activeIndex - 1), n.slidesPerView === "auto" && n.slidesPerGroup === 1 && n.slidesPerGroupAuto && (w = w - s.slidesPerViewDynamic("previous", !0) + 1, w = Math.max(w, 0))), n.rewind && s.isBeginning) {
     const k = s.params.virtual && s.params.virtual.enabled && s.virtual ? s.virtual.slides.length - 1 : s.slides.length - 1;
     return s.slideTo(k, e, i, t);
   }
-  return s.slideTo(b, e, i, t);
+  return s.slideTo(w, e, i, t);
 }
 function Dc(e, i, t) {
   e === void 0 && (e = this.params.speed), i === void 0 && (i = !0);
@@ -9060,9 +9060,9 @@ function Hc(e) {
   if (r.swipeHandler && !d.closest(r.swipeHandler)[0])
     return;
   o.currentX = l.type === "touchstart" ? l.targetTouches[0].pageX : l.pageX, o.currentY = l.type === "touchstart" ? l.targetTouches[0].pageY : l.pageY;
-  const m = o.currentX, g = o.currentY, b = r.edgeSwipeDetection || r.iOSEdgeSwipeDetection, k = r.edgeSwipeThreshold || r.iOSEdgeSwipeThreshold;
-  if (b && (m <= k || m >= s.innerWidth - k))
-    if (b === "prevent")
+  const m = o.currentX, g = o.currentY, w = r.edgeSwipeDetection || r.iOSEdgeSwipeDetection, k = r.edgeSwipeThreshold || r.iOSEdgeSwipeThreshold;
+  if (w && (m <= k || m >= s.innerWidth - k))
+    if (w === "prevent")
       e.preventDefault();
     else
       return;
@@ -9142,8 +9142,8 @@ function Gc(e) {
   t.allowClick = !1, !n.cssMode && l.cancelable && l.preventDefault(), n.touchMoveStopPropagation && !n.nested && l.stopPropagation(), s.isMoved || (n.loop && !n.cssMode && t.loopFix(), s.startTranslate = t.getTranslate(), t.setTransition(0), t.animating && t.$wrapperEl.trigger("webkitTransitionEnd transitionend"), s.allowMomentumBounce = !1, n.grabCursor && (t.allowSlideNext === !0 || t.allowSlidePrev === !0) && t.setGrabCursor(!0), t.emit("sliderFirstMove", l)), t.emit("sliderMove", l), s.isMoved = !0;
   let g = t.isHorizontal() ? f : m;
   r.diff = g, g *= n.touchRatio, o && (g = -g), t.swipeDirection = g > 0 ? "prev" : "next", s.currentTranslate = g + s.startTranslate;
-  let b = !0, k = n.resistanceRatio;
-  if (n.touchReleaseOnEdges && (k = 0), g > 0 && s.currentTranslate > t.minTranslate() ? (b = !1, n.resistance && (s.currentTranslate = t.minTranslate() - 1 + (-t.minTranslate() + s.startTranslate + g) ** k)) : g < 0 && s.currentTranslate < t.maxTranslate() && (b = !1, n.resistance && (s.currentTranslate = t.maxTranslate() + 1 - (t.maxTranslate() - s.startTranslate - g) ** k)), b && (l.preventedByNestedSwiper = !0), !t.allowSlideNext && t.swipeDirection === "next" && s.currentTranslate < s.startTranslate && (s.currentTranslate = s.startTranslate), !t.allowSlidePrev && t.swipeDirection === "prev" && s.currentTranslate > s.startTranslate && (s.currentTranslate = s.startTranslate), !t.allowSlidePrev && !t.allowSlideNext && (s.currentTranslate = s.startTranslate), n.threshold > 0)
+  let w = !0, k = n.resistanceRatio;
+  if (n.touchReleaseOnEdges && (k = 0), g > 0 && s.currentTranslate > t.minTranslate() ? (w = !1, n.resistance && (s.currentTranslate = t.minTranslate() - 1 + (-t.minTranslate() + s.startTranslate + g) ** k)) : g < 0 && s.currentTranslate < t.maxTranslate() && (w = !1, n.resistance && (s.currentTranslate = t.maxTranslate() + 1 - (t.maxTranslate() - s.startTranslate - g) ** k)), w && (l.preventedByNestedSwiper = !0), !t.allowSlideNext && t.swipeDirection === "next" && s.currentTranslate < s.startTranslate && (s.currentTranslate = s.startTranslate), !t.allowSlidePrev && t.swipeDirection === "prev" && s.currentTranslate > s.startTranslate && (s.currentTranslate = s.startTranslate), !t.allowSlidePrev && !t.allowSlideNext && (s.currentTranslate = s.startTranslate), n.threshold > 0)
     if (Math.abs(g) > n.threshold || s.allowThresholdMove) {
       if (!s.allowThresholdMove) {
         s.allowThresholdMove = !0, r.startX = r.currentX, r.startY = r.currentY, s.currentTranslate = s.startTranslate, r.diff = t.isHorizontal() ? r.currentX - r.startX : r.currentY - r.startY;
@@ -9197,21 +9197,21 @@ function Uc(e) {
     const $ = E < s.slidesPerGroupSkip - 1 ? 1 : s.slidesPerGroup;
     typeof o[E + $] < "u" ? h >= o[E] && h < o[E + $] && (f = E, m = o[E + $] - o[E]) : h >= o[E] && (f = E, m = o[o.length - 1] - o[o.length - 2]);
   }
-  let g = null, b = null;
-  s.rewind && (i.isBeginning ? b = i.params.virtual && i.params.virtual.enabled && i.virtual ? i.virtual.slides.length - 1 : i.slides.length - 1 : i.isEnd && (g = 0));
+  let g = null, w = null;
+  s.rewind && (i.isBeginning ? w = i.params.virtual && i.params.virtual.enabled && i.virtual ? i.virtual.slides.length - 1 : i.slides.length - 1 : i.isEnd && (g = 0));
   const k = (h - o[f]) / m, L = f < s.slidesPerGroupSkip - 1 ? 1 : s.slidesPerGroup;
   if (c > s.longSwipesMs) {
     if (!s.longSwipes) {
       i.slideTo(i.activeIndex);
       return;
     }
-    i.swipeDirection === "next" && (k >= s.longSwipesRatio ? i.slideTo(s.rewind && i.isEnd ? g : f + L) : i.slideTo(f)), i.swipeDirection === "prev" && (k > 1 - s.longSwipesRatio ? i.slideTo(f + L) : b !== null && k < 0 && Math.abs(k) > s.longSwipesRatio ? i.slideTo(b) : i.slideTo(f));
+    i.swipeDirection === "next" && (k >= s.longSwipesRatio ? i.slideTo(s.rewind && i.isEnd ? g : f + L) : i.slideTo(f)), i.swipeDirection === "prev" && (k > 1 - s.longSwipesRatio ? i.slideTo(f + L) : w !== null && k < 0 && Math.abs(k) > s.longSwipesRatio ? i.slideTo(w) : i.slideTo(f));
   } else {
     if (!s.shortSwipes) {
       i.slideTo(i.activeIndex);
       return;
     }
-    i.navigation && (l.target === i.navigation.nextEl || l.target === i.navigation.prevEl) ? l.target === i.navigation.nextEl ? i.slideTo(f + L) : i.slideTo(f) : (i.swipeDirection === "next" && i.slideTo(g !== null ? g : f + L), i.swipeDirection === "prev" && i.slideTo(b !== null ? b : f));
+    i.navigation && (l.target === i.navigation.nextEl || l.target === i.navigation.prevEl) ? l.target === i.navigation.nextEl ? i.slideTo(f + L) : i.slideTo(f) : (i.swipeDirection === "next" && i.slideTo(g !== null ? g : f + L), i.swipeDirection === "prev" && i.slideTo(w !== null ? w : f));
   }
 }
 function Ln() {
@@ -9306,12 +9306,12 @@ function Jc() {
   });
   const m = d.direction && d.direction !== n.direction, g = n.loop && (d.slidesPerView !== n.slidesPerView || m);
   m && t && e.changeDirection(), Oe(e.params, d);
-  const b = e.params.enabled;
+  const w = e.params.enabled;
   Object.assign(e, {
     allowTouchMove: e.params.allowTouchMove,
     allowSlideNext: e.params.allowSlideNext,
     allowSlidePrev: e.params.allowSlidePrev
-  }), f && !b ? e.disable() : !f && b && e.enable(), e.currentBreakpoint = a, e.emit("_beforeBreakpoint", d), g && t && (e.loopDestroy(), e.loopCreate(), e.updateSlides(), e.slideTo(i - s + e.loopedSlides, 0, !1)), e.emit("breakpoint", d);
+  }), f && !w ? e.disable() : !f && w && e.enable(), e.currentBreakpoint = a, e.emit("_beforeBreakpoint", d), g && t && (e.loopDestroy(), e.loopCreate(), e.updateSlides(), e.slideTo(i - s + e.loopedSlides, 0, !1)), e.emit("breakpoint", d);
 }
 function Qc(e, i, t) {
   if (i === void 0 && (i = "window"), !e || i === "container" && !t)
@@ -9858,14 +9858,14 @@ function hf(e) {
     const g = i.params.virtual;
     if (g.cache && i.virtual.cache[m])
       return i.virtual.cache[m];
-    const b = g.renderSlide ? K(g.renderSlide.call(i, f, m)) : K(`<div class="${i.params.slideClass}" data-swiper-slide-index="${m}">${f}</div>`);
-    return b.attr("data-swiper-slide-index") || b.attr("data-swiper-slide-index", m), g.cache && (i.virtual.cache[m] = b), b;
+    const w = g.renderSlide ? K(g.renderSlide.call(i, f, m)) : K(`<div class="${i.params.slideClass}" data-swiper-slide-index="${m}">${f}</div>`);
+    return w.attr("data-swiper-slide-index") || w.attr("data-swiper-slide-index", m), g.cache && (i.virtual.cache[m] = w), w;
   }
   function a(f) {
     const {
       slidesPerView: m,
       slidesPerGroup: g,
-      centeredSlides: b
+      centeredSlides: w
     } = i.params, {
       addSlidesBefore: k,
       addSlidesAfter: L
@@ -9881,7 +9881,7 @@ function hf(e) {
     let R;
     i.rtlTranslate ? R = "right" : R = i.isHorizontal() ? "left" : "top";
     let P, C;
-    b ? (P = Math.floor(m / 2) + g + L, C = Math.floor(m / 2) + g + k) : (P = m + (g - 1) + L, C = g + k);
+    w ? (P = Math.floor(m / 2) + g + L, C = Math.floor(m / 2) + g + k) : (P = m + (g - 1) + L, C = g + k);
     const I = Math.max((T || 0) - C, 0), z = Math.min((T || 0) + P, S.length - 1), q = (i.slidesGrid[I] || 0) - (i.slidesGrid[0] || 0);
     Object.assign(i.virtual, {
       from: I,
@@ -9934,18 +9934,18 @@ function hf(e) {
   }
   function d(f) {
     const m = i.activeIndex;
-    let g = m + 1, b = 1;
+    let g = m + 1, w = 1;
     if (Array.isArray(f)) {
       for (let k = 0; k < f.length; k += 1)
         f[k] && i.virtual.slides.unshift(f[k]);
-      g = m + f.length, b = f.length;
+      g = m + f.length, w = f.length;
     } else
       i.virtual.slides.unshift(f);
     if (i.params.virtual.cache) {
       const k = i.virtual.cache, L = {};
       Object.keys(k).forEach((E) => {
         const $ = k[E], S = $.attr("data-swiper-slide-index");
-        S && $.attr("data-swiper-slide-index", parseInt(S, 10) + b), L[parseInt(E, 10) + b] = $;
+        S && $.attr("data-swiper-slide-index", parseInt(S, 10) + w), L[parseInt(E, 10) + w] = $;
       }), i.virtual.cache = L;
     }
     a(!0), i.slideTo(g, 0);
@@ -10031,7 +10031,7 @@ function lo(e) {
       return !0;
     return !1;
   }
-  function b($) {
+  function w($) {
     let S = $, G = !0;
     if (!i.enabled)
       return;
@@ -10103,13 +10103,13 @@ function lo(e) {
   }
   function k($) {
     let S = i.$el;
-    i.params.mousewheel.eventsTarget !== "container" && (S = K(i.params.mousewheel.eventsTarget)), S[$]("mouseenter", h), S[$]("mouseleave", f), S[$]("wheel", b);
+    i.params.mousewheel.eventsTarget !== "container" && (S = K(i.params.mousewheel.eventsTarget)), S[$]("mouseenter", h), S[$]("mouseleave", f), S[$]("wheel", w);
   }
   function L() {
-    return i.params.cssMode ? (i.wrapperEl.removeEventListener("wheel", b), !0) : i.mousewheel.enabled ? !1 : (k("on"), i.mousewheel.enabled = !0, !0);
+    return i.params.cssMode ? (i.wrapperEl.removeEventListener("wheel", w), !0) : i.mousewheel.enabled ? !1 : (k("on"), i.mousewheel.enabled = !0, !0);
   }
   function E() {
-    return i.params.cssMode ? (i.wrapperEl.addEventListener(event, b), !0) : i.mousewheel.enabled ? (k("off"), i.mousewheel.enabled = !1, !0) : !1;
+    return i.params.cssMode ? (i.wrapperEl.addEventListener(event, w), !0) : i.mousewheel.enabled ? (k("off"), i.mousewheel.enabled = !1, !0) : !1;
   }
   s("init", () => {
     !i.params.mousewheel.enabled && i.params.cssMode && E(), i.params.mousewheel.enabled && L();
@@ -10415,11 +10415,11 @@ const Hf = {
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
       class: D(["fv-DatePicker", [t.$theme, { disabled: e.disabled }]]),
-      style: w({ "--hover-color": e.hoverColor })
+      style: b({ "--hover-color": e.hoverColor })
     }, [
       u("div", {
         class: D(["fv-date-picker-input", [{ reverse: e.reverseLayout }]]),
-        style: w({
+        style: b({
           background: e.inputBackground
         }),
         onClick: s[0] || (s[0] = (n) => t.focus())
@@ -10436,7 +10436,7 @@ const Hf = {
           value: t.showDate(1),
           readonly: "",
           class: "fv-date-picker-input-item",
-          style: w({
+          style: b({
             borderColor: e.innerBorderColor,
             "border-right-color": e.hideYear ? "transparent" : e.innerBorderColor
           })
@@ -10446,7 +10446,7 @@ const Hf = {
         V(u("input", {
           value: t.showDate(2),
           readonly: "",
-          style: w({ borderColor: e.innerBorderColor }),
+          style: b({ borderColor: e.innerBorderColor }),
           class: "fv-date-picker-input-item"
         }, null, 12, mf), [
           [x, !e.hideYear]
@@ -10456,28 +10456,28 @@ const Hf = {
         default: H(() => [
           V(u("div", {
             class: "fv-date-picker-options",
-            style: w({ background: e.optionBackground })
+            style: b({ background: e.optionBackground })
           }, [
             u("div", {
               class: D(["fv-date-picker-options-body", [{ reverse: e.reverseLayout }]])
             }, [
               u("div", {
                 class: "fv-date-picker-options-body-mask",
-                style: w({ background: e.selectedBackground })
+                style: b({ background: e.selectedBackground })
               }, null, 4),
               V(u("div", {
                 class: "fv-date-picker-options-body-col",
-                style: w([{ flex: "2" }, { borderColor: e.innerBorderColor }])
+                style: b([{ flex: "2" }, { borderColor: e.innerBorderColor }])
               }, [
                 u("div", {
                   class: "fv-date-picker-options-body-col-up",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[1] || (s[1] = (n) => t.monthSwiper.slidePrev())
                 }, pf, 4),
                 u("div", vf, wf, 512),
                 u("div", {
                   class: "fv-date-picker-options-body-col-down",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[2] || (s[2] = (n) => t.monthSwiper.slideNext())
                 }, kf, 4)
               ], 4), [
@@ -10485,17 +10485,17 @@ const Hf = {
               ]),
               V(u("div", {
                 class: "fv-date-picker-options-body-col",
-                style: w({ borderColor: e.innerBorderColor })
+                style: b({ borderColor: e.innerBorderColor })
               }, [
                 u("div", {
                   class: "fv-date-picker-options-body-col-up",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[3] || (s[3] = (n) => t.daySwiper.slidePrev())
                 }, Cf, 4),
                 u("div", Sf, Tf, 512),
                 u("div", {
                   class: "fv-date-picker-options-body-col-down",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[4] || (s[4] = (n) => t.daySwiper.slideNext())
                 }, xf, 4)
               ], 4), [
@@ -10504,13 +10504,13 @@ const Hf = {
               V(u("div", Ef, [
                 u("div", {
                   class: "fv-date-picker-options-body-col-up",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[5] || (s[5] = (n) => t.yearSwiper.slidePrev())
                 }, Mf, 4),
                 u("div", Lf, Pf, 512),
                 u("div", {
                   class: "fv-date-picker-options-body-col-down",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[6] || (s[6] = (n) => t.yearSwiper.slideNext())
                 }, Bf, 4)
               ], 512), [
@@ -11141,7 +11141,7 @@ function em(e, i, t, s, n, r) {
   }, [
     u("div", {
       class: "fv-details-list-icon-ring",
-      style: w({ background: n.checked ? t.color : "" })
+      style: b({ background: n.checked ? t.color : "" })
     }, Zf, 4)
   ], 2);
 }
@@ -11630,7 +11630,7 @@ const ui = /* @__PURE__ */ ye(Jf, [["render", em]]), tm = /* @__PURE__ */ u("i",
         }, [
           V(u("span", {
             class: "fv-details-list-icon-block",
-            style: w(n.styles.listHead),
+            style: b(n.styles.listHead),
             onClick: r[1] || (r[1] = (...a) => n.chooseAll && n.chooseAll(...a))
           }, [
             B(ui, {
@@ -11643,7 +11643,7 @@ const ui = /* @__PURE__ */ ye(Jf, [["render", em]]), tm = /* @__PURE__ */ u("i",
           ]),
           V(u("span", {
             class: "col",
-            style: w([{ width: "36px", padding: "0px" }, n.styles.listHead])
+            style: b([{ width: "36px", padding: "0px" }, n.styles.listHead])
           }, [
             u("span", {
               class: D(["expand", { choose: n.currentExpandAll }]),
@@ -11655,7 +11655,7 @@ const ui = /* @__PURE__ */ ye(Jf, [["render", em]]), tm = /* @__PURE__ */ u("i",
           (p(!0), y(ee, null, te(n.thisHead, (a, l) => V((p(), y("span", {
             class: "col",
             key: `head: ${l}`,
-            style: w({
+            style: b({
               "min-width": n.colWidth[l],
               width: n.colWidth[l],
               background: n.styles.listHead.background
@@ -11726,7 +11726,7 @@ const ui = /* @__PURE__ */ ye(Jf, [["render", em]]), tm = /* @__PURE__ */ u("i",
                 (p(!0), y(ee, null, te(n.thisHead, (d, c) => V((p(), y("span", {
                   class: "col",
                   key: `row: ${l} col: ${c}`,
-                  style: w({ width: n.colWidth[c] }),
+                  style: b({ width: n.colWidth[c] }),
                   onClick: (h) => n.chooseCurrent(a)
                 }, [
                   A(n.$slots, `column_${c}`, {
@@ -11827,7 +11827,7 @@ const ui = /* @__PURE__ */ ye(Jf, [["render", em]]), tm = /* @__PURE__ */ u("i",
                     (p(!0), y(ee, null, te(n.thisHead, (h, f) => V((p(), y("span", {
                       class: "col",
                       key: `group: ${l} row: ${c} col: ${f}`,
-                      style: w({ width: n.colWidth[f] }),
+                      style: b({ width: n.colWidth[f] }),
                       onClick: (m) => n.chooseCurrent(d)
                     }, [
                       A(n.$slots, `column_${f}`, {
@@ -12060,7 +12060,7 @@ const ym = {
       return V((p(), y("div", {
         ref: "drawer",
         class: D(["fv-Drawer", [t.$theme]]),
-        style: w([
+        style: b([
           t.style.drawer,
           {
             background: e.background,
@@ -12070,12 +12070,12 @@ const ym = {
       }, [
         V(u("div", {
           class: "fv-drawer-control-block",
-          style: w({ padding: e.controlPadding })
+          style: b({ padding: e.controlPadding })
         }, [
           A(t.$slots, "header", {}, () => [
             u("p", {
               class: "drawer-title",
-              style: w({
+              style: b({
                 "font-size": `${e.titleSize}px`,
                 "font-weight": e.titleWeight,
                 color: e.titleColor
@@ -12091,7 +12091,7 @@ const ym = {
         ]),
         u("div", {
           class: "fv-drawer-main-container",
-          style: w({ padding: e.contentPadding })
+          style: b({ padding: e.contentPadding })
         }, [
           A(t.$slots, "default", {}, () => [
             ue("Content Here")
@@ -12099,7 +12099,7 @@ const ym = {
         ], 4),
         V(u("div", {
           class: "fv-drawer-footer",
-          style: w({ padding: e.controlPadding })
+          style: b({ padding: e.controlPadding })
         }, [
           A(t.$slots, "footer", {}, () => [
             B(n, {
@@ -12218,11 +12218,11 @@ function Vm(e, i, t, s, n, r) {
   const o = j("fv-reveal-container");
   return p(), y("div", {
     class: "drop-down-box",
-    style: w({ "border-radius": `${t.borderRadius}px`, height: t.inputHeight })
+    style: b({ "border-radius": `${t.borderRadius}px`, height: t.inputHeight })
   }, [
     u("div", {
       class: "drop-down-container",
-      style: w({
+      style: b({
         background: t.inputBackground,
         "border-radius": `${t.borderRadius}px`
       })
@@ -12247,7 +12247,7 @@ function Vm(e, i, t, s, n, r) {
           placeholder: t.placeholder,
           readonly: "",
           value: r.inputValue,
-          style: w({
+          style: b({
             fontSize: t.inputFontSize + "px",
             color: t.inputForeground,
             "border-radius": `${t.borderRadius}px`,
@@ -12257,7 +12257,7 @@ function Vm(e, i, t, s, n, r) {
         }, null, 12, Sm),
         u("i", {
           class: D(["right-icon ms-Icon", [`ms-Icon--${t.dropDownIcon}`]]),
-          style: w({ color: t.dropDownIconForeground })
+          style: b({ color: t.dropDownIconForeground })
         }, null, 6)
       ])
     ], 4)
@@ -12363,7 +12363,8 @@ const ho = /* @__PURE__ */ ye(Cm, [["render", Vm]]), Tm = {
   },
   methods: {
     stylesInit() {
-      this.styles.listContainer.borderRadius = `${this.borderRadius}px`, this.styles.listContainer.background = this.dropDownListBackground, this.styles.listContainer.top = this.showStatus.top, this.styles.listContainer.bottom = this.showStatus.bottom, this.styles.listContainer.height = this.showStatus.height, this.styles.listContainer.maxHeight = `${this.showStatus.maxHeight}px`, this.styles.listContainer.overflow = this.showStatus.overflow, this.styles.title.color = this.dropDownListForeground;
+      const e = this.maxHeight !== "" && this.maxHeight !== void 0 && this.maxHeight !== null;
+      this.styles.listContainer.borderRadius = `${this.borderRadius}px`, this.styles.listContainer.background = this.dropDownListBackground, this.styles.listContainer.top = this.showStatus.top, this.styles.listContainer.bottom = this.showStatus.bottom, this.styles.listContainer.height = this.showStatus.height, this.styles.listContainer.maxHeight = this.maxHeight, this.styles.listContainer.overflow = e ? "auto" : this.showStatus.overflow, this.styles.title.color = this.dropDownListForeground;
     },
     valueTrigger(e) {
       return typeof e == "function" ? e() : e;
@@ -12390,7 +12391,7 @@ function xm(e, i, t, s, n, r) {
   const o = j("fv-check-box");
   return p(), y("div", {
     class: "list-container",
-    style: w(n.styles.listContainer)
+    style: b(n.styles.listContainer)
   }, [
     (p(!0), y(ee, null, te(t.options, (a, l) => (p(), y("div", {
       key: `item: ${l}`,
@@ -12406,7 +12407,7 @@ function xm(e, i, t, s, n, r) {
       }, [
         V(u("p", {
           class: "title",
-          style: w(n.styles.title)
+          style: b(n.styles.title)
         }, O(r.valueTrigger(a.text)), 5), [
           [x, r.valueTrigger(a.type) == "header"]
         ]),
@@ -12629,7 +12630,7 @@ const co = /* @__PURE__ */ ye(Tm, [["render", xm]]), Em = {
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
       class: D(["fv-DropDown", [t.$theme, t.isDisabled ? "disabled" : ""]]),
-      style: w([t.styles.dropDown, { zIndex: t.show.listContainer ? 5 : "" }])
+      style: b([t.styles.dropDown, { zIndex: t.show.listContainer ? 5 : "" }])
     }, [
       u("div", {
         class: "fv-drop-down-input-container",
@@ -12681,6 +12682,7 @@ const co = /* @__PURE__ */ ye(Tm, [["render", xm]]), Em = {
             "onUpdate:modelValue": s[2] || (s[2] = (n) => t.choosenValue = n),
             options: e.options,
             multiple: e.multiple,
+            maxHeight: e.maxHeight,
             borderRadius: e.borderRadius,
             checkBoxBackground: e.checkBoxBackground,
             dropDownListForeground: e.dropDownListForeground,
@@ -12696,7 +12698,7 @@ const co = /* @__PURE__ */ ye(Tm, [["render", xm]]), Em = {
               })
             ]),
             _: 3
-          }, 8, ["modelValue", "options", "multiple", "borderRadius", "checkBoxBackground", "dropDownListForeground", "dropDownListBackground", "showStatus", "theme", "onChooseItem"]), [
+          }, 8, ["modelValue", "options", "multiple", "maxHeight", "borderRadius", "checkBoxBackground", "dropDownListForeground", "dropDownListBackground", "showStatus", "theme", "onChooseItem"]), [
             [x, t.show.listContainer]
           ])
         ]),
@@ -12797,7 +12799,7 @@ const Lm = { class: "expander-description-box" }, Fm = { class: "expander-text"
         t.$theme,
         { visibleOverflow: e.disabledExpander && e.visibleOverflow }
       ]]),
-      style: w({
+      style: b({
         height: t.thisValue ? t.computedMaxHeight : `${e.defaultHeight}px`
       }),
       onMouseenter: s[3] || (s[3] = (n) => t.hover = !0),
@@ -12807,7 +12809,7 @@ const Lm = { class: "expander-description-box" }, Fm = { class: "expander-text"
     }, [
       u("div", {
         class: "expander-description-container",
-        style: w({
+        style: b({
           height: `${e.defaultHeight}px`,
           background: t.hover ? t.hoverBackground : e.titleBackground
         }),
@@ -12856,7 +12858,7 @@ const Lm = { class: "expander-description-box" }, Fm = { class: "expander-text"
           V(u("div", {
             class: "expander-detail",
             ref: "detail",
-            style: w({ background: e.expandBackground })
+            style: b({ background: e.expandBackground })
           }, [
             A(t.$slots, "default")
           ], 4), [
@@ -13050,7 +13052,7 @@ const Hm = ["onClick"], Gm = /* @__PURE__ */ u("i", null, null, -1), Um = [
         default: H(() => [
           V(u("div", {
             class: "control-panel",
-            style: w(t.styles.controlPanel)
+            style: b(t.styles.controlPanel)
           }, [
             u("span", {
               class: D(["slidebtn fst", [e.direction]]),
@@ -13099,7 +13101,7 @@ const Hm = ["onClick"], Gm = /* @__PURE__ */ u("i", null, null, -1), Um = [
             (p(!0), y(ee, null, te(t.thisValue, (n, r) => V((p(), y("div", {
               key: `flipview: ${r}`,
               class: "container-item",
-              style: w(t.styles.containerItem)
+              style: b(t.styles.containerItem)
             }, [
               A(t.$slots, "item", {
                 data: n,
@@ -13168,7 +13170,7 @@ const Km = {
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
       class: D(["fv-IconElement", [t.$theme, { "icon-element-btn": e.iconButton }]]),
-      style: w({
+      style: b({
         width: `${e.fontSize + e.paddingWidth / 1}px`,
         height: `${e.fontSize + e.paddingWidth / 1}px`,
         borderRadius: `${e.borderRadius}px`
@@ -13181,7 +13183,7 @@ const Km = {
       }, [
         u("i", {
           class: D(["icon-element ms-Icon", [`ms-Icon--${t.valueTrigger(n.name)}`]]),
-          style: w({
+          style: b({
             fontSize: `${e.fontSize}px`,
             color: t.valueTrigger(n.color),
             "background-image": t.valueTrigger(n.color),
@@ -13506,7 +13508,7 @@ const og = Ys("FvImageCache", {
       const n = j("fv-progress-ring");
       return p(), y("div", {
         class: D(["fv-ImgBox", [t.$theme]]),
-        style: w({
+        style: b({
           background: e.onbackground ? "url(" + t.imgUri.data + ") no-repeat" : ""
         })
       }, [
@@ -13932,10 +13934,10 @@ function Tg(e, i, t, s, n, r) {
   return p(), y("div", Vg, [
     u("span", {
       class: "s",
-      style: w({ "margin-top": `${n.thisTop}px`, height: `${n.thisHeight}px` })
+      style: b({ "margin-top": `${n.thisTop}px`, height: `${n.thisHeight}px` })
     }, [
       u("p", {
-        style: w({ background: n.styles.slider.background })
+        style: b({ background: n.styles.slider.background })
       }, null, 4)
     ], 4)
   ]);
@@ -14313,7 +14315,7 @@ const mo = /* @__PURE__ */ ye(Sg, [["render", Tg]]), Ig = { class: "list-view-he
       const o = j("fv-reveal-container");
       return p(), y("div", {
         class: D(["fv-ListView", [n.$theme]]),
-        style: w({
+        style: b({
           "--list-view-selected-border-width": e.itemBorderWidth + "px",
           "--list-view-selected-border-color": e.itemBorderColor
         }),
@@ -14333,7 +14335,7 @@ const mo = /* @__PURE__ */ ye(Sg, [["render", Tg]]), Ig = { class: "list-view-he
               selected: a.selected && n.showSelectedBorder
             }, "list-view-item"]),
             key: l,
-            style: w({
+            style: b({
               height: n.valueTrigger(a.type) == "divider" ? "" : n._rowHeight,
               background: n.valueTrigger(a.choosen) ? e.choosenBackground : "",
               borderRadius: e.itemBorderRadius + "px"
@@ -14359,7 +14361,7 @@ const mo = /* @__PURE__ */ ye(Sg, [["render", Tg]]), Ig = { class: "list-view-he
             }, null, 8, ["revealContainer", "parent", "backgroundColor", "borderColor", "borderRadius"])) : se("", !0),
             u("div", {
               class: "item-content",
-              style: w({ padding: e.itemPadding })
+              style: b({ padding: e.itemPadding })
             }, [
               A(n.$slots, "listItem", {
                 item: a,
@@ -14367,7 +14369,7 @@ const mo = /* @__PURE__ */ ye(Sg, [["render", Tg]]), Ig = { class: "list-view-he
                 valueTrigger: n.valueTrigger
               }, () => [
                 u("p", {
-                  style: w({
+                  style: b({
                     color: n.valueTrigger(a.type) == "header" ? e.headerForeground : ""
                   })
                 }, O(n.valueTrigger(a.name)), 5)
@@ -14522,7 +14524,7 @@ function Wg(e, i, t, s, n, r) {
     default: H(() => [
       u("div", {
         class: D(["menu-flyout-list-container", [{ "mobile-mode": t.mobileMode }]]),
-        style: w({
+        style: b({
           left: r.computedLeft,
           right: r.computedRight,
           top: r.computedTop
@@ -14530,7 +14532,7 @@ function Wg(e, i, t, s, n, r) {
       }, [
         u("div", {
           class: "menu-flyout-item-container",
-          style: w({
+          style: b({
             width: r.computedWidth,
             "max-height": r.computedMaxHeight,
             background: t.background,
@@ -14561,7 +14563,7 @@ function Wg(e, i, t, s, n, r) {
               choose: r.isSelected(l),
               title: r.valueTrigger(l.type) == "header"
             }]),
-            style: w({
+            style: b({
               background: r.isSelected(l) ? t.choosenBackground : "",
               color: r.valueTrigger(l.type) === "header" ? t.titleForeground : ""
             }),
@@ -14576,7 +14578,7 @@ function Wg(e, i, t, s, n, r) {
             }, () => [
               u("i", {
                 class: "before-choosen",
-                style: w({ background: t.choosenSliderBackground })
+                style: b({ background: t.choosenSliderBackground })
               }, null, 4),
               ue(" " + O(r.valueTrigger(l.type) !== "divider" ? r.valueTrigger(l.text) : "") + " ", 1),
               V(u("i", Ag, null, 512), [
@@ -14610,7 +14612,7 @@ function Wg(e, i, t, s, n, r) {
             }, () => [
               u("i", {
                 class: "before-choosen",
-                style: w({ background: t.choosenSliderBackground })
+                style: b({ background: t.choosenSliderBackground })
               }, null, 4),
               ue(" " + O(r.valueTrigger(l.type) !== "divider" ? r.valueTrigger(l.text) : "") + " ", 1),
               V(u("i", zg, null, 512), [
@@ -14770,7 +14772,7 @@ const go = /* @__PURE__ */ ye(Pg, [["render", Wg]]), Ng = { class: "ms-Icon ms-I
       const n = j("fv-text-box");
       return p(), y("div", {
         class: D(["fv-MenuFlyout", [t.$theme, { disabled: t.isDisabled }]]),
-        style: w({
+        style: b({
           "z-index": t.status ? 30 : "",
           overflow: "visible"
         })
@@ -14820,7 +14822,7 @@ const go = /* @__PURE__ */ ye(Pg, [["render", Wg]]), Ng = { class: "ms-Icon ms-I
             }, () => [
               u("i", {
                 class: "before-choosen",
-                style: w({ background: r.choosenSliderBackground })
+                style: b({ background: r.choosenSliderBackground })
               }, null, 4),
               ue(" " + O(t.valueTrigger(r.item.type) !== "divider" ? t.valueTrigger(r.item.text) : "") + " ", 1),
               V(u("i", Ng, null, 512), [
@@ -15174,20 +15176,20 @@ const Zg = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
           { flyout: t.isFlyout },
           { mobile: t.isMobile }
         ]]),
-        style: w({
+        style: b({
           position: t.screenWidth <= e.fullSizeDisplay && t.thisExpand ? "static" : "",
           width: t.panelWidth
         })
       }, [
         u("div", {
           class: "panel-container-mobile",
-          style: w({ background: t.thisExpand ? "" : e.background })
+          style: b({ background: t.thisExpand ? "" : e.background })
         }, [
           V(B(n, {
             modelValue: "backScale",
             class: "fv-nav-default-item",
             hideContent: !0,
-            style: w({ width: `${e.compactWidth}px` }),
+            style: b({ width: `${e.compactWidth}px` }),
             onClick: s[0] || (s[0] = (o) => t.$emit("back", o))
           }, {
             default: H(() => [
@@ -15201,7 +15203,7 @@ const Zg = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
             modelValue: "scaleXDown",
             class: "fv-nav-default-item",
             hideContent: !0,
-            style: w({ width: `${e.compactWidth}px` }),
+            style: b({ width: `${e.compactWidth}px` }),
             onClick: t.expandClick
           }, {
             default: H(() => [
@@ -15214,7 +15216,7 @@ const Zg = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
         ], 4),
         u("div", {
           class: "panel-container",
-          style: w({ width: t.navWidth, background: e.background })
+          style: b({ width: t.navWidth, background: e.background })
         }, [
           A(t.$slots, "banner"),
           V(B(n, {
@@ -15564,7 +15566,7 @@ const hp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--GlobalNavButton ico
                   ]),
                   u("p", {
                     class: "name",
-                    style: w({
+                    style: b({
                       color: l.valueTrigger(l.item.type) == "header" ? e.foreground : ""
                     })
                   }, O(l.valueTrigger(l.item.name)), 5)
@@ -15911,7 +15913,7 @@ const Sp = {
         default: H(() => [
           V(u("div", {
             class: D(["fv-Panel", [t.$theme]]),
-            style: w({ zIndex: t.thisValue ? 30 : "" })
+            style: b({ zIndex: t.thisValue ? 30 : "" })
           }, [
             u("div", {
               class: "fv-panel-back-board",
@@ -15924,7 +15926,7 @@ const Sp = {
                     `${t.sideName}-side`,
                     { "acrylic-style": e.isAcrylic }
                   ]]),
-                  style: w({
+                  style: b({
                     width: t.finalWidth,
                     height: t.finalHeight,
                     background: e.background
@@ -15932,12 +15934,12 @@ const Sp = {
                 }, [
                   V(u("div", {
                     class: "fv-panel-control-block",
-                    style: w({ padding: e.controlPadding })
+                    style: b({ padding: e.controlPadding })
                   }, [
                     A(t.$slots, "header", {}, () => [
                       u("p", {
                         class: "panel-title",
-                        style: w({
+                        style: b({
                           "font-size": `${e.titleSize}px`,
                           "font-weight": e.titleWeight,
                           color: e.titleColor
@@ -15953,7 +15955,7 @@ const Sp = {
                   ]),
                   u("div", {
                     class: "fv-panel-main-container",
-                    style: w({ padding: e.contentPadding })
+                    style: b({ padding: e.contentPadding })
                   }, [
                     A(t.$slots, "container", {}, () => [
                       ue(" Content Here ")
@@ -15961,7 +15963,7 @@ const Sp = {
                   ], 4),
                   V(u("div", {
                     class: "fv-panel-footer",
-                    style: w({ padding: e.controlPadding })
+                    style: b({ padding: e.controlPadding })
                   }, [
                     A(t.$slots, "footer", {}, () => [
                       B(n, {
@@ -16114,11 +16116,11 @@ const Ip = { class: "persona-content-block" }, xp = {
       }, [
         u("div", {
           class: "persona-avatar",
-          style: w({ width: `${e.size}px`, height: `${e.size}px` })
+          style: b({ width: `${e.size}px`, height: `${e.size}px` })
         }, [
           u("div", {
             class: "persona-bg",
-            style: w({
+            style: b({
               background: e.background ? e.background : t.nameCardBackground,
               "font-size": `${e.size / 2.3}px`
             })
@@ -16130,7 +16132,7 @@ const Ip = { class: "persona-content-block" }, xp = {
           }, null, 8, ["src"])) : se("", !0),
           V(u("i", {
             class: D(["ms-Icon status-icon", [`ms-Icon--${t.currentIcon}`]]),
-            style: w({
+            style: b({
               "font-size": `${t.iconFontSize}px`,
               color: t.currentIconColor
             })
@@ -16141,7 +16143,7 @@ const Ip = { class: "persona-content-block" }, xp = {
         V(u("div", Ip, [
           u("span", {
             class: "persona-title",
-            style: w({ "font-size": `${t.titleFontSize}px` })
+            style: b({ "font-size": `${t.titleFontSize}px` })
           }, [
             A(t.$slots, "name", {}, () => [
               u("p", null, O(e.name), 1)
@@ -16149,7 +16151,7 @@ const Ip = { class: "persona-content-block" }, xp = {
           ], 4),
           u("span", {
             class: "persona-secondary",
-            style: w({ "font-size": `${t.secondaryFontSize}px` })
+            style: b({ "font-size": `${t.secondaryFontSize}px` })
           }, [
             A(t.$slots, "secondary")
           ], 4)
@@ -16294,11 +16296,11 @@ function Fp(e, i, t, s, n, r) {
   return p(), y("div", Lp, [
     u("span", {
       class: "fv-pivot-s",
-      style: w({ "margin-left": `${n.domLeft}px`, width: `${n.domWidth}px` })
+      style: b({ "margin-left": `${n.domLeft}px`, width: `${n.domWidth}px` })
     }, [
       u("p", {
         class: D(["fv-pivot-s-item", [{ "is-boxshadow": t.sliderBoxshadow }]]),
-        style: w({
+        style: b({
           background: t.background,
           borderRadius: t.sliderBorderRadius + "px"
         })
@@ -16473,7 +16475,7 @@ const vo = /* @__PURE__ */ ye(Mp, [["render", Fp]]), Pp = { class: "pivot-wrappe
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
       class: D(["fv-Pivot", [t.$theme, e.tab ? "tab" : ""]]),
-      style: w({
+      style: b({
         padding: e.padding,
         background: e.background,
         borderRadius: e.borderRadius + "px"
@@ -16489,7 +16491,7 @@ const vo = /* @__PURE__ */ ye(Mp, [["render", Fp]]), Pp = { class: "pivot-wrappe
             key: r,
             ref_for: !0,
             ref: `item_${r}`,
-            style: w({ width: t.itemWidth(n), padding: e.itemPadding }),
+            style: b({ width: t.itemWidth(n), padding: e.itemPadding }),
             onClick: (o) => t.itemClick(n)
           }, [
             A(t.$slots, "container", {
@@ -16499,7 +16501,7 @@ const vo = /* @__PURE__ */ ye(Mp, [["render", Fp]]), Pp = { class: "pivot-wrappe
               valueTrigger: t.valueTrigger
             }, () => [
               u("p", {
-                style: w({
+                style: b({
                   fontSize: `${e.fontSize}px`,
                   color: t.eqal(n) ? e.choosenForeground : e.foreground
                 })
@@ -16578,17 +16580,17 @@ const Wp = {
         e.loading.toString() != "true" ? "normal" : "",
         t.isDisabled ? "disabled" : ""
       ]]),
-      style: w({ background: e.background, borderRadius: e.borderRadius + "px" })
+      style: b({ background: e.background, borderRadius: e.borderRadius + "px" })
     }, [
       (p(), y(ee, null, te(5, (n) => V(u("p", {
         class: "unit",
-        style: w({ background: e.foreground }),
+        style: b({ background: e.foreground }),
         key: n
       }, null, 4), [
         [x, e.loading.toString() == "true"]
       ])), 64)),
       V(u("i", {
-        style: w({
+        style: b({
           width: (t.percent <= 100 ? t.percent : 100) + "%",
           background: e.foreground,
           borderRadius: e.borderRadius + "px"
@@ -16641,7 +16643,7 @@ function Up(e, i, t, s, n, r) {
     class: D(["fv-progressRing-legacy", t.size])
   }, [
     (p(), y(ee, null, te(5, (o) => u("p", {
-      style: w(n.styles.p),
+      style: b(n.styles.p),
       key: o
     }, null, 4)), 64))
   ], 2);
@@ -16740,7 +16742,7 @@ const bo = /* @__PURE__ */ ye(Gp, [["render", Up]]), Yp = ["width", "height"], _
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
       class: D(["fv-ProgressRing", [t.$theme]]),
-      style: w({ width: `${e.r * 2}px`, height: `${e.r * 2}px` })
+      style: b({ width: `${e.r * 2}px`, height: `${e.r * 2}px` })
     }, [
       V((p(), y("svg", {
         width: `${e.r * 2}px`,
@@ -16769,7 +16771,7 @@ const bo = /* @__PURE__ */ ye(Gp, [["render", Up]]), Yp = ["width", "height"], _
           fill: "none",
           "stroke-dashoffset": `${e.loading ? t.l - t.Loading.ratio / 100 * t.l : t.l - t.valueCache / 100 * t.l}px`,
           "stroke-dasharray": `${t.l}px`,
-          style: w({
+          style: b({
             transform: `rotate(${e.loading ? t.Loading.rotate : -90}deg)`
           })
         }, null, 12, jp)
@@ -16865,7 +16867,7 @@ const Jp = ["src"], Qp = {
         { disabled: t.isDisabled }
       ]]),
       onClick: s[0] || (s[0] = (...n) => t.click && t.click(...n)),
-      style: w({
+      style: b({
         "border-color": t.isActived ? e.foreground : "",
         "border-radius": `${e.iconBlockBorderRadius}px`,
         "border-width": `${e.iconBlockBorderWidth}px`
@@ -16875,13 +16877,13 @@ const Jp = ["src"], Qp = {
         type: "radio",
         ref: "button",
         class: D(["fv-radio-button", [{ actived: t.isActived }, { disabled: t.isDisabled }]]),
-        style: w({
+        style: b({
           background: t.isActived ? e.foreground : ""
         })
       }, null, 6),
       u("label", {
         class: "fv-radio-label",
-        style: w({ color: e.color })
+        style: b({ color: e.color })
       }, [
         e.image ? (p(), y("img", {
           key: 0,
@@ -17036,15 +17038,15 @@ const tv = { class: "fv-rating-container" }, iv = ["onMousemove", "onTouchmove",
         }, [
           u("i", {
             class: D(["ms-Icon background", [`ms-Icon--${e.defaultIcon}`]]),
-            style: w({ color: e.borderColor })
+            style: b({ color: e.borderColor })
           }, null, 6),
           V(u("div", {
             class: "fv-rating-mask",
-            style: w({ width: `${t.itemRatio(r)}%` })
+            style: b({ width: `${t.itemRatio(r)}%` })
           }, [
             u("i", {
               class: D(["ms-Icon foreground", [`ms-Icon--${e.selectedIcon}`]]),
-              style: w({ color: e.selectedColor })
+              style: b({ color: e.selectedColor })
             }, null, 6)
           ], 4), [
             [x, t.itemShow(r)]
@@ -17461,7 +17463,7 @@ const dv = {
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
       class: D(["fv-RevealContainer", [t.$theme]]),
-      style: w({ "border-radius": `${t.computedBorderRadius}px` }),
+      style: b({ "border-radius": `${t.computedBorderRadius}px` }),
       onClick: s[0] || (s[0] = (n) => {
         n.preventDefault(), t.isDisabled || t.$emit("click", n);
       })
@@ -17534,7 +17536,7 @@ const dv = {
           y: e.borderWidth / 2,
           rx: t.computedBorderRadius,
           ry: t.computedBorderRadius,
-          style: w([{ "box-sizing": "border-box" }, {
+          style: b([{ "box-sizing": "border-box" }, {
             width: `${t.offset.right - t.offset.left - e.borderWidth}px`,
             height: `${t.offset.bottom - t.offset.top - e.borderWidth}px`,
             stroke: `url(#borderG_${t.id})`,
@@ -17547,7 +17549,7 @@ const dv = {
           y: e.borderWidth / 2,
           rx: t.computedBorderRadius,
           ry: t.computedBorderRadius,
-          style: w([{ stroke: "transparent", "box-sizing": "border-box" }, {
+          style: b([{ stroke: "transparent", "box-sizing": "border-box" }, {
             width: `${t.offset.right - t.offset.left - e.borderWidth}px`,
             height: `${t.offset.bottom - t.offset.top - e.borderWidth}px`,
             fill: t.inside ? `url(#clickG_${t.id})` : "transparent",
@@ -17641,7 +17643,7 @@ const xv = { class: "right-menu-list" }, Ev = /* @__PURE__ */ u("span", null, [
       default: H(() => [
         V(u("div", {
           class: D(["fv-RightMenu", [n.$theme]]),
-          style: w({
+          style: b({
             left: n.posX + "px",
             top: n.posY + "px",
             width: e.rightMenuWidth + "px",
@@ -17999,7 +18001,7 @@ const Av = { class: "search-box-placeholder" }, zv = { class: "search-box-contai
           t.isUnderline ? "underline" : "",
           { shadow: e.isBoxShadow }
         ]]),
-        style: w([{ background: e.background, borderRadius: `${e.borderRadius}px` }]),
+        style: b([{ background: e.background, borderRadius: `${e.borderRadius}px` }]),
         onKeydown: s[11] || (s[11] = (o) => t.show.searchResult = !0),
         onKeyup: s[12] || (s[12] = Xi((...o) => t.onBackspace && t.onBackspace(...o), ["delete"])),
         onClick: s[13] || (s[13] = (o) => t.isFocus = !0)
@@ -18017,7 +18019,7 @@ const Av = { class: "search-box-placeholder" }, zv = { class: "search-box-contai
         }, null, 8, ["parent", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "disabled"]),
         u("div", {
           class: "search-box-wrapper-container",
-          style: w([
+          style: b([
             t.thisBorderColor,
             {
               background: e.background,
@@ -18052,7 +18054,7 @@ const Av = { class: "search-box-placeholder" }, zv = { class: "search-box-contai
               disabled: t.isDisabled,
               maxlength: e.maxlength,
               ref: "input",
-              style: w({
+              style: b({
                 "font-size": `${e.fontSize}px`,
                 "font-weight": e.fontWeight,
                 color: e.foreground,
@@ -18170,7 +18172,7 @@ const Yv = /* @__PURE__ */ u("div", {
       u("div", {
         class: "shimmer-container",
         ref: "shimmer",
-        style: w({
+        style: b({
           "background-image": `radial-gradient(circle ${t.gradientSize}px at ${t.x}px ${t.y}px, ${t.backgroundLightColor}, rgba(255,255,255,0))`
         })
       }, [
@@ -18377,14 +18379,14 @@ const qv = ["title"], Kv = { class: "fv-slider-unit-container" }, Jv = {
       u("div", {
         class: "fv-slider-main",
         ref: "bar",
-        style: w({
+        style: b({
           background: t.progress >= 100 ? e.color : e.background ? e.background : ""
         })
       }, [
         u("div", {
           ref: "btn",
           class: "fv-slider-ring-container",
-          style: w({
+          style: b({
             left: t.finalLeft + "px",
             top: t.finalTop + "px",
             background: e.iconWrapperBackground
@@ -18396,12 +18398,12 @@ const qv = ["title"], Kv = { class: "fv-slider-unit-container" }, Jv = {
         }, [
           u("i", {
             class: D(["ms-Icon fv-slider-ring-icon", [`ms-Icon--${e.icon}`]]),
-            style: w({ color: e.color })
+            style: b({ color: e.color })
           }, null, 6)
         ], 36),
         u("div", {
           class: "fv-slider-loaded",
-          style: w({
+          style: b({
             width: e.vertical ? "" : t.finalLeft + t.btnEl.width / 2 + "px",
             height: e.vertical ? t.finalTop + t.btnEl.height / 2 + "px" : "",
             background: e.color
@@ -18410,7 +18412,7 @@ const qv = ["title"], Kv = { class: "fv-slider-unit-container" }, Jv = {
         V(u("div", {
           class: "fv-slider-label",
           title: t.progress,
-          style: w({
+          style: b({
             left: e.vertical ? "" : t.finalLeft - 20 + t.btnEl.width / 2 + "px",
             top: e.vertical ? t.finalTop - 14 + t.btnEl.height / 2 + "px" : ""
           })
@@ -18425,7 +18427,7 @@ const qv = ["title"], Kv = { class: "fv-slider-unit-container" }, Jv = {
           (p(!0), y(ee, null, te(t.scaleList, (n, r) => (p(), y("i", {
             key: `top: ${r}`,
             class: "fv-slider-unit-item first",
-            style: w({
+            style: b({
               left: e.vertical ? "" : `calc(${n.ratio * (t.barEl.width - t.btnEl.width) + t.btnEl.width / 2}px)`,
               top: e.vertical ? `calc(${n.ratio * (t.barEl.height - t.btnEl.height) + t.btnEl.height / 2}px)` : ""
             })
@@ -18433,7 +18435,7 @@ const qv = ["title"], Kv = { class: "fv-slider-unit-container" }, Jv = {
           (p(!0), y(ee, null, te(t.scaleList, (n, r) => (p(), y("i", {
             key: `bottom: ${r}`,
             class: "fv-slider-unit-item second",
-            style: w({
+            style: b({
               left: e.vertical ? "" : `calc(${n.ratio * (t.barEl.width - t.btnEl.width) + t.btnEl.width / 2}px)`,
               top: e.vertical ? `calc(${n.ratio * (t.barEl.height - t.btnEl.height) + t.btnEl.height / 2}px)` : ""
             })
@@ -18601,14 +18603,14 @@ const eb = {
             (p(!0), y(ee, null, te(e.leftOptions, (n, r) => (p(), y("div", {
               class: D(["fv-SwipeControl-btn", [t.valueTrigger(n.type)]]),
               key: r,
-              style: w({
+              style: b({
                 width: r === e.leftOptions.length - 1 ? "" : `${t.opWidth / e.leftOptions.length}px`
               }),
               onClick: (o) => t.callFunc(n)
             }, [
               u("div", {
                 class: "fv-SwipeControl-btn-content-block",
-                style: w({
+                style: b({
                   width: `${t.opWidth / e.leftOptions.length}px`
                 })
               }, [
@@ -18625,7 +18627,7 @@ const eb = {
           ]),
           u("div", {
             class: "fv-SwipeControl-main swiper-slide",
-            style: w({ padding: e.itemPadding })
+            style: b({ padding: e.itemPadding })
           }, [
             A(t.$slots, "default", {}, () => [
               ue(" Swipe Control ")
@@ -18635,14 +18637,14 @@ const eb = {
             (p(!0), y(ee, null, te(t.thisOptions, (n, r) => (p(), y("div", {
               class: D(["fv-SwipeControl-btn", [t.valueTrigger(n.type)]]),
               key: r,
-              style: w({
+              style: b({
                 width: r === t.thisOptions.length - 1 ? "" : `${t.opWidth / t.thisOptions.length}px`
               }),
               onClick: (o) => t.callFunc(n)
             }, [
               u("div", {
                 class: "fv-SwipeControl-btn-content-block",
-                style: w({
+                style: b({
                   width: `${t.opWidth / t.thisOptions.length}px`
                 })
               }, [
@@ -18968,7 +18970,7 @@ const gb = Object.assign(mb, {
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
       class: D(["fv-TabView", [t.$theme, { disabled: t.isDisabled }]]),
-      style: w({
+      style: b({
         padding: e.padding,
         background: e.background,
         borderRadius: ct(e.borderRadius),
@@ -18993,7 +18995,7 @@ const gb = Object.assign(mb, {
                   "drop-after": t.isDropPosition(n, "after")
                 }]),
                 key: n._tabViewKey,
-                style: w({
+                style: b({
                   ...t.tabItemSizeStyle,
                   height: ct(e.itemHeight),
                   color: t.eqal(n) ? e.choosenForeground || "" : e.foreground || "",
@@ -19017,7 +19019,7 @@ const gb = Object.assign(mb, {
                     class: "tab-view-item-icon tab-view-item-image",
                     src: t.itemImage(n),
                     alt: t.itemTitle(n),
-                    style: w({
+                    style: b({
                       borderRadius: ct(e.imgBorderRadius)
                     }),
                     draggable: "false"
@@ -19028,13 +19030,13 @@ const gb = Object.assign(mb, {
                   }, null, 2)) : se("", !0),
                   u("p", {
                     class: "tab-view-item-title",
-                    style: w({ fontSize: ct(e.fontSize) })
+                    style: b({ fontSize: ct(e.fontSize) })
                   }, O(t.itemTitle(n)), 5)
                 ]),
                 t.tabClosable(n) ? (p(), y("div", {
                   key: 0,
                   class: "tab-view-item-close",
-                  style: w({ color: e.closeButtonForeground || "" }),
+                  style: b({ color: e.closeButtonForeground || "" }),
                   onClick: ht((o) => t.closeItem(o, r, n), ["stop"])
                 }, [
                   A(t.$slots, "close-button", {
@@ -19043,7 +19045,7 @@ const gb = Object.assign(mb, {
                   }, () => [
                     u("i", {
                       class: D(["ms-Icon", `ms-Icon--${e.closeButtonIcon}`]),
-                      style: w({
+                      style: b({
                         fontSize: ct(e.closeIconSize)
                       })
                     }, null, 6)
@@ -19059,7 +19061,7 @@ const gb = Object.assign(mb, {
         e.showAddButton ? (p(), y("div", {
           key: 0,
           class: D(["tab-view-add-button", { disabled: t.isDisabled }]),
-          style: w({
+          style: b({
             width: ct(e.itemHeight),
             minWidth: ct(e.itemHeight),
             height: ct(e.itemHeight),
@@ -19228,11 +19230,11 @@ function yb(e, i, t, s, n, r) {
     ]),
     u("p", {
       class: D(["onDrop", [{ show: n.dropMode }]]),
-      style: w({ background: n.dropMode ? t.foreground : "" })
+      style: b({ background: n.dropMode ? t.foreground : "" })
     }, null, 6),
     u("div", {
       class: "fv-tableview-cell-item check-box",
-      style: w([r.computedRowStyles])
+      style: b([r.computedRowStyles])
     }, [
       B(o, {
         modelValue: t.row.choosen,
@@ -19253,7 +19255,7 @@ function yb(e, i, t, s, n, r) {
       fixedLeftWidth: r.fixedLeftWidth[l],
       fixedRightWidth: r.fixedRightWidth[l],
       theme: t.theme,
-      style: w([r.computedRowStyles]),
+      style: b([r.computedRowStyles]),
       onDropItem: i[4] || (i[4] = (d) => e.$emit("drop-item", d)),
       onSetSelect: i[5] || (i[5] = (d) => e.$emit("set-select", d))
     }, null, 40, ["modelValue", "head", "i18n", "selectPos", "foreground", "row_index", "col_index", "fixedLeftWidth", "fixedRightWidth", "theme", "style"])), [
@@ -19261,7 +19263,7 @@ function yb(e, i, t, s, n, r) {
     ])), 128)),
     u("div", {
       class: "fv-tableview-cell-item op-tools",
-      style: w([r.computedRowStyles])
+      style: b([r.computedRowStyles])
     }, null, 4)
   ], 42, bb);
 }
@@ -19487,7 +19489,7 @@ function Bb(e, i, t, s, n, r) {
     }, [
       u("i", {
         class: "onDrop",
-        style: w({ background: n.dropHead === a ? r.dropBackground : "" })
+        style: b({ background: n.dropHead === a ? r.dropBackground : "" })
       }, null, 4),
       u("div", Mb, [
         V(u("i", {
@@ -19673,7 +19675,7 @@ function Xb(e, i, t, s, n, r) {
     }, [
       u("i", {
         class: "onDrop",
-        style: w({
+        style: b({
           background: n.dropHead === h ? r.dropBackground : ""
         })
       }, null, 4),
@@ -19922,7 +19924,7 @@ function e0(e, i, t, s, n, r) {
             V(u("div", {
               draggable: "false",
               class: "fv-tableview-edit-wrapper-container",
-              style: w({ width: t.wrapperWidth }),
+              style: b({ width: t.wrapperWidth }),
               onDragstart: i[0] || (i[0] = (...a) => r.stopDragWrapper && r.stopDragWrapper(...a)),
               onClick: i[1] || (i[1] = (a) => a.stopPropagation())
             }, [
@@ -20083,7 +20085,7 @@ const ts = /* @__PURE__ */ ye(Zb, [["render", e0]]), t0 = { style: { "margin-lef
         onDragover: s[20] || (s[20] = (...o) => t.dragOver && t.dragOver(...o)),
         onDragleave: s[21] || (s[21] = (...o) => t.dragLeave && t.dragLeave(...o)),
         onDrop: s[22] || (s[22] = (...o) => t.dropItem && t.dropItem(...o)),
-        style: w({
+        style: b({
           left: t.modelValue.fixed && !t.modelValue.fixedSide ? t.fixedLeftWidth + "px" : "",
           right: t.modelValue.fixed && t.modelValue.fixedSide ? t.fixedRightWidth + "px" : "",
           width: t.modelValue.width + "px",
@@ -20414,7 +20416,7 @@ const ts = /* @__PURE__ */ ye(Zb, [["render", e0]]), t0 = { style: { "margin-lef
             "first-selected": t.isFirstSelected
           }
         ]]),
-        style: w({
+        style: b({
           left: t.head.fixed && !t.head.fixedSide ? t.fixedLeftWidth + "px" : "",
           right: t.head.fixed && t.head.fixedSide ? t.fixedRightWidth + "px" : "",
           width: t.head.width + "px",
@@ -20435,7 +20437,7 @@ const ts = /* @__PURE__ */ ye(Zb, [["render", e0]]), t0 = { style: { "margin-lef
         ], 32),
         V(u("p", {
           class: "fv-tableview-cell-sync-btn",
-          style: w({ "border-color": t.outlineColor }),
+          style: b({ "border-color": t.outlineColor }),
           onMousedown: s[3] || (s[3] = (r) => t.mouseFunc(r, "sync-down"))
         }, null, 36), [
           [x, t.isFirstSelected]
@@ -20788,7 +20790,7 @@ const L0 = { class: "fv-tableview-default-edittool-row between" }, F0 = {
               (p(!0), y(ee, null, te(t.showAsList, (l, d) => (p(), y("div", {
                 key: d,
                 class: "hor-item",
-                style: w({
+                style: b({
                   color: t.modelValue.showAs === l.key ? t.foreground : "",
                   outline: t.modelValue.showAs === l.key ? `2px solid ${t.foreground}` : ""
                 }),
@@ -20813,7 +20815,7 @@ const L0 = { class: "fv-tableview-default-edittool-row between" }, F0 = {
                   options: H((l) => [
                     u("i", {
                       class: "color-block",
-                      style: w([{ background: l.option.color }, { "flex-shrink": "0" }])
+                      style: b([{ background: l.option.color }, { "flex-shrink": "0" }])
                     }, null, 4),
                     u("p", H0, O(t.i18n(t.getColorName(l.option.name))), 1)
                   ]),
@@ -20821,7 +20823,7 @@ const L0 = { class: "fv-tableview-default-edittool-row between" }, F0 = {
                     u("div", G0, [
                       u("i", {
                         class: "color-block",
-                        style: w({
+                        style: b({
                           background: l.value.length > 0 ? l.value[0].color : ""
                         })
                       }, null, 4),
@@ -22171,7 +22173,7 @@ const rn = Vo, q0 = Z(To), K0 = { style: { width: "100%", "padding-right": "5px"
           ]),
           u("div", {
             class: "fv-tableview-head-row",
-            style: w({ width: t.sumWidth + "px" })
+            style: b({ width: t.sumWidth + "px" })
           }, [
             u("div", Dw, [
               B(r, {
@@ -22224,7 +22226,7 @@ const rn = Vo, q0 = Z(To), K0 = { style: { width: "100%", "padding-right": "5px"
             theme: t.$theme,
             extensions: t.thisExtensions,
             dragItem: t.drag.rowItem,
-            style: w({ width: t.sumWidth + "px" }),
+            style: b({ width: t.sumWidth + "px" }),
             onUpdateDragItem: s[3] || (s[3] = (d) => t.drag.rowItem = d),
             onDropItem: (d) => t.swapRow(d.drag, a),
             onAddRow: (d) => t.addRow(l),
@@ -22233,7 +22235,7 @@ const rn = Vo, q0 = Z(To), K0 = { 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: w({ width: t.sumWidth + "px" }),
+            style: b({ width: t.sumWidth + "px" }),
             onClick: s[4] || (s[4] = (a) => t.addRow())
           }, [
             Lw,
@@ -22450,7 +22452,7 @@ const zw = ["onClick"], Ww = { class: "fv-tag-default-content" }, Nw = { class:
             e.size,
             { disabled: r.disabled }
           ]]),
-          style: w({
+          style: b({
             background: r.background ? t.getColor(r.background).background : "",
             borderColor: r.background ? t.getColor(r.background).borderColor : "",
             color: r.background ? t.getColor(r.background).color : "",
@@ -22460,7 +22462,7 @@ const zw = ["onClick"], Ww = { class: "fv-tag-default-content" }, Nw = { class:
         }, [
           u("span", {
             class: "fv-tag-content",
-            style: w({ "font-size": e.fontSize + "px" })
+            style: b({ "font-size": e.fontSize + "px" })
           }, [
             A(t.$slots, "default", {}, () => [
               u("p", Ww, O(r.text), 1)
@@ -22478,7 +22480,7 @@ const zw = ["onClick"], Ww = { class: "fv-tag-default-content" }, Nw = { class:
         V(u("div", {
           ref: "add",
           class: D(["fv-tag-item controller", [e.size]]),
-          style: w({
+          style: b({
             background: e.newTagBackground ? t.getColor(e.newTagBackground).background : "",
             borderColor: e.newTagBackground ? t.getColor(e.newTagBackground).borderColor : "",
             color: e.newTagBackground ? t.getColor(e.newTagBackground).color : "",
@@ -22491,7 +22493,7 @@ const zw = ["onClick"], Ww = { class: "fv-tag-default-content" }, Nw = { class:
           ]),
           V(u("span", {
             class: "fv-tag-content",
-            style: w({ "font-size": e.fontSize + "px" })
+            style: b({ "font-size": e.fontSize + "px" })
           }, [
             A(t.$slots, "default", {}, () => [
               u("p", _w, O(e.newTagPlaceholder), 1)
@@ -22725,7 +22727,7 @@ function Zw(e, i, t, s, n, r) {
       readonly: r.isReadOnly,
       disabled: r.isDisabled,
       ref: "input",
-      style: w({
+      style: b({
         "font-size": `${t.fontSize}px`,
         "font-weight": t.fontWeight,
         color: t.foreground,
@@ -22885,7 +22887,7 @@ function ny(e, i, t, s, n, r) {
       disabled: r.isDisabled,
       maxlength: t.maxlength,
       ref: "input",
-      style: w({
+      style: b({
         "font-size": `${t.fontSize}px`,
         "font-weight": t.fontWeight,
         color: t.foreground,
@@ -23113,7 +23115,7 @@ const Eo = /* @__PURE__ */ ye(ty, [["render", ny]]), ry = { class: "fix-block" }
           r.isUnderline ? "underline" : "",
           { shadow: e.isBoxShadow }
         ]]),
-        style: w([{ background: e.background, borderRadius: `${e.borderRadius}px` }]),
+        style: b([{ background: e.background, borderRadius: `${e.borderRadius}px` }]),
         onClick: o[8] || (o[8] = (l) => {
           r.isFocus = !0, r.$emit("click", l);
         })
@@ -23131,7 +23133,7 @@ const Eo = /* @__PURE__ */ ye(ty, [["render", ny]]), ry = { class: "fix-block" }
         }, null, 8, ["parent", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "disabled"]),
         u("div", {
           class: "fv-text-box-wrapper-container",
-          style: w({
+          style: b({
             borderWidth: `${e.borderWidth}px`,
             borderColor: r.isFocus ? e.focusBorderColor : e.borderColor,
             borderRadius: `${e.borderRadius}px`
@@ -23145,7 +23147,7 @@ const Eo = /* @__PURE__ */ ye(ty, [["render", ny]]), ry = { class: "fix-block" }
           A(r.$slots, "left-icon", {}, () => [
             V(u("i", {
               class: D(["ms-Icon icon-block", [`ms-Icon--${e.leftIcon}`]]),
-              style: w({ color: e.iconForeground }),
+              style: b({ color: e.iconForeground }),
               onClick: o[0] || (o[0] = (l) => r.$emit("left-icon-click", l))
             }, null, 6), [
               [x, e.leftIcon != ""]
@@ -23182,7 +23184,7 @@ const Eo = /* @__PURE__ */ ye(ty, [["render", ny]]), ry = { class: "fix-block" }
           A(r.$slots, "icon", {}, () => [
             V(u("i", {
               class: D(["ms-Icon icon-block", [`ms-Icon--${e.icon}`]]),
-              style: w({ color: e.iconForeground }),
+              style: b({ color: e.iconForeground }),
               onClick: o[7] || (o[7] = (l) => r.$emit("icon-click", l))
             }, null, 6), [
               [x, e.icon != ""]
@@ -23326,7 +23328,7 @@ const uy = ["placeholder", "readonly", "disabled", "maxlength"], hy = {
           { underline: t.isUnderline },
           { shadow: e.isBoxShadow }
         ]]),
-        style: w([{ background: e.background, borderRadius: `${e.borderRadius}px` }])
+        style: b([{ background: e.background, borderRadius: `${e.borderRadius}px` }])
       }, [
         B(n, {
           parent: () => t.$el,
@@ -23341,7 +23343,7 @@ const uy = ["placeholder", "readonly", "disabled", "maxlength"], hy = {
         }, null, 8, ["parent", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "disabled"]),
         u("div", {
           class: "text-field-wrapper-container",
-          style: w({
+          style: b({
             borderWidth: `${e.borderWidth}px`,
             borderColor: t.isFocus ? e.focusBorderColor : e.borderColor,
             borderRadius: `${e.borderRadius}px`
@@ -23354,7 +23356,7 @@ const uy = ["placeholder", "readonly", "disabled", "maxlength"], hy = {
             readonly: t.isReadOnly,
             disabled: t.isDisabled,
             maxlength: e.maxlength,
-            style: w({
+            style: b({
               "font-size": `${e.fontSize}px`,
               "font-weight": e.fontWeight,
               color: e.foreground,
@@ -23617,11 +23619,11 @@ const Yy = {
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
       class: D(["fv-TimePicker", [t.$theme, { disabled: e.disabled }]]),
-      style: w({ "--hover-color": e.hoverColor })
+      style: b({ "--hover-color": e.hoverColor })
     }, [
       u("div", {
         class: "fv-time-picker-input",
-        style: w({ background: e.inputBackground }),
+        style: b({ background: e.inputBackground }),
         onClick: s[0] || (s[0] = (n) => t.focus())
       }, [
         u("input", {
@@ -23633,12 +23635,12 @@ const Yy = {
           value: t.showTime(1),
           readonly: "",
           class: "fv-time-picker-input-item",
-          style: w({ borderColor: e.innerBorderColor })
+          style: b({ borderColor: e.innerBorderColor })
         }, null, 12, gy),
         V(u("input", {
           value: e.period[t.decodeTime(2)],
           readonly: "",
-          style: w({ borderColor: e.innerBorderColor }),
+          style: b({ borderColor: e.innerBorderColor }),
           class: "fv-time-picker-input-item"
         }, null, 12, py), [
           [x, e.timeType == 12]
@@ -23648,36 +23650,36 @@ const Yy = {
         default: H(() => [
           V(u("div", {
             class: "fv-time-picker-options",
-            style: w({ background: e.optionBackground })
+            style: b({ background: e.optionBackground })
           }, [
             u("div", vy, [
               u("div", {
                 class: "fv-time-picker-options-body-mask",
-                style: w({ background: e.selectedBackground })
+                style: b({ background: e.selectedBackground })
               }, null, 4),
               u("div", {
                 class: "fv-time-picker-options-body-col",
-                style: w({ borderColor: e.innerBorderColor })
+                style: b({ borderColor: e.innerBorderColor })
               }, [
                 u("div", {
                   class: "fv-time-picker-options-body-col-up",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[1] || (s[1] = (n) => t.hourSwiper.slidePrev())
                 }, wy, 4),
                 u("div", yy, $y, 512),
                 u("div", {
                   class: "fv-time-picker-options-body-col-down",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[2] || (s[2] = (n) => t.hourSwiper.slideNext())
                 }, Sy, 4)
               ], 4),
               u("div", {
                 class: "fv-time-picker-options-body-col",
-                style: w({ borderColor: e.innerBorderColor })
+                style: b({ borderColor: e.innerBorderColor })
               }, [
                 u("div", {
                   class: "fv-time-picker-options-body-col-up",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[3] || (s[3] = (n) => t.minuteSwiper.slidePrev())
                 }, Ty, 4),
                 u("div", Iy, [
@@ -23687,14 +23689,14 @@ const Yy = {
                 ], 512),
                 u("div", {
                   class: "fv-time-picker-options-body-col-down",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[4] || (s[4] = (n) => t.minuteSwiper.slideNext())
                 }, My, 4)
               ], 4),
               V(u("div", Ly, [
                 u("div", {
                   class: "fv-time-picker-options-body-col-up",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[5] || (s[5] = (n) => t.periodSwiper.slidePrev())
                 }, Py, 4),
                 u("div", Ry, [
@@ -23704,7 +23706,7 @@ const Yy = {
                 ], 512),
                 u("div", {
                   class: "fv-time-picker-options-body-col-down",
-                  style: w({ background: e.slideBtnBackground }),
+                  style: b({ background: e.slideBtnBackground }),
                   onClick: s[6] || (s[6] = (n) => t.periodSwiper.slideNext())
                 }, zy, 4)
               ], 512), [
@@ -23789,7 +23791,7 @@ const Xy = {
 function qy(e, i, t, s, n, r) {
   return p(), y("div", {
     class: "fv-toggle-ring",
-    style: w({ left: n.moveable ? `${t.left}px` : "", background: t.value ? "" : t.ringBackground }),
+    style: b({ left: n.moveable ? `${t.left}px` : "", background: t.value ? "" : t.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)),
@@ -23900,7 +23902,7 @@ const Do = /* @__PURE__ */ ye(Xy, [["render", qy]]), Ky = {
       u("div", {
         class: D(["fv-toggle-border", { "toggle-on": t.thisValue }]),
         ref: "border",
-        style: w([
+        style: b([
           {
             width: t.finalWidth,
             height: t.finalHeight,
@@ -23924,7 +23926,7 @@ const Do = /* @__PURE__ */ ye(Xy, [["render", qy]]), Ky = {
         }, null, 8, ["value", "left", "ringBackground", "theme", "onMousedown", "onTouchstart", "onMousemove", "onTouchmove", "onMouseup", "onTouchend"]),
         V(u("p", {
           class: "fv-toggle-inside-content",
-          style: w([{
+          style: b([{
             left: t.thisValue ? "10px" : "",
             right: t.thisValue ? "" : "10px",
             color: t.thisValue ? "white" : e.offForeground
@@ -23935,7 +23937,7 @@ const Do = /* @__PURE__ */ ye(Xy, [["render", qy]]), Ky = {
       ], 6),
       V(u("p", {
         class: "fv-toggle-content",
-        style: w({ color: t.thisValue ? e.onForeground : e.offForeground })
+        style: b({ color: t.thisValue ? e.onForeground : e.offForeground })
       }, O(t.thisValue ? e.on : e.off), 5), [
         [x, !e.insideContent]
       ])
@@ -23999,6 +24001,9 @@ const Zy = {
     unexpandedIcon: {
       default: "ChevronRightSmall"
     },
+    expanderIconColor: {
+      default: ""
+    },
     itemHeight: {
       default: 30
     },
@@ -24164,12 +24169,13 @@ function o1(e, i, t, s, n, r) {
     class: "fv-tree-view-item",
     draggable: t.draggable,
     onDragstart: i[21] || (i[21] = (...d) => r.handleDrag && r.handleDrag(...d)),
-    onDragend: i[22] || (i[22] = (d) => n.dragMode = !1)
+    onDragend: i[22] || (i[22] = (d) => n.dragMode = !1),
+    style: b({ "--tree-view-expander-icon-color": t.expanderIconColor })
   }, [
     u("div", {
       class: D(["fv-tree-view-item-container", [{ selected: t.modelValue.selected, disabled: r.valueTrigger(t.modelValue.disabled) }]]),
       ref: "item",
-      style: w({ height: `${t.itemHeight}px`, "background-color": n.dropMode === "enter" ? t.dropBackgroundColor : r.backgroundColor, "border-top": n.dropMode === "before" ? `${t.itemHeight}px solid transparent` : "" }),
+      style: b({ height: `${t.itemHeight}px`, "background-color": n.dropMode === "enter" ? t.dropBackgroundColor : r.backgroundColor, "border-top": n.dropMode === "before" ? `${t.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)),
@@ -24183,7 +24189,7 @@ function o1(e, i, t, s, n, r) {
     }, [
       V(u("i", {
         class: "fv-tree-view-item-choosen-bar",
-        style: w({ background: t.foreground })
+        style: b({ background: t.foreground })
       }, null, 4), [
         [x, t.modelValue.selected && !t.checkable]
       ]),
@@ -24200,7 +24206,7 @@ function o1(e, i, t, s, n, r) {
       ]),
       u("div", {
         class: "fv-tree-view-item-container-main",
-        style: w({ "padding-left": `${t.deep * t.space}px` })
+        style: b({ "padding-left": `${t.deep * t.space}px` })
       }, [
         t.expandedIconPosition === "left" ? (p(), y("div", t1, [
           !r.valueTrigger(t.modelValue.loading) || !t.showLoading ? V((p(), y("i", {
@@ -24236,7 +24242,7 @@ function o1(e, i, t, s, n, r) {
             }, null, 8, s1)) : se("", !0),
             u("p", {
               class: "fv-tree-view-item-text",
-              style: w({ "margin-left": t.modelValue.icon ? "10px" : "" })
+              style: b({ "margin-left": t.modelValue.icon ? "10px" : "" })
             }, O(r.valueTrigger(t.modelValue.label)), 5)
           ])
         ]),
@@ -24305,7 +24311,7 @@ function o1(e, i, t, s, n, r) {
       ]),
       _: 3
     })
-  ], 40, e1)), [
+  ], 44, e1)), [
     [x, r.valueTrigger(t.modelValue.show) !== !1]
   ]) : se("", !0);
 }
@@ -24384,6 +24390,9 @@ const Mo = /* @__PURE__ */ ye(Zy, [["render", o1]]), a1 = {
     unexpandedIcon: {
       default: "ChevronRightSmall"
     },
+    expanderIconColor: {
+      default: ""
+    },
     foreground: {
       default: "rgba(0, 90, 158, 1)"
     },
@@ -24430,6 +24439,7 @@ const Mo = /* @__PURE__ */ ye(Zy, [["render", o1]]), a1 = {
         foreground: e.foreground,
         expandedIcon: e.expandedIcon,
         unexpandedIcon: e.unexpandedIcon,
+        expanderIconColor: e.expanderIconColor,
         backgroundColorHover: e.backgroundColorHover,
         backgroundColorActive: e.backgroundColorActive,
         itemHeight: e.itemHeight,
@@ -24453,7 +24463,7 @@ const Mo = /* @__PURE__ */ ye(Zy, [["render", o1]]), a1 = {
           })
         ]),
         _: 2
-      }, 1032, ["modelValue", "kIndex", "space", "draggable", "checkable", "expandClickMode", "foreground", "expandedIcon", "unexpandedIcon", "backgroundColorHover", "backgroundColorActive", "itemHeight", "expandedIconPosition", "showLoading", "dragItem", "theme", "onRequireRender", "onSelectedChange"]))), 128))
+      }, 1032, ["modelValue", "kIndex", "space", "draggable", "checkable", "expandClickMode", "foreground", "expandedIcon", "unexpandedIcon", "expanderIconColor", "backgroundColorHover", "backgroundColorActive", "itemHeight", "expandedIconPosition", "showLoading", "dragItem", "theme", "onRequireRender", "onSelectedChange"]))), 128))
     ], 2));
   }
 }), d1 = Z(l1);
@@ -24798,7 +24808,7 @@ const Oi = /* @__PURE__ */ ye(f1, [["render", p1]]), v1 = { style: { "margin-lef
           "is-acrylic": e.isAcrylic
         }
       ]]),
-      style: w({
+      style: b({
         left: t.currentLeft,
         top: t.currentTop,
         width: t.currentWidth == 0 ? "" : `${t.currentWidth}px`,