hys-ui 0.2.0 → 0.4.0

package/dist/composables/useContextMenu.js

@@ -0,0 +1,514 @@
+import { ref as ce, computed as k, shallowRef as Te, watch as q, nextTick as B, onMounted as Ze, onActivated as _e, onDeactivated as $e, onBeforeUnmount as et } from "vue";
+import { popupSize as tt } from "../motion/popup.js";
+import { useChoiceModel as se } from "./choiceModel.js";
+import { useHysControlState as at } from "./formContext.js";
+import { useFloating as lt } from "./useFloating.js";
+import { menuRows as it, menuKeys as w, menuToken as m, menuKeysEqual as U } from "./menu.js";
+function ft(l, y, z, Ce, Oe, d) {
+  const N = at(l), r = ce(!0), V = ce(!1), p = k(() => it(l.items, l.fieldNames)), v = k(() => N.disabled.value || !!l.loading), M = k(
+    () => Array.isArray(l.trigger) ? l.trigger : [l.trigger ?? "contextmenu"]
+  ), J = se(
+    {
+      get modelValue() {
+        return l.open;
+      }
+    },
+    () => !!l.defaultOpen
+  ), te = se(
+    {
+      get modelValue() {
+        return l.openPath;
+      }
+    },
+    () => w(l.defaultOpenPath),
+    U
+  ), oe = se(
+    {
+      get modelValue() {
+        return l.checkedKeys;
+      }
+    },
+    () => w(
+      l.defaultCheckedKeys ?? p.value.all.filter(
+        (e) => e.checked && ["checkbox", "radio"].includes(e.type)
+      ).map((e) => e.key)
+    ),
+    U
+  ), re = se(
+    {
+      get modelValue() {
+        return l.selectedKeys;
+      }
+    },
+    () => w(l.defaultSelectedKeys).slice(
+      0,
+      l.multiple ? void 0 : 1
+    ),
+    U
+  ), Y = k(() => w(oe.current.value)), j = k(() => w(re.current.value)), Se = k(() => new Set(Y.value.map(m))), Ke = k(() => new Set(j.value.map(m))), O = k(() => {
+    const e = [];
+    let t = p.value.roots;
+    for (const a of te.current.value) {
+      const i = t.find(
+        (u) => u.key === a && u.children.length && !u.disabled
+      );
+      if (!i) break;
+      e.push(i), t = i.children;
+    }
+    return e;
+  }), P = k(() => [
+    p.value.roots,
+    ...l.loading ? [] : O.value.map((e) => e.children)
+  ]), ae = k(() => O.value.map((e) => e.key)), le = ce(/* @__PURE__ */ new Map()), x = Te(), ie = Te(), Me = ce(!1), fe = Te({}), F = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Set();
+  let de = !1, ue = !0, E = 0, Z = 0, ye = !1, f, he, _, $, me, L = "";
+  const ve = (e, t) => Number.isFinite(e) ? Math.max(0, Math.min(2e3, e)) : t, Pe = k(
+    () => y.value ? {
+      getBoundingClientRect() {
+        return x.value ? {
+          x: x.value.x,
+          y: x.value.y - 7,
+          left: x.value.x,
+          top: x.value.y - 7,
+          right: x.value.x + 1,
+          bottom: x.value.y - 6,
+          width: 1,
+          height: 1,
+          toJSON() {
+            return {};
+          }
+        } : (y.value.firstElementChild ?? y.value).getBoundingClientRect();
+      },
+      contains: (e) => {
+        var t, a;
+        return !!((t = y.value) != null && t.contains(e)) || !!((a = z.value) != null && a.contains(e));
+      },
+      focus: () => Ee(),
+      get isConnected() {
+        var e;
+        return !!((e = y.value) != null && e.isConnected);
+      }
+    } : void 0
+  ), T = lt(Pe, Ce, {
+    gap: 6,
+    padding: 8,
+    closeOnTab: !1,
+    get placement() {
+      return x.value ? "bottom-start" : l.placement ?? "bottom-start";
+    },
+    width: () => l.width,
+    requestOpen(e, t) {
+      return b(e, t), !1;
+    }
+  }), o = T.open;
+  function W(e) {
+    var a;
+    const t = document.getElementById(Oe + "-item-" + e.id);
+    return t instanceof HTMLElement && ((a = z.value) != null && a.contains(t)) ? t : void 0;
+  }
+  function Ee() {
+    var t, a;
+    const e = (t = ie.value) != null && t.isConnected && ie.value !== document.body ? ie.value : ((a = y.value) == null ? void 0 : a.querySelector(
+      'button:not(:disabled),a[href],input:not(:disabled),[tabindex]:not([tabindex="-1"])'
+    )) ?? y.value;
+    de = !0;
+    try {
+      e == null || e.focus({ preventScroll: !0 });
+    } finally {
+      de = !1;
+    }
+  }
+  function Re() {
+    var t;
+    const e = ((t = y.value) == null ? void 0 : t.querySelector(
+      'button:not(:disabled),a[href],[tabindex]:not([tabindex="-1"])'
+    )) ?? y.value;
+    e == null || e.focus({ preventScroll: !0 });
+  }
+  function qe(e) {
+    return {
+      item: e.raw,
+      value: e.key,
+      label: e.label,
+      path: e.path,
+      keys: e.keys,
+      level: e.level,
+      disabled: e.disabled || v.value,
+      checked: e.key !== void 0 && Se.value.has(m(e.key)),
+      selected: e.key !== void 0 && Ke.value.has(m(e.key)),
+      expanded: O.value.some((t) => t.id === e.id),
+      submenu: !!e.children.length
+    };
+  }
+  function ge(e) {
+    return e.filter(
+      (t) => t.type !== "divider" && t.type !== "group" && !t.disabled
+    );
+  }
+  function I(e, t = !1) {
+    var a, i, u;
+    e.disabled || e.key === void 0 || v.value || (le.value = new Map(le.value).set(e.level, e.key), t && ((a = W(e)) == null || a.focus({ preventScroll: !0 })), t && ((u = (i = W(e)) == null ? void 0 : i.scrollIntoView) == null || u.call(i, { block: "nearest" })));
+  }
+  function H(e = P.value.length - 1, t = !1) {
+    var u, n, s, c;
+    if (v.value) {
+      (n = (u = F.get(e)) == null ? void 0 : u.querySelector('[role="menu"]')) == null || n.focus({ preventScroll: !0 });
+      return;
+    }
+    const a = ge(P.value[e] ?? []), i = t ? a.at(-1) : a[0];
+    i ? I(i, !0) : (c = (s = F.get(e)) == null ? void 0 : s.querySelector('[role="menu"]')) == null || c.focus({ preventScroll: !0 });
+  }
+  function we(e) {
+    const t = le.value.get(e.level), a = ge(P.value[e.level] ?? []);
+    return !v.value && !e.disabled && (t === e.key || !a.some((i) => i.key === t) && a[0] === e) ? 0 : -1;
+  }
+  function G() {
+    clearTimeout(he), clearTimeout(_), clearTimeout($), clearTimeout(me), L = "";
+  }
+  function A(e = !1) {
+    !o.value || !r.value || (ye || (ye = e), !Z && (Z = requestAnimationFrame(async () => {
+      Z = 0;
+      const t = [...Q];
+      if (Q.clear(), !o.value || !r.value) {
+        t.forEach((n) => n(!1));
+        return;
+      }
+      ye && (ye = !1, T.update(), await B());
+      const a = document.documentElement.clientWidth, i = document.documentElement.clientHeight, u = {};
+      O.value.forEach((n, s) => {
+        const c = W(n), h = F.get(s + 1), D = c == null ? void 0 : c.closest(".hys-ui-menu-body");
+        if (!c || !h) return;
+        const g = c.getBoundingClientRect(), S = tt(h), X = D == null ? void 0 : D.getBoundingClientRect();
+        if (X && (g.bottom <= X.top || g.top >= X.bottom)) {
+          R(ae.value.slice(0, s));
+          return;
+        }
+        const K = Math.min(S.width, Math.max(0, a - 16)), Qe = Math.min(S.height, Math.max(0, i - 16));
+        let ee = l.direction === "rtl" ? g.left - K - 6 : g.right + 6;
+        ee + K > a - 8 && (ee = g.left - K - 6), ee < 8 && g.right + 6 + K <= a - 8 && (ee = g.right + 6), u[s + 1] = {
+          position: "fixed",
+          left: Math.max(8, Math.min(ee, a - K - 8)) + "px",
+          top: Math.max(8, Math.min(g.top - 5, i - Qe - 8)) + "px",
+          visibility: "visible",
+          zIndex: Number(T.style.value.zIndex) + s + 1
+        };
+      }), JSON.stringify(fe.value) !== JSON.stringify(u) && (fe.value = u), await B(), t.forEach((n) => n(o.value && r.value));
+    })));
+  }
+  function ne() {
+    return !o.value || !r.value ? Promise.resolve(!1) : new Promise((e) => {
+      Q.add(e), A();
+    });
+  }
+  function Ae() {
+    V.value && !o.value || (V.value = !0, G(), E++, T.close(!1, !0), J.current.value && d("update:open", !1));
+  }
+  function Ne(e, t) {
+    const a = F.get(e);
+    a !== t && (a && a !== t && (f == null || f.unobserve(a)), t ? (F.set(e, t), f == null || f.observe(t)) : F.delete(e), e || (Ce.value = t), A(!0));
+  }
+  async function be() {
+    if (!r.value || V.value || N.disabled.value || !J.current.value) {
+      T.close(!1, !0);
+      return;
+    }
+    const e = o.value;
+    await T.show(!0), !(!o.value || !r.value) && (e || (typeof ResizeObserver < "u" && (f == null || f.disconnect(), f = new ResizeObserver(() => A(!0)), F.forEach((t) => f.observe(t))), A(!0), ue && l.autofocus !== !1 && (O.value.length ? await ne() : await B(), o.value && r.value && H())));
+  }
+  async function b(e, t = !1) {
+    return !r.value || e && N.disabled.value ? !1 : (e || G(), J.current.value !== e && await J.commit(
+      e,
+      (a) => d("update:open", a),
+      () => {
+      }
+    ), await be(), o.value === e && !e && t && Ee(), o.value === e);
+  }
+  async function C(e) {
+    if (!r.value || N.disabled.value) return !1;
+    E++, V.value = !1, G(), ue = !0, ie.value = document.activeElement instanceof HTMLElement ? document.activeElement : y.value, e && "preventDefault" in e ? (e.preventDefault(), x.value = e instanceof MouseEvent && e.type === "contextmenu" ? { x: e.clientX, y: e.clientY } : void 0) : (x.value = e && Number.isFinite(e.x) && Number.isFinite(e.y) ? { x: e.x, y: e.y } : void 0, ue = (e == null ? void 0 : e.focus) !== !1);
+    const t = await b(!0);
+    return t && (A(!0), ue && l.autofocus !== !1 && await B(() => H())), t;
+  }
+  async function R(e, t = !1) {
+    if (!r.value || v.value) return !1;
+    const a = E, i = w(e);
+    if (U(i, te.current.value))
+      return t && await ne() && H(i.length), !0;
+    const u = await te.commit(
+      i,
+      (n) => d("update:openPath", n),
+      (n) => d("openPathChange", n)
+    );
+    return u && o.value && r.value && a === E && (await B(), A(!0), t && await ne() && a === E && H(O.value.length)), u && U(ae.value, i);
+  }
+  async function ke(e, t = !0) {
+    const a = p.value.byKey.get(m(e));
+    return !a || a.disabled || !a.children.length || !o.value ? !1 : (clearTimeout($), R(a.keys, t));
+  }
+  async function Fe(e) {
+    const t = p.value.byKey.get(m(e));
+    return !t || t.disabled || v.value || !r.value || !o.value && !await C() || !await R(t.parents.map((a) => a.key)) || !await ne() ? !1 : (I(t, !0), !!W(t));
+  }
+  async function Le(e) {
+    return v.value || !r.value ? !1 : oe.commit(
+      w(e),
+      (t) => d("update:checkedKeys", t),
+      (t) => d("checkedChange", t)
+    );
+  }
+  async function Ie(e) {
+    return v.value || !r.value ? !1 : re.commit(
+      w(e).slice(0, l.multiple ? void 0 : 1),
+      (t) => d("update:selectedKeys", t),
+      (t) => d("selectionChange", t)
+    );
+  }
+  async function He(e, t) {
+    if (!r.value || v.value || e.disabled || e.key === void 0 || !o.value || p.value.byKey.get(m(e.key)) !== e)
+      return t == null || t.preventDefault(), !1;
+    if (e.children.length)
+      return t == null || t.preventDefault(), ke(e.key);
+    const a = E, i = ["checkbox", "radio"].includes(e.type);
+    let u = Y.value, n = j.value, s;
+    if (i) {
+      s = e.type === "radio" || !Se.value.has(m(e.key));
+      const S = m(e.radioGroup ?? "@hys-menu-radio");
+      u = u.filter(
+        (X) => X !== e.key && !(e.type === "radio" && (() => {
+          const K = p.value.byKey.get(m(X));
+          return (K == null ? void 0 : K.type) === "radio" && m(K.radioGroup ?? "@hys-menu-radio") === S;
+        })())
+      ), s && u.push(e.key);
+    } else l.selectable && (n = l.multiple ? Ke.value.has(m(e.key)) ? n.filter((S) => S !== e.key) : [...n, e.key] : [e.key]);
+    const c = {
+      item: e.raw,
+      path: e.path,
+      keys: e.keys,
+      event: t,
+      checked: s,
+      checkedKeys: u,
+      selectedKeys: n
+    }, h = i && !U(u, Y.value), D = !i && !!l.selectable && !U(n, j.value);
+    let g = !0;
+    return h ? g = await oe.commit(
+      u,
+      (S) => d("update:checkedKeys", S),
+      () => d("select", e.key, c),
+      !0
+    ) : D ? g = await re.commit(
+      n,
+      (S) => d("update:selectedKeys", S),
+      () => d("select", e.key, c),
+      !0
+    ) : d("select", e.key, c), !g || !r.value ? !1 : (h ? d("checkedChange", Y.value, c) : D && d("selectionChange", j.value, c), (e.closeOnSelect ?? (!i && l.hideOnClick !== !1)) && a === E && await b(!1, !0), !0);
+  }
+  function pe(e) {
+    var t, a;
+    return e instanceof Node && (!!((t = y.value) != null && t.contains(e)) || !!((a = z.value) != null && a.contains(e)));
+  }
+  function Be(e, t) {
+    !M.value.includes("hover") || (t == null ? void 0 : t.pointerType) === "touch" || (clearTimeout(he), clearTimeout(_), e ? o.value || (he = setTimeout(
+      () => void C({ focus: !1 }),
+      ve(l.showDelay, 120)
+    )) : pe((t == null ? void 0 : t.relatedTarget) ?? null) || (_ = setTimeout(
+      () => void b(!1),
+      ve(l.hideDelay, 180)
+    )));
+  }
+  function Ue() {
+    clearTimeout(_), clearTimeout($);
+  }
+  function ze(e) {
+    clearTimeout(_), clearTimeout($), !(l.submenuTrigger === "click" || e.disabled || v.value) && (I(e), $ = setTimeout(
+      () => {
+        !o.value || p.value.byKey.get(m(e.key)) !== e || R(
+          e.children.length ? e.keys : e.parents.map((t) => t.key)
+        );
+      },
+      ve(l.submenuDelay, 160)
+    ));
+  }
+  function Ve(e) {
+    !e.defaultPrevented && M.value.includes("click") && e.button === 0 && (o.value ? b(!1) : C(e));
+  }
+  function Je(e) {
+    M.value.includes("contextmenu") && C(e);
+  }
+  function We(e) {
+    M.value.includes("focus") && !de && !T.restoringFocus.value && !pe(e.relatedTarget) && C({ focus: !1 });
+  }
+  function Ge(e) {
+    M.value.includes("focus") && !pe(e.relatedTarget) && b(!1);
+  }
+  function Xe(e) {
+    if (!(e.isComposing || !M.value.length)) {
+      if (e.key === "ContextMenu" || e.shiftKey && e.key === "F10") {
+        M.value.includes("contextmenu") && C(e);
+        return;
+      }
+      ["ArrowDown", "ArrowUp"].includes(e.key) ? (e.preventDefault(), C(e).then((t) => {
+        t && H(0, e.key === "ArrowUp");
+      })) : (e.key === "Enter" || e.key === " ") && e.target === y.value && !M.value.includes("contextmenu") ? (e.preventDefault(), o.value ? b(!1) : C(e)) : e.key === "Tab" && o.value && b(!1);
+    }
+  }
+  async function Ye(e) {
+    var u, n;
+    const t = Array.from(
+      ((u = z.value) == null ? void 0 : u.querySelectorAll(
+        'a[href],button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex="-1"])'
+      )) ?? []
+    ).filter(
+      (s) => s.tabIndex >= 0 && s.getClientRects().length && getComputedStyle(s).visibility !== "hidden" && !s.closest("[inert]")
+    );
+    if (document.activeElement !== (e.shiftKey ? t[0] : t.at(-1)) && t.length || (e.preventDefault(), !await b(!1, !0) || e.shiftKey)) return;
+    const a = Array.from(
+      document.querySelectorAll(
+        'a[href],button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex="-1"])'
+      )
+    ).filter(
+      (s) => s.tabIndex >= 0 && s.getClientRects().length && !s.closest("[inert]")
+    ), i = a.indexOf(document.activeElement);
+    i >= 0 && ((n = a[i + 1]) == null || n.focus());
+  }
+  function je(e, t) {
+    var s;
+    if (t.isComposing || t.keyCode === 229) return;
+    if (t.key === "Tab") {
+      Ye(t);
+      return;
+    }
+    if (t.target.closest(
+      'input,textarea,select,[contenteditable="true"]'
+    ))
+      return;
+    const a = ge(P.value[e] ?? []), i = t.target.closest(
+      "[data-hys-menu-item]"
+    ), u = a.findIndex((c) => W(c) === i), n = a[u];
+    if (["ArrowDown", "ArrowUp", "Home", "End"].includes(t.key)) {
+      t.preventDefault(), t.stopPropagation();
+      let c = t.key === "Home" ? 0 : t.key === "End" ? a.length - 1 : u + (t.key === "ArrowUp" ? -1 : 1);
+      c = l.loopNavigation === !1 ? Math.max(0, Math.min(c, a.length - 1)) : (c + a.length) % a.length, a[c] && I(a[c], !0);
+    } else if (t.key === (l.direction === "rtl" ? "ArrowLeft" : "ArrowRight"))
+      t.preventDefault(), t.stopPropagation(), n != null && n.children.length && ke(n.key);
+    else if (t.key === (l.direction === "rtl" ? "ArrowRight" : "ArrowLeft")) {
+      t.preventDefault(), t.stopPropagation();
+      const c = O.value[e - 1];
+      c && R(ae.value.slice(0, e - 1)).then((h) => {
+        h && I(c, !0);
+      });
+    } else if (t.key === "Enter" || t.key === " ")
+      n && (t.preventDefault(), t.stopPropagation(), (s = W(n)) == null || s.click());
+    else if (t.key.length === 1 && !t.ctrlKey && !t.metaKey && !t.altKey) {
+      L += t.key.toLocaleLowerCase(), clearTimeout(me), me = setTimeout(() => L = "", 500);
+      const c = [...L].every((h) => h === L[0]) ? L[0] : L;
+      for (let h = 1; h <= a.length; h++) {
+        const D = a[(u + h + a.length) % a.length];
+        if (D.label.toLocaleLowerCase().startsWith(c)) {
+          t.preventDefault(), I(D, !0);
+          break;
+        }
+      }
+    }
+  }
+  function xe() {
+    var e;
+    Me.value = !!((e = y.value) != null && e.querySelector(
+      'button:not(:disabled),a[href],input:not(:disabled),[tabindex]:not([tabindex="-1"])'
+    ));
+  }
+  function De() {
+    r.value = !1, V.value = !0, E++, G(), f == null || f.disconnect(), f = void 0, cancelAnimationFrame(Z), Z = 0, Q.forEach((e) => e(!1)), Q.clear(), T.close(!1, !0), J.current.value && d("update:open", !1);
+  }
+  return q([J.current, N.disabled, r], () => void be(), {
+    immediate: !0,
+    flush: "post"
+  }), q(
+    N.disabled,
+    (e) => {
+      e && Ae();
+    },
+    { flush: "sync" }
+  ), q(
+    () => l.open,
+    (e) => {
+      e && (V.value = !1);
+    }
+  ), q(o, (e) => {
+    d("visibleChange", e), e || (E++, G(), f == null || f.disconnect(), te.isLive() && R([]));
+  }), q(
+    [P, v],
+    async () => {
+      var i, u, n, s;
+      if (!o.value) return;
+      const e = document.activeElement, t = !!e && !!((i = z.value) != null && i.contains(e)), a = Number(
+        ((u = e == null ? void 0 : e.closest("[data-level]")) == null ? void 0 : u.dataset.level) ?? 0
+      );
+      await B(), t && o.value && (!((n = z.value) != null && n.contains(document.activeElement)) || ((s = document.activeElement) == null ? void 0 : s.getAttribute(
+        "aria-disabled"
+      )) === "true") && H(Math.min(a, P.value.length - 1));
+    },
+    { flush: "pre" }
+  ), q(
+    [P, () => l.placement, () => l.direction],
+    () => {
+      B(() => A(!0));
+    },
+    { flush: "post" }
+  ), q(T.style, () => A(!1)), q(
+    () => l.loading,
+    () => {
+      l.loading && G();
+    }
+  ), Ze(() => {
+    xe(), be();
+  }), _e(() => {
+    r.value = !0, xe();
+  }), $e(De), et(De), {
+    control: N,
+    live: r,
+    busy: v,
+    graph: p,
+    triggers: M,
+    open: o,
+    branches: O,
+    menus: P,
+    openPath: ae,
+    checkedKeys: Y,
+    selectedKeys: j,
+    context: qe,
+    tabbable: we,
+    active: le,
+    childStyles: fe,
+    floating: T,
+    forceHide: Ae,
+    focusableChild: Me,
+    measureTrigger: xe,
+    setPanel: Ne,
+    scheduleLayout: A,
+    show: C,
+    hide: (e = !1) => b(!1, e),
+    focus: Re,
+    toggle: () => o.value ? b(!1) : C(),
+    focusItem: Fe,
+    openSubmenu: ke,
+    closeSubmenus: () => R([]),
+    setCheckedKeys: Le,
+    setSelectedKeys: Ie,
+    choose: He,
+    setActive: I,
+    hoverRoot: Be,
+    enterPanel: Ue,
+    hoverRow: ze,
+    triggerClick: Ve,
+    contextmenu: Je,
+    triggerFocus: We,
+    focusOut: Ge,
+    triggerKey: Xe,
+    keyboard: je,
+    first: H,
+    setPath: R,
+    getItems: () => p.value.all.filter((e) => e.type !== "group" && e.type !== "divider").map((e) => e.raw)
+  };
+}
+export {
+  ft as useContextMenu
+};

