loopwind 0.20.2 → 0.21.0

package/_dsgn/templates/dashed-stroke-test/template.tsx

@@ -0,0 +1,73 @@
+export const meta = {
+  name: "dashed-stroke-test",
+  description: "Animated dashed stroke patterns",
+  type: "video",
+  size: {
+    width: 1920,
+    height: 1080
+  },
+  props: {},
+  video: {
+    duration: 4,
+    fps: 30
+  }
+};
+
+export default function DashedStrokeTest({ tw, progress, frame }) {
+  // Calculate animated dash offset for marching ants effect
+  // Loop every 1 second (30 frames)
+  const dashOffset = -(frame % 30) * 2;
+
+  return (
+    <div style={tw('flex items-center justify-center w-full h-full bg-gray-900')}>
+      <svg width="800" height="600" viewBox="0 0 800 600">
+        {/* Marching ants around a rectangle */}
+        <rect
+          x="100"
+          y="100"
+          width="600"
+          height="400"
+          fill="none"
+          stroke="#3b82f6"
+          strokeWidth={4}
+          strokeDasharray="10 5"
+          strokeDashoffset={dashOffset}
+        />
+
+        {/* Animated dashed circle */}
+        <circle
+          cx="400"
+          cy="300"
+          r="150"
+          fill="none"
+          stroke="#10b981"
+          strokeWidth={6}
+          strokeDasharray="20 10"
+          strokeDashoffset={dashOffset * 1.5}
+        />
+
+        {/* Wavy path with animated dashes */}
+        <path
+          d="M 50 300 Q 150 200 250 300 T 450 300 T 650 300 T 850 300"
+          fill="none"
+          stroke="#f59e0b"
+          strokeWidth={5}
+          strokeDasharray="15 8"
+          strokeDashoffset={dashOffset * 0.8}
+        />
+
+        {/* Small circle with fast animation */}
+        <circle
+          cx="400"
+          cy="300"
+          r="80"
+          fill="none"
+          stroke="#ec4899"
+          strokeWidth={3}
+          strokeDasharray="5 3"
+          strokeDashoffset={dashOffset * 2}
+        />
+      </svg>
+    </div>
+  );
+}

package/_dsgn/templates/path-follow-test/template.tsx

