@linkiez/dxf-renew 5.3.1

package/lib/dimensionToSVG.cjs

@@ -0,0 +1,307 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dimensionToSVG_exports = {};
+__export(dimensionToSVG_exports, {
+  createArrowMarker: () => createArrowMarker,
+  default: () => dimensionToSVG
+});
+module.exports = __toCommonJS(dimensionToSVG_exports);
+var import_vecks = require("vecks");
+var import_colors = __toESM(require("./util/colors"), 1);
+function colorNumberToSVG(colorNumber) {
+  if (colorNumber === void 0 || colorNumber < 0) {
+    return "currentColor";
+  }
+  if (colorNumber === 0 || colorNumber === 256) {
+    return "currentColor";
+  }
+  const rgb = import_colors.default[colorNumber];
+  if (!rgb) {
+    return "currentColor";
+  }
+  return `rgb(${rgb[0]},${rgb[1]},${rgb[2]})`;
+}
+function getDimensionColors(dimStyle) {
+  return {
+    dimLineColor: colorNumberToSVG(dimStyle?.dimClrd),
+    extLineColor: colorNumberToSVG(dimStyle?.dimClre),
+    textColor: colorNumberToSVG(dimStyle?.dimClrt),
+    dimLineWeight: dimStyle?.dimLwd ?? 0.5,
+    extLineWeight: dimStyle?.dimLwe ?? 0.5
+  };
+}
+function dimensionToSVG(entity, dimStyle) {
+  switch (entity.dimensionType) {
+    case 0:
+    // Rotated, horizontal, or vertical
+    case 1:
+      return renderLinearDimension(entity, dimStyle);
+    case 2:
+      return renderAngularDimension(entity, dimStyle);
+    case 3:
+      return renderDiameterDimension(entity, dimStyle);
+    case 4:
+      return renderRadialDimension(entity, dimStyle);
+    case 6:
+      return renderOrdinateDimension(entity, dimStyle);
+    default:
+      return renderFallbackDimension(entity);
+  }
+}
+function createArrowMarker(id, size, color) {
+  const arrowPath = `M 0 0 L ${size} ${size / 2} L 0 ${size} z`;
+  return `<marker id="${id}" markerWidth="${size}" markerHeight="${size}" refX="${size}" refY="${size / 2}" orient="auto" markerUnits="strokeWidth">
+    <path d="${arrowPath}" fill="${color}" />
+  </marker>`;
+}
+function renderLinearDimension(entity, dimStyle) {
+  const bbox = new import_vecks.Box2();
+  const elements = [];
+  const markers = [];
+  const arrowSize = dimStyle?.dimAsz ?? 2.5;
+  const textHeight = dimStyle?.dimTxt ?? 2.5;
+  const extLineOffset = dimStyle?.dimExo ?? 0.625;
+  const extLineExtension = dimStyle?.dimExe ?? 1.25;
+  const { dimLineColor, extLineColor, textColor, dimLineWeight, extLineWeight } = getDimensionColors(dimStyle);
+  const defPoint1X = entity.measureStart?.x ?? 0;
+  const defPoint1Y = entity.measureStart?.y ?? 0;
+  const defPoint2X = entity.measureEnd?.x ?? 0;
+  const defPoint2Y = entity.measureEnd?.y ?? 0;
+  const dimLineY = entity.start?.y ?? 0;
+  const textX = entity.textMidpoint?.x ?? (defPoint1X + defPoint2X) / 2;
+  const textY = entity.textMidpoint?.y ?? (defPoint1Y + defPoint2Y) / 2;
+  const angle = Math.atan2(defPoint2Y - defPoint1Y, defPoint2X - defPoint1X);
+  const perpAngle = angle + Math.PI / 2;
+  const dimLine1X = defPoint1X + Math.cos(perpAngle) * (dimLineY - defPoint1Y);
+  const dimLine1Y = defPoint1Y + Math.sin(perpAngle) * (dimLineY - defPoint1Y);
+  const dimLine2X = defPoint2X + Math.cos(perpAngle) * (dimLineY - defPoint2Y);
+  const dimLine2Y = defPoint2Y + Math.sin(perpAngle) * (dimLineY - defPoint2Y);
+  bbox.expandByPoint({ x: defPoint1X, y: defPoint1Y });
+  bbox.expandByPoint({ x: defPoint2X, y: defPoint2Y });
+  bbox.expandByPoint({ x: dimLine1X, y: dimLine1Y });
+  bbox.expandByPoint({ x: dimLine2X, y: dimLine2Y });
+  bbox.expandByPoint({ x: textX, y: textY });
+  const markerId1 = `dim-arrow-start-${Date.now()}`;
+  const markerId2 = `dim-arrow-end-${Date.now()}`;
+  markers.push(
+    createArrowMarker(markerId1, arrowSize, dimLineColor),
+    createArrowMarker(markerId2, arrowSize, dimLineColor)
+  );
+  const extLine1StartX = defPoint1X + Math.cos(perpAngle) * extLineOffset;
+  const extLine1StartY = defPoint1Y + Math.sin(perpAngle) * extLineOffset;
+  const extLine1EndX = dimLine1X + Math.cos(perpAngle) * extLineExtension;
+  const extLine1EndY = dimLine1Y + Math.sin(perpAngle) * extLineExtension;
+  const extLine2StartX = defPoint2X + Math.cos(perpAngle) * extLineOffset;
+  const extLine2StartY = defPoint2Y + Math.sin(perpAngle) * extLineOffset;
+  const extLine2EndX = dimLine2X + Math.cos(perpAngle) * extLineExtension;
+  const extLine2EndY = dimLine2Y + Math.sin(perpAngle) * extLineExtension;
+  elements.push(
+    `<line x1="${extLine1StartX}" y1="${extLine1StartY}" x2="${extLine1EndX}" y2="${extLine1EndY}" stroke="${extLineColor}" stroke-width="${extLineWeight}" />`,
+    `<line x1="${extLine2StartX}" y1="${extLine2StartY}" x2="${extLine2EndX}" y2="${extLine2EndY}" stroke="${extLineColor}" stroke-width="${extLineWeight}" />`,
+    `<line x1="${dimLine1X}" y1="${dimLine1Y}" x2="${dimLine2X}" y2="${dimLine2Y}" stroke="${dimLineColor}" stroke-width="${dimLineWeight}" marker-start="url(#${markerId1})" marker-end="url(#${markerId2})" />`
+  );
+  if (entity.text) {
+    const textRotation = angle * 180 / Math.PI;
+    elements.push(
+      `<text x="${textX}" y="${textY}" font-size="${textHeight}" fill="${textColor}" text-anchor="middle" transform="rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})">${entity.text}</text>`
+    );
+  }
+  return {
+    bbox,
+    element: `<defs>${markers.join("")}</defs><g>${elements.join("")}</g>`
+  };
+}
+function renderAngularDimension(entity, dimStyle) {
+  const bbox = new import_vecks.Box2();
+  const elements = [];
+  const markers = [];
+  const arrowSize = dimStyle?.dimAsz ?? 2.5;
+  const textHeight = dimStyle?.dimTxt ?? 2.5;
+  const { dimLineColor, extLineColor, textColor, dimLineWeight, extLineWeight } = getDimensionColors(dimStyle);
+  const centerX = entity.start?.x ?? 0;
+  const centerY = entity.start?.y ?? 0;
+  const x1 = entity.measureStart?.x ?? 0;
+  const y1 = entity.measureStart?.y ?? 0;
+  const x2 = entity.measureEnd?.x ?? 0;
+  const y2 = entity.measureEnd?.y ?? 0;
+  const textX = entity.textMidpoint?.x ?? centerX;
+  const textY = entity.textMidpoint?.y ?? centerY;
+  bbox.expandByPoint({ x: centerX, y: centerY });
+  bbox.expandByPoint({ x: x1, y: y1 });
+  bbox.expandByPoint({ x: x2, y: y2 });
+  bbox.expandByPoint({ x: textX, y: textY });
+  const markerId1 = `dim-angular-arrow-start-${Date.now()}`;
+  const markerId2 = `dim-angular-arrow-end-${Date.now()}`;
+  markers.push(
+    createArrowMarker(markerId1, arrowSize, dimLineColor),
+    createArrowMarker(markerId2, arrowSize, dimLineColor)
+  );
+  elements.push(
+    `<line x1="${centerX}" y1="${centerY}" x2="${x1}" y2="${y1}" stroke="${extLineColor}" stroke-width="${extLineWeight}" />`,
+    `<line x1="${centerX}" y1="${centerY}" x2="${x2}" y2="${y2}" stroke="${extLineColor}" stroke-width="${extLineWeight}" />`
+  );
+  const radius = Math.hypot(textX - centerX, textY - centerY);
+  const startAngle = Math.atan2(y1 - centerY, x1 - centerX);
+  const endAngle = Math.atan2(y2 - centerY, x2 - centerX);
+  const largeArcFlag = Math.abs(endAngle - startAngle) > Math.PI ? 1 : 0;
+  const arcStartX = centerX + radius * Math.cos(startAngle);
+  const arcStartY = centerY + radius * Math.sin(startAngle);
+  const arcEndX = centerX + radius * Math.cos(endAngle);
+  const arcEndY = centerY + radius * Math.sin(endAngle);
+  elements.push(
+    `<path d="M ${arcStartX} ${arcStartY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${arcEndX} ${arcEndY}" fill="none" stroke="${dimLineColor}" stroke-width="${dimLineWeight}" marker-start="url(#${markerId1})" marker-end="url(#${markerId2})" />`
+  );
+  if (entity.text) {
+    const midAngle = (startAngle + endAngle) / 2;
+    const textRotation = midAngle * 180 / Math.PI;
+    elements.push(
+      `<text x="${textX}" y="${textY}" font-size="${textHeight}" fill="${textColor}" text-anchor="middle" transform="rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})">${entity.text}</text>`
+    );
+  }
+  return {
+    bbox,
+    element: `<defs>${markers.join("")}</defs><g>${elements.join("")}</g>`
+  };
+}
+function renderDiameterDimension(entity, dimStyle) {
+  const bbox = new import_vecks.Box2();
+  const elements = [];
+  const markers = [];
+  const arrowSize = dimStyle?.dimAsz ?? 2.5;
+  const textHeight = dimStyle?.dimTxt ?? 2.5;
+  const { dimLineColor, textColor, dimLineWeight } = getDimensionColors(dimStyle);
+  const x1 = entity.measureStart?.x ?? 0;
+  const y1 = entity.measureStart?.y ?? 0;
+  const x2 = entity.measureEnd?.x ?? 0;
+  const y2 = entity.measureEnd?.y ?? 0;
+  const textX = entity.textMidpoint?.x ?? (x1 + x2) / 2;
+  const textY = entity.textMidpoint?.y ?? (y1 + y2) / 2;
+  bbox.expandByPoint({ x: x1, y: y1 });
+  bbox.expandByPoint({ x: x2, y: y2 });
+  bbox.expandByPoint({ x: textX, y: textY });
+  const markerId = `dim-diameter-arrow-${Date.now()}`;
+  markers.push(createArrowMarker(markerId, arrowSize, dimLineColor));
+  elements.push(
+    `<line x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}" stroke="${dimLineColor}" stroke-width="${dimLineWeight}" marker-end="url(#${markerId})" />`
+  );
+  const diameterText = entity.text ? `\u2300${entity.text}` : "\u2300";
+  const angle = Math.atan2(y2 - y1, x2 - x1);
+  const textRotation = angle * 180 / Math.PI;
+  elements.push(
+    `<text x="${textX}" y="${textY}" font-size="${textHeight}" fill="${textColor}" text-anchor="middle" transform="rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})">${diameterText}</text>`
+  );
+  return {
+    bbox,
+    element: `<defs>${markers.join("")}</defs><g>${elements.join("")}</g>`
+  };
+}
+function renderRadialDimension(entity, dimStyle) {
+  const bbox = new import_vecks.Box2();
+  const elements = [];
+  const markers = [];
+  const arrowSize = dimStyle?.dimAsz ?? 2.5;
+  const textHeight = dimStyle?.dimTxt ?? 2.5;
+  const { dimLineColor, textColor, dimLineWeight } = getDimensionColors(dimStyle);
+  const x1 = entity.measureStart?.x ?? 0;
+  const y1 = entity.measureStart?.y ?? 0;
+  const x2 = entity.measureEnd?.x ?? 0;
+  const y2 = entity.measureEnd?.y ?? 0;
+  const textX = entity.textMidpoint?.x ?? (x1 + x2) / 2;
+  const textY = entity.textMidpoint?.y ?? (y1 + y2) / 2;
+  bbox.expandByPoint({ x: x1, y: y1 });
+  bbox.expandByPoint({ x: x2, y: y2 });
+  bbox.expandByPoint({ x: textX, y: textY });
+  const markerId = `dim-radius-arrow-${Date.now()}`;
+  markers.push(createArrowMarker(markerId, arrowSize, dimLineColor));
+  elements.push(
+    `<line x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}" stroke="${dimLineColor}" stroke-width="${dimLineWeight}" marker-end="url(#${markerId})" />`
+  );
+  const radiusText = entity.text ? `R${entity.text}` : "R";
+  const angle = Math.atan2(y2 - y1, x2 - x1);
+  const textRotation = angle * 180 / Math.PI;
+  elements.push(
+    `<text x="${textX}" y="${textY}" font-size="${textHeight}" fill="${textColor}" text-anchor="middle" transform="rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})">${radiusText}</text>`
+  );
+  return {
+    bbox,
+    element: `<defs>${markers.join("")}</defs><g>${elements.join("")}</g>`
+  };
+}
+function renderOrdinateDimension(entity, dimStyle) {
+  const bbox = new import_vecks.Box2();
+  const elements = [];
+  const textHeight = dimStyle?.dimTxt ?? 2.5;
+  const { dimLineColor, textColor, dimLineWeight } = getDimensionColors(dimStyle);
+  const x1 = entity.measureStart?.x ?? 0;
+  const y1 = entity.measureStart?.y ?? 0;
+  const x2 = entity.start?.x ?? 0;
+  const y2 = entity.start?.y ?? 0;
+  const textX = entity.textMidpoint?.x ?? x2;
+  const textY = entity.textMidpoint?.y ?? y2;
+  bbox.expandByPoint({ x: x1, y: y1 });
+  bbox.expandByPoint({ x: x2, y: y2 });
+  bbox.expandByPoint({ x: textX, y: textY });
+  elements.push(
+    `<line x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}" stroke="${dimLineColor}" stroke-width="${dimLineWeight}" />`
+  );
+  if (entity.text) {
+    const angle = Math.atan2(y2 - y1, x2 - x1);
+    const textRotation = angle * 180 / Math.PI;
+    elements.push(
+      `<text x="${textX}" y="${textY}" font-size="${textHeight}" fill="${textColor}" text-anchor="middle" transform="rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})">${entity.text}</text>`
+    );
+  }
+  return {
+    bbox,
+    element: `<g>${elements.join("")}</g>`
+  };
+}
+function renderFallbackDimension(entity) {
+  const bbox = new import_vecks.Box2();
+  const elements = [];
+  if (entity.textMidpoint) {
+    const textX = entity.textMidpoint.x ?? 0;
+    const textY = entity.textMidpoint.y ?? 0;
+    bbox.expandByPoint({ x: textX, y: textY });
+    if (entity.text) {
+      elements.push(
+        `<text x="${textX}" y="${textY}" font-size="2.5" text-anchor="middle" transform="scale(1,-1) translate(0 ${-2 * textY})">${entity.text}</text>`
+      );
+    }
+  }
+  return {
+    bbox,
+    element: `<g>${elements.join("")}</g>`
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createArrowMarker
+});
+//# sourceMappingURL=dimensionToSVG.cjs.map

