vue-stack-tabs 0.1.40 → 0.1.41

package/dist/vue-stack-tabs.es.js

@@ -1,7 +1,7 @@
 var bn = Object.defineProperty;
 var vn = (t, e, n) => e in t ? bn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var wt = (t, e, n) => vn(t, typeof e != "symbol" ? e + "" : e, n);
-import { inject as it, ref as D, reactive as Ee, readonly as kt, toRaw as mn, defineComponent as ee, openBlock as R, createElementBlock as V, createElementVNode as Q, createCommentVNode as se, unref as S, nextTick as ce, onMounted as Fe, onDeactivated as gn, onActivated as yn, onUnmounted as He, createVNode as $, resolveComponent as Zt, normalizeClass as ue, withModifiers as _e, toDisplayString as jt, normalizeStyle as at, Fragment as Ze, renderList as ct, createBlock as me, computed as we, renderSlot as xe, watch as wn, withDirectives as Xt, vShow as Gt, withCtx as le, TransitionGroup as Yt, mergeProps as kn, Transition as Kt, provide as _n, onBeforeMount as xn, onBeforeUnmount as _t, KeepAlive as Tn, resolveDynamicComponent as Sn, getCurrentInstance as Jt } from "vue";
+import { inject as it, ref as D, reactive as Ie, readonly as kt, toRaw as mn, defineComponent as ee, openBlock as R, createElementBlock as V, createElementVNode as Q, createCommentVNode as se, unref as S, nextTick as le, onMounted as Fe, onDeactivated as gn, onActivated as yn, onUnmounted as He, createVNode as P, resolveComponent as Zt, normalizeClass as fe, withModifiers as _e, toDisplayString as jt, normalizeStyle as at, Fragment as Ze, renderList as ct, createBlock as me, computed as we, renderSlot as xe, watch as wn, withDirectives as Xt, vShow as Gt, withCtx as ue, TransitionGroup as Yt, mergeProps as kn, Transition as Kt, provide as _n, onBeforeMount as xn, onBeforeUnmount as _t, KeepAlive as Tn, resolveDynamicComponent as Sn, getCurrentInstance as Jt } from "vue";
 import { useRouter as lt, useRoute as On } from "vue-router";
 const An = {
   VueStackTab: {
@@ -102,11 +102,11 @@ function Qt(t, e) {
   }), { ...t || {}, ...e };
 }
 const Nn = typeof Symbol == "function" && typeof Symbol.toStringTag == "symbol", Pn = (t) => Nn ? Symbol(t) : "_vt_" + t, en = /* @__PURE__ */ Pn("i18n");