@@ -0,0 +1,176 @@
+import React from 'react';
+
+export const meta = {
+  name: "path-follow-test",
+  description: "Animate elements along SVG paths with rotation",
+  type: "video",
+  size: {
+    width: 1920,
+    height: 1080
+  },
+  props: {},
+  video: {
+    duration: 4,
+    fps: 30
+  }
+};
+
+// Calculate position on quadratic Bezier curve
+function pointOnQuadraticBezier(p0, p1, p2, t) {
+  const x = (1 - t) * (1 - t) * p0.x + 2 * (1 - t) * t * p1.x + t * t * p2.x;
+  const y = (1 - t) * (1 - t) * p0.y + 2 * (1 - t) * t * p1.y + t * t * p2.y;
+  return { x, y };
+}
+
+// Calculate angle on quadratic Bezier curve
+function angleOnQuadraticBezier(p0, p1, p2, t) {
+  const dx = 2 * (1 - t) * (p1.x - p0.x) + 2 * t * (p2.x - p1.x);
+  const dy = 2 * (1 - t) * (p1.y - p0.y) + 2 * t * (p2.y - p1.y);
+  return Math.atan2(dy, dx) * (180 / Math.PI);
+}
+
+// Calculate position on cubic Bezier curve
+function pointOnCubicBezier(p0, p1, p2, p3, t) {
+  const mt = 1 - t;
+  const mt2 = mt * mt;
+  const mt3 = mt2 * mt;
+  const t2 = t * t;
+  const t3 = t2 * t;
+
+  const x = mt3 * p0.x + 3 * mt2 * t * p1.x + 3 * mt * t2 * p2.x + t3 * p3.x;
+  const y = mt3 * p0.y + 3 * mt2 * t * p1.y + 3 * mt * t2 * p2.y + t3 * p3.y;
+  return { x, y };
+}
+
+// Calculate angle on cubic Bezier curve
+function angleOnCubicBezier(p0, p1, p2, p3, t) {
+  const mt = 1 - t;
+  const mt2 = mt * mt;
+  const t2 = t * t;
+
+  const dx = -3 * mt2 * p0.x + 3 * mt2 * p1.x - 6 * mt * t * p1.x - 3 * t2 * p2.x + 6 * mt * t * p2.x + 3 * t2 * p3.x;
+  const dy = -3 * mt2 * p0.y + 3 * mt2 * p1.y - 6 * mt * t * p1.y - 3 * t2 * p2.y + 6 * mt * t * p2.y + 3 * t2 * p3.y;
+  return Math.atan2(dy, dx) * (180 / Math.PI);
+}
+
+// Calculate position on circle
+function pointOnCircle(cx, cy, radius, angleRadians) {
+  return {
+    x: cx + radius * Math.cos(angleRadians),
+    y: cy + radius * Math.sin(angleRadians)
+  };
+}
+
+export default function PathFollowTest({ tw, progress }) {
+  // Quadratic Bezier path (top curve)
+  const quad = {
+    p0: { x: 200, y: 400 },
+    p1: { x: 960, y: 150 },
+    p2: { x: 1720, y: 400 }
+  };
+  const quadPos = pointOnQuadraticBezier(quad.p0, quad.p1, quad.p2, progress);
+  const quadAngle = angleOnQuadraticBezier(quad.p0, quad.p1, quad.p2, progress);
+
+  // Cubic Bezier path (S curve)
+  const cubic = {
+    p0: { x: 200, y: 700 },
+    p1: { x: 600, y: 500 },
+    p2: { x: 1320, y: 900 },
+    p3: { x: 1720, y: 700 }
+  };
+  const cubicPos = pointOnCubicBezier(cubic.p0, cubic.p1, cubic.p2, cubic.p3, progress);
+  const cubicAngle = angleOnCubicBezier(cubic.p0, cubic.p1, cubic.p2, cubic.p3, progress);
+
+  // Circle path
+  const circle = { cx: 960, cy: 540, radius: 250 };
+  const circleAngle = progress * Math.PI * 2;
+  const circlePos = pointOnCircle(circle.cx, circle.cy, circle.radius, circleAngle);
+  const circleTangentAngle = (circleAngle * 180 / Math.PI) + 90;
+
+  return (
+    <div style={{ display: 'flex', ...tw('relative w-full h-full bg-gradient-to-br from-purple-900 to-blue-900') }}>
+      <svg
+        width="1920"
+        height="1080"
+        viewBox="0 0 1920 1080"
+        style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
+      >
+        {/* Draw the paths (semi-transparent) */}
+        <path
+          d={`M ${quad.p0.x} ${quad.p0.y} Q ${quad.p1.x} ${quad.p1.y} ${quad.p2.x} ${quad.p2.y}`}
+          stroke="rgba(255,255,255,0.3)"
+          strokeWidth={2}
+          fill="none"
+          strokeDasharray="5 5"
+        />
+
+        <path
+          d={`M ${cubic.p0.x} ${cubic.p0.y} C ${cubic.p1.x} ${cubic.p1.y} ${cubic.p2.x} ${cubic.p2.y} ${cubic.p3.x} ${cubic.p3.y}`}
+          stroke="rgba(255,255,255,0.3)"
+          strokeWidth={2}
+          fill="none"
+          strokeDasharray="5 5"
+        />
+
+        <circle
+          cx={circle.cx}
+          cy={circle.cy}
+          r={circle.radius}
+          stroke="rgba(255,255,255,0.3)"
+          strokeWidth={2}
+          fill="none"
+          strokeDasharray="5 5"
+        />
+      </svg>
+
+      {/* Rocket on quadratic bezier */}
+      <div
+        style={{
+          position: "absolute",
+          left: quadPos.x,
+          top: quadPos.y,
+          transform: `translate(-50%, -50%) rotate(${quadAngle}deg)`,
+          fontSize: '48px'
+        }}
+      >
+        🚀
+      </div>
+
+      {/* Car on cubic bezier */}
+      <div
+        style={{
+          position: "absolute",
+          left: cubicPos.x,
+          top: cubicPos.y,
+          transform: `translate(-50%, -50%) rotate(${cubicAngle}deg)`,
+          fontSize: '48px'
+        }}
+      >
+        🏎️
+      </div>
+
+      {/* Airplane on circle */}
+      <div
+        style={{
+          position: "absolute",
+          left: circlePos.x,
+          top: circlePos.y,
+          transform: `translate(-50%, -50%) rotate(${circleTangentAngle}deg)`,
+          fontSize: '48px'
+        }}
+      >
+        ✈️
+      </div>
+
+      {/* Text labels */}
+      <div style={tw('flex flex-col absolute top-8 left-8')}>
+        <h1 style={tw('text-4xl font-bold text-white mb-2')}>
+          Path Following Animation
+        </h1>
+        <p style={tw('text-xl text-white/80')}>
+          Progress: {Math.round(progress * 100)}%
+        </p>
+      </div>
+    </div>
+  );
+}

