@tsparticles/all 4.0.0-beta.0 → 4.0.0-beta.1

package/plugins_polygonMask_dist_browser_PolygonMaskInstance_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-beta.0
+ * v4.0.0-beta.1
  */
 "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 */   PolygonMaskInstance: () => (/* binding */ PolygonMaskInstance)\n/* harmony export */ });\n/* harmony import */ var _pathseg_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pathseg.js */ \"../../plugins/polygonMask/dist/browser/pathseg.js\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/polygonMask/dist/browser/utils.js\");\n/* harmony import */ var _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Enums/PolygonMaskInlineArrangement.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskInlineArrangement.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/PolygonMaskType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskType.js\");\n\n\n\n\n\nconst noPolygonDataLoaded = `No polygon data loaded.`, noPolygonFound = `No polygon found, you need to specify SVG url in config.`;\nclass PolygonMaskInstance {\n    dimension;\n    offset;\n    paths;\n    raw;\n    redrawTimeout;\n    _container;\n    _engine;\n    _moveRadius;\n    _scale;\n    constructor(container, engine){\n        this._container = container;\n        this._engine = engine;\n        this.dimension = {\n            height: 0,\n            width: 0\n        };\n        this._moveRadius = 0;\n        this._scale = 1;\n    }\n    clickPositionValid(position) {\n        const options = this._container.actualOptions.polygon;\n        return !!options?.enable && options.type !== _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.none && options.type !== _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inline && this._checkInsidePolygon(position);\n    }\n    draw(context) {\n        if (!this.paths?.length) {\n            return;\n        }\n        const options = this._container.actualOptions.polygon;\n        if (!options?.enable) {\n            return;\n        }\n        const polygonDraw = options.draw;\n        if (!polygonDraw.enable) {\n            return;\n        }\n        const rawData = this.raw;\n        for (const path of this.paths){\n            const path2d = path.path2d;\n            if (path2d && this.offset) {\n                (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.drawPolygonMaskPath)(this._engine, context, path2d, polygonDraw.stroke, this.offset, this._container.hdr);\n            } else if (rawData) {\n                (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.drawPolygonMask)(this._engine, context, rawData, polygonDraw.stroke, this._container.hdr);\n            }\n        }\n    }\n    async init() {\n        const container = this._container, polygonMaskOptions = container.actualOptions.polygon, pxRatio = container.retina.pixelRatio;\n        if (!polygonMaskOptions) {\n            return;\n        }\n        this._moveRadius = polygonMaskOptions.move.radius * pxRatio;\n        this._scale = polygonMaskOptions.scale * pxRatio;\n        if (polygonMaskOptions.enable) {\n            await this._initRawData();\n        }\n    }\n    particleBounce(particle, delta, direction) {\n        return this._polygonBounce(particle, delta, direction);\n    }\n    particlePosition(position) {\n        const options = this._container.actualOptions.polygon, defaultLength = 0;\n        if (!(options?.enable && (this.raw?.length ?? defaultLength) > defaultLength)) {\n            return;\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.deepExtend)({}, position ?? this._randomPoint());\n    }\n    particlesInitialization() {\n        const options = this._container.actualOptions.polygon;\n        if (options?.enable && options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inline && (options.inline.arrangement === _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.onePerPoint || options.inline.arrangement === _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.perPoint)) {\n            this._drawPoints();\n            return true;\n        }\n        return false;\n    }\n    resize() {\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!(options?.enable && options.type !== _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.none)) {\n            return;\n        }\n        if (this.redrawTimeout) {\n            clearTimeout(this.redrawTimeout);\n        }\n        const timeout = 250;\n        this.redrawTimeout = setTimeout(()=>{\n            void (async ()=>{\n                await this._initRawData(true);\n                await container.particles.redraw();\n            })();\n        }, timeout);\n    }\n    stop() {\n        delete this.raw;\n        delete this.paths;\n    }\n    _checkInsidePolygon = (position)=>{\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!options?.enable || options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.none || options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inline) {\n            return true;\n        }\n        if (!this.raw) {\n            throw new Error(noPolygonFound);\n        }\n        const canvasSize = container.canvas.size, x = position?.x ?? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandom)() * canvasSize.width, y = position?.y ?? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandom)() * canvasSize.height, indexOffset = 1;\n        let inside = false;\n        for(let i = 0, j = this.raw.length - indexOffset; i < this.raw.length; j = i++){\n            const pi = this.raw[i], pj = this.raw[j];\n            if (!pi || !pj) {\n                continue;\n            }\n            const intersect = pi.y > y !== pj.y > y && x < (pj.x - pi.x) * (y - pi.y) / (pj.y - pi.y) + pi.x;\n            if (intersect) {\n                inside = !inside;\n            }\n        }\n        if (options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inside) {\n            return inside;\n        } else {\n            return !inside;\n        }\n    };\n    _createPath2D = ()=>{\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!options || !this.paths?.length) {\n            return;\n        }\n        for (const path of this.paths){\n            const pathData = path.element.getAttribute(\"d\");\n            if (pathData) {\n                const path2d = new Path2D(pathData), matrix = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.safeDocument)().createElementNS(\"http://www.w3.org/2000/svg\", \"svg\").createSVGMatrix(), finalPath = new Path2D(), transform = matrix.scale(this._scale);\n                finalPath.addPath(path2d, transform);\n                path.path2d = finalPath;\n            } else {\n                delete path.path2d;\n            }\n            if (path.path2d ?? !this.raw) {\n                continue;\n            }\n            path.path2d = new Path2D();\n            const firstIndex = 0, firstPoint = this.raw[firstIndex];\n            if (!firstPoint) {\n                continue;\n            }\n            path.path2d.moveTo(firstPoint.x, firstPoint.y);\n            this.raw.forEach((pos, i)=>{\n                if (i > firstIndex) {\n                    path.path2d?.lineTo(pos.x, pos.y);\n                }\n            });\n            path.path2d.closePath();\n        }\n    };\n    _downloadSvgPath = async (svgUrl, force)=>{\n        const options = this._container.actualOptions.polygon;\n        if (!options) {\n            return;\n        }\n        const url = svgUrl ?? options.url, forceDownload = force ?? false;\n        if (!url || this.paths !== undefined && !forceDownload) {\n            return this.raw;\n        }\n        const req = await fetch(url);\n        if (!req.ok) {\n            throw new Error(`Error occurred during polygon mask download`);\n        }\n        return this._parseSvgPath(await req.text(), force);\n    };\n    _drawPoints = ()=>{\n        if (!this.raw) {\n            return;\n        }\n        for (const item of this.raw){\n            this._container.particles.addParticle({\n                x: item.x,\n                y: item.y\n            });\n        }\n    };\n    _getEquidistantPointByIndex = (index)=>{\n        const container = this._container, options = container.actualOptions, polygonMaskOptions = options.polygon;\n        if (!polygonMaskOptions) {\n            return;\n        }\n        if (!this.raw?.length || !this.paths?.length) {\n            throw new Error(noPolygonDataLoaded);\n        }\n        let offset = 0, point;\n        const baseAccumulator = 0, totalLength = this.paths.reduce((tot, path)=>tot + path.length, baseAccumulator), distance = totalLength / options.particles.number.value;\n        for (const path of this.paths){\n            const pathDistance = distance * index - offset;\n            if (pathDistance <= path.length) {\n                point = path.element.getPointAtLength(pathDistance);\n                break;\n            } else {\n                offset += path.length;\n            }\n        }\n        const scale = this._scale;\n        return {\n            x: (point?.x ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x) * scale + (this.offset?.x ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x),\n            y: (point?.y ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y) * scale + (this.offset?.y ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y)\n        };\n    };\n    _getPointByIndex = (index)=>{\n        if (!this.raw?.length) {\n            throw new Error(noPolygonDataLoaded);\n        }\n        const coords = this.raw[index % this.raw.length];\n        if (!coords) {\n            return;\n        }\n        return {\n            x: coords.x,\n            y: coords.y\n        };\n    };\n    _getRandomPoint = ()=>{\n        if (!this.raw?.length) {\n            throw new Error(noPolygonDataLoaded);\n        }\n        const coords = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.itemFromArray)(this.raw);\n        if (!coords) {\n            return;\n        }\n        return {\n            x: coords.x,\n            y: coords.y\n        };\n    };\n    _getRandomPointByLength = ()=>{\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!options) {\n            return;\n        }\n        if (!this.raw?.length || !this.paths?.length) {\n            throw new Error(noPolygonDataLoaded);\n        }\n        const path = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.itemFromArray)(this.paths);\n        if (!path) {\n            return;\n        }\n        const offset = 1, distance = Math.floor((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandom)() * path.length) + offset, point = path.element.getPointAtLength(distance), scale = this._scale;\n        return {\n            x: point.x * scale + (this.offset?.x ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x),\n            y: point.y * scale + (this.offset?.y ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y)\n        };\n    };\n    _initRawData = async (force)=>{\n        const options = this._container.actualOptions.polygon;\n        if (!options) {\n            return;\n        }\n        if (options.url) {\n            this.raw = await this._downloadSvgPath(options.url, force);\n        } else if (options.data) {\n            const data = options.data;\n            let svg;\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isString)(data)) {\n                svg = data;\n            } else {\n                const getPath = (p)=>`<path d=\"${p}\" />`, path = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isArray)(data.path) ? data.path.map(getPath).join(\"\") : getPath(data.path), namespaces = 'xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"';\n                svg = `<svg ${namespaces} width=\"${data.size.width.toString()}\" height=\"${data.size.height.toString()}\">${path}</svg>`;\n            }\n            this.raw = this._parseSvgPath(svg, force);\n        }\n        this._createPath2D();\n        this._engine.dispatchEvent(\"polygonMaskLoaded\", {\n            container: this._container\n        });\n    };\n    _parseSvgPath = (xml, force)=>{\n        const forceDownload = force ?? false;\n        if (this.paths !== undefined && !forceDownload) {\n            return this.raw;\n        }\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!options) {\n            return;\n        }\n        const parser = new DOMParser(), doc = parser.parseFromString(xml, \"image/svg+xml\"), firstIndex = 0, svg = doc.getElementsByTagName(\"svg\")[firstIndex];\n        if (!svg) {\n            return;\n        }\n        let svgPaths = svg.getElementsByTagName(\"path\");\n        if (!svgPaths.length) {\n            svgPaths = doc.getElementsByTagName(\"path\");\n        }\n        this.paths = [];\n        for(let i = 0; i < svgPaths.length; i++){\n            const path = svgPaths.item(i);\n            if (path) {\n                this.paths.push({\n                    element: path,\n                    length: path.getTotalLength()\n                });\n            }\n        }\n        const scale = this._scale;\n        this.dimension.width = parseFloat(svg.getAttribute(\"width\") ?? \"0\") * scale;\n        this.dimension.height = parseFloat(svg.getAttribute(\"height\") ?? \"0\") * scale;\n        const position = options.position ?? {\n            x: 50,\n            y: 50\n        }, canvasSize = container.canvas.size;\n        this.offset = {\n            x: canvasSize.width * position.x / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator - this.dimension.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n            y: canvasSize.height * position.y / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator - this.dimension.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half\n        };\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.parsePaths)(this.paths, scale, this.offset);\n    };\n    _polygonBounce = (particle, _delta, direction)=>{\n        const options = this._container.actualOptions.polygon;\n        if (!this.raw || !options?.enable || direction !== _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.OutModeDirection.top) {\n            return false;\n        }\n        if (options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inside || options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.outside) {\n            let closest, dx, dy;\n            const pos = particle.getPosition(), radius = particle.getRadius(), offset = 1;\n            for(let i = 0, j = this.raw.length - offset; i < this.raw.length; j = i++){\n                const pi = this.raw[i], pj = this.raw[j];\n                if (!pi || !pj) {\n                    continue;\n                }\n                closest = (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.calcClosestPointOnSegment)(pi, pj, pos);\n                const dist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getDistances)(pos, closest);\n                [dx, dy] = [\n                    dist.dx,\n                    dist.dy\n                ];\n                if (dist.distance < radius) {\n                    (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.segmentBounce)(pi, pj, particle.velocity);\n                    return true;\n                }\n            }\n            if (closest && dx !== undefined && dy !== undefined && !this._checkInsidePolygon(pos)) {\n                const factor = {\n                    x: 1,\n                    y: 1\n                }, diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.double, inverse = -1;\n                if (pos.x >= closest.x) {\n                    factor.x = -1;\n                }\n                if (pos.y >= closest.y) {\n                    factor.y = -1;\n                }\n                particle.position.x = closest.x + diameter * factor.x;\n                particle.position.y = closest.y + diameter * factor.y;\n                particle.velocity.mult(inverse);\n                return true;\n            }\n        } else if (options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inline) {\n            const dist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getDistance)(particle.initialPosition, particle.getPosition()), { velocity } = particle;\n            if (dist > this._moveRadius) {\n                velocity.x = velocity.y * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half - velocity.x;\n                velocity.y = velocity.x * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half - velocity.y;\n                return true;\n            }\n        }\n        return false;\n    };\n    _randomPoint = ()=>{\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!options) {\n            return;\n        }\n        let position;\n        if (options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inline) {\n            switch(options.inline.arrangement){\n                case _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.randomPoint:\n                    position = this._getRandomPoint();\n                    break;\n                case _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.randomLength:\n                    position = this._getRandomPointByLength();\n                    break;\n                case _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.equidistant:\n                    position = this._getEquidistantPointByIndex(container.particles.count);\n                    break;\n                case _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.onePerPoint:\n                case _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.perPoint:\n                default:\n                    position = this._getPointByIndex(container.particles.count);\n            }\n        } else {\n            const canvasSize = container.canvas.size;\n            position = {\n                x: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandom)() * canvasSize.width,\n                y: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandom)() * canvasSize.height\n            };\n        }\n        if (this._checkInsidePolygon(position)) {\n            return position;\n        } else {\n            return this._randomPoint();\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/PolygonMaskInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonMaskInstance: () => (/* binding */ PolygonMaskInstance)\n/* harmony export */ });\n/* harmony import */ var _pathseg_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pathseg.js */ \"../../plugins/polygonMask/dist/browser/pathseg.js\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/polygonMask/dist/browser/utils.js\");\n/* harmony import */ var _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Enums/PolygonMaskInlineArrangement.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskInlineArrangement.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/PolygonMaskType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskType.js\");\n\n\n\n\n\nconst noPolygonDataLoaded = `No polygon data loaded.`, noPolygonFound = `No polygon found, you need to specify SVG url in config.`;\nclass PolygonMaskInstance {\n    dimension;\n    offset;\n    paths;\n    raw;\n    redrawTimeout;\n    _container;\n    _moveRadius;\n    _pluginManager;\n    _scale;\n    constructor(pluginManager, container){\n        this._container = container;\n        this._pluginManager = pluginManager;\n        this.dimension = {\n            height: 0,\n            width: 0\n        };\n        this._moveRadius = 0;\n        this._scale = 1;\n    }\n    clickPositionValid(position) {\n        const options = this._container.actualOptions.polygon;\n        return !!options?.enable && options.type !== _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.none && options.type !== _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inline && this._checkInsidePolygon(position);\n    }\n    draw(context) {\n        if (!this.paths?.length) {\n            return;\n        }\n        const options = this._container.actualOptions.polygon;\n        if (!options?.enable) {\n            return;\n        }\n        const polygonDraw = options.draw;\n        if (!polygonDraw.enable) {\n            return;\n        }\n        const rawData = this.raw;\n        for (const path of this.paths){\n            const path2d = path.path2d;\n            if (path2d && this.offset) {\n                (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.drawPolygonMaskPath)(this._pluginManager, context, path2d, polygonDraw.stroke, this.offset, this._container.hdr);\n            } else if (rawData) {\n                (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.drawPolygonMask)(this._pluginManager, context, rawData, polygonDraw.stroke, this._container.hdr);\n            }\n        }\n    }\n    async init() {\n        const container = this._container, polygonMaskOptions = container.actualOptions.polygon, pxRatio = container.retina.pixelRatio;\n        if (!polygonMaskOptions) {\n            return;\n        }\n        this._moveRadius = polygonMaskOptions.move.radius * pxRatio;\n        this._scale = polygonMaskOptions.scale * pxRatio;\n        if (polygonMaskOptions.enable) {\n            await this._initRawData();\n        }\n    }\n    particleBounce(particle, delta, direction) {\n        return this._polygonBounce(particle, delta, direction);\n    }\n    particlePosition(position) {\n        const options = this._container.actualOptions.polygon, defaultLength = 0;\n        if (!(options?.enable && (this.raw?.length ?? defaultLength) > defaultLength)) {\n            return;\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.deepExtend)({}, position ?? this._randomPoint());\n    }\n    particlesInitialization() {\n        const options = this._container.actualOptions.polygon;\n        if (options?.enable && options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inline && (options.inline.arrangement === _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.onePerPoint || options.inline.arrangement === _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.perPoint)) {\n            this._drawPoints();\n            return true;\n        }\n        return false;\n    }\n    resize() {\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!(options?.enable && options.type !== _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.none)) {\n            return;\n        }\n        if (this.redrawTimeout) {\n            clearTimeout(this.redrawTimeout);\n        }\n        const timeout = 250;\n        this.redrawTimeout = setTimeout(()=>{\n            void (async ()=>{\n                await this._initRawData(true);\n                await container.particles.redraw();\n            })();\n        }, timeout);\n    }\n    stop() {\n        delete this.raw;\n        delete this.paths;\n    }\n    _checkInsidePolygon = (position)=>{\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!options?.enable || options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.none || options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inline) {\n            return true;\n        }\n        if (!this.raw) {\n            throw new Error(noPolygonFound);\n        }\n        const canvasSize = container.canvas.size, x = position?.x ?? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandom)() * canvasSize.width, y = position?.y ?? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandom)() * canvasSize.height, indexOffset = 1;\n        let inside = false;\n        for(let i = 0, j = this.raw.length - indexOffset; i < this.raw.length; j = i++){\n            const pi = this.raw[i], pj = this.raw[j];\n            if (!pi || !pj) {\n                continue;\n            }\n            const intersect = pi.y > y !== pj.y > y && x < (pj.x - pi.x) * (y - pi.y) / (pj.y - pi.y) + pi.x;\n            if (intersect) {\n                inside = !inside;\n            }\n        }\n        if (options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inside) {\n            return inside;\n        } else {\n            return !inside;\n        }\n    };\n    _createPath2D = ()=>{\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!options || !this.paths?.length) {\n            return;\n        }\n        for (const path of this.paths){\n            const pathData = path.element.getAttribute(\"d\");\n            if (pathData) {\n                const path2d = new Path2D(pathData), matrix = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.safeDocument)().createElementNS(\"http://www.w3.org/2000/svg\", \"svg\").createSVGMatrix(), finalPath = new Path2D(), transform = matrix.scale(this._scale);\n                finalPath.addPath(path2d, transform);\n                path.path2d = finalPath;\n            } else {\n                delete path.path2d;\n            }\n            if (path.path2d ?? !this.raw) {\n                continue;\n            }\n            path.path2d = new Path2D();\n            const firstIndex = 0, firstPoint = this.raw[firstIndex];\n            if (!firstPoint) {\n                continue;\n            }\n            path.path2d.moveTo(firstPoint.x, firstPoint.y);\n            this.raw.forEach((pos, i)=>{\n                if (i > firstIndex) {\n                    path.path2d?.lineTo(pos.x, pos.y);\n                }\n            });\n            path.path2d.closePath();\n        }\n    };\n    _downloadSvgPath = async (svgUrl, force)=>{\n        const options = this._container.actualOptions.polygon;\n        if (!options) {\n            return;\n        }\n        const url = svgUrl ?? options.url, forceDownload = force ?? false;\n        if (!url || this.paths !== undefined && !forceDownload) {\n            return this.raw;\n        }\n        const req = await fetch(url);\n        if (!req.ok) {\n            throw new Error(`Error occurred during polygon mask download`);\n        }\n        return this._parseSvgPath(await req.text(), force);\n    };\n    _drawPoints = ()=>{\n        if (!this.raw) {\n            return;\n        }\n        for (const item of this.raw){\n            this._container.particles.addParticle({\n                x: item.x,\n                y: item.y\n            });\n        }\n    };\n    _getEquidistantPointByIndex = (index)=>{\n        const container = this._container, options = container.actualOptions, polygonMaskOptions = options.polygon;\n        if (!polygonMaskOptions) {\n            return;\n        }\n        if (!this.raw?.length || !this.paths?.length) {\n            throw new Error(noPolygonDataLoaded);\n        }\n        let offset = 0, point;\n        const baseAccumulator = 0, totalLength = this.paths.reduce((tot, path)=>tot + path.length, baseAccumulator), distance = totalLength / options.particles.number.value;\n        for (const path of this.paths){\n            const pathDistance = distance * index - offset;\n            if (pathDistance <= path.length) {\n                point = path.element.getPointAtLength(pathDistance);\n                break;\n            } else {\n                offset += path.length;\n            }\n        }\n        const scale = this._scale;\n        return {\n            x: (point?.x ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x) * scale + (this.offset?.x ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x),\n            y: (point?.y ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y) * scale + (this.offset?.y ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y)\n        };\n    };\n    _getPointByIndex = (index)=>{\n        if (!this.raw?.length) {\n            throw new Error(noPolygonDataLoaded);\n        }\n        const coords = this.raw[index % this.raw.length];\n        if (!coords) {\n            return;\n        }\n        return {\n            x: coords.x,\n            y: coords.y\n        };\n    };\n    _getRandomPoint = ()=>{\n        if (!this.raw?.length) {\n            throw new Error(noPolygonDataLoaded);\n        }\n        const coords = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.itemFromArray)(this.raw);\n        if (!coords) {\n            return;\n        }\n        return {\n            x: coords.x,\n            y: coords.y\n        };\n    };\n    _getRandomPointByLength = ()=>{\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!options) {\n            return;\n        }\n        if (!this.raw?.length || !this.paths?.length) {\n            throw new Error(noPolygonDataLoaded);\n        }\n        const path = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.itemFromArray)(this.paths);\n        if (!path) {\n            return;\n        }\n        const offset = 1, distance = Math.floor((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandom)() * path.length) + offset, point = path.element.getPointAtLength(distance), scale = this._scale;\n        return {\n            x: point.x * scale + (this.offset?.x ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.x),\n            y: point.y * scale + (this.offset?.y ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.originPoint.y)\n        };\n    };\n    _initRawData = async (force)=>{\n        const options = this._container.actualOptions.polygon;\n        if (!options) {\n            return;\n        }\n        if (options.url) {\n            this.raw = await this._downloadSvgPath(options.url, force);\n        } else if (options.data) {\n            const data = options.data;\n            let svg;\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isString)(data)) {\n                svg = data;\n            } else {\n                const getPath = (p)=>`<path d=\"${p}\" />`, path = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isArray)(data.path) ? data.path.map(getPath).join(\"\") : getPath(data.path), namespaces = 'xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"';\n                svg = `<svg ${namespaces} width=\"${data.size.width.toString()}\" height=\"${data.size.height.toString()}\">${path}</svg>`;\n            }\n            this.raw = this._parseSvgPath(svg, force);\n        }\n        this._createPath2D();\n        this._container.dispatchEvent(\"polygonMaskLoaded\");\n    };\n    _parseSvgPath = (xml, force)=>{\n        const forceDownload = force ?? false;\n        if (this.paths !== undefined && !forceDownload) {\n            return this.raw;\n        }\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!options) {\n            return;\n        }\n        const parser = new DOMParser(), doc = parser.parseFromString(xml, \"image/svg+xml\"), firstIndex = 0, svg = doc.getElementsByTagName(\"svg\")[firstIndex];\n        if (!svg) {\n            return;\n        }\n        let svgPaths = svg.getElementsByTagName(\"path\");\n        if (!svgPaths.length) {\n            svgPaths = doc.getElementsByTagName(\"path\");\n        }\n        this.paths = [];\n        for(let i = 0; i < svgPaths.length; i++){\n            const path = svgPaths.item(i);\n            if (path) {\n                this.paths.push({\n                    element: path,\n                    length: path.getTotalLength()\n                });\n            }\n        }\n        const scale = this._scale;\n        this.dimension.width = parseFloat(svg.getAttribute(\"width\") ?? \"0\") * scale;\n        this.dimension.height = parseFloat(svg.getAttribute(\"height\") ?? \"0\") * scale;\n        const position = options.position ?? {\n            x: 50,\n            y: 50\n        }, canvasSize = container.canvas.size;\n        this.offset = {\n            x: canvasSize.width * position.x / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator - this.dimension.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n            y: canvasSize.height * position.y / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator - this.dimension.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half\n        };\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.parsePaths)(this.paths, scale, this.offset);\n    };\n    _polygonBounce = (particle, _delta, direction)=>{\n        const options = this._container.actualOptions.polygon;\n        if (!this.raw || !options?.enable || direction !== _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.OutModeDirection.top) {\n            return false;\n        }\n        if (options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inside || options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.outside) {\n            let closest, dx, dy;\n            const pos = particle.getPosition(), radius = particle.getRadius(), offset = 1;\n            for(let i = 0, j = this.raw.length - offset; i < this.raw.length; j = i++){\n                const pi = this.raw[i], pj = this.raw[j];\n                if (!pi || !pj) {\n                    continue;\n                }\n                closest = (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.calcClosestPointOnSegment)(pi, pj, pos);\n                const dist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getDistances)(pos, closest);\n                [dx, dy] = [\n                    dist.dx,\n                    dist.dy\n                ];\n                if (dist.distance < radius) {\n                    (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.segmentBounce)(pi, pj, particle.velocity);\n                    return true;\n                }\n            }\n            if (closest && dx !== undefined && dy !== undefined && !this._checkInsidePolygon(pos)) {\n                const factor = {\n                    x: 1,\n                    y: 1\n                }, diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.double, inverse = -1;\n                if (pos.x >= closest.x) {\n                    factor.x = -1;\n                }\n                if (pos.y >= closest.y) {\n                    factor.y = -1;\n                }\n                particle.position.x = closest.x + diameter * factor.x;\n                particle.position.y = closest.y + diameter * factor.y;\n                particle.velocity.mult(inverse);\n                return true;\n            }\n        } else if (options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inline) {\n            const dist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getDistance)(particle.initialPosition, particle.getPosition()), { velocity } = particle;\n            if (dist > this._moveRadius) {\n                velocity.x = velocity.y * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half - velocity.x;\n                velocity.y = velocity.x * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half - velocity.y;\n                return true;\n            }\n        }\n        return false;\n    };\n    _randomPoint = ()=>{\n        const container = this._container, options = container.actualOptions.polygon;\n        if (!options) {\n            return;\n        }\n        let position;\n        if (options.type === _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskType.inline) {\n            switch(options.inline.arrangement){\n                case _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.randomPoint:\n                    position = this._getRandomPoint();\n                    break;\n                case _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.randomLength:\n                    position = this._getRandomPointByLength();\n                    break;\n                case _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.equidistant:\n                    position = this._getEquidistantPointByIndex(container.particles.count);\n                    break;\n                case _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.onePerPoint:\n                case _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskInlineArrangement.perPoint:\n                default:\n                    position = this._getPointByIndex(container.particles.count);\n            }\n        } else {\n            const canvasSize = container.canvas.size;\n            position = {\n                x: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandom)() * canvasSize.width,\n                y: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandom)() * canvasSize.height\n            };\n        }\n        if (this._checkInsidePolygon(position)) {\n            return position;\n        } else {\n            return this._randomPoint();\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/PolygonMaskInstance.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n\n(function() {\n    \"use s
   \*******************************************************/
 (__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 */   calcClosestPointOnSegment: () => (/* binding */ calcClosestPointOnSegment),\n/* harmony export */   drawPolygonMask: () => (/* binding */ drawPolygonMask),\n/* harmony export */   drawPolygonMaskPath: () => (/* binding */ drawPolygonMaskPath),\n/* harmony export */   parsePaths: () => (/* binding */ parsePaths),\n/* harmony export */   segmentBounce: () => (/* binding */ segmentBounce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst squareExp = 2, inSegmentRange = {\n    min: 0,\n    max: 1\n};\nfunction drawPolygonMask(engine, context, rawData, stroke, hdr = false) {\n    const color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(engine, stroke.color);\n    if (!color) {\n        return;\n    }\n    const firstIndex = 0, firstItem = rawData[firstIndex];\n    if (!firstItem) {\n        return;\n    }\n    context.beginPath();\n    context.moveTo(firstItem.x, firstItem.y);\n    for (const item of rawData){\n        context.lineTo(item.x, item.y);\n    }\n    context.closePath();\n    context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(color, hdr);\n    context.lineWidth = stroke.width;\n    context.stroke();\n}\nfunction drawPolygonMaskPath(engine, context, path, stroke, position, hdr = false) {\n    const defaultTransform = {\n        a: 1,\n        b: 0,\n        c: 0,\n        d: 1\n    };\n    context.setTransform(defaultTransform.a, defaultTransform.b, defaultTransform.c, defaultTransform.d, position.x, position.y);\n    const color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(engine, stroke.color);\n    if (!color) {\n        return;\n    }\n    context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(color, hdr, stroke.opacity);\n    context.lineWidth = stroke.width;\n    context.stroke(path);\n    context.resetTransform();\n}\nfunction parsePaths(paths, scale, offset) {\n    const res = [], defaultCount = 0;\n    for (const path of paths){\n        const segments = path.element.pathSegList, len = segments?.numberOfItems ?? defaultCount, p = {\n            x: 0,\n            y: 0\n        };\n        for(let i = 0; i < len; i++){\n            const segment = segments?.getItem(i), svgPathSeg = globalThis.SVGPathSeg;\n            switch(segment?.pathSegType){\n                case svgPathSeg.PATHSEG_MOVETO_ABS:\n                case svgPathSeg.PATHSEG_LINETO_ABS:\n                case svgPathSeg.PATHSEG_CURVETO_CUBIC_ABS:\n                case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:\n                case svgPathSeg.PATHSEG_ARC_ABS:\n                case svgPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:\n                case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:\n                    {\n                        const absSeg = segment;\n                        p.x = absSeg.x;\n                        p.y = absSeg.y;\n                        break;\n                    }\n                case svgPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:\n                    p.x = segment.x;\n                    break;\n                case svgPathSeg.PATHSEG_LINETO_VERTICAL_ABS:\n                    p.y = segment.y;\n                    break;\n                case svgPathSeg.PATHSEG_LINETO_REL:\n                case svgPathSeg.PATHSEG_MOVETO_REL:\n                case svgPathSeg.PATHSEG_CURVETO_CUBIC_REL:\n                case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:\n                case svgPathSeg.PATHSEG_ARC_REL:\n                case svgPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:\n                case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:\n                    {\n                        const relSeg = segment;\n                        p.x += relSeg.x;\n                        p.y += relSeg.y;\n                        break;\n                    }\n                case svgPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:\n                    p.x += segment.x;\n                    break;\n                case svgPathSeg.PATHSEG_LINETO_VERTICAL_REL:\n                    p.y += segment.y;\n                    break;\n                case svgPathSeg.PATHSEG_UNKNOWN:\n                case svgPathSeg.PATHSEG_CLOSEPATH:\n                    continue;\n                default:\n                    continue;\n            }\n            res.push({\n                x: p.x * scale + offset.x,\n                y: p.y * scale + offset.y\n            });\n        }\n    }\n    return res;\n}\nfunction calcClosestPointOnSegment(s1, s2, pos) {\n    const { dx: dx1, dy: dy1 } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos, s1), { dx: dx2, dy: dy2 } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(s2, s1), t = (dx1 * dx2 + dy1 * dy2) / (dx2 ** squareExp + dy2 ** squareExp), res = {\n        x: s1.x + dx2 * t,\n        y: s1.y + dy2 * t,\n        isOnSegment: t >= inSegmentRange.min && t <= inSegmentRange.max\n    };\n    if (t < inSegmentRange.min) {\n        res.x = s1.x;\n        res.y = s1.y;\n    } else if (t > inSegmentRange.max) {\n        res.x = s2.x;\n        res.y = s2.y;\n    }\n    return res;\n}\nfunction segmentBounce(start, stop, velocity) {\n    const { dx, dy } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(start, stop), wallAngle = Math.atan2(dy, dx), wallNormal = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(Math.sin(wallAngle), -Math.cos(wallAngle)), d = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * (velocity.x * wallNormal.x + velocity.y * wallNormal.y);\n    wallNormal.multTo(d);\n    velocity.subFrom(wallNormal);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   calcClosestPointOnSegment: () => (/* binding */ calcClosestPointOnSegment),\n/* harmony export */   drawPolygonMask: () => (/* binding */ drawPolygonMask),\n/* harmony export */   drawPolygonMaskPath: () => (/* binding */ drawPolygonMaskPath),\n/* harmony export */   parsePaths: () => (/* binding */ parsePaths),\n/* harmony export */   segmentBounce: () => (/* binding */ segmentBounce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst squareExp = 2, inSegmentRange = {\n    min: 0,\n    max: 1\n};\nfunction drawPolygonMask(pluginManager, context, rawData, stroke, hdr = false) {\n    const color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(pluginManager, stroke.color);\n    if (!color) {\n        return;\n    }\n    const firstIndex = 0, firstItem = rawData[firstIndex];\n    if (!firstItem) {\n        return;\n    }\n    context.beginPath();\n    context.moveTo(firstItem.x, firstItem.y);\n    for (const item of rawData){\n        context.lineTo(item.x, item.y);\n    }\n    context.closePath();\n    context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(color, hdr);\n    context.lineWidth = stroke.width;\n    context.stroke();\n}\nfunction drawPolygonMaskPath(pluginManager, context, path, stroke, position, hdr = false) {\n    const defaultTransform = {\n        a: 1,\n        b: 0,\n        c: 0,\n        d: 1\n    };\n    context.setTransform(defaultTransform.a, defaultTransform.b, defaultTransform.c, defaultTransform.d, position.x, position.y);\n    const color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(pluginManager, stroke.color);\n    if (!color) {\n        return;\n    }\n    context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(color, hdr, stroke.opacity);\n    context.lineWidth = stroke.width;\n    context.stroke(path);\n    context.resetTransform();\n}\nfunction parsePaths(paths, scale, offset) {\n    const res = [], defaultCount = 0;\n    for (const path of paths){\n        const segments = path.element.pathSegList, len = segments?.numberOfItems ?? defaultCount, p = {\n            x: 0,\n            y: 0\n        };\n        for(let i = 0; i < len; i++){\n            const segment = segments?.getItem(i), svgPathSeg = globalThis.SVGPathSeg;\n            switch(segment?.pathSegType){\n                case svgPathSeg.PATHSEG_MOVETO_ABS:\n                case svgPathSeg.PATHSEG_LINETO_ABS:\n                case svgPathSeg.PATHSEG_CURVETO_CUBIC_ABS:\n                case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:\n                case svgPathSeg.PATHSEG_ARC_ABS:\n                case svgPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:\n                case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:\n                    {\n                        const absSeg = segment;\n                        p.x = absSeg.x;\n                        p.y = absSeg.y;\n                        break;\n                    }\n                case svgPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:\n                    p.x = segment.x;\n                    break;\n                case svgPathSeg.PATHSEG_LINETO_VERTICAL_ABS:\n                    p.y = segment.y;\n                    break;\n                case svgPathSeg.PATHSEG_LINETO_REL:\n                case svgPathSeg.PATHSEG_MOVETO_REL:\n                case svgPathSeg.PATHSEG_CURVETO_CUBIC_REL:\n                case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:\n                case svgPathSeg.PATHSEG_ARC_REL:\n                case svgPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:\n                case svgPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:\n                    {\n                        const relSeg = segment;\n                        p.x += relSeg.x;\n                        p.y += relSeg.y;\n                        break;\n                    }\n                case svgPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:\n                    p.x += segment.x;\n                    break;\n                case svgPathSeg.PATHSEG_LINETO_VERTICAL_REL:\n                    p.y += segment.y;\n                    break;\n                case svgPathSeg.PATHSEG_UNKNOWN:\n                case svgPathSeg.PATHSEG_CLOSEPATH:\n                    continue;\n                default:\n                    continue;\n            }\n            res.push({\n                x: p.x * scale + offset.x,\n                y: p.y * scale + offset.y\n            });\n        }\n    }\n    return res;\n}\nfunction calcClosestPointOnSegment(s1, s2, pos) {\n    const { dx: dx1, dy: dy1 } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos, s1), { dx: dx2, dy: dy2 } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(s2, s1), t = (dx1 * dx2 + dy1 * dy2) / (dx2 ** squareExp + dy2 ** squareExp), res = {\n        x: s1.x + dx2 * t,\n        y: s1.y + dy2 * t,\n        isOnSegment: t >= inSegmentRange.min && t <= inSegmentRange.max\n    };\n    if (t < inSegmentRange.min) {\n        res.x = s1.x;\n        res.y = s1.y;\n    } else if (t > inSegmentRange.max) {\n        res.x = s2.x;\n        res.y = s2.y;\n    }\n    return res;\n}\nfunction segmentBounce(start, stop, velocity) {\n    const { dx, dy } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(start, stop), wallAngle = Math.atan2(dy, dx), wallNormal = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(Math.sin(wallAngle), -Math.cos(wallAngle)), d = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * (velocity.x * wallNormal.x + velocity.y * wallNormal.y);\n    wallNormal.multTo(d);\n    velocity.subFrom(wallNormal);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/utils.js?\n}");
 
 /***/ }
 

package/plugins_polygonMask_dist_browser_PolygonMaskPlugin_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-beta.0
+ * v4.0.0-beta.1
  */
 "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 */   PolygonMask: () => (/* binding */ PolygonMask)\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 _PolygonMaskDraw_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PolygonMaskDraw.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskDraw.js\");\n/* harmony import */ var _PolygonMaskInline_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PolygonMaskInline.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskInline.js\");\n/* harmony import */ var _PolygonMaskLocalSvg_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PolygonMaskLocalSvg.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskLocalSvg.js\");\n/* harmony import */ var _PolygonMaskMove_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PolygonMaskMove.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskMove.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../Enums/PolygonMaskType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskType.js\");\n\n\n\n\n\n\nclass PolygonMask {\n    data;\n    draw;\n    enable;\n    inline;\n    move;\n    position;\n    scale;\n    type;\n    url;\n    constructor(engine){\n        this.draw = new _PolygonMaskDraw_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskDraw(engine);\n        this.enable = false;\n        this.inline = new _PolygonMaskInline_js__WEBPACK_IMPORTED_MODULE_2__.PolygonMaskInline();\n        this.move = new _PolygonMaskMove_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskMove();\n        this.scale = 1;\n        this.type = _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_5__.PolygonMaskType.none;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        this.draw.load(data.draw);\n        this.inline.load(data.inline);\n        this.move.load(data.move);\n        if (data.scale !== undefined) {\n            this.scale = data.scale;\n        }\n        if (data.type !== undefined) {\n            this.type = data.type;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        } else {\n            this.enable = this.type !== _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_5__.PolygonMaskType.none;\n        }\n        if (data.url !== undefined) {\n            this.url = data.url;\n        }\n        if (data.data !== undefined) {\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(data.data)) {\n                this.data = data.data;\n            } else {\n                this.data = new _PolygonMaskLocalSvg_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskLocalSvg();\n                this.data.load(data.data);\n            }\n        }\n        if (data.position !== undefined) {\n            this.position = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, data.position);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMask.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonMask: () => (/* binding */ PolygonMask)\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 _PolygonMaskDraw_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PolygonMaskDraw.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskDraw.js\");\n/* harmony import */ var _PolygonMaskInline_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PolygonMaskInline.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskInline.js\");\n/* harmony import */ var _PolygonMaskLocalSvg_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PolygonMaskLocalSvg.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskLocalSvg.js\");\n/* harmony import */ var _PolygonMaskMove_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PolygonMaskMove.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskMove.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../Enums/PolygonMaskType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskType.js\");\n\n\n\n\n\n\nclass PolygonMask {\n    data;\n    draw;\n    enable;\n    inline;\n    move;\n    position;\n    scale;\n    type;\n    url;\n    constructor(pluginManager){\n        this.draw = new _PolygonMaskDraw_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskDraw(pluginManager);\n        this.enable = false;\n        this.inline = new _PolygonMaskInline_js__WEBPACK_IMPORTED_MODULE_2__.PolygonMaskInline();\n        this.move = new _PolygonMaskMove_js__WEBPACK_IMPORTED_MODULE_4__.PolygonMaskMove();\n        this.scale = 1;\n        this.type = _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_5__.PolygonMaskType.none;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        this.draw.load(data.draw);\n        this.inline.load(data.inline);\n        this.move.load(data.move);\n        if (data.scale !== undefined) {\n            this.scale = data.scale;\n        }\n        if (data.type !== undefined) {\n            this.type = data.type;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        } else {\n            this.enable = this.type !== _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_5__.PolygonMaskType.none;\n        }\n        if (data.url !== undefined) {\n            this.url = data.url;\n        }\n        if (data.data !== undefined) {\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(data.data)) {\n                this.data = data.data;\n            } else {\n                this.data = new _PolygonMaskLocalSvg_js__WEBPACK_IMPORTED_MODULE_3__.PolygonMaskLocalSvg();\n                this.data.load(data.data);\n            }\n        }\n        if (data.position !== undefined) {\n            this.position = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, data.position);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMask.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 */   PolygonMaskDraw: () => (/* binding */ PolygonMaskDraw)\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 _PolygonMaskDrawStroke_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PolygonMaskDrawStroke.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskDrawStroke.js\");\n\n\nclass PolygonMaskDraw {\n    enable;\n    stroke;\n    constructor(engine){\n        this.enable = false;\n        this.stroke = new _PolygonMaskDrawStroke_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskDrawStroke(engine);\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        const stroke = data.stroke;\n        this.stroke.load(stroke);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskDraw.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonMaskDraw: () => (/* binding */ PolygonMaskDraw)\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 _PolygonMaskDrawStroke_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PolygonMaskDrawStroke.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskDrawStroke.js\");\n\n\nclass PolygonMaskDraw {\n    enable;\n    stroke;\n    constructor(pluginManager){\n        this.enable = false;\n        this.stroke = new _PolygonMaskDrawStroke_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskDrawStroke(pluginManager);\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        const stroke = data.stroke;\n        this.stroke.load(stroke);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskDraw.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 */   PolygonMaskDrawStroke: () => (/* binding */ PolygonMaskDrawStroke)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass PolygonMaskDrawStroke {\n    color;\n    opacity;\n    width;\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n        this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n        this.width = 0.5;\n        this.opacity = 1;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(this.color.value)) {\n            this.opacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.stringToAlpha)(this._engine, this.color.value) ?? this.opacity;\n        }\n        if (data.opacity !== undefined) {\n            this.opacity = data.opacity;\n        }\n        if (data.width !== undefined) {\n            this.width = data.width;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskDrawStroke.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonMaskDrawStroke: () => (/* binding */ PolygonMaskDrawStroke)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass PolygonMaskDrawStroke {\n    color;\n    opacity;\n    width;\n    _pluginManager;\n    constructor(pluginManager){\n        this._pluginManager = pluginManager;\n        this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n        this.width = 0.5;\n        this.opacity = 1;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(this.color.value)) {\n            this.opacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.stringToAlpha)(this._pluginManager, this.color.value) ?? this.opacity;\n        }\n        if (data.opacity !== undefined) {\n            this.opacity = data.opacity;\n        }\n        if (data.width !== undefined) {\n            this.width = data.width;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMaskDrawStroke.js?\n}");
 
 /***/ },
 
