falling-animation 0.1.3 → 0.1.4

package/README.md

@@ -276,16 +276,16 @@ interface FireworksOptions {
   // Colors for fireworks (default: 10 festive colors)
   colors?: string[];
   
-  // Rockets per second (default: 1)
+  // Rockets per second (default: 0.5)
   launchRate?: number;
   
   // Particles per explosion (default: 50)
   particlesPerExplosion?: number;
   
-  // Rocket speed range (default: { min: 8, max: 15 })
+  // Rocket speed range (default: { min: 7, max: 12 })
   rocketSpeed?: { min: number; max: number };
   
-  // Explosion particle speed (default: { min: 2, max: 8 })
+  // Explosion particle speed (default: { min: 1, max: 6 })
   explosionSpeed?: { min: number; max: number };
   
   // Particle size in px (default: { min: 2, max: 6 })
@@ -300,6 +300,11 @@ interface FireworksOptions {
   // Auto start (default: true)
   autoStart?: boolean;
   
+  // Explosion pattern (default: 'random')
+  // Values: 'random' | 'circular' | 'double' | 'embers' | 'heart' | 'star' | 'ring' | 'palm' | 'willow' | 'chrysanthemum'
+  // Can also be an array: ['double', 'heart']
+  explosionPattern?: ExplosionPattern | ExplosionPattern[];
+
   // Z-index (default: 9999)
   zIndex?: number;
 }
@@ -333,49 +338,93 @@ fw.getIsRunning();
 
 ### Fireworks Examples
 
-#### Basic Fireworks Show
+### Explosion Patterns
+
+You can choose from 9 different explosion patterns or use a random mix!
+
+- `random`: Randomly selects a pattern for each explosion (default)
+- `circular`: Standard circular explosion
+- `double`: **Spectacular 2-stage explosion** (particles explode again!)
+- `waterfall`: **Waterfall effect** (gentle up, heavy rain down)
+- `embers`: Slow-falling, micro-particles (Tàn Lửa)
+- `heart`: ❤️ Heart shape
+- `star`: ⭐ Star shape
+- `ring`: 💍 Ring shape
+- `palm`: 🌴 Palm tree effect
+- `willow`: 🌳 Trailing willow effect
+- `chrysanthemum`: 🌼 Dense spherical burst
+
+### ✨ Recommended Presets
+
+Here are some beautiful configurations to get you started:
+
+#### 1. The Grand Finale (Spectacular Mix)
+Perfect for big celebrations. Uses double explosions and a mix of random patterns.
 
 ```javascript
-import { Fireworks } from 'falling-animation';
+const fireworks = new Fireworks({
+  launchRate: 2,
+  particlesPerExplosion: 50,
+  explosionPattern: ['double', 'random'], // Mix of single and double explosions
+  rocketSpeed: { min: 12, max: 18 },
+  explosionSpeed: { min: 3, max: 9 }
+});
+```
+
+#### 2. Romantic Hearts
+A gentle stream of heart-shaped fireworks, great for weddings or Valentine's.
 
+```javascript
 new Fireworks({
-  launchRate: 2,
-  particlesPerExplosion: 60
+  launchRate: 1,
+  particlesPerExplosion: 40,
+  explosionPattern: 'heart',
+  colors: ['#ff0000', '#ff69b4', '#ffffff'], // Red, Pink, White
+  gravity: 0.05, // Slower fall
+  rocketSpeed: { min: 10, max: 12 }
 });
 ```
 
-#### Custom Colors
+#### 3. Gentle Embers (Tàn Lửa)
+Soft, floating micro-particles that drift slowly. Very atmospheric.
 
 ```javascript
 new Fireworks({
-  colors: ['#ff0000', '#00ff00', '#0000ff', '#ffff00'],
-  launchRate: 1.5
+  launchRate: 3,
+  explosionPattern: 'embers',
+  rocketSpeed: { min: 8, max: 12 },
+  particleLifetime: { min: 2000, max: 4000 },
+  gravity: 0.05
 });
 ```
 
-#### New Year Celebration
+#### 4. New Year Countdown (Intense)
+High density, fast-paced action!
 
 ```javascript
 const fw = new Fireworks({
-  launchRate: 3,
-  particlesPerExplosion: 100,
-  gravity: 0.15,
-  particleLifetime: { min: 1500, max: 2500 }
+  launchRate: 4,               // Fast launch
+  particlesPerExplosion: 60,   // Dense explosions
+  explosionPattern: 'random',
+  explosionSpeed: { min: 5, max: 10 }
 });
 
-// Launch a burst at midnight!
-fw.burst(10);
+// Launch a massive burst manually when the timer hits zero!
+// fw.burst(15);
 ```
 
-#### Bounded Container
+#### 5. Single Shot (Manual Control)
+Want to trigger fireworks manually (e.g., on button click)?
 
 ```javascript
-new Fireworks({
-  container: '#celebration-box',
-  launchRate: 0.5,
-  particlesPerExplosion: 30,
-  zIndex: 100
+const fw = new Fireworks({
+  autoStart: false  // 1. Disable auto-start
 });
+
+// 2. Trigger manually whenever you want (e.g. onClick)
+fw.launch(); // Launches 1 rocket
+// or
+fw.burst(5); // Launches 5 rockets at once
 ```
 
 ---
@@ -387,3 +436,5 @@ MIT © [phongdh](https://github.com/phongdh)
 ## 🙏 Contributing
 
 Contributions are welcome! Please feel free to submit a Pull Request.
+
+> I'm currently figuring out how to implement the **Waterfall** or **Weeping Willow** effect properly. If you have experience with these physics/visuals, I'd love your help! Please feel free to open a Pull Request.

package/dist/falling-animation.cjs

@@ -388,8 +388,20 @@ class CanvasRenderer {
     /**
      * Clear the entire canvas
      */
-    clear() {
-        this.ctx.clearRect(0, 0, this.width, this.height);
+    /**
+     * Clear the entire canvas
+     * @param trail If true, fades out existing content instead of hard clear
+     */
+    clear(trail = false) {
+        if (trail) {
+            // "Trail trick": fill with semi-transparent black to create trails
+            // Adjust opacity for longer/shorter trails (current: very long trails)
+            this.ctx.fillStyle = 'rgba(0, 0, 0, 0.2)';
+            this.ctx.fillRect(0, 0, this.width, this.height);
+        }
+        else {
+            this.ctx.clearRect(0, 0, this.width, this.height);
+        }
     }
     /**
      * Pre-cache an emoji as a sprite for fast drawing (HiDPI aware)
@@ -836,10 +848,10 @@ const DEFAULT_COLORS = [
 ];
 const DEFAULTS = {
     colors: DEFAULT_COLORS,
-    launchRate: 1,
+    launchRate: 0.5,
     particlesPerExplosion: 50,
-    rocketSpeed: { min: 8, max: 15 },
-    explosionSpeed: { min: 2, max: 8 },
+    rocketSpeed: { min: 7, max: 12 },
+    explosionSpeed: { min: 1, max: 6 },
     particleSize: { min: 2, max: 6 },
     particleLifetime: { min: 1000, max: 2000 },
     gravity: 0.1,
@@ -898,8 +910,8 @@ class Fireworks {
                     const drag = particle.size < 2 ? 0.96 : 0.99;
                     particle.vx *= drag;
                     particle.vy *= drag;
-                    // Double pattern secondary explosion: trigger at 50% lifetime for stage 1 particles
-                    if (particle.stage === 1 && lifeProgress >= 0.5 && particle.targetY !== -1) {
+                    // Double pattern secondary explosion: trigger at 50% lifetime if flag is set
+                    if (particle.hasSecondaryExplosion && lifeProgress >= 0.5 && particle.targetY !== -1) {
                         // Mark as already triggered secondary explosion
                         particle.targetY = -1;
                         particlesToExplode.push(particle);
@@ -1029,7 +1041,7 @@ class Fireworks {
             pattern = patternOption[Math.floor(Math.random() * patternOption.length)];
         }
         else if (patternOption === 'random') {
-            const patterns = ['circular', 'ring', 'heart', 'star', 'willow', 'palm', 'chrysanthemum', 'embers', 'double'];
+            const patterns = ['circular', 'ring', 'heart', 'star', 'willow', 'palm', 'chrysanthemum', 'embers', 'double', 'waterfall'];
             pattern = patterns[Math.floor(Math.random() * patterns.length)];
         }
         else {
@@ -1059,6 +1071,8 @@ class Fireworks {
                 return this.createEmbersExplosion(rocket, count, color);
             case 'double':
                 return this.createDoubleExplosion(rocket, count, color);
+            case 'waterfall':
+                return this.createWaterfallExplosion(rocket, count, color);
             case 'circular':
             default:
                 return this.createCircularExplosion(rocket, count, color);
@@ -1210,7 +1224,40 @@ class Fireworks {
                 maxAge: randomFromRange(this.options.particleLifetime),
                 phase: 'explosion',
                 gravity: this.options.gravity,
-                stage: 1 // Mark as stage 1 - will trigger secondary explosion
+                stage: 1,
+                hasSecondaryExplosion: true, // Explicitly enable secondary explosion
+            };
+            particles.push(particle);
+        }
+        return particles;
+    }
+    /** Waterfall - Gentle explosion up, then heavy fall like water */
+    createWaterfallExplosion(rocket, count, color) {
+        const particles = [];
+        // Waterfall needs VERY high density to look like streams
+        const waterfallCount = Math.floor(count * 2.5);
+        for (let i = 0; i < waterfallCount; i++) {
+            // Semicircle upwards (0 to PI, negative for canvas Y)
+            // But we want a slight spread, mostly up
+            const angle = Math.PI + Math.random() * Math.PI; // Full arc upwards (-PI to 0 effectively)
+            // Low initial speed - "nổ nhẹ nhàng"
+            const speed = randomFromRange(this.options.explosionSpeed) * 0.4;
+            const particle = {
+                id: generateId(),
+                x: rocket.x,
+                y: rocket.y,
+                vx: Math.cos(angle) * speed,
+                vy: Math.sin(angle) * speed * 0.5, // Flatten the vertical explosion a bit
+                size: randomFromRange(this.options.particleSize),
+                opacity: 1,
+                color: this.getVariantColor(color),
+                age: 0,
+                // Long lifetime to fall down screen
+                maxAge: randomFromRange(this.options.particleLifetime) * 2.5,
+                phase: 'explosion',
+                // High gravity for waterfall effect
+                gravity: 0.25,
+                stage: 0
             };
             particles.push(particle);
         }
@@ -1378,4 +1425,3 @@ exports.animations = animations;
 exports.default = FallingAnimation;
 exports.getAnimation = getAnimation;
 exports.isBrowser = isBrowser;
-//# sourceMappingURL=falling-animation.cjs.map

package/dist/falling-animation.esm.js

@@ -384,8 +384,20 @@ class CanvasRenderer {
     /**
      * Clear the entire canvas
      */
-    clear() {
-        this.ctx.clearRect(0, 0, this.width, this.height);
+    /**
+     * Clear the entire canvas
+     * @param trail If true, fades out existing content instead of hard clear
+     */
+    clear(trail = false) {
+        if (trail) {
+            // "Trail trick": fill with semi-transparent black to create trails
+            // Adjust opacity for longer/shorter trails (current: very long trails)
+            this.ctx.fillStyle = 'rgba(0, 0, 0, 0.2)';
+            this.ctx.fillRect(0, 0, this.width, this.height);
+        }
+        else {
+            this.ctx.clearRect(0, 0, this.width, this.height);
+        }
     }
     /**
      * Pre-cache an emoji as a sprite for fast drawing (HiDPI aware)
@@ -832,10 +844,10 @@ const DEFAULT_COLORS = [
 ];
 const DEFAULTS = {
     colors: DEFAULT_COLORS,
-    launchRate: 1,
+    launchRate: 0.5,
     particlesPerExplosion: 50,
-    rocketSpeed: { min: 8, max: 15 },
-    explosionSpeed: { min: 2, max: 8 },
+    rocketSpeed: { min: 7, max: 12 },
+    explosionSpeed: { min: 1, max: 6 },
     particleSize: { min: 2, max: 6 },
     particleLifetime: { min: 1000, max: 2000 },
     gravity: 0.1,
@@ -894,8 +906,8 @@ class Fireworks {
                     const drag = particle.size < 2 ? 0.96 : 0.99;
                     particle.vx *= drag;
                     particle.vy *= drag;
-                    // Double pattern secondary explosion: trigger at 50% lifetime for stage 1 particles
-                    if (particle.stage === 1 && lifeProgress >= 0.5 && particle.targetY !== -1) {
+                    // Double pattern secondary explosion: trigger at 50% lifetime if flag is set
+                    if (particle.hasSecondaryExplosion && lifeProgress >= 0.5 && particle.targetY !== -1) {
                         // Mark as already triggered secondary explosion
                         particle.targetY = -1;
                         particlesToExplode.push(particle);
@@ -1025,7 +1037,7 @@ class Fireworks {
             pattern = patternOption[Math.floor(Math.random() * patternOption.length)];
         }
         else if (patternOption === 'random') {
-            const patterns = ['circular', 'ring', 'heart', 'star', 'willow', 'palm', 'chrysanthemum', 'embers', 'double'];
+            const patterns = ['circular', 'ring', 'heart', 'star', 'willow', 'palm', 'chrysanthemum', 'embers', 'double', 'waterfall'];
             pattern = patterns[Math.floor(Math.random() * patterns.length)];
         }
         else {
@@ -1055,6 +1067,8 @@ class Fireworks {
                 return this.createEmbersExplosion(rocket, count, color);
             case 'double':
                 return this.createDoubleExplosion(rocket, count, color);
+            case 'waterfall':
+                return this.createWaterfallExplosion(rocket, count, color);
             case 'circular':
             default:
                 return this.createCircularExplosion(rocket, count, color);
@@ -1206,7 +1220,40 @@ class Fireworks {
                 maxAge: randomFromRange(this.options.particleLifetime),
                 phase: 'explosion',
                 gravity: this.options.gravity,
-                stage: 1 // Mark as stage 1 - will trigger secondary explosion
+                stage: 1,
+                hasSecondaryExplosion: true, // Explicitly enable secondary explosion
+            };
+            particles.push(particle);
+        }
+        return particles;
+    }
+    /** Waterfall - Gentle explosion up, then heavy fall like water */
+    createWaterfallExplosion(rocket, count, color) {
+        const particles = [];
+        // Waterfall needs VERY high density to look like streams
+        const waterfallCount = Math.floor(count * 2.5);
+        for (let i = 0; i < waterfallCount; i++) {
+            // Semicircle upwards (0 to PI, negative for canvas Y)
+            // But we want a slight spread, mostly up
+            const angle = Math.PI + Math.random() * Math.PI; // Full arc upwards (-PI to 0 effectively)
+            // Low initial speed - "nổ nhẹ nhàng"
+            const speed = randomFromRange(this.options.explosionSpeed) * 0.4;
+            const particle = {
+                id: generateId(),
+                x: rocket.x,
+                y: rocket.y,
+                vx: Math.cos(angle) * speed,
+                vy: Math.sin(angle) * speed * 0.5, // Flatten the vertical explosion a bit
+                size: randomFromRange(this.options.particleSize),
+                opacity: 1,
+                color: this.getVariantColor(color),
+                age: 0,
+                // Long lifetime to fall down screen
+                maxAge: randomFromRange(this.options.particleLifetime) * 2.5,
+                phase: 'explosion',
+                // High gravity for waterfall effect
+                gravity: 0.25,
+                stage: 0
             };
             particles.push(particle);
         }
@@ -1369,4 +1416,3 @@ class Fireworks {
 // Main classes
 
 export { FallingAnimation, Fireworks, animations, FallingAnimation as default, getAnimation, isBrowser };
-//# sourceMappingURL=falling-animation.esm.js.map

package/dist/falling-animation.umd.js

@@ -390,8 +390,20 @@
         /**
          * Clear the entire canvas
          */
-        clear() {
-            this.ctx.clearRect(0, 0, this.width, this.height);
+        /**
+         * Clear the entire canvas
+         * @param trail If true, fades out existing content instead of hard clear
+         */
+        clear(trail = false) {
+            if (trail) {
+                // "Trail trick": fill with semi-transparent black to create trails
+                // Adjust opacity for longer/shorter trails (current: very long trails)
+                this.ctx.fillStyle = 'rgba(0, 0, 0, 0.2)';
+                this.ctx.fillRect(0, 0, this.width, this.height);
+            }
+            else {
+                this.ctx.clearRect(0, 0, this.width, this.height);
+            }
         }
         /**
          * Pre-cache an emoji as a sprite for fast drawing (HiDPI aware)
@@ -838,10 +850,10 @@
     ];
     const DEFAULTS = {
         colors: DEFAULT_COLORS,
-        launchRate: 1,
+        launchRate: 0.5,
         particlesPerExplosion: 50,
-        rocketSpeed: { min: 8, max: 15 },
-        explosionSpeed: { min: 2, max: 8 },
+        rocketSpeed: { min: 7, max: 12 },
+        explosionSpeed: { min: 1, max: 6 },
         particleSize: { min: 2, max: 6 },
         particleLifetime: { min: 1000, max: 2000 },
         gravity: 0.1,
@@ -900,8 +912,8 @@
                         const drag = particle.size < 2 ? 0.96 : 0.99;
                         particle.vx *= drag;
                         particle.vy *= drag;
-                        // Double pattern secondary explosion: trigger at 50% lifetime for stage 1 particles
-                        if (particle.stage === 1 && lifeProgress >= 0.5 && particle.targetY !== -1) {
+                        // Double pattern secondary explosion: trigger at 50% lifetime if flag is set
+                        if (particle.hasSecondaryExplosion && lifeProgress >= 0.5 && particle.targetY !== -1) {
                             // Mark as already triggered secondary explosion
                             particle.targetY = -1;
                             particlesToExplode.push(particle);
@@ -1031,7 +1043,7 @@
                 pattern = patternOption[Math.floor(Math.random() * patternOption.length)];
             }
             else if (patternOption === 'random') {
-                const patterns = ['circular', 'ring', 'heart', 'star', 'willow', 'palm', 'chrysanthemum', 'embers', 'double'];
+                const patterns = ['circular', 'ring', 'heart', 'star', 'willow', 'palm', 'chrysanthemum', 'embers', 'double', 'waterfall'];
                 pattern = patterns[Math.floor(Math.random() * patterns.length)];
             }
             else {
@@ -1061,6 +1073,8 @@
                     return this.createEmbersExplosion(rocket, count, color);
                 case 'double':
                     return this.createDoubleExplosion(rocket, count, color);
+                case 'waterfall':
+                    return this.createWaterfallExplosion(rocket, count, color);
                 case 'circular':
                 default:
                     return this.createCircularExplosion(rocket, count, color);
@@ -1212,7 +1226,40 @@
                     maxAge: randomFromRange(this.options.particleLifetime),
                     phase: 'explosion',
                     gravity: this.options.gravity,
-                    stage: 1 // Mark as stage 1 - will trigger secondary explosion
+                    stage: 1,
+                    hasSecondaryExplosion: true, // Explicitly enable secondary explosion
+                };
+                particles.push(particle);
+            }
+            return particles;
+        }
+        /** Waterfall - Gentle explosion up, then heavy fall like water */
+        createWaterfallExplosion(rocket, count, color) {
+            const particles = [];
+            // Waterfall needs VERY high density to look like streams
+            const waterfallCount = Math.floor(count * 2.5);
+            for (let i = 0; i < waterfallCount; i++) {
+                // Semicircle upwards (0 to PI, negative for canvas Y)
+                // But we want a slight spread, mostly up
+                const angle = Math.PI + Math.random() * Math.PI; // Full arc upwards (-PI to 0 effectively)
+                // Low initial speed - "nổ nhẹ nhàng"
+                const speed = randomFromRange(this.options.explosionSpeed) * 0.4;
+                const particle = {
+                    id: generateId(),
+                    x: rocket.x,
+                    y: rocket.y,
+                    vx: Math.cos(angle) * speed,
+                    vy: Math.sin(angle) * speed * 0.5, // Flatten the vertical explosion a bit
+                    size: randomFromRange(this.options.particleSize),
+                    opacity: 1,
+                    color: this.getVariantColor(color),
+                    age: 0,
+                    // Long lifetime to fall down screen
+                    maxAge: randomFromRange(this.options.particleLifetime) * 2.5,
+                    phase: 'explosion',
+                    // High gravity for waterfall effect
+                    gravity: 0.25,
+                    stage: 0
                 };
                 particles.push(particle);
             }
@@ -1384,4 +1431,3 @@
     Object.defineProperty(exports, '__esModule', { value: true });
 
 }));
-//# sourceMappingURL=falling-animation.umd.js.map

package/dist/falling-animation.umd.min.js

@@ -1,4 +1,4 @@
-!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((t="undefined"!=typeof globalThis?globalThis:t||self).FallingAnimation={})}(this,function(t){"use strict";function i(t,i){return Math.random()*(i-t)+t}function e(t){return i(t.min,t.max)}let s=0;function n(){return++s}function o(){return"undefined"!=typeof window&&"undefined"!=typeof document}function a(t,i){let e=!1;return function(...s){e||(t.apply(this,s),e=!0,setTimeout(()=>e=!1,i))}}const r=(t,i)=>{0===t.vy&&0===t.vx||(t.y+=t.vy*i,t.x+=t.vx*i)},h={fall:r,swing:(t,i,e)=>{if(t.rotation=20*Math.sin(.002*(e+t.phase)),0===t.vy&&0===t.vx)return;t.y+=t.vy*i;const s=30*Math.sin(.002*(e+t.phase));t.x+=t.vx*i+.05*s},rotate:(t,i)=>{t.rotation+=t.rotationSpeed*i,0===t.vy&&0===t.vx||(t.y+=t.vy*i,t.x+=t.vx*i)},flutter:(t,i,e)=>{const s=.005;if(t.rotation=30*Math.sin((e+t.phase)*s),0===t.vy&&0===t.vx)return;const n=40*Math.sin((e+t.phase)*s);t.x+=t.vx*i+.03*n;const o=.3*Math.sin((e+t.phase)*s*2);t.y+=(t.vy+o)*i},spiral:(t,i,e)=>{const s=.003*(e+t.phase);if(t.rotation=s*(180/Math.PI),0===t.vy&&0===t.vx)return;t.y+=t.vy*i,t.x+=t.vx*i+25*Math.cos(s)*.02},tumble:(t,i,e)=>{var s,n,o;const a=null!==(s=t.data.tumbleSpeed)&&void 0!==s?s:5;if(t.rotation+=a*i,0===t.vy&&0===t.vx)return;const r=null!==(n=t.data.wobbleX)&&void 0!==n?n:.02,h=null!==(o=t.data.wobbleY)&&void 0!==o?o:.01;t.y+=t.vy*i,t.x+=t.vx*i+20*Math.sin((e+t.phase)*r)*.02,t.y+=.5*Math.sin((e+1.5*t.phase)*h)},zigzag:(t,i,e)=>{const s=(e+t.phase)%500/500,n=2*Math.abs(2*s-1)-1;if(t.rotation=25*n,0===t.vy&&0===t.vx)return;t.y+=t.vy*i,t.x+=t.vx*i+50*n*.02},float:(t,i,e)=>{const s=.001;if(t.rotation=10*Math.sin((e+t.phase)*s),0===t.vy&&0===t.vx)return;const n=5*Math.sin((e+t.phase)*s*2);t.y+=(.5*t.vy+.01*n)*i;const o=20*Math.sin((e+t.phase)*s);t.x+=t.vx*i+.01*o}};function l(t){var i;return null!==(i=h[t])&&void 0!==i?i:r}class c{constructor(t,s,o){this.id=n(),this.age=0,this.phase=Math.random()*Math.PI*2,this.data={},this.containerWidth=s,this.containerHeight=o;const a=function(t){var i;const e=t.reduce((t,i)=>{var e;return t+(null!==(e=i.weight)&&void 0!==e?e:1)},0);let s=Math.random()*e;for(const e of t)if(s-=null!==(i=e.weight)&&void 0!==i?i:1,s<=0)return e;return t[t.length-1]}(t.objects);var r;this.content=a.src||a.content||"❄️",this.objectType=a.type,this.x=i(-50,this.containerWidth+50),this.y=-50,this.vy=.04*e(t.speed),this.vx=.04*t.wind*i(.5,1.5),this.size=e(t.size),this.opacity=e(t.opacity),this.rotation=i(0,360),this.rotationSpeed=i(-3,3),this.animation=(r=t.animation)[Math.floor(Math.random()*r.length)],this.initAnimationData()}initAnimationData(){"tumble"===this.animation&&(this.data.tumbleSpeed=i(3,8),this.data.wobbleX=i(.01,.03),this.data.wobbleY=i(.005,.015))}update(t,i){this.age+=t;l(this.animation)(this,t,i)}isOutOfBounds(){return this.y>this.containerHeight+100||this.x<-100||this.x>this.containerWidth+100}updateContainerSize(t,i){this.containerWidth=t,this.containerHeight=i}}class p{constructor(t,i=9999){if(this.spriteCache=new Map,this.imageCache=new Map,this.width=0,this.height=0,!o())throw new Error("[falling-animation] CanvasRenderer requires a browser environment.");this.canvas=document.createElement("canvas"),this.canvas.className="falling-animation-canvas";const e=this.canvas.getContext("2d");if(!e)throw new Error("[falling-animation] Could not get 2D context from canvas.");this.ctx=e;const s=t===document.body;if(Object.assign(this.canvas.style,{position:s?"fixed":"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none",zIndex:String(i)}),!s){"static"===getComputedStyle(t).position&&(t.style.position="relative")}t.appendChild(this.canvas),this.resize()}resize(){var t;const i=null===(t=this.canvas.parentElement)||void 0===t?void 0:t.getBoundingClientRect();if(i){const t=window.devicePixelRatio||1;this.width=i.width,this.height=i.height,this.canvas.width=this.width*t,this.canvas.height=this.height*t,this.ctx.scale(t,t)}}getSize(){return{width:this.width,height:this.height}}clear(){this.ctx.clearRect(0,0,this.width,this.height)}cacheEmoji(t,i){const e=window.devicePixelRatio||1,s=`emoji:${t}:${i}:${e}`;if(this.spriteCache.has(s))return this.spriteCache.get(s);const n=document.createElement("canvas"),o=i+2*(.3*i),a=o*e;n.width=a,n.height=a;const r=n.getContext("2d");r.scale(e,e),r.imageSmoothingEnabled=!0,r.imageSmoothingQuality="high";const h=1*i;r.font=`${h}px "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Android Emoji", "EmojiOne", sans-serif`,r.textAlign="center",r.textBaseline="middle",r.fillText(t,o/2,o/2);const l={canvas:n,width:o,height:o};return this.spriteCache.set(s,l),l}preloadImage(t){return this.imageCache.has(t)?Promise.resolve(this.imageCache.get(t)):new Promise((i,e)=>{const s=new Image;s.crossOrigin="anonymous",s.onload=()=>{this.imageCache.set(t,s),i(s)},s.onerror=e,s.src=t})}drawParticle(t){const{x:i,y:e,rotation:s,size:n,opacity:o,content:a,type:r}=t;if(this.ctx.save(),this.ctx.globalAlpha=o,this.ctx.translate(i,e),this.ctx.rotate(s*Math.PI/180),"emoji"===r){const t=this.cacheEmoji(a,Math.round(n));this.ctx.drawImage(t.canvas,-t.width/2,-t.height/2,t.width,t.height)}else if("image"===r){const t=this.imageCache.get(a);t&&this.ctx.drawImage(t,-n/2,-n/2,n,n)}this.ctx.restore()}drawParticles(t){for(const i of t)this.drawParticle(i)}drawFireworkParticle(t){const{x:i,y:e,size:s,opacity:n,color:o}=t;this.ctx.save(),this.ctx.globalAlpha=n,this.ctx.shadowColor=o,this.ctx.shadowBlur=2*s,this.ctx.fillStyle=o,this.ctx.beginPath(),this.ctx.arc(i,e,s,0,2*Math.PI),this.ctx.fill(),this.ctx.restore()}drawFireworkParticles(t){for(const i of t)this.drawFireworkParticle(i)}destroy(){this.canvas.remove(),this.spriteCache.clear(),this.imageCache.clear()}}const d={speed:{min:2,max:5},spawnRate:3,maxParticles:50,animation:["fall"],size:{min:20,max:40},opacity:{min:.6,max:1},wind:0,autoStart:!0,zIndex:9999,responsive:!0};class u{constructor(t){if(this.particles=[],this.renderer=null,this.isRunning=!1,this.isPaused=!1,this.animationId=null,this.lastSpawnTime=0,this.startTime=0,this.lastFrameTime=0,this.resizeHandler=null,this.animate=t=>{if(!this.isRunning||!this.renderer)return;0===this.lastFrameTime&&(this.lastFrameTime=t,this.startTime=t);const i=Math.min(t-this.lastFrameTime,50),e=t-this.startTime;this.lastFrameTime=t;const s=1e3/this.options.spawnRate;t-this.lastSpawnTime>=s&&(this.spawnParticle(),this.lastSpawnTime=t);const n=[];for(const t of this.particles)t.update(i,e),t.isOutOfBounds()&&n.push(t);n.forEach(t=>this.removeParticle(t)),this.renderer.clear();const o=this.particles.map(t=>({x:t.x,y:t.y,rotation:t.rotation,size:t.size,opacity:t.opacity,content:t.content,type:"image"===t.objectType?"image":"emoji"}));this.renderer.drawParticles(o),this.animationId=requestAnimationFrame(this.animate)},!t.objects||0===t.objects.length)throw new Error('[falling-animation] "objects" option is required and must not be empty');this.options=this.resolveOptions(t),this.renderer=new p(this.options.container,this.options.zIndex),this.preloadImages(),this.options.responsive&&this.setupResizeHandler(),this.options.autoStart&&this.start()}async preloadImages(){if(this.renderer)for(const t of this.options.objects)if("image"===t.type){const i=t.src||t.content;if(i)try{await this.renderer.preloadImage(i)}catch(t){console.warn(`[falling-animation] Failed to preload image: ${i}`)}}}resolveOptions(t){var i,e,s,n,a,r,h,l,c;const p=function(t){if(!o())throw new Error("[falling-animation] This library requires a browser environment. If using SSR (Next.js, Nuxt, etc.), make sure to only initialize on the client side.");if(!t)return document.body;if("string"==typeof t){return document.querySelector(t)||(console.warn(`[falling-animation] Container "${t}" not found, using document.body`),document.body)}return t}(t.container);let u;return u=t.animation?"string"==typeof t.animation?[t.animation]:t.animation:d.animation,{container:p,objects:t.objects,speed:null!==(i=t.speed)&&void 0!==i?i:d.speed,spawnRate:null!==(e=t.spawnRate)&&void 0!==e?e:d.spawnRate,maxParticles:null!==(s=t.maxParticles)&&void 0!==s?s:d.maxParticles,animation:u,size:null!==(n=t.size)&&void 0!==n?n:d.size,opacity:null!==(a=t.opacity)&&void 0!==a?a:d.opacity,wind:null!==(r=t.wind)&&void 0!==r?r:d.wind,autoStart:null!==(h=t.autoStart)&&void 0!==h?h:d.autoStart,zIndex:null!==(l=t.zIndex)&&void 0!==l?l:d.zIndex,responsive:null!==(c=t.responsive)&&void 0!==c?c:d.responsive}}setupResizeHandler(){this.resizeHandler=a(()=>{if(this.renderer){this.renderer.resize();const{width:t,height:i}=this.renderer.getSize();this.particles.forEach(e=>{e.updateContainerSize(t,i)})}},200),window.addEventListener("resize",this.resizeHandler)}spawnParticle(){if(this.particles.length>=this.options.maxParticles)return;if(!this.renderer)return;const{width:t,height:i}=this.renderer.getSize(),e=new c(this.options,t,i);this.particles.push(e)}removeParticle(t){const i=this.particles.indexOf(t);i>-1&&this.particles.splice(i,1)}start(){this.isRunning||(this.isRunning=!0,this.isPaused=!1,this.lastFrameTime=0,this.lastSpawnTime=0,this.animationId=requestAnimationFrame(this.animate))}stop(){this.isRunning=!1,this.isPaused=!1,null!==this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null),this.particles=[],this.renderer&&this.renderer.clear()}pause(){this.isRunning&&!this.isPaused&&(this.isPaused=!0,this.isRunning=!1,null!==this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null))}resume(){!this.isRunning&&this.isPaused&&(this.isRunning=!0,this.isPaused=!1,this.lastFrameTime=0,this.animationId=requestAnimationFrame(this.animate))}setOptions(t){t.speed&&(this.options.speed=t.speed),void 0!==t.spawnRate&&(this.options.spawnRate=t.spawnRate),void 0!==t.maxParticles&&(this.options.maxParticles=t.maxParticles),t.animation&&(this.options.animation="string"==typeof t.animation?[t.animation]:t.animation),t.size&&(this.options.size=t.size),t.opacity&&(this.options.opacity=t.opacity),void 0!==t.wind&&(this.options.wind=t.wind),t.objects&&(this.options.objects=t.objects,this.preloadImages())}getParticleCount(){return this.particles.length}getIsRunning(){return this.isRunning}getIsPaused(){return this.isPaused}destroy(){this.stop(),this.renderer&&(this.renderer.destroy(),this.renderer=null),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),this.resizeHandler=null)}}const m={colors:["#ff0000","#ff6b00","#ffff00","#00ff00","#00ffff","#0066ff","#ff00ff","#ffffff","#ff69b4","#ffd700"],launchRate:1,particlesPerExplosion:50,rocketSpeed:{min:8,max:15},explosionSpeed:{min:2,max:8},particleSize:{min:2,max:6},particleLifetime:{min:1e3,max:2e3},gravity:.1,trail:!0,explosionPattern:"circular",autoStart:!0,zIndex:9999};
+!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((t="undefined"!=typeof globalThis?globalThis:t||self).FallingAnimation={})}(this,function(t){"use strict";function i(t,i){return Math.random()*(i-t)+t}function e(t){return i(t.min,t.max)}let s=0;function n(){return++s}function o(){return"undefined"!=typeof window&&"undefined"!=typeof document}function a(t,i){let e=!1;return function(...s){e||(t.apply(this,s),e=!0,setTimeout(()=>e=!1,i))}}const r=(t,i)=>{0===t.vy&&0===t.vx||(t.y+=t.vy*i,t.x+=t.vx*i)},h={fall:r,swing:(t,i,e)=>{if(t.rotation=20*Math.sin(.002*(e+t.phase)),0===t.vy&&0===t.vx)return;t.y+=t.vy*i;const s=30*Math.sin(.002*(e+t.phase));t.x+=t.vx*i+.05*s},rotate:(t,i)=>{t.rotation+=t.rotationSpeed*i,0===t.vy&&0===t.vx||(t.y+=t.vy*i,t.x+=t.vx*i)},flutter:(t,i,e)=>{const s=.005;if(t.rotation=30*Math.sin((e+t.phase)*s),0===t.vy&&0===t.vx)return;const n=40*Math.sin((e+t.phase)*s);t.x+=t.vx*i+.03*n;const o=.3*Math.sin((e+t.phase)*s*2);t.y+=(t.vy+o)*i},spiral:(t,i,e)=>{const s=.003*(e+t.phase);if(t.rotation=s*(180/Math.PI),0===t.vy&&0===t.vx)return;t.y+=t.vy*i,t.x+=t.vx*i+25*Math.cos(s)*.02},tumble:(t,i,e)=>{var s,n,o;const a=null!==(s=t.data.tumbleSpeed)&&void 0!==s?s:5;if(t.rotation+=a*i,0===t.vy&&0===t.vx)return;const r=null!==(n=t.data.wobbleX)&&void 0!==n?n:.02,h=null!==(o=t.data.wobbleY)&&void 0!==o?o:.01;t.y+=t.vy*i,t.x+=t.vx*i+20*Math.sin((e+t.phase)*r)*.02,t.y+=.5*Math.sin((e+1.5*t.phase)*h)},zigzag:(t,i,e)=>{const s=(e+t.phase)%500/500,n=2*Math.abs(2*s-1)-1;if(t.rotation=25*n,0===t.vy&&0===t.vx)return;t.y+=t.vy*i,t.x+=t.vx*i+50*n*.02},float:(t,i,e)=>{const s=.001;if(t.rotation=10*Math.sin((e+t.phase)*s),0===t.vy&&0===t.vx)return;const n=5*Math.sin((e+t.phase)*s*2);t.y+=(.5*t.vy+.01*n)*i;const o=20*Math.sin((e+t.phase)*s);t.x+=t.vx*i+.01*o}};function l(t){var i;return null!==(i=h[t])&&void 0!==i?i:r}class c{constructor(t,s,o){this.id=n(),this.age=0,this.phase=Math.random()*Math.PI*2,this.data={},this.containerWidth=s,this.containerHeight=o;const a=function(t){var i;const e=t.reduce((t,i)=>{var e;return t+(null!==(e=i.weight)&&void 0!==e?e:1)},0);let s=Math.random()*e;for(const e of t)if(s-=null!==(i=e.weight)&&void 0!==i?i:1,s<=0)return e;return t[t.length-1]}(t.objects);var r;this.content=a.src||a.content||"❄️",this.objectType=a.type,this.x=i(-50,this.containerWidth+50),this.y=-50,this.vy=.04*e(t.speed),this.vx=.04*t.wind*i(.5,1.5),this.size=e(t.size),this.opacity=e(t.opacity),this.rotation=i(0,360),this.rotationSpeed=i(-3,3),this.animation=(r=t.animation)[Math.floor(Math.random()*r.length)],this.initAnimationData()}initAnimationData(){"tumble"===this.animation&&(this.data.tumbleSpeed=i(3,8),this.data.wobbleX=i(.01,.03),this.data.wobbleY=i(.005,.015))}update(t,i){this.age+=t;l(this.animation)(this,t,i)}isOutOfBounds(){return this.y>this.containerHeight+100||this.x<-100||this.x>this.containerWidth+100}updateContainerSize(t,i){this.containerWidth=t,this.containerHeight=i}}class p{constructor(t,i=9999){if(this.spriteCache=new Map,this.imageCache=new Map,this.width=0,this.height=0,!o())throw new Error("[falling-animation] CanvasRenderer requires a browser environment.");this.canvas=document.createElement("canvas"),this.canvas.className="falling-animation-canvas";const e=this.canvas.getContext("2d");if(!e)throw new Error("[falling-animation] Could not get 2D context from canvas.");this.ctx=e;const s=t===document.body;if(Object.assign(this.canvas.style,{position:s?"fixed":"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none",zIndex:String(i)}),!s){"static"===getComputedStyle(t).position&&(t.style.position="relative")}t.appendChild(this.canvas),this.resize()}resize(){var t;const i=null===(t=this.canvas.parentElement)||void 0===t?void 0:t.getBoundingClientRect();if(i){const t=window.devicePixelRatio||1;this.width=i.width,this.height=i.height,this.canvas.width=this.width*t,this.canvas.height=this.height*t,this.ctx.scale(t,t)}}getSize(){return{width:this.width,height:this.height}}clear(t=!1){t?(this.ctx.fillStyle="rgba(0, 0, 0, 0.2)",this.ctx.fillRect(0,0,this.width,this.height)):this.ctx.clearRect(0,0,this.width,this.height)}cacheEmoji(t,i){const e=window.devicePixelRatio||1,s=`emoji:${t}:${i}:${e}`;if(this.spriteCache.has(s))return this.spriteCache.get(s);const n=document.createElement("canvas"),o=i+2*(.3*i),a=o*e;n.width=a,n.height=a;const r=n.getContext("2d");r.scale(e,e),r.imageSmoothingEnabled=!0,r.imageSmoothingQuality="high";const h=1*i;r.font=`${h}px "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Android Emoji", "EmojiOne", sans-serif`,r.textAlign="center",r.textBaseline="middle",r.fillText(t,o/2,o/2);const l={canvas:n,width:o,height:o};return this.spriteCache.set(s,l),l}preloadImage(t){return this.imageCache.has(t)?Promise.resolve(this.imageCache.get(t)):new Promise((i,e)=>{const s=new Image;s.crossOrigin="anonymous",s.onload=()=>{this.imageCache.set(t,s),i(s)},s.onerror=e,s.src=t})}drawParticle(t){const{x:i,y:e,rotation:s,size:n,opacity:o,content:a,type:r}=t;if(this.ctx.save(),this.ctx.globalAlpha=o,this.ctx.translate(i,e),this.ctx.rotate(s*Math.PI/180),"emoji"===r){const t=this.cacheEmoji(a,Math.round(n));this.ctx.drawImage(t.canvas,-t.width/2,-t.height/2,t.width,t.height)}else if("image"===r){const t=this.imageCache.get(a);t&&this.ctx.drawImage(t,-n/2,-n/2,n,n)}this.ctx.restore()}drawParticles(t){for(const i of t)this.drawParticle(i)}drawFireworkParticle(t){const{x:i,y:e,size:s,opacity:n,color:o}=t;this.ctx.save(),this.ctx.globalAlpha=n,this.ctx.shadowColor=o,this.ctx.shadowBlur=2*s,this.ctx.fillStyle=o,this.ctx.beginPath(),this.ctx.arc(i,e,s,0,2*Math.PI),this.ctx.fill(),this.ctx.restore()}drawFireworkParticles(t){for(const i of t)this.drawFireworkParticle(i)}destroy(){this.canvas.remove(),this.spriteCache.clear(),this.imageCache.clear()}}const d={speed:{min:2,max:5},spawnRate:3,maxParticles:50,animation:["fall"],size:{min:20,max:40},opacity:{min:.6,max:1},wind:0,autoStart:!0,zIndex:9999,responsive:!0};class u{constructor(t){if(this.particles=[],this.renderer=null,this.isRunning=!1,this.isPaused=!1,this.animationId=null,this.lastSpawnTime=0,this.startTime=0,this.lastFrameTime=0,this.resizeHandler=null,this.animate=t=>{if(!this.isRunning||!this.renderer)return;0===this.lastFrameTime&&(this.lastFrameTime=t,this.startTime=t);const i=Math.min(t-this.lastFrameTime,50),e=t-this.startTime;this.lastFrameTime=t;const s=1e3/this.options.spawnRate;t-this.lastSpawnTime>=s&&(this.spawnParticle(),this.lastSpawnTime=t);const n=[];for(const t of this.particles)t.update(i,e),t.isOutOfBounds()&&n.push(t);n.forEach(t=>this.removeParticle(t)),this.renderer.clear();const o=this.particles.map(t=>({x:t.x,y:t.y,rotation:t.rotation,size:t.size,opacity:t.opacity,content:t.content,type:"image"===t.objectType?"image":"emoji"}));this.renderer.drawParticles(o),this.animationId=requestAnimationFrame(this.animate)},!t.objects||0===t.objects.length)throw new Error('[falling-animation] "objects" option is required and must not be empty');this.options=this.resolveOptions(t),this.renderer=new p(this.options.container,this.options.zIndex),this.preloadImages(),this.options.responsive&&this.setupResizeHandler(),this.options.autoStart&&this.start()}async preloadImages(){if(this.renderer)for(const t of this.options.objects)if("image"===t.type){const i=t.src||t.content;if(i)try{await this.renderer.preloadImage(i)}catch(t){console.warn(`[falling-animation] Failed to preload image: ${i}`)}}}resolveOptions(t){var i,e,s,n,a,r,h,l,c;const p=function(t){if(!o())throw new Error("[falling-animation] This library requires a browser environment. If using SSR (Next.js, Nuxt, etc.), make sure to only initialize on the client side.");if(!t)return document.body;if("string"==typeof t){return document.querySelector(t)||(console.warn(`[falling-animation] Container "${t}" not found, using document.body`),document.body)}return t}(t.container);let u;return u=t.animation?"string"==typeof t.animation?[t.animation]:t.animation:d.animation,{container:p,objects:t.objects,speed:null!==(i=t.speed)&&void 0!==i?i:d.speed,spawnRate:null!==(e=t.spawnRate)&&void 0!==e?e:d.spawnRate,maxParticles:null!==(s=t.maxParticles)&&void 0!==s?s:d.maxParticles,animation:u,size:null!==(n=t.size)&&void 0!==n?n:d.size,opacity:null!==(a=t.opacity)&&void 0!==a?a:d.opacity,wind:null!==(r=t.wind)&&void 0!==r?r:d.wind,autoStart:null!==(h=t.autoStart)&&void 0!==h?h:d.autoStart,zIndex:null!==(l=t.zIndex)&&void 0!==l?l:d.zIndex,responsive:null!==(c=t.responsive)&&void 0!==c?c:d.responsive}}setupResizeHandler(){this.resizeHandler=a(()=>{if(this.renderer){this.renderer.resize();const{width:t,height:i}=this.renderer.getSize();this.particles.forEach(e=>{e.updateContainerSize(t,i)})}},200),window.addEventListener("resize",this.resizeHandler)}spawnParticle(){if(this.particles.length>=this.options.maxParticles)return;if(!this.renderer)return;const{width:t,height:i}=this.renderer.getSize(),e=new c(this.options,t,i);this.particles.push(e)}removeParticle(t){const i=this.particles.indexOf(t);i>-1&&this.particles.splice(i,1)}start(){this.isRunning||(this.isRunning=!0,this.isPaused=!1,this.lastFrameTime=0,this.lastSpawnTime=0,this.animationId=requestAnimationFrame(this.animate))}stop(){this.isRunning=!1,this.isPaused=!1,null!==this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null),this.particles=[],this.renderer&&this.renderer.clear()}pause(){this.isRunning&&!this.isPaused&&(this.isPaused=!0,this.isRunning=!1,null!==this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null))}resume(){!this.isRunning&&this.isPaused&&(this.isRunning=!0,this.isPaused=!1,this.lastFrameTime=0,this.animationId=requestAnimationFrame(this.animate))}setOptions(t){t.speed&&(this.options.speed=t.speed),void 0!==t.spawnRate&&(this.options.spawnRate=t.spawnRate),void 0!==t.maxParticles&&(this.options.maxParticles=t.maxParticles),t.animation&&(this.options.animation="string"==typeof t.animation?[t.animation]:t.animation),t.size&&(this.options.size=t.size),t.opacity&&(this.options.opacity=t.opacity),void 0!==t.wind&&(this.options.wind=t.wind),t.objects&&(this.options.objects=t.objects,this.preloadImages())}getParticleCount(){return this.particles.length}getIsRunning(){return this.isRunning}getIsPaused(){return this.isPaused}destroy(){this.stop(),this.renderer&&(this.renderer.destroy(),this.renderer=null),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),this.resizeHandler=null)}}const m={colors:["#ff0000","#ff6b00","#ffff00","#00ff00","#00ffff","#0066ff","#ff00ff","#ffffff","#ff69b4","#ffd700"],launchRate:.5,particlesPerExplosion:50,rocketSpeed:{min:7,max:12},explosionSpeed:{min:1,max:6},particleSize:{min:2,max:6},particleLifetime:{min:1e3,max:2e3},gravity:.1,trail:!0,explosionPattern:"circular",autoStart:!0,zIndex:9999};
 /**
      * falling-animation
      * A lightweight, customizable falling objects animation library
@@ -6,5 +6,4 @@
      * @author phongdh
      * @license MIT
      */
-t.FallingAnimation=u,t.Fireworks=class{constructor(t={}){var i,e,s,n,a,r,h,l,c,d,u,x;if(this.particles=[],this.renderer=null,this.isRunning=!1,this.animationId=null,this.lastLaunchTime=0,this.lastFrameTime=0,this.resizeHandler=null,this.animate=t=>{var i;if(!this.isRunning||!this.renderer)return;0===this.lastFrameTime&&(this.lastFrameTime=t);const e=Math.min(t-this.lastFrameTime,50);this.lastFrameTime=t;const s=1e3/this.options.launchRate;t-this.lastLaunchTime>=s&&(this.launchRocket(),this.lastLaunchTime=t);const n=[],o=[];for(const t of this.particles)if(t.age+=e,"rocket"===t.phase){t.x+=t.vx*e*.1,t.y+=t.vy*e*.1,t.vy+=.01*e;const s=null!==(i=t.targetY)&&void 0!==i?i:0;(t.y<=s||t.age>=t.maxAge||t.vy>=0)&&o.push(t),t.opacity=Math.max(.5,1-t.age/t.maxAge*.3)}else{t.x+=t.vx*e*.1,t.y+=t.vy*e*.1,t.vy+=t.gravity*e*.01;const i=t.age/t.maxAge;t.opacity=Math.max(0,1-i);const s=t.size<2?.96:.99;t.vx*=s,t.vy*=s,1===t.stage&&i>=.5&&-1!==t.targetY&&(t.targetY=-1,o.push(t)),t.age>=t.maxAge&&n.push(t)}for(const t of o)1===t.stage?this.explodeSecondary(t):this.explode(t),n.push(t);for(const t of n)this.removeParticle(t);this.renderer.clear();const a=this.particles.map(t=>({x:t.x,y:t.y,size:t.size,opacity:t.opacity,color:t.color}));this.renderer.drawFireworkParticles(a),this.animationId=requestAnimationFrame(this.animate)},!o())throw new Error("[falling-animation] Fireworks requires a browser environment. If using SSR (Next.js, Nuxt, etc.), make sure to only initialize on the client side.");let f;f=t.container?"string"==typeof t.container?document.querySelector(t.container)||document.body:t.container:document.body,this.options={container:f,colors:null!==(i=t.colors)&&void 0!==i?i:m.colors,launchRate:null!==(e=t.launchRate)&&void 0!==e?e:m.launchRate,particlesPerExplosion:null!==(s=t.particlesPerExplosion)&&void 0!==s?s:m.particlesPerExplosion,rocketSpeed:null!==(n=t.rocketSpeed)&&void 0!==n?n:m.rocketSpeed,explosionSpeed:null!==(a=t.explosionSpeed)&&void 0!==a?a:m.explosionSpeed,particleSize:null!==(r=t.particleSize)&&void 0!==r?r:m.particleSize,particleLifetime:null!==(h=t.particleLifetime)&&void 0!==h?h:m.particleLifetime,gravity:null!==(l=t.gravity)&&void 0!==l?l:m.gravity,trail:null!==(c=t.trail)&&void 0!==c?c:m.trail,explosionPattern:null!==(d=t.explosionPattern)&&void 0!==d?d:m.explosionPattern,autoStart:null!==(u=t.autoStart)&&void 0!==u?u:m.autoStart,zIndex:null!==(x=t.zIndex)&&void 0!==x?x:m.zIndex},this.renderer=new p(f,this.options.zIndex),this.setupResizeHandler(),this.options.autoStart&&this.start()}setupResizeHandler(){this.resizeHandler=a(()=>{this.renderer&&this.renderer.resize()},200),window.addEventListener("resize",this.resizeHandler)}getContainerSize(){return this.renderer?this.renderer.getSize():{width:0,height:0}}launchRocket(){const{width:t,height:s}=this.getContainerSize();if(0===t||0===s)return;const o=this.options.colors[Math.floor(Math.random()*this.options.colors.length)],a=i(.1*s,.9*s),r=s-a,h=e(this.options.rocketSpeed),l=r/(.1*h),c={id:n(),x:i(.1*t,.9*t),y:s+10,vx:i(-.5,.5),vy:-h,size:4,opacity:1,color:o,age:0,maxAge:Math.min(l,3e3),phase:"rocket",gravity:0,targetY:a,stage:0};this.particles.push(c)}explode(t){const i=this.options.particlesPerExplosion,e=t.color;let s;const n=this.options.explosionPattern;if(Array.isArray(n))s=n[Math.floor(Math.random()*n.length)];else if("random"===n){const t=["circular","ring","heart","star","willow","palm","chrysanthemum","embers","double"];s=t[Math.floor(Math.random()*t.length)]}else s=n;const o=this.generatePatternParticles(s,t,i,e);for(const t of o)this.particles.push(t)}generatePatternParticles(t,i,e,s){switch(t){case"ring":return this.createRingExplosion(i,e,s);case"heart":return this.createHeartExplosion(i,e,s);case"star":return this.createStarExplosion(i,e,s);case"willow":return this.createWillowExplosion(i,e,s);case"palm":return this.createPalmExplosion(i,e,s);case"chrysanthemum":return this.createChrysanthemumExplosion(i,e,s);case"embers":return this.createEmbersExplosion(i,e,s);case"double":return this.createDoubleExplosion(i,e,s);default:return this.createCircularExplosion(i,e,s)}}createCircularExplosion(t,s,n){const o=[];for(let a=0;a<s;a++){const r=a/s*Math.PI*2+i(-.1,.1),h=e(this.options.explosionSpeed);o.push(this.createExplosionParticle(t,n,r,h))}return o}createRingExplosion(t,e,s){const n=[],o=(this.options.explosionSpeed.min+this.options.explosionSpeed.max)/2;for(let a=0;a<e;a++){const r=a/e*Math.PI*2,h=o+i(-.5,.5);n.push(this.createExplosionParticle(t,s,r,h,.05))}return n}createHeartExplosion(t,i,s){const n=[];for(let o=0;o<i;o++){const a=o/i*Math.PI*2,r=16*Math.pow(Math.sin(a),3),h=-(13*Math.cos(a)-5*Math.cos(2*a)-2*Math.cos(3*a)-Math.cos(4*a)),l=Math.atan2(h,r),c=Math.sqrt(r*r+h*h)/16*e(this.options.explosionSpeed);n.push(this.createExplosionParticle(t,s,l,.8*c,.08))}return n}createStarExplosion(t,s,n){const o=[];for(let a=0;a<s;a++){const r=Math.floor(a/(s/5))/5*Math.PI*2+i(-.15,.15),h=e(this.options.explosionSpeed)*(.8+.4*Math.random());o.push(this.createExplosionParticle(t,n,r,h))}return o}createWillowExplosion(t,s,n){const o=[];for(let n=0;n<s;n++){const a=n/s*Math.PI*2+i(-.1,.1),r=.6*e(this.options.explosionSpeed),h=this.createExplosionParticle(t,"#ffd700",a,r,.25);h.maxAge*=1.5,o.push(h)}return o}createPalmExplosion(t,s,n){const o=[];for(let a=0;a<s;a++){const s=i(.8*-Math.PI,.8*Math.PI)-Math.PI/2,a=e(this.options.explosionSpeed)*(.7+.6*Math.random()),r=this.createExplosionParticle(t,n,s,a,.18);r.maxAge*=1.2,o.push(r)}return o}createChrysanthemumExplosion(t,e,s){const n=[];for(let o=0;o<3;o++){const a=Math.floor(e/3),r=this.options.explosionSpeed.min+(this.options.explosionSpeed.max-this.options.explosionSpeed.min)*(o/3);for(let e=0;e<a;e++){const h=e/a*Math.PI*2+.3*o,l=r+i(-.5,.5);n.push(this.createExplosionParticle(t,s,h,l,.08))}}return n}createEmbersExplosion(t,s,o){const a=[],r=Math.floor(1.5*s);for(let s=0;s<r;s++){const h=s/r*Math.PI*2+i(-.3,.3),l=.3*e(this.options.explosionSpeed),c={id:n(),x:t.x+i(-5,5),y:t.y+i(-5,5),vx:Math.cos(h)*l,vy:Math.sin(h)*l,size:i(.5,1.5),opacity:1,color:this.getEmberColor(o),age:0,maxAge:2*e(this.options.particleLifetime),phase:"explosion",gravity:.02,stage:t.stage+1};a.push(c)}return a}createDoubleExplosion(t,s,o){const a=[],r=Math.floor(.6*s);for(let s=0;s<r;s++){const h=s/r*Math.PI*2+i(-.1,.1),l=.8*e(this.options.explosionSpeed),c={id:n(),x:t.x,y:t.y,vx:Math.cos(h)*l,vy:Math.sin(h)*l,size:e(this.options.particleSize),opacity:1,color:this.getVariantColor(o),age:0,maxAge:e(this.options.particleLifetime),phase:"explosion",gravity:this.options.gravity,stage:1};a.push(c)}return a}explodeSecondary(t){const s=Math.floor(.3*this.options.particlesPerExplosion);for(let o=0;o<s;o++){const a=o/s*Math.PI*2+i(-.2,.2),r=.5*e(this.options.explosionSpeed),h={id:n(),x:t.x,y:t.y,vx:Math.cos(a)*r,vy:Math.sin(a)*r,size:Math.max(1,e(this.options.particleSize)/i(2,3)),opacity:.9,color:this.getVariantColor(t.color),age:0,maxAge:.7*e(this.options.particleLifetime),phase:"explosion",gravity:.5*this.options.gravity,stage:2};this.particles.push(h)}}getEmberColor(t){const i=["#ffaa00","#ff6600","#ff4400","#ffcc00","#ff8800","#ffffff"];return Math.random()<.7?i[Math.floor(Math.random()*i.length)]:t}createExplosionParticle(t,i,s,o,a){return{id:n(),x:t.x,y:t.y,vx:Math.cos(s)*o,vy:Math.sin(s)*o,size:e(this.options.particleSize),opacity:1,color:this.getVariantColor(i),age:0,maxAge:e(this.options.particleLifetime),phase:"explosion",gravity:null!=a?a:this.options.gravity,stage:t.stage+1}}getVariantColor(t){return Math.random()<.2?"#ffffff":Math.random()<.3?this.options.colors[Math.floor(Math.random()*this.options.colors.length)]:t}removeParticle(t){const i=this.particles.indexOf(t);i>-1&&this.particles.splice(i,1)}start(){this.isRunning||(this.isRunning=!0,this.lastFrameTime=0,this.lastLaunchTime=0,this.animationId=requestAnimationFrame(this.animate))}stop(){this.isRunning=!1,null!==this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}clear(){this.particles=[],this.renderer&&this.renderer.clear()}launch(){this.launchRocket()}burst(t=5){for(let i=0;i<t;i++)setTimeout(()=>this.launchRocket(),100*i)}setOptions(t){t.colors&&(this.options.colors=t.colors),void 0!==t.launchRate&&(this.options.launchRate=t.launchRate),void 0!==t.particlesPerExplosion&&(this.options.particlesPerExplosion=t.particlesPerExplosion),t.rocketSpeed&&(this.options.rocketSpeed=t.rocketSpeed),t.explosionSpeed&&(this.options.explosionSpeed=t.explosionSpeed),t.particleSize&&(this.options.particleSize=t.particleSize),t.particleLifetime&&(this.options.particleLifetime=t.particleLifetime),void 0!==t.gravity&&(this.options.gravity=t.gravity),t.explosionPattern&&(this.options.explosionPattern=t.explosionPattern)}getParticleCount(){return this.particles.length}getIsRunning(){return this.isRunning}destroy(){this.stop(),this.clear(),this.renderer&&(this.renderer.destroy(),this.renderer=null),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),this.resizeHandler=null)}},t.animations=h,t.default=u,t.getAnimation=l,t.isBrowser=o,Object.defineProperty(t,"__esModule",{value:!0})});
-//# sourceMappingURL=falling-animation.umd.min.js.map
+t.FallingAnimation=u,t.Fireworks=class{constructor(t={}){var i,e,s,n,a,r,h,l,c,d,u,x;if(this.particles=[],this.renderer=null,this.isRunning=!1,this.animationId=null,this.lastLaunchTime=0,this.lastFrameTime=0,this.resizeHandler=null,this.animate=t=>{var i;if(!this.isRunning||!this.renderer)return;0===this.lastFrameTime&&(this.lastFrameTime=t);const e=Math.min(t-this.lastFrameTime,50);this.lastFrameTime=t;const s=1e3/this.options.launchRate;t-this.lastLaunchTime>=s&&(this.launchRocket(),this.lastLaunchTime=t);const n=[],o=[];for(const t of this.particles)if(t.age+=e,"rocket"===t.phase){t.x+=t.vx*e*.1,t.y+=t.vy*e*.1,t.vy+=.01*e;const s=null!==(i=t.targetY)&&void 0!==i?i:0;(t.y<=s||t.age>=t.maxAge||t.vy>=0)&&o.push(t),t.opacity=Math.max(.5,1-t.age/t.maxAge*.3)}else{t.x+=t.vx*e*.1,t.y+=t.vy*e*.1,t.vy+=t.gravity*e*.01;const i=t.age/t.maxAge;t.opacity=Math.max(0,1-i);const s=t.size<2?.96:.99;t.vx*=s,t.vy*=s,t.hasSecondaryExplosion&&i>=.5&&-1!==t.targetY&&(t.targetY=-1,o.push(t)),t.age>=t.maxAge&&n.push(t)}for(const t of o)1===t.stage?this.explodeSecondary(t):this.explode(t),n.push(t);for(const t of n)this.removeParticle(t);this.renderer.clear();const a=this.particles.map(t=>({x:t.x,y:t.y,size:t.size,opacity:t.opacity,color:t.color}));this.renderer.drawFireworkParticles(a),this.animationId=requestAnimationFrame(this.animate)},!o())throw new Error("[falling-animation] Fireworks requires a browser environment. If using SSR (Next.js, Nuxt, etc.), make sure to only initialize on the client side.");let f;f=t.container?"string"==typeof t.container?document.querySelector(t.container)||document.body:t.container:document.body,this.options={container:f,colors:null!==(i=t.colors)&&void 0!==i?i:m.colors,launchRate:null!==(e=t.launchRate)&&void 0!==e?e:m.launchRate,particlesPerExplosion:null!==(s=t.particlesPerExplosion)&&void 0!==s?s:m.particlesPerExplosion,rocketSpeed:null!==(n=t.rocketSpeed)&&void 0!==n?n:m.rocketSpeed,explosionSpeed:null!==(a=t.explosionSpeed)&&void 0!==a?a:m.explosionSpeed,particleSize:null!==(r=t.particleSize)&&void 0!==r?r:m.particleSize,particleLifetime:null!==(h=t.particleLifetime)&&void 0!==h?h:m.particleLifetime,gravity:null!==(l=t.gravity)&&void 0!==l?l:m.gravity,trail:null!==(c=t.trail)&&void 0!==c?c:m.trail,explosionPattern:null!==(d=t.explosionPattern)&&void 0!==d?d:m.explosionPattern,autoStart:null!==(u=t.autoStart)&&void 0!==u?u:m.autoStart,zIndex:null!==(x=t.zIndex)&&void 0!==x?x:m.zIndex},this.renderer=new p(f,this.options.zIndex),this.setupResizeHandler(),this.options.autoStart&&this.start()}setupResizeHandler(){this.resizeHandler=a(()=>{this.renderer&&this.renderer.resize()},200),window.addEventListener("resize",this.resizeHandler)}getContainerSize(){return this.renderer?this.renderer.getSize():{width:0,height:0}}launchRocket(){const{width:t,height:s}=this.getContainerSize();if(0===t||0===s)return;const o=this.options.colors[Math.floor(Math.random()*this.options.colors.length)],a=i(.1*s,.9*s),r=s-a,h=e(this.options.rocketSpeed),l=r/(.1*h),c={id:n(),x:i(.1*t,.9*t),y:s+10,vx:i(-.5,.5),vy:-h,size:4,opacity:1,color:o,age:0,maxAge:Math.min(l,3e3),phase:"rocket",gravity:0,targetY:a,stage:0};this.particles.push(c)}explode(t){const i=this.options.particlesPerExplosion,e=t.color;let s;const n=this.options.explosionPattern;if(Array.isArray(n))s=n[Math.floor(Math.random()*n.length)];else if("random"===n){const t=["circular","ring","heart","star","willow","palm","chrysanthemum","embers","double","waterfall"];s=t[Math.floor(Math.random()*t.length)]}else s=n;const o=this.generatePatternParticles(s,t,i,e);for(const t of o)this.particles.push(t)}generatePatternParticles(t,i,e,s){switch(t){case"ring":return this.createRingExplosion(i,e,s);case"heart":return this.createHeartExplosion(i,e,s);case"star":return this.createStarExplosion(i,e,s);case"willow":return this.createWillowExplosion(i,e,s);case"palm":return this.createPalmExplosion(i,e,s);case"chrysanthemum":return this.createChrysanthemumExplosion(i,e,s);case"embers":return this.createEmbersExplosion(i,e,s);case"double":return this.createDoubleExplosion(i,e,s);case"waterfall":return this.createWaterfallExplosion(i,e,s);default:return this.createCircularExplosion(i,e,s)}}createCircularExplosion(t,s,n){const o=[];for(let a=0;a<s;a++){const r=a/s*Math.PI*2+i(-.1,.1),h=e(this.options.explosionSpeed);o.push(this.createExplosionParticle(t,n,r,h))}return o}createRingExplosion(t,e,s){const n=[],o=(this.options.explosionSpeed.min+this.options.explosionSpeed.max)/2;for(let a=0;a<e;a++){const r=a/e*Math.PI*2,h=o+i(-.5,.5);n.push(this.createExplosionParticle(t,s,r,h,.05))}return n}createHeartExplosion(t,i,s){const n=[];for(let o=0;o<i;o++){const a=o/i*Math.PI*2,r=16*Math.pow(Math.sin(a),3),h=-(13*Math.cos(a)-5*Math.cos(2*a)-2*Math.cos(3*a)-Math.cos(4*a)),l=Math.atan2(h,r),c=Math.sqrt(r*r+h*h)/16*e(this.options.explosionSpeed);n.push(this.createExplosionParticle(t,s,l,.8*c,.08))}return n}createStarExplosion(t,s,n){const o=[];for(let a=0;a<s;a++){const r=Math.floor(a/(s/5))/5*Math.PI*2+i(-.15,.15),h=e(this.options.explosionSpeed)*(.8+.4*Math.random());o.push(this.createExplosionParticle(t,n,r,h))}return o}createWillowExplosion(t,s,n){const o=[];for(let n=0;n<s;n++){const a=n/s*Math.PI*2+i(-.1,.1),r=.6*e(this.options.explosionSpeed),h=this.createExplosionParticle(t,"#ffd700",a,r,.25);h.maxAge*=1.5,o.push(h)}return o}createPalmExplosion(t,s,n){const o=[];for(let a=0;a<s;a++){const s=i(.8*-Math.PI,.8*Math.PI)-Math.PI/2,a=e(this.options.explosionSpeed)*(.7+.6*Math.random()),r=this.createExplosionParticle(t,n,s,a,.18);r.maxAge*=1.2,o.push(r)}return o}createChrysanthemumExplosion(t,e,s){const n=[];for(let o=0;o<3;o++){const a=Math.floor(e/3),r=this.options.explosionSpeed.min+(this.options.explosionSpeed.max-this.options.explosionSpeed.min)*(o/3);for(let e=0;e<a;e++){const h=e/a*Math.PI*2+.3*o,l=r+i(-.5,.5);n.push(this.createExplosionParticle(t,s,h,l,.08))}}return n}createEmbersExplosion(t,s,o){const a=[],r=Math.floor(1.5*s);for(let s=0;s<r;s++){const h=s/r*Math.PI*2+i(-.3,.3),l=.3*e(this.options.explosionSpeed),c={id:n(),x:t.x+i(-5,5),y:t.y+i(-5,5),vx:Math.cos(h)*l,vy:Math.sin(h)*l,size:i(.5,1.5),opacity:1,color:this.getEmberColor(o),age:0,maxAge:2*e(this.options.particleLifetime),phase:"explosion",gravity:.02,stage:t.stage+1};a.push(c)}return a}createDoubleExplosion(t,s,o){const a=[],r=Math.floor(.6*s);for(let s=0;s<r;s++){const h=s/r*Math.PI*2+i(-.1,.1),l=.8*e(this.options.explosionSpeed),c={id:n(),x:t.x,y:t.y,vx:Math.cos(h)*l,vy:Math.sin(h)*l,size:e(this.options.particleSize),opacity:1,color:this.getVariantColor(o),age:0,maxAge:e(this.options.particleLifetime),phase:"explosion",gravity:this.options.gravity,stage:1,hasSecondaryExplosion:!0};a.push(c)}return a}createWaterfallExplosion(t,i,s){const o=[],a=Math.floor(2.5*i);for(let i=0;i<a;i++){const i=Math.PI+Math.random()*Math.PI,a=.4*e(this.options.explosionSpeed),r={id:n(),x:t.x,y:t.y,vx:Math.cos(i)*a,vy:Math.sin(i)*a*.5,size:e(this.options.particleSize),opacity:1,color:this.getVariantColor(s),age:0,maxAge:2.5*e(this.options.particleLifetime),phase:"explosion",gravity:.25,stage:0};o.push(r)}return o}explodeSecondary(t){const s=Math.floor(.3*this.options.particlesPerExplosion);for(let o=0;o<s;o++){const a=o/s*Math.PI*2+i(-.2,.2),r=.5*e(this.options.explosionSpeed),h={id:n(),x:t.x,y:t.y,vx:Math.cos(a)*r,vy:Math.sin(a)*r,size:Math.max(1,e(this.options.particleSize)/i(2,3)),opacity:.9,color:this.getVariantColor(t.color),age:0,maxAge:.7*e(this.options.particleLifetime),phase:"explosion",gravity:.5*this.options.gravity,stage:2};this.particles.push(h)}}getEmberColor(t){const i=["#ffaa00","#ff6600","#ff4400","#ffcc00","#ff8800","#ffffff"];return Math.random()<.7?i[Math.floor(Math.random()*i.length)]:t}createExplosionParticle(t,i,s,o,a){return{id:n(),x:t.x,y:t.y,vx:Math.cos(s)*o,vy:Math.sin(s)*o,size:e(this.options.particleSize),opacity:1,color:this.getVariantColor(i),age:0,maxAge:e(this.options.particleLifetime),phase:"explosion",gravity:null!=a?a:this.options.gravity,stage:t.stage+1}}getVariantColor(t){return Math.random()<.2?"#ffffff":Math.random()<.3?this.options.colors[Math.floor(Math.random()*this.options.colors.length)]:t}removeParticle(t){const i=this.particles.indexOf(t);i>-1&&this.particles.splice(i,1)}start(){this.isRunning||(this.isRunning=!0,this.lastFrameTime=0,this.lastLaunchTime=0,this.animationId=requestAnimationFrame(this.animate))}stop(){this.isRunning=!1,null!==this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}clear(){this.particles=[],this.renderer&&this.renderer.clear()}launch(){this.launchRocket()}burst(t=5){for(let i=0;i<t;i++)setTimeout(()=>this.launchRocket(),100*i)}setOptions(t){t.colors&&(this.options.colors=t.colors),void 0!==t.launchRate&&(this.options.launchRate=t.launchRate),void 0!==t.particlesPerExplosion&&(this.options.particlesPerExplosion=t.particlesPerExplosion),t.rocketSpeed&&(this.options.rocketSpeed=t.rocketSpeed),t.explosionSpeed&&(this.options.explosionSpeed=t.explosionSpeed),t.particleSize&&(this.options.particleSize=t.particleSize),t.particleLifetime&&(this.options.particleLifetime=t.particleLifetime),void 0!==t.gravity&&(this.options.gravity=t.gravity),t.explosionPattern&&(this.options.explosionPattern=t.explosionPattern)}getParticleCount(){return this.particles.length}getIsRunning(){return this.isRunning}destroy(){this.stop(),this.clear(),this.renderer&&(this.renderer.destroy(),this.renderer=null),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),this.resizeHandler=null)}},t.animations=h,t.default=u,t.getAnimation=l,t.isBrowser=o,Object.defineProperty(t,"__esModule",{value:!0})});

