@elixpo/lixsketch 5.4.7 → 5.5.1

package/dist/react/chunk-I6HCCIXB.js

@@ -0,0 +1,572 @@
+"use client";
+import {
+  calculateSnap,
+  cleanupAttachments,
+  clearSnapGuides
+} from "./chunk-BZE4CEBG.js";
+import {
+  pushCreateAction,
+  pushDeleteAction,
+  pushFrameAttachmentAction,
+  pushOptionsChangeAction,
+  pushTransformAction
+} from "./chunk-L5OARZJ7.js";
+
+// src/tools/circleTool.js
+function getThemeStroke() {
+  if (typeof document === "undefined") return "#fff";
+  return document.body && document.body.classList.contains("theme-dark") ? "#fff" : "#1a1a2e";
+}
+var isDrawingCircle = false;
+var isDraggingShapeCircle = false;
+var isResizingShapeCircle = false;
+var isRotatingShapeCircle = false;
+var resizingAnchorIndexCircle = null;
+var startRotationMouseAngleCircle = null;
+var startShapeRotationCircle = null;
+var rc = rough.svg(svg);
+var startX;
+var startY;
+var circleStrokecolor = null;
+var circleBackgroundColor = "transparent";
+var circleFillStyleValue = "none";
+var circleStrokeThicknes = 2;
+var circleOutlineStyle = "solid";
+var dragOldPosCircle = null;
+var draggedShapeInitialFrameCircle = null;
+var hoveredFrameCircle = null;
+var colorOptionsCircle = document.querySelectorAll(".circleStrokeSpan");
+var backgroundColorOptionsCircle = document.querySelectorAll(".circleBackgroundSpan");
+var fillStyleOptionsCircle = document.querySelectorAll(".circleFillStyleSpan");
+var strokeThicknessValueCircle = document.querySelectorAll(".circleStrokeThickSpan");
+var outlineStyleValueCircle = document.querySelectorAll(".circleOutlineStyle");
+function getSVGCoordsFromMouse(e) {
+  const viewBox = svg.viewBox.baseVal;
+  const rect = svg.getBoundingClientRect();
+  const mouseX = e.clientX - rect.left;
+  const mouseY = e.clientY - rect.top;
+  const svgX = viewBox.x + mouseX / rect.width * viewBox.width;
+  const svgY = viewBox.y + mouseY / rect.height * viewBox.height;
+  return { x: svgX, y: svgY };
+}
+function deleteCurrentShape() {
+  if (currentShape && currentShape.shapeName === "circle") {
+    const idx = shapes.indexOf(currentShape);
+    if (idx !== -1) shapes.splice(idx, 1);
+    cleanupAttachments(currentShape);
+    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 === "circle") {
+    deleteCurrentShape();
+  }
+});
+var handleMouseDown = (e) => {
+  const { x: svgMouseX, y: svgMouseY } = getSVGCoordsFromMouse(e);
+  if (isCircleToolActive) {
+    startX = svgMouseX;
+    startY = svgMouseY;
+    isDrawingCircle = true;
+    if (currentShape) {
+      currentShape.removeSelection();
+      currentShape = null;
+      disableAllSideBars();
+    }
+    let initialOptions = {
+      stroke: circleStrokecolor ?? getThemeStroke(),
+      fill: circleBackgroundColor,
+      fillStyle: circleFillStyleValue,
+      strokeWidth: circleStrokeThicknes
+    };
+    if (circleOutlineStyle === "dashed") {
+      initialOptions.strokeDasharray = "5,5";
+    } else if (circleOutlineStyle === "dotted") {
+      initialOptions.strokeDasharray = "2,8";
+    } else {
+      initialOptions.strokeDasharray = "";
+    }
+    currentShape = new Circle(startX, startY, 0, 0, initialOptions);
+  } else if (isSelectionToolActive) {
+    let clickedOnShape = false;
+    if (currentShape && currentShape.shapeName === "circle" && currentShape.isSelected) {
+      const anchorInfo = currentShape.isNearAnchor(svgMouseX, svgMouseY);
+      if (anchorInfo) {
+        dragOldPosCircle = {
+          x: currentShape.x,
+          y: currentShape.y,
+          rx: currentShape.rx,
+          ry: currentShape.ry,
+          rotation: currentShape.rotation
+        };
+        if (anchorInfo.type === "resize") {
+          isResizingShapeCircle = true;
+          resizingAnchorIndexCircle = anchorInfo.index;
+        } else if (anchorInfo.type === "rotate") {
+          isRotatingShapeCircle = true;
+          const CTM = currentShape.group.getCTM();
+          if (CTM) {
+            const svgPoint = svg.createSVGPoint();
+            svgPoint.x = currentShape.x;
+            svgPoint.y = currentShape.y;
+            const centerSVGPoint = svgPoint.matrixTransform(CTM);
+            startRotationMouseAngleCircle = Math.atan2(svgMouseY - centerSVGPoint.y, svgMouseX - centerSVGPoint.x) * (180 / Math.PI);
+            startShapeRotationCircle = currentShape.rotation;
+          } else {
+            isRotatingShapeCircle = false;
+          }
+        }
+        clickedOnShape = true;
+      } else if (currentShape.contains(svgMouseX, svgMouseY)) {
+        isDraggingShapeCircle = true;
+        dragOldPosCircle = {
+          x: currentShape.x,
+          y: currentShape.y,
+          rx: currentShape.rx,
+          ry: currentShape.ry,
+          rotation: currentShape.rotation
+        };
+        draggedShapeInitialFrameCircle = currentShape.parentFrame || null;
+        if (currentShape.parentFrame) {
+          currentShape.parentFrame.temporarilyRemoveFromFrame(currentShape);
+        }
+        startX = svgMouseX;
+        startY = svgMouseY;
+        clickedOnShape = true;
+      }
+    }
+    if (!clickedOnShape) {
+      let shapeToSelect = null;
+      for (let i = shapes.length - 1; i >= 0; i--) {
+        const shape = shapes[i];
+        if (shape.shapeName === "circle" && shape.contains(svgMouseX, svgMouseY)) {
+          shapeToSelect = shape;
+          break;
+        }
+      }
+      if (currentShape && currentShape !== shapeToSelect) {
+        currentShape.removeSelection();
+        currentShape = null;
+        disableAllSideBars();
+      }
+      if (shapeToSelect) {
+        currentShape = shapeToSelect;
+        currentShape.isSelected = true;
+        currentShape.draw();
+        isDraggingShapeCircle = true;
+        dragOldPosCircle = {
+          x: currentShape.x,
+          y: currentShape.y,
+          rx: currentShape.rx,
+          ry: currentShape.ry,
+          rotation: currentShape.rotation
+        };
+        draggedShapeInitialFrameCircle = currentShape.parentFrame || null;
+        if (currentShape.parentFrame) {
+          currentShape.parentFrame.temporarilyRemoveFromFrame(currentShape);
+        }
+        startX = svgMouseX;
+        startY = svgMouseY;
+        clickedOnShape = true;
+      }
+    }
+    if (!clickedOnShape && currentShape) {
+      currentShape.removeSelection();
+      currentShape = null;
+      disableAllSideBars();
+    }
+  }
+};
+var handleMouseMove = (e) => {
+  const { x: svgMouseX, y: svgMouseY } = getSVGCoordsFromMouse(e);
+  const svgRect = svg.getBoundingClientRect();
+  lastMousePos = {
+    x: e.clientX - svgRect.left,
+    y: e.clientY - svgRect.top
+  };
+  if (isDrawingCircle && isCircleToolActive && currentShape) {
+    currentShape.x = (startX + svgMouseX) / 2;
+    currentShape.y = (startY + svgMouseY) / 2;
+    currentShape.rx = Math.abs(svgMouseX - startX) / 2;
+    currentShape.ry = Math.abs(svgMouseY - startY) / 2;
+    currentShape.draw();
+    shapes.forEach((frame) => {
+      if (frame.shapeName === "frame") {
+        if (frame.isShapeInFrame(currentShape)) {
+          frame.highlightFrame();
+          hoveredFrameCircle = frame;
+        } else if (hoveredFrameCircle === frame) {
+          frame.removeHighlight();
+          hoveredFrameCircle = null;
+        }
+      }
+    });
+  } else if (isDraggingShapeCircle && currentShape && currentShape.isSelected) {
+    const dx = svgMouseX - startX;
+    const dy = svgMouseY - startY;
+    currentShape.move(dx, dy);
+    startX = svgMouseX;
+    startY = svgMouseY;
+    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();
+    }
+    let newHover = null;
+    for (const f of shapes) {
+      if (f.shapeName !== "frame") continue;
+      if (f === currentShape) continue;
+      if (typeof f.isShapeInFrame === "function" && f.isShapeInFrame(currentShape)) {
+        newHover = f;
+        break;
+      }
+    }
+    if (hoveredFrameCircle && hoveredFrameCircle !== newHover && typeof hoveredFrameCircle.removeHighlight === "function") {
+      hoveredFrameCircle.removeHighlight();
+    }
+    if (newHover && newHover !== hoveredFrameCircle && typeof newHover.highlightFrame === "function") {
+      newHover.highlightFrame();
+    }
+    hoveredFrameCircle = newHover;
+  } else if (isResizingShapeCircle && currentShape && currentShape.isSelected) {
+    currentShape.updatePosition(resizingAnchorIndexCircle, svgMouseX, svgMouseY);
+    currentShape._skipAnchors = true;
+    currentShape.draw();
+    currentShape._skipAnchors = false;
+  } else if (isRotatingShapeCircle && currentShape && currentShape.isSelected) {
+    const CTM = currentShape.group.getCTM();
+    if (CTM) {
+      const svgPoint = svg.createSVGPoint();
+      svgPoint.x = currentShape.x;
+      svgPoint.y = currentShape.y;
+      const centerSVGPoint = svgPoint.matrixTransform(CTM);
+      const currentMouseAngle = Math.atan2(svgMouseY - centerSVGPoint.y, svgMouseX - centerSVGPoint.x) * (180 / Math.PI);
+      const angleDiff = currentMouseAngle - startRotationMouseAngleCircle;
+      let newRotation = startShapeRotationCircle + angleDiff;
+      const snapAngle = 15;
+      if (e.shiftKey) {
+        newRotation = Math.round(newRotation / snapAngle) * snapAngle;
+      }
+      currentShape.rotate(newRotation);
+      currentShape._skipAnchors = true;
+      currentShape.draw();
+      currentShape._skipAnchors = false;
+      svg.style.cursor = "grabbing";
+    } else {
+      isRotatingShapeCircle = false;
+      svg.style.cursor = "default";
+    }
+  } else if (isSelectionToolActive && !isDrawingCircle && currentShape && currentShape.isSelected) {
+    const anchorInfo = currentShape.isNearAnchor(svgMouseX, svgMouseY);
+    if (anchorInfo) {
+      if (anchorInfo.type === "resize") {
+        const baseDirection = anchorInfo.index;
+        const rotatedCursor = currentShape.getRotatedCursor(baseDirection, currentShape.rotation);
+        svg.style.cursor = rotatedCursor + "-resize";
+      } else if (anchorInfo.type === "rotate") {
+        svg.style.cursor = "grab";
+      }
+    } else if (currentShape.contains(svgMouseX, svgMouseY)) {
+      svg.style.cursor = "move";
+    } else {
+      svg.style.cursor = "default";
+    }
+  } else if (isSelectionToolActive && !isDrawingCircle && !isDraggingShapeCircle && !isResizingShapeCircle && !isRotatingShapeCircle) {
+    let hoveredShape = null;
+    for (let i = shapes.length - 1; i >= 0; i--) {
+      const shape = shapes[i];
+      if (shape.shapeName === "circle" && shape.contains(svgMouseX, svgMouseY)) {
+        hoveredShape = shape;
+        break;
+      }
+    }
+    if (hoveredShape) {
+      svg.style.cursor = "pointer";
+    } else {
+      svg.style.cursor = "default";
+    }
+  }
+};
+var handleMouseUp = (e) => {
+  if (isDrawingCircle && currentShape) {
+    if (currentShape.rx === 0 && currentShape.ry === 0) {
+      if (currentShape.group.parentNode) {
+        currentShape.group.parentNode.removeChild(currentShape.group);
+      }
+      currentShape = null;
+    } else {
+      shapes.push(currentShape);
+      pushCreateAction(currentShape);
+      const finalFrame = hoveredFrameCircle;
+      if (finalFrame) {
+        finalFrame.addShapeToFrame(currentShape);
+        pushFrameAttachmentAction(finalFrame, currentShape, "attach", null);
+      }
+      const drawnShape = currentShape;
+      if (window.__sketchStoreApi) window.__sketchStoreApi.setActiveTool("select", { afterDraw: true });
+      currentShape = drawnShape;
+      currentShape.isSelected = true;
+      if (typeof currentShape.addAnchors === "function") {
+        currentShape.addAnchors();
+      }
+    }
+    if (hoveredFrameCircle) {
+      hoveredFrameCircle.removeHighlight();
+      hoveredFrameCircle = null;
+    }
+  }
+  if ((isDraggingShapeCircle || isResizingShapeCircle || isRotatingShapeCircle) && dragOldPosCircle && currentShape) {
+    const newPos = {
+      x: currentShape.x,
+      y: currentShape.y,
+      rx: currentShape.rx,
+      ry: currentShape.ry,
+      rotation: currentShape.rotation,
+      parentFrame: isDraggingShapeCircle ? hoveredFrameCircle || null : currentShape.parentFrame
+    };
+    const oldPos = {
+      ...dragOldPosCircle,
+      parentFrame: draggedShapeInitialFrameCircle
+    };
+    const stateChanged = oldPos.x !== newPos.x || oldPos.y !== newPos.y || oldPos.rx !== newPos.rx || oldPos.ry !== newPos.ry || oldPos.rotation !== newPos.rotation;
+    const frameChanged = oldPos.parentFrame !== newPos.parentFrame;
+    if (stateChanged || frameChanged) {
+      const oldPosForUndo = {
+        x: oldPos.x,
+        y: oldPos.y,
+        rx: oldPos.rx,
+        ry: oldPos.ry,
+        rotation: oldPos.rotation,
+        parentFrame: oldPos.parentFrame
+      };
+      const newPosForUndo = {
+        x: newPos.x,
+        y: newPos.y,
+        rx: newPos.rx,
+        ry: newPos.ry,
+        rotation: newPos.rotation,
+        parentFrame: newPos.parentFrame
+      };
+      pushTransformAction(currentShape, oldPosForUndo, newPosForUndo);
+    }
+    if (isDraggingShapeCircle) {
+      const finalFrame = hoveredFrameCircle;
+      if (draggedShapeInitialFrameCircle !== finalFrame) {
+        if (draggedShapeInitialFrameCircle) {
+          draggedShapeInitialFrameCircle.removeShapeFromFrame(currentShape);
+        }
+        if (finalFrame) {
+          finalFrame.addShapeToFrame(currentShape);
+        }
+        if (frameChanged) {
+          pushFrameAttachmentAction(
+            finalFrame || draggedShapeInitialFrameCircle,
+            currentShape,
+            finalFrame ? "attach" : "detach",
+            draggedShapeInitialFrameCircle
+          );
+        }
+      } else if (draggedShapeInitialFrameCircle) {
+        draggedShapeInitialFrameCircle.restoreToFrame(currentShape);
+      }
+    }
+    dragOldPosCircle = null;
+    draggedShapeInitialFrameCircle = null;
+  }
+  if (hoveredFrameCircle) {
+    hoveredFrameCircle.removeHighlight();
+    hoveredFrameCircle = null;
+  }
+  clearSnapGuides();
+  isDrawingCircle = false;
+  isDraggingShapeCircle = false;
+  isResizingShapeCircle = false;
+  isRotatingShapeCircle = false;
+  resizingAnchorIndexCircle = null;
+  startRotationMouseAngleCircle = null;
+  startShapeRotationCircle = 0;
+  svg.style.cursor = "default";
+};
+colorOptionsCircle.forEach((span) => {
+  span.addEventListener("click", function(event) {
+    event.stopPropagation();
+    if (currentShape && currentShape.shapeName === "circle" && currentShape.isSelected) {
+      const color = this.getAttribute("data-id");
+      const oldOptions = { ...currentShape.options };
+      currentShape.options.stroke = color;
+      currentShape.draw();
+      currentShape.updateSidebar();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      circleStrokecolor = this.getAttribute("data-id");
+    }
+    colorOptionsCircle.forEach((span2) => {
+      span2.classList.remove("selected");
+    });
+    this.classList.add("selected");
+  });
+});
+backgroundColorOptionsCircle.forEach((span) => {
+  span.addEventListener("click", function(event) {
+    event.stopPropagation();
+    if (currentShape && currentShape.shapeName === "circle" && currentShape.isSelected) {
+      const color = this.getAttribute("data-id");
+      const oldOptions = { ...currentShape.options };
+      currentShape.options.fill = color;
+      currentShape.draw();
+      currentShape.updateSidebar();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      circleBackgroundColor = this.getAttribute("data-id");
+    }
+    backgroundColorOptionsCircle.forEach((span2) => {
+      span2.classList.remove("selected");
+    });
+    this.classList.add("selected");
+  });
+});
+fillStyleOptionsCircle.forEach((span) => {
+  span.addEventListener("click", function(event) {
+    event.stopPropagation();
+    if (currentShape && currentShape.shapeName === "circle" && currentShape.isSelected) {
+      const style = this.getAttribute("data-id");
+      const oldOptions = { ...currentShape.options };
+      currentShape.options.fillStyle = style;
+      currentShape.draw();
+      currentShape.updateSidebar();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      circleFillStyleValue = this.getAttribute("data-id");
+    }
+    fillStyleOptionsCircle.forEach((span2) => {
+      span2.classList.remove("selected");
+    });
+    this.classList.add("selected");
+  });
+});
+strokeThicknessValueCircle.forEach((span) => {
+  span.addEventListener("click", function(event) {
+    event.stopPropagation();
+    if (currentShape && currentShape.shapeName === "circle" && currentShape.isSelected) {
+      const thick = parseInt(this.getAttribute("data-id"), 10);
+      const oldOptions = { ...currentShape.options };
+      currentShape.options.strokeWidth = thick;
+      currentShape.draw();
+      currentShape.updateSidebar();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      circleStrokeThicknes = parseInt(this.getAttribute("data-id"), 10);
+    }
+    strokeThicknessValueCircle.forEach((span2) => {
+      span2.classList.remove("selected");
+    });
+    this.classList.add("selected");
+  });
+});
+outlineStyleValueCircle.forEach((span) => {
+  span.addEventListener("click", function(event) {
+    event.stopPropagation();
+    if (currentShape && currentShape.shapeName === "circle" && currentShape.isSelected) {
+      const style = this.getAttribute("data-id");
+      const oldOptions = { ...currentShape.options };
+      if (style === "dashed") {
+        currentShape.options.strokeDasharray = "5,5";
+      } else if (style === "dotted") {
+        currentShape.options.strokeDasharray = "2,8";
+      } else {
+        currentShape.options.strokeDasharray = "";
+      }
+      currentShape.draw();
+      currentShape.updateSidebar();
+      pushOptionsChangeAction(currentShape, oldOptions);
+    } else {
+      circleOutlineStyle = this.getAttribute("data-id");
+    }
+    outlineStyleValueCircle.forEach((span2) => {
+      span2.classList.remove("selected");
+    });
+    this.classList.add("selected");
+  });
+});
+window.Circle = Circle;
+window.circleToolSettings = {
+  get strokeColor() {
+    return circleStrokecolor;
+  },
+  set strokeColor(v) {
+    circleStrokecolor = v;
+  },
+  get bgColor() {
+    return circleBackgroundColor;
+  },
+  set bgColor(v) {
+    circleBackgroundColor = v;
+  },
+  get fillStyle() {
+    return circleFillStyleValue;
+  },
+  set fillStyle(v) {
+    circleFillStyleValue = v;
+  },
+  get strokeWidth() {
+    return circleStrokeThicknes;
+  },
+  set strokeWidth(v) {
+    circleStrokeThicknes = v;
+  },
+  get outlineStyle() {
+    return circleOutlineStyle;
+  },
+  set outlineStyle(v) {
+    circleOutlineStyle = v;
+  }
+};
+window.updateSelectedCircleStyle = function(changes) {
+  if (currentShape && currentShape.shapeName === "circle" && currentShape.isSelected) {
+    pushOptionsChangeAction(currentShape, { ...currentShape.options });
+    if (changes.stroke !== void 0) {
+      circleStrokecolor = changes.stroke;
+      currentShape.options.stroke = changes.stroke;
+    }
+    if (changes.fill !== void 0) {
+      circleBackgroundColor = changes.fill;
+      currentShape.options.fill = changes.fill;
+    }
+    if (changes.fillStyle !== void 0) {
+      circleFillStyleValue = changes.fillStyle;
+      currentShape.options.fillStyle = changes.fillStyle;
+    }
+    if (changes.strokeWidth !== void 0) {
+      circleStrokeThicknes = changes.strokeWidth;
+      currentShape.options.strokeWidth = changes.strokeWidth;
+    }
+    if (changes.outlineStyle !== void 0) {
+      circleOutlineStyle = changes.outlineStyle;
+      if (changes.outlineStyle === "dashed") currentShape.options.strokeDasharray = "5,5";
+      else if (changes.outlineStyle === "dotted") currentShape.options.strokeDasharray = "2,8";
+      else currentShape.options.strokeDasharray = "";
+    }
+    currentShape.draw();
+  } else {
+    if (changes.stroke !== void 0) circleStrokecolor = changes.stroke;
+    if (changes.fill !== void 0) circleBackgroundColor = changes.fill;
+    if (changes.fillStyle !== void 0) circleFillStyleValue = changes.fillStyle;
+    if (changes.strokeWidth !== void 0) circleStrokeThicknes = changes.strokeWidth;
+    if (changes.outlineStyle !== void 0) circleOutlineStyle = changes.outlineStyle;
+  }
+};
+
+export {
+  handleMouseDown,
+  handleMouseMove,
+  handleMouseUp
+};
+//# sourceMappingURL=chunk-I6HCCIXB.js.map

