hys-ui 0.5.0 → 0.7.0

package/dist/composables/usePopupSurfaceInteractions.js

@@ -0,0 +1,173 @@
+import { computed as Z } from "vue";
+const _ = 'button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"]),[contenteditable="true"]';
+function q(o, w, {
+  available: T,
+  anchor: k,
+  actualReference: L,
+  panel: i,
+  floating: s,
+  restoreReferenceFocus: F,
+  request: c,
+  allowTabExit: M
+}) {
+  const p = (e) => Number.isFinite(e) ? Math.max(0, Math.min(3e4, e)) : 0;
+  let v, l, b, h = !1, x = !1, d = !1, m = !1, f = !1;
+  const u = Z(() => {
+    const e = o.trigger ?? (w === "tooltip" ? ["hover", "focus"] : ["click"]), t = Array.isArray(e) ? e : [e];
+    return new Set(t.includes("manual") ? [] : t);
+  });
+  function K() {
+    clearTimeout(v), clearTimeout(l), v = l = void 0;
+  }
+  function S() {
+    clearTimeout(b), b = void 0;
+  }
+  function A() {
+    h = x = d = m = f = !1;
+  }
+  function I() {
+    if (clearTimeout(l), l = void 0, !T.value || s.restoringFocus.value || s.open.value || v)
+      return;
+    const e = p(o.showDelay);
+    e ? v = setTimeout(() => {
+      v = void 0, c(!0);
+    }, e) : c(!0);
+  }
+  function C() {
+    return f || h || o.enterable !== !1 && x || u.value.has("focus") && d || o.enterable !== !1 && m;
+  }
+  function D() {
+    if (clearTimeout(v), v = void 0, clearTimeout(l), l = void 0, C() || !s.open.value) return;
+    const e = () => {
+      l = void 0, !C() && s.open.value && c(!1, !1, "trigger");
+    }, t = p(o.hideDelay);
+    t ? l = setTimeout(e, t) : e();
+  }
+  function O() {
+    u.value.has("hover") && (h = !0, I());
+  }
+  function j() {
+    u.value.has("hover") && (h = !1, D());
+  }
+  function z() {
+    o.enterable !== !1 && (x = !0, clearTimeout(l), l = void 0);
+  }
+  function H() {
+    x = !1, u.value.has("hover") && D();
+  }
+  function N(e) {
+    var t;
+    (t = i.value) != null && t.contains(e.target) || s.restoringFocus.value || (d = !0, u.value.has("focus") && I());
+  }
+  function R(e) {
+    var a, n, r;
+    if ((a = i.value) != null && a.contains(e.target)) return;
+    const t = e.relatedTarget;
+    if (!((n = k.value) != null && n.contains(t))) {
+      if (d = !1, (r = i.value) != null && r.contains(t) && o.enterable !== !1) {
+        m = !0;
+        return;
+      }
+      (u.value.has("focus") || u.value.has("hover")) && D();
+    }
+  }
+  function B() {
+    o.enterable !== !1 && (m = !0);
+  }
+  function G(e) {
+    var a, n;
+    const t = e.relatedTarget;
+    if (!((a = i.value) != null && a.contains(t))) {
+      if (m = !1, (n = k.value) != null && n.contains(t)) {
+        d = !0;
+        return;
+      }
+      (u.value.has("focus") || u.value.has("hover")) && D();
+    }
+  }
+  function J(e) {
+    var t;
+    (t = i.value) != null && t.contains(e.target) || !u.value.has("click") || !T.value || (f = s.open.value ? !f && (h && u.value.has("hover") || d && u.value.has("focus")) : !0, c(f, !1, "trigger"));
+  }
+  function Q(e) {
+    var t;
+    (t = i.value) != null && t.contains(e.target) || !u.value.has("contextmenu") || !T.value || (e.preventDefault(), f = !0, c(!0));
+  }
+  function U(e) {
+    var a;
+    if ((a = i.value) != null && a.contains(e.target) || !u.value.size || !T.value || e.defaultPrevented)
+      return;
+    const t = e.target;
+    if (!t.closest('input,textarea,select,[contenteditable="true"]')) {
+      if (e.key === "F10" && e.shiftKey && u.value.has("contextmenu")) {
+        e.preventDefault(), f = !0, c(!0);
+        return;
+      }
+      (o.triggerKeys ?? ["Enter", " "]).some(
+        (n) => n === e.key || n === "Space" && e.key === " "
+      ) && (u.value.has("click") && t.closest("button,a[href],input") || (e.preventDefault(), f = !s.open.value, c(f, !1, "trigger")));
+    }
+  }
+  function P(e) {
+    return [...e.querySelectorAll(_)].filter(
+      (t) => t.tabIndex >= 0 && !t.matches(":disabled") && !t.closest('[inert],[aria-hidden="true"]') && !!t.getClientRects().length && getComputedStyle(t).visibility !== "hidden"
+    );
+  }
+  function V(e) {
+    const t = L.value, a = P(document).filter((g) => {
+      var y;
+      return !((y = i.value) != null && y.contains(g));
+    }), n = a.findIndex((g) => g === t || (t == null ? void 0 : t.contains(g))), r = n < 0 ? void 0 : a[n + (e ? -1 : 1)];
+    return r == null || r.focus(), !!r;
+  }
+  async function W(e) {
+    var y, E;
+    if (e.key !== "Tab" || w !== "popover" || !s.open.value || !s.isTop())
+      return;
+    const t = e.target, a = (y = i.value) == null ? void 0 : y.contains(t), n = (E = k.value) == null ? void 0 : E.contains(t);
+    if (!a && !n) return;
+    const r = i.value ? P(i.value) : [];
+    if ((n || t === i.value) && !e.shiftKey && o.enterable !== !1 && r.length) {
+      e.preventDefault(), r[0].focus();
+      return;
+    }
+    if (a && t !== i.value && t !== (e.shiftKey ? r[0] : r.at(-1)) && r.length)
+      return;
+    e.preventDefault(), (await c(!1, !1, "tab") || M) && (a && e.shiftKey ? F() : V(e.shiftKey) || F());
+  }
+  function X() {
+    S();
+    const e = p(o.autoClose);
+    s.open.value && e && (b = setTimeout(() => {
+      b = void 0, c(!1, !1, "auto");
+    }, e));
+  }
+  function Y() {
+    K(), A();
+  }
+  return {
+    clearDelays: K,
+    clearAuto: S,
+    resetReasons: A,
+    reset: Y,
+    startAuto: X,
+    tab: W,
+    handlers: {
+      pointerEnter: O,
+      pointerLeave: j,
+      panelEnter: z,
+      panelLeave: H,
+      focusIn: N,
+      focusOut: R,
+      panelFocusIn: B,
+      panelFocusOut: G,
+      click: J,
+      contextmenu: Q,
+      key: U
+    }
+  };
+}
+export {
+  _ as popupFocusControls,
+  q as usePopupSurfaceInteractions
+};

