@tsparticles/all 4.0.0-beta.9 → 4.0.0

package/plugins_zoom_dist_browser_ZoomPluginInstance_js.js

@@ -1,40 +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-beta.9
- */
-"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["plugins_zoom_dist_browser_ZoomPluginInstance_js"],{
-
-/***/ "../../plugins/zoom/dist/browser/ZoomEventListeners.js"
-/*!*************************************************************!*\
-  !*** ../../plugins/zoom/dist/browser/ZoomEventListeners.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 */   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}");
-
-/***/ },
-
-/***/ "../../plugins/zoom/dist/browser/ZoomPluginInstance.js"
-/*!*************************************************************!*\
-  !*** ../../plugins/zoom/dist/browser/ZoomPluginInstance.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 */   ZoomPluginInstance: () => (/* binding */ ZoomPluginInstance)\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 _ZoomEventListeners_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ZoomEventListeners.js */ \"../../plugins/zoom/dist/browser/ZoomEventListeners.js\");\n\n\nclass ZoomPluginInstance {\n    _container;\n    _listeners;\n    constructor(container){\n        this._container = container;\n        this._listeners = new _ZoomEventListeners_js__WEBPACK_IMPORTED_MODULE_1__.ZoomEventListeners(container);\n    }\n    destroy() {\n        this._listeners.removeListeners();\n    }\n    drawParticleTransform(data) {\n        const container = this._container, canvas = container.canvas, zoom = canvas.zoom;\n        if (zoom === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom) {\n            return;\n        }\n        const center = canvas.getZoomCenter(), { context, position, transformData } = data, zoomedX = center.x + (position.x - center.x) * zoom, zoomedY = center.y + (position.y - center.y) * zoom;\n        data.drawScale = zoom;\n        data.drawRadius = data.radius * zoom;\n        data.drawPosition = {\n            x: zoomedX,\n            y: zoomedY\n        };\n        context.setTransform(transformData.a * zoom, transformData.b * zoom, transformData.c * zoom, transformData.d * zoom, zoomedX, zoomedY);\n    }\n    drawSettingsCleanup(context) {\n        const zoom = this._container.canvas.zoom;\n        if (zoom === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom) {\n            return;\n        }\n        context.restore();\n    }\n    drawSettingsSetup(context) {\n        const zoom = this._container.canvas.zoom;\n        if (zoom === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom) {\n            return;\n        }\n        context.save();\n        const { x: centerX, y: centerY } = this._container.canvas.getZoomCenter();\n        context.translate(centerX, centerY);\n        context.scale(zoom, zoom);\n        context.translate(-centerX, -centerY);\n    }\n    start() {\n        this._listeners.addListeners();\n        return Promise.resolve();\n    }\n    stop() {\n        this._listeners.removeListeners();\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/ZoomPluginInstance.js?\n}");
-
-/***/ }
-
-}]);

package/plugins_zoom_dist_browser_ZoomPlugin_js.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-beta.9
- */
-"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["plugins_zoom_dist_browser_ZoomPlugin_js"],{
-
-/***/ "../../plugins/zoom/dist/browser/ZoomPlugin.js"
-/*!*****************************************************!*\
-  !*** ../../plugins/zoom/dist/browser/ZoomPlugin.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 */   ZoomPlugin: () => (/* binding */ ZoomPlugin)\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\nclass ZoomPlugin {\n    id = \"zoom\";\n    async getPlugin(container) {\n        const { ZoomPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_zoom_dist_browser_ZoomPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ZoomPluginInstance.js */ \"../../plugins/zoom/dist/browser/ZoomPluginInstance.js\"));\n        return new ZoomPluginInstance(container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin()) {\n            return;\n        }\n        let zoomOptions = options.zoom;\n        if (!zoomOptions) {\n            zoomOptions = new _Options_Classes_Zoom_js__WEBPACK_IMPORTED_MODULE_0__.Zoom();\n            options.zoom = zoomOptions;\n        }\n        zoomOptions.load(source?.zoom);\n    }\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/ZoomPlugin.js?\n}");
-
-/***/ }
-
-}]);