@@ -83,7 +83,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 */   PolygonMaskPlugin: () => (/* binding */ PolygonMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_PolygonMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/PolygonMask.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMask.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/PolygonMaskType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskType.js\");\n\n\nclass PolygonMaskPlugin {\n    id = \"polygon-mask\";\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n    }\n    async getPlugin(container) {\n        const { PolygonMaskInstance } = await __webpack_require__.e(/*! import() */ \"plugins_polygonMask_dist_browser_PolygonMaskInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonMaskInstance.js */ \"../../plugins/polygonMask/dist/browser/PolygonMaskInstance.js\"));\n        return new PolygonMaskInstance(container, this._engine);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        let polygonOptions = options.polygon;\n        if (polygonOptions?.load === undefined) {\n            options.polygon = polygonOptions = new _Options_Classes_PolygonMask_js__WEBPACK_IMPORTED_MODULE_0__.PolygonMask(this._engine);\n        }\n        polygonOptions.load(source?.polygon);\n    }\n    needsPlugin(options) {\n        return options?.polygon?.enable ?? (options?.polygon?.type !== undefined && options.polygon.type !== _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskType.none);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/PolygonMaskPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonMaskPlugin: () => (/* binding */ PolygonMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_PolygonMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/PolygonMask.js */ \"../../plugins/polygonMask/dist/browser/Options/Classes/PolygonMask.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/PolygonMaskType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskType.js\");\n\n\nclass PolygonMaskPlugin {\n    id = \"polygon-mask\";\n    _pluginManager;\n    constructor(pluginManager){\n        this._pluginManager = pluginManager;\n    }\n    async getPlugin(container) {\n        const { PolygonMaskInstance } = await __webpack_require__.e(/*! import() */ \"plugins_polygonMask_dist_browser_PolygonMaskInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonMaskInstance.js */ \"../../plugins/polygonMask/dist/browser/PolygonMaskInstance.js\"));\n        return new PolygonMaskInstance(this._pluginManager, container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        let polygonOptions = options.polygon;\n        if (polygonOptions?.load === undefined) {\n            options.polygon = polygonOptions = new _Options_Classes_PolygonMask_js__WEBPACK_IMPORTED_MODULE_0__.PolygonMask(this._pluginManager);\n        }\n        polygonOptions.load(source?.polygon);\n    }\n    needsPlugin(options) {\n        return options?.polygon?.enable ?? (options?.polygon?.type !== undefined && options.polygon.type !== _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskType.none);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/PolygonMaskPlugin.js?\n}");
 
 /***/ }
 

