hys-ui 0.3.0 → 0.5.0

package/dist/composables/animatedNumberFormat.js

@@ -0,0 +1,222 @@
+import { decimal as l, decimalAdd as $, decimalCompare as I, decimalText as D, decimalRound as nn } from "./numberInput.js";
+const tn = { units: 0n, scale: 0 }, v = (n) => 10n ** BigInt(n), b = (n) => ({
+  units: n.units < 0n ? -n.units : n.units,
+  scale: n.scale
+});
+function un(n) {
+  return n === void 0 || typeof n == "number" && !Number.isFinite(n) ? 0 : n;
+}
+function A(n, i, t, e) {
+  return Math.min(
+    e,
+    Math.max(t, Number.isFinite(n) ? n : i)
+  );
+}
+function an(n, i) {
+  const t = l(n), e = l(i);
+  if (!t || !e) return "none";
+  const s = I(e, t);
+  return s > 0 ? "up" : s < 0 ? "down" : "none";
+}
+function en(n, i) {
+  const t = l(n), e = l(i);
+  if (!t || !e) return () => n;
+  const s = Math.min(1e3, Math.max(t.scale, e.scale) + 9), r = t.units * v(s - t.scale), u = e.units * v(s - e.scale) - r, m = typeof n == "string" || typeof i == "string";
+  return (x) => {
+    const S = r + u * BigInt(Math.round(x * 1e9)) / 1000000000n, M = D({ units: S, scale: s });
+    if (m) return M;
+    const p = Number(M);
+    return Number.isFinite(p) ? p : M;
+  };
+}
+function ln(n, i, t) {
+  const e = en(n, i);
+  return t ? (s, r) => {
+    const u = e(r);
+    try {
+      const m = t({ from: n, to: i, progress: s, easedProgress: r, defaultValue: u });
+      return l(m) ? m : u;
+    } catch {
+      return u;
+    }
+  } : (s, r) => e(r);
+}
+function V(n, i, t) {
+  const e = n / i, s = n % i;
+  if (!s || t === "trunc") return e;
+  const r = n < 0n ? -1n : 1n;
+  if (t === "floor") return r < 0n ? e - 1n : e;
+  if (t === "ceil") return r > 0n ? e + 1n : e;
+  const u = s * r * 2n;
+  return u > i || u === i && (t === "half-up" || e % 2n !== 0n) ? e + r : e;
+}
+function Y(n, i, t, e) {
+  const s = t + i.scale - n.scale;
+  return {
+    scale: t,
+    units: V(
+      n.units * v(Math.max(0, s)),
+      i.units * v(Math.max(0, -s)),
+      e
+    )
+  };
+}
+function G(n, i, t) {
+  return n.scale <= i ? n : t === "half-up" ? nn(n, i) : {
+    scale: i,
+    units: V(n.units, v(n.scale - i), t)
+  };
+}
+function mn(n, i, t) {
+  const e = l(n), s = l(i);
+  if (!e || !s)
+    return {
+      previous: n,
+      target: i,
+      direction: "none",
+      delta: null,
+      percent: null,
+      significant: !1
+    };
+  const r = $(s, e, -1), u = r.units > 0n ? "up" : r.units < 0n ? "down" : "none", m = l(t);
+  return {
+    previous: n,
+    target: i,
+    direction: u,
+    delta: D(r),
+    percent: e.units === 0n ? null : D(
+      Y(
+        { ...r, units: r.units * 100n },
+        b(e),
+        6,
+        "half-up"
+      )
+    ),
+    significant: u !== "none" && !!m && m.units >= 0n && I(b(r), m) >= 0
+  };
+}
+const rn = [
+  { threshold: "1e3", label: "K" },
+  { threshold: "1e6", label: "M" },
+  { threshold: "1e9", label: "B" },
+  { threshold: "1e12", label: "T" }
+], sn = [
+  { threshold: "1e4", label: "万" },
+  { threshold: "1e8", label: "亿" },
+  { threshold: "1e12", label: "万亿" }
+];
+function cn(n) {
+  return (n === "short" ? rn : n === "zh" ? sn : n ?? []).flatMap(({ threshold: t, divisor: e, label: s }) => {
+    const r = l(t), u = l(e ?? t);
+    return r && r.units > 0n && u && u.units > 0n ? [{ minimum: r, factor: u, label: s }] : [];
+  }).sort((t, e) => I(e.minimum, t.minimum));
+}
+function fn(n) {
+  var U;
+  const {
+    locale: i,
+    numberFormat: t = "decimal",
+    currency: e = "CNY",
+    currencySymbol: s,
+    currencyDisplay: r = "symbol",
+    percentInput: u = "ratio",
+    compact: m,
+    unit: x = "",
+    rounding: S = "half-up",
+    trimZeros: M = !1,
+    groupSeparator: p,
+    decimalSeparator: Z,
+    grouping: _,
+    signDisplay: F = "auto",
+    positiveSign: j,
+    negativeSign: K
+  } = n, T = n.precision ?? n.decimals, O = T === void 0 ? void 0 : Math.floor(A(T, 0, 0, 100)), k = Math.floor(
+    A(n.minimumIntegerDigits, 1, 1, 21)
+  ), q = cn(m), E = p === "" ? !1 : _ ?? (p !== void 0 || i !== void 0), w = t === "scientific" ? "decimal" : t, N = (o) => {
+    try {
+      return new Intl.NumberFormat(i ?? "en-US", o);
+    } catch {
+      return new Intl.NumberFormat("en-US", { ...o, currency: "CNY" });
+    }
+  }, H = N({
+    minimumIntegerDigits: k,
+    useGrouping: E,
+    maximumFractionDigits: 0
+  }), J = N({ useGrouping: !1, maximumFractionDigits: 0 }), z = Array.from({ length: 10 }, (o, a) => J.format(a)), B = (o) => o.replace(/[0-9]/g, (a) => z[Number(a)]), L = Z ?? ((U = N({}).formatToParts(1.1).find(({ type: o }) => o === "decimal")) == null ? void 0 : U.value) ?? ".", P = N({
+    style: w,
+    currency: e,
+    currencyDisplay: r,
+    signDisplay: "always"
+  }), Q = [-1, 0, 1].map((o) => P.formatToParts(o));
+  function W(o, a, h) {
+    const [f, d] = D(
+      b(o),
+      M ? void 0 : a
+    ).split("."), g = H.formatToParts(BigInt(f)).map(
+      (c) => c.type === "group" && p !== void 0 ? { ...c, value: p } : c
+    );
+    return d && g.push(
+      { type: "decimal", value: L },
+      { type: "fraction", value: B(d) }
+    ), h !== void 0 && g.push(
+      { type: "exponentSeparator", value: "e" },
+      { type: "exponentInteger", value: B(String(h)) }
+    ), Q[o.units < 0n ? 0 : o.units > 0n ? 2 : 1].flatMap(
+      (c) => {
+        switch (c.type) {
+          case "integer":
+            return g;
+          case "decimal":
+          case "fraction":
+          case "group":
+            return [];
+          case "minusSign":
+            return F === "never" ? [] : [{ ...c, value: K ?? c.value }];
+          case "plusSign":
+            return F === "always" || F === "exceptZero" && o.units !== 0n ? [{ ...c, value: j ?? c.value }] : [];
+          case "currency":
+            return [{ ...c, value: s ?? c.value }];
+          default:
+            return [c];
+        }
+      }
+    );
+  }
+  function X(o) {
+    const a = l(o);
+    if (!a)
+      return {
+        text: String(o) + x,
+        parts: [{ type: "literal", value: String(o) }],
+        unit: x
+      };
+    const h = w === "percent" && u === "ratio" ? { ...a, units: a.units * 100n } : a, f = q.find(
+      ({ minimum: y }) => I(b(h), y) >= 0
+    ), d = O ?? (f || t === "scientific" ? f ? 1 : 3 : w === "currency" ? P.resolvedOptions().maximumFractionDigits : typeof o == "string" ? void 0 : 0);
+    let g, c = h;
+    if (t === "scientific") {
+      const y = b(a).units.toString().length;
+      g = a.units === 0n ? 0 : y - a.scale - 1, c = a.units === 0n ? tn : G(
+        { units: a.units, scale: y - 1 },
+        d,
+        S
+      ), I(b(c), { units: 10n, scale: 0 }) >= 0 && (c = { ...c, scale: c.scale + 1 }, g++);
+    } else f ? c = Y(h, f.factor, d, S) : d !== void 0 && (c = G(h, d, S));
+    const C = W(c, d, g), R = (t === "scientific" ? "" : (f == null ? void 0 : f.label) ?? "") + x;
+    return {
+      text: C.map(({ value: y }) => y).join("") + R,
+      parts: C,
+      unit: R
+    };
+  }
+  return { format: X, localized: z };
+}
+export {
+  A as bounded,
+  ln as createNumberInterpolator,
+  fn as createNumberPresentation,
+  an as numberDirection,
+  en as numberInterpolation,
+  mn as numberTrend,
+  un as numberValue
+};

