@griddle/vue 0.1.4 → 0.1.6

package/README.md

@@ -39,6 +39,18 @@ const api = useGriddle({
 </template>
 ```
 
+## Explicit reflow
+
+Changing `cols` through `updateConfig()` does not relocate tiles. Use the
+versioned reflow operation when a finite-column change should adapt geometry:
+
+```ts
+api.reflow({ cols: 4, strategy: 'preserve-v1' });
+```
+
+Griddle has no breakpoint model, and reflow remains separate from `pack()` and
+gravity. See the [reflow guide](https://github.com/Trustybits/griddle/blob/master/docs/reflow.md).
+
 ## Animation configuration
 
 Tile repositioning and lift animations share `config.animation` with the other

package/dist/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as Le, ref as H, computed as p, watch as Ee, onMounted as Ge, onBeforeUnmount as Me, nextTick as $e, openBlock as k, createElementBlock as E, normalizeStyle as G, normalizeClass as Ce, createElementVNode as Ne, createCommentVNode as ne, Fragment as he, renderList as Ie, renderSlot as Se, createBlock as Oe, withCtx as Be, normalizeProps as Fe, guardReactiveProps as Ke, toDisplayString as Ue, shallowRef as Te } from "vue";
-import { resolveLoop as Ve, loopPeriod as Je, PanController as qe, loopInstances as je, DragController as Ae, visibleRange as Qe, visibleTiles as Ze, gridContentSize as et, GroupDragController as tt, computeTileLayout as We, resolveStickyStacking as nt, isOutOfFlow as it, pixelsToPin as ot, Grid as lt } from "@griddle/core";
-import { animateReposition as _e, liftTransition as at } from "./animation.js";
-const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost", "aria-hidden", "onPointerdown"], st = ["data-griddle-handle", "onPointerdown"], dt = ["data-griddle-tile"], De = "a, button, input, textarea, select, [contenteditable]", ut = 4, ct = /* @__PURE__ */ Le({
+import { defineComponent as De, ref as H, computed as p, watch as Ee, onMounted as Le, onBeforeUnmount as Ge, nextTick as $e, openBlock as k, createElementBlock as E, normalizeStyle as G, normalizeClass as Ce, createElementVNode as Ne, createCommentVNode as ne, Fragment as he, renderList as Ie, renderSlot as Se, createBlock as Oe, withCtx as Be, normalizeProps as Fe, guardReactiveProps as Ke, toDisplayString as Ue, shallowRef as Ye, onScopeDispose as Ve } from "vue";
+import { resolveLoop as Je, loopPeriod as qe, PanController as je, loopInstances as Qe, DragController as Ae, visibleRange as Ze, visibleTiles as et, gridContentSize as tt, GroupDragController as nt, computeTileLayout as Te, resolveStickyStacking as it, isOutOfFlow as ot, pixelsToPin as lt, Grid as at } from "@griddle/core";
+import { animateReposition as _e, liftTransition as rt } from "./animation.js";
+const st = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost", "aria-hidden", "onPointerdown"], dt = ["data-griddle-handle", "onPointerdown"], ut = ["data-griddle-tile"], We = "a, button, input, textarea, select, [contenteditable]", ct = 4, vt = /* @__PURE__ */ De({
   __name: "LoopGrid",
   props: {
     api: {},
@@ -11,11 +11,11 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
     selection: {}
   },
   emits: ["selectionChange", "dragStart", "dragEnd", "resizeStart", "resizeEnd", "cameraChange"],
-  setup(B, { emit: S }) {
-    const d = B, w = S, F = H(null), $ = H(null), v = p(() => d.api.config.value), u = p(() => Ve(v.value)), g = p(() => {
+  setup(B, { emit: I }) {
+    const d = B, w = I, F = H(null), $ = H(null), v = p(() => d.api.config.value), u = p(() => Je(v.value)), g = p(() => {
       var e;
       return ((e = u.value) == null ? void 0 : e.interaction) === "edit";
-    }), m = p(() => v.value.gap ?? 0), b = p(() => m.value / 2), f = p(() => v.value.unitWidth + m.value), X = p(() => v.value.unitHeight + m.value), de = p(() => Je(v.value, d.api.tiles.value)), A = new qe();
+    }), m = p(() => v.value.gap ?? 0), b = p(() => m.value / 2), f = p(() => v.value.unitWidth + m.value), X = p(() => v.value.unitHeight + m.value), de = p(() => qe(v.value, d.api.tiles.value)), A = new je();
     Ee(u, (e) => {
       e && A.setPhysics({ friction: e.friction, ease: e.ease, maxVelocity: e.maxVelocity });
     }, { immediate: !0 });
@@ -38,20 +38,20 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
     const oe = p(() => {
       d.api.version.value;
       const e = 2 * f.value, i = 2 * X.value;
-      return je(v.value, d.api.tiles.value, {
+      return Qe(v.value, d.api.tiles.value, {
         x: _.value.cxCell * f.value - e,
         y: _.value.cyCell * X.value - i,
         width: _.value.vw + f.value + 2 * e,
         height: _.value.vh + X.value + 2 * i
       });
     });
-    let I = null, z = !1;
+    let S = null, z = !1;
     function ue(e) {
       var l;
       const i = !!e.target.closest("[data-griddle-tile]");
       if (g.value && !i && R(/* @__PURE__ */ new Set()), !((l = u.value) != null && l.dragPan) || e.button !== 0) return;
-      const n = v.value.dragIgnoreFrom ?? De;
-      n && e.target.closest(n) || (I = { pointerId: e.pointerId, startX: e.clientX, startY: e.clientY, moved: !1 });
+      const n = v.value.dragIgnoreFrom ?? We;
+      n && e.target.closest(n) || (S = { pointerId: e.pointerId, startX: e.clientX, startY: e.clientY, moved: !1 });
     }
     function ce(e) {
       z && (z = !1, e.preventDefault(), e.stopPropagation());
@@ -76,7 +76,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
       if (!g.value || !N(i)) return;
       const n = i.tile;
       if (n.draggable === !1 || e.target.dataset.griddleHandle) return;
-      const l = v.value.dragIgnoreFrom ?? De;
+      const l = v.value.dragIgnoreFrom ?? We;
       if (!(l && e.target.closest(l))) {
         if (e.metaKey || e.ctrlKey) {
           e.preventDefault();
@@ -122,9 +122,9 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
       }, w("resizeStart", l.id), e.stopPropagation();
     }
     function ve(e) {
-      if (I && e.pointerId === I.pointerId) {
+      if (S && e.pointerId === S.pointerId) {
         const l = performance.now();
-        I.moved ? A.dragMove(e.clientX, e.clientY, l) : Math.hypot(e.clientX - I.startX, e.clientY - I.startY) >= ut && (I.moved = !0, A.dragStart(I.startX, I.startY, l), A.dragMove(e.clientX, e.clientY, l));
+        S.moved ? A.dragMove(e.clientX, e.clientY, l) : Math.hypot(e.clientX - S.startX, e.clientY - S.startY) >= ct && (S.moved = !0, A.dragStart(S.startX, S.startY, l), A.dragMove(e.clientX, e.clientY, l));
         return;
       }
       const i = x.value;
@@ -152,8 +152,8 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
       }
     }
     function O(e) {
-      if (I && e.pointerId === I.pointerId) {
-        I.moved && (A.dragEnd(performance.now()), z = !0), I = null;
+      if (S && e.pointerId === S.pointerId) {
+        S.moved && (A.dragEnd(performance.now()), z = !0), S = null;
         return;
       }
       if (x.value) {
@@ -174,7 +174,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
     function re(e) {
       e.key === "Escape" && g.value && R(/* @__PURE__ */ new Set());
     }
-    Ge(() => {
+    Le(() => {
       const e = F.value;
       if (e) {
         e.addEventListener("wheel", q, { passive: !1 });
@@ -185,7 +185,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
         i(), W = new ResizeObserver(i), W.observe(e);
       }
       ie = requestAnimationFrame(j), window.addEventListener("pointermove", ve), window.addEventListener("pointerup", O), window.addEventListener("pointercancel", O), window.addEventListener("keydown", re);
-    }), Me(() => {
+    }), Ge(() => {
       var e;
       cancelAnimationFrame(ie), (e = F.value) == null || e.removeEventListener("wheel", q), W == null || W.disconnect(), window.removeEventListener("pointermove", ve), window.removeEventListener("pointerup", O), window.removeEventListener("pointercancel", O), window.removeEventListener("keydown", re);
     });
@@ -369,8 +369,8 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
                 "data-griddle-handle": r,
                 style: G(o(r)),
                 onPointerdown: (s) => ae(s, n, r)
-              }, null, 44, st))), 128)) : ne("", !0)
-            ], 46, rt))
+              }, null, 44, dt))), 128)) : ne("", !0)
+            ], 46, st))
           ], 64);
         }), 128)),
         x.value && te.value ? (k(), E("div", {
@@ -383,11 +383,11 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
             tile: te.value,
             selected: T.value.has(te.value.id)
           })
-        ], 12, dt)) : ne("", !0)
+        ], 12, ut)) : ne("", !0)
       ], 4)
     ], 38));
   }
-}), vt = ["data-griddle-tile", "onPointerdown"], pt = ["data-griddle-handle", "onPointerdown"], gt = "a, button, input, textarea, select, [contenteditable]", wt = 12, mt = /* @__PURE__ */ Le({
+}), pt = ["data-griddle-tile", "onPointerdown"], gt = ["data-griddle-handle", "onPointerdown"], wt = "a, button, input, textarea, select, [contenteditable]", ht = 12, yt = /* @__PURE__ */ De({
   __name: "GriddleGrid",
   props: {
     api: {},
@@ -397,11 +397,11 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
     selection: {}
   },
   emits: ["selectionChange", "drawCreate", "dragStart", "dragEnd", "resizeStart", "resizeEnd", "cameraChange"],
-  setup(B, { emit: S }) {
-    const d = B, w = S, F = p(() => {
+  setup(B, { emit: I }) {
+    const d = B, w = I, F = p(() => {
       var t;
       return ((t = d.api.config.value.loop) == null ? void 0 : t.enabled) === !0;
-    }), $ = H(null), v = H({ scrollX: 0, scrollY: 0, width: 1e3, height: 800 }), u = p(() => d.api.config.value), g = p(() => u.value.gap ?? 0), m = p(() => g.value / 2), b = p(() => u.value.unitWidth + g.value), f = p(() => u.value.unitHeight + g.value), X = p(() => Qe(u.value, v.value, 4)), de = p(() => Ze(d.api.tiles.value, X.value)), A = p(() => et(u.value, d.api.tiles.value)), _ = p(() => {
+    }), $ = H(null), v = H({ scrollX: 0, scrollY: 0, width: 1e3, height: 800 }), u = p(() => d.api.config.value), g = p(() => u.value.gap ?? 0), m = p(() => g.value / 2), b = p(() => u.value.unitWidth + g.value), f = p(() => u.value.unitHeight + g.value), X = p(() => Ze(u.value, v.value, 4)), de = p(() => et(d.api.tiles.value, X.value)), A = p(() => tt(u.value, d.api.tiles.value)), _ = p(() => {
       const t = u.value.scroll !== "none", o = {
         position: "relative",
         overflow: t ? "auto" : "visible",
@@ -430,7 +430,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
     function j(t) {
       d.selection || (ie.value = t), w("selectionChange", t);
     }
-    const oe = new Ae(d.api.grid), I = new tt(d.api.grid), z = H(null);
+    const oe = new Ae(d.api.grid), S = new nt(d.api.grid), z = H(null);
     let ue = 0, ce = 0;
     const Y = H(null), T = H(null), R = H(null), D = H(null);
     let x = null;
@@ -443,7 +443,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
         return !1;
       }
       if (ue = t.startPointerX, ce = t.startPointerY, t.mode === "pin") {
-        const a = We({
+        const a = Te({
           tile: o,
           config: u.value,
           scrollX: v.value.scrollX,
@@ -458,7 +458,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
           startPointerY: t.startPointerY
         }, w("dragStart", o.id), !0;
       }
-      return t.mode === "group" ? I.start(t.groupTileIds) ? (Y.value = {
+      return t.mode === "group" ? S.start(t.groupTileIds) ? (Y.value = {
         tileIds: t.groupTileIds,
         deltaX: 0,
         deltaY: 0,
@@ -476,10 +476,10 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
     }
     function xe(t, o) {
       if (t.button !== 0 || o.draggable === !1 || t.target.dataset.griddleHandle) return;
-      const a = u.value.dragIgnoreFrom ?? gt;
+      const a = u.value.dragIgnoreFrom ?? wt;
       if (a && t.target.closest(a)) return;
       const e = t.metaKey || t.ctrlKey;
-      if (u.value.enablePositioning && it(o)) {
+      if (u.value.enablePositioning && ot(o)) {
         x = {
           pointerId: t.pointerId,
           tileId: o.id,
@@ -550,16 +550,16 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
         if (Math.hypot(
           t.clientX - o.startPointerX,
           t.clientY - o.startPointerY
-        ) <= wt || (x = null, !fe(o))) return;
+        ) <= ht || (x = null, !fe(o))) return;
         t.preventDefault();
       }
       const a = T.value, e = Y.value, i = z.value, n = R.value;
       if (a) {
-        const s = t.clientX - a.startPointerX, c = t.clientY - a.startPointerY, h = { x: a.startPinPx.x + s, y: a.startPinPx.y + c }, C = ot(h, u.value);
+        const s = t.clientX - a.startPointerX, c = t.clientY - a.startPointerY, h = { x: a.startPinPx.x + s, y: a.startPinPx.y + c }, C = lt(h, u.value);
         d.api.grid.setTilePinned(a.tileId, C);
       }
       if (e) {
-        const s = t.clientX - ue, c = t.clientY - ce, h = Math.round(s / b.value), C = Math.round(c / f.value), y = I.update({ dcol: h, drow: C });
+        const s = t.clientX - ue, c = t.clientY - ce, h = Math.round(s / b.value), C = Math.round(c / f.value), y = S.update({ dcol: h, drow: C });
         Y.value = {
           ...e,
           deltaX: s,
@@ -583,8 +583,8 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
         let h = 0, C = 0, y = 0, L = 0;
         const P = Math.round(s / b.value), pe = Math.round(c / f.value);
         (n.corner === "se" || n.corner === "ne") && (h = P), (n.corner === "se" || n.corner === "sw") && (C = pe), (n.corner === "sw" || n.corner === "nw") && (h = -P, y = P), (n.corner === "ne" || n.corner === "nw") && (C = -pe, L = pe);
-        const M = d.api.grid.getTile(n.tileId), ke = (M == null ? void 0 : M.minW) ?? 1, He = (M == null ? void 0 : M.minH) ?? 1, ye = (M == null ? void 0 : M.maxW) ?? 1 / 0, be = (M == null ? void 0 : M.maxH) ?? 1 / 0, ge = Math.min(ye, Math.max(ke, n.startW + h)), we = Math.min(be, Math.max(He, n.startH + C)), Xe = n.startCol + y, Ye = n.startRow + L;
-        (ge !== n.previewW || we !== n.previewH || Xe !== n.previewCol || Ye !== n.previewRow) && (R.value = { ...n, previewW: ge, previewH: we, previewCol: Xe, previewRow: Ye });
+        const M = d.api.grid.getTile(n.tileId), ke = (M == null ? void 0 : M.minW) ?? 1, He = (M == null ? void 0 : M.minH) ?? 1, ye = (M == null ? void 0 : M.maxW) ?? 1 / 0, be = (M == null ? void 0 : M.maxH) ?? 1 / 0, ge = Math.min(ye, Math.max(ke, n.startW + h)), we = Math.min(be, Math.max(He, n.startH + C)), Me = n.startCol + y, Xe = n.startRow + L;
+        (ge !== n.previewW || we !== n.previewH || Me !== n.previewCol || Xe !== n.previewRow) && (R.value = { ...n, previewW: ge, previewH: we, previewCol: Me, previewRow: Xe });
       }
     }
     function Q() {
@@ -605,7 +605,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
         T.value = null, w("dragEnd", a, !0);
       }
       if (Y.value) {
-        const a = Y.value.tileIds, { committed: e } = I.end();
+        const a = Y.value.tileIds, { committed: e } = S.end();
         Y.value = null, Q();
         const i = a[0];
         i !== void 0 && w("dragEnd", i, e);
@@ -634,11 +634,11 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
       t.key === "Escape" && j(/* @__PURE__ */ new Set());
     }
     let O = null;
-    Ge(() => {
+    Le(() => {
       ae();
       const t = $.value;
       t && (t.addEventListener("scroll", ae, { passive: !0 }), O = new ResizeObserver(ae), O.observe(t)), window.addEventListener("pointermove", N), window.addEventListener("pointerup", le), window.addEventListener("pointercancel", le), window.addEventListener("keydown", ve);
-    }), Me(() => {
+    }), Ge(() => {
       x = null;
       const t = $.value;
       t && t.removeEventListener("scroll", ae), O == null || O.disconnect(), window.removeEventListener("pointermove", N), window.removeEventListener("pointerup", le), window.removeEventListener("pointercancel", le), window.removeEventListener("keydown", ve);
@@ -692,7 +692,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
             effective: "static"
           };
         } else if (a && e.has(l.id)) {
-          const s = I.pickupCell(l.id), c = (s ? s.col * b.value : l.col * b.value) + m.value, h = (s ? s.row * f.value : l.row * f.value) + m.value;
+          const s = S.pickupCell(l.id), c = (s ? s.col * b.value : l.col * b.value) + m.value, h = (s ? s.row * f.value : l.row * f.value) + m.value;
           r = {
             left: c,
             top: h,
@@ -703,7 +703,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
             effective: "static"
           };
         } else
-          r = We({
+          r = Te({
             tile: l,
             config: u.value,
             scrollX: v.value.scrollX,
@@ -713,7 +713,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
           }), r.effective === "sticky" && o.push({ tile: l, layout: r });
         t.set(l.id, r);
       }
-      return o.length > 1 && nt(o), t;
+      return o.length > 1 && it(o), t;
     });
     function ze(t) {
       var s, c, h;
@@ -738,7 +738,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
         willChange: "transform, translate",
         transform: l.transform ?? "",
         filter: r ? "drop-shadow(0 8px 16px rgba(0,0,0,0.18))" : "",
-        transition: r ? at(u.value.animation) : "",
+        transition: r ? rt(u.value.animation) : "",
         boxShadow: n ? "0 0 0 3px rgba(59, 91, 219, 0.85), inset 0 0 0 1px rgba(59, 91, 219, 0.3)" : "",
         borderRadius: (u.value.tileRadius ?? 4) + "px"
       };
@@ -782,7 +782,7 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
       return t === "nw" ? { ...a, top: -12 / 2 + "px", left: -12 / 2 + "px" } : t === "ne" ? { ...a, top: -12 / 2 + "px", right: -12 / 2 + "px" } : t === "sw" ? { ...a, bottom: -12 / 2 + "px", left: -12 / 2 + "px" } : { ...a, bottom: -12 / 2 + "px", right: -12 / 2 + "px" };
     }
     const J = p(() => d.className ?? "");
-    return (t, o) => F.value ? (k(), Oe(ct, {
+    return (t, o) => F.value ? (k(), Oe(vt, {
       key: 0,
       api: B.api,
       "class-name": J.value,
@@ -876,34 +876,35 @@ const rt = ["data-griddle-tile", "data-griddle-instance", "data-griddle-ghost",
               "data-griddle-handle": l,
               style: G(Pe(l)),
               onPointerdown: (r) => me(r, a, l)
-            }, null, 44, pt))), 128)) : ne("", !0)
-          ], 46, vt);
+            }, null, 44, gt))), 128)) : ne("", !0)
+          ], 46, pt);
         }), 128))
       ], 4)
     ], 38));
   }
 });
-function yt(B) {
-  const S = new lt(B.config, B.tiles ?? []), d = Te(S.tiles), w = Te(S.config), F = H(0), $ = S.changes.on(() => {
-    d.value = S.tiles, w.value = S.config, F.value++;
+function bt(B) {
+  const I = new at(B.config, B.tiles ?? []), d = Ye(I.tiles), w = Ye(I.config), F = H(0), $ = I.changes.on(() => {
+    d.value = I.tiles, w.value = I.config, F.value++;
   });
-  return Me($), {
-    grid: S,
+  return Ve($), {
+    grid: I,
     tiles: d,
     config: w,
     version: F,
-    moveTile: (u, g) => S.moveTile(u, g),
-    resizeTile: (u, g) => S.resizeTile(u, g),
-    addTile: (u) => S.addTile(u),
-    removeTile: (u) => S.removeTile(u),
-    updateConfig: (u) => S.updateConfig(u),
-    toJSON: () => S.toJSON(),
-    loadJSON: (u) => S.loadJSON(u)
+    moveTile: (u, g) => I.moveTile(u, g),
+    resizeTile: (u, g) => I.resizeTile(u, g),
+    addTile: (u) => I.addTile(u),
+    removeTile: (u) => I.removeTile(u),
+    reflow: (u) => I.reflow(u),
+    updateConfig: (u) => I.updateConfig(u),
+    toJSON: () => I.toJSON(),
+    loadJSON: (u) => I.loadJSON(u)
   };
 }
 export {
-  mt as GriddleGrid,
-  ct as GriddleLoopGrid,
-  yt as useGriddle
+  yt as GriddleGrid,
+  vt as GriddleLoopGrid,
+  bt as useGriddle
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/LoopGrid.vue","../src/GriddleGrid.vue","../src/useGriddle.ts"],"sourcesContent":["<template>\n  <div\n    ref=\"viewportEl\"\n    :class=\"className\"\n    :style=\"viewportStyle\"\n    @pointerdown=\"onContainerPointerDown\"\n    @click.capture=\"onClickCapture\"\n  >\n    <div ref=\"planeEl\" :style=\"planeStyle\">\n      <div\n        v-if=\"indicatorRect\"\n        class=\"griddle-drop-indicator\"\n        :style=\"{\n          position: 'absolute',\n          left: indicatorRect.left + 'px',\n          top: indicatorRect.top + 'px',\n          width: indicatorRect.width + 'px',\n          height: indicatorRect.height + 'px',\n          boxSizing: 'border-box',\n          border: '2px dashed rgba(59, 91, 219, 0.55)',\n          background: 'rgba(59, 91, 219, 0.08)',\n          borderRadius: (config.tileRadius ?? 4) + 'px',\n          pointerEvents: 'none',\n          zIndex: 5,\n        }\"\n      ></div>\n      <template v-for=\"inst in instances\" :key=\"inst.key\">\n        <div\n          v-if=\"!(drag && inst.tile.id === drag.tileId)\"\n          :data-griddle-tile=\"inst.tile.id\"\n          :data-griddle-instance=\"inst.key\"\n          :data-griddle-ghost=\"isGhost(inst) ? '' : undefined\"\n          :aria-hidden=\"isBase(inst) ? undefined : true\"\n          :class=\"['griddle-tile', {\n            'griddle-resizing': resize?.instanceKey === inst.key,\n            'griddle-selected': editable && isBase(inst) && selection.has(inst.tile.id),\n          }]\"\n          :style=\"instanceStyle(inst)\"\n          :ref=\"(el) => registerNode(inst.key, el as HTMLDivElement | null)\"\n          @pointerdown=\"(e) => onTilePointerDown(e, inst)\"\n        >\n          <slot name=\"tile\" :tile=\"inst.tile\" :selected=\"editable && isBase(inst) && selection.has(inst.tile.id)\" />\n          <template v-if=\"editable && isBase(inst) && inst.tile.resizable !== false\">\n            <div\n              v-for=\"c in tileHandles(inst.tile)\"\n              :key=\"c\"\n              :data-griddle-handle=\"c\"\n              :style=\"handleStyle(c)\"\n              @pointerdown=\"(e) => onResizeHandleDown(e, inst, c)\"\n            ></div>\n          </template>\n        </div>\n      </template>\n      <div\n        v-if=\"drag && draggedTile\"\n        :data-griddle-tile=\"draggedTile.id\"\n        class=\"griddle-tile griddle-dragging\"\n        :style=\"dragOverlayStyle\"\n      >\n        <slot name=\"tile\" :tile=\"draggedTile\" :selected=\"selection.has(draggedTile.id)\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// Loop-mode renderer (\"object looping\") — see @griddle/core loop.ts for the\n// coordinate model. Mirrors the React GriddleLoopGrid: an overflow-hidden\n// viewport, a transform-translated plane driven by an unbounded camera, and\n// NO native scrolling (wheel deltas feed the camera directly).\nimport { computed, onBeforeUnmount, onMounted, ref, watch, nextTick } from 'vue';\nimport type { CameraState, CellPos, Corner, Tile } from '@griddle/core';\nimport {\n  DragController,\n  PanController,\n  loopInstances,\n  loopPeriod,\n  resolveLoop,\n} from '@griddle/core';\nimport type { LoopTileInstance } from '@griddle/core';\nimport type { GriddleApi } from './useGriddle.js';\nimport { animateReposition } from './animation.js';\n\nconst props = defineProps<{\n  api: GriddleApi;\n  className?: string;\n  height?: number | string;\n  showGrid?: boolean;\n  selection?: Set<string>;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'selectionChange', selection: Set<string>): void;\n  (e: 'dragStart', tileId: string): void;\n  (e: 'dragEnd', tileId: string, committed: boolean): void;\n  (e: 'resizeStart', tileId: string): void;\n  (e: 'resizeEnd', tileId: string, committed: boolean): void;\n  (e: 'cameraChange', camera: CameraState): void;\n}>();\n\nconst DEFAULT_DRAG_IGNORE = 'a, button, input, textarea, select, [contenteditable]';\nconst PAN_THRESHOLD_PX = 4;\n\nconst viewportEl = ref<HTMLDivElement | null>(null);\nconst planeEl = ref<HTMLDivElement | null>(null);\n\nconst config = computed(() => props.api.config.value);\nconst loop = computed(() => resolveLoop(config.value));\nconst editable = computed(() => loop.value?.interaction === 'edit');\nconst gap = computed(() => config.value.gap ?? 0);\nconst halfGap = computed(() => gap.value / 2);\nconst colSize = computed(() => config.value.unitWidth + gap.value);\nconst rowSize = computed(() => config.value.unitHeight + gap.value);\nconst period = computed(() => loopPeriod(config.value, props.api.tiles.value));\n\n// ---- camera plumbing ------------------------------------------------------\nconst pan = new PanController();\nwatch(loop, (l) => {\n  if (l) pan.setPhysics({ friction: l.friction, ease: l.ease, maxVelocity: l.maxVelocity });\n}, { immediate: true });\n\nconst view = ref({ cxCell: 0, cyCell: 0, vw: 1000, vh: 800 });\nlet lastCam: CameraState | null = null;\nlet raf = 0;\nlet resizeObserver: ResizeObserver | null = null;\n\nfunction onWheel(e: WheelEvent) {\n  e.preventDefault();\n  const k = e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? 100 : 1;\n  pan.scrollBy(e.deltaX * k, e.deltaY * k);\n}\n\nfunction frame(now: number) {\n  raf = requestAnimationFrame(frame);\n  const st = pan.tick(now);\n\n  const plane = planeEl.value;\n  if (plane) {\n    plane.style.transform = `translate3d(${-st.x}px, ${-st.y}px, 0)`;\n  }\n  const el = viewportEl.value;\n  if (el && props.showGrid !== false) {\n    el.style.backgroundPosition = `${-st.x % colSize.value}px ${-st.y % rowSize.value}px`;\n  }\n\n  const cxCell = Math.floor(st.x / colSize.value);\n  const cyCell = Math.floor(st.y / rowSize.value);\n  const cur = view.value;\n  if (cxCell !== cur.cxCell || cyCell !== cur.cyCell) {\n    view.value = { ...cur, cxCell, cyCell };\n  }\n\n  if (\n    !lastCam || lastCam.x !== st.x || lastCam.y !== st.y ||\n    lastCam.isMoving !== st.isMoving || lastCam.isDragging !== st.isDragging\n  ) {\n    lastCam = st;\n    emit('cameraChange', st);\n  }\n}\n\nconst instances = computed(() => {\n  void props.api.version.value; // re-run on grid changes\n  const bufX = 2 * colSize.value;\n  const bufY = 2 * rowSize.value;\n  return loopInstances(config.value, props.api.tiles.value, {\n    x: view.value.cxCell * colSize.value - bufX,\n    y: view.value.cyCell * rowSize.value - bufY,\n    width: view.value.vw + colSize.value + 2 * bufX,\n    height: view.value.vh + rowSize.value + 2 * bufY,\n  });\n});\n\n// ---- pan gesture ----------------------------------------------------------\nlet panGesture: { pointerId: number; startX: number; startY: number; moved: boolean } | null = null;\nlet suppressClick = false;\n\nfunction onContainerPointerDown(e: PointerEvent) {\n  const onTile = !!(e.target as HTMLElement).closest('[data-griddle-tile]');\n  if (editable.value && !onTile) setSelection(new Set());\n  // Tiles that start drags stopPropagation, so reaching here from a tile\n  // means it was not draggable — panning is the right fallback.\n  if (!loop.value?.dragPan || e.button !== 0) return;\n  const ignoreSelector = config.value.dragIgnoreFrom ?? DEFAULT_DRAG_IGNORE;\n  if (ignoreSelector && (e.target as HTMLElement).closest(ignoreSelector)) return;\n  panGesture = { pointerId: e.pointerId, startX: e.clientX, startY: e.clientY, moved: false };\n}\n\nfunction onClickCapture(e: MouseEvent) {\n  if (suppressClick) {\n    suppressClick = false;\n    e.preventDefault();\n    e.stopPropagation();\n  }\n}\n\n// ---- selection ('edit' interaction) ---------------------------------------\nconst internalSelection = ref<Set<string>>(new Set());\nconst selection = computed(() => props.selection ?? internalSelection.value);\nfunction setSelection(next: Set<string>) {\n  if (!props.selection) internalSelection.value = next;\n  emit('selectionChange', next);\n}\n\n// ---- tile drag / resize ('edit' interaction) ------------------------------\nconst dragController = new DragController(props.api.grid);\n\ninterface LoopDragVisual {\n  tileId: string;\n  instanceLeft: number;\n  instanceTop: number;\n  pickupCol: number;\n  pickupRow: number;\n  deltaX: number;\n  deltaY: number;\n  indicatorCol: number | null;\n  indicatorRow: number | null;\n}\nconst drag = ref<LoopDragVisual | null>(null);\nlet dragStartPointerX = 0;\nlet dragStartPointerY = 0;\n\ninterface LoopResizeState {\n  tileId: string;\n  instanceKey: string;\n  instanceDx: number;\n  instanceDy: number;\n  corner: Corner;\n  startPointerX: number;\n  startPointerY: number;\n  startW: number;\n  startH: number;\n  startCol: number;\n  startRow: number;\n  previewW: number;\n  previewH: number;\n  previewCol: number;\n  previewRow: number;\n}\nconst resize = ref<LoopResizeState | null>(null);\n\nfunction syncTiles() {\n  props.api.tiles.value = props.api.grid.tiles;\n  props.api.version.value++;\n}\n\nfunction isBase(inst: LoopTileInstance): boolean {\n  return inst.kx === 0 && inst.ky === 0;\n}\nfunction isGhost(inst: LoopTileInstance): boolean {\n  return editable.value && !isBase(inst);\n}\n\nfunction onTilePointerDown(e: PointerEvent, inst: LoopTileInstance) {\n  if (!editable.value) return; // pan mode: container pan handler takes it\n  if (!isBase(inst)) return; // ghosts are display-only\n  const tile = inst.tile;\n  if (tile.draggable === false) return;\n  if ((e.target as HTMLElement).dataset.griddleHandle) return;\n  const ignoreSelector = config.value.dragIgnoreFrom ?? DEFAULT_DRAG_IGNORE;\n  if (ignoreSelector && (e.target as HTMLElement).closest(ignoreSelector)) return;\n\n  if (e.metaKey || e.ctrlKey) {\n    e.preventDefault();\n    const next = new Set(selection.value);\n    if (next.has(tile.id)) next.delete(tile.id);\n    else next.add(tile.id);\n    setSelection(next);\n    e.stopPropagation();\n    return;\n  }\n  setSelection(new Set([tile.id]));\n\n  // No pointer capture: the grabbed instance unmounts (drag renders as an\n  // overlay), which would release the capture mid-gesture.\n  if (!dragController.start(tile.id)) return;\n  dragStartPointerX = e.clientX;\n  dragStartPointerY = e.clientY;\n  drag.value = {\n    tileId: tile.id,\n    instanceLeft: inst.left,\n    instanceTop: inst.top,\n    pickupCol: tile.col,\n    pickupRow: tile.row,\n    deltaX: 0,\n    deltaY: 0,\n    indicatorCol: tile.col,\n    indicatorRow: tile.row,\n  };\n  emit('dragStart', tile.id);\n  e.stopPropagation();\n}\n\nfunction onResizeHandleDown(e: PointerEvent, inst: LoopTileInstance, c: Corner) {\n  if (!editable.value) return;\n  const tile = inst.tile;\n  if (tile.resizable === false) return;\n  (e.currentTarget as HTMLDivElement).setPointerCapture(e.pointerId);\n  const baseLeft = tile.col * colSize.value + halfGap.value;\n  const baseTop = tile.row * rowSize.value + halfGap.value;\n  resize.value = {\n    tileId: tile.id,\n    instanceKey: inst.key,\n    instanceDx: inst.left - baseLeft,\n    instanceDy: inst.top - baseTop,\n    corner: c,\n    startPointerX: e.clientX,\n    startPointerY: e.clientY,\n    startW: tile.w,\n    startH: tile.h,\n    startCol: tile.col,\n    startRow: tile.row,\n    previewW: tile.w,\n    previewH: tile.h,\n    previewCol: tile.col,\n    previewRow: tile.row,\n  };\n  emit('resizeStart', tile.id);\n  e.stopPropagation();\n}\n\nfunction onPointerMove(e: PointerEvent) {\n  if (panGesture && e.pointerId === panGesture.pointerId) {\n    const now = performance.now();\n    if (!panGesture.moved) {\n      const dist = Math.hypot(e.clientX - panGesture.startX, e.clientY - panGesture.startY);\n      if (dist >= PAN_THRESHOLD_PX) {\n        panGesture.moved = true;\n        pan.dragStart(panGesture.startX, panGesture.startY, now);\n        pan.dragMove(e.clientX, e.clientY, now);\n      }\n    } else {\n      pan.dragMove(e.clientX, e.clientY, now);\n    }\n    return;\n  }\n\n  const d = drag.value;\n  if (d) {\n    // Ghost edit: plain grid semantics in the base copy — no wrapping.\n    const dx = e.clientX - dragStartPointerX;\n    const dy = e.clientY - dragStartPointerY;\n    const candidate: CellPos = {\n      col: d.pickupCol + Math.round(dx / colSize.value),\n      row: d.pickupRow + Math.round(dy / rowSize.value),\n    };\n    const result = dragController.update(candidate);\n    drag.value = {\n      ...d,\n      deltaX: dx,\n      deltaY: dy,\n      indicatorCol: result.indicatorCell ? result.indicatorCell.col : null,\n      indicatorRow: result.indicatorCell ? result.indicatorCell.row : null,\n    };\n    if (result.changed) syncTiles();\n  }\n\n  const r = resize.value;\n  if (r) {\n    const dx = e.clientX - r.startPointerX;\n    const dy = e.clientY - r.startPointerY;\n    let dw = 0, dh = 0, dcol = 0, drow = 0;\n    const stepsX = Math.round(dx / colSize.value);\n    const stepsY = Math.round(dy / rowSize.value);\n    if (r.corner === 'se' || r.corner === 'ne') dw = stepsX;\n    if (r.corner === 'se' || r.corner === 'sw') dh = stepsY;\n    if (r.corner === 'sw' || r.corner === 'nw') { dw = -stepsX; dcol = stepsX; }\n    if (r.corner === 'ne' || r.corner === 'nw') { dh = -stepsY; drow = stepsY; }\n    const tile = props.api.grid.getTile(r.tileId);\n    const minW = tile?.minW ?? 1;\n    const minH = tile?.minH ?? 1;\n    const maxW = Math.min(tile?.maxW ?? Infinity, config.value.cols);\n    const maxH = Math.min(tile?.maxH ?? Infinity, config.value.rows);\n    const nW = Math.min(maxW, Math.max(minW, r.startW + dw));\n    const nH = Math.min(maxH, Math.max(minH, r.startH + dh));\n    const nC = r.startCol + dcol;\n    const nR = r.startRow + drow;\n    if (nW !== r.previewW || nH !== r.previewH || nC !== r.previewCol || nR !== r.previewRow) {\n      resize.value = { ...r, previewW: nW, previewH: nH, previewCol: nC, previewRow: nR };\n    }\n  }\n}\n\nfunction onPointerUp(e: PointerEvent) {\n  if (panGesture && e.pointerId === panGesture.pointerId) {\n    if (panGesture.moved) {\n      pan.dragEnd(performance.now());\n      suppressClick = true;\n    }\n    panGesture = null;\n    return;\n  }\n\n  if (drag.value) {\n    const tileId = drag.value.tileId;\n    const { committed } = dragController.end();\n    drag.value = null;\n    syncTiles();\n    emit('dragEnd', tileId, committed);\n  }\n  const r = resize.value;\n  if (r) {\n    const t = props.api.grid.getTile(r.tileId);\n    let committed = false;\n    if (t) {\n      const target = { col: r.previewCol, row: r.previewRow };\n      if (target.col !== t.col || target.row !== t.row) {\n        props.api.moveTile(r.tileId, target);\n      }\n      if (r.previewW !== t.w || r.previewH !== t.h) {\n        committed = props.api.resizeTile(r.tileId, { w: r.previewW, h: r.previewH });\n      } else {\n        committed = r.previewCol !== r.startCol || r.previewRow !== r.startRow\n          || r.previewW !== r.startW || r.previewH !== r.startH;\n      }\n    }\n    resize.value = null;\n    emit('resizeEnd', r.tileId, committed);\n  }\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if (e.key === 'Escape' && editable.value) setSelection(new Set());\n}\n\nonMounted(() => {\n  const el = viewportEl.value;\n  if (el) {\n    el.addEventListener('wheel', onWheel, { passive: false });\n    const measure = () => {\n      const cur = view.value;\n      if (el.clientWidth !== cur.vw || el.clientHeight !== cur.vh) {\n        view.value = { ...cur, vw: el.clientWidth, vh: el.clientHeight };\n      }\n    };\n    measure();\n    resizeObserver = new ResizeObserver(measure);\n    resizeObserver.observe(el);\n  }\n  raf = requestAnimationFrame(frame);\n  window.addEventListener('pointermove', onPointerMove);\n  window.addEventListener('pointerup', onPointerUp);\n  window.addEventListener('pointercancel', onPointerUp);\n  window.addEventListener('keydown', onKeyDown);\n});\nonBeforeUnmount(() => {\n  cancelAnimationFrame(raf);\n  viewportEl.value?.removeEventListener('wheel', onWheel);\n  resizeObserver?.disconnect();\n  window.removeEventListener('pointermove', onPointerMove);\n  window.removeEventListener('pointerup', onPointerUp);\n  window.removeEventListener('pointercancel', onPointerUp);\n  window.removeEventListener('keydown', onKeyDown);\n});\n\n// ---- FLIP for edit-mode repacks (keyed by world key) ----------------------\nconst tileNodes = new Map<string, HTMLDivElement>();\nconst prevRects = new Map<string, { x: number; y: number }>();\nfunction registerNode(key: string, el: HTMLDivElement | null) {\n  if (el) tileNodes.set(key, el);\n  else tileNodes.delete(key);\n}\n\nwatch(() => props.api.version.value, async () => {\n  await nextTick();\n  const draggerId = drag.value?.tileId ?? null;\n  const seen = new Set<string>();\n  for (const inst of instances.value) {\n    const key = inst.key;\n    seen.add(key);\n    const x = inst.left;\n    const y = inst.top;\n    if (editable.value && inst.tile.id !== draggerId) {\n      const p = prevRects.get(key);\n      const node = tileNodes.get(key);\n      if (p && node) {\n        const dx = p.x - x;\n        const dy = p.y - y;\n        if (\n          (dx !== 0 || dy !== 0) &&\n          Math.abs(dx) < period.value.width / 2 &&\n          Math.abs(dy) < period.value.height / 2\n        ) {\n          animateReposition(node, dx, dy, config.value.animation);\n        }\n      }\n    }\n    prevRects.set(key, { x, y });\n  }\n  for (const key of prevRects.keys()) {\n    if (!seen.has(key)) prevRects.delete(key);\n  }\n});\n\n// ---- styles ----------------------------------------------------------------\nconst viewportStyle = computed(() => {\n  const showGrid = props.showGrid !== false;\n  const bg = showGrid\n    ? {\n        backgroundImage: `linear-gradient(to right, rgba(0,0,0,0.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,0.08) 1px, transparent 1px)`,\n        backgroundSize: `${colSize.value}px ${rowSize.value}px`,\n        backgroundPosition: '0 0',\n      }\n    : {};\n  return {\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n    height: typeof props.height === 'number' ? props.height + 'px' : (props.height ?? '100%'),\n    touchAction: 'none' as const,\n    userSelect: 'none' as const,\n    willChange: 'translate',\n    cursor: !editable.value && loop.value?.dragPan ? 'grab' : undefined,\n    ['--griddle-tile-radius' as string]: (config.value.tileRadius ?? 4) + 'px',\n    ...bg,\n  };\n});\n\nconst planeStyle = computed(() => ({\n  position: 'absolute' as const,\n  top: '0',\n  left: '0',\n  width: '0',\n  height: '0',\n  willChange: 'transform',\n}));\n\nfunction instanceStyle(inst: LoopTileInstance) {\n  const r = resize.value;\n  const isResizingInst = r?.instanceKey === inst.key;\n  let left = inst.left;\n  let top = inst.top;\n  let width = inst.width;\n  let heightPx = inst.height;\n  if (isResizingInst && r) {\n    left = r.previewCol * colSize.value + halfGap.value + r.instanceDx;\n    top = r.previewRow * rowSize.value + halfGap.value + r.instanceDy;\n    width = r.previewW * config.value.unitWidth + (r.previewW - 1) * gap.value;\n    heightPx = r.previewH * config.value.unitHeight + (r.previewH - 1) * gap.value;\n  }\n  const ghost = isGhost(inst);\n  const isSelected = editable.value && isBase(inst) && selection.value.has(inst.tile.id);\n  return {\n    position: 'absolute' as const,\n    left: left + 'px',\n    top: top + 'px',\n    width: width + 'px',\n    height: heightPx + 'px',\n    boxSizing: 'border-box' as const,\n    cursor: editable.value && isBase(inst) ? 'grab' : undefined,\n    userSelect: 'none' as const,\n    // Ghosts are display-only: pointer-transparent (so the gesture falls\n    // through to drag-pan) and dimmed to mark the editable copy.\n    pointerEvents: ghost ? ('none' as const) : undefined,\n    zIndex: isResizingInst ? 10 : 1,\n    opacity: isResizingInst ? 0.85 : ghost ? 0.55 : 1,\n    boxShadow: isSelected\n      ? '0 0 0 3px rgba(59, 91, 219, 0.85), inset 0 0 0 1px rgba(59, 91, 219, 0.3)'\n      : '',\n    borderRadius: (config.value.tileRadius ?? 4) + 'px',\n  };\n}\n\nconst draggedTile = computed<Tile | null>(() =>\n  drag.value ? props.api.grid.getTile(drag.value.tileId) ?? null : null,\n);\n\nconst dragOverlayStyle = computed(() => {\n  const d = drag.value;\n  const t = draggedTile.value;\n  if (!d || !t) return {};\n  return {\n    position: 'absolute' as const,\n    left: d.instanceLeft + 'px',\n    top: d.instanceTop + 'px',\n    width: t.w * config.value.unitWidth + (t.w - 1) * gap.value + 'px',\n    height: t.h * config.value.unitHeight + (t.h - 1) * gap.value + 'px',\n    boxSizing: 'border-box' as const,\n    cursor: 'grabbing',\n    userSelect: 'none' as const,\n    zIndex: 20,\n    opacity: 0.85,\n    transform: `translate(${d.deltaX}px, ${d.deltaY}px)`,\n    filter: 'drop-shadow(0 8px 16px rgba(0,0,0,0.18))',\n    borderRadius: (config.value.tileRadius ?? 4) + 'px',\n    pointerEvents: 'none' as const,\n  };\n});\n\n// Drop indicator: rendered in the base copy (ghost edit is plain-grid).\nconst indicatorRect = computed(() => {\n  const d = drag.value;\n  if (!d || d.indicatorCol === null || d.indicatorRow === null) return null;\n  const t = props.api.grid.getTile(d.tileId);\n  if (!t) return null;\n  return {\n    left: d.indicatorCol * colSize.value + halfGap.value,\n    top: d.indicatorRow * rowSize.value + halfGap.value,\n    width: t.w * config.value.unitWidth + (t.w - 1) * gap.value,\n    height: t.h * config.value.unitHeight + (t.h - 1) * gap.value,\n  };\n});\n\nfunction tileHandles(tile: Tile): Corner[] {\n  return tile.resizeHandles ?? config.value.resizeHandles ?? ['se'];\n}\n\nfunction handleStyle(c: Corner) {\n  const size = 12;\n  const base = {\n    position: 'absolute' as const,\n    width: size + 'px',\n    height: size + 'px',\n    background: 'rgba(60,60,60,0.7)',\n    border: '2px solid white',\n    borderRadius: '3px',\n    cursor: `${c}-resize`,\n    touchAction: 'none' as const,\n  } as Record<string, unknown>;\n  if (c === 'nw') return { ...base, top: -size / 2 + 'px', left: -size / 2 + 'px' };\n  if (c === 'ne') return { ...base, top: -size / 2 + 'px', right: -size / 2 + 'px' };\n  if (c === 'sw') return { ...base, bottom: -size / 2 + 'px', left: -size / 2 + 'px' };\n  return { ...base, bottom: -size / 2 + 'px', right: -size / 2 + 'px' };\n}\n\nconst className = computed(() => props.className ?? '');\n</script>\n","<template>\n  <GriddleLoopGrid\n    v-if=\"loopOn\"\n    :api=\"api\"\n    :class-name=\"className\"\n    :height=\"height\"\n    :show-grid=\"showGrid\"\n    :selection=\"props.selection\"\n    @selection-change=\"(s) => emit('selectionChange', s)\"\n    @drag-start=\"(id) => emit('dragStart', id)\"\n    @drag-end=\"(id, c) => emit('dragEnd', id, c)\"\n    @resize-start=\"(id) => emit('resizeStart', id)\"\n    @resize-end=\"(id, c) => emit('resizeEnd', id, c)\"\n    @camera-change=\"(cam) => emit('cameraChange', cam)\"\n  >\n    <template #tile=\"slotProps\">\n      <slot name=\"tile\" v-bind=\"slotProps\" />\n    </template>\n  </GriddleLoopGrid>\n  <div\n    v-else\n    ref=\"scrollEl\"\n    :class=\"className\"\n    :style=\"scrollStyle\"\n    @pointerdown=\"onBackgroundPointerDown\"\n  >\n    <div :style=\"contentStyle\">\n      <div\n        v-if=\"indicatorRect\"\n        class=\"griddle-drop-indicator\"\n        :style=\"{\n          position: 'absolute',\n          left: indicatorRect.left + 'px',\n          top: indicatorRect.top + 'px',\n          width: indicatorRect.width + 'px',\n          height: indicatorRect.height + 'px',\n          boxSizing: 'border-box',\n          border: '2px dashed rgba(59, 91, 219, 0.55)',\n          background: 'rgba(59, 91, 219, 0.08)',\n          borderRadius: (config.tileRadius ?? 4) + 'px',\n          pointerEvents: 'none',\n          zIndex: 5,\n        }\"\n      ></div>\n      <div\n        v-if=\"drawGhostRect\"\n        class=\"griddle-draw-ghost\"\n        :style=\"{\n          position: 'absolute',\n          left: drawGhostRect.left + 'px',\n          top: drawGhostRect.top + 'px',\n          width: drawGhostRect.width + 'px',\n          height: drawGhostRect.height + 'px',\n          boxSizing: 'border-box',\n          border: '2px dashed rgba(59, 91, 219, 0.55)',\n          background: 'rgba(59, 91, 219, 0.08)',\n          borderRadius: (config.tileRadius ?? 4) + 'px',\n          pointerEvents: 'none',\n          zIndex: 5,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          fontSize: '14px',\n          fontWeight: '600',\n          color: 'rgba(59, 91, 219, 0.8)',\n          userSelect: 'none',\n        }\"\n      >{{ drawGhostRect.label }}</div>\n      <div\n        v-for=\"tile in rendered\"\n        :key=\"tile.id\"\n        :data-griddle-tile=\"tile.id\"\n        :class=\"['griddle-tile', {\n          'griddle-dragging': drag?.tileId === tile.id || pinDrag?.tileId === tile.id || (groupDrag !== null && groupDragSet.has(tile.id)),\n          'griddle-resizing': resize?.tileId === tile.id,\n          'griddle-selected': selection.has(tile.id),\n        }]\"\n        :style=\"tileStyle(tile)\"\n        @pointerdown=\"(e) => onTilePointerDown(e, tile)\"\n        :ref=\"(el) => registerNode(tile.id, el as HTMLDivElement | null)\"\n      >\n        <slot name=\"tile\" :tile=\"tile\" :selected=\"selection.has(tile.id)\" />\n        <template v-if=\"tile.resizable !== false\">\n          <div\n            v-for=\"c in tileHandles(tile)\"\n            :key=\"c\"\n            :data-griddle-handle=\"c\"\n            :style=\"handleStyle(c)\"\n            @pointerdown=\"(e) => onResizeHandleDown(e, tile, c)\"\n          ></div>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watch, nextTick } from 'vue';\nimport type { CameraState, Corner, Tile } from '@griddle/core';\nimport GriddleLoopGrid from './LoopGrid.vue';\nimport {\n  visibleRange,\n  visibleTiles,\n  gridContentSize,\n  DragController,\n  GroupDragController,\n  computeTileLayout,\n  resolveStickyStacking,\n  isOutOfFlow,\n  pixelsToPin,\n} from '@griddle/core';\nimport type { TileLayout } from '@griddle/core';\nimport type { GriddleApi } from './useGriddle.js';\nimport { animateReposition, liftTransition } from './animation.js';\n\nconst props = defineProps<{\n  api: GriddleApi;\n  className?: string;\n  height?: number | string;\n  showGrid?: boolean;\n  /** Controlled selection. If omitted, managed internally. */\n  selection?: Set<string>;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'selectionChange', selection: Set<string>): void;\n  (e: 'drawCreate', rect: { col: number; row: number; w: number; h: number }): void;\n  (e: 'dragStart', tileId: string): void;\n  (e: 'dragEnd', tileId: string, committed: boolean): void;\n  (e: 'resizeStart', tileId: string): void;\n  (e: 'resizeEnd', tileId: string, committed: boolean): void;\n  (e: 'cameraChange', camera: CameraState): void;\n}>();\n\n/** Loop mode delegates rendering to GriddleLoopGrid. */\nconst loopOn = computed(() => props.api.config.value.loop?.enabled === true);\n\nconst scrollEl = ref<HTMLDivElement | null>(null);\nconst viewport = ref({ scrollX: 0, scrollY: 0, width: 1000, height: 800 });\n\nconst config = computed(() => props.api.config.value);\nconst gap = computed(() => config.value.gap ?? 0);\nconst halfGap = computed(() => gap.value / 2);\nconst colSize = computed(() => config.value.unitWidth + gap.value);\nconst rowSize = computed(() => config.value.unitHeight + gap.value);\n\nconst range = computed(() => visibleRange(config.value, viewport.value, 4));\nconst rendered = computed(() => visibleTiles(props.api.tiles.value, range.value));\nconst contentSize = computed(() => gridContentSize(config.value, props.api.tiles.value));\n\nconst scrollStyle = computed(() => {\n  // 'none' scroll mode: the grid sizes to content and lets the host page own\n  // scrolling/panning — no internal scroll box, no touch-action lock.\n  const contained = config.value.scroll !== 'none';\n  const style: Record<string, string | number> = {\n    position: 'relative',\n    overflow: contained ? 'auto' : 'visible',\n    height: contained ? (props.height ?? '100%') : (props.height ?? 'auto'),\n  };\n  if (contained) style.touchAction = 'none';\n  return style;\n});\n\nconst contentStyle = computed(() => {\n  const showGrid = props.showGrid !== false;\n  const bg = showGrid\n    ? {\n        backgroundImage: `linear-gradient(to right, rgba(0,0,0,0.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,0.08) 1px, transparent 1px)`,\n        backgroundSize: `${colSize.value}px ${rowSize.value}px`,\n      }\n    : {};\n  return {\n    position: 'relative' as const,\n    width: contentSize.value.width || '100%',\n    height: contentSize.value.height || '100%',\n    minWidth: '100%',\n    minHeight: '100%',\n    // Expose tile radius as a CSS variable so user tile content can pick it up.\n    ['--griddle-tile-radius' as string]: (config.value.tileRadius ?? 4) + 'px',\n    ...bg,\n  };\n});\n\n// Selection state\nconst internalSelection = ref<Set<string>>(new Set());\nconst selection = computed(() => props.selection ?? internalSelection.value);\nconst groupDragSet = computed(() => new Set(groupDrag.value?.tileIds ?? []));\nfunction setSelection(next: Set<string>) {\n  if (!props.selection) internalSelection.value = next;\n  emit('selectionChange', next);\n}\n\nconst DEFAULT_DRAG_IGNORE = 'a, button, input, textarea, select, [contenteditable]';\nconst DRAG_START_THRESHOLD_PX = 12;\n\nconst dragController = new DragController(props.api.grid);\nconst groupDragController = new GroupDragController(props.api.grid);\n\ninterface DragVisual {\n  tileId: string;\n  pickupCol: number;\n  pickupRow: number;\n  deltaX: number;\n  deltaY: number;\n  indicatorCol: number | null;\n  indicatorRow: number | null;\n}\nconst drag = ref<DragVisual | null>(null);\nlet dragStartPointerX = 0;\nlet dragStartPointerY = 0;\n\ninterface GroupDragVisual {\n  tileIds: string[];\n  deltaX: number;\n  deltaY: number;\n  committedDcol: number;\n  committedDrow: number;\n}\nconst groupDrag = ref<GroupDragVisual | null>(null);\n\ninterface PinDragState {\n  tileId: string;\n  startPinPx: { x: number; y: number };\n  startPointerX: number;\n  startPointerY: number;\n}\nconst pinDrag = ref<PinDragState | null>(null);\n\ninterface ResizeState {\n  tileId: string;\n  corner: Corner;\n  startPointerX: number;\n  startPointerY: number;\n  startW: number;\n  startH: number;\n  startCol: number;\n  startRow: number;\n  previewW: number;\n  previewH: number;\n  previewCol: number;\n  previewRow: number;\n}\nconst resize = ref<ResizeState | null>(null);\n\ninterface DrawState {\n  anchorCol: number;\n  anchorRow: number;\n  currentCol: number;\n  currentRow: number;\n}\nconst drawState = ref<DrawState | null>(null);\n\ninterface PendingDragState {\n  pointerId: number;\n  tileId: string;\n  tileElement: HTMLDivElement;\n  startPointerX: number;\n  startPointerY: number;\n  mode: 'pin' | 'group' | 'single';\n  groupTileIds: string[];\n}\nlet pendingDrag: PendingDragState | null = null;\n\nfunction beginPendingDrag(pending: PendingDragState): boolean {\n  const tile = props.api.grid.getTile(pending.tileId);\n  if (!tile) return false;\n\n  // Capture only once movement proves this is a drag. Capturing on\n  // pointer-down retargets pointer-up away from editable descendants and turns\n  // ordinary clicks into drag start/end cycles.\n  try {\n    pending.tileElement.setPointerCapture(pending.pointerId);\n  } catch {\n    // The pointer may already have ended or the tile may have unmounted.\n    return false;\n  }\n\n  dragStartPointerX = pending.startPointerX;\n  dragStartPointerY = pending.startPointerY;\n\n  if (pending.mode === 'pin') {\n    const layout = computeTileLayout({\n      tile,\n      config: config.value,\n      scrollX: viewport.value.scrollX,\n      scrollY: viewport.value.scrollY,\n      viewportWidth: viewport.value.width,\n      viewportHeight: viewport.value.height,\n    });\n    const startPinPx =\n      tile.position === 'fixed'\n        ? { x: layout.left - viewport.value.scrollX, y: layout.top - viewport.value.scrollY }\n        : { x: layout.left, y: layout.top };\n    pinDrag.value = {\n      tileId: tile.id,\n      startPinPx,\n      startPointerX: pending.startPointerX,\n      startPointerY: pending.startPointerY,\n    };\n    emit('dragStart', tile.id);\n    return true;\n  }\n\n  if (pending.mode === 'group') {\n    if (!groupDragController.start(pending.groupTileIds)) return false;\n    groupDrag.value = {\n      tileIds: pending.groupTileIds,\n      deltaX: 0,\n      deltaY: 0,\n      committedDcol: 0,\n      committedDrow: 0,\n    };\n    emit('dragStart', tile.id);\n    return true;\n  }\n\n  if (!dragController.start(tile.id)) return false;\n  drag.value = {\n    tileId: tile.id,\n    pickupCol: tile.col,\n    pickupRow: tile.row,\n    deltaX: 0,\n    deltaY: 0,\n    indicatorCol: tile.col,\n    indicatorRow: tile.row,\n  };\n  emit('dragStart', tile.id);\n  return true;\n}\n\nfunction onTilePointerDown(e: PointerEvent, tile: Tile) {\n  if (e.button !== 0) return;\n  if (tile.draggable === false) return;\n  if ((e.target as HTMLElement).dataset.griddleHandle) return;\n\n  const ignoreSelector = config.value.dragIgnoreFrom ?? DEFAULT_DRAG_IGNORE;\n  if (ignoreSelector && (e.target as HTMLElement).closest(ignoreSelector)) return;\n\n  const metaKey = e.metaKey || e.ctrlKey;\n\n  // Out-of-flow tiles get free-pixel drag (no selection).\n  if (config.value.enablePositioning && isOutOfFlow(tile)) {\n    pendingDrag = {\n      pointerId: e.pointerId,\n      tileId: tile.id,\n      tileElement: e.currentTarget as HTMLDivElement,\n      startPointerX: e.clientX,\n      startPointerY: e.clientY,\n      mode: 'pin',\n      groupTileIds: [],\n    };\n    e.stopPropagation();\n    return;\n  }\n\n  // Cmd/Ctrl+click toggles selection without starting a drag.\n  if (metaKey) {\n    e.preventDefault();\n    const next = new Set(selection.value);\n    if (next.has(tile.id)) {\n      next.delete(tile.id);\n    } else {\n      next.add(tile.id);\n    }\n    setSelection(next);\n    e.stopPropagation();\n    return;\n  }\n\n  const tileIsSelected = selection.value.has(tile.id);\n\n  if (!tileIsSelected) {\n    setSelection(new Set([tile.id]));\n  }\n\n  // Defer capture and drag state until the pointer crosses the movement\n  // threshold. A stationary pointer-down/up remains a normal click, including\n  // when it starts inside contenteditable tile content.\n  const effectiveSelection = tileIsSelected ? selection.value : new Set([tile.id]);\n  const groupTileIds = Array.from(effectiveSelection);\n  pendingDrag = {\n    pointerId: e.pointerId,\n    tileId: tile.id,\n    tileElement: e.currentTarget as HTMLDivElement,\n    startPointerX: e.clientX,\n    startPointerY: e.clientY,\n    mode: groupTileIds.length > 1 ? 'group' : 'single',\n    groupTileIds,\n  };\n  e.stopPropagation();\n}\n\nfunction onBackgroundPointerDown(e: PointerEvent) {\n  if ((e.target as HTMLElement).closest('[data-griddle-tile]')) return;\n  // Draw-to-create is gated by config (default on). When disabled, empty-space\n  // pointer-downs are a no-op so the host page keeps its native scroll/pan.\n  if (config.value.interactive?.drawToCreate === false) return;\n  setSelection(new Set());\n\n  const el = scrollEl.value;\n  if (!el) return;\n  const rect = el.getBoundingClientRect();\n  const x = e.clientX - rect.left + el.scrollLeft;\n  const y = e.clientY - rect.top + el.scrollTop;\n  const col = Math.floor(x / colSize.value);\n  const row = Math.floor(y / rowSize.value);\n  drawState.value = { anchorCol: col, anchorRow: row, currentCol: col, currentRow: row };\n  (el as HTMLDivElement).setPointerCapture(e.pointerId);\n}\n\nfunction onResizeHandleDown(e: PointerEvent, tile: Tile, c: Corner) {\n  if (tile.resizable === false) return;\n  (e.currentTarget as HTMLDivElement).setPointerCapture(e.pointerId);\n  resize.value = {\n    tileId: tile.id,\n    corner: c,\n    startPointerX: e.clientX,\n    startPointerY: e.clientY,\n    startW: tile.w,\n    startH: tile.h,\n    startCol: tile.col,\n    startRow: tile.row,\n    previewW: tile.w,\n    previewH: tile.h,\n    previewCol: tile.col,\n    previewRow: tile.row,\n  };\n  emit('resizeStart', tile.id);\n  e.stopPropagation();\n}\n\nfunction onPointerMove(e: PointerEvent) {\n  if (drawState.value) {\n    const el = scrollEl.value;\n    if (el) {\n      const rect = el.getBoundingClientRect();\n      const x = e.clientX - rect.left + el.scrollLeft;\n      const y = e.clientY - rect.top + el.scrollTop;\n      const col = Math.max(0, Math.floor(x / colSize.value));\n      const row = Math.max(0, Math.floor(y / rowSize.value));\n      drawState.value = { ...drawState.value, currentCol: col, currentRow: row };\n    }\n    return;\n  }\n\n  const pending = pendingDrag;\n  if (pending && e.pointerId === pending.pointerId) {\n    const distance = Math.hypot(\n      e.clientX - pending.startPointerX,\n      e.clientY - pending.startPointerY,\n    );\n    if (distance <= DRAG_START_THRESHOLD_PX) return;\n\n    pendingDrag = null;\n    if (!beginPendingDrag(pending)) return;\n    e.preventDefault();\n  }\n\n  const pd = pinDrag.value;\n  const gd = groupDrag.value;\n  const d = drag.value;\n  const r = resize.value;\n  if (pd) {\n    const dx = e.clientX - pd.startPointerX;\n    const dy = e.clientY - pd.startPointerY;\n    const newPinPx = { x: pd.startPinPx.x + dx, y: pd.startPinPx.y + dy };\n    const newPin = pixelsToPin(newPinPx, config.value);\n    props.api.grid.setTilePinned(pd.tileId, newPin);\n  }\n  if (gd) {\n    const dx = e.clientX - dragStartPointerX;\n    const dy = e.clientY - dragStartPointerY;\n    const dcol = Math.round(dx / colSize.value);\n    const drow = Math.round(dy / rowSize.value);\n    const result = groupDragController.update({ dcol, drow });\n    groupDrag.value = {\n      ...gd,\n      deltaX: dx,\n      deltaY: dy,\n      committedDcol: result.indicatorDelta?.dcol ?? gd.committedDcol,\n      committedDrow: result.indicatorDelta?.drow ?? gd.committedDrow,\n    };\n    if (result.changed) syncTiles();\n  }\n  if (d) {\n    const dx = e.clientX - dragStartPointerX;\n    const dy = e.clientY - dragStartPointerY;\n    const candidateCol = d.pickupCol + Math.round(dx / colSize.value);\n    const candidateRow = d.pickupRow + Math.round(dy / rowSize.value);\n    const result = dragController.update({ col: candidateCol, row: candidateRow });\n    drag.value = {\n      ...d,\n      deltaX: dx,\n      deltaY: dy,\n      indicatorCol: result.indicatorCell ? result.indicatorCell.col : null,\n      indicatorRow: result.indicatorCell ? result.indicatorCell.row : null,\n    };\n    // DragController.restoreTiles() doesn't emit change events, so when the\n    // candidate cell changes (especially returning to pickup), force-sync the\n    // reactive tiles ref so the FLIP animation picks up displaced tile resets.\n    if (result.changed) syncTiles();\n  }\n  if (r) {\n    const dx = e.clientX - r.startPointerX;\n    const dy = e.clientY - r.startPointerY;\n    let dw = 0, dh = 0, dcol = 0, drow = 0;\n    const stepsX = Math.round(dx / colSize.value);\n    const stepsY = Math.round(dy / rowSize.value);\n    if (r.corner === 'se' || r.corner === 'ne') dw = stepsX;\n    if (r.corner === 'se' || r.corner === 'sw') dh = stepsY;\n    if (r.corner === 'sw' || r.corner === 'nw') { dw = -stepsX; dcol = stepsX; }\n    if (r.corner === 'ne' || r.corner === 'nw') { dh = -stepsY; drow = stepsY; }\n    const tile = props.api.grid.getTile(r.tileId);\n    const minW = tile?.minW ?? 1;\n    const minH = tile?.minH ?? 1;\n    const maxW = tile?.maxW ?? Infinity;\n    const maxH = tile?.maxH ?? Infinity;\n    const nW = Math.min(maxW, Math.max(minW, r.startW + dw));\n    const nH = Math.min(maxH, Math.max(minH, r.startH + dh));\n    const nC = r.startCol + dcol;\n    const nR = r.startRow + drow;\n    if (nW !== r.previewW || nH !== r.previewH || nC !== r.previewCol || nR !== r.previewRow) {\n      resize.value = { ...r, previewW: nW, previewH: nH, previewCol: nC, previewRow: nR };\n    }\n  }\n}\n\nfunction syncTiles() {\n  // DragController/GroupDragController may restore grid snapshots without\n  // emitting change events. Force-sync the reactive tiles ref so the UI\n  // reflects the grid's true state after a drag ends.\n  props.api.tiles.value = props.api.grid.tiles;\n  props.api.version.value++;\n}\n\nfunction onPointerUp(e: PointerEvent) {\n  if (pendingDrag?.pointerId === e.pointerId) {\n    pendingDrag = null;\n    return;\n  }\n  if (drawState.value) {\n    const ds = drawState.value;\n    const col = Math.min(ds.anchorCol, ds.currentCol);\n    const row = Math.min(ds.anchorRow, ds.currentRow);\n    const w = Math.max(1, Math.abs(ds.currentCol - ds.anchorCol) + 1);\n    const h = Math.max(1, Math.abs(ds.currentRow - ds.anchorRow) + 1);\n    drawState.value = null;\n    emit('drawCreate', { col, row, w, h });\n    return;\n  }\n  if (pinDrag.value) {\n    const tileId = pinDrag.value.tileId;\n    pinDrag.value = null;\n    emit('dragEnd', tileId, true);\n  }\n  if (groupDrag.value) {\n    const tileIds = groupDrag.value.tileIds;\n    const { committed } = groupDragController.end();\n    groupDrag.value = null;\n    syncTiles();\n    const firstId = tileIds[0];\n    if (firstId !== undefined) emit('dragEnd', firstId, committed);\n  }\n  if (drag.value) {\n    const tileId = drag.value.tileId;\n    const { committed } = dragController.end();\n    drag.value = null;\n    syncTiles();\n    emit('dragEnd', tileId, committed);\n  }\n  const r = resize.value;\n  if (r) {\n    const t = props.api.grid.getTile(r.tileId);\n    let committed = false;\n    if (t) {\n      if (r.previewCol !== t.col || r.previewRow !== t.row) {\n        props.api.moveTile(r.tileId, { col: r.previewCol, row: r.previewRow });\n      }\n      if (r.previewW !== t.w || r.previewH !== t.h) {\n        committed = props.api.resizeTile(r.tileId, { w: r.previewW, h: r.previewH });\n      } else {\n        committed = r.previewCol !== r.startCol || r.previewRow !== r.startRow\n          || r.previewW !== r.startW || r.previewH !== r.startH;\n      }\n    }\n    resize.value = null;\n    emit('resizeEnd', r.tileId, committed);\n  }\n}\n\nfunction updateViewport() {\n  const el = scrollEl.value;\n  if (!el) return;\n  viewport.value = {\n    scrollX: el.scrollLeft,\n    scrollY: el.scrollTop,\n    width: el.clientWidth,\n    height: el.clientHeight,\n  };\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if (e.key === 'Escape') setSelection(new Set());\n}\n\nlet ro: ResizeObserver | null = null;\nonMounted(() => {\n  updateViewport();\n  // scrollEl is absent while loop mode delegates to GriddleLoopGrid.\n  const el = scrollEl.value;\n  if (el) {\n    el.addEventListener('scroll', updateViewport, { passive: true });\n    ro = new ResizeObserver(updateViewport);\n    ro.observe(el);\n  }\n  window.addEventListener('pointermove', onPointerMove);\n  window.addEventListener('pointerup', onPointerUp);\n  window.addEventListener('pointercancel', onPointerUp);\n  window.addEventListener('keydown', onKeyDown);\n});\nonBeforeUnmount(() => {\n  pendingDrag = null;\n  const el = scrollEl.value;\n  if (el) el.removeEventListener('scroll', updateViewport);\n  ro?.disconnect();\n  window.removeEventListener('pointermove', onPointerMove);\n  window.removeEventListener('pointerup', onPointerUp);\n  window.removeEventListener('pointercancel', onPointerUp);\n  window.removeEventListener('keydown', onKeyDown);\n});\n\nconst tileNodes = new Map<string, HTMLDivElement>();\nconst prevRects = new Map<string, { x: number; y: number }>();\nfunction registerNode(id: string, el: HTMLDivElement | null) {\n  if (el) tileNodes.set(id, el);\n  else tileNodes.delete(id);\n}\n\nwatch(() => props.api.version.value, async () => {\n  await nextTick();\n  const draggerId = drag.value?.tileId ?? null;\n  const gdSet = groupDragSet.value;\n  for (const t of props.api.tiles.value) {\n    const x = t.col * colSize.value + halfGap.value;\n    const y = t.row * rowSize.value + halfGap.value;\n    if (t.id === draggerId || gdSet.has(t.id)) {\n      prevRects.set(t.id, { x, y });\n      continue;\n    }\n    const p = prevRects.get(t.id);\n    const node = tileNodes.get(t.id);\n    if (p && node) {\n      const dx = p.x - x;\n      const dy = p.y - y;\n      if (dx !== 0 || dy !== 0) {\n        animateReposition(node, dx, dy, config.value.animation);\n      }\n    }\n    prevRects.set(t.id, { x, y });\n  }\n});\n\n// Compute layouts for all rendered tiles in one pass so resolveStickyStacking\n// can see every sticky tile and adjust them as a group. Recomputes whenever\n// rendered, config, viewport, drag, resize, or pinDrag change.\nconst tileLayouts = computed(() => {\n  const out = new Map<string, TileLayout>();\n  const stickyEntries: { tile: Tile; layout: TileLayout }[] = [];\n  const gd = groupDrag.value;\n  const gdIds = groupDragSet.value;\n  for (const tile of rendered.value) {\n    let layout: TileLayout;\n    if (resize.value?.tileId === tile.id) {\n      const w = resize.value.previewW;\n      const h = resize.value.previewH;\n      layout = {\n        left: resize.value.previewCol * colSize.value + halfGap.value,\n        top: resize.value.previewRow * rowSize.value + halfGap.value,\n        width: w * config.value.unitWidth + (w - 1) * gap.value,\n        height: h * config.value.unitHeight + (h - 1) * gap.value,\n        zIndex: 10,\n        effective: 'static',\n      };\n    } else if (drag.value?.tileId === tile.id) {\n      const d = drag.value;\n      layout = {\n        left: d.pickupCol * colSize.value + halfGap.value,\n        top: d.pickupRow * rowSize.value + halfGap.value,\n        width: tile.w * config.value.unitWidth + (tile.w - 1) * gap.value,\n        height: tile.h * config.value.unitHeight + (tile.h - 1) * gap.value,\n        transform: `translate(${d.deltaX}px, ${d.deltaY}px)`,\n        zIndex: 20,\n        effective: 'static',\n      };\n    } else if (gd && gdIds.has(tile.id)) {\n      const pickup = groupDragController.pickupCell(tile.id);\n      const left = (pickup ? pickup.col * colSize.value : tile.col * colSize.value) + halfGap.value;\n      const top = (pickup ? pickup.row * rowSize.value : tile.row * rowSize.value) + halfGap.value;\n      layout = {\n        left,\n        top,\n        width: tile.w * config.value.unitWidth + (tile.w - 1) * gap.value,\n        height: tile.h * config.value.unitHeight + (tile.h - 1) * gap.value,\n        transform: `translate(${gd.deltaX}px, ${gd.deltaY}px)`,\n        zIndex: 20,\n        effective: 'static',\n      };\n    } else {\n      layout = computeTileLayout({\n        tile,\n        config: config.value,\n        scrollX: viewport.value.scrollX,\n        scrollY: viewport.value.scrollY,\n        viewportWidth: viewport.value.width,\n        viewportHeight: viewport.value.height,\n      });\n      if (layout.effective === 'sticky') {\n        stickyEntries.push({ tile, layout });\n      }\n    }\n    out.set(tile.id, layout);\n  }\n  if (stickyEntries.length > 1) resolveStickyStacking(stickyEntries);\n  return out;\n});\n\nfunction tileStyle(tile: Tile) {\n  const isDragging = drag.value?.tileId === tile.id;\n  const isGroupDragging = groupDragSet.value.has(tile.id) && groupDrag.value !== null;\n  const isPinDragging = pinDrag.value?.tileId === tile.id;\n  const isResizing = resize.value?.tileId === tile.id;\n  const isSelected = selection.value.has(tile.id);\n  const layout = tileLayouts.value.get(tile.id) ?? {\n    left: 0, top: 0, width: 0, height: 0, zIndex: 1, effective: 'static' as const,\n  };\n  const lifted = isDragging || isPinDragging || isGroupDragging;\n  return {\n    position: 'absolute' as const,\n    left: layout.left + 'px',\n    top: layout.top + 'px',\n    width: layout.width + 'px',\n    height: layout.height + 'px',\n    boxSizing: 'border-box' as const,\n    cursor: lifted ? 'grabbing' : 'grab',\n    userSelect: 'none' as const,\n    zIndex: layout.zIndex,\n    opacity: lifted || isResizing ? 0.85 : 1,\n    willChange: 'transform, translate',\n    transform: layout.transform ?? '',\n    filter: lifted ? 'drop-shadow(0 8px 16px rgba(0,0,0,0.18))' : '',\n    transition: lifted ? liftTransition(config.value.animation) : '',\n    boxShadow: isSelected\n      ? '0 0 0 3px rgba(59, 91, 219, 0.85), inset 0 0 0 1px rgba(59, 91, 219, 0.3)'\n      : '',\n    borderRadius: (config.value.tileRadius ?? 4) + 'px',\n  };\n}\n\n\nconst indicatorRect = computed(() => {\n  const d = drag.value;\n  if (!d || d.indicatorCol === null || d.indicatorRow === null) return null;\n  const t = props.api.grid.getTile(d.tileId);\n  if (!t) return null;\n  return {\n    left: d.indicatorCol * colSize.value + halfGap.value,\n    top: d.indicatorRow * rowSize.value + halfGap.value,\n    width: t.w * config.value.unitWidth + (t.w - 1) * gap.value,\n    height: t.h * config.value.unitHeight + (t.h - 1) * gap.value,\n  };\n});\n\nconst drawGhostRect = computed(() => {\n  const ds = drawState.value;\n  if (!ds) return null;\n  const col = Math.min(ds.anchorCol, ds.currentCol);\n  const row = Math.min(ds.anchorRow, ds.currentRow);\n  const w = Math.max(1, Math.abs(ds.currentCol - ds.anchorCol) + 1);\n  const h = Math.max(1, Math.abs(ds.currentRow - ds.anchorRow) + 1);\n  return {\n    left: col * colSize.value + halfGap.value,\n    top: row * rowSize.value + halfGap.value,\n    width: w * config.value.unitWidth + (w - 1) * gap.value,\n    height: h * config.value.unitHeight + (h - 1) * gap.value,\n    label: `${w}×${h}`,\n  };\n});\n\nfunction tileHandles(tile: Tile): Corner[] {\n  return tile.resizeHandles ?? config.value.resizeHandles ?? ['se'];\n}\n\nfunction handleStyle(c: Corner) {\n  const size = 12;\n  const base = {\n    position: 'absolute' as const,\n    width: size + 'px',\n    height: size + 'px',\n    background: 'rgba(60,60,60,0.7)',\n    border: '2px solid white',\n    borderRadius: '3px',\n    cursor: `${c}-resize`,\n    touchAction: 'none' as const,\n  } as Record<string, unknown>;\n  if (c === 'nw') return { ...base, top: -size / 2 + 'px', left: -size / 2 + 'px' };\n  if (c === 'ne') return { ...base, top: -size / 2 + 'px', right: -size / 2 + 'px' };\n  if (c === 'sw') return { ...base, bottom: -size / 2 + 'px', left: -size / 2 + 'px' };\n  return { ...base, bottom: -size / 2 + 'px', right: -size / 2 + 'px' };\n}\n\nconst className = computed(() => props.className ?? '');\n</script>\n","// Vue composable that wraps a Grid instance with reactive state.\n\nimport { onBeforeUnmount, reactive, ref, shallowRef } from 'vue';\nimport { Grid } from '@griddle/core';\nimport type { GridConfig, Tile, GridSnapshot } from '@griddle/core';\n\nexport interface UseGriddleInit {\n  config: GridConfig;\n  tiles?: Tile[];\n}\n\nexport function useGriddle(init: UseGriddleInit) {\n  const grid = new Grid(init.config, init.tiles ?? []);\n\n  // Reactive mirrors of tiles and config. We re-assign on changes.\n  const tiles = shallowRef<Tile[]>(grid.tiles);\n  const config = shallowRef<GridConfig>(grid.config);\n  const version = ref(0);\n\n  const off = grid.changes.on(() => {\n    tiles.value = grid.tiles;\n    config.value = grid.config;\n    version.value++;\n  });\n  onBeforeUnmount(off);\n\n  const api = {\n    grid,\n    tiles,\n    config,\n    version,\n    moveTile: (id: string, target: { col: number; row: number }) => grid.moveTile(id, target),\n    resizeTile: (id: string, size: { w: number; h: number }) => grid.resizeTile(id, size),\n    addTile: (t: Tile) => grid.addTile(t),\n    removeTile: (id: string) => grid.removeTile(id),\n    updateConfig: (patch: Partial<GridConfig>) => grid.updateConfig(patch),\n    toJSON: () => grid.toJSON(),\n    loadJSON: (snap: GridSnapshot) => grid.loadJSON(snap),\n  };\n  return api;\n}\n\nexport type GriddleApi = ReturnType<typeof useGriddle>;\n"],"names":["DEFAULT_DRAG_IGNORE","PAN_THRESHOLD_PX","props","__props","emit","__emit","viewportEl","ref","planeEl","config","computed","loop","resolveLoop","editable","_a","gap","halfGap","colSize","rowSize","period","loopPeriod","pan","PanController","watch","l","view","lastCam","raf","resizeObserver","onWheel","k","frame","now","st","plane","el","cxCell","cyCell","cur","instances","bufX","bufY","loopInstances","panGesture","suppressClick","onContainerPointerDown","onTile","setSelection","ignoreSelector","onClickCapture","internalSelection","selection","next","dragController","DragController","drag","dragStartPointerX","dragStartPointerY","resize","syncTiles","isBase","inst","isGhost","onTilePointerDown","tile","onResizeHandleDown","c","baseLeft","baseTop","onPointerMove","d","dx","dy","candidate","result","r","dw","dh","dcol","drow","stepsX","stepsY","minW","minH","maxW","maxH","nW","nH","nC","nR","onPointerUp","tileId","committed","t","target","onKeyDown","onMounted","measure","onBeforeUnmount","tileNodes","prevRects","registerNode","key","nextTick","draggerId","seen","x","y","p","node","animateReposition","viewportStyle","bg","planeStyle","instanceStyle","isResizingInst","left","top","width","heightPx","ghost","isSelected","draggedTile","dragOverlayStyle","indicatorRect","tileHandles","handleStyle","base","className","_createElementBlock","_createElementVNode","_normalizeStyle","_Fragment","_renderList","_normalizeClass","e","_renderSlot","_ctx","_openBlock","DRAG_START_THRESHOLD_PX","loopOn","scrollEl","viewport","range","visibleRange","rendered","visibleTiles","contentSize","gridContentSize","scrollStyle","contained","style","contentStyle","groupDragSet","groupDrag","groupDragController","GroupDragController","pinDrag","drawState","pendingDrag","beginPendingDrag","pending","layout","computeTileLayout","startPinPx","metaKey","isOutOfFlow","tileIsSelected","effectiveSelection","groupTileIds","onBackgroundPointerDown","rect","col","row","pd","gd","newPinPx","newPin","pixelsToPin","_b","candidateCol","candidateRow","ds","w","h","tileIds","firstId","updateViewport","ro","id","gdSet","tileLayouts","out","stickyEntries","gdIds","pickup","resolveStickyStacking","tileStyle","isDragging","isGroupDragging","isPinDragging","isResizing","_c","lifted","liftTransition","drawGhostRect","_createBlock","GriddleLoopGrid","_cache","s","cam","_withCtx","slotProps","_toDisplayString","useGriddle","init","grid","Grid","tiles","shallowRef","version","off","size","patch","snap"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/LoopGrid.vue","../src/GriddleGrid.vue","../src/useGriddle.ts"],"sourcesContent":["<template>\n  <div\n    ref=\"viewportEl\"\n    :class=\"className\"\n    :style=\"viewportStyle\"\n    @pointerdown=\"onContainerPointerDown\"\n    @click.capture=\"onClickCapture\"\n  >\n    <div ref=\"planeEl\" :style=\"planeStyle\">\n      <div\n        v-if=\"indicatorRect\"\n        class=\"griddle-drop-indicator\"\n        :style=\"{\n          position: 'absolute',\n          left: indicatorRect.left + 'px',\n          top: indicatorRect.top + 'px',\n          width: indicatorRect.width + 'px',\n          height: indicatorRect.height + 'px',\n          boxSizing: 'border-box',\n          border: '2px dashed rgba(59, 91, 219, 0.55)',\n          background: 'rgba(59, 91, 219, 0.08)',\n          borderRadius: (config.tileRadius ?? 4) + 'px',\n          pointerEvents: 'none',\n          zIndex: 5,\n        }\"\n      ></div>\n      <template v-for=\"inst in instances\" :key=\"inst.key\">\n        <div\n          v-if=\"!(drag && inst.tile.id === drag.tileId)\"\n          :data-griddle-tile=\"inst.tile.id\"\n          :data-griddle-instance=\"inst.key\"\n          :data-griddle-ghost=\"isGhost(inst) ? '' : undefined\"\n          :aria-hidden=\"isBase(inst) ? undefined : true\"\n          :class=\"['griddle-tile', {\n            'griddle-resizing': resize?.instanceKey === inst.key,\n            'griddle-selected': editable && isBase(inst) && selection.has(inst.tile.id),\n          }]\"\n          :style=\"instanceStyle(inst)\"\n          :ref=\"(el) => registerNode(inst.key, el as HTMLDivElement | null)\"\n          @pointerdown=\"(e) => onTilePointerDown(e, inst)\"\n        >\n          <slot name=\"tile\" :tile=\"inst.tile\" :selected=\"editable && isBase(inst) && selection.has(inst.tile.id)\" />\n          <template v-if=\"editable && isBase(inst) && inst.tile.resizable !== false\">\n            <div\n              v-for=\"c in tileHandles(inst.tile)\"\n              :key=\"c\"\n              :data-griddle-handle=\"c\"\n              :style=\"handleStyle(c)\"\n              @pointerdown=\"(e) => onResizeHandleDown(e, inst, c)\"\n            ></div>\n          </template>\n        </div>\n      </template>\n      <div\n        v-if=\"drag && draggedTile\"\n        :data-griddle-tile=\"draggedTile.id\"\n        class=\"griddle-tile griddle-dragging\"\n        :style=\"dragOverlayStyle\"\n      >\n        <slot name=\"tile\" :tile=\"draggedTile\" :selected=\"selection.has(draggedTile.id)\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// Loop-mode renderer (\"object looping\") — see @griddle/core loop.ts for the\n// coordinate model. Mirrors the React GriddleLoopGrid: an overflow-hidden\n// viewport, a transform-translated plane driven by an unbounded camera, and\n// NO native scrolling (wheel deltas feed the camera directly).\nimport { computed, onBeforeUnmount, onMounted, ref, watch, nextTick } from 'vue';\nimport type { CameraState, CellPos, Corner, Tile } from '@griddle/core';\nimport {\n  DragController,\n  PanController,\n  loopInstances,\n  loopPeriod,\n  resolveLoop,\n} from '@griddle/core';\nimport type { LoopTileInstance } from '@griddle/core';\nimport type { GriddleApi } from './useGriddle.js';\nimport { animateReposition } from './animation.js';\n\nconst props = defineProps<{\n  api: GriddleApi;\n  className?: string;\n  height?: number | string;\n  showGrid?: boolean;\n  selection?: Set<string>;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'selectionChange', selection: Set<string>): void;\n  (e: 'dragStart', tileId: string): void;\n  (e: 'dragEnd', tileId: string, committed: boolean): void;\n  (e: 'resizeStart', tileId: string): void;\n  (e: 'resizeEnd', tileId: string, committed: boolean): void;\n  (e: 'cameraChange', camera: CameraState): void;\n}>();\n\nconst DEFAULT_DRAG_IGNORE = 'a, button, input, textarea, select, [contenteditable]';\nconst PAN_THRESHOLD_PX = 4;\n\nconst viewportEl = ref<HTMLDivElement | null>(null);\nconst planeEl = ref<HTMLDivElement | null>(null);\n\nconst config = computed(() => props.api.config.value);\nconst loop = computed(() => resolveLoop(config.value));\nconst editable = computed(() => loop.value?.interaction === 'edit');\nconst gap = computed(() => config.value.gap ?? 0);\nconst halfGap = computed(() => gap.value / 2);\nconst colSize = computed(() => config.value.unitWidth + gap.value);\nconst rowSize = computed(() => config.value.unitHeight + gap.value);\nconst period = computed(() => loopPeriod(config.value, props.api.tiles.value));\n\n// ---- camera plumbing ------------------------------------------------------\nconst pan = new PanController();\nwatch(loop, (l) => {\n  if (l) pan.setPhysics({ friction: l.friction, ease: l.ease, maxVelocity: l.maxVelocity });\n}, { immediate: true });\n\nconst view = ref({ cxCell: 0, cyCell: 0, vw: 1000, vh: 800 });\nlet lastCam: CameraState | null = null;\nlet raf = 0;\nlet resizeObserver: ResizeObserver | null = null;\n\nfunction onWheel(e: WheelEvent) {\n  e.preventDefault();\n  const k = e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? 100 : 1;\n  pan.scrollBy(e.deltaX * k, e.deltaY * k);\n}\n\nfunction frame(now: number) {\n  raf = requestAnimationFrame(frame);\n  const st = pan.tick(now);\n\n  const plane = planeEl.value;\n  if (plane) {\n    plane.style.transform = `translate3d(${-st.x}px, ${-st.y}px, 0)`;\n  }\n  const el = viewportEl.value;\n  if (el && props.showGrid !== false) {\n    el.style.backgroundPosition = `${-st.x % colSize.value}px ${-st.y % rowSize.value}px`;\n  }\n\n  const cxCell = Math.floor(st.x / colSize.value);\n  const cyCell = Math.floor(st.y / rowSize.value);\n  const cur = view.value;\n  if (cxCell !== cur.cxCell || cyCell !== cur.cyCell) {\n    view.value = { ...cur, cxCell, cyCell };\n  }\n\n  if (\n    !lastCam || lastCam.x !== st.x || lastCam.y !== st.y ||\n    lastCam.isMoving !== st.isMoving || lastCam.isDragging !== st.isDragging\n  ) {\n    lastCam = st;\n    emit('cameraChange', st);\n  }\n}\n\nconst instances = computed(() => {\n  void props.api.version.value; // re-run on grid changes\n  const bufX = 2 * colSize.value;\n  const bufY = 2 * rowSize.value;\n  return loopInstances(config.value, props.api.tiles.value, {\n    x: view.value.cxCell * colSize.value - bufX,\n    y: view.value.cyCell * rowSize.value - bufY,\n    width: view.value.vw + colSize.value + 2 * bufX,\n    height: view.value.vh + rowSize.value + 2 * bufY,\n  });\n});\n\n// ---- pan gesture ----------------------------------------------------------\nlet panGesture: { pointerId: number; startX: number; startY: number; moved: boolean } | null = null;\nlet suppressClick = false;\n\nfunction onContainerPointerDown(e: PointerEvent) {\n  const onTile = !!(e.target as HTMLElement).closest('[data-griddle-tile]');\n  if (editable.value && !onTile) setSelection(new Set());\n  // Tiles that start drags stopPropagation, so reaching here from a tile\n  // means it was not draggable — panning is the right fallback.\n  if (!loop.value?.dragPan || e.button !== 0) return;\n  const ignoreSelector = config.value.dragIgnoreFrom ?? DEFAULT_DRAG_IGNORE;\n  if (ignoreSelector && (e.target as HTMLElement).closest(ignoreSelector)) return;\n  panGesture = { pointerId: e.pointerId, startX: e.clientX, startY: e.clientY, moved: false };\n}\n\nfunction onClickCapture(e: MouseEvent) {\n  if (suppressClick) {\n    suppressClick = false;\n    e.preventDefault();\n    e.stopPropagation();\n  }\n}\n\n// ---- selection ('edit' interaction) ---------------------------------------\nconst internalSelection = ref<Set<string>>(new Set());\nconst selection = computed(() => props.selection ?? internalSelection.value);\nfunction setSelection(next: Set<string>) {\n  if (!props.selection) internalSelection.value = next;\n  emit('selectionChange', next);\n}\n\n// ---- tile drag / resize ('edit' interaction) ------------------------------\nconst dragController = new DragController(props.api.grid);\n\ninterface LoopDragVisual {\n  tileId: string;\n  instanceLeft: number;\n  instanceTop: number;\n  pickupCol: number;\n  pickupRow: number;\n  deltaX: number;\n  deltaY: number;\n  indicatorCol: number | null;\n  indicatorRow: number | null;\n}\nconst drag = ref<LoopDragVisual | null>(null);\nlet dragStartPointerX = 0;\nlet dragStartPointerY = 0;\n\ninterface LoopResizeState {\n  tileId: string;\n  instanceKey: string;\n  instanceDx: number;\n  instanceDy: number;\n  corner: Corner;\n  startPointerX: number;\n  startPointerY: number;\n  startW: number;\n  startH: number;\n  startCol: number;\n  startRow: number;\n  previewW: number;\n  previewH: number;\n  previewCol: number;\n  previewRow: number;\n}\nconst resize = ref<LoopResizeState | null>(null);\n\nfunction syncTiles() {\n  props.api.tiles.value = props.api.grid.tiles;\n  props.api.version.value++;\n}\n\nfunction isBase(inst: LoopTileInstance): boolean {\n  return inst.kx === 0 && inst.ky === 0;\n}\nfunction isGhost(inst: LoopTileInstance): boolean {\n  return editable.value && !isBase(inst);\n}\n\nfunction onTilePointerDown(e: PointerEvent, inst: LoopTileInstance) {\n  if (!editable.value) return; // pan mode: container pan handler takes it\n  if (!isBase(inst)) return; // ghosts are display-only\n  const tile = inst.tile;\n  if (tile.draggable === false) return;\n  if ((e.target as HTMLElement).dataset.griddleHandle) return;\n  const ignoreSelector = config.value.dragIgnoreFrom ?? DEFAULT_DRAG_IGNORE;\n  if (ignoreSelector && (e.target as HTMLElement).closest(ignoreSelector)) return;\n\n  if (e.metaKey || e.ctrlKey) {\n    e.preventDefault();\n    const next = new Set(selection.value);\n    if (next.has(tile.id)) next.delete(tile.id);\n    else next.add(tile.id);\n    setSelection(next);\n    e.stopPropagation();\n    return;\n  }\n  setSelection(new Set([tile.id]));\n\n  // No pointer capture: the grabbed instance unmounts (drag renders as an\n  // overlay), which would release the capture mid-gesture.\n  if (!dragController.start(tile.id)) return;\n  dragStartPointerX = e.clientX;\n  dragStartPointerY = e.clientY;\n  drag.value = {\n    tileId: tile.id,\n    instanceLeft: inst.left,\n    instanceTop: inst.top,\n    pickupCol: tile.col,\n    pickupRow: tile.row,\n    deltaX: 0,\n    deltaY: 0,\n    indicatorCol: tile.col,\n    indicatorRow: tile.row,\n  };\n  emit('dragStart', tile.id);\n  e.stopPropagation();\n}\n\nfunction onResizeHandleDown(e: PointerEvent, inst: LoopTileInstance, c: Corner) {\n  if (!editable.value) return;\n  const tile = inst.tile;\n  if (tile.resizable === false) return;\n  (e.currentTarget as HTMLDivElement).setPointerCapture(e.pointerId);\n  const baseLeft = tile.col * colSize.value + halfGap.value;\n  const baseTop = tile.row * rowSize.value + halfGap.value;\n  resize.value = {\n    tileId: tile.id,\n    instanceKey: inst.key,\n    instanceDx: inst.left - baseLeft,\n    instanceDy: inst.top - baseTop,\n    corner: c,\n    startPointerX: e.clientX,\n    startPointerY: e.clientY,\n    startW: tile.w,\n    startH: tile.h,\n    startCol: tile.col,\n    startRow: tile.row,\n    previewW: tile.w,\n    previewH: tile.h,\n    previewCol: tile.col,\n    previewRow: tile.row,\n  };\n  emit('resizeStart', tile.id);\n  e.stopPropagation();\n}\n\nfunction onPointerMove(e: PointerEvent) {\n  if (panGesture && e.pointerId === panGesture.pointerId) {\n    const now = performance.now();\n    if (!panGesture.moved) {\n      const dist = Math.hypot(e.clientX - panGesture.startX, e.clientY - panGesture.startY);\n      if (dist >= PAN_THRESHOLD_PX) {\n        panGesture.moved = true;\n        pan.dragStart(panGesture.startX, panGesture.startY, now);\n        pan.dragMove(e.clientX, e.clientY, now);\n      }\n    } else {\n      pan.dragMove(e.clientX, e.clientY, now);\n    }\n    return;\n  }\n\n  const d = drag.value;\n  if (d) {\n    // Ghost edit: plain grid semantics in the base copy — no wrapping.\n    const dx = e.clientX - dragStartPointerX;\n    const dy = e.clientY - dragStartPointerY;\n    const candidate: CellPos = {\n      col: d.pickupCol + Math.round(dx / colSize.value),\n      row: d.pickupRow + Math.round(dy / rowSize.value),\n    };\n    const result = dragController.update(candidate);\n    drag.value = {\n      ...d,\n      deltaX: dx,\n      deltaY: dy,\n      indicatorCol: result.indicatorCell ? result.indicatorCell.col : null,\n      indicatorRow: result.indicatorCell ? result.indicatorCell.row : null,\n    };\n    if (result.changed) syncTiles();\n  }\n\n  const r = resize.value;\n  if (r) {\n    const dx = e.clientX - r.startPointerX;\n    const dy = e.clientY - r.startPointerY;\n    let dw = 0, dh = 0, dcol = 0, drow = 0;\n    const stepsX = Math.round(dx / colSize.value);\n    const stepsY = Math.round(dy / rowSize.value);\n    if (r.corner === 'se' || r.corner === 'ne') dw = stepsX;\n    if (r.corner === 'se' || r.corner === 'sw') dh = stepsY;\n    if (r.corner === 'sw' || r.corner === 'nw') { dw = -stepsX; dcol = stepsX; }\n    if (r.corner === 'ne' || r.corner === 'nw') { dh = -stepsY; drow = stepsY; }\n    const tile = props.api.grid.getTile(r.tileId);\n    const minW = tile?.minW ?? 1;\n    const minH = tile?.minH ?? 1;\n    const maxW = Math.min(tile?.maxW ?? Infinity, config.value.cols);\n    const maxH = Math.min(tile?.maxH ?? Infinity, config.value.rows);\n    const nW = Math.min(maxW, Math.max(minW, r.startW + dw));\n    const nH = Math.min(maxH, Math.max(minH, r.startH + dh));\n    const nC = r.startCol + dcol;\n    const nR = r.startRow + drow;\n    if (nW !== r.previewW || nH !== r.previewH || nC !== r.previewCol || nR !== r.previewRow) {\n      resize.value = { ...r, previewW: nW, previewH: nH, previewCol: nC, previewRow: nR };\n    }\n  }\n}\n\nfunction onPointerUp(e: PointerEvent) {\n  if (panGesture && e.pointerId === panGesture.pointerId) {\n    if (panGesture.moved) {\n      pan.dragEnd(performance.now());\n      suppressClick = true;\n    }\n    panGesture = null;\n    return;\n  }\n\n  if (drag.value) {\n    const tileId = drag.value.tileId;\n    const { committed } = dragController.end();\n    drag.value = null;\n    syncTiles();\n    emit('dragEnd', tileId, committed);\n  }\n  const r = resize.value;\n  if (r) {\n    const t = props.api.grid.getTile(r.tileId);\n    let committed = false;\n    if (t) {\n      const target = { col: r.previewCol, row: r.previewRow };\n      if (target.col !== t.col || target.row !== t.row) {\n        props.api.moveTile(r.tileId, target);\n      }\n      if (r.previewW !== t.w || r.previewH !== t.h) {\n        committed = props.api.resizeTile(r.tileId, { w: r.previewW, h: r.previewH });\n      } else {\n        committed = r.previewCol !== r.startCol || r.previewRow !== r.startRow\n          || r.previewW !== r.startW || r.previewH !== r.startH;\n      }\n    }\n    resize.value = null;\n    emit('resizeEnd', r.tileId, committed);\n  }\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if (e.key === 'Escape' && editable.value) setSelection(new Set());\n}\n\nonMounted(() => {\n  const el = viewportEl.value;\n  if (el) {\n    el.addEventListener('wheel', onWheel, { passive: false });\n    const measure = () => {\n      const cur = view.value;\n      if (el.clientWidth !== cur.vw || el.clientHeight !== cur.vh) {\n        view.value = { ...cur, vw: el.clientWidth, vh: el.clientHeight };\n      }\n    };\n    measure();\n    resizeObserver = new ResizeObserver(measure);\n    resizeObserver.observe(el);\n  }\n  raf = requestAnimationFrame(frame);\n  window.addEventListener('pointermove', onPointerMove);\n  window.addEventListener('pointerup', onPointerUp);\n  window.addEventListener('pointercancel', onPointerUp);\n  window.addEventListener('keydown', onKeyDown);\n});\nonBeforeUnmount(() => {\n  cancelAnimationFrame(raf);\n  viewportEl.value?.removeEventListener('wheel', onWheel);\n  resizeObserver?.disconnect();\n  window.removeEventListener('pointermove', onPointerMove);\n  window.removeEventListener('pointerup', onPointerUp);\n  window.removeEventListener('pointercancel', onPointerUp);\n  window.removeEventListener('keydown', onKeyDown);\n});\n\n// ---- FLIP for edit-mode repacks (keyed by world key) ----------------------\nconst tileNodes = new Map<string, HTMLDivElement>();\nconst prevRects = new Map<string, { x: number; y: number }>();\nfunction registerNode(key: string, el: HTMLDivElement | null) {\n  if (el) tileNodes.set(key, el);\n  else tileNodes.delete(key);\n}\n\nwatch(() => props.api.version.value, async () => {\n  await nextTick();\n  const draggerId = drag.value?.tileId ?? null;\n  const seen = new Set<string>();\n  for (const inst of instances.value) {\n    const key = inst.key;\n    seen.add(key);\n    const x = inst.left;\n    const y = inst.top;\n    if (editable.value && inst.tile.id !== draggerId) {\n      const p = prevRects.get(key);\n      const node = tileNodes.get(key);\n      if (p && node) {\n        const dx = p.x - x;\n        const dy = p.y - y;\n        if (\n          (dx !== 0 || dy !== 0) &&\n          Math.abs(dx) < period.value.width / 2 &&\n          Math.abs(dy) < period.value.height / 2\n        ) {\n          animateReposition(node, dx, dy, config.value.animation);\n        }\n      }\n    }\n    prevRects.set(key, { x, y });\n  }\n  for (const key of prevRects.keys()) {\n    if (!seen.has(key)) prevRects.delete(key);\n  }\n});\n\n// ---- styles ----------------------------------------------------------------\nconst viewportStyle = computed(() => {\n  const showGrid = props.showGrid !== false;\n  const bg = showGrid\n    ? {\n        backgroundImage: `linear-gradient(to right, rgba(0,0,0,0.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,0.08) 1px, transparent 1px)`,\n        backgroundSize: `${colSize.value}px ${rowSize.value}px`,\n        backgroundPosition: '0 0',\n      }\n    : {};\n  return {\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n    height: typeof props.height === 'number' ? props.height + 'px' : (props.height ?? '100%'),\n    touchAction: 'none' as const,\n    userSelect: 'none' as const,\n    willChange: 'translate',\n    cursor: !editable.value && loop.value?.dragPan ? 'grab' : undefined,\n    ['--griddle-tile-radius' as string]: (config.value.tileRadius ?? 4) + 'px',\n    ...bg,\n  };\n});\n\nconst planeStyle = computed(() => ({\n  position: 'absolute' as const,\n  top: '0',\n  left: '0',\n  width: '0',\n  height: '0',\n  willChange: 'transform',\n}));\n\nfunction instanceStyle(inst: LoopTileInstance) {\n  const r = resize.value;\n  const isResizingInst = r?.instanceKey === inst.key;\n  let left = inst.left;\n  let top = inst.top;\n  let width = inst.width;\n  let heightPx = inst.height;\n  if (isResizingInst && r) {\n    left = r.previewCol * colSize.value + halfGap.value + r.instanceDx;\n    top = r.previewRow * rowSize.value + halfGap.value + r.instanceDy;\n    width = r.previewW * config.value.unitWidth + (r.previewW - 1) * gap.value;\n    heightPx = r.previewH * config.value.unitHeight + (r.previewH - 1) * gap.value;\n  }\n  const ghost = isGhost(inst);\n  const isSelected = editable.value && isBase(inst) && selection.value.has(inst.tile.id);\n  return {\n    position: 'absolute' as const,\n    left: left + 'px',\n    top: top + 'px',\n    width: width + 'px',\n    height: heightPx + 'px',\n    boxSizing: 'border-box' as const,\n    cursor: editable.value && isBase(inst) ? 'grab' : undefined,\n    userSelect: 'none' as const,\n    // Ghosts are display-only: pointer-transparent (so the gesture falls\n    // through to drag-pan) and dimmed to mark the editable copy.\n    pointerEvents: ghost ? ('none' as const) : undefined,\n    zIndex: isResizingInst ? 10 : 1,\n    opacity: isResizingInst ? 0.85 : ghost ? 0.55 : 1,\n    boxShadow: isSelected\n      ? '0 0 0 3px rgba(59, 91, 219, 0.85), inset 0 0 0 1px rgba(59, 91, 219, 0.3)'\n      : '',\n    borderRadius: (config.value.tileRadius ?? 4) + 'px',\n  };\n}\n\nconst draggedTile = computed<Tile | null>(() =>\n  drag.value ? props.api.grid.getTile(drag.value.tileId) ?? null : null,\n);\n\nconst dragOverlayStyle = computed(() => {\n  const d = drag.value;\n  const t = draggedTile.value;\n  if (!d || !t) return {};\n  return {\n    position: 'absolute' as const,\n    left: d.instanceLeft + 'px',\n    top: d.instanceTop + 'px',\n    width: t.w * config.value.unitWidth + (t.w - 1) * gap.value + 'px',\n    height: t.h * config.value.unitHeight + (t.h - 1) * gap.value + 'px',\n    boxSizing: 'border-box' as const,\n    cursor: 'grabbing',\n    userSelect: 'none' as const,\n    zIndex: 20,\n    opacity: 0.85,\n    transform: `translate(${d.deltaX}px, ${d.deltaY}px)`,\n    filter: 'drop-shadow(0 8px 16px rgba(0,0,0,0.18))',\n    borderRadius: (config.value.tileRadius ?? 4) + 'px',\n    pointerEvents: 'none' as const,\n  };\n});\n\n// Drop indicator: rendered in the base copy (ghost edit is plain-grid).\nconst indicatorRect = computed(() => {\n  const d = drag.value;\n  if (!d || d.indicatorCol === null || d.indicatorRow === null) return null;\n  const t = props.api.grid.getTile(d.tileId);\n  if (!t) return null;\n  return {\n    left: d.indicatorCol * colSize.value + halfGap.value,\n    top: d.indicatorRow * rowSize.value + halfGap.value,\n    width: t.w * config.value.unitWidth + (t.w - 1) * gap.value,\n    height: t.h * config.value.unitHeight + (t.h - 1) * gap.value,\n  };\n});\n\nfunction tileHandles(tile: Tile): Corner[] {\n  return tile.resizeHandles ?? config.value.resizeHandles ?? ['se'];\n}\n\nfunction handleStyle(c: Corner) {\n  const size = 12;\n  const base = {\n    position: 'absolute' as const,\n    width: size + 'px',\n    height: size + 'px',\n    background: 'rgba(60,60,60,0.7)',\n    border: '2px solid white',\n    borderRadius: '3px',\n    cursor: `${c}-resize`,\n    touchAction: 'none' as const,\n  } as Record<string, unknown>;\n  if (c === 'nw') return { ...base, top: -size / 2 + 'px', left: -size / 2 + 'px' };\n  if (c === 'ne') return { ...base, top: -size / 2 + 'px', right: -size / 2 + 'px' };\n  if (c === 'sw') return { ...base, bottom: -size / 2 + 'px', left: -size / 2 + 'px' };\n  return { ...base, bottom: -size / 2 + 'px', right: -size / 2 + 'px' };\n}\n\nconst className = computed(() => props.className ?? '');\n</script>\n","<template>\n  <GriddleLoopGrid\n    v-if=\"loopOn\"\n    :api=\"api\"\n    :class-name=\"className\"\n    :height=\"height\"\n    :show-grid=\"showGrid\"\n    :selection=\"props.selection\"\n    @selection-change=\"(s) => emit('selectionChange', s)\"\n    @drag-start=\"(id) => emit('dragStart', id)\"\n    @drag-end=\"(id, c) => emit('dragEnd', id, c)\"\n    @resize-start=\"(id) => emit('resizeStart', id)\"\n    @resize-end=\"(id, c) => emit('resizeEnd', id, c)\"\n    @camera-change=\"(cam) => emit('cameraChange', cam)\"\n  >\n    <template #tile=\"slotProps\">\n      <slot name=\"tile\" v-bind=\"slotProps\" />\n    </template>\n  </GriddleLoopGrid>\n  <div\n    v-else\n    ref=\"scrollEl\"\n    :class=\"className\"\n    :style=\"scrollStyle\"\n    @pointerdown=\"onBackgroundPointerDown\"\n  >\n    <div :style=\"contentStyle\">\n      <div\n        v-if=\"indicatorRect\"\n        class=\"griddle-drop-indicator\"\n        :style=\"{\n          position: 'absolute',\n          left: indicatorRect.left + 'px',\n          top: indicatorRect.top + 'px',\n          width: indicatorRect.width + 'px',\n          height: indicatorRect.height + 'px',\n          boxSizing: 'border-box',\n          border: '2px dashed rgba(59, 91, 219, 0.55)',\n          background: 'rgba(59, 91, 219, 0.08)',\n          borderRadius: (config.tileRadius ?? 4) + 'px',\n          pointerEvents: 'none',\n          zIndex: 5,\n        }\"\n      ></div>\n      <div\n        v-if=\"drawGhostRect\"\n        class=\"griddle-draw-ghost\"\n        :style=\"{\n          position: 'absolute',\n          left: drawGhostRect.left + 'px',\n          top: drawGhostRect.top + 'px',\n          width: drawGhostRect.width + 'px',\n          height: drawGhostRect.height + 'px',\n          boxSizing: 'border-box',\n          border: '2px dashed rgba(59, 91, 219, 0.55)',\n          background: 'rgba(59, 91, 219, 0.08)',\n          borderRadius: (config.tileRadius ?? 4) + 'px',\n          pointerEvents: 'none',\n          zIndex: 5,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          fontSize: '14px',\n          fontWeight: '600',\n          color: 'rgba(59, 91, 219, 0.8)',\n          userSelect: 'none',\n        }\"\n      >{{ drawGhostRect.label }}</div>\n      <div\n        v-for=\"tile in rendered\"\n        :key=\"tile.id\"\n        :data-griddle-tile=\"tile.id\"\n        :class=\"['griddle-tile', {\n          'griddle-dragging': drag?.tileId === tile.id || pinDrag?.tileId === tile.id || (groupDrag !== null && groupDragSet.has(tile.id)),\n          'griddle-resizing': resize?.tileId === tile.id,\n          'griddle-selected': selection.has(tile.id),\n        }]\"\n        :style=\"tileStyle(tile)\"\n        @pointerdown=\"(e) => onTilePointerDown(e, tile)\"\n        :ref=\"(el) => registerNode(tile.id, el as HTMLDivElement | null)\"\n      >\n        <slot name=\"tile\" :tile=\"tile\" :selected=\"selection.has(tile.id)\" />\n        <template v-if=\"tile.resizable !== false\">\n          <div\n            v-for=\"c in tileHandles(tile)\"\n            :key=\"c\"\n            :data-griddle-handle=\"c\"\n            :style=\"handleStyle(c)\"\n            @pointerdown=\"(e) => onResizeHandleDown(e, tile, c)\"\n          ></div>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watch, nextTick } from 'vue';\nimport type { CameraState, Corner, Tile } from '@griddle/core';\nimport GriddleLoopGrid from './LoopGrid.vue';\nimport {\n  visibleRange,\n  visibleTiles,\n  gridContentSize,\n  DragController,\n  GroupDragController,\n  computeTileLayout,\n  resolveStickyStacking,\n  isOutOfFlow,\n  pixelsToPin,\n} from '@griddle/core';\nimport type { TileLayout } from '@griddle/core';\nimport type { GriddleApi } from './useGriddle.js';\nimport { animateReposition, liftTransition } from './animation.js';\n\nconst props = defineProps<{\n  api: GriddleApi;\n  className?: string;\n  height?: number | string;\n  showGrid?: boolean;\n  /** Controlled selection. If omitted, managed internally. */\n  selection?: Set<string>;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'selectionChange', selection: Set<string>): void;\n  (e: 'drawCreate', rect: { col: number; row: number; w: number; h: number }): void;\n  (e: 'dragStart', tileId: string): void;\n  (e: 'dragEnd', tileId: string, committed: boolean): void;\n  (e: 'resizeStart', tileId: string): void;\n  (e: 'resizeEnd', tileId: string, committed: boolean): void;\n  (e: 'cameraChange', camera: CameraState): void;\n}>();\n\n/** Loop mode delegates rendering to GriddleLoopGrid. */\nconst loopOn = computed(() => props.api.config.value.loop?.enabled === true);\n\nconst scrollEl = ref<HTMLDivElement | null>(null);\nconst viewport = ref({ scrollX: 0, scrollY: 0, width: 1000, height: 800 });\n\nconst config = computed(() => props.api.config.value);\nconst gap = computed(() => config.value.gap ?? 0);\nconst halfGap = computed(() => gap.value / 2);\nconst colSize = computed(() => config.value.unitWidth + gap.value);\nconst rowSize = computed(() => config.value.unitHeight + gap.value);\n\nconst range = computed(() => visibleRange(config.value, viewport.value, 4));\nconst rendered = computed(() => visibleTiles(props.api.tiles.value, range.value));\nconst contentSize = computed(() => gridContentSize(config.value, props.api.tiles.value));\n\nconst scrollStyle = computed(() => {\n  // 'none' scroll mode: the grid sizes to content and lets the host page own\n  // scrolling/panning — no internal scroll box, no touch-action lock.\n  const contained = config.value.scroll !== 'none';\n  const style: Record<string, string | number> = {\n    position: 'relative',\n    overflow: contained ? 'auto' : 'visible',\n    height: contained ? (props.height ?? '100%') : (props.height ?? 'auto'),\n  };\n  if (contained) style.touchAction = 'none';\n  return style;\n});\n\nconst contentStyle = computed(() => {\n  const showGrid = props.showGrid !== false;\n  const bg = showGrid\n    ? {\n        backgroundImage: `linear-gradient(to right, rgba(0,0,0,0.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,0.08) 1px, transparent 1px)`,\n        backgroundSize: `${colSize.value}px ${rowSize.value}px`,\n      }\n    : {};\n  return {\n    position: 'relative' as const,\n    width: contentSize.value.width || '100%',\n    height: contentSize.value.height || '100%',\n    minWidth: '100%',\n    minHeight: '100%',\n    // Expose tile radius as a CSS variable so user tile content can pick it up.\n    ['--griddle-tile-radius' as string]: (config.value.tileRadius ?? 4) + 'px',\n    ...bg,\n  };\n});\n\n// Selection state\nconst internalSelection = ref<Set<string>>(new Set());\nconst selection = computed(() => props.selection ?? internalSelection.value);\nconst groupDragSet = computed(() => new Set(groupDrag.value?.tileIds ?? []));\nfunction setSelection(next: Set<string>) {\n  if (!props.selection) internalSelection.value = next;\n  emit('selectionChange', next);\n}\n\nconst DEFAULT_DRAG_IGNORE = 'a, button, input, textarea, select, [contenteditable]';\nconst DRAG_START_THRESHOLD_PX = 12;\n\nconst dragController = new DragController(props.api.grid);\nconst groupDragController = new GroupDragController(props.api.grid);\n\ninterface DragVisual {\n  tileId: string;\n  pickupCol: number;\n  pickupRow: number;\n  deltaX: number;\n  deltaY: number;\n  indicatorCol: number | null;\n  indicatorRow: number | null;\n}\nconst drag = ref<DragVisual | null>(null);\nlet dragStartPointerX = 0;\nlet dragStartPointerY = 0;\n\ninterface GroupDragVisual {\n  tileIds: string[];\n  deltaX: number;\n  deltaY: number;\n  committedDcol: number;\n  committedDrow: number;\n}\nconst groupDrag = ref<GroupDragVisual | null>(null);\n\ninterface PinDragState {\n  tileId: string;\n  startPinPx: { x: number; y: number };\n  startPointerX: number;\n  startPointerY: number;\n}\nconst pinDrag = ref<PinDragState | null>(null);\n\ninterface ResizeState {\n  tileId: string;\n  corner: Corner;\n  startPointerX: number;\n  startPointerY: number;\n  startW: number;\n  startH: number;\n  startCol: number;\n  startRow: number;\n  previewW: number;\n  previewH: number;\n  previewCol: number;\n  previewRow: number;\n}\nconst resize = ref<ResizeState | null>(null);\n\ninterface DrawState {\n  anchorCol: number;\n  anchorRow: number;\n  currentCol: number;\n  currentRow: number;\n}\nconst drawState = ref<DrawState | null>(null);\n\ninterface PendingDragState {\n  pointerId: number;\n  tileId: string;\n  tileElement: HTMLDivElement;\n  startPointerX: number;\n  startPointerY: number;\n  mode: 'pin' | 'group' | 'single';\n  groupTileIds: string[];\n}\nlet pendingDrag: PendingDragState | null = null;\n\nfunction beginPendingDrag(pending: PendingDragState): boolean {\n  const tile = props.api.grid.getTile(pending.tileId);\n  if (!tile) return false;\n\n  // Capture only once movement proves this is a drag. Capturing on\n  // pointer-down retargets pointer-up away from editable descendants and turns\n  // ordinary clicks into drag start/end cycles.\n  try {\n    pending.tileElement.setPointerCapture(pending.pointerId);\n  } catch {\n    // The pointer may already have ended or the tile may have unmounted.\n    return false;\n  }\n\n  dragStartPointerX = pending.startPointerX;\n  dragStartPointerY = pending.startPointerY;\n\n  if (pending.mode === 'pin') {\n    const layout = computeTileLayout({\n      tile,\n      config: config.value,\n      scrollX: viewport.value.scrollX,\n      scrollY: viewport.value.scrollY,\n      viewportWidth: viewport.value.width,\n      viewportHeight: viewport.value.height,\n    });\n    const startPinPx =\n      tile.position === 'fixed'\n        ? { x: layout.left - viewport.value.scrollX, y: layout.top - viewport.value.scrollY }\n        : { x: layout.left, y: layout.top };\n    pinDrag.value = {\n      tileId: tile.id,\n      startPinPx,\n      startPointerX: pending.startPointerX,\n      startPointerY: pending.startPointerY,\n    };\n    emit('dragStart', tile.id);\n    return true;\n  }\n\n  if (pending.mode === 'group') {\n    if (!groupDragController.start(pending.groupTileIds)) return false;\n    groupDrag.value = {\n      tileIds: pending.groupTileIds,\n      deltaX: 0,\n      deltaY: 0,\n      committedDcol: 0,\n      committedDrow: 0,\n    };\n    emit('dragStart', tile.id);\n    return true;\n  }\n\n  if (!dragController.start(tile.id)) return false;\n  drag.value = {\n    tileId: tile.id,\n    pickupCol: tile.col,\n    pickupRow: tile.row,\n    deltaX: 0,\n    deltaY: 0,\n    indicatorCol: tile.col,\n    indicatorRow: tile.row,\n  };\n  emit('dragStart', tile.id);\n  return true;\n}\n\nfunction onTilePointerDown(e: PointerEvent, tile: Tile) {\n  if (e.button !== 0) return;\n  if (tile.draggable === false) return;\n  if ((e.target as HTMLElement).dataset.griddleHandle) return;\n\n  const ignoreSelector = config.value.dragIgnoreFrom ?? DEFAULT_DRAG_IGNORE;\n  if (ignoreSelector && (e.target as HTMLElement).closest(ignoreSelector)) return;\n\n  const metaKey = e.metaKey || e.ctrlKey;\n\n  // Out-of-flow tiles get free-pixel drag (no selection).\n  if (config.value.enablePositioning && isOutOfFlow(tile)) {\n    pendingDrag = {\n      pointerId: e.pointerId,\n      tileId: tile.id,\n      tileElement: e.currentTarget as HTMLDivElement,\n      startPointerX: e.clientX,\n      startPointerY: e.clientY,\n      mode: 'pin',\n      groupTileIds: [],\n    };\n    e.stopPropagation();\n    return;\n  }\n\n  // Cmd/Ctrl+click toggles selection without starting a drag.\n  if (metaKey) {\n    e.preventDefault();\n    const next = new Set(selection.value);\n    if (next.has(tile.id)) {\n      next.delete(tile.id);\n    } else {\n      next.add(tile.id);\n    }\n    setSelection(next);\n    e.stopPropagation();\n    return;\n  }\n\n  const tileIsSelected = selection.value.has(tile.id);\n\n  if (!tileIsSelected) {\n    setSelection(new Set([tile.id]));\n  }\n\n  // Defer capture and drag state until the pointer crosses the movement\n  // threshold. A stationary pointer-down/up remains a normal click, including\n  // when it starts inside contenteditable tile content.\n  const effectiveSelection = tileIsSelected ? selection.value : new Set([tile.id]);\n  const groupTileIds = Array.from(effectiveSelection);\n  pendingDrag = {\n    pointerId: e.pointerId,\n    tileId: tile.id,\n    tileElement: e.currentTarget as HTMLDivElement,\n    startPointerX: e.clientX,\n    startPointerY: e.clientY,\n    mode: groupTileIds.length > 1 ? 'group' : 'single',\n    groupTileIds,\n  };\n  e.stopPropagation();\n}\n\nfunction onBackgroundPointerDown(e: PointerEvent) {\n  if ((e.target as HTMLElement).closest('[data-griddle-tile]')) return;\n  // Draw-to-create is gated by config (default on). When disabled, empty-space\n  // pointer-downs are a no-op so the host page keeps its native scroll/pan.\n  if (config.value.interactive?.drawToCreate === false) return;\n  setSelection(new Set());\n\n  const el = scrollEl.value;\n  if (!el) return;\n  const rect = el.getBoundingClientRect();\n  const x = e.clientX - rect.left + el.scrollLeft;\n  const y = e.clientY - rect.top + el.scrollTop;\n  const col = Math.floor(x / colSize.value);\n  const row = Math.floor(y / rowSize.value);\n  drawState.value = { anchorCol: col, anchorRow: row, currentCol: col, currentRow: row };\n  (el as HTMLDivElement).setPointerCapture(e.pointerId);\n}\n\nfunction onResizeHandleDown(e: PointerEvent, tile: Tile, c: Corner) {\n  if (tile.resizable === false) return;\n  (e.currentTarget as HTMLDivElement).setPointerCapture(e.pointerId);\n  resize.value = {\n    tileId: tile.id,\n    corner: c,\n    startPointerX: e.clientX,\n    startPointerY: e.clientY,\n    startW: tile.w,\n    startH: tile.h,\n    startCol: tile.col,\n    startRow: tile.row,\n    previewW: tile.w,\n    previewH: tile.h,\n    previewCol: tile.col,\n    previewRow: tile.row,\n  };\n  emit('resizeStart', tile.id);\n  e.stopPropagation();\n}\n\nfunction onPointerMove(e: PointerEvent) {\n  if (drawState.value) {\n    const el = scrollEl.value;\n    if (el) {\n      const rect = el.getBoundingClientRect();\n      const x = e.clientX - rect.left + el.scrollLeft;\n      const y = e.clientY - rect.top + el.scrollTop;\n      const col = Math.max(0, Math.floor(x / colSize.value));\n      const row = Math.max(0, Math.floor(y / rowSize.value));\n      drawState.value = { ...drawState.value, currentCol: col, currentRow: row };\n    }\n    return;\n  }\n\n  const pending = pendingDrag;\n  if (pending && e.pointerId === pending.pointerId) {\n    const distance = Math.hypot(\n      e.clientX - pending.startPointerX,\n      e.clientY - pending.startPointerY,\n    );\n    if (distance <= DRAG_START_THRESHOLD_PX) return;\n\n    pendingDrag = null;\n    if (!beginPendingDrag(pending)) return;\n    e.preventDefault();\n  }\n\n  const pd = pinDrag.value;\n  const gd = groupDrag.value;\n  const d = drag.value;\n  const r = resize.value;\n  if (pd) {\n    const dx = e.clientX - pd.startPointerX;\n    const dy = e.clientY - pd.startPointerY;\n    const newPinPx = { x: pd.startPinPx.x + dx, y: pd.startPinPx.y + dy };\n    const newPin = pixelsToPin(newPinPx, config.value);\n    props.api.grid.setTilePinned(pd.tileId, newPin);\n  }\n  if (gd) {\n    const dx = e.clientX - dragStartPointerX;\n    const dy = e.clientY - dragStartPointerY;\n    const dcol = Math.round(dx / colSize.value);\n    const drow = Math.round(dy / rowSize.value);\n    const result = groupDragController.update({ dcol, drow });\n    groupDrag.value = {\n      ...gd,\n      deltaX: dx,\n      deltaY: dy,\n      committedDcol: result.indicatorDelta?.dcol ?? gd.committedDcol,\n      committedDrow: result.indicatorDelta?.drow ?? gd.committedDrow,\n    };\n    if (result.changed) syncTiles();\n  }\n  if (d) {\n    const dx = e.clientX - dragStartPointerX;\n    const dy = e.clientY - dragStartPointerY;\n    const candidateCol = d.pickupCol + Math.round(dx / colSize.value);\n    const candidateRow = d.pickupRow + Math.round(dy / rowSize.value);\n    const result = dragController.update({ col: candidateCol, row: candidateRow });\n    drag.value = {\n      ...d,\n      deltaX: dx,\n      deltaY: dy,\n      indicatorCol: result.indicatorCell ? result.indicatorCell.col : null,\n      indicatorRow: result.indicatorCell ? result.indicatorCell.row : null,\n    };\n    // DragController.restoreTiles() doesn't emit change events, so when the\n    // candidate cell changes (especially returning to pickup), force-sync the\n    // reactive tiles ref so the FLIP animation picks up displaced tile resets.\n    if (result.changed) syncTiles();\n  }\n  if (r) {\n    const dx = e.clientX - r.startPointerX;\n    const dy = e.clientY - r.startPointerY;\n    let dw = 0, dh = 0, dcol = 0, drow = 0;\n    const stepsX = Math.round(dx / colSize.value);\n    const stepsY = Math.round(dy / rowSize.value);\n    if (r.corner === 'se' || r.corner === 'ne') dw = stepsX;\n    if (r.corner === 'se' || r.corner === 'sw') dh = stepsY;\n    if (r.corner === 'sw' || r.corner === 'nw') { dw = -stepsX; dcol = stepsX; }\n    if (r.corner === 'ne' || r.corner === 'nw') { dh = -stepsY; drow = stepsY; }\n    const tile = props.api.grid.getTile(r.tileId);\n    const minW = tile?.minW ?? 1;\n    const minH = tile?.minH ?? 1;\n    const maxW = tile?.maxW ?? Infinity;\n    const maxH = tile?.maxH ?? Infinity;\n    const nW = Math.min(maxW, Math.max(minW, r.startW + dw));\n    const nH = Math.min(maxH, Math.max(minH, r.startH + dh));\n    const nC = r.startCol + dcol;\n    const nR = r.startRow + drow;\n    if (nW !== r.previewW || nH !== r.previewH || nC !== r.previewCol || nR !== r.previewRow) {\n      resize.value = { ...r, previewW: nW, previewH: nH, previewCol: nC, previewRow: nR };\n    }\n  }\n}\n\nfunction syncTiles() {\n  // DragController/GroupDragController may restore grid snapshots without\n  // emitting change events. Force-sync the reactive tiles ref so the UI\n  // reflects the grid's true state after a drag ends.\n  props.api.tiles.value = props.api.grid.tiles;\n  props.api.version.value++;\n}\n\nfunction onPointerUp(e: PointerEvent) {\n  if (pendingDrag?.pointerId === e.pointerId) {\n    pendingDrag = null;\n    return;\n  }\n  if (drawState.value) {\n    const ds = drawState.value;\n    const col = Math.min(ds.anchorCol, ds.currentCol);\n    const row = Math.min(ds.anchorRow, ds.currentRow);\n    const w = Math.max(1, Math.abs(ds.currentCol - ds.anchorCol) + 1);\n    const h = Math.max(1, Math.abs(ds.currentRow - ds.anchorRow) + 1);\n    drawState.value = null;\n    emit('drawCreate', { col, row, w, h });\n    return;\n  }\n  if (pinDrag.value) {\n    const tileId = pinDrag.value.tileId;\n    pinDrag.value = null;\n    emit('dragEnd', tileId, true);\n  }\n  if (groupDrag.value) {\n    const tileIds = groupDrag.value.tileIds;\n    const { committed } = groupDragController.end();\n    groupDrag.value = null;\n    syncTiles();\n    const firstId = tileIds[0];\n    if (firstId !== undefined) emit('dragEnd', firstId, committed);\n  }\n  if (drag.value) {\n    const tileId = drag.value.tileId;\n    const { committed } = dragController.end();\n    drag.value = null;\n    syncTiles();\n    emit('dragEnd', tileId, committed);\n  }\n  const r = resize.value;\n  if (r) {\n    const t = props.api.grid.getTile(r.tileId);\n    let committed = false;\n    if (t) {\n      if (r.previewCol !== t.col || r.previewRow !== t.row) {\n        props.api.moveTile(r.tileId, { col: r.previewCol, row: r.previewRow });\n      }\n      if (r.previewW !== t.w || r.previewH !== t.h) {\n        committed = props.api.resizeTile(r.tileId, { w: r.previewW, h: r.previewH });\n      } else {\n        committed = r.previewCol !== r.startCol || r.previewRow !== r.startRow\n          || r.previewW !== r.startW || r.previewH !== r.startH;\n      }\n    }\n    resize.value = null;\n    emit('resizeEnd', r.tileId, committed);\n  }\n}\n\nfunction updateViewport() {\n  const el = scrollEl.value;\n  if (!el) return;\n  viewport.value = {\n    scrollX: el.scrollLeft,\n    scrollY: el.scrollTop,\n    width: el.clientWidth,\n    height: el.clientHeight,\n  };\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if (e.key === 'Escape') setSelection(new Set());\n}\n\nlet ro: ResizeObserver | null = null;\nonMounted(() => {\n  updateViewport();\n  // scrollEl is absent while loop mode delegates to GriddleLoopGrid.\n  const el = scrollEl.value;\n  if (el) {\n    el.addEventListener('scroll', updateViewport, { passive: true });\n    ro = new ResizeObserver(updateViewport);\n    ro.observe(el);\n  }\n  window.addEventListener('pointermove', onPointerMove);\n  window.addEventListener('pointerup', onPointerUp);\n  window.addEventListener('pointercancel', onPointerUp);\n  window.addEventListener('keydown', onKeyDown);\n});\nonBeforeUnmount(() => {\n  pendingDrag = null;\n  const el = scrollEl.value;\n  if (el) el.removeEventListener('scroll', updateViewport);\n  ro?.disconnect();\n  window.removeEventListener('pointermove', onPointerMove);\n  window.removeEventListener('pointerup', onPointerUp);\n  window.removeEventListener('pointercancel', onPointerUp);\n  window.removeEventListener('keydown', onKeyDown);\n});\n\nconst tileNodes = new Map<string, HTMLDivElement>();\nconst prevRects = new Map<string, { x: number; y: number }>();\nfunction registerNode(id: string, el: HTMLDivElement | null) {\n  if (el) tileNodes.set(id, el);\n  else tileNodes.delete(id);\n}\n\nwatch(() => props.api.version.value, async () => {\n  await nextTick();\n  const draggerId = drag.value?.tileId ?? null;\n  const gdSet = groupDragSet.value;\n  for (const t of props.api.tiles.value) {\n    const x = t.col * colSize.value + halfGap.value;\n    const y = t.row * rowSize.value + halfGap.value;\n    if (t.id === draggerId || gdSet.has(t.id)) {\n      prevRects.set(t.id, { x, y });\n      continue;\n    }\n    const p = prevRects.get(t.id);\n    const node = tileNodes.get(t.id);\n    if (p && node) {\n      const dx = p.x - x;\n      const dy = p.y - y;\n      if (dx !== 0 || dy !== 0) {\n        animateReposition(node, dx, dy, config.value.animation);\n      }\n    }\n    prevRects.set(t.id, { x, y });\n  }\n});\n\n// Compute layouts for all rendered tiles in one pass so resolveStickyStacking\n// can see every sticky tile and adjust them as a group. Recomputes whenever\n// rendered, config, viewport, drag, resize, or pinDrag change.\nconst tileLayouts = computed(() => {\n  const out = new Map<string, TileLayout>();\n  const stickyEntries: { tile: Tile; layout: TileLayout }[] = [];\n  const gd = groupDrag.value;\n  const gdIds = groupDragSet.value;\n  for (const tile of rendered.value) {\n    let layout: TileLayout;\n    if (resize.value?.tileId === tile.id) {\n      const w = resize.value.previewW;\n      const h = resize.value.previewH;\n      layout = {\n        left: resize.value.previewCol * colSize.value + halfGap.value,\n        top: resize.value.previewRow * rowSize.value + halfGap.value,\n        width: w * config.value.unitWidth + (w - 1) * gap.value,\n        height: h * config.value.unitHeight + (h - 1) * gap.value,\n        zIndex: 10,\n        effective: 'static',\n      };\n    } else if (drag.value?.tileId === tile.id) {\n      const d = drag.value;\n      layout = {\n        left: d.pickupCol * colSize.value + halfGap.value,\n        top: d.pickupRow * rowSize.value + halfGap.value,\n        width: tile.w * config.value.unitWidth + (tile.w - 1) * gap.value,\n        height: tile.h * config.value.unitHeight + (tile.h - 1) * gap.value,\n        transform: `translate(${d.deltaX}px, ${d.deltaY}px)`,\n        zIndex: 20,\n        effective: 'static',\n      };\n    } else if (gd && gdIds.has(tile.id)) {\n      const pickup = groupDragController.pickupCell(tile.id);\n      const left = (pickup ? pickup.col * colSize.value : tile.col * colSize.value) + halfGap.value;\n      const top = (pickup ? pickup.row * rowSize.value : tile.row * rowSize.value) + halfGap.value;\n      layout = {\n        left,\n        top,\n        width: tile.w * config.value.unitWidth + (tile.w - 1) * gap.value,\n        height: tile.h * config.value.unitHeight + (tile.h - 1) * gap.value,\n        transform: `translate(${gd.deltaX}px, ${gd.deltaY}px)`,\n        zIndex: 20,\n        effective: 'static',\n      };\n    } else {\n      layout = computeTileLayout({\n        tile,\n        config: config.value,\n        scrollX: viewport.value.scrollX,\n        scrollY: viewport.value.scrollY,\n        viewportWidth: viewport.value.width,\n        viewportHeight: viewport.value.height,\n      });\n      if (layout.effective === 'sticky') {\n        stickyEntries.push({ tile, layout });\n      }\n    }\n    out.set(tile.id, layout);\n  }\n  if (stickyEntries.length > 1) resolveStickyStacking(stickyEntries);\n  return out;\n});\n\nfunction tileStyle(tile: Tile) {\n  const isDragging = drag.value?.tileId === tile.id;\n  const isGroupDragging = groupDragSet.value.has(tile.id) && groupDrag.value !== null;\n  const isPinDragging = pinDrag.value?.tileId === tile.id;\n  const isResizing = resize.value?.tileId === tile.id;\n  const isSelected = selection.value.has(tile.id);\n  const layout = tileLayouts.value.get(tile.id) ?? {\n    left: 0, top: 0, width: 0, height: 0, zIndex: 1, effective: 'static' as const,\n  };\n  const lifted = isDragging || isPinDragging || isGroupDragging;\n  return {\n    position: 'absolute' as const,\n    left: layout.left + 'px',\n    top: layout.top + 'px',\n    width: layout.width + 'px',\n    height: layout.height + 'px',\n    boxSizing: 'border-box' as const,\n    cursor: lifted ? 'grabbing' : 'grab',\n    userSelect: 'none' as const,\n    zIndex: layout.zIndex,\n    opacity: lifted || isResizing ? 0.85 : 1,\n    willChange: 'transform, translate',\n    transform: layout.transform ?? '',\n    filter: lifted ? 'drop-shadow(0 8px 16px rgba(0,0,0,0.18))' : '',\n    transition: lifted ? liftTransition(config.value.animation) : '',\n    boxShadow: isSelected\n      ? '0 0 0 3px rgba(59, 91, 219, 0.85), inset 0 0 0 1px rgba(59, 91, 219, 0.3)'\n      : '',\n    borderRadius: (config.value.tileRadius ?? 4) + 'px',\n  };\n}\n\n\nconst indicatorRect = computed(() => {\n  const d = drag.value;\n  if (!d || d.indicatorCol === null || d.indicatorRow === null) return null;\n  const t = props.api.grid.getTile(d.tileId);\n  if (!t) return null;\n  return {\n    left: d.indicatorCol * colSize.value + halfGap.value,\n    top: d.indicatorRow * rowSize.value + halfGap.value,\n    width: t.w * config.value.unitWidth + (t.w - 1) * gap.value,\n    height: t.h * config.value.unitHeight + (t.h - 1) * gap.value,\n  };\n});\n\nconst drawGhostRect = computed(() => {\n  const ds = drawState.value;\n  if (!ds) return null;\n  const col = Math.min(ds.anchorCol, ds.currentCol);\n  const row = Math.min(ds.anchorRow, ds.currentRow);\n  const w = Math.max(1, Math.abs(ds.currentCol - ds.anchorCol) + 1);\n  const h = Math.max(1, Math.abs(ds.currentRow - ds.anchorRow) + 1);\n  return {\n    left: col * colSize.value + halfGap.value,\n    top: row * rowSize.value + halfGap.value,\n    width: w * config.value.unitWidth + (w - 1) * gap.value,\n    height: h * config.value.unitHeight + (h - 1) * gap.value,\n    label: `${w}×${h}`,\n  };\n});\n\nfunction tileHandles(tile: Tile): Corner[] {\n  return tile.resizeHandles ?? config.value.resizeHandles ?? ['se'];\n}\n\nfunction handleStyle(c: Corner) {\n  const size = 12;\n  const base = {\n    position: 'absolute' as const,\n    width: size + 'px',\n    height: size + 'px',\n    background: 'rgba(60,60,60,0.7)',\n    border: '2px solid white',\n    borderRadius: '3px',\n    cursor: `${c}-resize`,\n    touchAction: 'none' as const,\n  } as Record<string, unknown>;\n  if (c === 'nw') return { ...base, top: -size / 2 + 'px', left: -size / 2 + 'px' };\n  if (c === 'ne') return { ...base, top: -size / 2 + 'px', right: -size / 2 + 'px' };\n  if (c === 'sw') return { ...base, bottom: -size / 2 + 'px', left: -size / 2 + 'px' };\n  return { ...base, bottom: -size / 2 + 'px', right: -size / 2 + 'px' };\n}\n\nconst className = computed(() => props.className ?? '');\n</script>\n","// Vue composable that wraps a Grid instance with reactive state.\n\nimport { onScopeDispose, ref, shallowRef } from 'vue';\nimport { Grid } from '@griddle/core';\nimport type { GridConfig, GridSnapshot, ReflowOptions, Tile } from '@griddle/core';\n\nexport interface UseGriddleInit {\n  config: GridConfig;\n  tiles?: Tile[];\n}\n\nexport function useGriddle(init: UseGriddleInit) {\n  const grid = new Grid(init.config, init.tiles ?? []);\n\n  // Reactive mirrors of tiles and config. We re-assign on changes.\n  const tiles = shallowRef<Tile[]>(grid.tiles);\n  const config = shallowRef<GridConfig>(grid.config);\n  const version = ref(0);\n\n  const off = grid.changes.on(() => {\n    tiles.value = grid.tiles;\n    config.value = grid.config;\n    version.value++;\n  });\n  onScopeDispose(off);\n\n  const api = {\n    grid,\n    tiles,\n    config,\n    version,\n    moveTile: (id: string, target: { col: number; row: number }) => grid.moveTile(id, target),\n    resizeTile: (id: string, size: { w: number; h: number }) => grid.resizeTile(id, size),\n    addTile: (t: Tile) => grid.addTile(t),\n    removeTile: (id: string) => grid.removeTile(id),\n    reflow: (options: ReflowOptions) => grid.reflow(options),\n    updateConfig: (patch: Partial<GridConfig>) => grid.updateConfig(patch),\n    toJSON: () => grid.toJSON(),\n    loadJSON: (snap: GridSnapshot) => grid.loadJSON(snap),\n  };\n  return api;\n}\n\nexport type GriddleApi = ReturnType<typeof useGriddle>;\n"],"names":["DEFAULT_DRAG_IGNORE","PAN_THRESHOLD_PX","props","__props","emit","__emit","viewportEl","ref","planeEl","config","computed","loop","resolveLoop","editable","_a","gap","halfGap","colSize","rowSize","period","loopPeriod","pan","PanController","watch","l","view","lastCam","raf","resizeObserver","onWheel","k","frame","now","st","plane","el","cxCell","cyCell","cur","instances","bufX","bufY","loopInstances","panGesture","suppressClick","onContainerPointerDown","onTile","setSelection","ignoreSelector","onClickCapture","internalSelection","selection","next","dragController","DragController","drag","dragStartPointerX","dragStartPointerY","resize","syncTiles","isBase","inst","isGhost","onTilePointerDown","tile","onResizeHandleDown","c","baseLeft","baseTop","onPointerMove","d","dx","dy","candidate","result","r","dw","dh","dcol","drow","stepsX","stepsY","minW","minH","maxW","maxH","nW","nH","nC","nR","onPointerUp","tileId","committed","t","target","onKeyDown","onMounted","measure","onBeforeUnmount","tileNodes","prevRects","registerNode","key","nextTick","draggerId","seen","x","y","p","node","animateReposition","viewportStyle","bg","planeStyle","instanceStyle","isResizingInst","left","top","width","heightPx","ghost","isSelected","draggedTile","dragOverlayStyle","indicatorRect","tileHandles","handleStyle","base","className","_createElementBlock","_createElementVNode","_normalizeStyle","_Fragment","_renderList","_normalizeClass","e","_renderSlot","_ctx","_openBlock","DRAG_START_THRESHOLD_PX","loopOn","scrollEl","viewport","range","visibleRange","rendered","visibleTiles","contentSize","gridContentSize","scrollStyle","contained","style","contentStyle","groupDragSet","groupDrag","groupDragController","GroupDragController","pinDrag","drawState","pendingDrag","beginPendingDrag","pending","layout","computeTileLayout","startPinPx","metaKey","isOutOfFlow","tileIsSelected","effectiveSelection","groupTileIds","onBackgroundPointerDown","rect","col","row","pd","gd","newPinPx","newPin","pixelsToPin","_b","candidateCol","candidateRow","ds","w","h","tileIds","firstId","updateViewport","ro","id","gdSet","tileLayouts","out","stickyEntries","gdIds","pickup","resolveStickyStacking","tileStyle","isDragging","isGroupDragging","isPinDragging","isResizing","_c","lifted","liftTransition","drawGhostRect","_createBlock","GriddleLoopGrid","_cache","s","cam","_withCtx","slotProps","_toDisplayString","useGriddle","init","grid","Grid","tiles","shallowRef","version","off","onScopeDispose","size","options","patch","snap"],"mappings":"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"}

package/dist/useGriddle.d.ts

@@ -1,5 +1,5 @@
 import { Grid } from '@griddle/core';
-import type { GridConfig, Tile, GridSnapshot } from '@griddle/core';
+import type { GridConfig, GridSnapshot, ReflowOptions, Tile } from '@griddle/core';
 export interface UseGriddleInit {
     config: GridConfig;
     tiles?: Tile[];
@@ -19,6 +19,7 @@ export declare function useGriddle(init: UseGriddleInit): {
     }) => boolean;
     addTile: (t: Tile) => void;
     removeTile: (id: string) => void;
+    reflow: (options: ReflowOptions) => boolean;
     updateConfig: (patch: Partial<GridConfig>) => void;
     toJSON: () => GridSnapshot;
     loadJSON: (snap: GridSnapshot) => void;

package/dist/useGriddle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGriddle.d.ts","sourceRoot":"","sources":["../src/useGriddle.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,cAAc;;;;;mBAoB5B,MAAM,UAAU;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;qBAC1C,MAAM,QAAQ;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;iBAC1C,IAAI;qBACA,MAAM;0BACD,OAAO,CAAC,UAAU,CAAC;;qBAExB,YAAY;EAGhC;AAED,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}
+{"version":3,"file":"useGriddle.d.ts","sourceRoot":"","sources":["../src/useGriddle.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnF,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,cAAc;;;;;mBAoB5B,MAAM,UAAU;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;qBAC1C,MAAM,QAAQ;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;iBAC1C,IAAI;qBACA,MAAM;sBACL,aAAa;0BACT,OAAO,CAAC,UAAU,CAAC;;qBAExB,YAAY;EAGhC;AAED,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@griddle/vue",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Vue 3 bindings for Griddle — a headless, zero-dependency grid/canvas engine.",
   "keywords": [
     "grid",
@@ -48,16 +48,16 @@
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.json",
-    "test": "node --test test/animation.test.mjs",
+    "test": "node --test test/*.test.mjs",
     "prepublishOnly": "npm run build && npm test"
   },
   "peerDependencies": {
     "vue": "^3.3.0",
-    "@griddle/core": "^0.1.4"
+    "@griddle/core": "^0.1.6"
   },
   "devDependencies": {
     "vue": "^3.4.0",
-    "@griddle/core": "^0.1.4",
+    "@griddle/core": "^0.1.6",
     "vite": "^5.4.0",
     "@vitejs/plugin-vue": "^5.2.0",
     "vue-tsc": "^2.2.0"

package/src/useGriddle.ts

@@ -1,8 +1,8 @@
 // Vue composable that wraps a Grid instance with reactive state.
 
-import { onBeforeUnmount, reactive, ref, shallowRef } from 'vue';
+import { onScopeDispose, ref, shallowRef } from 'vue';
 import { Grid } from '@griddle/core';
-import type { GridConfig, Tile, GridSnapshot } from '@griddle/core';
+import type { GridConfig, GridSnapshot, ReflowOptions, Tile } from '@griddle/core';
 
 export interface UseGriddleInit {
   config: GridConfig;
@@ -22,7 +22,7 @@ export function useGriddle(init: UseGriddleInit) {
     config.value = grid.config;
     version.value++;
   });
-  onBeforeUnmount(off);
+  onScopeDispose(off);
 
   const api = {
     grid,
@@ -33,6 +33,7 @@ export function useGriddle(init: UseGriddleInit) {
     resizeTile: (id: string, size: { w: number; h: number }) => grid.resizeTile(id, size),
     addTile: (t: Tile) => grid.addTile(t),
     removeTile: (id: string) => grid.removeTile(id),
+    reflow: (options: ReflowOptions) => grid.reflow(options),
     updateConfig: (patch: Partial<GridConfig>) => grid.updateConfig(patch),
     toJSON: () => grid.toJSON(),
     loadJSON: (snap: GridSnapshot) => grid.loadJSON(snap),