@strategicprojects/rpic 0.4.0 → 0.4.1

package/index.js

@@ -94,6 +94,17 @@ export function animate(root, animations, gsap) {
 function drawOn(group, a, tl) {
   const els = group.querySelectorAll('path, polyline, line, rect, circle, ellipse, polygon');
   els.forEach((el) => {
+    // Filled, unstroked elements (arrowheads) can't be dash-traced — pop
+    // them in as the shaft reaches the tip instead.
+    const fill = el.getAttribute('fill');
+    if (el.getAttribute('stroke-width') === '0' || (fill && fill !== 'none' && !el.getAttribute('stroke'))) {
+      tl.from(
+        el,
+        { opacity: 0, scale: 0, transformOrigin: '50% 50%', duration: Math.min(0.2, a.duration * 0.4), ease: 'back.out(1.7)' },
+        a.start + a.duration * 0.8
+      );
+      return;
+    }
     let len = 0;
     try {
       len = el.getTotalLength();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strategicprojects/rpic",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "The pic graphics language compiled to SVG with animation manifests, via WebAssembly. Browser + Node.",
   "type": "module",
   "main": "./index.js",