package/dist/composables/animatedNumberTiming.js

@@ -0,0 +1,66 @@
+const r = /* @__PURE__ */ new Set();
+let t;
+function b() {
+  t === void 0 && r.size && (t = requestAnimationFrame(v));
+}
+function v(e) {
+  t = void 0;
+  for (const i of [...r])
+    r.has(i) && i(e);
+  b();
+}
+function z(e) {
+  r.delete(e), !r.size && t !== void 0 && (cancelAnimationFrame(t), t = void 0);
+}
+function w(e) {
+  r.add(e), b();
+}
+const o = /* @__PURE__ */ new Set();
+function m() {
+  for (const e of o) e();
+}
+function F(e) {
+  o.size || document.addEventListener("visibilitychange", m), o.add(e);
+}
+function k(e) {
+  o.delete(e), o.size || document.removeEventListener("visibilitychange", m);
+}
+function h([e, i, f, a]) {
+  const d = (n, u, c) => 3 * (1 - n) ** 2 * n * u + 3 * (1 - n) * n ** 2 * c + n ** 3;
+  return ![e, i, f, a].every(Number.isFinite) || e < 0 || e > 1 || f < 0 || f > 1 ? (n) => n : (n) => {
+    let u = 0, c = 1;
+    for (let l = 0; l < 20; l++) {
+      const s = (u + c) / 2;
+      d(s, e, f) < n ? u = s : c = s;
+    }
+    return d((u + c) / 2, i, a);
+  };
+}
+function y(e) {
+  return e < 1 / 2.75 ? 7.5625 * e ** 2 : e < 2 / 2.75 ? 7.5625 * (e - 1.5 / 2.75) ** 2 + 0.75 : e < 2.5 / 2.75 ? 7.5625 * (e - 2.25 / 2.75) ** 2 + 0.9375 : 7.5625 * (e - 2.625 / 2.75) ** 2 + 0.984375;
+}
+function E(e = "ease-out") {
+  if (typeof e == "function") return e;
+  if (typeof e != "string") return h(e);
+  switch (e) {
+    case "linear":
+      return (i) => i;
+    case "ease-in":
+      return (i) => i ** 3;
+    case "ease-in-out":
+      return (i) => i < 0.5 ? 4 * i ** 3 : 1 - (-2 * i + 2) ** 3 / 2;
+    case "spring":
+      return (i) => 1 - Math.exp(-7 * i) * Math.cos(12 * i);
+    case "bounce":
+      return y;
+    default:
+      return (i) => 1 - (1 - i) ** 3;
+  }
+}
+export {
+  F as listenVisibility,
+  E as makeEasing,
+  w as subscribe,
+  k as unlistenVisibility,
+  z as unsubscribe
+};

