@floegence/floe-webapp-core 0.35.59 → 0.36.1

package/dist/hooks/useDeckDrag.js

@@ -4,8 +4,8 @@ import { applyDragDelta as U } from "../utils/gridLayout.js";
 import { getGridConfigFromElement as N } from "../components/deck/DeckGrid.js";
 import { startHotInteraction as O } from "../utils/hotInteraction.js";
 function Z() {
-  const p = B();
-  let c = null, m = 0, f = 0, L = 0, g = 0, l = 0, P = 0, I = 0, A = 0, a = null, v = null, F = null, w = null, n = null, T = null, H = 0, k = 0, y = null;
+  const h = B();
+  let c = null, p = 0, m = 0, L = 0, f = 0, l = 0, P = 0, I = 0, A = 0, a = null, v = null, F = null, w = null, n = null, T = null, H = 0, k = 0, y = null;
   const C = (t) => {
     if (!t) {
       w?.(), w = null;
@@ -17,14 +17,14 @@ function Z() {
       lockUserSelect: !0
     });
   }, M = () => {
-    c !== null && (a !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(a), a = null), c = null, v = null, F = null, n = null, T = null, y = null, C(!1), p.endDrag(!0));
+    c !== null && (a !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(a), a = null), c = null, v = null, F = null, n = null, T = null, y = null, C(!1), h.endDrag(!0));
   }, Y = () => {
     if (!n) return;
     const t = T ?? n.getBoundingClientRect(), e = 48, d = 24, s = l - t.top, o = t.bottom - l;
     let r = 0;
     if (s < e ? r = -Math.ceil((e - s) / e * d) : o < e && (r = Math.ceil((e - o) / e * d)), r === 0) return;
-    const i = n.scrollTop, h = Math.max(0, Math.min(i + r, n.scrollHeight - n.clientHeight));
-    h !== i && (n.scrollTop = h);
+    const i = n.scrollTop, g = Math.max(0, Math.min(i + r, n.scrollHeight - n.clientHeight));
+    g !== i && (n.scrollTop = g);
   }, R = () => {
     if (a !== null || typeof requestAnimationFrame > "u") return;
     const t = () => {
@@ -44,23 +44,23 @@ function Z() {
     if (!r) return;
     const i = o.closest(".deck-grid");
     if (!i) return;
-    t.preventDefault(), t.stopPropagation(), c = t.pointerId, m = t.clientX, f = t.clientY, g = m, l = f, P = m, I = f, v = r, F = o, n = i, T = i.getBoundingClientRect(), L = i.scrollTop, A = L, C(!0);
-    const u = p.activeLayout()?.widgets.find((b) => b.id === r);
+    t.preventDefault(), t.stopPropagation(), c = t.pointerId, p = t.clientX, m = t.clientY, f = p, l = m, P = p, I = m, v = r, F = o, n = i, T = i.getBoundingClientRect(), L = i.scrollTop, A = L, C(!0);
+    const u = h.activeLayout()?.widgets.find((b) => b.id === r);
     y = u ? { ...u.position } : null;
     const E = window.getComputedStyle(i);
-    H = parseFloat(E.paddingLeft) || 0, k = parseFloat(E.paddingRight) || 0, p.startDrag(r, m, f), o.setPointerCapture(t.pointerId), R();
+    H = parseFloat(E.paddingLeft) || 0, k = parseFloat(E.paddingRight) || 0, h.startDrag(r, p, m), o.setPointerCapture(t.pointerId), R();
   }, x = (t) => {
-    c !== t.pointerId || !v || (g = t.clientX, l = t.clientY, typeof requestAnimationFrame > "u" && X());
+    c !== t.pointerId || !v || (f = t.clientX, l = t.clientY, typeof requestAnimationFrame > "u" && X());
   }, X = () => {
     if (!v || !n || !y) return;
     Y();
     const t = n.scrollTop;
-    if (g === P && l === I && t === A) return;
-    P = g, I = l, A = t;
-    const e = g - m, d = l - f + (t - L), { cols: s, rowHeight: o, gap: r } = N(n), i = n.clientWidth - H - k, h = r * (s - 1), u = (i - h) / s;
+    if (f === P && l === I && t === A) return;
+    P = f, I = l, A = t;
+    const e = f - p, d = l - m + (t - L), { cols: s, rowHeight: o, gap: r } = N(n), i = n.clientWidth - H - k, g = r * (s - 1), u = (i - g) / s;
     if (!Number.isFinite(u) || u <= 0) return;
     const E = o + r, b = Math.round(e / u), W = Math.round(d / E), q = U(y, b, W, s);
-    p.updateDrag(q, { x: e, y: d });
+    h.updateDrag(q, { x: e, y: d });
   }, D = (t) => {
     if (c === t.pointerId) {
       try {
@@ -71,9 +71,9 @@ function Z() {
     }
   };
   G(() => {
-    p.editMode() && (typeof document > "u" || (document.addEventListener("pointerdown", S, !0), document.addEventListener("pointermove", x, !0), document.addEventListener("pointerup", D, !0), document.addEventListener("pointercancel", D, !0), z(() => {
+    typeof document > "u" || (document.addEventListener("pointerdown", S, !0), document.addEventListener("pointermove", x, !0), document.addEventListener("pointerup", D, !0), document.addEventListener("pointercancel", D, !0), z(() => {
       M(), document.removeEventListener("pointerdown", S, !0), document.removeEventListener("pointermove", x, !0), document.removeEventListener("pointerup", D, !0), document.removeEventListener("pointercancel", D, !0);
-    })));
+    }));
   });
 }
 export {

package/dist/layout.js

@@ -1,32 +1,37 @@
-import { ActivityBar as o } from "./components/layout/ActivityBar.js";
-import { BottomBar as a, BottomBarItem as m, StatusIndicator as i } from "./components/layout/BottomBar.js";
-import { KeepAliveStack as n } from "./components/layout/KeepAliveStack.js";
-import { MobileTabBar as x } from "./components/layout/MobileTabBar.js";
-import { Panel as d, PanelContent as B, PanelHeader as b } from "./components/layout/Panel.js";
-import { ResizeHandle as c } from "./components/layout/ResizeHandle.js";
-import { Shell as P } from "./components/layout/Shell.js";
-import { Sidebar as T, SidebarContent as u, SidebarItem as v, SidebarItemList as A, SidebarSection as C } from "./components/layout/Sidebar.js";
-import { SidebarPane as h } from "./components/layout/SidebarPane.js";
-import { TopBar as y } from "./components/layout/TopBar.js";
-import { TopBarIconButton as K } from "./components/layout/TopBarIconButton.js";
+import { ActivityBar as r } from "./components/layout/ActivityBar.js";
+import { BottomBar as a, BottomBarItem as i, StatusIndicator as p } from "./components/layout/BottomBar.js";
+import { DisplayModePageShell as n } from "./components/layout/DisplayModePageShell.js";
+import { DisplayModeSwitcher as l, sanitizeDisplayMode as x } from "./components/layout/DisplayModeSwitcher.js";
+import { KeepAliveStack as S } from "./components/layout/KeepAliveStack.js";
+import { MobileTabBar as b } from "./components/layout/MobileTabBar.js";
+import { Panel as c, PanelContent as I, PanelHeader as P } from "./components/layout/Panel.js";
+import { ResizeHandle as M } from "./components/layout/ResizeHandle.js";
+import { Shell as D } from "./components/layout/Shell.js";
+import { Sidebar as u, SidebarContent as v, SidebarItem as z, SidebarItemList as A, SidebarSection as C } from "./components/layout/Sidebar.js";
+import { SidebarPane as g } from "./components/layout/SidebarPane.js";
+import { TopBar as w } from "./components/layout/TopBar.js";
+import { TopBarIconButton as L } from "./components/layout/TopBarIconButton.js";
 export {
-  o as ActivityBar,
+  r as ActivityBar,
   a as BottomBar,
-  m as BottomBarItem,
-  n as KeepAliveStack,
-  x as MobileTabBar,
-  d as Panel,
-  B as PanelContent,
-  b as PanelHeader,
-  c as ResizeHandle,
-  P as Shell,
-  T as Sidebar,
-  u as SidebarContent,
-  v as SidebarItem,
+  i as BottomBarItem,
+  n as DisplayModePageShell,
+  l as DisplayModeSwitcher,
+  S as KeepAliveStack,
+  b as MobileTabBar,
+  c as Panel,
+  I as PanelContent,
+  P as PanelHeader,
+  M as ResizeHandle,
+  D as Shell,
+  u as Sidebar,
+  v as SidebarContent,
+  z as SidebarItem,
   A as SidebarItemList,
-  h as SidebarPane,
+  g as SidebarPane,
   C as SidebarSection,
-  i as StatusIndicator,
-  y as TopBar,
-  K as TopBarIconButton
+  p as StatusIndicator,
+  w as TopBar,
+  L as TopBarIconButton,
+  x as sanitizeDisplayMode
 };