hys-ui 0.2.0 → 0.4.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 D, nextTick as x, onActivated as B, onDeactivated as H, onBeforeUnmount as M } from "vue";
+import { overlayOwnerKey as A, 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(z, r, T, u = {}) {
+  const o = O(!0), h = P(A, void 0), s = b(() => o.value && (h == null ? void 0 : h.value) !== !1), i = b(() => z.value && s.value);
+  R(
+    A,
+    b(() => {
+      var e;
+      return i.value && ((e = u.childVisible) == null ? void 0 : e.call(u)) !== !1;
+    })
+  );
+  const d = g(), k = b(
+    () => {
+      var e, t;
+      return ((e = d.value) == null ? void 0 : e.zIndex.value) ?? ((t = u.zIndex) == null ? void 0 : t.call(u)) ?? 100;
+    }
+  );
+  let E = null, a, m = 0;
+  function S() {
+    var e;
+    return Array.from(
+      ((e = r.value) == null ? void 0 : e.querySelectorAll(U)) ?? []
+    ).filter(
+      (t) => t.tabIndex >= 0 && t.getClientRects().length > 0 && getComputedStyle(t).visibility !== "hidden" && !t.closest('[inert],[aria-hidden="true"]')
+    );
+  }
+  function w() {
     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] ?? r.value) == null || e.focus({ preventScroll: !0 });
   }
