hys-ui 0.6.0 → 0.8.0

package/dist/composables/usePopupSurfaceInteractions.js

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