@floegence/floe-webapp-core 0.36.40 → 0.36.42

package/dist/components/file-browser/useFileBrowserMarqueeSelection.d.ts

@@ -19,6 +19,8 @@ export interface OverlayHostGeometry {
     scrollTop: number;
     clientLeft: number;
     clientTop: number;
+    scaleX?: number;
+    scaleY?: number;
 }
 export interface FileBrowserMarqueeSelectionOptions {
     getContainer: () => HTMLElement | null;

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

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

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

@@ -1,4 +1,5 @@
 import { type JSX } from 'solid-js';
+import { type FloatingWindowViewportInsets } from './floatingWindowGeometry';
 export interface FloatingWindowProps {
     /** Whether the window is open */
     open: boolean;
@@ -30,6 +31,8 @@ export interface FloatingWindowProps {
         width: number;
         height: number;
     };
+    /** Safe area inside the browser viewport that the floating window should avoid */
+    viewportInsets?: FloatingWindowViewportInsets;
     /** Whether the window can be resized */
     resizable?: boolean;
     /** Whether the window can be dragged */