@elixpo/lixsketch 5.4.7 → 5.5.0

package/dist/react/chunk-2OQXI7QB.js

@@ -0,0 +1,564 @@
+"use client";
+import {
+  calculateSnap,
+  clearSnapGuides,
+  updateAttachedArrows
+} from "./chunk-BZE4CEBG.js";
+import {
+  pushCreateAction,
+  pushDeleteAction,
+  pushFrameAttachmentAction,
+  pushOptionsChangeAction,
+  pushTransformAction
+} from "./chunk-L5OARZJ7.js";
+
+// src/tools/freehandTool.js
+function getThemeStroke() {
+  if (typeof document === "undefined") return "#fff";
+  return document.body && document.body.classList.contains("theme-dark") ? "#fff" : "#1a1a2e";
+}
+window.__updateArrowsForShape = updateAttachedArrows;
+var strokeColors = document.querySelectorAll(".strokeColors span");
+var strokeThicknesses = document.querySelectorAll(".strokeThickness span");
+var strokeStyles = document.querySelectorAll(".strokeStyleSpan");
+var strokeTapers = document.querySelectorAll(".strokeTaperSpan");
+var strokeRoughnesses = document.querySelectorAll(".strokeRoughnessSpan");
+var strokeColor = null;
+var strokeThickness = 2;
+var strokeStyleValue = "solid";
+var strokeThinning = 0;
+var strokeRoughnessValue = "smooth";
+var points = [];
+var isDrawingStroke = false;
+var currentStroke = null;
+var strokeOpacity = 1;
+var isDraggingStroke = false;
+var isResizingStroke = false;
+var isRotatingStroke = false;
+var dragOldPosStroke = null;
+var resizingAnchorIndex = null;
+var startRotationMouseAngle = null;
+var startShapeRotation = null;
+var startX;
+var startY;
+var draggedShapeInitialFrameStroke = null;
+var hoveredFrameStroke = null;
+var lastPoint = null;
+var lastTime = 0;
+var minDistance = 2;
+var maxDistance = 15;
+var isdraggingOpacity = false;
+function getSvgCoordinates(event) {
+  const rect = svg.getBoundingClientRect();
+  const scaleX = currentViewBox.width / rect.width;
+  const scaleY = currentViewBox.height / rect.height;
+  const svgX = currentViewBox.x + (event.clientX - rect.left) * scaleX;
+  const svgY = currentViewBox.y + (event.clientY - rect.top) * scaleY;
+  return { x: svgX, y: svgY };
+}
+function updateFrameContainmentForStroke(shape) {
+  if (shape.isBeingMovedByFrame) return;
+  let targetFrame = null;
+  shapes.forEach((s) => {
+    if (s.shapeName === "frame" && s.isShapeInFrame(shape)) {
+      targetFrame = s;
+    }
+  });
+  if (shape.parentFrame && isDraggingStroke) {
+    shape.parentFrame.temporarilyRemoveFromFrame(shape);
+  }
+  if (hoveredFrameStroke && hoveredFrameStroke !== targetFrame) {
+    hoveredFrameStroke.removeHighlight();
+  }
+  if (targetFrame && targetFrame !== hoveredFrameStroke) {
+    targetFrame.highlightFrame();
+  }
+  hoveredFrameStroke = targetFrame;
+}
+function deleteCurrentShape() {
+  if (currentShape && currentShape.shapeName === "freehandStroke") {
+    const idx = shapes.indexOf(currentShape);
+    if (idx !== -1) shapes.splice(idx, 1);
+    if (currentShape.group.parentNode) {
+      currentShape.group.parentNode.removeChild(currentShape.group);
+    }
+    pushDeleteAction(currentShape);
+    currentShape = null;
+    disableAllSideBars();
+  }
+}
+document.addEventListener("keydown", (e) => {
+  if (e.key === "Delete" && currentShape && currentShape.shapeName === "freehandStroke") {
+    deleteCurrentShape();
+  }
+});
+function handleMouseDown(e) {
+  const { x, y } = getSvgCoordinates(e);
+  if (isPaintToolActive) {
+    isDrawingStroke = true;
+    const pressure = e.pressure || 0.5;
+    points = [[x, y, pressure]];
+    lastPoint = [x, y, pressure];
+    lastTime = Date.now();
+    currentStroke = new FreehandStroke(points, {
+      stroke: strokeColor ?? getThemeStroke(),
+      strokeWidth: strokeThickness
+    });
+    shapes.push(currentStroke);
+    currentShape = currentStroke;
+  } else if (isSelectionToolActive) {
+    let clickedOnShape = false;
+    if (currentShape && currentShape.shapeName === "freehandStroke" && currentShape.isSelected) {
+      const anchorInfo = currentShape.isNearAnchor(x, y);
+      if (anchorInfo) {
+        if (anchorInfo.type === "resize") {
+          isResizingStroke = true;
+          resizingAnchorIndex = anchorInfo.index;
+          dragOldPosStroke = cloneStrokeData(currentShape);
+        } else if (anchorInfo.type === "rotate") {
+          isRotatingStroke = true;
+          const centerX = currentShape.boundingBox.x + currentShape.boundingBox.width / 2;
+          const centerY = currentShape.boundingBox.y + currentShape.boundingBox.height / 2;
+          startRotationMouseAngle = Math.atan2(y - centerY, x - centerX) * 180 / Math.PI;
+          startShapeRotation = currentShape.rotation;
+          dragOldPosStroke = cloneStrokeData(currentShape);
+        }
+        clickedOnShape = true;
+      } else if (currentShape.contains(x, y)) {
+        isDraggingStroke = true;
+        dragOldPosStroke = cloneStrokeData(currentShape);
+        draggedShapeInitialFrameStroke = currentShape.parentFrame || null;
+        if (currentShape.parentFrame) {
+          currentShape.parentFrame.temporarilyRemoveFromFrame(currentShape);
+        }
+        startX = x;
+        startY = y;
+        clickedOnShape = true;
+      }
+    }
+    if (!clickedOnShape) {
+      let shapeToSelect = null;
+      for (let i = shapes.length - 1; i >= 0; i--) {
+        const shape = shapes[i];
+        if (shape instanceof FreehandStroke && shape.contains(x, y)) {
+          shapeToSelect = shape;
+          break;
+        }
+      }
+      if (currentShape && currentShape !== shapeToSelect) {
+        currentShape.deselectStroke();
+        currentShape = null;
+      }
+      if (shapeToSelect) {
+        currentShape = shapeToSelect;
+        currentShape.selectStroke();
+        const anchorInfo = currentShape.isNearAnchor(x, y);
+        if (anchorInfo) {
+          if (anchorInfo.type === "resize") {
+            isResizingStroke = true;
+            resizingAnchorIndex = anchorInfo.index;
+            dragOldPosStroke = cloneStrokeData(currentShape);
+          } else if (anchorInfo.type === "rotate") {
+            isRotatingStroke = true;
+            const centerX = currentShape.boundingBox.x + currentShape.boundingBox.width / 2;
+            const centerY = currentShape.boundingBox.y + currentShape.boundingBox.height / 2;
+            startRotationMouseAngle = Math.atan2(y - centerY, x - centerX) * 180 / Math.PI;
+            startShapeRotation = currentShape.rotation;
+            dragOldPosStroke = cloneStrokeData(currentShape);
+          }
+        } else {
+          isDraggingStroke = true;
+          dragOldPosStroke = cloneStrokeData(currentShape);
+          draggedShapeInitialFrameStroke = currentShape.parentFrame || null;
+          if (currentShape.parentFrame) {
+            currentShape.parentFrame.temporarilyRemoveFromFrame(currentShape);
+          }
+          startX = x;
+          startY = y;
+        }
+        clickedOnShape = true;
+      }
+    }
+    if (!clickedOnShape && currentShape) {
+      currentShape.deselectStroke();
+      currentShape = null;
+      disableAllSideBars();
+    }
+  }
+}
+function handleMouseMove(e) {
+  let { x, y } = getSvgCoordinates(e);
+  const currentTime = Date.now();
+  const svgRect = svg.getBoundingClientRect();
+  lastMousePos = {
+    x: e.clientX - svgRect.left,
+    y: e.clientY - svgRect.top
+  };
+  if (isDrawingStroke && isPaintToolActive) {
+    const pressure = e.pressure || 0.5;
+    if (e.shiftKey && points.length > 0) {
+      const startX2 = points[0][0], startY2 = points[0][1];
+      const dx = x - startX2, dy = y - startY2;
+      const angle = Math.atan2(dy, dx);
+      const snapAngle = Math.round(angle / (Math.PI / 4)) * (Math.PI / 4);
+      const dist = Math.sqrt(dx * dx + dy * dy);
+      x = startX2 + dist * Math.cos(snapAngle);
+      y = startY2 + dist * Math.sin(snapAngle);
+      points = [points[0], [x, y, pressure]];
+      lastPoint = [x, y, pressure];
+      currentStroke.points = points;
+      currentStroke.draw();
+      return;
+    }
+    if (lastPoint) {
+      const dx = x - lastPoint[0];
+      const dy = y - lastPoint[1];
+      const distance = Math.sqrt(dx * dx + dy * dy);
+      if (distance >= minDistance) {
+        if (distance > maxDistance) {
+          const steps = Math.ceil(distance / maxDistance);
+          for (let i = 1; i < steps; i++) {
+            const t = i / steps;
+            const interpX = lastPoint[0] + dx * t;
+            const interpY = lastPoint[1] + dy * t;
+            const interpPressure = lastPoint[2] + (pressure - lastPoint[2]) * t;
+            points.push([interpX, interpY, interpPressure]);
+          }
+        }
+        const timeDelta = currentTime - lastTime;
+        const velocity = distance / Math.max(timeDelta, 1);
+        const velocityPressure = Math.min(1, Math.max(0.1, 1 - velocity * 0.02));
+        const finalPressure = (pressure + velocityPressure) * 0.5;
+        points.push([x, y, finalPressure]);
+        currentStroke.points = points;
+        currentStroke.draw();
+        lastPoint = [x, y, finalPressure];
+        lastTime = currentTime;
+      }
+    } else {
+      lastPoint = [x, y, pressure];
+      lastTime = currentTime;
+    }
+    shapes.forEach((frame) => {
+      if (frame.shapeName === "frame") {
+        if (frame.isShapeInFrame(currentStroke)) {
+          frame.highlightFrame();
+          hoveredFrameStroke = frame;
+        } else if (hoveredFrameStroke === frame) {
+          frame.removeHighlight();
+          hoveredFrameStroke = null;
+        }
+      }
+    });
+  } else if (isDraggingStroke && currentShape && currentShape.isSelected) {
+    const dx = x - startX;
+    const dy = y - startY;
+    currentShape.move(dx, dy);
+    startX = x;
+    startY = y;
+    if (!currentShape.isBeingMovedByFrame) {
+      updateFrameContainmentForStroke(currentShape);
+    }
+    currentShape.updateAttachedArrows();
+    if (window.__sketchStoreApi && window.__sketchStoreApi.getState().snapToObjects) {
+      const snap = calculateSnap(currentShape, e.shiftKey, e.clientX, e.clientY);
+      if (snap.dx || snap.dy) {
+        currentShape.move(snap.dx, snap.dy);
+      }
+    } else {
+      clearSnapGuides();
+    }
+  } else if (isResizingStroke && currentShape && currentShape.isSelected) {
+    currentShape.updatePosition(resizingAnchorIndex, x, y);
+  } else if (isRotatingStroke && currentShape && currentShape.isSelected) {
+    const centerX = currentShape.boundingBox.x + currentShape.boundingBox.width / 2;
+    const centerY = currentShape.boundingBox.y + currentShape.boundingBox.height / 2;
+    const currentMouseAngle = Math.atan2(y - centerY, x - centerX) * 180 / Math.PI;
+    const angleDiff = currentMouseAngle - startRotationMouseAngle;
+    currentShape.rotate(startShapeRotation + angleDiff);
+    currentShape.draw();
+  }
+}
+function handleMouseUp(e) {
+  if (isDrawingStroke) {
+    isDrawingStroke = false;
+    lastPoint = null;
+    if (currentStroke && currentStroke.points.length >= 2) {
+      currentStroke.draw();
+      pushCreateAction(currentStroke);
+      const finalFrame = hoveredFrameStroke;
+      if (finalFrame) {
+        finalFrame.addShapeToFrame(currentStroke);
+        pushFrameAttachmentAction(finalFrame, currentStroke, "attach", null);
+      }
+      const drawnShape = currentStroke;
+      if (window.__sketchStoreApi) window.__sketchStoreApi.setActiveTool("select", { afterDraw: true });
+      currentShape = drawnShape;
+      currentShape.selectStroke();
+    } else if (currentStroke) {
+      shapes.pop();
+      if (currentStroke.group.parentNode) {
+        currentStroke.group.parentNode.removeChild(currentStroke.group);
+      }
+    }
+    if (hoveredFrameStroke) {
+      hoveredFrameStroke.removeHighlight();
+      hoveredFrameStroke = null;
+    }
+    currentStroke = null;
+  }
+  if ((isDraggingStroke || isResizingStroke || isRotatingStroke) && dragOldPosStroke && currentShape) {
+    const newPos = cloneStrokeData(currentShape);
+    const stateChanged = JSON.stringify(dragOldPosStroke.points) !== JSON.stringify(newPos.points) || dragOldPosStroke.rotation !== newPos.rotation;
+    const oldPos = {
+      ...dragOldPosStroke,
+      parentFrame: draggedShapeInitialFrameStroke
+    };
+    const newPosForUndo = {
+      ...newPos,
+      parentFrame: isDraggingStroke ? hoveredFrameStroke || null : currentShape.parentFrame
+    };
+    const frameChanged = oldPos.parentFrame !== newPosForUndo.parentFrame;
+    if (stateChanged || frameChanged) {
+      pushTransformAction(currentShape, oldPos, newPosForUndo);
+    }
+    if (isDraggingStroke) {
+      const finalFrame = hoveredFrameStroke;
+      if (draggedShapeInitialFrameStroke !== finalFrame) {
+        if (draggedShapeInitialFrameStroke) {
+          draggedShapeInitialFrameStroke.removeShapeFromFrame(currentShape);
+        }
+        if (finalFrame) {
+          finalFrame.addShapeToFrame(currentShape);
+        }
+        if (frameChanged) {
+          pushFrameAttachmentAction(
+            finalFrame || draggedShapeInitialFrameStroke,
+            currentShape,
+            finalFrame ? "attach" : "detach",
+            draggedShapeInitialFrameStroke
+          );
+        }
+      } else if (draggedShapeInitialFrameStroke) {
+        draggedShapeInitialFrameStroke.restoreToFrame(currentShape);
+      }
+    }
+    dragOldPosStroke = null;
+    draggedShapeInitialFrameStroke = null;
+  }
+  if (hoveredFrameStroke) {
+    hoveredFrameStroke.removeHighlight();
+    hoveredFrameStroke = null;
+  }
+  if (currentShape && typeof currentShape.finalizeMove === "function") {
+    currentShape.finalizeMove();
+  }
+  clearSnapGuides();
+  isDraggingStroke = false;
+  isResizingStroke = false;
+  isRotatingStroke = false;
+  resizingAnchorIndex = null;
+  startRotationMouseAngle = null;
+  startShapeRotation = null;
+  svg.style.cursor = "default";
+}
+strokeColors.forEach((span) => {
+  span.addEventListener("click", (event) => {
+    strokeColors.forEach((el) => el.classList.remove("selected"));
+    span.classList.add("selected");
+    if (currentShape instanceof FreehandStroke && currentShape.isSelected) {
+      const oldOptions = { ...currentShape.options };
+      currentShape.options.stroke = span.getAttribute("data-id");
+      currentShape.draw();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      strokeColor = span.getAttribute("data-id");
+    }
+  });
+});
+strokeThicknesses.forEach((span) => {
+  span.addEventListener("click", (event) => {
+    strokeThicknesses.forEach((el) => el.classList.remove("selected"));
+    span.classList.add("selected");
+    if (currentShape instanceof FreehandStroke && currentShape.isSelected) {
+      const oldOptions = { ...currentShape.options };
+      currentShape.options.strokeWidth = parseInt(span.getAttribute("data-id"));
+      currentShape.draw();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      strokeThickness = parseInt(span.getAttribute("data-id"));
+    }
+  });
+});
+strokeStyles.forEach((span) => {
+  span.addEventListener("click", () => {
+    strokeStyles.forEach((el) => el.classList.remove("selected"));
+    span.classList.add("selected");
+    const val = span.getAttribute("data-id");
+    if (currentShape instanceof FreehandStroke && currentShape.isSelected) {
+      const oldOptions = { ...currentShape.options };
+      currentShape.options.strokeStyle = val;
+      currentShape.draw();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      strokeStyleValue = val;
+    }
+  });
+});
+strokeTapers.forEach((span) => {
+  span.addEventListener("click", () => {
+    strokeTapers.forEach((el) => el.classList.remove("selected"));
+    span.classList.add("selected");
+    const val = parseFloat(span.getAttribute("data-id"));
+    if (currentShape instanceof FreehandStroke && currentShape.isSelected) {
+      const oldOptions = { ...currentShape.options };
+      currentShape.options.thinning = val;
+      currentShape.draw();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      strokeThinning = val;
+    }
+  });
+});
+strokeRoughnesses.forEach((span) => {
+  span.addEventListener("click", () => {
+    strokeRoughnesses.forEach((el) => el.classList.remove("selected"));
+    span.classList.add("selected");
+    const val = span.getAttribute("data-id");
+    if (currentShape instanceof FreehandStroke && currentShape.isSelected) {
+      const oldOptions = { ...currentShape.options };
+      currentShape.options.roughness = val;
+      currentShape.draw();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      strokeRoughnessValue = val;
+    }
+  });
+});
+document.getElementById("strokeOpacity")?.addEventListener("mousedown", (event) => {
+  isdraggingOpacity = true;
+});
+document.getElementById("strokeOpacity")?.addEventListener("mousemove", (event) => {
+  if (isdraggingOpacity) {
+    const slider = document.getElementById("strokeOpacity");
+    const rect = slider.getBoundingClientRect();
+    const mouseX = event.clientX - rect.left;
+    const percent = Math.max(0, Math.min(100, mouseX / rect.width * 100));
+    document.getElementById("opacityContainerValue").textContent = percent.toFixed(0);
+    const opacity = percent / 100;
+    if (currentShape instanceof FreehandStroke && currentShape.isSelected) {
+      const oldOptions = { ...currentShape.options };
+      currentShape.options.strokeOpacity = opacity;
+      currentShape.draw();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      strokeOpacity = opacity;
+    }
+  }
+});
+document.getElementById("strokeOpacity")?.addEventListener("mouseup", (event) => {
+  isdraggingOpacity = false;
+});
+function cloneOptions(options) {
+  return JSON.parse(JSON.stringify(options));
+}
+function cloneStrokeData(stroke) {
+  return {
+    points: JSON.parse(JSON.stringify(stroke.points)),
+    rotation: stroke.rotation,
+    options: cloneOptions(stroke.options)
+  };
+}
+window.freehandToolSettings = {
+  get strokeColor() {
+    return strokeColor;
+  },
+  set strokeColor(v) {
+    strokeColor = v;
+  },
+  get strokeWidth() {
+    return strokeThickness;
+  },
+  set strokeWidth(v) {
+    strokeThickness = v;
+  },
+  get strokeStyle() {
+    return strokeStyleValue;
+  },
+  set strokeStyle(v) {
+    strokeStyleValue = v;
+  },
+  get thinning() {
+    return strokeThinning;
+  },
+  set thinning(v) {
+    strokeThinning = v;
+  },
+  get roughness() {
+    return strokeRoughnessValue;
+  },
+  set roughness(v) {
+    strokeRoughnessValue = v;
+  },
+  get opacity() {
+    return strokeOpacity;
+  },
+  set opacity(v) {
+    strokeOpacity = v;
+  }
+};
+window.updateSelectedFreehandStyle = function(changes) {
+  if (currentShape && currentShape.shapeName === "freehandStroke" && currentShape.isSelected) {
+    if (changes.stroke !== void 0) {
+      strokeColor = changes.stroke;
+      currentShape.options.stroke = changes.stroke;
+    }
+    if (changes.strokeWidth !== void 0) {
+      strokeThickness = changes.strokeWidth;
+      currentShape.options.strokeWidth = changes.strokeWidth;
+    }
+    if (changes.thinning !== void 0) {
+      strokeThinning = changes.thinning;
+      currentShape.options.thinning = changes.thinning;
+    }
+    if (changes.roughness !== void 0) {
+      strokeRoughnessValue = changes.roughness;
+      currentShape.options.roughness = changes.roughness;
+    }
+    if (changes.opacity !== void 0) {
+      strokeOpacity = changes.opacity;
+      currentShape.options.strokeOpacity = changes.opacity;
+    }
+    currentShape.draw();
+  } else {
+    if (changes.stroke !== void 0) strokeColor = changes.stroke;
+    if (changes.strokeWidth !== void 0) strokeThickness = changes.strokeWidth;
+    if (changes.thinning !== void 0) strokeThinning = changes.thinning;
+    if (changes.roughness !== void 0) strokeRoughnessValue = changes.roughness;
+    if (changes.opacity !== void 0) strokeOpacity = changes.opacity;
+  }
+};
+window.addEventListener("pointerup", () => {
+  if (isDrawingStroke) {
+    isDrawingStroke = false;
+    lastPoint = null;
+    if (currentStroke && currentStroke.points && currentStroke.points.length >= 2) {
+      currentStroke.draw();
+    }
+    currentStroke = null;
+  }
+});
+document.addEventListener("visibilitychange", () => {
+  if (document.hidden && isDrawingStroke) {
+    isDrawingStroke = false;
+    lastPoint = null;
+    currentStroke = null;
+  }
+});
+
+export {
+  handleMouseDown,
+  handleMouseMove,
+  handleMouseUp
+};
+//# sourceMappingURL=chunk-2OQXI7QB.js.map

