@elixpo/lixsketch 5.4.7 → 5.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react/AIRenderer-M4LMJ66J.js +1105 -0
- package/dist/react/AIRenderer-M4LMJ66J.js.map +7 -0
- package/dist/react/Arrow-BJDAXPMH.js +8 -0
- package/dist/react/Arrow-BJDAXPMH.js.map +7 -0
- package/dist/react/Circle-KPG7TKIX.js +8 -0
- package/dist/react/Circle-KPG7TKIX.js.map +7 -0
- package/dist/react/CodeShape-K4DIZAIV.js +8 -0
- package/dist/react/CodeShape-K4DIZAIV.js.map +7 -0
- package/dist/react/CopyPaste-4CKJRHJ3.js +569 -0
- package/dist/react/CopyPaste-4CKJRHJ3.js.map +7 -0
- package/dist/react/EraserTrail-PA6IQLQN.js +20 -0
- package/dist/react/EraserTrail-PA6IQLQN.js.map +7 -0
- package/dist/react/EventDispatcher-SRFH6LQZ.js +463 -0
- package/dist/react/EventDispatcher-SRFH6LQZ.js.map +7 -0
- package/dist/react/Frame-6UR5XPAX.js +10 -0
- package/dist/react/Frame-6UR5XPAX.js.map +7 -0
- package/dist/react/FreehandStroke-CK24NUT3.js +8 -0
- package/dist/react/FreehandStroke-CK24NUT3.js.map +7 -0
- package/dist/react/GraphEngine-QE5B2PMR.js +340 -0
- package/dist/react/GraphEngine-QE5B2PMR.js.map +7 -0
- package/dist/react/GraphMathParser-2WMTY4IE.js +10 -0
- package/dist/react/GraphMathParser-2WMTY4IE.js.map +7 -0
- package/dist/react/IconShape-KMIA6T2H.js +10 -0
- package/dist/react/IconShape-KMIA6T2H.js.map +7 -0
- package/dist/react/ImageShape-CHHGBXUQ.js +10 -0
- package/dist/react/ImageShape-CHHGBXUQ.js.map +7 -0
- package/dist/react/LayerOrder-XCHF4MSS.js +66 -0
- package/dist/react/LayerOrder-XCHF4MSS.js.map +7 -0
- package/dist/react/Line-2KOQEEGA.js +10 -0
- package/dist/react/Line-2KOQEEGA.js.map +7 -0
- package/dist/react/LixScriptParser-JYWJX375.js +1033 -0
- package/dist/react/LixScriptParser-JYWJX375.js.map +7 -0
- package/dist/react/MermaidFlowchartRenderer-4QBAZ5MB.js +412 -0
- package/dist/react/MermaidFlowchartRenderer-4QBAZ5MB.js.map +7 -0
- package/dist/react/MermaidSequenceParser-UKG2NSZY.js +8 -0
- package/dist/react/MermaidSequenceParser-UKG2NSZY.js.map +7 -0
- package/dist/react/MermaidSequenceRenderer-HPLHY5II.js +387 -0
- package/dist/react/MermaidSequenceRenderer-HPLHY5II.js.map +7 -0
- package/dist/react/Rectangle-6FE7RN6W.js +8 -0
- package/dist/react/Rectangle-6FE7RN6W.js.map +7 -0
- package/dist/react/ResizeCode-WAMDTKSW.js +2 -0
- package/dist/react/ResizeCode-WAMDTKSW.js.map +7 -0
- package/dist/react/ResizeShapes-LKEQTITP.js +250 -0
- package/dist/react/ResizeShapes-LKEQTITP.js.map +7 -0
- package/dist/react/SceneSerializer-4U4B24JM.js +739 -0
- package/dist/react/SceneSerializer-4U4B24JM.js.map +7 -0
- package/dist/react/Selection-VVUHY5YJ.js +34 -0
- package/dist/react/Selection-VVUHY5YJ.js.map +7 -0
- package/dist/react/SketchEngine-YA4RG3KX.js +413 -0
- package/dist/react/SketchEngine-YA4RG3KX.js.map +7 -0
- package/dist/react/TextShape-54ZJ66E3.js +8 -0
- package/dist/react/TextShape-54ZJ66E3.js.map +7 -0
- package/dist/react/UndoRedo-M2JZUBKN.js +30 -0
- package/dist/react/UndoRedo-M2JZUBKN.js.map +7 -0
- package/dist/react/ZoomPan-U3TXC5AJ.js +186 -0
- package/dist/react/ZoomPan-U3TXC5AJ.js.map +7 -0
- package/dist/react/arrowTool-CWEMIRXK.js +17 -0
- package/dist/react/arrowTool-CWEMIRXK.js.map +7 -0
- package/dist/react/boxicons-5JNJQPUP.woff +0 -0
- package/dist/react/boxicons-6NVWQSCQ.eot +0 -0
- package/dist/react/boxicons-AQ5N6WP7.woff2 +0 -0
- package/dist/react/boxicons-GDR4JU3X.ttf +0 -0
- package/dist/react/boxicons-NNFHLMOR.svg +1660 -0
- package/dist/react/chunk-2OQXI7QB.js +564 -0
- package/dist/react/chunk-2OQXI7QB.js.map +7 -0
- package/dist/react/chunk-5OUBTHHO.js +187 -0
- package/dist/react/chunk-5OUBTHHO.js.map +7 -0
- package/dist/react/chunk-6PFXZKL2.js +628 -0
- package/dist/react/chunk-6PFXZKL2.js.map +7 -0
- package/dist/react/chunk-6SFNWGGZ.js +453 -0
- package/dist/react/chunk-6SFNWGGZ.js.map +7 -0
- package/dist/react/chunk-7TZSIR6V.js +210 -0
- package/dist/react/chunk-7TZSIR6V.js.map +7 -0
- package/dist/react/chunk-AJAZC37E.js +662 -0
- package/dist/react/chunk-AJAZC37E.js.map +7 -0
- package/dist/react/chunk-BU4D2WYQ.js +1213 -0
- package/dist/react/chunk-BU4D2WYQ.js.map +7 -0
- package/dist/react/chunk-BZE4CEBG.js +747 -0
- package/dist/react/chunk-BZE4CEBG.js.map +7 -0
- package/dist/react/chunk-CB2RANCB.js +212 -0
- package/dist/react/chunk-CB2RANCB.js.map +7 -0
- package/dist/react/chunk-DNAG7ML6.js +128 -0
- package/dist/react/chunk-DNAG7ML6.js.map +7 -0
- package/dist/react/chunk-HZWLPXFN.js +198 -0
- package/dist/react/chunk-HZWLPXFN.js.map +7 -0
- package/dist/react/chunk-I6HCCIXB.js +572 -0
- package/dist/react/chunk-I6HCCIXB.js.map +7 -0
- package/dist/react/chunk-IZ5OGWGW.js +235 -0
- package/dist/react/chunk-IZ5OGWGW.js.map +7 -0
- package/dist/react/chunk-JJCJNLNN.js +1490 -0
- package/dist/react/chunk-JJCJNLNN.js.map +7 -0
- package/dist/react/chunk-JQ3IRFDP.js +222 -0
- package/dist/react/chunk-JQ3IRFDP.js.map +7 -0
- package/dist/react/chunk-L5OARZJ7.js +1134 -0
- package/dist/react/chunk-L5OARZJ7.js.map +7 -0
- package/dist/react/chunk-LHRTXNVE.js +1600 -0
- package/dist/react/chunk-LHRTXNVE.js.map +7 -0
- package/dist/react/chunk-Q2GA4MBZ.js +1653 -0
- package/dist/react/chunk-Q2GA4MBZ.js.map +7 -0
- package/dist/react/chunk-QNSE5BAY.js +519 -0
- package/dist/react/chunk-QNSE5BAY.js.map +7 -0
- package/dist/react/chunk-QXFBG7OM.js +191 -0
- package/dist/react/chunk-QXFBG7OM.js.map +7 -0
- package/dist/react/chunk-T6ZVV5ZO.js +714 -0
- package/dist/react/chunk-T6ZVV5ZO.js.map +7 -0
- package/dist/react/chunk-URB6MY46.js +974 -0
- package/dist/react/chunk-URB6MY46.js.map +7 -0
- package/dist/react/chunk-VN62KLOC.js +931 -0
- package/dist/react/chunk-VN62KLOC.js.map +7 -0
- package/dist/react/chunk-VQVEPJSA.js +158 -0
- package/dist/react/chunk-VQVEPJSA.js.map +7 -0
- package/dist/react/chunk-XISEAGBV.js +1632 -0
- package/dist/react/chunk-XISEAGBV.js.map +7 -0
- package/dist/react/chunk-YKJUBFHE.js +575 -0
- package/dist/react/chunk-YKJUBFHE.js.map +7 -0
- package/dist/react/circleTool-NUATSEI2.js +14 -0
- package/dist/react/circleTool-NUATSEI2.js.map +7 -0
- package/dist/react/codeTool-MHCB2FNB.js +38 -0
- package/dist/react/codeTool-MHCB2FNB.js.map +7 -0
- package/dist/react/eraserTool-2GS2LQCS.js +103 -0
- package/dist/react/eraserTool-2GS2LQCS.js.map +7 -0
- package/dist/react/frameTool-PWVKKXSP.js +14 -0
- package/dist/react/frameTool-PWVKKXSP.js.map +7 -0
- package/dist/react/freehandTool-SLYGASVP.js +14 -0
- package/dist/react/freehandTool-SLYGASVP.js.map +7 -0
- package/dist/react/iconTool-GPZ7O7NH.js +18 -0
- package/dist/react/iconTool-GPZ7O7NH.js.map +7 -0
- package/dist/react/imageTool-D5R4XGEU.js +15 -0
- package/dist/react/imageTool-D5R4XGEU.js.map +7 -0
- package/dist/react/index.js +5349 -0
- package/dist/react/index.js.map +7 -0
- package/dist/react/laserTool-XVMV63AV.js +239 -0
- package/dist/react/laserTool-XVMV63AV.js.map +7 -0
- package/dist/react/lineTool-WNI5EMZ5.js +14 -0
- package/dist/react/lineTool-WNI5EMZ5.js.map +7 -0
- package/dist/react/lixCode-OJMVUXXI.ttf +0 -0
- package/dist/react/lixDefault-JEAPAUJL.ttf +0 -0
- package/dist/react/lixFancy-BPXYM5CQ.ttf +0 -0
- package/dist/react/lixFont-CPKEUDVM.woff2 +0 -0
- package/dist/react/rectangleTool-U7DZ6ZTA.js +14 -0
- package/dist/react/rectangleTool-U7DZ6ZTA.js.map +7 -0
- package/dist/react/styles.css +6627 -0
- package/dist/react/textTool-M7S6F3VC.js +21 -0
- package/dist/react/textTool-M7S6F3VC.js.map +7 -0
- package/package.json +39 -5
- package/src/EngineShortcuts.js +83 -27
- package/src/core/AIRenderer.js +30 -18
- package/src/core/GraphEngine.js +64 -41
- package/src/core/MermaidFlowchartRenderer.js +153 -88
- package/src/core/MermaidSequenceRenderer.js +168 -93
- package/src/core/SceneSerializer.js +86 -2
- package/src/core/Selection.js +119 -19
- package/src/core/UndoRedo.js +82 -15
- package/src/core/ZoomPan.js +15 -5
- package/src/index.js +14 -1
- package/src/react/LixSketchCanvas.jsx +347 -0
- package/src/react/components/AppMenu.jsx +482 -0
- package/src/react/components/Footer.jsx +85 -0
- package/src/react/components/Toolbar.jsx +140 -0
- package/src/react/components/canvas/CanvasLoadingOverlay.jsx +76 -0
- package/src/react/components/canvas/ContextMenu.jsx +466 -0
- package/src/react/components/canvas/FindBar.jsx +177 -0
- package/src/react/components/canvas/ImageSourcePicker.jsx +133 -0
- package/src/react/components/canvas/MultiSelectActions.jsx +120 -0
- package/src/react/components/canvas/SVGCanvas.jsx +145 -0
- package/src/react/components/canvas/SaveStatusIndicator.jsx +29 -0
- package/src/react/components/modals/CanvasPropertiesModal.jsx +358 -0
- package/src/react/components/modals/CommandPalette.jsx +307 -0
- package/src/react/components/modals/ExportImageModal.jsx +287 -0
- package/src/react/components/modals/GraphModal.jsx +174 -0
- package/src/react/components/modals/HelpModal.jsx +208 -0
- package/src/react/components/modals/LixScriptModal.jsx +130 -0
- package/src/react/components/modals/ShortcutsModal.jsx +125 -0
- package/src/react/components/sidebars/ArrowSidebar.jsx +173 -0
- package/src/react/components/sidebars/CircleSidebar.jsx +134 -0
- package/src/react/components/sidebars/FrameSidebar.jsx +263 -0
- package/src/react/components/sidebars/IconSidebar.jsx +279 -0
- package/src/react/components/sidebars/ImageSidebar.jsx +69 -0
- package/src/react/components/sidebars/LineSidebar.jsx +109 -0
- package/src/react/components/sidebars/PaintbrushSidebar.jsx +119 -0
- package/src/react/components/sidebars/RectangleSidebar.jsx +165 -0
- package/src/react/components/sidebars/ShapeSidebar.jsx +130 -0
- package/src/react/components/sidebars/TextSidebar.jsx +174 -0
- package/src/react/hooks/inertStores.js +58 -0
- package/src/react/hooks/useSketchEngine.js +76 -0
- package/src/react/hooks/useTranslation.js +92 -0
- package/src/react/index.js +41 -0
- package/src/react/store/useSketchStore.js +234 -0
- package/src/react/store/useUIStore.js +196 -0
- package/src/react/styles/arrowSidebar.css +263 -0
- package/src/react/styles/canvasStroke.css +47 -0
- package/src/react/styles/canvasTools.css +769 -0
- package/src/react/styles/circleSidebar.css +206 -0
- package/src/react/styles/fonts/fonts.css +29 -0
- package/src/react/styles/fonts/lixCode.ttf +0 -0
- package/src/react/styles/fonts/lixDefault.ttf +0 -0
- package/src/react/styles/fonts/lixDocs.ttf +0 -0
- package/src/react/styles/fonts/lixFancy.ttf +0 -0
- package/src/react/styles/fonts/lixFont.woff2 +0 -0
- package/src/react/styles/lineSidebar.css +207 -0
- package/src/react/styles/paintbrushSidebar.css +247 -0
- package/src/react/styles/squareSidebar.css +206 -0
- package/src/react/styles/writeText.css +149 -0
- package/src/react/styles.css +175 -0
- package/src/react/toolsEnum.js +20 -0
- package/src/react/utils/toast.js +18 -0
- package/src/shapes/Frame.js +7 -1
- package/src/shapes/Line.js +11 -5
- package/src/tools/arrowTool.js +30 -4
- package/src/tools/circleTool.js +33 -9
- package/src/tools/codeTool.js +5 -3
- package/src/tools/frameTool.js +47 -7
- package/src/tools/freehandTool.js +12 -4
- package/src/tools/iconTool.js +7 -1
- package/src/tools/imageTool.js +7 -1
- package/src/tools/lineTool.js +27 -3
- package/src/tools/rectangleTool.js +45 -8
- package/src/tools/textTool.js +23 -6
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tools/textTool.js"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable */\n// Text tool event handlers - extracted from writeText.js\nimport {\n pushCreateAction,\n pushDeleteAction,\n pushDeleteActionWithAttachments,\n pushTransformAction,\n pushOptionsChangeAction,\n pushFrameAttachmentAction,\n setTextReferences,\n updateSelectedElement\n} from '../core/UndoRedo.js';\nimport { cleanupAttachments, updateAttachedArrows } from './arrowTool.js';\n\nfunction getThemeStroke() { if (typeof document === \"undefined\") return \"#fff\"; return document.body && document.body.classList.contains(\"theme-dark\") ? \"#fff\" : \"#1a1a2e\"; }\nimport {\n addCodeBlock,\n wrapCodeElement,\n selectCodeBlock,\n deselectCodeBlock,\n applySyntaxHighlightingToSVG,\n createHighlightedSVGText,\n updateCodeBackground,\n extractTextFromCodeElement,\n setCodeLanguage,\n getCodeLanguage,\n getSelectedCodeBlock\n} from './codeTool.js';\n\nlet textSize = \"30px\";\nlet textFont = \"lixFont\";\nlet textColor = null;\nlet textAlign = \"left\";\n\nlet textColorOptions = document.querySelectorAll(\".textColorSpan\");\nlet textFontOptions = document.querySelectorAll(\".textFontSpan\");\nlet textSizeOptions = document.querySelectorAll(\".textSizeSpan\");\nlet textAlignOptions = document.querySelectorAll(\".textAlignSpan\");\n\nlet selectedElement = null;\nlet selectionBox = null;\nlet resizeHandles = {};\nlet dragOffsetX, dragOffsetY;\nlet isDragging = false;\nlet isResizing = false;\nlet currentResizeHandle = null;\nlet startBBox = null;\nlet startFontSize = null;\nlet startPoint = null;\nlet isRotating = false;\nlet rotationStartAngle = 0;\nlet rotationStartTransform = null;\nlet initialHandlePosRelGroup = null;\nlet initialGroupTx = 0;\nlet initialGroupTy = 0;\nlet initialInverseScreenCTM = null;\n\n// Frame attachment variables\nlet draggedShapeInitialFrameText = null;\nlet hoveredFrameText = null;\n\nsetTextReferences(selectedElement, updateSelectionFeedback, svg);\n\n\nfunction switchToSelectionTool() {\n if (window.__sketchStoreApi) {\n window.__sketchStoreApi.setActiveTool('select', { afterDraw: true });\n } else {\n window.isSelectionToolActive = true;\n }\n}\n\n\n// Convert group element to our TextShape class\nfunction wrapTextElement(groupElement) {\n const textShape = new TextShape(groupElement);\n return textShape;\n}\n\nfunction getSVGCoordinates(event, element = svg) {\n if (!svg || !svg.createSVGPoint) {\n console.error(\"SVG element or createSVGPoint method not available.\");\n return { x: 0, y: 0 };\n }\n let pt = svg.createSVGPoint();\n pt.x = event.clientX;\n pt.y = event.clientY;\n\n try {\n let screenCTM = (element && typeof element.getScreenCTM === 'function' && element.getScreenCTM()) || svg.getScreenCTM();\n if (!screenCTM) {\n console.error(\"Could not get Screen CTM.\");\n return { x: event.clientX, y: event.clientY };\n }\n let svgPoint = pt.matrixTransform(screenCTM.inverse());\n return {\n x: svgPoint.x,\n y: svgPoint.y,\n };\n } catch (error) {\n console.error(\"Error getting SVG coordinates:\", error);\n return { x: event.clientX, y: event.clientY };\n }\n}\n\nfunction addText(event) {\n let { x, y } = getSVGCoordinates(event);\n\n let gElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\n gElement.setAttribute(\"data-type\", \"text-group\");\n gElement.setAttribute(\"transform\", `translate(${x}, ${y})`);\n\n let textElement = document.createElementNS(\n \"http://www.w3.org/2000/svg\",\n \"text\"\n );\n let textAlignElement = \"start\";\n if (textAlign === \"center\") textAlignElement = \"middle\";\n else if (textAlign === \"right\") textAlignElement = \"end\";\n\n textElement.setAttribute(\"x\", 0);\n textElement.setAttribute(\"y\", 0);\n textElement.setAttribute(\"fill\", textColor ?? getThemeStroke());\n textElement.setAttribute(\"font-size\", textSize);\n textElement.setAttribute(\"font-family\", textFont);\n textElement.setAttribute(\"text-anchor\", textAlignElement);\n textElement.setAttribute(\"cursor\", \"default\");\n textElement.setAttribute(\"white-space\", \"pre\");\n textElement.setAttribute(\"dominant-baseline\", \"hanging\");\n // Issue #34 bug #5b: SVG <text> only fires pointer events on the\n // painted glyphs by default \u2014 so a click between letters or in the\n // padding around the text never bubbles to the <g> and the selection\n // tool can't pick the shape up. `bounding-box` extends the hit area\n // to the entire bounding box (SVG 2; supported in Chromium/WebKit/\n // Firefox), which is what every other shape tool relies on.\n textElement.setAttribute(\"pointer-events\", \"bounding-box\");\n textElement.textContent = \"\";\n\n gElement.setAttribute(\"data-x\", x);\n gElement.setAttribute(\"data-y\", y);\n textElement.setAttribute(\"data-initial-size\", textSize);\n textElement.setAttribute(\"data-initial-font\", textFont);\n textElement.setAttribute(\"data-initial-color\", textColor ?? getThemeStroke());\n textElement.setAttribute(\"data-initial-align\", textAlign);\n textElement.setAttribute(\"data-type\", \"text\");\n gElement.appendChild(textElement);\n svg.appendChild(gElement);\n \n // Attach ID to both group and text element\n const shapeID = `text-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n gElement.setAttribute('id', shapeID);\n textElement.setAttribute('id', `${shapeID}-text`);\n \n // Create TextShape wrapper for frame functionality\n const textShape = wrapTextElement(gElement);\n \n // Add to shapes array for arrow attachment and frame functionality\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.push(textShape);\n }\n \n pushCreateAction({\n type: 'text',\n element: textShape,\n shapeName: 'text'\n });\n\n // Check if text was created inside a frame and add it\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.forEach(shape => {\n if (shape.shapeName === 'frame' && shape.isShapeInFrame(textShape)) {\n shape.addShapeToFrame(textShape);\n }\n });\n }\n\n makeTextEditable(textElement, gElement);\n}\n\nfunction makeTextEditable(textElement, groupElement) {\n\n if (document.querySelector(\"textarea.svg-text-editor\")) {\n return;\n }\n\n if (selectedElement) {\n deselectElement();\n }\n\n let input = document.createElement(\"textarea\");\n input.className = \"svg-text-editor\";\n\n let textContent = \"\";\n const tspans = textElement.querySelectorAll('tspan');\n if (tspans.length > 0) {\n tspans.forEach((tspan, index) => {\n textContent += tspan.textContent.replace(/ /g, '\\u00A0');\n if (index < tspans.length - 1) {\n textContent += \"\\n\";\n }\n });\n } else {\n textContent = textElement.textContent.replace(/ /g, '\\u00A0');\n }\n\n input.value = textContent;\n input.style.position = \"absolute\";\n input.style.outline = \"none\";\n input.style.padding = \"1px\";\n input.style.margin = \"0\";\n input.style.boxSizing = \"border-box\";\n input.style.overflow = \"hidden\";\n input.style.resize = \"none\";\n input.style.whiteSpace = \"pre-wrap\";\n input.style.minHeight = \"1.2em\";\n input.style.zIndex = \"10000\";\n\n const svgRect = svg.getBoundingClientRect();\n\n // Use the group element's own screenCTM which includes group transform + SVG viewBox transform\n const textBBox = textElement.getBBox();\n let pt = svg.createSVGPoint();\n pt.x = textBBox.x;\n pt.y = textBBox.y;\n\n const groupCTM = groupElement.getScreenCTM() || svg.getScreenCTM();\n let screenPt = pt.matrixTransform(groupCTM);\n\n input.style.left = `${screenPt.x}px`;\n input.style.top = `${screenPt.y}px`;\n\n const svgZoomFactor = svg.getScreenCTM() ? svg.getScreenCTM().a : 1;\n const screenWidth = textBBox.width * svgZoomFactor;\n\n input.style.width = \"auto\";\n input.style.height = \"auto\";\n\n const currentFontSize = textElement.getAttribute(\"font-size\") || \"30px\";\n const currentFontFamily = textElement.getAttribute(\"font-family\") || \"lixFont\";\n const currentFill = textElement.getAttribute(\"fill\") || \"#fff\";\n const currentAnchor = textElement.getAttribute(\"text-anchor\") || \"start\";\n // Scale font-size by zoom so the textarea matches what the user sees on canvas\n const rawSize = parseFloat(currentFontSize) || 30;\n const scaledFontSize = `${rawSize * svgZoomFactor}px`;\n\n input.style.minWidth = \"150px\";\n input.style.minHeight = \"1.5em\";\n input.style.width = \"auto\";\n input.style.height = \"auto\";\n input.style.overflow = \"visible\";\n input.style.whiteSpace = \"pre-wrap\";\n input.style.wordBreak = \"break-word\";\n input.style.fontSize = scaledFontSize;\n input.style.fontFamily = currentFontFamily;\n input.style.color = currentFill;\n input.style.lineHeight = \"1.2em\";\n input.style.textAlign = currentAnchor === \"middle\" ? \"center\" : currentAnchor === \"end\" ? \"right\" : \"left\";\n input.style.backgroundColor = \"transparent\";\n // Issue #34 bug #5a: dashed creation outline that grows with the\n // text \u2014 same visual cue the frame tool uses while drawing. Inset\n // padding-box border so the dashes follow the textarea size as the\n // user types instead of clipping behind the glyphs.\n input.style.border = \"1px dashed rgba(255,255,255,0.55)\";\n input.style.borderRadius = \"3px\";\n input.style.outline = \"none\";\n document.body.appendChild(input);\n\n const adjustHeight = () => {\n input.style.height = 'auto';\n input.style.height = input.scrollHeight + 'px';\n const maxHeight = svgRect.height - (screenPt.y);\n if (input.scrollHeight > maxHeight) {\n input.style.height = maxHeight + 'px';\n input.style.overflowY = 'auto';\n } else {\n input.style.overflowY = 'hidden';\n }\n };\n\n const adjustWidth = () => {\n input.style.width = 'auto';\n const maxWidth = svgRect.width - (screenPt.x);\n const contentWidth = Math.max(input.scrollWidth, 150);\n if (contentWidth > maxWidth) {\n input.style.width = maxWidth + 'px';\n input.style.overflowX = 'auto';\n } else {\n input.style.width = contentWidth + 'px';\n input.style.overflowX = 'hidden';\n }\n };\n adjustHeight();\n adjustWidth();\n\n setTimeout(() => {\n input.focus();\n input.select();\n }, 50);\n\n input.addEventListener('input', adjustHeight);\n input.addEventListener('input', adjustWidth);\n\n input.addEventListener(\"keydown\", function (e) {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n renderText(input, textElement, true);\n } else if (e.key === \"Escape\") {\n e.preventDefault();\n renderText(input, textElement, true);\n }\n });\n\n input.originalTextElement = textElement;\n input.textGroup = groupElement;\n\n const handleClickOutside = (event) => {\n if (!input.contains(event.target)) {\n renderText(input, textElement, true);\n document.removeEventListener('pointerdown', handleClickOutside, true);\n }\n };\n document.addEventListener('pointerdown', handleClickOutside, true);\n input.handleClickOutside = handleClickOutside;\n\n // Set text cursor on the element during edit mode\n const textEl = groupElement.querySelector('text');\n if (textEl) textEl.setAttribute(\"cursor\", \"text\");\n\n groupElement.style.display = \"none\";\n}\n\nfunction renderText(input, textElement, deleteIfEmpty = false) {\n if (!input || !document.body.contains(input)) {\n return;\n }\n\n const text = input.value || \"\";\n const gElement = input.textGroup;\n\n if (input.handleClickOutside) {\n document.removeEventListener('pointerdown', input.handleClickOutside, true);\n }\n\n document.body.removeChild(input);\n\n // Reset cursor back to default after edit mode ends\n if (textElement) textElement.setAttribute(\"cursor\", \"default\");\n\n if (!gElement || !textElement) {\n return;\n }\n\n if (!gElement.parentNode) {\n if (selectedElement === gElement) {\n deselectElement();\n }\n return;\n }\n\n if (deleteIfEmpty && text.trim() === \"\") {\n // Find the TextShape wrapper\n let textShape = null;\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n textShape = shapes.find(shape => shape.shapeName === 'text' && shape.group === gElement);\n if (textShape) {\n const idx = shapes.indexOf(textShape);\n if (idx !== -1) shapes.splice(idx, 1);\n }\n }\n\n // Use enhanced delete action for text with arrow attachments\n pushDeleteActionWithAttachments({\n type: 'text',\n element: textShape || gElement,\n shapeName: 'text'\n });\n\n // Clean up any arrow attachments before deleting\n if (typeof cleanupAttachments === 'function') {\n cleanupAttachments(gElement);\n }\n\n svg.removeChild(gElement);\n if (selectedElement === gElement) {\n selectedElement = null;\n removeSelectionFeedback();\n }\n } else {\n while (textElement.firstChild) {\n textElement.removeChild(textElement.firstChild);\n }\n\n const lines = text.split(\"\\n\");\n const x = textElement.getAttribute(\"x\") || 0;\n\n lines.forEach((line, index) => {\n let tspan = document.createElementNS(\n \"http://www.w3.org/2000/svg\",\n \"tspan\"\n );\n tspan.setAttribute(\"x\", x);\n tspan.setAttribute(\"dy\", index === 0 ? \"0\" : \"1.2em\");\n tspan.textContent = line.replace(/\\u00A0/g, ' ') || \" \";\n textElement.appendChild(tspan);\n });\n\n gElement.style.display = 'block';\n\n // Update attached arrows after text content change\n updateAttachedArrows(gElement);\n\n if (selectedElement === gElement) {\n setTimeout(updateSelectionFeedback, 0);\n }\n }\n\n // After rendering text, switch to selection tool and auto-select\n if (gElement.parentNode) {\n switchToSelectionTool();\n // Defer selection so the tool switch (async React state) completes first\n requestAnimationFrame(() => selectElement(gElement));\n }\n}\n\nfunction createSelectionFeedback(groupElement) {\n if (!groupElement) return;\n removeSelectionFeedback();\n\n const textElement = groupElement.querySelector('text');\n if (!textElement) {\n return;\n }\n\n const bbox = textElement.getBBox();\n\n const zoom = window.currentZoom || 1;\n const padding = 8 / zoom;\n const handleSize = 10 / zoom;\n const handleOffset = handleSize / 2;\n const anchorStrokeWidth = 2;\n\n const selX = bbox.x - padding;\n const selY = bbox.y - padding;\n const selWidth = bbox.width + 2 * padding;\n const selHeight = bbox.height + 2 * padding;\n\n const outlinePoints = [\n [selX, selY],\n [selX + selWidth, selY],\n [selX + selWidth, selY + selHeight],\n [selX, selY + selHeight],\n [selX, selY]\n ];\n\n const pointsAttr = outlinePoints.map(p => p.join(',')).join(' ');\n selectionBox = document.createElementNS(\"http://www.w3.org/2000/svg\", \"polyline\");\n selectionBox.setAttribute(\"class\", \"selection-box\");\n selectionBox.setAttribute(\"points\", pointsAttr);\n selectionBox.setAttribute(\"fill\", \"none\");\n selectionBox.setAttribute(\"stroke\", \"#5B57D1\");\n selectionBox.setAttribute(\"stroke-width\", \"1.5\");\n selectionBox.setAttribute(\"stroke-dasharray\", `${4 / zoom} ${2 / zoom}`);\n selectionBox.setAttribute(\"vector-effect\", \"non-scaling-stroke\");\n selectionBox.setAttribute(\"pointer-events\", \"none\");\n groupElement.appendChild(selectionBox);\n\n const handlesData = [\n { name: 'nw', x: selX, y: selY, cursor: 'nwse-resize' },\n { name: 'ne', x: selX + selWidth, y: selY, cursor: 'nesw-resize' },\n { name: 'sw', x: selX, y: selY + selHeight, cursor: 'nesw-resize' },\n { name: 'se', x: selX + selWidth, y: selY + selHeight, cursor: 'nwse-resize' }\n ];\n\n resizeHandles = {};\n handlesData.forEach(handle => {\n const handleRect = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n handleRect.setAttribute(\"class\", `resize-handle resize-handle-${handle.name}`);\n handleRect.setAttribute(\"x\", handle.x - handleOffset);\n handleRect.setAttribute(\"y\", handle.y - handleOffset);\n handleRect.setAttribute(\"width\", handleSize);\n handleRect.setAttribute(\"height\", handleSize);\n handleRect.setAttribute(\"fill\", \"#121212\");\n handleRect.setAttribute(\"stroke\", \"#5B57D1\");\n handleRect.setAttribute(\"stroke-width\", anchorStrokeWidth);\n handleRect.setAttribute(\"vector-effect\", \"non-scaling-stroke\");\n handleRect.style.cursor = handle.cursor;\n handleRect.setAttribute(\"data-anchor\", handle.name);\n groupElement.appendChild(handleRect);\n resizeHandles[handle.name] = handleRect;\n\n handleRect.addEventListener('pointerdown', (e) => {\n if (window.isSelectionToolActive) {\n e.stopPropagation();\n startResize(e, handle.name);\n }\n });\n });\n\n const rotationAnchorPos = { x: selX + selWidth / 2, y: selY - 30 };\n const rotationAnchor = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n rotationAnchor.setAttribute('cx', rotationAnchorPos.x);\n rotationAnchor.setAttribute('cy', rotationAnchorPos.y);\n rotationAnchor.setAttribute('r', 8);\n rotationAnchor.setAttribute('class', 'rotate-anchor');\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.style.cursor = 'grab';\n rotationAnchor.setAttribute('pointer-events', 'all');\n groupElement.appendChild(rotationAnchor);\n\n resizeHandles.rotate = rotationAnchor;\n\n rotationAnchor.addEventListener('pointerdown', (e) => {\n if (window.isSelectionToolActive) {\n e.stopPropagation();\n startRotation(e);\n }\n });\n\n rotationAnchor.addEventListener('mouseover', function() {\n if (!isResizing && !isDragging) {\n this.style.cursor = 'grab';\n }\n });\n\n rotationAnchor.addEventListener('mouseout', function() {\n if (!isResizing && !isDragging) {\n this.style.cursor = 'default';\n }\n });\n}\n\nfunction updateSelectionFeedback() {\n if (!selectedElement || !selectionBox) return;\n\n const textElement = selectedElement.querySelector('text');\n if (!textElement) return;\n\n const wasHidden = selectedElement.style.display === 'none';\n if (wasHidden) selectedElement.style.display = 'block';\n\n const bbox = textElement.getBBox();\n\n if (wasHidden) selectedElement.style.display = 'none';\n\n if (bbox.width === 0 && bbox.height === 0 && textElement.textContent.trim() !== \"\") {\n }\n\n const zoom2 = window.currentZoom || 1;\n const padding = 8 / zoom2;\n const handleSize = 10 / zoom2;\n const handleOffset = handleSize / 2;\n\n const selX = bbox.x - padding;\n const selY = bbox.y - padding;\n const selWidth = Math.max(bbox.width + 2 * padding, handleSize);\n const selHeight = Math.max(bbox.height + 2 * padding, handleSize);\n\n const outlinePoints = [\n [selX, selY],\n [selX + selWidth, selY],\n [selX + selWidth, selY + selHeight],\n [selX, selY + selHeight],\n [selX, selY]\n ];\n\n const pointsAttr = outlinePoints.map(p => p.join(',')).join(' ');\n selectionBox.setAttribute(\"points\", pointsAttr);\n\n const handlesData = [\n { name: 'nw', x: selX, y: selY },\n { name: 'ne', x: selX + selWidth, y: selY },\n { name: 'sw', x: selX, y: selY + selHeight },\n { name: 'se', x: selX + selWidth, y: selY + selHeight }\n ];\n\n handlesData.forEach(handle => {\n const handleRect = resizeHandles[handle.name];\n if (handleRect) {\n handleRect.setAttribute(\"x\", handle.x - handleOffset);\n handleRect.setAttribute(\"y\", handle.y - handleOffset);\n }\n });\n\n const rotationAnchor = resizeHandles.rotate;\n if (rotationAnchor) {\n const rotationAnchorPos = { x: selX + selWidth / 2, y: selY - 30 };\n rotationAnchor.setAttribute('cx', rotationAnchorPos.x);\n rotationAnchor.setAttribute('cy', rotationAnchorPos.y);\n }\n}\n\nfunction startRotation(event) {\n if (!selectedElement || event.button !== 0) return;\n event.preventDefault();\n event.stopPropagation();\n\n isRotating = true;\n isDragging = false;\n isResizing = false;\n\n const textElement = selectedElement.querySelector('text');\n if (!textElement) return;\n\n const bbox = textElement.getBBox();\n const centerX = bbox.x + bbox.width / 2;\n const centerY = bbox.y + bbox.height / 2;\n\n const mousePos = getSVGCoordinates(event);\n\n let centerPoint = svg.createSVGPoint();\n centerPoint.x = centerX;\n centerPoint.y = centerY;\n\n const groupTransform = selectedElement.transform.baseVal.consolidate();\n if (groupTransform) {\n centerPoint = centerPoint.matrixTransform(groupTransform.matrix);\n }\n\n rotationStartAngle = Math.atan2(mousePos.y - centerPoint.y, mousePos.x - centerPoint.x) * 180 / Math.PI;\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n rotationStartTransform = currentTransform ? currentTransform.matrix : svg.createSVGMatrix();\n\n svg.style.cursor = 'grabbing';\n\n window.addEventListener('pointermove', handleMouseMove);\n window.addEventListener('pointerup', handleMouseUp);\n}\n\nfunction removeSelectionFeedback(element) {\n const target = element || selectedElement;\n if (target) {\n target.querySelectorAll(\".selection-box, .resize-handle, .rotate-anchor\").forEach(el => el.remove());\n }\n // Also clean up any orphaned selection elements in all text groups\n svg.querySelectorAll('g[data-type=\"text-group\"] .selection-box, g[data-type=\"text-group\"] .resize-handle, g[data-type=\"text-group\"] .rotate-anchor').forEach(el => el.remove());\n\n selectionBox = null;\n resizeHandles = {};\n}\n\nfunction selectElement(groupElement) {\n if (!groupElement || !groupElement.parentNode) return;\n if (groupElement === selectedElement) return;\n\n deselectElement();\n selectedElement = groupElement;\n selectedElement.classList.add(\"selected\");\n createSelectionFeedback(selectedElement);\n\n updateSelectedElement(selectedElement);\n updateCodeToggleForShape('text');\n\n // Update global currentShape so EventDispatcher can route to other tools later\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n const wrapper = shapes.find(s => s.element === groupElement || s.group === groupElement);\n if (wrapper) {\n currentShape = wrapper;\n }\n }\n\n // Show text property panel when text is selected\n if (window.__showSidebarForShape) window.__showSidebarForShape('text');\n}\n\nfunction deselectElement() {\n const activeEditor = document.querySelector(\"textarea.svg-text-editor\");\n if (activeEditor) {\n let textElement = activeEditor.originalTextElement;\n if (textElement) {\n renderText(activeEditor, textElement, true);\n } else if (document.body.contains(activeEditor)) {\n document.body.removeChild(activeEditor);\n }\n }\n\n if (selectedElement) {\n removeSelectionFeedback();\n selectedElement.classList.remove(\"selected\");\n selectedElement = null;\n\n updateSelectedElement(null);\n\n // Clear global currentShape if it was a text shape\n if (currentShape && (currentShape.shapeName === 'text' || currentShape.shapeName === 'code')) {\n currentShape = null;\n }\n\n // Hide text property panel if we're in selection mode (not text tool)\n if (isSelectionToolActive) {\n textSideBar.classList.add(\"hidden\");\n }\n }\n\n if (isRotating) {\n isRotating = false;\n rotationStartAngle = 0;\n rotationStartTransform = null;\n svg.style.cursor = 'default';\n\n window.removeEventListener('pointermove', handleMouseMove);\n window.removeEventListener('pointerup', handleMouseUp);\n }\n}\n\nfunction startDrag(event) {\n if (!selectedElement || event.button !== 0) return;\n\n if (event.target.closest('.resize-handle')) {\n return;\n }\n\n isDragging = true;\n isResizing = false;\n event.preventDefault();\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n const initialTranslateX = currentTransform ? currentTransform.matrix.e : 0;\n const initialTranslateY = currentTransform ? currentTransform.matrix.f : 0;\n\n startPoint = getSVGCoordinates(event);\n\n dragOffsetX = startPoint.x - initialTranslateX;\n dragOffsetY = startPoint.y - initialTranslateY;\n\n // Find the TextShape wrapper for frame functionality\n let textShape = null;\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n textShape = shapes.find(shape => shape.shapeName === 'text' && shape.group === selectedElement);\n }\n\n if (textShape) {\n // Store initial frame state\n draggedShapeInitialFrameText = textShape.parentFrame || null;\n \n // Temporarily remove from frame clipping if dragging\n if (textShape.parentFrame) {\n textShape.parentFrame.temporarilyRemoveFromFrame(textShape);\n }\n }\n\n svg.style.cursor = 'grabbing';\n\n svg.addEventListener('pointermove', handleMouseMove);\n svg.addEventListener('pointerup', handleMouseUp);\n}\n\nfunction startResize(event, anchor) {\n if (!selectedElement || event.button !== 0) return;\n event.preventDefault();\n event.stopPropagation();\n\n isResizing = true;\n isDragging = false;\n currentResizeHandle = anchor;\n\n const textElement = selectedElement.querySelector('text');\n if (!textElement) {\n isResizing = false;\n return;\n }\n\n startBBox = textElement.getBBox();\n startFontSize = parseFloat(textElement.getAttribute(\"font-size\") || 30);\n if (isNaN(startFontSize)) startFontSize = 30;\n\n startPoint = getSVGCoordinates(event, selectedElement);\n\n // Freeze the group's screen CTM at resize start so mouse\u2192local mapping stays stable\n const groupScreenCTM = selectedElement.getScreenCTM();\n initialInverseScreenCTM = groupScreenCTM ? groupScreenCTM.inverse() : null;\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n initialGroupTx = currentTransform ? currentTransform.matrix.e : 0;\n initialGroupTy = currentTransform ? currentTransform.matrix.f : 0;\n\n const padding = 3;\n const startX = startBBox.x - padding;\n const startY = startBBox.y - padding;\n const startWidth = startBBox.width + 2 * padding;\n const startHeight = startBBox.height + 2 * padding;\n\n let hx = startX;\n let hy = startY;\n if (anchor.includes('e')) { hx = startX + startWidth; }\n if (anchor.includes('s')) { hy = startY + startHeight; }\n initialHandlePosRelGroup = { x: hx, y: hy };\n\n svg.style.cursor = resizeHandles[anchor]?.style.cursor || 'default';\n\n svg.addEventListener('pointermove', handleMouseMove);\n svg.addEventListener('pointerup', handleMouseUp);\n}\n\n\nconst handleMouseMove = (event) => {\n if (!selectedElement) return;\n event.preventDefault();\n\n // Keep lastMousePos in screen coordinates for other functions\n const svgRect = svg.getBoundingClientRect();\n lastMousePos = {\n x: event.clientX - svgRect.left, \n y: event.clientY - svgRect.top\n };\n\n if (isDragging) {\n const currentPoint = getSVGCoordinates(event);\n const newTranslateX = currentPoint.x - dragOffsetX;\n const newTranslateY = currentPoint.y - dragOffsetY;\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n if (currentTransform) {\n const matrix = currentTransform.matrix;\n const angle = Math.atan2(matrix.b, matrix.a) * 180 / Math.PI;\n\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const bbox = textElement.getBBox();\n const centerX = bbox.x + bbox.width / 2;\n const centerY = bbox.y + bbox.height / 2;\n\n selectedElement.setAttribute('transform',\n `translate(${newTranslateX}, ${newTranslateY}) rotate(${angle}, ${centerX}, ${centerY})`\n );\n } else {\n selectedElement.setAttribute('transform', `translate(${newTranslateX}, ${newTranslateY})`);\n }\n } else {\n selectedElement.setAttribute('transform', `translate(${newTranslateX}, ${newTranslateY})`);\n }\n\n // Update frame containment for TextShape wrapper\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n const textShape = shapes.find(shape => shape.shapeName === 'text' && shape.group === selectedElement);\n if (textShape) {\n textShape.updateFrameContainment();\n }\n }\n\n // Update attached arrows during dragging\n updateAttachedArrows(selectedElement);\n\n } else if (isResizing) {\n const textElement = selectedElement.querySelector('text');\n if (!textElement || !startBBox || startFontSize === null || !startPoint || !initialHandlePosRelGroup) return;\n\n // Use the frozen initial CTM so the mapping doesn't shift as we change the group transform\n let currentPoint;\n if (initialInverseScreenCTM) {\n const pt = svg.createSVGPoint();\n pt.x = event.clientX;\n pt.y = event.clientY;\n currentPoint = pt.matrixTransform(initialInverseScreenCTM);\n } else {\n currentPoint = getSVGCoordinates(event, selectedElement);\n }\n\n const startX = startBBox.x;\n const startY = startBBox.y;\n const startWidth = startBBox.width;\n const startHeight = startBBox.height;\n\n let anchorX, anchorY;\n\n switch (currentResizeHandle) {\n case 'nw':\n anchorX = startX + startWidth;\n anchorY = startY + startHeight;\n break;\n case 'ne':\n anchorX = startX;\n anchorY = startY + startHeight;\n break;\n case 'sw':\n anchorX = startX + startWidth;\n anchorY = startY;\n break;\n case 'se':\n anchorX = startX;\n anchorY = startY;\n break;\n }\n\n const newWidth = Math.abs(currentPoint.x - anchorX);\n const newHeight = Math.abs(currentPoint.y - anchorY);\n\n const chosenScale = newHeight / startHeight;\n\n const minScale = 0.1;\n const maxScale = 10.0;\n const clampedScale = Math.max(minScale, Math.min(chosenScale, maxScale));\n\n const newFontSize = startFontSize * clampedScale;\n const minFontSize = 5;\n const finalFontSize = Math.max(newFontSize, minFontSize);\n\n textElement.setAttribute(\"font-size\", `${finalFontSize}px`);\n\n const currentBBox = textElement.getBBox();\n\n let newAnchorX, newAnchorY;\n\n switch (currentResizeHandle) {\n case 'nw':\n newAnchorX = currentBBox.x + currentBBox.width;\n newAnchorY = currentBBox.y + currentBBox.height;\n break;\n case 'ne':\n newAnchorX = currentBBox.x;\n newAnchorY = currentBBox.y + currentBBox.height;\n break;\n case 'sw':\n newAnchorX = currentBBox.x + currentBBox.width;\n newAnchorY = currentBBox.y;\n break;\n case 'se':\n newAnchorX = currentBBox.x;\n newAnchorY = currentBBox.y;\n break;\n }\n\n const deltaX = anchorX - newAnchorX;\n const deltaY = anchorY - newAnchorY;\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n if (currentTransform) {\n const matrix = currentTransform.matrix;\n const angle = Math.atan2(matrix.b, matrix.a) * 180 / Math.PI;\n\n const newGroupTx = initialGroupTx + deltaX;\n const newGroupTy = initialGroupTy + deltaY;\n\n const centerX = currentBBox.x + currentBBox.width / 2;\n const centerY = currentBBox.y + currentBBox.height / 2;\n\n selectedElement.setAttribute('transform',\n `translate(${newGroupTx}, ${newGroupTy}) rotate(${angle}, ${centerX}, ${centerY})`\n );\n } else {\n const newGroupTx = initialGroupTx + deltaX;\n const newGroupTy = initialGroupTy + deltaY;\n selectedElement.setAttribute('transform', `translate(${newGroupTx}, ${newGroupTy})`);\n }\n\n // Update attached arrows during resizing\n updateAttachedArrows(selectedElement);\n\n clearTimeout(selectedElement.updateFeedbackTimeout);\n selectedElement.updateFeedbackTimeout = setTimeout(() => {\n updateSelectionFeedback();\n delete selectedElement.updateFeedbackTimeout;\n }, 0);\n\n } else if (isRotating) {\n const textElement = selectedElement.querySelector('text');\n if (!textElement) return;\n\n const bbox = textElement.getBBox();\n const centerX = bbox.x + bbox.width / 2;\n const centerY = bbox.y + bbox.height / 2;\n\n const mousePos = getSVGCoordinates(event);\n\n let centerPoint = svg.createSVGPoint();\n centerPoint.x = centerX;\n centerPoint.y = centerY;\n\n const groupTransform = selectedElement.transform.baseVal.consolidate();\n if (groupTransform) {\n centerPoint = centerPoint.matrixTransform(groupTransform.matrix);\n }\n\n const currentAngle = Math.atan2(mousePos.y - centerPoint.y, mousePos.x - centerPoint.x) * 180 / Math.PI;\n\n const rotationDiff = currentAngle - rotationStartAngle;\n\n const newTransform = `translate(${rotationStartTransform.e}, ${rotationStartTransform.f}) rotate(${rotationDiff}, ${centerX}, ${centerY})`;\n selectedElement.setAttribute('transform', newTransform);\n\n // Update attached arrows during rotation\n updateAttachedArrows(selectedElement);\n\n updateSelectionFeedback();\n }\n};\n\n\n\nconst handleMouseUp = (event) => {\n if (event.button !== 0) return;\n\n if (isDragging && selectedElement) {\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n if (currentTransform) {\n const finalTranslateX = currentTransform.matrix.e;\n const finalTranslateY = currentTransform.matrix.f;\n\n const initialX = parseFloat(selectedElement.getAttribute(\"data-x\")) || 0;\n const initialY = parseFloat(selectedElement.getAttribute(\"data-y\")) || 0;\n\n // Find the TextShape wrapper for frame tracking\n let textShape = null;\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n textShape = shapes.find(shape => shape.shapeName === 'text' && shape.group === selectedElement);\n }\n\n // Add frame information for undo tracking\n const oldPosWithFrame = {\n x: initialX,\n y: initialY,\n rotation: extractRotationFromTransform(selectedElement) || 0,\n parentFrame: draggedShapeInitialFrameText\n };\n // Issue #34 bug #2: hoveredFrameText is the actual destination\n // tracked during drag \u2014 textShape.parentFrame is still the OLD\n // frame at this point.\n const newPosWithFrame = {\n x: finalTranslateX,\n y: finalTranslateY,\n rotation: extractRotationFromTransform(selectedElement) || 0,\n parentFrame: hoveredFrameText || null,\n };\n\n const stateChanged = initialX !== finalTranslateX || initialY !== finalTranslateY;\n const frameChanged = oldPosWithFrame.parentFrame !== newPosWithFrame.parentFrame;\n\n if (stateChanged || frameChanged) {\n pushTransformAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n oldPosWithFrame,\n newPosWithFrame\n );\n }\n\n // Handle frame containment changes after drag\n if (textShape) {\n const finalFrame = hoveredFrameText;\n \n // If shape moved to a different frame\n if (draggedShapeInitialFrameText !== finalFrame) {\n // Remove from initial frame\n if (draggedShapeInitialFrameText) {\n draggedShapeInitialFrameText.removeShapeFromFrame(textShape);\n }\n \n // Add to new frame\n if (finalFrame) {\n finalFrame.addShapeToFrame(textShape);\n }\n \n // Track the frame change for undo\n if (frameChanged) {\n pushFrameAttachmentAction(finalFrame || draggedShapeInitialFrameText, textShape, \n finalFrame ? 'attach' : 'detach', draggedShapeInitialFrameText);\n }\n } else if (draggedShapeInitialFrameText) {\n // Shape stayed in same frame, restore clipping\n draggedShapeInitialFrameText.restoreToFrame(textShape);\n }\n }\n\n selectedElement.setAttribute(\"data-x\", finalTranslateX);\n selectedElement.setAttribute(\"data-y\", finalTranslateY);\n }\n\n draggedShapeInitialFrameText = null;\n\n } else if (isResizing && selectedElement) {\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const finalFontSize = textElement.getAttribute(\"font-size\");\n const initialFontSize = startFontSize;\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n if (currentTransform && initialFontSize !== parseFloat(finalFontSize)) {\n const finalTranslateX = currentTransform.matrix.e;\n const finalTranslateY = currentTransform.matrix.f;\n\n pushTransformAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n x: initialGroupTx,\n y: initialGroupTy,\n fontSize: initialFontSize,\n rotation: extractRotationFromTransform(selectedElement) || 0\n },\n {\n x: finalTranslateX,\n y: finalTranslateY,\n fontSize: parseFloat(finalFontSize),\n rotation: extractRotationFromTransform(selectedElement) || 0\n }\n );\n\n selectedElement.setAttribute(\"data-x\", finalTranslateX);\n selectedElement.setAttribute(\"data-y\", finalTranslateY);\n }\n\n clearTimeout(selectedElement.updateFeedbackTimeout);\n updateSelectionFeedback();\n }\n } else if (isRotating && selectedElement) {\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n if (currentTransform && rotationStartTransform) {\n const initialRotation = Math.atan2(rotationStartTransform.b, rotationStartTransform.a) * 180 / Math.PI;\n const finalRotation = extractRotationFromTransform(selectedElement) || 0;\n\n if (Math.abs(initialRotation - finalRotation) > 1) {\n pushTransformAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n x: rotationStartTransform.e,\n y: rotationStartTransform.f,\n rotation: initialRotation\n },\n {\n x: currentTransform.matrix.e,\n y: currentTransform.matrix.f,\n rotation: finalRotation\n }\n );\n }\n\n }\n updateSelectionFeedback();\n }\n\n // Clear frame highlighting\n if (hoveredFrameText) {\n hoveredFrameText.removeHighlight();\n hoveredFrameText = null;\n }\n\n isDragging = false;\n isResizing = false;\n isRotating = false;\n currentResizeHandle = null;\n startPoint = null;\n startBBox = null;\n startFontSize = null;\n dragOffsetX = undefined;\n dragOffsetY = undefined;\n initialHandlePosRelGroup = null;\n initialGroupTx = 0;\n initialGroupTy = 0;\n rotationStartAngle = 0;\n rotationStartTransform = null;\n\n // Restore cursor based on context - keep pointer if over selected text\n svg.style.cursor = isSelectionToolActive ? 'default' : (isTextToolActive ? 'text' : 'default');\n\n // Ensure selection feedback is refreshed after transforms\n if (selectedElement) {\n setTimeout(updateSelectionFeedback, 0);\n }\n\n svg.removeEventListener('pointermove', handleMouseMove);\n svg.removeEventListener('pointerup', handleMouseUp);\n window.removeEventListener('pointermove', handleMouseMove);\n window.removeEventListener('pointerup', handleMouseUp);\n};\n\nfunction extractRotationFromTransform(element) {\n const currentTransform = element.transform.baseVal.consolidate();\n if (currentTransform) {\n const matrix = currentTransform.matrix;\n return Math.atan2(matrix.b, matrix.a) * 180 / Math.PI;\n }\n return 0;\n}\n\n// EXPORTED EVENT HANDLERS\nconst handleTextMouseDown = function (e) {\n if (!e.target) return;\n const activeEditor = document.querySelector(\"textarea.svg-text-editor\");\n if (activeEditor && activeEditor.contains(e.target)) {\n return;\n }\n if (activeEditor && !activeEditor.contains(e.target)) {\n let textElement = activeEditor.originalTextElement;\n if (textElement) {\n // renderText switches to selection tool and auto-selects the text as a side effect.\n // Return early so we don't continue with stale tool state.\n renderText(activeEditor, textElement, true);\n return;\n } else if (document.body.contains(activeEditor)){\n document.body.removeChild(activeEditor);\n }\n }\n\n const targetGroup = e.target.closest('g[data-type=\"text-group\"]');\n\n if (isSelectionToolActive && e.button === 0) {\n if (targetGroup) {\n if (e.target.closest('.resize-handle')) {\n return;\n }\n\n // Double-click on selected text: enter edit mode\n if (e.detail >= 2 && targetGroup === selectedElement) {\n enterEditMode(targetGroup);\n e.stopPropagation();\n return;\n }\n\n if (targetGroup === selectedElement) {\n startDrag(e);\n } else {\n selectElement(targetGroup);\n startDrag(e);\n }\n } else {\n deselectElement();\n }\n\n } else if (isTextToolActive && e.button === 0) {\n if (targetGroup) {\n // Double-click: enter edit mode\n if (e.detail >= 2) {\n let textEl = targetGroup.querySelector('text');\n if (textEl) {\n makeTextEditable(textEl, targetGroup);\n e.stopPropagation();\n return;\n }\n }\n // Single-click: select and drag (same as selection tool behavior)\n if (targetGroup === selectedElement) {\n startDrag(e);\n } else {\n selectElement(targetGroup);\n startDrag(e);\n }\n } else {\n deselectElement();\n addText(e);\n }\n }\n};\n\nfunction enterEditMode(groupElement) {\n const textEl = groupElement.querySelector('text');\n if (!textEl) return;\n\n // Switch to text tool with property panel (go through store to clear other flags)\n if (window.__sketchStoreApi) {\n window.__sketchStoreApi.setActiveTool('text');\n } else {\n window.isTextToolActive = true;\n window.isSelectionToolActive = false;\n }\n toolExtraPopup();\n\n // Deselect (removes selection feedback) then open editor\n deselectElement();\n makeTextEditable(textEl, groupElement);\n}\n\nconst handleTextMouseMove = function (e) {\n // Keep lastMousePos in screen coordinates for other functions\n const svgRect = svg.getBoundingClientRect();\n lastMousePos = {\n x: e.clientX - svgRect.left, \n y: e.clientY - svgRect.top\n };\n\n // Handle cursor changes for text tool\n if (isTextToolActive) {\n const targetGroup = e.target?.closest?.('g[data-type=\"text-group\"]');\n if (targetGroup) {\n svg.style.cursor = 'pointer';\n } else {\n svg.style.cursor = 'crosshair';\n }\n } else if (isSelectionToolActive) {\n const targetGroup = e.target?.closest?.('g[data-type=\"text-group\"]');\n if (targetGroup) {\n svg.style.cursor = 'default';\n }\n }\n\n // Check for frame containment while creating text\n if (isTextToolActive && !isDragging && !isResizing && !isRotating) {\n // Get current mouse position for frame highlighting preview\n const { x, y } = getSVGCoordinates(e);\n \n // Create temporary text bounds for frame checking\n const tempTextBounds = {\n x: x - 50,\n y: y - 20,\n width: 100,\n height: 40\n };\n \n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.forEach(frame => {\n if (frame.shapeName === 'frame') {\n if (frame.isShapeInFrame(tempTextBounds)) {\n frame.highlightFrame();\n hoveredFrameText = frame;\n } else if (hoveredFrameText === frame) {\n frame.removeHighlight();\n hoveredFrameText = null;\n }\n }\n });\n }\n }\n};\n\nconst handleTextMouseUp = function (e) {\n // Clear frame highlighting when done with text tool operations\n if (hoveredFrameText) {\n hoveredFrameText.removeHighlight();\n hoveredFrameText = null;\n }\n};\n\n// updateAttachedArrows is imported from drawArrow.js\n\n\ntextColorOptions.forEach((span) => {\n span.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n textColorOptions.forEach((el) => el.classList.remove(\"selected\"));\n span.classList.add(\"selected\");\n\n const newColor = span.getAttribute(\"data-id\");\n const oldColor = textColor;\n textColor = newColor;\n\n if (selectedElement) {\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const currentColor = textElement.getAttribute('fill');\n\n if (currentColor !== newColor) {\n pushOptionsChangeAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n color: currentColor,\n font: textElement.getAttribute('font-family'),\n size: textElement.getAttribute('font-size'),\n align: textElement.getAttribute('text-anchor')\n },\n {\n color: newColor,\n font: textElement.getAttribute('font-family'),\n size: textElement.getAttribute('font-size'),\n align: textElement.getAttribute('text-anchor')\n }\n );\n }\n\n textElement.setAttribute('fill', newColor);\n }\n }\n });\n});\n\ntextFontOptions.forEach((span) => {\n span.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n textFontOptions.forEach((el) => el.classList.remove(\"selected\"));\n span.classList.add(\"selected\");\n\n const newFont = span.getAttribute(\"data-id\");\n const oldFont = textFont;\n textFont = newFont;\n\n if (selectedElement) {\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const currentFont = textElement.getAttribute('font-family');\n\n if (currentFont !== newFont) {\n pushOptionsChangeAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n color: textElement.getAttribute('fill'),\n font: currentFont,\n size: textElement.getAttribute('font-size'),\n align: textElement.getAttribute('text-anchor')\n },\n {\n color: textElement.getAttribute('fill'),\n font: newFont,\n size: textElement.getAttribute('font-size'),\n align: textElement.getAttribute('text-anchor')\n }\n );\n }\n\n textElement.setAttribute('font-family', newFont);\n setTimeout(updateSelectionFeedback, 0);\n }\n }\n });\n});\n\ntextSizeOptions.forEach((span) => {\n span.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n textSizeOptions.forEach((el) => el.classList.remove(\"selected\"));\n span.classList.add(\"selected\");\n\n const newSize = span.getAttribute(\"data-id\") + \"px\";\n const oldSize = textSize;\n textSize = newSize;\n\n if (selectedElement) {\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const currentSize = textElement.getAttribute('font-size');\n\n if (currentSize !== newSize) {\n pushOptionsChangeAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n color: textElement.getAttribute('fill'),\n font: textElement.getAttribute('font-family'),\n size: currentSize,\n align: textElement.getAttribute('text-anchor')\n },\n {\n color: textElement.getAttribute('fill'),\n font: textElement.getAttribute('font-family'),\n size: newSize,\n align: textElement.getAttribute('text-anchor')\n }\n );\n }\n\n textElement.setAttribute('font-size', newSize);\n setTimeout(updateSelectionFeedback, 0);\n }\n }\n });\n});\n\ntextAlignOptions.forEach((span) => {\n span.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n textAlignOptions.forEach((el) => el.classList.remove(\"selected\"));\n span.classList.add(\"selected\");\n\n const newAlign = span.getAttribute(\"data-id\");\n const oldAlign = textAlign;\n textAlign = newAlign;\n\n if (selectedElement) {\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const currentAnchor = textElement.getAttribute('text-anchor');\n let newAnchor = 'start';\n if (newAlign === 'center') newAnchor = 'middle';\n else if (newAlign === 'right') newAnchor = 'end';\n\n if (currentAnchor !== newAnchor) {\n pushOptionsChangeAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n color: textElement.getAttribute('fill'),\n font: textElement.getAttribute('font-family'),\n size: textElement.getAttribute('font-size'),\n align: currentAnchor\n },\n {\n color: textElement.getAttribute('fill'),\n font: textElement.getAttribute('font-family'),\n size: textElement.getAttribute('font-size'),\n align: newAnchor\n }\n );\n }\n\n textElement.setAttribute('text-anchor', newAnchor);\n setTimeout(updateSelectionFeedback, 0);\n }\n }\n });\n});\n\n\n// --- Code/Text Toggle Handler ---\nconst textCodeOptions = document.querySelectorAll(\".textCodeSpan\");\nconst languageSelector = document.getElementById(\"textLanguageSelector\");\nconst codeLanguageSelect = document.getElementById(\"codeLanguageSelect\");\n\ntextCodeOptions.forEach((span) => {\n span.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n textCodeOptions.forEach((el) => el.classList.remove(\"selected\"));\n span.classList.add(\"selected\");\n\n const isCodeMode = span.getAttribute(\"data-id\") === \"true\";\n isTextInCodeMode = isCodeMode;\n\n // Show/hide language selector\n if (languageSelector) {\n languageSelector.classList.toggle(\"hidden\", !isCodeMode);\n }\n\n // Update tool flags\n if (isTextToolActive) {\n isCodeToolActive = isCodeMode;\n }\n\n // If a shape is selected, convert it\n if (isCodeMode && selectedElement) {\n // Convert text \u2192 code\n convertTextToCode(selectedElement);\n } else if (!isCodeMode && getSelectedCodeBlock()) {\n // Convert code \u2192 text\n convertCodeToText(getSelectedCodeBlock());\n }\n });\n});\n\n// Language selector handler\nif (codeLanguageSelect) {\n codeLanguageSelect.addEventListener(\"change\", (event) => {\n const lang = event.target.value;\n setCodeLanguage(lang);\n\n // If a code block is selected, re-highlight it with the new language\n const selectedCode = getSelectedCodeBlock();\n if (selectedCode) {\n const codeElement = selectedCode.querySelector('text');\n if (codeElement) {\n codeElement.setAttribute(\"data-language\", lang);\n // Re-render with new language highlighting\n const content = extractTextFromCodeElement(codeElement);\n while (codeElement.firstChild) {\n codeElement.removeChild(codeElement.firstChild);\n }\n const highlighted = applySyntaxHighlightingToSVG(content, lang);\n createHighlightedSVGText(highlighted, codeElement);\n updateCodeBackground(selectedCode, codeElement);\n }\n }\n });\n}\n\nfunction convertTextToCode(textGroupElement) {\n const textElement = textGroupElement.querySelector('text');\n if (!textElement) return;\n\n // Get text content\n let textContent = \"\";\n const tspans = textElement.querySelectorAll('tspan');\n if (tspans.length > 0) {\n tspans.forEach((tspan, index) => {\n textContent += tspan.textContent;\n if (index < tspans.length - 1) textContent += \"\\n\";\n });\n } else {\n textContent = textElement.textContent || \"\";\n }\n\n // Get position from transform\n const currentTransform = textGroupElement.transform.baseVal.consolidate();\n const tx = currentTransform ? currentTransform.matrix.e : 0;\n const ty = currentTransform ? currentTransform.matrix.f : 0;\n const fontSize = textElement.getAttribute('font-size') || \"25px\";\n const color = textElement.getAttribute('fill') || \"#fff\";\n\n // Find and remove old TextShape from shapes array\n let oldTextShape = null;\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n oldTextShape = shapes.find(s => s.shapeName === 'text' && s.group === textGroupElement);\n if (oldTextShape) {\n const idx = shapes.indexOf(oldTextShape);\n if (idx !== -1) shapes.splice(idx, 1);\n }\n }\n\n // Deselect current text\n deselectElement();\n\n // Remove old text group from SVG\n if (textGroupElement.parentNode) {\n textGroupElement.parentNode.removeChild(textGroupElement);\n }\n\n // Create new code block\n const gElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\n gElement.setAttribute(\"data-type\", \"code-group\");\n gElement.setAttribute(\"transform\", `translate(${tx}, ${ty})`);\n\n const backgroundRect = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n backgroundRect.setAttribute(\"class\", \"code-background\");\n backgroundRect.setAttribute(\"x\", -10);\n backgroundRect.setAttribute(\"y\", -10);\n backgroundRect.setAttribute(\"width\", 300);\n backgroundRect.setAttribute(\"height\", 60);\n backgroundRect.setAttribute(\"fill\", \"#161b22\");\n backgroundRect.setAttribute(\"stroke\", \"#30363d\");\n backgroundRect.setAttribute(\"stroke-width\", \"1\");\n backgroundRect.setAttribute(\"rx\", \"6\");\n backgroundRect.setAttribute(\"ry\", \"6\");\n gElement.appendChild(backgroundRect);\n\n const codeElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"text\");\n codeElement.setAttribute(\"x\", 0);\n codeElement.setAttribute(\"y\", 0);\n codeElement.setAttribute(\"fill\", color);\n codeElement.setAttribute(\"font-size\", fontSize);\n codeElement.setAttribute(\"font-family\", \"lixCode\");\n codeElement.setAttribute(\"text-anchor\", \"start\");\n codeElement.setAttribute(\"cursor\", \"default\");\n codeElement.setAttribute(\"white-space\", \"pre\");\n codeElement.setAttribute(\"dominant-baseline\", \"hanging\");\n codeElement.setAttribute(\"data-language\", getCodeLanguage());\n codeElement.setAttribute(\"data-type\", \"code\");\n\n const shapeID = `code-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n gElement.setAttribute(\"id\", shapeID);\n gElement.setAttribute(\"data-x\", tx);\n gElement.setAttribute(\"data-y\", ty);\n codeElement.setAttribute(\"id\", `${shapeID}-code`);\n gElement.appendChild(codeElement);\n svg.appendChild(gElement);\n\n // Apply syntax highlighting and add content\n if (textContent.trim()) {\n const lang = getCodeLanguage();\n const highlighted = applySyntaxHighlightingToSVG(textContent, lang);\n createHighlightedSVGText(highlighted, codeElement);\n updateCodeBackground(gElement, codeElement);\n }\n\n // Create CodeShape wrapper\n const codeShape = wrapCodeElement(gElement);\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.push(codeShape);\n }\n\n // Push undo action for mode conversion\n pushModeConvertAction(oldTextShape, textGroupElement, 'text', codeShape, gElement, 'code');\n\n // Select the new code block\n selectCodeBlock(gElement);\n}\n\nfunction convertCodeToText(codeGroupElement) {\n const codeElement = codeGroupElement.querySelector('text');\n if (!codeElement) return;\n\n // Get text content\n const textContent = extractTextFromCodeElement(codeElement);\n\n // Get position from transform\n const currentTransform = codeGroupElement.transform.baseVal.consolidate();\n const tx = currentTransform ? currentTransform.matrix.e : 0;\n const ty = currentTransform ? currentTransform.matrix.f : 0;\n const fontSize = codeElement.getAttribute('font-size') || \"30px\";\n const color = codeElement.getAttribute('fill') || \"#fff\";\n\n // Find and remove old CodeShape from shapes array\n let oldCodeShape = null;\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n oldCodeShape = shapes.find(s => s.shapeName === 'code' && s.group === codeGroupElement);\n if (oldCodeShape) {\n const idx = shapes.indexOf(oldCodeShape);\n if (idx !== -1) shapes.splice(idx, 1);\n }\n }\n\n // Deselect current code block\n deselectCodeBlock();\n\n // Remove old code group from SVG\n if (codeGroupElement.parentNode) {\n codeGroupElement.parentNode.removeChild(codeGroupElement);\n }\n\n // Create new text shape\n const gElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\n gElement.setAttribute(\"data-type\", \"text-group\");\n gElement.setAttribute(\"transform\", `translate(${tx}, ${ty})`);\n\n const textElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"text\");\n textElement.setAttribute(\"x\", 0);\n textElement.setAttribute(\"y\", 0);\n textElement.setAttribute(\"fill\", color);\n textElement.setAttribute(\"font-size\", fontSize);\n textElement.setAttribute(\"font-family\", textFont);\n textElement.setAttribute(\"text-anchor\", \"start\");\n textElement.setAttribute(\"cursor\", \"default\");\n textElement.setAttribute(\"white-space\", \"pre\");\n textElement.setAttribute(\"dominant-baseline\", \"hanging\");\n textElement.setAttribute(\"data-type\", \"text\");\n\n const shapeID = `text-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n gElement.setAttribute(\"id\", shapeID);\n gElement.setAttribute(\"data-x\", tx);\n gElement.setAttribute(\"data-y\", ty);\n textElement.setAttribute(\"id\", `${shapeID}-text`);\n gElement.appendChild(textElement);\n svg.appendChild(gElement);\n\n // Add text content as tspans\n if (textContent.trim()) {\n const lines = textContent.split(\"\\n\");\n const x = textElement.getAttribute(\"x\") || 0;\n lines.forEach((line, index) => {\n const tspan = document.createElementNS(\"http://www.w3.org/2000/svg\", \"tspan\");\n tspan.setAttribute(\"x\", x);\n tspan.setAttribute(\"dy\", index === 0 ? \"0\" : \"1.2em\");\n tspan.textContent = line || \" \";\n textElement.appendChild(tspan);\n });\n }\n\n // Create TextShape wrapper\n const textShape = wrapTextElement(gElement);\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.push(textShape);\n }\n\n // Push undo action for mode conversion\n pushModeConvertAction(oldCodeShape, codeGroupElement, 'code', textShape, gElement, 'text');\n\n // Select the new text shape\n selectElement(gElement);\n}\n\nfunction pushModeConvertAction(oldShape, oldElement, oldType, newShape, newElement, newType) {\n pushCreateAction({\n type: 'modeConvert',\n oldShape: oldShape,\n oldElement: oldElement,\n oldType: oldType,\n newShape: newShape,\n newElement: newElement,\n newType: newType,\n element: newShape,\n shapeName: newType\n });\n}\n\n// Update toggle state when a shape is selected\nfunction updateCodeToggleForShape(shapeName) {\n const isCode = shapeName === 'code';\n textCodeOptions.forEach(el => el.classList.remove(\"selected\"));\n textCodeOptions.forEach(el => {\n if ((el.getAttribute(\"data-id\") === \"true\") === isCode) {\n el.classList.add(\"selected\");\n }\n });\n if (languageSelector) {\n languageSelector.classList.toggle(\"hidden\", !isCode);\n }\n // Update the language dropdown to match the selected code block\n if (isCode && codeLanguageSelect) {\n const selectedCode = getSelectedCodeBlock();\n if (selectedCode) {\n const codeEl = selectedCode.querySelector('text');\n const lang = codeEl?.getAttribute(\"data-language\") || \"auto\";\n codeLanguageSelect.value = lang;\n }\n }\n}\n\n// React sidebar bridge \u2014 update currently selected text/code shape\nwindow.updateSelectedTextStyle = function(changes) {\n const el = selectedElement || (window.currentShape && window.currentShape.shapeName === 'text' ? window.currentShape.group : null);\n if (!el) return;\n const textElement = el.querySelector('text');\n if (!textElement) return;\n\n if (changes.color) {\n textElement.setAttribute('fill', changes.color);\n textColor = changes.color;\n }\n if (changes.font) {\n textElement.setAttribute('font-family', changes.font);\n textFont = changes.font;\n }\n if (changes.fontSize) {\n textElement.setAttribute('font-size', changes.fontSize);\n textSize = changes.fontSize;\n }\n};\n\n// Expose select/deselect for external callers (Selection.js, TextShape.selectShape)\nwindow.__deselectTextElement = deselectElement;\nwindow.__selectTextElement = selectElement;\n\n// React sidebar bridge \u2014 text \u2194 code conversion\nwindow.__convertTextToCode = function() {\n if (selectedElement && selectedElement.getAttribute('data-type') === 'text-group') {\n convertTextToCode(selectedElement);\n }\n};\nwindow.__convertCodeToText = function() {\n // Try codeTool's selectedCodeBlock first, then check textTool's selectedElement\n let codeBlock = getSelectedCodeBlock();\n if (!codeBlock && selectedElement && selectedElement.getAttribute('data-type') === 'code-group') {\n codeBlock = selectedElement;\n }\n if (codeBlock) {\n convertCodeToText(codeBlock);\n }\n};\nwindow.__setCodeLanguage = function(lang) {\n setCodeLanguage(lang);\n // Re-highlight selected code block with new language\n const selectedCode = getSelectedCodeBlock();\n if (selectedCode) {\n const codeElement = selectedCode.querySelector('text');\n if (codeElement) {\n codeElement.setAttribute('data-language', lang);\n const textContent = extractTextFromCodeElement(codeElement);\n // Clear and re-highlight\n while (codeElement.firstChild) codeElement.removeChild(codeElement.firstChild);\n const highlighted = applySyntaxHighlightingToSVG(textContent, lang);\n createHighlightedSVGText(highlighted, codeElement);\n updateCodeBackground(selectedCode, codeElement);\n }\n }\n};\n\nexport { handleTextMouseDown, handleTextMouseMove, handleTextMouseUp, updateCodeToggleForShape, deselectElement as deselectTextElement, enterEditMode };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
cleanupAttachments,
|
|
4
|
+
updateAttachedArrows
|
|
5
|
+
} from "./chunk-BZE4CEBG.js";
|
|
6
|
+
|
|
7
|
+
// src/shapes/IconShape.js
|
|
8
|
+
var isDragging = false;
|
|
9
|
+
var hoveredFrameIcon = null;
|
|
10
|
+
window.__iconShapeState = {
|
|
11
|
+
set isDragging(v) {
|
|
12
|
+
isDragging = v;
|
|
13
|
+
},
|
|
14
|
+
get isDragging() {
|
|
15
|
+
return isDragging;
|
|
16
|
+
},
|
|
17
|
+
set hoveredFrameIcon(v) {
|
|
18
|
+
hoveredFrameIcon = v;
|
|
19
|
+
},
|
|
20
|
+
get hoveredFrameIcon() {
|
|
21
|
+
return hoveredFrameIcon;
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
function getSVGElement() {
|
|
25
|
+
return document.getElementById("freehand-canvas");
|
|
26
|
+
}
|
|
27
|
+
function selectIcon(event) {
|
|
28
|
+
if (window.__iconToolSelectIcon) {
|
|
29
|
+
window.__iconToolSelectIcon(event);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
var IconShape = class {
|
|
33
|
+
constructor(element) {
|
|
34
|
+
this.element = element;
|
|
35
|
+
this.shapeName = "icon";
|
|
36
|
+
this.shapeID = `icon-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 1e4)}`;
|
|
37
|
+
this.type = "icon";
|
|
38
|
+
this.parentFrame = null;
|
|
39
|
+
this.isDraggedOutTemporarily = false;
|
|
40
|
+
this.element.setAttribute("type", "icon");
|
|
41
|
+
this.element.shapeID = this.shapeID;
|
|
42
|
+
this.group = this.element;
|
|
43
|
+
this.group.setAttribute("id", this.shapeID);
|
|
44
|
+
}
|
|
45
|
+
get x() {
|
|
46
|
+
return parseFloat(this.element.getAttribute("x")) || 0;
|
|
47
|
+
}
|
|
48
|
+
set x(value) {
|
|
49
|
+
this.element.setAttribute("x", value);
|
|
50
|
+
this.element.setAttribute("data-shape-x", value);
|
|
51
|
+
}
|
|
52
|
+
get y() {
|
|
53
|
+
return parseFloat(this.element.getAttribute("y")) || 0;
|
|
54
|
+
}
|
|
55
|
+
set y(value) {
|
|
56
|
+
this.element.setAttribute("y", value);
|
|
57
|
+
this.element.setAttribute("data-shape-y", value);
|
|
58
|
+
}
|
|
59
|
+
get width() {
|
|
60
|
+
return parseFloat(this.element.getAttribute("width")) || 100;
|
|
61
|
+
}
|
|
62
|
+
set width(value) {
|
|
63
|
+
this.element.setAttribute("width", value);
|
|
64
|
+
this.element.setAttribute("data-shape-width", value);
|
|
65
|
+
}
|
|
66
|
+
get height() {
|
|
67
|
+
return parseFloat(this.element.getAttribute("height")) || 100;
|
|
68
|
+
}
|
|
69
|
+
set height(value) {
|
|
70
|
+
this.element.setAttribute("height", value);
|
|
71
|
+
this.element.setAttribute("data-shape-height", value);
|
|
72
|
+
}
|
|
73
|
+
get rotation() {
|
|
74
|
+
const dataRotation = this.element.getAttribute("data-shape-rotation");
|
|
75
|
+
if (dataRotation) {
|
|
76
|
+
return parseFloat(dataRotation);
|
|
77
|
+
}
|
|
78
|
+
const transform = this.element.getAttribute("transform");
|
|
79
|
+
if (transform) {
|
|
80
|
+
const rotateMatch = transform.match(/rotate\(([^,\s]+)/);
|
|
81
|
+
if (rotateMatch) {
|
|
82
|
+
return parseFloat(rotateMatch[1]);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
return 0;
|
|
86
|
+
}
|
|
87
|
+
set rotation(value) {
|
|
88
|
+
this.element.setAttribute("data-shape-rotation", value);
|
|
89
|
+
const vbWidth = parseFloat(this.element.getAttribute("data-viewbox-width")) || 24;
|
|
90
|
+
const vbHeight = parseFloat(this.element.getAttribute("data-viewbox-height")) || 24;
|
|
91
|
+
const scale = this.width / Math.max(vbWidth, vbHeight);
|
|
92
|
+
const localCenterX = this.width / 2 / scale;
|
|
93
|
+
const localCenterY = this.height / 2 / scale;
|
|
94
|
+
this.element.setAttribute("transform", `translate(${this.x}, ${this.y}) scale(${scale}) rotate(${value}, ${localCenterX}, ${localCenterY})`);
|
|
95
|
+
}
|
|
96
|
+
move(dx, dy) {
|
|
97
|
+
this.x += dx;
|
|
98
|
+
this.y += dy;
|
|
99
|
+
const vbWidth = parseFloat(this.element.getAttribute("data-viewbox-width")) || 24;
|
|
100
|
+
const vbHeight = parseFloat(this.element.getAttribute("data-viewbox-height")) || 24;
|
|
101
|
+
const scale = this.width / Math.max(vbWidth, vbHeight);
|
|
102
|
+
const localCenterX = this.width / 2 / scale;
|
|
103
|
+
const localCenterY = this.height / 2 / scale;
|
|
104
|
+
this.element.setAttribute("transform", `translate(${this.x}, ${this.y}) scale(${scale}) rotate(${this.rotation}, ${localCenterX}, ${localCenterY})`);
|
|
105
|
+
this.element.setAttribute("x", this.x);
|
|
106
|
+
this.element.setAttribute("y", this.y);
|
|
107
|
+
this.element.setAttribute("data-shape-x", this.x);
|
|
108
|
+
this.element.setAttribute("data-shape-y", this.y);
|
|
109
|
+
updateAttachedArrows(this);
|
|
110
|
+
if (isDragging && !this.isBeingMovedByFrame) {
|
|
111
|
+
this.updateFrameContainment();
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
updateFrameContainment() {
|
|
115
|
+
if (this.isBeingMovedByFrame) return;
|
|
116
|
+
let targetFrame = null;
|
|
117
|
+
if (typeof shapes !== "undefined" && Array.isArray(shapes)) {
|
|
118
|
+
shapes.forEach((shape) => {
|
|
119
|
+
if (shape.shapeName === "frame" && shape.isShapeInFrame(this)) {
|
|
120
|
+
targetFrame = shape;
|
|
121
|
+
}
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
if (this.parentFrame && isDragging) {
|
|
125
|
+
this.parentFrame.temporarilyRemoveFromFrame(this);
|
|
126
|
+
}
|
|
127
|
+
if (hoveredFrameIcon && hoveredFrameIcon !== targetFrame) {
|
|
128
|
+
hoveredFrameIcon.removeHighlight();
|
|
129
|
+
}
|
|
130
|
+
if (targetFrame && targetFrame !== hoveredFrameIcon) {
|
|
131
|
+
targetFrame.highlightFrame();
|
|
132
|
+
}
|
|
133
|
+
hoveredFrameIcon = targetFrame;
|
|
134
|
+
}
|
|
135
|
+
contains(x, y) {
|
|
136
|
+
const iconX = this.x;
|
|
137
|
+
const iconY = this.y;
|
|
138
|
+
const iconWidth = this.width;
|
|
139
|
+
const iconHeight = this.height;
|
|
140
|
+
return x >= iconX && x <= iconX + iconWidth && y >= iconY && y <= iconY + iconHeight;
|
|
141
|
+
}
|
|
142
|
+
updateAttachedArrows() {
|
|
143
|
+
updateAttachedArrows(this);
|
|
144
|
+
}
|
|
145
|
+
draw() {
|
|
146
|
+
const scale = this.width / 24;
|
|
147
|
+
const localCenterX = this.width / 2 / scale;
|
|
148
|
+
const localCenterY = this.height / 2 / scale;
|
|
149
|
+
this.element.setAttribute("transform", `translate(${this.x}, ${this.y}) scale(${scale}) rotate(${this.rotation}, ${localCenterX}, ${localCenterY})`);
|
|
150
|
+
this.element.setAttribute("data-shape-x", this.x);
|
|
151
|
+
this.element.setAttribute("data-shape-y", this.y);
|
|
152
|
+
this.element.setAttribute("data-shape-width", this.width);
|
|
153
|
+
this.element.setAttribute("data-shape-height", this.height);
|
|
154
|
+
this.element.setAttribute("data-shape-rotation", this.rotation);
|
|
155
|
+
updateAttachedArrows(this);
|
|
156
|
+
}
|
|
157
|
+
removeSelection(params) {
|
|
158
|
+
if (window.__iconToolRemoveSelection) {
|
|
159
|
+
window.__iconToolRemoveSelection();
|
|
160
|
+
}
|
|
161
|
+
this.isSelected = false;
|
|
162
|
+
}
|
|
163
|
+
// Called by handleMultiSelectionMouseDown — same as selectShape
|
|
164
|
+
addAnchors() {
|
|
165
|
+
selectIcon({ target: this.element, stopPropagation: () => {
|
|
166
|
+
} });
|
|
167
|
+
}
|
|
168
|
+
selectShape() {
|
|
169
|
+
selectIcon({ target: this.element, stopPropagation: () => {
|
|
170
|
+
} });
|
|
171
|
+
}
|
|
172
|
+
remove() {
|
|
173
|
+
if (typeof shapes !== "undefined" && Array.isArray(shapes)) {
|
|
174
|
+
const idx = shapes.indexOf(this);
|
|
175
|
+
if (idx !== -1) shapes.splice(idx, 1);
|
|
176
|
+
}
|
|
177
|
+
if (typeof cleanupAttachments === "function") {
|
|
178
|
+
cleanupAttachments(this.element);
|
|
179
|
+
}
|
|
180
|
+
if (this.parentFrame) {
|
|
181
|
+
this.parentFrame.removeShapeFromFrame(this);
|
|
182
|
+
}
|
|
183
|
+
if (this.group && this.group.parentNode) {
|
|
184
|
+
this.group.parentNode.removeChild(this.group);
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
restore(pos) {
|
|
188
|
+
const svg = getSVGElement();
|
|
189
|
+
if (!this.group.parentNode && svg) {
|
|
190
|
+
svg.appendChild(this.group);
|
|
191
|
+
}
|
|
192
|
+
if (typeof shapes !== "undefined" && Array.isArray(shapes)) {
|
|
193
|
+
if (shapes.indexOf(this) === -1) {
|
|
194
|
+
shapes.push(this);
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
this.x = pos.x;
|
|
198
|
+
this.y = pos.y;
|
|
199
|
+
this.width = pos.width;
|
|
200
|
+
this.height = pos.height;
|
|
201
|
+
this.rotation = pos.rotation;
|
|
202
|
+
if (pos.parentFrame) {
|
|
203
|
+
this.parentFrame = pos.parentFrame;
|
|
204
|
+
pos.parentFrame.addShapeToFrame(this);
|
|
205
|
+
}
|
|
206
|
+
const scale = pos.width / 24;
|
|
207
|
+
const localCenterX = pos.width / 2 / scale;
|
|
208
|
+
const localCenterY = pos.height / 2 / scale;
|
|
209
|
+
this.element.setAttribute("transform", `translate(${pos.x}, ${pos.y}) scale(${scale}) rotate(${pos.rotation}, ${localCenterX}, ${localCenterY})`);
|
|
210
|
+
this.element.setAttribute("data-shape-x", pos.x);
|
|
211
|
+
this.element.setAttribute("data-shape-y", pos.y);
|
|
212
|
+
this.element.setAttribute("data-shape-width", pos.width);
|
|
213
|
+
this.element.setAttribute("data-shape-height", pos.height);
|
|
214
|
+
this.element.setAttribute("data-shape-rotation", pos.rotation);
|
|
215
|
+
updateAttachedArrows(this);
|
|
216
|
+
}
|
|
217
|
+
};
|
|
218
|
+
|
|
219
|
+
export {
|
|
220
|
+
IconShape
|
|
221
|
+
};
|
|
222
|
+
//# sourceMappingURL=chunk-JQ3IRFDP.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/shapes/IconShape.js"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable */\n// IconShape class - extracted from icons.js\n// Depends on globals: svg, shapes\nimport { updateAttachedArrows as updateArrowsForShape, cleanupAttachments } from '../tools/arrowTool.js';\n\n// Module-level state shared with iconTool via window bridge\nlet isDragging = false;\nlet hoveredFrameIcon = null;\n\n// Expose setters so iconTool.js can sync these values\nwindow.__iconShapeState = {\n set isDragging(v) { isDragging = v; },\n get isDragging() { return isDragging; },\n set hoveredFrameIcon(v) { hoveredFrameIcon = v; },\n get hoveredFrameIcon() { return hoveredFrameIcon; },\n};\n\nfunction getSVGElement() {\n return document.getElementById('freehand-canvas');\n}\n\n// Delegate to iconTool's selectIcon via window bridge\nfunction selectIcon(event) {\n if (window.__iconToolSelectIcon) {\n window.__iconToolSelectIcon(event);\n }\n}\n\nclass IconShape {\n constructor(element) {\n this.element = element;\n this.shapeName = 'icon';\n this.shapeID = `icon-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n this.type = 'icon';\n\n this.parentFrame = null;\n this.isDraggedOutTemporarily = false;\n\n this.element.setAttribute('type', 'icon');\n this.element.shapeID = this.shapeID;\n\n this.group = this.element;\n this.group.setAttribute('id', this.shapeID);\n }\n\n get x() {\n return parseFloat(this.element.getAttribute('x')) || 0;\n }\n\n set x(value) {\n this.element.setAttribute('x', value);\n this.element.setAttribute('data-shape-x', value);\n }\n\n get y() {\n return parseFloat(this.element.getAttribute('y')) || 0;\n }\n\n set y(value) {\n this.element.setAttribute('y', value);\n this.element.setAttribute('data-shape-y', value);\n }\n\n get width() {\n return parseFloat(this.element.getAttribute('width')) || 100;\n }\n\n set width(value) {\n this.element.setAttribute('width', value);\n this.element.setAttribute('data-shape-width', value);\n }\n\n get height() {\n return parseFloat(this.element.getAttribute('height')) || 100;\n }\n\n set height(value) {\n this.element.setAttribute('height', value);\n this.element.setAttribute('data-shape-height', value);\n }\n\n get rotation() {\n const dataRotation = this.element.getAttribute('data-shape-rotation');\n if (dataRotation) {\n return parseFloat(dataRotation);\n }\n\n const transform = this.element.getAttribute('transform');\n if (transform) {\n const rotateMatch = transform.match(/rotate\\(([^,\\s]+)/);\n if (rotateMatch) {\n return parseFloat(rotateMatch[1]);\n }\n }\n return 0;\n }\n\n set rotation(value) {\n this.element.setAttribute('data-shape-rotation', value);\n\n const vbWidth = parseFloat(this.element.getAttribute('data-viewbox-width')) || 24;\n const vbHeight = parseFloat(this.element.getAttribute('data-viewbox-height')) || 24;\n const scale = this.width / Math.max(vbWidth, vbHeight);\n const localCenterX = this.width / 2 / scale;\n const localCenterY = this.height / 2 / scale;\n\n this.element.setAttribute('transform', `translate(${this.x}, ${this.y}) scale(${scale}) rotate(${value}, ${localCenterX}, ${localCenterY})`);\n }\n\n move(dx, dy) {\n this.x += dx;\n this.y += dy;\n\n const vbWidth = parseFloat(this.element.getAttribute('data-viewbox-width')) || 24;\n const vbHeight = parseFloat(this.element.getAttribute('data-viewbox-height')) || 24;\n const scale = this.width / Math.max(vbWidth, vbHeight);\n const localCenterX = this.width / 2 / scale;\n const localCenterY = this.height / 2 / scale;\n\n this.element.setAttribute('transform', `translate(${this.x}, ${this.y}) scale(${scale}) rotate(${this.rotation}, ${localCenterX}, ${localCenterY})`);\n\n this.element.setAttribute('x', this.x);\n this.element.setAttribute('y', this.y);\n\n this.element.setAttribute('data-shape-x', this.x);\n this.element.setAttribute('data-shape-y', this.y);\n\n updateArrowsForShape(this);\n\n if (isDragging && !this.isBeingMovedByFrame) {\n this.updateFrameContainment();\n }\n }\n updateFrameContainment() {\n if (this.isBeingMovedByFrame) return;\n\n let targetFrame = null;\n\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.forEach(shape => {\n if (shape.shapeName === 'frame' && shape.isShapeInFrame(this)) {\n targetFrame = shape;\n }\n });\n }\n\n if (this.parentFrame && isDragging) {\n this.parentFrame.temporarilyRemoveFromFrame(this);\n }\n\n if (hoveredFrameIcon && hoveredFrameIcon !== targetFrame) {\n hoveredFrameIcon.removeHighlight();\n }\n\n if (targetFrame && targetFrame !== hoveredFrameIcon) {\n targetFrame.highlightFrame();\n }\n\n hoveredFrameIcon = targetFrame;\n }\n\n contains(x, y) {\n const iconX = this.x;\n const iconY = this.y;\n const iconWidth = this.width;\n const iconHeight = this.height;\n\n return x >= iconX && x <= iconX + iconWidth && y >= iconY && y <= iconY + iconHeight;\n }\n\n updateAttachedArrows() {\n updateArrowsForShape(this);\n }\n\n draw() {\n const scale = this.width / 24;\n const localCenterX = this.width / 2 / scale;\n const localCenterY = this.height / 2 / scale;\n\n this.element.setAttribute('transform', `translate(${this.x}, ${this.y}) scale(${scale}) rotate(${this.rotation}, ${localCenterX}, ${localCenterY})`);\n\n this.element.setAttribute('data-shape-x', this.x);\n this.element.setAttribute('data-shape-y', this.y);\n this.element.setAttribute('data-shape-width', this.width);\n this.element.setAttribute('data-shape-height', this.height);\n this.element.setAttribute('data-shape-rotation', this.rotation);\n\n updateArrowsForShape(this);\n }\n\n removeSelection(params) {\n if (window.__iconToolRemoveSelection) {\n window.__iconToolRemoveSelection();\n }\n this.isSelected = false;\n }\n\n // Called by handleMultiSelectionMouseDown \u2014 same as selectShape\n addAnchors() {\n selectIcon({ target: this.element, stopPropagation: () => { } });\n }\n\n selectShape() {\n selectIcon({ target: this.element, stopPropagation: () => { } });\n }\n\n remove() {\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n const idx = shapes.indexOf(this);\n if (idx !== -1) shapes.splice(idx, 1);\n }\n\n if (typeof cleanupAttachments === 'function') {\n cleanupAttachments(this.element);\n }\n\n if (this.parentFrame) {\n this.parentFrame.removeShapeFromFrame(this);\n }\n\n if (this.group && this.group.parentNode) {\n this.group.parentNode.removeChild(this.group);\n }\n }\n restore(pos) {\n const svg = getSVGElement();\n\n if (!this.group.parentNode && svg) {\n svg.appendChild(this.group);\n }\n\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n if (shapes.indexOf(this) === -1) {\n shapes.push(this);\n }\n }\n\n this.x = pos.x;\n this.y = pos.y;\n this.width = pos.width;\n this.height = pos.height;\n this.rotation = pos.rotation;\n\n if (pos.parentFrame) {\n this.parentFrame = pos.parentFrame;\n pos.parentFrame.addShapeToFrame(this);\n }\n\n const scale = pos.width / 24;\n const localCenterX = pos.width / 2 / scale;\n const localCenterY = pos.height / 2 / scale;\n\n this.element.setAttribute('transform', `translate(${pos.x}, ${pos.y}) scale(${scale}) rotate(${pos.rotation}, ${localCenterX}, ${localCenterY})`);\n\n this.element.setAttribute('data-shape-x', pos.x);\n this.element.setAttribute('data-shape-y', pos.y);\n this.element.setAttribute('data-shape-width', pos.width);\n this.element.setAttribute('data-shape-height', pos.height);\n this.element.setAttribute('data-shape-rotation', pos.rotation);\n\n updateArrowsForShape(this);\n }\n}\n\nexport { IconShape };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|