@elixpo/lixsketch 5.5.13 → 5.5.14

package/dist/react/{chunk-AJAZC37E.js.map → chunk-GZ6NPDAB.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/shapes/Circle.js"],
-  "sourcesContent": ["/* eslint-disable */\n// Circle shape class - extracted from drawCircle.js\n// Depends on globals: svg, shapes, rough, currentShape, currentZoom, rc\n\nconst rc = rough.svg(svg);\nlet isDraggingShapeCircle = false;\nlet isResizingShapeCircle = false;\nlet isRotatingShapeCircle = false;\nlet hoveredFrameCircle = null;\nconst colorOptionsCircle = document.querySelectorAll(\".circleStrokeSpan\");\nconst backgroundColorOptionsCircle = document.querySelectorAll(\".circleBackgroundSpan\");\nconst fillStyleOptionsCircle = document.querySelectorAll(\".circleFillStyleSpan\");\nconst strokeThicknessValueCircle = document.querySelectorAll(\".circleStrokeThickSpan\");\nconst outlineStyleValueCircle = document.querySelectorAll(\".circleOutlineStyle\");\n\nclass Circle {\n    constructor(x, y, rx, ry, options = {}) {\n        this.x = x; \n        this.y = y; \n        this.rx = rx; \n        this.ry = ry; \n        this.options = {\n            roughness: 1.5,\n            stroke: \"#fff\",\n            strokeWidth: 2,\n            fill: \"transparent\",\n            fillStyle: \"none\",\n            strokeDasharray: \"\",\n            ...options\n        };\n        this.element = null;\n        this.isSelected = false;\n        this.rotation = 0;\n        this.group = document.createElementNS('http://www.w3.org/2000/svg', 'g');\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.selectionPadding = 8;\n        this.selectionOutline = null;\n        this.shapeName = \"circle\";\n        this.shapeID = `circle-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n        this.group.setAttribute('id', this.shapeID);\n\n        // Frame attachment properties\n        this.parentFrame = null;\n\n        // Embedded label support\n        this.label = options.label || '';\n        this.labelElement = null;\n        this.labelColor = options.labelColor || '#e0e0e0';\n        this.labelFontSize = options.labelFontSize || 14;\n        this._isEditingLabel = false;\n        this._hitArea = null;\n        this._labelBg = null;\n\n        // Shading / gradient support for research paper style diagrams\n        this.shadeColor = options.shadeColor || null;\n        this.shadeOpacity = options.shadeOpacity !== undefined ? options.shadeOpacity : 0.15;\n        this.shadeDirection = options.shadeDirection || 'bottom';\n        this._shadeEllipse = null;\n        this._shadeGradient = null;\n\n        if(!this.group.parentNode) {\n            svg.appendChild(this.group);\n        }\n        this._lastDrawn = {\n            width: null,\n            height: null,\n            options: null\n        };\n        this._setupLabelDblClick();\n        this.draw();\n    }\n\n    // Add width and height properties for frame compatibility\n    get width() {\n        return this.rx * 2;\n    }\n    \n    set width(value) {\n        this.rx = value / 2;\n    }\n    \n    get height() {\n        return this.ry * 2;\n    }\n    \n    set height(value) {\n        this.ry = value / 2;\n    }\n\n    draw() {\n        const childrenToRemove = [];\n        const preserveSet = this._skipAnchors ? new Set([...this.anchors, this.selectionOutline, this.rotationAnchor].filter(Boolean)) : null;\n        for (let i = 0; i < this.group.children.length; i++) {\n            const child = this.group.children[i];\n            if (child !== this.element && child !== this.labelElement && child !== this._hitArea && child !== this._labelBg && child !== this._shadeEllipse) {\n                if (preserveSet && preserveSet.has(child)) continue;\n                childrenToRemove.push(child);\n            }\n        }\n        childrenToRemove.forEach(child => this.group.removeChild(child));\n        const optionsString = JSON.stringify(this.options);\n        const isInitialDraw = this.element === null;\n        const sizeChanged = this.rx !== this._lastDrawn.rx || this.ry !== this._lastDrawn.ry;\n        const optionsChanged = optionsString !== this._lastDrawn.options;\n        if (isInitialDraw || optionsChanged || sizeChanged) {\n            if (this.element && this.element.parentNode === this.group) {\n                this.group.removeChild(this.element);\n            }\n\n            const roughEllipse = rc.ellipse(0, 0, this.rx * 2, this.ry * 2, this.options);\n            this.element = roughEllipse;\n            this.group.appendChild(roughEllipse);\n\n            this._lastDrawn.rx = this.rx;\n            this._lastDrawn.ry = this.ry;\n            this._lastDrawn.options = optionsString;\n        }\n\n        // Hit area for dblclick detection\n        if (!this._hitArea) {\n            this._hitArea = document.createElementNS('http://www.w3.org/2000/svg', 'ellipse');\n            this._hitArea.setAttribute('fill', 'transparent');\n            this._hitArea.setAttribute('stroke', 'none');\n            this._hitArea.setAttribute('style', 'pointer-events: all;');\n            this.group.insertBefore(this._hitArea, this.group.firstChild);\n        }\n        this._hitArea.setAttribute('cx', 0);\n        this._hitArea.setAttribute('cy', 0);\n        this._hitArea.setAttribute('rx', this.rx);\n        this._hitArea.setAttribute('ry', this.ry);\n\n        // Shading / gradient overlay\n        this._updateShade();\n\n        // Update embedded label\n        this._updateLabelElement();\n\n        this.group.setAttribute('transform', `translate(${this.x}, ${this.y}) rotate(${this.rotation}, 0, 0)`);\n        if (this.isSelected) {\n            if (this._skipAnchors) {\n                this.updateSelectionControls();\n            } else {\n                this.addAnchors();\n            }\n        }\n        if (!this.group.parentNode) {\n            svg.appendChild(this.group);\n        }\n    }\n\n    move(dx, dy) {\n        this.x += dx;\n        this.y += dy;\n\n        // Fast path: just update the transform \u2014 no need to rebuild RoughJS element\n        this.group.setAttribute('transform', `translate(${this.x}, ${this.y}) rotate(${this.rotation}, 0, 0)`);\n\n        this.updateAttachedArrows();\n\n        // Only update frame containment if we're actively dragging the shape itself\n        // and not being moved by a parent frame\n        if (isDraggingShapeCircle && !this.isBeingMovedByFrame) {\n            this.updateFrameContainment();\n        }\n    }\n\n    updateFrameContainment() {\n        // Don't update if we're being moved by a frame\n        if (this.isBeingMovedByFrame) return;\n        \n        let targetFrame = null;\n        \n        // Find which frame this shape is over\n        shapes.forEach(shape => {\n            if (shape.shapeName === 'frame' && shape.isShapeInFrame(this)) {\n                targetFrame = shape;\n            }\n        });\n        \n        // If we have a parent frame and we're being dragged, temporarily remove clipping\n        if (this.parentFrame && isDraggingShapeCircle) {\n            this.parentFrame.temporarilyRemoveFromFrame(this);\n        }\n        \n        // Update frame highlighting\n        if (hoveredFrameCircle && hoveredFrameCircle !== targetFrame) {\n            hoveredFrameCircle.removeHighlight();\n        }\n        \n        if (targetFrame && targetFrame !== hoveredFrameCircle) {\n            targetFrame.highlightFrame();\n        }\n        \n        hoveredFrameCircle = targetFrame;\n    }\n\n    getRotatedCursor(direction, angle) {\n        const directions = ['ns', 'nesw', 'ew', 'nwse'];\n        angle = angle % 360;\n        if (angle < 0) angle += 360;\n\n        const baseDirectionMap = {\n            '0': 'nwse', '1': 'nesw', \n            '2': 'nesw', '3': 'nwse', \n            '4': 'ns',   '5': 'ns',     \n            '6': 'ew',   '7': 'ew'      \n        };\n        const baseDirection = baseDirectionMap[direction];\n        let effectiveAngle = angle; \n        if (baseDirection === 'nesw') {\n            effectiveAngle += 45;\n        } else if (baseDirection === 'ew') {\n            effectiveAngle += 90;\n        } else if (baseDirection === 'nwse') {\n            effectiveAngle += 135;\n        }\n        effectiveAngle = effectiveAngle % 360;\n        if (effectiveAngle < 0) effectiveAngle += 360;\n        const index = Math.round(effectiveAngle / 45) % 4; \n         let finalIndex;\n         if (effectiveAngle >= 337.5 || effectiveAngle < 22.5) finalIndex = 0; \n         else if (effectiveAngle >= 22.5 && effectiveAngle < 67.5) finalIndex = 1; \n         else if (effectiveAngle >= 67.5 && effectiveAngle < 112.5) finalIndex = 2; \n         else if (effectiveAngle >= 112.5 && effectiveAngle < 157.5) finalIndex = 3;\n         else if (effectiveAngle >= 157.5 && effectiveAngle < 202.5) finalIndex = 0; \n         else if (effectiveAngle >= 202.5 && effectiveAngle < 247.5) finalIndex = 1; \n         else if (effectiveAngle >= 247.5 && effectiveAngle < 292.5) finalIndex = 2; \n         else if (effectiveAngle >= 292.5 && effectiveAngle < 337.5) finalIndex = 3; \n         else finalIndex = 0; \n        return directions[finalIndex];\n    }\n    addAnchors() {\n        const zoom = window.currentZoom || 1;\n        const anchorSize = 10 / zoom;\n        const anchorStrokeWidth = 2;\n        const self = this;\n        const expandedX = -this.rx - this.selectionPadding;\n        const expandedY = -this.ry - this.selectionPadding; \n        const expandedWidth = this.rx * 2 + 2 * this.selectionPadding;\n        const expandedHeight = this.ry * 2 + 2 * this.selectionPadding;\n\n        const positions = [\n        { x: expandedX, y: expandedY }, \n        { x: expandedX + expandedWidth, y: expandedY }, \n        { x: expandedX, y: expandedY + expandedHeight }, \n        { x: expandedX + expandedWidth, y: expandedY + expandedHeight }, \n        { x: expandedX + expandedWidth / 2, y: expandedY }, \n        { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight }, \n        { x: expandedX, y: expandedHeight / 2 + expandedY }, \n        { x: expandedX + expandedWidth, y: expandedHeight / 2 + expandedY } \n        ];\n\n        const outlinePoints = [\n            [positions[0].x, positions[0].y],\n            [positions[1].x, positions[1].y],\n            [positions[3].x, positions[3].y],\n            [positions[2].x, positions[2].y],\n            [positions[0].x, positions[0].y]\n        ];\n\n        this.anchors.forEach(anchor => {\n             if (anchor.parentNode === this.group) {\n                 this.group.removeChild(anchor);\n             }\n         });\n          if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n             this.group.removeChild(this.rotationAnchor);\n         }\n          if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n             this.group.removeChild(this.selectionOutline);\n         }\n\n        this.anchors = [];\n        const anchorDirections = {\n            0: 'nwse', \n            1: 'nesw', \n            2: 'nesw', \n            3: 'nwse', \n            4: 'ns',   \n            5: 'ns',   \n            6: 'ew',   \n            7: 'ew'    \n        };\n\n        positions.forEach((pos, i) => {\n            const anchor = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            anchor.setAttribute('x', pos.x - anchorSize / 2);\n            anchor.setAttribute('y', pos.y - anchorSize / 2);\n            anchor.setAttribute('width', anchorSize);\n            anchor.setAttribute('height', anchorSize);\n            anchor.setAttribute('class', 'anchor');\n            anchor.setAttribute('data-index', i);\n            anchor.setAttribute('fill', '#121212');\n            anchor.setAttribute('stroke', '#5B57D1');\n            anchor.setAttribute('stroke-width', anchorStrokeWidth);\n            anchor.setAttribute('vector-effect', 'non-scaling-stroke');\n            anchor.setAttribute('style', 'pointer-events: all;');\n\n            anchor.addEventListener('mouseover', function () {\n                const index = this.getAttribute('data-index');\n                const baseDirection = anchorDirections[index];\n                const rotatedCursor = self.getRotatedCursor(index, self.rotation); \n                svg.style.cursor = rotatedCursor + '-resize';\n            });\n\n            anchor.addEventListener('mouseout', function () {\n                 if (!isResizingShapeCircle && !isDraggingShapeCircle && !isRotatingShapeCircle) {\n                     svg.style.cursor = 'default';\n                 }\n            });\n\n            this.group.appendChild(anchor);\n            this.anchors[i] = anchor;\n        });\n        const rotationAnchorPos = { x: expandedX + expandedWidth / 2, y: expandedY - 30 / zoom };\n        this.rotationAnchor = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n        this.rotationAnchor.setAttribute('cx', rotationAnchorPos.x);\n        this.rotationAnchor.setAttribute('cy', rotationAnchorPos.y);\n        this.rotationAnchor.setAttribute('r', 8 / zoom);\n        this.rotationAnchor.setAttribute('class', 'rotate-anchor');\n        this.rotationAnchor.setAttribute('fill', '#121212');\n        this.rotationAnchor.setAttribute('stroke', '#5B57D1');\n        this.rotationAnchor.setAttribute('stroke-width', anchorStrokeWidth);\n        this.rotationAnchor.setAttribute('vector-effect', 'non-scaling-stroke');\n        this.rotationAnchor.setAttribute('style', 'pointer-events: all;');\n        this.group.appendChild(this.rotationAnchor);\n\n        this.rotationAnchor.addEventListener('mouseover', function () {\n             if (!isResizingShapeCircle && !isDraggingShapeCircle && !isRotatingShapeCircle) {\n                 svg.style.cursor = 'grab';\n             }\n        });\n        this.rotationAnchor.addEventListener('mouseout', function () {\n            if (!isResizingShapeCircle && !isDraggingShapeCircle && !isRotatingShapeCircle) {\n                svg.style.cursor = 'default';\n            }\n        });\n\n        const pointsAttr = outlinePoints.map(p => p.join(',')).join(' ');\n        const outline = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');\n        outline.setAttribute('points', pointsAttr);\n        outline.setAttribute('fill', 'none');\n        outline.setAttribute('stroke', '#5B57D1');\n        outline.setAttribute('stroke-width', 1.5);\n        outline.setAttribute('vector-effect', 'non-scaling-stroke');\n        outline.setAttribute('stroke-dasharray', '4 2');\n        outline.setAttribute('style', 'pointer-events: none;');\n        this.group.appendChild(outline);\n        this.selectionOutline = outline;\n\n        disableAllSideBars();\n        circleSideBar.classList.remove(\"hidden\");\n        if (window.__showSidebarForShape) window.__showSidebarForShape('circle');\n        this.updateSidebar();\n    }\n\n    updateSelectionControls() {\n        if (!this.selectionOutline || this.anchors.length === 0) return;\n\n        const anchorSize = 10;\n        const expandedX = -this.rx - this.selectionPadding;\n        const expandedY = -this.ry - this.selectionPadding;\n        const expandedWidth = this.rx * 2 + 2 * this.selectionPadding;\n        const expandedHeight = this.ry * 2 + 2 * this.selectionPadding;\n\n        const positions = [\n            { x: expandedX, y: expandedY },\n            { x: expandedX + expandedWidth, y: expandedY },\n            { x: expandedX, y: expandedY + expandedHeight },\n            { x: expandedX + expandedWidth, y: expandedY + expandedHeight },\n            { x: expandedX + expandedWidth / 2, y: expandedY },\n            { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight },\n            { x: expandedX, y: expandedHeight / 2 + expandedY },\n            { x: expandedX + expandedWidth, y: expandedHeight / 2 + expandedY }\n        ];\n\n        positions.forEach((pos, i) => {\n            if (this.anchors[i]) {\n                this.anchors[i].setAttribute('x', pos.x - anchorSize / 2);\n                this.anchors[i].setAttribute('y', pos.y - anchorSize / 2);\n            }\n        });\n\n        const outlinePoints = [\n            [positions[0].x, positions[0].y],\n            [positions[1].x, positions[1].y],\n            [positions[3].x, positions[3].y],\n            [positions[2].x, positions[2].y],\n            [positions[0].x, positions[0].y]\n        ];\n        this.selectionOutline.setAttribute('points', outlinePoints.map(p => p.join(',')).join(' '));\n\n        if (this.rotationAnchor) {\n            this.rotationAnchor.setAttribute('cx', expandedX + expandedWidth / 2);\n            this.rotationAnchor.setAttribute('cy', expandedY - 30);\n        }\n    }\n\n        removeSelection() {\n        this.anchors.forEach(anchor => {\n             if (anchor.parentNode === this.group) {\n                 this.group.removeChild(anchor);\n             }\n         });\n         if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n            this.group.removeChild(this.rotationAnchor);\n         }\n         if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n            this.group.removeChild(this.selectionOutline);\n         }\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.selectionOutline = null;\n        this.isSelected = false;\n    }\n    contains(x, y) {\n        if (!this.element) return false; \n        const CTM = this.group.getCTM();\n        if (!CTM) return false; \n        const inverseCTM = CTM.inverse();\n\n        const svgPoint = svg.createSVGPoint();\n        svgPoint.x = x;\n        svgPoint.y = y;\n        const transformedPoint = svgPoint.matrixTransform(inverseCTM);\n\n        const dx = transformedPoint.x - 0; \n        const dy = transformedPoint.y - 0;\n        const rx = this.rx;\n        const ry = this.ry;\n        return ((dx * dx) / (rx * rx) + (dy * dy) / (ry * ry)) <= 1.05; \n    }\n    isNearAnchor(x, y) {\n        if (!this.isSelected) return null;\n        const buffer = 10 / currentZoom; // Scale buffer by zoom level\n        const anchorSize = 10 / currentZoom; // Scale anchor size by zoom level\n\n        // Iterate through anchors\n        for (let i = 0; i < this.anchors.length; i++) {\n            const anchor = this.anchors[i];\n            const anchorLocalX = parseFloat(anchor.getAttribute('x')) + anchorSize / 2;\n            const anchorLocalY = parseFloat(anchor.getAttribute('y')) + anchorSize / 2;\n            const svgPoint = svg.createSVGPoint();\n            svgPoint.x = anchorLocalX;\n            svgPoint.y = anchorLocalY;\n            const transformedPoint = svgPoint.matrixTransform(this.group.getCTM());\n            \n            const anchorLeft = transformedPoint.x - anchorSize/2 - buffer;\n            const anchorRight = transformedPoint.x + anchorSize/2 + buffer;\n            const anchorTop = transformedPoint.y - anchorSize/2 - buffer;\n            const anchorBottom = transformedPoint.y + anchorSize/2 + buffer;\n            \n            if (x >= anchorLeft && x <= anchorRight && y >= anchorTop && y <= anchorBottom) {\n                return { type: 'resize', index: i };\n            }\n        }\n\n        // Check rotation anchor\n        if (this.rotationAnchor) {\n            const rotateAnchorLocalX = parseFloat(this.rotationAnchor.getAttribute('cx'));\n            const rotateAnchorLocalY = parseFloat(this.rotationAnchor.getAttribute('cy'));\n            const svgPoint = svg.createSVGPoint();\n            svgPoint.x = rotateAnchorLocalX;\n            svgPoint.y = rotateAnchorLocalY;\n            const transformedPoint = svgPoint.matrixTransform(this.group.getCTM());\n            \n            const rotateAnchorRadius = parseFloat(this.rotationAnchor.getAttribute('r')) / currentZoom;\n            const distSq = (x - transformedPoint.x)**2 + (y - transformedPoint.y)**2;\n            if (distSq <= (rotateAnchorRadius + buffer)**2) {\n                return { type: 'rotate' };\n            }\n        }\n\n        return null;\n    }\n\n    updatePosition(anchorIndex, newMouseX, newMouseY) {\n        const CTM = this.group.getCTM();\n        if (!CTM) return;\n    \n        const inverseCTM = CTM.inverse();\n        const svgPoint = svg.createSVGPoint();\n        svgPoint.x = newMouseX;\n        svgPoint.y = newMouseY;\n        const transformedPoint = svgPoint.matrixTransform(inverseCTM);\n    \n        const dx = transformedPoint.x;\n        const dy = transformedPoint.y;\n    \n        const MIN_RADIUS = 10;\n    \n        switch (anchorIndex) {\n            case 0: // top-left\n            case 1: // top-right\n            case 2: // bottom-left\n            case 3: // bottom-right\n                this.rx = Math.max(Math.abs(dx), MIN_RADIUS);\n                this.ry = Math.max(Math.abs(dy), MIN_RADIUS);\n                break;\n    \n            case 4: // top-center\n            case 5: // bottom-center\n                this.ry = Math.max(Math.abs(dy), MIN_RADIUS);\n                break;\n    \n            case 6: // left-center\n            case 7: // right-center\n                this.rx = Math.max(Math.abs(dx), MIN_RADIUS);\n                break;\n        }\n        this.updateAttachedArrows();\n    }\n    updateAttachedArrows() {\n        shapes.forEach(shape => {\n            if (shape && shape.shapeName === 'arrow' && typeof shape.updateAttachments === 'function') {\n                if ((shape.attachedToStart && shape.attachedToStart.shape === this) ||\n                    (shape.attachedToEnd && shape.attachedToEnd.shape === this)) {\n                    shape.updateAttachments();\n                }\n            }\n        });\n    }\n    _updateShade() {\n        if (!this.shadeColor) {\n            if (this._shadeEllipse && this._shadeEllipse.parentNode === this.group) {\n                this.group.removeChild(this._shadeEllipse);\n                this._shadeEllipse = null;\n            }\n            if (this._shadeGradient && this._shadeGradient.parentNode) {\n                this._shadeGradient.parentNode.removeChild(this._shadeGradient);\n                this._shadeGradient = null;\n            }\n            return;\n        }\n\n        let defs = svg.querySelector('defs');\n        if (!defs) {\n            defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');\n            svg.appendChild(defs);\n        }\n\n        const gradId = `shade-${this.shapeID}`;\n        if (!this._shadeGradient) {\n            this._shadeGradient = document.createElementNS('http://www.w3.org/2000/svg', 'radialGradient');\n            this._shadeGradient.setAttribute('id', gradId);\n            defs.appendChild(this._shadeGradient);\n        }\n\n        // Radial gradient for circles - center to edge fade\n        this._shadeGradient.setAttribute('cx', '50%');\n        this._shadeGradient.setAttribute('cy', '50%');\n        this._shadeGradient.setAttribute('r', '50%');\n\n        while (this._shadeGradient.firstChild) this._shadeGradient.removeChild(this._shadeGradient.firstChild);\n        const stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n        stop1.setAttribute('offset', '0%');\n        stop1.setAttribute('stop-color', this.shadeColor);\n        stop1.setAttribute('stop-opacity', this.shadeOpacity);\n        const stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n        stop2.setAttribute('offset', '100%');\n        stop2.setAttribute('stop-color', this.shadeColor);\n        stop2.setAttribute('stop-opacity', '0');\n        this._shadeGradient.appendChild(stop1);\n        this._shadeGradient.appendChild(stop2);\n\n        if (!this._shadeEllipse) {\n            this._shadeEllipse = document.createElementNS('http://www.w3.org/2000/svg', 'ellipse');\n            this._shadeEllipse.setAttribute('pointer-events', 'none');\n        }\n        this._shadeEllipse.setAttribute('cx', 0);\n        this._shadeEllipse.setAttribute('cy', 0);\n        this._shadeEllipse.setAttribute('rx', this.rx);\n        this._shadeEllipse.setAttribute('ry', this.ry);\n        this._shadeEllipse.setAttribute('fill', `url(#${gradId})`);\n\n        if (this._shadeEllipse.parentNode === this.group) this.group.removeChild(this._shadeEllipse);\n        if (this.element && this.element.nextSibling) {\n            this.group.insertBefore(this._shadeEllipse, this.element.nextSibling);\n        } else {\n            this.group.appendChild(this._shadeEllipse);\n        }\n    }\n\n    _updateLabelElement() {\n        if (!this.label) {\n            if (this.labelElement && this.labelElement.parentNode === this.group) {\n                this.group.removeChild(this.labelElement);\n                this.labelElement = null;\n            }\n            if (this._labelBg && this._labelBg.parentNode === this.group) {\n                this.group.removeChild(this._labelBg);\n                this._labelBg = null;\n            }\n            return;\n        }\n\n        if (!this.labelElement) {\n            this.labelElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');\n            this.labelElement.setAttribute('class', 'shape-label');\n            this.labelElement.setAttribute('pointer-events', 'none');\n        }\n\n        // Circle center is at (0, 0) in local coords\n        this.labelElement.setAttribute('x', 0);\n        this.labelElement.setAttribute('y', 0);\n        this.labelElement.setAttribute('text-anchor', 'middle');\n        this.labelElement.setAttribute('dominant-baseline', 'central');\n        this.labelElement.setAttribute('fill', this.labelColor);\n        this.labelElement.setAttribute('font-size', this.labelFontSize);\n        this.labelElement.setAttribute('font-family', 'lixFont, sans-serif');\n        this.labelElement.textContent = this.label;\n\n        // Background padding rect behind text (like arrows have)\n        const canvasBg = window.getComputedStyle(svg).backgroundColor || '#000';\n        if (!this._labelBg) {\n            this._labelBg = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._labelBg.setAttribute('pointer-events', 'none');\n        }\n        this._labelBg.setAttribute('fill', canvasBg);\n        const hPadding = 6;\n        const vPadding = 2;\n        const charWidth = this.labelFontSize * 0.6;\n        const bgW = this.label.length * charWidth + hPadding * 2;\n        const bgH = this.labelFontSize + vPadding * 2;\n        this._labelBg.setAttribute('x', -bgW / 2);\n        this._labelBg.setAttribute('y', -bgH / 2);\n        this._labelBg.setAttribute('width', bgW);\n        this._labelBg.setAttribute('height', bgH);\n        this._labelBg.setAttribute('rx', 3);\n\n        // Re-append bg then text on top\n        if (this._labelBg.parentNode === this.group) this.group.removeChild(this._labelBg);\n        if (this.labelElement.parentNode === this.group) this.group.removeChild(this.labelElement);\n        this.group.appendChild(this._labelBg);\n        this.group.appendChild(this.labelElement);\n    }\n\n    _setupLabelDblClick() {\n        this.group.addEventListener('dblclick', (e) => {\n            e.stopPropagation();\n            e.preventDefault();\n            this.startLabelEdit();\n        });\n    }\n\n    startLabelEdit() {\n        if (this._isEditingLabel) return;\n        this._isEditingLabel = true;\n\n        if (this.labelElement) {\n            this.labelElement.setAttribute('visibility', 'hidden');\n        }\n\n        // Get shape's screen position via CTM\n        const ctm = this.group.getScreenCTM();\n        if (!ctm) { this._isEditingLabel = false; return; }\n\n        // Map the ellipse bounding box to screen coords\n        const pt1 = svg.createSVGPoint();\n        pt1.x = -this.rx; pt1.y = -this.ry;\n        const screenTL = pt1.matrixTransform(ctm);\n        const pt2 = svg.createSVGPoint();\n        pt2.x = this.rx; pt2.y = this.ry;\n        const screenBR = pt2.matrixTransform(ctm);\n\n        const screenW = Math.abs(screenBR.x - screenTL.x);\n        const screenH = Math.abs(screenBR.y - screenTL.y);\n        const screenX = Math.min(screenTL.x, screenBR.x);\n        const screenY = Math.min(screenTL.y, screenBR.y);\n\n        // Create HTML overlay\n        const overlay = document.createElement('div');\n        overlay.className = 'shape-label-editor';\n        overlay.style.cssText = `\n            position: fixed; z-index: 10000;\n            left: ${screenX}px; top: ${screenY}px;\n            width: ${screenW}px; height: ${screenH}px;\n            display: flex; align-items: center; justify-content: center;\n            pointer-events: auto;\n        `;\n\n        const canvasBg = window.getComputedStyle(svg).backgroundColor || '#000';\n        const input = document.createElement('div');\n        input.setAttribute('contenteditable', 'true');\n        input.style.cssText = `\n            max-width: ${screenW - 8}px; min-width: 30px; min-height: 20px;\n            background: ${canvasBg}; border: none;\n            outline: none; padding: 2px 6px;\n            color: ${this.labelColor}; font-size: ${Math.max(12, this.labelFontSize * (screenW / Math.max(this.rx * 2, 1)))}px;\n            font-family: lixFont, sans-serif; text-align: center;\n            white-space: pre-wrap; word-break: break-word;\n            cursor: text;\n        `;\n        if (this.label) {\n            input.textContent = this.label;\n        } else {\n            input.innerHTML = '&nbsp;';\n        }\n\n        overlay.appendChild(input);\n        document.body.appendChild(overlay);\n\n        setTimeout(() => {\n            input.focus();\n            const sel = window.getSelection();\n            const range = document.createRange();\n            range.selectNodeContents(input);\n            sel.removeAllRanges();\n            sel.addRange(range);\n        }, 10);\n\n        const finishEdit = () => {\n            const newText = input.textContent.trim().replace(/\\u00A0/g, '');\n            this.label = newText;\n            this._isEditingLabel = false;\n\n            if (overlay.parentNode) overlay.parentNode.removeChild(overlay);\n            if (this.labelElement) this.labelElement.setAttribute('visibility', 'visible');\n            this.draw();\n        };\n\n        input.addEventListener('blur', finishEdit);\n        input.addEventListener('keydown', (e) => {\n            e.stopPropagation();\n            if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); input.blur(); }\n            if (e.key === 'Escape') { input.textContent = this.label; input.blur(); }\n        });\n        input.addEventListener('pointerdown', (e) => e.stopPropagation());\n        input.addEventListener('pointermove', (e) => e.stopPropagation());\n        input.addEventListener('pointerup', (e) => e.stopPropagation());\n    }\n\n    setLabel(text, color, fontSize) {\n        this.label = text || '';\n        if (color) this.labelColor = color;\n        if (fontSize) this.labelFontSize = fontSize;\n        this.draw();\n    }\n\n    rotate(angle) {\n        angle = angle % 360;\n        if (angle < 0) angle += 360;\n        this.rotation = angle;\n    }\n    // No-op: React sidebar handles UI updates via Zustand store\n    updateSidebar() {}\n\n}\n\nexport { Circle };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable */\n// Circle shape class - extracted from drawCircle.js\n// Depends on globals: svg, shapes, rough, currentShape, currentZoom, rc\n\nconst rc = rough.svg(svg);\nlet isDraggingShapeCircle = false;\nlet isResizingShapeCircle = false;\nlet isRotatingShapeCircle = false;\nlet hoveredFrameCircle = null;\nconst colorOptionsCircle = document.querySelectorAll(\".circleStrokeSpan\");\nconst backgroundColorOptionsCircle = document.querySelectorAll(\".circleBackgroundSpan\");\nconst fillStyleOptionsCircle = document.querySelectorAll(\".circleFillStyleSpan\");\nconst strokeThicknessValueCircle = document.querySelectorAll(\".circleStrokeThickSpan\");\nconst outlineStyleValueCircle = document.querySelectorAll(\".circleOutlineStyle\");\n\nclass Circle {\n    constructor(x, y, rx, ry, options = {}) {\n        this.x = x; \n        this.y = y; \n        this.rx = rx; \n        this.ry = ry; \n        this.options = {\n            roughness: 1.5,\n            stroke: \"#fff\",\n            strokeWidth: 2,\n            fill: \"transparent\",\n            fillStyle: \"none\",\n            strokeDasharray: \"\",\n            ...options\n        };\n        this.element = null;\n        this.isSelected = false;\n        this.rotation = 0;\n        this.group = document.createElementNS('http://www.w3.org/2000/svg', 'g');\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.selectionPadding = 8;\n        this.selectionOutline = null;\n        this.shapeName = \"circle\";\n        this.shapeID = `circle-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n        this.group.setAttribute('id', this.shapeID);\n\n        // Frame attachment properties\n        this.parentFrame = null;\n\n        // Embedded label support\n        this.label = options.label || '';\n        this.labelElement = null;\n        this.labelColor = options.labelColor || '#e0e0e0';\n        this.labelFontSize = options.labelFontSize || 14;\n        this._isEditingLabel = false;\n        this._hitArea = null;\n        this._labelBg = null;\n\n        // Shading / gradient support for research paper style diagrams\n        this.shadeColor = options.shadeColor || null;\n        this.shadeOpacity = options.shadeOpacity !== undefined ? options.shadeOpacity : 0.15;\n        this.shadeDirection = options.shadeDirection || 'bottom';\n        this._shadeEllipse = null;\n        this._shadeGradient = null;\n\n        if(!this.group.parentNode) {\n            svg.appendChild(this.group);\n        }\n        this._lastDrawn = {\n            width: null,\n            height: null,\n            options: null\n        };\n        this._setupLabelDblClick();\n        this.draw();\n    }\n\n    // Add width and height properties for frame compatibility\n    get width() {\n        return this.rx * 2;\n    }\n    \n    set width(value) {\n        this.rx = value / 2;\n    }\n    \n    get height() {\n        return this.ry * 2;\n    }\n    \n    set height(value) {\n        this.ry = value / 2;\n    }\n\n    draw() {\n        const childrenToRemove = [];\n        const preserveSet = this._skipAnchors ? new Set([...this.anchors, this.selectionOutline, this.rotationAnchor].filter(Boolean)) : null;\n        for (let i = 0; i < this.group.children.length; i++) {\n            const child = this.group.children[i];\n            if (child !== this.element && child !== this.labelElement && child !== this._hitArea && child !== this._labelBg && child !== this._shadeEllipse) {\n                if (preserveSet && preserveSet.has(child)) continue;\n                childrenToRemove.push(child);\n            }\n        }\n        childrenToRemove.forEach(child => this.group.removeChild(child));\n        const optionsString = JSON.stringify(this.options);\n        const isInitialDraw = this.element === null;\n        const sizeChanged = this.rx !== this._lastDrawn.rx || this.ry !== this._lastDrawn.ry;\n        const optionsChanged = optionsString !== this._lastDrawn.options;\n        if (isInitialDraw || optionsChanged || sizeChanged) {\n            if (this.element && this.element.parentNode === this.group) {\n                this.group.removeChild(this.element);\n            }\n\n            const roughEllipse = rc.ellipse(0, 0, this.rx * 2, this.ry * 2, this.options);\n            this.element = roughEllipse;\n            this.group.appendChild(roughEllipse);\n\n            this._lastDrawn.rx = this.rx;\n            this._lastDrawn.ry = this.ry;\n            this._lastDrawn.options = optionsString;\n        }\n\n        // Hit area for dblclick detection\n        if (!this._hitArea) {\n            this._hitArea = document.createElementNS('http://www.w3.org/2000/svg', 'ellipse');\n            this._hitArea.setAttribute('fill', 'transparent');\n            this._hitArea.setAttribute('stroke', 'none');\n            this._hitArea.setAttribute('style', 'pointer-events: all;');\n            this.group.insertBefore(this._hitArea, this.group.firstChild);\n        }\n        this._hitArea.setAttribute('cx', 0);\n        this._hitArea.setAttribute('cy', 0);\n        this._hitArea.setAttribute('rx', this.rx);\n        this._hitArea.setAttribute('ry', this.ry);\n\n        // Shading / gradient overlay\n        this._updateShade();\n\n        // Update embedded label\n        this._updateLabelElement();\n\n        this.group.setAttribute('transform', `translate(${this.x}, ${this.y}) rotate(${this.rotation}, 0, 0)`);\n        if (this.isSelected) {\n            if (this._skipAnchors) {\n                this.updateSelectionControls();\n            } else {\n                this.addAnchors();\n            }\n        }\n        if (!this.group.parentNode) {\n            svg.appendChild(this.group);\n        }\n    }\n\n    move(dx, dy) {\n        this.x += dx;\n        this.y += dy;\n\n        // Fast path: just update the transform \u2014 no need to rebuild RoughJS element\n        this.group.setAttribute('transform', `translate(${this.x}, ${this.y}) rotate(${this.rotation}, 0, 0)`);\n\n        this.updateAttachedArrows();\n\n        // Only update frame containment if we're actively dragging the shape itself\n        // and not being moved by a parent frame\n        if (isDraggingShapeCircle && !this.isBeingMovedByFrame) {\n            this.updateFrameContainment();\n        }\n    }\n\n    updateFrameContainment() {\n        // Don't update if we're being moved by a frame\n        if (this.isBeingMovedByFrame) return;\n        \n        let targetFrame = null;\n        \n        // Find which frame this shape is over\n        shapes.forEach(shape => {\n            if (shape.shapeName === 'frame' && shape.isShapeInFrame(this)) {\n                targetFrame = shape;\n            }\n        });\n        \n        // If we have a parent frame and we're being dragged, temporarily remove clipping\n        if (this.parentFrame && isDraggingShapeCircle) {\n            this.parentFrame.temporarilyRemoveFromFrame(this);\n        }\n        \n        // Update frame highlighting\n        if (hoveredFrameCircle && hoveredFrameCircle !== targetFrame) {\n            hoveredFrameCircle.removeHighlight();\n        }\n        \n        if (targetFrame && targetFrame !== hoveredFrameCircle) {\n            targetFrame.highlightFrame();\n        }\n        \n        hoveredFrameCircle = targetFrame;\n    }\n\n    getRotatedCursor(direction, angle) {\n        const directions = ['ns', 'nesw', 'ew', 'nwse'];\n        angle = angle % 360;\n        if (angle < 0) angle += 360;\n\n        const baseDirectionMap = {\n            '0': 'nwse', '1': 'nesw', \n            '2': 'nesw', '3': 'nwse', \n            '4': 'ns',   '5': 'ns',     \n            '6': 'ew',   '7': 'ew'      \n        };\n        const baseDirection = baseDirectionMap[direction];\n        let effectiveAngle = angle; \n        if (baseDirection === 'nesw') {\n            effectiveAngle += 45;\n        } else if (baseDirection === 'ew') {\n            effectiveAngle += 90;\n        } else if (baseDirection === 'nwse') {\n            effectiveAngle += 135;\n        }\n        effectiveAngle = effectiveAngle % 360;\n        if (effectiveAngle < 0) effectiveAngle += 360;\n        const index = Math.round(effectiveAngle / 45) % 4; \n         let finalIndex;\n         if (effectiveAngle >= 337.5 || effectiveAngle < 22.5) finalIndex = 0; \n         else if (effectiveAngle >= 22.5 && effectiveAngle < 67.5) finalIndex = 1; \n         else if (effectiveAngle >= 67.5 && effectiveAngle < 112.5) finalIndex = 2; \n         else if (effectiveAngle >= 112.5 && effectiveAngle < 157.5) finalIndex = 3;\n         else if (effectiveAngle >= 157.5 && effectiveAngle < 202.5) finalIndex = 0; \n         else if (effectiveAngle >= 202.5 && effectiveAngle < 247.5) finalIndex = 1; \n         else if (effectiveAngle >= 247.5 && effectiveAngle < 292.5) finalIndex = 2; \n         else if (effectiveAngle >= 292.5 && effectiveAngle < 337.5) finalIndex = 3; \n         else finalIndex = 0; \n        return directions[finalIndex];\n    }\n    addAnchors() {\n        const zoom = window.currentZoom || 1;\n        const anchorSize = 10 / zoom;\n        const anchorStrokeWidth = 2;\n        const self = this;\n        const expandedX = -this.rx - this.selectionPadding;\n        const expandedY = -this.ry - this.selectionPadding; \n        const expandedWidth = this.rx * 2 + 2 * this.selectionPadding;\n        const expandedHeight = this.ry * 2 + 2 * this.selectionPadding;\n\n        const positions = [\n        { x: expandedX, y: expandedY }, \n        { x: expandedX + expandedWidth, y: expandedY }, \n        { x: expandedX, y: expandedY + expandedHeight }, \n        { x: expandedX + expandedWidth, y: expandedY + expandedHeight }, \n        { x: expandedX + expandedWidth / 2, y: expandedY }, \n        { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight }, \n        { x: expandedX, y: expandedHeight / 2 + expandedY }, \n        { x: expandedX + expandedWidth, y: expandedHeight / 2 + expandedY } \n        ];\n\n        const outlinePoints = [\n            [positions[0].x, positions[0].y],\n            [positions[1].x, positions[1].y],\n            [positions[3].x, positions[3].y],\n            [positions[2].x, positions[2].y],\n            [positions[0].x, positions[0].y]\n        ];\n\n        this.anchors.forEach(anchor => {\n             if (anchor.parentNode === this.group) {\n                 this.group.removeChild(anchor);\n             }\n         });\n          if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n             this.group.removeChild(this.rotationAnchor);\n         }\n          if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n             this.group.removeChild(this.selectionOutline);\n         }\n\n        this.anchors = [];\n        const anchorDirections = {\n            0: 'nwse', \n            1: 'nesw', \n            2: 'nesw', \n            3: 'nwse', \n            4: 'ns',   \n            5: 'ns',   \n            6: 'ew',   \n            7: 'ew'    \n        };\n\n        positions.forEach((pos, i) => {\n            const anchor = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            anchor.setAttribute('x', pos.x - anchorSize / 2);\n            anchor.setAttribute('y', pos.y - anchorSize / 2);\n            anchor.setAttribute('width', anchorSize);\n            anchor.setAttribute('height', anchorSize);\n            anchor.setAttribute('class', 'anchor');\n            anchor.setAttribute('data-index', i);\n            anchor.setAttribute('fill', '#121212');\n            anchor.setAttribute('stroke', '#5B57D1');\n            anchor.setAttribute('stroke-width', anchorStrokeWidth);\n            anchor.setAttribute('vector-effect', 'non-scaling-stroke');\n            anchor.setAttribute('style', 'pointer-events: all;');\n\n            anchor.addEventListener('mouseover', function () {\n                const index = this.getAttribute('data-index');\n                const baseDirection = anchorDirections[index];\n                const rotatedCursor = self.getRotatedCursor(index, self.rotation); \n                svg.style.cursor = rotatedCursor + '-resize';\n            });\n\n            anchor.addEventListener('mouseout', function () {\n                 if (!isResizingShapeCircle && !isDraggingShapeCircle && !isRotatingShapeCircle) {\n                     svg.style.cursor = 'default';\n                 }\n            });\n\n            this.group.appendChild(anchor);\n            this.anchors[i] = anchor;\n        });\n        const rotationAnchorPos = { x: expandedX + expandedWidth / 2, y: expandedY - 30 / zoom };\n        this.rotationAnchor = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n        this.rotationAnchor.setAttribute('cx', rotationAnchorPos.x);\n        this.rotationAnchor.setAttribute('cy', rotationAnchorPos.y);\n        this.rotationAnchor.setAttribute('r', 8 / zoom);\n        this.rotationAnchor.setAttribute('class', 'rotate-anchor');\n        this.rotationAnchor.setAttribute('fill', '#121212');\n        this.rotationAnchor.setAttribute('stroke', '#5B57D1');\n        this.rotationAnchor.setAttribute('stroke-width', anchorStrokeWidth);\n        this.rotationAnchor.setAttribute('vector-effect', 'non-scaling-stroke');\n        this.rotationAnchor.setAttribute('style', 'pointer-events: all;');\n        this.group.appendChild(this.rotationAnchor);\n\n        this.rotationAnchor.addEventListener('mouseover', function () {\n             if (!isResizingShapeCircle && !isDraggingShapeCircle && !isRotatingShapeCircle) {\n                 svg.style.cursor = 'grab';\n             }\n        });\n        this.rotationAnchor.addEventListener('mouseout', function () {\n            if (!isResizingShapeCircle && !isDraggingShapeCircle && !isRotatingShapeCircle) {\n                svg.style.cursor = 'default';\n            }\n        });\n\n        const pointsAttr = outlinePoints.map(p => p.join(',')).join(' ');\n        const outline = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');\n        outline.setAttribute('points', pointsAttr);\n        outline.setAttribute('fill', 'none');\n        outline.setAttribute('stroke', '#5B57D1');\n        outline.setAttribute('stroke-width', 1.5);\n        outline.setAttribute('vector-effect', 'non-scaling-stroke');\n        outline.setAttribute('stroke-dasharray', '4 2');\n        outline.setAttribute('style', 'pointer-events: none;');\n        this.group.appendChild(outline);\n        this.selectionOutline = outline;\n\n        disableAllSideBars();\n        circleSideBar.classList.remove(\"hidden\");\n        if (window.__showSidebarForShape) window.__showSidebarForShape('circle');\n        this.updateSidebar();\n    }\n\n    updateSelectionControls() {\n        if (!this.selectionOutline || this.anchors.length === 0) return;\n\n        const anchorSize = 10;\n        const expandedX = -this.rx - this.selectionPadding;\n        const expandedY = -this.ry - this.selectionPadding;\n        const expandedWidth = this.rx * 2 + 2 * this.selectionPadding;\n        const expandedHeight = this.ry * 2 + 2 * this.selectionPadding;\n\n        const positions = [\n            { x: expandedX, y: expandedY },\n            { x: expandedX + expandedWidth, y: expandedY },\n            { x: expandedX, y: expandedY + expandedHeight },\n            { x: expandedX + expandedWidth, y: expandedY + expandedHeight },\n            { x: expandedX + expandedWidth / 2, y: expandedY },\n            { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight },\n            { x: expandedX, y: expandedHeight / 2 + expandedY },\n            { x: expandedX + expandedWidth, y: expandedHeight / 2 + expandedY }\n        ];\n\n        positions.forEach((pos, i) => {\n            if (this.anchors[i]) {\n                this.anchors[i].setAttribute('x', pos.x - anchorSize / 2);\n                this.anchors[i].setAttribute('y', pos.y - anchorSize / 2);\n            }\n        });\n\n        const outlinePoints = [\n            [positions[0].x, positions[0].y],\n            [positions[1].x, positions[1].y],\n            [positions[3].x, positions[3].y],\n            [positions[2].x, positions[2].y],\n            [positions[0].x, positions[0].y]\n        ];\n        this.selectionOutline.setAttribute('points', outlinePoints.map(p => p.join(',')).join(' '));\n\n        if (this.rotationAnchor) {\n            this.rotationAnchor.setAttribute('cx', expandedX + expandedWidth / 2);\n            this.rotationAnchor.setAttribute('cy', expandedY - 30);\n        }\n    }\n\n        removeSelection() {\n        this.anchors.forEach(anchor => {\n             if (anchor.parentNode === this.group) {\n                 this.group.removeChild(anchor);\n             }\n         });\n         if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n            this.group.removeChild(this.rotationAnchor);\n         }\n         if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n            this.group.removeChild(this.selectionOutline);\n         }\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.selectionOutline = null;\n        this.isSelected = false;\n    }\n    contains(x, y) {\n        if (!this.element || !this.rx || !this.ry) return false;\n        // Mouse coordinates are in canvas space; invert the circle's own\n        // translation/rotation without mixing in the viewport CTM.\n        const angle = -(this.rotation || 0) * Math.PI / 180;\n        const translatedX = x - this.x;\n        const translatedY = y - this.y;\n        const dx = translatedX * Math.cos(angle) - translatedY * Math.sin(angle);\n        const dy = translatedX * Math.sin(angle) + translatedY * Math.cos(angle);\n        const rx = this.rx;\n        const ry = this.ry;\n        return ((dx * dx) / (rx * rx) + (dy * dy) / (ry * ry)) <= 1.05; \n    }\n    isNearAnchor(x, y) {\n        if (!this.isSelected) return null;\n        const buffer = 10 / currentZoom; // Scale buffer by zoom level\n        const anchorSize = 10 / currentZoom; // Scale anchor size by zoom level\n\n        // Iterate through anchors\n        for (let i = 0; i < this.anchors.length; i++) {\n            const anchor = this.anchors[i];\n            const anchorLocalX = parseFloat(anchor.getAttribute('x')) + anchorSize / 2;\n            const anchorLocalY = parseFloat(anchor.getAttribute('y')) + anchorSize / 2;\n            const svgPoint = svg.createSVGPoint();\n            svgPoint.x = anchorLocalX;\n            svgPoint.y = anchorLocalY;\n            const transformedPoint = svgPoint.matrixTransform(this.group.getCTM());\n            \n            const anchorLeft = transformedPoint.x - anchorSize/2 - buffer;\n            const anchorRight = transformedPoint.x + anchorSize/2 + buffer;\n            const anchorTop = transformedPoint.y - anchorSize/2 - buffer;\n            const anchorBottom = transformedPoint.y + anchorSize/2 + buffer;\n            \n            if (x >= anchorLeft && x <= anchorRight && y >= anchorTop && y <= anchorBottom) {\n                return { type: 'resize', index: i };\n            }\n        }\n\n        // Check rotation anchor\n        if (this.rotationAnchor) {\n            const rotateAnchorLocalX = parseFloat(this.rotationAnchor.getAttribute('cx'));\n            const rotateAnchorLocalY = parseFloat(this.rotationAnchor.getAttribute('cy'));\n            const svgPoint = svg.createSVGPoint();\n            svgPoint.x = rotateAnchorLocalX;\n            svgPoint.y = rotateAnchorLocalY;\n            const transformedPoint = svgPoint.matrixTransform(this.group.getCTM());\n            \n            const rotateAnchorRadius = parseFloat(this.rotationAnchor.getAttribute('r')) / currentZoom;\n            const distSq = (x - transformedPoint.x)**2 + (y - transformedPoint.y)**2;\n            if (distSq <= (rotateAnchorRadius + buffer)**2) {\n                return { type: 'rotate' };\n            }\n        }\n\n        return null;\n    }\n\n    updatePosition(anchorIndex, newMouseX, newMouseY) {\n        const CTM = this.group.getCTM();\n        if (!CTM) return;\n    \n        const inverseCTM = CTM.inverse();\n        const svgPoint = svg.createSVGPoint();\n        svgPoint.x = newMouseX;\n        svgPoint.y = newMouseY;\n        const transformedPoint = svgPoint.matrixTransform(inverseCTM);\n    \n        const dx = transformedPoint.x;\n        const dy = transformedPoint.y;\n    \n        const MIN_RADIUS = 10;\n    \n        switch (anchorIndex) {\n            case 0: // top-left\n            case 1: // top-right\n            case 2: // bottom-left\n            case 3: // bottom-right\n                this.rx = Math.max(Math.abs(dx), MIN_RADIUS);\n                this.ry = Math.max(Math.abs(dy), MIN_RADIUS);\n                break;\n    \n            case 4: // top-center\n            case 5: // bottom-center\n                this.ry = Math.max(Math.abs(dy), MIN_RADIUS);\n                break;\n    \n            case 6: // left-center\n            case 7: // right-center\n                this.rx = Math.max(Math.abs(dx), MIN_RADIUS);\n                break;\n        }\n        this.updateAttachedArrows();\n    }\n    updateAttachedArrows() {\n        shapes.forEach(shape => {\n            if (shape && shape.shapeName === 'arrow' && typeof shape.updateAttachments === 'function') {\n                if ((shape.attachedToStart && shape.attachedToStart.shape === this) ||\n                    (shape.attachedToEnd && shape.attachedToEnd.shape === this)) {\n                    shape.updateAttachments();\n                }\n            }\n        });\n    }\n    _updateShade() {\n        if (!this.shadeColor) {\n            if (this._shadeEllipse && this._shadeEllipse.parentNode === this.group) {\n                this.group.removeChild(this._shadeEllipse);\n                this._shadeEllipse = null;\n            }\n            if (this._shadeGradient && this._shadeGradient.parentNode) {\n                this._shadeGradient.parentNode.removeChild(this._shadeGradient);\n                this._shadeGradient = null;\n            }\n            return;\n        }\n\n        let defs = svg.querySelector('defs');\n        if (!defs) {\n            defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');\n            svg.appendChild(defs);\n        }\n\n        const gradId = `shade-${this.shapeID}`;\n        if (!this._shadeGradient) {\n            this._shadeGradient = document.createElementNS('http://www.w3.org/2000/svg', 'radialGradient');\n            this._shadeGradient.setAttribute('id', gradId);\n            defs.appendChild(this._shadeGradient);\n        }\n\n        // Radial gradient for circles - center to edge fade\n        this._shadeGradient.setAttribute('cx', '50%');\n        this._shadeGradient.setAttribute('cy', '50%');\n        this._shadeGradient.setAttribute('r', '50%');\n\n        while (this._shadeGradient.firstChild) this._shadeGradient.removeChild(this._shadeGradient.firstChild);\n        const stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n        stop1.setAttribute('offset', '0%');\n        stop1.setAttribute('stop-color', this.shadeColor);\n        stop1.setAttribute('stop-opacity', this.shadeOpacity);\n        const stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n        stop2.setAttribute('offset', '100%');\n        stop2.setAttribute('stop-color', this.shadeColor);\n        stop2.setAttribute('stop-opacity', '0');\n        this._shadeGradient.appendChild(stop1);\n        this._shadeGradient.appendChild(stop2);\n\n        if (!this._shadeEllipse) {\n            this._shadeEllipse = document.createElementNS('http://www.w3.org/2000/svg', 'ellipse');\n            this._shadeEllipse.setAttribute('pointer-events', 'none');\n        }\n        this._shadeEllipse.setAttribute('cx', 0);\n        this._shadeEllipse.setAttribute('cy', 0);\n        this._shadeEllipse.setAttribute('rx', this.rx);\n        this._shadeEllipse.setAttribute('ry', this.ry);\n        this._shadeEllipse.setAttribute('fill', `url(#${gradId})`);\n\n        if (this._shadeEllipse.parentNode === this.group) this.group.removeChild(this._shadeEllipse);\n        if (this.element && this.element.nextSibling) {\n            this.group.insertBefore(this._shadeEllipse, this.element.nextSibling);\n        } else {\n            this.group.appendChild(this._shadeEllipse);\n        }\n    }\n\n    _updateLabelElement() {\n        if (!this.label) {\n            if (this.labelElement && this.labelElement.parentNode === this.group) {\n                this.group.removeChild(this.labelElement);\n                this.labelElement = null;\n            }\n            if (this._labelBg && this._labelBg.parentNode === this.group) {\n                this.group.removeChild(this._labelBg);\n                this._labelBg = null;\n            }\n            return;\n        }\n\n        if (!this.labelElement) {\n            this.labelElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');\n            this.labelElement.setAttribute('class', 'shape-label');\n            this.labelElement.setAttribute('pointer-events', 'none');\n        }\n\n        // Circle center is at (0, 0) in local coords\n        this.labelElement.setAttribute('x', 0);\n        this.labelElement.setAttribute('y', 0);\n        this.labelElement.setAttribute('text-anchor', 'middle');\n        this.labelElement.setAttribute('dominant-baseline', 'central');\n        this.labelElement.setAttribute('fill', this.labelColor);\n        this.labelElement.setAttribute('font-size', this.labelFontSize);\n        this.labelElement.setAttribute('font-family', 'lixFont, sans-serif');\n        this.labelElement.textContent = this.label;\n\n        // Background padding rect behind text (like arrows have)\n        const canvasBg = window.getComputedStyle(svg).backgroundColor || '#000';\n        if (!this._labelBg) {\n            this._labelBg = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._labelBg.setAttribute('pointer-events', 'none');\n        }\n        this._labelBg.setAttribute('fill', canvasBg);\n        const hPadding = 6;\n        const vPadding = 2;\n        const charWidth = this.labelFontSize * 0.6;\n        const bgW = this.label.length * charWidth + hPadding * 2;\n        const bgH = this.labelFontSize + vPadding * 2;\n        this._labelBg.setAttribute('x', -bgW / 2);\n        this._labelBg.setAttribute('y', -bgH / 2);\n        this._labelBg.setAttribute('width', bgW);\n        this._labelBg.setAttribute('height', bgH);\n        this._labelBg.setAttribute('rx', 3);\n\n        // Re-append bg then text on top\n        if (this._labelBg.parentNode === this.group) this.group.removeChild(this._labelBg);\n        if (this.labelElement.parentNode === this.group) this.group.removeChild(this.labelElement);\n        this.group.appendChild(this._labelBg);\n        this.group.appendChild(this.labelElement);\n    }\n\n    _setupLabelDblClick() {\n        this.group.addEventListener('dblclick', (e) => {\n            e.stopPropagation();\n            e.preventDefault();\n            this.startLabelEdit();\n        });\n    }\n\n    startLabelEdit() {\n        if (this._isEditingLabel) return;\n        this._isEditingLabel = true;\n\n        if (this.labelElement) {\n            this.labelElement.setAttribute('visibility', 'hidden');\n        }\n\n        // Get shape's screen position via CTM\n        const ctm = this.group.getScreenCTM();\n        if (!ctm) { this._isEditingLabel = false; return; }\n\n        // Map the ellipse bounding box to screen coords\n        const pt1 = svg.createSVGPoint();\n        pt1.x = -this.rx; pt1.y = -this.ry;\n        const screenTL = pt1.matrixTransform(ctm);\n        const pt2 = svg.createSVGPoint();\n        pt2.x = this.rx; pt2.y = this.ry;\n        const screenBR = pt2.matrixTransform(ctm);\n\n        const screenW = Math.abs(screenBR.x - screenTL.x);\n        const screenH = Math.abs(screenBR.y - screenTL.y);\n        const screenX = Math.min(screenTL.x, screenBR.x);\n        const screenY = Math.min(screenTL.y, screenBR.y);\n\n        // Create HTML overlay\n        const overlay = document.createElement('div');\n        overlay.className = 'shape-label-editor';\n        overlay.style.cssText = `\n            position: fixed; z-index: 10000;\n            left: ${screenX}px; top: ${screenY}px;\n            width: ${screenW}px; height: ${screenH}px;\n            display: flex; align-items: center; justify-content: center;\n            pointer-events: auto;\n        `;\n\n        const canvasBg = window.getComputedStyle(svg).backgroundColor || '#000';\n        const input = document.createElement('div');\n        input.setAttribute('contenteditable', 'true');\n        input.style.cssText = `\n            max-width: ${screenW - 8}px; min-width: 30px; min-height: 20px;\n            background: ${canvasBg}; border: none;\n            outline: none; padding: 2px 6px;\n            color: ${this.labelColor}; font-size: ${Math.max(12, this.labelFontSize * (screenW / Math.max(this.rx * 2, 1)))}px;\n            font-family: lixFont, sans-serif; text-align: center;\n            white-space: pre-wrap; word-break: break-word;\n            cursor: text;\n        `;\n        if (this.label) {\n            input.textContent = this.label;\n        } else {\n            input.innerHTML = '&nbsp;';\n        }\n\n        overlay.appendChild(input);\n        document.body.appendChild(overlay);\n\n        setTimeout(() => {\n            input.focus();\n            const sel = window.getSelection();\n            const range = document.createRange();\n            range.selectNodeContents(input);\n            sel.removeAllRanges();\n            sel.addRange(range);\n        }, 10);\n\n        const finishEdit = () => {\n            const newText = input.textContent.trim().replace(/\\u00A0/g, '');\n            this.label = newText;\n            this._isEditingLabel = false;\n\n            if (overlay.parentNode) overlay.parentNode.removeChild(overlay);\n            if (this.labelElement) this.labelElement.setAttribute('visibility', 'visible');\n            this.draw();\n        };\n\n        input.addEventListener('blur', finishEdit);\n        input.addEventListener('keydown', (e) => {\n            e.stopPropagation();\n            if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); input.blur(); }\n            if (e.key === 'Escape') { input.textContent = this.label; input.blur(); }\n        });\n        input.addEventListener('pointerdown', (e) => e.stopPropagation());\n        input.addEventListener('pointermove', (e) => e.stopPropagation());\n        input.addEventListener('pointerup', (e) => e.stopPropagation());\n    }\n\n    setLabel(text, color, fontSize) {\n        this.label = text || '';\n        if (color) this.labelColor = color;\n        if (fontSize) this.labelFontSize = fontSize;\n        this.draw();\n    }\n\n    rotate(angle) {\n        angle = angle % 360;\n        if (angle < 0) angle += 360;\n        this.rotation = angle;\n    }\n    // No-op: React sidebar handles UI updates via Zustand store\n    updateSidebar() {}\n\n}\n\nexport { Circle };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/react/{chunk-ABZEV54U.js → chunk-HKYUJUD7.js}

@@ -268,6 +268,17 @@ var FreehandStroke = class {
     }
   }
   move(dx, dy) {
+    if (this.options.closedFill) {
+      this.points = this.points.map((point) => [
+        point[0] + dx,
+        point[1] + dy,
+        point[2] || 0.5
+      ]);
+      this._moveOffsetX = 0;
+      this._moveOffsetY = 0;
+      this.draw();
+      return;
+    }
     this._moveOffsetX = (this._moveOffsetX || 0) + dx;
     this._moveOffsetY = (this._moveOffsetY || 0) + dy;
     const centerX = this.boundingBox.x + this.boundingBox.width / 2;
@@ -593,4 +604,4 @@ var FreehandStroke = class {
 export {
   FreehandStroke
 };
-//# sourceMappingURL=chunk-ABZEV54U.js.map
+//# sourceMappingURL=chunk-HKYUJUD7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shapes/FreehandStroke.js"],
+  "sourcesContent": ["/* eslint-disable */\nimport { getStroke } from \"perfect-freehand\";\n// FreehandStroke shape class - extracted from canvasStroke.js\n// Depends on globals: svg, shapes, currentShape, currentZoom, currentViewBox\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\nclass FreehandStroke {\n    constructor(points = [], options = {}) {\n        this.points = points;\n        this.rawPoints = []; \n        this.options = {\n            stroke: \"#fff\",\n            strokeWidth: 3,\n            fill: \"none\",\n            strokeLinecap: \"round\",\n            strokeLinejoin: \"round\",\n            strokeOpacity: 1,\n            thinning: 0.5,\n            roughness: 0,\n            strokeStyle: \"solid\",\n            ...options\n        };\n        this.element = null;\n        this.isSelected = false;\n        this.rotation = 0;\n        this.group = document.createElementNS('http://www.w3.org/2000/svg', 'g');\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.rotationLine = null;\n        this.selectionPadding = 8;\n        this.selectionOutline = null;\n        this.boundingBox = { x: 0, y: 0, width: 0, height: 0 };\n        this.shapeName = \"freehandStroke\";\n        this._moveOffsetX = 0;\n        this._moveOffsetY = 0;\n\n        // Frame attachment properties\n        this.parentFrame = null;\n        \n        svg.appendChild(this.group);\n        this.draw();\n    }\n\n    // Add position and dimension properties for frame compatibility\n    // Getters include pending move offset so callers see the visual position\n    get x() {\n        return this.boundingBox.x + (this._moveOffsetX || 0);\n    }\n\n    set x(value) {\n        const dx = value - this.boundingBox.x - (this._moveOffsetX || 0);\n        this.points = this.points.map(point => [point[0] + dx, point[1], point[2] || 0.5]);\n        this.boundingBox.x = value - (this._moveOffsetX || 0);\n    }\n\n    get y() {\n        return this.boundingBox.y + (this._moveOffsetY || 0);\n    }\n\n    set y(value) {\n        const dy = value - this.boundingBox.y - (this._moveOffsetY || 0);\n        this.points = this.points.map(point => [point[0], point[1] + dy, point[2] || 0.5]);\n        this.boundingBox.y = value - (this._moveOffsetY || 0);\n    }\n    \n    get width() {\n        return this.boundingBox.width;\n    }\n    \n    set width(value) {\n        if (this.boundingBox.width === 0) return;\n        const scaleX = value / this.boundingBox.width;\n        const centerX = this.boundingBox.x + this.boundingBox.width / 2;\n        this.points = this.points.map(point => [\n            centerX + (point[0] - centerX) * scaleX,\n            point[1],\n            point[2] || 0.5\n        ]);\n        this.boundingBox.width = value;\n    }\n    \n    get height() {\n        return this.boundingBox.height;\n    }\n    \n    set height(value) {\n        if (this.boundingBox.height === 0) return;\n        const scaleY = value / this.boundingBox.height;\n        const centerY = this.boundingBox.y + this.boundingBox.height / 2;\n        this.points = this.points.map(point => [\n            point[0],\n            centerY + (point[1] - centerY) * scaleY,\n            point[2] || 0.5\n        ]);\n        this.boundingBox.height = value;\n    }\n\n    // Enhanced smoothing algorithm\n    smoothPoints(points, factor = 0.8) {\n        if (points.length < 3) return points;\n        \n        const smoothed = [points[0]]; // Keep first point\n        \n        for (let i = 1; i < points.length - 1; i++) {\n            const prev = points[i - 1];\n            const curr = points[i];\n            const next = points[i + 1];\n            \n            // Apply weighted average smoothing\n            const smoothedX = curr[0] * (1 - factor) + (prev[0] + next[0]) * factor * 0.5;\n            const smoothedY = curr[1] * (1 - factor) + (prev[1] + next[1]) * factor * 0.5;\n            const pressure = curr[2] || 0.5;\n            \n            smoothed.push([smoothedX, smoothedY, pressure]);\n        }\n        \n        smoothed.push(points[points.length - 1]); // Keep last point\n        return smoothed;\n    }\n\n    // Interpolate points for smoother curves\n    interpolatePoints(points, steps = 2) {\n        if (points.length < 2) return points;\n        \n        const interpolated = [points[0]];\n        \n        for (let i = 0; i < points.length - 1; i++) {\n            const curr = points[i];\n            const next = points[i + 1];\n            \n            for (let j = 1; j <= steps; j++) {\n                const t = j / (steps + 1);\n                const x = curr[0] + (next[0] - curr[0]) * t;\n                const y = curr[1] + (next[1] - curr[1]) * t;\n                const pressure = curr[2] + (next[2] - curr[2]) * t;\n                interpolated.push([x, y, pressure]);\n            }\n            \n            if (i < points.length - 2) {\n                interpolated.push(next);\n            }\n        }\n        \n        interpolated.push(points[points.length - 1]);\n        return interpolated;\n    }\n\n    // Enhanced path generation with better curve fitting\n    getPathData() {\n        if (this.points.length < 2) return '';\n\n        if (this.options.closedFill) {\n            const [first, ...rest] = this.points;\n            return [`M ${first[0]} ${first[1]}`, ...rest.map(point => `L ${point[0]} ${point[1]}`), 'Z'].join(' ');\n        }\n\n        const isRough = this.options.roughness === \"rough\";\n        const isMedium = this.options.roughness === \"medium\";\n\n        // Roughness: jitter points before smoothing\n        let pts = this.points;\n        if (isRough || isMedium) {\n            const jitter = isRough ? 3.5 : 1.5;\n            pts = pts.map((p, i) => {\n                if (i === 0 || i === pts.length - 1) return p;\n                return [\n                    p[0] + (Math.random() - 0.5) * jitter,\n                    p[1] + (Math.random() - 0.5) * jitter,\n                    p[2] || 0.5\n                ];\n            });\n        }\n\n        let smoothedPoints = this.interpolatePoints(pts, 1);\n        if (!isRough) {\n            smoothedPoints = this.smoothPoints(smoothedPoints, 0.6);\n            smoothedPoints = this.smoothPoints(smoothedPoints, 0.4);\n        }\n\n        const thinning = this.options.thinning !== undefined ? this.options.thinning : 0;\n        const smoothing = isRough ? 0.3 : isMedium ? 0.6 : 0.9;\n        const streamline = isRough ? 0.1 : isMedium ? 0.25 : 0.4;\n\n        const stroke = getStroke(smoothedPoints, {\n            size: this.options.strokeWidth,\n            thinning: thinning,\n            smoothing: smoothing,\n            streamline: streamline,\n            easing: (t) => Math.sin(t * Math.PI * 0.5),\n            start: {\n                taper: thinning > 0 ? this.options.strokeWidth * 2 : 0,\n                easing: (t) => t * t,\n                cap: thinning === 0\n            },\n            end: {\n                taper: thinning > 0 ? this.options.strokeWidth * 2 : 0,\n                easing: (t) => --t * t * t + 1,\n                cap: thinning === 0\n            },\n            simulatePressure: thinning > 0\n        });\n\n        return getSvgPathFromStroke(stroke);\n    }\n\n    // Simple centerline path used for dashed/dotted overlays\n    getCenterlinePathData() {\n        if (this.points.length < 2) return '';\n        const d = [`M ${this.points[0][0]} ${this.points[0][1]}`];\n        for (let i = 1; i < this.points.length - 1; i++) {\n            const curr = this.points[i];\n            const next = this.points[i + 1];\n            const cpX = curr[0] + (next[0] - curr[0]) * 0.5;\n            const cpY = curr[1] + (next[1] - curr[1]) * 0.5;\n            d.push(`Q ${curr[0]} ${curr[1]} ${cpX} ${cpY}`);\n        }\n        const last = this.points[this.points.length - 1];\n        d.push(`L ${last[0]} ${last[1]}`);\n        return d.join(' ');\n    }\n\n    // Calculate the bounding box of the stroke\n    calculateBoundingBox() {\n        if (this.points.length === 0) {\n            return { x: 0, y: 0, width: 0, height: 0 };\n        }\n        \n        let minX = Infinity, minY = Infinity;\n        let maxX = -Infinity, maxY = -Infinity;\n        \n        this.points.forEach(point => {\n            minX = Math.min(minX, point[0]);\n            minY = Math.min(minY, point[1]);\n            maxX = Math.max(maxX, point[0]);\n            maxY = Math.max(maxY, point[1]);\n        });\n        \n        // Ensure we have valid dimensions\n        if (minX === Infinity || minY === Infinity) {\n            return { x: 0, y: 0, width: 0, height: 0 };\n        }\n        \n        // Add padding for stroke width\n        const padding = this.options.strokeWidth / 2;\n        return {\n            x: minX - padding,\n            y: minY - padding,\n            width: Math.max(0, (maxX - minX) + padding * 2),\n            height: Math.max(0, (maxY - minY) + padding * 2)\n        };\n    }\n\n    draw() {\n        while (this.group.firstChild) {\n            this.group.removeChild(this.group.firstChild);\n        }\n\n        if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n            this.group.removeChild(this.selectionOutline);\n            this.selectionOutline = null;\n        }\n\n        // Normal freehand paths use the filled outline from perfect-freehand.\n        // Closed-fill paths (pie sectors, polygons) use their actual polygon\n        // geometry with a separate outline, preserving sharp radial edges.\n        const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n        const pathData = this.getPathData();\n        path.setAttribute('d', pathData);\n        path.setAttribute('fill', this.options.stroke);\n        path.setAttribute('fill-opacity', this.options.strokeOpacity);\n        path.setAttribute('stroke', this.options.closedFill ? (this.options.outlineStroke || 'none') : 'none');\n        if (this.options.closedFill) {\n            path.setAttribute('stroke-width', this.options.outlineWidth || this.options.strokeWidth || 1);\n            path.setAttribute('stroke-linejoin', 'round');\n            path.setAttribute('vector-effect', 'non-scaling-stroke');\n        }\n\n        // Overlay a dashed/dotted centerline if needed\n        if (this.options.strokeStyle === \"dashed\" || this.options.strokeStyle === \"dotted\") {\n            const dashArray = this.options.strokeStyle === \"dashed\"\n                ? `${this.options.strokeWidth * 3} ${this.options.strokeWidth * 2}`\n                : `${this.options.strokeWidth * 0.5} ${this.options.strokeWidth * 2}`;\n            const overlay = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n            overlay.setAttribute('d', this.getCenterlinePathData());\n            overlay.setAttribute('fill', 'none');\n            overlay.setAttribute('stroke', this.options.stroke);\n            overlay.setAttribute('stroke-width', this.options.strokeWidth);\n            overlay.setAttribute('stroke-linecap', 'round');\n            overlay.setAttribute('stroke-linejoin', 'round');\n            overlay.setAttribute('stroke-dasharray', dashArray);\n            overlay.setAttribute('stroke-opacity', this.options.strokeOpacity);\n            this.group.appendChild(overlay);\n        }\n\n        this.element = path;\n        this.group.appendChild(path);\n\n        // Calculate and store bounding box\n        this.boundingBox = this.calculateBoundingBox();\n\n        // Apply rotation\n        const centerX = this.boundingBox.x + this.boundingBox.width / 2;\n        const centerY = this.boundingBox.y + this.boundingBox.height / 2;\n\n        // Ensure centerX and centerY are valid numbers\n        if (!isNaN(centerX) && !isNaN(centerY)) {\n            this.group.setAttribute('transform', `rotate(${this.rotation} ${centerX} ${centerY})`);\n        }\n\n        if (this.isSelected) {\n            this.addAnchors();\n        }\n    }\n\n    move(dx, dy) {\n        // Diagram polygons (currently pie sectors) are redrawn by their parent\n        // frame after every movement step. Moving them with a deferred SVG\n        // transform therefore loses the visible transform on that redraw while\n        // leaving a hidden offset behind, which makes sectors detach from the\n        // frame and jump the next time they are selected. Keep their geometry\n        // authoritative instead.\n        if (this.options.closedFill) {\n            this.points = this.points.map(point => [\n                point[0] + dx,\n                point[1] + dy,\n                point[2] || 0.5\n            ]);\n            this._moveOffsetX = 0;\n            this._moveOffsetY = 0;\n            this.draw();\n            return;\n        }\n\n        // Accumulate offset for transform-based movement (avoids full path rebuild)\n        this._moveOffsetX = (this._moveOffsetX || 0) + dx;\n        this._moveOffsetY = (this._moveOffsetY || 0) + dy;\n        const centerX = this.boundingBox.x + this.boundingBox.width / 2;\n        const centerY = this.boundingBox.y + this.boundingBox.height / 2;\n        const rot = this.rotation ? `rotate(${this.rotation} ${centerX} ${centerY})` : '';\n        this.group.setAttribute('transform', `translate(${this._moveOffsetX}, ${this._moveOffsetY}) ${rot}`);\n    }\n\n    // Call after drag ends to bake the offset into actual point coordinates\n    finalizeMove() {\n        if (this._moveOffsetX || this._moveOffsetY) {\n            const ox = this._moveOffsetX || 0;\n            const oy = this._moveOffsetY || 0;\n            this.points = this.points.map(point => [point[0] + ox, point[1] + oy, point[2] || 0.5]);\n            this._moveOffsetX = 0;\n            this._moveOffsetY = 0;\n            this.draw();\n        }\n    }\n\n    updateAttachedArrows() {\n        if (typeof window.__updateArrowsForShape === 'function') {\n            window.__updateArrowsForShape(this);\n        }\n    }\n\n    selectStroke() {\n        this.isSelected = true;\n        this.draw();\n        // Show sidebar and update it with current stroke properties\n        disableAllSideBars();\n        paintBrushSideBar.classList.remove(\"hidden\");\n        if (window.__showSidebarForShape) window.__showSidebarForShape('freehandStroke');\n        this.updateSidebar();\n    }\n\n    deselectStroke() {\n        this.isSelected = false;\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.draw();\n    }\n\n    removeSelection() {\n        this.anchors.forEach(anchor => {\n            if (anchor.parentNode === this.group) {\n                this.group.removeChild(anchor);\n            }\n        });\n        if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n            this.group.removeChild(this.rotationAnchor);\n        }\n        if (this.rotationLine && this.rotationLine.parentNode === this.group) {\n            this.group.removeChild(this.rotationLine);\n        }\n        if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n            this.group.removeChild(this.selectionOutline);\n        }\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.rotationLine = null;\n        this.selectionOutline = null;\n        this.isSelected = false;\n    }\n\n    // No-op: React sidebar handles UI updates via Zustand store\n    updateSidebar() {}\n\n    contains(x, y) {\n        // Account for pending move offset (during drag, points aren't updated yet)\n        const ox = this._moveOffsetX || 0;\n        const oy = this._moveOffsetY || 0;\n        const bbX = this.boundingBox.x + ox;\n        const bbY = this.boundingBox.y + oy;\n        const centerX = bbX + this.boundingBox.width / 2;\n        const centerY = bbY + this.boundingBox.height / 2;\n\n        // Adjust for rotation\n        const dx = x - centerX;\n        const dy = y - centerY;\n\n        const angleRad = -this.rotation * Math.PI / 180;\n        const rotatedX = dx * Math.cos(angleRad) - dy * Math.sin(angleRad) + centerX;\n        const rotatedY = dx * Math.sin(angleRad) + dy * Math.cos(angleRad) + centerY;\n\n        if (this.options.closedFill && this.points.length >= 3) {\n            const localX = rotatedX - ox;\n            const localY = rotatedY - oy;\n            let inside = false;\n            for (let i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {\n                const xi = this.points[i][0], yi = this.points[i][1];\n                const xj = this.points[j][0], yj = this.points[j][1];\n                const crosses = ((yi > localY) !== (yj > localY))\n                    && (localX < (xj - xi) * (localY - yi) / ((yj - yi) || Number.EPSILON) + xi);\n                if (crosses) inside = !inside;\n            }\n            return inside;\n        }\n\n        return rotatedX >= bbX &&\n               rotatedX <= bbX + this.boundingBox.width &&\n               rotatedY >= bbY &&\n               rotatedY <= bbY + this.boundingBox.height;\n    }\n\n  isNearAnchor(x, y) {\n    if (!this.isSelected) return null;\n    const buffer = 10;\n    const anchorSize = 10 / currentZoom;\n\n    // Account for pending move offset\n    const ox = this._moveOffsetX || 0;\n    const oy = this._moveOffsetY || 0;\n\n    // Transform the input coordinates to account for rotation\n    const centerX = this.boundingBox.x + ox + this.boundingBox.width / 2;\n    const centerY = this.boundingBox.y + oy + this.boundingBox.height / 2;\n\n    // Rotate the mouse coordinates to the shape's local coordinate system\n    const angleRad = -this.rotation * Math.PI / 180;\n    const dx = x - centerX;\n    const dy = y - centerY;\n    const localX = dx * Math.cos(angleRad) - dy * Math.sin(angleRad) + centerX;\n    const localY = dx * Math.sin(angleRad) + dy * Math.cos(angleRad) + centerY;\n\n    // Check resize anchors in local space\n    const expandedX = this.boundingBox.x + ox - this.selectionPadding;\n    const expandedY = this.boundingBox.y + oy - this.selectionPadding;\n    const expandedWidth = this.boundingBox.width + 2 * this.selectionPadding;\n    const expandedHeight = this.boundingBox.height + 2 * this.selectionPadding;\n    \n    const anchorPositions = [\n        { x: expandedX, y: expandedY }, // top-left\n        { x: expandedX + expandedWidth, y: expandedY }, // top-right\n        { x: expandedX, y: expandedY + expandedHeight }, // bottom-left\n        { x: expandedX + expandedWidth, y: expandedY + expandedHeight }, // bottom-right\n        { x: expandedX + expandedWidth / 2, y: expandedY }, // top-center\n        { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight }, // bottom-center\n        { x: expandedX, y: expandedY + expandedHeight / 2 }, // left-center\n        { x: expandedX + expandedWidth, y: expandedY + expandedHeight / 2 } // right-center\n    ];\n\n    for (let i = 0; i < anchorPositions.length; i++) {\n        const anchor = anchorPositions[i];\n        const distance = Math.sqrt(Math.pow(localX - anchor.x, 2) + Math.pow(localY - anchor.y, 2));\n        if (distance <= anchorSize / 2 + buffer) {\n            return { type: 'resize', index: i };\n        }\n    }\n    \n    // Check rotation anchor (this one stays in world coordinates)\n    if (this.rotationAnchor) {\n        const rotationX = parseFloat(this.rotationAnchor.getAttribute('cx'));\n        const rotationY = parseFloat(this.rotationAnchor.getAttribute('cy'));\n        const distance = Math.sqrt(Math.pow(x - rotationX, 2) + Math.pow(y - rotationY, 2));\n        if (distance <= anchorSize / 2 + buffer) {\n            return { type: 'rotate' };\n        }\n    }\n    \n    return null;\n}\n\n   rotate(angle) {\n    this.rotation = angle;\n    // If anchors exist, update their cursors for the new rotation\n    if (this.isSelected && this.anchors.length > 0) {\n        const cursors = ['nw-resize', 'ne-resize', 'sw-resize', 'se-resize', 'n-resize', 's-resize', 'w-resize', 'e-resize'];\n        this.anchors.forEach((anchor, i) => {\n            if (anchor) {\n                const originalCursor = cursors[i];\n                const rotatedCursor = this.getRotatedCursor(originalCursor, this.rotation);\n                anchor.style.cursor = rotatedCursor;\n            }\n        });\n    }\n}\n\n    addAnchors() {\n    const anchorSize = 10 / currentZoom;\n    const anchorStrokeWidth = 2 / currentZoom;\n    \n    const expandedX = this.boundingBox.x - this.selectionPadding;\n    const expandedY = this.boundingBox.y - this.selectionPadding;\n    const expandedWidth = this.boundingBox.width + 2 * this.selectionPadding;\n    const expandedHeight = this.boundingBox.height + 2 * this.selectionPadding;\n    \n    const positions = [\n        { x: expandedX, y: expandedY, cursor: 'nw-resize' }, // top-left\n        { x: expandedX + expandedWidth, y: expandedY, cursor: 'ne-resize' }, // top-right\n        { x: expandedX, y: expandedY + expandedHeight, cursor: 'sw-resize' }, // bottom-left\n        { x: expandedX + expandedWidth, y: expandedY + expandedHeight, cursor: 'se-resize' }, // bottom-right\n        { x: expandedX + expandedWidth / 2, y: expandedY, cursor: 'n-resize' }, // top-center\n        { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight, cursor: 's-resize' }, // bottom-center\n        { x: expandedX, y: expandedY + expandedHeight / 2, cursor: 'w-resize' }, // left-center\n        { x: expandedX + expandedWidth, y: expandedY + expandedHeight / 2, cursor: 'e-resize' } // right-center\n    ];\n    \n    // Create resize anchors\n    positions.forEach((pos, i) => {\n        const anchor = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n        anchor.setAttribute('x', pos.x - anchorSize / 2);\n        anchor.setAttribute('y', pos.y - anchorSize / 2);\n        anchor.setAttribute('width', anchorSize);\n        anchor.setAttribute('height', anchorSize);\n        anchor.setAttribute('class', 'anchor');\n        anchor.setAttribute('data-index', i);\n        anchor.setAttribute('fill', '#121212');\n        anchor.setAttribute('stroke', '#5B57D1');\n        anchor.setAttribute('stroke-width', anchorStrokeWidth);\n        anchor.setAttribute('vector-effect', 'non-scaling-stroke');\n\n        // Set proper cursor for each anchor direction, accounting for rotation\n        const rotatedCursor = this.getRotatedCursor(pos.cursor, this.rotation);\n        anchor.style.cursor = rotatedCursor;\n        anchor.style.pointerEvents = 'all';\n        \n        this.group.appendChild(anchor);\n        this.anchors[i] = anchor;\n    });\n\n    // Create rotation anchor\n    const rotationAnchorDistance = 30 / currentZoom;\n    const rotationX = expandedX + expandedWidth / 2;\n    const rotationY = expandedY - rotationAnchorDistance;\n    \n    const rotationAnchor = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n    rotationAnchor.setAttribute('cx', rotationX);\n    rotationAnchor.setAttribute('cy', rotationY);\n    rotationAnchor.setAttribute('r', anchorSize / 2);\n    rotationAnchor.setAttribute('fill', '#121212');\n    rotationAnchor.setAttribute('stroke', '#5B57D1');\n    rotationAnchor.setAttribute('stroke-width', anchorStrokeWidth);\n    rotationAnchor.setAttribute('vector-effect', 'non-scaling-stroke');\n    rotationAnchor.setAttribute('class', 'rotation-anchor');\n    rotationAnchor.style.cursor = 'grab';\n    rotationAnchor.style.pointerEvents = 'all';\n    \n    this.group.appendChild(rotationAnchor);\n    this.rotationAnchor = rotationAnchor;\n\n    // Create selection outline\n    const outlinePoints = [\n        [expandedX, expandedY],\n        [expandedX + expandedWidth, expandedY],\n        [expandedX + expandedWidth, expandedY + expandedHeight],\n        [expandedX, expandedY + expandedHeight],\n        [expandedX, expandedY]\n    ];\n    \n    const outline = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');\n    outline.setAttribute('points', outlinePoints.map(p => p.join(',')).join(' '));\n    outline.setAttribute('fill', 'none');\n    outline.setAttribute('stroke', '#5B57D1');\n    outline.setAttribute('stroke-width', 1.5);\n    outline.setAttribute('vector-effect', 'non-scaling-stroke');\n    outline.setAttribute('stroke-dasharray', '4 2');\n    outline.setAttribute('style', 'pointer-events: none;');\n    this.group.appendChild(outline);\n    this.selectionOutline = outline;\n\n    // Add line from rotation anchor to shape\n    const rotationLine = document.createElementNS('http://www.w3.org/2000/svg', 'line');\n    rotationLine.setAttribute('x1', rotationX);\n    rotationLine.setAttribute('y1', rotationY);\n    rotationLine.setAttribute('x2', expandedX + expandedWidth / 2);\n    rotationLine.setAttribute('y2', expandedY);\n    rotationLine.setAttribute('stroke', '#5B57D1');\n    rotationLine.setAttribute('stroke-width', 1);\n    rotationLine.setAttribute('vector-effect', 'non-scaling-stroke');\n    rotationLine.setAttribute('stroke-dasharray', '2 2');\n    rotationLine.setAttribute('style', 'pointer-events: none;');\n    this.group.appendChild(rotationLine);\n    this.rotationLine = rotationLine;\n\n    // Show sidebar when anchors are added (when shape is selected)\n    disableAllSideBars();\n    paintBrushSideBar.classList.remove(\"hidden\");\n    if (window.__showSidebarForShape) window.__showSidebarForShape('freehandStroke');\n    this.updateSidebar();\n}\n\ngetRotatedCursor(direction, angle) {\n    // Normalize angle to 0-360\n    const normalizedAngle = ((angle % 360) + 360) % 360;\n    \n    // Map of cursor directions\n    const cursors = ['n-resize', 'ne-resize', 'e-resize', 'se-resize', 's-resize', 'sw-resize', 'w-resize', 'nw-resize'];\n    const directionMap = {\n        'n-resize': 0,\n        'ne-resize': 1,\n        'e-resize': 2,\n        'se-resize': 3,\n        's-resize': 4,\n        'sw-resize': 5,\n        'w-resize': 6,\n        'nw-resize': 7\n    };\n    \n    if (!(direction in directionMap)) return direction;\n    \n    // Calculate how many 45-degree increments to rotate\n    const rotationSteps = Math.round(normalizedAngle / 45);\n    const currentIndex = directionMap[direction];\n    const newIndex = (currentIndex + rotationSteps) % 8;\n    \n    return cursors[newIndex];\n}\n\n    updatePosition(anchorIndex, newX, newY) {\n    const centerX = this.boundingBox.x + this.boundingBox.width / 2;\n    const centerY = this.boundingBox.y + this.boundingBox.height / 2;\n    \n    // Transform new coordinates to local space (accounting for rotation)\n    const angleRad = -this.rotation * Math.PI / 180;\n    const dx = newX - centerX;\n    const dy = newY - centerY;\n    const localX = dx * Math.cos(angleRad) - dy * Math.sin(angleRad) + centerX;\n    const localY = dx * Math.sin(angleRad) + dy * Math.cos(angleRad) + centerY;\n    \n    // Calculate scale factors based on anchor movement in local space\n    const expandedX = this.boundingBox.x - this.selectionPadding;\n    const expandedY = this.boundingBox.y - this.selectionPadding;\n    const expandedWidth = this.boundingBox.width + 2 * this.selectionPadding;\n    const expandedHeight = this.boundingBox.height + 2 * this.selectionPadding;\n    \n    let scaleX = 1, scaleY = 1;\n    switch(anchorIndex) {\n        case 0: // top-left\n            scaleX = (centerX - localX) / (centerX - expandedX);\n            scaleY = (centerY - localY) / (centerY - expandedY);\n            break;\n        case 1: // top-right\n            scaleX = (localX - centerX) / (expandedX + expandedWidth - centerX);\n            scaleY = (centerY - localY) / (centerY - expandedY);\n            break;\n        case 2: // bottom-left\n            scaleX = (centerX - localX) / (centerX - expandedX);\n            scaleY = (localY - centerY) / (expandedY + expandedHeight - centerY);\n            break;\n        case 3: // bottom-right\n            scaleX = (localX - centerX) / (expandedX + expandedWidth - centerX);\n            scaleY = (localY - centerY) / (expandedY + expandedHeight - centerY);\n            break;\n        case 4: // top-center\n            scaleY = (centerY - localY) / (centerY - expandedY);\n            break;\n        case 5: // bottom-center\n            scaleY = (localY - centerY) / (expandedY + expandedHeight - centerY);\n            break;\n        case 6: // left-center\n            scaleX = (centerX - localX) / (centerX - expandedX);\n            break;\n        case 7: // right-center\n            scaleX = (localX - centerX) / (expandedX + expandedWidth - centerX);\n            break;\n    }\n    \n    // Prevent negative scaling\n    scaleX = Math.max(0.1, Math.abs(scaleX));\n    scaleY = Math.max(0.1, Math.abs(scaleY));\n    \n    // Apply scaling to all points relative to center\n    this.points = this.points.map(point => {\n        const relX = point[0] - centerX;\n        const relY = point[1] - centerY;\n        return [\n            centerX + relX * scaleX,\n            centerY + relY * scaleY,\n            point[2] || 0.5\n        ];\n    });\n    \n    this.draw();\n}\n}\n\nexport { FreehandStroke };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/react/{chunk-Q2GA4MBZ.js → chunk-IW2NRHNK.js}

@@ -1275,8 +1275,17 @@ function handleMultiSelectionMouseDown(e) {
   let clickedOnShape = false;
   let clickedShape = null;
   if (typeof shapes !== "undefined") {
-    let fallbackFrame = null;
     for (let i = shapes.length - 1; i >= 0; i--) {
+      const shape = shapes[i];
+      const element = shape?.group || shape?.element;
+      if (element && (element === e.target || element.contains?.(e.target))) {
+        clickedOnShape = true;
+        clickedShape = shape;
+        break;
+      }
+    }
+    let fallbackFrame = null;
+    for (let i = shapes.length - 1; !clickedOnShape && i >= 0; i--) {
       const shape = shapes[i];
       if (shape.contains && shape.contains(x, y)) {
         if (shape.shapeName === "frame") {
@@ -1650,4 +1659,4 @@ export {
   handleMultiSelectionMouseMove,
   handleMultiSelectionMouseUp
 };
-//# sourceMappingURL=chunk-Q2GA4MBZ.js.map
+//# sourceMappingURL=chunk-IW2NRHNK.js.map