@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/composables/openerFocus.js

@@ -0,0 +1,42 @@
+import { watch as v, nextTick as g } from "vue";
+import { useFocusOwner as y } from "./focusOwner.js";
+const C = 'button, a[href], input, select, textarea, summary, [tabindex]:not([tabindex="-1"]), [role="menuitem"]', F = 120;
+let r = null, f = !1;
+function b() {
+  f || typeof document > "u" || (f = !0, document.addEventListener("pointerdown", (t) => {
+    const e = t.target instanceof Element ? t.target.closest(C) : null;
+    r = e ? { element: e, at: Date.now() } : null;
+  }, { capture: !0, passive: !0 }));
+}
+function w(t) {
+  const e = document.activeElement;
+  return e instanceof HTMLElement && e !== document.body && t(e) ? e : r && Date.now() - r.at < 1e3 && r.element.isConnected && t(r.element) ? r.element : null;
+}
+const x = (t) => {
+  typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 16);
+};
+function T(t, e = {}) {
+  b();
+  const d = y(), i = e.contains ?? d;
+  let c = null, s = 0;
+  return v(t, (o) => {
+    !o || typeof document > "u" || (s++, c = w(i) ?? e.fallback?.() ?? null);
+  }, { flush: "sync", immediate: !0 }), (o) => {
+    const n = c?.isConnected && i(c) ? c : e.fallback?.() ?? null;
+    c = null;
+    const p = ++s;
+    if (o.defaultPrevented || (o.preventDefault(), !n?.isConnected || !i(n))) return;
+    const l = document.activeElement, a = o.target instanceof Element ? o.target : l instanceof HTMLElement && l !== document.body ? l.closest("[role=dialog]") ?? l : null;
+    let E = 0;
+    const m = () => {
+      if (p !== s || !n.isConnected || !i(n)) return;
+      const u = document.activeElement;
+      u !== n && (u instanceof HTMLElement && u !== document.body && u.isConnected && !a?.contains(u) || (!a?.isConnected && !n.closest("[inert]") && n.focus({ preventScroll: !0 }), !(document.activeElement === n || E++ >= F) && x(m)));
+    };
+    g(m);
+  };
+}
+export {
+  F as OPENER_FOCUS_FRAMES,
+  T as useOpenerFocus
+};

package/dist/modules/composables/pageWindow.js

@@ -0,0 +1,55 @@
+import { ref as d, shallowRef as b, computed as h, onMounted as B, watch as E, nextTick as A, onBeforeUnmount as C } from "vue";
+import { usePhonePresentation as P } from "../components/primitives/sheet/phone.js";
+import { nearestScroller as z } from "../lib/scroll.js";
+const R = "[data-ui-layout-scroll='page'] > [data-ui-layout-main] > main";
+function O(i) {
+  const r = P(), s = d(!1), o = b(null), p = d(0), w = d(0), c = h(() => r.value && s.value);
+  let l;
+  function m(e) {
+    return e === document.scrollingElement || e === document.documentElement ? 0 : e.getBoundingClientRect().top + e.clientTop;
+  }
+  function t() {
+    const e = i.value, n = o.value;
+    if (!e || !n) return;
+    p.value = Math.max(0, m(n) - e.getBoundingClientRect().top);
+    const u = n === document.scrollingElement || n === document.documentElement;
+    w.value = u ? window.innerHeight : n.clientHeight;
+  }
+  function g() {
+    o.value?.removeEventListener("scroll", t), window.removeEventListener("resize", t), l?.disconnect(), o.value = null;
+  }
+  async function y() {
+    if (g(), !c.value || !i.value) return;
+    await A();
+    const e = i.value;
+    if (!e || !c.value) return;
+    const n = e.closest(R) ?? z(e);
+    o.value = n, n.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), typeof ResizeObserver < "u" && (l = new ResizeObserver(t), l.observe(n), l.observe(e)), t();
+  }
+  let v = 0;
+  function f(e = 4) {
+    typeof cancelAnimationFrame == "function" && cancelAnimationFrame(v), s.value = !!i.value?.closest(R), !s.value && r.value && e > 0 && typeof requestAnimationFrame == "function" && (v = requestAnimationFrame(() => f(e - 1)));
+  }
+  B(() => f()), E(r, () => {
+    A(() => f());
+  }), E([c, i], () => {
+    y();
+  }), C(() => {
+    typeof cancelAnimationFrame == "function" && cancelAnimationFrame(v), g();
+  });
+  function F(e, n = "auto") {
+    const u = i.value, a = o.value;
+    if (!u || !a) return;
+    const T = u.getBoundingClientRect().top - m(a) + e;
+    a.scrollTo({ top: a.scrollTop + T, behavior: n }), t();
+  }
+  function L() {
+    const e = i.value, n = o.value;
+    return !e || !n ? 0 : e.getBoundingClientRect().top - m(n) + n.scrollTop;
+  }
+  return { natural: c, active: h(() => !!o.value), scroller: o, top: p, height: w, read: t, scrollTo: F, margin: L };
+}
+export {
+  R as PAGE_SCROLL_MAIN,
+  O as usePageWindow
+};

