@elixpo/lixsketch 5.6.4 → 5.6.6

package/dist/react/{chunk-ASBC5G35.js → chunk-B6CYUZC4.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   updateAttachedArrows
-} from "./chunk-XYUFEIZR.js";
+} from "./chunk-DWEFPKDO.js";
 
 // src/shapes/ImageShape.js
 var isDragging = false;
@@ -312,4 +312,4 @@ var ImageShape = class {
 export {
   ImageShape
 };
-//# sourceMappingURL=chunk-ASBC5G35.js.map
+//# sourceMappingURL=chunk-B6CYUZC4.js.map

package/dist/react/{chunk-OP56XPWF.js → chunk-DNFPTVIP.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   updateAttachedArrows
-} from "./chunk-XYUFEIZR.js";
+} from "./chunk-DWEFPKDO.js";
 
 // src/shapes/Line.js
 var rc = rough.svg(svg);
@@ -625,4 +625,4 @@ var Line = class {
 export {
   Line
 };
-//# sourceMappingURL=chunk-OP56XPWF.js.map
+//# sourceMappingURL=chunk-DNFPTVIP.js.map

package/dist/react/{chunk-XYUFEIZR.js → chunk-DWEFPKDO.js}

@@ -5,7 +5,7 @@ import {
   pushFrameAttachmentAction,
   pushOptionsChangeAction,
   pushTransformAction
-} from "./chunk-6GPEWDRB.js";
+} from "./chunk-M7GAB24F.js";
 
 // src/core/SnapGuides.js
 var SNAP_THRESHOLD = 6;
@@ -744,4 +744,4 @@ export {
   updateAttachedArrows,
   cleanupAttachments
 };
-//# sourceMappingURL=chunk-XYUFEIZR.js.map
+//# sourceMappingURL=chunk-DWEFPKDO.js.map

package/dist/react/{chunk-GQUZPON4.js → chunk-F56XUE5S.js}

@@ -10,14 +10,14 @@ import {
   setCodeLanguage,
   updateCodeBackground,
   wrapCodeElement
-} from "./chunk-M6TMN76K.js";
+} from "./chunk-ULPIHUVC.js";
 import {
   registerRotationAnchor
 } from "./chunk-PAKA6HUX.js";
 import {
   cleanupAttachments,
   updateAttachedArrows
-} from "./chunk-XYUFEIZR.js";
+} from "./chunk-DWEFPKDO.js";
 import {
   pushCreateAction,
   pushDeleteActionWithAttachments,
@@ -26,7 +26,7 @@ import {
   pushTransformAction,
   setTextReferences,
   updateSelectedElement
-} from "./chunk-6GPEWDRB.js";
+} from "./chunk-M7GAB24F.js";
 
 // src/tools/textTool.js
 function getThemeStroke() {
@@ -1516,4 +1516,4 @@ export {
   handleTextMouseUp,
   updateCodeToggleForShape
 };
-//# sourceMappingURL=chunk-GQUZPON4.js.map
+//# sourceMappingURL=chunk-F56XUE5S.js.map

package/dist/react/{chunk-7CM5XQDN.js → chunk-G3DJQY65.js}

@@ -2,13 +2,13 @@
 import {
   calculateSnap,
   clearSnapGuides
-} from "./chunk-XYUFEIZR.js";
+} from "./chunk-DWEFPKDO.js";
 import {
   pushCreateAction,
   pushFrameAttachmentAction,
   pushOptionsChangeAction,
   pushTransformAction
-} from "./chunk-6GPEWDRB.js";
+} from "./chunk-M7GAB24F.js";
 
 // src/tools/rectangleTool.js
 var isDrawingSquare = false;