package/_dsgn/templates/path-simple-test/template.tsx

@@ -0,0 +1,98 @@
+import React from 'react';
+
+export const meta = {
+  name: "path-simple-test",
+  description: "Simple path following with helpers",
+  type: "video",
+  size: {
+    width: 1920,
+    height: 1080
+  },
+  props: {},
+  video: {
+    duration: 4,
+    fps: 30
+  }
+};
+
+export default function PathSimpleTest({ tw, progress, path }) {
+  // Follow a quadratic curve - just define the points!
+  const rocket = path.followQuadratic(
+    { x: 200, y: 400 },   // Start
+    { x: 960, y: 150 },   // Control
+    { x: 1720, y: 400 },  // End
+    progress
+  );
+
+  // Follow a cubic Bezier S-curve
+  const car = path.followCubic(
+    { x: 200, y: 700 },   // Start
+    { x: 600, y: 500 },   // Control 1
+    { x: 1320, y: 900 },  // Control 2
+    { x: 1720, y: 700 },  // End
+    progress
+  );
+
+  // Follow a circle
+  const plane = path.followCircle(960, 540, 250, progress);
+
+  return (
+    <div style={{ display: 'flex', ...tw('relative w-full h-full bg-gradient-to-br from-purple-900 to-blue-900') }}>
+      {/* Draw the paths */}
+      <svg width="1920" height="1080" viewBox="0 0 1920 1080" style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
+        <path d="M 200 400 Q 960 150 1720 400" stroke="rgba(255,255,255,0.3)" strokeWidth={2} fill="none" strokeDasharray="5 5" />
+        <path d="M 200 700 C 600 500 1320 900 1720 700" stroke="rgba(255,255,255,0.3)" strokeWidth={2} fill="none" strokeDasharray="5 5" />
+        <circle cx="960" cy="540" r="250" stroke="rgba(255,255,255,0.3)" strokeWidth={2} fill="none" strokeDasharray="5 5" />
+      </svg>
+
+      {/* Rocket */}
+      <div
+        style={{
+          position: "absolute",
+          left: rocket.x,
+          top: rocket.y,
+          transform: `translate(-50%, -50%) rotate(${rocket.angle}deg)`,
+          fontSize: '48px'
+        }}
+      >
+        🚀
+      </div>
+
+      {/* Car */}
+      <div
+        style={{
+          position: "absolute",
+          left: car.x,
+          top: car.y,
+          transform: `translate(-50%, -50%) rotate(${car.angle}deg)`,
+          fontSize: '48px'
+        }}
+      >
+        🏎️
+      </div>
+
+      {/* Airplane */}
+      <div
+        style={{
+          position: "absolute",
+          left: plane.x,
+          top: plane.y,
+          transform: `translate(-50%, -50%) rotate(${plane.angle}deg)`,
+          fontSize: '48px'
+        }}
+      >
+        ✈️
+      </div>
+
+      {/* Title */}
+      <div style={tw('flex flex-col absolute top-8 left-8')}>
+        <h1 style={tw('text-4xl font-bold text-white mb-2')}>
+          Simple Path Following
+        </h1>
+        <p style={tw('text-xl text-white/80')}>
+          Progress: {Math.round(progress * 100)}%
+        </p>
+      </div>
+    </div>
+  );
+}

package/_dsgn/templates/stroke-dash-test/meta.json

@@ -0,0 +1,12 @@
+{
+  "name": "stroke-dash-test",
+  "description": "Test SVG stroke-dash animations",
+  "type": "video",
+  "props": {},
+  "video": {
+    "duration": 4000,
+    "fps": 30,
+    "width": 1920,
+    "height": 1080
+  }
+}

package/_dsgn/templates/stroke-dash-test/template.tsx

