@tsparticles/updater-tilt 4.1.2 → 4.2.0

package/browser/Options/Classes/Tilt.js

@@ -1,28 +1,17 @@
-import { ValueWithRandom, isNull } from "@tsparticles/engine";
+import { ValueWithRandom, isNull, loadProperty } from "@tsparticles/engine";
 import { TiltDirection } from "../../TiltDirection.js";
 import { TiltAnimation } from "./TiltAnimation.js";
 export class Tilt extends ValueWithRandom {
-    animation;
-    direction;
-    enable;
-    constructor() {
-        super();
-        this.animation = new TiltAnimation();
-        this.direction = TiltDirection.clockwise;
-        this.enable = false;
-        this.value = 0;
-    }
+    animation = new TiltAnimation();
+    direction = TiltDirection.clockwise;
+    enable = false;
     load(data) {
         super.load(data);
         if (isNull(data)) {
             return;
         }
         this.animation.load(data.animation);
-        if (data.direction !== undefined) {
-            this.direction = data.direction;
-        }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
+        loadProperty(this, "direction", data.direction);
+        loadProperty(this, "enable", data.enable);
     }
 }

package/browser/Options/Classes/TiltAnimation.js

@@ -1,30 +1,16 @@
-import { isNull, setRangeValue } from "@tsparticles/engine";
+import { isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class TiltAnimation {
-    decay;
-    enable;
-    speed;
-    sync;
-    constructor() {
-        this.enable = false;
-        this.speed = 0;
-        this.decay = 0;
-        this.sync = false;
-    }
+    decay = 0;
+    enable = false;
+    speed = 0;
+    sync = false;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.speed !== undefined) {
-            this.speed = setRangeValue(data.speed);
-        }
-        if (data.decay !== undefined) {
-            this.decay = setRangeValue(data.decay);
-        }
-        if (data.sync !== undefined) {
-            this.sync = data.sync;
-        }
+        loadProperty(this, "enable", data.enable);
+        loadRangeProperty(this, "speed", data.speed);
+        loadRangeProperty(this, "decay", data.decay);
+        loadProperty(this, "sync", data.sync);
     }
 }

package/browser/TiltUpdater.js

@@ -1,6 +1,7 @@
-import { AnimationStatus, DestroyType, degToRad, double, doublePI, getRandom, getRangeValue, half, identity, updateAnimation, } from "@tsparticles/engine";
+import { AnimationStatus, DestroyType, degToRad, double, doublePI, getRandom, getRangeValue, half, identity, loadOptionProperty, } from "@tsparticles/engine";
 import { Tilt } from "./Options/Classes/Tilt.js";
 import { TiltDirection } from "./TiltDirection.js";
