@tsparticles/plugin-hsv-color 4.0.0-alpha.8 → 4.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/457.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_plugin_hsv_color=this.webpackChunk_tsparticles_plugin_hsv_color||[]).push([[457],{457(e,r,s){s.d(r,{HsvColorManager:()=>n});var a=s(303);function t(e){let r,s={b:0,g:0,r:0},t={h:e.h/60,s:e.s/a.percentDenominator,v:e.v/a.percentDenominator},h=t.v*t.s,n=h*(1-Math.abs(t.h%2-1));if(t.h>=0&&t.h<=1?r={r:h,g:n,b:0}:t.h>1&&t.h<=2?r={r:n,g:h,b:0}:t.h>2&&t.h<=3?r={r:0,g:h,b:n}:t.h>3&&t.h<=4?r={r:0,g:n,b:h}:t.h>4&&t.h<=5?r={r:n,g:0,b:h}:t.h>5&&t.h<=6&&(r={r:h,g:0,b:n}),r){let e=t.v-h;s.r=Math.floor((r.r+e)*a.rgbMax),s.g=Math.floor((r.g+e)*a.rgbMax),s.b=Math.floor((r.b+e)*a.rgbMax)}return s}let h=/hsva?\(\s*(\d+)°\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;class n{accepts(e){return e.startsWith("hsv")}handleColor(e){let r=e.value.hsv??e.value;if("h"in r&&"s"in r&&"v"in r)return t(r)}handleRangeColor(e){let r=e.value.hsv??e.value;if("h"in r&&"s"in r&&"v"in r)return t({h:(0,a.getRangeValue)(r.h),s:(0,a.getRangeValue)(r.s),v:(0,a.getRangeValue)(r.v)})}parseString(e){var r;if(!this.accepts(e))return;let s=h.exec(e);return s?{a:(r={a:s.length>4?(0,a.parseAlpha)(s[5]):1,h:parseInt(s[1]??"0",10),s:parseInt(s[2]??"0",10),v:parseInt(s[3]??"0",10)}).a,...t(r)}:void 0}}}}]);
@@ -2,22 +2,19 @@ import { getRangeValue, parseAlpha, } from "@tsparticles/engine";
2
2
  import { hsvToRgb, hsvaToRgba } from "./utils.js";
3
3
  const hsvRegex = /hsva?\(\s*(\d+)°\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;
4
4
  export class HsvColorManager {
5
- constructor() {
6
- this.key = "hsv";
7
- }
8
5
  accepts(input) {
9
6
  return input.startsWith("hsv");
10
7
  }
11
8
  handleColor(color) {
12
9
  const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;
13
- if (!Object.hasOwn(hsvColor, "h") || !Object.hasOwn(hsvColor, "s") || !Object.hasOwn(hsvColor, "v")) {
10
+ if (!("h" in hsvColor) || !("s" in hsvColor) || !("v" in hsvColor)) {
14
11
  return;
15
12
  }
16
13
  return hsvToRgb(hsvColor);
17
14
  }
18
15
  handleRangeColor(color) {
19
16
  const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;
20
- if (!Object.hasOwn(hsvColor, "h") || !Object.hasOwn(hsvColor, "s") || !Object.hasOwn(hsvColor, "v")) {
17
+ if (!("h" in hsvColor) || !("s" in hsvColor) || !("v" in hsvColor)) {
21
18
  return;
22
19
  }
23
20
  return hsvToRgb({
package/browser/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export async function loadHsvColorPlugin(engine) {
2
- engine.checkVersion("4.0.0-alpha.8");
2
+ engine.checkVersion("4.0.0-beta.0");
3
3
  await engine.register(async (e) => {
4
4
  const { HsvColorManager } = await import("./HsvColorManager.js");
5
- e.addColorManager(new HsvColorManager());
5
+ e.addColorManager("hsv", new HsvColorManager());
6
6
  });
7
7
  }
@@ -2,22 +2,19 @@ import { getRangeValue, parseAlpha, } from "@tsparticles/engine";
2
2
  import { hsvToRgb, hsvaToRgba } from "./utils.js";
3
3
  const hsvRegex = /hsva?\(\s*(\d+)°\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;
4
4
  export class HsvColorManager {
5
- constructor() {
6
- this.key = "hsv";
7
- }
8
5
  accepts(input) {
9
6
  return input.startsWith("hsv");
10
7
  }
11
8
  handleColor(color) {
12
9
  const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;
13
- if (!Object.hasOwn(hsvColor, "h") || !Object.hasOwn(hsvColor, "s") || !Object.hasOwn(hsvColor, "v")) {
10
+ if (!("h" in hsvColor) || !("s" in hsvColor) || !("v" in hsvColor)) {
14
11
  return;
15
12
  }
16
13
  return hsvToRgb(hsvColor);
17
14
  }
18
15
  handleRangeColor(color) {
19
16
  const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;
20
- if (!Object.hasOwn(hsvColor, "h") || !Object.hasOwn(hsvColor, "s") || !Object.hasOwn(hsvColor, "v")) {
17
+ if (!("h" in hsvColor) || !("s" in hsvColor) || !("v" in hsvColor)) {
21
18
  return;
22
19
  }
23
20
  return hsvToRgb({
package/cjs/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export async function loadHsvColorPlugin(engine) {
2
- engine.checkVersion("4.0.0-alpha.8");
2
+ engine.checkVersion("4.0.0-beta.0");
3
3
  await engine.register(async (e) => {
4
4
  const { HsvColorManager } = await import("./HsvColorManager.js");
5
- e.addColorManager(new HsvColorManager());
5
+ e.addColorManager("hsv", new HsvColorManager());
6
6
  });
7
7
  }
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v4.0.0-alpha.8
7
+ * v4.0.0-beta.0
8
8
  */
9
9
  "use strict";
10
10
  /*
@@ -23,7 +23,7 @@
23
23
  \*****************************************/
24
24
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
25
25
 
26
- 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 */ \"@tsparticles/engine\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"./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/plugin-hsv-color/./dist/browser/HsvColorManager.js?\n}");
26
+ 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 */ \"@tsparticles/engine\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"./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/plugin-hsv-color/./dist/browser/HsvColorManager.js?\n}");
27
27
 
28
28
  /***/ },
29
29
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
33
33
  \*******************************/
34
34
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
35
35
 
36
- 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 */ \"@tsparticles/engine\");\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/plugin-hsv-color/./dist/browser/utils.js?\n}");
36
+ 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 */ \"@tsparticles/engine\");\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/plugin-hsv-color/./dist/browser/utils.js?\n}");
37
37
 
38
38
  /***/ }
39
39
 
@@ -2,22 +2,19 @@ import { getRangeValue, parseAlpha, } from "@tsparticles/engine";
2
2
  import { hsvToRgb, hsvaToRgba } from "./utils.js";
3
3
  const hsvRegex = /hsva?\(\s*(\d+)°\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;
4
4
  export class HsvColorManager {
5
- constructor() {
6
- this.key = "hsv";
7
- }
8
5
  accepts(input) {
9
6
  return input.startsWith("hsv");
10
7
  }
11
8
  handleColor(color) {
12
9
  const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;
13
- if (!Object.hasOwn(hsvColor, "h") || !Object.hasOwn(hsvColor, "s") || !Object.hasOwn(hsvColor, "v")) {
10
+ if (!("h" in hsvColor) || !("s" in hsvColor) || !("v" in hsvColor)) {
14
11
  return;
15
12
  }
16
13
  return hsvToRgb(hsvColor);
17
14
  }
18
15
  handleRangeColor(color) {
19
16
  const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;
20
- if (!Object.hasOwn(hsvColor, "h") || !Object.hasOwn(hsvColor, "s") || !Object.hasOwn(hsvColor, "v")) {
17
+ if (!("h" in hsvColor) || !("s" in hsvColor) || !("v" in hsvColor)) {
21
18
  return;
22
19
  }
23
20
  return hsvToRgb({
package/esm/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export async function loadHsvColorPlugin(engine) {
2
- engine.checkVersion("4.0.0-alpha.8");
2
+ engine.checkVersion("4.0.0-beta.0");
3
3
  await engine.register(async (e) => {
4
4
  const { HsvColorManager } = await import("./HsvColorManager.js");
5
- e.addColorManager(new HsvColorManager());
5
+ e.addColorManager("hsv", new HsvColorManager());
6
6
  });
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/plugin-hsv-color",
3
- "version": "4.0.0-alpha.8",
3
+ "version": "4.0.0-beta.0",
4
4
  "description": "tsParticles HSV color plugin",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -100,7 +100,7 @@
100
100
  "./package.json": "./package.json"
101
101
  },
102
102
  "dependencies": {
103
- "@tsparticles/engine": "4.0.0-alpha.8"
103
+ "@tsparticles/engine": "4.0.0-beta.0"
104
104
  },
105
105
  "publishConfig": {
106
106
  "access": "public"
package/report.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8"/>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
6
- <title>@tsparticles/plugin-hsv-color [23 Jan 2026 at 23:42]</title>
6
+ <title>@tsparticles/plugin-hsv-color [19 Mar 2026 at 14:01]</title>
7
7
  <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
8
8
 
9
9
  <script>
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v4.0.0-alpha.8
7
+ * v4.0.0-beta.0
8
8
  */
9
9
  /*
10
10
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -28,16 +28,6 @@ return /******/ (() => { // webpackBootstrap
28
28
  /******/ "use strict";
29
29
  /******/ var __webpack_modules__ = ({
30
30
 
31
- /***/ "./dist/browser/index.js"
32
- /*!*******************************!*\
33
- !*** ./dist/browser/index.js ***!
34
- \*******************************/
35
- (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
36
-
37
- 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() */ \"dist_browser_HsvColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HsvColorManager.js */ \"./dist/browser/HsvColorManager.js\"));\n e.addColorManager(new HsvColorManager());\n });\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-hsv-color/./dist/browser/index.js?\n}");
38
-
39
- /***/ },
40
-
41
31
  /***/ "@tsparticles/engine"
42
32
  /*!*********************************************************************************************************************************!*\
43
33
  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
@@ -46,6 +36,16 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
46
36
 
47
37
  module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
48
38
 
39
+ /***/ },
40
+
41
+ /***/ "./dist/browser/index.js"
42
+ /*!*******************************!*\
43
+ !*** ./dist/browser/index.js ***!
44
+ \*******************************/
45
+ (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
46
+
47
+ 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.0\");\n await engine.register(async (e)=>{\n const { HsvColorManager } = await __webpack_require__.e(/*! import() */ \"dist_browser_HsvColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HsvColorManager.js */ \"./dist/browser/HsvColorManager.js\"));\n e.addColorManager(\"hsv\", new HsvColorManager());\n });\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-hsv-color/./dist/browser/index.js?\n}");
48
+
49
49
  /***/ }
50
50
 
51
51
  /******/ });
@@ -60,12 +60,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
60
60
  /******/ if (cachedModule !== undefined) {
61
61
  /******/ return cachedModule.exports;
62
62
  /******/ }
63
- /******/ // Check if module exists (development only)
64
- /******/ if (__webpack_modules__[moduleId] === undefined) {
65
- /******/ var e = new Error("Cannot find module '" + moduleId + "'");
66
- /******/ e.code = 'MODULE_NOT_FOUND';
67
- /******/ throw e;
68
- /******/ }
69
63
  /******/ // Create a new module (and put it into the cache)
70
64
  /******/ var module = __webpack_module_cache__[moduleId] = {
71
65
  /******/ // no module.id needed
@@ -74,6 +68,12 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
74
68
  /******/ };
75
69
  /******/
76
70
  /******/ // Execute the module function
71
+ /******/ if (!(moduleId in __webpack_modules__)) {
72
+ /******/ delete __webpack_module_cache__[moduleId];
73
+ /******/ var e = new Error("Cannot find module '" + moduleId + "'");
74
+ /******/ e.code = 'MODULE_NOT_FOUND';
75
+ /******/ throw e;
76
+ /******/ }
77
77
  /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
78
78
  /******/
79
79
  /******/ // Return the exports of the module
@@ -118,6 +118,18 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
118
118
  /******/ };
119
119
  /******/ })();
120
120
  /******/
121
+ /******/ /* webpack/runtime/global */
122
+ /******/ (() => {
123
+ /******/ __webpack_require__.g = (function() {
124
+ /******/ if (typeof globalThis === 'object') return globalThis;
125
+ /******/ try {
126
+ /******/ return this || new Function('return this')();
127
+ /******/ } catch (e) {
128
+ /******/ if (typeof window === 'object') return window;
129
+ /******/ }
130
+ /******/ })();
131
+ /******/ })();
132
+ /******/
121
133
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
122
134
  /******/ (() => {
123
135
  /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
@@ -182,8 +194,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
182
194
  /******/ /* webpack/runtime/publicPath */
183
195
  /******/ (() => {
184
196
  /******/ var scriptUrl;
185
- /******/ if (globalThis.importScripts) scriptUrl = globalThis.location + "";
186
- /******/ var document = globalThis.document;
197
+ /******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
198
+ /******/ var document = __webpack_require__.g.document;
187
199
  /******/ if (!scriptUrl && document) {
188
200
  /******/ if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
189
201
  /******/ scriptUrl = document.currentScript.src;
@@ -1,2 +1,2 @@
1
- /*! For license information please see tsparticles.plugin.hsvColor.min.js.LICENSE.txt */
2
- !function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],r);else{var t="object"==typeof exports?r(require("@tsparticles/engine")):r(e.window);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(this,(e=>(()=>{var r,t,o={303(r){r.exports=e}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var t=n[e]={exports:{}};return o[e](t,t.exports,a),t.exports}a.m=o,a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce(((r,t)=>(a.f[t](e,r),r)),[])),a.u=e=>e+".min.js",a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),r={},t="@tsparticles/plugin-hsv-color:",a.l=(e,o,n,i)=>{if(r[e])r[e].push(o);else{var s,l;if(void 0!==n)for(var c=document.getElementsByTagName("script"),p=0;p<c.length;p++){var u=c[p];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==t+n){s=u;break}}s||(l=!0,(s=document.createElement("script")).charset="utf-8",a.nc&&s.setAttribute("nonce",a.nc),s.setAttribute("data-webpack",t+n),s.src=e),r[e]=[o];var d=(t,o)=>{s.onerror=s.onload=null,clearTimeout(f);var n=r[e];if(delete r[e],s.parentNode&&s.parentNode.removeChild(s),n&&n.forEach((e=>e(o))),t)return t(o)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=d.bind(null,s.onerror),s.onload=d.bind(null,s.onload),l&&document.head.appendChild(s)}},a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;globalThis.importScripts&&(e=globalThis.location+"");var r=globalThis.document;if(!e&&r&&(r.currentScript&&"SCRIPT"===r.currentScript.tagName.toUpperCase()&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var o=t.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=t[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e})(),(()=>{var e={692:0};a.f.j=(r,t)=>{var o=a.o(e,r)?e[r]:void 0;if(0!==o)if(o)t.push(o[2]);else{var n=new Promise(((t,n)=>o=e[r]=[t,n]));t.push(o[2]=n);var i=a.p+a.u(r),s=new Error;a.l(i,(t=>{if(a.o(e,r)&&(0!==(o=e[r])&&(e[r]=void 0),o)){var n=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;s.message="Loading chunk "+r+" failed.\n("+n+": "+i+")",s.name="ChunkLoadError",s.type=n,s.request=i,o[1](s)}}),"chunk-"+r,r)}};var r=(r,t)=>{var o,n,[i,s,l]=t,c=0;if(i.some((r=>0!==e[r]))){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);if(l)l(a)}for(r&&r(t);c<i.length;c++)n=i[c],a.o(e,n)&&e[n]&&e[n][0](),e[n]=0},t=this.webpackChunk_tsparticles_plugin_hsv_color=this.webpackChunk_tsparticles_plugin_hsv_color||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})();var i={};async function s(e){e.checkVersion("4.0.0-alpha.8"),await e.register((async e=>{const{HsvColorManager:r}=await a.e(146).then(a.bind(a,146));e.addColorManager(new r)}))}return a.r(i),a.d(i,{loadHsvColorPlugin:()=>s}),i})()));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,e=>(()=>{"use strict";var t,r,o,i={303(t){t.exports=e}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return i[e](r,r.exports,a),r.exports}a.m=i,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s={},a.l=(e,t,r,o)=>{if(s[e])return void s[e].push(t);if(void 0!==r)for(var i,n,l=document.getElementsByTagName("script"),c=0;c<l.length;c++){var p=l[c];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")=="@tsparticles/plugin-hsv-color:"+r){i=p;break}}i||(n=!0,(i=document.createElement("script")).charset="utf-8",a.nc&&i.setAttribute("nonce",a.nc),i.setAttribute("data-webpack","@tsparticles/plugin-hsv-color:"+r),i.src=e),s[e]=[t];var u=(t,r)=>{i.onerror=i.onload=null,clearTimeout(d);var o=s[e];if(delete s[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(e=>e(r)),t)return t(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=u.bind(null,i.onerror),i.onload=u.bind(null,i.onload),n&&document.head.appendChild(i)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(l=a.g.location+"");var s,l,c=a.g.document;if(!l&&c&&(c.currentScript&&"SCRIPT"===c.currentScript.tagName.toUpperCase()&&(l=c.currentScript.src),!l)){var p=c.getElementsByTagName("script");if(p.length)for(var u=p.length-1;u>-1&&(!l||!/^http(s?):/.test(l));)l=p[u--].src}if(!l)throw Error("Automatic publicPath is not supported in this browser");a.p=l=l.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={692:0},a.f.j=(e,r)=>{var o=a.o(t,e)?t[e]:void 0;if(0!==o)if(o)r.push(o[2]);else{var i=new Promise((r,i)=>o=t[e]=[r,i]);r.push(o[2]=i);var n=a.p+a.u(e),s=Error();a.l(n,r=>{if(a.o(t,e)&&(0!==(o=t[e])&&(t[e]=void 0),o)){var i=r&&("load"===r.type?"missing":r.type),n=r&&r.target&&r.target.src;s.message="Loading chunk "+e+` failed.
2
+ (`+i+": "+n+")",s.name="ChunkLoadError",s.type=i,s.request=n,o[1](s)}},"chunk-"+e,e)}},r=(e,r)=>{var o,i,[n,s,l]=r,c=0;if(n.some(e=>0!==t[e])){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);l&&l(a)}for(e&&e(r);c<n.length;c++)i=n[c],a.o(t,i)&&t[i]&&t[i][0](),t[i]=0},(o=this.webpackChunk_tsparticles_plugin_hsv_color=this.webpackChunk_tsparticles_plugin_hsv_color||[]).forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o));var d={};async function f(e){e.checkVersion("4.0.0-beta.0"),await e.register(async e=>{let{HsvColorManager:t}=await a.e(457).then(a.bind(a,457));e.addColorManager("hsv",new t)})}return a.r(d),a.d(d,{loadHsvColorPlugin:()=>f}),d})());
@@ -1,7 +1,5 @@
1
1
  import { type IColor, type IColorManager, type IRangeColor, type IRgb, type IRgba } from "@tsparticles/engine";
2
2
  export declare class HsvColorManager implements IColorManager {
3
- readonly key: string;
4
- constructor();
5
3
  accepts(input: string): boolean;
6
4
  handleColor(color: IColor): IRgb | undefined;
7
5
  handleRangeColor(color: IRangeColor): IRgb | undefined;
@@ -14,22 +14,19 @@
14
14
  const utils_js_1 = require("./utils.js");
15
15
  const hsvRegex = /hsva?\(\s*(\d+)°\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;
16
16
  class HsvColorManager {
17
- constructor() {
18
- this.key = "hsv";
19
- }
20
17
  accepts(input) {
21
18
  return input.startsWith("hsv");
22
19
  }
23
20
  handleColor(color) {
24
21
  const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;
25
- if (!Object.hasOwn(hsvColor, "h") || !Object.hasOwn(hsvColor, "s") || !Object.hasOwn(hsvColor, "v")) {
22
+ if (!("h" in hsvColor) || !("s" in hsvColor) || !("v" in hsvColor)) {
26
23
  return;
27
24
  }
28
25
  return (0, utils_js_1.hsvToRgb)(hsvColor);
29
26
  }
30
27
  handleRangeColor(color) {
31
28
  const colorValue = color.value, hsvColor = colorValue.hsv ?? color.value;
32
- if (!Object.hasOwn(hsvColor, "h") || !Object.hasOwn(hsvColor, "s") || !Object.hasOwn(hsvColor, "v")) {
29
+ if (!("h" in hsvColor) || !("s" in hsvColor) || !("v" in hsvColor)) {
33
30
  return;
34
31
  }
35
32
  return (0, utils_js_1.hsvToRgb)({
package/umd/index.js CHANGED
@@ -45,10 +45,10 @@ var __importStar = (this && this.__importStar) || (function () {
45
45
  Object.defineProperty(exports, "__esModule", { value: true });
46
46
  exports.loadHsvColorPlugin = loadHsvColorPlugin;
47
47
  async function loadHsvColorPlugin(engine) {
48
- engine.checkVersion("4.0.0-alpha.8");
48
+ engine.checkVersion("4.0.0-beta.0");
49
49
  await engine.register(async (e) => {
50
50
  const { HsvColorManager } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./HsvColorManager.js"))) : new Promise((resolve_1, reject_1) => { require(["./HsvColorManager.js"], resolve_1, reject_1); }).then(__importStar));
51
- e.addColorManager(new HsvColorManager());
51
+ e.addColorManager("hsv", new HsvColorManager());
52
52
  });
53
53
  }
54
54
  });
package/146.min.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 146.min.js.LICENSE.txt */
2
- (this.webpackChunk_tsparticles_plugin_hsv_color=this.webpackChunk_tsparticles_plugin_hsv_color||[]).push([[146],{146(s,a,e){e.d(a,{HsvColorManager:()=>h});var t=e(303);function r(s){const a={b:0,g:0,r:0},e=s.h/60,r=s.s/t.percentDenominator,n=s.v/t.percentDenominator,h=n*r,o=h*(1-Math.abs(e%2-1));let c;if(e>=0&&e<=1?c={r:h,g:o,b:0}:e>1&&e<=2?c={r:o,g:h,b:0}:e>2&&e<=3?c={r:0,g:h,b:o}:e>3&&e<=4?c={r:0,g:o,b:h}:e>4&&e<=5?c={r:o,g:0,b:h}:e>5&&e<=6&&(c={r:h,g:0,b:o}),c){const s=n-h;a.r=Math.floor((c.r+s)*t.rgbMax),a.g=Math.floor((c.g+s)*t.rgbMax),a.b=Math.floor((c.b+s)*t.rgbMax)}return a}const n=/hsva?\(\s*(\d+)°\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;class h{constructor(){this.key="hsv"}accepts(s){return s.startsWith("hsv")}handleColor(s){const a=s.value.hsv??s.value;if(Object.hasOwn(a,"h")&&Object.hasOwn(a,"s")&&Object.hasOwn(a,"v"))return r(a)}handleRangeColor(s){const a=s.value.hsv??s.value;if(Object.hasOwn(a,"h")&&Object.hasOwn(a,"s")&&Object.hasOwn(a,"v"))return r({h:(0,t.getRangeValue)(a.h),s:(0,t.getRangeValue)(a.s),v:(0,t.getRangeValue)(a.v)})}parseString(s){if(!this.accepts(s))return;const a=n.exec(s),e=1,h=2,o=3,c=5;return a?{a:(l={a:a.length>4?(0,t.parseAlpha)(a[c]):1,h:parseInt(a[e]??"0",10),s:parseInt(a[h]??"0",10),v:parseInt(a[o]??"0",10)}).a,...r(l)}:void 0;var l}}}}]);
@@ -1 +0,0 @@
1
- /*! tsParticles HSV Color Plugin v4.0.0-alpha.8 by Matteo Bruni */
@@ -1 +0,0 @@
1
- /*! tsParticles HSV Color Plugin v4.0.0-alpha.8 by Matteo Bruni */