@tsparticles/confetti 4.1.2 → 4.2.0

package/browser/ConfettiOptions.js

@@ -1,4 +1,4 @@
-import { deepExtend, isArray, isNull, percentDenominator, } from "@tsparticles/engine";
+import { deepExtend, isArray, isNull, loadProperty, percentDenominator, } from "@tsparticles/engine";
 export class ConfettiOptions {
     angle;
     colors;
@@ -57,34 +57,18 @@ export class ConfettiOptions {
         if (isNull(data)) {
             return;
         }
-        if (data.angle !== undefined) {
-            this.angle = data.angle;
-        }
+        loadProperty(this, "angle", data.angle);
         const count = data.count ?? data.particleCount;
         if (count !== undefined) {
             this.count = count;
         }
-        if (data.spread !== undefined) {
-            this.spread = data.spread;
-        }
-        if (data.startVelocity !== undefined) {
-            this.startVelocity = data.startVelocity;
-        }
-        if (data.decay !== undefined) {
-            this.decay = data.decay;
-        }
-        if (data.flat !== undefined) {
-            this.flat = data.flat;
-        }
-        if (data.gravity !== undefined) {
-            this.gravity = data.gravity;
-        }
-        if (data.drift !== undefined) {
-            this.drift = data.drift;
-        }
-        if (data.ticks !== undefined) {
-            this.ticks = data.ticks;
-        }
+        loadProperty(this, "spread", data.spread);
+        loadProperty(this, "startVelocity", data.startVelocity);
+        loadProperty(this, "decay", data.decay);
+        loadProperty(this, "flat", data.flat);
+        loadProperty(this, "gravity", data.gravity);
+        loadProperty(this, "drift", data.drift);
+        loadProperty(this, "ticks", data.ticks);
         const origin = data.origin;
         if (origin && !data.position) {
             data.position = {
@@ -126,14 +110,8 @@ export class ConfettiOptions {
                 this.shapes = data.shapes;
             }
         }
-        if (data.scalar !== undefined) {
-            this.scalar = data.scalar;
-        }
-        if (data.zIndex !== undefined) {
-            this.zIndex = data.zIndex;
-        }
-        if (data.disableForReducedMotion !== undefined) {
-            this.disableForReducedMotion = data.disableForReducedMotion;
-        }
+        loadProperty(this, "scalar", data.scalar);
+        loadProperty(this, "zIndex", data.zIndex);
+        loadProperty(this, "disableForReducedMotion", data.disableForReducedMotion);
     }
 }

package/browser/confetti.js

@@ -17,7 +17,7 @@ import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
 import { setConfetti } from "./utils.js";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         await Promise.all([
             loadBasic(e),
@@ -90,5 +90,5 @@ confetti.create = async (canvas, options = {}) => {
 confetti.init = async () => {
     await initPlugins(tsParticles);
 };
-confetti.version = "4.1.2";
+confetti.version = "4.2.0";
 globalThis.confetti = confetti;

package/browser/confetti.lazy.js

@@ -2,7 +2,7 @@ import { isString, tsParticles } from "@tsparticles/engine/lazy";
 import { setConfetti } from "./utils.js";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         const [{ loadBasic }, { loadEmittersPluginSimple }, { loadMotionPlugin }, { loadCardSuitsShape }, { loadEmojiShape }, { loadHeartShape }, { loadImageShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadRotateUpdater }, { loadLifeUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadWobbleUpdater },] = await Promise.all([
             import("@tsparticles/basic/lazy"),
@@ -92,5 +92,5 @@ confetti.create = async (canvas, options = {}) => {
 confetti.init = async () => {
     await initPlugins(tsParticles);
 };
-confetti.version = "4.1.2";
+confetti.version = "4.2.0";
 globalThis.confetti = confetti;

package/browser/utils.js

@@ -1,6 +1,6 @@
-import { millisecondsToSeconds } from "@tsparticles/engine";
+import { defaultFps, percentDenominator } from "@tsparticles/engine";
 import { ConfettiOptions } from "./ConfettiOptions.js";
-const defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0, ids = new Map();
+const defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0, noOpacityChange = 0, ids = new Map(), minTicks = 0;
 export async function addEmitter(container, actualOptions, opacitySpeed) {
     await container.addEmitter?.({
         startCount: actualOptions.count,
@@ -251,7 +251,7 @@ export function convertOptions(actualOptions, params, opacitySpeed) {
 export async function setConfetti(engine, params) {
     const actualOptions = new ConfettiOptions();
     actualOptions.load(params.options);
-    const fpsLimit = 120, fpsLimitFactor = 3.6, opacitySpeed = (fpsLimitFactor * fpsLimit * millisecondsToSeconds) / (actualOptions.ticks * millisecondsToSeconds);
+    const fpsLimit = 120, safeTicks = Number.isFinite(actualOptions.ticks) && actualOptions.ticks > minTicks ? actualOptions.ticks : undefined, opacitySpeed = safeTicks === undefined ? noOpacityChange : (fpsLimit * percentDenominator) / (defaultFps * safeTicks);
     let containerOrPromise = ids.get(params.id);
     if (containerOrPromise instanceof Promise) {
         await containerOrPromise;

package/cjs/ConfettiOptions.js

@@ -1,4 +1,4 @@
-import { deepExtend, isArray, isNull, percentDenominator, } from "@tsparticles/engine";
+import { deepExtend, isArray, isNull, loadProperty, percentDenominator, } from "@tsparticles/engine";
 export class ConfettiOptions {
     angle;
     colors;
@@ -57,34 +57,18 @@ export class ConfettiOptions {
         if (isNull(data)) {
             return;
         }
-        if (data.angle !== undefined) {
-            this.angle = data.angle;
-        }
+        loadProperty(this, "angle", data.angle);
         const count = data.count ?? data.particleCount;
         if (count !== undefined) {
             this.count = count;
         }
-        if (data.spread !== undefined) {
-            this.spread = data.spread;
-        }
-        if (data.startVelocity !== undefined) {
-            this.startVelocity = data.startVelocity;
-        }
-        if (data.decay !== undefined) {
-            this.decay = data.decay;
-        }
-        if (data.flat !== undefined) {
-            this.flat = data.flat;
-        }
-        if (data.gravity !== undefined) {
-            this.gravity = data.gravity;
-        }
-        if (data.drift !== undefined) {
-            this.drift = data.drift;
-        }
-        if (data.ticks !== undefined) {
-            this.ticks = data.ticks;
-        }
+        loadProperty(this, "spread", data.spread);
+        loadProperty(this, "startVelocity", data.startVelocity);
+        loadProperty(this, "decay", data.decay);
+        loadProperty(this, "flat", data.flat);
+        loadProperty(this, "gravity", data.gravity);
+        loadProperty(this, "drift", data.drift);
+        loadProperty(this, "ticks", data.ticks);
         const origin = data.origin;
         if (origin && !data.position) {
             data.position = {
@@ -126,14 +110,8 @@ export class ConfettiOptions {
                 this.shapes = data.shapes;
             }
         }
-        if (data.scalar !== undefined) {
-            this.scalar = data.scalar;
-        }
-        if (data.zIndex !== undefined) {
-            this.zIndex = data.zIndex;
-        }
-        if (data.disableForReducedMotion !== undefined) {
-            this.disableForReducedMotion = data.disableForReducedMotion;
-        }
+        loadProperty(this, "scalar", data.scalar);
+        loadProperty(this, "zIndex", data.zIndex);
+        loadProperty(this, "disableForReducedMotion", data.disableForReducedMotion);
     }
 }

package/cjs/confetti.js

@@ -17,7 +17,7 @@ import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
 import { setConfetti } from "./utils.js";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         await Promise.all([
             loadBasic(e),
@@ -90,5 +90,5 @@ confetti.create = async (canvas, options = {}) => {
 confetti.init = async () => {
     await initPlugins(tsParticles);
 };
-confetti.version = "4.1.2";
+confetti.version = "4.2.0";
 globalThis.confetti = confetti;

package/cjs/confetti.lazy.js

@@ -2,7 +2,7 @@ import { isString, tsParticles } from "@tsparticles/engine/lazy";
 import { setConfetti } from "./utils.js";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         const [{ loadBasic }, { loadEmittersPluginSimple }, { loadMotionPlugin }, { loadCardSuitsShape }, { loadEmojiShape }, { loadHeartShape }, { loadImageShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadRotateUpdater }, { loadLifeUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadWobbleUpdater },] = await Promise.all([
             import("@tsparticles/basic/lazy"),
@@ -92,5 +92,5 @@ confetti.create = async (canvas, options = {}) => {
 confetti.init = async () => {
     await initPlugins(tsParticles);
 };
-confetti.version = "4.1.2";
+confetti.version = "4.2.0";
 globalThis.confetti = confetti;

package/cjs/utils.js

@@ -1,6 +1,6 @@
-import { millisecondsToSeconds } from "@tsparticles/engine";
+import { defaultFps, percentDenominator } from "@tsparticles/engine";
 import { ConfettiOptions } from "./ConfettiOptions.js";
-const defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0, ids = new Map();
+const defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0, noOpacityChange = 0, ids = new Map(), minTicks = 0;
 export async function addEmitter(container, actualOptions, opacitySpeed) {
     await container.addEmitter?.({
         startCount: actualOptions.count,
@@ -251,7 +251,7 @@ export function convertOptions(actualOptions, params, opacitySpeed) {
 export async function setConfetti(engine, params) {
     const actualOptions = new ConfettiOptions();
     actualOptions.load(params.options);
-    const fpsLimit = 120, fpsLimitFactor = 3.6, opacitySpeed = (fpsLimitFactor * fpsLimit * millisecondsToSeconds) / (actualOptions.ticks * millisecondsToSeconds);
+    const fpsLimit = 120, safeTicks = Number.isFinite(actualOptions.ticks) && actualOptions.ticks > minTicks ? actualOptions.ticks : undefined, opacitySpeed = safeTicks === undefined ? noOpacityChange : (fpsLimit * percentDenominator) / (defaultFps * safeTicks);
     let containerOrPromise = ids.get(params.id);
     if (containerOrPromise instanceof Promise) {
         await containerOrPromise;

package/esm/ConfettiOptions.js

@@ -1,4 +1,4 @@
-import { deepExtend, isArray, isNull, percentDenominator, } from "@tsparticles/engine";
+import { deepExtend, isArray, isNull, loadProperty, percentDenominator, } from "@tsparticles/engine";
 export class ConfettiOptions {
     angle;
     colors;
@@ -57,34 +57,18 @@ export class ConfettiOptions {
         if (isNull(data)) {
             return;
         }
-        if (data.angle !== undefined) {
-            this.angle = data.angle;
-        }
+        loadProperty(this, "angle", data.angle);
         const count = data.count ?? data.particleCount;
         if (count !== undefined) {
             this.count = count;
         }
-        if (data.spread !== undefined) {
-            this.spread = data.spread;
-        }
-        if (data.startVelocity !== undefined) {
-            this.startVelocity = data.startVelocity;
-        }
-        if (data.decay !== undefined) {
-            this.decay = data.decay;
-        }
-        if (data.flat !== undefined) {
-            this.flat = data.flat;
-        }
-        if (data.gravity !== undefined) {
-            this.gravity = data.gravity;
-        }
-        if (data.drift !== undefined) {
-            this.drift = data.drift;
-        }
-        if (data.ticks !== undefined) {
-            this.ticks = data.ticks;
-        }
+        loadProperty(this, "spread", data.spread);
+        loadProperty(this, "startVelocity", data.startVelocity);
+        loadProperty(this, "decay", data.decay);
+        loadProperty(this, "flat", data.flat);
+        loadProperty(this, "gravity", data.gravity);
+        loadProperty(this, "drift", data.drift);
+        loadProperty(this, "ticks", data.ticks);
         const origin = data.origin;
         if (origin && !data.position) {
             data.position = {
@@ -126,14 +110,8 @@ export class ConfettiOptions {
                 this.shapes = data.shapes;
             }
         }
-        if (data.scalar !== undefined) {
-            this.scalar = data.scalar;
-        }
-        if (data.zIndex !== undefined) {
-            this.zIndex = data.zIndex;
-        }
-        if (data.disableForReducedMotion !== undefined) {
-            this.disableForReducedMotion = data.disableForReducedMotion;
-        }
+        loadProperty(this, "scalar", data.scalar);
+        loadProperty(this, "zIndex", data.zIndex);
+        loadProperty(this, "disableForReducedMotion", data.disableForReducedMotion);
     }
 }

package/esm/confetti.js

@@ -17,7 +17,7 @@ import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
 import { setConfetti } from "./utils.js";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         await Promise.all([
             loadBasic(e),
@@ -90,5 +90,5 @@ confetti.create = async (canvas, options = {}) => {
 confetti.init = async () => {
     await initPlugins(tsParticles);
 };
-confetti.version = "4.1.2";
+confetti.version = "4.2.0";
 globalThis.confetti = confetti;

package/esm/confetti.lazy.js

@@ -2,7 +2,7 @@ import { isString, tsParticles } from "@tsparticles/engine/lazy";
 import { setConfetti } from "./utils.js";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         const [{ loadBasic }, { loadEmittersPluginSimple }, { loadMotionPlugin }, { loadCardSuitsShape }, { loadEmojiShape }, { loadHeartShape }, { loadImageShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadRotateUpdater }, { loadLifeUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadWobbleUpdater },] = await Promise.all([
             import("@tsparticles/basic/lazy"),
@@ -92,5 +92,5 @@ confetti.create = async (canvas, options = {}) => {
 confetti.init = async () => {
     await initPlugins(tsParticles);
 };
-confetti.version = "4.1.2";
+confetti.version = "4.2.0";
 globalThis.confetti = confetti;

package/esm/utils.js

@@ -1,6 +1,6 @@
-import { millisecondsToSeconds } from "@tsparticles/engine";
+import { defaultFps, percentDenominator } from "@tsparticles/engine";
 import { ConfettiOptions } from "./ConfettiOptions.js";
-const defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0, ids = new Map();
+const defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0, noOpacityChange = 0, ids = new Map(), minTicks = 0;
 export async function addEmitter(container, actualOptions, opacitySpeed) {
     await container.addEmitter?.({
         startCount: actualOptions.count,
@@ -251,7 +251,7 @@ export function convertOptions(actualOptions, params, opacitySpeed) {
 export async function setConfetti(engine, params) {
     const actualOptions = new ConfettiOptions();
     actualOptions.load(params.options);
-    const fpsLimit = 120, fpsLimitFactor = 3.6, opacitySpeed = (fpsLimitFactor * fpsLimit * millisecondsToSeconds) / (actualOptions.ticks * millisecondsToSeconds);
+    const fpsLimit = 120, safeTicks = Number.isFinite(actualOptions.ticks) && actualOptions.ticks > minTicks ? actualOptions.ticks : undefined, opacitySpeed = safeTicks === undefined ? noOpacityChange : (fpsLimit * percentDenominator) / (defaultFps * safeTicks);
     let containerOrPromise = ids.get(params.id);
     if (containerOrPromise instanceof Promise) {
         await containerOrPromise;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tsparticles/confetti",
-  "version": "4.1.2",
-  "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
+  "version": "4.2.0",
+  "description": "tsParticles confetti bundle — easily create confetti, confetti cannon, confetti explosions, confetti falling, and confetti parade animations with presets. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
     "type": "git",
@@ -105,22 +105,22 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/basic": "4.1.2",
-    "@tsparticles/engine": "4.1.2",
-    "@tsparticles/plugin-emitters": "4.1.2",
-    "@tsparticles/plugin-motion": "4.1.2",
-    "@tsparticles/shape-cards": "4.1.2",
-    "@tsparticles/shape-emoji": "4.1.2",
-    "@tsparticles/shape-heart": "4.1.2",
-    "@tsparticles/shape-image": "4.1.2",
-    "@tsparticles/shape-polygon": "4.1.2",
-    "@tsparticles/shape-square": "4.1.2",
-    "@tsparticles/shape-star": "4.1.2",
-    "@tsparticles/updater-life": "4.1.2",
-    "@tsparticles/updater-roll": "4.1.2",
-    "@tsparticles/updater-rotate": "4.1.2",
-    "@tsparticles/updater-tilt": "4.1.2",
-    "@tsparticles/updater-wobble": "4.1.2"
+    "@tsparticles/basic": "4.2.0",
+    "@tsparticles/engine": "4.2.0",
+    "@tsparticles/plugin-emitters": "4.2.0",
+    "@tsparticles/plugin-motion": "4.2.0",
+    "@tsparticles/shape-cards": "4.2.0",
+    "@tsparticles/shape-emoji": "4.2.0",
+    "@tsparticles/shape-heart": "4.2.0",
+    "@tsparticles/shape-image": "4.2.0",
+    "@tsparticles/shape-polygon": "4.2.0",
+    "@tsparticles/shape-square": "4.2.0",
+    "@tsparticles/shape-star": "4.2.0",
+    "@tsparticles/updater-life": "4.2.0",
+    "@tsparticles/updater-roll": "4.2.0",
+    "@tsparticles/updater-rotate": "4.2.0",
+    "@tsparticles/updater-tilt": "4.2.0",
+    "@tsparticles/updater-wobble": "4.2.0"
   },
   "publishConfig": {
     "access": "public"