@tsparticles/plugin-absorbers 4.0.0-beta.11 → 4.0.0-beta.15

package/tsparticles.plugin.absorbers.js

@@ -1,377 +1,620 @@
-/*!
- * 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.11
- */
-/*
- * 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/plugin-interactivity"), require("@tsparticles/engine"));
-	else if(typeof define === 'function' && define.amd)
-		define(["@tsparticles/plugin-interactivity", "@tsparticles/engine"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("@tsparticles/plugin-interactivity"), require("@tsparticles/engine")) : factory(root["window"], root["window"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
-})(this, (__WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_interactivity__, __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__) => {
-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);
+/* Plugin v4.0.0-beta.15 */
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/plugin-interactivity'), require('@tsparticles/engine')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/plugin-interactivity', '@tsparticles/engine'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.plugins = global.__tsParticlesInternals.plugins || {}, global.__tsParticlesInternals.plugins.absorbers = global.__tsParticlesInternals.plugins.absorbers || {}), global.__tsParticlesInternals.plugins.interactivity, global.__tsParticlesInternals.engine));
+})(this, (function (exports, pluginInteractivity, engine) { 'use strict';
 
-/***/ "@tsparticles/engine"
-/*!*********************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
-  \*********************************************************************************************************************************/
-(module) {
+    class AbsorberLife {
+        count;
+        delay;
+        duration;
+        wait;
+        constructor() {
+            this.wait = false;
+        }
+        load(data) {
+            if (engine.isNull(data)) {
+                return;
+            }
+            if (data.count !== undefined) {
+                this.count = data.count;
+            }
+            if (data.delay !== undefined) {
+                this.delay = engine.setRangeValue(data.delay);
+            }
+            if (data.duration !== undefined) {
+                this.duration = engine.setRangeValue(data.duration);
+            }
+            if (data.wait !== undefined) {
+                this.wait = data.wait;
+            }
+        }
+    }
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
+    class AbsorberSizeLimit {
+        mass;
+        radius;
+        constructor() {
+            this.radius = 0;
+            this.mass = 0;
+        }
+        load(data) {
+            if (engine.isNull(data)) {
+                return;
+            }
+            if (data.mass !== undefined) {
+                this.mass = data.mass;
+            }
+            if (data.radius !== undefined) {
+                this.radius = data.radius;
+            }
+        }
+    }
 
-/***/ },
+    class AbsorberSize extends engine.ValueWithRandom {
+        density;
+        limit;
+        constructor() {
+            super();
+            this.density = 5;
+            this.value = 50;
+            this.limit = new AbsorberSizeLimit();
+        }
+        load(data) {
+            if (engine.isNull(data)) {
+                return;
+            }
+            super.load(data);
+            if (data.density !== undefined) {
+                this.density = data.density;
+            }
+            if (engine.isNumber(data.limit)) {
+                this.limit.radius = data.limit;
+            }
+            else {
+                this.limit.load(data.limit);
+            }
+        }
+    }
 
-/***/ "@tsparticles/plugin-interactivity"
-/*!***************************************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/plugin-interactivity","commonjs2":"@tsparticles/plugin-interactivity","amd":"@tsparticles/plugin-interactivity","root":"window"} ***!
-  \***************************************************************************************************************************************************************************/
-(module) {
+    class Absorber {
+        color;
+        destroy;
+        draggable;
+        life;
+        name;
+        opacity;
+        orbits;
+        position;
+        size;
+        constructor() {
+            this.color = new engine.OptionsColor();
+            this.color.value = "#000000";
+            this.draggable = false;
+            this.opacity = 1;
+            this.destroy = true;
+            this.orbits = false;
+            this.life = new AbsorberLife();
+            this.size = new AbsorberSize();
+        }
+        load(data) {
+            if (engine.isNull(data)) {
+                return;
+            }
+            if (data.color !== undefined) {
+                this.color = engine.OptionsColor.create(this.color, data.color);
+            }
+            if (data.draggable !== undefined) {
+                this.draggable = data.draggable;
+            }
+            if (data.life !== undefined) {
+                this.life.load(data.life);
+            }
+            this.name = data.name;
+            if (data.opacity !== undefined) {
+                this.opacity = data.opacity;
+            }
+            if (data.position !== undefined) {
+                this.position = {};
+                if (data.position.x !== undefined) {
+                    this.position.x = engine.setRangeValue(data.position.x);
+                }
+                if (data.position.y !== undefined) {
+                    this.position.y = engine.setRangeValue(data.position.y);
+                }
+            }
+            if (data.size !== undefined) {
+                this.size.load(data.size);
+            }
+            if (data.destroy !== undefined) {
+                this.destroy = data.destroy;
+            }
+            if (data.orbits !== undefined) {
+                this.orbits = data.orbits;
+            }
+        }
+    }
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_interactivity__;
+    const absorbersMode = "absorbers";
+    class AbsorbersInteractor extends pluginInteractivity.ExternalInteractorBase {
+        handleClickMode;
+        maxDistance;
+        _dragging = false;
+        _draggingAbsorber;
+        _instancesManager;
+        constructor(container, instancesManager) {
+            super(container);
+            this.maxDistance = 0;
+            this._instancesManager = instancesManager;
+            this._instancesManager.initContainer(container);
+            this.handleClickMode = (mode, interactivityData) => {
+                const container = this.container, options = container.actualOptions, absorbers = options.interactivity.modes.absorbers;
+                if (!absorbers || mode !== absorbersMode) {
+                    return;
+                }
+                const { clickPosition } = interactivityData.mouse;
+                if (clickPosition) {
+                    const existingAbsorber = instancesManager
+                        .getArray(this.container)
+                        .some(t => engine.getDistance(t.position, clickPosition) < t.size);
+                    if (existingAbsorber) {
+                        return;
+                    }
+                }
+                const absorbersModeOptions = engine.itemFromArray(absorbers) ?? new Absorber();
+                void this._instancesManager.addAbsorber(container, absorbersModeOptions, clickPosition);
+            };
+        }
+        clear() {
+        }
+        init() {
+        }
+        interact(interactivityData, delta) {
+            for (const particle of this.container.particles.filter(p => this.isEnabled(interactivityData, p))) {
+                for (const absorber of this._instancesManager.getArray(this.container)) {
+                    if (absorber.options.draggable) {
+                        const mouse = interactivityData.mouse;
+                        if (mouse.clicking && mouse.downPosition) {
+                            const mouseDist = engine.getDistance(absorber.position, mouse.downPosition);
+                            if (mouseDist <= absorber.size) {
+                                this._dragging = true;
+                                this._draggingAbsorber = absorber;
+                            }
+                        }
+                        else {
+                            this._dragging = false;
+                            this._draggingAbsorber = undefined;
+                        }
+                        if (this._dragging && this._draggingAbsorber == absorber && mouse.position) {
+                            absorber.position.x = mouse.position.x;
+                            absorber.position.y = mouse.position.y;
+                        }
+                    }
+                    absorber.attract(particle, delta);
+                    if (particle.destroyed) {
+                        break;
+                    }
+                }
+            }
+        }
+        isEnabled(interactivityData, particle) {
+            const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity).events;
+            if (!mouse.clickPosition || !events.onClick.enable) {
+                return false;
+            }
+            return engine.isInArray(absorbersMode, events.onClick.mode);
+        }
+        loadModeOptions(options, ...sources) {
+            options.absorbers ??= [];
+            for (const source of sources) {
+                if (!source) {
+                    continue;
+                }
+                if (engine.isArray(source.absorbers)) {
+                    for (const absorber of source.absorbers) {
+                        const tmp = new Absorber();
+                        tmp.load(absorber);
+                        options.absorbers.push(tmp);
+                    }
+                }
+                else {
+                    const tmp = new Absorber();
+                    tmp.load(source.absorbers);
+                    options.absorbers.push(tmp);
+                }
+            }
+        }
+        reset() {
+        }
+    }
 
-/***/ },
+    const instancesManagers = new WeakMap();
+    function getAbsorbersInstancesManager(e) {
+        const pluginManager = e.pluginManager;
+        let manager = instancesManagers.get(pluginManager);
+        if (!manager) {
+            manager = Promise.resolve().then(function () { return AbsorbersInstancesManager$1; })
+                .then(({ AbsorbersInstancesManager }) => new AbsorbersInstancesManager(pluginManager))
+                .catch((error) => {
+                instancesManagers.delete(pluginManager);
+                throw error;
+            });
+            instancesManagers.set(pluginManager, manager);
+        }
+        return manager;
+    }
 
-/***/ "./dist/browser/index.js"
-/*!*******************************!*\
-  !*** ./dist/browser/index.js ***!
-  \*******************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+    async function loadAbsorbersInteraction(engine) {
+        engine.checkVersion("4.0.0-beta.15");
+        await engine.pluginManager.register(async (e) => {
+            const pluginManager = e.pluginManager, instancesManager = await getAbsorbersInstancesManager(e);
+            pluginInteractivity.ensureInteractivityPluginLoaded(e);
+            pluginManager.addInteractor?.("externalAbsorbers", container => {
+                return Promise.resolve(new AbsorbersInteractor(container, instancesManager));
+            });
+        });
+    }
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadAbsorbersPlugin: () => (/* binding */ loadAbsorbersPlugin)\n/* harmony export */ });\n/* harmony import */ var _interaction_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./interaction.js */ \"./dist/browser/interaction.js\");\n/* harmony import */ var _plugin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./plugin.js */ \"./dist/browser/plugin.js\");\n\n\nasync function loadAbsorbersPlugin(engine) {\n    await (0,_plugin_js__WEBPACK_IMPORTED_MODULE_1__.loadAbsorbersPluginSimple)(engine);\n    await (0,_interaction_js__WEBPACK_IMPORTED_MODULE_0__.loadAbsorbersInteraction)(engine);\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/index.js?\n}");
+    class AbsorbersPlugin {
+        id = "absorbers";
+        _instancesManager;
+        constructor(instancesManager) {
+            this._instancesManager = instancesManager;
+        }
+        async getPlugin(container) {
+            const { AbsorbersPluginInstance } = await Promise.resolve().then(function () { return AbsorbersPluginInstance$1; });
+            return new AbsorbersPluginInstance(container, this._instancesManager);
+        }
+        loadOptions(_container, options, source) {
+            if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
+                return;
+            }
+            if (source?.absorbers) {
+                options.absorbers = engine.executeOnSingleOrMultiple(source.absorbers, absorber => {
+                    const tmp = new Absorber();
+                    tmp.load(absorber);
+                    return tmp;
+                });
+            }
+        }
+        needsPlugin(options) {
+            if (!options) {
+                return false;
+            }
+            const absorbers = options.absorbers;
+            if (engine.isArray(absorbers)) {
+                return !!absorbers.length;
+            }
+            else if (absorbers) {
+                return true;
+            }
+            return false;
+        }
+    }
 