package/dist/modules/composables/pendingClick.js

@@ -0,0 +1,21 @@
+import { ref as a } from "vue";
+const f = (e) => typeof e?.then == "function";
+function u(e) {
+  const n = a(!1);
+  async function i(l) {
+    if (n.value) return;
+    const t = [e() ?? []].flat().map((r) => r(l)).filter(f);
+    if (t.length) {
+      n.value = !0;
+      try {
+        await Promise.all(t);
+      } finally {
+        n.value = !1;
+      }
+    }
+  }
+  return { pending: n, onClick: i };
+}
+export {
+  u as usePendingClick
+};

package/dist/modules/composables/phone.js

@@ -0,0 +1,10 @@
+import { inject as r, computed as t } from "vue";
+import { useMediaQuery as n } from "../vendor/@vueuse/core/dist/index.js";
+import { APP_PRESENTATION_KEY as i } from "../lib/adaptiveLayout.js";
+function p() {
+  const e = r(i, null), o = n("(pointer: coarse)");
+  return t(() => e?.value === "mobile" && o.value);
+}
+export {
+  p as usePhone
+};

package/dist/modules/composables/phoneSurface.js

@@ -0,0 +1,26 @@
+import { computed as r, toValue as i } from "vue";
+import { usePhonePresentation as s } from "../components/primitives/sheet/phone.js";
+const a = 5;
+function u(e) {
+  return !!(e.list || e.search || e.form || e.submenu) || (e.actions ?? 0) > a;
+}
+function f(e) {
+  const t = e.filter((o) => o.type !== "separator");
+  return { actions: t.length, submenu: t.some((o) => !!o.children?.length) };
+}
+function m(e) {
+  const t = s();
+  return r(() => t.value && u(i(e)) ? "sheet" : "popover");
+}
+function p(e) {
+  if (!e) return "";
+  const t = e.getAttribute("aria-label")?.trim();
+  return t || (e.getAttribute("aria-labelledby")?.split(/\s+/).filter(Boolean) ?? []).map((n) => e.ownerDocument.getElementById(n)?.textContent?.trim() ?? "").filter(Boolean).join(" ");
+}
+export {
+  a as PHONE_MENU_MAX_ACTIONS,
+  p as accessibleName,
+  f as menuContent,
+  u as needsSheet,
+  m as usePhoneSurface
+};

package/dist/modules/composables/scrollEdges.js

