@weasel-js/core 1.10.0 → 1.11.0

package/dist/interactions/actions/defaults/nudge.js

@@ -1,58 +1,78 @@
-import { translatePoseViaDescriptor as e } from "../../../core/geometry/poseDescriptor.js";
-import { nodeDescriptors as t, poseDescriptorOf as n } from "../poseDescriptorDep.js";
-import { moveSources as r, translateTargets as i } from "../selectionSubtree.js";
-import { createTransformOp as a } from "../../../core/ops/transform.js";
-import { geometryDataOp as o } from "../geometryProjection.js";
-import { scenePoseFrame as s } from "../poseFrame.js";
-import { defaultCommitAdapter as c } from "../defaultCommitAdapter.js";
-import { requiresSelection as l } from "./requiresSelection.js";
-import { NUDGE_KEY as u, NUDGE_LABEL as d, nudgeDelta as f } from "./nudgeSteps.js";
+import { translatePoseViaDescriptor } from "../../../core/geometry/poseDescriptor.js";
+import { scenePoseFrame } from "../poseFrame.js";
+import { nodeDescriptors, poseDescriptorOf } from "../poseDescriptorDep.js";
+import { moveSources, storedDelta, translateTargets } from "../selectionSubtree.js";
+import { createTransformOp } from "../../../core/ops/transform.js";
+import { geometryDataOp } from "../geometryProjection.js";
+import { defaultCommitAdapter } from "../defaultCommitAdapter.js";
+import { recordTransform } from "../transform-again/memory.js";
+import { requiresSelection } from "./requiresSelection.js";
+import { NUDGE_KEY, NUDGE_LABEL, nudgeDelta } from "./nudgeSteps.js";
+
 //#region src/interactions/actions/defaults/nudge.ts