package/plugins_zoom_dist_browser_index_js.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-beta.9
- */
-"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["plugins_zoom_dist_browser_index_js"],{
-
-/***/ "../../plugins/zoom/dist/browser/Options/Classes/Zoom.js"
-/*!***************************************************************!*\
-  !*** ../../plugins/zoom/dist/browser/Options/Classes/Zoom.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 */   Zoom: () => (/* binding */ Zoom),\n/* harmony export */   defaultZoom: () => (/* binding */ defaultZoom),\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 */ });\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\nconst defaultZoom = 1;\nclass Zoom {\n    enable;\n    max;\n    min;\n    constructor(){\n        this.enable = false;\n        this.min = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minZoom;\n        this.max = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.maxZoom;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.min !== undefined) {\n            this.min = data.min;\n        }\n        if (data.max !== undefined) {\n            this.max = data.max;\n        }\n    }\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/Options/Classes/Zoom.js?\n}");
-
-/***/ },
-
-/***/ "../../plugins/zoom/dist/browser/Utils/Constants.js"
-/*!**********************************************************!*\
-  !*** ../../plugins/zoom/dist/browser/Utils/Constants.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 */   initialTouchDistance: () => (/* binding */ initialTouchDistance),\n/* harmony export */   maxZoom: () => (/* binding */ maxZoom),\n/* harmony export */   minZoom: () => (/* binding */ minZoom),\n/* harmony export */   touchCenterDivisor: () => (/* binding */ touchCenterDivisor),\n/* harmony export */   touchPointIndexFirst: () => (/* binding */ touchPointIndexFirst),\n/* harmony export */   touchPointIndexSecond: () => (/* binding */ touchPointIndexSecond),\n/* harmony export */   touchPointsCount: () => (/* binding */ touchPointsCount),\n/* harmony export */   zoomGestureFactor: () => (/* binding */ zoomGestureFactor),\n/* harmony export */   zoomInFactor: () => (/* binding */ zoomInFactor),\n/* harmony export */   zoomOutFactor: () => (/* binding */ zoomOutFactor)\n/* harmony export */ });\nconst minZoom = 0.1;\nconst maxZoom = 5;\nconst zoomInFactor = 1.05;\nconst zoomOutFactor = 0.95;\nconst zoomGestureFactor = 0.25;\nconst touchPointsCount = 2;\nconst touchPointIndexFirst = 0;\nconst touchPointIndexSecond = 1;\nconst touchCenterDivisor = 2;\nconst initialTouchDistance = 0;\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/Utils/Constants.js?\n}");
-
-/***/ },
-
-/***/ "../../plugins/zoom/dist/browser/index.js"
-/*!************************************************!*\
-  !*** ../../plugins/zoom/dist/browser/index.js ***!
-  \************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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-beta.9\");\n    await engine.pluginManager.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.pluginManager.addPlugin(new ZoomPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_arrow_dist_browser_ArrowDrawer_js.js

@@ -1,40 +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-beta.9
- */
-"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_arrow_dist_browser_ArrowDrawer_js"],{
-
-/***/ "../../shapes/arrow/dist/browser/ArrowDrawer.js"
-/*!******************************************************!*\
-  !*** ../../shapes/arrow/dist/browser/ArrowDrawer.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 */   ArrowDrawer: () => (/* binding */ ArrowDrawer)\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_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/arrow/dist/browser/Utils.js\");\n\n\nconst defaultHeightFactor = 0.5, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = 0.5;\nclass ArrowDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawArrow)(data);\n    }\n    particleInit(_container, particle) {\n        const shapeData = particle.shapeData;\n        particle.heightFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.heightFactor ?? defaultHeightFactor);\n        particle.headWidthFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);\n        particle.bodyHeightFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/ArrowDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/arrow/dist/browser/Utils.js"
-/*!************************************************!*\
-  !*** ../../shapes/arrow/dist/browser/Utils.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 */   drawArrow: () => (/* binding */ drawArrow)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultHeightFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\nfunction drawArrow(data) {\n    const { context, particle, radius } = data, width = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, heightFactor = particle.heightFactor ?? defaultHeightFactor, headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor, bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;\n    context.moveTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n    context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, -bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, -bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, -height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half + headWidth, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n    context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/arrow/dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_arrow_dist_browser_index_js.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-beta.9
- */
-"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_arrow_dist_browser_index_js"],{
-
-/***/ "../../shapes/arrow/dist/browser/index.js"
-/*!************************************************!*\
-  !*** ../../shapes/arrow/dist/browser/index.js ***!
-  \************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadArrowShape: () => (/* binding */ loadArrowShape)\n/* harmony export */ });\nasync function loadArrowShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.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