package/lib/dimensionToSVG.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/dimensionToSVG.ts"],
+  "sourcesContent": ["import { Box2 } from 'vecks'\n\nimport colors from './util/colors'\n\nimport type { DimensionEntity } from './types'\nimport type { DimStyleTable } from './types/dxf'\nimport type { BoundsAndElement } from './types/svg'\n\n/**\n * Convert DXF color number to SVG color string\n */\nfunction colorNumberToSVG(colorNumber?: number): string {\n  if (colorNumber === undefined || colorNumber < 0) {\n    return 'currentColor'\n  }\n\n  // DXF color 0 is ByBlock, 256 is ByLayer, 7 is white/black (depends on bg)\n  if (colorNumber === 0 || colorNumber === 256) {\n    return 'currentColor'\n  }\n\n  // Get RGB from color table\n  const rgb = colors[colorNumber]\n  if (!rgb) {\n    return 'currentColor'\n  }\n\n  return `rgb(${rgb[0]},${rgb[1]},${rgb[2]})`\n}\n\n/**\n * Get dimension colors and weights from DIMSTYLE with defaults\n */\nfunction getDimensionColors(dimStyle?: DimStyleTable): {\n  dimLineColor: string\n  extLineColor: string\n  textColor: string\n  dimLineWeight: number\n  extLineWeight: number\n} {\n  return {\n    dimLineColor: colorNumberToSVG(dimStyle?.dimClrd),\n    extLineColor: colorNumberToSVG(dimStyle?.dimClre),\n    textColor: colorNumberToSVG(dimStyle?.dimClrt),\n    dimLineWeight: dimStyle?.dimLwd ?? 0.5,\n    extLineWeight: dimStyle?.dimLwe ?? 0.5,\n  }\n}\n\n/**\n * Render DIMENSION entity to SVG with proper DIMSTYLE support\n */\nexport default function dimensionToSVG(\n  entity: DimensionEntity,\n  dimStyle?: DimStyleTable,\n): BoundsAndElement {\n  // Dispatch to appropriate renderer based on dimension type\n  switch (entity.dimensionType) {\n    case 0: // Rotated, horizontal, or vertical\n    case 1: // Aligned\n      return renderLinearDimension(entity, dimStyle)\n    case 2: // Angular\n      return renderAngularDimension(entity, dimStyle)\n    case 3: // Diameter\n      return renderDiameterDimension(entity, dimStyle)\n    case 4: // Radius\n      return renderRadialDimension(entity, dimStyle)\n    case 6: // Ordinate\n      return renderOrdinateDimension(entity, dimStyle)\n    default:\n      // Fallback to simple line rendering\n      return renderFallbackDimension(entity)\n  }\n}\n\n/**\n * Create SVG marker definition for dimension arrows\n */\nexport function createArrowMarker(\n  id: string,\n  size: number,\n  color: string,\n): string {\n  const arrowPath = `M 0 0 L ${size} ${size / 2} L 0 ${size} z`\n  return `<marker id=\"${id}\" markerWidth=\"${size}\" markerHeight=\"${size}\" refX=\"${size}\" refY=\"${size / 2}\" orient=\"auto\" markerUnits=\"strokeWidth\">\n    <path d=\"${arrowPath}\" fill=\"${color}\" />\n  </marker>`\n}\n\n/**\n * Render linear dimension (rotated, horizontal, vertical, or aligned)\n */\nfunction renderLinearDimension(\n  entity: DimensionEntity,\n  dimStyle?: DimStyleTable,\n): BoundsAndElement {\n  const bbox = new Box2()\n  const elements: string[] = []\n  const markers: string[] = []\n\n  // Get dimension style properties with defaults\n  const arrowSize = dimStyle?.dimAsz ?? 2.5\n  const textHeight = dimStyle?.dimTxt ?? 2.5\n  const extLineOffset = dimStyle?.dimExo ?? 0.625\n  const extLineExtension = dimStyle?.dimExe ?? 1.25\n  const { dimLineColor, extLineColor, textColor, dimLineWeight, extLineWeight } = getDimensionColors(dimStyle)\n\n  // Extract dimension geometry\n  const defPoint1X = entity.measureStart?.x ?? 0\n  const defPoint1Y = entity.measureStart?.y ?? 0\n  const defPoint2X = entity.measureEnd?.x ?? 0\n  const defPoint2Y = entity.measureEnd?.y ?? 0\n  const dimLineY = entity.start?.y ?? 0\n  const textX = entity.textMidpoint?.x ?? (defPoint1X + defPoint2X) / 2\n  const textY = entity.textMidpoint?.y ?? (defPoint1Y + defPoint2Y) / 2\n\n  // Calculate dimension line angle\n  const angle = Math.atan2(defPoint2Y - defPoint1Y, defPoint2X - defPoint1X)\n  const perpAngle = angle + Math.PI / 2\n\n  // Calculate dimension line endpoints\n  const dimLine1X = defPoint1X + Math.cos(perpAngle) * (dimLineY - defPoint1Y)\n  const dimLine1Y = defPoint1Y + Math.sin(perpAngle) * (dimLineY - defPoint1Y)\n  const dimLine2X = defPoint2X + Math.cos(perpAngle) * (dimLineY - defPoint2Y)\n  const dimLine2Y = defPoint2Y + Math.sin(perpAngle) * (dimLineY - defPoint2Y)\n\n  // Expand bounding box\n  bbox.expandByPoint({ x: defPoint1X, y: defPoint1Y })\n  bbox.expandByPoint({ x: defPoint2X, y: defPoint2Y })\n  bbox.expandByPoint({ x: dimLine1X, y: dimLine1Y })\n  bbox.expandByPoint({ x: dimLine2X, y: dimLine2Y })\n  bbox.expandByPoint({ x: textX, y: textY })\n\n  // Create unique marker IDs for arrows\n  const markerId1 = `dim-arrow-start-${Date.now()}`\n  const markerId2 = `dim-arrow-end-${Date.now()}`\n\n  // Create arrow markers with dimension line color\n  markers.push(\n    createArrowMarker(markerId1, arrowSize, dimLineColor),\n    createArrowMarker(markerId2, arrowSize, dimLineColor),\n  )\n\n  // Draw extension lines\n  const extLine1StartX = defPoint1X + Math.cos(perpAngle) * extLineOffset\n  const extLine1StartY = defPoint1Y + Math.sin(perpAngle) * extLineOffset\n  const extLine1EndX = dimLine1X + Math.cos(perpAngle) * extLineExtension\n  const extLine1EndY = dimLine1Y + Math.sin(perpAngle) * extLineExtension\n\n  const extLine2StartX = defPoint2X + Math.cos(perpAngle) * extLineOffset\n  const extLine2StartY = defPoint2Y + Math.sin(perpAngle) * extLineOffset\n  const extLine2EndX = dimLine2X + Math.cos(perpAngle) * extLineExtension\n  const extLine2EndY = dimLine2Y + Math.sin(perpAngle) * extLineExtension\n\n  elements.push(\n    `<line x1=\"${extLine1StartX}\" y1=\"${extLine1StartY}\" x2=\"${extLine1EndX}\" y2=\"${extLine1EndY}\" stroke=\"${extLineColor}\" stroke-width=\"${extLineWeight}\" />`,\n    `<line x1=\"${extLine2StartX}\" y1=\"${extLine2StartY}\" x2=\"${extLine2EndX}\" y2=\"${extLine2EndY}\" stroke=\"${extLineColor}\" stroke-width=\"${extLineWeight}\" />`,\n    `<line x1=\"${dimLine1X}\" y1=\"${dimLine1Y}\" x2=\"${dimLine2X}\" y2=\"${dimLine2Y}\" stroke=\"${dimLineColor}\" stroke-width=\"${dimLineWeight}\" marker-start=\"url(#${markerId1})\" marker-end=\"url(#${markerId2})\" />`,\n  )\n\n  // Add dimension text\n  if (entity.text) {\n    const textRotation = (angle * 180) / Math.PI\n    elements.push(\n      `<text x=\"${textX}\" y=\"${textY}\" font-size=\"${textHeight}\" fill=\"${textColor}\" text-anchor=\"middle\" transform=\"rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})\">${entity.text}</text>`,\n    )\n  }\n\n  return {\n    bbox,\n    element: `<defs>${markers.join('')}</defs><g>${elements.join('')}</g>`,\n  }\n}\n\n/**\n * Render angular dimension\n */\nfunction renderAngularDimension(\n  entity: DimensionEntity,\n  dimStyle?: DimStyleTable,\n): BoundsAndElement {\n  const bbox = new Box2()\n  const elements: string[] = []\n  const markers: string[] = []\n\n  // Get dimension style properties\n  const arrowSize = dimStyle?.dimAsz ?? 2.5\n  const textHeight = dimStyle?.dimTxt ?? 2.5\n  const { dimLineColor, extLineColor, textColor, dimLineWeight, extLineWeight } = getDimensionColors(dimStyle)\n\n  // Extract points\n  const centerX = entity.start?.x ?? 0\n  const centerY = entity.start?.y ?? 0\n  const x1 = entity.measureStart?.x ?? 0\n  const y1 = entity.measureStart?.y ?? 0\n  const x2 = entity.measureEnd?.x ?? 0\n  const y2 = entity.measureEnd?.y ?? 0\n  const textX = entity.textMidpoint?.x ?? centerX\n  const textY = entity.textMidpoint?.y ?? centerY\n\n  bbox.expandByPoint({ x: centerX, y: centerY })\n  bbox.expandByPoint({ x: x1, y: y1 })\n  bbox.expandByPoint({ x: x2, y: y2 })\n  bbox.expandByPoint({ x: textX, y: textY })\n\n  // Create arrow markers\n  const markerId1 = `dim-angular-arrow-start-${Date.now()}`\n  const markerId2 = `dim-angular-arrow-end-${Date.now()}`\n  markers.push(\n    createArrowMarker(markerId1, arrowSize, dimLineColor),\n    createArrowMarker(markerId2, arrowSize, dimLineColor),\n  )\n\n  // Draw extension lines from center to definition points\n  elements.push(\n    `<line x1=\"${centerX}\" y1=\"${centerY}\" x2=\"${x1}\" y2=\"${y1}\" stroke=\"${extLineColor}\" stroke-width=\"${extLineWeight}\" />`,\n    `<line x1=\"${centerX}\" y1=\"${centerY}\" x2=\"${x2}\" y2=\"${y2}\" stroke=\"${extLineColor}\" stroke-width=\"${extLineWeight}\" />`,\n  )\n\n  // Calculate arc radius (distance from center to text midpoint)\n  const radius = Math.hypot(textX - centerX, textY - centerY)\n  const startAngle = Math.atan2(y1 - centerY, x1 - centerX)\n  const endAngle = Math.atan2(y2 - centerY, x2 - centerX)\n\n  // Draw arc for angular dimension\n  const largeArcFlag = Math.abs(endAngle - startAngle) > Math.PI ? 1 : 0\n  const arcStartX = centerX + radius * Math.cos(startAngle)\n  const arcStartY = centerY + radius * Math.sin(startAngle)\n  const arcEndX = centerX + radius * Math.cos(endAngle)\n  const arcEndY = centerY + radius * Math.sin(endAngle)\n\n  elements.push(\n    `<path d=\"M ${arcStartX} ${arcStartY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${arcEndX} ${arcEndY}\" fill=\"none\" stroke=\"${dimLineColor}\" stroke-width=\"${dimLineWeight}\" marker-start=\"url(#${markerId1})\" marker-end=\"url(#${markerId2})\" />`,\n  )\n\n  // Add dimension text\n  if (entity.text) {\n    const midAngle = (startAngle + endAngle) / 2\n    const textRotation = (midAngle * 180) / Math.PI\n\n    elements.push(\n      `<text x=\"${textX}\" y=\"${textY}\" font-size=\"${textHeight}\" fill=\"${textColor}\" text-anchor=\"middle\" transform=\"rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})\">${entity.text}</text>`,\n    )\n  }\n\n  return {\n    bbox,\n    element: `<defs>${markers.join('')}</defs><g>${elements.join('')}</g>`,\n  }\n}\n\n/**\n * Render diameter dimension\n */\nfunction renderDiameterDimension(\n  entity: DimensionEntity,\n  dimStyle?: DimStyleTable,\n): BoundsAndElement {\n  const bbox = new Box2()\n  const elements: string[] = []\n  const markers: string[] = []\n\n  // Get dimension style properties\n  const arrowSize = dimStyle?.dimAsz ?? 2.5\n  const textHeight = dimStyle?.dimTxt ?? 2.5\n  const { dimLineColor, textColor, dimLineWeight } = getDimensionColors(dimStyle)\n\n  // Extract geometry\n  const x1 = entity.measureStart?.x ?? 0\n  const y1 = entity.measureStart?.y ?? 0\n  const x2 = entity.measureEnd?.x ?? 0\n  const y2 = entity.measureEnd?.y ?? 0\n  const textX = entity.textMidpoint?.x ?? (x1 + x2) / 2\n  const textY = entity.textMidpoint?.y ?? (y1 + y2) / 2\n\n  bbox.expandByPoint({ x: x1, y: y1 })\n  bbox.expandByPoint({ x: x2, y: y2 })\n  bbox.expandByPoint({ x: textX, y: textY })\n\n  // Create arrow markers\n  const markerId = `dim-diameter-arrow-${Date.now()}`\n  markers.push(createArrowMarker(markerId, arrowSize, dimLineColor))\n\n  // Create diameter line with arrow at the end\n  elements.push(\n    `<line x1=\"${x1}\" y1=\"${y1}\" x2=\"${x2}\" y2=\"${y2}\" stroke=\"${dimLineColor}\" stroke-width=\"${dimLineWeight}\" marker-end=\"url(#${markerId})\" />`,\n  )\n\n  // Add dimension text with diameter symbol\n  const diameterText = entity.text ? `\u2300${entity.text}` : '\u2300'\n  const angle = Math.atan2(y2 - y1, x2 - x1)\n  const textRotation = (angle * 180) / Math.PI\n\n  elements.push(\n    `<text x=\"${textX}\" y=\"${textY}\" font-size=\"${textHeight}\" fill=\"${textColor}\" text-anchor=\"middle\" transform=\"rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})\">${diameterText}</text>`,\n  )\n\n  return {\n    bbox,\n    element: `<defs>${markers.join('')}</defs><g>${elements.join('')}</g>`,\n  }\n}\n\n/**\n * Render radial dimension\n */\nfunction renderRadialDimension(\n  entity: DimensionEntity,\n  dimStyle?: DimStyleTable,\n): BoundsAndElement {\n  const bbox = new Box2()\n  const elements: string[] = []\n  const markers: string[] = []\n\n  // Get dimension style properties\n  const arrowSize = dimStyle?.dimAsz ?? 2.5\n  const textHeight = dimStyle?.dimTxt ?? 2.5\n  const { dimLineColor, textColor, dimLineWeight } = getDimensionColors(dimStyle)\n\n  // Extract geometry\n  const x1 = entity.measureStart?.x ?? 0\n  const y1 = entity.measureStart?.y ?? 0\n  const x2 = entity.measureEnd?.x ?? 0\n  const y2 = entity.measureEnd?.y ?? 0\n  const textX = entity.textMidpoint?.x ?? (x1 + x2) / 2\n  const textY = entity.textMidpoint?.y ?? (y1 + y2) / 2\n\n  bbox.expandByPoint({ x: x1, y: y1 })\n  bbox.expandByPoint({ x: x2, y: y2 })\n  bbox.expandByPoint({ x: textX, y: textY })\n\n  // Create arrow markers\n  const markerId = `dim-radius-arrow-${Date.now()}`\n  markers.push(createArrowMarker(markerId, arrowSize, dimLineColor))\n\n  // Create radius line with arrow at the end\n  elements.push(\n    `<line x1=\"${x1}\" y1=\"${y1}\" x2=\"${x2}\" y2=\"${y2}\" stroke=\"${dimLineColor}\" stroke-width=\"${dimLineWeight}\" marker-end=\"url(#${markerId})\" />`,\n  )\n\n  // Add dimension text with radius symbol\n  const radiusText = entity.text ? `R${entity.text}` : 'R'\n  const angle = Math.atan2(y2 - y1, x2 - x1)\n  const textRotation = (angle * 180) / Math.PI\n\n  elements.push(\n    `<text x=\"${textX}\" y=\"${textY}\" font-size=\"${textHeight}\" fill=\"${textColor}\" text-anchor=\"middle\" transform=\"rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})\">${radiusText}</text>`,\n  )\n\n  return {\n    bbox,\n    element: `<defs>${markers.join('')}</defs><g>${elements.join('')}</g>`,\n  }\n}\n\n/**\n * Render ordinate dimension\n */\nfunction renderOrdinateDimension(\n  entity: DimensionEntity,\n  dimStyle?: DimStyleTable,\n): BoundsAndElement {\n  const bbox = new Box2()\n  const elements: string[] = []\n\n  // Get dimension style properties\n  const textHeight = dimStyle?.dimTxt ?? 2.5\n  const { dimLineColor, textColor, dimLineWeight } = getDimensionColors(dimStyle)\n\n  // Extract geometry\n  const x1 = entity.measureStart?.x ?? 0\n  const y1 = entity.measureStart?.y ?? 0\n  const x2 = entity.start?.x ?? 0\n  const y2 = entity.start?.y ?? 0\n  const textX = entity.textMidpoint?.x ?? x2\n  const textY = entity.textMidpoint?.y ?? y2\n\n  bbox.expandByPoint({ x: x1, y: y1 })\n  bbox.expandByPoint({ x: x2, y: y2 })\n  bbox.expandByPoint({ x: textX, y: textY })\n\n  // Create leader line (no arrow for ordinate dimensions)\n  elements.push(\n    `<line x1=\"${x1}\" y1=\"${y1}\" x2=\"${x2}\" y2=\"${y2}\" stroke=\"${dimLineColor}\" stroke-width=\"${dimLineWeight}\" />`,\n  )\n\n  // Add dimension text\n  if (entity.text) {\n    const angle = Math.atan2(y2 - y1, x2 - x1)\n    const textRotation = (angle * 180) / Math.PI\n\n    elements.push(\n      `<text x=\"${textX}\" y=\"${textY}\" font-size=\"${textHeight}\" fill=\"${textColor}\" text-anchor=\"middle\" transform=\"rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})\">${entity.text}</text>`,\n    )\n  }\n\n  return {\n    bbox,\n    element: `<g>${elements.join('')}</g>`,\n  }\n}\n\n/**\n * Fallback renderer for unsupported dimension types\n */\nfunction renderFallbackDimension(entity: DimensionEntity): BoundsAndElement {\n  const bbox = new Box2()\n  const elements: string[] = []\n\n  // Just render text at midpoint\n  if (entity.textMidpoint) {\n    const textX = entity.textMidpoint.x ?? 0\n    const textY = entity.textMidpoint.y ?? 0\n    bbox.expandByPoint({ x: textX, y: textY })\n\n    if (entity.text) {\n      elements.push(\n        `<text x=\"${textX}\" y=\"${textY}\" font-size=\"2.5\" text-anchor=\"middle\" transform=\"scale(1,-1) translate(0 ${-2 * textY})\">${entity.text}</text>`,\n      )\n    }\n  }\n\n  return {\n    bbox,\n    element: `<g>${elements.join('')}</g>`,\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["colors"]
+}

