@tsparticles/fireworks 3.3.0 → 3.5.0

package/browser/fireworks.js

@@ -1,5 +1,13 @@
-import { getRangeMax, getRangeMin, isNumber, isSsr, isString, setRangeValue, tsParticles, } from "@tsparticles/engine";
+import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, getRangeMax, getRangeMin, isNumber, isSsr, isString, setRangeValue, tsParticles, } from "@tsparticles/engine";
 import { FireworkOptions } from "./FireworkOptions.js";
+import { loadBasic } from "@tsparticles/basic";
+import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
+import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
+import { loadEmittersShapeSquare } from "@tsparticles/plugin-emitters-shape-square";
+import { loadLifeUpdater } from "@tsparticles/updater-life";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
+import { loadSoundsPlugin } from "@tsparticles/plugin-sounds";
+import { loadTrailEffect } from "@tsparticles/effect-trail";
 const minSplitCount = 2;
 let initialized = false;
 let initializing = false;
@@ -26,7 +34,7 @@ async function initPlugins() {
         return;
     }
     if (initializing) {
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
             const timeout = 100, interval = setInterval(() => {
                 if (!initialized) {
                     return;
@@ -37,7 +45,6 @@ async function initPlugins() {
         });
     }
     initializing = true;
-    const { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadEmittersShapeSquare } = await import("@tsparticles/plugin-emitters-shape-square"), { loadSoundsPlugin } = await import("@tsparticles/plugin-sounds"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadDestroyUpdater } = await import("@tsparticles/updater-destroy"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadTrailEffect } = await import("@tsparticles/effect-trail"), { loadBasic } = await import("@tsparticles/basic");
     await loadEmittersPlugin(tsParticles, false);
     await loadEmittersShapeSquare(tsParticles, false);
     await loadSoundsPlugin(tsParticles, false);
@@ -68,7 +75,7 @@ export async function fireworks(idOrOptions, sourceOptions) {
         },
         fpsLimit: 60,
         emitters: {
-            direction: "top",
+            direction: MoveDirection.top,
             life: {
                 count: 0,
                 duration: 0.1,
@@ -130,8 +137,8 @@ export async function fireworks(idOrOptions, sourceOptions) {
                                 enable: true,
                                 speed: 1,
                                 sync: false,
-                                startValue: "max",
-                                destroy: "min",
+                                startValue: StartValueType.max,
+                                destroy: DestroyType.min,
                             },
                         },
                         effect: {
@@ -155,8 +162,8 @@ export async function fireworks(idOrOptions, sourceOptions) {
                                 speed: 5,
                                 count: 1,
                                 sync: false,
-                                startValue: "min",
-                                destroy: "none",
+                                startValue: StartValueType.min,
+                                destroy: DestroyType.none,
                             },
                         },
                         life: {
@@ -178,7 +185,7 @@ export async function fireworks(idOrOptions, sourceOptions) {
                             },
                             speed: setRangeValue(options.speed),
                             direction: "none",
-                            outModes: "destroy",
+                            outModes: OutMode.destroy,
                         },
                     },
                 },
@@ -224,8 +231,8 @@ export async function fireworks(idOrOptions, sourceOptions) {
                     max: 20,
                 },
                 outModes: {
-                    default: "destroy",
-                    top: "none",
+                    default: OutMode.destroy,
+                    top: OutMode.none,
                 },
             },
         },
