@grida/svg-editor 1.0.0-alpha.21 → 1.0.0-alpha.22

package/dist/{dom-DHaTIObb.mjs → dom-BIjCxCgx.mjs}

@@ -1,4 +1,4 @@
-import { S as is_text_input_focused, a as paint, c as hit_shape_svg, d as NudgeDwellWatcher, f as TranslateOrchestrator, h as transform, i as TOOL_CURSOR, l as RotateOrchestrator, m as group, n as insertions, o as ResizeOrchestrator, s as resize_pipeline, t as PathModel, w as default_nudge_handler, x as array_shallow_equal } from "./model-C6jCFK_p.mjs";
+import { S as is_text_input_focused, a as paint, c as hit_shape_svg, d as NudgeDwellWatcher, f as TranslateOrchestrator, h as transform, i as TOOL_CURSOR, l as RotateOrchestrator, m as group, n as insertions, o as ResizeOrchestrator, s as resize_pipeline, t as PathModel, w as default_nudge_handler, x as array_shallow_equal } from "./model-zMPCOVAr.mjs";
 import cmath from "@grida/cmath";
 import { svg_parse } from "@grida/svg/parse";
 import { SVGShapes } from "@grida/svg/pathdata";
@@ -3192,7 +3192,7 @@ var DomSurface = class DomSurface {
 			mods: next
 		});
 		if ((prev.shift !== next.shift || prev.alt !== next.alt) && this.translate_orchestrator.has_active_session()) this.translate_orchestrator.redrive_modifiers(this.current_translate_modifiers());
-		if (prev.shift !== next.shift && this.resize_orchestrator.has_active_session()) this.resize_orchestrator.redrive_modifiers(this.current_resize_modifiers());
+		if ((prev.shift !== next.shift || prev.alt !== next.alt) && this.resize_orchestrator.has_active_session()) this.resize_orchestrator.redrive_modifiers(this.current_resize_modifiers());
 		if (prev.shift !== next.shift && this.rotate_orchestrator.has_active_session()) this.rotate_orchestrator.redrive_modifiers(this.current_rotate_modifiers());
 		let cursor_changed = response.cursorChanged;
 		let hover_changed = response.hoverChanged;
@@ -3690,8 +3690,10 @@ var DomSurface = class DomSurface {
 	/** Snapshot of HUD modifier state mapped to `ResizeModifiers`. Same
 	*  pull-at-consume discipline as `current_translate_modifiers`. */
 	current_resize_modifiers() {
+		const mods = this.hud.modifiers();
 		return {
-			aspect_lock: this.hud.modifiers().shift ? "uniform" : "off",
+			aspect_lock: mods.shift ? "uniform" : "off",
+			from_center: mods.alt,
 			force_disable_snap: false
 		};
 	}

package/dist/{dom-CuK0LFUY.js → dom-H4PvmPe3.js}

@@ -1,4 +1,4 @@
-const require_model = require("./model-DVwjrVYp.js");
+const require_model = require("./model-HEKGO-56.js");
 let _grida_cmath = require("@grida/cmath");
 _grida_cmath = require_model.__toESM(_grida_cmath);
 let _grida_svg_parse = require("@grida/svg/parse");
@@ -3194,7 +3194,7 @@ var DomSurface = class DomSurface {
 			mods: next
 		});
 		if ((prev.shift !== next.shift || prev.alt !== next.alt) && this.translate_orchestrator.has_active_session()) this.translate_orchestrator.redrive_modifiers(this.current_translate_modifiers());
-		if (prev.shift !== next.shift && this.resize_orchestrator.has_active_session()) this.resize_orchestrator.redrive_modifiers(this.current_resize_modifiers());
+		if ((prev.shift !== next.shift || prev.alt !== next.alt) && this.resize_orchestrator.has_active_session()) this.resize_orchestrator.redrive_modifiers(this.current_resize_modifiers());
 		if (prev.shift !== next.shift && this.rotate_orchestrator.has_active_session()) this.rotate_orchestrator.redrive_modifiers(this.current_rotate_modifiers());
 		let cursor_changed = response.cursorChanged;
 		let hover_changed = response.hoverChanged;
