@tsparticles/all 4.0.0-alpha.8 → 4.0.0-beta.1

package/plugins_colors_hex_dist_browser_HexColorManager_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   HexColorManager: () => (/* binding */ HexColorManager)\n/* harmony export */ });\nvar RgbIndexes;\n(function (RgbIndexes) {\n  RgbIndexes[RgbIndexes[\"r\"] = 1] = \"r\";\n  RgbIndexes[RgbIndexes[\"g\"] = 2] = \"g\";\n  RgbIndexes[RgbIndexes[\"b\"] = 3] = \"b\";\n  RgbIndexes[RgbIndexes[\"a\"] = 4] = \"a\";\n})(RgbIndexes || (RgbIndexes = {}));\nconst shorthandHexRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])([a-f\\d])?$/i,\n  hexRegex = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i,\n  hexRadix = 16,\n  defaultAlpha = 1,\n  alphaFactor = 0xff;\nclass HexColorManager {\n  constructor() {\n    this.key = \"hex\";\n  }\n  accepts(input) {\n    return input.startsWith(\"#\");\n  }\n  handleColor(color) {\n    return this._parseString(color.value);\n  }\n  handleRangeColor(color) {\n    return this._parseString(color.value);\n  }\n  parseString(input) {\n    return this._parseString(input);\n  }\n  _parseString(hexColor) {\n    if (typeof hexColor !== \"string\" || !this.accepts(hexColor)) {\n      return;\n    }\n    const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {\n        return r + r + g + g + b + b + (a !== undefined ? a + a : \"\");\n      }),\n      result = hexRegex.exec(hexFixed);\n    return result ? {\n      a: result[RgbIndexes.a] ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,\n      b: parseInt(result[RgbIndexes.b] ?? \"0\", hexRadix),\n      g: parseInt(result[RgbIndexes.g] ?? \"0\", hexRadix),\n      r: parseInt(result[RgbIndexes.r] ?? \"0\", hexRadix)\n    } : undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hex/dist/browser/HexColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HexColorManager: () => (/* binding */ HexColorManager)\n/* harmony export */ });\nvar RgbIndexes;\n(function(RgbIndexes) {\n    RgbIndexes[RgbIndexes[\"r\"] = 1] = \"r\";\n    RgbIndexes[RgbIndexes[\"g\"] = 2] = \"g\";\n    RgbIndexes[RgbIndexes[\"b\"] = 3] = \"b\";\n    RgbIndexes[RgbIndexes[\"a\"] = 4] = \"a\";\n})(RgbIndexes || (RgbIndexes = {}));\nconst shorthandHexRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])([a-f\\d])?$/i, hexRegex = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i, hexRadix = 16, defaultAlpha = 1, alphaFactor = 0xff;\nclass HexColorManager {\n    accepts(input) {\n        return input.startsWith(\"#\");\n    }\n    handleColor(color) {\n        return this._parseString(color.value);\n    }\n    handleRangeColor(color) {\n        return this._parseString(color.value);\n    }\n    parseString(input) {\n        return this._parseString(input);\n    }\n    _parseString(hexColor) {\n        if (typeof hexColor !== \"string\" || !this.accepts(hexColor)) {\n            return;\n        }\n        const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a)=>{\n            return r + r + g + g + b + b + (a === undefined ? \"\" : a + a);\n        }), result = hexRegex.exec(hexFixed);\n        return result ? {\n            a: result[RgbIndexes.a] ? Number.parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,\n            b: Number.parseInt(result[RgbIndexes.b] ?? \"0\", hexRadix),\n            g: Number.parseInt(result[RgbIndexes.g] ?? \"0\", hexRadix),\n            r: Number.parseInt(result[RgbIndexes.r] ?? \"0\", hexRadix)\n        } : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hex/dist/browser/HexColorManager.js?\n}");
 
 /***/ }
 

package/plugins_colors_hex_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   loadHexColorPlugin: () => (/* binding */ loadHexColorPlugin)\n/* harmony export */ });\nasync function loadHexColorPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      HexColorManager\n    } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_HexColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HexColorManager.js */ \"../../plugins/colors/hex/dist/browser/HexColorManager.js\"));\n    e.addColorManager(new HexColorManager());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hex/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHexColorPlugin: () => (/* binding */ loadHexColorPlugin)\n/* harmony export */ });\nasync function loadHexColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { HexColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_HexColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HexColorManager.js */ \"../../plugins/colors/hex/dist/browser/HexColorManager.js\"));\n        e.pluginManager.addColorManager(\"hex\", new HexColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hex/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_hsl_dist_browser_HslColorManager_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   HslColorManager: () => (/* binding */ HslColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nvar HslIndexes;\n(function (HslIndexes) {\n  HslIndexes[HslIndexes[\"h\"] = 1] = \"h\";\n  HslIndexes[HslIndexes[\"s\"] = 2] = \"s\";\n  HslIndexes[HslIndexes[\"l\"] = 3] = \"l\";\n  HslIndexes[HslIndexes[\"a\"] = 5] = \"a\";\n})(HslIndexes || (HslIndexes = {}));\nconst hslRegex = /hsla?\\(\\s*(\\d+)\\s*[\\s,]\\s*(\\d+)%\\s*[\\s,]\\s*(\\d+)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass HslColorManager {\n  constructor() {\n    this.key = \"hsl\";\n  }\n  accepts(input) {\n    return input.startsWith(\"hsl\");\n  }\n  handleColor(color) {\n    const colorValue = color.value,\n      hslColor = colorValue.hsl ?? color.value;\n    if (!Object.hasOwn(hslColor, \"h\") || !Object.hasOwn(hslColor, \"s\") || !Object.hasOwn(hslColor, \"l\")) {\n      return;\n    }\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)(hslColor);\n  }\n  handleRangeColor(color) {\n    const colorValue = color.value,\n      hslColor = colorValue.hsl ?? color.value;\n    if (!Object.hasOwn(hslColor, \"h\") || !Object.hasOwn(hslColor, \"s\") || !Object.hasOwn(hslColor, \"l\")) {\n      return;\n    }\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)({\n      h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.h),\n      l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.l),\n      s: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.s)\n    });\n  }\n  parseString(input) {\n    if (!this.accepts(input)) {\n      return;\n    }\n    const result = hslRegex.exec(input),\n      minLength = 4,\n      defaultAlpha = 1,\n      radix = 10;\n    return result ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslaToRgba)({\n      a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[HslIndexes.a]) : defaultAlpha,\n      h: parseInt(result[HslIndexes.h] ?? \"0\", radix),\n      l: parseInt(result[HslIndexes.l] ?? \"0\", radix),\n      s: parseInt(result[HslIndexes.s] ?? \"0\", radix)\n    }) : undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsl/dist/browser/HslColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HslColorManager: () => (/* binding */ HslColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nvar HslIndexes;\n(function(HslIndexes) {\n    HslIndexes[HslIndexes[\"h\"] = 1] = \"h\";\n    HslIndexes[HslIndexes[\"s\"] = 2] = \"s\";\n    HslIndexes[HslIndexes[\"l\"] = 3] = \"l\";\n    HslIndexes[HslIndexes[\"a\"] = 5] = \"a\";\n})(HslIndexes || (HslIndexes = {}));\nconst hslRegex = /hsla?\\(\\s*(\\d+)\\s*[\\s,]\\s*(\\d+)%\\s*[\\s,]\\s*(\\d+)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass HslColorManager {\n    accepts(input) {\n        return input.startsWith(\"hsl\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;\n        if (!(\"h\" in hslColor) || !(\"s\" in hslColor) || !(\"l\" in hslColor)) {\n            return;\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)(hslColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;\n        if (!(\"h\" in hslColor) || !(\"s\" in hslColor) || !(\"l\" in hslColor)) {\n            return;\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)({\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.h),\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.l),\n            s: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.s)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = hslRegex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;\n        return result ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslaToRgba)({\n            a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[HslIndexes.a]) : defaultAlpha,\n            h: Number.parseInt(result[HslIndexes.h] ?? \"0\", radix),\n            l: Number.parseInt(result[HslIndexes.l] ?? \"0\", radix),\n            s: Number.parseInt(result[HslIndexes.s] ?? \"0\", radix)\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsl/dist/browser/HslColorManager.js?\n}");
 
 /***/ }
 