@@ -0,0 +1,53 @@
+export const meta = {
+  name: "stroke-dash-test",
+  description: "Test SVG stroke-dash animations",
+  type: "video",
+  size: {
+    width: 1920,
+    height: 1080
+  },
+  props: {},
+  video: {
+    duration: 4,
+    fps: 30
+  }
+};
+
+export default function StrokeDashTest({ tw }) {
+  return (
+    <div style={tw('flex items-center justify-center w-full h-full bg-gray-900')}>
+      <svg width="600" height="400" viewBox="0 0 600 400">
+        {/* Draw a checkmark */}
+        <path
+          d="M100 200 L 200 300 L 400 100"
+          stroke="#10b981"
+          strokeWidth={8}
+          fill="none"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          style={tw('ease-out enter-stroke-dash-[600]/0/1500')}
+        />
+
+        {/* Draw a circle after checkmark */}
+        <circle
+          cx="250"
+          cy="200"
+          r="150"
+          stroke="#3b82f6"
+          strokeWidth={6}
+          fill="none"
+          style={tw('ease-out enter-stroke-dash-[942]/1000/1500')}
+        />
+
+        {/* Looping star */}
+        <path
+          d="M450 50 L470 100 L525 100 L485 130 L505 180 L450 150 L395 180 L415 130 L375 100 L430 100 Z"
+          stroke="#f59e0b"
+          strokeWidth={4}
+          fill="none"
+          style={tw('loop-stroke-dash-[400]/3000')}
+        />
+      </svg>
+    </div>
+  );
+}

package/dist/lib/path-helpers.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Path following helpers for video animations
+ * Returns position and rotation angle for elements following SVG paths
+ */
+export interface PathPoint {
+    x: number;
+    y: number;
+    angle: number;
+}
+export interface Point {
+    x: number;
+    y: number;
+}
+/**
+ * Follow a straight line from p0 to p1
+ * @param p0 Start point
+ * @param p1 End point
+ * @param t Progress (0-1)
+ * @returns Position and angle
+ */
+export declare function followLine(p0: Point, p1: Point, t: number): PathPoint;
+/**
+ * Follow a quadratic Bezier curve
+ * @param p0 Start point
+ * @param p1 Control point
+ * @param p2 End point
+ * @param t Progress (0-1)
+ * @returns Position and angle
+ */
+export declare function followQuadratic(p0: Point, p1: Point, p2: Point, t: number): PathPoint;
+/**
+ * Follow a cubic Bezier curve
+ * @param p0 Start point
+ * @param p1 First control point
+ * @param p2 Second control point
+ * @param p3 End point
+ * @param t Progress (0-1)
+ * @returns Position and angle
+ */
+export declare function followCubic(p0: Point, p1: Point, p2: Point, p3: Point, t: number): PathPoint;
+/**
+ * Follow a circular path
+ * @param cx Center x
+ * @param cy Center y
+ * @param radius Circle radius
+ * @param t Progress (0-1, completes one full rotation)
+ * @returns Position and angle
+ */
+export declare function followCircle(cx: number, cy: number, radius: number, t: number): PathPoint;
+/**
+ * Follow an elliptical path
+ * @param cx Center x
+ * @param cy Center y
+ * @param rx Horizontal radius
+ * @param ry Vertical radius
+ * @param t Progress (0-1, completes one full rotation)
+ * @returns Position and angle
+ */
+export declare function followEllipse(cx: number, cy: number, rx: number, ry: number, t: number): PathPoint;
+/**
+ * Follow an arc (portion of a circle)
+ * @param cx Center x
+ * @param cy Center y
+ * @param radius Circle radius
+ * @param startAngle Starting angle in degrees
+ * @param endAngle Ending angle in degrees
+ * @param t Progress (0-1)
+ * @returns Position and angle
+ */
+export declare function followArc(cx: number, cy: number, radius: number, startAngle: number, endAngle: number, t: number): PathPoint;
+//# sourceMappingURL=path-helpers.d.ts.map

package/dist/lib/path-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-helpers.d.ts","sourceRoot":"","sources":["../../src/lib/path-helpers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,SAAS;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAMrE;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAerF;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAiB5F;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CASzF;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAWlG;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CACvB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,CAAC,EAAE,MAAM,GACR,SAAS,CAYX"}

package/dist/lib/path-helpers.js

