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

package/985.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_updater_size=this.webpackChunk_tsparticles_updater_size||[]).push([[985],{985(e,i,s){s.d(i,{SizeUpdater:()=>n});var t=s(303);class n{_container;constructor(e){this._container=e}init(e){let i=this._container,s=e.options.size.animation;s.enable&&(e.size.velocity=e.retina.sizeAnimationSpeed/t.percentDenominator*i.retina.reduceFactor,s.sync||(e.size.velocity*=(0,t.getRandom)()))}isEnabled(e){return!e.destroyed&&!e.spawning&&e.size.enable&&((e.size.maxLoops??0)<=0||(e.size.maxLoops??0)>0&&(e.size.loops??0)<(e.size.maxLoops??0))}reset(e){e.size.time=0,e.size.loops=0}update(e,i){this.isEnabled(e)&&(0,t.updateAnimation)(e,e.size,!0,e.options.size.animation.destroy,i)}}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) updater plugin for size 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 { loadSizeUpdater } from "@tsparticles/updater-size";
   await loadSizeUpdater(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Primary options key: `particles.size`
+
+```json
+{
+  "particles": {
+    "size": {}
+  }
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadSizeUpdater(...)`
+- 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/SizeUpdater.js

@@ -1,12 +1,15 @@
 import { getRandom, percentDenominator, updateAnimation, } from "@tsparticles/engine";
 const minLoops = 0;
 export class SizeUpdater {
+    _container;
+    constructor(container) {
+        this._container = container;
+    }
     init(particle) {
-        const container = particle.container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;
+        const container = this._container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;
         if (sizeAnimation.enable) {
             particle.size.velocity =
-                ((particle.retina.sizeAnimationSpeed ?? container.retina.sizeAnimationSpeed) / percentDenominator) *
-                    container.retina.reduceFactor;
+                (particle.retina.sizeAnimationSpeed / percentDenominator) * container.retina.reduceFactor;
             if (!sizeAnimation.sync) {
                 particle.size.velocity *= getRandom();
             }
@@ -21,7 +24,8 @@ export class SizeUpdater {
                     (particle.size.loops ?? minLoops) < (particle.size.maxLoops ?? minLoops))));
     }
     reset(particle) {
-        particle.size.loops = minLoops;
+        particle.size.time = 0;
+        particle.size.loops = 0;
     }
     update(particle, delta) {
         if (!this.isEnabled(particle)) {

package/browser/index.js

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

package/cjs/SizeUpdater.js

@@ -1,12 +1,15 @@
 import { getRandom, percentDenominator, updateAnimation, } from "@tsparticles/engine";
 const minLoops = 0;
 export class SizeUpdater {
+    _container;
+    constructor(container) {
+        this._container = container;
+    }
     init(particle) {
-        const container = particle.container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;
+        const container = this._container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;
         if (sizeAnimation.enable) {
             particle.size.velocity =
-                ((particle.retina.sizeAnimationSpeed ?? container.retina.sizeAnimationSpeed) / percentDenominator) *
-                    container.retina.reduceFactor;
+                (particle.retina.sizeAnimationSpeed / percentDenominator) * container.retina.reduceFactor;
             if (!sizeAnimation.sync) {
                 particle.size.velocity *= getRandom();
             }
@@ -21,7 +24,8 @@ export class SizeUpdater {
                     (particle.size.loops ?? minLoops) < (particle.size.maxLoops ?? minLoops))));
     }
     reset(particle) {
-        particle.size.loops = minLoops;
+        particle.size.time = 0;
+        particle.size.loops = 0;
     }
     update(particle, delta) {
         if (!this.isEnabled(particle)) {

package/cjs/index.js

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

package/dist_browser_SizeUpdater_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";
 /*
@@ -23,7 +23,7 @@
   \*************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SizeUpdater: () => (/* binding */ SizeUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minLoops = 0;\nclass SizeUpdater {\n    init(particle) {\n        const container = particle.container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;\n        if (sizeAnimation.enable) {\n            particle.size.velocity = (particle.retina.sizeAnimationSpeed ?? container.retina.sizeAnimationSpeed) / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator * container.retina.reduceFactor;\n            if (!sizeAnimation.sync) {\n                particle.size.velocity *= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)();\n            }\n        }\n    }\n    isEnabled(particle) {\n        return !particle.destroyed && !particle.spawning && particle.size.enable && ((particle.size.maxLoops ?? minLoops) <= minLoops || (particle.size.maxLoops ?? minLoops) > minLoops && (particle.size.loops ?? minLoops) < (particle.size.maxLoops ?? minLoops));\n    }\n    reset(particle) {\n        particle.size.loops = minLoops;\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateAnimation)(particle, particle.size, true, particle.options.size.animation.destroy, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-size/./dist/browser/SizeUpdater.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SizeUpdater: () => (/* binding */ SizeUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minLoops = 0;\nclass SizeUpdater {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    init(particle) {\n        const container = this._container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;\n        if (sizeAnimation.enable) {\n            particle.size.velocity = particle.retina.sizeAnimationSpeed / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator * container.retina.reduceFactor;\n            if (!sizeAnimation.sync) {\n                particle.size.velocity *= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)();\n            }\n        }\n    }\n    isEnabled(particle) {\n        return !particle.destroyed && !particle.spawning && particle.size.enable && ((particle.size.maxLoops ?? minLoops) <= minLoops || (particle.size.maxLoops ?? minLoops) > minLoops && (particle.size.loops ?? minLoops) < (particle.size.maxLoops ?? minLoops));\n    }\n    reset(particle) {\n        particle.size.time = 0;\n        particle.size.loops = 0;\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateAnimation)(particle, particle.size, true, particle.options.size.animation.destroy, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-size/./dist/browser/SizeUpdater.js?\n}");
 
 /***/ }
 

package/esm/SizeUpdater.js

@@ -1,12 +1,15 @@
 import { getRandom, percentDenominator, updateAnimation, } from "@tsparticles/engine";
 const minLoops = 0;
 export class SizeUpdater {
+    _container;
+    constructor(container) {
+        this._container = container;
+    }
     init(particle) {
-        const container = particle.container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;
+        const container = this._container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;
         if (sizeAnimation.enable) {
             particle.size.velocity =
-                ((particle.retina.sizeAnimationSpeed ?? container.retina.sizeAnimationSpeed) / percentDenominator) *
-                    container.retina.reduceFactor;
+                (particle.retina.sizeAnimationSpeed / percentDenominator) * container.retina.reduceFactor;
             if (!sizeAnimation.sync) {
                 particle.size.velocity *= getRandom();
             }
@@ -21,7 +24,8 @@ export class SizeUpdater {
                     (particle.size.loops ?? minLoops) < (particle.size.maxLoops ?? minLoops))));
     }
     reset(particle) {
-        particle.size.loops = minLoops;
+        particle.size.time = 0;
+        particle.size.loops = 0;
     }
     update(particle, delta) {
         if (!this.isEnabled(particle)) {

package/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-size",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles particles size 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"