vue3-router-tab 1.3.0 → 1.3.2

package/dist/vue3-router-tab.js

@@ -1,7 +1,7 @@
 import './vue3-router-tab.css';
-import { reactive as ge, ref as $, shallowRef as bt, computed as k, watch as A, nextTick as _, inject as Ae, getCurrentInstance as Oe, onMounted as me, defineComponent as Ue, provide as pt, onBeforeUnmount as gt, resolveComponent as mt, createElementBlock as I, openBlock as P, createElementVNode as O, createCommentVNode as U, normalizeClass as J, renderSlot as ue, createVNode as q, TransitionGroup as vt, mergeProps as Q, withCtx as Z, Fragment as ce, renderList as Ee, withModifiers as fe, toDisplayString as Ke, normalizeProps as yt, Transition as Ie, createBlock as de, KeepAlive as ht, resolveDynamicComponent as xe, normalizeStyle as Tt, isRef as kt, isReadonly as wt } from "vue";
-import { RouterView as Ct } from "vue-router";
-function Rt(e = {}) {
+import { reactive as be, ref as $, shallowRef as dt, computed as k, watch as A, nextTick as j, inject as Re, getCurrentInstance as je, onMounted as pe, defineComponent as Oe, provide as bt, onBeforeUnmount as pt, resolveComponent as gt, createElementBlock as S, openBlock as P, createElementVNode as L, withDirectives as mt, normalizeClass as H, renderSlot as re, createVNode as Pe, TransitionGroup as vt, mergeProps as le, withCtx as se, Fragment as Ae, renderList as Ke, withModifiers as ue, createCommentVNode as Ee, toDisplayString as Ie, createBlock as J, normalizeProps as yt, Transition as ht, resolveDynamicComponent as ce, KeepAlive as Tt, normalizeStyle as kt, vShow as wt, isRef as Ct, isReadonly as Rt } from "vue";
+import { RouterView as Pt } from "vue-router";
+function At(e = {}) {
   return {
     initialTabs: e.initialTabs ?? [],
     keepAlive: e.keepAlive ?? !0,
@@ -17,7 +17,7 @@ function V(e, n) {
     throw new Error(`[RouterTabs] Unable to resolve route: ${String(n)}`);
   return o;
 }
-const Pt = {
+const Kt = {
   path: (e) => e.path,
   fullpath: (e) => e.fullPath,
   fullname: (e) => e.fullPath,
@@ -30,39 +30,39 @@ function N(e) {
     const o = n(e);
     if (typeof o == "string" && o.length) return o;
   } else if (typeof n == "string" && n.length) {
-    const o = Pt[n.toLowerCase()];
+    const o = Kt[n.toLowerCase()];
     return o ? o(e) : n;
   }
   return e.fullPath;
 }
-function ve(e, n) {
+function ge(e, n) {
   const o = e.meta?.keepAlive;
   return typeof o == "boolean" ? o : n;
 }
-function ye(e, n) {
+function me(e, n) {
   const o = e.meta?.reuse;
   return typeof o == "boolean" ? o : n;
 }
-function Ve(e) {
+function Ue(e) {
   const n = e.meta ?? {}, o = {};
   return "title" in n && (o.title = n.title), "tips" in n && (o.tips = n.tips), "icon" in n && (o.icon = n.icon), "closable" in n && (o.closable = n.closable), "tabClass" in n && (o.tabClass = n.tabClass), "target" in n && (o.target = n.target), "href" in n && (o.href = n.href), o;
 }
-function ee(e, n, o) {
-  const l = Ve(e);
+function q(e, n, o) {
+  const l = Ue(e);
   return {
     id: N(e),
     to: e.fullPath,
     fullPath: e.fullPath,
     matched: e,
-    alive: ve(e, o),
-    reusable: ye(e, !1),
+    alive: ge(e, o),
+    reusable: me(e, !1),
     closable: l.closable ?? !0,
     renderKey: typeof n.renderKey == "number" ? n.renderKey : 0,
     ...l,
     ...n
   };
 }
-function be(e, n, o, l) {
+function fe(e, n, o, l) {
   if (!e.find((p) => p.id === n.id)) {
     if (o === "next" && l) {
       const p = e.findIndex((T) => T.id === l);
@@ -74,17 +74,17 @@ function be(e, n, o, l) {
     e.push(n);
   }
 }
-function Se(e, n, o) {
+function xe(e, n, o) {
   if (!n || n <= 0) return;
-  const l = e.filter((r) => r.alive);
+  const l = e.filter((i) => i.alive);
   for (; l.length > n; ) {
-    const r = l.shift();
-    if (!r || r.id === o) continue;
-    const p = e.findIndex((T) => T.id === r.id);
+    const i = l.shift();
+    if (!i || i.id === o) continue;
+    const p = e.findIndex((T) => T.id === i.id);
     p > -1 && (e[p].alive = !1);
   }
 }
-function At(e) {
+function Et(e) {
   return {
     to: e.to,
     title: e.title,
@@ -95,95 +95,95 @@ function At(e) {
     renderKey: e.renderKey
   };
 }
-function Et(e) {
+function It(e) {
   const n = {};
   return "title" in e && (n.title = e.title), "tips" in e && (n.tips = e.tips), "icon" in e && (n.icon = e.icon), "tabClass" in e && (n.tabClass = e.tabClass), "closable" in e && (n.closable = e.closable), "renderKey" in e && typeof e.renderKey == "number" && (n.renderKey = e.renderKey), n;
 }
-function Kt(e, n = {}) {
-  const o = Rt(n), l = ge([]), r = $(null), p = bt(), T = $(null), s = k(
-    () => l.filter((i) => i.alive).map((i) => `${i.id}::${i.renderKey ?? 0}`)
+function xt(e, n = {}) {
+  const o = At(n), l = be([]), i = $(null), p = dt(), T = $(null), s = k(
+    () => l.filter((r) => r.alive).map((r) => `${r.id}::${r.renderKey ?? 0}`)
   );
   let c = !1;
-  function g(i) {
-    const b = typeof i.matched == "object" ? i : V(e, i);
+  function g(r) {
+    const b = typeof r.matched == "object" ? r : V(e, r);
     return {
       key: N(b),
       fullPath: b.fullPath,
-      alive: ve(b, o.keepAlive),
-      reusable: ye(b, !1),
+      alive: ge(b, o.keepAlive),
+      reusable: me(b, !1),
       matched: b
     };
   }
-  function R(i) {
-    const b = N(i);
+  function R(r) {
+    const b = N(r);
     let d = l.find((h) => h.id === b);
-    return d ? (d.fullPath = i.fullPath, d.to = i.fullPath, d.matched = i, d.alive = ve(i, o.keepAlive), d.reusable = ye(i, d.reusable), typeof d.renderKey != "number" && (d.renderKey = 0), Object.assign(d, Ve(i)), d) : (d = ee(i, {}, o.keepAlive), be(l, d, o.appendPosition, r.value), Se(l, o.maxAlive, r.value), d);
+    return d ? (d.fullPath = r.fullPath, d.to = r.fullPath, d.matched = r, d.alive = ge(r, o.keepAlive), d.reusable = me(r, d.reusable), typeof d.renderKey != "number" && (d.renderKey = 0), Object.assign(d, Ue(r)), d) : (d = q(r, {}, o.keepAlive), fe(l, d, o.appendPosition, i.value), xe(l, o.maxAlive, i.value), d);
   }
-  async function S(i, b = !1, d = !0) {
-    const h = V(e, i), w = N(h), E = r.value === w;
-    d === "sameTab" && (d = E), d && await L(w, !0), await e[b ? "replace" : "push"](h), E && await y();
+  async function x(r, b = !1, d = !0) {
+    const h = V(e, r), w = N(h), K = i.value === w;
+    d === "sameTab" && (d = K), d && await O(w, !0), await e[b ? "replace" : "push"](h), K && await y();
   }
-  function B(i) {
-    const b = l.findIndex((x) => x.id === i);
+  function B(r) {
+    const b = l.findIndex((I) => I.id === r);
     if (b === -1) return o.defaultRoute;
-    const d = l[b + 1], h = l[b - 1], w = l.find((x) => x.id !== i), E = d || h || w;
-    return E ? E.to : o.defaultRoute;
+    const d = l[b + 1], h = l[b - 1], w = l.find((I) => I.id !== r), K = d || h || w;
+    return K ? K.to : o.defaultRoute;
   }
-  async function z(i = r.value, b = {}) {
-    if (!i) return;
+  async function z(r = i.value, b = {}) {
+    if (!r) return;
     if (!b.force && o.keepLastTab && l.length === 1)
       throw new Error("[RouterTabs] Unable to close the final tab when keepLastTab is true.");
-    const h = r.value === i && b.redirect !== null, w = h ? b.redirect ?? B(i) : null;
-    await Y(i, { force: b.force }), b.redirect !== null && h && w && await e.replace(w);
+    const h = i.value === r && b.redirect !== null, w = h ? b.redirect ?? B(r) : null;
+    await _(r, { force: b.force }), b.redirect !== null && h && w && await e.replace(w);
   }
-  async function Y(i, b = {}) {
-    const d = l.findIndex((h) => h.id === i);
-    d !== -1 && (l.splice(d, 1), T.value === i && (T.value = null), r.value === i && (r.value = null, p.value = void 0));
+  async function _(r, b = {}) {
+    const d = l.findIndex((h) => h.id === r);
+    d !== -1 && (l.splice(d, 1), T.value === r && (T.value = null), i.value === r && (i.value = null, p.value = void 0));
   }
-  async function L(i = r.value ?? void 0, b = !1) {
-    if (!i) return;
-    const d = l.find((w) => w.id === i);
+  async function O(r = i.value ?? void 0, b = !1) {
+    if (!r) return;
+    const d = l.find((w) => w.id === r);
     if (!d) return;
     const h = o.keepAlive && d.alive;
-    h && (d.alive = !1, await _()), d.renderKey = (d.renderKey ?? 0) + 1, h && (d.alive = !0), T.value = i, await _(), await _(), T.value = null;
+    h && (d.alive = !1, await j()), d.renderKey = (d.renderKey ?? 0) + 1, h && (d.alive = !0), T.value = r, await j(), b || await j(), T.value = null;
   }
-  async function ae(i = !1) {
+  async function te(r = !1) {
     for (const b of l)
-      await L(b.id, i);
+      await O(b.id, r);
   }
-  async function re(i = o.defaultRoute) {
-    l.splice(0, l.length), r.value = null, p.value = void 0;
+  async function ne(r = o.defaultRoute) {
+    l.splice(0, l.length), i.value = null, p.value = void 0;
     for (const b of o.initialTabs) {
-      const d = V(e, b.to), h = ee(d, b, o.keepAlive);
+      const d = V(e, b.to), h = q(d, b, o.keepAlive);
       l.push(h);
     }
-    await e.replace(i);
+    await e.replace(r);
   }
   async function y() {
-    const i = r.value;
-    i && await L(i, !0);
+    const r = i.value;
+    r && await O(r, !0);
   }
-  function G(i) {
-    return typeof i.matched == "object" ? N(i) : N(V(e, i));
+  function G(r) {
+    return typeof r.matched == "object" ? N(r) : N(V(e, r));
   }
   function M() {
-    const i = l.find((b) => b.id === r.value);
+    const r = l.find((b) => b.id === i.value);
     return {
-      tabs: l.map(At),
-      active: i ? i.to : null
+      tabs: l.map(Et),
+      active: r ? r.to : null
     };
   }
-  async function D(i) {
-    c = !0, l.splice(0, l.length), r.value = null, p.value = void 0;
-    const b = i?.tabs ?? [];
+  async function D(r) {
+    c = !0, l.splice(0, l.length), i.value = null, p.value = void 0;
+    const b = r?.tabs ?? [];
     for (const h of b)
       try {
-        const w = V(e, h.to), E = Et(h), x = ee(w, E, o.keepAlive);
-        be(l, x, "last", null);
+        const w = V(e, h.to), K = It(h), I = q(w, K, o.keepAlive);
+        fe(l, I, "last", null);
       } catch {
       }
     c = !1;
-    const d = i?.active ?? b[b.length - 1]?.to ?? o.defaultRoute;
+    const d = r?.active ?? b[b.length - 1]?.to ?? o.defaultRoute;
     if (d)
       try {
         await e.replace(d);
@@ -192,28 +192,28 @@ function Kt(e, n = {}) {
   }
   return A(
     () => e.currentRoute.value,
-    (i) => {
+    (r) => {
       if (c) return;
-      const b = R(i);
-      r.value = b.id, p.value = b, Se(l, o.maxAlive, r.value);
+      const b = R(r);
+      i.value = b.id, p.value = b, xe(l, o.maxAlive, i.value);
     },
     { immediate: !0 }
-  ), o.initialTabs.length && o.initialTabs.forEach((i) => {
-    const b = V(e, i.to), d = ee(b, i, o.keepAlive);
-    be(l, d, "last", null);
+  ), o.initialTabs.length && o.initialTabs.forEach((r) => {
+    const b = V(e, r.to), d = q(b, r, o.keepAlive);
+    fe(l, d, "last", null);
   }), {
     options: o,
     tabs: l,
-    activeId: r,
+    activeId: i,
     current: p,
     includeKeys: s,
     refreshingKey: T,
-    openTab: S,
+    openTab: x,
     closeTab: z,
-    removeTab: Y,
-    refreshTab: L,
-    refreshAll: ae,
-    reset: re,
+    removeTab: _,
+    refreshTab: O,
+    refreshAll: te,
+    reset: ne,
     reload: y,
     getRouteKey: G,
     matchRoute: g,
@@ -224,20 +224,20 @@ function Kt(e, n = {}) {
 function De(e) {
   return e ? typeof e == "string" ? { name: e } : e : {};
 }
-const oe = Symbol("RouterTabsContext"), ne = "router-tabs:snapshot";
-function $e(e = {}) {
-  const { optional: n = !1 } = e, o = Ae(oe, null);
+const ee = Symbol("RouterTabsContext"), Z = "router-tabs:snapshot";
+function Se(e = {}) {
+  const { optional: n = !1 } = e, o = Re(ee, null);
   if (o) return o;
-  const l = Ae("$tabs", null);
+  const l = Re("$tabs", null);
   if (l) return l;
-  const p = Oe()?.appContext.config.globalProperties.$tabs;
+  const p = je()?.appContext.config.globalProperties.$tabs;
   if (p) return p;
   if (!n)
     throw new Error("[RouterTabs] useRouterTabs must be used within <router-tab>.");
   return null;
 }
-const It = 864e5;
-function xt(e) {
+const Dt = 864e5;
+function St(e) {
   if (typeof document > "u") return null;
   const n = `${encodeURIComponent(e)}=`, o = document.cookie ? document.cookie.split("; ") : [];
   for (const l of o)
@@ -245,27 +245,27 @@ function xt(e) {
       return decodeURIComponent(l.slice(n.length));
   return null;
 }
-function Be(e, n, o) {
+function $e(e, n, o) {
   if (typeof document > "u") return;
   const {
     expiresInDays: l = 7,
-    path: r = "/",
+    path: i = "/",
     domain: p,
     secure: T,
     sameSite: s = "lax"
   } = o, c = [`${encodeURIComponent(e)}=${encodeURIComponent(n)}`];
   if (l !== 1 / 0) {
-    const g = new Date(Date.now() + l * It).toUTCString();
+    const g = new Date(Date.now() + l * Dt).toUTCString();
     c.push(`Expires=${g}`);
   }
-  r && c.push(`Path=${r}`), p && c.push(`Domain=${p}`), T && c.push("Secure"), s && c.push(`SameSite=${s.charAt(0).toUpperCase()}${s.slice(1)}`), document.cookie = c.join("; ");
+  i && c.push(`Path=${i}`), p && c.push(`Domain=${p}`), T && c.push("Secure"), s && c.push(`SameSite=${s.charAt(0).toUpperCase()}${s.slice(1)}`), document.cookie = c.join("; ");
 }
-function Me(e, n) {
+function Be(e, n) {
   if (typeof document > "u") return;
-  const { path: o = "/", domain: l } = n, r = [`${encodeURIComponent(e)}=`];
-  r.push("Expires=Thu, 01 Jan 1970 00:00:01 GMT"), o && r.push(`Path=${o}`), l && r.push(`Domain=${l}`), document.cookie = r.join("; ");
+  const { path: o = "/", domain: l } = n, i = [`${encodeURIComponent(e)}=`];
+  i.push("Expires=Thu, 01 Jan 1970 00:00:01 GMT"), o && i.push(`Path=${o}`), l && i.push(`Domain=${l}`), document.cookie = i.join("; ");
 }
-const St = (e) => JSON.stringify(e ?? null), Dt = (e) => {
+const $t = (e) => JSON.stringify(e ?? null), Bt = (e) => {
   if (!e) return null;
   try {
     return JSON.parse(e);
@@ -273,19 +273,19 @@ const St = (e) => JSON.stringify(e ?? null), Dt = (e) => {
     return null;
   }
 };
-function Ne(e = {}) {
+function Ve(e = {}) {
   const {
-    cookieKey: n = ne,
-    serialize: o = St,
-    deserialize: l = Dt
-  } = e, r = $e({ optional: !0 }), p = $(!0), T = (s) => {
-    me(async () => {
-      const c = l(xt(n));
+    cookieKey: n = Z,
+    serialize: o = $t,
+    deserialize: l = Bt
+  } = e, i = Se({ optional: !0 }), p = $(!0), T = (s) => {
+    pe(async () => {
+      const c = l(St(n));
       if (c && c.tabs?.length)
         try {
           if (p.value = !0, await s.hydrate(c), c.active) {
-            await _();
-            const R = s.tabs.find((S) => S.to === c.active);
+            await j();
+            const R = s.tabs.find((x) => x.to === c.active);
             R && (s.activeId.value = R.id, s.current.value = R);
           }
         } finally {
@@ -302,7 +302,7 @@ function Ne(e = {}) {
       else
         p.value = !1;
       const g = s.snapshot();
-      g.tabs.length ? Be(n, o(g), e) : Me(n, e), p.value = !1;
+      g.tabs.length ? $e(n, o(g), e) : Be(n, e), p.value = !1;
     }), A(
       () => ({
         tabs: s.tabs.map((c) => ({
@@ -319,19 +319,19 @@ function Ne(e = {}) {
       () => {
         if (p.value) return;
         const c = s.snapshot();
-        c.tabs.length ? Be(n, o(c), e) : Me(n, e);
+        c.tabs.length ? $e(n, o(c), e) : Be(n, e);
       },
       { deep: !0 }
     );
   };
-  r ? T(r) : me(() => {
-    const s = $e({ optional: !0 });
+  i ? T(i) : pe(() => {
+    const s = Se({ optional: !0 });
     s && T(s);
   });
 }
-const $t = Ue({
+const Mt = Oe({
   name: "RouterTab",
-  components: { RouterView: Ct },
+  components: { RouterView: Pt },
   props: {
     tabs: {
       type: Array,
@@ -371,7 +371,7 @@ const $t = Ue({
     },
     cookieKey: {
       type: String,
-      default: ne
+      default: Z
     },
     persistence: {
       type: Object,
@@ -384,13 +384,13 @@ const $t = Ue({
   },
   emits: ["tab-sort", "tab-sorted"],
   setup(e, { emit: n }) {
-    const o = Oe();
+    const o = je();
     if (!o)
       throw new Error("[RouterTab] component must be used within a Vue application context.");
     const l = o.appContext.app.config.globalProperties.$router;
     if (!l)
       throw new Error("[RouterTab] Vue Router is required. Make sure to call app.use(router) before RouterTab.");
-    const r = Kt(l, {
+    const i = xt(l, {
       initialTabs: e.tabs,
       keepAlive: e.keepAlive,
       maxAlive: e.maxAlive,
@@ -398,23 +398,23 @@ const $t = Ue({
       appendPosition: e.append,
       defaultRoute: e.defaultPage
     });
-    pt(oe, r), o.appContext.config.globalProperties.$tabs = r;
+    bt(ee, i), o.appContext.config.globalProperties.$tabs = i;
     const p = k(() => !!o?.slots?.default), T = k(() => !!o?.slots?.start), s = k(() => !!o?.slots?.end), c = $(0), g = k(() => {
       c.value;
       const t = {};
-      return r.tabs.forEach((a) => {
-        const f = typeof a.title == "string" ? a.title : String(a.title || ie(a));
+      return i.tabs.forEach((a) => {
+        const f = typeof a.title == "string" ? a.title : String(a.title || oe(a));
         t[a.id] = f;
       }), t;
     });
     function R() {
       c.value++;
     }
-    const S = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
+    const x = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
     function z(t, a) {
-      if (!a || S.has(t)) return;
-      S.set(t, a);
-      const f = r.tabs.find((v) => r.getRouteKey(v.to) === t);
+      if (!a || x.has(t)) return;
+      x.set(t, a);
+      const f = i.tabs.find((v) => i.getRouteKey(v.to) === t);
       if (!f) return;
       const m = [];
       if (a.routeTabTitle !== void 0) {
@@ -425,8 +425,8 @@ const $t = Ue({
           },
           (u) => {
             if (u != null) {
-              const j = String(u);
-              f.title = j, R();
+              const U = String(u);
+              f.title = U, R();
             }
           },
           { immediate: !0 }
@@ -474,24 +474,24 @@ const $t = Ue({
       }
       B.set(t, m);
     }
-    function Y(t) {
+    function _(t) {
       const a = B.get(t);
-      a && (a.forEach((f) => f()), B.delete(t)), S.delete(t);
+      a && (a.forEach((f) => f()), B.delete(t)), x.delete(t);
     }
-    function L(t, a) {
-      t ? t.routeTabTitle !== void 0 || t.routeTabIcon !== void 0 || t.routeTabClosable !== void 0 ? z(a, t) : t.$ && (t.$.routeTabTitle !== void 0 || t.$.routeTabIcon !== void 0 || t.$.routeTabClosable !== void 0) && z(a, t.$) : t === null && Y(a);
+    function O(t, a) {
+      t ? t.routeTabTitle !== void 0 || t.routeTabIcon !== void 0 || t.routeTabClosable !== void 0 ? z(a, t) : t.$ && (t.$.routeTabTitle !== void 0 || t.$.routeTabIcon !== void 0 || t.$.routeTabClosable !== void 0) && z(a, t.$) : t === null && _(a);
     }
     if (e.cookieKey !== null || e.persistence) {
       const t = {
         ...e.persistence ?? {}
       };
-      e.cookieKey !== null ? t.cookieKey = e.cookieKey || ne : t.cookieKey || (t.cookieKey = ne), Ne(t);
+      e.cookieKey !== null ? t.cookieKey = e.cookieKey || Z : t.cookieKey || (t.cookieKey = Z), Ve(t);
     }
-    const ae = k(() => De(e.tabTransition)), re = k(() => De(e.pageTransition)), y = ge({
+    const te = k(() => De(e.tabTransition)), ne = k(() => De(e.pageTransition)), y = be({
       visible: !1,
       target: null,
       position: { x: 0, y: 0 }
-    }), G = $(null), M = $([]), D = $(-1), i = ge({
+    }), G = $(null), M = $([]), D = $(-1), r = be({
       dragging: !1,
       dragIndex: -1,
       dropIndex: -1,
@@ -505,112 +505,114 @@ const $t = Ue({
       "closeOthers"
     ];
     function d(t) {
-      return r.tabs.findIndex((a) => a.id === t);
+      return i.tabs.findIndex((a) => a.id === t);
     }
     function h(t) {
       const a = d(t.id);
-      return a > 0 ? r.tabs.slice(0, a) : [];
+      return a > 0 ? i.tabs.slice(0, a) : [];
     }
     function w(t) {
       const a = d(t.id);
-      return a > -1 ? r.tabs.slice(a + 1) : [];
+      return a > -1 ? i.tabs.slice(a + 1) : [];
     }
-    function E(t) {
-      return r.tabs.filter((a) => a.id !== t.id);
+    function K(t) {
+      return i.tabs.filter((a) => a.id !== t.id);
     }
-    async function x(t, a) {
+    async function I(t, a) {
       const f = t.filter((m) => m.closable !== !1);
       if (f.length) {
         for (const m of f)
-          r.activeId.value === m.id ? await r.closeTab(m.id, { redirect: a.to, force: !0 }) : await r.removeTab(m.id, { force: !0 });
-        r.activeId.value !== a.id && await r.openTab(a.to, !0, !1);
+          i.activeId.value === m.id ? await i.closeTab(m.id, { redirect: a.to, force: !0 }) : await i.removeTab(m.id, { force: !0 });
+        i.activeId.value !== a.id && await i.openTab(a.to, !0, !1);
       }
     }
-    const He = {
+    const Fe = {
       refresh: {
         label: "Refresh",
         handler: async ({ target: t }) => {
-          await r.refreshTab(t.id, !0);
+          await i.refreshTab(t.id, !0);
         }
       },
       refreshAll: {
         label: "Refresh All",
         handler: async () => {
-          await r.refreshAll(!0);
+          await i.refreshAll(!0);
         }
       },
       close: {
         label: "Close",
         handler: async ({ target: t }) => {
-          await r.closeTab(t.id);
+          await i.closeTab(t.id);
         },
-        enable: ({ target: t }) => le(t)
+        enable: ({ target: t }) => ae(t)
       },
       closeLefts: {
         label: "Close to the Left",
         handler: async ({ target: t }) => {
-          await x(h(t), t);
+          await I(h(t), t);
         },
         enable: ({ target: t }) => h(t).some((a) => a.closable !== !1)
       },
       closeRights: {
         label: "Close to the Right",
         handler: async ({ target: t }) => {
-          await x(w(t), t);
+          await I(w(t), t);
         },
         enable: ({ target: t }) => w(t).some((a) => a.closable !== !1)
       },
       closeOthers: {
         label: "Close Others",
         handler: async ({ target: t }) => {
-          await x(E(t), t);
+          await I(K(t), t);
         },
-        enable: ({ target: t }) => E(t).some((a) => a.closable !== !1)
+        enable: ({ target: t }) => K(t).some((a) => a.closable !== !1)
       }
     };
-    function K() {
+    function E() {
       y.visible = !1, y.target = null, D.value = -1, M.value = [];
     }
-    function Je(t, a) {
-      e.contextmenu && (y.visible = !0, y.target = t, y.position.x = a.clientX, y.position.y = a.clientY, document.addEventListener("click", K, { once: !0 }), _(() => {
-        Ge();
+    function He(t, a) {
+      e.contextmenu && (y.target = t, y.position.x = a.clientX, y.position.y = a.clientY, j(() => {
+        y.visible = !0, document.addEventListener("click", E, { once: !0 }), j(() => {
+          We();
+        });
       }));
     }
-    function We(t, a) {
-      const f = typeof t == "string" ? { id: t } : t, m = He[f.id], v = f.label ?? m?.label ?? String(f.id), u = f.visible ?? m?.visible ?? !0;
+    function Je(t, a) {
+      const f = typeof t == "string" ? { id: t } : t, m = Fe[f.id], v = f.label ?? m?.label ?? String(f.id), u = f.visible ?? m?.visible ?? !0;
       if (!(typeof u == "function" ? u(a) : u !== !1)) return null;
-      const se = f.enable ?? m?.enable ?? !0, ft = typeof se == "function" ? se(a) : se !== !1, Pe = f.handler ?? m?.handler;
-      if (!Pe) return null;
-      const dt = async () => {
-        await Promise.resolve(Pe(a));
+      const ie = f.enable ?? m?.enable ?? !0, ct = typeof ie == "function" ? ie(a) : ie !== !1, Ce = f.handler ?? m?.handler;
+      if (!Ce) return null;
+      const ft = async () => {
+        await Promise.resolve(Ce(a));
       };
       return {
         id: String(f.id),
         label: v,
-        disabled: !ft,
-        action: dt
+        disabled: !ct,
+        action: ft
       };
     }
-    const F = k(() => {
+    const Y = k(() => {
       if (!y.visible || !y.target || e.contextmenu === !1) return [];
-      const t = Array.isArray(e.contextmenu) ? e.contextmenu : b, a = { target: y.target, controller: r };
-      return t.map((f) => We(f, a)).filter((f) => !!f);
+      const t = Array.isArray(e.contextmenu) ? e.contextmenu : b, a = { target: y.target, controller: i };
+      return t.map((f) => Je(f, a)).filter((f) => !!f);
     });
-    function Ge() {
+    function We() {
       const t = G.value;
       if (!t) return;
       const a = 8, { innerWidth: f, innerHeight: m } = window, v = t.getBoundingClientRect();
-      let u = y.position.x, j = y.position.y;
-      v.right > f - a && (u = Math.max(a, f - v.width - a)), v.bottom > m - a && (j = Math.max(a, m - v.height - a)), (u !== y.position.x || j !== y.position.y) && (y.position.x = u, y.position.y = j);
+      let u = y.position.x, U = y.position.y;
+      v.right > f - a && (u = Math.max(a, f - v.width - a)), v.bottom > m - a && (U = Math.max(a, m - v.height - a)), (u !== y.position.x || U !== y.position.y) && (y.position.x = u, y.position.y = U);
     }
-    function Xe(t, a) {
+    function Ge(t, a) {
       M.value[a] = t ?? null;
     }
-    function qe(t) {
+    function Xe(t) {
       if (t < 0) return;
       M.value[t]?.focus({ preventScroll: !0 });
     }
-    function X(t, a, f = F.value) {
+    function X(t, a, f = Y.value) {
       if (!f.length) return -1;
       const m = f.length;
       let v = t;
@@ -618,19 +620,19 @@ const $t = Ue({
         if (v = (v + a + m) % m, !f[v].disabled) return v;
       return -1;
     }
-    function H(t) {
-      D.value = t, !(t < 0) && _(() => qe(t));
+    function F(t) {
+      D.value = t, !(t < 0) && j(() => Xe(t));
     }
-    function ke(t) {
+    function he(t) {
       const a = X(D.value, t);
-      a !== -1 && H(a);
+      a !== -1 && F(a);
     }
-    function Qe(t) {
+    function qe(t) {
       if (!y.visible) return;
-      const a = t.key, f = F.value;
+      const a = t.key, f = Y.value;
       if (!f.length) return;
       if (a === "Tab") {
-        K();
+        E();
         return;
       }
       if ([
@@ -648,17 +650,17 @@ const $t = Ue({
         switch (t.preventDefault(), a) {
           case "ArrowDown":
           case "ArrowRight":
-            ke(1);
+            he(1);
             break;
           case "ArrowUp":
           case "ArrowLeft":
-            ke(-1);
+            he(-1);
             break;
           case "Home":
-            H(X(-1, 1));
+            F(X(-1, 1));
             break;
           case "End":
-            H(X(f.length, -1));
+            F(X(f.length, -1));
             break;
           case "Enter":
           case " ":
@@ -666,191 +668,194 @@ const $t = Ue({
             const v = D.value;
             if (v > -1) {
               const u = f[v];
-              u.disabled || we(u);
+              u.disabled || Te(u);
             }
             break;
           }
           case "Escape":
-            K();
+            E();
             break;
         }
     }
-    async function we(t) {
-      t.disabled || (K(), await t.action());
+    async function Te(t) {
+      t.disabled || (E(), await t.action());
     }
-    function ie(t) {
+    function oe(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 Ze(t) {
-      return g.value[t.id] || ie(t);
+    function Qe(t) {
+      return g.value[t.id] || oe(t);
     }
-    function Ce(t) {
-      const a = r.getRouteKey(t), m = r.tabs.find((v) => v.id === a)?.renderKey ?? 0;
+    function ke(t) {
+      const a = i.getRouteKey(t), m = i.tabs.find((v) => v.id === a)?.renderKey ?? 0;
       return `${a}::${m}`;
     }
-    function et(t) {
-      return `${Ce(t)}::refresh`;
+    function Ze(t) {
+      return `${ke(t)}::refresh`;
     }
-    function le(t) {
-      return !(t.closable === !1 || r.options.keepLastTab && r.tabs.length <= 1);
+    function ae(t) {
+      return !(t.closable === !1 || i.options.keepLastTab && i.tabs.length <= 1);
     }
-    async function tt(t) {
-      await r.closeTab(t.id);
+    async function et(t) {
+      await i.closeTab(t.id);
     }
-    function nt(t) {
+    function tt(t) {
       if (t.href && typeof window < "u") {
         t.target && t.target !== "_self" ? window.open(t.href, t.target) : window.location.assign(t.href);
         return;
       }
-      r.activeId.value !== t.id && r.openTab(t.to, !1);
+      i.activeId.value !== t.id && i.openTab(t.to, !1);
     }
-    function ot(t) {
+    function nt(t) {
       return [
         "router-tab__item",
         {
-          "is-active": r.activeId.value === t.id,
-          "is-closable": le(t),
-          "is-dragging": i.dragging && i.dragTab?.id === t.id,
-          "is-drag-over": i.dropIndex === d(t.id)
+          "is-active": i.activeId.value === t.id,
+          "is-closable": ae(t),
+          "is-dragging": r.dragging && r.dragTab?.id === t.id,
+          "is-drag-over": r.dropIndex === d(t.id)
         },
         t.tabClass
       ];
     }
-    function at(t) {
-      return r.refreshingKey.value === r.getRouteKey(t);
+    function ot(t) {
+      return i.refreshingKey.value === i.getRouteKey(t);
     }
-    function rt(t, a, f) {
-      e.sortable && (i.dragging = !0, i.dragIndex = a, i.dragTab = t, f.dataTransfer && (f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/plain", t.id)), n("tab-sort", { tab: t, index: a }));
+    function at(t, a, f) {
+      e.sortable && (r.dragging = !0, r.dragIndex = a, r.dragTab = t, f.dataTransfer && (f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/plain", t.id)), n("tab-sort", { tab: t, index: a }));
     }
     function it(t, a) {
-      !e.sortable || !i.dragging || (a.preventDefault(), a.dataTransfer && (a.dataTransfer.dropEffect = "move"));
+      !e.sortable || !r.dragging || (a.preventDefault(), a.dataTransfer && (a.dataTransfer.dropEffect = "move"));
     }
-    function lt(t) {
-      !e.sortable || !i.dragging || (i.dropIndex = t);
+    function rt(t) {
+      !e.sortable || !r.dragging || (r.dropIndex = t);
     }
-    function st() {
-      !e.sortable || i.dragging;
+    function lt() {
+      !e.sortable || r.dragging;
     }
-    function ut(t, a) {
-      if (!(!e.sortable || !i.dragging)) {
-        if (a.preventDefault(), i.dragIndex !== -1 && i.dragIndex !== t) {
-          const f = r.tabs.splice(i.dragIndex, 1)[0];
-          r.tabs.splice(t, 0, f), n("tab-sorted", {
+    function st(t, a) {
+      if (!(!e.sortable || !r.dragging)) {
+        if (a.preventDefault(), r.dragIndex !== -1 && r.dragIndex !== t) {
+          const f = i.tabs.splice(r.dragIndex, 1)[0];
+          i.tabs.splice(t, 0, f), n("tab-sorted", {
             tab: f,
-            fromIndex: i.dragIndex,
+            fromIndex: r.dragIndex,
             toIndex: t
           });
         }
-        Re();
+        we();
       }
     }
-    function Re() {
-      i.dragging = !1, i.dragIndex = -1, i.dropIndex = -1, i.dragTab = null;
+    function we() {
+      r.dragging = !1, r.dragIndex = -1, r.dropIndex = -1, r.dragTab = null;
     }
-    me(() => {
-      document.addEventListener("keydown", K);
-    }), gt(() => {
-      document.removeEventListener("keydown", K), o.appContext.config.globalProperties.$tabs = null, B.forEach((t) => {
+    pe(() => {
+      document.addEventListener("keydown", E);
+    }), pt(() => {
+      document.removeEventListener("keydown", E), o.appContext.config.globalProperties.$tabs = null, B.forEach((t) => {
         t.forEach((a) => a());
-      }), B.clear(), S.clear();
+      }), B.clear(), x.clear();
     }), A(
       () => e.keepAlive,
       (t) => {
-        r.options.keepAlive = t;
+        i.options.keepAlive = t;
       }
     ), A(
-      () => r.activeId.value,
-      () => K()
+      () => i.activeId.value,
+      () => E()
     ), A(
       () => e.contextmenu,
       (t) => {
-        t || K();
+        t || E();
       }
     ), A(
-      () => F.value.length,
+      () => Y.value.length,
       (t) => {
-        y.visible && t === 0 && K();
-      }
-    ), A(F, (t) => {
-      if (M.value = new Array(t.length).fill(null), !y.visible) return;
+        y.visible && t === 0 && E();
+      },
+      { flush: "post" }
+      // Run after component updates to prevent blocking render
+    ), A(Y, (t) => {
+      if (!y.visible) return;
+      M.value = new Array(t.length).fill(null);
       const a = X(-1, 1, t);
-      H(a);
-    }), A(
+      F(a);
+    }, { flush: "post" }), A(
       () => y.visible,
       (t) => {
         t || (D.value = -1, M.value = []);
       }
     );
-    const ct = r.includeKeys;
+    const ut = i.includeKeys;
     return {
-      controller: r,
-      tabs: r.tabs,
-      includeKeys: ct,
-      tabTransitionProps: ae,
-      pageTransitionProps: re,
-      buildTabClass: ot,
-      activate: nt,
-      close: tt,
+      controller: i,
+      tabs: i.tabs,
+      includeKeys: ut,
+      tabTransitionProps: te,
+      pageTransitionProps: ne,
+      buildTabClass: nt,
+      activate: tt,
+      close: et,
       context: y,
-      menuItems: F,
-      handleMenuAction: we,
-      showContextMenu: Je,
-      hideContextMenu: K,
-      getTabTitle: ie,
-      isClosable: le,
-      isRefreshing: at,
+      menuItems: Y,
+      handleMenuAction: Te,
+      showContextMenu: He,
+      hideContextMenu: E,
+      getTabTitle: oe,
+      isClosable: ae,
+      isRefreshing: ot,
       hasCustomSlot: p,
       hasStartSlot: T,
       hasEndSlot: s,
-      onDragStart: rt,
+      onDragStart: at,
       onDragOver: it,
-      onDragEnter: lt,
-      onDragLeave: st,
-      onDrop: ut,
-      onDragEnd: Re,
+      onDragEnter: rt,
+      onDragLeave: lt,
+      onDrop: st,
+      onDragEnd: we,
       setupComponentWatching: z,
-      cleanupComponentWatching: Y,
-      handleComponentRef: L,
-      getReactiveTabTitle: Ze,
-      getComponentCacheKey: Ce,
-      getRefreshComponentKey: et,
+      cleanupComponentWatching: _,
+      handleComponentRef: O,
+      getReactiveTabTitle: Qe,
+      getComponentCacheKey: ke,
+      getRefreshComponentKey: Ze,
       triggerTabUpdate: R,
       menuRef: G,
       highlightedIndex: D,
-      setMenuItemRef: Xe,
-      onMenuKeydown: Qe,
-      highlightMenuIndex: H
+      setMenuItemRef: Ge,
+      onMenuKeydown: qe,
+      highlightMenuIndex: F
     };
   }
-}), Bt = (e, n) => {
+}), Lt = (e, n) => {
   const o = e.__vccOpts || e;
-  for (const [l, r] of n)
-    o[l] = r;
+  for (const [l, i] of n)
+    o[l] = i;
   return o;
-}, Mt = { class: "router-tab" }, Lt = { class: "router-tab__header" }, jt = { class: "router-tab__scroll" }, Ot = ["data-title", "draggable", "onClick", "onAuxclick", "onContextmenu", "onDragstart", "onDragover", "onDragenter", "onDrop"], Ut = ["title"], Vt = ["onClick"], Nt = { class: "router-tab__container" }, _t = ["aria-disabled", "disabled", "tabindex", "onMouseenter", "onClick"];
-function zt(e, n, o, l, r, p) {
-  const T = mt("RouterView");
-  return P(), I("div", Mt, [
-    O("header", Lt, [
-      O("div", {
-        class: J(["router-tab__slot-start", { "has-content": e.hasStartSlot }])
+}, jt = { class: "router-tab" }, Ot = { class: "router-tab__header" }, Ut = { class: "router-tab__scroll" }, Vt = ["data-title", "draggable", "onClick", "onAuxclick", "onContextmenu", "onDragstart", "onDragover", "onDragenter", "onDrop"], Nt = ["title"], zt = ["onClick"], _t = { class: "router-tab__container" }, Yt = ["aria-disabled", "disabled", "tabindex", "onMouseenter", "onClick"];
+function Ft(e, n, o, l, i, p) {
+  const T = gt("RouterView");
+  return P(), S("div", jt, [
+    L("header", Ot, [
+      L("div", {
+        class: H(["router-tab__slot-start", { "has-content": e.hasStartSlot }])
       }, [
-        ue(e.$slots, "start")
+        re(e.$slots, "start")
       ], 2),
-      O("div", jt, [
-        q(vt, Q({
+      L("div", Ut, [
+        Pe(vt, le({
           tag: "ul",
           class: "router-tab__nav"
         }, e.tabTransitionProps), {
-          default: Z(() => [
-            (P(!0), I(ce, null, Ee(e.tabs, (s, c) => (P(), I("li", {
+          default: se(() => [
+            (P(!0), S(Ae, null, Ke(e.tabs, (s, c) => (P(), S("li", {
               key: s.id,
-              class: J(e.buildTabClass(s)),
+              class: H(e.buildTabClass(s)),
               "data-title": e.getTabTitle(s),
               draggable: e.sortable,
               onClick: (g) => e.activate(s),
-              onAuxclick: fe((g) => e.close(s), ["middle", "prevent"]),
-              onContextmenu: fe((g) => e.showContextMenu(s, g), ["prevent"]),
+              onAuxclick: ue((g) => e.close(s), ["middle", "prevent"]),
+              onContextmenu: ue((g) => e.showContextMenu(s, g), ["prevent"]),
               onDragstart: (g) => e.onDragStart(s, c, g),
               onDragover: (g) => e.onDragOver(c, g),
               onDragenter: (g) => e.onDragEnter(c),
@@ -858,82 +863,77 @@ function zt(e, n, o, l, r, p) {
               onDrop: (g) => e.onDrop(c, g),
               onDragend: n[1] || (n[1] = (...g) => e.onDragEnd && e.onDragEnd(...g))
             }, [
-              s.icon ? (P(), I("i", {
+              s.icon ? (P(), S("i", {
                 key: 0,
-                class: J(["router-tab__item-icon", s.icon])
-              }, null, 2)) : U("", !0),
-              O("span", {
+                class: H(["router-tab__item-icon", s.icon])
+              }, null, 2)) : Ee("", !0),
+              L("span", {
                 class: "router-tab__item-title",
                 title: e.getReactiveTabTitle(s)
-              }, Ke(e.getReactiveTabTitle(s)), 9, Ut),
-              e.isClosable(s) ? (P(), I("a", {
+              }, Ie(e.getReactiveTabTitle(s)), 9, Nt),
+              e.isClosable(s) ? (P(), S("a", {
                 key: 1,
                 class: "router-tab__item-close",
-                onClick: fe((g) => e.close(s), ["stop"])
-              }, null, 8, Vt)) : U("", !0)
-            ], 42, Ot))), 128))
+                onClick: ue((g) => e.close(s), ["stop"])
+              }, null, 8, zt)) : Ee("", !0)
+            ], 42, Vt))), 128))
           ]),
           _: 1
         }, 16)
       ]),
-      O("div", {
-        class: J(["router-tab__slot-end", { "has-content": e.hasEndSlot }])
+      L("div", {
+        class: H(["router-tab__slot-end", { "has-content": e.hasEndSlot }])
       }, [
-        ue(e.$slots, "end")
+        re(e.$slots, "end")
       ], 2)
     ]),
-    O("div", Nt, [
-      q(T, null, {
-        default: Z((s) => [
-          e.hasCustomSlot ? ue(e.$slots, "default", yt(Q({ key: 0 }, {
+    L("div", _t, [
+      Pe(T, null, {
+        default: se((s) => [
+          e.hasCustomSlot ? re(e.$slots, "default", yt(le({ key: 0 }, {
             ...s,
             controller: e.controller,
             // Expose a ref binder so custom slots can keep reactivity
             pageRef: (c) => e.handleComponentRef(c, e.controller.getRouteKey(s.route))
-          }))) : (P(), I(ce, { key: 1 }, [
-            q(Ie, Q(e.pageTransitionProps, { appear: "" }), {
-              default: Z(() => [
-                e.controller.options.keepAlive ? (P(), de(ht, {
-                  key: 0,
-                  include: e.includeKeys,
-                  max: e.controller.options.maxAlive || void 0
-                }, [
-                  e.isRefreshing(s.route) ? U("", !0) : (P(), de(xe(s.Component), {
-                    key: e.getComponentCacheKey(s.route),
-                    ref: (c) => e.handleComponentRef(c, e.controller.getRouteKey(s.route)),
-                    class: "router-tab-page"
-                  }))
-                ], 1032, ["include", "max"])) : U("", !0)
-              ]),
-              _: 2
-            }, 1040),
-            q(Ie, Q(e.pageTransitionProps, { appear: "" }), {
-              default: Z(() => [
-                !e.controller.options.keepAlive || e.isRefreshing(s.route) ? (P(), de(xe(s.Component), {
-                  key: e.getRefreshComponentKey(s.route),
+          }))) : (P(), J(ht, le({ key: 1 }, e.pageTransitionProps, { appear: "" }), {
+            default: se(() => [
+              e.isRefreshing(s.route) ? (P(), J(ce(s.Component), {
+                key: e.getRefreshComponentKey(s.route),
+                ref: (c) => e.handleComponentRef(c, e.controller.getRouteKey(s.route)),
+                class: "router-tab-page"
+              })) : e.controller.options.keepAlive ? (P(), J(Tt, {
+                key: 1,
+                include: e.includeKeys,
+                max: e.controller.options.maxAlive || void 0
+              }, [
+                (P(), J(ce(s.Component), {
+                  key: e.getComponentCacheKey(s.route),
                   ref: (c) => e.handleComponentRef(c, e.controller.getRouteKey(s.route)),
                   class: "router-tab-page"
-                })) : U("", !0)
-              ]),
-              _: 2
-            }, 1040)
-          ], 64))
+                }))
+              ], 1032, ["include", "max"])) : (P(), J(ce(s.Component), {
+                key: e.getComponentCacheKey(s.route),
+                ref: (c) => e.handleComponentRef(c, e.controller.getRouteKey(s.route)),
+                class: "router-tab-page"
+              }))
+            ]),
+            _: 2
+          }, 1040))
         ]),
         _: 3
       })
     ]),
-    e.context.visible && e.context.target ? (P(), I("div", {
-      key: 0,
+    mt(L("div", {
       ref: "menuRef",
       class: "router-tab__contextmenu",
       role: "menu",
       onKeydown: n[2] || (n[2] = (...s) => e.onMenuKeydown && e.onMenuKeydown(...s)),
-      style: Tt({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
+      style: kt({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
     }, [
-      (P(!0), I(ce, null, Ee(e.menuItems, (s, c) => (P(), I("a", {
+      (P(!0), S(Ae, null, Ke(e.menuItems, (s, c) => (P(), S("a", {
         key: s.id,
         role: "menuitem",
-        class: J(["router-tab__contextmenu-item", { "is-focused": c === e.highlightedIndex }]),
+        class: H(["router-tab__contextmenu-item", { "is-focused": c === e.highlightedIndex }]),
         "aria-disabled": s.disabled,
         disabled: s.disabled,
         tabindex: s.disabled ? -1 : c === e.highlightedIndex ? 0 : -1,
@@ -941,14 +941,16 @@ function zt(e, n, o, l, r, p) {
         ref: (g) => e.setMenuItemRef(g, c),
         onMouseenter: (g) => !s.disabled && e.highlightMenuIndex(c),
         onClick: (g) => e.handleMenuAction(s)
-      }, Ke(s.label), 43, _t))), 128))
-    ], 36)) : U("", !0)
+      }, Ie(s.label), 43, Yt))), 128))
+    ], 36), [
+      [wt, e.context.visible && e.context.target]
+    ])
   ]);
 }
-const Le = /* @__PURE__ */ Bt($t, [["render", zt]]), Yt = {
+const Me = /* @__PURE__ */ Lt(Mt, [["render", Ft]]), Ht = {
   class: "router-tabs",
   "aria-hidden": "true"
-}, pe = /* @__PURE__ */ Ue({
+}, de = /* @__PURE__ */ Oe({
   name: "RouterTabs",
   __name: "RouterTabs",
   props: {
@@ -963,9 +965,9 @@ const Le = /* @__PURE__ */ Bt($t, [["render", zt]]), Yt = {
     fallbackRoute: {}
   },
   setup(e) {
-    return Ne(e), (o, l) => (P(), I("span", Yt));
+    return Ve(e), (o, l) => (P(), S("span", Ht));
   }
-}), _e = "tab-theme-style", ze = "tab-theme-primary-color", Ft = "system", Ye = "(prefers-color-scheme: dark)";
+}), Ne = "tab-theme-style", ze = "tab-theme-primary-color", Jt = "system", _e = "(prefers-color-scheme: dark)";
 let W = null;
 const C = {
   primary: "#034960",
@@ -981,7 +983,7 @@ const C = {
   activeButtonBackground: "#034960",
   activeButtonColor: "#ffffff",
   iconColor: "#475569"
-}, Ht = {
+}, Wt = {
   primary: "#38bdf8",
   background: "#0f172a",
   text: "#f1f5f9",
@@ -997,7 +999,7 @@ const C = {
   activeButtonColor: "#0f172a",
   iconColor: "#cbd5e1"
 };
-function Jt(e) {
+function Gt(e) {
   if (typeof window > "u") return null;
   const n = window.localStorage.getItem(e);
   if (!n) return null;
@@ -1008,50 +1010,50 @@ function Jt(e) {
     return null;
   }
 }
-function he(e) {
+function ve(e) {
   typeof document > "u" || (document.documentElement.style.setProperty("--router-tab-primary", e.primary ?? C.primary), document.documentElement.style.setProperty("--router-tab-header-bg", e.headerBackground ?? C.headerBackground), document.documentElement.style.setProperty("--router-tab-background", e.background ?? C.background), document.documentElement.style.setProperty("--router-tab-active-background", e.activeBackground ?? C.activeBackground), document.documentElement.style.setProperty("--router-tab-text", e.text ?? C.text), document.documentElement.style.setProperty("--router-tab-active-text", e.activeText ?? C.activeText), document.documentElement.style.setProperty("--router-tab-border", e.border ?? C.border), document.documentElement.style.setProperty("--router-tab-active-border", e.activeBorder ?? C.activeBorder), document.documentElement.style.setProperty("--router-tab-button-color", e.buttonColor ?? C.buttonColor), document.documentElement.style.setProperty("--router-tab-active-button-color", e.activeButtonColor ?? C.activeButtonColor), document.documentElement.style.setProperty("--router-tab-button-background", e.buttonBackground ?? C.buttonBackground), document.documentElement.style.setProperty("--router-tab-active-button-background", e.activeButtonBackground ?? C.activeButtonBackground), document.documentElement.style.setProperty("--router-tab-icon-color", e.iconColor ?? C.iconColor));
 }
-function Fe(e) {
+function Ye(e) {
   if (typeof document > "u") return;
-  const n = document.documentElement, o = window.matchMedia(Ye), l = () => {
+  const n = document.documentElement, o = window.matchMedia(_e), l = () => {
     n.dataset.theme = o.matches ? "dark" : "light";
   };
   W && (o.removeEventListener("change", W), W = null), e === "system" ? (l(), W = () => l(), o.addEventListener("change", W)) : n.dataset.theme = e;
 }
-function Wt(e = {}) {
+function Xt(e = {}) {
   if (typeof window > "u") return;
   const {
-    styleKey: n = _e,
+    styleKey: n = Ne,
     primaryKey: o = ze,
-    defaultStyle: l = Ft,
-    defaultPrimary: r
+    defaultStyle: l = Jt,
+    defaultPrimary: i
   } = e, p = window.localStorage.getItem(n) ?? l;
-  Fe(p);
-  const s = p === "dark" || p === "system" && window.matchMedia(Ye).matches ? { ...Ht } : { ...C };
-  r && (s.primary = r);
-  const c = Jt(o);
-  he(c ? {
+  Ye(p);
+  const s = p === "dark" || p === "system" && window.matchMedia(_e).matches ? { ...Wt } : { ...C };
+  i && (s.primary = i);
+  const c = Gt(o);
+  ve(c ? {
     ...s,
     ...c
   } : s);
 }
-function qt(e, n) {
+function Zt(e, n) {
   if (typeof window > "u") return;
-  const o = n?.styleKey ?? _e;
-  window.localStorage.setItem(o, e), Fe(e);
+  const o = n?.styleKey ?? Ne;
+  window.localStorage.setItem(o, e), Ye(e);
 }
-function Qt(e, n) {
+function en(e, n) {
   if (typeof window > "u") return;
   const o = n?.primaryKey ?? ze;
-  window.localStorage.setItem(o, JSON.stringify(e)), he(e);
+  window.localStorage.setItem(o, JSON.stringify(e)), ve(e);
 }
-function te(e, n) {
-  if (kt(e)) {
-    const l = !wt(e);
+function Q(e, n) {
+  if (Ct(e)) {
+    const l = !Rt(e);
     return {
       value: e,
-      update: l ? (r) => {
-        e.value = r;
+      update: l ? (i) => {
+        e.value = i;
       } : () => {
       }
     };
@@ -1072,80 +1074,80 @@ function te(e, n) {
     }
   };
 }
-function Te(e = {}) {
-  const n = te(e.title, "Untitled"), o = te(e.icon, ""), l = te(e.closable, !0), r = te(e.meta, {});
+function ye(e = {}) {
+  const n = Q(e.title, "Untitled"), o = Q(e.icon, ""), l = Q(e.closable, !0), i = Q(e.meta, {});
   return {
     routeTabTitle: n.value,
     routeTabIcon: o.value,
     routeTabClosable: l.value,
-    routeTabMeta: r.value,
+    routeTabMeta: i.value,
     updateTitle: n.update,
     updateIcon: o.update,
     updateClosable: l.update,
-    updateMeta: r.update
+    updateMeta: i.update
   };
 }
-function Zt(e, n = "Page") {
-  return Te({
+function tn(e, n = "Page") {
+  return ye({
     title: k(() => e.value ? "Loading..." : n),
     icon: k(() => e.value ? "mdi-loading mdi-spin" : "mdi-page"),
     closable: k(() => !e.value)
   });
 }
-function en(e, n = "Page", o = "mdi-page") {
-  return Te({
+function nn(e, n = "Page", o = "mdi-page") {
+  return ye({
     title: k(() => e.value > 0 ? `${n} (${e.value})` : n),
     icon: k(() => e.value > 0 ? "mdi-bell-badge" : o)
   });
 }
-function tn(e, n = "Page") {
+function on(e, n = "Page") {
   const o = {
     normal: { suffix: "", icon: "mdi-page" },
     loading: { suffix: " - Loading", icon: "mdi-loading mdi-spin" },
     error: { suffix: " - Error", icon: "mdi-alert" },
     success: { suffix: " - Success", icon: "mdi-check-circle" }
   };
-  return Te({
+  return ye({
     title: k(() => n + o[e.value].suffix),
     icon: k(() => o[e.value].icon),
     closable: k(() => e.value !== "loading")
   });
 }
-let je = !1;
-const nn = {
+let Le = !1;
+const an = {
   install(e, n) {
-    if (je) return;
-    je = !0;
+    if (Le) return;
+    Le = !0;
     const {
       initTheme: o = !0,
       themeOptions: l,
-      componentName: r = Le.name || "RouterTab",
-      tabsComponentName: p = pe.name || "RouterTabs"
+      componentName: i = Me.name || "RouterTab",
+      tabsComponentName: p = de.name || "RouterTabs"
     } = n ?? {};
-    o && Wt(l ?? {}), e.component(r, Le), e.component(p, pe), p.toLowerCase() !== "router-tabs" && e.component("router-tabs", pe), Object.defineProperty(e.config.globalProperties, "$tabs", {
+    o && Xt(l ?? {}), e.component(i, Me), e.component(p, de), p.toLowerCase() !== "router-tabs" && e.component("router-tabs", de), Object.defineProperty(e.config.globalProperties, "$tabs", {
       configurable: !0,
       enumerable: !1,
       get() {
-        return e._context.provides[oe];
+        return e._context.provides[ee];
       },
       set(T) {
-        T && e.provide(oe, T);
+        T && e.provide(ee, T);
       }
     });
   }
 };
 export {
-  Le as RouterTab,
-  pe as RouterTabs,
-  nn as default,
-  Wt as initRouterTabsTheme,
-  oe as routerTabsKey,
-  Qt as setRouterTabsPrimary,
-  qt as setRouterTabsTheme,
-  Zt as useLoadingTab,
-  en as useNotificationTab,
-  Te as useReactiveTab,
-  $e as useRouterTabs,
-  Ne as useRouterTabsPersistence,
-  tn as useStatusTab
+  Me as RouterTab,
+  de as RouterTabs,
+  an as default,
+  Xt as initRouterTabsTheme,
+  ee as routerTabsKey,
+  en as setRouterTabsPrimary,
+  Zt as setRouterTabsTheme,
+  tn as useLoadingTab,
+  nn as useNotificationTab,
+  ye as useReactiveTab,
+  Se as useRouterTabs,
+  Ve as useRouterTabsPersistence,
+  on as useStatusTab
 };