-/***/ },
+    async function loadAbsorbersPluginSimple(engine) {
+        engine.checkVersion("4.0.0-beta.15");
+        await engine.pluginManager.register(async (e) => {
+            const pluginManager = e.pluginManager, instancesManager = await getAbsorbersInstancesManager(e);
+            pluginManager.addPlugin(new AbsorbersPlugin(instancesManager));
+        });
+    }
 
-/***/ "./dist/browser/interaction.js"
-/*!*************************************!*\
-  !*** ./dist/browser/interaction.js ***!
-  \*************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+    async function loadAbsorbersPlugin(engine) {
+        await loadAbsorbersPluginSimple(engine);
+        await loadAbsorbersInteraction(engine);
+    }
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadAbsorbersInteraction: () => (/* binding */ loadAbsorbersInteraction)\n/* harmony export */ });\nasync function loadAbsorbersInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.11\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { getAbsorbersInstancesManager }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\", 19)),\n            __webpack_require__.e(/*! import() */ \"dist_browser_getAbsorbersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./getAbsorbersInstancesManager.js */ \"./dist/browser/getAbsorbersInstancesManager.js\"))\n        ]), pluginManager = e.pluginManager, instancesManager = await getAbsorbersInstancesManager(e);\n        ensureInteractivityPluginLoaded(e);\n        pluginManager.addInteractor?.(\"externalAbsorbers\", async (container)=>{\n            const { AbsorbersInteractor } = await __webpack_require__.e(/*! import() */ \"dist_browser_AbsorbersInteractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersInteractor.js */ \"./dist/browser/AbsorbersInteractor.js\"));\n            return new AbsorbersInteractor(container, instancesManager);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/interaction.js?\n}");
+    const globalObject = globalThis;
+    globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+    globalObject.loadAbsorbersPlugin = loadAbsorbersPlugin;
 
-/***/ },
+    const defaultIndex = 0;
+    class AbsorbersInstancesManager {
+        _containerArrays;
+        _pluginManager;
+        constructor(pluginManager) {
+            this._pluginManager = pluginManager;
+            this._containerArrays = new Map();
+        }
+        async addAbsorber(container, options, position) {
+            const { AbsorberInstance } = await Promise.resolve().then(function () { return AbsorberInstance$1; }), absorber = new AbsorberInstance(this._pluginManager, container, options, position), array = this.getArray(container);
+            array.push(absorber);
+            return absorber;
+        }
+        clear(container) {
+            this.initContainer(container);
+            this._containerArrays.set(container, []);
+        }
+        getArray(container) {
+            this.initContainer(container);
+            let array = this._containerArrays.get(container);
+            if (!array) {
+                array = [];
+                this._containerArrays.set(container, array);
+            }
+            return array;
+        }
+        initContainer(container) {
+            if (this._containerArrays.has(container)) {
+                return;
+            }
+            this._containerArrays.set(container, []);
+            container.getAbsorber ??= (idxOrName) => {
+                const array = this.getArray(container);
+                return idxOrName === undefined || engine.isNumber(idxOrName)
+                    ? array[idxOrName ?? defaultIndex]
+                    : array.find(t => t.name === idxOrName);
+            };
+            container.addAbsorber ??= (options, position) => {
+                return this.addAbsorber(container, options, position);
+            };
+        }
+        removeAbsorber(container, absorber) {
+            const index = this.getArray(container).indexOf(absorber), deleteCount = 1;
+            if (index >= defaultIndex) {
+                this.getArray(container).splice(index, deleteCount);
+            }
+        }
+    }
 