package/plugins_polygonMask_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-beta.0
+ * v4.0.0-beta.1
  */
 "use strict";
 /*
@@ -53,7 +53,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonMaskInlineArrangement: () => (/* reexport safe */ _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__.PolygonMaskInlineArrangement),\n/* harmony export */   PolygonMaskMoveType: () => (/* reexport safe */ _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskMoveType),\n/* harmony export */   PolygonMaskType: () => (/* reexport safe */ _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__.PolygonMaskType),\n/* harmony export */   loadPolygonMaskPlugin: () => (/* binding */ loadPolygonMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enums/PolygonMaskInlineArrangement.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskInlineArrangement.js\");\n/* harmony import */ var _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/PolygonMaskMoveType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskMoveType.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/PolygonMaskType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskType.js\");\nasync function loadPolygonMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { PolygonMaskPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_polygonMask_dist_browser_PolygonMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonMaskPlugin.js */ \"../../plugins/polygonMask/dist/browser/PolygonMaskPlugin.js\"));\n        e.addPlugin(new PolygonMaskPlugin(engine));\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonMaskInlineArrangement: () => (/* reexport safe */ _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__.PolygonMaskInlineArrangement),\n/* harmony export */   PolygonMaskMoveType: () => (/* reexport safe */ _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskMoveType),\n/* harmony export */   PolygonMaskType: () => (/* reexport safe */ _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__.PolygonMaskType),\n/* harmony export */   loadPolygonMaskPlugin: () => (/* binding */ loadPolygonMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enums/PolygonMaskInlineArrangement.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskInlineArrangement.js\");\n/* harmony import */ var _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/PolygonMaskMoveType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskMoveType.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/PolygonMaskType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskType.js\");\nasync function loadPolygonMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { PolygonMaskPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_polygonMask_dist_browser_PolygonMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonMaskPlugin.js */ \"../../plugins/polygonMask/dist/browser/PolygonMaskPlugin.js\"));\n        e.pluginManager.addPlugin(new PolygonMaskPlugin(e.pluginManager));\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_responsive_dist_browser_ResponsivePluginInstance_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-beta.0
+ * v4.0.0-beta.1
  */
 "use strict";
 /*

package/plugins_responsive_dist_browser_ResponsivePlugin_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-beta.0
+ * v4.0.0-beta.1
  */
 "use strict";
 /*

package/plugins_responsive_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-beta.0
+ * v4.0.0-beta.1
  */
 "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 */   loadResponsivePlugin: () => (/* binding */ loadResponsivePlugin)\n/* harmony export */ });\nasync function loadResponsivePlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ResponsivePlugin } = await __webpack_require__.e(/*! import() */ \"plugins_responsive_dist_browser_ResponsivePlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ResponsivePlugin.js */ \"../../plugins/responsive/dist/browser/ResponsivePlugin.js\"));\n        e.addPlugin(new ResponsivePlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/responsive/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadResponsivePlugin: () => (/* binding */ loadResponsivePlugin)\n/* harmony export */ });\nasync function loadResponsivePlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ResponsivePlugin } = await __webpack_require__.e(/*! import() */ \"plugins_responsive_dist_browser_ResponsivePlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ResponsivePlugin.js */ \"../../plugins/responsive/dist/browser/ResponsivePlugin.js\"));\n        e.pluginManager.addPlugin(new ResponsivePlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/responsive/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_sounds_dist_browser_SoundsPluginInstance_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-beta.0
+ * v4.0.0-beta.1
  */
 "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 */   SoundsPluginInstance: () => (/* binding */ SoundsPluginInstance)\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 _enums_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./enums.js */ \"../../plugins/sounds/dist/browser/enums.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/sounds/dist/browser/utils.js\");\n/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants.js */ \"../../plugins/sounds/dist/browser/constants.js\");\n\n\n\n\nconst zIndexOffset = 1, rightOffset = 1, minVolume = 0;\nfunction initImage(data) {\n    const img = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"img\"), { clickCb, container, display, iconOptions, margin, options, pos, rightOffsets } = data, { width, path, style, svg } = iconOptions, defaultAccumulator = 0;\n    setIconStyle(img, pos.top + margin, pos.right - (margin * (rightOffsets.length + rightOffset) + width + rightOffsets.reduce((a, b)=>a + b, defaultAccumulator)), display, options.fullScreen.zIndex + zIndexOffset, width, margin, style);\n    img.src = path ?? (svg ? `data:image/svg+xml;base64,${btoa(svg)}` : \"\");\n    const parent = container.canvas.element?.parentNode ?? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().body;\n    parent.append(img);\n    img.addEventListener(\"click\", ()=>{\n        void clickCb();\n    });\n    return img;\n}\nfunction removeImage(image) {\n    if (!image) {\n        return;\n    }\n    image.remove();\n}\nfunction setIconStyle(icon, top, left, display, zIndex, width, margin, style) {\n    icon.style.userSelect = \"none\";\n    icon.style.position = \"absolute\";\n    icon.style.top = `${(top + margin).toString()}px`;\n    icon.style.left = `${(left - margin - width).toString()}px`;\n    icon.style.display = display;\n    icon.style.zIndex = (zIndex + zIndexOffset).toString();\n    icon.style.cssText += style;\n}\nclass SoundsPluginInstance {\n    _audioMap;\n    _audioSources;\n    _container;\n    _engine;\n    _gain;\n    _muteImg;\n    _unmuteImg;\n    _volume;\n    _volumeDownImg;\n    _volumeUpImg;\n    constructor(container, engine){\n        this._container = container;\n        this._engine = engine;\n        this._volume = 0;\n        this._audioSources = [];\n        this._audioMap = new Map();\n    }\n    async init() {\n        const container = this._container, options = container.actualOptions, soundsOptions = options.sounds;\n        if (!soundsOptions?.enable) {\n            return;\n        }\n        if (soundsOptions.autoPlay && (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.isWindowMuted)()) {\n            const firstClickHandler = ()=>{\n                removeEventListener(_constants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent, firstClickHandler);\n                removeEventListener(_constants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent, firstClickHandler);\n                (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.unmuteWindow)();\n                void this.unmute();\n            }, listenerOptions = {\n                capture: true,\n                once: true\n            };\n            addEventListener(_constants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent, firstClickHandler, listenerOptions);\n            addEventListener(_constants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent, firstClickHandler, listenerOptions);\n        }\n        this._volume = soundsOptions.volume.value;\n        const events = soundsOptions.events;\n        this._audioMap = new Map();\n        for (const event of events){\n            if (!event.audio) {\n                continue;\n            }\n            const promises = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(event.audio, async (audio)=>{\n                const response = await fetch(audio.source);\n                if (!response.ok) {\n                    return;\n                }\n                const arrayBuffer = await response.arrayBuffer(), audioContext = this._getAudioContext(), audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n                this._audioMap.set(audio.source, audioBuffer);\n            });\n            if (promises instanceof Promise) {\n                await promises;\n            } else {\n                await Promise.allSettled(promises);\n            }\n        }\n    }\n    async mute() {\n        if (!this._container.muted) {\n            await this.toggleMute();\n        }\n    }\n    async start() {\n        const container = this._container, options = container.actualOptions, soundsOptions = options.sounds;\n        if (!soundsOptions?.enable || !container.canvas.element) {\n            return;\n        }\n        container.muted = true;\n        const canvas = container.canvas.element, pos = {\n            top: canvas.offsetTop,\n            right: canvas.offsetLeft + canvas.offsetWidth\n        }, { mute, unmute, volumeDown, volumeUp } = soundsOptions.icons, margin = 10, toggleMute = async ()=>{\n            await this.toggleMute();\n        }, enableIcons = soundsOptions.icons.enable, display = enableIcons ? _enums_js__WEBPACK_IMPORTED_MODULE_1__.ImageDisplay.Block : _enums_js__WEBPACK_IMPORTED_MODULE_1__.ImageDisplay.None;\n        this._muteImg = initImage({\n            container,\n            options,\n            pos,\n            display,\n            iconOptions: mute,\n            margin,\n            rightOffsets: [\n                volumeDown.width,\n                volumeUp.width\n            ],\n            clickCb: toggleMute\n        });\n        this._unmuteImg = initImage({\n            container,\n            options,\n            pos,\n            display: _enums_js__WEBPACK_IMPORTED_MODULE_1__.ImageDisplay.None,\n            iconOptions: unmute,\n            margin,\n            rightOffsets: [\n                volumeDown.width,\n                volumeUp.width\n            ],\n            clickCb: toggleMute\n        });\n        this._volumeDownImg = initImage({\n            container,\n            options,\n            pos,\n            display,\n            iconOptions: volumeDown,\n            margin,\n            rightOffsets: [\n                volumeUp.width\n            ],\n            clickCb: async ()=>{\n                await this.volumeDown();\n            }\n        });\n        this._volumeUpImg = initImage({\n            container,\n            options,\n            pos,\n            display,\n            iconOptions: volumeUp,\n            margin,\n            rightOffsets: [],\n            clickCb: async ()=>{\n                await this.volumeUp();\n            }\n        });\n        if (!(0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.isWindowMuted)() && soundsOptions.autoPlay) {\n            await this.unmute();\n        }\n    }\n    stop() {\n        this._container.muted = true;\n        void (async ()=>{\n            await this._mute();\n            removeImage(this._muteImg);\n            removeImage(this._unmuteImg);\n            removeImage(this._volumeDownImg);\n            removeImage(this._volumeUpImg);\n        })();\n    }\n    async toggleMute() {\n        const container = this._container;\n        container.muted = !container.muted;\n        this._updateMuteIcons();\n        await this._updateMuteStatus();\n    }\n    async unmute() {\n        if (this._container.muted) {\n            await this.toggleMute();\n        }\n    }\n    async volumeDown() {\n        const container = this._container, soundsOptions = container.actualOptions.sounds;\n        if (!soundsOptions?.enable) {\n            return;\n        }\n        if (container.muted) {\n            this._volume = 0;\n        }\n        this._volume -= soundsOptions.volume.step;\n        await this._updateVolume();\n    }\n    async volumeUp() {\n        const container = this._container, soundsOptions = container.actualOptions.sounds;\n        if (!soundsOptions?.enable) {\n            return;\n        }\n        this._volume += soundsOptions.volume.step;\n        await this._updateVolume();\n    }\n    _addBuffer = (audioCtx)=>{\n        const buffer = audioCtx.createBufferSource();\n        this._audioSources.push(buffer);\n        return buffer;\n    };\n    _addOscillator = (audioCtx)=>{\n        const oscillator = audioCtx.createOscillator();\n        this._audioSources.push(oscillator);\n        return oscillator;\n    };\n    _getAudioContext() {\n        const container = this._container;\n        container.audioContext ??= new AudioContext();\n        return container.audioContext;\n    }\n    _initEvents = ()=>{\n        const container = this._container, soundsOptions = container.actualOptions.sounds;\n        if (!soundsOptions?.enable || !container.canvas.element) {\n            return;\n        }\n        for (const event of soundsOptions.events){\n            const cb = (args)=>{\n                if (!args) {\n                    return;\n                }\n                void (async ()=>{\n                    const filterNotValid = event.filter && !event.filter(args);\n                    if (this._container !== args.container) {\n                        return;\n                    }\n                    if (!!this._container.muted || this._container.destroyed) {\n                        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(event.event, (item)=>{\n                            this._engine.removeEventListener(item, cb);\n                        });\n                        return;\n                    }\n                    if (filterNotValid) {\n                        return;\n                    }\n                    const defaultNoteIndex = 0;\n                    if (event.audio) {\n                        const audio = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(event.audio);\n                        if (!audio) {\n                            return;\n                        }\n                        this._playBuffer(audio);\n                    } else if (event.melodies) {\n                        const melody = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromArray)(event.melodies);\n                        if (!melody) {\n                            return;\n                        }\n                        if (melody.melodies.length) {\n                            await Promise.allSettled(melody.melodies.map((m)=>this._playNote(m.notes, defaultNoteIndex, melody.loop)));\n                        } else {\n                            await this._playNote(melody.notes, defaultNoteIndex, melody.loop);\n                        }\n                    } else if (event.notes) {\n                        const note = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromArray)(event.notes);\n                        if (!note) {\n                            return;\n                        }\n                        await this._playNote([\n                            note\n                        ], defaultNoteIndex, false);\n                    }\n                })();\n            };\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(event.event, (item)=>{\n                this._engine.addEventListener(item, cb);\n            });\n        }\n    };\n    _mute = async ()=>{\n        const container = this._container, audioContext = this._getAudioContext();\n        for (const source of this._audioSources){\n            this._removeAudioSource(source);\n        }\n        if (this._gain) {\n            this._gain.disconnect();\n        }\n        await audioContext.close();\n        container.audioContext = undefined;\n        this._engine.dispatchEvent(_enums_js__WEBPACK_IMPORTED_MODULE_1__.SoundsEventType.mute, {\n            container: this._container\n        });\n    };\n    _playBuffer = (audio)=>{\n        const audioBuffer = this._audioMap.get(audio.source);\n        if (!audioBuffer) {\n            return;\n        }\n        const audioCtx = this._container.audioContext;\n        if (!audioCtx) {\n            return;\n        }\n        const source = this._addBuffer(audioCtx);\n        source.loop = audio.loop;\n        source.buffer = audioBuffer;\n        source.connect(this._gain ?? audioCtx.destination);\n        source.start();\n    };\n    _playFrequency = async (frequency, duration)=>{\n        if (!this._gain || this._container.muted) {\n            return;\n        }\n        const audioContext = this._getAudioContext(), oscillator = this._addOscillator(audioContext);\n        oscillator.connect(this._gain);\n        oscillator.type = \"sine\";\n        oscillator.frequency.value = frequency;\n        oscillator.start();\n        return new Promise((resolve)=>{\n            setTimeout(()=>{\n                this._removeAudioSource(oscillator);\n                resolve();\n            }, duration);\n        });\n    };\n    _playMuteSound = ()=>{\n        if (this._container.muted) {\n            return;\n        }\n        const audioContext = this._getAudioContext(), gain = audioContext.createGain();\n        gain.connect(audioContext.destination);\n        gain.gain.value = 0;\n        const oscillator = audioContext.createOscillator();\n        oscillator.connect(gain);\n        oscillator.type = \"sine\";\n        oscillator.frequency.value = 1;\n        oscillator.start();\n        setTimeout(()=>{\n            oscillator.stop();\n            oscillator.disconnect();\n            gain.disconnect();\n        });\n    };\n    _playNote = async (notes, noteIdx, loop)=>{\n        if (this._container.muted) {\n            return;\n        }\n        const note = notes[noteIdx];\n        if (!note) {\n            return;\n        }\n        const value = note.value, promises = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(value, async (_, idx)=>{\n            return this._playNoteValue(notes, noteIdx, idx);\n        });\n        await ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(promises) ? Promise.allSettled(promises) : promises);\n        const indexOffset = 1;\n        let nextNoteIdx = noteIdx + indexOffset;\n        if (loop && nextNoteIdx >= notes.length) {\n            nextNoteIdx = nextNoteIdx % notes.length;\n        }\n        await this._playNote(notes, nextNoteIdx, loop);\n    };\n    _playNoteValue = async (notes, noteIdx, valueIdx)=>{\n        const note = notes[noteIdx];\n        if (!note) {\n            return;\n        }\n        const value = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(note.value, valueIdx, true);\n        if (!value) {\n            return;\n        }\n        try {\n            const freq = (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.getNoteFrequency)(value);\n            if (!(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(freq)) {\n                return;\n            }\n            await this._playFrequency(freq, note.duration);\n        } catch (e) {\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().error(e);\n        }\n    };\n    _removeAudioSource = (source)=>{\n        source.stop();\n        source.disconnect();\n        const deleteCount = 1;\n        this._audioSources.splice(this._audioSources.indexOf(source), deleteCount);\n    };\n    _unmute = ()=>{\n        const container = this._container, options = container.actualOptions, soundsOptions = options.sounds;\n        if (!soundsOptions) {\n            return;\n        }\n        const audioContext = this._getAudioContext(), gain = audioContext.createGain();\n        gain.connect(audioContext.destination);\n        gain.gain.value = soundsOptions.volume.value / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        this._gain = gain;\n        this._initEvents();\n        this._engine.dispatchEvent(_enums_js__WEBPACK_IMPORTED_MODULE_1__.SoundsEventType.unmute, {\n            container: this._container\n        });\n    };\n    _updateMuteIcons = ()=>{\n        const container = this._container, soundsOptions = container.actualOptions.sounds;\n        if (!soundsOptions?.enable || !soundsOptions.icons.enable) {\n            return;\n        }\n        const muteImg = this._muteImg, unmuteImg = this._unmuteImg;\n        if (muteImg) {\n            muteImg.style.display = container.muted ? \"block\" : \"none\";\n        }\n        if (unmuteImg) {\n            unmuteImg.style.display = container.muted ? \"none\" : \"block\";\n        }\n    };\n    _updateMuteStatus = async ()=>{\n        const container = this._container, audioContext = this._getAudioContext();\n        if (container.muted) {\n            await audioContext.suspend();\n            await this._mute();\n        } else {\n            await audioContext.resume();\n            this._unmute();\n            this._playMuteSound();\n        }\n    };\n    _updateVolume = async ()=>{\n        const container = this._container, soundsOptions = container.actualOptions.sounds;\n        if (!soundsOptions?.enable) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(this._volume, soundsOptions.volume.min, soundsOptions.volume.max);\n        let stateChanged = false;\n        if (this._volume <= minVolume && !container.muted) {\n            this._volume = 0;\n            container.muted = true;\n            stateChanged = true;\n        } else if (this._volume > minVolume && container.muted) {\n            container.muted = false;\n            stateChanged = true;\n        }\n        if (stateChanged) {\n            this._updateMuteIcons();\n            await this._updateMuteStatus();\n        }\n        if (this._gain?.gain) {\n            this._gain.gain.value = this._volume / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/sounds/dist/browser/SoundsPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SoundsPluginInstance: () => (/* binding */ SoundsPluginInstance)\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 _enums_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./enums.js */ \"../../plugins/sounds/dist/browser/enums.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/sounds/dist/browser/utils.js\");\n/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants.js */ \"../../plugins/sounds/dist/browser/constants.js\");\n\n\n\n\nconst zIndexOffset = 1, rightOffset = 1, minVolume = 0;\nfunction initImage(data) {\n    const img = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"img\"), { clickCb, container, display, iconOptions, margin, options, pos, rightOffsets } = data, { width, path, style, svg } = iconOptions, defaultAccumulator = 0;\n    setIconStyle(img, pos.top + margin, pos.right - (margin * (rightOffsets.length + rightOffset) + width + rightOffsets.reduce((a, b)=>a + b, defaultAccumulator)), display, options.fullScreen.zIndex + zIndexOffset, width, margin, style);\n    img.src = path ?? (svg ? `data:image/svg+xml;base64,${btoa(svg)}` : \"\");\n    const parent = container.canvas.element?.parentNode ?? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().body;\n    parent.append(img);\n    img.addEventListener(\"click\", ()=>{\n        void clickCb();\n    });\n    return img;\n}\nfunction removeImage(image) {\n    if (!image) {\n        return;\n    }\n    image.remove();\n}\nfunction setIconStyle(icon, top, left, display, zIndex, width, margin, style) {\n    icon.style.userSelect = \"none\";\n    icon.style.position = \"absolute\";\n    icon.style.top = `${(top + margin).toString()}px`;\n    icon.style.left = `${(left - margin - width).toString()}px`;\n    icon.style.display = display;\n    icon.style.zIndex = (zIndex + zIndexOffset).toString();\n    icon.style.cssText += style;\n}\nclass SoundsPluginInstance {\n    _audioMap;\n    _audioSources;\n    _container;\n    _engine;\n    _gain;\n    _muteImg;\n    _unmuteImg;\n    _volume;\n    _volumeDownImg;\n    _volumeUpImg;\n    constructor(container, engine){\n        this._container = container;\n        this._engine = engine;\n        this._volume = 0;\n        this._audioSources = [];\n        this._audioMap = new Map();\n    }\n    async init() {\n        const container = this._container, options = container.actualOptions, soundsOptions = options.sounds;\n        if (!soundsOptions?.enable) {\n            return;\n        }\n        if (soundsOptions.autoPlay && (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.isWindowMuted)()) {\n            const firstClickHandler = ()=>{\n                removeEventListener(_constants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent, firstClickHandler);\n                removeEventListener(_constants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent, firstClickHandler);\n                (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.unmuteWindow)();\n                void this.unmute();\n            }, listenerOptions = {\n                capture: true,\n                once: true\n            };\n            addEventListener(_constants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent, firstClickHandler, listenerOptions);\n            addEventListener(_constants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent, firstClickHandler, listenerOptions);\n        }\n        this._volume = soundsOptions.volume.value;\n        const events = soundsOptions.events;\n        this._audioMap = new Map();\n        for (const event of events){\n            if (!event.audio) {\n                continue;\n            }\n            const promises = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(event.audio, async (audio)=>{\n                const response = await fetch(audio.source);\n                if (!response.ok) {\n                    return;\n                }\n                const arrayBuffer = await response.arrayBuffer(), audioContext = this._getAudioContext(), audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n                this._audioMap.set(audio.source, audioBuffer);\n            });\n            if (promises instanceof Promise) {\n                await promises;\n            } else {\n                await Promise.allSettled(promises);\n            }\n        }\n    }\n    async mute() {\n        if (!this._container.muted) {\n            await this.toggleMute();\n        }\n    }\n    async start() {\n        const container = this._container, options = container.actualOptions, soundsOptions = options.sounds;\n        if (!soundsOptions?.enable || !container.canvas.element) {\n            return;\n        }\n        container.muted = true;\n        const canvas = container.canvas.element, pos = {\n            top: canvas.offsetTop,\n            right: canvas.offsetLeft + canvas.offsetWidth\n        }, { mute, unmute, volumeDown, volumeUp } = soundsOptions.icons, margin = 10, toggleMute = async ()=>{\n            await this.toggleMute();\n        }, enableIcons = soundsOptions.icons.enable, display = enableIcons ? _enums_js__WEBPACK_IMPORTED_MODULE_1__.ImageDisplay.Block : _enums_js__WEBPACK_IMPORTED_MODULE_1__.ImageDisplay.None;\n        this._muteImg = initImage({\n            container,\n            options,\n            pos,\n            display,\n            iconOptions: mute,\n            margin,\n            rightOffsets: [\n                volumeDown.width,\n                volumeUp.width\n            ],\n            clickCb: toggleMute\n        });\n        this._unmuteImg = initImage({\n            container,\n            options,\n            pos,\n            display: _enums_js__WEBPACK_IMPORTED_MODULE_1__.ImageDisplay.None,\n            iconOptions: unmute,\n            margin,\n            rightOffsets: [\n                volumeDown.width,\n                volumeUp.width\n            ],\n            clickCb: toggleMute\n        });\n        this._volumeDownImg = initImage({\n            container,\n            options,\n            pos,\n            display,\n            iconOptions: volumeDown,\n            margin,\n            rightOffsets: [\n                volumeUp.width\n            ],\n            clickCb: async ()=>{\n                await this.volumeDown();\n            }\n        });\n        this._volumeUpImg = initImage({\n            container,\n            options,\n            pos,\n            display,\n            iconOptions: volumeUp,\n            margin,\n            rightOffsets: [],\n            clickCb: async ()=>{\n                await this.volumeUp();\n            }\n        });\n        if (!(0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.isWindowMuted)() && soundsOptions.autoPlay) {\n            await this.unmute();\n        }\n    }\n    stop() {\n        this._container.muted = true;\n        void (async ()=>{\n            await this._mute();\n            removeImage(this._muteImg);\n            removeImage(this._unmuteImg);\n            removeImage(this._volumeDownImg);\n            removeImage(this._volumeUpImg);\n        })();\n    }\n    async toggleMute() {\n        const container = this._container;\n        container.muted = !container.muted;\n        this._updateMuteIcons();\n        await this._updateMuteStatus();\n    }\n    async unmute() {\n        if (this._container.muted) {\n            await this.toggleMute();\n        }\n    }\n    async volumeDown() {\n        const container = this._container, soundsOptions = container.actualOptions.sounds;\n        if (!soundsOptions?.enable) {\n            return;\n        }\n        if (container.muted) {\n            this._volume = 0;\n        }\n        this._volume -= soundsOptions.volume.step;\n        await this._updateVolume();\n    }\n    async volumeUp() {\n        const container = this._container, soundsOptions = container.actualOptions.sounds;\n        if (!soundsOptions?.enable) {\n            return;\n        }\n        this._volume += soundsOptions.volume.step;\n        await this._updateVolume();\n    }\n    _addBuffer = (audioCtx)=>{\n        const buffer = audioCtx.createBufferSource();\n        this._audioSources.push(buffer);\n        return buffer;\n    };\n    _addOscillator = (audioCtx)=>{\n        const oscillator = audioCtx.createOscillator();\n        this._audioSources.push(oscillator);\n        return oscillator;\n    };\n    _getAudioContext() {\n        const container = this._container;\n        container.audioContext ??= new AudioContext();\n        return container.audioContext;\n    }\n    _initEvents = ()=>{\n        const container = this._container, soundsOptions = container.actualOptions.sounds;\n        if (!soundsOptions?.enable || !container.canvas.element) {\n            return;\n        }\n        for (const event of soundsOptions.events){\n            const cb = (args)=>{\n                if (!args) {\n                    return;\n                }\n                void (async ()=>{\n                    const filterNotValid = event.filter && !event.filter(args);\n                    if (this._container !== args.container) {\n                        return;\n                    }\n                    if (!!this._container.muted || this._container.destroyed) {\n                        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(event.event, (item)=>{\n                            this._engine.removeEventListener(item, cb);\n                        });\n                        return;\n                    }\n                    if (filterNotValid) {\n                        return;\n                    }\n                    const defaultNoteIndex = 0;\n                    if (event.audio) {\n                        const audio = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(event.audio);\n                        if (!audio) {\n                            return;\n                        }\n                        this._playBuffer(audio);\n                    } else if (event.melodies) {\n                        const melody = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromArray)(event.melodies);\n                        if (!melody) {\n                            return;\n                        }\n                        if (melody.melodies.length) {\n                            await Promise.allSettled(melody.melodies.map((m)=>this._playNote(m.notes, defaultNoteIndex, melody.loop)));\n                        } else {\n                            await this._playNote(melody.notes, defaultNoteIndex, melody.loop);\n                        }\n                    } else if (event.notes) {\n                        const note = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromArray)(event.notes);\n                        if (!note) {\n                            return;\n                        }\n                        await this._playNote([\n                            note\n                        ], defaultNoteIndex, false);\n                    }\n                })();\n            };\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(event.event, (item)=>{\n                this._engine.addEventListener(item, cb);\n            });\n        }\n    };\n    _mute = async ()=>{\n        const container = this._container, audioContext = this._getAudioContext();\n        for (const source of this._audioSources){\n            this._removeAudioSource(source);\n        }\n        if (this._gain) {\n            this._gain.disconnect();\n        }\n        await audioContext.close();\n        container.audioContext = undefined;\n        this._container.dispatchEvent(_enums_js__WEBPACK_IMPORTED_MODULE_1__.SoundsEventType.mute);\n    };\n    _playBuffer = (audio)=>{\n        const audioBuffer = this._audioMap.get(audio.source);\n        if (!audioBuffer) {\n            return;\n        }\n        const audioCtx = this._container.audioContext;\n        if (!audioCtx) {\n            return;\n        }\n        const source = this._addBuffer(audioCtx);\n        source.loop = audio.loop;\n        source.buffer = audioBuffer;\n        source.connect(this._gain ?? audioCtx.destination);\n        source.start();\n    };\n    _playFrequency = async (frequency, duration)=>{\n        if (!this._gain || this._container.muted) {\n            return;\n        }\n        const audioContext = this._getAudioContext(), oscillator = this._addOscillator(audioContext);\n        oscillator.connect(this._gain);\n        oscillator.type = \"sine\";\n        oscillator.frequency.value = frequency;\n        oscillator.start();\n        return new Promise((resolve)=>{\n            setTimeout(()=>{\n                this._removeAudioSource(oscillator);\n                resolve();\n            }, duration);\n        });\n    };\n    _playMuteSound = ()=>{\n        if (this._container.muted) {\n            return;\n        }\n        const audioContext = this._getAudioContext(), gain = audioContext.createGain();\n        gain.connect(audioContext.destination);\n        gain.gain.value = 0;\n        const oscillator = audioContext.createOscillator();\n        oscillator.connect(gain);\n        oscillator.type = \"sine\";\n        oscillator.frequency.value = 1;\n        oscillator.start();\n        setTimeout(()=>{\n            oscillator.stop();\n            oscillator.disconnect();\n            gain.disconnect();\n        });\n    };\n    _playNote = async (notes, noteIdx, loop)=>{\n        if (this._container.muted) {\n            return;\n        }\n        const note = notes[noteIdx];\n        if (!note) {\n            return;\n        }\n        const value = note.value, promises = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(value, async (_, idx)=>{\n            return this._playNoteValue(notes, noteIdx, idx);\n        });\n        await ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(promises) ? Promise.allSettled(promises) : promises);\n        const indexOffset = 1;\n        let nextNoteIdx = noteIdx + indexOffset;\n        if (loop && nextNoteIdx >= notes.length) {\n            nextNoteIdx = nextNoteIdx % notes.length;\n        }\n        await this._playNote(notes, nextNoteIdx, loop);\n    };\n    _playNoteValue = async (notes, noteIdx, valueIdx)=>{\n        const note = notes[noteIdx];\n        if (!note) {\n            return;\n        }\n        const value = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(note.value, valueIdx, true);\n        if (!value) {\n            return;\n        }\n        try {\n            const freq = (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.getNoteFrequency)(value);\n            if (!(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(freq)) {\n                return;\n            }\n            await this._playFrequency(freq, note.duration);\n        } catch (e) {\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().error(e);\n        }\n    };\n    _removeAudioSource = (source)=>{\n        source.stop();\n        source.disconnect();\n        const deleteCount = 1;\n        this._audioSources.splice(this._audioSources.indexOf(source), deleteCount);\n    };\n    _unmute = ()=>{\n        const container = this._container, options = container.actualOptions, soundsOptions = options.sounds;\n        if (!soundsOptions) {\n            return;\n        }\n        const audioContext = this._getAudioContext(), gain = audioContext.createGain();\n        gain.connect(audioContext.destination);\n        gain.gain.value = soundsOptions.volume.value / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        this._gain = gain;\n        this._initEvents();\n        this._container.dispatchEvent(_enums_js__WEBPACK_IMPORTED_MODULE_1__.SoundsEventType.unmute);\n    };\n    _updateMuteIcons = ()=>{\n        const container = this._container, soundsOptions = container.actualOptions.sounds;\n        if (!soundsOptions?.enable || !soundsOptions.icons.enable) {\n            return;\n        }\n        const muteImg = this._muteImg, unmuteImg = this._unmuteImg;\n        if (muteImg) {\n            muteImg.style.display = container.muted ? \"block\" : \"none\";\n        }\n        if (unmuteImg) {\n            unmuteImg.style.display = container.muted ? \"none\" : \"block\";\n        }\n    };\n    _updateMuteStatus = async ()=>{\n        const container = this._container, audioContext = this._getAudioContext();\n        if (container.muted) {\n            await audioContext.suspend();\n            await this._mute();\n        } else {\n            await audioContext.resume();\n            this._unmute();\n            this._playMuteSound();\n        }\n    };\n    _updateVolume = async ()=>{\n        const container = this._container, soundsOptions = container.actualOptions.sounds;\n        if (!soundsOptions?.enable) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(this._volume, soundsOptions.volume.min, soundsOptions.volume.max);\n        let stateChanged = false;\n        if (this._volume <= minVolume && !container.muted) {\n            this._volume = 0;\n            container.muted = true;\n            stateChanged = true;\n        } else if (this._volume > minVolume && container.muted) {\n            container.muted = false;\n            stateChanged = true;\n        }\n        if (stateChanged) {\n            this._updateMuteIcons();\n            await this._updateMuteStatus();\n        }\n        if (this._gain?.gain) {\n            this._gain.gain.value = this._volume / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/sounds/dist/browser/SoundsPluginInstance.js?\n}");
 
 /***/ },
 