package/dist/composables/buttonGroup.js

@@ -0,0 +1,12 @@
+function r(t) {
+  return t === "small" ? "sm" : t === "default" ? "md" : t === "large" ? "lg" : t || void 0;
+}
+function u(t) {
+  return t === "default" ? "secondary" : t === "button" || t === "submit" || t === "reset" ? void 0 : t || void 0;
+}
+const n = Symbol("hys-ui-button-group");
+export {
+  n as buttonGroupKey,
+  r as buttonSize,
+  u as buttonVariant
+};

package/dist/composables/floatingPosition.js

@@ -0,0 +1,18 @@
+function B(t, x, u, y, o, e, F) {
+  const { width: f, height: n } = u, m = Math.min(x.width, Math.max(0, f - 2 * e)), s = Math.min(x.height, Math.max(0, n - 2 * e)), [j, l] = y.split("-"), b = {
+    top: t.top - o,
+    bottom: n - t.bottom - o,
+    left: t.left - o,
+    right: f - t.right - o
+  }, k = { top: "bottom", bottom: "top", left: "right", right: "left" }, i = j, M = i === "top" || i === "bottom", c = k[i], h = F && b[i] < (M ? s : m) && b[c] > b[i] ? c : i, v = (p, r, w) => l === "start" ? p : l === "end" ? r - w : (p + r - w) / 2, q = M ? v(t.left, t.right, m) : h === "left" ? t.left - m - o : t.right + o, A = M ? h === "top" ? t.top - s - o : t.bottom + o : v(t.top, t.bottom, s);
+  return {
+    width: m,
+    height: s,
+    x: Math.max(e, Math.min(q, f - m - e)),
+    y: Math.max(e, Math.min(A, n - s - e)),
+    placement: l ? h + "-" + l : h
+  };
+}
+export {
+  B as positionFloating
+};

package/dist/composables/mentionDocument.js