@@ -3692,8 +3692,10 @@ var DomSurface = class DomSurface {
 	/** Snapshot of HUD modifier state mapped to `ResizeModifiers`. Same
 	*  pull-at-consume discipline as `current_translate_modifiers`. */
 	current_resize_modifiers() {
+		const mods = this.hud.modifiers();
 		return {
-			aspect_lock: this.hud.modifiers().shift ? "uniform" : "off",
+			aspect_lock: mods.shift ? "uniform" : "off",
+			from_center: mods.alt,
 			force_disable_snap: false
 		};
 	}

package/dist/dom.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_dom = require("./dom-CuK0LFUY.js");
+const require_dom = require("./dom-H4PvmPe3.js");
 exports.Camera = require_dom.Camera;
 exports.DEFAULT_SNAP_OPTIONS = require_dom.DEFAULT_SNAP_OPTIONS;
 exports.Gestures = require_dom.Gestures;

package/dist/dom.mjs

@@ -1,2 +1,2 @@
-import { a as project_point_through_ctm, c as MemoizedGeometryProvider, i as project_delta_inverse_ctm, l as Camera, n as install_font_load_geometry_bump, o as Gestures, r as inverse_project_rect, s as DEFAULT_SNAP_OPTIONS, t as attach_dom_surface } from "./dom-DHaTIObb.mjs";
+import { a as project_point_through_ctm, c as MemoizedGeometryProvider, i as project_delta_inverse_ctm, l as Camera, n as install_font_load_geometry_bump, o as Gestures, r as inverse_project_rect, s as DEFAULT_SNAP_OPTIONS, t as attach_dom_surface } from "./dom-BIjCxCgx.mjs";
 export { Camera, DEFAULT_SNAP_OPTIONS, Gestures, MemoizedGeometryProvider, attach_dom_surface, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };

package/dist/{editor-CJ3ROm0G.mjs → editor-DCDQl18y.mjs}

@@ -1,4 +1,4 @@
-import { C as TOOL_SET, S as is_text_input_focused, T as registerDefaultCommands, _ as SVG_NS, a as paint, b as XMLNS_NS, g as subtree, h as transform, i as TOOL_CURSOR, m as group, n as insertions, p as translate_pipeline, r as DEFAULT_STYLE, s as resize_pipeline, u as rotate_pipeline, v as SvgDocument, x as array_shallow_equal, y as WELL_KNOWN_NS_PREFIXES } from "./model-C6jCFK_p.mjs";
+import { C as TOOL_SET, S as is_text_input_focused, T as registerDefaultCommands, _ as SVG_NS, a as paint, b as XMLNS_NS, g as subtree, h as transform, i as TOOL_CURSOR, m as group, n as insertions, p as translate_pipeline, r as DEFAULT_STYLE, s as resize_pipeline, u as rotate_pipeline, v as SvgDocument, x as array_shallow_equal, y as WELL_KNOWN_NS_PREFIXES } from "./model-zMPCOVAr.mjs";
 import { HistoryImpl } from "@grida/history";
 import { KeyCode, M, chunkKey, eventToChunk, getKeyboardOS, kb, keybindingsToKeyCodes } from "@grida/keybinding";
 import cmath from "@grida/cmath";

package/dist/{editor-BlByfVyF.js → editor-DFvojUwn.js}

@@ -1,4 +1,4 @@
-const require_model = require("./model-DVwjrVYp.js");
+const require_model = require("./model-HEKGO-56.js");
 let _grida_history = require("@grida/history");
 let _grida_keybinding = require("@grida/keybinding");
 let _grida_cmath = require("@grida/cmath");

package/dist/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_model = require("./model-DVwjrVYp.js");
-const require_editor = require("./editor-BlByfVyF.js");
+const require_model = require("./model-HEKGO-56.js");
+const require_editor = require("./editor-DFvojUwn.js");
 exports.DEFAULT_STYLE = require_model.DEFAULT_STYLE;
 exports.PathModel = require_model.PathModel;
 exports.TOOL_CURSOR = require_model.TOOL_CURSOR;

package/dist/index.mjs

@@ -1,3 +1,3 @@
-import { t as createSvgEditor } from "./editor-CJ3ROm0G.mjs";
-import { i as TOOL_CURSOR, r as DEFAULT_STYLE, t as PathModel } from "./model-C6jCFK_p.mjs";
+import { t as createSvgEditor } from "./editor-DCDQl18y.mjs";
+import { i as TOOL_CURSOR, r as DEFAULT_STYLE, t as PathModel } from "./model-zMPCOVAr.mjs";
 export { DEFAULT_STYLE, PathModel, TOOL_CURSOR, createSvgEditor };

package/dist/{model-DVwjrVYp.js → model-HEKGO-56.js}

@@ -3518,9 +3518,12 @@ let resize_capability;
 		}
 	}
 	_resize_capability.origin_of_direction = origin_of_direction;