package/dist/composables/useSplitPaneDrag.js

@@ -1,52 +1,55 @@
-function m(s, v) {
-  let n;
-  const p = (e, t) => t ? e.clientY : e.clientX;
-  function w(e, t) {
-    var r;
-    if (n || e.button !== 0 || t.available <= 0) return !1;
+function L(v, m) {
+  let r;
+  const u = (e, t) => t ? e.clientY : e.clientX;
+  function E(e, t) {
+    var n;
+    if (r || e.button !== 0 || t.available <= 0) return !1;
     e.preventDefault();
     const i = e.currentTarget;
-    i.focus({ preventScroll: !0 }), n = {
+    i.focus({ preventScroll: !0 }), r = {
       ...t,
       pointer: e.pointerId,
       handle: i,
-      origin: p(e, t.vertical),
+      origin: u(e, t.vertical),
       latest: t.initial,
       reported: t.initial
     };
     try {
-      (r = i.setPointerCapture) == null || r.call(i, e.pointerId);
+      (n = i.setPointerCapture) == null || n.call(i, e.pointerId);
     } catch {
     }
-    return window.addEventListener("pointermove", c), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", a), window.addEventListener("keydown", d, !0), !0;
+    return window.addEventListener("pointermove", p), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", a), window.addEventListener("keydown", f, !0), window.addEventListener("blur", d), !0;
   }
-  function c(e) {
-    const t = n;
+  function p(e) {
+    const t = r;
     if (!t || e.pointerId !== t.pointer) return;
-    const i = p(e, t.vertical) - t.origin;
+    const i = u(e, t.vertical) - t.origin;
     t.latest = i === 0 ? t.initial : t.constrain(
       t.initial + t.direction * i / t.available * 100
-    ), t.frame === void 0 && (t.frame = requestAnimationFrame(() => u(t)));
+    ), t.frame === void 0 && (t.frame = requestAnimationFrame(() => c(t)));
   }
-  function u(e) {
-    e.frame = void 0, e.latest !== e.reported && (e.reported = e.latest, s(e.latest));
+  function c(e) {
+    e.frame = void 0, e.latest !== e.reported && (e.reported = e.latest, v(e.latest));
   }
   function l(e) {
-    e.pointerId === (n == null ? void 0 : n.pointer) && o(!1);
+    e.pointerId === (r == null ? void 0 : r.pointer) && o(!1);
   }
   function a(e) {
-    e.pointerId === (n == null ? void 0 : n.pointer) && o(!0);
+    e.pointerId === (r == null ? void 0 : r.pointer) && o(!0, !0, !0);
+  }
+  function d() {
+    o(!0, !0, !0);
   }
-  function d(e) {
-    e.key !== "Escape" || !n || (e.preventDefault(), e.stopPropagation(), o(!0));
+  function f(e) {
+    e.key !== "Escape" || !r || (e.preventDefault(), e.stopPropagation(), o(!0, !0, !0));
   }
-  function o(e, t = !0) {
-    var r, f;
-    const i = n;
-    i && (n = void 0, i.frame !== void 0 && cancelAnimationFrame(i.frame), window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", a), window.removeEventListener("keydown", d, !0), (f = (r = i.handle).hasPointerCapture) != null && f.call(r, i.pointer) && i.handle.releasePointerCapture(i.pointer), e || u(i), v(i.latest, e, t));
+  function o(e, t = !0, i = !1) {
+    var s, w;
+    const n = r;
+    n && (r = void 0, n.frame !== void 0 && cancelAnimationFrame(n.frame), window.removeEventListener("pointermove", p), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", a), window.removeEventListener("keydown", f, !0), window.removeEventListener("blur", d), (w = (s = n.handle).hasPointerCapture) != null && w.call(s, n.pointer) && n.handle.releasePointerCapture(n.pointer), e || c(n), m(n.latest, e, t, i));
   }
-  return { start: w, cancel: a, finish: o, active: () => !!n };
+  return { start: E, cancel: a, finish: o, active: () => !!r };
 }
 export {
-  m as useSplitPaneDrag
+  L as useSplitPaneDrag
 };

package/dist/composables/useSvgInstanceId.js

@@ -0,0 +1,15 @@
+import { useId as a, ref as s, onMounted as d, onBeforeUnmount as l } from "vue";
+const n = /* @__PURE__ */ new Set();
+let r = 0;
+function i(u) {
+  const t = a() + "-" + u, e = s(t);
+  let o = !1;
+  return d(() => {
+    o = !0, n.has(t) && (e.value = t + "-" + ++r), n.add(e.value);
+  }), l(() => {
+    o && n.delete(e.value);
+  }), e;
+}
+export {
+  i as useSvgInstanceId
+};