@floegence/floe-webapp-core 0.35.58 → 0.36.0

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 {