hys-ui 0.7.0 → 0.8.0

package/dist/composables/useFloating.js

@@ -4,7 +4,7 @@ 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), s = E(!1), W = Y(), p = E(!1), L = E({
+  const { disabled: M } = J({}), m = T(_, void 0), s = E(!1), W = Y(), p = E(!1), L = E({
     position: "fixed",
     top: "0px",
     left: "0px",
@@ -23,8 +23,8 @@ function re(v, n, e = {}) {
       u(!1, !1, "anchor");
       return;
     }
-    const a = Number.isFinite(e.gap) ? e.gap : 8, i = Number.isFinite(e.padding) ? Math.max(0, e.padding) : 10, l = document.documentElement.clientWidth, d = document.documentElement.clientHeight, c = 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 = `${c}px`, n.value.style.minWidth = "0", n.value.style.maxWidth = `${c}px`), x === void 0 && g === "min" && (n.value.style.width = "max-content", n.value.style.minWidth = `${c}px`, n.value.style.maxWidth = `calc(100vw - ${i * 2}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, d = document.documentElement.clientHeight, c = 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), N = 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 = N) : g === !0 && (n.value.style.width = `${c}px`, n.value.style.minWidth = "0", n.value.style.maxWidth = `${c}px`), x === void 0 && g === "min" && (n.value.style.width = "max-content", n.value.style.minWidth = `${c}px`, n.value.style.maxWidth = `calc(100vw - ${i * 2}px)`);
     const z = Z(
       t,
       Q(n.value),
@@ -32,26 +32,27 @@ function re(v, n, e = {}) {
       A(),
       a,
       i,
-      e.autoAdjustOverflow !== !1
+      e.autoAdjustOverflow !== !1,
+      e.fallbackPlacements
     );
-    let { x: O, y: M } = z;
+    let { x: O, y: k } = 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;
+        O += f.scrollLeft - j.left - f.clientLeft, k += f.scrollTop - j.top - f.clientTop;
       } else
-        O += window.scrollX, M += window.scrollY;
+        O += window.scrollX, k += window.scrollY;
     }
     L.value = {
       ...x !== void 0 ? { width: x, minWidth: "0" } : g === !0 ? { width: `${c}px`, minWidth: "0" } : g === "min" ? { width: "max-content", minWidth: `${c}px` } : {},
       position: e.strategy ?? "fixed",
       left: `${Math.round(O)}px`,
-      top: `${Math.round(M)}px`,
+      top: `${Math.round(k)}px`,
       visibility: "visible",
       zIndex: "1200",
-      maxWidth: P,
+      maxWidth: N,
       maxHeight: `calc(100vh - ${i * 2}px)`,
       overflowY: "auto",
       overscrollBehavior: "contain"
@@ -64,7 +65,7 @@ function re(v, n, e = {}) {
     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(!1, !1, "outside");
   }
-  function q(t) {
+  function P(t) {
     var a, i;
     if (!(!s.value || !(r != null && r()))) {
       if (t.key === "Escape" && e.closeOnEscape !== !1)
@@ -88,13 +89,13 @@ function re(v, n, e = {}) {
       }
     }
   }
-  function B() {
+  function q() {
     var t, a;
-    document.removeEventListener("pointerdown", I, !0), document.removeEventListener("keydown", q, !0), window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0), (t = window.visualViewport) == null || t.removeEventListener("resize", o), (a = window.visualViewport) == null || a.removeEventListener("scroll", o), cancelAnimationFrame($), w == null || w(), w = void 0, W.value = void 0, r = void 0;
+    document.removeEventListener("pointerdown", I, !0), document.removeEventListener("keydown", P, !0), window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0), (t = window.visualViewport) == null || t.removeEventListener("resize", o), (a = window.visualViewport) == null || a.removeEventListener("scroll", o), cancelAnimationFrame($), w == null || w(), w = void 0, W.value = void 0, r = void 0;
   }
   function u(t = !1, a = !1, i) {
     var l, d;
-    if (!(!a && s.value && ((l = e.requestOpen) == null ? void 0 : l.call(e, !1, t, i)) === !1) && (y++, !!s.value && (s.value = !1, B(), t && ((d = v.value) != null && d.isConnected)))) {
+    if (!(!a && s.value && ((l = e.requestOpen) == null ? void 0 : l.call(e, !1, t, i)) === !1) && (y++, !!s.value && (s.value = !1, q(), t && ((d = v.value) != null && d.isConnected)))) {
       p.value = !0;
       try {
         v.value.focus();
@@ -103,9 +104,9 @@ function re(v, n, e = {}) {
       }
     }
   }
-  async function N(t = !1) {
+  async function B(t = !1) {
     var l, d, c;
-    if (k.value || (m == null ? void 0 : m.value) === !1) return;
+    if (M.value || (m == null ? void 0 : m.value) === !1) return;
     if (s.value) {
       o();
       return;
@@ -123,13 +124,13 @@ function re(v, n, e = {}) {
       () => u(!0, !1, "escape"),
       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", o), window.addEventListener("scroll", o, !0), (d = window.visualViewport) == null || d.addEventListener("resize", o), (c = window.visualViewport) == null || c.addEventListener("scroll", o);
+    W.value = i, w = i.unregister, r = i.isTop, F(), document.addEventListener("pointerdown", I, !0), document.addEventListener("keydown", P, !0), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), (d = window.visualViewport) == null || d.addEventListener("resize", o), (c = window.visualViewport) == null || c.addEventListener("scroll", o);
   }
   function K() {
-    return s.value ? u() : N();
+    return s.value ? u() : B();
   }
   return D(
-    k,
+    M,
     (t) => {
       t && u(!1, !0);
     },
@@ -141,7 +142,7 @@ function re(v, n, e = {}) {
     },
     { flush: "sync" }
   ), V(() => {
-    y++, B();
+    y++, q();
   }), {
     open: s,
     style: X(() => {
@@ -153,7 +154,7 @@ function re(v, n, e = {}) {
     }),
     placement: C,
     update: F,
-    show: N,
+    show: B,
     close: u,
     toggle: K,
     restoringFocus: p,