-/***/ "./dist/browser/plugin.js"
-/*!********************************!*\
-  !*** ./dist/browser/plugin.js ***!
-  \********************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+    var AbsorbersInstancesManager$1 = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        AbsorbersInstancesManager: AbsorbersInstancesManager
+    });
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadAbsorbersPluginSimple: () => (/* binding */ loadAbsorbersPluginSimple)\n/* harmony export */ });\nasync function loadAbsorbersPluginSimple(engine) {\n    engine.checkVersion(\"4.0.0-beta.11\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ getAbsorbersInstancesManager }, { AbsorbersPlugin }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"dist_browser_getAbsorbersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./getAbsorbersInstancesManager.js */ \"./dist/browser/getAbsorbersInstancesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"dist_browser_AbsorbersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersPlugin.js */ \"./dist/browser/AbsorbersPlugin.js\"))\n        ]), pluginManager = e.pluginManager, instancesManager = await getAbsorbersInstancesManager(e);\n        pluginManager.addPlugin(new AbsorbersPlugin(instancesManager));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/plugin.js?\n}");
+    class AbsorbersPluginInstance {
+        _container;
+        _instancesManager;
+        constructor(container, instancesManager) {
+            this._container = container;
+            this._instancesManager = instancesManager;
+            this._instancesManager.initContainer(container);
+        }
+        draw(context) {
+            for (const absorber of this._instancesManager.getArray(this._container)) {
+                absorber.draw(context);
+            }
+        }
+        async init() {
+            const absorbers = this._container.actualOptions.absorbers, promises = engine.executeOnSingleOrMultiple(absorbers, async (absorber) => {
+                await this._instancesManager.addAbsorber(this._container, absorber);
+            });
+            if (engine.isArray(promises)) {
+                await Promise.all(promises);
+            }
+            else {
+                await promises;
+            }
+        }
+        particleUpdate(particle, delta) {
+            for (const absorber of this._instancesManager.getArray(this._container)) {
+                absorber.attract(particle, delta);
+                if (particle.destroyed) {
+                    break;
+                }
+            }
+        }
+        resize() {
+            for (const absorber of this._instancesManager.getArray(this._container)) {
+                absorber.resize();
+            }
+        }
+        stop() {
+            this._instancesManager.clear(this._container);
+        }
+    }
 
-/***/ }
+    var AbsorbersPluginInstance$1 = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        AbsorbersPluginInstance: AbsorbersPluginInstance
+    });
 