package/plugins_colors_hsl_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   loadHslColorPlugin: () => (/* binding */ loadHslColorPlugin)\n/* harmony export */ });\nasync function loadHslColorPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      HslColorManager\n    } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_HslColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HslColorManager.js */ \"../../plugins/colors/hsl/dist/browser/HslColorManager.js\"));\n    e.addColorManager(new HslColorManager());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsl/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHslColorPlugin: () => (/* binding */ loadHslColorPlugin)\n/* harmony export */ });\nasync function loadHslColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { HslColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_HslColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HslColorManager.js */ \"../../plugins/colors/hsl/dist/browser/HslColorManager.js\"));\n        e.pluginManager.addColorManager(\"hsl\", new HslColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsl/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_hsv_dist_browser_HsvColorManager_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   HsvColorManager: () => (/* binding */ HsvColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/hsv/dist/browser/utils.js\");\n\n\nconst hsvRegex = /hsva?\\(\\s*(\\d+)°\\s*[\\s,]\\s*(\\d+)%\\s*[\\s,]\\s*(\\d+)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass HsvColorManager {\n  constructor() {\n    this.key = \"hsv\";\n  }\n  accepts(input) {\n    return input.startsWith(\"hsv\");\n  }\n  handleColor(color) {\n    const colorValue = color.value,\n      hsvColor = colorValue.hsv ?? color.value;\n    if (!Object.hasOwn(hsvColor, \"h\") || !Object.hasOwn(hsvColor, \"s\") || !Object.hasOwn(hsvColor, \"v\")) {\n      return;\n    }\n    return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvToRgb)(hsvColor);\n  }\n  handleRangeColor(color) {\n    const colorValue = color.value,\n      hsvColor = colorValue.hsv ?? color.value;\n    if (!Object.hasOwn(hsvColor, \"h\") || !Object.hasOwn(hsvColor, \"s\") || !Object.hasOwn(hsvColor, \"v\")) {\n      return;\n    }\n    return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvToRgb)({\n      h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.h),\n      s: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.s),\n      v: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.v)\n    });\n  }\n  parseString(input) {\n    if (!this.accepts(input)) {\n      return;\n    }\n    const result = hsvRegex.exec(input),\n      fullLength = 4,\n      indexes = {\n        h: 1,\n        s: 2,\n        v: 3,\n        a: 5\n      },\n      defaultAlpha = 1,\n      radix = 10;\n    return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvaToRgba)({\n      a: result.length > fullLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n      h: parseInt(result[indexes.h] ?? \"0\", radix),\n      s: parseInt(result[indexes.s] ?? \"0\", radix),\n      v: parseInt(result[indexes.v] ?? \"0\", radix)\n    }) : undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsv/dist/browser/HsvColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HsvColorManager: () => (/* binding */ HsvColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/hsv/dist/browser/utils.js\");\n\n\nconst hsvRegex = /hsva?\\(\\s*(\\d+)°\\s*[\\s,]\\s*(\\d+)%\\s*[\\s,]\\s*(\\d+)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass HsvColorManager {\n    accepts(input) {\n        return input.startsWith(\"hsv\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;\n        if (!(\"h\" in hsvColor) || !(\"s\" in hsvColor) || !(\"v\" in hsvColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvToRgb)(hsvColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;\n        if (!(\"h\" in hsvColor) || !(\"s\" in hsvColor) || !(\"v\" in hsvColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvToRgb)({\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.h),\n            s: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.s),\n            v: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hsvColor.v)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = hsvRegex.exec(input), fullLength = 4, indexes = {\n            h: 1,\n            s: 2,\n            v: 3,\n            a: 5\n        }, defaultAlpha = 1, radix = 10;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.hsvaToRgba)({\n            a: result.length > fullLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            h: parseInt(result[indexes.h] ?? \"0\", radix),\n            s: parseInt(result[indexes.s] ?? \"0\", radix),\n            v: parseInt(result[indexes.v] ?? \"0\", radix)\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsv/dist/browser/HsvColorManager.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 */   getStyleFromHsv: () => (/* binding */ getStyleFromHsv),\n/* harmony export */   hslToHsv: () => (/* binding */ hslToHsv),\n/* harmony export */   hslaToHsva: () => (/* binding */ hslaToHsva),\n/* harmony export */   hsvToHsl: () => (/* binding */ hsvToHsl),\n/* harmony export */   hsvToRgb: () => (/* binding */ hsvToRgb),\n/* harmony export */   hsvaToHsla: () => (/* binding */ hsvaToHsla),\n/* harmony export */   hsvaToRgba: () => (/* binding */ hsvaToRgba),\n/* harmony export */   rgbToHsv: () => (/* binding */ rgbToHsv),\n/* harmony export */   rgbaToHsva: () => (/* binding */ rgbaToHsva)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction rgbToHsv(rgb) {\n  const rgbPercent = {\n      r: rgb.r / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax,\n      g: rgb.g / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax,\n      b: rgb.b / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax\n    },\n    xMax = Math.max(rgbPercent.r, rgbPercent.g, rgbPercent.b),\n    xMin = Math.min(rgbPercent.r, rgbPercent.g, rgbPercent.b),\n    v = xMax,\n    c = xMax - xMin;\n  let h = 0;\n  const phaseOffset = {\n      r: 0,\n      g: 2,\n      b: 4\n    },\n    phaseValue = 60;\n  if (v === rgbPercent.r) {\n    h = phaseValue * (phaseOffset.r + (rgbPercent.g - rgbPercent.b) / c);\n  } else if (v === rgbPercent.g) {\n    h = phaseValue * (phaseOffset.g + (rgbPercent.b - rgbPercent.r) / c);\n  } else if (v === rgbPercent.b) {\n    h = phaseValue * (phaseOffset.b + (rgbPercent.r - rgbPercent.g) / c);\n  }\n  const defaultSaturation = 0,\n    s = !v ? defaultSaturation : c / v;\n  return {\n    h,\n    s: s * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n    v: v * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n  };\n}\nfunction rgbaToHsva(rgba) {\n  return {\n    a: rgba.a,\n    ...rgbToHsv(rgba)\n  };\n}\nfunction getStyleFromHsv(color, hdr, opacity) {\n  return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromHsl)(hsvToHsl(color), hdr, opacity);\n}\nfunction hslToHsv(hsl) {\n  const l = hsl.l / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n    sl = hsl.s / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n    offset = 1,\n    noValue = 0,\n    v = l + sl * Math.min(l, offset - l),\n    sv = !v ? noValue : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * (offset - l / v);\n  return {\n    h: hsl.h,\n    s: sv * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n    v: v * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n  };\n}\nfunction hslaToHsva(hsla) {\n  return {\n    a: hsla.a,\n    ...hslToHsv(hsla)\n  };\n}\nfunction hsvToHsl(hsv) {\n  const v = hsv.v / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n    sv = hsv.s / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n    offset = 1,\n    noValue = 0,\n    l = v * (offset - sv * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half),\n    sl = !l || l === offset ? noValue : (v - l) / Math.min(l, offset - l);\n  return {\n    h: hsv.h,\n    l: l * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n    s: sl * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n  };\n}\nfunction hsvaToHsla(hsva) {\n  return {\n    a: hsva.a,\n    ...hsvToHsl(hsva)\n  };\n}\nfunction hsvToRgb(hsv) {\n  const result = {\n      b: 0,\n      g: 0,\n      r: 0\n    },\n    phase = 60,\n    hsvPercent = {\n      h: hsv.h / phase,\n      s: hsv.s / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n      v: hsv.v / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n    },\n    offset = 1,\n    hPercentFactor = 2,\n    c = hsvPercent.v * hsvPercent.s,\n    x = c * (offset - Math.abs(hsvPercent.h % hPercentFactor - offset));\n  let tempRgb;\n  const cxzRange = {\n      min: 0,\n      max: 1\n    },\n    xczRange = {\n      min: 1,\n      max: 2\n    },\n    zcxRange = {\n      min: 2,\n      max: 3\n    },\n    zxcRange = {\n      min: 3,\n      max: 4\n    },\n    xzcRange = {\n      min: 4,\n      max: 5\n    },\n    czxRange = {\n      min: 5,\n      max: 6\n    };\n  if (hsvPercent.h >= cxzRange.min && hsvPercent.h <= cxzRange.max) {\n    tempRgb = {\n      r: c,\n      g: x,\n      b: 0\n    };\n  } else if (hsvPercent.h > xczRange.min && hsvPercent.h <= xczRange.max) {\n    tempRgb = {\n      r: x,\n      g: c,\n      b: 0\n    };\n  } else if (hsvPercent.h > zcxRange.min && hsvPercent.h <= zcxRange.max) {\n    tempRgb = {\n      r: 0,\n      g: c,\n      b: x\n    };\n  } else if (hsvPercent.h > zxcRange.min && hsvPercent.h <= zxcRange.max) {\n    tempRgb = {\n      r: 0,\n      g: x,\n      b: c\n    };\n  } else if (hsvPercent.h > xzcRange.min && hsvPercent.h <= xzcRange.max) {\n    tempRgb = {\n      r: x,\n      g: 0,\n      b: c\n    };\n  } else if (hsvPercent.h > czxRange.min && hsvPercent.h <= czxRange.max) {\n    tempRgb = {\n      r: c,\n      g: 0,\n      b: x\n    };\n  }\n  if (tempRgb) {\n    const m = hsvPercent.v - c;\n    result.r = Math.floor((tempRgb.r + m) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax);\n    result.g = Math.floor((tempRgb.g + m) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax);\n    result.b = Math.floor((tempRgb.b + m) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax);\n  }\n  return result;\n}\nfunction hsvaToRgba(hsva) {\n  return {\n    a: hsva.a,\n    ...hsvToRgb(hsva)\n  };\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsv/dist/browser/utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getStyleFromHsv: () => (/* binding */ getStyleFromHsv),\n/* harmony export */   hslToHsv: () => (/* binding */ hslToHsv),\n/* harmony export */   hslaToHsva: () => (/* binding */ hslaToHsva),\n/* harmony export */   hsvToHsl: () => (/* binding */ hsvToHsl),\n/* harmony export */   hsvToRgb: () => (/* binding */ hsvToRgb),\n/* harmony export */   hsvaToHsla: () => (/* binding */ hsvaToHsla),\n/* harmony export */   hsvaToRgba: () => (/* binding */ hsvaToRgba),\n/* harmony export */   rgbToHsv: () => (/* binding */ rgbToHsv),\n/* harmony export */   rgbaToHsva: () => (/* binding */ rgbaToHsva)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction rgbToHsv(rgb) {\n    const rgbPercent = {\n        r: rgb.r / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax,\n        g: rgb.g / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax,\n        b: rgb.b / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax\n    }, xMax = Math.max(rgbPercent.r, rgbPercent.g, rgbPercent.b), xMin = Math.min(rgbPercent.r, rgbPercent.g, rgbPercent.b), v = xMax, c = xMax - xMin;\n    let h = 0;\n    const phaseOffset = {\n        r: 0,\n        g: 2,\n        b: 4\n    }, phaseValue = 60;\n    if (v === rgbPercent.r) {\n        h = phaseValue * (phaseOffset.r + (rgbPercent.g - rgbPercent.b) / c);\n    } else if (v === rgbPercent.g) {\n        h = phaseValue * (phaseOffset.g + (rgbPercent.b - rgbPercent.r) / c);\n    } else if (v === rgbPercent.b) {\n        h = phaseValue * (phaseOffset.b + (rgbPercent.r - rgbPercent.g) / c);\n    }\n    const defaultSaturation = 0, s = !v ? defaultSaturation : c / v;\n    return {\n        h,\n        s: s * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n        v: v * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n    };\n}\nfunction rgbaToHsva(rgba) {\n    return {\n        a: rgba.a,\n        ...rgbToHsv(rgba)\n    };\n}\nfunction getStyleFromHsv(color, hdr, opacity) {\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromHsl)(hsvToHsl(color), hdr, opacity);\n}\nfunction hslToHsv(hsl) {\n    const l = hsl.l / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator, sl = hsl.s / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator, offset = 1, noValue = 0, v = l + sl * Math.min(l, offset - l), sv = !v ? noValue : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * (offset - l / v);\n    return {\n        h: hsl.h,\n        s: sv * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n        v: v * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n    };\n}\nfunction hslaToHsva(hsla) {\n    return {\n        a: hsla.a,\n        ...hslToHsv(hsla)\n    };\n}\nfunction hsvToHsl(hsv) {\n    const v = hsv.v / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator, sv = hsv.s / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator, offset = 1, noValue = 0, l = v * (offset - sv * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half), sl = !l || l === offset ? noValue : (v - l) / Math.min(l, offset - l);\n    return {\n        h: hsv.h,\n        l: l * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n        s: sl * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n    };\n}\nfunction hsvaToHsla(hsva) {\n    return {\n        a: hsva.a,\n        ...hsvToHsl(hsva)\n    };\n}\nfunction hsvToRgb(hsv) {\n    const result = {\n        b: 0,\n        g: 0,\n        r: 0\n    }, phase = 60, hsvPercent = {\n        h: hsv.h / phase,\n        s: hsv.s / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n        v: hsv.v / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n    }, offset = 1, hPercentFactor = 2, c = hsvPercent.v * hsvPercent.s, x = c * (offset - Math.abs(hsvPercent.h % hPercentFactor - offset));\n    let tempRgb;\n    const cxzRange = {\n        min: 0,\n        max: 1\n    }, xczRange = {\n        min: 1,\n        max: 2\n    }, zcxRange = {\n        min: 2,\n        max: 3\n    }, zxcRange = {\n        min: 3,\n        max: 4\n    }, xzcRange = {\n        min: 4,\n        max: 5\n    }, czxRange = {\n        min: 5,\n        max: 6\n    };\n    if (hsvPercent.h >= cxzRange.min && hsvPercent.h <= cxzRange.max) {\n        tempRgb = {\n            r: c,\n            g: x,\n            b: 0\n        };\n    } else if (hsvPercent.h > xczRange.min && hsvPercent.h <= xczRange.max) {\n        tempRgb = {\n            r: x,\n            g: c,\n            b: 0\n        };\n    } else if (hsvPercent.h > zcxRange.min && hsvPercent.h <= zcxRange.max) {\n        tempRgb = {\n            r: 0,\n            g: c,\n            b: x\n        };\n    } else if (hsvPercent.h > zxcRange.min && hsvPercent.h <= zxcRange.max) {\n        tempRgb = {\n            r: 0,\n            g: x,\n            b: c\n        };\n    } else if (hsvPercent.h > xzcRange.min && hsvPercent.h <= xzcRange.max) {\n        tempRgb = {\n            r: x,\n            g: 0,\n            b: c\n        };\n    } else if (hsvPercent.h > czxRange.min && hsvPercent.h <= czxRange.max) {\n        tempRgb = {\n            r: c,\n            g: 0,\n            b: x\n        };\n    }\n    if (tempRgb) {\n        const m = hsvPercent.v - c;\n        result.r = Math.floor((tempRgb.r + m) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax);\n        result.g = Math.floor((tempRgb.g + m) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax);\n        result.b = Math.floor((tempRgb.b + m) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rgbMax);\n    }\n    return result;\n}\nfunction hsvaToRgba(hsva) {\n    return {\n        a: hsva.a,\n        ...hsvToRgb(hsva)\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsv/dist/browser/utils.js?\n}");
 
 /***/ }
 

