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

package/esm/options.js

@@ -1,211 +1,278 @@
-import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, rgbToHsl, setRangeValue, stringToRgb, } from "@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 = 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;
-};
-const fireworksOptions = ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"]
-    .map(color => {
-    const rgb = stringToRgb(color);
-    if (!rgb) {
-        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);
-    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: StartValueType.max,
-                destroy: DestroyType.min,
+            stroke: {
+                width: 0,
             },
-        },
-        shape: {
-            type: "circle",
-        },
-        size: {
-            value: { min: 1, max: 2 },
-            animation: {
-                enable: true,
-                speed: 5,
-                count: 1,
-                sync: false,
-                startValue: StartValueType.min,
-                destroy: 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: OutMode.destroy,
-        },
-    };
-})
-    .filter(t => t !== undefined);
-export const options = {
-    detectRetina: true,
-    background: {
-        color: "#000",
-    },
-    fpsLimit: 120,
-    emitters: {
-        direction: 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: StartValueType.max,
-                destroy: 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: OutMode.destroy,
-                top: 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: 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/node_modules_pnpm_tsparticles_basic_4_0_0-alpha_2_node_modules_tsparticles_basic_browser_index_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([["node_modules_pnpm_tsparticles_basic_4_0_0-alpha_2_node_modules_tsparticles_basic_browser_index_js"],{
+
+/***/ "../../node_modules/.pnpm/@tsparticles+basic@4.0.0-alpha.2/node_modules/@tsparticles/basic/browser/index.js"
+/*!******************************************************************************************************************!*\
+  !*** ../../node_modules/.pnpm/@tsparticles+basic@4.0.0-alpha.2/node_modules/@tsparticles/basic/browser/index.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 */   loadBasic: () => (/* binding */ loadBasic)\n/* harmony export */ });\nfunction loadBasic(engine) {\n    engine.checkVersion(\"4.0.0-alpha.2\");\n    engine.register(async (e) => {\n        const { loadHexColorPlugin } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_plugin-hex-color_4_0_0-alpha_2_node_modules_tsparticles_plugin--91288b\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hex-color */ \"../../node_modules/.pnpm/@tsparticles+plugin-hex-color@4.0.0-alpha.2/node_modules/@tsparticles/plugin-hex-color/browser/index.js\")), { loadHslColorPlugin } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_plugin-hsl-color_4_0_0-alpha_2_node_modules_tsparticles_plugin--70976c\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hsl-color */ \"../../node_modules/.pnpm/@tsparticles+plugin-hsl-color@4.0.0-alpha.2/node_modules/@tsparticles/plugin-hsl-color/browser/index.js\")), { loadRgbColorPlugin } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_plugin-rgb-color_4_0_0-alpha_2_node_modules_tsparticles_plugin--732407\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-rgb-color */ \"../../node_modules/.pnpm/@tsparticles+plugin-rgb-color@4.0.0-alpha.2/node_modules/@tsparticles/plugin-rgb-color/browser/index.js\")), { loadBaseMover } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_move-base_4_0_0-alpha_2_node_modules_tsparticles_move-base_brow-fb148a\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/move-base */ \"../../node_modules/.pnpm/@tsparticles+move-base@4.0.0-alpha.2/node_modules/@tsparticles/move-base/browser/index.js\")), { loadCircleShape } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_shape-circle_4_0_0-alpha_2_node_modules_tsparticles_shape-circl-ce96e8\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-circle */ \"../../node_modules/.pnpm/@tsparticles+shape-circle@4.0.0-alpha.2/node_modules/@tsparticles/shape-circle/browser/index.js\")), { loadColorUpdater } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_updater-color_4_0_0-alpha_2_node_modules_tsparticles_updater-co-6ff909\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-color */ \"../../node_modules/.pnpm/@tsparticles+updater-color@4.0.0-alpha.2/node_modules/@tsparticles/updater-color/browser/index.js\")), { loadOpacityUpdater } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_updater-opacity_4_0_0-alpha_2_node_modules_tsparticles_updater--4e8c57\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-opacity */ \"../../node_modules/.pnpm/@tsparticles+updater-opacity@4.0.0-alpha.2/node_modules/@tsparticles/updater-opacity/browser/index.js\")), { loadOutModesUpdater } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_updater-out-modes_4_0_0-alpha_2_node_modules_tsparticles_update-cd317f\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-out-modes */ \"../../node_modules/.pnpm/@tsparticles+updater-out-modes@4.0.0-alpha.2/node_modules/@tsparticles/updater-out-modes/browser/index.js\")), { loadSizeUpdater } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_updater-size_4_0_0-alpha_2_node_modules_tsparticles_updater-siz-53e0fe\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-size */ \"../../node_modules/.pnpm/@tsparticles+updater-size@4.0.0-alpha.2/node_modules/@tsparticles/updater-size/browser/index.js\"));\n        loadHexColorPlugin(e);\n        loadHslColorPlugin(e);\n        loadRgbColorPlugin(e);\n        loadBaseMover(e);\n        loadCircleShape(e);\n        loadColorUpdater(e);\n        loadOpacityUpdater(e);\n        loadOutModesUpdater(e);\n        loadSizeUpdater(e);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-fireworks/../../node_modules/.pnpm/@tsparticles+basic@4.0.0-alpha.2/node_modules/@tsparticles/basic/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/node_modules_pnpm_tsparticles_effect-trail_4_0_0-alpha_2_node_modules_tsparticles_effect-trai-3395e5.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([["node_modules_pnpm_tsparticles_effect-trail_4_0_0-alpha_2_node_modules_tsparticles_effect-trai-3395e5"],{
+
+/***/ "../../node_modules/.pnpm/@tsparticles+effect-trail@4.0.0-alpha.2/node_modules/@tsparticles/effect-trail/browser/TrailDrawer.js"
+/*!**************************************************************************************************************************************!*\
+  !*** ../../node_modules/.pnpm/@tsparticles+effect-trail@4.0.0-alpha.2/node_modules/@tsparticles/effect-trail/browser/TrailDrawer.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 */   TrailDrawer: () => (/* binding */ TrailDrawer)\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 minTrailLength = 2, trailLengthOffset = 1, minWidth = -1, defaultLength = 10;\nconst defaultTransform = {\n    a: 1,\n    b: 0,\n    c: 0,\n    d: 1,\n};\nclass TrailDrawer {\n    drawAfter(data) {\n        const { context, radius, particle, transformData } = data, diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, pxRatio = particle.container.retina.pixelRatio, currentPos = particle.getPosition(), trail = particle.trail;\n        if (!trail || !particle.trailLength) {\n            return;\n        }\n        const pathLength = particle.trailLength + radius;\n        trail.push({\n            color: context.fillStyle || context.strokeStyle,\n            position: {\n                x: currentPos.x,\n                y: currentPos.y,\n            },\n            transformData: { ...data.transformData },\n        });\n        if (trail.length < minTrailLength) {\n            return;\n        }\n        while (trail.length > pathLength) {\n            trail.shift();\n        }\n        const trailLength = Math.min(trail.length, pathLength), canvasSize = {\n            width: particle.container.canvas.size.width + diameter,\n            height: particle.container.canvas.size.height + diameter,\n        };\n        const trailPos = trail[trailLength - trailLengthOffset];\n        if (!trailPos) {\n            return;\n        }\n        let lastPos = trailPos.position;\n        for (let i = trailLength; i > _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.none; i--) {\n            const step = trail[i - trailLengthOffset];\n            if (!step) {\n                continue;\n            }\n            const position = step.position, stepTransformData = particle.trailTransform\n                ? (step.transformData ?? defaultTransform)\n                : defaultTransform;\n            context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);\n            context.beginPath();\n            context.moveTo(lastPos.x - position.x, lastPos.y - position.y);\n            const warp = {\n                x: (lastPos.x + canvasSize.width) % canvasSize.width,\n                y: (lastPos.y + canvasSize.height) % canvasSize.height,\n            };\n            if (Math.abs(lastPos.x - position.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ||\n                Math.abs(lastPos.y - position.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) {\n                lastPos = position;\n                continue;\n            }\n            context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ? warp.x : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, Math.abs(lastPos.y - position.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ? warp.y : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n            const width = Math.max((i / trailLength) * diameter, pxRatio, particle.trailMinWidth ?? minWidth), oldAlpha = context.globalAlpha;\n            context.globalAlpha = particle.trailFade ? i / trailLength : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha;\n            context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth) : width;\n            context.strokeStyle = step.color;\n            context.stroke();\n            context.globalAlpha = oldAlpha;\n            lastPos = position;\n        }\n        context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, currentPos.x, currentPos.y);\n    }\n    particleInit(container, particle) {\n        particle.trail = [];\n        const effectData = particle.effectData;\n        particle.trailFade = effectData?.fade ?? true;\n        particle.trailLength = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData?.length ?? defaultLength) * container.retina.pixelRatio;\n        particle.trailMaxWidth = effectData?.maxWidth\n            ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.maxWidth) * container.retina.pixelRatio\n            : undefined;\n        particle.trailMinWidth = effectData?.minWidth\n            ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.minWidth) * container.retina.pixelRatio\n            : undefined;\n        particle.trailTransform = effectData?.transform ?? false;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-fireworks/../../node_modules/.pnpm/@tsparticles+effect-trail@4.0.0-alpha.2/node_modules/@tsparticles/effect-trail/browser/TrailDrawer.js?\n}");
+
+/***/ }
+
+}]);

package/node_modules_pnpm_tsparticles_effect-trail_4_0_0-alpha_2_node_modules_tsparticles_effect-trai-8c7216.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([["node_modules_pnpm_tsparticles_effect-trail_4_0_0-alpha_2_node_modules_tsparticles_effect-trai-8c7216"],{
+
+/***/ "../../node_modules/.pnpm/@tsparticles+effect-trail@4.0.0-alpha.2/node_modules/@tsparticles/effect-trail/browser/index.js"
+/*!********************************************************************************************************************************!*\
+  !*** ../../node_modules/.pnpm/@tsparticles+effect-trail@4.0.0-alpha.2/node_modules/@tsparticles/effect-trail/browser/index.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 */   loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\nfunction loadTrailEffect(engine) {\n    engine.checkVersion(\"4.0.0-alpha.2\");\n    engine.register(async (e) => {\n        const { TrailDrawer } = await __webpack_require__.e(/*! import() */ \"node_modules_pnpm_tsparticles_effect-trail_4_0_0-alpha_2_node_modules_tsparticles_effect-trai-3395e5\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailDrawer.js */ \"../../node_modules/.pnpm/@tsparticles+effect-trail@4.0.0-alpha.2/node_modules/@tsparticles/effect-trail/browser/TrailDrawer.js\"));\n        e.addEffect(\"trail\", new TrailDrawer());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-fireworks/../../node_modules/.pnpm/@tsparticles+effect-trail@4.0.0-alpha.2/node_modules/@tsparticles/effect-trail/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/node_modules_pnpm_tsparticles_move-base_4_0_0-alpha_2_node_modules_tsparticles_move-base_brow-7d79eb.js

@@ -0,0 +1,40 @@
+/*!
+ * 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([["node_modules_pnpm_tsparticles_move-base_4_0_0-alpha_2_node_modules_tsparticles_move-base_brow-7d79eb"],{
+
+/***/ "../../node_modules/.pnpm/@tsparticles+move-base@4.0.0-alpha.2/node_modules/@tsparticles/move-base/browser/BaseMover.js"
+/*!******************************************************************************************************************************!*\
+  !*** ../../node_modules/.pnpm/@tsparticles+move-base@4.0.0-alpha.2/node_modules/@tsparticles/move-base/browser/BaseMover.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 */   BaseMover: () => (/* binding */ BaseMover)\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/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../node_modules/.pnpm/@tsparticles+move-base@4.0.0-alpha.2/node_modules/@tsparticles/move-base/browser/Utils.js\");\n\n\nconst diffFactor = 2, defaultSizeFactor = 1, defaultDeltaFactor = 1;\nclass BaseMover {\n    init(particle) {\n        const options = particle.options, gravityOptions = options.move.gravity;\n        particle.gravity = {\n            enable: gravityOptions.enable,\n            acceleration: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(gravityOptions.acceleration),\n            inverse: gravityOptions.inverse,\n        };\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.initSpin)(particle);\n    }\n    isEnabled(particle) {\n        return !particle.destroyed && particle.options.move.enable;\n    }\n    move(particle, delta) {\n        const particleOptions = particle.options, moveOptions = particleOptions.move;\n        if (!moveOptions.enable) {\n            return;\n        }\n        const container = particle.container, pxRatio = container.retina.pixelRatio;\n        particle.retina.moveSpeed ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(moveOptions.speed) * pxRatio;\n        particle.retina.moveDrift ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(particle.options.move.drift) * pxRatio;\n        const slowFactor = (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.getProximitySpeedFactor)(particle), reduceFactor = container.retina.reduceFactor, baseSpeed = particle.retina.moveSpeed, moveDrift = particle.retina.moveDrift, maxSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(particleOptions.size.value) * pxRatio, sizeFactor = moveOptions.size ? particle.getRadius() / maxSize : defaultSizeFactor, deltaFactor = delta.factor || defaultDeltaFactor, moveSpeed = (baseSpeed * sizeFactor * slowFactor * deltaFactor) / diffFactor, maxSpeed = particle.retina.maxSpeed ?? container.retina.maxSpeed;\n        if (moveOptions.spin.enable) {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.spin)(particle, moveSpeed, reduceFactor);\n        }\n        else {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.move)(particle, moveOptions, moveSpeed, maxSpeed, moveDrift, reduceFactor, delta);\n        }\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.applyDistance)(particle);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-fireworks/../../node_modules/.pnpm/@tsparticles+move-base@4.0.0-alpha.2/node_modules/@tsparticles/move-base/browser/BaseMover.js?\n}");
+
+/***/ },
+
+/***/ "../../node_modules/.pnpm/@tsparticles+move-base@4.0.0-alpha.2/node_modules/@tsparticles/move-base/browser/Utils.js"
+/*!**************************************************************************************************************************!*\
+  !*** ../../node_modules/.pnpm/@tsparticles+move-base@4.0.0-alpha.2/node_modules/@tsparticles/move-base/browser/Utils.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 */   applyDistance: () => (/* binding */ applyDistance),\n/* harmony export */   applyPath: () => (/* binding */ applyPath),\n/* harmony export */   getProximitySpeedFactor: () => (/* binding */ getProximitySpeedFactor),\n/* harmony export */   initSpin: () => (/* binding */ initSpin),\n/* harmony export */   move: () => (/* binding */ move),\n/* harmony export */   spin: () => (/* binding */ spin)\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 half = 0.5, double = 2, minVelocity = 0, identity = 1, moveSpeedFactor = 60, minSpinRadius = 0, spinFactor = 0.01, doublePI = Math.PI * double;\nfunction applyDistance(particle) {\n    const initialPosition = particle.initialPosition, { dx, dy } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(initialPosition, particle.position), dxFixed = Math.abs(dx), dyFixed = Math.abs(dy), { maxDistance } = particle.retina, hDistance = maxDistance.horizontal, vDistance = maxDistance.vertical;\n    if (!hDistance && !vDistance) {\n        return;\n    }\n    const hasHDistance = (hDistance && dxFixed >= hDistance) ?? false, hasVDistance = (vDistance && dyFixed >= vDistance) ?? false;\n    if ((hasHDistance || hasVDistance) && !particle.misplaced) {\n        particle.misplaced = (!!hDistance && dxFixed > hDistance) || (!!vDistance && dyFixed > vDistance);\n        if (hDistance) {\n            particle.velocity.x = particle.velocity.y * half - particle.velocity.x;\n        }\n        if (vDistance) {\n            particle.velocity.y = particle.velocity.x * half - particle.velocity.y;\n        }\n    }\n    else if ((!hDistance || dxFixed < hDistance) && (!vDistance || dyFixed < vDistance) && particle.misplaced) {\n        particle.misplaced = false;\n    }\n    else if (particle.misplaced) {\n        const pos = particle.position, vel = particle.velocity;\n        if (hDistance &&\n            ((pos.x < initialPosition.x && vel.x < minVelocity) || (pos.x > initialPosition.x && vel.x > minVelocity))) {\n            vel.x *= -(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)();\n        }\n        if (vDistance &&\n            ((pos.y < initialPosition.y && vel.y < minVelocity) || (pos.y > initialPosition.y && vel.y > minVelocity))) {\n            vel.y *= -(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)();\n        }\n    }\n}\nfunction move(particle, moveOptions, moveSpeed, maxSpeed, moveDrift, reduceFactor, delta) {\n    applyPath(particle, delta);\n    const gravityOptions = particle.gravity, gravityFactor = gravityOptions?.enable && gravityOptions.inverse ? -identity : identity;\n    if (moveDrift && moveSpeed) {\n        particle.velocity.x += (moveDrift * delta.factor) / (moveSpeedFactor * moveSpeed);\n    }\n    if (gravityOptions?.enable && moveSpeed) {\n        particle.velocity.y +=\n            (gravityFactor * (gravityOptions.acceleration * delta.factor)) / (moveSpeedFactor * moveSpeed);\n    }\n    const decay = particle.moveDecay;\n    particle.velocity.multTo(decay);\n    const velocity = particle.velocity.mult(moveSpeed);\n    if (gravityOptions?.enable &&\n        maxSpeed > minVelocity &&\n        ((!gravityOptions.inverse && velocity.y >= minVelocity && velocity.y >= maxSpeed) ||\n            (gravityOptions.inverse && velocity.y <= minVelocity && velocity.y <= -maxSpeed))) {\n        velocity.y = gravityFactor * maxSpeed;\n        if (moveSpeed) {\n            particle.velocity.y = velocity.y / moveSpeed;\n        }\n    }\n    const zIndexOptions = particle.options.zIndex, zVelocityFactor = (identity - particle.zIndexFactor) ** zIndexOptions.velocityRate;\n    velocity.multTo(zVelocityFactor);\n    velocity.multTo(reduceFactor);\n    const { position } = particle;\n    position.addTo(velocity);\n    if (moveOptions.vibrate) {\n        position.x += Math.sin(position.x * Math.cos(position.y)) * reduceFactor;\n        position.y += Math.cos(position.y * Math.sin(position.x)) * reduceFactor;\n    }\n}\nfunction spin(particle, moveSpeed, reduceFactor) {\n    const container = particle.container;\n    if (!particle.spin) {\n        return;\n    }\n    const spinClockwise = particle.spin.direction === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise, updateFunc = {\n        x: spinClockwise ? Math.cos : Math.sin,\n        y: spinClockwise ? Math.sin : Math.cos,\n    };\n    particle.position.x =\n        particle.spin.center.x + particle.spin.radius * updateFunc.x(particle.spin.angle) * reduceFactor;\n    particle.position.y =\n        particle.spin.center.y + particle.spin.radius * updateFunc.y(particle.spin.angle) * reduceFactor;\n    particle.spin.radius += particle.spin.acceleration * reduceFactor;\n    const maxCanvasSize = Math.max(container.canvas.size.width, container.canvas.size.height), halfMaxSize = maxCanvasSize * half;\n    if (particle.spin.radius > halfMaxSize) {\n        particle.spin.radius = halfMaxSize;\n        particle.spin.acceleration *= -identity;\n    }\n    else if (particle.spin.radius < minSpinRadius) {\n        particle.spin.radius = minSpinRadius;\n        particle.spin.acceleration *= -identity;\n    }\n    particle.spin.angle += moveSpeed * spinFactor * (identity - particle.spin.radius / maxCanvasSize);\n}\nfunction applyPath(particle, delta) {\n    const particlesOptions = particle.options, pathOptions = particlesOptions.move.path, pathEnabled = pathOptions.enable;\n    if (!pathEnabled) {\n        return;\n    }\n    if (particle.lastPathTime <= particle.pathDelay) {\n        particle.lastPathTime += delta.value;\n        return;\n    }\n    const path = particle.pathGenerator?.generate(particle, delta);\n    if (path) {\n        particle.velocity.addTo(path);\n    }\n    if (pathOptions.clamp) {\n        particle.velocity.x = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(particle.velocity.x, -identity, identity);\n        particle.velocity.y = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(particle.velocity.y, -identity, identity);\n    }\n    particle.lastPathTime -= particle.pathDelay;\n}\nfunction getProximitySpeedFactor(particle) {\n    return particle.slow.inRange ? particle.slow.factor : identity;\n}\nfunction initSpin(particle) {\n    const container = particle.container, options = particle.options, spinOptions = options.move.spin;\n    if (!spinOptions.enable) {\n        return;\n    }\n    const spinPos = spinOptions.position ?? { x: 50, y: 50 }, spinFactor = 0.01, spinCenter = {\n        x: spinPos.x * spinFactor * container.canvas.size.width,\n        y: spinPos.y * spinFactor * container.canvas.size.height,\n    }, pos = particle.getPosition(), distance = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos, spinCenter), spinAcceleration = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(spinOptions.acceleration);\n    particle.retina.spinAcceleration = spinAcceleration * container.retina.pixelRatio;\n    particle.spin = {\n        center: spinCenter,\n        direction: particle.velocity.x >= minVelocity ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.counterClockwise,\n        angle: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * doublePI,\n        radius: distance,\n        acceleration: particle.retina.spinAcceleration,\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-fireworks/../../node_modules/.pnpm/@tsparticles+move-base@4.0.0-alpha.2/node_modules/@tsparticles/move-base/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);