canvu-react 0.3.31 → 0.3.32

package/dist/react.js

@@ -295,6 +295,14 @@ function architecturalCloudScallopCount(rx, ry, amplitude) {
   if (count % 2 === 1) count += 1;
   return count;
 }
+function pointOnSuperellipse(centerX, centerY, radiusX, radiusY, theta, exponent) {
+  const cosTheta = Math.cos(theta);
+  const sinTheta = Math.sin(theta);
+  return [
+    centerX + Math.sign(cosTheta) * radiusX * Math.abs(cosTheta) ** (2 / exponent),
+    centerY + Math.sign(sinTheta) * radiusY * Math.abs(sinTheta) ** (2 / exponent)
+  ];
+}
 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)} />`;
 }
@@ -311,10 +319,11 @@ function buildArchitecturalCloudPathD(width, height, strokeWidth = DEFAULT_STROK
   const outerRx = Math.max(0, w / 2 - inset);
   const outerRy = Math.max(0, h / 2 - inset);
   if (outerRx <= 0 || outerRy <= 0) return "";
+  const baseExponent = 3.6;
   const amplitude = Math.min(
     outerRx * 0.45,
     outerRy * 0.45,
-    Math.max(2, Math.min(8, Math.min(w, h) * 0.04))
+    Math.max(2, Math.min(7, Math.min(w, h) * 0.035))
   );
   const innerRx = Math.max(0, outerRx - amplitude);
   const innerRy = Math.max(0, outerRy - amplitude);
@@ -323,18 +332,19 @@ function buildArchitecturalCloudPathD(width, height, strokeWidth = DEFAULT_STROK
   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 pointOnArchitecturalCloud = (theta, radiusX, radiusY) => pointOnSuperellipse(cx, cy, radiusX, radiusY, theta, baseExponent);
+  const [startX, startY] = pointOnArchitecturalCloud(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);
+    const [controlX, controlY] = pointOnArchitecturalCloud(
+      segmentMid,
+      outerRx,
+      outerRy
+    );
+    const [endX, endY] = pointOnArchitecturalCloud(segmentEnd, innerRx, innerRy);
     segments.push(
       `Q${svgNumber(controlX)} ${svgNumber(controlY)} ${svgNumber(endX)} ${svgNumber(endY)}`
     );
@@ -3096,7 +3106,7 @@ function ShapeContextMenu({
   }
   return createPortal(menu, document.body);
 }
-var architecturalCloudIconPath = "M12 8.28 Q14.33 7.17 15.86 8.78 Q18.36 8.46 18.69 10.14 Q20.69 10.71 19.72 12 Q20.69 13.29 18.69 13.86 Q18.36 15.54 15.86 15.22 Q14.33 16.83 12 15.72 Q9.67 16.83 8.14 15.22 Q5.64 15.54 5.31 13.86 Q3.31 13.29 4.28 12 Q3.31 10.71 5.31 10.14 Q5.64 8.46 8.14 8.78 Q9.67 7.17 12 8.28 Z";
+var architecturalCloudIconPath = "M11 3 Q15.72 1.11 16.44 3.31 Q19.25 2.05 18.39 4.28 Q20.81 4.17 19 7 Q20.81 9.83 18.39 9.72 Q19.25 11.95 16.44 10.69 Q15.72 12.89 11 11 Q6.28 12.89 5.56 10.69 Q2.75 11.95 3.61 9.72 Q1.19 9.83 3 7 Q1.19 4.17 3.61 4.28 Q2.75 2.05 5.56 3.31 Q6.28 1.11 11 3 Z";
 var base = {
   width: 20,
   height: 20,
@@ -3128,7 +3138,7 @@ function IconEllipse(props) {
   return /* @__PURE__ */ jsx("svg", { ...base, ...props, "aria-hidden": true, children: /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "12", rx: "9", ry: "6" }) });
 }
 function IconArchitecturalCloud(props) {
-  return /* @__PURE__ */ jsx("svg", { ...base, ...props, "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: architecturalCloudIconPath, transform: "translate(0 4)" }) });
+  return /* @__PURE__ */ jsx("svg", { ...base, ...props, "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: architecturalCloudIconPath, transform: "translate(1 5)" }) });
 }
 function IconLine(props) {
   return /* @__PURE__ */ jsx("svg", { ...base, ...props, "aria-hidden": true, children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "19", x2: "19", y2: "5" }) });