-  function y(e) {
-    if (!s.value || !(u != null && u()) || !t.value) return;
+  function C(e) {
+    var n, f;
+    if (!i.value || !((n = d.value) != null && n.isTop()) || !r.value) return;
     if (e.key === "Escape") {
-      e.preventDefault(), e.stopImmediatePropagation(), m();
+      e.preventDefault(), e.stopImmediatePropagation(), T();
       return;
     }
-    if (e.key !== "Tab") return;
-    const n = v();
-    if (!n.length) {
-      e.preventDefault(), t.value.focus();
+    if (e.key !== "Tab" || ((f = u.trapFocus) == null ? void 0 : f.call(u)) === !1) return;
+    const t = S();
+    if (!t.length) {
+      e.preventDefault(), r.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 = t[0], c = t[t.length - 1];
+    e.shiftKey && (document.activeElement === l || document.activeElement === r.value || !r.value.contains(document.activeElement)) ? (e.preventDefault(), c.focus({ preventScroll: !0 })) : !e.shiftKey && (document.activeElement === c || !r.value.contains(document.activeElement)) && (e.preventDefault(), l.focus({ preventScroll: !0 }));
+  }
+  function F(e) {
+    var t, l, c;
+    i.value && ((t = d.value) != null && t.isTop()) && ((l = u.trapFocus) == null ? void 0 : l.call(u)) !== !1 && e.target instanceof Node && !((c = r.value) != null && c.contains(e.target)) && w();
   }
-  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 I() {
+    var e;
+    i.value && ((e = u.lockScroll) == null ? void 0 : e.call(u)) !== !1 ? a ?? (a = N()) : (a == null || a(), a = 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 t, l;
+    const e = ((t = d.value) == null ? void 0 : t.isTop()) ?? !1;
+    return (l = d.value) == null || l.unregister(), d.value = void 0, a == null || a(), a = void 0, document.removeEventListener("keydown", C, !0), document.removeEventListener("focusin", F, !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, t, l) {
+    x(() => {
+      var n, f;
+      if (t !== m || !s.value || !l || ((n = u.restoreFocus) == null ? void 0 : n.call(u)) === !1)
+        return;
+      const c = new Event("hys-ui-close-auto-focus", { cancelable: !0 });
+      (f = u.onCloseAutoFocus) == null || f.call(u, c), !c.defaultPrevented && (e != null && e.isConnected) && e.focus({ preventScroll: !0 });
+    });
+  }
+  return typeof document > "u" ? { active: s, zIndex: k, focus: w } : (D(
+    i,
+    async (e) => {
+      var l, c, n, f;
+      const t = ++m;
+      if (e) {
+        if (y(), E = document.activeElement instanceof HTMLElement ? document.activeElement : null, d.value = j("dialog", T, u.zIndex), I(), document.addEventListener("keydown", C, !0), document.addEventListener("focusin", F, !0), await x(), t !== m || !i.value) return;
+        const L = new Event("hys-ui-open-auto-focus", { cancelable: !0 });
+        (l = u.onOpenAutoFocus) == null || l.call(u, L);
+        const v = (c = u.initialFocus) == null ? void 0 : c.call(u), 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;
+        !L.defaultPrevented && v !== !1 && ((f = K ?? ((n = r.value) == null ? void 0 : n.querySelector("[autofocus]")) ?? S()[0] ?? r.value) == null || f.focus({ preventScroll: !0 }));
+      } else q(E, t, y());
+    },
+    { immediate: !0, flush: "post" }
+  ), D(() => {
+    var e;
+    return (e = u.lockScroll) == null ? void 0 : e.call(u);
+  }, I), B(() => o.value = !0), H(() => {
+    o.value = !1, m++, y();
+  }), M(() => {
+    var c;
+    const e = E, t = y(), l = s.value && ((c = u.restoreFocus) == null ? void 0 : c.call(u)) !== !1;
+    o.value = !1, m++, l && t && x(() => {
+      e != null && e.isConnected && e.focus({ preventScroll: !0 });
+    });
+  }), { active: s, zIndex: k, focus: w });
 }
 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,166 @@
-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 T, ref as E, shallowRef as Y, watch as D, onDeactivated as U, onBeforeUnmount as V, computed as X, nextTick as G } from "vue";
+import { useHysControlState as J } from "./formContext.js";
+import { popupSize as Q } from "../motion/popup.js";
+import { positionFloating as Z } from "./floatingPosition.js";
+import { overlayOwnerKey as _, registerOverlay as ee } from "./overlayManager.js";
+function re(v, n, e = {}) {
+  const { disabled: k } = J({}), m = T(_, void 0), c = E(!1), W = Y(), p = E(!1), L = E({
     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();
+  });
+  function A() {
+    return typeof e.placement == "function" ? e.placement() : e.placement ?? "bottom-start";
+  }
+  const C = E(A());
+  let $ = 0, w, r, y = 0;
+  function F() {
+    var R, S, H;
+    if (!c.value || !v.value || !n.value) return;
+    const t = v.value.getBoundingClientRect();
     if (!t.width && !t.height) {
-      s();
+      u();
       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 a = Number.isFinite(e.gap) ? e.gap : 8, i = Number.isFinite(e.padding) ? Math.max(0, e.padding) : 10, l = document.documentElement.clientWidth, o = document.documentElement.clientHeight, d = Math.min(t.width, Math.max(0, l - 2 * i)), g = typeof e.matchWidth == "function" ? e.matchWidth() : e.matchWidth, h = (R = e.maxWidth) == null ? void 0 : R.call(e), P = h !== void 0 && (typeof h != "number" || Number.isFinite(h)) ? `min(${typeof h == "number" ? Math.max(0, h) + "px" : h},calc(100vw - ${i * 2}px))` : `calc(100vw - ${i * 2}px)`, b = (S = e.width) == null ? void 0 : S.call(e), x = typeof b == "number" ? Number.isFinite(b) ? Math.max(0, b) + "px" : void 0 : b;
+    x !== void 0 ? (n.value.style.width = x, n.value.style.minWidth = "0", n.value.style.maxWidth = P) : g === !0 && (n.value.style.width = `${d}px`, n.value.style.minWidth = "0", n.value.style.maxWidth = `${d}px`), x === void 0 && g === "min" && (n.value.style.width = "max-content", n.value.style.minWidth = `${d}px`, n.value.style.maxWidth = `calc(100vw - ${i * 2}px)`);
+    const z = Z(
+      t,
+      Q(n.value),
+      { width: l, height: o },
+      A(),
+      a,
+      i,
+      e.autoAdjustOverflow !== !1
+    );
+    let { x: O, y: M } = z;
+    if (C.value = z.placement, (H = e.onPosition) == null || H.call(e, { anchor: t, ...z }), e.strategy === "absolute") {
+      n.value.style.position = "absolute";
+      const f = n.value.offsetParent;
+      if (f && f !== document.body && f !== document.documentElement) {
+        const j = f.getBoundingClientRect();
+        O += f.scrollLeft - j.left - f.clientLeft, M += f.scrollTop - j.top - f.clientTop;
+      } else
+        O += window.scrollX, M += window.scrollY;
+    }
+    L.value = {
+      ...x !== void 0 ? { width: x, minWidth: "0" } : g === !0 ? { width: `${d}px`, minWidth: "0" } : g === "min" ? { width: "max-content", minWidth: `${d}px` } : {},
+      position: e.strategy ?? "fixed",
+      left: `${Math.round(O)}px`,
+      top: `${Math.round(M)}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);
+  function s() {
+    cancelAnimationFrame($), $ = requestAnimationFrame(F);
   }
-  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 I(t) {
+    var a, i;
+    !(r != null && r()) || e.closeOnOutside === !1 || !((a = v.value) != null && a.contains(t.target)) && !((i = n.value) != null && i.contains(t.target)) && u();
   }
-  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 q(t) {
+    var a, i;
+    if (!(!c.value || !(r != null && r()))) {
+      if (t.key === "Escape" && e.closeOnEscape !== !1)
+        t.preventDefault(), t.stopImmediatePropagation(), u(!0);
+      else if (t.key === "Tab" && e.closeOnTab !== !1) {
         const l = document.activeElement;
-        if ((e = m.value) != null && e.contains(l)) {
-          s();
+        if ((a = v.value) != null && a.contains(l)) {
+          u();
           return;
         }
-        if ((a = r.value) != null && a.contains(l)) {
-          const u = Array.from(
-            r.value.querySelectorAll(
+        if ((i = n.value) != null && i.contains(l)) {
+          const o = Array.from(
+            n.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);
+          (!o.length || l === (t.shiftKey ? o[0] : o.at(-1))) && u(!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 B() {
+    var t, a;
+    document.removeEventListener("pointerdown", I, !0), document.removeEventListener("keydown", q, !0), window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0), (t = window.visualViewport) == null || t.removeEventListener("resize", s), (a = window.visualViewport) == null || a.removeEventListener("scroll", s), cancelAnimationFrame($), w == null || w(), w = void 0, W.value = void 0, r = 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 u(t = !1, a = !1) {
+    var i, l;
+    if (!(!a && c.value && ((i = e.requestOpen) == null ? void 0 : i.call(e, !1, t)) === !1) && (y++, !!c.value && (c.value = !1, B(), t && ((l = v.value) != null && l.isConnected)))) {
+      p.value = !0;
       try {
-        m.value.focus();
+        v.value.focus();
       } finally {
-        M.value = !1;
+        p.value = !1;
       }
     }
   }
-  async function V(t = !1) {
-    var l, u, f;
-    if (C.value) return;
-    if (d.value) {
-      c();
+  async function N(t = !1) {
+    var l, o, d;
+    if (k.value || (m == null ? void 0 : m.value) === !1) return;
+    if (c.value) {
+      s();
       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 (!t && ((l = e.requestOpen) == null ? void 0 : l.call(e, !0)) === !1) return;
+    const a = ++y;
+    if (c.value = !0, L.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 G(), a !== y || !c.value) return;
+    const i = ee(
+      "floating",
+      () => u(!0),
+      e.zIndex
+    );
+    W.value = i, w = i.unregister, r = i.isTop, F(), document.addEventListener("pointerdown", I, !0), document.addEventListener("keydown", q, !0), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0), (o = window.visualViewport) == null || o.addEventListener("resize", s), (d = window.visualViewport) == null || d.addEventListener("scroll", s);
   }
-  function D() {
-    return d.value ? s() : V();
+  function K() {
+    return c.value ? u() : N();
   }
-  return I(
-    C,
+  return D(
+    k,
+    (t) => {
+      t && u(!1, !0);
+    },
+    { flush: "sync" }
+  ), U(() => u(!1, !0)), D(
+    () => m == null ? void 0 : m.value,
     (t) => {
-      t && s(!1, !0);
+      t === !1 && u(!1, !0);
     },
     { flush: "sync" }
-  ), S(() => s(!1, !0)), K(() => {
-    b++, O();
+  ), V(() => {
+    y++, B();
   }), {
-    open: d,
-    style: L,
-    placement: F,
-    update: k,
-    show: V,
-    close: s,
-    toggle: D,
-    restoringFocus: M
+    open: c,
+    style: X(() => {
+      var t;
+      return {
+        ...L.value,
+        zIndex: String(((t = W.value) == null ? void 0 : t.zIndex.value) ?? 1200)
+      };
+    }),
+    placement: C,
+    update: F,
+    show: N,
+    close: u,
+    toggle: K,
+    restoringFocus: p,
+    schedule: s,
+    isTop: () => (r == null ? void 0 : r()) ?? !1
   };
 }
 export {
-  J as useFloating
+  re as useFloating
 };