@floegence/floe-webapp-core 0.55.2 → 0.56.2

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

@@ -3,6 +3,14 @@ export interface SurfaceAnchoredLayerProps {
     anchor: HTMLElement | undefined;
     /** Changes when the anchor moves through a transform; no idle polling is used. */
     revision?: unknown;
+    /** Screen-space clearance above labels outside the object bounds. */
+    topOffset?: number;
+    /** Preferred clearance for surface navigation; object visibility takes priority. */
+    reservedSpace?: {
+        top: number;
+        narrowTop?: number;
+        bottom: number;
+    };
     children: JSX.Element;
     class?: string;
 }

package/dist/components/ui/SurfaceAnchoredLayer.js

@@ -1,81 +1,93 @@
-import { createComponent as u, memo as L } from "solid-js/web";
-import { createSignal as c, createEffect as p, onMount as R, onCleanup as h, Show as S } from "solid-js";
-import { SurfaceFloatingLayer as A } from "./SurfaceFloatingLayer.js";
-import { resolveFloatingBoundary as C } from "./surfaceFloatingBoundary.js";
-import { resolveSurfacePortalHost as f } from "./dialogSurfaceScope.js";
-function W(n) {
-  const [v, b] = c(!1), [w, g] = c({
+import { createComponent as p, memo as k } from "solid-js/web";
+import { createSignal as l, createEffect as z, onCleanup as g, onMount as T, Show as V } from "solid-js";
+import { SurfaceFloatingLayer as $ } from "./SurfaceFloatingLayer.js";
+import { resolveFloatingBoundary as j } from "./surfaceFloatingBoundary.js";
+import { resolveSurfacePortalHost as E } from "./dialogSurfaceScope.js";
+function N(n) {
+  const [O, R] = l(!1), [S, F] = l({
     x: 0,
     y: 0
-  }), [y, d] = c(!1), [x, M] = c(480);
-  let s, a;
-  const E = () => {
-    a = void 0;
-    const r = n.anchor;
-    if (!r || !s) return;
-    const e = C(f({
-      owner: r
+  }), [L, A] = l("above"), [x, y] = l(!1), [C, P] = l(480), [M, B] = l();
+  let d;
+  const Y = () => {
+    d = void 0;
+    const o = n.anchor, r = M();
+    if (!o || !r) return;
+    const t = j(E({
+      owner: o
     }));
-    if (!e) {
-      d(!1);
+    if (!t) {
+      y(!1);
       return;
     }
-    const t = r.getBoundingClientRect(), i = Math.max(120, e.width - 24);
-    M(i);
-    const l = s.getBoundingClientRect(), z = Math.max(e.left + 12, Math.min(t.left, e.right - l.width - 12)), m = t.top - l.height - 12, F = m >= e.top + 12 ? m : Math.max(e.top + 12, Math.min(t.bottom + 12, e.bottom - l.height - 12));
-    g({
-      x: z,
-      y: F
-    }), d(t.right > e.left && t.left < e.right && t.bottom > e.top && t.top < e.bottom);
-  }, o = () => {
-    a === void 0 && typeof requestAnimationFrame == "function" && (a = requestAnimationFrame(E));
+    const e = o.getBoundingClientRect(), q = Math.max(120, t.width - 24);
+    P(q);
+    const a = r.getBoundingClientRect(), H = (Math.max(t.left, e.left) + Math.min(t.right, e.right)) / 2;
+    let f = Math.max(t.left + 12, Math.min(H - a.width / 2, t.right - a.width - 12));
+    const u = e.top - (n.topOffset ?? 0), m = u - a.height - 12, h = n.reservedSpace, v = t.top + (window.matchMedia("(max-width:760px)").matches ? h?.narrowTop ?? h?.top ?? 12 : h?.top ?? 12), b = Math.max(v, t.bottom - (h?.bottom ?? 12) - a.height), w = (W) => Math.max(v, Math.min(W, b));
+    let s = m, c = "above";
+    m < v ? e.bottom + 12 <= b ? (s = e.bottom + 12, c = "below") : m >= t.top + 12 ? c = "above" : e.bottom + a.height + 12 <= t.bottom - 12 ? (s = e.bottom + 12, c = "below") : e.right + a.width + 24 <= t.right ? (f = e.right + 12, s = w(u), c = "right") : e.left - a.width - 24 >= t.left ? (f = e.left - a.width - 12, s = w(u), c = "left") : (s = w(m), c = "edge") : s = Math.min(s, b), A(c), F({
+      x: Math.round(f),
+      y: Math.round(s)
+    }), y(e.right > t.left && e.left < t.right && e.bottom > t.top && e.top < t.bottom);
+  }, i = () => {
+    d === void 0 && typeof requestAnimationFrame == "function" && (d = requestAnimationFrame(Y));
   };
-  return p(() => {
-    n.anchor, n.revision, o();
-  }), R(() => {
-    b(!0);
-    const r = typeof ResizeObserver == "function" ? new ResizeObserver(o) : void 0;
-    s && r?.observe(s);
-    const e = f({
+  return z(() => {
+    n.anchor, n.revision, n.topOffset, n.reservedSpace, i();
+  }), z(() => {
+    const o = M();
+    if (!o || typeof ResizeObserver > "u") return;
+    const r = new ResizeObserver(i);
+    r.observe(o), g(() => r.disconnect());
+  }), T(() => {
+    R(!0);
+    const o = typeof ResizeObserver == "function" ? new ResizeObserver(i) : void 0, r = E({
       owner: n.anchor
     }).boundaryHost;
-    e && r?.observe(e);
-    const t = new MutationObserver(o);
-    let i = n.anchor?.parentElement;
-    for (; i && (t.observe(i, {
+    r && o?.observe(r);
+    const t = new MutationObserver(i);
+    let e = n.anchor?.parentElement;
+    for (; e && (t.observe(e, {
       attributes: !0,
       attributeFilter: ["style"]
-    }), i !== e); )
-      i = i.parentElement;
-    window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), o(), h(() => {
-      r?.disconnect(), t.disconnect(), window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0);
+    }), e !== r); )
+      e = e.parentElement;
+    window.addEventListener("resize", i), window.addEventListener("scroll", i, !0), i(), g(() => {
+      o?.disconnect(), t.disconnect(), window.removeEventListener("resize", i), window.removeEventListener("scroll", i, !0);
     });
-  }), h(() => {
-    a !== void 0 && cancelAnimationFrame(a);
-  }), u(S, {
+  }), g(() => {
+    d !== void 0 && cancelAnimationFrame(d);
+  }), p(V, {
     get when() {
-      return L(() => !!v())() && n.anchor;
+      return k(() => !!O())() && n.anchor;
     },
     get children() {
-      return u(A, {
+      return p($, {
         get owner() {
           return n.anchor;
         },
         get position() {
-          return w();
+          return S();
         },
         get class() {
           return n.class;
         },
+        get "data-placement"() {
+          return L();
+        },
+        get inert() {
+          return !x();
+        },
         get style() {
           return {
-            visibility: y() ? "visible" : "hidden",
-            "max-width": `${x()}px`,
+            visibility: x() ? "visible" : "hidden",
+            "max-width": `${C()}px`,
             "z-index": 60
           };
         },
-        layerRef: (r) => {
-          s = r, o();
+        layerRef: (o) => {
+          B(o), i();
         },
         get children() {
           return n.children;
@@ -85,5 +97,5 @@ function W(n) {
   });
 }
 export {
-  W as SurfaceAnchoredLayer
+  N as SurfaceAnchoredLayer
 };

package/dist/components/workbench/WorkbenchCanvas.d.ts

@@ -52,7 +52,7 @@ export interface WorkbenchCanvasProps {
         width: number;
         height: number;
     }) => void;
-    onUpdateStickyNote?: (noteId: string, patch: Partial<Pick<WorkbenchStickyNoteItem, 'body' | 'color' | 'material'>>) => void;
+    onUpdateStickyNote?: (noteId: string, patch: Partial<Pick<WorkbenchStickyNoteItem, 'title' | 'body' | 'color' | 'material'>>) => void;
     onDeleteStickyNote?: (noteId: string) => void;
     onSelectAnnotation?: (annotationId: string) => void;
     onAnnotationContextMenu?: (event: MouseEvent, item: WorkbenchAnnotationItem) => void;