@@ -0,0 +1,118 @@
+/**
+ * Path following helpers for video animations
+ * Returns position and rotation angle for elements following SVG paths
+ */
+/**
+ * Follow a straight line from p0 to p1
+ * @param p0 Start point
+ * @param p1 End point
+ * @param t Progress (0-1)
+ * @returns Position and angle
+ */
+export function followLine(p0, p1, t) {
+    const x = p0.x + (p1.x - p0.x) * t;
+    const y = p0.y + (p1.y - p0.y) * t;
+    const angle = Math.atan2(p1.y - p0.y, p1.x - p0.x) * (180 / Math.PI);
+    return { x, y, angle };
+}
+/**
+ * Follow a quadratic Bezier curve
+ * @param p0 Start point
+ * @param p1 Control point
+ * @param p2 End point
+ * @param t Progress (0-1)
+ * @returns Position and angle
+ */
+export function followQuadratic(p0, p1, p2, t) {
+    // Position on curve: (1-t)²·P0 + 2(1-t)t·P1 + t²·P2
+    const mt = 1 - t;
+    const mt2 = mt * mt;
+    const t2 = t * t;
+    const x = mt2 * p0.x + 2 * mt * t * p1.x + t2 * p2.x;
+    const y = mt2 * p0.y + 2 * mt * t * p1.y + t2 * p2.y;
+    // Tangent (derivative): 2(1-t)(P1-P0) + 2t(P2-P1)
+    const dx = 2 * mt * (p1.x - p0.x) + 2 * t * (p2.x - p1.x);
+    const dy = 2 * mt * (p1.y - p0.y) + 2 * t * (p2.y - p1.y);
+    const angle = Math.atan2(dy, dx) * (180 / Math.PI);
+    return { x, y, angle };
+}
+/**
+ * Follow a cubic Bezier curve
+ * @param p0 Start point
+ * @param p1 First control point
+ * @param p2 Second control point
+ * @param p3 End point
+ * @param t Progress (0-1)
+ * @returns Position and angle
+ */
+export function followCubic(p0, p1, p2, p3, t) {
+    // Position on curve: (1-t)³·P0 + 3(1-t)²t·P1 + 3(1-t)t²·P2 + t³·P3
+    const mt = 1 - t;
+    const mt2 = mt * mt;
+    const mt3 = mt2 * mt;
+    const t2 = t * t;
+    const t3 = t2 * t;
+    const x = mt3 * p0.x + 3 * mt2 * t * p1.x + 3 * mt * t2 * p2.x + t3 * p3.x;
+    const y = mt3 * p0.y + 3 * mt2 * t * p1.y + 3 * mt * t2 * p2.y + t3 * p3.y;
+    // Tangent (derivative)
+    const dx = -3 * mt2 * p0.x + 3 * mt2 * p1.x - 6 * mt * t * p1.x - 3 * t2 * p2.x + 6 * mt * t * p2.x + 3 * t2 * p3.x;
+    const dy = -3 * mt2 * p0.y + 3 * mt2 * p1.y - 6 * mt * t * p1.y - 3 * t2 * p2.y + 6 * mt * t * p2.y + 3 * t2 * p3.y;
+    const angle = Math.atan2(dy, dx) * (180 / Math.PI);
+    return { x, y, angle };
+}
+/**
+ * Follow a circular path
+ * @param cx Center x
+ * @param cy Center y
+ * @param radius Circle radius
+ * @param t Progress (0-1, completes one full rotation)
+ * @returns Position and angle
+ */
+export function followCircle(cx, cy, radius, t) {
+    const angleRadians = t * Math.PI * 2;
+    const x = cx + radius * Math.cos(angleRadians);
+    const y = cy + radius * Math.sin(angleRadians);
+    // Tangent is perpendicular to radius (90 degrees ahead)
+    const angle = (angleRadians * 180 / Math.PI) + 90;
+    return { x, y, angle };
+}
+/**
+ * Follow an elliptical path
+ * @param cx Center x
+ * @param cy Center y
+ * @param rx Horizontal radius
+ * @param ry Vertical radius
+ * @param t Progress (0-1, completes one full rotation)
+ * @returns Position and angle
+ */
+export function followEllipse(cx, cy, rx, ry, t) {
+    const angleRadians = t * Math.PI * 2;
+    const x = cx + rx * Math.cos(angleRadians);
+    const y = cy + ry * Math.sin(angleRadians);
+    // Tangent for ellipse
+    const dx = -rx * Math.sin(angleRadians);
+    const dy = ry * Math.cos(angleRadians);
+    const angle = Math.atan2(dy, dx) * (180 / Math.PI);
+    return { x, y, angle };
+}
+/**
+ * Follow an arc (portion of a circle)
+ * @param cx Center x
+ * @param cy Center y
+ * @param radius Circle radius
+ * @param startAngle Starting angle in degrees
+ * @param endAngle Ending angle in degrees
+ * @param t Progress (0-1)
+ * @returns Position and angle
+ */
+export function followArc(cx, cy, radius, startAngle, endAngle, t) {
+    const startRad = (startAngle * Math.PI) / 180;
+    const endRad = (endAngle * Math.PI) / 180;
+    const angleRadians = startRad + (endRad - startRad) * t;
+    const x = cx + radius * Math.cos(angleRadians);
+    const y = cy + radius * Math.sin(angleRadians);
+    // Tangent is perpendicular to radius (90 degrees ahead)
+    const angle = (angleRadians * 180 / Math.PI) + 90;
+    return { x, y, angle };
+}
+//# sourceMappingURL=path-helpers.js.map

