@tsparticles/pjs 4.0.0-alpha.25 → 4.0.0-alpha.27

package/browser/VincentGarreau/particles.js

@@ -158,6 +158,13 @@ const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOpti
                     },
                 },
                 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,
                     },
@@ -234,13 +241,6 @@ const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOpti
                         random: fixedOptions.particles.move.random,
                         straight: fixedOptions.particles.move.straight,
                         outModes: fixedOptions.particles.move.out_mode,
-                        attract: {
-                            enable: fixedOptions.particles.move.attract.enable,
-                            rotate: {
-                                x: fixedOptions.particles.move.attract.rotateX,
-                                y: fixedOptions.particles.move.attract.rotateY,
-                            },
-                        },
                     },
                 },
                 resize: {

package/browser/index.js

@@ -1,7 +1,7 @@
 import { MBParticles } from "./marcbruederlin/Particles.js";
 import { initParticlesJS } from "./VincentGarreau/particles.js";
 const initPjs = async (engine) => {
-    engine.checkVersion("4.0.0-alpha.25");
+    engine.checkVersion("4.0.0-alpha.27");
     await engine.register(async (e) => {
         const [{ loadFull }, { loadResponsivePlugin },] = await Promise.all([
             import("tsparticles"),

package/cjs/VincentGarreau/particles.js

@@ -158,6 +158,13 @@ const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOpti
                     },
                 },
                 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,
                     },
@@ -234,13 +241,6 @@ const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOpti
                         random: fixedOptions.particles.move.random,
                         straight: fixedOptions.particles.move.straight,
                         outModes: fixedOptions.particles.move.out_mode,
-                        attract: {
-                            enable: fixedOptions.particles.move.attract.enable,
-                            rotate: {
-                                x: fixedOptions.particles.move.attract.rotateX,
-                                y: fixedOptions.particles.move.attract.rotateY,
-                            },
-                        },
                     },
                 },
                 resize: {

package/cjs/index.js

@@ -1,7 +1,7 @@
 import { MBParticles } from "./marcbruederlin/Particles.js";
 import { initParticlesJS } from "./VincentGarreau/particles.js";
 const initPjs = async (engine) => {
-    engine.checkVersion("4.0.0-alpha.25");
+    engine.checkVersion("4.0.0-alpha.27");
     await engine.register(async (e) => {
         const [{ loadFull }, { loadResponsivePlugin },] = await Promise.all([
             import("tsparticles"),

package/engine_dist_browser_Core_Container_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \************************************************/
 (__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 */   Canvas: () => (/* binding */ Canvas)\n/* harmony export */ });\n/* harmony import */ var _Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils/CanvasUtils.js */ \"../../engine/dist/browser/Utils/CanvasUtils.js\");\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Utils/ColorUtils.js */ \"../../engine/dist/browser/Utils/ColorUtils.js\");\n\n\n\n\nconst fColorIndex = 0, sColorIndex = 1;\nfunction setTransformValue(factor, newFactor, key) {\n    const newValue = newFactor[key];\n    if (newValue !== undefined) {\n        factor[key] = (factor[key] ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.defaultTransformValue) * newValue;\n    }\n}\nfunction setStyle(canvas, style, important = false) {\n    if (!style) {\n        return;\n    }\n    const element = canvas, elementStyle = element.style, keys = new Set();\n    for(let i = 0; i < elementStyle.length; i++){\n        const key = elementStyle.item(i);\n        if (!key) {\n            continue;\n        }\n        keys.add(key);\n    }\n    for(let i = 0; i < style.length; i++){\n        const key = style.item(i);\n        if (!key) {\n            continue;\n        }\n        keys.add(key);\n    }\n    for (const key of keys){\n        const value = style.getPropertyValue(key);\n        if (value) {\n            elementStyle.setProperty(key, value, important ? \"important\" : \"\");\n        } else {\n            elementStyle.removeProperty(key);\n        }\n    }\n}\nclass Canvas {\n    container;\n    element;\n    size;\n    zoom = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.defaultZoom;\n    _canvasClearPlugins;\n    _canvasPaintPlugins;\n    _canvasSettings;\n    _clearDrawPlugins;\n    _colorPlugins;\n    _context;\n    _drawParticlePlugins;\n    _drawParticlesCleanupPlugins;\n    _drawParticlesSetupPlugins;\n    _drawPlugins;\n    _drawSettingsCleanupPlugins;\n    _drawSettingsSetupPlugins;\n    _engine;\n    _generated;\n    _mutationObserver;\n    _originalStyle;\n    _pointerEvents;\n    _postDrawUpdaters;\n    _preDrawUpdaters;\n    _resizePlugins;\n    _reusableColorStyles = {};\n    _reusablePluginColors = [\n        undefined,\n        undefined\n    ];\n    _reusableTransform = {};\n    _standardSize;\n    _zoomCenter;\n    constructor(container, engine){\n        this.container = container;\n        this._engine = engine;\n        this._standardSize = {\n            height: 0,\n            width: 0\n        };\n        const pxRatio = container.retina.pixelRatio, stdSize = this._standardSize;\n        this.size = {\n            height: stdSize.height * pxRatio,\n            width: stdSize.width * pxRatio\n        };\n        this._context = null;\n        this._generated = false;\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        this._resizePlugins = [];\n        this._colorPlugins = [];\n        this._canvasClearPlugins = [];\n        this._canvasPaintPlugins = [];\n        this._clearDrawPlugins = [];\n        this._drawParticlePlugins = [];\n        this._drawParticlesCleanupPlugins = [];\n        this._drawParticlesSetupPlugins = [];\n        this._drawPlugins = [];\n        this._drawSettingsSetupPlugins = [];\n        this._drawSettingsCleanupPlugins = [];\n        this._pointerEvents = \"none\";\n    }\n    get settings() {\n        return this._canvasSettings;\n    }\n    get _fullScreen() {\n        return this.container.actualOptions.fullScreen.enable;\n    }\n    canvasClear() {\n        if (!this.container.actualOptions.clear) {\n            return;\n        }\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.clear)(ctx, this.size);\n        });\n    }\n    clear() {\n        let pluginHandled = false;\n        for (const plugin of this._canvasClearPlugins){\n            pluginHandled = plugin.canvasClear?.() ?? false;\n            if (pluginHandled) {\n                break;\n            }\n        }\n        if (pluginHandled) {\n            return;\n        }\n        this.canvasClear();\n    }\n    destroy() {\n        this.stop();\n        if (this._generated) {\n            const element = this.element;\n            element?.remove();\n            this.element = undefined;\n        } else {\n            this._resetOriginalStyle();\n        }\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        this._resizePlugins = [];\n        this._colorPlugins = [];\n        this._canvasClearPlugins = [];\n        this._canvasPaintPlugins = [];\n        this._clearDrawPlugins = [];\n        this._drawParticlePlugins = [];\n        this._drawParticlesCleanupPlugins = [];\n        this._drawParticlesSetupPlugins = [];\n        this._drawPlugins = [];\n        this._drawSettingsSetupPlugins = [];\n        this._drawSettingsCleanupPlugins = [];\n    }\n    draw(cb) {\n        const ctx = this._context;\n        if (!ctx) {\n            return;\n        }\n        return cb(ctx);\n    }\n    drawParticle(particle, delta) {\n        if (particle.spawning || particle.destroyed) {\n            return;\n        }\n        const radius = particle.getRadius();\n        if (radius <= _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.minimumSize) {\n            return;\n        }\n        const pfColor = particle.getFillColor(), psColor = particle.getStrokeColor() ?? pfColor;\n        let [fColor, sColor] = this._getPluginParticleColors(particle);\n        fColor ??= pfColor;\n        sColor ??= psColor;\n        if (!fColor && !sColor) {\n            return;\n        }\n        const container = this.container, zIndexOptions = particle.options.zIndex, zIndexFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.zIndexFactorOffset - particle.zIndexFactor, { opacity, strokeOpacity } = particle.getOpacity(), transform = this._reusableTransform, colorStyles = this._reusableColorStyles, fill = fColor ? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.getStyleFromHsl)(fColor, container.hdr, opacity) : undefined, stroke = sColor ? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.getStyleFromHsl)(sColor, container.hdr, strokeOpacity) : fill;\n        transform.a = transform.b = transform.c = transform.d = undefined;\n        colorStyles.fill = fill;\n        colorStyles.stroke = stroke;\n        this.draw((context)=>{\n            for (const plugin of this._drawParticlesSetupPlugins){\n                plugin.drawParticleSetup?.(context, particle, delta);\n            }\n            this._applyPreDrawUpdaters(context, particle, radius, opacity, colorStyles, transform);\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.drawParticle)({\n                container,\n                context,\n                particle,\n                delta,\n                colorStyles,\n                radius: radius * zIndexFactor ** zIndexOptions.sizeRate,\n                opacity: opacity,\n                transform\n            });\n            this._applyPostDrawUpdaters(particle);\n            for (const plugin of this._drawParticlesCleanupPlugins){\n                plugin.drawParticleCleanup?.(context, particle, delta);\n            }\n        });\n    }\n    drawParticlePlugins(particle, delta) {\n        this.draw((ctx)=>{\n            for (const plugin of this._drawParticlePlugins){\n                (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.drawParticlePlugin)(ctx, plugin, particle, delta);\n            }\n        });\n    }\n    drawParticles(delta) {\n        const { particles } = this.container;\n        this.clear();\n        particles.update(delta);\n        this.draw((ctx)=>{\n            for (const plugin of this._drawSettingsSetupPlugins){\n                plugin.drawSettingsSetup?.(ctx, delta);\n            }\n            for (const plugin of this._drawPlugins){\n                plugin.draw?.(ctx, delta);\n            }\n            particles.drawParticles(delta);\n            for (const plugin of this._clearDrawPlugins){\n                plugin.clearDraw?.(ctx, delta);\n            }\n            for (const plugin of this._drawSettingsCleanupPlugins){\n                plugin.drawSettingsCleanup?.(ctx, delta);\n            }\n        });\n    }\n    getZoomCenter() {\n        const pxRatio = this.container.retina.pixelRatio, { width, height } = this.size;\n        if (this._zoomCenter) {\n            return this._zoomCenter;\n        }\n        return {\n            x: width * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.half / pxRatio,\n            y: height * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.half / pxRatio\n        };\n    }\n    init() {\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        this._mutationObserver = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.safeMutationObserver)((records)=>{\n            for (const record of records){\n                if (record.type === \"attributes\" && record.attributeName === \"style\") {\n                    this._repairStyle();\n                }\n            }\n        });\n        this.resize();\n        this._initStyle();\n        this.initBackground();\n        this._safeMutationObserver((obs)=>{\n            if (!this.element || !(this.element instanceof Node)) {\n                return;\n            }\n            obs.observe(this.element, {\n                attributes: true\n            });\n        });\n        this.initUpdaters();\n        this.initPlugins();\n        this.paint();\n    }\n    initBackground() {\n        const { container } = this, options = container.actualOptions, background = options.background, element = this.element;\n        if (!element) {\n            return;\n        }\n        const elementStyle = element.style, color = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.rangeColorToRgb)(this._engine, background.color);\n        if (color) {\n            elementStyle.backgroundColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.getStyleFromRgb)(color, container.hdr, background.opacity);\n        } else {\n            elementStyle.backgroundColor = \"\";\n        }\n        elementStyle.backgroundImage = background.image || \"\";\n        elementStyle.backgroundPosition = background.position || \"\";\n        elementStyle.backgroundRepeat = background.repeat || \"\";\n        elementStyle.backgroundSize = background.size || \"\";\n    }\n    initPlugins() {\n        this._resizePlugins = [];\n        this._colorPlugins = [];\n        this._canvasClearPlugins = [];\n        this._canvasPaintPlugins = [];\n        this._clearDrawPlugins = [];\n        this._drawParticlePlugins = [];\n        this._drawParticlesSetupPlugins = [];\n        this._drawParticlesCleanupPlugins = [];\n        this._drawPlugins = [];\n        this._drawSettingsSetupPlugins = [];\n        this._drawSettingsCleanupPlugins = [];\n        for (const plugin of this.container.plugins){\n            if (plugin.resize) {\n                this._resizePlugins.push(plugin);\n            }\n            if (plugin.particleFillColor ?? plugin.particleStrokeColor) {\n                this._colorPlugins.push(plugin);\n            }\n            if (plugin.canvasClear) {\n                this._canvasClearPlugins.push(plugin);\n            }\n            if (plugin.canvasPaint) {\n                this._canvasPaintPlugins.push(plugin);\n            }\n            if (plugin.drawParticle) {\n                this._drawParticlePlugins.push(plugin);\n            }\n            if (plugin.drawParticleSetup) {\n                this._drawParticlesSetupPlugins.push(plugin);\n            }\n            if (plugin.drawParticleCleanup) {\n                this._drawParticlesCleanupPlugins.push(plugin);\n            }\n            if (plugin.draw) {\n                this._drawPlugins.push(plugin);\n            }\n            if (plugin.drawSettingsSetup) {\n                this._drawSettingsSetupPlugins.push(plugin);\n            }\n            if (plugin.drawSettingsCleanup) {\n                this._drawSettingsCleanupPlugins.push(plugin);\n            }\n            if (plugin.clearDraw) {\n                this._clearDrawPlugins.push(plugin);\n            }\n        }\n    }\n    initUpdaters() {\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        for (const updater of this.container.particles.updaters){\n            if (updater.afterDraw) {\n                this._postDrawUpdaters.push(updater);\n            }\n            if (updater.getColorStyles ?? updater.getTransformValues ?? updater.beforeDraw) {\n                this._preDrawUpdaters.push(updater);\n            }\n        }\n    }\n    loadCanvas(canvas) {\n        if (this._generated && this.element) {\n            this.element.remove();\n        }\n        const container = this.container;\n        this._generated = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.generatedAttribute in canvas.dataset ? canvas.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.generatedAttribute] === \"true\" : this._generated;\n        this.element = canvas;\n        this.element.ariaHidden = \"true\";\n        this._originalStyle = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.cloneStyle)(this.element.style);\n        const standardSize = this._standardSize;\n        standardSize.height = canvas.offsetHeight;\n        standardSize.width = canvas.offsetWidth;\n        const pxRatio = this.container.retina.pixelRatio, retinaSize = this.size;\n        canvas.height = retinaSize.height = standardSize.height * pxRatio;\n        canvas.width = retinaSize.width = standardSize.width * pxRatio;\n        const canSupportHdrQuery = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.safeMatchMedia)(\"(color-gamut: p3)\");\n        this._canvasSettings = {\n            alpha: true,\n            colorSpace: canSupportHdrQuery?.matches && container.hdr ? \"display-p3\" : \"srgb\",\n            desynchronized: true,\n            willReadFrequently: false\n        };\n        this._context = this.element.getContext(\"2d\", this._canvasSettings);\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        container.retina.init();\n        this.initBackground();\n        this._safeMutationObserver((obs)=>{\n            if (!this.element || !(this.element instanceof Node)) {\n                return;\n            }\n            obs.observe(this.element, {\n                attributes: true\n            });\n        });\n    }\n    paint() {\n        let handled = false;\n        for (const plugin of this._canvasPaintPlugins){\n            handled = plugin.canvasPaint?.() ?? false;\n            if (handled) {\n                break;\n            }\n        }\n        if (handled) {\n            return;\n        }\n        this.paintBase();\n    }\n    paintBase(baseColor) {\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.paintBase)(ctx, this.size, baseColor);\n        });\n    }\n    paintImage(image, opacity) {\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.paintImage)(ctx, this.size, image, opacity);\n        });\n    }\n    resize() {\n        if (!this.element) {\n            return false;\n        }\n        const container = this.container, currentSize = container.canvas._standardSize, newSize = {\n            width: this.element.offsetWidth,\n            height: this.element.offsetHeight\n        }, pxRatio = container.retina.pixelRatio, retinaSize = {\n            width: newSize.width * pxRatio,\n            height: newSize.height * pxRatio\n        };\n        if (newSize.height === currentSize.height && newSize.width === currentSize.width && retinaSize.height === this.element.height && retinaSize.width === this.element.width) {\n            return false;\n        }\n        const oldSize = {\n            ...currentSize\n        };\n        currentSize.height = newSize.height;\n        currentSize.width = newSize.width;\n        const canvasSize = this.size;\n        this.element.width = canvasSize.width = retinaSize.width;\n        this.element.height = canvasSize.height = retinaSize.height;\n        if (this.container.started) {\n            container.particles.setResizeFactor({\n                width: currentSize.width / oldSize.width,\n                height: currentSize.height / oldSize.height\n            });\n        }\n        return true;\n    }\n    setPointerEvents(type) {\n        const element = this.element;\n        if (!element) {\n            return;\n        }\n        this._pointerEvents = type;\n        this._repairStyle();\n    }\n    setZoom(zoomLevel, center) {\n        this.zoom = zoomLevel;\n        this._zoomCenter = center;\n    }\n    stop() {\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        this._mutationObserver = undefined;\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.clear)(ctx, this.size);\n        });\n    }\n    async windowResize() {\n        if (!this.element || !this.resize()) {\n            return;\n        }\n        const container = this.container, needsRefresh = container.updateActualOptions();\n        container.particles.setDensity();\n        this._applyResizePlugins();\n        if (needsRefresh) {\n            await container.refresh();\n        }\n    }\n    _applyPostDrawUpdaters = (particle)=>{\n        for (const updater of this._postDrawUpdaters){\n            updater.afterDraw?.(particle);\n        }\n    };\n    _applyPreDrawUpdaters = (ctx, particle, radius, zOpacity, colorStyles, transform)=>{\n        for (const updater of this._preDrawUpdaters){\n            if (updater.getColorStyles) {\n                const { fill, stroke } = updater.getColorStyles(particle, ctx, radius, zOpacity);\n                if (fill) {\n                    colorStyles.fill = fill;\n                }\n                if (stroke) {\n                    colorStyles.stroke = stroke;\n                }\n            }\n            if (updater.getTransformValues) {\n                const updaterTransform = updater.getTransformValues(particle);\n                for(const key in updaterTransform){\n                    setTransformValue(transform, updaterTransform, key);\n                }\n            }\n            updater.beforeDraw?.(particle);\n        }\n    };\n    _applyResizePlugins = ()=>{\n        for (const plugin of this._resizePlugins){\n            plugin.resize?.();\n        }\n    };\n    _getPluginParticleColors = (particle)=>{\n        let fColor, sColor;\n        for (const plugin of this._colorPlugins){\n            if (!fColor && plugin.particleFillColor) {\n                fColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.rangeColorToHsl)(this._engine, plugin.particleFillColor(particle));\n            }\n            if (!sColor && plugin.particleStrokeColor) {\n                sColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.rangeColorToHsl)(this._engine, plugin.particleStrokeColor(particle));\n            }\n            if (fColor && sColor) {\n                break;\n            }\n        }\n        this._reusablePluginColors[fColorIndex] = fColor;\n        this._reusablePluginColors[sColorIndex] = sColor;\n        return this._reusablePluginColors;\n    };\n    _initStyle = ()=>{\n        const element = this.element, options = this.container.actualOptions;\n        if (!element) {\n            return;\n        }\n        if (this._fullScreen) {\n            this._setFullScreenStyle();\n        } else {\n            this._resetOriginalStyle();\n        }\n        for(const key in options.style){\n            if (!key || !Object.hasOwn(options.style, key)) {\n                continue;\n            }\n            const value = options.style[key];\n            if (!value) {\n                continue;\n            }\n            element.style.setProperty(key, value, \"important\");\n        }\n    };\n    _repairStyle = ()=>{\n        const element = this.element;\n        if (!element) {\n            return;\n        }\n        this._safeMutationObserver((observer)=>{\n            observer.disconnect();\n        });\n        this._initStyle();\n        this.initBackground();\n        const pointerEvents = this._pointerEvents;\n        element.style.pointerEvents = pointerEvents;\n        element.setAttribute(\"pointer-events\", pointerEvents);\n        this._safeMutationObserver((observer)=>{\n            if (!(element instanceof Node)) {\n                return;\n            }\n            observer.observe(element, {\n                attributes: true\n            });\n        });\n    };\n    _resetOriginalStyle = ()=>{\n        const element = this.element, originalStyle = this._originalStyle;\n        if (!element || !originalStyle) {\n            return;\n        }\n        setStyle(element, originalStyle, true);\n    };\n    _safeMutationObserver = (callback)=>{\n        if (!this._mutationObserver) {\n            return;\n        }\n        callback(this._mutationObserver);\n    };\n    _setFullScreenStyle = ()=>{\n        const element = this.element;\n        if (!element) {\n            return;\n        }\n        setStyle(element, (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.getFullScreenStyle)(this.container.actualOptions.fullScreen.zIndex), true);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../engine/dist/browser/Core/Canvas.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Canvas: () => (/* binding */ Canvas)\n/* harmony export */ });\n/* harmony import */ var _Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils/CanvasUtils.js */ \"../../engine/dist/browser/Utils/CanvasUtils.js\");\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Utils/ColorUtils.js */ \"../../engine/dist/browser/Utils/ColorUtils.js\");\n\n\n\n\nconst fColorIndex = 0, sColorIndex = 1;\nfunction setTransformValue(factor, newFactor, key) {\n    const newValue = newFactor[key];\n    if (newValue !== undefined) {\n        factor[key] = (factor[key] ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.defaultTransformValue) * newValue;\n    }\n}\nfunction setStyle(canvas, style, important = false) {\n    if (!style) {\n        return;\n    }\n    const element = canvas, elementStyle = element.style, keys = new Set();\n    for(let i = 0; i < elementStyle.length; i++){\n        const key = elementStyle.item(i);\n        if (!key) {\n            continue;\n        }\n        keys.add(key);\n    }\n    for(let i = 0; i < style.length; i++){\n        const key = style.item(i);\n        if (!key) {\n            continue;\n        }\n        keys.add(key);\n    }\n    for (const key of keys){\n        const value = style.getPropertyValue(key);\n        if (value) {\n            elementStyle.setProperty(key, value, important ? \"important\" : \"\");\n        } else {\n            elementStyle.removeProperty(key);\n        }\n    }\n}\nclass Canvas {\n    container;\n    element;\n    size;\n    zoom = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.defaultZoom;\n    _canvasClearPlugins;\n    _canvasPaintPlugins;\n    _canvasSettings;\n    _clearDrawPlugins;\n    _colorPlugins;\n    _context;\n    _drawParticlePlugins;\n    _drawParticlesCleanupPlugins;\n    _drawParticlesSetupPlugins;\n    _drawPlugins;\n    _drawSettingsCleanupPlugins;\n    _drawSettingsSetupPlugins;\n    _engine;\n    _generated;\n    _mutationObserver;\n    _originalStyle;\n    _pointerEvents;\n    _postDrawUpdaters;\n    _preDrawUpdaters;\n    _resizePlugins;\n    _reusableColorStyles = {};\n    _reusablePluginColors = [\n        undefined,\n        undefined\n    ];\n    _reusableTransform = {};\n    _standardSize;\n    _zoomCenter;\n    constructor(container, engine){\n        this.container = container;\n        this._engine = engine;\n        this._standardSize = {\n            height: 0,\n            width: 0\n        };\n        const pxRatio = container.retina.pixelRatio, stdSize = this._standardSize;\n        this.size = {\n            height: stdSize.height * pxRatio,\n            width: stdSize.width * pxRatio\n        };\n        this._context = null;\n        this._generated = false;\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        this._resizePlugins = [];\n        this._colorPlugins = [];\n        this._canvasClearPlugins = [];\n        this._canvasPaintPlugins = [];\n        this._clearDrawPlugins = [];\n        this._drawParticlePlugins = [];\n        this._drawParticlesCleanupPlugins = [];\n        this._drawParticlesSetupPlugins = [];\n        this._drawPlugins = [];\n        this._drawSettingsSetupPlugins = [];\n        this._drawSettingsCleanupPlugins = [];\n        this._pointerEvents = \"none\";\n    }\n    get settings() {\n        return this._canvasSettings;\n    }\n    get _fullScreen() {\n        return this.container.actualOptions.fullScreen.enable;\n    }\n    canvasClear() {\n        if (!this.container.actualOptions.clear) {\n            return;\n        }\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.clear)(ctx, this.size);\n        });\n    }\n    clear() {\n        let pluginHandled = false;\n        for (const plugin of this._canvasClearPlugins){\n            pluginHandled = plugin.canvasClear?.() ?? false;\n            if (pluginHandled) {\n                break;\n            }\n        }\n        if (pluginHandled) {\n            return;\n        }\n        this.canvasClear();\n    }\n    destroy() {\n        this.stop();\n        if (this._generated) {\n            const element = this.element;\n            element?.remove();\n            this.element = undefined;\n        } else {\n            this._resetOriginalStyle();\n        }\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        this._resizePlugins = [];\n        this._colorPlugins = [];\n        this._canvasClearPlugins = [];\n        this._canvasPaintPlugins = [];\n        this._clearDrawPlugins = [];\n        this._drawParticlePlugins = [];\n        this._drawParticlesCleanupPlugins = [];\n        this._drawParticlesSetupPlugins = [];\n        this._drawPlugins = [];\n        this._drawSettingsSetupPlugins = [];\n        this._drawSettingsCleanupPlugins = [];\n    }\n    draw(cb) {\n        const ctx = this._context;\n        if (!ctx) {\n            return;\n        }\n        return cb(ctx);\n    }\n    drawParticle(particle, delta) {\n        if (particle.spawning || particle.destroyed) {\n            return;\n        }\n        const radius = particle.getRadius();\n        if (radius <= _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.minimumSize) {\n            return;\n        }\n        const pfColor = particle.getFillColor(), psColor = particle.getStrokeColor();\n        let [fColor, sColor] = this._getPluginParticleColors(particle);\n        fColor ??= pfColor;\n        sColor ??= psColor;\n        if (!fColor && !sColor) {\n            return;\n        }\n        const container = this.container, zIndexOptions = particle.options.zIndex, zIndexFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.zIndexFactorOffset - particle.zIndexFactor, { fillOpacity, opacity, strokeOpacity } = particle.getOpacity(), transform = this._reusableTransform, colorStyles = this._reusableColorStyles, fill = fColor ? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.getStyleFromHsl)(fColor, container.hdr, fillOpacity * opacity) : undefined, stroke = sColor ? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.getStyleFromHsl)(sColor, container.hdr, strokeOpacity * opacity) : fill;\n        transform.a = transform.b = transform.c = transform.d = undefined;\n        colorStyles.fill = fill;\n        colorStyles.stroke = stroke;\n        this.draw((context)=>{\n            for (const plugin of this._drawParticlesSetupPlugins){\n                plugin.drawParticleSetup?.(context, particle, delta);\n            }\n            this._applyPreDrawUpdaters(context, particle, radius, opacity, colorStyles, transform);\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.drawParticle)({\n                container,\n                context,\n                particle,\n                delta,\n                colorStyles,\n                radius: radius * zIndexFactor ** zIndexOptions.sizeRate,\n                opacity: opacity,\n                transform\n            });\n            this._applyPostDrawUpdaters(particle);\n            for (const plugin of this._drawParticlesCleanupPlugins){\n                plugin.drawParticleCleanup?.(context, particle, delta);\n            }\n        });\n    }\n    drawParticlePlugins(particle, delta) {\n        this.draw((ctx)=>{\n            for (const plugin of this._drawParticlePlugins){\n                (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.drawParticlePlugin)(ctx, plugin, particle, delta);\n            }\n        });\n    }\n    drawParticles(delta) {\n        const { particles } = this.container;\n        this.clear();\n        particles.update(delta);\n        this.draw((ctx)=>{\n            for (const plugin of this._drawSettingsSetupPlugins){\n                plugin.drawSettingsSetup?.(ctx, delta);\n            }\n            for (const plugin of this._drawPlugins){\n                plugin.draw?.(ctx, delta);\n            }\n            particles.drawParticles(delta);\n            for (const plugin of this._clearDrawPlugins){\n                plugin.clearDraw?.(ctx, delta);\n            }\n            for (const plugin of this._drawSettingsCleanupPlugins){\n                plugin.drawSettingsCleanup?.(ctx, delta);\n            }\n        });\n    }\n    getZoomCenter() {\n        const pxRatio = this.container.retina.pixelRatio, { width, height } = this.size;\n        if (this._zoomCenter) {\n            return this._zoomCenter;\n        }\n        return {\n            x: width * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.half / pxRatio,\n            y: height * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.half / pxRatio\n        };\n    }\n    init() {\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        this._mutationObserver = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.safeMutationObserver)((records)=>{\n            for (const record of records){\n                if (record.type === \"attributes\" && record.attributeName === \"style\") {\n                    this._repairStyle();\n                }\n            }\n        });\n        this.resize();\n        this._initStyle();\n        this.initBackground();\n        this._safeMutationObserver((obs)=>{\n            if (!this.element || !(this.element instanceof Node)) {\n                return;\n            }\n            obs.observe(this.element, {\n                attributes: true\n            });\n        });\n        this.initUpdaters();\n        this.initPlugins();\n        this.paint();\n    }\n    initBackground() {\n        const { container } = this, options = container.actualOptions, background = options.background, element = this.element;\n        if (!element) {\n            return;\n        }\n        const elementStyle = element.style, color = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.rangeColorToRgb)(this._engine, background.color);\n        if (color) {\n            elementStyle.backgroundColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.getStyleFromRgb)(color, container.hdr, background.opacity);\n        } else {\n            elementStyle.backgroundColor = \"\";\n        }\n        elementStyle.backgroundImage = background.image || \"\";\n        elementStyle.backgroundPosition = background.position || \"\";\n        elementStyle.backgroundRepeat = background.repeat || \"\";\n        elementStyle.backgroundSize = background.size || \"\";\n    }\n    initPlugins() {\n        this._resizePlugins = [];\n        this._colorPlugins = [];\n        this._canvasClearPlugins = [];\n        this._canvasPaintPlugins = [];\n        this._clearDrawPlugins = [];\n        this._drawParticlePlugins = [];\n        this._drawParticlesSetupPlugins = [];\n        this._drawParticlesCleanupPlugins = [];\n        this._drawPlugins = [];\n        this._drawSettingsSetupPlugins = [];\n        this._drawSettingsCleanupPlugins = [];\n        for (const plugin of this.container.plugins){\n            if (plugin.resize) {\n                this._resizePlugins.push(plugin);\n            }\n            if (plugin.particleFillColor ?? plugin.particleStrokeColor) {\n                this._colorPlugins.push(plugin);\n            }\n            if (plugin.canvasClear) {\n                this._canvasClearPlugins.push(plugin);\n            }\n            if (plugin.canvasPaint) {\n                this._canvasPaintPlugins.push(plugin);\n            }\n            if (plugin.drawParticle) {\n                this._drawParticlePlugins.push(plugin);\n            }\n            if (plugin.drawParticleSetup) {\n                this._drawParticlesSetupPlugins.push(plugin);\n            }\n            if (plugin.drawParticleCleanup) {\n                this._drawParticlesCleanupPlugins.push(plugin);\n            }\n            if (plugin.draw) {\n                this._drawPlugins.push(plugin);\n            }\n            if (plugin.drawSettingsSetup) {\n                this._drawSettingsSetupPlugins.push(plugin);\n            }\n            if (plugin.drawSettingsCleanup) {\n                this._drawSettingsCleanupPlugins.push(plugin);\n            }\n            if (plugin.clearDraw) {\n                this._clearDrawPlugins.push(plugin);\n            }\n        }\n    }\n    initUpdaters() {\n        this._preDrawUpdaters = [];\n        this._postDrawUpdaters = [];\n        for (const updater of this.container.particles.updaters){\n            if (updater.afterDraw) {\n                this._postDrawUpdaters.push(updater);\n            }\n            if (updater.getColorStyles ?? updater.getTransformValues ?? updater.beforeDraw) {\n                this._preDrawUpdaters.push(updater);\n            }\n        }\n    }\n    loadCanvas(canvas) {\n        if (this._generated && this.element) {\n            this.element.remove();\n        }\n        const container = this.container;\n        this._generated = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.generatedAttribute in canvas.dataset ? canvas.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.generatedAttribute] === \"true\" : this._generated;\n        this.element = canvas;\n        this.element.ariaHidden = \"true\";\n        this._originalStyle = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.cloneStyle)(this.element.style);\n        const standardSize = this._standardSize;\n        standardSize.height = canvas.offsetHeight;\n        standardSize.width = canvas.offsetWidth;\n        const pxRatio = this.container.retina.pixelRatio, retinaSize = this.size;\n        canvas.height = retinaSize.height = standardSize.height * pxRatio;\n        canvas.width = retinaSize.width = standardSize.width * pxRatio;\n        const canSupportHdrQuery = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.safeMatchMedia)(\"(color-gamut: p3)\");\n        this._canvasSettings = {\n            alpha: true,\n            colorSpace: canSupportHdrQuery?.matches && container.hdr ? \"display-p3\" : \"srgb\",\n            desynchronized: true,\n            willReadFrequently: false\n        };\n        this._context = this.element.getContext(\"2d\", this._canvasSettings);\n        if (this._context) {\n            this._context.globalCompositeOperation = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_2__.defaultCompositeValue;\n        }\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        container.retina.init();\n        this.initBackground();\n        this._safeMutationObserver((obs)=>{\n            if (!this.element || !(this.element instanceof Node)) {\n                return;\n            }\n            obs.observe(this.element, {\n                attributes: true\n            });\n        });\n    }\n    paint() {\n        let handled = false;\n        for (const plugin of this._canvasPaintPlugins){\n            handled = plugin.canvasPaint?.() ?? false;\n            if (handled) {\n                break;\n            }\n        }\n        if (handled) {\n            return;\n        }\n        this.paintBase();\n    }\n    paintBase(baseColor) {\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.paintBase)(ctx, this.size, baseColor);\n        });\n    }\n    paintImage(image, opacity) {\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.paintImage)(ctx, this.size, image, opacity);\n        });\n    }\n    resize() {\n        if (!this.element) {\n            return false;\n        }\n        const container = this.container, currentSize = container.canvas._standardSize, newSize = {\n            width: this.element.offsetWidth,\n            height: this.element.offsetHeight\n        }, pxRatio = container.retina.pixelRatio, retinaSize = {\n            width: newSize.width * pxRatio,\n            height: newSize.height * pxRatio\n        };\n        if (newSize.height === currentSize.height && newSize.width === currentSize.width && retinaSize.height === this.element.height && retinaSize.width === this.element.width) {\n            return false;\n        }\n        const oldSize = {\n            ...currentSize\n        };\n        currentSize.height = newSize.height;\n        currentSize.width = newSize.width;\n        const canvasSize = this.size;\n        this.element.width = canvasSize.width = retinaSize.width;\n        this.element.height = canvasSize.height = retinaSize.height;\n        if (this.container.started) {\n            container.particles.setResizeFactor({\n                width: currentSize.width / oldSize.width,\n                height: currentSize.height / oldSize.height\n            });\n        }\n        return true;\n    }\n    setPointerEvents(type) {\n        const element = this.element;\n        if (!element) {\n            return;\n        }\n        this._pointerEvents = type;\n        this._repairStyle();\n    }\n    setZoom(zoomLevel, center) {\n        this.zoom = zoomLevel;\n        this._zoomCenter = center;\n    }\n    stop() {\n        this._safeMutationObserver((obs)=>{\n            obs.disconnect();\n        });\n        this._mutationObserver = undefined;\n        this.draw((ctx)=>{\n            (0,_Utils_CanvasUtils_js__WEBPACK_IMPORTED_MODULE_0__.clear)(ctx, this.size);\n        });\n    }\n    async windowResize() {\n        if (!this.element || !this.resize()) {\n            return;\n        }\n        const container = this.container, needsRefresh = container.updateActualOptions();\n        container.particles.setDensity();\n        this._applyResizePlugins();\n        if (needsRefresh) {\n            await container.refresh();\n        }\n    }\n    _applyPostDrawUpdaters = (particle)=>{\n        for (const updater of this._postDrawUpdaters){\n            updater.afterDraw?.(particle);\n        }\n    };\n    _applyPreDrawUpdaters = (ctx, particle, radius, zOpacity, colorStyles, transform)=>{\n        for (const updater of this._preDrawUpdaters){\n            if (updater.getColorStyles) {\n                const { fill, stroke } = updater.getColorStyles(particle, ctx, radius, zOpacity);\n                if (fill) {\n                    colorStyles.fill = fill;\n                }\n                if (stroke) {\n                    colorStyles.stroke = stroke;\n                }\n            }\n            if (updater.getTransformValues) {\n                const updaterTransform = updater.getTransformValues(particle);\n                for(const key in updaterTransform){\n                    setTransformValue(transform, updaterTransform, key);\n                }\n            }\n            updater.beforeDraw?.(particle);\n        }\n    };\n    _applyResizePlugins = ()=>{\n        for (const plugin of this._resizePlugins){\n            plugin.resize?.();\n        }\n    };\n    _getPluginParticleColors = (particle)=>{\n        let fColor, sColor;\n        for (const plugin of this._colorPlugins){\n            if (!fColor && plugin.particleFillColor) {\n                fColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.rangeColorToHsl)(this._engine, plugin.particleFillColor(particle));\n            }\n            if (!sColor && plugin.particleStrokeColor) {\n                sColor = (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_3__.rangeColorToHsl)(this._engine, plugin.particleStrokeColor(particle));\n            }\n            if (fColor && sColor) {\n                break;\n            }\n        }\n        this._reusablePluginColors[fColorIndex] = fColor;\n        this._reusablePluginColors[sColorIndex] = sColor;\n        return this._reusablePluginColors;\n    };\n    _initStyle = ()=>{\n        const element = this.element, options = this.container.actualOptions;\n        if (!element) {\n            return;\n        }\n        if (this._fullScreen) {\n            this._setFullScreenStyle();\n        } else {\n            this._resetOriginalStyle();\n        }\n        for(const key in options.style){\n            if (!key || !(key in options.style)) {\n                continue;\n            }\n            const value = options.style[key];\n            if (!value) {\n                continue;\n            }\n            element.style.setProperty(key, value, \"important\");\n        }\n    };\n    _repairStyle = ()=>{\n        const element = this.element;\n        if (!element) {\n            return;\n        }\n        this._safeMutationObserver((observer)=>{\n            observer.disconnect();\n        });\n        this._initStyle();\n        this.initBackground();\n        const pointerEvents = this._pointerEvents;\n        element.style.pointerEvents = pointerEvents;\n        element.setAttribute(\"pointer-events\", pointerEvents);\n        this._safeMutationObserver((observer)=>{\n            if (!(element instanceof Node)) {\n                return;\n            }\n            observer.observe(element, {\n                attributes: true\n            });\n        });\n    };\n    _resetOriginalStyle = ()=>{\n        const element = this.element, originalStyle = this._originalStyle;\n        if (!element || !originalStyle) {\n            return;\n        }\n        setStyle(element, originalStyle, true);\n    };\n    _safeMutationObserver = (callback)=>{\n        if (!this._mutationObserver) {\n            return;\n        }\n        callback(this._mutationObserver);\n    };\n    _setFullScreenStyle = ()=>{\n        const element = this.element;\n        if (!element) {\n            return;\n        }\n        setStyle(element, (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.getFullScreenStyle)(this.container.actualOptions.fullScreen.zIndex), true);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../engine/dist/browser/Core/Canvas.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**************************************************/
 (__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 */   Particle: () => (/* binding */ Particle)\n/* harmony export */ });\n/* harmony import */ var _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils/Vectors.js */ \"../../engine/dist/browser/Core/Utils/Vectors.js\");\n/* harmony import */ var _Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Utils/ColorUtils.js */ \"../../engine/dist/browser/Utils/ColorUtils.js\");\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Enums/Directions/MoveDirection.js */ \"../../engine/dist/browser/Enums/Directions/MoveDirection.js\");\n/* harmony import */ var _Enums_Modes_OutMode_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Enums/Modes/OutMode.js */ \"../../engine/dist/browser/Enums/Modes/OutMode.js\");\n/* harmony import */ var _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Enums/Types/ParticleOutType.js */ \"../../engine/dist/browser/Enums/Types/ParticleOutType.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\n\n\n\nfunction loadEffectData(effect, effectOptions, id, reduceDuplicates) {\n    const effectData = effectOptions.options[effect];\n    return (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.deepExtend)({\n        close: effectOptions.close,\n        fill: effectOptions.fill\n    }, (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.itemFromSingleOrMultiple)(effectData, id, reduceDuplicates));\n}\nfunction loadShapeData(shape, shapeOptions, id, reduceDuplicates) {\n    const shapeData = shapeOptions.options[shape];\n    return (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.deepExtend)({\n        close: shapeOptions.close,\n        fill: shapeOptions.fill\n    }, (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.itemFromSingleOrMultiple)(shapeData, id, reduceDuplicates));\n}\nfunction fixOutMode(data) {\n    if (!(0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.isInArray)(data.outMode, data.checkModes)) {\n        return;\n    }\n    const diameter = data.radius * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.double;\n    if (data.coord > data.maxCoord - diameter) {\n        data.setCb(-data.radius);\n    } else if (data.coord < diameter) {\n        data.setCb(data.radius);\n    }\n}\nclass Particle {\n    container;\n    backColor;\n    bubble;\n    color;\n    destroyed;\n    direction;\n    effect;\n    effectClose;\n    effectData;\n    effectFill;\n    group;\n    id;\n    ignoresResizeRatio;\n    initialPosition;\n    initialVelocity;\n    isRotating;\n    lastPathTime;\n    misplaced;\n    moveCenter;\n    moveDecay;\n    offset;\n    opacity;\n    options;\n    outType;\n    pathDelay;\n    pathGenerator;\n    pathRotation;\n    position;\n    randomIndexData;\n    retina;\n    roll;\n    rotation;\n    shape;\n    shapeClose;\n    shapeData;\n    shapeFill;\n    sides;\n    size;\n    slow;\n    spawning;\n    strokeColor;\n    strokeOpacity;\n    strokeWidth;\n    unbreakable;\n    velocity;\n    zIndexFactor;\n    _cachedOpacityData = {\n        opacity: _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultOpacity,\n        strokeOpacity: _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultOpacity\n    };\n    _cachedPosition = _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.origin;\n    _cachedRotateData = {\n        sin: 0,\n        cos: 0\n    };\n    _cachedTransform = {\n        a: 1,\n        b: 0,\n        c: 0,\n        d: 1\n    };\n    _engine;\n    constructor(engine, container){\n        this.container = container;\n        this._engine = engine;\n    }\n    destroy(override) {\n        if (this.unbreakable || this.destroyed) {\n            return;\n        }\n        this.destroyed = true;\n        this.bubble.inRange = false;\n        this.slow.inRange = false;\n        const container = this.container, pathGenerator = this.pathGenerator, shapeDrawer = this.shape ? container.particles.shapeDrawers.get(this.shape) : undefined;\n        shapeDrawer?.particleDestroy?.(this);\n        for (const plugin of container.particleDestroyedPlugins){\n            plugin.particleDestroyed?.(this, override);\n        }\n        for (const updater of container.particles.updaters){\n            updater.particleDestroyed?.(this, override);\n        }\n        pathGenerator?.reset(this);\n        this._engine.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_5__.EventType.particleDestroyed, {\n            container: this.container,\n            data: {\n                particle: this\n            }\n        });\n    }\n    draw(delta) {\n        const container = this.container, canvas = container.canvas;\n        canvas.drawParticlePlugins(this, delta);\n        canvas.drawParticle(this, delta);\n    }\n    getAngle() {\n        return this.rotation + (this.pathRotation ? this.velocity.angle : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultAngle);\n    }\n    getFillColor() {\n        return this._getRollColor(this.bubble.color ?? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__.getHslFromAnimation)(this.color));\n    }\n    getMass() {\n        return this.getRadius() ** _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.squareExp * Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.half;\n    }\n    getOpacity() {\n        const zIndexOptions = this.options.zIndex, zIndexFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.zIndexFactorOffset - this.zIndexFactor, zOpacityFactor = zIndexFactor ** zIndexOptions.opacityRate, opacity = this.bubble.opacity ?? (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(this.opacity?.value ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultOpacity), strokeOpacity = this.strokeOpacity ?? opacity;\n        this._cachedOpacityData.opacity = opacity * zOpacityFactor;\n        this._cachedOpacityData.strokeOpacity = strokeOpacity * zOpacityFactor;\n        return this._cachedOpacityData;\n    }\n    getPosition() {\n        this._cachedPosition.x = this.position.x + this.offset.x;\n        this._cachedPosition.y = this.position.y + this.offset.y;\n        this._cachedPosition.z = this.position.z;\n        return this._cachedPosition;\n    }\n    getRadius() {\n        return this.bubble.radius ?? this.size.value;\n    }\n    getRotateData() {\n        const angle = this.getAngle();\n        this._cachedRotateData.sin = Math.sin(angle);\n        this._cachedRotateData.cos = Math.cos(angle);\n        return this._cachedRotateData;\n    }\n    getStrokeColor() {\n        return this._getRollColor(this.bubble.color ?? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__.getHslFromAnimation)(this.strokeColor));\n    }\n    getTransformData(externalTransform) {\n        const rotateData = this.getRotateData(), rotating = this.isRotating;\n        this._cachedTransform.a = rotateData.cos * (externalTransform.a ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultTransform.a);\n        this._cachedTransform.b = rotating ? rotateData.sin * (externalTransform.b ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.identity) : externalTransform.b ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultTransform.b;\n        this._cachedTransform.c = rotating ? -rotateData.sin * (externalTransform.c ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.identity) : externalTransform.c ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultTransform.c;\n        this._cachedTransform.d = rotateData.cos * (externalTransform.d ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultTransform.d);\n        return this._cachedTransform;\n    }\n    init(id, position, overrideOptions, group) {\n        const container = this.container;\n        this.id = id;\n        this.group = group;\n        this.effectClose = true;\n        this.effectFill = true;\n        this.shapeClose = true;\n        this.shapeFill = true;\n        this.pathRotation = false;\n        this.lastPathTime = 0;\n        this.destroyed = false;\n        this.unbreakable = false;\n        this.isRotating = false;\n        this.rotation = 0;\n        this.misplaced = false;\n        this.retina = {\n            maxDistance: {}\n        };\n        this.outType = _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__.ParticleOutType.normal;\n        this.ignoresResizeRatio = true;\n        const pxRatio = container.retina.pixelRatio, mainOptions = container.actualOptions, particlesOptions = (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_9__.loadParticlesOptions)(this._engine, container, mainOptions.particles), reduceDuplicates = particlesOptions.reduceDuplicates, effectType = particlesOptions.effect.type, shapeType = particlesOptions.shape.type;\n        this.effect = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.itemFromSingleOrMultiple)(effectType, this.id, reduceDuplicates);\n        this.shape = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.itemFromSingleOrMultiple)(shapeType, this.id, reduceDuplicates);\n        const effectOptions = particlesOptions.effect, shapeOptions = particlesOptions.shape;\n        if (overrideOptions) {\n            if (overrideOptions.effect?.type) {\n                const overrideEffectType = overrideOptions.effect.type, effect = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.itemFromSingleOrMultiple)(overrideEffectType, this.id, reduceDuplicates);\n                if (effect) {\n                    this.effect = effect;\n                    effectOptions.load(overrideOptions.effect);\n                }\n            }\n            if (overrideOptions.shape?.type) {\n                const overrideShapeType = overrideOptions.shape.type, shape = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.itemFromSingleOrMultiple)(overrideShapeType, this.id, reduceDuplicates);\n                if (shape) {\n                    this.shape = shape;\n                    shapeOptions.load(overrideOptions.shape);\n                }\n            }\n        }\n        if (this.effect === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.randomColorValue) {\n            const availableEffects = [\n                ...this.container.particles.effectDrawers.keys()\n            ];\n            this.effect = availableEffects[Math.floor((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRandom)() * availableEffects.length)];\n        }\n        if (this.shape === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.randomColorValue) {\n            const availableShapes = [\n                ...this.container.particles.shapeDrawers.keys()\n            ];\n            this.shape = availableShapes[Math.floor((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRandom)() * availableShapes.length)];\n        }\n        this.effectData = this.effect ? loadEffectData(this.effect, effectOptions, this.id, reduceDuplicates) : undefined;\n        this.shapeData = this.shape ? loadShapeData(this.shape, shapeOptions, this.id, reduceDuplicates) : undefined;\n        particlesOptions.load(overrideOptions);\n        const effectData = this.effectData;\n        if (effectData) {\n            particlesOptions.load(effectData.particles);\n        }\n        const shapeData = this.shapeData;\n        if (shapeData) {\n            particlesOptions.load(shapeData.particles);\n        }\n        this.effectFill = effectData?.fill ?? particlesOptions.effect.fill;\n        this.effectClose = effectData?.close ?? particlesOptions.effect.close;\n        this.shapeFill = shapeData?.fill ?? particlesOptions.shape.fill;\n        this.shapeClose = shapeData?.close ?? particlesOptions.shape.close;\n        this.options = particlesOptions;\n        const pathOptions = this.options.move.path;\n        this.pathDelay = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(pathOptions.delay.value) * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.millisecondsToSeconds;\n        if (pathOptions.generator) {\n            let pathGenerator = this.container.particles.pathGenerators.get(pathOptions.generator);\n            if (!pathGenerator) {\n                pathGenerator = this.container.particles.availablePathGenerators.get(pathOptions.generator);\n                if (pathGenerator) {\n                    this.container.particles.pathGenerators.set(pathOptions.generator, pathGenerator);\n                    pathGenerator.init();\n                }\n            }\n            this.pathGenerator = pathGenerator;\n        }\n        container.retina.initParticle(this);\n        this.size = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.initParticleNumericAnimationValue)(this.options.size, pxRatio);\n        this.bubble = {\n            inRange: false\n        };\n        this.slow = {\n            inRange: false,\n            factor: 1\n        };\n        this._initPosition(position);\n        this.initialVelocity = this._calculateVelocity();\n        this.velocity = this.initialVelocity.copy();\n        this.moveDecay = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.decayOffset - (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(this.options.move.decay);\n        const particles = container.particles;\n        particles.setLastZIndex(this.position.z);\n        this.zIndexFactor = this.position.z / container.zLayers;\n        this.sides = 24;\n        let effectDrawer, shapeDrawer;\n        if (this.effect) {\n            effectDrawer = container.particles.effectDrawers.get(this.effect);\n        }\n        if (effectDrawer?.loadEffect) {\n            effectDrawer.loadEffect(this);\n        }\n        if (this.shape) {\n            shapeDrawer = container.particles.shapeDrawers.get(this.shape);\n        }\n        if (shapeDrawer?.loadShape) {\n            shapeDrawer.loadShape(this);\n        }\n        const sideCountFunc = shapeDrawer?.getSidesCount;\n        if (sideCountFunc) {\n            this.sides = sideCountFunc(this);\n        }\n        this.spawning = false;\n        for (const updater of particles.updaters){\n            updater.init(this);\n        }\n        for (const mover of particles.movers){\n            mover.init(this);\n        }\n        effectDrawer?.particleInit?.(container, this);\n        shapeDrawer?.particleInit?.(container, this);\n        for (const plugin of container.particleCreatedPlugins){\n            plugin.particleCreated?.(this);\n        }\n    }\n    isInsideCanvas() {\n        const radius = this.getRadius(), canvasSize = this.container.canvas.size, position = this.position;\n        return position.x >= -radius && position.y >= -radius && position.y <= canvasSize.height + radius && position.x <= canvasSize.width + radius;\n    }\n    isShowingBack() {\n        if (!this.roll) {\n            return false;\n        }\n        const angle = this.roll.angle;\n        if (this.roll.horizontal && this.roll.vertical) {\n            const normalizedAngle = angle % _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.doublePI, adjustedAngle = normalizedAngle < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultAngle ? normalizedAngle + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.doublePI : normalizedAngle;\n            return adjustedAngle >= Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.half && adjustedAngle < Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.triple * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.half;\n        }\n        if (this.roll.horizontal) {\n            const normalizedAngle = (angle + Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.half) % (Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.double), adjustedAngle = normalizedAngle < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultAngle ? normalizedAngle + Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.double : normalizedAngle;\n            return adjustedAngle >= Math.PI && adjustedAngle < Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.double;\n        }\n        if (this.roll.vertical) {\n            const normalizedAngle = angle % (Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.double), adjustedAngle = normalizedAngle < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultAngle ? normalizedAngle + Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.double : normalizedAngle;\n            return adjustedAngle >= Math.PI && adjustedAngle < Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.double;\n        }\n        return false;\n    }\n    isVisible() {\n        return !this.destroyed && !this.spawning && this.isInsideCanvas();\n    }\n    reset() {\n        for (const updater of this.container.particles.updaters){\n            updater.reset?.(this);\n        }\n    }\n    _calcPosition = (position, zIndex)=>{\n        let tryCount = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.defaultRetryCount, posVec = position ? _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.create(position.x, position.y, zIndex) : undefined;\n        const container = this.container, plugins = container.particlePositionPlugins, outModes = this.options.move.outModes, radius = this.getRadius(), canvasSize = container.canvas.size, abortController = new AbortController(), { signal } = abortController;\n        while(!signal.aborted){\n            for (const plugin of plugins){\n                const pluginPos = plugin.particlePosition?.(posVec, this);\n                if (pluginPos) {\n                    return _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.create(pluginPos.x, pluginPos.y, zIndex);\n                }\n            }\n            const exactPosition = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.calcExactPositionOrRandomFromSize)({\n                size: canvasSize,\n                position: posVec\n            }), pos = _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.create(exactPosition.x, exactPosition.y, zIndex);\n            this._fixHorizontal(pos, radius, outModes.left ?? outModes.default);\n            this._fixHorizontal(pos, radius, outModes.right ?? outModes.default);\n            this._fixVertical(pos, radius, outModes.top ?? outModes.default);\n            this._fixVertical(pos, radius, outModes.bottom ?? outModes.default);\n            let isValidPosition = true;\n            for (const plugin of container.particles.checkParticlePositionPlugins){\n                isValidPosition = plugin.checkParticlePosition?.(this, pos, tryCount) ?? true;\n                if (!isValidPosition) {\n                    break;\n                }\n            }\n            if (isValidPosition) {\n                return pos;\n            }\n            tryCount += _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.tryCountIncrement;\n            posVec = undefined;\n        }\n        return posVec;\n    };\n    _calculateVelocity = ()=>{\n        const baseVelocity = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getParticleBaseVelocity)(this.direction), res = baseVelocity.copy(), moveOptions = this.options.move;\n        if (moveOptions.direction === _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.inside || moveOptions.direction === _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.outside) {\n            return res;\n        }\n        const rad = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.degToRad)((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(moveOptions.angle.value)), radOffset = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.degToRad)((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(moveOptions.angle.offset)), range = {\n            left: radOffset - rad * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.half,\n            right: radOffset + rad * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.half\n        };\n        if (!moveOptions.straight) {\n            res.angle += (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.randomInRangeValue)((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.setRangeValue)(range.left, range.right));\n        }\n        if (moveOptions.random && typeof moveOptions.speed === \"number\") {\n            res.length *= (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRandom)();\n        }\n        return res;\n    };\n    _fixHorizontal = (pos, radius, outMode)=>{\n        fixOutMode({\n            outMode,\n            checkModes: [\n                _Enums_Modes_OutMode_js__WEBPACK_IMPORTED_MODULE_7__.OutMode.bounce\n            ],\n            coord: pos.x,\n            maxCoord: this.container.canvas.size.width,\n            setCb: (value)=>pos.x += value,\n            radius\n        });\n    };\n    _fixVertical = (pos, radius, outMode)=>{\n        fixOutMode({\n            outMode,\n            checkModes: [\n                _Enums_Modes_OutMode_js__WEBPACK_IMPORTED_MODULE_7__.OutMode.bounce\n            ],\n            coord: pos.y,\n            maxCoord: this.container.canvas.size.height,\n            setCb: (value)=>pos.y += value,\n            radius\n        });\n    };\n    _getRollColor = (color)=>{\n        if (!color || !this.roll || !this.backColor && !this.roll.alter) {\n            return color;\n        }\n        if (!this.isShowingBack()) {\n            return color;\n        }\n        if (this.backColor) {\n            return this.backColor;\n        }\n        if (this.roll.alter) {\n            return (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__.alterHsl)(color, this.roll.alter.type, this.roll.alter.value);\n        }\n        return color;\n    };\n    _initPosition = (position)=>{\n        const container = this.container, zIndexValue = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(this.options.zIndex.value), initialPosition = this._calcPosition(position, (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.clamp)(zIndexValue, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_3__.minZ, container.zLayers));\n        if (!initialPosition) {\n            throw new Error(\"a valid position cannot be found for particle\");\n        }\n        this.position = initialPosition;\n        this.initialPosition = this.position.copy();\n        const canvasSize = container.canvas.size;\n        this.moveCenter = {\n            ...(0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_4__.getPosition)(this.options.move.center, canvasSize),\n            radius: this.options.move.center.radius,\n            mode: this.options.move.center.mode\n        };\n        this.direction = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getParticleDirectionAngle)(this.options.move.direction, this.position, this.moveCenter);\n        switch(this.options.move.direction){\n            case _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.inside:\n                this.outType = _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__.ParticleOutType.inside;\n                break;\n            case _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.outside:\n                this.outType = _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__.ParticleOutType.outside;\n                break;\n            default:\n                break;\n        }\n        this.offset = _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../engine/dist/browser/Core/Particle.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Particle: () => (/* binding */ Particle)\n/* harmony export */ });\n/* harmony import */ var _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils/Vectors.js */ \"../../engine/dist/browser/Core/Utils/Vectors.js\");\n/* harmony import */ var _Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Utils/ColorUtils.js */ \"../../engine/dist/browser/Utils/ColorUtils.js\");\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Enums/Directions/MoveDirection.js */ \"../../engine/dist/browser/Enums/Directions/MoveDirection.js\");\n/* harmony import */ var _Enums_Modes_OutMode_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Enums/Modes/OutMode.js */ \"../../engine/dist/browser/Enums/Modes/OutMode.js\");\n/* harmony import */ var _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Enums/Types/ParticleOutType.js */ \"../../engine/dist/browser/Enums/Types/ParticleOutType.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\n\n\n\nfunction loadEffectData(effect, effectOptions, id, reduceDuplicates) {\n    const effectData = effectOptions.options[effect];\n    return (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.deepExtend)({\n        close: effectOptions.close\n    }, (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(effectData, id, reduceDuplicates));\n}\nfunction loadShapeData(shape, shapeOptions, id, reduceDuplicates) {\n    const shapeData = shapeOptions.options[shape];\n    return (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.deepExtend)({\n        close: shapeOptions.close\n    }, (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(shapeData, id, reduceDuplicates));\n}\nfunction fixOutMode(data) {\n    if (!(0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.isInArray)(data.outMode, data.checkModes)) {\n        return;\n    }\n    const diameter = data.radius * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double;\n    if (data.coord > data.maxCoord - diameter) {\n        data.setCb(-data.radius);\n    } else if (data.coord < diameter) {\n        data.setCb(data.radius);\n    }\n}\nclass Particle {\n    container;\n    backColor;\n    bubble;\n    destroyed;\n    direction;\n    effect;\n    effectClose;\n    effectData;\n    fillColor;\n    fillEnabled;\n    fillOpacity;\n    group;\n    id;\n    ignoresResizeRatio;\n    initialPosition;\n    initialVelocity;\n    isRotating;\n    lastPathTime;\n    misplaced;\n    moveCenter;\n    offset;\n    opacity;\n    options;\n    outType;\n    pathRotation;\n    position;\n    randomIndexData;\n    retina;\n    roll;\n    rotation;\n    shape;\n    shapeClose;\n    shapeData;\n    sides;\n    size;\n    slow;\n    spawning;\n    strokeColor;\n    strokeOpacity;\n    strokeWidth;\n    unbreakable;\n    velocity;\n    zIndexFactor;\n    _cachedOpacityData = {\n        fillOpacity: _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity,\n        opacity: _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity,\n        strokeOpacity: _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity\n    };\n    _cachedPosition = _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.origin;\n    _cachedRotateData = {\n        sin: 0,\n        cos: 0\n    };\n    _cachedTransform = {\n        a: 1,\n        b: 0,\n        c: 0,\n        d: 1\n    };\n    _engine;\n    constructor(engine, container){\n        this.container = container;\n        this._engine = engine;\n    }\n    destroy(override) {\n        if (this.unbreakable || this.destroyed) {\n            return;\n        }\n        this.destroyed = true;\n        this.bubble.inRange = false;\n        this.slow.inRange = false;\n        const container = this.container, shapeDrawer = this.shape ? container.particles.shapeDrawers.get(this.shape) : undefined;\n        shapeDrawer?.particleDestroy?.(this);\n        for (const plugin of container.particleDestroyedPlugins){\n            plugin.particleDestroyed?.(this, override);\n        }\n        for (const updater of container.particles.updaters){\n            updater.particleDestroyed?.(this, override);\n        }\n        this._engine.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_5__.EventType.particleDestroyed, {\n            container: this.container,\n            data: {\n                particle: this\n            }\n        });\n    }\n    draw(delta) {\n        const container = this.container, canvas = container.canvas;\n        canvas.drawParticlePlugins(this, delta);\n        canvas.drawParticle(this, delta);\n    }\n    getAngle() {\n        return this.rotation + (this.pathRotation ? this.velocity.angle : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultAngle);\n    }\n    getFillColor() {\n        return this._getRollColor(this.bubble.color ?? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__.getHslFromAnimation)(this.fillColor));\n    }\n    getMass() {\n        return this.getRadius() ** _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.squareExp * Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half;\n    }\n    getOpacity() {\n        const zIndexOptions = this.options.zIndex, zIndexFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.zIndexFactorOffset - this.zIndexFactor, zOpacityFactor = zIndexFactor ** zIndexOptions.opacityRate, opacity = this.bubble.opacity ?? (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(this.opacity?.value ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity), fillOpacity = this.fillOpacity ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity, strokeOpacity = this.strokeOpacity ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultOpacity;\n        this._cachedOpacityData.fillOpacity = opacity * fillOpacity * zOpacityFactor;\n        this._cachedOpacityData.opacity = opacity * zOpacityFactor;\n        this._cachedOpacityData.strokeOpacity = opacity * strokeOpacity * zOpacityFactor;\n        return this._cachedOpacityData;\n    }\n    getPosition() {\n        this._cachedPosition.x = this.position.x + this.offset.x;\n        this._cachedPosition.y = this.position.y + this.offset.y;\n        this._cachedPosition.z = this.position.z;\n        return this._cachedPosition;\n    }\n    getRadius() {\n        return this.bubble.radius ?? this.size.value;\n    }\n    getRotateData() {\n        const angle = this.getAngle();\n        this._cachedRotateData.sin = Math.sin(angle);\n        this._cachedRotateData.cos = Math.cos(angle);\n        return this._cachedRotateData;\n    }\n    getStrokeColor() {\n        return this._getRollColor(this.bubble.color ?? (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__.getHslFromAnimation)(this.strokeColor));\n    }\n    getTransformData(externalTransform) {\n        const rotateData = this.getRotateData(), rotating = this.isRotating;\n        this._cachedTransform.a = rotateData.cos * (externalTransform.a ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultTransform.a);\n        this._cachedTransform.b = rotating ? rotateData.sin * (externalTransform.b ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.identity) : externalTransform.b ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultTransform.b;\n        this._cachedTransform.c = rotating ? -rotateData.sin * (externalTransform.c ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.identity) : externalTransform.c ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultTransform.c;\n        this._cachedTransform.d = rotateData.cos * (externalTransform.d ?? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultTransform.d);\n        return this._cachedTransform;\n    }\n    init(id, position, overrideOptions, group) {\n        const container = this.container;\n        this.id = id;\n        this.group = group;\n        this.effectClose = true;\n        this.shapeClose = true;\n        this.pathRotation = false;\n        this.lastPathTime = 0;\n        this.destroyed = false;\n        this.unbreakable = false;\n        this.isRotating = false;\n        this.rotation = 0;\n        this.misplaced = false;\n        this.retina = {\n            maxDistance: {}\n        };\n        this.outType = _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__.ParticleOutType.normal;\n        this.ignoresResizeRatio = true;\n        const pxRatio = container.retina.pixelRatio, mainOptions = container.actualOptions, particlesOptions = (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_9__.loadParticlesOptions)(this._engine, container, mainOptions.particles), reduceDuplicates = particlesOptions.reduceDuplicates, effectType = particlesOptions.effect.type, shapeType = particlesOptions.shape.type;\n        this.effect = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(effectType, this.id, reduceDuplicates);\n        this.shape = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(shapeType, this.id, reduceDuplicates);\n        const effectOptions = particlesOptions.effect, shapeOptions = particlesOptions.shape;\n        if (overrideOptions) {\n            if (overrideOptions.effect?.type) {\n                const overrideEffectType = overrideOptions.effect.type, effect = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(overrideEffectType, this.id, reduceDuplicates);\n                if (effect) {\n                    this.effect = effect;\n                    effectOptions.load(overrideOptions.effect);\n                }\n            }\n            if (overrideOptions.shape?.type) {\n                const overrideShapeType = overrideOptions.shape.type, shape = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.itemFromSingleOrMultiple)(overrideShapeType, this.id, reduceDuplicates);\n                if (shape) {\n                    this.shape = shape;\n                    shapeOptions.load(overrideOptions.shape);\n                }\n            }\n        }\n        if (this.effect === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.randomColorValue) {\n            const availableEffects = [\n                ...this.container.particles.effectDrawers.keys()\n            ];\n            this.effect = availableEffects[Math.floor((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRandom)() * availableEffects.length)];\n        }\n        if (this.shape === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.randomColorValue) {\n            const availableShapes = [\n                ...this.container.particles.shapeDrawers.keys()\n            ];\n            this.shape = availableShapes[Math.floor((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRandom)() * availableShapes.length)];\n        }\n        this.effectData = this.effect ? loadEffectData(this.effect, effectOptions, this.id, reduceDuplicates) : undefined;\n        this.shapeData = this.shape ? loadShapeData(this.shape, shapeOptions, this.id, reduceDuplicates) : undefined;\n        particlesOptions.load(overrideOptions);\n        const effectData = this.effectData;\n        if (effectData) {\n            particlesOptions.load(effectData.particles);\n        }\n        const shapeData = this.shapeData;\n        if (shapeData) {\n            particlesOptions.load(shapeData.particles);\n        }\n        this.effectClose = effectData?.close ?? particlesOptions.effect.close;\n        this.shapeClose = shapeData?.close ?? particlesOptions.shape.close;\n        this.options = particlesOptions;\n        container.retina.initParticle(this);\n        this.size = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.initParticleNumericAnimationValue)(this.options.size, pxRatio);\n        this.bubble = {\n            inRange: false\n        };\n        this.slow = {\n            inRange: false,\n            factor: 1\n        };\n        this._initPosition(position);\n        this.initialVelocity = this._calculateVelocity();\n        this.velocity = this.initialVelocity.copy();\n        const particles = container.particles;\n        particles.setLastZIndex(this.position.z);\n        this.zIndexFactor = this.position.z / container.zLayers;\n        this.sides = 24;\n        let effectDrawer, shapeDrawer;\n        if (this.effect) {\n            effectDrawer = container.particles.effectDrawers.get(this.effect);\n        }\n        if (effectDrawer?.loadEffect) {\n            effectDrawer.loadEffect(this);\n        }\n        if (this.shape) {\n            shapeDrawer = container.particles.shapeDrawers.get(this.shape);\n        }\n        if (shapeDrawer?.loadShape) {\n            shapeDrawer.loadShape(this);\n        }\n        const sideCountFunc = shapeDrawer?.getSidesCount;\n        if (sideCountFunc) {\n            this.sides = sideCountFunc(this);\n        }\n        this.spawning = false;\n        for (const updater of particles.updaters){\n            updater.init(this);\n        }\n        effectDrawer?.particleInit?.(container, this);\n        shapeDrawer?.particleInit?.(container, this);\n        for (const plugin of container.particleCreatedPlugins){\n            plugin.particleCreated?.(this);\n        }\n    }\n    isInsideCanvas() {\n        const radius = this.getRadius(), canvasSize = this.container.canvas.size, position = this.position;\n        return position.x >= -radius && position.y >= -radius && position.y <= canvasSize.height + radius && position.x <= canvasSize.width + radius;\n    }\n    isShowingBack() {\n        if (!this.roll) {\n            return false;\n        }\n        const angle = this.roll.angle;\n        if (this.roll.horizontal && this.roll.vertical) {\n            const normalizedAngle = angle % _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.doublePI, adjustedAngle = normalizedAngle < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultAngle ? normalizedAngle + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.doublePI : normalizedAngle;\n            return adjustedAngle >= Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half && adjustedAngle < Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.triple * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half;\n        }\n        if (this.roll.horizontal) {\n            const normalizedAngle = (angle + Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half) % (Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double), adjustedAngle = normalizedAngle < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultAngle ? normalizedAngle + Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double : normalizedAngle;\n            return adjustedAngle >= Math.PI && adjustedAngle < Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double;\n        }\n        if (this.roll.vertical) {\n            const normalizedAngle = angle % (Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double), adjustedAngle = normalizedAngle < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultAngle ? normalizedAngle + Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double : normalizedAngle;\n            return adjustedAngle >= Math.PI && adjustedAngle < Math.PI * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.double;\n        }\n        return false;\n    }\n    isVisible() {\n        return !this.destroyed && !this.spawning && this.isInsideCanvas();\n    }\n    reset() {\n        for (const updater of this.container.particles.updaters){\n            updater.reset?.(this);\n        }\n    }\n    _calcPosition = (position, zIndex)=>{\n        let tryCount = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.defaultRetryCount, posVec = position ? _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.create(position.x, position.y, zIndex) : undefined;\n        const container = this.container, plugins = container.particlePositionPlugins, outModes = this.options.move.outModes, radius = this.getRadius(), canvasSize = container.canvas.size, abortController = new AbortController(), { signal } = abortController;\n        while(!signal.aborted){\n            for (const plugin of plugins){\n                const pluginPos = plugin.particlePosition?.(posVec, this);\n                if (pluginPos) {\n                    return _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.create(pluginPos.x, pluginPos.y, zIndex);\n                }\n            }\n            const exactPosition = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.calcExactPositionOrRandomFromSize)({\n                size: canvasSize,\n                position: posVec\n            }), pos = _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector3d.create(exactPosition.x, exactPosition.y, zIndex);\n            this._fixHorizontal(pos, radius, outModes.left ?? outModes.default);\n            this._fixHorizontal(pos, radius, outModes.right ?? outModes.default);\n            this._fixVertical(pos, radius, outModes.top ?? outModes.default);\n            this._fixVertical(pos, radius, outModes.bottom ?? outModes.default);\n            let isValidPosition = true;\n            for (const plugin of container.particles.checkParticlePositionPlugins){\n                isValidPosition = plugin.checkParticlePosition?.(this, pos, tryCount) ?? true;\n                if (!isValidPosition) {\n                    break;\n                }\n            }\n            if (isValidPosition) {\n                return pos;\n            }\n            tryCount += _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.tryCountIncrement;\n            posVec = undefined;\n        }\n        return posVec;\n    };\n    _calculateVelocity = ()=>{\n        const baseVelocity = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getParticleBaseVelocity)(this.direction), res = baseVelocity.copy(), moveOptions = this.options.move;\n        if (moveOptions.direction === _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.inside || moveOptions.direction === _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.outside) {\n            return res;\n        }\n        const rad = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.degToRad)((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(moveOptions.angle.value)), radOffset = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.degToRad)((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(moveOptions.angle.offset)), range = {\n            left: radOffset - rad * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half,\n            right: radOffset + rad * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.half\n        };\n        if (!moveOptions.straight) {\n            res.angle += (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.randomInRangeValue)((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.setRangeValue)(range.left, range.right));\n        }\n        if (moveOptions.random && typeof moveOptions.speed === \"number\") {\n            res.length *= (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRandom)();\n        }\n        return res;\n    };\n    _fixHorizontal = (pos, radius, outMode)=>{\n        fixOutMode({\n            outMode,\n            checkModes: [\n                _Enums_Modes_OutMode_js__WEBPACK_IMPORTED_MODULE_7__.OutMode.bounce\n            ],\n            coord: pos.x,\n            maxCoord: this.container.canvas.size.width,\n            setCb: (value)=>pos.x += value,\n            radius\n        });\n    };\n    _fixVertical = (pos, radius, outMode)=>{\n        fixOutMode({\n            outMode,\n            checkModes: [\n                _Enums_Modes_OutMode_js__WEBPACK_IMPORTED_MODULE_7__.OutMode.bounce\n            ],\n            coord: pos.y,\n            maxCoord: this.container.canvas.size.height,\n            setCb: (value)=>pos.y += value,\n            radius\n        });\n    };\n    _getRollColor = (color)=>{\n        if (!color || !this.roll || !this.backColor && !this.roll.alter) {\n            return color;\n        }\n        if (!this.isShowingBack()) {\n            return color;\n        }\n        if (this.backColor) {\n            return this.backColor;\n        }\n        if (this.roll.alter) {\n            return (0,_Utils_ColorUtils_js__WEBPACK_IMPORTED_MODULE_1__.alterHsl)(color, this.roll.alter.type, this.roll.alter.value);\n        }\n        return color;\n    };\n    _initPosition = (position)=>{\n        const container = this.container, zIndexValue = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getRangeValue)(this.options.zIndex.value), initialPosition = this._calcPosition(position, (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.clamp)(zIndexValue, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_4__.minZ, container.zLayers));\n        if (!initialPosition) {\n            throw new Error(\"a valid position cannot be found for particle\");\n        }\n        this.position = initialPosition;\n        this.initialPosition = this.position.copy();\n        const canvasSize = container.canvas.size;\n        this.moveCenter = {\n            ...(0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_3__.getPosition)(this.options.move.center, canvasSize),\n            radius: this.options.move.center.radius,\n            mode: this.options.move.center.mode\n        };\n        this.direction = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_2__.getParticleDirectionAngle)(this.options.move.direction, this.position, this.moveCenter);\n        switch(this.options.move.direction){\n            case _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.inside:\n                this.outType = _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__.ParticleOutType.inside;\n                break;\n            case _Enums_Directions_MoveDirection_js__WEBPACK_IMPORTED_MODULE_6__.MoveDirection.outside:\n                this.outType = _Enums_Types_ParticleOutType_js__WEBPACK_IMPORTED_MODULE_8__.ParticleOutType.outside;\n                break;\n            default:\n                break;\n        }\n        this.offset = _Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../engine/dist/browser/Core/Particle.js?\n}");
 
 /***/ },
 
@@ -53,7 +53,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***************************************************/
 (__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 */   Particles: () => (/* binding */ Particles)\n/* harmony export */ });\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Enums/Modes/LimitMode.js */ \"../../engine/dist/browser/Enums/Modes/LimitMode.js\");\n/* harmony import */ var _Particle_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Particle.js */ \"../../engine/dist/browser/Core/Particle.js\");\n/* harmony import */ var _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Utils/SpatialHashGrid.js */ \"../../engine/dist/browser/Core/Utils/SpatialHashGrid.js\");\n/* harmony import */ var _Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Utils/LogUtils.js */ \"../../engine/dist/browser/Utils/LogUtils.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\nclass Particles {\n    availablePathGenerators;\n    checkParticlePositionPlugins;\n    effectDrawers;\n    grid;\n    movers;\n    pathGenerators;\n    shapeDrawers;\n    updaters;\n    _array;\n    _container;\n    _engine;\n    _groupLimits;\n    _limit;\n    _maxZIndex;\n    _minZIndex;\n    _needsSort;\n    _nextId;\n    _particleResetPlugins;\n    _particleUpdatePlugins;\n    _pool;\n    _postParticleUpdatePlugins;\n    _postUpdatePlugins;\n    _resizeFactor;\n    _updatePlugins;\n    _zArray;\n    constructor(engine, container){\n        this._engine = engine;\n        this._container = container;\n        this._nextId = 0;\n        this._array = [];\n        this._zArray = [];\n        this._pool = [];\n        this._limit = 0;\n        this._groupLimits = new Map();\n        this._needsSort = false;\n        this._minZIndex = 0;\n        this._maxZIndex = 0;\n        this.grid = new _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__.SpatialHashGrid(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.spatialHashGridCellSize);\n        this.effectDrawers = new Map();\n        this.movers = [];\n        this.availablePathGenerators = new Map();\n        this.pathGenerators = new Map();\n        this.shapeDrawers = new Map();\n        this.updaters = [];\n        this.checkParticlePositionPlugins = [];\n        this._particleResetPlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this._updatePlugins = [];\n    }\n    get count() {\n        return this._array.length;\n    }\n    addParticle(position, overrideOptions, group, initializer) {\n        const limitMode = this._container.actualOptions.particles.number.limit.mode, limit = group === undefined ? this._limit : this._groupLimits.get(group) ?? this._limit, currentCount = this.count;\n        if (limit > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minLimit) {\n            switch(limitMode){\n                case _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__.LimitMode.delete:\n                    {\n                        const countToRemove = currentCount + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.countOffset - limit;\n                        if (countToRemove > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minCount) {\n                            this.removeQuantity(countToRemove);\n                        }\n                        break;\n                    }\n                case _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__.LimitMode.wait:\n                    if (currentCount >= limit) {\n                        return;\n                    }\n                    break;\n                default:\n                    break;\n            }\n        }\n        try {\n            const particle = this._pool.pop() ?? new _Particle_js__WEBPACK_IMPORTED_MODULE_3__.Particle(this._engine, this._container);\n            particle.init(this._nextId, position, overrideOptions, group);\n            let canAdd = true;\n            if (initializer) {\n                canAdd = initializer(particle);\n            }\n            if (!canAdd) {\n                this._pool.push(particle);\n                return;\n            }\n            this._array.push(particle);\n            this._zArray.push(particle);\n            this._nextId++;\n            this._engine.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleAdded, {\n                container: this._container,\n                data: {\n                    particle\n                }\n            });\n            return particle;\n        } catch (e) {\n            (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_5__.getLogger)().warning(`error adding particle: ${e}`);\n        }\n        return undefined;\n    }\n    clear() {\n        this._array = [];\n        this._zArray = [];\n    }\n    destroy() {\n        const container = this._container;\n        for (const [, effectDrawer] of this.effectDrawers){\n            effectDrawer.destroy?.(container);\n        }\n        for (const [, shapeDrawer] of this.shapeDrawers){\n            shapeDrawer.destroy?.(container);\n        }\n        this._array = [];\n        this._pool.length = 0;\n        this._zArray = [];\n        this.effectDrawers = new Map();\n        this.movers = [];\n        this.availablePathGenerators = new Map();\n        this.pathGenerators = new Map();\n        this.shapeDrawers = new Map();\n        this.updaters = [];\n        this.checkParticlePositionPlugins = [];\n        this._particleResetPlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this._updatePlugins = [];\n    }\n    drawParticles(delta) {\n        for (const particle of this._zArray){\n            particle.draw(delta);\n        }\n    }\n    filter(condition) {\n        return this._array.filter(condition);\n    }\n    find(condition) {\n        return this._array.find(condition);\n    }\n    get(index) {\n        return this._array[index];\n    }\n    async init() {\n        const container = this._container, options = container.actualOptions;\n        this._minZIndex = 0;\n        this._maxZIndex = 0;\n        this._needsSort = false;\n        this.checkParticlePositionPlugins = [];\n        this._updatePlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._particleResetPlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this.grid = new _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__.SpatialHashGrid(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.spatialHashGridCellSize * container.retina.pixelRatio);\n        for (const plugin of container.plugins){\n            if (plugin.redrawInit) {\n                await plugin.redrawInit();\n            }\n            if (plugin.checkParticlePosition) {\n                this.checkParticlePositionPlugins.push(plugin);\n            }\n            if (plugin.update) {\n                this._updatePlugins.push(plugin);\n            }\n            if (plugin.particleUpdate) {\n                this._particleUpdatePlugins.push(plugin);\n            }\n            if (plugin.postUpdate) {\n                this._postUpdatePlugins.push(plugin);\n            }\n            if (plugin.particleReset) {\n                this._particleResetPlugins.push(plugin);\n            }\n            if (plugin.postParticleUpdate) {\n                this._postParticleUpdatePlugins.push(plugin);\n            }\n        }\n        await this.initPlugins();\n        for (const drawer of this.effectDrawers.values()){\n            await drawer.init?.(container);\n        }\n        for (const drawer of this.shapeDrawers.values()){\n            await drawer.init?.(container);\n        }\n        let handled = false;\n        for (const plugin of container.plugins){\n            handled = plugin.particlesInitialization?.() ?? handled;\n            if (handled) {\n                break;\n            }\n        }\n        if (!handled) {\n            const particlesOptions = options.particles, groups = particlesOptions.groups;\n            for(const group in groups){\n                const groupOptions = groups[group];\n                if (!groupOptions) {\n                    continue;\n                }\n                for(let i = this.count, j = 0; j < groupOptions.number.value && i < particlesOptions.number.value; i++, j++){\n                    this.addParticle(undefined, groupOptions, group);\n                }\n            }\n            for(let i = this.count; i < particlesOptions.number.value; i++){\n                this.addParticle();\n            }\n        }\n    }\n    async initPlugins() {\n        const container = this._container;\n        this.effectDrawers = await this._engine.getEffectDrawers(container, true);\n        this.movers = await this._engine.getMovers(container, true);\n        this.availablePathGenerators = await this._engine.getPathGenerators(container, true);\n        this.pathGenerators = new Map();\n        this.shapeDrawers = await this._engine.getShapeDrawers(container, true);\n        this.updaters = await this._engine.getUpdaters(container, true);\n        for (const pathGenerator of this.pathGenerators.values()){\n            pathGenerator.init();\n        }\n    }\n    push(nb, position, overrideOptions, group) {\n        for(let i = 0; i < nb; i++){\n            this.addParticle(position, overrideOptions, group);\n        }\n    }\n    async redraw() {\n        this.clear();\n        await this.init();\n        this._container.canvas.drawParticles({\n            value: 0,\n            factor: 0\n        });\n    }\n    remove(particle, group, override) {\n        this.removeAt(this._array.indexOf(particle), undefined, group, override);\n    }\n    removeAt(index, quantity = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultRemoveQuantity, group, override) {\n        if (index < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex || index > this.count) {\n            return;\n        }\n        let deleted = 0;\n        for(let i = index; deleted < quantity && i < this.count; i++){\n            if (this._removeParticle(i, group, override)) {\n                i--;\n                deleted++;\n            }\n        }\n    }\n    removeQuantity(quantity, group) {\n        this.removeAt(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex, quantity, group);\n    }\n    setDensity() {\n        const options = this._container.actualOptions, groups = options.particles.groups;\n        let pluginsCount = 0;\n        for (const plugin of this._container.plugins){\n            if (plugin.particlesDensityCount) {\n                pluginsCount += plugin.particlesDensityCount();\n            }\n        }\n        for(const group in groups){\n            const groupData = groups[group];\n            if (!groupData) {\n                continue;\n            }\n            const groupDataOptions = (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_6__.loadParticlesOptions)(this._engine, this._container, groupData);\n            this._applyDensity(groupDataOptions, pluginsCount, group);\n        }\n        this._applyDensity(options.particles, pluginsCount);\n    }\n    setLastZIndex(zIndex) {\n        this._needsSort ||= zIndex >= this._maxZIndex || zIndex > this._minZIndex && zIndex < this._maxZIndex;\n    }\n    setResizeFactor(factor) {\n        this._resizeFactor = factor;\n    }\n    update(delta) {\n        const particlesToDelete = new Set();\n        this.grid.clear();\n        for (const pathGenerator of this.pathGenerators.values()){\n            pathGenerator.update();\n        }\n        for (const plugin of this._updatePlugins){\n            plugin.update?.(delta);\n        }\n        const resizeFactor = this._resizeFactor;\n        for (const particle of this._array){\n            if (resizeFactor && !particle.ignoresResizeRatio) {\n                particle.position.x *= resizeFactor.width;\n                particle.position.y *= resizeFactor.height;\n                particle.initialPosition.x *= resizeFactor.width;\n                particle.initialPosition.y *= resizeFactor.height;\n            }\n            particle.ignoresResizeRatio = false;\n            for (const plugin of this._particleResetPlugins){\n                plugin.particleReset?.(particle);\n            }\n            for (const plugin of this._particleUpdatePlugins){\n                if (particle.destroyed) {\n                    break;\n                }\n                plugin.particleUpdate?.(particle, delta);\n            }\n            for (const mover of this.movers){\n                if (mover.isEnabled(particle)) {\n                    mover.move(particle, delta);\n                }\n            }\n            if (particle.destroyed) {\n                particlesToDelete.add(particle);\n                continue;\n            }\n            this.grid.insert(particle);\n        }\n        if (particlesToDelete.size) {\n            const checkDelete = (p)=>!particlesToDelete.has(p);\n            this._array = this.filter(checkDelete);\n            this._zArray = this._zArray.filter(checkDelete);\n            for (const particle of particlesToDelete){\n                this._engine.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleRemoved, {\n                    container: this._container,\n                    data: {\n                        particle\n                    }\n                });\n            }\n            this._addToPool(...particlesToDelete);\n        }\n        for (const plugin of this._postUpdatePlugins){\n            plugin.postUpdate?.(delta);\n        }\n        for (const particle of this._array){\n            for (const updater of this.updaters){\n                updater.update(particle, delta);\n            }\n            if (!particle.destroyed && !particle.spawning) {\n                for (const plugin of this._postParticleUpdatePlugins){\n                    plugin.postParticleUpdate?.(particle, delta);\n                }\n            }\n        }\n        delete this._resizeFactor;\n        if (this._needsSort) {\n            const zArray = this._zArray;\n            zArray.sort((a, b)=>b.position.z - a.position.z || a.id - b.id);\n            const firstItem = zArray[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex], lastItem = zArray[zArray.length - _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.lengthOffset];\n            if (!firstItem || !lastItem) {\n                return;\n            }\n            this._maxZIndex = firstItem.position.z;\n            this._minZIndex = lastItem.position.z;\n            this._needsSort = false;\n        }\n    }\n    _addToPool = (...particles)=>{\n        this._pool.push(...particles);\n    };\n    _applyDensity = (options, pluginsCount, group, groupOptions)=>{\n        const numberOptions = options.number;\n        if (!numberOptions.density.enable) {\n            if (group === undefined) {\n                this._limit = numberOptions.limit.value;\n            } else if (groupOptions?.number.limit.value ?? numberOptions.limit.value) {\n                this._groupLimits.set(group, groupOptions?.number.limit.value ?? numberOptions.limit.value);\n            }\n            return;\n        }\n        const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, optParticlesLimit = numberOptions.limit.value > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minLimit ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + pluginsCount, particlesCount = Math.min(this.count, this.filter((t)=>t.group === group).length);\n        if (group === undefined) {\n            this._limit = numberOptions.limit.value * densityFactor;\n        } else {\n            this._groupLimits.set(group, numberOptions.limit.value * densityFactor);\n        }\n        if (particlesCount < particlesNumber) {\n            this.push(Math.abs(particlesNumber - particlesCount), undefined, options, group);\n        } else if (particlesCount > particlesNumber) {\n            this.removeQuantity(particlesCount - particlesNumber, group);\n        }\n    };\n    _initDensityFactor = (densityOptions)=>{\n        const container = this._container;\n        if (!container.canvas.element || !densityOptions.enable) {\n            return _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultDensityFactor;\n        }\n        const canvas = container.canvas.element, pxRatio = container.retina.pixelRatio;\n        return canvas.width * canvas.height / (densityOptions.height * densityOptions.width * pxRatio ** _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.squareExp);\n    };\n    _removeParticle = (index, group, override)=>{\n        const particle = this._array[index];\n        if (!particle) {\n            return false;\n        }\n        if (particle.group !== group) {\n            return false;\n        }\n        const zIdx = this._zArray.indexOf(particle);\n        this._array.splice(index, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.deleteCount);\n        this._zArray.splice(zIdx, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.deleteCount);\n        particle.destroy(override);\n        this._engine.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleRemoved, {\n            container: this._container,\n            data: {\n                particle\n            }\n        });\n        this._addToPool(particle);\n        return true;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../engine/dist/browser/Core/Particles.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Particles: () => (/* binding */ Particles)\n/* harmony export */ });\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Enums/Modes/LimitMode.js */ \"../../engine/dist/browser/Enums/Modes/LimitMode.js\");\n/* harmony import */ var _Particle_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Particle.js */ \"../../engine/dist/browser/Core/Particle.js\");\n/* harmony import */ var _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Utils/SpatialHashGrid.js */ \"../../engine/dist/browser/Core/Utils/SpatialHashGrid.js\");\n/* harmony import */ var _Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Utils/LogUtils.js */ \"../../engine/dist/browser/Utils/LogUtils.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\nclass Particles {\n    checkParticlePositionPlugins;\n    effectDrawers;\n    grid;\n    shapeDrawers;\n    updaters;\n    _array;\n    _container;\n    _engine;\n    _groupLimits;\n    _limit;\n    _maxZIndex;\n    _minZIndex;\n    _needsSort;\n    _nextId;\n    _particleResetPlugins;\n    _particleUpdatePlugins;\n    _pool;\n    _postParticleUpdatePlugins;\n    _postUpdatePlugins;\n    _resizeFactor;\n    _updatePlugins;\n    _zArray;\n    constructor(engine, container){\n        this._engine = engine;\n        this._container = container;\n        this._nextId = 0;\n        this._array = [];\n        this._zArray = [];\n        this._pool = [];\n        this._limit = 0;\n        this._groupLimits = new Map();\n        this._needsSort = false;\n        this._minZIndex = 0;\n        this._maxZIndex = 0;\n        this.grid = new _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__.SpatialHashGrid(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.spatialHashGridCellSize);\n        this.effectDrawers = new Map();\n        this.shapeDrawers = new Map();\n        this.updaters = [];\n        this.checkParticlePositionPlugins = [];\n        this._particleResetPlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this._updatePlugins = [];\n    }\n    get count() {\n        return this._array.length;\n    }\n    addParticle(position, overrideOptions, group, initializer) {\n        const limitMode = this._container.actualOptions.particles.number.limit.mode, limit = group === undefined ? this._limit : this._groupLimits.get(group) ?? this._limit, currentCount = this.count;\n        if (limit > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minLimit) {\n            switch(limitMode){\n                case _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__.LimitMode.delete:\n                    {\n                        const countToRemove = currentCount + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.countOffset - limit;\n                        if (countToRemove > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minCount) {\n                            this.removeQuantity(countToRemove);\n                        }\n                        break;\n                    }\n                case _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__.LimitMode.wait:\n                    if (currentCount >= limit) {\n                        return;\n                    }\n                    break;\n                default:\n                    break;\n            }\n        }\n        try {\n            const particle = this._pool.pop() ?? new _Particle_js__WEBPACK_IMPORTED_MODULE_3__.Particle(this._engine, this._container);\n            particle.init(this._nextId, position, overrideOptions, group);\n            let canAdd = true;\n            if (initializer) {\n                canAdd = initializer(particle);\n            }\n            if (!canAdd) {\n                this._pool.push(particle);\n                return;\n            }\n            this._array.push(particle);\n            this._zArray.push(particle);\n            this._nextId++;\n            this._engine.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleAdded, {\n                container: this._container,\n                data: {\n                    particle\n                }\n            });\n            return particle;\n        } catch (e) {\n            (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_5__.getLogger)().warning(`error adding particle: ${e}`);\n        }\n        return undefined;\n    }\n    clear() {\n        this._array = [];\n        this._zArray = [];\n    }\n    destroy() {\n        const container = this._container;\n        for (const [, effectDrawer] of this.effectDrawers){\n            effectDrawer.destroy?.(container);\n        }\n        for (const [, shapeDrawer] of this.shapeDrawers){\n            shapeDrawer.destroy?.(container);\n        }\n        this._array = [];\n        this._pool.length = 0;\n        this._zArray = [];\n        this.effectDrawers = new Map();\n        this.shapeDrawers = new Map();\n        this.updaters = [];\n        this.checkParticlePositionPlugins = [];\n        this._particleResetPlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this._updatePlugins = [];\n    }\n    drawParticles(delta) {\n        for (const particle of this._zArray){\n            particle.draw(delta);\n        }\n    }\n    filter(condition) {\n        return this._array.filter(condition);\n    }\n    find(condition) {\n        return this._array.find(condition);\n    }\n    get(index) {\n        return this._array[index];\n    }\n    async init() {\n        const container = this._container, options = container.actualOptions;\n        this._minZIndex = 0;\n        this._maxZIndex = 0;\n        this._needsSort = false;\n        this.checkParticlePositionPlugins = [];\n        this._updatePlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._particleResetPlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this.grid = new _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__.SpatialHashGrid(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.spatialHashGridCellSize * container.retina.pixelRatio);\n        for (const plugin of container.plugins){\n            if (plugin.redrawInit) {\n                await plugin.redrawInit();\n            }\n            if (plugin.checkParticlePosition) {\n                this.checkParticlePositionPlugins.push(plugin);\n            }\n            if (plugin.update) {\n                this._updatePlugins.push(plugin);\n            }\n            if (plugin.particleUpdate) {\n                this._particleUpdatePlugins.push(plugin);\n            }\n            if (plugin.postUpdate) {\n                this._postUpdatePlugins.push(plugin);\n            }\n            if (plugin.particleReset) {\n                this._particleResetPlugins.push(plugin);\n            }\n            if (plugin.postParticleUpdate) {\n                this._postParticleUpdatePlugins.push(plugin);\n            }\n        }\n        await this.initPlugins();\n        for (const drawer of this.effectDrawers.values()){\n            await drawer.init?.(container);\n        }\n        for (const drawer of this.shapeDrawers.values()){\n            await drawer.init?.(container);\n        }\n        let handled = false;\n        for (const plugin of container.plugins){\n            handled = plugin.particlesInitialization?.() ?? handled;\n            if (handled) {\n                break;\n            }\n        }\n        if (!handled) {\n            const particlesOptions = options.particles, groups = particlesOptions.groups;\n            for(const group in groups){\n                const groupOptions = groups[group];\n                if (!groupOptions) {\n                    continue;\n                }\n                for(let i = this.count, j = 0; j < groupOptions.number.value && i < particlesOptions.number.value; i++, j++){\n                    this.addParticle(undefined, groupOptions, group);\n                }\n            }\n            for(let i = this.count; i < particlesOptions.number.value; i++){\n                this.addParticle();\n            }\n        }\n    }\n    async initPlugins() {\n        const container = this._container;\n        this.effectDrawers = await this._engine.getEffectDrawers(container, true);\n        this.shapeDrawers = await this._engine.getShapeDrawers(container, true);\n        this.updaters = await this._engine.getUpdaters(container, true);\n    }\n    push(nb, position, overrideOptions, group) {\n        for(let i = 0; i < nb; i++){\n            this.addParticle(position, overrideOptions, group);\n        }\n    }\n    async redraw() {\n        this.clear();\n        await this.init();\n        this._container.canvas.drawParticles({\n            value: 0,\n            factor: 0\n        });\n    }\n    remove(particle, group, override) {\n        this.removeAt(this._array.indexOf(particle), undefined, group, override);\n    }\n    removeAt(index, quantity = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultRemoveQuantity, group, override) {\n        if (index < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex || index > this.count) {\n            return;\n        }\n        let deleted = 0;\n        for(let i = index; deleted < quantity && i < this.count; i++){\n            if (this._removeParticle(i, group, override)) {\n                i--;\n                deleted++;\n            }\n        }\n    }\n    removeQuantity(quantity, group) {\n        this.removeAt(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex, quantity, group);\n    }\n    setDensity() {\n        const options = this._container.actualOptions, groups = options.particles.groups;\n        let pluginsCount = 0;\n        for (const plugin of this._container.plugins){\n            if (plugin.particlesDensityCount) {\n                pluginsCount += plugin.particlesDensityCount();\n            }\n        }\n        for(const group in groups){\n            const groupData = groups[group];\n            if (!groupData) {\n                continue;\n            }\n            const groupDataOptions = (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_6__.loadParticlesOptions)(this._engine, this._container, groupData);\n            this._applyDensity(groupDataOptions, pluginsCount, group);\n        }\n        this._applyDensity(options.particles, pluginsCount);\n    }\n    setLastZIndex(zIndex) {\n        this._needsSort ||= zIndex >= this._maxZIndex || zIndex > this._minZIndex && zIndex < this._maxZIndex;\n    }\n    setResizeFactor(factor) {\n        this._resizeFactor = factor;\n    }\n    update(delta) {\n        const particlesToDelete = new Set();\n        this.grid.clear();\n        for (const plugin of this._updatePlugins){\n            plugin.update?.(delta);\n        }\n        const resizeFactor = this._resizeFactor;\n        for (const particle of this._array){\n            if (resizeFactor && !particle.ignoresResizeRatio) {\n                particle.position.x *= resizeFactor.width;\n                particle.position.y *= resizeFactor.height;\n                particle.initialPosition.x *= resizeFactor.width;\n                particle.initialPosition.y *= resizeFactor.height;\n            }\n            particle.ignoresResizeRatio = false;\n            for (const plugin of this._particleResetPlugins){\n                plugin.particleReset?.(particle);\n            }\n            for (const plugin of this._particleUpdatePlugins){\n                if (particle.destroyed) {\n                    break;\n                }\n                plugin.particleUpdate?.(particle, delta);\n            }\n            if (particle.destroyed) {\n                particlesToDelete.add(particle);\n                continue;\n            }\n            this.grid.insert(particle);\n        }\n        if (particlesToDelete.size) {\n            const checkDelete = (p)=>!particlesToDelete.has(p);\n            this._array = this.filter(checkDelete);\n            this._zArray = this._zArray.filter(checkDelete);\n            for (const particle of particlesToDelete){\n                this._engine.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleRemoved, {\n                    container: this._container,\n                    data: {\n                        particle\n                    }\n                });\n            }\n            this._addToPool(...particlesToDelete);\n        }\n        for (const plugin of this._postUpdatePlugins){\n            plugin.postUpdate?.(delta);\n        }\n        for (const particle of this._array){\n            for (const updater of this.updaters){\n                updater.update(particle, delta);\n            }\n            if (!particle.destroyed && !particle.spawning) {\n                for (const plugin of this._postParticleUpdatePlugins){\n                    plugin.postParticleUpdate?.(particle, delta);\n                }\n            }\n        }\n        delete this._resizeFactor;\n        if (this._needsSort) {\n            const zArray = this._zArray;\n            zArray.sort((a, b)=>b.position.z - a.position.z || a.id - b.id);\n            const firstItem = zArray[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex], lastItem = zArray[zArray.length - _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.lengthOffset];\n            if (!firstItem || !lastItem) {\n                return;\n            }\n            this._maxZIndex = firstItem.position.z;\n            this._minZIndex = lastItem.position.z;\n            this._needsSort = false;\n        }\n    }\n    _addToPool = (...particles)=>{\n        this._pool.push(...particles);\n    };\n    _applyDensity = (options, pluginsCount, group, groupOptions)=>{\n        const numberOptions = options.number;\n        if (!numberOptions.density.enable) {\n            if (group === undefined) {\n                this._limit = numberOptions.limit.value;\n            } else if (groupOptions?.number.limit.value ?? numberOptions.limit.value) {\n                this._groupLimits.set(group, groupOptions?.number.limit.value ?? numberOptions.limit.value);\n            }\n            return;\n        }\n        const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, optParticlesLimit = numberOptions.limit.value > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minLimit ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + pluginsCount, particlesCount = Math.min(this.count, this.filter((t)=>t.group === group).length);\n        if (group === undefined) {\n            this._limit = numberOptions.limit.value * densityFactor;\n        } else {\n            this._groupLimits.set(group, numberOptions.limit.value * densityFactor);\n        }\n        if (particlesCount < particlesNumber) {\n            this.push(Math.abs(particlesNumber - particlesCount), undefined, options, group);\n        } else if (particlesCount > particlesNumber) {\n            this.removeQuantity(particlesCount - particlesNumber, group);\n        }\n    };\n    _initDensityFactor = (densityOptions)=>{\n        const container = this._container;\n        if (!container.canvas.element || !densityOptions.enable) {\n            return _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultDensityFactor;\n        }\n        const canvas = container.canvas.element, pxRatio = container.retina.pixelRatio;\n        return canvas.width * canvas.height / (densityOptions.height * densityOptions.width * pxRatio ** _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.squareExp);\n    };\n    _removeParticle = (index, group, override)=>{\n        const particle = this._array[index];\n        if (!particle) {\n            return false;\n        }\n        if (particle.group !== group) {\n            return false;\n        }\n        const zIdx = this._zArray.indexOf(particle);\n        this._array.splice(index, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.deleteCount);\n        this._zArray.splice(zIdx, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.deleteCount);\n        particle.destroy(override);\n        this._engine.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleRemoved, {\n            container: this._container,\n            data: {\n                particle\n            }\n        });\n        this._addToPool(particle);\n        return true;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../engine/dist/browser/Core/Particles.js?\n}");
 
 /***/ },
 

package/esm/VincentGarreau/particles.js

@@ -158,6 +158,13 @@ const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOpti
                     },
                 },
                 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,
                     },
@@ -234,13 +241,6 @@ const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOpti
                         random: fixedOptions.particles.move.random,
                         straight: fixedOptions.particles.move.straight,
                         outModes: fixedOptions.particles.move.out_mode,
-                        attract: {
-                            enable: fixedOptions.particles.move.attract.enable,
-                            rotate: {
-                                x: fixedOptions.particles.move.attract.rotateX,
-                                y: fixedOptions.particles.move.attract.rotateY,
-                            },
-                        },
                     },
                 },
                 resize: {

package/esm/index.js

@@ -1,7 +1,7 @@
 import { MBParticles } from "./marcbruederlin/Particles.js";
 import { initParticlesJS } from "./VincentGarreau/particles.js";
 const initPjs = async (engine) => {
-    engine.checkVersion("4.0.0-alpha.25");
+    engine.checkVersion("4.0.0-alpha.27");
     await engine.register(async (e) => {
         const [{ loadFull }, { loadResponsivePlugin },] = await Promise.all([
             import("tsparticles"),

package/full_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*************************************/
 (__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 */   loadFull: () => (/* binding */ loadFull)\n/* harmony export */ });\nasync function loadFull(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const [{ loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater }, { loadTextShape }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadSlim }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"updaters_destroy_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-destroy */ \"../../updaters/destroy/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_roll_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-roll */ \"../../updaters/roll/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_tilt_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-tilt */ \"../../updaters/tilt/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_twinkle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-twinkle */ \"../../updaters/twinkle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_wobble_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-wobble */ \"../../updaters/wobble/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_text_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-text */ \"../../shapes/text/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_trail_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-trail */ \"../../interactions/external/trail/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-absorbers */ \"../../plugins/absorbers/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters */ \"../../plugins/emitters/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-circle */ \"../../plugins/emittersShapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_square_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-square */ \"../../plugins/emittersShapes/square/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"slim_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/slim */ \"../slim/dist/browser/index.js\"))\n        ]);\n        await loadSlim(e);\n        await Promise.all([\n            loadDestroyUpdater(e),\n            loadRollUpdater(e),\n            loadTiltUpdater(e),\n            loadTwinkleUpdater(e),\n            loadWobbleUpdater(e),\n            loadTextShape(e),\n            loadExternalTrailInteraction(e),\n            loadAbsorbersPlugin(e),\n            loadEmittersPlugin(e)\n        ]);\n        await Promise.all([\n            loadEmittersShapeCircle(e),\n            loadEmittersShapeSquare(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../full/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFull: () => (/* binding */ loadFull)\n/* harmony export */ });\nasync function loadFull(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const [{ loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater }, { loadTextShape }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadSlim }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"updaters_destroy_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-destroy */ \"../../updaters/destroy/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_roll_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-roll */ \"../../updaters/roll/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_tilt_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-tilt */ \"../../updaters/tilt/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_twinkle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-twinkle */ \"../../updaters/twinkle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_wobble_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-wobble */ \"../../updaters/wobble/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_text_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-text */ \"../../shapes/text/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_trail_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-trail */ \"../../interactions/external/trail/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-absorbers */ \"../../plugins/absorbers/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters */ \"../../plugins/emitters/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-circle */ \"../../plugins/emittersShapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_square_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-square */ \"../../plugins/emittersShapes/square/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"slim_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/slim */ \"../slim/dist/browser/index.js\"))\n        ]);\n        await loadSlim(e);\n        await Promise.all([\n            loadDestroyUpdater(e),\n            loadRollUpdater(e),\n            loadTiltUpdater(e),\n            loadTwinkleUpdater(e),\n            loadWobbleUpdater(e),\n            loadTextShape(e),\n            loadExternalTrailInteraction(e),\n            loadAbsorbersPlugin(e),\n            loadEmittersPlugin(e)\n        ]);\n        await Promise.all([\n            loadEmittersShapeCircle(e),\n            loadEmittersShapeSquare(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../full/dist/browser/index.js?\n}");
 
 /***/ }
 

package/interactions_external_attract_dist_browser_Attractor_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*****************************************************************/
 (__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 */   clickAttract: () => (/* binding */ clickAttract),\n/* harmony export */   hoverAttract: () => (/* binding */ hoverAttract)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minFactor = 1, minRadius = 0;\nfunction processAttract(engine, container, position, attractRadius, area, queryCb) {\n    const attractOptions = container.actualOptions.interactivity?.modes.attract;\n    if (!attractOptions) {\n        return;\n    }\n    const query = container.particles.grid.query(area, queryCb);\n    for (const particle of query){\n        const { dx, dy, distance } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(particle.position, position), velocity = attractOptions.speed * attractOptions.factor, attractFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(engine.getEasing(attractOptions.easing)(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity - distance / attractRadius) * velocity, minFactor, attractOptions.maxSpeed), normVec = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(!distance ? velocity : dx / distance * attractFactor, !distance ? velocity : dy / distance * attractFactor);\n        particle.position.subFrom(normVec);\n    }\n}\nfunction clickAttract(engine, container, interactivityData, enabledCb) {\n    container.attract ??= {\n        particles: []\n    };\n    const { attract } = container;\n    if (!attract.finish) {\n        attract.count ??= 0;\n        attract.count++;\n        if (attract.count === container.particles.count) {\n            attract.finish = true;\n        }\n    }\n    if (attract.clicking) {\n        const mousePos = interactivityData.mouse.clickPosition, attractRadius = container.retina.attractModeDistance;\n        if (!attractRadius || attractRadius < minRadius || !mousePos) {\n            return;\n        }\n        processAttract(engine, container, mousePos, attractRadius, new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(mousePos.x, mousePos.y, attractRadius), (p)=>enabledCb(p));\n    } else if (attract.clicking === false) {\n        attract.particles = [];\n    }\n}\nfunction hoverAttract(engine, container, interactivityData, enabledCb) {\n    const mousePos = interactivityData.mouse.position, attractRadius = container.retina.attractModeDistance;\n    if (!attractRadius || attractRadius < minRadius || !mousePos) {\n        return;\n    }\n    processAttract(engine, container, mousePos, attractRadius, new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(mousePos.x, mousePos.y, attractRadius), (p)=>enabledCb(p));\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../interactions/external/attract/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   clickAttract: () => (/* binding */ clickAttract),\n/* harmony export */   hoverAttract: () => (/* binding */ hoverAttract)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minFactor = 1, minRadius = 0, updateVector = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\nfunction processAttract(engine, container, position, attractRadius, area, queryCb) {\n    const attractOptions = container.actualOptions.interactivity?.modes.attract;\n    if (!attractOptions) {\n        return;\n    }\n    const query = container.particles.grid.query(area, queryCb);\n    for (const particle of query){\n        const { dx, dy, distance } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(particle.position, position), velocity = attractOptions.speed * attractOptions.factor, attractFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(engine.getEasing(attractOptions.easing)(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity - distance / attractRadius) * velocity, minFactor, attractOptions.maxSpeed);\n        updateVector.x = !distance ? velocity : dx / distance * attractFactor;\n        updateVector.y = !distance ? velocity : dy / distance * attractFactor;\n        particle.position.subFrom(updateVector);\n    }\n}\nfunction clickAttract(engine, container, interactivityData, enabledCb) {\n    container.attract ??= {\n        particles: []\n    };\n    const { attract } = container;\n    if (!attract.finish) {\n        attract.count ??= 0;\n        attract.count++;\n        if (attract.count === container.particles.count) {\n            attract.finish = true;\n        }\n    }\n    if (attract.clicking) {\n        const mousePos = interactivityData.mouse.clickPosition, attractRadius = container.retina.attractModeDistance;\n        if (!attractRadius || attractRadius < minRadius || !mousePos) {\n            return;\n        }\n        processAttract(engine, container, mousePos, attractRadius, new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(mousePos.x, mousePos.y, attractRadius), (p)=>enabledCb(p));\n    } else if (attract.clicking === false) {\n        attract.particles = [];\n    }\n}\nfunction hoverAttract(engine, container, interactivityData, enabledCb) {\n    const mousePos = interactivityData.mouse.position, attractRadius = container.retina.attractModeDistance;\n    if (!attractRadius || attractRadius < minRadius || !mousePos) {\n        return;\n    }\n    processAttract(engine, container, mousePos, attractRadius, new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(mousePos.x, mousePos.y, attractRadius), (p)=>enabledCb(p));\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../interactions/external/attract/dist/browser/Utils.js?\n}");
 
 /***/ },
 
@@ -123,7 +123,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*********************************************************/
 (__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 */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const interactivityEngine = e, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));\n        interactivityEngine.initializers.interactors ??= new Map();\n        interactivityEngine.interactors ??= new Map();\n        interactivityEngine.addInteractor = (name, interactorInitializer)=>{\n            interactivityEngine.initializers.interactors ??= new Map();\n            interactivityEngine.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityEngine.getInteractors = async (container, force = false)=>{\n            interactivityEngine.interactors ??= new Map();\n            interactivityEngine.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityEngine.interactors, interactivityEngine.initializers.interactors, force);\n        };\n        interactivityEngine.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../plugins/interactivity/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const interactivityEngine = e, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));\n        interactivityEngine.initializers.interactors ??= new Map();\n        interactivityEngine.interactors ??= new Map();\n        interactivityEngine.addInteractor = (name, interactorInitializer)=>{\n            interactivityEngine.initializers.interactors ??= new Map();\n            interactivityEngine.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityEngine.getInteractors = async (container, force = false)=>{\n            interactivityEngine.interactors ??= new Map();\n            interactivityEngine.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityEngine.interactors, interactivityEngine.initializers.interactors, force);\n        };\n        interactivityEngine.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../plugins/interactivity/dist/browser/index.js?\n}");
 
 /***/ },
 

package/interactions_external_attract_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.25
+ * v4.0.0-alpha.27
  */
 "use strict";
 /*
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*****************************************************************/
 (__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 */   Attract: () => (/* reexport safe */ _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_0__.Attract),\n/* harmony export */   loadExternalAttractInteraction: () => (/* binding */ loadExternalAttractInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Attract.js */ \"../../interactions/external/attract/dist/browser/Options/Classes/Attract.js\");\nasync function loadExternalAttractInteraction(engine) {\n    engine.checkVersion(\"4.0.0-alpha.25\");\n    await engine.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\"));\n        ensureInteractivityPluginLoaded(e);\n        e.addInteractor?.(\"externalAttract\", async (container)=>{\n            const { Attractor } = await __webpack_require__.e(/*! import() */ \"interactions_external_attract_dist_browser_Attractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Attractor.js */ \"../../interactions/external/attract/dist/browser/Attractor.js\"));\n            return new Attractor(e, container);\n        });\n    });\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../interactions/external/attract/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Attract: () => (/* reexport safe */ _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_0__.Attract),\n/* harmony export */   loadExternalAttractInteraction: () => (/* binding */ loadExternalAttractInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Attract.js */ \"../../interactions/external/attract/dist/browser/Options/Classes/Attract.js\");\nasync function loadExternalAttractInteraction(engine) {\n    engine.checkVersion(\"4.0.0-alpha.27\");\n    await engine.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\"));\n        ensureInteractivityPluginLoaded(e);\n        e.addInteractor?.(\"externalAttract\", async (container)=>{\n            const { Attractor } = await __webpack_require__.e(/*! import() */ \"interactions_external_attract_dist_browser_Attractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Attractor.js */ \"../../interactions/external/attract/dist/browser/Attractor.js\"));\n            return new Attractor(e, container);\n        });\n    });\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../interactions/external/attract/dist/browser/index.js?\n}");
 
 /***/ }