@tsparticles/all 4.0.0-alpha.23 → 4.0.0-alpha.24

package/plugins_trail_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   loadTrailPlugin: () => (/* binding */ loadTrailPlugin)\n/* harmony export */ });\nasync function loadTrailPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { TrailPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_trail_dist_browser_TrailPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailPlugin.js */ \"../../plugins/trail/dist/browser/TrailPlugin.js\"));\n        e.addPlugin(new TrailPlugin(engine));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/trail/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailPlugin: () => (/* binding */ loadTrailPlugin)\n/* harmony export */ });\nasync function loadTrailPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register(async (e)=>{\n        const { TrailPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_trail_dist_browser_TrailPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailPlugin.js */ \"../../plugins/trail/dist/browser/TrailPlugin.js\"));\n        e.addPlugin(new TrailPlugin(engine));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/trail/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_zoom_dist_browser_ZoomPluginInstance_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   ZoomEventListeners: () => (/* binding */ ZoomEventListeners)\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 _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../plugins/zoom/dist/browser/Utils/Constants.js\");\n\n\nclass ZoomEventListeners {\n    container;\n    _gestureScale;\n    _handlers;\n    _touchDistance;\n    constructor(container){\n        this.container = container;\n        this._gestureScale = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom;\n        this._touchDistance = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance;\n        this._handlers = {\n            gestureStart: (e)=>{\n                this._handleGestureStart(e);\n            },\n            gestureChange: (e)=>{\n                this._handleGestureChange(e);\n            },\n            gestureEnd: (e)=>{\n                this._handleGestureEnd(e);\n            },\n            wheel: (e)=>{\n                this._handleMouseWheel(e);\n            },\n            touchMove: (e)=>{\n                this._handleTouchZoom(e);\n            },\n            touchEnd: ()=>{\n                this._handleTouchEnd();\n            }\n        };\n    }\n    addListeners() {\n        this._manageListeners(true);\n    }\n    removeListeners() {\n        this._manageListeners(false);\n    }\n    _handleGestureChange = (event)=>{\n        const container = this.container, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        const zoomOptions = container.actualOptions.zoom;\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        const gestureEvent = event, baseZoom = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom, gestureFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor, scale = gestureEvent.scale ?? baseZoom;\n        if (scale === this._gestureScale) {\n            return;\n        }\n        const scaleDelta = scale / this._gestureScale, adjustedScale = baseZoom + (scaleDelta - baseZoom) * gestureFactor, currentZoom = canvas.zoom, newZoom = Math.max(zoomOptions.min, Math.min(currentZoom * adjustedScale, zoomOptions.max)), rect = canvasEl.getBoundingClientRect(), clientX = gestureEvent.clientX ?? rect.left + rect.width / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor, clientY = gestureEvent.clientY ?? rect.top + rect.height / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor, pixelRatio = this.container.retina.pixelRatio, centerX = (clientX - rect.left) * pixelRatio, centerY = (clientY - rect.top) * pixelRatio;\n        canvas.setZoom(newZoom, {\n            x: centerX,\n            y: centerY\n        });\n        this._gestureScale = scale;\n    };\n    _handleGestureEnd = (event)=>{\n        const container = this.container, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        const zoomOptions = container.actualOptions.zoom;\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        this._gestureScale = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom;\n    };\n    _handleGestureStart = (event)=>{\n        const container = this.container, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        const zoomOptions = container.actualOptions.zoom;\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        this._gestureScale = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom;\n    };\n    _handleMouseWheel = (event)=>{\n        if (!event.ctrlKey && !event.metaKey) {\n            return;\n        }\n        const container = this.container, zoomOptions = container.actualOptions.zoom, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        const zoomFactor = event.deltaY > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance ? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomOutFactor : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomInFactor, currentZoom = canvas.zoom, newZoom = Math.max(zoomOptions.min, Math.min(currentZoom * zoomFactor, zoomOptions.max)), rect = canvasEl.getBoundingClientRect(), pixelRatio = this.container.retina.pixelRatio, mouseX = (event.clientX - rect.left) * pixelRatio, mouseY = (event.clientY - rect.top) * pixelRatio;\n        canvas.setZoom(newZoom, {\n            x: mouseX,\n            y: mouseY\n        });\n    };\n    _handleTouchEnd = ()=>{\n        this._touchDistance = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance;\n    };\n    _handleTouchZoom = (event)=>{\n        if (event.touches.length !== _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointsCount) {\n            return;\n        }\n        event.preventDefault();\n        const touch1 = event.touches[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexFirst], touch2 = event.touches[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexSecond];\n        if (!touch1 || !touch2) {\n            return;\n        }\n        const dx = touch1.clientX - touch2.clientX, dy = touch1.clientY - touch2.clientY, distance = Math.sqrt(dx * dx + dy * dy);\n        if (this._touchDistance === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance) {\n            this._touchDistance = distance;\n            return;\n        }\n        const container = this.container, zoomOptions = container.actualOptions.zoom, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        const scale = distance / this._touchDistance, baseZoom = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom, gestureFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor, adjustedScale = baseZoom + (scale - baseZoom) * gestureFactor, currentZoom = canvas.zoom, newZoom = Math.max(zoomOptions.min, Math.min(currentZoom * adjustedScale, zoomOptions.max)), rect = canvasEl.getBoundingClientRect(), pixelRatio = this.container.retina.pixelRatio, centerX = ((touch1.clientX + touch2.clientX) / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor - rect.left) * pixelRatio, centerY = ((touch1.clientY + touch2.clientY) / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor - rect.top) * pixelRatio;\n        canvas.setZoom(newZoom, {\n            x: centerX,\n            y: centerY\n        });\n        this._touchDistance = distance;\n    };\n    _isEventInsideCanvas = (event, canvasEl)=>{\n        if (event.target === canvasEl) {\n            return true;\n        }\n        const eventWithPath = event, path = eventWithPath.composedPath();\n        if (path.includes(canvasEl)) {\n            return true;\n        }\n        const { clientX, clientY } = eventWithPath;\n        if (typeof clientX === \"number\" && typeof clientY === \"number\") {\n            const rect = canvasEl.getBoundingClientRect();\n            return clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom;\n        }\n        return false;\n    };\n    _manageListeners = (add)=>{\n        const handlers = this._handlers, canvas = this.container.canvas.element, options = this.container.actualOptions, doc = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)();\n        if (!canvas) {\n            return;\n        }\n        if (add && !options.zoom?.enable) {\n            return;\n        }\n        const listenerOptions = {\n            passive: false\n        }, captureOptions = {\n            capture: true,\n            passive: false\n        };\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"gesturestart\", handlers.gestureStart, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"gesturechange\", handlers.gestureChange, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"gestureend\", handlers.gestureEnd, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"wheel\", handlers.wheel, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"gesturestart\", handlers.gestureStart, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"gesturechange\", handlers.gestureChange, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"gestureend\", handlers.gestureEnd, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"wheel\", handlers.wheel, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"touchmove\", handlers.touchMove, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"touchend\", handlers.touchEnd, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"touchcancel\", handlers.touchEnd, add, listenerOptions);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/ZoomEventListeners.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ZoomEventListeners: () => (/* binding */ ZoomEventListeners)\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 _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../plugins/zoom/dist/browser/Utils/Constants.js\");\n\n\nclass ZoomEventListeners {\n    container;\n    _gestureScale;\n    _handlers;\n    _touchDistance;\n    constructor(container){\n        this.container = container;\n        this._gestureScale = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom;\n        this._touchDistance = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance;\n        this._handlers = {\n            gestureStart: (e)=>{\n                this._handleGestureStart(e);\n            },\n            gestureChange: (e)=>{\n                this._handleGestureChange(e);\n            },\n            gestureEnd: (e)=>{\n                this._handleGestureEnd(e);\n            },\n            wheel: (e)=>{\n                this._handleMouseWheel(e);\n            },\n            touchMove: (e)=>{\n                this._handleTouchZoom(e);\n            },\n            touchEnd: ()=>{\n                this._handleTouchEnd();\n            }\n        };\n    }\n    addListeners() {\n        this._manageListeners(true);\n    }\n    removeListeners() {\n        this._manageListeners(false);\n    }\n    _handleGestureChange = (event)=>{\n        const container = this.container, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        const zoomOptions = container.actualOptions.zoom;\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        const gestureEvent = event, baseZoom = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom, gestureFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor, scale = gestureEvent.scale ?? baseZoom;\n        if (scale === this._gestureScale) {\n            return;\n        }\n        const scaleDelta = scale / this._gestureScale, adjustedScale = baseZoom + (scaleDelta - baseZoom) * gestureFactor, currentZoom = canvas.zoom, newZoom = Math.max(zoomOptions.min, Math.min(currentZoom * adjustedScale, zoomOptions.max)), rect = canvasEl.getBoundingClientRect(), clientX = gestureEvent.clientX ?? rect.left + rect.width / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor, clientY = gestureEvent.clientY ?? rect.top + rect.height / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor, pixelRatio = this.container.retina.pixelRatio, centerX = (clientX - rect.left) * pixelRatio, centerY = (clientY - rect.top) * pixelRatio;\n        canvas.setZoom(newZoom, {\n            x: centerX,\n            y: centerY\n        });\n        this._gestureScale = scale;\n    };\n    _handleGestureEnd = (event)=>{\n        const container = this.container, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        const zoomOptions = container.actualOptions.zoom;\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        this._gestureScale = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom;\n    };\n    _handleGestureStart = (event)=>{\n        const container = this.container, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        const zoomOptions = container.actualOptions.zoom;\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        this._gestureScale = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom;\n    };\n    _handleMouseWheel = (event)=>{\n        if (!event.ctrlKey && !event.metaKey) {\n            return;\n        }\n        const container = this.container, zoomOptions = container.actualOptions.zoom, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        const zoomFactor = event.deltaY > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance ? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomOutFactor : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomInFactor, currentZoom = canvas.zoom, newZoom = Math.max(zoomOptions.min, Math.min(currentZoom * zoomFactor, zoomOptions.max)), rect = canvasEl.getBoundingClientRect(), pixelRatio = this.container.retina.pixelRatio, mouseX = (event.clientX - rect.left) * pixelRatio, mouseY = (event.clientY - rect.top) * pixelRatio;\n        canvas.setZoom(newZoom, {\n            x: mouseX,\n            y: mouseY\n        });\n    };\n    _handleTouchEnd = ()=>{\n        this._touchDistance = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance;\n    };\n    _handleTouchZoom = (event)=>{\n        if (event.touches.length !== _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointsCount) {\n            return;\n        }\n        event.preventDefault();\n        const touch1 = event.touches[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexFirst], touch2 = event.touches[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexSecond];\n        if (!touch1 || !touch2) {\n            return;\n        }\n        const distance = Math.hypot(touch1.clientX - touch2.clientX, touch1.clientY - touch2.clientY);\n        if (this._touchDistance === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance) {\n            this._touchDistance = distance;\n            return;\n        }\n        const container = this.container, zoomOptions = container.actualOptions.zoom, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        const scale = distance / this._touchDistance, baseZoom = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom, gestureFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor, adjustedScale = baseZoom + (scale - baseZoom) * gestureFactor, currentZoom = canvas.zoom, newZoom = Math.max(zoomOptions.min, Math.min(currentZoom * adjustedScale, zoomOptions.max)), rect = canvasEl.getBoundingClientRect(), pixelRatio = this.container.retina.pixelRatio, centerX = ((touch1.clientX + touch2.clientX) / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor - rect.left) * pixelRatio, centerY = ((touch1.clientY + touch2.clientY) / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor - rect.top) * pixelRatio;\n        canvas.setZoom(newZoom, {\n            x: centerX,\n            y: centerY\n        });\n        this._touchDistance = distance;\n    };\n    _isEventInsideCanvas = (event, canvasEl)=>{\n        if (event.target === canvasEl) {\n            return true;\n        }\n        const eventWithPath = event, path = eventWithPath.composedPath();\n        if (path.includes(canvasEl)) {\n            return true;\n        }\n        const { clientX, clientY } = eventWithPath;\n        if (typeof clientX === \"number\" && typeof clientY === \"number\") {\n            const rect = canvasEl.getBoundingClientRect();\n            return clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom;\n        }\n        return false;\n    };\n    _manageListeners = (add)=>{\n        const handlers = this._handlers, canvas = this.container.canvas.element, options = this.container.actualOptions, doc = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)();\n        if (!canvas) {\n            return;\n        }\n        if (add && !options.zoom?.enable) {\n            return;\n        }\n        const listenerOptions = {\n            passive: false\n        }, captureOptions = {\n            capture: true,\n            passive: false\n        };\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"gesturestart\", handlers.gestureStart, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"gesturechange\", handlers.gestureChange, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"gestureend\", handlers.gestureEnd, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"wheel\", handlers.wheel, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"gesturestart\", handlers.gestureStart, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"gesturechange\", handlers.gestureChange, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"gestureend\", handlers.gestureEnd, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"wheel\", handlers.wheel, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"touchmove\", handlers.touchMove, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"touchend\", handlers.touchEnd, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"touchcancel\", handlers.touchEnd, add, listenerOptions);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/ZoomEventListeners.js?\n}");
 
 /***/ },
 

