hys-ui 0.6.0 → 0.8.0

package/dist/components/HysTabs/tabsConfig.js

@@ -0,0 +1,35 @@
+import { inject as r, computed as s, toValue as i, provide as u, shallowRef as c } from "vue";
+const o = Symbol("hys-tabs-config"), a = c({});
+function f(t) {
+  a.value = t;
+}
+function m(t) {
+  u(o, [...r(o, []), t]);
+}
+function p(t) {
+  const n = r(o, []);
+  return s(() => ({
+    type: "line",
+    size: "md",
+    trigger: "click",
+    activation: "auto",
+    lazy: !0,
+    animated: !0,
+    animation: "fade",
+    showScrollButtons: !0,
+    autoActivate: !0,
+    titleTooltip: !0,
+    moreSearch: !0,
+    confirmDirty: !0,
+    ...i(a.value.defaults),
+    ...Object.assign({}, ...n.map((e) => i(e.defaults))),
+    ...Object.fromEntries(
+      Object.entries(t).filter(([, e]) => e !== void 0)
+    )
+  }));
+}
+export {
+  f as configureHysTabs,
+  m as provideHysTabs,
+  p as useTabsOptions
+};

package/dist/components/HysTabs/tabsItems.js

@@ -0,0 +1,79 @@
+import { isVNode as f, Fragment as u } from "vue";
+import d from "../HysTabPane/HysTabPane.vue.js";
+const p = (e) => typeof e + ":" + e;
+function y(e) {
+  return Array.from(
+    p(e),
+    (n) => n.codePointAt(0).toString(36)
+  ).join("-");
+}
+const s = (e) => !e.hidden && !e.disabled;
+function v(e) {
+  const n = /* @__PURE__ */ new Set(), i = [], t = [];
+  for (const r of e)
+    typeof r.value != "string" && !Number.isFinite(r.value) || n.has(r.value) || (n.add(r.value), (r.pinned ? i : t).push(r));
+  return [...i, ...t];
+}
+function g(e, n, i) {
+  const t = n.findIndex((a) => a.value === i), r = new Set(e.filter(s).map((a) => a.value));
+  return (t < 0 ? void 0 : [...n.slice(t + 1), ...n.slice(0, t).reverse()].find(
+    (a) => r.has(a.value)
+  )) ?? e.find(s);
+}
+function A(e) {
+  return typeof e != "number" ? e : Number.isFinite(e) ? Math.max(0, e) + "px" : void 0;
+}
+const x = (e, n, i) => Number.isFinite(e) ? Math.min(i, Math.max(0, Math.floor(e))) : n;
+function F(e) {
+  const n = [];
+  function i(t) {
+    if (Array.isArray(t)) {
+      t.forEach(i);
+      return;
+    }
+    if (!f(t)) return;
+    if (t.type === u) {
+      i(t.children);
+      return;
+    }
+    if (t.type !== d) return;
+    const r = {};
+    for (const [a, o] of Object.entries(t.props ?? {})) {
+      const c = a.replace(
+        /-([a-z])/g,
+        (b, l) => l.toUpperCase()
+      );
+      r[c] = o === "" && [
+        "disabled",
+        "readonly",
+        "hidden",
+        "closable",
+        "movable",
+        "pinned",
+        "favorite",
+        "dirty",
+        "unread",
+        "dot",
+        "lazy",
+        "cache",
+        "forceRender",
+        "preload"
+      ].includes(c) ? !0 : o;
+    }
+    typeof r.label != "string" && (r.label = String(r.value ?? "")), n.push({
+      item: r,
+      slots: typeof t.children == "object" && t.children && !Array.isArray(t.children) ? t.children : { default: () => t.children }
+    });
+  }
+  return i(e), n;
+}
+export {
+  x as bounded,
+  F as collectTabPanes,
+  g as neighbor,
+  v as orderedTabs,
+  y as tabIdToken,
+  A as tabLength,
+  p as tabToken,
+  s as usable
+};

package/dist/components/HysTabs/tabsPersistence.js