-function p(n, l, u, d, f, p, m) {
-	let h = t(l, m), g = i(l, s(l), r(l, n.get()));
-	if (g.length === 0) return;
-	let _ = [
-		1,
-		0,
-		0,
-		1,
-		u,
-		d
-	], v = [];
-	for (let t of g) {
-		let n = l.get(t);
-		if (!n) continue;
-		v.push(a({
-			id: t,
-			from: n.pose,
-			to: e(n.pose, u, d, h(t)),
-			label: "Nudge"
+/**
+* Apply a world translation of (dx, dy) to the selected nodes and the
+* descendants that do not ride on one of them, as one undo entry labeled
+* `label` — on screen, the way a drag moves them, whatever frame each is
+* stored in. Translates through the `poseDescriptor` dep, so any pose shape
+* moves. Returns whether anything moved.
+*/
+function translateSelection(selection, scene, dx, dy, applyOps, geometryProjection, d, label = "Nudge") {
+	const descriptorOf = nodeDescriptors(scene, d);
+	const frame = scenePoseFrame(scene);
+	const ids = translateTargets(scene, frame, moveSources(scene, selection.get()));
+	if (ids.length === 0) return false;
+	const ops = [];
+	for (const id of ids) {
+		const node = scene.get(id);
+		if (!node) continue;
+		const l = storedDelta(frame, descriptorOf(id), id, dx, dy);
+		const m = [
+			1,
+			0,
+			0,
+			1,
+			l.dx,
+			l.dy
+		];
+		ops.push(createTransformOp({
+			id,
+			from: node.pose,
+			to: translatePoseViaDescriptor(node.pose, l.dx, l.dy, descriptorOf(id)),
+			label
 		}));
-		let r = o(p, {
-			id: t,
-			data: n.data,
-			pose: n.pose
-		}, _, "Nudge");
-		r && v.push(r);
+		const dataOp = geometryDataOp(geometryProjection, {
+			id,
+			data: node.data,
+			pose: node.pose
+		}, m, label);
+		if (dataOp) ops.push(dataOp);
 	}
-	v.length !== 0 && (f ? f(v, "Nudge") : l.applyBatch(v, "Nudge", c(l, n.adapterMethods)));
+	if (ops.length === 0) return false;
+	if (applyOps) applyOps(ops, label);
+	else scene.applyBatch(ops, label, defaultCommitAdapter(scene, selection.adapterMethods));
+	return true;
 }
-function m(e) {
+/**
+* The nudge descriptor for one direction: bare arrow (magnitude='small') and
+* Shift+arrow (magnitude='big').
+*/
+function makeNudgeAction(dir) {
 	return {
-		id: `nudge.${e}`,
-		label: `Nudge ${d[e]}`,
+		id: `nudge.${dir}`,
+		label: `Nudge ${NUDGE_LABEL[dir]}`,
 		group: "nudge",
 		defaultBinding: [{
 			spec: {
 				kind: "key",
-				key: u[e]
+				key: NUDGE_KEY[dir]
 			},
 			opts: { params: { magnitude: "small" } }
 		}, {
 			spec: {
 				kind: "key",
-				key: u[e],
-				mods: { shift: !0 }
+				key: NUDGE_KEY[dir],
+				mods: { shift: true }
 			},
 			opts: { params: { magnitude: "big" } }
 		}],
@@ -66,16 +86,28 @@ function m(e) {
 		],
 		invoker: {
 			timing: "immediate",
-			run: (t, r) => {
-				let { dx: i, dy: a } = f(e, r?.magnitude), o = t.selection, s = t.scene, c = t.applyOps, l = t.geometryProjection;
-				o && s && p(o, s, i, a, c, l, n(t.poseDescriptor));
+			run: (deps, params) => {
+				const { dx, dy } = nudgeDelta(dir, params?.magnitude);
+				const selection = deps.selection;
+				const scene = deps.scene;
+				const applyOps = deps.applyOps;
+				const geometryProjection = deps.geometryProjection;
+				if (!selection || !scene) return;
+				if (translateSelection(selection, scene, dx, dy, applyOps, geometryProjection, poseDescriptorOf(deps.poseDescriptor))) recordTransform(scene, {
+					kind: "translate",
+					dx,
+					dy
+				}, selection.get());
 			}
 		},
-		enabled: l
+		enabled: requiresSelection
 	};
 }
-var h = m("up"), g = m("down"), _ = m("left"), v = m("right");
-//#endregion
-export { g as nudgeDownAction, _ as nudgeLeftAction, v as nudgeRightAction, h as nudgeUpAction };
+var nudgeUpAction = makeNudgeAction("up");
+var nudgeDownAction = makeNudgeAction("down");
+var nudgeLeftAction = makeNudgeAction("left");
+var nudgeRightAction = makeNudgeAction("right");
 
+//#endregion
+export { nudgeDownAction, nudgeLeftAction, nudgeRightAction, nudgeUpAction, translateSelection };
 //# sourceMappingURL=nudge.js.map

package/dist/interactions/actions/defaults/nudge.js.map

@@ -1 +1 @@
-{"version":3,"file":"nudge.js","names":["nudgeSelection","descriptorOf","nodeDescriptors","scene","d","ids","translateTargets","scenePoseFrame","moveSources","selection","m","dx","dy","ops","id","node","createTransformOp","translatePoseViaDescriptor","dataOp","geometryDataOp","geometryProjection","applyOps","defaultCommitAdapter","makeNudgeAction","dir","NUDGE_LABEL","NUDGE_KEY","nudgeDelta","params","deps","poseDescriptorOf","requiresSelection","nudgeUpAction","nudgeDownAction","nudgeLeftAction","nudgeRightAction"],"sources":["../../../../src/interactions/actions/defaults/nudge.ts"],"sourcesContent":["import type { Scene } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { Op } from 'core/ops/types';\nimport type { Mat3 } from '@weasel-js/geom';\nimport { createTransformOp } from 'core/ops/transform';\nimport type { PoseDescriptor } from '../resize/geometry';\nimport { translatePoseViaDescriptor } from '../resize/geometry';\nimport { nodeDescriptors, poseDescriptorOf } from '../poseDescriptorDep';\nimport type { Action } from '@weasel-js/routing';\nimport { defaultCommitAdapter } from '../defaultCommitAdapter';\nimport { requiresSelection } from './requiresSelection';\nimport { geometryDataOp, type GeometryProjection } from '../geometryProjection';\nimport { scenePoseFrame } from '../poseFrame';\nimport { moveSources, translateTargets } from '../selectionSubtree';\nimport { NUDGE_KEY, NUDGE_LABEL, nudgeDelta, type NudgeDirection } from './nudgeSteps';\n\n/**\n * Apply a translation of (dx, dy) to the selected nodes and the descendants\n * that do not ride on one of them, as one undo entry. Translates through the\n * `poseDescriptor` dep, so any pose shape moves.\n */\nfunction nudgeSelection(\n  selection: SelectionApi,\n  scene: Scene<unknown, string, unknown>,\n  dx: number,\n  dy: number,\n  applyOps: ((ops: Op[], label: string) => void) | undefined,\n  geometryProjection: GeometryProjection | undefined,\n  d: PoseDescriptor<unknown>,\n): void {\n  const descriptorOf = nodeDescriptors(scene, d);\n  const ids = translateTargets(\n    scene, scenePoseFrame(scene), moveSources(scene, selection.get()),\n  );\n  if (ids.length === 0) return;\n  // Pushed alongside each transform op so a wired geometryProjection moves\n  // the node's data-held geometry too.\n  const m: Mat3 = [1, 0, 0, 1, dx, dy];\n\n  const ops: Op[] = [];\n  for (const id of ids) {\n    const node = scene.get(id);\n    if (!node) continue;\n    ops.push(createTransformOp<unknown>({\n      id: id as string,\n      from: node.pose,\n      to: translatePoseViaDescriptor(node.pose, dx, dy, descriptorOf(id)),\n      label: 'Nudge',\n    }));\n    const dataOp = geometryDataOp(\n      geometryProjection,\n      { id: id as string, data: node.data, pose: node.pose },\n      m,\n      'Nudge',\n    );\n    if (dataOp) ops.push(dataOp);\n  }\n  if (ops.length === 0) return;\n\n  if (applyOps) applyOps(ops, 'Nudge');\n  else scene.applyBatch(ops, 'Nudge', defaultCommitAdapter(scene, selection.adapterMethods));\n}\n\n/**\n * @experimental\n * The nudge descriptor for one direction: bare arrow (magnitude='small') and\n * Shift+arrow (magnitude='big').\n */\nfunction makeNudgeAction(dir: NudgeDirection): Action & { requires: string[] } {\n  return {\n    id: `nudge.${dir}`,\n    label: `Nudge ${NUDGE_LABEL[dir]}`,\n    group: 'nudge',\n    defaultBinding: [\n      { spec: { kind: 'key', key: NUDGE_KEY[dir] },                              opts: { params: { magnitude: 'small' } } },\n      { spec: { kind: 'key', key: NUDGE_KEY[dir], mods: { shift: true } }, opts: { params: { magnitude: 'big' } } },\n    ],\n    eligible: { capability: 'transforms-selection' },\n    requires: ['selection', 'scene', 'applyOps', 'geometryProjection', 'poseDescriptor'],\n    invoker: {\n      timing: 'immediate',\n      run: (deps, params) => {\n        const { dx, dy } = nudgeDelta(dir, params?.magnitude);\n        const selection = deps.selection;\n        const scene = deps.scene;\n        const applyOps = deps.applyOps;\n        const geometryProjection = deps.geometryProjection;\n        if (!selection || !scene) return;\n        nudgeSelection(selection, scene, dx, dy, applyOps, geometryProjection, poseDescriptorOf(deps.poseDescriptor));\n      },\n    },\n    enabled: requiresSelection,\n  };\n}\n\nexport const nudgeUpAction    = makeNudgeAction('up');\nexport const nudgeDownAction  = makeNudgeAction('down');\nexport const nudgeLeftAction  = makeNudgeAction('left');\nexport const nudgeRightAction = makeNudgeAction('right');\n"],"mappings":";;;;;;;;;;AAqBA,SAASA,EACP,GACA,GACA,GACA,GACA,GACA,GACA,GACM;CACN,IAAMC,IAAeC,EAAgBC,GAAOC,CAAC,GACvCC,IAAMC,EACVH,GAAOI,EAAeJ,CAAK,GAAGK,EAAYL,GAAOM,EAAU,IAAI,CAAC,CAClE;CACA,IAAIJ,EAAI,WAAW,GAAG;CAGtB,IAAMK,IAAU;EAAC;EAAG;EAAG;EAAG;EAAGC;EAAIC;CAAE,GAE7BC,IAAY,CAAC;CACnB,KAAK,IAAMC,KAAMT,GAAK;EACpB,IAAMU,IAAOZ,EAAM,IAAIW,CAAE;EACzB,IAAI,CAACC,GAAM;EACX,EAAI,KAAKC,EAA2B;GAC9B;GACJ,MAAMD,EAAK;GACX,IAAIE,EAA2BF,EAAK,MAAMJ,GAAIC,GAAIX,EAAaa,CAAE,CAAC;GAClE,OAAO;EACT,CAAC,CAAC;EACF,IAAMI,IAASC,EACbC,GACA;GAAM;GAAc,MAAML,EAAK;GAAM,MAAMA,EAAK;EAAK,GACrDL,GACA,OACF;EACA,AAAIQ,KAAQL,EAAI,KAAKK,CAAM;CAC7B;CACA,AAAIL,EAAI,WAAW,MAEfQ,IAAUA,EAASR,GAAK,OAAO,IAC9BV,EAAM,WAAWU,GAAK,SAASS,EAAqBnB,GAAOM,EAAU,cAAc,CAAC;AAC3F;AAOA,SAASc,EAAgB,GAAsD;CAC7E,OAAO;EACL,IAAI,SAASC;EACb,OAAO,SAASC,EAAYD;EAC5B,OAAO;EACP,gBAAgB,CACd;GAAE,MAAM;IAAE,MAAM;IAAO,KAAKE,EAAUF;GAAK;GAAgC,MAAM,EAAE,QAAQ,EAAE,WAAW,QAAQ,EAAE;EAAE,GACpH;GAAE,MAAM;IAAE,MAAM;IAAO,KAAKE,EAAUF;IAAM,MAAM,EAAE,OAAO,GAAK;GAAE;GAAG,MAAM,EAAE,QAAQ,EAAE,WAAW,MAAM,EAAE;EAAE,CAC9G;EACA,UAAU,EAAE,YAAY,uBAAuB;EAC/C,UAAU;GAAC;GAAa;GAAS;GAAY;GAAsB;EAAgB;EACnF,SAAS;GACP,QAAQ;GACR,MAAM,GAAM,MAAW;IACrB,IAAM,EAAE,OAAI,UAAOG,EAAWH,GAAKI,GAAQ,SAAS,GAC9CnB,IAAYoB,EAAK,WACjB1B,IAAQ0B,EAAK,OACbR,IAAWQ,EAAK,UAChBT,IAAqBS,EAAK;IAChC,AAAKpB,KAAcN,KACnBH,EAAeS,GAAWN,GAAOQ,GAAIC,GAAIS,GAAUD,GAAoBU,EAAiBD,EAAK,cAAc,CAAC;GAC9G;EACF;EACA,SAASE;CACX;AACF;AAEA,IAAaC,IAAmBT,EAAgB,IAAI,GACvCU,IAAmBV,EAAgB,MAAM,GACzCW,IAAmBX,EAAgB,MAAM,GACzCY,IAAmBZ,EAAgB,OAAO"}
+{"version":3,"file":"nudge.js","names":[],"sources":["../../../../src/interactions/actions/defaults/nudge.ts"],"sourcesContent":["import type { Scene } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { Op } from 'core/ops/types';\nimport type { Affine } from '@weasel-js/geom';\nimport { createTransformOp } from 'core/ops/transform';\nimport type { PoseDescriptor } from '../resize/geometry';\nimport { translatePoseViaDescriptor } from '../resize/geometry';\nimport { nodeDescriptors, poseDescriptorOf } from '../poseDescriptorDep';\nimport type { Action } from '@weasel-js/routing';\nimport { defaultCommitAdapter } from '../defaultCommitAdapter';\nimport { requiresSelection } from './requiresSelection';\nimport { geometryDataOp, type GeometryProjection } from '../geometryProjection';\nimport { scenePoseFrame } from '../poseFrame';\nimport { moveSources, storedDelta, translateTargets } from '../selectionSubtree';\nimport { NUDGE_KEY, NUDGE_LABEL, nudgeDelta, type NudgeDirection } from './nudgeSteps';\nimport { recordTransform } from '../transform-again/memory';\n\n/**\n * Apply a world translation of (dx, dy) to the selected nodes and the\n * descendants that do not ride on one of them, as one undo entry labeled\n * `label` — on screen, the way a drag moves them, whatever frame each is\n * stored in. Translates through the `poseDescriptor` dep, so any pose shape\n * moves. Returns whether anything moved.\n */\nexport function translateSelection(\n  selection: Pick<SelectionApi, 'get' | 'adapterMethods'>,\n  scene: Scene<unknown, string, unknown>,\n  dx: number,\n  dy: number,\n  applyOps: ((ops: Op[], label: string) => void) | undefined,\n  geometryProjection: GeometryProjection | undefined,\n  d: PoseDescriptor<unknown>,\n  label = 'Nudge',\n): boolean {\n  const descriptorOf = nodeDescriptors(scene, d);\n  const frame = scenePoseFrame(scene);\n  const ids = translateTargets(scene, frame, moveSources(scene, selection.get()));\n  if (ids.length === 0) return false;\n\n  const ops: Op[] = [];\n  for (const id of ids) {\n    const node = scene.get(id);\n    if (!node) continue;\n    const l = storedDelta(frame, descriptorOf(id), id, dx, dy);\n    // Pushed alongside each transform op so a wired geometryProjection moves\n    // the node's data-held geometry too.\n    const m: Affine = [1, 0, 0, 1, l.dx, l.dy];\n    ops.push(createTransformOp<unknown>({\n      id: id as string,\n      from: node.pose,\n      to: translatePoseViaDescriptor(node.pose, l.dx, l.dy, descriptorOf(id)),\n      label,\n    }));\n    const dataOp = geometryDataOp(\n      geometryProjection,\n      { id: id as string, data: node.data, pose: node.pose },\n      m,\n      label,\n    );\n    if (dataOp) ops.push(dataOp);\n  }\n  if (ops.length === 0) return false;\n\n  if (applyOps) applyOps(ops, label);\n  else scene.applyBatch(ops, label, defaultCommitAdapter(scene, selection.adapterMethods));\n  return true;\n}\n\n/**\n * The nudge descriptor for one direction: bare arrow (magnitude='small') and\n * Shift+arrow (magnitude='big').\n */\nfunction makeNudgeAction(dir: NudgeDirection): Action & { requires: string[] } {\n  return {\n    id: `nudge.${dir}`,\n    label: `Nudge ${NUDGE_LABEL[dir]}`,\n    group: 'nudge',\n    defaultBinding: [\n      { spec: { kind: 'key', key: NUDGE_KEY[dir] },                              opts: { params: { magnitude: 'small' } } },\n      { spec: { kind: 'key', key: NUDGE_KEY[dir], mods: { shift: true } }, opts: { params: { magnitude: 'big' } } },\n    ],\n    eligible: { capability: 'transforms-selection' },\n    requires: ['selection', 'scene', 'applyOps', 'geometryProjection', 'poseDescriptor'],\n    invoker: {\n      timing: 'immediate',\n      run: (deps, params) => {\n        const { dx, dy } = nudgeDelta(dir, params?.magnitude);\n        const selection = deps.selection;\n        const scene = deps.scene;\n        const applyOps = deps.applyOps;\n        const geometryProjection = deps.geometryProjection;\n        if (!selection || !scene) return;\n        if (translateSelection(selection, scene, dx, dy, applyOps, geometryProjection, poseDescriptorOf(deps.poseDescriptor))) {\n          recordTransform(scene, { kind: 'translate', dx, dy }, selection.get());\n        }\n      },\n    },\n    enabled: requiresSelection,\n  };\n}\n\nexport const nudgeUpAction    = makeNudgeAction('up');\nexport const nudgeDownAction  = makeNudgeAction('down');\nexport const nudgeLeftAction  = makeNudgeAction('left');\nexport const nudgeRightAction = makeNudgeAction('right');\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,mBACd,WACA,OACA,IACA,IACA,UACA,oBACA,GACA,QAAQ,SACC;CACT,MAAM,eAAe,gBAAgB,OAAO,CAAC;CAC7C,MAAM,QAAQ,eAAe,KAAK;CAClC,MAAM,MAAM,iBAAiB,OAAO,OAAO,YAAY,OAAO,UAAU,IAAI,CAAC,CAAC;CAC9E,IAAI,IAAI,WAAW,GAAG,OAAO;CAE7B,MAAM,MAAY,CAAC;CACnB,KAAK,MAAM,MAAM,KAAK;EACpB,MAAM,OAAO,MAAM,IAAI,EAAE;EACzB,IAAI,CAAC,MAAM;EACX,MAAM,IAAI,YAAY,OAAO,aAAa,EAAE,GAAG,IAAI,IAAI,EAAE;EAGzD,MAAM,IAAY;GAAC;GAAG;GAAG;GAAG;GAAG,EAAE;GAAI,EAAE;EAAE;EACzC,IAAI,KAAK,kBAA2B;GAC9B;GACJ,MAAM,KAAK;GACX,IAAI,2BAA2B,KAAK,MAAM,EAAE,IAAI,EAAE,IAAI,aAAa,EAAE,CAAC;GACtE;EACF,CAAC,CAAC;EACF,MAAM,SAAS,eACb,oBACA;GAAM;GAAc,MAAM,KAAK;GAAM,MAAM,KAAK;EAAK,GACrD,GACA,KACF;EACA,IAAI,QAAQ,IAAI,KAAK,MAAM;CAC7B;CACA,IAAI,IAAI,WAAW,GAAG,OAAO;CAE7B,IAAI,UAAU,SAAS,KAAK,KAAK;MAC5B,MAAM,WAAW,KAAK,OAAO,qBAAqB,OAAO,UAAU,cAAc,CAAC;CACvF,OAAO;AACT;;;;;AAMA,SAAS,gBAAgB,KAAsD;CAC7E,OAAO;EACL,IAAI,SAAS;EACb,OAAO,SAAS,YAAY;EAC5B,OAAO;EACP,gBAAgB,CACd;GAAE,MAAM;IAAE,MAAM;IAAO,KAAK,UAAU;GAAK;GAAgC,MAAM,EAAE,QAAQ,EAAE,WAAW,QAAQ,EAAE;EAAE,GACpH;GAAE,MAAM;IAAE,MAAM;IAAO,KAAK,UAAU;IAAM,MAAM,EAAE,OAAO,KAAK;GAAE;GAAG,MAAM,EAAE,QAAQ,EAAE,WAAW,MAAM,EAAE;EAAE,CAC9G;EACA,UAAU,EAAE,YAAY,uBAAuB;EAC/C,UAAU;GAAC;GAAa;GAAS;GAAY;GAAsB;EAAgB;EACnF,SAAS;GACP,QAAQ;GACR,MAAM,MAAM,WAAW;IACrB,MAAM,EAAE,IAAI,OAAO,WAAW,KAAK,QAAQ,SAAS;IACpD,MAAM,YAAY,KAAK;IACvB,MAAM,QAAQ,KAAK;IACnB,MAAM,WAAW,KAAK;IACtB,MAAM,qBAAqB,KAAK;IAChC,IAAI,CAAC,aAAa,CAAC,OAAO;IAC1B,IAAI,mBAAmB,WAAW,OAAO,IAAI,IAAI,UAAU,oBAAoB,iBAAiB,KAAK,cAAc,CAAC,GAClH,gBAAgB,OAAO;KAAE,MAAM;KAAa;KAAI;IAAG,GAAG,UAAU,IAAI,CAAC;GAEzE;EACF;EACA,SAAS;CACX;AACF;AAEA,IAAa,gBAAmB,gBAAgB,IAAI;AACpD,IAAa,kBAAmB,gBAAgB,MAAM;AACtD,IAAa,kBAAmB,gBAAgB,MAAM;AACtD,IAAa,mBAAmB,gBAAgB,OAAO"}

package/dist/interactions/actions/defaults/nudgeSteps.js

@@ -1,37 +1,42 @@
 //#region src/interactions/actions/defaults/nudgeSteps.ts
-var e = {
+var NUDGE_KEY = {
 	up: "ArrowUp",
 	down: "ArrowDown",
 	left: "ArrowLeft",
 	right: "ArrowRight"
-}, t = {
+};
+var NUDGE_LABEL = {
 	up: "Up",
 	down: "Down",
 	left: "Left",
 	right: "Right"
-}, n = 1, r = 10;
-function i(e, t) {
-	let i = t === "big" ? r : n;
-	switch (e) {
+};
+var SMALL_STEP = 1;
+var BIG_STEP = 10;
+/** The world delta of one nudge. `magnitude` is the binding param: `'big'`
+*  for the Shift step, anything else for the small one. */
+function nudgeDelta(dir, magnitude) {
+	const step = magnitude === "big" ? BIG_STEP : SMALL_STEP;
+	switch (dir) {
 		case "up": return {
 			dx: 0,
-			dy: -i
+			dy: -step
 		};
 		case "down": return {
 			dx: 0,
-			dy: i
+			dy: step
 		};
 		case "left": return {
-			dx: -i,
+			dx: -step,
 			dy: 0
 		};
 		case "right": return {
-			dx: i,
+			dx: step,
 			dy: 0
 		};
 	}
 }
-//#endregion
-export { e as NUDGE_KEY, t as NUDGE_LABEL, i as nudgeDelta };
 
+//#endregion
+export { NUDGE_KEY, NUDGE_LABEL, nudgeDelta };
 //# sourceMappingURL=nudgeSteps.js.map

package/dist/interactions/actions/defaults/nudgeSteps.js.map

@@ -1 +1 @@
-{"version":3,"file":"nudgeSteps.js","names":["NUDGE_KEY","NUDGE_LABEL","SMALL_STEP","BIG_STEP","nudgeDelta","step","magnitude","dir"],"sources":["../../../../src/interactions/actions/defaults/nudgeSteps.ts"],"sourcesContent":["/** The arrow-key nudge shared by nodes and path anchors: one direction per\n *  key, a small step bare and a big one with Shift. */\nexport type NudgeDirection = 'up' | 'down' | 'left' | 'right';\n\nexport const NUDGE_KEY: Record<NudgeDirection, string> = {\n  up: 'ArrowUp', down: 'ArrowDown', left: 'ArrowLeft', right: 'ArrowRight',\n};\n\nexport const NUDGE_LABEL: Record<NudgeDirection, string> = {\n  up: 'Up', down: 'Down', left: 'Left', right: 'Right',\n};\n\nconst SMALL_STEP = 1;\nconst BIG_STEP = 10;\n\n/** The world delta of one nudge. `magnitude` is the binding param: `'big'`\n *  for the Shift step, anything else for the small one. */\nexport function nudgeDelta(dir: NudgeDirection, magnitude: unknown): { dx: number; dy: number } {\n  const step = magnitude === 'big' ? BIG_STEP : SMALL_STEP;\n  switch (dir) {\n    case 'up':    return { dx: 0,     dy: -step };\n    case 'down':  return { dx: 0,     dy:  step };\n    case 'left':  return { dx: -step, dy: 0     };\n    case 'right': return { dx:  step, dy: 0     };\n  }\n}\n"],"mappings":";AAIA,IAAaA,IAA4C;CACvD,IAAI;CAAW,MAAM;CAAa,MAAM;CAAa,OAAO;AAC9D,GAEaC,IAA8C;CACzD,IAAI;CAAM,MAAM;CAAQ,MAAM;CAAQ,OAAO;AAC/C,GAEMC,IAAa,GACbC,IAAW;AAIjB,SAAgBC,EAAW,GAAqB,GAAgD;CAC9F,IAAMC,IAAOC,MAAc,QAAQH,IAAWD;CAC9C,QAAQK,GAAR;EACE,KAAK,MAAS,OAAO;GAAE,IAAI;GAAO,IAAI,CAACF;EAAK;EAC5C,KAAK,QAAS,OAAO;GAAE,IAAI;GAAO,IAAKA;EAAK;EAC5C,KAAK,QAAS,OAAO;GAAE,IAAI,CAACA;GAAM,IAAI;EAAM;EAC5C,KAAK,SAAS,OAAO;GAAE,IAAKA;GAAM,IAAI;EAAM;CAC9C;AACF"}
+{"version":3,"file":"nudgeSteps.js","names":[],"sources":["../../../../src/interactions/actions/defaults/nudgeSteps.ts"],"sourcesContent":["/** The arrow-key nudge shared by nodes and path anchors: one direction per\n *  key, a small step bare and a big one with Shift. */\nexport type NudgeDirection = 'up' | 'down' | 'left' | 'right';\n\nexport const NUDGE_KEY: Record<NudgeDirection, string> = {\n  up: 'ArrowUp', down: 'ArrowDown', left: 'ArrowLeft', right: 'ArrowRight',\n};\n\nexport const NUDGE_LABEL: Record<NudgeDirection, string> = {\n  up: 'Up', down: 'Down', left: 'Left', right: 'Right',\n};\n\nconst SMALL_STEP = 1;\nconst BIG_STEP = 10;\n\n/** The world delta of one nudge. `magnitude` is the binding param: `'big'`\n *  for the Shift step, anything else for the small one. */\nexport function nudgeDelta(dir: NudgeDirection, magnitude: unknown): { dx: number; dy: number } {\n  const step = magnitude === 'big' ? BIG_STEP : SMALL_STEP;\n  switch (dir) {\n    case 'up':    return { dx: 0,     dy: -step };\n    case 'down':  return { dx: 0,     dy:  step };\n    case 'left':  return { dx: -step, dy: 0     };\n    case 'right': return { dx:  step, dy: 0     };\n  }\n}\n"],"mappings":";AAIA,IAAa,YAA4C;CACvD,IAAI;CAAW,MAAM;CAAa,MAAM;CAAa,OAAO;AAC9D;AAEA,IAAa,cAA8C;CACzD,IAAI;CAAM,MAAM;CAAQ,MAAM;CAAQ,OAAO;AAC/C;AAEA,IAAM,aAAa;AACnB,IAAM,WAAW;;;AAIjB,SAAgB,WAAW,KAAqB,WAAgD;CAC9F,MAAM,OAAO,cAAc,QAAQ,WAAW;CAC9C,QAAQ,KAAR;EACE,KAAK,MAAS,OAAO;GAAE,IAAI;GAAO,IAAI,CAAC;EAAK;EAC5C,KAAK,QAAS,OAAO;GAAE,IAAI;GAAO,IAAK;EAAK;EAC5C,KAAK,QAAS,OAAO;GAAE,IAAI,CAAC;GAAM,IAAI;EAAM;EAC5C,KAAK,SAAS,OAAO;GAAE,IAAK;GAAM,IAAI;EAAM;CAC9C;AACF"}

package/dist/interactions/actions/defaults/pathEditMarks.js

@@ -0,0 +1,60 @@
+import { pathToAnchors } from "@weasel-js/geom";
+
+//#region src/interactions/actions/defaults/pathEditMarks.ts
+/** The open path as extensions read it, or null with none open. */
+function editTargetOf(dep) {
+	const node = dep.editingId ? dep.getNodeShape(dep.editingId) : null;
+	const path = node ? dep.getEditablePath(dep.editingId) : null;
+	if (!node || path?.kind !== "polygon") return null;
+	return {
+		id: dep.editingId,
+		node,
+		path,
+		anchors: pathToAnchors(path)
+	};
+}
+/** The extension mark under the world point `(wx, wy)`, or null. */
+function markUnder(dep, deps, wx, wy) {
+	const extensions = dep.extensions?.filter((e) => e.markAt) ?? [];
+	const target = extensions.length > 0 ? editTargetOf(dep) : null;
+	if (!target) return null;
+	const view = deps?.view?.get() ?? {
+		x: 0,
+		y: 0,
+		scale: {
+			x: 1,
+			y: 1
+		}
+	};
+	const toScreen = (p) => ({
+		x: (p.x - view.x) * view.scale.x,
+		y: (p.y - view.y) * view.scale.y
+	});
+	const screen = toScreen({
+		x: wx,
+		y: wy
+	});
+	for (const ext of [...extensions].reverse()) {
+		const index = ext.markAt(target, toScreen, screen);
+		if (index !== -1) return {
+			owner: ext.id,
+			index
+		};
+	}
+	return null;
+}
+/** Delete the selected extension mark. False when none is selected, or its
+*  owner cannot delete it. */
+function deleteSelectedMark(dep) {
+	const mark = dep.selectedMark;
+	const owner = mark ? dep.extensions?.find((e) => e.id === mark.owner) : void 0;
+	const target = owner?.deleteMark && dep.store ? editTargetOf(dep) : null;
+	if (!mark || !target) return false;
+	owner.deleteMark(target, mark.index, dep.store);
+	dep.setSelectedMark?.(null);
+	return true;
+}
+
+//#endregion
+export { deleteSelectedMark, editTargetOf, markUnder };
+//# sourceMappingURL=pathEditMarks.js.map

package/dist/interactions/actions/defaults/pathEditMarks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pathEditMarks.js","names":[],"sources":["../../../../src/interactions/actions/defaults/pathEditMarks.ts"],"sourcesContent":["/** Path edit's side of the marks its extensions draw: finding the one a click\n *  lands on, and deleting the selected one. */\n\nimport type { ActionDeps } from '@weasel-js/routing';\nimport { pathToAnchors, type AnchorSet, type PolygonPath } from '@weasel-js/geom';\nimport type { PathEditMark, PathEditTarget } from 'features/paths/pathEditExtension';\nimport type { EditAnchorsDep } from '../depSchema';\n\n/** The open path as extensions read it, or null with none open. */\nexport function editTargetOf(dep: EditAnchorsDep): PathEditTarget | null {\n  const node = dep.editingId ? dep.getNodeShape(dep.editingId) : null;\n  const path = node ? (dep.getEditablePath(dep.editingId) as PolygonPath | null | undefined) : null;\n  if (!node || path?.kind !== 'polygon') return null;\n  return { id: dep.editingId, node, path, anchors: pathToAnchors(path) as AnchorSet };\n}\n\n/** The extension mark under the world point `(wx, wy)`, or null. */\nexport function markUnder(dep: EditAnchorsDep, deps: ActionDeps | undefined, wx: number, wy: number): PathEditMark | null {\n  const extensions = dep.extensions?.filter((e) => e.markAt) ?? [];\n  const target = extensions.length > 0 ? editTargetOf(dep) : null;\n  if (!target) return null;\n  const view = deps?.view?.get() ?? { x: 0, y: 0, scale: { x: 1, y: 1 } };\n  const toScreen = (p: { x: number; y: number }) => ({ x: (p.x - view.x) * view.scale.x, y: (p.y - view.y) * view.scale.y });\n  const screen = toScreen({ x: wx, y: wy });\n  for (const ext of [...extensions].reverse()) {\n    const index = ext.markAt!(target, toScreen, screen);\n    if (index !== -1) return { owner: ext.id, index };\n  }\n  return null;\n}\n\n/** Delete the selected extension mark. False when none is selected, or its\n *  owner cannot delete it. */\nexport function deleteSelectedMark(dep: EditAnchorsDep): boolean {\n  const mark = dep.selectedMark;\n  const owner = mark ? dep.extensions?.find((e) => e.id === mark.owner) : undefined;\n  const target = owner?.deleteMark && dep.store ? editTargetOf(dep) : null;\n  if (!mark || !target) return false;\n  owner!.deleteMark!(target, mark.index, dep.store!);\n  dep.setSelectedMark?.(null);\n  return true;\n}\n"],"mappings":";;;;AASA,SAAgB,aAAa,KAA4C;CACvE,MAAM,OAAO,IAAI,YAAY,IAAI,aAAa,IAAI,SAAS,IAAI;CAC/D,MAAM,OAAO,OAAQ,IAAI,gBAAgB,IAAI,SAAS,IAAuC;CAC7F,IAAI,CAAC,QAAQ,MAAM,SAAS,WAAW,OAAO;CAC9C,OAAO;EAAE,IAAI,IAAI;EAAW;EAAM;EAAM,SAAS,cAAc,IAAI;CAAe;AACpF;;AAGA,SAAgB,UAAU,KAAqB,MAA8B,IAAY,IAAiC;CACxH,MAAM,aAAa,IAAI,YAAY,QAAQ,MAAM,EAAE,MAAM,KAAK,CAAC;CAC/D,MAAM,SAAS,WAAW,SAAS,IAAI,aAAa,GAAG,IAAI;CAC3D,IAAI,CAAC,QAAQ,OAAO;CACpB,MAAM,OAAO,MAAM,MAAM,IAAI,KAAK;EAAE,GAAG;EAAG,GAAG;EAAG,OAAO;GAAE,GAAG;GAAG,GAAG;EAAE;CAAE;CACtE,MAAM,YAAY,OAAiC;EAAE,IAAI,EAAE,IAAI,KAAK,KAAK,KAAK,MAAM;EAAG,IAAI,EAAE,IAAI,KAAK,KAAK,KAAK,MAAM;CAAE;CACxH,MAAM,SAAS,SAAS;EAAE,GAAG;EAAI,GAAG;CAAG,CAAC;CACxC,KAAK,MAAM,OAAO,CAAC,GAAG,UAAU,CAAC,CAAC,QAAQ,GAAG;EAC3C,MAAM,QAAQ,IAAI,OAAQ,QAAQ,UAAU,MAAM;EAClD,IAAI,UAAU,IAAI,OAAO;GAAE,OAAO,IAAI;GAAI;EAAM;CAClD;CACA,OAAO;AACT;;;AAIA,SAAgB,mBAAmB,KAA8B;CAC/D,MAAM,OAAO,IAAI;CACjB,MAAM,QAAQ,OAAO,IAAI,YAAY,MAAM,MAAM,EAAE,OAAO,KAAK,KAAK,IAAI;CACxE,MAAM,SAAS,OAAO,cAAc,IAAI,QAAQ,aAAa,GAAG,IAAI;CACpE,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;CAC7B,MAAO,WAAY,QAAQ,KAAK,OAAO,IAAI,KAAM;CACjD,IAAI,kBAAkB,IAAI;CAC1B,OAAO;AACT"}

package/dist/interactions/actions/defaults/pathEditTools.js

@@ -0,0 +1,57 @@
+import { ActionDisabledReason } from "@weasel-js/routing";
+
+//#region src/interactions/actions/defaults/pathEditTools.ts
+var depOf = (deps) => deps?.editAnchors?.editingId ? deps.editAnchors : null;
+/** Whether a path-edit tool is active, so plain anchor editing should yield. */
+function pathEditToolActive(deps) {
+	return (depOf(deps)?.tool ?? null) !== null;
+}
+/** A toolbar toggle for path-edit tool `tool`: on, a plain drag is that
+*  tool's; pressed again, anchor editing comes back. Its id is
+*  `pathEditTool.<tool>`. */
+function pathEditToolAction(tool, label, icon) {
+	return {
+		id: `pathEditTool.${tool}`,
+		label,
+		...icon ? { icon } : {},
+		group: "anchors",
+		eligible: { capability: "edits-anchors" },
+		requires: ["editAnchors"],
+		invoker: {
+			timing: "immediate",
+			run: (deps) => {
+				const dep = depOf(deps);
+				if (dep) dep.setTool(dep.tool === tool ? null : tool);
+			}
+		},
+		active: (deps) => depOf(deps)?.tool === tool,
+		enabled: (deps) => depOf(deps) ? true : ActionDisabledReason.SelectionRequired
+	};
+}
+/** Escape with a path-edit tool on puts it down; a second Escape then leaves
+*  path edit. The phase makes it outrank `exitPathEdit`'s bare Escape, and it
+*  is disabled with no tool on, so it takes the first press only; mid-drag,
+*  Escape is `cancelGesture`'s. */
+var exitPathEditToolAction = {
+	id: "pathEditTool.exit",
+	label: "Put down path-edit tool",
+	defaultBinding: {
+		kind: "key",
+		key: "Escape",
+		phase: [{
+			channel: "*",
+			phase: "initial"
+		}]
+	},
+	eligible: { capability: "edits-anchors" },
+	requires: ["editAnchors"],
+	invoker: {
+		timing: "immediate",
+		run: (deps) => depOf(deps)?.setTool(null)
+	},
+	enabled: (deps) => pathEditToolActive(deps) ? true : ActionDisabledReason.NotApplicable
+};
+
+//#endregion
+export { exitPathEditToolAction, pathEditToolAction, pathEditToolActive };
+//# sourceMappingURL=pathEditTools.js.map

package/dist/interactions/actions/defaults/pathEditTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pathEditTools.js","names":[],"sources":["../../../../src/interactions/actions/defaults/pathEditTools.ts"],"sourcesContent":["/**\n * Path edit's tools: a set of named tools, one active at a time, each\n * changing what a plain drag in path edit does (the `editAnchors` dep's `tool`).\n * With none active a drag edits anchors as usual. These actions switch them:\n * one toggle per tool for a bar, and Escape to go back to anchor editing.\n */\n\nimport type { Action, ActionDeps, ImmediateInvoker } from '@weasel-js/routing';\nimport { ActionDisabledReason } from '@weasel-js/routing';\nimport type { EditAnchorsDep } from '../depSchema';\n\nconst depOf = (deps: ActionDeps | undefined): EditAnchorsDep | null =>\n  (deps?.editAnchors?.editingId ? deps.editAnchors : null);\n\n/** Whether a path-edit tool is active, so plain anchor editing should yield. */\nexport function pathEditToolActive(deps: ActionDeps | undefined): boolean {\n  return (depOf(deps)?.tool ?? null) !== null;\n}\n\n/** A toolbar toggle for path-edit tool `tool`: on, a plain drag is that\n *  tool's; pressed again, anchor editing comes back. Its id is\n *  `pathEditTool.<tool>`. */\nexport function pathEditToolAction(\n  tool: string,\n  label: string,\n  icon?: Action['icon'],\n): Action & { requires: string[] } {\n  return {\n    id: `pathEditTool.${tool}`,\n    label,\n    ...(icon ? { icon } : {}),\n    group: 'anchors',\n    eligible: { capability: 'edits-anchors' },\n    requires: ['editAnchors'],\n    invoker: {\n      timing: 'immediate',\n      run: (deps) => {\n        const dep = depOf(deps);\n        if (dep) dep.setTool(dep.tool === tool ? null : tool);\n      },\n    } as ImmediateInvoker,\n    active: (deps) => depOf(deps)?.tool === tool,\n    enabled: (deps) => (depOf(deps) ? true : ActionDisabledReason.SelectionRequired),\n  };\n}\n\n/** Escape with a path-edit tool on puts it down; a second Escape then leaves\n *  path edit. The phase makes it outrank `exitPathEdit`'s bare Escape, and it\n *  is disabled with no tool on, so it takes the first press only; mid-drag,\n *  Escape is `cancelGesture`'s. */\nexport const exitPathEditToolAction: Action & { requires: string[] } = {\n  id: 'pathEditTool.exit',\n  label: 'Put down path-edit tool',\n  defaultBinding: { kind: 'key', key: 'Escape', phase: [{ channel: '*', phase: 'initial' }] },\n  eligible: { capability: 'edits-anchors' },\n  requires: ['editAnchors'],\n  invoker: {\n    timing: 'immediate',\n    run: (deps) => depOf(deps)?.setTool(null),\n  } as ImmediateInvoker,\n  enabled: (deps) => (pathEditToolActive(deps) ? true : ActionDisabledReason.NotApplicable),\n};\n"],"mappings":";;;AAWA,IAAM,SAAS,SACZ,MAAM,aAAa,YAAY,KAAK,cAAc;;AAGrD,SAAgB,mBAAmB,MAAuC;CACxE,QAAQ,MAAM,IAAI,CAAC,EAAE,QAAQ,UAAU;AACzC;;;;AAKA,SAAgB,mBACd,MACA,OACA,MACiC;CACjC,OAAO;EACL,IAAI,gBAAgB;EACpB;EACA,GAAI,OAAO,EAAE,KAAK,IAAI,CAAC;EACvB,OAAO;EACP,UAAU,EAAE,YAAY,gBAAgB;EACxC,UAAU,CAAC,aAAa;EACxB,SAAS;GACP,QAAQ;GACR,MAAM,SAAS;IACb,MAAM,MAAM,MAAM,IAAI;IACtB,IAAI,KAAK,IAAI,QAAQ,IAAI,SAAS,OAAO,OAAO,IAAI;GACtD;EACF;EACA,SAAS,SAAS,MAAM,IAAI,CAAC,EAAE,SAAS;EACxC,UAAU,SAAU,MAAM,IAAI,IAAI,OAAO,qBAAqB;CAChE;AACF;;;;;AAMA,IAAa,yBAA0D;CACrE,IAAI;CACJ,OAAO;CACP,gBAAgB;EAAE,MAAM;EAAO,KAAK;EAAU,OAAO,CAAC;GAAE,SAAS;GAAK,OAAO;EAAU,CAAC;CAAE;CAC1F,UAAU,EAAE,YAAY,gBAAgB;CACxC,UAAU,CAAC,aAAa;CACxB,SAAS;EACP,QAAQ;EACR,MAAM,SAAS,MAAM,IAAI,CAAC,EAAE,QAAQ,IAAI;CAC1C;CACA,UAAU,SAAU,mBAAmB,IAAI,IAAI,OAAO,qBAAqB;AAC7E"}

package/dist/interactions/actions/defaults/pinchZoom.js

@@ -1,13 +1,19 @@
-import { DEFAULT_MAX_ZOOM as e, DEFAULT_MIN_ZOOM as t } from "../../../core/viewport/zoomBounds.js";
-import { viewToTransform as n } from "../../../core/viewport/view.js";
-import { screenToWorld as r } from "../../../core/viewport/viewTransform.js";
-import { zoomAt as i } from "../../../core/viewport/zoomAt.js";
+import { DEFAULT_MAX_ZOOM, DEFAULT_MIN_ZOOM } from "../../../core/viewport/zoomBounds.js";
+import { viewToTransform } from "../../../core/viewport/view.js";
+import { screenToWorld } from "../../../core/viewport/viewTransform.js";
+import { axisZoomFactor, zoomAt } from "../../../core/viewport/zoomAt.js";
+
 //#region src/interactions/actions/defaults/pinchZoom.ts
-function a(a = {}) {
-	let o = {
-		min: a.min ?? t,
-		max: a.max ?? e
+/**
+* Build a `viewport.pinchZoom` Action descriptor with a configurable scale
+* clamp. The same two-finger gesture zooms and pans, applied each frame.
+*/
+function makePinchZoomAction(opts = {}) {
+	const clamp = {
+		min: opts.min ?? DEFAULT_MIN_ZOOM,
+		max: opts.max ?? DEFAULT_MAX_ZOOM
 	};
+	const axis = opts.axis ?? "both";
 	return {
 		id: "viewport.pinchZoom",
 		label: "Pinch Zoom",
@@ -19,45 +25,55 @@ function a(a = {}) {
 		requires: ["view", "debug"],
 		invoker: {
 			timing: "ongoing",
-			start(e, t) {
-				let a = e.deps.view;
-				if (!a) return {};
-				let s = e.multiTouch;
-				if (!s) return {};
-				let c = {
-					view: a,
-					startSpread: s.spread > 0 ? s.spread : 1,
-					centroid: s.centroid
-				}, l = e.deps.debug, u = a.get(), [d, f] = r(s.centroid.x, s.centroid.y, n(u));
+			start(ctx, _opts) {
+				const view = ctx.deps.view;
+				if (!view) return {};
+				const multiTouch = ctx.multiTouch;
+				if (!multiTouch) return {};
+				const scratch = {
+					view,
+					startSpread: multiTouch.spread > 0 ? multiTouch.spread : 1,
+					centroid: multiTouch.centroid
+				};
+				const debug = ctx.deps.debug;
+				const startView = view.get();
+				const [ax, ay] = screenToWorld(multiTouch.centroid.x, multiTouch.centroid.y, viewToTransform(startView));
 				return {
 					kind: "pinch",
-					onMove(e) {
-						let t = e.multiTouch;
-						if (!t?.pinch) return;
-						let { currentSpread: n, centroid: r } = t.pinch;
-						if (n <= 0 || c.startSpread <= 0) return;
-						let a = n / c.startSpread;
-						c.startSpread = n;
-						let s = c.centroid;
-						c.centroid = r;
-						let p = c.view.get(), m = i(p, s, a, o), h = {
-							scale: m.scale,
-							x: m.x - (r.x - s.x) / m.scale.x,
-							y: m.y - (r.y - s.y) / m.scale.y
+					onMove(moveCtx) {
+						const mt = moveCtx.multiTouch;
+						if (!mt?.pinch) return;
+						const { currentSpread, centroid } = mt.pinch;
+						if (currentSpread <= 0 || scratch.startSpread <= 0) return;
+						const factor = currentSpread / scratch.startSpread;
+						scratch.startSpread = currentSpread;
+						const prev = scratch.centroid;
+						scratch.centroid = centroid;
+						const current = scratch.view.get();
+						const zoomed = zoomAt(current, prev, axisZoomFactor(factor, axis), clamp);
+						const next = {
+							scale: zoomed.scale,
+							x: zoomed.x - (centroid.x - prev.x) / zoomed.scale.x,
+							y: zoomed.y - (centroid.y - prev.y) / zoomed.scale.y
 						};
-						c.view.set(h), l?.recordViewport("zoom", u, h, {
-							x: d,
-							y: f
+						scratch.view.set(next);
+						debug?.recordViewport("zoom", startView, next, {
+							x: ax,
+							y: ay
 						});
 					}
 				};
 			}
 		},
-		enabled: () => !0
+		enabled: () => true
 	};
 }
-var o = a();
-//#endregion
-export { a as makePinchZoomAction, o as pinchZoomAction };
+/**
+* Default `viewport.pinchZoom` descriptor: two-finger pinch with the kit's
+* default 0.1–8 scale clamp. Equivalent to `makePinchZoomAction()`.
+*/
+var pinchZoomAction = makePinchZoomAction();
 
+//#endregion
+export { makePinchZoomAction, pinchZoomAction };
 //# sourceMappingURL=pinchZoom.js.map

package/dist/interactions/actions/defaults/pinchZoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"pinchZoom.js","names":["makePinchZoomAction","clamp","opts","DEFAULT_MIN_ZOOM","DEFAULT_MAX_ZOOM","view","ctx","multiTouch","scratch","debug","startView","ax","ay","screenToWorld","viewToTransform","mt","moveCtx","currentSpread","factor","prev","centroid","current","zoomed","zoomAt","next","pinchZoomAction"],"sources":["../../../../src/interactions/actions/defaults/pinchZoom.ts"],"sourcesContent":["import type { Action } from '@weasel-js/routing';\nimport type { InvocationCtx, OngoingHandle } from '@weasel-js/routing';\nimport type { ViewApi } from '../depSchema';\nimport { zoomAt } from 'core/viewport/zoomAt';\nimport { viewToTransform } from 'core/viewport/view';\nimport { screenToWorld } from 'core/viewport/viewTransform';\nimport { DEFAULT_MIN_ZOOM, DEFAULT_MAX_ZOOM } from 'core/viewport/zoomBounds';\n\ninterface PinchScratch {\n  view: ViewApi;\n  startSpread: number;\n  centroid: { x: number; y: number };\n}\n\n/**\n * @experimental\n * Tuning for {@link makePinchZoomAction}.\n */\nexport interface PinchZoomOptions {\n  /** Lower clamp on the resulting view scale, forwarded to `zoomAt`. Default 0.1. */\n  min?: number;\n  /** Upper clamp on the resulting view scale, forwarded to `zoomAt`. Default 8. */\n  max?: number;\n}\n\n/**\n * @experimental\n * Build a `viewport.pinchZoom` Action descriptor with a configurable scale\n * clamp. The same two-finger gesture zooms and pans, applied each frame.\n */\n// No `eligible` field → pinch zoom is always eligible across all modes.\nexport function makePinchZoomAction(\n  opts: PinchZoomOptions = {},\n): Action & { requires: string[] } {\n  const clamp = { min: opts.min ?? DEFAULT_MIN_ZOOM, max: opts.max ?? DEFAULT_MAX_ZOOM };\n  return {\n    id: 'viewport.pinchZoom',\n    label: 'Pinch Zoom',\n    group: 'viewport',\n    defaultBinding: { kind: 'multiTouch', fingers: 2 },\n    requires: ['view', 'debug'],\n    invoker: {\n      timing: 'ongoing',\n      start(ctx: InvocationCtx, _opts): OngoingHandle {\n        const view = ctx.deps.view;\n        if (!view) return {};\n\n        const multiTouch = ctx.multiTouch;\n        if (!multiTouch) return {};\n\n        const startSpread = multiTouch.spread > 0 ? multiTouch.spread : 1;\n\n        const scratch: PinchScratch = { view, startSpread, centroid: multiTouch.centroid };\n        const debug = ctx.deps.debug;\n        const startView = view.get();\n        const [ax, ay] = screenToWorld(multiTouch.centroid.x, multiTouch.centroid.y, viewToTransform(startView));\n\n        return {\n          kind: 'pinch',\n          onMove(moveCtx: InvocationCtx): void {\n            const mt = moveCtx.multiTouch;\n            if (!mt?.pinch) return;\n            const { currentSpread, centroid } = mt.pinch;\n            if (currentSpread <= 0 || scratch.startSpread <= 0) return;\n            const factor = currentSpread / scratch.startSpread;\n            // Rebase each frame so the factor is incremental.\n            scratch.startSpread = currentSpread;\n            const prev = scratch.centroid;\n            scratch.centroid = centroid;\n            const current = scratch.view.get();\n            // Anchor the zoom on where the fingers *were*, then translate by how\n            // far they travelled — together those pin the world point under the\n            // centroid as it moves. Anchoring on the new centroid instead drops\n            // the translation half, so a two-finger drag zooms without panning.\n            const zoomed = zoomAt(current, prev, factor, clamp);\n            const next = {\n              scale: zoomed.scale,\n              x: zoomed.x - (centroid.x - prev.x) / zoomed.scale.x,\n              y: zoomed.y - (centroid.y - prev.y) / zoomed.scale.y,\n            };\n            scratch.view.set(next);\n            debug?.recordViewport('zoom', startView, next, { x: ax, y: ay });\n          },\n        };\n      },\n    },\n    enabled: () => true,\n  };\n}\n\n/**\n * @experimental\n * Default `viewport.pinchZoom` descriptor: two-finger pinch with the kit's\n * default 0.1–8 scale clamp. Equivalent to `makePinchZoomAction()`.\n */\nexport const pinchZoomAction: Action & { requires: string[] } = makePinchZoomAction();\n"],"mappings":";;;;;AA+BA,SAAgBA,EACd,IAAyB,CAAC,GACO;CACjC,IAAMC,IAAQ;EAAE,KAAKC,EAAK,OAAOC;EAAkB,KAAKD,EAAK,OAAOE;CAAiB;CACrF,OAAO;EACL,IAAI;EACJ,OAAO;EACP,OAAO;EACP,gBAAgB;GAAE,MAAM;GAAc,SAAS;EAAE;EACjD,UAAU,CAAC,QAAQ,OAAO;EAC1B,SAAS;GACP,QAAQ;GACR,MAAM,GAAoB,GAAsB;IAC9C,IAAMC,IAAOC,EAAI,KAAK;IACtB,IAAI,CAACD,GAAM,OAAO,CAAC;IAEnB,IAAME,IAAaD,EAAI;IACvB,IAAI,CAACC,GAAY,OAAO,CAAC;IAIzB,IAAMC,IAAwB;KAAE;KAAM,aAFlBD,EAAW,SAAS,IAAIA,EAAW,SAAS;KAEb,UAAUA,EAAW;IAAS,GAC3EE,IAAQH,EAAI,KAAK,OACjBI,IAAYL,EAAK,IAAI,GACrB,CAACM,GAAIC,KAAMC,EAAcN,EAAW,SAAS,GAAGA,EAAW,SAAS,GAAGO,EAAgBJ,CAAS,CAAC;IAEvG,OAAO;KACL,MAAM;KACN,OAAO,GAA8B;MACnC,IAAMK,IAAKC,EAAQ;MACnB,IAAI,CAACD,GAAI,OAAO;MAChB,IAAM,EAAE,kBAAe,gBAAaA,EAAG;MACvC,IAAIE,KAAiB,KAAKT,EAAQ,eAAe,GAAG;MACpD,IAAMU,IAASD,IAAgBT,EAAQ;MAEvC,EAAQ,cAAcS;MACtB,IAAME,IAAOX,EAAQ;MACrB,EAAQ,WAAWY;MACnB,IAAMC,IAAUb,EAAQ,KAAK,IAAI,GAK3Bc,IAASC,EAAOF,GAASF,GAAMD,GAAQjB,CAAK,GAC5CuB,IAAO;OACX,OAAOF,EAAO;OACd,GAAGA,EAAO,KAAKF,EAAS,IAAID,EAAK,KAAKG,EAAO,MAAM;OACnD,GAAGA,EAAO,KAAKF,EAAS,IAAID,EAAK,KAAKG,EAAO,MAAM;MACrD;MAEA,AADAd,EAAQ,KAAK,IAAIgB,CAAI,GACrBf,GAAO,eAAe,QAAQC,GAAWc,GAAM;OAAE,GAAGb;OAAI,GAAGC;MAAG,CAAC;KACjE;IACF;GACF;EACF;EACA,eAAe;CACjB;AACF;AAOA,IAAaa,IAAmDzB,EAAoB"}
+{"version":3,"file":"pinchZoom.js","names":[],"sources":["../../../../src/interactions/actions/defaults/pinchZoom.ts"],"sourcesContent":["import type { Action } from '@weasel-js/routing';\nimport type { InvocationCtx, OngoingHandle } from '@weasel-js/routing';\nimport type { ViewApi } from '../depSchema';\nimport { axisZoomFactor, zoomAt, type ZoomAxis } from 'core/viewport/zoomAt';\nimport { viewToTransform } from 'core/viewport/view';\nimport { screenToWorld } from 'core/viewport/viewTransform';\nimport { DEFAULT_MIN_ZOOM, DEFAULT_MAX_ZOOM } from 'core/viewport/zoomBounds';\n\ninterface PinchScratch {\n  view: ViewApi;\n  startSpread: number;\n  centroid: { x: number; y: number };\n}\n\n/**\n * Tuning for {@link makePinchZoomAction}.\n */\nexport interface PinchZoomOptions {\n  /** Lower clamp on the resulting view scale, forwarded to `zoomAt`. Default 0.1. */\n  min?: number;\n  /** Upper clamp on the resulting view scale, forwarded to `zoomAt`. Default 8. */\n  max?: number;\n  /** Hold the zoom to one axis. Default `'both'`. The two fingers still pan\n   *  on both. */\n  axis?: ZoomAxis;\n}\n\n/**\n * Build a `viewport.pinchZoom` Action descriptor with a configurable scale\n * clamp. The same two-finger gesture zooms and pans, applied each frame.\n */\n// No `eligible` field → pinch zoom is always eligible across all modes.\nexport function makePinchZoomAction(\n  opts: PinchZoomOptions = {},\n): Action & { requires: string[] } {\n  const clamp = { min: opts.min ?? DEFAULT_MIN_ZOOM, max: opts.max ?? DEFAULT_MAX_ZOOM };\n  const axis = opts.axis ?? 'both';\n  return {\n    id: 'viewport.pinchZoom',\n    label: 'Pinch Zoom',\n    group: 'viewport',\n    defaultBinding: { kind: 'multiTouch', fingers: 2 },\n    requires: ['view', 'debug'],\n    invoker: {\n      timing: 'ongoing',\n      start(ctx: InvocationCtx, _opts): OngoingHandle {\n        const view = ctx.deps.view;\n        if (!view) return {};\n\n        const multiTouch = ctx.multiTouch;\n        if (!multiTouch) return {};\n\n        const startSpread = multiTouch.spread > 0 ? multiTouch.spread : 1;\n\n        const scratch: PinchScratch = { view, startSpread, centroid: multiTouch.centroid };\n        const debug = ctx.deps.debug;\n        const startView = view.get();\n        const [ax, ay] = screenToWorld(multiTouch.centroid.x, multiTouch.centroid.y, viewToTransform(startView));\n\n        return {\n          kind: 'pinch',\n          onMove(moveCtx: InvocationCtx): void {\n            const mt = moveCtx.multiTouch;\n            if (!mt?.pinch) return;\n            const { currentSpread, centroid } = mt.pinch;\n            if (currentSpread <= 0 || scratch.startSpread <= 0) return;\n            const factor = currentSpread / scratch.startSpread;\n            // Rebase each frame so the factor is incremental.\n            scratch.startSpread = currentSpread;\n            const prev = scratch.centroid;\n            scratch.centroid = centroid;\n            const current = scratch.view.get();\n            // Anchor the zoom on where the fingers *were*, then translate by how\n            // far they travelled — together those pin the world point under the\n            // centroid as it moves. Anchoring on the new centroid instead drops\n            // the translation half, so a two-finger drag zooms without panning.\n            const zoomed = zoomAt(current, prev, axisZoomFactor(factor, axis), clamp);\n            const next = {\n              scale: zoomed.scale,\n              x: zoomed.x - (centroid.x - prev.x) / zoomed.scale.x,\n              y: zoomed.y - (centroid.y - prev.y) / zoomed.scale.y,\n            };\n            scratch.view.set(next);\n            debug?.recordViewport('zoom', startView, next, { x: ax, y: ay });\n          },\n        };\n      },\n    },\n    enabled: () => true,\n  };\n}\n\n/**\n * Default `viewport.pinchZoom` descriptor: two-finger pinch with the kit's\n * default 0.1–8 scale clamp. Equivalent to `makePinchZoomAction()`.\n */\nexport const pinchZoomAction: Action & { requires: string[] } = makePinchZoomAction();\n"],"mappings":";;;;;;;;;;AAgCA,SAAgB,oBACd,OAAyB,CAAC,GACO;CACjC,MAAM,QAAQ;EAAE,KAAK,KAAK,OAAO;EAAkB,KAAK,KAAK,OAAO;CAAiB;CACrF,MAAM,OAAO,KAAK,QAAQ;CAC1B,OAAO;EACL,IAAI;EACJ,OAAO;EACP,OAAO;EACP,gBAAgB;GAAE,MAAM;GAAc,SAAS;EAAE;EACjD,UAAU,CAAC,QAAQ,OAAO;EAC1B,SAAS;GACP,QAAQ;GACR,MAAM,KAAoB,OAAsB;IAC9C,MAAM,OAAO,IAAI,KAAK;IACtB,IAAI,CAAC,MAAM,OAAO,CAAC;IAEnB,MAAM,aAAa,IAAI;IACvB,IAAI,CAAC,YAAY,OAAO,CAAC;IAIzB,MAAM,UAAwB;KAAE;KAAM,aAFlB,WAAW,SAAS,IAAI,WAAW,SAAS;KAEb,UAAU,WAAW;IAAS;IACjF,MAAM,QAAQ,IAAI,KAAK;IACvB,MAAM,YAAY,KAAK,IAAI;IAC3B,MAAM,CAAC,IAAI,MAAM,cAAc,WAAW,SAAS,GAAG,WAAW,SAAS,GAAG,gBAAgB,SAAS,CAAC;IAEvG,OAAO;KACL,MAAM;KACN,OAAO,SAA8B;MACnC,MAAM,KAAK,QAAQ;MACnB,IAAI,CAAC,IAAI,OAAO;MAChB,MAAM,EAAE,eAAe,aAAa,GAAG;MACvC,IAAI,iBAAiB,KAAK,QAAQ,eAAe,GAAG;MACpD,MAAM,SAAS,gBAAgB,QAAQ;MAEvC,QAAQ,cAAc;MACtB,MAAM,OAAO,QAAQ;MACrB,QAAQ,WAAW;MACnB,MAAM,UAAU,QAAQ,KAAK,IAAI;MAKjC,MAAM,SAAS,OAAO,SAAS,MAAM,eAAe,QAAQ,IAAI,GAAG,KAAK;MACxE,MAAM,OAAO;OACX,OAAO,OAAO;OACd,GAAG,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO,MAAM;OACnD,GAAG,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO,MAAM;MACrD;MACA,QAAQ,KAAK,IAAI,IAAI;MACrB,OAAO,eAAe,QAAQ,WAAW,MAAM;OAAE,GAAG;OAAI,GAAG;MAAG,CAAC;KACjE;IACF;GACF;EACF;EACA,eAAe;CACjB;AACF;;;;;AAMA,IAAa,kBAAmD,oBAAoB"}