hys-ui 0.3.0 → 0.5.0

package/dist/composables/useFloating.js

@@ -1,50 +1,54 @@
-import { inject as G, ref as z, shallowRef as J, watch as V, onDeactivated as Q, onBeforeUnmount as Z, computed as _, nextTick as ee } from "vue";
-import { useHysControlState as te } from "./formContext.js";
-import { popupSize as ie } from "../motion/popup.js";
-import { overlayOwnerKey as ae, registerOverlay as ne } from "./overlayManager.js";
-function de(g, r, t = {}) {
-  const { disabled: B } = te({}), y = G(ae, void 0), o = z(!1), F = J(), O = z(!1), k = z({
+import { inject as T, ref as E, shallowRef as Y, watch as D, onDeactivated as U, onBeforeUnmount as V, computed as X, nextTick as G } from "vue";
+import { useHysControlState as J } from "./formContext.js";
+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), c = E(!1), W = Y(), p = E(!1), L = E({
     position: "fixed",
     top: "0px",
     left: "0px",
     visibility: "hidden"
-  }), N = z(t.placement ?? "bottom-start");
-  let A = 0, W, u, E = 0;
-  function C() {
-    var K, T, Y;
-    if (!o.value || !g.value || !r.value) return;
-    const e = g.value.getBoundingClientRect();
-    if (!e.width && !e.height) {
-      s();
+  });
+  function A() {
+    return typeof e.placement == "function" ? e.placement() : e.placement ?? "bottom-start";
+  }
+  const C = E(A());
+  let $ = 0, w, r, y = 0;
+  function F() {
+    var R, S, H;
+    if (!c.value || !v.value || !n.value) return;
+    const t = v.value.getBoundingClientRect();
+    if (!t.width && !t.height) {
+      u();
       return;
     }
-    const n = Number.isFinite(t.gap) ? t.gap : 8, i = Number.isFinite(t.padding) ? Math.max(0, t.padding) : 10, l = document.documentElement.clientWidth, f = document.documentElement.clientHeight, d = Math.min(e.width, Math.max(0, l - 2 * i)), M = typeof t.matchWidth == "function" ? t.matchWidth() : t.matchWidth, b = (K = t.maxWidth) == null ? void 0 : K.call(t), P = b !== void 0 && (typeof b != "number" || Number.isFinite(b)) ? `min(${typeof b == "number" ? Math.max(0, b) + "px" : b},calc(100vw - ${i * 2}px))` : `calc(100vw - ${i * 2}px)`, L = (T = t.width) == null ? void 0 : T.call(t), p = typeof L == "number" ? Number.isFinite(L) ? Math.max(0, L) + "px" : void 0 : L;
-    p !== void 0 ? (r.value.style.width = p, r.value.style.minWidth = "0", r.value.style.maxWidth = P) : M === !0 && (r.value.style.width = `${d}px`, r.value.style.minWidth = "0", r.value.style.maxWidth = `${d}px`), p === void 0 && M === "min" && (r.value.style.width = "max-content", r.value.style.minWidth = `${d}px`, r.value.style.maxWidth = `calc(100vw - ${i * 2}px)`);
-    const D = ie(r.value), h = Math.min(D.width, Math.max(0, l - 2 * i)), v = Math.min(D.height, Math.max(0, f - 2 * i));
-    let a = t.placement ?? "bottom-start";
-    const I = f - e.bottom - n, q = e.top - n, $ = t.autoAdjustOverflow !== !1;
-    $ && a.startsWith("bottom") && I < v && q > I ? a = a.replace("bottom", "top") : $ && a.startsWith("top") && q < v && I > q ? a = a.replace("top", "bottom") : $ && a.startsWith("right") && l - e.right - n < h && e.left > l - e.right ? a = a.replace("right", "left") : $ && a.startsWith("left") && e.left - n < h && l - e.right > e.left && (a = a.replace("left", "right"));
-    let w = a.endsWith("end") ? e.right - h : a.endsWith("start") ? e.left : e.left + (e.width - h) / 2, x = a.startsWith("top") ? e.top - v - n : e.bottom + n;
-    if ((a.startsWith("right") || a.startsWith("left")) && (w = a.startsWith("right") ? e.right + n : e.left - h - n, x = a.endsWith("start") ? e.top : a.endsWith("end") ? e.bottom - v : e.top + (e.height - v) / 2), w = Math.max(i, Math.min(w, l - h - i)), x = Math.max(i, Math.min(x, f - v - i)), N.value = a, (Y = t.onPosition) == null || Y.call(t, {
-      anchor: e,
-      width: h,
-      height: v,
-      x: w,
-      y: x,
-      placement: a
-    }), t.strategy === "absolute") {
-      const m = r.value.offsetParent;
-      if (m && m !== document.body && m !== document.documentElement) {
-        const U = m.getBoundingClientRect();
-        w += m.scrollLeft - U.left - m.clientLeft, x += m.scrollTop - U.top - m.clientTop;
+    const a = Number.isFinite(e.gap) ? e.gap : 8, i = Number.isFinite(e.padding) ? Math.max(0, e.padding) : 10, l = document.documentElement.clientWidth, o = document.documentElement.clientHeight, d = 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 = `${d}px`, n.value.style.minWidth = "0", n.value.style.maxWidth = `${d}px`), x === void 0 && g === "min" && (n.value.style.width = "max-content", n.value.style.minWidth = `${d}px`, n.value.style.maxWidth = `calc(100vw - ${i * 2}px)`);
+    const z = Z(
+      t,
+      Q(n.value),
+      { width: l, height: o },
+      A(),
+      a,
+      i,
+      e.autoAdjustOverflow !== !1
+    );
+    let { x: O, y: M } = 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;
       } else
-        w += window.scrollX, x += window.scrollY;
+        O += window.scrollX, M += window.scrollY;
     }
-    k.value = {
-      ...p !== void 0 ? { width: p, minWidth: "0" } : M === !0 ? { width: `${d}px`, minWidth: "0" } : M === "min" ? { width: "max-content", minWidth: `${d}px` } : {},
-      position: t.strategy ?? "fixed",
-      left: `${Math.round(w)}px`,
-      top: `${Math.round(x)}px`,
+    L.value = {
+      ...x !== void 0 ? { width: x, minWidth: "0" } : g === !0 ? { width: `${d}px`, minWidth: "0" } : g === "min" ? { width: "max-content", minWidth: `${d}px` } : {},
+      position: e.strategy ?? "fixed",
+      left: `${Math.round(O)}px`,
+      top: `${Math.round(M)}px`,
       visibility: "visible",
       zIndex: "1200",
       maxWidth: P,
@@ -53,110 +57,110 @@ function de(g, r, t = {}) {
       overscrollBehavior: "contain"
     };
   }
-  function c() {
-    cancelAnimationFrame(A), A = requestAnimationFrame(C);
+  function s() {
+    cancelAnimationFrame($), $ = requestAnimationFrame(F);
   }
-  function R(e) {
-    var n, i;
-    !(u != null && u()) || t.closeOnOutside === !1 || !((n = g.value) != null && n.contains(e.target)) && !((i = r.value) != null && i.contains(e.target)) && s();
+  function I(t) {
+    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();
   }
-  function S(e) {
-    var n, i;
-    if (!(!o.value || !(u != null && u()))) {
-      if (e.key === "Escape" && t.closeOnEscape !== !1)
-        e.preventDefault(), e.stopImmediatePropagation(), s(!0);
-      else if (e.key === "Tab" && t.closeOnTab !== !1) {
+  function q(t) {
+    var a, i;
+    if (!(!c.value || !(r != null && r()))) {
+      if (t.key === "Escape" && e.closeOnEscape !== !1)
+        t.preventDefault(), t.stopImmediatePropagation(), u(!0);
+      else if (t.key === "Tab" && e.closeOnTab !== !1) {
         const l = document.activeElement;
-        if ((n = g.value) != null && n.contains(l)) {
-          s();
+        if ((a = v.value) != null && a.contains(l)) {
+          u();
           return;
         }
-        if ((i = r.value) != null && i.contains(l)) {
-          const f = Array.from(
-            r.value.querySelectorAll(
+        if ((i = n.value) != null && i.contains(l)) {
+          const o = Array.from(
+            n.value.querySelectorAll(
               'a[href],button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex="-1"])'
             )
           ).filter(
             (d) => d.getClientRects().length && !d.closest("[inert]")
           );
-          (!f.length || l === (e.shiftKey ? f[0] : f.at(-1))) && s(!0);
+          (!o.length || l === (t.shiftKey ? o[0] : o.at(-1))) && u(!0);
         }
       }
     }
   }
-  function j() {
-    var e, n;
-    document.removeEventListener("pointerdown", R, !0), document.removeEventListener("keydown", S, !0), window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0), (e = window.visualViewport) == null || e.removeEventListener("resize", c), (n = window.visualViewport) == null || n.removeEventListener("scroll", c), cancelAnimationFrame(A), W == null || W(), W = void 0, F.value = void 0, u = void 0;
+  function B() {
+    var t, a;
+    document.removeEventListener("pointerdown", I, !0), document.removeEventListener("keydown", q, !0), window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0), (t = window.visualViewport) == null || t.removeEventListener("resize", s), (a = window.visualViewport) == null || a.removeEventListener("scroll", s), cancelAnimationFrame($), w == null || w(), w = void 0, W.value = void 0, r = void 0;
   }
-  function s(e = !1, n = !1) {
+  function u(t = !1, a = !1) {
     var i, l;
-    if (!(!n && o.value && ((i = t.requestOpen) == null ? void 0 : i.call(t, !1, e)) === !1) && (E++, !!o.value && (o.value = !1, j(), e && ((l = g.value) != null && l.isConnected)))) {
-      O.value = !0;
+    if (!(!a && c.value && ((i = e.requestOpen) == null ? void 0 : i.call(e, !1, t)) === !1) && (y++, !!c.value && (c.value = !1, B(), t && ((l = v.value) != null && l.isConnected)))) {
+      p.value = !0;
       try {
-        g.value.focus();
+        v.value.focus();
       } finally {
-        O.value = !1;
+        p.value = !1;
       }
     }
   }
-  async function H(e = !1) {
-    var l, f, d;
-    if (B.value || (y == null ? void 0 : y.value) === !1) return;
-    if (o.value) {
-      c();
+  async function N(t = !1) {
+    var l, o, d;
+    if (k.value || (m == null ? void 0 : m.value) === !1) return;
+    if (c.value) {
+      s();
       return;
     }
-    if (!e && ((l = t.requestOpen) == null ? void 0 : l.call(t, !0)) === !1) return;
-    const n = ++E;
-    if (o.value = !0, k.value = {
+    if (!t && ((l = e.requestOpen) == null ? void 0 : l.call(e, !0)) === !1) return;
+    const a = ++y;
+    if (c.value = !0, L.value = {
       position: "fixed",
       top: "0px",
       left: "0px",
       visibility: "hidden"
-    }, await ee(), n !== E || !o.value) return;
-    const i = ne(
+    }, await G(), a !== y || !c.value) return;
+    const i = ee(
       "floating",
-      () => s(!0),
-      t.zIndex
+      () => u(!0),
+      e.zIndex
     );
-    F.value = i, W = i.unregister, u = i.isTop, C(), document.addEventListener("pointerdown", R, !0), document.addEventListener("keydown", S, !0), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0), (f = window.visualViewport) == null || f.addEventListener("resize", c), (d = window.visualViewport) == null || d.addEventListener("scroll", c);
+    W.value = i, w = i.unregister, r = i.isTop, F(), document.addEventListener("pointerdown", I, !0), document.addEventListener("keydown", q, !0), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0), (o = window.visualViewport) == null || o.addEventListener("resize", s), (d = window.visualViewport) == null || d.addEventListener("scroll", s);
   }
-  function X() {
-    return o.value ? s() : H();
+  function K() {
+    return c.value ? u() : N();
   }
-  return V(
-    B,
-    (e) => {
-      e && s(!1, !0);
+  return D(
+    k,
+    (t) => {
+      t && u(!1, !0);
     },
     { flush: "sync" }
-  ), Q(() => s(!1, !0)), V(
-    () => y == null ? void 0 : y.value,
-    (e) => {
-      e === !1 && s(!1, !0);
+  ), U(() => u(!1, !0)), D(
+    () => m == null ? void 0 : m.value,
+    (t) => {
+      t === !1 && u(!1, !0);
     },
     { flush: "sync" }
-  ), Z(() => {
-    E++, j();
+  ), V(() => {
+    y++, B();
   }), {
-    open: o,
-    style: _(() => {
-      var e;
+    open: c,
+    style: X(() => {
+      var t;
       return {
-        ...k.value,
-        zIndex: String(((e = F.value) == null ? void 0 : e.zIndex.value) ?? 1200)
+        ...L.value,
+        zIndex: String(((t = W.value) == null ? void 0 : t.zIndex.value) ?? 1200)
       };
     }),
-    placement: N,
-    update: C,
-    show: H,
-    close: s,
-    toggle: X,
-    restoringFocus: O,
-    schedule: c,
-    isTop: () => (u == null ? void 0 : u()) ?? !1
+    placement: C,
+    update: F,
+    show: N,
+    close: u,
+    toggle: K,
+    restoringFocus: p,
+    schedule: s,
+    isTop: () => (r == null ? void 0 : r()) ?? !1
   };
 }
 export {
-  de as useFloating
+  re as useFloating
 };

package/dist/composables/useHysAnimatedNumber.js

@@ -0,0 +1,264 @@
+import { shallowRef as ue, watch as w, onMounted as le, onActivated as re, onDeactivated as fe, onBeforeUnmount as de, computed as ce, readonly as pe, toValue as me } from "vue";
+import { useMotion as ve } from "../motion/useMotion.js";
+import { listenVisibility as ye, unlistenVisibility as ge, unsubscribe as he, subscribe as be, makeEasing as Ae } from "./animatedNumberTiming.js";
+import { numberDirection as D, numberValue as y, bounded as d, createNumberInterpolator as Me } from "./animatedNumberFormat.js";
+function Pe(Q = {}, S) {
+  const i = () => me(Q), r = () => y(i().value), Y = () => y(i().from ?? r()), { effectiveMotion: Z } = ve(), g = () => i().disabled || Z.value === "off" || !_(), _ = () => d(i().duration ?? 650, 0, 0, Number.MAX_SAFE_INTEGER), N = Y(), a = ue({
+    value: N,
+    from: N,
+    to: r(),
+    progress: 0,
+    easedProgress: 0,
+    direction: D(N, r()),
+    status: "idle",
+    iteration: 1
+  });
+  let n, c = [N, r()], f = c, p = [], k = !1, A = !1, W = !1, l = !1, T, E = 0, B = -1 / 0, R, F;
+  const U = () => !A || W || i().pauseWhenHidden !== !1 && document.hidden, m = (e) => S == null ? void 0 : S(e, { ...a.value });
+  function v() {
+    he(C), T = void 0, E = 0;
+  }
+  function V() {
+    !n || l || U() || be(C);
+  }
+  function $(e, t, o) {
+    let s = t;
+    if (t > 0 && t < 1)
+      try {
+        s = d(e.easing(t), t, -4, 5);
+      } catch {
+        e.easing = (u) => u;
+      }
+    a.value = {
+      ...a.value,
+      status: o,
+      progress: t,
+      easedProgress: s,
+      value: t === 0 ? e.from : t === 1 ? e.to : e.interpolate(t, s)
+    };
+  }
+  function h() {
+    p = [], R = void 0, clearTimeout(F), F = void 0;
+  }
+  function L() {
+    const e = !!n;
+    n = void 0, l = !1, v(), e && (a.value = { ...a.value, status: "stopped" }, m("cancel"));
+  }
+  function q(e, t, o, s, u, P) {
+    return {
+      from: e,
+      to: t,
+      iteration: o,
+      loops: s,
+      duration: u,
+      elapsed: -P,
+      interpolate: Me(e, t, i().interpolate),
+      easing: Ae(i().easing),
+      alternate: i().alternate ?? !1,
+      started: !1
+    };
+  }
+  function x(e) {
+    n = e, a.value = {
+      from: e.from,
+      to: e.to,
+      value: e.from,
+      progress: 0,
+      easedProgress: 0,
+      direction: D(e.from, e.to),
+      status: e.elapsed < 0 ? "delayed" : "playing",
+      iteration: e.iteration
+    };
+  }
+  function j(e) {
+    e.started || (e.started = !0, m("start"));
+  }
+  function G(e, t, o) {
+    $(e, t, o), m("update"), n === e && m("progress");
+  }
+  function z(e, t = !1) {
+    if (n === e) {
+      if (!t && e.iteration < e.loops) {
+        const [o, s] = e.alternate ? [e.to, e.from] : c;
+        x(
+          q(
+            o,
+            s,
+            e.iteration + 1,
+            e.loops,
+            e.duration,
+            0
+          )
+        ), m("loop");
+        return;
+      }
+      if (n = void 0, l = !1, v(), a.value = { ...a.value, status: "finished" }, m("end"), !n && p.length) {
+        const o = p.shift();
+        M(a.value.value, o);
+      }
+    }
+  }
+  function I() {
+    if (!n) return;
+    const e = n;
+    j(e), n === e && (G(e, 1, "playing"), z(e, !0));
+  }
+  function M(e, t, o = {}) {
+    if (L(), n) return;
+    c = [e, t], f = o.endpoints ?? c;
+    const s = i().loop, u = s === !0 ? 1 / 0 : Math.floor(
+      d(
+        typeof s == "number" ? s : void 0,
+        1,
+        1,
+        Number.MAX_SAFE_INTEGER
+      )
+    ), P = q(
+      e,
+      t,
+      1,
+      u,
+      _(),
+      o.delay ?? d(i().delay, 0, 0, Number.MAX_SAFE_INTEGER)
+    );
+    x(P), o.immediate || g() || !P.duration || a.value.direction === "none" && e !== t ? I() : V();
+  }
+  function C(e) {
+    const t = n;
+    if (!t || l || U()) {
+      v();
+      return;
+    }
+    if (g() || !t.duration) {
+      I();
+      return;
+    }
+    const o = d(i().speed, 1, 0.01, 100);
+    if (t.elapsed += (T === void 0 ? 0 : e - T) * o, T = e, t.elapsed < 0 || (j(t), n !== t || l)) return;
+    const s = Math.min(1, t.elapsed / t.duration), u = i().fps;
+    s < 1 && E && u !== void 0 && e - E < 1e3 / d(u, 60, 1, 120) - 1 || (E = e, G(t, s, "playing"), s === 1 && !l && z(t));
+  }
+  function J(e) {
+    const t = y(e), o = i().interrupt ?? "retarget";
+    if (o === "queue" && n && !g()) {
+      (p.at(-1) ?? n.to) !== t && p.push(t);
+      const s = Math.floor(d(i().queueLimit, 32, 1, 256));
+      p.length > s && p.splice(0, p.length - s);
+      return;
+    }
+    h(), !(t === a.value.value && !n) && (B = performance.now(), M(
+      o === "restart" ? y(i().from ?? c[0]) : a.value.value,
+      t,
+      { immediate: o === "snap" }
+    ));
+  }
+  function K(e) {
+    if (!k) return;
+    const t = i().interrupt ?? "retarget", o = d(i().updateInterval, 0, 0, 6e4), s = B + o - performance.now();
+    (t === "retarget" || t === "restart") && s > 0 && !g() ? (R = e, F ?? (F = setTimeout(() => {
+      const u = R;
+      u !== void 0 && J(u);
+    }, s))) : J(e);
+  }
+  function H() {
+    h(), M(y(i().from ?? f[0]), r());
+  }
+  function ee() {
+    if (n) {
+      O();
+      return;
+    }
+    a.value.to !== r() || a.value.status === "stopped" ? (h(), M(a.value.value, r())) : H();
+  }
+  function te() {
+    !n || l || (l = !0, v(), a.value = { ...a.value, status: "paused" }, m("pause"));
+  }
+  function O() {
+    !n || !l || (l = !1, a.value = {
+      ...a.value,
+      status: n.elapsed < 0 ? "delayed" : "playing"
+    }, m("resume"), V());
+  }
+  function X() {
+    h(), L();
+  }
+  function ne() {
+    if (X(), n) return;
+    const e = y(i().from ?? f[0]), t = r();
+    c = f = [e, t], a.value = {
+      from: e,
+      to: t,
+      value: e,
+      progress: 0,
+      easedProgress: 0,
+      status: "idle",
+      direction: D(e, t),
+      iteration: 1
+    };
+  }
+  function ie() {
+    if (X(), n) return;
+    const e = r();
+    c = f = [y(i().from ?? e), e], a.value = {
+      from: e,
+      to: e,
+      value: e,
+      direction: "none",
+      progress: 1,
+      easedProgress: 1,
+      status: "idle",
+      iteration: 1
+    };
+  }
+  function ae() {
+    h();
+    const e = a.value.to === f[0] ? f[1] : f[0], t = a.value.value;
+    M(t, e, { delay: 0, endpoints: f });
+  }
+  function oe(e) {
+    if (!Number.isFinite(e)) return;
+    if (!n) {
+      const [s, u] = c;
+      x(q(s, u, 1, 1, _(), 0)), l = !0;
+    }
+    const t = n, o = d(e, 0, 0, 1);
+    t.elapsed = o * t.duration, G(t, o, l ? "paused" : "playing");
+  }
+  function b() {
+    U() ? v() : V();
+  }
+  function se(e) {
+    W = e, b();
+  }
+  return w(r, (e) => {
+    i().autoUpdate !== !1 && K(e);
+  }), w(g, (e) => {
+    e && I();
+  }), w(() => i().pauseWhenHidden, b), le(() => {
+    k = A = !0, ye(b), i().autoPlay ?? i().from !== void 0 ? H() : b();
+  }), re(() => {
+    A = !0, b();
+  }), fe(() => {
+    A = !1, v();
+  }), de(() => {
+    k = A = !1, h(), v(), n = void 0, ge(b);
+  }), {
+    frame: pe(a),
+    motionEnabled: ce(() => !g()),
+    play: ee,
+    pause: te,
+    resume: O,
+    stop: X,
+    restart: H,
+    reset: ne,
+    reverse: ae,
+    seek: oe,
+    finishAnimation: I,
+    updateTarget: K,
+    sync: ie,
+    hold: se
+  };
+}
+export {
+  Pe as useHysAnimatedNumber
+};

package/dist/composables/useHysNumberAnimationGroup.js

@@ -0,0 +1,23 @@
+import { toValue as n } from "vue";
+function u(r) {
+  const o = () => new Set(n(r));
+  function e(t) {
+    for (const s of o()) s == null || s[t]();
+  }
+  return {
+    play: () => e("play"),
+    pause: () => e("pause"),
+    resume: () => e("resume"),
+    stop: () => e("stop"),
+    restart: () => e("restart"),
+    reset: () => e("reset"),
+    reverse: () => e("reverse"),
+    finishAnimation: () => e("finishAnimation"),
+    seek: (t) => {
+      for (const s of o()) s == null || s.seek(t);
+    }
+  };
+}
+export {
+  u as useHysNumberAnimationGroup
+};

package/dist/composables/useMentionCaret.js

@@ -0,0 +1,81 @@
+import { computed as x, onBeforeUnmount as y, onDeactivated as C } from "vue";
+function L(r, a, p) {
+  let e;
+  function d() {
+    e == null || e.remove(), e = void 0;
+  }
+  function f() {
+    const t = r.value, o = t.getBoundingClientRect();
+    if (!o.width && !o.height) return o;
+    const n = getComputedStyle(t);
+    e || (e = document.createElement("div"), e.setAttribute("aria-hidden", "true"), document.body.append(e));
+    for (const l of [
+      "direction",
+      "font",
+      "font-family",
+      "font-size",
+      "font-weight",
+      "font-style",
+      "font-variant",
+      "letter-spacing",
+      "word-spacing",
+      "text-transform",
+      "text-indent",
+      "text-align",
+      "line-height",
+      "padding-top",
+      "padding-right",
+      "padding-bottom",
+      "padding-left",
+      "border-top-width",
+      "border-right-width",
+      "border-bottom-width",
+      "border-left-width",
+      "border-style",
+      "box-sizing",
+      "tab-size"
+    ])
+      e.style.setProperty(l, n.getPropertyValue(l));
+    const s = parseFloat(n.borderLeftWidth) || 0, g = parseFloat(n.borderRightWidth) || 0, u = parseFloat(n.borderTopWidth) || 0, b = t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement && t.wrap === "off";
+    Object.assign(e.style, {
+      position: "fixed",
+      top: "0px",
+      left: "-10000px",
+      visibility: "hidden",
+      pointerEvents: "none",
+      height: "auto",
+      overflow: "hidden",
+      whiteSpace: b ? "pre" : "pre-wrap",
+      overflowWrap: "break-word",
+      wordBreak: n.wordBreak,
+      width: (t.clientWidth ? t.clientWidth + s + g : o.width) + "px"
+    });
+    const c = p();
+    e.textContent = a.value.slice(0, c);
+    const i = document.createElement("span");
+    i.textContent = a.value.slice(c) || "​", e.append(i);
+    const w = parseFloat(n.lineHeight) || (parseFloat(n.fontSize) || 14) * 1.6, m = o.left + i.offsetLeft + s - t.scrollLeft, v = o.top + i.offsetTop + u - t.scrollTop;
+    return new window.DOMRect(m, v, 1, w);
+  }
+  const h = x(
+    () => r.value ? {
+      getBoundingClientRect: f,
+      contains: (t) => {
+        var o;
+        return !!((o = r.value) != null && o.contains(t));
+      },
+      focus: () => {
+        var t;
+        return (t = r.value) == null ? void 0 : t.focus();
+      },
+      get isConnected() {
+        var t;
+        return !!((t = r.value) != null && t.isConnected);
+      }
+    } : void 0
+  );
+  return y(d), C(d), { anchor: h, removeMirror: d };
+}
+export {
+  L as useMentionCaret
+};