package/plugins_zoom_dist_browser_ZoomPlugin_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/plugins_zoom_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*
@@ -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 */   Zoom: () => (/* reexport safe */ _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__.Zoom),\n/* harmony export */   initialTouchDistance: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance),\n/* harmony export */   loadZoomPlugin: () => (/* binding */ loadZoomPlugin),\n/* harmony export */   maxZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.maxZoom),\n/* harmony export */   minZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minZoom),\n/* harmony export */   touchCenterDivisor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor),\n/* harmony export */   touchPointIndexFirst: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexFirst),\n/* harmony export */   touchPointIndexSecond: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexSecond),\n/* harmony export */   touchPointsCount: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointsCount),\n/* harmony export */   zoomGestureFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor),\n/* harmony export */   zoomInFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomInFactor),\n/* harmony export */   zoomOutFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomOutFactor)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Zoom.js */ \"../../plugins/zoom/dist/browser/Options/Classes/Zoom.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../plugins/zoom/dist/browser/Utils/Constants.js\");\n\n\nasync function loadZoomPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { ZoomPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_zoom_dist_browser_ZoomPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ZoomPlugin.js */ \"../../plugins/zoom/dist/browser/ZoomPlugin.js\"));\n        e.addPlugin(new ZoomPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Zoom: () => (/* reexport safe */ _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__.Zoom),\n/* harmony export */   initialTouchDistance: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance),\n/* harmony export */   loadZoomPlugin: () => (/* binding */ loadZoomPlugin),\n/* harmony export */   maxZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.maxZoom),\n/* harmony export */   minZoom: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minZoom),\n/* harmony export */   touchCenterDivisor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor),\n/* harmony export */   touchPointIndexFirst: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexFirst),\n/* harmony export */   touchPointIndexSecond: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexSecond),\n/* harmony export */   touchPointsCount: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointsCount),\n/* harmony export */   zoomGestureFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor),\n/* harmony export */   zoomInFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomInFactor),\n/* harmony export */   zoomOutFactor: () => (/* reexport safe */ _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomOutFactor)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Zoom.js */ \"../../plugins/zoom/dist/browser/Options/Classes/Zoom.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../plugins/zoom/dist/browser/Utils/Constants.js\");\n\n\nasync function loadZoomPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register(async (e)=>{\n        const { ZoomPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_zoom_dist_browser_ZoomPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ZoomPlugin.js */ \"../../plugins/zoom/dist/browser/ZoomPlugin.js\"));\n        e.addPlugin(new ZoomPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/index.js?\n}");
 
 /***/ }
 

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/all [11 Feb 2026 at 18:29]</title>
+    <title>@tsparticles/all [12 Feb 2026 at 18:53]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>

