hys-ui 0.1.0 → 0.2.0

package/dist/composables/useDatePicker.js

@@ -0,0 +1,425 @@
+import { ref as P, computed as c, shallowRef as Be, watch as Me } from "vue";
+import { useChoiceModel as Ge } from "./choiceModel.js";
+import { civilDay as Ie, calendarParts as Ve, calendarISO as qe } from "./calendar.js";
+import { dateUnit as ge, dateMultiple as Oe, datePattern as be, datePickerEnglish as _e, datePickerWords as ze, dateEqual as E, dateClone as U, datePoint as N, DATE_MIN as ee, DATE_MAX as ae, dateShift as j, dateNative as A, datePeriod as B, dateWeek as re, dateFormat as Pe, dateTimeSeconds as He } from "./datePicker.js";
+function Ke(u, f, G, o, Te) {
+  const ve = P("string"), T = c(
+    () => u.type === "datetime" || !!u.showTime && ge(u.type) === "date"
+  ), s = c(() => ge(u.type)), w = c(() => !f.value && Oe(u.type)), m = c(
+    () => Number.isFinite(u.firstDayOfWeek) ? (Math.trunc(u.firstDayOfWeek) % 7 + 7) % 7 : 1
+  ), g = c(
+    () => Number.isFinite(u.firstWeekContainsDate) ? Math.max(1, Math.min(7, Math.trunc(u.firstWeekContainsDate))) : 4
+  ), I = c(
+    () => u.valueFormat ?? be(u.type, T.value)
+  ), ue = c(
+    () => u.format ?? (s.value === "week" ? "GGGG-[W]WW" : be(u.type, T.value))
+  ), le = c(() => {
+    var e;
+    return {
+      ...ze,
+      ...(e = u.locale) != null && e.startsWith("en") ? _e : {},
+      ...u.messages
+    };
+  }), J = Ge(
+    u,
+    () => U(
+      u.defaultValue ?? (f.value ? ["", ""] : w.value ? [] : "")
+    ),
+    E
+  ), y = J.current, x = c(
+    () => u.valueType ?? (y.value instanceof Date || Array.isArray(y.value) && y.value.some((e) => e instanceof Date) ? "date" : typeof y.value == "number" || Array.isArray(y.value) && y.value.some((e) => typeof e == "number") ? "timestamp" : ve.value)
+  ), v = Be([]), W = P("start"), K = P(), S = P(""), q = P(
+    u.defaultMode ?? (s.value === "week" ? "date" : s.value)
+  ), L = P(q.value), O = P(0), Q = P(0), fe = c(() => N(/* @__PURE__ */ new Date())), de = c(() => {
+    var e;
+    return [
+      u.panelValue === void 0 ? O.value : ((e = _(u.panelValue)) == null ? void 0 : e.day) ?? O.value,
+      Q.value
+    ];
+  }), te = c(() => u.mode ?? q.value), se = c(
+    () => {
+      var e;
+      return u.showConfirm ?? (T.value || w.value || f.value && !!((e = u.allowEmpty) != null && e.some(Boolean)));
+    }
+  );
+  function R(e) {
+    return N(e, I.value, m.value, g.value);
+  }
+  function _(e) {
+    return R(e) ?? N(e, "YYYY-MM-DD") ?? N(e, "YYYY-MM-DD HH:mm:ss");
+  }
+  function F(e) {
+    return {
+      day: B(e.day, s.value, m.value)[0],
+      second: T.value ? e.second : 0
+    };
+  }
+  function M(e = y.value) {
+    if (e == null || e === "" || u.clearValue !== void 0 && E(e, u.clearValue))
+      return f.value ? [null, null] : [];
+    if (f.value)
+      return Array.from({ length: 2 }, (l, n) => {
+        const t = Array.isArray(e) ? R(e[n]) : void 0;
+        return t ? F(t) : null;
+      });
+    if (w.value) {
+      const l = /* @__PURE__ */ new Set();
+      return (Array.isArray(e) ? e : []).flatMap((n) => {
+        const t = R(n);
+        if (!t) return [];
+        const r = F(t);
+        return s.value === "week" && l.has(r.day) ? [] : (l.add(r.day), [r]);
+      });
+    }
+    const a = R(e);
+    return a ? [F(a)] : [];
+  }
+  const z = c(() => M()), H = c(() => _(u.min)), X = c(() => _(u.max));
+  function ce(e, a) {
+    return {
+      range: a ? "end" : "start",
+      from: v.value[0] ? new Date(v.value[0].day * 864e5) : null,
+      iso: qe(e)
+    };
+  }
+  function h(e) {
+    return Array.isArray(u.disabled) && !!u.disabled[e];
+  }
+  function Y(e, a = 0, l = !0) {
+    var n;
+    if (!Number.isFinite(e) || e < ee || e > ae || H.value && e < H.value.day || X.value && e > X.value.day || (n = u.disabledDate) != null && n.call(u, new Date(e * 864e5), ce(e, a)))
+      return !1;
+    if (f.value && l && a === 1 && v.value[0]) {
+      const t = s.value === "week" ? Math.abs(
+        B(e, "week", m.value)[0] - B(v.value[0].day, "week", m.value)[0]
+      ) + 7 : Math.abs(e - v.value[0].day) + 1;
+      if (u.minRangeDays && t < u.minRangeDays || u.maxRangeDays && t > u.maxRangeDays)
+        return !1;
+    }
+    return !0;
+  }
+  function ne(e, a, l = W.value === "end" ? 1 : 0, n = !0) {
+    var i, d, b;
+    if (s.value === "week" && a - e <= 6) {
+      if ((i = u.disabledWeek) != null && i.call(u, re(e, m.value, g.value)))
+        return !1;
+      if (u.weekValidation === "full") {
+        if (a - e !== 6) return !1;
+        for (let V = e; V <= a; V++)
+          if (!Y(V, l, n)) return !1;
+        return !0;
+      }
+    }
+    const t = Math.max(e, ((d = H.value) == null ? void 0 : d.day) ?? ee), r = Math.min(a, ((b = X.value) == null ? void 0 : b.day) ?? ae);
+    for (let V = t; V <= r; V++)
+      if (Y(V, l, n)) return !0;
+    return !1;
+  }
+  function oe(e, a) {
+    var l;
+    return ((l = u.disabledTime) == null ? void 0 : l.call(u, A(e), ce(e.day, a))) ?? {};
+  }
+  function me(e, a) {
+    var De, ke, Ae;
+    const l = oe(e, a), n = Math.floor(e.second / 3600), t = Math.floor(e.second / 60) % 60, r = e.second % 60;
+    if ((De = l.hours) != null && De.includes(n) || (ke = l.minutes) != null && ke.call(l, n).includes(t) || (Ae = l.seconds) != null && Ae.call(l, n, t).includes(r))
+      return !1;
+    const i = e.day * 86400 + e.second, d = H.value, b = X.value, V = typeof u.max == "string" && !/[T :]/.test(u.max) ? 86399 : (b == null ? void 0 : b.second) ?? 0;
+    return !(d && i < d.day * 86400 + d.second || b && i > b.day * 86400 + V);
+  }
+  function Z(e, a = !0) {
+    var l;
+    if (f.value) {
+      if (e.length !== 2 || e.some((r, i) => {
+        var d;
+        return !r && !((d = u.allowEmpty) != null && d[i]);
+      })) return !1;
+      const [n, t] = e;
+      if (n && t && n.day * 86400 + n.second > t.day * 86400 + t.second)
+        return !1;
+      if (n && t) {
+        const r = s.value === "week" ? B(t.day, "week", m.value)[1] : t.day, i = r - n.day + 1;
+        if (u.minRangeDays && i < u.minRangeDays || u.maxRangeDays && i > u.maxRangeDays)
+          return !1;
+        if (u.rangeValidation === "continuous") {
+          if (t.day > j(n.day, 1200)) return !1;
+          for (let d = n.day; d <= r; d++)
+            if (!Y(d, d === n.day ? 0 : 1, !1) || s.value === "week" && (d - n.day) % 7 === 0 && ((l = u.disabledWeek) != null && l.call(
+              u,
+              re(d, m.value, g.value)
+            )))
+              return !1;
+        }
+      }
+      if (a && e.some((r, i) => h(i) && !we(r, z.value[i])))
+        return !1;
+    } else if (!e.length || !w.value && e.length !== 1 || u.maxDates && e.length > u.maxDates)
+      return !1;
+    return e.every(
+      (n, t) => !n || (s.value === "date" ? Y(n.day, f.value ? t : 0, !1) : ne(
+        ...B(n.day, s.value, m.value),
+        f.value ? t : 0,
+        !1
+      )) && (!T.value || me(n, f.value ? t : 0))
+    );
+  }
+  function $(e) {
+    const a = A(e);
+    return x.value === "date" ? a : x.value === "timestamp" ? a.getTime() : I.value === "x" ? String(a.getTime()) : I.value === "X" ? String(Math.floor(a.getTime() / 1e3)) : Pe(e, I.value, m.value, g.value);
+  }
+  function D(e) {
+    return f.value || w.value ? e.map(
+      (a) => a ? $(a) : x.value === "string" ? "" : null
+    ) : e[0] ? $(e[0]) : p();
+  }
+  function p() {
+    return u.clearValue !== void 0 ? U(u.clearValue) : f.value ? x.value === "string" ? ["", ""] : [null, null] : w.value ? [] : x.value === "string" ? "" : null;
+  }
+  function ye(e = z.value) {
+    return e.map(
+      (a) => a ? Pe(
+        a,
+        ue.value,
+        m.value,
+        g.value
+      ) : ""
+    );
+  }
+  function k(e) {
+    return S.value = e === "limit" ? le.value.limit.replace("{count}", String(u.maxDates)) : le.value.invalid, o("invalid", {
+      reason: e,
+      dates: v.value.map((a) => a ? A(a) : null)
+    }), !1;
+  }
+  async function C(e, a, l = !1) {
+    if (G.value || !J.isLive()) return !1;
+    if (!l) {
+      if ((f.value || w.value) && (!Array.isArray(e) || f.value && e.length !== 2))
+        return k("shape");
+      if ((Array.isArray(e) ? e : [e]).some((d) => d !== null && d !== "" && !R(d)))
+        return k("format");
+    }
+    const n = M(e);
+    if (!l && !Z(n)) return k("date");
+    if (!l && x.value !== "string" && n.some((i) => i && !we(N(A(i)), i)))
+      return k("time");
+    S.value = "";
+    const t = {
+      source: a,
+      dates: n.map((i) => i ? A(i) : null),
+      formatted: ye(n),
+      ...s.value === "week" ? {
+        weeks: n.map(
+          (i) => i ? re(i.day, m.value, g.value) : null
+        )
+      } : {}
+    }, r = await J.commit(
+      U(s.value === "week" && !l ? D(n) : e),
+      (i) => o("update:modelValue", i),
+      (i) => o("change", i, t),
+      !0
+    );
+    return r && (o("value-change", U(y.value), t), Te()), r;
+  }
+  function he() {
+    var a, l, n, t;
+    S.value = "", v.value = M(), f.value && v.value.length !== 2 && (v.value = [null, null]), W.value = f.value && h(0) && !h(1) ? "end" : "start", K.value = void 0;
+    let e = ((a = z.value.find(Boolean)) == null ? void 0 : a.day) ?? ((l = _(u.defaultPickerValue)) == null ? void 0 : l.day) ?? fe.value.day;
+    e = Math.max(
+      ((n = H.value) == null ? void 0 : n.day) ?? ee,
+      Math.min(((t = X.value) == null ? void 0 : t.day) ?? ae, e)
+    ), O.value = e, Q.value = j(e, 1), q.value = u.defaultMode ?? (s.value === "week" ? "date" : s.value), L.value = q.value;
+  }
+  function xe(e, a = 0) {
+    if (!Number.isFinite(e) || e < ee || e > ae) return !1;
+    const l = Ie(
+      Ve(e).year,
+      Ve(e).month,
+      1
+    );
+    return a === 0 ? (u.panelValue === void 0 && (O.value = l), o("update:panelValue", $({ day: l, second: 0 })), f.value && !u.unlinkPanels && (Q.value = j(l, 1))) : (Q.value = l, u.unlinkPanels || (u.panelValue === void 0 && (O.value = j(l, -1)), o(
+      "update:panelValue",
+      $({ day: j(l, -1), second: 0 })
+    ))), o(
+      "panelChange",
+      A({ day: l, second: 0 }),
+      a ? L.value : te.value,
+      { index: a }
+    ), !0;
+  }
+  function We(e, a = 0) {
+    return ["date", "month", "quarter", "year"].includes(e) ? (a ? L.value = e : (u.mode === void 0 && (q.value = e), o("update:mode", e)), o(
+      "panelChange",
+      A({ day: de.value[a], second: 0 }),
+      e,
+      { index: a }
+    ), a ? !0 : te.value === e) : !1;
+  }
+  function Se(e) {
+    const a = Array.isArray(u.defaultTime) ? u.defaultTime[e] : u.defaultTime;
+    return He(a);
+  }
+  async function Ce(e) {
+    var n;
+    if (G.value) return !1;
+    const a = f.value && W.value === "end" ? 1 : 0;
+    if (h(a) || !(s.value === "date" ? Y(e, a) : ne(
+      ...B(e, s.value, m.value),
+      a
+    )))
+      return !1;
+    const l = F({
+      day: e,
+      second: T.value ? ((n = v.value[a]) == null ? void 0 : n.second) ?? Se(a) : 0
+    });
+    if (w.value) {
+      const t = v.value.filter((i) => !!i), r = t.findIndex((i) => i.day === l.day);
+      if (r >= 0) t.splice(r, 1);
+      else {
+        if (u.maxDates && t.length >= u.maxDates)
+          return k("limit");
+        t.push(l);
+      }
+      v.value = t.sort((i, d) => i.day - d.day);
+    } else if (f.value) {
+      if (a === 0)
+        v.value = [l, h(1) ? z.value[1] ?? null : null], W.value = h(1) ? "start" : "end";
+      else {
+        let t = v.value[0], r = l;
+        if (t && t.day > r.day) {
+          if (h(0)) return k("order");
+          [t, r] = [r, t];
+        }
+        v.value = [t ?? null, r], W.value = h(0) ? "end" : "start";
+      }
+      K.value = void 0;
+    } else v.value = [l];
+    if (S.value = "", o("calendarChange", D(v.value), {
+      range: a ? "end" : "start",
+      dates: v.value.map((t) => t ? A(t) : null)
+    }), !se.value && (!f.value || v.value.every(Boolean))) {
+      const t = D(v.value);
+      return await C(t, "date") || E(t, y.value);
+    }
+    return !1;
+  }
+  async function ie() {
+    const e = M(), a = f.value ? e.map((t, r) => h(r) ? t : null) : [], l = f.value && a.some(Boolean) ? D(a) : p(), n = await C(l, "clear", !0);
+    return n && (v.value = M(), S.value = "", o("clear")), n;
+  }
+  async function Re() {
+    if (!Z(v.value)) return k("draft");
+    const e = D(v.value);
+    return await C(e, "confirm") || E(e, y.value) ? (o("ok", U(y.value)), !0) : !1;
+  }
+  async function Fe(e) {
+    return e == null || e === "" || Array.isArray(e) && e.every((l) => l == null || l === "") || E(e, p()) ? ie() : C(e, "api");
+  }
+  function Ye(e, a) {
+    return G.value || h(e) || !v.value[e] || !Number.isInteger(a) || a < 0 || a > 86399 ? !1 : (v.value = v.value.map(
+      (l, n) => n === e && l ? { ...l, second: a } : l
+    ), S.value = "", o("calendarChange", D(v.value), {
+      range: e ? "end" : "start",
+      dates: v.value.map((l) => l ? A(l) : null)
+    }), !0);
+  }
+  async function Ee(e, a = 0) {
+    var r;
+    if (G.value || h(a)) return !1;
+    if (!e.trim()) {
+      if (f.value && ((r = u.allowEmpty) != null && r[a])) {
+        const i = M();
+        return i[a] = null, v.value = i, C(D(i), "input");
+      }
+      return ie();
+    }
+    const l = [ue.value, ...u.inputFormats ?? []], n = l.map((i) => N(e, i, m.value, g.value)).find(Boolean);
+    if (!n) return k("format");
+    const t = f.value ? M() : [];
+    if (f.value) t[a] = F(n);
+    else {
+      if (w.value) return k("multiple-input");
+      t.push(F(n));
+    }
+    return v.value = t, C(D(t), "input");
+  }
+  function Ne(e) {
+    var l;
+    if (G.value) return !1;
+    const a = (l = u.shortcuts) == null ? void 0 : l[e];
+    if (!a || a.disabled) return !1;
+    try {
+      const n = typeof a.value == "function" ? a.value() : a.value, t = M(n);
+      return Z(t) ? (v.value = t, W.value = "start", K.value = void 0, o("calendarChange", D(t), {
+        range: "start",
+        dates: t.map((r) => r ? A(r) : null)
+      }), !0) : k("shortcut");
+    } catch (n) {
+      return o("invalid", { reason: "shortcut", error: n }), !1;
+    }
+  }
+  function we(e, a) {
+    return !e && !a || !!e && !!a && e.day === a.day && e.second === a.second;
+  }
+  return Me(
+    [() => u.type, () => u.showTime, () => u.valueFormat],
+    he
+  ), Me(
+    y,
+    (e) => {
+      if (u.clearValue !== void 0 && E(e, u.clearValue))
+        return;
+      const a = Array.isArray(e) ? e : [e], l = a.find((n) => n != null && n !== "");
+      l !== void 0 && (ve.value = l instanceof Date ? "date" : typeof l == "number" ? "timestamp" : "string");
+    },
+    { immediate: !0, flush: "sync" }
+  ), {
+    current: y,
+    selected: z,
+    draft: v,
+    stage: W,
+    preview: K,
+    error: S,
+    view: te,
+    rightView: L,
+    panels: de,
+    first: m,
+    weekContains: g,
+    time: T,
+    unit: s,
+    multiple: w,
+    pattern: I,
+    displayPattern: ue,
+    words: le,
+    needsConfirm: se,
+    today: fe,
+    model: J,
+    outputType: x,
+    parse: R,
+    boundary: _,
+    points: M,
+    available: Y,
+    periodAvailable: ne,
+    validTime: me,
+    valid: Z,
+    timeDisabled: oe,
+    encode: D,
+    describe: ye,
+    empty: p,
+    request: C,
+    begin: he,
+    setPanel: xe,
+    setMode: We,
+    choose: Ce,
+    clear: ie,
+    confirm: Re,
+    setValue: Fe,
+    setTime: Ye,
+    input: Ee,
+    pickShortcut: Ne,
+    locked: h
+  };
+}
+export {
+  Ke as useDatePicker
+};