@@ -0,0 +1,118 @@
+import { onMounted as V, onActivated as j, onDeactivated as B, onBeforeUnmount as D, watch as L, nextTick as q } from "vue";
+import { orderedTabs as P, bounded as E, usable as U } from "./tabsItems.js";
+const T = (e) => typeof e == "string" || typeof e == "number" && Number.isFinite(e), A = ({
+  value: e,
+  label: r,
+  pinned: m,
+  favorite: v
+}) => ({
+  value: e,
+  label: r,
+  pinned: !!m,
+  favorite: !!v
+});
+function F(e) {
+  if (!e || typeof e != "object") return;
+  const r = e;
+  if (!(!T(r.value) || typeof r.label != "string"))
+    return {
+      value: r.value,
+      label: r.label,
+      pinned: r.pinned === !0,
+      favorite: r.favorite === !0
+    };
+}
+function G(e, r, m, v) {
+  let y, s = !1, l = !1, u = 0;
+  function x() {
+    return e().storage === "local" ? window.localStorage : window.sessionStorage;
+  }
+  function g() {
+    const a = e().storageKey;
+    if (!s || !a) return !1;
+    try {
+      const o = e().persistScroll ? m() : void 0, f = {
+        version: 1,
+        active: r.active.value,
+        items: r.all.value.map(A),
+        recent: r.recent.value,
+        closed: r.closed.value.map((d) => ({
+          item: A(d.item),
+          index: d.index
+        })),
+        scroll: o ? [o.scrollLeft, o.scrollTop] : void 0
+      };
+      return x().setItem(a, JSON.stringify(f)), !0;
+    } catch (o) {
+      return v("storageError", o), !1;
+    }
+  }
+  function b() {
+    !s || !e().storageKey || (clearTimeout(y), y = setTimeout(g, 100));
+  }
+  async function w() {
+    const a = ++u, o = e().storageKey;
+    if (s = !1, clearTimeout(y), !(!l || !o))
+      try {
+        const f = x().getItem(o);
+        if (f) {
+          let d = function(i, c = !1) {
+            var N, I;
+            const n = J.get(i.value) ?? ((I = (N = e()).restoreItem) == null ? void 0 : I.call(N, i));
+            return n ? { ...n, ...i } : c || e().workbench && e().items === void 0 ? i : void 0;
+          };
+          const t = JSON.parse(f);
+          if ((t == null ? void 0 : t.version) !== 1 || !Array.isArray(t.items)) return;
+          const J = new Map(r.all.value.map((i) => [i.value, i])), h = t.items.flatMap((i) => {
+            const c = F(i), n = c && d(c);
+            return n ? [n] : [];
+          }), O = new Set(h.map((i) => i.value)), k = P(
+            e().items === void 0 && e().workbench ? h : [
+              ...h,
+              ...r.all.value.filter((i) => !O.has(i.value))
+            ]
+          );
+          r.write(k);
+          const M = E(e().historyLimit, 20, 200);
+          if (r.recent.value = Array.isArray(t.recent) ? [...new Set(t.recent.filter(T))].slice(0, M) : [], r.closed.value = (Array.isArray(t.closed) ? t.closed : []).slice(0, M).flatMap((i) => {
+            const c = F(i == null ? void 0 : i.item), n = c && d(c, !0);
+            return n ? [{ item: n, index: E(i.index, 0, k.length) }] : [];
+          }), await q(), a !== u || !l) return;
+          T(t.active) && r.byKey.value.has(t.active) && U(r.byKey.value.get(t.active)) && (e().modelValue === void 0 ? r.current.value = t.active : r.active.value !== t.active && v("update:modelValue", t.active));
+          const S = e().persistScroll ? m() : void 0;
+          S && Array.isArray(t.scroll) && t.scroll.length === 2 && t.scroll.every(Number.isFinite) && (await q(), a === u && l && (S.scrollLeft = t.scroll[0], S.scrollTop = t.scroll[1]));
+        }
+      } catch (f) {
+        a === u && v("storageError", f);
+      } finally {
+        a === u && l && (s = !0, b());
+      }
+  }
+  function K() {
+    s && g(), l = s = !1, u++, clearTimeout(y);
+  }
+  return V(() => {
+    l = !0, w();
+  }), j(() => {
+    l || (l = !0, w());
+  }), B(K), D(K), L(
+    [() => e().storageKey, () => e().storage],
+    () => void w()
+  ), L(
+    () => [
+      r.active.value,
+      r.all.value.map(A),
+      r.closed.value,
+      r.recent.value
+    ],
+    b
+  ), {
+    save: g,
+    scrolled: () => {
+      e().persistScroll && b();
+    }
+  };
+}
+export {
+  G as useTabsPersistence
+};