package/shapes_arrow_dist_browser_ArrowDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_arrow_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   loadArrowShape: () => (/* binding */ loadArrowShape)\n/* harmony export */ });\nasync function loadArrowShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"arrow\"\n        ], async ()=>{\n            const { ArrowDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_arrow_dist_browser_ArrowDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ArrowDrawer.js */ \"../../shapes/arrow/dist/browser/ArrowDrawer.js\"));\n            return new ArrowDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadArrowShape: () => (/* binding */ loadArrowShape)\n/* harmony export */ });\nasync function loadArrowShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"arrow\"\n        ], async ()=>{\n            const { ArrowDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_arrow_dist_browser_ArrowDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ArrowDrawer.js */ \"../../shapes/arrow/dist/browser/ArrowDrawer.js\"));\n            return new ArrowDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_cards_dist_browser_cards_CardDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_cards_dist_browser_clubs_ClubDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_cards_dist_browser_diamonds_DiamondDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_cards_dist_browser_hearts_HeartDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_cards_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   loadFullCardsShape: () => (/* binding */ loadFullCardsShape)\n/* harmony export */ });\nasync function loadFullCardsShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"card\"\n        ], async ()=>{\n            const { CardDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_cards_CardDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./CardDrawer.js */ \"../../shapes/cards/dist/browser/cards/CardDrawer.js\"));\n            return new CardDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/cards/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFullCardsShape: () => (/* binding */ loadFullCardsShape)\n/* harmony export */ });\nasync function loadFullCardsShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"card\"\n        ], async ()=>{\n            const { CardDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_cards_CardDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./CardDrawer.js */ \"../../shapes/cards/dist/browser/cards/CardDrawer.js\"));\n            return new CardDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/cards/index.js?\n}");
 
 /***/ },
 
@@ -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 */   loadClubsSuitShape: () => (/* binding */ loadClubsSuitShape)\n/* harmony export */ });\nasync function loadClubsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"club\",\n            \"clubs\"\n        ], async ()=>{\n            const { ClubDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_clubs_ClubDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./ClubDrawer.js */ \"../../shapes/cards/dist/browser/clubs/ClubDrawer.js\"));\n            return new ClubDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/clubs/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadClubsSuitShape: () => (/* binding */ loadClubsSuitShape)\n/* harmony export */ });\nasync function loadClubsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"club\",\n            \"clubs\"\n        ], async ()=>{\n            const { ClubDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_clubs_ClubDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./ClubDrawer.js */ \"../../shapes/cards/dist/browser/clubs/ClubDrawer.js\"));\n            return new ClubDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/clubs/index.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 */   loadDiamondsSuitShape: () => (/* binding */ loadDiamondsSuitShape)\n/* harmony export */ });\nasync function loadDiamondsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"diamond\",\n            \"diamonds\"\n        ], async ()=>{\n            const { DiamondDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_diamonds_DiamondDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./DiamondDrawer.js */ \"../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js\"));\n            return new DiamondDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/diamonds/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadDiamondsSuitShape: () => (/* binding */ loadDiamondsSuitShape)\n/* harmony export */ });\nasync function loadDiamondsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"diamond\",\n            \"diamonds\"\n        ], async ()=>{\n            const { DiamondDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_diamonds_DiamondDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./DiamondDrawer.js */ \"../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js\"));\n            return new DiamondDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/diamonds/index.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 */   loadHeartsSuitShape: () => (/* binding */ loadHeartsSuitShape)\n/* harmony export */ });\nasync function loadHeartsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"heart\",\n            \"hearts\"\n        ], async ()=>{\n            const { HeartDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_hearts_HeartDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./HeartDrawer.js */ \"../../shapes/cards/dist/browser/hearts/HeartDrawer.js\"));\n            return new HeartDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/hearts/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHeartsSuitShape: () => (/* binding */ loadHeartsSuitShape)\n/* harmony export */ });\nasync function loadHeartsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"heart\",\n            \"hearts\"\n        ], async ()=>{\n            const { HeartDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_hearts_HeartDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./HeartDrawer.js */ \"../../shapes/cards/dist/browser/hearts/HeartDrawer.js\"));\n            return new HeartDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/hearts/index.js?\n}");
 
 /***/ },
 
@@ -63,7 +63,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 */   loadCardSuitsShape: () => (/* binding */ loadCardSuitsShape),\n/* harmony export */   loadCardsShape: () => (/* binding */ loadCardsShape),\n/* harmony export */   loadClubsSuitShape: () => (/* reexport safe */ _clubs_index_js__WEBPACK_IMPORTED_MODULE_1__.loadClubsSuitShape),\n/* harmony export */   loadDiamondsSuitShape: () => (/* reexport safe */ _diamonds_index_js__WEBPACK_IMPORTED_MODULE_2__.loadDiamondsSuitShape),\n/* harmony export */   loadFullCardsShape: () => (/* reexport safe */ _cards_index_js__WEBPACK_IMPORTED_MODULE_0__.loadFullCardsShape),\n/* harmony export */   loadHeartsSuitShape: () => (/* reexport safe */ _hearts_index_js__WEBPACK_IMPORTED_MODULE_3__.loadHeartsSuitShape),\n/* harmony export */   loadSpadesSuitShape: () => (/* reexport safe */ _spades_index_js__WEBPACK_IMPORTED_MODULE_4__.loadSpadesSuitShape)\n/* harmony export */ });\n/* harmony import */ var _cards_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cards/index.js */ \"../../shapes/cards/dist/browser/cards/index.js\");\n/* harmony import */ var _clubs_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\");\n/* harmony import */ var _diamonds_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\");\n/* harmony import */ var _hearts_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\");\n/* harmony import */ var _spades_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\");\nasync function loadCardSuitsShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const [{ loadClubsSuitShape }, { loadDiamondsSuitShape }, { loadHeartsSuitShape }, { loadSpadesSuitShape }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\"))\n        ]);\n        await Promise.all([\n            loadClubsSuitShape(e),\n            loadDiamondsSuitShape(e),\n            loadHeartsSuitShape(e),\n            loadSpadesSuitShape(e)\n        ]);\n    });\n}\nasync function loadCardsShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { loadFullCardsShape } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./cards/index.js */ \"../../shapes/cards/dist/browser/cards/index.js\"));\n        await Promise.all([\n            loadFullCardsShape(e),\n            loadCardSuitsShape(e)\n        ]);\n    });\n}\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCardSuitsShape: () => (/* binding */ loadCardSuitsShape),\n/* harmony export */   loadCardsShape: () => (/* binding */ loadCardsShape),\n/* harmony export */   loadClubsSuitShape: () => (/* reexport safe */ _clubs_index_js__WEBPACK_IMPORTED_MODULE_1__.loadClubsSuitShape),\n/* harmony export */   loadDiamondsSuitShape: () => (/* reexport safe */ _diamonds_index_js__WEBPACK_IMPORTED_MODULE_2__.loadDiamondsSuitShape),\n/* harmony export */   loadFullCardsShape: () => (/* reexport safe */ _cards_index_js__WEBPACK_IMPORTED_MODULE_0__.loadFullCardsShape),\n/* harmony export */   loadHeartsSuitShape: () => (/* reexport safe */ _hearts_index_js__WEBPACK_IMPORTED_MODULE_3__.loadHeartsSuitShape),\n/* harmony export */   loadSpadesSuitShape: () => (/* reexport safe */ _spades_index_js__WEBPACK_IMPORTED_MODULE_4__.loadSpadesSuitShape)\n/* harmony export */ });\n/* harmony import */ var _cards_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cards/index.js */ \"../../shapes/cards/dist/browser/cards/index.js\");\n/* harmony import */ var _clubs_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\");\n/* harmony import */ var _diamonds_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\");\n/* harmony import */ var _hearts_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\");\n/* harmony import */ var _spades_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\");\nasync function loadCardSuitsShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register(async (e)=>{\n        const [{ loadClubsSuitShape }, { loadDiamondsSuitShape }, { loadHeartsSuitShape }, { loadSpadesSuitShape }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\"))\n        ]);\n        await Promise.all([\n            loadClubsSuitShape(e),\n            loadDiamondsSuitShape(e),\n            loadHeartsSuitShape(e),\n            loadSpadesSuitShape(e)\n        ]);\n    });\n}\nasync function loadCardsShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register(async (e)=>{\n        const { loadFullCardsShape } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./cards/index.js */ \"../../shapes/cards/dist/browser/cards/index.js\"));\n        await Promise.all([\n            loadFullCardsShape(e),\n            loadCardSuitsShape(e)\n        ]);\n    });\n}\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/index.js?\n}");
 
 /***/ },
 
