hys-ui 0.1.1 → 0.3.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

@@ -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
+};