@floegence/floe-webapp-core 0.35.49 → 0.35.51

package/dist/components/file-browser/useFileBrowserMarqueeSelection.js

@@ -1,69 +1,93 @@
-import { createSignal as R, createMemo as b, onCleanup as y } from "solid-js";
-import { isPrimaryModKeyPressed as L } from "../../utils/keybind.js";
-const w = 4, G = "pointer-events-none fixed z-40 rounded-md floe-file-browser-marquee-overlay";
-function x(t, n, l, o) {
-  const r = Math.min(t, l), c = Math.min(n, o);
+import { createSignal as S, createMemo as b, onCleanup as w } from "solid-js";
+import { isPrimaryModKeyPressed as M } from "../../utils/keybind.js";
+const y = 4, A = "pointer-events-none absolute z-40 rounded-md floe-file-browser-marquee-overlay";
+function T(e, n, c, o) {
+  const l = Math.min(e, c), u = Math.min(n, o);
   return {
-    left: r,
-    top: c,
-    width: Math.abs(l - t),
+    left: l,
+    top: u,
+    width: Math.abs(c - e),
     height: Math.abs(o - n)
   };
 }
-function P(t, n) {
-  return !(t.left + t.width < n.left || n.right < t.left || t.top + t.height < n.top || n.bottom < t.top);
+function O(e, n) {
+  return !(e.left + e.width < n.left || n.right < e.left || e.top + e.height < n.top || n.bottom < e.top);
 }
-function _(t) {
-  return !(!(t instanceof Element) || t.closest("[data-file-browser-item-id]") || t.closest('button, input, textarea, select, a, [role="button"], [role="menuitem"]'));
+function P(e) {
+  return !(!(e instanceof Element) || e.closest("[data-file-browser-item-id]") || e.closest('button, input, textarea, select, a, [role="button"], [role="menuitem"]'));
 }
-function C(t) {
-  const [n, l] = R(null);
-  let o = null, r = !1, c = [], s = 0, a = 0, u = !1;
-  const g = () => {
-    typeof document > "u" || (document.removeEventListener("pointermove", m, !0), document.removeEventListener("pointerup", p, !0), document.removeEventListener("pointercancel", h, !0));
-  }, f = () => {
-    g(), o = null, r = !1, c = [], s = 0, a = 0, u = !1, l(null);
-  }, E = (e) => {
-    const d = t.getVisibleItemIdsInOrder().filter((M) => {
-      const I = t.getElementForId(M);
-      return I ? P(e, I.getBoundingClientRect()) : !1;
-    }), i = r ? [...c, ...d] : d;
-    t.replaceSelection(i, {
-      anchorId: r ? void 0 : i[0] ?? null,
-      lastInteractedId: i[i.length - 1] ?? null,
-      preserveAnchor: r
+function x(e) {
+  const n = e.getBoundingClientRect();
+  return {
+    left: n.left,
+    top: n.top,
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop,
+    clientLeft: e.clientLeft,
+    clientTop: e.clientTop
+  };
+}
+function C(e, n) {
+  return {
+    left: e.left - n.left + n.scrollLeft - n.clientLeft,
+    top: e.top - n.top + n.scrollTop - n.clientTop,
+    width: e.width,
+    height: e.height
+  };
+}
+function D(e) {
+  const [n, c] = S(null);
+  let o = null, l = !1, u = [], a = 0, f = 0, s = !1;
+  const I = () => {
+    typeof document > "u" || (document.removeEventListener("pointermove", p, !0), document.removeEventListener("pointerup", m, !0), document.removeEventListener("pointercancel", h, !0));
+  }, d = () => {
+    I(), o = null, l = !1, u = [], a = 0, f = 0, s = !1, c(null);
+  }, L = (t) => {
+    const i = e.getVisibleItemIdsInOrder().filter((R) => {
+      const g = e.getElementForId(R);
+      return g ? O(t, g.getBoundingClientRect()) : !1;
+    }), r = l ? [...u, ...i] : i;
+    e.replaceSelection(r, {
+      anchorId: l ? void 0 : r[0] ?? null,
+      lastInteractedId: r[r.length - 1] ?? null,
+      preserveAnchor: l
     });
-  }, m = (e) => {
-    if (o !== e.pointerId) return;
-    const d = Math.hypot(e.clientX - s, e.clientY - a);
-    if (!u && d < w)
+  }, p = (t) => {
+    if (o !== t.pointerId) return;
+    const i = Math.hypot(t.clientX - a, t.clientY - f);
+    if (!s && i < y)
       return;
-    e.preventDefault(), u = !0;
-    const i = x(s, a, e.clientX, e.clientY);
-    l(i), E(i);
-  }, p = (e) => {
-    o === e.pointerId && (!u && !r && t.clearSelection(), f());
-  }, h = (e) => {
-    o === e.pointerId && f();
-  }, S = (e) => {
-    e.pointerType !== "mouse" || e.button !== 0 || _(e.target) && t.getContainer() && (o = e.pointerId, r = L(e), c = r ? t.getSelectedIds() : [], s = e.clientX, a = e.clientY, u = !1, typeof document < "u" && (document.addEventListener("pointermove", m, !0), document.addEventListener("pointerup", p, !0), document.addEventListener("pointercancel", h, !0)), e.preventDefault());
-  }, v = b(() => {
-    const e = n();
-    return e ? {
-      left: `${e.left}px`,
-      top: `${e.top}px`,
-      width: `${e.width}px`,
-      height: `${e.height}px`
-    } : null;
+    t.preventDefault(), s = !0;
+    const r = T(a, f, t.clientX, t.clientY);
+    c(r), L(r);
+  }, m = (t) => {
+    o === t.pointerId && (!s && !l && e.clearSelection(), d());
+  }, h = (t) => {
+    o === t.pointerId && d();
+  }, v = (t) => {
+    t.pointerType !== "mouse" || t.button !== 0 || P(t.target) && e.getContainer() && (o = t.pointerId, l = M(t), u = l ? e.getSelectedIds() : [], a = t.clientX, f = t.clientY, s = !1, typeof document < "u" && (document.addEventListener("pointermove", p, !0), document.addEventListener("pointerup", m, !0), document.addEventListener("pointercancel", h, !0)), t.preventDefault());
+  }, E = b(() => {
+    const t = n();
+    if (!t) return null;
+    const i = e.getOverlayHost?.() ?? e.getContainer();
+    if (!i) return null;
+    const r = C(t, x(i));
+    return {
+      left: `${r.left}px`,
+      top: `${r.top}px`,
+      width: `${r.width}px`,
+      height: `${r.height}px`
+    };
   });
-  return y(() => {
-    f();
+  return w(() => {
+    d();
   }), {
-    overlayStyle: v,
-    onPointerDown: S
+    overlayStyle: E,
+    onPointerDown: v
   };
 }
 export {
-  G as FILE_BROWSER_MARQUEE_OVERLAY_CLASS,
-  C as createFileBrowserMarqueeSelection
+  A as FILE_BROWSER_MARQUEE_OVERLAY_CLASS,
+  D as createFileBrowserMarqueeSelection,
+  C as projectViewportRectToOverlayHost
 };

package/dist/components/notes/NotesBoardNote.js

@@ -1,101 +1,104 @@
-import { insert as v, createComponent as b, memo as z, effect as F, className as N, setAttribute as A, setStyleProperty as h, template as D, delegateEvents as O } from "solid-js/web";
-import { createSignal as j, onCleanup as B, untrack as W, createMemo as w } from "solid-js";
+import { insert as u, createComponent as h, memo as N, effect as O, className as z, setAttribute as A, setStyleProperty as b, template as T, delegateEvents as R } from "solid-js/web";
+import { createSignal as j, onCleanup as B, untrack as E, createMemo as w } from "solid-js";
 import { startHotInteraction as G } from "../../utils/hotInteraction.js";
-import { GripVertical as H, Pencil as V, Trash as Z, Check as q } from "../icons/index.js";
-import { notePreviewMetrics as J, getNotePreviewText as K, noteColorClass as Q, samePoint as R } from "./notesOverlayHelpers.js";
-var U = /* @__PURE__ */ D('<article data-floe-geometry-surface=notes-note><div class=notes-note__surface><header class=notes-note__header><button type=button class=notes-note__drag aria-label="Drag note"data-floe-canvas-interactive=true></button><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 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><span>'), p = /* @__PURE__ */ D("<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");
-function at(t) {
-  const [g, $] = j(null);
+import { GripVertical as H, Pencil as K, Trash as V, Check as Z } from "../icons/index.js";
+import { notePreviewMetrics as q, getNotePreviewText as J, noteColorClass as Q, samePoint as U } from "./notesOverlayHelpers.js";
+var p = /* @__PURE__ */ T('<article data-floe-geometry-surface=notes-note><div class=notes-note__surface><header class=notes-note__header><button type=button class=notes-note__drag aria-label="Drag note"data-floe-canvas-interactive=true data-floe-notes-front-skip=true></button><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><span>'), tt = /* @__PURE__ */ T("<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 et = '[data-floe-notes-front-skip="true"]';
+function lt(t) {
+  const [f, C] = j(null);
   let c;
   B(() => {
-    c?.abort(), c = void 0, W(g)?.stopInteraction();
+    c?.abort(), c = void 0, E(f)?.stopInteraction();
   });
-  const C = w(() => J(t.item)), L = w(() => K(t.item.body, C().preview_limit)), E = w(() => !t.item.body.trim()), x = () => g() !== null, y = w(() => {
-    const o = g();
-    return o ? {
-      x: o.worldX,
-      y: o.worldY
+  const $ = w(() => q(t.item)), W = w(() => J(t.item.body, $().preview_limit)), D = w(() => !t.item.body.trim()), x = () => f() !== null, y = w(() => {
+    const e = f();
+    return e ? {
+      x: e.worldX,
+      y: e.worldY
     } : {
       x: t.item.x,
       y: t.item.y
     };
-  }), I = (o) => {
-    const n = W(g);
-    if (!n) return;
-    const l = {
-      x: n.worldX,
-      y: n.worldY
+  }), F = (e) => !(e instanceof Element && e.closest(et)), k = (e) => {
+    const i = E(f);
+    if (!i) return;
+    const r = {
+      x: i.worldX,
+      y: i.worldY
     }, s = {
-      x: n.startWorldX,
-      y: n.startWorldY
-    }, m = o && !R(l, s);
-    m && t.onSeedMoveProjection(t.item.note_id, l), n.stopInteraction(), $(null), c?.abort(), c = void 0, t.onCommitFront(t.item.note_id), m && t.onCommitMove(t.item.note_id, l);
-  }, T = (o) => {
-    if (o.button !== 0) return;
-    o.preventDefault(), o.stopPropagation(), c?.abort(), t.onStartOptimisticFront(t.item.note_id);
-    const n = G({
+      x: i.startWorldX,
+      y: i.startWorldY
+    }, m = e && !U(r, s);
+    m && t.onSeedMoveProjection(t.item.note_id, r), i.stopInteraction(), C(null), c?.abort(), c = void 0, t.onCommitFront(t.item.note_id), m && t.onCommitMove(t.item.note_id, r);
+  }, L = (e) => {
+    if (e.button !== 0) return;
+    e.preventDefault(), e.stopPropagation(), c?.abort(), t.onStartOptimisticFront(t.item.note_id);
+    const i = G({
       kind: "drag",
       cursor: "grabbing"
-    }), l = Math.max(t.viewportScale, 1e-3);
-    $({
-      pointerId: o.pointerId,
-      startClientX: o.clientX,
-      startClientY: o.clientY,
+    }), r = Math.max(t.viewportScale, 1e-3);
+    C({
+      pointerId: e.pointerId,
+      startClientX: e.clientX,
+      startClientY: e.clientY,
       startWorldX: t.item.x,
       startWorldY: t.item.y,
       worldX: t.item.x,
       worldY: t.item.y,
       moved: !1,
-      scale: l,
-      stopInteraction: n
+      scale: r,
+      stopInteraction: i
     });
     const s = (a) => {
-      $((i) => {
-        if (!i || i.pointerId !== a.pointerId) return i;
-        const e = i.startWorldX + (a.clientX - i.startClientX) / i.scale, r = i.startWorldY + (a.clientY - i.startClientY) / i.scale;
+      C((n) => {
+        if (!n || n.pointerId !== a.pointerId) return n;
+        const o = n.startWorldX + (a.clientX - n.startClientX) / n.scale, l = n.startWorldY + (a.clientY - n.startClientY) / n.scale;
         return {
-          ...i,
-          worldX: e,
-          worldY: r,
-          moved: i.moved || Math.abs(e - i.startWorldX) > 2 || Math.abs(r - i.startWorldY) > 2
+          ...n,
+          worldX: o,
+          worldY: l,
+          moved: n.moved || Math.abs(o - n.startWorldX) > 2 || Math.abs(l - n.startWorldY) > 2
         };
       });
     }, m = (a) => {
-      a.pointerId === o.pointerId && I(!0);
-    }, u = (a) => {
-      a.pointerId === o.pointerId && I(!1);
+      a.pointerId === e.pointerId && k(!0);
+    }, v = (a) => {
+      a.pointerId === e.pointerId && k(!1);
     }, d = new AbortController();
     c = d, window.addEventListener("pointermove", s, {
       signal: d.signal
     }), window.addEventListener("pointerup", m, {
       once: !0,
       signal: d.signal
-    }), window.addEventListener("pointercancel", u, {
+    }), window.addEventListener("pointercancel", v, {
       once: !0,
       signal: d.signal
     });
   };
   return (() => {
-    var o = U(), n = o.firstChild, l = n.firstChild, s = l.firstChild, m = s.nextSibling, u = m.firstChild, d = u.nextSibling, a = l.nextSibling, i = a.firstChild;
-    return o.$$click = () => t.onCommitFront(t.item.note_id), o.$$contextmenu = (e) => {
-      e.preventDefault(), e.stopPropagation(), t.onOpenContextMenu(e, t.item);
-    }, s.$$pointerdown = T, v(s, b(H, {
+    var e = p(), i = e.firstChild, r = i.firstChild, s = r.firstChild, m = s.nextSibling, v = m.firstChild, d = v.nextSibling, a = r.nextSibling, n = a.firstChild;
+    return e.$$click = (o) => {
+      F(o.target) && t.onCommitFront(t.item.note_id);
+    }, e.$$contextmenu = (o) => {
+      o.preventDefault(), o.stopPropagation(), t.onOpenContextMenu(o, t.item);
+    }, s.$$pointerdown = L, u(s, h(H, {
       class: "w-3.5 h-3.5"
-    })), u.$$click = () => t.onOpenEditor(t.item.note_id), v(u, b(V, {
+    })), v.$$click = () => t.onOpenEditor(t.item.note_id), u(v, h(K, {
       class: "w-3.5 h-3.5"
-    })), d.$$click = () => t.onMoveToTrash(t.item.note_id), v(d, b(Z, {
+    })), d.$$click = () => t.onMoveToTrash(t.item.note_id), u(d, h(V, {
       class: "w-3.5 h-3.5"
-    })), a.$$click = () => t.onCopy(t.item), v(i, L), v(n, (() => {
-      var e = z(() => !!t.copied);
-      return () => e() ? (() => {
-        var r = p(), f = r.firstChild, _ = f.firstChild;
-        return v(_, b(q, {
+    })), a.$$click = () => t.onCopy(t.item), u(n, W), u(i, (() => {
+      var o = N(() => !!t.copied);
+      return () => o() ? (() => {
+        var l = tt(), _ = l.firstChild, g = _.firstChild;
+        return u(g, h(Z, {
           class: "w-3.5 h-3.5"
-        })), r;
+        })), l;
       })() : null;
-    })(), null), F((e) => {
-      var r = `${Q(t.item.color_token)} notes-note notes-note--size-${t.item.size_bucket - 1}`, f = !!t.copied, _ = !!x(), M = t.item.note_id, X = `translate(${y().x}px, ${y().y}px)`, Y = `${C().width}px`, k = `${C().height}px`, S = x() || t.optimisticFront ? `${t.topZIndex + 1}` : `${t.item.z_index}`, P = !!E();
-      return r !== e.e && N(o, e.e = r), f !== e.t && o.classList.toggle("is-copied", e.t = f), _ !== e.a && o.classList.toggle("is-dragging", e.a = _), M !== e.o && A(o, "data-floe-notes-note-id", e.o = M), X !== e.i && h(o, "transform", e.i = X), Y !== e.n && h(o, "--note-width", e.n = Y), k !== e.s && h(o, "--note-height", e.s = k), S !== e.h && h(o, "z-index", e.h = S), P !== e.r && a.classList.toggle("is-empty", e.r = P), e;
+    })(), null), O((o) => {
+      var l = `${Q(t.item.color_token)} notes-note notes-note--size-${t.item.size_bucket - 1}`, _ = !!t.copied, g = !!x(), I = t.item.note_id, M = `translate(${y().x}px, ${y().y}px)`, S = `${$().width}px`, X = `${$().height}px`, Y = x() || t.optimisticFront ? `${t.topZIndex + 1}` : `${t.item.z_index}`, P = !!D();
+      return l !== o.e && z(e, o.e = l), _ !== o.t && e.classList.toggle("is-copied", o.t = _), g !== o.a && e.classList.toggle("is-dragging", o.a = g), I !== o.o && A(e, "data-floe-notes-note-id", o.o = I), M !== o.i && b(e, "transform", o.i = M), S !== o.n && b(e, "--note-width", o.n = S), X !== o.s && b(e, "--note-height", o.s = X), Y !== o.h && b(e, "z-index", o.h = Y), P !== o.r && a.classList.toggle("is-empty", o.r = P), o;
     }, {
       e: void 0,
       t: void 0,
@@ -106,10 +109,10 @@ function at(t) {
       s: void 0,
       h: void 0,
       r: void 0
-    }), o;
+    }), e;
   })();
 }
-O(["contextmenu", "click", "pointerdown"]);
+R(["contextmenu", "click", "pointerdown"]);
 export {
-  at as NotesBoardNote
+  lt as NotesBoardNote
 };