@creatorsn/vfluent3 0.3.13 → 0.3.17

package/dist/vfluent3.js

@@ -1,7 +1,7 @@
 var Go = Object.defineProperty;
 var Uo = (t, i, e) => i in t ? Go(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e;
 var Mt = (t, i, e) => (Uo(t, typeof i != "symbol" ? i + "" : i, e), e);
-import { computed as ae, effectScope as Xn, ref as X, markRaw as Re, hasInjectionContext as Yo, inject as jo, getCurrentInstance as ts, toRaw as is, watch as Oe, reactive as Xo, isRef as ze, isReactive as tn, toRef as fs, nextTick as $t, unref as ne, getCurrentScope as qo, onScopeDispose as Ko, toRefs as yn, defineComponent as sn, h as Yi, openBlock as v, createElementBlock as $, normalizeClass as F, normalizeStyle as C, createElementVNode as u, renderSlot as N, createTextVNode as we, withDirectives as L, vShow as M, toDisplayString as _, Fragment as te, renderList as ie, vModelText as qn, resolveComponent as J, createVNode as A, withKeys as ss, Transition as me, withCtx as j, createCommentVNode as oe, onMounted as Ii, createBlock as re, TransitionGroup as ns, mergeModels as kn, useModel as Jo, useSlots as Qo, onBeforeUnmount as Zo, Teleport as ea, withModifiers as Yt, render as Kt, vModelDynamic as Kn, resolveDynamicComponent as Jn } from "vue";
+import { computed as ae, effectScope as Xn, ref as X, markRaw as Re, hasInjectionContext as Yo, inject as jo, getCurrentInstance as ts, toRaw as is, watch as Oe, reactive as Xo, isRef as ze, isReactive as tn, toRef as fs, nextTick as Ct, unref as ne, getCurrentScope as qo, onScopeDispose as Ko, toRefs as yn, defineComponent as sn, h as Yi, openBlock as v, createElementBlock as C, normalizeClass as F, normalizeStyle as $, createElementVNode as u, renderSlot as N, createTextVNode as we, withDirectives as L, vShow as M, toDisplayString as _, Fragment as te, renderList as ie, vModelText as qn, resolveComponent as J, createVNode as A, withKeys as ss, Transition as me, withCtx as j, createCommentVNode as oe, onMounted as Ii, createBlock as re, TransitionGroup as ns, mergeModels as kn, useModel as Jo, useSlots as Qo, onBeforeUnmount as Zo, Teleport as ea, withModifiers as Yt, render as Kt, vModelDynamic as Kn, resolveDynamicComponent as Jn } from "vue";
 const Z = (t) => (t.install = (i) => {
   i.component(t.name, t);
 }, t), Qn = (t, i) => (t.install = (e) => {
@@ -197,7 +197,7 @@ function ir(t, i) {
  * @license MIT
  */
 let ci;
-const $i = (t) => ci = t, sr = process.env.NODE_ENV !== "production" ? Symbol("pinia") : Symbol();
+const Ci = (t) => ci = t, sr = process.env.NODE_ENV !== "production" ? Symbol("pinia") : Symbol();
 function zt(t) {
   return t && typeof t == "object" && Object.prototype.toString.call(t) === "[object Object]" && typeof t.toJSON != "function";
 }
@@ -205,7 +205,7 @@ var mt;
 (function(t) {
   t.direct = "direct", t.patchObject = "patch object", t.patchFunction = "patch function";
 })(mt || (mt = {}));
-const rs = typeof window < "u", wi = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && rs, Cn = /* @__PURE__ */ (() => typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof global == "object" && global.global === global ? global : typeof globalThis == "object" ? globalThis : { HTMLElement: null })();
+const rs = typeof window < "u", wi = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && rs, $n = /* @__PURE__ */ (() => typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof global == "object" && global.global === global ? global : typeof globalThis == "object" ? globalThis : { HTMLElement: null })();
 function ua(t, { autoBom: i = !1 } = {}) {
   return i && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(t.type) ? new Blob([String.fromCharCode(65279), t], { type: t.type }) : t;
 }
@@ -260,7 +260,7 @@ function ca(t, i = "download", e) {
 function fa(t, i, e, s) {
   if (s = s || open("", "_blank"), s && (s.document.title = s.document.body.innerText = "downloading..."), typeof t == "string")
     return nn(t, i, e);
-  const n = t.type === "application/octet-stream", r = /constructor/i.test(String(Cn.HTMLElement)) || "safari" in Cn, o = /CriOS\/[\d]+/.test(navigator.userAgent);
+  const n = t.type === "application/octet-stream", r = /constructor/i.test(String($n.HTMLElement)) || "safari" in $n, o = /CriOS\/[\d]+/.test(navigator.userAgent);
   if ((o || n && r || rr) && typeof FileReader < "u") {
     const a = new FileReader();
     a.onloadend = function() {
@@ -418,7 +418,7 @@ function ka(t) {
     newValue: t.newValue
   } : {};
 }
-function Ca(t) {
+function $a(t) {
   switch (t) {
     case mt.direct:
       return "mutation";
@@ -431,7 +431,7 @@ function Ca(t) {
   }
 }
 let Qt = !0;
-const Ni = [], Rt = "pinia:mutations", Fe = "pinia", { assign: $a } = Object, ji = (t) => "\u{1F34D} " + t;
+const Ni = [], Rt = "pinia:mutations", Fe = "pinia", { assign: Ca } = Object, ji = (t) => "\u{1F34D} " + t;
 function Sa(t, i) {
   ir({
     id: "dev.esm.pinia",
@@ -650,8 +650,8 @@ function xa(t, i) {
         return;
       const d = {
         time: s(),
-        title: Ca(a),
-        data: $a({ store: ot(i.$id) }, ka(o)),
+        title: $a(a),
+        data: Ca({ store: ot(i.$id) }, ka(o)),
         groupId: St
       };
       a === mt.patchFunction ? d.subtitle = "\u2935\uFE0F" : a === mt.patchObject ? d.subtitle = "\u{1F9E9}" : o && !Array.isArray(o) && (d.subtitle = o.type), o && (d.data["rawEvent(s)"] = {
@@ -688,7 +688,7 @@ function xa(t, i) {
   });
 }
 let hr = 0, St;
-function $n(t, i, e) {
+function Cn(t, i, e) {
   const s = i.reduce((n, r) => (n[r] = is(t)[r], n), {});
   for (const n in s)
     t[n] = function() {
@@ -708,10 +708,10 @@ function $n(t, i, e) {
 function Va({ app: t, store: i, options: e }) {
   if (i.$id.startsWith("__hot:"))
     return;
-  i._isOptionsAPI = !!e.state, $n(i, Object.keys(e.actions), i._isOptionsAPI);
+  i._isOptionsAPI = !!e.state, Cn(i, Object.keys(e.actions), i._isOptionsAPI);
   const s = i._hotUpdate;
   is(i)._hotUpdate = function(n) {
-    s.apply(this, arguments), $n(i, Object.keys(n._hmrPayload.actions), !!i._isOptionsAPI);
+    s.apply(this, arguments), Cn(i, Object.keys(n._hmrPayload.actions), !!i._isOptionsAPI);
   }, xa(
     t,
     i
@@ -722,7 +722,7 @@ function Ta() {
   let e = [], s = [];
   const n = Re({
     install(r) {
-      $i(n), n._a = r, r.provide(sr, n), r.config.globalProperties.$pinia = n, wi && Sa(r, n), s.forEach((o) => e.push(o)), s = [];
+      Ci(n), n._a = r, r.provide(sr, n), r.config.globalProperties.$pinia = n, wi && Sa(r, n), s.forEach((o) => e.push(o)), s = [];
     },
     use(r) {
       return !this._a && !er ? s.push(r) : e.push(r), this;
@@ -786,7 +786,7 @@ function Vn(t, i, e, s) {
     !a && (process.env.NODE_ENV === "production" || !s) && (e.state.value[t] = n ? n() : {});
     const h = process.env.NODE_ENV !== "production" && s ? yn(X(n ? n() : {}).value) : yn(e.state.value[t]);
     return Je(h, r, Object.keys(o || {}).reduce((c, f) => (process.env.NODE_ENV !== "production" && f in h && console.warn(`[\u{1F34D}]: A getter cannot have the same name as another state property. Rename one of them. Found with "${f}" in store "${t}".`), c[f] = Re(ae(() => {
-      $i(e);
+      Ci(e);
       const m = e._s.get(t);
       return o[f].call(m, m);
     })), c), {}));
@@ -822,7 +822,7 @@ function _s(t, i, e = {}, s, n, r) {
       events: m
     });
     const k = p = Symbol();
-    $t().then(() => {
+    Ct().then(() => {
       p === k && (d = !0);
     }), h = !0, Xt(c, y, s.state.value[t]);
   }
@@ -839,7 +839,7 @@ function _s(t, i, e = {}, s, n, r) {
   }
   function I(T, y) {
     return function() {
-      $i(s);
+      Ci(s);
       const k = Array.from(arguments), G = [], H = [];
       function B(W) {
         G.push(W);
@@ -922,7 +922,7 @@ function _s(t, i, e = {}, s, n, r) {
       Bi(V, y, fs(T.$state, y));
     }), Object.keys(V.$state).forEach((y) => {
       y in T.$state || ms(V, y);
-    }), d = !1, h = !1, s.state.value[t] = fs(T._hmrPayload, "hotState"), h = !0, $t().then(() => {
+    }), d = !1, h = !1, s.state.value[t] = fs(T._hmrPayload, "hotState"), h = !0, Ct().then(() => {
       d = !0;
     });
     for (const y in T._hmrPayload.actions) {
@@ -930,7 +930,7 @@ function _s(t, i, e = {}, s, n, r) {
       Bi(V, y, I(y, k));
     }
     for (const y in T._hmrPayload.getters) {
-      const k = T._hmrPayload.getters[y], G = r ? ae(() => ($i(s), k.call(V, V))) : k;
+      const k = T._hmrPayload.getters[y], G = r ? ae(() => (Ci(s), k.call(V, V))) : k;
       Bi(V, y, G);
     }
     Object.keys(V._hmrPayload.getters).forEach((y) => {
@@ -977,7 +977,7 @@ function on(t, i, e) {
     throw new Error('[\u{1F34D}]: "defineStore()" must be passed a store id as its first argument.');
   function o(a, l) {
     const d = Yo();
-    if (a = (process.env.NODE_ENV === "test" && ci && ci._testing ? null : a) || (d ? jo(sr, null) : null), a && $i(a), process.env.NODE_ENV !== "production" && !ci)
+    if (a = (process.env.NODE_ENV === "test" && ci && ci._testing ? null : a) || (d ? jo(sr, null) : null), a && Ci(a), process.env.NODE_ENV !== "production" && !ci)
       throw new Error(`[\u{1F34D}]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
@@ -1348,7 +1348,7 @@ function vs(t, i) {
     ));
   };
 }
-function Ct() {
+function $t() {
   let t = !1;
   return function(i) {
     (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
@@ -1368,7 +1368,7 @@ class bs {
   listen() {
     if (window !== void 0) {
       const i = this.destory();
-      return Ct() ? (window.addEventListener("touchmove", this.eventFunc, {
+      return $t() ? (window.addEventListener("touchmove", this.eventFunc, {
         passive: !1
       }), window.addEventListener("touchend", i)) : (window.addEventListener("mousemove", this.eventFunc), window.addEventListener("mouseup", i), window.addEventListener("mouseleave", i)), {
         destory: i
@@ -1382,7 +1382,7 @@ class bs {
   destory() {
     const i = this.eventFunc;
     return function e() {
-      window !== void 0 && (Ct() ? (window.removeEventListener("touchmove", i), window.removeEventListener("touchend", e)) : (window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", e), window.removeEventListener("mouseleave", e)));
+      window !== void 0 && ($t() ? (window.removeEventListener("touchmove", i), window.removeEventListener("touchend", e)) : (window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", e), window.removeEventListener("mouseleave", e)));
     };
   }
 }
@@ -1540,9 +1540,9 @@ const Ma = {
   },
   emits: ["change"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-Affix", e.$theme]),
-      style: C({
+      style: $({
         position: t.mode === "fixed" ? "absolute" : "",
         width: e.isFixed ? e.computedWidth : "auto",
         height: e.isFixed ? e.computedHeight : "auto"
@@ -1551,7 +1551,7 @@ const Ma = {
       u("div", {
         class: "fv-affix-container",
         ref: "container",
-        style: C({
+        style: $({
           position: e.isFixed ? "fixed" : "relative",
           left: e.isFixed ? e.computedLeft : "",
           top: e.isFixed ? e.computedTop : "",
@@ -1790,9 +1790,9 @@ const Ra = { class: "fv-animated-content-block" }, Ba = {
   },
   emits: ["update:modelValue", "click"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-AnimatedIcon", [e.$theme]]),
-      style: C([
+      style: $([
         {
           width: `${t.fontSize * 1 + 3}px`,
           background: t.background,
@@ -1811,7 +1811,7 @@ const Ra = { class: "fv-animated-content-block" }, Ba = {
       u("div", {
         draggable: "false",
         class: F(["fv-animated-icon-container", [{ hideContent: t.hideContent }]]),
-        style: C([e.animatedStyle])
+        style: $([e.animatedStyle])
       }, [
         N(e.$slots, "default", {}, () => [
           u("i", {
@@ -1883,7 +1883,7 @@ const _a = /* @__PURE__ */ u("p", null, "Badge", -1), za = { class: "badge-conte
   },
   emits: ["update:modelValue"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-Badge", [e.$theme]])
     }, [
       N(e.$slots, "default", {}, () => [
@@ -1891,7 +1891,7 @@ const _a = /* @__PURE__ */ u("p", null, "Badge", -1), za = { class: "badge-conte
       ]),
       L(u("sup", {
         class: F(["fv-badge-container", { dot: t.isDot }]),
-        style: C({ background: e.finalColor })
+        style: $({ background: e.finalColor })
       }, [
         u("p", za, _(e.finalValue), 1)
       ], 6), [
@@ -2031,7 +2031,7 @@ const Ga = ["onClick"], Ua = { class: "fv-bc-separator-content" }, Ya = {
   },
   emits: ["update:modelValue", "root-click", "item-click"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-Breadcrumb", [
         e.$theme,
         {
@@ -2040,7 +2040,7 @@ const Ga = ["onClick"], Ua = { class: "fv-bc-separator-content" }, Ya = {
           disabled: e.isDisabled
         }
       ]]),
-      style: C({
+      style: $({
         "border-radius": `${t.borderRadius}px`,
         "border-color": e.mode === "editor" ? t.borderColor : "",
         "outline-color": e.mode === "editor" ? t.borderColor : ""
@@ -2070,7 +2070,7 @@ const Ga = ["onClick"], Ua = { class: "fv-bc-separator-content" }, Ya = {
         ], 512), [
           [M, t.showRoot]
         ]),
-        (v(!0), $(te, null, ie(e.routeList, (n, r) => L((v(), $("div", {
+        (v(!0), C(te, null, ie(e.routeList, (n, r) => L((v(), C("div", {
           key: r,
           class: "fv-bc-route-item",
           onClick: (o) => e.routeItemClick(n, r)
@@ -2190,13 +2190,13 @@ const qa = ["disabled"], Ka = {
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-reveal-container");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-Button", [e.$theme]]),
         onClick: s[0] || (s[0] = (...r) => e.onClick && e.onClick(...r))
       }, [
         u("div", {
           class: F(["fv-button-main-container", [{ disabled: e.isDisabled }, { shadow: t.isBoxShadow }]]),
-          style: C({ borderRadius: `${t.borderRadius}px` })
+          style: $({ borderRadius: `${t.borderRadius}px` })
         }, [
           A(n, {
             parent: () => e.$el,
@@ -2211,7 +2211,7 @@ const qa = ["disabled"], Ka = {
           u("div", {
             disabled: t.disabled,
             class: "fv-button-container",
-            style: C({
+            style: $({
               background: t.background,
               "background-repeat": "no-repeat",
               "background-clip": "content-box",
@@ -2222,7 +2222,7 @@ const qa = ["disabled"], Ka = {
           }, [
             u("span", {
               class: "fv-btn-content-block",
-              style: C({
+              style: $({
                 color: t.foreground,
                 "font-size": `${t.fontSize}px`,
                 "font-weight": t.fontWeight
@@ -2230,7 +2230,7 @@ const qa = ["disabled"], Ka = {
             }, [
               u("i", {
                 class: F(["ms-Icon", `ms-Icon--${t.icon}`]),
-                style: C({ "margin-right": t.icon != "" ? "5px" : "" })
+                style: $({ "margin-right": t.icon != "" ? "5px" : "" })
               }, null, 6),
               N(e.$slots, "default", {}, () => [
                 we("Button")
@@ -2397,9 +2397,9 @@ const Za = {
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-text-box"), r = J("fv-calendar-view");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-CalendarDatePicker", [e.$theme, { disabled: e.isDisabled }]]),
-        style: C({ zIndex: e.show.calendar ? 5 : "" })
+        style: $({ zIndex: e.show.calendar ? 5 : "" })
       }, [
         N(e.$slots, "default", {
           displayContent: e.displayContent,
@@ -2423,7 +2423,7 @@ const Za = {
             "is-box-shadow": t.dropDownIsBoxShadow,
             title: e.displayContent,
             cursor: t.editable ? "" : "default",
-            style: C([{ width: "100%" }, {
+            style: $([{ width: "100%" }, {
               ...t.dropDownStyles
             }]),
             onKeydown: ss(e.parseContent, ["enter"]),
@@ -2432,7 +2432,7 @@ const Za = {
         ]),
         A(me, { name: "fv-calendar-container" }, {
           default: j(() => [
-            e.show.calendar ? (v(), $("div", Za, [
+            e.show.calendar ? (v(), C("div", Za, [
               A(r, {
                 modelValue: e.computedDate,
                 multiple: t.multiple,
@@ -2489,7 +2489,7 @@ const sl = ["title"], ws = {
       const a = new Date();
       return e.value.date.getFullYear() == a.getFullYear();
     });
-    return (a, l) => (v(), $("button", {
+    return (a, l) => (v(), C("button", {
       class: F(["picker-btn", {
         range: n.value,
         current: o.value
@@ -2542,7 +2542,7 @@ var it = {
   return typeof window < "u";
 }, In = function(i) {
   return Ie(i) || Ae(i);
-}, et = Array.isArray, Ws = /(?:-?\.?\d|\.)+/gi, br = /[-+=\.]*\d+[\.e\-\+]*\d*[e\-\+]*\d*/g, ys = /[-+=\.]*\d+(?:\.|e-|e)*\d*/gi, ll = /\(([^()]+)\)/i, wr = /[\+-]=-?[\.\d]+/, yr = /[#\-+\.]*\b[a-z\d-=+%.]+/gi, Ce, dt, Ns, kr, at = {}, Xi = {}, Cr, $r = function(i) {
+}, et = Array.isArray, Ws = /(?:-?\.?\d|\.)+/gi, br = /[-+=\.]*\d+[\.e\-\+]*\d*[e\-\+]*\d*/g, ys = /[-+=\.]*\d+(?:\.|e-|e)*\d*/gi, ll = /\(([^()]+)\)/i, wr = /[\+-]=-?[\.\d]+/, yr = /[#\-+\.]*\b[a-z\d-=+%.]+/gi, $e, dt, Ns, kr, at = {}, Xi = {}, $r, Cr = function(i) {
   return (Xi = Wt(i, at)) && gt;
 }, Sr = function(i, e) {
   return console.warn("Invalid property", i, "set to", e, "Missing plugin? gsap.registerPlugin()");
@@ -2615,7 +2615,7 @@ var it = {
     n in e || (s[n] = i[n]);
   return s;
 }, hl = function(i) {
-  var e = i.parent || Ce, s = i.keyframes ? ul : lt;
+  var e = i.parent || $e, s = i.keyframes ? ul : lt;
   if (Be(i.inherit))
     for (; e; )
       s(i, e.vars.defaults), e = e.parent;
@@ -2688,7 +2688,7 @@ var it = {
         return n;
       n = n._prev;
     }
-}, Cs = function(i) {
+}, $s = function(i) {
   if (i instanceof Ye)
     return bt(i);
   var e = i._repeat;
@@ -2772,11 +2772,11 @@ var it = {
       return o(r);
     }, n);
   };
-}, Cl = function(i, e) {
+}, $l = function(i, e) {
   return function(s) {
     return i(parseFloat(s)) + (e || kt(s));
   };
-}, $l = function(i, e, s) {
+}, Cl = function(i, e, s) {
   return _r(i, e, 0, 1, s);
 }, Ar = function(i, e, s) {
   return Lt(s, function(n) {
@@ -2887,7 +2887,7 @@ var it = {
   pink: [he, 192, 203],
   cyan: [0, he, he],
   transparent: [he, he, he, 0]
-}, $s = function(i, e, s) {
+}, Cs = function(i, e, s) {
   return i = i < 0 ? i + 1 : i > 1 ? i - 1 : i, (i * 6 < 1 ? e + (s - e) * i * 6 : i < 0.5 ? s : i * 3 < 2 ? e + (s - e) * (2 / 3 - i) * 6 : e) * he + 0.5 | 0;
 }, zr = function(i, e) {
   var s = i ? ht(i) ? [i >> 16, i >> 8 & he, i & he] : 0 : fi.black, n, r, o, a, l, d, h, c, f, m;
@@ -2898,7 +2898,7 @@ var it = {
       i.length === 4 && (n = i.charAt(1), r = i.charAt(2), o = i.charAt(3), i = "#" + n + n + r + r + o + o), i = parseInt(i.substr(1), 16), s = [i >> 16, i >> 8 & he, i & he];
     else if (i.substr(0, 3) === "hsl") {
       if (s = m = i.match(Ws), !e)
-        a = +s[0] % 360 / 360, l = +s[1] / 100, d = +s[2] / 100, r = d <= 0.5 ? d * (l + 1) : d + l - d * l, n = d * 2 - r, s.length > 3 && (s[3] *= 1), s[0] = $s(a + 1 / 3, n, r), s[1] = $s(a, n, r), s[2] = $s(a - 1 / 3, n, r);
+        a = +s[0] % 360 / 360, l = +s[1] / 100, d = +s[2] / 100, r = d <= 0.5 ? d * (l + 1) : d + l - d * l, n = d * 2 - r, s.length > 3 && (s[3] *= 1), s[0] = Cs(a + 1 / 3, n, r), s[1] = Cs(a, n, r), s[2] = Cs(a - 1 / 3, n, r);
       else if (~i.indexOf("="))
         return i.match(br);
     } else
@@ -2935,7 +2935,7 @@ var it = {
       f(!0);
     },
     wake: function() {
-      Cr && (!Ns && vr() && (dt = Ns = window, kr = dt.document || {}, at.gsap = gt, (dt.gsapVersions || (dt.gsapVersions = [])).push(gt.version), $r(Xi || dt.GreenSockGlobals || !dt.gsap && dt || {}), h = dt.requestAnimationFrame), l && c.sleep(), d = h || function(g) {
+      $r && (!Ns && vr() && (dt = Ns = window, kr = dt.document || {}, at.gsap = gt, (dt.gsapVersions || (dt.gsapVersions = [])).push(gt.version), Cr(Xi || dt.GreenSockGlobals || !dt.gsap && dt || {}), h = dt.requestAnimationFrame), l && c.sleep(), d = h || function(g) {
         return setTimeout(g, (o - c.time) * 1e3 + 1 | 0);
       }, Ji = 1, f(2));
     },
@@ -3058,8 +3058,8 @@ var Gr = function(i, e) {
   this.id = rl++, i._gsap = this, this.target = i, this.harness = e, this.get = e ? e.get : Er, this.set = e ? e.getSetter : cn;
 }, xi = /* @__PURE__ */ function() {
   function t(e, s) {
-    var n = e.parent || Ce;
-    this.vars = e, this._dur = this._tDur = +e.duration || 0, this._delay = +e.delay || 0, (this._repeat = e.repeat || 0) && (this._rDelay = e.repeatDelay || 0, this._yoyo = !!e.yoyo || !!e.yoyoEase, Cs(this)), this._ts = 1, this.data = e.data, Ji || Qe.wake(), n && wt(n, this, s || s === 0 ? s : n._time), e.reversed && this.reversed(!0), e.paused && this.paused(!0);
+    var n = e.parent || $e;
+    this.vars = e, this._dur = this._tDur = +e.duration || 0, this._delay = +e.delay || 0, (this._repeat = e.repeat || 0) && (this._rDelay = e.repeatDelay || 0, this._yoyo = !!e.yoyo || !!e.yoyoEase, $s(this)), this._ts = 1, this.data = e.data, Ji || Qe.wake(), n && wt(n, this, s || s === 0 ? s : n._time), e.reversed && this.reversed(!0), e.paused && this.paused(!0);
   }
   var i = t.prototype;
   return i.delay = function(s) {
@@ -3109,9 +3109,9 @@ var Gr = function(i, e) {
     var n = this.parent || this._dp;
     return n ? s && (!this._ts || this._repeat && this._time && this.totalProgress() < 1) ? this._tTime % (this._dur + this._rDelay) : this._ts ? Us(n.rawTime(s), this) : this._tTime : this._tTime;
   }, i.repeat = function(s) {
-    return arguments.length ? (this._repeat = s, Cs(this)) : this._repeat;
+    return arguments.length ? (this._repeat = s, $s(this)) : this._repeat;
   }, i.repeatDelay = function(s) {
-    return arguments.length ? (this._rDelay = s, Cs(this)) : this._rDelay;
+    return arguments.length ? (this._rDelay = s, $s(this)) : this._rDelay;
   }, i.yoyo = function(s) {
     return arguments.length ? (this._yoyo = s, this) : this._yoyo;
   }, i.seek = function(s, n) {
@@ -3193,7 +3193,7 @@ var Ye = /* @__PURE__ */ function(t) {
   }, e.staggerFromTo = function(n, r, o, a, l, d, h, c) {
     return a.startAt = o, a.immediateRender = Be(a.immediateRender), this.staggerTo(n, r, a, l, d, h, c);
   }, e.render = function(n, r, o) {
-    var a = this._time, l = this._dirty ? this.totalDuration() : this._tDur, d = this._dur, h = n > l - Se && n >= 0 && this !== Ce ? l : n < Se ? 0 : n, c = this._zTime < 0 != n < 0 && (this._initted || !d), f, m, g, b, p, D, E, x, I, z, O, V;
+    var a = this._time, l = this._dirty ? this.totalDuration() : this._tDur, d = this._dur, h = n > l - Se && n >= 0 && this !== $e ? l : n < Se ? 0 : n, c = this._zTime < 0 != n < 0 && (this._initted || !d), f, m, g, b, p, D, E, x, I, z, O, V;
     if (h !== this._tTime || o || c) {
       if (c && (d || (a = this._zTime), (n || !r) && (this._zTime = n)), f = h, I = this._start, x = this._ts, D = x === 0, a !== this._time && d && (f += this._time - a), this._repeat && (O = this._yoyo, p = d + this._rDelay, f = ue(h % p), (f > d || l === h) && (f = d), b = ~~(h / p), b && b === h / p && (f = d, b--), z = ai(this._tTime, p), O && b & 1 && (f = d - f, V = 1), b !== z && !this._lock)) {
         var R = O && z & 1, P = R === (O && b & 1);
@@ -3333,15 +3333,15 @@ var Ye = /* @__PURE__ */ function(t) {
       if (o._dirty) {
         for (; a; )
           f = a._prev, a._dirty && a.totalDuration(), a._start > l && o._sort && a._ts && !o._lock ? (o._lock = 1, wt(o, a, a._start - a._delay), o._lock = 0) : l = a._start, a._start < 0 && a._ts && (r -= a._start, (!o.parent && !o._dp || o.parent && o.parent.smoothChildTiming) && (o._start += a._start / o._ts, o._time -= a._start, o._tTime -= a._start), o.shiftChildren(-a._start, !1, -1e20), l = 0), m = a._end = a._start + a._tDur / Math.abs(a._ts || a._pauseTS || Se), m > r && a._ts && (r = ue(m)), a = f;
-        o._dur = o === Ce && o._time > r ? o._time : Math.min(Ze, r), o._tDur = c && (o._dur || h) ? 1e12 : Math.min(Ze, r * (d + 1) + h), o._end = o._start + (o._tDur / Math.abs(o._ts || o._pauseTS || Se) || 0), o._dirty = 0;
+        o._dur = o === $e && o._time > r ? o._time : Math.min(Ze, r), o._tDur = c && (o._dur || h) ? 1e12 : Math.min(Ze, r * (d + 1) + h), o._end = o._start + (o._tDur / Math.abs(o._ts || o._pauseTS || Se) || 0), o._dirty = 0;
       }
       return o._tDur;
     }
     return c ? o : o.timeScale(o.totalDuration() / n);
   }, i.updateRoot = function(n) {
-    if (Ce._ts && (Dr(Ce, Us(n, Ce)), Tr = Qe.frame), Qe.frame >= En) {
+    if ($e._ts && (Dr($e, Us(n, $e)), Tr = Qe.frame), Qe.frame >= En) {
       En += it.autoSleep || 120;
-      var r = Ce._first;
+      var r = $e._first;
       if ((!r || !r._ts) && it.autoSleep && Qe._listeners.length < 2) {
         for (; r && !r._ts; )
           r = r._next;
@@ -3427,7 +3427,7 @@ var Fl = function(i, e, s, n, r, o, a) {
       }), H.priority && (y = 1)), !G || w)
         for (R in O)
           Ge[R] && (H = Ur(R, O, i, S, T, x)) ? H.priority && (y = 1) : B[R] = P = un.call(i, T, R, "get", O[R], S, x, 0, s.stringFilter);
-      i._op && i._op[V] && i.kill(T, i._op[V]), I && i._pt && (Ot = i, Ce.killTweensOf(T, B, "started"), Ot = 0), i._pt && a && (Hs[k.id] = 1);
+      i._op && i._op[V] && i.kill(T, i._op[V]), I && i._pt && (Ot = i, $e.killTweensOf(T, B, "started"), Ot = 0), i._pt && a && (Hs[k.id] = 1);
     }
     y && Kr(i), i._onInit && i._onInit(i);
   }
@@ -3475,7 +3475,7 @@ var Fl = function(i, e, s, n, r, o, a) {
       l || o.duration(l = p.duration());
     } else
       o.timeline = 0;
-    return f === !0 && (Ot = ui(o), Ce.killTweensOf(b), Ot = 0), (h || !l && !m && o._start === o.parent._time && Be(h) && gl(ui(o)) && o.parent.data !== "nested") && (o._tTime = -Se, o.render(Math.max(0, -d))), o;
+    return f === !0 && (Ot = ui(o), $e.killTweensOf(b), Ot = 0), (h || !l && !m && o._start === o.parent._time && Be(h) && gl(ui(o)) && o.parent.data !== "nested") && (o._tTime = -Se, o.render(Math.max(0, -d))), o;
   }
   var e = i.prototype;
   return e.render = function(n, r, o) {
@@ -3537,7 +3537,7 @@ var Fl = function(i, e, s, n, r, o, a) {
   }, i.set = function(n, r) {
     return r.duration = 0, r.repeatDelay || (r.repeat = 0), new i(n, r);
   }, i.killTweensOf = function(n, r, o) {
-    return Ce.killTweensOf(n, r, o);
+    return $e.killTweensOf(n, r, o);
   }, i;
 }(xi);
 lt(ke.prototype, {
@@ -3612,7 +3612,7 @@ tt(Ir + ",parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immedia
 });
 at.TweenMax = at.TweenLite = ke;
 at.TimelineLite = at.TimelineMax = Ye;
-Ce = new Ye({
+$e = new Ye({
   sortChildren: !1,
   defaults: oi,
   autoRemoveChildren: !0,
@@ -3631,7 +3631,7 @@ var Qi = {
     return new Ye(i);
   },
   getTweensOf: function(i, e) {
-    return Ce.getTweensOf(i, e);
+    return $e.getTweensOf(i, e);
   },
   getProperty: function(i, e, s, n) {
     Ae(i) && (i = ct(i)[0]);
@@ -3660,7 +3660,7 @@ var Qi = {
     };
   },
   isTweening: function(i) {
-    return Ce.getTweensOf(i, !0).length > 0;
+    return $e.getTweensOf(i, !0).length > 0;
   },
   defaults: function(i) {
     return i && i.ease && (i.ease = si(i.ease, oi.ease)), Dn(oi, i || {});
@@ -3685,14 +3685,14 @@ var Qi = {
     return arguments.length ? si(i, e) : le;
   },
   getById: function(i) {
-    return Ce.getById(i);
+    return $e.getById(i);
   },
   exportRoot: function(i, e) {
     i === void 0 && (i = {});
     var s = new Ye(i), n, r;
-    for (s.smoothChildTiming = Be(i.smoothChildTiming), Ce.remove(s), s._dp = 0, s._time = s._tTime = Ce._time, n = Ce._first; n; )
+    for (s.smoothChildTiming = Be(i.smoothChildTiming), $e.remove(s), s._dp = 0, s._time = s._tTime = $e._time, n = $e._first; n; )
       r = n._next, (e || !(!n._dur && n instanceof ke && n.vars.onComplete === n._targets[0])) && wt(s, n, n._start - n._delay), n = r;
-    return wt(Ce, s, 0), s;
+    return wt($e, s, 0), s;
   },
   utils: {
     wrap: Sl,
@@ -3700,23 +3700,23 @@ var Qi = {
     distribute: Rr,
     random: Or,
     snap: Br,
-    normalize: $l,
+    normalize: Cl,
     getUnit: kt,
     clamp: wl,
     splitColor: zr,
     toArray: ct,
     mapRange: _r,
     pipe: kl,
-    unitize: Cl,
+    unitize: $l,
     interpolate: Vl,
     shuffle: Pr
   },
-  install: $r,
+  install: Cr,
   effects: ks,
   ticker: Qe,
   updateRoot: Ye.updateRoot,
   plugins: Ge,
-  globalTimeline: Ce,
+  globalTimeline: $e,
   core: {
     PropTween: We,
     globals: Vr,
@@ -3775,7 +3775,7 @@ var Gl = function(i, e) {
   }
 }, Vs("roundProps", js), Vs("modifiers"), Vs("snap", Br)) || Qi;
 ke.version = Ye.version = gt.version = "3.1.1";
-Cr = 1;
+$r = 1;
 vr() && Di();
 le.Power0;
 le.Power1;
@@ -3806,7 +3806,7 @@ le.Circ;
 */
 var Pn, ft, ni, mn, At, mi, Rn, Yl = function() {
   return typeof window < "u";
-}, Et = {}, Bt = 180 / Math.PI, Ci = Math.PI / 180, qt = Math.atan2, Bn = 1e8, Jr = /([A-Z])/g, Oi = /[-+=\.]*\d+[\.e-]*\d*[a-z%]*/g, jl = /(?:left|right|width|margin|padding|x)/i, Xl = /[\s,\(]\S/, xt = {
+}, Et = {}, Bt = 180 / Math.PI, $i = Math.PI / 180, qt = Math.atan2, Bn = 1e8, Jr = /([A-Z])/g, Oi = /[-+=\.]*\d+[\.e-]*\d*[a-z%]*/g, jl = /(?:left|right|width|margin|padding|x)/i, Xl = /[\s,\(]\S/, xt = {
   autoAlpha: "opacity,visibility",
   scale: "scaleX,scaleY",
   alpha: "opacity"
@@ -3969,13 +3969,13 @@ var Pn, ft, ni, mn, At, mi, Rn, Yl = function() {
 }, Ft = "0deg", hi = "0px", Pt = ") ", ao = function(i, e) {
   var s = e || this, n = s.xPercent, r = s.yPercent, o = s.x, a = s.y, l = s.z, d = s.rotation, h = s.rotationY, c = s.rotationX, f = s.skewX, m = s.skewY, g = s.scaleX, b = s.scaleY, p = s.transformPerspective, D = s.force3D, E = s.target, x = s.zOrigin, I = "", z = D === "auto" && i && i !== 1 || D === !0;
   if (x && (c !== Ft || h !== Ft)) {
-    var O = parseFloat(h) * Ci, V = Math.sin(O), R = Math.cos(O), P;
-    O = parseFloat(c) * Ci, P = Math.cos(O), o = Ts(E, o, V * P * -x), a = Ts(E, a, -Math.sin(O) * -x), l = Ts(E, l, R * P * -x + x);
+    var O = parseFloat(h) * $i, V = Math.sin(O), R = Math.cos(O), P;
+    O = parseFloat(c) * $i, P = Math.cos(O), o = Ts(E, o, V * P * -x), a = Ts(E, a, -Math.sin(O) * -x), l = Ts(E, l, R * P * -x + x);
   }
   p !== hi && (I += "perspective(" + p + Pt), (n || r) && (I += "translate(" + n + "%, " + r + "%) "), (z || o !== hi || a !== hi || l !== hi) && (I += l !== hi || z ? "translate3d(" + o + ", " + a + ", " + l + ") " : "translate(" + o + ", " + a + Pt), d !== Ft && (I += "rotate(" + d + Pt), h !== Ft && (I += "rotateY(" + h + Pt), c !== Ft && (I += "rotateX(" + c + Pt), (f !== Ft || m !== Ft) && (I += "skew(" + f + ", " + m + Pt), (g !== 1 || b !== 1) && (I += "scale(" + g + ", " + b + Pt), E.style[st] = I || "translate(0, 0)";
 }, dd = function(i, e) {
   var s = e || this, n = s.xPercent, r = s.yPercent, o = s.x, a = s.y, l = s.rotation, d = s.skewX, h = s.skewY, c = s.scaleX, f = s.scaleY, m = s.target, g = s.xOrigin, b = s.yOrigin, p = s.xOffset, D = s.yOffset, E = s.forceCSS, x = parseFloat(o), I = parseFloat(a), z, O, V, R, P;
-  l = parseFloat(l), d = parseFloat(d), h = parseFloat(h), h && (h = parseFloat(h), d += h, l += h), l || d ? (l *= Ci, d *= Ci, z = Math.cos(l) * c, O = Math.sin(l) * c, V = Math.sin(l - d) * -f, R = Math.cos(l - d) * f, d && (h *= Ci, P = Math.tan(d - h), P = Math.sqrt(1 + P * P), V *= P, R *= P, h && (P = Math.tan(h), P = Math.sqrt(1 + P * P), z *= P, O *= P)), z = ue(z), O = ue(O), V = ue(V), R = ue(R)) : (z = c, R = f, O = V = 0), (x && !~(o + "").indexOf("px") || I && !~(a + "").indexOf("px")) && (x = Nt(m, "x", o, "px"), I = Nt(m, "y", a, "px")), (g || b || p || D) && (x = ue(x + g - (g * z + b * V) + p), I = ue(I + b - (g * O + b * R) + D)), (n || r) && (P = m.getBBox(), x = ue(x + n / 100 * P.width), I = ue(I + r / 100 * P.height)), P = "matrix(" + z + "," + O + "," + V + "," + R + "," + x + "," + I + ")", m.setAttribute("transform", P), E && (m.style[st] = P);
+  l = parseFloat(l), d = parseFloat(d), h = parseFloat(h), h && (h = parseFloat(h), d += h, l += h), l || d ? (l *= $i, d *= $i, z = Math.cos(l) * c, O = Math.sin(l) * c, V = Math.sin(l - d) * -f, R = Math.cos(l - d) * f, d && (h *= $i, P = Math.tan(d - h), P = Math.sqrt(1 + P * P), V *= P, R *= P, h && (P = Math.tan(h), P = Math.sqrt(1 + P * P), z *= P, O *= P)), z = ue(z), O = ue(O), V = ue(V), R = ue(R)) : (z = c, R = f, O = V = 0), (x && !~(o + "").indexOf("px") || I && !~(a + "").indexOf("px")) && (x = Nt(m, "x", o, "px"), I = Nt(m, "y", a, "px")), (g || b || p || D) && (x = ue(x + g - (g * z + b * V) + p), I = ue(I + b - (g * O + b * R) + D)), (n || r) && (P = m.getBBox(), x = ue(x + n / 100 * P.width), I = ue(I + r / 100 * P.height)), P = "matrix(" + z + "," + O + "," + V + "," + R + "," + x + "," + I + ")", m.setAttribute("transform", P), E && (m.style[st] = P);
 }, ud = function(i, e, s, n, r, o) {
   var a = 360, l = Ae(r), d = parseFloat(r) * (l && ~r.indexOf("rad") ? Bt : 1), h = o ? d * o : d - n, c = n + h + "deg", f, m;
   return l && (f = r.split("_")[1], f === "short" && (h %= a, h !== h % (a / 2) && (h += h < 0 ? a : -a)), f === "cw" && h < 0 ? h = (h + a * Bn) % a - ~~(h / a) * a : f === "ccw" && h > 0 && (h = (h - a * Bn) % a - ~~(h / a) * a)), i._pt = m = new We(i._pt, e, s, n, h, ql), m.e = c, m.u = "deg", i._props.push(s), m;
@@ -4184,7 +4184,7 @@ const nt = 16, De = 16 * 2, cd = {
     );
     const z = ae(() => E.value[nt / 2].date);
     Ii(async () => {
-      await $t(), m(), V();
+      await Ct(), m(), V();
     });
     const O = () => {
       let B = [...E.value, ...x.value, ...I.value], S = [];
@@ -4271,12 +4271,12 @@ const nt = 16, De = 16 * 2, cd = {
         index: B.index
       });
     };
-    return (B, S) => (v(), $("div", {
+    return (B, S) => (v(), C("div", {
       class: "picker-container",
       ref_key: "main",
       ref: c
     }, [
-      (v(!0), $(te, null, ie(x.value, (w, W) => (v(), re(ws, {
+      (v(!0), C(te, null, ie(x.value, (w, W) => (v(), re(ws, {
         "model-value": w,
         hightlight: z.value,
         key: `prev: ${W}`,
@@ -4284,7 +4284,7 @@ const nt = 16, De = 16 * 2, cd = {
         ref: (U) => f(U, `prev: ${W}`),
         onClick: (U) => H(w)
       }, null, 8, ["model-value", "hightlight", "onClick"]))), 128)),
-      (v(!0), $(te, null, ie(E.value, (w, W) => (v(), re(ws, {
+      (v(!0), C(te, null, ie(E.value, (w, W) => (v(), re(ws, {
         "model-value": w,
         hightlight: z.value,
         key: `current: ${W}`,
@@ -4292,7 +4292,7 @@ const nt = 16, De = 16 * 2, cd = {
         ref: (U) => f(U, `current: ${W}`),
         onClick: (U) => H(w)
       }, null, 8, ["model-value", "hightlight", "onClick"]))), 128)),
-      (v(!0), $(te, null, ie(I.value, (w, W) => (v(), re(ws, {
+      (v(!0), C(te, null, ie(I.value, (w, W) => (v(), re(ws, {
         "model-value": w,
         hightlight: z.value,
         key: `next: ${W}`,
@@ -4333,7 +4333,7 @@ const nt = 16, De = 16 * 2, cd = {
       const a = new Date();
       return e.value.date.getFullYear() == a.getFullYear() && e.value.date.getMonth() == a.getMonth();
     });
-    return (a, l) => (v(), $("button", {
+    return (a, l) => (v(), C("button", {
       class: F(["picker-btn", {
         range: n.value,
         current: o.value
@@ -4462,7 +4462,7 @@ const nt = 16, De = 16 * 2, cd = {
     );
     const z = ae(() => E.value[rt / 2].date);
     Ii(async () => {
-      await $t(), m(), V();
+      await Ct(), m(), V();
     });
     const O = () => {
       let B = [...E.value, ...x.value, ...I.value], S = [];
@@ -4549,12 +4549,12 @@ const nt = 16, De = 16 * 2, cd = {
         index: B.index
       });
     };
-    return (B, S) => (v(), $("div", {
+    return (B, S) => (v(), C("div", {
       class: "picker-container",
       ref_key: "main",
       ref: c
     }, [
-      (v(!0), $(te, null, ie(x.value, (w, W) => (v(), re(Is, {
+      (v(!0), C(te, null, ie(x.value, (w, W) => (v(), re(Is, {
         "model-value": w,
         hightlight: z.value,
         monthList: t.monthList,
@@ -4563,7 +4563,7 @@ const nt = 16, De = 16 * 2, cd = {
         ref: (U) => f(U, `prev: ${W}`),
         onClick: (U) => H(w)
       }, null, 8, ["model-value", "hightlight", "monthList", "onClick"]))), 128)),
-      (v(!0), $(te, null, ie(E.value, (w, W) => (v(), re(Is, {
+      (v(!0), C(te, null, ie(E.value, (w, W) => (v(), re(Is, {
         "model-value": w,
         hightlight: z.value,
         monthList: t.monthList,
@@ -4572,7 +4572,7 @@ const nt = 16, De = 16 * 2, cd = {
         ref: (U) => f(U, `current: ${W}`),
         onClick: (U) => H(w)
       }, null, 8, ["model-value", "hightlight", "monthList", "onClick"]))), 128)),
-      (v(!0), $(te, null, ie(I.value, (w, W) => (v(), re(Is, {
+      (v(!0), C(te, null, ie(I.value, (w, W) => (v(), re(Is, {
         "model-value": w,
         hightlight: z.value,
         monthList: t.monthList,
@@ -4623,7 +4623,7 @@ const nt = 16, De = 16 * 2, cd = {
       ], h = i.choosenDates.length - 1;
       return d[0] == i.choosenDates[0][0] && d[1] == i.choosenDates[0][1] && d[2] == i.choosenDates[0][2] || d[0] == i.choosenDates[h][0] && d[1] == i.choosenDates[h][1] && d[2] == i.choosenDates[h][2];
     });
-    return (d, h) => (v(), $("button", {
+    return (d, h) => (v(), C("button", {
       class: F(["picker-btn day", {
         range: n.value,
         current: o.value,
@@ -4742,7 +4742,7 @@ const nt = 16, De = 16 * 2, cd = {
       )
     );
     Oe(r, async () => {
-      c.value = [], x.value = [], I.value = [], z.value = [], await $t(), b.value = a(), p.value = l(), D.value = new Date(b.value).setDate(
+      c.value = [], x.value = [], I.value = [], z.value = [], await Ct(), b.value = a(), p.value = l(), D.value = new Date(b.value).setDate(
         b.value.getDate() - Me
       ), E.value = new Date(p.value).setDate(
         p.value.getDate() + 1
@@ -4754,7 +4754,7 @@ const nt = 16, De = 16 * 2, cd = {
         E.value,
         Me,
         Me + Ke
-      ), await $t(), n("range-change", x.value[Ke / 2].date);
+      ), await Ct(), n("range-change", x.value[Ke / 2].date);
     }), Oe(
       x.value[Ke / 2],
       () => {
@@ -4764,7 +4764,7 @@ const nt = 16, De = 16 * 2, cd = {
     );
     const O = ae(() => x.value[Ke / 2].date);
     Ii(async () => {
-      await $t(), g(), R();
+      await Ct(), g(), R();
     });
     const V = () => {
       let S = [...x.value, ...I.value, ...z.value], w = [];
@@ -4815,7 +4815,7 @@ const nt = 16, De = 16 * 2, cd = {
       });
     }, y = async () => {
       let S = h();
-      await $t(), await g(S);
+      await Ct(), await g(S);
     }, k = X(!0);
     i({
       slideUp: () => {
@@ -4851,9 +4851,9 @@ const nt = 16, De = 16 * 2, cd = {
         index: S.index
       });
     };
-    return (S, w) => (v(), $("div", pd, [
+    return (S, w) => (v(), C("div", pd, [
       u("div", vd, [
-        (v(!0), $(te, null, ie(s.weekdays, (W, U) => (v(), $("button", {
+        (v(!0), C(te, null, ie(s.weekdays, (W, U) => (v(), C("button", {
           class: "weekday",
           key: `weekday: ${U}`
         }, [
@@ -4867,7 +4867,7 @@ const nt = 16, De = 16 * 2, cd = {
         ref_key: "main",
         ref: f
       }, [
-        (v(!0), $(te, null, ie(I.value, (W, U) => (v(), re(Es, {
+        (v(!0), C(te, null, ie(I.value, (W, U) => (v(), re(Es, {
           "model-value": W,
           hightlight: O.value,
           key: `prev: ${U}`,
@@ -4877,7 +4877,7 @@ const nt = 16, De = 16 * 2, cd = {
           choosenDates: o.value,
           onClick: (se) => B(W)
         }, null, 8, ["model-value", "hightlight", "multiple", "choosenDates", "onClick"]))), 128)),
-        (v(!0), $(te, null, ie(x.value, (W, U) => (v(), re(Es, {
+        (v(!0), C(te, null, ie(x.value, (W, U) => (v(), re(Es, {
           "model-value": W,
           hightlight: O.value,
           key: `current: ${U}`,
@@ -4887,7 +4887,7 @@ const nt = 16, De = 16 * 2, cd = {
           choosenDates: o.value,
           onClick: (se) => B(W)
         }, null, 8, ["model-value", "hightlight", "multiple", "choosenDates", "onClick"]))), 128)),
-        (v(!0), $(te, null, ie(z.value, (W, U) => (v(), re(Es, {
+        (v(!0), C(te, null, ie(z.value, (W, U) => (v(), re(Es, {
           "model-value": W,
           hightlight: O.value,
           key: `next: ${U}`,
@@ -4902,8 +4902,8 @@ const nt = 16, De = 16 * 2, cd = {
   }
 }, wd = { class: "fv-calendar-control-block" }, yd = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--CaretSolidUp" }, null, -1), kd = [
   yd
-], Cd = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--CaretSolidDown" }, null, -1), $d = [
-  Cd
+], $d = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--CaretSolidDown" }, null, -1), Cd = [
+  $d
 ], Sd = { class: "container-block" }, xd = {
   name: "FvCalendarView"
 }, Vd = Object.assign(xd, {
@@ -5065,9 +5065,9 @@ const nt = 16, De = 16 * 2, cd = {
     }, O = () => {
       o.value === "date" ? g.value.slideDown() : o.value === "month" ? m.value.slideDown() : o.value === "year" && f.value.slideDown();
     };
-    return (V, R) => (v(), $("div", {
+    return (V, R) => (v(), C("div", {
       class: F(["fv-CalendarView", [n.value]]),
-      style: C({
+      style: $({
         background: t.background,
         "--btn-border-radius": r.value,
         "--highlight-background": t.nowDayColor ? t.nowDayColor : t.foreground,
@@ -5096,7 +5096,7 @@ const nt = 16, De = 16 * 2, cd = {
           u("span", {
             class: "slider-btn",
             onClick: O
-          }, $d)
+          }, Cd)
         ])
       ]),
       u("div", Sd, [
@@ -5419,7 +5419,7 @@ const Id = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), Ed =
       if (f.value !== void 0)
         for (const y in V)
           f.value.removeEventListener(y, V[y]);
-    }), i({ popperShow: p, popperEvents: V }), (y, k) => (v(), $(te, null, [
+    }), i({ popperShow: p, popperEvents: V }), (y, k) => (v(), C(te, null, [
       A(ne(l), {
         ref_key: "slotRef",
         ref: a
@@ -5430,14 +5430,14 @@ const Id = /* @__PURE__ */ u("div", { class: "fv-callout-bg" }, null, -1), Ed =
             L(u("div", {
               ref_key: "popper",
               ref: f,
-              style: C([d.value, s.popperStyle]),
+              style: $([d.value, s.popperStyle]),
               class: F(["fv-Callout", ne(n), s.popperClass, h.value]),
               name: "fv-callout"
             }, [
               Id,
               u("div", {
                 class: "beak",
-                style: C(c.value)
+                style: $(c.value)
               }, null, 4),
               u("div", Ed, [
                 N(y.$slots, "header")
@@ -5527,7 +5527,7 @@ const Rd = { class: "fv-checkbox-content-block" }, Bd = /* @__PURE__ */ u("i", {
   },
   emits: ["update:modelValue", "click"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-CheckBox", [e.$theme, t.boxSide == "end" ? "box-side-end" : ""]]),
       onClick: s[0] || (s[0] = (...n) => e.Checked && e.Checked(...n))
     }, [
@@ -5535,13 +5535,13 @@ const Rd = { class: "fv-checkbox-content-block" }, Bd = /* @__PURE__ */ u("i", {
         class: F(["fv-checkbox-rec", [
           { disabled: e.isDisabled, check: e.thisValue || e.Indeterminate }
         ]]),
-        style: C({
+        style: $({
           background: e.thisValue || e.Indeterminate ? t.background : ""
         })
       }, [
         u("p", {
           class: "fv-checkbox-border",
-          style: C({
+          style: $({
             borderColor: e.Indeterminate ? "transparent" : t.borderColor,
             borderWidth: `${t.borderWidth}px`
           })
@@ -5565,7 +5565,7 @@ const Rd = { class: "fv-checkbox-content-block" }, Bd = /* @__PURE__ */ u("i", {
       ], 6),
       u("span", {
         class: "text-content-block",
-        style: C({ color: t.foreground })
+        style: $({ color: t.foreground })
       }, [
         N(e.$slots, "default")
       ], 4)
@@ -6161,12 +6161,12 @@ const du = { class: "collapse-icon-box-default" }, uu = { class: "collapse-descr
     "icon-click"
   ],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-Collapse", [
         e.$theme,
         { visibleOverflow: t.disabledCollapse && t.visibleOverflow }
       ]]),
-      style: C({
+      style: $({
         height: e.thisValue ? `${t.maxHeight}px` : `${t.defaultHeight}px`,
         "max-height": `${t.maxHeight}px`,
         background: e.hover ? e.hoverBackground : t.background
@@ -6178,7 +6178,7 @@ const du = { class: "collapse-icon-box-default" }, uu = { class: "collapse-descr
     }, [
       u("div", {
         class: "collapse-description-container",
-        style: C({ height: `${t.defaultHeight}px` }),
+        style: $({ height: `${t.defaultHeight}px` }),
         onClick: s[3] || (s[3] = (...n) => e.itemClick && e.itemClick(...n))
       }, [
         u("div", {
@@ -6249,7 +6249,7 @@ const du = { class: "collapse-icon-box-default" }, uu = { class: "collapse-descr
     ], 38));
   }
 }), ku = Z(yu);
-const Cu = {
+const $u = {
   ...Q,
   modelValue: {
     type: [String]
@@ -6262,7 +6262,7 @@ const Cu = {
     type: [String],
     default: "box"
   }
-}, $u = {
+}, Cu = {
   "update:modelValue"(t) {
     return !0;
   }
@@ -6440,7 +6440,7 @@ const Cu = {
   }), fe = (Y) => {
     se(Y);
   }, Ee = new bs(fe), _e = (Y) => {
-    Y instanceof MouseEvent && Ct() || Y instanceof TouchEvent && !Ct() || (Ee.listen(), fe(Y));
+    Y instanceof MouseEvent && $t() || Y instanceof TouchEvent && !$t() || (Ee.listen(), fe(Y));
   }, pt = vs((Y) => {
     if (Y !== void 0) {
       const { left: ee, width: ve } = He(r.value);
@@ -6452,7 +6452,7 @@ const Cu = {
   }), vn = (Y) => {
     pt(Y);
   }, _o = new bs(vn), zo = (Y) => {
-    Y instanceof MouseEvent && Ct() || Y instanceof TouchEvent && !Ct() || (_o.listen(), vn(Y));
+    Y instanceof MouseEvent && $t() || Y instanceof TouchEvent && !$t() || (_o.listen(), vn(Y));
   }, Wo = vs((Y) => {
     if (Y !== void 0) {
       const { left: ee, width: ve } = He(r.value);
@@ -6464,7 +6464,7 @@ const Cu = {
   }), bn = (Y) => {
     Wo(Y);
   }, No = new bs(bn), Ho = (Y) => {
-    Y instanceof MouseEvent && Ct() || Y instanceof TouchEvent && !Ct() || (No.listen(), bn(Y));
+    Y instanceof MouseEvent && $t() || Y instanceof TouchEvent && !$t() || (No.listen(), bn(Y));
   };
   return Ii(() => {
     p.value = new ti(y.value), P(p.value), T(p.value);
@@ -6515,8 +6515,8 @@ const Cu = {
   name: "FvColorPicker"
 }, sh = /* @__PURE__ */ sn({
   ...ih,
-  props: Cu,
-  emits: $u,
+  props: $u,
+  emits: Cu,
   setup(t, { emit: i }) {
     const e = i, s = t, { theme: n } = q(s), {
       colorMode: r,
@@ -6569,9 +6569,9 @@ const Cu = {
     ).computed();
     return (G, H) => {
       const B = J("fv-combobox"), S = J("fv-text-box");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(ne(y)),
-        style: C(ne(k))
+        style: $(ne(k))
       }, [
         u("div", xu, [
           u("div", {
@@ -6903,9 +6903,9 @@ const rh = ["placeholder", "value"], oh = ["onClick", "title"], ah = {
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-reveal-container");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-Combobox", [e.$theme, { disabled: e.isDisabled }]]),
-        style: C({
+        style: $({
           background: t.background,
           padding: t.borderWidth,
           "border-radius": `${t.borderRadius}px`,
@@ -6916,7 +6916,7 @@ const rh = ["placeholder", "value"], oh = ["onClick", "title"], ah = {
         u("div", {
           class: "combobox-container",
           onClick: s[0] || (s[0] = (r) => e.status = e.isDisabled ? !1 : !e.status),
-          style: C({
+          style: $({
             background: t.inputBackground,
             "border-radius": `${t.borderRadius}px`
           })
@@ -6937,24 +6937,24 @@ const rh = ["placeholder", "value"], oh = ["onClick", "title"], ah = {
             placeholder: t.placeholder,
             readonly: "",
             value: e.valueTrigger(e.thisValue.text),
-            style: C({
+            style: $({
               color: t.inputForeground,
               "border-radius": `${t.borderRadius}px`
             })
           }, null, 12, rh),
           u("i", {
             class: F(["ms-Icon right-icon", [`ms-Icon--${t.dropDownIcon}`]]),
-            style: C({ color: t.dropDownIconForeground })
+            style: $({ color: t.dropDownIconForeground })
           }, null, 6)
         ], 4),
         A(me, { name: "fv-combobox" }, {
           default: j(() => [
             L(u("div", {
               class: "combobox-item-container",
-              style: C({ background: t.background, overflow: "auto" }),
+              style: $({ background: t.background, overflow: "auto" }),
               ref: "co_items"
             }, [
-              (v(!0), $(te, null, ie(t.options, (r, o) => (v(), $("div", {
+              (v(!0), C(te, null, ie(t.options, (r, o) => (v(), C("div", {
                 class: F(["fv-combobox-item", {
                   hr: e.valueTrigger(r.type) == "divider",
                   normal: (e.valueTrigger(r.type) == "default" || e.valueTrigger(r.type) == null) && !e.valueTrigger(r.disabled),
@@ -6962,7 +6962,7 @@ const rh = ["placeholder", "value"], oh = ["onClick", "title"], ah = {
                   choose: r.key === e.thisValue.key,
                   title: e.valueTrigger(r.type) == "header"
                 }]),
-                style: C({
+                style: $({
                   height: `${t.itemHeight}px`,
                   background: r.key === e.thisValue.key ? t.choosenBackground : "",
                   color: e.valueTrigger(r.type) === "header" ? t.titleForeground : ""
@@ -6974,7 +6974,7 @@ const rh = ["placeholder", "value"], oh = ["onClick", "title"], ah = {
                 N(e.$slots, "default", { item: r }, () => [
                   u("i", {
                     class: "before-choosen",
-                    style: C({ background: t.choosenSliderBackground })
+                    style: $({ background: t.choosenSliderBackground })
                   }, null, 4),
                   we(" " + _(e.valueTrigger(r.type) !== "divider" ? e.valueTrigger(r.text) : ""), 1)
                 ])
@@ -7108,6 +7108,9 @@ const uh = { class: "left-command-bar-container" }, hh = ["title", "onClick"], c
     background: {
       default: ""
     },
+    dropDownBackground: {
+      default: ""
+    },
     compact: {
       default: !1
     },
@@ -7116,18 +7119,21 @@ const uh = { class: "left-command-bar-container" }, hh = ["title", "onClick"], c
     },
     revealBackgroundColor: {
       default: !1
+    },
+    itemBorderRadius: {
+      default: 6
     }
   },
   emits: ["update:modelValue", "item-click"],
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-reveal-container"), r = J("fv-list-view");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-CommandBar", [e.$theme]]),
-        style: C({ background: t.background })
+        style: $({ background: t.background, zIndex: e.showDropDown ? 5 : 1 })
       }, [
         u("div", uh, [
-          (v(!0), $(te, null, ie(e.thisOptions, (o, a) => L((v(), $("span", {
+          (v(!0), C(te, null, ie(e.thisOptions, (o, a) => L((v(), C("span", {
             class: F(["command-bar-item", [
               e.valueTrigger(o.type) == "divider" ? "hr" : "normal",
               { not_disabled: !e.valueTrigger(o.disabled) },
@@ -7146,17 +7152,22 @@ const uh = { class: "left-command-bar-container" }, hh = ["title", "onClick"], c
                 borderColor: e.borderLightColor,
                 borderGradientSize: 80,
                 borderWidth: 1,
-                borderRadius: 6
-              }, null, 8, ["parent", "backgroundColor", "borderColor"])) : oe("", !0),
-              u("i", {
-                class: F(["ms-Icon icon", [`ms-Icon--${e.valueTrigger(o.icon)}`]]),
-                style: C({ color: e.valueTrigger(o.iconColor) })
-              }, null, 6),
-              L(u("p", { class: "name" }, _(e.valueTrigger(o.name)), 513), [
-                [M, !t.compact]
-              ]),
-              L(u("i", fh, null, 512), [
-                [M, o.secondary.length > 0]
+                borderRadius: t.itemBorderRadius
+              }, null, 8, ["parent", "backgroundColor", "borderColor", "borderRadius"])) : oe("", !0),
+              N(e.$slots, "optionItem", {
+                item: o,
+                valueTrigger: e.valueTrigger
+              }, () => [
+                u("i", {
+                  class: F(["ms-Icon icon", [`ms-Icon--${e.valueTrigger(o.icon)}`]]),
+                  style: $({ color: e.valueTrigger(o.iconColor) })
+                }, null, 6),
+                L(u("p", { class: "name" }, _(e.valueTrigger(o.name)), 513), [
+                  [M, !t.compact]
+                ]),
+                L(u("i", fh, null, 512), [
+                  [M, o.secondary.length > 0]
+                ])
               ])
             ], 512), [
               [M, e.valueTrigger(o.type) !== "more"]
@@ -7177,30 +7188,44 @@ const uh = { class: "left-command-bar-container" }, hh = ["title", "onClick"], c
           default: j(() => [
             L(u("div", {
               class: F(["command-bar-list-view-container", { "toward-up": t.toward == "up" }]),
-              style: C({ left: `${e.currentLeft}px`, background: t.background })
+              style: $({
+                left: `${e.currentLeft}px`,
+                background: t.dropDownBackground ? t.dropDownBackground : t.background
+              })
             }, [
               A(r, {
                 modelValue: e.thisValue.secondary,
                 "onUpdate:modelValue": s[0] || (s[0] = (o) => e.thisValue.secondary = o),
+                itemBorderRadius: t.itemBorderRadius,
                 style: { height: "auto" },
                 onChooseItem: e.chooseItem
               }, {
                 listItem: j((o) => [
-                  L(u("i", {
-                    class: F(["ms-Icon icon", [`ms-Icon--${e.valueTrigger(o.item.icon)}`]]),
-                    style: C([{ color: e.valueTrigger(o.item.iconColor) }, { "font-size": "12px" }])
-                  }, null, 6), [
-                    [M, e.valueTrigger(o.item.icon) !== void 0]
-                  ]),
-                  u("p", bh, _(e.valueTrigger(o.item.name)), 1)
+                  N(e.$slots, "listItem", {
+                    item: o.item,
+                    index: o.index,
+                    valueTrigger: e.valueTrigger
+                  }, () => [
+                    L(u("i", {
+                      class: F(["ms-Icon icon", [
+                        `ms-Icon--${e.valueTrigger(o.item.icon)}`
+                      ]]),
+                      style: $([{
+                        color: e.valueTrigger(o.item.iconColor)
+                      }, { "font-size": "12px" }])
+                    }, null, 6), [
+                      [M, e.valueTrigger(o.item.icon) !== void 0]
+                    ]),
+                    u("p", bh, _(e.valueTrigger(o.item.name)), 1)
+                  ])
                 ]),
-                _: 1
-              }, 8, ["modelValue", "onChooseItem"])
+                _: 3
+              }, 8, ["modelValue", "itemBorderRadius", "onChooseItem"])
             ], 6), [
               [M, e.showDropDown]
             ])
           ]),
-          _: 1
+          _: 3
         }, 8, ["name"])
       ], 6);
     };
@@ -7273,7 +7298,7 @@ function Xe() {
   const t = typeof document < "u" ? document : {};
   return gn(t, mo), t;
 }
-const Ch = {
+const $h = {
   document: mo,
   navigator: {
     userAgent: ""
@@ -7333,9 +7358,9 @@ const Ch = {
 };
 function xe() {
   const t = typeof window < "u" ? window : {};
-  return gn(t, Ch), t;
+  return gn(t, $h), t;
 }
-function $h(t) {
+function Ch(t) {
   const i = t.__proto__;
   Object.defineProperty(t, "__proto__", {
     get() {
@@ -7348,7 +7373,7 @@ function $h(t) {
 }
 class Tt extends Array {
   constructor(i) {
-    typeof i == "number" ? super(i) : (super(...i || []), $h(this));
+    typeof i == "number" ? super(i) : (super(...i || []), Ch(this));
   }
 }
 function Li(t = []) {
@@ -8245,7 +8270,7 @@ function kc() {
     c <= s.maxBackfaceHiddenSlides ? y || t.$el.addClass(T) : y && t.$el.removeClass(T);
   }
 }
-function Cc(t) {
+function $c(t) {
   const i = this, e = [], s = i.virtual && i.params.virtual.enabled;
   let n = 0, r;
   typeof t == "number" ? i.setTransition(t) : t === !0 && i.setTransition(i.params.speed);
@@ -8271,7 +8296,7 @@ function Cc(t) {
     }
   (n || n === 0) && i.$wrapperEl.css("height", `${n}px`);
 }
-function $c() {
+function Cc() {
   const t = this, i = t.slides;
   for (let e = 0; e < i.length; e += 1)
     i[e].swiperSlideOffset = t.isHorizontal() ? i[e].offsetLeft : i[e].offsetTop;
@@ -8386,8 +8411,8 @@ function Ic(t) {
 const Ec = {
   updateSize: yc,
   updateSlides: kc,
-  updateAutoHeight: Cc,
-  updateSlidesOffset: $c,
+  updateAutoHeight: $c,
+  updateSlidesOffset: Cc,
   updateSlidesProgress: Sc,
   updateProgress: xc,
   updateSlidesClasses: Vc,
@@ -9165,7 +9190,7 @@ const kf = {
   loadImage: wf,
   preloadImages: yf
 };
-function Cf() {
+function $f() {
   const t = this, {
     isLocked: i,
     params: e
@@ -9179,8 +9204,8 @@ function Cf() {
     t.isLocked = t.snapGrid.length === 1;
   e.allowSlideNext === !0 && (t.allowSlideNext = !t.isLocked), e.allowSlidePrev === !0 && (t.allowSlidePrev = !t.isLocked), i && i !== t.isLocked && (t.isEnd = !1), i !== t.isLocked && t.emit(t.isLocked ? "lock" : "unlock");
 }
-const $f = {
-  checkOverflow: Cf
+const Cf = {
+  checkOverflow: $f
 }, jn = {
   init: !0,
   direction: "horizontal",
@@ -9305,11 +9330,11 @@ const Ps = {
   grabCursor: ef,
   events: hf,
   breakpoints: mf,
-  checkOverflow: $f,
+  checkOverflow: Cf,
   classes: bf,
   images: kf
 }, Rs = {};
-class $e {
+class Ce {
   constructor() {
     let i, e;
     for (var s = arguments.length, n = new Array(s), r = 0; r < s; r++)
@@ -9320,7 +9345,7 @@ class $e {
         const c = Ue({}, e, {
           el: h
         });
-        d.push(new $e(c));
+        d.push(new Ce(c));
       }), d;
     }
     const o = this;
@@ -9558,20 +9583,20 @@ class $e {
     return jn;
   }
   static installModule(i) {
-    $e.prototype.__modules__ || ($e.prototype.__modules__ = []);
-    const e = $e.prototype.__modules__;
+    Ce.prototype.__modules__ || (Ce.prototype.__modules__ = []);
+    const e = Ce.prototype.__modules__;
     typeof i == "function" && e.indexOf(i) < 0 && e.push(i);
   }
   static use(i) {
-    return Array.isArray(i) ? (i.forEach((e) => $e.installModule(e)), $e) : ($e.installModule(i), $e);
+    return Array.isArray(i) ? (i.forEach((e) => Ce.installModule(e)), Ce) : (Ce.installModule(i), Ce);
   }
 }
 Object.keys(Ps).forEach((t) => {
   Object.keys(Ps[t]).forEach((i) => {
-    $e.prototype[i] = Ps[t][i];
+    Ce.prototype[i] = Ps[t][i];
   });
 });
-$e.use([vc, bc]);
+Ce.use([vc, bc]);
 function xf(t) {
   let {
     swiper: i,
@@ -9898,7 +9923,7 @@ const Vf = ["value"], Tf = ["value"], If = ["value"], Ef = /* @__PURE__ */ u("i"
 ], em = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Cancel" }, null, -1), tm = [
   em
 ];
-$e.use([xf, yo]);
+Ce.use([xf, yo]);
 const im = {
   name: "FvDatePicker",
   data() {
@@ -9978,7 +10003,7 @@ const im = {
           }
         }
       };
-      this.monthSwiper = new $e(this.$refs.month, {
+      this.monthSwiper = new Ce(this.$refs.month, {
         ...t,
         initialSlide: this.decodeDate(0),
         freeMode: {
@@ -9991,7 +10016,7 @@ const im = {
                 ${this.showItem(i)}
               </div>`
         }
-      }), this.daySwiper = new $e(this.$refs.day, {
+      }), this.daySwiper = new Ce(this.$refs.day, {
         ...t,
         initialSlide: this.decodeDate(1),
         freeMode: {
@@ -10004,7 +10029,7 @@ const im = {
                 ${this.showItem(i, this.showWeek)}
               </div>`
         }
-      }), this.yearSwiper = new $e(this.$refs.year, {
+      }), this.yearSwiper = new Ce(this.$refs.year, {
         ...t,
         initialSlide: this.decodeDate(2),
         freeMode: {
@@ -10159,13 +10184,13 @@ const im = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-DatePicker", [e.$theme, { disabled: t.disabled }]]),
-      style: C({ "--hover-color": t.hoverColor })
+      style: $({ "--hover-color": t.hoverColor })
     }, [
       u("div", {
         class: F(["fv-date-picker-input", [{ reverse: t.reverseLayout }]]),
-        style: C({
+        style: $({
           background: t.inputBackground
         }),
         onClick: s[0] || (s[0] = (n) => e.focus())
@@ -10182,14 +10207,14 @@ const im = {
           value: e.showDate(1),
           readonly: "",
           class: "fv-date-picker-input-item",
-          style: C({ borderColor: t.innerBorderColor })
+          style: $({ borderColor: t.innerBorderColor })
         }, null, 12, Tf), [
           [M, !t.hideDay]
         ]),
         L(u("input", {
           value: e.showDate(2),
           readonly: "",
-          style: C({ borderColor: t.innerBorderColor }),
+          style: $({ borderColor: t.innerBorderColor }),
           class: "fv-date-picker-input-item"
         }, null, 12, If), [
           [M, !t.hideYear]
@@ -10199,28 +10224,28 @@ const im = {
         default: j(() => [
           L(u("div", {
             class: "fv-date-picker-options",
-            style: C({ background: t.optionBackground })
+            style: $({ background: t.optionBackground })
           }, [
             u("div", {
               class: F(["fv-date-picker-options-body", [{ reverse: t.reverseLayout }]])
             }, [
               u("div", {
                 class: "fv-date-picker-options-body-mask",
-                style: C({ background: t.selectedBackground })
+                style: $({ background: t.selectedBackground })
               }, null, 4),
               L(u("div", {
                 class: "fv-date-picker-options-body-col",
-                style: C([{ flex: "2" }, { borderColor: t.innerBorderColor }])
+                style: $([{ flex: "2" }, { borderColor: t.innerBorderColor }])
               }, [
                 u("div", {
                   class: "fv-date-picker-options-body-col-up",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[1] || (s[1] = (n) => e.monthSwiper.slidePrev())
                 }, Df, 4),
                 u("div", Lf, Ff, 512),
                 u("div", {
                   class: "fv-date-picker-options-body-col-down",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[2] || (s[2] = (n) => e.monthSwiper.slideNext())
                 }, Rf, 4)
               ], 4), [
@@ -10228,17 +10253,17 @@ const im = {
               ]),
               L(u("div", {
                 class: "fv-date-picker-options-body-col",
-                style: C({ borderColor: t.innerBorderColor })
+                style: $({ borderColor: t.innerBorderColor })
               }, [
                 u("div", {
                   class: "fv-date-picker-options-body-col-up",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[3] || (s[3] = (n) => e.daySwiper.slidePrev())
                 }, Of, 4),
                 u("div", Af, zf, 512),
                 u("div", {
                   class: "fv-date-picker-options-body-col-down",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[4] || (s[4] = (n) => e.daySwiper.slideNext())
                 }, Nf, 4)
               ], 4), [
@@ -10247,13 +10272,13 @@ const im = {
               L(u("div", Hf, [
                 u("div", {
                   class: "fv-date-picker-options-body-col-up",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[5] || (s[5] = (n) => e.yearSwiper.slidePrev())
                 }, Uf, 4),
                 u("div", Yf, Xf, 512),
                 u("div", {
                   class: "fv-date-picker-options-body-col-down",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[6] || (s[6] = (n) => e.yearSwiper.slideNext())
                 }, Kf, 4)
               ], 512), [
@@ -10846,7 +10871,7 @@ const pn = on("RevealCache", {
   lm
 ];
 function um(t, i, e, s, n, r) {
-  return v(), $("div", {
+  return v(), C("div", {
     class: "fv-details-list-spliter",
     onMousedown: i[0] || (i[0] = (...o) => r.forward && r.forward(...o)),
     onMouseup: i[1] || (i[1] = (...o) => r.stop && r.stop(...o)),
@@ -10879,18 +10904,18 @@ const ko = /* @__PURE__ */ ce(am, [["render", um]]), hm = {
   cm
 ];
 function mm(t, i, e, s, n, r) {
-  return v(), $("div", {
+  return v(), C("div", {
     class: F(["fv-details-list-selector", [{ choosen: n.checked }]])
   }, [
     u("div", {
       class: "fv-details-list-icon-ring",
-      style: C({ background: n.checked ? e.color : "" })
+      style: $({ background: n.checked ? e.color : "" })
     }, fm, 4)
   ], 2);
 }
 const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--ChevronRight" }, null, -1), pm = [
   gm
-], vm = ["onClick"], bm = { class: "default-title" }, wm = ["draggable", "onDrag", "onDrop", "onContextmenu"], ym = ["onClick"], km = ["onClick"], Cm = ["onClick"], $m = ["onClick"], Sm = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--ChevronRight" }, null, -1), xm = [
+], vm = ["onClick"], bm = { class: "default-title" }, wm = ["draggable", "onDrag", "onDrop", "onContextmenu"], ym = ["onClick"], km = ["onClick"], $m = ["onClick"], Cm = ["onClick"], Sm = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--ChevronRight" }, null, -1), xm = [
   Sm
 ], Vm = {
   class: "col",
@@ -11358,7 +11383,7 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
       headInit: (...n) => s.headInit(...n)
     }), (n, r) => {
       const o = J("fv-right-menu");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-DetailsList", [n.$theme]])
       }, [
         u("div", {
@@ -11367,7 +11392,7 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
         }, [
           L(u("span", {
             class: "fv-details-list-icon-block",
-            style: C(n.styles.listHead),
+            style: $(n.styles.listHead),
             onClick: r[1] || (r[1] = (...a) => n.chooseAll && n.chooseAll(...a))
           }, [
             A(vi, {
@@ -11380,7 +11405,7 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
           ]),
           L(u("span", {
             class: "col",
-            style: C([{ width: "36px", padding: "0px" }, n.styles.listHead])
+            style: $([{ width: "36px", padding: "0px" }, n.styles.listHead])
           }, [
             u("span", {
               class: F(["expand", { choose: n.currentExpandAll }]),
@@ -11389,10 +11414,10 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
           ], 4), [
             [M, t.showGroup]
           ]),
-          (v(!0), $(te, null, ie(n.thisHead, (a, l) => L((v(), $("span", {
+          (v(!0), C(te, null, ie(n.thisHead, (a, l) => L((v(), C("span", {
             class: "col",
             key: `head: ${l}`,
-            style: C({
+            style: $({
               "min-width": n.colWidth[l],
               width: n.colWidth[l],
               background: n.styles.listHead.background
@@ -11425,7 +11450,7 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
             [M, a.show && n.valueTrigger(a.visible)]
           ])), 128))
         ], 512),
-        t.showGroup ? oe("", !0) : (v(), $("div", {
+        t.showGroup ? oe("", !0) : (v(), C("div", {
           key: 0,
           class: F(["fv-details-list-content", { compact: t.compact, "auto-height": t.autoHeight }]),
           ref: "l1"
@@ -11435,7 +11460,7 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
             tag: "div"
           }, {
             default: j(() => [
-              (v(!0), $(te, null, ie(n.thisValue, (a, l) => L((v(), $("div", {
+              (v(!0), C(te, null, ie(n.thisValue, (a, l) => L((v(), C("div", {
                 class: F(["content-row", [
                   { choose: a.choosen, "fv-custom-row": !0 },
                   t.rowCss
@@ -11460,10 +11485,10 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
                 ], 8, ym), [
                   [M, t.multiSelection]
                 ]),
-                (v(!0), $(te, null, ie(n.thisHead, (d, h) => L((v(), $("span", {
+                (v(!0), C(te, null, ie(n.thisHead, (d, h) => L((v(), C("span", {
                   class: "col",
                   key: `row: ${l} col: ${h}`,
-                  style: C({ width: n.colWidth[h] }),
+                  style: $({ width: n.colWidth[h] }),
                   onClick: (c) => n.chooseCurrent(a)
                 }, [
                   N(n.$slots, `column_${h}`, {
@@ -11487,12 +11512,12 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
             _: 3
           })
         ], 2)),
-        t.showGroup ? (v(), $("div", {
+        t.showGroup ? (v(), C("div", {
           key: 1,
           class: F(["fv-details-list-content", { compact: t.compact, "auto-height": t.autoHeight }]),
           ref: "l2"
         }, [
-          (v(!0), $(te, null, ie(n.thisGroup, (a, l) => (v(), $("div", {
+          (v(!0), C(te, null, ie(n.thisGroup, (a, l) => (v(), C("div", {
             key: `group: ${l}`
           }, [
             u("div", {
@@ -11516,13 +11541,13 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
                     value: n.isGroupChooseAll(a),
                     color: t.foreground
                   }, null, 8, ["value", "color"])
-                ], 8, Cm), [
+                ], 8, $m), [
                   [M, t.multiSelection]
                 ]),
                 u("span", {
                   class: F(["expand", { choose: a.expand }]),
                   onClick: (d) => n.expandGroup(a)
-                }, xm, 10, $m),
+                }, xm, 10, Cm),
                 N(n.$slots, "group_content", {
                   item: a,
                   index: l,
@@ -11538,7 +11563,7 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
             A(me, { name: "zoom-in-top" }, {
               default: j(() => [
                 L(u("div", null, [
-                  (v(!0), $(te, null, ie(a.data, (d, h) => L((v(), $("div", {
+                  (v(!0), C(te, null, ie(a.data, (d, h) => L((v(), C("div", {
                     class: F(["content-row", [
                       { choose: d.choosen, "fv-custom-row": !0 },
                       t.rowCss
@@ -11561,10 +11586,10 @@ const vi = /* @__PURE__ */ ce(hm, [["render", mm]]), gm = /* @__PURE__ */ u("i",
                       style: { width: "36px" },
                       onClick: (c) => n.chooseCurrent(d)
                     }, null, 8, Em),
-                    (v(!0), $(te, null, ie(n.thisHead, (c, f) => L((v(), $("span", {
+                    (v(!0), C(te, null, ie(n.thisHead, (c, f) => L((v(), C("span", {
                       class: "col",
                       key: `group: ${l} row: ${h} col: ${f}`,
-                      style: C({ width: n.colWidth[f] }),
+                      style: $({ width: n.colWidth[f] }),
                       onClick: (m) => n.chooseCurrent(d)
                     }, [
                       N(n.$slots, `column_${f}`, {
@@ -11760,10 +11785,10 @@ const Pm = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: i }) {
-    return (e, s) => L((v(), $("div", {
+    return (e, s) => L((v(), C("div", {
       ref: "drawer",
       class: F(["fv-Drawer", [e.$theme]]),
-      style: C([e.style.drawer, { background: t.background }])
+      style: $([e.style.drawer, { background: t.background }])
     }, [
       N(e.$slots, "default")
     ], 6)), [
@@ -11854,13 +11879,13 @@ const Om = {
 }, Am = ["placeholder", "value"];
 function _m(t, i, e, s, n, r) {
   const o = J("fv-reveal-container");
-  return v(), $("div", {
+  return v(), C("div", {
     class: "drop-down-box",
-    style: C({ "border-radius": `${e.borderRadius}px` })
+    style: $({ "border-radius": `${e.borderRadius}px` })
   }, [
     u("div", {
       class: "drop-down-container",
-      style: C({
+      style: $({
         background: e.inputBackground,
         "border-radius": `${e.borderRadius}px`
       })
@@ -11885,7 +11910,7 @@ function _m(t, i, e, s, n, r) {
           placeholder: e.placeholder,
           readonly: "",
           value: r.inputValue,
-          style: C({
+          style: $({
             color: e.inputForeground,
             "border-radius": `${e.borderRadius}px`,
             borderWidth: `${e.borderWidth}px`,
@@ -11894,13 +11919,13 @@ function _m(t, i, e, s, n, r) {
         }, null, 12, Am),
         u("i", {
           class: F(["right-icon ms-Icon", [`ms-Icon--${e.dropDownIcon}`]]),
-          style: C({ color: e.dropDownIconForeground })
+          style: $({ color: e.dropDownIconForeground })
         }, null, 6)
       ])
     ], 4)
   ], 4);
 }
-const Co = /* @__PURE__ */ ce(Om, [["render", _m]]), zm = {
+const $o = /* @__PURE__ */ ce(Om, [["render", _m]]), zm = {
   emits: ["update:modelValue", "chooseItem"],
   props: {
     modelValue: {
@@ -12025,11 +12050,11 @@ const Co = /* @__PURE__ */ ce(Om, [["render", _m]]), zm = {
 }, Wm = ["onClick"];
 function Nm(t, i, e, s, n, r) {
   const o = J("fv-check-box");
-  return v(), $("div", {
+  return v(), C("div", {
     class: "list-container",
-    style: C(n.styles.listContainer)
+    style: $(n.styles.listContainer)
   }, [
-    (v(!0), $(te, null, ie(e.options, (a, l) => (v(), $("div", {
+    (v(!0), C(te, null, ie(e.options, (a, l) => (v(), C("div", {
       key: `item: ${l}`,
       onClick: (d) => r.onClick(a)
     }, [
@@ -12043,7 +12068,7 @@ function Nm(t, i, e, s, n, r) {
       }, [
         L(u("p", {
           class: "title",
-          style: C(n.styles.title)
+          style: $(n.styles.title)
         }, _(r.valueTrigger(a.text)), 5), [
           [M, r.valueTrigger(a.type) == "header"]
         ]),
@@ -12081,11 +12106,11 @@ function Nm(t, i, e, s, n, r) {
     ], 8, Wm))), 128))
   ], 4);
 }
-const $o = /* @__PURE__ */ ce(zm, [["render", Nm]]), Hm = {
+const Co = /* @__PURE__ */ ce(zm, [["render", Nm]]), Hm = {
   name: "FvDropDown",
   components: {
-    dropDownInput: Co,
-    listContainer: $o
+    dropDownInput: $o,
+    listContainer: Co
   },
   data() {
     return {
@@ -12258,9 +12283,9 @@ const $o = /* @__PURE__ */ ce(zm, [["render", Nm]]), Hm = {
   },
   emits: ["update:modelValue", "change", "visible-change"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-DropDown", [e.$theme, e.isDisabled ? "disabled" : ""]]),
-      style: C([e.styles.dropDown, { zIndex: e.show.listContainer ? 5 : "" }])
+      style: $([e.styles.dropDown, { zIndex: e.show.listContainer ? 5 : "" }])
     }, [
       u("div", {
         class: "fv-drop-down-input-container",
@@ -12272,7 +12297,7 @@ const $o = /* @__PURE__ */ ce(zm, [["render", Nm]]), Hm = {
           placeholoder: t.placeholder,
           theme: e.$theme
         }, () => [
-          A(Co, {
+          A($o, {
             modelValue: e.choosenValue,
             "onUpdate:modelValue": s[0] || (s[0] = (n) => e.choosenValue = n),
             placeholder: t.placeholder,
@@ -12305,7 +12330,7 @@ const $o = /* @__PURE__ */ ce(zm, [["render", Nm]]), Hm = {
         name: `fv-drop-down-${e.dropDownListShowStatus.position}`
       }, {
         default: j(() => [
-          L(A($o, {
+          L(A(Co, {
             modelValue: e.choosenValue,
             "onUpdate:modelValue": s[2] || (s[2] = (n) => e.choosenValue = n),
             options: t.options,
@@ -12407,12 +12432,12 @@ const Ym = { class: "expander-description-box" }, jm = { class: "expander-text"
   },
   emits: ["update:modelValue", "item-click"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-Expander", [
         e.$theme,
         { visibleOverflow: t.disabledExpander && t.visibleOverflow }
       ]]),
-      style: C({
+      style: $({
         height: e.thisValue ? `${t.maxHeight}px` : `${t.defaultHeight}px`,
         "max-height": `${t.maxHeight}px`
       }),
@@ -12423,7 +12448,7 @@ const Ym = { class: "expander-description-box" }, jm = { class: "expander-text"
     }, [
       u("div", {
         class: "expander-description-container",
-        style: C({
+        style: $({
           height: `${t.defaultHeight}px`,
           background: e.hover ? e.hoverBackground : t.titleBackground
         }),
@@ -12471,7 +12496,7 @@ const Ym = { class: "expander-description-box" }, jm = { class: "expander-text"
         default: j(() => [
           L(u("div", {
             class: "expander-detail",
-            style: C({ background: t.expandBackground })
+            style: $({ background: t.expandBackground })
           }, [
             N(e.$slots, "default")
           ], 4), [
@@ -12654,7 +12679,7 @@ const ig = ["onClick"], sg = /* @__PURE__ */ u("i", null, null, -1), ng = [
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-FlipView", [e.$theme]]),
       onMouseenter: s[3] || (s[3] = (n) => e.hoverTrigger = !0),
       onMouseleave: s[4] || (s[4] = (n) => e.hoverTrigger = !1),
@@ -12665,7 +12690,7 @@ const ig = ["onClick"], sg = /* @__PURE__ */ u("i", null, null, -1), ng = [
         default: j(() => [
           L(u("div", {
             class: "control-panel",
-            style: C(e.styles.controlPanel)
+            style: $(e.styles.controlPanel)
           }, [
             u("span", {
               class: F(["slidebtn fst", [t.direction]]),
@@ -12686,7 +12711,7 @@ const ig = ["onClick"], sg = /* @__PURE__ */ u("i", null, null, -1), ng = [
             u("span", {
               class: F(["bottom-controller", [t.direction]])
             }, [
-              (v(!0), $(te, null, ie(e.thisValue, (n, r) => (v(), $("div", {
+              (v(!0), C(te, null, ie(e.thisValue, (n, r) => (v(), C("div", {
                 key: `ring: ${r}`,
                 class: F(["flip-view-ring", [{ choosen: e.currentIndex == r }]]),
                 onClick: (o) => e.slideIndex(r)
@@ -12711,10 +12736,10 @@ const ig = ["onClick"], sg = /* @__PURE__ */ u("i", null, null, -1), ng = [
           class: "container-panel"
         }, {
           default: j(() => [
-            (v(!0), $(te, null, ie(e.thisValue, (n, r) => L((v(), $("div", {
+            (v(!0), C(te, null, ie(e.thisValue, (n, r) => L((v(), C("div", {
               key: `flipview: ${r}`,
               class: "container-item",
-              style: C(e.styles.containerItem)
+              style: $(e.styles.containerItem)
             }, [
               N(e.$slots, "item", {
                 data: n,
@@ -12781,22 +12806,22 @@ const ug = {
   },
   emits: ["click"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-IconElement", [e.$theme, { "icon-element-btn": t.iconButton }]]),
-      style: C({
+      style: $({
         width: `${t.fontSize + t.paddingWidth / 1}px`,
         height: `${t.fontSize + t.paddingWidth / 1}px`,
         borderRadius: `${t.borderRadius}px`
       }),
       onClick: s[0] || (s[0] = (n) => e.$emit("click", n))
     }, [
-      (v(!0), $(te, null, ie(e.iconList, (n, r) => (v(), $("div", {
+      (v(!0), C(te, null, ie(e.iconList, (n, r) => (v(), C("div", {
         class: F(["icon-element-item", [e.valueTrigger(n.position)]]),
         key: r
       }, [
         u("i", {
           class: F(["icon-element ms-Icon", [`ms-Icon--${e.valueTrigger(n.name)}`]]),
-          style: C({
+          style: $({
             fontSize: `${t.fontSize}px`,
             color: e.valueTrigger(n.color),
             "background-image": e.valueTrigger(n.color),
@@ -12868,7 +12893,7 @@ const fg = ["src"], mg = {
   },
   emits: ["click"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-Image", [e.$theme]])
     }, [
       A(me, { name: "fade-in" }, {
@@ -12918,7 +12943,7 @@ const vg = {
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-ImgBox"), r = J("fv-Image");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-Img", [e.$theme]])
       }, [
         e.status == "imgBox" ? (v(), re(n, {
@@ -12978,7 +13003,7 @@ const yg = on("FvImageCache", {
       this.imgUriList.splice(this.imgUriList.indexOf(i), 1);
     }
   }
-}), kg = { class: "fv-img-box-content" }, Cg = ["src"], $g = {
+}), kg = { class: "fv-img-box-content" }, $g = ["src"], Cg = {
   name: "FvImgBox",
   data() {
     return {
@@ -13100,7 +13125,7 @@ const yg = on("FvImageCache", {
   beforeUnmount() {
     clearInterval(this.formatTimer), clearInterval(this.lazyTimer);
   }
-}, Sg = Object.assign($g, {
+}, Sg = Object.assign(Cg, {
   props: {
     ...Q,
     url: {
@@ -13119,9 +13144,9 @@ const yg = on("FvImageCache", {
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-progress-ring");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-ImgBox", [e.$theme]]),
-        style: C({
+        style: $({
           background: t.onbackground ? "url(" + e.imgUri.data + ") no-repeat" : ""
         })
       }, [
@@ -13141,12 +13166,12 @@ const yg = on("FvImageCache", {
         ]),
         A(me, { name: "fade-in" }, {
           default: j(() => [
-            e.imgUri.state == "done" && !t.onbackground ? (v(), $("img", {
+            e.imgUri.state == "done" && !t.onbackground ? (v(), C("img", {
               key: 0,
               draggable: "false",
               alt: "",
               src: e.imgUri.data
-            }, null, 8, Cg)) : oe("", !0)
+            }, null, 8, $g)) : oe("", !0)
           ]),
           _: 1
         })
@@ -13242,14 +13267,14 @@ const Vg = {
     "lazyload"
   ],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-InfiniteScrollView", [e.$theme]])
     }, [
       N(e.$slots, "default", {
         thisValue: e.thisValue,
         dynamicValue: e.dynamicValue
       }, () => [
-        (v(!0), $(te, null, ie(e.dynamicValue, (n, r) => (v(), $("p", { key: r }, _(n), 1))), 128))
+        (v(!0), C(te, null, ie(e.dynamicValue, (n, r) => (v(), C("p", { key: r }, _(n), 1))), 128))
       ])
     ], 2));
   }
@@ -13333,7 +13358,7 @@ const Eg = { class: "title-bar" }, Dg = { class: "title-content" }, Lg = { class
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-button");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-InfoBox", [e.$theme, t.mode, { acrylic: t.acrylic }]])
       }, [
         u("div", {
@@ -13544,13 +13569,13 @@ const Ag = {
   }
 }, _g = { class: "fv-listview-slider" };
 function zg(t, i, e, s, n, r) {
-  return v(), $("div", _g, [
+  return v(), C("div", _g, [
     u("span", {
       class: "s",
-      style: C({ "margin-top": `${n.thisTop}px`, height: `${n.thisHeight}px` })
+      style: $({ "margin-top": `${n.thisTop}px`, height: `${n.thisHeight}px` })
     }, [
       u("p", {
-        style: C({ background: n.styles.slider.background })
+        style: $({ background: n.styles.slider.background })
       }, null, 4)
     ], 4)
   ]);
@@ -13904,7 +13929,7 @@ const xo = /* @__PURE__ */ ce(Ag, [["render", zg]]), Wg = { class: "list-view-he
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-reveal-container");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-ListView", [e.$theme]]),
         onClick: s[0] || (s[0] = (r) => e.focus = !0)
       }, [
@@ -13912,7 +13937,7 @@ const xo = /* @__PURE__ */ ce(Ag, [["render", zg]]), Wg = { class: "list-view-he
           N(e.$slots, "header")
         ]),
         u("div", Ng, [
-          (v(!0), $(te, null, ie(e.thisValue, (r, o) => L((v(), $("span", {
+          (v(!0), C(te, null, ie(e.thisValue, (r, o) => L((v(), C("span", {
             class: F([{
               choose: e.valueTrigger(r.choosen),
               header: e.valueTrigger(r.type) == "header",
@@ -13922,7 +13947,7 @@ const xo = /* @__PURE__ */ ce(Ag, [["render", zg]]), Wg = { class: "list-view-he
               selected: r.selected && e.showSelectedBorder
             }, "list-view-item"]),
             key: o,
-            style: C({
+            style: $({
               height: e._rowHeight,
               background: e.valueTrigger(r.choosen) ? t.choosenBackground : "",
               borderRadius: t.itemBorderRadius + "px"
@@ -13948,7 +13973,7 @@ const xo = /* @__PURE__ */ ce(Ag, [["render", zg]]), Wg = { class: "list-view-he
             }, null, 8, ["revealContainer", "parent", "backgroundColor", "borderColor", "borderRadius"])) : oe("", !0),
             u("div", {
               class: "item-content",
-              style: C({ padding: t.itemPadding })
+              style: $({ padding: t.itemPadding })
             }, [
               N(e.$slots, "listItem", {
                 item: r,
@@ -13956,7 +13981,7 @@ const xo = /* @__PURE__ */ ce(Ag, [["render", zg]]), Wg = { class: "list-view-he
                 valueTrigger: e.valueTrigger
               }, () => [
                 u("p", {
-                  style: C({
+                  style: $({
                     color: e.valueTrigger(r.type) == "header" ? t.headerForeground : ""
                   })
                 }, _(e.valueTrigger(r.name)), 5)
@@ -14093,13 +14118,13 @@ function Qg(t, i, e, s, n, r) {
           name: "fv-menu-flyout-item",
           tag: "div",
           class: "menu-flyout-item-container",
-          style: C({ background: e.background, "overflow-y": "auto", "overflow-x": "visible" }),
+          style: $({ background: e.background, "overflow-y": "auto", "overflow-x": "visible" }),
           ref: "co_items"
         }, {
           default: j(() => [
-            (v(!0), $(te, null, ie(r.computedOptions, (a, l) => (v(), $("div", {
+            (v(!0), C(te, null, ie(r.computedOptions, (a, l) => (v(), C("div", {
               class: F(["fv-menu-flyout-item", { hr: r.valueTrigger(a.type) == "divider", normal: (r.valueTrigger(a.type) == "default" || r.valueTrigger(a.type) == null) && !r.valueTrigger(a.disabled), disabled: r.valueTrigger(a.disabled), choose: r.isChoosen(a), title: r.valueTrigger(a.type) == "header" }]),
-              style: C({ background: r.isChoosen(a) ? e.choosenBackground : "", color: r.valueTrigger(a.type) === "header" ? e.titleForeground : "" }),
+              style: $({ background: r.isChoosen(a) ? e.choosenBackground : "", color: r.valueTrigger(a.type) === "header" ? e.titleForeground : "" }),
               onClick: (d) => r.Choose(d, a),
               key: `options: ${a.key ? a.key : l}`,
               title: r.valueTrigger(a.text)
@@ -14110,7 +14135,7 @@ function Qg(t, i, e, s, n, r) {
               }, () => [
                 u("i", {
                   class: "before-choosen",
-                  style: C({ background: e.choosenSliderBackground })
+                  style: $({ background: e.choosenSliderBackground })
                 }, null, 4),
                 we(" " + _(r.valueTrigger(a.type) !== "divider" ? r.valueTrigger(a.text) : "") + " ", 1),
                 L(u("i", Jg, null, 512), [
@@ -14253,9 +14278,9 @@ const Vo = /* @__PURE__ */ ce(Xg, [["render", Qg]]), Zg = ["placeholder", "value
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-reveal-container");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-MenuFlyout", [e.$theme, { disabled: e.isDisabled }]]),
-        style: C({
+        style: $({
           background: t.background,
           padding: t.borderWidth,
           "border-radius": `${t.borderRadius}px`,
@@ -14266,7 +14291,7 @@ const Vo = /* @__PURE__ */ ce(Xg, [["render", Qg]]), Zg = ["placeholder", "value
         u("div", {
           class: "menu-flyout-container",
           onClick: s[0] || (s[0] = (r) => e.status = e.isDisabled ? !1 : !e.status),
-          style: C({
+          style: $({
             background: t.inputBackground,
             "border-radius": `${t.borderRadius}px`
           })
@@ -14287,14 +14312,14 @@ const Vo = /* @__PURE__ */ ce(Xg, [["render", Qg]]), Zg = ["placeholder", "value
             placeholder: t.placeholder,
             readonly: "",
             value: e.computedValue,
-            style: C({
+            style: $({
               color: t.inputForeground,
               "border-radius": `${t.borderRadius}px`
             })
           }, null, 12, Zg),
           u("i", {
             class: F(["ms-Icon right-icon", [`ms-Icon--${t.dropDownIcon}`]]),
-            style: C({ color: t.dropDownIconForeground })
+            style: $({ color: t.dropDownIconForeground })
           }, null, 6)
         ], 4),
         L(A(Vo, {
@@ -14313,7 +14338,7 @@ const Vo = /* @__PURE__ */ ce(Xg, [["render", Qg]]), Zg = ["placeholder", "value
             }, () => [
               u("i", {
                 class: "before-choosen",
-                style: C({ background: r.choosenSliderBackground })
+                style: $({ background: r.choosenSliderBackground })
               }, null, 4),
               we(" " + _(e.valueTrigger(r.item.type) !== "divider" ? e.valueTrigger(r.item.text) : "") + " ", 1),
               L(u("i", ep, null, 512), [
@@ -14408,7 +14433,7 @@ const np = { class: "msg-bar-block" }, rp = { class: "msg-content-block" }, op =
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-button");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-MessageBar", [
           e.$theme,
           e.iconList[t.status].iconColor,
@@ -14601,7 +14626,7 @@ const cp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
   beforeUnmount() {
     clearInterval(this.timer.widthTimer), this.uR.revealDirectJs.destroy(this.FR), window.removeEventListener("click", this.outSideClickEvent);
   }
-}, Cp = Object.assign(kp, {
+}, $p = Object.assign(kp, {
   props: {
     ...Q,
     title: {
@@ -14660,27 +14685,27 @@ const cp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-animated-icon"), r = J("fv-search-box");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-NavigationPanel", [
           e.$theme,
           { compact: !e.thisExpand },
           { flyout: e.isFlyout },
           { mobile: e.isMobile }
         ]]),
-        style: C({
+        style: $({
           position: e.screenWidth <= t.fullSizeDisplay && e.thisExpand ? "static" : "",
           width: e.panelWidth
         })
       }, [
         u("div", {
           class: "panel-container-mobile",
-          style: C({ background: e.thisExpand ? "" : t.background })
+          style: $({ background: e.thisExpand ? "" : t.background })
         }, [
           L(A(n, {
             modelValue: "backScale",
             class: "fv-nav-default-item",
             hideContent: !0,
-            style: C({ width: `${t.compactWidth}px` }),
+            style: $({ width: `${t.compactWidth}px` }),
             onClick: s[0] || (s[0] = (o) => e.$emit("back", o))
           }, {
             default: j(() => [
@@ -14694,7 +14719,7 @@ const cp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
             modelValue: "scaleXDown",
             class: "fv-nav-default-item",
             hideContent: !0,
-            style: C({ width: `${t.compactWidth}px` }),
+            style: $({ width: `${t.compactWidth}px` }),
             onClick: e.expandClick
           }, {
             default: j(() => [
@@ -14707,7 +14732,7 @@ const cp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
         ], 4),
         u("div", {
           class: "panel-container",
-          style: C({ width: e.navWidth, background: t.background })
+          style: $({ width: e.navWidth, background: t.background })
         }, [
           N(e.$slots, "banner"),
           L(A(n, {
@@ -14798,7 +14823,7 @@ const cp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
       ], 6);
     };
   }
-}), $p = Z(Cp);
+}), Cp = Z($p);
 const Sp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--GlobalNavButton icon" }, null, -1), xp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null, -1), Vp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Settings icon" }, null, -1), Tp = { class: "name" }, Ip = {
   name: "FvNavigationView",
   data() {
@@ -14959,7 +14984,7 @@ const Sp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--GlobalNavButton ico
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-search-box"), r = J("fv-animated-icon"), o = J("fv-list-view"), a = J("fv-NavigationPanel");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-NavigationView", [e.$theme, { compact: !e.thisExpand }]])
       }, [
         A(a, {
@@ -15054,7 +15079,7 @@ const Sp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--GlobalNavButton ico
                   ]),
                   u("p", {
                     class: "name",
-                    style: C({
+                    style: $({
                       color: l.valueTrigger(l.item.type) == "header" ? t.foreground : ""
                     })
                   }, _(l.valueTrigger(l.item.name)), 5)
@@ -15195,7 +15220,7 @@ const Lp = { class: "fv-pagination-container" }, Mp = /* @__PURE__ */ u("i", { c
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-button");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-Pagination", [e.$theme]])
       }, [
         u("div", Lp, [
@@ -15213,7 +15238,7 @@ const Lp = { class: "fv-pagination-container" }, Mp = /* @__PURE__ */ u("i", { c
             ]),
             _: 1
           }, 8, ["disabled", "class", "theme", "background", "is-box-shadow", "onClick"]),
-          (v(!0), $(te, null, ie(e.itemList, (r, o) => (v(), $(te, null, [
+          (v(!0), C(te, null, ie(e.itemList, (r, o) => (v(), C(te, null, [
             r.show ? (v(), re(n, {
               key: o,
               class: F([{ small: t.small }, "page-btn"]),
@@ -15392,7 +15417,7 @@ const Op = {
                     `${e.sideName}-side`,
                     { "acrylic-style": t.isAcrylic }
                   ]]),
-                  style: C({
+                  style: $({
                     width: e.finalWidth,
                     height: e.finalHeight,
                     background: t.background
@@ -15400,12 +15425,12 @@ const Op = {
                 }, [
                   L(u("div", {
                     class: "fv-panel-control-block",
-                    style: C({ padding: t.controlPadding })
+                    style: $({ padding: t.controlPadding })
                   }, [
                     N(e.$slots, "header", {}, () => [
                       u("p", {
                         class: "panel-title",
-                        style: C({
+                        style: $({
                           "font-size": `${t.titleSize}px`,
                           "font-weight": t.titleWeight,
                           color: t.titleColor
@@ -15421,7 +15446,7 @@ const Op = {
                   ]),
                   u("div", {
                     class: "fv-panel-main-container",
-                    style: C({ padding: t.contentPadding })
+                    style: $({ padding: t.contentPadding })
                   }, [
                     N(e.$slots, "container", {}, () => [
                       we(" Content Here ")
@@ -15429,7 +15454,7 @@ const Op = {
                   ], 4),
                   L(u("div", {
                     class: "fv-panel-footer",
-                    style: C({ padding: t.controlPadding })
+                    style: $({ padding: t.controlPadding })
                   }, [
                     N(e.$slots, "footer", {}, () => [
                       A(n, {
@@ -15577,16 +15602,16 @@ const zp = { class: "persona-content-block" }, Wp = {
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-img");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-Persona", [e.$theme]])
       }, [
         u("div", {
           class: "persona-avatar",
-          style: C({ width: `${t.size}px`, height: `${t.size}px` })
+          style: $({ width: `${t.size}px`, height: `${t.size}px` })
         }, [
           u("div", {
             class: "persona-bg",
-            style: C({
+            style: $({
               background: t.background ? t.background : e.nameCardBackground,
               "font-size": `${t.size / 2.3}px`
             })
@@ -15598,7 +15623,7 @@ const zp = { class: "persona-content-block" }, Wp = {
           }, null, 8, ["src"])) : oe("", !0),
           L(u("i", {
             class: F(["ms-Icon status-icon", [`ms-Icon--${e.currentIcon}`]]),
-            style: C({
+            style: $({
               "font-size": `${e.iconFontSize}px`,
               color: e.currentIconColor
             })
@@ -15609,7 +15634,7 @@ const zp = { class: "persona-content-block" }, Wp = {
         L(u("div", zp, [
           u("span", {
             class: "persona-title",
-            style: C({ "font-size": `${e.titleFontSize}px` })
+            style: $({ "font-size": `${e.titleFontSize}px` })
           }, [
             N(e.$slots, "name", {}, () => [
               u("p", null, _(t.name), 1)
@@ -15617,7 +15642,7 @@ const zp = { class: "persona-content-block" }, Wp = {
           ], 4),
           u("span", {
             class: "persona-secondary",
-            style: C({ "font-size": `${e.secondaryFontSize}px` })
+            style: $({ "font-size": `${e.secondaryFontSize}px` })
           }, [
             N(e.$slots, "secondary")
           ], 4)
@@ -15733,13 +15758,13 @@ const Gp = {
   }
 }, Up = { class: "slider" };
 function Yp(t, i, e, s, n, r) {
-  return v(), $("div", Up, [
+  return v(), C("div", Up, [
     u("span", {
       class: F(["fv-pivot-s", [{ "is-boxshadow": e.sliderBoxshadow }]]),
-      style: C({ "margin-left": `${n.domLeft}px`, width: `${n.domWidth}px` })
+      style: $({ "margin-left": `${n.domLeft}px`, width: `${n.domWidth}px` })
     }, [
       u("p", {
-        style: C({ background: e.background })
+        style: $({ background: e.background })
       }, null, 4)
     ], 6)
   ]);
@@ -15896,12 +15921,12 @@ const Io = /* @__PURE__ */ ce(Gp, [["render", Yp]]), jp = { class: "pivot-contai
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-Pivot", [e.$theme, t.tab ? "tab" : ""]]),
-      style: C({ background: t.background })
+      style: $({ background: t.background })
     }, [
       u("div", jp, [
-        (v(!0), $(te, null, ie(e.thisItems, (n, r) => L((v(), $("span", {
+        (v(!0), C(te, null, ie(e.thisItems, (n, r) => L((v(), C("span", {
           class: F(["pivot-item", {
             choose: e.eqal(n),
             disabled: e.valueTrigger(n.disabled)
@@ -15909,7 +15934,7 @@ const Io = /* @__PURE__ */ ce(Gp, [["render", Yp]]), jp = { class: "pivot-contai
           key: r,
           ref_for: !0,
           ref: `item_${r}`,
-          style: C({ width: e.itemWidth(n) }),
+          style: $({ width: e.itemWidth(n) }),
           onClick: (o) => e.itemClick(n)
         }, [
           N(e.$slots, "container", {
@@ -15917,7 +15942,7 @@ const Io = /* @__PURE__ */ ce(Gp, [["render", Yp]]), jp = { class: "pivot-contai
             index: r
           }, () => [
             u("p", {
-              style: C({
+              style: $({
                 fontSize: `${t.fontSize}px`,
                 color: e.styles.container.color
               })
@@ -15984,23 +16009,23 @@ const Qp = {
     "progress-finished"
   ],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-ProgressBar", [
         e.$theme,
         t.loading.toString() != "true" ? "normal" : "",
         e.isDisabled ? "disabled" : ""
       ]]),
-      style: C({ background: t.background })
+      style: $({ background: t.background })
     }, [
-      (v(), $(te, null, ie(5, (n) => L(u("p", {
+      (v(), C(te, null, ie(5, (n) => L(u("p", {
         class: "unit",
-        style: C({ background: t.foreground }),
+        style: $({ background: t.foreground }),
         key: n
       }, null, 4), [
         [M, t.loading.toString() == "true"]
       ])), 64)),
       L(u("i", {
-        style: C({
+        style: $({
           width: (e.percent <= 100 ? e.percent : 100) + "%",
           background: t.foreground
         })
@@ -16048,11 +16073,11 @@ const tv = {
   }
 };
 function iv(t, i, e, s, n, r) {
-  return v(), $("div", {
+  return v(), C("div", {
     class: F(["fv-progressRing-legacy", e.size])
   }, [
-    (v(), $(te, null, ie(5, (o) => u("p", {
-      style: C(n.styles.p),
+    (v(), C(te, null, ie(5, (o) => u("p", {
+      style: $(n.styles.p),
       key: o
     }, null, 4)), 64))
   ], 2);
@@ -16149,11 +16174,11 @@ const Eo = /* @__PURE__ */ ce(tv, [["render", iv]]), sv = ["width", "height"], n
   },
   emits: ["update:modelValue"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-ProgressRing", [e.$theme]]),
-      style: C({ width: `${t.r * 2}px`, height: `${t.r * 2}px` })
+      style: $({ width: `${t.r * 2}px`, height: `${t.r * 2}px` })
     }, [
-      L((v(), $("svg", {
+      L((v(), C("svg", {
         width: `${t.r * 2}px`,
         height: `${t.r * 2}px`,
         class: "svg"
@@ -16180,7 +16205,7 @@ const Eo = /* @__PURE__ */ ce(tv, [["render", iv]]), sv = ["width", "height"], n
           fill: "none",
           "stroke-dashoffset": `${t.loading ? e.l - e.Loading.ratio / 100 * e.l : e.l - e.valueCache / 100 * e.l}px`,
           "stroke-dasharray": `${e.l}px`,
-          style: C({
+          style: $({
             transform: `rotate(${t.loading ? e.Loading.rotate : -90}deg)`
           })
         }, null, 12, rv)
@@ -16282,7 +16307,7 @@ const dv = ["src"], uv = {
   },
   emits: ["update:modelValue", "click", "actived"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-Radio", [
         e.$theme,
         { "with-icon": t.icon || t.image },
@@ -16290,7 +16315,7 @@ const dv = ["src"], uv = {
         { disabled: e.isDisabled }
       ]]),
       onClick: s[0] || (s[0] = (...n) => e.click && e.click(...n)),
-      style: C({
+      style: $({
         "border-color": e.isActived ? t.foreground : "",
         "border-radius": `${t.iconBlockBorderRadius}px`,
         "border-width": `${t.iconBlockBorderWidth}px`
@@ -16300,18 +16325,18 @@ const dv = ["src"], uv = {
         type: "radio",
         ref: "button",
         class: F(["fv-radio-button", [{ actived: e.isActived }, { disabled: e.isDisabled }]]),
-        style: C({
+        style: $({
           background: e.isActived ? t.foreground : ""
         })
       }, null, 6),
       u("label", {
         class: "fv-radio-label",
-        style: C({ color: t.color })
+        style: $({ color: t.color })
       }, [
-        t.image ? (v(), $("img", {
+        t.image ? (v(), C("img", {
           key: 0,
           src: e.isActived && t.activeImage ? t.activeImage : t.image
-        }, null, 8, dv)) : t.icon ? (v(), $("i", {
+        }, null, 8, dv)) : t.icon ? (v(), C("i", {
           key: 1,
           class: F(["with-icon ms-Icon", "ms-Icon--" + t.icon])
         }, null, 2)) : oe("", !0),
@@ -16360,10 +16385,10 @@ const fv = {
   }
 }, gv = { key: 0 };
 function pv(t, i, e, s, n, r) {
-  return v(), $("div", {
+  return v(), C("div", {
     class: F(["fv-RadioGroup", [r.$theme, { inline: e.inline }]])
   }, [
-    e.label ? (v(), $("label", gv, _(e.label), 1)) : oe("", !0),
+    e.label ? (v(), C("label", gv, _(e.label), 1)) : oe("", !0),
     N(t.$slots, "default")
   ], 2);
 }
@@ -16455,7 +16480,7 @@ const wv = { class: "fv-rating-container" }, yv = ["onMousemove", "onTouchmove",
         };
     }
   }
-}, Cv = Object.assign(kv, {
+}, $v = Object.assign(kv, {
   props: {
     ...Q,
     modelValue: {
@@ -16492,11 +16517,11 @@ const wv = { class: "fv-rating-container" }, yv = ["onMousemove", "onTouchmove",
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-RatingControl", [e.$theme]])
     }, [
       u("div", wv, [
-        (v(!0), $(te, null, ie(t.maxRate, (n, r) => (v(), $("div", {
+        (v(!0), C(te, null, ie(t.maxRate, (n, r) => (v(), C("div", {
           key: r,
           class: "fv-rating-unit",
           onMousemove: (o) => e.handlerHover(o, r),
@@ -16507,15 +16532,15 @@ const wv = { class: "fv-rating-container" }, yv = ["onMousemove", "onTouchmove",
         }, [
           u("i", {
             class: F(["ms-Icon background", [`ms-Icon--${t.defaultIcon}`]]),
-            style: C({ color: t.borderColor })
+            style: $({ color: t.borderColor })
           }, null, 6),
           L(u("div", {
             class: "fv-rating-mask",
-            style: C({ width: `${e.itemRatio(r)}%` })
+            style: $({ width: `${e.itemRatio(r)}%` })
           }, [
             u("i", {
               class: F(["ms-Icon foreground", [`ms-Icon--${t.selectedIcon}`]]),
-              style: C({ color: t.selectedColor })
+              style: $({ color: t.selectedColor })
             }, null, 6)
           ], 4), [
             [M, e.itemShow(r)]
@@ -16524,7 +16549,7 @@ const wv = { class: "fv-rating-container" }, yv = ["onMousemove", "onTouchmove",
       ])
     ], 2));
   }
-}), $v = Z(Cv);
+}), Cv = Z($v);
 const Sv = {
   name: "FvResizeWatcher",
   data() {
@@ -16631,7 +16656,7 @@ const Sv = {
   },
   emits: ["watch", "watch-resize", "watch-pos"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-ResizeWatcher", [e.$theme]])
     }, null, 2));
   }
@@ -16930,14 +16955,14 @@ const Tv = {
   },
   emits: ["click"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-RevealContainer", [e.$theme]]),
-      style: C({ "border-radius": `${e.computedBorderRadius}px` }),
+      style: $({ "border-radius": `${e.computedBorderRadius}px` }),
       onClick: s[0] || (s[0] = (n) => {
         n.preventDefault(), e.isDisabled || e.$emit("click", n);
       })
     }, [
-      L((v(), $("svg", Tv, [
+      L((v(), C("svg", Tv, [
         we(" > "),
         u("defs", null, [
           u("radialGradient", {
@@ -16949,13 +16974,13 @@ const Tv = {
             id: `backgroundG_${e.id}`,
             gradientTransform: e.borderMatrix
           }, [
-            t.backgroundGradientList.length == 0 ? (v(), $("stop", {
+            t.backgroundGradientList.length == 0 ? (v(), C("stop", {
               key: 0,
               offset: "0",
               "stop-color": t.backgroundColor
             }, null, 8, Ev)) : oe("", !0),
-            t.backgroundGradientList.length == 0 ? (v(), $("stop", Dv)) : oe("", !0),
-            (v(!0), $(te, null, ie(t.backgroundGradientList, (n, r) => (v(), $("stop", {
+            t.backgroundGradientList.length == 0 ? (v(), C("stop", Dv)) : oe("", !0),
+            (v(!0), C(te, null, ie(t.backgroundGradientList, (n, r) => (v(), C("stop", {
               offset: 1 / t.backgroundGradientList.length * r,
               "stop-color": n,
               key: `bg:${r}`
@@ -16970,13 +16995,13 @@ const Tv = {
             id: `borderG_${e.id}`,
             gradientTransform: e.borderMatrix
           }, [
-            t.borderGradientList.length == 0 ? (v(), $("stop", {
+            t.borderGradientList.length == 0 ? (v(), C("stop", {
               key: 0,
               offset: "0",
               "stop-color": t.borderColor
             }, null, 8, Fv)) : oe("", !0),
-            t.borderGradientList.length == 0 ? (v(), $("stop", Pv)) : oe("", !0),
-            (v(!0), $(te, null, ie(t.borderGradientList, (n, r) => (v(), $("stop", {
+            t.borderGradientList.length == 0 ? (v(), C("stop", Pv)) : oe("", !0),
+            (v(!0), C(te, null, ie(t.borderGradientList, (n, r) => (v(), C("stop", {
               offset: 1 / t.borderGradientList.length * r,
               "stop-color": n,
               key: `border:${r}`
@@ -17005,7 +17030,7 @@ const Tv = {
           y: t.borderWidth / 2,
           rx: e.computedBorderRadius,
           ry: e.computedBorderRadius,
-          style: C([{ "box-sizing": "border-box" }, {
+          style: $([{ "box-sizing": "border-box" }, {
             width: `${e.offset.right - e.offset.left - t.borderWidth}px`,
             height: `${e.offset.bottom - e.offset.top - t.borderWidth}px`,
             stroke: `url(#borderG_${e.id})`,
@@ -17018,7 +17043,7 @@ const Tv = {
           y: t.borderWidth / 2,
           rx: e.computedBorderRadius,
           ry: e.computedBorderRadius,
-          style: C([{ stroke: "transparent", "box-sizing": "border-box" }, {
+          style: $([{ stroke: "transparent", "box-sizing": "border-box" }, {
             width: `${e.offset.right - e.offset.left - t.borderWidth}px`,
             height: `${e.offset.bottom - e.offset.top - t.borderWidth}px`,
             fill: e.inside ? `url(#clickG_${e.id})` : "transparent",
@@ -17112,7 +17137,7 @@ const Yv = { class: "right-menu-list" }, jv = /* @__PURE__ */ u("span", null, [
       default: j(() => [
         L(u("div", {
           class: F(["fv-RightMenu", [n.$theme]]),
-          style: C({
+          style: $({
             left: n.posX + "px",
             top: n.posY + "px",
             width: t.rightMenuWidth + "px",
@@ -17188,12 +17213,12 @@ const Jv = { key: 0 }, Qv = /* @__PURE__ */ u("p", null, "Scroll Story", -1), Zv
   },
   emits: ["show-changed"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-ScrollStory", [e.$theme]])
     }, [
       A(me, { name: t.name }, {
         default: j(() => [
-          !t.trueRender || e.show ? L((v(), $("div", Jv, [
+          !t.trueRender || e.show ? L((v(), C("div", Jv, [
             N(e.$slots, "default", {}, () => [
               Qv
             ])
@@ -17461,7 +17486,7 @@ const i0 = { class: "search-box-placeholder" }, s0 = { class: "search-box-contai
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-reveal-container"), r = J("fv-list-view");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-SearchBox", [
           e.$theme,
           t.status,
@@ -17470,7 +17495,7 @@ const i0 = { class: "search-box-placeholder" }, s0 = { class: "search-box-contai
           e.isUnderline ? "underline" : "",
           { shadow: t.isBoxShadow }
         ]]),
-        style: C([{ background: t.background, borderRadius: `${t.borderRadius}px` }]),
+        style: $([{ background: t.background, borderRadius: `${t.borderRadius}px` }]),
         onKeydown: s[11] || (s[11] = (o) => e.show.searchResult = !0),
         onKeyup: s[12] || (s[12] = ss((...o) => e.onBackspace && e.onBackspace(...o), ["delete"])),
         onClick: s[13] || (s[13] = (o) => e.isFocus = !0)
@@ -17488,7 +17513,7 @@ const i0 = { class: "search-box-placeholder" }, s0 = { class: "search-box-contai
         }, null, 8, ["parent", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "disabled"]),
         u("div", {
           class: "search-box-wrapper-container",
-          style: C([
+          style: $([
             e.thisBorderColor,
             {
               background: t.background,
@@ -17523,7 +17548,7 @@ const i0 = { class: "search-box-placeholder" }, s0 = { class: "search-box-contai
               disabled: e.isDisabled,
               maxlength: t.maxlength,
               ref: "input",
-              style: C({
+              style: $({
                 "font-size": `${t.fontSize}px`,
                 "font-weight": t.fontWeight,
                 color: t.foreground,
@@ -17635,13 +17660,13 @@ const d0 = /* @__PURE__ */ u("div", {
     ...Q
   },
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-Shimmer", [e.$theme]])
     }, [
       u("div", {
         class: "shimmer-container",
         ref: "shimmer",
-        style: C({
+        style: $({
           "background-image": `radial-gradient(circle ${e.gradientSize}px at ${e.x}px ${e.y}px, ${e.backgroundLightColor}, rgba(255,255,255,0))`
         })
       }, [
@@ -17841,21 +17866,21 @@ const f0 = ["title"], m0 = { class: "fv-slider-unit-container" }, g0 = {
     }
   },
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-Slider", [e.$theme, { vertical: t.vertical }]]),
       ref: "slider"
     }, [
       u("div", {
         class: "fv-slider-main",
         ref: "bar",
-        style: C({
+        style: $({
           background: e.progress >= 100 ? t.color : t.background ? t.background : ""
         })
       }, [
         u("div", {
           ref: "btn",
           class: "fv-slider-ring-container",
-          style: C({
+          style: $({
             left: e.finalLeft + "px",
             top: e.finalTop + "px",
             background: t.iconWrapperBackground
@@ -17867,12 +17892,12 @@ const f0 = ["title"], m0 = { class: "fv-slider-unit-container" }, g0 = {
         }, [
           u("i", {
             class: F(["ms-Icon fv-slider-ring-icon", [`ms-Icon--${t.icon}`]]),
-            style: C({ color: t.color })
+            style: $({ color: t.color })
           }, null, 6)
         ], 36),
         u("div", {
           class: "fv-slider-loaded",
-          style: C({
+          style: $({
             width: t.vertical ? "" : e.finalLeft + e.btnEl.width / 2 + "px",
             height: t.vertical ? e.finalTop + e.btnEl.height / 2 + "px" : "",
             background: t.color
@@ -17881,7 +17906,7 @@ const f0 = ["title"], m0 = { class: "fv-slider-unit-container" }, g0 = {
         L(u("div", {
           class: "fv-slider-label",
           title: e.progress,
-          style: C({
+          style: $({
             left: t.vertical ? "" : e.finalLeft - 20 + e.btnEl.width / 2 + "px",
             top: t.vertical ? e.finalTop - 14 + e.btnEl.height / 2 + "px" : ""
           })
@@ -17893,18 +17918,18 @@ const f0 = ["title"], m0 = { class: "fv-slider-unit-container" }, g0 = {
           [M, e.isShowLabel && e.moveable]
         ]),
         u("div", m0, [
-          (v(!0), $(te, null, ie(e.scaleList, (n, r) => (v(), $("i", {
+          (v(!0), C(te, null, ie(e.scaleList, (n, r) => (v(), C("i", {
             key: `top: ${r}`,
             class: "fv-slider-unit-item first",
-            style: C({
+            style: $({
               left: t.vertical ? "" : `calc(${n.ratio * (e.barEl.width - e.btnEl.width) + e.btnEl.width / 2}px)`,
               top: t.vertical ? `calc(${n.ratio * (e.barEl.height - e.btnEl.height) + e.btnEl.height / 2}px)` : ""
             })
           }, null, 4))), 128)),
-          (v(!0), $(te, null, ie(e.scaleList, (n, r) => (v(), $("i", {
+          (v(!0), C(te, null, ie(e.scaleList, (n, r) => (v(), C("i", {
             key: `bottom: ${r}`,
             class: "fv-slider-unit-item second",
-            style: C({
+            style: $({
               left: t.vertical ? "" : `calc(${n.ratio * (e.barEl.width - e.btnEl.width) + e.btnEl.width / 2}px)`,
               top: t.vertical ? `calc(${n.ratio * (e.barEl.height - e.btnEl.height) + e.btnEl.height / 2}px)` : ""
             })
@@ -17920,7 +17945,7 @@ const b0 = {
 }, w0 = {
   class: "swiper-wrapper",
   ref: "wrapper"
-}, y0 = { class: "fv-SwipeControl-left swiper-slide" }, k0 = ["onClick"], C0 = { class: "fv-SwipeControl-right swiper-slide" }, $0 = ["onClick"], S0 = {
+}, y0 = { class: "fv-SwipeControl-left swiper-slide" }, k0 = ["onClick"], $0 = { class: "fv-SwipeControl-right swiper-slide" }, C0 = ["onClick"], S0 = {
   name: "FvSwipeControl",
   data() {
     return {
@@ -17967,7 +17992,7 @@ const b0 = {
   },
   methods: {
     init() {
-      this.swiper = new $e(this.$refs.container, {
+      this.swiper = new Ce(this.$refs.container, {
         initialSlide: 1,
         slidesPerView: 1,
         longSwipesRatio: 2,
@@ -18063,23 +18088,23 @@ const b0 = {
   },
   emits: ["status-change"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-SwipeControl", [e.$theme]])
     }, [
       u("div", b0, [
         u("div", w0, [
           u("div", y0, [
-            (v(!0), $(te, null, ie(t.leftOptions, (n, r) => (v(), $("div", {
+            (v(!0), C(te, null, ie(t.leftOptions, (n, r) => (v(), C("div", {
               class: F(["fv-SwipeControl-btn", [e.valueTrigger(n.type)]]),
               key: r,
-              style: C({
+              style: $({
                 width: r === t.leftOptions.length - 1 ? "" : `${e.opWidth / t.leftOptions.length}px`
               }),
               onClick: (o) => e.callFunc(n)
             }, [
               u("div", {
                 class: "fv-SwipeControl-btn-content-block",
-                style: C({
+                style: $({
                   width: `${e.opWidth / t.leftOptions.length}px`
                 })
               }, [
@@ -18096,24 +18121,24 @@ const b0 = {
           ]),
           u("div", {
             class: "fv-SwipeControl-main swiper-slide",
-            style: C({ padding: t.itemPadding })
+            style: $({ padding: t.itemPadding })
           }, [
             N(e.$slots, "default", {}, () => [
               we(" Swipe Control ")
             ])
           ], 4),
-          u("div", C0, [
-            (v(!0), $(te, null, ie(e.thisOptions, (n, r) => (v(), $("div", {
+          u("div", $0, [
+            (v(!0), C(te, null, ie(e.thisOptions, (n, r) => (v(), C("div", {
               class: F(["fv-SwipeControl-btn", [e.valueTrigger(n.type)]]),
               key: r,
-              style: C({
+              style: $({
                 width: r === e.thisOptions.length - 1 ? "" : `${e.opWidth / e.thisOptions.length}px`
               }),
               onClick: (o) => e.callFunc(n)
             }, [
               u("div", {
                 class: "fv-SwipeControl-btn-content-block",
-                style: C({
+                style: $({
                   width: `${e.opWidth / e.thisOptions.length}px`
                 })
               }, [
@@ -18126,7 +18151,7 @@ const b0 = {
                   [M, e.valueTrigger(n.text)]
                 ])
               ], 4)
-            ], 14, $0))), 128))
+            ], 14, C0))), 128))
           ])
         ], 512)
       ], 512)
@@ -18259,7 +18284,7 @@ const T0 = {
 }, I0 = ["draggable"], E0 = { class: "fv-tableview-quick-tool" };
 function D0(t, i, e, s, n, r) {
   const o = J("fv-check-box");
-  return v(), $("div", {
+  return v(), C("div", {
     class: F(["fv-tableview-data-row", [{ choosen: e.row.choosen }]]),
     draggable: n.dragDown,
     onDragover: i[6] || (i[6] = (...a) => r.dragOver && r.dragOver(...a)),
@@ -18282,11 +18307,11 @@ function D0(t, i, e, s, n, r) {
     ]),
     u("p", {
       class: F(["onDrop", [{ show: n.dropMode }]]),
-      style: C({ background: n.dropMode ? e.foreground : "" })
+      style: $({ background: n.dropMode ? e.foreground : "" })
     }, null, 6),
     u("div", {
       class: "fv-tableview-cell-item check-box",
-      style: C([r.computedRowStyles])
+      style: $([r.computedRowStyles])
     }, [
       A(o, {
         modelValue: e.row.choosen,
@@ -18295,7 +18320,7 @@ function D0(t, i, e, s, n, r) {
         theme: e.theme
       }, null, 8, ["modelValue", "background", "theme"])
     ], 4),
-    (v(!0), $(te, null, ie(e.modelValue.heads, (a, l) => L((v(), re(Jn(r.computedCellComponent(a.type)), {
+    (v(!0), C(te, null, ie(e.modelValue.heads, (a, l) => L((v(), re(Jn(r.computedCellComponent(a.type)), {
       modelValue: e.row,
       head: a,
       key: l,
@@ -18307,7 +18332,7 @@ function D0(t, i, e, s, n, r) {
       fixedLeftWidth: r.fixedLeftWidth[l],
       fixedRightWidth: r.fixedRightWidth[l],
       theme: e.theme,
-      style: C([r.computedRowStyles]),
+      style: $([r.computedRowStyles]),
       onDropItem: i[4] || (i[4] = (d) => t.$emit("drop-item", d)),
       onSetSelect: i[5] || (i[5] = (d) => t.$emit("set-select", d))
     }, null, 40, ["modelValue", "head", "i18n", "selectPos", "foreground", "row_index", "col_index", "fixedLeftWidth", "fixedRightWidth", "theme", "style"])), [
@@ -18315,7 +18340,7 @@ function D0(t, i, e, s, n, r) {
     ])), 128)),
     u("div", {
       class: "fv-tableview-cell-item op-tools",
-      style: C([r.computedRowStyles])
+      style: $([r.computedRowStyles])
     }, null, 4)
   ], 42, I0);
 }
@@ -18359,7 +18384,7 @@ const Do = /* @__PURE__ */ ce(T0, [["render", D0]]), L0 = {
 ], -1);
 function B0(t, i, e, s, n, r) {
   const o = J("fv-text-box");
-  return v(), $("div", M0, [
+  return v(), C("div", M0, [
     u("div", {
       class: "addmenu-title-block",
       onClick: i[0] || (i[0] = (a) => a.stopPropagation())
@@ -18383,7 +18408,7 @@ function B0(t, i, e, s, n, r) {
         style: { width: "100%", height: "35px", "margin-bottom": "5px" }
       }, null, 8, ["modelValue", "placeholder", "theme", "background", "focus-border-color"])
     ]),
-    (v(!0), $(te, null, ie(e.extensions, (a, l) => L((v(), $("span", {
+    (v(!0), C(te, null, ie(e.extensions, (a, l) => L((v(), C("span", {
       key: l,
       ref_for: !0,
       ref: `item-${l}`,
@@ -18490,9 +18515,9 @@ const Lo = /* @__PURE__ */ ce(L0, [["render", B0]]), O0 = {
   }
 }, A0 = { class: "fv-tableview-addmenu" }, _0 = { class: "addmenu-title-block" }, z0 = ["draggable", "onDragover", "onDrop", "onDragstart"], W0 = { class: "addmenu-left-block" }, N0 = { class: "addmenu-right-block" }, H0 = ["onClick"], G0 = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--ChevronRight" }, null, -1), U0 = /* @__PURE__ */ u("hr", null, null, -1), Y0 = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Add" }, null, -1);
 function j0(t, i, e, s, n, r) {
-  return v(), $("div", A0, [
+  return v(), C("div", A0, [
     u("div", _0, _(e.i18n("Properties")), 1),
-    (v(!0), $(te, null, ie(e.heads, (o, a) => (v(), $("span", {
+    (v(!0), C(te, null, ie(e.heads, (o, a) => (v(), C("span", {
       key: a,
       ref_for: !0,
       ref: `item-${a}`,
@@ -18506,7 +18531,7 @@ function j0(t, i, e, s, n, r) {
     }, [
       u("i", {
         class: "onDrop",
-        style: C({ background: n.dropHead === o ? r.dropBackground : "" })
+        style: $({ background: n.dropHead === o ? r.dropBackground : "" })
       }, null, 4),
       u("div", W0, [
         u("i", {
@@ -18590,7 +18615,7 @@ const Mo = /* @__PURE__ */ ce(O0, [["render", j0]]), X0 = {
   q0
 ];
 function J0(t, i, e, s, n, r) {
-  return v(), $("div", {
+  return v(), C("div", {
     class: "fv-tableview-spliter",
     onMousedown: i[0] || (i[0] = (...o) => r.forward && r.forward(...o)),
     onMouseup: i[1] || (i[1] = (...o) => r.stop && r.stop(...o)),
@@ -18631,7 +18656,7 @@ const Fo = /* @__PURE__ */ ce(X0, [["render", J0]]), Q0 = {
 };
 function Z0(t, i, e, s, n, r) {
   const o = J("fv-Affix");
-  return L((v(), $("div", {
+  return L((v(), C("div", {
     draggable: "false",
     class: "fv-tableview-edit-wrapper-background",
     onClick: i[1] || (i[1] = (a) => {
@@ -18651,7 +18676,7 @@ function Z0(t, i, e, s, n, r) {
             L(u("div", {
               draggable: "false",
               class: "fv-tableview-edit-wrapper-container",
-              style: C({ width: e.wrapperWidth }),
+              style: $({ width: e.wrapperWidth }),
               onClick: i[0] || (i[0] = (a) => a.stopPropagation())
             }, [
               N(t.$slots, "default")
@@ -18677,7 +18702,7 @@ const ds = /* @__PURE__ */ ce(Q0, [["render", Z0]]), eb = { style: { "margin-lef
 }, ab = /* @__PURE__ */ u("hr", null, null, -1), lb = { class: "fv-tableview-default-edittool-row lighter" }, db = /* @__PURE__ */ u("i", { class: "row-icon ms-Icon ms-Icon--Ascending" }, null, -1), ub = { class: "row-title" }, hb = { class: "fv-tableview-default-edittool-row lighter" }, cb = /* @__PURE__ */ u("i", { class: "row-icon ms-Icon ms-Icon--Descending" }, null, -1), fb = { class: "row-title" }, mb = { class: "fv-tableview-default-edittool-row lighter" }, gb = /* @__PURE__ */ u("i", { class: "row-icon ms-Icon ms-Icon--Filter" }, null, -1), pb = { class: "row-title" }, vb = /* @__PURE__ */ u("hr", null, null, -1), bb = /* @__PURE__ */ u("i", { class: "row-icon ms-Icon ms-Icon--Hide" }, null, -1), wb = { class: "row-title" }, yb = { class: "row-title" }, kb = {
   class: "fv-tableview-default-edittool-row",
   style: { "margin-bottom": "10px" }
-}, Cb = { class: "row-title" }, $b = /* @__PURE__ */ u("i", { class: "row-icon ms-Icon ms-Icon--Copy" }, null, -1), Sb = { class: "row-title" }, xb = /* @__PURE__ */ u("i", { class: "row-icon ms-Icon ms-Icon--Delete" }, null, -1), Vb = { class: "row-title" }, Tb = /* @__PURE__ */ u("hr", null, null, -1), Ib = {
+}, $b = { class: "row-title" }, Cb = /* @__PURE__ */ u("i", { class: "row-icon ms-Icon ms-Icon--Copy" }, null, -1), Sb = { class: "row-title" }, xb = /* @__PURE__ */ u("i", { class: "row-icon ms-Icon ms-Icon--Delete" }, null, -1), Vb = { class: "row-title" }, Tb = /* @__PURE__ */ u("hr", null, null, -1), Ib = {
   class: "fv-tableview-default-edittool-row",
   style: { "margin-bottom": "10px" }
 }, Eb = { class: "row-title" }, Db = {
@@ -18835,13 +18860,13 @@ const ds = /* @__PURE__ */ ce(Q0, [["render", Z0]]), eb = { style: { "margin-lef
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-text-box"), r = J("fv-toggle-switch");
-      return t.modelValue.__guid ? (v(), $("div", {
+      return t.modelValue.__guid ? (v(), C("div", {
         key: 0,
         class: F(["fv-tableview-head-item", [{ onDrop: e.dropMode, fixed: t.modelValue.fixed }]]),
         onDragover: s[16] || (s[16] = (...o) => e.dragOver && e.dragOver(...o)),
         onDragleave: s[17] || (s[17] = (...o) => e.dragLeave && e.dragLeave(...o)),
         onDrop: s[18] || (s[18] = (...o) => e.dropItem && e.dropItem(...o)),
-        style: C({
+        style: $({
           left: t.modelValue.fixed && !t.modelValue.fixedSide ? t.fixedLeftWidth + "px" : "",
           right: t.modelValue.fixed && t.modelValue.fixedSide ? t.fixedRightWidth + "px" : "",
           width: t.modelValue.width + "px",
@@ -18957,7 +18982,7 @@ const ds = /* @__PURE__ */ ce(Q0, [["render", Z0]]), eb = { style: { "margin-lef
                 u("p", yb, _(t.modelValue.fixed ? t.i18n("Unfixed Column") : t.i18n("Fixed Column")), 1)
               ]),
               L(u("div", kb, [
-                u("p", Cb, _(t.i18n("Fixed Side")), 1),
+                u("p", $b, _(t.i18n("Fixed Side")), 1),
                 A(r, {
                   modelValue: t.modelValue.fixedSide,
                   "onUpdate:modelValue": s[11] || (s[11] = (o) => t.modelValue.fixedSide = o),
@@ -18977,7 +19002,7 @@ const ds = /* @__PURE__ */ ce(Q0, [["render", Z0]]), eb = { style: { "margin-lef
                   e.show.edit = !1, e.$emit("duplicate-column", t.index);
                 })
               }, [
-                $b,
+                Cb,
                 u("p", Sb, _(t.i18n("Duplicate Column")), 1)
               ]),
               u("div", {
@@ -19145,7 +19170,7 @@ const ds = /* @__PURE__ */ ce(Q0, [["render", Z0]]), eb = { style: { "margin-lef
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-text-box");
-      return t.head.__guid ? (v(), $("div", {
+      return t.head.__guid ? (v(), C("div", {
         key: 0,
         class: F(["fv-tableview-cell-item", [
           {
@@ -19155,7 +19180,7 @@ const ds = /* @__PURE__ */ ce(Q0, [["render", Z0]]), eb = { style: { "margin-lef
             "first-selected": e.isFirstSelected
           }
         ]]),
-        style: C({
+        style: $({
           left: t.head.fixed && !t.head.fixedSide ? t.fixedLeftWidth + "px" : "",
           right: t.head.fixed && t.head.fixedSide ? t.fixedRightWidth + "px" : "",
           width: t.head.width + "px",
@@ -19176,7 +19201,7 @@ const ds = /* @__PURE__ */ ce(Q0, [["render", Z0]]), eb = { style: { "margin-lef
         ], 32),
         L(u("p", {
           class: "fv-tableview-cell-sync-btn",
-          style: C({ "border-color": e.outlineColor }),
+          style: $({ "border-color": e.outlineColor }),
           onMousedown: s[3] || (s[3] = (r) => e.mouseFunc(r, "sync-down"))
         }, null, 36), [
           [M, e.isFirstSelected]
@@ -19554,10 +19579,10 @@ function Kb(t, i, e, s, n, r) {
       u("div", Ab, [
         u("span", _b, _(e.i18n("Show as")), 1),
         u("div", zb, [
-          (v(!0), $(te, null, ie(n.showAsList, (h, c) => (v(), $("div", {
+          (v(!0), C(te, null, ie(n.showAsList, (h, c) => (v(), C("div", {
             key: c,
             class: "hor-item",
-            style: C({
+            style: $({
               color: e.modelValue.showAs === h.key ? e.foreground : "",
               "border-color": e.modelValue.showAs === h.key ? e.foreground : "",
               "border-width": e.modelValue.showAs === h.key ? "2px" : ""
@@ -19583,7 +19608,7 @@ function Kb(t, i, e, s, n, r) {
               options: j((h) => [
                 u("i", {
                   class: "color-block",
-                  style: C([{ background: h.option.color }, { "flex-shrink": "0" }])
+                  style: $([{ background: h.option.color }, { "flex-shrink": "0" }])
                 }, null, 4),
                 u("p", Ub, _(e.i18n(r.getColorName(h.option.name))), 1)
               ]),
@@ -19591,7 +19616,7 @@ function Kb(t, i, e, s, n, r) {
                 u("div", Yb, [
                   u("i", {
                     class: "color-block",
-                    style: C({
+                    style: $({
                       background: h.value.length > 0 ? h.value[0].color : ""
                     })
                   }, null, 4),
@@ -20434,12 +20459,12 @@ const mw = /* @__PURE__ */ ce(ow, [["render", fw]]), gw = {
 }, ww = { class: "fv-tableview-default-edittool-row" }, yw = {
   class: "fv-tableview-default-edittool-row",
   style: { "margin-bottom": "10px" }
-}, kw = /* @__PURE__ */ u("hr", null, null, -1), Cw = {
+}, kw = /* @__PURE__ */ u("hr", null, null, -1), $w = {
   key: 1,
   class: "fv-tableview-default-edittool-row",
   style: { "margin-bottom": "10px" }
 };
-function $w(t, i, e, s, n, r) {
+function Cw(t, i, e, s, n, r) {
   const o = J("fv-text-box"), a = J("fv-calendar-view"), l = J("fv-time-picker"), d = J("fv-toggle-switch"), h = J("fv-table-view-cell-base");
   return v(), re(h, {
     modelValue: e.modelValue,
@@ -20578,7 +20603,7 @@ function $w(t, i, e, s, n, r) {
         [M, e.head.showEndDate && e.head.timeFormat !== "hidden"]
       ]),
       kw,
-      e.modelValue[e.head.key] && e.head.showEndDate !== void 0 ? (v(), $("div", Cw, [
+      e.modelValue[e.head.key] && e.head.showEndDate !== void 0 ? (v(), C("div", $w, [
         u("span", null, _(e.i18n("End Date")), 1),
         A(d, {
           modelValue: e.head.showEndDate,
@@ -20595,7 +20620,7 @@ function $w(t, i, e, s, n, r) {
     _: 1
   }, 8, ["modelValue", "head", "i18n", "selectPos", "foreground", "row_index", "col_index", "fixedLeftWidth", "fixedRightWidth", "theme", "formatFunction"]);
 }
-const Sw = /* @__PURE__ */ ce(gw, [["render", $w]]), xw = {
+const Sw = /* @__PURE__ */ ce(gw, [["render", Cw]]), xw = {
   name: "Date",
   type: "date",
   icon: "Calendar",
@@ -21066,13 +21091,13 @@ const Mw = /* @__PURE__ */ ce(Ew, [["render", Lw]]), Fw = {
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-check-box"), r = J("fv-right-menu");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-TableView", [e.$theme]])
       }, [
         u("div", Pw, [
           u("div", {
             class: "fv-tableview-head-row",
-            style: C({ width: e.sumWidth + "px" })
+            style: $({ width: e.sumWidth + "px" })
           }, [
             u("div", Rw, [
               A(n, {
@@ -21082,7 +21107,7 @@ const Mw = /* @__PURE__ */ ce(Ew, [["render", Lw]]), Fw = {
                 onClick: e.chooseAll
               }, null, 8, ["modelValue", "background", "theme", "onClick"])
             ]),
-            (v(!0), $(te, null, ie(t.modelValue.heads, (o, a) => L((v(), re(Jn(e.computedHeadComponent(o.type)), {
+            (v(!0), C(te, null, ie(t.modelValue.heads, (o, a) => L((v(), re(Jn(e.computedHeadComponent(o.type)), {
               modelValue: o,
               key: a,
               index: a,
@@ -21112,7 +21137,7 @@ const Mw = /* @__PURE__ */ ce(Ew, [["render", Lw]]), Fw = {
               })
             ])
           ], 4),
-          (v(!0), $(te, null, ie(t.modelValue.rows, (o, a) => (v(), re(Do, {
+          (v(!0), C(te, null, ie(t.modelValue.rows, (o, a) => (v(), re(Do, {
             key: a,
             modelValue: t.modelValue,
             row: o,
@@ -21123,7 +21148,7 @@ const Mw = /* @__PURE__ */ ce(Ew, [["render", Lw]]), Fw = {
             theme: e.$theme,
             extensions: e.thisExtensions,
             dragItem: e.drag.rowItem,
-            style: C({ width: e.sumWidth + "px" }),
+            style: $({ width: e.sumWidth + "px" }),
             onUpdateDragItem: s[3] || (s[3] = (l) => e.drag.rowItem = l),
             onDropItem: (l) => e.swapRow(l.drag, o),
             onAddRow: (l) => e.addRow(a),
@@ -21132,7 +21157,7 @@ const Mw = /* @__PURE__ */ ce(Ew, [["render", Lw]]), Fw = {
           }, null, 8, ["modelValue", "row", "row_index", "i18n", "selectPos", "foreground", "theme", "extensions", "dragItem", "style", "onDropItem", "onAddRow", "onSetSelect", "onRightclick"]))), 128)),
           u("div", {
             class: "fv-tableview-data-row newline",
-            style: C({ width: e.sumWidth + "px" }),
+            style: $({ width: e.sumWidth + "px" }),
             onClick: s[4] || (s[4] = (o) => e.addRow())
           }, [
             Ow,
@@ -21317,17 +21342,17 @@ const Yw = ["onClick"], jw = { class: "fv-tag-default-content" }, Xw = { class:
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-text-box");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-Tag", [e.$theme]])
       }, [
-        (v(!0), $(te, null, ie(e.thisValue, (r, o) => (v(), $("div", {
+        (v(!0), C(te, null, ie(e.thisValue, (r, o) => (v(), C("div", {
           key: o,
           class: F(["fv-tag-item", [
             r.type ? r.type : "",
             t.size,
             { disabled: r.disabled }
           ]]),
-          style: C({
+          style: $({
             background: r.background ? e.getColor(r.background).background : "",
             borderColor: r.background ? e.getColor(r.background).borderColor : "",
             color: r.background ? e.getColor(r.background).color : ""
@@ -21336,7 +21361,7 @@ const Yw = ["onClick"], jw = { class: "fv-tag-default-content" }, Xw = { class:
         }, [
           u("span", {
             class: "fv-tag-content",
-            style: C({ "font-size": t.fontSize + "px" })
+            style: $({ "font-size": t.fontSize + "px" })
           }, [
             N(e.$slots, "default", {}, () => [
               u("p", jw, _(r.text), 1)
@@ -21354,7 +21379,7 @@ const Yw = ["onClick"], jw = { class: "fv-tag-default-content" }, Xw = { class:
         L(u("div", {
           ref: "add",
           class: F(["fv-tag-item controller", [t.size]]),
-          style: C({
+          style: $({
             background: t.newTagBackground ? e.getColor(t.newTagBackground).background : "",
             borderColor: t.newTagBackground ? e.getColor(t.newTagBackground).borderColor : "",
             color: t.newTagBackground ? e.getColor(t.newTagBackground).color : ""
@@ -21589,7 +21614,7 @@ const ny = {
   }
 }, ry = { class: "text-box-container internal" }, oy = ["inputmode", "type", "readonly", "disabled"];
 function ay(t, i, e, s, n, r) {
-  return v(), $("div", ry, [
+  return v(), C("div", ry, [
     u("input", {
       inputmode: e.inputmode,
       type: e.type,
@@ -21597,7 +21622,7 @@ function ay(t, i, e, s, n, r) {
       readonly: r.isReadOnly,
       disabled: r.isDisabled,
       ref: "input",
-      style: C({
+      style: $({
         "font-size": `${e.fontSize}px`,
         "font-weight": e.fontWeight,
         color: e.foreground,
@@ -21745,8 +21770,8 @@ const ly = /* @__PURE__ */ ce(ny, [["render", ay]]), dy = {
 }, uy = { class: "text-box-container" }, hy = ["inputmode", "type", "placeholder", "readonly", "disabled", "maxlength"];
 function cy(t, i, e, s, n, r) {
   const o = J("mask-input");
-  return v(), $("div", uy, [
-    e.mode == "default" ? L((v(), $("input", {
+  return v(), C("div", uy, [
+    e.mode == "default" ? L((v(), C("input", {
       key: 0,
       "onUpdate:modelValue": i[0] || (i[0] = (a) => n.thisValue = a),
       inputmode: e.inputmode,
@@ -21757,7 +21782,7 @@ function cy(t, i, e, s, n, r) {
       disabled: r.isDisabled,
       maxlength: e.maxlength,
       ref: "input",
-      style: C({
+      style: $({
         "font-size": `${e.fontSize}px`,
         "font-weight": e.fontWeight,
         color: e.foreground,
@@ -21976,7 +22001,7 @@ const Bo = /* @__PURE__ */ ce(dy, [["render", cy]]), fy = { class: "fix-block" }
       }
     }), (r, o) => {
       const a = J("fv-reveal-container");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-TextBox", [
           r.$theme,
           t.status,
@@ -21985,7 +22010,7 @@ const Bo = /* @__PURE__ */ ce(dy, [["render", cy]]), fy = { class: "fix-block" }
           r.isUnderline ? "underline" : "",
           { shadow: t.isBoxShadow }
         ]]),
-        style: C([{ background: t.background, borderRadius: `${t.borderRadius}px` }]),
+        style: $([{ background: t.background, borderRadius: `${t.borderRadius}px` }]),
         onClick: o[8] || (o[8] = (l) => {
           r.isFocus = !0, r.$emit("click", l);
         })
@@ -22003,7 +22028,7 @@ const Bo = /* @__PURE__ */ ce(dy, [["render", cy]]), fy = { class: "fix-block" }
         }, null, 8, ["parent", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "disabled"]),
         u("div", {
           class: "fv-text-box-wrapper-container",
-          style: C({
+          style: $({
             borderWidth: `${t.borderWidth}px`,
             borderColor: r.isFocus ? t.focusBorderColor : t.borderColor,
             borderRadius: `${t.borderRadius}px`
@@ -22016,7 +22041,7 @@ const Bo = /* @__PURE__ */ ce(dy, [["render", cy]]), fy = { class: "fix-block" }
           ]),
           L(u("i", {
             class: F(["ms-Icon icon-block", [`ms-Icon--${t.leftIcon}`]]),
-            style: C({ color: t.iconForeground }),
+            style: $({ color: t.iconForeground }),
             onClick: o[0] || (o[0] = (l) => r.$emit("left-icon-click", l))
           }, null, 6), [
             [M, t.leftIcon != ""]
@@ -22051,7 +22076,7 @@ const Bo = /* @__PURE__ */ ce(dy, [["render", cy]]), fy = { class: "fix-block" }
           }, null, 8, ["modelValue", "mode", "inputmode", "type", "placeholder", "mask", "flag", "pattern", "inputRules", "readonly", "maxlength", "disabled", "fontSize", "fontWeight", "foreground", "textAlign", "cursor", "focus"]),
           L(u("i", {
             class: F(["ms-Icon icon-block", [`ms-Icon--${t.icon}`]]),
-            style: C({ color: t.iconForeground }),
+            style: $({ color: t.iconForeground }),
             onClick: o[7] || (o[7] = (l) => r.$emit("icon-click", l))
           }, null, 6), [
             [M, t.icon != ""]
@@ -22185,7 +22210,7 @@ const by = ["placeholder", "readonly", "disabled", "maxlength"], wy = {
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-reveal-container");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-TextField", [
           e.$theme,
           t.status,
@@ -22194,7 +22219,7 @@ const by = ["placeholder", "readonly", "disabled", "maxlength"], wy = {
           { underline: e.isUnderline },
           { shadow: t.isBoxShadow }
         ]]),
-        style: C([{ background: t.background, borderRadius: `${t.borderRadius}px` }])
+        style: $([{ background: t.background, borderRadius: `${t.borderRadius}px` }])
       }, [
         A(n, {
           parent: () => e.$el,
@@ -22209,7 +22234,7 @@ const by = ["placeholder", "readonly", "disabled", "maxlength"], wy = {
         }, null, 8, ["parent", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "disabled"]),
         u("div", {
           class: "text-field-wrapper-container",
-          style: C({
+          style: $({
             borderWidth: `${t.borderWidth}px`,
             borderColor: e.isFocus ? t.focusBorderColor : t.borderColor,
             borderRadius: `${t.borderRadius}px`
@@ -22222,7 +22247,7 @@ const by = ["placeholder", "readonly", "disabled", "maxlength"], wy = {
             readonly: e.isReadOnly,
             disabled: e.isDisabled,
             maxlength: t.maxlength,
-            style: C({
+            style: $({
               "font-size": `${t.fontSize}px`,
               "font-weight": t.fontWeight,
               color: t.foreground,
@@ -22242,7 +22267,7 @@ const by = ["placeholder", "readonly", "disabled", "maxlength"], wy = {
     };
   }
 }), ky = Z(yy);
-const Cy = ["value"], $y = ["value"], Sy = ["value"], xy = { class: "fv-time-picker-options-body" }, Vy = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--CaretUpSolid8" }, null, -1), Ty = [
+const $y = ["value"], Cy = ["value"], Sy = ["value"], xy = { class: "fv-time-picker-options-body" }, Vy = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--CaretUpSolid8" }, null, -1), Ty = [
   Vy
 ], Iy = {
   class: "fv-time-picker-options-body-items swiper",
@@ -22270,7 +22295,7 @@ const Cy = ["value"], $y = ["value"], Sy = ["value"], xy = { class: "fv-time-pic
 ], Jy = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Cancel" }, null, -1), Qy = [
   Jy
 ];
-$e.use([yo]);
+Ce.use([yo]);
 const Zy = {
   name: "FvTimePicker",
   data() {
@@ -22356,7 +22381,7 @@ const Zy = {
           }
         }
       };
-      this.hourSwiper = new $e(this.$refs.hour, {
+      this.hourSwiper = new Ce(this.$refs.hour, {
         ...t,
         initialSlide: this.timeType == 12 ? this.decodeTime(0) - 1 : this.decodeTime(0),
         freeMode: {
@@ -22369,12 +22394,12 @@ const Zy = {
                 ${this.showItem(i)}
               </div>`
         }
-      }), this.minuteSwiper = new $e(this.$refs.minute, {
+      }), this.minuteSwiper = new Ce(this.$refs.minute, {
         ...t,
         initialSlide: this.decodeTime(1),
         loop: !0,
         loopAdditionalSlides: this.minuteList.length
-      }), this.periodSwiper = new $e(this.$refs.period, {
+      }), this.periodSwiper = new Ce(this.$refs.period, {
         ...t,
         initialSlide: this.decodeTime(2),
         mousewheel: {
@@ -22483,30 +22508,30 @@ const Zy = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-TimePicker", [e.$theme, { disabled: t.disabled }]]),
-      style: C({ "--hover-color": t.hoverColor })
+      style: $({ "--hover-color": t.hoverColor })
     }, [
       u("div", {
         class: "fv-time-picker-input",
-        style: C({ background: t.inputBackground }),
+        style: $({ background: t.inputBackground }),
         onClick: s[0] || (s[0] = (n) => e.focus())
       }, [
         u("input", {
           value: e.showTime(0),
           readonly: "",
           class: "fv-time-picker-input-item"
-        }, null, 8, Cy),
+        }, null, 8, $y),
         u("input", {
           value: e.showTime(1),
           readonly: "",
           class: "fv-time-picker-input-item",
-          style: C({ borderColor: t.innerBorderColor })
-        }, null, 12, $y),
+          style: $({ borderColor: t.innerBorderColor })
+        }, null, 12, Cy),
         L(u("input", {
           value: t.period[e.decodeTime(2)],
           readonly: "",
-          style: C({ borderColor: t.innerBorderColor }),
+          style: $({ borderColor: t.innerBorderColor }),
           class: "fv-time-picker-input-item"
         }, null, 12, Sy), [
           [M, t.timeType == 12]
@@ -22516,63 +22541,63 @@ const Zy = {
         default: j(() => [
           L(u("div", {
             class: "fv-time-picker-options",
-            style: C({ background: t.optionBackground })
+            style: $({ background: t.optionBackground })
           }, [
             u("div", xy, [
               u("div", {
                 class: "fv-time-picker-options-body-mask",
-                style: C({ background: t.selectedBackground })
+                style: $({ background: t.selectedBackground })
               }, null, 4),
               u("div", {
                 class: "fv-time-picker-options-body-col",
-                style: C({ borderColor: t.innerBorderColor })
+                style: $({ borderColor: t.innerBorderColor })
               }, [
                 u("div", {
                   class: "fv-time-picker-options-body-col-up",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[1] || (s[1] = (n) => e.hourSwiper.slidePrev())
                 }, Ty, 4),
                 u("div", Iy, Dy, 512),
                 u("div", {
                   class: "fv-time-picker-options-body-col-down",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[2] || (s[2] = (n) => e.hourSwiper.slideNext())
                 }, My, 4)
               ], 4),
               u("div", {
                 class: "fv-time-picker-options-body-col",
-                style: C({ borderColor: t.innerBorderColor })
+                style: $({ borderColor: t.innerBorderColor })
               }, [
                 u("div", {
                   class: "fv-time-picker-options-body-col-up",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[3] || (s[3] = (n) => e.minuteSwiper.slidePrev())
                 }, Py, 4),
                 u("div", Ry, [
                   u("div", By, [
-                    (v(!0), $(te, null, ie(e.minuteList, (n, r) => (v(), $("div", Oy, _(e.showItem(n)), 1))), 256))
+                    (v(!0), C(te, null, ie(e.minuteList, (n, r) => (v(), C("div", Oy, _(e.showItem(n)), 1))), 256))
                   ])
                 ], 512),
                 u("div", {
                   class: "fv-time-picker-options-body-col-down",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[4] || (s[4] = (n) => e.minuteSwiper.slideNext())
                 }, _y, 4)
               ], 4),
               L(u("div", zy, [
                 u("div", {
                   class: "fv-time-picker-options-body-col-up",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[5] || (s[5] = (n) => e.periodSwiper.slidePrev())
                 }, Ny, 4),
                 u("div", Hy, [
                   u("div", Gy, [
-                    (v(!0), $(te, null, ie(t.period, (n, r) => (v(), $("div", Uy, _(n), 1))), 256))
+                    (v(!0), C(te, null, ie(t.period, (n, r) => (v(), C("div", Uy, _(n), 1))), 256))
                   ])
                 ], 512),
                 u("div", {
                   class: "fv-time-picker-options-body-col-down",
-                  style: C({ background: t.slideBtnBackground }),
+                  style: $({ background: t.slideBtnBackground }),
                   onClick: s[6] || (s[6] = (n) => e.periodSwiper.slideNext())
                 }, jy, 4)
               ], 512), [
@@ -22655,9 +22680,9 @@ const i1 = {
   }
 };
 function s1(t, i, e, s, n, r) {
-  return v(), $("div", {
+  return v(), C("div", {
     class: "fv-toggle-ring",
-    style: C({ left: n.moveable ? `${e.left}px` : "", background: e.value ? "" : e.ringBackground }),
+    style: $({ left: n.moveable ? `${e.left}px` : "", background: e.value ? "" : e.ringBackground }),
     onMousedown: i[0] || (i[0] = (...o) => r.forward && r.forward(...o)),
     onMouseup: i[1] || (i[1] = (...o) => r.stop && r.stop(...o)),
     onTouchstart: i[2] || (i[2] = (...o) => r.forward && r.forward(...o)),
@@ -22761,14 +22786,14 @@ const Oo = /* @__PURE__ */ ce(i1, [["render", s1]]), n1 = {
     }
   },
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-ToggleSwitch", [e.$theme, e.isDisabled ? "disabled" : ""]]),
       onMouseup: s[0] || (s[0] = (...n) => e.toggle && e.toggle(...n))
     }, [
       u("div", {
         class: F(["fv-toggle-border", { "toggle-on": e.thisValue }]),
         ref: "border",
-        style: C([
+        style: $([
           {
             width: e.finalWidth,
             height: e.finalHeight,
@@ -22792,7 +22817,7 @@ const Oo = /* @__PURE__ */ ce(i1, [["render", s1]]), n1 = {
         }, null, 8, ["value", "left", "ringBackground", "theme", "onMousedown", "onTouchstart", "onMousemove", "onTouchmove", "onMouseup", "onTouchend"]),
         L(u("p", {
           class: "fv-toggle-inside-content",
-          style: C({
+          style: $({
             left: e.thisValue ? "10px" : "",
             right: e.thisValue ? "" : "10px",
             color: e.thisValue ? "white" : t.offForeground
@@ -22803,7 +22828,7 @@ const Oo = /* @__PURE__ */ ce(i1, [["render", s1]]), n1 = {
       ], 6),
       L(u("p", {
         class: "fv-toggle-content",
-        style: C({ color: e.thisValue ? t.onForeground : t.offForeground })
+        style: $({ color: e.thisValue ? t.onForeground : t.offForeground })
       }, _(e.thisValue ? t.on : t.off), 5), [
         [M, !t.insideContent]
       ])
@@ -23027,7 +23052,7 @@ const a1 = {
 };
 function m1(t, i, e, s, n, r) {
   const o = J("fv-check-box"), a = J("fv-progress-ring"), l = J("tree-view-item", !0);
-  return n.isRender ? L((v(), $("div", {
+  return n.isRender ? L((v(), C("div", {
     key: 0,
     class: "fv-tree-view-item",
     draggable: e.draggable,
@@ -23037,7 +23062,7 @@ function m1(t, i, e, s, n, r) {
     u("div", {
       class: F(["fv-tree-view-item-container", [{ selected: e.modelValue.selected, disabled: r.valueTrigger(e.modelValue.disabled) }]]),
       ref: "item",
-      style: C({ height: `${e.itemHeight}px`, "background-color": n.dropMode === "enter" ? e.dropBackgroundColor : r.backgroundColor, "border-top": n.dropMode === "before" ? `${e.itemHeight}px solid transparent` : "" }),
+      style: $({ height: `${e.itemHeight}px`, "background-color": n.dropMode === "enter" ? e.dropBackgroundColor : r.backgroundColor, "border-top": n.dropMode === "before" ? `${e.itemHeight}px solid transparent` : "" }),
       onDragover: i[3] || (i[3] = (...d) => r.dragOver && r.dragOver(...d)),
       onDragleave: i[4] || (i[4] = (...d) => r.dragLeave && r.dragLeave(...d)),
       onDrop: i[5] || (i[5] = (...d) => r.dropItem && r.dropItem(...d)),
@@ -23051,7 +23076,7 @@ function m1(t, i, e, s, n, r) {
     }, [
       L(u("i", {
         class: "fv-tree-view-item-choosen-bar",
-        style: C({ background: e.foreground })
+        style: $({ background: e.foreground })
       }, null, 4), [
         [M, e.modelValue.selected && !e.checkable]
       ]),
@@ -23068,10 +23093,10 @@ function m1(t, i, e, s, n, r) {
       ]),
       u("div", {
         class: "fv-tree-view-item-container-main",
-        style: C({ "padding-left": `${e.deep * e.space}px` })
+        style: $({ "padding-left": `${e.deep * e.space}px` })
       }, [
-        e.expandedIconPosition === "left" ? (v(), $("div", d1, [
-          !r.valueTrigger(e.modelValue.loading) || !e.showLoading ? L((v(), $("i", {
+        e.expandedIconPosition === "left" ? (v(), C("div", d1, [
+          !r.valueTrigger(e.modelValue.loading) || !e.showLoading ? L((v(), C("i", {
             key: 0,
             class: F(["ms-Icon fv-tree-view-item-expander-icon", [`ms-Icon--${e.modelValue.expanded ? e.expandedIcon : e.unexpandedIcon}`]]),
             ref: "expander",
@@ -23097,19 +23122,19 @@ function m1(t, i, e, s, n, r) {
             }, null, 2), [
               [M, e.modelValue.icon && !r.isURL(r.valueTrigger(e.modelValue.icon))]
             ]),
-            e.modelValue.icon && r.isURL(r.valueTrigger(e.modelValue.icon)) ? (v(), $("img", {
+            e.modelValue.icon && r.isURL(r.valueTrigger(e.modelValue.icon)) ? (v(), C("img", {
               key: 0,
               class: "fv-tree-view-item-std-icon",
               src: r.valueTrigger(e.modelValue.icon)
             }, null, 8, h1)) : oe("", !0),
             u("p", {
               class: "fv-tree-view-item-text",
-              style: C({ "margin-left": e.modelValue.icon ? "10px" : "" })
+              style: $({ "margin-left": e.modelValue.icon ? "10px" : "" })
             }, _(r.valueTrigger(e.modelValue.label)), 5)
           ])
         ]),
-        e.expandedIconPosition === "right" ? (v(), $("div", c1, [
-          !r.valueTrigger(e.modelValue.loading) || !e.showLoading ? L((v(), $("i", {
+        e.expandedIconPosition === "right" ? (v(), C("div", c1, [
+          !r.valueTrigger(e.modelValue.loading) || !e.showLoading ? L((v(), C("i", {
             key: 0,
             class: F(["ms-Icon fv-tree-view-item-expander-icon", [`ms-Icon--${e.modelValue.expanded ? e.expandedIcon : e.unexpandedIcon}`]]),
             ref: "expander",
@@ -23129,8 +23154,8 @@ function m1(t, i, e, s, n, r) {
     ], 38),
     A(me, { name: "fv-tree-view-children-list" }, {
       default: j(() => [
-        e.modelValue.children ? L((v(), $("div", f1, [
-          (v(!0), $(te, null, ie(e.modelValue.children, (d, h) => (v(), re(l, {
+        e.modelValue.children ? L((v(), C("div", f1, [
+          (v(!0), C(te, null, ie(e.modelValue.children, (d, h) => (v(), re(l, {
             key: `parent: ${e.kIndex}, self: ${h}`,
             modelValue: d,
             parent: e.modelValue,
@@ -23282,10 +23307,10 @@ const Ao = /* @__PURE__ */ ce(a1, [["render", m1]]), g1 = {
     "item-drop"
   ],
   setup(t, { emit: i }) {
-    return (e, s) => (v(), $("div", {
+    return (e, s) => (v(), C("div", {
       class: F(["fv-TreeView", [e.$theme]])
     }, [
-      (v(!0), $(te, null, ie(e.thisValue, (n, r) => (v(), re(Ao, {
+      (v(!0), C(te, null, ie(e.thisValue, (n, r) => (v(), re(Ao, {
         key: `parent: root, self: ${r}`,
         modelValue: n,
         parent: null,
@@ -23437,15 +23462,15 @@ const b1 = {
   setup(t, { emit: i }) {
     return (e, s) => {
       const n = J("fv-text-box");
-      return v(), $("div", {
+      return v(), C("div", {
         class: F(["fv-VerifyBox", [e.$theme]])
       }, [
-        e.thisValue.length === t.length ? (v(), $("div", {
+        e.thisValue.length === t.length ? (v(), C("div", {
           key: 0,
           class: "fv-verify-container",
           onPaste: s[0] || (s[0] = (r) => e.handlePaste(r))
         }, [
-          (v(!0), $(te, null, ie(t.length, (r, o) => (v(), re(n, {
+          (v(!0), C(te, null, ie(t.length, (r, o) => (v(), re(n, {
             modelValue: e.thisValue[o],
             inputmode: t.inputmode,
             class: "fv-verify-unit",
@@ -23518,17 +23543,17 @@ const k1 = {
       this.moveable = !1, t && (t.type === "mouseup" ? this.$emit("mouseup", t) : this.$emit("touchend", t));
     }
   }
-}, C1 = /* @__PURE__ */ u("i", null, null, -1), $1 = [
-  C1
+}, $1 = /* @__PURE__ */ u("i", null, null, -1), C1 = [
+  $1
 ];
 function S1(t, i, e, s, n, r) {
-  return v(), $("div", {
+  return v(), C("div", {
     class: F(["fv-web-window-spliter", [{ horizontal: e.type === "horizontal", vertical: e.type === "vertical", both: e.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)),
     onTouchend: i[3] || (i[3] = (...o) => r.stop && r.stop(...o))
-  }, $1, 34);
+  }, C1, 34);
 }
 const Ui = /* @__PURE__ */ ce(k1, [["render", S1]]), x1 = { style: { "margin-left": "10px", "user-select": "none" } }, V1 = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Cancel" }, null, -1), T1 = [
   V1
@@ -23649,7 +23674,7 @@ const Ui = /* @__PURE__ */ ce(k1, [["render", S1]]), x1 = { style: { "margin-lef
     }
   },
   setup(t, { emit: i }) {
-    return (e, s) => L((v(), $("div", {
+    return (e, s) => L((v(), C("div", {
       class: F(["fv-WebWindow", [
         e.$theme,
         {
@@ -23659,7 +23684,7 @@ const Ui = /* @__PURE__ */ ce(k1, [["render", S1]]), x1 = { style: { "margin-lef
           "is-acrylic": t.isAcrylic
         }
       ]]),
-      style: C({
+      style: $({
         left: e.currentLeft,
         top: e.currentTop,
         width: e.currentWidth == 0 ? "" : `${e.currentWidth}px`,
@@ -23845,7 +23870,7 @@ const M1 = {
   jg,
   sp,
   hp,
-  $p,
+  Cp,
   Dp,
   Bp,
   _p,
@@ -23855,7 +23880,7 @@ const M1 = {
   lv,
   cv,
   bv,
-  $v,
+  Cv,
   Vv,
   Uv,
   Kv,
@@ -23913,7 +23938,7 @@ export {
   jg as FvListView,
   sp as FvMenuFlyout,
   hp as FvMessageBar,
-  $p as FvNavigationPanel,
+  Cp as FvNavigationPanel,
   Dp as FvNavigationView,
   Bp as FvPagination,
   _p as FvPanel,
@@ -23923,7 +23948,7 @@ export {
   lv as FvProgressRing,
   cv as FvRadio,
   bv as FvRadioGroup,
-  $v as FvRatingControl,
+  Cv as FvRatingControl,
   Vv as FvResizeWatcher,
   Uv as FvRevealContainer,
   Kv as FvRightMenu,