@tsparticles/preset-fireworks 3.1.0 → 4.0.0-alpha.0

package/cjs/options.js

@@ -1,214 +1,278 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.options = void 0;
-const engine_1 = require("@tsparticles/engine");
-const explodeSoundCheck = (args) => {
-    const data = args.data;
-    return data.particle.shape === "line";
-};
-const fixRange = (value, min, max) => {
-    const minValue = 0, diffSMax = value.max > max ? value.max - max : minValue;
-    let res = (0, engine_1.setRangeValue)(value);
-    if (diffSMax) {
-        res = (0, engine_1.setRangeValue)(value.min - diffSMax, max);
-    }
-    const diffSMin = value.min < min ? value.min : minValue;
-    if (diffSMin) {
-        res = (0, engine_1.setRangeValue)(minValue, value.max + diffSMin);
-    }
-    return res;
-};
-const fireworksOptions = ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"]
-    .map(color => {
-    const rgb = (0, engine_1.stringToRgb)(color);
-    if (!rgb) {
-        return undefined;
-    }
-    const hsl = (0, engine_1.rgbToHsl)(rgb), sOffset = 30, lOffset = 30, sBounds = {
-        min: 0,
-        max: 100,
-    }, lBounds = {
-        min: 0,
-        max: 100,
-    }, sRange = fixRange({ min: hsl.s - sOffset, max: hsl.s + sOffset }, sBounds.min, sBounds.max), lRange = fixRange({ min: hsl.l - lOffset, max: hsl.l + lOffset }, lBounds.min, lBounds.max);
-    return {
-        color: {
-            value: {
-                h: hsl.h,
-                s: sRange,
-                l: lRange,
-            },
-        },
-        stroke: {
-            width: 0,
-        },
-        number: {
-            value: 0,
-        },
-        opacity: {
-            value: {
-                min: 0.1,
-                max: 1,
+import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, defaultAlpha, getLogger, none, rgbToHsl, setRangeValue, } from "@tsparticles/engine";
+export const presetName = "fireworks";
+export function initOptions() {
+    const explodeSoundCheck = (args) => {
+        const data = args.data;
+        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);
+        if (diffSMax) {
+            res = setRangeValue(value.min - diffSMax, max);
+        }
+        const diffSMin = value.min < min ? value.min : minValue;
+        if (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 = [
+        "#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 = hexToRgba(color);
+        if (!rgb) {
+            getLogger().log("color not found", color);
+            return undefined;
+        }
+        const hsl = rgbToHsl(rgb), sOffset = 30, lOffset = 30, sBounds = {
+            min: 0,
+            max: 100,
+        }, lBounds = {
+            min: 0,
+            max: 100,
+        }, sRange = fixRange({ min: hsl.s - sOffset, max: hsl.s + sOffset }, sBounds.min, sBounds.max), lRange = fixRange({ min: hsl.l - lOffset, max: hsl.l + lOffset }, lBounds.min, lBounds.max);
+        getLogger().log(hsl.h, sRange, lRange);
+        return {
+            color: {
+                value: {
+                    h: hsl.h,
+                    s: sRange,
+                    l: lRange,
+                },
             },
-            animation: {
-                enable: true,
-                speed: 0.7,
-                sync: false,
-                startValue: engine_1.StartValueType.max,
-                destroy: engine_1.DestroyType.min,
+            stroke: {
+                width: 0,
             },
-        },
-        shape: {
-            type: "circle",
-        },
-        size: {
-            value: { min: 1, max: 2 },
-            animation: {
-                enable: true,
-                speed: 5,
-                count: 1,
-                sync: false,
-                startValue: engine_1.StartValueType.min,
-                destroy: engine_1.DestroyType.none,
+            number: {
+                value: 0,
             },
-        },
-        life: {
-            count: 1,
-            duration: {
+            opacity: {
                 value: {
-                    min: 1,
-                    max: 2,
+                    min: 0.1,
+                    max: 1,
+                },
+                animation: {
+                    enable: true,
+                    speed: 0.7,
+                    sync: false,
+                    startValue: StartValueType.max,
+                    destroy: DestroyType.min,
                 },
             },
-        },
-        move: {
-            decay: { min: 0.075, max: 0.1 },
-            enable: true,
-            gravity: {
-                enable: true,
-                inverse: false,
-                acceleration: 5,
+            shape: {
+                type: "circle",
             },
-            speed: { min: 5, max: 15 },
-            direction: "none",
-            outModes: engine_1.OutMode.destroy,
-        },
-    };
-})
-    .filter(t => t !== undefined);
-exports.options = {
-    detectRetina: true,
-    background: {
-        color: "#000",
-    },
-    fpsLimit: 120,
-    emitters: {
-        direction: engine_1.MoveDirection.top,
-        life: {
-            count: 0,
-            duration: 0.1,
-            delay: 0.1,
-        },
-        rate: {
-            delay: 0.05,
-            quantity: 1,
-        },
-        size: {
-            width: 100,
-            height: 0,
-        },
-        position: {
-            y: 100,
-            x: 50,
-        },
-    },
-    particles: {
-        number: {
-            value: 0,
-        },
-        destroy: {
-            mode: "split",
-            bounds: {
-                top: { min: 10, max: 30 },
+            effect: {
+                type: "trail",
+                options: {
+                    trail: {
+                        length: {
+                            min: 5,
+                            max: 10,
+                        },
+                    },
+                },
+            },
+            size: {
+                value: { min: 1, max: 2 },
+                animation: {
+                    enable: true,
+                    speed: 5,
+                    count: 1,
+                    sync: false,
+                    startValue: StartValueType.min,
+                    destroy: DestroyType.none,
+                },
             },
-            split: {
-                sizeOffset: false,
+            life: {
                 count: 1,
-                factor: {
-                    value: 0.333333,
+                duration: {
+                    value: {
+                        min: 1,
+                        max: 2,
+                    },
                 },
-                rate: {
-                    value: { min: 75, max: 150 },
+            },
+            move: {
+                decay: { min: 0.075, max: 0.1 },
+                enable: true,
+                gravity: {
+                    enable: true,
+                    inverse: false,
+                    acceleration: 5,
                 },
-                particles: fireworksOptions,
+                speed: { min: 5, max: 15 },
+                direction: "none",
+                outModes: OutMode.destroy,
             },
+        };
+    })
+        .filter(t => t !== undefined);
+    return {
+        detectRetina: true,
+        background: {
+            color: "#000",
         },
-        life: {
-            count: 1,
-        },
-        shape: {
-            type: "line",
-        },
-        size: {
-            value: {
-                min: 0.1,
-                max: 50,
+        fpsLimit: 120,
+        emitters: {
+            direction: MoveDirection.top,
+            rate: {
+                delay: 0.3,
+                quantity: 1,
             },
-            animation: {
-                enable: true,
-                sync: true,
-                speed: 90,
-                startValue: engine_1.StartValueType.max,
-                destroy: engine_1.DestroyType.min,
+            size: {
+                width: 100,
+                height: 0,
             },
-        },
-        stroke: {
-            color: {
-                value: "#ffffff",
+            position: {
+                y: 100,
+                x: 50,
             },
-            width: 1,
         },
-        rotate: {
-            path: true,
-        },
-        move: {
-            enable: true,
-            gravity: {
-                acceleration: 15,
-                enable: true,
-                inverse: true,
-                maxSpeed: 100,
+        particles: {
+            number: {
+                value: 0,
             },
-            speed: {
-                min: 10,
-                max: 20,
+            destroy: {
+                mode: "split",
+                bounds: {
+                    top: { min: 15, max: 35 },
+                },
+                split: {
+                    sizeOffset: false,
+                    count: 1,
+                    factor: {
+                        value: 0.333333,
+                    },
+                    rate: {
+                        value: { min: 75, max: 150 },
+                    },
+                    particles: fireworksOptions,
+                },
             },
-            outModes: {
-                default: engine_1.OutMode.destroy,
-                top: engine_1.OutMode.none,
+            life: {
+                count: 1,
+            },
+            shape: {
+                type: "circle",
             },
-            trail: {
-                fill: {
-                    color: "#000",
+            effect: {
+                type: "trail",
+                options: {
+                    trail: {
+                        length: {
+                            min: 5,
+                            max: 15,
+                        },
+                        minWidth: 1,
+                        maxWidth: 1,
+                    },
                 },
+            },
+            size: {
+                value: 1,
+            },
+            stroke: {
+                color: {
+                    value: "#ffffff",
+                },
+                width: 1,
+            },
+            move: {
                 enable: true,
-                length: 10,
+                gravity: {
+                    acceleration: 15,
+                    enable: true,
+                    inverse: true,
+                    maxSpeed: 100,
+                },
+                speed: {
+                    min: 10,
+                    max: 20,
+                },
+                outModes: {
+                    default: OutMode.destroy,
+                    top: OutMode.none,
+                },
             },
         },
-    },
-    sounds: {
-        enable: true,
-        events: [
-            {
-                event: engine_1.EventType.particleRemoved,
-                filter: explodeSoundCheck,
-                audio: [
-                    "https://particles.js.org/audio/explosion0.mp3",
-                    "https://particles.js.org/audio/explosion1.mp3",
-                    "https://particles.js.org/audio/explosion2.mp3",
-                ],
-            },
-        ],
-        volume: 50,
-    },
-};
+        sounds: {
+            enable: true,
+            events: [
+                {
+                    event: EventType.particleRemoved,
+                    filter: explodeSoundCheck,
+                    audio: [
+                        "https://particles.js.org/audio/explosion0.mp3",
+                        "https://particles.js.org/audio/explosion1.mp3",
+                        "https://particles.js.org/audio/explosion2.mp3",
+                    ],
+                },
+            ],
+            volume: 50,
+        },
+    };
+}

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.0
+ */
+"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        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().log(\"color not found\", color);\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      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().log(hsl.h, sRange, lRange);\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 { 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";
-import { options } from "./options.js";
-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", options, 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);
+    });
 }