@synopackageland/ui 0.25.20 → 0.25.22

package/dist/modules/lib/richText.js

@@ -0,0 +1,216 @@
+import { mentionParts as d } from "./mentions.js";
+const P = /^( *)(?:([-*])|(\d{1,9})[.)])[ \t]+(?=\S)/, R = /^ {0,3}(`{3,})/, y = /^ {0,3}> ?/, q = /^(#{2,3})[ \t]+(?=\S)/, A = /@\[[^\]\n]+\]/y, I = /\[((?:\\.|[^[\]\\\n])+)\]\(((?:[^()\s]|\([^()\s]*\))+)\)/y, $ = /!\[((?:\\.|[^[\]\\\n])*)\]\(([^()\s]+)\)/y, M = /\\([!-/:-@[-`{-~])/g, N = /[!-/:-@[-`{-~]/, O = /&(lt|gt|amp|nbsp);/y, b = { lt: "<", gt: ">", amp: "&", nbsp: " " }, G = /^(?:https?:\/\/[^\s/]|mailto:[^\s@]+@)/i, H = /^file:([A-Za-z0-9_-]{1,64})$/, K = /!\[(?:\\.|[^[\]\\\n])*\]\(file:([A-Za-z0-9_-]{1,64})\)/g;
+function U(t, e = {}) {
+  return L(t.split(/\r?\n/), e, !0);
+}
+function Q(t, e = {}) {
+  return U(t, e).map(j).join(`
+`);
+}
+function Y(t) {
+  return [...new Set(Array.from(t.matchAll(K), (e) => e[1]))];
+}
+function w(t) {
+  return t.map((e) => e.type === "mention" ? `@${e.label}` : e.type === "image" ? e.alt : e.text).join("");
+}
+function F(t, e) {
+  return t.items.map((s, r) => {
+    const u = `${"  ".repeat(e)}${t.ordered ? `${t.start + r}.` : "•"} ${w(s.parts)}`;
+    return s.list ? `${u}
+${F(s.list, e + 1)}` : u;
+  }).join(`
+`);
+}
+function j(t) {
+  return t.type === "list" ? F(t, 0) : t.type === "quote" ? t.blocks.map(j).join(`
+`) : t.type === "code" ? t.text : w(t.parts);
+}
+function L(t, e, s) {
+  const r = [];
+  let u = [], c;
+  const a = e.people ?? [], l = () => {
+    u.length && r.push({ type: "paragraph", parts: Z(u, a) }), u = [];
+  };
+  for (let n = 0; n < t.length; n++) {
+    const i = t[n], o = R.exec(i);
+    if (o) {
+      l(), c = void 0;
+      const h = new RegExp(`^ {0,3}\`{${o[1].length},}\\s*$`), p = [];
+      for (; ++n < t.length && !h.test(t[n]); ) p.push(t[n]);
+      r.push({ type: "code", text: p.join(`
+`) });
+      continue;
+    }
+    if (s && y.test(i)) {
+      l(), c = void 0;
+      const h = [];
+      for (; n < t.length && y.test(t[n]); n++) h.push(t[n].replace(y, ""));
+      n--, r.push({ type: "quote", blocks: L(h, e, !1) });
+      continue;
+    }
+    const f = P.exec(i);
+    if (f) {
+      l();
+      const h = f[3] !== void 0, p = c?.items.at(-1);
+      if (f[1].length >= 2 && p) {
+        p.list ??= { type: "list", ordered: h, start: h ? Number(f[3]) : 1, items: [] }, p.list.items.push({ parts: E(i.slice(f[0].length), a) });
+        continue;
+      }
+      (!c || c.ordered !== h || r.at(-1) !== c) && (c = { type: "list", ordered: h, start: h ? Number(f[3]) : 1, items: [] }, r.push(c)), c.items.push({ parts: E(i.slice(f[0].length), a) });
+      continue;
+    }
+    if (c && /^ {2,}\S/.test(i)) {
+      const h = c.items.at(-1), p = h.list?.items.at(-1) ?? h;
+      T(p.parts, `
+`, {}), x(i.trimStart(), {}, p.parts, a);
+      continue;
+    }
+    if (c = void 0, !i.trim()) {
+      l();
+      continue;
+    }
+    const g = e.headings ? q.exec(i) : null;
+    if (g) {
+      l(), r.push({ type: "heading", level: g[1].length, parts: E(i.slice(g[0].length), a) });
+      continue;
+    }
+    u.push(i);
+  }
+  return l(), r;
+}
+function Z(t, e) {
+  const s = [];
+  return t.forEach((r, u) => {
+    u && T(s, `
+`, {}), x(r, {}, s, e);
+  }), s;
+}
+function E(t, e) {
+  const s = [];
+  return x(t, {}, s, e), s;
+}
+function _(t, e) {
+  const s = t[e];
+  if (s === "`") {
+    const r = t.indexOf("`", e + 1);
+    return r > e + 1 ? r + 1 - e : 0;
+  }
+  return s === "@" ? m(A, t, e)?.[0].length ?? 0 : s === "!" && t[e + 1] === "[" ? m($, t, e)?.[0].length ?? 0 : s === "[" ? m(I, t, e)?.[0].length ?? 0 : 0;
+}
+function m(t, e, s) {
+  return t.lastIndex = s, t.exec(e);
+}
+function v(t, e) {
+  let s = e;
+  for (; t[s] === t[e]; ) s++;
+  return s - e;
+}
+function B(t, e, s, r) {
+  const u = s !== 4;
+  for (let c = e; c < t.length; ) {
+    if (r[c] & s) return -1;
+    c > e && (r[c] |= s);
+    const a = _(t, c);
+    if (a) {
+      c += a;
+      continue;
+    }
+    const l = t[c];
+    if (l === "\\" && N.test(t[c + 1] ?? "")) {
+      c += 2;
+      continue;
+    }
+    if (l !== "*" && l !== "~") {
+      c++;
+      continue;
+    }
+    const n = v(t, c), i = c > e && /\S/.test(t[c - 1]);
+    if (i && u && l === "*" && (n === s || n === 3)) return c + n - s;
+    if (i && !u && l === "~" && n === 2) return c;
+    c += n;
+  }
+  return -1;
+}
+const S = (t) => t.replace(M, "$1");
+function x(t, e, s, r) {
+  let u = "", c;
+  const a = () => {
+    T(s, u, e), u = "";
+  }, l = (n) => {
+    a();
+    const i = s.at(-1);
+    i?.type === "text" && z(i, e) ? i.text += n : s.push({ type: "text", text: n, ...e });
+  };
+  for (let n = 0; n < t.length; ) {
+    const i = t[n];
+    if (i === "\\" && N.test(t[n + 1] ?? "")) {
+      l(t[n + 1]), n += 2;
+      continue;
+    }
+    if (i === "&") {
+      const o = m(O, t, n);
+      if (o) {
+        l(b[o[1]]), n += o[0].length;
+        continue;
+      }
+    }
+    if (i === "`") {
+      const o = _(t, n);
+      if (o) {
+        a();
+        const f = d(t.slice(n + 1, n + o - 1), r);
+        s.push({ type: "code", text: f.map((g) => g.type === "mention" ? `@${g.label}` : g.text).join("") }), n += o;
+        continue;
+      }
+    } else if (i === "@") {
+      const o = m(A, t, n);
+      if (o) {
+        a();
+        for (const f of d(o[0], r)) s.push({ ...f, ...e });
+        n += o[0].length;
+        continue;
+      }
+    } else if (i === "!" && t[n + 1] === "[") {
+      const o = m($, t, n), f = o && H.exec(o[2]);
+      if (o && f) {
+        a(), s.push({ type: "image", id: f[1], alt: S(o[1]) }), n += o[0].length;
+        continue;
+      }
+      if (o) {
+        u += o[0], n += o[0].length;
+        continue;
+      }
+    } else if (i === "[") {
+      const o = m(I, t, n);
+      if (o && G.test(o[2])) {
+        a(), s.push({ type: "link", text: S(o[1]), href: o[2], ...e }), n += o[0].length;
+        continue;
+      }
+    } else if (i === "*" || i === "~") {
+      const o = v(t, n), f = i === "~" ? o === 2 ? 4 : 0 : o === 1 ? 1 : o <= 3 ? 2 : 0, g = f === 4 ? 2 : f, h = n + g, p = f && /\S/.test(t[n + o] ?? "") ? B(t, h, f, c ??= new Uint8Array(t.length)) : -1;
+      if (p > h) {
+        a();
+        const C = f === 4 ? { strike: !0 } : f === 2 ? { strong: !0 } : { em: !0 };
+        x(t.slice(h, p), { ...e, ...C }, s, r), n = p + g;
+        continue;
+      }
+      u += t.slice(n, n + o), n += o;
+      continue;
+    }
+    u += i, n++;
+  }
+  a();
+}
+const z = (t, e) => t.strong === e.strong && t.em === e.em && t.strike === e.strike;
+function T(t, e, s) {
+  if (e)
+    for (const r of d(e)) {
+      const u = t.at(-1);
+      r.type === "text" && u?.type === "text" && z(u, s) ? u.text += r.text : t.push({ ...r, ...s });
+    }
+}
+export {
+  Y as richTextFileIds,
+  U as richTextParts,
+  Q as richTextText
+};