@@ -0,0 +1,34 @@
+import { ref as n, onMounted as E, watch as L, onBeforeUnmount as g } from "vue";
+function x(o, v = () => "x") {
+  const r = n(!1), c = n(!1), i = n(!1), u = n(!1);
+  let t;
+  const l = () => {
+    const e = o.value;
+    if (!e) return;
+    const p = v() !== "y", m = v() !== "x", a = e.scrollWidth - e.clientWidth;
+    r.value = p && a > 1 && e.scrollLeft > 1, c.value = p && a > 1 && e.scrollLeft < a - 1;
+    const f = e.scrollHeight - e.clientHeight;
+    i.value = m && f > 1 && e.scrollTop > 1, u.value = m && f > 1 && e.scrollTop < f - 1;
+  };
+  let s = null;
+  const d = () => {
+    s?.removeEventListener("scroll", l), t?.disconnect(), t = void 0, s = null;
+  }, h = (e) => {
+    if (e !== s) {
+      if (d(), !e) {
+        r.value = c.value = i.value = u.value = !1;
+        return;
+      }
+      s = e, e.addEventListener("scroll", l, { passive: !0 }), typeof ResizeObserver < "u" && (t = new ResizeObserver(l), t.observe(e), e.firstElementChild && t.observe(e.firstElementChild)), l();
+    }
+  };
+  let b;
+  return E(() => {
+    h(o.value), b = L(o, h, { flush: "post" });
+  }), g(() => {
+    b?.(), d();
+  }), { start: r, end: c, top: i, bottom: u };
+}
+export {
+  x as useScrollEdges
+};

package/dist/modules/composables/sidebarPreference.js

@@ -0,0 +1,24 @@
+import { ref as c, watch as i } from "vue";
+import { WEB_SIDEBAR_DEFAULT as n, WEB_SIDEBAR_MAX as d, WEB_SIDEBAR_MIN as l } from "../lib/adaptiveLayout.js";
+const s = (e) => Math.round(Math.min(d, Math.max(l, e)));
+function u(e) {
+  try {
+    const t = JSON.parse(localStorage.getItem(e) ?? "null");
+    return t && typeof t == "object" ? t : {};
+  } catch {
+    return {};
+  }
+}
+function m(e) {
+  const t = e ? `${e}:app-sidebar` : void 0, r = t ? u(t) : {}, o = c(typeof r.width == "number" && Number.isFinite(r.width) ? s(r.width) : n), a = c(r.collapsed === !0);
+  return t && i([o, a], () => {
+    try {
+      localStorage.setItem(t, JSON.stringify({ width: o.value, collapsed: a.value }));
+    } catch {
+    }
+  }), { width: o, collapsed: a };
+}
+export {
+  s as clampSidebarWidth,
+  m as useSidebarPreference
+};

package/dist/modules/composables/softKeyboard.js