package/dist/react/chunk-2OQXI7QB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tools/freehandTool.js"],
+  "sourcesContent": ["/* eslint-disable */\n// Freehand tool event handlers - extracted from canvasStroke.js\nimport { pushCreateAction, pushDeleteAction, pushOptionsChangeAction, pushTransformAction, pushFrameAttachmentAction } from '../core/UndoRedo.js';\nimport { updateAttachedArrows as updateArrowsForShape, cleanupAttachments } from './arrowTool.js';\nimport { calculateSnap, clearSnapGuides } from '../core/SnapGuides.js';\n\nfunction getThemeStroke() { if (typeof document === \"undefined\") return \"#fff\"; return document.body && document.body.classList.contains(\"theme-dark\") ? \"#fff\" : \"#1a1a2e\"; }\n\n// Expose updateArrowsForShape globally so FreehandStroke.updateAttachedArrows() can call it\n// (FreehandStroke.js is a separate module and cannot import freehandTool's local bindings)\nwindow.__updateArrowsForShape = updateArrowsForShape;\n\nconst strokeColors = document.querySelectorAll(\".strokeColors span\");\nconst strokeThicknesses = document.querySelectorAll(\".strokeThickness span\");\nconst strokeStyles = document.querySelectorAll(\".strokeStyleSpan\");\nconst strokeTapers = document.querySelectorAll(\".strokeTaperSpan\");\nconst strokeRoughnesses = document.querySelectorAll(\".strokeRoughnessSpan\");\nlet strokeColor = null;\nlet strokeThickness = 2;\nlet strokeStyleValue = \"solid\";\nlet strokeThinning = 0;\nlet strokeRoughnessValue = \"smooth\";\nlet points = [];\nlet isDrawingStroke = false;\nlet currentStroke = null;\nlet strokeOpacity = 1;\n\n\nlet isDraggingStroke = false;\nlet isResizingStroke = false;\nlet isRotatingStroke = false;\nlet dragOldPosStroke = null;\nlet resizingAnchorIndex = null;\nlet startRotationMouseAngle = null;\nlet startShapeRotation = null;\nlet startX, startY;\n\n// Frame attachment variables\nlet draggedShapeInitialFrameStroke = null;\nlet hoveredFrameStroke = null;\n\n// Enhanced mouse tracking with better point collection\nlet lastPoint = null;\nlet lastTime = 0;\nconst minDistance = 2; // Minimum distance between points\nconst maxDistance = 15; // Maximum distance for interpolation\nlet isdraggingOpacity = false;\n\n\nfunction getSvgCoordinates(event) {\n    const rect = svg.getBoundingClientRect();\n    const scaleX = currentViewBox.width / rect.width;\n    const scaleY = currentViewBox.height / rect.height;\n\n    const svgX = currentViewBox.x + (event.clientX - rect.left) * scaleX;\n    const svgY = currentViewBox.y + (event.clientY - rect.top) * scaleY;\n\n    return { x: svgX, y: svgY };\n}\n\nfunction getSvgPathFromStroke(stroke) {\n    if (!stroke.length) return '';\n    \n    // Use more sophisticated curve fitting\n    const pathData = [];\n    pathData.push('M', stroke[0][0], stroke[0][1]);\n    \n    for (let i = 1; i < stroke.length - 1; i++) {\n        const curr = stroke[i];\n        const next = stroke[i + 1];\n        \n        // Calculate control points for smoother curves\n        const cpX = curr[0] + (next[0] - curr[0]) * 0.5;\n        const cpY = curr[1] + (next[1] - curr[1]) * 0.5;\n        \n        pathData.push('Q', curr[0], curr[1], cpX, cpY);\n    }\n    \n    // Add final point\n    if (stroke.length > 1) {\n        const lastPoint = stroke[stroke.length - 1];\n        pathData.push('L', lastPoint[0], lastPoint[1]);\n    }\n    \n    return pathData.join(' ');\n}\n\n// Frame containment check for a freehand stroke during drag.\n// Lives here (not in FreehandStroke.js) because it needs isDraggingStroke & hoveredFrameStroke.\nfunction updateFrameContainmentForStroke(shape) {\n    if (shape.isBeingMovedByFrame) return;\n\n    let targetFrame = null;\n    shapes.forEach(s => {\n        if (s.shapeName === 'frame' && s.isShapeInFrame(shape)) {\n            targetFrame = s;\n        }\n    });\n\n    if (shape.parentFrame && isDraggingStroke) {\n        shape.parentFrame.temporarilyRemoveFromFrame(shape);\n    }\n\n    if (hoveredFrameStroke && hoveredFrameStroke !== targetFrame) {\n        hoveredFrameStroke.removeHighlight();\n    }\n    if (targetFrame && targetFrame !== hoveredFrameStroke) {\n        targetFrame.highlightFrame();\n    }\n    hoveredFrameStroke = targetFrame;\n}\n\n// Delete functionality\nfunction deleteCurrentShape() {\n    if (currentShape && currentShape.shapeName === 'freehandStroke') {\n        const idx = shapes.indexOf(currentShape);\n        if (idx !== -1) shapes.splice(idx, 1);\n        if (currentShape.group.parentNode) {\n            currentShape.group.parentNode.removeChild(currentShape.group);\n        }\n        pushDeleteAction(currentShape);\n        currentShape = null;\n        disableAllSideBars();\n    }\n}\n\ndocument.addEventListener('keydown', (e) => {\n    if (e.key === 'Delete' && currentShape && currentShape.shapeName === 'freehandStroke') {\n        deleteCurrentShape();\n    }\n});\n\n// Event handlers\nfunction handleMouseDown(e) {\n    const { x, y } = getSvgCoordinates(e);\n    \n    if (isPaintToolActive) {\n        isDrawingStroke = true;\n        const pressure = e.pressure || 0.5;\n        points = [[x, y, pressure]];\n        lastPoint = [x, y, pressure];\n        lastTime = Date.now();\n\n        currentStroke = new FreehandStroke(points, {\n            stroke: strokeColor ?? getThemeStroke(),\n            strokeWidth: strokeThickness\n        });\n\n        shapes.push(currentStroke);\n        currentShape = currentStroke;\n    } else if (isSelectionToolActive) {\n        let clickedOnShape = false;\n        \n        // Check if clicking on current selected stroke\n        if (currentShape && currentShape.shapeName === 'freehandStroke' && currentShape.isSelected) {\n            const anchorInfo = currentShape.isNearAnchor(x, y);\n            if (anchorInfo) {\n                if (anchorInfo.type === 'resize') {\n                    isResizingStroke = true;\n                    resizingAnchorIndex = anchorInfo.index;\n                    dragOldPosStroke = cloneStrokeData(currentShape);\n                } else if (anchorInfo.type === 'rotate') {\n                    isRotatingStroke = true;\n                    const centerX = currentShape.boundingBox.x + currentShape.boundingBox.width / 2;\n                    const centerY = currentShape.boundingBox.y + currentShape.boundingBox.height / 2;\n                    startRotationMouseAngle = Math.atan2(y - centerY, x - centerX) * 180 / Math.PI;\n                    startShapeRotation = currentShape.rotation;\n                    dragOldPosStroke = cloneStrokeData(currentShape);\n                }\n                clickedOnShape = true;\n            } else if (currentShape.contains(x, y)) {\n                isDraggingStroke = true;\n                dragOldPosStroke = cloneStrokeData(currentShape);\n                \n                // Store initial frame state\n                draggedShapeInitialFrameStroke = currentShape.parentFrame || null;\n                \n                // Temporarily remove from frame clipping if dragging\n                if (currentShape.parentFrame) {\n                    currentShape.parentFrame.temporarilyRemoveFromFrame(currentShape);\n                }\n                \n                startX = x;\n                startY = y;\n                clickedOnShape = true;\n            }\n        }\n\n        // If not clicking on selected shape, check for other shapes\n        if (!clickedOnShape) {\n            let shapeToSelect = null;\n            for (let i = shapes.length - 1; i >= 0; i--) {\n                const shape = shapes[i];\n                if (shape instanceof FreehandStroke && shape.contains(x, y)) {\n                    shapeToSelect = shape;\n                    break;\n                }\n            }\n\n            if (currentShape && currentShape !== shapeToSelect) {\n                currentShape.deselectStroke();\n                currentShape = null;\n            }\n\n            if (shapeToSelect) {\n                currentShape = shapeToSelect;\n                currentShape.selectStroke(); // This will show the sidebar\n                \n                const anchorInfo = currentShape.isNearAnchor(x, y);\n                if (anchorInfo) {\n                    if (anchorInfo.type === 'resize') {\n                        isResizingStroke = true;\n                        resizingAnchorIndex = anchorInfo.index;\n                        dragOldPosStroke = cloneStrokeData(currentShape);\n                    } else if (anchorInfo.type === 'rotate') {\n                        isRotatingStroke = true;\n                        const centerX = currentShape.boundingBox.x + currentShape.boundingBox.width / 2;\n                        const centerY = currentShape.boundingBox.y + currentShape.boundingBox.height / 2;\n                        startRotationMouseAngle = Math.atan2(y - centerY, x - centerX) * 180 / Math.PI;\n                        startShapeRotation = currentShape.rotation;\n                        dragOldPosStroke = cloneStrokeData(currentShape);\n                    }\n                } else {\n                    isDraggingStroke = true;\n                    dragOldPosStroke = cloneStrokeData(currentShape);\n                    \n                    // Store initial frame state\n                    draggedShapeInitialFrameStroke = currentShape.parentFrame || null;\n                    \n                    // Temporarily remove from frame clipping if dragging\n                    if (currentShape.parentFrame) {\n                        currentShape.parentFrame.temporarilyRemoveFromFrame(currentShape);\n                    }\n                    \n                    startX = x;\n                    startY = y;\n                }\n                clickedOnShape = true;\n            }\n        }\n\n        if (!clickedOnShape && currentShape) {\n            currentShape.deselectStroke();\n            currentShape = null;\n            disableAllSideBars(); // Hide sidebar when deselecting\n        }\n    }\n}\n\nfunction handleMouseMove(e) {\n    let { x, y } = getSvgCoordinates(e);\n    const currentTime = Date.now();\n    \n    // Keep lastMousePos in screen coordinates for other functions\n    const svgRect = svg.getBoundingClientRect();\n    lastMousePos = {\n        x: e.clientX - svgRect.left, \n        y: e.clientY - svgRect.top\n    };\n    \n    if (isDrawingStroke && isPaintToolActive) {\n        const pressure = e.pressure || 0.5;\n\n        // Shift key constrains to straight line from start point\n        if (e.shiftKey && points.length > 0) {\n            const startX = points[0][0], startY = points[0][1];\n            const dx = x - startX, dy = y - startY;\n            const angle = Math.atan2(dy, dx);\n            const snapAngle = Math.round(angle / (Math.PI / 4)) * (Math.PI / 4);\n            const dist = Math.sqrt(dx * dx + dy * dy);\n            x = startX + dist * Math.cos(snapAngle);\n            y = startY + dist * Math.sin(snapAngle);\n            // Reset points to just start + current for straight line\n            points = [points[0], [x, y, pressure]];\n            lastPoint = [x, y, pressure];\n            currentStroke.points = points;\n            currentStroke.draw();\n            return;\n        }\n\n        if (lastPoint) {\n            const dx = x - lastPoint[0];\n            const dy = y - lastPoint[1];\n            const distance = Math.sqrt(dx * dx + dy * dy);\n            \n            // Only add point if it's far enough from the last one\n            if (distance >= minDistance) {\n                // If distance is too large, interpolate points\n                if (distance > maxDistance) {\n                    const steps = Math.ceil(distance / maxDistance);\n                    for (let i = 1; i < steps; i++) {\n                        const t = i / steps;\n                        const interpX = lastPoint[0] + dx * t;\n                        const interpY = lastPoint[1] + dy * t;\n                        const interpPressure = lastPoint[2] + (pressure - lastPoint[2]) * t;\n                        points.push([interpX, interpY, interpPressure]);\n                    }\n                }\n                \n                // Calculate velocity-based pressure\n                const timeDelta = currentTime - lastTime;\n                const velocity = distance / Math.max(timeDelta, 1);\n                const velocityPressure = Math.min(1, Math.max(0.1, 1 - velocity * 0.02));\n                const finalPressure = (pressure + velocityPressure) * 0.5;\n                \n                points.push([x, y, finalPressure]);\n                currentStroke.points = points;\n                currentStroke.draw();\n                \n                lastPoint = [x, y, finalPressure];\n                lastTime = currentTime;\n            }\n        } else {\n            lastPoint = [x, y, pressure];\n            lastTime = currentTime;\n        }\n        \n        // Check for frame containment while drawing (but don't apply clipping yet)\n        shapes.forEach(frame => {\n            if (frame.shapeName === 'frame') {\n                if (frame.isShapeInFrame(currentStroke)) {\n                    frame.highlightFrame();\n                    hoveredFrameStroke = frame;\n                } else if (hoveredFrameStroke === frame) {\n                    frame.removeHighlight();\n                    hoveredFrameStroke = null;\n                }\n            }\n        });\n    } else if (isDraggingStroke && currentShape && currentShape.isSelected) {\n        const dx = x - startX;\n        const dy = y - startY;\n        currentShape.move(dx, dy);\n        startX = x;\n        startY = y;\n\n        // Frame containment update (must live here where isDraggingStroke is in scope)\n        if (!currentShape.isBeingMovedByFrame) {\n            updateFrameContainmentForStroke(currentShape);\n        }\n\n        // Update arrows attached to this shape\n        currentShape.updateAttachedArrows();\n\n        // Snap guides\n        if (window.__sketchStoreApi && window.__sketchStoreApi.getState().snapToObjects) {\n            const snap = calculateSnap(currentShape, e.shiftKey, e.clientX, e.clientY);\n            if (snap.dx || snap.dy) {\n                currentShape.move(snap.dx, snap.dy);\n            }\n        } else {\n            clearSnapGuides();\n        }\n    } else if (isResizingStroke && currentShape && currentShape.isSelected) {\n        currentShape.updatePosition(resizingAnchorIndex, x, y);\n    } else if (isRotatingStroke && currentShape && currentShape.isSelected) {\n        const centerX = currentShape.boundingBox.x + currentShape.boundingBox.width / 2;\n        const centerY = currentShape.boundingBox.y + currentShape.boundingBox.height / 2;\n        const currentMouseAngle = Math.atan2(y - centerY, x - centerX) * 180 / Math.PI;\n        const angleDiff = currentMouseAngle - startRotationMouseAngle;\n        currentShape.rotate(startShapeRotation + angleDiff);\n        currentShape.draw();\n    }\n}\n\nfunction handleMouseUp(e) {\n    if (isDrawingStroke) {\n        isDrawingStroke = false;\n        lastPoint = null;\n        \n        // Final smoothing pass after drawing is complete\n        if (currentStroke && currentStroke.points.length >= 2) {\n            currentStroke.draw(); // Redraw with final smoothing\n            pushCreateAction(currentStroke);\n\n            // Check for frame containment and track attachment\n            const finalFrame = hoveredFrameStroke;\n            if (finalFrame) {\n                finalFrame.addShapeToFrame(currentStroke);\n                // Track the attachment for undo\n                pushFrameAttachmentAction(finalFrame, currentStroke, 'attach', null);\n            }\n\n            // Auto-select the drawn stroke and switch to selection tool\n            const drawnShape = currentStroke;\n            if (window.__sketchStoreApi) window.__sketchStoreApi.setActiveTool('select', { afterDraw: true });\n            currentShape = drawnShape;\n            currentShape.selectStroke();\n        } else if (currentStroke) {\n            // Remove strokes that are too small\n            shapes.pop();\n            if (currentStroke.group.parentNode) {\n                currentStroke.group.parentNode.removeChild(currentStroke.group);\n            }\n        }\n\n        // Clear frame highlighting\n        if (hoveredFrameStroke) {\n            hoveredFrameStroke.removeHighlight();\n            hoveredFrameStroke = null;\n        }\n\n        currentStroke = null;\n    }\n    \n    if ((isDraggingStroke || isResizingStroke || isRotatingStroke) && dragOldPosStroke && currentShape) {\n        const newPos = cloneStrokeData(currentShape);\n        const stateChanged = \n            JSON.stringify(dragOldPosStroke.points) !== JSON.stringify(newPos.points) ||\n            dragOldPosStroke.rotation !== newPos.rotation;\n        \n        const oldPos = {\n            ...dragOldPosStroke,\n            parentFrame: draggedShapeInitialFrameStroke\n        };\n        // Issue #34 bug #2: for drag, hoveredFrameStroke is the actual\n        // destination \u2014 currentShape.parentFrame at this point is still\n        // the OLD frame. Resize / rotate don't track hover, fall back to\n        // the shape's own parent.\n        const newPosForUndo = {\n            ...newPos,\n            parentFrame: isDraggingStroke\n                ? (hoveredFrameStroke || null)\n                : currentShape.parentFrame,\n        };\n        \n        const frameChanged = oldPos.parentFrame !== newPosForUndo.parentFrame;\n        \n        if (stateChanged || frameChanged) {\n            pushTransformAction(currentShape, oldPos, newPosForUndo);\n        }\n        \n        // Handle frame containment changes after drag\n        if (isDraggingStroke) {\n            const finalFrame = hoveredFrameStroke;\n            \n            // If shape moved to a different frame\n            if (draggedShapeInitialFrameStroke !== finalFrame) {\n                // Remove from initial frame\n                if (draggedShapeInitialFrameStroke) {\n                    draggedShapeInitialFrameStroke.removeShapeFromFrame(currentShape);\n                }\n                \n                // Add to new frame\n                if (finalFrame) {\n                    finalFrame.addShapeToFrame(currentShape);\n                }\n                \n                // Track the frame change for undo\n                if (frameChanged) {\n                    pushFrameAttachmentAction(finalFrame || draggedShapeInitialFrameStroke, currentShape, \n                        finalFrame ? 'attach' : 'detach', draggedShapeInitialFrameStroke);\n                }\n            } else if (draggedShapeInitialFrameStroke) {\n                // Shape stayed in same frame, restore clipping\n                draggedShapeInitialFrameStroke.restoreToFrame(currentShape);\n            }\n        }\n        \n        dragOldPosStroke = null;\n        draggedShapeInitialFrameStroke = null;\n    }\n    \n    // Clear frame highlighting\n    if (hoveredFrameStroke) {\n        hoveredFrameStroke.removeHighlight();\n        hoveredFrameStroke = null;\n    }\n    \n    // Bake accumulated move offset into point coordinates\n    if (currentShape && typeof currentShape.finalizeMove === 'function') {\n        currentShape.finalizeMove();\n    }\n    clearSnapGuides();\n    isDraggingStroke = false;\n    isResizingStroke = false;\n    isRotatingStroke = false;\n    resizingAnchorIndex = null;\n    startRotationMouseAngle = null;\n    startShapeRotation = null;\n    svg.style.cursor = 'default';\n}\n\n// Color and thickness selection\nstrokeColors.forEach(span => {\n    span.addEventListener(\"click\", (event) => {\n        strokeColors.forEach(el => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n        \n        if (currentShape instanceof FreehandStroke && currentShape.isSelected) {\n            const oldOptions = {...currentShape.options};\n            currentShape.options.stroke = span.getAttribute(\"data-id\");\n            currentShape.draw();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        } else {\n            strokeColor = span.getAttribute(\"data-id\");\n        }\n    });\n});\n\nstrokeThicknesses.forEach(span => {\n    span.addEventListener(\"click\", (event) => {\n        strokeThicknesses.forEach(el => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n        \n        if (currentShape instanceof FreehandStroke && currentShape.isSelected) {\n            const oldOptions = {...currentShape.options};\n            currentShape.options.strokeWidth = parseInt(span.getAttribute(\"data-id\"));\n            currentShape.draw();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        } else {\n            strokeThickness = parseInt(span.getAttribute(\"data-id\"));\n        }\n    });\n});\n\n\nstrokeStyles.forEach(span => {\n    span.addEventListener(\"click\", () => {\n        strokeStyles.forEach(el => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n        const val = span.getAttribute(\"data-id\");\n        if (currentShape instanceof FreehandStroke && currentShape.isSelected) {\n            const oldOptions = {...currentShape.options};\n            currentShape.options.strokeStyle = val;\n            currentShape.draw();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        } else {\n            strokeStyleValue = val;\n        }\n    });\n});\n\nstrokeTapers.forEach(span => {\n    span.addEventListener(\"click\", () => {\n        strokeTapers.forEach(el => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n        const val = parseFloat(span.getAttribute(\"data-id\"));\n        if (currentShape instanceof FreehandStroke && currentShape.isSelected) {\n            const oldOptions = {...currentShape.options};\n            currentShape.options.thinning = val;\n            currentShape.draw();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        } else {\n            strokeThinning = val;\n        }\n    });\n});\n\nstrokeRoughnesses.forEach(span => {\n    span.addEventListener(\"click\", () => {\n        strokeRoughnesses.forEach(el => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n        const val = span.getAttribute(\"data-id\");\n        if (currentShape instanceof FreehandStroke && currentShape.isSelected) {\n            const oldOptions = {...currentShape.options};\n            currentShape.options.roughness = val;\n            currentShape.draw();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        } else {\n            strokeRoughnessValue = val;\n        }\n    });\n});\n\ndocument.getElementById(\"strokeOpacity\")?.addEventListener(\"mousedown\", (event) => {\n    isdraggingOpacity = true;\n});\n\ndocument.getElementById(\"strokeOpacity\")?.addEventListener(\"mousemove\", (event) => {\n    if(isdraggingOpacity) \n    {\n        const slider = document.getElementById(\"strokeOpacity\");\n        const rect = slider.getBoundingClientRect();\n        const mouseX = event.clientX - rect.left;\n        const percent = Math.max(0, Math.min(100, (mouseX / rect.width) * 100));\n        document.getElementById(\"opacityContainerValue\").textContent = percent.toFixed(0);\n        const opacity = percent / 100; \n        if (currentShape instanceof FreehandStroke && currentShape.isSelected) {\n            const oldOptions = {...currentShape.options};\n            currentShape.options.strokeOpacity = opacity; \n            currentShape.draw();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        } else {\n            strokeOpacity = opacity; \n        }\n    }\n});\n\ndocument.getElementById(\"strokeOpacity\")?.addEventListener(\"mouseup\", (event) => {\n    isdraggingOpacity = false;\n});\n\nfunction cloneOptions(options) {\n    return JSON.parse(JSON.stringify(options));\n}\n\nfunction cloneStrokeData(stroke) {\n    return {\n        points: JSON.parse(JSON.stringify(stroke.points)),\n        rotation: stroke.rotation,\n        options: cloneOptions(stroke.options)\n    };\n}\n\n// Event listeners\n// svg.addEventListener('pointerdown', handleMouseDown);\n// svg.addEventListener('pointermove', handleMouseMove);\n// svg.addEventListener('pointerup', handleMouseUp);\n\n// Bridge freehand tool settings to React sidebar\nwindow.freehandToolSettings = {\n    get strokeColor() { return strokeColor; },\n    set strokeColor(v) { strokeColor = v; },\n    get strokeWidth() { return strokeThickness; },\n    set strokeWidth(v) { strokeThickness = v; },\n    get strokeStyle() { return strokeStyleValue; },\n    set strokeStyle(v) { strokeStyleValue = v; },\n    get thinning() { return strokeThinning; },\n    set thinning(v) { strokeThinning = v; },\n    get roughness() { return strokeRoughnessValue; },\n    set roughness(v) { strokeRoughnessValue = v; },\n    get opacity() { return strokeOpacity; },\n    set opacity(v) { strokeOpacity = v; },\n};\nwindow.updateSelectedFreehandStyle = function(changes) {\n    if (currentShape && currentShape.shapeName === 'freehandStroke' && currentShape.isSelected) {\n        if (changes.stroke !== undefined) { strokeColor = changes.stroke; currentShape.options.stroke = changes.stroke; }\n        if (changes.strokeWidth !== undefined) { strokeThickness = changes.strokeWidth; currentShape.options.strokeWidth = changes.strokeWidth; }\n        if (changes.thinning !== undefined) { strokeThinning = changes.thinning; currentShape.options.thinning = changes.thinning; }\n        if (changes.roughness !== undefined) { strokeRoughnessValue = changes.roughness; currentShape.options.roughness = changes.roughness; }\n        if (changes.opacity !== undefined) { strokeOpacity = changes.opacity; currentShape.options.strokeOpacity = changes.opacity; }\n        currentShape.draw();\n    } else {\n        if (changes.stroke !== undefined) strokeColor = changes.stroke;\n        if (changes.strokeWidth !== undefined) strokeThickness = changes.strokeWidth;\n        if (changes.thinning !== undefined) strokeThinning = changes.thinning;\n        if (changes.roughness !== undefined) strokeRoughnessValue = changes.roughness;\n        if (changes.opacity !== undefined) strokeOpacity = changes.opacity;\n    }\n};\n\n// Safety net: if mouseup fires outside the SVG canvas (e.g. on toolbar/overlay),\n// ensure we stop drawing so the stroke doesn't continue when pointer re-enters.\nwindow.addEventListener('pointerup', () => {\n    if (isDrawingStroke) {\n        isDrawingStroke = false;\n        lastPoint = null;\n        if (currentStroke && currentStroke.points && currentStroke.points.length >= 2) {\n            currentStroke.draw();\n        }\n        currentStroke = null;\n    }\n});\n\n// Also listen for visibility change (e.g. alt-tab while drawing)\ndocument.addEventListener('visibilitychange', () => {\n    if (document.hidden && isDrawingStroke) {\n        isDrawingStroke = false;\n        lastPoint = null;\n        currentStroke = null;\n    }\n});\n\nexport\n{\n    handleMouseDown as handleFreehandMouseDown,\n    handleMouseMove as handleFreehandMouseMove,\n    handleMouseUp as handleFreehandMouseUp,\n}\n"],
+  "mappings": "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",
+  "names": ["startX", "startY"]
+}