@grida/hud 0.2.2 → 0.2.3

package/dist/index.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_surface = require("./surface-BHDH6P6p.js");
+const require_surface = require("./surface-D-Kt_jKx.js");
 const require_cursor = require("./cursor-FGiJBdU-.js");
 exports.BODY_FLIP_THRESHOLD = require_surface.BODY_FLIP_THRESHOLD;
 exports.DEFAULT_CORNER_RADIUS_HANDLE_INSET = require_surface.DEFAULT_CORNER_RADIUS_HANDLE_INSET;

package/dist/index.mjs

@@ -1,3 +1,3 @@
-import { $ as DEFAULT_RULER_BACKGROUND, A as filterHUDDrawByGroup, B as drawCornerRadius, C as PADDING_REGION_PRIORITY, D as marqueeToHUDDraw, E as lassoToHUDDraw, F as computeCornerRadiusLayout, G as DEFAULT_PARAMETRIC_HIT_SIZE, H as resolveCornerDragAnchor, I as cornerRadiusAnchorSign, J as parametricHandleLayoutGroups, K as computeParametricHandleLayout, L as cornerRadiusHandlePosLine, M as DEFAULT_CORNER_RADIUS_HANDLE_INSET, N as DEFAULT_CORNER_RADIUS_HANDLE_SIZE, O as measurementToHUDDraw, P as DEFAULT_CORNER_RADIUS_HIT_SIZE, Q as DEFAULT_RULER_ACCENT_COLOR, R as cornerRadiusHandlePosRect, S as PADDING_HANDLE_THICKNESS, T as MIN_HIT_SIZE, U as DEFAULT_PARAMETRIC_HANDLE_INSET, V as resolveCenterDragAnchor, W as DEFAULT_PARAMETRIC_HANDLE_SIZE, X as resolveParametricHandleByDirection, Y as projectParametricHandleValue, Z as DEFAULT_RULER_ACCENT_BACKGROUND, _ as getTransformBoxCorners, _t as resolvePaint, a as computeSelectionControlLayout, at as DEFAULT_RULER_STRIP, b as PADDING_HANDLE_LENGTH, c as buildTransformBox, ct as drawRuler, d as TRANSFORM_BOX_CORNER_PRIORITY, dt as drawPixelGrid, et as DEFAULT_RULER_COLOR, f as TRANSFORM_BOX_SIDE_HIT_THICKNESS, ft as DEFAULT_STRIPES_ANGLE_DEG, g as decompose, gt as computeStripesTileGeometry, h as cornersToBoxTransform, ht as buildStripesTile, i as MIN_GUARANTEED_INTERACTIVE_DIM, it as DEFAULT_RULER_STEPS, j as HUDCanvas, k as snapGuideToHUDDraw, l as TRANSFORM_BOX_BODY_PRIORITY, lt as DEFAULT_PIXEL_GRID_COLOR, m as compose, mt as DEFAULT_STRIPES_THICKNESS_PX, n as BODY_FLIP_THRESHOLD, nt as DEFAULT_RULER_FONT, o as negotiateAxis, ot as DEFAULT_RULER_TEXT_SIDE_OFFSET, p as TRANSFORM_BOX_SIDE_PRIORITY, pt as DEFAULT_STRIPES_SPACING_PX, q as drawParametricHandles, r as HUDHitPriority, rt as DEFAULT_RULER_OVERLAP_THRESHOLD, s as NO_MODS, st as DEFAULT_RULER_TICK_HEIGHT, t as Surface, tt as DEFAULT_RULER_DRAG_THRESHOLD, u as TRANSFORM_BOX_CORNER_HIT_SIZE, ut as DEFAULT_PIXEL_GRID_STEPS, v as reduceTransformBox, w as MIN_CHROME_VISIBLE_SIZE, x as PADDING_HANDLE_PRIORITY, y as buildPaddingOverlay, z as cornerRadiusLayoutGroups } from "./surface-B_8w6VWG.mjs";
+import { $ as DEFAULT_RULER_BACKGROUND, A as filterHUDDrawByGroup, B as drawCornerRadius, C as PADDING_REGION_PRIORITY, D as marqueeToHUDDraw, E as lassoToHUDDraw, F as computeCornerRadiusLayout, G as DEFAULT_PARAMETRIC_HIT_SIZE, H as resolveCornerDragAnchor, I as cornerRadiusAnchorSign, J as parametricHandleLayoutGroups, K as computeParametricHandleLayout, L as cornerRadiusHandlePosLine, M as DEFAULT_CORNER_RADIUS_HANDLE_INSET, N as DEFAULT_CORNER_RADIUS_HANDLE_SIZE, O as measurementToHUDDraw, P as DEFAULT_CORNER_RADIUS_HIT_SIZE, Q as DEFAULT_RULER_ACCENT_COLOR, R as cornerRadiusHandlePosRect, S as PADDING_HANDLE_THICKNESS, T as MIN_HIT_SIZE, U as DEFAULT_PARAMETRIC_HANDLE_INSET, V as resolveCenterDragAnchor, W as DEFAULT_PARAMETRIC_HANDLE_SIZE, X as resolveParametricHandleByDirection, Y as projectParametricHandleValue, Z as DEFAULT_RULER_ACCENT_BACKGROUND, _ as getTransformBoxCorners, _t as resolvePaint, a as computeSelectionControlLayout, at as DEFAULT_RULER_STRIP, b as PADDING_HANDLE_LENGTH, c as buildTransformBox, ct as drawRuler, d as TRANSFORM_BOX_CORNER_PRIORITY, dt as drawPixelGrid, et as DEFAULT_RULER_COLOR, f as TRANSFORM_BOX_SIDE_HIT_THICKNESS, ft as DEFAULT_STRIPES_ANGLE_DEG, g as decompose, gt as computeStripesTileGeometry, h as cornersToBoxTransform, ht as buildStripesTile, i as MIN_GUARANTEED_INTERACTIVE_DIM, it as DEFAULT_RULER_STEPS, j as HUDCanvas, k as snapGuideToHUDDraw, l as TRANSFORM_BOX_BODY_PRIORITY, lt as DEFAULT_PIXEL_GRID_COLOR, m as compose, mt as DEFAULT_STRIPES_THICKNESS_PX, n as BODY_FLIP_THRESHOLD, nt as DEFAULT_RULER_FONT, o as negotiateAxis, ot as DEFAULT_RULER_TEXT_SIDE_OFFSET, p as TRANSFORM_BOX_SIDE_PRIORITY, pt as DEFAULT_STRIPES_SPACING_PX, q as drawParametricHandles, r as HUDHitPriority, rt as DEFAULT_RULER_OVERLAP_THRESHOLD, s as NO_MODS, st as DEFAULT_RULER_TICK_HEIGHT, t as Surface, tt as DEFAULT_RULER_DRAG_THRESHOLD, u as TRANSFORM_BOX_CORNER_HIT_SIZE, ut as DEFAULT_PIXEL_GRID_STEPS, v as reduceTransformBox, w as MIN_CHROME_VISIBLE_SIZE, x as PADDING_HANDLE_PRIORITY, y as buildPaddingOverlay, z as cornerRadiusLayoutGroups } from "./surface-DFo9q3y7.mjs";
 import { i as cursorToCss, r as cursorEquals } from "./cursor-DW-uAPVE.mjs";
 export { BODY_FLIP_THRESHOLD, DEFAULT_CORNER_RADIUS_HANDLE_INSET, DEFAULT_CORNER_RADIUS_HANDLE_SIZE, DEFAULT_CORNER_RADIUS_HIT_SIZE, DEFAULT_PARAMETRIC_HANDLE_INSET, DEFAULT_PARAMETRIC_HANDLE_SIZE, DEFAULT_PARAMETRIC_HIT_SIZE, DEFAULT_PIXEL_GRID_COLOR, DEFAULT_PIXEL_GRID_STEPS, DEFAULT_RULER_ACCENT_BACKGROUND, DEFAULT_RULER_ACCENT_COLOR, DEFAULT_RULER_BACKGROUND, DEFAULT_RULER_COLOR, DEFAULT_RULER_DRAG_THRESHOLD, DEFAULT_RULER_FONT, DEFAULT_RULER_OVERLAP_THRESHOLD, DEFAULT_RULER_STEPS, DEFAULT_RULER_STRIP, DEFAULT_RULER_TEXT_SIDE_OFFSET, DEFAULT_RULER_TICK_HEIGHT, DEFAULT_STRIPES_ANGLE_DEG, DEFAULT_STRIPES_SPACING_PX, DEFAULT_STRIPES_THICKNESS_PX, HUDCanvas, HUDHitPriority, MIN_CHROME_VISIBLE_SIZE, MIN_GUARANTEED_INTERACTIVE_DIM, MIN_HIT_SIZE, NO_MODS, PADDING_HANDLE_LENGTH, PADDING_HANDLE_PRIORITY, PADDING_HANDLE_THICKNESS, PADDING_REGION_PRIORITY, Surface, TRANSFORM_BOX_BODY_PRIORITY, TRANSFORM_BOX_CORNER_HIT_SIZE, TRANSFORM_BOX_CORNER_PRIORITY, TRANSFORM_BOX_SIDE_HIT_THICKNESS, TRANSFORM_BOX_SIDE_PRIORITY, buildPaddingOverlay, buildStripesTile, buildTransformBox, compose as composeTransformBox, computeCornerRadiusLayout, computeParametricHandleLayout, computeSelectionControlLayout, computeStripesTileGeometry, cornerRadiusAnchorSign, cornerRadiusHandlePosLine, cornerRadiusHandlePosRect, cornerRadiusLayoutGroups, cornersToBoxTransform, cursorEquals, cursorToCss, decompose as decomposeTransformBox, drawCornerRadius, drawParametricHandles, drawPixelGrid, drawRuler, filterHUDDrawByGroup, getTransformBoxCorners, lassoToHUDDraw, marqueeToHUDDraw, measurementToHUDDraw, negotiateAxis, parametricHandleLayoutGroups, projectParametricHandleValue, reduceTransformBox, resolveCenterDragAnchor, resolveCornerDragAnchor, resolvePaint, resolveParametricHandleByDirection, snapGuideToHUDDraw };

