@tscircuit/pcb-viewer 1.11.119 → 1.11.121

package/dist/index.js

@@ -9511,7 +9511,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.118",
+  version: "1.11.120",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -10111,6 +10111,7 @@ var PCBViewer = ({
   let [editEvents, setEditEvents] = useState10([]);
   editEvents = editEventsProp ?? editEvents;
   const initialRenderCompleted = useRef9(false);
+  const touchStartRef = useRef9(null);
   const circuitJsonKey = `${circuitJson?.length || 0}_${circuitJson?.editCount || 0}`;
   const resetTransform = () => {
     const elmBounds = refDimensions?.width > 0 ? refDimensions : { width: 500, height: 500 };
@@ -10199,6 +10200,26 @@ var PCBViewer = ({
           setIsInteractionEnabled(true);
           resetTransform();
         },
+        onTouchStart: (e) => {
+          const touch = e.touches[0];
+          touchStartRef.current = {
+            x: touch.clientX,
+            y: touch.clientY
+          };
+        },
+        onTouchEnd: (e) => {
+          const touch = e.changedTouches[0];
+          const start = touchStartRef.current;
+          if (!start) return;
+          const deltaX = Math.abs(touch.clientX - start.x);
+          const deltaY = Math.abs(touch.clientY - start.y);
+          if (deltaX < 10 && deltaY < 10) {
+            e.preventDefault();
+            setIsInteractionEnabled(true);
+            resetTransform();
+          }
+          touchStartRef.current = null;
+        },
         style: {
           position: "absolute",
           inset: 0,
@@ -10206,7 +10227,8 @@ var PCBViewer = ({
           zIndex: 10,
           display: "flex",
           alignItems: "center",
-          justifyContent: "center"
+          justifyContent: "center",
+          touchAction: "pan-x pan-y pinch-zoom"
         },
         children: /* @__PURE__ */ jsx16(
           "div",
@@ -10219,7 +10241,7 @@ var PCBViewer = ({
               fontSize: "16px",
               pointerEvents: "none"
             },
-            children: "Click to Interact"
+            children: typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0) ? "Touch to Interact" : "Click to Interact"
           }
         )
       }