package/dist/modules/lib/scroll.js

@@ -0,0 +1,38 @@
+function a(t) {
+  const e = getComputedStyle(t);
+  return /auto|scroll|overlay/.test(e.overflowY) && t.scrollHeight > t.clientHeight;
+}
+function d(t) {
+  const e = document.scrollingElement ?? document.documentElement;
+  for (let o = t?.parentElement; o && !(o === document.body || o === document.documentElement); o = o.parentElement)
+    if (a(o)) return o;
+  return e;
+}
+function f() {
+  return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function g(t) {
+  return t === document.scrollingElement || t === document.documentElement ? 0 : t.getBoundingClientRect().top + t.clientTop;
+}
+function p(t) {
+  return t === document.scrollingElement || t === document.documentElement ? window.visualViewport?.height ?? window.innerHeight : t.getBoundingClientRect().top + t.clientTop + t.clientHeight;
+}
+function h(t, e = {}) {
+  if (!t) return null;
+  const o = d(t), i = getComputedStyle(t), l = (parseFloat(i.scrollMarginTop) || 0) + (e.offset ?? 0), s = parseFloat(i.scrollMarginBottom) || 0, n = t.getBoundingClientRect(), c = g(o) + l, u = p(o) - s;
+  let r = n.top - c;
+  if ((e.block ?? "nearest") === "nearest") {
+    if (n.top >= c && n.bottom <= u) return o;
+    n.top >= c && (r = Math.min(n.bottom - u, r));
+  }
+  const m = e.behavior ?? (f() ? "auto" : "smooth");
+  return o.scrollBy({ top: r, behavior: m }), o;
+}
+function b(t, e = {}) {
+  return h(t, { ...e, block: "start" });
+}
+export {
+  d as nearestScroller,
+  h as scrollIntoViewWithinScroller,
+  b as scrollToStart
+};

package/dist/modules/lib/slots.js

@@ -0,0 +1,10 @@
+import { Comment as t, Text as i, Fragment as n } from "vue";
+function e(r) {
+  return r.type === t ? !1 : r.type === i ? String(r.children ?? "").trim() !== "" : r.type === n ? Array.isArray(r.children) && r.children.some(e) : !0;
+}
+function u(r) {
+  return !!r && r().some(e);
+}
+export {
+  u as slotRenders
+};

package/dist/modules/lib/truncation.js

@@ -0,0 +1,68 @@
+import { provide as f, inject as T } from "vue";
+const a = "data-ui-tooltip-text", d = "data-ui-tooltip-hint", p = "data-ui-tooltip-off", O = "data-ui-tooltip-trigger", u = "data-ui-tooltip-scope";
+function E(t) {
+  return t.classList.contains("truncate") || t.classList.contains("text-ellipsis") || getComputedStyle(t).textOverflow === "ellipsis";
+}
+function A(t) {
+  return t.scrollWidth > t.clientWidth + 1;
+}
+function l(t, i) {
+  for (let n = t; n; n = n.parentElement) {
+    if (n.hasAttribute("title") || n.hasAttribute(p) || n.hasAttribute(O)) return !0;
+    if (n === i) return !1;
+  }
+  return !1;
+}
+function c(t, i) {
+  const n = t.getAttribute(d) || void 0, e = E(t) && A(t);
+  if (!e && !n || l(t, i)) return null;
+  const o = t.getAttribute(a) ?? (t.textContent ?? "").replace(/\s+/g, " ").trim();
+  return { element: t, scope: i, cut: e, text: o, hint: n };
+}
+function R(t, i) {
+  if (!(t instanceof Element) || !i.contains(t)) return null;
+  const n = t.closest(`td, th, [${u}]`), e = n && i.contains(n) ? n : i;
+  if (t instanceof HTMLElement && l(t, e)) return null;
+  for (let o = t; o; o = o.parentElement) {
+    if (o instanceof HTMLElement) {
+      const s = c(o, e);
+      if (s) return s;
+    }
+    if (o === e) break;
+  }
+  for (const o of e.querySelectorAll("*")) {
+    if (!(o instanceof HTMLElement)) continue;
+    const s = c(o, e);
+    if (s) return s;
+  }
+  return null;
+}
+function _(t, i) {
+  if (!(t instanceof HTMLElement) || !i.contains(t)) return null;
+  const n = t.closest(`td, th, [${u}]`), e = n && i.contains(n) ? n : i;
+  for (const o of [t, ...t.querySelectorAll("*")]) {
+    if (!(o instanceof HTMLElement)) continue;
+    const s = c(o, e);
+    if (s) return s;
+  }
+  return null;
+}
+const r = /* @__PURE__ */ Symbol("overflow-tooltip-region");
+function h() {
+  f(r, !0);
+}
+function I() {
+  return T(r, !1);
+}
+export {
+  d as TOOLTIP_HINT_ATTR,
+  p as TOOLTIP_OFF_ATTR,
+  u as TOOLTIP_SCOPE_ATTR,
+  a as TOOLTIP_TEXT_ATTR,
+  O as TOOLTIP_TRIGGER_ATTR,
+  R as findCutText,
+  _ as findFocusedCutText,
+  I as inOverflowTooltipRegion,
+  A as isCut,
+  h as provideOverflowTooltipRegion
+};

package/dist/modules/lib/typeScale.js

@@ -0,0 +1,23 @@
+const e = { body: 13, small: 12, tiny: 12, large: 14, title: 16, lineHeight: 20, family: "system-ui, sans-serif" };
+function a(i) {
+  const n = getComputedStyle(i), t = (s, o) => {
+    const l = Number.parseFloat(n.getPropertyValue(s));
+    return Number.isFinite(l) && l > 0 ? l : o;
+  };
+  return {
+    body: t("--ui-font-size", e.body),
+    small: t("--ui-font-size-sm", e.small),
+    tiny: t("--ui-font-size-xs", e.tiny),
+    large: t("--ui-font-size-lg", e.large),
+    title: t("--ui-font-size-title", e.title),
+    lineHeight: t("--ui-line-height", e.lineHeight),
+    family: n.getPropertyValue("--ui-font-sans").trim() || e.family
+  };
+}
+function r(i, n, t = 400) {
+  return `${t} ${i[n]}px ${i.family}`;
+}
+export {
+  r as canvasFont,
+  a as readTypeScale
+};

package/dist/modules/lib/uploadQueue.js

@@ -0,0 +1,76 @@
+import { reactive as h } from "vue";
+let w = 0;
+function v(c, a = {}) {
+  const u = Math.max(1, a.concurrency ?? 3), d = Math.max(0, a.retries ?? 2), r = h([]), i = /* @__PURE__ */ new Map(), f = (e) => r.find((n) => n.key === e);
+  function s() {
+    for (const e of r) {
+      if (i.size >= u) return;
+      e.status === "queued" && m(e);
+    }
+  }
+  async function m(e) {
+    const n = new AbortController();
+    i.set(e.key, n), e.status = "uploading", e.error = void 0;
+    for (let o = 0; ; o++) {
+      e.loaded = 0;
+      try {
+        const t = await c(e.file, { signal: n.signal, onProgress: (p) => {
+          e.loaded = Math.min(p, e.size);
+        } });
+        if (n.signal.aborted) break;
+        e.result = t, e.loaded = e.size, e.status = "done", a.onDone?.(e);
+        break;
+      } catch (t) {
+        if (n.signal.aborted) break;
+        if (e.final = typeof t == "object" && t !== null && "final" in t && t.final === !0, !e.final && o < d) {
+          if (await x(1e3 * 3 ** o, n.signal), n.signal.aborted) break;
+          continue;
+        }
+        e.status = "failed", e.error = t instanceof Error ? t.message : String(t), a.onFailed?.(e);
+        break;
+      }
+    }
+    i.get(e.key) === n && i.delete(e.key), s();
+  }
+  function b(e) {
+    const n = Array.from(e, (t) => ({ key: `upload-${++w}`, file: t, name: t.name, size: t.size, loaded: 0, status: "queued" }));
+    r.push(...n);
+    const o = r.slice(r.length - n.length);
+    return s(), o;
+  }
+  function y(e) {
+    const n = f(e);
+    !n || n.final || n.status !== "failed" && n.status !== "canceled" || (n.status = "queued", n.error = void 0, n.loaded = 0, s());
+  }
+  function l(e) {
+    const n = f(e);
+    !n || n.status !== "queued" && n.status !== "uploading" || (i.get(e)?.abort(), i.delete(e), n.status = "canceled", s());
+  }
+  function g(e) {
+    l(e);
+    const n = r.findIndex((o) => o.key === e);
+    n >= 0 && r.splice(n, 1);
+  }
+  return {
+    tasks: r,
+    add: b,
+    retry: y,
+    cancel: l,
+    cancelAll: () => r.forEach((e) => l(e.key)),
+    remove: g,
+    clear: () => {
+      for (const e of [...r]) (e.status === "done" || e.status === "canceled") && g(e.key);
+    }
+  };
+}
+function x(c, a) {
+  return new Promise((u) => {
+    const d = setTimeout(u, c);
+    a.addEventListener("abort", () => {
+      clearTimeout(d), u();
+    }, { once: !0 });
+  });
+}
+export {
+  v as useUploadQueue
+};