package/dist/composables/useDialog.js

@@ -2,13 +2,13 @@ import { ref as k, computed as D, onActivated as w, onDeactivated as x, watch as
 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 i = k(!0), s = D(() => h.value && i.value);
+  const o = k(!0), s = D(() => h.value && o.value);
   w(() => {
-    i.value = !0;
+    o.value = !0;
   }), x(() => {
-    i.value = !1, c++, f();
+    o.value = !1, c++, f();
   });
-  let d = null, a, u, c = 0;
+  let d = null, i, u, c = 0;
   function v() {
     var e;
     return Array.from(((e = t.value) == null ? void 0 : e.querySelectorAll(C)) ?? []).filter((n) => n.getClientRects().length > 0 && getComputedStyle(n).visibility !== "hidden");
@@ -25,31 +25,31 @@ function B(h, t, m) {
       e.preventDefault(), t.value.focus();
       return;
     }
-    const r = n[0], l = n[n.length - 1];
-    e.shiftKey && (document.activeElement === r || document.activeElement === t.value || !t.value.contains(document.activeElement)) ? (e.preventDefault(), l.focus()) : !e.shiftKey && (document.activeElement === l || !t.value.contains(document.activeElement)) && (e.preventDefault(), r.focus());
+    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());
   }
   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() {
-    a == null || a(), a = void 0, u = void 0, document.removeEventListener("keydown", y, !0), document.removeEventListener("focusin", p, !0);
+    i == null || i(), i = void 0, u = void 0, document.removeEventListener("keydown", y, !0), document.removeEventListener("focusin", p, !0);
   }
   return L(s, async (e) => {
-    var r, l;
+    var l, r;
     const n = ++c;
     if (e) {
       f(), d = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-      const o = T(), E = A("dialog", m);
-      u = E.isTop, a = () => {
-        E.unregister(), o();
-      }, document.addEventListener("keydown", y, !0), document.addEventListener("focusin", p, !0), await b(), n === c && s.value && ((l = ((r = t.value) == null ? void 0 : r.querySelector("[autofocus]")) ?? v()[0] ?? t.value) == null || l.focus());
+      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 o = d;
-      f(), await b(), n === c && i.value && (o != null && o.isConnected) && o.focus();
+      const a = d;
+      f(), await b(), n === c && o.value && (a != null && a.isConnected) && a.focus();
     }
   }, { immediate: !0, flush: "post" }), S(() => {
-    c++, f();
-  }), { active: i };
+    o.value = !1, c++, f();
+  }), { active: o };
 }
 export {
   B as useDialog

package/dist/composables/useFloating.js

@@ -1,82 +1,128 @@
-import { ref as y, onDeactivated as R, onBeforeUnmount as q, nextTick as D } from "vue";
-import { registerOverlay as H } from "./overlayManager.js";
-function O(f, u, m = {}) {
-  const a = y(!1), E = y(!1), L = y({ position: "fixed", top: "0px", left: "0px", visibility: "hidden" }), z = y(m.placement ?? "bottom-start"), d = m.gap ?? 8, r = m.padding ?? 10;
-  let M = 0, p, c, g = 0;
-  function W() {
-    if (!a.value || !f.value || !u.value) return;
-    const t = f.value.getBoundingClientRect();
+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({
+    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) {
       s();
       return;
     }
-    const e = document.documentElement.clientWidth, n = document.documentElement.clientHeight, o = Math.min(t.width, Math.max(0, e - 2 * r));
-    m.matchWidth && (u.value.style.width = `${o}px`, u.value.style.minWidth = "0", u.value.style.maxWidth = `${o}px`);
-    const h = u.value.getBoundingClientRect(), v = Math.min(h.width, Math.max(0, e - 2 * r)), w = Math.min(h.height, Math.max(0, n - 2 * r));
-    let i = m.placement ?? "bottom-start";
-    const k = n - t.bottom - d, $ = t.top - d;
-    i.startsWith("bottom") && k < w && $ > k ? i = i.replace("bottom", "top") : i.startsWith("top") && $ < w && k > $ ? i = i.replace("top", "bottom") : i === "right" && e - t.right - d < v && t.left > e - t.right ? i = "left" : i === "left" && t.left - d < v && e - t.right > t.left && (i = "right");
-    let x = i.endsWith("end") ? t.right - v : t.left, b = i.startsWith("top") ? t.top - w - d : t.bottom + d;
-    (i === "right" || i === "left") && (x = i === "right" ? t.right + d : t.left - v - d, b = t.top + (t.height - w) / 2), x = Math.max(r, Math.min(x, e - v - r)), b = Math.max(r, Math.min(b, n - w - r)), z.value = i, L.value = { ...m.matchWidth ? { width: `${o}px`, minWidth: "0" } : {}, position: "fixed", left: `${Math.round(x)}px`, top: `${Math.round(b)}px`, visibility: "visible", zIndex: "1200", maxWidth: `calc(100vw - ${r * 2}px)`, maxHeight: `calc(100vh - ${r * 2}px)`, overflowY: "auto", overscrollBehavior: "contain" };
+    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`,
+      visibility: "visible",
+      zIndex: "1200",
+      maxWidth: `calc(100vw - ${o * 2}px)`,
+      maxHeight: `calc(100vh - ${o * 2}px)`,
+      overflowY: "auto",
+      overscrollBehavior: "contain"
+    };
   }
-  function l() {
-    cancelAnimationFrame(M), M = requestAnimationFrame(W);
+  function c() {
+    cancelAnimationFrame($), $ = requestAnimationFrame(k);
   }
-  function A(t) {
-    var e, n;
-    c != null && c() && !((e = f.value) != null && e.contains(t.target)) && !((n = u.value) != null && n.contains(t.target)) && s();
+  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 F(t) {
-    var e, n;
-    if (!(!a.value || !(c != null && c()))) {
+  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") {
-        const o = document.activeElement;
-        if ((e = f.value) != null && e.contains(o)) {
+      else if (t.key === "Tab" && i.closeOnTab !== !1) {
+        const l = document.activeElement;
+        if ((e = m.value) != null && e.contains(l)) {
           s();
           return;
         }
-        if ((n = u.value) != null && n.contains(o)) {
-          const h = Array.from(u.value.querySelectorAll('a[href],button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex="-1"])')).filter((v) => v.getClientRects().length && !v.closest("[inert]"));
-          (!h.length || o === (t.shiftKey ? h[0] : h.at(-1))) && s(!0);
+        if ((a = r.value) != null && a.contains(l)) {
+          const u = 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]")
+          );
+          (!u.length || l === (t.shiftKey ? u[0] : u.at(-1))) && s(!0);
         }
       }
     }
   }
-  function B() {
+  function O() {
     var t, e;
-    document.removeEventListener("pointerdown", A, !0), document.removeEventListener("keydown", F, !0), window.removeEventListener("resize", l), window.removeEventListener("scroll", l, !0), (t = window.visualViewport) == null || t.removeEventListener("resize", l), (e = window.visualViewport) == null || e.removeEventListener("scroll", l), cancelAnimationFrame(M), p == null || p(), p = void 0, c = void 0;
+    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 s(t = !1) {
-    var e;
-    if (g++, !!a.value && (a.value = !1, B(), t && ((e = f.value) != null && e.isConnected))) {
-      E.value = !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;
       try {
-        f.value.focus();
+        m.value.focus();
       } finally {
-        E.value = !1;
+        M.value = !1;
       }
     }
   }
-  async function C() {
-    var n, o;
-    if (a.value) {
-      l();
+  async function V(t = !1) {
+    var l, u, f;
+    if (C.value) return;
+    if (d.value) {
+      c();
       return;
     }
-    const t = ++g;
-    if (a.value = !0, L.value = { position: "fixed", top: "0px", left: "0px", visibility: "hidden" }, await D(), t !== g || !a.value) return;
-    const e = H("floating", () => s(!0));
-    p = e.unregister, c = e.isTop, W(), document.addEventListener("pointerdown", A, !0), document.addEventListener("keydown", F, !0), window.addEventListener("resize", l), window.addEventListener("scroll", l, !0), (n = window.visualViewport) == null || n.addEventListener("resize", l), (o = window.visualViewport) == null || o.addEventListener("scroll", l);
+    if (!t && ((l = i.requestOpen) == null ? void 0 : l.call(i, !0)) === !1) return;
+    const e = ++b;
+    if (d.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);
   }
-  function V() {
-    return a.value ? s() : C();
+  function D() {
+    return d.value ? s() : V();
   }
-  return R(() => s()), q(() => {
-    g++, B();
-  }), { open: a, style: L, placement: z, update: W, show: C, close: s, toggle: V, restoringFocus: E };
+  return I(
+    C,
+    (t) => {
+      t && s(!1, !0);
+    },
+    { flush: "sync" }
+  ), S(() => s(!1, !0)), K(() => {
+    b++, O();
+  }), {
+    open: d,
+    style: L,
+    placement: F,
+    update: k,
+    show: V,
+    close: s,
+    toggle: D,
+    restoringFocus: M
+  };
 }
 export {
-  O as useFloating
+  J as useFloating
 };