@oiij/chrome-tabs 0.0.12 → 0.0.14

package/dist/index.js

@@ -1,1177 +1,3 @@
-import { inject as Le, onBeforeMount as ze, onMounted as ye, nextTick as $e, watch as P, getCurrentScope as Te, onScopeDispose as je, getCurrentInstance as ke, toValue as L, computed as M, shallowRef as Q, unref as y, ref as Pe, createElementBlock as A, openBlock as I, createElementVNode as k, createStaticVNode as Fe, defineComponent as we, h as ie, normalizeClass as C, createCommentVNode as X, normalizeStyle as _, createBlock as ee, resolveDynamicComponent as re, withModifiers as Oe, createVNode as D, renderSlot as ue, TransitionGroup as Ve, withCtx as He, Fragment as We, renderList as De, mergeProps as Ke } from "vue";
-function qe(e) {
-  let t = ".", n = "__", o = "--", i;
-  if (e) {
-    let a = e.blockPrefix;
-    a && (t = a), a = e.elementPrefix, a && (n = a), a = e.modifierPrefix, a && (o = a);
-  }
-  const r = {
-    install(a) {
-      i = a.c;
-      const h = a.context;
-      h.bem = {}, h.bem.b = null, h.bem.els = null;
-    }
-  };
-  function u(a) {
-    let h, m;
-    return {
-      before(v) {
-        h = v.bem.b, m = v.bem.els, v.bem.els = null;
-      },
-      after(v) {
-        v.bem.b = h, v.bem.els = m;
-      },
-      $({ context: v, props: N }) {
-        return a = typeof a == "string" ? a : a({ context: v, props: N }), v.bem.b = a, `${N?.bPrefix || t}${v.bem.b}`;
-      }
-    };
-  }
-  function l(a) {
-    let h;
-    return {
-      before(m) {
-        h = m.bem.els;
-      },
-      after(m) {
-        m.bem.els = h;
-      },
-      $({ context: m, props: v }) {
-        return a = typeof a == "string" ? a : a({ context: m, props: v }), m.bem.els = a.split(",").map((N) => N.trim()), m.bem.els.map((N) => `${v?.bPrefix || t}${m.bem.b}${n}${N}`).join(", ");
-      }
-    };
-  }
-  function d(a) {
-    return {
-      $({ context: h, props: m }) {
-        a = typeof a == "string" ? a : a({ context: h, props: m });
-        const v = a.split(",").map((F) => F.trim());
-        function N(F) {
-          return v.map((Be) => `&${m?.bPrefix || t}${h.bem.b}${F !== void 0 ? `${n}${F}` : ""}${o}${Be}`).join(", ");
-        }
-        const G = h.bem.els;
-        if (G !== null) {
-          if (process.env.NODE_ENV !== "production" && G.length >= 2)
-            throw Error(`[css-render/plugin-bem]: m(${a}) is invalid, using modifier inside multiple elements is not allowed`);
-          return N(G[0]);
-        } else
-          return N();
-      }
-    };
-  }
-  function c(a) {
-    return {
-      $({ context: h, props: m }) {
-        a = typeof a == "string" ? a : a({ context: h, props: m });
-        const v = h.bem.els;
-        if (process.env.NODE_ENV !== "production" && v !== null && v.length >= 2)
-          throw Error(`[css-render/plugin-bem]: notM(${a}) is invalid, using modifier inside multiple elements is not allowed`);
-        return `&:not(${m?.bPrefix || t}${h.bem.b}${v !== null && v.length > 0 ? `${n}${v[0]}` : ""}${o}${a})`;
-      }
-    };
-  }
-  return Object.assign(r, {
-    cB: ((...a) => i(u(a[0]), a[1], a[2])),
-    cE: ((...a) => i(l(a[0]), a[1], a[2])),
-    cM: ((...a) => i(d(a[0]), a[1], a[2])),
-    cNotM: ((...a) => i(c(a[0]), a[1], a[2]))
-  }), r;
-}
-function Ge(e) {
-  let t = 0;
-  for (let n = 0; n < e.length; ++n)
-    e[n] === "&" && ++t;
-  return t;
-}
-const Ce = /\s*,(?![^(]*\))\s*/g, Ze = /\s+/g;
-function Ue(e, t) {
-  const n = [];
-  return t.split(Ce).forEach((o) => {
-    let i = Ge(o);
-    if (i) {
-      if (i === 1) {
-        e.forEach((u) => {
-          n.push(o.replace("&", u));
-        });
-        return;
-      }
-    } else {
-      e.forEach((u) => {
-        n.push(
-          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
-          (u && u + " ") + o
-        );
-      });
-      return;
-    }
-    let r = [
-      o
-    ];
-    for (; i--; ) {
-      const u = [];
-      r.forEach((l) => {
-        e.forEach((d) => {
-          u.push(l.replace("&", d));
-        });
-      }), r = u;
-    }
-    r.forEach((u) => n.push(u));
-  }), n;
-}
-function Ye(e, t) {
-  const n = [];
-  return t.split(Ce).forEach((o) => {
-    e.forEach((i) => {
-      n.push((i && i + " ") + o);
-    });
-  }), n;
-}
-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 = Ue(t, n) : t = Ye(t, n));
-  }), t.join(", ").replace(Ze, " ");
-}
-function le(e) {
-  if (!e)
-    return;
-  const t = e.parentElement;
-  t && t.removeChild(e);
-}
-function ne(e, t) {
-  return (t ?? document.head).querySelector(`style[cssr-id="${e}"]`);
-}
-function Qe(e) {
-  const t = document.createElement("style");
-  return t.setAttribute("cssr-id", e), t;
-}
-function O(e) {
-  return e ? /^\s*@(s|m)/.test(e) : !1;
-}
-const Xe = /[A-Z]/g;
-function Ie(e) {
-  return e.replace(Xe, (t) => "-" + t.toLowerCase());
-}
-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 et(e, t, n) {
-  return typeof e == "function" ? e({
-    context: t.context,
-    props: n
-  }) : e;
-}
-function se(e, t, n, o) {
-  if (!t)
-    return "";
-  const i = et(t, n, o);
-  if (!i)
-    return "";
-  if (typeof i == "string")
-    return `${e} {
-${i}
-}`;
-  const r = Object.keys(i);
-  if (r.length === 0)
-    return n.config.keepEmptyBlock ? e + ` {
-}` : "";
-  const u = e ? [
-    e + " {"
-  ] : [];
-  return r.forEach((l) => {
-    const d = i[l];
-    if (l === "raw") {
-      u.push(`
-` + d + `
-`);
-      return;
-    }
-    l = Ie(l), d != null && u.push(`  ${l}${_e(d)}`);
-  }), e && u.push("}"), u.join(`
-`);
-}
-function te(e, t, n) {
-  e && e.forEach((o) => {
-    if (Array.isArray(o))
-      te(o, t, n);
-    else if (typeof o == "function") {
-      const i = o(t);
-      Array.isArray(i) ? te(i, t, n) : i && n(i);
-    } else o && n(o);
-  });
-}
-function Ee(e, t, n, o, i) {
-  const r = e.$;
-  let u = "";
-  if (!r || typeof r == "string")
-    O(r) ? u = r : t.push(r);
-  else if (typeof r == "function") {
-    const c = r({
-      context: o.context,
-      props: i
-    });
-    O(c) ? u = c : t.push(c);
-  } else if (r.before && r.before(o.context), !r.$ || typeof r.$ == "string")
-    O(r.$) ? u = r.$ : t.push(r.$);
-  else if (r.$) {
-    const c = r.$({
-      context: o.context,
-      props: i
-    });
-    O(c) ? u = c : t.push(c);
-  }
-  const l = Je(t), d = se(l, e.props, o, i);
-  u ? n.push(`${u} {`) : d.length && n.push(d), e.children && te(e.children, {
-    context: o.context,
-    props: i
-  }, (c) => {
-    if (typeof c == "string") {
-      const f = se(l, { raw: c }, o, i);
-      n.push(f);
-    } else
-      Ee(c, t, n, o, i);
-  }), t.pop(), u && n.push("}"), r && r.after && r.after(o.context);
-}
-function tt(e, t, n) {
-  const o = [];
-  return Ee(e, [], o, t, n), o.join(`
+import Tabs_default from "./Tabs.js";
 
-`);
-}
-function nt(e) {
-  for (var t = 0, n, o = 0, i = e.length; i >= 4; ++o, i -= 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: */
-    n >>> 24, t = /* Math.imul(k, m): */
-    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
-    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
-  switch (i) {
-    case 3:
-      t ^= (e.charCodeAt(o + 2) & 255) << 16;
-    case 2:
-      t ^= (e.charCodeAt(o + 1) & 255) << 8;
-    case 1:
-      t ^= e.charCodeAt(o) & 255, t = /* Math.imul(h, m): */
-      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
-  }
-  return t ^= t >>> 13, t = /* Math.imul(h, m): */
-  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
-}
-typeof window < "u" && (window.__cssrContext = {});
-function ot(e, t, n, o) {
-  const { els: i } = t;
-  if (n === void 0)
-    i.forEach(le), t.els = [];
-  else {
-    const r = ne(n, o);
-    r && i.includes(r) && (le(r), t.els = i.filter((u) => u !== r));
-  }
-}
-function ae(e, t) {
-  e.push(t);
-}
-function it(e, t, n, o, i, r, u, l, d) {
-  let c;
-  if (n === void 0 && (c = t.render(o), n = nt(c)), d) {
-    d.adapter(n, c ?? t.render(o));
-    return;
-  }
-  l === void 0 && (l = document.head);
-  const f = ne(n, l);
-  if (f !== null && !r)
-    return f;
-  const s = f ?? Qe(n);
-  if (c === void 0 && (c = t.render(o)), s.textContent = c, f !== null)
-    return f;
-  if (u) {
-    const b = l.querySelector(`meta[name="${u}"]`);
-    if (b)
-      return l.insertBefore(s, b), ae(t.els, s), s;
-  }
-  return i ? l.insertBefore(s, l.querySelector("style, link")) : l.appendChild(s), ae(t.els, s), s;
-}
-function rt(e) {
-  return tt(this, this.instance, e);
-}
-function ut(e = {}) {
-  const { id: t, ssr: n, props: o, head: i = !1, force: r = !1, anchorMetaName: u, parent: l } = e;
-  return it(this.instance, this, t, o, i, r, u, l, n);
-}
-function lt(e = {}) {
-  const { id: t, parent: n } = e;
-  ot(this.instance, this, t, n);
-}
-const V = function(e, t, n, o) {
-  return {
-    instance: e,
-    $: t,
-    props: n,
-    children: o,
-    els: [],
-    render: rt,
-    mount: ut,
-    unmount: lt
-  };
-}, st = function(e, t, n, o) {
-  return Array.isArray(t) ? V(e, { $: null }, null, t) : Array.isArray(n) ? V(e, t, null, n) : Array.isArray(o) ? V(e, t, n, o) : V(e, t, n, null);
-};
-function at(e = {}) {
-  const t = {
-    c: ((...n) => st(t, ...n)),
-    use: (n, ...o) => n.install(t, ...o),
-    find: ne,
-    context: {},
-    config: e
-  };
-  return t;
-}
-function ct(e) {
-  const { namespace: t = "n", blockPrefix: n = `.${t}-`, elementPrefix: o = "__", modifierPrefix: i = "--" } = e ?? {}, r = at(), u = qe({
-    blockPrefix: n,
-    elementPrefix: o,
-    modifierPrefix: i
-  });
-  return r.use(u), {
-    namespace: t,
-    blockPrefix: n,
-    elementPrefix: o,
-    modifierPrefix: i,
-    cssr: r,
-    plugin: u
-  };
-}
-const dt = "@css-render/vue3-ssr";
-function ft(e, t) {
-  return `<style cssr-id="${e}">
-${t}
-</style>`;
-}
-function ht(e, t, n) {
-  const { styles: o, ids: i } = n;
-  i.has(e) || o !== null && (i.add(e), o.push(ft(e, t)));
-}
-const mt = typeof document < "u";
-function vt() {
-  if (mt)
-    return;
-  const e = Le(dt, null);
-  if (e !== null)
-    return {
-      adapter: (t, n) => ht(t, n, e),
-      context: e
-    };
-}
-function bt(e, t) {
-  const n = vt();
-  function o() {
-    t.mount({
-      id: e,
-      head: !0,
-      ssr: n
-    });
-  }
-  n ? o() : ze(() => {
-    o();
-  });
-}
-function Se(e, t) {
-  return Te() ? (je(e, t), !0) : !1;
-}
-const gt = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const pt = Object.prototype.toString, xt = (e) => pt.call(e) === "[object Object]", ce = () => {
-};
-function yt(e, t) {
-  function n(...o) {
-    return new Promise((i, r) => {
-      Promise.resolve(e(() => t.apply(this, o), {
-        fn: t,
-        thisArg: this,
-        args: o
-      })).then(i).catch(r);
-    });
-  }
-  return n;
-}
-function $t(e, t = {}) {
-  let n, o, i = ce;
-  const r = (d) => {
-    clearTimeout(d), i(), i = ce;
-  };
-  let u;
-  return (d) => {
-    const c = L(e), f = L(t.maxWait);
-    return n && r(n), c <= 0 || f !== void 0 && f <= 0 ? (o && (r(o), o = void 0), Promise.resolve(d())) : new Promise((s, b) => {
-      i = t.rejectOnCancel ? b : s, u = d, f && !o && (o = setTimeout(() => {
-        n && r(n), o = void 0, s(u());
-      }, f)), n = setTimeout(() => {
-        o && r(o), o = void 0, s(d());
-      }, c);
-    });
-  };
-}
-function K(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 P(e, t, {
-    ...n,
-    immediate: !0
-  });
-}
-const oe = gt ? window : void 0;
-function B(e) {
-  var t;
-  const n = L(e);
-  return (t = n?.$el) !== null && t !== void 0 ? t : n;
-}
-function Et(...e) {
-  const t = [], n = () => {
-    t.forEach((l) => l()), t.length = 0;
-  }, o = (l, d, c, f) => (l.addEventListener(d, c, f), () => l.removeEventListener(d, c, f)), i = M(() => {
-    const l = K(L(e[0])).filter((d) => d != null);
-    return l.every((d) => typeof d != "string") ? l : void 0;
-  }), r = It(() => {
-    var l, d;
-    return [
-      (l = (d = i.value) === null || d === void 0 ? void 0 : d.map((c) => B(c))) !== null && l !== void 0 ? l : [oe].filter((c) => c != null),
-      K(L(i.value ? e[1] : e[0])),
-      K(y(i.value ? e[2] : e[1])),
-      L(i.value ? e[3] : e[2])
-    ];
-  }, ([l, d, c, f]) => {
-    if (n(), !l?.length || !d?.length || !c?.length) return;
-    const s = xt(f) ? { ...f } : f;
-    t.push(...l.flatMap((b) => d.flatMap(($) => c.map((a) => o(b, $, a, s)))));
-  }, { flush: "post" }), u = () => {
-    r(), n();
-  };
-  return Se(n), u;
-}
-// @__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 M(() => (t.value, !!e()));
-}
-function Mt(e, t, n = {}) {
-  const { window: o = oe, ...i } = n;
-  let r;
-  const u = /* @__PURE__ */ Nt(() => o && "ResizeObserver" in o), l = () => {
-    r && (r.disconnect(), r = void 0);
-  }, d = P(M(() => {
-    const f = L(e);
-    return Array.isArray(f) ? f.map((s) => B(s)) : [B(f)];
-  }), (f) => {
-    if (l(), u.value && o) {
-      r = new ResizeObserver(t);
-      for (const s of f) s && r.observe(s, i);
-    }
-  }, {
-    immediate: !0,
-    flush: "post"
-  }), c = () => {
-    l(), d();
-  };
-  return Se(c), {
-    isSupported: u,
-    stop: c
-  };
-}
-function At(e, t = {
-  width: 0,
-  height: 0
-}, n = {}) {
-  const { window: o = oe, box: i = "content-box" } = n, r = M(() => {
-    var s;
-    return (s = B(e)) === null || s === void 0 || (s = s.namespaceURI) === null || s === void 0 ? void 0 : s.includes("svg");
-  }), u = Q(t.width), l = Q(t.height), { stop: d } = Mt(e, ([s]) => {
-    const b = i === "border-box" ? s.borderBoxSize : i === "content-box" ? s.contentBoxSize : s.devicePixelContentBoxSize;
-    if (o && r.value) {
-      const $ = B(e);
-      if ($) {
-        const a = $.getBoundingClientRect();
-        u.value = a.width, l.value = a.height;
-      }
-    } else if (b) {
-      const $ = K(b);
-      u.value = $.reduce((a, { inlineSize: h }) => a + h, 0), l.value = $.reduce((a, { blockSize: h }) => a + h, 0);
-    } else
-      u.value = s.contentRect.width, l.value = s.contentRect.height;
-  }, n);
-  Ct(() => {
-    const s = B(e);
-    s && (u.value = "offsetWidth" in s ? s.offsetWidth : t.width, l.value = "offsetHeight" in s ? s.offsetHeight : t.height);
-  });
-  const c = P(() => B(e), (s) => {
-    u.value = s ? t.width : 0, l.value = s ? t.height : 0;
-  });
-  function f() {
-    d(), c();
-  }
-  return {
-    width: u,
-    height: l,
-    stop: f
-  };
-}
-function Rt(e) {
-  const { activeClassName: t = ".active", enableWheel: n = !0, direction: o = "vertical" } = e ?? {}, i = Pe(), { width: r, height: u } = At(i);
-  async function l(f) {
-    await $e();
-    const s = i.value?.querySelector(t);
-    s && s.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest",
-      inline: "nearest",
-      ...f
-    });
-  }
-  function d(f) {
-    if (!n) return;
-    f.preventDefault();
-    const { deltaY: s } = f;
-    switch (o) {
-      case "vertical":
-        i.value?.scrollBy({
-          top: s > 0 ? u.value : -u.value,
-          behavior: "smooth"
-        });
-        break;
-      case "horizontal":
-        i.value?.scrollBy({
-          left: s > 0 ? r.value : -r.value,
-          behavior: "smooth"
-        });
-        break;
-    }
-  }
-  Et(i, "wheel", d);
-  const c = /* @__PURE__ */ wt(l, 500);
-  return P([r, u], () => {
-    c();
-  }), {
-    scrollRef: i,
-    scrollToView: l
-  };
-}
-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";
-}, x = function(e, t, n) {
-  return t === void 0 && (t = 0), n === void 0 && (n = Math.pow(10, t)), Math.round(n * e) / n + 0;
-}, S = 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: S(e.r, 0, 255), g: S(e.g, 0, 255), b: S(e.b, 0, 255), a: S(e.a) };
-}, Z = function(e) {
-  return { r: x(e.r), g: x(e.g), b: x(e.b), a: x(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, i = e.a, r = Math.max(t, n, o), u = r - Math.min(t, n, o), l = u ? r === t ? (n - o) / u : r === n ? 2 + (o - t) / u : 4 + (t - n) / u : 0;
-  return { h: 60 * (l < 0 ? l + 6 : l), s: r ? u / r * 100 : 0, v: r / 255 * 100, a: i };
-}, Ae = function(e) {
-  var t = e.h, n = e.s, o = e.v, i = e.a;
-  t = t / 360 * 6, n /= 100, o /= 100;
-  var r = Math.floor(t), u = o * (1 - n), l = o * (1 - (t - r) * n), d = o * (1 - (1 - t + r) * n), c = r % 6;
-  return { r: 255 * [o, l, u, u, d, o][c], g: 255 * [d, o, o, l, u, u][c], b: 255 * [u, u, d, o, o, l][c], a: i };
-}, fe = function(e) {
-  return { h: Ne(e.h), s: S(e.s, 0, 100), l: S(e.l, 0, 100), a: S(e.a) };
-}, he = function(e) {
-  return { h: x(e.h), s: x(e.s), l: x(e.l), a: x(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;
-}, j = function(e) {
-  return { h: (t = Me(e)).h, s: (i = (200 - (n = t.s)) * (o = t.v) / 100) > 0 && i < 200 ? n * o / 100 / (i <= 100 ? i : 200 - i) * 100 : 0, l: i / 2, a: t.a };
-  var t, n, o, i;
-}, zt = /^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, jt = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Pt = /^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 ? x(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 ? x(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
-}, "hex"], [function(e) {
-  var t = jt.exec(e) || Pt.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 = zt.exec(e) || Tt.exec(e);
-  if (!t) return null;
-  var n, o, i = 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(i);
-}, "hsl"]], object: [[function(e) {
-  var t = e.r, n = e.g, o = e.b, i = e.a, r = i === void 0 ? 1 : i;
-  return R(t) && R(n) && R(o) ? de({ r: Number(t), g: Number(n), b: Number(o), a: Number(r) }) : null;
-}, "rgb"], [function(e) {
-  var t = e.h, n = e.s, o = e.l, i = e.a, r = i === void 0 ? 1 : i;
-  if (!R(t) || !R(n) || !R(o)) return null;
-  var u = fe({ h: Number(t), s: Number(n), l: Number(o), a: Number(r) });
-  return me(u);
-}, "hsl"], [function(e) {
-  var t = e.h, n = e.s, o = e.v, i = e.a, r = i === void 0 ? 1 : i;
-  if (!R(t) || !R(n) || !R(o)) return null;
-  var u = (function(l) {
-    return { h: Ne(l.h), s: S(l.s, 0, 100), v: S(l.v, 0, 100), a: S(l.a) };
-  })({ h: Number(t), s: Number(n), v: Number(o), a: Number(r) });
-  return Ae(u);
-}, "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 = j(e);
-  return { h: n.h, s: S(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;
-}, ge = function(e, t) {
-  var n = j(e);
-  return { h: n.h, s: n.s, l: S(n.l + 100 * t, 0, 100), a: n.a };
-}, pe = (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 x(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, i = t.b, u = (r = t.a) < 1 ? H(x(255 * r)) : "", "#" + H(n) + H(o) + H(i) + u;
-    var t, n, o, i, r, u;
-  }, e.prototype.toRgb = function() {
-    return Z(this.rgba);
-  }, e.prototype.toRgbString = function() {
-    return t = Z(this.rgba), n = t.r, o = t.g, i = t.b, (r = t.a) < 1 ? "rgba(" + n + ", " + o + ", " + i + ", " + r + ")" : "rgb(" + n + ", " + o + ", " + i + ")";
-    var t, n, o, i, r;
-  }, e.prototype.toHsl = function() {
-    return he(j(this.rgba));
-  }, e.prototype.toHslString = function() {
-    return t = he(j(this.rgba)), n = t.h, o = t.s, i = t.l, (r = t.a) < 1 ? "hsla(" + n + ", " + o + "%, " + i + "%, " + r + ")" : "hsl(" + n + ", " + o + "%, " + i + "%)";
-    var t, n, o, i, r;
-  }, e.prototype.toHsv = function() {
-    return t = Me(this.rgba), { h: x(t.h), s: x(t.s), v: x(t.v), a: x(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(ge(this.rgba, t));
-  }, e.prototype.darken = function(t) {
-    return t === void 0 && (t = 0.1), E(ge(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 }) : x(this.rgba.a, 3);
-    var n;
-  }, e.prototype.hue = function(t) {
-    var n = j(this.rgba);
-    return typeof t == "number" ? E({ h: t, s: n.s, l: n.l, a: n.a }) : x(n.h);
-  }, e.prototype.isEqual = function(t) {
-    return this.toHex() === E(t).toHex();
-  }, e;
-})(), E = function(e) {
-  return e instanceof pe ? e : new pe(e);
-};
-const { cssr: Ot, plugin: Vt, namespace: Re } = ct(), { c: g, cB: W, cE: p, cM: J, cNotM: xe } = { ...Ot, ...Vt }, T = `${Re}-chrome-tabs`, w = `${Re}-chrome-tabs-item`, z = "all .2s cubic-bezier(.4, 0, .2, 1)";
-function Ht() {
-  return g([
-    W("chrome-tabs", {
-      display: "flex",
-      width: "100%",
-      height: "40px",
-      padding: "0 10px",
-      alignItems: "center",
-      backgroundColor: "var(--background-color)",
-      color: "var(--background-color-dark)"
-    }, [
-      g("div", {
-        boxSizing: "border-box"
-      }),
-      g(".group-move, .group-enter-active, .group-leave-active", {
-        transition: z
-      }),
-      g(".group-enter-from, .group-leave-to", {
-        opacity: 0
-      }),
-      g(".group-leave-active", {}),
-      p("prefix", {}),
-      p("icon", {
-        width: "28px",
-        height: "28px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: "5px",
-        borderRadius: "10px",
-        backgroundColor: "var(--active-background-color)",
-        transition: z
-      }, [
-        g("svg", {
-          width: "100%",
-          height: "100%",
-          fill: "currentColor"
-        }),
-        g("&:hover", {
-          backgroundColor: "var(--primary-color)"
-        })
-      ]),
-      p("content", {
-        flex: "1",
-        height: "100%",
-        minWidth: 0,
-        overflow: "hidden",
-        marginLeft: "-6px",
-        padding: "0 10px"
-      }),
-      p("scroll", {
-        position: "relative",
-        display: "flex",
-        alignItems: "center",
-        height: "100%"
-      }, [
-        p("icon", {
-          marginLeft: "5px",
-          borderRadius: "50%",
-          backgroundColor: "transparent",
-          flexShrink: 0
-        }, [
-          g("&:hover", {
-            backgroundColor: "var(--primary-color)"
-          })
-        ])
-      ]),
-      p("suffix", {})
-    ]),
-    W("chrome-tabs-item", {
-      position: "relative",
-      margin: "0 -5px",
-      height: "100%",
-      flexShrink: 0,
-      cursor: "default",
-      userSelect: "none",
-      padding: "6px 15px 0px 15px"
-    }, [
-      J("disabled", {
-        cursor: "not-allowed",
-        pointerEvents: "none",
-        opacity: 0.5,
-        filter: "grayscale(0.5)"
-      }),
-      J("active", [
-        p("background", {
-          opacity: 1
-        })
-      ]),
-      xe("active", [
-        g("&:hover", {}, [
-          p("content", {
-            backgroundColor: "var(--primary-color)"
-          })
-        ])
-      ]),
-      g("&::first-child", {
-        marginLeft: "0 !important"
-      }),
-      g("&::last-child", {
-        marginRight: "0 !important"
-      }),
-      p("content", {
-        position: "relative",
-        zIndex: 1,
-        height: "28px",
-        display: "flex",
-        alignItems: "center",
-        gap: "5px",
-        borderRadius: "10px",
-        padding: "0 10px",
-        transition: z
-      }),
-      p("slot", {}),
-      p("icon", {
-        lineHeight: 1
-      }, [
-        g("svg", {
-          width: "1.2em",
-          height: "1.2em",
-          fill: "currentColor"
-        })
-      ]),
-      p("close", {
-        width: "16px",
-        height: "16px",
-        padding: "2px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        borderRadius: "50%",
-        transition: z
-      }, [
-        g("&:hover", {
-          backgroundColor: "rgba(0,0,0,0.1)"
-        }),
-        g("svg", {
-          width: "100%",
-          height: "100%",
-          fill: "currentColor"
-        })
-      ]),
-      p("background", {
-        position: "absolute",
-        opacity: 0,
-        left: 0,
-        bottom: 0,
-        zIndex: 0,
-        height: "34px",
-        width: "100%",
-        display: "flex",
-        alignItems: "flex-end",
-        transition: z
-      }, [
-        p("block", {
-          height: "100%",
-          flex: 1,
-          minWidth: 0,
-          borderRadius: "10px 10px 0 0",
-          backgroundColor: "var(--active-background-color)"
-        }),
-        g("svg", {
-          fill: "var(--active-background-color)"
-        })
-      ]),
-      p("line", {
-        position: "absolute",
-        bottom: "12px",
-        right: "4px",
-        height: "16px",
-        width: "2px",
-        borderRadius: "1px",
-        transition: z,
-        backgroundColor: "var(--primary-color)",
-        opacity: 0
-      }, [
-        J("show", {
-          opacity: 1
-        })
-      ])
-    ]),
-    g(".dark", [
-      W("chrome-tabs", {
-        backgroundColor: "var(--background-color-dark)",
-        color: "var(--background-color)"
-      }, [
-        p("icon", {
-          backgroundColor: "var(--active-background-color-dark)"
-        }, [
-          g("&:hover", {
-            backgroundColor: "var(--primary-color-dark)"
-          })
-        ])
-      ]),
-      W("chrome-tabs-item", {}, [
-        xe("active", [
-          g("&:hover", {}, [
-            p("content", {
-              backgroundColor: "var(--primary-color-dark)"
-            })
-          ])
-        ]),
-        p("background", {}, [
-          p("block", {
-            backgroundColor: "var(--active-background-color-dark)"
-          }),
-          g("svg", {
-            fill: "var(--active-background-color-dark)"
-          })
-        ])
-      ])
-    ])
-  ]);
-}
-const q = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, i] of t)
-    n[o] = i;
-  return n;
-}, Wt = {
-  name: "RiAddLine"
-}, Dt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 24 24"
-};
-function Kt(e, t, n, o, i, r) {
-  return I(), A("svg", Dt, [...t[0] || (t[0] = [
-    k("path", {
-      fill: "#757575",
-      d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
-    }, null, -1)
-  ])]);
-}
-const qt = /* @__PURE__ */ q(Wt, [["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, i, r) {
-  return I(), A("svg", Zt, [...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 Yt = /* @__PURE__ */ q(Gt, [["render", Ut]]), Jt = {
-  name: "LineMdLoadingTwotoneLoop"
-}, Qt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 24 24"
-};
-function Xt(e, t, n, o, i, r) {
-  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 _t = /* @__PURE__ */ q(Jt, [["render", Xt]]), en = {
-  name: "RiCloseLine"
-}, tn = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 24 24"
-};
-function nn(e, t, n, o, i, r) {
-  return I(), A("svg", tn, [...t[0] || (t[0] = [
-    k("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 on = /* @__PURE__ */ q(en, [["render", nn]]), rn = /* @__PURE__ */ we({
-  __name: "TabItem",
-  props: {
-    label: { type: [String, Function] },
-    icon: { type: Function },
-    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 },
-    itemIndex: {},
-    itemKey: {},
-    iconSize: { default: 20 }
-  },
-  emits: ["itemClick", "itemContextmenu", "itemClose"],
-  setup(e, { emit: t }) {
-    const n = t, o = M(() => e.activeIndex !== e.itemIndex && e.activeIndex - 1 !== e.itemIndex), i = M(() => e.activeIndex === e.itemIndex), r = M(() => typeof e.label == "string" ? ie("span", { class: `${w}__label` }, e.label) : e.label(e.itemKey, e.itemIndex)), u = M(() => e.loadingIcon?.(e.itemKey, e.itemIndex) ?? ie(_t));
-    function l(f) {
-      f.stopPropagation(), n("itemClick", f), e.onClick?.(e.itemKey, e.itemIndex, f);
-    }
-    function d(f) {
-      n("itemContextmenu", f), e.onContextMenu?.(e.itemKey, e.itemIndex, f);
-    }
-    function c(f) {
-      n("itemClose"), e.onClose?.(e.itemKey, e.itemIndex, f);
-    }
-    return (f, s) => (I(), A("div", {
-      class: C([
-        y(w),
-        {
-          [`${y(w)}--active`]: i.value,
-          [`${y(w)}--disabled`]: typeof e.disabled == "function" ? e.disabled(e.itemKey, e.itemIndex) : e.disabled
-        }
-      ]),
-      onClick: l,
-      onContextmenu: d
-    }, [
-      k("div", {
-        class: C([`${y(w)}__content`])
-      }, [
-        k("div", {
-          class: C([`${y(w)}__icon`]),
-          style: _({ fontSize: `${e.iconSize}px` })
-        }, [
-          (I(), ee(re(typeof e.loading == "function" ? e.loading(e.itemKey, e.itemIndex) : e.loading ? u.value : e.icon?.(e.itemKey, e.itemIndex) ?? void 0)))
-        ], 6),
-        k("div", {
-          class: C([`${y(w)}__slot`])
-        }, [
-          (I(), ee(re(r.value)))
-        ], 2),
-        (typeof e.closable == "function" ? e.closable(e.itemKey, e.itemIndex) : e.closable) ? (I(), A("div", {
-          key: 0,
-          class: C([`${y(w)}__close`]),
-          onClick: Oe(c, ["stop"])
-        }, [
-          D(on)
-        ], 2)) : X("", !0)
-      ], 2),
-      k("div", {
-        class: C([`${y(w)}__background`])
-      }, [
-        s[0] || (s[0] = k("svg", {
-          width: "10",
-          height: "10"
-        }, [
-          k("path", { d: "M 0 10 A 10 10 0 0 0 10 0 L 10 10 Z" })
-        ], -1)),
-        k("div", {
-          class: C([`${y(w)}__block`])
-        }, null, 2),
-        s[1] || (s[1] = k("svg", {
-          width: "10",
-          height: "10"
-        }, [
-          k("path", { d: "M 0 0 A 10 10 0 0 0 10 10 L 0 10 Z" })
-        ], -1))
-      ], 2),
-      k("div", {
-        class: C([`${y(w)}__line`, o.value ? `${y(w)}__line--show` : ""])
-      }, null, 2)
-    ], 34));
-  }
-}), ln = /* @__PURE__ */ we({
-  __name: "Tabs",
-  props: {
-    value: {},
-    colors: {},
-    dropdown: { type: Boolean },
-    addable: { type: Boolean },
-    options: {},
-    loadingValue: {},
-    iconSize: {},
-    contentClass: {},
-    contentStyle: {}
-  },
-  emits: ["update:value", "click", "contextmenu", "close", "add"],
-  setup(e, { emit: t }) {
-    const n = t;
-    bt("n-chrome-tabs", Ht());
-    const o = M(() => e.value ? e.options?.findIndex((s) => s.key === e.value) : 0), { scrollRef: i, scrollToView: r } = Rt({ activeClassName: `.${w}--active`, direction: "horizontal" });
-    P(() => e.value, () => {
-      r();
-    }, {
-      immediate: !0
-    });
-    const u = M(() => ({
-      background: "#F1F1F1",
-      active: "#fff",
-      primary: "rgba(0,0,0,.1)",
-      ...e.colors
-    })), l = M(() => ({
-      background: E(u.value.background).darken(0.8).toHex(),
-      active: E(u.value.active).darken(0.8).toHex(),
-      primary: E(u.value.primary).darken(0.3).toHex()
-    }));
-    function d(s, b) {
-      n("update:value", s), n("click", s, b);
-    }
-    function c(s, b) {
-      n("contextmenu", s, b);
-    }
-    function f(s, b) {
-      n("close", s, b);
-    }
-    return (s, b) => (I(), A("div", {
-      class: C([y(T)]),
-      style: _({
-        "--background-color": `${u.value.background}`,
-        "--background-color-dark": `${l.value.background}`,
-        "--active-background-color": `${u.value.active}`,
-        "--active-background-color-dark": `${l.value.active}`,
-        "--primary-color": `${u.value.primary}`,
-        "--primary-color-dark": `${l.value.primary}`
-      })
-    }, [
-      e.dropdown ? (I(), A("div", {
-        key: 0,
-        class: C([`${y(T)}__icon`])
-      }, [
-        D(Yt)
-      ], 2)) : X("", !0),
-      ue(s.$slots, "prefix"),
-      k("div", {
-        ref_key: "scrollRef",
-        ref: i,
-        class: C([`${y(T)}__content`, e.contentClass]),
-        style: _(e.contentStyle)
-      }, [
-        D(Ve, {
-          name: "group",
-          tag: "div",
-          class: C([`${y(T)}__scroll`])
-        }, {
-          default: He(() => [
-            (I(!0), A(We, null, De(e.options, ({ key: $, ...a }, h) => (I(), ee(rn, Ke({
-              key: $,
-              loading: e.loadingValue === $
-            }, { ref_for: !0 }, a, {
-              "item-key": $,
-              "item-index": h,
-              "active-index": o.value,
-              "icon-size": e.iconSize,
-              onItemClick: (m) => d($, h),
-              onItemContextmenu: (m) => c($, h),
-              onItemClose: (m) => f($, h)
-            }), null, 16, ["loading", "item-key", "item-index", "active-index", "icon-size", "onItemClick", "onItemContextmenu", "onItemClose"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ], 6),
-      ue(s.$slots, "suffix"),
-      e.addable ? (I(), A("div", {
-        key: 1,
-        class: C([`${y(T)}__icon`]),
-        onClick: b[0] || (b[0] = ($) => n("add"))
-      }, [
-        D(qt)
-      ], 2)) : X("", !0)
-    ], 6));
-  }
-});
-export {
-  ln as CTabs
-};
+export { Tabs_default as CTabs };