@tsparticles/confetti 4.0.0-alpha.8 → 4.0.0-beta.0

package/plugins_motion_dist_browser_MotionPlugin_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.8
+ * v4.0.0-beta.0
  */
 "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 */   MotionPlugin: () => (/* binding */ MotionPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Motion_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Motion.js */ \"../../plugins/motion/dist/browser/Options/Classes/Motion.js\");\n\nclass MotionPlugin {\n  constructor() {\n    this.id = \"motion\";\n  }\n  async getPlugin(container) {\n    const {\n      MotionPluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"plugins_motion_dist_browser_MotionPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MotionPluginInstance.js */ \"../../plugins/motion/dist/browser/MotionPluginInstance.js\"));\n    return new MotionPluginInstance(container);\n  }\n  loadOptions(_container, options, source) {\n    if (!this.needsPlugin()) {\n      return;\n    }\n    let motionOptions = options.motion;\n    if (!motionOptions?.load) {\n      options.motion = motionOptions = new _Options_Classes_Motion_js__WEBPACK_IMPORTED_MODULE_0__.Motion();\n    }\n    motionOptions.load(source?.motion);\n  }\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/motion/dist/browser/MotionPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   MotionPlugin: () => (/* binding */ MotionPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Motion_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Motion.js */ \"../../plugins/motion/dist/browser/Options/Classes/Motion.js\");\n\nclass MotionPlugin {\n    id = \"motion\";\n    async getPlugin(container) {\n        const { MotionPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_motion_dist_browser_MotionPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MotionPluginInstance.js */ \"../../plugins/motion/dist/browser/MotionPluginInstance.js\"));\n        return new MotionPluginInstance(container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin()) {\n            return;\n        }\n        let motionOptions = options.motion;\n        if (!motionOptions?.load) {\n            options.motion = motionOptions = new _Options_Classes_Motion_js__WEBPACK_IMPORTED_MODULE_0__.Motion();\n        }\n        motionOptions.load(source?.motion);\n    }\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/motion/dist/browser/MotionPlugin.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 */   Motion: () => (/* binding */ Motion)\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 _MotionReduce_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MotionReduce.js */ \"../../plugins/motion/dist/browser/Options/Classes/MotionReduce.js\");\n\n\nclass Motion {\n  constructor() {\n    this.disable = true;\n    this.reduce = new _MotionReduce_js__WEBPACK_IMPORTED_MODULE_1__.MotionReduce();\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.disable !== undefined) {\n      this.disable = data.disable;\n    }\n    this.reduce.load(data.reduce);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/motion/dist/browser/Options/Classes/Motion.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Motion: () => (/* binding */ Motion)\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 _MotionReduce_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MotionReduce.js */ \"../../plugins/motion/dist/browser/Options/Classes/MotionReduce.js\");\n\n\nclass Motion {\n    disable;\n    reduce;\n    constructor(){\n        this.disable = true;\n        this.reduce = new _MotionReduce_js__WEBPACK_IMPORTED_MODULE_1__.MotionReduce();\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.disable !== undefined) {\n            this.disable = data.disable;\n        }\n        this.reduce.load(data.reduce);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/motion/dist/browser/Options/Classes/Motion.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 */   MotionReduce: () => (/* binding */ MotionReduce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass MotionReduce {\n  constructor() {\n    this.factor = 4;\n    this.value = true;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.factor !== undefined) {\n      this.factor = data.factor;\n    }\n    if (data.value !== undefined) {\n      this.value = data.value;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/motion/dist/browser/Options/Classes/MotionReduce.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   MotionReduce: () => (/* binding */ MotionReduce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass MotionReduce {\n    factor;\n    value;\n    constructor(){\n        this.factor = 4;\n        this.value = true;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.factor !== undefined) {\n            this.factor = data.factor;\n        }\n        if (data.value !== undefined) {\n            this.value = data.value;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/motion/dist/browser/Options/Classes/MotionReduce.js?\n}");
 
 /***/ }
 

package/plugins_motion_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.8
+ * v4.0.0-beta.0
  */
 "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 */   loadMotionPlugin: () => (/* binding */ loadMotionPlugin)\n/* harmony export */ });\nasync function loadMotionPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      MotionPlugin\n    } = await __webpack_require__.e(/*! import() */ \"plugins_motion_dist_browser_MotionPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MotionPlugin.js */ \"../../plugins/motion/dist/browser/MotionPlugin.js\"));\n    e.addPlugin(new MotionPlugin());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/motion/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadMotionPlugin: () => (/* binding */ loadMotionPlugin)\n/* harmony export */ });\nasync function loadMotionPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { MotionPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_motion_dist_browser_MotionPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MotionPlugin.js */ \"../../plugins/motion/dist/browser/MotionPlugin.js\"));\n        e.addPlugin(new MotionPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/motion/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_move_dist_browser_MovePluginInstance_js.js

