@fieldnotes/core 0.50.3 → 0.50.5

package/dist/index.cjs

@@ -2032,7 +2032,11 @@ var InputHandler = class {
     if (this.lastPinchDistance > 0) {
       const scale = dist / this.lastPinchDistance;
       const newZoom = this.camera.zoom * scale;
-      this.camera.zoomAt(newZoom, center2);
+      const rect = this.element.getBoundingClientRect();
+      this.camera.zoomAt(newZoom, {
+        x: center2.x - rect.left,
+        y: center2.y - rect.top
+      });
     }
     const dx = center2.x - this.lastPointer.x;
     const dy = center2.y - this.lastPointer.y;
@@ -8447,7 +8451,8 @@ function hitTestArrowHandles(world, selectedIds, ctx) {
   const hitRadius = (HANDLE_RADIUS + HANDLE_HIT_PADDING) / zoom;
   for (const id of selectedIds) {
     const el = ctx.store.getById(id);
-    if (!el || el.type !== "arrow") continue;
+    if (!el || el.type !== "arrow" || el.locked || (ctx.isLayerLocked?.(el.layerId) ?? false))
+      continue;
     const handles = getArrowHandlePositions(el);
     for (const [handle, pos] of handles) {
       const dx = world.x - pos.x;
@@ -8461,7 +8466,7 @@ function hitTestArrowHandles(world, selectedIds, ctx) {
 }
 function applyArrowHandleDrag(handle, elementId, world, ctx) {
   const el = ctx.store.getById(elementId);
-  if (!el || el.type !== "arrow") return;
+  if (!el || el.type !== "arrow" || el.locked || (ctx.isLayerLocked?.(el.layerId) ?? false)) return;
   const threshold = BIND_THRESHOLD / ctx.camera.zoom;
   const layerFilter = (candidate) => candidate.layerId === el.layerId;
   switch (handle) {
@@ -8512,7 +8517,9 @@ function applyArrowHandleDrag(handle, elementId, world, ctx) {
 function getArrowHandleDragTarget(handle, elementId, world, ctx) {
   if (handle === "mid") return null;
   const el = ctx.store.getById(elementId);
-  if (!el || el.type !== "arrow") return null;
+  if (!el || el.type !== "arrow" || el.locked || (ctx.isLayerLocked?.(el.layerId) ?? false)) {
+    return null;
+  }
   const threshold = BIND_THRESHOLD / ctx.camera.zoom;
   const excludeId = handle === "start" ? el.toBinding?.elementId : el.fromBinding?.elementId;
   const layerFilter = (candidate) => candidate.layerId === el.layerId;
@@ -8704,22 +8711,25 @@ function renderSelectionBoxes(ctx, p) {
   for (const id of p.selectedIds) {
     const el = p.store.getById(id);
     if (!el) continue;
+    const locked = el.locked || (p.isLayerLocked?.(el.layerId) ?? false);
     if (el.type === "arrow") {
-      renderArrowHandles(ctx, el, zoom);
+      if (!locked) renderArrowHandles(ctx, el, zoom);
       renderBindingHighlights(ctx, el, zoom, p.store);
       continue;
     }
     if (el.type === "shape" && el.shape === "line") {
-      ctx.setLineDash([]);
-      ctx.fillStyle = "#ffffff";
-      const r = handleWorldSize / 2;
-      for (const pt of lineEndpoints(el)) {
-        ctx.beginPath();
-        ctx.arc(pt.x, pt.y, r, 0, Math.PI * 2);
-        ctx.fill();
-        ctx.stroke();
+      if (!locked) {
+        ctx.setLineDash([]);
+        ctx.fillStyle = "#ffffff";
+        const r = handleWorldSize / 2;
+        for (const pt of lineEndpoints(el)) {
+          ctx.beginPath();
+          ctx.arc(pt.x, pt.y, r, 0, Math.PI * 2);
+          ctx.fill();
+          ctx.stroke();
+        }
+        ctx.setLineDash([4 / zoom, 4 / zoom]);
       }
-      ctx.setLineDash([4 / zoom, 4 / zoom]);
       continue;
     }
     const bounds = getElementBounds(el);
@@ -8954,7 +8964,8 @@ function hitTestLineHandles(world, ctx, selectedIds) {
   const r2 = r * r;
   for (const id of selectedIds) {
     const el = ctx.store.getById(id);
-    if (!el || el.type !== "shape" || el.shape !== "line") continue;
+    if (!el || el.type !== "shape" || el.shape !== "line" || el.locked || (ctx.isLayerLocked?.(el.layerId) ?? false))
+      continue;
     const [a, b] = lineEndpoints(el);
     if ((world.x - a.x) ** 2 + (world.y - a.y) ** 2 <= r2) return { elementId: id, fixed: b };
     if ((world.x - b.x) ** 2 + (world.y - b.y) ** 2 <= r2) return { elementId: id, fixed: a };
@@ -9388,10 +9399,10 @@ var SelectTool = class {
     if (this.mode.type === "line-handle") {
       ctx.setCursor?.("grabbing");
       const el = ctx.store.getById(this.mode.elementId);
-      if (el && el.type === "shape") {
+      if (el && el.type === "shape" && el.shape === "line" && !el.locked && !(ctx.isLayerLocked?.(el.layerId) ?? false)) {
         ctx.store.update(el.id, lineFromEndpoints(this.mode.fixed, world));
+        ctx.requestRender();
       }
-      ctx.requestRender();
       return;
     }
     if (this.mode.type === "resizing-template") {
@@ -9549,7 +9560,8 @@ var SelectTool = class {
       renderSelectionBoxes(canvasCtx, {
         selectedIds: this._selectedIds,
         store: this.ctx.store,
-        zoom: this.ctx.camera.zoom
+        zoom: this.ctx.camera.zoom,
+        isLayerLocked: this.ctx.isLayerLocked
       });
     if (this.mode.type === "arrow-handle" && this.ctx) {
       const target = getArrowHandleDragTarget(
@@ -10706,7 +10718,7 @@ var LaserTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.50.3";
+var VERSION = "0.50.5";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArrowTool,