@tsparticles/pjs 4.0.0-beta.9 → 4.0.1

package/tsparticles.pjs.js

@@ -1,192 +1,382 @@
-/*!
- * 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-beta.9
- */
-/*
- * 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/).
- */
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@tsparticles/engine"), require("@tsparticles/plugin-responsive"), require("tsparticles"));
-	else if(typeof define === 'function' && define.amd)
-		define(["@tsparticles/engine", "@tsparticles/plugin-responsive", "tsparticles"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine"), require("@tsparticles/plugin-responsive"), require("tsparticles")) : factory(root["window"], root["window"], root["window"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
-})(this, (__WEBPACK_EXTERNAL_MODULE__tsparticles_engine__, __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_responsive__, __WEBPACK_EXTERNAL_MODULE_tsparticles__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
+(function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
+/* tsParticles v4.0.1 */
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/engine'), require('tsparticles'), require('@tsparticles/plugin-responsive')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine', 'tsparticles', '@tsparticles/plugin-responsive'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.bundles = global.__tsParticlesInternals.bundles || {}, global.__tsParticlesInternals.bundles.pjs = global.__tsParticlesInternals.bundles.pjs || {}), global.__tsParticlesInternals.engine, global.__tsParticlesInternals.bundles.full, global.__tsParticlesInternals.plugins.responsive));
+})(this, (function (exports, engine, tsparticles, pluginResponsive) { 'use strict';
 
-/***/ "@tsparticles/engine"
-/*!*********************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
-  \*********************************************************************************************************************************/
-(module) {
+    const linksMinDistance = 120, moveMinSpeed = 0.5, particlesMinCount = 100, sizeMinValue = 3;
+    class MBParticles {
+        _container;
+        static init(options) {
+            const particles = new MBParticles(), selector = options.selector;
+            if (!selector) {
+                throw new Error("No selector provided");
+            }
+            const el = engine.safeDocument().querySelector(selector);
+            if (!el) {
+                throw new Error("No element found for selector");
+            }
+            void (async (engine) => {
+                await engine
+                    .load({
+                    element: el,
+                    id: selector.replace(".", "").replace("!", ""),
+                    options: {
+                        fullScreen: {
+                            enable: false,
+                        },
+                        particles: {
+                            color: {
+                                value: options.color ?? "!000000",
+                            },
+                            links: {
+                                color: "random",
+                                distance: options.minDistance ?? linksMinDistance,
+                                enable: options.connectParticles ?? false,
+                            },
+                            move: {
+                                enable: true,
+                                speed: options.speed ?? moveMinSpeed,
+                            },
+                            number: {
+                                value: options.maxParticles ?? particlesMinCount,
+                            },
+                            size: {
+                                value: { min: 1, max: options.sizeVariations ?? sizeMinValue },
+                            },
+                        },
+                        responsive: options.responsive?.map(responsive => ({
+                            maxWidth: responsive.breakpoint,
+                            options: {
+                                particles: {
+                                    color: {
+                                        value: responsive.options?.color,
+                                    },
+                                    links: {
+                                        distance: responsive.options?.minDistance,
+                                        enable: responsive.options?.connectParticles,
+                                    },
+                                    number: {
+                                        value: options.maxParticles,
+                                    },
+                                    move: {
+                                        enable: true,
+                                        speed: responsive.options?.speed,
+                                    },
+                                    size: {
+                                        value: responsive.options?.sizeVariations,
+                                    },
+                                },
+                            },
+                        })),
+                    },
+                })
+                    .then(container => {
+                    particles._container = container;
+                });
+            })(engine.tsParticles);
+            return particles;
+        }
+        destroy() {
+            const container = this._container;
+            container?.destroy();
+        }
+        pauseAnimation() {
+            const container = this._container;
+            container?.pause();
+        }
+        resumeAnimation() {
+            const container = this._container;
+            container?.play();
+        }
+    }
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
+    const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOptions = {
+        particles: {
+            number: {
+                value: 400,
+                density: {
+                    enable: true,
+                    value_area: 800,
+                },
+            },
+            color: {
+                value: "#fff",
+            },
+            shape: {
+                type: "circle",
+                stroke: {
+                    width: 0,
+                    color: "#ff0000",
+                },
+                polygon: {
+                    nb_sides: 5,
+                },
+                image: {
+                    src: "",
+                    width: 100,
+                    height: 100,
+                },
+            },
+            opacity: {
+                value: 1,
+                random: false,
+                anim: {
+                    enable: false,
+                    speed: 2,
+                    opacity_min: 0,
+                    sync: false,
+                },
+            },
+            size: {
+                value: 20,
+                random: false,
+                anim: {
+                    enable: false,
+                    speed: 20,
+                    size_min: 0,
+                    sync: false,
+                },
+            },
+            line_linked: {
+                enable: true,
+                distance: 100,
+                color: "#fff",
+                opacity: 1,
+                width: 1,
+            },
+            move: {
+                enable: true,
+                speed: 2,
+                direction: "none",
+                random: false,
+                straight: false,
+                out_mode: "out",
+                bounce: false,
+                attract: {
+                    enable: false,
+                    rotateX: 3000,
+                    rotateY: 3000,
+                },
+            },
+        },
+        interactivity: {
+            detect_on: "canvas",
+            events: {
+                onhover: {
+                    enable: true,
+                    mode: "grab",
+                },
+                onclick: {
+                    enable: true,
+                    mode: "push",
+                },
+                resize: true,
+            },
+            modes: {
+                grab: {
+                    distance: 100,
+                    line_linked: {
+                        opacity: 1,
+                    },
+                },
+                bubble: {
+                    distance: 200,
+                    size: 80,
+                    duration: 0.4,
+                    opacity: 1,
+                    speed: 3,
+                },
+                repulse: {
+                    distance: 200,
+                    duration: 0.4,
+                },
+                push: {
+                    particles_nb: 4,
+                },
+                remove: {
+                    particles_nb: 2,
+                },
+            },
+        },
+        retina_detect: false,
+    }, initParticlesJS = (engine$1) => {
+        const particlesJS = async (tagId, options) => {
+            const fixedOptions = engine.deepExtend({}, defaultPjsOptions, options);
+            return await engine$1.load({
+                id: tagId,
+                options: {
+                    fullScreen: {
+                        enable: false,
+                    },
+                    detectRetina: fixedOptions.retina_detect,
+                    smooth: true,
+                    interactivity: {
+                        detectsOn: fixedOptions.interactivity.detect_on,
+                        events: {
+                            onHover: {
+                                enable: fixedOptions.interactivity.events.onhover.enable,
+                                mode: fixedOptions.interactivity.events.onhover.mode,
+                            },
+                            onClick: {
+                                enable: fixedOptions.interactivity.events.onclick.enable,
+                                mode: fixedOptions.interactivity.events.onclick.mode,
+                            },
+                        },
+                        modes: {
+                            grab: {
+                                distance: fixedOptions.interactivity.modes.grab.distance,
+                                links: {
+                                    opacity: fixedOptions.interactivity.modes.grab.line_linked.opacity,
+                                },
+                            },
+                            bubble: {
+                                distance: fixedOptions.interactivity.modes.bubble.distance,
+                                size: fixedOptions.interactivity.modes.bubble.size,
+                                duration: fixedOptions.interactivity.modes.bubble.duration,
+                                opacity: fixedOptions.interactivity.modes.bubble.opacity,
+                                speed: fixedOptions.interactivity.modes.bubble.speed,
+                            },
+                            repulse: {
+                                distance: fixedOptions.interactivity.modes.repulse.distance,
+                                duration: fixedOptions.interactivity.modes.repulse.duration,
+                            },
+                            push: {
+                                quantity: fixedOptions.interactivity.modes.push.particles_nb,
+                            },
+                            remove: {
+                                quantity: fixedOptions.interactivity.modes.remove.particles_nb,
+                            },
+                        },
+                    },
+                    particles: {
+                        attract: {
+                            enable: fixedOptions.particles.move.attract.enable,
+                            rotate: {
+                                x: fixedOptions.particles.move.attract.rotateX,
+                                y: fixedOptions.particles.move.attract.rotateY,
+                            },
+                        },
+                        collisions: {
+                            enable: fixedOptions.particles.move.bounce,
+                        },
+                        number: {
+                            value: fixedOptions.particles.number.value,
+                            density: {
+                                enable: fixedOptions.particles.number.density.enable,
+                                width: fixedOptions.particles.number.density.value_area,
+                            },
+                        },
+                        color: {
+                            value: fixedOptions.particles.color.value,
+                        },
+                        stroke: {
+                            width: fixedOptions.particles.shape.stroke.width,
+                            color: {
+                                value: fixedOptions.particles.shape.stroke.color,
+                            },
+                        },
+                        shape: {
+                            type: fixedOptions.particles.shape.type,
+                            options: {
+                                polygon: {
+                                    sides: fixedOptions.particles.shape.polygon.nb_sides,
+                                },
+                                image: {
+                                    src: fixedOptions.particles.shape.image.src,
+                                    width: fixedOptions.particles.shape.image.width,
+                                    height: fixedOptions.particles.shape.image.height,
+                                },
+                            },
+                        },
+                        opacity: {
+                            value: fixedOptions.particles.opacity.random
+                                ? {
+                                    min: fixedOptions.particles.opacity.anim.enable
+                                        ? fixedOptions.particles.opacity.anim.opacity_min
+                                        : defaultMinOpacity,
+                                    max: fixedOptions.particles.opacity.value,
+                                }
+                                : fixedOptions.particles.opacity.value,
+                            animation: {
+                                enable: fixedOptions.particles.opacity.anim.enable,
+                                speed: fixedOptions.particles.opacity.anim.speed,
+                                sync: fixedOptions.particles.opacity.anim.sync,
+                            },
+                        },
+                        size: {
+                            value: fixedOptions.particles.size.random
+                                ? {
+                                    min: fixedOptions.particles.size.anim.enable
+                                        ? fixedOptions.particles.size.anim.size_min
+                                        : defaultMinSize,
+                                    max: fixedOptions.particles.size.value,
+                                }
+                                : fixedOptions.particles.size.value,
+                            animation: {
+                                enable: fixedOptions.particles.size.anim.enable,
+                                speed: fixedOptions.particles.size.anim.speed,
+                                sync: fixedOptions.particles.size.anim.sync,
+                            },
+                        },
+                        links: {
+                            enable: fixedOptions.particles.line_linked.enable,
+                            distance: fixedOptions.particles.line_linked.distance,
+                            color: fixedOptions.particles.line_linked.color,
+                            opacity: fixedOptions.particles.line_linked.opacity,
+                            width: fixedOptions.particles.line_linked.width,
+                        },
+                        move: {
+                            enable: fixedOptions.particles.move.enable,
+                            speed: fixedOptions.particles.move.speed / speedFactor,
+                            direction: fixedOptions.particles.move.direction,
+                            random: fixedOptions.particles.move.random,
+                            straight: fixedOptions.particles.move.straight,
+                            outModes: fixedOptions.particles.move.out_mode,
+                        },
+                    },
+                    resize: {
+                        enable: fixedOptions.interactivity.events.resize,
+                    },
+                },
+            });
+        };
+        particlesJS.load = (tagId, pathConfigJson, callback) => {
+            engine$1
+                .load({ id: tagId, url: pathConfigJson })
+                .then(container => {
+                callback(container);
+            })
+                .catch(() => {
+                callback(undefined);
+            });
+        };
+        particlesJS.setOnClickHandler = (callback) => {
+            engine$1.pluginManager.setOnClickHandler?.(callback);
+        };
+        const pJSDom = engine$1.items;
+        return { particlesJS, pJSDom };
+    };
 
-/***/ },
+    const initPjs = async (engine) => {
+        engine.checkVersion("4.0.1");
+        await engine.pluginManager.register(async (e) => {
+            await Promise.all([tsparticles.loadFull(e), pluginResponsive.loadResponsivePlugin(e)]);
+        });
+        const { particlesJS, pJSDom } = initParticlesJS(engine);
+        globalThis.particlesJS = particlesJS;
+        globalThis.pJSDom = pJSDom;
+        globalThis.Particles = MBParticles;
+    };
 
-/***/ "@tsparticles/plugin-responsive"
-/*!******************************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/plugin-responsive","commonjs2":"@tsparticles/plugin-responsive","amd":"@tsparticles/plugin-responsive","root":"window"} ***!
-  \******************************************************************************************************************************************************************/
-(module) {
+    const globalObject = globalThis;
+    globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+    globalObject.initPjs = initPjs;
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_responsive__;
+    exports.initPjs = initPjs;
 
-/***/ },
-
-/***/ "tsparticles"
-/*!*********************************************************************************************************!*\
-  !*** external {"commonjs":"tsparticles","commonjs2":"tsparticles","amd":"tsparticles","root":"window"} ***!
-  \*********************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_tsparticles__;
-
-/***/ },
-
-/***/ "./dist/browser/VincentGarreau/particles.js"
-/*!**************************************************!*\
-  !*** ./dist/browser/VincentGarreau/particles.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 */   initParticlesJS: () => (/* binding */ initParticlesJS)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOptions = {\n    particles: {\n        number: {\n            value: 400,\n            density: {\n                enable: true,\n                value_area: 800\n            }\n        },\n        color: {\n            value: \"#fff\"\n        },\n        shape: {\n            type: \"circle\",\n            stroke: {\n                width: 0,\n                color: \"#ff0000\"\n            },\n            polygon: {\n                nb_sides: 5\n            },\n            image: {\n                src: \"\",\n                width: 100,\n                height: 100\n            }\n        },\n        opacity: {\n            value: 1,\n            random: false,\n            anim: {\n                enable: false,\n                speed: 2,\n                opacity_min: 0,\n                sync: false\n            }\n        },\n        size: {\n            value: 20,\n            random: false,\n            anim: {\n                enable: false,\n                speed: 20,\n                size_min: 0,\n                sync: false\n            }\n        },\n        line_linked: {\n            enable: true,\n            distance: 100,\n            color: \"#fff\",\n            opacity: 1,\n            width: 1\n        },\n        move: {\n            enable: true,\n            speed: 2,\n            direction: \"none\",\n            random: false,\n            straight: false,\n            out_mode: \"out\",\n            bounce: false,\n            attract: {\n                enable: false,\n                rotateX: 3000,\n                rotateY: 3000\n            }\n        }\n    },\n    interactivity: {\n        detect_on: \"canvas\",\n        events: {\n            onhover: {\n                enable: true,\n                mode: \"grab\"\n            },\n            onclick: {\n                enable: true,\n                mode: \"push\"\n            },\n            resize: true\n        },\n        modes: {\n            grab: {\n                distance: 100,\n                line_linked: {\n                    opacity: 1\n                }\n            },\n            bubble: {\n                distance: 200,\n                size: 80,\n                duration: 0.4,\n                opacity: 1,\n                speed: 3\n            },\n            repulse: {\n                distance: 200,\n                duration: 0.4\n            },\n            push: {\n                particles_nb: 4\n            },\n            remove: {\n                particles_nb: 2\n            }\n        }\n    },\n    retina_detect: false\n}, initParticlesJS = (engine)=>{\n    const particlesJS = async (tagId, options)=>{\n        const fixedOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, defaultPjsOptions, options);\n        return await engine.load({\n            id: tagId,\n            options: {\n                fullScreen: {\n                    enable: false\n                },\n                detectRetina: fixedOptions.retina_detect,\n                smooth: true,\n                interactivity: {\n                    detectsOn: fixedOptions.interactivity.detect_on,\n                    events: {\n                        onHover: {\n                            enable: fixedOptions.interactivity.events.onhover.enable,\n                            mode: fixedOptions.interactivity.events.onhover.mode\n                        },\n                        onClick: {\n                            enable: fixedOptions.interactivity.events.onclick.enable,\n                            mode: fixedOptions.interactivity.events.onclick.mode\n                        }\n                    },\n                    modes: {\n                        grab: {\n                            distance: fixedOptions.interactivity.modes.grab.distance,\n                            links: {\n                                opacity: fixedOptions.interactivity.modes.grab.line_linked.opacity\n                            }\n                        },\n                        bubble: {\n                            distance: fixedOptions.interactivity.modes.bubble.distance,\n                            size: fixedOptions.interactivity.modes.bubble.size,\n                            duration: fixedOptions.interactivity.modes.bubble.duration,\n                            opacity: fixedOptions.interactivity.modes.bubble.opacity,\n                            speed: fixedOptions.interactivity.modes.bubble.speed\n                        },\n                        repulse: {\n                            distance: fixedOptions.interactivity.modes.repulse.distance,\n                            duration: fixedOptions.interactivity.modes.repulse.duration\n                        },\n                        push: {\n                            quantity: fixedOptions.interactivity.modes.push.particles_nb\n                        },\n                        remove: {\n                            quantity: fixedOptions.interactivity.modes.remove.particles_nb\n                        }\n                    }\n                },\n                particles: {\n                    attract: {\n                        enable: fixedOptions.particles.move.attract.enable,\n                        rotate: {\n                            x: fixedOptions.particles.move.attract.rotateX,\n                            y: fixedOptions.particles.move.attract.rotateY\n                        }\n                    },\n                    collisions: {\n                        enable: fixedOptions.particles.move.bounce\n                    },\n                    number: {\n                        value: fixedOptions.particles.number.value,\n                        density: {\n                            enable: fixedOptions.particles.number.density.enable,\n                            width: fixedOptions.particles.number.density.value_area\n                        }\n                    },\n                    color: {\n                        value: fixedOptions.particles.color.value\n                    },\n                    stroke: {\n                        width: fixedOptions.particles.shape.stroke.width,\n                        color: {\n                            value: fixedOptions.particles.shape.stroke.color\n                        }\n                    },\n                    shape: {\n                        type: fixedOptions.particles.shape.type,\n                        options: {\n                            polygon: {\n                                sides: fixedOptions.particles.shape.polygon.nb_sides\n                            },\n                            image: {\n                                src: fixedOptions.particles.shape.image.src,\n                                width: fixedOptions.particles.shape.image.width,\n                                height: fixedOptions.particles.shape.image.height\n                            }\n                        }\n                    },\n                    opacity: {\n                        value: fixedOptions.particles.opacity.random ? {\n                            min: fixedOptions.particles.opacity.anim.enable ? fixedOptions.particles.opacity.anim.opacity_min : defaultMinOpacity,\n                            max: fixedOptions.particles.opacity.value\n                        } : fixedOptions.particles.opacity.value,\n                        animation: {\n                            enable: fixedOptions.particles.opacity.anim.enable,\n                            speed: fixedOptions.particles.opacity.anim.speed,\n                            sync: fixedOptions.particles.opacity.anim.sync\n                        }\n                    },\n                    size: {\n                        value: fixedOptions.particles.size.random ? {\n                            min: fixedOptions.particles.size.anim.enable ? fixedOptions.particles.size.anim.size_min : defaultMinSize,\n                            max: fixedOptions.particles.size.value\n                        } : fixedOptions.particles.size.value,\n                        animation: {\n                            enable: fixedOptions.particles.size.anim.enable,\n                            speed: fixedOptions.particles.size.anim.speed,\n                            sync: fixedOptions.particles.size.anim.sync\n                        }\n                    },\n                    links: {\n                        enable: fixedOptions.particles.line_linked.enable,\n                        distance: fixedOptions.particles.line_linked.distance,\n                        color: fixedOptions.particles.line_linked.color,\n                        opacity: fixedOptions.particles.line_linked.opacity,\n                        width: fixedOptions.particles.line_linked.width\n                    },\n                    move: {\n                        enable: fixedOptions.particles.move.enable,\n                        speed: fixedOptions.particles.move.speed / speedFactor,\n                        direction: fixedOptions.particles.move.direction,\n                        random: fixedOptions.particles.move.random,\n                        straight: fixedOptions.particles.move.straight,\n                        outModes: fixedOptions.particles.move.out_mode\n                    }\n                },\n                resize: {\n                    enable: fixedOptions.interactivity.events.resize\n                }\n            }\n        });\n    };\n    particlesJS.load = (tagId, pathConfigJson, callback)=>{\n        engine.load({\n            id: tagId,\n            url: pathConfigJson\n        }).then((container)=>{\n            callback(container);\n        }).catch(()=>{\n            callback(undefined);\n        });\n    };\n    particlesJS.setOnClickHandler = (callback)=>{\n        engine.pluginManager.setOnClickHandler?.(callback);\n    };\n    const pJSDom = engine.items;\n    return {\n        particlesJS,\n        pJSDom\n    };\n};\n\n\n\n//# sourceURL=webpack://@tsparticles/pjs/./dist/browser/VincentGarreau/particles.js?\n}");
-
-/***/ },
-
-/***/ "./dist/browser/index.js"
-/*!*******************************!*\
-  !*** ./dist/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 */   initPjs: () => (/* binding */ initPjs)\n/* harmony export */ });\n/* harmony import */ var _marcbruederlin_Particles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./marcbruederlin/Particles.js */ \"./dist/browser/marcbruederlin/Particles.js\");\n/* harmony import */ var _VincentGarreau_particles_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VincentGarreau/particles.js */ \"./dist/browser/VincentGarreau/particles.js\");\n\n\nconst initPjs = async (engine)=>{\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadFull }, { loadResponsivePlugin }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! tsparticles */ \"tsparticles\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-responsive */ \"@tsparticles/plugin-responsive\", 19))\n        ]);\n        await loadFull(e);\n        await loadResponsivePlugin(e);\n    });\n    const { particlesJS, pJSDom } = (0,_VincentGarreau_particles_js__WEBPACK_IMPORTED_MODULE_1__.initParticlesJS)(engine);\n    globalThis.particlesJS = particlesJS;\n    globalThis.pJSDom = pJSDom;\n    globalThis.Particles = _marcbruederlin_Particles_js__WEBPACK_IMPORTED_MODULE_0__.MBParticles;\n};\n\n\n\n//# sourceURL=webpack://@tsparticles/pjs/./dist/browser/index.js?\n}");
-
-/***/ },
-
-/***/ "./dist/browser/marcbruederlin/Particles.js"
-/*!**************************************************!*\
-  !*** ./dist/browser/marcbruederlin/Particles.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 */   MBParticles: () => (/* binding */ MBParticles)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst linksMinDistance = 120, moveMinSpeed = 0.5, particlesMinCount = 100, sizeMinValue = 3;\nclass MBParticles {\n    _container;\n    static init(options) {\n        const particles = new MBParticles(), selector = options.selector;\n        if (!selector) {\n            throw new Error(\"No selector provided\");\n        }\n        const el = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().querySelector(selector);\n        if (!el) {\n            throw new Error(\"No element found for selector\");\n        }\n        void (async (engine)=>{\n            await engine.load({\n                element: el,\n                id: selector.replace(\".\", \"\").replace(\"!\", \"\"),\n                options: {\n                    fullScreen: {\n                        enable: false\n                    },\n                    particles: {\n                        color: {\n                            value: options.color ?? \"!000000\"\n                        },\n                        links: {\n                            color: \"random\",\n                            distance: options.minDistance ?? linksMinDistance,\n                            enable: options.connectParticles ?? false\n                        },\n                        move: {\n                            enable: true,\n                            speed: options.speed ?? moveMinSpeed\n                        },\n                        number: {\n                            value: options.maxParticles ?? particlesMinCount\n                        },\n                        size: {\n                            value: {\n                                min: 1,\n                                max: options.sizeVariations ?? sizeMinValue\n                            }\n                        }\n                    },\n                    responsive: options.responsive?.map((responsive)=>({\n                            maxWidth: responsive.breakpoint,\n                            options: {\n                                particles: {\n                                    color: {\n                                        value: responsive.options?.color\n                                    },\n                                    links: {\n                                        distance: responsive.options?.minDistance,\n                                        enable: responsive.options?.connectParticles\n                                    },\n                                    number: {\n                                        value: options.maxParticles\n                                    },\n                                    move: {\n                                        enable: true,\n                                        speed: responsive.options?.speed\n                                    },\n                                    size: {\n                                        value: responsive.options?.sizeVariations\n                                    }\n                                }\n                            }\n                        }))\n                }\n            }).then((container)=>{\n                particles._container = container;\n            });\n        })(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles);\n        return particles;\n    }\n    destroy() {\n        const container = this._container;\n        container?.destroy();\n    }\n    pauseAnimation() {\n        const container = this._container;\n        container?.pause();\n    }\n    resumeAnimation() {\n        const container = this._container;\n        container?.play();\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/./dist/browser/marcbruederlin/Particles.js?\n}");
-
-/***/ }
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		if (!(moduleId in __webpack_modules__)) {
-/******/ 			delete __webpack_module_cache__[moduleId];
-/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
-/******/ 			e.code = 'MODULE_NOT_FOUND';
-/******/ 			throw e;
-/******/ 		}
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/create fake namespace object */
-/******/ 	(() => {
-/******/ 		var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
-/******/ 		var leafPrototypes;
-/******/ 		// create a fake namespace object
-/******/ 		// mode & 1: value is a module id, require it
-/******/ 		// mode & 2: merge all properties of value into the ns
-/******/ 		// mode & 4: return value when already ns object
-/******/ 		// mode & 16: return value when it's Promise-like
-/******/ 		// mode & 8|1: behave like require
-/******/ 		__webpack_require__.t = function(value, mode) {
-/******/ 			if(mode & 1) value = this(value);
-/******/ 			if(mode & 8) return value;
-/******/ 			if(typeof value === 'object' && value) {
-/******/ 				if((mode & 4) && value.__esModule) return value;
-/******/ 				if((mode & 16) && typeof value.then === 'function') return value;
-/******/ 			}
-/******/ 			var ns = Object.create(null);
-/******/ 			__webpack_require__.r(ns);
-/******/ 			var def = {};
-/******/ 			leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
-/******/ 			for(var current = mode & 2 && value; (typeof current == 'object' || typeof current == 'function') && !~leafPrototypes.indexOf(current); current = getProto(current)) {
-/******/ 				Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
-/******/ 			}
-/******/ 			def['default'] = () => (value);
-/******/ 			__webpack_require__.d(ns, def);
-/******/ 			return ns;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module can't be inlined because the eval devtool is used.
-/******/ 	var __webpack_exports__ = __webpack_require__("./dist/browser/index.js");
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+}));
+Object.assign(globalThis.window || globalThis, { initPjs: (globalThis.__tsParticlesInternals.bundles.pjs || {}).initPjs });
+delete (globalThis.window || globalThis).tsparticlesInternalExports;

package/tsparticles.pjs.min.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/plugin-responsive"),require("tsparticles"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-responsive","tsparticles"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/plugin-responsive"),require("tsparticles")):t(e.window,e.window,e.window);for(var a in i)("object"==typeof exports?exports:e)[a]=i[a]}}(this,(e,t,i)=>(()=>{"use strict";var a,n,r={303(t){t.exports=e},919(e){e.exports=t},706(e){e.exports=i}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var i=o[e]={exports:{}};return r[e](i,i.exports,s),i.exports}n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var i=Object.create(null);s.r(i);var r={};a=a||[null,n({}),n([]),n(n)];for(var o=2&t&&e;("object"==typeof o||"function"==typeof o)&&!~a.indexOf(o);o=n(o))Object.getOwnPropertyNames(o).forEach(t=>r[t]=()=>e[t]);return r.default=()=>e,s.d(i,r),i},s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};s.r(l),s.d(l,{initPjs:()=>m});var c=s(303);class p{_container;static init(e){let t=new p,i=e.selector;if(!i)throw Error("No selector provided");let a=(0,c.safeDocument)().querySelector(i);if(!a)throw Error("No element found for selector");return(async n=>{await n.load({element:a,id:i.replace(".","").replace("!",""),options:{fullScreen:{enable:!1},particles:{color:{value:e.color??"!000000"},links:{color:"random",distance:e.minDistance??120,enable:e.connectParticles??!1},move:{enable:!0,speed:e.speed??.5},number:{value:e.maxParticles??100},size:{value:{min:1,max:e.sizeVariations??3}}},responsive:e.responsive?.map(t=>({maxWidth:t.breakpoint,options:{particles:{color:{value:t.options?.color},links:{distance:t.options?.minDistance,enable:t.options?.connectParticles},number:{value:e.maxParticles},move:{enable:!0,speed:t.options?.speed},size:{value:t.options?.sizeVariations}}}}))}}).then(e=>{t._container=e})})(c.tsParticles),t}destroy(){let e=this._container;e?.destroy()}pauseAnimation(){let e=this._container;e?.pause()}resumeAnimation(){let e=this._container;e?.play()}}let d={particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4,opacity:1,speed:3},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!1},m=async e=>{let t;e.checkVersion("4.0.0-beta.9"),await e.pluginManager.register(async e=>{let[{loadFull:t},{loadResponsivePlugin:i}]=await Promise.all([Promise.resolve().then(s.t.bind(s,706,19)),Promise.resolve().then(s.t.bind(s,919,19))]);await t(e),await i(e)});let{particlesJS:i,pJSDom:a}=((t=async(t,i)=>{let a=(0,c.deepExtend)({},d,i);return await e.load({id:t,options:{fullScreen:{enable:!1},detectRetina:a.retina_detect,smooth:!0,interactivity:{detectsOn:a.interactivity.detect_on,events:{onHover:{enable:a.interactivity.events.onhover.enable,mode:a.interactivity.events.onhover.mode},onClick:{enable:a.interactivity.events.onclick.enable,mode:a.interactivity.events.onclick.mode}},modes:{grab:{distance:a.interactivity.modes.grab.distance,links:{opacity:a.interactivity.modes.grab.line_linked.opacity}},bubble:{distance:a.interactivity.modes.bubble.distance,size:a.interactivity.modes.bubble.size,duration:a.interactivity.modes.bubble.duration,opacity:a.interactivity.modes.bubble.opacity,speed:a.interactivity.modes.bubble.speed},repulse:{distance:a.interactivity.modes.repulse.distance,duration:a.interactivity.modes.repulse.duration},push:{quantity:a.interactivity.modes.push.particles_nb},remove:{quantity:a.interactivity.modes.remove.particles_nb}}},particles:{attract:{enable:a.particles.move.attract.enable,rotate:{x:a.particles.move.attract.rotateX,y:a.particles.move.attract.rotateY}},collisions:{enable:a.particles.move.bounce},number:{value:a.particles.number.value,density:{enable:a.particles.number.density.enable,width:a.particles.number.density.value_area}},color:{value:a.particles.color.value},stroke:{width:a.particles.shape.stroke.width,color:{value:a.particles.shape.stroke.color}},shape:{type:a.particles.shape.type,options:{polygon:{sides:a.particles.shape.polygon.nb_sides},image:{src:a.particles.shape.image.src,width:a.particles.shape.image.width,height:a.particles.shape.image.height}}},opacity:{value:a.particles.opacity.random?{min:a.particles.opacity.anim.enable?a.particles.opacity.anim.opacity_min:0,max:a.particles.opacity.value}:a.particles.opacity.value,animation:{enable:a.particles.opacity.anim.enable,speed:a.particles.opacity.anim.speed,sync:a.particles.opacity.anim.sync}},size:{value:a.particles.size.random?{min:a.particles.size.anim.enable?a.particles.size.anim.size_min:0,max:a.particles.size.value}:a.particles.size.value,animation:{enable:a.particles.size.anim.enable,speed:a.particles.size.anim.speed,sync:a.particles.size.anim.sync}},links:{enable:a.particles.line_linked.enable,distance:a.particles.line_linked.distance,color:a.particles.line_linked.color,opacity:a.particles.line_linked.opacity,width:a.particles.line_linked.width},move:{enable:a.particles.move.enable,speed:a.particles.move.speed/3,direction:a.particles.move.direction,random:a.particles.move.random,straight:a.particles.move.straight,outModes:a.particles.move.out_mode}},resize:{enable:a.interactivity.events.resize}}})}).load=(t,i,a)=>{e.load({id:t,url:i}).then(e=>{a(e)}).catch(()=>{a(void 0)})},t.setOnClickHandler=t=>{e.pluginManager.setOnClickHandler?.(t)},{particlesJS:t,pJSDom:e.items});globalThis.particlesJS=i,globalThis.pJSDom=a,globalThis.Particles=p};return l})());
+!function(e){e.__tsParticlesInternals=e.__tsParticlesInternals||{},e.__tsParticlesInternals.bundles=e.__tsParticlesInternals.bundles||{},e.__tsParticlesInternals.effects=e.__tsParticlesInternals.effects||{},e.__tsParticlesInternals.engine=e.__tsParticlesInternals.engine||{},e.__tsParticlesInternals.interactions=e.__tsParticlesInternals.interactions||{},e.__tsParticlesInternals.palettes=e.__tsParticlesInternals.palettes||{},e.__tsParticlesInternals.paths=e.__tsParticlesInternals.paths||{},e.__tsParticlesInternals.plugins=e.__tsParticlesInternals.plugins||{},e.__tsParticlesInternals.plugins=e.__tsParticlesInternals.plugins||{},e.__tsParticlesInternals.plugins.emittersShapes=e.__tsParticlesInternals.plugins.emittersShapes||{},e.__tsParticlesInternals.presets=e.__tsParticlesInternals.presets||{},e.__tsParticlesInternals.shapes=e.__tsParticlesInternals.shapes||{},e.__tsParticlesInternals.updaters=e.__tsParticlesInternals.updaters||{},e.__tsParticlesInternals.utils=e.__tsParticlesInternals.utils||{},e.__tsParticlesInternals.canvas=e.__tsParticlesInternals.canvas||{},e.__tsParticlesInternals.canvas=e.__tsParticlesInternals.canvas||{},e.__tsParticlesInternals.canvas.utils=e.__tsParticlesInternals.canvas.utils||{},e.__tsParticlesInternals.path=e.__tsParticlesInternals.path||{},e.__tsParticlesInternals.path=e.__tsParticlesInternals.path||{},e.__tsParticlesInternals.path.utils=e.__tsParticlesInternals.path.utils||{};var t="undefined"!=typeof Proxy?function(e){return new Proxy(e,{get:function(e,t){return t in e||(e[t]={}),e[t]}})}:function(e){return e};e.__tsParticlesInternals.bundles=t(e.__tsParticlesInternals.bundles),e.__tsParticlesInternals.effects=t(e.__tsParticlesInternals.effects),e.__tsParticlesInternals.interactions=t(e.__tsParticlesInternals.interactions),e.__tsParticlesInternals.palettes=t(e.__tsParticlesInternals.palettes),e.__tsParticlesInternals.paths=t(e.__tsParticlesInternals.paths),e.__tsParticlesInternals.plugins=t(e.__tsParticlesInternals.plugins),e.__tsParticlesInternals.plugins.emittersShapes=t(e.__tsParticlesInternals.plugins.emittersShapes),e.__tsParticlesInternals.presets=t(e.__tsParticlesInternals.presets),e.__tsParticlesInternals.shapes=t(e.__tsParticlesInternals.shapes),e.__tsParticlesInternals.updaters=t(e.__tsParticlesInternals.updaters),e.__tsParticlesInternals.utils=t(e.__tsParticlesInternals.utils),e.__tsParticlesInternals.canvas=t(e.__tsParticlesInternals.canvas),e.__tsParticlesInternals.path=t(e.__tsParticlesInternals.path),e.tsparticlesInternalExports=e.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tsparticles/engine"),require("tsparticles"),require("@tsparticles/plugin-responsive")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine","tsparticles","@tsparticles/plugin-responsive"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).__tsParticlesInternals=e.__tsParticlesInternals||{},e.__tsParticlesInternals.bundles=e.__tsParticlesInternals.bundles||{},e.__tsParticlesInternals.bundles.pjs=e.__tsParticlesInternals.bundles.pjs||{}),e.__tsParticlesInternals.engine,e.__tsParticlesInternals.bundles.full,e.__tsParticlesInternals.plugins.responsive)}(this,function(e,t,s,a){"use strict";class n{_container;static init(e){const s=new n,a=e.selector;if(!a)throw new Error("No selector provided");const i=t.safeDocument().querySelector(a);if(!i)throw new Error("No element found for selector");return(async t=>{await t.load({element:i,id:a.replace(".","").replace("!",""),options:{fullScreen:{enable:!1},particles:{color:{value:e.color??"!000000"},links:{color:"random",distance:e.minDistance??120,enable:e.connectParticles??!1},move:{enable:!0,speed:e.speed??.5},number:{value:e.maxParticles??100},size:{value:{min:1,max:e.sizeVariations??3}}},responsive:e.responsive?.map(t=>({maxWidth:t.breakpoint,options:{particles:{color:{value:t.options?.color},links:{distance:t.options?.minDistance,enable:t.options?.connectParticles},number:{value:e.maxParticles},move:{enable:!0,speed:t.options?.speed},size:{value:t.options?.sizeVariations}}}}))}}).then(e=>{s._container=e})})(t.tsParticles),s}destroy(){const e=this._container;e?.destroy()}pauseAnimation(){const e=this._container;e?.pause()}resumeAnimation(){const e=this._container;e?.play()}}const i={particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4,opacity:1,speed:3},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!1},l=e=>{const s=async(s,a)=>{const n=t.deepExtend({},i,a);return await e.load({id:s,options:{fullScreen:{enable:!1},detectRetina:n.retina_detect,smooth:!0,interactivity:{detectsOn:n.interactivity.detect_on,events:{onHover:{enable:n.interactivity.events.onhover.enable,mode:n.interactivity.events.onhover.mode},onClick:{enable:n.interactivity.events.onclick.enable,mode:n.interactivity.events.onclick.mode}},modes:{grab:{distance:n.interactivity.modes.grab.distance,links:{opacity:n.interactivity.modes.grab.line_linked.opacity}},bubble:{distance:n.interactivity.modes.bubble.distance,size:n.interactivity.modes.bubble.size,duration:n.interactivity.modes.bubble.duration,opacity:n.interactivity.modes.bubble.opacity,speed:n.interactivity.modes.bubble.speed},repulse:{distance:n.interactivity.modes.repulse.distance,duration:n.interactivity.modes.repulse.duration},push:{quantity:n.interactivity.modes.push.particles_nb},remove:{quantity:n.interactivity.modes.remove.particles_nb}}},particles:{attract:{enable:n.particles.move.attract.enable,rotate:{x:n.particles.move.attract.rotateX,y:n.particles.move.attract.rotateY}},collisions:{enable:n.particles.move.bounce},number:{value:n.particles.number.value,density:{enable:n.particles.number.density.enable,width:n.particles.number.density.value_area}},color:{value:n.particles.color.value},stroke:{width:n.particles.shape.stroke.width,color:{value:n.particles.shape.stroke.color}},shape:{type:n.particles.shape.type,options:{polygon:{sides:n.particles.shape.polygon.nb_sides},image:{src:n.particles.shape.image.src,width:n.particles.shape.image.width,height:n.particles.shape.image.height}}},opacity:{value:n.particles.opacity.random?{min:n.particles.opacity.anim.enable?n.particles.opacity.anim.opacity_min:0,max:n.particles.opacity.value}:n.particles.opacity.value,animation:{enable:n.particles.opacity.anim.enable,speed:n.particles.opacity.anim.speed,sync:n.particles.opacity.anim.sync}},size:{value:n.particles.size.random?{min:n.particles.size.anim.enable?n.particles.size.anim.size_min:0,max:n.particles.size.value}:n.particles.size.value,animation:{enable:n.particles.size.anim.enable,speed:n.particles.size.anim.speed,sync:n.particles.size.anim.sync}},links:{enable:n.particles.line_linked.enable,distance:n.particles.line_linked.distance,color:n.particles.line_linked.color,opacity:n.particles.line_linked.opacity,width:n.particles.line_linked.width},move:{enable:n.particles.move.enable,speed:n.particles.move.speed/3,direction:n.particles.move.direction,random:n.particles.move.random,straight:n.particles.move.straight,outModes:n.particles.move.out_mode}},resize:{enable:n.interactivity.events.resize}}})};s.load=(t,s,a)=>{e.load({id:t,url:s}).then(e=>{a(e)}).catch(()=>{a(void 0)})},s.setOnClickHandler=t=>{e.pluginManager.setOnClickHandler?.(t)};return{particlesJS:s,pJSDom:e.items}},r=async e=>{e.checkVersion("4.0.1"),await e.pluginManager.register(async e=>{await Promise.all([s.loadFull(e),a.loadResponsivePlugin(e)])});const{particlesJS:t,pJSDom:i}=l(e);globalThis.particlesJS=t,globalThis.pJSDom=i,globalThis.Particles=n},c=globalThis;c.__tsParticlesInternals=c.__tsParticlesInternals??{},c.initPjs=r,e.initPjs=r}),Object.assign(globalThis.window||globalThis,{initPjs:(globalThis.__tsParticlesInternals.bundles.pjs||{}).initPjs}),delete(globalThis.window||globalThis).tsparticlesInternalExports;