package/dist/lib/path-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-helpers.js","sourceRoot":"","sources":["../../src/lib/path-helpers.ts"],"names":[],"mappings":"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"}

package/dist/lib/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/lib/renderer.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AA6B1D;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CAIzC;AAED;;;;;;GAMG;AACH,wBAAsB,YAAY,CAChC,YAAY,EAAE,MAAM,EACpB,UAAU,CAAC,EAAE,MAAM,GAClB,OAAO,CAAC;IAAE,MAAM,EAAE,GAAG,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC,CAqFhD;AAED;;GAEG;AACH,wBAAsB,WAAW,CAC/B,YAAY,EAAE,MAAM,EACpB,KAAK,GAAE,aAAkB,EACzB,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAC;IAAC,WAAW,CAAC,EAAE;QAAE,EAAE,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAA;CAAO,GACrH,OAAO,CAAC,MAAM,CAAC,CAwSjB;AAED;;GAEG;AACH,wBAAsB,WAAW,CAC/B,YAAY,EAAE,MAAM,EACpB,KAAK,GAAE,aAAkB,EACzB,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAA;CAAO,GAC9D,OAAO,CAAC,MAAM,CAAC,CAsBjB;AAED;;GAEG;AACH,wBAAsB,YAAY,CAChC,YAAY,EAAE,MAAM,EACpB,KAAK,GAAE,aAAkB,EACzB,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAA;CAAO,GAChF,OAAO,CAAC,MAAM,CAAC,CAwBjB;AAED;;GAEG;AACH,wBAAsB,YAAY,CAChC,YAAY,EAAE,MAAM,EACpB,KAAK,GAAE,aAAkB,EACzB,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,GAAG,CAAA;CAAO,GAC7B,OAAO,CAAC,MAAM,CAAC,CAUjB;AAGD;;GAEG;AACH,wBAAsB,UAAU,CAC9B,IAAI,EAAE,MAAM,GAAG,MAAM,EACrB,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC,CAEf;AAoLD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,wBAAsB,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,CA8B7E"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/lib/renderer.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AA6B1D;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CAIzC;AAED;;;;;;GAMG;AACH,wBAAsB,YAAY,CAChC,YAAY,EAAE,MAAM,EACpB,UAAU,CAAC,EAAE,MAAM,GAClB,OAAO,CAAC;IAAE,MAAM,EAAE,GAAG,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC,CAqFhD;AAED;;GAEG;AACH,wBAAsB,WAAW,CAC/B,YAAY,EAAE,MAAM,EACpB,KAAK,GAAE,aAAkB,EACzB,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAC;IAAC,WAAW,CAAC,EAAE;QAAE,EAAE,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAA;CAAO,GACrH,OAAO,CAAC,MAAM,CAAC,CA+WjB;AAED;;GAEG;AACH,wBAAsB,WAAW,CAC/B,YAAY,EAAE,MAAM,EACpB,KAAK,GAAE,aAAkB,EACzB,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAA;CAAO,GAC9D,OAAO,CAAC,MAAM,CAAC,CAsBjB;AAED;;GAEG;AACH,wBAAsB,YAAY,CAChC,YAAY,EAAE,MAAM,EACpB,KAAK,GAAE,aAAkB,EACzB,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAA;CAAO,GAChF,OAAO,CAAC,MAAM,CAAC,CAwBjB;AAED;;GAEG;AACH,wBAAsB,YAAY,CAChC,YAAY,EAAE,MAAM,EACpB,KAAK,GAAE,aAAkB,EACzB,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,GAAG,CAAA;CAAO,GAC7B,OAAO,CAAC,MAAM,CAAC,CAUjB;AAGD;;GAEG;AACH,wBAAsB,UAAU,CAC9B,IAAI,EAAE,MAAM,GAAG,MAAM,EACrB,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC,CAEf;AAoLD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,wBAAsB,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,CA8B7E"}