@@ -0,0 +1,40 @@
+/*!
+ * 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.0
+ */
+"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_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["plugins_move_dist_browser_MovePluginInstance_js"],{
+
+/***/ "../../plugins/move/dist/browser/MovePluginInstance.js"
+/*!*************************************************************!*\
+  !*** ../../plugins/move/dist/browser/MovePluginInstance.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 */   MovePluginInstance: () => (/* binding */ MovePluginInstance)\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 */ \"../../plugins/move/dist/browser/Utils.js\");\n\n\nconst diffFactor = 2, defaultSizeFactor = 1, defaultDeltaFactor = 1;\nclass MovePluginInstance {\n    availablePathGenerators;\n    pathGenerators;\n    _container;\n    _engine;\n    constructor(engine, container){\n        this._engine = engine;\n        this._container = container;\n        this.availablePathGenerators = new Map();\n        this.pathGenerators = new Map();\n    }\n    destroy() {\n        this.availablePathGenerators = new Map();\n        this.pathGenerators = new Map();\n    }\n    isEnabled(particle) {\n        return !particle.destroyed && particle.options.move.enable;\n    }\n    particleCreated(particle) {\n        const options = particle.options, gravityOptions = options.move.gravity, pathOptions = options.move.path;\n        particle.moveDecay = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.decayOffset - (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(options.move.decay);\n        particle.pathDelay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(pathOptions.delay.value) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds;\n        if (pathOptions.generator) {\n            let pathGenerator = this.pathGenerators.get(pathOptions.generator);\n            if (!pathGenerator) {\n                pathGenerator = this.availablePathGenerators.get(pathOptions.generator);\n                if (pathGenerator) {\n                    this.pathGenerators.set(pathOptions.generator, pathGenerator);\n                    pathGenerator.init();\n                }\n            }\n            particle.pathGenerator = pathGenerator;\n        }\n        particle.gravity = {\n            enable: gravityOptions.enable,\n            acceleration: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(gravityOptions.acceleration),\n            inverse: gravityOptions.inverse\n        };\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.initSpin)(particle);\n    }\n    particleDestroyed(particle) {\n        const pathGenerator = particle.pathGenerator;\n        pathGenerator?.reset(particle);\n    }\n    particleUpdate(particle, delta) {\n        const particleOptions = particle.options, moveOptions = particleOptions.move;\n        if (!moveOptions.enable) {\n            return;\n        }\n        const container = particle.container, pxRatio = container.retina.pixelRatio;\n        particle.retina.moveSpeed ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(moveOptions.speed) * pxRatio;\n        particle.retina.moveDrift ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(particle.options.move.drift) * pxRatio;\n        const slowFactor = (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.getProximitySpeedFactor)(particle), reduceFactor = container.retina.reduceFactor, baseSpeed = particle.retina.moveSpeed, moveDrift = particle.retina.moveDrift, maxSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(particleOptions.size.value) * pxRatio, sizeFactor = moveOptions.size ? particle.getRadius() / maxSize : defaultSizeFactor, deltaFactor = delta.factor || defaultDeltaFactor, moveSpeed = baseSpeed * sizeFactor * slowFactor * deltaFactor / diffFactor, maxSpeed = particle.retina.maxSpeed ?? container.retina.maxSpeed;\n        if (moveOptions.spin.enable) {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.spin)(particle, moveSpeed, reduceFactor);\n        } else {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.move)(particle, moveOptions, moveSpeed, maxSpeed, moveDrift, reduceFactor, delta);\n        }\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.applyDistance)(particle);\n    }\n    preInit() {\n        return this._init();\n    }\n    redrawInit() {\n        return this._init();\n    }\n    update() {\n        for (const pathGenerator of this.pathGenerators.values()){\n            pathGenerator.update();\n        }\n    }\n    async _init() {\n        const availablePathGenerators = await this._engine.getPathGenerators?.(this._container, true);\n        if (!availablePathGenerators) {\n            return;\n        }\n        this.availablePathGenerators = availablePathGenerators;\n        this.pathGenerators = new Map();\n        for (const pathGenerator of this.pathGenerators.values()){\n            pathGenerator.init();\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/move/dist/browser/MovePluginInstance.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/move/dist/browser/Utils.js"
+/*!************************************************!*\
+  !*** ../../plugins/move/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 */   applyDistance: () => (/* binding */ applyDistance),\n/* harmony export */   applyPath: () => (/* binding */ applyPath),\n/* harmony export */   getProximitySpeedFactor: () => (/* binding */ getProximitySpeedFactor),\n/* harmony export */   initSpin: () => (/* binding */ initSpin),\n/* harmony export */   move: () => (/* binding */ move),\n/* harmony export */   spin: () => (/* binding */ spin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minVelocity = 0, identity = 1, moveSpeedFactor = 60, minSpinRadius = 0, spinFactor = 0.01, defaultPathDelay = 0, noDecay = 1;\nfunction applyDistance(particle) {\n    const initialPosition = particle.initialPosition, { dx, dy } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(initialPosition, particle.position), dxFixed = Math.abs(dx), dyFixed = Math.abs(dy), { maxDistance } = particle.retina, hDistance = maxDistance.horizontal, vDistance = maxDistance.vertical;\n    if (!hDistance && !vDistance) {\n        return;\n    }\n    const hasHDistance = (hDistance && dxFixed >= hDistance) ?? false, hasVDistance = (vDistance && dyFixed >= vDistance) ?? false;\n    if ((hasHDistance || hasVDistance) && !particle.misplaced) {\n        particle.misplaced = !!hDistance && dxFixed > hDistance || !!vDistance && dyFixed > vDistance;\n        if (hDistance) {\n            particle.velocity.x = particle.velocity.y * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - particle.velocity.x;\n        }\n        if (vDistance) {\n            particle.velocity.y = particle.velocity.x * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - particle.velocity.y;\n        }\n    } else if ((!hDistance || dxFixed < hDistance) && (!vDistance || dyFixed < vDistance) && particle.misplaced) {\n        particle.misplaced = false;\n    } else if (particle.misplaced) {\n        const pos = particle.position, vel = particle.velocity;\n        if (hDistance && (pos.x < initialPosition.x && vel.x < minVelocity || pos.x > initialPosition.x && vel.x > minVelocity)) {\n            vel.x *= -(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)();\n        }\n        if (vDistance && (pos.y < initialPosition.y && vel.y < minVelocity || pos.y > initialPosition.y && vel.y > minVelocity)) {\n            vel.y *= -(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)();\n        }\n    }\n}\nfunction move(particle, moveOptions, moveSpeed, maxSpeed, moveDrift, reduceFactor, delta) {\n    applyPath(particle, delta);\n    const gravityOptions = particle.gravity, gravityFactor = gravityOptions?.enable && gravityOptions.inverse ? -identity : identity;\n    if (moveDrift && moveSpeed) {\n        particle.velocity.x += moveDrift * delta.factor / (moveSpeedFactor * moveSpeed);\n    }\n    if (gravityOptions?.enable && moveSpeed) {\n        particle.velocity.y += gravityFactor * (gravityOptions.acceleration * delta.factor) / (moveSpeedFactor * moveSpeed);\n    }\n    const decay = particle.moveDecay;\n    particle.velocity.multTo(decay ?? noDecay);\n    const velocity = particle.velocity.mult(moveSpeed);\n    if (gravityOptions?.enable && maxSpeed > minVelocity && (!gravityOptions.inverse && velocity.y >= minVelocity && velocity.y >= maxSpeed || gravityOptions.inverse && velocity.y <= minVelocity && velocity.y <= -maxSpeed)) {\n        velocity.y = gravityFactor * maxSpeed;\n        if (moveSpeed) {\n            particle.velocity.y = velocity.y / moveSpeed;\n        }\n    }\n    const zIndexOptions = particle.options.zIndex, zVelocityFactor = (identity - particle.zIndexFactor) ** zIndexOptions.velocityRate;\n    velocity.multTo(zVelocityFactor);\n    velocity.multTo(reduceFactor);\n    const { position } = particle;\n    position.addTo(velocity);\n    if (moveOptions.vibrate) {\n        position.x += Math.sin(position.x * Math.cos(position.y)) * reduceFactor;\n        position.y += Math.cos(position.y * Math.sin(position.x)) * reduceFactor;\n    }\n}\nfunction spin(particle, moveSpeed, reduceFactor) {\n    const container = particle.container;\n    if (!particle.spin) {\n        return;\n    }\n    const spinClockwise = particle.spin.direction === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise, updateFunc = {\n        x: spinClockwise ? Math.cos : Math.sin,\n        y: spinClockwise ? Math.sin : Math.cos\n    };\n    particle.position.x = particle.spin.center.x + particle.spin.radius * updateFunc.x(particle.spin.angle) * reduceFactor;\n    particle.position.y = particle.spin.center.y + particle.spin.radius * updateFunc.y(particle.spin.angle) * reduceFactor;\n    particle.spin.radius += particle.spin.acceleration * reduceFactor;\n    const maxCanvasSize = Math.max(container.canvas.size.width, container.canvas.size.height), halfMaxSize = maxCanvasSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n    if (particle.spin.radius > halfMaxSize) {\n        particle.spin.radius = halfMaxSize;\n        particle.spin.acceleration *= -identity;\n    } else if (particle.spin.radius < minSpinRadius) {\n        particle.spin.radius = minSpinRadius;\n        particle.spin.acceleration *= -identity;\n    }\n    particle.spin.angle += moveSpeed * spinFactor * (identity - particle.spin.radius / maxCanvasSize);\n}\nfunction applyPath(particle, delta) {\n    const particlesOptions = particle.options, pathOptions = particlesOptions.move.path, pathEnabled = pathOptions.enable;\n    if (!pathEnabled) {\n        return;\n    }\n    const pathDelay = particle.pathDelay ?? defaultPathDelay;\n    if (particle.lastPathTime <= pathDelay) {\n        particle.lastPathTime += delta.value;\n        return;\n    }\n    const path = particle.pathGenerator?.generate(particle, delta);\n    if (path) {\n        particle.velocity.addTo(path);\n    }\n    if (pathOptions.clamp) {\n        particle.velocity.x = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(particle.velocity.x, -identity, identity);\n        particle.velocity.y = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(particle.velocity.y, -identity, identity);\n    }\n    particle.lastPathTime -= pathDelay;\n}\nfunction getProximitySpeedFactor(particle) {\n    return particle.slow.inRange ? particle.slow.factor : identity;\n}\nfunction initSpin(particle) {\n    const container = particle.container, options = particle.options, spinOptions = options.move.spin;\n    if (!spinOptions.enable) {\n        return;\n    }\n    const spinPos = spinOptions.position ?? {\n        x: 50,\n        y: 50\n    }, spinFactor = 0.01, spinCenter = {\n        x: spinPos.x * spinFactor * container.canvas.size.width,\n        y: spinPos.y * spinFactor * container.canvas.size.height\n    }, pos = particle.getPosition(), distance = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos, spinCenter), spinAcceleration = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(spinOptions.acceleration);\n    particle.retina.spinAcceleration = spinAcceleration * container.retina.pixelRatio;\n    particle.spin = {\n        center: spinCenter,\n        direction: particle.velocity.x >= minVelocity ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.counterClockwise,\n        angle: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI,\n        radius: distance,\n        acceleration: particle.retina.spinAcceleration\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/move/dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_move_dist_browser_MovePlugin_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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.0
+ */
+"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_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["plugins_move_dist_browser_MovePlugin_js"],{
+
+/***/ "../../plugins/move/dist/browser/MovePlugin.js"
+/*!*****************************************************!*\
+  !*** ../../plugins/move/dist/browser/MovePlugin.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 */   MovePlugin: () => (/* binding */ MovePlugin)\n/* harmony export */ });\nclass MovePlugin {\n    id = \"move\";\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n    }\n    async getPlugin(container) {\n        const { MovePluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_MovePluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MovePluginInstance.js */ \"../../plugins/move/dist/browser/MovePluginInstance.js\"));\n        return new MovePluginInstance(this._engine, container);\n    }\n    loadOptions() {}\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/move/dist/browser/MovePlugin.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_move_dist_browser_index_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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.0
+ */
+"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_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["plugins_move_dist_browser_index_js"],{
+
+/***/ "../../plugins/move/dist/browser/index.js"
+/*!************************************************!*\
+  !*** ../../plugins/move/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 */   ensureBaseMoverLoaded: () => (/* binding */ ensureBaseMoverLoaded),\n/* harmony export */   loadMovePlugin: () => (/* binding */ loadMovePlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadMovePlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const moveEngine = e;\n        moveEngine.initializers.pathGenerators ??= new Map();\n        moveEngine.pathGenerators ??= new Map();\n        moveEngine.addPathGenerator = (name, generator)=>{\n            moveEngine.initializers.pathGenerators ??= new Map();\n            moveEngine.initializers.pathGenerators.set(name, generator);\n        };\n        moveEngine.getPathGenerators = async (container, force = false)=>{\n            moveEngine.initializers.pathGenerators ??= new Map();\n            moveEngine.pathGenerators ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemMapFromInitializer)(container, moveEngine.pathGenerators, moveEngine.initializers.pathGenerators, force);\n        };\n        const { MovePlugin } = await __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_MovePlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MovePlugin.js */ \"../../plugins/move/dist/browser/MovePlugin.js\"));\n        e.addPlugin(new MovePlugin(e));\n    });\n}\nfunction ensureBaseMoverLoaded(e) {\n    if (!e.addPathGenerator) {\n        throw new Error(\"tsParticles Base Mover is not loaded\");\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../plugins/move/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/confetti [23 Jan 2026 at 23:58]</title>
+    <title>@tsparticles/confetti [19 Mar 2026 at 14:04]</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_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.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,33 +17,13 @@
  */
 (this["webpackChunk_tsparticles_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["shapes_cards_dist_browser_cards_CardDrawer_js"],{
 
-/***/ "../../shapes/cards/dist/browser/SuitType.js"
-/*!***************************************************!*\
-  !*** ../../shapes/cards/dist/browser/SuitType.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 */   SuitType: () => (/* binding */ SuitType)\n/* harmony export */ });\nvar SuitType;\n(function (SuitType) {\n  SuitType[\"hearts\"] = \"hearts\";\n  SuitType[\"diamonds\"] = \"diamonds\";\n  SuitType[\"clubs\"] = \"clubs\";\n  SuitType[\"spades\"] = \"spades\";\n})(SuitType || (SuitType = {}));\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/SuitType.js?\n}");
-
-/***/ },
-
 /***/ "../../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  constructor() {\n    this.validTypes = [\"card\"];\n  }\n  draw(data) {\n    const {\n      context,\n      particle,\n      radius\n    } = data;\n    if (!particle.cardData) {\n      return;\n    }\n    (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.drawRoundedCard)(context, radius, particle.cardData, particle.container.hdr, particle.isShowingBack());\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//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/cards/CardDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/paths.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/paths.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 */   club: () => (/* binding */ club),\n/* harmony export */   diamond: () => (/* binding */ diamond),\n/* harmony export */   heart: () => (/* binding */ heart),\n/* harmony export */   paths: () => (/* binding */ paths),\n/* harmony export */   spade: () => (/* binding */ spade)\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 _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _SuitType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SuitType.js */ \"../../shapes/cards/dist/browser/SuitType.js\");\n\n\n\nconst eighth = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.quarter * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  n = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  halfN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  oppositeN = -n,\n  oppositeHalfN = -halfN,\n  eighthN = n * eighth,\n  threeQuarterN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.threeQuarter;\nconst club = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst diamond = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }]\n  }]\n};\nconst heart = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeHalfN\n    }]\n  }]\n};\nconst spade = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst paths = {\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.hearts]: heart,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.diamonds]: diamond,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.clubs]: club,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.spades]: spade\n};\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/paths.js?\n}");
+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    draw(data) {\n        const { context, particle, opacity, radius } = data;\n        if (!particle.cardData) {\n            return;\n        }\n        const defaultOpacity = context.globalAlpha;\n        context.globalAlpha = opacity;\n        (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.drawRoundedCard)(context, radius, particle.cardData, particle.container.hdr, particle.isShowingBack(), particle.container.canvas.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/confetti/../../shapes/cards/dist/browser/cards/CardDrawer.js?\n}");
 
 /***/ },
 
@@ -53,37 +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 */   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,\n  cardHeightRatio = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double,\n  cornerRadiusRatio = 0.2,\n  cornerFontRatio = 0.4,\n  cornerSuitRatio = 0.3,\n  centerSuitRatio = 0.9,\n  cornerPaddingRatio = 0.2,\n  textHorizontalOffsetRatio = 0.25,\n  minRadius = 0,\n  minAngle = 0,\n  suitEdgeBufferFactor = 0.1,\n  fixedCacheKey = 2,\n  cardsCache = new Map();\nfunction drawRoundedCard(ctx, radius, cardData, hdr, flipped) {\n  if (flipped) {\n    drawRoundedCardBack(ctx, radius);\n  } else {\n    const cacheKey = getCacheKey(radius, cardData),\n      cardWidth = radius * cardWidthRatio,\n      cardHeight = radius * cardHeightRatio,\n      halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n      halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n    if (!cardsCache.has(cacheKey)) {\n      const canvas = new OffscreenCanvas(cardWidth, cardHeight),\n        offCtx = canvas.getContext(\"2d\");\n      if (offCtx) {\n        offCtx.translate(halfWidth, halfHeight);\n        drawRoundedCardFront(offCtx, radius, cardData, hdr);\n        cardsCache.set(cacheKey, canvas);\n      }\n    }\n    const cachedCanvas = cardsCache.get(cacheKey);\n    if (cachedCanvas) {\n      ctx.drawImage(cachedCanvas, -halfWidth, -halfHeight, cardWidth, cardHeight);\n    } else {\n      drawRoundedCardFront(ctx, radius, cardData, hdr);\n    }\n  }\n}\nfunction getCacheKey(radius, cardData) {\n  return `${radius.toFixed(fixedCacheKey)}-${cardData.suit}-${cardData.value}`;\n}\nfunction drawRoundedCardBack(ctx, radius) {\n  drawCardBody(ctx, radius);\n}\nfunction drawRoundedCardFront(ctx, radius, cardData, hdr) {\n  const {\n      suit,\n      value\n    } = cardData,\n    cardWidth = radius * cardWidthRatio,\n    cardHeight = radius * cardHeightRatio,\n    halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n    halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n    cornerPadding = radius * cornerPaddingRatio,\n    cornerFontSize = radius * cornerFontRatio,\n    cornerSuitSize = radius * cornerSuitRatio,\n    centerSuitSize = radius * centerSuitRatio,\n    textOffset = radius * textHorizontalOffsetRatio,\n    suitEdgeBuffer = radius * suitEdgeBufferFactor,\n    isRed = suit === _SuitType_js__WEBPACK_IMPORTED_MODULE_1__.SuitType.hearts || suit === _SuitType_js__WEBPACK_IMPORTED_MODULE_1__.SuitType.diamonds,\n    color = isRed ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)({\n      r: 255,\n      g: 0,\n      b: 0\n    }, hdr) : (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)({\n      r: 0,\n      g: 0,\n      b: 0\n    }, 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;\n  const 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,\n    cardHeight = radius * cardHeightRatio,\n    halfWidth = cardWidth * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n    halfHeight = cardHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n    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//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/utils.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/SegmentType.js"
-/*!*********************************************************!*\
-  !*** ../../utils/pathUtils/dist/browser/SegmentType.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 */   SegmentType: () => (/* binding */ SegmentType)\n/* harmony export */ });\nvar SegmentType;\n(function (SegmentType) {\n  SegmentType[\"move\"] = \"move\";\n  SegmentType[\"line\"] = \"line\";\n  SegmentType[\"bezier\"] = \"bezier\";\n  SegmentType[\"quadratic\"] = \"quadratic\";\n  SegmentType[\"arc\"] = \"arc\";\n  SegmentType[\"ellipse\"] = \"ellipse\";\n})(SegmentType || (SegmentType = {}));\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/SegmentType.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/Utils.js"
-/*!***************************************************!*\
-  !*** ../../utils/pathUtils/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 */   drawPath: () => (/* binding */ drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n\nconst firstIndex = 0,\n  index2 = 1,\n  index3 = 2,\n  index4 = 3;\nfunction drawPath(ctx, radius, path) {\n  const firstSegment = path.segments[firstIndex];\n  if (!firstSegment) {\n    return;\n  }\n  const firstValue = firstSegment.values[firstIndex];\n  if (!firstValue) {\n    return;\n  }\n  ctx.moveTo(firstValue.x * radius, firstValue.y * radius);\n  for (const segment of path.segments) {\n    const value = segment.values[firstIndex];\n    if (!value) {\n      continue;\n    }\n    const segmentValue2 = segment.values[index2],\n      segmentValue3 = segment.values[index3],\n      segmentValue4 = segment.values[index4];\n    switch (segment.type) {\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.move:\n        ctx.moveTo(value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n        ctx.lineTo(value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n        if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n          continue;\n        }\n        ctx.bezierCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius, segmentValue4.x * radius, segmentValue4.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n        if (!segmentValue2 || !segmentValue3) {\n          continue;\n        }\n        ctx.quadraticCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n        if (!segmentValue2 || !segmentValue3) {\n          continue;\n        }\n        ctx.arc(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue3.x, segmentValue3.y);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n        if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n          continue;\n        }\n        ctx.ellipse(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x, segmentValue4.x, segmentValue4.y);\n        break;\n    }\n  }\n  if (!path.half) {\n    return;\n  }\n  const lengthOffset = 1,\n    minLength = 0;\n  for (let i = path.segments.length - lengthOffset; i >= minLength; i--) {\n    const segment = path.segments[i];\n    if (!segment) {\n      continue;\n    }\n    const value = segment.values[firstIndex],\n      index2 = 1,\n      index3 = 2,\n      segmentValue2 = segment.values[index2],\n      segmentValue3 = segment.values[index3];\n    switch (segment.type) {\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n        if (!value) {\n          break;\n        }\n        ctx.lineTo(value.x * -radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n        if (!value || !segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.bezierCurveTo(-segmentValue3.x * radius, segmentValue3.y * radius, -segmentValue2.x * radius, segmentValue2.y * radius, -value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n        if (!segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.quadraticCurveTo(-segmentValue2.x * radius, segmentValue2.y * radius, -segmentValue3.x * radius, segmentValue3.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n      default:\n        break;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/Utils.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/index.js"
-/*!***************************************************!*\
-  !*** ../../utils/pathUtils/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 */   SegmentType: () => (/* reexport safe */ _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType),\n/* harmony export */   drawPath: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/pathUtils/dist/browser/Utils.js\");\n\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/index.js?\n}");
+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/confetti/../../shapes/cards/dist/browser/utils.js?\n}");
 
 /***/ }
 

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.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,63 +17,13 @@
  */
 (this["webpackChunk_tsparticles_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["shapes_cards_dist_browser_clubs_ClubDrawer_js"],{
 
-/***/ "../../shapes/cards/dist/browser/SuitType.js"
-/*!***************************************************!*\
-  !*** ../../shapes/cards/dist/browser/SuitType.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 */   SuitType: () => (/* binding */ SuitType)\n/* harmony export */ });\nvar SuitType;\n(function (SuitType) {\n  SuitType[\"hearts\"] = \"hearts\";\n  SuitType[\"diamonds\"] = \"diamonds\";\n  SuitType[\"clubs\"] = \"clubs\";\n  SuitType[\"spades\"] = \"spades\";\n})(SuitType || (SuitType = {}));\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/SuitType.js?\n}");
-
-/***/ },
-
 /***/ "../../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  constructor() {\n    this.validTypes = [\"club\", \"clubs\"];\n  }\n  draw(data) {\n    const {\n      context,\n      radius\n    } = 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//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/clubs/ClubDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/paths.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/paths.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 */   club: () => (/* binding */ club),\n/* harmony export */   diamond: () => (/* binding */ diamond),\n/* harmony export */   heart: () => (/* binding */ heart),\n/* harmony export */   paths: () => (/* binding */ paths),\n/* harmony export */   spade: () => (/* binding */ spade)\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 _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _SuitType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SuitType.js */ \"../../shapes/cards/dist/browser/SuitType.js\");\n\n\n\nconst eighth = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.quarter * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  n = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  halfN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  oppositeN = -n,\n  oppositeHalfN = -halfN,\n  eighthN = n * eighth,\n  threeQuarterN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.threeQuarter;\nconst club = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst diamond = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }]\n  }]\n};\nconst heart = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeHalfN\n    }]\n  }]\n};\nconst spade = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst paths = {\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.hearts]: heart,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.diamonds]: diamond,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.clubs]: club,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.spades]: spade\n};\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/paths.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/SegmentType.js"
-/*!*********************************************************!*\
-  !*** ../../utils/pathUtils/dist/browser/SegmentType.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 */   SegmentType: () => (/* binding */ SegmentType)\n/* harmony export */ });\nvar SegmentType;\n(function (SegmentType) {\n  SegmentType[\"move\"] = \"move\";\n  SegmentType[\"line\"] = \"line\";\n  SegmentType[\"bezier\"] = \"bezier\";\n  SegmentType[\"quadratic\"] = \"quadratic\";\n  SegmentType[\"arc\"] = \"arc\";\n  SegmentType[\"ellipse\"] = \"ellipse\";\n})(SegmentType || (SegmentType = {}));\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/SegmentType.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/Utils.js"
-/*!***************************************************!*\
-  !*** ../../utils/pathUtils/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 */   drawPath: () => (/* binding */ drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n\nconst firstIndex = 0,\n  index2 = 1,\n  index3 = 2,\n  index4 = 3;\nfunction drawPath(ctx, radius, path) {\n  const firstSegment = path.segments[firstIndex];\n  if (!firstSegment) {\n    return;\n  }\n  const firstValue = firstSegment.values[firstIndex];\n  if (!firstValue) {\n    return;\n  }\n  ctx.moveTo(firstValue.x * radius, firstValue.y * radius);\n  for (const segment of path.segments) {\n    const value = segment.values[firstIndex];\n    if (!value) {\n      continue;\n    }\n    const segmentValue2 = segment.values[index2],\n      segmentValue3 = segment.values[index3],\n      segmentValue4 = segment.values[index4];\n    switch (segment.type) {\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.move:\n        ctx.moveTo(value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n        ctx.lineTo(value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n        if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n          continue;\n        }\n        ctx.bezierCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius, segmentValue4.x * radius, segmentValue4.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n        if (!segmentValue2 || !segmentValue3) {\n          continue;\n        }\n        ctx.quadraticCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n        if (!segmentValue2 || !segmentValue3) {\n          continue;\n        }\n        ctx.arc(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue3.x, segmentValue3.y);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n        if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n          continue;\n        }\n        ctx.ellipse(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x, segmentValue4.x, segmentValue4.y);\n        break;\n    }\n  }\n  if (!path.half) {\n    return;\n  }\n  const lengthOffset = 1,\n    minLength = 0;\n  for (let i = path.segments.length - lengthOffset; i >= minLength; i--) {\n    const segment = path.segments[i];\n    if (!segment) {\n      continue;\n    }\n    const value = segment.values[firstIndex],\n      index2 = 1,\n      index3 = 2,\n      segmentValue2 = segment.values[index2],\n      segmentValue3 = segment.values[index3];\n    switch (segment.type) {\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n        if (!value) {\n          break;\n        }\n        ctx.lineTo(value.x * -radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n        if (!value || !segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.bezierCurveTo(-segmentValue3.x * radius, segmentValue3.y * radius, -segmentValue2.x * radius, segmentValue2.y * radius, -value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n        if (!segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.quadraticCurveTo(-segmentValue2.x * radius, segmentValue2.y * radius, -segmentValue3.x * radius, segmentValue3.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n      default:\n        break;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/Utils.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/index.js"
-/*!***************************************************!*\
-  !*** ../../utils/pathUtils/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 */   SegmentType: () => (/* reexport safe */ _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType),\n/* harmony export */   drawPath: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/pathUtils/dist/browser/Utils.js\");\n\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/index.js?\n}");
+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/confetti/../../shapes/cards/dist/browser/clubs/ClubDrawer.js?\n}");
 
 /***/ }
 

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.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -17,63 +17,13 @@
  */
 (this["webpackChunk_tsparticles_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["shapes_cards_dist_browser_diamonds_DiamondDrawer_js"],{
 
-/***/ "../../shapes/cards/dist/browser/SuitType.js"
-/*!***************************************************!*\
-  !*** ../../shapes/cards/dist/browser/SuitType.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 */   SuitType: () => (/* binding */ SuitType)\n/* harmony export */ });\nvar SuitType;\n(function (SuitType) {\n  SuitType[\"hearts\"] = \"hearts\";\n  SuitType[\"diamonds\"] = \"diamonds\";\n  SuitType[\"clubs\"] = \"clubs\";\n  SuitType[\"spades\"] = \"spades\";\n})(SuitType || (SuitType = {}));\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/SuitType.js?\n}");
-
-/***/ },
-
 /***/ "../../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  constructor() {\n    this.validTypes = [\"diamond\", \"diamonds\"];\n  }\n  draw(data) {\n    const {\n      context,\n      radius\n    } = 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//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../shapes/cards/dist/browser/paths.js"
-/*!************************************************!*\
-  !*** ../../shapes/cards/dist/browser/paths.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 */   club: () => (/* binding */ club),\n/* harmony export */   diamond: () => (/* binding */ diamond),\n/* harmony export */   heart: () => (/* binding */ heart),\n/* harmony export */   paths: () => (/* binding */ paths),\n/* harmony export */   spade: () => (/* binding */ spade)\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 _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _SuitType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SuitType.js */ \"../../shapes/cards/dist/browser/SuitType.js\");\n\n\n\nconst eighth = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.quarter * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  n = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  halfN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n  oppositeN = -n,\n  oppositeHalfN = -halfN,\n  eighthN = n * eighth,\n  threeQuarterN = n * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.threeQuarter;\nconst club = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: halfN,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst diamond = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: threeQuarterN,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }]\n  }]\n};\nconst heart = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: halfN,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeHalfN\n    }]\n  }]\n};\nconst spade = {\n  half: true,\n  segments: [{\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: oppositeN\n    }, {\n      x: n,\n      y: oppositeHalfN\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty\n    }, {\n      x: n,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: eighthN,\n      y: eighthN\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: eighthN,\n      y: eighthN\n    }, {\n      x: eighthN,\n      y: halfN\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }]\n  }, {\n    type: _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier,\n    values: [{\n      x: halfN,\n      y: n\n    }, {\n      x: halfN,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }, {\n      x: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.empty,\n      y: n\n    }]\n  }]\n};\nconst paths = {\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.hearts]: heart,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.diamonds]: diamond,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.clubs]: club,\n  [_SuitType_js__WEBPACK_IMPORTED_MODULE_2__.SuitType.spades]: spade\n};\n\n//# sourceURL=webpack://@tsparticles/confetti/../../shapes/cards/dist/browser/paths.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/SegmentType.js"
-/*!*********************************************************!*\
-  !*** ../../utils/pathUtils/dist/browser/SegmentType.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 */   SegmentType: () => (/* binding */ SegmentType)\n/* harmony export */ });\nvar SegmentType;\n(function (SegmentType) {\n  SegmentType[\"move\"] = \"move\";\n  SegmentType[\"line\"] = \"line\";\n  SegmentType[\"bezier\"] = \"bezier\";\n  SegmentType[\"quadratic\"] = \"quadratic\";\n  SegmentType[\"arc\"] = \"arc\";\n  SegmentType[\"ellipse\"] = \"ellipse\";\n})(SegmentType || (SegmentType = {}));\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/SegmentType.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/Utils.js"
-/*!***************************************************!*\
-  !*** ../../utils/pathUtils/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 */   drawPath: () => (/* binding */ drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n\nconst firstIndex = 0,\n  index2 = 1,\n  index3 = 2,\n  index4 = 3;\nfunction drawPath(ctx, radius, path) {\n  const firstSegment = path.segments[firstIndex];\n  if (!firstSegment) {\n    return;\n  }\n  const firstValue = firstSegment.values[firstIndex];\n  if (!firstValue) {\n    return;\n  }\n  ctx.moveTo(firstValue.x * radius, firstValue.y * radius);\n  for (const segment of path.segments) {\n    const value = segment.values[firstIndex];\n    if (!value) {\n      continue;\n    }\n    const segmentValue2 = segment.values[index2],\n      segmentValue3 = segment.values[index3],\n      segmentValue4 = segment.values[index4];\n    switch (segment.type) {\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.move:\n        ctx.moveTo(value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n        ctx.lineTo(value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n        if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n          continue;\n        }\n        ctx.bezierCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius, segmentValue4.x * radius, segmentValue4.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n        if (!segmentValue2 || !segmentValue3) {\n          continue;\n        }\n        ctx.quadraticCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n        if (!segmentValue2 || !segmentValue3) {\n          continue;\n        }\n        ctx.arc(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue3.x, segmentValue3.y);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n        if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n          continue;\n        }\n        ctx.ellipse(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x, segmentValue4.x, segmentValue4.y);\n        break;\n    }\n  }\n  if (!path.half) {\n    return;\n  }\n  const lengthOffset = 1,\n    minLength = 0;\n  for (let i = path.segments.length - lengthOffset; i >= minLength; i--) {\n    const segment = path.segments[i];\n    if (!segment) {\n      continue;\n    }\n    const value = segment.values[firstIndex],\n      index2 = 1,\n      index3 = 2,\n      segmentValue2 = segment.values[index2],\n      segmentValue3 = segment.values[index3];\n    switch (segment.type) {\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n        if (!value) {\n          break;\n        }\n        ctx.lineTo(value.x * -radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n        if (!value || !segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.bezierCurveTo(-segmentValue3.x * radius, segmentValue3.y * radius, -segmentValue2.x * radius, segmentValue2.y * radius, -value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n        if (!segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.quadraticCurveTo(-segmentValue2.x * radius, segmentValue2.y * radius, -segmentValue3.x * radius, segmentValue3.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n      default:\n        break;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/Utils.js?\n}");
-
-/***/ },
-
-/***/ "../../utils/pathUtils/dist/browser/index.js"
-/*!***************************************************!*\
-  !*** ../../utils/pathUtils/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 */   SegmentType: () => (/* reexport safe */ _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType),\n/* harmony export */   drawPath: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/pathUtils/dist/browser/Utils.js\");\n\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../utils/pathUtils/dist/browser/index.js?\n}");
+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/confetti/../../shapes/cards/dist/browser/diamonds/DiamondDrawer.js?\n}");
 
 /***/ }