@floegence/floe-webapp-core 0.35.42 → 0.35.44

package/dist/hooks/useOverlayMask.js

@@ -1,26 +1,26 @@
-import { createEffect as g, onCleanup as T } from "solid-js";
-import { lockBodyStyle as B } from "../utils/bodyStyleLock.js";
-import { deferAfterPaint as E } from "../utils/defer.js";
-import { getFocusableElements as F, getFirstFocusableElement as M } from "../utils/focus.js";
-function k(t) {
+import { createEffect as L, onCleanup as M } from "solid-js";
+import { lockBodyStyle as O } from "../utils/bodyStyleLock.js";
+import { deferAfterPaint as k } from "../utils/defer.js";
+import { getFocusableElements as T, getFirstFocusableElement as B } from "../utils/focus.js";
+function i(t) {
   return typeof Node < "u" && t instanceof Node;
 }
-function p(t, c, r) {
-  return r === "none" ? !1 : r === "all" || !t || !k(c) ? !0 : !t.contains(c);
+function p(t, u, c) {
+  return c === "none" ? !1 : c === "all" || !t || !i(u) ? !0 : !t.contains(u);
 }
 function H(t) {
-  const c = () => t.lockBodyScroll !== !1, r = () => t.trapFocus !== !1, s = () => t.closeOnEscape !== !1, b = () => t.blockHotkeys !== !1, w = () => t.restoreFocus !== !1;
-  g(() => {
+  const u = () => t.lockBodyScroll !== !1, c = () => t.trapFocus !== !1, s = () => t.closeOnEscape === !1 ? "none" : t.closeOnEscape === "inside" ? "inside" : t.closeOnEscape === "none" ? "none" : "always", b = () => t.blockHotkeys !== !1, w = () => t.restoreFocus !== !1;
+  L(() => {
     if (!t.open() || typeof document > "u") return;
-    const a = document.activeElement instanceof HTMLElement ? document.activeElement : null, L = c() ? B({ overflow: "hidden" }) : null;
-    E(() => {
+    const f = document.activeElement instanceof HTMLElement ? document.activeElement : null, g = u() ? O({ overflow: "hidden" }) : null;
+    k(() => {
       const e = t.root();
       if (!e) return;
       const n = t.autoFocus;
       if (n === !1) return;
-      const o = typeof n == "object" ? n.selector : void 0, u = (o ? e.querySelector(o) : null) ?? e.querySelector("[data-floe-autofocus]") ?? M(e) ?? e;
+      const o = typeof n == "object" ? n.selector : void 0, a = (o ? e.querySelector(o) : null) ?? e.querySelector("[data-floe-autofocus]") ?? B(e) ?? e;
       try {
-        u.focus();
+        a.focus();
       } catch {
       }
     });
@@ -28,7 +28,7 @@ function H(t) {
       if (e.key !== "Tab") return;
       const n = t.root();
       if (!n) return;
-      const o = F(n);
+      const o = T(n);
       if (!o.length) {
         e.preventDefault();
         try {
@@ -37,43 +37,53 @@ function H(t) {
         }
         return;
       }
-      const f = o[0], u = o[o.length - 1], l = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      const r = o[0], a = o[o.length - 1], l = document.activeElement instanceof HTMLElement ? document.activeElement : null;
       if (e.shiftKey) {
-        if (l === f || !l || !n.contains(l)) {
+        if (l === r || !l || !n.contains(l)) {
           e.preventDefault();
           try {
-            u.focus();
+            a.focus();
           } catch {
           }
         }
-      } else if (l === u) {
+      } else if (l === a) {
         e.preventDefault();
         try {
-          f.focus();
+          r.focus();
         } catch {
         }
       }
-    }, i = (e) => {
-      e.key === "Escape" && (e.preventDefault(), e.stopImmediatePropagation(), t.onClose?.());
     }, m = (e) => {
-      const n = t.root();
-      n && b() && k(e.target) && n.contains(e.target) && e.stopPropagation();
+      if (e.key !== "Escape") return;
+      const n = s();
+      if (n !== "none") {
+        if (n === "inside") {
+          const o = t.root();
+          if (!o) return;
+          const r = i(e.target) ? e.target : document.activeElement;
+          if (!r || !o.contains(r)) return;
+        }
+        e.preventDefault(), e.stopImmediatePropagation(), t.onClose?.();
+      }
     }, v = (e) => {
+      const n = t.root();
+      n && b() && i(e.target) && n.contains(e.target) && e.stopPropagation();
+    }, y = (e) => {
       const n = t.blockWheel ?? "none", o = t.root();
       p(o, e.target, n) && e.cancelable && e.preventDefault();
     }, h = (e) => {
       e.stopPropagation();
-    }, y = (e) => {
+    }, E = (e) => {
       const n = t.blockTouchMove ?? "none", o = t.root();
       p(o, e.target, n) && e.cancelable && e.preventDefault();
     };
-    r() && document.addEventListener("keydown", d, !0), s() && window.addEventListener("keydown", i, !0), document.addEventListener("keydown", m), (t.blockWheel ?? "none") !== "none" && (document.addEventListener("wheel", v, { capture: !0, passive: !1 }), document.addEventListener("wheel", h)), (t.blockTouchMove ?? "none") !== "none" && document.addEventListener("touchmove", y, { capture: !0, passive: !1 }), T(() => {
-      r() && document.removeEventListener("keydown", d, !0), s() && window.removeEventListener("keydown", i, !0), document.removeEventListener("keydown", m), (t.blockWheel ?? "none") !== "none" && (document.removeEventListener("wheel", v, !0), document.removeEventListener("wheel", h)), (t.blockTouchMove ?? "none") !== "none" && document.removeEventListener("touchmove", y, !0), L?.(), w() && a && a.isConnected && E(() => {
+    c() && document.addEventListener("keydown", d, !0), s() !== "none" && window.addEventListener("keydown", m, !0), document.addEventListener("keydown", v), (t.blockWheel ?? "none") !== "none" && (document.addEventListener("wheel", y, { capture: !0, passive: !1 }), document.addEventListener("wheel", h)), (t.blockTouchMove ?? "none") !== "none" && document.addEventListener("touchmove", E, { capture: !0, passive: !1 }), M(() => {
+      c() && document.removeEventListener("keydown", d, !0), s() !== "none" && window.removeEventListener("keydown", m, !0), document.removeEventListener("keydown", v), (t.blockWheel ?? "none") !== "none" && (document.removeEventListener("wheel", y, !0), document.removeEventListener("wheel", h)), (t.blockTouchMove ?? "none") !== "none" && document.removeEventListener("touchmove", E, !0), g?.(), w() && f && f.isConnected && k(() => {
         if (typeof document > "u") return;
         const e = document.activeElement;
         if (!(e && e !== document.body && e !== document.documentElement))
           try {
-            a.focus();
+            f.focus();
           } catch {
           }
       });

package/dist/notes-legacy.css

@@ -680,6 +680,10 @@
     height: var(--note-height);
   }
 
+  .notes-note.is-dragging {
+    will-change: transform;
+  }
+
   .notes-note__surface {
     position: relative;
     display: flex;
@@ -1302,7 +1306,8 @@
     background: color-mix(in srgb, var(--background) 8%, transparent);
   }
 
-  .notes-menu {
+  .notes-menu,
+  .notes-context-menu {
     position: fixed;
     z-index: 75;
     width: 13rem;
@@ -1314,7 +1319,8 @@
     box-shadow: 0 18px 36px color-mix(in srgb, var(--foreground) 14%, transparent);
   }
 
-  .notes-menu__item {
+  .notes-menu__item,
+  .notes-context-menu__item {
     display: flex;
     align-items: center;
     gap: 0.68rem;
@@ -1331,30 +1337,46 @@
       transform 140ms ease;
   }
 
-  .notes-menu__item svg {
+  .notes-context-menu__separator {
+    height: 1px;
+    margin: 0.35rem 0.45rem;
+    background: color-mix(in srgb, var(--border) 76%, transparent);
+  }
+
+  .notes-menu__item svg,
+  .notes-context-menu__item svg {
     color: color-mix(in srgb, var(--popover-foreground) 56%, var(--muted-foreground));
     transition: color 140ms ease;
   }
 
-  .notes-menu__item:hover {
+  .notes-context-menu__label {
+    flex: 1;
+  }
+
+  .notes-menu__item:hover,
+  .notes-context-menu__item:hover {
     background: color-mix(in srgb, var(--accent) 82%, transparent);
     color: var(--accent-foreground);
     transform: translateX(1px);
   }
 
-  .notes-menu__item:hover svg {
+  .notes-menu__item:hover svg,
+  .notes-context-menu__item:hover svg {
     color: currentColor;
   }
 
-  .notes-menu__item.is-danger {
+  .notes-menu__item.is-danger,
+  .notes-context-menu__item.is-destructive {
     color: color-mix(in srgb, var(--error) 82%, var(--popover-foreground));
   }
 
-  .notes-menu__item.is-danger svg {
+  .notes-menu__item.is-danger svg,
+  .notes-context-menu__item.is-destructive svg {
     color: color-mix(in srgb, var(--error) 66%, var(--muted-foreground));
   }
 
-  .notes-menu__item.is-danger:hover {
+  .notes-menu__item.is-danger:hover,
+  .notes-context-menu__item.is-destructive:hover {
     background: color-mix(in srgb, var(--error) 12%, transparent);
     color: color-mix(in srgb, var(--error) 92%, var(--popover-foreground));
   }
@@ -1365,6 +1387,12 @@
     gap: 1rem;
   }
 
+  .notes-editor__field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
   .notes-editor__swatches {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -1423,6 +1451,7 @@
   .notes-trash-section__clear:focus-visible,
   .notes-trash-note__actions button:focus-visible,
   .notes-menu__item:focus-visible,
+  .notes-context-menu__item:focus-visible,
   .notes-note__drag:focus-visible,
   .notes-note__icon-button:focus-visible,
   .notes-note__body:focus-visible,
@@ -1441,7 +1470,8 @@
   .dark .notes-mobile-dock,
   .dark .notes-trash__toggle,
   .dark .notes-trash__panel,
-  .dark .notes-menu {
+  .dark .notes-menu,
+  .dark .notes-context-menu {
     box-shadow: 0 22px 42px color-mix(in srgb, black 34%, transparent);
   }
 
@@ -2219,6 +2249,7 @@
   .notes-overview__surface,
   .notes-trash__panel,
   .notes-menu,
+  .notes-context-menu,
   .notes-flyout {
     border-radius: 0.62rem;
   }
@@ -2289,7 +2320,8 @@
 
   .notes-trash-note__actions button,
   .notes-trash-section__clear,
-  .notes-menu__item {
+  .notes-menu__item,
+  .notes-context-menu__item {
     cursor: pointer;
   }
 
@@ -2297,7 +2329,8 @@
     background: transparent;
   }
 
-  .notes-menu {
+  .notes-menu,
+  .notes-context-menu {
     width: 12.5rem;
   }
 
@@ -2387,7 +2420,8 @@
   .dark .notes-overlay__frame,
   .dark .notes-flyout,
   .dark .notes-trash__panel,
-  .dark .notes-menu {
+  .dark .notes-menu,
+  .dark .notes-context-menu {
     box-shadow: 0 26px 56px color-mix(in srgb, black 36%, transparent);
   }
 

package/dist/notes.js

@@ -1,7 +1,7 @@
 import { NOTES_CONTEXT_MENU_WIDTH_PX as t, NotesContextMenu as r, estimateNotesContextMenuHeight as a } from "./components/notes/NotesContextMenu.js";
 import { NOTES_SCALE_MAX as s, NOTES_SCALE_MIN as T, NOTE_BUCKET_METRICS as p, NOTE_COLOR_TOKENS as N, TOPIC_ACCENT_TOKENS as m, TOPIC_ICON_KEYS as S, applyNotesEvent as c, centerViewportOnWorldPoint as E, clampScale as O, computeBoardBounds as _, createDefaultNotesSnapshot as l, groupTrashItems as C, mergeBoardBounds as I, nextLocalZIndex as h, normalizeNotesSnapshot as i, noteBucketMetrics as L, promoteLocalItem as d, removeSnapshotItem as A, removeSnapshotTopic as u, removeSnapshotTrashItem as x, replaceSnapshotItem as B, replaceSnapshotTopic as v, replaceSnapshotTrashItem as M, screenToWorld as P, visibleWorldRect as f, worldToScreen as K, zoomViewportAtPoint as R } from "./components/notes/types.js";
 import { NOTE_COLOR_LABELS as g, NotesAnimalIcon as w, NotesOverlayIcon as y, NotesTrashCanIcon as X, TOPIC_ACCENT_LABELS as z } from "./components/notes/notesAppearance.js";
-import { NotesOverlay as H } from "./components/notes/NotesOverlayLegacy.js";
+import { NotesOverlay as H } from "./components/notes/NotesOverlay.js";
 export {
   t as NOTES_CONTEXT_MENU_WIDTH_PX,
   s as NOTES_SCALE_MAX,