package/plugins_sounds_dist_browser_SoundsPlugin_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-beta.0
+ * v4.0.0-beta.1
  */
 "use strict";
 /*

package/plugins_sounds_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-beta.0
+ * v4.0.0-beta.1
  */
 "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 */   loadSoundsPlugin: () => (/* binding */ loadSoundsPlugin)\n/* harmony export */ });\nasync function loadSoundsPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { SoundsPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_sounds_dist_browser_SoundsPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SoundsPlugin.js */ \"../../plugins/sounds/dist/browser/SoundsPlugin.js\"));\n        e.addPlugin(new SoundsPlugin(engine));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/sounds/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSoundsPlugin: () => (/* binding */ loadSoundsPlugin)\n/* harmony export */ });\nasync function loadSoundsPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { SoundsPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_sounds_dist_browser_SoundsPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SoundsPlugin.js */ \"../../plugins/sounds/dist/browser/SoundsPlugin.js\"));\n        e.pluginManager.addPlugin(new SoundsPlugin(e));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/sounds/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_themes_dist_browser_ThemesPluginInstance_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-beta.0
+ * v4.0.0-beta.1
  */
 "use strict";
 /*

package/plugins_themes_dist_browser_ThemesPlugin_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-beta.0
+ * v4.0.0-beta.1
  */
 "use strict";
 /*

package/plugins_themes_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-beta.0
+ * v4.0.0-beta.1
  */
 "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 */   loadThemesPlugin: () => (/* binding */ loadThemesPlugin)\n/* harmony export */ });\nasync function loadThemesPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ThemesPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_themes_dist_browser_ThemesPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ThemesPlugin.js */ \"../../plugins/themes/dist/browser/ThemesPlugin.js\"));\n        e.addPlugin(new ThemesPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/themes/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadThemesPlugin: () => (/* binding */ loadThemesPlugin)\n/* harmony export */ });\nasync function loadThemesPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ThemesPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_themes_dist_browser_ThemesPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ThemesPlugin.js */ \"../../plugins/themes/dist/browser/ThemesPlugin.js\"));\n        e.pluginManager.addPlugin(new ThemesPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/themes/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_trail_dist_browser_TrailPluginInstance_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-beta.0