package/plugins_colors_hsv_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   loadHsvColorPlugin: () => (/* binding */ loadHsvColorPlugin)\n/* harmony export */ });\nasync function loadHsvColorPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      HsvColorManager\n    } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsv_dist_browser_HsvColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HsvColorManager.js */ \"../../plugins/colors/hsv/dist/browser/HsvColorManager.js\"));\n    e.addColorManager(new HsvColorManager());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsv/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHsvColorPlugin: () => (/* binding */ loadHsvColorPlugin)\n/* harmony export */ });\nasync function loadHsvColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { HsvColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsv_dist_browser_HsvColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HsvColorManager.js */ \"../../plugins/colors/hsv/dist/browser/HsvColorManager.js\"));\n        e.pluginManager.addColorManager(\"hsv\", new HsvColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hsv/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_hwb_dist_browser_HwbColorManager_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   HwbColorManager: () => (/* binding */ HwbColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nvar HwbIndexes;\n(function (HwbIndexes) {\n  HwbIndexes[HwbIndexes[\"h\"] = 1] = \"h\";\n  HwbIndexes[HwbIndexes[\"w\"] = 2] = \"w\";\n  HwbIndexes[HwbIndexes[\"b\"] = 3] = \"b\";\n  HwbIndexes[HwbIndexes[\"a\"] = 5] = \"a\";\n})(HwbIndexes || (HwbIndexes = {}));\nconst hwbRegex = /hwba?\\(\\s*(\\d{1,3}(?:\\.\\d+)?(?:deg|rad|grad|turn)?)\\s*[\\s,]\\s*(\\d{1,3}(?:\\.\\d+)?)%\\s*[\\s,]\\s*(\\d{1,3}(?:\\.\\d+)?)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i,\n  maxDegree = 360,\n  maxPercentage = 100,\n  maxHwbValue = 255,\n  hueSectors = 6,\n  redOffset = 5,\n  greenOffset = 3,\n  blueOffset = 1,\n  clampingMin = 0,\n  clampingMax = 1,\n  clampingReference = 4,\n  unitValue = 1,\n  defaultFallbackValue = 0;\nfunction hwbToRgb(hwb) {\n  const normalizedHue = hwb.h / maxDegree,\n    whiteness = hwb.w / maxPercentage,\n    blackness = hwb.b / maxPercentage,\n    totalWhitenessBlackness = whiteness + blackness;\n  let red, green, blue;\n  if (totalWhitenessBlackness >= unitValue) {\n    const greyShade = whiteness / totalWhitenessBlackness;\n    red = greyShade;\n    green = greyShade;\n    blue = greyShade;\n  } else {\n    const calculateChannel = channelOffset => {\n      const sectorPosition = (channelOffset + normalizedHue * hueSectors) % hueSectors,\n        availableChroma = unitValue - whiteness - blackness,\n        intensityFactor = Math.max(clampingMin, Math.min(sectorPosition, clampingReference - sectorPosition, clampingMax));\n      return unitValue - blackness - availableChroma * intensityFactor;\n    };\n    red = calculateChannel(redOffset);\n    green = calculateChannel(greenOffset);\n    blue = calculateChannel(blueOffset);\n  }\n  return {\n    r: Math.round(red * maxHwbValue),\n    g: Math.round(green * maxHwbValue),\n    b: Math.round(blue * maxHwbValue)\n  };\n}\nfunction hwbaToRgba(hwba) {\n  return {\n    a: hwba.a,\n    ...hwbToRgb(hwba)\n  };\n}\nclass HwbColorManager {\n  constructor() {\n    this.key = \"hwb\";\n  }\n  accepts(input) {\n    return input.startsWith(\"hwb\");\n  }\n  handleColor(color) {\n    const colorValue = color.value,\n      hwbColor = colorValue.hwb ?? color.value;\n    if (!Object.hasOwn(hwbColor, \"h\") || !Object.hasOwn(hwbColor, \"w\") || !Object.hasOwn(hwbColor, \"b\")) {\n      return;\n    }\n    return hwbToRgb(hwbColor);\n  }\n  handleRangeColor(color) {\n    const colorValue = color.value,\n      hwbColor = colorValue.hwb ?? color.value;\n    if (!Object.hasOwn(hwbColor, \"h\") || !Object.hasOwn(hwbColor, \"w\") || !Object.hasOwn(hwbColor, \"b\")) {\n      return;\n    }\n    return hwbToRgb({\n      h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.h),\n      w: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.w),\n      b: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.b)\n    });\n  }\n  parseString(input) {\n    if (!this.accepts(input)) {\n      return;\n    }\n    const result = hwbRegex.exec(input),\n      minLength = 4,\n      defaultAlpha = 1;\n    if (!result) {\n      return;\n    }\n    const h = result[HwbIndexes.h],\n      w = result[HwbIndexes.w],\n      b = result[HwbIndexes.b];\n    return hwbaToRgba({\n      a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[HwbIndexes.a]) : defaultAlpha,\n      h: h !== undefined ? parseFloat(h) : defaultFallbackValue,\n      w: w !== undefined ? parseFloat(w) : defaultFallbackValue,\n      b: b !== undefined ? parseFloat(b) : defaultFallbackValue\n    });\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hwb/dist/browser/HwbColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HwbColorManager: () => (/* binding */ HwbColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nvar HwbIndexes;\n(function(HwbIndexes) {\n    HwbIndexes[HwbIndexes[\"h\"] = 1] = \"h\";\n    HwbIndexes[HwbIndexes[\"w\"] = 2] = \"w\";\n    HwbIndexes[HwbIndexes[\"b\"] = 3] = \"b\";\n    HwbIndexes[HwbIndexes[\"a\"] = 5] = \"a\";\n})(HwbIndexes || (HwbIndexes = {}));\nconst hwbRegex = /hwba?\\(\\s*(\\d{1,3}(?:\\.\\d+)?(?:deg|rad|grad|turn)?)\\s*[\\s,]\\s*(\\d{1,3}(?:\\.\\d+)?)%\\s*[\\s,]\\s*(\\d{1,3}(?:\\.\\d+)?)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i, maxDegree = 360, maxPercentage = 100, maxHwbValue = 255, hueSectors = 6, redOffset = 5, greenOffset = 3, blueOffset = 1, clampingMin = 0, clampingMax = 1, clampingReference = 4, unitValue = 1, defaultFallbackValue = 0;\nfunction hwbToRgb(hwb) {\n    const normalizedHue = hwb.h / maxDegree, whiteness = hwb.w / maxPercentage, blackness = hwb.b / maxPercentage, totalWhitenessBlackness = whiteness + blackness;\n    let red, green, blue;\n    if (totalWhitenessBlackness >= unitValue) {\n        const greyShade = whiteness / totalWhitenessBlackness;\n        red = greyShade;\n        green = greyShade;\n        blue = greyShade;\n    } else {\n        const calculateChannel = (channelOffset)=>{\n            const sectorPosition = (channelOffset + normalizedHue * hueSectors) % hueSectors, availableChroma = unitValue - whiteness - blackness, intensityFactor = Math.max(clampingMin, Math.min(sectorPosition, clampingReference - sectorPosition, clampingMax));\n            return unitValue - blackness - availableChroma * intensityFactor;\n        };\n        red = calculateChannel(redOffset);\n        green = calculateChannel(greenOffset);\n        blue = calculateChannel(blueOffset);\n    }\n    return {\n        r: Math.round(red * maxHwbValue),\n        g: Math.round(green * maxHwbValue),\n        b: Math.round(blue * maxHwbValue)\n    };\n}\nfunction hwbaToRgba(hwba) {\n    return {\n        a: hwba.a,\n        ...hwbToRgb(hwba)\n    };\n}\nclass HwbColorManager {\n    accepts(input) {\n        return input.startsWith(\"hwb\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, hwbColor = colorValue.hwb ?? color.value;\n        if (!(\"h\" in hwbColor) || !(\"w\" in hwbColor) || !(\"b\" in hwbColor)) {\n            return;\n        }\n        return hwbToRgb(hwbColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, hwbColor = colorValue.hwb ?? color.value;\n        if (!(\"h\" in hwbColor) || !(\"w\" in hwbColor) || !(\"b\" in hwbColor)) {\n            return;\n        }\n        return hwbToRgb({\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.h),\n            w: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.w),\n            b: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hwbColor.b)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = hwbRegex.exec(input), minLength = 4, defaultAlpha = 1;\n        if (!result) {\n            return;\n        }\n        const h = result[HwbIndexes.h], w = result[HwbIndexes.w], b = result[HwbIndexes.b];\n        return hwbaToRgba({\n            a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[HwbIndexes.a]) : defaultAlpha,\n            h: h !== undefined ? parseFloat(h) : defaultFallbackValue,\n            w: w !== undefined ? parseFloat(w) : defaultFallbackValue,\n            b: b !== undefined ? parseFloat(b) : defaultFallbackValue\n        });\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hwb/dist/browser/HwbColorManager.js?\n}");
 
 /***/ }
 

