@floegence/floe-webapp-core 0.35.12 → 0.35.14

package/dist/components/deck/WidgetResizeHandle.js

@@ -1,11 +1,11 @@
-import { effect as x, className as L, setAttribute as _, template as N, use as O, delegateEvents as U } from "solid-js/web";
+import { effect as L, className as B, setAttribute as U, template as _, use as N, delegateEvents as O } from "solid-js/web";
 import { createSignal as j, onCleanup as J } from "solid-js";
 import { cn as K } from "../../utils/cn.js";
 import { useDeck as Q } from "../../context/DeckContext.js";
 import { applyResizeDelta as V } from "../../utils/gridLayout.js";
 import { getGridConfigFromElement as Z } from "./DeckGrid.js";
-import { lockBodyStyle as ee } from "../../utils/bodyStyleLock.js";
-var te = /* @__PURE__ */ N("<div style=touch-action:none>");
+import { startHotInteraction as ee } from "../../utils/hotInteraction.js";
+var te = /* @__PURE__ */ _("<div style=touch-action:none>");
 const ne = {
   n: "top-0 left-2 right-2 h-2 cursor-ns-resize",
   s: "bottom-0 left-2 right-2 h-2 cursor-ns-resize",
@@ -28,81 +28,82 @@ const ne = {
 function ue(i) {
   const f = Q(), [m, C] = j(!1);
   let g, h = null, d = 0, u = 0, y = 0, p = 0, s = 0, R = 0, b = 0, S = 0, l = null, w = null, r = null, A = null, P = 0, F = 0;
-  const E = (e) => {
+  const I = (e) => {
     if (!e) {
       w?.(), w = null;
       return;
     }
     w?.(), w = ee({
+      kind: "resize",
       cursor: re[i.edge],
-      "user-select": "none"
+      lockUserSelect: !0
     });
-  }, D = () => {
-    m() && (l !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(l), l = null), C(!1), h = null, r = null, A = null, E(!1), f.endResize(!0));
-  }, Y = () => {
+  }, E = () => {
+    m() && (l !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(l), l = null), C(!1), h = null, r = null, A = null, I(!1), f.endResize(!0));
+  }, H = () => {
     if (!r) return;
-    const e = A ?? r.getBoundingClientRect(), t = 48, n = 24, o = s - e.top, c = e.bottom - s;
-    let a = 0;
-    if (o < t ? a = -Math.ceil((t - o) / t * n) : c < t && (a = Math.ceil((t - c) / t * n)), a === 0) return;
-    const z = r.scrollTop, v = Math.max(0, Math.min(z + a, r.scrollHeight - r.clientHeight));
+    const e = A ?? r.getBoundingClientRect(), t = 48, n = 24, o = s - e.top, a = e.bottom - s;
+    let c = 0;
+    if (o < t ? c = -Math.ceil((t - o) / t * n) : a < t && (c = Math.ceil((t - a) / t * n)), c === 0) return;
+    const z = r.scrollTop, v = Math.max(0, Math.min(z + c, r.scrollHeight - r.clientHeight));
     v !== z && (r.scrollTop = v);
-  }, $ = () => {
+  }, Y = () => {
     if (l !== null || typeof requestAnimationFrame > "u") return;
     const e = () => {
       if (!m()) {
         l = null;
         return;
       }
-      I(), l = requestAnimationFrame(e);
+      D(), l = requestAnimationFrame(e);
     };
     l = requestAnimationFrame(e);
-  }, G = (e) => {
+  }, $ = (e) => {
     if (e.pointerType === "mouse" && e.button !== 0) return;
     e.preventDefault(), e.stopPropagation();
     const t = e.currentTarget?.closest(".deck-grid");
     if (!t) return;
-    h = e.pointerId, d = e.clientX, u = e.clientY, p = d, s = u, R = d, b = u, C(!0), E(!0), r = t, A = t.getBoundingClientRect(), y = t.scrollTop, S = y;
+    h = e.pointerId, d = e.clientX, u = e.clientY, p = d, s = u, R = d, b = u, C(!0), I(!0), r = t, A = t.getBoundingClientRect(), y = t.scrollTop, S = y;
     const n = window.getComputedStyle(t);
-    P = parseFloat(n.paddingLeft) || 0, F = parseFloat(n.paddingRight) || 0, f.startResize(i.widget.id, i.edge, d, u), g?.setPointerCapture(e.pointerId), $();
-  }, W = (e) => {
-    !m() || h !== e.pointerId || (p = e.clientX, s = e.clientY, typeof requestAnimationFrame > "u" && I());
-  }, I = () => {
+    P = parseFloat(n.paddingLeft) || 0, F = parseFloat(n.paddingRight) || 0, f.startResize(i.widget.id, i.edge, d, u), g?.setPointerCapture(e.pointerId), Y();
+  }, G = (e) => {
+    !m() || h !== e.pointerId || (p = e.clientX, s = e.clientY, typeof requestAnimationFrame > "u" && D());
+  }, D = () => {
     if (!r) return;
-    Y();
+    H();
     const e = r.scrollTop;
     if (p === R && s === b && e === S) return;
     R = p, b = s, S = e;
     const t = p - d, n = s - u + (e - y), {
       cols: o,
-      rowHeight: c,
-      gap: a
-    } = Z(r), z = r.clientWidth - P - F, v = a * (o - 1), T = (z - v) / o;
+      rowHeight: a,
+      gap: c
+    } = Z(r), z = r.clientWidth - P - F, v = c * (o - 1), T = (z - v) / o;
     if (!Number.isFinite(T) || T <= 0) return;
-    const X = c + a, B = Math.round(t / T), H = Math.round(n / X), k = f.getWidgetMinConstraints(i.widget.type), q = V(i.widget.position, i.edge, B, H, k.minColSpan, k.minRowSpan, o);
-    f.updateResize(q);
+    const W = a + c, X = Math.round(t / T), q = Math.round(n / W), k = f.getWidgetMinConstraints(i.widget.type), x = V(i.widget.position, i.edge, X, q, k.minColSpan, k.minRowSpan, o);
+    f.updateResize(x);
   }, M = (e) => {
     if (h === e.pointerId) {
       try {
         g?.releasePointerCapture(e.pointerId);
       } catch {
       }
-      D();
+      E();
     }
   };
-  return J(() => D()), (() => {
+  return J(() => E()), (() => {
     var e = te();
-    e.addEventListener("pointercancel", M), e.$$pointerup = M, e.$$pointermove = W, e.$$pointerdown = G;
+    e.addEventListener("pointercancel", M), e.$$pointerup = M, e.$$pointermove = G, e.$$pointerdown = $;
     var t = g;
-    return typeof t == "function" ? O(t, e) : g = e, x((n) => {
-      var o = K("absolute z-30", ne[i.edge], "hover:bg-primary/30 transition-colors", m() && "bg-primary/50"), c = i.edge;
-      return o !== n.e && L(e, n.e = o), c !== n.t && _(e, "data-widget-resize-handle", n.t = c), n;
+    return typeof t == "function" ? N(t, e) : g = e, L((n) => {
+      var o = K("absolute z-30", ne[i.edge], "hover:bg-primary/30 transition-colors", m() && "bg-primary/50"), a = i.edge;
+      return o !== n.e && B(e, n.e = o), a !== n.t && U(e, "data-widget-resize-handle", n.t = a), n;
     }, {
       e: void 0,
       t: void 0
     }), e;
   })();
 }
-U(["pointerdown", "pointermove", "pointerup"]);
+O(["pointerdown", "pointermove", "pointerup"]);
 export {
   ue as WidgetResizeHandle
 };

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

@@ -1,20 +1,20 @@
-import { createComponent as n, insert as i, use as F, memo as P, effect as _, className as k, template as w, delegateEvents as z } from "solid-js/web";
-import { onMount as W, onCleanup as E, createEffect as K, Show as u } from "solid-js";
-import { cn as L } from "../../utils/cn.js";
-import { useLayout as B } from "../../context/LayoutContext.js";
-import { useFileBrowserDrag as O } from "../../context/FileBrowserDragContext.js";
-import { deferAfterPaint as V } from "../../utils/defer.js";
-import { FileBrowserProvider as H, useFileBrowser as N } from "./FileBrowserContext.js";
-import { SidebarPane as T } from "../layout/SidebarPane.js";
-import { DirectoryTree as j } from "./DirectoryTree.js";
-import { FileListView as G } from "./FileListView.js";
-import { FileGridView as Q } from "./FileGridView.js";
-import { FileBrowserToolbar as q } from "./FileBrowserToolbar.js";
-import { FileContextMenu as J } from "./FileContextMenu.js";
-import { DragPreview as U } from "./DragPreview.js";
-var X = /* @__PURE__ */ w('<div class="border-b border-border">'), Y = /* @__PURE__ */ w('<div><div class="flex flex-1 min-h-0 relative"><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
-function be(e) {
-  return n(H, {
+import { createComponent as n, insert as i, use as k, memo as E, effect as K, className as L, template as I, delegateEvents as B } from "solid-js/web";
+import { createSignal as O, onMount as V, onCleanup as H, createEffect as N, Show as c } from "solid-js";
+import { cn as T } from "../../utils/cn.js";
+import { useLayout as j } from "../../context/LayoutContext.js";
+import { useFileBrowserDrag as G } from "../../context/FileBrowserDragContext.js";
+import { deferAfterPaint as Q } from "../../utils/defer.js";
+import { FileBrowserProvider as q, useFileBrowser as J } from "./FileBrowserContext.js";
+import { SidebarPane as U } from "../layout/SidebarPane.js";
+import { DirectoryTree as X } from "./DirectoryTree.js";
+import { FileListView as Y } from "./FileListView.js";
+import { FileGridView as Z } from "./FileGridView.js";
+import { FileBrowserToolbar as p } from "./FileBrowserToolbar.js";
+import { FileContextMenu as ee } from "./FileContextMenu.js";
+import { DragPreview as te } from "./DragPreview.js";
+var re = /* @__PURE__ */ I('<div class="border-b border-border">'), ne = /* @__PURE__ */ I('<div><div class="flex flex-1 min-h-0 relative"><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
+function we(e) {
+  return n(q, {
     get files() {
       return e.files;
     },
@@ -55,7 +55,7 @@ function be(e) {
       return e.onOpen;
     },
     get children() {
-      return n(Z, {
+      return n(ie, {
         get class() {
           return e.class;
         },
@@ -99,73 +99,80 @@ function be(e) {
     }
   });
 }
-function Z(e) {
-  const t = N(), I = B(), o = O(), f = () => I.isMobile(), M = () => t.sidebarWidth(), S = () => e.sidebarResizable ?? !0, a = () => (e.enableDragDrop ?? !0) && !!o, d = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
-  let h, C = null, x = null;
-  W(() => {
+function ie(e) {
+  const r = J(), M = j(), o = G(), h = () => M.isMobile(), [v, b] = O(null), D = () => v() ?? r.sidebarWidth(), y = () => e.sidebarResizable ?? !0, a = () => (e.enableDragDrop ?? !0) && !!o, d = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
+  let C, w = null, x = null;
+  V(() => {
     if (!o || !a()) return;
-    const r = {
+    const t = {
       instanceId: d(),
-      currentPath: t.currentPath,
-      files: t.files,
+      currentPath: r.currentPath,
+      files: r.files,
       onDragMove: e.onDragMove,
-      getScrollContainer: () => C,
+      getScrollContainer: () => w,
       getSidebarScrollContainer: () => x,
-      optimisticRemove: t.optimisticRemove,
-      optimisticInsert: t.optimisticInsert
+      optimisticRemove: r.optimisticRemove,
+      optimisticInsert: r.optimisticInsert
     };
-    o.registerInstance(r);
-  }), E(() => {
+    o.registerInstance(t);
+  }), H(() => {
     o && a() && o.unregisterInstance(d());
   });
-  let v = !1, g = !1;
-  K(() => {
-    const r = f();
-    if (!v) {
-      v = !0, g = r, r && e.hideSidebarOnMobile !== !1 && !t.sidebarCollapsed() && t.toggleSidebar();
+  let S = !1, m = !1;
+  N(() => {
+    const t = h();
+    if (!S) {
+      S = !0, m = t, t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
       return;
     }
-    !g && r && e.hideSidebarOnMobile !== !1 && !t.sidebarCollapsed() && t.toggleSidebar(), g = r;
+    !m && t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar(), m = t;
   });
-  const D = (r) => {
-    (r.metaKey || r.ctrlKey) && r.key.toLowerCase() === "f" && (r.preventDefault(), t.setFilterActive(!0), V(() => h?.focus()));
-  }, y = () => !t.sidebarCollapsed() || !f();
+  const R = (t) => {
+    (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), Q(() => C?.focus()));
+  }, P = () => !r.sidebarCollapsed() || !h(), $ = () => {
+    b(r.sidebarWidth());
+  }, W = (t) => {
+    b((s) => r.clampSidebarWidth((s ?? r.sidebarWidth()) + t));
+  }, z = () => {
+    const t = v();
+    t !== null && (r.setSidebarWidth(t), b(null));
+  };
   return (() => {
-    var r = Y(), b = r.firstChild, m = b.firstChild, c = m.firstChild, R = c.nextSibling, s = R.firstChild, $ = s.firstChild, A = s.nextSibling;
-    return r.$$keydown = D, i(r, n(u, {
+    var t = ne(), s = t.firstChild, f = s.firstChild, g = f.firstChild, A = g.nextSibling, u = A.firstChild, F = u.firstChild, _ = u.nextSibling;
+    return t.$$keydown = R, i(t, n(c, {
       get when() {
         return e.header;
       },
       get children() {
-        var l = X();
+        var l = re();
         return i(l, () => e.header), l;
       }
-    }), b), i(b, n(T, {
+    }), s), i(s, n(U, {
       title: "Explorer",
       get width() {
-        return M();
+        return D();
       },
       get open() {
-        return y();
+        return P();
       },
       get headerActions() {
         return e.sidebarHeaderActions;
       },
       get resizable() {
-        return S();
-      },
-      onResize: (l) => {
-        t.setSidebarWidth(t.sidebarWidth() + l);
+        return y();
       },
+      onResize: W,
       get onClose() {
-        return t.toggleSidebar;
+        return r.toggleSidebar;
       },
+      onResizeStart: $,
+      onResizeEnd: z,
       bodyRef: (l) => {
         x = l;
       },
       bodyClass: "py-1",
       get children() {
-        return n(j, {
+        return n(X, {
           get instanceId() {
             return d();
           },
@@ -174,19 +181,19 @@ function Z(e) {
           }
         });
       }
-    }), m), i(m, n(q, {
-      filterInputRef: (l) => h = l,
+    }), f), i(f, n(p, {
+      filterInputRef: (l) => C = l,
       get endActions() {
         return e.toolbarEndActions;
       }
-    }), c), F((l) => {
-      C = l;
-    }, c), i(c, n(u, {
+    }), g), k((l) => {
+      w = l;
+    }, g), i(g, n(c, {
       get when() {
-        return t.viewMode() === "list";
+        return r.viewMode() === "list";
       },
       get fallback() {
-        return n(Q, {
+        return n(Z, {
           get instanceId() {
             return d();
           },
@@ -196,7 +203,7 @@ function Z(e) {
         });
       },
       get children() {
-        return n(G, {
+        return n(Y, {
           get instanceId() {
             return d();
           },
@@ -205,21 +212,21 @@ function Z(e) {
           }
         });
       }
-    })), i(s, () => t.currentFiles().length, $), i(s, n(u, {
+    })), i(u, () => r.currentFiles().length, F), i(u, n(c, {
       get when() {
-        return t.filterQueryApplied().trim();
+        return r.filterQueryApplied().trim();
       },
       get children() {
         return [" ", "(filtered)"];
       }
-    }), null), i(s, n(u, {
+    }), null), i(u, n(c, {
       get when() {
-        return t.selectedItems().size > 0;
+        return r.selectedItems().size > 0;
       },
       get children() {
-        return [" · ", P(() => t.selectedItems().size), " selected"];
+        return [" · ", E(() => r.selectedItems().size), " selected"];
       }
-    }), null), i(A, () => t.currentPath()), i(r, n(J, {
+    }), null), i(_, () => r.currentPath()), i(t, n(ee, {
       get callbacks() {
         return e.contextMenuCallbacks;
       },
@@ -232,17 +239,17 @@ function Z(e) {
       get hideItems() {
         return e.hideContextMenuItems;
       }
-    }), null), i(r, n(u, {
+    }), null), i(t, n(c, {
       get when() {
         return a();
       },
       get children() {
-        return n(U, {});
+        return n(te, {});
       }
-    }), null), _(() => k(r, L("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), r;
+    }), null), K(() => L(t, T("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), t;
   })();
 }
-z(["keydown"]);
+B(["keydown"]);
 export {
-  be as FileBrowser
+  we as FileBrowser
 };