+ * v4.0.0-beta.1
  */
 "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 */   TrailPluginInstance: () => (/* binding */ TrailPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minimumLength = 0;\nclass TrailPluginInstance {\n    _container;\n    _engine;\n    _trailFill;\n    constructor(container, engine){\n        this._container = container;\n        this._engine = engine;\n    }\n    canvasClear() {\n        const container = this._container, trail = container.actualOptions.trail, trailFill = this._trailFill;\n        if (!trail?.enable || !trailFill || trail.length <= minimumLength) {\n            return false;\n        }\n        let handled = false;\n        const canvas = container.canvas;\n        if (trailFill.color) {\n            canvas.paintBase((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(trailFill.color, container.hdr, trailFill.opacity));\n            handled = true;\n        } else if (trailFill.image) {\n            canvas.paintImage(trailFill.image, trailFill.opacity);\n            handled = true;\n        }\n        return handled;\n    }\n    async init() {\n        try {\n            await this._initTrail();\n        } catch (e) {\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().error(e);\n        }\n    }\n    _initTrail = async ()=>{\n        const options = this._container.actualOptions, trail = options.trail;\n        if (!trail?.enable) {\n            return;\n        }\n        const trailFill = trail.fill, opacity = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.inverseFactorNumerator / trail.length;\n        if (trailFill.color) {\n            const fillColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, trailFill.color);\n            if (!fillColor) {\n                return;\n            }\n            this._trailFill = {\n                color: {\n                    ...fillColor\n                },\n                opacity\n            };\n        } else {\n            await new Promise((resolve, reject)=>{\n                if (!trailFill.image) {\n                    return;\n                }\n                const img = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"img\");\n                img.addEventListener(\"load\", ()=>{\n                    this._trailFill = {\n                        image: img,\n                        opacity\n                    };\n                    resolve();\n                });\n                img.addEventListener(\"error\", (evt)=>{\n                    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().error(evt);\n                    reject(new Error(\"Error loading image\"));\n                });\n                img.src = trailFill.image;\n            });\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/trail/dist/browser/TrailPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TrailPluginInstance: () => (/* binding */ TrailPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minimumLength = 0;\nclass TrailPluginInstance {\n    _container;\n    _pluginManager;\n    _trailFill;\n    constructor(pluginManager, container){\n        this._container = container;\n        this._pluginManager = pluginManager;\n    }\n    canvasClear() {\n        const container = this._container, trail = container.actualOptions.trail, trailFill = this._trailFill;\n        if (!trail?.enable || !trailFill || trail.length <= minimumLength) {\n            return false;\n        }\n        let handled = false;\n        const canvas = container.canvas;\n        if (trailFill.color) {\n            canvas.render.paintBase((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(trailFill.color, container.hdr, trailFill.opacity));\n            handled = true;\n        } else if (trailFill.image) {\n            canvas.render.paintImage(trailFill.image, trailFill.opacity);\n            handled = true;\n        }\n        return handled;\n    }\n    async init() {\n        try {\n            await this._initTrail();\n        } catch (e) {\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().error(e);\n        }\n    }\n    _initTrail = async ()=>{\n        const options = this._container.actualOptions, trail = options.trail;\n        if (!trail?.enable) {\n            return;\n        }\n        const trailFill = trail.fill, opacity = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.inverseFactorNumerator / trail.length;\n        if (trailFill.color) {\n            const fillColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._pluginManager, trailFill.color);\n            if (!fillColor) {\n                return;\n            }\n            this._trailFill = {\n                color: {\n                    ...fillColor\n                },\n                opacity\n            };\n        } else {\n            await new Promise((resolve, reject)=>{\n                if (!trailFill.image) {\n                    return;\n                }\n                const img = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"img\");\n                img.addEventListener(\"load\", ()=>{\n                    this._trailFill = {\n                        image: img,\n                        opacity\n                    };\n                    resolve();\n                });\n                img.addEventListener(\"error\", (evt)=>{\n                    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().error(evt);\n                    reject(new Error(\"Error loading image\"));\n                });\n                img.src = trailFill.image;\n            });\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/trail/dist/browser/TrailPluginInstance.js?\n}");
 
 /***/ }
 