package/plugins_colors_hwb_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   loadHwbColorPlugin: () => (/* binding */ loadHwbColorPlugin)\n/* harmony export */ });\nasync function loadHwbColorPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      HwbColorManager\n    } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hwb_dist_browser_HwbColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HwbColorManager.js */ \"../../plugins/colors/hwb/dist/browser/HwbColorManager.js\"));\n    e.addColorManager(new HwbColorManager());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hwb/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHwbColorPlugin: () => (/* binding */ loadHwbColorPlugin)\n/* harmony export */ });\nasync function loadHwbColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { HwbColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hwb_dist_browser_HwbColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HwbColorManager.js */ \"../../plugins/colors/hwb/dist/browser/HwbColorManager.js\"));\n        e.pluginManager.addColorManager(\"hwb\", new HwbColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/hwb/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_lab_dist_browser_LabColorManager_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   LabColorManager: () => (/* binding */ LabColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/lab/dist/browser/utils.js\");\n\n\nconst labRegex = /lab\\(\\s*(\\d+(\\.\\d+)?)%\\s+(\\d+(\\.\\d+)?)\\s+(\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass LabColorManager {\n  constructor() {\n    this.key = \"lab\";\n  }\n  accepts(input) {\n    return input.startsWith(\"lab\");\n  }\n  handleColor(color) {\n    const colorValue = color.value,\n      labColor = colorValue.lab ?? color.value;\n    if (!Object.hasOwn(labColor, \"l\") || !Object.hasOwn(labColor, \"aAxis\") || !Object.hasOwn(labColor, \"bAxis\")) {\n      return;\n    }\n    return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labToRgb)(labColor);\n  }\n  handleRangeColor(color) {\n    const colorValue = color.value,\n      labColor = colorValue.lab ?? color.value;\n    if (!Object.hasOwn(labColor, \"l\") || !Object.hasOwn(labColor, \"aAxis\") || !Object.hasOwn(labColor, \"bAxis\")) {\n      return;\n    }\n    return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labToRgb)({\n      l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.l),\n      aAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.aAxis),\n      bAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.bAxis)\n    });\n  }\n  parseString(input) {\n    if (!this.accepts(input)) {\n      return;\n    }\n    const result = labRegex.exec(input),\n      indexes = {\n        l: 1,\n        aAxis: 3,\n        bAxis: 5,\n        a: 7\n      },\n      defaultAlpha = 1;\n    return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labaToRgba)({\n      a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n      aAxis: parseFloat(result[indexes.aAxis] ?? \"0\"),\n      bAxis: parseFloat(result[indexes.bAxis] ?? \"0\"),\n      l: parseFloat(result[indexes.l] ?? \"0\")\n    }) : undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lab/dist/browser/LabColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LabColorManager: () => (/* binding */ LabColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/lab/dist/browser/utils.js\");\n\n\nconst labRegex = /lab\\(\\s*(\\d+(\\.\\d+)?)%\\s+(\\d+(\\.\\d+)?)\\s+(\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass LabColorManager {\n    accepts(input) {\n        return input.startsWith(\"lab\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, labColor = colorValue.lab ?? color.value;\n        if (!(\"l\" in labColor) || !(\"aAxis\" in labColor) || !(\"bAxis\" in labColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labToRgb)(labColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, labColor = colorValue.lab ?? color.value;\n        if (!(\"l\" in labColor) || !(\"aAxis\" in labColor) || !(\"bAxis\" in labColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labToRgb)({\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.l),\n            aAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.aAxis),\n            bAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(labColor.bAxis)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = labRegex.exec(input), indexes = {\n            l: 1,\n            aAxis: 3,\n            bAxis: 5,\n            a: 7\n        }, defaultAlpha = 1;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.labaToRgba)({\n            a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            aAxis: parseFloat(result[indexes.aAxis] ?? \"0\"),\n            bAxis: parseFloat(result[indexes.bAxis] ?? \"0\"),\n            l: parseFloat(result[indexes.l] ?? \"0\")\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lab/dist/browser/LabColorManager.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 */   getStyleFromLab: () => (/* binding */ getStyleFromLab),\n/* harmony export */   labToRgb: () => (/* binding */ labToRgb),\n/* harmony export */   labaToRgba: () => (/* binding */ labaToRgba)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst RGB = {\n    MAX: 255\n  },\n  WHITE_POINT_D65 = {\n    X: 0.95047,\n    Y: 1.0,\n    Z: 1.08883\n  },\n  CIE = {\n    LAB_EPSILON_NUMERATOR: 216,\n    LAB_EPSILON_DENOMINATOR: 24389,\n    LAB_KAPPA_NUMERATOR: 24389,\n    LAB_KAPPA_DENOMINATOR: 27,\n    LAB_L_OFFSET: 16,\n    LAB_L_SCALE: 116,\n    LAB_A_SCALE: 500,\n    LAB_B_SCALE: 200\n  },\n  LAB = {\n    EPSILON: CIE.LAB_EPSILON_NUMERATOR / CIE.LAB_EPSILON_DENOMINATOR,\n    KAPPA: CIE.LAB_KAPPA_NUMERATOR / CIE.LAB_KAPPA_DENOMINATOR,\n    L_OFFSET: CIE.LAB_L_OFFSET,\n    L_SCALE: CIE.LAB_L_SCALE,\n    A_SCALE: CIE.LAB_A_SCALE,\n    B_SCALE: CIE.LAB_B_SCALE\n  },\n  XYZ_TO_LINEAR_RGB = {\n    r: {\n      x: 3.2404542,\n      y: -1.5371385,\n      z: -0.4985314\n    },\n    g: {\n      x: -0.969266,\n      y: 1.8760108,\n      z: 0.041556\n    },\n    b: {\n      x: 0.0556434,\n      y: -0.2040259,\n      z: 1.0572252\n    }\n  },\n  SRGB = {\n    GAMMA: 2.4,\n    LINEAR_THRESHOLD: 0.0031308,\n    LINEAR_SCALE: 12.92,\n    SCALE: 1.055,\n    OFFSET: 0.055\n  },\n  minSrgbValue = 0,\n  maxSrgbValue = 1;\nfunction labToRgb(lab) {\n  const L = lab.l,\n    a = lab.aAxis,\n    b = lab.bAxis,\n    fy = (L + LAB.L_OFFSET) / LAB.L_SCALE,\n    fx = fy + a / LAB.A_SCALE,\n    fz = fy - b / LAB.B_SCALE,\n    cubic = 3,\n    fx3 = fx ** cubic,\n    fz3 = fz ** cubic,\n    xr = fx3 > LAB.EPSILON ? fx3 : (LAB.L_SCALE * fx - LAB.L_OFFSET) / LAB.KAPPA,\n    yr = L > LAB.KAPPA * LAB.EPSILON ? fy ** cubic : L / LAB.KAPPA,\n    zr = fz3 > LAB.EPSILON ? fz3 : (LAB.L_SCALE * fz - LAB.L_OFFSET) / LAB.KAPPA,\n    X = xr * WHITE_POINT_D65.X,\n    Y = yr * WHITE_POINT_D65.Y,\n    Z = zr * WHITE_POINT_D65.Z,\n    rLinear = XYZ_TO_LINEAR_RGB.r.x * X + XYZ_TO_LINEAR_RGB.r.y * Y + XYZ_TO_LINEAR_RGB.r.z * Z,\n    gLinear = XYZ_TO_LINEAR_RGB.g.x * X + XYZ_TO_LINEAR_RGB.g.y * Y + XYZ_TO_LINEAR_RGB.g.z * Z,\n    bLinear = XYZ_TO_LINEAR_RGB.b.x * X + XYZ_TO_LINEAR_RGB.b.y * Y + XYZ_TO_LINEAR_RGB.b.z * Z,\n    toSrgb = x => x <= SRGB.LINEAR_THRESHOLD ? SRGB.LINEAR_SCALE * x : SRGB.SCALE * Math.pow(x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.inverseFactorNumerator / SRGB.GAMMA) - SRGB.OFFSET,\n    toSrgbFixed = num => Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(toSrgb(num), minSrgbValue, maxSrgbValue) * RGB.MAX);\n  return {\n    r: toSrgbFixed(rLinear),\n    g: toSrgbFixed(gLinear),\n    b: toSrgbFixed(bLinear)\n  };\n}\nfunction labaToRgba(laba) {\n  return {\n    a: laba.a,\n    ...labToRgb(laba)\n  };\n}\nfunction getStyleFromLab(color, opacity) {\n  const {\n      l,\n      aAxis,\n      bAxis\n    } = color,\n    alpha = opacity !== undefined ? `/ ${opacity.toString()}` : \"\";\n  return `lab(${l.toString()}%, ${aAxis.toString()}%, ${bAxis.toString()}°${alpha})`;\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lab/dist/browser/utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getStyleFromLab: () => (/* binding */ getStyleFromLab),\n/* harmony export */   labToRgb: () => (/* binding */ labToRgb),\n/* harmony export */   labaToRgba: () => (/* binding */ labaToRgba)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst RGB = {\n    MAX: 255\n}, WHITE_POINT_D65 = {\n    X: 0.95047,\n    Y: 1.0,\n    Z: 1.08883\n}, CIE = {\n    LAB_EPSILON_NUMERATOR: 216,\n    LAB_EPSILON_DENOMINATOR: 24389,\n    LAB_KAPPA_NUMERATOR: 24389,\n    LAB_KAPPA_DENOMINATOR: 27,\n    LAB_L_OFFSET: 16,\n    LAB_L_SCALE: 116,\n    LAB_A_SCALE: 500,\n    LAB_B_SCALE: 200\n}, LAB = {\n    EPSILON: CIE.LAB_EPSILON_NUMERATOR / CIE.LAB_EPSILON_DENOMINATOR,\n    KAPPA: CIE.LAB_KAPPA_NUMERATOR / CIE.LAB_KAPPA_DENOMINATOR,\n    L_OFFSET: CIE.LAB_L_OFFSET,\n    L_SCALE: CIE.LAB_L_SCALE,\n    A_SCALE: CIE.LAB_A_SCALE,\n    B_SCALE: CIE.LAB_B_SCALE\n}, XYZ_TO_LINEAR_RGB = {\n    r: {\n        x: 3.2404542,\n        y: -1.5371385,\n        z: -0.4985314\n    },\n    g: {\n        x: -0.969266,\n        y: 1.8760108,\n        z: 0.041556\n    },\n    b: {\n        x: 0.0556434,\n        y: -0.2040259,\n        z: 1.0572252\n    }\n}, SRGB = {\n    GAMMA: 2.4,\n    LINEAR_THRESHOLD: 0.0031308,\n    LINEAR_SCALE: 12.92,\n    SCALE: 1.055,\n    OFFSET: 0.055\n}, minSrgbValue = 0, maxSrgbValue = 1;\nfunction labToRgb(lab) {\n    const L = lab.l, a = lab.aAxis, b = lab.bAxis, fy = (L + LAB.L_OFFSET) / LAB.L_SCALE, fx = fy + a / LAB.A_SCALE, fz = fy - b / LAB.B_SCALE, cubic = 3, fx3 = fx ** cubic, fz3 = fz ** cubic, xr = fx3 > LAB.EPSILON ? fx3 : (LAB.L_SCALE * fx - LAB.L_OFFSET) / LAB.KAPPA, yr = L > LAB.KAPPA * LAB.EPSILON ? fy ** cubic : L / LAB.KAPPA, zr = fz3 > LAB.EPSILON ? fz3 : (LAB.L_SCALE * fz - LAB.L_OFFSET) / LAB.KAPPA, X = xr * WHITE_POINT_D65.X, Y = yr * WHITE_POINT_D65.Y, Z = zr * WHITE_POINT_D65.Z, rLinear = XYZ_TO_LINEAR_RGB.r.x * X + XYZ_TO_LINEAR_RGB.r.y * Y + XYZ_TO_LINEAR_RGB.r.z * Z, gLinear = XYZ_TO_LINEAR_RGB.g.x * X + XYZ_TO_LINEAR_RGB.g.y * Y + XYZ_TO_LINEAR_RGB.g.z * Z, bLinear = XYZ_TO_LINEAR_RGB.b.x * X + XYZ_TO_LINEAR_RGB.b.y * Y + XYZ_TO_LINEAR_RGB.b.z * Z, toSrgb = (x)=>x <= SRGB.LINEAR_THRESHOLD ? SRGB.LINEAR_SCALE * x : SRGB.SCALE * Math.pow(x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.inverseFactorNumerator / SRGB.GAMMA) - SRGB.OFFSET, toSrgbFixed = (num)=>Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(toSrgb(num), minSrgbValue, maxSrgbValue) * RGB.MAX);\n    return {\n        r: toSrgbFixed(rLinear),\n        g: toSrgbFixed(gLinear),\n        b: toSrgbFixed(bLinear)\n    };\n}\nfunction labaToRgba(laba) {\n    return {\n        a: laba.a,\n        ...labToRgb(laba)\n    };\n}\nfunction getStyleFromLab(color, opacity) {\n    const { l, aAxis, bAxis } = color, alpha = opacity !== undefined ? `/ ${opacity.toString()}` : \"\";\n    return `lab(${l.toString()}%, ${aAxis.toString()}%, ${bAxis.toString()}°${alpha})`;\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lab/dist/browser/utils.js?\n}");
 
 /***/ }
 

