@floegence/floe-webapp-core 0.35.57 → 0.35.58

package/dist/components/notes/NotesBoard.js

@@ -5,10 +5,10 @@ import { NotesAnimalIcon as T } from "./notesAppearance.js";
 import { NotesBoardNote as P } from "./NotesBoardNote.js";
 import { topicAccentClass as p } from "./notesOverlayHelpers.js";
 import { InfiniteCanvas as L } from "../ui/InfiniteCanvas.js";
-var Z = /* @__PURE__ */ r('<button type=button class=notes-overlay__hud-button aria-label="Open overview map">'), D = /* @__PURE__ */ r("<div class=notes-page__mobile-toolbar><div class=notes-page__mobile-topics>"), A = /* @__PURE__ */ r("<div class=notes-canvas__field>"), B = /* @__PURE__ */ r('<div class=notes-mobile-dock data-floe-canvas-interactive=true><button type=button class=notes-mobile-dock__action aria-label="Create note at canvas center"><span>New</span></button><button type=button class=notes-mobile-dock__action aria-label="Paste note at canvas center"><span>Paste</span></button><button type=button class="notes-mobile-dock__action is-emphasis"aria-label="Open overview map"><span>Map'), E = /* @__PURE__ */ r('<section class="notes-page notes-overlay__board"><div class=notes-overlay__board-head data-floe-canvas-interactive=true><div class=notes-overlay__board-topic></div><div class=notes-overlay__board-actions><button type=button class=notes-overlay__hud-button aria-label="Zoom out"></button><div class=notes-overlay__hud-scale></div><button type=button class=notes-overlay__hud-button aria-label="Zoom in"></button></div></div><div class=notes-page__canvas data-floe-notes-digit-browse=true>'), j = /* @__PURE__ */ r("<div>"), R = /* @__PURE__ */ r("<div class=notes-overlay__board-topic-copy><div class=notes-page__eyebrow>Active Topic</div><div class=notes-overlay__board-title></div><div class=notes-overlay__board-meta> live note"), V = /* @__PURE__ */ r("<button type=button class=notes-page__mobile-topic>");
+var Z = /* @__PURE__ */ r('<button type=button class=notes-overlay__hud-button aria-label="Open overview map">'), D = /* @__PURE__ */ r("<div class=notes-page__mobile-toolbar><div class=notes-page__mobile-topics>"), A = /* @__PURE__ */ r("<div class=notes-canvas__field>"), B = /* @__PURE__ */ r('<div class=notes-mobile-dock data-floe-canvas-interactive=true><button type=button class=notes-mobile-dock__action aria-label="Create note at canvas center"><span>New</span></button><button type=button class=notes-mobile-dock__action aria-label="Paste note at canvas center"><span>Paste</span></button><button type=button class="notes-mobile-dock__action is-emphasis"aria-label="Open overview map"><span>Map'), E = /* @__PURE__ */ r('<section class="notes-page notes-overlay__board"><div class=notes-overlay__board-head data-floe-canvas-interactive=true><div class=notes-overlay__board-topic></div><div class=notes-overlay__board-actions><button type=button class=notes-overlay__hud-button aria-label="Zoom out"></button><div class=notes-overlay__hud-scale></div><button type=button class=notes-overlay__hud-button aria-label="Zoom in"></button></div></div><div class=notes-page__canvas>'), j = /* @__PURE__ */ r("<div>"), R = /* @__PURE__ */ r("<div class=notes-overlay__board-topic-copy><div class=notes-page__eyebrow>Active Topic</div><div class=notes-overlay__board-title></div><div class=notes-overlay__board-meta> live note"), V = /* @__PURE__ */ r("<button type=button class=notes-page__mobile-topic>");
 function U(e) {
   return (() => {
-    var s = E(), m = s.firstChild, g = m.firstChild, $ = g.nextSibling, d = $.firstChild, h = d.nextSibling, C = h.nextSibling, v = m.nextSibling;
+    var s = E(), b = s.firstChild, g = b.firstChild, $ = g.nextSibling, d = $.firstChild, h = d.nextSibling, C = h.nextSibling, v = b.nextSibling;
     t(g, o(u, {
       get when() {
         return e.activeTopic;
@@ -24,8 +24,8 @@ function U(e) {
             class: "notes-topic-mark__icon"
           })), a;
         })(), (() => {
-          var a = R(), l = a.firstChild, _ = l.nextSibling, c = _.nextSibling, b = c.firstChild;
-          return t(_, () => n().name), t(c, () => e.activeItems.length, b), t(c, () => e.activeItems.length === 1 ? "" : "s", null), a;
+          var a = R(), l = a.firstChild, _ = l.nextSibling, c = _.nextSibling, m = c.firstChild;
+          return t(_, () => n().name), t(c, () => e.activeItems.length, m), t(c, () => e.activeItems.length === 1 ? "" : "s", null), a;
         })()];
       }
     })), d.$$click = () => e.onZoomOut(), t(d, o(N, {
@@ -132,14 +132,14 @@ function U(e) {
         return O(() => !!e.isMobile)() && !e.overviewOpen;
       },
       get children() {
-        var n = B(), i = n.firstChild, a = i.firstChild, l = i.nextSibling, _ = l.firstChild, c = l.nextSibling, b = c.firstChild;
+        var n = B(), i = n.firstChild, a = i.firstChild, l = i.nextSibling, _ = l.firstChild, c = l.nextSibling, m = c.firstChild;
         return i.$$click = () => e.onMobileCreateNote(), t(i, o(w, {
           class: "w-4 h-4"
         }), a), l.$$click = () => e.onMobilePaste(), t(l, o(F, {
           class: "w-4 h-4"
         }), _), c.$$click = () => e.onOpenOverview(), t(c, o(M, {
           class: "w-4 h-4"
-        }), b), n;
+        }), m), n;
       }
     }), null), s;
   })();

