@weasel-js/core 1.10.1 → 1.11.0

package/dist/features/longPress/longPressFeedback.js

@@ -1,96 +1,125 @@
-import { accentColorOf as e } from "../../canvas/accentColor.js";
-import { ellipsePath as t, polylineFromPoints as n } from "@weasel-js/geom";
+import { accentColorOf } from "../../canvas/accentColor.js";
+import { ellipsePath, polylineFromPoints } from "@weasel-js/geom";
+import { prefersReducedMotion } from "@weasel-js/react";
+
 //#region src/features/longPress/longPressFeedback.ts
-var r = "long-press-feedback", i = 64, a = .3, o = () => performance.now();
-function s() {
-	return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function c(e, t, r, a) {
-	let o = Math.max(1, Math.ceil(i * a)), s = [];
-	for (let n = 0; n <= o; n++) {
-		let i = n / o * a * Math.PI * 2;
-		s.push({
-			x: e + r * Math.sin(i),
-			y: t - r * Math.cos(i)
+/** Entry and layer id of the default feedback, so a host can find or order it. */
+var LONG_PRESS_FEEDBACK_ID = "long-press-feedback";
+var RING_SEGMENTS = 64;
+var TRACK_OPACITY = .3;
+var nowMs = () => performance.now();
+/** An open arc from 12 o'clock, clockwise on a y-down screen, through `t` of a turn. */
+function arcPath(cx, cy, r, t) {
+	const n = Math.max(1, Math.ceil(RING_SEGMENTS * t));
+	const pts = [];
+	for (let i = 0; i <= n; i++) {
+		const a = i / n * t * Math.PI * 2;
+		pts.push({
+			x: cx + r * Math.sin(a),
+			y: cy - r * Math.cos(a)
 		});
 	}
-	return n(s);
+	return polylineFromPoints(pts);
 }
-function l(e, n, r) {
-	return t({
-		x: e - r,
-		y: n - r,
+function circlePath$1(cx, cy, r) {
+	return ellipsePath({
+		x: cx - r,
+		y: cy - r,
 		width: 2 * r,
 		height: 2 * r
 	});
 }
-var u = (e) => e?.viewId ?? null;
-function d(t = {}) {
-	let n = t.id ?? r, i = t.radius ?? 22, d = t.width ?? 3, f = t.delay ?? 120, p, m = "", h = !1, g = () => {
-		let e = p?.get();
-		return !!e && e.armed;
+var viewIdOf = (data) => data?.viewId ?? null;
+/**
+* The default long-press feedback, as one entry. `<SceneCanvas>` installs it
+* unless `longPress={{ feedback: false }}`; pass a contribution of your own there to
+* replace it — it reads the same `longPress` dep this one does.
+*/
+function createLongPressFeedbackContribution(opts = {}) {
+	const id = opts.id ?? LONG_PRESS_FEEDBACK_ID;
+	const radius = opts.radius ?? 22;
+	const width = opts.width ?? 3;
+	const delay = opts.delay ?? 120;
+	let state;
+	let color = "";
+	let reduced = false;
+	const showing = () => {
+		const p = state?.get();
+		return !!p && p.armed;
 	};
-	return {
-		id: n,
-		eligibility: { always: !0 },
-		overlay: {
-			id: n,
-			label: "Long-press feedback",
-			space: "screen",
-			draw: (e) => {
-				let t = p?.get();
-				if (!p || !t || !t.armed || u(e) !== null) return [];
-				let n = o();
-				if (n - t.startedAt < f) return [];
-				let { x: r, y: s } = t.local, g = (e) => ({
-					paint: {
-						color: m,
-						...e === void 0 ? {} : { opacity: e }
-					},
-					width: { px: d },
-					cap: "round"
-				});
-				return h ? [{
-					kind: "path",
-					path: l(r, s, i),
-					stroke: g()
-				}] : [{
-					kind: "path",
-					path: l(r, s, i),
-					stroke: g(a)
-				}, {
-					kind: "path",
-					path: c(r, s, i, p.progress(n)),
-					stroke: g()
-				}];
+	const layer = {
+		id,
+		label: "Long-press feedback",
+		space: "screen",
+		draw: (data) => {
+			const p = state?.get();
+			if (!state || !p || !p.armed || viewIdOf(data) !== null) return [];
+			const now = nowMs();
+			if (now - p.startedAt < delay) return [];
+			const { x, y } = p.local;
+			const stroke = (opacity) => ({
+				paint: {
+					color,
+					...opacity !== void 0 ? { opacity } : {}
+				},
+				width: { px: width },
+				cap: "round"
+			});
+			if (reduced) return [{
+				kind: "path",
+				path: circlePath$1(x, y, radius),
+				stroke: stroke()
+			}];
+			return [{
+				kind: "path",
+				path: circlePath$1(x, y, radius),
+				stroke: stroke(TRACK_OPACITY)
+			}, {
+				kind: "path",
+				path: arcPath(x, y, radius, state.progress(now)),
+				stroke: stroke()
+			}];
+		}
+	};
+	const attach = (api, deps) => {
+		const store = deps.get("longPress");
+		if (!store) return () => {};
+		state = store;
+		let appear;
+		const onChange = () => {
+			clearTimeout(appear);
+			appear = void 0;
+			const p = store.get();
+			if (p?.armed) {
+				color = typeof opts.color === "function" ? opts.color() : opts.color ?? accentColorOf(api.element);
+				reduced = opts.reducedMotion === "auto" || opts.reducedMotion === void 0 ? prefersReducedMotion() : opts.reducedMotion;
+				const wait = delay - (nowMs() - p.startedAt);
+				if (reduced && wait > 0) appear = setTimeout(() => {
+					api.requestRedraw();
+				}, wait);
 			}
-		},
-		attach: (n, r) => {
-			let i = r.get("longPress");
-			if (!i) return () => {};
-			p = i;
-			let a, c = () => {
-				clearTimeout(a), a = void 0;
-				let r = i.get();
-				if (r?.armed) {
-					m = typeof t.color == "function" ? t.color() : t.color ?? e(n.element), h = t.reducedMotion === "auto" || t.reducedMotion === void 0 ? s() : t.reducedMotion;
-					let i = f - (o() - r.startedAt);
-					h && i > 0 && (a = setTimeout(() => {
-						n.requestRedraw();
-					}, i));
-				}
-				n.requestRedraw();
-			}, l = i.subscribe(c);
-			return c(), () => {
-				l(), clearTimeout(a), p = void 0, n.requestRedraw();
-			};
-		},
-		afterPaint: (e) => {
-			!h && g() && e.requestFrame();
+			api.requestRedraw();
+		};
+		const offStore = store.subscribe(onChange);
+		onChange();
+		return () => {
+			offStore();
+			clearTimeout(appear);
+			state = void 0;
+			api.requestRedraw();
+		};
+	};
+	return {
+		id,
+		eligibility: { always: true },
+		overlay: layer,
+		attach,
+		afterPaint: (ctx) => {
+			if (!reduced && showing()) ctx.requestFrame();
 		}
 	};
 }
-//#endregion
-export { r as LONG_PRESS_FEEDBACK_ID, d as createLongPressFeedbackContribution };
 
+//#endregion
+export { LONG_PRESS_FEEDBACK_ID, createLongPressFeedbackContribution };
 //# sourceMappingURL=longPressFeedback.js.map

package/dist/features/longPress/longPressFeedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"longPressFeedback.js","names":["circlePath","LONG_PRESS_FEEDBACK_ID","RING_SEGMENTS","TRACK_OPACITY","nowMs","prefersReducedMotion","arcPath","n","t","pts","i","a","cx","cy","polylineFromPoints","circlePath$1","ellipsePath","viewIdOf","data","createLongPressFeedbackContribution","id","opts","radius","width","delay","state","color","reduced","showing","p","now","stroke","opacity","x","y","store","deps","appear","onChange","accentColorOf","api","wait","offStore","ctx"],"sources":["../../../src/features/longPress/longPressFeedback.ts"],"sourcesContent":["/**\n * The default \"press is registering\" feedback for a touch or pen long-press: a\n * ring around the press point that fills over the hold. It reads the `longPress`\n * dep the gesture dispatcher publishes, so it shows only for a press some\n * binding would fire on, and disappears when the press fires, moves past the\n * drag threshold, lifts, or is canceled.\n */\nimport type { LongPressState } from '@weasel-js/routing';\nimport type { RenderLayer } from 'core/layers/render';\nimport { ellipsePath, polylineFromPoints, type Path } from '@weasel-js/geom';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { CanvasExtensionApi } from '../../canvas/canvasExtension';\nimport type { ContributionDepReader, SurfaceContribution } from '../../canvas/surfaceContribution';\nimport { accentColorOf } from '../../canvas/accentColor';\n\n/** Entry and layer id of the default feedback, so a host can find or order it. */\nexport const LONG_PRESS_FEEDBACK_ID = 'long-press-feedback';\n\n/** Options for {@link createLongPressFeedbackContribution}. */\nexport interface LongPressFeedbackOptions {\n  /** Entry and layer id. Default {@link LONG_PRESS_FEEDBACK_ID}. */\n  id?: string;\n  /** Ring radius in CSS pixels. Default 22 — clear of a fingertip. */\n  radius?: number;\n  /** Ring stroke width in CSS pixels. Default 3. */\n  width?: number;\n  /** Ring color. Default the theme's `--wzl-accent`, read off the canvas\n   *  element when each press starts. */\n  color?: string | (() => string);\n  /** How long a press is held before the ring appears, in ms, so an ordinary\n   *  tap shows nothing. Default 120. */\n  delay?: number;\n  /** `true` shows a static full ring instead of one that fills, and runs no\n   *  frame loop. Default `'auto'`: follow `prefers-reduced-motion`, read when\n   *  each press starts. */\n  reducedMotion?: boolean | 'auto';\n}\n\nconst RING_SEGMENTS = 64;\nconst TRACK_OPACITY = 0.3;\n\nconst nowMs = (): number => performance.now();\n\nfunction prefersReducedMotion(): boolean {\n  return typeof matchMedia === 'function'\n    && matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/** An open arc from 12 o'clock, clockwise on a y-down screen, through `t` of a turn. */\nfunction arcPath(cx: number, cy: number, r: number, t: number): Path {\n  const n = Math.max(1, Math.ceil(RING_SEGMENTS * t));\n  const pts: { x: number; y: number }[] = [];\n  for (let i = 0; i <= n; i++) {\n    const a = (i / n) * t * Math.PI * 2;\n    pts.push({ x: cx + r * Math.sin(a), y: cy - r * Math.cos(a) });\n  }\n  return polylineFromPoints(pts);\n}\n\nfunction circlePath(cx: number, cy: number, r: number): Path {\n  return ellipsePath({ x: cx - r, y: cy - r, width: 2 * r, height: 2 * r });\n}\n\nconst viewIdOf = (data: unknown): string | null =>\n  (data as { viewId?: string | null } | null)?.viewId ?? null;\n\n/**\n * The default long-press feedback, as one entry. `<SceneCanvas>` installs it\n * unless `longPress={{ feedback: false }}`; pass a contribution of your own there to\n * replace it — it reads the same `longPress` dep this one does.\n */\nexport function createLongPressFeedbackContribution(\n  opts: LongPressFeedbackOptions = {},\n): SurfaceContribution {\n  const id = opts.id ?? LONG_PRESS_FEEDBACK_ID;\n  const radius = opts.radius ?? 22;\n  const width = opts.width ?? 3;\n  const delay = opts.delay ?? 120;\n\n  let state: LongPressState | undefined;\n  let color = '';\n  let reduced = false;\n\n  const showing = (): boolean => {\n    const p = state?.get();\n    return !!p && p.armed;\n  };\n\n  const layer: RenderLayer<unknown> = {\n    id,\n    label: 'Long-press feedback',\n    space: 'screen',\n    draw: (data): DrawCommand[] => {\n      const p = state?.get();\n      // Screen space is the whole canvas, so the root pass draws the ring\n      // wherever the press routed; a view pass drawing it too would double it.\n      if (!state || !p || !p.armed || viewIdOf(data) !== null) return [];\n      const now = nowMs();\n      if (now - p.startedAt < delay) return [];\n      const { x, y } = p.local;\n      const stroke = (opacity?: number) => ({\n        paint: { color, ...(opacity !== undefined ? { opacity } : {}) },\n        width: { px: width },\n        cap: 'round' as const,\n      });\n      if (reduced) return [{ kind: 'path', path: circlePath(x, y, radius), stroke: stroke() }];\n      return [\n        { kind: 'path', path: circlePath(x, y, radius), stroke: stroke(TRACK_OPACITY) },\n        { kind: 'path', path: arcPath(x, y, radius, state.progress(now)), stroke: stroke() },\n      ];\n    },\n  };\n\n  const attach = (api: CanvasExtensionApi, deps: ContributionDepReader): (() => void) => {\n    const store = deps.get('longPress');\n    if (!store) return () => {};\n    state = store;\n    let appear: ReturnType<typeof setTimeout> | undefined;\n\n    const onChange = (): void => {\n      clearTimeout(appear);\n      appear = undefined;\n      const p = store.get();\n      if (p?.armed) {\n        color = typeof opts.color === 'function' ? opts.color() : (opts.color ?? accentColorOf(api.element));\n        reduced = opts.reducedMotion === 'auto' || opts.reducedMotion === undefined\n          ? prefersReducedMotion()\n          : opts.reducedMotion;\n        // A static ring changes once, when it appears; nothing needs frames.\n        const wait = delay - (nowMs() - p.startedAt);\n        if (reduced && wait > 0) appear = setTimeout(() => { api.requestRedraw(); }, wait);\n      }\n      api.requestRedraw();\n    };\n\n    const offStore = store.subscribe(onChange);\n    onChange();\n    return () => {\n      offStore();\n      clearTimeout(appear);\n      state = undefined;\n      api.requestRedraw();\n    };\n  };\n\n  return {\n    id,\n    eligibility: { always: true },\n    overlay: layer,\n    attach,\n    // The filling ring asks for the next frame from each painted one while it shows.\n    afterPaint: (ctx) => {\n      if (!reduced && showing()) ctx.requestFrame();\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"longPressFeedback.js","names":["circlePath"],"sources":["../../../src/features/longPress/longPressFeedback.ts"],"sourcesContent":["/**\n * The default \"press is registering\" feedback for a touch or pen long-press: a\n * ring around the press point that fills over the hold. It reads the `longPress`\n * dep the gesture dispatcher publishes, so it shows only for a press some\n * binding would fire on, and disappears when the press fires, moves past the\n * drag threshold, lifts, or is canceled.\n */\nimport type { LongPressState } from '@weasel-js/routing';\nimport { prefersReducedMotion } from '@weasel-js/react';\nimport type { RenderLayer } from 'core/layers/render';\nimport { ellipsePath, polylineFromPoints, type Path } from '@weasel-js/geom';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { CanvasExtensionApi } from '../../canvas/canvasExtension';\nimport type { ContributionDepReader, SurfaceContribution } from '../../canvas/surfaceContribution';\nimport { accentColorOf } from '../../canvas/accentColor';\n\n/** Entry and layer id of the default feedback, so a host can find or order it. */\nexport const LONG_PRESS_FEEDBACK_ID = 'long-press-feedback';\n\n/** Options for {@link createLongPressFeedbackContribution}. */\nexport interface LongPressFeedbackOptions {\n  /** Entry and layer id. Default {@link LONG_PRESS_FEEDBACK_ID}. */\n  id?: string;\n  /** Ring radius in CSS pixels. Default 22 — clear of a fingertip. */\n  radius?: number;\n  /** Ring stroke width in CSS pixels. Default 3. */\n  width?: number;\n  /** Ring color. Default the theme's `--wzl-accent`, read off the canvas\n   *  element when each press starts. */\n  color?: string | (() => string);\n  /** How long a press is held before the ring appears, in ms, so an ordinary\n   *  tap shows nothing. Default 120. */\n  delay?: number;\n  /** `true` shows a static full ring instead of one that fills, and runs no\n   *  frame loop. Default `'auto'`: follow `prefers-reduced-motion`, read when\n   *  each press starts. */\n  reducedMotion?: boolean | 'auto';\n}\n\nconst RING_SEGMENTS = 64;\nconst TRACK_OPACITY = 0.3;\n\nconst nowMs = (): number => performance.now();\n\n/** An open arc from 12 o'clock, clockwise on a y-down screen, through `t` of a turn. */\nfunction arcPath(cx: number, cy: number, r: number, t: number): Path {\n  const n = Math.max(1, Math.ceil(RING_SEGMENTS * t));\n  const pts: { x: number; y: number }[] = [];\n  for (let i = 0; i <= n; i++) {\n    const a = (i / n) * t * Math.PI * 2;\n    pts.push({ x: cx + r * Math.sin(a), y: cy - r * Math.cos(a) });\n  }\n  return polylineFromPoints(pts);\n}\n\nfunction circlePath(cx: number, cy: number, r: number): Path {\n  return ellipsePath({ x: cx - r, y: cy - r, width: 2 * r, height: 2 * r });\n}\n\nconst viewIdOf = (data: unknown): string | null =>\n  (data as { viewId?: string | null } | null)?.viewId ?? null;\n\n/**\n * The default long-press feedback, as one entry. `<SceneCanvas>` installs it\n * unless `longPress={{ feedback: false }}`; pass a contribution of your own there to\n * replace it — it reads the same `longPress` dep this one does.\n */\nexport function createLongPressFeedbackContribution(\n  opts: LongPressFeedbackOptions = {},\n): SurfaceContribution {\n  const id = opts.id ?? LONG_PRESS_FEEDBACK_ID;\n  const radius = opts.radius ?? 22;\n  const width = opts.width ?? 3;\n  const delay = opts.delay ?? 120;\n\n  let state: LongPressState | undefined;\n  let color = '';\n  let reduced = false;\n\n  const showing = (): boolean => {\n    const p = state?.get();\n    return !!p && p.armed;\n  };\n\n  const layer: RenderLayer<unknown> = {\n    id,\n    label: 'Long-press feedback',\n    space: 'screen',\n    draw: (data): DrawCommand[] => {\n      const p = state?.get();\n      // Screen space is the whole canvas, so the root pass draws the ring\n      // wherever the press routed; a view pass drawing it too would double it.\n      if (!state || !p || !p.armed || viewIdOf(data) !== null) return [];\n      const now = nowMs();\n      if (now - p.startedAt < delay) return [];\n      const { x, y } = p.local;\n      const stroke = (opacity?: number) => ({\n        paint: { color, ...(opacity !== undefined ? { opacity } : {}) },\n        width: { px: width },\n        cap: 'round' as const,\n      });\n      if (reduced) return [{ kind: 'path', path: circlePath(x, y, radius), stroke: stroke() }];\n      return [\n        { kind: 'path', path: circlePath(x, y, radius), stroke: stroke(TRACK_OPACITY) },\n        { kind: 'path', path: arcPath(x, y, radius, state.progress(now)), stroke: stroke() },\n      ];\n    },\n  };\n\n  const attach = (api: CanvasExtensionApi, deps: ContributionDepReader): (() => void) => {\n    const store = deps.get('longPress');\n    if (!store) return () => {};\n    state = store;\n    let appear: ReturnType<typeof setTimeout> | undefined;\n\n    const onChange = (): void => {\n      clearTimeout(appear);\n      appear = undefined;\n      const p = store.get();\n      if (p?.armed) {\n        color = typeof opts.color === 'function' ? opts.color() : (opts.color ?? accentColorOf(api.element));\n        reduced = opts.reducedMotion === 'auto' || opts.reducedMotion === undefined\n          ? prefersReducedMotion()\n          : opts.reducedMotion;\n        // A static ring changes once, when it appears; nothing needs frames.\n        const wait = delay - (nowMs() - p.startedAt);\n        if (reduced && wait > 0) appear = setTimeout(() => { api.requestRedraw(); }, wait);\n      }\n      api.requestRedraw();\n    };\n\n    const offStore = store.subscribe(onChange);\n    onChange();\n    return () => {\n      offStore();\n      clearTimeout(appear);\n      state = undefined;\n      api.requestRedraw();\n    };\n  };\n\n  return {\n    id,\n    eligibility: { always: true },\n    overlay: layer,\n    attach,\n    // The filling ring asks for the next frame from each painted one while it shows.\n    afterPaint: (ctx) => {\n      if (!reduced && showing()) ctx.requestFrame();\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/features/measure/actionIds.js

@@ -0,0 +1,22 @@
+//#region src/features/measure/actionIds.ts
+/** The ids of the measure feature's actions. */
+var MEASURE_ACTION_IDS = {
+	/** The measure tool's drag, which adds a measurement. */
+	measure: "measure",
+	/** The measure tool's click, which picks the measurement under it. */
+	pickAt: "measure.pickAt",
+	/** A click on a measurement under any tool, which picks it. */
+	pick: "measure.pick",
+	/** A drag on a measurement under any tool: a picked end moves that end, the
+	*  rest moves the whole measurement. */
+	drag: "measure.drag",
+	moveBy: "measure.moveBy",
+	rotateBy: "measure.rotateBy",
+	delete: "measure.delete",
+	clear: "measure.clear",
+	unpick: "measure.unpick"
+};
+
+//#endregion
+export { MEASURE_ACTION_IDS };
+//# sourceMappingURL=actionIds.js.map

package/dist/features/measure/actionIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionIds.js","names":[],"sources":["../../../src/features/measure/actionIds.ts"],"sourcesContent":["/** The ids of the measure feature's actions. */\nexport const MEASURE_ACTION_IDS = {\n  /** The measure tool's drag, which adds a measurement. */\n  measure: 'measure',\n  /** The measure tool's click, which picks the measurement under it. */\n  pickAt: 'measure.pickAt',\n  /** A click on a measurement under any tool, which picks it. */\n  pick: 'measure.pick',\n  /** A drag on a measurement under any tool: a picked end moves that end, the\n   *  rest moves the whole measurement. */\n  drag: 'measure.drag',\n  moveBy: 'measure.moveBy',\n  rotateBy: 'measure.rotateBy',\n  delete: 'measure.delete',\n  clear: 'measure.clear',\n  unpick: 'measure.unpick',\n} as const;\n"],"mappings":";;AACA,IAAa,qBAAqB;;CAEhC,SAAS;;CAET,QAAQ;;CAER,MAAM;;;CAGN,MAAM;CACN,QAAQ;CACR,UAAU;CACV,QAAQ;CACR,OAAO;CACP,QAAQ;AACV"}

package/dist/features/measure/measureCommands.js

@@ -0,0 +1,178 @@
+import { measurementOf } from "./measurement.js";
+import { poseDescriptorOf } from "../../interactions/actions/poseDescriptorDep.js";
+import { commitOps } from "../../interactions/actions/defaultCommitAdapter.js";
+import { recordTransform } from "../../interactions/actions/transform-again/memory.js";
+import { requiresSelection } from "../../interactions/actions/defaults/requiresSelection.js";
+import { translateSelection } from "../../interactions/actions/defaults/nudge.js";
+import { rotateSelectionOps } from "../../interactions/actions/rotate/replay.js";
+import { currentMeasureId, measureIds } from "./measurements.js";
+import { MEASURE_LABELS, deleteMeasureOps } from "./measureEdits.js";
+import { MEASURE_ACTION_IDS } from "./actionIds.js";
+import { ActionDisabledReason } from "@weasel-js/routing";
+
+//#region src/features/measure/measureCommands.ts
+var MOVE_LABEL = "Move by Measurement";
+var ROTATE_LABEL = "Rotate by Measurement";
+function current(deps, ms) {
+	const scene = deps?.scene;
+	if (!scene) return null;
+	const id = currentMeasureId(scene, ms);
+	const m = id === null ? null : measurementOf(scene.get(id));
+	return id !== null && m ? {
+		id,
+		m
+	} : null;
+}
+/** Enabled with a measurement to apply and a selection to apply it to. */
+function transformable(ms) {
+	return (deps) => {
+		const c = current(deps, ms);
+		if (!c || c.m.distance === 0) return ActionDisabledReason.NotApplicable;
+		return requiresSelection(deps);
+	};
+}
+function moveBy(ms) {
+	return {
+		id: MEASURE_ACTION_IDS.moveBy,
+		label: MOVE_LABEL,
+		group: "measure",
+		eligible: { capability: "transforms-selection" },
+		requires: [
+			"selection",
+			"scene",
+			"applyOps",
+			"geometryProjection",
+			"poseDescriptor"
+		],
+		enabled: transformable(ms),
+		invoker: {
+			timing: "immediate",
+			run: (deps) => {
+				const c = current(deps, ms);
+				const { selection, scene } = deps;
+				if (!c || !selection || !scene) return;
+				const { dx, dy } = c.m;
+				if (translateSelection(selection, scene, dx, dy, deps.applyOps, deps.geometryProjection, poseDescriptorOf(deps.poseDescriptor), MOVE_LABEL)) recordTransform(scene, {
+					kind: "translate",
+					dx,
+					dy
+				}, selection.get());
+			}
+		}
+	};
+}
+function rotateBy(ms) {
+	return {
+		id: MEASURE_ACTION_IDS.rotateBy,
+		label: ROTATE_LABEL,
+		group: "measure",
+		eligible: { capability: "transforms-selection" },
+		requires: [
+			"selection",
+			"scene",
+			"applyOps",
+			"poseDescriptor",
+			"view"
+		],
+		enabled: transformable(ms),
+		invoker: {
+			timing: "immediate",
+			run: (deps) => {
+				const c = current(deps, ms);
+				const { selection } = deps;
+				const scene = deps.scene;
+				if (!c || !selection || !scene) return;
+				const selected = selection.get();
+				const turn = -c.m.angle;
+				const ops = rotateSelectionOps(scene, selected, deps, turn, "union", ROTATE_LABEL);
+				if (ops.length === 0) return;
+				commitOps(deps, ops, ROTATE_LABEL);
+				recordTransform(scene, {
+					kind: "rotate",
+					angle: turn,
+					pivot: "union"
+				}, selected);
+			}
+		}
+	};
+}
+function remove(ms) {
+	return {
+		id: MEASURE_ACTION_IDS.delete,
+		label: MEASURE_LABELS.delete,
+		group: "measure",
+		requires: [
+			"scene",
+			"applyOps",
+			"selection"
+		],
+		enabled: (deps) => current(deps, ms) ? true : ActionDisabledReason.NotApplicable,
+		invoker: {
+			timing: "immediate",
+			run: (deps) => {
+				const c = current(deps, ms);
+				if (!c) return;
+				commitOps(deps, deleteMeasureOps(deps.scene, [c.id], MEASURE_LABELS.delete), MEASURE_LABELS.delete);
+				if (ms.picked.get() === c.id) ms.picked.set(null);
+			}
+		}
+	};
+}
+function clearAll(ms) {
+	const all = (deps) => {
+		const scene = deps?.scene;
+		return scene ? measureIds(scene, ms) : [];
+	};
+	return {
+		id: MEASURE_ACTION_IDS.clear,
+		label: MEASURE_LABELS.clear,
+		group: "measure",
+		requires: [
+			"scene",
+			"applyOps",
+			"selection"
+		],
+		enabled: (deps) => all(deps).length > 0 ? true : ActionDisabledReason.NotApplicable,
+		invoker: {
+			timing: "immediate",
+			run: (deps) => {
+				const ids = all(deps);
+				if (ids.length === 0) return;
+				commitOps(deps, deleteMeasureOps(deps.scene, ids, MEASURE_LABELS.clear), MEASURE_LABELS.clear);
+				ms.picked.set(null);
+			}
+		}
+	};
+}
+function unpick(ms) {
+	return {
+		id: MEASURE_ACTION_IDS.unpick,
+		label: "Deselect Measurement",
+		enabled: () => ms.picked.get() !== null ? true : ActionDisabledReason.NotApplicable,
+		invoker: {
+			timing: "immediate",
+			run: () => ms.picked.set(null)
+		}
+	};
+}
+/**
+* The commands over a scene's measurements: move the content selection by
+* the current measurement's offset, or turn it about its center by the
+* measured angle — each one undo step Transform Again can repeat — delete the
+* current measurement, clear them all, and drop the pick. The current
+* measurement is the picked one, else the newest. All but the pick's are in
+* the `measure` group.
+*/
+function measureCommands(ms) {
+	return [
+		moveBy(ms),
+		rotateBy(ms),
+		remove(ms),
+		clearAll(ms),
+		unpick(ms)
+	];
+}
+
+//#endregion
+export { measureCommands };
+//# sourceMappingURL=measureCommands.js.map

package/dist/features/measure/measureCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measureCommands.js","names":[],"sources":["../../../src/features/measure/measureCommands.ts"],"sourcesContent":["import type { Action, ActionDeps } from '@weasel-js/routing';\nimport { ActionDisabledReason } from '@weasel-js/routing';\nimport type { NodeId, Scene } from 'core/scene/types';\nimport { translateSelection } from 'interactions/actions/defaults/nudge';\nimport { requiresSelection } from 'interactions/actions/defaults/requiresSelection';\nimport { commitOps } from 'interactions/actions/defaultCommitAdapter';\nimport { poseDescriptorOf } from 'interactions/actions/poseDescriptorDep';\nimport { rotateSelectionOps } from 'interactions/actions/rotate/replay';\nimport { recordTransform } from 'interactions/actions/transform-again/memory';\nimport { measurementOf, type Measurement } from './measurement';\nimport { currentMeasureId, measureIds, type Measurements } from './measurements';\nimport { deleteMeasureOps, MEASURE_LABELS } from './measureEdits';\nimport { MEASURE_ACTION_IDS } from './actionIds';\n\nconst MOVE_LABEL = 'Move by Measurement';\nconst ROTATE_LABEL = 'Rotate by Measurement';\n\ntype AnyScene = Scene<unknown, string, unknown>;\n\nfunction current(deps: ActionDeps | undefined, ms: Measurements): { id: NodeId; m: Measurement } | null {\n  const scene = deps?.scene as AnyScene | undefined;\n  if (!scene) return null;\n  const id = currentMeasureId(scene, ms);\n  const m = id === null ? null : measurementOf(scene.get(id));\n  return id !== null && m ? { id, m } : null;\n}\n\n/** Enabled with a measurement to apply and a selection to apply it to. */\nfunction transformable(ms: Measurements) {\n  return (deps?: ActionDeps) => {\n    const c = current(deps, ms);\n    if (!c || c.m.distance === 0) return ActionDisabledReason.NotApplicable;\n    return requiresSelection(deps);\n  };\n}\n\nfunction moveBy(ms: Measurements): Action {\n  return {\n    id: MEASURE_ACTION_IDS.moveBy,\n    label: MOVE_LABEL,\n    group: 'measure',\n    eligible: { capability: 'transforms-selection' },\n    requires: ['selection', 'scene', 'applyOps', 'geometryProjection', 'poseDescriptor'],\n    enabled: transformable(ms),\n    invoker: {\n      timing: 'immediate',\n      run: (deps) => {\n        const c = current(deps, ms);\n        const { selection, scene } = deps;\n        if (!c || !selection || !scene) return;\n        const { dx, dy } = c.m;\n        const moved = translateSelection(\n          selection, scene, dx, dy, deps.applyOps, deps.geometryProjection,\n          poseDescriptorOf(deps.poseDescriptor), MOVE_LABEL,\n        );\n        if (moved) recordTransform(scene, { kind: 'translate', dx, dy }, selection.get());\n      },\n    },\n  };\n}\n\nfunction rotateBy(ms: Measurements): Action {\n  return {\n    id: MEASURE_ACTION_IDS.rotateBy,\n    label: ROTATE_LABEL,\n    group: 'measure',\n    eligible: { capability: 'transforms-selection' },\n    requires: ['selection', 'scene', 'applyOps', 'poseDescriptor', 'view'],\n    enabled: transformable(ms),\n    invoker: {\n      timing: 'immediate',\n      run: (deps) => {\n        const c = current(deps, ms);\n        const { selection } = deps;\n        const scene = deps.scene as AnyScene | undefined;\n        if (!c || !selection || !scene) return;\n        const selected = selection.get() as string[];\n        // The measurement reads counterclockwise-positive; the canvas turns clockwise-positive.\n        const turn = -c.m.angle;\n        const ops = rotateSelectionOps(\n          scene, selected, deps, turn, 'union', ROTATE_LABEL,\n        );\n        if (ops.length === 0) return;\n        commitOps(deps, ops, ROTATE_LABEL);\n        recordTransform(scene, { kind: 'rotate', angle: turn, pivot: 'union' }, selected);\n      },\n    },\n  };\n}\n\nfunction remove(ms: Measurements): Action {\n  return {\n    id: MEASURE_ACTION_IDS.delete,\n    label: MEASURE_LABELS.delete,\n    group: 'measure',\n    requires: ['scene', 'applyOps', 'selection'],\n    // Declining with nothing measured leaves Delete to the ambient `delete`.\n    enabled: (deps) => (current(deps, ms) ? true : ActionDisabledReason.NotApplicable),\n    invoker: {\n      timing: 'immediate',\n      run: (deps) => {\n        const c = current(deps, ms);\n        if (!c) return;\n        commitOps(deps, deleteMeasureOps(deps.scene as AnyScene, [c.id], MEASURE_LABELS.delete), MEASURE_LABELS.delete);\n        if (ms.picked.get() === c.id) ms.picked.set(null);\n      },\n    },\n  };\n}\n\nfunction clearAll(ms: Measurements): Action {\n  const all = (deps: ActionDeps | undefined) => {\n    const scene = deps?.scene as AnyScene | undefined;\n    return scene ? measureIds(scene, ms) : [];\n  };\n  return {\n    id: MEASURE_ACTION_IDS.clear,\n    label: MEASURE_LABELS.clear,\n    group: 'measure',\n    requires: ['scene', 'applyOps', 'selection'],\n    enabled: (deps) => (all(deps).length > 0 ? true : ActionDisabledReason.NotApplicable),\n    invoker: {\n      timing: 'immediate',\n      run: (deps) => {\n        const ids = all(deps);\n        if (ids.length === 0) return;\n        commitOps(deps, deleteMeasureOps(deps.scene as AnyScene, ids, MEASURE_LABELS.clear), MEASURE_LABELS.clear);\n        ms.picked.set(null);\n      },\n    },\n  };\n}\n\nfunction unpick(ms: Measurements): Action {\n  return {\n    id: MEASURE_ACTION_IDS.unpick,\n    label: 'Deselect Measurement',\n    // Declining with nothing picked leaves Escape to the ambient `escape`.\n    enabled: () => (ms.picked.get() !== null ? true : ActionDisabledReason.NotApplicable),\n    invoker: { timing: 'immediate', run: () => ms.picked.set(null) },\n  };\n}\n\n/**\n * The commands over a scene's measurements: move the content selection by\n * the current measurement's offset, or turn it about its center by the\n * measured angle — each one undo step Transform Again can repeat — delete the\n * current measurement, clear them all, and drop the pick. The current\n * measurement is the picked one, else the newest. All but the pick's are in\n * the `measure` group.\n */\nexport function measureCommands(ms: Measurements): Action[] {\n  return [moveBy(ms), rotateBy(ms), remove(ms), clearAll(ms), unpick(ms)];\n}\n"],"mappings":"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"}

package/dist/features/measure/measureContribution.js

@@ -0,0 +1,57 @@
+import { MEASURE_ACTION_IDS } from "./actionIds.js";
+import { measureDragAction, measurePickAction } from "./measureGestures.js";
+import { measureCommands } from "./measureCommands.js";
+import { MEASURE_AFFORDANCE_KIND, measurementsLayer } from "./measureLayer.js";
+import { hitPredicate } from "@weasel-js/gestures";
+
+//#region src/features/measure/measureContribution.ts
+var onMeasurement = hitPredicate((hit) => hit?.kind === MEASURE_AFFORDANCE_KIND);
+var MODS_ANY = {
+	shift: "optional",
+	alt: "optional",
+	meta: "optional",
+	ctrl: "optional"
+};
+/**
+* A scene's measurements on a canvas, whatever tool is active: the layer
+* that shows the picked one and claims presses on measurements, a click on
+* one to pick it and a drag to edit it, and the commands — Move by, Rotate
+* by, Delete, Clear — a readout binds buttons to. Install it with
+* `<SceneCanvas ambient={[…]}>`; `useMeasureTool` adds the measuring itself.
+*/
+function measurementsContribution(scene, ms) {
+	const layer = measurementsLayer(scene, ms);
+	return {
+		id: "weasel-measure",
+		eligibility: { claimed: true },
+		attach: (api) => {
+			const off = api.registerLayer(layer);
+			api.requestRedraw();
+			return off;
+		},
+		actions: [
+			...measureCommands(ms),
+			measurePickAction(ms),
+			measureDragAction(ms)
+		],
+		bindings: [{
+			spec: {
+				kind: "click",
+				target: { kindOf: onMeasurement },
+				mods: MODS_ANY
+			},
+			actionId: MEASURE_ACTION_IDS.pick
+		}, {
+			spec: {
+				kind: "drag",
+				target: { kindOf: onMeasurement },
+				mods: MODS_ANY
+			},
+			actionId: MEASURE_ACTION_IDS.drag
+		}]
+	};
+}
+
+//#endregion
+export { measurementsContribution };
+//# sourceMappingURL=measureContribution.js.map

package/dist/features/measure/measureContribution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measureContribution.js","names":[],"sources":["../../../src/features/measure/measureContribution.ts"],"sourcesContent":["import { hitPredicate } from '@weasel-js/gestures';\nimport type { Scene } from 'core/scene/types';\nimport type { SurfaceContribution } from 'canvas/surfaceContribution';\nimport type { Measurements } from './measurements';\nimport { measureCommands } from './measureCommands';\nimport { measureDragAction, measurePickAction } from './measureGestures';\nimport { MEASURE_AFFORDANCE_KIND, measurementsLayer } from './measureLayer';\nimport { MEASURE_ACTION_IDS } from './actionIds';\n\nconst onMeasurement = hitPredicate((hit) => (hit as { kind?: string } | null | undefined)?.kind === MEASURE_AFFORDANCE_KIND);\n\nconst MODS_ANY = { shift: 'optional', alt: 'optional', meta: 'optional', ctrl: 'optional' } as const;\n\n/**\n * A scene's measurements on a canvas, whatever tool is active: the layer\n * that shows the picked one and claims presses on measurements, a click on\n * one to pick it and a drag to edit it, and the commands — Move by, Rotate\n * by, Delete, Clear — a readout binds buttons to. Install it with\n * `<SceneCanvas ambient={[…]}>`; `useMeasureTool` adds the measuring itself.\n */\nexport function measurementsContribution(\n  scene: Scene<unknown, string, unknown>,\n  ms: Measurements,\n): SurfaceContribution {\n  const layer = measurementsLayer(scene, ms);\n  return {\n    id: 'weasel-measure',\n    eligibility: { claimed: true },\n    attach: (api) => {\n      const off = api.registerLayer(layer);\n      api.requestRedraw();\n      return off;\n    },\n    actions: [...measureCommands(ms), measurePickAction(ms), measureDragAction(ms)],\n    bindings: [\n      { spec: { kind: 'click', target: { kindOf: onMeasurement }, mods: MODS_ANY }, actionId: MEASURE_ACTION_IDS.pick },\n      { spec: { kind: 'drag', target: { kindOf: onMeasurement }, mods: MODS_ANY }, actionId: MEASURE_ACTION_IDS.drag },\n    ],\n  };\n}\n"],"mappings":";;;;;;;AASA,IAAM,gBAAgB,cAAc,QAAS,KAA8C,SAAS,uBAAuB;AAE3H,IAAM,WAAW;CAAE,OAAO;CAAY,KAAK;CAAY,MAAM;CAAY,MAAM;AAAW;;;;;;;;AAS1F,SAAgB,yBACd,OACA,IACqB;CACrB,MAAM,QAAQ,kBAAkB,OAAO,EAAE;CACzC,OAAO;EACL,IAAI;EACJ,aAAa,EAAE,SAAS,KAAK;EAC7B,SAAS,QAAQ;GACf,MAAM,MAAM,IAAI,cAAc,KAAK;GACnC,IAAI,cAAc;GAClB,OAAO;EACT;EACA,SAAS;GAAC,GAAG,gBAAgB,EAAE;GAAG,kBAAkB,EAAE;GAAG,kBAAkB,EAAE;EAAC;EAC9E,UAAU,CACR;GAAE,MAAM;IAAE,MAAM;IAAS,QAAQ,EAAE,QAAQ,cAAc;IAAG,MAAM;GAAS;GAAG,UAAU,mBAAmB;EAAK,GAChH;GAAE,MAAM;IAAE,MAAM;IAAQ,QAAQ,EAAE,QAAQ,cAAc;IAAG,MAAM;GAAS;GAAG,UAAU,mBAAmB;EAAK,CACjH;CACF;AACF"}

package/dist/features/measure/measureEdits.js

@@ -0,0 +1,82 @@
+import { measureEndsOf, measureNode, measurePose, withMeasureEnd } from "./measurement.js";
+import { createTransformOp } from "../../core/ops/transform.js";
+import { createSetDataOp } from "../../core/ops/setData.js";
+import { deleteNode, insertAt } from "../../interactions/actions/pathCommands/pathNodes.js";
+
+//#region src/features/measure/measureEdits.ts
+/** The labels measurement edits land in history under. */
+var MEASURE_LABELS = {
+	add: "Measure",
+	moveEnd: "Move Measurement End",
+	move: "Move Measurement",
+	delete: "Delete Measurement",
+	clear: "Clear Measurements"
+};
+/** The op adding a measurement from `start` to `end` on `layer`, at the top. */
+function addMeasureOp(scene, layer, start, end) {
+	const id = scene.mintId();
+	return {
+		id,
+		op: insertAt(measureNode(id, layer, start, end), -1, MEASURE_LABELS.add)
+	};
+}
+/** `node` as it reads after `next`: what an edit writes and its preview shows. */
+function changeOps(node, next, label) {
+	return [createTransformOp({
+		id: node.id,
+		from: node.pose,
+		to: next.pose,
+		label
+	}), createSetDataOp({
+		id: node.id,
+		from: node.data,
+		to: next.data,
+		label
+	})];
+}
+/** The ops moving `node`'s `which` end to `to`. */
+function moveEndOps(node, which, to) {
+	const next = withMeasureEnd(node, which, to);
+	return next ? changeOps(node, next, MEASURE_LABELS.moveEnd) : [];
+}
+/** `node` carried by `(dx, dy)`, both ends together. */
+function translatedMeasure(node, dx, dy) {
+	const ends = measureEndsOf(node);
+	if (!ends) return null;
+	const start = {
+		x: ends.start.x + dx,
+		y: ends.start.y + dy
+	};
+	const end = {
+		x: ends.end.x + dx,
+		y: ends.end.y + dy
+	};
+	return {
+		data: {
+			...node.data,
+			measure: {
+				start,
+				end
+			}
+		},
+		pose: measurePose(start, end)
+	};
+}
+/** The ops carrying `node` by `(dx, dy)`. */
+function moveMeasureOps(node, dx, dy) {
+	const next = translatedMeasure(node, dx, dy);
+	return next ? changeOps(node, next, MEASURE_LABELS.move) : [];
+}
+/** The ops deleting each of `ids`, as one edit labeled `label`. */
+function deleteMeasureOps(scene, ids, label) {
+	const ops = [];
+	for (const id of ids) {
+		const node = scene.get(id);
+		if (node) ops.push(deleteNode(scene, node, label));
+	}
+	return ops;
+}
+
+//#endregion
+export { MEASURE_LABELS, addMeasureOp, deleteMeasureOps, moveEndOps, moveMeasureOps, translatedMeasure };
+//# sourceMappingURL=measureEdits.js.map

package/dist/features/measure/measureEdits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measureEdits.js","names":[],"sources":["../../../src/features/measure/measureEdits.ts"],"sourcesContent":["import type { Op } from 'core/ops/types';\nimport type { Node, NodeId, Scene } from 'core/scene/types';\nimport { createSetDataOp } from 'core/ops/setData';\nimport { createTransformOp } from 'core/ops/transform';\nimport { deleteNode, insertAt } from 'interactions/actions/pathCommands/pathNodes';\nimport {\n  measureEndsOf, measureNode, measurePose, withMeasureEnd,\n  type MeasureData, type MeasureEnd, type MeasurePoint,\n} from './measurement';\n\ntype AnyScene = Scene<unknown, string, unknown>;\ntype AnyNode = Node<unknown, string, unknown>;\n\n/** The labels measurement edits land in history under. */\nexport const MEASURE_LABELS = {\n  add: 'Measure',\n  moveEnd: 'Move Measurement End',\n  move: 'Move Measurement',\n  delete: 'Delete Measurement',\n  clear: 'Clear Measurements',\n} as const;\n\n/** The op adding a measurement from `start` to `end` on `layer`, at the top. */\nexport function addMeasureOp(scene: AnyScene, layer: string, start: MeasurePoint, end: MeasurePoint): { id: NodeId; op: Op } {\n  const id = scene.mintId();\n  return { id, op: insertAt(measureNode(id, layer, start, end), -1, MEASURE_LABELS.add) };\n}\n\n/** `node` as it reads after `next`: what an edit writes and its preview shows. */\nfunction changeOps(node: AnyNode, next: { data: MeasureData; pose: unknown }, label: string): Op[] {\n  return [\n    createTransformOp({ id: node.id, from: node.pose, to: next.pose, label }),\n    createSetDataOp({ id: node.id, from: node.data, to: next.data, label }),\n  ];\n}\n\n/** The ops moving `node`'s `which` end to `to`. */\nexport function moveEndOps(node: AnyNode, which: MeasureEnd, to: MeasurePoint): Op[] {\n  const next = withMeasureEnd(node, which, to);\n  return next ? changeOps(node, next, MEASURE_LABELS.moveEnd) : [];\n}\n\n/** `node` carried by `(dx, dy)`, both ends together. */\nexport function translatedMeasure(node: AnyNode, dx: number, dy: number): { data: MeasureData; pose: unknown } | null {\n  const ends = measureEndsOf(node);\n  if (!ends) return null;\n  const start = { x: ends.start.x + dx, y: ends.start.y + dy };\n  const end = { x: ends.end.x + dx, y: ends.end.y + dy };\n  return { data: { ...(node.data as MeasureData), measure: { start, end } }, pose: measurePose(start, end) };\n}\n\n/** The ops carrying `node` by `(dx, dy)`. */\nexport function moveMeasureOps(node: AnyNode, dx: number, dy: number): Op[] {\n  const next = translatedMeasure(node, dx, dy);\n  return next ? changeOps(node, next, MEASURE_LABELS.move) : [];\n}\n\n/** The ops deleting each of `ids`, as one edit labeled `label`. */\nexport function deleteMeasureOps(scene: AnyScene, ids: readonly NodeId[], label: string): Op[] {\n  const ops: Op[] = [];\n  for (const id of ids) {\n    const node = scene.get(id);\n    if (node) ops.push(deleteNode(scene, node, label));\n  }\n  return ops;\n}\n"],"mappings":";;;;;;;AAcA,IAAa,iBAAiB;CAC5B,KAAK;CACL,SAAS;CACT,MAAM;CACN,QAAQ;CACR,OAAO;AACT;;AAGA,SAAgB,aAAa,OAAiB,OAAe,OAAqB,KAA2C;CAC3H,MAAM,KAAK,MAAM,OAAO;CACxB,OAAO;EAAE;EAAI,IAAI,SAAS,YAAY,IAAI,OAAO,OAAO,GAAG,GAAG,IAAI,eAAe,GAAG;CAAE;AACxF;;AAGA,SAAS,UAAU,MAAe,MAA4C,OAAqB;CACjG,OAAO,CACL,kBAAkB;EAAE,IAAI,KAAK;EAAI,MAAM,KAAK;EAAM,IAAI,KAAK;EAAM;CAAM,CAAC,GACxE,gBAAgB;EAAE,IAAI,KAAK;EAAI,MAAM,KAAK;EAAM,IAAI,KAAK;EAAM;CAAM,CAAC,CACxE;AACF;;AAGA,SAAgB,WAAW,MAAe,OAAmB,IAAwB;CACnF,MAAM,OAAO,eAAe,MAAM,OAAO,EAAE;CAC3C,OAAO,OAAO,UAAU,MAAM,MAAM,eAAe,OAAO,IAAI,CAAC;AACjE;;AAGA,SAAgB,kBAAkB,MAAe,IAAY,IAAyD;CACpH,MAAM,OAAO,cAAc,IAAI;CAC/B,IAAI,CAAC,MAAM,OAAO;CAClB,MAAM,QAAQ;EAAE,GAAG,KAAK,MAAM,IAAI;EAAI,GAAG,KAAK,MAAM,IAAI;CAAG;CAC3D,MAAM,MAAM;EAAE,GAAG,KAAK,IAAI,IAAI;EAAI,GAAG,KAAK,IAAI,IAAI;CAAG;CACrD,OAAO;EAAE,MAAM;GAAE,GAAI,KAAK;GAAsB,SAAS;IAAE;IAAO;GAAI;EAAE;EAAG,MAAM,YAAY,OAAO,GAAG;CAAE;AAC3G;;AAGA,SAAgB,eAAe,MAAe,IAAY,IAAkB;CAC1E,MAAM,OAAO,kBAAkB,MAAM,IAAI,EAAE;CAC3C,OAAO,OAAO,UAAU,MAAM,MAAM,eAAe,IAAI,IAAI,CAAC;AAC9D;;AAGA,SAAgB,iBAAiB,OAAiB,KAAwB,OAAqB;CAC7F,MAAM,MAAY,CAAC;CACnB,KAAK,MAAM,MAAM,KAAK;EACpB,MAAM,OAAO,MAAM,IAAI,EAAE;EACzB,IAAI,MAAM,IAAI,KAAK,WAAW,OAAO,MAAM,KAAK,CAAC;CACnD;CACA,OAAO;AACT"}