-	function effective(baseline, dir, sx_gesture, sy_gesture) {
+	function effective(baseline, dir, sx_gesture, sy_gesture, from_center = false) {
 		const bbox = baseline.bbox;
-		const origin = origin_of_direction(bbox, dir);
+		const origin = from_center ? {
+			x: bbox.x + bbox.width / 2,
+			y: bbox.y + bbox.height / 2
+		} : origin_of_direction(bbox, dir);
 		const c = constraint(baseline, dir, sx_gesture, sy_gesture);
 		const mask = direction_mask(dir);
 		const rect = {
@@ -3678,7 +3681,7 @@ let resize_pipeline;
 			for (const a of baseline.raw) doc.set_attr(id, a.name, a.value);
 		}
 		_intent.restore = restore;
-		function compute_factors(baseline, dir, dx, dy, shift) {
+		function compute_factors(baseline, dir, dx, dy, shift, from_center = false) {
 			const b = baseline.bbox;
 			let anchorX = 0;
 			let anchorY = 0;
@@ -3740,6 +3743,10 @@ let resize_pipeline;
 					affectsY = false;
 					break;
 			}
+			if (from_center) {
+				anchorX = b.x + b.width / 2;
+				anchorY = b.y + b.height / 2;
+			}
 			const newHX = baseHX + (affectsX ? dx : 0);
 			const newHY = baseHY + (affectsY ? dy : 0);
 			const denomX = baseHX - anchorX;
@@ -3962,7 +3969,7 @@ let resize_pipeline;
 				if (ctx.modifiers.aspect_lock !== "uniform") return { plan };
 				if (!resize_capability.is_corner(plan.direction)) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const locked = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, true);
+				const locked = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, true, ctx.modifiers.from_center);
 				const bbox = pbase.bbox;
 				const Hx_base = corner_x_of(bbox, plan.direction);
 				const Hy_base = corner_y_of(bbox, plan.direction);
@@ -3982,8 +3989,8 @@ let resize_pipeline;
 				if (!ctx.snap_session) return { plan };
 				if (!ctx.options.snap_enabled) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false);
-				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy);
+				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false, ctx.modifiers.from_center);
+				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy, ctx.modifiers.from_center);
 				if (eff.no_op) return { plan };
 				const r = ctx.snap_session.snap_resize(eff.rect, {
 					x: eff.mask.x_edge,
@@ -4035,8 +4042,8 @@ let resize_pipeline;
 				const q = ctx.options.pixel_grid_quantum;
 				if (q === null || q <= 0) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false);
-				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy);
+				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false, ctx.modifiers.from_center);
+				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy, ctx.modifiers.from_center);
 				if (eff.no_op) return { plan };
 				const target_Hx = eff.mask.affects_x ? Math.round(eff.moving_corner.x / q) * q : eff.moving_corner.x;
 				const target_Hy = eff.mask.affects_y ? Math.round(eff.moving_corner.y / q) * q : eff.moving_corner.y;
@@ -4071,7 +4078,7 @@ let resize_pipeline;
 	}
 	_resize_pipeline.run = run;
 	function apply(doc, plan, phase = "commit") {
-		const f = intent.compute_factors(plan.baseline, plan.direction, plan.dx, plan.dy, false);
+		const f = intent.compute_factors(plan.baseline, plan.direction, plan.dx, plan.dy, false, plan.from_center ?? false);
 		const members = plan.members ?? [{
 			id: plan.id,
 			baseline: plan.baseline
@@ -4196,7 +4203,8 @@ var ResizeOrchestrator = class {
 			members: session.members,
 			direction: session.direction,
 			dx,
-			dy
+			dy,
+			from_center: modifiers.from_center
 		};
 		const ctx = {
 			input: {

package/dist/{model-C6jCFK_p.mjs → model-zMPCOVAr.mjs}

@@ -3484,9 +3484,12 @@ let resize_capability;
 		}
 	}
 	_resize_capability.origin_of_direction = origin_of_direction;
-	function effective(baseline, dir, sx_gesture, sy_gesture) {
+	function effective(baseline, dir, sx_gesture, sy_gesture, from_center = false) {
 		const bbox = baseline.bbox;
-		const origin = origin_of_direction(bbox, dir);
+		const origin = from_center ? {
+			x: bbox.x + bbox.width / 2,
+			y: bbox.y + bbox.height / 2
+		} : origin_of_direction(bbox, dir);
 		const c = constraint(baseline, dir, sx_gesture, sy_gesture);
 		const mask = direction_mask(dir);
 		const rect = {
@@ -3644,7 +3647,7 @@ let resize_pipeline;
 			for (const a of baseline.raw) doc.set_attr(id, a.name, a.value);
 		}
 		_intent.restore = restore;
-		function compute_factors(baseline, dir, dx, dy, shift) {
+		function compute_factors(baseline, dir, dx, dy, shift, from_center = false) {
 			const b = baseline.bbox;
 			let anchorX = 0;
 			let anchorY = 0;
@@ -3706,6 +3709,10 @@ let resize_pipeline;
 					affectsY = false;
 					break;
 			}
+			if (from_center) {
+				anchorX = b.x + b.width / 2;
+				anchorY = b.y + b.height / 2;
+			}
 			const newHX = baseHX + (affectsX ? dx : 0);
 			const newHY = baseHY + (affectsY ? dy : 0);
 			const denomX = baseHX - anchorX;
@@ -3928,7 +3935,7 @@ let resize_pipeline;
 				if (ctx.modifiers.aspect_lock !== "uniform") return { plan };
 				if (!resize_capability.is_corner(plan.direction)) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const locked = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, true);
+				const locked = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, true, ctx.modifiers.from_center);
 				const bbox = pbase.bbox;
 				const Hx_base = corner_x_of(bbox, plan.direction);
 				const Hy_base = corner_y_of(bbox, plan.direction);
@@ -3948,8 +3955,8 @@ let resize_pipeline;
 				if (!ctx.snap_session) return { plan };
 				if (!ctx.options.snap_enabled) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false);
-				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy);
+				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false, ctx.modifiers.from_center);
+				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy, ctx.modifiers.from_center);
 				if (eff.no_op) return { plan };
 				const r = ctx.snap_session.snap_resize(eff.rect, {
 					x: eff.mask.x_edge,
@@ -4001,8 +4008,8 @@ let resize_pipeline;
 				const q = ctx.options.pixel_grid_quantum;
 				if (q === null || q <= 0) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false);
-				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy);
+				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false, ctx.modifiers.from_center);
+				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy, ctx.modifiers.from_center);
 				if (eff.no_op) return { plan };
 				const target_Hx = eff.mask.affects_x ? Math.round(eff.moving_corner.x / q) * q : eff.moving_corner.x;
 				const target_Hy = eff.mask.affects_y ? Math.round(eff.moving_corner.y / q) * q : eff.moving_corner.y;