@@ -0,0 +1,79 @@
+function M(e) {
+  var s;
+  const i = typeof e.prefix == "string" ? [e.prefix] : e.prefix ?? ((s = e.triggers) != null && s.length ? [] : ["@"]), r = /* @__PURE__ */ new Map();
+  for (const n of i) n && r.set(n, { prefix: n });
+  for (const n of e.triggers ?? [])
+    n.prefix && r.set(n.prefix, n);
+  return [...r.values()].sort((n, t) => t.prefix.length - n.prefix.length);
+}
+function w(e, i, r, s) {
+  const n = Math.max(0, Math.min(e.length, Math.trunc(i) || 0)), t = e.slice(0, n);
+  let o;
+  for (const f of r) {
+    const { prefix: u } = f, a = f.match ?? s.matchTrigger, c = a == null ? void 0 : a({ text: e, caret: n, prefix: u });
+    if (a && !c) continue;
+    const l = (c == null ? void 0 : c.start) ?? t.lastIndexOf(u);
+    if (!Number.isInteger(l) || l < 0 || l + u.length > n || !t.startsWith(u, l) || o && l < o.start + o.prefix.length) continue;
+    const h = f.boundary ?? s.boundary;
+    if (typeof h == "function" && !h(e, l) || h === "word" && /[\p{L}\p{N}\p{M}_]$/u.test(t.slice(0, l)))
+      continue;
+    const p = (c == null ? void 0 : c.query) ?? t.slice(l + u.length), x = f.allowSpaces ?? s.allowSpaces, g = f.split ?? s.split;
+    !a && (/[\r\n]/.test(p) || !x && /\s/.test(p) || g && (!x || /\S/.test(g)) && p.includes(g) || r.some((m) => p.includes(m.prefix))) || (o = { prefix: u, query: p, start: l, end: n });
+  }
+  return o;
+}
+function d(e, i) {
+  const r = i.filter(
+    (t) => t && typeof t.text == "string" && t.text.length > 0 && (typeof t.id == "string" || typeof t.id == "number") && (typeof t.value == "string" || typeof t.value == "number") && typeof t.label == "string" && typeof t.type == "string" && typeof t.prefix == "string" && Number.isInteger(t.start) && Number.isInteger(t.end) && t.start >= 0 && t.end <= e.length && t.start < t.end && e.slice(t.start, t.end) === t.text
+  ).sort((t, o) => t.start - o.start || o.end - t.end), s = [];
+  let n = 0;
+  for (const t of r)
+    t.start < n || (s.push({ ...t }), n = t.end);
+  return s;
+}
+function S(e) {
+  return JSON.stringify({
+    text: e.text,
+    entities: d(e.text, e.entities)
+  });
+}
+function b(e) {
+  const i = JSON.parse(e);
+  if (!i || typeof i != "object" || !("text" in i) || typeof i.text != "string" || !("entities" in i) || !Array.isArray(i.entities))
+    throw new TypeError("Invalid Mention document");
+  return {
+    text: i.text,
+    entities: d(i.text, i.entities)
+  };
+}
+function v(e, i, r) {
+  if (!r && e.text === i) return e.entities;
+  let s = (r == null ? void 0 : r.start) ?? 0, n = (r == null ? void 0 : r.end) ?? e.text.length;
+  if (!r) {
+    const o = Math.min(e.text.length, i.length);
+    for (; s < o && e.text[s] === i[s]; ) s++;
+    let f = i.length;
+    for (; n > s && f > s && e.text[n - 1] === i[f - 1]; )
+      n--, f--;
+  }
+  const t = i.length - e.text.length;
+  return e.entities.flatMap((o) => o.end <= s ? [o] : o.start >= n ? [
+    { ...o, start: o.start + t, end: o.end + t }
+  ] : []);
+}
+function N(e, i) {
+  const r = [];
+  let s = 0;
+  for (const n of i)
+    s < n.start && r.push({ text: e.slice(s, n.start), start: s }), r.push({ text: n.text, start: n.start, entity: n }), s = n.end;
+  return (s < e.length || !r.length) && r.push({ text: e.slice(s), start: s }), r;
+}
+export {
+  b as deserializeMentionDocument,
+  w as matchMention,
+  N as mentionSegments,
+  M as mentionTriggers,
+  d as normalizeMentionEntities,
+  v as rebaseMentionEntities,
+  S as serializeMentionDocument
+};

package/dist/composables/mentionEditor.js