package/dist/react/chunk-I6HCCIXB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tools/circleTool.js"],
+  "sourcesContent": ["/* eslint-disable */\n// Circle tool event handlers - extracted from drawCircle.js\nimport { pushCreateAction, pushDeleteAction, pushOptionsChangeAction, pushTransformAction, pushFrameAttachmentAction } from '../core/UndoRedo.js';\nimport { 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\nlet isDrawingCircle = false;\nlet isDraggingShapeCircle = false;\nlet isResizingShapeCircle = false;\nlet isRotatingShapeCircle = false;\nlet resizingAnchorIndexCircle = null;\n\nlet startRotationMouseAngleCircle = null;\nlet startShapeRotationCircle = null;\nconst rc = rough.svg(svg);\nlet startX, startY;\n\n\nlet circleStrokecolor = null;\nlet circleBackgroundColor = \"transparent\";\nlet circleFillStyleValue = \"none\";\nlet circleStrokeThicknes = 2;\nlet circleOutlineStyle = \"solid\";\n\nlet dragOldPosCircle = null;\nlet draggedShapeInitialFrameCircle = null;\nlet hoveredFrameCircle = null;\nlet colorOptionsCircle = document.querySelectorAll(\".circleStrokeSpan\");\nlet backgroundColorOptionsCircle = document.querySelectorAll(\".circleBackgroundSpan\");\nlet fillStyleOptionsCircle = document.querySelectorAll(\".circleFillStyleSpan\");\nlet strokeThicknessValueCircle = document.querySelectorAll(\".circleStrokeThickSpan\");\nlet outlineStyleValueCircle = document.querySelectorAll(\".circleOutlineStyle\");\n\n\n\nfunction getSVGCoordsFromMouse(e) {\n    const viewBox = svg.viewBox.baseVal;\n    const rect = svg.getBoundingClientRect();\n    const mouseX = e.clientX - rect.left;\n    const mouseY = e.clientY - rect.top;\n    const svgX = viewBox.x + (mouseX / rect.width) * viewBox.width;\n    const svgY = viewBox.y + (mouseY / rect.height) * viewBox.height;\n    return { x: svgX, y: svgY };\n}\n\n\nfunction deleteCurrentShape() {\n    if (currentShape && currentShape.shapeName === 'circle') {\n        const idx = shapes.indexOf(currentShape);\n        if (idx !== -1) shapes.splice(idx, 1);\n        \n        // Clean up any arrow attachments before deleting\n        cleanupAttachments(currentShape);\n        \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 === 'circle') {\n        deleteCurrentShape();\n    }\n});\n\nconst handleMouseDown = (e) => {\n    const {x: svgMouseX, y: svgMouseY} = getSVGCoordsFromMouse(e);\n\n    if(isCircleToolActive)\n    {\n        startX = svgMouseX;\n        startY = svgMouseY;\n        isDrawingCircle = true;\n\n        if(currentShape) \n        {\n            currentShape.removeSelection();\n            currentShape = null;\n            disableAllSideBars();\n        }\n        let initialOptions = {\n            stroke: circleStrokecolor ?? getThemeStroke(),\n            fill: circleBackgroundColor,\n            fillStyle: circleFillStyleValue,\n            strokeWidth: circleStrokeThicknes,\n        };\n        if(circleOutlineStyle === \"dashed\") {\n            initialOptions.strokeDasharray = \"5,5\";\n        }\n        else if(circleOutlineStyle === \"dotted\") {\n            initialOptions.strokeDasharray = \"2,8\";\n        } else {\n            initialOptions.strokeDasharray = \"\";\n        }\n\n        currentShape = new Circle(startX, startY, 0, 0, initialOptions);\n    }\n\n    else if(isSelectionToolActive) \n    {\n        let clickedOnShape = false;\n        if (currentShape && currentShape.shapeName === 'circle' && currentShape.isSelected)\n        {\n            const anchorInfo = currentShape.isNearAnchor(svgMouseX, svgMouseY);\n            if (anchorInfo) {\n                dragOldPosCircle = { \n                    x: currentShape.x, \n                    y: currentShape.y, \n                    rx: currentShape.rx, \n                    ry: currentShape.ry, \n                    rotation: currentShape.rotation \n                };\n                if(anchorInfo.type === 'resize') \n                {\n                    isResizingShapeCircle = true;\n                    resizingAnchorIndexCircle = anchorInfo.index;\n                }\n                else if(anchorInfo.type === 'rotate') \n                {\n                    isRotatingShapeCircle = true;\n                    const CTM = currentShape.group.getCTM();\n                    if(CTM)\n                    {\n                        const svgPoint = svg.createSVGPoint();\n                        svgPoint.x = currentShape.x;\n                        svgPoint.y = currentShape.y;\n                        const centerSVGPoint = svgPoint.matrixTransform(CTM);\n                        startRotationMouseAngleCircle = Math.atan2(svgMouseY - centerSVGPoint.y, svgMouseX - centerSVGPoint.x) * (180 / Math.PI);\n                        startShapeRotationCircle = currentShape.rotation;\n                    }\n                    else \n                    {\n                        isRotatingShapeCircle = false;\n                    }\n                }\n                clickedOnShape = true;\n            }\n            else if (currentShape.contains(svgMouseX, svgMouseY)) \n            {\n                isDraggingShapeCircle = true;\n                dragOldPosCircle = { \n                    x: currentShape.x, \n                    y: currentShape.y, \n                    rx: currentShape.rx, \n                    ry: currentShape.ry, \n                    rotation: currentShape.rotation \n                };\n                \n                // Store initial frame state\n                draggedShapeInitialFrameCircle = 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 = svgMouseX;\n                startY = svgMouseY;\n                clickedOnShape = true;\n            }\n        }\n        if (!clickedOnShape) \n        {\n            let shapeToSelect = null;\n            for (let i = shapes.length - 1; i >= 0; i--) {\n                const shape = shapes[i];\n                if (shape.shapeName === 'circle' && shape.contains(svgMouseX, svgMouseY)) {\n                    shapeToSelect = shape;\n                    break; \n                }\n            }\n            if (currentShape && currentShape !== shapeToSelect) {\n                currentShape.removeSelection();\n                currentShape = null;\n                disableAllSideBars();\n            }\n            if(shapeToSelect)\n            {\n                currentShape = shapeToSelect;\n                currentShape.isSelected = true;\n                currentShape.draw();\n                isDraggingShapeCircle = true;\n                dragOldPosCircle = { \n                    x: currentShape.x, \n                    y: currentShape.y, \n                    rx: currentShape.rx, \n                    ry: currentShape.ry, \n                    rotation: currentShape.rotation \n                };\n                \n                // Store initial frame state\n                draggedShapeInitialFrameCircle = 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 = svgMouseX;\n                startY = svgMouseY;\n                clickedOnShape = true;\n            }\n        }\n        if(!clickedOnShape && currentShape) {\n            currentShape.removeSelection();\n            currentShape = null;\n            disableAllSideBars();\n        }\n    }\n};\n\nconst handleMouseMove = (e) => {\n\n    const {x: svgMouseX, y: svgMouseY} = getSVGCoordsFromMouse(e);\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(isDrawingCircle && isCircleToolActive && currentShape)   \n    {\n        currentShape.x = (startX + svgMouseX) / 2;\n        currentShape.y = (startY + svgMouseY) / 2;\n        currentShape.rx = Math.abs(svgMouseX - startX) / 2;\n        currentShape.ry = Math.abs(svgMouseY - startY) / 2;\n        currentShape.draw();\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(currentShape)) {\n                    frame.highlightFrame();\n                    hoveredFrameCircle = frame;\n                } else if (hoveredFrameCircle === frame) {\n                    frame.removeHighlight();\n                    hoveredFrameCircle = null;\n                }\n            }\n        });\n    }\n    else if (isDraggingShapeCircle && currentShape && currentShape.isSelected) {\n        const dx = svgMouseX - startX;\n        const dy = svgMouseY - startY;\n        currentShape.move(dx, dy);\n        startX = svgMouseX;\n        startY = svgMouseY;\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\n        // Issue #24 bug #4: track containing frame during drag (see same\n        // block in rectangleTool for the rationale).\n        let newHover = null;\n        for (const f of shapes) {\n            if (f.shapeName !== 'frame') continue;\n            if (f === currentShape) continue;\n            if (typeof f.isShapeInFrame === 'function' && f.isShapeInFrame(currentShape)) {\n                newHover = f;\n                break;\n            }\n        }\n        if (hoveredFrameCircle && hoveredFrameCircle !== newHover && typeof hoveredFrameCircle.removeHighlight === 'function') {\n            hoveredFrameCircle.removeHighlight();\n        }\n        if (newHover && newHover !== hoveredFrameCircle && typeof newHover.highlightFrame === 'function') {\n            newHover.highlightFrame();\n        }\n        hoveredFrameCircle = newHover;\n    }\n       \n    else if(isResizingShapeCircle && currentShape && currentShape.isSelected)\n    {\n        currentShape.updatePosition(resizingAnchorIndexCircle, svgMouseX, svgMouseY);\n        currentShape._skipAnchors = true;\n        currentShape.draw();\n        currentShape._skipAnchors = false;\n    }\n    else if (isRotatingShapeCircle && currentShape && currentShape.isSelected)\n    {\n        const CTM = currentShape.group.getCTM();\n        if(CTM) {\n            const svgPoint = svg.createSVGPoint();\n            svgPoint.x = currentShape.x;\n            svgPoint.y = currentShape.y;\n            const centerSVGPoint = svgPoint.matrixTransform(CTM);\n            const currentMouseAngle = Math.atan2(svgMouseY - centerSVGPoint.y, svgMouseX - centerSVGPoint.x) * (180 / Math.PI);\n            const angleDiff = currentMouseAngle - startRotationMouseAngleCircle;\n            let newRotation = startShapeRotationCircle + angleDiff;\n            const snapAngle = 15;\n            if (e.shiftKey) {\n                newRotation = Math.round(newRotation / snapAngle) * snapAngle;\n            }\n            currentShape.rotate(newRotation);\n            currentShape._skipAnchors = true;\n            currentShape.draw();\n            currentShape._skipAnchors = false;\n            svg.style.cursor = 'grabbing'; \n        }\n        else \n        {\n            isRotatingShapeCircle = false; \n            svg.style.cursor = 'default';\n        }\n    }\n    else if (isSelectionToolActive && !isDrawingCircle && currentShape && currentShape.isSelected) \n    {\n        const anchorInfo = currentShape.isNearAnchor(svgMouseX, svgMouseY);\n        if(anchorInfo)\n        {\n            if(anchorInfo.type === 'resize') {\n                const baseDirection = anchorInfo.index; \n                const rotatedCursor = currentShape.getRotatedCursor(baseDirection, currentShape.rotation);\n                svg.style.cursor = rotatedCursor + '-resize';\n            }\n            else if(anchorInfo.type === 'rotate') {\n                svg.style.cursor = 'grab';\n            }\n        }\n        else if(currentShape.contains(svgMouseX, svgMouseY)) {\n            svg.style.cursor = 'move';\n        }\n        else \n        {\n            svg.style.cursor = 'default';\n        }\n    }\n    else if (isSelectionToolActive && !isDrawingCircle && !isDraggingShapeCircle && !isResizingShapeCircle && !isRotatingShapeCircle) \n    {\n        let hoveredShape = null;\n        for (let i = shapes.length - 1; i >= 0; i--) {\n            const shape = shapes[i];\n            if (shape.shapeName === 'circle' && shape.contains(svgMouseX, svgMouseY)) {\n                hoveredShape = shape;\n                break; \n            }\n        }\n        if (hoveredShape) {\n            svg.style.cursor = 'pointer';\n        } else {\n            svg.style.cursor = 'default';\n        }\n    }\n}\n\nconst handleMouseUp = (e) => {\n    if (isDrawingCircle && currentShape) {\n        if(currentShape.rx === 0 && currentShape.ry === 0) {\n            if (currentShape.group.parentNode) {\n                currentShape.group.parentNode.removeChild(currentShape.group);\n            }\n            currentShape = null;\n        } else {\n            shapes.push(currentShape);\n            pushCreateAction(currentShape);\n\n            // Check for frame containment and track attachment\n            const finalFrame = hoveredFrameCircle;\n            if (finalFrame) {\n                finalFrame.addShapeToFrame(currentShape);\n                // Track the attachment for undo\n                pushFrameAttachmentAction(finalFrame, currentShape, 'attach', null);\n            }\n\n            // Auto-select the drawn shape and switch to selection tool\n            const drawnShape = currentShape;\n            if (window.__sketchStoreApi) window.__sketchStoreApi.setActiveTool('select', { afterDraw: true });\n            currentShape = drawnShape;\n            currentShape.isSelected = true;\n            if (typeof currentShape.addAnchors === 'function') {\n                currentShape.addAnchors();\n            }\n        }\n        \n        // Clear frame highlighting\n        if (hoveredFrameCircle) {\n            hoveredFrameCircle.removeHighlight();\n            hoveredFrameCircle = null;\n        }\n    }\n    \n    if((isDraggingShapeCircle || isResizingShapeCircle || isRotatingShapeCircle) && dragOldPosCircle && currentShape) {\n        // Issue #34 bug #2: see rectangleTool \u2014 record the hovered frame\n        // as the destination, not the stale `parentFrame` (containment\n        // transfer happens later in this handler).\n        const newPos = {\n            x: currentShape.x,\n            y: currentShape.y,\n            rx: currentShape.rx,\n            ry: currentShape.ry,\n            rotation: currentShape.rotation,\n            parentFrame: isDraggingShapeCircle ? (hoveredFrameCircle || null) : currentShape.parentFrame,\n        };\n        const oldPos = {\n            ...dragOldPosCircle,\n            parentFrame: draggedShapeInitialFrameCircle\n        };\n        \n        const stateChanged = oldPos.x !== newPos.x || oldPos.y !== newPos.y ||\n                              oldPos.rx !== newPos.rx || oldPos.ry !== newPos.ry || \n                              oldPos.rotation !== newPos.rotation;\n\n        const frameChanged = oldPos.parentFrame !== newPos.parentFrame;\n\n        if (stateChanged || frameChanged) {\n            const oldPosForUndo = {\n                x: oldPos.x,\n                y: oldPos.y,\n                rx: oldPos.rx,\n                ry: oldPos.ry,\n                rotation: oldPos.rotation,\n                parentFrame: oldPos.parentFrame\n            };\n            const newPosForUndo = {\n                x: newPos.x,\n                y: newPos.y,\n                rx: newPos.rx,\n                ry: newPos.ry,\n                rotation: newPos.rotation,\n                parentFrame: newPos.parentFrame\n            };\n            pushTransformAction(currentShape, oldPosForUndo, newPosForUndo);\n        }\n        \n        // Handle frame containment changes after drag\n        if (isDraggingShapeCircle) {\n            const finalFrame = hoveredFrameCircle;\n            \n            // If shape moved to a different frame\n            if (draggedShapeInitialFrameCircle !== finalFrame) {\n                // Remove from initial frame\n                if (draggedShapeInitialFrameCircle) {\n                    draggedShapeInitialFrameCircle.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 || draggedShapeInitialFrameCircle, currentShape, \n                        finalFrame ? 'attach' : 'detach', draggedShapeInitialFrameCircle);\n                }\n            } else if (draggedShapeInitialFrameCircle) {\n                // Shape stayed in same frame, restore clipping\n                draggedShapeInitialFrameCircle.restoreToFrame(currentShape);\n            }\n        }\n        \n        dragOldPosCircle = null;\n        draggedShapeInitialFrameCircle = null;\n    }\n    \n    // Clear frame highlighting\n    if (hoveredFrameCircle) {\n        hoveredFrameCircle.removeHighlight();\n        hoveredFrameCircle = null;\n    }\n\n    clearSnapGuides();\n    isDrawingCircle = false;\n    isDraggingShapeCircle = false;\n    isResizingShapeCircle = false;\n    isRotatingShapeCircle = false;\n    resizingAnchorIndexCircle = null;\n    startRotationMouseAngleCircle = null;\n    startShapeRotationCircle = 0;\n    svg.style.cursor = 'default';\n}\n\n\ncolorOptionsCircle.forEach(span => {\n    span.addEventListener('click', function(event) {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'circle' && currentShape.isSelected) {\n            const color = this.getAttribute('data-id');\n            const oldOptions = {...currentShape.options};\n            currentShape.options.stroke = color;\n            currentShape.draw();\n            currentShape.updateSidebar();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        }\n        else \n        {\n            circleStrokecolor = this.getAttribute('data-id');\n        }\n        colorOptionsCircle.forEach(span => {\n            span.classList.remove('selected');\n        });\n        this.classList.add('selected');\n    });\n});\nbackgroundColorOptionsCircle.forEach(span => {\n    span.addEventListener('click', function(event) {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'circle' && currentShape.isSelected) {\n            const color = this.getAttribute('data-id');\n            const oldOptions = {...currentShape.options};\n            currentShape.options.fill = color;\n            currentShape.draw();\n            currentShape.updateSidebar();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        }\n        else \n        {\n            circleBackgroundColor = this.getAttribute('data-id');\n        }\n        backgroundColorOptionsCircle.forEach(span => {\n            span.classList.remove('selected');\n        });\n        this.classList.add('selected');\n    });\n});\nfillStyleOptionsCircle.forEach(span => {\n    span.addEventListener('click', function(event) {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'circle' && currentShape.isSelected) {\n            const style = this.getAttribute('data-id');\n            const oldOptions = {...currentShape.options};\n            currentShape.options.fillStyle = style;\n            currentShape.draw();\n            currentShape.updateSidebar();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        }\n        else \n        {\n            circleFillStyleValue = this.getAttribute('data-id');\n        }\n        fillStyleOptionsCircle.forEach(span => {\n            span.classList.remove('selected');\n        });\n        this.classList.add('selected');\n    });\n});\nstrokeThicknessValueCircle.forEach(span => {\n    span.addEventListener('click', function(event) {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'circle' && currentShape.isSelected) {\n            const thick = parseInt(this.getAttribute('data-id'), 10);\n            const oldOptions = {...currentShape.options};\n            currentShape.options.strokeWidth = thick;\n            currentShape.draw();\n            currentShape.updateSidebar();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        }\n        else \n        {\n            circleStrokeThicknes = parseInt(this.getAttribute('data-id'), 10);\n        }\n        strokeThicknessValueCircle.forEach(span => {\n            span.classList.remove('selected');\n        });\n        this.classList.add('selected');\n    });\n});\noutlineStyleValueCircle.forEach(span => {\n    span.addEventListener('click', function(event) {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'circle' && currentShape.isSelected) {\n            const style = this.getAttribute('data-id');\n            const oldOptions = {...currentShape.options};\n            if (style === \"dashed\") {\n                currentShape.options.strokeDasharray = \"5,5\";\n            } else if (style === \"dotted\") {\n                currentShape.options.strokeDasharray = \"2,8\";\n            } else {\n                currentShape.options.strokeDasharray = \"\";\n            }\n            currentShape.draw();\n            currentShape.updateSidebar();\n            pushOptionsChangeAction(currentShape, oldOptions);\n        }\n        else \n        {\n            circleOutlineStyle = this.getAttribute('data-id');\n        }\n        outlineStyleValueCircle.forEach(span => {\n            span.classList.remove('selected');\n        });\n        this.classList.add('selected');\n    });\n});\n\nwindow.Circle = Circle;\n\n// Bridge circle tool settings to React sidebar\nwindow.circleToolSettings = {\n    get strokeColor() { return circleStrokecolor; },\n    set strokeColor(v) { circleStrokecolor = v; },\n    get bgColor() { return circleBackgroundColor; },\n    set bgColor(v) { circleBackgroundColor = v; },\n    get fillStyle() { return circleFillStyleValue; },\n    set fillStyle(v) { circleFillStyleValue = v; },\n    get strokeWidth() { return circleStrokeThicknes; },\n    set strokeWidth(v) { circleStrokeThicknes = v; },\n    get outlineStyle() { return circleOutlineStyle; },\n    set outlineStyle(v) { circleOutlineStyle = v; },\n};\nwindow.updateSelectedCircleStyle = function(changes) {\n    if (currentShape && currentShape.shapeName === 'circle' && currentShape.isSelected) {\n        pushOptionsChangeAction(currentShape, { ...currentShape.options });\n        if (changes.stroke !== undefined) { circleStrokecolor = changes.stroke; currentShape.options.stroke = changes.stroke; }\n        if (changes.fill !== undefined) { circleBackgroundColor = changes.fill; currentShape.options.fill = changes.fill; }\n        if (changes.fillStyle !== undefined) { circleFillStyleValue = changes.fillStyle; currentShape.options.fillStyle = changes.fillStyle; }\n        if (changes.strokeWidth !== undefined) { circleStrokeThicknes = changes.strokeWidth; currentShape.options.strokeWidth = changes.strokeWidth; }\n        if (changes.outlineStyle !== undefined) {\n            circleOutlineStyle = changes.outlineStyle;\n            if (changes.outlineStyle === \"dashed\") currentShape.options.strokeDasharray = \"5,5\";\n            else if (changes.outlineStyle === \"dotted\") currentShape.options.strokeDasharray = \"2,8\";\n            else currentShape.options.strokeDasharray = \"\";\n        }\n        currentShape.draw();\n    } else {\n        if (changes.stroke !== undefined) circleStrokecolor = changes.stroke;\n        if (changes.fill !== undefined) circleBackgroundColor = changes.fill;\n        if (changes.fillStyle !== undefined) circleFillStyleValue = changes.fillStyle;\n        if (changes.strokeWidth !== undefined) circleStrokeThicknes = changes.strokeWidth;\n        if (changes.outlineStyle !== undefined) circleOutlineStyle = changes.outlineStyle;\n    }\n};\n\nexport {\n    handleMouseDown as handleMouseDownCircle,\n    handleMouseMove as handleMouseMoveCircle,\n    handleMouseUp as handleMouseUpCircle,\n}\n"],
+  "mappings": "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",
+  "names": ["span"]
+}