@@ -0,0 +1,64 @@
+import { ref as m, watch as f, onMounted as v, onBeforeUnmount as p, computed as g } from "vue";
+import { useVisualViewport as b, hasVisualViewport as E, raisesKeyboard as h } from "./visualViewport.js";
+const S = 800;
+function T() {
+  const t = m(!1), e = m(!1), a = b();
+  let r;
+  const u = () => typeof matchMedia == "function" && matchMedia("(pointer: coarse)").matches, n = () => queueMicrotask(() => {
+    t.value = u() && h(document.activeElement);
+  });
+  return f(t, (i) => {
+    clearTimeout(r), e.value = i, i && (r = setTimeout(() => {
+      e.value = !1;
+    }, S));
+  }), v(() => {
+    document.addEventListener("focusin", n), document.addEventListener("focusout", n), n();
+  }), p(() => {
+    clearTimeout(r), document.removeEventListener("focusin", n), document.removeEventListener("focusout", n);
+  }), g(() => t.value && (!E() || e.value || a.value.keyboard));
+}
+function C(t) {
+  t && (t.focus({ preventScroll: !0 }), requestAnimationFrame(() => w(t)));
+}
+const k = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]);
+function y(t) {
+  for (let e = t.parentElement; e && e !== document.body && e !== document.documentElement; e = e.parentElement)
+    if (k.has(getComputedStyle(e).overflowY)) return e;
+  return null;
+}
+const d = (t) => Number.parseFloat(t) || 0;
+function w(t) {
+  const e = y(t);
+  if (!e) return null;
+  const a = getComputedStyle(e), r = d(a.getPropertyValue("--ui-kb-inset")), u = Math.max(0, d(a.scrollPaddingBottom) - r), n = window.visualViewport, i = e.getBoundingClientRect(), o = t.getBoundingClientRect(), c = Math.max(i.top, n ? n.offsetTop : 0) + d(a.scrollPaddingTop), l = Math.min(i.bottom, n ? n.offsetTop + n.height : window.innerHeight) - u;
+  let s = 0;
+  return o.bottom > l && (s = o.bottom - l), o.top - s < c && (s = o.top - c), Math.abs(s) < 1 ? null : (e.scrollTop += s, e);
+}
+function F(t) {
+  const e = b(), a = /* @__PURE__ */ new Set();
+  let r = 0;
+  const u = () => {
+    a.forEach((o) => o.removeAttribute("data-ui-kb-room")), a.clear();
+  }, n = () => {
+    r = 0;
+    const o = document.activeElement, { keyboard: c, keyboardInset: l } = e.value;
+    if (!c || !h(o) || !t.value?.contains(o) || o.closest('[data-ui-keyboard-reveal="off"]')) return;
+    const s = y(o);
+    s && (s.setAttribute("data-ui-kb-room", l > 0 ? "inset" : ""), a.add(s), w(o));
+  }, i = () => {
+    r || (r = requestAnimationFrame(n));
+  };
+  f(() => [e.value.keyboard, e.value.keyboardInset, e.value.height], ([o]) => {
+    o ? i() : u();
+  }), v(() => document.addEventListener("focusin", i)), p(() => {
+    document.removeEventListener("focusin", i), r && cancelAnimationFrame(r), u();
+  });
+}
+export {
+  C as focusWithoutScroll,
+  h as raisesKeyboard,
+  w as revealInScroller,
+  y as scrollerOf,
+  F as useFieldReveal,
+  T as useSoftKeyboard
+};

package/dist/modules/composables/stickyRoom.js

@@ -0,0 +1,34 @@
+import { ref as v, watch as d } from "vue";
+function g(n) {
+  const i = n.ownerDocument.defaultView;
+  for (let e = n.parentElement; e && e !== n.ownerDocument.body; e = e.parentElement)
+    if (/auto|scroll|overlay|hidden/.test(i.getComputedStyle(e).overflowY)) return e;
+  return null;
+}
+function b(n, i) {
+  const e = v(!0);
+  return d([n, i], ([t, m], w, p) => {
+    if (!t || !m) {
+      e.value = !0;
+      return;
+    }
+    const o = t.ownerDocument.defaultView, s = g(t), r = () => {
+      const a = t.parentElement;
+      if (!a) return;
+      let c = o.innerHeight;
+      if (s) {
+        const f = o.getComputedStyle(s);
+        c = s.getBoundingClientRect().bottom - (parseFloat(f.borderBottomWidth) || 0) - (parseFloat(f.paddingBottom) || 0);
+      }
+      e.value = c - a.getBoundingClientRect().top >= t.offsetHeight;
+    }, l = s ?? o;
+    l.addEventListener("scroll", r, { passive: !0 }), o.addEventListener("resize", r);
+    const u = typeof ResizeObserver > "u" ? null : new ResizeObserver(r);
+    t.parentElement && u?.observe(t.parentElement), r(), p(() => {
+      l.removeEventListener("scroll", r), o.removeEventListener("resize", r), u?.disconnect();
+    });
+  }, { flush: "post" }), e;
+}
+export {
+  b as useStickyRoom
+};

package/dist/modules/composables/tabIndicator.js

