@tsparticles/preset-fireworks 3.2.0 → 4.0.0-alpha.1

package/browser/index.js

@@ -1,23 +1,19 @@
-import { initOptions } from "./options.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 { loadLineShape } from "@tsparticles/shape-line";
-import { loadRotateUpdater } from "@tsparticles/updater-rotate";
-import { loadSoundsPlugin } from "@tsparticles/plugin-sounds";
-import { loadStrokeColorUpdater } from "@tsparticles/updater-stroke-color";
-export async function loadFireworksPreset(engine, refresh = true) {
-    await loadBasic(engine, false);
-    await loadEmittersPlugin(engine, false);
-    await loadEmittersShapeSquare(engine, false);
-    await loadSoundsPlugin(engine, false);
-    await loadLineShape(engine, false);
-    await loadRotateUpdater(engine, false);
-    await loadDestroyUpdater(engine, false);
-    await loadLifeUpdater(engine, false);
-    await loadStrokeColorUpdater(engine, false);
-    await engine.addPreset("fireworks", initOptions(engine), false);
-    await engine.refresh(refresh);
+export function loadFireworksPreset(engine) {
+    engine.register(async (e) => {
+        const { loadBasic } = await import("@tsparticles/basic"), { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadTrailEffect } = await import("@tsparticles/effect-trail"), { loadEmittersShapeSquare } = await import("@tsparticles/plugin-emitters-shape-square"), { loadHexColorPlugin } = await import("@tsparticles/plugin-hex-color"), { loadHslColorPlugin } = await import("@tsparticles/plugin-hsl-color"), { loadRgbColorPlugin } = await import("@tsparticles/plugin-rgb-color"), { loadSoundsPlugin } = await import("@tsparticles/plugin-sounds"), { loadLineShape } = await import("@tsparticles/shape-line"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadDestroyUpdater } = await import("@tsparticles/updater-destroy"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadStrokeColorUpdater } = await import("@tsparticles/updater-stroke-color"), { initOptions, presetName } = await import("./options.js");
+        loadBasic(e);
+        loadHexColorPlugin(e);
+        loadHslColorPlugin(e);
+        loadRgbColorPlugin(e);
+        loadEmittersPlugin(e);
+        loadTrailEffect(e);
+        loadEmittersShapeSquare(e);
+        loadSoundsPlugin(e);
+        loadLineShape(e);
+        loadRotateUpdater(e);
+        loadDestroyUpdater(e);
+        loadLifeUpdater(e);
+        loadStrokeColorUpdater(e);
+        e.addPreset(presetName, initOptions(), false);
+    });
 }

package/browser/options.js

@@ -1,8 +1,9 @@
-import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, rgbToHsl, setRangeValue, stringToRgb, } from "@tsparticles/engine";
-export function initOptions(engine) {
+import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, defaultAlpha, none, rgbToHsl, setRangeValue, } from "@tsparticles/engine";
+export const presetName = "fireworks";
+export function initOptions() {
     const explodeSoundCheck = (args) => {
         const data = args.data;
-        return data.particle.shape === "line";
+        return data.particle.options.move.gravity.inverse;
     }, fixRange = (value, min, max) => {
         const minValue = 0, diffSMax = value.max > max ? value.max - max : minValue;
         let res = setRangeValue(value);
@@ -14,15 +15,74 @@ export function initOptions(engine) {
             res = setRangeValue(minValue, value.max + diffSMin);
         }
         return res;
+    }, hexToRgba = (hex) => {
+        let hexValue = hex;
+        const shortRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i;
+        if (shortRegex.test(hexValue)) {
+            hexValue = hexValue.replace(shortRegex, (_m, r, g, b, a) => r + r + g + g + b + b + (a ? a + a : ""));
+        }
+        const regex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, result = regex.exec(hexValue);
+        if (!result) {
+            return undefined;
+        }
+        result.shift();
+        const indexes = {
+            a: 3,
+            b: 2,
+            g: 1,
+            r: 0,
+        }, values = {
+            a: result[indexes.a],
+            b: result[indexes.b],
+            g: result[indexes.g],
+            r: result[indexes.r],
+        }, hexRadix = 16;
+        return {
+            r: values.r ? Number.parseInt(values.r, hexRadix) : none,
+            g: values.g ? Number.parseInt(values.g, hexRadix) : none,
+            b: values.b ? Number.parseInt(values.b, hexRadix) : none,
+            a: values.a ? Number.parseInt(values.a, hexRadix) : defaultAlpha,
+        };
     }, fireworksOptions = [
-        "#ff595e",
-        "#ffca3a",
-        "#8ac926",
-        "#1982c4",
-        "#6a4c93",
+        "#FF0000",
+        "#FF2A00",
+        "#FF5500",
+        "#FF8000",
+        "#FFAA00",
+        "#FFD400",
+        "#FFFF00",
+        "#D4FF00",
+        "#AAFF00",
+        "#80FF00",
+        "#55FF00",
+        "#2AFF00",
+        "#00FF00",
+        "#00FF2A",
+        "#00FF55",
+        "#00FF80",
+        "#00FFAA",
+        "#00FFD4",
+        "#00FFFF",
+        "#00D4FF",
+        "#00AAFF",
+        "#0080FF",
+        "#0055FF",
+        "#002AFF",
+        "#0000FF",
+        "#2A00FF",
+        "#5500FF",
+        "#8000FF",
+        "#AA00FF",
+        "#D400FF",
+        "#FF00FF",
+        "#FF00D4",
+        "#FF00AA",
+        "#FF0080",
+        "#FF0055",
+        "#FF002A",
     ]
         .map(color => {
-        const rgb = stringToRgb(engine, color);
+        const rgb = hexToRgba(color);
         if (!rgb) {
             return undefined;
         }
@@ -63,6 +123,17 @@ export function initOptions(engine) {
             shape: {
                 type: "circle",
             },
+            effect: {
+                type: "trail",
+                options: {
+                    trail: {
+                        length: {
+                            min: 5,
+                            max: 10,
+                        },
+                    },
+                },
+            },
             size: {
                 value: { min: 1, max: 2 },
                 animation: {
@@ -106,13 +177,8 @@ export function initOptions(engine) {
         fpsLimit: 120,
         emitters: {
             direction: MoveDirection.top,
-            life: {
-                count: 0,
-                duration: 0.1,
-                delay: 0.1,
-            },
             rate: {
-                delay: 0.05,
+                delay: 0.3,
                 quantity: 1,
             },
             size: {
@@ -131,7 +197,7 @@ export function initOptions(engine) {
             destroy: {
                 mode: "split",
                 bounds: {
-                    top: { min: 10, max: 30 },
+                    top: { min: 15, max: 35 },
                 },
                 split: {
                     sizeOffset: false,
@@ -149,30 +215,30 @@ export function initOptions(engine) {
                 count: 1,
             },
             shape: {
-                type: "line",
+                type: "circle",
             },
-            size: {
-                value: {
-                    min: 0.1,
-                    max: 50,
-                },
-                animation: {
-                    enable: true,
-                    sync: true,
-                    speed: 90,
-                    startValue: StartValueType.max,
-                    destroy: DestroyType.min,
+            effect: {
+                type: "trail",
+                options: {
+                    trail: {
+                        length: {
+                            min: 5,
+                            max: 15,
+                        },
+                        minWidth: 1,
+                        maxWidth: 1,
+                    },
                 },
             },
+            size: {
+                value: 1,
+            },
             stroke: {
                 color: {
                     value: "#ffffff",
                 },
                 width: 1,
             },
-            rotate: {
-                path: true,
-            },
             move: {
                 enable: true,
                 gravity: {
@@ -189,13 +255,6 @@ export function initOptions(engine) {
                     default: OutMode.destroy,
                     top: OutMode.none,
                 },
-                trail: {
-                    fill: {
-                        color: "#000",
-                    },
-                    enable: true,
-                    length: 10,
-                },
             },
         },
         sounds: {

package/cjs/bundle.js

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsParticles = exports.loadFireworksPreset = void 0;
-const index_js_1 = require("./index.js");
-Object.defineProperty(exports, "loadFireworksPreset", { enumerable: true, get: function () { return index_js_1.loadFireworksPreset; } });
-const engine_1 = require("@tsparticles/engine");
-Object.defineProperty(exports, "tsParticles", { enumerable: true, get: function () { return engine_1.tsParticles; } });
+export { loadFireworksPreset } from "./index.js";
+export { tsParticles } from "@tsparticles/engine";

package/cjs/index.js

@@ -1,27 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadFireworksPreset = void 0;
-const options_js_1 = require("./options.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 shape_line_1 = require("@tsparticles/shape-line");
-const updater_rotate_1 = require("@tsparticles/updater-rotate");
-const plugin_sounds_1 = require("@tsparticles/plugin-sounds");
-const updater_stroke_color_1 = require("@tsparticles/updater-stroke-color");
-async function loadFireworksPreset(engine, refresh = true) {
-    await (0, basic_1.loadBasic)(engine, false);
-    await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
-    await (0, plugin_emitters_shape_square_1.loadEmittersShapeSquare)(engine, false);
-    await (0, plugin_sounds_1.loadSoundsPlugin)(engine, false);
-    await (0, shape_line_1.loadLineShape)(engine, false);
-    await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
-    await (0, updater_destroy_1.loadDestroyUpdater)(engine, false);
-    await (0, updater_life_1.loadLifeUpdater)(engine, false);
-    await (0, updater_stroke_color_1.loadStrokeColorUpdater)(engine, false);
-    await engine.addPreset("fireworks", (0, options_js_1.initOptions)(engine), false);
-    await engine.refresh(refresh);
+export function loadFireworksPreset(engine) {
+    engine.register(async (e) => {
+        const { loadBasic } = await import("@tsparticles/basic"), { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadTrailEffect } = await import("@tsparticles/effect-trail"), { loadEmittersShapeSquare } = await import("@tsparticles/plugin-emitters-shape-square"), { loadHexColorPlugin } = await import("@tsparticles/plugin-hex-color"), { loadHslColorPlugin } = await import("@tsparticles/plugin-hsl-color"), { loadRgbColorPlugin } = await import("@tsparticles/plugin-rgb-color"), { loadSoundsPlugin } = await import("@tsparticles/plugin-sounds"), { loadLineShape } = await import("@tsparticles/shape-line"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadDestroyUpdater } = await import("@tsparticles/updater-destroy"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadStrokeColorUpdater } = await import("@tsparticles/updater-stroke-color"), { initOptions, presetName } = await import("./options.js");
+        loadBasic(e);
+        loadHexColorPlugin(e);
+        loadHslColorPlugin(e);
+        loadRgbColorPlugin(e);
+        loadEmittersPlugin(e);
+        loadTrailEffect(e);
+        loadEmittersShapeSquare(e);
+        loadSoundsPlugin(e);
+        loadLineShape(e);
+        loadRotateUpdater(e);
+        loadDestroyUpdater(e);
+        loadLifeUpdater(e);
+        loadStrokeColorUpdater(e);
+        e.addPreset(presetName, initOptions(), false);
+    });
 }
-exports.loadFireworksPreset = loadFireworksPreset;

package/cjs/options.js

@@ -1,35 +1,92 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initOptions = void 0;
-const engine_1 = require("@tsparticles/engine");
-function initOptions(engine) {
+import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, defaultAlpha, none, rgbToHsl, setRangeValue, } from "@tsparticles/engine";
+export const presetName = "fireworks";
+export function initOptions() {
     const explodeSoundCheck = (args) => {
         const data = args.data;
-        return data.particle.shape === "line";
+        return data.particle.options.move.gravity.inverse;
     }, fixRange = (value, min, max) => {
         const minValue = 0, diffSMax = value.max > max ? value.max - max : minValue;
-        let res = (0, engine_1.setRangeValue)(value);
+        let res = setRangeValue(value);
         if (diffSMax) {
-            res = (0, engine_1.setRangeValue)(value.min - diffSMax, max);
+            res = setRangeValue(value.min - diffSMax, max);
         }
         const diffSMin = value.min < min ? value.min : minValue;
         if (diffSMin) {
-            res = (0, engine_1.setRangeValue)(minValue, value.max + diffSMin);
+            res = setRangeValue(minValue, value.max + diffSMin);
         }
         return res;
+    }, hexToRgba = (hex) => {
+        let hexValue = hex;
+        const shortRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i;
+        if (shortRegex.test(hexValue)) {
+            hexValue = hexValue.replace(shortRegex, (_m, r, g, b, a) => r + r + g + g + b + b + (a ? a + a : ""));
+        }
+        const regex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, result = regex.exec(hexValue);
+        if (!result) {
+            return undefined;
+        }
+        result.shift();
+        const indexes = {
+            a: 3,
+            b: 2,
+            g: 1,
+            r: 0,
+        }, values = {
+            a: result[indexes.a],
+            b: result[indexes.b],
+            g: result[indexes.g],
+            r: result[indexes.r],
+        }, hexRadix = 16;
+        return {
+            r: values.r ? Number.parseInt(values.r, hexRadix) : none,
+            g: values.g ? Number.parseInt(values.g, hexRadix) : none,
+            b: values.b ? Number.parseInt(values.b, hexRadix) : none,
+            a: values.a ? Number.parseInt(values.a, hexRadix) : defaultAlpha,
+        };
     }, fireworksOptions = [
-        "#ff595e",
-        "#ffca3a",
-        "#8ac926",
-        "#1982c4",
-        "#6a4c93",
+        "#FF0000",
+        "#FF2A00",
+        "#FF5500",
+        "#FF8000",
+        "#FFAA00",
+        "#FFD400",
+        "#FFFF00",
+        "#D4FF00",
+        "#AAFF00",
+        "#80FF00",
+        "#55FF00",
+        "#2AFF00",
+        "#00FF00",
+        "#00FF2A",
+        "#00FF55",
+        "#00FF80",
+        "#00FFAA",
+        "#00FFD4",
+        "#00FFFF",
+        "#00D4FF",
+        "#00AAFF",
+        "#0080FF",
+        "#0055FF",
+        "#002AFF",
+        "#0000FF",
+        "#2A00FF",
+        "#5500FF",
+        "#8000FF",
+        "#AA00FF",
+        "#D400FF",
+        "#FF00FF",
+        "#FF00D4",
+        "#FF00AA",
+        "#FF0080",
+        "#FF0055",
+        "#FF002A",
     ]
         .map(color => {
-        const rgb = (0, engine_1.stringToRgb)(engine, color);
+        const rgb = hexToRgba(color);
         if (!rgb) {
             return undefined;
         }
-        const hsl = (0, engine_1.rgbToHsl)(rgb), sOffset = 30, lOffset = 30, sBounds = {
+        const hsl = rgbToHsl(rgb), sOffset = 30, lOffset = 30, sBounds = {
             min: 0,
             max: 100,
         }, lBounds = {
@@ -59,13 +116,24 @@ function initOptions(engine) {
                     enable: true,
                     speed: 0.7,
                     sync: false,
-                    startValue: engine_1.StartValueType.max,
-                    destroy: engine_1.DestroyType.min,
+                    startValue: StartValueType.max,
+                    destroy: DestroyType.min,
                 },
             },
             shape: {
                 type: "circle",
             },
+            effect: {
+                type: "trail",
+                options: {
+                    trail: {
+                        length: {
+                            min: 5,
+                            max: 10,
+                        },
+                    },
+                },
+            },
             size: {
                 value: { min: 1, max: 2 },
                 animation: {
@@ -73,8 +141,8 @@ function initOptions(engine) {
                     speed: 5,
                     count: 1,
                     sync: false,
-                    startValue: engine_1.StartValueType.min,
-                    destroy: engine_1.DestroyType.none,
+                    startValue: StartValueType.min,
+                    destroy: DestroyType.none,
                 },
             },
             life: {
@@ -96,7 +164,7 @@ function initOptions(engine) {
                 },
                 speed: { min: 5, max: 15 },
                 direction: "none",
-                outModes: engine_1.OutMode.destroy,
+                outModes: OutMode.destroy,
             },
         };
     })
@@ -108,14 +176,9 @@ function initOptions(engine) {
         },
         fpsLimit: 120,
         emitters: {
-            direction: engine_1.MoveDirection.top,
-            life: {
-                count: 0,
-                duration: 0.1,
-                delay: 0.1,
-            },
+            direction: MoveDirection.top,
             rate: {
-                delay: 0.05,
+                delay: 0.3,
                 quantity: 1,
             },
             size: {
@@ -134,7 +197,7 @@ function initOptions(engine) {
             destroy: {
                 mode: "split",
                 bounds: {
-                    top: { min: 10, max: 30 },
+                    top: { min: 15, max: 35 },
                 },
                 split: {
                     sizeOffset: false,
@@ -152,30 +215,30 @@ function initOptions(engine) {
                 count: 1,
             },
             shape: {
-                type: "line",
+                type: "circle",
             },
-            size: {
-                value: {
-                    min: 0.1,
-                    max: 50,
-                },
-                animation: {
-                    enable: true,
-                    sync: true,
-                    speed: 90,
-                    startValue: engine_1.StartValueType.max,
-                    destroy: engine_1.DestroyType.min,
+            effect: {
+                type: "trail",
+                options: {
+                    trail: {
+                        length: {
+                            min: 5,
+                            max: 15,
+                        },
+                        minWidth: 1,
+                        maxWidth: 1,
+                    },
                 },
             },
+            size: {
+                value: 1,
+            },
             stroke: {
                 color: {
                     value: "#ffffff",
                 },
                 width: 1,
             },
-            rotate: {
-                path: true,
-            },
             move: {
                 enable: true,
                 gravity: {
@@ -189,15 +252,8 @@ function initOptions(engine) {
                     max: 20,
                 },
                 outModes: {
-                    default: engine_1.OutMode.destroy,
-                    top: engine_1.OutMode.none,
-                },
-                trail: {
-                    fill: {
-                        color: "#000",
-                    },
-                    enable: true,
-                    length: 10,
+                    default: OutMode.destroy,
+                    top: OutMode.none,
                 },
             },
         },
@@ -205,7 +261,7 @@ function initOptions(engine) {
             enable: true,
             events: [
                 {
-                    event: engine_1.EventType.particleRemoved,
+                    event: EventType.particleRemoved,
                     filter: explodeSoundCheck,
                     audio: [
                         "https://particles.js.org/audio/explosion0.mp3",
@@ -218,4 +274,3 @@ function initOptions(engine) {
         },
     };
 }
-exports.initOptions = initOptions;

package/dist_browser_options_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.1
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_preset_fireworks"] = this["webpackChunk_tsparticles_preset_fireworks"] || []).push([["dist_browser_options_js"],{
+
+/***/ "./dist/browser/options.js"
+/*!*********************************!*\
+  !*** ./dist/browser/options.js ***!
+  \*********************************/
+(__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 */   initOptions: () => (/* binding */ initOptions),\n/* harmony export */   presetName: () => (/* binding */ presetName)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../node_modules/.pnpm/@tsparticles+engine@4.0.0-alpha.2/node_modules/@tsparticles/engine/browser/index.js\");\n\nconst presetName = \"fireworks\";\nfunction initOptions() {\n  const explodeSoundCheck = args => {\n      const data = args.data;\n      return data.particle.options.move.gravity.inverse;\n    },\n    fixRange = (value, min, max) => {\n      const minValue = 0,\n        diffSMax = value.max > max ? value.max - max : minValue;\n      let res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(value);\n      if (diffSMax) {\n        res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(value.min - diffSMax, max);\n      }\n      const diffSMin = value.min < min ? value.min : minValue;\n      if (diffSMin) {\n        res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(minValue, value.max + diffSMin);\n      }\n      return res;\n    },\n    hexToRgba = hex => {\n      let hexValue = hex;\n      const shortRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])([a-f\\d])?$/i;\n      if (shortRegex.test(hexValue)) {\n        hexValue = hexValue.replace(shortRegex, (_m, r, g, b, a) => r + r + g + g + b + b + (a ? a + a : \"\"));\n      }\n      const regex = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i,\n        result = regex.exec(hexValue);\n      if (!result) {\n        return undefined;\n      }\n      result.shift();\n      const indexes = {\n          a: 3,\n          b: 2,\n          g: 1,\n          r: 0\n        },\n        values = {\n          a: result[indexes.a],\n          b: result[indexes.b],\n          g: result[indexes.g],\n          r: result[indexes.r]\n        },\n        hexRadix = 16;\n      return {\n        r: values.r ? Number.parseInt(values.r, hexRadix) : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.none,\n        g: values.g ? Number.parseInt(values.g, hexRadix) : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.none,\n        b: values.b ? Number.parseInt(values.b, hexRadix) : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.none,\n        a: values.a ? Number.parseInt(values.a, hexRadix) : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha\n      };\n    },\n    fireworksOptions = [\"#FF0000\", \"#FF2A00\", \"#FF5500\", \"#FF8000\", \"#FFAA00\", \"#FFD400\", \"#FFFF00\", \"#D4FF00\", \"#AAFF00\", \"#80FF00\", \"#55FF00\", \"#2AFF00\", \"#00FF00\", \"#00FF2A\", \"#00FF55\", \"#00FF80\", \"#00FFAA\", \"#00FFD4\", \"#00FFFF\", \"#00D4FF\", \"#00AAFF\", \"#0080FF\", \"#0055FF\", \"#002AFF\", \"#0000FF\", \"#2A00FF\", \"#5500FF\", \"#8000FF\", \"#AA00FF\", \"#D400FF\", \"#FF00FF\", \"#FF00D4\", \"#FF00AA\", \"#FF0080\", \"#FF0055\", \"#FF002A\"].map(color => {\n      const rgb = hexToRgba(color);\n      if (!rgb) {\n        return undefined;\n      }\n      const hsl = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbToHsl)(rgb),\n        sOffset = 30,\n        lOffset = 30,\n        sBounds = {\n          min: 0,\n          max: 100\n        },\n        lBounds = {\n          min: 0,\n          max: 100\n        },\n        sRange = fixRange({\n          min: hsl.s - sOffset,\n          max: hsl.s + sOffset\n        }, sBounds.min, sBounds.max),\n        lRange = fixRange({\n          min: hsl.l - lOffset,\n          max: hsl.l + lOffset\n        }, lBounds.min, lBounds.max);\n      return {\n        color: {\n          value: {\n            h: hsl.h,\n            s: sRange,\n            l: lRange\n          }\n        },\n        stroke: {\n          width: 0\n        },\n        number: {\n          value: 0\n        },\n        opacity: {\n          value: {\n            min: 0.1,\n            max: 1\n          },\n          animation: {\n            enable: true,\n            speed: 0.7,\n            sync: false,\n            startValue: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.StartValueType.max,\n            destroy: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.DestroyType.min\n          }\n        },\n        shape: {\n          type: \"circle\"\n        },\n        effect: {\n          type: \"trail\",\n          options: {\n            trail: {\n              length: {\n                min: 5,\n                max: 10\n              }\n            }\n          }\n        },\n        size: {\n          value: {\n            min: 1,\n            max: 2\n          },\n          animation: {\n            enable: true,\n            speed: 5,\n            count: 1,\n            sync: false,\n            startValue: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.StartValueType.min,\n            destroy: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.DestroyType.none\n          }\n        },\n        life: {\n          count: 1,\n          duration: {\n            value: {\n              min: 1,\n              max: 2\n            }\n          }\n        },\n        move: {\n          decay: {\n            min: 0.075,\n            max: 0.1\n          },\n          enable: true,\n          gravity: {\n            enable: true,\n            inverse: false,\n            acceleration: 5\n          },\n          speed: {\n            min: 5,\n            max: 15\n          },\n          direction: \"none\",\n          outModes: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy\n        }\n      };\n    }).filter(t => t !== undefined);\n  return {\n    detectRetina: true,\n    background: {\n      color: \"#000\"\n    },\n    fpsLimit: 120,\n    emitters: {\n      direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.top,\n      rate: {\n        delay: 0.3,\n        quantity: 1\n      },\n      size: {\n        width: 100,\n        height: 0\n      },\n      position: {\n        y: 100,\n        x: 50\n      }\n    },\n    particles: {\n      number: {\n        value: 0\n      },\n      destroy: {\n        mode: \"split\",\n        bounds: {\n          top: {\n            min: 15,\n            max: 35\n          }\n        },\n        split: {\n          sizeOffset: false,\n          count: 1,\n          factor: {\n            value: 0.333333\n          },\n          rate: {\n            value: {\n              min: 75,\n              max: 150\n            }\n          },\n          particles: fireworksOptions\n        }\n      },\n      life: {\n        count: 1\n      },\n      shape: {\n        type: \"circle\"\n      },\n      effect: {\n        type: \"trail\",\n        options: {\n          trail: {\n            length: {\n              min: 5,\n              max: 15\n            },\n            minWidth: 1,\n            maxWidth: 1\n          }\n        }\n      },\n      size: {\n        value: 1\n      },\n      stroke: {\n        color: {\n          value: \"#ffffff\"\n        },\n        width: 1\n      },\n      move: {\n        enable: true,\n        gravity: {\n          acceleration: 15,\n          enable: true,\n          inverse: true,\n          maxSpeed: 100\n        },\n        speed: {\n          min: 10,\n          max: 20\n        },\n        outModes: {\n          default: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy,\n          top: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.none\n        }\n      }\n    },\n    sounds: {\n      enable: true,\n      events: [{\n        event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n        filter: explodeSoundCheck,\n        audio: [\"https://particles.js.org/audio/explosion0.mp3\", \"https://particles.js.org/audio/explosion1.mp3\", \"https://particles.js.org/audio/explosion2.mp3\"]\n      }],\n      volume: 50\n    }\n  };\n}\n\n//# sourceURL=webpack://@tsparticles/preset-fireworks/./dist/browser/options.js?\n}");
+
+/***/ }
+
+}]);

package/esm/bundle.js

@@ -1,3 +1,2 @@
-import { loadFireworksPreset } from "./index.js";
-import { tsParticles } from "@tsparticles/engine";
-export { loadFireworksPreset, tsParticles };
+export { loadFireworksPreset } from "./index.js";
+export { tsParticles } from "@tsparticles/engine";

package/esm/index.js

@@ -1,23 +1,19 @@
-import { initOptions } from "./options.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 { loadLineShape } from "@tsparticles/shape-line";
-import { loadRotateUpdater } from "@tsparticles/updater-rotate";
-import { loadSoundsPlugin } from "@tsparticles/plugin-sounds";
-import { loadStrokeColorUpdater } from "@tsparticles/updater-stroke-color";
-export async function loadFireworksPreset(engine, refresh = true) {
-    await loadBasic(engine, false);
-    await loadEmittersPlugin(engine, false);
-    await loadEmittersShapeSquare(engine, false);
-    await loadSoundsPlugin(engine, false);
-    await loadLineShape(engine, false);
-    await loadRotateUpdater(engine, false);
-    await loadDestroyUpdater(engine, false);
-    await loadLifeUpdater(engine, false);
-    await loadStrokeColorUpdater(engine, false);
-    await engine.addPreset("fireworks", initOptions(engine), false);
-    await engine.refresh(refresh);
+export function loadFireworksPreset(engine) {
+    engine.register(async (e) => {
+        const { loadBasic } = await import("@tsparticles/basic"), { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadTrailEffect } = await import("@tsparticles/effect-trail"), { loadEmittersShapeSquare } = await import("@tsparticles/plugin-emitters-shape-square"), { loadHexColorPlugin } = await import("@tsparticles/plugin-hex-color"), { loadHslColorPlugin } = await import("@tsparticles/plugin-hsl-color"), { loadRgbColorPlugin } = await import("@tsparticles/plugin-rgb-color"), { loadSoundsPlugin } = await import("@tsparticles/plugin-sounds"), { loadLineShape } = await import("@tsparticles/shape-line"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadDestroyUpdater } = await import("@tsparticles/updater-destroy"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadStrokeColorUpdater } = await import("@tsparticles/updater-stroke-color"), { initOptions, presetName } = await import("./options.js");
+        loadBasic(e);
+        loadHexColorPlugin(e);
+        loadHslColorPlugin(e);
+        loadRgbColorPlugin(e);
+        loadEmittersPlugin(e);
+        loadTrailEffect(e);
+        loadEmittersShapeSquare(e);
+        loadSoundsPlugin(e);
+        loadLineShape(e);
+        loadRotateUpdater(e);
+        loadDestroyUpdater(e);
+        loadLifeUpdater(e);
+        loadStrokeColorUpdater(e);
+        e.addPreset(presetName, initOptions(), false);
+    });
 }