@creatorsn/vfluent3 0.3.70 → 0.3.72

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 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";
+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 E, 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) => {
@@ -762,7 +762,7 @@ function Ts(e, i, t = {}, s, n, r) {
       k === z && (d = !0);
     }), c = !0, Wt(h, I, s.state.value[e]);
   }
-  const E = r ? function() {
+  const D = r ? function() {
     const { state: I } = t, z = I ? I() : {};
     this.$patch((q) => {
       He(q, z);
@@ -809,7 +809,7 @@ function Ts(e, i, t = {}, s, n, r) {
     $id: e,
     $onAction: hn.bind(null, f),
     $patch: L,
-    $reset: E,
+    $reset: D,
     $subscribe(C, I = {}) {
       const z = hn(h, C, I.detached, () => q()), q = o.run(() => Fe(() => s.state.value[e], (ie) => {
         (I.flush === "sync" ? c : d) && C({
@@ -1477,7 +1477,7 @@ const ya = {
   emits: ["change"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-Affix", t.$theme]),
+      class: E(["fv-Affix", t.$theme]),
       style: b({
         position: e.mode === "fixed" ? "absolute" : "",
         width: t.isFixed ? t.computedWidth : "auto",
@@ -1727,7 +1727,7 @@ const Ca = { class: "fv-animated-content-block" }, Sa = {
   emits: ["update:modelValue", "click"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-AnimatedIcon", [t.$theme]]),
+      class: E(["fv-AnimatedIcon", [t.$theme]]),
       style: b([
         {
           width: `${e.fontSize * 1 + 3}px`,
@@ -1746,13 +1746,13 @@ const Ca = { class: "fv-animated-content-block" }, Sa = {
     }, [
       u("div", {
         draggable: "false",
-        class: D(["fv-animated-icon-container", [{ hideContent: e.hideContent }]]),
+        class: E(["fv-animated-icon-container", [{ hideContent: e.hideContent }]]),
         style: b([t.animatedStyle])
       }, [
         A(t.$slots, "default", {}, () => [
           u("i", {
             ref: "a",
-            class: D(["ms-Icon", [`ms-Icon--${e.icon}`]])
+            class: E(["ms-Icon", [`ms-Icon--${e.icon}`]])
           }, null, 2)
         ])
       ], 6),
@@ -1820,13 +1820,13 @@ const Ia = /* @__PURE__ */ u("p", null, "Badge", -1), xa = { class: "badge-conte
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-Badge", [t.$theme]])
+      class: E(["fv-Badge", [t.$theme]])
     }, [
       A(t.$slots, "default", {}, () => [
         Ia
       ]),
       V(u("sup", {
-        class: D(["fv-badge-container", { dot: e.isDot }]),
+        class: E(["fv-badge-container", { dot: e.isDot }]),
         style: b({ background: t.finalColor })
       }, [
         u("p", xa, O(t.finalValue), 1)
@@ -1983,7 +1983,7 @@ const La = ["onClick"], Fa = {
   ],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-Breadcrumb", [
+      class: E(["fv-Breadcrumb", [
         t.$theme,
         {
           readOnly: e.readOnly,
@@ -2013,7 +2013,7 @@ const La = ["onClick"], Fa = {
             separatorIcon: t.separatorIcon
           }, () => [
             u("i", {
-              class: D(["fv-bc-separator-content ms-Icon", [`ms-Icon--${e.rootIcon}`]])
+              class: E(["fv-bc-separator-content ms-Icon", [`ms-Icon--${e.rootIcon}`]])
             }, null, 2)
           ])
         ], 4), [
@@ -2036,7 +2036,7 @@ const La = ["onClick"], Fa = {
               [x, n]
             ]),
             V(u("i", {
-              class: D(["fv-bc-separator-icon ms-Icon", [t.separatorIcon ? `ms-Icon--${e.separator}` : ""]]),
+              class: E(["fv-bc-separator-icon ms-Icon", [t.separatorIcon ? `ms-Icon--${e.separator}` : ""]]),
               style: b({
                 "font-family": t.separatorIcon ? "" : "Calibri"
               })
@@ -2158,11 +2158,11 @@ const Ba = ["disabled"], Oa = {
     return (t, s) => {
       const n = j("fv-reveal-container");
       return p(), y("div", {
-        class: D(["fv-Button", [t.$theme]]),
+        class: E(["fv-Button", [t.$theme]]),
         onClick: s[0] || (s[0] = (...r) => t.onClick && t.onClick(...r))
       }, [
         u("div", {
-          class: D(["fv-button-main-container", [{ disabled: t.isDisabled }, { shadow: e.isBoxShadow }]]),
+          class: E(["fv-button-main-container", [{ disabled: t.isDisabled }, { shadow: e.isBoxShadow }]]),
           style: b({ borderRadius: `${e.borderRadius}px` })
         }, [
           B(n, {
@@ -2196,7 +2196,7 @@ const Ba = ["disabled"], Oa = {
               })
             }, [
               u("i", {
-                class: D(["ms-Icon", `ms-Icon--${e.icon}`]),
+                class: E(["ms-Icon", `ms-Icon--${e.icon}`]),
                 style: b({ "margin-right": e.icon != "" ? "5px" : "" })
               }, null, 6),
               A(t.$slots, "default", {}, () => [
@@ -2373,7 +2373,7 @@ const Wa = {
     return (t, s) => {
       const n = j("fv-text-box"), r = j("fv-calendar-view");
       return p(), y("div", {
-        class: D(["fv-CalendarDatePicker", [t.$theme, { disabled: t.isDisabled }]]),
+        class: E(["fv-CalendarDatePicker", [t.$theme, { disabled: t.isDisabled }]]),
         style: b({ zIndex: t.show.calendar ? 5 : "" })
       }, [
         A(t.$slots, "default", {
@@ -2465,7 +2465,7 @@ const Ua = ["title"], os = {
       return t.value.date.getFullYear() == a.getFullYear();
     });
     return (a, l) => (p(), y("button", {
-      class: D(["picker-btn", {
+      class: E(["picker-btn", {
         range: n.value,
         current: o.value
       }]),
@@ -2708,15 +2708,15 @@ var Xe = {
     edges: 0.5,
     end: 1
   }[n] || 0 : !a && l && (c = n[0], h = n[1]), function(f, m, g) {
-    var w = (g || t).length, k = o[w], L, E, $, S, G, N, T, R, P;
+    var w = (g || t).length, k = o[w], L, D, $, 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 < w; )
           ;
         P--;
       }
-      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);
+      for (k = o[w] = [], L = l ? Math.min(P, w) * c - 0.5 : n % P, D = l ? w * h / P - 0.5 : n / P | 0, T = 0, R = Ye, N = 0; N < w; N++)
+        $ = N % P - L, S = D - (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 = 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 w = (k[f] - k.min) / k.max || 0, de(k.b + (s ? s(w) : w) * k.v) + k.u;
@@ -2898,8 +2898,8 @@ 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 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($) {
+    var w = e() - n, k = g === !0, L, D;
+    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), D = 1), k || (l = d(m)), D && a.forEach(function($) {
       return $(h.time, w, h.frame, g);
     });
   };
@@ -3168,7 +3168,7 @@ 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, w, 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, D, $, 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), 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);
@@ -3179,13 +3179,13 @@ var Ae = /* @__PURE__ */ function(e) {
         if (P && (this._lock = 2, a = R ? d + 1e-4 : -1e-4, this.render(a, !0)), this._lock = 0, !this._ts && !L)
           return this;
       }
-      if (this._hasPause && !this._forcing && this._lock < 2 && (E = nl(this, de(a), de(f)), E && (c -= f - (f = E._start))), this._tTime = c, this._time = f, this._act = !$, this._initted || (this._onUpdate = this.vars.onUpdate, this._initted = 1), !a && f && !r && ze(this, "onStart"), f >= a && n >= 0)
+      if (this._hasPause && !this._forcing && this._lock < 2 && (D = nl(this, de(a), de(f)), D && (c -= f - (f = D._start))), this._tTime = c, this._time = f, this._act = !$, this._initted || (this._onUpdate = this.vars.onUpdate, this._initted = 1), !a && f && !r && ze(this, "onStart"), f >= a && n >= 0)
         for (m = this._first; m; ) {
-          if (g = m._next, (m._act || f >= m._start) && m._ts && E !== m) {
+          if (g = m._next, (m._act || f >= m._start) && m._ts && D !== m) {
             if (m.parent !== this)
               return this.render(n, r, o);
             if (m.render(m._ts > 0 ? (f - m._start) * m._ts : (m._dirty ? m.totalDuration() : m._tDur) + (f - m._start) * m._ts, r, o), f !== this._time || !this._ts && !L) {
-              E = 0;
+              D = 0;
               break;
             }
           }
@@ -3194,18 +3194,18 @@ var Ae = /* @__PURE__ */ function(e) {
       else {
         m = this._last;
         for (var C = n < 0 ? n : f; m; ) {
-          if (g = m._prev, (m._act || C <= m._end) && m._ts && E !== m) {
+          if (g = m._prev, (m._act || C <= m._end) && m._ts && D !== m) {
             if (m.parent !== this)
               return this.render(n, r, o);
             if (m.render(m._ts > 0 ? (C - m._start) * m._ts : (m._dirty ? m.totalDuration() : m._tDur) + (C - m._start) * m._ts, r, o), f !== this._time || !this._ts && !L) {
-              E = 0;
+              D = 0;
               break;
             }
           }
           m = g;
         }
       }
-      if (E && !r && (this.pause(), E.render(f >= a ? 0 : -be)._zTime = f >= a ? 1 : -1, this._ts))
+      if (D && !r && (this.pause(), D.render(f >= a ? 0 : -be)._zTime = f >= a ? 1 : -1, this._ts))
         return this._start = S, this.render(n, r, o);
       this._onUpdate && !r && ze(this, "onUpdate", !0), (c === l && l >= this.totalDuration() || !c && this._ts < 0) && (S === this._start || Math.abs($) !== Math.abs(this._ts)) && ((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()));
     }
@@ -3331,8 +3331,8 @@ 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, 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); )
+  var l = new Pe(this._pt, i, t, 0, 1, Or, null, r), d = 0, c = 0, h, f, m, g, w, k, L, D;
+  for (l.b = s, l.e = n, s += "", n += "", (L = ~n.indexOf("random(")) && (n = Zi(n)), o && (D = [s, n], o(D, i, t), s = D[0], n = D[1]), f = s.match(as) || []; h = as.exec(n); )
     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: w || c === 1 ? w : ",",
@@ -3360,13 +3360,13 @@ var yl = function(i, t, s, n, r, o, a) {
       d[a._props[c]] = l;
   return a;
 }, Mt, $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, 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;
+  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, D = i.parent, $ = D && D.data === "nested" ? D.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({
         data: "isStart",
         overwrite: !1,
-        parent: E,
+        parent: D,
         immediateRender: !0,
         lazy: Me(a),
         startAt: null,
@@ -3390,7 +3390,7 @@ var yl = function(i, t, s, n, r, o, a) {
         lazy: o && Me(a),
         immediateRender: o,
         stagger: 0,
-        parent: E
+        parent: D
       }))), !o)
         e(i._startAt, be);
       else if (!t)
@@ -3424,7 +3424,7 @@ 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, w = _e(s) && nt(s[0]) ? [s] : rt(s), k, L, E, $, S, G, N, T;
+    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, D, $, 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",
@@ -3440,10 +3440,10 @@ var yl = function(i, t, s, n, r, o, a) {
           for (S in h)
             ~Pr.indexOf(S) && (T || (T = {}), T[S] = h[S]);
         for (L = 0; L < $; L++) {
-          E = {};
+          D = {};
           for (S in n)
-            Sl.indexOf(S) < 0 && (E[S] = n[S]);
-          E.stagger = 0, T && Rt(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));
+            Sl.indexOf(S) < 0 && (D[S] = n[S]);
+          D.stagger = 0, T && Rt(D, T), n.yoyoEase && !n.repeat && (D.yoyoEase = n.yoyoEase), G = w[L], D.duration = +fi(l, ii(o), L, G, w), D.delay = (+fi(d, ii(o), L, G, w) || 0) - o._delay, !h && $ === 1 && D.delay && (o._delay = d = D.delay, o._start += d, D.delay = 0), k.to(G, D, N(L, G, w));
         }
         l = d = 0;
       }
@@ -3454,11 +3454,11 @@ var yl = function(i, t, s, n, r, o, a) {
   }
   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, w, 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, D, $;
     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 (h = c, D = 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), w = Jt(this._tTime, g), h === a && !o && this._initted)
           return this;
         m !== w && this.vars.repeatRefresh && !k && !this._lock && (this._lock = o = 1, this.render(g * m, !0).invalidate()._lock = 0);
@@ -3467,7 +3467,7 @@ var yl = function(i, t, s, n, r, o, a) {
         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 !== 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()));
+      D && D.render(n < 0 ? n : !h && k ? -be : D._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() {
@@ -3877,10 +3877,10 @@ var kn, ot, Xt, Zs, Lt, oi, $n, Fl = function() {
   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(" ") ? Bt(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, w, 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, D, $, 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)), 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 = Bt(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, D = 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] || D, o === n.length && (n += L, r.e += L)), D !== L && (h = Bt(i, t, m, L) || 0), r._pt = {
         _next: r._pt,
         p: k || a === 1 ? k : ",",
         s: h,
@@ -3926,14 +3926,14 @@ var kn, ot, Xt, Zs, Lt, 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], 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));
+  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], D = 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 * D - k * L) / T, P = S * (-g / T) + G * (m / T) - (m * D - 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, D = G - c, a.xOffset = h + (L * m + D * w) - L, a.yOffset = f + (L * g + D * k) - D) : 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, 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) * Dt : 0, $ = z || q ? Nt(z, q) * Dt + 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 * Dt, 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 * Dt, 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 * Dt, 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 * Dt : 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;
+  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, D, $, 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 = D = $ = 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) * Dt : 0, $ = z || q ? Nt(z, q) * Dt + 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 * Dt, 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, _), D = T * Dt, 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 * Dt, 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, D = 180 - D), 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 * Dt : 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(D) + 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, Lt, oi, $n, Fl = function() {
 }, ql = function(i, t) {
   t.z = "0px", t.rotationY = t.rotationX = "0deg", t.force3D = 0, qr(i, t);
 }, It = "0deg", si = "0px", xt = ") ", 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, w = 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, D = s.target, $ = s.zOrigin, S = "", G = L === "auto" && i && i !== 1 || L === !0;
   if ($ && (h !== It || c !== It)) {
     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 * -$ + $);
+    N = parseFloat(h) * mi, P = Math.cos(N), o = ms(D, o, T * P * -$), a = ms(D, a, -Math.sin(N) * -$), l = ms(D, l, R * P * -$ + $);
   }
-  k !== si && (S += "perspective(" + k + xt), (n || r) && (S += "translate(" + n + "%, " + r + "%) "), (G || o !== si || a !== si || l !== si) && (S += l !== si || G ? "translate3d(" + o + ", " + a + ", " + l + ") " : "translate(" + o + ", " + a + xt), d !== It && (S += "rotate(" + d + xt), c !== It && (S += "rotateY(" + c + xt), h !== It && (S += "rotateX(" + h + xt), (f !== It || m !== It) && (S += "skew(" + f + ", " + m + xt), (g !== 1 || w !== 1) && (S += "scale(" + g + ", " + w + xt), E.style[qe] = S || "translate(0, 0)";
+  k !== si && (S += "perspective(" + k + xt), (n || r) && (S += "translate(" + n + "%, " + r + "%) "), (G || o !== si || a !== si || l !== si) && (S += l !== si || G ? "translate3d(" + o + ", " + a + ", " + l + ") " : "translate(" + o + ", " + a + xt), d !== It && (S += "rotate(" + d + xt), c !== It && (S += "rotateY(" + c + xt), h !== It && (S += "rotateX(" + h + xt), (f !== It || m !== It) && (S += "skew(" + f + ", " + m + xt), (g !== 1 || w !== 1) && (S += "scale(" + g + ", " + w + xt), D.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, 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")) && ($ = Bt(m, "x", o, "px"), S = Bt(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);
+  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, D = 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")) && ($ = Bt(m, "x", o, "px"), S = Bt(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), D && (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") ? Dt : 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;
@@ -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, w, k, L, E, $, S, G, N;
+    var o = this._props, a = i.style, l, d, c, h, f, m, g, w, k, L, D, $, S, G, N;
     Zs || Os();
     for (g in t)
       if (g !== "autoRound" && (d = t[g], !(Be[g] && Fr(g, t, s, n, i, r))))
@@ -3992,7 +3992,7 @@ var Kr = {
         else if (g.substr(0, 2) === "--")
           this.add(a, "setProperty", getComputedStyle(i).getPropertyValue(g) + "", d + "", n, r, 0, 0, g);
         else {
-          if (l = ai(i, g), h = parseFloat(l), L = f === "string" && d.charAt(1) === "=" ? +(d.charAt(0) + "1") : 0, L && (d = d.substr(2)), c = parseFloat(d), g in yt && (g === "autoAlpha" && (h === 1 && ai(i, "visibility") === "hidden" && c && (h = 0), kt(this, a, "visibility", h ? "inherit" : "hidden", c ? "inherit" : "hidden", !c)), g !== "scale" && g !== "transform" && (g = yt[g], ~g.indexOf(",") && (g = g.split(",")[0]))), E = g in St, E) {
+          if (l = ai(i, g), h = parseFloat(l), L = f === "string" && d.charAt(1) === "=" ? +(d.charAt(0) + "1") : 0, L && (d = d.substr(2)), c = parseFloat(d), g in yt && (g === "autoAlpha" && (h === 1 && ai(i, "visibility") === "hidden" && c && (h = 0), kt(this, a, "visibility", h ? "inherit" : "hidden", c ? "inherit" : "hidden", !c)), g !== "scale" && g !== "transform" && (g = yt[g], ~g.indexOf(",") && (g = g.split(",")[0]))), D = g in St, D) {
             if ($ || (S = i._gsap, S.renderTransform || es(i), G = t.smoothOrigin !== !1 && S.smooth, $ = this._pt = new Pe(this._pt, a, qe, 0, 1, S.renderTransform, S, 0, -1), $.dep = 1), g === "scale")
               this._pt = new Pe(this._pt, S, "scaleY", S.scaleY, L ? L * c : c - S.scaleY), o.push("scaleY", g), g += "X";
             else if (g === "transformOrigin") {
@@ -4016,8 +4016,8 @@ var Kr = {
             }
           } else
             g in a || (g = qt(g) || g);
-          if (E || (c || c === 0) && (h || h === 0) && !Rl.test(d) && g in a)
-            w = (l + "").substr((h + "").length), k = (d + "").substr((c + "").length) || (g in Xe.units ? Xe.units[g] : w), w !== k && (h = Bt(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);
+          if (D || (c || c === 0) && (h || h === 0) && !Rl.test(d) && g in a)
+            w = (l + "").substr((h + "").length), k = (d + "").substr((c + "").length) || (g in Xe.units ? Xe.units[g] : w), w !== k && (h = Bt(i, g, l, k)), this._pt = new Pe(this._pt, D ? S : a, g, h, L ? L * c : c - h, k === "px" && t.autoRound !== !1 && !D ? 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)
@@ -4099,7 +4099,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       return W;
     }, d = () => {
       const M = N();
-      return E.value.forEach((v) => {
+      return D.value.forEach((v) => {
         v.date = new Date(
           v.date.setFullYear(v.date.getFullYear() + M.offset)
         );
@@ -4127,7 +4127,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       new Date(w.value).setFullYear(
         w.value.getFullYear() + 1
       )
-    ), E = J(
+    ), D = J(
       l(g.value, Ke, Ve)
     ), $ = J(l(k.value, Ve)), S = J(
       l(
@@ -4141,7 +4141,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
         g.value.getFullYear() - Ve
       ), L.value = new Date(w.value).setFullYear(
         w.value.getFullYear() + 1
-      ), E.value = l(
+      ), D.value = l(
         g.value,
         Ke,
         Ve
@@ -4151,18 +4151,18 @@ const Ke = 16, Ve = 16 * 2, Zl = {
         Ve + Ke
       ), m();
     }), Fe(
-      E.value[Ke / 2],
+      D.value[Ke / 2],
       () => {
-        n("range-change", E.value[Ke / 2].date);
+        n("range-change", D.value[Ke / 2].date);
       },
       { immediate: !0 }
     );
-    const G = le(() => E.value[Ke / 2].date);
+    const G = le(() => D.value[Ke / 2].date);
     qi(async () => {
       await bt(), m(), T();
     });
     const N = () => {
-      let M = [...E.value, ...$.value, ...S.value], v = [];
+      let M = [...D.value, ...$.value, ...S.value], v = [];
       for (let W of M)
         W.index % 4 == 0 && v.push(W);
       const F = (W) => {
@@ -4259,7 +4259,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
         ref: (U) => f(U, `prev: ${W}`),
         onClick: (U) => ie(F)
       }, null, 8, ["model-value", "hightlight", "onClick"]))), 128)),
-      (p(!0), y(ee, null, te(E.value, (F, W) => (p(), ne(os, {
+      (p(!0), y(ee, null, te(D.value, (F, W) => (p(), ne(os, {
         "model-value": F,
         hightlight: G.value,
         key: `current: ${W}`,
@@ -4309,7 +4309,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       return t.value.date.getFullYear() == a.getFullYear() && t.value.date.getMonth() == a.getMonth();
     });
     return (a, l) => (p(), y("button", {
-      class: D(["picker-btn", {
+      class: E(["picker-btn", {
         range: n.value,
         current: o.value
       }]),
@@ -4377,7 +4377,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       return W;
     }, d = () => {
       const M = N();
-      return E.value.forEach((v) => {
+      return D.value.forEach((v) => {
         v.date = new Date(
           v.date.setMonth(v.date.getMonth() + M.offset)
         );
@@ -4405,7 +4405,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       new Date(w.value).setMonth(
         w.value.getMonth() + 1
       )
-    ), E = J(
+    ), D = J(
       l(g.value, Je, Te)
     ), $ = J(l(k.value, Te)), S = J(
       l(
@@ -4419,7 +4419,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
         g.value.getMonth() - Te
       ), L.value = new Date(w.value).setMonth(
         w.value.getMonth() + 1
-      ), E.value = l(
+      ), D.value = l(
         g.value,
         Je,
         Te
@@ -4429,18 +4429,18 @@ const Ke = 16, Ve = 16 * 2, Zl = {
         Te + Je
       ), m();
     }), Fe(
-      E.value[Je / 2],
+      D.value[Je / 2],
       () => {
-        n("range-change", E.value[Je / 2].date);
+        n("range-change", D.value[Je / 2].date);
       },
       { immediate: !0 }
     );
-    const G = le(() => E.value[Je / 2].date);
+    const G = le(() => D.value[Je / 2].date);
     qi(async () => {
       await bt(), m(), T();
     });
     const N = () => {
-      let M = [...E.value, ...$.value, ...S.value], v = [];
+      let M = [...D.value, ...$.value, ...S.value], v = [];
       for (let W of M)
         W.index % 4 == 0 && v.push(W);
       const F = (W) => {
@@ -4538,7 +4538,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
         ref: (U) => f(U, `prev: ${W}`),
         onClick: (U) => ie(F)
       }, null, 8, ["model-value", "hightlight", "monthList", "onClick"]))), 128)),
-      (p(!0), y(ee, null, te(E.value, (F, W) => (p(), ne(gs, {
+      (p(!0), y(ee, null, te(D.value, (F, W) => (p(), ne(gs, {
         "model-value": F,
         hightlight: G.value,
         monthList: e.monthList,
@@ -4599,7 +4599,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       return d[0] == i.choosenDates[0][0] && d[1] == i.choosenDates[0][1] && d[2] == i.choosenDates[0][2] || d[0] == i.choosenDates[c][0] && d[1] == i.choosenDates[c][1] && d[2] == i.choosenDates[c][2];
     });
     return (d, c) => (p(), y("button", {
-      class: D(["picker-btn day", {
+      class: E(["picker-btn day", {
         range: n.value,
         current: o.value,
         choose: a.value,
@@ -4705,13 +4705,13 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       new Date(w.value).setDate(
         w.value.getDate() - Ie
       )
-    ), E = J(
+    ), D = J(
       new Date(k.value).setDate(k.value.getDate() + 1)
     ), $ = J(
       d(w.value, Ne, Ie)
     ), S = J(d(L.value, Ie)), G = J(
       d(
-        E.value,
+        D.value,
         Ie,
         Ie + Ne
       )
@@ -4719,14 +4719,14 @@ const Ke = 16, Ve = 16 * 2, Zl = {
     Fe(r, async () => {
       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(
+      ), D.value = new Date(k.value).setDate(
         k.value.getDate() + 1
       ), $.value = d(
         w.value,
         Ne,
         Ie
       ), S.value = d(L.value, Ie), G.value = d(
-        E.value,
+        D.value,
         Ie,
         Ie + Ne
       ), await bt(), n("range-change", $.value[Ne / 2].date);
@@ -4987,7 +4987,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       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");
-    }, E = (T) => {
+    }, D = (T) => {
       h.value = {
         year: T.getFullYear(),
         month: T.getMonth()
@@ -5041,7 +5041,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
       o.value === "date" ? g.value.slideDown() : o.value === "month" ? m.value.slideDown() : o.value === "year" && f.value.slideDown();
     };
     return (T, R) => (p(), y("div", {
-      class: D(["fv-CalendarView", [n.value]]),
+      class: E(["fv-CalendarView", [n.value]]),
       style: b({
         background: e.background,
         "--btn-border-radius": r.value,
@@ -5087,7 +5087,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
               ref: f,
               key: "1",
               background: e.background,
-              onRangeChange: E,
+              onRangeChange: D,
               onChooseItem: S
             }, null, 8, ["modelValue", "theme", "background"])) : se("", !0),
             o.value == "month" ? (p(), ne(td, {
@@ -5099,7 +5099,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
               key: "2",
               monthList: e.monthList,
               background: e.background,
-              onRangeChange: E,
+              onRangeChange: D,
               onChooseItem: S
             }, null, 8, ["modelValue", "theme", "monthList", "background"])) : se("", !0),
             o.value == "date" ? (p(), ne(rd, {
@@ -5112,7 +5112,7 @@ const Ke = 16, Ve = 16 * 2, Zl = {
               ref: g,
               key: "3",
               weekdays: e.weekdays,
-              onRangeChange: E,
+              onRangeChange: D,
               onChooseItem: S
             }, {
               weekday_content: H((P) => [
@@ -5211,7 +5211,7 @@ const gd = { class: "header" }, pd = { class: "main" }, vd = { class: "footer" }
       set(M) {
         M === !0 && s.position !== void 0 && S(s.position), s.disabled || (r.value = M), m.value = M;
       }
-    }), L = le(() => typeof s.borderRadius == "number" ? `${s.borderRadius}px` : s.borderRadius), E = le(() => ({
+    }), L = le(() => typeof s.borderRadius == "number" ? `${s.borderRadius}px` : s.borderRadius), D = le(() => ({
       ...d.value,
       borderRadius: L.value || "5px"
     })), $ = le(() => {
@@ -5435,8 +5435,8 @@ const gd = { class: "header" }, pd = { class: "main" }, vd = { class: "footer" }
             V(u("div", {
               ref_key: "popper",
               ref: f,
-              style: b([E.value, s.popperStyle]),
-              class: D(["fv-Callout", pi(n), s.popperClass, c.value]),
+              style: b([D.value, s.popperStyle]),
+              class: E(["fv-Callout", pi(n), s.popperClass, c.value]),
               name: "fv-callout"
             }, [
               u("div", {
@@ -5536,11 +5536,11 @@ const kd = { class: "fv-checkbox-content-block" }, $d = /* @__PURE__ */ u("i", {
   emits: ["update:modelValue", "click"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-CheckBox", [t.$theme, e.boxSide == "end" ? "box-side-end" : ""]]),
+      class: E(["fv-CheckBox", [t.$theme, e.boxSide == "end" ? "box-side-end" : ""]]),
       onClick: s[0] || (s[0] = (...n) => t.Checked && t.Checked(...n))
     }, [
       u("div", {
-        class: D(["fv-checkbox-rec", [
+        class: E(["fv-checkbox-rec", [
           { disabled: t.isDisabled, check: t.thisValue || t.Indeterminate }
         ]]),
         style: b({
@@ -5664,7 +5664,7 @@ const Dd = { class: "collapse-icon-box-default" }, Md = { class: "collapse-descr
   ],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-Collapse", [
+      class: E(["fv-Collapse", [
         t.$theme,
         { visibleOverflow: e.disabledCollapse && e.visibleOverflow }
       ]]),
@@ -5691,7 +5691,7 @@ const Dd = { class: "collapse-icon-box-default" }, Md = { class: "collapse-descr
           A(t.$slots, "icon", {}, () => [
             u("div", Dd, [
               u("i", {
-                class: D(["ms-Icon", [`ms-Icon--${e.icon}`]])
+                class: E(["ms-Icon", [`ms-Icon--${e.icon}`]])
               }, null, 2)
             ])
           ])
@@ -6281,14 +6281,14 @@ const Su = {
     return (t, s) => {
       const n = j("fv-combobox"), r = j("fv-text-box");
       return p(), y("div", {
-        class: D(t.computedColorPickerClass),
+        class: E(t.computedColorPickerClass),
         style: b(t.computedColorPickerStyle)
       }, [
         u("div", Gd, [
           u("div", {
             ref: "colorArea",
             draggable: "false",
-            class: D(["color-area", {
+            class: E(["color-area", {
               ring: e.type === "ring",
               box: e.type === "box"
             }]),
@@ -6599,6 +6599,9 @@ const Iu = ["placeholder", "value"], xu = ["onClick", "title"], Eu = {
     revealBackgroundColor: {
       default: !1
     },
+    isBoxShadow: {
+      default: !1
+    },
     disabled: {
       default: !1
     }
@@ -6607,7 +6610,7 @@ const Iu = ["placeholder", "value"], xu = ["onClick", "title"], Eu = {
     return (t, s) => {
       const n = j("fv-reveal-container");
       return p(), y("div", {
-        class: D(["fv-Combobox", [t.$theme, { disabled: t.isDisabled }]]),
+        class: E(["fv-Combobox", [t.$theme, { disabled: t.isDisabled }]]),
         style: b({
           background: e.background,
           padding: e.borderWidth,
@@ -6617,7 +6620,7 @@ const Iu = ["placeholder", "value"], xu = ["onClick", "title"], Eu = {
         })
       }, [
         u("div", {
-          class: "combobox-container",
+          class: E(["combobox-container", { "is-box-shadow": e.isBoxShadow }]),
           onClick: s[0] || (s[0] = (r) => t.status = t.isDisabled ? !1 : !t.status),
           style: b({
             background: e.inputBackground,
@@ -6647,10 +6650,10 @@ const Iu = ["placeholder", "value"], xu = ["onClick", "title"], Eu = {
             })
           }, null, 12, Iu),
           u("i", {
-            class: D(["ms-Icon right-icon", [`ms-Icon--${e.dropDownIcon}`]]),
+            class: E(["ms-Icon right-icon", [`ms-Icon--${e.dropDownIcon}`]]),
             style: b({ color: e.dropDownIconForeground })
           }, null, 6)
-        ], 4),
+        ], 6),
         B(ce, { name: "fv-combobox" }, {
           default: H(() => [
             V(u("div", {
@@ -6659,7 +6662,7 @@ const Iu = ["placeholder", "value"], xu = ["onClick", "title"], Eu = {
               ref: "co_items"
             }, [
               (p(!0), y(ee, null, te(e.options, (r, o) => (p(), y("div", {
-                class: D(["fv-combobox-item", {
+                class: E(["fv-combobox-item", {
                   hr: t.valueTrigger(r.type) == "divider",
                   normal: (t.valueTrigger(r.type) == "default" || t.valueTrigger(r.type) == null) && !t.valueTrigger(r.disabled),
                   disabled: t.valueTrigger(r.disabled),
@@ -6833,12 +6836,12 @@ const Lu = { class: "left-command-bar-container" }, Fu = ["title", "onClick"], P
     return (t, s) => {
       const n = j("fv-reveal-container"), r = j("fv-list-view");
       return p(), y("div", {
-        class: D(["fv-CommandBar", [t.$theme]]),
+        class: E(["fv-CommandBar", [t.$theme]]),
         style: b({ background: e.background, zIndex: t.showDropDown ? 5 : 1 })
       }, [
         u("div", Lu, [
           (p(!0), y(ee, null, te(t.thisOptions, (o, a) => V((p(), y("span", {
-            class: D(["command-bar-item", [
+            class: E(["command-bar-item", [
               t.valueTrigger(o.type) == "divider" ? "hr" : "normal",
               { not_disabled: !t.valueTrigger(o.disabled) },
               { disabled: t.valueTrigger(o.disabled) }
@@ -6868,7 +6871,7 @@ const Lu = { class: "left-command-bar-container" }, Fu = ["title", "onClick"], P
                 valueTrigger: t.valueTrigger
               }, () => [
                 u("i", {
-                  class: D(["ms-Icon icon", [`ms-Icon--${t.valueTrigger(o.icon)}`]]),
+                  class: E(["ms-Icon icon", [`ms-Icon--${t.valueTrigger(o.icon)}`]]),
                   style: b({
                     color: o.iconColor ? t.valueTrigger(o.iconColor) : t.valueTrigger(o.foreground)
                   })
@@ -6904,7 +6907,7 @@ const Lu = { class: "left-command-bar-container" }, Fu = ["title", "onClick"], P
         }, {
           default: H(() => [
             V(u("div", {
-              class: D(["command-bar-list-view-container", { "toward-up": e.toward == "up" }]),
+              class: E(["command-bar-list-view-container", { "toward-up": e.toward == "up" }]),
               style: b({
                 left: `${t.currentLeft}px`,
                 background: e.dropDownBackground ? e.dropDownBackground : e.background
@@ -6924,7 +6927,7 @@ const Lu = { class: "left-command-bar-container" }, Fu = ["title", "onClick"], P
                     valueTrigger: t.valueTrigger
                   }, () => [
                     V(u("i", {
-                      class: D(["ms-Icon icon", [
+                      class: E(["ms-Icon icon", [
                         `ms-Icon--${t.valueTrigger(o.item.icon)}`
                       ]]),
                       style: b([{
@@ -7720,10 +7723,10 @@ function Ah(e) {
         h.forEach((k) => {
           let {
             contentBoxSize: L,
-            contentRect: E,
+            contentRect: D,
             target: $
           } = k;
-          $ && $ !== i.el || (g = E ? E.width : (L[0] || L).inlineSize, w = E ? E.height : (L[0] || L).blockSize);
+          $ && $ !== i.el || (g = D ? D.width : (L[0] || L).inlineSize, w = D ? D.height : (L[0] || L).blockSize);
         }), (g !== f || w !== m) && a();
       });
     }), r.observe(i.el));
@@ -7889,7 +7892,7 @@ function Hh() {
   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;
+  const L = e.snapGrid.length, D = e.slidesGrid.length;
   let $ = s.spaceBetween, S = -w, G = 0, N = 0;
   if (typeof r > "u")
     return;
@@ -7982,7 +7985,7 @@ function Hh() {
     const C = -e.snapGrid[0], I = -e.slidesGrid[0];
     e.snapGrid = e.snapGrid.map((z) => z + C), e.slidesGrid = e.slidesGrid.map((z) => z + I);
   }
-  if (h !== d && e.emit("slidesLengthChange"), f.length !== L && (e.params.watchOverflow && e.checkOverflow(), e.emit("snapGridLengthChange")), m.length !== E && e.emit("slidesGridLengthChange"), s.watchSlidesProgress && e.updateSlidesOffset(), !l && !s.cssMode && (s.effect === "slide" || s.effect === "fade")) {
+  if (h !== d && e.emit("slidesLengthChange"), f.length !== L && (e.params.watchOverflow && e.checkOverflow(), e.emit("snapGridLengthChange")), m.length !== D && e.emit("slidesGridLengthChange"), s.watchSlidesProgress && e.updateSlidesOffset(), !l && !s.cssMode && (s.effect === "slide" || s.effect === "fade")) {
     const C = `${s.containerModifierClass}backface-hidden`, I = e.$el.hasClass(C);
     h <= s.maxBackfaceHiddenSlides ? I || e.$el.addClass(C) : I && e.$el.removeClass(C);
   }
@@ -8299,9 +8302,9 @@ function ac(e, i, t, s, n) {
     }
   if (r.initialized && o !== h && (!r.allowSlideNext && L < r.translate && L < r.minTranslate() || !r.allowSlidePrev && L > r.translate && L > r.maxTranslate() && (h || 0) !== o))
     return !1;
-  let E;
-  if (o > h ? E = "next" : o < h ? E = "prev" : E = "reset", f && -L === r.translate || !f && L === r.translate)
-    return r.updateActiveIndex(o), a.autoHeight && r.updateAutoHeight(), r.updateSlidesClasses(), a.effect !== "slide" && r.setTranslate(L), E !== "reset" && (r.transitionStart(t, E), r.transitionEnd(t, E)), !1;
+  let D;
+  if (o > h ? D = "next" : o < h ? D = "prev" : D = "reset", f && -L === r.translate || !f && L === r.translate)
+    return r.updateActiveIndex(o), a.autoHeight && r.updateAutoHeight(), r.updateSlidesClasses(), a.effect !== "slide" && r.setTranslate(L), D !== "reset" && (r.transitionStart(t, D), r.transitionEnd(t, D)), !1;
   if (a.cssMode) {
     const $ = r.isHorizontal(), S = f ? L : -L;
     if (i === 0) {
@@ -8323,8 +8326,8 @@ function ac(e, i, t, s, n) {
     }
     return !0;
   }
-  return r.setTransition(i), r.setTranslate(L), r.updateActiveIndex(o), r.updateSlidesClasses(), r.emit("beforeTransitionStart", i, s), r.transitionStart(t, E), i === 0 ? r.transitionEnd(t, E) : r.animating || (r.animating = !0, r.onSlideToWrapperTransitionEnd || (r.onSlideToWrapperTransitionEnd = function(S) {
-    !r || r.destroyed || S.target === this && (r.$wrapperEl[0].removeEventListener("transitionend", r.onSlideToWrapperTransitionEnd), r.$wrapperEl[0].removeEventListener("webkitTransitionEnd", r.onSlideToWrapperTransitionEnd), r.onSlideToWrapperTransitionEnd = null, delete r.onSlideToWrapperTransitionEnd, r.transitionEnd(t, E));
+  return r.setTransition(i), r.setTranslate(L), r.updateActiveIndex(o), r.updateSlidesClasses(), r.emit("beforeTransitionStart", i, s), r.transitionStart(t, D), i === 0 ? r.transitionEnd(t, D) : r.animating || (r.animating = !0, r.onSlideToWrapperTransitionEnd || (r.onSlideToWrapperTransitionEnd = function(S) {
+    !r || r.destroyed || S.target === this && (r.$wrapperEl[0].removeEventListener("transitionend", r.onSlideToWrapperTransitionEnd), r.$wrapperEl[0].removeEventListener("webkitTransitionEnd", r.onSlideToWrapperTransitionEnd), r.onSlideToWrapperTransitionEnd = null, delete r.onSlideToWrapperTransitionEnd, r.transitionEnd(t, D));
   }), r.$wrapperEl[0].addEventListener("transitionend", r.onSlideToWrapperTransitionEnd), r.$wrapperEl[0].addEventListener("webkitTransitionEnd", r.onSlideToWrapperTransitionEnd)), !0;
 }
 function lc(e, i, t, s) {
@@ -8382,8 +8385,8 @@ function uc(e, i, t) {
   let g = o[m.indexOf(f) - 1];
   if (typeof g > "u" && n.cssMode) {
     let k;
-    o.forEach((L, E) => {
-      f >= L && (k = E);
+    o.forEach((L, D) => {
+      f >= L && (k = D);
     }), typeof k < "u" && (g = o[k > 0 ? k - 1 : k]);
   }
   let w = 0;
@@ -8563,8 +8566,8 @@ function Cc(e) {
   }), o.startX = m, o.startY = g, n.touchStartTime = st(), i.allowClick = !0, i.updateSize(), i.swipeDirection = void 0, r.threshold > 0 && (n.allowThresholdMove = !1), l.type !== "touchstart") {
     let L = !0;
     d.is(n.focusableElements) && (L = !1, d[0].nodeName === "SELECT" && (n.isTouched = !1)), t.activeElement && K(t.activeElement).is(n.focusableElements) && t.activeElement !== d[0] && t.activeElement.blur();
-    const E = L && i.allowTouchMove && r.touchStartPreventDefault;
-    (r.touchStartForcePreventDefault || E) && !d[0].isContentEditable && l.preventDefault();
+    const D = L && i.allowTouchMove && r.touchStartPreventDefault;
+    (r.touchStartForcePreventDefault || D) && !d[0].isContentEditable && l.preventDefault();
   }
   i.params.freeMode && i.params.freeMode.enabled && i.freeMode && i.animating && !r.cssMode && i.freeMode.onTouchStart(), i.emit("touchStart", l);
 }
@@ -8661,8 +8664,8 @@ function Vc(e) {
   s.grabCursor && t.isMoved && t.isTouched && (i.allowSlideNext === !0 || i.allowSlidePrev === !0) && i.setGrabCursor(!1);
   const d = st(), c = d - t.touchStartTime;
   if (i.allowClick) {
-    const E = l.path || l.composedPath && l.composedPath();
-    i.updateClickedSlide(E && E[0] || l.target), i.emit("tap click", l), c < 300 && d - t.lastClickTime < 300 && i.emit("doubleTap doubleClick", l);
+    const D = l.path || l.composedPath && l.composedPath();
+    i.updateClickedSlide(D && D[0] || l.target), i.emit("tap click", l), c < 300 && d - t.lastClickTime < 300 && i.emit("doubleTap doubleClick", l);
   }
   if (t.lastClickTime = st(), ki(() => {
     i.destroyed || (i.allowClick = !0);
@@ -8681,9 +8684,9 @@ function Vc(e) {
     return;
   }
   let f = 0, m = i.slidesSizesGrid[0];
-  for (let E = 0; E < o.length; E += E < s.slidesPerGroupSkip ? 1 : s.slidesPerGroup) {
-    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]);
+  for (let D = 0; D < o.length; D += D < s.slidesPerGroupSkip ? 1 : s.slidesPerGroup) {
+    const $ = D < s.slidesPerGroupSkip - 1 ? 1 : s.slidesPerGroup;
+    typeof o[D + $] < "u" ? h >= o[D] && h < o[D + $] && (f = D, m = o[D + $] - o[D]) : h >= o[D] && (f = D, m = o[o.length - 1] - o[o.length - 2]);
   }
   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));
@@ -8789,8 +8792,8 @@ function Lc() {
     return;
   const d = (a in o ? o[a] : void 0) || e.originalParams, c = Pn(e, n), h = Pn(e, d), f = n.enabled;
   c && !h ? (r.removeClass(`${n.containerModifierClass}grid ${n.containerModifierClass}grid-column`), e.emitContainerClasses()) : !c && h && (r.addClass(`${n.containerModifierClass}grid`), (d.grid.fill && d.grid.fill === "column" || !d.grid.fill && n.grid.fill === "column") && r.addClass(`${n.containerModifierClass}grid-column`), e.emitContainerClasses()), ["navigation", "pagination", "scrollbar"].forEach((k) => {
-    const L = n[k] && n[k].enabled, E = d[k] && d[k].enabled;
-    L && !E && e[k].disable(), !L && E && e[k].enable();
+    const L = n[k] && n[k].enabled, D = d[k] && d[k].enabled;
+    L && !D && e[k].disable(), !L && D && e[k].enable();
   });
   const m = d.direction && d.direction !== n.direction, g = n.loop && (d.slidesPerView !== n.slidesPerView || m);
   m && t && e.changeDirection(), Oe(e.params, d);
@@ -9358,7 +9361,7 @@ function Yc(e) {
       addSlidesBefore: k,
       addSlidesAfter: L
     } = i.params.virtual, {
-      from: E,
+      from: D,
       to: $,
       slides: S,
       slidesGrid: G,
@@ -9380,7 +9383,7 @@ function Yc(e) {
     function ie() {
       i.updateSlides(), i.updateProgress(), i.updateSlidesClasses(), i.lazy && i.params.lazy.enabled && i.lazy.load(), n("virtualUpdate");
     }
-    if (E === I && $ === z && !f) {
+    if (D === I && $ === z && !f) {
       i.slidesGrid !== G && q !== N && i.slides.css(R, `${q}px`), i.updateProgress(), n("virtualUpdate");
       return;
     }
@@ -9402,10 +9405,10 @@ function Yc(e) {
     if (f)
       i.$wrapperEl.find(`.${i.params.slideClass}`).remove();
     else
-      for (let F = E; F <= $; F += 1)
+      for (let F = D; F <= $; F += 1)
         (F < I || F > z) && i.$wrapperEl.find(`.${i.params.slideClass}[data-swiper-slide-index="${F}"]`).remove();
     for (let F = 0; F < S.length; F += 1)
-      F >= I && F <= z && (typeof $ > "u" || f ? v.push(F) : (F > $ && v.push(F), F < E && M.push(F)));
+      F >= I && F <= z && (typeof $ > "u" || f ? v.push(F) : (F > $ && v.push(F), F < D && M.push(F)));
     v.forEach((F) => {
       i.$wrapperEl.append(o(S[F], F));
     }), M.sort((F, W) => W - F).forEach((F) => {
@@ -9431,9 +9434,9 @@ function Yc(e) {
       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) + w), L[parseInt(E, 10) + w] = $;
+      Object.keys(k).forEach((D) => {
+        const $ = k[D], S = $.attr("data-swiper-slide-index");
+        S && $.attr("data-swiper-slide-index", parseInt(S, 10) + w), L[parseInt(D, 10) + w] = $;
       }), i.virtual.cache = L;
     }
     a(!0), i.slideTo(g, 0);
@@ -9596,16 +9599,16 @@ function no(e) {
   function L() {
     return i.params.cssMode ? (i.wrapperEl.removeEventListener("wheel", w), !0) : i.mousewheel.enabled ? !1 : (k("on"), i.mousewheel.enabled = !0, !0);
   }
-  function E() {
+  function D() {
     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();
+    !i.params.mousewheel.enabled && i.params.cssMode && D(), i.params.mousewheel.enabled && L();
   }), s("destroy", () => {
-    i.params.cssMode && L(), i.mousewheel.enabled && E();
+    i.params.cssMode && L(), i.mousewheel.enabled && D();
   }), Object.assign(i.mousewheel, {
     enable: L,
-    disable: E
+    disable: D
   });
 }
 const _c = ["value"], jc = ["value"], Xc = ["value"], qc = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--CaretUpSolid8" }, null, -1), Kc = [
@@ -9902,11 +9905,11 @@ const Cf = {
   emits: ["update:modelValue", "change"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-DatePicker", [t.$theme, { disabled: e.disabled }]]),
+      class: E(["fv-DatePicker", [t.$theme, { disabled: e.disabled }]]),
       style: b({ "--hover-color": e.hoverColor })
     }, [
       u("div", {
-        class: D(["fv-date-picker-input", [{ reverse: e.reverseLayout }]]),
+        class: E(["fv-date-picker-input", [{ reverse: e.reverseLayout }]]),
         style: b({
           background: e.inputBackground
         }),
@@ -9947,7 +9950,7 @@ const Cf = {
             style: b({ background: e.optionBackground })
           }, [
             u("div", {
-              class: D(["fv-date-picker-options-body", [{ reverse: e.reverseLayout }]])
+              class: E(["fv-date-picker-options-body", [{ reverse: e.reverseLayout }]])
             }, [
               u("div", {
                 class: "fv-date-picker-options-body-mask",
@@ -10625,7 +10628,7 @@ const ro = /* @__PURE__ */ ye(xf, [["render", Mf]]), Lf = {
 ];
 function Rf(e, i, t, s, n, r) {
   return p(), y("div", {
-    class: D(["fv-details-list-selector", [{ choosen: n.checked }]])
+    class: E(["fv-details-list-selector", [{ choosen: n.checked }]])
   }, [
     u("div", {
       class: "fv-details-list-icon-ring",
@@ -11110,10 +11113,10 @@ const ui = /* @__PURE__ */ ye(Lf, [["render", Rf]]), Bf = /* @__PURE__ */ u("i",
     }), (n, r) => {
       const o = j("fv-right-menu");
       return p(), y("div", {
-        class: D(["fv-DetailsList", [n.$theme]])
+        class: E(["fv-DetailsList", [n.$theme]])
       }, [
         u("div", {
-          class: D(["fv-details-list-head", { "fv-custom-head": !0 }]),
+          class: E(["fv-details-list-head", { "fv-custom-head": !0 }]),
           ref: "list_head"
         }, [
           V(u("span", {
@@ -11134,7 +11137,7 @@ const ui = /* @__PURE__ */ ye(Lf, [["render", Rf]]), Bf = /* @__PURE__ */ u("i",
             style: b([{ width: "36px", padding: "0px" }, n.styles.listHead])
           }, [
             u("span", {
-              class: D(["expand", { choose: n.currentExpandAll }]),
+              class: E(["expand", { choose: n.currentExpandAll }]),
               onClick: r[2] || (r[2] = (...a) => n.expandAll && n.expandAll(...a))
             }, Of, 2)
           ], 4), [
@@ -11160,7 +11163,7 @@ const ui = /* @__PURE__ */ ye(Lf, [["render", Rf]]), Bf = /* @__PURE__ */ u("i",
                 u("p", zf, O(n.valueTrigger(a.content)), 1)
               ]),
               V(u("i", {
-                class: D(["ms-Icon sort", [`ms-Icon--${n.sort.desc ? "Down" : "Up"}`]])
+                class: E(["ms-Icon sort", [`ms-Icon--${n.sort.desc ? "Down" : "Up"}`]])
               }, null, 2), [
                 [x, a.sortName === n.sort.name]
               ])
@@ -11178,7 +11181,7 @@ const ui = /* @__PURE__ */ ye(Lf, [["render", Rf]]), Bf = /* @__PURE__ */ u("i",
         ], 512),
         e.showGroup ? se("", !0) : (p(), y("div", {
           key: 0,
-          class: D(["fv-details-list-content", { compact: e.compact, "auto-height": e.autoHeight }]),
+          class: E(["fv-details-list-content", { compact: e.compact, "auto-height": e.autoHeight }]),
           ref: "l1"
         }, [
           B(Ki, {
@@ -11187,7 +11190,7 @@ const ui = /* @__PURE__ */ ye(Lf, [["render", Rf]]), Bf = /* @__PURE__ */ u("i",
           }, {
             default: H(() => [
               (p(!0), y(ee, null, te(n.thisValue, (a, l) => V((p(), y("div", {
-                class: D(["content-row", [
+                class: E(["content-row", [
                   { choose: a.choosen, "fv-custom-row": !0 },
                   e.rowCss
                 ]]),
@@ -11240,14 +11243,14 @@ const ui = /* @__PURE__ */ ye(Lf, [["render", Rf]]), Bf = /* @__PURE__ */ u("i",
         ], 2)),
         e.showGroup ? (p(), y("div", {
           key: 1,
-          class: D(["fv-details-list-content", { compact: e.compact, "auto-height": e.autoHeight }]),
+          class: E(["fv-details-list-content", { compact: e.compact, "auto-height": e.autoHeight }]),
           ref: "l2"
         }, [
           (p(!0), y(ee, null, te(n.thisGroup, (a, l) => (p(), y("div", {
             key: `group: ${l}`
           }, [
             u("div", {
-              class: D(["content-row", {
+              class: E(["content-row", {
                 choose: n.isGroupChooseAll(a),
                 "fv-custom-group-row": !0
               }])
@@ -11271,7 +11274,7 @@ const ui = /* @__PURE__ */ ye(Lf, [["render", Rf]]), Bf = /* @__PURE__ */ u("i",
                   [x, e.multiSelection]
                 ]),
                 u("span", {
-                  class: D(["expand", { choose: a.expand }]),
+                  class: E(["expand", { choose: a.expand }]),
                   onClick: (d) => n.expandGroup(a)
                 }, _f, 10, Uf),
                 A(n.$slots, "group_content", {
@@ -11290,7 +11293,7 @@ const ui = /* @__PURE__ */ ye(Lf, [["render", Rf]]), Bf = /* @__PURE__ */ u("i",
               default: H(() => [
                 V(u("div", null, [
                   (p(!0), y(ee, null, te(a.data, (d, c) => V((p(), y("div", {
-                    class: D(["content-row", [
+                    class: E(["content-row", [
                       { choose: d.choosen, "fv-custom-row": !0 },
                       e.rowCss
                     ]]),
@@ -11547,7 +11550,7 @@ const tm = {
       const n = j("fv-button");
       return V((p(), y("div", {
         ref: "drawer",
-        class: D(["fv-Drawer", [t.$theme]]),
+        class: E(["fv-Drawer", [t.$theme]]),
         style: b([
           t.style.drawer,
           {
@@ -11657,6 +11660,9 @@ const nm = {
     revealBackgroundColor: {
       default: !1
     },
+    isBoxShadow: {
+      default: !1
+    },
     disabled: {
       default: !1
     },
@@ -11705,7 +11711,7 @@ const nm = {
 function om(e, i, t, s, n, r) {
   const o = j("fv-reveal-container");
   return p(), y("div", {
-    class: "drop-down-box",
+    class: E(["drop-down-box", [{ "is-box-shadow": t.isBoxShadow }]]),
     style: b({ "border-radius": `${t.borderRadius}px`, height: t.inputHeight })
   }, [
     u("div", {
@@ -11744,12 +11750,12 @@ function om(e, i, t, s, n, r) {
           })
         }, null, 12, rm),
         u("i", {
-          class: D(["right-icon ms-Icon", [`ms-Icon--${t.dropDownIcon}`]]),
+          class: E(["right-icon ms-Icon", [`ms-Icon--${t.dropDownIcon}`]]),
           style: b({ color: t.dropDownIconForeground })
         }, null, 6)
       ])
     ], 4)
-  ], 4);
+  ], 6);
 }
 const oo = /* @__PURE__ */ ye(nm, [["render", om]]), am = {
   emits: ["update:modelValue", "chooseItem"],
@@ -11886,7 +11892,7 @@ function dm(e, i, t, s, n, r) {
       onClick: (d) => r.onClick(a)
     }, [
       u("div", {
-        class: D(["list-item", {
+        class: E(["list-item", {
           hr: r.valueTrigger(a.type) == "divider",
           normal: r.valueTrigger(a.type) == "default" || r.valueTrigger(a.type) == null,
           disabled: r.valueTrigger(a.disabled),
@@ -11910,23 +11916,30 @@ function dm(e, i, t, s, n, r) {
             disabled: r.valueTrigger(a.disabled),
             foreground: t.dropDownListForeground,
             background: t.checkBoxBackground,
-            theme: t.theme
+            theme: t.theme,
+            title: r.valueTrigger(a.text)
           }, {
             default: H(() => [
               ue(O(r.valueTrigger(a.text)), 1)
             ]),
             _: 2
-          }, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "foreground", "background", "theme"]), [
+          }, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "foreground", "background", "theme", "title"]), [
             [
               x,
               r.valueTrigger(a.type) == "default" || r.valueTrigger(a.type) == null && t.multiple
             ]
           ]),
-          V(u("p", null, O(r.valueTrigger(a.text)), 513), [
-            [
-              x,
-              r.valueTrigger(a.type) == "default" || r.valueTrigger(a.type) == null && !t.multiple
-            ]
+          A(e.$slots, "option-content", {
+            option: a,
+            index: l,
+            valueTrigger: r.valueTrigger
+          }, () => [
+            V(u("p", { class: "common-content" }, O(r.valueTrigger(a.text)), 513), [
+              [
+                x,
+                r.valueTrigger(a.type) == "default" || r.valueTrigger(a.type) == null && !t.multiple
+              ]
+            ])
           ])
         ])
       ], 2)
@@ -12107,6 +12120,9 @@ const ao = /* @__PURE__ */ ye(am, [["render", dm]]), um = {
     errorMessage: {
       default: "This dropdown has an error"
     },
+    isBoxShadow: {
+      default: !1
+    },
     disabled: {
       default: !1
     },
@@ -12117,7 +12133,7 @@ const ao = /* @__PURE__ */ ye(am, [["render", dm]]), um = {
   emits: ["update:modelValue", "change", "visible-change"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-DropDown", [t.$theme, t.isDisabled ? "disabled" : ""]]),
+      class: E(["fv-DropDown", [t.$theme, t.isDisabled ? "disabled" : ""]]),
       style: b([t.styles.dropDown, { zIndex: t.show.listContainer ? 5 : "" }])
     }, [
       u("div", {
@@ -12145,7 +12161,8 @@ const ao = /* @__PURE__ */ ye(am, [["render", dm]]), um = {
             inputFontSize: e.inputFontSize,
             dropDownIcon: e.dropDownIcon,
             dropDownIconForeground: e.dropDownIconForeground,
-            class: D({ error: e.showError })
+            isBoxShadow: e.isBoxShadow,
+            class: E({ error: e.showError })
           }, {
             input: H((n) => [
               A(t.$slots, "input", {
@@ -12155,7 +12172,7 @@ const ao = /* @__PURE__ */ ye(am, [["render", dm]]), um = {
               })
             ]),
             _: 3
-          }, 8, ["modelValue", "placeholder", "theme", "disabled", "borderWidth", "borderRadius", "inputForeground", "inputBackground", "inputBorderColor", "inputHeight", "inputFontSize", "dropDownIcon", "dropDownIconForeground", "class"])
+          }, 8, ["modelValue", "placeholder", "theme", "disabled", "borderWidth", "borderRadius", "inputForeground", "inputBackground", "inputBorderColor", "inputHeight", "inputFontSize", "dropDownIcon", "dropDownIconForeground", "isBoxShadow", "class"])
         ])
       ], 512),
       V(u("p", { class: "err-msg" }, O(e.errorMessage), 513), [
@@ -12182,7 +12199,15 @@ const ao = /* @__PURE__ */ ye(am, [["render", dm]]), um = {
             options: H((n) => [
               A(t.$slots, "options", {
                 option: n.option,
-                index: n.index
+                index: n.index,
+                valueTrigger: n.valueTrigger
+              })
+            ]),
+            "option-content": H((n) => [
+              A(t.$slots, "option-content", {
+                option: n.option,
+                index: n.index,
+                valueTrigger: n.valueTrigger
               })
             ]),
             _: 3
@@ -12796,7 +12821,7 @@ const Lm = { class: "expander-description-box" }, Fm = { class: "expander-text"
   ],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-Expander", [
+      class: E(["fv-Expander", [
         t.$theme,
         { visibleOverflow: e.disabledExpander && e.visibleOverflow }
       ]]),
@@ -13043,7 +13068,7 @@ const Hm = ["onClick"], Gm = /* @__PURE__ */ u("i", null, null, -1), Um = [
   emits: ["update:modelValue", "change"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-FlipView", [t.$theme]]),
+      class: E(["fv-FlipView", [t.$theme]]),
       onMouseenter: s[3] || (s[3] = (n) => t.hoverTrigger = !0),
       onMouseleave: s[4] || (s[4] = (n) => t.hoverTrigger = !1),
       onTouchstart: s[5] || (s[5] = (n) => t.hoverTrigger = !0),
@@ -13056,31 +13081,31 @@ const Hm = ["onClick"], Gm = /* @__PURE__ */ u("i", null, null, -1), Um = [
             style: b(t.styles.controlPanel)
           }, [
             u("span", {
-              class: D(["slidebtn fst", [e.direction]]),
+              class: E(["slidebtn fst", [e.direction]]),
               onClick: s[0] || (s[0] = (...n) => t.slidePrev && t.slidePrev(...n))
             }, [
               u("p", {
-                class: D(["icon", [`ms-Icon ms-Icon--${t.firstBtn}`]])
+                class: E(["icon", [`ms-Icon ms-Icon--${t.firstBtn}`]])
               }, null, 2)
             ], 2),
             u("span", {
-              class: D(["slidebtn sec", [e.direction]]),
+              class: E(["slidebtn sec", [e.direction]]),
               onClick: s[1] || (s[1] = (...n) => t.slideNext && t.slideNext(...n))
             }, [
               u("p", {
-                class: D(["icon", [`ms-Icon ms-Icon--${t.secondBtn}`]])
+                class: E(["icon", [`ms-Icon ms-Icon--${t.secondBtn}`]])
               }, null, 2)
             ], 2),
             u("span", {
-              class: D(["bottom-controller", [e.direction]])
+              class: E(["bottom-controller", [e.direction]])
             }, [
               (p(!0), y(ee, null, te(t.thisValue, (n, r) => (p(), y("div", {
                 key: `ring: ${r}`,
-                class: D(["flip-view-ring", [{ choosen: t.currentIndex == r }]]),
+                class: E(["flip-view-ring", [{ choosen: t.currentIndex == r }]]),
                 onClick: (o) => t.slideIndex(r)
               }, Um, 10, Hm))), 128)),
               u("p", {
-                class: D(["sec ms-Icon", [
+                class: E(["sec ms-Icon", [
                   t.thisAutoPlay.toString() == "true" ? "ms-Icon--PauseBold" : "ms-Icon--PlaySolid"
                 ]]),
                 onClick: s[2] || (s[2] = (n) => t.thisAutoPlay = !t.thisAutoPlay)
@@ -13170,7 +13195,7 @@ const Km = {
   emits: ["click"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-IconElement", [t.$theme, { "icon-element-btn": e.iconButton }]]),
+      class: E(["fv-IconElement", [t.$theme, { "icon-element-btn": e.iconButton }]]),
       style: b({
         width: `${e.fontSize + e.paddingWidth / 1}px`,
         height: `${e.fontSize + e.paddingWidth / 1}px`,
@@ -13179,11 +13204,11 @@ const Km = {
       onClick: s[0] || (s[0] = (n) => t.$emit("click", n))
     }, [
       (p(!0), y(ee, null, te(t.iconList, (n, r) => (p(), y("div", {
-        class: D(["icon-element-item", [t.valueTrigger(n.position)]]),
+        class: E(["icon-element-item", [t.valueTrigger(n.position)]]),
         key: r
       }, [
         u("i", {
-          class: D(["icon-element ms-Icon", [`ms-Icon--${t.valueTrigger(n.name)}`]]),
+          class: E(["icon-element ms-Icon", [`ms-Icon--${t.valueTrigger(n.name)}`]]),
           style: b({
             fontSize: `${e.fontSize}px`,
             color: t.valueTrigger(n.color),
@@ -13257,7 +13282,7 @@ const Zm = ["src"], eg = {
   emits: ["click"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-Image", [t.$theme]])
+      class: E(["fv-Image", [t.$theme]])
     }, [
       B(ce, { name: "fade-in" }, {
         default: H(() => [
@@ -13307,7 +13332,7 @@ const sg = {
     return (t, s) => {
       const n = j("fv-ImgBox"), r = j("fv-Image");
       return p(), y("div", {
-        class: D(["fv-Img", [t.$theme]])
+        class: E(["fv-Img", [t.$theme]])
       }, [
         t.status == "imgBox" ? (p(), ne(n, {
           key: 0,
@@ -13508,7 +13533,7 @@ const og = Ys("FvImageCache", {
     return (t, s) => {
       const n = j("fv-progress-ring");
       return p(), y("div", {
-        class: D(["fv-ImgBox", [t.$theme]]),
+        class: E(["fv-ImgBox", [t.$theme]]),
         style: b({
           background: e.onbackground ? "url(" + t.imgUri.data + ") no-repeat" : ""
         })
@@ -13631,7 +13656,7 @@ const cg = {
   ],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-InfiniteScrollView", [t.$theme]])
+      class: E(["fv-InfiniteScrollView", [t.$theme]])
     }, [
       A(t.$slots, "default", {
         thisValue: t.thisValue,
@@ -13722,14 +13747,14 @@ const gg = { class: "title-bar" }, pg = { class: "title-content" }, vg = { class
     return (t, s) => {
       const n = j("fv-button");
       return p(), y("div", {
-        class: D(["fv-InfoBox", [t.$theme, e.mode, { acrylic: e.acrylic }]])
+        class: E(["fv-InfoBox", [t.$theme, e.mode, { acrylic: e.acrylic }]])
       }, [
         u("div", {
-          class: D(["sinfo-box-block", [t.iconList[e.status].background]])
+          class: E(["sinfo-box-block", [t.iconList[e.status].background]])
         }, [
           V(u("div", gg, [
             u("i", {
-              class: D(["ms-Icon icon-block", [`ms-Icon--${t.iconList[e.status].icon}`]])
+              class: E(["ms-Icon icon-block", [`ms-Icon--${t.iconList[e.status].icon}`]])
             }, null, 2),
             u("span", pg, O(e.title), 1)
           ], 512), [
@@ -14315,7 +14340,7 @@ const mo = /* @__PURE__ */ ye(Sg, [["render", Tg]]), Ig = { class: "list-view-he
     }), (n, r) => {
       const o = j("fv-reveal-container");
       return p(), y("div", {
-        class: D(["fv-ListView", [n.$theme]]),
+        class: E(["fv-ListView", [n.$theme]]),
         style: b({
           "--list-view-selected-border-width": e.itemBorderWidth + "px",
           "--list-view-selected-border-color": e.itemBorderColor
@@ -14327,7 +14352,7 @@ const mo = /* @__PURE__ */ ye(Sg, [["render", Tg]]), Ig = { class: "list-view-he
         ]),
         u("div", xg, [
           (p(!0), y(ee, null, te(n.thisValue, (a, l) => V((p(), y("span", {
-            class: D([{
+            class: E([{
               choose: n.valueTrigger(a.choosen),
               header: n.valueTrigger(a.type) == "header",
               hr: n.valueTrigger(a.type) == "divider",
@@ -14524,7 +14549,7 @@ function Wg(e, i, t, s, n, r) {
   return p(), ne(ce, { name: "fv-menu-flyout" }, {
     default: H(() => [
       u("div", {
-        class: D(["menu-flyout-list-container", [{ "mobile-mode": t.mobileMode }]]),
+        class: E(["menu-flyout-list-container", [{ "mobile-mode": t.mobileMode }]]),
         style: b({
           left: r.computedLeft,
           right: r.computedRight,
@@ -14557,7 +14582,7 @@ function Wg(e, i, t, s, n, r) {
             }, 8, ["theme", "onClick"])
           ])) : se("", !0),
           (p(!0), y(ee, null, te(n.thisValue, (l, d) => (p(), y("div", {
-            class: D(["fv-menu-flyout-item", {
+            class: E(["fv-menu-flyout-item", {
               hr: r.valueTrigger(l.type) == "divider",
               normal: (r.valueTrigger(l.type) == "default" || r.valueTrigger(l.type) == null) && !r.valueTrigger(l.disabled),
               disabled: r.valueTrigger(l.disabled),
@@ -14772,7 +14797,7 @@ const go = /* @__PURE__ */ ye(Pg, [["render", Wg]]), Ng = { class: "ms-Icon ms-I
     return (t, s) => {
       const n = j("fv-text-box");
       return p(), y("div", {
-        class: D(["fv-MenuFlyout", [t.$theme, { disabled: t.isDisabled }]]),
+        class: E(["fv-MenuFlyout", [t.$theme, { disabled: t.isDisabled }]]),
         style: b({
           "z-index": t.status ? 30 : "",
           overflow: "visible"
@@ -14919,7 +14944,7 @@ const Yg = { class: "msg-bar-block" }, _g = { class: "msg-content-block" }, jg =
     return (t, s) => {
       const n = j("fv-button");
       return p(), y("div", {
-        class: D(["fv-MessageBar", [
+        class: E(["fv-MessageBar", [
           t.$theme,
           t.iconList[e.status].iconColor,
           { relative: e.mode == "relative" }
@@ -14927,7 +14952,7 @@ const Yg = { class: "msg-bar-block" }, _g = { class: "msg-content-block" }, jg =
       }, [
         u("span", Yg, [
           u("i", {
-            class: D(["ms-Icon icon-block", [
+            class: E(["ms-Icon icon-block", [
               `ms-Icon--${t.iconList[e.status].icon}`,
               t.iconList[e.status].iconColor
             ]])
@@ -15171,7 +15196,7 @@ const Zg = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
     return (t, s) => {
       const n = j("fv-animated-icon"), r = j("fv-search-box");
       return p(), y("div", {
-        class: D(["fv-NavigationPanel", [
+        class: E(["fv-NavigationPanel", [
           t.$theme,
           { compact: !t.thisExpand },
           { flyout: t.isFlyout },
@@ -15473,7 +15498,7 @@ const hp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--GlobalNavButton ico
     return (t, s) => {
       const n = j("fv-search-box"), r = j("fv-animated-icon"), o = j("fv-list-view"), a = j("fv-NavigationPanel");
       return p(), y("div", {
-        class: D(["fv-NavigationView", [t.$theme, { compact: !t.thisExpand }]])
+        class: E(["fv-NavigationView", [t.$theme, { compact: !t.thisExpand }]])
       }, [
         B(a, {
           title: e.title,
@@ -15556,7 +15581,7 @@ const hp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--GlobalNavButton ico
                   valueTrigger: l.valueTrigger
                 }, () => [
                   V(u("i", {
-                    class: D(["ms-Icon icon", [
+                    class: E(["ms-Icon icon", [
                       `ms-Icon--${l.valueTrigger(l.item.icon)}`
                     ]])
                   }, null, 2), [
@@ -15723,12 +15748,12 @@ const bp = { class: "fv-pagination-container" }, wp = /* @__PURE__ */ u("i", { c
     return (t, s) => {
       const n = j("fv-button");
       return p(), y("div", {
-        class: D(["fv-Pagination", [t.$theme]])
+        class: E(["fv-Pagination", [t.$theme]])
       }, [
         u("div", bp, [
           B(n, {
             disabled: t.thisValue == 1 || t.isDisabled,
-            class: D([{ small: e.small }, "page-btn"]),
+            class: E([{ small: e.small }, "page-btn"]),
             theme: t.theme,
             background: e.background,
             "reveal-background-color": e.revealBackgroundColor,
@@ -15745,7 +15770,7 @@ const bp = { class: "fv-pagination-container" }, wp = /* @__PURE__ */ u("i", { c
           (p(!0), y(ee, null, te(t.itemList, (r, o) => (p(), y(ee, null, [
             r.show ? (p(), ne(n, {
               key: o,
-              class: D([{ small: e.small }, "page-btn"]),
+              class: E([{ small: e.small }, "page-btn"]),
               theme: t.theme,
               disabled: t.isDisabled,
               background: e.background,
@@ -15759,7 +15784,7 @@ const bp = { class: "fv-pagination-container" }, wp = /* @__PURE__ */ u("i", { c
             }, {
               default: H(() => [
                 u("p", {
-                  class: D([{ "ms-Icon ms-Icon--More": r.num < 0 }])
+                  class: E([{ "ms-Icon ms-Icon--More": r.num < 0 }])
                 }, O(r.num >= 0 ? r.num : ""), 3)
               ]),
               _: 2
@@ -15767,7 +15792,7 @@ const bp = { class: "fv-pagination-container" }, wp = /* @__PURE__ */ u("i", { c
           ], 64))), 256)),
           B(n, {
             disabled: t.thisValue == e.total || t.isDisabled,
-            class: D([{ small: e.small }, "page-btn"]),
+            class: E([{ small: e.small }, "page-btn"]),
             theme: t.theme,
             background: e.background,
             "reveal-background-color": e.revealBackgroundColor,
@@ -15913,7 +15938,7 @@ const Sp = {
       return p(), ne(ce, { name: "fv-panel-show" }, {
         default: H(() => [
           V(u("div", {
-            class: D(["fv-Panel", [t.$theme]]),
+            class: E(["fv-Panel", [t.$theme]]),
             style: b({ zIndex: t.thisValue ? 30 : "" })
           }, [
             u("div", {
@@ -15923,7 +15948,7 @@ const Sp = {
             B(ce, { name: t.transitionInName }, {
               default: H(() => [
                 V(u("div", {
-                  class: D(["fv-panel-container", [
+                  class: E(["fv-panel-container", [
                     `${t.sideName}-side`,
                     { "acrylic-style": e.isAcrylic }
                   ]]),
@@ -16113,7 +16138,7 @@ const Ip = { class: "persona-content-block" }, xp = {
     return (t, s) => {
       const n = j("fv-img");
       return p(), y("div", {
-        class: D(["fv-Persona", [t.$theme]])
+        class: E(["fv-Persona", [t.$theme]])
       }, [
         u("div", {
           class: "persona-avatar",
@@ -16132,7 +16157,7 @@ const Ip = { class: "persona-content-block" }, xp = {
             style: { width: "100%", height: "100%", "border-radius": "50%" }
           }, null, 8, ["src"])) : se("", !0),
           V(u("i", {
-            class: D(["ms-Icon status-icon", [`ms-Icon--${t.currentIcon}`]]),
+            class: E(["ms-Icon status-icon", [`ms-Icon--${t.currentIcon}`]]),
             style: b({
               "font-size": `${t.iconFontSize}px`,
               color: t.currentIconColor
@@ -16300,7 +16325,7 @@ function Fp(e, i, t, s, n, r) {
       style: b({ "margin-left": `${n.domLeft}px`, width: `${n.domWidth}px` })
     }, [
       u("p", {
-        class: D(["fv-pivot-s-item", [{ "is-boxshadow": t.sliderBoxshadow }]]),
+        class: E(["fv-pivot-s-item", [{ "is-boxshadow": t.sliderBoxshadow }]]),
         style: b({
           background: t.background,
           borderRadius: t.sliderBorderRadius + "px"
@@ -16475,7 +16500,7 @@ const vo = /* @__PURE__ */ ye(Mp, [["render", Fp]]), Pp = { class: "pivot-wrappe
   emits: ["update:modelValue", "change"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-Pivot", [t.$theme, e.tab ? "tab" : ""]]),
+      class: E(["fv-Pivot", [t.$theme, e.tab ? "tab" : ""]]),
       style: b({
         padding: e.padding,
         background: e.background,
@@ -16485,7 +16510,7 @@ const vo = /* @__PURE__ */ ye(Mp, [["render", Fp]]), Pp = { class: "pivot-wrappe
       u("div", Pp, [
         u("div", Rp, [
           (p(!0), y(ee, null, te(t.thisItems, (n, r) => V((p(), y("span", {
-            class: D(["pivot-item", {
+            class: E(["pivot-item", {
               choose: t.eqal(n),
               disabled: t.valueTrigger(n.disabled)
             }]),
@@ -16576,7 +16601,7 @@ const Wp = {
   ],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-ProgressBar", [
+      class: E(["fv-ProgressBar", [
         t.$theme,
         e.loading.toString() != "true" ? "normal" : "",
         t.isDisabled ? "disabled" : ""
@@ -16641,7 +16666,7 @@ const Gp = {
 };
 function Up(e, i, t, s, n, r) {
   return p(), y("div", {
-    class: D(["fv-progressRing-legacy", t.size])
+    class: E(["fv-progressRing-legacy", t.size])
   }, [
     (p(), y(ee, null, te(5, (o) => u("p", {
       style: b(n.styles.p),
@@ -16742,7 +16767,7 @@ const bo = /* @__PURE__ */ ye(Gp, [["render", Up]]), Yp = ["width", "height"], _
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-ProgressRing", [t.$theme]]),
+      class: E(["fv-ProgressRing", [t.$theme]]),
       style: b({ width: `${e.r * 2}px`, height: `${e.r * 2}px` })
     }, [
       V((p(), y("svg", {
@@ -16861,7 +16886,7 @@ const Jp = ["src"], Qp = {
   emits: ["update:modelValue", "click", "actived"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-Radio", [
+      class: E(["fv-Radio", [
         t.$theme,
         { "with-icon": e.icon || e.image },
         { actived: t.isActived },
@@ -16877,7 +16902,7 @@ const Jp = ["src"], Qp = {
       u("input", {
         type: "radio",
         ref: "button",
-        class: D(["fv-radio-button", [{ actived: t.isActived }, { disabled: t.isDisabled }]]),
+        class: E(["fv-radio-button", [{ actived: t.isActived }, { disabled: t.isDisabled }]]),
         style: b({
           background: t.isActived ? e.foreground : ""
         })
@@ -16891,7 +16916,7 @@ const Jp = ["src"], Qp = {
           src: t.isActived && e.activeImage ? e.activeImage : e.image
         }, null, 8, Jp)) : e.icon ? (p(), y("i", {
           key: 1,
-          class: D(["with-icon ms-Icon", "ms-Icon--" + e.icon])
+          class: E(["with-icon ms-Icon", "ms-Icon--" + e.icon])
         }, null, 2)) : se("", !0),
         u("span", null, [
           A(t.$slots, "default")
@@ -17025,7 +17050,7 @@ const tv = { class: "fv-rating-container" }, iv = ["onMousemove", "onTouchmove",
   emits: ["update:modelValue", "change"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-RatingControl", [t.$theme]])
+      class: E(["fv-RatingControl", [t.$theme]])
     }, [
       u("div", tv, [
         (p(!0), y(ee, null, te(e.maxRate, (n, r) => (p(), y("div", {
@@ -17038,7 +17063,7 @@ const tv = { class: "fv-rating-container" }, iv = ["onMousemove", "onTouchmove",
           onClick: (o) => t.handlerClick(o, r)
         }, [
           u("i", {
-            class: D(["ms-Icon background", [`ms-Icon--${e.defaultIcon}`]]),
+            class: E(["ms-Icon background", [`ms-Icon--${e.defaultIcon}`]]),
             style: b({ color: e.borderColor })
           }, null, 6),
           V(u("div", {
@@ -17046,7 +17071,7 @@ const tv = { class: "fv-rating-container" }, iv = ["onMousemove", "onTouchmove",
             style: b({ width: `${t.itemRatio(r)}%` })
           }, [
             u("i", {
-              class: D(["ms-Icon foreground", [`ms-Icon--${e.selectedIcon}`]]),
+              class: E(["ms-Icon foreground", [`ms-Icon--${e.selectedIcon}`]]),
               style: b({ color: e.selectedColor })
             }, null, 6)
           ], 4), [
@@ -17164,7 +17189,7 @@ const ov = {
   emits: ["watch", "watch-resize", "watch-pos"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-ResizeWatcher", [t.$theme]])
+      class: E(["fv-ResizeWatcher", [t.$theme]])
     }, null, 2));
   }
 }), lv = Z(av);
@@ -17463,7 +17488,7 @@ const dv = {
   emits: ["click"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-RevealContainer", [t.$theme]]),
+      class: E(["fv-RevealContainer", [t.$theme]]),
       style: b({ "border-radius": `${t.computedBorderRadius}px` }),
       onClick: s[0] || (s[0] = (n) => {
         n.preventDefault(), t.isDisabled || t.$emit("click", n);
@@ -17643,7 +17668,7 @@ const xv = { class: "right-menu-list" }, Ev = /* @__PURE__ */ u("span", null, [
     }, {
       default: H(() => [
         V(u("div", {
-          class: D(["fv-RightMenu", [n.$theme]]),
+          class: E(["fv-RightMenu", [n.$theme]]),
           style: b({
             left: n.posX + "px",
             top: n.posY + "px",
@@ -17721,7 +17746,7 @@ const Fv = { key: 0 }, Pv = /* @__PURE__ */ u("p", null, "Scroll Story", -1), Rv
   emits: ["show-changed"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-ScrollStory", [t.$theme]])
+      class: E(["fv-ScrollStory", [t.$theme]])
     }, [
       B(ce, { name: e.name }, {
         default: H(() => [
@@ -17994,7 +18019,7 @@ const Av = { class: "search-box-placeholder" }, zv = { class: "search-box-contai
     return (t, s) => {
       const n = j("fv-reveal-container"), r = j("fv-list-view");
       return p(), y("div", {
-        class: D(["fv-SearchBox", [
+        class: E(["fv-SearchBox", [
           t.$theme,
           e.status,
           t.isFocus ? "focus" : "",
@@ -18030,7 +18055,7 @@ const Av = { class: "search-box-placeholder" }, zv = { class: "search-box-contai
           ])
         }, [
           V(u("i", {
-            class: D(["ms-Icon icon-block", [`ms-Icon--${e.leftIcon}`]]),
+            class: E(["ms-Icon icon-block", [`ms-Icon--${e.leftIcon}`]]),
             onClick: s[0] || (s[0] = (o) => t.$emit("left-icon-click", o))
           }, null, 2), [
             [x, e.leftIcon != ""]
@@ -18078,7 +18103,7 @@ const Av = { class: "search-box-placeholder" }, zv = { class: "search-box-contai
             [x, t.thisValue.length > 0 || e.resultPlaceholder.length > 0]
           ]),
           V(u("i", {
-            class: D(["ms-Icon icon-block", [`ms-Icon--${e.icon}`]]),
+            class: E(["ms-Icon icon-block", [`ms-Icon--${e.icon}`]]),
             onClick: s[9] || (s[9] = (o) => t.$emit("icon-click", o))
           }, null, 2), [
             [x, e.icon != ""]
@@ -18168,7 +18193,7 @@ const Yv = /* @__PURE__ */ u("div", {
   },
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-Shimmer", [t.$theme]])
+      class: E(["fv-Shimmer", [t.$theme]])
     }, [
       u("div", {
         class: "shimmer-container",
@@ -18374,7 +18399,7 @@ const qv = ["title"], Kv = { class: "fv-slider-unit-container" }, Jv = {
   },
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-Slider", [t.$theme, { vertical: e.vertical }]]),
+      class: E(["fv-Slider", [t.$theme, { vertical: e.vertical }]]),
       ref: "slider"
     }, [
       u("div", {
@@ -18398,7 +18423,7 @@ const qv = ["title"], Kv = { class: "fv-slider-unit-container" }, Jv = {
           onTouchend: s[3] || (s[3] = (...n) => t.stop && t.stop(...n))
         }, [
           u("i", {
-            class: D(["ms-Icon fv-slider-ring-icon", [`ms-Icon--${e.icon}`]]),
+            class: E(["ms-Icon fv-slider-ring-icon", [`ms-Icon--${e.icon}`]]),
             style: b({ color: e.color })
           }, null, 6)
         ], 36),
@@ -18596,13 +18621,13 @@ const eb = {
   emits: ["status-change"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-SwipeControl", [t.$theme]])
+      class: E(["fv-SwipeControl", [t.$theme]])
     }, [
       u("div", eb, [
         u("div", tb, [
           u("div", ib, [
             (p(!0), y(ee, null, te(e.leftOptions, (n, r) => (p(), y("div", {
-              class: D(["fv-SwipeControl-btn", [t.valueTrigger(n.type)]]),
+              class: E(["fv-SwipeControl-btn", [t.valueTrigger(n.type)]]),
               key: r,
               style: b({
                 width: r === e.leftOptions.length - 1 ? "" : `${t.opWidth / e.leftOptions.length}px`
@@ -18616,7 +18641,7 @@ const eb = {
                 })
               }, [
                 V(u("i", {
-                  class: D(["ms-Icon", [`ms-Icon--${t.valueTrigger(n.icon)}`]])
+                  class: E(["ms-Icon", [`ms-Icon--${t.valueTrigger(n.icon)}`]])
                 }, null, 2), [
                   [x, t.valueTrigger(n.icon)]
                 ]),
@@ -18636,7 +18661,7 @@ const eb = {
           ], 4),
           u("div", nb, [
             (p(!0), y(ee, null, te(t.thisOptions, (n, r) => (p(), y("div", {
-              class: D(["fv-SwipeControl-btn", [t.valueTrigger(n.type)]]),
+              class: E(["fv-SwipeControl-btn", [t.valueTrigger(n.type)]]),
               key: r,
               style: b({
                 width: r === t.thisOptions.length - 1 ? "" : `${t.opWidth / t.thisOptions.length}px`
@@ -18650,7 +18675,7 @@ const eb = {
                 })
               }, [
                 V(u("i", {
-                  class: D(["ms-Icon", [`ms-Icon--${t.valueTrigger(n.icon)}`]])
+                  class: E(["ms-Icon", [`ms-Icon--${t.valueTrigger(n.icon)}`]])
                 }, null, 2), [
                   [x, t.valueTrigger(n.icon)]
                 ]),
@@ -18970,7 +18995,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 }]]),
+      class: E(["fv-TabView", [t.$theme, { disabled: t.isDisabled }]]),
       style: b({
         padding: e.padding,
         background: e.background,
@@ -18984,11 +19009,11 @@ const gb = Object.assign(mb, {
           B(Ki, {
             name: "tab-view-item",
             tag: "div",
-            class: D(["tab-view-list", t.overflowClass])
+            class: E(["tab-view-list", t.overflowClass])
           }, {
             default: H(() => [
               (p(!0), y(ee, null, te(t.thisItems, (n, r) => V((p(), y("div", {
-                class: D(["tab-view-item", {
+                class: E(["tab-view-item", {
                   choose: t.eqal(n),
                   disabled: t.valueTrigger(n.disabled),
                   dragging: t.isDragging(n),
@@ -19026,7 +19051,7 @@ const gb = Object.assign(mb, {
                     draggable: "false"
                   }, null, 12, cb)) : t.valueTrigger(n.icon) ? (p(), y("i", {
                     key: 1,
-                    class: D(["ms-Icon tab-view-item-icon", `ms-Icon--${t.valueTrigger(n.icon)}`]),
+                    class: E(["ms-Icon tab-view-item-icon", `ms-Icon--${t.valueTrigger(n.icon)}`]),
                     style: { fontSize: "16px" }
                   }, null, 2)) : se("", !0),
                   u("p", {
@@ -19045,7 +19070,7 @@ const gb = Object.assign(mb, {
                     index: r
                   }, () => [
                     u("i", {
-                      class: D(["ms-Icon", `ms-Icon--${e.closeButtonIcon}`]),
+                      class: E(["ms-Icon", `ms-Icon--${e.closeButtonIcon}`]),
                       style: b({
                         fontSize: ct(e.closeIconSize)
                       })
@@ -19061,7 +19086,7 @@ const gb = Object.assign(mb, {
         ]),
         e.showAddButton ? (p(), y("div", {
           key: 0,
-          class: D(["tab-view-add-button", { disabled: t.isDisabled }]),
+          class: E(["tab-view-add-button", { disabled: t.isDisabled }]),
           style: b({
             width: ct(e.itemHeight),
             minWidth: ct(e.itemHeight),
@@ -19073,7 +19098,7 @@ const gb = Object.assign(mb, {
         }, [
           A(t.$slots, "add-button", {}, () => [
             u("i", {
-              class: D(["ms-Icon", `ms-Icon--${e.addButtonIcon}`]),
+              class: E(["ms-Icon", `ms-Icon--${e.addButtonIcon}`]),
               style: { fontSize: "16px" }
             }, null, 2)
           ])
@@ -19209,7 +19234,7 @@ const vb = {
 function yb(e, i, t, s, n, r) {
   const o = j("fv-check-box");
   return p(), y("div", {
-    class: D(["fv-tableview-data-row", [{ choosen: t.row.choosen }]]),
+    class: E(["fv-tableview-data-row", [{ choosen: t.row.choosen }]]),
     draggable: n.dragDown,
     onDragover: i[6] || (i[6] = (...a) => r.dragOver && r.dragOver(...a)),
     onDragleave: i[7] || (i[7] = (...a) => r.dragLeave && r.dragLeave(...a)),
@@ -19230,7 +19255,7 @@ function yb(e, i, t, s, n, r) {
       }, null, 32)
     ]),
     u("p", {
-      class: D(["onDrop", [{ show: n.dropMode }]]),
+      class: E(["onDrop", [{ show: n.dropMode }]]),
       style: b({ background: n.dropMode ? t.foreground : "" })
     }, null, 6),
     u("div", {
@@ -19340,7 +19365,7 @@ function Tb(e, i, t, s, n, r) {
     }, [
       u("div", Sb, [
         u("i", {
-          class: D(["ms-Icon", [`ms-Icon--${r.computedIcon(a)}`]]),
+          class: E(["ms-Icon", [`ms-Icon--${r.computedIcon(a)}`]]),
           style: { "margin-left": "5px" }
         }, null, 2),
         u("p", null, O(a.name), 1)
@@ -19501,7 +19526,7 @@ function Bb(e, i, t, s, n, r) {
         ]),
         A(e.$slots, "icon", { item: a }, () => [
           u("i", {
-            class: D(["ms-Icon", [`ms-Icon--${r.computedIcon(a)}`]]),
+            class: E(["ms-Icon", [`ms-Icon--${r.computedIcon(a)}`]]),
             style: { "margin-left": "5px" }
           }, null, 2)
         ]),
@@ -19509,7 +19534,7 @@ function Bb(e, i, t, s, n, r) {
       ]),
       t.showVisible ? (p(), y("div", Lb, [
         u("i", {
-          class: D(["ms-Icon icon-block", [`ms-Icon--${a.visible ? "View" : "Hide"}`]]),
+          class: E(["ms-Icon icon-block", [`ms-Icon--${a.visible ? "View" : "Hide"}`]]),
           onClick: (d) => r.switchVisible(a)
         }, null, 10, Fb),
         Pb
@@ -20081,7 +20106,7 @@ const ts = /* @__PURE__ */ ye(Zb, [["render", e0]]), t0 = { style: { "margin-lef
       const n = j("fv-text-box"), r = j("fv-toggle-switch");
       return t.modelValue.__guid ? (p(), y("div", {
         key: 0,
-        class: D(["fv-tableview-head-item", [{ onDrop: t.dropMode, fixed: t.modelValue.fixed }]]),
+        class: E(["fv-tableview-head-item", [{ onDrop: t.dropMode, fixed: t.modelValue.fixed }]]),
         onDragstart: s[19] || (s[19] = (...o) => t.stopWrapper && t.stopWrapper(...o)),
         onDragover: s[20] || (s[20] = (...o) => t.dragOver && t.dragOver(...o)),
         onDragleave: s[21] || (s[21] = (...o) => t.dragLeave && t.dragLeave(...o)),
@@ -20212,7 +20237,7 @@ const ts = /* @__PURE__ */ ye(Zb, [["render", e0]]), t0 = { style: { "margin-lef
                 onClick: s[13] || (s[13] = (...o) => t.switchFixed && t.switchFixed(...o))
               }, [
                 u("i", {
-                  class: D(["row-icon ms-Icon", [
+                  class: E(["row-icon ms-Icon", [
                     `ms-Icon--${t.modelValue.fixed ? "Unpin" : "Pin"}`
                   ]])
                 }, null, 2),
@@ -20409,7 +20434,7 @@ const ts = /* @__PURE__ */ ye(Zb, [["render", e0]]), t0 = { style: { "margin-lef
       const n = j("fv-text-box");
       return t.head.__guid ? (p(), y("div", {
         key: 0,
-        class: D(["fv-tableview-cell-item", [
+        class: E(["fv-tableview-cell-item", [
           {
             wrappable: t.head.wrap,
             fixed: t.head.fixed,
@@ -20784,7 +20809,7 @@ const L0 = { class: "fv-tableview-default-edittool-row between" }, F0 = {
           ]),
           R0,
           u("div", {
-            class: D(["fv-tableview-number-edittool-inside-block", [{ dark: t.theme === "dark" }]])
+            class: E(["fv-tableview-number-edittool-inside-block", [{ dark: t.theme === "dark" }]])
           }, [
             u("span", B0, O(t.i18n("Show as")), 1),
             u("div", O0, [
@@ -20798,7 +20823,7 @@ const L0 = { class: "fv-tableview-default-edittool-row between" }, F0 = {
                 onClick: (c) => t.modelValue.showAs = l.key
               }, [
                 u("i", {
-                  class: D(["ms-Icon icon-block", [`ms-Icon--${l.icon}`]])
+                  class: E(["ms-Icon icon-block", [`ms-Icon--${l.icon}`]])
                 }, null, 2),
                 u("p", z0, O(l.text), 1)
               ], 12, A0))), 128))
@@ -22144,7 +22169,7 @@ const rn = Vo, q0 = Z(To), K0 = { style: { width: "100%", "padding-right": "5px"
     return (t, s) => {
       const n = j("fv-button"), r = j("fv-check-box"), o = j("fv-right-menu");
       return p(), y("div", {
-        class: D(["fv-TableView", [t.$theme]])
+        class: E(["fv-TableView", [t.$theme]])
       }, [
         u("div", Iw, [
           u("div", xw, [
@@ -22444,11 +22469,11 @@ const zw = ["onClick"], Ww = { class: "fv-tag-default-content" }, Nw = { class:
     return (t, s) => {
       const n = j("fv-text-box");
       return p(), y("div", {
-        class: D(["fv-Tag", [t.$theme]])
+        class: E(["fv-Tag", [t.$theme]])
       }, [
         (p(!0), y(ee, null, te(t.thisValue, (r, o) => (p(), y("div", {
           key: o,
-          class: D(["fv-tag-item", [
+          class: E(["fv-tag-item", [
             r.type ? r.type : "",
             e.size,
             { disabled: r.disabled }
@@ -22480,7 +22505,7 @@ const zw = ["onClick"], Ww = { class: "fv-tag-default-content" }, Nw = { class:
         ], 14, zw))), 128)),
         V(u("div", {
           ref: "add",
-          class: D(["fv-tag-item controller", [e.size]]),
+          class: E(["fv-tag-item controller", [e.size]]),
           style: b({
             background: e.newTagBackground ? t.getColor(e.newTagBackground).background : "",
             borderColor: e.newTagBackground ? t.getColor(e.newTagBackground).borderColor : "",
@@ -23108,7 +23133,7 @@ const Eo = /* @__PURE__ */ ye(ty, [["render", ny]]), ry = { class: "fix-block" }
     }), (r, o) => {
       const a = j("fv-reveal-container");
       return p(), y("div", {
-        class: D(["fv-TextBox", [
+        class: E(["fv-TextBox", [
           r.$theme,
           e.status,
           r.isFocus ? "focus" : "",
@@ -23147,7 +23172,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}`]]),
+              class: E(["ms-Icon icon-block", [`ms-Icon--${e.leftIcon}`]]),
               style: b({ color: e.iconForeground }),
               onClick: o[0] || (o[0] = (l) => r.$emit("left-icon-click", l))
             }, null, 6), [
@@ -23184,7 +23209,7 @@ const Eo = /* @__PURE__ */ ye(ty, [["render", ny]]), ry = { class: "fix-block" }
           }, null, 8, ["modelValue", "mode", "inputmode", "type", "placeholder", "mask", "flag", "pattern", "inputRules", "readonly", "maxlength", "disabled", "fontSize", "fontWeight", "foreground", "textAlign", "cursor", "focus"]),
           A(r.$slots, "icon", {}, () => [
             V(u("i", {
-              class: D(["ms-Icon icon-block", [`ms-Icon--${e.icon}`]]),
+              class: E(["ms-Icon icon-block", [`ms-Icon--${e.icon}`]]),
               style: b({ color: e.iconForeground }),
               onClick: o[7] || (o[7] = (l) => r.$emit("icon-click", l))
             }, null, 6), [
@@ -23321,7 +23346,7 @@ const uy = ["placeholder", "readonly", "disabled", "maxlength"], hy = {
     return (t, s) => {
       const n = j("fv-reveal-container");
       return p(), y("div", {
-        class: D(["fv-TextField", [
+        class: E(["fv-TextField", [
           t.$theme,
           e.status,
           { focus: t.isFocus },
@@ -23619,7 +23644,7 @@ const Yy = {
   emits: ["update:modelValue", "change"],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-TimePicker", [t.$theme, { disabled: e.disabled }]]),
+      class: E(["fv-TimePicker", [t.$theme, { disabled: e.disabled }]]),
       style: b({ "--hover-color": e.hoverColor })
     }, [
       u("div", {
@@ -23897,11 +23922,11 @@ const Do = /* @__PURE__ */ ye(Xy, [["render", qy]]), Ky = {
   },
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-ToggleSwitch", [t.$theme, t.isDisabled ? "disabled" : ""]]),
+      class: E(["fv-ToggleSwitch", [t.$theme, t.isDisabled ? "disabled" : ""]]),
       onMouseup: s[0] || (s[0] = (...n) => t.toggle && t.toggle(...n))
     }, [
       u("div", {
-        class: D(["fv-toggle-border", { "toggle-on": t.thisValue }]),
+        class: E(["fv-toggle-border", { "toggle-on": t.thisValue }]),
         ref: "border",
         style: b([
           {
@@ -24174,7 +24199,7 @@ function o1(e, i, t, s, n, r) {
     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) }]]),
+      class: E(["fv-tree-view-item-container", [{ selected: t.modelValue.selected, disabled: r.valueTrigger(t.modelValue.disabled) }]]),
       ref: "item",
       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)),
@@ -24212,7 +24237,7 @@ function o1(e, i, t, s, n, r) {
         t.expandedIconPosition === "left" ? (p(), y("div", t1, [
           !r.valueTrigger(t.modelValue.loading) || !t.showLoading ? V((p(), y("i", {
             key: 0,
-            class: D(["ms-Icon fv-tree-view-item-expander-icon", [`ms-Icon--${t.modelValue.expanded ? t.expandedIcon : t.unexpandedIcon}`]]),
+            class: E(["ms-Icon fv-tree-view-item-expander-icon", [`ms-Icon--${t.modelValue.expanded ? t.expandedIcon : t.unexpandedIcon}`]]),
             ref: "expander",
             onClick: i[1] || (i[1] = (d) => r.expandClick("icon", d))
           }, null, 2)), [
@@ -24232,7 +24257,7 @@ function o1(e, i, t, s, n, r) {
             deep: t.deep
           }, () => [
             V(u("i", {
-              class: D(["ms-Icon fv-tree-view-item-std-icon", `ms-Icon--${r.valueTrigger(t.modelValue.icon)}`])
+              class: E(["ms-Icon fv-tree-view-item-std-icon", `ms-Icon--${r.valueTrigger(t.modelValue.icon)}`])
             }, null, 2), [
               [x, t.modelValue.icon && !r.isURL(r.valueTrigger(t.modelValue.icon))]
             ]),
@@ -24250,7 +24275,7 @@ function o1(e, i, t, s, n, r) {
         t.expandedIconPosition === "right" ? (p(), y("div", n1, [
           !r.valueTrigger(t.modelValue.loading) || !t.showLoading ? V((p(), y("i", {
             key: 0,
-            class: D(["ms-Icon fv-tree-view-item-expander-icon", [`ms-Icon--${t.modelValue.expanded ? t.expandedIcon : t.unexpandedIcon}`]]),
+            class: E(["ms-Icon fv-tree-view-item-expander-icon", [`ms-Icon--${t.modelValue.expanded ? t.expandedIcon : t.unexpandedIcon}`]]),
             ref: "expander",
             onClick: i[2] || (i[2] = (d) => r.expandClick("icon", d))
           }, null, 2)), [
@@ -24425,7 +24450,7 @@ const Mo = /* @__PURE__ */ ye(Zy, [["render", o1]]), a1 = {
   ],
   setup(e, { emit: i }) {
     return (t, s) => (p(), y("div", {
-      class: D(["fv-TreeView", [t.$theme]])
+      class: E(["fv-TreeView", [t.$theme]])
     }, [
       (p(!0), y(ee, null, te(t.thisValue, (n, r) => (p(), ne(Mo, {
         key: `parent: root, self: ${r}`,
@@ -24588,7 +24613,7 @@ const u1 = {
     return (t, s) => {
       const n = j("fv-text-box");
       return p(), y("div", {
-        class: D(["fv-VerifyBox", [t.$theme]])
+        class: E(["fv-VerifyBox", [t.$theme]])
       }, [
         t.thisValue.length === e.length ? (p(), y("div", {
           key: 0,
@@ -24673,7 +24698,7 @@ const f1 = {
 ];
 function p1(e, i, t, s, n, r) {
   return p(), y("div", {
-    class: D(["fv-web-window-spliter", [{ horizontal: t.type === "horizontal", vertical: t.type === "vertical", both: t.type === "both" }]]),
+    class: E(["fv-web-window-spliter", [{ horizontal: t.type === "horizontal", vertical: t.type === "vertical", both: t.type === "both" }]]),
     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)),
@@ -24800,7 +24825,7 @@ const Oi = /* @__PURE__ */ ye(f1, [["render", p1]]), v1 = { style: { "margin-lef
   },
   setup(e, { emit: i }) {
     return (t, s) => V((p(), y("div", {
-      class: D(["fv-WebWindow", [
+      class: E(["fv-WebWindow", [
         t.$theme,
         {
           "static-transition": !t.freezeTransition,