package/dist/components/HysTabs/useHysRouteTabs.js

@@ -0,0 +1,77 @@
+import { shallowRef as i, ref as L, watch as E, toValue as h, onScopeDispose as T, nextTick as C } from "vue";
+import { orderedTabs as M, neighbor as R, usable as x } from "./tabsItems.js";
+function D(a) {
+  const t = i([]), c = L(), o = i([]);
+  let v;
+  const b = (e) => {
+    var r;
+    return ((r = a.allow) == null ? void 0 : r.call(a, e, h(a.route))) !== !1;
+  };
+  function d(e) {
+    t.value = M(e.filter(b));
+  }
+  E(
+    () => {
+      const e = h(a.route), r = a.resolve(e);
+      return r && b(r) ? r : void 0;
+    },
+    (e) => {
+      if (d(t.value), !e) {
+        c.value = void 0;
+        return;
+      }
+      const r = t.value.find((u) => u.value === e.value);
+      d(
+        r ? t.value.map(
+          (u) => u === r ? {
+            ...e,
+            label: u.label,
+            pinned: u.pinned,
+            favorite: u.favorite
+          } : u
+        ) : [...t.value, e]
+      ), c.value = e.value;
+      const l = Number.isFinite(a.historyLimit) ? Math.max(0, Math.min(200, a.historyLimit)) : 30;
+      o.value = [
+        e.value,
+        ...o.value.filter((u) => u !== e.value)
+      ].slice(0, l);
+    },
+    { immediate: !0 }
+  );
+  async function s(e, r) {
+    var f;
+    if (!b(e) || !x(e) || r != null && r.aborted) return !1;
+    v == null || v.abort();
+    const l = new AbortController();
+    v = l;
+    const u = () => l.abort();
+    r == null || r.addEventListener("abort", u, { once: !0 });
+    try {
+      const n = await a.navigate(e, l.signal);
+      return await C(), n !== !1 && !l.signal.aborted && c.value === e.value;
+    } catch (n) {
+      return l.signal.aborted || (f = a.onError) == null || f.call(a, n), !1;
+    } finally {
+      r == null || r.removeEventListener("abort", u), v === l && (v = void 0);
+    }
+  }
+  async function w(e) {
+    const r = t.value.find((l) => l.value === e);
+    return !!r && (c.value === e || await s(r));
+  }
+  async function m(e, r) {
+    var u;
+    if (c.value !== e) return !0;
+    const l = R(
+      t.value.filter((f) => f.value !== e && b(f)),
+      t.value,
+      e
+    ) ?? ((u = a.fallback) == null ? void 0 : u.call(a));
+    return !!l && l.value !== e && await s(l, r == null ? void 0 : r.signal);
+  }
+  return T(() => v == null ? void 0 : v.abort()), { items: t, active: c, history: o, setItems: d, select: w, beforeClose: m };
+}
+export {
+  D as useHysRouteTabs
+};

package/dist/components/HysTabs/useTabsDragGhost.js

@@ -0,0 +1,47 @@
+import { shallowRef as B, ref as C, nextTick as x } from "vue";
+const u = ({ x: l, y: t }) => `translate3d(${l}px,${t}px,0)`;
+function k() {
+  const l = B(), t = C();
+  let s, n, i, r = 0;
+  function v() {
+    r++, i == null || i.cancel(), i = void 0, s = n = void 0, l.value = void 0;
+  }
+  function d(o, e) {
+    s && (n = { x: s.x + o, y: s.y + e }, t.value && (t.value.style.transform = u(n)));
+  }
+  function m(o, e, a) {
+    v(), s = { x: e.left - a.x, y: e.top - a.y }, l.value = { label: o.label, width: e.width, height: e.height }, d(a.x, a.y), x(() => {
+      t.value && n && (t.value.style.transform = u(n));
+    });
+  }
+  async function w(o, e, a, p) {
+    var g;
+    const h = r;
+    if (o && await o, await x(), h !== r) return;
+    const f = e(), c = t.value;
+    if (a && n && f && (c != null && c.animate)) {
+      const y = (g = f.offsetParent) == null ? void 0 : g.getBoundingClientRect(), R = y ? {
+        x: y.left + f.offsetLeft,
+        y: y.top + f.offsetTop
+      } : {
+        x: f.getBoundingClientRect().left,
+        y: f.getBoundingClientRect().top
+      };
+      try {
+        i = c.animate(
+          [
+            { transform: u(n), opacity: 0.95 },
+            { transform: u(R), opacity: 0 }
+          ],
+          { duration: a, easing: p, fill: "forwards" }
+        ), await i.finished;
+      } catch {
+      }
+    }
+    h === r && v();
+  }
+  return { ghost: l, element: t, show: m, move: d, land: w, clear: v };
+}
+export {
+  k as useTabsDragGhost
+};

