@floegence/floe-webapp-core 0.36.12 → 0.36.13

package/dist/components/ui/dialogSurfaceScope.js

@@ -1,45 +1,98 @@
-const a = "data-floe-dialog-surface-host", m = "data-floe-dialog-surface-boundary";
-let o = null, t = null;
-function d(e) {
+const a = "data-floe-dialog-surface-host", w = "data-floe-dialog-surface-boundary";
+let o = null, n = null;
+function s(e) {
   return typeof Element < "u" && e instanceof Element ? e : typeof Node < "u" && e instanceof Node ? e.parentElement : null;
 }
-function f(e) {
-  const n = e?.activeElement;
-  return n instanceof Element ? n : null;
+function h(e) {
+  const t = e?.activeElement;
+  return t instanceof Element ? t : null;
 }
-function i(e) {
-  const n = typeof document < "u" ? document : null;
+function l(e) {
+  const t = typeof document < "u" ? document : null;
   o = {
-    target: d(e),
-    activeElement: f(n),
+    target: s(e),
+    activeElement: h(t),
     recordedAt: Date.now()
   };
 }
-function r(e) {
-  i(e.target);
-}
 function u(e) {
-  i(e.target);
+  l(e.target);
 }
-function l() {
-  typeof document > "u" || t !== document && (t && (t.removeEventListener("pointerdown", r, !0), t.removeEventListener("focusin", u, !0)), document.addEventListener("pointerdown", r, !0), document.addEventListener("focusin", u, !0), t = document);
+function c(e) {
+  l(e.target);
 }
-function s() {
-  return !o || Date.now() - o.recordedAt > 1600 ? null : o;
+function f() {
+  m();
 }
-function c(e) {
-  const n = e?.closest(`[${a}="true"]`);
-  return n instanceof HTMLElement && n.isConnected ? n : null;
+function m() {
+  typeof document > "u" || n !== document && (n && (n.removeEventListener("pointerdown", u, !0), n.removeEventListener("focusin", c, !0)), document.addEventListener("pointerdown", u, !0), document.addEventListener("focusin", c, !0), n = document);
 }
 function E() {
-  l();
-  const e = s(), n = c(e?.target ?? null) ?? c(e?.activeElement ?? null);
-  return n ? { host: n, mode: "surface" } : { host: null, mode: "global" };
+  return !o || Date.now() - o.recordedAt > 1600 ? null : o;
+}
+function d(e) {
+  const t = e?.closest(`[${a}="true"]`);
+  return typeof HTMLElement > "u" ? null : t instanceof HTMLElement && t.isConnected ? t : null;
+}
+function T() {
+  f();
+  const e = E(), t = d(e?.target ?? null) ?? d(e?.activeElement ?? null);
+  return t ? { host: t, mode: "surface" } : { host: null, mode: "global" };
+}
+function r(e) {
+  return e.mode === "surface" && !!e.host?.isConnected;
+}
+function v(e) {
+  return r(e) ? e.host ?? void 0 : void 0;
+}
+function p() {
+  return typeof window > "u" ? {
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  } : {
+    left: 0,
+    top: 0,
+    right: window.innerWidth,
+    bottom: window.innerHeight,
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+}
+function g(e) {
+  if (!r(e) || !e.host)
+    return p();
+  const t = e.host.getBoundingClientRect();
+  return {
+    left: t.left,
+    top: t.top,
+    right: t.right,
+    bottom: t.bottom,
+    width: t.width,
+    height: t.height
+  };
+}
+function S(e, t) {
+  if (!r(t))
+    return e;
+  const i = g(t);
+  return {
+    x: e.x - i.left,
+    y: e.y - i.top
+  };
 }
-typeof document < "u" && l();
+typeof document < "u" && f();
 export {
-  m as DIALOG_SURFACE_BOUNDARY_ATTR,
+  w as DIALOG_SURFACE_BOUNDARY_ATTR,
   a as DIALOG_SURFACE_HOST_ATTR,
-  l as ensureDialogSurfaceInteractionTracking,
-  E as resolveDialogSurfaceHost
+  f as ensureDialogSurfaceInteractionTracking,
+  m as ensureSurfacePortalInteractionTracking,
+  r as isSurfacePortalMode,
+  S as projectSurfacePortalPosition,
+  g as resolveSurfacePortalBoundaryRect,
+  T as resolveSurfacePortalHost,
+  v as resolveSurfacePortalMount
 };

package/dist/components/ui/menuUtils.d.ts

@@ -1,11 +1,30 @@
 export declare const VIEWPORT_MARGIN = 8;
 export declare const MENU_ITEM_SELECTOR = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
+export type MenuBoundaryRect = Readonly<{
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+}>;
 export type MenuFocusMode = 'first' | 'last' | 'selected';
-export declare function calculateMenuPosition(triggerRect: DOMRect, menuRect: DOMRect, align: 'start' | 'center' | 'end'): {
+export declare function resolveViewportMenuBoundaryRect(): MenuBoundaryRect;
+export declare function clampMenuPosition(anchor: Readonly<{
+    x: number;
+    y: number;
+}>, menuRect: Readonly<{
+    width: number;
+    height: number;
+}>, boundaryRect?: MenuBoundaryRect): {
+    x: number;
+    y: number;
+};
+export declare function calculateMenuPosition(triggerRect: DOMRect, menuRect: DOMRect, align: 'start' | 'center' | 'end', boundaryRect?: MenuBoundaryRect): {
     x: number;
     y: number;
 };
-export declare function calculateSubmenuPosition(parentRect: DOMRect, submenuRect: DOMRect): {
+export declare function calculateSubmenuPosition(parentRect: DOMRect, submenuRect: DOMRect, boundaryRect?: MenuBoundaryRect): {
     x: number;
     y: number;
 };

package/dist/components/ui/menuUtils.js

@@ -1,60 +1,90 @@
-const d = 8, r = '[role="menuitem"]:not([disabled]):not([aria-disabled="true"])';
-function M(e, t, n) {
-  const o = window.innerWidth, f = window.innerHeight;
-  let i;
-  switch (n) {
+const u = 8, M = '[role="menuitem"]:not([disabled]):not([aria-disabled="true"])';
+function a() {
+  return typeof window > "u" ? {
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  } : {
+    left: 0,
+    top: 0,
+    right: window.innerWidth,
+    bottom: window.innerHeight,
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+}
+function h(e) {
+  return e ?? a();
+}
+function E(e, t, f) {
+  const i = h(f);
+  let o = e.x, n = e.y;
+  return o + t.width > i.right - 8 && (o = i.right - t.width - 8), n + t.height > i.bottom - 8 && (n = i.bottom - t.height - 8), {
+    x: Math.max(i.left + 8, o),
+    y: Math.max(i.top + 8, n)
+  };
+}
+function A(e, t, f, i) {
+  const o = h(i);
+  let n;
+  switch (f) {
     case "center":
-      i = e.left + e.width / 2 - t.width / 2;
+      n = e.left + e.width / 2 - t.width / 2;
       break;
     case "end":
-      i = e.right - t.width;
+      n = e.right - t.width;
       break;
     default:
-      i = e.left;
+      n = e.left;
   }
-  let l = e.bottom + 4;
-  if (i + t.width > o - 8 && (i = o - t.width - 8), i = Math.max(8, i), l + t.height > f - 8) {
-    const I = e.top - 8, h = f - e.bottom - 8;
-    I > h && I >= t.height ? l = e.top - t.height - 4 : l = f - t.height - 8;
+  let r = e.bottom + 4;
+  if (n + t.width > o.right - 8 && (n = o.right - t.width - 8), n = Math.max(o.left + 8, n), r + t.height > o.bottom - 8) {
+    const I = e.top - o.top - 8, d = o.bottom - e.bottom - 8;
+    I > d && I >= t.height ? r = e.top - t.height - 4 : r = o.bottom - t.height - 8;
   }
-  return l = Math.max(8, l), { x: i, y: l };
-}
-function u(e, t) {
-  const n = window.innerWidth, o = window.innerHeight;
-  let f = e.right, i = e.top;
-  if (f + t.width > n - 8) {
-    const l = e.left - t.width;
-    l >= 8 ? f = l : f = n - t.width - 8;
+  return r = Math.max(o.top + 8, r), { x: n, y: r };
+}
+function P(e, t, f) {
+  const i = h(f);
+  let o = e.right, n = e.top;
+  if (o + t.width > i.right - 8) {
+    const r = e.left - t.width;
+    r >= i.left + 8 ? o = r : o = i.right - t.width - 8;
   }
-  return i + t.height > o - 8 && (i = o - t.height - 8), f = Math.max(8, f), i = Math.max(8, i), { x: f, y: i };
+  return n + t.height > i.bottom - 8 && (n = i.bottom - t.height - 8), o = Math.max(i.left + 8, o), n = Math.max(i.top + 8, n), { x: o, y: n };
 }
-function a(e, t, n) {
-  return e <= 0 ? null : t < 0 ? n > 0 ? 0 : e - 1 : (t + n + e) % e;
+function s(e, t, f) {
+  return e <= 0 ? null : t < 0 ? f > 0 ? 0 : e - 1 : (t + f + e) % e;
 }
-function s(e) {
-  return !e || typeof HTMLElement > "u" ? [] : Array.from(e.querySelectorAll(r)).filter(
+function l(e) {
+  return !e || typeof HTMLElement > "u" ? [] : Array.from(e.querySelectorAll(M)).filter(
     (t) => t instanceof HTMLElement
   );
 }
-function w(e, t = "first") {
-  const n = s(e);
-  if (!n.length) return !1;
-  let o = n[0];
-  return t === "last" ? o = n[n.length - 1] : t === "selected" && (o = n.find((f) => f.getAttribute("data-floe-selected") === "true") ?? n[0]), o.focus(), !0;
+function T(e, t = "first") {
+  const f = l(e);
+  if (!f.length) return !1;
+  let i = f[0];
+  return t === "last" ? i = f[f.length - 1] : t === "selected" && (i = f.find((o) => o.getAttribute("data-floe-selected") === "true") ?? f[0]), i.focus(), !0;
 }
-function E(e, t, n) {
-  const o = s(e);
-  if (!o.length) return !1;
-  const f = t ? o.indexOf(t) : -1, i = a(o.length, f, n);
-  return i === null ? !1 : (o[i]?.focus(), !0);
+function w(e, t, f) {
+  const i = l(e);
+  if (!i.length) return !1;
+  const o = t ? i.indexOf(t) : -1, n = s(i.length, o, f);
+  return n === null ? !1 : (i[n]?.focus(), !0);
 }
 export {
-  r as MENU_ITEM_SELECTOR,
-  d as VIEWPORT_MARGIN,
-  M as calculateMenuPosition,
-  u as calculateSubmenuPosition,
-  w as focusMenuItem,
-  s as getMenuItems,
-  a as getWrappedMenuItemIndex,
-  E as moveMenuFocus
+  M as MENU_ITEM_SELECTOR,
+  u as VIEWPORT_MARGIN,
+  A as calculateMenuPosition,
+  P as calculateSubmenuPosition,
+  E as clampMenuPosition,
+  T as focusMenuItem,
+  l as getMenuItems,
+  s as getWrappedMenuItemIndex,
+  w as moveMenuFocus,
+  a as resolveViewportMenuBoundaryRect
 };

package/dist/components/ui/surfacePortalScope.d.ts

@@ -0,0 +1 @@
+export { SURFACE_PORTAL_HOST_ATTR, ensureSurfacePortalInteractionTracking, resolveSurfacePortalHost, isSurfacePortalMode, resolveSurfacePortalMount, resolveSurfacePortalBoundaryRect, projectSurfacePortalPosition, __resetSurfacePortalScopeForTests, type SurfacePortalInteractionSnapshot, type SurfacePortalMode, type ResolvedSurfacePortalHost, type SurfacePortalBoundaryRect, } from './dialogSurfaceScope';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.36.12",
+  "version": "0.36.13",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",