@@ -1,40 +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-beta.9
- */
-"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_cards_dist_browser_cards_CardDrawer_js"],{
-
-/***/ "../../shapes/cards/dist/browser/cards/CardDrawer.js"
-/*!***********************************************************!*\
-  !*** ../../shapes/cards/dist/browser/cards/CardDrawer.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 */   CardDrawer: () => (/* binding */ CardDrawer)\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_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils.js */ \"../../shapes/cards/dist/browser/utils.js\");\n\n\nclass CardDrawer {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    draw(data) {\n        const { context, particle, opacity, radius } = data;\n        if (!particle.cardData) {\n            return;\n        }\n        const defaultOpacity = context.globalAlpha, container = this._container;\n        context.globalAlpha = opacity;\n        (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.drawRoundedCard)(context, radius, particle.cardData, container.hdr, particle.isShowingBack(), container.canvas.render.settings);\n        context.globalAlpha = defaultOpacity;\n    }\n    particleInit(_container, particle) {\n        const shape = particle.shapeData;\n        if (!shape) {\n            return;\n        }\n        particle.cardData = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, shape);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/cards/CardDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/utils.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/utils.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 */   drawRoundedCard: () => (/* binding */ drawRoundedCard)\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 _SuitType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SuitType.js */ \"../../shapes/cards/dist/browser/SuitType.js\");\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _paths_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./paths.js */ \"../../shapes/cards/dist/browser/paths.js\");\n\n\n\n\nconst cardWidthRatio = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.triple, cardHeightRatio = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, cornerRadiusRatio = 0.2, cornerFontRatio = 0.4, cornerSuitRatio = 0.3, centerSuitRatio = 0.7, cornerPaddingRatio = 0.2, textHorizontalOffsetRatio = 0.25, minRadius = 0, minAngle = 0, suitEdgeBufferFactor = 0.1, fixedCacheKey = 2, cardsCache = new Map(), redSuitColor = {\n    r: 215,\n    g: 20,\n    b: 20\n}, blackSuitColor = {\n    r: 18,\n    g: 18,\n    b: 18\n};\nfunction drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSettings) {\n    if (flipped) {\n        drawRoundedCardBack(ctx, radius);\n    } else {\n        const cacheKey = getCacheKey(radius, hdr, cardData), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n        let cachedData = cardsCache.get(cacheKey);\n        if (!cachedData) {\n            let cacheCanvas, cacheCtx;\n            if (typeof OffscreenCanvas === \"undefined\") {\n                cacheCanvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n                cacheCanvas.width = cardWidth;\n                cacheCanvas.height = cardHeight;\n                cacheCtx = cacheCanvas.getContext(\"2d\", canvasSettings);\n            } else {\n                cacheCanvas = new OffscreenCanvas(cardWidth, cardHeight);\n                cacheCtx = cacheCanvas.getContext(\"2d\", canvasSettings);\n            }\n            if (cacheCtx) {\n                cacheCtx.translate(halfWidth, halfHeight);\n                drawRoundedCardFront(cacheCtx, radius, cardData, hdr);\n                cachedData = cacheCanvas instanceof HTMLCanvasElement ? cacheCanvas : cacheCanvas.transferToImageBitmap();\n                cardsCache.set(cacheKey, cachedData);\n            }\n        }\n        if (cachedData) {\n            ctx.drawImage(cachedData, -halfWidth, -halfHeight, cardWidth, cardHeight);\n        } else {\n            drawRoundedCardFront(ctx, radius, cardData, hdr);\n        }\n    }\n}\nfunction getCacheKey(radius, hdr, cardData) {\n    return `${radius.toFixed(fixedCacheKey)}-${hdr ? \"hdr\" : \"sdr\"}-${cardData.suit}-${cardData.value}`;\n}\nfunction drawRoundedCardBack(ctx, radius) {\n    drawCardBody(ctx, radius);\n}\nfunction drawRoundedCardFront(ctx, radius, cardData, hdr) {\n    const { suit, value } = cardData, cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, cornerPadding = radius * cornerPaddingRatio, cornerFontSize = radius * cornerFontRatio, cornerSuitSize = radius * cornerSuitRatio, centerSuitSize = radius * centerSuitRatio, textOffset = radius * textHorizontalOffsetRatio, suitEdgeBuffer = radius * suitEdgeBufferFactor, isRed = suit === _SuitType_js__WEBPACK_IMPORTED_MODULE_1__.SuitType.hearts || suit === _SuitType_js__WEBPACK_IMPORTED_MODULE_1__.SuitType.diamonds, color = isRed ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(redSuitColor, hdr) : (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(blackSuitColor, hdr);\n    ctx.save();\n    drawCardBody(ctx, radius);\n    ctx.fillStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)({\n        r: 255,\n        g: 255,\n        b: 255\n    }, hdr);\n    ctx.fill();\n    ctx.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)({\n        r: 0,\n        g: 0,\n        b: 0\n    }, hdr);\n    ctx.stroke();\n    ctx.fillStyle = color;\n    ctx.font = `bold ${cornerFontSize.toString()}px Arial, serif`;\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    const topLeftX = -halfWidth + cornerPadding + suitEdgeBuffer, topLeftY = -halfHeight + cornerPadding + cornerFontSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n    ctx.save();\n    ctx.translate(topLeftX, topLeftY);\n    ctx.beginPath();\n    (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__.drawPath)(ctx, cornerSuitSize, _paths_js__WEBPACK_IMPORTED_MODULE_3__.paths[suit]);\n    ctx.fill();\n    ctx.restore();\n    ctx.fillText(value, topLeftX + textOffset, topLeftY);\n    ctx.save();\n    ctx.translate(halfWidth - cornerPadding - suitEdgeBuffer, halfHeight - cornerPadding - cornerFontSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    ctx.rotate(Math.PI);\n    ctx.save();\n    ctx.beginPath();\n    (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__.drawPath)(ctx, cornerSuitSize, _paths_js__WEBPACK_IMPORTED_MODULE_3__.paths[suit]);\n    ctx.fill();\n    ctx.restore();\n    ctx.fillText(value, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x + textOffset, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n    ctx.restore();\n    ctx.save();\n    ctx.beginPath();\n    (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_2__.drawPath)(ctx, centerSuitSize, _paths_js__WEBPACK_IMPORTED_MODULE_3__.paths[suit]);\n    ctx.fillStyle = color;\n    ctx.fill();\n    ctx.restore();\n    ctx.beginPath();\n    ctx.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, minRadius, minAngle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI, false);\n    ctx.closePath();\n    ctx.restore();\n}\nfunction drawCardBody(ctx, radius) {\n    const cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, cornerRadius = radius * cornerRadiusRatio;\n    ctx.beginPath();\n    ctx.moveTo(-halfWidth + cornerRadius, -halfHeight);\n    ctx.lineTo(halfWidth - cornerRadius, -halfHeight);\n    ctx.quadraticCurveTo(halfWidth, -halfHeight, halfWidth, -halfHeight + cornerRadius);\n    ctx.lineTo(halfWidth, halfHeight - cornerRadius);\n    ctx.quadraticCurveTo(halfWidth, halfHeight, halfWidth - cornerRadius, halfHeight);\n    ctx.lineTo(-halfWidth + cornerRadius, halfHeight);\n    ctx.quadraticCurveTo(-halfWidth, halfHeight, -halfWidth, halfHeight - cornerRadius);\n    ctx.lineTo(-halfWidth, -halfHeight + cornerRadius);\n    ctx.quadraticCurveTo(-halfWidth, -halfHeight, -halfWidth + cornerRadius, -halfHeight);\n    ctx.closePath();\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/utils.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_cards_dist_browser_clubs_ClubDrawer_js.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-beta.9
- */
-"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_cards_dist_browser_clubs_ClubDrawer_js"],{
-
-/***/ "../../shapes/cards/dist/browser/clubs/ClubDrawer.js"
-/*!***********************************************************!*\
-  !*** ../../shapes/cards/dist/browser/clubs/ClubDrawer.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 */   ClubDrawer: () => (/* binding */ ClubDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _paths_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../paths.js */ \"../../shapes/cards/dist/browser/paths.js\");\n\n\nclass ClubDrawer {\n    draw(data) {\n        const { context, radius } = data;\n        (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.drawPath)(context, radius, _paths_js__WEBPACK_IMPORTED_MODULE_1__.paths.clubs);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/clubs/ClubDrawer.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_cards_dist_browser_diamonds_DiamondDrawer_js.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-beta.9
- */
-"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_cards_dist_browser_diamonds_DiamondDrawer_js"],{
-
-/***/ "../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js"
-/*!*****************************************************************!*\
-  !*** ../../shapes/cards/dist/browser/diamonds/DiamondDrawer.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 */   DiamondDrawer: () => (/* binding */ DiamondDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _paths_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../paths.js */ \"../../shapes/cards/dist/browser/paths.js\");\n\n\nclass DiamondDrawer {\n    draw(data) {\n        const { context, radius } = data;\n        (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.drawPath)(context, radius, _paths_js__WEBPACK_IMPORTED_MODULE_1__.paths.diamonds);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_cards_dist_browser_hearts_HeartDrawer_js.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-beta.9
- */
-"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_cards_dist_browser_hearts_HeartDrawer_js"],{
-
-/***/ "../../shapes/cards/dist/browser/hearts/HeartDrawer.js"
-/*!*************************************************************!*\
-  !*** ../../shapes/cards/dist/browser/hearts/HeartDrawer.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 */   HeartDrawer: () => (/* binding */ HeartDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n/* harmony import */ var _paths_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../paths.js */ \"../../shapes/cards/dist/browser/paths.js\");\n\n\nclass HeartDrawer {\n    draw(data) {\n        const { context, radius } = data;\n        (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.drawPath)(context, radius, _paths_js__WEBPACK_IMPORTED_MODULE_1__.paths.hearts);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/hearts/HeartDrawer.js?\n}");
-
-/***/ }
-
-}]);

