@oiij/chrome-tabs 0.0.5 → 0.0.7

package/dist/index.js

@@ -1,5 +1,5 @@
-import { inject as Be, onBeforeMount as Le, createElementBlock as _, openBlock as E, createStaticVNode as je, createElementVNode as k, defineComponent as $e, computed as M, h as re, normalizeClass as C, unref as b, createCommentVNode as Q, createBlock as X, resolveDynamicComponent as ie, withModifiers as Te, createVNode as q, onMounted as ke, nextTick as we, watch as O, getCurrentScope as Pe, onScopeDispose as ze, getCurrentInstance as Ce, toValue as B, shallowRef as ee, ref as Oe, mergeModels as se, useModel as De, normalizeStyle as Ve, renderSlot as ue, TransitionGroup as He, withCtx as We, Fragment as Fe, renderList as qe, mergeProps as Ge } from "vue";
-function Ze(e) {
+import { inject as Le, onBeforeMount as je, onMounted as ye, nextTick as $e, watch as O, getCurrentScope as Te, onScopeDispose as Pe, getCurrentInstance as ke, toValue as T, computed as S, shallowRef as Q, unref as p, ref as ze, createElementBlock as A, openBlock as I, createElementVNode as $, createStaticVNode as Fe, defineComponent as we, h as oe, normalizeClass as C, createCommentVNode as X, createBlock as _, resolveDynamicComponent as re, withModifiers as Oe, createVNode as K, normalizeStyle as ie, renderSlot as se, TransitionGroup as Ve, withCtx as De, Fragment as He, renderList as We, mergeProps as Ke } from "vue";
+function qe(e) {
   let t = ".", n = "__", o = "--", r;
   if (e) {
     let l = e.blockPrefix;
@@ -8,85 +8,85 @@ function Ze(e) {
   const i = {
     install(l) {
       r = l.c;
-      const p = l.context;
-      p.bem = {}, p.bem.b = null, p.bem.els = null;
+      const h = l.context;
+      h.bem = {}, h.bem.b = null, h.bem.els = null;
     }
   };
   function s(l) {
-    let p, h;
+    let h, v;
     return {
       before(m) {
-        p = m.bem.b, h = m.bem.els, m.bem.els = null;
+        h = m.bem.b, v = m.bem.els, m.bem.els = null;
       },
       after(m) {
-        m.bem.b = p, m.bem.els = h;
+        m.bem.b = h, m.bem.els = v;
       },
-      $({ context: m, props: $ }) {
-        return l = typeof l == "string" ? l : l({ context: m, props: $ }), m.bem.b = l, `${$?.bPrefix || t}${m.bem.b}`;
+      $({ context: m, props: k }) {
+        return l = typeof l == "string" ? l : l({ context: m, props: k }), m.bem.b = l, `${k?.bPrefix || t}${m.bem.b}`;
       }
     };
   }
   function u(l) {
-    let p;
+    let h;
     return {
-      before(h) {
-        p = h.bem.els;
+      before(v) {
+        h = v.bem.els;
       },
-      after(h) {
-        h.bem.els = p;
+      after(v) {
+        v.bem.els = h;
       },
-      $({ context: h, props: m }) {
-        return l = typeof l == "string" ? l : l({ context: h, props: m }), h.bem.els = l.split(",").map(($) => $.trim()), h.bem.els.map(($) => `${m?.bPrefix || t}${h.bem.b}${n}${$}`).join(", ");
+      $({ context: v, props: m }) {
+        return l = typeof l == "string" ? l : l({ context: v, props: m }), v.bem.els = l.split(",").map((k) => k.trim()), v.bem.els.map((k) => `${m?.bPrefix || t}${v.bem.b}${n}${k}`).join(", ");
       }
     };
   }
   function f(l) {
     return {
-      $({ context: p, props: h }) {
-        l = typeof l == "string" ? l : l({ context: p, props: h });
+      $({ context: h, props: v }) {
+        l = typeof l == "string" ? l : l({ context: h, props: v });
         const m = l.split(",").map((L) => L.trim());
-        function $(L) {
-          return m.map((D) => `&${h?.bPrefix || t}${p.bem.b}${L !== void 0 ? `${n}${L}` : ""}${o}${D}`).join(", ");
+        function k(L) {
+          return m.map((Be) => `&${v?.bPrefix || t}${h.bem.b}${L !== void 0 ? `${n}${L}` : ""}${o}${Be}`).join(", ");
         }
-        const T = p.bem.els;
-        if (T !== null) {
-          if (process.env.NODE_ENV !== "production" && T.length >= 2)
+        const B = h.bem.els;
+        if (B !== null) {
+          if (process.env.NODE_ENV !== "production" && B.length >= 2)
             throw Error(`[css-render/plugin-bem]: m(${l}) is invalid, using modifier inside multiple elements is not allowed`);
-          return $(T[0]);
+          return k(B[0]);
         } else
-          return $();
+          return k();
       }
     };
   }
-  function c(l) {
+  function d(l) {
     return {
-      $({ context: p, props: h }) {
-        l = typeof l == "string" ? l : l({ context: p, props: h });
-        const m = p.bem.els;
+      $({ context: h, props: v }) {
+        l = typeof l == "string" ? l : l({ context: h, props: v });
+        const m = h.bem.els;
         if (process.env.NODE_ENV !== "production" && m !== null && m.length >= 2)
           throw Error(`[css-render/plugin-bem]: notM(${l}) is invalid, using modifier inside multiple elements is not allowed`);
-        return `&:not(${h?.bPrefix || t}${p.bem.b}${m !== null && m.length > 0 ? `${n}${m[0]}` : ""}${o}${l})`;
+        return `&:not(${v?.bPrefix || t}${h.bem.b}${m !== null && m.length > 0 ? `${n}${m[0]}` : ""}${o}${l})`;
       }
     };
   }
   return Object.assign(i, {
-    cB: (...l) => r(s(l[0]), l[1], l[2]),
-    cE: (...l) => r(u(l[0]), l[1], l[2]),
-    cM: (...l) => r(f(l[0]), l[1], l[2]),
-    cNotM: (...l) => r(c(l[0]), l[1], l[2])
+    cB: ((...l) => r(s(l[0]), l[1], l[2])),
+    cE: ((...l) => r(u(l[0]), l[1], l[2])),
+    cM: ((...l) => r(f(l[0]), l[1], l[2])),
+    cNotM: ((...l) => r(d(l[0]), l[1], l[2]))
   }), i;
 }
-function Ue(e) {
+function Ge(e) {
   let t = 0;
   for (let n = 0; n < e.length; ++n)
     e[n] === "&" && ++t;
   return t;
 }
-const Ee = /\s*,(?![^(]*\))\s*/g, Ke = /\s+/g;
-function Ye(e, t) {
+const Ce = /\s*,(?![^(]*\))\s*/g, Ze = /\s+/g;
+function Ue(e, t) {
   const n = [];
-  return t.split(Ee).forEach((o) => {
-    let r = Ue(o);
+  return t.split(Ce).forEach((o) => {
+    let r = Ge(o);
     if (r) {
       if (r === 1) {
         e.forEach((s) => {
@@ -117,57 +117,57 @@ function Ye(e, t) {
     i.forEach((s) => n.push(s));
   }), n;
 }
-function Je(e, t) {
+function Ye(e, t) {
   const n = [];
-  return t.split(Ee).forEach((o) => {
+  return t.split(Ce).forEach((o) => {
     e.forEach((r) => {
       n.push((r && r + " ") + o);
     });
   }), n;
 }
-function Qe(e) {
+function Je(e) {
   let t = [""];
   return e.forEach((n) => {
     n = n && n.trim(), // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
-    n && (n.includes("&") ? t = Ye(t, n) : t = Je(t, n));
-  }), t.join(", ").replace(Ke, " ");
+    n && (n.includes("&") ? t = Ue(t, n) : t = Ye(t, n));
+  }), t.join(", ").replace(Ze, " ");
 }
-function le(e) {
+function ue(e) {
   if (!e)
     return;
   const t = e.parentElement;
   t && t.removeChild(e);
 }
-function ne(e, t) {
+function te(e, t) {
   return (t ?? document.head).querySelector(`style[cssr-id="${e}"]`);
 }
-function Xe(e) {
+function Qe(e) {
   const t = document.createElement("style");
   return t.setAttribute("cssr-id", e), t;
 }
 function V(e) {
   return e ? /^\s*@(s|m)/.test(e) : !1;
 }
-const et = /[A-Z]/g;
+const Xe = /[A-Z]/g;
 function Ie(e) {
-  return e.replace(et, (t) => "-" + t.toLowerCase());
+  return e.replace(Xe, (t) => "-" + t.toLowerCase());
 }
-function tt(e, t = "  ") {
+function _e(e, t = "  ") {
   return typeof e == "object" && e !== null ? ` {
 ` + Object.entries(e).map((n) => t + `  ${Ie(n[0])}: ${n[1]};`).join(`
 `) + `
 ` + t + "}" : `: ${e};`;
 }
-function nt(e, t, n) {
+function et(e, t, n) {
   return typeof e == "function" ? e({
     context: t.context,
     props: n
   }) : e;
 }
-function ae(e, t, n, o) {
+function le(e, t, n, o) {
   if (!t)
     return "";
-  const r = nt(t, n, o);
+  const r = et(t, n, o);
   if (!r)
     return "";
   if (typeof r == "string")
@@ -189,59 +189,59 @@ ${r}
 `);
       return;
     }
-    u = Ie(u), f != null && s.push(`  ${u}${tt(f)}`);
+    u = Ie(u), f != null && s.push(`  ${u}${_e(f)}`);
   }), e && s.push("}"), s.join(`
 `);
 }
-function te(e, t, n) {
+function ee(e, t, n) {
   e && e.forEach((o) => {
     if (Array.isArray(o))
-      te(o, t, n);
+      ee(o, t, n);
     else if (typeof o == "function") {
       const r = o(t);
-      Array.isArray(r) ? te(r, t, n) : r && n(r);
+      Array.isArray(r) ? ee(r, t, n) : r && n(r);
     } else o && n(o);
   });
 }
-function Me(e, t, n, o, r) {
+function Ee(e, t, n, o, r) {
   const i = e.$;
   let s = "";
   if (!i || typeof i == "string")
     V(i) ? s = i : t.push(i);
   else if (typeof i == "function") {
-    const c = i({
+    const d = i({
       context: o.context,
       props: r
     });
-    V(c) ? s = c : t.push(c);
+    V(d) ? s = d : t.push(d);
   } else if (i.before && i.before(o.context), !i.$ || typeof i.$ == "string")
     V(i.$) ? s = i.$ : t.push(i.$);
   else if (i.$) {
-    const c = i.$({
+    const d = i.$({
       context: o.context,
       props: r
     });
-    V(c) ? s = c : t.push(c);
+    V(d) ? s = d : t.push(d);
   }
-  const u = Qe(t), f = ae(u, e.props, o, r);
-  s ? n.push(`${s} {`) : f.length && n.push(f), e.children && te(e.children, {
+  const u = Je(t), f = le(u, e.props, o, r);
+  s ? n.push(`${s} {`) : f.length && n.push(f), e.children && ee(e.children, {
     context: o.context,
     props: r
-  }, (c) => {
-    if (typeof c == "string") {
-      const d = ae(u, { raw: c }, o, r);
-      n.push(d);
+  }, (d) => {
+    if (typeof d == "string") {
+      const a = le(u, { raw: d }, o, r);
+      n.push(a);
     } else
-      Me(c, t, n, o, r);
+      Ee(d, t, n, o, r);
   }), t.pop(), s && n.push("}"), i && i.after && i.after(o.context);
 }
-function ot(e, t, n) {
+function tt(e, t, n) {
   const o = [];
-  return Me(e, [], o, t, n), o.join(`
+  return Ee(e, [], o, t, n), o.join(`
 
 `);
 }
-function rt(e) {
+function nt(e) {
   for (var t = 0, n, o = 0, r = e.length; r >= 4; ++o, r -= 4)
     n = e.charCodeAt(o) & 255 | (e.charCodeAt(++o) & 255) << 8 | (e.charCodeAt(++o) & 255) << 16 | (e.charCodeAt(++o) & 255) << 24, n = /* Math.imul(k, m): */
     (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */
@@ -261,75 +261,75 @@ function rt(e) {
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
 typeof window < "u" && (window.__cssrContext = {});
-function it(e, t, n, o) {
+function ot(e, t, n, o) {
   const { els: r } = t;
   if (n === void 0)
-    r.forEach(le), t.els = [];
+    r.forEach(ue), t.els = [];
   else {
-    const i = ne(n, o);
-    i && r.includes(i) && (le(i), t.els = r.filter((s) => s !== i));
+    const i = te(n, o);
+    i && r.includes(i) && (ue(i), t.els = r.filter((s) => s !== i));
   }
 }
-function ce(e, t) {
+function ae(e, t) {
   e.push(t);
 }
-function st(e, t, n, o, r, i, s, u, f) {
-  let c;
-  if (n === void 0 && (c = t.render(o), n = rt(c)), f) {
-    f.adapter(n, c ?? t.render(o));
+function rt(e, t, n, o, r, i, s, u, f) {
+  let d;
+  if (n === void 0 && (d = t.render(o), n = nt(d)), f) {
+    f.adapter(n, d ?? t.render(o));
     return;
   }
   u === void 0 && (u = document.head);
-  const d = ne(n, u);
-  if (d !== null && !i)
-    return d;
-  const a = d ?? Xe(n);
-  if (c === void 0 && (c = t.render(o)), a.textContent = c, d !== null)
-    return d;
+  const a = te(n, u);
+  if (a !== null && !i)
+    return a;
+  const c = a ?? Qe(n);
+  if (d === void 0 && (d = t.render(o)), c.textContent = d, a !== null)
+    return a;
   if (s) {
-    const v = u.querySelector(`meta[name="${s}"]`);
-    if (v)
-      return u.insertBefore(a, v), ce(t.els, a), a;
+    const b = u.querySelector(`meta[name="${s}"]`);
+    if (b)
+      return u.insertBefore(c, b), ae(t.els, c), c;
   }
-  return r ? u.insertBefore(a, u.querySelector("style, link")) : u.appendChild(a), ce(t.els, a), a;
+  return r ? u.insertBefore(c, u.querySelector("style, link")) : u.appendChild(c), ae(t.els, c), c;
 }
-function ut(e) {
-  return ot(this, this.instance, e);
+function it(e) {
+  return tt(this, this.instance, e);
 }
-function lt(e = {}) {
+function st(e = {}) {
   const { id: t, ssr: n, props: o, head: r = !1, force: i = !1, anchorMetaName: s, parent: u } = e;
-  return st(this.instance, this, t, o, r, i, s, u, n);
+  return rt(this.instance, this, t, o, r, i, s, u, n);
 }
-function at(e = {}) {
+function ut(e = {}) {
   const { id: t, parent: n } = e;
-  it(this.instance, this, t, n);
+  ot(this.instance, this, t, n);
 }
-const H = function(e, t, n, o) {
+const D = function(e, t, n, o) {
   return {
     instance: e,
     $: t,
     props: n,
     children: o,
     els: [],
-    render: ut,
-    mount: lt,
-    unmount: at
+    render: it,
+    mount: st,
+    unmount: ut
   };
-}, ct = function(e, t, n, o) {
-  return Array.isArray(t) ? H(e, { $: null }, null, t) : Array.isArray(n) ? H(e, t, null, n) : Array.isArray(o) ? H(e, t, n, o) : H(e, t, n, null);
+}, lt = function(e, t, n, o) {
+  return Array.isArray(t) ? D(e, { $: null }, null, t) : Array.isArray(n) ? D(e, t, null, n) : Array.isArray(o) ? D(e, t, n, o) : D(e, t, n, null);
 };
-function ft(e = {}) {
+function at(e = {}) {
   const t = {
-    c: (...n) => ct(t, ...n),
+    c: ((...n) => lt(t, ...n)),
     use: (n, ...o) => n.install(t, ...o),
-    find: ne,
+    find: te,
     context: {},
     config: e
   };
   return t;
 }
-function dt(e) {
-  const { namespace: t = "n", blockPrefix: n = `.${t}-`, elementPrefix: o = "__", modifierPrefix: r = "--" } = e ?? {}, i = ft(), s = Ze({
+function ct(e) {
+  const { namespace: t = "n", blockPrefix: n = `.${t}-`, elementPrefix: o = "__", modifierPrefix: r = "--" } = e ?? {}, i = at(), s = qe({
     blockPrefix: n,
     elementPrefix: o,
     modifierPrefix: r
@@ -343,29 +343,29 @@ function dt(e) {
     plugin: s
   };
 }
-const ht = "@css-render/vue3-ssr";
-function mt(e, t) {
+const dt = "@css-render/vue3-ssr";
+function ft(e, t) {
   return `<style cssr-id="${e}">
 ${t}
 </style>`;
 }
-function pt(e, t, n) {
+function ht(e, t, n) {
   const { styles: o, ids: r } = n;
-  r.has(e) || o !== null && (r.add(e), o.push(mt(e, t)));
+  r.has(e) || o !== null && (r.add(e), o.push(ft(e, t)));
 }
-const vt = typeof document < "u";
-function bt() {
-  if (vt)
+const mt = typeof document < "u";
+function vt() {
+  if (mt)
     return;
-  const e = Be(ht, null);
+  const e = Le(dt, null);
   if (e !== null)
     return {
-      adapter: (t, n) => pt(t, n, e),
+      adapter: (t, n) => ht(t, n, e),
       context: e
     };
 }
-function gt(e, t) {
-  const n = bt();
+function bt(e, t) {
+  const n = vt();
   function o() {
     t.mount({
       id: e,
@@ -373,12 +373,360 @@ function gt(e, t) {
       ssr: n
     });
   }
-  n ? o() : Le(() => {
+  n ? o() : je(() => {
     o();
   });
 }
-const { cssr: xt, plugin: yt, namespace: Ne } = dt(), { c: g, cB: W, cE: x, cM: U, cNotM: fe } = { ...xt, ...yt }, P = `${Ne}-chrome-tabs`, w = `${Ne}-chrome-tabs-item`, j = "all .2s cubic-bezier(.4, 0, .2, 1)";
-function $t() {
+function Se(e) {
+  return Te() ? (Pe(e), !0) : !1;
+}
+const pt = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const gt = Object.prototype.toString, xt = (e) => gt.call(e) === "[object Object]", ce = () => {
+};
+function yt(e, t) {
+  function n(...o) {
+    return new Promise((r, i) => {
+      Promise.resolve(e(() => t.apply(this, o), { fn: t, thisArg: this, args: o })).then(r).catch(i);
+    });
+  }
+  return n;
+}
+function $t(e, t = {}) {
+  let n, o, r = ce;
+  const i = (f) => {
+    clearTimeout(f), r(), r = ce;
+  };
+  let s;
+  return (f) => {
+    const d = T(e), a = T(t.maxWait);
+    return n && i(n), d <= 0 || a !== void 0 && a <= 0 ? (o && (i(o), o = void 0), Promise.resolve(f())) : new Promise((c, b) => {
+      r = t.rejectOnCancel ? b : c, s = f, a && !o && (o = setTimeout(() => {
+        n && i(n), o = void 0, c(s());
+      }, a)), n = setTimeout(() => {
+        o && i(o), o = void 0, c(f());
+      }, d);
+    });
+  };
+}
+function q(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function kt(e) {
+  return ke();
+}
+// @__NO_SIDE_EFFECTS__
+function wt(e, t = 200, n = {}) {
+  return yt(
+    $t(t, n),
+    e
+  );
+}
+function Ct(e, t = !0, n) {
+  kt() ? ye(e, n) : t ? e() : $e(e);
+}
+function It(e, t, n) {
+  return O(
+    e,
+    t,
+    {
+      ...n,
+      immediate: !0
+    }
+  );
+}
+const ne = pt ? window : void 0;
+function j(e) {
+  var t;
+  const n = T(e);
+  return (t = n?.$el) != null ? t : n;
+}
+function Et(...e) {
+  const t = [], n = () => {
+    t.forEach((u) => u()), t.length = 0;
+  }, o = (u, f, d, a) => (u.addEventListener(f, d, a), () => u.removeEventListener(f, d, a)), r = S(() => {
+    const u = q(T(e[0])).filter((f) => f != null);
+    return u.every((f) => typeof f != "string") ? u : void 0;
+  }), i = It(
+    () => {
+      var u, f;
+      return [
+        (f = (u = r.value) == null ? void 0 : u.map((d) => j(d))) != null ? f : [ne].filter((d) => d != null),
+        q(T(r.value ? e[1] : e[0])),
+        q(p(r.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        T(r.value ? e[3] : e[2])
+      ];
+    },
+    ([u, f, d, a]) => {
+      if (n(), !u?.length || !f?.length || !d?.length)
+        return;
+      const c = xt(a) ? { ...a } : a;
+      t.push(
+        ...u.flatMap(
+          (b) => f.flatMap(
+            (M) => d.map((l) => o(b, M, l, c))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), s = () => {
+    i(), n();
+  };
+  return Se(n), s;
+}
+// @__NO_SIDE_EFFECTS__
+function St() {
+  const e = Q(!1), t = ke();
+  return t && ye(() => {
+    e.value = !0;
+  }, t), e;
+}
+// @__NO_SIDE_EFFECTS__
+function Nt(e) {
+  const t = /* @__PURE__ */ St();
+  return S(() => (t.value, !!e()));
+}
+function Mt(e, t, n = {}) {
+  const { window: o = ne, ...r } = n;
+  let i;
+  const s = /* @__PURE__ */ Nt(() => o && "ResizeObserver" in o), u = () => {
+    i && (i.disconnect(), i = void 0);
+  }, f = S(() => {
+    const c = T(e);
+    return Array.isArray(c) ? c.map((b) => j(b)) : [j(c)];
+  }), d = O(
+    f,
+    (c) => {
+      if (u(), s.value && o) {
+        i = new ResizeObserver(t);
+        for (const b of c)
+          b && i.observe(b, r);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), a = () => {
+    u(), d();
+  };
+  return Se(a), {
+    isSupported: s,
+    stop: a
+  };
+}
+function At(e, t = { width: 0, height: 0 }, n = {}) {
+  const { window: o = ne, box: r = "content-box" } = n, i = S(() => {
+    var c, b;
+    return (b = (c = j(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : b.includes("svg");
+  }), s = Q(t.width), u = Q(t.height), { stop: f } = Mt(
+    e,
+    ([c]) => {
+      const b = r === "border-box" ? c.borderBoxSize : r === "content-box" ? c.contentBoxSize : c.devicePixelContentBoxSize;
+      if (o && i.value) {
+        const M = j(e);
+        if (M) {
+          const l = M.getBoundingClientRect();
+          s.value = l.width, u.value = l.height;
+        }
+      } else if (b) {
+        const M = q(b);
+        s.value = M.reduce((l, { inlineSize: h }) => l + h, 0), u.value = M.reduce((l, { blockSize: h }) => l + h, 0);
+      } else
+        s.value = c.contentRect.width, u.value = c.contentRect.height;
+    },
+    n
+  );
+  Ct(() => {
+    const c = j(e);
+    c && (s.value = "offsetWidth" in c ? c.offsetWidth : t.width, u.value = "offsetHeight" in c ? c.offsetHeight : t.height);
+  });
+  const d = O(
+    () => j(e),
+    (c) => {
+      s.value = c ? t.width : 0, u.value = c ? t.height : 0;
+    }
+  );
+  function a() {
+    f(), d();
+  }
+  return {
+    width: s,
+    height: u,
+    stop: a
+  };
+}
+function Rt(e) {
+  const { activeClassName: t = ".active", enableWheel: n = !0, direction: o = "vertical" } = e ?? {}, r = ze(), { width: i, height: s } = At(r);
+  async function u(a) {
+    await $e();
+    const c = r.value?.querySelector(t);
+    c && c.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest",
+      inline: "nearest",
+      ...a
+    });
+  }
+  function f(a) {
+    if (!n) return;
+    a.preventDefault();
+    const { deltaY: c } = a;
+    switch (o) {
+      case "vertical":
+        r.value?.scrollBy({
+          top: c > 0 ? s.value : -s.value,
+          behavior: "smooth"
+        });
+        break;
+      case "horizontal":
+        r.value?.scrollBy({
+          left: c > 0 ? i.value : -i.value,
+          behavior: "smooth"
+        });
+        break;
+    }
+  }
+  Et(r, "wheel", f);
+  const d = /* @__PURE__ */ wt(u, 500);
+  return O([i, s], () => {
+    d();
+  }), {
+    scrollRef: r,
+    scrollToView: u
+  };
+}
+var Bt = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, R = function(e) {
+  return typeof e == "string" ? e.length > 0 : typeof e == "number";
+}, y = function(e, t, n) {
+  return t === void 0 && (t = 0), n === void 0 && (n = Math.pow(10, t)), Math.round(n * e) / n + 0;
+}, N = function(e, t, n) {
+  return t === void 0 && (t = 0), n === void 0 && (n = 1), e > n ? n : e > t ? e : t;
+}, Ne = function(e) {
+  return (e = isFinite(e) ? e % 360 : 0) > 0 ? e : e + 360;
+}, de = function(e) {
+  return { r: N(e.r, 0, 255), g: N(e.g, 0, 255), b: N(e.b, 0, 255), a: N(e.a) };
+}, Z = function(e) {
+  return { r: y(e.r), g: y(e.g), b: y(e.b), a: y(e.a, 3) };
+}, Lt = /^#([0-9a-f]{3,8})$/i, H = function(e) {
+  var t = e.toString(16);
+  return t.length < 2 ? "0" + t : t;
+}, Me = function(e) {
+  var t = e.r, n = e.g, o = e.b, r = e.a, i = Math.max(t, n, o), s = i - Math.min(t, n, o), u = s ? i === t ? (n - o) / s : i === n ? 2 + (o - t) / s : 4 + (t - n) / s : 0;
+  return { h: 60 * (u < 0 ? u + 6 : u), s: i ? s / i * 100 : 0, v: i / 255 * 100, a: r };
+}, Ae = function(e) {
+  var t = e.h, n = e.s, o = e.v, r = e.a;
+  t = t / 360 * 6, n /= 100, o /= 100;
+  var i = Math.floor(t), s = o * (1 - n), u = o * (1 - (t - i) * n), f = o * (1 - (1 - t + i) * n), d = i % 6;
+  return { r: 255 * [o, u, s, s, f, o][d], g: 255 * [f, o, o, u, s, s][d], b: 255 * [s, s, f, o, o, u][d], a: r };
+}, fe = function(e) {
+  return { h: Ne(e.h), s: N(e.s, 0, 100), l: N(e.l, 0, 100), a: N(e.a) };
+}, he = function(e) {
+  return { h: y(e.h), s: y(e.s), l: y(e.l), a: y(e.a, 3) };
+}, me = function(e) {
+  return Ae((n = (t = e).s, { h: t.h, s: (n *= ((o = t.l) < 50 ? o : 100 - o) / 100) > 0 ? 2 * n / (o + n) * 100 : 0, v: o + n, a: t.a }));
+  var t, n, o;
+}, F = function(e) {
+  return { h: (t = Me(e)).h, s: (r = (200 - (n = t.s)) * (o = t.v) / 100) > 0 && r < 200 ? n * o / 100 / (r <= 100 ? r : 200 - r) * 100 : 0, l: r / 2, a: t.a };
+  var t, n, o, r;
+}, jt = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Tt = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Pt = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, zt = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ve = { string: [[function(e) {
+  var t = Lt.exec(e);
+  return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? y(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : e.length === 6 || e.length === 8 ? { r: parseInt(e.substr(0, 2), 16), g: parseInt(e.substr(2, 2), 16), b: parseInt(e.substr(4, 2), 16), a: e.length === 8 ? y(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
+}, "hex"], [function(e) {
+  var t = Pt.exec(e) || zt.exec(e);
+  return t ? t[2] !== t[4] || t[4] !== t[6] ? null : de({ r: Number(t[1]) / (t[2] ? 100 / 255 : 1), g: Number(t[3]) / (t[4] ? 100 / 255 : 1), b: Number(t[5]) / (t[6] ? 100 / 255 : 1), a: t[7] === void 0 ? 1 : Number(t[7]) / (t[8] ? 100 : 1) }) : null;
+}, "rgb"], [function(e) {
+  var t = jt.exec(e) || Tt.exec(e);
+  if (!t) return null;
+  var n, o, r = fe({ h: (n = t[1], o = t[2], o === void 0 && (o = "deg"), Number(n) * (Bt[o] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
+  return me(r);
+}, "hsl"]], object: [[function(e) {
+  var t = e.r, n = e.g, o = e.b, r = e.a, i = r === void 0 ? 1 : r;
+  return R(t) && R(n) && R(o) ? de({ r: Number(t), g: Number(n), b: Number(o), a: Number(i) }) : null;
+}, "rgb"], [function(e) {
+  var t = e.h, n = e.s, o = e.l, r = e.a, i = r === void 0 ? 1 : r;
+  if (!R(t) || !R(n) || !R(o)) return null;
+  var s = fe({ h: Number(t), s: Number(n), l: Number(o), a: Number(i) });
+  return me(s);
+}, "hsl"], [function(e) {
+  var t = e.h, n = e.s, o = e.v, r = e.a, i = r === void 0 ? 1 : r;
+  if (!R(t) || !R(n) || !R(o)) return null;
+  var s = (function(u) {
+    return { h: Ne(u.h), s: N(u.s, 0, 100), v: N(u.v, 0, 100), a: N(u.a) };
+  })({ h: Number(t), s: Number(n), v: Number(o), a: Number(i) });
+  return Ae(s);
+}, "hsv"]] }, be = function(e, t) {
+  for (var n = 0; n < t.length; n++) {
+    var o = t[n][0](e);
+    if (o) return [o, t[n][1]];
+  }
+  return [null, void 0];
+}, Ft = function(e) {
+  return typeof e == "string" ? be(e.trim(), ve.string) : typeof e == "object" && e !== null ? be(e, ve.object) : [null, void 0];
+}, U = function(e, t) {
+  var n = F(e);
+  return { h: n.h, s: N(n.s + 100 * t, 0, 100), l: n.l, a: n.a };
+}, Y = function(e) {
+  return (299 * e.r + 587 * e.g + 114 * e.b) / 1e3 / 255;
+}, pe = function(e, t) {
+  var n = F(e);
+  return { h: n.h, s: n.s, l: N(n.l + 100 * t, 0, 100), a: n.a };
+}, ge = (function() {
+  function e(t) {
+    this.parsed = Ft(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
+  }
+  return e.prototype.isValid = function() {
+    return this.parsed !== null;
+  }, e.prototype.brightness = function() {
+    return y(Y(this.rgba), 2);
+  }, e.prototype.isDark = function() {
+    return Y(this.rgba) < 0.5;
+  }, e.prototype.isLight = function() {
+    return Y(this.rgba) >= 0.5;
+  }, e.prototype.toHex = function() {
+    return t = Z(this.rgba), n = t.r, o = t.g, r = t.b, s = (i = t.a) < 1 ? H(y(255 * i)) : "", "#" + H(n) + H(o) + H(r) + s;
+    var t, n, o, r, i, s;
+  }, e.prototype.toRgb = function() {
+    return Z(this.rgba);
+  }, e.prototype.toRgbString = function() {
+    return t = Z(this.rgba), n = t.r, o = t.g, r = t.b, (i = t.a) < 1 ? "rgba(" + n + ", " + o + ", " + r + ", " + i + ")" : "rgb(" + n + ", " + o + ", " + r + ")";
+    var t, n, o, r, i;
+  }, e.prototype.toHsl = function() {
+    return he(F(this.rgba));
+  }, e.prototype.toHslString = function() {
+    return t = he(F(this.rgba)), n = t.h, o = t.s, r = t.l, (i = t.a) < 1 ? "hsla(" + n + ", " + o + "%, " + r + "%, " + i + ")" : "hsl(" + n + ", " + o + "%, " + r + "%)";
+    var t, n, o, r, i;
+  }, e.prototype.toHsv = function() {
+    return t = Me(this.rgba), { h: y(t.h), s: y(t.s), v: y(t.v), a: y(t.a, 3) };
+    var t;
+  }, e.prototype.invert = function() {
+    return E({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
+    var t;
+  }, e.prototype.saturate = function(t) {
+    return t === void 0 && (t = 0.1), E(U(this.rgba, t));
+  }, e.prototype.desaturate = function(t) {
+    return t === void 0 && (t = 0.1), E(U(this.rgba, -t));
+  }, e.prototype.grayscale = function() {
+    return E(U(this.rgba, -1));
+  }, e.prototype.lighten = function(t) {
+    return t === void 0 && (t = 0.1), E(pe(this.rgba, t));
+  }, e.prototype.darken = function(t) {
+    return t === void 0 && (t = 0.1), E(pe(this.rgba, -t));
+  }, e.prototype.rotate = function(t) {
+    return t === void 0 && (t = 15), this.hue(this.hue() + t);
+  }, e.prototype.alpha = function(t) {
+    return typeof t == "number" ? E({ r: (n = this.rgba).r, g: n.g, b: n.b, a: t }) : y(this.rgba.a, 3);
+    var n;
+  }, e.prototype.hue = function(t) {
+    var n = F(this.rgba);
+    return typeof t == "number" ? E({ h: t, s: n.s, l: n.l, a: n.a }) : y(n.h);
+  }, e.prototype.isEqual = function(t) {
+    return this.toHex() === E(t).toHex();
+  }, e;
+})(), E = function(e) {
+  return e instanceof ge ? e : new ge(e);
+};
+const { cssr: Ot, plugin: Vt, namespace: Re } = ct(), { c: g, cB: W, cE: x, cM: J, cNotM: xe } = { ...Ot, ...Vt }, z = `${Re}-chrome-tabs`, w = `${Re}-chrome-tabs-item`, P = "all .2s cubic-bezier(.4, 0, .2, 1)";
+function Dt() {
   return g([
     W("chrome-tabs", {
       display: "flex",
@@ -393,7 +741,7 @@ function $t() {
         boxSizing: "border-box"
       }),
       g(".group-move, .group-enter-active, .group-leave-active", {
-        transition: j
+        transition: P
       }),
       g(".group-enter-from, .group-leave-to", {
         opacity: 0
@@ -409,7 +757,7 @@ function $t() {
         padding: "5px",
         borderRadius: "10px",
         backgroundColor: "var(--active-background-color)",
-        transition: j
+        transition: P
       }, [
         g("svg", {
           width: "100%",
@@ -454,20 +802,20 @@ function $t() {
       flexShrink: 0,
       cursor: "default",
       userSelect: "none",
-      padding: "6px 10px 0px 10px"
+      padding: "6px 15px 0px 15px"
     }, [
-      U("disabled", {
+      J("disabled", {
         cursor: "not-allowed",
         pointerEvents: "none",
         opacity: 0.5,
         filter: "grayscale(0.5)"
       }),
-      U("active", [
+      J("active", [
         x("background", {
           opacity: 1
         })
       ]),
-      fe("active", [
+      xe("active", [
         g("&:hover", {}, [
           x("content", {
             backgroundColor: "var(--primary-color)"
@@ -489,7 +837,7 @@ function $t() {
         gap: "5px",
         borderRadius: "10px",
         padding: "0 10px",
-        transition: j
+        transition: P
       }),
       x("slot", {}),
       x("icon", {
@@ -509,7 +857,7 @@ function $t() {
         alignItems: "center",
         justifyContent: "center",
         borderRadius: "50%",
-        transition: j
+        transition: P
       }, [
         g("&:hover", {
           backgroundColor: "rgba(0,0,0,0.1)"
@@ -530,7 +878,7 @@ function $t() {
         width: "100%",
         display: "flex",
         alignItems: "flex-end",
-        transition: j
+        transition: P
       }, [
         x("block", {
           height: "100%",
@@ -550,11 +898,11 @@ function $t() {
         height: "16px",
         width: "2px",
         borderRadius: "1px",
-        transition: j,
+        transition: P,
         backgroundColor: "var(--primary-color)",
         opacity: 0
       }, [
-        U("show", {
+        J("show", {
           opacity: 1
         })
       ])
@@ -573,7 +921,7 @@ function $t() {
         ])
       ]),
       W("chrome-tabs-item", {}, [
-        fe("active", [
+        xe("active", [
           g("&:hover", {}, [
             x("content", {
               backgroundColor: "var(--primary-color-dark)"
@@ -592,587 +940,246 @@ function $t() {
     ])
   ]);
 }
-const Z = (e, t) => {
+const G = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, r] of t)
     n[o] = r;
   return n;
-}, kt = {
+}, Ht = {
+  name: "RiAddLine"
+}, Wt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+};
+function Kt(e, t, n, o, r, i) {
+  return I(), A("svg", Wt, t[0] || (t[0] = [
+    $("path", {
+      fill: "#757575",
+      d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
+    }, null, -1)
+  ]));
+}
+const qt = /* @__PURE__ */ G(Ht, [["render", Kt]]), Gt = {
+  name: "RiArrowDropDownLine"
+}, Zt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+};
+function Ut(e, t, n, o, r, i) {
+  return I(), A("svg", Zt, t[0] || (t[0] = [
+    $("path", {
+      fill: "#757575",
+      d: "m12 15l-4.243-4.242l1.415-1.414L12 12.172l2.828-2.828l1.415 1.414z"
+    }, null, -1)
+  ]));
+}
+const Yt = /* @__PURE__ */ G(Gt, [["render", Ut]]), Jt = {
   name: "LineMdLoadingTwotoneLoop"
-}, wt = {
+}, Qt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24"
 };
-function Ct(e, t, n, o, r, i) {
-  return E(), _("svg", wt, t[0] || (t[0] = [
-    je('<g fill="none" stroke="#757575" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="16" stroke-dashoffset="16" d="M12 3c4.97 0 9 4.03 9 9"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="16;0"></animate><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"></animateTransform></path><path stroke-dasharray="64" stroke-dashoffset="64" stroke-opacity=".3" d="M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.2s" values="64;0"></animate></path></g>', 1)
+function Xt(e, t, n, o, r, i) {
+  return I(), A("svg", Qt, t[0] || (t[0] = [
+    Fe('<g fill="none" stroke="#757575" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="16" stroke-dashoffset="16" d="M12 3c4.97 0 9 4.03 9 9"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="16;0"></animate><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"></animateTransform></path><path stroke-dasharray="64" stroke-dashoffset="64" stroke-opacity=".3" d="M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.2s" values="64;0"></animate></path></g>', 1)
   ]));
 }
-const Et = /* @__PURE__ */ Z(kt, [["render", Ct]]), It = {
+const _t = /* @__PURE__ */ G(Jt, [["render", Xt]]), en = {
   name: "RiCloseLine"
-}, Mt = {
+}, tn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24"
 };
-function Nt(e, t, n, o, r, i) {
-  return E(), _("svg", Mt, t[0] || (t[0] = [
-    k("path", {
+function nn(e, t, n, o, r, i) {
+  return I(), A("svg", tn, t[0] || (t[0] = [
+    $("path", {
       fill: "#757575",
       d: "m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"
     }, null, -1)
   ]));
 }
-const St = /* @__PURE__ */ Z(It, [["render", Nt]]), _t = /* @__PURE__ */ $e({
+const on = /* @__PURE__ */ G(en, [["render", nn]]), rn = /* @__PURE__ */ we({
   __name: "TabItem",
   props: {
     label: { type: [String, Function] },
     icon: { type: Function },
-    closable: { type: Boolean },
-    disabled: { type: Boolean },
-    loading: { type: Boolean },
+    closable: { type: [Boolean, Function] },
+    disabled: { type: [Boolean, Function] },
+    loading: { type: [Boolean, Function] },
     loadingIcon: { type: Function },
     onClick: { type: Function },
     onContextMenu: { type: Function },
     onClose: { type: Function },
+    class: {},
+    style: {},
     activeIndex: { default: 0 },
-    index: {}
+    itemIndex: {},
+    itemKey: {}
   },
   emits: ["itemClick", "itemContextmenu", "itemClose"],
   setup(e, { emit: t }) {
-    const n = t, o = M(() => e.activeIndex !== e.index && e.activeIndex !== e.index - 1), r = M(() => e.activeIndex === e.index), i = M(() => typeof e.label == "string" ? re("span", { class: `${w}__label` }, e.label) : e.label), s = M(() => e.loadingIcon ?? re(Et));
-    function u(d) {
-      d.stopPropagation(), n("itemClick", d), e.onClick?.(d);
+    const n = t, o = S(() => e.activeIndex !== e.itemIndex && e.activeIndex - 1 !== e.itemIndex), r = S(() => e.activeIndex === e.itemIndex), i = S(() => typeof e.label == "string" ? oe("span", { class: `${w}__label` }, e.label) : e.label(e.itemKey, e.itemIndex)), s = S(() => e.loadingIcon?.(e.itemKey, e.itemIndex) ?? oe(_t));
+    function u(a) {
+      a.stopPropagation(), n("itemClick", a), e.onClick?.(e.itemKey, e.itemIndex, a);
     }
-    function f(d) {
-      n("itemContextmenu", d), e.onContextMenu?.(d);
+    function f(a) {
+      n("itemContextmenu", a), e.onContextMenu?.(e.itemKey, e.itemIndex, a);
     }
-    function c() {
-      n("itemClose"), e.onClose?.();
+    function d(a) {
+      n("itemClose"), e.onClose?.(e.itemKey, e.itemIndex, a);
     }
-    return (d, a) => (E(), _("div", {
+    return (a, c) => (I(), A("div", {
       class: C([
-        b(w),
+        p(w),
         {
-          [`${b(w)}--active`]: r.value,
-          [`${b(w)}--disabled`]: d.disabled
+          [`${p(w)}--active`]: r.value,
+          [`${p(w)}--disabled`]: typeof a.disabled == "function" ? a.disabled(a.itemKey, a.itemIndex) : a.disabled
         }
       ]),
       onClick: u,
       onContextmenu: f
     }, [
-      k("div", {
-        class: C([`${b(w)}__content`])
+      $("div", {
+        class: C([`${p(w)}__content`])
       }, [
-        k("div", {
-          class: C([`${b(w)}__icon`])
+        $("div", {
+          class: C([`${p(w)}__icon`])
         }, [
-          (E(), X(ie(d.loading ? s.value : d.icon)))
+          (I(), _(re(typeof a.loading == "function" ? a.loading(a.itemKey, a.itemIndex) : a.loading ? s.value : a.icon?.(a.itemKey, a.itemIndex) ?? void 0)))
         ], 2),
-        k("div", {
-          class: C([`${b(w)}__slot`])
+        $("div", {
+          class: C([`${p(w)}__slot`])
         }, [
-          (E(), X(ie(i.value)))
+          (I(), _(re(i.value)))
         ], 2),
-        d.closable ? (E(), _("div", {
+        (typeof a.closable == "function" ? a.closable(a.itemKey, a.itemIndex) : a.closable) ? (I(), A("div", {
           key: 0,
-          class: C([`${b(w)}__close`]),
-          onClick: Te(c, ["stop"])
+          class: C([`${p(w)}__close`]),
+          onClick: Oe(d, ["stop"])
         }, [
-          q(St)
-        ], 2)) : Q("", !0)
+          K(on)
+        ], 2)) : X("", !0)
       ], 2),
-      k("div", {
-        class: C([`${b(w)}__background`])
+      $("div", {
+        class: C([`${p(w)}__background`])
       }, [
-        a[0] || (a[0] = k("svg", {
+        c[0] || (c[0] = $("svg", {
           width: "10",
           height: "10"
         }, [
-          k("path", { d: "M 0 10 A 10 10 0 0 0 10 0 L 10 10 Z" })
+          $("path", { d: "M 0 10 A 10 10 0 0 0 10 0 L 10 10 Z" })
         ], -1)),
-        k("div", {
-          class: C([`${b(w)}__block`])
+        $("div", {
+          class: C([`${p(w)}__block`])
         }, null, 2),
-        a[1] || (a[1] = k("svg", {
+        c[1] || (c[1] = $("svg", {
           width: "10",
           height: "10"
         }, [
-          k("path", { d: "M 0 0 A 10 10 0 0 0 10 10 L 0 10 Z" })
+          $("path", { d: "M 0 0 A 10 10 0 0 0 10 10 L 0 10 Z" })
         ], -1))
       ], 2),
-      k("div", {
-        class: C([`${b(w)}__line`, o.value ? `${b(w)}__line--show` : ""])
+      $("div", {
+        class: C([`${p(w)}__line`, o.value ? `${p(w)}__line--show` : ""])
       }, null, 2)
     ], 34));
   }
-});
-function Se(e) {
-  return Pe() ? (ze(e), !0) : !1;
-}
-const At = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Rt = Object.prototype.toString, Bt = (e) => Rt.call(e) === "[object Object]", de = () => {
-};
-function Lt(e, t) {
-  function n(...o) {
-    return new Promise((r, i) => {
-      Promise.resolve(e(() => t.apply(this, o), { fn: t, thisArg: this, args: o })).then(r).catch(i);
-    });
-  }
-  return n;
-}
-function jt(e, t = {}) {
-  let n, o, r = de;
-  const i = (f) => {
-    clearTimeout(f), r(), r = de;
-  };
-  let s;
-  return (f) => {
-    const c = B(e), d = B(t.maxWait);
-    return n && i(n), c <= 0 || d !== void 0 && d <= 0 ? (o && (i(o), o = void 0), Promise.resolve(f())) : new Promise((a, v) => {
-      r = t.rejectOnCancel ? v : a, s = f, d && !o && (o = setTimeout(() => {
-        n && i(n), o = void 0, a(s());
-      }, d)), n = setTimeout(() => {
-        o && i(o), o = void 0, a(f());
-      }, c);
-    });
-  };
-}
-function G(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function Tt(e) {
-  return Ce();
-}
-// @__NO_SIDE_EFFECTS__
-function Pt(e, t = 200, n = {}) {
-  return Lt(
-    jt(t, n),
-    e
-  );
-}
-function zt(e, t = !0, n) {
-  Tt() ? ke(e, n) : t ? e() : we(e);
-}
-function Ot(e, t, n) {
-  return O(
-    e,
-    t,
-    {
-      ...n,
-      immediate: !0
-    }
-  );
-}
-const oe = At ? window : void 0;
-function R(e) {
-  var t;
-  const n = B(e);
-  return (t = n?.$el) != null ? t : n;
-}
-function Dt(...e) {
-  const t = [], n = () => {
-    t.forEach((u) => u()), t.length = 0;
-  }, o = (u, f, c, d) => (u.addEventListener(f, c, d), () => u.removeEventListener(f, c, d)), r = M(() => {
-    const u = G(B(e[0])).filter((f) => f != null);
-    return u.every((f) => typeof f != "string") ? u : void 0;
-  }), i = Ot(
-    () => {
-      var u, f;
-      return [
-        (f = (u = r.value) == null ? void 0 : u.map((c) => R(c))) != null ? f : [oe].filter((c) => c != null),
-        G(B(r.value ? e[1] : e[0])),
-        G(b(r.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        B(r.value ? e[3] : e[2])
-      ];
-    },
-    ([u, f, c, d]) => {
-      if (n(), !u?.length || !f?.length || !c?.length)
-        return;
-      const a = Bt(d) ? { ...d } : d;
-      t.push(
-        ...u.flatMap(
-          (v) => f.flatMap(
-            (S) => c.map((l) => o(v, S, l, a))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), s = () => {
-    i(), n();
-  };
-  return Se(n), s;
-}
-// @__NO_SIDE_EFFECTS__
-function Vt() {
-  const e = ee(!1), t = Ce();
-  return t && ke(() => {
-    e.value = !0;
-  }, t), e;
-}
-// @__NO_SIDE_EFFECTS__
-function Ht(e) {
-  const t = /* @__PURE__ */ Vt();
-  return M(() => (t.value, !!e()));
-}
-function Wt(e, t, n = {}) {
-  const { window: o = oe, ...r } = n;
-  let i;
-  const s = /* @__PURE__ */ Ht(() => o && "ResizeObserver" in o), u = () => {
-    i && (i.disconnect(), i = void 0);
-  }, f = M(() => {
-    const a = B(e);
-    return Array.isArray(a) ? a.map((v) => R(v)) : [R(a)];
-  }), c = O(
-    f,
-    (a) => {
-      if (u(), s.value && o) {
-        i = new ResizeObserver(t);
-        for (const v of a)
-          v && i.observe(v, r);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), d = () => {
-    u(), c();
-  };
-  return Se(d), {
-    isSupported: s,
-    stop: d
-  };
-}
-function Ft(e, t = { width: 0, height: 0 }, n = {}) {
-  const { window: o = oe, box: r = "content-box" } = n, i = M(() => {
-    var a, v;
-    return (v = (a = R(e)) == null ? void 0 : a.namespaceURI) == null ? void 0 : v.includes("svg");
-  }), s = ee(t.width), u = ee(t.height), { stop: f } = Wt(
-    e,
-    ([a]) => {
-      const v = r === "border-box" ? a.borderBoxSize : r === "content-box" ? a.contentBoxSize : a.devicePixelContentBoxSize;
-      if (o && i.value) {
-        const S = R(e);
-        if (S) {
-          const l = S.getBoundingClientRect();
-          s.value = l.width, u.value = l.height;
-        }
-      } else if (v) {
-        const S = G(v);
-        s.value = S.reduce((l, { inlineSize: p }) => l + p, 0), u.value = S.reduce((l, { blockSize: p }) => l + p, 0);
-      } else
-        s.value = a.contentRect.width, u.value = a.contentRect.height;
-    },
-    n
-  );
-  zt(() => {
-    const a = R(e);
-    a && (s.value = "offsetWidth" in a ? a.offsetWidth : t.width, u.value = "offsetHeight" in a ? a.offsetHeight : t.height);
-  });
-  const c = O(
-    () => R(e),
-    (a) => {
-      s.value = a ? t.width : 0, u.value = a ? t.height : 0;
-    }
-  );
-  function d() {
-    f(), c();
-  }
-  return {
-    width: s,
-    height: u,
-    stop: d
-  };
-}
-function qt(e) {
-  const { activeClassName: t = ".active", enableWheel: n = !0, direction: o = "vertical" } = e ?? {}, r = Oe(), { width: i, height: s } = Ft(r);
-  async function u(d) {
-    await we();
-    const a = r.value?.querySelector(t);
-    a && a.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest",
-      inline: "nearest",
-      ...d
-    });
-  }
-  function f(d) {
-    if (!n) return;
-    d.preventDefault();
-    const { deltaY: a } = d;
-    switch (o) {
-      case "vertical":
-        r.value?.scrollBy({
-          top: a > 0 ? s.value : -s.value,
-          behavior: "smooth"
-        });
-        break;
-      case "horizontal":
-        r.value?.scrollBy({
-          left: a > 0 ? i.value : -i.value,
-          behavior: "smooth"
-        });
-        break;
-    }
-  }
-  Dt(r, "wheel", f);
-  const c = /* @__PURE__ */ Pt(u, 500);
-  return O([i, s], () => {
-    c();
-  }), {
-    scrollRef: r,
-    scrollToView: u
-  };
-}
-var Gt = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
-  return typeof e == "string" ? e.length > 0 : typeof e == "number";
-}, y = function(e, t, n) {
-  return t === void 0 && (t = 0), n === void 0 && (n = Math.pow(10, t)), Math.round(n * e) / n + 0;
-}, N = function(e, t, n) {
-  return t === void 0 && (t = 0), n === void 0 && (n = 1), e > n ? n : e > t ? e : t;
-}, _e = function(e) {
-  return (e = isFinite(e) ? e % 360 : 0) > 0 ? e : e + 360;
-}, he = function(e) {
-  return { r: N(e.r, 0, 255), g: N(e.g, 0, 255), b: N(e.b, 0, 255), a: N(e.a) };
-}, K = function(e) {
-  return { r: y(e.r), g: y(e.g), b: y(e.b), a: y(e.a, 3) };
-}, Zt = /^#([0-9a-f]{3,8})$/i, F = function(e) {
-  var t = e.toString(16);
-  return t.length < 2 ? "0" + t : t;
-}, Ae = function(e) {
-  var t = e.r, n = e.g, o = e.b, r = e.a, i = Math.max(t, n, o), s = i - Math.min(t, n, o), u = s ? i === t ? (n - o) / s : i === n ? 2 + (o - t) / s : 4 + (t - n) / s : 0;
-  return { h: 60 * (u < 0 ? u + 6 : u), s: i ? s / i * 100 : 0, v: i / 255 * 100, a: r };
-}, Re = function(e) {
-  var t = e.h, n = e.s, o = e.v, r = e.a;
-  t = t / 360 * 6, n /= 100, o /= 100;
-  var i = Math.floor(t), s = o * (1 - n), u = o * (1 - (t - i) * n), f = o * (1 - (1 - t + i) * n), c = i % 6;
-  return { r: 255 * [o, u, s, s, f, o][c], g: 255 * [f, o, o, u, s, s][c], b: 255 * [s, s, f, o, o, u][c], a: r };
-}, me = function(e) {
-  return { h: _e(e.h), s: N(e.s, 0, 100), l: N(e.l, 0, 100), a: N(e.a) };
-}, pe = function(e) {
-  return { h: y(e.h), s: y(e.s), l: y(e.l), a: y(e.a, 3) };
-}, ve = function(e) {
-  return Re((n = (t = e).s, { h: t.h, s: (n *= ((o = t.l) < 50 ? o : 100 - o) / 100) > 0 ? 2 * n / (o + n) * 100 : 0, v: o + n, a: t.a }));
-  var t, n, o;
-}, z = function(e) {
-  return { h: (t = Ae(e)).h, s: (r = (200 - (n = t.s)) * (o = t.v) / 100) > 0 && r < 200 ? n * o / 100 / (r <= 100 ? r : 200 - r) * 100 : 0, l: r / 2, a: t.a };
-  var t, n, o, r;
-}, Ut = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Kt = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Yt = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Jt = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, be = { string: [[function(e) {
-  var t = Zt.exec(e);
-  return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? y(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : e.length === 6 || e.length === 8 ? { r: parseInt(e.substr(0, 2), 16), g: parseInt(e.substr(2, 2), 16), b: parseInt(e.substr(4, 2), 16), a: e.length === 8 ? y(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
-}, "hex"], [function(e) {
-  var t = Yt.exec(e) || Jt.exec(e);
-  return t ? t[2] !== t[4] || t[4] !== t[6] ? null : he({ r: Number(t[1]) / (t[2] ? 100 / 255 : 1), g: Number(t[3]) / (t[4] ? 100 / 255 : 1), b: Number(t[5]) / (t[6] ? 100 / 255 : 1), a: t[7] === void 0 ? 1 : Number(t[7]) / (t[8] ? 100 : 1) }) : null;
-}, "rgb"], [function(e) {
-  var t = Ut.exec(e) || Kt.exec(e);
-  if (!t) return null;
-  var n, o, r = me({ h: (n = t[1], o = t[2], o === void 0 && (o = "deg"), Number(n) * (Gt[o] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
-  return ve(r);
-}, "hsl"]], object: [[function(e) {
-  var t = e.r, n = e.g, o = e.b, r = e.a, i = r === void 0 ? 1 : r;
-  return A(t) && A(n) && A(o) ? he({ r: Number(t), g: Number(n), b: Number(o), a: Number(i) }) : null;
-}, "rgb"], [function(e) {
-  var t = e.h, n = e.s, o = e.l, r = e.a, i = r === void 0 ? 1 : r;
-  if (!A(t) || !A(n) || !A(o)) return null;
-  var s = me({ h: Number(t), s: Number(n), l: Number(o), a: Number(i) });
-  return ve(s);
-}, "hsl"], [function(e) {
-  var t = e.h, n = e.s, o = e.v, r = e.a, i = r === void 0 ? 1 : r;
-  if (!A(t) || !A(n) || !A(o)) return null;
-  var s = function(u) {
-    return { h: _e(u.h), s: N(u.s, 0, 100), v: N(u.v, 0, 100), a: N(u.a) };
-  }({ h: Number(t), s: Number(n), v: Number(o), a: Number(i) });
-  return Re(s);
-}, "hsv"]] }, ge = function(e, t) {
-  for (var n = 0; n < t.length; n++) {
-    var o = t[n][0](e);
-    if (o) return [o, t[n][1]];
-  }
-  return [null, void 0];
-}, Qt = function(e) {
-  return typeof e == "string" ? ge(e.trim(), be.string) : typeof e == "object" && e !== null ? ge(e, be.object) : [null, void 0];
-}, Y = function(e, t) {
-  var n = z(e);
-  return { h: n.h, s: N(n.s + 100 * t, 0, 100), l: n.l, a: n.a };
-}, J = function(e) {
-  return (299 * e.r + 587 * e.g + 114 * e.b) / 1e3 / 255;
-}, xe = function(e, t) {
-  var n = z(e);
-  return { h: n.h, s: n.s, l: N(n.l + 100 * t, 0, 100), a: n.a };
-}, ye = function() {
-  function e(t) {
-    this.parsed = Qt(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
-  }
-  return e.prototype.isValid = function() {
-    return this.parsed !== null;
-  }, e.prototype.brightness = function() {
-    return y(J(this.rgba), 2);
-  }, e.prototype.isDark = function() {
-    return J(this.rgba) < 0.5;
-  }, e.prototype.isLight = function() {
-    return J(this.rgba) >= 0.5;
-  }, e.prototype.toHex = function() {
-    return t = K(this.rgba), n = t.r, o = t.g, r = t.b, s = (i = t.a) < 1 ? F(y(255 * i)) : "", "#" + F(n) + F(o) + F(r) + s;
-    var t, n, o, r, i, s;
-  }, e.prototype.toRgb = function() {
-    return K(this.rgba);
-  }, e.prototype.toRgbString = function() {
-    return t = K(this.rgba), n = t.r, o = t.g, r = t.b, (i = t.a) < 1 ? "rgba(" + n + ", " + o + ", " + r + ", " + i + ")" : "rgb(" + n + ", " + o + ", " + r + ")";
-    var t, n, o, r, i;
-  }, e.prototype.toHsl = function() {
-    return pe(z(this.rgba));
-  }, e.prototype.toHslString = function() {
-    return t = pe(z(this.rgba)), n = t.h, o = t.s, r = t.l, (i = t.a) < 1 ? "hsla(" + n + ", " + o + "%, " + r + "%, " + i + ")" : "hsl(" + n + ", " + o + "%, " + r + "%)";
-    var t, n, o, r, i;
-  }, e.prototype.toHsv = function() {
-    return t = Ae(this.rgba), { h: y(t.h), s: y(t.s), v: y(t.v), a: y(t.a, 3) };
-    var t;
-  }, e.prototype.invert = function() {
-    return I({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
-    var t;
-  }, e.prototype.saturate = function(t) {
-    return t === void 0 && (t = 0.1), I(Y(this.rgba, t));
-  }, e.prototype.desaturate = function(t) {
-    return t === void 0 && (t = 0.1), I(Y(this.rgba, -t));
-  }, e.prototype.grayscale = function() {
-    return I(Y(this.rgba, -1));
-  }, e.prototype.lighten = function(t) {
-    return t === void 0 && (t = 0.1), I(xe(this.rgba, t));
-  }, e.prototype.darken = function(t) {
-    return t === void 0 && (t = 0.1), I(xe(this.rgba, -t));
-  }, e.prototype.rotate = function(t) {
-    return t === void 0 && (t = 15), this.hue(this.hue() + t);
-  }, e.prototype.alpha = function(t) {
-    return typeof t == "number" ? I({ r: (n = this.rgba).r, g: n.g, b: n.b, a: t }) : y(this.rgba.a, 3);
-    var n;
-  }, e.prototype.hue = function(t) {
-    var n = z(this.rgba);
-    return typeof t == "number" ? I({ h: t, s: n.s, l: n.l, a: n.a }) : y(n.h);
-  }, e.prototype.isEqual = function(t) {
-    return this.toHex() === I(t).toHex();
-  }, e;
-}(), I = function(e) {
-  return e instanceof ye ? e : new ye(e);
-};
-const Xt = {
-  name: "RiAddLine"
-}, en = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 24 24"
-};
-function tn(e, t, n, o, r, i) {
-  return E(), _("svg", en, t[0] || (t[0] = [
-    k("path", {
-      fill: "#757575",
-      d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
-    }, null, -1)
-  ]));
-}
-const nn = /* @__PURE__ */ Z(Xt, [["render", tn]]), on = {
-  name: "RiArrowDropDownLine"
-}, rn = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 24 24"
-};
-function sn(e, t, n, o, r, i) {
-  return E(), _("svg", rn, t[0] || (t[0] = [
-    k("path", {
-      fill: "#757575",
-      d: "m12 15l-4.243-4.242l1.415-1.414L12 12.172l2.828-2.828l1.415 1.414z"
-    }, null, -1)
-  ]));
-}
-const un = /* @__PURE__ */ Z(on, [["render", sn]]), an = /* @__PURE__ */ $e({
+}), un = /* @__PURE__ */ we({
   __name: "Tabs",
-  props: /* @__PURE__ */ se({
+  props: {
+    value: {},
     colors: {},
     dropdown: { type: Boolean },
     addable: { type: Boolean },
-    options: {}
-  }, {
-    value: {},
-    valueModifiers: {}
-  }),
-  emits: /* @__PURE__ */ se(["click", "contextmenu", "close", "add"], ["update:value"]),
+    options: {},
+    loadingValue: {},
+    contentClass: {},
+    contentStyle: {}
+  },
+  emits: ["update:value", "click", "contextmenu", "close", "add"],
   setup(e, { emit: t }) {
     const n = t;
-    gt("n-chrome-tabs", $t());
-    const { background: o = "#E5E7EB", active: r = "#fff", primary: i = "rgba(251,191,36,1)" } = e.colors ?? {}, s = De(e, "value"), u = M(() => e.options?.findIndex((h) => h.key === s.value)), { scrollRef: f, scrollToView: c } = qt({ activeClassName: `.${w}--active`, direction: "horizontal" });
-    O(s, () => {
-      c();
+    bt("n-chrome-tabs", Dt());
+    const { background: o = "#F1F1F1", active: r = "#fff", primary: i = "rgba(0,0,0,.1)" } = e.colors ?? {}, s = S(() => e.value ? e.options?.findIndex((h) => h.key === e.value) : 0), { scrollRef: u, scrollToView: f } = Rt({ activeClassName: `.${w}--active`, direction: "horizontal" });
+    O(() => e.value, () => {
+      f();
     }, {
       immediate: !0
     });
-    const d = M(() => I(o).darken(0.9).toHex()), a = M(() => I(r).darken(0.8).toHex()), v = M(() => I(i).darken(0.3).toHex());
-    function S(h) {
-      n("click", h);
+    const d = S(() => E(o).darken(0.9).toHex()), a = S(() => E(r).darken(0.8).toHex()), c = S(() => E(i).darken(0.3).toHex());
+    function b(h, v) {
+      n("update:value", h), n("click", h, v);
     }
-    function l(h) {
-      n("contextmenu", h);
+    function M(h, v) {
+      n("contextmenu", h, v);
     }
-    function p(h) {
-      n("close", h);
+    function l(h, v) {
+      n("close", h, v);
     }
-    return (h, m) => (E(), _("div", {
-      class: C([b(P)]),
-      style: Ve({
-        "--background-color": `${b(o)}`,
+    return (h, v) => (I(), A("div", {
+      class: C([p(z)]),
+      style: ie({
+        "--background-color": `${p(o)}`,
         "--background-color-dark": `${d.value}`,
-        "--active-background-color": `${b(r)}`,
+        "--active-background-color": `${p(r)}`,
         "--active-background-color-dark": `${a.value}`,
-        "--primary-color": `${b(i)}`,
-        "--primary-color-dark": `${v.value}`
+        "--primary-color": `${p(i)}`,
+        "--primary-color-dark": `${c.value}`
       })
     }, [
-      h.dropdown ? (E(), _("div", {
+      h.dropdown ? (I(), A("div", {
         key: 0,
-        class: C([`${b(P)}__icon`])
+        class: C([`${p(z)}__icon`])
       }, [
-        q(un)
-      ], 2)) : Q("", !0),
-      ue(h.$slots, "prefix"),
-      k("div", {
+        K(Yt)
+      ], 2)) : X("", !0),
+      se(h.$slots, "prefix"),
+      $("div", {
         ref_key: "scrollRef",
-        ref: f,
-        class: C([`${b(P)}__content`])
+        ref: u,
+        class: C([`${p(z)}__content`, h.contentClass]),
+        style: ie(h.contentStyle)
       }, [
-        q(He, {
+        K(Ve, {
           name: "group",
           tag: "div",
-          class: C([`${b(P)}__scroll`])
+          class: C([`${p(z)}__scroll`])
         }, {
-          default: We(() => [
-            (E(!0), _(Fe, null, qe(h.options, ({ key: $, ...T }, L) => (E(), X(_t, Ge({ key: $ }, { ref_for: !0 }, T, {
-              index: L,
-              "active-index": u.value,
-              onItemClick: (D) => S($),
-              onItemContextmenu: (D) => l($),
-              onItemClose: (D) => p($)
-            }), null, 16, ["index", "active-index", "onItemClick", "onItemContextmenu", "onItemClose"]))), 128))
+          default: De(() => [
+            (I(!0), A(He, null, We(h.options, ({ key: m, ...k }, B) => (I(), _(rn, Ke({
+              key: m,
+              loading: h.loadingValue === m
+            }, { ref_for: !0 }, k, {
+              "item-key": m,
+              "item-index": B,
+              "active-index": s.value,
+              onItemClick: (L) => b(m, B),
+              onItemContextmenu: (L) => M(m, B),
+              onItemClose: (L) => l(m, B)
+            }), null, 16, ["loading", "item-key", "item-index", "active-index", "onItemClick", "onItemContextmenu", "onItemClose"]))), 128))
           ]),
           _: 1
         }, 8, ["class"])
-      ], 2),
-      ue(h.$slots, "suffix"),
-      h.addable ? (E(), _("div", {
+      ], 6),
+      se(h.$slots, "suffix"),
+      h.addable ? (I(), A("div", {
         key: 1,
-        class: C([`${b(P)}__icon`]),
-        onClick: m[0] || (m[0] = ($) => n("add"))
+        class: C([`${p(z)}__icon`]),
+        onClick: v[0] || (v[0] = (m) => n("add"))
       }, [
-        q(nn)
-      ], 2)) : Q("", !0)
+        K(qt)
+      ], 2)) : X("", !0)
     ], 6));
   }
 });
 export {
-  _t as CTabItem,
-  an as CTabs
+  un as CTabs
 };