package/plugins_colors_lab_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   loadLabColorPlugin: () => (/* binding */ loadLabColorPlugin)\n/* harmony export */ });\nasync function loadLabColorPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      LabColorManager\n    } = await __webpack_require__.e(/*! import() */ \"plugins_colors_lab_dist_browser_LabColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LabColorManager.js */ \"../../plugins/colors/lab/dist/browser/LabColorManager.js\"));\n    e.addColorManager(new LabColorManager());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lab/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadLabColorPlugin: () => (/* binding */ loadLabColorPlugin)\n/* harmony export */ });\nasync function loadLabColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { LabColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_lab_dist_browser_LabColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LabColorManager.js */ \"../../plugins/colors/lab/dist/browser/LabColorManager.js\"));\n        e.pluginManager.addColorManager(\"lab\", new LabColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lab/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_lch_dist_browser_LchColorManager_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   LchColorManager: () => (/* binding */ LchColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/lch/dist/browser/utils.js\");\n\n\nconst lchRegex = /lch\\(\\s*(\\d+(\\.\\d+)?)%\\s+(\\d+(\\.\\d+)?)\\s+(\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass LchColorManager {\n  constructor() {\n    this.key = \"lch\";\n  }\n  accepts(input) {\n    return input.startsWith(\"lch\");\n  }\n  handleColor(color) {\n    const colorValue = color.value,\n      lchColor = colorValue.lch ?? color.value;\n    if (!Object.hasOwn(lchColor, \"l\") || !Object.hasOwn(lchColor, \"c\") || !Object.hasOwn(lchColor, \"h\")) {\n      return;\n    }\n    return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchToRgb)(lchColor);\n  }\n  handleRangeColor(color) {\n    const colorValue = color.value,\n      lchColor = colorValue.lch ?? color.value;\n    if (!Object.hasOwn(lchColor, \"l\") || !Object.hasOwn(lchColor, \"c\") || !Object.hasOwn(lchColor, \"h\")) {\n      return;\n    }\n    return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchToRgb)({\n      l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.l),\n      c: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.c),\n      h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.h)\n    });\n  }\n  parseString(input) {\n    if (!this.accepts(input)) {\n      return;\n    }\n    const result = lchRegex.exec(input),\n      indexes = {\n        l: 1,\n        c: 3,\n        h: 5,\n        a: 7\n      },\n      defaultAlpha = 1;\n    return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchaToRgba)({\n      a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n      c: parseFloat(result[indexes.c] ?? \"0\"),\n      h: parseFloat(result[indexes.h] ?? \"0\"),\n      l: parseFloat(result[indexes.l] ?? \"0\")\n    }) : undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lch/dist/browser/LchColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LchColorManager: () => (/* binding */ LchColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/colors/lch/dist/browser/utils.js\");\n\n\nconst lchRegex = /lch\\(\\s*(\\d+(\\.\\d+)?)%\\s+(\\d+(\\.\\d+)?)\\s+(\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass LchColorManager {\n    accepts(input) {\n        return input.startsWith(\"lch\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;\n        if (!(\"l\" in lchColor) || !(\"c\" in lchColor) || !(\"h\" in lchColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchToRgb)(lchColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;\n        if (!(\"l\" in lchColor) || !(\"c\" in lchColor) || !(\"h\" in lchColor)) {\n            return;\n        }\n        return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchToRgb)({\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.l),\n            c: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.c),\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(lchColor.h)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = lchRegex.exec(input), indexes = {\n            l: 1,\n            c: 3,\n            h: 5,\n            a: 7\n        }, defaultAlpha = 1;\n        return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchaToRgba)({\n            a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n            c: parseFloat(result[indexes.c] ?? \"0\"),\n            h: parseFloat(result[indexes.h] ?? \"0\"),\n            l: parseFloat(result[indexes.l] ?? \"0\")\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lch/dist/browser/LchColorManager.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 */   getStyleFromLch: () => (/* binding */ getStyleFromLch),\n/* harmony export */   lchToRgb: () => (/* binding */ lchToRgb),\n/* harmony export */   lchaToRgba: () => (/* binding */ lchaToRgba)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst RGB = {\n    MAX: 255\n  },\n  WHITE_POINT_D65 = {\n    X: 0.95047,\n    Y: 1.0,\n    Z: 1.08883\n  },\n  CIE = {\n    LAB_EPSILON_NUMERATOR: 216,\n    LAB_EPSILON_DENOMINATOR: 24389,\n    LAB_KAPPA_NUMERATOR: 24389,\n    LAB_KAPPA_DENOMINATOR: 27,\n    LAB_L_OFFSET: 16,\n    LAB_L_SCALE: 116,\n    LAB_A_SCALE: 500,\n    LAB_B_SCALE: 200\n  },\n  LAB = {\n    EPSILON: CIE.LAB_EPSILON_NUMERATOR / CIE.LAB_EPSILON_DENOMINATOR,\n    KAPPA: CIE.LAB_KAPPA_NUMERATOR / CIE.LAB_KAPPA_DENOMINATOR,\n    L_OFFSET: CIE.LAB_L_OFFSET,\n    L_SCALE: CIE.LAB_L_SCALE,\n    A_SCALE: CIE.LAB_A_SCALE,\n    B_SCALE: CIE.LAB_B_SCALE\n  },\n  XYZ_TO_LINEAR_RGB = {\n    r: {\n      x: 3.2404542,\n      y: -1.5371385,\n      z: -0.4985314\n    },\n    g: {\n      x: -0.969266,\n      y: 1.8760108,\n      z: 0.041556\n    },\n    b: {\n      x: 0.0556434,\n      y: -0.2040259,\n      z: 1.0572252\n    }\n  },\n  SRGB = {\n    GAMMA: 2.4,\n    LINEAR_THRESHOLD: 0.0031308,\n    LINEAR_SCALE: 12.92,\n    SCALE: 1.055,\n    OFFSET: 0.055\n  },\n  minSrgbValue = 0,\n  maxSrgbValue = 1;\nfunction lchToRgb(lch) {\n  const L = lch.l,\n    C = lch.c,\n    hRad = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(lch.h),\n    a = C * Math.cos(hRad),\n    b = C * Math.sin(hRad),\n    fy = (L + LAB.L_OFFSET) / LAB.L_SCALE,\n    fx = fy + a / LAB.A_SCALE,\n    fz = fy - b / LAB.B_SCALE,\n    cubic = 3,\n    fx3 = fx ** cubic,\n    fz3 = fz ** cubic,\n    xr = fx3 > LAB.EPSILON ? fx3 : (LAB.L_SCALE * fx - LAB.L_OFFSET) / LAB.KAPPA,\n    yr = L > LAB.KAPPA * LAB.EPSILON ? fy ** cubic : L / LAB.KAPPA,\n    zr = fz3 > LAB.EPSILON ? fz3 : (LAB.L_SCALE * fz - LAB.L_OFFSET) / LAB.KAPPA,\n    X = xr * WHITE_POINT_D65.X,\n    Y = yr * WHITE_POINT_D65.Y,\n    Z = zr * WHITE_POINT_D65.Z,\n    rLinear = XYZ_TO_LINEAR_RGB.r.x * X + XYZ_TO_LINEAR_RGB.r.y * Y + XYZ_TO_LINEAR_RGB.r.z * Z,\n    gLinear = XYZ_TO_LINEAR_RGB.g.x * X + XYZ_TO_LINEAR_RGB.g.y * Y + XYZ_TO_LINEAR_RGB.g.z * Z,\n    bLinear = XYZ_TO_LINEAR_RGB.b.x * X + XYZ_TO_LINEAR_RGB.b.y * Y + XYZ_TO_LINEAR_RGB.b.z * Z,\n    toSrgb = x => x <= SRGB.LINEAR_THRESHOLD ? SRGB.LINEAR_SCALE * x : SRGB.SCALE * Math.pow(x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.inverseFactorNumerator / SRGB.GAMMA) - SRGB.OFFSET,\n    toSrgbFixed = num => Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(toSrgb(num), minSrgbValue, maxSrgbValue) * RGB.MAX);\n  return {\n    r: toSrgbFixed(rLinear),\n    g: toSrgbFixed(gLinear),\n    b: toSrgbFixed(bLinear)\n  };\n}\nfunction lchaToRgba(lcha) {\n  return {\n    a: lcha.a,\n    ...lchToRgb(lcha)\n  };\n}\nfunction getStyleFromLch(color, opacity) {\n  const {\n      l,\n      c,\n      h\n    } = color,\n    alpha = opacity !== undefined ? `/ ${opacity.toString()}` : \"\";\n  return `lch(${l.toString()}%, ${c.toString()}%, ${h.toString()}°${alpha})`;\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lch/dist/browser/utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getStyleFromLch: () => (/* binding */ getStyleFromLch),\n/* harmony export */   lchToRgb: () => (/* binding */ lchToRgb),\n/* harmony export */   lchaToRgba: () => (/* binding */ lchaToRgba)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst RGB = {\n    MAX: 255\n}, WHITE_POINT_D65 = {\n    X: 0.95047,\n    Y: 1.0,\n    Z: 1.08883\n}, CIE = {\n    LAB_EPSILON_NUMERATOR: 216,\n    LAB_EPSILON_DENOMINATOR: 24389,\n    LAB_KAPPA_NUMERATOR: 24389,\n    LAB_KAPPA_DENOMINATOR: 27,\n    LAB_L_OFFSET: 16,\n    LAB_L_SCALE: 116,\n    LAB_A_SCALE: 500,\n    LAB_B_SCALE: 200\n}, LAB = {\n    EPSILON: CIE.LAB_EPSILON_NUMERATOR / CIE.LAB_EPSILON_DENOMINATOR,\n    KAPPA: CIE.LAB_KAPPA_NUMERATOR / CIE.LAB_KAPPA_DENOMINATOR,\n    L_OFFSET: CIE.LAB_L_OFFSET,\n    L_SCALE: CIE.LAB_L_SCALE,\n    A_SCALE: CIE.LAB_A_SCALE,\n    B_SCALE: CIE.LAB_B_SCALE\n}, XYZ_TO_LINEAR_RGB = {\n    r: {\n        x: 3.2404542,\n        y: -1.5371385,\n        z: -0.4985314\n    },\n    g: {\n        x: -0.969266,\n        y: 1.8760108,\n        z: 0.041556\n    },\n    b: {\n        x: 0.0556434,\n        y: -0.2040259,\n        z: 1.0572252\n    }\n}, SRGB = {\n    GAMMA: 2.4,\n    LINEAR_THRESHOLD: 0.0031308,\n    LINEAR_SCALE: 12.92,\n    SCALE: 1.055,\n    OFFSET: 0.055\n}, minSrgbValue = 0, maxSrgbValue = 1;\nfunction lchToRgb(lch) {\n    const L = lch.l, C = lch.c, hRad = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(lch.h), a = C * Math.cos(hRad), b = C * Math.sin(hRad), fy = (L + LAB.L_OFFSET) / LAB.L_SCALE, fx = fy + a / LAB.A_SCALE, fz = fy - b / LAB.B_SCALE, cubic = 3, fx3 = fx ** cubic, fz3 = fz ** cubic, xr = fx3 > LAB.EPSILON ? fx3 : (LAB.L_SCALE * fx - LAB.L_OFFSET) / LAB.KAPPA, yr = L > LAB.KAPPA * LAB.EPSILON ? fy ** cubic : L / LAB.KAPPA, zr = fz3 > LAB.EPSILON ? fz3 : (LAB.L_SCALE * fz - LAB.L_OFFSET) / LAB.KAPPA, X = xr * WHITE_POINT_D65.X, Y = yr * WHITE_POINT_D65.Y, Z = zr * WHITE_POINT_D65.Z, rLinear = XYZ_TO_LINEAR_RGB.r.x * X + XYZ_TO_LINEAR_RGB.r.y * Y + XYZ_TO_LINEAR_RGB.r.z * Z, gLinear = XYZ_TO_LINEAR_RGB.g.x * X + XYZ_TO_LINEAR_RGB.g.y * Y + XYZ_TO_LINEAR_RGB.g.z * Z, bLinear = XYZ_TO_LINEAR_RGB.b.x * X + XYZ_TO_LINEAR_RGB.b.y * Y + XYZ_TO_LINEAR_RGB.b.z * Z, toSrgb = (x)=>x <= SRGB.LINEAR_THRESHOLD ? SRGB.LINEAR_SCALE * x : SRGB.SCALE * Math.pow(x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.inverseFactorNumerator / SRGB.GAMMA) - SRGB.OFFSET, toSrgbFixed = (num)=>Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(toSrgb(num), minSrgbValue, maxSrgbValue) * RGB.MAX);\n    return {\n        r: toSrgbFixed(rLinear),\n        g: toSrgbFixed(gLinear),\n        b: toSrgbFixed(bLinear)\n    };\n}\nfunction lchaToRgba(lcha) {\n    return {\n        a: lcha.a,\n        ...lchToRgb(lcha)\n    };\n}\nfunction getStyleFromLch(color, opacity) {\n    const { l, c, h } = color, alpha = opacity !== undefined ? `/ ${opacity.toString()}` : \"\";\n    return `lch(${l.toString()}%, ${c.toString()}%, ${h.toString()}°${alpha})`;\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lch/dist/browser/utils.js?\n}");
 
 /***/ }
 