@@ -0,0 +1,25 @@
+import { ref as h, watch as v } from "vue";
+function y(c, u, f, o = 0) {
+  const e = h({ width: "0px", transform: "translateX(0px)", opacity: 0 });
+  return v([c, () => u().map((t) => [t.value, t.label]), f], ([t, d, i], x, l) => {
+    if (!t) return;
+    const n = Array.from(t.querySelectorAll("[data-ui-tab-value]")), p = n.find((r) => r.dataset.uiTabValue === i), s = () => {
+      const r = p?.getBoundingClientRect();
+      if (!r || r.width <= 0 || !d.some(([b]) => b === i)) {
+        e.value = { width: "0px", transform: "translateX(0px)", opacity: 0 };
+        return;
+      }
+      e.value = {
+        width: `${Math.max(0, r.width - o * 2)}px`,
+        transform: `translateX(${r.left - t.getBoundingClientRect().left - t.clientLeft + t.scrollLeft + o}px)`,
+        opacity: 1
+      };
+    };
+    if (s(), typeof ResizeObserver > "u") return;
+    const a = new ResizeObserver(s);
+    a.observe(t), n.forEach((r) => a.observe(r)), l(() => a.disconnect());
+  }, { immediate: !0, flush: "post" }), e;
+}
+export {
+  y as useTabIndicator
+};

package/dist/modules/composables/tabStripScroll.js

@@ -0,0 +1,33 @@
+import { ref as h, watch as L, onBeforeUnmount as p } from "vue";
+const c = 24;
+function g(o, a) {
+  const u = h(!1), d = h(!1);
+  function r() {
+    const t = o.value;
+    if (!t) return;
+    const e = t.scrollWidth - t.clientWidth;
+    u.value = e > 0 && t.scrollLeft > 0, d.value = e > 0 && t.scrollLeft < e - 1;
+  }
+  function v(t) {
+    const e = o.value, n = e?.querySelector(`[data-ui-tab-value="${CSS.escape(t)}"]`);
+    if (!e || !n || e.scrollWidth <= e.clientWidth) return r();
+    const l = e.getBoundingClientRect(), i = n.getBoundingClientRect();
+    i.left < l.left + c ? e.scrollLeft -= l.left + c - i.left : i.right > l.right - c && (e.scrollLeft += i.right - (l.right - c)), r();
+  }
+  function f(t) {
+    const e = o.value;
+    if (!e || Math.abs(t.deltaY) <= Math.abs(t.deltaX)) return;
+    const n = e.scrollWidth - e.clientWidth, l = t.deltaY > 0 ? e.scrollLeft < n : e.scrollLeft > 0;
+    n <= 0 || !l || (t.preventDefault(), e.scrollLeft += t.deltaY, r());
+  }
+  let s;
+  return L([o, a], ([t, e], n) => {
+    const l = n?.[0];
+    t !== l && (l?.removeEventListener("scroll", r), l?.removeEventListener("wheel", f), s?.disconnect(), t?.addEventListener("scroll", r, { passive: !0 }), t?.addEventListener("wheel", f, { passive: !1 }), t && typeof ResizeObserver < "u" && (s = new ResizeObserver(() => v(a())), s.observe(t))), v(e);
+  }, { flush: "post", immediate: !0 }), p(() => {
+    o.value?.removeEventListener("scroll", r), o.value?.removeEventListener("wheel", f), s?.disconnect();
+  }), { overflowStart: u, overflowEnd: d };
+}
+export {
+  g as useTabStripScroll
+};

package/dist/modules/composables/visualViewport.js