package/lib/dimensionToSVG.js

@@ -0,0 +1,273 @@
+import { Box2 } from "vecks";
+import colors from "./util/colors";
+function colorNumberToSVG(colorNumber) {
+  if (colorNumber === void 0 || colorNumber < 0) {
+    return "currentColor";
+  }
+  if (colorNumber === 0 || colorNumber === 256) {
+    return "currentColor";
+  }
+  const rgb = colors[colorNumber];
+  if (!rgb) {
+    return "currentColor";
+  }
+  return `rgb(${rgb[0]},${rgb[1]},${rgb[2]})`;
+}
+function getDimensionColors(dimStyle) {
+  return {
+    dimLineColor: colorNumberToSVG(dimStyle?.dimClrd),
+    extLineColor: colorNumberToSVG(dimStyle?.dimClre),
+    textColor: colorNumberToSVG(dimStyle?.dimClrt),
+    dimLineWeight: dimStyle?.dimLwd ?? 0.5,
+    extLineWeight: dimStyle?.dimLwe ?? 0.5
+  };
+}
+function dimensionToSVG(entity, dimStyle) {
+  switch (entity.dimensionType) {
+    case 0:
+    // Rotated, horizontal, or vertical
+    case 1:
+      return renderLinearDimension(entity, dimStyle);
+    case 2:
+      return renderAngularDimension(entity, dimStyle);
+    case 3:
+      return renderDiameterDimension(entity, dimStyle);
+    case 4:
+      return renderRadialDimension(entity, dimStyle);
+    case 6:
+      return renderOrdinateDimension(entity, dimStyle);
+    default:
+      return renderFallbackDimension(entity);
+  }
+}
+function createArrowMarker(id, size, color) {
+  const arrowPath = `M 0 0 L ${size} ${size / 2} L 0 ${size} z`;
+  return `<marker id="${id}" markerWidth="${size}" markerHeight="${size}" refX="${size}" refY="${size / 2}" orient="auto" markerUnits="strokeWidth">
+    <path d="${arrowPath}" fill="${color}" />
+  </marker>`;
+}
+function renderLinearDimension(entity, dimStyle) {
+  const bbox = new Box2();
+  const elements = [];
+  const markers = [];
+  const arrowSize = dimStyle?.dimAsz ?? 2.5;
+  const textHeight = dimStyle?.dimTxt ?? 2.5;
+  const extLineOffset = dimStyle?.dimExo ?? 0.625;
+  const extLineExtension = dimStyle?.dimExe ?? 1.25;
+  const { dimLineColor, extLineColor, textColor, dimLineWeight, extLineWeight } = getDimensionColors(dimStyle);
+  const defPoint1X = entity.measureStart?.x ?? 0;
+  const defPoint1Y = entity.measureStart?.y ?? 0;
+  const defPoint2X = entity.measureEnd?.x ?? 0;
+  const defPoint2Y = entity.measureEnd?.y ?? 0;
+  const dimLineY = entity.start?.y ?? 0;
+  const textX = entity.textMidpoint?.x ?? (defPoint1X + defPoint2X) / 2;
+  const textY = entity.textMidpoint?.y ?? (defPoint1Y + defPoint2Y) / 2;
+  const angle = Math.atan2(defPoint2Y - defPoint1Y, defPoint2X - defPoint1X);
+  const perpAngle = angle + Math.PI / 2;
+  const dimLine1X = defPoint1X + Math.cos(perpAngle) * (dimLineY - defPoint1Y);
+  const dimLine1Y = defPoint1Y + Math.sin(perpAngle) * (dimLineY - defPoint1Y);
+  const dimLine2X = defPoint2X + Math.cos(perpAngle) * (dimLineY - defPoint2Y);
+  const dimLine2Y = defPoint2Y + Math.sin(perpAngle) * (dimLineY - defPoint2Y);
+  bbox.expandByPoint({ x: defPoint1X, y: defPoint1Y });
+  bbox.expandByPoint({ x: defPoint2X, y: defPoint2Y });
+  bbox.expandByPoint({ x: dimLine1X, y: dimLine1Y });
+  bbox.expandByPoint({ x: dimLine2X, y: dimLine2Y });
+  bbox.expandByPoint({ x: textX, y: textY });
+  const markerId1 = `dim-arrow-start-${Date.now()}`;
+  const markerId2 = `dim-arrow-end-${Date.now()}`;
+  markers.push(
+    createArrowMarker(markerId1, arrowSize, dimLineColor),
+    createArrowMarker(markerId2, arrowSize, dimLineColor)
+  );
+  const extLine1StartX = defPoint1X + Math.cos(perpAngle) * extLineOffset;
+  const extLine1StartY = defPoint1Y + Math.sin(perpAngle) * extLineOffset;
+  const extLine1EndX = dimLine1X + Math.cos(perpAngle) * extLineExtension;
+  const extLine1EndY = dimLine1Y + Math.sin(perpAngle) * extLineExtension;
+  const extLine2StartX = defPoint2X + Math.cos(perpAngle) * extLineOffset;
+  const extLine2StartY = defPoint2Y + Math.sin(perpAngle) * extLineOffset;
+  const extLine2EndX = dimLine2X + Math.cos(perpAngle) * extLineExtension;
+  const extLine2EndY = dimLine2Y + Math.sin(perpAngle) * extLineExtension;
+  elements.push(
+    `<line x1="${extLine1StartX}" y1="${extLine1StartY}" x2="${extLine1EndX}" y2="${extLine1EndY}" stroke="${extLineColor}" stroke-width="${extLineWeight}" />`,
+    `<line x1="${extLine2StartX}" y1="${extLine2StartY}" x2="${extLine2EndX}" y2="${extLine2EndY}" stroke="${extLineColor}" stroke-width="${extLineWeight}" />`,
+    `<line x1="${dimLine1X}" y1="${dimLine1Y}" x2="${dimLine2X}" y2="${dimLine2Y}" stroke="${dimLineColor}" stroke-width="${dimLineWeight}" marker-start="url(#${markerId1})" marker-end="url(#${markerId2})" />`
+  );
+  if (entity.text) {
+    const textRotation = angle * 180 / Math.PI;
+    elements.push(
+      `<text x="${textX}" y="${textY}" font-size="${textHeight}" fill="${textColor}" text-anchor="middle" transform="rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})">${entity.text}</text>`
+    );
+  }
+  return {
+    bbox,
+    element: `<defs>${markers.join("")}</defs><g>${elements.join("")}</g>`
+  };
+}
+function renderAngularDimension(entity, dimStyle) {
+  const bbox = new Box2();
+  const elements = [];
+  const markers = [];
+  const arrowSize = dimStyle?.dimAsz ?? 2.5;
+  const textHeight = dimStyle?.dimTxt ?? 2.5;
+  const { dimLineColor, extLineColor, textColor, dimLineWeight, extLineWeight } = getDimensionColors(dimStyle);
+  const centerX = entity.start?.x ?? 0;
+  const centerY = entity.start?.y ?? 0;
+  const x1 = entity.measureStart?.x ?? 0;
+  const y1 = entity.measureStart?.y ?? 0;
+  const x2 = entity.measureEnd?.x ?? 0;
+  const y2 = entity.measureEnd?.y ?? 0;
+  const textX = entity.textMidpoint?.x ?? centerX;
+  const textY = entity.textMidpoint?.y ?? centerY;
+  bbox.expandByPoint({ x: centerX, y: centerY });
+  bbox.expandByPoint({ x: x1, y: y1 });
+  bbox.expandByPoint({ x: x2, y: y2 });
+  bbox.expandByPoint({ x: textX, y: textY });
+  const markerId1 = `dim-angular-arrow-start-${Date.now()}`;
+  const markerId2 = `dim-angular-arrow-end-${Date.now()}`;
+  markers.push(
+    createArrowMarker(markerId1, arrowSize, dimLineColor),
+    createArrowMarker(markerId2, arrowSize, dimLineColor)
+  );
+  elements.push(
+    `<line x1="${centerX}" y1="${centerY}" x2="${x1}" y2="${y1}" stroke="${extLineColor}" stroke-width="${extLineWeight}" />`,
+    `<line x1="${centerX}" y1="${centerY}" x2="${x2}" y2="${y2}" stroke="${extLineColor}" stroke-width="${extLineWeight}" />`
+  );
+  const radius = Math.hypot(textX - centerX, textY - centerY);
+  const startAngle = Math.atan2(y1 - centerY, x1 - centerX);
+  const endAngle = Math.atan2(y2 - centerY, x2 - centerX);
+  const largeArcFlag = Math.abs(endAngle - startAngle) > Math.PI ? 1 : 0;
+  const arcStartX = centerX + radius * Math.cos(startAngle);
+  const arcStartY = centerY + radius * Math.sin(startAngle);
+  const arcEndX = centerX + radius * Math.cos(endAngle);
+  const arcEndY = centerY + radius * Math.sin(endAngle);
+  elements.push(
+    `<path d="M ${arcStartX} ${arcStartY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${arcEndX} ${arcEndY}" fill="none" stroke="${dimLineColor}" stroke-width="${dimLineWeight}" marker-start="url(#${markerId1})" marker-end="url(#${markerId2})" />`
+  );
+  if (entity.text) {
+    const midAngle = (startAngle + endAngle) / 2;
+    const textRotation = midAngle * 180 / Math.PI;
+    elements.push(
+      `<text x="${textX}" y="${textY}" font-size="${textHeight}" fill="${textColor}" text-anchor="middle" transform="rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})">${entity.text}</text>`
+    );
+  }
+  return {
+    bbox,
+    element: `<defs>${markers.join("")}</defs><g>${elements.join("")}</g>`
+  };
+}
+function renderDiameterDimension(entity, dimStyle) {
+  const bbox = new Box2();
+  const elements = [];
+  const markers = [];
+  const arrowSize = dimStyle?.dimAsz ?? 2.5;
+  const textHeight = dimStyle?.dimTxt ?? 2.5;
+  const { dimLineColor, textColor, dimLineWeight } = getDimensionColors(dimStyle);
+  const x1 = entity.measureStart?.x ?? 0;
+  const y1 = entity.measureStart?.y ?? 0;
+  const x2 = entity.measureEnd?.x ?? 0;
+  const y2 = entity.measureEnd?.y ?? 0;
+  const textX = entity.textMidpoint?.x ?? (x1 + x2) / 2;
+  const textY = entity.textMidpoint?.y ?? (y1 + y2) / 2;
+  bbox.expandByPoint({ x: x1, y: y1 });
+  bbox.expandByPoint({ x: x2, y: y2 });
+  bbox.expandByPoint({ x: textX, y: textY });
+  const markerId = `dim-diameter-arrow-${Date.now()}`;
+  markers.push(createArrowMarker(markerId, arrowSize, dimLineColor));
+  elements.push(
+    `<line x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}" stroke="${dimLineColor}" stroke-width="${dimLineWeight}" marker-end="url(#${markerId})" />`
+  );
+  const diameterText = entity.text ? `\u2300${entity.text}` : "\u2300";
+  const angle = Math.atan2(y2 - y1, x2 - x1);
+  const textRotation = angle * 180 / Math.PI;
+  elements.push(
+    `<text x="${textX}" y="${textY}" font-size="${textHeight}" fill="${textColor}" text-anchor="middle" transform="rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})">${diameterText}</text>`
+  );
+  return {
+    bbox,
+    element: `<defs>${markers.join("")}</defs><g>${elements.join("")}</g>`
+  };
+}
+function renderRadialDimension(entity, dimStyle) {
+  const bbox = new Box2();
+  const elements = [];
+  const markers = [];
+  const arrowSize = dimStyle?.dimAsz ?? 2.5;
+  const textHeight = dimStyle?.dimTxt ?? 2.5;
+  const { dimLineColor, textColor, dimLineWeight } = getDimensionColors(dimStyle);
+  const x1 = entity.measureStart?.x ?? 0;
+  const y1 = entity.measureStart?.y ?? 0;
+  const x2 = entity.measureEnd?.x ?? 0;
+  const y2 = entity.measureEnd?.y ?? 0;
+  const textX = entity.textMidpoint?.x ?? (x1 + x2) / 2;
+  const textY = entity.textMidpoint?.y ?? (y1 + y2) / 2;
+  bbox.expandByPoint({ x: x1, y: y1 });
+  bbox.expandByPoint({ x: x2, y: y2 });
+  bbox.expandByPoint({ x: textX, y: textY });
+  const markerId = `dim-radius-arrow-${Date.now()}`;
+  markers.push(createArrowMarker(markerId, arrowSize, dimLineColor));
+  elements.push(
+    `<line x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}" stroke="${dimLineColor}" stroke-width="${dimLineWeight}" marker-end="url(#${markerId})" />`
+  );
+  const radiusText = entity.text ? `R${entity.text}` : "R";
+  const angle = Math.atan2(y2 - y1, x2 - x1);
+  const textRotation = angle * 180 / Math.PI;
+  elements.push(
+    `<text x="${textX}" y="${textY}" font-size="${textHeight}" fill="${textColor}" text-anchor="middle" transform="rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})">${radiusText}</text>`
+  );
+  return {
+    bbox,
+    element: `<defs>${markers.join("")}</defs><g>${elements.join("")}</g>`
+  };
+}
+function renderOrdinateDimension(entity, dimStyle) {
+  const bbox = new Box2();
+  const elements = [];
+  const textHeight = dimStyle?.dimTxt ?? 2.5;
+  const { dimLineColor, textColor, dimLineWeight } = getDimensionColors(dimStyle);
+  const x1 = entity.measureStart?.x ?? 0;
+  const y1 = entity.measureStart?.y ?? 0;
+  const x2 = entity.start?.x ?? 0;
+  const y2 = entity.start?.y ?? 0;
+  const textX = entity.textMidpoint?.x ?? x2;
+  const textY = entity.textMidpoint?.y ?? y2;
+  bbox.expandByPoint({ x: x1, y: y1 });
+  bbox.expandByPoint({ x: x2, y: y2 });
+  bbox.expandByPoint({ x: textX, y: textY });
+  elements.push(
+    `<line x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}" stroke="${dimLineColor}" stroke-width="${dimLineWeight}" />`
+  );
+  if (entity.text) {
+    const angle = Math.atan2(y2 - y1, x2 - x1);
+    const textRotation = angle * 180 / Math.PI;
+    elements.push(
+      `<text x="${textX}" y="${textY}" font-size="${textHeight}" fill="${textColor}" text-anchor="middle" transform="rotate(${-textRotation} ${textX} ${textY}) scale(1,-1) translate(0 ${-2 * textY})">${entity.text}</text>`
+    );
+  }
+  return {
+    bbox,
+    element: `<g>${elements.join("")}</g>`
+  };
+}
+function renderFallbackDimension(entity) {
+  const bbox = new Box2();
+  const elements = [];
+  if (entity.textMidpoint) {
+    const textX = entity.textMidpoint.x ?? 0;
+    const textY = entity.textMidpoint.y ?? 0;
+    bbox.expandByPoint({ x: textX, y: textY });
+    if (entity.text) {
+      elements.push(
+        `<text x="${textX}" y="${textY}" font-size="2.5" text-anchor="middle" transform="scale(1,-1) translate(0 ${-2 * textY})">${entity.text}</text>`
+      );
+    }
+  }
+  return {
+    bbox,
+    element: `<g>${elements.join("")}</g>`
+  };
+}
+export {
+  createArrowMarker,
+  dimensionToSVG as default
+};
+//# sourceMappingURL=dimensionToSVG.js.map