@floegence/floe-webapp-core 0.36.9 → 0.36.10

package/dist/context/DeckContext.js

@@ -1,10 +1,10 @@
-import { createSignal as z, createEffect as H } from "solid-js";
-import { createStore as J, produce as l, unwrap as N } from "solid-js/store";
-import { createSimpleContext as Q } from "./createSimpleContext.js";
-import { useResolvedFloeConfig as U } from "./FloeConfigContext.js";
-import { useWidgetRegistry as V } from "./WidgetRegistry.js";
-import { hasCollision as M, sameGridPosition as B, constrainPosition as X, findFreePosition as Y } from "../utils/gridCollision.js";
-function Z() {
+import { createSignal as h, createEffect as J, batch as W } from "solid-js";
+import { createStore as N, produce as f, unwrap as Q } from "solid-js/store";
+import { createSimpleContext as U } from "./createSimpleContext.js";
+import { useResolvedFloeConfig as V } from "./FloeConfigContext.js";
+import { useWidgetRegistry as Z } from "./WidgetRegistry.js";
+import { hasCollision as k, sameGridPosition as B, constrainPosition as _, findFreePosition as tt } from "../utils/gridCollision.js";
+function et() {
   const d = Date.now();
   return [{
     id: "preset-default",
@@ -135,8 +135,8 @@ function Z() {
     updatedAt: d
   }];
 }
-function _(d) {
-  if (!d || d.length === 0) return Z();
+function it(d) {
+  if (!d || d.length === 0) return et();
   const m = Date.now();
   return d.map((y) => ({
     id: y.id,
@@ -154,64 +154,64 @@ function _(d) {
   }));
 }
 const {
-  Provider: dt,
-  use: rt
-} = Q({
+  Provider: ut,
+  use: lt
+} = U({
   name: "Deck",
-  init: tt
+  init: ot
 });
-function tt() {
-  const d = U(), m = V(), y = () => d.config.deck.storageKey, u = (d.config.deck.presetsMode ?? "mutable") === "immutable", L = (t) => {
+function ot() {
+  const d = V(), m = Z(), y = () => d.config.deck.storageKey, u = (d.config.deck.presetsMode ?? "mutable") === "immutable", L = (t) => {
     try {
       if (t === null || typeof t != "object") return t;
       if (t instanceof Date) return new Date(t.getTime());
-      const i = N(t);
+      const i = Q(t);
       if (typeof structuredClone == "function")
         try {
           return structuredClone(i);
         } catch {
         }
-      const s = /* @__PURE__ */ new WeakMap(), n = (e) => {
+      const o = /* @__PURE__ */ new WeakMap(), a = (e) => {
         if (e === null || typeof e != "object") return e;
         if (e instanceof Date) return new Date(e.getTime());
         if (Array.isArray(e)) {
-          const a = new Array(e.length);
+          const s = new Array(e.length);
           for (let p = 0; p < e.length; p += 1)
-            a[p] = n(e[p]);
-          return a;
+            s[p] = a(e[p]);
+          return s;
         }
         if (e instanceof Map) {
-          const a = /* @__PURE__ */ new Map();
+          const s = /* @__PURE__ */ new Map();
           for (const [p, P] of e.entries())
-            a.set(n(p), n(P));
-          return a;
+            s.set(a(p), a(P));
+          return s;
         }
         if (e instanceof Set) {
-          const a = /* @__PURE__ */ new Set();
+          const s = /* @__PURE__ */ new Set();
           for (const p of e.values())
-            a.add(n(p));
-          return a;
+            s.add(a(p));
+          return s;
         }
-        if (s.has(e)) return s.get(e);
-        const o = {};
-        s.set(e, o);
-        for (const a of Object.keys(e))
+        if (o.has(e)) return o.get(e);
+        const n = {};
+        o.set(e, n);
+        for (const s of Object.keys(e))
           try {
-            o[a] = n(e[a]);
+            n[s] = a(e[s]);
           } catch {
           }
-        return o;
+        return n;
       };
-      return n(i);
+      return a(i);
     } catch {
       return t;
     }
   }, F = (t) => {
     const i = {};
-    for (const s of t.widgets ?? [])
-      !s?.id || !s.state || (i[s.id] = s.state);
+    for (const o of t.widgets ?? [])
+      !o?.id || !o.state || (i[o.id] = o.state);
     return i;
-  }, h = _(d.config.deck.presets), T = new Set(h.map((t) => t.id)), g = d.persist.load(y(), {}), W = Array.isArray(g.layouts) ? g.layouts : [], j = new Map(W.map((t) => [t.id, t])), E = h.map((t) => {
+  }, C = it(d.config.deck.presets), T = new Set(C.map((t) => t.id)), g = d.persist.load(y(), {}), R = Array.isArray(g.layouts) ? g.layouts : [], j = new Map(R.map((t) => [t.id, t])), E = C.map((t) => {
     const i = j.get(t.id);
     if (!u)
       return i ? {
@@ -223,79 +223,79 @@ function tt() {
         ...i,
         isPreset: !1
       } : t;
-    const s = (g.presetWidgetStateByLayoutId ?? {})[t.id] ?? {}, e = {
+    const o = (g.presetWidgetStateByLayoutId ?? {})[t.id] ?? {}, e = {
       ...i ? F(i) : {},
-      ...s
+      ...o
     };
     return {
       ...t,
-      widgets: t.widgets.map((o) => ({
-        ...o,
-        state: e[o.id] ? L(e[o.id]) : void 0
+      widgets: t.widgets.map((n) => ({
+        ...n,
+        state: e[n.id] ? L(e[n.id]) : void 0
       }))
     };
-  }), K = W.filter((t) => !t.isPreset && !T.has(t.id)), I = [...E, ...K], k = new Set(I.map((t) => t.id)), $ = g.activeLayoutId && k.has(g.activeLayoutId) ? g.activeLayoutId : d.config.deck.defaultActiveLayoutId && k.has(d.config.deck.defaultActiveLayoutId) ? d.config.deck.defaultActiveLayoutId : I[0]?.id ?? "", G = {
+  }), K = R.filter((t) => !t.isPreset && !T.has(t.id)), I = [...E, ...K], x = new Set(I.map((t) => t.id)), $ = g.activeLayoutId && x.has(g.activeLayoutId) ? g.activeLayoutId : d.config.deck.defaultActiveLayoutId && x.has(d.config.deck.defaultActiveLayoutId) ? d.config.deck.defaultActiveLayoutId : I[0]?.id ?? "", G = {
     layouts: I,
     activeLayoutId: $,
     editMode: !1
-  }, [r, c] = J(G), [C, A] = z(null), [R, D] = z(null), x = (t) => t;
-  H(() => {
-    x(r.layouts.length);
-    for (const n of r.layouts) x(n.updatedAt);
+  }, [r, c] = N(G), [b, A] = h(null), [O, D] = h(null), [z, M] = h(null), X = (t) => t;
+  J(() => {
+    X(r.layouts.length);
+    for (const a of r.layouts) X(a.updatedAt);
     if (!u) {
-      const n = {
+      const a = {
         layouts: r.layouts,
         activeLayoutId: r.activeLayoutId
       };
-      d.persist.debouncedSave(y(), n);
+      d.persist.debouncedSave(y(), a);
       return;
     }
     const t = {}, i = [];
-    for (const n of r.layouts) {
-      if (n.isPreset) {
+    for (const a of r.layouts) {
+      if (a.isPreset) {
         const e = {};
-        for (const o of n.widgets ?? [])
-          !o?.id || !o.state || (e[o.id] = o.state);
-        t[n.id] = e;
+        for (const n of a.widgets ?? [])
+          !n?.id || !n.state || (e[n.id] = n.state);
+        t[a.id] = e;
         continue;
       }
-      i.push(n);
+      i.push(a);
     }
-    const s = {
+    const o = {
       layouts: i,
       activeLayoutId: r.activeLayoutId,
       presetWidgetStateByLayoutId: t
     };
-    d.persist.debouncedSave(y(), s);
+    d.persist.debouncedSave(y(), o);
   });
-  const f = () => r.layouts.find((t) => t.id === r.activeLayoutId), S = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  const l = () => r.layouts.find((t) => t.id === r.activeLayoutId), S = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
   return {
     // Layout management
     layouts: () => r.layouts,
     activeLayoutId: () => r.activeLayoutId,
-    activeLayout: f,
+    activeLayout: l,
     setActiveLayout: (t) => {
-      r.layouts.some((i) => i.id === t) && (c("activeLayoutId", t), u && r.layouts.find((s) => s.id === t)?.isPreset && c("editMode", !1));
+      r.layouts.some((i) => i.id === t) && (c("activeLayoutId", t), u && r.layouts.find((o) => o.id === t)?.isPreset && c("editMode", !1));
     },
     createLayout: (t, i) => {
-      const s = {
+      const o = {
         id: S(),
         name: t,
         widgets: i ?? [],
         createdAt: Date.now(),
         updatedAt: Date.now()
       };
-      return c(l((n) => {
-        n.layouts.push(s), n.activeLayoutId = s.id;
-      })), s;
+      return c(f((a) => {
+        a.layouts.push(o), a.activeLayoutId = o.id;
+      })), o;
     },
     duplicateLayout: (t, i) => {
-      const s = r.layouts.find((e) => e.id === t);
-      if (!s) return;
-      const n = {
+      const o = r.layouts.find((e) => e.id === t);
+      if (!o) return;
+      const a = {
         id: S(),
         name: i,
-        widgets: s.widgets.map((e) => ({
+        widgets: o.widgets.map((e) => ({
           ...e,
           id: S(),
           position: {
@@ -307,199 +307,212 @@ function tt() {
         createdAt: Date.now(),
         updatedAt: Date.now()
       };
-      return c(l((e) => {
-        e.layouts.push(n), e.activeLayoutId = n.id;
-      })), n;
+      return c(f((e) => {
+        e.layouts.push(a), e.activeLayoutId = a.id;
+      })), a;
     },
     deleteLayout: (t) => {
-      const i = r.layouts.find((s) => s.id === t);
-      !i || i.isPreset || c(l((s) => {
-        const n = s.layouts.findIndex((e) => e.id === t);
-        n !== -1 && (s.layouts.splice(n, 1), s.activeLayoutId === t && (s.activeLayoutId = s.layouts[0]?.id ?? ""));
+      const i = r.layouts.find((o) => o.id === t);
+      !i || i.isPreset || c(f((o) => {
+        const a = o.layouts.findIndex((e) => e.id === t);
+        a !== -1 && (o.layouts.splice(a, 1), o.activeLayoutId === t && (o.activeLayoutId = o.layouts[0]?.id ?? ""));
       }));
     },
     renameLayout: (t, i) => {
-      const s = r.layouts.find((n) => n.id === t);
-      !s || s.isPreset || c(l((n) => {
-        const e = n.layouts.find((o) => o.id === t);
+      const o = r.layouts.find((a) => a.id === t);
+      !o || o.isPreset || c(f((a) => {
+        const e = a.layouts.find((n) => n.id === t);
         e && (e.name = i, e.updatedAt = Date.now());
       }));
     },
     // Edit mode
     editMode: () => r.editMode,
     setEditMode: (t) => {
-      t && u && f()?.isPreset || c("editMode", t);
+      t && u && l()?.isPreset || c("editMode", t);
     },
     toggleEditMode: () => {
-      !r.editMode && u && f()?.isPreset || c("editMode", !r.editMode);
+      !r.editMode && u && l()?.isPreset || c("editMode", !r.editMode);
     },
     // Widget management
-    addWidget: (t, i, s) => {
-      const n = f();
-      if (!n || u && n.isPreset) return;
-      const e = m.getWidget(t), o = {
+    addWidget: (t, i, o) => {
+      const a = l();
+      if (!a || u && a.isPreset) return;
+      const e = m.getWidget(t), n = {
         minColSpan: e?.minColSpan ?? 2,
         minRowSpan: e?.minRowSpan ?? 2
-      }, a = {
-        colSpan: i?.colSpan ?? e?.defaultColSpan ?? Math.max(o.minColSpan, 4),
-        rowSpan: i?.rowSpan ?? e?.defaultRowSpan ?? Math.max(o.minRowSpan, 3)
-      }, p = i?.col !== void 0 && i?.row !== void 0 ? X({
-        ...a,
+      }, s = {
+        colSpan: i?.colSpan ?? e?.defaultColSpan ?? Math.max(n.minColSpan, 4),
+        rowSpan: i?.rowSpan ?? e?.defaultRowSpan ?? Math.max(n.minRowSpan, 3)
+      }, p = i?.col !== void 0 && i?.row !== void 0 ? _({
+        ...s,
         col: i.col,
         row: i.row
-      }, o.minColSpan, o.minRowSpan) : Y(n.widgets, a.colSpan, a.rowSpan), P = S(), O = {
+      }, n.minColSpan, n.minRowSpan) : tt(a.widgets, s.colSpan, s.rowSpan), P = S(), q = {
         id: P,
         type: t,
         position: p,
-        config: s
+        config: o
       };
-      return c(l((b) => {
-        const v = b.layouts.find((q) => q.id === b.activeLayoutId);
-        v && (v.widgets.push(O), v.updatedAt = Date.now());
+      return c(f((Y) => {
+        const v = Y.layouts.find((H) => H.id === Y.activeLayoutId);
+        v && (v.widgets.push(q), v.updatedAt = Date.now());
       })), P;
     },
     removeWidget: (t) => {
-      const i = f();
-      u && i?.isPreset || c(l((s) => {
-        const n = s.layouts.find((e) => e.id === s.activeLayoutId);
-        if (n) {
-          const e = n.widgets.findIndex((o) => o.id === t);
-          e !== -1 && (n.widgets.splice(e, 1), n.updatedAt = Date.now());
+      const i = l();
+      u && i?.isPreset || c(f((o) => {
+        const a = o.layouts.find((e) => e.id === o.activeLayoutId);
+        if (a) {
+          const e = a.widgets.findIndex((n) => n.id === t);
+          e !== -1 && (a.widgets.splice(e, 1), a.updatedAt = Date.now());
         }
       }));
     },
     updateWidgetPosition: (t, i) => {
-      const s = f();
-      u && s?.isPreset || c(l((n) => {
-        const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+      const o = l();
+      u && o?.isPreset || c(f((a) => {
+        const e = a.layouts.find((n) => n.id === a.activeLayoutId);
         if (e) {
-          const o = e.widgets.find((a) => a.id === t);
-          o && (M(i, e.widgets, t) || (o.position = i, e.updatedAt = Date.now()));
+          const n = e.widgets.find((s) => s.id === t);
+          n && (k(i, e.widgets, t) || (n.position = i, e.updatedAt = Date.now()));
         }
       }));
     },
     updateWidgetConfig: (t, i) => {
-      const s = f();
-      u && s?.isPreset || c(l((n) => {
-        const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+      const o = l();
+      u && o?.isPreset || c(f((a) => {
+        const e = a.layouts.find((n) => n.id === a.activeLayoutId);
         if (e) {
-          const o = e.widgets.find((a) => a.id === t);
-          o && (o.config = {
-            ...o.config,
+          const n = e.widgets.find((s) => s.id === t);
+          n && (n.config = {
+            ...n.config,
             ...i
           }, e.updatedAt = Date.now());
         }
       }));
     },
     updateWidgetTitle: (t, i) => {
-      const s = f();
-      u && s?.isPreset || c(l((n) => {
-        const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+      const o = l();
+      u && o?.isPreset || c(f((a) => {
+        const e = a.layouts.find((n) => n.id === a.activeLayoutId);
         if (e) {
-          const o = e.widgets.find((a) => a.id === t);
-          o && (o.title = i, e.updatedAt = Date.now());
+          const n = e.widgets.find((s) => s.id === t);
+          n && (n.title = i, e.updatedAt = Date.now());
         }
       }));
     },
     changeWidgetType: (t, i) => {
-      const s = f();
-      u && s?.isPreset || c(l((n) => {
-        const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+      const o = l();
+      u && o?.isPreset || c(f((a) => {
+        const e = a.layouts.find((n) => n.id === a.activeLayoutId);
         if (e) {
-          const o = e.widgets.find((a) => a.id === t);
-          o && (o.type = i, o.config = void 0, o.title = void 0, o.state = void 0, e.updatedAt = Date.now());
+          const n = e.widgets.find((s) => s.id === t);
+          n && (n.type = i, n.config = void 0, n.title = void 0, n.state = void 0, e.updatedAt = Date.now());
         }
       }));
     },
-    updateWidgetState: (t, i, s) => {
-      c(l((n) => {
-        const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+    updateWidgetState: (t, i, o) => {
+      c(f((a) => {
+        const e = a.layouts.find((n) => n.id === a.activeLayoutId);
         if (e) {
-          const o = e.widgets.find((a) => a.id === t);
-          o && (o.state || (o.state = {}), o.state[i] = s, e.updatedAt = Date.now());
+          const n = e.widgets.find((s) => s.id === t);
+          n && (n.state || (n.state = {}), n.state[i] = o, e.updatedAt = Date.now());
         }
       }));
     },
-    getWidgetState: (t) => f()?.widgets.find((n) => n.id === t)?.state ?? {},
+    getWidgetState: (t) => l()?.widgets.find((a) => a.id === t)?.state ?? {},
     // Drag state
-    dragState: C,
-    startDrag: (t, i, s) => {
-      const n = f();
-      if (u && n?.isPreset) return;
-      const e = n?.widgets.find((o) => o.id === t);
-      e && A({
-        widgetId: t,
-        originalPosition: {
-          ...e.position
-        },
-        currentPosition: {
-          ...e.position
-        },
-        startX: i,
-        startY: s
+    dragState: b,
+    dragMotion: O,
+    startDrag: (t, i, o) => {
+      const a = l();
+      if (u && a?.isPreset) return;
+      const e = a?.widgets.find((n) => n.id === t);
+      e && W(() => {
+        A({
+          widgetId: t,
+          originalPosition: {
+            ...e.position
+          },
+          currentPosition: {
+            ...e.position
+          },
+          startX: i,
+          startY: o
+        }), D({
+          widgetId: t,
+          deltaX: 0,
+          deltaY: 0
+        });
       });
     },
-    updateDrag: (t) => {
-      A((i) => !i || B(i.currentPosition, t) ? i : {
-        ...i,
-        currentPosition: t
+    updateDrag: (t, i) => {
+      W(() => {
+        D((o) => !o || o.deltaX === i.deltaX && o.deltaY === i.deltaY ? o : {
+          ...o,
+          deltaX: i.deltaX,
+          deltaY: i.deltaY
+        }), A((o) => !o || B(o.currentPosition, t) ? o : {
+          ...o,
+          currentPosition: t
+        });
       });
     },
     endDrag: (t) => {
-      const i = C();
-      if (i) {
+      const i = b();
+      i && W(() => {
         if (t) {
-          const s = f();
-          s && !(u && s.isPreset) && !M(i.currentPosition, s.widgets, i.widgetId) && c(l((n) => {
-            const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+          const o = l();
+          o && !(u && o.isPreset) && !k(i.currentPosition, o.widgets, i.widgetId) && c(f((a) => {
+            const e = a.layouts.find((n) => n.id === a.activeLayoutId);
             if (e) {
-              const o = e.widgets.find((a) => a.id === i.widgetId);
-              o && (o.position = i.currentPosition, e.updatedAt = Date.now());
+              const n = e.widgets.find((s) => s.id === i.widgetId);
+              n && (n.position = i.currentPosition, e.updatedAt = Date.now());
             }
           }));
         }
-        A(null);
-      }
+        A(null), D(null);
+      });
     },
     // Resize state
-    resizeState: R,
-    startResize: (t, i, s, n) => {
-      const e = f();
+    resizeState: z,
+    startResize: (t, i, o, a) => {
+      const e = l();
       if (u && e?.isPreset) return;
-      const o = e?.widgets.find((a) => a.id === t);
-      o && D({
+      const n = e?.widgets.find((s) => s.id === t);
+      n && M({
         widgetId: t,
         edge: i,
         originalPosition: {
-          ...o.position
+          ...n.position
         },
         currentPosition: {
-          ...o.position
+          ...n.position
         },
-        startX: s,
-        startY: n
+        startX: o,
+        startY: a
       });
     },
     updateResize: (t) => {
-      D((i) => !i || B(i.currentPosition, t) ? i : {
+      M((i) => !i || B(i.currentPosition, t) ? i : {
         ...i,
         currentPosition: t
       });
     },
     endResize: (t) => {
-      const i = R();
+      const i = z();
       if (i) {
         if (t) {
-          const s = f();
-          s && !(u && s.isPreset) && !M(i.currentPosition, s.widgets, i.widgetId) && c(l((n) => {
-            const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+          const o = l();
+          o && !(u && o.isPreset) && !k(i.currentPosition, o.widgets, i.widgetId) && c(f((a) => {
+            const e = a.layouts.find((n) => n.id === a.activeLayoutId);
             if (e) {
-              const o = e.widgets.find((a) => a.id === i.widgetId);
-              o && (o.position = i.currentPosition, e.updatedAt = Date.now());
+              const n = e.widgets.find((s) => s.id === i.widgetId);
+              n && (n.position = i.currentPosition, e.updatedAt = Date.now());
             }
           }));
         }
-        D(null);
+        M(null);
       }
     },
     // Utilities
@@ -513,7 +526,7 @@ function tt() {
   };
 }
 export {
-  dt as DeckProvider,
-  tt as createDeckService,
-  rt as useDeck
+  ut as DeckProvider,
+  ot as createDeckService,
+  lt as useDeck
 };

package/dist/floe.css

@@ -414,7 +414,9 @@
   [data-floe-hot-interaction~='resize'] [data-floe-geometry-surface='shell-sidebar'],
   [data-floe-hot-interaction~='resize'] [data-floe-geometry-surface='sidebar-pane'],
   [data-floe-hot-interaction~='resize'] [data-floe-geometry-surface='floating-window'],
+  [data-floe-hot-interaction~='resize'] [data-floe-geometry-surface='deck-widget'],
   [data-floe-hot-interaction~='drag'] [data-floe-geometry-surface='floating-window'],
+  [data-floe-hot-interaction~='drag'] [data-floe-geometry-surface='deck-widget'],
   [data-floe-hot-interaction~='drag'] [data-floe-geometry-surface='notes-note'],
   [data-floe-hot-interaction~='drag'] [data-floe-geometry-surface='notes-note'] .notes-note__surface {
     animation: none !important;

package/dist/hooks/useDeckDrag.js

@@ -1,48 +1,51 @@
-import { createEffect as w, onCleanup as E } from "solid-js";
+import { createEffect as m, onCleanup as E } from "solid-js";
 import { useDeck as h } from "../context/DeckContext.js";
 import { applyDragDelta as k } from "../utils/gridLayout.js";
 import { startDeckPointerSession as y } from "../components/deck/deckPointerSession.js";
-function S() {
-  const r = h();
-  let i = null, l = null, o = null;
-  const s = (t) => {
-    i?.stop({ commit: t }), i = null, l = null, o = null;
-  }, u = (t) => {
-    const a = t.target;
-    if (!a || a.closest('button, input, select, textarea, [role="button"], a') || a.closest("[data-widget-resize-handle]") || t.pointerType === "mouse" && t.button !== 0) return;
+function L() {
+  const o = h();
+  let i = null, l = null, r = null;
+  const s = (e) => {
+    i?.stop({ commit: e }), i = null, l = null, r = null;
+  }, u = (e) => {
+    const a = e.target;
+    if (!a || a.closest('button, input, select, textarea, [role="button"], a') || a.closest("[data-widget-resize-handle]") || e.pointerType === "mouse" && e.button !== 0) return;
     const d = a.closest("[data-widget-drag-handle]");
     if (!d) return;
     const n = d.dataset.widgetDragHandle;
     if (!n) return;
     const c = d.closest(".deck-grid");
     if (!c) return;
-    const g = r.activeLayout()?.widgets.find((e) => e.id === n);
+    const g = o.activeLayout()?.widgets.find((t) => t.id === n);
     if (!g) return;
-    t.preventDefault(), t.stopPropagation(), s(!1), r.startDrag(n, t.clientX, t.clientY);
-    const p = r.dragState();
-    !p || p.widgetId !== n || (l = n, o = { ...g.position }, i = y({
+    e.preventDefault(), e.stopPropagation(), s(!1), o.startDrag(n, e.clientX, e.clientY);
+    const p = o.dragState();
+    !p || p.widgetId !== n || (l = n, r = { ...g.position }, i = y({
       kind: "drag",
       widgetId: n,
       gridEl: c,
       captureEl: d,
-      pointerEvent: t,
+      pointerEvent: e,
       cursor: "grabbing",
-      onMove: (e) => {
-        if (!l || !o) return;
-        const f = Math.round(e.deltaX / e.cellWidth), D = Math.round(e.deltaY / e.cellHeight), m = k(o, f, D, e.cols);
-        r.updateDrag(m);
+      onMove: (t) => {
+        if (!l || !r) return;
+        const f = Math.round(t.deltaX / t.cellWidth), D = Math.round(t.deltaY / t.cellHeight), w = k(r, f, D, t.cols);
+        o.updateDrag(w, {
+          deltaX: t.deltaX,
+          deltaY: t.deltaY
+        });
       },
-      onEnd: ({ commit: e }) => {
-        i = null, l = null, o = null, r.endDrag(e);
+      onEnd: ({ commit: t }) => {
+        i = null, l = null, r = null, o.endDrag(t);
       }
     }));
   };
-  w(() => {
+  m(() => {
     typeof document > "u" || (document.addEventListener("pointerdown", u, !0), E(() => {
       s(!1), document.removeEventListener("pointerdown", u, !0);
     }));
   });
 }
 export {
-  S as useDeckDrag
+  L as useDeckDrag
 };