@@ -73,7 +73,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 */   loadSpadesSuitShape: () => (/* binding */ loadSpadesSuitShape)\n/* harmony export */ });\nasync function loadSpadesSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"spade\",\n            \"spades\"\n        ], async ()=>{\n            const { SpadeDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_spades_SpadeDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./SpadeDrawer.js */ \"../../shapes/cards/dist/browser/spades/SpadeDrawer.js\"));\n            return new SpadeDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/spades/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSpadesSuitShape: () => (/* binding */ loadSpadesSuitShape)\n/* harmony export */ });\nasync function loadSpadesSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"spade\",\n            \"spades\"\n        ], async ()=>{\n            const { SpadeDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_cards_dist_browser_paths_js\"), __webpack_require__.e(\"shapes_cards_dist_browser_spades_SpadeDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./SpadeDrawer.js */ \"../../shapes/cards/dist/browser/spades/SpadeDrawer.js\"));\n            return new SpadeDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/spades/index.js?\n}");
 
 /***/ }
 

package/shapes_cards_dist_browser_paths_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_cards_dist_browser_spades_SpadeDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_circle_dist_browser_CircleDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_circle_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   loadCircleShape: () => (/* binding */ loadCircleShape)\n/* harmony export */ });\nasync function loadCircleShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"circle\"\n        ], async ()=>{\n            const { CircleDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_CircleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CircleDrawer.js */ \"../../shapes/circle/dist/browser/CircleDrawer.js\"));\n            return new CircleDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/circle/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCircleShape: () => (/* binding */ loadCircleShape)\n/* harmony export */ });\nasync function loadCircleShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"circle\"\n        ], async ()=>{\n            const { CircleDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_CircleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CircleDrawer.js */ \"../../shapes/circle/dist/browser/CircleDrawer.js\"));\n            return new CircleDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/circle/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_cog_dist_browser_CogDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_cog_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   loadCogShape: () => (/* binding */ loadCogShape)\n/* harmony export */ });\nasync function loadCogShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"cog\"\n        ], async ()=>{\n            const { CogDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_cog_dist_browser_CogDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CogDrawer.js */ \"../../shapes/cog/dist/browser/CogDrawer.js\"));\n            return new CogDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cog/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCogShape: () => (/* binding */ loadCogShape)\n/* harmony export */ });\nasync function loadCogShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"cog\"\n        ], async ()=>{\n            const { CogDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_cog_dist_browser_CogDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CogDrawer.js */ \"../../shapes/cog/dist/browser/CogDrawer.js\"));\n            return new CogDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cog/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_emoji_dist_browser_EmojiDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_emoji_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   loadEmojiShape: () => (/* binding */ loadEmojiShape)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/emoji/dist/browser/Utils.js\");\n\nasync function loadEmojiShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape(_Utils_js__WEBPACK_IMPORTED_MODULE_0__.validTypes, async ()=>{\n            const { EmojiDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_emoji_dist_browser_EmojiDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmojiDrawer.js */ \"../../shapes/emoji/dist/browser/EmojiDrawer.js\"));\n            return new EmojiDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/emoji/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEmojiShape: () => (/* binding */ loadEmojiShape)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/emoji/dist/browser/Utils.js\");\n\nasync function loadEmojiShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape(_Utils_js__WEBPACK_IMPORTED_MODULE_0__.validTypes, async ()=>{\n            const { EmojiDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_emoji_dist_browser_EmojiDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmojiDrawer.js */ \"../../shapes/emoji/dist/browser/EmojiDrawer.js\"));\n            return new EmojiDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/emoji/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_heart_dist_browser_HeartDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_heart_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   loadHeartShape: () => (/* binding */ loadHeartShape)\n/* harmony export */ });\nasync function loadHeartShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"heart\"\n        ], async ()=>{\n            const { HeartDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_heart_dist_browser_HeartDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HeartDrawer.js */ \"../../shapes/heart/dist/browser/HeartDrawer.js\"));\n            return new HeartDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/heart/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHeartShape: () => (/* binding */ loadHeartShape)\n/* harmony export */ });\nasync function loadHeartShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"heart\"\n        ], async ()=>{\n            const { HeartDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_heart_dist_browser_HeartDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HeartDrawer.js */ \"../../shapes/heart/dist/browser/HeartDrawer.js\"));\n            return new HeartDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/heart/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_image_dist_browser_GifUtils_Utils_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_image_dist_browser_ImageDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_image_dist_browser_ImagePreloaderInstance_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_image_dist_browser_ImagePreloader_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_image_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   loadImageShape: () => (/* binding */ loadImageShape)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/image/dist/browser/Utils.js\");\n\nconst extLength = 3;\nfunction addLoadImageToEngine(engine) {\n    engine.getImages ??= (container)=>{\n        engine.images ??= new Map();\n        let images = engine.images.get(container);\n        if (!images) {\n            images = [];\n            engine.images.set(container, images);\n        }\n        return images;\n    };\n    engine.loadImage ??= async (container, data)=>{\n        if (!engine.getImages) {\n            throw new Error(\"No images collection found\");\n        }\n        if (!data.name && !data.src) {\n            throw new Error(\"No image source provided\");\n        }\n        engine.images ??= new Map();\n        const containerImages = engine.getImages(container);\n        if (containerImages.some((t)=>t.name === data.name || t.source === data.src)) {\n            return;\n        }\n        try {\n            const image = {\n                gif: data.gif,\n                name: data.name ?? data.src,\n                source: data.src,\n                type: data.src.substring(data.src.length - extLength),\n                error: false,\n                loading: true,\n                replaceColor: data.replaceColor,\n                ratio: data.width && data.height ? data.width / data.height : undefined\n            };\n            containerImages.push(image);\n            engine.images.set(container, containerImages);\n            let imageFunc;\n            if (data.gif) {\n                const { loadGifImage } = await __webpack_require__.e(/*! import() */ \"shapes_image_dist_browser_GifUtils_Utils_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./GifUtils/Utils.js */ \"../../shapes/image/dist/browser/GifUtils/Utils.js\"));\n                imageFunc = (img)=>loadGifImage(img, {\n                        colorSpace: \"srgb\"\n                    });\n            } else if (data.replaceColor) {\n                const { downloadSvgImage } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./Utils.js */ \"../../shapes/image/dist/browser/Utils.js\"));\n                imageFunc = downloadSvgImage;\n            } else {\n                const { loadImage } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./Utils.js */ \"../../shapes/image/dist/browser/Utils.js\"));\n                imageFunc = loadImage;\n            }\n            await imageFunc(image);\n        } catch  {\n            throw new Error(`${data.name ?? data.src} not found`);\n        }\n    };\n}\nasync function loadImageShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { ImagePreloaderPlugin } = await __webpack_require__.e(/*! import() */ \"shapes_image_dist_browser_ImagePreloader_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ImagePreloader.js */ \"../../shapes/image/dist/browser/ImagePreloader.js\"));\n        addLoadImageToEngine(e);\n        e.addPlugin(new ImagePreloaderPlugin(e));\n        e.addShape(_Utils_js__WEBPACK_IMPORTED_MODULE_0__.shapeTypes, async ()=>{\n            const { ImageDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_image_dist_browser_GifUtils_Utils_js\"), __webpack_require__.e(\"shapes_image_dist_browser_ImageDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./ImageDrawer.js */ \"../../shapes/image/dist/browser/ImageDrawer.js\"));\n            return new ImageDrawer(e);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/image/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadImageShape: () => (/* binding */ loadImageShape)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/image/dist/browser/Utils.js\");\n\nconst extLength = 3;\nfunction addLoadImageToEngine(engine) {\n    engine.getImages ??= (container)=>{\n        engine.images ??= new Map();\n        let images = engine.images.get(container);\n        if (!images) {\n            images = [];\n            engine.images.set(container, images);\n        }\n        return images;\n    };\n    engine.loadImage ??= async (container, data)=>{\n        if (!engine.getImages) {\n            throw new Error(\"No images collection found\");\n        }\n        if (!data.name && !data.src) {\n            throw new Error(\"No image source provided\");\n        }\n        engine.images ??= new Map();\n        const containerImages = engine.getImages(container);\n        if (containerImages.some((t)=>t.name === data.name || t.source === data.src)) {\n            return;\n        }\n        try {\n            const image = {\n                gif: data.gif,\n                name: data.name ?? data.src,\n                source: data.src,\n                type: data.src.substring(data.src.length - extLength),\n                error: false,\n                loading: true,\n                replaceColor: data.replaceColor,\n                ratio: data.width && data.height ? data.width / data.height : undefined\n            };\n            containerImages.push(image);\n            engine.images.set(container, containerImages);\n            let imageFunc;\n            if (data.gif) {\n                const { loadGifImage } = await __webpack_require__.e(/*! import() */ \"shapes_image_dist_browser_GifUtils_Utils_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./GifUtils/Utils.js */ \"../../shapes/image/dist/browser/GifUtils/Utils.js\"));\n                imageFunc = (img)=>loadGifImage(img, {\n                        colorSpace: \"srgb\"\n                    });\n            } else if (data.replaceColor) {\n                const { downloadSvgImage } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./Utils.js */ \"../../shapes/image/dist/browser/Utils.js\"));\n                imageFunc = downloadSvgImage;\n            } else {\n                const { loadImage } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./Utils.js */ \"../../shapes/image/dist/browser/Utils.js\"));\n                imageFunc = loadImage;\n            }\n            await imageFunc(image);\n        } catch  {\n            throw new Error(`${data.name ?? data.src} not found`);\n        }\n    };\n}\nasync function loadImageShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register(async (e)=>{\n        const { ImagePreloaderPlugin } = await __webpack_require__.e(/*! import() */ \"shapes_image_dist_browser_ImagePreloader_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ImagePreloader.js */ \"../../shapes/image/dist/browser/ImagePreloader.js\"));\n        addLoadImageToEngine(e);\n        e.addPlugin(new ImagePreloaderPlugin(e));\n        e.addShape(_Utils_js__WEBPACK_IMPORTED_MODULE_0__.shapeTypes, async ()=>{\n            const { ImageDrawer } = await Promise.all(/*! import() */[__webpack_require__.e(\"shapes_image_dist_browser_GifUtils_Utils_js\"), __webpack_require__.e(\"shapes_image_dist_browser_ImageDrawer_js\")]).then(__webpack_require__.bind(__webpack_require__, /*! ./ImageDrawer.js */ \"../../shapes/image/dist/browser/ImageDrawer.js\"));\n            return new ImageDrawer(e);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/image/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_infinity_dist_browser_InfinityDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_infinity_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   loadInfinityShape: () => (/* binding */ loadInfinityShape)\n/* harmony export */ });\nasync function loadInfinityShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"infinity\"\n        ], async ()=>{\n            const { InfinityDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_infinity_dist_browser_InfinityDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InfinityDrawer.js */ \"../../shapes/infinity/dist/browser/InfinityDrawer.js\"));\n            return new InfinityDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/infinity/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadInfinityShape: () => (/* binding */ loadInfinityShape)\n/* harmony export */ });\nasync function loadInfinityShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"infinity\"\n        ], async ()=>{\n            const { InfinityDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_infinity_dist_browser_InfinityDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InfinityDrawer.js */ \"../../shapes/infinity/dist/browser/InfinityDrawer.js\"));\n            return new InfinityDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/infinity/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_line_dist_browser_LineDrawer_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.23
+ * v4.0.0-alpha.24
  */
 "use strict";
 /*

package/shapes_line_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.23
+ * v4.0.0-alpha.24
  */
 "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 */   loadLineShape: () => (/* binding */ loadLineShape)\n/* harmony export */ });\nasync function loadLineShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"line\"\n        ], async ()=>{\n            const { LineDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_line_dist_browser_LineDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LineDrawer.js */ \"../../shapes/line/dist/browser/LineDrawer.js\"));\n            return new LineDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/line/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadLineShape: () => (/* binding */ loadLineShape)\n/* harmony export */ });\nasync function loadLineShape(engine) {\n    engine.checkVersion(\"4.0.0-alpha.24\");\n    await engine.register((e)=>{\n        e.addShape([\n            \"line\"\n        ], async ()=>{\n            const { LineDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_line_dist_browser_LineDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LineDrawer.js */ \"../../shapes/line/dist/browser/LineDrawer.js\"));\n            return new LineDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/line/dist/browser/index.js?\n}");
 
 /***/ }