my-header-yichong 3.4.3 → 3.4.5

package/my-header.js

@@ -1,4 +1,4 @@
-import { getCurrentScope as wa, onScopeDispose as xa, ref as I, readonly as Ea, unref as y, getCurrentInstance as je, onMounted as X, nextTick as tt, watch as Y, defineComponent as H, openBlock as T, createElementBlock as R, createElementVNode as h, warn as $l, isVNode as ao, inject as Z, computed as E, isRef as wt, shallowRef as gr, onBeforeUnmount as We, onBeforeMount as Nl, provide as re, renderSlot as oe, mergeProps as Jt, normalizeClass as se, normalizeStyle as Pn, withDirectives as He, cloneVNode as Sa, Fragment as ie, Text as Rl, Comment as Fl, createVNode as Q, createBlock as ee, withCtx as U, createCommentVNode as D, toRef as Xe, Teleport as ka, Transition as Tt, vShow as Yt, onDeactivated as Ll, toDisplayString as ne, resolveDynamicComponent as br, toHandlers as jl, reactive as Zt, h as V, watchEffect as Ie, resolveComponent as Dl, createTextVNode as le, createApp as Bl, toRefs as Zo, shallowReactive as Hl, withModifiers as zl, render as is, onUnmounted as Le, vModelText as Io, pushScopeId as Qt, popScopeId as Xt, hasInjectionContext as Ul, markRaw as mn, effectScope as Vl, isReactive as yr, toRaw as Wl, renderList as at } from "vue";
+import { getCurrentScope as wa, onScopeDispose as xa, ref as M, readonly as Ea, unref as y, getCurrentInstance as je, onMounted as X, nextTick as tt, watch as Y, defineComponent as H, openBlock as T, createElementBlock as R, createElementVNode as h, warn as $l, isVNode as ao, inject as Z, computed as E, isRef as wt, shallowRef as gr, onBeforeUnmount as We, onBeforeMount as Nl, provide as re, renderSlot as oe, mergeProps as Jt, normalizeClass as se, normalizeStyle as Pn, withDirectives as He, cloneVNode as Sa, Fragment as ie, Text as Rl, Comment as Ll, createVNode as Q, createBlock as ee, withCtx as U, createCommentVNode as j, toRef as Xe, Teleport as ka, Transition as Tt, vShow as Yt, onDeactivated as Fl, toDisplayString as ne, resolveDynamicComponent as br, toHandlers as jl, reactive as Zt, h as V, watchEffect as Me, resolveComponent as Dl, createTextVNode as le, createApp as Bl, toRefs as Zo, shallowReactive as Hl, withModifiers as zl, render as is, onUnmounted as Fe, vModelText as Mo, pushScopeId as Qt, popScopeId as Xt, hasInjectionContext as Ul, markRaw as mn, effectScope as Vl, isReactive as yr, toRaw as Wl, renderList as at } from "vue";
 function Oa(e, t) {
   return function() {
     return e.apply(t, arguments);
@@ -49,9 +49,9 @@ function Ca(e, t) {
       return r;
   return null;
 }
-const Aa = (() => typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global)(), Ma = (e) => !wn(e) && e !== Aa;
+const Aa = (() => typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global)(), Ia = (e) => !wn(e) && e !== Aa;
 function Qo() {
-  const { caseless: e } = Ma(this) && this || {}, t = {}, n = (o, r) => {
+  const { caseless: e } = Ia(this) && this || {}, t = {}, n = (o, r) => {
     const s = e && Ca(t, r) || r;
     Jn(t[s]) && Jn(o) ? t[s] = Qo(t[s], o) : Jn(o) ? t[s] = Qo({}, o) : en(o) ? t[s] = o.slice() : t[s] = o;
   };
@@ -110,13 +110,13 @@ const sc = (e, t, n, { allOwnKeys: o } = {}) => (Cn(t, (r, s) => {
   function(n, o, r) {
     return o.toUpperCase() + r;
   }
-), ls = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), vc = qe("RegExp"), Ia = (e, t) => {
+), ls = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), vc = qe("RegExp"), Ma = (e, t) => {
   const n = Object.getOwnPropertyDescriptors(e), o = {};
   Cn(n, (r, s) => {
     t(r, s, e) !== !1 && (o[s] = r);
   }), Object.defineProperties(e, o);
 }, gc = (e) => {
-  Ia(e, (t, n) => {
+  Ma(e, (t, n) => {
     if (Te(e) && ["arguments", "caller", "callee"].indexOf(n) !== -1)
       return !1;
     const o = e[n];
@@ -207,7 +207,7 @@ const Ec = (e) => {
   hasOwnProperty: ls,
   hasOwnProp: ls,
   // an alias to avoid ESLint no-prototype-builtins detection
-  reduceDescriptors: Ia,
+  reduceDescriptors: Ma,
   freezeMethods: gc,
   toObjectSet: bc,
   toCamelCase: mc,
@@ -215,7 +215,7 @@ const Ec = (e) => {
   toFiniteNumber: _c,
   findKey: Ca,
   global: Aa,
-  isContextDefined: Ma,
+  isContextDefined: Ia,
   ALPHABET: $a,
   generateString: wc,
   isSpecCompliantForm: xc,
@@ -277,12 +277,12 @@ const Oc = null;
 function Xo(e) {
   return S.isPlainObject(e) || S.isArray(e);
 }
-function Fa(e) {
+function La(e) {
   return S.endsWith(e, "[]") ? e.slice(0, -2) : e;
 }
 function us(e, t, n) {
   return e ? e.concat(t).map(function(r, s) {
-    return r = Fa(r), !n && s ? "[" + r + "]" : r;
+    return r = La(r), !n && s ? "[" + r + "]" : r;
   }).join(n ? "." : "") : t;
 }
 function Tc(e) {
@@ -319,7 +319,7 @@ function bo(e, t, n) {
       if (S.endsWith(v, "{}"))
         v = o ? v : v.slice(0, -2), p = JSON.stringify(p);
       else if (S.isArray(p) && Tc(p) || (S.isFileList(p) || S.endsWith(v, "[]")) && (g = S.toArray(p)))
-        return v = Fa(v), g.forEach(function(P, C) {
+        return v = La(v), g.forEach(function(P, C) {
           !(S.isUndefined(P) || P === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
             a === !0 ? us([v], C, s) : a === null ? v : v + "[]",
@@ -370,11 +370,11 @@ function ds(e) {
 function wr(e, t) {
   this._pairs = [], e && bo(e, this, t);
 }
-const La = wr.prototype;
-La.append = function(t, n) {
+const Fa = wr.prototype;
+Fa.append = function(t, n) {
   this._pairs.push([t, n]);
 };
-La.toString = function(t) {
+Fa.toString = function(t) {
   const n = t ? function(o) {
     return t.call(this, o, ds);
   } : ds;
@@ -454,29 +454,29 @@ const fs = Ac, Da = {
   silentJSONParsing: !0,
   forcedJSONParsing: !0,
   clarifyTimeoutError: !1
-}, Mc = typeof URLSearchParams < "u" ? URLSearchParams : wr, Ic = typeof FormData < "u" ? FormData : null, $c = typeof Blob < "u" ? Blob : null, Nc = (() => {
+}, Ic = typeof URLSearchParams < "u" ? URLSearchParams : wr, Mc = typeof FormData < "u" ? FormData : null, $c = typeof Blob < "u" ? Blob : null, Nc = (() => {
   let e;
   return typeof navigator < "u" && ((e = navigator.product) === "ReactNative" || e === "NativeScript" || e === "NS") ? !1 : typeof window < "u" && typeof document < "u";
 })(), Rc = (() => typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
 self instanceof WorkerGlobalScope && typeof self.importScripts == "function")(), Be = {
   isBrowser: !0,
   classes: {
-    URLSearchParams: Mc,
-    FormData: Ic,
+    URLSearchParams: Ic,
+    FormData: Mc,
     Blob: $c
   },
   isStandardBrowserEnv: Nc,
   isStandardBrowserWebWorkerEnv: Rc,
   protocols: ["http", "https", "file", "blob", "url", "data"]
 };
-function Fc(e, t) {
+function Lc(e, t) {
   return bo(e, new Be.classes.URLSearchParams(), Object.assign({
     visitor: function(n, o, r, s) {
       return Be.isNode && S.isBuffer(n) ? (this.append(o, n.toString("base64")), !1) : s.defaultVisitor.apply(this, arguments);
     }
   }, t));
 }
-function Lc(e) {
+function Fc(e) {
   return S.matchAll(/\w+|\[(\w*)]/g, e).map((t) => t[0] === "[]" ? "" : t[1] || t[0]);
 }
 function jc(e) {
@@ -497,7 +497,7 @@ function Ba(e) {
   if (S.isFormData(e) && S.isFunction(e.entries)) {
     const n = {};
     return S.forEachEntry(e, (o, r) => {
-      t(Lc(o), r, n, 0);
+      t(Fc(o), r, n, 0);
     }), n;
   }
   return null;
@@ -531,7 +531,7 @@ const yo = {
     let i;
     if (s) {
       if (o.indexOf("application/x-www-form-urlencoded") > -1)
-        return Fc(t, this.formSerializer).toString();
+        return Lc(t, this.formSerializer).toString();
       if ((i = S.isFileList(t)) || o.indexOf("multipart/form-data") > -1) {
         const c = this.env && this.env.FormData;
         return bo(
@@ -996,22 +996,22 @@ const nu = {
   },
   adapters: Zn
 };
-function Fo(e) {
+function Lo(e) {
   if (e.cancelToken && e.cancelToken.throwIfRequested(), e.signal && e.signal.aborted)
     throw new An(null, e);
 }
 function ms(e) {
-  return Fo(e), e.headers = et.from(e.headers), e.data = Ro.call(
+  return Lo(e), e.headers = et.from(e.headers), e.data = Ro.call(
     e,
     e.transformRequest
   ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), nu.getAdapter(e.adapter || xr.adapter)(e).then(function(o) {
-    return Fo(e), o.data = Ro.call(
+    return Lo(e), o.data = Ro.call(
       e,
       e.transformResponse,
       o
     ), o.headers = et.from(o.headers), o;
   }, function(o) {
-    return Ha(o) || (Fo(e), o && o.response && (o.response.data = Ro.call(
+    return Ha(o) || (Lo(e), o && o.response && (o.response.data = Ro.call(
       e,
       e.transformResponse,
       o.response
@@ -1410,12 +1410,12 @@ const lu = ce, Wa = lu.create({
   // 配置对象
   // 基础路径:发请求的时候路径当中会出现api  
   // 请求超时的时间5s
-  baseURL: "https://a2.imgkits.com",
+  baseURL: "https://api.imgkits.com",
   timeout: 5e4
 });
 Wa.interceptors.request.use((e) => (console.log(e), e), (e) => Promise.reject(e));
 Wa.interceptors.response.use((e) => e.data, (e) => Promise.reject(new Error(e)));
-const Lo = "@", ln = window.localStorage, bs = {
+const Fo = "@", ln = window.localStorage, bs = {
   number: {
     save: (e) => e,
     parse: (e) => Number.parseFloat(e)
@@ -1437,7 +1437,7 @@ const Lo = "@", ln = window.localStorage, bs = {
 function ys(e) {
   return bs[e] || bs.default;
 }
-const Ln = {
+const Fn = {
   get(e) {
     let t = ln.getItem(e);
     if (t) {
@@ -1454,10 +1454,10 @@ const Ln = {
   put(e, t, n) {
     const o = typeof t, r = ys(o);
     if (!n)
-      t = o + Lo + encodeURIComponent(r.save(t));
+      t = o + Fo + encodeURIComponent(r.save(t));
     else {
       let s = n * 24 * 60 * 60 * 1e3 + (/* @__PURE__ */ new Date()).getTime();
-      t = o + Lo + encodeURIComponent(r.save(t)) + Lo + s;
+      t = o + Fo + encodeURIComponent(r.save(t)) + Fo + s;
     }
     ln.setItem(e, t);
   },
@@ -1506,7 +1506,7 @@ function pu(e, t = !0) {
 function nr(e, t, n = {}) {
   const {
     immediate: o = !0
-  } = n, r = I(!1);
+  } = n, r = M(!1);
   let s = null;
   function a() {
     s && (clearTimeout(s), s = null);
@@ -1583,7 +1583,7 @@ function hu(e, t, n = {}) {
   return () => u.forEach((f) => f());
 }
 function mu(e, t = !1) {
-  const n = I(), o = () => n.value = !!e();
+  const n = M(), o = () => n.value = !!e();
   return o(), pu(o, t), n;
 }
 const xs = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Es = "__vueuse_ssr_handlers__";
@@ -1664,12 +1664,12 @@ const lo = () => {
 );
 var Cu = typeof global == "object" && global && global.Object === Object && global;
 const Au = Cu;
-var Mu = typeof self == "object" && self && self.Object === Object && self, Iu = Au || Mu || Function("return this")();
-const Tr = Iu;
+var Iu = typeof self == "object" && self && self.Object === Object && self, Mu = Au || Iu || Function("return this")();
+const Tr = Mu;
 var $u = Tr.Symbol;
 const Ht = $u;
 var Ja = Object.prototype, Nu = Ja.hasOwnProperty, Ru = Ja.toString, cn = Ht ? Ht.toStringTag : void 0;
-function Fu(e) {
+function Lu(e) {
   var t = Nu.call(e, cn), n = e[cn];
   try {
     e[cn] = void 0;
@@ -1679,13 +1679,13 @@ function Fu(e) {
   var r = Ru.call(e);
   return o && (t ? e[cn] = n : delete e[cn]), r;
 }
-var Lu = Object.prototype, ju = Lu.toString;
+var Fu = Object.prototype, ju = Fu.toString;
 function Du(e) {
   return ju.call(e);
 }
 var Bu = "[object Null]", Hu = "[object Undefined]", Cs = Ht ? Ht.toStringTag : void 0;
 function Ya(e) {
-  return e == null ? e === void 0 ? Hu : Bu : Cs && Cs in Object(e) ? Fu(e) : Du(e);
+  return e == null ? e === void 0 ? Hu : Bu : Cs && Cs in Object(e) ? Lu(e) : Du(e);
 }
 function zu(e) {
   return e != null && typeof e == "object";
@@ -1701,14 +1701,14 @@ function Vu(e, t) {
 }
 var Wu = Array.isArray;
 const Cr = Wu;
-var qu = 1 / 0, As = Ht ? Ht.prototype : void 0, Ms = As ? As.toString : void 0;
+var qu = 1 / 0, As = Ht ? Ht.prototype : void 0, Is = As ? As.toString : void 0;
 function Za(e) {
   if (typeof e == "string")
     return e;
   if (Cr(e))
     return Vu(e, Za) + "";
   if (Pr(e))
-    return Ms ? Ms.call(e) : "";
+    return Is ? Is.call(e) : "";
   var t = e + "";
   return t == "0" && 1 / e == -qu ? "-0" : t;
 }
@@ -1725,12 +1725,12 @@ function Zu(e) {
 }
 var Qu = Tr["__core-js_shared__"];
 const Do = Qu;
-var Is = function() {
+var Ms = function() {
   var e = /[^.]+$/.exec(Do && Do.keys && Do.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
 function Xu(e) {
-  return !!Is && Is in e;
+  return !!Ms && Ms in e;
 }
 var ed = Function.prototype, td = ed.toString;
 function nd(e) {
@@ -1822,14 +1822,14 @@ function xo(e, t) {
   return -1;
 }
 var Cd = Array.prototype, Ad = Cd.splice;
-function Md(e) {
+function Id(e) {
   var t = this.__data__, n = xo(t, e);
   if (n < 0)
     return !1;
   var o = t.length - 1;
   return n == o ? t.pop() : Ad.call(t, n, 1), --this.size, !0;
 }
-function Id(e) {
+function Md(e) {
   var t = this.__data__, n = xo(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
@@ -1848,16 +1848,16 @@ function tn(e) {
   }
 }
 tn.prototype.clear = Pd;
-tn.prototype.delete = Md;
-tn.prototype.get = Id;
+tn.prototype.delete = Id;
+tn.prototype.get = Md;
 tn.prototype.has = $d;
 tn.prototype.set = Nd;
 var Rd = Xa(Tr, "Map");
-const Fd = Rd;
-function Ld() {
+const Ld = Rd;
+function Fd() {
   this.size = 0, this.__data__ = {
     hash: new xt(),
-    map: new (Fd || tn)(),
+    map: new (Ld || tn)(),
     string: new xt()
   };
 }
@@ -1890,7 +1890,7 @@ function Ct(e) {
     this.set(o[0], o[1]);
   }
 }
-Ct.prototype.clear = Ld;
+Ct.prototype.clear = Fd;
 Ct.prototype.delete = Dd;
 Ct.prototype.get = Bd;
 Ct.prototype.has = Hd;
@@ -2168,7 +2168,7 @@ const ii = "__epPropKey", G = (e) => e, wf = (e) => Pt(e) && !!e[ii], So = (e, t
   return e;
 }, Ef = (e, t) => (e.install = (n) => {
   e._context = n._context, n.config.globalProperties[t] = e;
-}, e), Mr = (e) => (e.install = lo, e), me = {
+}, e), Ir = (e) => (e.install = lo, e), me = {
   tab: "Tab",
   enter: "Enter",
   space: "Space",
@@ -2365,23 +2365,23 @@ const Tf = (e) => (t, n) => Pf(t, n, y(e)), Pf = (e, t, n) => tf(n, e, e).replac
   var s;
   return `${(s = t == null ? void 0 : t[r]) != null ? s : `{${r}}`}`;
 }), Cf = (e) => {
-  const t = E(() => y(e).name), n = wt(e) ? e : I(e);
+  const t = E(() => y(e).name), n = wt(e) ? e : M(e);
   return {
     lang: t,
     locale: n,
     t: Tf(e)
   };
 }, li = Symbol("localeContextKey"), Af = (e) => {
-  const t = e || Z(li, I());
+  const t = e || Z(li, M());
   return Cf(E(() => t.value || Of));
-}, oo = "el", Mf = "is-", ft = (e, t, n, o, r) => {
+}, oo = "el", If = "is-", ft = (e, t, n, o, r) => {
   let s = `${e}-${t}`;
   return n && (s += `-${n}`), o && (s += `__${o}`), r && (s += `--${r}`), s;
-}, ci = Symbol("namespaceContextKey"), Ir = (e) => {
-  const t = e || (je() ? Z(ci, I(oo)) : I(oo));
+}, ci = Symbol("namespaceContextKey"), Mr = (e) => {
+  const t = e || (je() ? Z(ci, M(oo)) : M(oo));
   return E(() => y(t) || oo);
 }, ae = (e, t) => {
-  const n = Ir(t);
+  const n = Mr(t);
   return {
     namespace: n,
     b: (v = "") => ft(n.value, e, v, "", ""),
@@ -2393,7 +2393,7 @@ const Tf = (e) => (t, n) => Pf(t, n, y(e)), Pf = (e, t, n) => tf(n, e, e).replac
     bem: (v, _, g) => v && _ && g ? ft(n.value, e, v, _, g) : "",
     is: (v, ..._) => {
       const g = _.length >= 1 ? _[0] : !0;
-      return v && g ? `${Mf}${v}` : "";
+      return v && g ? `${If}${v}` : "";
     },
     cssVar: (v) => {
       const _ = {};
@@ -2410,14 +2410,14 @@ const Tf = (e) => (t, n) => Pf(t, n, y(e)), Pf = (e, t, n) => tf(n, e, e).replac
     },
     cssVarBlockName: (v) => `--${n.value}-${e}-${v}`
   };
-}, If = So({
+}, Mf = So({
   type: G(Boolean),
   default: null
 }), $f = So({
   type: G(Function)
 }), ui = (e) => {
   const t = `update:${e}`, n = `onUpdate:${e}`, o = [t], r = {
-    [e]: If,
+    [e]: Mf,
     [n]: $f
   };
   return {
@@ -2436,13 +2436,13 @@ const Tf = (e) => (t, n) => Pf(t, n, y(e)), Pf = (e, t, n) => tf(n, e, e).replac
       }, P = (b) => {
         if (p.disabled === !0 || mt(l) && !l())
           return;
-        const F = v.value && ve;
-        F && m(t, !0), (_.value || !F) && g(b);
+        const L = v.value && ve;
+        L && m(t, !0), (_.value || !L) && g(b);
       }, C = (b) => {
         if (p.disabled === !0 || !ve)
           return;
-        const F = v.value && ve;
-        F && m(t, !1), (_.value || !F) && O(b);
+        const L = v.value && ve;
+        L && m(t, !1), (_.value || !L) && O(b);
       }, A = (b) => {
         ei(b) && (p.disabled && b ? v.value && m(t, !1) : a.value !== b && (b ? g() : O()));
       }, $ = () => {
@@ -2466,11 +2466,11 @@ const Tf = (e) => (t, n) => Pf(t, n, y(e)), Pf = (e, t, n) => tf(n, e, e).replac
   };
 };
 ui("modelValue");
-var _e = "top", Ae = "bottom", Me = "right", we = "left", $r = "auto", Mn = [_e, Ae, Me, we], zt = "start", kn = "end", Nf = "clippingParents", di = "viewport", dn = "popper", Rf = "reference", Rs = Mn.reduce(function(e, t) {
+var _e = "top", Ae = "bottom", Ie = "right", we = "left", $r = "auto", In = [_e, Ae, Ie, we], zt = "start", kn = "end", Nf = "clippingParents", di = "viewport", dn = "popper", Rf = "reference", Rs = In.reduce(function(e, t) {
   return e.concat([t + "-" + zt, t + "-" + kn]);
-}, []), Nr = [].concat(Mn, [$r]).reduce(function(e, t) {
+}, []), Nr = [].concat(In, [$r]).reduce(function(e, t) {
   return e.concat([t, t + "-" + zt, t + "-" + kn]);
-}, []), Ff = "beforeRead", Lf = "read", jf = "afterRead", Df = "beforeMain", Bf = "main", Hf = "afterMain", zf = "beforeWrite", Uf = "write", Vf = "afterWrite", Wf = [Ff, Lf, jf, Df, Bf, Hf, zf, Uf, Vf];
+}, []), Lf = "beforeRead", Ff = "read", jf = "afterRead", Df = "beforeMain", Bf = "main", Hf = "afterMain", zf = "beforeWrite", Uf = "write", Vf = "afterWrite", Wf = [Lf, Ff, jf, Df, Bf, Hf, zf, Uf, Vf];
 function Ve(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
@@ -2534,7 +2534,7 @@ function Wt(e, t) {
   }
   return { width: n.width / o, height: n.height / r, top: n.top / r, right: n.right / o, bottom: n.bottom / r, left: n.left / o, x: n.left / o, y: n.top / r };
 }
-function Fr(e) {
+function Lr(e) {
   var t = Wt(e), n = e.offsetWidth, o = e.offsetHeight;
   return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - o) <= 1 && (o = t.height), { x: e.offsetLeft, y: e.offsetTop, width: n, height: o };
 }
@@ -2564,7 +2564,7 @@ function ct(e) {
 function ko(e) {
   return Ve(e) === "html" ? e : e.assignedSlot || e.parentNode || (Rr(e) ? e.host : null) || ct(e);
 }
-function Fs(e) {
+function Ls(e) {
   return !Pe(e) || nt(e).position === "fixed" ? null : e.offsetParent;
 }
 function Jf(e) {
@@ -2583,12 +2583,12 @@ function Jf(e) {
   }
   return null;
 }
-function In(e) {
-  for (var t = De(e), n = Fs(e); n && Kf(n) && nt(n).position === "static"; )
-    n = Fs(n);
+function Mn(e) {
+  for (var t = De(e), n = Ls(e); n && Kf(n) && nt(n).position === "static"; )
+    n = Ls(n);
   return n && (Ve(n) === "html" || Ve(n) === "body" && nt(n).position === "static") ? t : n || Jf(e) || t;
 }
-function Lr(e) {
+function Fr(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function bn(e, t, n) {
@@ -2610,13 +2610,13 @@ function vi(e, t) {
   }, {});
 }
 var Zf = function(e, t) {
-  return e = typeof e == "function" ? e(Object.assign({}, t.rects, { placement: t.placement })) : e, mi(typeof e != "number" ? e : vi(e, Mn));
+  return e = typeof e == "function" ? e(Object.assign({}, t.rects, { placement: t.placement })) : e, mi(typeof e != "number" ? e : vi(e, In));
 };
 function Qf(e) {
-  var t, n = e.state, o = e.name, r = e.options, s = n.elements.arrow, a = n.modifiersData.popperOffsets, i = ze(n.placement), c = Lr(i), l = [we, Me].indexOf(i) >= 0, u = l ? "height" : "width";
+  var t, n = e.state, o = e.name, r = e.options, s = n.elements.arrow, a = n.modifiersData.popperOffsets, i = ze(n.placement), c = Fr(i), l = [we, Ie].indexOf(i) >= 0, u = l ? "height" : "width";
   if (!(!s || !a)) {
-    var d = Zf(r.padding, n), f = Fr(s), m = c === "y" ? _e : we, p = c === "y" ? Ae : Me, v = n.rects.reference[u] + n.rects.reference[c] - a[c] - n.rects.popper[u], _ = a[c] - n.rects.reference[c], g = In(s), O = g ? c === "y" ? g.clientHeight || 0 : g.clientWidth || 0 : 0, P = v / 2 - _ / 2, C = d[m], A = O - f[u] - d[p], $ = O / 2 - f[u] / 2 + P, b = bn(C, $, A), F = c;
-    n.modifiersData[o] = (t = {}, t[F] = b, t.centerOffset = b - $, t);
+    var d = Zf(r.padding, n), f = Lr(s), m = c === "y" ? _e : we, p = c === "y" ? Ae : Ie, v = n.rects.reference[u] + n.rects.reference[c] - a[c] - n.rects.popper[u], _ = a[c] - n.rects.reference[c], g = Mn(s), O = g ? c === "y" ? g.clientHeight || 0 : g.clientWidth || 0 : 0, P = v / 2 - _ / 2, C = d[m], A = O - f[u] - d[p], $ = O / 2 - f[u] / 2 + P, b = bn(C, $, A), L = c;
+    n.modifiersData[o] = (t = {}, t[L] = b, t.centerOffset = b - $, t);
   }
 }
 function Xf(e) {
@@ -2632,25 +2632,25 @@ function np(e) {
   var t = e.x, n = e.y, o = window, r = o.devicePixelRatio || 1;
   return { x: Vt(t * r) / r || 0, y: Vt(n * r) / r || 0 };
 }
-function Ls(e) {
+function Fs(e) {
   var t, n = e.popper, o = e.popperRect, r = e.placement, s = e.variation, a = e.offsets, i = e.position, c = e.gpuAcceleration, l = e.adaptive, u = e.roundOffsets, d = e.isFixed, f = a.x, m = f === void 0 ? 0 : f, p = a.y, v = p === void 0 ? 0 : p, _ = typeof u == "function" ? u({ x: m, y: v }) : { x: m, y: v };
   m = _.x, v = _.y;
   var g = a.hasOwnProperty("x"), O = a.hasOwnProperty("y"), P = we, C = _e, A = window;
   if (l) {
-    var $ = In(n), b = "clientHeight", F = "clientWidth";
-    if ($ === De(n) && ($ = ct(n), nt($).position !== "static" && i === "absolute" && (b = "scrollHeight", F = "scrollWidth")), $ = $, r === _e || (r === we || r === Me) && s === kn) {
+    var $ = Mn(n), b = "clientHeight", L = "clientWidth";
+    if ($ === De(n) && ($ = ct(n), nt($).position !== "static" && i === "absolute" && (b = "scrollHeight", L = "scrollWidth")), $ = $, r === _e || (r === we || r === Ie) && s === kn) {
       C = Ae;
-      var L = d && $ === A && A.visualViewport ? A.visualViewport.height : $[b];
-      v -= L - o.height, v *= c ? 1 : -1;
+      var F = d && $ === A && A.visualViewport ? A.visualViewport.height : $[b];
+      v -= F - o.height, v *= c ? 1 : -1;
     }
     if (r === we || (r === _e || r === Ae) && s === kn) {
-      P = Me;
-      var x = d && $ === A && A.visualViewport ? A.visualViewport.width : $[F];
+      P = Ie;
+      var x = d && $ === A && A.visualViewport ? A.visualViewport.width : $[L];
       m -= x - o.width, m *= c ? 1 : -1;
     }
   }
-  var w = Object.assign({ position: i }, l && tp), M = u === !0 ? np({ x: m, y: v }) : { x: m, y: v };
-  if (m = M.x, v = M.y, c) {
+  var w = Object.assign({ position: i }, l && tp), I = u === !0 ? np({ x: m, y: v }) : { x: m, y: v };
+  if (m = I.x, v = I.y, c) {
     var N;
     return Object.assign({}, w, (N = {}, N[C] = O ? "0" : "", N[P] = g ? "0" : "", N.transform = (A.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + v + "px)" : "translate3d(" + m + "px, " + v + "px, 0)", N));
   }
@@ -2658,7 +2658,7 @@ function Ls(e) {
 }
 function op(e) {
   var t = e.state, n = e.options, o = n.gpuAcceleration, r = o === void 0 ? !0 : o, s = n.adaptive, a = s === void 0 ? !0 : s, i = n.roundOffsets, c = i === void 0 ? !0 : i, l = { placement: ze(t.placement), variation: qt(t.placement), popper: t.elements.popper, popperRect: t.rects.popper, gpuAcceleration: r, isFixed: t.options.strategy === "fixed" };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Ls(Object.assign({}, l, { offsets: t.modifiersData.popperOffsets, position: t.options.strategy, adaptive: a, roundOffsets: c })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Ls(Object.assign({}, l, { offsets: t.modifiersData.arrow, position: "absolute", adaptive: !1, roundOffsets: c })))), t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-placement": t.placement });
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Fs(Object.assign({}, l, { offsets: t.modifiersData.popperOffsets, position: t.options.strategy, adaptive: a, roundOffsets: c })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Fs(Object.assign({}, l, { offsets: t.modifiersData.arrow, position: "absolute", adaptive: !1, roundOffsets: c })))), t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-placement": t.placement });
 }
 var gi = { name: "computeStyles", enabled: !0, phase: "beforeWrite", fn: op, data: {} }, Dn = { passive: !0 };
 function rp(e) {
@@ -2723,7 +2723,7 @@ function Ds(e, t) {
   return t === di ? rr(ip(e)) : Ut(t) ? cp(t) : rr(lp(ct(e)));
 }
 function up(e) {
-  var t = yn(ko(e)), n = ["absolute", "fixed"].indexOf(nt(e).position) >= 0, o = n && Pe(e) ? In(e) : e;
+  var t = yn(ko(e)), n = ["absolute", "fixed"].indexOf(nt(e).position) >= 0, o = n && Pe(e) ? Mn(e) : e;
   return Ut(o) ? t.filter(function(r) {
     return Ut(r) && pi(r, o) && Ve(r) !== "body";
   }) : [];
@@ -2744,7 +2744,7 @@ function _i(e) {
     case Ae:
       c = { x: a, y: t.y + t.height };
       break;
-    case Me:
+    case Ie:
       c = { x: t.x + t.width, y: i };
       break;
     case we:
@@ -2753,7 +2753,7 @@ function _i(e) {
     default:
       c = { x: t.x, y: t.y };
   }
-  var l = r ? Lr(r) : null;
+  var l = r ? Fr(r) : null;
   if (l != null) {
     var u = l === "y" ? "height" : "width";
     switch (s) {
@@ -2769,21 +2769,21 @@ function _i(e) {
 }
 function On(e, t) {
   t === void 0 && (t = {});
-  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, s = n.boundary, a = s === void 0 ? Nf : s, i = n.rootBoundary, c = i === void 0 ? di : i, l = n.elementContext, u = l === void 0 ? dn : l, d = n.altBoundary, f = d === void 0 ? !1 : d, m = n.padding, p = m === void 0 ? 0 : m, v = mi(typeof p != "number" ? p : vi(p, Mn)), _ = u === dn ? Rf : dn, g = e.rects.popper, O = e.elements[f ? _ : u], P = dp(Ut(O) ? O : O.contextElement || ct(e.elements.popper), a, c), C = Wt(e.elements.reference), A = _i({ reference: C, element: g, strategy: "absolute", placement: r }), $ = rr(Object.assign({}, g, A)), b = u === dn ? $ : C, F = { top: P.top - b.top + v.top, bottom: b.bottom - P.bottom + v.bottom, left: P.left - b.left + v.left, right: b.right - P.right + v.right }, L = e.modifiersData.offset;
-  if (u === dn && L) {
-    var x = L[r];
-    Object.keys(F).forEach(function(w) {
-      var M = [Me, Ae].indexOf(w) >= 0 ? 1 : -1, N = [_e, Ae].indexOf(w) >= 0 ? "y" : "x";
-      F[w] += x[N] * M;
+  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, s = n.boundary, a = s === void 0 ? Nf : s, i = n.rootBoundary, c = i === void 0 ? di : i, l = n.elementContext, u = l === void 0 ? dn : l, d = n.altBoundary, f = d === void 0 ? !1 : d, m = n.padding, p = m === void 0 ? 0 : m, v = mi(typeof p != "number" ? p : vi(p, In)), _ = u === dn ? Rf : dn, g = e.rects.popper, O = e.elements[f ? _ : u], P = dp(Ut(O) ? O : O.contextElement || ct(e.elements.popper), a, c), C = Wt(e.elements.reference), A = _i({ reference: C, element: g, strategy: "absolute", placement: r }), $ = rr(Object.assign({}, g, A)), b = u === dn ? $ : C, L = { top: P.top - b.top + v.top, bottom: b.bottom - P.bottom + v.bottom, left: P.left - b.left + v.left, right: b.right - P.right + v.right }, F = e.modifiersData.offset;
+  if (u === dn && F) {
+    var x = F[r];
+    Object.keys(L).forEach(function(w) {
+      var I = [Ie, Ae].indexOf(w) >= 0 ? 1 : -1, N = [_e, Ae].indexOf(w) >= 0 ? "y" : "x";
+      L[w] += x[N] * I;
     });
   }
-  return F;
+  return L;
 }
 function fp(e, t) {
   t === void 0 && (t = {});
   var n = t, o = n.placement, r = n.boundary, s = n.rootBoundary, a = n.padding, i = n.flipVariations, c = n.allowedAutoPlacements, l = c === void 0 ? Nr : c, u = qt(o), d = u ? i ? Rs : Rs.filter(function(p) {
     return qt(p) === u;
-  }) : Mn, f = d.filter(function(p) {
+  }) : In, f = d.filter(function(p) {
     return l.indexOf(p) >= 0;
   });
   f.length === 0 && (f = d);
@@ -2805,19 +2805,19 @@ function hp(e) {
   if (!t.modifiersData[o]._skip) {
     for (var r = n.mainAxis, s = r === void 0 ? !0 : r, a = n.altAxis, i = a === void 0 ? !0 : a, c = n.fallbackPlacements, l = n.padding, u = n.boundary, d = n.rootBoundary, f = n.altBoundary, m = n.flipVariations, p = m === void 0 ? !0 : m, v = n.allowedAutoPlacements, _ = t.options.placement, g = ze(_), O = g === _, P = c || (O || !p ? [ro(_)] : pp(_)), C = [_].concat(P).reduce(function(ut, Je) {
       return ut.concat(ze(Je) === $r ? fp(t, { placement: Je, boundary: u, rootBoundary: d, padding: l, flipVariations: p, allowedAutoPlacements: v }) : Je);
-    }, []), A = t.rects.reference, $ = t.rects.popper, b = /* @__PURE__ */ new Map(), F = !0, L = C[0], x = 0; x < C.length; x++) {
-      var w = C[x], M = ze(w), N = qt(w) === zt, W = [_e, Ae].indexOf(M) >= 0, q = W ? "width" : "height", z = On(t, { placement: w, boundary: u, rootBoundary: d, altBoundary: f, padding: l }), k = W ? N ? Me : we : N ? Ae : _e;
+    }, []), A = t.rects.reference, $ = t.rects.popper, b = /* @__PURE__ */ new Map(), L = !0, F = C[0], x = 0; x < C.length; x++) {
+      var w = C[x], I = ze(w), N = qt(w) === zt, W = [_e, Ae].indexOf(I) >= 0, q = W ? "width" : "height", z = On(t, { placement: w, boundary: u, rootBoundary: d, altBoundary: f, padding: l }), k = W ? N ? Ie : we : N ? Ae : _e;
       A[q] > $[q] && (k = ro(k));
-      var j = ro(k), K = [];
-      if (s && K.push(z[M] <= 0), i && K.push(z[k] <= 0, z[j] <= 0), K.every(function(ut) {
+      var D = ro(k), K = [];
+      if (s && K.push(z[I] <= 0), i && K.push(z[k] <= 0, z[D] <= 0), K.every(function(ut) {
         return ut;
       })) {
-        L = w, F = !1;
+        F = w, L = !1;
         break;
       }
       b.set(w, K);
     }
-    if (F)
+    if (L)
       for (var te = p ? 3 : 1, Ke = function(ut) {
         var Je = C.find(function(Rn) {
           var sn = b.get(Rn);
@@ -2827,13 +2827,13 @@ function hp(e) {
             });
         });
         if (Je)
-          return L = Je, "break";
+          return F = Je, "break";
       }, ke = te; ke > 0; ke--) {
         var Nn = Ke(ke);
         if (Nn === "break")
           break;
       }
-    t.placement !== L && (t.modifiersData[o]._skip = !0, t.placement = L, t.reset = !0);
+    t.placement !== F && (t.modifiersData[o]._skip = !0, t.placement = F, t.reset = !0);
   }
 }
 var mp = { name: "flip", enabled: !0, phase: "main", fn: hp, requiresIfExists: ["offset"], data: { _skip: !1 } };
@@ -2841,7 +2841,7 @@ function Bs(e, t, n) {
   return n === void 0 && (n = { x: 0, y: 0 }), { top: e.top - t.height - n.y, right: e.right - t.width + n.x, bottom: e.bottom - t.height + n.y, left: e.left - t.width - n.x };
 }
 function Hs(e) {
-  return [_e, Me, Ae, we].some(function(t) {
+  return [_e, Ie, Ae, we].some(function(t) {
     return e[t] >= 0;
   });
 }
@@ -2852,7 +2852,7 @@ function vp(e) {
 var gp = { name: "hide", enabled: !0, phase: "main", requiresIfExists: ["preventOverflow"], fn: vp };
 function bp(e, t, n) {
   var o = ze(e), r = [we, _e].indexOf(o) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, t, { placement: e })) : n, a = s[0], i = s[1];
-  return a = a || 0, i = (i || 0) * r, [we, Me].indexOf(o) >= 0 ? { x: i, y: a } : { x: a, y: i };
+  return a = a || 0, i = (i || 0) * r, [we, Ie].indexOf(o) >= 0 ? { x: i, y: a } : { x: a, y: i };
 }
 function yp(e) {
   var t = e.state, n = e.options, o = e.name, r = n.offset, s = r === void 0 ? [0, 0] : r, a = Nr.reduce(function(u, d) {
@@ -2870,17 +2870,17 @@ function xp(e) {
   return e === "x" ? "y" : "x";
 }
 function Ep(e) {
-  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, s = r === void 0 ? !0 : r, a = n.altAxis, i = a === void 0 ? !1 : a, c = n.boundary, l = n.rootBoundary, u = n.altBoundary, d = n.padding, f = n.tether, m = f === void 0 ? !0 : f, p = n.tetherOffset, v = p === void 0 ? 0 : p, _ = On(t, { boundary: c, rootBoundary: l, padding: d, altBoundary: u }), g = ze(t.placement), O = qt(t.placement), P = !O, C = Lr(g), A = xp(C), $ = t.modifiersData.popperOffsets, b = t.rects.reference, F = t.rects.popper, L = typeof v == "function" ? v(Object.assign({}, t.rects, { placement: t.placement })) : v, x = typeof L == "number" ? { mainAxis: L, altAxis: L } : Object.assign({ mainAxis: 0, altAxis: 0 }, L), w = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, M = { x: 0, y: 0 };
+  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, s = r === void 0 ? !0 : r, a = n.altAxis, i = a === void 0 ? !1 : a, c = n.boundary, l = n.rootBoundary, u = n.altBoundary, d = n.padding, f = n.tether, m = f === void 0 ? !0 : f, p = n.tetherOffset, v = p === void 0 ? 0 : p, _ = On(t, { boundary: c, rootBoundary: l, padding: d, altBoundary: u }), g = ze(t.placement), O = qt(t.placement), P = !O, C = Fr(g), A = xp(C), $ = t.modifiersData.popperOffsets, b = t.rects.reference, L = t.rects.popper, F = typeof v == "function" ? v(Object.assign({}, t.rects, { placement: t.placement })) : v, x = typeof F == "number" ? { mainAxis: F, altAxis: F } : Object.assign({ mainAxis: 0, altAxis: 0 }, F), w = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, I = { x: 0, y: 0 };
   if ($) {
     if (s) {
-      var N, W = C === "y" ? _e : we, q = C === "y" ? Ae : Me, z = C === "y" ? "height" : "width", k = $[C], j = k + _[W], K = k - _[q], te = m ? -F[z] / 2 : 0, Ke = O === zt ? b[z] : F[z], ke = O === zt ? -F[z] : -b[z], Nn = t.elements.arrow, ut = m && Nn ? Fr(Nn) : { width: 0, height: 0 }, Je = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : hi(), Rn = Je[W], sn = Je[q], Nt = bn(0, b[z], ut[z]), Ol = P ? b[z] / 2 - te - Nt - Rn - x.mainAxis : Ke - Nt - Rn - x.mainAxis, Tl = P ? -b[z] / 2 + te + Nt + sn + x.mainAxis : ke + Nt + sn + x.mainAxis, Ao = t.elements.arrow && In(t.elements.arrow), Pl = Ao ? C === "y" ? Ao.clientTop || 0 : Ao.clientLeft || 0 : 0, Qr = (N = w == null ? void 0 : w[C]) != null ? N : 0, Cl = k + Ol - Qr - Pl, Al = k + Tl - Qr, Xr = bn(m ? uo(j, Cl) : j, k, m ? yt(K, Al) : K);
-      $[C] = Xr, M[C] = Xr - k;
+      var N, W = C === "y" ? _e : we, q = C === "y" ? Ae : Ie, z = C === "y" ? "height" : "width", k = $[C], D = k + _[W], K = k - _[q], te = m ? -L[z] / 2 : 0, Ke = O === zt ? b[z] : L[z], ke = O === zt ? -L[z] : -b[z], Nn = t.elements.arrow, ut = m && Nn ? Lr(Nn) : { width: 0, height: 0 }, Je = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : hi(), Rn = Je[W], sn = Je[q], Nt = bn(0, b[z], ut[z]), Ol = P ? b[z] / 2 - te - Nt - Rn - x.mainAxis : Ke - Nt - Rn - x.mainAxis, Tl = P ? -b[z] / 2 + te + Nt + sn + x.mainAxis : ke + Nt + sn + x.mainAxis, Ao = t.elements.arrow && Mn(t.elements.arrow), Pl = Ao ? C === "y" ? Ao.clientTop || 0 : Ao.clientLeft || 0 : 0, Qr = (N = w == null ? void 0 : w[C]) != null ? N : 0, Cl = k + Ol - Qr - Pl, Al = k + Tl - Qr, Xr = bn(m ? uo(D, Cl) : D, k, m ? yt(K, Al) : K);
+      $[C] = Xr, I[C] = Xr - k;
     }
     if (i) {
-      var es, Ml = C === "x" ? _e : we, Il = C === "x" ? Ae : Me, dt = $[A], Fn = A === "y" ? "height" : "width", ts = dt + _[Ml], ns = dt - _[Il], Mo = [_e, we].indexOf(g) !== -1, os = (es = w == null ? void 0 : w[A]) != null ? es : 0, rs = Mo ? ts : dt - b[Fn] - F[Fn] - os + x.altAxis, ss = Mo ? dt + b[Fn] + F[Fn] - os - x.altAxis : ns, as = m && Mo ? Yf(rs, dt, ss) : bn(m ? rs : ts, dt, m ? ss : ns);
-      $[A] = as, M[A] = as - dt;
+      var es, Il = C === "x" ? _e : we, Ml = C === "x" ? Ae : Ie, dt = $[A], Ln = A === "y" ? "height" : "width", ts = dt + _[Il], ns = dt - _[Ml], Io = [_e, we].indexOf(g) !== -1, os = (es = w == null ? void 0 : w[A]) != null ? es : 0, rs = Io ? ts : dt - b[Ln] - L[Ln] - os + x.altAxis, ss = Io ? dt + b[Ln] + L[Ln] - os - x.altAxis : ns, as = m && Io ? Yf(rs, dt, ss) : bn(m ? rs : ts, dt, m ? ss : ns);
+      $[A] = as, I[A] = as - dt;
     }
-    t.modifiersData[o] = M;
+    t.modifiersData[o] = I;
   }
 }
 var Sp = { name: "preventOverflow", enabled: !0, phase: "main", fn: Ep, requiresIfExists: ["offset"] };
@@ -2926,7 +2926,7 @@ function Ap(e) {
     }));
   }, []);
 }
-function Mp(e) {
+function Ip(e) {
   var t;
   return function() {
     return t || (t = new Promise(function(n) {
@@ -2936,7 +2936,7 @@ function Mp(e) {
     })), t;
   };
 }
-function Ip(e) {
+function Mp(e) {
   var t = e.reduce(function(n, o) {
     var r = n[o.name];
     return n[o.name] = r ? Object.assign({}, r, o, { options: Object.assign({}, r.options, o.options), data: Object.assign({}, r.data, o.data) }) : o, n;
@@ -2961,7 +2961,7 @@ function Hr(e) {
     var l = { placement: "bottom", orderedModifiers: [], options: Object.assign({}, zs, s), modifiersData: {}, elements: { reference: a, popper: i }, attributes: {}, styles: {} }, u = [], d = !1, f = { state: l, setOptions: function(v) {
       var _ = typeof v == "function" ? v(l.options) : v;
       p(), l.options = Object.assign({}, s, l.options, _), l.scrollParents = { reference: Ut(a) ? yn(a) : a.contextElement ? yn(a.contextElement) : [], popper: yn(i) };
-      var g = Ap(Ip([].concat(o, l.options.modifiers)));
+      var g = Ap(Mp([].concat(o, l.options.modifiers)));
       return l.orderedModifiers = g.filter(function(O) {
         return O.enabled;
       }), m(), f.update();
@@ -2969,8 +2969,8 @@ function Hr(e) {
       if (!d) {
         var v = l.elements, _ = v.reference, g = v.popper;
         if (Us(_, g)) {
-          l.rects = { reference: Pp(_, In(g), l.options.strategy === "fixed"), popper: Fr(g) }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(F) {
-            return l.modifiersData[F.name] = Object.assign({}, F.data);
+          l.rects = { reference: Pp(_, Mn(g), l.options.strategy === "fixed"), popper: Lr(g) }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(L) {
+            return l.modifiersData[L.name] = Object.assign({}, L.data);
           });
           for (var O = 0; O < l.orderedModifiers.length; O++) {
             if (l.reset === !0) {
@@ -2982,7 +2982,7 @@ function Hr(e) {
           }
         }
       }
-    }, update: Mp(function() {
+    }, update: Ip(function() {
       return new Promise(function(v) {
         f.forceUpdate(), v(l);
       });
@@ -3016,13 +3016,13 @@ Hr();
 var $p = [bi, wi, gi, fi];
 Hr({ defaultModifiers: $p });
 var Np = [bi, wi, gi, fi, _p, mp, Sp, ep, gp], Rp = Hr({ defaultModifiers: Np });
-const Fp = (e, t, n = {}) => {
+const Lp = (e, t, n = {}) => {
   const o = {
     name: "updateState",
     enabled: !0,
     phase: "write",
     fn: ({ state: c }) => {
-      const l = Lp(c);
+      const l = Fp(c);
       Object.assign(a.value, l);
     },
     requires: ["computeStyles"]
@@ -3038,7 +3038,7 @@ const Fp = (e, t, n = {}) => {
         { name: "applyStyles", enabled: !1 }
       ]
     };
-  }), s = gr(), a = I({
+  }), s = gr(), a = M({
     styles: {
       popper: {
         position: y(r).strategy,
@@ -3080,7 +3080,7 @@ const Fp = (e, t, n = {}) => {
     instanceRef: E(() => y(s))
   };
 };
-function Lp(e) {
+function Fp(e) {
   const t = Object.keys(e.elements), n = or(t.map((r) => [r, e.styles[r] || {}])), o = or(t.map((r) => [r, e.attributes[r]]));
   return {
     styles: n,
@@ -3107,23 +3107,23 @@ usage: app.provide(ID_INJECTION_KEY, {
   prefix: number,
   current: number,
 })`);
-  const n = Ir();
+  const n = Mr();
   return E(() => y(e) || `${n.value}-id-${t.prefix}-${t.current++}`);
 };
-let Lt = [];
+let Ft = [];
 const Ws = (e) => {
   const t = e;
-  t.key === me.esc && Lt.forEach((n) => n(t));
+  t.key === me.esc && Ft.forEach((n) => n(t));
 }, Bp = (e) => {
   X(() => {
-    Lt.length === 0 && document.addEventListener("keydown", Ws), ve && Lt.push(e);
+    Ft.length === 0 && document.addEventListener("keydown", Ws), ve && Ft.push(e);
   }), We(() => {
-    Lt = Lt.filter((t) => t !== e), Lt.length === 0 && ve && document.removeEventListener("keydown", Ws);
+    Ft = Ft.filter((t) => t !== e), Ft.length === 0 && ve && document.removeEventListener("keydown", Ws);
   });
 };
 let qs;
 const Ei = () => {
-  const e = Ir(), t = xi(), n = E(() => `${e.value}-popper-container-${t.prefix}`), o = E(() => `#${n.value}`);
+  const e = Mr(), t = xi(), n = E(() => `${e.value}-popper-container-${t.prefix}`), o = E(() => `#${n.value}`);
   return {
     id: n,
     selector: o
@@ -3195,7 +3195,7 @@ const Ei = () => {
   unmounted() {
     e(null);
   }
-}), Gs = I(0), ki = 2e3, Oi = Symbol("zIndexContextKey"), Ti = (e) => {
+}), Gs = M(0), ki = 2e3, Oi = Symbol("zIndexContextKey"), Ti = (e) => {
   const t = e || (je() ? Z(Oi, void 0) : void 0), n = E(() => {
     const s = y(t);
     return Ue(s) ? s : ki;
@@ -3209,7 +3209,7 @@ const Ei = () => {
   type: String,
   values: Sf,
   required: !1
-}), Kp = Symbol("size"), Pi = Symbol(), fo = I();
+}), Kp = Symbol("size"), Pi = Symbol(), fo = M();
 function Ci(e, t = void 0) {
   const n = je() ? Z(Pi, fo) : fo;
   return e ? E(() => {
@@ -3231,14 +3231,14 @@ function Ai(e, t) {
     var i;
     return y(t) || ((i = n.value) == null ? void 0 : i.size) || "";
   });
-  return Mi(E(() => y(n) || {})), {
+  return Ii(E(() => y(n) || {})), {
     ns: o,
     locale: r,
     zIndex: s,
     size: a
   };
 }
-const Mi = (e, t, n = !1) => {
+const Ii = (e, t, n = !1) => {
   var o;
   const r = !!je(), s = r ? Ci() : void 0, a = (o = t == null ? void 0 : t.provide) != null ? o : r ? re : void 0;
   if (!a) {
@@ -3293,7 +3293,7 @@ H({
     Y(() => e.message, (o) => {
       Object.assign(ar, o ?? {});
     }, { immediate: !0, deep: !0 });
-    const n = Mi(e);
+    const n = Ii(e);
     return () => oe(t, "default", { config: n == null ? void 0 : n.value });
   }
 });
@@ -3333,7 +3333,7 @@ const Zp = ue({
   }
 });
 var eh = /* @__PURE__ */ fe(Xp, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-const po = At(eh), Ks = Symbol("formItemContextKey"), zr = Symbol("popper"), Ii = Symbol("popperContent"), th = [
+const po = At(eh), Ks = Symbol("formItemContextKey"), zr = Symbol("popper"), Mi = Symbol("popperContent"), th = [
   "dialog",
   "grid",
   "group",
@@ -3355,7 +3355,7 @@ const po = At(eh), Ks = Symbol("formItemContextKey"), zr = Symbol("popper"), Ii
   ...nh,
   props: $i,
   setup(e, { expose: t }) {
-    const n = e, o = I(), r = I(), s = I(), a = I(), i = E(() => n.role), c = {
+    const n = e, o = M(), r = M(), s = M(), a = M(), i = E(() => n.role), c = {
       triggerRef: o,
       popperInstanceRef: r,
       contentRef: s,
@@ -3378,7 +3378,7 @@ const Ni = ue({
   ...sh,
   props: Ni,
   setup(e, { expose: t }) {
-    const n = e, o = ae("popper"), { arrowOffset: r, arrowRef: s, arrowStyle: a } = Z(Ii, void 0);
+    const n = e, o = ae("popper"), { arrowOffset: r, arrowRef: s, arrowStyle: a } = Z(Mi, void 0);
     return Y(() => n.arrowOffset, (i) => {
       r.value = i;
     }), We(() => {
@@ -3422,7 +3422,7 @@ function Ri(e) {
   for (const n of t) {
     if (Pt(n))
       switch (n.type) {
-        case Fl:
+        case Ll:
           continue;
         case Rl:
         case "svg":
@@ -3442,7 +3442,7 @@ function Js(e) {
     class: t.e("content")
   }, [e]);
 }
-const Fi = ue({
+const Li = ue({
   virtualRef: {
     type: G(Object)
   },
@@ -3475,7 +3475,7 @@ const Fi = ue({
   inheritAttrs: !1
 }), uh = /* @__PURE__ */ H({
   ...ch,
-  props: Fi,
+  props: Li,
   setup(e, { expose: t }) {
     const n = e, { role: o, triggerRef: r } = Z(zr, void 0);
     Wp(r);
@@ -3527,7 +3527,7 @@ const Fi = ue({
       l == null || l(), l = void 0;
     }), t({
       triggerRef: r
-    }), (u, d) => u.virtualTriggering ? D("v-if", !0) : (T(), ee(y(lh), Jt({ key: 0 }, u.$attrs, {
+    }), (u, d) => u.virtualTriggering ? j("v-if", !0) : (T(), ee(y(lh), Jt({ key: 0 }, u.$attrs, {
       "aria-controls": y(s),
       "aria-describedby": y(a),
       "aria-expanded": y(c),
@@ -3547,9 +3547,9 @@ const Ho = "focus-trap.focus-after-trapped", zo = "focus-trap.focus-after-releas
 }, ph = {
   cancelable: !0,
   bubbles: !1
-}, Zs = "focusAfterTrapped", Qs = "focusAfterReleased", hh = Symbol("elFocusTrap"), Ur = I(), Oo = I(0), Vr = I(0);
+}, Zs = "focusAfterTrapped", Qs = "focusAfterReleased", hh = Symbol("elFocusTrap"), Ur = M(), Oo = M(0), Vr = M(0);
 let Bn = 0;
-const Li = (e) => {
+const Fi = (e) => {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const r = o.tagName === "INPUT" && o.type === "hidden";
@@ -3577,7 +3577,7 @@ const Li = (e) => {
   }
   return !1;
 }, vh = (e) => {
-  const t = Li(e), n = Xs(t, e), o = Xs(t.reverse(), e);
+  const t = Fi(e), n = Xs(t, e), o = Xs(t.reverse(), e);
   return [n, o];
 }, gh = (e) => e instanceof HTMLInputElement && "select" in e, st = (e, t) => {
   if (e && e.focus) {
@@ -3642,7 +3642,7 @@ const bh = () => {
     "release-requested"
   ],
   setup(e, { emit: t }) {
-    const n = I();
+    const n = M();
     let o, r;
     const { focusReason: s } = wh();
     Bp((p) => {
@@ -3661,24 +3661,24 @@ const bh = () => {
         return;
       const { key: v, altKey: _, ctrlKey: g, metaKey: O, currentTarget: P, shiftKey: C } = p, { loop: A } = e, $ = v === me.tab && !_ && !g && !O, b = document.activeElement;
       if ($ && b) {
-        const F = P, [L, x] = vh(F);
-        if (L && x) {
+        const L = P, [F, x] = vh(L);
+        if (F && x) {
           if (!C && b === x) {
-            const M = zn({
+            const I = zn({
               focusReason: s.value
             });
-            t("focusout-prevented", M), M.defaultPrevented || (p.preventDefault(), A && st(L, !0));
-          } else if (C && [L, F].includes(b)) {
-            const M = zn({
+            t("focusout-prevented", I), I.defaultPrevented || (p.preventDefault(), A && st(F, !0));
+          } else if (C && [F, L].includes(b)) {
+            const I = zn({
               focusReason: s.value
             });
-            t("focusout-prevented", M), M.defaultPrevented || (p.preventDefault(), A && st(x, !0));
+            t("focusout-prevented", I), I.defaultPrevented || (p.preventDefault(), A && st(x, !0));
           }
-        } else if (b === F) {
-          const M = zn({
+        } else if (b === L) {
+          const I = zn({
             focusReason: s.value
           });
-          t("focusout-prevented", M), M.defaultPrevented || p.preventDefault();
+          t("focusout-prevented", I), I.defaultPrevented || p.preventDefault();
         }
       }
     };
@@ -3726,7 +3726,7 @@ const bh = () => {
           const g = new Event(Ho, Ys);
           p.addEventListener(Ho, c), p.dispatchEvent(g), g.defaultPrevented || tt(() => {
             let O = e.focusStartEl;
-            ye(O) || (st(O), document.activeElement !== O && (O = "first")), O === "first" && yh(Li(p), !0), (document.activeElement === v || O === "container") && st(p);
+            ye(O) || (st(O), document.activeElement !== O && (O = "first")), O === "first" && yh(Fi(p), !0), (document.activeElement === v || O === "container") && st(p);
           });
         }
       }
@@ -3852,7 +3852,7 @@ const kh = ["fixed", "absolute"], Oh = ue({
     ...r,
     modifiers: [...Ah(e), ...t]
   };
-  return Mh(s, r == null ? void 0 : r.modifiers), s;
+  return Ih(s, r == null ? void 0 : r.modifiers), s;
 }, Ch = (e) => {
   if (ve)
     return it(e);
@@ -3892,16 +3892,16 @@ function Ah(e) {
     }
   ];
 }
-function Mh(e, t) {
+function Ih(e, t) {
   t && (e.modifiers = [...e.modifiers, ...t ?? []]);
 }
-const Ih = 0, $h = (e) => {
-  const { popperInstanceRef: t, contentRef: n, triggerRef: o, role: r } = Z(zr, void 0), s = I(), a = I(), i = E(() => ({
+const Mh = 0, $h = (e) => {
+  const { popperInstanceRef: t, contentRef: n, triggerRef: o, role: r } = Z(zr, void 0), s = M(), a = M(), i = E(() => ({
     name: "eventListeners",
     enabled: !!e.visible
   })), c = E(() => {
     var g;
-    const O = y(s), P = (g = y(a)) != null ? g : Ih;
+    const O = y(s), P = (g = y(a)) != null ? g : Mh;
     return {
       name: "arrow",
       enabled: !nf(O),
@@ -3918,7 +3918,7 @@ const Ih = 0, $h = (e) => {
       y(c),
       y(i)
     ])
-  })), u = E(() => Ch(e.referenceEl) || y(o)), { attributes: d, state: f, styles: m, update: p, forceUpdate: v, instanceRef: _ } = Fp(u, n, l);
+  })), u = E(() => Ch(e.referenceEl) || y(o)), { attributes: d, state: f, styles: m, update: p, forceUpdate: v, instanceRef: _ } = Lp(u, n, l);
   return Y(_, (g) => t.value = g), X(() => {
     Y(() => {
       var g;
@@ -3942,7 +3942,7 @@ const Ih = 0, $h = (e) => {
   styles: n,
   role: o
 }) => {
-  const { nextZIndex: r } = Ti(), s = ae("popper"), a = E(() => y(t).popper), i = I(Ue(e.zIndex) ? e.zIndex : r()), c = E(() => [
+  const { nextZIndex: r } = Ti(), s = ae("popper"), a = E(() => y(t).popper), i = M(Ue(e.zIndex) ? e.zIndex : r()), c = E(() => [
     s.b(),
     s.is("pure", e.pure),
     s.is(e.effect),
@@ -3964,7 +3964,7 @@ const Ih = 0, $h = (e) => {
     }
   };
 }, Rh = (e, t) => {
-  const n = I(!1), o = I();
+  const n = M(!1), o = M();
   return {
     focusStartRef: o,
     trapped: n,
@@ -3985,10 +3985,10 @@ const Ih = 0, $h = (e) => {
       n.value = !1, t("close");
     }
   };
-}, Fh = H({
+}, Lh = H({
   name: "ElPopperContent"
-}), Lh = /* @__PURE__ */ H({
-  ...Fh,
+}), Fh = /* @__PURE__ */ H({
+  ...Lh,
   props: ji,
   emits: Th,
   setup(e, { expose: t, emit: n }) {
@@ -4011,20 +4011,20 @@ const Ih = 0, $h = (e) => {
       styles: p,
       attributes: d,
       role: _
-    }), F = Z(Ks, void 0), L = I();
-    re(Ii, {
+    }), L = Z(Ks, void 0), F = M();
+    re(Mi, {
       arrowStyle: P,
       arrowRef: f,
-      arrowOffset: L
-    }), F && (F.addInputId || F.removeInputId) && re(Ks, {
-      ...F,
+      arrowOffset: F
+    }), L && (L.addInputId || L.removeInputId) && re(Ks, {
+      ...L,
       addInputId: lo,
       removeInputId: lo
     });
     let x;
     const w = (N = !0) => {
       g(), N && b();
-    }, M = () => {
+    }, I = () => {
       w(!1), o.visible && o.focusOnShow ? s.value = !0 : o.visible === !1 && (s.value = !1);
     };
     return X(() => {
@@ -4032,13 +4032,13 @@ const Ih = 0, $h = (e) => {
         x == null || x(), x = void 0;
         const q = y(N || m.value), z = y(W || m.value);
         Sn(q) && (x = Y([_, () => o.ariaLabel, O, () => o.id], (k) => {
-          ["role", "aria-label", "aria-modal", "id"].forEach((j, K) => {
-            En(k[K]) ? q.removeAttribute(j) : q.setAttribute(j, k[K]);
+          ["role", "aria-label", "aria-modal", "id"].forEach((D, K) => {
+            En(k[K]) ? q.removeAttribute(D) : q.setAttribute(D, k[K]);
           });
         }, { immediate: !0 })), z !== q && Sn(z) && ["role", "aria-label", "aria-modal", "id"].forEach((k) => {
           z.removeAttribute(k);
         });
-      }, { immediate: !0 }), Y(() => o.visible, M, { immediate: !0 });
+      }, { immediate: !0 }), Y(() => o.visible, I, { immediate: !0 });
     }), We(() => {
       x == null || x(), x = void 0;
     }), t({
@@ -4075,7 +4075,7 @@ const Ih = 0, $h = (e) => {
     ], 16));
   }
 });
-var jh = /* @__PURE__ */ fe(Lh, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/content.vue"]]);
+var jh = /* @__PURE__ */ fe(Fh, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/content.vue"]]);
 const Dh = At(rh), Wr = Symbol("elTooltip"), Di = ue({
   ...Up,
   ...ji,
@@ -4103,7 +4103,7 @@ const Dh = At(rh), Wr = Symbol("elTooltip"), Di = ue({
   },
   disabled: Boolean
 }), Bi = ue({
-  ...Fi,
+  ...Li,
   disabled: Boolean,
   trigger: {
     type: G([String, Array]),
@@ -4143,7 +4143,7 @@ const Dh = At(rh), Wr = Symbol("elTooltip"), Di = ue({
   ...qh,
   props: Bi,
   setup(e, { expose: t }) {
-    const n = e, o = ae("tooltip"), { controlled: r, id: s, open: a, onOpen: i, onClose: c, onToggle: l } = Z(Wr, void 0), u = I(null), d = () => {
+    const n = e, o = ae("tooltip"), { controlled: r, id: s, open: a, onOpen: i, onClose: c, onToggle: l } = Z(Wr, void 0), u = M(null), d = () => {
       if (y(r) || n.disabled)
         return !0;
     }, f = Xe(n, "trigger"), m = Ze(d, Rt(f, "hover", i)), p = Ze(d, Rt(f, "hover", c)), v = Ze(d, Rt(f, "click", (C) => {
@@ -4185,7 +4185,7 @@ const Jh = H({
   ...Jh,
   props: Di,
   setup(e, { expose: t }) {
-    const n = e, { selector: o } = Ei(), r = ae("tooltip"), s = I(null), a = I(!1), {
+    const n = e, { selector: o } = Ei(), r = ae("tooltip"), s = M(null), a = M(!1), {
       controlled: i,
       id: c,
       open: l,
@@ -4203,18 +4203,18 @@ const Jh = H({
     const P = E(() => y(O) ? !0 : y(l)), C = E(() => n.disabled ? !1 : y(l)), A = E(() => n.appendTo || o.value), $ = E(() => {
       var k;
       return (k = n.style) != null ? k : {};
-    }), b = E(() => !y(l)), F = () => {
+    }), b = E(() => !y(l)), L = () => {
       p();
-    }, L = () => {
+    }, F = () => {
       if (y(i))
         return !0;
-    }, x = Ze(L, () => {
+    }, x = Ze(F, () => {
       n.enterable && y(u) === "hover" && f();
-    }), w = Ze(L, () => {
+    }), w = Ze(F, () => {
       y(u) === "hover" && d();
-    }), M = () => {
-      var k, j;
-      (j = (k = s.value) == null ? void 0 : k.updatePopper) == null || j.call(k), v == null || v();
+    }), I = () => {
+      var k, D;
+      (D = (k = s.value) == null ? void 0 : k.updatePopper) == null || D.call(k), v == null || v();
     }, N = () => {
       _ == null || _();
     }, W = () => {
@@ -4235,18 +4235,18 @@ const Jh = H({
     }, {
       flush: "post"
     }), Y(() => n.content, () => {
-      var k, j;
-      (j = (k = s.value) == null ? void 0 : k.updatePopper) == null || j.call(k);
+      var k, D;
+      (D = (k = s.value) == null ? void 0 : k.updatePopper) == null || D.call(k);
     }), t({
       contentRef: s
-    }), (k, j) => (T(), ee(ka, {
+    }), (k, D) => (T(), ee(ka, {
       disabled: !k.teleported,
       to: y(A)
     }, [
       Q(Tt, {
         name: y(g),
-        onAfterLeave: F,
-        onBeforeEnter: M,
+        onAfterLeave: L,
+        onBeforeEnter: I,
         onAfterEnter: W,
         onBeforeLeave: N
       }, {
@@ -4281,12 +4281,12 @@ const Jh = H({
             onClose: y(d)
           }), {
             default: U(() => [
-              a.value ? D("v-if", !0) : oe(k.$slots, "default", { key: 0 })
+              a.value ? j("v-if", !0) : oe(k.$slots, "default", { key: 0 })
             ]),
             _: 3
           }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
             [Yt, y(C)]
-          ]) : D("v-if", !0)
+          ]) : j("v-if", !0)
         ]),
         _: 3
       }, 8, ["name"])
@@ -4303,11 +4303,11 @@ const Qh = ["innerHTML"], Xh = { key: 1 }, em = H({
   setup(e, { expose: t, emit: n }) {
     const o = e;
     zp();
-    const r = Dp(), s = I(), a = I(), i = () => {
+    const r = Dp(), s = M(), a = M(), i = () => {
       var g;
       const O = y(s);
       O && ((g = O.popperInstanceRef) == null || g.update());
-    }, c = I(!1), l = I(), { show: u, hide: d, hasUpdateHandler: f } = zh({
+    }, c = M(!1), l = M(), { show: u, hide: d, hasUpdateHandler: f } = zh({
       indicator: c,
       toggleReason: l
     }), { onOpen: m, onClose: p } = Vp({
@@ -4352,7 +4352,7 @@ const Qh = ["innerHTML"], Xh = { key: 1 }, em = H({
       const C = (P = (O = a.value) == null ? void 0 : O.contentRef) == null ? void 0 : P.popperContentRef, A = (g == null ? void 0 : g.relatedTarget) || document.activeElement;
       return C && C.contains(A);
     };
-    return Ll(() => c.value && d()), t({
+    return Fl(() => c.value && d()), t({
       popperRef: s,
       contentRef: a,
       isFocusInsideContent: _,
@@ -4374,7 +4374,7 @@ const Qh = ["innerHTML"], Xh = { key: 1 }, em = H({
           "virtual-triggering": g.virtualTriggering
         }, {
           default: U(() => [
-            g.$slots.default ? oe(g.$slots, "default", { key: 0 }) : D("v-if", !0)
+            g.$slots.default ? oe(g.$slots, "default", { key: 0 }) : j("v-if", !0)
           ]),
           _: 3
         }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
@@ -4418,7 +4418,7 @@ const Qh = ["innerHTML"], Xh = { key: 1 }, em = H({
             g.showArrow ? (T(), ee(y(ih), {
               key: 0,
               "arrow-offset": g.arrowOffset
-            }, null, 8, ["arrow-offset"])) : D("v-if", !0)
+            }, null, 8, ["arrow-offset"])) : j("v-if", !0)
           ]),
           _: 3
         }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
@@ -5089,7 +5089,7 @@ const Pm = At(Tm), Cm = ue({
   }
 }), Am = H({
   name: "ElCol"
-}), Mm = /* @__PURE__ */ H({
+}), Im = /* @__PURE__ */ H({
   ...Am,
   props: Cm,
   setup(e) {
@@ -5118,8 +5118,8 @@ const Pm = At(Tm), Cm = ue({
     }, 8, ["class", "style"]));
   }
 });
-var Im = /* @__PURE__ */ fe(Mm, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/col/src/col.vue"]]);
-const $m = At(Im), Nm = H({
+var Mm = /* @__PURE__ */ fe(Im, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/col/src/col.vue"]]);
+const $m = At(Mm), Nm = H({
   name: "ElCollapseTransition"
 }), Rm = /* @__PURE__ */ H({
   ...Nm,
@@ -5166,8 +5166,8 @@ var so = /* @__PURE__ */ fe(Rm, [["__file", "/home/runner/work/element-plus/elem
 so.install = (e) => {
   e.component(so.name, so);
 };
-const Fm = so;
-let Lm = class {
+const Lm = so;
+let Fm = class {
   constructor(t, n) {
     this.parent = t, this.domNode = n, this.subIndex = 0, this.subIndex = 0, this.init();
   }
@@ -5212,7 +5212,7 @@ let Lm = class {
   init(t) {
     this.domNode.setAttribute("tabindex", "0");
     const n = this.domNode.querySelector(`.${t}-menu`);
-    n && (this.submenu = new Lm(this, n)), this.addListeners();
+    n && (this.submenu = new Fm(this, n)), this.addListeners();
   }
   addListeners() {
     this.domNode.addEventListener("keydown", (t) => {
@@ -5371,13 +5371,13 @@ var qr = H({
     c || co(Wn, "can not inject root menu");
     const l = Z(`subMenu:${s.value.uid}`);
     l || co(Wn, "can not inject sub menu");
-    const u = I({}), d = I({});
+    const u = M({}), d = M({});
     let f;
-    const m = I(!1), p = I(), v = I(null), _ = E(() => F.value === "horizontal" && O.value ? "bottom-start" : "right-start"), g = E(() => F.value === "horizontal" && O.value || F.value === "vertical" && !c.props.collapse ? e.expandCloseIcon && e.expandOpenIcon ? $.value ? e.expandOpenIcon : e.expandCloseIcon : uf : e.collapseCloseIcon && e.collapseOpenIcon ? $.value ? e.collapseOpenIcon : e.collapseCloseIcon : ff), O = E(() => l.level === 0), P = E(() => {
+    const m = M(!1), p = M(), v = M(null), _ = E(() => L.value === "horizontal" && O.value ? "bottom-start" : "right-start"), g = E(() => L.value === "horizontal" && O.value || L.value === "vertical" && !c.props.collapse ? e.expandCloseIcon && e.expandOpenIcon ? $.value ? e.expandOpenIcon : e.expandCloseIcon : uf : e.collapseCloseIcon && e.collapseOpenIcon ? $.value ? e.collapseOpenIcon : e.collapseCloseIcon : ff), O = E(() => l.level === 0), P = E(() => {
       var z;
       const k = (z = e.teleported) != null ? z : e.popperAppendToBody;
       return k === void 0 ? O.value : k;
-    }), C = E(() => c.props.collapse ? `${a.namespace.value}-zoom-in-left` : `${a.namespace.value}-zoom-in-top`), A = E(() => F.value === "horizontal" && O.value ? [
+    }), C = E(() => c.props.collapse ? `${a.namespace.value}-zoom-in-left` : `${a.namespace.value}-zoom-in-top`), A = E(() => L.value === "horizontal" && O.value ? [
       "bottom-start",
       "bottom-end",
       "top-start",
@@ -5400,14 +5400,14 @@ var qr = H({
       }), Object.values(d.value).forEach((k) => {
         k.active && (z = !0);
       }), z;
-    }), F = E(() => c.props.mode), L = Zt({
+    }), L = E(() => c.props.mode), F = Zt({
       index: e.index,
       indexPath: r,
       active: b
     }), x = Wi(c.props, l.level + 1), w = () => {
-      var z, k, j;
-      return (j = (k = (z = v.value) == null ? void 0 : z.popperRef) == null ? void 0 : k.popperInstanceRef) == null ? void 0 : j.destroy();
-    }, M = (z) => {
+      var z, k, D;
+      return (D = (k = (z = v.value) == null ? void 0 : z.popperRef) == null ? void 0 : k.popperInstanceRef) == null ? void 0 : D.destroy();
+    }, I = (z) => {
       z || w();
     }, N = () => {
       c.props.menuTrigger === "hover" && c.props.mode === "horizontal" || c.props.collapse && c.props.mode === "vertical" || e.disabled || c.handleSubMenuClick({
@@ -5416,20 +5416,20 @@ var qr = H({
         active: b.value
       });
     }, W = (z, k = e.showTimeout) => {
-      var j;
+      var D;
       z.type !== "focus" && (c.props.menuTrigger === "click" && c.props.mode === "horizontal" || !c.props.collapse && c.props.mode === "vertical" || e.disabled || (l.mouseInChild.value = !0, f == null || f(), { stop: f } = nr(() => {
         c.openMenu(e.index, r.value);
-      }, k), P.value && ((j = s.value.vnode.el) == null || j.dispatchEvent(new MouseEvent("mouseenter")))));
+      }, k), P.value && ((D = s.value.vnode.el) == null || D.dispatchEvent(new MouseEvent("mouseenter")))));
     }, q = (z = !1) => {
-      var k, j;
-      c.props.menuTrigger === "click" && c.props.mode === "horizontal" || !c.props.collapse && c.props.mode === "vertical" || (f == null || f(), l.mouseInChild.value = !1, { stop: f } = nr(() => !m.value && c.closeMenu(e.index, r.value), e.hideTimeout), P.value && z && ((k = o.parent) == null ? void 0 : k.type.name) === "ElSubMenu" && ((j = l.handleMouseleave) == null || j.call(l, !0)));
+      var k, D;
+      c.props.menuTrigger === "click" && c.props.mode === "horizontal" || !c.props.collapse && c.props.mode === "vertical" || (f == null || f(), l.mouseInChild.value = !1, { stop: f } = nr(() => !m.value && c.closeMenu(e.index, r.value), e.hideTimeout), P.value && z && ((k = o.parent) == null ? void 0 : k.type.name) === "ElSubMenu" && ((D = l.handleMouseleave) == null || D.call(l, !0)));
     };
-    Y(() => c.props.collapse, (z) => M(!!z));
+    Y(() => c.props.collapse, (z) => I(!!z));
     {
-      const z = (j) => {
-        d.value[j.index] = j;
-      }, k = (j) => {
-        delete d.value[j.index];
+      const z = (D) => {
+        d.value[D.index] = D;
+      }, k = (D) => {
+        delete d.value[D.index];
       };
       re(`subMenu:${o.uid}`, {
         addSubMenu: z,
@@ -5442,9 +5442,9 @@ var qr = H({
     return n({
       opened: $
     }), X(() => {
-      c.addSubMenu(L), l.addSubMenu(L);
+      c.addSubMenu(F), l.addSubMenu(F);
     }), We(() => {
-      l.removeSubMenu(L), c.removeSubMenu(L);
+      l.removeSubMenu(F), c.removeSubMenu(F);
     }), () => {
       var z;
       const k = [
@@ -5457,7 +5457,7 @@ var qr = H({
         }, {
           default: () => ye(g.value) ? V(o.appContext.components[g.value]) : V(g.value)
         })
-      ], j = c.isMenuPopup ? V(Hi, {
+      ], D = c.isMenuPopup ? V(Hi, {
         ref: v,
         visible: $.value,
         effect: "light",
@@ -5476,7 +5476,7 @@ var qr = H({
           var K;
           return V("div", {
             class: [
-              a.m(F.value),
+              a.m(L.value),
               a.m("popup-container"),
               e.popperClass
             ],
@@ -5504,7 +5504,7 @@ var qr = H({
           ref: p,
           onClick: N
         }, k),
-        V(Fm, {}, {
+        V(Lm, {}, {
           default: () => {
             var K;
             return He(V("ul", {
@@ -5528,7 +5528,7 @@ var qr = H({
         onMouseenter: W,
         onMouseleave: () => q(!0),
         onFocus: W
-      }, [j]);
+      }, [D]);
     };
   }
 });
@@ -5580,7 +5580,7 @@ var Gm = H({
   props: Wm,
   emits: qm,
   setup(e, { emit: t, slots: n, expose: o }) {
-    const r = je(), s = r.appContext.config.globalProperties.$router, a = I(), i = ae("menu"), c = ae("sub-menu"), l = I(-1), u = I(e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []), d = I(e.defaultActive), f = I({}), m = I({}), p = E(() => e.mode === "horizontal" || e.mode === "vertical" && e.collapse), v = () => {
+    const r = je(), s = r.appContext.config.globalProperties.$router, a = M(), i = ae("menu"), c = ae("sub-menu"), l = M(-1), u = M(e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []), d = M(e.defaultActive), f = M({}), m = M({}), p = E(() => e.mode === "horizontal" || e.mode === "vertical" && e.collapse), v = () => {
       const w = d.value && f.value[d.value];
       if (!w || e.mode === "horizontal" || e.collapse)
         return;
@@ -5588,55 +5588,55 @@ var Gm = H({
         const W = m.value[N];
         W && _(N, W.indexPath);
       });
-    }, _ = (w, M) => {
-      u.value.includes(w) || (e.uniqueOpened && (u.value = u.value.filter((N) => M.includes(N))), u.value.push(w), t("open", w, M));
+    }, _ = (w, I) => {
+      u.value.includes(w) || (e.uniqueOpened && (u.value = u.value.filter((N) => I.includes(N))), u.value.push(w), t("open", w, I));
     }, g = (w) => {
-      const M = u.value.indexOf(w);
-      M !== -1 && u.value.splice(M, 1);
-    }, O = (w, M) => {
-      g(w), t("close", w, M);
+      const I = u.value.indexOf(w);
+      I !== -1 && u.value.splice(I, 1);
+    }, O = (w, I) => {
+      g(w), t("close", w, I);
     }, P = ({
       index: w,
-      indexPath: M
+      indexPath: I
     }) => {
-      u.value.includes(w) ? O(w, M) : _(w, M);
+      u.value.includes(w) ? O(w, I) : _(w, I);
     }, C = (w) => {
       (e.mode === "horizontal" || e.collapse) && (u.value = []);
-      const { index: M, indexPath: N } = w;
-      if (!(En(M) || En(N)))
+      const { index: I, indexPath: N } = w;
+      if (!(En(I) || En(N)))
         if (e.router && s) {
-          const W = w.route || M, q = s.push(W).then((z) => (z || (d.value = M), z));
-          t("select", M, N, { index: M, indexPath: N, route: W }, q);
+          const W = w.route || I, q = s.push(W).then((z) => (z || (d.value = I), z));
+          t("select", I, N, { index: I, indexPath: N, route: W }, q);
         } else
-          d.value = M, t("select", M, N, { index: M, indexPath: N });
+          d.value = I, t("select", I, N, { index: I, indexPath: N });
     }, A = (w) => {
-      const M = f.value, N = M[w] || d.value && M[d.value] || M[e.defaultActive];
+      const I = f.value, N = I[w] || d.value && I[d.value] || I[e.defaultActive];
       N ? d.value = N.index : d.value = w;
     }, $ = () => {
-      var w, M;
+      var w, I;
       if (!a.value)
         return -1;
-      const N = Array.from((M = (w = a.value) == null ? void 0 : w.childNodes) != null ? M : []).filter((te) => te.nodeName !== "#comment" && (te.nodeName !== "#text" || te.nodeValue)), W = 64, q = Number.parseInt(getComputedStyle(a.value).paddingLeft, 10), z = Number.parseInt(getComputedStyle(a.value).paddingRight, 10), k = a.value.clientWidth - q - z;
-      let j = 0, K = 0;
+      const N = Array.from((I = (w = a.value) == null ? void 0 : w.childNodes) != null ? I : []).filter((te) => te.nodeName !== "#comment" && (te.nodeName !== "#text" || te.nodeValue)), W = 64, q = Number.parseInt(getComputedStyle(a.value).paddingLeft, 10), z = Number.parseInt(getComputedStyle(a.value).paddingRight, 10), k = a.value.clientWidth - q - z;
+      let D = 0, K = 0;
       return N.forEach((te, Ke) => {
-        j += te.offsetWidth || 0, j <= k - W && (K = Ke + 1);
+        D += te.offsetWidth || 0, D <= k - W && (K = Ke + 1);
       }), K === N.length ? -1 : K;
-    }, b = (w, M = 33.34) => {
+    }, b = (w, I = 33.34) => {
       let N;
       return () => {
         N && clearTimeout(N), N = setTimeout(() => {
           w();
-        }, M);
+        }, I);
       };
     };
-    let F = !0;
-    const L = () => {
+    let L = !0;
+    const F = () => {
       const w = () => {
         l.value = -1, tt(() => {
           l.value = $();
         });
       };
-      F ? w() : b(w)(), F = !1;
+      L ? w() : b(w)(), L = !1;
     };
     Y(() => e.defaultActive, (w) => {
       f.value[w] || (d.value = ""), A(w);
@@ -5644,13 +5644,13 @@ var Gm = H({
       w && (u.value = []);
     }), Y(f.value, v);
     let x;
-    Ie(() => {
-      e.mode === "horizontal" && e.ellipsis ? x = Ga(a, L).stop : x == null || x();
+    Me(() => {
+      e.mode === "horizontal" && e.ellipsis ? x = Ga(a, F).stop : x == null || x();
     });
     {
       const w = (q) => {
         m.value[q.index] = q;
-      }, M = (q) => {
+      }, I = (q) => {
         delete m.value[q.index];
       };
       re("rootMenu", Zt({
@@ -5667,34 +5667,34 @@ var Gm = H({
           delete f.value[q.index];
         },
         addSubMenu: w,
-        removeSubMenu: M,
+        removeSubMenu: I,
         openMenu: _,
         closeMenu: O,
         handleMenuItemClick: C,
         handleSubMenuClick: P
       })), re(`subMenu:${r.uid}`, {
         addSubMenu: w,
-        removeSubMenu: M,
-        mouseInChild: I(!1),
+        removeSubMenu: I,
+        mouseInChild: M(!1),
         level: 0
       });
     }
     return X(() => {
       e.mode === "horizontal" && new Dm(r.vnode.el, i.namespace.value);
     }), o({
-      open: (M) => {
-        const { indexPath: N } = m.value[M];
+      open: (I) => {
+        const { indexPath: N } = m.value[I];
         N.forEach((W) => _(W, N));
       },
       close: g,
-      handleResize: L
+      handleResize: F
     }), () => {
-      var w, M;
-      let N = (M = (w = n.default) == null ? void 0 : w.call(n)) != null ? M : [];
+      var w, I;
+      let N = (I = (w = n.default) == null ? void 0 : w.call(n)) != null ? I : [];
       const W = [];
       if (e.mode === "horizontal" && a.value) {
-        const k = no(N), j = l.value === -1 ? k : k.slice(0, l.value), K = l.value === -1 ? [] : k.slice(l.value);
-        K != null && K.length && e.ellipsis && (N = j, W.push(V(qr, {
+        const k = no(N), D = l.value === -1 ? k : k.slice(0, l.value), K = l.value === -1 ? [] : k.slice(l.value);
+        K != null && K.length && e.ellipsis && (N = D, W.push(V(qr, {
           index: "sub-menu-more",
           class: c.e("hide-arrow")
         }, {
@@ -5836,12 +5836,12 @@ const nv = At(Gm, {
   MenuItem: qi,
   MenuItemGroup: Gi,
   SubMenu: qr
-}), fn = Mr(qi);
-Mr(Gi);
-const ov = Mr(qr);
+}), fn = Ir(qi);
+Ir(Gi);
+const ov = Ir(qr);
 function rv(e) {
   let t;
-  const n = I(!1), o = Zt({
+  const n = M(!1), o = Zt({
     ...e,
     originalPosition: "",
     originalOverflow: "",
@@ -5985,7 +5985,7 @@ const lr = function(e = {}) {
   var n, o, r, s;
   const a = t.instance, i = (f) => Pt(t.value) ? t.value[f] : void 0, c = (f) => {
     const m = ye(f) && (a == null ? void 0 : a[f]) || f;
-    return m && I(m);
+    return m && M(m);
   }, l = (f) => c(i(f) || e.getAttribute(`element-loading-${Pu(f)}`)), u = (n = i("fullscreen")) != null ? n : t.modifiers.fullscreen, d = {
     text: l("text"),
     svg: l("svg"),
@@ -6117,7 +6117,7 @@ const lr = function(e = {}) {
   props: lv,
   emits: cv,
   setup(e, { expose: t }) {
-    const n = e, { Close: o } = xf, { ns: r, zIndex: s } = Ai("message"), { currentZIndex: a, nextZIndex: i } = s, c = I(), l = I(!1), u = I(0);
+    const n = e, { Close: o } = xf, { ns: r, zIndex: s } = Ai("message"), { currentZIndex: a, nextZIndex: i } = s, c = M(), l = M(!1), u = M(0);
     let d;
     const f = E(() => n.type ? n.type === "error" ? "danger" : n.type : "info"), m = E(() => {
       const b = n.type;
@@ -6150,10 +6150,10 @@ const lr = function(e = {}) {
       visible: l,
       bottom: g,
       close: A
-    }), (b, F) => (T(), ee(Tt, {
+    }), (b, L) => (T(), ee(Tt, {
       name: y(r).b("fade"),
       onBeforeLeave: b.onClose,
-      onAfterLeave: F[0] || (F[0] = (L) => b.$emit("destroy")),
+      onAfterLeave: L[0] || (L[0] = (F) => b.$emit("destroy")),
       persisted: ""
     }, {
       default: U(() => [
@@ -6178,7 +6178,7 @@ const lr = function(e = {}) {
             value: b.repeatNum,
             type: y(f),
             class: se(y(r).e("badge"))
-          }, null, 8, ["value", "type", "class"])) : D("v-if", !0),
+          }, null, 8, ["value", "type", "class"])) : j("v-if", !0),
           y(p) ? (T(), ee(y(po), {
             key: 1,
             class: se([y(r).e("icon"), y(m)])
@@ -6187,10 +6187,10 @@ const lr = function(e = {}) {
               (T(), ee(br(y(p))))
             ]),
             _: 1
-          }, 8, ["class"])) : D("v-if", !0),
+          }, 8, ["class"])) : j("v-if", !0),
           oe(b.$slots, "default", {}, () => [
             b.dangerouslyUseHTMLString ? (T(), R(ie, { key: 1 }, [
-              D(" Caution here, message could've been compromised, never use user's input as message "),
+              j(" Caution here, message could've been compromised, never use user's input as message "),
               h("p", {
                 class: se(y(r).e("content")),
                 innerHTML: b.message
@@ -6209,7 +6209,7 @@ const lr = function(e = {}) {
               Q(y(o))
             ]),
             _: 1
-          }, 8, ["class", "onClick"])) : D("v-if", !0)
+          }, 8, ["class", "onClick"])) : j("v-if", !0)
         ], 46, pv), [
           [Yt, l.value]
         ])
@@ -6303,7 +6303,7 @@ function nn() {
 }
 function xv() {
   const e = Zi(), t = nn();
-  return e.product ? e.product : t ? t.slice(1) : location.href.indexOf("convert") != -1 ? "convert" : location.href.indexOf("translate") != -1 ? "translate" : "recorder";
+  return e.product ? e.product : t ? t.slice(1) : location.href.indexOf("convert") != -1 ? "convert" : location.href.indexOf("translate") != -1 ? "translate" : "video_translator";
 }
 function Yi(e, t) {
   window.__bl && __bl.error(new Error(JSON.stringify(e)), {
@@ -6319,7 +6319,7 @@ function Zi() {
       t = o[n].split("="), e[decodeURIComponent(t[0])] = t.length > 1 ? decodeURIComponent(t[1]) : "";
   return e;
 }
-function Mt({ url: e, data: t = null, method: n = "GET", headers: o = null, cacheKey: r, cacheTime: s }) {
+function It({ url: e, data: t = null, method: n = "GET", headers: o = null, cacheKey: r, cacheTime: s }) {
   try {
     var a = new AbortController(), i = a.signal;
   } catch {
@@ -6343,13 +6343,10 @@ function Mt({ url: e, data: t = null, method: n = "GET", headers: o = null, cach
       d(new Response("timeout", { status: 504, statusText: "timeout" })), a && a.abort();
     }, 6e4);
   });
-  return Promise.race([u(), fetch(e, l).then((d) => d.json())]).then((d) => (console.log(d), d.success == !0 || d.ok === 0 || d.code == 0 ? (r && (s ? Ln.put(r, d.data, s) : Ln.put(r, d.data)), (d.message || d.message == 0) && (window.g_message = d.message), Promise.resolve(d.data)) : d && d.image || d && d.GOOGLE_ACCESS_TOKEN ? (r && (s ? Ln.put(r, d, s) : Ln.put(r, d)), Promise.resolve(d)) : d.statusText == "timeout" ? Promise.reject("The system is busy, please try again later") : e.indexOf("/site/get") != -1 ? Promise.resolve({
+  return Promise.race([u(), fetch(e, l).then((d) => d.json())]).then((d) => d.success == !0 || d.ok === 0 || d.code == 0 ? (r && (s ? Fn.put(r, d.data, s) : Fn.put(r, d.data)), (d.message || d.message == 0) && (window.g_message = d.message), Promise.resolve(d.data)) : d && d.image || d && d.GOOGLE_ACCESS_TOKEN ? (r && (s ? Fn.put(r, d, s) : Fn.put(r, d)), Promise.resolve(d)) : d.statusText == "timeout" ? Promise.reject("The system is busy, please try again later") : e.indexOf("/site/get") != -1 ? Promise.resolve({
     key: "",
-    value: JSON.stringify({
-      month: 0,
-      usedCharCount: 0
-    })
-  }) : Promise.reject(d.message || d.msg && d || "failed, please check your network and try again"))).catch((d) => Promise.reject(d));
+    value: JSON.stringify({})
+  }) : Promise.reject(d.message || d.msg && d || "failed, please check your network and try again")).catch((d) => Promise.reject(d));
 }
 let on = nn();
 function ua(e) {
@@ -6357,7 +6354,7 @@ function ua(e) {
     "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
   };
   let n = on + "/api/user/status";
-  return e && (n += "?drive=1"), Mt({
+  return e && (n += "?drive=1"), It({
     url: n,
     method: "POST",
     headers: t,
@@ -6366,7 +6363,7 @@ function ua(e) {
     }
   });
 }
-const Ev = (e) => Mt({
+const Ev = (e) => It({
   url: on + "/api/user/active-passport",
   data: {
     passport: e
@@ -6377,7 +6374,7 @@ const Ev = (e) => Mt({
   }
 });
 function Sv(e) {
-  return Mt({
+  return It({
     url: on + "/api/user/facebooklogin",
     data: {
       token: e
@@ -6389,7 +6386,7 @@ function Sv(e) {
   });
 }
 function Qi(e) {
-  return Mt({
+  return It({
     url: on + "/api/user/google",
     data: {
       token: e
@@ -6401,7 +6398,7 @@ function Qi(e) {
   });
 }
 function kv(e, t) {
-  return Mt({
+  return It({
     url: on + "/api/user/emaillogin?email=" + encodeURIComponent(e) + "&password=" + encodeURIComponent(t)
     // data: {
     //   email,
@@ -6411,7 +6408,7 @@ function kv(e, t) {
   });
 }
 function Ov(e, t, n) {
-  return Mt({
+  return It({
     url: on + "/api/user/emailsignup?email=" + encodeURIComponent(e) + "&username=" + encodeURIComponent(t) + "&password=" + encodeURIComponent(n)
     // data: {
     //   email,
@@ -6421,7 +6418,7 @@ function Ov(e, t, n) {
     // method: "POST"
   });
 }
-const da = (e, t) => Mt({
+const da = (e, t) => It({
   url: `https://www.imgkits.com/site/recommend?key=${e}&type=${t}`,
   method: "GET",
   headers: {
@@ -6513,11 +6510,11 @@ function Cv(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
 let Av = 0;
-function Mv() {
+function Iv() {
   return ++Av;
 }
 function Ce() {
-  return Mv();
+  return Iv();
 }
 var Qe = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(Qe || {});
 function B(e) {
@@ -6529,7 +6526,7 @@ var Re = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closin
 function Gr() {
   return Z(tl, null);
 }
-function Iv(e) {
+function Mv(e) {
   re(tl, e);
 }
 function fa(e, t) {
@@ -6540,16 +6537,16 @@ function fa(e, t) {
     return "button";
 }
 function $v(e, t) {
-  let n = I(fa(e.value.type, e.value.as));
+  let n = M(fa(e.value.type, e.value.as));
   return X(() => {
     n.value = fa(e.value.type, e.value.as);
-  }), Ie(() => {
+  }), Me(() => {
     var o;
     n.value || B(t) && B(t) instanceof HTMLButtonElement && !((o = B(t)) != null && o.hasAttribute("type")) && (n.value = "button");
   }), n;
 }
 var Nv = Object.defineProperty, Rv = (e, t, n) => t in e ? Nv(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, pa = (e, t, n) => (Rv(e, typeof t != "symbol" ? t + "" : t, n), n);
-class Fv {
+class Lv {
   constructor() {
     pa(this, "current", this.detect()), pa(this, "currentId", 0);
   }
@@ -6572,7 +6569,7 @@ class Fv {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
 }
-let To = new Fv();
+let To = new Lv();
 function Ge(e) {
   if (To.isServer)
     return null;
@@ -6586,7 +6583,7 @@ function Ge(e) {
   return document;
 }
 let ur = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
-var pe = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(pe || {}), Tn = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Tn || {}), Lv = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Lv || {});
+var pe = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(pe || {}), Tn = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Tn || {}), Fv = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Fv || {});
 function Po(e = document.body) {
   return e == null ? [] : Array.from(e.querySelectorAll(ur)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
@@ -6628,7 +6625,7 @@ function Hv(e, t = (n) => n) {
     return a & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : a & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function Fe(e, t, { sorted: n = !0, relativeTo: o = null, skipElements: r = [] } = {}) {
+function Le(e, t, { sorted: n = !0, relativeTo: o = null, skipElements: r = [] } = {}) {
   var s;
   let a = (s = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? s : document, i = Array.isArray(e) ? n ? Hv(e) : e : Po(e);
   r.length > 0 && i.length > 1 && (i = i.filter((p) => !r.includes(p))), o = o ?? a.activeElement;
@@ -6666,12 +6663,12 @@ function Fe(e, t, { sorted: n = !0, relativeTo: o = null, skipElements: r = [] }
   return t & 6 && Bv(m) && m.select(), 2;
 }
 function ha(e, t, n) {
-  To.isServer || Ie((o) => {
+  To.isServer || Me((o) => {
     document.addEventListener(e, t, n), o(() => document.removeEventListener(e, t, n));
   });
 }
 function ol(e, t, n) {
-  To.isServer || Ie((o) => {
+  To.isServer || Me((o) => {
     window.addEventListener(e, t, n), o(() => window.removeEventListener(e, t, n));
   });
 }
@@ -6694,7 +6691,7 @@ function rl(e, t, n = E(() => !0)) {
     }
     return !nl(i, Kr.Loose) && i.tabIndex !== -1 && s.preventDefault(), t(s, i);
   }
-  let r = I(null);
+  let r = M(null);
   ha("mousedown", (s) => {
     var a, i;
     n.value && (r.value = ((i = (a = s.composedPath) == null ? void 0 : a.call(s)) == null ? void 0 : i[0]) || s.target);
@@ -6748,13 +6745,13 @@ function sl() {
 }
 var Ee = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Ee || {});
 function Jr() {
-  let e = I(0);
+  let e = M(0);
   return ol("keydown", (t) => {
     t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
   }), e;
 }
 function Yr(e, t, n, o) {
-  To.isServer || Ie((r) => {
+  To.isServer || Me((r) => {
     e = e ?? window, e.addEventListener(t, n, o), r(() => e.removeEventListener(t, n, o));
   });
 }
@@ -6782,11 +6779,11 @@ function il(e) {
   return t;
 }
 var ll = ((e) => (e[e.None = 1] = "None", e[e.InitialFocus = 2] = "InitialFocus", e[e.TabLock = 4] = "TabLock", e[e.FocusLock = 8] = "FocusLock", e[e.RestoreFocus = 16] = "RestoreFocus", e[e.All = 30] = "All", e))(ll || {});
-let pn = Object.assign(H({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: I(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: o }) {
-  let r = I(null);
+let pn = Object.assign(H({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: M(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: o }) {
+  let r = M(null);
   o({ el: r, $el: r });
-  let s = E(() => Ge(r)), a = I(!1);
-  X(() => a.value = !0), Le(() => a.value = !1), Wv({ ownerDocument: s }, E(() => a.value && !!(e.features & 16)));
+  let s = E(() => Ge(r)), a = M(!1);
+  X(() => a.value = !0), Fe(() => a.value = !1), Wv({ ownerDocument: s }, E(() => a.value && !!(e.features & 16)));
   let i = qv({ ownerDocument: s, container: r, initialFocus: E(() => e.initialFocus) }, E(() => a.value && !!(e.features & 2)));
   Gv({ ownerDocument: s, container: r, containers: e.containers, previousActiveElement: i }, E(() => a.value && !!(e.features & 8)));
   let c = Jr();
@@ -6794,13 +6791,13 @@ let pn = Object.assign(H({ name: "FocusTrap", props: { as: { type: [Object, Stri
     let p = B(r);
     p && ((v) => v())(() => {
       Se(c.value, { [Ee.Forwards]: () => {
-        Fe(p, pe.First, { skipElements: [m.relatedTarget] });
+        Le(p, pe.First, { skipElements: [m.relatedTarget] });
       }, [Ee.Backwards]: () => {
-        Fe(p, pe.Last, { skipElements: [m.relatedTarget] });
+        Le(p, pe.Last, { skipElements: [m.relatedTarget] });
       } });
     });
   }
-  let u = I(!1);
+  let u = M(!1);
   function d(m) {
     m.key === "Tab" && (u.value = !0, requestAnimationFrame(() => {
       u.value = !1;
@@ -6812,7 +6809,7 @@ let pn = Object.assign(H({ name: "FocusTrap", props: { as: { type: [Object, Stri
     let p = il(e.containers);
     B(r) instanceof HTMLElement && p.add(B(r));
     let v = m.relatedTarget;
-    v instanceof HTMLElement && v.dataset.headlessuiFocusGuard !== "true" && (cl(p, v) || (u.value ? Fe(B(r), Se(c.value, { [Ee.Forwards]: () => pe.Next, [Ee.Backwards]: () => pe.Previous }) | pe.WrapAround, { relativeTo: m.target }) : m.target instanceof HTMLElement && _t(m.target)));
+    v instanceof HTMLElement && v.dataset.headlessuiFocusGuard !== "true" && (cl(p, v) || (u.value ? Le(B(r), Se(c.value, { [Ee.Forwards]: () => pe.Next, [Ee.Backwards]: () => pe.Previous }) | pe.WrapAround, { relativeTo: m.target }) : m.target instanceof HTMLElement && _t(m.target)));
   }
   return () => {
     let m = {}, p = { ref: r, onKeydown: d, onFocusout: f }, { features: v, initialFocus: _, containers: g, ...O } = e;
@@ -6826,7 +6823,7 @@ Uv(() => {
   window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
 });
 function Vv(e) {
-  let t = I(ht.slice());
+  let t = M(ht.slice());
   return Y([e], ([n], [o]) => {
     o === !0 && n === !1 ? al(() => {
       t.value.splice(0);
@@ -6839,17 +6836,17 @@ function Vv(e) {
 function Wv({ ownerDocument: e }, t) {
   let n = Vv(t);
   X(() => {
-    Ie(() => {
+    Me(() => {
       var o, r;
       t.value || ((o = e.value) == null ? void 0 : o.activeElement) === ((r = e.value) == null ? void 0 : r.body) && _t(n());
     }, { flush: "post" });
-  }), Le(() => {
+  }), Fe(() => {
     t.value && _t(n());
   });
 }
 function qv({ ownerDocument: e, container: t, initialFocus: n }, o) {
-  let r = I(null), s = I(!1);
-  return X(() => s.value = !0), Le(() => s.value = !1), X(() => {
+  let r = M(null), s = M(!1);
+  return X(() => s.value = !0), Fe(() => s.value = !1), X(() => {
     Y([t, n, o], (a, i) => {
       if (a.every((l, u) => (i == null ? void 0 : i[u]) === l) || !o.value)
         return;
@@ -6868,7 +6865,7 @@ function qv({ ownerDocument: e, container: t, initialFocus: n }, o) {
           r.value = f;
           return;
         }
-        d ? _t(d) : Fe(c, pe.First | pe.NoScroll) === Tn.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r.value = (u = e.value) == null ? void 0 : u.activeElement;
+        d ? _t(d) : Le(c, pe.First | pe.NoScroll) === Tn.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r.value = (u = e.value) == null ? void 0 : u.activeElement;
       });
     }, { immediate: !0, flush: "post" });
   }), r;
@@ -6894,8 +6891,8 @@ function cl(e, t) {
   return !1;
 }
 let Jo = /* @__PURE__ */ new Map(), hn = /* @__PURE__ */ new Map();
-function ma(e, t = I(!0)) {
-  Ie((n) => {
+function ma(e, t = M(!0)) {
+  Me((n) => {
     var o;
     if (!t.value)
       return;
@@ -6940,15 +6937,15 @@ function Jv(e) {
   return o.setAttribute("id", "headlessui-portal-root"), t.body.appendChild(o);
 }
 let dl = H({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
-  let o = I(null), r = E(() => Ge(o)), s = Kv(), a = Z(pl, null), i = I(s === !0 || a == null ? Jv(o.value) : a.resolveTarget());
-  Ie(() => {
+  let o = M(null), r = E(() => Ge(o)), s = Kv(), a = Z(pl, null), i = M(s === !0 || a == null ? Jv(o.value) : a.resolveTarget());
+  Me(() => {
     s || a != null && (i.value = a.resolveTarget());
   });
   let c = Z(fr, null);
   return X(() => {
     let l = B(o);
-    l && c && Le(c.register(l));
-  }), Le(() => {
+    l && c && Fe(c.register(l));
+  }), Fe(() => {
     var l, u;
     let d = (l = r.value) == null ? void 0 : l.getElementById("headlessui-portal-root");
     d && i.value === d && i.value.children.length <= 0 && ((u = i.value.parentElement) == null || u.removeChild(i.value));
@@ -6960,7 +6957,7 @@ let dl = H({ name: "Portal", props: { as: { type: [Object, String], default: "di
   };
 } }), fr = Symbol("PortalParentContext");
 function fl() {
-  let e = Z(fr, null), t = I([]);
+  let e = Z(fr, null), t = M([]);
   function n(s) {
     return t.value.push(s), e && e.register(s), () => o(s);
   }
@@ -6999,7 +6996,7 @@ function Qv({ type: e, enabled: t, element: n, onUpdate: o }) {
     Y(t, (a, i) => {
       a ? s(0, e, n) : i === !0 && s(1, e, n);
     }, { immediate: !0, flush: "sync" });
-  }), Le(() => {
+  }), Fe(() => {
     t.value && s(1, e, n);
   }), re(hl, s);
 }
@@ -7010,8 +7007,8 @@ function Xv() {
     throw new Error("Missing parent");
   return e;
 }
-function e0({ slot: e = I({}), name: t = "Description", props: n = {} } = {}) {
-  let o = I([]);
+function eg({ slot: e = M({}), name: t = "Description", props: n = {} } = {}) {
+  let o = M([]);
   function r(s) {
     return o.value.push(s), () => {
       let a = o.value.indexOf(s);
@@ -7022,18 +7019,18 @@ function e0({ slot: e = I({}), name: t = "Description", props: n = {} } = {}) {
 }
 H({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${Ce()}` } }, setup(e, { attrs: t, slots: n }) {
   let o = Xv();
-  return X(() => Le(o.register(e.id))), () => {
-    let { name: r = "Description", slot: s = I({}), props: a = {} } = o, { id: i, ...c } = e, l = { ...Object.entries(a).reduce((u, [d, f]) => Object.assign(u, { [d]: y(f) }), {}), id: i };
+  return X(() => Fe(o.register(e.id))), () => {
+    let { name: r = "Description", slot: s = M({}), props: a = {} } = o, { id: i, ...c } = e, l = { ...Object.entries(a).reduce((u, [d, f]) => Object.assign(u, { [d]: y(f) }), {}), id: i };
     return he({ ourProps: l, theirProps: c, slot: s.value, attrs: t, slots: n, name: r });
   };
 } });
-function t0(e) {
+function tg(e) {
   let t = gr(e.getSnapshot());
-  return Le(e.subscribe(() => {
+  return Fe(e.subscribe(() => {
     t.value = e.getSnapshot();
   })), t;
 }
-function n0(e, t) {
+function ng(e, t) {
   let n = e(), o = /* @__PURE__ */ new Set();
   return { getSnapshot() {
     return n;
@@ -7044,7 +7041,7 @@ function n0(e, t) {
     a && (n = a, o.forEach((i) => i()));
   } };
 }
-function o0() {
+function og() {
   let e;
   return { before({ doc: t }) {
     var n;
@@ -7055,7 +7052,7 @@ function o0() {
     n.style(o, "paddingRight", `${s}px`);
   } };
 }
-function r0() {
+function rg() {
   if (!zv())
     return {};
   let e;
@@ -7084,18 +7081,18 @@ function r0() {
     });
   } };
 }
-function s0() {
+function sg() {
   return { before({ doc: e, d: t }) {
     t.style(e.documentElement, "overflow", "hidden");
   } };
 }
-function a0(e) {
+function ag(e) {
   let t = {};
   for (let n of e)
     Object.assign(t, n(t));
   return t;
 }
-let gt = n0(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+let gt = ng(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
   var n;
   let o = (n = this.get(e)) != null ? n : { doc: e, count: 0, d: sl(), meta: /* @__PURE__ */ new Set() };
   return o.count++, o.meta.add(t), this.set(e, o), this;
@@ -7103,7 +7100,7 @@ let gt = n0(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
   let n = this.get(e);
   return n && (n.count--, n.meta.delete(t)), this;
 }, SCROLL_PREVENT({ doc: e, d: t, meta: n }) {
-  let o = { doc: e, d: t, meta: a0(n) }, r = [r0(), o0(), s0()];
+  let o = { doc: e, d: t, meta: ag(n) }, r = [rg(), og(), sg()];
   r.forEach(({ before: s }) => s == null ? void 0 : s(o)), r.forEach(({ after: s }) => s == null ? void 0 : s(o));
 }, SCROLL_ALLOW({ d: e }) {
   e.dispose();
@@ -7119,8 +7116,8 @@ gt.subscribe(() => {
     (r && !o || !r && o) && gt.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && gt.dispatch("TEARDOWN", n);
   }
 });
-function i0(e, t, n) {
-  let o = t0(gt), r = E(() => {
+function ig(e, t, n) {
+  let o = tg(gt), r = E(() => {
     let s = e.value ? o.value.get(e.value) : void 0;
     return s ? s.count > 0 : !1;
   });
@@ -7135,7 +7132,7 @@ function i0(e, t, n) {
   }, { immediate: !0 }), r;
 }
 function vl({ defaultContainers: e = [], portals: t } = {}) {
-  let n = I(null), o = Ge(n);
+  let n = M(null), o = Ge(n);
   function r() {
     var s;
     let a = [];
@@ -7154,7 +7151,7 @@ function vl({ defaultContainers: e = [], portals: t } = {}) {
     return V(Kt, { features: kt.Hidden, ref: n });
   } };
 }
-var l0 = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(l0 || {});
+var lg = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(lg || {});
 let hr = Symbol("DialogContext");
 function $n(e) {
   let t = Z(hr, null);
@@ -7164,13 +7161,13 @@ function $n(e) {
   }
   return t;
 }
-let Kn = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", c0 = H({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: Kn }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${Ce()}` } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: n, slots: o, expose: r }) {
+let Kn = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", cg = H({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: Kn }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${Ce()}` } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: n, slots: o, expose: r }) {
   var s;
-  let a = I(!1);
+  let a = M(!1);
   X(() => {
     a.value = !0;
   });
-  let i = I(0), c = Gr(), l = E(() => e.open === Kn && c !== null ? (c.value & Re.Open) === Re.Open : e.open), u = I(null), d = E(() => Ge(u));
+  let i = M(0), c = Gr(), l = E(() => e.open === Kn && c !== null ? (c.value & Re.Open) === Re.Open : e.open), u = M(null), d = E(() => Ge(u));
   if (r({ el: u, $el: u }), !(e.open !== Kn || c !== null))
     throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof l.value != "boolean")
@@ -7178,42 +7175,42 @@ let Kn = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", c0 = H({ name: "Dialog", inheri
   let f = E(() => a.value && l.value ? 0 : 1), m = E(() => f.value === 0), p = E(() => i.value > 1), v = Z(hr, null) !== null, [_, g] = fl(), { resolveContainers: O, mainTreeNodeRef: P, MainTreeNode: C } = vl({ portals: _, defaultContainers: [E(() => {
     var k;
     return (k = N.panelRef.value) != null ? k : u.value;
-  })] }), A = E(() => p.value ? "parent" : "leaf"), $ = E(() => c !== null ? (c.value & Re.Closing) === Re.Closing : !1), b = E(() => v || $.value ? !1 : m.value), F = E(() => {
-    var k, j, K;
-    return (K = Array.from((j = (k = d.value) == null ? void 0 : k.querySelectorAll("body > *")) != null ? j : []).find((te) => te.id === "headlessui-portal-root" ? !1 : te.contains(B(P)) && te instanceof HTMLElement)) != null ? K : null;
+  })] }), A = E(() => p.value ? "parent" : "leaf"), $ = E(() => c !== null ? (c.value & Re.Closing) === Re.Closing : !1), b = E(() => v || $.value ? !1 : m.value), L = E(() => {
+    var k, D, K;
+    return (K = Array.from((D = (k = d.value) == null ? void 0 : k.querySelectorAll("body > *")) != null ? D : []).find((te) => te.id === "headlessui-portal-root" ? !1 : te.contains(B(P)) && te instanceof HTMLElement)) != null ? K : null;
   });
-  ma(F, b);
-  let L = E(() => p.value ? !0 : m.value), x = E(() => {
-    var k, j, K;
-    return (K = Array.from((j = (k = d.value) == null ? void 0 : k.querySelectorAll("[data-headlessui-portal]")) != null ? j : []).find((te) => te.contains(B(P)) && te instanceof HTMLElement)) != null ? K : null;
+  ma(L, b);
+  let F = E(() => p.value ? !0 : m.value), x = E(() => {
+    var k, D, K;
+    return (K = Array.from((D = (k = d.value) == null ? void 0 : k.querySelectorAll("[data-headlessui-portal]")) != null ? D : []).find((te) => te.contains(B(P)) && te instanceof HTMLElement)) != null ? K : null;
   });
-  ma(x, L), Qv({ type: "Dialog", enabled: E(() => f.value === 0), element: u, onUpdate: (k, j) => {
-    if (j === "Dialog")
+  ma(x, F), Qv({ type: "Dialog", enabled: E(() => f.value === 0), element: u, onUpdate: (k, D) => {
+    if (D === "Dialog")
       return Se(k, { [pr.Add]: () => i.value += 1, [pr.Remove]: () => i.value -= 1 });
   } });
-  let w = e0({ name: "DialogDescription", slot: E(() => ({ open: l.value })) }), M = I(null), N = { titleId: M, panelRef: I(null), dialogState: f, setTitleId(k) {
-    M.value !== k && (M.value = k);
+  let w = eg({ name: "DialogDescription", slot: E(() => ({ open: l.value })) }), I = M(null), N = { titleId: I, panelRef: M(null), dialogState: f, setTitleId(k) {
+    I.value !== k && (I.value = k);
   }, close() {
     t("close", !1);
   } };
   re(hr, N);
   let W = E(() => !(!m.value || p.value));
-  rl(O, (k, j) => {
-    N.close(), tt(() => j == null ? void 0 : j.focus());
+  rl(O, (k, D) => {
+    N.close(), tt(() => D == null ? void 0 : D.focus());
   }, W);
   let q = E(() => !(p.value || f.value !== 0));
   Yr((s = d.value) == null ? void 0 : s.defaultView, "keydown", (k) => {
     q.value && (k.defaultPrevented || k.key === Qe.Escape && (k.preventDefault(), k.stopPropagation(), N.close()));
   });
   let z = E(() => !($.value || f.value !== 0 || v));
-  return i0(d, z, (k) => {
-    var j;
-    return { containers: [...(j = k.containers) != null ? j : [], O] };
-  }), Ie((k) => {
+  return ig(d, z, (k) => {
+    var D;
+    return { containers: [...(D = k.containers) != null ? D : [], O] };
+  }), Me((k) => {
     if (f.value !== 0)
       return;
-    let j = B(u);
-    if (!j)
+    let D = B(u);
+    if (!D)
       return;
     let K = new ResizeObserver((te) => {
       for (let Ke of te) {
@@ -7221,9 +7218,9 @@ let Kn = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", c0 = H({ name: "Dialog", inheri
         ke.x === 0 && ke.y === 0 && ke.width === 0 && ke.height === 0 && N.close();
       }
     });
-    K.observe(j), k(() => K.disconnect());
+    K.observe(D), k(() => K.disconnect());
   }), () => {
-    let { id: k, open: j, initialFocus: K, ...te } = e, Ke = { ...n, ref: u, id: k, role: "dialog", "aria-modal": f.value === 0 ? !0 : void 0, "aria-labelledby": M.value, "aria-describedby": w.value }, ke = { open: f.value === 0 };
+    let { id: k, open: D, initialFocus: K, ...te } = e, Ke = { ...n, ref: u, id: k, role: "dialog", "aria-modal": f.value === 0 ? !0 : void 0, "aria-labelledby": I.value, "aria-describedby": w.value }, ke = { open: f.value === 0 };
     return V(dr, { force: !0 }, () => [V(dl, () => V(Yv, { target: u.value }, () => V(dr, { force: !1 }, () => V(pn, { initialFocus: K, containers: O, features: m.value ? Se(A.value, { parent: pn.features.RestoreFocus, leaf: pn.features.All & ~pn.features.FocusLock }) : pn.features.None }, () => V(g, {}, () => he({ ourProps: Ke, theirProps: { ...te, ...n }, slot: ke, attrs: n, slots: o, visible: f.value === 0, features: St.RenderStrategy | St.Static, name: "Dialog" })))))), V(C)]);
   };
 } });
@@ -7238,7 +7235,7 @@ H({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
   };
 } });
 H({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${Ce()}` } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: o }) {
-  let r = $n("DialogBackdrop"), s = I(null);
+  let r = $n("DialogBackdrop"), s = M(null);
   return o({ el: s, $el: s }), X(() => {
     if (r.panelRef.value === null)
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
@@ -7247,7 +7244,7 @@ H({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div
     return V(dr, { force: !0 }, () => V(dl, () => he({ ourProps: c, theirProps: { ...t, ...i }, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
   };
 } });
-let u0 = H({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${Ce()}` } }, setup(e, { attrs: t, slots: n, expose: o }) {
+let ug = H({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${Ce()}` } }, setup(e, { attrs: t, slots: n, expose: o }) {
   let r = $n("DialogPanel");
   o({ el: r.panelRef, $el: r.panelRef });
   function s(a) {
@@ -7261,13 +7258,13 @@ let u0 = H({ name: "DialogPanel", props: { as: { type: [Object, String], default
 H({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${Ce()}` } }, setup(e, { attrs: t, slots: n }) {
   let o = $n("DialogTitle");
   return X(() => {
-    o.setTitleId(e.id), Le(() => o.setTitleId(null));
+    o.setTitleId(e.id), Fe(() => o.setTitleId(null));
   }), () => {
     let { id: r, ...s } = e;
     return he({ ourProps: { id: r }, theirProps: s, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogTitle" });
   };
 } });
-var d0 = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(d0 || {});
+var dg = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(dg || {});
 let gl = Symbol("PopoverContext");
 function Co(e) {
   let t = Z(gl, null);
@@ -7282,23 +7279,23 @@ function yl() {
   return Z(bl, null);
 }
 let _l = Symbol("PopoverPanelContext");
-function f0() {
+function fg() {
   return Z(_l, null);
 }
 let wl = H({ name: "Popover", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n, expose: o }) {
   var r;
-  let s = I(null);
+  let s = M(null);
   o({ el: s, $el: s });
-  let a = I(1), i = I(null), c = I(null), l = I(null), u = I(null), d = E(() => Ge(s)), f = E(() => {
+  let a = M(1), i = M(null), c = M(null), l = M(null), u = M(null), d = E(() => Ge(s)), f = E(() => {
     var A, $;
     if (!B(i) || !B(u))
       return !1;
     for (let N of document.querySelectorAll("body > *"))
       if (Number(N == null ? void 0 : N.contains(B(i))) ^ Number(N == null ? void 0 : N.contains(B(u))))
         return !0;
-    let b = Po(), F = b.indexOf(B(i)), L = (F + b.length - 1) % b.length, x = (F + 1) % b.length, w = b[L], M = b[x];
-    return !((A = B(u)) != null && A.contains(w)) && !(($ = B(u)) != null && $.contains(M));
-  }), m = { popoverState: a, buttonId: I(null), panelId: I(null), panel: u, button: i, isPortalled: f, beforePanelSentinel: c, afterPanelSentinel: l, togglePopover() {
+    let b = Po(), L = b.indexOf(B(i)), F = (L + b.length - 1) % b.length, x = (L + 1) % b.length, w = b[F], I = b[x];
+    return !((A = B(u)) != null && A.contains(w)) && !(($ = B(u)) != null && $.contains(I));
+  }), m = { popoverState: a, buttonId: M(null), panelId: M(null), panel: u, button: i, isPortalled: f, beforePanelSentinel: c, afterPanelSentinel: l, togglePopover() {
     a.value = Se(a.value, { [0]: 1, [1]: 0 });
   }, closePopover() {
     a.value !== 1 && (a.value = 1);
@@ -7307,15 +7304,15 @@ let wl = H({ name: "Popover", props: { as: { type: [Object, String], default: "d
     let $ = (() => A ? A instanceof HTMLElement ? A : A.value instanceof HTMLElement ? B(A) : B(m.button) : B(m.button))();
     $ == null || $.focus();
   } };
-  re(gl, m), Iv(E(() => Se(a.value, { [0]: Re.Open, [1]: Re.Closed })));
+  re(gl, m), Mv(E(() => Se(a.value, { [0]: Re.Open, [1]: Re.Closed })));
   let p = { buttonId: m.buttonId, panelId: m.panelId, close() {
     m.closePopover();
   } }, v = yl(), _ = v == null ? void 0 : v.registerPopover, [g, O] = fl(), P = vl({ portals: g, defaultContainers: [i, u] });
   function C() {
-    var A, $, b, F;
-    return (F = v == null ? void 0 : v.isFocusWithinPopoverGroup()) != null ? F : ((A = d.value) == null ? void 0 : A.activeElement) && ((($ = B(i)) == null ? void 0 : $.contains(d.value.activeElement)) || ((b = B(u)) == null ? void 0 : b.contains(d.value.activeElement)));
+    var A, $, b, L;
+    return (L = v == null ? void 0 : v.isFocusWithinPopoverGroup()) != null ? L : ((A = d.value) == null ? void 0 : A.activeElement) && ((($ = B(i)) == null ? void 0 : $.contains(d.value.activeElement)) || ((b = B(u)) == null ? void 0 : b.contains(d.value.activeElement)));
   }
-  return Ie(() => _ == null ? void 0 : _(p)), Yr((r = d.value) == null ? void 0 : r.defaultView, "focus", (A) => {
+  return Me(() => _ == null ? void 0 : _(p)), Yr((r = d.value) == null ? void 0 : r.defaultView, "focus", (A) => {
     var $, b;
     A.target !== window && A.target instanceof HTMLElement && a.value === 0 && (C() || i && u && (P.contains(A.target) || ($ = B(m.beforePanelSentinel)) != null && $.contains(A.target) || (b = B(m.afterPanelSentinel)) != null && b.contains(A.target) || m.closePopover()));
   }, !0), rl(P.resolveContainers, (A, $) => {
@@ -7325,20 +7322,20 @@ let wl = H({ name: "Popover", props: { as: { type: [Object, String], default: "d
     let A = { open: a.value === 0, close: m.close };
     return V(O, {}, () => he({ theirProps: { ...e, ...n }, ourProps: { ref: s }, slot: A, slots: t, attrs: n, name: "Popover" }));
   };
-} }), p0 = H({ name: "PopoverButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-popover-button-${Ce()}` } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: o }) {
+} }), pg = H({ name: "PopoverButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-popover-button-${Ce()}` } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: o }) {
   let r = Co("PopoverButton"), s = E(() => Ge(r.button));
   o({ el: r.button, $el: r.button }), X(() => {
     r.buttonId.value = e.id;
-  }), Le(() => {
+  }), Fe(() => {
     r.buttonId.value = null;
   });
-  let a = yl(), i = a == null ? void 0 : a.closeOthers, c = f0(), l = E(() => c === null ? !1 : c.value === r.panelId.value), u = I(null), d = `headlessui-focus-sentinel-${Ce()}`;
-  l.value || Ie(() => {
+  let a = yl(), i = a == null ? void 0 : a.closeOthers, c = fg(), l = E(() => c === null ? !1 : c.value === r.panelId.value), u = M(null), d = `headlessui-focus-sentinel-${Ce()}`;
+  l.value || Me(() => {
     r.button.value = u.value;
   });
   let f = $v(E(() => ({ as: e.as, type: t.type })), u);
   function m(P) {
-    var C, A, $, b, F;
+    var C, A, $, b, L;
     if (l.value) {
       if (r.popoverState.value === 1)
         return;
@@ -7357,7 +7354,7 @@ let wl = H({ name: "Popover", props: { as: { type: [Object, String], default: "d
         case Qe.Escape:
           if (r.popoverState.value !== 0)
             return i == null ? void 0 : i(r.buttonId.value);
-          if (!B(r.button) || (b = s.value) != null && b.activeElement && !((F = B(r.button)) != null && F.contains(s.value.activeElement)))
+          if (!B(r.button) || (b = s.value) != null && b.activeElement && !((L = B(r.button)) != null && L.contains(s.value.activeElement)))
             return;
           P.preventDefault(), P.stopPropagation(), r.closePopover();
           break;
@@ -7379,7 +7376,7 @@ let wl = H({ name: "Popover", props: { as: { type: [Object, String], default: "d
     if (!P)
       return;
     function C() {
-      Se(g.value, { [Ee.Forwards]: () => Fe(P, pe.First), [Ee.Backwards]: () => Fe(P, pe.Last) }) === Tn.Error && Fe(Po().filter((A) => A.dataset.headlessuiFocusGuard !== "true"), Se(g.value, { [Ee.Forwards]: pe.Next, [Ee.Backwards]: pe.Previous }), { relativeTo: B(r.button) });
+      Se(g.value, { [Ee.Forwards]: () => Le(P, pe.First), [Ee.Backwards]: () => Le(P, pe.Last) }) === Tn.Error && Le(Po().filter((A) => A.dataset.headlessuiFocusGuard !== "true"), Se(g.value, { [Ee.Forwards]: pe.Next, [Ee.Backwards]: pe.Previous }), { relativeTo: B(r.button) });
     }
     C();
   }
@@ -7398,18 +7395,18 @@ H({ name: "PopoverOverlay", props: { as: { type: [Object, String], default: "div
     return he({ ourProps: { id: r, "aria-hidden": !0, onClick: i }, theirProps: e, slot: c, attrs: t, slots: n, features: St.RenderStrategy | St.Static, visible: a.value, name: "PopoverOverlay" });
   };
 } });
-let h0 = H({ name: "PopoverPanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, focus: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-popover-panel-${Ce()}` } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: o }) {
+let hg = H({ name: "PopoverPanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, focus: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-popover-panel-${Ce()}` } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: o }) {
   let { focus: r } = e, s = Co("PopoverPanel"), a = E(() => Ge(s.panel)), i = `headlessui-focus-sentinel-before-${Ce()}`, c = `headlessui-focus-sentinel-after-${Ce()}`;
   o({ el: s.panel, $el: s.panel }), X(() => {
     s.panelId.value = e.id;
-  }), Le(() => {
+  }), Fe(() => {
     s.panelId.value = null;
-  }), re(_l, s.panelId), Ie(() => {
+  }), re(_l, s.panelId), Me(() => {
     var _, g;
     if (!r || s.popoverState.value !== 0 || !s.panel)
       return;
     let O = (_ = a.value) == null ? void 0 : _.activeElement;
-    (g = B(s.panel)) != null && g.contains(O) || Fe(B(s.panel), pe.First);
+    (g = B(s.panel)) != null && g.contains(O) || Le(B(s.panel), pe.First);
   });
   let l = Gr(), u = E(() => l !== null ? (l.value & Re.Open) === Re.Open : s.popoverState.value === 0);
   function d(_) {
@@ -7435,7 +7432,7 @@ let h0 = H({ name: "PopoverPanel", props: { as: { type: [Object, String], defaul
     function g() {
       Se(m.value, { [Ee.Forwards]: () => {
         var O;
-        Fe(_, pe.First) === Tn.Error && ((O = B(s.afterPanelSentinel)) == null || O.focus());
+        Le(_, pe.First) === Tn.Error && ((O = B(s.afterPanelSentinel)) == null || O.focus());
       }, [Ee.Backwards]: () => {
         var O;
         (O = B(s.button)) == null || O.focus({ preventScroll: !0 });
@@ -7453,15 +7450,15 @@ let h0 = H({ name: "PopoverPanel", props: { as: { type: [Object, String], defaul
         if (!O)
           return;
         let C = Po(), A = C.indexOf(O), $ = C.slice(0, A + 1), b = [...C.slice(A + 1), ...$];
-        for (let F of b.slice())
-          if (F.dataset.headlessuiFocusGuard === "true" || P != null && P.contains(F)) {
-            let L = b.indexOf(F);
-            L !== -1 && b.splice(L, 1);
+        for (let L of b.slice())
+          if (L.dataset.headlessuiFocusGuard === "true" || P != null && P.contains(L)) {
+            let F = b.indexOf(L);
+            F !== -1 && b.splice(F, 1);
           }
-        Fe(b, pe.First, { sorted: !1 });
+        Le(b, pe.First, { sorted: !1 });
       }, [Ee.Backwards]: () => {
         var O;
-        Fe(_, pe.Previous) === Tn.Error && ((O = B(s.button)) == null || O.focus());
+        Le(_, pe.Previous) === Tn.Error && ((O = B(s.button)) == null || O.focus());
       } });
     }
     g();
@@ -7475,7 +7472,7 @@ let h0 = H({ name: "PopoverPanel", props: { as: { type: [Object, String], defaul
   };
 } });
 H({ name: "PopoverGroup", props: { as: { type: [Object, String], default: "div" } }, setup(e, { attrs: t, slots: n, expose: o }) {
-  let r = I(null), s = gr([]), a = E(() => Ge(r));
+  let r = M(null), s = gr([]), a = E(() => Ge(r));
   o({ el: r, $el: r });
   function i(d) {
     let f = s.value.indexOf(d);
@@ -7503,7 +7500,7 @@ H({ name: "PopoverGroup", props: { as: { type: [Object, String], default: "div"
   }
   return re(bl, { registerPopover: c, unregisterPopover: i, isFocusWithinPopoverGroup: l, closeOthers: u }), () => he({ ourProps: { ref: r }, theirProps: e, slot: {}, attrs: t, slots: n, name: "PopoverGroup" });
 } });
-function m0(e, t) {
+function mg(e, t) {
   return T(), R("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -7519,7 +7516,7 @@ function m0(e, t) {
     })
   ]);
 }
-function v0(e, t) {
+function vg(e, t) {
   return T(), R("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -7535,12 +7532,12 @@ function v0(e, t) {
     })
   ]);
 }
-const It = (e, t) => {
+const Mt = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, r] of t)
     n[o] = r;
   return n;
-}, va = nn(), g0 = {
+}, va = nn(), gg = {
   data() {
     return {
       childPath: va,
@@ -7552,7 +7549,9 @@ const It = (e, t) => {
       passwordErrorHelp: "",
       errCode: 0,
       disabled: !1,
-      appName: "Video Translator"
+      appName: "Video Translator",
+      lastLoginType: "",
+      lastSignupType: ""
     };
   },
   components: {},
@@ -7571,6 +7570,16 @@ const It = (e, t) => {
       document.getElementById("buttonDiv"),
       { theme: "outline", size: "large", width: "255px" }
     )), typeof app_config == "object" && app_config && Object.keys(app_config).length > 0 && (this.appName = app_config.name || "Video Translator");
+    const e = localStorage.getItem("last_login_type_" + this.appName);
+    if (e) {
+      const n = JSON.parse(e);
+      n && n.type && (this.lastLoginType = n.type);
+    }
+    const t = localStorage.getItem("last_signup_type_" + this.appName);
+    if (t) {
+      const n = JSON.parse(t);
+      n && n.type && (this.lastSignupType = n.type);
+    }
   },
   methods: {
     handleFbLogin() {
@@ -7622,6 +7631,7 @@ const It = (e, t) => {
           document.body.classList.remove("el-loading-parent--relative");
         } catch {
         }
+        this.isSignup ? localStorage.setItem("last_signup_type_" + this.appName, JSON.stringify({ type: "google_signup", time: Date.now() })) : localStorage.setItem("last_login_type_" + this.appName, JSON.stringify({ type: "google_login", time: Date.now() }));
       }, (n) => {
         console.log(n, 2), t.close();
         try {
@@ -7686,6 +7696,7 @@ const It = (e, t) => {
           document.body.classList.remove("el-loading-parent--relative");
         } catch {
         }
+        localStorage.setItem("last_login_type_" + this.appName, JSON.stringify({ type: "email_login", time: Date.now() }));
       }, (t) => {
         e.close(), this.passwordErrorHelp = t.msg, this.errCode = t.ok;
         try {
@@ -7721,6 +7732,7 @@ const It = (e, t) => {
           document.body.classList.remove("el-loading-parent--relative");
         } catch {
         }
+        localStorage.setItem("last_signup_type_" + this.appName, JSON.stringify({ type: "email_signup", time: Date.now() }));
       }, (t) => {
         let n = t.msg;
         if (t.data && t.data.errors) {
@@ -7747,38 +7759,42 @@ const It = (e, t) => {
       });
     }
   }
-}, $t = (e) => (Qt("data-v-4682235c"), e = e(), Xt(), e), b0 = { class: "login-wapper" }, y0 = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
+}, $t = (e) => (Qt("data-v-4682235c"), e = e(), Xt(), e), bg = { class: "login-wapper" }, yg = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
   "span",
   null,
   "Login here",
   -1
   /* HOISTED */
-)), _0 = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
+)), _g = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
   "span",
   null,
   "Sign up here",
   -1
   /* HOISTED */
-)), w0 = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
+)), wg = { class: "accounts" }, xg = {
+  class: "account",
+  style: { position: "relative" }
+}, Eg = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
   "div",
-  { class: "accounts" },
-  [
-    /* @__PURE__ */ D(` <div class="account">
-          <div class="fb-login-button" scope="public_profile,email" data-width="255px" data-size="large" data-button-type="login_with" data-layout="default" data-auto-logout-link="false" data-use-continue-as="false" data-onlogin="checkLoginState"></div>
-        </div> `),
-    /* @__PURE__ */ h("div", { class: "account" }, [
-      /* @__PURE__ */ h("div", { id: "buttonDiv" })
-    ]),
-    /* @__PURE__ */ D(' <div class="account flew-row-v-center" style="padding: 0 12px;border-radius: 4px;" @click="handleFbLogin"> '),
-    /* @__PURE__ */ D(` <img class="img" src="https://statics.imgkits.com/images/facebook_logo.png" alt="facebook logo" width="24" height="24" style="width: 24pxheight: 24px;margin: 8px 8px 8px 12px;">
-          <div style="flex: 1;margin-right: 12px;color: #fff;font-size: 16px;text-align: center;font-weight: bold;">Log in With Facebook</div> `),
-    /* @__PURE__ */ D(' <svg t="1661493482810" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3146" width="24" height="24"><path d="M512.262115 959.556658c247.175132 0 447.569968-200.366167 447.569968-447.556658 0-247.16387-200.394836-447.556658-447.569968-447.556658-247.17718 0-447.556658 200.392788-447.556658 447.556658-0.001024 247.190491 200.378454 447.556658 447.556658 447.556658" fill="#537BBC" p-id="3147"></path><path d="M404.292383 436.216104h46.269378v-44.969044c0-19.828563 0.499656-50.408946 14.904699-69.347753 15.172957-20.05689 36.000832-33.690947 71.826579-33.690946 58.371702 0 82.952117 8.326235 82.952118 8.326235l-11.564785 68.550147s-19.285904-5.576079-37.275569-5.57608c-17.99888 0-34.111763 6.449454-34.111764 24.438095v52.269346h73.791416l-5.152191 66.958004h-68.639225v232.604221h-86.731278V503.174108h-46.269378v-66.958004z" fill="#FFFFFF" p-id="3148"></path></svg> '),
-    /* @__PURE__ */ D(' <div style="flex: 1;margin-left: 5px;font-size: 14px;font-weight: 500;">Login With Facebook</div> '),
-    /* @__PURE__ */ D(" </div> ")
-  ],
+  { id: "buttonDiv" },
+  null,
   -1
   /* HOISTED */
-)), x0 = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
+)), Sg = {
+  key: 0,
+  class: "lastLogin"
+}, kg = {
+  key: 1,
+  class: "lastLogin"
+}, Og = { style: { position: "relative" } }, Tg = {
+  key: 0,
+  class: "lastLogin",
+  style: { transform: "translate(-50%, -150%)" }
+}, Pg = {
+  key: 1,
+  class: "lastLogin",
+  style: { transform: "translate(-50%, -150%)" }
+}, Cg = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
   "div",
   { class: "divider" },
   [
@@ -7786,39 +7802,39 @@ const It = (e, t) => {
   ],
   -1
   /* HOISTED */
-)), E0 = { class: "form-group" }, S0 = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
+)), Ag = { class: "form-group" }, Ig = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
   "label",
   { for: "user_email" },
   "Email",
   -1
   /* HOISTED */
-)), k0 = {
+)), Mg = {
   key: 0,
   class: "help-block-error"
-}, O0 = {
+}, $g = {
   key: 0,
   class: "form-group"
-}, T0 = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
+}, Ng = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
   "label",
   { for: "user_name" },
   "Username",
   -1
   /* HOISTED */
-)), P0 = { class: "form-group" }, C0 = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
+)), Rg = { class: "form-group" }, Lg = /* @__PURE__ */ $t(() => /* @__PURE__ */ h(
   "label",
   { for: "user_password" },
   "Password",
   -1
   /* HOISTED */
-)), A0 = {
+)), Fg = {
   key: 0,
   class: "help-block-error"
-}, M0 = { key: 0 }, I0 = ["href"], $0 = ["disabled"], N0 = ["disabled"], R0 = {
+}, jg = { key: 0 }, Dg = ["href"], Bg = ["disabled"], Hg = ["disabled"], zg = {
   key: 2,
   class: "link"
-}, F0 = ["href"];
-function L0(e, t, n, o, r, s) {
-  return T(), R("div", b0, [
+}, Ug = ["href"];
+function Vg(e, t, n, o, r, s) {
+  return T(), R("div", bg, [
     h(
       "h1",
       null,
@@ -7832,7 +7848,7 @@ function L0(e, t, n, o, r, s) {
       onClick: t[0] || (t[0] = (...a) => s.handleToLogin && s.handleToLogin(...a))
     }, [
       le("Already registered? "),
-      y0
+      yg
     ])) : (T(), R("div", {
       key: 1,
       class: "link",
@@ -7843,108 +7859,127 @@ function L0(e, t, n, o, r, s) {
         1
         /* TEXT */
       ),
-      _0
+      _g
     ])),
-    w0,
-    x0,
-    h("div", null, [
-      h("div", E0, [
-        S0,
-        He(h(
-          "input",
-          {
-            id: "user_email",
-            type: "email",
-            "onUpdate:modelValue": t[2] || (t[2] = (a) => r.email = a),
-            onInput: t[3] || (t[3] = (...a) => s.handleInput && s.handleInput(...a)),
-            onBlur: t[4] || (t[4] = (...a) => s.handleInputBlur && s.handleInputBlur(...a))
-          },
-          null,
-          544
-          /* HYDRATE_EVENTS, NEED_PATCH */
-        ), [
-          [Io, r.email]
-        ]),
-        r.emailErrorHelp ? (T(), R(
-          "p",
-          k0,
-          ne(r.emailErrorHelp),
-          1
-          /* TEXT */
-        )) : D("v-if", !0)
+    h("div", wg, [
+      j(` <div class="account">
+          <div class="fb-login-button" scope="public_profile,email" data-width="255px" data-size="large" data-button-type="login_with" data-layout="default" data-auto-logout-link="false" data-use-continue-as="false" data-onlogin="checkLoginState"></div>
+        </div> `),
+      h("div", xg, [
+        Eg,
+        r.lastLoginType == "google_login" && !r.isSignup ? (T(), R("div", Sg, "Last Login")) : j("v-if", !0),
+        r.lastSignupType == "google_signup" && r.isSignup ? (T(), R("div", kg, "Last Sign up")) : j("v-if", !0)
       ]),
-      r.isSignup ? (T(), R("div", O0, [
-        T0,
-        He(h(
-          "input",
-          {
-            id: "user_name",
-            type: "text",
-            "onUpdate:modelValue": t[5] || (t[5] = (a) => r.name = a)
-          },
-          null,
-          512
-          /* NEED_PATCH */
-        ), [
-          [Io, r.name]
-        ])
-      ])) : D("v-if", !0),
-      h("div", P0, [
-        C0,
-        He(h(
-          "input",
-          {
-            id: "user_password",
-            type: "password",
-            "onUpdate:modelValue": t[6] || (t[6] = (a) => r.password = a),
-            onInput: t[7] || (t[7] = (...a) => s.handleInput && s.handleInput(...a))
-          },
-          null,
-          544
-          /* HYDRATE_EVENTS, NEED_PATCH */
-        ), [
-          [Io, r.password]
-        ]),
-        r.passwordErrorHelp ? (T(), R("p", A0, [
-          le(
-            ne(r.passwordErrorHelp) + " ",
+      j(' <div class="account flew-row-v-center" style="padding: 0 12px;border-radius: 4px;" @click="handleFbLogin"> '),
+      j(` <img class="img" src="https://statics.imgkits.com/images/facebook_logo.png" alt="facebook logo" width="24" height="24" style="width: 24pxheight: 24px;margin: 8px 8px 8px 12px;">
+          <div style="flex: 1;margin-right: 12px;color: #fff;font-size: 16px;text-align: center;font-weight: bold;">Log in With Facebook</div> `),
+      j(' <svg t="1661493482810" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3146" width="24" height="24"><path d="M512.262115 959.556658c247.175132 0 447.569968-200.366167 447.569968-447.556658 0-247.16387-200.394836-447.556658-447.569968-447.556658-247.17718 0-447.556658 200.392788-447.556658 447.556658-0.001024 247.190491 200.378454 447.556658 447.556658 447.556658" fill="#537BBC" p-id="3147"></path><path d="M404.292383 436.216104h46.269378v-44.969044c0-19.828563 0.499656-50.408946 14.904699-69.347753 15.172957-20.05689 36.000832-33.690947 71.826579-33.690946 58.371702 0 82.952117 8.326235 82.952118 8.326235l-11.564785 68.550147s-19.285904-5.576079-37.275569-5.57608c-17.99888 0-34.111763 6.449454-34.111764 24.438095v52.269346h73.791416l-5.152191 66.958004h-68.639225v232.604221h-86.731278V503.174108h-46.269378v-66.958004z" fill="#FFFFFF" p-id="3148"></path></svg> '),
+      j(' <div style="flex: 1;margin-left: 5px;font-size: 14px;font-weight: 500;">Login With Facebook</div> '),
+      j(" </div> ")
+    ]),
+    h("div", Og, [
+      r.lastLoginType == "email_login" && !r.isSignup ? (T(), R("div", Tg, "Last Login")) : j("v-if", !0),
+      r.lastSignupType == "email_signup" && r.isSignup ? (T(), R("div", Pg, "Last Sign up")) : j("v-if", !0),
+      Cg,
+      h("div", null, [
+        h("div", Ag, [
+          Ig,
+          He(h(
+            "input",
+            {
+              id: "user_email",
+              type: "email",
+              "onUpdate:modelValue": t[2] || (t[2] = (a) => r.email = a),
+              onInput: t[3] || (t[3] = (...a) => s.handleInput && s.handleInput(...a)),
+              onBlur: t[4] || (t[4] = (...a) => s.handleInputBlur && s.handleInputBlur(...a))
+            },
+            null,
+            544
+            /* HYDRATE_EVENTS, NEED_PATCH */
+          ), [
+            [Mo, r.email]
+          ]),
+          r.emailErrorHelp ? (T(), R(
+            "p",
+            Mg,
+            ne(r.emailErrorHelp),
             1
             /* TEXT */
-          ),
-          r.errCode == 2 ? (T(), R("span", M0, [
-            h("a", {
-              href: r.childPath + "/user/resend-verify",
-              target: "_blank"
-            }, "Resend email", 8, I0)
-          ])) : D("v-if", !0)
-        ])) : D("v-if", !0)
-      ]),
-      r.isSignup ? (T(), R("button", {
-        key: 1,
-        class: "form-button",
-        disabled: r.disabled,
-        onClick: t[8] || (t[8] = (...a) => s.handleSignup && s.handleSignup(...a))
-      }, "Create Your Account", 8, $0)) : (T(), R("button", {
-        key: 2,
-        class: "form-button",
-        disabled: r.disabled,
-        onClick: t[9] || (t[9] = (...a) => s.handleLogin && s.handleLogin(...a))
-      }, "Login", 8, N0))
+          )) : j("v-if", !0)
+        ]),
+        r.isSignup ? (T(), R("div", $g, [
+          Ng,
+          He(h(
+            "input",
+            {
+              id: "user_name",
+              type: "text",
+              "onUpdate:modelValue": t[5] || (t[5] = (a) => r.name = a)
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          ), [
+            [Mo, r.name]
+          ])
+        ])) : j("v-if", !0),
+        h("div", Rg, [
+          Lg,
+          He(h(
+            "input",
+            {
+              id: "user_password",
+              type: "password",
+              "onUpdate:modelValue": t[6] || (t[6] = (a) => r.password = a),
+              onInput: t[7] || (t[7] = (...a) => s.handleInput && s.handleInput(...a))
+            },
+            null,
+            544
+            /* HYDRATE_EVENTS, NEED_PATCH */
+          ), [
+            [Mo, r.password]
+          ]),
+          r.passwordErrorHelp ? (T(), R("p", Fg, [
+            le(
+              ne(r.passwordErrorHelp) + " ",
+              1
+              /* TEXT */
+            ),
+            r.errCode == 2 ? (T(), R("span", jg, [
+              h("a", {
+                href: r.childPath + "/user/resend-verify",
+                target: "_blank"
+              }, "Resend email", 8, Dg)
+            ])) : j("v-if", !0)
+          ])) : j("v-if", !0)
+        ]),
+        r.isSignup ? (T(), R("button", {
+          key: 1,
+          class: "form-button",
+          disabled: r.disabled,
+          onClick: t[8] || (t[8] = (...a) => s.handleSignup && s.handleSignup(...a))
+        }, "Create Your Account", 8, Bg)) : (T(), R("button", {
+          key: 2,
+          class: "form-button",
+          disabled: r.disabled,
+          onClick: t[9] || (t[9] = (...a) => s.handleLogin && s.handleLogin(...a))
+        }, "Login", 8, Hg))
+      ])
     ]),
-    r.isSignup ? D("v-if", !0) : (T(), R("div", R0, [
+    r.isSignup ? j("v-if", !0) : (T(), R("div", zg, [
       h("a", {
         href: r.childPath + "/user/password-reset",
         target: "_blank"
-      }, "Forgot your password?", 8, F0),
-      D(' <a href="/user/resend-verification-email"> Need new verification email?</a> ')
+      }, "Forgot your password?", 8, Ug),
+      j(' <a href="/user/resend-verification-email"> Need new verification email?</a> ')
     ])),
-    D(` <div class="link">
+    j(` <div class="link">
         By creating an account you agree to our <a href="/site/terms" style="color: #1778f2;">Terms of Use</a>
       </div> `)
   ]);
 }
-const xl = /* @__PURE__ */ It(g0, [["render", L0], ["__scopeId", "data-v-4682235c"], ["__file", "/Users/c/Desktop/xiaochengxu/liusenlin_project/Translation_Video/src/components/Login1.vue"]]);
-const j0 = {
+const xl = /* @__PURE__ */ Mt(gg, [["render", Vg], ["__scopeId", "data-v-4682235c"], ["__file", "/Users/yinheng/Desktop/code/workspace/z_liusenlin_project/Translation_Video/src/components/Login1.vue"]]);
+const Wg = {
   data() {
     return {};
   },
@@ -7963,7 +7998,7 @@ const j0 = {
       this.$emit("close");
     }
   }
-}, D0 = (e) => (Qt("data-v-47199182"), e = e(), Xt(), e), B0 = { class: "background-cover" }, H0 = { class: "login-content" }, z0 = /* @__PURE__ */ D0(() => /* @__PURE__ */ h(
+}, qg = (e) => (Qt("data-v-47199182"), e = e(), Xt(), e), Gg = { class: "background-cover" }, Kg = { class: "login-content" }, Jg = /* @__PURE__ */ qg(() => /* @__PURE__ */ h(
   "svg",
   {
     t: "1641536858080",
@@ -7984,29 +8019,29 @@ const j0 = {
   ],
   -1
   /* HOISTED */
-)), U0 = [
-  z0
+)), Yg = [
+  Jg
 ];
-function V0(e, t, n, o, r, s) {
+function Zg(e, t, n, o, r, s) {
   const a = xl;
-  return T(), R("div", B0, [
-    h("div", H0, [
+  return T(), R("div", Gg, [
+    h("div", Kg, [
       Q(a, { onSuccess: s.handleLoginSuccess }, null, 8, ["onSuccess"]),
       h("div", {
         class: "cancel",
         onClick: t[0] || (t[0] = (...i) => s.handleClose && s.handleClose(...i))
-      }, U0)
+      }, Yg)
     ])
   ]);
 }
-const W0 = /* @__PURE__ */ It(j0, [["render", V0], ["__scopeId", "data-v-47199182"], ["__file", "/Users/c/Desktop/xiaochengxu/liusenlin_project/Translation_Video/src/components/Login.vue"]]);
+const Qg = /* @__PURE__ */ Mt(Wg, [["render", Zg], ["__scopeId", "data-v-47199182"], ["__file", "/Users/yinheng/Desktop/code/workspace/z_liusenlin_project/Translation_Video/src/components/Login.vue"]]);
 /*!
   * pinia v2.1.4
   * (c) 2023 Eduardo San Martin Morote
   * @license MIT
   */
 let gn;
-const ho = (e) => gn = e, q0 = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
+const ho = (e) => gn = e, Xg = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
   /* istanbul ignore next */
   Symbol()
 );
@@ -8038,12 +8073,12 @@ function ga(e, t, n, o = Sl) {
   };
   return !n && wa() && xa(r), r;
 }
-function Ft(e, ...t) {
+function Lt(e, ...t) {
   e.slice().forEach((n) => {
     n(...t);
   });
 }
-const G0 = (e) => e();
+const e0 = (e) => e();
 function mr(e, t) {
   e instanceof Map && t instanceof Map && t.forEach((n, o) => e.set(o, n)), e instanceof Set && t instanceof Set && t.forEach(e.add, e);
   for (const n in t) {
@@ -8054,12 +8089,12 @@ function mr(e, t) {
   }
   return e;
 }
-const K0 = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
+const t0 = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
   /* istanbul ignore next */
   Symbol()
 );
-function J0(e) {
-  return !Ot(e) || !e.hasOwnProperty(K0);
+function n0(e) {
+  return !Ot(e) || !e.hasOwnProperty(t0);
 }
 const { assign: Oe } = Object;
 function ba(e) {
@@ -8072,7 +8107,7 @@ function ya(e, t, n, o) {
     !i && (process.env.NODE_ENV === "production" || !o) && (n.state.value[e] = r ? r() : {});
     const u = process.env.NODE_ENV !== "production" && o ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
-      Zo(I(r ? r() : {}).value)
+      Zo(M(r ? r() : {}).value)
     ) : Zo(n.state.value[e]);
     return Oe(u, s, Object.keys(a || {}).reduce((d, f) => (process.env.NODE_ENV !== "production" && f in u && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${f}" in store "${e}".`), d[f] = mn(E(() => {
       ho(n);
@@ -8097,7 +8132,7 @@ function vr(e, t, n = {}, o, r, s) {
   let l, u, d = [], f = [], m;
   const p = o.state.value[e];
   !s && !p && (process.env.NODE_ENV === "production" || !r) && (o.state.value[e] = {});
-  const v = I({});
+  const v = M({});
   let _;
   function g(x) {
     let w;
@@ -8111,15 +8146,15 @@ function vr(e, t, n = {}, o, r, s) {
       storeId: e,
       events: m
     });
-    const M = _ = Symbol();
+    const I = _ = Symbol();
     tt().then(() => {
-      _ === M && (l = !0);
-    }), u = !0, Ft(d, w, o.state.value[e]);
+      _ === I && (l = !0);
+    }), u = !0, Lt(d, w, o.state.value[e]);
   }
   const O = s ? function() {
-    const { state: w } = n, M = w ? w() : {};
+    const { state: w } = n, I = w ? w() : {};
     this.$patch((N) => {
-      Oe(N, M);
+      Oe(N, I);
     });
   } : (
     /* istanbul ignore next */
@@ -8133,15 +8168,15 @@ function vr(e, t, n = {}, o, r, s) {
   function C(x, w) {
     return function() {
       ho(o);
-      const M = Array.from(arguments), N = [], W = [];
-      function q(j) {
-        N.push(j);
+      const I = Array.from(arguments), N = [], W = [];
+      function q(D) {
+        N.push(D);
       }
-      function z(j) {
-        W.push(j);
+      function z(D) {
+        W.push(D);
       }
-      Ft(f, {
-        args: M,
+      Lt(f, {
+        args: I,
         name: x,
         store: b,
         after: q,
@@ -8149,11 +8184,11 @@ function vr(e, t, n = {}, o, r, s) {
       });
       let k;
       try {
-        k = w.apply(this && this.$id === e ? this : b, M);
-      } catch (j) {
-        throw Ft(W, j), j;
+        k = w.apply(this && this.$id === e ? this : b, I);
+      } catch (D) {
+        throw Lt(W, D), D;
       }
-      return k instanceof Promise ? k.then((j) => (Ft(N, j), j)).catch((j) => (Ft(W, j), Promise.reject(j))) : (Ft(N, k), k);
+      return k instanceof Promise ? k.then((D) => (Lt(N, D), D)).catch((D) => (Lt(W, D), Promise.reject(D))) : (Lt(N, k), k);
     };
   }
   const A = /* @__PURE__ */ mn({
@@ -8169,14 +8204,14 @@ function vr(e, t, n = {}, o, r, s) {
     $patch: g,
     $reset: O,
     $subscribe(x, w = {}) {
-      const M = ga(d, x, w.detached, () => N()), N = a.run(() => Y(() => o.state.value[e], (W) => {
+      const I = ga(d, x, w.detached, () => N()), N = a.run(() => Y(() => o.state.value[e], (W) => {
         (w.flush === "sync" ? u : l) && x({
           storeId: e,
           type: _n.direct,
           events: m
         }, W);
       }, Oe({}, c, w)));
-      return M;
+      return I;
     },
     $dispose: P
   }, b = Zt(process.env.NODE_ENV !== "production" || Yo ? Oe(
@@ -8190,22 +8225,22 @@ function vr(e, t, n = {}, o, r, s) {
     // setupStore
   ) : $);
   o._s.set(e, b);
-  const F = o._a && o._a.runWithContext || G0, L = o._e.run(() => (a = Vl(), F(() => a.run(t))));
-  for (const x in L) {
-    const w = L[x];
+  const L = o._a && o._a.runWithContext || e0, F = o._e.run(() => (a = Vl(), L(() => a.run(t))));
+  for (const x in F) {
+    const w = F[x];
     if (wt(w) && !ba(w) || yr(w))
-      process.env.NODE_ENV !== "production" && r ? jn(v.value, x, Xe(L, x)) : s || (p && J0(w) && (wt(w) ? w.value = p[x] : mr(w, p[x])), o.state.value[e][x] = w), process.env.NODE_ENV !== "production" && A.state.push(x);
+      process.env.NODE_ENV !== "production" && r ? jn(v.value, x, Xe(F, x)) : s || (p && n0(w) && (wt(w) ? w.value = p[x] : mr(w, p[x])), o.state.value[e][x] = w), process.env.NODE_ENV !== "production" && A.state.push(x);
     else if (typeof w == "function") {
-      const M = process.env.NODE_ENV !== "production" && r ? w : C(x, w);
-      L[x] = M, process.env.NODE_ENV !== "production" && (A.actions[x] = w), i.actions[x] = w;
+      const I = process.env.NODE_ENV !== "production" && r ? w : C(x, w);
+      F[x] = I, process.env.NODE_ENV !== "production" && (A.actions[x] = w), i.actions[x] = w;
     } else
       process.env.NODE_ENV !== "production" && ba(w) && (A.getters[x] = s ? (
         // @ts-expect-error
         n.getters[x]
-      ) : w, Zr && (L._getters || // @ts-expect-error: same
-      (L._getters = mn([]))).push(x));
+      ) : w, Zr && (F._getters || // @ts-expect-error: same
+      (F._getters = mn([]))).push(x));
   }
-  if (Oe(b, L), Oe(Wl(b), L), Object.defineProperty(b, "$state", {
+  if (Oe(b, F), Oe(Wl(b), F), Object.defineProperty(b, "$state", {
     get: () => process.env.NODE_ENV !== "production" && r ? v.value : o.state.value[e],
     set: (x) => {
       if (process.env.NODE_ENV !== "production" && r)
@@ -8217,8 +8252,8 @@ function vr(e, t, n = {}, o, r, s) {
   }), process.env.NODE_ENV !== "production" && (b._hotUpdate = mn((x) => {
     b._hotUpdating = !0, x._hmrPayload.state.forEach((w) => {
       if (w in b.$state) {
-        const M = x.$state[w], N = b.$state[w];
-        typeof M == "object" && Ot(M) && Ot(N) ? El(M, N) : x.$state[w] = N;
+        const I = x.$state[w], N = b.$state[w];
+        typeof I == "object" && Ot(I) && Ot(N) ? El(I, N) : x.$state[w] = N;
       }
       jn(b, w, Xe(x.$state, w));
     }), Object.keys(b.$state).forEach((w) => {
@@ -8227,14 +8262,14 @@ function vr(e, t, n = {}, o, r, s) {
       l = !0;
     });
     for (const w in x._hmrPayload.actions) {
-      const M = x[w];
-      jn(b, w, C(w, M));
+      const I = x[w];
+      jn(b, w, C(w, I));
     }
     for (const w in x._hmrPayload.getters) {
-      const M = x._hmrPayload.getters[w], N = s ? (
+      const I = x._hmrPayload.getters[w], N = s ? (
         // special handling of options api
-        E(() => (ho(o), M.call(b, b)))
-      ) : M;
+        E(() => (ho(o), I.call(b, b)))
+      ) : I;
       jn(b, w, N);
     }
     Object.keys(b._hmrPayload.getters).forEach((w) => {
@@ -8261,7 +8296,7 @@ function vr(e, t, n = {}, o, r, s) {
         pinia: o,
         options: i
       }));
-      Object.keys(w || {}).forEach((M) => b._customProperties.add(M)), Oe(b, w);
+      Object.keys(w || {}).forEach((I) => b._customProperties.add(I)), Oe(b, w);
     } else
       Oe(b, a.run(() => x({
         store: b,
@@ -8273,7 +8308,7 @@ function vr(e, t, n = {}, o, r, s) {
 	state: () => new MyClass()
 Found in store "${b.$id}".`), p && s && n.hydrate && n.hydrate(b.$state, p), l = !0, u = !0, b;
 }
-function Y0(e, t, n) {
+function o0(e, t, n) {
   let o, r;
   const s = typeof t == "function";
   if (typeof e == "string")
@@ -8284,7 +8319,7 @@ function Y0(e, t, n) {
     const l = Ul();
     if (i = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    (process.env.NODE_ENV === "test" && gn && gn._testing ? null : i) || (l ? Z(q0, null) : null), i && ho(i), process.env.NODE_ENV !== "production" && !gn)
+    (process.env.NODE_ENV === "test" && gn && gn._testing ? null : i) || (l ? Z(Xg, null) : null), i && ho(i), process.env.NODE_ENV !== "production" && !gn)
       throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Did you forget to install pinia?
 	const pinia = createPinia()
 	app.use(pinia)
@@ -8307,14 +8342,14 @@ This will fail in production.`);
   }
   return a.$id = o, a;
 }
-function Z0(e, t) {
+function r0(e, t) {
   return Array.isArray(t) ? t.reduce((n, o) => (n[o] = function(...r) {
     return e(this.$pinia)[o](...r);
   }, n), {}) : Object.keys(t).reduce((n, o) => (n[o] = function(...r) {
     return e(this.$pinia)[t[o]](...r);
   }, n), {});
 }
-const Q0 = Y0("user", {
+const s0 = o0("user", {
   state: () => ({
     user: null,
     isShowLogin: !1,
@@ -8387,7 +8422,7 @@ const Q0 = Y0("user", {
 });
 let kl = nn();
 console.log("childPath3", kl);
-const X0 = {
+const a0 = {
   props: ["user", "from"],
   data() {
     return {
@@ -8395,15 +8430,15 @@ const X0 = {
     };
   },
   methods: {
-    ...Z0(Q0, ["logout"]),
+    ...r0(s0, ["logout"]),
     handlePay() {
       console.log("user", this.user), this.user.is_subscribed || this.$emit("subscribe");
     }
   }
-}, rn = (e) => (Qt("data-v-8580ad75"), e = e(), Xt(), e), eg = { class: "user-center-content" }, tg = { class: "user-info flew-row-v-center" }, ng = ["src"], og = {
+}, rn = (e) => (Qt("data-v-8580ad75"), e = e(), Xt(), e), i0 = { class: "user-center-content" }, l0 = { class: "user-info flew-row-v-center" }, c0 = ["src"], u0 = {
   class: "user-name",
   style: { color: "#000" }
-}, rg = { class: "user-email" }, sg = { class: "flew-row-v-center" }, ag = {
+}, d0 = { class: "user-email" }, f0 = { class: "flew-row-v-center" }, p0 = {
   key: 0,
   t: "1637834706702",
   class: "user-item-icon",
@@ -8413,7 +8448,7 @@ const X0 = {
   "p-id": "10206",
   width: "32",
   height: "32"
-}, ig = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
+}, h0 = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
   "path",
   {
     d: "M319.786667 74.666667h384.490666A85.333333 85.333333 0 0 1 772.266667 108.458667l207.594666 273.834666a85.333333 85.333333 0 0 1-6.592 110.805334L573.866667 907.136a85.333333 85.333333 0 0 1-122.688 0.149333L50.88 494.144a85.333333 85.333333 0 0 1-6.805333-110.826667L251.733333 108.544A85.333333 85.333333 0 0 1 319.786667 74.666667z",
@@ -8425,7 +8460,7 @@ const X0 = {
   null,
   -1
   /* HOISTED */
-)), lg = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
+)), m0 = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
   "path",
   {
     d: "M685.482667 350.72a32 32 0 0 1 47.445333 42.816l-2.197333 2.432-196.096 196.096a32 32 0 0 1-42.837334 2.197333l-2.432-2.197333-196.096-196.096a32 32 0 0 1 42.816-47.466667l2.432 2.197334L512 524.181333l173.482667-173.482666z",
@@ -8435,10 +8470,10 @@ const X0 = {
   null,
   -1
   /* HOISTED */
-)), cg = [
-  ig,
-  lg
-], ug = {
+)), v0 = [
+  h0,
+  m0
+], g0 = {
   key: 1,
   t: "1637055277290",
   class: "user-item-icon",
@@ -8448,7 +8483,7 @@ const X0 = {
   "p-id": "8080",
   width: "32",
   height: "32"
-}, dg = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
+}, b0 = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
   "path",
   {
     d: "M957.942003 407.418107c4.937452-6.197142 4.954849-15.143908-0.297782-21.406542L718.393185 100.883665c-1.357927-1.623987-2.981914-2.916423-4.738931-3.89368-2.765997-5.600555-8.532327-9.42772-15.193027-9.42772L326.247924 87.562265c-6.329149 0-11.978822 3.612271-14.877849 8.930393-2.15406 0.994654-4.142343 2.469238-5.733585 4.391007L66.386478 386.011564c-3.048429 3.628644-4.340865 8.16803-3.90903 12.541641-0.464581 4.391007 0.794086 8.964162 3.859911 12.625552L501.444085 929.709497c5.997598 7.175423 16.634866 8.037047 23.825638 2.02103 3.13234-2.650363 5.086855-6.145977 5.799076-9.841136 0.38067-0.379647 0.762363-0.777713 1.110287-1.209548L953.899944 418.089144C956.533934 414.956803 957.859116 411.17978 957.942003 407.418107zM520.830621 727.291344 754.099409 449.304076c8.963139-10.686387 25.00244-12.06171 35.754319-3.032056 10.852162 9.096169 12.211113 25.035186 3.230578 35.755342L542.071388 781.172509c-5.418406 6.445806-13.387915 9.509585-21.240767 8.930393-7.837502 0.579191-15.807011-2.484587-21.224394-8.930393L248.57489 482.027361c-8.979512-10.720156-7.605212-26.659173 3.247974-35.755342 10.769274-9.029654 26.774807-7.65433 35.754319 3.032056L520.830621 727.291344z",
@@ -8458,9 +8493,9 @@ const X0 = {
   null,
   -1
   /* HOISTED */
-)), fg = [
-  dg
-], pg = ["href"], hg = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
+)), y0 = [
+  b0
+], _0 = ["href"], w0 = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
   "button",
   { class: "upgrade_btn" },
   [
@@ -8468,9 +8503,9 @@ const X0 = {
   ],
   -1
   /* HOISTED */
-)), mg = [
-  hg
-], vg = ["href"], gg = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
+)), x0 = [
+  w0
+], E0 = ["href"], S0 = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
   "div",
   { class: "user-item user-item-active flew-row-v-center" },
   [
@@ -8494,9 +8529,9 @@ const X0 = {
   ],
   -1
   /* HOISTED */
-)), bg = [
-  gg
-], yg = ["href"], _g = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
+)), k0 = [
+  S0
+], O0 = ["href"], T0 = /* @__PURE__ */ rn(() => /* @__PURE__ */ h(
   "div",
   { class: "user-item user-item-active flew-row-v-center" },
   [
@@ -8525,19 +8560,19 @@ const X0 = {
   ],
   -1
   /* HOISTED */
-)), wg = [
-  _g
+)), P0 = [
+  T0
 ];
-function xg(e, t, n, o, r, s) {
-  return T(), R("div", eg, [
-    h("div", tg, [
+function C0(e, t, n, o, r, s) {
+  return T(), R("div", i0, [
+    h("div", l0, [
       h("img", {
         class: "user-avatar",
         src: n.user.avatar || "https://statics.imgkits.com/images/default_user_avatar_black.png",
         alt: "user avatar"
-      }, null, 8, ng),
+      }, null, 8, c0),
       h("div", null, [
-        h("div", og, [
+        h("div", u0, [
           h(
             "span",
             null,
@@ -8546,7 +8581,7 @@ function xg(e, t, n, o, r, s) {
             /* TEXT */
           )
         ]),
-        h("div", rg, [
+        h("div", d0, [
           h(
             "span",
             null,
@@ -8557,7 +8592,7 @@ function xg(e, t, n, o, r, s) {
         ])
       ])
     ]),
-    D(` <div v-if="!user.is_subscribed" class="user-item user-item-active flew-row-v-center space-between" @click="handlePay">
+    j(` <div v-if="!user.is_subscribed" class="user-item user-item-active flew-row-v-center space-between" @click="handlePay">
         <div class="flew-row-v-center">
           <svg t="1637055176346" class="user-item-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6419" width="32" height="32"><path d="M179.2 182.4c-34.4 16.8-51.2 35.2-51.2 55.2v55.2c0 20 16.8 38.4 51.2 55.2 34.4 16.8 80.8 30.4 140 40 59.2 9.6 123.2 14.4 192.8 14.4s133.6-4.8 192.8-14.4c59.2-9.6 105.6-23.2 140-40 34.4-16.8 51.2-35.2 51.2-55.2v-55.2c0-20-16.8-38.4-51.2-55.2-34.4-16.8-80.8-30.4-140-40C645.6 132.8 581.6 128 512 128s-133.6 4.8-192.8 14.4c-58.4 10.4-105.6 23.2-140 40M128 552v69.6c0 20 16.8 38.4 51.2 55.2s80.8 30.4 140 40c59.2 9.6 123.2 14.4 192.8 14.4s133.6-4.8 192.8-14.4c59.2-9.6 105.6-23.2 140-40 34.4-16.8 51.2-35.2 51.2-55.2v-72.8c-40 24-93.6 42.4-162.4 54.4-68.8 12.8-142.4 18.4-221.6 18.4s-152.8-5.6-221.6-18.4C221.6 591.2 168 572.8 128 548.8M128 712v74.4c0 20 16.8 38.4 51.2 55.2s80.8 30.4 140 40c59.2 9.6 123.2 14.4 192.8 14.4s133.6-4.8 192.8-14.4c59.2-9.6 105.6-23.2 140-40 34.4-16.8 51.2-35.2 51.2-55.2v-72.8c-40 24-93.6 42.4-162.4 54.4-68.8 12-142.4 18.4-221.6 18.4s-152.8-6.4-221.6-18.4C221.6 756 168 737.6 128 713.6M128 384v72.8c0 20 16.8 38.4 51.2 55.2s80.8 30.4 140 40c59.2 9.6 123.2 14.4 192.8 14.4s133.6-4.8 192.8-14.4c59.2-9.6 105.6-23.2 140-40 34.4-16.8 51.2-35.2 51.2-55.2V384c-40 24-93.6 42.4-162.4 54.4-68.8 12-142.4 18.4-221.6 18.4s-152.8-6.4-221.6-18.4C221.6 426.4 168 408 128 384" p-id="6420" fill="#969696"></path></svg>
           <span id="free_cnt">My Credit: {{user.free_cnt}}</span>
@@ -8568,8 +8603,8 @@ function xg(e, t, n, o, r, s) {
       class: "user-item flew-row-v-center space-between",
       onClick: t[0] || (t[0] = (...a) => s.handlePay && s.handlePay(...a))
     }, [
-      h("div", sg, [
-        n.user.is_subscribed ? (T(), R("svg", ag, cg)) : (T(), R("svg", ug, fg)),
+      h("div", f0, [
+        n.user.is_subscribed ? (T(), R("svg", p0, v0)) : (T(), R("svg", g0, y0)),
         h(
           "span",
           null,
@@ -8578,26 +8613,26 @@ function xg(e, t, n, o, r, s) {
           /* TEXT */
         )
       ]),
-      n.user.is_subscribed ? D("v-if", !0) : (T(), R("a", {
+      n.user.is_subscribed ? j("v-if", !0) : (T(), R("a", {
         key: 0,
         href: r.path + "/pricing",
         target: "_self"
-      }, mg, 8, pg))
+      }, x0, 8, _0))
     ]),
     h("a", {
       href: r.path + "/dashboard",
       target: "_blank"
-    }, bg, 8, vg),
+    }, k0, 8, E0),
     h("a", {
       rel: "nofollow",
       href: r.path + "/user/logout"
-    }, wg, 8, yg)
+    }, P0, 8, O0)
   ]);
 }
-const _a = /* @__PURE__ */ It(X0, [["render", xg], ["__scopeId", "data-v-8580ad75"], ["__file", "/Users/c/Desktop/xiaochengxu/liusenlin_project/Translation_Video/src/components/PersonalCenter.vue"]]);
-const Eg = {
+const _a = /* @__PURE__ */ Mt(a0, [["render", C0], ["__scopeId", "data-v-8580ad75"], ["__file", "/Users/yinheng/Desktop/code/workspace/z_liusenlin_project/Translation_Video/src/components/PersonalCenter.vue"]]);
+const A0 = {
   props: ["content", "top"]
-}, Sg = (e) => (Qt("data-v-7b6def48"), e = e(), Xt(), e), kg = /* @__PURE__ */ Sg(() => /* @__PURE__ */ h(
+}, I0 = (e) => (Qt("data-v-7b6def48"), e = e(), Xt(), e), M0 = /* @__PURE__ */ I0(() => /* @__PURE__ */ h(
   "svg",
   {
     t: "1637907583780",
@@ -8618,7 +8653,7 @@ const Eg = {
   -1
   /* HOISTED */
 ));
-function Og(e, t, n, o, r, s) {
+function $0(e, t, n, o, r, s) {
   return T(), R(
     "div",
     {
@@ -8626,7 +8661,7 @@ function Og(e, t, n, o, r, s) {
       style: Pn({ top: n.top || "60PX" })
     },
     [
-      kg,
+      M0,
       h(
         "span",
         null,
@@ -8639,8 +8674,8 @@ function Og(e, t, n, o, r, s) {
     /* STYLE */
   );
 }
-const Tg = /* @__PURE__ */ It(Eg, [["render", Og], ["__scopeId", "data-v-7b6def48"], ["__file", "/Users/c/Desktop/xiaochengxu/liusenlin_project/Translation_Video/src/components/Toast.vue"]]);
-const Pg = { class: "background-cover" }, Cg = /* @__PURE__ */ h(
+const N0 = /* @__PURE__ */ Mt(A0, [["render", $0], ["__scopeId", "data-v-7b6def48"], ["__file", "/Users/yinheng/Desktop/code/workspace/z_liusenlin_project/Translation_Video/src/components/Toast.vue"]]);
+const R0 = { class: "background-cover" }, L0 = /* @__PURE__ */ h(
   "div",
   { class: "invite-success" },
   [
@@ -8667,7 +8702,7 @@ const Pg = { class: "background-cover" }, Cg = /* @__PURE__ */ h(
   ],
   -1
   /* HOISTED */
-), Ag = /* @__PURE__ */ h(
+), F0 = /* @__PURE__ */ h(
   "div",
   { class: "invite-title" },
   [
@@ -8675,29 +8710,29 @@ const Pg = { class: "background-cover" }, Cg = /* @__PURE__ */ h(
   ],
   -1
   /* HOISTED */
-), Mg = /* @__PURE__ */ h(
+), j0 = /* @__PURE__ */ h(
   "p",
   { class: "invite-desc" },
   "You have successfully subscribed to the business plan and now you have the right to add licenses for partners.",
   -1
   /* HOISTED */
-), Ig = /* @__PURE__ */ h(
+), D0 = /* @__PURE__ */ h(
   "span",
   null,
   "Invite Partners Now",
   -1
   /* HOISTED */
-), $g = [
-  Ig
-], Ng = /* @__PURE__ */ h(
+), B0 = [
+  D0
+], H0 = /* @__PURE__ */ h(
   "span",
   null,
   "Invite Later",
   -1
   /* HOISTED */
-), Rg = [
-  Ng
-], Fg = {
+), z0 = [
+  H0
+], U0 = {
   __name: "TeamInvite",
   emits: ["cancel"],
   setup(e, { emit: t }) {
@@ -8706,26 +8741,26 @@ const Pg = { class: "background-cover" }, Cg = /* @__PURE__ */ h(
     }, r = () => {
       t("cancel");
     };
-    return (s, a) => (T(), R("div", Pg, [
+    return (s, a) => (T(), R("div", R0, [
       h("div", { class: "invite-dialog" }, [
-        Cg,
-        Ag,
-        Mg,
+        L0,
+        F0,
+        j0,
         h("div", null, [
           h("div", {
             class: "button button-up",
             onClick: o
-          }, $g),
+          }, B0),
           h("div", {
             class: "button button-down",
             onClick: r
-          }, Rg)
+          }, z0)
         ])
       ])
     ]));
   }
-}, Lg = /* @__PURE__ */ It(Fg, [["__file", "/Users/c/Desktop/xiaochengxu/liusenlin_project/Translation_Video/src/components/TeamInvite.vue"]]);
-function jg(e, t) {
+}, V0 = /* @__PURE__ */ Mt(U0, [["__file", "/Users/yinheng/Desktop/code/workspace/z_liusenlin_project/Translation_Video/src/components/TeamInvite.vue"]]);
+function W0(e, t) {
   return T(), R("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -8739,13 +8774,13 @@ function jg(e, t) {
     })
   ]);
 }
-const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
+const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), q0 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
   "span",
   null,
   "Our other apps",
   -1
   /* HOISTED */
-)), Bg = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
+)), G0 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
   "img",
   {
     src: "https://statics.imgkits.com/lsl_ali_icon4392779680.png ",
@@ -8754,7 +8789,7 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
   null,
   -1
   /* HOISTED */
-)), Hg = ["href"], zg = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
+)), K0 = ["href"], J0 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
   "img",
   {
     style: { height: "64px", width: "64px", marginRight: "4px", borderRadius: "4px" },
@@ -8764,7 +8799,7 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
   null,
   -1
   /* HOISTED */
-)), Ug = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
+)), Y0 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
   "div",
   { class: "flex flex-col pl-1" },
   [
@@ -8773,10 +8808,10 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
   ],
   -1
   /* HOISTED */
-)), Vg = [
-  zg,
-  Ug
-], Wg = ["href"], qg = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
+)), Z0 = [
+  J0,
+  Y0
+], Q0 = ["href"], X0 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
   "img",
   {
     style: { height: "64px", width: "64px", marginRight: "4px", borderRadius: "4px" },
@@ -8786,7 +8821,7 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
   null,
   -1
   /* HOISTED */
-)), Gg = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
+)), e1 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
   "div",
   { class: "flex flex-col pl-1" },
   [
@@ -8795,10 +8830,10 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
   ],
   -1
   /* HOISTED */
-)), Kg = [
-  qg,
-  Gg
-], Jg = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
+)), t1 = [
+  X0,
+  e1
+], n1 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
   "img",
   {
     style: { width: "20px", height: "20px", marginRight: "8px" },
@@ -8808,13 +8843,13 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
   null,
   -1
   /* HOISTED */
-)), Yg = ["href"], Zg = ["src"], Qg = {
+)), o1 = ["href"], r1 = ["src"], s1 = {
   key: 1,
   class: "ml-2 h-4 flex items-center font-normal bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, Xg = {
+}, a1 = {
   key: 2,
   class: "ml-2 h-4 flex items-center font-normal bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, e1 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
+}, i1 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
   "svg",
   {
     class: "inline-block mr-2",
@@ -8981,13 +9016,13 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
   ],
   -1
   /* HOISTED */
-)), t1 = ["href"], n1 = ["src"], o1 = {
+)), l1 = ["href"], c1 = ["src"], u1 = {
   key: 1,
   class: "ml-2 h-4 flex items-center font-normal bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, r1 = {
+}, d1 = {
   key: 2,
   class: "ml-2 h-4 flex items-center font-normal bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, s1 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
+}, f1 = /* @__PURE__ */ ot(() => /* @__PURE__ */ h(
   "img",
   {
     style: { width: "20px", height: "20px", marginRight: "8px" },
@@ -8997,13 +9032,13 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
   null,
   -1
   /* HOISTED */
-)), a1 = ["href"], i1 = ["src"], l1 = {
+)), p1 = ["href"], h1 = ["src"], m1 = {
   key: 1,
   class: "ml-2 h-4 flex items-center font-normal bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, c1 = {
+}, v1 = {
   key: 2,
   class: "ml-2 h-4 flex items-center font-normal bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, u1 = {
+}, g1 = {
   __name: "MobileMoreApps",
   props: {
     hotApps: Array,
@@ -9012,7 +9047,7 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
     edge_addon_tools: Array
   },
   setup(e) {
-    const t = I(null);
+    const t = M(null);
     return X(() => {
       const n = new URL(location.href);
       t.value = n.searchParams.get("from") || null;
@@ -9030,12 +9065,12 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
                     index: "1"
                   }, {
                     title: U(() => [
-                      Dg
+                      q0
                     ]),
                     default: U(() => [
                       Q(r, { index: "1-1" }, {
                         title: U(() => [
-                          Bg,
+                          G0,
                           le(" Hot Tools ")
                         ]),
                         default: U(() => [
@@ -9048,7 +9083,7 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
                                 target: "_blank",
                                 href: "https://www.imgkits.com" + (t.value ? "?from=" + t.value : ""),
                                 class: "cursor-pointer flex items-center bg-gradient-to-r h-24 mb-6 from-purple-100 via-blue-100 to-purple-200 rounded-2xl w-96 p-3"
-                              }, Vg, 8, Hg)
+                              }, Z0, 8, K0)
                             ]),
                             _: 1
                             /* STABLE */
@@ -9059,7 +9094,7 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
                                 target: "_blank",
                                 href: "https://www.livepolls.app/ai_image_generator/image-generator" + (t.value ? "?from=" + t.value : ""),
                                 class: "cursor-pointer flex items-center bg-gradient-to-r h-24 from-purple-100 via-blue-100 to-purple-200 rounded-2xl w-96 p-3"
-                              }, Kg, 8, Wg)
+                              }, t1, 8, Q0)
                             ]),
                             _: 1
                             /* STABLE */
@@ -9070,7 +9105,7 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
                       }),
                       Q(r, { index: "1-2" }, {
                         title: U(() => [
-                          Jg,
+                          n1,
                           le(" Google Workspace Tools ")
                         ]),
                         default: U(() => [
@@ -9091,15 +9126,15 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
                                     key: 0,
                                     class: "h-4 mr-2 w-4 inline-block",
                                     src: i.icon
-                                  }, null, 8, Zg)) : D("v-if", !0),
+                                  }, null, 8, r1)) : j("v-if", !0),
                                   le(
                                     " " + ne(i.name) + " ",
                                     1
                                     /* TEXT */
                                   ),
-                                  i.type == 1 ? (T(), R("span", Qg, "Hot")) : D("v-if", !0),
-                                  i.type == 2 ? (T(), R("span", Xg, "AI")) : D("v-if", !0)
-                                ], 8, Yg)
+                                  i.type == 1 ? (T(), R("span", s1, "Hot")) : j("v-if", !0),
+                                  i.type == 2 ? (T(), R("span", a1, "AI")) : j("v-if", !0)
+                                ], 8, o1)
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -9113,7 +9148,7 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
                       }),
                       Q(r, { index: "1-3" }, {
                         title: U(() => [
-                          e1,
+                          i1,
                           le(" Chrome Extensions ")
                         ]),
                         default: U(() => [
@@ -9134,15 +9169,15 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
                                     key: 0,
                                     class: "h-4 mr-2 w-4 inline-block",
                                     src: i.icon
-                                  }, null, 8, n1)) : D("v-if", !0),
+                                  }, null, 8, c1)) : j("v-if", !0),
                                   le(
                                     " " + ne(i.name) + " ",
                                     1
                                     /* TEXT */
                                   ),
-                                  i.type == 1 ? (T(), R("span", o1, "Hot")) : D("v-if", !0),
-                                  i.type == 2 ? (T(), R("span", r1, "AI")) : D("v-if", !0)
-                                ], 8, t1)
+                                  i.type == 1 ? (T(), R("span", u1, "Hot")) : j("v-if", !0),
+                                  i.type == 2 ? (T(), R("span", d1, "AI")) : j("v-if", !0)
+                                ], 8, l1)
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -9156,7 +9191,7 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
                       }),
                       Q(r, { index: "1-4" }, {
                         title: U(() => [
-                          s1,
+                          f1,
                           le(" Edge Extensions ")
                         ]),
                         default: U(() => [
@@ -9177,15 +9212,15 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
                                     key: 0,
                                     class: "h-4 mr-2 w-4 inline-block",
                                     src: i.icon
-                                  }, null, 8, i1)) : D("v-if", !0),
+                                  }, null, 8, h1)) : j("v-if", !0),
                                   le(
                                     " " + ne(i.name) + " ",
                                     1
                                     /* TEXT */
                                   ),
-                                  i.type == 1 ? (T(), R("span", l1, "Hot")) : D("v-if", !0),
-                                  i.type == 2 ? (T(), R("span", c1, "AI")) : D("v-if", !0)
-                                ], 8, a1)
+                                  i.type == 1 ? (T(), R("span", m1, "Hot")) : j("v-if", !0),
+                                  i.type == 2 ? (T(), R("span", v1, "AI")) : j("v-if", !0)
+                                ], 8, p1)
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -9215,29 +9250,29 @@ const ot = (e) => (Qt("data-v-b9e2cd3f"), e = e(), Xt(), e), Dg = /* @__PURE__ *
       });
     };
   }
-}, d1 = /* @__PURE__ */ It(u1, [["__scopeId", "data-v-b9e2cd3f"], ["__file", "/Users/c/Desktop/xiaochengxu/liusenlin_project/Translation_Video/src/components/MobileMoreApps.vue"]]);
-const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
+}, b1 = /* @__PURE__ */ Mt(g1, [["__scopeId", "data-v-b9e2cd3f"], ["__file", "/Users/yinheng/Desktop/code/workspace/z_liusenlin_project/Translation_Video/src/components/MobileMoreApps.vue"]]);
+const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), y1 = {
   class: "flex items-center justify-between py-6 lg:px-0 px-6",
   "aria-label": "Global"
-}, p1 = { class: "flex lg:flex-1" }, h1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+}, _1 = { class: "flex lg:flex-1" }, w1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "span",
   { class: "hidden items-center gap-x-1 text-sm font-semibold h-7 leading-7 text-gray-900" },
   null,
   -1
   /* HOISTED */
-)), m1 = ["href"], v1 = ["src", "alt"], g1 = { class: "pl-2 text-xl" }, b1 = { class: "flex lg:hidden" }, y1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), x1 = ["href"], E1 = ["src", "alt"], S1 = { class: "pl-2 text-xl" }, k1 = { class: "flex lg:hidden" }, O1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "span",
   { class: "sr-only" },
   "Open main menu",
   -1
   /* HOISTED */
-)), _1 = { class: "hidden lg:flex lg:gap-x-12" }, w1 = { class: "navigation-item inline-flex items-center gap-x-1 text-sm font-semibold h-7 leading-7 text-gray-900" }, x1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), T1 = { class: "hidden lg:flex lg:gap-x-12" }, P1 = { class: "navigation-item inline-flex items-center gap-x-1 text-sm font-semibold h-7 leading-7 text-gray-900" }, C1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "span",
   null,
   "Our other apps",
   -1
   /* HOISTED */
-)), E1 = { class: "hot w-1/4 border-r mr-10" }, S1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), A1 = { class: "hot w-1/4 border-r mr-10" }, I1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "div",
   { class: "py-3 text-sm font-bold flex items-center leading-6" },
   [
@@ -9249,7 +9284,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
   ],
   -1
   /* HOISTED */
-)), k1 = { class: "h-[300px] pt-5 w-[97%]" }, O1 = ["href"], T1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), M1 = { class: "h-[300px] pt-5 w-[97%]" }, $1 = ["href"], N1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "img",
   {
     class: "h-16 w-16 mr-1 rounded",
@@ -9258,7 +9293,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
   null,
   -1
   /* HOISTED */
-)), P1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), R1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "div",
   { class: "flex flex-col pl-1" },
   [
@@ -9267,10 +9302,10 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
   ],
   -1
   /* HOISTED */
-)), C1 = [
-  T1,
-  P1
-], A1 = ["href"], M1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), L1 = [
+  N1,
+  R1
+], F1 = ["href"], j1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "img",
   {
     class: "h-16 w-16 mr-1 rounded",
@@ -9279,7 +9314,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
   null,
   -1
   /* HOISTED */
-)), I1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), D1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "div",
   { class: "flex flex-col pl-1" },
   [
@@ -9288,10 +9323,10 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
   ],
   -1
   /* HOISTED */
-)), $1 = [
-  M1,
-  I1
-], N1 = { class: "flex w-1/4 border-r mr-10 flex-col" }, R1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), B1 = [
+  j1,
+  D1
+], H1 = { class: "flex w-1/4 border-r mr-10 flex-col" }, z1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "div",
   { class: "py-3 text-sm font-bold flex items-center leading-6" },
   [
@@ -9303,13 +9338,13 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
   ],
   -1
   /* HOISTED */
-)), F1 = { class: "h-[300px] w-[98%] text-sm font-semibold leading-6 text-gray-900 pt-2" }, L1 = ["href"], j1 = ["src"], D1 = {
+)), U1 = { class: "h-[300px] w-[98%] text-sm font-semibold leading-6 text-gray-900 pt-2" }, V1 = ["href"], W1 = ["src"], q1 = {
   key: 0,
   class: "h-4 flex items-center font-normal bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, B1 = {
+}, G1 = {
   key: 1,
   class: "h-4 flex items-center font-normal bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, H1 = { class: "flex w-1/4 border-r mr-10 flex-col" }, z1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+}, K1 = { class: "flex w-1/4 border-r mr-10 flex-col" }, J1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "div",
   { class: "py-3 text-sm font-bold flex items-center leading-6" },
   [
@@ -9479,13 +9514,13 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
   ],
   -1
   /* HOISTED */
-)), U1 = { class: "h-[300px] text-sm w-[98%] font-semibold leading-6 pt-2 text-gray-900" }, V1 = ["href"], W1 = ["src"], q1 = {
+)), Y1 = { class: "h-[300px] text-sm w-[98%] font-semibold leading-6 pt-2 text-gray-900" }, Z1 = ["href"], Q1 = ["src"], X1 = {
   key: 0,
   class: "h-4 font-normal flex items-center bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, G1 = {
+}, eb = {
   key: 1,
   class: "h-4 font-normal flex items-center bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, K1 = { class: "flex w-1/4 mr-10 flex-col" }, J1 = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+}, tb = { class: "flex w-1/4 mr-10 flex-col" }, nb = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "div",
   { class: "py-3 text-sm font-bold flex items-center leading-6" },
   [
@@ -9497,46 +9532,46 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
   ],
   -1
   /* HOISTED */
-)), Y1 = { class: "text-sm font-semibold leading-6 text-gray-900 pt-2" }, Z1 = ["href"], Q1 = ["src"], X1 = {
+)), ob = { class: "text-sm font-semibold leading-6 text-gray-900 pt-2" }, rb = ["href"], sb = ["src"], ab = {
   key: 0,
   class: "h-4 font-normal flex items-center bg-[#f16a41] text-white rounded-sm px-1 text-center"
-}, eb = {
+}, ib = {
   key: 1,
   class: "h-4 font-normal flex items-center bg-[#5b4fff] text-white rounded-sm px-1 text-center"
-}, tb = ["href", "target"], nb = {
+}, lb = ["href", "target"], cb = {
   key: 0,
   class: "hidden lg:flex lg:flex-1 lg:justify-end"
-}, ob = {
+}, ub = {
   key: 1,
   class: "hidden lg:flex lg:flex-1 lg:justify-end"
-}, rb = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+}, db = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "span",
   { "aria-hidden": "true" },
   null,
   -1
   /* HOISTED */
-)), sb = { class: "hidden lg:flex lg:flex-1 lg:justify-end text-sm font-semibold leading-6 text-gray-900 items-center" }, ab = { class: "pr-4" }, ib = ["src"], lb = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), fb = { class: "hidden lg:flex lg:flex-1 lg:justify-end text-sm font-semibold leading-6 text-gray-900 items-center" }, pb = { class: "pr-4" }, hb = ["src"], mb = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "div",
   { class: "open-icon" },
   null,
   -1
   /* HOISTED */
-)), cb = { class: "user-center-dialog shadow-xl" }, ub = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), vb = { class: "user-center-dialog shadow-xl" }, gb = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "div",
   { class: "fixed inset-0 z-50" },
   null,
   -1
   /* HOISTED */
-)), db = { class: "flex items-center justify-between" }, fb = ["href"], pb = { class: "sr-only" }, hb = ["src", "alt"], mb = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
+)), bb = { class: "flex items-center justify-between" }, yb = ["href"], _b = { class: "sr-only" }, wb = ["src", "alt"], xb = /* @__PURE__ */ ge(() => /* @__PURE__ */ h(
   "span",
   { class: "sr-only" },
   "Close menu",
   -1
   /* HOISTED */
-)), vb = { class: "mt-6 flow-root" }, gb = { class: "-my-6 divide-y divide-gray-500/10" }, bb = { class: "space-y-2 py-6" }, yb = ["href", "target"], _b = {
+)), Eb = { class: "mt-6 flow-root" }, Sb = { class: "-my-6 divide-y divide-gray-500/10" }, kb = { class: "space-y-2 py-6" }, Ob = ["href", "target"], Tb = {
   key: 0,
   class: "py-6"
-}, wb = {
+}, Pb = {
   __name: "Header",
   props: {
     isShenHe: {
@@ -9577,7 +9612,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
       name: "Video Translator"
     };
     typeof app_config == "object" && app_config && Object.keys(app_config).length > 0 && (o = app_config), console.log("appInfo", o);
-    const r = I(o), s = nn(), a = I([
+    const r = M(o), s = nn(), a = M([
       {
         name: "Live Polls Maker for Slides™",
         desc: "Make your meetings and classes more interactive by live polling to collect instant feedback. Include multiple choice, open text, word cloud, survey, Q&A, quizzes.",
@@ -9654,7 +9689,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
         name: "More Google Workspace >",
         url: "https://www.livepolls.app/apps"
       }
-    ]), i = I([
+    ]), i = M([
       {
         name: "AI Image Generator",
         desc: "Turn text prompts into an image with our AI Image Generator, you can get the best free stock photos without searching from Pexels or unsplash.",
@@ -9732,7 +9767,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
         chrome_addon_url: "https://www.livepolls.app/chrome_addons",
         edge_addon_url: "https://www.livepolls.app/edge_addons"
       }
-    ]), c = I([
+    ]), c = M([
       {
         name: "AI Image Generator",
         desc: "Turn text prompts into an image with our AI Image Generator, you can get the best free stock photos without searching from Pexels or unsplash.",
@@ -9809,19 +9844,19 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
         name: "More Edge Extensions >",
         edge_addon_url: "https://www.livepolls.app/edge_addons"
       }
-    ]), l = I(n.isShenHe ? [{ name: "Privacy Policy", href: s + "/privacy", target: "_blank" }] : [{ name: "Pricing", href: s + "/pricing", target: "_self" }]), u = I(s || "/"), d = I(!1), f = I(null), m = E(() => n.userStore.user), p = () => {
+    ]), l = M(n.isShenHe ? [{ name: "Privacy Policy", href: s + "/privacy", target: "_blank" }] : [{ name: "Pricing", href: s + "/pricing", target: "_self" }]), u = M(s || "/"), d = M(!1), f = M(null), m = E(() => n.userStore.user), p = () => {
       n.userStore.showLogin(!0);
-    }, v = I(!1);
+    }, v = M(!1);
     X(() => {
-      da(s.substring(1), "chrome_addon").then((L) => {
-        i.value = L.slice(0, 6), i.value.push({ name: "More Chrome Extensions >", chrome_addon_url: "https://www.livepolls.app/chrome_addons", edge_addon_url: "https://www.livepolls.app/apps" }), c.value = L.slice(0, 6), c.value.push({ name: "More Edge Extensions >", edge_addon_url: "https://www.livepolls.app/edge_addons" });
-      }), da(s.substring(1), "google_workspace").then((L) => {
-        console.log(L, "google_workspace"), a.value = L.slice(0, 6), a.value.push({ name: "More Google Workspace >", url: "https://www.livepolls.app/apps" }), console.log(a.value, "workspace");
+      da(s.substring(1), "chrome_addon").then((F) => {
+        i.value = F.slice(0, 6), i.value.push({ name: "More Chrome Extensions >", chrome_addon_url: "https://www.livepolls.app/chrome_addons", edge_addon_url: "https://www.livepolls.app/apps" }), c.value = F.slice(0, 6), c.value.push({ name: "More Edge Extensions >", edge_addon_url: "https://www.livepolls.app/edge_addons" });
+      }), da(s.substring(1), "google_workspace").then((F) => {
+        console.log(F, "google_workspace"), a.value = F.slice(0, 6), a.value.push({ name: "More Google Workspace >", url: "https://www.livepolls.app/apps" }), console.log(a.value, "workspace");
       });
-      const F = new URL(location.href);
-      f.value = F.searchParams.get("from") || null, n.userStore.getUser(n.driveQuery).then(
-        ({ profile: L }) => {
-          t("initUserCallback", L), console.log("login", L), !L && n.from != "login" && !n.isShenHe && A();
+      const L = new URL(location.href);
+      f.value = L.searchParams.get("from") || null, n.userStore.getUser(n.driveQuery).then(
+        ({ profile: F }) => {
+          t("initUserCallback", F), console.log("login", F), !F && n.from != "login" && !n.isShenHe && A();
         },
         () => {
         }
@@ -9829,7 +9864,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
     });
     async function _() {
       g();
-      const F = Dt.service({
+      const L = Dt.service({
         text: "logining...",
         background: "rgba(0, 0, 0, 0.7)"
       });
@@ -9837,7 +9872,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
         await n.userStore.getUser(n.driveQuery), t("loginSuccess");
       } catch {
       } finally {
-        F.close();
+        L.close();
       }
     }
     function g() {
@@ -9852,26 +9887,26 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
     function C() {
       d.value = !d.value;
     }
-    function A(F) {
+    function A(L) {
       console.log("addGoogleAccountsScript:before"), typeof google < "u" && (google.accounts.id.initialize({
         client_id: "704677828444-ihbv6faprun043f3iuponnrctutdssgj.apps.googleusercontent.com",
         callback: $
       }), google.accounts.id.prompt());
     }
-    function $(F) {
-      !F || !F.credential || Qi(F.credential).then(
-        (L) => {
-          console.log("fetch_success", L), n.userStore ? n.userStore.getUser(n.driveQuery) : location.href = location.pathname;
+    function $(L) {
+      !L || !L.credential || Qi(L.credential).then(
+        (F) => {
+          console.log("fetch_success", F), n.userStore ? n.userStore.getUser(n.driveQuery) : location.href = location.pathname;
         },
-        (L) => {
-          console.log("fetch_fail", L);
+        (F) => {
+          console.log("fetch_fail", F);
         }
       );
     }
     function b() {
       n.userStore.hideInvite(!1);
     }
-    return (F, L) => (T(), R(
+    return (L, F) => (T(), R(
       ie,
       null,
       [
@@ -9893,11 +9928,11 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                     class: se(["absolute h-[84px] top-0 bg-white inset-x-0 z-30 mx-auto", [e.className]])
                   },
                   [
-                    D(" nav "),
-                    h("nav", f1, [
-                      D(" 显示 当前项目产品logo和 名称  大小屏幕公用 "),
-                      h("div", p1, [
-                        h1,
+                    j(" nav "),
+                    h("nav", y1, [
+                      j(" 显示 当前项目产品logo和 名称  大小屏幕公用 "),
+                      h("div", _1, [
+                        w1,
                         h("a", {
                           href: u.value,
                           class: "-m-1.5 p-1.5 flex items-center"
@@ -9906,43 +9941,43 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                             class: "h-8 w-auto",
                             src: r.value.logo,
                             alt: r.value.name
-                          }, null, 8, v1),
+                          }, null, 8, E1),
                           h(
                             "span",
-                            g1,
+                            S1,
                             ne(r.value.name),
                             1
                             /* TEXT */
                           )
-                        ], 8, m1)
+                        ], 8, x1)
                       ]),
-                      D(" 小屏幕 menu菜单栏 "),
-                      h("div", b1, [
+                      j(" 小屏幕 menu菜单栏 "),
+                      h("div", k1, [
                         h("button", {
                           type: "button",
                           class: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700",
-                          onClick: L[0] || (L[0] = (x) => v.value = !0)
+                          onClick: F[0] || (F[0] = (x) => v.value = !0)
                         }, [
-                          y1,
-                          Q(y(m0), {
+                          O1,
+                          Q(y(mg), {
                             class: "h-6 w-6",
                             "aria-hidden": "true"
                           })
                         ])
                       ]),
-                      D(" lg>屏幕 显示 workspace 产品推荐的组件 "),
-                      h("div", _1, [
-                        D(" 弹出菜单栏组件 "),
-                        e.isShenHe ? D("v-if", !0) : (T(), ee(y(wl), {
+                      j(" lg>屏幕 显示 workspace 产品推荐的组件 "),
+                      h("div", T1, [
+                        j(" 弹出菜单栏组件 "),
+                        e.isShenHe ? j("v-if", !0) : (T(), ee(y(wl), {
                           key: 0,
                           class: "relative bug_buuton_wrap"
                         }, {
                           default: U(() => [
-                            Q(y(p0), { class: "bg-transparent border-0 outline-none" }, {
+                            Q(y(pg), { class: "bg-transparent border-0 outline-none" }, {
                               default: U(() => [
-                                h("div", w1, [
-                                  x1,
-                                  Q(y(jg), {
+                                h("div", P1, [
+                                  C1,
+                                  Q(y(W0), {
                                     class: "h-5 w-5",
                                     "aria-hidden": "true"
                                   })
@@ -9960,35 +9995,35 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                               "leave-to-class": "opacity-0 translate-y-1"
                             }, {
                               default: U(() => [
-                                Q(y(h0), { class: "fixed mx-auto left-0 right-0 shadow-lg z-10 bg-white mt-5 flex w-screen ring-1 ring-gray-900/5" }, {
+                                Q(y(hg), { class: "fixed mx-auto left-0 right-0 shadow-lg z-10 bg-white mt-5 flex w-screen ring-1 ring-gray-900/5" }, {
                                   default: U(() => [
-                                    D(" 分三个模块  "),
+                                    j(" 分三个模块  "),
                                     h(
                                       "div",
                                       {
                                         class: se(["flex w-screen mx-auto px-10", [e.PopoverPanelClass]])
                                       },
                                       [
-                                        h("div", E1, [
-                                          S1,
-                                          D(" face_swap_ai.png "),
-                                          h("div", k1, [
+                                        h("div", A1, [
+                                          I1,
+                                          j(" face_swap_ai.png "),
+                                          h("div", M1, [
                                             h("a", {
                                               target: "_blank",
                                               href: "https://www.imgkits.com" + (f.value ? "?from=" + f.value : ""),
                                               class: "cursor-pointer flex items-center bg-gradient-to-r h-24 mb-6 from-purple-100 via-blue-100 to-purple-200 rounded-2xl w-60 xl:w-72 p-3"
-                                            }, C1, 8, O1),
+                                            }, L1, 8, $1),
                                             h("a", {
                                               target: "_blank",
                                               href: "https://www.livepolls.app/ai_image_generator/image-generator" + (f.value ? "?from=" + f.value : ""),
                                               class: "cursor-pointer flex items-center bg-gradient-to-r h-24 from-purple-100 via-blue-100 to-purple-200 rounded-2xl w-60 xl:w-72 p-3"
-                                            }, $1, 8, A1)
+                                            }, B1, 8, F1)
                                           ])
                                         ]),
-                                        D(" workspace   "),
-                                        h("div", N1, [
-                                          R1,
-                                          h("div", F1, [
+                                        j(" workspace   "),
+                                        h("div", H1, [
+                                          z1,
+                                          h("div", U1, [
                                             (T(!0), R(
                                               ie,
                                               null,
@@ -10005,25 +10040,25 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                                                     key: 0,
                                                     class: "h-4 mr-2 w-4 inline-block",
                                                     src: x.icon
-                                                  }, null, 8, j1)) : D("v-if", !0),
+                                                  }, null, 8, W1)) : j("v-if", !0),
                                                   le(
                                                     " " + ne(x.name),
                                                     1
                                                     /* TEXT */
                                                   )
-                                                ], 8, L1),
-                                                x.type == 1 ? (T(), R("span", D1, "Hot")) : D("v-if", !0),
-                                                x.type == 2 ? (T(), R("span", B1, "AI")) : D("v-if", !0)
+                                                ], 8, V1),
+                                                x.type == 1 ? (T(), R("span", q1, "Hot")) : j("v-if", !0),
+                                                x.type == 2 ? (T(), R("span", G1, "AI")) : j("v-if", !0)
                                               ]))),
                                               128
                                               /* KEYED_FRAGMENT */
                                             ))
                                           ])
                                         ]),
-                                        D(" chrome_addon "),
-                                        h("div", H1, [
-                                          z1,
-                                          h("div", U1, [
+                                        j(" chrome_addon "),
+                                        h("div", K1, [
+                                          J1,
+                                          h("div", Y1, [
                                             (T(!0), R(
                                               ie,
                                               null,
@@ -10040,25 +10075,25 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                                                     key: 0,
                                                     class: "h-4 mr-2 w-4 inline-block",
                                                     src: x.icon
-                                                  }, null, 8, W1)) : D("v-if", !0),
+                                                  }, null, 8, Q1)) : j("v-if", !0),
                                                   le(
                                                     " " + ne(x.name),
                                                     1
                                                     /* TEXT */
                                                   )
-                                                ], 8, V1),
-                                                x.type == 1 ? (T(), R("span", q1, "Hot")) : D("v-if", !0),
-                                                x.type == 2 ? (T(), R("span", G1, "AI")) : D("v-if", !0)
+                                                ], 8, Z1),
+                                                x.type == 1 ? (T(), R("span", X1, "Hot")) : j("v-if", !0),
+                                                x.type == 2 ? (T(), R("span", eb, "AI")) : j("v-if", !0)
                                               ]))),
                                               128
                                               /* KEYED_FRAGMENT */
                                             ))
                                           ])
                                         ]),
-                                        D(" edge_addon "),
-                                        h("div", K1, [
-                                          J1,
-                                          h("div", Y1, [
+                                        j(" edge_addon "),
+                                        h("div", tb, [
+                                          nb,
+                                          h("div", ob, [
                                             (T(!0), R(
                                               ie,
                                               null,
@@ -10075,15 +10110,15 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                                                     key: 0,
                                                     class: "h-4 mr-2 w-4 inline-block",
                                                     src: x.icon
-                                                  }, null, 8, Q1)) : D("v-if", !0),
+                                                  }, null, 8, sb)) : j("v-if", !0),
                                                   le(
                                                     " " + ne(x.name),
                                                     1
                                                     /* TEXT */
                                                   )
-                                                ], 8, Z1),
-                                                x.type == 1 ? (T(), R("span", X1, "Hot")) : D("v-if", !0),
-                                                x.type == 2 ? (T(), R("span", eb, "AI")) : D("v-if", !0)
+                                                ], 8, rb),
+                                                x.type == 1 ? (T(), R("span", ab, "Hot")) : j("v-if", !0),
+                                                x.type == 2 ? (T(), R("span", ib, "AI")) : j("v-if", !0)
                                               ]))),
                                               128
                                               /* KEYED_FRAGMENT */
@@ -10106,7 +10141,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                           _: 1
                           /* STABLE */
                         })),
-                        D(" 下面这个非菜单栏 "),
+                        j(" 下面这个非菜单栏 "),
                         (T(!0), R(
                           ie,
                           null,
@@ -10115,18 +10150,18 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                             href: f.value ? x.href + "?from=" + f.value : x.href,
                             target: x.target,
                             class: "navigation-item inline-flex items-center text-sm h-7 leading-7 font-semibold text-gray-900"
-                          }, ne(x.name), 9, tb))),
+                          }, ne(x.name), 9, lb))),
                           128
                           /* KEYED_FRAGMENT */
                         ))
                       ]),
-                      D(" lg>屏幕 显示 非审核 显示login 已经登录显示用户信息 "),
-                      e.isShenHe ? (T(), R("div", nb)) : m.value ? (T(), R(
+                      j(" lg>屏幕 显示 非审核 显示login 已经登录显示用户信息 "),
+                      e.isShenHe ? (T(), R("div", cb)) : m.value ? (T(), R(
                         ie,
                         { key: 2 },
                         [
-                          D(" 用户信息 "),
-                          h("div", sb, [
+                          j(" 用户信息 "),
+                          h("div", fb, [
                             h(
                               "div",
                               {
@@ -10135,7 +10170,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                                 onMouseleave: P
                               },
                               [
-                                h("div", ab, [
+                                h("div", pb, [
                                   h(
                                     "span",
                                     null,
@@ -10148,18 +10183,18 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                                   class: "user-avatar h-10 rounded-full",
                                   src: m.value.avatar || "https://statics.imgkits.com/images/default_user_avatar_black.png",
                                   alt: "user avatar"
-                                }, null, 8, ib),
-                                lb,
+                                }, null, 8, hb),
+                                mb,
                                 He(h(
                                   "div",
                                   null,
                                   [
-                                    h("div", cb, [
-                                      D(" 用户信息 移入菜单栏 "),
+                                    h("div", vb, [
+                                      j(" 用户信息 移入菜单栏 "),
                                       m.value ? (T(), ee(_a, {
                                         key: 0,
                                         user: m.value
-                                      }, null, 8, ["user"])) : D("v-if", !0)
+                                      }, null, 8, ["user"])) : j("v-if", !0)
                                     ])
                                   ],
                                   512
@@ -10175,36 +10210,36 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                         ],
                         2112
                         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                      )) : (T(), R("div", ob, [
+                      )) : (T(), R("div", ub, [
                         h("a", {
                           onClick: p,
                           href: "javscript:void(0)",
                           class: "text-sm leading-6 rounded-3xl bg-indigo-600 px-8 py-1.5 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
                         }, [
                           le("Log in"),
-                          rb
+                          db
                         ])
                       ]))
                     ]),
-                    D(" 小屏幕 menu菜单栏 "),
-                    Q(y(c0), {
+                    j(" 小屏幕 menu菜单栏 "),
+                    Q(y(cg), {
                       as: "div",
                       class: "lg:hidden",
-                      onClose: L[2] || (L[2] = (x) => v.value = !1),
+                      onClose: F[2] || (F[2] = (x) => v.value = !1),
                       open: v.value
                     }, {
                       default: U(() => [
-                        ub,
-                        Q(y(u0), { class: "fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10" }, {
+                        gb,
+                        Q(y(ug), { class: "fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10" }, {
                           default: U(() => [
-                            h("div", db, [
+                            h("div", bb, [
                               h("a", {
                                 href: u.value,
                                 class: "-m-1.5 p-1.5"
                               }, [
                                 h(
                                   "span",
-                                  pb,
+                                  _b,
                                   ne(r.value.name),
                                   1
                                   /* TEXT */
@@ -10213,24 +10248,24 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                                   class: "h-8 w-auto",
                                   src: r.value.logo,
                                   alt: r.value.name
-                                }, null, 8, hb)
-                              ], 8, fb),
+                                }, null, 8, wb)
+                              ], 8, yb),
                               h("button", {
                                 type: "button",
                                 class: "-m-2.5 rounded-md p-2.5 text-gray-700",
-                                onClick: L[1] || (L[1] = (x) => v.value = !1)
+                                onClick: F[1] || (F[1] = (x) => v.value = !1)
                               }, [
-                                mb,
-                                Q(y(v0), {
+                                xb,
+                                Q(y(vg), {
                                   class: "h-6 w-6",
                                   "aria-hidden": "true"
                                 })
                               ])
                             ]),
-                            h("div", vb, [
-                              h("div", gb, [
-                                h("div", bb, [
-                                  Q(d1, {
+                            h("div", Eb, [
+                              h("div", Sb, [
+                                h("div", kb, [
+                                  Q(b1, {
                                     workspaceTools: a.value,
                                     chrome_addon_tools: i.value,
                                     edge_addon_tools: c.value
@@ -10243,7 +10278,7 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                                       href: f.value ? x.href + "?from=" + f.value : x.href,
                                       target: x.target,
                                       class: "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
-                                    }, ne(x.name), 9, yb))),
+                                    }, ne(x.name), 9, Ob))),
                                     128
                                     /* KEYED_FRAGMENT */
                                   ))
@@ -10256,8 +10291,8 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
                                   m.value ? (T(), ee(_a, {
                                     key: 0,
                                     user: m.value
-                                  }, null, 8, ["user"])) : D("v-if", !0)
-                                ])) : (T(), R("div", _b, [
+                                  }, null, 8, ["user"])) : j("v-if", !0)
+                                ])) : (T(), R("div", Tb, [
                                   h("a", {
                                     href: "#",
                                     onClick: p,
@@ -10286,30 +10321,30 @@ const ge = (e) => (Qt("data-v-c970699f"), e = e(), Xt(), e), f1 = {
           2
           /* CLASS */
         ),
-        D(" 引入登录 "),
-        e.userStore.isShowLogin ? (T(), ee(W0, {
+        j(" 引入登录 "),
+        e.userStore.isShowLogin ? (T(), ee(Qg, {
           key: 0,
           onSuccess: _,
           onClose: g
-        })) : D("v-if", !0),
-        e.userStore.isShowToast ? (T(), ee(Tg, {
+        })) : j("v-if", !0),
+        e.userStore.isShowToast ? (T(), ee(N0, {
           key: 1,
           content: e.userStore.toastContent
-        }, null, 8, ["content"])) : D("v-if", !0),
-        e.userStore.isShowInvite ? (T(), ee(Lg, {
+        }, null, 8, ["content"])) : j("v-if", !0),
+        e.userStore.isShowInvite ? (T(), ee(V0, {
           key: 2,
           onCancel: b
-        })) : D("v-if", !0)
+        })) : j("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
     ));
   }
-}, xb = /* @__PURE__ */ It(wb, [["__scopeId", "data-v-c970699f"], ["__file", "/Users/c/Desktop/xiaochengxu/liusenlin_project/Translation_Video/src/components/Header.vue"]]), Tb = {
+}, Cb = /* @__PURE__ */ Mt(Pb, [["__scopeId", "data-v-c970699f"], ["__file", "/Users/yinheng/Desktop/code/workspace/z_liusenlin_project/Translation_Video/src/components/Header.vue"]]), Nb = {
   install(e) {
-    e.component("my-header", xb);
+    e.component("my-header", Cb);
   }
 };
 export {
-  Tb as default
+  Nb as default
 };