@elixpo/lixsketch 5.4.7 → 5.5.0

package/dist/react/chunk-QNSE5BAY.js

@@ -0,0 +1,519 @@
+"use client";
+import {
+  calculateSnap,
+  clearSnapGuides
+} from "./chunk-BZE4CEBG.js";
+import {
+  pushCreateAction,
+  pushFrameAttachmentAction,
+  pushOptionsChangeAction,
+  pushTransformAction
+} from "./chunk-L5OARZJ7.js";
+
+// src/tools/rectangleTool.js
+var isDrawingSquare = false;
+var isDraggingShapeSquare = false;
+var isResizingShapeSquare = false;
+var isRotatingShapeSquare = false;
+var resizingAnchorIndexSquare = null;
+var startRotationMouseAngleSquare = 0;
+var startShapeRotationSquare = 0;
+var rc = rough.svg(svg);
+var startX;
+var startY;
+function getThemeStroke() {
+  if (typeof document === "undefined") return "#fff";
+  return document.body && document.body.classList.contains("theme-dark") ? "#fff" : "#1a1a2e";
+}
+var squareStrokecolor = null;
+var squareBackgroundColor = "transparent";
+var squareFillStyleValue = "none";
+var squareStrokeThicknes = 2;
+var squareOutlineStyle = "solid";
+var dragOldPosSquare = null;
+var draggedShapeInitialFrame = null;
+var hoveredFrame = null;
+var SquarecolorOptions = document.querySelectorAll(".squareStrokeSpan");
+var backgroundColorOptionsSquare = document.querySelectorAll(".squareBackgroundSpan");
+var fillStyleOptions = document.querySelectorAll(".squareFillStyleSpan");
+var squareStrokeThicknessValue = document.querySelectorAll(".squareStrokeThickSpan");
+var squareOutlineStyleValue = document.querySelectorAll(".squareOutlineStyle");
+function getSVGCoordsFromMouse(e) {
+  const viewBox = svg.viewBox.baseVal;
+  const rect = svg.getBoundingClientRect();
+  const mouseX = e.clientX - rect.left;
+  const mouseY = e.clientY - rect.top;
+  const svgX = viewBox.x + mouseX / rect.width * viewBox.width;
+  const svgY = viewBox.y + mouseY / rect.height * viewBox.height;
+  return { x: svgX, y: svgY };
+}
+var handleMouseDownRect = (e) => {
+  const { x: mouseX, y: mouseY } = getSVGCoordsFromMouse(e);
+  if (isSquareToolActive) {
+    startX = mouseX;
+    startY = mouseY;
+    isDrawingSquare = true;
+    if (currentShape) {
+      currentShape.removeSelection();
+      currentShape = null;
+      disableAllSideBars();
+    }
+    let initialOptions = {
+      stroke: squareStrokecolor ?? getThemeStroke(),
+      fill: squareBackgroundColor,
+      fillStyle: squareFillStyleValue,
+      strokeWidth: squareStrokeThicknes
+    };
+    if (squareOutlineStyle === "dashed") {
+      initialOptions.strokeDasharray = "10,10";
+    } else if (squareOutlineStyle === "dotted") {
+      initialOptions.strokeDasharray = "2,8";
+    } else {
+      initialOptions.strokeDasharray = "";
+    }
+    currentShape = new Rectangle(startX, startY, 0, 0, initialOptions);
+    currentShape.setDrawingState(true);
+  } else if (isSelectionToolActive) {
+    let clickedOnShape = false;
+    if (currentShape && currentShape.shapeName === "rectangle" && currentShape.isSelected) {
+      const anchorInfo = currentShape.isNearAnchor(mouseX, mouseY);
+      if (anchorInfo) {
+        dragOldPosSquare = { x: currentShape.x, y: currentShape.y, width: currentShape.width, height: currentShape.height, rotation: currentShape.rotation };
+        if (anchorInfo.type === "resize") {
+          isResizingShapeSquare = true;
+          resizingAnchorIndexSquare = anchorInfo.index;
+        } else if (anchorInfo.type === "rotate") {
+          isRotatingShapeSquare = true;
+          const CTM = currentShape.group.getCTM();
+          if (CTM) {
+            const svgPoint = svg.createSVGPoint();
+            svgPoint.x = currentShape.width / 2;
+            svgPoint.y = currentShape.height / 2;
+            const centerSVG = svgPoint.matrixTransform(CTM);
+            startRotationMouseAngleSquare = Math.atan2(mouseY - centerSVG.y, mouseX - centerSVG.x) * 180 / Math.PI;
+            startShapeRotationSquare = currentShape.rotation;
+          } else {
+            isRotatingShapeSquare = false;
+            console.warn("Could not get CTM for rotation.");
+          }
+        }
+        clickedOnShape = true;
+      } else if (currentShape.contains(mouseX, mouseY)) {
+        isDraggingShapeSquare = true;
+        dragOldPosSquare = { x: currentShape.x, y: currentShape.y, width: currentShape.width, height: currentShape.height, rotation: currentShape.rotation };
+        draggedShapeInitialFrame = currentShape.parentFrame || null;
+        if (currentShape.parentFrame) {
+          currentShape.parentFrame.temporarilyRemoveFromFrame(currentShape);
+        }
+        startX = mouseX;
+        startY = mouseY;
+        clickedOnShape = true;
+      }
+    }
+    if (!clickedOnShape) {
+      let shapeToSelect = null;
+      for (let i = shapes.length - 1; i >= 0; i--) {
+        const shape = shapes[i];
+        if (shape.shapeName === "rectangle" && shape.contains(mouseX, mouseY)) {
+          shapeToSelect = shape;
+          break;
+        }
+      }
+      if (currentShape && currentShape !== shapeToSelect) {
+        currentShape.removeSelection();
+        currentShape = null;
+        disableAllSideBars();
+      }
+      if (shapeToSelect) {
+        currentShape = shapeToSelect;
+        currentShape.isSelected = true;
+        currentShape.draw();
+        isDraggingShapeSquare = true;
+        dragOldPosSquare = { x: currentShape.x, y: currentShape.y, width: currentShape.width, height: currentShape.height, rotation: currentShape.rotation };
+        draggedShapeInitialFrame = currentShape.parentFrame || null;
+        if (currentShape.parentFrame) {
+          currentShape.parentFrame.temporarilyRemoveFromFrame(currentShape);
+        }
+        startX = mouseX;
+        startY = mouseY;
+        clickedOnShape = true;
+      }
+    }
+    if (!clickedOnShape && currentShape) {
+      currentShape.removeSelection();
+      currentShape = null;
+      disableAllSideBars();
+    }
+  }
+};
+var handleMouseMoveRect = (e) => {
+  const { x: mouseX, y: mouseY } = getSVGCoordsFromMouse(e);
+  const svgRect = svg.getBoundingClientRect();
+  lastMousePos = {
+    x: e.clientX - svgRect.left,
+    y: e.clientY - svgRect.top
+  };
+  if (isDrawingSquare && isSquareToolActive && currentShape) {
+    let width = mouseX - startX;
+    let height = mouseY - startY;
+    currentShape.x = width < 0 ? startX + width : startX;
+    currentShape.y = height < 0 ? startY + height : startY;
+    currentShape.width = Math.abs(width);
+    currentShape.height = Math.abs(height);
+    if (currentShape.element && currentShape.width > 0 && currentShape.height > 0) {
+      if (currentShape.element.parentNode === currentShape.group) {
+        currentShape.group.removeChild(currentShape.element);
+      }
+      const roughRect = rc.rectangle(0, 0, currentShape.width, currentShape.height, currentShape.options);
+      currentShape.element = roughRect;
+      currentShape.group.appendChild(roughRect);
+    }
+    const rotateCenterX = currentShape.width / 2;
+    const rotateCenterY = currentShape.height / 2;
+    currentShape.group.setAttribute("transform", `translate(${currentShape.x}, ${currentShape.y}) rotate(${currentShape.rotation}, ${rotateCenterX}, ${rotateCenterY})`);
+    shapes.forEach((frame) => {
+      if (frame.shapeName === "frame") {
+        if (frame.isShapeInFrame(currentShape)) {
+          frame.highlightFrame();
+          hoveredFrame = frame;
+        } else if (hoveredFrame === frame) {
+          frame.removeHighlight();
+          hoveredFrame = null;
+        }
+      }
+    });
+  } else if (isDraggingShapeSquare && currentShape && currentShape.isSelected) {
+    let dx = mouseX - startX;
+    let dy = mouseY - startY;
+    currentShape.move(dx, dy);
+    startX = mouseX;
+    startY = mouseY;
+    if (window.__sketchStoreApi && window.__sketchStoreApi.getState().snapToObjects) {
+      const snap = calculateSnap(currentShape, e.shiftKey, e.clientX, e.clientY);
+      if (snap.dx || snap.dy) {
+        currentShape.move(snap.dx, snap.dy);
+      }
+    } else {
+      clearSnapGuides();
+    }
+    let newHover = null;
+    for (const f of shapes) {
+      if (f.shapeName !== "frame") continue;
+      if (f === currentShape) continue;
+      if (typeof f.isShapeInFrame === "function" && f.isShapeInFrame(currentShape)) {
+        newHover = f;
+        break;
+      }
+    }
+    if (hoveredFrame && hoveredFrame !== newHover && typeof hoveredFrame.removeHighlight === "function") {
+      hoveredFrame.removeHighlight();
+    }
+    if (newHover && newHover !== hoveredFrame && typeof newHover.highlightFrame === "function") {
+      newHover.highlightFrame();
+    }
+    hoveredFrame = newHover;
+  } else if (isResizingShapeSquare && currentShape && currentShape.isSelected && resizingAnchorIndexSquare !== null) {
+    currentShape.updatePosition(resizingAnchorIndexSquare, mouseX, mouseY);
+    currentShape._skipAnchors = true;
+    currentShape.draw();
+    currentShape._skipAnchors = false;
+  } else if (isRotatingShapeSquare && currentShape && currentShape.isSelected) {
+    const CTM = currentShape.group.getCTM();
+    if (CTM) {
+      const svgPoint = svg.createSVGPoint();
+      svgPoint.x = currentShape.width / 2;
+      svgPoint.y = currentShape.height / 2;
+      const centerSVG = svgPoint.matrixTransform(CTM);
+      const currentRotationMouseAngle = Math.atan2(mouseY - centerSVG.y, mouseX - centerSVG.x) * 180 / Math.PI;
+      const angleDiff = currentRotationMouseAngle - startRotationMouseAngleSquare;
+      let newRotation = startShapeRotationSquare + angleDiff;
+      const snapAngle = 15;
+      if (e.shiftKey) {
+        newRotation = Math.round(newRotation / snapAngle) * snapAngle;
+      }
+      currentShape.rotate(newRotation);
+      currentShape._skipAnchors = true;
+      currentShape.draw();
+      currentShape._skipAnchors = false;
+      svg.style.cursor = "grabbing";
+    } else {
+      isRotatingShapeSquare = false;
+      svg.style.cursor = "default";
+    }
+  } else if (isSelectionToolActive && !isDrawingSquare && currentShape && currentShape.isSelected) {
+    const anchorInfo = currentShape.isNearAnchor(mouseX, mouseY);
+    if (anchorInfo) {
+      if (anchorInfo.type === "resize") {
+        const baseDirection = anchorInfo.index;
+        const rotatedCursor = currentShape.getRotatedCursor(baseDirection, currentShape.rotation);
+        svg.style.cursor = rotatedCursor + "-resize";
+      } else if (anchorInfo.type === "rotate") {
+        svg.style.cursor = "grab";
+      }
+    } else if (currentShape.contains(mouseX, mouseY)) {
+      svg.style.cursor = "move";
+    } else {
+      svg.style.cursor = "default";
+    }
+  } else if (isSelectionToolActive && !isDrawingSquare && !isDraggingShapeSquare && !isResizingShapeSquare && !isRotatingShapeSquare) {
+    let hoveredShape = null;
+    for (let i = shapes.length - 1; i >= 0; i--) {
+      const shape = shapes[i];
+      if (shape.shapeName === "rectangle" && shape.contains(mouseX, mouseY)) {
+        hoveredShape = shape;
+        break;
+      }
+    }
+    if (hoveredShape) {
+      svg.style.cursor = "pointer";
+    } else {
+      svg.style.cursor = "default";
+    }
+  }
+};
+var handleMouseUpRect = (e) => {
+  if (isDrawingSquare && currentShape) {
+    currentShape.setDrawingState(false);
+    if (currentShape.width === 0 || currentShape.height === 0) {
+      if (currentShape.group.parentNode) {
+        currentShape.group.parentNode.removeChild(currentShape.group);
+      }
+      currentShape = null;
+    } else {
+      currentShape.draw();
+      shapes.push(currentShape);
+      pushCreateAction(currentShape);
+      const finalFrame = hoveredFrame;
+      if (finalFrame) {
+        finalFrame.addShapeToFrame(currentShape);
+        pushFrameAttachmentAction(finalFrame, currentShape, "attach", null);
+      }
+      const drawnShape = currentShape;
+      if (window.__sketchStoreApi) window.__sketchStoreApi.setActiveTool("select", { afterDraw: true });
+      currentShape = drawnShape;
+      currentShape.isSelected = true;
+      if (typeof currentShape.addAnchors === "function") {
+        currentShape.addAnchors();
+      }
+    }
+    if (hoveredFrame) {
+      hoveredFrame.removeHighlight();
+      hoveredFrame = null;
+    }
+  }
+  if ((isDraggingShapeSquare || isResizingShapeSquare || isRotatingShapeSquare) && dragOldPosSquare && currentShape) {
+    const newPos = {
+      x: currentShape.x,
+      y: currentShape.y,
+      width: currentShape.width,
+      height: currentShape.height,
+      rotation: currentShape.rotation,
+      parentFrame: isDraggingShapeSquare ? hoveredFrame || null : currentShape.parentFrame
+    };
+    const oldPos = {
+      ...dragOldPosSquare,
+      parentFrame: draggedShapeInitialFrame
+    };
+    const stateChanged = oldPos.x !== newPos.x || oldPos.y !== newPos.y || oldPos.width !== newPos.width || oldPos.height !== newPos.height || oldPos.rotation !== newPos.rotation;
+    const frameChanged = oldPos.parentFrame !== newPos.parentFrame;
+    if (stateChanged || frameChanged) {
+      pushTransformAction(currentShape, oldPos, newPos);
+    }
+    if (isDraggingShapeSquare) {
+      const finalFrame = hoveredFrame;
+      if (draggedShapeInitialFrame !== finalFrame) {
+        if (draggedShapeInitialFrame) {
+          draggedShapeInitialFrame.removeShapeFromFrame(currentShape);
+        }
+        if (finalFrame) {
+          finalFrame.addShapeToFrame(currentShape);
+        }
+        if (frameChanged) {
+          pushFrameAttachmentAction(
+            finalFrame || draggedShapeInitialFrame,
+            currentShape,
+            finalFrame ? "attach" : "detach",
+            draggedShapeInitialFrame
+          );
+        }
+      } else if (draggedShapeInitialFrame) {
+        draggedShapeInitialFrame.restoreToFrame(currentShape);
+      }
+    }
+    dragOldPosSquare = null;
+    draggedShapeInitialFrame = null;
+  }
+  if (hoveredFrame) {
+    hoveredFrame.removeHighlight();
+    hoveredFrame = null;
+  }
+  isDrawingSquare = false;
+  isDraggingShapeSquare = false;
+  isResizingShapeSquare = false;
+  isRotatingShapeSquare = false;
+  resizingAnchorIndexSquare = null;
+  startRotationMouseAngleSquare = 0;
+  startShapeRotationSquare = 0;
+  clearSnapGuides();
+  svg.style.cursor = "default";
+};
+SquarecolorOptions.forEach((span) => {
+  span.addEventListener("click", (event) => {
+    event.stopPropagation();
+    if (currentShape && currentShape.shapeName === "rectangle" && currentShape.isSelected) {
+      pushOptionsChangeAction(currentShape, { ...currentShape.options });
+      squareStrokecolor = span.getAttribute("data-id");
+      currentShape.options.stroke = squareStrokecolor;
+      currentShape.draw();
+      currentShape.updateSidebar();
+    } else {
+      squareStrokecolor = span.getAttribute("data-id");
+    }
+    SquarecolorOptions.forEach((el) => el.classList.remove("selected"));
+    span.classList.add("selected");
+  });
+});
+backgroundColorOptionsSquare.forEach((span) => {
+  span.addEventListener("click", (event) => {
+    event.stopPropagation();
+    if (currentShape && currentShape.shapeName === "rectangle" && currentShape.isSelected) {
+      pushOptionsChangeAction(currentShape, { ...currentShape.options });
+      squareBackgroundColor = span.getAttribute("data-id");
+      currentShape.options.fill = squareBackgroundColor;
+      currentShape.draw();
+      currentShape.updateSidebar();
+    } else {
+      squareBackgroundColor = span.getAttribute("data-id");
+    }
+    backgroundColorOptionsSquare.forEach((el) => el.classList.remove("selected"));
+    span.classList.add("selected");
+  });
+});
+fillStyleOptions.forEach((span) => {
+  span.addEventListener("click", (event) => {
+    event.stopPropagation();
+    if (currentShape && currentShape.shapeName === "rectangle" && currentShape.isSelected) {
+      pushOptionsChangeAction(currentShape, { ...currentShape.options });
+      squareFillStyleValue = span.getAttribute("data-id");
+      currentShape.options.fillStyle = squareFillStyleValue;
+      currentShape.draw();
+      currentShape.updateSidebar();
+    } else {
+      squareFillStyleValue = span.getAttribute("data-id");
+    }
+    fillStyleOptions.forEach((el) => el.classList.remove("selected"));
+    span.classList.add("selected");
+  });
+});
+squareStrokeThicknessValue.forEach((span) => {
+  span.addEventListener("click", (event) => {
+    event.stopPropagation();
+    if (currentShape && currentShape.shapeName === "rectangle" && currentShape.isSelected) {
+      pushOptionsChangeAction(currentShape, { ...currentShape.options });
+      squareStrokeThicknes = parseInt(span.getAttribute("data-id"));
+      currentShape.options.strokeWidth = squareStrokeThicknes;
+      currentShape.draw();
+      currentShape.updateSidebar();
+    } else {
+      squareStrokeThicknes = parseInt(span.getAttribute("data-id"));
+    }
+    squareStrokeThicknessValue.forEach((el) => el.classList.remove("selected"));
+    span.classList.add("selected");
+  });
+});
+squareOutlineStyleValue.forEach((span) => {
+  span.addEventListener("click", (event) => {
+    event.stopPropagation();
+    if (currentShape && currentShape.shapeName === "rectangle" && currentShape.isSelected) {
+      pushOptionsChangeAction(currentShape, { ...currentShape.options });
+      squareOutlineStyle = span.getAttribute("data-id");
+      if (squareOutlineStyle === "dashed") {
+        currentShape.options.strokeDasharray = "10,10";
+      } else if (squareOutlineStyle === "dotted") {
+        currentShape.options.strokeDasharray = "2,8";
+      } else {
+        currentShape.options.strokeDasharray = "";
+      }
+      currentShape.draw();
+      currentShape.updateSidebar();
+    } else {
+      squareOutlineStyle = span.getAttribute("data-id");
+    }
+    squareOutlineStyleValue.forEach((el) => el.classList.remove("selected"));
+    span.classList.add("selected");
+  });
+});
+window.Rectangle = Rectangle;
+window.rectToolSettings = {
+  get strokeColor() {
+    return squareStrokecolor;
+  },
+  set strokeColor(v) {
+    squareStrokecolor = v;
+  },
+  get bgColor() {
+    return squareBackgroundColor;
+  },
+  set bgColor(v) {
+    squareBackgroundColor = v;
+  },
+  get fillStyle() {
+    return squareFillStyleValue;
+  },
+  set fillStyle(v) {
+    squareFillStyleValue = v;
+  },
+  get strokeWidth() {
+    return squareStrokeThicknes;
+  },
+  set strokeWidth(v) {
+    squareStrokeThicknes = v;
+  },
+  get outlineStyle() {
+    return squareOutlineStyle;
+  },
+  set outlineStyle(v) {
+    squareOutlineStyle = v;
+  }
+};
+window.updateSelectedRectStyle = function(changes) {
+  if (currentShape && currentShape.shapeName === "rectangle" && currentShape.isSelected) {
+    pushOptionsChangeAction(currentShape, { ...currentShape.options });
+    if (changes.stroke !== void 0) {
+      squareStrokecolor = changes.stroke;
+      currentShape.options.stroke = changes.stroke;
+    }
+    if (changes.fill !== void 0) {
+      squareBackgroundColor = changes.fill;
+      currentShape.options.fill = changes.fill;
+    }
+    if (changes.fillStyle !== void 0) {
+      squareFillStyleValue = changes.fillStyle;
+      currentShape.options.fillStyle = changes.fillStyle;
+    }
+    if (changes.strokeWidth !== void 0) {
+      squareStrokeThicknes = changes.strokeWidth;
+      currentShape.options.strokeWidth = changes.strokeWidth;
+    }
+    if (changes.outlineStyle !== void 0) {
+      squareOutlineStyle = changes.outlineStyle;
+      if (changes.outlineStyle === "dashed") currentShape.options.strokeDasharray = "10,10";
+      else if (changes.outlineStyle === "dotted") currentShape.options.strokeDasharray = "2,8";
+      else currentShape.options.strokeDasharray = "";
+    }
+    currentShape.draw();
+  } else {
+    if (changes.stroke !== void 0) squareStrokecolor = changes.stroke;
+    if (changes.fill !== void 0) squareBackgroundColor = changes.fill;
+    if (changes.fillStyle !== void 0) squareFillStyleValue = changes.fillStyle;
+    if (changes.strokeWidth !== void 0) squareStrokeThicknes = changes.strokeWidth;
+    if (changes.outlineStyle !== void 0) squareOutlineStyle = changes.outlineStyle;
+  }
+};
+
+export {
+  handleMouseDownRect,
+  handleMouseMoveRect,
+  handleMouseUpRect
+};
+//# sourceMappingURL=chunk-QNSE5BAY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tools/rectangleTool.js"],
+  "sourcesContent": ["/* eslint-disable */\n// Rectangle tool event handlers - extracted from drawSquare.js\n// Depends on globals: svg, shapes, currentShape, rough, currentZoom, lastMousePos\n// Depends on globals: isSquareToolActive, isSelectionToolActive\n// Depends on globals: squareSideBar, disableAllSideBars\nimport { pushCreateAction, pushDeleteAction, pushOptionsChangeAction, pushTransformAction, pushFrameAttachmentAction } from '../core/UndoRedo.js';\nimport { cleanupAttachments } from './arrowTool.js';\nimport { calculateSnap, clearSnapGuides } from '../core/SnapGuides.js';\n\nlet isDrawingSquare = false;\nlet isDraggingShapeSquare = false;\nlet isResizingShapeSquare = false;\nlet isRotatingShapeSquare = false;\nlet resizingAnchorIndexSquare = null;\nlet startRotationMouseAngleSquare = 0;\nlet startShapeRotationSquare = 0;\nconst rc = rough.svg(svg); \nlet startX, startY;\n// Issue #38 follow-up: null sentinel means \"use theme default at draw\n// time\". The legacy `\"#fff\"` literal was invisible on the light canvas;\n// reading the body's `theme-dark` class lets the same code produce a\n// readable stroke in either mode. As soon as the user picks a colour\n// from the sidebar this var holds that value verbatim.\nfunction getThemeStroke() {\n    if (typeof document === 'undefined') return '#fff';\n    return document.body && document.body.classList.contains('theme-dark') ? '#fff' : '#1a1a2e';\n}\nlet squareStrokecolor = null;\nlet squareBackgroundColor = \"transparent\";\nlet squareFillStyleValue = \"none\";\nlet squareStrokeThicknes = 2;\nlet squareOutlineStyle = \"solid\";\nlet dragOldPosSquare = null;\nlet draggedShapeInitialFrame = null;\nlet hoveredFrame = null;\n\nlet SquarecolorOptions = document.querySelectorAll(\".squareStrokeSpan\");\nlet backgroundColorOptionsSquare = document.querySelectorAll(\".squareBackgroundSpan\");\nlet fillStyleOptions = document.querySelectorAll(\".squareFillStyleSpan\");\nlet squareStrokeThicknessValue = document.querySelectorAll(\".squareStrokeThickSpan\");\nlet squareOutlineStyleValue = document.querySelectorAll(\".squareOutlineStyle\");\n\n\n\nfunction getSVGCoordsFromMouse(e) {\n    // Use the SVG's current viewBox to map mouse to SVG coordinates\n    const viewBox = svg.viewBox.baseVal;\n    const rect = svg.getBoundingClientRect();\n    const mouseX = e.clientX - rect.left;\n    const mouseY = e.clientY - rect.top;\n    const svgX = viewBox.x + (mouseX / rect.width) * viewBox.width;\n    const svgY = viewBox.y + (mouseY / rect.height) * viewBox.height;\n    return { x: svgX, y: svgY };\n}\n\nfunction deleteCurrentShape() {\n    if (currentShape && currentShape.shapeName === 'rectangle') {\n        const idx = shapes.indexOf(currentShape);\n        if (idx !== -1) shapes.splice(idx, 1);\n        \n        // Clean up any arrow attachments before deleting\n        cleanupAttachments(currentShape);\n        \n        if (currentShape.group.parentNode) {\n            currentShape.group.parentNode.removeChild(currentShape.group);\n        }\n        pushDeleteAction(currentShape);\n        currentShape = null;\n        disableAllSideBars();\n    }\n}\n\n// --- Main event handlers ---\nconst handleMouseDownRect = (e) => {\n    const { x: mouseX, y: mouseY } = getSVGCoordsFromMouse(e);\n    if (isSquareToolActive) {\n        startX = mouseX;\n        startY = mouseY;\n        isDrawingSquare = true;\n\n        if (currentShape) {\n            currentShape.removeSelection();\n            currentShape = null;\n            disableAllSideBars();\n        }\n\n        let initialOptions = {\n            stroke: squareStrokecolor ?? getThemeStroke(),\n            fill: squareBackgroundColor,\n            fillStyle: squareFillStyleValue,\n            strokeWidth: squareStrokeThicknes,\n        };\n        if (squareOutlineStyle === \"dashed\") {\n            initialOptions.strokeDasharray = \"10,10\";\n        } else if (squareOutlineStyle === \"dotted\") {\n            initialOptions.strokeDasharray = \"2,8\";\n        } else {\n            initialOptions.strokeDasharray = \"\";\n        }\n\n        currentShape = new Rectangle(startX, startY, 0, 0, initialOptions);\n        currentShape.setDrawingState(true);\n\n    } else if (isSelectionToolActive) {\n        let clickedOnShape = false;\n        if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            const anchorInfo = currentShape.isNearAnchor(mouseX, mouseY);\n            if (anchorInfo) {\n                 dragOldPosSquare = { x: currentShape.x, y: currentShape.y, width: currentShape.width, height: currentShape.height, rotation: currentShape.rotation };\n                if (anchorInfo.type === 'resize') {\n                    isResizingShapeSquare = true;\n                    resizingAnchorIndexSquare = anchorInfo.index;\n                } else if (anchorInfo.type === 'rotate') {\n                    isRotatingShapeSquare = true;\n\n                    const CTM = currentShape.group.getCTM();\n                    if (CTM) {\n                        const svgPoint = svg.createSVGPoint();\n                        svgPoint.x = currentShape.width / 2;\n                        svgPoint.y = currentShape.height / 2;\n                        const centerSVG = svgPoint.matrixTransform(CTM);\n                        startRotationMouseAngleSquare = Math.atan2(mouseY - centerSVG.y, mouseX - centerSVG.x) * 180 / Math.PI;\n                        startShapeRotationSquare = currentShape.rotation;\n                    } else {\n                         isRotatingShapeSquare = false; \n                         console.warn(\"Could not get CTM for rotation.\");\n                    }\n                }\n                clickedOnShape = true;\n            } else if (currentShape.contains(mouseX, mouseY)) {\n                 isDraggingShapeSquare = true;\n                 dragOldPosSquare = { x: currentShape.x, y: currentShape.y, width: currentShape.width, height: currentShape.height, rotation: currentShape.rotation };\n                 \n                 // Store initial frame state\n                 draggedShapeInitialFrame = currentShape.parentFrame || null;\n                 \n                 // Temporarily remove from frame clipping if dragging\n                 if (currentShape.parentFrame) {\n                     currentShape.parentFrame.temporarilyRemoveFromFrame(currentShape);\n                 }\n                 \n                 startX = mouseX; \n                 startY = mouseY;\n                 clickedOnShape = true;\n             }\n        }\n\n        if (!clickedOnShape) {\n            let shapeToSelect = null;\n            for (let i = shapes.length - 1; i >= 0; i--) {\n                const shape = shapes[i];\n                if (shape.shapeName === 'rectangle' && shape.contains(mouseX, mouseY)) {\n                    shapeToSelect = shape;\n                    break; \n                }\n            }\n            if (currentShape && currentShape !== shapeToSelect) {\n                 currentShape.removeSelection();\n                 currentShape = null;\n                 disableAllSideBars();\n            }\n            if (shapeToSelect) {\n                currentShape = shapeToSelect;\n                currentShape.isSelected = true;\n                currentShape.draw(); \n                isDraggingShapeSquare = true; \n                dragOldPosSquare = { x: currentShape.x, y: currentShape.y, width: currentShape.width, height: currentShape.height, rotation: currentShape.rotation };\n                \n                // Store initial frame state\n                draggedShapeInitialFrame = currentShape.parentFrame || null;\n                \n                // Temporarily remove from frame clipping if dragging\n                if (currentShape.parentFrame) {\n                    currentShape.parentFrame.temporarilyRemoveFromFrame(currentShape);\n                }\n                \n                startX = mouseX; \n                startY = mouseY;\n                clickedOnShape = true; \n            }\n        }\n        if (!clickedOnShape && currentShape) {\n             currentShape.removeSelection();\n             currentShape = null;\n             disableAllSideBars();\n        }\n    }\n};\n\n\nconst handleMouseMoveRect = (e) => {\n    const { x: mouseX, y: mouseY } = getSVGCoordsFromMouse(e);\n    const svgRect = svg.getBoundingClientRect();\n    lastMousePos = {\n        x: e.clientX - svgRect.left, \n        y: e.clientY - svgRect.top\n    };\n\n    if (isDrawingSquare && isSquareToolActive && currentShape) {\n        let width = mouseX - startX;\n        let height = mouseY - startY;\n        currentShape.x = width < 0 ? startX + width : startX;\n        currentShape.y = height < 0 ? startY + height : startY;\n        currentShape.width = Math.abs(width);\n        currentShape.height = Math.abs(height);\n        \n        // Force update the element size while drawing (but use cached rough element)\n        if (currentShape.element && currentShape.width > 0 && currentShape.height > 0) {\n            // Remove old element\n            if (currentShape.element.parentNode === currentShape.group) {\n                currentShape.group.removeChild(currentShape.element);\n            }\n            \n            // Create new rough element with current size\n            const roughRect = rc.rectangle(0, 0, currentShape.width, currentShape.height, currentShape.options);\n            currentShape.element = roughRect;\n            currentShape.group.appendChild(roughRect);\n        }\n        \n        // Update transform\n        const rotateCenterX = currentShape.width / 2;\n        const rotateCenterY = currentShape.height / 2;\n        currentShape.group.setAttribute('transform', `translate(${currentShape.x}, ${currentShape.y}) rotate(${currentShape.rotation}, ${rotateCenterX}, ${rotateCenterY})`);\n        \n        // Check for frame containment while drawing\n        shapes.forEach(frame => {\n            if (frame.shapeName === 'frame') {\n                if (frame.isShapeInFrame(currentShape)) {\n                    frame.highlightFrame();\n                    hoveredFrame = frame;\n                } else if (hoveredFrame === frame) {\n                    frame.removeHighlight();\n                    hoveredFrame = null;\n                }\n            }\n        });\n        \n    } else if (isDraggingShapeSquare && currentShape && currentShape.isSelected) {\n        let dx = mouseX - startX;\n        let dy = mouseY - startY;\n        currentShape.move(dx, dy);\n        startX = mouseX;\n        startY = mouseY;\n        // Snap guides\n        if (window.__sketchStoreApi && window.__sketchStoreApi.getState().snapToObjects) {\n            const snap = calculateSnap(currentShape, e.shiftKey, e.clientX, e.clientY);\n            if (snap.dx || snap.dy) {\n                currentShape.move(snap.dx, snap.dy);\n            }\n        } else {\n            clearSnapGuides();\n        }\n\n        // Issue #24 bug #4: track the actual containing frame at every\n        // move so the mouseUp logic re-parents correctly. Without this\n        // hoveredFrame stays at null for existing-shape drags and the\n        // shape is detached the moment the user nudges it by 1 px inside\n        // its own parent frame.\n        let newHover = null;\n        for (const f of shapes) {\n            if (f.shapeName !== 'frame') continue;\n            if (f === currentShape) continue;\n            if (typeof f.isShapeInFrame === 'function' && f.isShapeInFrame(currentShape)) {\n                newHover = f;\n                break;\n            }\n        }\n        if (hoveredFrame && hoveredFrame !== newHover && typeof hoveredFrame.removeHighlight === 'function') {\n            hoveredFrame.removeHighlight();\n        }\n        if (newHover && newHover !== hoveredFrame && typeof newHover.highlightFrame === 'function') {\n            newHover.highlightFrame();\n        }\n        hoveredFrame = newHover;\n    } else if (isResizingShapeSquare && currentShape && currentShape.isSelected && resizingAnchorIndexSquare !== null) {\n        currentShape.updatePosition(resizingAnchorIndexSquare, mouseX, mouseY);\n        currentShape._skipAnchors = true;\n        currentShape.draw();\n        currentShape._skipAnchors = false;\n    } else if (isRotatingShapeSquare && currentShape && currentShape.isSelected) {\n        const CTM = currentShape.group.getCTM();\n        if (CTM) {\n            const svgPoint = svg.createSVGPoint();\n            svgPoint.x = currentShape.width / 2;\n            svgPoint.y = currentShape.height / 2;\n            const centerSVG = svgPoint.matrixTransform(CTM);\n            const currentRotationMouseAngle = Math.atan2(mouseY - centerSVG.y, mouseX - centerSVG.x) * 180 / Math.PI;\n            const angleDiff = currentRotationMouseAngle - startRotationMouseAngleSquare;\n            let newRotation = startShapeRotationSquare + angleDiff;\n             const snapAngle = 15;\n             if (e.shiftKey) {\n                  newRotation = Math.round(newRotation / snapAngle) * snapAngle;\n             }\n            currentShape.rotate(newRotation);\n            currentShape._skipAnchors = true;\n            currentShape.draw();\n            currentShape._skipAnchors = false;\n            svg.style.cursor = 'grabbing'; \n        } else {\n             isRotatingShapeSquare = false;\n             svg.style.cursor = 'default';\n        }\n    } else if (isSelectionToolActive && !isDrawingSquare && currentShape && currentShape.isSelected) {\n          const anchorInfo = currentShape.isNearAnchor(mouseX, mouseY);\n           if (anchorInfo) {\n               if (anchorInfo.type === 'resize') {\n                   const baseDirection = anchorInfo.index; \n                   const rotatedCursor = currentShape.getRotatedCursor(baseDirection, currentShape.rotation);\n                   svg.style.cursor = rotatedCursor + '-resize';\n               } else if (anchorInfo.type === 'rotate') {\n                    svg.style.cursor = 'grab';\n               }\n           } else if (currentShape.contains(mouseX, mouseY)) {\n               svg.style.cursor = 'move';\n           } else {\n                svg.style.cursor = 'default';\n           }\n     } else if (isSelectionToolActive && !isDrawingSquare && !isDraggingShapeSquare && !isResizingShapeSquare && !isRotatingShapeSquare) {\n         let hoveredShape = null;\n         for (let i = shapes.length - 1; i >= 0; i--) {\n             const shape = shapes[i];\n             if (shape.shapeName === 'rectangle' && shape.contains(mouseX, mouseY)) {\n                 hoveredShape = shape;\n                 break;\n             }\n         }\n         if (hoveredShape) {\n             svg.style.cursor = 'pointer';\n         } else {\n             svg.style.cursor = 'default'; \n         }\n    }\n};\n\n    \nconst handleMouseUpRect = (e) => {\n    if (isDrawingSquare && currentShape) {\n        currentShape.setDrawingState(false);\n        if (currentShape.width === 0 || currentShape.height === 0) {\n            if (currentShape.group.parentNode) {\n                currentShape.group.parentNode.removeChild(currentShape.group);\n            }\n            currentShape = null;\n        } else {\n            currentShape.draw();\n            shapes.push(currentShape);\n            pushCreateAction(currentShape);\n\n            // Check for frame containment and track attachment\n            const finalFrame = hoveredFrame;\n            if (finalFrame) {\n                finalFrame.addShapeToFrame(currentShape);\n                // Track the attachment for undo\n                pushFrameAttachmentAction(finalFrame, currentShape, 'attach', null);\n            }\n\n            // Auto-select the drawn shape and switch to selection tool\n            const drawnShape = currentShape;\n            if (window.__sketchStoreApi) window.__sketchStoreApi.setActiveTool('select', { afterDraw: true });\n            currentShape = drawnShape;\n            currentShape.isSelected = true;\n            if (typeof currentShape.addAnchors === 'function') {\n                currentShape.addAnchors();\n            }\n        }\n        \n        // Clear frame highlighting\n        if (hoveredFrame) {\n            hoveredFrame.removeHighlight();\n            hoveredFrame = null;\n        }\n    }\n\n    if ((isDraggingShapeSquare || isResizingShapeSquare || isRotatingShapeSquare) && dragOldPosSquare && currentShape) {\n        // Issue #34 bug #2: for drag operations the actual frame transfer\n        // happens AFTER this mouseUp block \u2014 so `currentShape.parentFrame`\n        // at this point still points at the OLD frame. Use the hovered\n        // frame (tracked during mousemove) as the authoritative new\n        // destination instead, so the undo action records a real\n        // attachment delta and Ctrl+Z re-attaches the shape correctly.\n        const newPos = {\n            x: currentShape.x,\n            y: currentShape.y,\n            width: currentShape.width,\n            height: currentShape.height,\n            rotation: currentShape.rotation,\n            parentFrame: isDraggingShapeSquare ? (hoveredFrame || null) : currentShape.parentFrame,\n        };\n        const oldPos = {\n            ...dragOldPosSquare,\n            parentFrame: draggedShapeInitialFrame\n        };\n        \n        const stateChanged = oldPos.x !== newPos.x || oldPos.y !== newPos.y ||\n                             oldPos.width !== newPos.width || oldPos.height !== newPos.height ||\n                             oldPos.rotation !== newPos.rotation;\n\n        const frameChanged = oldPos.parentFrame !== newPos.parentFrame;\n\n        if (stateChanged || frameChanged) {\n             pushTransformAction(currentShape, oldPos, newPos);\n        }\n        \n        // Handle frame containment changes after drag\n        if (isDraggingShapeSquare) {\n            const finalFrame = hoveredFrame;\n            \n            // If shape moved to a different frame\n            if (draggedShapeInitialFrame !== finalFrame) {\n                // Remove from initial frame\n                if (draggedShapeInitialFrame) {\n                    draggedShapeInitialFrame.removeShapeFromFrame(currentShape);\n                }\n                \n                // Add to new frame\n                if (finalFrame) {\n                    finalFrame.addShapeToFrame(currentShape);\n                }\n                \n                // Track the frame change for undo\n                if (frameChanged) {\n                    pushFrameAttachmentAction(finalFrame || draggedShapeInitialFrame, currentShape, \n                        finalFrame ? 'attach' : 'detach', draggedShapeInitialFrame);\n                }\n            } else if (draggedShapeInitialFrame) {\n                // Shape stayed in same frame, restore clipping\n                draggedShapeInitialFrame.restoreToFrame(currentShape);\n            }\n        }\n        \n        dragOldPosSquare = null;\n        draggedShapeInitialFrame = null;\n    }\n    \n    // Clear frame highlighting\n    if (hoveredFrame) {\n        hoveredFrame.removeHighlight();\n        hoveredFrame = null;\n    }\n\n    isDrawingSquare = false;\n    isDraggingShapeSquare = false;\n    isResizingShapeSquare = false;\n    isRotatingShapeSquare = false;\n    resizingAnchorIndexSquare = null;\n    startRotationMouseAngleSquare = 0;\n    startShapeRotationSquare = 0;\n    clearSnapGuides();\n    svg.style.cursor = 'default';\n};\n\nSquarecolorOptions.forEach((span) => {\n    span.addEventListener(\"click\", (event) => {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            pushOptionsChangeAction(currentShape, { ...currentShape.options }); \n            squareStrokecolor = span.getAttribute(\"data-id\"); \n            currentShape.options.stroke = squareStrokecolor; \n            currentShape.draw();\n            currentShape.updateSidebar(); \n        } else {\n             squareStrokecolor = span.getAttribute(\"data-id\");\n        }\n         SquarecolorOptions.forEach((el) => el.classList.remove(\"selected\"));\n         span.classList.add(\"selected\"); \n    });\n});\n\nbackgroundColorOptionsSquare.forEach((span) => {\n    span.addEventListener(\"click\", (event) => {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            pushOptionsChangeAction(currentShape, { ...currentShape.options });\n            squareBackgroundColor = span.getAttribute(\"data-id\");\n            currentShape.options.fill = squareBackgroundColor;\n            currentShape.draw();\n            currentShape.updateSidebar();\n        } else {\n            squareBackgroundColor = span.getAttribute(\"data-id\");\n        }\n        backgroundColorOptionsSquare.forEach((el) => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n    });\n});\n\nfillStyleOptions.forEach((span) => {\n    span.addEventListener(\"click\", (event) => {\n        event.stopPropagation()\n         if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            pushOptionsChangeAction(currentShape, { ...currentShape.options });\n            squareFillStyleValue = span.getAttribute(\"data-id\");\n            currentShape.options.fillStyle = squareFillStyleValue;\n            currentShape.draw();\n            currentShape.updateSidebar();\n        } else {\n            squareFillStyleValue = span.getAttribute(\"data-id\");\n        }\n        fillStyleOptions.forEach((el) => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n    });\n});\n\nsquareStrokeThicknessValue.forEach((span) => {\n    span.addEventListener(\"click\", (event) => {\n        event.stopPropagation()\n        if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            pushOptionsChangeAction(currentShape, { ...currentShape.options });\n            squareStrokeThicknes = parseInt(span.getAttribute(\"data-id\"));\n            currentShape.options.strokeWidth = squareStrokeThicknes;\n            currentShape.draw();\n            currentShape.updateSidebar();\n        } else {\n            squareStrokeThicknes = parseInt(span.getAttribute(\"data-id\"));\n        }\n        squareStrokeThicknessValue.forEach((el) => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n    });\n});\n\nsquareOutlineStyleValue.forEach((span) => {\n    span.addEventListener(\"click\", (event) => {\n        event.stopPropagation();\n        if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n            pushOptionsChangeAction(currentShape, { ...currentShape.options });\n            squareOutlineStyle = span.getAttribute(\"data-id\");\n            if (squareOutlineStyle === \"dashed\") {\n                currentShape.options.strokeDasharray = \"10,10\";\n            } else if (squareOutlineStyle === \"dotted\") {\n                currentShape.options.strokeDasharray = \"2,8\";\n            } else {\n                currentShape.options.strokeDasharray = \"\";\n            }\n            currentShape.draw();\n            currentShape.updateSidebar();\n        } else {\n            squareOutlineStyle = span.getAttribute(\"data-id\");\n        }\n        squareOutlineStyleValue.forEach((el) => el.classList.remove(\"selected\"));\n        span.classList.add(\"selected\");\n    });\n});\n\nwindow.Rectangle = Rectangle;\n\n// Bridge rectangle tool settings to React sidebar\nwindow.rectToolSettings = {\n    get strokeColor() { return squareStrokecolor; },\n    set strokeColor(v) { squareStrokecolor = v; },\n    get bgColor() { return squareBackgroundColor; },\n    set bgColor(v) { squareBackgroundColor = v; },\n    get fillStyle() { return squareFillStyleValue; },\n    set fillStyle(v) { squareFillStyleValue = v; },\n    get strokeWidth() { return squareStrokeThicknes; },\n    set strokeWidth(v) { squareStrokeThicknes = v; },\n    get outlineStyle() { return squareOutlineStyle; },\n    set outlineStyle(v) { squareOutlineStyle = v; },\n};\nwindow.updateSelectedRectStyle = function(changes) {\n    if (currentShape && currentShape.shapeName === 'rectangle' && currentShape.isSelected) {\n        pushOptionsChangeAction(currentShape, { ...currentShape.options });\n        if (changes.stroke !== undefined) { squareStrokecolor = changes.stroke; currentShape.options.stroke = changes.stroke; }\n        if (changes.fill !== undefined) { squareBackgroundColor = changes.fill; currentShape.options.fill = changes.fill; }\n        if (changes.fillStyle !== undefined) { squareFillStyleValue = changes.fillStyle; currentShape.options.fillStyle = changes.fillStyle; }\n        if (changes.strokeWidth !== undefined) { squareStrokeThicknes = changes.strokeWidth; currentShape.options.strokeWidth = changes.strokeWidth; }\n        if (changes.outlineStyle !== undefined) {\n            squareOutlineStyle = changes.outlineStyle;\n            if (changes.outlineStyle === \"dashed\") currentShape.options.strokeDasharray = \"10,10\";\n            else if (changes.outlineStyle === \"dotted\") currentShape.options.strokeDasharray = \"2,8\";\n            else currentShape.options.strokeDasharray = \"\";\n        }\n        currentShape.draw();\n    } else {\n        if (changes.stroke !== undefined) squareStrokecolor = changes.stroke;\n        if (changes.fill !== undefined) squareBackgroundColor = changes.fill;\n        if (changes.fillStyle !== undefined) squareFillStyleValue = changes.fillStyle;\n        if (changes.strokeWidth !== undefined) squareStrokeThicknes = changes.strokeWidth;\n        if (changes.outlineStyle !== undefined) squareOutlineStyle = changes.outlineStyle;\n    }\n};\n\nexport { handleMouseDownRect, handleMouseMoveRect, handleMouseUpRect };\n"],
+  "mappings": ";;;;;;;;;;;;;AASA,IAAI,kBAAkB;AACtB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,4BAA4B;AAChC,IAAI,gCAAgC;AACpC,IAAI,2BAA2B;AAC/B,IAAM,KAAK,MAAM,IAAI,GAAG;AACxB,IAAI;AAAJ,IAAY;AAMZ,SAAS,iBAAiB;AACtB,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,SAAO,SAAS,QAAQ,SAAS,KAAK,UAAU,SAAS,YAAY,IAAI,SAAS;AACtF;AACA,IAAI,oBAAoB;AACxB,IAAI,wBAAwB;AAC5B,IAAI,uBAAuB;AAC3B,IAAI,uBAAuB;AAC3B,IAAI,qBAAqB;AACzB,IAAI,mBAAmB;AACvB,IAAI,2BAA2B;AAC/B,IAAI,eAAe;AAEnB,IAAI,qBAAqB,SAAS,iBAAiB,mBAAmB;AACtE,IAAI,+BAA+B,SAAS,iBAAiB,uBAAuB;AACpF,IAAI,mBAAmB,SAAS,iBAAiB,sBAAsB;AACvE,IAAI,6BAA6B,SAAS,iBAAiB,wBAAwB;AACnF,IAAI,0BAA0B,SAAS,iBAAiB,qBAAqB;AAI7E,SAAS,sBAAsB,GAAG;AAE9B,QAAM,UAAU,IAAI,QAAQ;AAC5B,QAAM,OAAO,IAAI,sBAAsB;AACvC,QAAM,SAAS,EAAE,UAAU,KAAK;AAChC,QAAM,SAAS,EAAE,UAAU,KAAK;AAChC,QAAM,OAAO,QAAQ,IAAK,SAAS,KAAK,QAAS,QAAQ;AACzD,QAAM,OAAO,QAAQ,IAAK,SAAS,KAAK,SAAU,QAAQ;AAC1D,SAAO,EAAE,GAAG,MAAM,GAAG,KAAK;AAC9B;AAoBA,IAAM,sBAAsB,CAAC,MAAM;AAC/B,QAAM,EAAE,GAAG,QAAQ,GAAG,OAAO,IAAI,sBAAsB,CAAC;AACxD,MAAI,oBAAoB;AACpB,aAAS;AACT,aAAS;AACT,sBAAkB;AAElB,QAAI,cAAc;AACd,mBAAa,gBAAgB;AAC7B,qBAAe;AACf,yBAAmB;AAAA,IACvB;AAEA,QAAI,iBAAiB;AAAA,MACjB,QAAQ,qBAAqB,eAAe;AAAA,MAC5C,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACjB;AACA,QAAI,uBAAuB,UAAU;AACjC,qBAAe,kBAAkB;AAAA,IACrC,WAAW,uBAAuB,UAAU;AACxC,qBAAe,kBAAkB;AAAA,IACrC,OAAO;AACH,qBAAe,kBAAkB;AAAA,IACrC;AAEA,mBAAe,IAAI,UAAU,QAAQ,QAAQ,GAAG,GAAG,cAAc;AACjE,iBAAa,gBAAgB,IAAI;AAAA,EAErC,WAAW,uBAAuB;AAC9B,QAAI,iBAAiB;AACrB,QAAI,gBAAgB,aAAa,cAAc,eAAe,aAAa,YAAY;AACnF,YAAM,aAAa,aAAa,aAAa,QAAQ,MAAM;AAC3D,UAAI,YAAY;AACX,2BAAmB,EAAE,GAAG,aAAa,GAAG,GAAG,aAAa,GAAG,OAAO,aAAa,OAAO,QAAQ,aAAa,QAAQ,UAAU,aAAa,SAAS;AACpJ,YAAI,WAAW,SAAS,UAAU;AAC9B,kCAAwB;AACxB,sCAA4B,WAAW;AAAA,QAC3C,WAAW,WAAW,SAAS,UAAU;AACrC,kCAAwB;AAExB,gBAAM,MAAM,aAAa,MAAM,OAAO;AACtC,cAAI,KAAK;AACL,kBAAM,WAAW,IAAI,eAAe;AACpC,qBAAS,IAAI,aAAa,QAAQ;AAClC,qBAAS,IAAI,aAAa,SAAS;AACnC,kBAAM,YAAY,SAAS,gBAAgB,GAAG;AAC9C,4CAAgC,KAAK,MAAM,SAAS,UAAU,GAAG,SAAS,UAAU,CAAC,IAAI,MAAM,KAAK;AACpG,uCAA2B,aAAa;AAAA,UAC5C,OAAO;AACF,oCAAwB;AACxB,oBAAQ,KAAK,iCAAiC;AAAA,UACnD;AAAA,QACJ;AACA,yBAAiB;AAAA,MACrB,WAAW,aAAa,SAAS,QAAQ,MAAM,GAAG;AAC7C,gCAAwB;AACxB,2BAAmB,EAAE,GAAG,aAAa,GAAG,GAAG,aAAa,GAAG,OAAO,aAAa,OAAO,QAAQ,aAAa,QAAQ,UAAU,aAAa,SAAS;AAGnJ,mCAA2B,aAAa,eAAe;AAGvD,YAAI,aAAa,aAAa;AAC1B,uBAAa,YAAY,2BAA2B,YAAY;AAAA,QACpE;AAEA,iBAAS;AACT,iBAAS;AACT,yBAAiB;AAAA,MACrB;AAAA,IACL;AAEA,QAAI,CAAC,gBAAgB;AACjB,UAAI,gBAAgB;AACpB,eAAS,IAAI,OAAO,SAAS,GAAG,KAAK,GAAG,KAAK;AACzC,cAAM,QAAQ,OAAO,CAAC;AACtB,YAAI,MAAM,cAAc,eAAe,MAAM,SAAS,QAAQ,MAAM,GAAG;AACnE,0BAAgB;AAChB;AAAA,QACJ;AAAA,MACJ;AACA,UAAI,gBAAgB,iBAAiB,eAAe;AAC/C,qBAAa,gBAAgB;AAC7B,uBAAe;AACf,2BAAmB;AAAA,MACxB;AACA,UAAI,eAAe;AACf,uBAAe;AACf,qBAAa,aAAa;AAC1B,qBAAa,KAAK;AAClB,gCAAwB;AACxB,2BAAmB,EAAE,GAAG,aAAa,GAAG,GAAG,aAAa,GAAG,OAAO,aAAa,OAAO,QAAQ,aAAa,QAAQ,UAAU,aAAa,SAAS;AAGnJ,mCAA2B,aAAa,eAAe;AAGvD,YAAI,aAAa,aAAa;AAC1B,uBAAa,YAAY,2BAA2B,YAAY;AAAA,QACpE;AAEA,iBAAS;AACT,iBAAS;AACT,yBAAiB;AAAA,MACrB;AAAA,IACJ;AACA,QAAI,CAAC,kBAAkB,cAAc;AAChC,mBAAa,gBAAgB;AAC7B,qBAAe;AACf,yBAAmB;AAAA,IACxB;AAAA,EACJ;AACJ;AAGA,IAAM,sBAAsB,CAAC,MAAM;AAC/B,QAAM,EAAE,GAAG,QAAQ,GAAG,OAAO,IAAI,sBAAsB,CAAC;AACxD,QAAM,UAAU,IAAI,sBAAsB;AAC1C,iBAAe;AAAA,IACX,GAAG,EAAE,UAAU,QAAQ;AAAA,IACvB,GAAG,EAAE,UAAU,QAAQ;AAAA,EAC3B;AAEA,MAAI,mBAAmB,sBAAsB,cAAc;AACvD,QAAI,QAAQ,SAAS;AACrB,QAAI,SAAS,SAAS;AACtB,iBAAa,IAAI,QAAQ,IAAI,SAAS,QAAQ;AAC9C,iBAAa,IAAI,SAAS,IAAI,SAAS,SAAS;AAChD,iBAAa,QAAQ,KAAK,IAAI,KAAK;AACnC,iBAAa,SAAS,KAAK,IAAI,MAAM;AAGrC,QAAI,aAAa,WAAW,aAAa,QAAQ,KAAK,aAAa,SAAS,GAAG;AAE3E,UAAI,aAAa,QAAQ,eAAe,aAAa,OAAO;AACxD,qBAAa,MAAM,YAAY,aAAa,OAAO;AAAA,MACvD;AAGA,YAAM,YAAY,GAAG,UAAU,GAAG,GAAG,aAAa,OAAO,aAAa,QAAQ,aAAa,OAAO;AAClG,mBAAa,UAAU;AACvB,mBAAa,MAAM,YAAY,SAAS;AAAA,IAC5C;AAGA,UAAM,gBAAgB,aAAa,QAAQ;AAC3C,UAAM,gBAAgB,aAAa,SAAS;AAC5C,iBAAa,MAAM,aAAa,aAAa,aAAa,aAAa,CAAC,KAAK,aAAa,CAAC,YAAY,aAAa,QAAQ,KAAK,aAAa,KAAK,aAAa,GAAG;AAGnK,WAAO,QAAQ,WAAS;AACpB,UAAI,MAAM,cAAc,SAAS;AAC7B,YAAI,MAAM,eAAe,YAAY,GAAG;AACpC,gBAAM,eAAe;AACrB,yBAAe;AAAA,QACnB,WAAW,iBAAiB,OAAO;AAC/B,gBAAM,gBAAgB;AACtB,yBAAe;AAAA,QACnB;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,EAEL,WAAW,yBAAyB,gBAAgB,aAAa,YAAY;AACzE,QAAI,KAAK,SAAS;AAClB,QAAI,KAAK,SAAS;AAClB,iBAAa,KAAK,IAAI,EAAE;AACxB,aAAS;AACT,aAAS;AAET,QAAI,OAAO,oBAAoB,OAAO,iBAAiB,SAAS,EAAE,eAAe;AAC7E,YAAM,OAAO,cAAc,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO;AACzE,UAAI,KAAK,MAAM,KAAK,IAAI;AACpB,qBAAa,KAAK,KAAK,IAAI,KAAK,EAAE;AAAA,MACtC;AAAA,IACJ,OAAO;AACH,sBAAgB;AAAA,IACpB;AAOA,QAAI,WAAW;AACf,eAAW,KAAK,QAAQ;AACpB,UAAI,EAAE,cAAc,QAAS;AAC7B,UAAI,MAAM,aAAc;AACxB,UAAI,OAAO,EAAE,mBAAmB,cAAc,EAAE,eAAe,YAAY,GAAG;AAC1E,mBAAW;AACX;AAAA,MACJ;AAAA,IACJ;AACA,QAAI,gBAAgB,iBAAiB,YAAY,OAAO,aAAa,oBAAoB,YAAY;AACjG,mBAAa,gBAAgB;AAAA,IACjC;AACA,QAAI,YAAY,aAAa,gBAAgB,OAAO,SAAS,mBAAmB,YAAY;AACxF,eAAS,eAAe;AAAA,IAC5B;AACA,mBAAe;AAAA,EACnB,WAAW,yBAAyB,gBAAgB,aAAa,cAAc,8BAA8B,MAAM;AAC/G,iBAAa,eAAe,2BAA2B,QAAQ,MAAM;AACrE,iBAAa,eAAe;AAC5B,iBAAa,KAAK;AAClB,iBAAa,eAAe;AAAA,EAChC,WAAW,yBAAyB,gBAAgB,aAAa,YAAY;AACzE,UAAM,MAAM,aAAa,MAAM,OAAO;AACtC,QAAI,KAAK;AACL,YAAM,WAAW,IAAI,eAAe;AACpC,eAAS,IAAI,aAAa,QAAQ;AAClC,eAAS,IAAI,aAAa,SAAS;AACnC,YAAM,YAAY,SAAS,gBAAgB,GAAG;AAC9C,YAAM,4BAA4B,KAAK,MAAM,SAAS,UAAU,GAAG,SAAS,UAAU,CAAC,IAAI,MAAM,KAAK;AACtG,YAAM,YAAY,4BAA4B;AAC9C,UAAI,cAAc,2BAA2B;AAC5C,YAAM,YAAY;AAClB,UAAI,EAAE,UAAU;AACX,sBAAc,KAAK,MAAM,cAAc,SAAS,IAAI;AAAA,MACzD;AACD,mBAAa,OAAO,WAAW;AAC/B,mBAAa,eAAe;AAC5B,mBAAa,KAAK;AAClB,mBAAa,eAAe;AAC5B,UAAI,MAAM,SAAS;AAAA,IACvB,OAAO;AACF,8BAAwB;AACxB,UAAI,MAAM,SAAS;AAAA,IACxB;AAAA,EACJ,WAAW,yBAAyB,CAAC,mBAAmB,gBAAgB,aAAa,YAAY;AAC3F,UAAM,aAAa,aAAa,aAAa,QAAQ,MAAM;AAC1D,QAAI,YAAY;AACZ,UAAI,WAAW,SAAS,UAAU;AAC9B,cAAM,gBAAgB,WAAW;AACjC,cAAM,gBAAgB,aAAa,iBAAiB,eAAe,aAAa,QAAQ;AACxF,YAAI,MAAM,SAAS,gBAAgB;AAAA,MACvC,WAAW,WAAW,SAAS,UAAU;AACpC,YAAI,MAAM,SAAS;AAAA,MACxB;AAAA,IACJ,WAAW,aAAa,SAAS,QAAQ,MAAM,GAAG;AAC9C,UAAI,MAAM,SAAS;AAAA,IACvB,OAAO;AACF,UAAI,MAAM,SAAS;AAAA,IACxB;AAAA,EACN,WAAW,yBAAyB,CAAC,mBAAmB,CAAC,yBAAyB,CAAC,yBAAyB,CAAC,uBAAuB;AAChI,QAAI,eAAe;AACnB,aAAS,IAAI,OAAO,SAAS,GAAG,KAAK,GAAG,KAAK;AACzC,YAAM,QAAQ,OAAO,CAAC;AACtB,UAAI,MAAM,cAAc,eAAe,MAAM,SAAS,QAAQ,MAAM,GAAG;AACnE,uBAAe;AACf;AAAA,MACJ;AAAA,IACJ;AACA,QAAI,cAAc;AACd,UAAI,MAAM,SAAS;AAAA,IACvB,OAAO;AACH,UAAI,MAAM,SAAS;AAAA,IACvB;AAAA,EACL;AACJ;AAGA,IAAM,oBAAoB,CAAC,MAAM;AAC7B,MAAI,mBAAmB,cAAc;AACjC,iBAAa,gBAAgB,KAAK;AAClC,QAAI,aAAa,UAAU,KAAK,aAAa,WAAW,GAAG;AACvD,UAAI,aAAa,MAAM,YAAY;AAC/B,qBAAa,MAAM,WAAW,YAAY,aAAa,KAAK;AAAA,MAChE;AACA,qBAAe;AAAA,IACnB,OAAO;AACH,mBAAa,KAAK;AAClB,aAAO,KAAK,YAAY;AACxB,uBAAiB,YAAY;AAG7B,YAAM,aAAa;AACnB,UAAI,YAAY;AACZ,mBAAW,gBAAgB,YAAY;AAEvC,kCAA0B,YAAY,cAAc,UAAU,IAAI;AAAA,MACtE;AAGA,YAAM,aAAa;AACnB,UAAI,OAAO,iBAAkB,QAAO,iBAAiB,cAAc,UAAU,EAAE,WAAW,KAAK,CAAC;AAChG,qBAAe;AACf,mBAAa,aAAa;AAC1B,UAAI,OAAO,aAAa,eAAe,YAAY;AAC/C,qBAAa,WAAW;AAAA,MAC5B;AAAA,IACJ;AAGA,QAAI,cAAc;AACd,mBAAa,gBAAgB;AAC7B,qBAAe;AAAA,IACnB;AAAA,EACJ;AAEA,OAAK,yBAAyB,yBAAyB,0BAA0B,oBAAoB,cAAc;AAO/G,UAAM,SAAS;AAAA,MACX,GAAG,aAAa;AAAA,MAChB,GAAG,aAAa;AAAA,MAChB,OAAO,aAAa;AAAA,MACpB,QAAQ,aAAa;AAAA,MACrB,UAAU,aAAa;AAAA,MACvB,aAAa,wBAAyB,gBAAgB,OAAQ,aAAa;AAAA,IAC/E;AACA,UAAM,SAAS;AAAA,MACX,GAAG;AAAA,MACH,aAAa;AAAA,IACjB;AAEA,UAAM,eAAe,OAAO,MAAM,OAAO,KAAK,OAAO,MAAM,OAAO,KAC7C,OAAO,UAAU,OAAO,SAAS,OAAO,WAAW,OAAO,UAC1D,OAAO,aAAa,OAAO;AAEhD,UAAM,eAAe,OAAO,gBAAgB,OAAO;AAEnD,QAAI,gBAAgB,cAAc;AAC7B,0BAAoB,cAAc,QAAQ,MAAM;AAAA,IACrD;AAGA,QAAI,uBAAuB;AACvB,YAAM,aAAa;AAGnB,UAAI,6BAA6B,YAAY;AAEzC,YAAI,0BAA0B;AAC1B,mCAAyB,qBAAqB,YAAY;AAAA,QAC9D;AAGA,YAAI,YAAY;AACZ,qBAAW,gBAAgB,YAAY;AAAA,QAC3C;AAGA,YAAI,cAAc;AACd;AAAA,YAA0B,cAAc;AAAA,YAA0B;AAAA,YAC9D,aAAa,WAAW;AAAA,YAAU;AAAA,UAAwB;AAAA,QAClE;AAAA,MACJ,WAAW,0BAA0B;AAEjC,iCAAyB,eAAe,YAAY;AAAA,MACxD;AAAA,IACJ;AAEA,uBAAmB;AACnB,+BAA2B;AAAA,EAC/B;AAGA,MAAI,cAAc;AACd,iBAAa,gBAAgB;AAC7B,mBAAe;AAAA,EACnB;AAEA,oBAAkB;AAClB,0BAAwB;AACxB,0BAAwB;AACxB,0BAAwB;AACxB,8BAA4B;AAC5B,kCAAgC;AAChC,6BAA2B;AAC3B,kBAAgB;AAChB,MAAI,MAAM,SAAS;AACvB;AAEA,mBAAmB,QAAQ,CAAC,SAAS;AACjC,OAAK,iBAAiB,SAAS,CAAC,UAAU;AACtC,UAAM,gBAAgB;AACtB,QAAI,gBAAgB,aAAa,cAAc,eAAe,aAAa,YAAY;AACnF,8BAAwB,cAAc,EAAE,GAAG,aAAa,QAAQ,CAAC;AACjE,0BAAoB,KAAK,aAAa,SAAS;AAC/C,mBAAa,QAAQ,SAAS;AAC9B,mBAAa,KAAK;AAClB,mBAAa,cAAc;AAAA,IAC/B,OAAO;AACF,0BAAoB,KAAK,aAAa,SAAS;AAAA,IACpD;AACC,uBAAmB,QAAQ,CAAC,OAAO,GAAG,UAAU,OAAO,UAAU,CAAC;AAClE,SAAK,UAAU,IAAI,UAAU;AAAA,EAClC,CAAC;AACL,CAAC;AAED,6BAA6B,QAAQ,CAAC,SAAS;AAC3C,OAAK,iBAAiB,SAAS,CAAC,UAAU;AACtC,UAAM,gBAAgB;AACtB,QAAI,gBAAgB,aAAa,cAAc,eAAe,aAAa,YAAY;AACnF,8BAAwB,cAAc,EAAE,GAAG,aAAa,QAAQ,CAAC;AACjE,8BAAwB,KAAK,aAAa,SAAS;AACnD,mBAAa,QAAQ,OAAO;AAC5B,mBAAa,KAAK;AAClB,mBAAa,cAAc;AAAA,IAC/B,OAAO;AACH,8BAAwB,KAAK,aAAa,SAAS;AAAA,IACvD;AACA,iCAA6B,QAAQ,CAAC,OAAO,GAAG,UAAU,OAAO,UAAU,CAAC;AAC5E,SAAK,UAAU,IAAI,UAAU;AAAA,EACjC,CAAC;AACL,CAAC;AAED,iBAAiB,QAAQ,CAAC,SAAS;AAC/B,OAAK,iBAAiB,SAAS,CAAC,UAAU;AACtC,UAAM,gBAAgB;AACrB,QAAI,gBAAgB,aAAa,cAAc,eAAe,aAAa,YAAY;AACpF,8BAAwB,cAAc,EAAE,GAAG,aAAa,QAAQ,CAAC;AACjE,6BAAuB,KAAK,aAAa,SAAS;AAClD,mBAAa,QAAQ,YAAY;AACjC,mBAAa,KAAK;AAClB,mBAAa,cAAc;AAAA,IAC/B,OAAO;AACH,6BAAuB,KAAK,aAAa,SAAS;AAAA,IACtD;AACA,qBAAiB,QAAQ,CAAC,OAAO,GAAG,UAAU,OAAO,UAAU,CAAC;AAChE,SAAK,UAAU,IAAI,UAAU;AAAA,EACjC,CAAC;AACL,CAAC;AAED,2BAA2B,QAAQ,CAAC,SAAS;AACzC,OAAK,iBAAiB,SAAS,CAAC,UAAU;AACtC,UAAM,gBAAgB;AACtB,QAAI,gBAAgB,aAAa,cAAc,eAAe,aAAa,YAAY;AACnF,8BAAwB,cAAc,EAAE,GAAG,aAAa,QAAQ,CAAC;AACjE,6BAAuB,SAAS,KAAK,aAAa,SAAS,CAAC;AAC5D,mBAAa,QAAQ,cAAc;AACnC,mBAAa,KAAK;AAClB,mBAAa,cAAc;AAAA,IAC/B,OAAO;AACH,6BAAuB,SAAS,KAAK,aAAa,SAAS,CAAC;AAAA,IAChE;AACA,+BAA2B,QAAQ,CAAC,OAAO,GAAG,UAAU,OAAO,UAAU,CAAC;AAC1E,SAAK,UAAU,IAAI,UAAU;AAAA,EACjC,CAAC;AACL,CAAC;AAED,wBAAwB,QAAQ,CAAC,SAAS;AACtC,OAAK,iBAAiB,SAAS,CAAC,UAAU;AACtC,UAAM,gBAAgB;AACtB,QAAI,gBAAgB,aAAa,cAAc,eAAe,aAAa,YAAY;AACnF,8BAAwB,cAAc,EAAE,GAAG,aAAa,QAAQ,CAAC;AACjE,2BAAqB,KAAK,aAAa,SAAS;AAChD,UAAI,uBAAuB,UAAU;AACjC,qBAAa,QAAQ,kBAAkB;AAAA,MAC3C,WAAW,uBAAuB,UAAU;AACxC,qBAAa,QAAQ,kBAAkB;AAAA,MAC3C,OAAO;AACH,qBAAa,QAAQ,kBAAkB;AAAA,MAC3C;AACA,mBAAa,KAAK;AAClB,mBAAa,cAAc;AAAA,IAC/B,OAAO;AACH,2BAAqB,KAAK,aAAa,SAAS;AAAA,IACpD;AACA,4BAAwB,QAAQ,CAAC,OAAO,GAAG,UAAU,OAAO,UAAU,CAAC;AACvE,SAAK,UAAU,IAAI,UAAU;AAAA,EACjC,CAAC;AACL,CAAC;AAED,OAAO,YAAY;AAGnB,OAAO,mBAAmB;AAAA,EACtB,IAAI,cAAc;AAAE,WAAO;AAAA,EAAmB;AAAA,EAC9C,IAAI,YAAY,GAAG;AAAE,wBAAoB;AAAA,EAAG;AAAA,EAC5C,IAAI,UAAU;AAAE,WAAO;AAAA,EAAuB;AAAA,EAC9C,IAAI,QAAQ,GAAG;AAAE,4BAAwB;AAAA,EAAG;AAAA,EAC5C,IAAI,YAAY;AAAE,WAAO;AAAA,EAAsB;AAAA,EAC/C,IAAI,UAAU,GAAG;AAAE,2BAAuB;AAAA,EAAG;AAAA,EAC7C,IAAI,cAAc;AAAE,WAAO;AAAA,EAAsB;AAAA,EACjD,IAAI,YAAY,GAAG;AAAE,2BAAuB;AAAA,EAAG;AAAA,EAC/C,IAAI,eAAe;AAAE,WAAO;AAAA,EAAoB;AAAA,EAChD,IAAI,aAAa,GAAG;AAAE,yBAAqB;AAAA,EAAG;AAClD;AACA,OAAO,0BAA0B,SAAS,SAAS;AAC/C,MAAI,gBAAgB,aAAa,cAAc,eAAe,aAAa,YAAY;AACnF,4BAAwB,cAAc,EAAE,GAAG,aAAa,QAAQ,CAAC;AACjE,QAAI,QAAQ,WAAW,QAAW;AAAE,0BAAoB,QAAQ;AAAQ,mBAAa,QAAQ,SAAS,QAAQ;AAAA,IAAQ;AACtH,QAAI,QAAQ,SAAS,QAAW;AAAE,8BAAwB,QAAQ;AAAM,mBAAa,QAAQ,OAAO,QAAQ;AAAA,IAAM;AAClH,QAAI,QAAQ,cAAc,QAAW;AAAE,6BAAuB,QAAQ;AAAW,mBAAa,QAAQ,YAAY,QAAQ;AAAA,IAAW;AACrI,QAAI,QAAQ,gBAAgB,QAAW;AAAE,6BAAuB,QAAQ;AAAa,mBAAa,QAAQ,cAAc,QAAQ;AAAA,IAAa;AAC7I,QAAI,QAAQ,iBAAiB,QAAW;AACpC,2BAAqB,QAAQ;AAC7B,UAAI,QAAQ,iBAAiB,SAAU,cAAa,QAAQ,kBAAkB;AAAA,eACrE,QAAQ,iBAAiB,SAAU,cAAa,QAAQ,kBAAkB;AAAA,UAC9E,cAAa,QAAQ,kBAAkB;AAAA,IAChD;AACA,iBAAa,KAAK;AAAA,EACtB,OAAO;AACH,QAAI,QAAQ,WAAW,OAAW,qBAAoB,QAAQ;AAC9D,QAAI,QAAQ,SAAS,OAAW,yBAAwB,QAAQ;AAChE,QAAI,QAAQ,cAAc,OAAW,wBAAuB,QAAQ;AACpE,QAAI,QAAQ,gBAAgB,OAAW,wBAAuB,QAAQ;AACtE,QAAI,QAAQ,iBAAiB,OAAW,sBAAqB,QAAQ;AAAA,EACzE;AACJ;",
+  "names": []
+}