package/dist/components/HysTabs/useTabsNav.js

@@ -0,0 +1,127 @@
+import { ref as D, shallowRef as N, computed as te, watch as P, nextTick as U, onMounted as oe, onActivated as ne, onDeactivated as le, onBeforeUnmount as re } from "vue";
+import { tabToken as V } from "./tabsItems.js";
+function ue(r, F, T, i, j, G) {
+  const s = D(), B = D(), x = D(!1), R = D(!1), C = N([]), A = N({}), L = /* @__PURE__ */ new Map(), m = (e) => L.get(V(e));
+  function I(e, t) {
+    const o = V(e);
+    t ? L.set(o, t) : L.delete(o);
+  }
+  const p = () => !!s.value && getComputedStyle(s.value).direction === "rtl", O = te(() => x.value || R.value);
+  let v = 0, f, S = !1, W = 0;
+  function J() {
+    var $, q;
+    const e = s.value, t = B.value;
+    if (!e || !t) return;
+    const o = e.getBoundingClientRect(), n = t.getBoundingClientRect(), l = i(), w = !l && p(), g = r().overflow !== "wrap", a = l ? o.top : o.left, c = l ? o.bottom : o.right, z = l ? n.top : n.left, b = l ? n.bottom : n.right;
+    x.value = g && (w ? b > c + 2 : z < a - 2), R.value = g && (w ? z < a - 2 : b > c + 2);
+    const ee = r().workbench || r().overflow === "menu" || r().overflow === "clip", E = O.value && ee ? F().filter((y) => {
+      var H, K;
+      const h = (K = (H = m(y.value)) == null ? void 0 : H.closest(".hys-ui-tab-item")) == null ? void 0 : K.getBoundingClientRect();
+      return h && (l ? h.top < a - 2 || h.bottom > c + 2 : h.left < a - 2 || h.right > c + 2);
+    }).map((y) => y.value) : [];
+    (E.length !== C.value.length || E.some((y, h) => y !== C.value[h])) && (C.value = E);
+    const d = (q = ($ = m(T())) == null ? void 0 : $.closest(".hys-ui-tab-item")) == null ? void 0 : q.getBoundingClientRect();
+    if (!d || !d.width || !d.height) {
+      A.value = { opacity: 0 };
+      return;
+    }
+    A.value = l ? {
+      height: d.height + "px",
+      transform: `translateY(${d.top - n.top}px)`
+    } : {
+      width: d.width + "px",
+      transform: `translateX(${d.left - n.left}px)`
+    };
+  }
+  function u() {
+    !S || v || (v = requestAnimationFrame(() => {
+      v = 0, J();
+    }));
+  }
+  function M(e, t = !1) {
+    const o = s.value;
+    !o || !e || r().overflow === "wrap" || (!t || typeof o.scrollBy != "function" ? i() ? o.scrollTop += e : o.scrollLeft += e : o.scrollBy({
+      [i() ? "top" : "left"]: e,
+      behavior: j() ? "smooth" : "auto"
+    }), u());
+  }
+  function Q(e) {
+    const t = s.value;
+    t && M(
+      e * (i() ? t.clientHeight : t.clientWidth) * 0.8 * (i() || !p() ? 1 : -1),
+      !0
+    );
+  }
+  function k(e = T()) {
+    var b;
+    const t = s.value, o = (b = m(e)) == null ? void 0 : b.closest(".hys-ui-tab-item");
+    if (!t || !o || r().overflow === "wrap") {
+      u();
+      return;
+    }
+    const n = t.getBoundingClientRect(), l = o.getBoundingClientRect(), [w, g, a, c] = i() ? [n.top, n.bottom, l.top, l.bottom] : [n.left, n.right, l.left, l.right], z = r().scrollAlign === "center" ? (a + c - w - g) / 2 : a < w ? a - w : c > g ? c - g : 0;
+    M(z), u();
+  }
+  function Z(e) {
+    var t;
+    (t = m(e)) == null || t.focus({ preventScroll: !0 }), k(e);
+  }
+  function _(e) {
+    const t = r().wheel;
+    if (t !== "scroll" && t !== "switch") return;
+    const o = e.deltaY || e.deltaX;
+    if (!(!o || e.ctrlKey)) {
+      if (t === "switch") {
+        if (e.preventDefault(), Date.now() - W < 140) return;
+        W = Date.now(), G(Math.sign(o), "wheel");
+      } else if (O.value) {
+        const n = o * (i() || !p() || e.deltaX ? 1 : -1);
+        if (Math.sign(n) * (i() || !p() ? 1 : -1) > 0 ? !R.value : !x.value) return;
+        e.preventDefault(), M(
+          n * (e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? 120 : 1)
+        );
+      }
+    }
+  }
+  function X() {
+    S = !1, f == null || f.disconnect(), f = void 0, v && cancelAnimationFrame(v), v = 0, window.removeEventListener("resize", u);
+  }
+  function Y() {
+    X(), S = !0, typeof ResizeObserver < "u" ? (f = new ResizeObserver(u), s.value && f.observe(s.value), B.value && f.observe(B.value)) : window.addEventListener("resize", u), U(() => k());
+  }
+  return P(
+    () => [T(), i(), r().overflow],
+    () => void U(() => k()),
+    { flush: "post" }
+  ), P(
+    () => F().map((e) => [
+      e.value,
+      e.label,
+      e.width,
+      e.badge,
+      e.dirty
+    ]),
+    u,
+    { flush: "post" }
+  ), oe(Y), ne(Y), le(X), re(X), {
+    nav: s,
+    track: B,
+    before: x,
+    after: R,
+    hasOverflow: O,
+    overflowed: C,
+    indicator: A,
+    setButton: I,
+    button: m,
+    rtl: p,
+    scroll: Q,
+    scrollTo: k,
+    scrollPixels: M,
+    focus: Z,
+    wheel: _,
+    schedule: u
+  };
+}
+export {
+  ue as useTabsNav
+};

