@tsparticles/preset-squares 4.0.0-alpha.2 → 4.0.0-alpha.5

package/vendors-node_modules_pnpm_tsparticles_plugin-emitters_4_0_0-alpha_5_node_modules_tsparticles_-4cf04b.js

@@ -1,30 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-alpha.2
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_preset_squares"] = this["webpackChunk_tsparticles_preset_squares"] || []).push([["vendors-node_modules_pnpm_tsparticles_plugin-emitters_4_0_0-alpha_5_node_modules_tsparticles_-4cf04b"],{
-
-/***/ "../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.5/node_modules/@tsparticles/plugin-emitters/browser/EmitterInstance.js"
-/*!************************************************************************************************************************************************!*\
-  !*** ../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.5/node_modules/@tsparticles/plugin-emitters/browser/EmitterInstance.js ***!
-  \************************************************************************************************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterInstance: () => (/* binding */ EmitterInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../node_modules/.pnpm/@tsparticles+engine@4.0.0-alpha.5/node_modules/@tsparticles/engine/browser/index.js\");\n/* harmony import */ var _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Emitter.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.5/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/Emitter.js\");\n/* harmony import */ var _Options_Classes_EmitterSize_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/EmitterSize.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.5/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterSize.js\");\n\n\n\nconst defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1, colorFactor = 3.6;\nfunction setParticlesOptionsColor(particlesOptions, color) {\n    if (particlesOptions.color) {\n        particlesOptions.color.value = color;\n    }\n    else {\n        particlesOptions.color = {\n            value: color,\n        };\n    }\n}\nclass EmitterInstance {\n    constructor(engine, container, removeCallback, options, position) {\n        this.container = container;\n        this.removeCallback = removeCallback;\n        this._destroy = () => {\n            this._mutationObserver?.disconnect();\n            this._mutationObserver = undefined;\n            this._resizeObserver?.disconnect();\n            this._resizeObserver = undefined;\n            this.removeCallback(this);\n            this._engine.dispatchEvent(\"emitterDestroyed\", {\n                container: this.container,\n                data: {\n                    emitter: this,\n                },\n            });\n        };\n        this._prepareToDie = () => {\n            if (this._paused) {\n                return;\n            }\n            const duration = this.options.life.duration !== undefined ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;\n            if ((this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {\n                this._duration = duration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds;\n            }\n        };\n        this._setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor) => {\n            const container = this.container;\n            if (!animation.enable) {\n                return initValue;\n            }\n            const colorOffset = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(animation.offset), delay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.rate.delay), emitFactor = container.retina.reduceFactor\n                ? (delay * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds) / container.retina.reduceFactor\n                : Infinity, colorSpeed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(animation.speed);\n            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * factor) % maxValue;\n        };\n        this._engine = engine;\n        this._currentDuration = 0;\n        this._currentEmitDelay = 0;\n        this._currentSpawnDelay = 0;\n        this._initialPosition = position;\n        if (options instanceof _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__.Emitter) {\n            this.options = options;\n        }\n        else {\n            this.options = new _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__.Emitter();\n            this.options.load(options);\n        }\n        this._spawnDelay = container.retina.reduceFactor\n            ? ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds) /\n                container.retina.reduceFactor\n            : Infinity;\n        this.position = this._initialPosition ?? this._calcPosition();\n        this.name = this.options.name;\n        this.fill = this.options.fill;\n        this._firstSpawn = !this.options.life.wait;\n        this._startParticlesAdded = false;\n        const particlesOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, this.options.particles);\n        particlesOptions.move ??= {};\n        particlesOptions.move.direction ??= this.options.direction;\n        if (this.options.spawnColor) {\n            this.spawnColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._engine, this.options.spawnColor);\n        }\n        this._paused = !this.options.autoPlay;\n        this._particlesOptions = particlesOptions;\n        this._size = this._calcSize();\n        this.size = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getSize)(this._size, this.container.canvas.size);\n        this._lifeCount = this.options.life.count ?? defaultLifeCount;\n        this._immortal = this._lifeCount <= minLifeCount;\n        if (this.options.domId) {\n            const element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().getElementById(this.options.domId);\n            if (element) {\n                this._mutationObserver = new MutationObserver(() => {\n                    this.resize();\n                });\n                this._resizeObserver = new ResizeObserver(() => {\n                    this.resize();\n                });\n                this._mutationObserver.observe(element, {\n                    attributes: true,\n                    attributeFilter: [\"style\", \"width\", \"height\"],\n                });\n                this._resizeObserver.observe(element);\n            }\n        }\n        const shapeOptions = this.options.shape, shapeGenerator = this._engine.emitterShapeManager?.getShapeGenerator(shapeOptions.type);\n        if (shapeGenerator) {\n            this._shape = shapeGenerator.generate(this.position, this.size, this.fill, shapeOptions.options);\n        }\n        this._engine.dispatchEvent(\"emitterCreated\", {\n            container,\n            data: {\n                emitter: this,\n            },\n        });\n        this.play();\n    }\n    externalPause() {\n        this._paused = true;\n        this.pause();\n    }\n    externalPlay() {\n        this._paused = false;\n        this.play();\n    }\n    async init() {\n        await this._shape?.init();\n    }\n    pause() {\n        if (this._paused) {\n            return;\n        }\n        delete this._emitDelay;\n    }\n    play() {\n        if (this._paused) {\n            return;\n        }\n        if (!((this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) &&\n            (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {\n            return;\n        }\n        const container = this.container;\n        if (this._emitDelay === undefined) {\n            const delay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.rate.delay);\n            this._emitDelay = container.retina.reduceFactor\n                ? (delay * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds) / container.retina.reduceFactor\n                : Infinity;\n        }\n        if (this._lifeCount > minLifeCount || this._immortal) {\n            this._prepareToDie();\n        }\n    }\n    resize() {\n        const initialPosition = this._initialPosition, container = this.container;\n        this.position =\n            initialPosition && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isPointInside)(initialPosition, container.canvas.size, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin)\n                ? initialPosition\n                : this._calcPosition();\n        this._size = this._calcSize();\n        this.size = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getSize)(this._size, container.canvas.size);\n        this._shape?.resize(this.position, this.size);\n    }\n    update(delta) {\n        if (this._paused) {\n            return;\n        }\n        const container = this.container;\n        if (this._firstSpawn) {\n            this._firstSpawn = false;\n            this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;\n            this._currentEmitDelay = this._emitDelay ?? defaultEmitDelay;\n        }\n        if (!this._startParticlesAdded) {\n            this._startParticlesAdded = true;\n            this._emitParticles(this.options.startCount);\n        }\n        if (this._duration !== undefined) {\n            this._currentDuration += delta.value;\n            if (this._currentDuration >= this._duration) {\n                this.pause();\n                if (this._spawnDelay !== undefined) {\n                    delete this._spawnDelay;\n                }\n                if (!this._immortal) {\n                    this._lifeCount--;\n                }\n                if (this._lifeCount > minLifeCount || this._immortal) {\n                    this.position = this._calcPosition();\n                    this._shape?.resize(this.position, this.size);\n                    this._spawnDelay = container.retina.reduceFactor\n                        ? ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds) /\n                            container.retina.reduceFactor\n                        : Infinity;\n                }\n                else {\n                    this._destroy();\n                }\n                this._currentDuration -= this._duration;\n                delete this._duration;\n            }\n        }\n        if (this._spawnDelay !== undefined) {\n            this._currentSpawnDelay += delta.value;\n            if (this._currentSpawnDelay >= this._spawnDelay) {\n                this._engine.dispatchEvent(\"emitterPlay\", {\n                    container: this.container,\n                });\n                this.play();\n                this._currentSpawnDelay -= this._currentSpawnDelay;\n                delete this._spawnDelay;\n            }\n        }\n        if (this._emitDelay !== undefined) {\n            this._currentEmitDelay += delta.value;\n            if (this._currentEmitDelay >= this._emitDelay) {\n                this._emit();\n                this._currentEmitDelay -= this._emitDelay;\n            }\n        }\n    }\n    _calcPosition() {\n        const container = this.container;\n        if (this.options.domId) {\n            const element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().getElementById(this.options.domId);\n            if (element) {\n                const elRect = element.getBoundingClientRect(), pxRatio = container.retina.pixelRatio;\n                return {\n                    x: (elRect.x + elRect.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) * pxRatio,\n                    y: (elRect.y + elRect.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) * pxRatio,\n                };\n            }\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calcPositionOrRandomFromSizeRanged)({\n            size: container.canvas.size,\n            position: this.options.position,\n        });\n    }\n    _calcSize() {\n        const container = this.container;\n        if (this.options.domId) {\n            const element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().getElementById(this.options.domId);\n            if (element) {\n                const elRect = element.getBoundingClientRect();\n                return {\n                    width: elRect.width * container.retina.pixelRatio,\n                    height: elRect.height * container.retina.pixelRatio,\n                    mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.precise,\n                };\n            }\n        }\n        return (this.options.size ??\n            (() => {\n                const size = new _Options_Classes_EmitterSize_js__WEBPACK_IMPORTED_MODULE_2__.EmitterSize();\n                size.load({\n                    height: 0,\n                    mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.percent,\n                    width: 0,\n                });\n                return size;\n            })());\n    }\n    _emit() {\n        if (this._paused) {\n            return;\n        }\n        const quantity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.rate.quantity);\n        this._emitParticles(quantity);\n    }\n    _emitParticles(quantity) {\n        const singleParticlesOptions = ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(this._particlesOptions) ??\n            {}), hslAnimation = this.options.spawnColor?.animation, reduceFactor = this.container.retina.reduceFactor, needsColorAnimation = !!hslAnimation, needsShapeData = !!this._shape, needsCopy = needsColorAnimation || needsShapeData, maxValues = needsColorAnimation ? { h: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hMax, s: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.sMax, l: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.lMax } : null, shapeOptions = this.options.shape;\n        for (let i = 0; i < quantity * reduceFactor; i++) {\n            const particlesOptions = needsCopy\n                ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, singleParticlesOptions)\n                : singleParticlesOptions;\n            if (this.spawnColor) {\n                if (hslAnimation && maxValues) {\n                    this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h, colorFactor);\n                    this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, maxValues.s);\n                    this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, maxValues.l);\n                }\n                setParticlesOptionsColor(particlesOptions, this.spawnColor);\n            }\n            let position = this.position;\n            if (this._shape) {\n                const shapePosData = this._shape.randomPosition();\n                if (shapePosData) {\n                    position = shapePosData.position;\n                    const replaceData = shapeOptions.replace;\n                    if (replaceData.color && shapePosData.color) {\n                        setParticlesOptionsColor(particlesOptions, shapePosData.color);\n                    }\n                    if (replaceData.opacity) {\n                        if (particlesOptions.opacity) {\n                            particlesOptions.opacity.value = shapePosData.opacity;\n                        }\n                        else {\n                            particlesOptions.opacity = {\n                                value: shapePosData.opacity,\n                            };\n                        }\n                    }\n                }\n                else {\n                    position = null;\n                }\n            }\n            if (position) {\n                this.container.particles.addParticle(position, particlesOptions);\n            }\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-squares/../../node_modules/.pnpm/@tsparticles+plugin-emitters@4.0.0-alpha.5/node_modules/@tsparticles/plugin-emitters/browser/EmitterInstance.js?\n}");
-
-/***/ }
-
-}]);

package/vendors-node_modules_pnpm_tsparticles_plugin-interactivity_4_0_0-alpha_5_node_modules_tsparti-98de40.js

@@ -1,50 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-alpha.2
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_preset_squares"] = this["webpackChunk_tsparticles_preset_squares"] || []).push([["vendors-node_modules_pnpm_tsparticles_plugin-interactivity_4_0_0-alpha_5_node_modules_tsparti-98de40"],{
-
-/***/ "../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractionManager.js"
-/*!*************************************************************************************************************************************************************!*\
-  !*** ../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractionManager.js ***!
-  \*************************************************************************************************************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractionManager: () => (/* binding */ InteractionManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../node_modules/.pnpm/@tsparticles+engine@4.0.0-alpha.5/node_modules/@tsparticles/engine/browser/index.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractivityConstants.js\");\n/* harmony import */ var _InteractivityEventListeners_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InteractivityEventListeners.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractivityEventListeners.js\");\n/* harmony import */ var _InteractorType_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractorType.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractorType.js\");\n\n\n\n\nclass InteractionManager {\n    constructor(engine, container) {\n        this.container = container;\n        this._intersectionManager = entries => {\n            const { container } = this;\n            if (container.destroyed || !container.actualOptions.pauseOnOutsideViewport) {\n                return;\n            }\n            for (const entry of entries) {\n                if (entry.target !== this.interactivityData.element) {\n                    continue;\n                }\n                if (entry.isIntersecting) {\n                    container.play();\n                }\n                else {\n                    container.pause();\n                }\n            }\n        };\n        this._engine = engine;\n        this._interactors = [];\n        this._externalInteractors = [];\n        this._particleInteractors = [];\n        this._clickHandlers = new Map();\n        this._eventListeners = new _InteractivityEventListeners_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityEventListeners(container, this);\n        this.interactivityData = {\n            mouse: {\n                clicking: false,\n                inside: false,\n            },\n        };\n        this._intersectionObserver = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeIntersectionObserver)(entries => {\n            this._intersectionManager(entries);\n        });\n    }\n    addClickHandler(callback) {\n        const { container, interactivityData } = this;\n        if (container.destroyed) {\n            return;\n        }\n        const el = interactivityData.element;\n        if (!el) {\n            return;\n        }\n        const clickOrTouchHandler = (e, pos, radius) => {\n            if (container.destroyed) {\n                return;\n            }\n            const pxRatio = container.retina.pixelRatio, posRetina = {\n                x: pos.x * pxRatio,\n                y: pos.y * pxRatio,\n            }, particles = container.particles.quadTree.queryCircle(posRetina, radius * pxRatio);\n            callback(e, particles);\n        }, clickHandler = (e) => {\n            if (container.destroyed) {\n                return;\n            }\n            const mouseEvent = e, pos = {\n                x: mouseEvent.offsetX,\n                y: mouseEvent.offsetY,\n            };\n            clickOrTouchHandler(e, pos, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clickRadius);\n        }, touchStartHandler = () => {\n            if (container.destroyed) {\n                return;\n            }\n            touched = true;\n            touchMoved = false;\n        }, touchMoveHandler = () => {\n            if (container.destroyed) {\n                return;\n            }\n            touchMoved = true;\n        }, touchEndHandler = (e) => {\n            if (container.destroyed) {\n                return;\n            }\n            if (touched && !touchMoved) {\n                const touchEvent = e, lastTouch = touchEvent.touches[touchEvent.touches.length - _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.touchEndLengthOffset];\n                if (!lastTouch) {\n                    return;\n                }\n                const element = container.canvas.element, canvasRect = element ? element.getBoundingClientRect() : undefined, pos = {\n                    x: lastTouch.clientX - (canvasRect ? canvasRect.left : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.minCoordinate),\n                    y: lastTouch.clientY - (canvasRect ? canvasRect.top : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.minCoordinate),\n                };\n                clickOrTouchHandler(e, pos, Math.max(lastTouch.radiusX, lastTouch.radiusY));\n            }\n            touched = false;\n            touchMoved = false;\n        }, touchCancelHandler = () => {\n            if (container.destroyed) {\n                return;\n            }\n            touched = false;\n            touchMoved = false;\n        };\n        let touched = false, touchMoved = false;\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.clickEvent, clickHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchStartEvent, touchStartHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchMoveEvent, touchMoveHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, touchEndHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchCancelEvent, touchCancelHandler);\n        for (const [key, handler] of this._clickHandlers) {\n            el.addEventListener(key, handler);\n        }\n    }\n    addListeners() {\n        this._eventListeners.addListeners();\n    }\n    clearClickHandlers() {\n        const { container, interactivityData } = this;\n        if (container.destroyed) {\n            return;\n        }\n        for (const [key, handler] of this._clickHandlers) {\n            interactivityData.element?.removeEventListener(key, handler);\n        }\n        this._clickHandlers.clear();\n    }\n    externalInteract(delta) {\n        for (const interactor of this._externalInteractors) {\n            const { interactivityData } = this;\n            if (interactor.isEnabled(interactivityData)) {\n                interactor.interact(interactivityData, delta);\n            }\n        }\n    }\n    handleClickMode(mode) {\n        if (this.container.destroyed) {\n            return;\n        }\n        const { interactivityData } = this;\n        for (const interactor of this._externalInteractors) {\n            interactor.handleClickMode?.(mode, interactivityData);\n        }\n    }\n    async init() {\n        const interactors = await this._engine.getInteractors?.(this.container, true);\n        if (!interactors) {\n            return;\n        }\n        this._interactors = interactors;\n        this._externalInteractors = [];\n        this._particleInteractors = [];\n        for (const interactor of this._interactors) {\n            switch (interactor.type) {\n                case _InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.external:\n                    this._externalInteractors.push(interactor);\n                    break;\n                case _InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.particles:\n                    this._particleInteractors.push(interactor);\n                    break;\n            }\n            interactor.init();\n        }\n    }\n    particlesInteract(particle, delta) {\n        const { interactivityData } = this;\n        for (const interactor of this._externalInteractors) {\n            interactor.clear(particle, delta);\n        }\n        for (const interactor of this._particleInteractors) {\n            if (interactor.isEnabled(particle, interactivityData)) {\n                interactor.interact(particle, interactivityData, delta);\n            }\n        }\n    }\n    removeListeners() {\n        this._eventListeners.removeListeners();\n    }\n    reset(particle) {\n        const { interactivityData } = this;\n        for (const interactor of this._externalInteractors) {\n            if (interactor.isEnabled(interactivityData)) {\n                interactor.reset(interactivityData, particle);\n            }\n        }\n        for (const interactor of this._particleInteractors) {\n            if (interactor.isEnabled(particle, interactivityData)) {\n                interactor.reset(interactivityData, particle);\n            }\n        }\n    }\n    startObserving() {\n        const { interactivityData } = this;\n        if (interactivityData.element instanceof HTMLElement && this._intersectionObserver) {\n            this._intersectionObserver.observe(interactivityData.element);\n        }\n    }\n    stopObserving() {\n        const { interactivityData } = this;\n        if (interactivityData.element instanceof HTMLElement && this._intersectionObserver) {\n            this._intersectionObserver.unobserve(interactivityData.element);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-squares/../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractionManager.js?\n}");
-
-/***/ },
-
-/***/ "../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractivityEventListeners.js"
-/*!**********************************************************************************************************************************************************************!*\
-  !*** ../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractivityEventListeners.js ***!
-  \**********************************************************************************************************************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityEventListeners: () => (/* binding */ InteractivityEventListeners)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../node_modules/.pnpm/@tsparticles+engine@4.0.0-alpha.5/node_modules/@tsparticles/engine/browser/index.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractivityConstants.js\");\n/* harmony import */ var _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InteractivityDetect.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractivityDetect.js\");\n\n\n\nclass InteractivityEventListeners {\n    constructor(container, interactionManager) {\n        this._canPush = true;\n        this._doMouseTouchClick = e => {\n            const container = this._container, interactionManager = this._interactionManager, options = container.actualOptions;\n            if (this._canPush) {\n                const mouseInteractivity = interactionManager.interactivityData.mouse, mousePos = mouseInteractivity.position;\n                if (!mousePos) {\n                    return;\n                }\n                mouseInteractivity.clickPosition = { ...mousePos };\n                mouseInteractivity.clickTime = Date.now();\n                const onClick = options.interactivity?.events.onClick;\n                if (!onClick?.mode) {\n                    return;\n                }\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(onClick.mode, mode => {\n                    interactionManager.handleClickMode(mode);\n                });\n            }\n            if (e.type === \"touchend\") {\n                setTimeout(() => {\n                    this._mouseTouchFinish();\n                }, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.touchDelay);\n            }\n        };\n        this._handleVisibilityChange = () => {\n            this._mouseTouchFinish();\n        };\n        this._manageInteractivityListeners = (mouseLeaveTmpEvent, add) => {\n            const handlers = this._handlers, container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, interactivityEl = interactionManager.interactivityData.element;\n            if (!interactivityEl) {\n                return;\n            }\n            const html = interactivityEl, canvas = container.canvas;\n            canvas.setPointerEvents(html === canvas.element ? \"initial\" : \"none\");\n            if (!(options.interactivity?.events.onHover.enable || options.interactivity?.events.onClick.enable)) {\n                return;\n            }\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseMoveEvent, handlers.mouseMove, add);\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchStartEvent, handlers.touchStart, add);\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchMoveEvent, handlers.touchMove, add);\n            if (options.interactivity.events.onClick.enable) {\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEndClick, add);\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseUpEvent, handlers.mouseUp, add);\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseDownEvent, handlers.mouseDown, add);\n            }\n            else {\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEnd, add);\n            }\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, mouseLeaveTmpEvent, handlers.mouseLeave, add);\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchCancelEvent, handlers.touchCancel, add);\n        };\n        this._manageListeners = add => {\n            const handlers = this._handlers, container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, detectType = options.interactivity?.detectsOn, canvasEl = container.canvas.element;\n            let mouseLeaveTmpEvent = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseLeaveEvent;\n            if (detectType === _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.window) {\n                interactionManager.interactivityData.element = globalThis;\n                mouseLeaveTmpEvent = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseOutEvent;\n            }\n            else if (detectType === _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.parent && canvasEl) {\n                interactionManager.interactivityData.element = canvasEl.parentElement ?? canvasEl.parentNode;\n            }\n            else {\n                interactionManager.interactivityData.element = canvasEl;\n            }\n            this._manageInteractivityListeners(mouseLeaveTmpEvent, add);\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(document, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.visibilityChangeEvent, handlers.visibilityChange, add, false);\n        };\n        this._mouseDown = () => {\n            const { interactivityData } = this._interactionManager, { mouse } = interactivityData;\n            mouse.clicking = true;\n            mouse.downPosition = mouse.position;\n        };\n        this._mouseTouchClick = e => {\n            const container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, { mouse } = interactionManager.interactivityData;\n            mouse.inside = true;\n            let handled = false;\n            const mousePosition = mouse.position;\n            if (!mousePosition || !options.interactivity?.events.onClick.enable) {\n                return;\n            }\n            for (const plugin of container.plugins) {\n                if (!plugin.clickPositionValid) {\n                    continue;\n                }\n                handled = plugin.clickPositionValid(mousePosition);\n                if (handled) {\n                    break;\n                }\n            }\n            if (!handled) {\n                this._doMouseTouchClick(e);\n            }\n            mouse.clicking = false;\n        };\n        this._mouseTouchFinish = () => {\n            const { interactivityData } = this._interactionManager, { mouse } = interactivityData;\n            delete mouse.position;\n            delete mouse.clickPosition;\n            delete mouse.downPosition;\n            interactivityData.status = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseLeaveEvent;\n            mouse.inside = false;\n            mouse.clicking = false;\n        };\n        this._mouseTouchMove = e => {\n            const container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, interactivity = interactionManager.interactivityData, canvasEl = container.canvas.element;\n            if (!interactivity.element) {\n                return;\n            }\n            interactivity.mouse.inside = true;\n            let pos;\n            if (e.type.startsWith(\"pointer\")) {\n                this._canPush = true;\n                const mouseEvent = e;\n                if (interactivity.element === globalThis) {\n                    if (canvasEl) {\n                        const clientRect = canvasEl.getBoundingClientRect();\n                        pos = {\n                            x: mouseEvent.clientX - clientRect.left,\n                            y: mouseEvent.clientY - clientRect.top,\n                        };\n                    }\n                }\n                else if (options.interactivity?.detectsOn === _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.parent) {\n                    const source = mouseEvent.target, target = mouseEvent.currentTarget;\n                    if (canvasEl) {\n                        const sourceRect = source.getBoundingClientRect(), targetRect = target.getBoundingClientRect(), canvasRect = canvasEl.getBoundingClientRect();\n                        pos = {\n                            x: mouseEvent.offsetX + _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * sourceRect.left - (targetRect.left + canvasRect.left),\n                            y: mouseEvent.offsetY + _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * sourceRect.top - (targetRect.top + canvasRect.top),\n                        };\n                    }\n                    else {\n                        pos = {\n                            x: mouseEvent.offsetX,\n                            y: mouseEvent.offsetY,\n                        };\n                    }\n                }\n                else if (mouseEvent.target === canvasEl) {\n                    pos = {\n                        x: mouseEvent.offsetX,\n                        y: mouseEvent.offsetY,\n                    };\n                }\n            }\n            else {\n                this._canPush = e.type !== \"touchmove\";\n                if (canvasEl) {\n                    const touchEvent = e, lastTouch = touchEvent.touches[touchEvent.touches.length - _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.lengthOffset], canvasRect = canvasEl.getBoundingClientRect();\n                    if (!lastTouch) {\n                        return;\n                    }\n                    pos = {\n                        x: lastTouch.clientX - canvasRect.left,\n                        y: lastTouch.clientY - canvasRect.top,\n                    };\n                }\n            }\n            const pxRatio = container.retina.pixelRatio;\n            if (pos) {\n                pos.x *= pxRatio;\n                pos.y *= pxRatio;\n            }\n            interactivity.mouse.position = pos;\n            interactivity.status = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseMoveEvent;\n        };\n        this._touchEnd = e => {\n            const evt = e, touches = Array.from(evt.changedTouches);\n            for (const touch of touches) {\n                this._touches.delete(touch.identifier);\n            }\n            this._mouseTouchFinish();\n        };\n        this._touchEndClick = e => {\n            const evt = e, touches = Array.from(evt.changedTouches);\n            for (const touch of touches) {\n                this._touches.delete(touch.identifier);\n            }\n            this._mouseTouchClick(e);\n        };\n        this._touchStart = e => {\n            const evt = e, touches = Array.from(evt.changedTouches);\n            for (const touch of touches) {\n                this._touches.set(touch.identifier, performance.now());\n            }\n            this._mouseTouchMove(e);\n        };\n        this._container = container;\n        this._interactionManager = interactionManager;\n        this._touches = new Map();\n        this._handlers = {\n            mouseDown: () => {\n                this._mouseDown();\n            },\n            mouseLeave: () => {\n                this._mouseTouchFinish();\n            },\n            mouseMove: (e) => {\n                this._mouseTouchMove(e);\n            },\n            mouseUp: (e) => {\n                this._mouseTouchClick(e);\n            },\n            touchStart: (e) => {\n                this._touchStart(e);\n            },\n            touchMove: (e) => {\n                this._mouseTouchMove(e);\n            },\n            touchEnd: (e) => {\n                this._touchEnd(e);\n            },\n            touchCancel: (e) => {\n                this._touchEnd(e);\n            },\n            touchEndClick: (e) => {\n                this._touchEndClick(e);\n            },\n            visibilityChange: () => {\n                this._handleVisibilityChange();\n            },\n        };\n    }\n    addListeners() {\n        this._manageListeners(true);\n    }\n    removeListeners() {\n        this._manageListeners(false);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-squares/../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractivityEventListeners.js?\n}");
-
-/***/ },
-
-/***/ "../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractivityPluginInstance.js"
-/*!**********************************************************************************************************************************************************************!*\
-  !*** ../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractivityPluginInstance.js ***!
-  \**********************************************************************************************************************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityPluginInstance: () => (/* binding */ InteractivityPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractionManager.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractionManager.js\");\n/* harmony import */ var _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPluginInstance {\n    constructor(engine, container) {\n        this._container = container;\n        this._engine = engine;\n        this.interactionManager = new _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__.InteractionManager(engine, container);\n        this._container.addClickHandler = (callback) => {\n            this.interactionManager.addClickHandler(callback);\n        };\n    }\n    addClickHandler(callback) {\n        this.interactionManager.addClickHandler(callback);\n    }\n    clearClickHandlers() {\n        this.interactionManager.clearClickHandlers();\n    }\n    destroy() {\n        this.clearClickHandlers();\n        this._engine.interactors?.delete(this._container);\n    }\n    particleCreated(particle) {\n        const interactivityParticle = particle, interactivity = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._engine, this._container);\n        interactivity.load(this._container.actualOptions.interactivity);\n        interactivity.load(interactivityParticle.options.interactivity);\n        interactivityParticle.interactivity = interactivity;\n    }\n    particleReset(particle) {\n        this.interactionManager.reset(particle);\n    }\n    postParticleUpdate(particle, delta) {\n        this.interactionManager.particlesInteract(particle, delta);\n    }\n    postUpdate(delta) {\n        this.interactionManager.externalInteract(delta);\n    }\n    async preInit() {\n        await this.interactionManager.init();\n    }\n    async redrawInit() {\n        await this.interactionManager.init();\n    }\n    start() {\n        this.interactionManager.addListeners();\n        this.interactionManager.startObserving();\n        return Promise.resolve();\n    }\n    stop() {\n        this.interactionManager.removeListeners();\n        this.interactionManager.stopObserving();\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-squares/../../node_modules/.pnpm/@tsparticles+plugin-interactivity@4.0.0-alpha.5/node_modules/@tsparticles/plugin-interactivity/browser/InteractivityPluginInstance.js?\n}");
-
-/***/ }
-
-}]);