@sarmal/core 0.22.0 → 0.23.0

package/dist/index.d.cts

@@ -6,14 +6,14 @@ import {
   R as RendererOptions,
   P as Point,
   a as SarmalOptions,
-} from "./types-DVerJ9cl.cjs";
+} from "./types-C0b4MPtI.cjs";
 export {
   J as JumpOptions,
   b as RuntimeRenderOptions,
   c as SeekOptions,
   T as TrailColor,
   d as TrailStyle,
-} from "./types-DVerJ9cl.cjs";
+} from "./types-C0b4MPtI.cjs";
 export { CurveName, curves } from "./curves/index.cjs";
 export { artemis2 } from "./curves/artemis2.cjs";
 export { astroid } from "./curves/astroid.cjs";

package/dist/index.d.ts

@@ -6,14 +6,14 @@ import {
   R as RendererOptions,
   P as Point,
   a as SarmalOptions,
-} from "./types-DVerJ9cl.js";
+} from "./types-C0b4MPtI.js";
 export {
   J as JumpOptions,
   b as RuntimeRenderOptions,
   c as SeekOptions,
   T as TrailColor,
   d as TrailStyle,
-} from "./types-DVerJ9cl.js";
+} from "./types-C0b4MPtI.js";
 export { CurveName, curves } from "./curves/index.js";
 export { artemis2 } from "./curves/artemis2.js";
 export { astroid } from "./curves/astroid.js";

package/dist/index.js

@@ -546,9 +546,9 @@ function warnIfTrailColorMismatch(trailColor, trailStyle) {
     );
   }
 }
-var getHeadDotRadius = (w, h) => Math.max(1, 3 * Math.sqrt(Math.min(w, h) / 160));
 
 // src/renderer.ts
+var getHeadDotRadius = (w, h) => Math.max(1, 3 * Math.sqrt(Math.min(w, h) / 160));
 var WHITE_HEX = "#ffffff";
 function hexToRgbComponents(hex) {
   const n = parseInt(hex.slice(1), 16);
@@ -852,6 +852,8 @@ function createRenderer(options) {
 
 // src/renderer-svg.ts
 var EMPTY_PARAMS2 = {};
+var SVG_DEFAULT_HEAD_RADIUS = 0.5;
+var SKELETON_STROKE_WIDTH_PX = 1.5;
 var HIGH_TRAIL_LENGTH_THRESHOLD = 5e3;
 function pointsToPathString(pts, scale, offsetX, offsetY) {
   if (pts.length < 2) {
@@ -891,15 +893,21 @@ function createSVGRenderer(options) {
   let skeletonColor = options.skeletonColor ?? "#ffffff";
   let userHeadColor = options.headColor ?? null;
   let headColor = userHeadColor ?? resolveHeadColor(trailColor, trailStyle);
-  let headRadius = options.headRadius ?? 1.5;
+  let headRadius;
   let trailSolid = resolveTrailMainColor(trailColor);
   let trailPalette = resolveTrailPalette(trailColor);
   const ariaLabel = options.ariaLabel ?? "Loading";
   warnIfTrailColorMismatch(trailColor, trailStyle);
   const viewSize = 100;
-  const svgTrailMinWidth = 0.25;
-  const svgTrailMaxWidth = 1.25;
-  const svgSkeletonStrokeWidth = "0.75";
+  function getContainerPixelSize() {
+    const rect = container.getBoundingClientRect();
+    return rect.width && rect.height ? Math.min(rect.width, rect.height) : 200;
+  }
+  const containerPx = getContainerPixelSize();
+  const svgTrailMinWidth = (TRAIL_MIN_WIDTH * viewSize) / containerPx;
+  const svgTrailMaxWidth = (TRAIL_MAX_WIDTH * viewSize) / containerPx;
+  const svgSkeletonStrokeWidth = String((SKELETON_STROKE_WIDTH_PX * viewSize) / containerPx);
+  headRadius = options.headRadius ?? SVG_DEFAULT_HEAD_RADIUS;
   container.setAttribute("viewBox", `0 0 ${viewSize} ${viewSize}`);
   container.setAttribute("role", "img");
   container.setAttribute("aria-label", ariaLabel);