package/dist/types/CanvasRenderer.d.ts

@@ -42,7 +42,11 @@ export declare class CanvasRenderer {
     /**
      * Clear the entire canvas
      */
-    clear(): void;
+    /**
+     * Clear the entire canvas
+     * @param trail If true, fades out existing content instead of hard clear
+     */
+    clear(trail?: boolean): void;
     /**
      * Pre-cache an emoji as a sprite for fast drawing (HiDPI aware)
      */

package/dist/types/Fireworks.d.ts

@@ -10,7 +10,7 @@
  */
 import { RangeValue } from './types';
 /** Available explosion patterns */
-export type ExplosionPattern = 'circular' | 'ring' | 'heart' | 'star' | 'willow' | 'palm' | 'chrysanthemum' | 'embers' | 'double' | 'random';
+export type ExplosionPattern = 'circular' | 'ring' | 'heart' | 'star' | 'willow' | 'palm' | 'chrysanthemum' | 'embers' | 'double' | 'waterfall' | 'random';
 /** Fireworks configuration options */
 export interface FireworksOptions {
     /** Container element or selector (default: document.body) */
@@ -77,6 +77,8 @@ export declare class Fireworks {
      * Secondary particles are 2-3x smaller than primary
      */
     private createDoubleExplosion;
+    /** Waterfall - Gentle explosion up, then heavy fall like water */
+    private createWaterfallExplosion;
     /** Create secondary explosion particles (called when stage 1 particles reach 50% lifetime)
      * These particles are 2-3x smaller than the originals
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "falling-animation",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "type": "module",
   "description": "A lightweight, customizable falling objects animation library for web",
   "main": "dist/falling-animation.cjs",
@@ -19,7 +19,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "rollup -c",
+    "build": "rm -rf dist && rollup -c",
     "dev": "rollup -c -w",
     "demo": "npx serve . -l 3000",
     "prepublishOnly": "npm run build"