-/******/ 	});
-/************************************************************************/
-/******/ 	// 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;
-/******/ 	}
-/******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
-/************************************************************************/
-/******/ 	/* 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/ensure chunk */
-/******/ 	(() => {
-/******/ 		__webpack_require__.f = {};
-/******/ 		// This file contains only the entry chunk.
-/******/ 		// The chunk loading function for additional chunks
-/******/ 		__webpack_require__.e = (chunkId) => {
-/******/ 			return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
-/******/ 				__webpack_require__.f[key](chunkId, promises);
-/******/ 				return promises;
-/******/ 			}, []));
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/get javascript chunk filename */
-/******/ 	(() => {
-/******/ 		// This function allow to reference async chunks
-/******/ 		__webpack_require__.u = (chunkId) => {
-/******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + ".js";
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/global */
-/******/ 	(() => {
-/******/ 		__webpack_require__.g = (function() {
-/******/ 			if (typeof globalThis === 'object') return globalThis;
-/******/ 			try {
-/******/ 				return this || new Function('return this')();
-/******/ 			} catch (e) {
-/******/ 				if (typeof window === 'object') return window;
-/******/ 			}
-/******/ 		})();
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/load script */
-/******/ 	(() => {
-/******/ 		var inProgress = {};
-/******/ 		var dataWebpackPrefix = "@tsparticles/plugin-absorbers:";
-/******/ 		// loadScript function to load a script via script tag
-/******/ 		__webpack_require__.l = (url, done, key, chunkId) => {
-/******/ 			if(inProgress[url]) { inProgress[url].push(done); return; }
-/******/ 			var script, needAttach;
-/******/ 			if(key !== undefined) {
-/******/ 				var scripts = document.getElementsByTagName("script");
-/******/ 				for(var i = 0; i < scripts.length; i++) {
-/******/ 					var s = scripts[i];
-/******/ 					if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
-/******/ 				}
-/******/ 			}
-/******/ 			if(!script) {
-/******/ 				needAttach = true;
-/******/ 				script = document.createElement('script');
-/******/ 		
-/******/ 				script.charset = 'utf-8';
-/******/ 				if (__webpack_require__.nc) {
-/******/ 					script.setAttribute("nonce", __webpack_require__.nc);
-/******/ 				}
-/******/ 				script.setAttribute("data-webpack", dataWebpackPrefix + key);
-/******/ 		
-/******/ 				script.src = url;
-/******/ 			}
-/******/ 			inProgress[url] = [done];
-/******/ 			var onScriptComplete = (prev, event) => {
-/******/ 				// avoid mem leaks in IE.
-/******/ 				script.onerror = script.onload = null;
-/******/ 				clearTimeout(timeout);
-/******/ 				var doneFns = inProgress[url];
-/******/ 				delete inProgress[url];
-/******/ 				script.parentNode && script.parentNode.removeChild(script);
-/******/ 				doneFns && doneFns.forEach((fn) => (fn(event)));
-/******/ 				if(prev) return prev(event);
-/******/ 			}
-/******/ 			var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
-/******/ 			script.onerror = onScriptComplete.bind(null, script.onerror);
-/******/ 			script.onload = onScriptComplete.bind(null, script.onload);
-/******/ 			needAttach && document.head.appendChild(script);
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* 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 });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/publicPath */
-/******/ 	(() => {
-/******/ 		var scriptUrl;
-/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
-/******/ 		var document = __webpack_require__.g.document;
-/******/ 		if (!scriptUrl && document) {
-/******/ 			if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
-/******/ 				scriptUrl = document.currentScript.src;
-/******/ 			if (!scriptUrl) {
-/******/ 				var scripts = document.getElementsByTagName("script");
-/******/ 				if(scripts.length) {
-/******/ 					var i = scripts.length - 1;
-/******/ 					while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
-/******/ 				}
-/******/ 			}
-/******/ 		}
-/******/ 		// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
-/******/ 		// or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
-/******/ 		if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
-/******/ 		scriptUrl = scriptUrl.replace(/^blob:/, "").replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
-/******/ 		__webpack_require__.p = scriptUrl;
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		// no baseURI
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
-/******/ 			"tsparticles.plugin.absorbers": 0
-/******/ 		};
-/******/ 		
-/******/ 		__webpack_require__.f.j = (chunkId, promises) => {
-/******/ 				// JSONP chunk loading for javascript
-/******/ 				var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
-/******/ 				if(installedChunkData !== 0) { // 0 means "already installed".
-/******/ 		
-/******/ 					// a Promise means "currently loading".
-/******/ 					if(installedChunkData) {
-/******/ 						promises.push(installedChunkData[2]);
-/******/ 					} else {
-/******/ 						if(true) { // all chunks have JS
-/******/ 							// setup Promise in chunk cache
-/******/ 							var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
-/******/ 							promises.push(installedChunkData[2] = promise);
-/******/ 		
-/******/ 							// start chunk loading
-/******/ 							var url = __webpack_require__.p + __webpack_require__.u(chunkId);
-/******/ 							// create error before stack unwound to get useful stacktrace later
-/******/ 							var error = new Error();
-/******/ 							var loadingEnded = (event) => {
-/******/ 								if(__webpack_require__.o(installedChunks, chunkId)) {
-/******/ 									installedChunkData = installedChunks[chunkId];
-/******/ 									if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
-/******/ 									if(installedChunkData) {
-/******/ 										var errorType = event && (event.type === 'load' ? 'missing' : event.type);
-/******/ 										var realSrc = event && event.target && event.target.src;
-/******/ 										error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
-/******/ 										error.name = 'ChunkLoadError';
-/******/ 										error.type = errorType;
-/******/ 										error.request = realSrc;
-/******/ 										installedChunkData[1](error);
-/******/ 									}
-/******/ 								}
-/******/ 							};
-/******/ 							__webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
-/******/ 						}
-/******/ 					}
-/******/ 				}
-/******/ 		};
-/******/ 		
-/******/ 		// no prefetching
-/******/ 		
-/******/ 		// no preloaded
-/******/ 		
-/******/ 		// no HMR
-/******/ 		
-/******/ 		// no HMR manifest
-/******/ 		
-/******/ 		// no on chunks loaded
-/******/ 		
-/******/ 		// install a JSONP callback for chunk loading
-/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
-/******/ 			var [chunkIds, moreModules, runtime] = data;
-/******/ 			// add "moreModules" to the modules object,
-/******/ 			// then flag all "chunkIds" as loaded and fire callback
-/******/ 			var moduleId, chunkId, i = 0;
-/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
-/******/ 				for(moduleId in moreModules) {
-/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
-/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
-/******/ 					}
-/******/ 				}
-/******/ 				if(runtime) var result = runtime(__webpack_require__);
-/******/ 			}
-/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
-/******/ 			for(;i < chunkIds.length; i++) {
-/******/ 				chunkId = chunkIds[i];
-/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
-/******/ 					installedChunks[chunkId][0]();
-/******/ 				}
-/******/ 				installedChunks[chunkId] = 0;
-/******/ 			}
-/******/ 		
-/******/ 		}
-/******/ 		
-/******/ 		var chunkLoadingGlobal = this["webpackChunk_tsparticles_plugin_absorbers"] = this["webpackChunk_tsparticles_plugin_absorbers"] || [];
-/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
-/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// 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__;
-/******/ })()
-;
-});
+    const squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, minAngle = 0, maxAngle = engine.doublePI, maxDegreeAngle = 360, angleIncrementFactor = engine.identity / maxDegreeAngle, minVelocity = 0, defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultLifeCount = -1;
+    class AbsorberInstance {
+        color;
+        limit;
+        mass;
+        name;
+        opacity;
+        options;
+        position;
+        size;
+        _container;
+        _currentDuration;
+        _currentSpawnDelay;
+        _duration;
+        _firstSpawn;
+        _immortal;
+        _lifeCount;
+        _pluginManager;
+        _spawnDelay;
+        initialPosition;
+        constructor(pluginManager, container, options, position) {
+            this._container = container;
+            this._pluginManager = pluginManager;
+            this._currentDuration = 0;
+            this._currentSpawnDelay = 0;
+            this.initialPosition = position ? engine.Vector.create(position.x, position.y) : undefined;
+            if (options instanceof Absorber) {
+                this.options = options;
+            }
+            else {
+                this.options = new Absorber();
+                this.options.load(options);
+            }
+            this.name = this.options.name;
+            this.opacity = this.options.opacity;
+            this.size = engine.getRangeValue(this.options.size.value) * container.retina.pixelRatio;
+            this.mass = this.size * this.options.size.density * container.retina.reduceFactor;
+            const limit = this.options.size.limit;
+            this.limit = {
+                radius: limit.radius * container.retina.pixelRatio * container.retina.reduceFactor,
+                mass: limit.mass,
+            };
+            this.color = engine.rangeColorToRgb(this._pluginManager, this.options.color) ?? {
+                b: 0,
+                g: 0,
+                r: 0,
+            };
+            this.position = this.initialPosition?.copy() ?? this._calcPosition();
+            this._firstSpawn = !this.options.life.wait;
+            this._lifeCount = this.options.life.count ?? defaultLifeCount;
+            this._immortal = this._lifeCount <= minLifeCount;
+            this._spawnDelay = container.retina.reduceFactor
+                ? (engine.getRangeValue(this.options.life.delay ?? defaultLifeDelay) * engine.millisecondsToSeconds) /
+                    container.retina.reduceFactor
+                : Infinity;
+        }
+        attract(particle, delta) {
+            const container = this._container, options = this.options, pos = particle.getPosition(), { dx, dy, distance } = engine.getDistances(this.position, pos), v = engine.Vector.create(dx, dy);
+            v.length = (this.mass / Math.pow(distance, squareExp)) * container.retina.reduceFactor;
+            if (distance < this.size + particle.getRadius()) {
+                const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio * delta.factor;
+                if ((this.size > particle.getRadius() && distance < this.size - particle.getRadius()) ||
+                    (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength)) {
+                    if (options.destroy) {
+                        particle.destroy();
+                    }
+                    else {
+                        particle.needsNewPosition = true;
+                        this._updateParticlePosition(particle, delta, v);
+                    }
+                }
+                else {
+                    if (options.destroy) {
+                        particle.size.value -= sizeFactor;
+                    }
+                    this._updateParticlePosition(particle, delta, v);
+                }
+                if (this.limit.radius <= minRadius || this.size < this.limit.radius) {
+                    this.size += sizeFactor;
+                }
+                if (this.limit.mass <= minMass || this.mass < this.limit.mass) {
+                    this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
+                }
+            }
+            else {
+                this._updateParticlePosition(particle, delta, v);
+            }
+        }
+        draw(context) {
+            context.translate(this.position.x, this.position.y);
+            context.beginPath();
+            context.arc(engine.originPoint.x, engine.originPoint.y, this.size, minAngle, maxAngle, false);
+            context.closePath();
+            context.fillStyle = engine.getStyleFromRgb(this.color, this._container.hdr, this.opacity);
+            context.fill();
+        }
+        resize() {
+            const initialPosition = this.initialPosition;
+            this.position =
+                initialPosition && engine.isPointInside(initialPosition, this._container.canvas.size, engine.Vector.origin)
+                    ? initialPosition
+                    : this._calcPosition();
+        }
+        update(delta) {
+            if (this._firstSpawn) {
+                this._firstSpawn = false;
+                this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;
+            }
+            if (this._duration !== undefined) {
+                this._currentDuration += delta.value;
+                if (this._currentDuration >= this._duration) {
+                    if (!this._immortal) {
+                        this._lifeCount--;
+                    }
+                    if (this._lifeCount > minLifeCount || this._immortal) {
+                        this.position = this._calcPosition();
+                        this._spawnDelay = this._container.retina.reduceFactor
+                            ? (engine.getRangeValue(this.options.life.delay ?? defaultLifeDelay) * engine.millisecondsToSeconds) /
+                                this._container.retina.reduceFactor
+                            : Infinity;
+                    }
+                    this._currentDuration -= this._duration;
+                    delete this._duration;
+                }
+            }
+            if (this._spawnDelay !== undefined) {
+                this._currentSpawnDelay += delta.value;
+                if (this._currentSpawnDelay >= this._spawnDelay) {
+                    this.play();
+                    this._currentSpawnDelay -= this._spawnDelay;
+                    delete this._spawnDelay;
+                }
+            }
+        }
+        _calcPosition = () => {
+            const exactPosition = engine.calcPositionOrRandomFromSizeRanged({
+                size: this._container.canvas.size,
+                position: this.options.position,
+            });
+            return engine.Vector.create(exactPosition.x, exactPosition.y);
+        };
+        _prepareToDie = () => {
+            const duration = this.options.life.duration !== undefined ? engine.getRangeValue(this.options.life.duration) : undefined, minDuration = 0;
+            if ((this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {
+                this._duration = duration * engine.millisecondsToSeconds;
+            }
+        };
+        _updateParticlePosition = (particle, delta, v) => {
+            if (particle.destroyed) {
+                return;
+            }
+            const container = this._container, canvasSize = container.canvas.size;
+            if (particle.needsNewPosition) {
+                const newPosition = engine.calcPositionOrRandomFromSize({ size: canvasSize });
+                particle.position.setTo(newPosition);
+                particle.velocity.setTo(particle.initialVelocity);
+                particle.absorberOrbit = undefined;
+                particle.needsNewPosition = false;
+            }
+            if (this.options.orbits) {
+                if (particle.absorberOrbit === undefined) {
+                    particle.absorberOrbit = engine.Vector.origin;
+                    particle.absorberOrbit.length = engine.getDistance(particle.getPosition(), this.position);
+                    particle.absorberOrbit.angle = engine.getRandom() * maxAngle;
+                }
+                if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
+                    const minSize = Math.min(canvasSize.width, canvasSize.height), offset = 1, randomOffset = 0.1, randomFactor = 0.2;
+                    particle.absorberOrbit.length = minSize * (offset + (engine.getRandom() * randomFactor - randomOffset));
+                }
+                particle.absorberOrbitDirection ??=
+                    particle.velocity.x >= minVelocity ? engine.RotateDirection.clockwise : engine.RotateDirection.counterClockwise;
+                const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
+                particle.velocity.setTo(engine.Vector.origin);
+                const maxSize = engine.getRangeMax(particle.options.size.value) * container.retina.pixelRatio, sizeFactor = particle.options.move.size ? particle.getRadius() / maxSize : engine.identity, deltaFactor = delta.factor || engine.identity, baseSpeed = particle.retina.moveSpeed, moveSpeed = baseSpeed * sizeFactor * deltaFactor * engine.half;
+                particle.position.x = this.position.x + orbitRadius * Math.cos(orbitAngle);
+                particle.position.y =
+                    this.position.y +
+                        orbitRadius * (orbitDirection === engine.RotateDirection.clockwise ? engine.identity : -engine.identity) * Math.sin(orbitAngle);
+                particle.absorberOrbit.length = Math.max(minOrbitLength, particle.absorberOrbit.length - v.length);
+                particle.absorberOrbit.angle += moveSpeed * angleIncrementFactor * container.retina.reduceFactor;
+            }
+            else {
+                particle.velocity.addTo(v);
+            }
+        };
+        play = () => {
+            if (!((this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) &&
+                (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {
+                return;
+            }
+            if (this._lifeCount > minLifeCount || this._immortal) {
+                this._prepareToDie();
+            }
+        };
+    }
+
+    var AbsorberInstance$1 = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        AbsorberInstance: AbsorberInstance
+    });
+
+    exports.loadAbsorbersPlugin = loadAbsorbersPlugin;
+
+}));
+Object.assign(globalThis.window || globalThis, { loadAbsorbersPlugin: (globalThis.__tsParticlesInternals.plugins.absorbers || {}).loadAbsorbersPlugin });
+delete (globalThis.window || globalThis).tsparticlesInternalExports;