package/dist/components/HysTabs/useTabsOverlays.js

@@ -0,0 +1,52 @@
+import { ref as m, shallowRef as v, onActivated as y, onDeactivated as g, onBeforeUnmount as k, nextTick as d } from "vue";
+function C(c) {
+  const n = m(), s = m(), r = v(), a = v();
+  let t = !0, e = 0;
+  async function w(o) {
+    var p;
+    const u = ++e;
+    try {
+      if (!r.value) {
+        const i = await import("../HysContextMenu/HysContextMenu.vue.js");
+        if (!t || u !== e) return;
+        r.value = i.default;
+      }
+      await d(), t && u === e && await ((p = n.value) == null ? void 0 : p.show(o));
+    } catch (i) {
+      t && u === e && c("guardError", i);
+    }
+  }
+  function f() {
+    var o;
+    e++, (o = n.value) == null || o.hide();
+  }
+  async function h() {
+    try {
+      if (!a.value) {
+        const o = await import("./TabsPrompts/TabsPrompts.vue.js");
+        if (!t) return;
+        a.value = o.default;
+      }
+      return await d(), t ? s.value : void 0;
+    } catch (o) {
+      t && c("guardError", o);
+    }
+  }
+  function l() {
+    t = !1, f();
+  }
+  return y(() => {
+    t = !0;
+  }), g(l), k(l), {
+    menu: n,
+    prompts: s,
+    menuComponent: r,
+    promptComponent: a,
+    showMenu: w,
+    closeMenu: f,
+    prompt: h
+  };
+}
+export {
+  C as useTabsOverlays
+};

package/dist/components/HysTabs/useTabsPanels.js