@@ -0,0 +1,56 @@
+import { readonly as p, getCurrentScope as m, onScopeDispose as T, shallowRef as E, effectScope as k } from "vue";
+import { useEventListener as d } from "../vendor/@vueuse/core/dist/index.js";
+const h = 60, M = /* @__PURE__ */ new Set(["button", "checkbox", "color", "file", "hidden", "image", "radio", "range", "reset", "submit"]);
+function H(e) {
+  return e instanceof HTMLElement ? e.isContentEditable ? !0 : e instanceof HTMLTextAreaElement ? !e.readOnly : e instanceof HTMLInputElement ? !e.readOnly && !M.has(e.type) : !1 : !1;
+}
+const v = () => ({
+  height: typeof window > "u" ? 0 : window.innerHeight,
+  offsetTop: 0,
+  keyboardInset: 0,
+  keyboard: !1
+}), n = E(v());
+let g = 0, a, o = 0, i = { width: 0, height: 0 };
+function y() {
+  o = 0;
+  const e = window.visualViewport, r = window.innerHeight;
+  window.innerWidth !== i.width ? i = { width: window.innerWidth, height: r } : i.height = Math.max(i.height, r);
+  const t = n.value;
+  if (!e) {
+    t.height !== r && (n.value = { ...t, height: r });
+    return;
+  }
+  const l = Math.round(e.height), w = Math.round(e.offsetTop);
+  let { keyboard: s, keyboardInset: f } = t;
+  if (Math.abs(e.scale - 1) < 0.01) {
+    const u = r - e.height - e.offsetTop, b = i.height - e.height;
+    s = H(document.activeElement) && (u >= h || b >= h), f = s && u >= h ? Math.round(u) : 0;
+  }
+  t.height === l && t.offsetTop === w && t.keyboard === s && t.keyboardInset === f || (n.value = { height: l, offsetTop: w, keyboard: s, keyboardInset: f });
+}
+function c() {
+  o || (o = requestAnimationFrame(y));
+}
+function V() {
+  a = k(!0), a.run(() => {
+    const e = window.visualViewport;
+    e && d(e, ["resize", "scroll"], c, { passive: !0 }), d(window, "resize", c, { passive: !0 });
+  }), y();
+}
+function O() {
+  a?.stop(), a = void 0, o && cancelAnimationFrame(o), o = 0, i = { width: 0, height: 0 }, n.value = v();
+}
+function S() {
+  return typeof window > "u" ? p(n) : (g++ === 0 && V(), d(document, ["focusin", "focusout"], c), m() && T(() => {
+    --g === 0 && O();
+  }), p(n));
+}
+function x() {
+  return typeof window < "u" && !!window.visualViewport;
+}
+export {
+  h as KEYBOARD_THRESHOLD,
+  x as hasVisualViewport,
+  H as raisesKeyboard,
+  S as useVisualViewport
+};

package/dist/modules/dnd/autoScroll.js

@@ -0,0 +1,38 @@
+/*! @synopackageland/ui: MIT, Copyright (c) 2023-2025 Teable, Inc. and Copyright (c) 2019-present Baserow B.V. in parts; see LICENSES/source-notices.md */
+const m = 15, E = 56, d = 16;
+function f(o, r, l = {}) {
+  const c = l.maxSpeed ?? 16, t = Math.min(r / 2, Math.max(l.minZone ?? 56, Math.ceil(r / 100 * (l.padding ?? 15))));
+  if (t <= 0) return 0;
+  const e = r - o;
+  return o < t ? -(c - Math.ceil(Math.max(0, o) / t * c)) : e < t ? c - Math.ceil(Math.max(0, e) / t * c) : 0;
+}
+function x(o, r) {
+  let l = 0, c = 0, t = 0, e = null;
+  const s = () => {
+    t && e && e.cancelAnimationFrame(t), t = 0;
+  }, _ = () => {
+    t = 0;
+    const n = o();
+    if (!n || !e) return;
+    const a = n.getBoundingClientRect(), i = r.axis === "y" ? 0 : f(l - a.left, a.width, r), u = r.axis === "x" ? 0 : f(c - a.top, a.height, r);
+    if (!i && !u) return;
+    const L = n.scrollLeft, O = n.scrollTop;
+    i && (n.scrollLeft += i), u && (n.scrollTop += u), !(n.scrollLeft === L && n.scrollTop === O) && (t = e.requestAnimationFrame(_));
+  };
+  return {
+    update(n, a) {
+      l = n, c = a, !t && (e = o()?.ownerDocument.defaultView ?? null, e && (t = e.requestAnimationFrame(_)));
+    },
+    stop: s,
+    get running() {
+      return t !== 0;
+    }
+  };
+}
+export {
+  d as AUTO_SCROLL_MAX_SPEED,
+  E as AUTO_SCROLL_MIN_ZONE_PX,
+  m as AUTO_SCROLL_ZONE_PERCENT,
+  x as createAutoScroll,
+  f as edgeSpeed
+};