hys-ui 0.2.0 → 0.3.0

package/dist/composables/useDialog.js

@@ -1,56 +1,99 @@
-import { ref as k, computed as D, onActivated as w, onDeactivated as x, watch as L, nextTick as b, onBeforeUnmount as S } from "vue";
-import { lockBodyScroll as T, registerOverlay as A } from "./overlayManager.js";
-const C = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
-function B(h, t, m) {
-  const o = k(!0), s = D(() => h.value && o.value);
-  w(() => {
-    o.value = !0;
-  }), x(() => {
-    o.value = !1, c++, f();
-  });
-  let d = null, i, u, c = 0;
-  function v() {
+import { ref as O, inject as P, computed as b, provide as R, shallowRef as g, watch as L, nextTick as w, onActivated as B, onDeactivated as H, onBeforeUnmount as M } from "vue";
+import { overlayOwnerKey as D, registerOverlay as j, lockBodyScroll as N } from "./overlayManager.js";
+const U = 'a[href],button:not([disabled]),input:not([disabled]):not([type="hidden"]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
+function J(A, a, x, t = {}) {
+  const m = O(!0), h = P(D, void 0), o = b(() => m.value && (h == null ? void 0 : h.value) !== !1), i = b(() => A.value && o.value);
+  R(
+    D,
+    b(() => {
+      var e;
+      return i.value && ((e = t.childVisible) == null ? void 0 : e.call(t)) !== !1;
+    })
+  );
+  const d = g(), z = b(
+    () => {
+      var e, u;
+      return ((e = d.value) == null ? void 0 : e.zIndex.value) ?? ((u = t.zIndex) == null ? void 0 : u.call(t)) ?? 100;
+    }
+  );
+  let E = null, r, s = 0;
+  function S() {
+    var e;
+    return Array.from(
+      ((e = a.value) == null ? void 0 : e.querySelectorAll(U)) ?? []
+    ).filter(
+      (u) => u.tabIndex >= 0 && u.getClientRects().length > 0 && getComputedStyle(u).visibility !== "hidden" && !u.closest('[inert],[aria-hidden="true"]')
+    );
+  }
+  function T() {
     var e;
-    return Array.from(((e = t.value) == null ? void 0 : e.querySelectorAll(C)) ?? []).filter((n) => n.getClientRects().length > 0 && getComputedStyle(n).visibility !== "hidden");
+    (e = S()[0] ?? a.value) == null || e.focus({ preventScroll: !0 });
   }
-  function y(e) {
-    if (!s.value || !(u != null && u()) || !t.value) return;
+  function k(e) {
+    var n, f;
+    if (!i.value || !((n = d.value) != null && n.isTop()) || !a.value) return;
     if (e.key === "Escape") {
-      e.preventDefault(), e.stopImmediatePropagation(), m();
+      e.preventDefault(), e.stopImmediatePropagation(), x();
       return;
     }
-    if (e.key !== "Tab") return;
-    const n = v();
-    if (!n.length) {
-      e.preventDefault(), t.value.focus();
+    if (e.key !== "Tab" || ((f = t.trapFocus) == null ? void 0 : f.call(t)) === !1) return;
+    const u = S();
+    if (!u.length) {
+      e.preventDefault(), a.value.focus({ preventScroll: !0 });
       return;
     }
-    const l = n[0], r = n[n.length - 1];
-    e.shiftKey && (document.activeElement === l || document.activeElement === t.value || !t.value.contains(document.activeElement)) ? (e.preventDefault(), r.focus()) : !e.shiftKey && (document.activeElement === r || !t.value.contains(document.activeElement)) && (e.preventDefault(), l.focus());
+    const l = u[0], c = u[u.length - 1];
+    e.shiftKey && (document.activeElement === l || document.activeElement === a.value || !a.value.contains(document.activeElement)) ? (e.preventDefault(), c.focus({ preventScroll: !0 })) : !e.shiftKey && (document.activeElement === c || !a.value.contains(document.activeElement)) && (e.preventDefault(), l.focus({ preventScroll: !0 }));
+  }
+  function C(e) {
+    var u, l, c;
+    i.value && ((u = d.value) != null && u.isTop()) && ((l = t.trapFocus) == null ? void 0 : l.call(t)) !== !1 && e.target instanceof Node && !((c = a.value) != null && c.contains(e.target)) && T();
   }
-  function p(e) {
-    !s.value || !(u != null && u()) || !t.value || e.target instanceof Node && !t.value.contains(e.target) && (v()[0] ?? t.value).focus();
+  function F() {
+    var e;
+    i.value && ((e = t.lockScroll) == null ? void 0 : e.call(t)) !== !1 ? r ?? (r = N()) : (r == null || r(), r = void 0);
   }
-  function f() {
-    i == null || i(), i = void 0, u = void 0, document.removeEventListener("keydown", y, !0), document.removeEventListener("focusin", p, !0);
+  function y() {
+    var u, l;
+    const e = ((u = d.value) == null ? void 0 : u.isTop()) ?? !1;
+    return (l = d.value) == null || l.unregister(), d.value = void 0, r == null || r(), r = void 0, document.removeEventListener("keydown", k, !0), document.removeEventListener("focusin", C, !0), e;
   }
-  return L(s, async (e) => {
-    var l, r;
-    const n = ++c;
-    if (e) {
-      f(), d = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-      const a = T(), E = A("dialog", m);
-      u = E.isTop, i = () => {
-        E.unregister(), a();
-      }, document.addEventListener("keydown", y, !0), document.addEventListener("focusin", p, !0), await b(), n === c && s.value && ((r = ((l = t.value) == null ? void 0 : l.querySelector("[autofocus]")) ?? v()[0] ?? t.value) == null || r.focus());
-    } else {
-      const a = d;
-      f(), await b(), n === c && o.value && (a != null && a.isConnected) && a.focus();
-    }
-  }, { immediate: !0, flush: "post" }), S(() => {
-    o.value = !1, c++, f();
-  }), { active: o };
+  function q(e, u, l) {
+    w(() => {
+      var n, f;
+      if (u !== s || !o.value || !l || ((n = t.restoreFocus) == null ? void 0 : n.call(t)) === !1)
+        return;
+      const c = new Event("hys-ui-close-auto-focus", { cancelable: !0 });
+      (f = t.onCloseAutoFocus) == null || f.call(t, c), !c.defaultPrevented && (e != null && e.isConnected) && e.focus({ preventScroll: !0 });
+    });
+  }
+  return L(
+    i,
+    async (e) => {
+      var l, c, n, f;
+      const u = ++s;
+      if (e) {
+        if (y(), E = document.activeElement instanceof HTMLElement ? document.activeElement : null, d.value = j("dialog", x, t.zIndex), F(), document.addEventListener("keydown", k, !0), document.addEventListener("focusin", C, !0), await w(), u !== s || !i.value) return;
+        const I = new Event("hys-ui-open-auto-focus", { cancelable: !0 });
+        (l = t.onOpenAutoFocus) == null || l.call(t, I);
+        const v = (c = t.initialFocus) == null ? void 0 : c.call(t), K = v instanceof HTMLElement && v.isConnected && v.getClientRects().length > 0 && getComputedStyle(v).visibility !== "hidden" && !v.closest('[inert],[aria-hidden="true"]') && !v.disabled ? v : void 0;
+        !I.defaultPrevented && v !== !1 && ((f = K ?? ((n = a.value) == null ? void 0 : n.querySelector("[autofocus]")) ?? S()[0] ?? a.value) == null || f.focus({ preventScroll: !0 }));
+      } else q(E, u, y());
+    },
+    { immediate: !0, flush: "post" }
+  ), L(() => {
+    var e;
+    return (e = t.lockScroll) == null ? void 0 : e.call(t);
+  }, F), B(() => m.value = !0), H(() => {
+    m.value = !1, s++, y();
+  }), M(() => {
+    var c;
+    const e = E, u = y(), l = o.value && ((c = t.restoreFocus) == null ? void 0 : c.call(t)) !== !1;
+    m.value = !1, s++, l && u && w(() => {
+      e != null && e.isConnected && e.focus({ preventScroll: !0 });
+    });
+  }), { active: o, zIndex: z, focus: T };
 }
 export {
-  B as useDialog
+  J as useDialog
 };

package/dist/composables/useDrawerPush.js

@@ -0,0 +1,33 @@
+import { inject as y, shallowRef as f, provide as w, onMounted as b, onActivated as g, onDeactivated as M, onBeforeUnmount as j, computed as v } from "vue";
+const p = Symbol("hys-ui-drawer-parent");
+function S(t, r, m) {
+  const c = y(p, void 0), a = f(/* @__PURE__ */ new Map()), h = Symbol("drawer-child");
+  w(p, {
+    register(e, l) {
+      return a.value = new Map(a.value).set(e, l), () => {
+        const u = new Map(a.value);
+        u.delete(e), a.value = u;
+      };
+    }
+  });
+  let n;
+  const i = () => {
+    n ?? (n = c == null ? void 0 : c.register(h, r));
+  }, s = () => {
+    n == null || n(), n = void 0;
+  };
+  b(i), g(i), M(s), j(s);
+  const o = v(
+    () => !!t.push && r.value && !m.value && [...a.value.values()].some((e) => e.value)
+  ), x = v(() => {
+    const e = typeof t.push == "object" ? t.push.distance : 160, l = typeof e == "number" ? Number.isFinite(e) ? Math.max(0, e) + "px" : "160px" : e || "160px", u = o.value ? l : "0px", d = o.value ? `calc(-1 * ${l})` : "0px";
+    return {
+      "--hys-ui-drawer-push-x": t.placement === "left" ? u : t.placement === "right" ? d : "0px",
+      "--hys-ui-drawer-push-y": t.placement === "top" ? u : t.placement === "bottom" ? d : "0px"
+    };
+  });
+  return { pushed: o, style: x };
+}
+export {
+  S as useDrawerPush
+};

package/dist/composables/useDrawerResize.js

@@ -0,0 +1,221 @@
+import { ref as C, computed as S, watch as x, nextTick as K, onMounted as te, onActivated as ie, onDeactivated as ne, onBeforeUnmount as ae } from "vue";
+import { useChoiceModel as re } from "./choiceModel.js";
+import { drawerVertical as ue } from "./drawer.js";
+function ce(i, V, c, M, $, G, d) {
+  const w = re(
+    {
+      get modelValue() {
+        return i.resizeValue;
+      }
+    },
+    () => Number.isFinite(i.defaultResizeValue) ? Math.max(0, i.defaultResizeValue) : null
+  ), D = C(!1), P = C(0), F = C(0), N = C(), f = S(() => ue(i.placement)), T = S(() => {
+    const e = w.current.value;
+    if (typeof e != "number" || !Number.isFinite(e)) return;
+    const t = A();
+    return Math.max(t.min, Math.min(t.max, e));
+  }), h = S(() => T.value ?? P.value), z = S(
+    () => typeof i.resizable == "object" ? i.resizable : {}
+  ), v = S(
+    () => M.value && !$.value && !G.value
+  );
+  let r = !0, y = 0, g = 0, l, s;
+  function I(e, t) {
+    if (typeof e == "number")
+      return Number.isFinite(e) ? e : void 0;
+    if (typeof e != "string" || !/^\s*\d+(?:\.\d+)?(?:px|%)?\s*$/.test(e))
+      return;
+    const n = parseFloat(e);
+    return e.trim().endsWith("%") ? t * n / 100 : n;
+  }
+  function R() {
+    var n;
+    const e = (n = V.value) == null ? void 0 : n.getBoundingClientRect(), t = f.value ? e == null ? void 0 : e.height : e == null ? void 0 : e.width;
+    return Math.max(
+      1,
+      (t && t > 0 ? t : void 0) ?? (f.value ? document.documentElement.clientHeight || window.innerHeight : document.documentElement.clientWidth || window.innerWidth)
+    );
+  }
+  function A(e = F.value || R()) {
+    const t = Math.max(
+      1,
+      Math.min(
+        e,
+        I(z.value.maxSize, e) ?? e
+      )
+    );
+    return { min: Math.min(
+      t,
+      Math.max(1, I(z.value.minSize, e) ?? 160)
+    ), max: t };
+  }
+  function L() {
+    if (!r || !M.value || s || !c.value) return;
+    F.value = R();
+    const e = c.value.getBoundingClientRect();
+    P.value = f.value ? e.height : e.width;
+  }
+  function p() {
+    g && cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+      g = 0, L();
+    });
+  }
+  function J() {
+    var t;
+    y = 0;
+    const e = s;
+    !e || !e.activated || !c.value || e.last !== e.value && (e.last = e.value, c.value.style[e.axis] = e.value + "px", (t = N.value) == null || t.setAttribute("aria-valuenow", String(Math.round(e.value))), d("resize", e.value));
+  }
+  function Q() {
+    window.removeEventListener("pointermove", U), window.removeEventListener("pointerup", W), window.removeEventListener("pointercancel", a), window.removeEventListener("blur", a), window.removeEventListener("keydown", O, !0);
+  }
+  async function B(e) {
+    return !r || !v.value ? !1 : e === w.current.value ? !0 : await w.commit(
+      e,
+      (n) => d("update:resizeValue", n),
+      () => {
+      }
+    ) && r && v.value;
+  }
+  async function b(e = !1) {
+    var o, m;
+    const t = s;
+    if (!t) return !1;
+    y && cancelAnimationFrame(y), y = 0;
+    const n = !e && t.activated && t.last !== t.value;
+    s = void 0, D.value = !1, Q(), document.documentElement.style.cursor = t.cursor, document.documentElement.style.userSelect = t.selection;
+    try {
+      (m = (o = t.target).hasPointerCapture) != null && m.call(o, t.id) && t.target.releasePointerCapture(t.id);
+    } catch {
+    }
+    c.value && (c.value.style[t.axis] = t.style), n && d("resize", t.value);
+    const u = !e && t.activated ? await B(t.value) : !1;
+    return t.activated && (await K(), r && (L(), d("resizeEnd", e || !u ? h.value : t.value, {
+      placement: i.placement ?? "right",
+      cancelled: e,
+      accepted: u
+    }))), u;
+  }
+  function a() {
+    b(!0);
+  }
+  function O(e) {
+    e.key === "Escape" ? (e.preventDefault(), e.stopImmediatePropagation(), a()) : e.key === "Tab" && a();
+  }
+  function U(e) {
+    const t = s;
+    if (!t || e.pointerId !== t.id) return;
+    const n = ((t.axis === "width" ? e.clientX : e.clientY) - t.start) * t.sign;
+    !t.activated && (Math.abs(n) < 4 || (t.activated = !0, D.value = !0, d("resizeStart", t.size), s !== t)) || (t.value = Math.max(t.min, Math.min(t.max, t.size + n)), y || (y = requestAnimationFrame(J)));
+  }
+  function W(e) {
+    s && e.pointerId === s.id && b(!1);
+  }
+  function Z(e) {
+    if (!i.resizable || !v.value || !r || e.button !== 0 || e.isPrimary === !1 || !c.value)
+      return;
+    e.preventDefault(), e.stopPropagation(), b(!0);
+    const t = R(), n = A(t), u = c.value.getBoundingClientRect(), o = f.value ? "height" : "width", m = e.currentTarget, E = o === "width" ? u.width : u.height;
+    F.value = t, P.value = E, s = {
+      id: e.pointerId,
+      start: o === "width" ? e.clientX : e.clientY,
+      size: E,
+      value: E,
+      last: E,
+      ...n,
+      axis: o,
+      sign: i.placement === "right" || i.placement === "bottom" ? -1 : 1,
+      target: m,
+      style: c.value.style[o],
+      cursor: document.documentElement.style.cursor,
+      selection: document.documentElement.style.userSelect,
+      activated: !1
+    }, m.focus({ preventScroll: !0 });
+    try {
+      m.setPointerCapture(e.pointerId);
+    } catch {
+    }
+    document.documentElement.style.cursor = f.value ? "ns-resize" : "ew-resize", document.documentElement.style.userSelect = "none", window.addEventListener("pointermove", U), window.addEventListener("pointerup", W), window.addEventListener("pointercancel", a), window.addEventListener("blur", a), window.addEventListener("keydown", O, !0);
+  }
+  async function q(e) {
+    if (!r || !v.value) return !1;
+    const t = R(), n = I(e, t);
+    if (n === void 0) return !1;
+    const u = A(t), o = Math.max(u.min, Math.min(u.max, n));
+    return F.value = t, B(o);
+  }
+  async function _() {
+    return s && await b(!0), B(null);
+  }
+  async function ee(e) {
+    if (!i.resizable || !v.value || e.isComposing || e.ctrlKey || e.metaKey || e.altKey || ![...f.value ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"], "Home", "End"].includes(e.key)) return;
+    e.preventDefault(), e.stopPropagation(), L();
+    const n = A(), u = Number.isFinite(z.value.step) ? Math.max(1, z.value.step) : 10, o = i.placement === "left" ? "ArrowRight" : i.placement === "right" ? "ArrowLeft" : i.placement === "top" ? "ArrowDown" : "ArrowUp", m = e.key === "Home" ? n.min : e.key === "End" ? n.max : h.value + (e.key === o ? 1 : -1) * u * (e.shiftKey ? 10 : 1);
+    d("resizeStart", h.value);
+    const E = await q(m);
+    r && (L(), d("resize", h.value), d("resizeEnd", h.value, {
+      placement: i.placement ?? "right",
+      cancelled: !1,
+      accepted: E
+    }));
+  }
+  function k() {
+    a(), p();
+  }
+  function X() {
+    l == null || l.disconnect(), l = void 0, r && M.value && typeof ResizeObserver < "u" && V.value && i.contained && (l = new ResizeObserver(k), l.observe(V.value));
+  }
+  function H() {
+    var e;
+    !r || !M.value || (window.addEventListener("resize", k), (e = window.visualViewport) == null || e.addEventListener("resize", k), X(), p());
+  }
+  function Y() {
+    var e;
+    l == null || l.disconnect(), l = void 0, window.removeEventListener("resize", k), (e = window.visualViewport) == null || e.removeEventListener("resize", k), cancelAnimationFrame(g), g = 0;
+  }
+  function j() {
+    r = !1, b(!0), Y();
+  }
+  return x(
+    () => [i.placement, i.width, i.height, i.size],
+    () => {
+      a(), i.resizeValue === void 0 && w.reset(), K(p);
+    }
+  ), x(
+    () => i.resizeValue,
+    () => {
+      a(), p();
+    }
+  ), x([v, () => i.resizable], () => {
+    (!v.value || !i.resizable) && a();
+  }), x(
+    () => [z.value.minSize, z.value.maxSize],
+    () => {
+      a(), p();
+    }
+  ), x(M, (e) => {
+    e ? K(H) : (a(), Y());
+  }), x([V, () => i.contained], X, { flush: "post" }), te(H), ie(() => {
+    r = !0, H();
+  }), ne(j), ae(j), {
+    handle: N,
+    resizing: D,
+    size: h,
+    vertical: f,
+    limits: A,
+    model: w,
+    resolvedSize: T,
+    start: Z,
+    stop: b,
+    keyboard: ee,
+    resizeTo: q,
+    reset: _,
+    measure: L,
+    resetAfterClose: () => {
+      i.resetSizeOnClose !== !1 && i.resizeValue === void 0 && w.reset();
+    }
+  };
+}
+export {
+  ce as useDrawerResize
+};

package/dist/composables/useFloating.js

@@ -1,128 +1,162 @@
-import { ref as E, watch as I, onDeactivated as S, onBeforeUnmount as K, nextTick as P } from "vue";
-import { useHysControlState as T } from "./formContext.js";
-import { registerOverlay as U } from "./overlayManager.js";
-function J(m, r, i = {}) {
-  const { disabled: C } = T({}), d = E(!1), M = E(!1), L = E({
+import { inject as G, ref as z, shallowRef as J, watch as V, onDeactivated as Q, onBeforeUnmount as Z, computed as _, nextTick as ee } from "vue";
+import { useHysControlState as te } from "./formContext.js";
+import { popupSize as ie } from "../motion/popup.js";
+import { overlayOwnerKey as ae, registerOverlay as ne } from "./overlayManager.js";
+function de(g, r, t = {}) {
+  const { disabled: B } = te({}), y = G(ae, void 0), o = z(!1), F = J(), O = z(!1), k = z({
     position: "fixed",
     top: "0px",
     left: "0px",
     visibility: "hidden"
-  }), F = E(i.placement ?? "bottom-start"), v = i.gap ?? 8, o = i.padding ?? 10;
-  let $ = 0, w, h, b = 0;
-  function k() {
-    var R;
-    if (!d.value || !m.value || !r.value) return;
-    const t = m.value.getBoundingClientRect();
-    if (!t.width && !t.height) {
+  }), N = z(t.placement ?? "bottom-start");
+  let A = 0, W, u, E = 0;
+  function C() {
+    var K, T, Y;
+    if (!o.value || !g.value || !r.value) return;
+    const e = g.value.getBoundingClientRect();
+    if (!e.width && !e.height) {
       s();
       return;
     }
-    const e = document.documentElement.clientWidth, a = document.documentElement.clientHeight, l = Math.min(t.width, Math.max(0, e - 2 * o)), u = typeof i.matchWidth == "function" ? i.matchWidth() : i.matchWidth, f = (R = i.width) == null ? void 0 : R.call(i), x = typeof f == "number" ? Math.max(0, f) + "px" : f;
-    x !== void 0 ? (r.value.style.width = x, r.value.style.minWidth = "0", r.value.style.maxWidth = `calc(100vw - ${o * 2}px)`) : u === !0 && (r.value.style.width = `${l}px`, r.value.style.minWidth = "0", r.value.style.maxWidth = `${l}px`), x === void 0 && u === "min" && (r.value.style.width = "max-content", r.value.style.minWidth = `${l}px`, r.value.style.maxWidth = `calc(100vw - ${o * 2}px)`);
-    const H = r.value.getBoundingClientRect(), g = Math.min(H.width, Math.max(0, e - 2 * o)), y = Math.min(H.height, Math.max(0, a - 2 * o));
-    let n = i.placement ?? "bottom-start";
-    const z = a - t.bottom - v, A = t.top - v;
-    n.startsWith("bottom") && z < y && A > z ? n = n.replace("bottom", "top") : n.startsWith("top") && A < y && z > A ? n = n.replace("top", "bottom") : n === "right" && e - t.right - v < g && t.left > e - t.right ? n = "left" : n === "left" && t.left - v < g && e - t.right > t.left && (n = "right");
-    let p = n.endsWith("end") ? t.right - g : t.left, W = n.startsWith("top") ? t.top - y - v : t.bottom + v;
-    (n === "right" || n === "left") && (p = n === "right" ? t.right + v : t.left - g - v, W = t.top + (t.height - y) / 2), p = Math.max(o, Math.min(p, e - g - o)), W = Math.max(o, Math.min(W, a - y - o)), F.value = n, L.value = {
-      ...x !== void 0 ? { width: x, minWidth: "0" } : u === !0 ? { width: `${l}px`, minWidth: "0" } : u === "min" ? { width: "max-content", minWidth: `${l}px` } : {},
-      position: "fixed",
-      left: `${Math.round(p)}px`,
-      top: `${Math.round(W)}px`,
+    const n = Number.isFinite(t.gap) ? t.gap : 8, i = Number.isFinite(t.padding) ? Math.max(0, t.padding) : 10, l = document.documentElement.clientWidth, f = document.documentElement.clientHeight, d = Math.min(e.width, Math.max(0, l - 2 * i)), M = typeof t.matchWidth == "function" ? t.matchWidth() : t.matchWidth, b = (K = t.maxWidth) == null ? void 0 : K.call(t), P = b !== void 0 && (typeof b != "number" || Number.isFinite(b)) ? `min(${typeof b == "number" ? Math.max(0, b) + "px" : b},calc(100vw - ${i * 2}px))` : `calc(100vw - ${i * 2}px)`, L = (T = t.width) == null ? void 0 : T.call(t), p = typeof L == "number" ? Number.isFinite(L) ? Math.max(0, L) + "px" : void 0 : L;
+    p !== void 0 ? (r.value.style.width = p, r.value.style.minWidth = "0", r.value.style.maxWidth = P) : M === !0 && (r.value.style.width = `${d}px`, r.value.style.minWidth = "0", r.value.style.maxWidth = `${d}px`), p === void 0 && M === "min" && (r.value.style.width = "max-content", r.value.style.minWidth = `${d}px`, r.value.style.maxWidth = `calc(100vw - ${i * 2}px)`);
+    const D = ie(r.value), h = Math.min(D.width, Math.max(0, l - 2 * i)), v = Math.min(D.height, Math.max(0, f - 2 * i));
+    let a = t.placement ?? "bottom-start";
+    const I = f - e.bottom - n, q = e.top - n, $ = t.autoAdjustOverflow !== !1;
+    $ && a.startsWith("bottom") && I < v && q > I ? a = a.replace("bottom", "top") : $ && a.startsWith("top") && q < v && I > q ? a = a.replace("top", "bottom") : $ && a.startsWith("right") && l - e.right - n < h && e.left > l - e.right ? a = a.replace("right", "left") : $ && a.startsWith("left") && e.left - n < h && l - e.right > e.left && (a = a.replace("left", "right"));
+    let w = a.endsWith("end") ? e.right - h : a.endsWith("start") ? e.left : e.left + (e.width - h) / 2, x = a.startsWith("top") ? e.top - v - n : e.bottom + n;
+    if ((a.startsWith("right") || a.startsWith("left")) && (w = a.startsWith("right") ? e.right + n : e.left - h - n, x = a.endsWith("start") ? e.top : a.endsWith("end") ? e.bottom - v : e.top + (e.height - v) / 2), w = Math.max(i, Math.min(w, l - h - i)), x = Math.max(i, Math.min(x, f - v - i)), N.value = a, (Y = t.onPosition) == null || Y.call(t, {
+      anchor: e,
+      width: h,
+      height: v,
+      x: w,
+      y: x,
+      placement: a
+    }), t.strategy === "absolute") {
+      const m = r.value.offsetParent;
+      if (m && m !== document.body && m !== document.documentElement) {
+        const U = m.getBoundingClientRect();
+        w += m.scrollLeft - U.left - m.clientLeft, x += m.scrollTop - U.top - m.clientTop;
+      } else
+        w += window.scrollX, x += window.scrollY;
+    }
+    k.value = {
+      ...p !== void 0 ? { width: p, minWidth: "0" } : M === !0 ? { width: `${d}px`, minWidth: "0" } : M === "min" ? { width: "max-content", minWidth: `${d}px` } : {},
+      position: t.strategy ?? "fixed",
+      left: `${Math.round(w)}px`,
+      top: `${Math.round(x)}px`,
       visibility: "visible",
       zIndex: "1200",
-      maxWidth: `calc(100vw - ${o * 2}px)`,
-      maxHeight: `calc(100vh - ${o * 2}px)`,
+      maxWidth: P,
+      maxHeight: `calc(100vh - ${i * 2}px)`,
       overflowY: "auto",
       overscrollBehavior: "contain"
     };
   }
   function c() {
-    cancelAnimationFrame($), $ = requestAnimationFrame(k);
+    cancelAnimationFrame(A), A = requestAnimationFrame(C);
   }
-  function q(t) {
-    var e, a;
-    h != null && h() && !((e = m.value) != null && e.contains(t.target)) && !((a = r.value) != null && a.contains(t.target)) && s();
+  function R(e) {
+    var n, i;
+    !(u != null && u()) || t.closeOnOutside === !1 || !((n = g.value) != null && n.contains(e.target)) && !((i = r.value) != null && i.contains(e.target)) && s();
   }
-  function B(t) {
-    var e, a;
-    if (!(!d.value || !(h != null && h()))) {
-      if (t.key === "Escape")
-        t.preventDefault(), t.stopImmediatePropagation(), s(!0);
-      else if (t.key === "Tab" && i.closeOnTab !== !1) {
+  function S(e) {
+    var n, i;
+    if (!(!o.value || !(u != null && u()))) {
+      if (e.key === "Escape" && t.closeOnEscape !== !1)
+        e.preventDefault(), e.stopImmediatePropagation(), s(!0);
+      else if (e.key === "Tab" && t.closeOnTab !== !1) {
         const l = document.activeElement;
-        if ((e = m.value) != null && e.contains(l)) {
+        if ((n = g.value) != null && n.contains(l)) {
           s();
           return;
         }
-        if ((a = r.value) != null && a.contains(l)) {
-          const u = Array.from(
+        if ((i = r.value) != null && i.contains(l)) {
+          const f = Array.from(
             r.value.querySelectorAll(
               'a[href],button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex="-1"])'
             )
           ).filter(
-            (f) => f.getClientRects().length && !f.closest("[inert]")
+            (d) => d.getClientRects().length && !d.closest("[inert]")
           );
-          (!u.length || l === (t.shiftKey ? u[0] : u.at(-1))) && s(!0);
+          (!f.length || l === (e.shiftKey ? f[0] : f.at(-1))) && s(!0);
         }
       }
     }
   }
-  function O() {
-    var t, e;
-    document.removeEventListener("pointerdown", q, !0), document.removeEventListener("keydown", B, !0), window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0), (t = window.visualViewport) == null || t.removeEventListener("resize", c), (e = window.visualViewport) == null || e.removeEventListener("scroll", c), cancelAnimationFrame($), w == null || w(), w = void 0, h = void 0;
+  function j() {
+    var e, n;
+    document.removeEventListener("pointerdown", R, !0), document.removeEventListener("keydown", S, !0), window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0), (e = window.visualViewport) == null || e.removeEventListener("resize", c), (n = window.visualViewport) == null || n.removeEventListener("scroll", c), cancelAnimationFrame(A), W == null || W(), W = void 0, F.value = void 0, u = void 0;
   }
-  function s(t = !1, e = !1) {
-    var a, l;
-    if (!(!e && d.value && ((a = i.requestOpen) == null ? void 0 : a.call(i, !1, t)) === !1) && (b++, !!d.value && (d.value = !1, O(), t && ((l = m.value) != null && l.isConnected)))) {
-      M.value = !0;
+  function s(e = !1, n = !1) {
+    var i, l;
+    if (!(!n && o.value && ((i = t.requestOpen) == null ? void 0 : i.call(t, !1, e)) === !1) && (E++, !!o.value && (o.value = !1, j(), e && ((l = g.value) != null && l.isConnected)))) {
+      O.value = !0;
       try {
-        m.value.focus();
+        g.value.focus();
       } finally {
-        M.value = !1;
+        O.value = !1;
       }
     }
   }
-  async function V(t = !1) {
-    var l, u, f;
-    if (C.value) return;
-    if (d.value) {
+  async function H(e = !1) {
+    var l, f, d;
+    if (B.value || (y == null ? void 0 : y.value) === !1) return;
+    if (o.value) {
       c();
       return;
     }
-    if (!t && ((l = i.requestOpen) == null ? void 0 : l.call(i, !0)) === !1) return;
-    const e = ++b;
-    if (d.value = !0, L.value = {
+    if (!e && ((l = t.requestOpen) == null ? void 0 : l.call(t, !0)) === !1) return;
+    const n = ++E;
+    if (o.value = !0, k.value = {
       position: "fixed",
       top: "0px",
       left: "0px",
       visibility: "hidden"
-    }, await P(), e !== b || !d.value) return;
-    const a = U("floating", () => s(!0));
-    w = a.unregister, h = a.isTop, k(), document.addEventListener("pointerdown", q, !0), document.addEventListener("keydown", B, !0), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0), (u = window.visualViewport) == null || u.addEventListener("resize", c), (f = window.visualViewport) == null || f.addEventListener("scroll", c);
+    }, await ee(), n !== E || !o.value) return;
+    const i = ne(
+      "floating",
+      () => s(!0),
+      t.zIndex
+    );
+    F.value = i, W = i.unregister, u = i.isTop, C(), document.addEventListener("pointerdown", R, !0), document.addEventListener("keydown", S, !0), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0), (f = window.visualViewport) == null || f.addEventListener("resize", c), (d = window.visualViewport) == null || d.addEventListener("scroll", c);
   }
-  function D() {
-    return d.value ? s() : V();
+  function X() {
+    return o.value ? s() : H();
   }
-  return I(
-    C,
-    (t) => {
-      t && s(!1, !0);
+  return V(
+    B,
+    (e) => {
+      e && s(!1, !0);
+    },
+    { flush: "sync" }
+  ), Q(() => s(!1, !0)), V(
+    () => y == null ? void 0 : y.value,
+    (e) => {
+      e === !1 && s(!1, !0);
     },
     { flush: "sync" }
-  ), S(() => s(!1, !0)), K(() => {
-    b++, O();
+  ), Z(() => {
+    E++, j();
   }), {
-    open: d,
-    style: L,
-    placement: F,
-    update: k,
-    show: V,
+    open: o,
+    style: _(() => {
+      var e;
+      return {
+        ...k.value,
+        zIndex: String(((e = F.value) == null ? void 0 : e.zIndex.value) ?? 1200)
+      };
+    }),
+    placement: N,
+    update: C,
+    show: H,
     close: s,
-    toggle: D,
-    restoringFocus: M
+    toggle: X,
+    restoringFocus: O,
+    schedule: c,
+    isTop: () => (u == null ? void 0 : u()) ?? !1
   };
 }
 export {
-  J as useFloating
+  de as useFloating
 };