vue3-router-tab 1.4.0 → 1.4.1

package/dist/vue3-router-tab.js

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