@tsparticles/updater-life 4.0.0-beta.0 → 4.0.0-beta.10

package/{929.min.js → 549.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_updater_life=this.webpackChunk_tsparticles_updater_life||[]).push([[929],{929(e,i,t){t.d(i,{LifeUpdater:()=>o});var n=t(303);class a extends n.ValueWithRandom{sync;constructor(){super(),this.sync=!1}load(e){(0,n.isNull)(e)||(super.load(e),void 0!==e.sync&&(this.sync=e.sync))}}class l extends n.ValueWithRandom{sync;constructor(){super(),this.sync=!1}load(e){(0,n.isNull)(e)||(super.load(e),void 0!==e.sync&&(this.sync=e.sync))}}class s{count;delay;duration;constructor(){this.count=0,this.delay=new a,this.duration=new l}load(e){(0,n.isNull)(e)||(void 0!==e.count&&(this.count=e.count),this.delay.load(e.delay),this.duration.load(e.duration))}}class o{container;constructor(e){this.container=e}init(e){let i=this.container,t=e.options.life;t&&(e.life={delay:i.retina.reduceFactor?(0,n.getRangeValue)(t.delay.value)*(t.delay.sync?1:(0,n.getRandom)())/i.retina.reduceFactor*n.millisecondsToSeconds:0,delayTime:0,duration:i.retina.reduceFactor?(0,n.getRangeValue)(t.duration.value)*(t.duration.sync?1:(0,n.getRandom)())/i.retina.reduceFactor*n.millisecondsToSeconds:0,time:0,count:t.count},e.life.duration<=0&&(e.life.duration=-1),e.life.count<=0&&(e.life.count=-1),e.spawning=e.life.delay>0)}isEnabled(e){return!e.destroyed}loadOptions(e,...i){for(let t of(e.life??=new s,i))e.life.load(t?.life)}update(e,i){this.isEnabled(e)&&e.life&&function(e,i,t){if(!e.life)return;let a=e.life,l=!1;if(e.spawning){if(a.delayTime+=i.value,!(a.delayTime>=e.life.delay))return;l=!0,e.spawning=!1,a.delayTime=0,a.time=0}if(-1===a.duration||(l?a.time=0:a.time+=i.value,a.time<a.duration))return;if(a.time=0,e.life.count>0&&e.life.count--,0===e.life.count)return e.destroy();let s=(0,n.setRangeValue)(0,t.width),o=(0,n.setRangeValue)(0,t.width);e.position.x=(0,n.randomInRangeValue)(s),e.position.y=(0,n.randomInRangeValue)(o),e.spawning=!0,a.delayTime=0,a.time=0,e.reset();let d=e.options.life;d&&(a.delay=(0,n.getRangeValue)(d.delay.value)*n.millisecondsToSeconds,a.duration=(0,n.getRangeValue)(d.duration.value)*n.millisecondsToSeconds)}(e,i,this.container.canvas.size)}}}}]);
+"use strict";(this.webpackChunk_tsparticles_updater_life=this.webpackChunk_tsparticles_updater_life||[]).push([[549],{549(e,i,t){t.d(i,{LifeUpdater:()=>o});var n=t(303);class a extends n.ValueWithRandom{sync;constructor(){super(),this.sync=!1}load(e){(0,n.isNull)(e)||(super.load(e),void 0!==e.sync&&(this.sync=e.sync))}}class l extends n.ValueWithRandom{sync;constructor(){super(),this.sync=!1}load(e){(0,n.isNull)(e)||(super.load(e),void 0!==e.sync&&(this.sync=e.sync))}}class s{count;delay;duration;constructor(){this.count=0,this.delay=new a,this.duration=new l}load(e){(0,n.isNull)(e)||(void 0!==e.count&&(this.count=e.count),this.delay.load(e.delay),this.duration.load(e.duration))}}class o{container;constructor(e){this.container=e}init(e){let i=this.container,t=e.options.life;t&&(e.life={delay:i.retina.reduceFactor?(0,n.getRangeValue)(t.delay.value)*(t.delay.sync?1:(0,n.getRandom)())/i.retina.reduceFactor*n.millisecondsToSeconds:0,delayTime:0,duration:i.retina.reduceFactor?(0,n.getRangeValue)(t.duration.value)*(t.duration.sync?1:(0,n.getRandom)())/i.retina.reduceFactor*n.millisecondsToSeconds:0,time:0,count:t.count},e.life.duration<=0&&(e.life.duration=-1),e.life.count<=0&&(e.life.count=-1),e.spawning=e.life.delay>0)}isEnabled(e){return!e.destroyed}loadOptions(e,...i){for(let t of(e.life??=new s,i))e.life.load(t?.life)}update(e,i){this.isEnabled(e)&&e.life&&function(e,i,t){if(!e.life)return;let a=e.life,l=!1;if(e.spawning){if(a.delayTime+=i.value,!(a.delayTime>=e.life.delay))return;l=!0,e.spawning=!1,a.delayTime=0,a.time=0}if(-1===a.duration||(l?a.time=0:a.time+=i.value,a.time<a.duration))return;if(a.time=0,e.life.count>0&&e.life.count--,0===e.life.count)return e.destroy();let s=(0,n.setRangeValue)(0,t.width),o=(0,n.setRangeValue)(0,t.width);e.position.x=(0,n.randomInRangeValue)(s),e.position.y=(0,n.randomInRangeValue)(o),e.spawning=!0,a.delayTime=0,a.time=0,e.reset();let d=e.options.life;d&&(a.delay=(0,n.getRangeValue)(d.delay.value)*n.millisecondsToSeconds,a.duration=(0,n.getRangeValue)(d.duration.value)*n.millisecondsToSeconds)}(e,i,this.container.canvas.size)}}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) updater plugin for life animations.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -72,3 +78,26 @@ import { loadLifeUpdater } from "@tsparticles/updater-life";
   await loadLifeUpdater(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Primary options key: `particles.life`
+
+```json
+{
+  "particles": {
+    "life": {}
+  }
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadLifeUpdater(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/index.js

@@ -1,7 +1,7 @@
 export async function loadLifeUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("life", async (container) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("life", async (container) => {
             const { LifeUpdater } = await import("./LifeUpdater.js");
             return new LifeUpdater(container);
         });

package/cjs/index.js

@@ -1,7 +1,7 @@
 export async function loadLifeUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("life", async (container) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("life", async (container) => {
             const { LifeUpdater } = await import("./LifeUpdater.js");
             return new LifeUpdater(container);
         });

package/dist_browser_LifeUpdater_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.10
  */
 "use strict";
 /*

package/esm/index.js

@@ -1,7 +1,7 @@
 export async function loadLifeUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("life", async (container) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("life", async (container) => {
             const { LifeUpdater } = await import("./LifeUpdater.js");
             return new LifeUpdater(container);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-life",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles particles life updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -81,13 +81,12 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"