@@ -84,18 +84,10 @@ var handleMouseDownRect = (e) => {
           resizingAnchorIndexSquare = anchorInfo.index;
         } else if (anchorInfo.type === "rotate") {
           isRotatingShapeSquare = true;
-          const CTM = currentShape.group.getCTM();
-          if (CTM) {
-            const svgPoint = svg.createSVGPoint();
-            svgPoint.x = currentShape.width / 2;
-            svgPoint.y = currentShape.height / 2;
-            const centerSVG = svgPoint.matrixTransform(CTM);
-            startRotationMouseAngleSquare = Math.atan2(mouseY - centerSVG.y, mouseX - centerSVG.x) * 180 / Math.PI;
-            startShapeRotationSquare = currentShape.rotation;
-          } else {
-            isRotatingShapeSquare = false;
-            console.warn("Could not get CTM for rotation.");
-          }
+          const centerX = currentShape.x + currentShape.width / 2;
+          const centerY = currentShape.y + currentShape.height / 2;
+          startRotationMouseAngleSquare = Math.atan2(mouseY - centerY, mouseX - centerX) * 180 / Math.PI;
+          startShapeRotationSquare = currentShape.rotation;
         }
         clickedOnShape = true;
       } else if (currentShape.contains(mouseX, mouseY)) {
@@ -218,28 +210,20 @@ var handleMouseMoveRect = (e) => {
     currentShape.draw();
     currentShape._skipAnchors = false;
   } else if (isRotatingShapeSquare && currentShape && currentShape.isSelected) {
-    const CTM = currentShape.group.getCTM();
-    if (CTM) {
-      const svgPoint = svg.createSVGPoint();
-      svgPoint.x = currentShape.width / 2;
-      svgPoint.y = currentShape.height / 2;
-      const centerSVG = svgPoint.matrixTransform(CTM);
-      const currentRotationMouseAngle = Math.atan2(mouseY - centerSVG.y, mouseX - centerSVG.x) * 180 / Math.PI;
-      const angleDiff = currentRotationMouseAngle - startRotationMouseAngleSquare;
-      let newRotation = startShapeRotationSquare + 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 {
-      isRotatingShapeSquare = false;
-      svg.style.cursor = "default";
+    const centerX = currentShape.x + currentShape.width / 2;
+    const centerY = currentShape.y + currentShape.height / 2;
+    const currentRotationMouseAngle = Math.atan2(mouseY - centerY, mouseX - centerX) * 180 / Math.PI;
+    const angleDiff = currentRotationMouseAngle - startRotationMouseAngleSquare;
+    let newRotation = startShapeRotationSquare + 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 if (isSelectionToolActive && !isDrawingSquare && currentShape && currentShape.isSelected) {
     const anchorInfo = currentShape.isNearAnchor(mouseX, mouseY);
     if (anchorInfo) {
@@ -516,4 +500,4 @@ export {
   handleMouseMoveRect,
   handleMouseUpRect
 };
-//# sourceMappingURL=chunk-7CM5XQDN.js.map
+//# sourceMappingURL=chunk-G3DJQY65.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tools/rectangleTool.js"],
+  "sourcesContent": ["/* eslint-disable */\n// Rectangle tool event handlers - extracted from drawSquare.js\n// Depends on globals: svg, shapes, currentShape, rough, currentZoom, lastMousePos\n// Depends on globals: isSquareToolActive, isSelectionToolActive\n// Depends on globals: squareSideBar, disableAllSideBars\nimport { pushCreateAction, pushDeleteAction, pushOptionsChangeAction, pushTransformAction, pushFrameAttachmentAction } from '../core/UndoRedo.js';\nimport { cleanupAttachments } from './arrowTool.js';\nimport { calculateSnap, clearSnapGuides } from '../core/SnapGuides.js';\n\nlet isDrawingSquare = false;\nlet isDraggingShapeSquare = false;\nlet isResizingShapeSquare = false;\nlet isRotatingShapeSquare = false;\nlet resizingAnchorIndexSquare = null;\nlet startRotationMouseAngleSquare = 0;\nlet startShapeRotationSquare = 0;\nconst rc = rough.svg(svg); \nlet startX, startY;\n// Issue #38 follow-up: null sentinel means \"use theme default at draw\n// time\". The legacy `\"#fff\"` literal was invisible on the light canvas;\n// reading the body's `theme-dark` class lets the same code produce a\n// readable stroke in either mode. As soon as the user picks a colour\n// from the sidebar this var holds that value verbatim.\nfunction getThemeStroke() {\n    if (typeof document === 'undefined') return '#fff';\n    return document.body && document.body.classList.contains('theme-dark') ? '#fff' : '#1a1a2e';\n}\nlet squareStrokecolor = null;\nlet squareBackgroundColor = \"transparent\";\nlet squareFillStyleValue = \"none\";\nlet squareStrokeThicknes = 2;\nlet squareOutlineStyle = \"solid\";\nlet dragOldPosSquare = null;\nlet draggedShapeInitialFrame = null;\nlet hoveredFrame = null;\n\nlet SquarecolorOptions = document.querySelectorAll(\".squareStrokeSpan\");\nlet backgroundColorOptionsSquare = document.querySelectorAll(\".squareBackgroundSpan\");\nlet fillStyleOptions = document.querySelectorAll(\".squareFillStyleSpan\");\nlet squareStrokeThicknessValue = document.querySelectorAll(\".squareStrokeThickSpan\");\nlet squareOutlineStyleValue = document.querySelectorAll(\".squareOutlineStyle\");\n\n\n\nfunction getSVGCoordsFromMouse(e) {\n    // Use the SVG's current viewBox to map mouse to SVG coordinates\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\nfunction deleteCurrentShape() {\n    if (currentShape && currentShape.shapeName === 'rectangle') {\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\n// --- Main event handlers ---\nconst handleMouseDownRect = (e) => {\n    const { x: mouseX, y: mouseY } = getSVGCoordsFromMouse(e);\n    if (isSquareToolActive) {\n        startX = mouseX;\n        startY = mouseY;\n        isDrawingSquare = true;\n\n        if (currentShape) {\n            currentShape.removeSelection();\n            currentShape = null;\n            disableAllSideBars();\n        }\n\n        let initialOptions = {\n            stroke: squareStrokecolor ?? getThemeStroke(),\n            fill: squareBackgroundColor,\n            fillStyle: squareFillStyleValue,\n            strokeWidth: squareStrokeThicknes,\n        };\n        if (squareOutlineStyle === \"dashed\") {\n            initialOptions.strokeDasharray = \"10,10\";\n        } else if (squareOutlineStyle === \"dotted\") {\n            initialOptions.strokeDasharray = \"2,8\";\n        } else {\n            initialOptions.strokeDasharray = \"\";\n        }\n\n        currentShape = new Rectangle(startX, startY, 0, 0, initialOptions);\n        currentShape.setDrawingState(true);\n\n    } else if (isSelectionToolActive) {\n        let clickedOnShape = false;\n        if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            const anchorInfo = currentShape.isNearAnchor(mouseX, mouseY);\n            if (anchorInfo) {\n                 dragOldPosSquare = { x: currentShape.x, y: currentShape.y, width: currentShape.width, height: currentShape.height, rotation: currentShape.rotation };\n                if (anchorInfo.type === 'resize') {\n                    isResizingShapeSquare = true;\n                    resizingAnchorIndexSquare = anchorInfo.index;\n                } else if (anchorInfo.type === 'rotate') {\n                    isRotatingShapeSquare = true;\n\n                    const centerX = currentShape.x + currentShape.width / 2;\n                    const centerY = currentShape.y + currentShape.height / 2;\n                    startRotationMouseAngleSquare = Math.atan2(mouseY - centerY, mouseX - centerX) * 180 / Math.PI;\n                    startShapeRotationSquare = currentShape.rotation;\n                }\n                clickedOnShape = true;\n            } else if (currentShape.contains(mouseX, mouseY)) {\n                 isDraggingShapeSquare = true;\n                 dragOldPosSquare = { x: currentShape.x, y: currentShape.y, width: currentShape.width, height: currentShape.height, rotation: currentShape.rotation };\n                 \n                 // Store initial frame state\n                 draggedShapeInitialFrame = 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 = mouseX; \n                 startY = mouseY;\n                 clickedOnShape = true;\n             }\n        }\n\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.shapeName === 'rectangle' && shape.contains(mouseX, mouseY)) {\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                currentShape = shapeToSelect;\n                currentShape.isSelected = true;\n                currentShape.draw(); \n                isDraggingShapeSquare = true; \n                dragOldPosSquare = { x: currentShape.x, y: currentShape.y, width: currentShape.width, height: currentShape.height, rotation: currentShape.rotation };\n                \n                // Store initial frame state\n                draggedShapeInitialFrame = 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 = mouseX; \n                startY = mouseY;\n                clickedOnShape = true; \n            }\n        }\n        if (!clickedOnShape && currentShape) {\n             currentShape.removeSelection();\n             currentShape = null;\n             disableAllSideBars();\n        }\n    }\n};\n\n\nconst handleMouseMoveRect = (e) => {\n    const { x: mouseX, y: mouseY } = getSVGCoordsFromMouse(e);\n    const svgRect = svg.getBoundingClientRect();\n    lastMousePos = {\n        x: e.clientX - svgRect.left, \n        y: e.clientY - svgRect.top\n    };\n\n    if (isDrawingSquare && isSquareToolActive && currentShape) {\n        let width = mouseX - startX;\n        let height = mouseY - startY;\n        currentShape.x = width < 0 ? startX + width : startX;\n        currentShape.y = height < 0 ? startY + height : startY;\n        currentShape.width = Math.abs(width);\n        currentShape.height = Math.abs(height);\n        \n        // Force update the element size while drawing (but use cached rough element)\n        if (currentShape.element && currentShape.width > 0 && currentShape.height > 0) {\n            // Remove old element\n            if (currentShape.element.parentNode === currentShape.group) {\n                currentShape.group.removeChild(currentShape.element);\n            }\n            \n            // Create new rough element with current size\n            const roughRect = rc.rectangle(0, 0, currentShape.width, currentShape.height, currentShape.options);\n            currentShape.element = roughRect;\n            currentShape.group.appendChild(roughRect);\n        }\n        \n        // Update transform\n        const rotateCenterX = currentShape.width / 2;\n        const rotateCenterY = currentShape.height / 2;\n        currentShape.group.setAttribute('transform', `translate(${currentShape.x}, ${currentShape.y}) rotate(${currentShape.rotation}, ${rotateCenterX}, ${rotateCenterY})`);\n        \n        // Check for frame containment while drawing\n        shapes.forEach(frame => {\n            if (frame.shapeName === 'frame') {\n                if (frame.isShapeInFrame(currentShape)) {\n                    frame.highlightFrame();\n                    hoveredFrame = frame;\n                } else if (hoveredFrame === frame) {\n                    frame.removeHighlight();\n                    hoveredFrame = null;\n                }\n            }\n        });\n        \n    } else if (isDraggingShapeSquare && currentShape && currentShape.isSelected) {\n        let dx = mouseX - startX;\n        let dy = mouseY - startY;\n        currentShape.move(dx, dy);\n        startX = mouseX;\n        startY = mouseY;\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 the actual containing frame at every\n        // move so the mouseUp logic re-parents correctly. Without this\n        // hoveredFrame stays at null for existing-shape drags and the\n        // shape is detached the moment the user nudges it by 1 px inside\n        // its own parent frame.\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 (hoveredFrame && hoveredFrame !== newHover && typeof hoveredFrame.removeHighlight === 'function') {\n            hoveredFrame.removeHighlight();\n        }\n        if (newHover && newHover !== hoveredFrame && typeof newHover.highlightFrame === 'function') {\n            newHover.highlightFrame();\n        }\n        hoveredFrame = newHover;\n    } else if (isResizingShapeSquare && currentShape && currentShape.isSelected && resizingAnchorIndexSquare !== null) {\n        currentShape.updatePosition(resizingAnchorIndexSquare, mouseX, mouseY);\n        currentShape._skipAnchors = true;\n        currentShape.draw();\n        currentShape._skipAnchors = false;\n    } else if (isRotatingShapeSquare && currentShape && currentShape.isSelected) {\n        const centerX = currentShape.x + currentShape.width / 2;\n        const centerY = currentShape.y + currentShape.height / 2;\n        const currentRotationMouseAngle = Math.atan2(mouseY - centerY, mouseX - centerX) * 180 / Math.PI;\n            const angleDiff = currentRotationMouseAngle - startRotationMouseAngleSquare;\n            let newRotation = startShapeRotationSquare + 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    } else if (isSelectionToolActive && !isDrawingSquare && currentShape && currentShape.isSelected) {\n          const anchorInfo = currentShape.isNearAnchor(mouseX, mouseY);\n           if (anchorInfo) {\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               } else if (anchorInfo.type === 'rotate') {\n                    svg.style.cursor = 'grab';\n               }\n           } else if (currentShape.contains(mouseX, mouseY)) {\n               svg.style.cursor = 'move';\n           } else {\n                svg.style.cursor = 'default';\n           }\n     } else if (isSelectionToolActive && !isDrawingSquare && !isDraggingShapeSquare && !isResizingShapeSquare && !isRotatingShapeSquare) {\n         let hoveredShape = null;\n         for (let i = shapes.length - 1; i >= 0; i--) {\n             const shape = shapes[i];\n             if (shape.shapeName === 'rectangle' && shape.contains(mouseX, mouseY)) {\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\n    \nconst handleMouseUpRect = (e) => {\n    if (isDrawingSquare && currentShape) {\n        currentShape.setDrawingState(false);\n        if (currentShape.width === 0 || currentShape.height === 0) {\n            if (currentShape.group.parentNode) {\n                currentShape.group.parentNode.removeChild(currentShape.group);\n            }\n            currentShape = null;\n        } else {\n            currentShape.draw();\n            shapes.push(currentShape);\n            pushCreateAction(currentShape);\n\n            // Check for frame containment and track attachment\n            const finalFrame = hoveredFrame;\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 (hoveredFrame) {\n            hoveredFrame.removeHighlight();\n            hoveredFrame = null;\n        }\n    }\n\n    if ((isDraggingShapeSquare || isResizingShapeSquare || isRotatingShapeSquare) && dragOldPosSquare && currentShape) {\n        // Issue #34 bug #2: for drag operations the actual frame transfer\n        // happens AFTER this mouseUp block \u2014 so `currentShape.parentFrame`\n        // at this point still points at the OLD frame. Use the hovered\n        // frame (tracked during mousemove) as the authoritative new\n        // destination instead, so the undo action records a real\n        // attachment delta and Ctrl+Z re-attaches the shape correctly.\n        const newPos = {\n            x: currentShape.x,\n            y: currentShape.y,\n            width: currentShape.width,\n            height: currentShape.height,\n            rotation: currentShape.rotation,\n            parentFrame: isDraggingShapeSquare ? (hoveredFrame || null) : currentShape.parentFrame,\n        };\n        const oldPos = {\n            ...dragOldPosSquare,\n            parentFrame: draggedShapeInitialFrame\n        };\n        \n        const stateChanged = oldPos.x !== newPos.x || oldPos.y !== newPos.y ||\n                             oldPos.width !== newPos.width || oldPos.height !== newPos.height ||\n                             oldPos.rotation !== newPos.rotation;\n\n        const frameChanged = oldPos.parentFrame !== newPos.parentFrame;\n\n        if (stateChanged || frameChanged) {\n             pushTransformAction(currentShape, oldPos, newPos);\n        }\n        \n        // Handle frame containment changes after drag\n        if (isDraggingShapeSquare) {\n            const finalFrame = hoveredFrame;\n            \n            // If shape moved to a different frame\n            if (draggedShapeInitialFrame !== finalFrame) {\n                // Remove from initial frame\n                if (draggedShapeInitialFrame) {\n                    draggedShapeInitialFrame.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 || draggedShapeInitialFrame, currentShape, \n                        finalFrame ? 'attach' : 'detach', draggedShapeInitialFrame);\n                }\n            } else if (draggedShapeInitialFrame) {\n                // Shape stayed in same frame, restore clipping\n                draggedShapeInitialFrame.restoreToFrame(currentShape);\n            }\n        }\n        \n        dragOldPosSquare = null;\n        draggedShapeInitialFrame = null;\n    }\n    \n    // Clear frame highlighting\n    if (hoveredFrame) {\n        hoveredFrame.removeHighlight();\n        hoveredFrame = null;\n    }\n\n    isDrawingSquare = false;\n    isDraggingShapeSquare = false;\n    isResizingShapeSquare = false;\n    isRotatingShapeSquare = false;\n    resizingAnchorIndexSquare = null;\n    startRotationMouseAngleSquare = 0;\n    startShapeRotationSquare = 0;\n    clearSnapGuides();\n    svg.style.cursor = 'default';\n};\n\nSquarecolorOptions.forEach((span) => {\n    span.addEventListener(\"click\", (event) => {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            pushOptionsChangeAction(currentShape, { ...currentShape.options }); \n            squareStrokecolor = span.getAttribute(\"data-id\"); \n            currentShape.options.stroke = squareStrokecolor; \n            currentShape.draw();\n            currentShape.updateSidebar(); \n        } else {\n             squareStrokecolor = span.getAttribute(\"data-id\");\n        }\n         SquarecolorOptions.forEach((el) => el.classList.remove(\"selected\"));\n         span.classList.add(\"selected\"); \n    });\n});\n\nbackgroundColorOptionsSquare.forEach((span) => {\n    span.addEventListener(\"click\", (event) => {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            pushOptionsChangeAction(currentShape, { ...currentShape.options });\n            squareBackgroundColor = span.getAttribute(\"data-id\");\n            currentShape.options.fill = squareBackgroundColor;\n            currentShape.draw();\n            currentShape.updateSidebar();\n        } else {\n            squareBackgroundColor = span.getAttribute(\"data-id\");\n        }\n        backgroundColorOptionsSquare.forEach((el) => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n    });\n});\n\nfillStyleOptions.forEach((span) => {\n    span.addEventListener(\"click\", (event) => {\n        event.stopPropagation()\n         if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            pushOptionsChangeAction(currentShape, { ...currentShape.options });\n            squareFillStyleValue = span.getAttribute(\"data-id\");\n            currentShape.options.fillStyle = squareFillStyleValue;\n            currentShape.draw();\n            currentShape.updateSidebar();\n        } else {\n            squareFillStyleValue = span.getAttribute(\"data-id\");\n        }\n        fillStyleOptions.forEach((el) => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n    });\n});\n\nsquareStrokeThicknessValue.forEach((span) => {\n    span.addEventListener(\"click\", (event) => {\n        event.stopPropagation()\n        if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            pushOptionsChangeAction(currentShape, { ...currentShape.options });\n            squareStrokeThicknes = parseInt(span.getAttribute(\"data-id\"));\n            currentShape.options.strokeWidth = squareStrokeThicknes;\n            currentShape.draw();\n            currentShape.updateSidebar();\n        } else {\n            squareStrokeThicknes = parseInt(span.getAttribute(\"data-id\"));\n        }\n        squareStrokeThicknessValue.forEach((el) => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n    });\n});\n\nsquareOutlineStyleValue.forEach((span) => {\n    span.addEventListener(\"click\", (event) => {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            pushOptionsChangeAction(currentShape, { ...currentShape.options });\n            squareOutlineStyle = span.getAttribute(\"data-id\");\n            if (squareOutlineStyle === \"dashed\") {\n                currentShape.options.strokeDasharray = \"10,10\";\n            } else if (squareOutlineStyle === \"dotted\") {\n                currentShape.options.strokeDasharray = \"2,8\";\n            } else {\n                currentShape.options.strokeDasharray = \"\";\n            }\n            currentShape.draw();\n            currentShape.updateSidebar();\n        } else {\n            squareOutlineStyle = span.getAttribute(\"data-id\");\n        }\n        squareOutlineStyleValue.forEach((el) => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n    });\n});\n\nwindow.Rectangle = Rectangle;\n\n// Bridge rectangle tool settings to React sidebar\nwindow.rectToolSettings = {\n    get strokeColor() { return squareStrokecolor; },\n    set strokeColor(v) { squareStrokecolor = v; },\n    get bgColor() { return squareBackgroundColor; },\n    set bgColor(v) { squareBackgroundColor = v; },\n    get fillStyle() { return squareFillStyleValue; },\n    set fillStyle(v) { squareFillStyleValue = v; },\n    get strokeWidth() { return squareStrokeThicknes; },\n    set strokeWidth(v) { squareStrokeThicknes = v; },\n    get outlineStyle() { return squareOutlineStyle; },\n    set outlineStyle(v) { squareOutlineStyle = v; },\n};\nwindow.updateSelectedRectStyle = function(changes) {\n    if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n        pushOptionsChangeAction(currentShape, { ...currentShape.options });\n        if (changes.stroke !== undefined) { squareStrokecolor = changes.stroke; currentShape.options.stroke = changes.stroke; }\n        if (changes.fill !== undefined) { squareBackgroundColor = changes.fill; currentShape.options.fill = changes.fill; }\n        if (changes.fillStyle !== undefined) { squareFillStyleValue = changes.fillStyle; currentShape.options.fillStyle = changes.fillStyle; }\n        if (changes.strokeWidth !== undefined) { squareStrokeThicknes = changes.strokeWidth; currentShape.options.strokeWidth = changes.strokeWidth; }\n        if (changes.outlineStyle !== undefined) {\n            squareOutlineStyle = changes.outlineStyle;\n            if (changes.outlineStyle === \"dashed\") currentShape.options.strokeDasharray = \"10,10\";\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) squareStrokecolor = changes.stroke;\n        if (changes.fill !== undefined) squareBackgroundColor = changes.fill;\n        if (changes.fillStyle !== undefined) squareFillStyleValue = changes.fillStyle;\n        if (changes.strokeWidth !== undefined) squareStrokeThicknes = changes.strokeWidth;\n        if (changes.outlineStyle !== undefined) squareOutlineStyle = changes.outlineStyle;\n    }\n};\n\nexport { handleMouseDownRect, handleMouseMoveRect, handleMouseUpRect };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/react/{chunk-LJR7EVW2.js → chunk-JEGLUNBC.js}

@@ -10,13 +10,13 @@ import {
 import {
   cleanupAttachments,
   updateAttachedArrows
-} from "./chunk-XYUFEIZR.js";
+} from "./chunk-DWEFPKDO.js";
 import {
   pushCreateAction,
   pushDeleteAction,
   pushFrameAttachmentAction,
   pushTransformAction
-} from "./chunk-6GPEWDRB.js";
+} from "./chunk-M7GAB24F.js";
 
 // src/tools/imageTool.js
 var isDraggingImage = false;
@@ -1038,4 +1038,4 @@ export {
   handleMouseDownImage,
   handleMouseUpImage
 };
-//# sourceMappingURL=chunk-LJR7EVW2.js.map
+//# sourceMappingURL=chunk-JEGLUNBC.js.map

package/dist/react/{chunk-6GPEWDRB.js → chunk-M7GAB24F.js}

@@ -39,10 +39,29 @@ function pushCreateAction(shape, meta = null) {
 function pushDeleteAction(shape, meta = null) {
   const action = { type: "delete", shape };
   if (meta && meta.childSnapshot) action.childSnapshot = meta.childSnapshot;
+  if (Number.isInteger(meta?.shapeIndex)) action.shapeIndex = meta.shapeIndex;
   undoStack.push(action);
   redoStack.length = 0;
   notifyCollaboration();
 }
+function pushCanvasResetAction(snapshot, restore, reset) {
+  if (!snapshot || typeof restore !== "function" || typeof reset !== "function") return;
+  undoStack.length = 0;
+  redoStack.length = 0;
+  undoStack.push({ type: "canvasReset", snapshot, restore, reset });
+}
+function invalidateCanvasResetUndo() {
+  for (let index = undoStack.length - 1; index >= 0; index -= 1) {
+    if (undoStack[index]?.type === "canvasReset") undoStack.splice(index, 1);
+  }
+  for (let index = redoStack.length - 1; index >= 0; index -= 1) {
+    if (redoStack[index]?.type === "canvasReset") redoStack.splice(index, 1);
+  }
+}
+function clearUndoHistory() {
+  undoStack.length = 0;
+  redoStack.length = 0;
+}
 function pushDeleteActionWithAttachments(shape) {
   let affectedArrows = [];
   if (shape.type === "text" || shape.shapeName === "text") {
@@ -371,6 +390,14 @@ function pushOptionsChangeAction(shape, oldOptions, newOptions = null) {
   redoStack.length = 0;
   notifyCollaboration();
 }
+function applyOptionsSnapshot(shape, options) {
+  shape.options = { ...options };
+  if (shape.shapeName === "frame") {
+    shape.fillColor = options.fillColor;
+    shape.fillStyle = options.fillStyle;
+  }
+  shape.draw();
+}
 function refreshSelectionAfterAction() {
   const ms = typeof window !== "undefined" ? window.multiSelection : null;
   if (!ms) return;
@@ -386,6 +413,12 @@ function undo() {
   if (undoStack.length === 0) return;
   const action = undoStack.pop();
   try {
+    if (action.type === "canvasReset") {
+      action.restore(action.snapshot);
+      redoStack.push(action);
+      notifyCollaboration();
+      return;
+    }
     if (action.type === "frameTransform") {
       action.shape.x = action.oldPos.x;
       action.shape.y = action.oldPos.y;
@@ -527,7 +560,10 @@ function undo() {
       } else if (action.shape.type === "image") {
         action.shape.restore();
       } else {
-        shapes.push(action.shape);
+        if (shapes.indexOf(action.shape) === -1) {
+          const index = Number.isInteger(action.shapeIndex) ? Math.min(Math.max(action.shapeIndex, 0), shapes.length) : shapes.length;
+          shapes.splice(index, 0, action.shape);
+        }
         if (svg) {
           svg.appendChild(action.shape.group);
         }
@@ -760,8 +796,7 @@ function undo() {
         action.shape.arrowCurveAmount = action.oldOptions.arrowCurveAmount;
         action.shape.draw();
       } else {
-        action.shape.options = action.oldOptions;
-        action.shape.draw();
+        applyOptionsSnapshot(action.shape, action.oldOptions);
       }
       redoStack.push(action);
       return;
@@ -775,6 +810,12 @@ function redo() {
   if (redoStack.length === 0) return;
   const action = redoStack.pop();
   try {
+    if (action.type === "canvasReset") {
+      action.reset();
+      undoStack.push(action);
+      notifyCollaboration();
+      return;
+    }
     if (action.type === "frameTransform") {
       action.shape.x = action.newPos.x;
       action.shape.y = action.newPos.y;
@@ -1145,8 +1186,7 @@ function redo() {
         action.shape.arrowCurveAmount = action.newOptions.arrowCurveAmount;
         action.shape.draw();
       } else {
-        action.shape.options = { ...action.newOptions };
-        action.shape.draw();
+        applyOptionsSnapshot(action.shape, action.newOptions);
       }
       undoStack.push(action);
       return;
@@ -1170,6 +1210,9 @@ document.getElementById("undo")?.addEventListener("click", undo);
 document.getElementById("redo")?.addEventListener("click", redo);
 window.pushCreateAction = pushCreateAction;
 window.pushDeleteAction = pushDeleteAction;
+window.pushCanvasResetAction = pushCanvasResetAction;
+window.invalidateCanvasResetUndo = invalidateCanvasResetUndo;
+window.clearUndoHistory = clearUndoHistory;
 window.pushDeleteActionWithAttachments = pushDeleteActionWithAttachments;
 window.pushTransformAction = pushTransformAction;
 window.pushOptionsChangeAction = pushOptionsChangeAction;
@@ -1183,6 +1226,9 @@ export {
   updateSelectedElement,
   pushCreateAction,
   pushDeleteAction,
+  pushCanvasResetAction,
+  invalidateCanvasResetUndo,
+  clearUndoHistory,
   pushDeleteActionWithAttachments,
   pushFrameAttachmentAction,
   pushCreateActionWithAttachments,
@@ -1191,4 +1237,4 @@ export {
   undo,
   redo
 };
-//# sourceMappingURL=chunk-6GPEWDRB.js.map
+//# sourceMappingURL=chunk-M7GAB24F.js.map