@elixpo/lixsketch 5.5.9 → 5.5.11

package/dist/react/MermaidStructuredRenderer-GGOOGON5.js

@@ -0,0 +1,365 @@
+"use client";
+
+// src/core/MermaidStructuredRenderer.js
+var NS = "http://www.w3.org/2000/svg";
+var PALETTE = [
+  { fill: "#dfeee4", stroke: "#5f836c" },
+  { fill: "#f4e3d4", stroke: "#a97852" },
+  { fill: "#e9e1ef", stroke: "#7e6b91" },
+  { fill: "#f3edc9", stroke: "#9a8745" },
+  { fill: "#dcebed", stroke: "#5d7f82" },
+  { fill: "#f1dedc", stroke: "#9a6863" }
+];
+function escapeXml(value) {
+  return String(value ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function isDark() {
+  return typeof document !== "undefined" && document.body?.classList.contains("theme-dark");
+}
+function theme() {
+  return isDark() ? { bg: "#20232a", text: "#f0eee8", line: "#aaa89f", frame: "#77766f", panel: "#292d34" } : { bg: "#fbfaf6", text: "#343832", line: "#6e746c", frame: "#b9b7ac", panel: "#f5f2ea" };
+}
+function sourceLines(src) {
+  return src.split("\n").map((line) => line.trim()).filter((line) => line && !line.startsWith("%%"));
+}
+function detectStructuredMermaid(src) {
+  const header = sourceLines(src)[0]?.toLowerCase() || "";
+  if (header === "erdiagram") return "er";
+  if (/^pie(?:\s|$)/.test(header) || /^xychart(?:-beta)?(?:\s|$)/.test(header)) return "chart";
+  return null;
+}
+function parseERDiagram(src) {
+  const lines = sourceLines(src);
+  if (lines[0]?.toLowerCase() !== "erdiagram") return null;
+  const entityMap = /* @__PURE__ */ new Map();
+  const relationships = [];
+  let current = null;
+  const ensureEntity = (name) => {
+    if (!entityMap.has(name)) entityMap.set(name, { name, attributes: [] });
+    return entityMap.get(name);
+  };
+  for (let index = 1; index < lines.length; index++) {
+    const line = lines[index];
+    const entityStart = line.match(/^([\w-]+)\s*\{$/);
+    if (entityStart) {
+      current = ensureEntity(entityStart[1]);
+      continue;
+    }
+    if (line === "}") {
+      current = null;
+      continue;
+    }
+    if (current) {
+      const attribute = line.match(/^(\S+)\s+(\S+)(?:\s+(.+))?$/);
+      if (attribute) {
+        current.attributes.push({
+          type: attribute[1],
+          name: attribute[2],
+          key: attribute[3] || ""
+        });
+      }
+      continue;
+    }
+    const relation = line.match(/^([\w-]+)\s+([|o}{.]+)(?:--|\.\.)([|o}{.]+)\s+([\w-]+)\s*:\s*(.+)$/);
+    if (relation) {
+      ensureEntity(relation[1]);
+      ensureEntity(relation[4]);
+      relationships.push({
+        from: relation[1],
+        fromCardinality: relation[2],
+        toCardinality: relation[3],
+        to: relation[4],
+        label: relation[5]
+      });
+    }
+  }
+  if (entityMap.size === 0) return null;
+  return { type: "erDiagram", title: "Entity relationship diagram", entities: [...entityMap.values()], relationships };
+}
+function layoutER(diagram) {
+  const width = 230;
+  const headerHeight = 44;
+  const rowHeight = 30;
+  const columns = Math.max(1, Math.ceil(Math.sqrt(diagram.entities.length)));
+  return diagram.entities.map((entity, index) => ({
+    ...entity,
+    x: 60 + index % columns * 330,
+    y: 55 + Math.floor(index / columns) * 270,
+    width,
+    headerHeight,
+    rowHeight,
+    height: headerHeight + Math.max(1, entity.attributes.length) * rowHeight,
+    color: PALETTE[index % PALETTE.length]
+  }));
+}
+function renderERPreviewSVG(diagram) {
+  if (!diagram?.entities?.length) return "";
+  const TK = theme();
+  const entities = layoutER(diagram);
+  const byName = new Map(entities.map((entity) => [entity.name, entity]));
+  const maxX = Math.max(...entities.map((entity) => entity.x + entity.width)) + 60;
+  const maxY = Math.max(...entities.map((entity) => entity.y + entity.height)) + 55;
+  let content = `<rect width="${maxX}" height="${maxY}" rx="10" fill="${TK.bg}"/>`;
+  content += `<defs><marker id="er-arrow" markerWidth="9" markerHeight="7" refX="8" refY="3.5" orient="auto"><path d="M1 1 L8 3.5 L1 6" fill="none" stroke="${TK.line}" stroke-width="1.4"/></marker></defs>`;
+  for (const relation of diagram.relationships) {
+    const from = byName.get(relation.from);
+    const to = byName.get(relation.to);
+    if (!from || !to) continue;
+    const x1 = from.x + from.width / 2;
+    const y1 = from.y + from.height / 2;
+    const x2 = to.x + to.width / 2;
+    const y2 = to.y + to.height / 2;
+    const mx = (x1 + x2) / 2;
+    const my = (y1 + y2) / 2;
+    content += `<line x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}" stroke="${TK.line}" stroke-width="1.6" marker-end="url(#er-arrow)"/>`;
+    content += `<text x="${mx}" y="${my - 8}" text-anchor="middle" fill="${TK.text}" font-size="12" font-family="lixFont">${escapeXml(`${relation.fromCardinality} ${relation.label} ${relation.toCardinality}`)}</text>`;
+  }
+  for (const entity of entities) {
+    content += `<g><rect x="${entity.x}" y="${entity.y}" width="${entity.width}" height="${entity.height}" rx="8" fill="${TK.panel}" stroke="${entity.color.stroke}" stroke-width="1.5"/>`;
+    content += `<rect x="${entity.x}" y="${entity.y}" width="${entity.width}" height="${entity.headerHeight}" rx="8" fill="${entity.color.fill}" stroke="${entity.color.stroke}" stroke-width="1.5"/>`;
+    content += `<text x="${entity.x + entity.width / 2}" y="${entity.y + 27}" text-anchor="middle" fill="#343832" font-size="14" font-weight="600" font-family="lixFont">${escapeXml(entity.name)}</text>`;
+    const attributes = entity.attributes.length ? entity.attributes : [{ type: "", name: "No attributes", key: "" }];
+    attributes.forEach((attribute, row) => {
+      const y = entity.y + entity.headerHeight + row * entity.rowHeight;
+      content += `<line x1="${entity.x}" y1="${y}" x2="${entity.x + entity.width}" y2="${y}" stroke="${TK.frame}" stroke-width="0.8"/>`;
+      content += `<text x="${entity.x + 10}" y="${y + 20}" fill="${TK.text}" font-size="11" font-family="lixCode">${escapeXml([attribute.type, attribute.name, attribute.key].filter(Boolean).join("  "))}</text>`;
+    });
+    content += "</g>";
+  }
+  return `<svg xmlns="${NS}" width="600" height="450" viewBox="0 0 ${maxX} ${maxY}">${content}</svg>`;
+}
+function numberList(value) {
+  return value.replace(/^\[|\]$/g, "").split(",").map((item) => Number(item.trim())).filter(Number.isFinite);
+}
+function parseChartDiagram(src) {
+  const lines = sourceLines(src);
+  const header = lines[0]?.toLowerCase() || "";
+  if (/^pie(?:\s|$)/.test(header)) {
+    let title2 = lines[0].replace(/^pie(?:\s+showData)?\s*/i, "").replace(/^title\s+/i, "").trim() || "Pie chart";
+    const values = [];
+    for (let index = 1; index < lines.length; index++) {
+      const titleMatch = lines[index].match(/^title\s+(.+)$/i);
+      if (titleMatch) {
+        title2 = titleMatch[1];
+        continue;
+      }
+      const item = lines[index].match(/^"?(.+?)"?\s*:\s*(-?\d+(?:\.\d+)?)$/);
+      if (item) values.push({ label: item[1], value: Number(item[2]) });
+    }
+    return values.length ? { type: "chart", kind: "pie", title: title2, categories: values.map((v) => v.label), series: [{ name: title2, values: values.map((v) => v.value) }] } : null;
+  }
+  if (!/^xychart(?:-beta)?(?:\s|$)/.test(header)) return null;
+  let title = "Chart";
+  let categories = [];
+  const series = [];
+  for (let index = 1; index < lines.length; index++) {
+    const titleMatch = lines[index].match(/^title\s+"?(.+?)"?$/i);
+    const axisMatch = lines[index].match(/^x-axis(?:\s+".*?")?\s+(\[.+\])/i);
+    const seriesMatch = lines[index].match(/^(bar|line)(?:\s+"?([^"\[]+)"?)?\s+(\[.+\])$/i);
+    if (titleMatch) title = titleMatch[1];
+    else if (axisMatch) categories = axisMatch[1].replace(/^\[|\]$/g, "").split(",").map((v) => v.trim().replace(/^"|"$/g, ""));
+    else if (seriesMatch) series.push({ kind: seriesMatch[1].toLowerCase(), name: seriesMatch[2]?.trim() || seriesMatch[1], values: numberList(seriesMatch[3]) });
+  }
+  const maxItems = Math.max(0, ...series.map((item) => item.values.length));
+  if (!categories.length) categories = Array.from({ length: maxItems }, (_, index) => String(index + 1));
+  return series.length ? { type: "chart", kind: "xy", title, categories, series } : null;
+}
+function renderChartPreviewSVG(chart) {
+  if (!chart?.series?.length) return "";
+  const TK = theme();
+  const width = 720;
+  const height = 450;
+  const left = 70;
+  const top = 60;
+  const plotWidth = 580;
+  const plotHeight = 300;
+  const values = chart.series.flatMap((series) => series.values);
+  const maximum = Math.max(1, ...values.map(Math.abs));
+  const categoryCount = Math.max(1, chart.categories.length);
+  const slot = plotWidth / categoryCount;
+  let content = `<rect width="${width}" height="${height}" rx="10" fill="${TK.bg}"/><text x="${width / 2}" y="32" text-anchor="middle" fill="${TK.text}" font-size="18" font-family="lixFont">${escapeXml(chart.title)}</text>`;
+  content += `<line x1="${left}" y1="${top}" x2="${left}" y2="${top + plotHeight}" stroke="${TK.line}"/><line x1="${left}" y1="${top + plotHeight}" x2="${left + plotWidth}" y2="${top + plotHeight}" stroke="${TK.line}"/>`;
+  chart.categories.forEach((category, index) => {
+    content += `<text x="${left + slot * (index + 0.5)}" y="${top + plotHeight + 24}" text-anchor="middle" fill="${TK.text}" font-size="11" font-family="lixFont">${escapeXml(category)}</text>`;
+  });
+  chart.series.forEach((series, seriesIndex) => {
+    const color = PALETTE[seriesIndex % PALETTE.length];
+    if (series.kind === "line") {
+      const points = series.values.map((value, index) => `${left + slot * (index + 0.5)},${top + plotHeight - Math.abs(value) / maximum * plotHeight}`).join(" ");
+      content += `<polyline points="${points}" fill="none" stroke="${color.stroke}" stroke-width="3"/>`;
+      series.values.forEach((value, index) => content += `<circle cx="${left + slot * (index + 0.5)}" cy="${top + plotHeight - Math.abs(value) / maximum * plotHeight}" r="5" fill="${color.fill}" stroke="${color.stroke}" stroke-width="2"/>`);
+    } else {
+      const barWidth = Math.max(12, slot * 0.7 / chart.series.length);
+      series.values.forEach((value, index) => {
+        const barHeight = Math.abs(value) / maximum * plotHeight;
+        const x = left + slot * index + slot * 0.15 + seriesIndex * barWidth;
+        content += `<rect x="${x}" y="${top + plotHeight - barHeight}" width="${barWidth}" height="${barHeight}" rx="4" fill="${color.fill}" stroke="${color.stroke}" stroke-width="1.5"/><text x="${x + barWidth / 2}" y="${top + plotHeight - barHeight - 7}" text-anchor="middle" fill="${TK.text}" font-size="10" font-family="lixFont">${value}</text>`;
+      });
+    }
+  });
+  return `<svg xmlns="${NS}" width="600" height="450" viewBox="0 0 ${width} ${height}">${content}</svg>`;
+}
+function push(shape, frame) {
+  if (!shape) return null;
+  window.shapes.push(shape);
+  if (window.pushCreateAction) window.pushCreateAction(shape);
+  if (frame?.addShapeToFrame) frame.addShapeToFrame(shape);
+  return shape;
+}
+function canvasOrigin(width, height) {
+  const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };
+  return { x: vb.x + vb.width / 2 - width / 2, y: vb.y + vb.height / 2 - height / 2 };
+}
+function createFrame(x, y, width, height, name, type) {
+  const TK = theme();
+  const frame = new window.Frame(x - 45, y - 45, width + 90, height + 90, {
+    stroke: TK.frame,
+    strokeWidth: 1,
+    fill: "transparent",
+    opacity: 0.75,
+    frameName: name
+  });
+  frame._diagramType = type;
+  push(frame);
+  return frame;
+}
+function renderEROnCanvas(diagram) {
+  if (!diagram?.entities?.length || !window.Rectangle || !window.Arrow || !window.Frame) return false;
+  const TK = theme();
+  const entities = layoutER(diagram);
+  const width = Math.max(...entities.map((entity) => entity.x + entity.width)) + 40;
+  const height = Math.max(...entities.map((entity) => entity.y + entity.height)) + 40;
+  const origin = canvasOrigin(width, height);
+  const frame = createFrame(origin.x, origin.y, width, height, diagram.title, "mermaid-er");
+  const entityShapes = /* @__PURE__ */ new Map();
+  let first = null;
+  for (const entity of entities) {
+    const x = origin.x + entity.x;
+    const y = origin.y + entity.y;
+    const header = push(new window.Rectangle(x, y, entity.width, entity.headerHeight, {
+      stroke: entity.color.stroke,
+      strokeWidth: 1.5,
+      fill: entity.color.fill,
+      fillStyle: "solid",
+      roughness: 1,
+      label: entity.name,
+      labelColor: "#343832",
+      labelFontSize: 15
+    }), frame);
+    if (!first) first = header;
+    entityShapes.set(entity.name, { shape: header, x, y, width: entity.width, height: entity.headerHeight });
+    const attributes = entity.attributes.length ? entity.attributes : [{ type: "", name: "No attributes", key: "" }];
+    attributes.forEach((attribute, row) => push(new window.Rectangle(
+      x,
+      y + entity.headerHeight + row * entity.rowHeight,
+      entity.width,
+      entity.rowHeight,
+      {
+        stroke: TK.frame,
+        strokeWidth: 1,
+        fill: TK.panel,
+        fillStyle: "solid",
+        roughness: 0.4,
+        label: [attribute.type, attribute.name, attribute.key].filter(Boolean).join("  "),
+        labelColor: TK.text,
+        labelFontSize: 11
+      }
+    ), frame));
+  }
+  for (const relation of diagram.relationships) {
+    const from = entityShapes.get(relation.from);
+    const to = entityShapes.get(relation.to);
+    if (!from || !to) continue;
+    const start = { x: from.x + from.width / 2, y: from.y + from.height / 2 };
+    const end = { x: to.x + to.width / 2, y: to.y + to.height / 2 };
+    const arrow = push(new window.Arrow(start, end, {
+      stroke: TK.line,
+      strokeWidth: 1.5,
+      roughness: 1,
+      label: `${relation.fromCardinality} ${relation.label} ${relation.toCardinality}`,
+      labelColor: TK.text
+    }), frame);
+    if (arrow && window.__autoAttach) {
+      window.__autoAttach(arrow, from.shape, true, start);
+      window.__autoAttach(arrow, to.shape, false, end);
+    }
+  }
+  if (first?.selectShape) {
+    window.currentShape = first;
+    first.selectShape();
+  }
+  return true;
+}
+function renderChartOnCanvas(chart) {
+  if (!chart?.series?.length || !window.Rectangle || !window.Circle || !window.Line || !window.Frame) return false;
+  const TK = theme();
+  const width = 720;
+  const height = 450;
+  const origin = canvasOrigin(width, height);
+  const frame = createFrame(origin.x, origin.y, width, height, chart.title, "mermaid-chart");
+  const left = origin.x + 70;
+  const top = origin.y + 65;
+  const plotWidth = 580;
+  const plotHeight = 300;
+  const values = chart.series.flatMap((series) => series.values);
+  const maximum = Math.max(1, ...values.map(Math.abs));
+  const slot = plotWidth / Math.max(1, chart.categories.length);
+  let first = null;
+  push(new window.Line({ x: left, y: top }, { x: left, y: top + plotHeight }, { stroke: TK.line, strokeWidth: 1.5, roughness: 0 }), frame);
+  push(new window.Line({ x: left, y: top + plotHeight }, { x: left + plotWidth, y: top + plotHeight }, { stroke: TK.line, strokeWidth: 1.5, roughness: 0 }), frame);
+  chart.series.forEach((series, seriesIndex) => {
+    const color = PALETTE[seriesIndex % PALETTE.length];
+    if (series.kind === "line") {
+      let previous = null;
+      series.values.forEach((value, index) => {
+        const point = { x: left + slot * (index + 0.5), y: top + plotHeight - Math.abs(value) / maximum * plotHeight };
+        const dot = push(new window.Circle(point.x, point.y, 8, 8, {
+          stroke: color.stroke,
+          strokeWidth: 2,
+          fill: color.fill,
+          fillStyle: "solid",
+          roughness: 0.5,
+          label: String(value),
+          labelColor: TK.text,
+          labelFontSize: 9
+        }), frame);
+        if (!first) first = dot;
+        if (previous) push(new window.Line(previous, point, { stroke: color.stroke, strokeWidth: 3, roughness: 0.5 }), frame);
+        previous = point;
+      });
+    } else {
+      const barWidth = Math.max(18, slot * 0.7 / chart.series.length);
+      series.values.forEach((value, index) => {
+        const barHeight = Math.max(8, Math.abs(value) / maximum * plotHeight);
+        const x = left + slot * index + slot * 0.15 + seriesIndex * barWidth;
+        const bar = push(new window.Rectangle(x, top + plotHeight - barHeight, barWidth, barHeight, {
+          stroke: color.stroke,
+          strokeWidth: 1.5,
+          fill: color.fill,
+          fillStyle: "solid",
+          roughness: 0.7,
+          label: `${chart.categories[index] || index + 1}
+${value}`,
+          labelColor: "#343832",
+          labelFontSize: 11
+        }), frame);
+        if (!first) first = bar;
+      });
+    }
+  });
+  if (first?.selectShape) {
+    window.currentShape = first;
+    first.selectShape();
+  }
+  return true;
+}
+export {
+  detectStructuredMermaid,
+  parseChartDiagram,
+  parseERDiagram,
+  renderChartOnCanvas,
+  renderChartPreviewSVG,
+  renderEROnCanvas,
+  renderERPreviewSVG
+};
+//# sourceMappingURL=MermaidStructuredRenderer-GGOOGON5.js.map

package/dist/react/MermaidStructuredRenderer-GGOOGON5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/MermaidStructuredRenderer.js"],
+  "sourcesContent": ["/* eslint-disable */\n/**\n * Native renderers for Mermaid ER and chart diagrams.\n *\n * Preview is SVG, while canvas placement deliberately creates ordinary\n * LixSketch shapes. That keeps entities, attributes, relationships, bars,\n * points, and legend items independently selectable and editable.\n */\n\nconst NS = 'http://www.w3.org/2000/svg';\nconst PALETTE = [\n    { fill: '#dfeee4', stroke: '#5f836c' },\n    { fill: '#f4e3d4', stroke: '#a97852' },\n    { fill: '#e9e1ef', stroke: '#7e6b91' },\n    { fill: '#f3edc9', stroke: '#9a8745' },\n    { fill: '#dcebed', stroke: '#5d7f82' },\n    { fill: '#f1dedc', stroke: '#9a6863' },\n];\n\nfunction escapeXml(value) {\n    return String(value ?? '')\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;');\n}\n\nfunction isDark() {\n    return typeof document !== 'undefined' && document.body?.classList.contains('theme-dark');\n}\n\nfunction theme() {\n    return isDark()\n        ? { bg: '#20232a', text: '#f0eee8', line: '#aaa89f', frame: '#77766f', panel: '#292d34' }\n        : { bg: '#fbfaf6', text: '#343832', line: '#6e746c', frame: '#b9b7ac', panel: '#f5f2ea' };\n}\n\nfunction sourceLines(src) {\n    return src.split('\\n').map(line => line.trim()).filter(line => line && !line.startsWith('%%'));\n}\n\nexport function detectStructuredMermaid(src) {\n    const header = sourceLines(src)[0]?.toLowerCase() || '';\n    if (header === 'erdiagram') return 'er';\n    if (/^pie(?:\\s|$)/.test(header) || /^xychart(?:-beta)?(?:\\s|$)/.test(header)) return 'chart';\n    return null;\n}\n\n// ---------------------------------------------------------------------\n// Entity relationship diagrams\n// ---------------------------------------------------------------------\n\nexport function parseERDiagram(src) {\n    const lines = sourceLines(src);\n    if (lines[0]?.toLowerCase() !== 'erdiagram') return null;\n\n    const entityMap = new Map();\n    const relationships = [];\n    let current = null;\n\n    const ensureEntity = (name) => {\n        if (!entityMap.has(name)) entityMap.set(name, { name, attributes: [] });\n        return entityMap.get(name);\n    };\n\n    for (let index = 1; index < lines.length; index++) {\n        const line = lines[index];\n        const entityStart = line.match(/^([\\w-]+)\\s*\\{$/);\n        if (entityStart) {\n            current = ensureEntity(entityStart[1]);\n            continue;\n        }\n        if (line === '}') {\n            current = null;\n            continue;\n        }\n        if (current) {\n            const attribute = line.match(/^(\\S+)\\s+(\\S+)(?:\\s+(.+))?$/);\n            if (attribute) {\n                current.attributes.push({\n                    type: attribute[1],\n                    name: attribute[2],\n                    key: attribute[3] || '',\n                });\n            }\n            continue;\n        }\n\n        // CUSTOMER ||--o{ ORDER : places\n        const relation = line.match(/^([\\w-]+)\\s+([|o}{.]+)(?:--|\\.\\.)([|o}{.]+)\\s+([\\w-]+)\\s*:\\s*(.+)$/);\n        if (relation) {\n            ensureEntity(relation[1]);\n            ensureEntity(relation[4]);\n            relationships.push({\n                from: relation[1],\n                fromCardinality: relation[2],\n                toCardinality: relation[3],\n                to: relation[4],\n                label: relation[5],\n            });\n        }\n    }\n\n    if (entityMap.size === 0) return null;\n    return { type: 'erDiagram', title: 'Entity relationship diagram', entities: [...entityMap.values()], relationships };\n}\n\nfunction layoutER(diagram) {\n    const width = 230;\n    const headerHeight = 44;\n    const rowHeight = 30;\n    const columns = Math.max(1, Math.ceil(Math.sqrt(diagram.entities.length)));\n    return diagram.entities.map((entity, index) => ({\n        ...entity,\n        x: 60 + (index % columns) * 330,\n        y: 55 + Math.floor(index / columns) * 270,\n        width,\n        headerHeight,\n        rowHeight,\n        height: headerHeight + Math.max(1, entity.attributes.length) * rowHeight,\n        color: PALETTE[index % PALETTE.length],\n    }));\n}\n\nexport function renderERPreviewSVG(diagram) {\n    if (!diagram?.entities?.length) return '';\n    const TK = theme();\n    const entities = layoutER(diagram);\n    const byName = new Map(entities.map(entity => [entity.name, entity]));\n    const maxX = Math.max(...entities.map(entity => entity.x + entity.width)) + 60;\n    const maxY = Math.max(...entities.map(entity => entity.y + entity.height)) + 55;\n    let content = `<rect width=\"${maxX}\" height=\"${maxY}\" rx=\"10\" fill=\"${TK.bg}\"/>`;\n    content += `<defs><marker id=\"er-arrow\" markerWidth=\"9\" markerHeight=\"7\" refX=\"8\" refY=\"3.5\" orient=\"auto\"><path d=\"M1 1 L8 3.5 L1 6\" fill=\"none\" stroke=\"${TK.line}\" stroke-width=\"1.4\"/></marker></defs>`;\n\n    for (const relation of diagram.relationships) {\n        const from = byName.get(relation.from);\n        const to = byName.get(relation.to);\n        if (!from || !to) continue;\n        const x1 = from.x + from.width / 2;\n        const y1 = from.y + from.height / 2;\n        const x2 = to.x + to.width / 2;\n        const y2 = to.y + to.height / 2;\n        const mx = (x1 + x2) / 2;\n        const my = (y1 + y2) / 2;\n        content += `<line x1=\"${x1}\" y1=\"${y1}\" x2=\"${x2}\" y2=\"${y2}\" stroke=\"${TK.line}\" stroke-width=\"1.6\" marker-end=\"url(#er-arrow)\"/>`;\n        content += `<text x=\"${mx}\" y=\"${my - 8}\" text-anchor=\"middle\" fill=\"${TK.text}\" font-size=\"12\" font-family=\"lixFont\">${escapeXml(`${relation.fromCardinality} ${relation.label} ${relation.toCardinality}`)}</text>`;\n    }\n\n    for (const entity of entities) {\n        content += `<g><rect x=\"${entity.x}\" y=\"${entity.y}\" width=\"${entity.width}\" height=\"${entity.height}\" rx=\"8\" fill=\"${TK.panel}\" stroke=\"${entity.color.stroke}\" stroke-width=\"1.5\"/>`;\n        content += `<rect x=\"${entity.x}\" y=\"${entity.y}\" width=\"${entity.width}\" height=\"${entity.headerHeight}\" rx=\"8\" fill=\"${entity.color.fill}\" stroke=\"${entity.color.stroke}\" stroke-width=\"1.5\"/>`;\n        content += `<text x=\"${entity.x + entity.width / 2}\" y=\"${entity.y + 27}\" text-anchor=\"middle\" fill=\"#343832\" font-size=\"14\" font-weight=\"600\" font-family=\"lixFont\">${escapeXml(entity.name)}</text>`;\n        const attributes = entity.attributes.length ? entity.attributes : [{ type: '', name: 'No attributes', key: '' }];\n        attributes.forEach((attribute, row) => {\n            const y = entity.y + entity.headerHeight + row * entity.rowHeight;\n            content += `<line x1=\"${entity.x}\" y1=\"${y}\" x2=\"${entity.x + entity.width}\" y2=\"${y}\" stroke=\"${TK.frame}\" stroke-width=\"0.8\"/>`;\n            content += `<text x=\"${entity.x + 10}\" y=\"${y + 20}\" fill=\"${TK.text}\" font-size=\"11\" font-family=\"lixCode\">${escapeXml([attribute.type, attribute.name, attribute.key].filter(Boolean).join('  '))}</text>`;\n        });\n        content += '</g>';\n    }\n    return `<svg xmlns=\"${NS}\" width=\"600\" height=\"450\" viewBox=\"0 0 ${maxX} ${maxY}\">${content}</svg>`;\n}\n\n// ---------------------------------------------------------------------\n// Pie and XY charts\n// ---------------------------------------------------------------------\n\nfunction numberList(value) {\n    return value.replace(/^\\[|\\]$/g, '').split(',').map(item => Number(item.trim())).filter(Number.isFinite);\n}\n\nexport function parseChartDiagram(src) {\n    const lines = sourceLines(src);\n    const header = lines[0]?.toLowerCase() || '';\n    if (/^pie(?:\\s|$)/.test(header)) {\n        let title = lines[0].replace(/^pie(?:\\s+showData)?\\s*/i, '').replace(/^title\\s+/i, '').trim() || 'Pie chart';\n        const values = [];\n        for (let index = 1; index < lines.length; index++) {\n            const titleMatch = lines[index].match(/^title\\s+(.+)$/i);\n            if (titleMatch) { title = titleMatch[1]; continue; }\n            const item = lines[index].match(/^\"?(.+?)\"?\\s*:\\s*(-?\\d+(?:\\.\\d+)?)$/);\n            if (item) values.push({ label: item[1], value: Number(item[2]) });\n        }\n        return values.length ? { type: 'chart', kind: 'pie', title, categories: values.map(v => v.label), series: [{ name: title, values: values.map(v => v.value) }] } : null;\n    }\n    if (!/^xychart(?:-beta)?(?:\\s|$)/.test(header)) return null;\n    let title = 'Chart';\n    let categories = [];\n    const series = [];\n    for (let index = 1; index < lines.length; index++) {\n        const titleMatch = lines[index].match(/^title\\s+\"?(.+?)\"?$/i);\n        const axisMatch = lines[index].match(/^x-axis(?:\\s+\".*?\")?\\s+(\\[.+\\])/i);\n        const seriesMatch = lines[index].match(/^(bar|line)(?:\\s+\"?([^\"\\[]+)\"?)?\\s+(\\[.+\\])$/i);\n        if (titleMatch) title = titleMatch[1];\n        else if (axisMatch) categories = axisMatch[1].replace(/^\\[|\\]$/g, '').split(',').map(v => v.trim().replace(/^\"|\"$/g, ''));\n        else if (seriesMatch) series.push({ kind: seriesMatch[1].toLowerCase(), name: seriesMatch[2]?.trim() || seriesMatch[1], values: numberList(seriesMatch[3]) });\n    }\n    const maxItems = Math.max(0, ...series.map(item => item.values.length));\n    if (!categories.length) categories = Array.from({ length: maxItems }, (_, index) => String(index + 1));\n    return series.length ? { type: 'chart', kind: 'xy', title, categories, series } : null;\n}\n\nexport function renderChartPreviewSVG(chart) {\n    if (!chart?.series?.length) return '';\n    const TK = theme();\n    const width = 720;\n    const height = 450;\n    const left = 70;\n    const top = 60;\n    const plotWidth = 580;\n    const plotHeight = 300;\n    const values = chart.series.flatMap(series => series.values);\n    const maximum = Math.max(1, ...values.map(Math.abs));\n    const categoryCount = Math.max(1, chart.categories.length);\n    const slot = plotWidth / categoryCount;\n    let content = `<rect width=\"${width}\" height=\"${height}\" rx=\"10\" fill=\"${TK.bg}\"/><text x=\"${width / 2}\" y=\"32\" text-anchor=\"middle\" fill=\"${TK.text}\" font-size=\"18\" font-family=\"lixFont\">${escapeXml(chart.title)}</text>`;\n    content += `<line x1=\"${left}\" y1=\"${top}\" x2=\"${left}\" y2=\"${top + plotHeight}\" stroke=\"${TK.line}\"/><line x1=\"${left}\" y1=\"${top + plotHeight}\" x2=\"${left + plotWidth}\" y2=\"${top + plotHeight}\" stroke=\"${TK.line}\"/>`;\n\n    chart.categories.forEach((category, index) => {\n        content += `<text x=\"${left + slot * (index + .5)}\" y=\"${top + plotHeight + 24}\" text-anchor=\"middle\" fill=\"${TK.text}\" font-size=\"11\" font-family=\"lixFont\">${escapeXml(category)}</text>`;\n    });\n\n    chart.series.forEach((series, seriesIndex) => {\n        const color = PALETTE[seriesIndex % PALETTE.length];\n        if (series.kind === 'line') {\n            const points = series.values.map((value, index) => `${left + slot * (index + .5)},${top + plotHeight - Math.abs(value) / maximum * plotHeight}`).join(' ');\n            content += `<polyline points=\"${points}\" fill=\"none\" stroke=\"${color.stroke}\" stroke-width=\"3\"/>`;\n            series.values.forEach((value, index) => content += `<circle cx=\"${left + slot * (index + .5)}\" cy=\"${top + plotHeight - Math.abs(value) / maximum * plotHeight}\" r=\"5\" fill=\"${color.fill}\" stroke=\"${color.stroke}\" stroke-width=\"2\"/>`);\n        } else {\n            const barWidth = Math.max(12, slot * .7 / chart.series.length);\n            series.values.forEach((value, index) => {\n                const barHeight = Math.abs(value) / maximum * plotHeight;\n                const x = left + slot * index + slot * .15 + seriesIndex * barWidth;\n                content += `<rect x=\"${x}\" y=\"${top + plotHeight - barHeight}\" width=\"${barWidth}\" height=\"${barHeight}\" rx=\"4\" fill=\"${color.fill}\" stroke=\"${color.stroke}\" stroke-width=\"1.5\"/><text x=\"${x + barWidth / 2}\" y=\"${top + plotHeight - barHeight - 7}\" text-anchor=\"middle\" fill=\"${TK.text}\" font-size=\"10\" font-family=\"lixFont\">${value}</text>`;\n            });\n        }\n    });\n    return `<svg xmlns=\"${NS}\" width=\"600\" height=\"450\" viewBox=\"0 0 ${width} ${height}\">${content}</svg>`;\n}\n\n// ---------------------------------------------------------------------\n// Native canvas placement helpers\n// ---------------------------------------------------------------------\n\nfunction push(shape, frame) {\n    if (!shape) return null;\n    window.shapes.push(shape);\n    if (window.pushCreateAction) window.pushCreateAction(shape);\n    if (frame?.addShapeToFrame) frame.addShapeToFrame(shape);\n    return shape;\n}\n\nfunction canvasOrigin(width, height) {\n    const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };\n    return { x: vb.x + vb.width / 2 - width / 2, y: vb.y + vb.height / 2 - height / 2 };\n}\n\nfunction createFrame(x, y, width, height, name, type) {\n    const TK = theme();\n    const frame = new window.Frame(x - 45, y - 45, width + 90, height + 90, {\n        stroke: TK.frame, strokeWidth: 1, fill: 'transparent', opacity: .75, frameName: name,\n    });\n    frame._diagramType = type;\n    push(frame);\n    return frame;\n}\n\nexport function renderEROnCanvas(diagram) {\n    if (!diagram?.entities?.length || !window.Rectangle || !window.Arrow || !window.Frame) return false;\n    const TK = theme();\n    const entities = layoutER(diagram);\n    const width = Math.max(...entities.map(entity => entity.x + entity.width)) + 40;\n    const height = Math.max(...entities.map(entity => entity.y + entity.height)) + 40;\n    const origin = canvasOrigin(width, height);\n    const frame = createFrame(origin.x, origin.y, width, height, diagram.title, 'mermaid-er');\n    const entityShapes = new Map();\n    let first = null;\n\n    for (const entity of entities) {\n        const x = origin.x + entity.x;\n        const y = origin.y + entity.y;\n        const header = push(new window.Rectangle(x, y, entity.width, entity.headerHeight, {\n            stroke: entity.color.stroke, strokeWidth: 1.5, fill: entity.color.fill, fillStyle: 'solid', roughness: 1,\n            label: entity.name, labelColor: '#343832', labelFontSize: 15,\n        }), frame);\n        if (!first) first = header;\n        entityShapes.set(entity.name, { shape: header, x, y, width: entity.width, height: entity.headerHeight });\n        const attributes = entity.attributes.length ? entity.attributes : [{ type: '', name: 'No attributes', key: '' }];\n        attributes.forEach((attribute, row) => push(new window.Rectangle(\n            x, y + entity.headerHeight + row * entity.rowHeight, entity.width, entity.rowHeight,\n            { stroke: TK.frame, strokeWidth: 1, fill: TK.panel, fillStyle: 'solid', roughness: .4,\n                label: [attribute.type, attribute.name, attribute.key].filter(Boolean).join('  '), labelColor: TK.text, labelFontSize: 11 }\n        ), frame));\n    }\n\n    for (const relation of diagram.relationships) {\n        const from = entityShapes.get(relation.from);\n        const to = entityShapes.get(relation.to);\n        if (!from || !to) continue;\n        const start = { x: from.x + from.width / 2, y: from.y + from.height / 2 };\n        const end = { x: to.x + to.width / 2, y: to.y + to.height / 2 };\n        const arrow = push(new window.Arrow(start, end, {\n            stroke: TK.line, strokeWidth: 1.5, roughness: 1,\n            label: `${relation.fromCardinality} ${relation.label} ${relation.toCardinality}`, labelColor: TK.text,\n        }), frame);\n        if (arrow && window.__autoAttach) {\n            window.__autoAttach(arrow, from.shape, true, start);\n            window.__autoAttach(arrow, to.shape, false, end);\n        }\n    }\n    if (first?.selectShape) { window.currentShape = first; first.selectShape(); }\n    return true;\n}\n\nexport function renderChartOnCanvas(chart) {\n    if (!chart?.series?.length || !window.Rectangle || !window.Circle || !window.Line || !window.Frame) return false;\n    const TK = theme();\n    const width = 720;\n    const height = 450;\n    const origin = canvasOrigin(width, height);\n    const frame = createFrame(origin.x, origin.y, width, height, chart.title, 'mermaid-chart');\n    const left = origin.x + 70;\n    const top = origin.y + 65;\n    const plotWidth = 580;\n    const plotHeight = 300;\n    const values = chart.series.flatMap(series => series.values);\n    const maximum = Math.max(1, ...values.map(Math.abs));\n    const slot = plotWidth / Math.max(1, chart.categories.length);\n    let first = null;\n\n    push(new window.Line({ x: left, y: top }, { x: left, y: top + plotHeight }, { stroke: TK.line, strokeWidth: 1.5, roughness: 0 }), frame);\n    push(new window.Line({ x: left, y: top + plotHeight }, { x: left + plotWidth, y: top + plotHeight }, { stroke: TK.line, strokeWidth: 1.5, roughness: 0 }), frame);\n\n    chart.series.forEach((series, seriesIndex) => {\n        const color = PALETTE[seriesIndex % PALETTE.length];\n        if (series.kind === 'line') {\n            let previous = null;\n            series.values.forEach((value, index) => {\n                const point = { x: left + slot * (index + .5), y: top + plotHeight - Math.abs(value) / maximum * plotHeight };\n                const dot = push(new window.Circle(point.x, point.y, 8, 8, {\n                    stroke: color.stroke, strokeWidth: 2, fill: color.fill, fillStyle: 'solid', roughness: .5,\n                    label: String(value), labelColor: TK.text, labelFontSize: 9,\n                }), frame);\n                if (!first) first = dot;\n                if (previous) push(new window.Line(previous, point, { stroke: color.stroke, strokeWidth: 3, roughness: .5 }), frame);\n                previous = point;\n            });\n        } else {\n            const barWidth = Math.max(18, slot * .7 / chart.series.length);\n            series.values.forEach((value, index) => {\n                const barHeight = Math.max(8, Math.abs(value) / maximum * plotHeight);\n                const x = left + slot * index + slot * .15 + seriesIndex * barWidth;\n                const bar = push(new window.Rectangle(x, top + plotHeight - barHeight, barWidth, barHeight, {\n                    stroke: color.stroke, strokeWidth: 1.5, fill: color.fill, fillStyle: 'solid', roughness: .7,\n                    label: `${chart.categories[index] || index + 1}\\n${value}`, labelColor: '#343832', labelFontSize: 11,\n                }), frame);\n                if (!first) first = bar;\n            });\n        }\n    });\n    if (first?.selectShape) { window.currentShape = first; first.selectShape(); }\n    return true;\n}\n"],
+  "mappings": "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",
+  "names": ["title"]
+}

package/dist/react/{SceneSerializer-4U4B24JM.js → SceneSerializer-ZPHV6IUP.js}

@@ -30,7 +30,7 @@ import "./chunk-BZE4CEBG.js";
 import "./chunk-L5OARZJ7.js";
 import {
   TextShape
-} from "./chunk-QXFBG7OM.js";
+} from "./chunk-42O6W7DF.js";
 
 // src/core/SceneSerializer.js
 var FORMAT_VERSION = 1;
@@ -736,4 +736,4 @@ export {
   uploadScene,
   validateScene
 };
-//# sourceMappingURL=SceneSerializer-4U4B24JM.js.map
+//# sourceMappingURL=SceneSerializer-ZPHV6IUP.js.map

package/dist/react/{SketchEngine-XWWTA2MT.js → SketchEngine-NPF2XN6Z.js}

@@ -165,7 +165,7 @@ var SketchEngine = class {
         import("./Circle-KPG7TKIX.js"),
         import("./Arrow-BJDAXPMH.js"),
         import("./Line-2KOQEEGA.js"),
-        import("./TextShape-54ZJ66E3.js"),
+        import("./TextShape-U6ZZKB35.js"),
         import("./CodeShape-K4DIZAIV.js"),
         import("./ImageShape-CHHGBXUQ.js"),
         import("./IconShape-KMIA6T2H.js"),
@@ -210,7 +210,7 @@ var SketchEngine = class {
         import("./circleTool-NUATSEI2.js"),
         import("./arrowTool-CWEMIRXK.js"),
         import("./lineTool-WNI5EMZ5.js"),
-        import("./textTool-KY4AYUTC.js"),
+        import("./textTool-HY5NMM7H.js"),
         import("./codeTool-MHCB2FNB.js"),
         import("./imageTool-D5R4XGEU.js"),
         import("./iconTool-GPZ7O7NH.js"),
@@ -239,11 +239,11 @@ var SketchEngine = class {
         resizeShapes,
         resizeCode
       ] = await Promise.all([
-        import("./EventDispatcher-AD2BPPPS.js"),
+        import("./EventDispatcher-BZQRHROG.js"),
         import("./UndoRedo-M2JZUBKN.js"),
         import("./Selection-VVUHY5YJ.js"),
         import("./ZoomPan-NYPDJBD5.js"),
-        import("./CopyPaste-4CKJRHJ3.js"),
+        import("./CopyPaste-SA72NDFN.js"),
         import("./EraserTrail-PA6IQLQN.js"),
         import("./ResizeShapes-LKEQTITP.js"),
         import("./ResizeCode-WAMDTKSW.js")
@@ -262,7 +262,7 @@ var SketchEngine = class {
         eventDispatcher.initEventDispatcher(this.svg);
       }
       window.__sketchInteractionReady = true;
-      const sceneSerializer = await import("./SceneSerializer-4U4B24JM.js");
+      const sceneSerializer = await import("./SceneSerializer-ZPHV6IUP.js");
       if (sceneSerializer.initSceneSerializer) sceneSerializer.initSceneSerializer();
       await Promise.all([
         import("./eraserTool-2GS2LQCS.js"),
@@ -275,7 +275,7 @@ var SketchEngine = class {
       if (selection.multiSelection) window.multiSelection = selection.multiSelection;
       if (selection.clearAllSelections) window.clearAllSelections = selection.clearAllSelections;
       if (copyPaste.initCopyPaste) copyPaste.initCopyPaste();
-      const aiRenderer = await import("./AIRenderer-46WIFF2B.js");
+      const aiRenderer = await import("./AIRenderer-PWWLWI6U.js");
       if (aiRenderer.initAIRenderer) aiRenderer.initAIRenderer();
       const graphEngine = await import("./GraphEngine-IHRVGUGG.js");
       if (graphEngine.initGraphEngine) graphEngine.initGraphEngine();
@@ -414,4 +414,4 @@ export {
   SketchEngine,
   SketchEngine_default as default
 };
-//# sourceMappingURL=SketchEngine-XWWTA2MT.js.map
+//# sourceMappingURL=SketchEngine-NPF2XN6Z.js.map

package/dist/react/TextShape-U6ZZKB35.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  TextShape
+} from "./chunk-42O6W7DF.js";
+export {
+  TextShape
+};
+//# sourceMappingURL=TextShape-U6ZZKB35.js.map

package/dist/react/{chunk-QXFBG7OM.js → chunk-42O6W7DF.js}

@@ -27,9 +27,26 @@ function deselectElement() {
 function selectElement(el) {
   selectedElement = el;
 }
+function removeLegacySoftWrap(groupElement) {
+  const textElement = groupElement.querySelector("text");
+  if (!textElement || !textElement.hasAttribute("data-wrap-width")) return;
+  const source = textElement.getAttribute("data-wrap-source");
+  if (source === null) return;
+  while (textElement.firstChild) textElement.removeChild(textElement.firstChild);
+  const x = textElement.getAttribute("x") || 0;
+  source.split("\n").forEach((line, index) => {
+    const tspan = textElement.ownerDocument.createElementNS("http://www.w3.org/2000/svg", "tspan");
+    tspan.setAttribute("x", x);
+    tspan.setAttribute("dy", index === 0 ? "0" : "1.2em");
+    tspan.textContent = line || " ";
+    textElement.appendChild(tspan);
+  });
+  textElement.removeAttribute("data-wrap-width");
+}
 var TextShape = class {
   constructor(groupElement) {
     this.group = groupElement;
+    removeLegacySoftWrap(groupElement);
     this.shapeName = "text";
     this.shapeID = groupElement.getAttribute("id") || `text-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 1e4)}`;
     this.parentFrame = null;
@@ -188,4 +205,4 @@ var TextShape = class {
 export {
   TextShape
 };
-//# sourceMappingURL=chunk-QXFBG7OM.js.map
+//# sourceMappingURL=chunk-42O6W7DF.js.map

package/dist/react/chunk-42O6W7DF.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shapes/TextShape.js"],
+  "sourcesContent": ["/* eslint-disable */\n// TextShape class - extracted from writeText.js\n// Depends on globals: svg, shapes, currentShape\n\nfunction extractRotationFromTransform(el) {\n    const t = el.getAttribute(\"transform\") || \"\";\n    const m = t.match(/rotate\\(([^,)]+)/);\n    return m ? parseFloat(m[1]) : 0;\n}\nfunction updateAttachedArrows(wrapper) {\n    if (!wrapper || typeof shapes === \"undefined\") return;\n    shapes.forEach(s => {\n        if (s && s.shapeName === \"arrow\" && typeof s.updateAttachments === \"function\") {\n            if ((s.attachedToStart && s.attachedToStart.shape === wrapper) ||\n                (s.attachedToEnd && s.attachedToEnd.shape === wrapper)) {\n                s.updateAttachments();\n            }\n        }\n    });\n}\nlet isDragging = false;\nlet hoveredFrameText = null;\nlet selectedElement = null;\nfunction updateSelectionFeedback() {}\nfunction deselectElement() { selectedElement = null; }\nfunction selectElement(el) { selectedElement = el; }\n\nfunction removeLegacySoftWrap(groupElement) {\n    const textElement = groupElement.querySelector('text');\n    if (!textElement || !textElement.hasAttribute('data-wrap-width')) return;\n    const source = textElement.getAttribute('data-wrap-source');\n    if (source === null) return;\n\n    while (textElement.firstChild) textElement.removeChild(textElement.firstChild);\n    const x = textElement.getAttribute('x') || 0;\n    source.split('\\n').forEach((line, index) => {\n        const tspan = textElement.ownerDocument.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    textElement.removeAttribute('data-wrap-width');\n}\n\nclass TextShape {\n    constructor(groupElement) {\n        this.group = groupElement;\n        removeLegacySoftWrap(groupElement);\n        this.shapeName = 'text';\n        this.shapeID = groupElement.getAttribute('id') || `text-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n        \n        // Frame attachment properties\n        this.parentFrame = null;\n        \n        // Update group attributes \u2014 ensure data-type is set for textTool interaction\n        this.group.setAttribute('type', 'text');\n        this.group.setAttribute('data-type', 'text-group');\n        this.group.shapeName = 'text';\n        this.group.shapeID = this.shapeID;\n    }\n    \n    // Position and dimension properties for frame compatibility\n    get x() {\n        const transform = this.group.transform.baseVal.consolidate();\n        return transform ? transform.matrix.e : parseFloat(this.group.getAttribute('data-x')) || 0;\n    }\n    \n    set x(value) {\n        const transform = this.group.transform.baseVal.consolidate();\n        const currentY = transform ? transform.matrix.f : parseFloat(this.group.getAttribute('data-y')) || 0;\n        const rotation = extractRotationFromTransform(this.group) || 0;\n        const textElement = this.group.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            this.group.setAttribute('transform', `translate(${value}, ${currentY}) rotate(${rotation}, ${centerX}, ${centerY})`);\n        } else {\n            this.group.setAttribute('transform', `translate(${value}, ${currentY})`);\n        }\n        this.group.setAttribute('data-x', value);\n    }\n    \n    get y() {\n        const transform = this.group.transform.baseVal.consolidate();\n        return transform ? transform.matrix.f : parseFloat(this.group.getAttribute('data-y')) || 0;\n    }\n    \n    set y(value) {\n        const transform = this.group.transform.baseVal.consolidate();\n        const currentX = transform ? transform.matrix.e : parseFloat(this.group.getAttribute('data-x')) || 0;\n        const rotation = extractRotationFromTransform(this.group) || 0;\n        const textElement = this.group.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            this.group.setAttribute('transform', `translate(${currentX}, ${value}) rotate(${rotation}, ${centerX}, ${centerY})`);\n        } else {\n            this.group.setAttribute('transform', `translate(${currentX}, ${value})`);\n        }\n        this.group.setAttribute('data-y', value);\n    }\n    \n    get width() {\n        const textElement = this.group.querySelector('text');\n        if (textElement) {\n            return textElement.getBBox().width;\n        }\n        return 0;\n    }\n    \n    set width(value) {\n        // Text width is determined by content and font size, not directly settable\n        // This is here for frame compatibility but doesn't change the text\n    }\n    \n    get height() {\n        const textElement = this.group.querySelector('text');\n        if (textElement) {\n            return textElement.getBBox().height;\n        }\n        return 0;\n    }\n    \n    set height(value) {\n        // Text height is determined by content and font size, not directly settable\n        // This is here for frame compatibility but doesn't change the text\n    }\n    \n    get rotation() {\n        return extractRotationFromTransform(this.group) || 0;\n    }\n    \n    set rotation(value) {\n        const currentTransform = this.group.transform.baseVal.consolidate();\n        const currentX = currentTransform ? currentTransform.matrix.e : 0;\n        const currentY = currentTransform ? currentTransform.matrix.f : 0;\n        const textElement = this.group.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            this.group.setAttribute('transform', `translate(${currentX}, ${currentY}) rotate(${value}, ${centerX}, ${centerY})`);\n        }\n    }\n\n    move(dx, dy) {\n        const currentTransform = this.group.transform.baseVal.consolidate();\n        const currentX = currentTransform ? currentTransform.matrix.e : 0;\n        const currentY = currentTransform ? currentTransform.matrix.f : 0;\n\n        this.x = currentX + dx;\n        this.y = currentY + dy;\n\n        // Only update frame containment if we're actively dragging the shape itself\n        // and not being moved by a parent frame\n        if (isDragging && !this.isBeingMovedByFrame) {\n            this.updateFrameContainment();\n        }\n\n        this.updateAttachedArrows();\n    }\n\n    updateAttachedArrows() {\n        updateAttachedArrows(this);\n    }\n\n    updateFrameContainment() {\n        // Don't update if we're being moved by a frame\n        if (this.isBeingMovedByFrame) return;\n        \n        let targetFrame = null;\n        \n        // Find which frame this shape is over\n        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 we have a parent frame and we're being dragged, temporarily remove clipping\n        if (this.parentFrame && isDragging) {\n            this.parentFrame.temporarilyRemoveFromFrame(this);\n        }\n        \n        // Update frame highlighting\n        if (hoveredFrameText && hoveredFrameText !== targetFrame) {\n            hoveredFrameText.removeHighlight();\n        }\n        \n        if (targetFrame && targetFrame !== hoveredFrameText) {\n            targetFrame.highlightFrame();\n        }\n        \n        hoveredFrameText = targetFrame;\n    }\n\n    contains(x, y) {\n        const textElement = this.group.querySelector('text');\n        if (!textElement || typeof textElement.getBBox !== 'function') return false;\n\n        let bbox;\n        try { bbox = textElement.getBBox(); } catch { return false; }\n        const padding = 8; // Selection padding\n\n        const CTM = this.group.getCTM();\n        if (!CTM) return false;\n        \n        const inverseCTM = CTM.inverse();\n        const svgPoint = svg.createSVGPoint();\n        svgPoint.x = x;\n        svgPoint.y = y;\n        const transformedPoint = svgPoint.matrixTransform(inverseCTM);\n        \n        return transformedPoint.x >= bbox.x - padding && \n               transformedPoint.x <= bbox.x + bbox.width + padding &&\n               transformedPoint.y >= bbox.y - padding && \n               transformedPoint.y <= bbox.y + bbox.height + padding;\n    }\n\n    // Add draw method for consistency with other shapes\n    draw() {\n        // Text doesn't need redrawing like other shapes, but we need this method for consistency\n        if (selectedElement === this.group) {\n            updateSelectionFeedback();\n        }\n    }\n\n    // Add methods for frame compatibility\n    removeSelection() {\n        if (selectedElement === this.group) {\n            deselectElement();\n        }\n    }\n\n    selectShape() {\n        // Use the real textTool selectElement (with selection feedback) if available\n        if (typeof window !== 'undefined' && window.__selectTextElement) {\n            window.__selectTextElement(this.group);\n        } else {\n            selectElement(this.group);\n        }\n    }\n}\n\nexport { TextShape };\n"],
+  "mappings": "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",
+  "names": []
+}