+import { updateAnimation } from "@tsparticles/animation-utils";
 const maxAngle = 360;
 export class TiltUpdater {
     #container;
@@ -57,10 +58,7 @@ export class TiltUpdater {
         return !particle.destroyed && !particle.spawning && !!tiltAnimation?.enable;
     }
     loadOptions(options, ...sources) {
-        options.tilt ??= new Tilt();
-        for (const source of sources) {
-            options.tilt.load(source?.tilt);
-        }
+        loadOptionProperty(options, "tilt", Tilt, ...sources);
     }
     update(particle, delta) {
         if (!this.isEnabled(particle) || !particle.tilt) {

package/browser/index.js

@@ -1,6 +1,6 @@
 import { TiltUpdater } from "./TiltUpdater.js";
 export async function loadTiltUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("tilt", container => {
             return Promise.resolve(new TiltUpdater(container));

package/browser/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadTiltUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("tilt", async (container) => {
             const { TiltUpdater } = await import("./TiltUpdater.js");

package/cjs/Options/Classes/Tilt.js

@@ -1,28 +1,17 @@
-import { ValueWithRandom, isNull } from "@tsparticles/engine";
+import { ValueWithRandom, isNull, loadProperty } from "@tsparticles/engine";
 import { TiltDirection } from "../../TiltDirection.js";
 import { TiltAnimation } from "./TiltAnimation.js";
 export class Tilt extends ValueWithRandom {
-    animation;
-    direction;
-    enable;
-    constructor() {
-        super();
-        this.animation = new TiltAnimation();
-        this.direction = TiltDirection.clockwise;
-        this.enable = false;
-        this.value = 0;
-    }
+    animation = new TiltAnimation();
+    direction = TiltDirection.clockwise;
+    enable = false;
     load(data) {
         super.load(data);
         if (isNull(data)) {
             return;
         }
         this.animation.load(data.animation);
-        if (data.direction !== undefined) {
-            this.direction = data.direction;
-        }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
+        loadProperty(this, "direction", data.direction);
+        loadProperty(this, "enable", data.enable);
     }
 }

package/cjs/Options/Classes/TiltAnimation.js

@@ -1,30 +1,16 @@
-import { isNull, setRangeValue } from "@tsparticles/engine";
+import { isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class TiltAnimation {
-    decay;
-    enable;
-    speed;
-    sync;
-    constructor() {
-        this.enable = false;
-        this.speed = 0;
-        this.decay = 0;
-        this.sync = false;
-    }
+    decay = 0;
+    enable = false;
+    speed = 0;
+    sync = false;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.speed !== undefined) {
-            this.speed = setRangeValue(data.speed);
-        }
-        if (data.decay !== undefined) {
-            this.decay = setRangeValue(data.decay);
-        }
-        if (data.sync !== undefined) {
-            this.sync = data.sync;
-        }
+        loadProperty(this, "enable", data.enable);
+        loadRangeProperty(this, "speed", data.speed);
+        loadRangeProperty(this, "decay", data.decay);
+        loadProperty(this, "sync", data.sync);
     }
 }

package/cjs/TiltUpdater.js

@@ -1,6 +1,7 @@
-import { AnimationStatus, DestroyType, degToRad, double, doublePI, getRandom, getRangeValue, half, identity, updateAnimation, } from "@tsparticles/engine";
+import { AnimationStatus, DestroyType, degToRad, double, doublePI, getRandom, getRangeValue, half, identity, loadOptionProperty, } from "@tsparticles/engine";
 import { Tilt } from "./Options/Classes/Tilt.js";
 import { TiltDirection } from "./TiltDirection.js";
+import { updateAnimation } from "@tsparticles/animation-utils";
 const maxAngle = 360;
 export class TiltUpdater {
     #container;
@@ -57,10 +58,7 @@ export class TiltUpdater {
         return !particle.destroyed && !particle.spawning && !!tiltAnimation?.enable;
     }
     loadOptions(options, ...sources) {
-        options.tilt ??= new Tilt();
-        for (const source of sources) {
-            options.tilt.load(source?.tilt);
-        }
+        loadOptionProperty(options, "tilt", Tilt, ...sources);
     }
     update(particle, delta) {
         if (!this.isEnabled(particle) || !particle.tilt) {

package/cjs/index.js

@@ -1,6 +1,6 @@
 import { TiltUpdater } from "./TiltUpdater.js";
 export async function loadTiltUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("tilt", container => {
             return Promise.resolve(new TiltUpdater(container));

package/cjs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadTiltUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("tilt", async (container) => {
             const { TiltUpdater } = await import("./TiltUpdater.js");

package/esm/Options/Classes/Tilt.js

@@ -1,28 +1,17 @@
-import { ValueWithRandom, isNull } from "@tsparticles/engine";
+import { ValueWithRandom, isNull, loadProperty } from "@tsparticles/engine";
 import { TiltDirection } from "../../TiltDirection.js";
 import { TiltAnimation } from "./TiltAnimation.js";
 export class Tilt extends ValueWithRandom {
-    animation;
-    direction;
-    enable;
-    constructor() {
-        super();
-        this.animation = new TiltAnimation();
-        this.direction = TiltDirection.clockwise;
-        this.enable = false;
-        this.value = 0;
-    }
+    animation = new TiltAnimation();
+    direction = TiltDirection.clockwise;
+    enable = false;
     load(data) {
         super.load(data);
         if (isNull(data)) {
             return;
         }
         this.animation.load(data.animation);
-        if (data.direction !== undefined) {
-            this.direction = data.direction;
-        }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
+        loadProperty(this, "direction", data.direction);
+        loadProperty(this, "enable", data.enable);
     }
 }

package/esm/Options/Classes/TiltAnimation.js

@@ -1,30 +1,16 @@
-import { isNull, setRangeValue } from "@tsparticles/engine";
+import { isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class TiltAnimation {
-    decay;
-    enable;
-    speed;
-    sync;
-    constructor() {
-        this.enable = false;
-        this.speed = 0;
-        this.decay = 0;
-        this.sync = false;
-    }
+    decay = 0;
+    enable = false;
+    speed = 0;
+    sync = false;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.speed !== undefined) {
-            this.speed = setRangeValue(data.speed);
-        }
-        if (data.decay !== undefined) {
-            this.decay = setRangeValue(data.decay);
-        }
-        if (data.sync !== undefined) {
-            this.sync = data.sync;
-        }
+        loadProperty(this, "enable", data.enable);
+        loadRangeProperty(this, "speed", data.speed);
+        loadRangeProperty(this, "decay", data.decay);
+        loadProperty(this, "sync", data.sync);
     }
 }

package/esm/TiltUpdater.js

@@ -1,6 +1,7 @@
-import { AnimationStatus, DestroyType, degToRad, double, doublePI, getRandom, getRangeValue, half, identity, updateAnimation, } from "@tsparticles/engine";
+import { AnimationStatus, DestroyType, degToRad, double, doublePI, getRandom, getRangeValue, half, identity, loadOptionProperty, } from "@tsparticles/engine";
 import { Tilt } from "./Options/Classes/Tilt.js";
 import { TiltDirection } from "./TiltDirection.js";
+import { updateAnimation } from "@tsparticles/animation-utils";
 const maxAngle = 360;
 export class TiltUpdater {
     #container;
@@ -57,10 +58,7 @@ export class TiltUpdater {
         return !particle.destroyed && !particle.spawning && !!tiltAnimation?.enable;
     }
     loadOptions(options, ...sources) {
-        options.tilt ??= new Tilt();
-        for (const source of sources) {
-            options.tilt.load(source?.tilt);
-        }
+        loadOptionProperty(options, "tilt", Tilt, ...sources);
     }
     update(particle, delta) {
         if (!this.isEnabled(particle) || !particle.tilt) {

package/esm/index.js

@@ -1,6 +1,6 @@
 import { TiltUpdater } from "./TiltUpdater.js";
 export async function loadTiltUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("tilt", container => {
             return Promise.resolve(new TiltUpdater(container));

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadTiltUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("tilt", async (container) => {
             const { TiltUpdater } = await import("./TiltUpdater.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-tilt",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "description": "tsParticles particles tilt updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -92,8 +92,11 @@
     },
     "./package.json": "./package.json"
   },
+  "dependencies": {
+    "@tsparticles/animation-utils": "4.2.0"
+  },
   "peerDependencies": {
-    "@tsparticles/engine": "4.1.2"
+    "@tsparticles/engine": "4.2.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -4930,7 +4930,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.updater.tilt.js","children":[{"name":"dist/browser","children":[{"uid":"92a08bce-1","name":"TiltDirection.js"},{"name":"Options/Classes","children":[{"uid":"92a08bce-3","name":"TiltAnimation.js"},{"uid":"92a08bce-5","name":"Tilt.js"}]},{"uid":"92a08bce-7","name":"TiltUpdater.js"},{"uid":"92a08bce-9","name":"index.js"},{"uid":"92a08bce-11","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"92a08bce-1":{"renderedLength":260,"gzipLength":0,"brotliLength":0,"metaUid":"92a08bce-0"},"92a08bce-3":{"renderedLength":793,"gzipLength":0,"brotliLength":0,"metaUid":"92a08bce-2"},"92a08bce-5":{"renderedLength":727,"gzipLength":0,"brotliLength":0,"metaUid":"92a08bce-4"},"92a08bce-7":{"renderedLength":2921,"gzipLength":0,"brotliLength":0,"metaUid":"92a08bce-6"},"92a08bce-9":{"renderedLength":305,"gzipLength":0,"brotliLength":0,"metaUid":"92a08bce-8"},"92a08bce-11":{"renderedLength":173,"gzipLength":0,"brotliLength":0,"metaUid":"92a08bce-10"}},"nodeMetas":{"92a08bce-0":{"id":"/dist/browser/TiltDirection.js","moduleParts":{"tsparticles.updater.tilt.js":"92a08bce-1"},"imported":[],"importedBy":[{"uid":"92a08bce-6"},{"uid":"92a08bce-4"}]},"92a08bce-2":{"id":"/dist/browser/Options/Classes/TiltAnimation.js","moduleParts":{"tsparticles.updater.tilt.js":"92a08bce-3"},"imported":[{"uid":"92a08bce-12"}],"importedBy":[{"uid":"92a08bce-4"}]},"92a08bce-4":{"id":"/dist/browser/Options/Classes/Tilt.js","moduleParts":{"tsparticles.updater.tilt.js":"92a08bce-5"},"imported":[{"uid":"92a08bce-12"},{"uid":"92a08bce-0"},{"uid":"92a08bce-2"}],"importedBy":[{"uid":"92a08bce-6"}]},"92a08bce-6":{"id":"/dist/browser/TiltUpdater.js","moduleParts":{"tsparticles.updater.tilt.js":"92a08bce-7"},"imported":[{"uid":"92a08bce-12"},{"uid":"92a08bce-4"},{"uid":"92a08bce-0"}],"importedBy":[{"uid":"92a08bce-8"}]},"92a08bce-8":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.updater.tilt.js":"92a08bce-9"},"imported":[{"uid":"92a08bce-6"}],"importedBy":[{"uid":"92a08bce-10"}]},"92a08bce-10":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.updater.tilt.js":"92a08bce-11"},"imported":[{"uid":"92a08bce-8"}],"importedBy":[],"isEntry":true},"92a08bce-12":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"92a08bce-6"},{"uid":"92a08bce-4"},{"uid":"92a08bce-2"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.updater.tilt.js","children":[{"name":"dist/browser","children":[{"uid":"d07be56c-1","name":"TiltDirection.js"},{"name":"Options/Classes","children":[{"uid":"d07be56c-3","name":"TiltAnimation.js"},{"uid":"d07be56c-5","name":"Tilt.js"}]},{"uid":"d07be56c-7","name":"TiltUpdater.js"},{"uid":"d07be56c-9","name":"index.js"},{"uid":"d07be56c-11","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"d07be56c-1":{"renderedLength":260,"gzipLength":0,"brotliLength":0,"metaUid":"d07be56c-0"},"d07be56c-3":{"renderedLength":473,"gzipLength":0,"brotliLength":0,"metaUid":"d07be56c-2"},"d07be56c-5":{"renderedLength":480,"gzipLength":0,"brotliLength":0,"metaUid":"d07be56c-4"},"d07be56c-7":{"renderedLength":2855,"gzipLength":0,"brotliLength":0,"metaUid":"d07be56c-6"},"d07be56c-9":{"renderedLength":305,"gzipLength":0,"brotliLength":0,"metaUid":"d07be56c-8"},"d07be56c-11":{"renderedLength":173,"gzipLength":0,"brotliLength":0,"metaUid":"d07be56c-10"}},"nodeMetas":{"d07be56c-0":{"id":"/dist/browser/TiltDirection.js","moduleParts":{"tsparticles.updater.tilt.js":"d07be56c-1"},"imported":[],"importedBy":[{"uid":"d07be56c-6"},{"uid":"d07be56c-4"}]},"d07be56c-2":{"id":"/dist/browser/Options/Classes/TiltAnimation.js","moduleParts":{"tsparticles.updater.tilt.js":"d07be56c-3"},"imported":[{"uid":"d07be56c-12"}],"importedBy":[{"uid":"d07be56c-4"}]},"d07be56c-4":{"id":"/dist/browser/Options/Classes/Tilt.js","moduleParts":{"tsparticles.updater.tilt.js":"d07be56c-5"},"imported":[{"uid":"d07be56c-12"},{"uid":"d07be56c-0"},{"uid":"d07be56c-2"}],"importedBy":[{"uid":"d07be56c-6"}]},"d07be56c-6":{"id":"/dist/browser/TiltUpdater.js","moduleParts":{"tsparticles.updater.tilt.js":"d07be56c-7"},"imported":[{"uid":"d07be56c-12"},{"uid":"d07be56c-4"},{"uid":"d07be56c-0"},{"uid":"d07be56c-13"}],"importedBy":[{"uid":"d07be56c-8"}]},"d07be56c-8":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.updater.tilt.js":"d07be56c-9"},"imported":[{"uid":"d07be56c-6"}],"importedBy":[{"uid":"d07be56c-10"}]},"d07be56c-10":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.updater.tilt.js":"d07be56c-11"},"imported":[{"uid":"d07be56c-8"}],"importedBy":[],"isEntry":true},"d07be56c-12":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"d07be56c-6"},{"uid":"d07be56c-4"},{"uid":"d07be56c-2"}],"isExternal":true},"d07be56c-13":{"id":"@tsparticles/animation-utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"d07be56c-6"}],"isExternal":true}},"env":{"rollup":"4.62.0"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.updater.tilt.js

@@ -1,10 +1,10 @@
 (function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
-/* Updater v4.1.2 */
+/* Updater v4.2.0 */
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/engine')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.updaters = global.__tsParticlesInternals.updaters || {}, global.__tsParticlesInternals.updaters.tilt = global.__tsParticlesInternals.updaters.tilt || {}), global.__tsParticlesInternals.engine));
-})(this, (function (exports, engine) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/engine'), require('@tsparticles/animation-utils')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine', '@tsparticles/animation-utils'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.updaters = global.__tsParticlesInternals.updaters || {}, global.__tsParticlesInternals.updaters.tilt = global.__tsParticlesInternals.updaters.tilt || {}), global.__tsParticlesInternals.engine, global.__tsParticlesInternals.animation.utils));
+})(this, (function (exports, engine, animationUtils) { 'use strict';
 
     var TiltDirection;
     (function (TiltDirection) {
@@ -14,58 +14,33 @@
     })(TiltDirection || (TiltDirection = {}));
 
     class TiltAnimation {
-        decay;
-        enable;
-        speed;
-        sync;
-        constructor() {
-            this.enable = false;
-            this.speed = 0;
-            this.decay = 0;
-            this.sync = false;
-        }
+        decay = 0;
+        enable = false;
+        speed = 0;
+        sync = false;
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
-            if (data.speed !== undefined) {
-                this.speed = engine.setRangeValue(data.speed);
-            }
-            if (data.decay !== undefined) {
-                this.decay = engine.setRangeValue(data.decay);
-            }
-            if (data.sync !== undefined) {
-                this.sync = data.sync;
-            }
+            engine.loadProperty(this, "enable", data.enable);
+            engine.loadRangeProperty(this, "speed", data.speed);
+            engine.loadRangeProperty(this, "decay", data.decay);
+            engine.loadProperty(this, "sync", data.sync);
         }
     }
 
     class Tilt extends engine.ValueWithRandom {
-        animation;
-        direction;
-        enable;
-        constructor() {
-            super();
-            this.animation = new TiltAnimation();
-            this.direction = TiltDirection.clockwise;
-            this.enable = false;
-            this.value = 0;
-        }
+        animation = new TiltAnimation();
+        direction = TiltDirection.clockwise;
+        enable = false;
         load(data) {
             super.load(data);
             if (engine.isNull(data)) {
                 return;
             }
             this.animation.load(data.animation);
-            if (data.direction !== undefined) {
-                this.direction = data.direction;
-            }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
+            engine.loadProperty(this, "direction", data.direction);
+            engine.loadProperty(this, "enable", data.enable);
         }
     }
 
@@ -123,21 +98,18 @@
             return !particle.destroyed && !particle.spawning && !!tiltAnimation?.enable;
         }
         loadOptions(options, ...sources) {
-            options.tilt ??= new Tilt();
-            for (const source of sources) {
-                options.tilt.load(source?.tilt);
-            }
+            engine.loadOptionProperty(options, "tilt", Tilt, ...sources);
         }
         update(particle, delta) {
             if (!this.isEnabled(particle) || !particle.tilt) {
                 return;
             }
-            engine.updateAnimation(particle, particle.tilt, false, engine.DestroyType.none, delta);
+            animationUtils.updateAnimation(particle, particle.tilt, false, engine.DestroyType.none, delta);
         }
     }
 
     async function loadTiltUpdater(engine) {
-        engine.checkVersion("4.1.2");
+        engine.checkVersion("4.2.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("tilt", container => {
                 return Promise.resolve(new TiltUpdater(container));

package/tsparticles.updater.tilt.min.js

@@ -1 +1 @@
-!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.updaters.tilt=t.__tsParticlesInternals.updaters.tilt||{}),t.__tsParticlesInternals.engine)}(this,function(t,s){"use strict";var e;!function(t){t.clockwise="clockwise",t.counterClockwise="counter-clockwise",t.random="random"}(e||(e={}));class n{decay;enable;speed;sync;constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(t){s.isNull(t)||(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=s.setRangeValue(t.speed)),void 0!==t.decay&&(this.decay=s.setRangeValue(t.decay)),void 0!==t.sync&&(this.sync=t.sync))}}class a extends s.ValueWithRandom{animation;direction;enable;constructor(){super(),this.animation=new n,this.direction=e.clockwise,this.enable=!1,this.value=0}load(t){super.load(t),s.isNull(t)||(this.animation.load(t.animation),void 0!==t.direction&&(this.direction=t.direction),void 0!==t.enable&&(this.enable=t.enable))}}class l{#t;constructor(t){this.#t=t}getTransformValues(t){const s=t.tilt?.enable&&t.tilt;return{b:s?Math.cos(s.value)*s.cosDirection:void 0,c:s?Math.sin(s.value)*s.sinDirection:void 0}}init(t){const n=t.options.tilt;if(!n)return;t.tilt={enable:n.enable,value:s.degToRad(s.getRangeValue(n.value)),sinDirection:s.getRandom()>=s.half?s.identity:-s.identity,cosDirection:s.getRandom()>=s.half?s.identity:-s.identity,min:0,max:s.doublePI};let a=n.direction;if(a===e.random){a=Math.floor(s.getRandom()*s.double)>0?e.counterClockwise:e.clockwise}switch(a){case e.counterClockwise:case"counterClockwise":t.tilt.status=s.AnimationStatus.decreasing;break;case e.clockwise:t.tilt.status=s.AnimationStatus.increasing}const l=t.options.tilt?.animation;l?.enable&&(t.tilt.decay=s.identity-s.getRangeValue(l.decay),t.tilt.velocity=s.getRangeValue(l.speed)/360*this.#t.retina.reduceFactor,l.sync||(t.tilt.velocity*=s.getRandom()))}isEnabled(t){const s=t.options.tilt?.animation;return!t.destroyed&&!t.spawning&&!!s?.enable}loadOptions(t,...s){t.tilt??=new a;for(const e of s)t.tilt.load(e?.tilt)}update(t,e){this.isEnabled(t)&&t.tilt&&s.updateAnimation(t,t.tilt,!1,s.DestroyType.none,e)}}async function i(t){t.checkVersion("4.1.2"),await t.pluginManager.register(t=>{t.pluginManager.addParticleUpdater("tilt",t=>Promise.resolve(new l(t)))})}const r=globalThis;r.__tsParticlesInternals=r.__tsParticlesInternals??{},r.loadTiltUpdater=i,t.loadTiltUpdater=i}),Object.assign(globalThis.window||globalThis,{loadTiltUpdater:(globalThis.__tsParticlesInternals.updaters.tilt||{}).loadTiltUpdater}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
+!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/engine"),require("@tsparticles/animation-utils")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine","@tsparticles/animation-utils"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.updaters.tilt=t.__tsParticlesInternals.updaters.tilt||{}),t.__tsParticlesInternals.engine,t.__tsParticlesInternals.animation.utils)}(this,function(t,s,e){"use strict";var n;!function(t){t.clockwise="clockwise",t.counterClockwise="counter-clockwise",t.random="random"}(n||(n={}));class a{decay=0;enable=!1;speed=0;sync=!1;load(t){s.isNull(t)||(s.loadProperty(this,"enable",t.enable),s.loadRangeProperty(this,"speed",t.speed),s.loadRangeProperty(this,"decay",t.decay),s.loadProperty(this,"sync",t.sync))}}class l extends s.ValueWithRandom{animation=new a;direction=n.clockwise;enable=!1;load(t){super.load(t),s.isNull(t)||(this.animation.load(t.animation),s.loadProperty(this,"direction",t.direction),s.loadProperty(this,"enable",t.enable))}}class i{#t;constructor(t){this.#t=t}getTransformValues(t){const s=t.tilt?.enable&&t.tilt;return{b:s?Math.cos(s.value)*s.cosDirection:void 0,c:s?Math.sin(s.value)*s.sinDirection:void 0}}init(t){const e=t.options.tilt;if(!e)return;t.tilt={enable:e.enable,value:s.degToRad(s.getRangeValue(e.value)),sinDirection:s.getRandom()>=s.half?s.identity:-s.identity,cosDirection:s.getRandom()>=s.half?s.identity:-s.identity,min:0,max:s.doublePI};let a=e.direction;if(a===n.random){a=Math.floor(s.getRandom()*s.double)>0?n.counterClockwise:n.clockwise}switch(a){case n.counterClockwise:case"counterClockwise":t.tilt.status=s.AnimationStatus.decreasing;break;case n.clockwise:t.tilt.status=s.AnimationStatus.increasing}const l=t.options.tilt?.animation;l?.enable&&(t.tilt.decay=s.identity-s.getRangeValue(l.decay),t.tilt.velocity=s.getRangeValue(l.speed)/360*this.#t.retina.reduceFactor,l.sync||(t.tilt.velocity*=s.getRandom()))}isEnabled(t){const s=t.options.tilt?.animation;return!t.destroyed&&!t.spawning&&!!s?.enable}loadOptions(t,...e){s.loadOptionProperty(t,"tilt",l,...e)}update(t,n){this.isEnabled(t)&&t.tilt&&e.updateAnimation(t,t.tilt,!1,s.DestroyType.none,n)}}async function r(t){t.checkVersion("4.2.0"),await t.pluginManager.register(t=>{t.pluginManager.addParticleUpdater("tilt",t=>Promise.resolve(new i(t)))})}const c=globalThis;c.__tsParticlesInternals=c.__tsParticlesInternals??{},c.loadTiltUpdater=r,t.loadTiltUpdater=r}),Object.assign(globalThis.window||globalThis,{loadTiltUpdater:(globalThis.__tsParticlesInternals.updaters.tilt||{}).loadTiltUpdater}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/Options/Classes/Tilt.d.ts

@@ -3,9 +3,8 @@ import { TiltDirection, type TiltDirectionAlt } from "../../TiltDirection.js";
 import type { ITilt } from "../Interfaces/ITilt.js";
 import { TiltAnimation } from "./TiltAnimation.js";
 export declare class Tilt extends ValueWithRandom implements ITilt, IOptionLoader<ITilt> {
-    animation: TiltAnimation;
+    readonly animation: TiltAnimation;
     direction: TiltDirection | keyof typeof TiltDirection | TiltDirectionAlt;
     enable: boolean;
-    constructor();
     load(data?: RecursivePartial<ITilt>): void;
 }

package/types/Options/Classes/TiltAnimation.d.ts

@@ -5,6 +5,5 @@ export declare class TiltAnimation implements ITiltAnimation, IOptionLoader<ITil
     enable: boolean;
     speed: RangeValue;
     sync: boolean;
-    constructor();
     load(data?: RecursivePartial<ITiltAnimation>): void;
 }