@@ -0,0 +1,101 @@
+import { shallowReactive as z, reactive as j, shallowRef as q, watch as k, onMounted as B, onActivated as C, onDeactivated as D, onBeforeUnmount as F } from "vue";
+function K(u, s, h, b) {
+  const d = z(/* @__PURE__ */ new Map()), m = j(/* @__PURE__ */ new Map()), f = q([]), i = /* @__PURE__ */ new Map();
+  let v = !1, l = !0;
+  function P(e) {
+    const r = [e, ...f.value.filter((t) => t !== e)], o = u().cacheLimit;
+    if (o === void 0 || !Number.isFinite(o)) {
+      f.value = r;
+      return;
+    }
+    const n = Math.max(1, Math.floor(o)), y = new Set(
+      s().filter((t) => t.forceRender).map((t) => t.value)
+    ), a = /* @__PURE__ */ new Set([
+      ...r.slice(0, n),
+      h(),
+      ...y
+    ]);
+    for (const t of r) a.has(t) || g(t);
+    f.value = r.filter((t) => a.has(t));
+  }
+  function g(e) {
+    var r;
+    (r = i.get(e)) == null || r.controller.abort(), i.delete(e), d.delete(e);
+  }
+  function M(e, r = !1) {
+    const o = s().find((c) => c.value === e);
+    if (!l || !o || o.hidden) return Promise.resolve(!1);
+    if (!o.load) return Promise.resolve(!0);
+    const n = i.get(e);
+    if (n) return n.promise;
+    const y = d.get(e);
+    if (!r && y) return Promise.resolve(y.state === "ready");
+    const a = new AbortController(), t = { controller: a, promise: Promise.resolve(!1) };
+    return i.set(e, t), d.set(e, { state: "loading" }), b("loadStart", e), t.promise = new Promise((c) => {
+      const S = () => c(!1);
+      a.signal.addEventListener("abort", S, { once: !0 }), Promise.resolve().then(() => a.signal.aborted ? null : o.load({ item: o, signal: a.signal })).then(
+        (p) => {
+          if (i.get(e) !== t || a.signal.aborted)
+            return c(!1);
+          d.set(e, { state: "ready", content: p }), b("load", e, p), c(!0);
+        },
+        (p) => {
+          i.get(e) === t && !a.signal.aborted && (d.set(e, { state: "error", error: p }), b("loadError", e, p)), c(!1);
+        }
+      ).finally(() => {
+        a.signal.removeEventListener("abort", S), i.get(e) === t && i.delete(e);
+      });
+    }), t.promise;
+  }
+  function R(e) {
+    return !l || !s().some((r) => r.value === e && !r.hidden) ? Promise.resolve(!1) : (P(e), M(e));
+  }
+  function E(e = h()) {
+    return !l || !s().some((r) => r.value === e && !r.hidden) ? Promise.resolve(!1) : (g(e), m.set(e, (m.get(e) ?? 0) + 1), P(e), M(e, !0));
+  }
+  function w() {
+    if (!v || !l) return;
+    const e = u().preload, r = Array.isArray(e) ? new Set(e) : void 0, o = h();
+    for (const n of s())
+      !n.hidden && (n.forceRender || n.preload || e === !0 || r != null && r.has(n.value)) && R(n.value);
+    s().some((n) => n.value === o && !n.hidden) && R(o);
+  }
+  function L(e) {
+    return !e.hidden && (h() === e.value || e.forceRender || !u().destroyOnHide && e.cache !== !1 && (!(e.lazy ?? u().lazy) || f.value.includes(e.value)));
+  }
+  let x = /* @__PURE__ */ new Map();
+  k(
+    () => s().map((e) => [e.value, e.load, e.hidden]),
+    (e) => {
+      const r = new Map(
+        e.filter(([, , o]) => !o).map(([o, n]) => [o, n])
+      );
+      for (const [o, n] of x)
+        r.has(o) && r.get(o) === n || (g(o), r.has(o) || m.delete(o));
+      x = r, f.value = f.value.filter((o) => r.has(o)), w();
+    },
+    { immediate: !0 }
+  ), k(
+    h,
+    (e, r) => {
+      var o;
+      r !== void 0 && ((o = s().find((n) => n.value === r)) == null ? void 0 : o.cache) === !1 && g(r), s().some((n) => n.value === e && !n.hidden) && (P(e), v && M(e));
+    },
+    { immediate: !0 }
+  ), k(
+    () => [u().preload, ...s().map((e) => e.preload)],
+    w
+  );
+  function A() {
+    l = !1;
+    for (const e of i.keys()) g(e);
+  }
+  return B(() => {
+    v = !0, w();
+  }), C(() => {
+    l = !0, w();
+  }), D(A), F(A), { loaded: d, versions: m, render: L, preload: R, reload: E };
+}
+export {
+  K as useTabsPanels
+};