-function Be() {
+function Me() {
   return it(en);
 }
 function Wn(t) {
-  const e = Object.assign({ locale: "en", fallbackLocale: "en", messages: {} }, t), n = D(e.locale), s = Ee({});
+  const e = Object.assign({ locale: "en", fallbackLocale: "en", messages: {} }, t), n = D(e.locale), s = Ie({});
   return Object.entries(e.messages).forEach(([r, o]) => {
     s[r] = o;
   }), {
@@ -278,10 +278,10 @@ function We(t) {
   var e = new Error(t);
   return e.source = "ulid", e;
 }
-var ut = "0123456789ABCDEFGHJKMNPQRSTVWXYZ", Se = ut.length, Tt = Math.pow(2, 48) - 1, qn = 10, Fn = 16;
+var ut = "0123456789ABCDEFGHJKMNPQRSTVWXYZ", Oe = ut.length, Tt = Math.pow(2, 48) - 1, qn = 10, Fn = 16;
 function Hn(t) {
-  var e = Math.floor(t() * Se);
-  return e === Se && (e = Se - 1), ut.charAt(e);
+  var e = Math.floor(t() * Oe);
+  return e === Oe && (e = Oe - 1), ut.charAt(e);
 }
 function Zn(t, e) {
   if (isNaN(t))
@@ -293,7 +293,7 @@ function Zn(t, e) {
   if (Number.isInteger(t) === !1)
     throw We("time must be an integer");
   for (var n = void 0, s = ""; e > 0; e--)
-    n = t % Se, s = ut.charAt(n) + s, t = (t - n) / Se;
+    n = t % Oe, s = ut.charAt(n) + s, t = (t - n) / Oe;
   return s;
 }
 function jn(t, e) {
@@ -562,7 +562,7 @@ const Yn = new TextEncoder(), Kn = new TextDecoder("utf-8", { ignoreBOM: !0 }),
   decodeStr: (t) => St.decode(et.decode(t)),
   is: Qn
 };
-function Oe(t) {
+function Ae(t) {
   if (!Number.isSafeInteger(t) || t < 0)
     throw new Error(`positive integer expected, not ${t}`);
 }
@@ -587,9 +587,9 @@ function on(t, e) {
   if (t.length < n)
     throw new Error(`digestInto() expects output buffer of length at least ${n}`);
 }
-const ze = /* @__PURE__ */ BigInt(2 ** 32 - 1), Ot = /* @__PURE__ */ BigInt(32);
+const Re = /* @__PURE__ */ BigInt(2 ** 32 - 1), Ot = /* @__PURE__ */ BigInt(32);
 function At(t, e = !1) {
-  return e ? { h: Number(t & ze), l: Number(t >> Ot & ze) } : { h: Number(t >> Ot & ze) | 0, l: Number(t & ze) | 0 };
+  return e ? { h: Number(t & Re), l: Number(t >> Ot & Re) } : { h: Number(t >> Ot & Re) | 0, l: Number(t & Re) | 0 };
 }
 /*! noble-hashes - MIT License (c) 2022 Paul Miller (paulmillr.com) */
 const ts = (t) => new Uint8Array(t.buffer, t.byteOffset, t.byteLength), Ue = (t) => new Uint32Array(t.buffer, t.byteOffset, Math.floor(t.byteLength / 4)), qe = (t, e) => t << 32 - e | t >>> e, j = new Uint8Array(new Uint32Array([287454020]).buffer)[0] === 68, an = (t) => t << 24 & 4278190080 | t << 8 & 16711680 | t >>> 8 & 65280 | t >>> 24 & 255, ns = j ? (t) => t : (t) => an(t);
@@ -617,7 +617,7 @@ function os(t) {
 }
 class is extends rs {
   constructor(e, n, s = {}, r, o, i) {
-    if (super(), this.blockLen = e, this.outputLen = n, this.length = 0, this.pos = 0, this.finished = !1, this.destroyed = !1, Oe(e), Oe(n), Oe(r), n < 0 || n > r)
+    if (super(), this.blockLen = e, this.outputLen = n, this.length = 0, this.pos = 0, this.finished = !1, this.destroyed = !1, Ae(e), Ae(n), Ae(r), n < 0 || n > r)
       throw new Error("outputLen bigger than keyLen");
     if (s.key !== void 0 && (s.key.length < 1 || s.key.length > r))
       throw new Error(`key must be up 1..${r} byte long or undefined`);
@@ -695,7 +695,7 @@ const It = /* @__PURE__ */ (() => {
 })();
 class pt extends is {
   constructor(e = {}, n = 0) {
-    if (super(64, e.dkLen === void 0 ? 32 : e.dkLen, {}, Number.MAX_SAFE_INTEGER, 0, 0), this.flags = 0, this.chunkPos = 0, this.chunksDone = 0, this.stack = [], this.posOut = 0, this.bufferOut32 = new Uint32Array(16), this.chunkOut = 0, this.enableXOF = !0, this.outputLen = e.dkLen === void 0 ? 32 : e.dkLen, Oe(this.outputLen), e.key !== void 0 && e.context !== void 0)
+    if (super(64, e.dkLen === void 0 ? 32 : e.dkLen, {}, Number.MAX_SAFE_INTEGER, 0, 0), this.flags = 0, this.chunkPos = 0, this.chunksDone = 0, this.stack = [], this.posOut = 0, this.bufferOut32 = new Uint32Array(16), this.chunkOut = 0, this.enableXOF = !0, this.outputLen = e.dkLen === void 0 ? 32 : e.dkLen, Ae(this.outputLen), e.key !== void 0 && e.context !== void 0)
       throw new Error("Blake3: only key or context can be specified at same time");
     if (e.key !== void 0) {
       const s = ht(e.key).slice();
@@ -774,7 +774,7 @@ class pt extends is {
     return this.writeInto(e);
   }
   xof(e) {
-    return Oe(e), this.xofInto(new Uint8Array(e));
+    return Ae(e), this.xofInto(new Uint8Array(e));
   }
   digestInto(e) {
     if (on(e, this), this.finished)
@@ -897,24 +897,24 @@ const hs = {
       Q("div", { class: "stack-tab-loading--spin turn" }, null, -1)
     ]))) : se("", !0);
   }
-}), M = D([]), Ge = [], N = D([]), fe = /* @__PURE__ */ new Map(), Re = /* @__PURE__ */ new Set(), F = /* @__PURE__ */ new Set(), de = D(!0), Ye = "stacktab-active-tab", he = /* @__PURE__ */ new Map();
+}), M = D([]), Ge = [], N = D([]), ae = /* @__PURE__ */ new Map(), Te = /* @__PURE__ */ new Set(), F = /* @__PURE__ */ new Set(), de = D(!0), Ye = "stacktab-active-tab", he = /* @__PURE__ */ new Map();
 let Mt = !1, De = 0, Ct = !1;
-const Me = () => {
+const Ce = () => {
   const t = lt(), e = ge(), {
     t: n
-  } = Be(), s = () => M.value.length, r = (v) => {
+  } = Me(), s = () => M.value.length, r = (v) => {
     for (const E of v) {
       const h = ne(E, {
         id: Qe(),
         refreshable: !0,
         closable: !0,
         iframe: !1
-      }), L = nt(h), q = bt(h.path), W = ne(h, {
+      }), L = nt(h), q = bt(h.path), $ = ne(h, {
         closable: !0,
         refreshable: !0,
         iframe: !1
-      }), Le = Bt(h.id, q.path, q.query), X = {
-        id: Le,
+      }), ze = Bt(h.id, q.path, q.query), X = {
+        id: ze,
         tabId: h.id,
         path: q.path,
         query: ne(q.query, {
@@ -924,14 +924,14 @@ const Me = () => {
       ye.push(X);
       const Y = {
         id: h.id,
-        title: W.title,
-        closable: W.closable,
-        refreshable: W.refreshable,
-        iframe: W.iframe,
+        title: $.title,
+        closable: $.closable,
+        refreshable: $.refreshable,
+        iframe: $.iframe,
         active: !1,
         pages: ye
       };
-      N.value.push(Le), Ge.push(Y), M.value.push({
+      N.value.push(ze), Ge.push(Y), M.value.push({
         ...Y
       });
     }
@@ -969,12 +969,15 @@ const Me = () => {
       iframe: !1
     }, v.query.__tab = nt(h)), F.has(h.id) || !b)
       return;
-    const L = v.matched[v.matched.length - 1].path, q = v.path.endsWith("/") ? v.path.substring(0, v.path.length - 1) : v.path, W = Bt(h.id, L === q ? q : v.path, v.query.valueOf()), Le = v.query.__src;
+    const L = v.matched[v.matched.length - 1].path, q = v.path.endsWith("/") ? v.path.substring(0, v.path.length - 1) : v.path, $ = Bt(h.id, L === q ? q : v.path, v.query.valueOf());
+    if (Te.has($))
+      return ae.get($);
+    const ze = v.query.__src;
     let X = null;
     for (const Y of S(M))
       Y.active = !1, Y.id === h.id && (X = Y);
     const ye = {
-      id: W,
+      id: $,
       tabId: h.id,
       path: v.path,
       query: v.query
@@ -987,7 +990,7 @@ const Me = () => {
         closable: h.closable,
         refreshable: h.refreshable,
         iframe: h.iframe,
-        url: decodeURIComponent(Le),
+        url: decodeURIComponent(ze),
         active: !0,
         pages: Y
       }, f(X).then(() => {
@@ -998,8 +1001,8 @@ const Me = () => {
       });
     } else
       X.active = !0, (X.pages.isEmpty() || X.pages.peek().id !== ye.id) && X.pages.push(ye);
-    return U(X), fe.has(W) ? E = fe.get(W) : (E = /* @__PURE__ */ ee({
-      name: W,
+    return U(X), ae.has($) ? E = ae.get($) : (E = /* @__PURE__ */ ee({
+      name: $,
       components: {
         DynamicComponent: b
       },
@@ -1008,25 +1011,25 @@ const Me = () => {
       },
       setup(Y, yt) {
         return Fe(() => {
-          yt.emit("onLoaded"), k(W, ".cache-page-wrapper");
+          yt.emit("onLoaded"), k($, ".cache-page-wrapper");
         }), gn(() => {
-          u(W);
+          u($);
         }), yn(() => {
-          yt.emit("onLoaded"), p(W), P(), F.clear(), b.props = null;
+          yt.emit("onLoaded"), p($), W(), F.clear(), b.props = null;
         }), He(() => {
-          l(W);
-        }), () => $("div", {
+          l($);
+        }), () => P("div", {
           class: "cache-page-wrapper",
           id: "W-" + h.id,
           style: [Ct ? "overflow:auto" : "overflow:hidden"]
-        }, [$(Zt("dynamic-component"), {
+        }, [P(Zt("dynamic-component"), {
           tId: h.id,
-          pId: W
-        }, null), $(ps, {
+          pId: $
+        }, null), P(ps, {
           tId: h.id
         }, null)]);
       }
-    }), fe.set(W, E)), A(W), E;
+    }), ae.set($, E)), A($), E;
   }, p = (v) => {
     const b = he.get(v);
     if (b) {
@@ -1062,7 +1065,7 @@ const Me = () => {
     const b = a(v.id);
     for (const E of b.pages.list())
       m(E.id), z(E.id);
-    P(), b.pages.clear();
+    W(), b.pages.clear();
   }, B = (v) => {
     let b = "";
     const E = a(v);
@@ -1077,7 +1080,7 @@ const Me = () => {
       }
     return b !== "" && e.emit(Z.TAB_ACTIVE, {
       id: b
-    }), E != null && E.active || (P(), F.clear()), b;
+    }), E != null && E.active || (W(), F.clear()), b;
   }, I = () => {
     const v = S(M);
     for (let b = v.length - 1; b >= 0; b--)
@@ -1088,7 +1091,7 @@ const Me = () => {
       }
     for (const b of v)
       if (b.active) {
-        P(), F.clear();
+        W(), F.clear();
         return;
       }
     e.emit(Z.TAB_ACTIVE, {
@@ -1105,7 +1108,7 @@ const Me = () => {
           m(L.id), z(L.id), F.add(b[h].id);
         S(M)[h].pages.clear(), S(M).splice(h, 1);
       }
-    E.active ? (P(), F.clear()) : e.emit(Z.TAB_ACTIVE, {
+    E.active ? (W(), F.clear()) : e.emit(Z.TAB_ACTIVE, {
       id: v
     });
   }, w = (v) => {
@@ -1124,7 +1127,7 @@ const Me = () => {
       }
     for (const h of E)
       if (h.active) {
-        P(), F.clear();
+        W(), F.clear();
         return;
       }
     e.emit(Z.TAB_ACTIVE, {
@@ -1146,7 +1149,7 @@ const Me = () => {
       }
     for (const h of b)
       if (h.active) {
-        P(), F.clear();
+        W(), F.clear();
         return;
       }
     e.emit(Z.TAB_ACTIVE, {
@@ -1159,7 +1162,7 @@ const Me = () => {
         const h = (b = E.pages.peek()) == null ? void 0 : b.id;
         for (let L = N.value.length - 1; L >= 0; L--)
           if (N.value[L] === h) {
-            N.value.splice(L, 1), E.active && (de.value = !1, ce(() => {
+            N.value.splice(L, 1), E.active && (de.value = !1, le(() => {
               de.value = !0;
             }));
             break;
@@ -1175,23 +1178,23 @@ const Me = () => {
       const E = N.value[b];
       v.has(E) && N.value.splice(b, 1);
     }
-    ce(() => {
-      de.value = !1, ce(() => {
+    le(() => {
+      de.value = !1, le(() => {
         setTimeout(() => {
           de.value = !0;
         }, 300);
       });
     });
   }, d = (v, b) => {
-    fe.set(v, b);
-  }, x = (v) => fe.get(v), m = (v) => {
-    fe.delete(v);
+    ae.set(v, b);
+  }, x = (v) => ae.get(v), m = (v) => {
+    ae.delete(v);
   }, z = (v) => {
-    Re.add(v);
-  }, P = () => {
+    Te.add(v);
+  }, W = () => {
     for (let v = N.value.length - 1; v >= 0; v--)
-      Re.has(N.value[v]) && S(N).splice(v, 1);
-    Re.clear();
+      Te.has(N.value[v]) && (S(N).splice(v, 1), m(N.value[v]));
+    Te.clear();
   }, G = (v) => {
     for (let b = N.value.length - 1; b >= 0; b--)
       v === N.value[b] && S(N).splice(b, 1);
@@ -1218,16 +1221,16 @@ const Me = () => {
     window.sessionStorage.setItem(Ye, JSON.stringify(v));
   }, re = () => {
     window.sessionStorage.removeItem(Ye);
-  }, Ce = () => {
-    de.value = !1, gt(), ce(() => {
+  }, Le = () => {
+    de.value = !1, gt(), le(() => {
       S(M).push(...Ge), e.emit(Z.TAB_ACTIVE, {
         id: Ge[0].id
-      }), ce(() => {
+      }), le(() => {
         de.value = !0;
       });
     });
   }, gt = () => {
-    S(M).splice(0), fe.clear(), Re.clear(), F.clear(), S(N).splice(0);
+    S(M).splice(0), ae.clear(), Te.clear(), F.clear(), S(N).splice(0);
   };
   return {
     tabs: M,
@@ -1242,7 +1245,7 @@ const Me = () => {
     size: s,
     active: C,
     destroy: gt,
-    reset: Ce,
+    reset: Le,
     addCache: A,
     removeCache: G,
     getTab: a,
@@ -1259,7 +1262,7 @@ const Me = () => {
     getComponent: x,
     removeComponent: m,
     markDeletableCache: z,
-    removeDeletableCache: P,
+    removeDeletableCache: W,
     refreshTab: g,
     refreshAllTabs: _,
     addPageScroller: k,
@@ -1268,7 +1271,7 @@ const Me = () => {
     },
     clearSession: re
   };
-}, bs = { class: "stack-tab__contextmenu-item" }, ae = /* @__PURE__ */ ee({
+}, bs = { class: "stack-tab__contextmenu-item" }, ce = /* @__PURE__ */ ee({
   __name: "ContextMenuItem",
   props: {
     icon: {},
@@ -1277,7 +1280,7 @@ const Me = () => {
   setup(t) {
     return (e, n) => (R(), V("div", bs, [
       Q("div", {
-        class: ue(["stack-tab__contextmenu-icon", e.icon])
+        class: fe(["stack-tab__contextmenu-icon", e.icon])
       }, null, 2),
       Q("div", {
         style: { "margin-left": "8px" },
@@ -1300,7 +1303,7 @@ const Me = () => {
     max: {}
   },
   setup(t) {
-    const e = t, { t: n } = Be(), s = D(), r = Ee({
+    const e = t, { t: n } = Me(), s = D(), r = Ie({
       left: e.left,
       top: e.top
     }), {
@@ -1311,7 +1314,7 @@ const Me = () => {
       refreshTab: c,
       refreshAllTabs: p,
       removeOtherTabs: u
-    } = Me();
+    } = Ce();
     return Fe(() => {
       const l = s.value ? s.value.clientWidth : 0, k = window.innerWidth;
       r.left + l > k && (r.left = k - l - 5);
@@ -1325,46 +1328,46 @@ const Me = () => {
         "z-index": S(nn)(".stack-tab,.stack-tab *")
       })
     }, [
-      $(ae, {
+      P(ce, {
         icon: "stack-tab__icon-reload svg-mask",
         title: S(n)("VueStackTab.reload"),
         onClick: k[0] || (k[0] = (O) => S(c)(l.tabItem.id))
       }, null, 8, ["title"]),
-      $(ae, {
+      P(ce, {
         icon: "stack-tab__icon-reload-all svg-mask",
         title: S(n)("VueStackTab.reloadAll"),
         onClick: S(p)
       }, null, 8, ["title", "onClick"]),
-      $(ae, {
+      P(ce, {
         icon: "stack-tab__icon-close svg-mask",
         title: S(n)("VueStackTab.close"),
         disabled: l.tabItem.closable ? null : "disabled",
         onClick: k[1] || (k[1] = (O) => S(o)(l.tabItem.id))
       }, null, 8, ["title", "disabled"]),
-      $(ae, {
+      P(ce, {
         icon: "stack-tab__icon-close-lefts svg-mask",
         title: S(n)("VueStackTab.closeLeft"),
         disabled: l.index <= 0 ? "disabled" : null,
         onClick: k[2] || (k[2] = (O) => S(f)(l.tabItem.id))
       }, null, 8, ["title", "disabled"]),
-      $(ae, {
+      P(ce, {
         icon: "stack-tab__icon-close-rights svg-mask",
         title: S(n)("VueStackTab.closeRight"),
         disabled: l.index >= l.max - 1 ? "disabled" : null,
         onClick: k[3] || (k[3] = (O) => S(a)(l.tabItem.id))
       }, null, 8, ["title", "disabled"]),
-      $(ae, {
+      P(ce, {
         icon: "stack-tab__icon-close-others svg-mask",
         title: S(n)("VueStackTab.closeOthers"),
         onClick: k[4] || (k[4] = (O) => S(u)(l.tabItem.id))
       }, null, 8, ["title"]),
-      $(ae, {
+      P(ce, {
         icon: "stack-tab__icon-close-all svg-mask",
         title: S(n)("VueStackTab.closeAll"),
         onClick: S(i)
       }, null, 8, ["title", "onClick"]),
       l.contextMenu !== void 0 && l.contextMenu.length > 0 ? (R(), V("div", vs)) : se("", !0),
-      (R(!0), V(Ze, null, ct(l.contextMenu, (O, B) => (R(), me(ae, {
+      (R(!0), V(Ze, null, ct(l.contextMenu, (O, B) => (R(), me(ce, {
         key: B,
         icon: O.icon,
         title: O.title,
@@ -1379,7 +1382,7 @@ const Me = () => {
     n[s] = r;
   return n;
 }, ys = /* @__PURE__ */ gs(ms, [["__scopeId", "data-v-d598be6e"]]), ws = () => {
-  const t = Ee({
+  const t = Ie({
     item: {},
     index: -1,
     left: 0,
@@ -1392,7 +1395,7 @@ const Me = () => {
     document.removeEventListener("click", s);
   });
   const n = async (r, o, i, f) => {
-    e.value = !1, await ce(() => {
+    e.value = !1, await le(() => {
       const { clientY: a, clientX: c } = r;
       e.value = !0, Object.assign(t, { item: o, index: i, top: a, left: c, max: f });
     });
@@ -1411,7 +1414,7 @@ const Me = () => {
   },
   emits: ["close", "active"],
   setup(t, { emit: e }) {
-    const n = e, s = ge(), { t: r } = Be(), o = D(), i = t;
+    const n = e, s = ge(), { t: r } = Me(), o = D(), i = t;
     s.on(Z.TAB_ACTIVE, ({ id: p, isRoute: u }) => {
       i.item.id === p && c(u);
     });
@@ -1423,7 +1426,7 @@ const Me = () => {
     return (p, u) => (R(), V("li", {
       ref_key: "curtab",
       ref: o,
-      class: ue(["stack-tab__item", {
+      class: fe(["stack-tab__item", {
         "is-active": p.item.active,
         "is-icon": p.item.closable
       }]),
@@ -1457,10 +1460,10 @@ var be = [], Ss = function() {
   typeof ErrorEvent == "function" ? t = new ErrorEvent("error", {
     message: Lt
   }) : (t = document.createEvent("Event"), t.initEvent("error", !1, !1), t.message = Lt), window.dispatchEvent(t);
-}, Ie;
+}, Be;
 (function(t) {
   t.BORDER_BOX = "border-box", t.CONTENT_BOX = "content-box", t.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
-})(Ie || (Ie = {}));
+})(Be || (Be = {}));
 var ve = function(t) {
   return Object.freeze(t);
 }, Es = /* @__PURE__ */ function() {
@@ -1508,7 +1511,7 @@ var ve = function(t) {
       return !0;
   }
   return !1;
-}, Ae = typeof window < "u" ? window : {}, $e = /* @__PURE__ */ new WeakMap(), Rt = /auto|scroll/, Bs = /^tb|vertical/, Ms = /msie|trident/i.test(Ae.navigator && Ae.navigator.userAgent), K = function(t) {
+}, Ee = typeof window < "u" ? window : {}, $e = /* @__PURE__ */ new WeakMap(), Rt = /auto|scroll/, Bs = /^tb|vertical/, Ms = /msie|trident/i.test(Ee.navigator && Ee.navigator.userAgent), K = function(t) {
   return parseFloat(t || "0");
 }, ke = function(t, e, n) {
   return t === void 0 && (t = 0), e === void 0 && (e = 0), n === void 0 && (n = !1), new Es((n ? e : t) || 0, (n ? t : e) || 0);
@@ -1522,9 +1525,9 @@ var ve = function(t) {
     return $e.get(t);
   if (ln(t))
     return $e.set(t, Dt), Dt;
-  var n = getComputedStyle(t), s = vt(t) && t.ownerSVGElement && t.getBBox(), r = !Ms && n.boxSizing === "border-box", o = Bs.test(n.writingMode || ""), i = !s && Rt.test(n.overflowY || ""), f = !s && Rt.test(n.overflowX || ""), a = s ? 0 : K(n.paddingTop), c = s ? 0 : K(n.paddingRight), p = s ? 0 : K(n.paddingBottom), u = s ? 0 : K(n.paddingLeft), l = s ? 0 : K(n.borderTopWidth), k = s ? 0 : K(n.borderRightWidth), O = s ? 0 : K(n.borderBottomWidth), B = s ? 0 : K(n.borderLeftWidth), I = u + c, y = a + p, w = B + k, T = l + O, g = f ? t.offsetHeight - T - t.clientHeight : 0, _ = i ? t.offsetWidth - w - t.clientWidth : 0, d = r ? I + w : 0, x = r ? y + T : 0, m = s ? s.width : K(n.width) - d - _, z = s ? s.height : K(n.height) - x - g, P = m + I + _ + w, G = z + y + g + T, A = ve({
+  var n = getComputedStyle(t), s = vt(t) && t.ownerSVGElement && t.getBBox(), r = !Ms && n.boxSizing === "border-box", o = Bs.test(n.writingMode || ""), i = !s && Rt.test(n.overflowY || ""), f = !s && Rt.test(n.overflowX || ""), a = s ? 0 : K(n.paddingTop), c = s ? 0 : K(n.paddingRight), p = s ? 0 : K(n.paddingBottom), u = s ? 0 : K(n.paddingLeft), l = s ? 0 : K(n.borderTopWidth), k = s ? 0 : K(n.borderRightWidth), O = s ? 0 : K(n.borderBottomWidth), B = s ? 0 : K(n.borderLeftWidth), I = u + c, y = a + p, w = B + k, T = l + O, g = f ? t.offsetHeight - T - t.clientHeight : 0, _ = i ? t.offsetWidth - w - t.clientWidth : 0, d = r ? I + w : 0, x = r ? y + T : 0, m = s ? s.width : K(n.width) - d - _, z = s ? s.height : K(n.height) - x - g, W = m + I + _ + w, G = z + y + g + T, A = ve({
     devicePixelContentBoxSize: ke(Math.round(m * devicePixelRatio), Math.round(z * devicePixelRatio), o),
-    borderBoxSize: ke(P, G, o),
+    borderBoxSize: ke(W, G, o),
     contentBoxSize: ke(m, z, o),
     contentRect: new cn(u, a, m, z)
   });
@@ -1532,9 +1535,9 @@ var ve = function(t) {
 }, fn = function(t, e, n) {
   var s = un(t, n), r = s.borderBoxSize, o = s.contentBoxSize, i = s.devicePixelContentBoxSize;
   switch (e) {
-    case Ie.DEVICE_PIXEL_CONTENT_BOX:
+    case Be.DEVICE_PIXEL_CONTENT_BOX:
       return i;
-    case Ie.BORDER_BOX:
+    case Be.BORDER_BOX:
       return r;
     default:
       return o;
@@ -1646,16 +1649,16 @@ var ve = function(t) {
     var e = this, n = function() {
       return e.observer && e.observer.observe(document.body, Ws);
     };
-    document.body ? n() : Ae.addEventListener("DOMContentLoaded", n);
+    document.body ? n() : Ee.addEventListener("DOMContentLoaded", n);
   }, t.prototype.start = function() {
     var e = this;
     this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), Nt.forEach(function(n) {
-      return Ae.addEventListener(n, e.listener, !0);
+      return Ee.addEventListener(n, e.listener, !0);
     }));
   }, t.prototype.stop = function() {
     var e = this;
     this.stopped || (this.observer && this.observer.disconnect(), Nt.forEach(function(n) {
-      return Ae.removeEventListener(n, e.listener, !0);
+      return Ee.removeEventListener(n, e.listener, !0);
     }), this.stopped = !0);
   }, t;
 }(), rt = new Vs(), Wt = function(t) {
@@ -1664,7 +1667,7 @@ var ve = function(t) {
   return !vt(t) && !Is(t) && getComputedStyle(t).display === "inline";
 }, qs = function() {
   function t(e, n) {
-    this.target = e, this.observedBox = n || Ie.CONTENT_BOX, this.lastReportedSize = {
+    this.target = e, this.observedBox = n || Be.CONTENT_BOX, this.lastReportedSize = {
       inlineSize: 0,
       blockSize: 0
     };
@@ -1740,7 +1743,7 @@ const Hs = ["disabled", "title"], Zs = {
   },
   setup(t) {
     return (e, n) => (R(), V("div", {
-      class: ue(["stack-tab__header-button", {
+      class: fe(["stack-tab__header-button", {
         "stack-tab__shadow-right": e.shadow === "right",
         "stack-tab__shadow-left": e.shadow === "left"
       }]),
@@ -1749,7 +1752,7 @@ const Hs = ["disabled", "title"], Zs = {
     }, [
       "icon" in e.$slots ? se("", !0) : (R(), V("div", {
         key: 0,
-        class: ue(["stack-tab__mask-button", e.iconClass])
+        class: fe(["stack-tab__mask-button", e.iconClass])
       }, null, 2)),
       "icon" in e.$slots ? (R(), V("div", Zs, [
         xe(e.$slots, "icon")
@@ -1764,11 +1767,11 @@ const Hs = ["disabled", "title"], Zs = {
     isScrollButton: { type: Boolean, default: !0 }
   },
   setup(t, { expose: e }) {
-    const n = D(null), s = D(null), r = D(null), o = D(!1), i = D(!1), f = D(!1), a = D(!0), c = D(), p = t, u = Ee({
+    const n = D(null), s = D(null), r = D(null), o = D(!1), i = D(!1), f = D(!1), a = D(!0), c = D(), p = t, u = Ie({
       clientWidth: 0,
       scrollWidth: 0,
       scrollLeft: 0
-    }), l = Ee({
+    }), l = Ie({
       thumbLeft: 0,
       startScrollLeft: 0,
       startThumbLeft: 0,
@@ -1796,12 +1799,12 @@ const Hs = ["disabled", "title"], Zs = {
       var C;
       y();
       const A = (C = n.value) == null ? void 0 : C.querySelector(".stack-tab__item.is-active");
-      A && (G(A) || P(A));
+      A && (G(A) || W(A));
     }), T = new Ut(() => {
       var A;
       if (!O.value) {
         const C = (A = n.value) == null ? void 0 : A.querySelector(".stack-tab__item.is-active");
-        C && (G(C) || P(C));
+        C && (G(C) || W(C));
       }
       y();
     }), g = (A, C = !0) => {
@@ -1822,8 +1825,8 @@ const Hs = ["disabled", "title"], Zs = {
     }, m = (A) => {
       const { clientWidth: C, scrollWidth: U } = u;
       let re = l.startThumbLeft + A.pageX - l.startPageX;
-      const Ce = C - B.value;
-      re < 0 ? re = 0 : re > Ce && (re = Ce), l.thumbLeft = re, g(re * (U - C) / (C - B.value), !1), A.preventDefault();
+      const Le = C - B.value;
+      re < 0 ? re = 0 : re > Le && (re = Le), l.thumbLeft = re, g(re * (U - C) / (C - B.value), !1), A.preventDefault();
     }, z = (A) => {
       o.value = !1, document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", z), A.preventDefault();
     };
@@ -1835,7 +1838,7 @@ const Hs = ["disabled", "title"], Zs = {
     }), He(() => {
       w.disconnect(), T.disconnect();
     });
-    const P = (A) => {
+    const W = (A) => {
       Un({ el: A, wrap: n, block: "end", inline: "center" });
     }, G = (A) => {
       if (!O.value)
@@ -1843,7 +1846,7 @@ const Hs = ["disabled", "title"], Zs = {
       const C = A.offsetLeft, U = n.value.scrollLeft;
       return !(C < U || C + A.clientWidth > U + n.value.clientWidth);
     };
-    return e({ scrollIntoView: P, isInView: G }), (A, C) => (R(), V(Ze, null, [
+    return e({ scrollIntoView: W, isInView: G }), (A, C) => (R(), V(Ze, null, [
       a.value ? (R(), me(ot, {
         key: 0,
         "icon-class": "stack-tab__icon-left-arrow",
@@ -1859,7 +1862,7 @@ const Hs = ["disabled", "title"], Zs = {
         Q("div", {
           ref_key: "container",
           ref: n,
-          class: ue(["stack-tab__scroll-container", {
+          class: fe(["stack-tab__scroll-container", {
             "stack-tab__shadow-inset-left": !i.value && f.value,
             "stack-tab__shadow-inset-right": !f.value && i.value,
             "stack-tab__shadow-inset-all": !i.value && !f.value
@@ -1871,12 +1874,12 @@ const Hs = ["disabled", "title"], Zs = {
         Xt(Q("div", {
           ref_key: "bar",
           ref: s,
-          class: ue(["stack-tab__scrollbar", { "is-dragging": o.value }])
+          class: fe(["stack-tab__scrollbar", { "is-dragging": o.value }])
         }, [
           Q("div", {
             ref_key: "thumb",
             ref: r,
-            class: ue(["stack-tab__scrollbar-thumb", { "is-dragging": o.value }]),
+            class: fe(["stack-tab__scrollbar-thumb", { "is-dragging": o.value }]),
             style: at({
               width: `${B.value}px`,
               transform: `translateX(${I.value}px)`
@@ -1908,31 +1911,31 @@ const Hs = ["disabled", "title"], Zs = {
   },
   emits: ["active"],
   setup(t, { emit: e }) {
-    const { t: n } = Be(), s = it("maximum"), r = e, o = D(), { shown: i, contextMenuData: f, showContextMenu: a } = ws(), c = t, { removeTab: p, active: u, tabs: l } = Me(), k = we(() => typeof c.tabTransition == "string" ? {
+    const { t: n } = Me(), s = it("maximum"), r = e, o = D(), { shown: i, contextMenuData: f, showContextMenu: a } = ws(), c = t, { removeTab: p, active: u, tabs: l } = Ce(), k = we(() => typeof c.tabTransition == "string" ? {
       name: c.tabTransition
     } : c.tabTransition), O = we(() => c.tabScrollMode === pe.BOTH || c.tabScrollMode === pe.BUTTON), B = c.tabScrollMode === pe.BOTH || c.tabScrollMode === pe.WHEEL, I = (w) => {
       w.closable && p(w.id), i.value = !1;
     }, y = (w, T, g) => {
-      o.value && (ce(() => {
+      o.value && (le(() => {
         o.value.isInView(T.value) || o.value.scrollIntoView(T.value);
       }), u(w.id, g), r("active", w.id));
     };
     return (w, T) => (R(), V("div", Xs, [
       xe(w.$slots, "leftButton"),
-      $(js, {
+      P(js, {
         ref_key: "scroll",
         ref: o,
         space: w.space,
         "is-scroll-wheel": S(B),
         "is-scroll-button": O.value
       }, {
-        default: le(() => [
-          $(Yt, kn({
+        default: ue(() => [
+          P(Yt, kn({
             key: "tabItemTrans",
             tag: "ul",
             class: "stack-tab__nav"
           }, k.value, { appear: "" }), {
-            default: le(() => [
+            default: ue(() => [
               (R(!0), V(Ze, null, ct(S(l), (g, _) => (R(), me(Ts, {
                 key: g.id,
                 contextmenu: w.contextmenu,
@@ -1952,16 +1955,16 @@ const Hs = ["disabled", "title"], Zs = {
         _: 1
       }, 8, ["space", "is-scroll-wheel", "is-scroll-button"]),
       xe(w.$slots, "rightButton"),
-      $(ot, {
+      P(ot, {
         "icon-class": S(s) ? "stack-tab__icon-restore" : "stack-tab__icon-fullscreen",
         title: S(n)("VueStackTab.maximum"),
         onClick: T[0] || (T[0] = (g) => s.value = !S(s))
       }, null, 8, ["icon-class", "title"]),
-      $(Kt, {
+      P(Kt, {
         name: "stack-tab-zoom",
         appear: ""
       }, {
-        default: le(() => [
+        default: ue(() => [
           S(i) ? (R(), me(ys, {
             key: "tabMenuTrans",
             left: S(f).left,
@@ -2003,7 +2006,7 @@ function Ys(t, e, n) {
 }
 let qt;
 const Ks = () => {
-  const t = lt(), { active: e, hasTab: n, pageShown: s, reset: r, canAddTab: o, renewTab: i, getTab: f } = Me(), a = ge(), c = Ys(500, (k, O = !1) => new Promise((B, I) => {
+  const t = lt(), { active: e, hasTab: n, pageShown: s, reset: r, canAddTab: o, renewTab: i, getTab: f } = Ce(), a = ge(), c = Ys(500, (k, O = !1) => new Promise((B, I) => {
     if (!s.value) {
       I();
       return;
@@ -2016,7 +2019,7 @@ const Ks = () => {
     if (y.id && O && n(y.id)) {
       i(k);
       const w = f(k.id);
-      w != null && w.active && (s.value = !1, ce(() => {
+      w != null && w.active && (s.value = !1, le(() => {
         s.value = !0;
       }));
     }
@@ -2072,7 +2075,7 @@ const Ks = () => {
   },
   emits: ["onActive", "onPageLoaded"],
   setup(t, { emit: e }) {
-    const { tabs: n, pageShown: s, caches: r, destroy: o, addPage: i, initial: f, setMaxSize: a, setGlobalScroll: c, clearSession: p } = Me(), u = e, l = t, { changeLocale: k } = Be(), O = D(!1);
+    const { tabs: n, pageShown: s, caches: r, destroy: o, addPage: i, initial: f, setMaxSize: a, setGlobalScroll: c, clearSession: p } = Ce(), u = e, l = t, { changeLocale: k } = Me(), O = D(!1);
     _n("maximum", O);
     const { setIFramePath: B } = Ks();
     B(l.iframePath), c(l.globalScroll), k(l.i18n), xn(() => {
@@ -2096,36 +2099,36 @@ const Ks = () => {
     }), (_, d) => {
       const x = Zt("router-view");
       return R(), V("div", {
-        class: ue(["stack-tab", { "stack-tab__maximum": O.value }]),
+        class: fe(["stack-tab", { "stack-tab__maximum": O.value }]),
         style: at({
           width: _.width,
           height: _.height,
           "z-index": O.value ? S(nn)("body *:not(.stack-tab,.stack-tab *)") : void 0
         })
       }, [
-        $(Gs, {
+        P(Gs, {
           space: _.space,
           onActive: y,
           "tab-transition": _.tabTransition,
           max: _.max
         }, {
-          leftButton: le(() => [
+          leftButton: ue(() => [
             xe(_.$slots, "leftButton")
           ]),
-          rightButton: le(() => [
+          rightButton: ue(() => [
             xe(_.$slots, "rightButton")
           ]),
           _: 3
         }, 8, ["space", "tab-transition", "max"]),
         Q("div", Js, [
-          $(x, null, {
-            default: le(({ Component: m, route: z }) => [
-              $(Kt, {
+          P(x, null, {
+            default: ue(({ Component: m, route: z }) => [
+              P(Kt, {
                 name: T.value,
                 appear: "",
                 mode: "out-in"
               }, {
-                default: le(() => [
+                default: ue(() => [
                   (R(), me(Tn, { include: S(r) }, [
                     S(s) ? (R(), me(Sn(I(z, m)), {
                       key: z.fullPath,
@@ -2138,11 +2141,11 @@ const Ks = () => {
             ]),
             _: 1
           }),
-          $(Yt, {
+          P(Yt, {
             name: _.pageTransition,
             appear: ""
           }, {
-            default: le(() => [
+            default: ue(() => [
               (R(!0), V(Ze, null, ct(S(n).filter((m) => m.iframe), (m) => Xt((R(), V("iframe", {
                 key: m.id,
                 class: "stack-tab__iframe",
@@ -2160,11 +2163,11 @@ const Ks = () => {
   }
 }), mt = typeof Buffer == "function";
 typeof TextDecoder == "function" && new TextDecoder();
-const Ft = typeof TextEncoder == "function" ? new TextEncoder() : void 0, tr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", Te = Array.prototype.slice.call(tr);
+const Ft = typeof TextEncoder == "function" ? new TextEncoder() : void 0, tr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", Se = Array.prototype.slice.call(tr);
 ((t) => {
   let e = {};
   return t.forEach((n, s) => e[n] = s), e;
-})(Te);
+})(Se);
 const J = String.fromCharCode.bind(String);
 typeof Uint8Array.from == "function" && Uint8Array.from.bind(Uint8Array);
 const nr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" : "_"), sr = (t) => {
@@ -2173,7 +2176,7 @@ const nr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" :
   for (let f = 0; f < t.length; ) {
     if ((n = t.charCodeAt(f++)) > 255 || (s = t.charCodeAt(f++)) > 255 || (r = t.charCodeAt(f++)) > 255)
       throw new TypeError("invalid character found");
-    e = n << 16 | s << 8 | r, o += Te[e >> 18 & 63] + Te[e >> 12 & 63] + Te[e >> 6 & 63] + Te[e & 63];
+    e = n << 16 | s << 8 | r, o += Se[e >> 18 & 63] + Se[e >> 12 & 63] + Se[e >> 6 & 63] + Se[e & 63];
   }
   return i ? o.slice(0, i - 3) + "===".substring(i) : o;
 }, pn = typeof btoa == "function" ? (t) => btoa(t) : mt ? (t) => Buffer.from(t, "binary").toString("base64") : sr, rr = mt ? (t) => Buffer.from(t).toString("base64") : (t) => {
@@ -2196,7 +2199,7 @@ const nr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" :
     f + `background-image: url(${i});background-size: 580px 100px;background-repeat: norepeat; color: transparent;`
   );
 }, ur = () => {
-  const { attrs: t, props: e } = Jt(), { pageShown: n, getTab: s, markDeletableCache: r, removeComponent: o, getComponent: i, addPageScroller: f } = Me(), a = On(), c = lt(), p = ge();
+  const { attrs: t, props: e } = Jt(), { pageShown: n, getTab: s, markDeletableCache: r, removeComponent: o, getComponent: i, addPageScroller: f } = Ce(), a = On(), c = lt(), p = ge();
   let u = "", l = "";
   u = t.tId || e.tId;
   const k = t.pId || e.pId;
@@ -2223,10 +2226,10 @@ const nr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" :
         _ = Math.abs(y);
       else {
         let m = 1, z = !1;
-        const P = g.list(), G = bt(y);
+        const W = g.list(), G = bt(y);
         w = ne(G.query, w);
         for (let A = g.size() - 2; A >= 0; A--) {
-          if (P[A].path === G.path) {
+          if (W[A].path === G.path) {
             z = !0;
             break;
           }
@@ -2238,7 +2241,7 @@ const nr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" :
         return;
       for (let m = 0; m < _; m++) {
         const z = g.pop();
-        o(z.id), r(z.id);
+        r(z.id);
       }
       const d = g == null ? void 0 : g.peek(), x = i(d.id);
       if (x != null) {
@@ -2273,7 +2276,7 @@ const nr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" :
   return { openTabLoading: n, closeTabLoading: s };
 }, gr = {
   install(t, e) {
-    lr("0.1.40"), t.component("VueStackTabs", er).use(ds).use(Vn().getI18n(e));
+    lr("0.1.41"), t.component("VueStackTabs", er).use(ds).use(Vn().getI18n(e));
   }
 };
 export {