vue3-router-tab 1.4.2 → 1.4.3

package/dist/vue3-router-tab.js

@@ -1,5 +1,5 @@
 import './vue3-router-tab.css';
-import { reactive as ie, ref as x, shallowRef as kt, computed as K, watch as S, nextTick as M, inject as De, getCurrentInstance as Ye, onMounted as Fe, onBeforeMount as Ct, defineComponent as Ce, provide as Kt, onErrorCaptured as Et, onBeforeUnmount as $t, h as Pt, resolveComponent as At, createElementBlock as B, openBlock as $, createElementVNode as V, withDirectives as St, normalizeClass as q, renderSlot as me, createVNode as It, TransitionGroup as xt, mergeProps as he, withCtx as ye, Fragment as Te, renderList as Me, withModifiers as we, createCommentVNode as te, toDisplayString as Le, createBlock as X, normalizeProps as Bt, KeepAlive as Dt, resolveDynamicComponent as Oe, Transition as Mt, normalizeStyle as Lt, vShow as Ot, isRef as jt, isReadonly as Ut } from "vue";
+import { reactive as se, ref as x, shallowRef as Rt, computed as E, watch as S, nextTick as L, inject as Le, getCurrentInstance as Ee, onMounted as He, onBeforeMount as Ct, defineComponent as Ke, provide as Et, onErrorCaptured as Kt, onBeforeUnmount as $t, h as Pt, resolveComponent as At, createElementBlock as B, openBlock as $, createElementVNode as _, withDirectives as St, normalizeClass as q, renderSlot as me, createVNode as It, TransitionGroup as xt, mergeProps as ye, withCtx as Te, Fragment as we, renderList as Oe, withModifiers as ke, createCommentVNode as oe, toDisplayString as je, createBlock as Q, normalizeProps as Bt, KeepAlive as Dt, resolveDynamicComponent as Ue, Transition as Mt, normalizeStyle as Lt, vShow as Ot, isRef as jt, isReadonly as Ut } from "vue";
 import { RouterView as Vt } from "vue-router";
 function _t(e = {}) {
   return {
@@ -11,7 +11,7 @@ function _t(e = {}) {
     defaultRoute: e.defaultRoute ?? "/"
   };
 }
-function _(e, r) {
+function N(e, r) {
   const o = e.resolve(r);
   if (!o || !o.matched.length)
     throw new Error(`[RouterTabs] Unable to resolve route: ${String(r)}`);
@@ -35,27 +35,27 @@ function z(e) {
   }
   return e.fullPath;
 }
-function Ke(e, r) {
+function $e(e, r) {
   const o = e.meta?.keepAlive;
   return typeof o == "boolean" ? o : r;
 }
-function Ee(e, r) {
+function Pe(e, r) {
   const o = e.meta?.reuse;
   return typeof o == "boolean" ? o : r;
 }
-function He(e) {
+function We(e) {
   const r = e.meta ?? {}, o = {};
   return "title" in r && (o.title = r.title), "tips" in r && (o.tips = r.tips), "icon" in r && (o.icon = r.icon), "closable" in r && (o.closable = r.closable), "tabClass" in r && (o.tabClass = r.tabClass), "target" in r && (o.target = r.target), "href" in r && (o.href = r.href), o;
 }
-function ne(e, r, o) {
-  const s = He(e);
+function re(e, r, o) {
+  const s = We(e);
   return {
     id: z(e),
     to: e.fullPath,
     fullPath: e.fullPath,
     matched: e,
-    alive: Ke(e, o),
-    reusable: Ee(e, !1),
+    alive: $e(e, o),
+    reusable: Pe(e, !1),
     closable: s.closable ?? !0,
     renderKey: typeof r.renderKey == "number" ? r.renderKey : 0,
     ...s,
@@ -63,27 +63,27 @@ function ne(e, r, o) {
   };
 }
 function Re(e, r, o, s) {
-  if (!e.find((p) => p.id === r.id)) {
+  if (!e.find((g) => g.id === r.id)) {
     if (o === "next" && s) {
-      const p = e.findIndex((w) => w.id === s);
-      if (p !== -1) {
-        e.splice(p + 1, 0, r);
+      const g = e.findIndex((w) => w.id === s);
+      if (g !== -1) {
+        e.splice(g + 1, 0, r);
         return;
       }
     }
     e.push(r);
   }
 }
-function oe(e, r, o, s) {
+function ae(e, r, o, s) {
   if (!r || r <= 0) return;
-  const a = e.filter((p) => p.alive);
+  const a = e.filter((g) => g.alive);
   for (; a.length > r; ) {
-    const p = a.shift();
-    if (!p || p.id === o) continue;
-    const w = e.findIndex((i) => i.id === p.id);
+    const g = a.shift();
+    if (!g || g.id === o) continue;
+    const w = e.findIndex((i) => i.id === g.id);
     if (w > -1) {
-      const i = e[w], m = `${i.id}::${i.renderKey ?? 0}`;
-      s.delete(m), i.alive = !1;
+      const i = e[w], h = `${i.id}::${i.renderKey ?? 0}`;
+      s.delete(h), i.alive = !1;
     }
   }
 }
@@ -103,183 +103,183 @@ function Yt(e) {
   return "title" in e && (r.title = e.title), "tips" in e && (r.tips = e.tips), "icon" in e && (r.icon = e.icon), "tabClass" in e && (r.tabClass = e.tabClass), "closable" in e && (r.closable = e.closable), "renderKey" in e && typeof e.renderKey == "number" && (r.renderKey = e.renderKey), r;
 }
 function Ft(e, r = {}) {
-  const o = _t(r), s = ie([]), a = x(null), p = kt(), w = x(null), i = ie(/* @__PURE__ */ new Set()), m = K(() => Array.from(i));
-  let v = !1;
+  const o = _t(r), s = se([]), a = x(null), g = Rt(), w = x(null), i = se(/* @__PURE__ */ new Set()), h = E(() => Array.from(i));
+  let p = !1;
   function T(u) {
-    const d = typeof u.matched == "object" ? u : _(e, u);
+    const d = typeof u.matched == "object" ? u : N(e, u);
     return {
       key: z(d),
       fullPath: d.fullPath,
-      alive: Ke(d, o.keepAlive),
-      reusable: Ee(d, !1),
+      alive: $e(d, o.keepAlive),
+      reusable: Pe(d, !1),
       matched: d
     };
   }
   function I(u) {
     const d = z(u);
-    let c = s.find((y) => y.id === d);
-    const h = Ke(u, o.keepAlive);
-    if (c) {
-      c.fullPath = u.fullPath, c.to = u.fullPath, c.matched = u, c.reusable = Ee(u, c.reusable), typeof c.renderKey != "number" && (c.renderKey = 0);
-      const y = `${d}::${c.renderKey}`;
-      return h ? i.has(y) ? c.alive || (c.alive = !0) : (i.add(y), c.alive = !0) : c.alive && (i.delete(y), c.alive = !1), Object.assign(c, He(u)), c;
+    let f = s.find((y) => y.id === d);
+    const m = $e(u, o.keepAlive);
+    if (f) {
+      f.fullPath = u.fullPath, f.to = u.fullPath, f.matched = u, f.reusable = Pe(u, f.reusable), typeof f.renderKey != "number" && (f.renderKey = 0);
+      const y = `${d}::${f.renderKey}`;
+      return m ? i.has(y) ? f.alive || (f.alive = !0) : (i.add(y), f.alive = !0) : f.alive && (i.delete(y), f.alive = !1), Object.assign(f, We(u)), f;
     }
-    if (c = ne(u, {}, o.keepAlive), c.alive) {
-      const y = `${d}::${c.renderKey ?? 0}`;
+    if (f = re(u, {}, o.keepAlive), f.alive) {
+      const y = `${d}::${f.renderKey ?? 0}`;
       i.add(y);
     }
-    return Re(s, c, o.appendPosition, a.value), oe(s, o.maxAlive, a.value, i), c;
+    return Re(s, f, o.appendPosition, a.value), ae(s, o.maxAlive, a.value, i), f;
   }
-  async function A(u, d = !1, c = "sameTab") {
-    const h = _(e, u), y = z(h), E = a.value === y;
-    c === "sameTab" && (c = E), c && await j(y, !0), await e[d ? "replace" : "push"](h), E && await F();
+  async function A(u, d = !1, f = "sameTab") {
+    const m = N(e, u), y = z(m), K = a.value === y;
+    f === "sameTab" && (f = K), f && await U(y, !0), await e[d ? "replace" : "push"](m), K && await F();
   }
-  function L(u) {
+  function O(u) {
     const d = s.findIndex((C) => C.id === u);
     if (d === -1) return o.defaultRoute;
-    const c = s[d + 1], h = s[d - 1], y = s.find((C) => C.id !== u), E = c || h || y;
-    return E ? E.to : o.defaultRoute;
+    const f = s[d + 1], m = s[d - 1], y = s.find((C) => C.id !== u), K = f || m || y;
+    return K ? K.to : o.defaultRoute;
   }
-  async function O(u = a.value, d = {}) {
+  async function j(u = a.value, d = {}) {
     if (!u) return;
     if (!d.force && o.keepLastTab && s.length === 1)
       throw new Error("[RouterTabs] Unable to close the final tab when keepLastTab is true.");
-    const h = a.value === u && d.redirect !== null, y = h ? d.redirect ?? L(u) : null;
-    await Y(u, { force: d.force }), d.redirect !== null && h && y && await e.replace(y);
+    const m = a.value === u && d.redirect !== null, y = m ? d.redirect ?? O(u) : null;
+    await Y(u, { force: d.force }), d.redirect !== null && m && y && await e.replace(y);
   }
   async function Y(u, d = {}) {
-    const c = s.findIndex((E) => E.id === u);
-    if (c === -1) return;
-    const h = s[c], y = `${u}::${h.renderKey ?? 0}`;
-    i.delete(y), h.alive = !1, s.splice(c, 1), w.value === u && (w.value = null), a.value === u && (a.value = null, p.value = void 0);
+    const f = s.findIndex((K) => K.id === u);
+    if (f === -1) return;
+    const m = s[f], y = `${u}::${m.renderKey ?? 0}`;
+    i.delete(y), m.alive = !1, s.splice(f, 1), w.value === u && (w.value = null), a.value === u && (a.value = null, g.value = void 0);
   }
-  async function j(u = a.value ?? void 0, d = !1) {
+  async function U(u = a.value ?? void 0, d = !1) {
     if (!u) return;
-    const c = s.find((C) => C.id === u);
-    if (!c) return;
-    const h = o.keepAlive && c.alive, y = `${u}::${c.renderKey ?? 0}`;
-    h && (i.delete(y), c.alive = !1, await M()), c.renderKey = (c.renderKey ?? 0) + 1;
-    const E = `${u}::${c.renderKey}`;
-    h && (i.add(E), c.alive = !0), w.value = u, await M(), d || await M(), w.value = null;
+    const f = s.find((C) => C.id === u);
+    if (!f) return;
+    const m = o.keepAlive && f.alive, y = `${u}::${f.renderKey ?? 0}`;
+    m && (i.delete(y), f.alive = !1, await L()), f.renderKey = (f.renderKey ?? 0) + 1;
+    const K = `${u}::${f.renderKey}`;
+    m && (i.add(K), f.alive = !0), w.value = u, await L(), d || await L(), w.value = null;
   }
-  async function se(u = !1) {
+  async function ce(u = !1) {
     for (const d of s)
-      await j(d.id, u);
+      await U(d.id, u);
   }
-  function ue(u, d) {
-    const c = s.find((y) => y.id === u);
-    if (!c) return;
-    const h = `${u}::${c.renderKey ?? 0}`;
-    d ? (i.add(h), c.alive = !0, oe(s, o.maxAlive, a.value, i)) : (i.delete(h), c.alive = !1);
+  function fe(u, d) {
+    const f = s.find((y) => y.id === u);
+    if (!f) return;
+    const m = `${u}::${f.renderKey ?? 0}`;
+    d ? (i.add(m), f.alive = !0, ae(s, o.maxAlive, a.value, i)) : (i.delete(m), f.alive = !1);
   }
-  function R(u) {
-    const d = s.find((h) => h.id === u);
+  function k(u) {
+    const d = s.find((m) => m.id === u);
     if (!d) return;
-    const c = `${u}::${d.renderKey ?? 0}`;
-    i.delete(c), d.alive = !1, d.renderKey = (d.renderKey ?? 0) + 1;
+    const f = `${u}::${d.renderKey ?? 0}`;
+    i.delete(f), d.alive = !1, d.renderKey = (d.renderKey ?? 0) + 1;
   }
-  function Z() {
+  function ee() {
     i.clear(), s.forEach((u) => {
       u.alive = !1;
     });
   }
-  function U() {
-    return m.value.slice();
+  function V() {
+    return h.value.slice();
   }
-  async function D(u = o.defaultRoute) {
-    s.splice(0, s.length), a.value = null, p.value = void 0;
+  async function M(u = o.defaultRoute) {
+    s.splice(0, s.length), a.value = null, g.value = void 0;
     for (const d of o.initialTabs) {
-      const c = _(e, d.to), h = ne(c, d, o.keepAlive);
-      s.push(h);
+      const f = N(e, d.to), m = re(f, d, o.keepAlive);
+      s.push(m);
     }
     await e.replace(u);
   }
   async function F() {
     const u = a.value;
-    u && await j(u, !0);
+    u && await U(u, !0);
   }
   function H(u) {
-    return typeof u.matched == "object" ? z(u) : z(_(e, u));
+    return typeof u.matched == "object" ? z(u) : z(N(e, u));
   }
-  function k() {
+  function R() {
     const u = s.find((d) => d.id === a.value);
     return {
       tabs: s.map(zt),
       active: u ? u.to : null
     };
   }
-  async function ce(u) {
-    v = !0, s.splice(0, s.length), a.value = null, p.value = void 0;
+  async function de(u) {
+    p = !0, s.splice(0, s.length), a.value = null, g.value = void 0;
     const d = u?.tabs ?? [];
-    for (const h of d)
+    for (const m of d)
       try {
-        const y = _(e, h.to), E = Yt(h), C = ne(y, E, o.keepAlive);
+        const y = N(e, m.to), K = Yt(m), C = re(y, K, o.keepAlive);
         Re(s, C, "last", null);
       } catch (y) {
-        console.warn("[RouterTabs] Failed to restore tab", h, y);
+        console.warn("[RouterTabs] Failed to restore tab", m, y);
       }
-    v = !1;
-    const c = u?.active ?? d[d.length - 1]?.to ?? o.defaultRoute;
-    if (c)
+    p = !1;
+    const f = u?.active ?? d[d.length - 1]?.to ?? o.defaultRoute;
+    if (f)
       try {
-        const h = _(e, c), y = e.currentRoute.value;
-        if (h.fullPath === y.fullPath) {
-          const E = I(y);
-          a.value = E.id, p.value = E, oe(s, o.maxAlive, a.value, i);
+        const m = N(e, f), y = e.currentRoute.value;
+        if (m.fullPath === y.fullPath) {
+          const K = I(y);
+          a.value = K.id, g.value = K, ae(s, o.maxAlive, a.value, i);
           return;
         }
-        await e.replace(h);
-      } catch (h) {
-        console.warn("[RouterTabs] Failed to navigate to restored route", c, h);
+        await e.replace(m);
+      } catch (m) {
+        console.warn("[RouterTabs] Failed to navigate to restored route", f, m);
       }
   }
   return S(
     () => e.currentRoute.value,
     (u) => {
-      if (v) return;
+      if (p) return;
       const d = I(u);
-      a.value = d.id, p.value = d, oe(s, o.maxAlive, a.value, i);
+      a.value = d.id, g.value = d, ae(s, o.maxAlive, a.value, i);
     },
     { immediate: !0 }
   ), o.initialTabs.length && o.initialTabs.forEach((u) => {
-    const d = _(e, u.to), c = ne(d, u, o.keepAlive);
-    Re(s, c, "last", null);
+    const d = N(e, u.to), f = re(d, u, o.keepAlive);
+    Re(s, f, "last", null);
   }), {
     options: o,
     tabs: s,
     activeId: a,
-    current: p,
-    includeKeys: m,
+    current: g,
+    includeKeys: h,
     refreshingKey: w,
     openTab: A,
-    closeTab: O,
+    closeTab: j,
     removeTab: Y,
-    refreshTab: j,
-    refreshAll: se,
-    setTabAlive: ue,
-    evictCache: R,
-    clearCache: Z,
-    getCacheKeys: U,
-    reset: D,
+    refreshTab: U,
+    refreshAll: ce,
+    setTabAlive: fe,
+    evictCache: k,
+    clearCache: ee,
+    getCacheKeys: V,
+    reset: M,
     reload: F,
     getRouteKey: H,
     matchRoute: T,
-    snapshot: k,
-    hydrate: ce,
+    snapshot: R,
+    hydrate: de,
     ensureTab: I
   };
 }
-function je(e) {
+function Ve(e) {
   return e ? typeof e == "string" ? { name: e } : e : {};
 }
-const le = Symbol("RouterTabsContext"), ae = "router-tabs:snapshot";
-function Ue(e = {}) {
-  const { optional: r = !1 } = e, o = De(le, null);
+const ue = Symbol("RouterTabsContext"), le = "router-tabs:snapshot";
+function _e(e = {}) {
+  const { optional: r = !1 } = e, o = Le(ue, null);
   if (o) return o;
-  const s = De("$tabs", null);
+  const s = Le("$tabs", null);
   if (s) return s;
-  const p = Ye()?.appContext.config.globalProperties.$tabs;
-  if (p) return p;
+  const g = Ee()?.appContext.config.globalProperties.$tabs;
+  if (g) return g;
   if (!r)
     throw new Error("[RouterTabs] useRouterTabs must be used within <router-tab>.");
   return null;
@@ -293,22 +293,22 @@ function Wt(e) {
       return decodeURIComponent(s.slice(r.length));
   return null;
 }
-function Ve(e, r, o) {
+function Ne(e, r, o) {
   if (typeof document > "u") return;
   const {
     expiresInDays: s = 7,
     path: a = "/",
-    domain: p,
+    domain: g,
     secure: w,
     sameSite: i = "lax"
-  } = o, m = [`${encodeURIComponent(e)}=${encodeURIComponent(r)}`];
+  } = o, h = [`${encodeURIComponent(e)}=${encodeURIComponent(r)}`];
   if (s !== 1 / 0) {
-    const v = new Date(Date.now() + s * Ht).toUTCString();
-    m.push(`Expires=${v}`);
+    const p = new Date(Date.now() + s * Ht).toUTCString();
+    h.push(`Expires=${p}`);
   }
-  a && m.push(`Path=${a}`), p && m.push(`Domain=${p}`), w && m.push("Secure"), i && m.push(`SameSite=${i.charAt(0).toUpperCase()}${i.slice(1)}`), document.cookie = m.join("; ");
+  a && h.push(`Path=${a}`), g && h.push(`Domain=${g}`), w && h.push("Secure"), i && h.push(`SameSite=${i.charAt(0).toUpperCase()}${i.slice(1)}`), document.cookie = h.join("; ");
 }
-function _e(e, r) {
+function ze(e, r) {
   if (typeof document > "u") return;
   const { path: o = "/", domain: s } = r, a = [`${encodeURIComponent(e)}=`];
   a.push("Expires=Thu, 01 Jan 1970 00:00:01 GMT"), o && a.push(`Path=${o}`), s && a.push(`Domain=${s}`), document.cookie = a.join("; ");
@@ -321,20 +321,20 @@ const Jt = (e) => JSON.stringify(e ?? null), Gt = (e) => {
     return null;
   }
 };
-function We(e = {}) {
+function Je(e = {}) {
   const {
-    cookieKey: r = ae,
+    cookieKey: r = le,
     serialize: o = Jt,
     deserialize: s = Gt
-  } = e, a = Ue({ optional: !0 }), p = x(!0), w = (i, m = "hook") => {
-    const v = async () => {
-      p.value = !0;
+  } = e, a = _e({ optional: !0 }), g = x(!0), w = (i, h = "hook") => {
+    const p = async () => {
+      g.value = !0;
       try {
         const T = s(Wt(r));
         if (T && T.tabs?.length) {
           if (await i.hydrate(T), T.active) {
-            await M();
-            const A = i.tabs.find((L) => L.to === T.active);
+            await L();
+            const A = i.tabs.find((O) => O.to === T.active);
             A && (i.activeId.value = A.id, i.current.value = A);
           }
         } else if (Object.prototype.hasOwnProperty.call(e, "fallbackRoute")) {
@@ -342,13 +342,13 @@ function We(e = {}) {
           await i.reset(A);
         }
         const I = i.snapshot();
-        I.tabs.length ? Ve(r, o(I), e) : _e(r, e);
+        I.tabs.length ? Ne(r, o(I), e) : ze(r, e);
       } finally {
-        p.value = !1;
+        g.value = !1;
       }
     };
-    m === "immediate" ? v() : Ct(() => {
-      v();
+    h === "immediate" ? p() : Ct(() => {
+      p();
     }), S(
       () => ({
         tabs: i.tabs.map((T) => ({
@@ -363,19 +363,19 @@ function We(e = {}) {
         active: i.activeId.value
       }),
       () => {
-        if (p.value) return;
+        if (g.value) return;
         const T = i.snapshot();
-        T.tabs.length ? Ve(r, o(T), e) : _e(r, e);
+        T.tabs.length ? Ne(r, o(T), e) : ze(r, e);
       },
       { deep: !0 }
     );
   };
-  return a ? w(a) : Fe(() => {
-    const i = Ue({ optional: !0 });
+  return a ? w(a) : He(() => {
+    const i = _e({ optional: !0 });
     i && w(i, "immediate");
-  }), { hydrating: p };
+  }), { hydrating: g };
 }
-const qt = Ce({
+const Xt = Ke({
   name: "RouterTab",
   components: { RouterView: Vt },
   props: {
@@ -417,7 +417,7 @@ const qt = Ce({
     },
     cookieKey: {
       type: String,
-      default: ae
+      default: le
     },
     persistence: {
       type: Object,
@@ -430,7 +430,7 @@ const qt = Ce({
   },
   emits: ["tab-sort", "tab-sorted"],
   setup(e, { emit: r }) {
-    const o = Ye();
+    const o = Ee();
     if (!o)
       throw new Error("[RouterTab] component must be used within a Vue application context.");
     const s = o.appContext.app.config.globalProperties.$router;
@@ -444,24 +444,24 @@ const qt = Ce({
       appendPosition: e.append,
       defaultRoute: e.defaultPage
     });
-    Kt(le, a), o.appContext.config.globalProperties.$tabs = a;
-    const p = K(() => !!o?.slots?.default), w = K(() => !!o?.slots?.start), i = K(() => !!o?.slots?.end), m = x(0), v = K(() => {
-      m.value;
+    Et(ue, a), o.appContext.config.globalProperties.$tabs = a;
+    const g = E(() => !!o?.slots?.default), w = E(() => !!o?.slots?.start), i = E(() => !!o?.slots?.end), h = x(0), p = E(() => {
+      h.value;
       const t = {};
       return a.tabs.forEach((n) => {
-        const l = typeof n.title == "string" ? n.title : String(n.title || fe(n));
+        const l = typeof n.title == "string" ? n.title : String(n.title || be(n));
         t[n.id] = l;
       }), t;
     });
     function T() {
-      m.value++;
+      h.value++;
     }
     const I = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
-    function L(t, n) {
+    function O(t, n) {
       if (!(!n || I.has(t)))
         try {
           I.set(t, n);
-          const l = a.tabs.find((g) => a.getRouteKey(g.to) === t);
+          const l = a.tabs.find((v) => a.getRouteKey(v.to) === t);
           if (!l) {
             console.warn(`[RouterTab] Cannot setup watching: tab not found for ${t}`);
             return;
@@ -469,77 +469,77 @@ const qt = Ce({
           const b = [];
           if (n.routeTabTitle !== void 0)
             try {
-              const g = S(
+              const v = S(
                 () => {
-                  const f = n.routeTabTitle;
-                  return f && typeof f == "object" && "value" in f ? f.value : f;
+                  const c = n.routeTabTitle;
+                  return c && typeof c == "object" && "value" in c ? c.value : c;
                 },
-                (f) => {
-                  if (f != null) {
-                    const N = String(f);
-                    l.title = N, T();
+                (c) => {
+                  if (c != null) {
+                    const D = String(c);
+                    l.title = D, T();
                   }
                 },
                 { immediate: !0 }
               );
-              b.push(g);
-            } catch (g) {
-              console.error(`[RouterTab] Error watching routeTabTitle for ${t}:`, g);
+              b.push(v);
+            } catch (v) {
+              console.error(`[RouterTab] Error watching routeTabTitle for ${t}:`, v);
             }
           if (n.routeTabIcon !== void 0)
             try {
-              const g = S(
+              const v = S(
                 () => {
-                  const f = n.routeTabIcon;
-                  return f && typeof f == "object" && "value" in f ? f.value : f;
+                  const c = n.routeTabIcon;
+                  return c && typeof c == "object" && "value" in c ? c.value : c;
                 },
-                (f) => {
-                  f != null && (l.icon = String(f), T());
+                (c) => {
+                  c != null && (l.icon = String(c), T());
                 },
                 { immediate: !0 }
               );
-              b.push(g);
-            } catch (g) {
-              console.error(`[RouterTab] Error watching routeTabIcon for ${t}:`, g);
+              b.push(v);
+            } catch (v) {
+              console.error(`[RouterTab] Error watching routeTabIcon for ${t}:`, v);
             }
           if (n.routeTabClosable !== void 0)
             try {
-              const g = S(
+              const v = S(
                 () => {
-                  const f = n.routeTabClosable;
-                  return f && typeof f == "object" && "value" in f ? f.value : f;
+                  const c = n.routeTabClosable;
+                  return c && typeof c == "object" && "value" in c ? c.value : c;
                 },
-                (f) => {
-                  f != null && (l.closable = !!f, T());
+                (c) => {
+                  c != null && (l.closable = !!c, T());
                 },
                 { immediate: !0 }
               );
-              b.push(g);
-            } catch (g) {
-              console.error(`[RouterTab] Error watching routeTabClosable for ${t}:`, g);
+              b.push(v);
+            } catch (v) {
+              console.error(`[RouterTab] Error watching routeTabClosable for ${t}:`, v);
             }
           if (n.routeTabMeta !== void 0)
             try {
-              const g = S(
+              const v = S(
                 () => {
-                  const f = n.routeTabMeta;
-                  return f && typeof f == "object" && "value" in f ? f.value : f;
+                  const c = n.routeTabMeta;
+                  return c && typeof c == "object" && "value" in c ? c.value : c;
                 },
-                (f) => {
-                  f && typeof f == "object" && (Object.assign(l, f), T());
+                (c) => {
+                  c && typeof c == "object" && (Object.assign(l, c), T());
                 },
                 { immediate: !0, deep: !0 }
               );
-              b.push(g);
-            } catch (g) {
-              console.error(`[RouterTab] Error watching routeTabMeta for ${t}:`, g);
+              b.push(v);
+            } catch (v) {
+              console.error(`[RouterTab] Error watching routeTabMeta for ${t}:`, v);
             }
           A.set(t, b);
         } catch (l) {
-          console.error(`[RouterTab] Error in setupComponentWatching for ${t}:`, l), O(t);
+          console.error(`[RouterTab] Error in setupComponentWatching for ${t}:`, l), j(t);
         }
     }
-    function O(t) {
+    function j(t) {
       try {
         const n = A.get(t);
         n && (n.forEach((l) => {
@@ -555,29 +555,29 @@ const qt = Ce({
     }
     function Y(t, n) {
       try {
-        t ? t.routeTabTitle !== void 0 || t.routeTabIcon !== void 0 || t.routeTabClosable !== void 0 ? L(n, t) : t.$ && (t.$.routeTabTitle !== void 0 || t.$.routeTabIcon !== void 0 || t.$.routeTabClosable !== void 0) && L(n, t.$) : t === null && O(n);
+        t ? t.routeTabTitle !== void 0 || t.routeTabIcon !== void 0 || t.routeTabClosable !== void 0 ? O(n, t) : t.$ && (t.$.routeTabTitle !== void 0 || t.$.routeTabIcon !== void 0 || t.$.routeTabClosable !== void 0) && O(n, t.$) : t === null && j(n);
       } catch (l) {
-        console.error(`[RouterTab] Error handling component ref for ${n}:`, l), O(n);
+        console.error(`[RouterTab] Error handling component ref for ${n}:`, l), j(n);
       }
     }
-    Et((t, n, l) => (console.error("[RouterTab] Error captured from component:", t, l), !1));
-    let j = x(!1);
+    Kt((t, n, l) => (console.error("[RouterTab] Error captured from component:", t, l), !1));
+    let U = x(!1);
     if (e.cookieKey !== null || e.persistence) {
       const t = {
         ...e.persistence ?? {}
       };
-      e.cookieKey !== null ? t.cookieKey = e.cookieKey || ae : t.cookieKey || (t.cookieKey = ae), j = We(t).hydrating;
+      e.cookieKey !== null ? t.cookieKey = e.cookieKey || le : t.cookieKey || (t.cookieKey = le), U = Je(t).hydrating;
     }
-    const se = K(() => je(e.tabTransition)), ue = K(() => je(e.pageTransition)), R = ie({
+    const ce = E(() => Ve(e.tabTransition)), fe = E(() => Ve(e.pageTransition)), k = se({
       visible: !1,
       target: null,
       position: { x: 0, y: 0 }
-    }), Z = x(null), U = x([]), D = x(-1), F = x(null), H = /* @__PURE__ */ new Map(), k = ie({
+    }), ee = x(null), V = x([]), M = x(-1), F = x(null), H = /* @__PURE__ */ new Map(), R = se({
       dragging: !1,
       dragIndex: -1,
       dropIndex: -1,
       dragTab: null
-    }), ce = [
+    }), de = [
       "refresh",
       "refreshAll",
       "close",
@@ -592,11 +592,11 @@ const qt = Ce({
       const n = u(t.id);
       return n > 0 ? a.tabs.slice(0, n) : [];
     }
-    function c(t) {
+    function f(t) {
       const n = u(t.id);
       return n > -1 ? a.tabs.slice(n + 1) : [];
     }
-    function h(t) {
+    function m(t) {
       return a.tabs.filter((n) => n.id !== t.id);
     }
     async function y(t, n) {
@@ -607,7 +607,7 @@ const qt = Ce({
         a.activeId.value !== n.id && await a.openTab(n.to, !0, !1);
       }
     }
-    const E = {
+    const K = {
       refresh: {
         label: "Refresh",
         handler: async ({ target: t }) => {
@@ -625,7 +625,7 @@ const qt = Ce({
         handler: async ({ target: t }) => {
           await a.closeTab(t.id);
         },
-        enable: ({ target: t }) => be(t)
+        enable: ({ target: t }) => pe(t)
       },
       closeLefts: {
         label: "Close to the Left",
@@ -637,79 +637,79 @@ const qt = Ce({
       closeRights: {
         label: "Close to the Right",
         handler: async ({ target: t }) => {
-          await y(c(t), t);
+          await y(f(t), t);
         },
-        enable: ({ target: t }) => c(t).some((n) => n.closable !== !1)
+        enable: ({ target: t }) => f(t).some((n) => n.closable !== !1)
       },
       closeOthers: {
         label: "Close Others",
         handler: async ({ target: t }) => {
-          await y(h(t), t);
+          await y(m(t), t);
         },
-        enable: ({ target: t }) => h(t).some((n) => n.closable !== !1)
+        enable: ({ target: t }) => m(t).some((n) => n.closable !== !1)
       }
     };
     function C() {
-      R.visible = !1, R.target = null, D.value = -1, U.value = [];
+      k.visible = !1, k.target = null, M.value = -1, V.value = [];
     }
-    function Qe(t, n) {
-      e.contextmenu && (R.target = t, R.position.x = n.clientX, R.position.y = n.clientY, M(() => {
-        R.visible = !0, document.addEventListener("click", C, { once: !0 }), M(() => {
-          et();
+    function Ze(t, n) {
+      e.contextmenu && (k.target = t, k.position.x = n.clientX, k.position.y = n.clientY, L(() => {
+        k.visible = !0, document.addEventListener("click", C, { once: !0 }), L(() => {
+          tt();
         });
       }));
     }
-    function Ze(t, n) {
-      const l = typeof t == "string" ? { id: t } : t, b = E[l.id], g = l.label ?? b?.label ?? String(l.id), f = l.visible ?? b?.visible ?? !0;
-      if (!(typeof f == "function" ? f(n) : f !== !1)) return null;
-      const ve = l.enable ?? b?.enable ?? !0, wt = typeof ve == "function" ? ve(n) : ve !== !1, Be = l.handler ?? b?.handler;
-      if (!Be) return null;
-      const Rt = async () => {
-        await Promise.resolve(Be(n));
+    function et(t, n) {
+      const l = typeof t == "string" ? { id: t } : t, b = K[l.id], v = l.label ?? b?.label ?? String(l.id), c = l.visible ?? b?.visible ?? !0;
+      if (!(typeof c == "function" ? c(n) : c !== !1)) return null;
+      const X = l.enable ?? b?.enable ?? !0, Me = typeof X == "function" ? X(n) : X !== !1, ne = l.handler ?? b?.handler;
+      if (!ne) return null;
+      const he = async () => {
+        await Promise.resolve(ne(n));
       };
       return {
         id: String(l.id),
-        label: g,
-        disabled: !wt,
-        action: Rt
+        label: v,
+        disabled: !Me,
+        action: he
       };
     }
-    const W = K(() => {
-      if (!R.visible || !R.target || e.contextmenu === !1) return [];
-      const t = Array.isArray(e.contextmenu) ? e.contextmenu : ce, n = { target: R.target, controller: a };
-      return t.map((l) => Ze(l, n)).filter((l) => !!l);
+    const W = E(() => {
+      if (!k.visible || !k.target || e.contextmenu === !1) return [];
+      const t = Array.isArray(e.contextmenu) ? e.contextmenu : de, n = { target: k.target, controller: a };
+      return t.map((l) => et(l, n)).filter((l) => !!l);
     });
-    function et() {
-      const t = Z.value;
+    function tt() {
+      const t = ee.value;
       if (!t) return;
-      const n = 8, { innerWidth: l, innerHeight: b } = window, g = t.getBoundingClientRect();
-      let f = R.position.x, N = R.position.y;
-      g.right > l - n && (f = Math.max(n, l - g.width - n)), g.bottom > b - n && (N = Math.max(n, b - g.height - n)), (f !== R.position.x || N !== R.position.y) && (R.position.x = f, R.position.y = N);
+      const n = 8, { innerWidth: l, innerHeight: b } = window, v = t.getBoundingClientRect();
+      let c = k.position.x, D = k.position.y;
+      v.right > l - n && (c = Math.max(n, l - v.width - n)), v.bottom > b - n && (D = Math.max(n, b - v.height - n)), (c !== k.position.x || D !== k.position.y) && (k.position.x = c, k.position.y = D);
     }
-    function tt(t, n) {
-      U.value[n] = t ?? null;
+    function nt(t, n) {
+      V.value[n] = t ?? null;
     }
-    function nt(t) {
+    function ot(t) {
       if (t < 0) return;
-      U.value[t]?.focus({ preventScroll: !0 });
+      V.value[t]?.focus({ preventScroll: !0 });
     }
-    function ee(t, n, l = W.value) {
+    function te(t, n, l = W.value) {
       if (!l.length) return -1;
       const b = l.length;
-      let g = t;
-      for (let f = 0; f < b; f++)
-        if (g = (g + n + b) % b, !l[g].disabled) return g;
+      let v = t;
+      for (let c = 0; c < b; c++)
+        if (v = (v + n + b) % b, !l[v].disabled) return v;
       return -1;
     }
     function J(t) {
-      D.value = t, !(t < 0) && M(() => nt(t));
+      M.value = t, !(t < 0) && L(() => ot(t));
     }
-    function Ae(t) {
-      const n = ee(D.value, t);
+    function Ie(t) {
+      const n = te(M.value, t);
       n !== -1 && J(n);
     }
-    function ot(t) {
-      if (!R.visible) return;
+    function rt(t) {
+      if (!k.visible) return;
       const n = t.key, l = W.value;
       if (!l.length) return;
       if (n === "Tab") {
@@ -731,25 +731,25 @@ const qt = Ce({
         switch (t.preventDefault(), n) {
           case "ArrowDown":
           case "ArrowRight":
-            Ae(1);
+            Ie(1);
             break;
           case "ArrowUp":
           case "ArrowLeft":
-            Ae(-1);
+            Ie(-1);
             break;
           case "Home":
-            J(ee(-1, 1));
+            J(te(-1, 1));
             break;
           case "End":
-            J(ee(l.length, -1));
+            J(te(l.length, -1));
             break;
           case "Enter":
           case " ":
           case "Spacebar": {
-            const g = D.value;
-            if (g > -1) {
-              const f = l[g];
-              f.disabled || Se(f);
+            const v = M.value;
+            if (v > -1) {
+              const c = l[v];
+              c.disabled || xe(c);
             }
             break;
           }
@@ -758,70 +758,79 @@ const qt = Ce({
             break;
         }
     }
-    async function Se(t) {
+    async function xe(t) {
       t.disabled || (C(), await t.action());
     }
-    function fe(t) {
+    function be(t) {
       return typeof t.title == "string" && t.title.trim() ? t.title : Array.isArray(t.title) && t.title.length && String(t.title[0]).trim() ? String(t.title[0]) : "Untitled";
     }
-    function rt(t) {
-      return v.value[t.id] || fe(t);
+    function at(t) {
+      return p.value[t.id] || be(t);
     }
-    function Ie(t, n) {
-      return Ce({
+    function Be(t, n) {
+      return Ke({
         name: n,
-        setup(l, { attrs: b, slots: g }) {
-          return () => Pt(t, b, g);
+        setup(l, { attrs: b, slots: v }) {
+          const c = x(), D = Ee();
+          if (D?.proxy) {
+            const X = D.proxy;
+            Object.entries({
+              routeTabTitle: () => c.value?.routeTabTitle,
+              routeTabIcon: () => c.value?.routeTabIcon,
+              routeTabClosable: () => c.value?.routeTabClosable,
+              routeTabMeta: () => c.value?.routeTabMeta,
+              $: () => c.value
+            }).forEach(([ne, he]) => {
+              Object.defineProperty(X, ne, {
+                get: he,
+                configurable: !0
+              });
+            });
+          }
+          return () => Pt(t, { ...b, ref: c }, v);
         }
       });
     }
-    const G = /* @__PURE__ */ new Map(), de = x(0);
-    function at(t, n, l) {
-      G.has(l) || (G.set(l, n), de.value++), t && Y(t, l);
+    const G = /* @__PURE__ */ new Map(), ge = x(0);
+    function it(t, n, l) {
+      G.has(l) || (G.set(l, n), ge.value++), t && Y(t, l);
     }
-    function it(t, n) {
+    function lt(t, n) {
       return t && ((!t.name || t.name !== n) && (t.name = n), t);
     }
-    function lt(t, n) {
+    function st(t, n) {
       if (!t) return t;
       const l = G.get(n);
       if (l) return l;
-      const b = Ie(t, n);
-      return G.set(n, b), de.value++, b;
+      const b = Be(t, n);
+      return G.set(n, b), ge.value++, b;
     }
-    function st(t) {
+    function ut(t) {
       const n = a.getRouteKey(t), l = s.currentRoute.value, b = a.getRouteKey(l);
       return n === b;
     }
-    function ut(t) {
-      const n = a.getRouteKey(t), l = a.tabs.find((f) => f.id === n);
+    function ct(t) {
+      const n = a.getRouteKey(t), l = a.tabs.find((c) => c.id === n);
       if (!l)
-        return console.warn("[RouterTab] Tab not found for route:", n), `${n}::0`;
-      const b = l.renderKey ?? 0, g = `${n}::${b}`;
-      return (n.includes("students") || n.includes("classroom") || n.includes("quiz")) && console.log(`[getComponentCacheKey] Route: ${t.fullPath}`, {
-        routeKey: n,
-        renderKey: b,
-        cacheKey: g,
-        tabAlive: l.alive,
-        includeKeys: pe.value,
-        isIncluded: pe.value.includes(g)
-      }), g;
+        return `${n}::0`;
+      const b = l.renderKey ?? 0;
+      return `${n}::${b}`;
     }
-    function be(t) {
+    function pe(t) {
       return !(t.closable === !1 || a.options.keepLastTab && a.tabs.length <= 1);
     }
-    async function ct(t) {
+    async function ft(t) {
       await a.closeTab(t.id);
     }
-    function ft(t, n) {
+    function dt(t, n) {
       n ? H.set(t, n) : H.delete(t);
     }
-    function ge(t) {
-      M(() => {
+    function ve(t) {
+      L(() => {
         const n = H.get(t), l = F.value;
         if (n && l) {
-          const b = n.getBoundingClientRect(), g = l.getBoundingClientRect();
-          (b.left < g.left || b.right > g.right) && n.scrollIntoView({
+          const b = n.getBoundingClientRect(), v = l.getBoundingClientRect();
+          (b.left < v.left || b.right > v.right) && n.scrollIntoView({
             behavior: "smooth",
             block: "nearest",
             inline: "nearest"
@@ -829,62 +838,62 @@ const qt = Ce({
         }
       });
     }
-    function dt(t) {
+    function bt(t) {
       if (t.href && typeof window < "u") {
         t.target && t.target !== "_self" ? window.open(t.href, t.target) : window.location.assign(t.href);
         return;
       }
-      a.activeId.value !== t.id && (a.openTab(t.to, !1), ge(t.id));
+      a.activeId.value !== t.id && (a.openTab(t.to, !1), ve(t.id));
     }
-    function bt(t) {
+    function gt(t) {
       return [
         "router-tab__item",
         {
           "is-active": a.activeId.value === t.id,
-          "is-closable": be(t),
-          "is-dragging": k.dragging && k.dragTab?.id === t.id,
-          "is-drag-over": k.dropIndex === u(t.id)
+          "is-closable": pe(t),
+          "is-dragging": R.dragging && R.dragTab?.id === t.id,
+          "is-drag-over": R.dropIndex === u(t.id)
         },
         t.tabClass
       ];
     }
-    function gt(t) {
+    function pt(t) {
       const n = a.getRouteKey(t), l = a.tabs.find((b) => b.id === n);
       return l ? l.alive : !1;
     }
-    function pt(t) {
+    function vt(t) {
       const n = a.getRouteKey(t);
       return !!a.tabs.find((b) => b.id === n);
     }
-    function vt(t, n, l) {
-      e.sortable && (k.dragging = !0, k.dragIndex = n, k.dragTab = t, l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", t.id)), r("tab-sort", { tab: t, index: n }));
+    function ht(t, n, l) {
+      e.sortable && (R.dragging = !0, R.dragIndex = n, R.dragTab = t, l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", t.id)), r("tab-sort", { tab: t, index: n }));
     }
     function mt(t, n) {
-      !e.sortable || !k.dragging || (n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = "move"));
+      !e.sortable || !R.dragging || (n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = "move"));
     }
-    function ht(t) {
-      !e.sortable || !k.dragging || (k.dropIndex = t);
+    function yt(t) {
+      !e.sortable || !R.dragging || (R.dropIndex = t);
     }
-    function yt() {
-      !e.sortable || k.dragging;
+    function Tt() {
+      !e.sortable || R.dragging;
     }
-    function Tt(t, n) {
-      if (!(!e.sortable || !k.dragging)) {
-        if (n.preventDefault(), k.dragIndex !== -1 && k.dragIndex !== t) {
-          const l = a.tabs.splice(k.dragIndex, 1)[0];
+    function wt(t, n) {
+      if (!(!e.sortable || !R.dragging)) {
+        if (n.preventDefault(), R.dragIndex !== -1 && R.dragIndex !== t) {
+          const l = a.tabs.splice(R.dragIndex, 1)[0];
           a.tabs.splice(t, 0, l), r("tab-sorted", {
             tab: l,
-            fromIndex: k.dragIndex,
+            fromIndex: R.dragIndex,
             toIndex: t
           });
         }
-        xe();
+        De();
       }
     }
-    function xe() {
-      k.dragging = !1, k.dragIndex = -1, k.dropIndex = -1, k.dragTab = null;
+    function De() {
+      R.dragging = !1, R.dragIndex = -1, R.dropIndex = -1, R.dragTab = null;
     }
-    Fe(() => {
+    He(() => {
       document.addEventListener("keydown", C);
     }), $t(() => {
       document.removeEventListener("keydown", C), o.appContext.config.globalProperties.$tabs = null, A.forEach((t) => {
@@ -904,14 +913,14 @@ const qt = Ce({
     ), S(
       () => a.activeId.value,
       (t) => {
-        t && ge(t), C();
+        t && ve(t), C();
       }
     ), S(
       () => a.tabs.length,
       () => {
         const t = new Set(a.tabs.map((l) => l.id));
         Array.from(I.keys()).forEach((l) => {
-          t.has(l) || (console.log(`[RouterTab] Cleaning up stale component instance: ${l}`), O(l));
+          t.has(l) || j(l);
         });
       }
     ), S(
@@ -922,74 +931,74 @@ const qt = Ce({
     ), S(
       () => W.value.length,
       (t) => {
-        R.visible && t === 0 && C();
+        k.visible && t === 0 && C();
       },
       { flush: "post" }
       // Run after component updates to prevent blocking render
     ), S(W, (t) => {
-      if (!R.visible) return;
-      U.value = new Array(t.length).fill(null);
-      const n = ee(-1, 1, t);
+      if (!k.visible) return;
+      V.value = new Array(t.length).fill(null);
+      const n = te(-1, 1, t);
       J(n);
     }, { flush: "post" }), S(
-      () => R.visible,
+      () => k.visible,
       (t) => {
-        t || (D.value = -1, U.value = []);
+        t || (M.value = -1, V.value = []);
       }
     );
-    const pe = a.includeKeys;
+    const kt = a.includeKeys;
     return {
       controller: a,
       tabs: a.tabs,
-      includeKeys: pe,
-      persistenceHydrating: j,
+      includeKeys: kt,
+      persistenceHydrating: U,
       componentCache: G,
-      componentCacheTrigger: de,
-      cacheCurrentComponent: at,
-      tabTransitionProps: se,
-      pageTransitionProps: ue,
-      buildTabClass: bt,
-      activate: dt,
-      close: ct,
-      context: R,
+      componentCacheTrigger: ge,
+      cacheCurrentComponent: it,
+      tabTransitionProps: ce,
+      pageTransitionProps: fe,
+      buildTabClass: gt,
+      activate: bt,
+      close: ft,
+      context: k,
       menuItems: W,
-      handleMenuAction: Se,
-      showContextMenu: Qe,
+      handleMenuAction: xe,
+      showContextMenu: Ze,
       hideContextMenu: C,
-      getTabTitle: fe,
-      isClosable: be,
-      isTabCached: gt,
-      isTabReady: pt,
-      hasCustomSlot: p,
+      getTabTitle: be,
+      isClosable: pe,
+      isTabCached: pt,
+      isTabReady: vt,
+      hasCustomSlot: g,
       hasStartSlot: w,
       hasEndSlot: i,
-      onDragStart: vt,
+      onDragStart: ht,
       onDragOver: mt,
-      onDragEnter: ht,
-      onDragLeave: yt,
-      onDrop: Tt,
-      onDragEnd: xe,
-      setupComponentWatching: L,
-      cleanupComponentWatching: O,
+      onDragEnter: yt,
+      onDragLeave: Tt,
+      onDrop: wt,
+      onDragEnd: De,
+      setupComponentWatching: O,
+      cleanupComponentWatching: j,
       handleComponentRef: Y,
-      getReactiveTabTitle: rt,
-      getComponentCacheKey: ut,
-      createNamedComponent: Ie,
-      ensureNamedComponent: it,
-      getNamedComponent: lt,
-      shouldRenderRoute: st,
+      getReactiveTabTitle: at,
+      getComponentCacheKey: ct,
+      createNamedComponent: Be,
+      ensureNamedComponent: lt,
+      getNamedComponent: st,
+      shouldRenderRoute: ut,
       triggerTabUpdate: T,
-      menuRef: Z,
-      highlightedIndex: D,
-      setMenuItemRef: tt,
-      onMenuKeydown: ot,
+      menuRef: ee,
+      highlightedIndex: M,
+      setMenuItemRef: nt,
+      onMenuKeydown: rt,
       highlightMenuIndex: J,
       scrollContainer: F,
-      setTabRef: ft,
-      scrollTabIntoView: ge
+      setTabRef: dt,
+      scrollTabIntoView: ve
     };
   }
-}), Xt = (e, r) => {
+}), qt = (e, r) => {
   const o = e.__vccOpts || e;
   for (const [s, a] of r)
     o[s] = a;
@@ -1002,87 +1011,87 @@ const qt = Ce({
   class: "router-tab__hydrating",
   "aria-hidden": "true"
 }, ln = ["aria-disabled", "disabled", "tabindex", "onMouseenter", "onClick"];
-function sn(e, r, o, s, a, p) {
+function sn(e, r, o, s, a, g) {
   const w = At("RouterView");
   return $(), B("div", Qt, [
-    V("header", Zt, [
-      V("div", {
+    _("header", Zt, [
+      _("div", {
         class: q(["router-tab__slot-start", { "has-content": e.hasStartSlot }])
       }, [
         me(e.$slots, "start")
       ], 2),
-      V("div", en, [
-        It(xt, he({
+      _("div", en, [
+        It(xt, ye({
           tag: "ul",
           class: "router-tab__nav"
         }, e.tabTransitionProps), {
-          default: ye(() => [
-            ($(!0), B(Te, null, Me(e.tabs, (i, m) => ($(), B("li", {
+          default: Te(() => [
+            ($(!0), B(we, null, Oe(e.tabs, (i, h) => ($(), B("li", {
               key: i.id,
               class: q(e.buildTabClass(i)),
               "data-title": e.getTabTitle(i),
               draggable: e.sortable,
               ref_for: !0,
-              ref: (v) => e.setTabRef(i.id, v),
-              onClick: (v) => e.activate(i),
-              onAuxclick: we((v) => e.close(i), ["middle", "prevent"]),
-              onContextmenu: we((v) => e.showContextMenu(i, v), ["prevent"]),
-              onDragstart: (v) => e.onDragStart(i, m, v),
-              onDragover: (v) => e.onDragOver(m, v),
-              onDragenter: (v) => e.onDragEnter(m),
-              onDragleave: r[0] || (r[0] = (...v) => e.onDragLeave && e.onDragLeave(...v)),
-              onDrop: (v) => e.onDrop(m, v),
-              onDragend: r[1] || (r[1] = (...v) => e.onDragEnd && e.onDragEnd(...v))
+              ref: (p) => e.setTabRef(i.id, p),
+              onClick: (p) => e.activate(i),
+              onAuxclick: ke((p) => e.close(i), ["middle", "prevent"]),
+              onContextmenu: ke((p) => e.showContextMenu(i, p), ["prevent"]),
+              onDragstart: (p) => e.onDragStart(i, h, p),
+              onDragover: (p) => e.onDragOver(h, p),
+              onDragenter: (p) => e.onDragEnter(h),
+              onDragleave: r[0] || (r[0] = (...p) => e.onDragLeave && e.onDragLeave(...p)),
+              onDrop: (p) => e.onDrop(h, p),
+              onDragend: r[1] || (r[1] = (...p) => e.onDragEnd && e.onDragEnd(...p))
             }, [
               i.icon ? ($(), B("i", {
                 key: 0,
                 class: q(["router-tab__item-icon", i.icon])
-              }, null, 2)) : te("", !0),
-              V("span", {
+              }, null, 2)) : oe("", !0),
+              _("span", {
                 class: "router-tab__item-title",
                 title: e.getReactiveTabTitle(i)
-              }, Le(e.getReactiveTabTitle(i)), 9, nn),
+              }, je(e.getReactiveTabTitle(i)), 9, nn),
               e.isClosable(i) ? ($(), B("a", {
                 key: 1,
                 class: "router-tab__item-close",
-                onClick: we((v) => e.close(i), ["stop"])
-              }, null, 8, on)) : te("", !0)
+                onClick: ke((p) => e.close(i), ["stop"])
+              }, null, 8, on)) : oe("", !0)
             ], 42, tn))), 128))
           ]),
           _: 1
         }, 16)
       ], 512),
-      V("div", {
+      _("div", {
         class: q(["router-tab__slot-end", { "has-content": e.hasEndSlot }])
       }, [
         me(e.$slots, "end")
       ], 2)
     ]),
-    V("div", rn, [
-      e.persistenceHydrating ? ($(), B("div", an)) : ($(), X(w, { key: 0 }, {
-        default: ye(({ Component: i, route: m }) => [
-          e.hasCustomSlot ? me(e.$slots, "default", Bt(he({ key: 0 }, {
+    _("div", rn, [
+      e.persistenceHydrating ? ($(), B("div", an)) : ($(), Q(w, { key: 0 }, {
+        default: Te(({ Component: i, route: h }) => [
+          e.hasCustomSlot ? me(e.$slots, "default", Bt(ye({ key: 0 }, {
             Component: i,
-            route: m,
+            route: h,
             controller: e.controller,
-            pageRef: (v) => e.handleComponentRef(v, e.controller.getRouteKey(m))
-          }))) : ($(), B(Te, { key: 1 }, [
-            e.controller.options.keepAlive ? ($(), X(Dt, {
+            pageRef: (p) => e.handleComponentRef(p, e.controller.getRouteKey(h))
+          }))) : ($(), B(we, { key: 1 }, [
+            e.controller.options.keepAlive ? ($(), Q(Dt, {
               key: 0,
               include: e.includeKeys
             }, [
-              i ? ($(), X(Oe(e.getNamedComponent(i, e.getComponentCacheKey(m))), {
-                key: e.getComponentCacheKey(m),
-                ref: (v) => e.handleComponentRef(v, e.controller.getRouteKey(m)),
+              i ? ($(), Q(Ue(e.getNamedComponent(i, e.getComponentCacheKey(h))), {
+                key: e.getComponentCacheKey(h),
+                ref: (p) => e.handleComponentRef(p, e.controller.getRouteKey(h)),
                 class: "router-tab-page"
-              })) : te("", !0)
-            ], 1032, ["include"])) : ($(), X(Mt, he({ key: 1 }, e.pageTransitionProps, { appear: "" }), {
-              default: ye(() => [
-                i ? ($(), X(Oe(i), {
-                  key: e.controller.getRouteKey(m),
-                  ref: (v) => e.handleComponentRef(v, e.controller.getRouteKey(m)),
+              })) : oe("", !0)
+            ], 1032, ["include"])) : ($(), Q(Mt, ye({ key: 1 }, e.pageTransitionProps, { appear: "" }), {
+              default: Te(() => [
+                i ? ($(), Q(Ue(i), {
+                  key: e.controller.getRouteKey(h),
+                  ref: (p) => e.handleComponentRef(p, e.controller.getRouteKey(h)),
                   class: "router-tab-page"
-                })) : te("", !0)
+                })) : oe("", !0)
               ]),
               _: 2
             }, 1040))
@@ -1091,34 +1100,34 @@ function sn(e, r, o, s, a, p) {
         _: 3
       }))
     ]),
-    St(V("div", {
+    St(_("div", {
       ref: "menuRef",
       class: "router-tab__contextmenu",
       role: "menu",
       onKeydown: r[2] || (r[2] = (...i) => e.onMenuKeydown && e.onMenuKeydown(...i)),
       style: Lt({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
     }, [
-      ($(!0), B(Te, null, Me(e.menuItems, (i, m) => ($(), B("a", {
+      ($(!0), B(we, null, Oe(e.menuItems, (i, h) => ($(), B("a", {
         key: i.id,
         role: "menuitem",
-        class: q(["router-tab__contextmenu-item", { "is-focused": m === e.highlightedIndex }]),
+        class: q(["router-tab__contextmenu-item", { "is-focused": h === e.highlightedIndex }]),
         "aria-disabled": i.disabled,
         disabled: i.disabled,
-        tabindex: i.disabled ? -1 : m === e.highlightedIndex ? 0 : -1,
+        tabindex: i.disabled ? -1 : h === e.highlightedIndex ? 0 : -1,
         ref_for: !0,
-        ref: (v) => e.setMenuItemRef(v, m),
-        onMouseenter: (v) => !i.disabled && e.highlightMenuIndex(m),
-        onClick: (v) => e.handleMenuAction(i)
-      }, Le(i.label), 43, ln))), 128))
+        ref: (p) => e.setMenuItemRef(p, h),
+        onMouseenter: (p) => !i.disabled && e.highlightMenuIndex(h),
+        onClick: (p) => e.handleMenuAction(i)
+      }, je(i.label), 43, ln))), 128))
     ], 36), [
       [Ot, e.context.visible && e.context.target]
     ])
   ]);
 }
-const Ne = /* @__PURE__ */ Xt(qt, [["render", sn]]), un = {
+const Ye = /* @__PURE__ */ qt(Xt, [["render", sn]]), un = {
   class: "router-tabs",
   "aria-hidden": "true"
-}, ke = /* @__PURE__ */ Ce({
+}, Ce = /* @__PURE__ */ Ke({
   name: "RouterTabs",
   __name: "RouterTabs",
   props: {
@@ -1133,10 +1142,10 @@ const Ne = /* @__PURE__ */ Xt(qt, [["render", sn]]), un = {
     fallbackRoute: {}
   },
   setup(e) {
-    return We(e), (o, s) => ($(), B("span", un));
+    return Je(e), (o, s) => ($(), B("span", un));
   }
-}), Je = "tab-theme-style", Ge = "tab-theme-primary-color", cn = "system", qe = "(prefers-color-scheme: dark)";
-let Q = null;
+}), Ge = "tab-theme-style", Xe = "tab-theme-primary-color", cn = "system", qe = "(prefers-color-scheme: dark)";
+let Z = null;
 const P = {
   primary: "#034960",
   background: "#ffffff",
@@ -1178,44 +1187,44 @@ function dn(e) {
     return null;
   }
 }
-function $e(e) {
+function Ae(e) {
   typeof document > "u" || (document.documentElement.style.setProperty("--router-tab-primary", e.primary ?? P.primary), document.documentElement.style.setProperty("--router-tab-header-bg", e.headerBackground ?? P.headerBackground), document.documentElement.style.setProperty("--router-tab-background", e.background ?? P.background), document.documentElement.style.setProperty("--router-tab-active-background", e.activeBackground ?? P.activeBackground), document.documentElement.style.setProperty("--router-tab-text", e.text ?? P.text), document.documentElement.style.setProperty("--router-tab-active-text", e.activeText ?? P.activeText), document.documentElement.style.setProperty("--router-tab-border", e.border ?? P.border), document.documentElement.style.setProperty("--router-tab-active-border", e.activeBorder ?? P.activeBorder), document.documentElement.style.setProperty("--router-tab-button-color", e.buttonColor ?? P.buttonColor), document.documentElement.style.setProperty("--router-tab-active-button-color", e.activeButtonColor ?? P.activeButtonColor), document.documentElement.style.setProperty("--router-tab-button-background", e.buttonBackground ?? P.buttonBackground), document.documentElement.style.setProperty("--router-tab-active-button-background", e.activeButtonBackground ?? P.activeButtonBackground), document.documentElement.style.setProperty("--router-tab-icon-color", e.iconColor ?? P.iconColor));
 }
-function Xe(e) {
+function Qe(e) {
   if (typeof document > "u") return;
   const r = document.documentElement, o = window.matchMedia(qe), s = () => {
     r.dataset.theme = o.matches ? "dark" : "light";
   };
-  Q && (o.removeEventListener("change", Q), Q = null), e === "system" ? (s(), Q = () => s(), o.addEventListener("change", Q)) : r.dataset.theme = e;
+  Z && (o.removeEventListener("change", Z), Z = null), e === "system" ? (s(), Z = () => s(), o.addEventListener("change", Z)) : r.dataset.theme = e;
 }
 function bn(e = {}) {
   if (typeof window > "u") return;
   const {
-    styleKey: r = Je,
-    primaryKey: o = Ge,
+    styleKey: r = Ge,
+    primaryKey: o = Xe,
     defaultStyle: s = cn,
     defaultPrimary: a
-  } = e, p = window.localStorage.getItem(r) ?? s;
-  Xe(p);
-  const i = p === "dark" || p === "system" && window.matchMedia(qe).matches ? { ...fn } : { ...P };
+  } = e, g = window.localStorage.getItem(r) ?? s;
+  Qe(g);
+  const i = g === "dark" || g === "system" && window.matchMedia(qe).matches ? { ...fn } : { ...P };
   a && (i.primary = a);
-  const m = dn(o);
-  $e(m ? {
+  const h = dn(o);
+  Ae(h ? {
     ...i,
-    ...m
+    ...h
   } : i);
 }
 function vn(e, r) {
   if (typeof window > "u") return;
-  const o = r?.styleKey ?? Je;
-  window.localStorage.setItem(o, e), Xe(e);
+  const o = r?.styleKey ?? Ge;
+  window.localStorage.setItem(o, e), Qe(e);
 }
-function mn(e, r) {
+function hn(e, r) {
   if (typeof window > "u") return;
-  const o = r?.primaryKey ?? Ge;
-  window.localStorage.setItem(o, JSON.stringify(e)), $e(e);
+  const o = r?.primaryKey ?? Xe;
+  window.localStorage.setItem(o, JSON.stringify(e)), Ae(e);
 }
-function re(e, r) {
+function ie(e, r) {
   if (jt(e)) {
     const s = !Ut(e);
     return {
@@ -1228,7 +1237,7 @@ function re(e, r) {
   }
   if (typeof e == "function")
     return {
-      value: K(e),
+      value: E(e),
       update: () => {
       }
     };
@@ -1242,8 +1251,8 @@ function re(e, r) {
     }
   };
 }
-function Pe(e = {}) {
-  const r = re(e.title, "Untitled"), o = re(e.icon, ""), s = re(e.closable, !0), a = re(e.meta, {});
+function Se(e = {}) {
+  const r = ie(e.title, "Untitled"), o = ie(e.icon, ""), s = ie(e.closable, !0), a = ie(e.meta, {});
   return {
     routeTabTitle: r.value,
     routeTabIcon: o.value,
@@ -1255,17 +1264,17 @@ function Pe(e = {}) {
     updateMeta: a.update
   };
 }
-function hn(e, r = "Page") {
-  return Pe({
-    title: K(() => e.value ? "Loading..." : r),
-    icon: K(() => e.value ? "mdi-loading mdi-spin" : "mdi-page"),
-    closable: K(() => !e.value)
+function mn(e, r = "Page") {
+  return Se({
+    title: E(() => e.value ? "Loading..." : r),
+    icon: E(() => e.value ? "mdi-loading mdi-spin" : "mdi-page"),
+    closable: E(() => !e.value)
   });
 }
 function yn(e, r = "Page", o = "mdi-page") {
-  return Pe({
-    title: K(() => e.value > 0 ? `${r} (${e.value})` : r),
-    icon: K(() => e.value > 0 ? "mdi-bell-badge" : o)
+  return Se({
+    title: E(() => e.value > 0 ? `${r} (${e.value})` : r),
+    icon: E(() => e.value > 0 ? "mdi-bell-badge" : o)
   });
 }
 function Tn(e, r = "Page") {
@@ -1275,47 +1284,47 @@ function Tn(e, r = "Page") {
     error: { suffix: " - Error", icon: "mdi-alert" },
     success: { suffix: " - Success", icon: "mdi-check-circle" }
   };
-  return Pe({
-    title: K(() => r + o[e.value].suffix),
-    icon: K(() => o[e.value].icon),
-    closable: K(() => e.value !== "loading")
+  return Se({
+    title: E(() => r + o[e.value].suffix),
+    icon: E(() => o[e.value].icon),
+    closable: E(() => e.value !== "loading")
   });
 }
-let ze = !1;
+let Fe = !1;
 const wn = {
   install(e, r) {
-    if (ze) return;
-    ze = !0;
+    if (Fe) return;
+    Fe = !0;
     const {
       initTheme: o = !0,
       themeOptions: s,
-      componentName: a = Ne.name || "RouterTab",
-      tabsComponentName: p = ke.name || "RouterTabs"
+      componentName: a = Ye.name || "RouterTab",
+      tabsComponentName: g = Ce.name || "RouterTabs"
     } = r ?? {};
-    o && bn(s ?? {}), e.component(a, Ne), e.component(p, ke), p.toLowerCase() !== "router-tabs" && e.component("router-tabs", ke), Object.defineProperty(e.config.globalProperties, "$tabs", {
+    o && bn(s ?? {}), e.component(a, Ye), e.component(g, Ce), g.toLowerCase() !== "router-tabs" && e.component("router-tabs", Ce), Object.defineProperty(e.config.globalProperties, "$tabs", {
       configurable: !0,
       enumerable: !1,
       get() {
-        return e._context.provides[le];
+        return e._context.provides[ue];
       },
       set(w) {
-        w && e.provide(le, w);
+        w && e.provide(ue, w);
       }
     });
   }
 };
 export {
-  Ne as RouterTab,
-  ke as RouterTabs,
+  Ye as RouterTab,
+  Ce as RouterTabs,
   wn as default,
   bn as initRouterTabsTheme,
-  le as routerTabsKey,
-  mn as setRouterTabsPrimary,
+  ue as routerTabsKey,
+  hn as setRouterTabsPrimary,
   vn as setRouterTabsTheme,
-  hn as useLoadingTab,
+  mn as useLoadingTab,
   yn as useNotificationTab,
-  Pe as useReactiveTab,
-  Ue as useRouterTabs,
-  We as useRouterTabsPersistence,
+  Se as useReactiveTab,
+  _e as useRouterTabs,
+  Je as useRouterTabsPersistence,
   Tn as useStatusTab
 };