@@ -233,7 +240,7 @@ export async function fireworks(idOrOptions, sourceOptions) {
             enable: options.sounds,
             events: [
                 {
-                    event: "particleRemoved",
+                    event: EventType.particleRemoved,
                     filter: explodeSoundCheck,
                     audio: [
                         "https://particles.js.org/audio/explosion0.mp3",
@@ -251,6 +258,9 @@ export async function fireworks(idOrOptions, sourceOptions) {
     }
     return new FireworksInstance(container);
 }
+fireworks.init = async () => {
+    await initPlugins();
+};
 fireworks.version = tsParticles.version;
 if (!isSsr()) {
     window.fireworks = fireworks;

package/cjs/fireworks.js

@@ -1,8 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fireworks = void 0;
+exports.fireworks = fireworks;
 const engine_1 = require("@tsparticles/engine");
 const FireworkOptions_js_1 = require("./FireworkOptions.js");
+const basic_1 = require("@tsparticles/basic");
+const updater_destroy_1 = require("@tsparticles/updater-destroy");
+const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
+const plugin_emitters_shape_square_1 = require("@tsparticles/plugin-emitters-shape-square");
+const updater_life_1 = require("@tsparticles/updater-life");
+const updater_rotate_1 = require("@tsparticles/updater-rotate");
+const plugin_sounds_1 = require("@tsparticles/plugin-sounds");
+const effect_trail_1 = require("@tsparticles/effect-trail");
 const minSplitCount = 2;
 let initialized = false;
 let initializing = false;
@@ -29,7 +37,7 @@ async function initPlugins() {
         return;
     }
     if (initializing) {
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
             const timeout = 100, interval = setInterval(() => {
                 if (!initialized) {
                     return;
@@ -40,15 +48,14 @@ async function initPlugins() {
         });
     }
     initializing = true;
-    const { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadEmittersShapeSquare } = await import("@tsparticles/plugin-emitters-shape-square"), { loadSoundsPlugin } = await import("@tsparticles/plugin-sounds"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadDestroyUpdater } = await import("@tsparticles/updater-destroy"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadTrailEffect } = await import("@tsparticles/effect-trail"), { loadBasic } = await import("@tsparticles/basic");
-    await loadEmittersPlugin(engine_1.tsParticles, false);
-    await loadEmittersShapeSquare(engine_1.tsParticles, false);
-    await loadSoundsPlugin(engine_1.tsParticles, false);
-    await loadRotateUpdater(engine_1.tsParticles, false);
-    await loadDestroyUpdater(engine_1.tsParticles, false);
-    await loadLifeUpdater(engine_1.tsParticles, false);
-    await loadTrailEffect(engine_1.tsParticles, false);
-    await loadBasic(engine_1.tsParticles, false);
+    await (0, plugin_emitters_1.loadEmittersPlugin)(engine_1.tsParticles, false);
+    await (0, plugin_emitters_shape_square_1.loadEmittersShapeSquare)(engine_1.tsParticles, false);
+    await (0, plugin_sounds_1.loadSoundsPlugin)(engine_1.tsParticles, false);
+    await (0, updater_rotate_1.loadRotateUpdater)(engine_1.tsParticles, false);
+    await (0, updater_destroy_1.loadDestroyUpdater)(engine_1.tsParticles, false);
+    await (0, updater_life_1.loadLifeUpdater)(engine_1.tsParticles, false);
+    await (0, effect_trail_1.loadTrailEffect)(engine_1.tsParticles, false);
+    await (0, basic_1.loadBasic)(engine_1.tsParticles, false);
     initializing = false;
     initialized = true;
 }
@@ -71,7 +78,7 @@ async function fireworks(idOrOptions, sourceOptions) {
         },
         fpsLimit: 60,
         emitters: {
-            direction: "top",
+            direction: engine_1.MoveDirection.top,
             life: {
                 count: 0,
                 duration: 0.1,
@@ -133,8 +140,8 @@ async function fireworks(idOrOptions, sourceOptions) {
                                 enable: true,
                                 speed: 1,
                                 sync: false,
-                                startValue: "max",
-                                destroy: "min",
+                                startValue: engine_1.StartValueType.max,
+                                destroy: engine_1.DestroyType.min,
                             },
                         },
                         effect: {
@@ -158,8 +165,8 @@ async function fireworks(idOrOptions, sourceOptions) {
                                 speed: 5,
                                 count: 1,
                                 sync: false,
-                                startValue: "min",
-                                destroy: "none",
+                                startValue: engine_1.StartValueType.min,
+                                destroy: engine_1.DestroyType.none,
                             },
                         },
                         life: {
@@ -181,7 +188,7 @@ async function fireworks(idOrOptions, sourceOptions) {
                             },
                             speed: (0, engine_1.setRangeValue)(options.speed),
                             direction: "none",
-                            outModes: "destroy",
+                            outModes: engine_1.OutMode.destroy,
                         },
                     },
                 },
@@ -227,8 +234,8 @@ async function fireworks(idOrOptions, sourceOptions) {
                     max: 20,
                 },
                 outModes: {
-                    default: "destroy",
-                    top: "none",
+                    default: engine_1.OutMode.destroy,
+                    top: engine_1.OutMode.none,
                 },
             },
         },
@@ -236,7 +243,7 @@ async function fireworks(idOrOptions, sourceOptions) {
             enable: options.sounds,
             events: [
                 {
-                    event: "particleRemoved",
+                    event: engine_1.EventType.particleRemoved,
                     filter: explodeSoundCheck,
                     audio: [
                         "https://particles.js.org/audio/explosion0.mp3",
@@ -254,7 +261,9 @@ async function fireworks(idOrOptions, sourceOptions) {
     }
     return new FireworksInstance(container);
 }
-exports.fireworks = fireworks;
+fireworks.init = async () => {
+    await initPlugins();
+};
 fireworks.version = engine_1.tsParticles.version;
 if (!(0, engine_1.isSsr)()) {
     window.fireworks = fireworks;

package/esm/fireworks.js

@@ -1,5 +1,13 @@
-import { getRangeMax, getRangeMin, isNumber, isSsr, isString, setRangeValue, tsParticles, } from "@tsparticles/engine";
+import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, getRangeMax, getRangeMin, isNumber, isSsr, isString, setRangeValue, tsParticles, } from "@tsparticles/engine";
 import { FireworkOptions } from "./FireworkOptions.js";
+import { loadBasic } from "@tsparticles/basic";
+import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
+import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
+import { loadEmittersShapeSquare } from "@tsparticles/plugin-emitters-shape-square";
+import { loadLifeUpdater } from "@tsparticles/updater-life";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
+import { loadSoundsPlugin } from "@tsparticles/plugin-sounds";
+import { loadTrailEffect } from "@tsparticles/effect-trail";
 const minSplitCount = 2;
 let initialized = false;
 let initializing = false;
@@ -26,7 +34,7 @@ async function initPlugins() {
         return;
     }
     if (initializing) {
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
             const timeout = 100, interval = setInterval(() => {
                 if (!initialized) {
                     return;
@@ -37,7 +45,6 @@ async function initPlugins() {
         });
     }
     initializing = true;
-    const { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadEmittersShapeSquare } = await import("@tsparticles/plugin-emitters-shape-square"), { loadSoundsPlugin } = await import("@tsparticles/plugin-sounds"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadDestroyUpdater } = await import("@tsparticles/updater-destroy"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadTrailEffect } = await import("@tsparticles/effect-trail"), { loadBasic } = await import("@tsparticles/basic");
     await loadEmittersPlugin(tsParticles, false);
     await loadEmittersShapeSquare(tsParticles, false);
     await loadSoundsPlugin(tsParticles, false);
@@ -68,7 +75,7 @@ export async function fireworks(idOrOptions, sourceOptions) {
         },
         fpsLimit: 60,
         emitters: {
-            direction: "top",
+            direction: MoveDirection.top,
             life: {
                 count: 0,
                 duration: 0.1,
@@ -130,8 +137,8 @@ export async function fireworks(idOrOptions, sourceOptions) {
                                 enable: true,
                                 speed: 1,
                                 sync: false,
-                                startValue: "max",
-                                destroy: "min",
+                                startValue: StartValueType.max,
+                                destroy: DestroyType.min,
                             },
                         },
                         effect: {
@@ -155,8 +162,8 @@ export async function fireworks(idOrOptions, sourceOptions) {
                                 speed: 5,
                                 count: 1,
                                 sync: false,
-                                startValue: "min",
-                                destroy: "none",
+                                startValue: StartValueType.min,
+                                destroy: DestroyType.none,
                             },
                         },
                         life: {
@@ -178,7 +185,7 @@ export async function fireworks(idOrOptions, sourceOptions) {
                             },
                             speed: setRangeValue(options.speed),
                             direction: "none",
-                            outModes: "destroy",
+                            outModes: OutMode.destroy,
                         },
                     },
                 },
@@ -224,8 +231,8 @@ export async function fireworks(idOrOptions, sourceOptions) {
                     max: 20,
                 },
                 outModes: {
-                    default: "destroy",
-                    top: "none",
+                    default: OutMode.destroy,
+                    top: OutMode.none,
                 },
             },
         },
@@ -233,7 +240,7 @@ export async function fireworks(idOrOptions, sourceOptions) {
             enable: options.sounds,
             events: [
                 {
-                    event: "particleRemoved",
+                    event: EventType.particleRemoved,
                     filter: explodeSoundCheck,
                     audio: [
                         "https://particles.js.org/audio/explosion0.mp3",
@@ -251,6 +258,9 @@ export async function fireworks(idOrOptions, sourceOptions) {
     }
     return new FireworksInstance(container);
 }
+fireworks.init = async () => {
+    await initPlugins();
+};
 fireworks.version = tsParticles.version;
 if (!isSsr()) {
     window.fireworks = fireworks;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/fireworks",
-  "version": "3.3.0",
+  "version": "3.5.0",
   "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.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -99,15 +99,15 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/basic": "^3.3.0",
-    "@tsparticles/effect-trail": "^3.3.0",
-    "@tsparticles/engine": "^3.3.0",
-    "@tsparticles/plugin-emitters": "^3.3.0",
-    "@tsparticles/plugin-emitters-shape-square": "^3.3.0",
-    "@tsparticles/plugin-sounds": "^3.3.0",
-    "@tsparticles/updater-destroy": "^3.3.0",
-    "@tsparticles/updater-life": "^3.3.0",
-    "@tsparticles/updater-rotate": "^3.3.0"
+    "@tsparticles/basic": "^3.5.0",
+    "@tsparticles/effect-trail": "^3.5.0",
+    "@tsparticles/engine": "^3.5.0",
+    "@tsparticles/plugin-emitters": "^3.5.0",
+    "@tsparticles/plugin-emitters-shape-square": "^3.5.0",
+    "@tsparticles/plugin-sounds": "^3.5.0",
+    "@tsparticles/updater-destroy": "^3.5.0",
+    "@tsparticles/updater-life": "^3.5.0",
+    "@tsparticles/updater-rotate": "^3.5.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/fireworks [27 Feb 2024 at 12:25]</title>
+    <title>@tsparticles/fireworks [1 Jul 2024 at 09:27]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>