package/dist/react.js

@@ -1,6 +1,6 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_surface = require("./surface-BHDH6P6p.js");
+const require_surface = require("./surface-D-Kt_jKx.js");
 let react = require("react");
 react = require_surface.__toESM(react);
 let _grida_cmath__snap = require("@grida/cmath/_snap");

package/dist/react.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { D as marqueeToHUDDraw, E as lassoToHUDDraw, O as measurementToHUDDraw, j as HUDCanvas, k as snapGuideToHUDDraw, t as Surface } from "./surface-B_8w6VWG.mjs";
+import { D as marqueeToHUDDraw, E as lassoToHUDDraw, O as measurementToHUDDraw, j as HUDCanvas, k as snapGuideToHUDDraw, t as Surface } from "./surface-DFo9q3y7.mjs";
 import * as React from "react";
 import { guide } from "@grida/cmath/_snap";
 import { jsx } from "react/jsx-runtime";

package/dist/{surface-BHDH6P6p.js → surface-D-Kt_jKx.js}

@@ -2931,6 +2931,7 @@ var HitRegions = class {
 */
 function classifyScenario(input) {
 	const { ui_action, hovered_id, selection_ids, modifiers, click_count, readonly, in_content_edit, sub_selection } = input;
+	const meta_marquee = modifiers.meta && !in_content_edit && click_count < 2;
 	if (in_content_edit && click_count >= 2) {
 		if (!(ui_action && (ui_action.kind === "vertex_handle" || ui_action.kind === "tangent_handle" || ui_action.kind === "segment_strip" || ui_action.kind === "ghost_handle" || ui_action.kind === "region"))) return "ExitEdit";
 	}
@@ -2959,10 +2960,14 @@ function classifyScenario(input) {
 		case "select_node": {
 			const id = ui_action.id;
 			if (click_count >= 2) return "EnterEdit";
+			if (meta_marquee) return "MetaSelectOrMarquee";
 			return classifyContent(id, selection_ids, modifiers);
 		}
-		case "translate_handle": return classifyBodyRegion(hovered_id, selection_ids, modifiers, click_count);
+		case "translate_handle":
+			if (meta_marquee) return contentId(ui_action, hovered_id) ? "MetaSelectOrMarquee" : "MetaMarquee";
+			return classifyBodyRegion(hovered_id, selection_ids, modifiers, click_count);
 	}
+	if (meta_marquee) return hovered_id ? "MetaSelectOrMarquee" : "MetaMarquee";
 	if (hovered_id) {
 		if (click_count >= 2) return "EnterEdit";
 		return classifyContent(hovered_id, selection_ids, modifiers);
@@ -3307,10 +3312,22 @@ function dispatch(scenario, input) {
 			emit_on_down: "clear_vector_selection"
 		};
 		case "EmptyMarquee":
-		case "EmptyAdditiveMarquee": return {
+		case "EmptyAdditiveMarquee":
+		case "MetaMarquee": return {
 			kind: "start_marquee_pend",
 			emit_on_down: "none"
 		};
+		case "MetaSelectOrMarquee": return {
+			kind: "pend",
+			pending: {
+				ids_at_down: [],
+				deferred: {
+					kind: "select",
+					node_id: contentId(ui_action, hovered_id),
+					shift: modifiers.shift
+				}
+			}
+		};
 	}
 }
 /** Resolve the id that the user clicked on for content-class scenarios. */

package/dist/{surface-B_8w6VWG.mjs → surface-DFo9q3y7.mjs}

@@ -2908,6 +2908,7 @@ var HitRegions = class {
 */
 function classifyScenario(input) {
 	const { ui_action, hovered_id, selection_ids, modifiers, click_count, readonly, in_content_edit, sub_selection } = input;
+	const meta_marquee = modifiers.meta && !in_content_edit && click_count < 2;
 	if (in_content_edit && click_count >= 2) {
 		if (!(ui_action && (ui_action.kind === "vertex_handle" || ui_action.kind === "tangent_handle" || ui_action.kind === "segment_strip" || ui_action.kind === "ghost_handle" || ui_action.kind === "region"))) return "ExitEdit";
 	}
@@ -2936,10 +2937,14 @@ function classifyScenario(input) {
 		case "select_node": {
 			const id = ui_action.id;
 			if (click_count >= 2) return "EnterEdit";
+			if (meta_marquee) return "MetaSelectOrMarquee";
 			return classifyContent(id, selection_ids, modifiers);
 		}
-		case "translate_handle": return classifyBodyRegion(hovered_id, selection_ids, modifiers, click_count);
+		case "translate_handle":
+			if (meta_marquee) return contentId(ui_action, hovered_id) ? "MetaSelectOrMarquee" : "MetaMarquee";
+			return classifyBodyRegion(hovered_id, selection_ids, modifiers, click_count);
 	}
+	if (meta_marquee) return hovered_id ? "MetaSelectOrMarquee" : "MetaMarquee";
 	if (hovered_id) {
 		if (click_count >= 2) return "EnterEdit";
 		return classifyContent(hovered_id, selection_ids, modifiers);
@@ -3284,10 +3289,22 @@ function dispatch(scenario, input) {
 			emit_on_down: "clear_vector_selection"
 		};
 		case "EmptyMarquee":
-		case "EmptyAdditiveMarquee": return {
+		case "EmptyAdditiveMarquee":
+		case "MetaMarquee": return {
 			kind: "start_marquee_pend",
 			emit_on_down: "none"
 		};
+		case "MetaSelectOrMarquee": return {
+			kind: "pend",
+			pending: {
+				ids_at_down: [],
+				deferred: {
+					kind: "select",
+					node_id: contentId(ui_action, hovered_id),
+					shift: modifiers.shift
+				}
+			}
+		};
 	}
 }
 /** Resolve the id that the user clicked on for content-class scenarios. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grida/hud",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "private": false,
   "description": "Canvas-based heads-up display for the Grida editor viewport",
   "keywords": [