@@ -0,0 +1,58 @@
+function p(t) {
+  return t.tagName === "INPUT" || t.tagName === "TEXTAREA";
+}
+function E(t, n) {
+  var d;
+  if (p(t))
+    return {
+      start: t.selectionStart ?? n,
+      end: t.selectionEnd ?? n
+    };
+  const r = (d = t.ownerDocument.defaultView) == null ? void 0 : d.getSelection();
+  if (!(r != null && r.rangeCount)) return { start: n, end: n };
+  const e = r.getRangeAt(0);
+  if (!t.contains(e.startContainer) || !t.contains(e.endContainer))
+    return { start: n, end: n };
+  const o = t.ownerDocument.createRange();
+  o.selectNodeContents(t), o.setEnd(e.startContainer, e.startOffset);
+  const s = o.toString().length;
+  return { start: s, end: s + e.toString().length };
+}
+function A(t, n) {
+  var u;
+  if (p(t)) {
+    t.setSelectionRange(n.start, n.end);
+    return;
+  }
+  const r = t.ownerDocument, e = (u = r.defaultView) == null ? void 0 : u.getSelection();
+  if (!e) return;
+  function o(R) {
+    var N, S;
+    const f = r.createTreeWalker(t, 4);
+    let c = R;
+    for (let i = f.nextNode(); i; i = f.nextNode()) {
+      const h = ((N = i.textContent) == null ? void 0 : N.length) ?? 0;
+      if (c <= h) {
+        const a = (S = i.parentElement) == null ? void 0 : S.closest(
+          "[data-mention-entity]"
+        );
+        if (a != null && a.parentNode) {
+          const C = Array.from(a.parentNode.childNodes).indexOf(
+            a
+          );
+          return [a.parentNode, C + (c > 0 ? 1 : 0)];
+        }
+        return [i, Math.max(0, c)];
+      }
+      c -= h;
+    }
+    return [t, t.childNodes.length];
+  }
+  const [s, d] = o(n.start), [w, x] = o(n.end), g = r.createRange();
+  g.setStart(s, d), g.setEnd(w, x), e.removeAllRanges(), e.addRange(g);
+}
+export {
+  p as isNativeMentionInput,
+  E as readMentionSelection,
+  A as writeMentionSelection
+};

package/dist/composables/numberAnimation.js

@@ -0,0 +1,72 @@
+import { hysNumberAnimationCatalog as h } from "./numberAnimationCatalog.js";
+const d = new Map(
+  h.map((e) => [e.name, e])
+), p = /* @__PURE__ */ new Set([
+  "count",
+  "odometer",
+  "wheel",
+  "flip",
+  "slot",
+  "random",
+  "scramble",
+  "fade",
+  "scale",
+  "bounce",
+  "spring",
+  "slide",
+  "blur",
+  "appear",
+  "disappear",
+  "flash",
+  "highlight",
+  "gradient"
+]), o = (e, n, t) => typeof e == "number" && Number.isFinite(e) ? Math.min(t, Math.max(n, e)) : void 0;
+function y(e) {
+  const n = typeof e == "string" ? { name: e } : e;
+  if (!(typeof (n == null ? void 0 : n.name) != "string" || !n.name.trim()))
+    return {
+      name: n.name.trim(),
+      strength: o(n.strength, 0, 2),
+      cycles: o(n.cycles, 1, 12),
+      stagger: o(n.stagger, 0, 0.9),
+      seed: o(n.seed, 0, 2147483647),
+      axis: n.axis === "horizontal" || n.axis === "vertical" ? n.axis : void 0
+    };
+}
+function a(e) {
+  return (Array.isArray(e) ? e : [e]).slice(0, 8).map(y).filter((n) => n !== void 0);
+}
+function N(e, n) {
+  const t = [];
+  function m(s, c) {
+    if (t.length === 8 || c.length === 8 || c.includes(s.name))
+      return;
+    const { name: r, ...i } = s;
+    if (n && Object.hasOwn(n, r)) {
+      for (const g of a(n[r])) {
+        const u = { ...g };
+        for (const f of Object.keys(
+          i
+        ))
+          i[f] !== void 0 && Object.assign(u, { [f]: i[f] });
+        m(u, [...c, r]);
+      }
+      return;
+    }
+    const l = d.get(r);
+    l ? t.push({ ...i, entry: l }) : p.has(r) && t.push({ ...i, effect: r });
+  }
+  for (const s of a(e)) m(s, []);
+  return t;
+}
+function v(e) {
+  return a(JSON.parse(e));
+}
+function x(e) {
+  return JSON.stringify(a(e), null, 2);
+}
+export {
+  v as parseHysNumberAnimation,
+  N as resolveNumberAnimation,
+  x as stringifyHysNumberAnimation
+};