package/dist/components/notes/NotesBoardNote.js

@@ -1,18 +1,20 @@
-import { insert as l, createComponent as y, memo as b, effect as R, setAttribute as j, className as Z, setStyleProperty as C, template as g, delegateEvents as q } from "solid-js/web";
-import { createSignal as J, onCleanup as Q, untrack as G, createMemo as m } from "solid-js";
-import { startHotInteraction as U } from "../../utils/hotInteraction.js";
-import { GripVertical as p, Pencil as tt, Trash as et, Check as nt } from "../icons/index.js";
-import { notePreviewMetrics as ot, normalizeNoteTitle as it, normalizeNoteText as lt, getNotePreviewText as at, noteColorClass as st, samePoint as rt } from "./notesOverlayHelpers.js";
-var dt = /* @__PURE__ */ g('<article data-floe-geometry-surface=notes-note><div class=notes-note__surface><header class=notes-note__header><div class=notes-note__lead><button type=button class=notes-note__drag aria-label="Drag note"data-floe-canvas-interactive=true data-floe-notes-front-skip=true></button></div><div class=notes-note__actions><button type=button class=notes-note__icon-button data-floe-canvas-interactive=true aria-label="Edit note"></button><button type=button class="notes-note__icon-button is-danger"data-floe-canvas-interactive=true data-floe-notes-front-skip=true aria-label="Move note to trash"></button></div></header><button type=button class=notes-note__body data-floe-canvas-interactive=true data-floe-canvas-pan-surface=true>'), ct = /* @__PURE__ */ g("<div class=notes-note__number aria-hidden=true><span class=notes-note__number-key>"), mt = /* @__PURE__ */ g("<span class=notes-note__title-block><span class=notes-note__title>"), ut = /* @__PURE__ */ g("<span class=notes-note__body-copy>"), vt = /* @__PURE__ */ g("<span class=notes-note__body-copy>Empty note"), _t = /* @__PURE__ */ g("<div class=notes-note__copied-state aria-hidden=true><div class=notes-note__copied-pill><span class=notes-note__copied-icon></span><span class=notes-note__copied-copy>Copied");
-const gt = '[data-floe-notes-front-skip="true"]';
-function Ct(e) {
-  const [h, w] = J(null);
+import { insert as s, createComponent as L, memo as C, effect as j, setAttribute as T, style as q, className as J, setStyleProperty as k, template as b, delegateEvents as Q } from "solid-js/web";
+import { createSignal as U, onCleanup as p, untrack as G, createMemo as c } from "solid-js";
+import { startHotInteraction as tt } from "../../utils/hotInteraction.js";
+import { GripVertical as et, Check as nt, Pencil as ot, Trash as it } from "../icons/index.js";
+import { notePreviewMetrics as lt, normalizeNoteTitle as at, normalizeNoteText as st, getNotePreviewText as rt, noteColorClass as dt, samePoint as ct } from "./notesOverlayHelpers.js";
+var mt = /* @__PURE__ */ b('<article data-floe-geometry-surface=notes-note><div class=notes-note__surface><header class=notes-note__header><div class=notes-note__lead><button type=button class=notes-note__drag aria-label="Drag note"data-floe-canvas-interactive=true data-floe-notes-front-skip=true></button></div></header><button type=button class=notes-note__body data-floe-canvas-interactive=true data-floe-canvas-pan-surface=true></button></div><div class=notes-note__actions><button type=button class=notes-note__icon-button data-floe-canvas-interactive=true aria-label="Edit note"></button><button type=button class="notes-note__icon-button is-danger"data-floe-canvas-interactive=true data-floe-notes-front-skip=true aria-label="Move note to trash">'), ut = /* @__PURE__ */ b("<span class=notes-note__title-block><span class=notes-note__title>"), vt = /* @__PURE__ */ b("<span class=notes-note__body-copy>"), _t = /* @__PURE__ */ b("<span class=notes-note__body-copy>Empty note"), gt = /* @__PURE__ */ b("<div class=notes-note__copied-state aria-hidden=true><div class=notes-note__copied-pill><span class=notes-note__copied-icon></span><span class=notes-note__copied-copy>Copied"), bt = /* @__PURE__ */ b("<div class=notes-note__number aria-hidden=true><span class=notes-note__number-key>");
+const ft = '[data-floe-notes-front-skip="true"]';
+function xt(e) {
+  const [w, I] = U(null);
   let _;
-  Q(() => {
-    _?.abort(), _ = void 0, G(h)?.stopInteraction();
+  p(() => {
+    _?.abort(), _ = void 0, G(w)?.stopInteraction();
   });
-  const x = m(() => ot(e.item)), L = m(() => it(e.item.title)), T = m(() => lt(e.item.body)), H = m(() => T() ? at(e.item.body, x().preview_limit) : ""), f = m(() => L().length > 0), k = m(() => T().length > 0), M = m(() => !f() && !k()), S = () => h() !== null, X = m(() => {
-    const n = h();
+  const M = c(() => lt(e.item)), X = c(() => at(e.item.title)), Y = c(() => st(e.item.body)), H = c(() => Y() ? rt(e.item.body, M().preview_limit) : ""), K = c(() => e.numberLabel ? {
+    "--notes-number-length": `${Math.max(e.numberLabel.length, 1)}`
+  } : void 0), f = c(() => X().length > 0), S = c(() => Y().length > 0), P = c(() => !f() && !S()), E = () => w() !== null, N = c(() => {
+    const n = w();
     return n ? {
       x: n.worldX,
       y: n.worldY
@@ -20,25 +22,25 @@ function Ct(e) {
       x: e.item.x,
       y: e.item.y
     };
-  }), K = (n) => !(n instanceof Element && n.closest(gt)), Y = (n) => {
-    const a = G(h);
-    if (!a) return;
-    const r = {
-      x: a.worldX,
-      y: a.worldY
-    }, u = {
-      x: a.startWorldX,
-      y: a.startWorldY
-    }, v = n && !rt(r, u);
-    v && e.onSeedMoveProjection(e.item.note_id, r), a.stopInteraction(), w(null), _?.abort(), _ = void 0, e.onCommitFront(e.item.note_id), v && e.onCommitMove(e.item.note_id, r);
-  }, V = (n) => {
+  }), V = (n) => !(n instanceof Element && n.closest(ft)), W = (n) => {
+    const l = G(w);
+    if (!l) return;
+    const m = {
+      x: l.worldX,
+      y: l.worldY
+    }, h = {
+      x: l.startWorldX,
+      y: l.startWorldY
+    }, v = n && !ct(m, h);
+    v && e.onSeedMoveProjection(e.item.note_id, m), l.stopInteraction(), I(null), _?.abort(), _ = void 0, e.onCommitFront(e.item.note_id), v && e.onCommitMove(e.item.note_id, m);
+  }, Z = (n) => {
     if (n.button !== 0) return;
     n.preventDefault(), n.stopPropagation(), _?.abort(), e.onStartOptimisticFront(e.item.note_id);
-    const a = U({
+    const l = tt({
       kind: "drag",
       cursor: "grabbing"
-    }), r = Math.max(e.viewportScale, 1e-3);
-    w({
+    }), m = Math.max(e.viewportScale, 1e-3);
+    I({
       pointerId: n.pointerId,
       startClientX: n.clientX,
       startClientY: n.clientY,
@@ -47,79 +49,86 @@ function Ct(e) {
       worldX: e.item.x,
       worldY: e.item.y,
       moved: !1,
-      scale: r,
-      stopInteraction: a
+      scale: m,
+      stopInteraction: l
     });
-    const u = (s) => {
-      w((o) => {
-        if (!o || o.pointerId !== s.pointerId) return o;
-        const t = o.startWorldX + (s.clientX - o.startClientX) / o.scale, i = o.startWorldY + (s.clientY - o.startClientY) / o.scale;
+    const h = (r) => {
+      I((i) => {
+        if (!i || i.pointerId !== r.pointerId) return i;
+        const t = i.startWorldX + (r.clientX - i.startClientX) / i.scale, o = i.startWorldY + (r.clientY - i.startClientY) / i.scale;
         return {
-          ...o,
+          ...i,
           worldX: t,
-          worldY: i,
-          moved: o.moved || Math.abs(t - o.startWorldX) > 2 || Math.abs(i - o.startWorldY) > 2
+          worldY: o,
+          moved: i.moved || Math.abs(t - i.startWorldX) > 2 || Math.abs(o - i.startWorldY) > 2
         };
       });
-    }, v = (s) => {
-      s.pointerId === n.pointerId && Y(!0);
-    }, I = (s) => {
-      s.pointerId === n.pointerId && Y(!1);
-    }, d = new AbortController();
-    _ = d, window.addEventListener("pointermove", u, {
-      signal: d.signal
+    }, v = (r) => {
+      r.pointerId === n.pointerId && W(!0);
+    }, d = (r) => {
+      r.pointerId === n.pointerId && W(!1);
+    }, g = new AbortController();
+    _ = g, window.addEventListener("pointermove", h, {
+      signal: g.signal
     }), window.addEventListener("pointerup", v, {
       once: !0,
-      signal: d.signal
-    }), window.addEventListener("pointercancel", I, {
+      signal: g.signal
+    }), window.addEventListener("pointercancel", d, {
       once: !0,
-      signal: d.signal
+      signal: g.signal
     });
   };
   return (() => {
-    var n = dt(), a = n.firstChild, r = a.firstChild, u = r.firstChild, v = u.firstChild, I = u.nextSibling, d = I.firstChild, s = d.nextSibling, o = r.nextSibling;
+    var n = mt(), l = n.firstChild, m = l.firstChild, h = m.firstChild, v = h.firstChild, d = m.nextSibling, g = l.nextSibling, r = g.firstChild, i = r.nextSibling;
     return n.$$click = (t) => {
-      K(t.target) && e.onCommitFront(e.item.note_id);
+      V(t.target) && e.onCommitFront(e.item.note_id);
     }, n.$$contextmenu = (t) => {
       t.preventDefault(), t.stopPropagation(), e.onOpenContextMenu(t, e.item);
-    }, v.$$pointerdown = V, l(v, y(p, {
+    }, v.$$pointerdown = Z, s(v, L(et, {
       class: "w-3.5 h-3.5"
-    })), l(u, (() => {
-      var t = b(() => !!e.numberLabel);
+    })), d.$$click = () => e.onCopy(e.item), s(d, (() => {
+      var t = C(() => !!f());
       return () => t() ? (() => {
-        var i = ct(), c = i.firstChild;
-        return l(c, () => e.numberLabel), R(() => j(i, "data-floe-notes-note-number", e.numberLabel)), i;
+        var o = ut(), u = o.firstChild;
+        return s(u, X), o;
       })() : null;
-    })(), null), d.$$click = () => e.onOpenEditor(e.item.note_id), l(d, y(tt, {
-      class: "w-3.5 h-3.5"
-    })), s.$$click = () => e.onMoveToTrash(e.item.note_id), l(s, y(et, {
-      class: "w-3.5 h-3.5"
-    })), o.$$click = () => e.onCopy(e.item), l(o, (() => {
-      var t = b(() => !!f());
+    })(), null), s(d, (() => {
+      var t = C(() => !!S());
       return () => t() ? (() => {
-        var i = mt(), c = i.firstChild;
-        return l(c, L), i;
+        var o = vt();
+        return s(o, H), o;
       })() : null;
-    })(), null), l(o, (() => {
-      var t = b(() => !!k());
+    })(), null), s(d, (() => {
+      var t = C(() => !!P());
+      return () => t() ? _t() : null;
+    })(), null), s(l, (() => {
+      var t = C(() => !!e.copied);
       return () => t() ? (() => {
-        var i = ut();
-        return l(i, H), i;
+        var o = gt(), u = o.firstChild, a = u.firstChild;
+        return s(a, L(nt, {
+          class: "w-3.5 h-3.5"
+        })), o;
       })() : null;
-    })(), null), l(o, (() => {
-      var t = b(() => !!M());
-      return () => t() ? vt() : null;
-    })(), null), l(a, (() => {
-      var t = b(() => !!e.copied);
+    })(), null), r.$$click = () => e.onOpenEditor(e.item.note_id), s(r, L(ot, {
+      class: "w-3.5 h-3.5"
+    })), i.$$click = () => e.onMoveToTrash(e.item.note_id), s(i, L(it, {
+      class: "w-3.5 h-3.5"
+    })), s(n, (() => {
+      var t = C(() => !!e.numberLabel);
       return () => t() ? (() => {
-        var i = _t(), c = i.firstChild, $ = c.firstChild;
-        return l($, y(nt, {
-          class: "w-3.5 h-3.5"
-        })), i;
+        var o = bt(), u = o.firstChild;
+        return s(u, () => e.numberLabel), j((a) => {
+          var y = e.numberLabel, $ = e.numberLabel.length, x = K();
+          return y !== a.e && T(o, "data-floe-notes-note-number", a.e = y), $ !== a.t && T(o, "data-floe-notes-note-number-length", a.t = $), a.a = q(o, x, a.a), a;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        }), o;
       })() : null;
-    })(), null), R((t) => {
-      var i = `${st(e.item.color_token)} notes-note notes-note--size-${e.item.size_bucket - 1}`, c = !!e.copied, $ = !!S(), P = !!f(), E = !!e.shortcutPending, N = e.item.note_id, W = `translate(${X().x}px, ${X().y}px)`, D = `${x().width}px`, F = `${x().height}px`, z = S() || e.optimisticFront ? `${e.topZIndex + 1}` : `${e.item.z_index}`, O = !!M(), A = !!f(), B = !!(f() && !k());
-      return i !== t.e && Z(n, t.e = i), c !== t.t && n.classList.toggle("is-copied", t.t = c), $ !== t.a && n.classList.toggle("is-dragging", t.a = $), P !== t.o && n.classList.toggle("has-title", t.o = P), E !== t.i && n.classList.toggle("is-shortcut-pending", t.i = E), N !== t.n && j(n, "data-floe-notes-note-id", t.n = N), W !== t.s && C(n, "transform", t.s = W), D !== t.h && C(n, "--note-width", t.h = D), F !== t.r && C(n, "--note-height", t.r = F), z !== t.d && C(n, "z-index", t.d = z), O !== t.l && o.classList.toggle("is-empty", t.l = O), A !== t.u && o.classList.toggle("has-title", t.u = A), B !== t.c && o.classList.toggle("is-title-only", t.c = B), t;
+    })(), null), j((t) => {
+      var o = `${dt(e.item.color_token)} notes-note notes-note--size-${e.item.size_bucket - 1}`, u = !!e.copied, a = !!E(), y = !!f(), $ = !!e.shortcutPending, x = e.item.note_id, D = `translate(${N().x}px, ${N().y}px)`, F = `${M().width}px`, z = `${M().height}px`, O = E() || e.optimisticFront ? `${e.topZIndex + 1}` : `${e.item.z_index}`, A = !!P(), B = !!f(), R = !!(f() && !S());
+      return o !== t.e && J(n, t.e = o), u !== t.t && n.classList.toggle("is-copied", t.t = u), a !== t.a && n.classList.toggle("is-dragging", t.a = a), y !== t.o && n.classList.toggle("has-title", t.o = y), $ !== t.i && n.classList.toggle("is-shortcut-pending", t.i = $), x !== t.n && T(n, "data-floe-notes-note-id", t.n = x), D !== t.s && k(n, "transform", t.s = D), F !== t.h && k(n, "--note-width", t.h = F), z !== t.r && k(n, "--note-height", t.r = z), O !== t.d && k(n, "z-index", t.d = O), A !== t.l && d.classList.toggle("is-empty", t.l = A), B !== t.u && d.classList.toggle("has-title", t.u = B), R !== t.c && d.classList.toggle("is-title-only", t.c = R), t;
     }, {
       e: void 0,
       t: void 0,
@@ -137,7 +146,7 @@ function Ct(e) {
     }), n;
   })();
 }
-q(["contextmenu", "click", "pointerdown"]);
+Q(["contextmenu", "click", "pointerdown"]);
 export {
-  Ct as NotesBoardNote
+  xt as NotesBoardNote
 };