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

package/{558.min.js → 350.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_updater_rotate=this.webpackChunk_tsparticles_updater_rotate||[]).push([[558],{558(t,e,a){a.d(e,{RotateUpdater:()=>s});var i=a(303);class o{decay;enable;speed;sync;constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(t){(0,i.isNull)(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=(0,i.setRangeValue)(t.speed)),void 0!==t.decay&&(this.decay=(0,i.setRangeValue)(t.decay)),void 0!==t.sync&&(this.sync=t.sync))}}class n extends i.ValueWithRandom{animation;direction;path;constructor(){super(),this.animation=new o,this.direction=i.RotateDirection.clockwise,this.path=!1,this.value=0}load(t){(0,i.isNull)(t)||(super.load(t),void 0!==t.direction&&(this.direction=t.direction),this.animation.load(t.animation),void 0!==t.path&&(this.path=t.path))}}class s{container;constructor(t){this.container=t}init(t){let e=t.options.rotate;if(!e)return;t.rotate={enable:e.animation.enable,value:(0,i.degToRad)((0,i.getRangeValue)(e.value)),min:0,max:i.doublePI},t.pathRotation=e.path;let a=e.direction;switch(a===i.RotateDirection.random&&(a=Math.floor((0,i.getRandom)()*i.double)>0?i.RotateDirection.counterClockwise:i.RotateDirection.clockwise),a){case i.RotateDirection.counterClockwise:case"counterClockwise":t.rotate.status=i.AnimationStatus.decreasing;break;case i.RotateDirection.clockwise:t.rotate.status=i.AnimationStatus.increasing}let o=e.animation;o.enable&&(t.rotate.decay=i.identity-(0,i.getRangeValue)(o.decay),t.rotate.velocity=(0,i.getRangeValue)(o.speed)/360*this.container.retina.reduceFactor,o.sync||(t.rotate.velocity*=(0,i.getRandom)())),t.rotation=t.rotate.value}isEnabled(t){let e=t.options.rotate;return!!e&&!t.destroyed&&!t.spawning&&(!!e.value||e.animation.enable||e.path)}loadOptions(t,...e){for(let a of(t.rotate??=new n,e))t.rotate.load(a?.rotate)}update(t,e){!this.isEnabled(t)||(t.isRotating=!!t.rotate,t.rotate&&((0,i.updateAnimation)(t,t.rotate,!1,i.DestroyType.none,e),t.rotation=t.rotate.value))}}}}]);
+"use strict";(this.webpackChunk_tsparticles_updater_rotate=this.webpackChunk_tsparticles_updater_rotate||[]).push([[350],{350(t,e,a){a.d(e,{RotateUpdater:()=>s});var i=a(303);class o{decay;enable;speed;sync;constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(t){(0,i.isNull)(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=(0,i.setRangeValue)(t.speed)),void 0!==t.decay&&(this.decay=(0,i.setRangeValue)(t.decay)),void 0!==t.sync&&(this.sync=t.sync))}}class n extends i.ValueWithRandom{animation;direction;path;constructor(){super(),this.animation=new o,this.direction=i.RotateDirection.clockwise,this.path=!1,this.value=0}load(t){(0,i.isNull)(t)||(super.load(t),void 0!==t.direction&&(this.direction=t.direction),this.animation.load(t.animation),void 0!==t.path&&(this.path=t.path))}}class s{container;constructor(t){this.container=t}init(t){let e=t.options.rotate;if(!e)return;t.rotate={enable:e.animation.enable,value:(0,i.degToRad)((0,i.getRangeValue)(e.value)),min:0,max:i.doublePI},t.pathRotation=e.path;let a=e.direction;switch(a===i.RotateDirection.random&&(a=Math.floor((0,i.getRandom)()*i.double)>0?i.RotateDirection.counterClockwise:i.RotateDirection.clockwise),a){case i.RotateDirection.counterClockwise:case"counterClockwise":t.rotate.status=i.AnimationStatus.decreasing;break;case i.RotateDirection.clockwise:t.rotate.status=i.AnimationStatus.increasing}let o=e.animation;o.enable&&(t.rotate.decay=i.identity-(0,i.getRangeValue)(o.decay),t.rotate.velocity=(0,i.getRangeValue)(o.speed)/360*this.container.retina.reduceFactor,o.sync||(t.rotate.velocity*=(0,i.getRandom)())),t.rotation=t.rotate.value}isEnabled(t){let e=t.options.rotate;return!!e&&!t.destroyed&&!t.spawning&&(!!e.value||e.animation.enable||e.path)}loadOptions(t,...e){for(let a of(t.rotate??=new n,e))t.rotate.load(a?.rotate)}update(t,e){!this.isEnabled(t)||(t.isRotating=!!t.rotate,t.rotate&&((0,i.updateAnimation)(t,t.rotate,!1,i.DestroyType.none,e),t.rotation=t.rotate.value))}}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) updater plugin for rotate 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 { loadRotateUpdater } from "@tsparticles/updater-rotate";
   await loadRotateUpdater(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Primary options key: `particles.rotate`
+
+```json
+{
+  "particles": {
+    "rotate": {}
+  }
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadRotateUpdater(...)`
+- 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 loadRotateUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("rotate", async (container) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("rotate", async (container) => {
             const { RotateUpdater } = await import("./RotateUpdater.js");
             return new RotateUpdater(container);
         });

package/cjs/index.js

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

package/dist_browser_RotateUpdater_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 loadRotateUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("rotate", async (container) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("rotate", async (container) => {
             const { RotateUpdater } = await import("./RotateUpdater.js");
             return new RotateUpdater(container);
         });

package/package.json

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