package/plugins_trail_dist_browser_TrailPlugin_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-beta.0
+ * v4.0.0-beta.1
  */
 "use strict";
 /*
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TrailPlugin: () => (/* binding */ TrailPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Trail.js */ \"../../plugins/trail/dist/browser/Options/Classes/Trail.js\");\n\nclass TrailPlugin {\n    id = \"trail\";\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n    }\n    async getPlugin(container) {\n        const { TrailPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_trail_dist_browser_TrailPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailPluginInstance.js */ \"../../plugins/trail/dist/browser/TrailPluginInstance.js\"));\n        return new TrailPluginInstance(container, this._engine);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin()) {\n            return;\n        }\n        let trailOptions = options.trail;\n        if (!trailOptions?.load) {\n            options.trail = trailOptions = new _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_0__.Trail();\n        }\n        trailOptions.load(source?.trail);\n    }\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/trail/dist/browser/TrailPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TrailPlugin: () => (/* binding */ TrailPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Trail.js */ \"../../plugins/trail/dist/browser/Options/Classes/Trail.js\");\n\nclass TrailPlugin {\n    id = \"trail\";\n    _pluginManager;\n    constructor(pluginManager){\n        this._pluginManager = pluginManager;\n    }\n    async getPlugin(container) {\n        const { TrailPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_trail_dist_browser_TrailPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailPluginInstance.js */ \"../../plugins/trail/dist/browser/TrailPluginInstance.js\"));\n        return new TrailPluginInstance(this._pluginManager, container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin()) {\n            return;\n        }\n        let trailOptions = options.trail;\n        if (!trailOptions?.load) {\n            options.trail = trailOptions = new _Options_Classes_Trail_js__WEBPACK_IMPORTED_MODULE_0__.Trail();\n        }\n        trailOptions.load(source?.trail);\n    }\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/trail/dist/browser/TrailPlugin.js?\n}");
 
 /***/ }
 

package/plugins_trail_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.1
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailPlugin: () => (/* binding */ loadTrailPlugin)\n/* harmony export */ });\nasync function loadTrailPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { TrailPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_trail_dist_browser_TrailPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailPlugin.js */ \"../../plugins/trail/dist/browser/TrailPlugin.js\"));\n        e.addPlugin(new TrailPlugin(engine));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/trail/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailPlugin: () => (/* binding */ loadTrailPlugin)\n/* harmony export */ });\nasync function loadTrailPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { TrailPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_trail_dist_browser_TrailPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailPlugin.js */ \"../../plugins/trail/dist/browser/TrailPlugin.js\"));\n        e.pluginManager.addPlugin(new TrailPlugin(e.pluginManager));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/trail/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_zoom_dist_browser_ZoomPluginInstance_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.1
  */
 "use strict";
 /*

package/plugins_zoom_dist_browser_ZoomPlugin_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.1
  */
 "use strict";
 /*