canvu-react 0.3.29 → 0.3.31

package/dist/{asset-hydration-BEG21hMp.d.ts → asset-hydration-DrTOgDdd.d.ts}

@@ -1,5 +1,5 @@
-import { V as VectorSceneItem } from './types-CB0TZZuk.js';
-import { u as VectorViewportAssetStore } from './shape-builders-ENwnK-zT.js';
+import { V as VectorSceneItem } from './types-Bnq2HtHQ.js';
+import { x as VectorViewportAssetStore } from './shape-builders-CsSXKCcs.js';
 
 declare class IndexedDbImageStore {
     private dbPromise;

package/dist/{asset-hydration-3Iv5xHxM.d.cts → asset-hydration-EtEuBwb7.d.cts}

@@ -1,5 +1,5 @@
-import { V as VectorSceneItem } from './types-CB0TZZuk.cjs';
-import { u as VectorViewportAssetStore } from './shape-builders-DFudWDFI.cjs';
+import { V as VectorSceneItem } from './types-Bnq2HtHQ.cjs';
+import { x as VectorViewportAssetStore } from './shape-builders-CsbSRZnQ.cjs';
 
 declare class IndexedDbImageStore {
     private dbPromise;

package/dist/{camera-KwCYYPhm.d.ts → camera-AoTwBSoE.d.ts}

@@ -1,4 +1,4 @@
-import { R as Rect } from './types-CB0TZZuk.js';
+import { R as Rect } from './types-Bnq2HtHQ.js';
 
 type Camera2DOptions = {
     /** Minimum zoom scale (world units per CSS pixel). */

package/dist/{camera-BwQjm5oh.d.cts → camera-Di5R_Rwl.d.cts}

@@ -1,4 +1,4 @@
-import { R as Rect } from './types-CB0TZZuk.cjs';
+import { R as Rect } from './types-Bnq2HtHQ.cjs';
 
 type Camera2DOptions = {
     /** Minimum zoom scale (world units per CSS pixel). */

package/dist/chatbot.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CanvasPlugin } from './types-BLXR7g_L.cjs';
+import { C as CanvasPlugin } from './types-DWGk2_GZ.cjs';
 import 'react';
-import './types-CB0TZZuk.cjs';
-import './camera-BwQjm5oh.cjs';
-import './shape-builders-DFudWDFI.cjs';
+import './types-Bnq2HtHQ.cjs';
+import './camera-Di5R_Rwl.cjs';
+import './shape-builders-CsbSRZnQ.cjs';
 
 type ChatbotPluginPanelProps = {
     /**

package/dist/chatbot.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CanvasPlugin } from './types-Cm7IsgL4.js';
+import { C as CanvasPlugin } from './types-B6PAYKzx.js';
 import 'react';
-import './types-CB0TZZuk.js';
-import './camera-KwCYYPhm.js';
-import './shape-builders-ENwnK-zT.js';
+import './types-Bnq2HtHQ.js';
+import './camera-AoTwBSoE.js';
+import './shape-builders-CsSXKCcs.js';
 
 type ChatbotPluginPanelProps = {
     /**

package/dist/index.cjs

@@ -1045,6 +1045,22 @@ function resolveStrokeStyle(item) {
 function strokeOpacityAttr(style) {
   return style.strokeOpacity != null ? ` stroke-opacity="${style.strokeOpacity}"` : "";
 }
+function svgNumber(value) {
+  if (!Number.isFinite(value)) return "0";
+  const rounded = Math.round(value * 100) / 100;
+  return Number.isInteger(rounded) ? String(rounded) : String(rounded);
+}
+function approximateEllipsePerimeter(rx, ry) {
+  if (rx <= 0 || ry <= 0) return 0;
+  return Math.PI * (3 * (rx + ry) - Math.sqrt((3 * rx + ry) * (rx + 3 * ry)));
+}
+function architecturalCloudScallopCount(rx, ry, amplitude) {
+  const perimeter = approximateEllipsePerimeter(rx, ry);
+  const targetScallopLength = Math.max(10, amplitude * 2);
+  let count = Math.max(12, Math.round(perimeter / targetScallopLength));
+  if (count % 2 === 1) count += 1;
+  return count;
+}
 function buildRectSvg(width, height, style = DEFAULT_STROKE_STYLE) {
   return `<rect width="${width}" height="${height}" fill="none" stroke="${style.stroke}" stroke-width="${style.strokeWidth}" rx="4"${strokeOpacityAttr(style)} />`;
 }
@@ -1053,6 +1069,49 @@ function buildEllipseSvg(width, height, style = DEFAULT_STROKE_STYLE) {
   const ry = height / 2;
   return `<ellipse cx="${rx}" cy="${ry}" rx="${rx}" ry="${ry}" fill="none" stroke="${style.stroke}" stroke-width="${style.strokeWidth}"${strokeOpacityAttr(style)} />`;
 }
+function buildArchitecturalCloudPathD(width, height, strokeWidth = DEFAULT_STROKE_STYLE.strokeWidth) {
+  const w = Math.max(0, width);
+  const h = Math.max(0, height);
+  if (w <= 0 || h <= 0) return "";
+  const inset = Math.max(0.5, strokeWidth / 2);
+  const outerRx = Math.max(0, w / 2 - inset);
+  const outerRy = Math.max(0, h / 2 - inset);
+  if (outerRx <= 0 || outerRy <= 0) return "";
+  const amplitude = Math.min(
+    outerRx * 0.45,
+    outerRy * 0.45,
+    Math.max(2, Math.min(8, Math.min(w, h) * 0.04))
+  );
+  const innerRx = Math.max(0, outerRx - amplitude);
+  const innerRy = Math.max(0, outerRy - amplitude);
+  const scallopCount = architecturalCloudScallopCount(innerRx, innerRy, amplitude);
+  const angleStep = Math.PI * 2 / scallopCount;
+  const cx = w / 2;
+  const cy = h / 2;
+  const startAngle = -Math.PI / 2;
+  const pointOnEllipse = (theta, radiusX, radiusY) => [
+    cx + Math.cos(theta) * radiusX,
+    cy + Math.sin(theta) * radiusY
+  ];
+  const [startX, startY] = pointOnEllipse(startAngle, innerRx, innerRy);
+  const segments = [`M${svgNumber(startX)} ${svgNumber(startY)}`];
+  for (let index = 0; index < scallopCount; index += 1) {
+    const segmentStart = startAngle + index * angleStep;
+    const segmentMid = segmentStart + angleStep / 2;
+    const segmentEnd = segmentStart + angleStep;
+    const [controlX, controlY] = pointOnEllipse(segmentMid, outerRx, outerRy);
+    const [endX, endY] = pointOnEllipse(segmentEnd, innerRx, innerRy);
+    segments.push(
+      `Q${svgNumber(controlX)} ${svgNumber(controlY)} ${svgNumber(endX)} ${svgNumber(endY)}`
+    );
+  }
+  segments.push("Z");
+  return segments.join(" ");
+}
+function buildArchitecturalCloudSvg(width, height, style = DEFAULT_STROKE_STYLE) {
+  const d = buildArchitecturalCloudPathD(width, height, style.strokeWidth);
+  return `<path d="${d}" fill="none" stroke="${style.stroke}" stroke-width="${style.strokeWidth}" stroke-linecap="round" stroke-linejoin="round"${strokeOpacityAttr(style)} />`;
+}
 function buildLineSvg(line, style = DEFAULT_STROKE_STYLE) {
   return `<line x1="${line.x1}" y1="${line.y1}" x2="${line.x2}" y2="${line.y2}" stroke="${style.stroke}" stroke-width="${style.strokeWidth}"${strokeOpacityAttr(style)} />`;
 }
@@ -1195,6 +1254,13 @@ function rebuildItemSvg(item) {
       childrenSvg: buildEllipseSvg(b.width, b.height, style)
     };
   }
+  if (k === "architectural-cloud") {
+    const b = normalizeRect(item.bounds);
+    return {
+      ...item,
+      childrenSvg: buildArchitecturalCloudSvg(b.width, b.height, style)
+    };
+  }
   if ((k === "line" || k === "arrow") && item.line) {
     const line = item.line;
     const childrenSvg = k === "arrow" ? buildArrowSvg(item.id, line, style) : buildLineSvg(line, style);
@@ -1307,6 +1373,21 @@ function createEllipseItem(id, bounds, style) {
     childrenSvg: ""
   });
 }
+function createArchitecturalCloudItem(id, bounds, style) {
+  const r = normalizeRect(bounds);
+  const s = { ...DEFAULT_STROKE_STYLE, ...style };
+  return rebuildItemSvg({
+    id,
+    x: r.x,
+    y: r.y,
+    bounds: { ...r },
+    toolKind: "architectural-cloud",
+    stroke: s.stroke,
+    strokeWidth: s.strokeWidth,
+    ...s.strokeOpacity != null ? { strokeOpacity: s.strokeOpacity } : {},
+    childrenSvg: ""
+  });
+}
 function createLineItem(id, bounds, line, toolKind, style, arrowBind) {
   const r = normalizeRect(bounds);
   const s = { ...DEFAULT_STROKE_STYLE, ...style };
@@ -1526,7 +1607,7 @@ function isArrowBindTarget(item) {
   if (item.locked) return false;
   const k = item.toolKind;
   if (!k) return false;
-  return k === "rect" || k === "ellipse" || k === "text" || k === "image" || k === "custom";
+  return k === "rect" || k === "ellipse" || k === "architectural-cloud" || k === "text" || k === "image" || k === "custom";
 }
 function closestPointOnShapeBoundaryLocal(item, lx, ly, w, h) {
   if (item.toolKind === "ellipse") {
@@ -2406,6 +2487,8 @@ exports.applyStrokeToItem = applyStrokeToItem;
 exports.attachApplePencilNavigation = attachApplePencilNavigation;
 exports.attachViewportInput = attachViewportInput;
 exports.bakeArrowItemToAbsolute = bakeArrowItemToAbsolute;
+exports.buildArchitecturalCloudPathD = buildArchitecturalCloudPathD;
+exports.buildArchitecturalCloudSvg = buildArchitecturalCloudSvg;
 exports.buildArrowSvg = buildArrowSvg;
 exports.buildCustomShapeChildrenSvg = buildCustomShapeChildrenSvg;
 exports.buildDrawDotSvg = buildDrawDotSvg;
@@ -2419,6 +2502,7 @@ exports.cloneVectorSceneItemsWithNewIds = cloneVectorSceneItemsWithNewIds;
 exports.collectEraserTargetsAtWorldPoint = collectEraserTargetsAtWorldPoint;
 exports.computeFreehandSvgPayload = computeFreehandSvgPayload;
 exports.copyManagedImage = copyManagedImage;
+exports.createArchitecturalCloudItem = createArchitecturalCloudItem;
 exports.createCustomShapeItem = createCustomShapeItem;
 exports.createDrawDotItem = createDrawDotItem;
 exports.createEllipseItem = createEllipseItem;