@@ -4037,7 +4044,7 @@ let resize_pipeline;
 	}
 	_resize_pipeline.run = run;
 	function apply(doc, plan, phase = "commit") {
-		const f = intent.compute_factors(plan.baseline, plan.direction, plan.dx, plan.dy, false);
+		const f = intent.compute_factors(plan.baseline, plan.direction, plan.dx, plan.dy, false, plan.from_center ?? false);
 		const members = plan.members ?? [{
 			id: plan.id,
 			baseline: plan.baseline
@@ -4162,7 +4169,8 @@ var ResizeOrchestrator = class {
 			members: session.members,
 			direction: session.direction,
 			dx,
-			dy
+			dy,
+			from_center: modifiers.from_center
 		};
 		const ctx = {
 			input: {

package/dist/presets.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_model = require("./model-DVwjrVYp.js");
-const require_dom = require("./dom-CuK0LFUY.js");
+const require_model = require("./model-HEKGO-56.js");
+const require_dom = require("./dom-H4PvmPe3.js");
 //#region src/presets/keynote.ts
 var keynote_exports = /* @__PURE__ */ require_model.__exportAll({ attach: () => attach });
 /**

package/dist/presets.mjs

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./chunk-D7D4PA-g.mjs";
-import { t as attach_dom_surface } from "./dom-DHaTIObb.mjs";
+import { t as attach_dom_surface } from "./dom-BIjCxCgx.mjs";
 //#region src/presets/keynote.ts
 var keynote_exports = /* @__PURE__ */ __exportAll({ attach: () => attach });
 /**

package/dist/react.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_editor = require("./editor-BlByfVyF.js");
-const require_dom = require("./dom-CuK0LFUY.js");
+const require_editor = require("./editor-DFvojUwn.js");
+const require_dom = require("./dom-H4PvmPe3.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react.tsx

package/dist/react.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { t as createSvgEditor } from "./editor-CJ3ROm0G.mjs";
-import { t as attach_dom_surface } from "./dom-DHaTIObb.mjs";
+import { t as createSvgEditor } from "./editor-DCDQl18y.mjs";
+import { t as attach_dom_surface } from "./dom-BIjCxCgx.mjs";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grida/svg-editor",
-  "version": "1.0.0-alpha.21",
+  "version": "1.0.0-alpha.22",
   "description": "Headless SVG editor (experimental).",
   "keywords": [
     "bezier",
@@ -59,13 +59,13 @@
   },
   "dependencies": {
     "@grida/cmath": "0.2.3",
-    "@grida/keybinding": "0.2.1",
+    "@grida/color": "0.1.0",
     "@grida/history": "0.1.2",
-    "@grida/hud": "0.2.3",
-    "@grida/vn": "0.1.0",
+    "@grida/keybinding": "0.2.1",
+    "@grida/hud": "0.2.4",
     "@grida/svg": "0.2.0",
     "@grida/text-editor": "0.1.2",
-    "@grida/color": "0.1.0"
+    "@grida/vn": "0.1.0"
   },
   "devDependencies": {
     "@types/react": "^19",