package/dist/composables/useDataGridRemote.js

@@ -0,0 +1,67 @@
+import { ref as m, shallowRef as y, computed as w, watch as b, onMounted as A, onActivated as D, onDeactivated as J, onBeforeUnmount as N } from "vue";
+function S(a, h, q) {
+  const u = m(!1), i = m(!1), l = y(), r = y();
+  let o, c;
+  const t = w(() => JSON.stringify(h.value));
+  function d() {
+    o == null || o.abort(), o = void 0, i.value = !1;
+  }
+  async function v() {
+    if (!u.value || !a.loadRows) return;
+    d();
+    const e = new AbortController();
+    o = e;
+    const n = t.value, f = a.loadRows;
+    i.value = !0, l.value = void 0;
+    try {
+      const s = await f(JSON.parse(n), {
+        signal: e.signal
+      });
+      if (e.signal.aborted || n !== t.value || a.loadRows !== f)
+        return;
+      c = n, r.value = s;
+    } catch (s) {
+      if (e.signal.aborted || n !== t.value || a.loadRows !== f)
+        return;
+      l.value = { error: s, query: n }, q(s);
+    } finally {
+      o === e && (o = void 0, i.value = !1);
+    }
+  }
+  function R() {
+    var e;
+    u.value || (u.value = !0, c !== t.value && ((e = l.value) == null ? void 0 : e.query) !== t.value && v());
+  }
+  function g() {
+    u.value = !1, d();
+  }
+  return b(
+    () => a.loadRows,
+    () => {
+      d(), c = void 0, r.value = void 0, l.value = void 0, v();
+    }
+  ), A(() => {
+    b(t, () => {
+      v();
+    }, { flush: "post" }), R();
+  }), D(R), J(g), N(g), {
+    pending: i,
+    failure: l,
+    reload: v,
+    sourceRows: w(
+      () => {
+        var e;
+        return a.loadRows ? ((e = r.value) == null ? void 0 : e.rows) ?? a.rows : a.rows;
+      }
+    ),
+    remoteTotal: w(
+      () => {
+        var e;
+        return a.loadRows ? ((e = r.value) == null ? void 0 : e.total) ?? a.totalRows : a.totalRows;
+      }
+    )
+  };
+}
+export {
+  S as useDataGridRemote
+};