package/plugins_colors_lch_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   loadLchColorPlugin: () => (/* binding */ loadLchColorPlugin)\n/* harmony export */ });\nasync function loadLchColorPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      LchColorManager\n    } = await __webpack_require__.e(/*! import() */ \"plugins_colors_lch_dist_browser_LchColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LchColorManager.js */ \"../../plugins/colors/lch/dist/browser/LchColorManager.js\"));\n    e.addColorManager(new LchColorManager());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lch/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadLchColorPlugin: () => (/* binding */ loadLchColorPlugin)\n/* harmony export */ });\nasync function loadLchColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { LchColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_lch_dist_browser_LchColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LchColorManager.js */ \"../../plugins/colors/lch/dist/browser/LchColorManager.js\"));\n        e.pluginManager.addColorManager(\"lch\", new LchColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/lch/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_colors_named_dist_browser_NamedColorManager_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   NamedColorManager: () => (/* binding */ NamedColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst namedColors = new Map([[\"aliceblue\", {\n  r: 240,\n  g: 248,\n  b: 255\n}], [\"antiquewhite\", {\n  r: 250,\n  g: 235,\n  b: 215\n}], [\"aqua\", {\n  r: 0,\n  g: 255,\n  b: 255\n}], [\"aquamarine\", {\n  r: 127,\n  g: 255,\n  b: 212\n}], [\"azure\", {\n  r: 240,\n  g: 255,\n  b: 255\n}], [\"beige\", {\n  r: 245,\n  g: 245,\n  b: 220\n}], [\"bisque\", {\n  r: 255,\n  g: 228,\n  b: 196\n}], [\"black\", {\n  r: 0,\n  g: 0,\n  b: 0\n}], [\"blanchedalmond\", {\n  r: 255,\n  g: 235,\n  b: 205\n}], [\"blue\", {\n  r: 0,\n  g: 0,\n  b: 255\n}], [\"blueviolet\", {\n  r: 138,\n  g: 43,\n  b: 226\n}], [\"brown\", {\n  r: 165,\n  g: 42,\n  b: 42\n}], [\"burlywood\", {\n  r: 222,\n  g: 184,\n  b: 135\n}], [\"cadetblue\", {\n  r: 95,\n  g: 158,\n  b: 160\n}], [\"chartreuse\", {\n  r: 127,\n  g: 255,\n  b: 0\n}], [\"chocolate\", {\n  r: 210,\n  g: 105,\n  b: 30\n}], [\"coral\", {\n  r: 255,\n  g: 127,\n  b: 80\n}], [\"cornflowerblue\", {\n  r: 100,\n  g: 149,\n  b: 237\n}], [\"cornsilk\", {\n  r: 255,\n  g: 248,\n  b: 220\n}], [\"crimson\", {\n  r: 220,\n  g: 20,\n  b: 60\n}], [\"cyan\", {\n  r: 0,\n  g: 255,\n  b: 255\n}], [\"darkblue\", {\n  r: 0,\n  g: 0,\n  b: 139\n}], [\"darkcyan\", {\n  r: 0,\n  g: 139,\n  b: 139\n}], [\"darkgoldenrod\", {\n  r: 184,\n  g: 134,\n  b: 11\n}], [\"darkgray\", {\n  r: 169,\n  g: 169,\n  b: 169\n}], [\"darkgreen\", {\n  r: 0,\n  g: 100,\n  b: 0\n}], [\"darkgrey\", {\n  r: 169,\n  g: 169,\n  b: 169\n}], [\"darkkhaki\", {\n  r: 189,\n  g: 183,\n  b: 107\n}], [\"darkmagenta\", {\n  r: 139,\n  g: 0,\n  b: 139\n}], [\"darkolivegreen\", {\n  r: 85,\n  g: 107,\n  b: 47\n}], [\"darkorange\", {\n  r: 255,\n  g: 140,\n  b: 0\n}], [\"darkorchid\", {\n  r: 153,\n  g: 50,\n  b: 204\n}], [\"darkred\", {\n  r: 139,\n  g: 0,\n  b: 0\n}], [\"darksalmon\", {\n  r: 233,\n  g: 150,\n  b: 122\n}], [\"darkseagreen\", {\n  r: 143,\n  g: 188,\n  b: 143\n}], [\"darkslateblue\", {\n  r: 72,\n  g: 61,\n  b: 139\n}], [\"darkslategray\", {\n  r: 47,\n  g: 79,\n  b: 79\n}], [\"darkslategrey\", {\n  r: 47,\n  g: 79,\n  b: 79\n}], [\"darkturquoise\", {\n  r: 0,\n  g: 206,\n  b: 209\n}], [\"darkviolet\", {\n  r: 148,\n  g: 0,\n  b: 211\n}], [\"deeppink\", {\n  r: 255,\n  g: 20,\n  b: 147\n}], [\"deepskyblue\", {\n  r: 0,\n  g: 191,\n  b: 255\n}], [\"dimgray\", {\n  r: 105,\n  g: 105,\n  b: 105\n}], [\"dimgrey\", {\n  r: 105,\n  g: 105,\n  b: 105\n}], [\"dodgerblue\", {\n  r: 30,\n  g: 144,\n  b: 255\n}], [\"firebrick\", {\n  r: 178,\n  g: 34,\n  b: 34\n}], [\"floralwhite\", {\n  r: 255,\n  g: 250,\n  b: 240\n}], [\"forestgreen\", {\n  r: 34,\n  g: 139,\n  b: 34\n}], [\"fuchsia\", {\n  r: 255,\n  g: 0,\n  b: 255\n}], [\"gainsboro\", {\n  r: 220,\n  g: 220,\n  b: 220\n}], [\"ghostwhite\", {\n  r: 248,\n  g: 248,\n  b: 255\n}], [\"gold\", {\n  r: 255,\n  g: 215,\n  b: 0\n}], [\"goldenrod\", {\n  r: 218,\n  g: 165,\n  b: 32\n}], [\"gray\", {\n  r: 128,\n  g: 128,\n  b: 128\n}], [\"green\", {\n  r: 0,\n  g: 128,\n  b: 0\n}], [\"greenyellow\", {\n  r: 173,\n  g: 255,\n  b: 47\n}], [\"grey\", {\n  r: 128,\n  g: 128,\n  b: 128\n}], [\"honeydew\", {\n  r: 240,\n  g: 255,\n  b: 240\n}], [\"hotpink\", {\n  r: 255,\n  g: 105,\n  b: 180\n}], [\"indianred\", {\n  r: 205,\n  g: 92,\n  b: 92\n}], [\"indigo\", {\n  r: 75,\n  g: 0,\n  b: 130\n}], [\"ivory\", {\n  r: 255,\n  g: 255,\n  b: 240\n}], [\"khaki\", {\n  r: 240,\n  g: 230,\n  b: 140\n}], [\"lavender\", {\n  r: 230,\n  g: 230,\n  b: 250\n}], [\"lavenderblush\", {\n  r: 255,\n  g: 240,\n  b: 245\n}], [\"lawngreen\", {\n  r: 124,\n  g: 252,\n  b: 0\n}], [\"lemonchiffon\", {\n  r: 255,\n  g: 250,\n  b: 205\n}], [\"lightblue\", {\n  r: 173,\n  g: 216,\n  b: 230\n}], [\"lightcoral\", {\n  r: 240,\n  g: 128,\n  b: 128\n}], [\"lightcyan\", {\n  r: 224,\n  g: 255,\n  b: 255\n}], [\"lightgoldenrodyellow\", {\n  r: 250,\n  g: 250,\n  b: 210\n}], [\"lightgray\", {\n  r: 211,\n  g: 211,\n  b: 211\n}], [\"lightgreen\", {\n  r: 144,\n  g: 238,\n  b: 144\n}], [\"lightgrey\", {\n  r: 211,\n  g: 211,\n  b: 211\n}], [\"lightpink\", {\n  r: 255,\n  g: 182,\n  b: 193\n}], [\"lightsalmon\", {\n  r: 255,\n  g: 160,\n  b: 122\n}], [\"lightseagreen\", {\n  r: 32,\n  g: 178,\n  b: 170\n}], [\"lightskyblue\", {\n  r: 135,\n  g: 206,\n  b: 250\n}], [\"lightslategray\", {\n  r: 119,\n  g: 136,\n  b: 153\n}], [\"lightslategrey\", {\n  r: 119,\n  g: 136,\n  b: 153\n}], [\"lightsteelblue\", {\n  r: 176,\n  g: 196,\n  b: 222\n}], [\"lightyellow\", {\n  r: 255,\n  g: 255,\n  b: 224\n}], [\"lime\", {\n  r: 0,\n  g: 255,\n  b: 0\n}], [\"limegreen\", {\n  r: 50,\n  g: 205,\n  b: 50\n}], [\"linen\", {\n  r: 250,\n  g: 240,\n  b: 230\n}], [\"magenta\", {\n  r: 255,\n  g: 0,\n  b: 255\n}], [\"maroon\", {\n  r: 128,\n  g: 0,\n  b: 0\n}], [\"mediumaquamarine\", {\n  r: 102,\n  g: 205,\n  b: 170\n}], [\"mediumblue\", {\n  r: 0,\n  g: 0,\n  b: 205\n}], [\"mediumorchid\", {\n  r: 186,\n  g: 85,\n  b: 211\n}], [\"mediumpurple\", {\n  r: 147,\n  g: 112,\n  b: 219\n}], [\"mediumseagreen\", {\n  r: 60,\n  g: 179,\n  b: 113\n}], [\"mediumslateblue\", {\n  r: 123,\n  g: 104,\n  b: 238\n}], [\"mediumspringgreen\", {\n  r: 0,\n  g: 250,\n  b: 154\n}], [\"mediumturquoise\", {\n  r: 72,\n  g: 209,\n  b: 204\n}], [\"mediumvioletred\", {\n  r: 199,\n  g: 21,\n  b: 133\n}], [\"midnightblue\", {\n  r: 25,\n  g: 25,\n  b: 112\n}], [\"mintcream\", {\n  r: 245,\n  g: 255,\n  b: 250\n}], [\"mistyrose\", {\n  r: 255,\n  g: 228,\n  b: 225\n}], [\"moccasin\", {\n  r: 255,\n  g: 228,\n  b: 181\n}], [\"navajowhite\", {\n  r: 255,\n  g: 222,\n  b: 173\n}], [\"navy\", {\n  r: 0,\n  g: 0,\n  b: 128\n}], [\"oldlace\", {\n  r: 253,\n  g: 245,\n  b: 230\n}], [\"olive\", {\n  r: 128,\n  g: 128,\n  b: 0\n}], [\"olivedrab\", {\n  r: 107,\n  g: 142,\n  b: 35\n}], [\"orange\", {\n  r: 255,\n  g: 165,\n  b: 0\n}], [\"orangered\", {\n  r: 255,\n  g: 69,\n  b: 0\n}], [\"orchid\", {\n  r: 218,\n  g: 112,\n  b: 214\n}], [\"palegoldenrod\", {\n  r: 238,\n  g: 232,\n  b: 170\n}], [\"palegreen\", {\n  r: 152,\n  g: 251,\n  b: 152\n}], [\"paleturquoise\", {\n  r: 175,\n  g: 238,\n  b: 238\n}], [\"palevioletred\", {\n  r: 219,\n  g: 112,\n  b: 147\n}], [\"papayawhip\", {\n  r: 255,\n  g: 239,\n  b: 213\n}], [\"peachpuff\", {\n  r: 255,\n  g: 218,\n  b: 185\n}], [\"peru\", {\n  r: 205,\n  g: 133,\n  b: 63\n}], [\"pink\", {\n  r: 255,\n  g: 192,\n  b: 203\n}], [\"plum\", {\n  r: 221,\n  g: 160,\n  b: 221\n}], [\"powderblue\", {\n  r: 176,\n  g: 224,\n  b: 230\n}], [\"purple\", {\n  r: 128,\n  g: 0,\n  b: 128\n}], [\"rebeccapurple\", {\n  r: 102,\n  g: 51,\n  b: 153\n}], [\"red\", {\n  r: 255,\n  g: 0,\n  b: 0\n}], [\"rosybrown\", {\n  r: 188,\n  g: 143,\n  b: 143\n}], [\"royalblue\", {\n  r: 65,\n  g: 105,\n  b: 225\n}], [\"saddlebrown\", {\n  r: 139,\n  g: 69,\n  b: 19\n}], [\"salmon\", {\n  r: 250,\n  g: 128,\n  b: 114\n}], [\"sandybrown\", {\n  r: 244,\n  g: 164,\n  b: 96\n}], [\"seagreen\", {\n  r: 46,\n  g: 139,\n  b: 87\n}], [\"seashell\", {\n  r: 255,\n  g: 245,\n  b: 238\n}], [\"sienna\", {\n  r: 160,\n  g: 82,\n  b: 45\n}], [\"silver\", {\n  r: 192,\n  g: 192,\n  b: 192\n}], [\"skyblue\", {\n  r: 135,\n  g: 206,\n  b: 235\n}], [\"slateblue\", {\n  r: 106,\n  g: 90,\n  b: 205\n}], [\"slategray\", {\n  r: 112,\n  g: 128,\n  b: 144\n}], [\"slategrey\", {\n  r: 112,\n  g: 128,\n  b: 144\n}], [\"snow\", {\n  r: 255,\n  g: 250,\n  b: 250\n}], [\"springgreen\", {\n  r: 0,\n  g: 255,\n  b: 127\n}], [\"steelblue\", {\n  r: 70,\n  g: 130,\n  b: 180\n}], [\"tan\", {\n  r: 210,\n  g: 180,\n  b: 140\n}], [\"teal\", {\n  r: 0,\n  g: 128,\n  b: 128\n}], [\"thistle\", {\n  r: 216,\n  g: 191,\n  b: 216\n}], [\"tomato\", {\n  r: 255,\n  g: 99,\n  b: 71\n}], [\"turquoise\", {\n  r: 64,\n  g: 224,\n  b: 208\n}], [\"violet\", {\n  r: 238,\n  g: 130,\n  b: 238\n}], [\"wheat\", {\n  r: 245,\n  g: 222,\n  b: 179\n}], [\"white\", {\n  r: 255,\n  g: 255,\n  b: 255\n}], [\"whitesmoke\", {\n  r: 245,\n  g: 245,\n  b: 245\n}], [\"yellow\", {\n  r: 255,\n  g: 255,\n  b: 0\n}], [\"yellowgreen\", {\n  r: 154,\n  g: 205,\n  b: 50\n}]]);\nclass NamedColorManager {\n  constructor() {\n    this.key = \"named\";\n  }\n  accepts(input) {\n    return namedColors.has(input.toLowerCase());\n  }\n  handleColor(color) {\n    return this._parseString(color.value);\n  }\n  handleRangeColor(color) {\n    return this._parseString(color.value);\n  }\n  parseString(input) {\n    return this._parseString(input);\n  }\n  _parseString(input) {\n    if (!input || typeof input !== \"string\") {\n      return undefined;\n    }\n    const rgbColor = namedColors.get(input.toLowerCase());\n    if (!rgbColor) {\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().error(\"Color not found\", input);\n      return undefined;\n    }\n    return {\n      ...rgbColor,\n      a: 255\n    };\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/named/dist/browser/NamedColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   NamedColorManager: () => (/* binding */ NamedColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst namedColors = new Map([\n    [\n        \"aliceblue\",\n        {\n            r: 240,\n            g: 248,\n            b: 255\n        }\n    ],\n    [\n        \"antiquewhite\",\n        {\n            r: 250,\n            g: 235,\n            b: 215\n        }\n    ],\n    [\n        \"aqua\",\n        {\n            r: 0,\n            g: 255,\n            b: 255\n        }\n    ],\n    [\n        \"aquamarine\",\n        {\n            r: 127,\n            g: 255,\n            b: 212\n        }\n    ],\n    [\n        \"azure\",\n        {\n            r: 240,\n            g: 255,\n            b: 255\n        }\n    ],\n    [\n        \"beige\",\n        {\n            r: 245,\n            g: 245,\n            b: 220\n        }\n    ],\n    [\n        \"bisque\",\n        {\n            r: 255,\n            g: 228,\n            b: 196\n        }\n    ],\n    [\n        \"black\",\n        {\n            r: 0,\n            g: 0,\n            b: 0\n        }\n    ],\n    [\n        \"blanchedalmond\",\n        {\n            r: 255,\n            g: 235,\n            b: 205\n        }\n    ],\n    [\n        \"blue\",\n        {\n            r: 0,\n            g: 0,\n            b: 255\n        }\n    ],\n    [\n        \"blueviolet\",\n        {\n            r: 138,\n            g: 43,\n            b: 226\n        }\n    ],\n    [\n        \"brown\",\n        {\n            r: 165,\n            g: 42,\n            b: 42\n        }\n    ],\n    [\n        \"burlywood\",\n        {\n            r: 222,\n            g: 184,\n            b: 135\n        }\n    ],\n    [\n        \"cadetblue\",\n        {\n            r: 95,\n            g: 158,\n            b: 160\n        }\n    ],\n    [\n        \"chartreuse\",\n        {\n            r: 127,\n            g: 255,\n            b: 0\n        }\n    ],\n    [\n        \"chocolate\",\n        {\n            r: 210,\n            g: 105,\n            b: 30\n        }\n    ],\n    [\n        \"coral\",\n        {\n            r: 255,\n            g: 127,\n            b: 80\n        }\n    ],\n    [\n        \"cornflowerblue\",\n        {\n            r: 100,\n            g: 149,\n            b: 237\n        }\n    ],\n    [\n        \"cornsilk\",\n        {\n            r: 255,\n            g: 248,\n            b: 220\n        }\n    ],\n    [\n        \"crimson\",\n        {\n            r: 220,\n            g: 20,\n            b: 60\n        }\n    ],\n    [\n        \"cyan\",\n        {\n            r: 0,\n            g: 255,\n            b: 255\n        }\n    ],\n    [\n        \"darkblue\",\n        {\n            r: 0,\n            g: 0,\n            b: 139\n        }\n    ],\n    [\n        \"darkcyan\",\n        {\n            r: 0,\n            g: 139,\n            b: 139\n        }\n    ],\n    [\n        \"darkgoldenrod\",\n        {\n            r: 184,\n            g: 134,\n            b: 11\n        }\n    ],\n    [\n        \"darkgray\",\n        {\n            r: 169,\n            g: 169,\n            b: 169\n        }\n    ],\n    [\n        \"darkgreen\",\n        {\n            r: 0,\n            g: 100,\n            b: 0\n        }\n    ],\n    [\n        \"darkgrey\",\n        {\n            r: 169,\n            g: 169,\n            b: 169\n        }\n    ],\n    [\n        \"darkkhaki\",\n        {\n            r: 189,\n            g: 183,\n            b: 107\n        }\n    ],\n    [\n        \"darkmagenta\",\n        {\n            r: 139,\n            g: 0,\n            b: 139\n        }\n    ],\n    [\n        \"darkolivegreen\",\n        {\n            r: 85,\n            g: 107,\n            b: 47\n        }\n    ],\n    [\n        \"darkorange\",\n        {\n            r: 255,\n            g: 140,\n            b: 0\n        }\n    ],\n    [\n        \"darkorchid\",\n        {\n            r: 153,\n            g: 50,\n            b: 204\n        }\n    ],\n    [\n        \"darkred\",\n        {\n            r: 139,\n            g: 0,\n            b: 0\n        }\n    ],\n    [\n        \"darksalmon\",\n        {\n            r: 233,\n            g: 150,\n            b: 122\n        }\n    ],\n    [\n        \"darkseagreen\",\n        {\n            r: 143,\n            g: 188,\n            b: 143\n        }\n    ],\n    [\n        \"darkslateblue\",\n        {\n            r: 72,\n            g: 61,\n            b: 139\n        }\n    ],\n    [\n        \"darkslategray\",\n        {\n            r: 47,\n            g: 79,\n            b: 79\n        }\n    ],\n    [\n        \"darkslategrey\",\n        {\n            r: 47,\n            g: 79,\n            b: 79\n        }\n    ],\n    [\n        \"darkturquoise\",\n        {\n            r: 0,\n            g: 206,\n            b: 209\n        }\n    ],\n    [\n        \"darkviolet\",\n        {\n            r: 148,\n            g: 0,\n            b: 211\n        }\n    ],\n    [\n        \"deeppink\",\n        {\n            r: 255,\n            g: 20,\n            b: 147\n        }\n    ],\n    [\n        \"deepskyblue\",\n        {\n            r: 0,\n            g: 191,\n            b: 255\n        }\n    ],\n    [\n        \"dimgray\",\n        {\n            r: 105,\n            g: 105,\n            b: 105\n        }\n    ],\n    [\n        \"dimgrey\",\n        {\n            r: 105,\n            g: 105,\n            b: 105\n        }\n    ],\n    [\n        \"dodgerblue\",\n        {\n            r: 30,\n            g: 144,\n            b: 255\n        }\n    ],\n    [\n        \"firebrick\",\n        {\n            r: 178,\n            g: 34,\n            b: 34\n        }\n    ],\n    [\n        \"floralwhite\",\n        {\n            r: 255,\n            g: 250,\n            b: 240\n        }\n    ],\n    [\n        \"forestgreen\",\n        {\n            r: 34,\n            g: 139,\n            b: 34\n        }\n    ],\n    [\n        \"fuchsia\",\n        {\n            r: 255,\n            g: 0,\n            b: 255\n        }\n    ],\n    [\n        \"gainsboro\",\n        {\n            r: 220,\n            g: 220,\n            b: 220\n        }\n    ],\n    [\n        \"ghostwhite\",\n        {\n            r: 248,\n            g: 248,\n            b: 255\n        }\n    ],\n    [\n        \"gold\",\n        {\n            r: 255,\n            g: 215,\n            b: 0\n        }\n    ],\n    [\n        \"goldenrod\",\n        {\n            r: 218,\n            g: 165,\n            b: 32\n        }\n    ],\n    [\n        \"gray\",\n        {\n            r: 128,\n            g: 128,\n            b: 128\n        }\n    ],\n    [\n        \"green\",\n        {\n            r: 0,\n            g: 128,\n            b: 0\n        }\n    ],\n    [\n        \"greenyellow\",\n        {\n            r: 173,\n            g: 255,\n            b: 47\n        }\n    ],\n    [\n        \"grey\",\n        {\n            r: 128,\n            g: 128,\n            b: 128\n        }\n    ],\n    [\n        \"honeydew\",\n        {\n            r: 240,\n            g: 255,\n            b: 240\n        }\n    ],\n    [\n        \"hotpink\",\n        {\n            r: 255,\n            g: 105,\n            b: 180\n        }\n    ],\n    [\n        \"indianred\",\n        {\n            r: 205,\n            g: 92,\n            b: 92\n        }\n    ],\n    [\n        \"indigo\",\n        {\n            r: 75,\n            g: 0,\n            b: 130\n        }\n    ],\n    [\n        \"ivory\",\n        {\n            r: 255,\n            g: 255,\n            b: 240\n        }\n    ],\n    [\n        \"khaki\",\n        {\n            r: 240,\n            g: 230,\n            b: 140\n        }\n    ],\n    [\n        \"lavender\",\n        {\n            r: 230,\n            g: 230,\n            b: 250\n        }\n    ],\n    [\n        \"lavenderblush\",\n        {\n            r: 255,\n            g: 240,\n            b: 245\n        }\n    ],\n    [\n        \"lawngreen\",\n        {\n            r: 124,\n            g: 252,\n            b: 0\n        }\n    ],\n    [\n        \"lemonchiffon\",\n        {\n            r: 255,\n            g: 250,\n            b: 205\n        }\n    ],\n    [\n        \"lightblue\",\n        {\n            r: 173,\n            g: 216,\n            b: 230\n        }\n    ],\n    [\n        \"lightcoral\",\n        {\n            r: 240,\n            g: 128,\n            b: 128\n        }\n    ],\n    [\n        \"lightcyan\",\n        {\n            r: 224,\n            g: 255,\n            b: 255\n        }\n    ],\n    [\n        \"lightgoldenrodyellow\",\n        {\n            r: 250,\n            g: 250,\n            b: 210\n        }\n    ],\n    [\n        \"lightgray\",\n        {\n            r: 211,\n            g: 211,\n            b: 211\n        }\n    ],\n    [\n        \"lightgreen\",\n        {\n            r: 144,\n            g: 238,\n            b: 144\n        }\n    ],\n    [\n        \"lightgrey\",\n        {\n            r: 211,\n            g: 211,\n            b: 211\n        }\n    ],\n    [\n        \"lightpink\",\n        {\n            r: 255,\n            g: 182,\n            b: 193\n        }\n    ],\n    [\n        \"lightsalmon\",\n        {\n            r: 255,\n            g: 160,\n            b: 122\n        }\n    ],\n    [\n        \"lightseagreen\",\n        {\n            r: 32,\n            g: 178,\n            b: 170\n        }\n    ],\n    [\n        \"lightskyblue\",\n        {\n            r: 135,\n            g: 206,\n            b: 250\n        }\n    ],\n    [\n        \"lightslategray\",\n        {\n            r: 119,\n            g: 136,\n            b: 153\n        }\n    ],\n    [\n        \"lightslategrey\",\n        {\n            r: 119,\n            g: 136,\n            b: 153\n        }\n    ],\n    [\n        \"lightsteelblue\",\n        {\n            r: 176,\n            g: 196,\n            b: 222\n        }\n    ],\n    [\n        \"lightyellow\",\n        {\n            r: 255,\n            g: 255,\n            b: 224\n        }\n    ],\n    [\n        \"lime\",\n        {\n            r: 0,\n            g: 255,\n            b: 0\n        }\n    ],\n    [\n        \"limegreen\",\n        {\n            r: 50,\n            g: 205,\n            b: 50\n        }\n    ],\n    [\n        \"linen\",\n        {\n            r: 250,\n            g: 240,\n            b: 230\n        }\n    ],\n    [\n        \"magenta\",\n        {\n            r: 255,\n            g: 0,\n            b: 255\n        }\n    ],\n    [\n        \"maroon\",\n        {\n            r: 128,\n            g: 0,\n            b: 0\n        }\n    ],\n    [\n        \"mediumaquamarine\",\n        {\n            r: 102,\n            g: 205,\n            b: 170\n        }\n    ],\n    [\n        \"mediumblue\",\n        {\n            r: 0,\n            g: 0,\n            b: 205\n        }\n    ],\n    [\n        \"mediumorchid\",\n        {\n            r: 186,\n            g: 85,\n            b: 211\n        }\n    ],\n    [\n        \"mediumpurple\",\n        {\n            r: 147,\n            g: 112,\n            b: 219\n        }\n    ],\n    [\n        \"mediumseagreen\",\n        {\n            r: 60,\n            g: 179,\n            b: 113\n        }\n    ],\n    [\n        \"mediumslateblue\",\n        {\n            r: 123,\n            g: 104,\n            b: 238\n        }\n    ],\n    [\n        \"mediumspringgreen\",\n        {\n            r: 0,\n            g: 250,\n            b: 154\n        }\n    ],\n    [\n        \"mediumturquoise\",\n        {\n            r: 72,\n            g: 209,\n            b: 204\n        }\n    ],\n    [\n        \"mediumvioletred\",\n        {\n            r: 199,\n            g: 21,\n            b: 133\n        }\n    ],\n    [\n        \"midnightblue\",\n        {\n            r: 25,\n            g: 25,\n            b: 112\n        }\n    ],\n    [\n        \"mintcream\",\n        {\n            r: 245,\n            g: 255,\n            b: 250\n        }\n    ],\n    [\n        \"mistyrose\",\n        {\n            r: 255,\n            g: 228,\n            b: 225\n        }\n    ],\n    [\n        \"moccasin\",\n        {\n            r: 255,\n            g: 228,\n            b: 181\n        }\n    ],\n    [\n        \"navajowhite\",\n        {\n            r: 255,\n            g: 222,\n            b: 173\n        }\n    ],\n    [\n        \"navy\",\n        {\n            r: 0,\n            g: 0,\n            b: 128\n        }\n    ],\n    [\n        \"oldlace\",\n        {\n            r: 253,\n            g: 245,\n            b: 230\n        }\n    ],\n    [\n        \"olive\",\n        {\n            r: 128,\n            g: 128,\n            b: 0\n        }\n    ],\n    [\n        \"olivedrab\",\n        {\n            r: 107,\n            g: 142,\n            b: 35\n        }\n    ],\n    [\n        \"orange\",\n        {\n            r: 255,\n            g: 165,\n            b: 0\n        }\n    ],\n    [\n        \"orangered\",\n        {\n            r: 255,\n            g: 69,\n            b: 0\n        }\n    ],\n    [\n        \"orchid\",\n        {\n            r: 218,\n            g: 112,\n            b: 214\n        }\n    ],\n    [\n        \"palegoldenrod\",\n        {\n            r: 238,\n            g: 232,\n            b: 170\n        }\n    ],\n    [\n        \"palegreen\",\n        {\n            r: 152,\n            g: 251,\n            b: 152\n        }\n    ],\n    [\n        \"paleturquoise\",\n        {\n            r: 175,\n            g: 238,\n            b: 238\n        }\n    ],\n    [\n        \"palevioletred\",\n        {\n            r: 219,\n            g: 112,\n            b: 147\n        }\n    ],\n    [\n        \"papayawhip\",\n        {\n            r: 255,\n            g: 239,\n            b: 213\n        }\n    ],\n    [\n        \"peachpuff\",\n        {\n            r: 255,\n            g: 218,\n            b: 185\n        }\n    ],\n    [\n        \"peru\",\n        {\n            r: 205,\n            g: 133,\n            b: 63\n        }\n    ],\n    [\n        \"pink\",\n        {\n            r: 255,\n            g: 192,\n            b: 203\n        }\n    ],\n    [\n        \"plum\",\n        {\n            r: 221,\n            g: 160,\n            b: 221\n        }\n    ],\n    [\n        \"powderblue\",\n        {\n            r: 176,\n            g: 224,\n            b: 230\n        }\n    ],\n    [\n        \"purple\",\n        {\n            r: 128,\n            g: 0,\n            b: 128\n        }\n    ],\n    [\n        \"rebeccapurple\",\n        {\n            r: 102,\n            g: 51,\n            b: 153\n        }\n    ],\n    [\n        \"red\",\n        {\n            r: 255,\n            g: 0,\n            b: 0\n        }\n    ],\n    [\n        \"rosybrown\",\n        {\n            r: 188,\n            g: 143,\n            b: 143\n        }\n    ],\n    [\n        \"royalblue\",\n        {\n            r: 65,\n            g: 105,\n            b: 225\n        }\n    ],\n    [\n        \"saddlebrown\",\n        {\n            r: 139,\n            g: 69,\n            b: 19\n        }\n    ],\n    [\n        \"salmon\",\n        {\n            r: 250,\n            g: 128,\n            b: 114\n        }\n    ],\n    [\n        \"sandybrown\",\n        {\n            r: 244,\n            g: 164,\n            b: 96\n        }\n    ],\n    [\n        \"seagreen\",\n        {\n            r: 46,\n            g: 139,\n            b: 87\n        }\n    ],\n    [\n        \"seashell\",\n        {\n            r: 255,\n            g: 245,\n            b: 238\n        }\n    ],\n    [\n        \"sienna\",\n        {\n            r: 160,\n            g: 82,\n            b: 45\n        }\n    ],\n    [\n        \"silver\",\n        {\n            r: 192,\n            g: 192,\n            b: 192\n        }\n    ],\n    [\n        \"skyblue\",\n        {\n            r: 135,\n            g: 206,\n            b: 235\n        }\n    ],\n    [\n        \"slateblue\",\n        {\n            r: 106,\n            g: 90,\n            b: 205\n        }\n    ],\n    [\n        \"slategray\",\n        {\n            r: 112,\n            g: 128,\n            b: 144\n        }\n    ],\n    [\n        \"slategrey\",\n        {\n            r: 112,\n            g: 128,\n            b: 144\n        }\n    ],\n    [\n        \"snow\",\n        {\n            r: 255,\n            g: 250,\n            b: 250\n        }\n    ],\n    [\n        \"springgreen\",\n        {\n            r: 0,\n            g: 255,\n            b: 127\n        }\n    ],\n    [\n        \"steelblue\",\n        {\n            r: 70,\n            g: 130,\n            b: 180\n        }\n    ],\n    [\n        \"tan\",\n        {\n            r: 210,\n            g: 180,\n            b: 140\n        }\n    ],\n    [\n        \"teal\",\n        {\n            r: 0,\n            g: 128,\n            b: 128\n        }\n    ],\n    [\n        \"thistle\",\n        {\n            r: 216,\n            g: 191,\n            b: 216\n        }\n    ],\n    [\n        \"tomato\",\n        {\n            r: 255,\n            g: 99,\n            b: 71\n        }\n    ],\n    [\n        \"turquoise\",\n        {\n            r: 64,\n            g: 224,\n            b: 208\n        }\n    ],\n    [\n        \"violet\",\n        {\n            r: 238,\n            g: 130,\n            b: 238\n        }\n    ],\n    [\n        \"wheat\",\n        {\n            r: 245,\n            g: 222,\n            b: 179\n        }\n    ],\n    [\n        \"white\",\n        {\n            r: 255,\n            g: 255,\n            b: 255\n        }\n    ],\n    [\n        \"whitesmoke\",\n        {\n            r: 245,\n            g: 245,\n            b: 245\n        }\n    ],\n    [\n        \"yellow\",\n        {\n            r: 255,\n            g: 255,\n            b: 0\n        }\n    ],\n    [\n        \"yellowgreen\",\n        {\n            r: 154,\n            g: 205,\n            b: 50\n        }\n    ]\n]);\nclass NamedColorManager {\n    accepts(input) {\n        return namedColors.has(input.toLowerCase());\n    }\n    handleColor(color) {\n        return this._parseString(color.value);\n    }\n    handleRangeColor(color) {\n        return this._parseString(color.value);\n    }\n    parseString(input) {\n        return this._parseString(input);\n    }\n    _parseString(input) {\n        if (!input || typeof input !== \"string\") {\n            return undefined;\n        }\n        const rgbColor = namedColors.get(input.toLowerCase());\n        if (!rgbColor) {\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().error(\"Color not found\", input);\n            return undefined;\n        }\n        return {\n            ...rgbColor,\n            a: 255\n        };\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/named/dist/browser/NamedColorManager.js?\n}");
 
 /***/ }
 

package/plugins_colors_named_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.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 */   loadNamedColorPlugin: () => (/* binding */ loadNamedColorPlugin)\n/* harmony export */ });\nasync function loadNamedColorPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      NamedColorManager\n    } = await __webpack_require__.e(/*! import() */ \"plugins_colors_named_dist_browser_NamedColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./NamedColorManager.js */ \"../../plugins/colors/named/dist/browser/NamedColorManager.js\"));\n    e.addColorManager(new NamedColorManager());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/named/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadNamedColorPlugin: () => (/* binding */ loadNamedColorPlugin)\n/* harmony export */ });\nasync function loadNamedColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { NamedColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_named_dist_browser_NamedColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./NamedColorManager.js */ \"../../plugins/colors/named/dist/browser/NamedColorManager.js\"));\n        e.pluginManager.addColorManager(\"named\", new NamedColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/colors/named/dist/browser/index.js?\n}");
 
 /***/ }