package/shapes_cards_dist_browser_index_js.js

@@ -1,90 +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-beta.9
- */
-"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_cards_dist_browser_index_js"],{
-
-/***/ "../../shapes/cards/dist/browser/cards/index.js"
-/*!******************************************************!*\
-  !*** ../../shapes/cards/dist/browser/cards/index.js ***!
-  \******************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFullCardsShape: () => (/* binding */ loadFullCardsShape)\n/* harmony export */ });\nasync function loadFullCardsShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"card\"\n        ], async (container)=>{\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(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/cards/index.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/clubs/index.js"
-/*!******************************************************!*\
-  !*** ../../shapes/cards/dist/browser/clubs/index.js ***!
-  \******************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadClubsSuitShape: () => (/* binding */ loadClubsSuitShape)\n/* harmony export */ });\nasync function loadClubsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.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}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/diamonds/index.js"
-/*!*********************************************************!*\
-  !*** ../../shapes/cards/dist/browser/diamonds/index.js ***!
-  \*********************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadDiamondsSuitShape: () => (/* binding */ loadDiamondsSuitShape)\n/* harmony export */ });\nasync function loadDiamondsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.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}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/hearts/index.js"
-/*!*******************************************************!*\
-  !*** ../../shapes/cards/dist/browser/hearts/index.js ***!
-  \*******************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHeartsSuitShape: () => (/* binding */ loadHeartsSuitShape)\n/* harmony export */ });\nasync function loadHeartsSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.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}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/index.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/index.js ***!
-  \************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCardSuitsShape: () => (/* reexport safe */ _suits_js__WEBPACK_IMPORTED_MODULE_1__.loadCardSuitsShape),\n/* harmony export */   loadCardsShape: () => (/* binding */ loadCardsShape),\n/* harmony export */   loadClubsSuitShape: () => (/* reexport safe */ _suits_js__WEBPACK_IMPORTED_MODULE_1__.loadClubsSuitShape),\n/* harmony export */   loadDiamondsSuitShape: () => (/* reexport safe */ _suits_js__WEBPACK_IMPORTED_MODULE_1__.loadDiamondsSuitShape),\n/* harmony export */   loadFullCardsShape: () => (/* reexport safe */ _cards_index_js__WEBPACK_IMPORTED_MODULE_0__.loadFullCardsShape),\n/* harmony export */   loadHeartsSuitShape: () => (/* reexport safe */ _suits_js__WEBPACK_IMPORTED_MODULE_1__.loadHeartsSuitShape),\n/* harmony export */   loadSpadesSuitShape: () => (/* reexport safe */ _suits_js__WEBPACK_IMPORTED_MODULE_1__.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 _suits_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./suits.js */ \"../../shapes/cards/dist/browser/suits.js\");\nasync function loadCardsShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadFullCardsShape }, { loadCardSuitsShape }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./cards/index.js */ \"../../shapes/cards/dist/browser/cards/index.js\")),\n            Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./suits.js */ \"../../shapes/cards/dist/browser/suits.js\"))\n        ]);\n        await Promise.all([\n            loadFullCardsShape(e),\n            loadCardSuitsShape(e)\n        ]);\n    });\n}\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/index.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/spades/index.js"
-/*!*******************************************************!*\
-  !*** ../../shapes/cards/dist/browser/spades/index.js ***!
-  \*******************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSpadesSuitShape: () => (/* binding */ loadSpadesSuitShape)\n/* harmony export */ });\nasync function loadSpadesSuitShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.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}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/suits.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/suits.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 */   loadCardSuitsShape: () => (/* binding */ loadCardSuitsShape),\n/* harmony export */   loadClubsSuitShape: () => (/* reexport safe */ _clubs_index_js__WEBPACK_IMPORTED_MODULE_0__.loadClubsSuitShape),\n/* harmony export */   loadDiamondsSuitShape: () => (/* reexport safe */ _diamonds_index_js__WEBPACK_IMPORTED_MODULE_1__.loadDiamondsSuitShape),\n/* harmony export */   loadHeartsSuitShape: () => (/* reexport safe */ _hearts_index_js__WEBPACK_IMPORTED_MODULE_2__.loadHeartsSuitShape),\n/* harmony export */   loadSpadesSuitShape: () => (/* reexport safe */ _spades_index_js__WEBPACK_IMPORTED_MODULE_3__.loadSpadesSuitShape)\n/* harmony export */ });\n/* harmony import */ var _clubs_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./clubs/index.js */ \"../../shapes/cards/dist/browser/clubs/index.js\");\n/* harmony import */ var _diamonds_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./diamonds/index.js */ \"../../shapes/cards/dist/browser/diamonds/index.js\");\n/* harmony import */ var _hearts_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hearts/index.js */ \"../../shapes/cards/dist/browser/hearts/index.js\");\n/* harmony import */ var _spades_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./spades/index.js */ \"../../shapes/cards/dist/browser/spades/index.js\");\nasync function loadCardSuitsShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.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}\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/cards/dist/browser/suits.js?\n}");
-
-/***/ }
-
-}]);