@tsparticles/plugin-hsv-color 3.0.2 → 3.1.0

package/browser/HsvColorManager.js

@@ -1,25 +1,31 @@
-import { getRangeValue, getStyleFromHsl, parseAlpha, } from "@tsparticles/engine";
+import { getRangeValue, getStyleFromHsl, parseAlpha, percentDenominator, } from "@tsparticles/engine";
+const rgbFactor = 255, double = 2, half = 0.5;
 export function rgbToHsv(rgb) {
     const rgbPercent = {
-        r: rgb.r / 255,
-        g: rgb.g / 255,
-        b: rgb.b / 255,
+        r: rgb.r / rgbFactor,
+        g: rgb.g / rgbFactor,
+        b: rgb.b / rgbFactor,
     }, xMax = Math.max(rgbPercent.r, rgbPercent.g, rgbPercent.b), xMin = Math.min(rgbPercent.r, rgbPercent.g, rgbPercent.b), v = xMax, c = xMax - xMin;
     let h = 0;
+    const phaseOffset = {
+        r: 0,
+        g: 2,
+        b: 4,
+    }, phaseValue = 60;
     if (v === rgbPercent.r) {
-        h = 60 * ((rgbPercent.g - rgbPercent.b) / c);
+        h = phaseValue * (phaseOffset.r + (rgbPercent.g - rgbPercent.b) / c);
     }
     else if (v === rgbPercent.g) {
-        h = 60 * (2 + (rgbPercent.b - rgbPercent.r) / c);
+        h = phaseValue * (phaseOffset.g + (rgbPercent.b - rgbPercent.r) / c);
     }
     else if (v === rgbPercent.b) {
-        h = 60 * (4 + (rgbPercent.r - rgbPercent.g) / c);
+        h = phaseValue * (phaseOffset.b + (rgbPercent.r - rgbPercent.g) / c);
     }
-    const s = !v ? 0 : c / v;
+    const defaultSaturation = 0, s = !v ? defaultSaturation : c / v;
     return {
         h,
-        s: s * 100,
-        v: v * 100,
+        s: s * percentDenominator,
+        v: v * percentDenominator,
     };
 }
 export function rgbaToHsva(rgba) {
@@ -32,11 +38,11 @@ export function getStyleFromHsv(color, opacity) {
     return getStyleFromHsl(hsvToHsl(color), opacity);
 }
 export function hslToHsv(hsl) {
-    const l = hsl.l / 100, sl = hsl.s / 100, v = l + sl * Math.min(l, 1 - l), sv = !v ? 0 : 2 * (1 - l / v);
+    const l = hsl.l / percentDenominator, sl = hsl.s / percentDenominator, offset = 1, noValue = 0, v = l + sl * Math.min(l, offset - l), sv = !v ? noValue : double * (offset - l / v);
     return {
         h: hsl.h,
-        s: sv * 100,
-        v: v * 100,
+        s: sv * percentDenominator,
+        v: v * percentDenominator,
     };
 }
 export function hslaToHsva(hsla) {
@@ -46,11 +52,11 @@ export function hslaToHsva(hsla) {
     };
 }
 export function hsvToHsl(hsv) {
-    const v = hsv.v / 100, sv = hsv.s / 100, l = v * (1 - sv / 2), sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
+    const v = hsv.v / percentDenominator, sv = hsv.s / percentDenominator, offset = 1, noValue = 0, l = v * (offset - sv * half), sl = !l || l === offset ? noValue : (v - l) / Math.min(l, offset - l);
     return {
         h: hsv.h,
-        l: l * 100,
-        s: sl * 100,
+        l: l * percentDenominator,
+        s: sl * percentDenominator,
     };
 }
 export function hsvaToHsla(hsva) {
@@ -60,48 +66,49 @@ export function hsvaToHsla(hsva) {
     };
 }
 export function hsvToRgb(hsv) {
-    const result = { b: 0, g: 0, r: 0 }, hsvPercent = {
-        h: hsv.h / 60,
-        s: hsv.s / 100,
-        v: hsv.v / 100,
-    }, c = hsvPercent.v * hsvPercent.s, x = c * (1 - Math.abs((hsvPercent.h % 2) - 1));
+    const result = { b: 0, g: 0, r: 0 }, phase = 60, hsvPercent = {
+        h: hsv.h / phase,
+        s: hsv.s / percentDenominator,
+        v: hsv.v / percentDenominator,
+    }, offset = 1, hPercentFactor = 2, c = hsvPercent.v * hsvPercent.s, x = c * (offset - Math.abs((hsvPercent.h % hPercentFactor) - offset));
     let tempRgb;
-    if (hsvPercent.h >= 0 && hsvPercent.h <= 1) {
+    const cxzRange = { min: 0, max: 1 }, xczRange = { min: 1, max: 2 }, zcxRange = { min: 2, max: 3 }, zxcRange = { min: 3, max: 4 }, xzcRange = { min: 4, max: 5 }, czxRange = { min: 5, max: 6 };
+    if (hsvPercent.h >= cxzRange.min && hsvPercent.h <= cxzRange.max) {
         tempRgb = {
             r: c,
             g: x,
             b: 0,
         };
     }
-    else if (hsvPercent.h > 1 && hsvPercent.h <= 2) {
+    else if (hsvPercent.h > xczRange.min && hsvPercent.h <= xczRange.max) {
         tempRgb = {
             r: x,
             g: c,
             b: 0,
         };
     }
-    else if (hsvPercent.h > 2 && hsvPercent.h <= 3) {
+    else if (hsvPercent.h > zcxRange.min && hsvPercent.h <= zcxRange.max) {
         tempRgb = {
             r: 0,
             g: c,
             b: x,
         };
     }
-    else if (hsvPercent.h > 3 && hsvPercent.h <= 4) {
+    else if (hsvPercent.h > zxcRange.min && hsvPercent.h <= zxcRange.max) {
         tempRgb = {
             r: 0,
             g: x,
             b: c,
         };
     }
-    else if (hsvPercent.h > 4 && hsvPercent.h <= 5) {
+    else if (hsvPercent.h > xzcRange.min && hsvPercent.h <= xzcRange.max) {
         tempRgb = {
             r: x,
             g: 0,
             b: c,
         };
     }
-    else if (hsvPercent.h > 5 && hsvPercent.h <= 6) {
+    else if (hsvPercent.h > czxRange.min && hsvPercent.h <= czxRange.max) {
         tempRgb = {
             r: c,
             g: 0,
@@ -110,9 +117,9 @@ export function hsvToRgb(hsv) {
     }
     if (tempRgb) {
         const m = hsvPercent.v - c;
-        result.r = Math.floor((tempRgb.r + m) * 255);
-        result.g = Math.floor((tempRgb.g + m) * 255);
-        result.b = Math.floor((tempRgb.b + m) * 255);
+        result.r = Math.floor((tempRgb.r + m) * rgbFactor);
+        result.g = Math.floor((tempRgb.g + m) * rgbFactor);
+        result.b = Math.floor((tempRgb.b + m) * rgbFactor);
     }
     return result;
 }
@@ -147,13 +154,18 @@ export class HsvColorManager {
         if (!input.startsWith("hsv")) {
             return;
         }
-        const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input);
+        const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input), fullLength = 4, indexes = {
+            h: 1,
+            s: 2,
+            v: 3,
+            a: 5,
+        }, defaultAlpha = 1, radix = 10;
         return result
             ? hsvaToRgba({
-                a: result.length > 4 ? parseAlpha(result[5]) : 1,
-                h: parseInt(result[1], 10),
-                s: parseInt(result[2], 10),
-                v: parseInt(result[3], 10),
+                a: result.length > fullLength ? parseAlpha(result[indexes.a]) : defaultAlpha,
+                h: parseInt(result[indexes.h], radix),
+                s: parseInt(result[indexes.s], radix),
+                v: parseInt(result[indexes.v], radix),
             })
             : undefined;
     }

package/browser/index.js

@@ -2,4 +2,5 @@ import { HsvColorManager } from "./HsvColorManager.js";
 import { addColorManager } from "@tsparticles/engine";
 export async function loadHsvColorPlugin() {
     addColorManager(new HsvColorManager());
+    await Promise.resolve();
 }

package/cjs/HsvColorManager.js

@@ -2,27 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HsvColorManager = exports.hsvaToRgba = exports.hsvToRgb = exports.hsvaToHsla = exports.hsvToHsl = exports.hslaToHsva = exports.hslToHsv = exports.getStyleFromHsv = exports.rgbaToHsva = exports.rgbToHsv = void 0;
 const engine_1 = require("@tsparticles/engine");
+const rgbFactor = 255, double = 2, half = 0.5;
 function rgbToHsv(rgb) {
     const rgbPercent = {
-        r: rgb.r / 255,
-        g: rgb.g / 255,
-        b: rgb.b / 255,
+        r: rgb.r / rgbFactor,
+        g: rgb.g / rgbFactor,
+        b: rgb.b / rgbFactor,
     }, xMax = Math.max(rgbPercent.r, rgbPercent.g, rgbPercent.b), xMin = Math.min(rgbPercent.r, rgbPercent.g, rgbPercent.b), v = xMax, c = xMax - xMin;
     let h = 0;
+    const phaseOffset = {
+        r: 0,
+        g: 2,
+        b: 4,
+    }, phaseValue = 60;
     if (v === rgbPercent.r) {
-        h = 60 * ((rgbPercent.g - rgbPercent.b) / c);
+        h = phaseValue * (phaseOffset.r + (rgbPercent.g - rgbPercent.b) / c);
     }
     else if (v === rgbPercent.g) {
-        h = 60 * (2 + (rgbPercent.b - rgbPercent.r) / c);
+        h = phaseValue * (phaseOffset.g + (rgbPercent.b - rgbPercent.r) / c);
     }
     else if (v === rgbPercent.b) {
-        h = 60 * (4 + (rgbPercent.r - rgbPercent.g) / c);
+        h = phaseValue * (phaseOffset.b + (rgbPercent.r - rgbPercent.g) / c);
     }
-    const s = !v ? 0 : c / v;
+    const defaultSaturation = 0, s = !v ? defaultSaturation : c / v;
     return {
         h,
-        s: s * 100,
-        v: v * 100,
+        s: s * engine_1.percentDenominator,
+        v: v * engine_1.percentDenominator,
     };
 }
 exports.rgbToHsv = rgbToHsv;
@@ -38,11 +44,11 @@ function getStyleFromHsv(color, opacity) {
 }
 exports.getStyleFromHsv = getStyleFromHsv;
 function hslToHsv(hsl) {
-    const l = hsl.l / 100, sl = hsl.s / 100, v = l + sl * Math.min(l, 1 - l), sv = !v ? 0 : 2 * (1 - l / v);
+    const l = hsl.l / engine_1.percentDenominator, sl = hsl.s / engine_1.percentDenominator, offset = 1, noValue = 0, v = l + sl * Math.min(l, offset - l), sv = !v ? noValue : double * (offset - l / v);
     return {
         h: hsl.h,
-        s: sv * 100,
-        v: v * 100,
+        s: sv * engine_1.percentDenominator,
+        v: v * engine_1.percentDenominator,
     };
 }
 exports.hslToHsv = hslToHsv;
@@ -54,11 +60,11 @@ function hslaToHsva(hsla) {
 }
 exports.hslaToHsva = hslaToHsva;
 function hsvToHsl(hsv) {
-    const v = hsv.v / 100, sv = hsv.s / 100, l = v * (1 - sv / 2), sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
+    const v = hsv.v / engine_1.percentDenominator, sv = hsv.s / engine_1.percentDenominator, offset = 1, noValue = 0, l = v * (offset - sv * half), sl = !l || l === offset ? noValue : (v - l) / Math.min(l, offset - l);
     return {
         h: hsv.h,
-        l: l * 100,
-        s: sl * 100,
+        l: l * engine_1.percentDenominator,
+        s: sl * engine_1.percentDenominator,
     };
 }
 exports.hsvToHsl = hsvToHsl;
@@ -70,48 +76,49 @@ function hsvaToHsla(hsva) {
 }
 exports.hsvaToHsla = hsvaToHsla;
 function hsvToRgb(hsv) {
-    const result = { b: 0, g: 0, r: 0 }, hsvPercent = {
-        h: hsv.h / 60,
-        s: hsv.s / 100,
-        v: hsv.v / 100,
-    }, c = hsvPercent.v * hsvPercent.s, x = c * (1 - Math.abs((hsvPercent.h % 2) - 1));
+    const result = { b: 0, g: 0, r: 0 }, phase = 60, hsvPercent = {
+        h: hsv.h / phase,
+        s: hsv.s / engine_1.percentDenominator,
+        v: hsv.v / engine_1.percentDenominator,
+    }, offset = 1, hPercentFactor = 2, c = hsvPercent.v * hsvPercent.s, x = c * (offset - Math.abs((hsvPercent.h % hPercentFactor) - offset));
     let tempRgb;
-    if (hsvPercent.h >= 0 && hsvPercent.h <= 1) {
+    const cxzRange = { min: 0, max: 1 }, xczRange = { min: 1, max: 2 }, zcxRange = { min: 2, max: 3 }, zxcRange = { min: 3, max: 4 }, xzcRange = { min: 4, max: 5 }, czxRange = { min: 5, max: 6 };
+    if (hsvPercent.h >= cxzRange.min && hsvPercent.h <= cxzRange.max) {
         tempRgb = {
             r: c,
             g: x,
             b: 0,
         };
     }
-    else if (hsvPercent.h > 1 && hsvPercent.h <= 2) {
+    else if (hsvPercent.h > xczRange.min && hsvPercent.h <= xczRange.max) {
         tempRgb = {
             r: x,
             g: c,
             b: 0,
         };
     }
-    else if (hsvPercent.h > 2 && hsvPercent.h <= 3) {
+    else if (hsvPercent.h > zcxRange.min && hsvPercent.h <= zcxRange.max) {
         tempRgb = {
             r: 0,
             g: c,
             b: x,
         };
     }
-    else if (hsvPercent.h > 3 && hsvPercent.h <= 4) {
+    else if (hsvPercent.h > zxcRange.min && hsvPercent.h <= zxcRange.max) {
         tempRgb = {
             r: 0,
             g: x,
             b: c,
         };
     }
-    else if (hsvPercent.h > 4 && hsvPercent.h <= 5) {
+    else if (hsvPercent.h > xzcRange.min && hsvPercent.h <= xzcRange.max) {
         tempRgb = {
             r: x,
             g: 0,
             b: c,
         };
     }
-    else if (hsvPercent.h > 5 && hsvPercent.h <= 6) {
+    else if (hsvPercent.h > czxRange.min && hsvPercent.h <= czxRange.max) {
         tempRgb = {
             r: c,
             g: 0,
@@ -120,9 +127,9 @@ function hsvToRgb(hsv) {
     }
     if (tempRgb) {
         const m = hsvPercent.v - c;
-        result.r = Math.floor((tempRgb.r + m) * 255);
-        result.g = Math.floor((tempRgb.g + m) * 255);
-        result.b = Math.floor((tempRgb.b + m) * 255);
+        result.r = Math.floor((tempRgb.r + m) * rgbFactor);
+        result.g = Math.floor((tempRgb.g + m) * rgbFactor);
+        result.b = Math.floor((tempRgb.b + m) * rgbFactor);
     }
     return result;
 }
@@ -159,13 +166,18 @@ class HsvColorManager {
         if (!input.startsWith("hsv")) {
             return;
         }
-        const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input);
+        const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input), fullLength = 4, indexes = {
+            h: 1,
+            s: 2,
+            v: 3,
+            a: 5,
+        }, defaultAlpha = 1, radix = 10;
         return result
             ? hsvaToRgba({
-                a: result.length > 4 ? (0, engine_1.parseAlpha)(result[5]) : 1,
-                h: parseInt(result[1], 10),
-                s: parseInt(result[2], 10),
-                v: parseInt(result[3], 10),
+                a: result.length > fullLength ? (0, engine_1.parseAlpha)(result[indexes.a]) : defaultAlpha,
+                h: parseInt(result[indexes.h], radix),
+                s: parseInt(result[indexes.s], radix),
+                v: parseInt(result[indexes.v], radix),
             })
             : undefined;
     }

package/cjs/index.js

@@ -5,5 +5,6 @@ const HsvColorManager_js_1 = require("./HsvColorManager.js");
 const engine_1 = require("@tsparticles/engine");
 async function loadHsvColorPlugin() {
     (0, engine_1.addColorManager)(new HsvColorManager_js_1.HsvColorManager());
+    await Promise.resolve();
 }
 exports.loadHsvColorPlugin = loadHsvColorPlugin;

package/esm/HsvColorManager.js

@@ -1,25 +1,31 @@
-import { getRangeValue, getStyleFromHsl, parseAlpha, } from "@tsparticles/engine";
+import { getRangeValue, getStyleFromHsl, parseAlpha, percentDenominator, } from "@tsparticles/engine";
+const rgbFactor = 255, double = 2, half = 0.5;
 export function rgbToHsv(rgb) {
     const rgbPercent = {
-        r: rgb.r / 255,
-        g: rgb.g / 255,
-        b: rgb.b / 255,
+        r: rgb.r / rgbFactor,
+        g: rgb.g / rgbFactor,
+        b: rgb.b / rgbFactor,
     }, xMax = Math.max(rgbPercent.r, rgbPercent.g, rgbPercent.b), xMin = Math.min(rgbPercent.r, rgbPercent.g, rgbPercent.b), v = xMax, c = xMax - xMin;
     let h = 0;
+    const phaseOffset = {
+        r: 0,
+        g: 2,
+        b: 4,
+    }, phaseValue = 60;
     if (v === rgbPercent.r) {
-        h = 60 * ((rgbPercent.g - rgbPercent.b) / c);
+        h = phaseValue * (phaseOffset.r + (rgbPercent.g - rgbPercent.b) / c);
     }
     else if (v === rgbPercent.g) {
-        h = 60 * (2 + (rgbPercent.b - rgbPercent.r) / c);
+        h = phaseValue * (phaseOffset.g + (rgbPercent.b - rgbPercent.r) / c);
     }
     else if (v === rgbPercent.b) {
-        h = 60 * (4 + (rgbPercent.r - rgbPercent.g) / c);
+        h = phaseValue * (phaseOffset.b + (rgbPercent.r - rgbPercent.g) / c);
     }
-    const s = !v ? 0 : c / v;
+    const defaultSaturation = 0, s = !v ? defaultSaturation : c / v;
     return {
         h,
-        s: s * 100,
-        v: v * 100,
+        s: s * percentDenominator,
+        v: v * percentDenominator,
     };
 }
 export function rgbaToHsva(rgba) {
@@ -32,11 +38,11 @@ export function getStyleFromHsv(color, opacity) {
     return getStyleFromHsl(hsvToHsl(color), opacity);
 }
 export function hslToHsv(hsl) {
-    const l = hsl.l / 100, sl = hsl.s / 100, v = l + sl * Math.min(l, 1 - l), sv = !v ? 0 : 2 * (1 - l / v);
+    const l = hsl.l / percentDenominator, sl = hsl.s / percentDenominator, offset = 1, noValue = 0, v = l + sl * Math.min(l, offset - l), sv = !v ? noValue : double * (offset - l / v);
     return {
         h: hsl.h,
-        s: sv * 100,
-        v: v * 100,
+        s: sv * percentDenominator,
+        v: v * percentDenominator,
     };
 }
 export function hslaToHsva(hsla) {
@@ -46,11 +52,11 @@ export function hslaToHsva(hsla) {
     };
 }
 export function hsvToHsl(hsv) {
-    const v = hsv.v / 100, sv = hsv.s / 100, l = v * (1 - sv / 2), sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
+    const v = hsv.v / percentDenominator, sv = hsv.s / percentDenominator, offset = 1, noValue = 0, l = v * (offset - sv * half), sl = !l || l === offset ? noValue : (v - l) / Math.min(l, offset - l);
     return {
         h: hsv.h,
-        l: l * 100,
-        s: sl * 100,
+        l: l * percentDenominator,
+        s: sl * percentDenominator,
     };
 }
 export function hsvaToHsla(hsva) {
@@ -60,48 +66,49 @@ export function hsvaToHsla(hsva) {
     };
 }
 export function hsvToRgb(hsv) {
-    const result = { b: 0, g: 0, r: 0 }, hsvPercent = {
-        h: hsv.h / 60,
-        s: hsv.s / 100,
-        v: hsv.v / 100,
-    }, c = hsvPercent.v * hsvPercent.s, x = c * (1 - Math.abs((hsvPercent.h % 2) - 1));
+    const result = { b: 0, g: 0, r: 0 }, phase = 60, hsvPercent = {
+        h: hsv.h / phase,
+        s: hsv.s / percentDenominator,
+        v: hsv.v / percentDenominator,
+    }, offset = 1, hPercentFactor = 2, c = hsvPercent.v * hsvPercent.s, x = c * (offset - Math.abs((hsvPercent.h % hPercentFactor) - offset));
     let tempRgb;
-    if (hsvPercent.h >= 0 && hsvPercent.h <= 1) {
+    const cxzRange = { min: 0, max: 1 }, xczRange = { min: 1, max: 2 }, zcxRange = { min: 2, max: 3 }, zxcRange = { min: 3, max: 4 }, xzcRange = { min: 4, max: 5 }, czxRange = { min: 5, max: 6 };
+    if (hsvPercent.h >= cxzRange.min && hsvPercent.h <= cxzRange.max) {
         tempRgb = {
             r: c,
             g: x,
             b: 0,
         };
     }
-    else if (hsvPercent.h > 1 && hsvPercent.h <= 2) {
+    else if (hsvPercent.h > xczRange.min && hsvPercent.h <= xczRange.max) {
         tempRgb = {
             r: x,
             g: c,
             b: 0,
         };
     }
-    else if (hsvPercent.h > 2 && hsvPercent.h <= 3) {
+    else if (hsvPercent.h > zcxRange.min && hsvPercent.h <= zcxRange.max) {
         tempRgb = {
             r: 0,
             g: c,
             b: x,
         };
     }
-    else if (hsvPercent.h > 3 && hsvPercent.h <= 4) {
+    else if (hsvPercent.h > zxcRange.min && hsvPercent.h <= zxcRange.max) {
         tempRgb = {
             r: 0,
             g: x,
             b: c,
         };
     }
-    else if (hsvPercent.h > 4 && hsvPercent.h <= 5) {
+    else if (hsvPercent.h > xzcRange.min && hsvPercent.h <= xzcRange.max) {
         tempRgb = {
             r: x,
             g: 0,
             b: c,
         };
     }
-    else if (hsvPercent.h > 5 && hsvPercent.h <= 6) {
+    else if (hsvPercent.h > czxRange.min && hsvPercent.h <= czxRange.max) {
         tempRgb = {
             r: c,
             g: 0,
@@ -110,9 +117,9 @@ export function hsvToRgb(hsv) {
     }
     if (tempRgb) {
         const m = hsvPercent.v - c;
-        result.r = Math.floor((tempRgb.r + m) * 255);
-        result.g = Math.floor((tempRgb.g + m) * 255);
-        result.b = Math.floor((tempRgb.b + m) * 255);
+        result.r = Math.floor((tempRgb.r + m) * rgbFactor);
+        result.g = Math.floor((tempRgb.g + m) * rgbFactor);
+        result.b = Math.floor((tempRgb.b + m) * rgbFactor);
     }
     return result;
 }
@@ -147,13 +154,18 @@ export class HsvColorManager {
         if (!input.startsWith("hsv")) {
             return;
         }
-        const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input);
+        const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input), fullLength = 4, indexes = {
+            h: 1,
+            s: 2,
+            v: 3,
+            a: 5,
+        }, defaultAlpha = 1, radix = 10;
         return result
             ? hsvaToRgba({
-                a: result.length > 4 ? parseAlpha(result[5]) : 1,
-                h: parseInt(result[1], 10),
-                s: parseInt(result[2], 10),
-                v: parseInt(result[3], 10),
+                a: result.length > fullLength ? parseAlpha(result[indexes.a]) : defaultAlpha,
+                h: parseInt(result[indexes.h], radix),
+                s: parseInt(result[indexes.s], radix),
+                v: parseInt(result[indexes.v], radix),
             })
             : undefined;
     }

package/esm/index.js

@@ -2,4 +2,5 @@ import { HsvColorManager } from "./HsvColorManager.js";
 import { addColorManager } from "@tsparticles/engine";
 export async function loadHsvColorPlugin() {
     addColorManager(new HsvColorManager());
+    await Promise.resolve();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-hsv-color",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "description": "tsParticles HSV color plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,7 +100,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.2"
+    "@tsparticles/engine": "^3.1.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/plugin-hsv-color [6 Dec 2023 at 17:43]</title>
+    <title>@tsparticles/plugin-hsv-color [13 Jan 2024 at 23:04]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>
@@ -31,7 +31,7 @@
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"tsparticles.plugin.hsvColor.js","isAsset":true,"statSize":4128,"parsedSize":7878,"gzipSize":2380,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":4086,"groups":[{"id":542,"label":"index.js + 1 modules (concatenated)","path":"./dist/browser/index.js + 1 modules (concatenated)","statSize":4086,"parsedSize":7877,"gzipSize":2380,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser","statSize":4086,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/index.js","statSize":199,"parsedSize":383,"gzipSize":115,"inaccurateSizes":true},{"id":null,"label":"HsvColorManager.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/HsvColorManager.js","statSize":3887,"parsedSize":7493,"gzipSize":2264,"inaccurateSizes":true}],"parsedSize":7877,"gzipSize":2380,"inaccurateSizes":true}]}],"parsedSize":7877,"gzipSize":2380},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.plugin.hsvColor":true}}];
+      window.chartData = [{"label":"tsparticles.plugin.hsvColor.js","isAsset":true,"statSize":5473,"parsedSize":9275,"gzipSize":2663,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":5431,"groups":[{"id":399,"label":"index.js + 1 modules (concatenated)","path":"./dist/browser/index.js + 1 modules (concatenated)","statSize":5431,"parsedSize":9274,"gzipSize":2663,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser","statSize":5431,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/index.js","statSize":226,"parsedSize":385,"gzipSize":110,"inaccurateSizes":true},{"id":null,"label":"HsvColorManager.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/HsvColorManager.js","statSize":5205,"parsedSize":8888,"gzipSize":2552,"inaccurateSizes":true}],"parsedSize":9274,"gzipSize":2663,"inaccurateSizes":true}]}],"parsedSize":9274,"gzipSize":2663},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.plugin.hsvColor":true}}];
       window.entrypoints = ["tsparticles.plugin.hsvColor","tsparticles.plugin.hsvColor.min"];
       window.defaultSizes = "parsed";
     </script>

package/tsparticles.plugin.hsvColor.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
- * v3.0.2
+ * v3.1.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -98,29 +98,39 @@ __webpack_require__.d(__webpack_exports__, {
 var engine_root_window_ = __webpack_require__(533);
 ;// CONCATENATED MODULE: ./dist/browser/HsvColorManager.js
 
+const rgbFactor = 255,
+  HsvColorManager_double = 2,
+  half = 0.5;
 function rgbToHsv(rgb) {
   const rgbPercent = {
-      r: rgb.r / 255,
-      g: rgb.g / 255,
-      b: rgb.b / 255
+      r: rgb.r / rgbFactor,
+      g: rgb.g / rgbFactor,
+      b: rgb.b / rgbFactor
     },
     xMax = Math.max(rgbPercent.r, rgbPercent.g, rgbPercent.b),
     xMin = Math.min(rgbPercent.r, rgbPercent.g, rgbPercent.b),
     v = xMax,
     c = xMax - xMin;
   let h = 0;
+  const phaseOffset = {
+      r: 0,
+      g: 2,
+      b: 4
+    },
+    phaseValue = 60;
   if (v === rgbPercent.r) {
-    h = 60 * ((rgbPercent.g - rgbPercent.b) / c);
+    h = phaseValue * (phaseOffset.r + (rgbPercent.g - rgbPercent.b) / c);
   } else if (v === rgbPercent.g) {
-    h = 60 * (2 + (rgbPercent.b - rgbPercent.r) / c);
+    h = phaseValue * (phaseOffset.g + (rgbPercent.b - rgbPercent.r) / c);
   } else if (v === rgbPercent.b) {
-    h = 60 * (4 + (rgbPercent.r - rgbPercent.g) / c);
+    h = phaseValue * (phaseOffset.b + (rgbPercent.r - rgbPercent.g) / c);
   }
-  const s = !v ? 0 : c / v;
+  const defaultSaturation = 0,
+    s = !v ? defaultSaturation : c / v;
   return {
     h,
-    s: s * 100,
-    v: v * 100
+    s: s * percentDenominator,
+    v: v * percentDenominator
   };
 }
 function rgbaToHsva(rgba) {
@@ -133,14 +143,16 @@ function getStyleFromHsv(color, opacity) {
   return getStyleFromHsl(hsvToHsl(color), opacity);
 }
 function hslToHsv(hsl) {
-  const l = hsl.l / 100,
-    sl = hsl.s / 100,
-    v = l + sl * Math.min(l, 1 - l),
-    sv = !v ? 0 : 2 * (1 - l / v);
+  const l = hsl.l / percentDenominator,
+    sl = hsl.s / percentDenominator,
+    offset = 1,
+    noValue = 0,
+    v = l + sl * Math.min(l, offset - l),
+    sv = !v ? noValue : HsvColorManager_double * (offset - l / v);
   return {
     h: hsl.h,
-    s: sv * 100,
-    v: v * 100
+    s: sv * percentDenominator,
+    v: v * percentDenominator
   };
 }
 function hslaToHsva(hsla) {
@@ -150,14 +162,16 @@ function hslaToHsva(hsla) {
   };
 }
 function hsvToHsl(hsv) {
-  const v = hsv.v / 100,
-    sv = hsv.s / 100,
-    l = v * (1 - sv / 2),
-    sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
+  const v = hsv.v / percentDenominator,
+    sv = hsv.s / percentDenominator,
+    offset = 1,
+    noValue = 0,
+    l = v * (offset - sv * half),
+    sl = !l || l === offset ? noValue : (v - l) / Math.min(l, offset - l);
   return {
     h: hsv.h,
-    l: l * 100,
-    s: sl * 100
+    l: l * percentDenominator,
+    s: sl * percentDenominator
   };
 }
 function hsvaToHsla(hsva) {
@@ -172,45 +186,72 @@ function hsvToRgb(hsv) {
       g: 0,
       r: 0
     },
+    phase = 60,
     hsvPercent = {
-      h: hsv.h / 60,
-      s: hsv.s / 100,
-      v: hsv.v / 100
+      h: hsv.h / phase,
+      s: hsv.s / engine_root_window_.percentDenominator,
+      v: hsv.v / engine_root_window_.percentDenominator
     },
+    offset = 1,
+    hPercentFactor = 2,
     c = hsvPercent.v * hsvPercent.s,
-    x = c * (1 - Math.abs(hsvPercent.h % 2 - 1));
+    x = c * (offset - Math.abs(hsvPercent.h % hPercentFactor - offset));
   let tempRgb;
-  if (hsvPercent.h >= 0 && hsvPercent.h <= 1) {
+  const cxzRange = {
+      min: 0,
+      max: 1
+    },
+    xczRange = {
+      min: 1,
+      max: 2
+    },
+    zcxRange = {
+      min: 2,
+      max: 3
+    },
+    zxcRange = {
+      min: 3,
+      max: 4
+    },
+    xzcRange = {
+      min: 4,
+      max: 5
+    },
+    czxRange = {
+      min: 5,
+      max: 6
+    };
+  if (hsvPercent.h >= cxzRange.min && hsvPercent.h <= cxzRange.max) {
     tempRgb = {
       r: c,
       g: x,
       b: 0
     };
-  } else if (hsvPercent.h > 1 && hsvPercent.h <= 2) {
+  } else if (hsvPercent.h > xczRange.min && hsvPercent.h <= xczRange.max) {
     tempRgb = {
       r: x,
       g: c,
       b: 0
     };
-  } else if (hsvPercent.h > 2 && hsvPercent.h <= 3) {
+  } else if (hsvPercent.h > zcxRange.min && hsvPercent.h <= zcxRange.max) {
     tempRgb = {
       r: 0,
       g: c,
       b: x
     };
-  } else if (hsvPercent.h > 3 && hsvPercent.h <= 4) {
+  } else if (hsvPercent.h > zxcRange.min && hsvPercent.h <= zxcRange.max) {
     tempRgb = {
       r: 0,
       g: x,
       b: c
     };
-  } else if (hsvPercent.h > 4 && hsvPercent.h <= 5) {
+  } else if (hsvPercent.h > xzcRange.min && hsvPercent.h <= xzcRange.max) {
     tempRgb = {
       r: x,
       g: 0,
       b: c
     };
-  } else if (hsvPercent.h > 5 && hsvPercent.h <= 6) {
+  } else if (hsvPercent.h > czxRange.min && hsvPercent.h <= czxRange.max) {
     tempRgb = {
       r: c,
       g: 0,
@@ -219,9 +260,9 @@ function hsvToRgb(hsv) {
   }
   if (tempRgb) {
     const m = hsvPercent.v - c;
-    result.r = Math.floor((tempRgb.r + m) * 255);
-    result.g = Math.floor((tempRgb.g + m) * 255);
-    result.b = Math.floor((tempRgb.b + m) * 255);
+    result.r = Math.floor((tempRgb.r + m) * rgbFactor);
+    result.g = Math.floor((tempRgb.g + m) * rgbFactor);
+    result.b = Math.floor((tempRgb.b + m) * rgbFactor);
   }
   return result;
 }
@@ -259,12 +300,21 @@ class HsvColorManager {
       return;
     }
     const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i,
-      result = regex.exec(input);
+      result = regex.exec(input),
+      fullLength = 4,
+      indexes = {
+        h: 1,
+        s: 2,
+        v: 3,
+        a: 5
+      },
+      defaultAlpha = 1,
+      radix = 10;
     return result ? hsvaToRgba({
-      a: result.length > 4 ? (0,engine_root_window_.parseAlpha)(result[5]) : 1,
-      h: parseInt(result[1], 10),
-      s: parseInt(result[2], 10),
-      v: parseInt(result[3], 10)
+      a: result.length > fullLength ? (0,engine_root_window_.parseAlpha)(result[indexes.a]) : defaultAlpha,
+      h: parseInt(result[indexes.h], radix),
+      s: parseInt(result[indexes.s], radix),
+      v: parseInt(result[indexes.v], radix)
     }) : undefined;
   }
 }
@@ -273,6 +323,7 @@ class HsvColorManager {
 
 async function loadHsvColorPlugin() {
   (0,engine_root_window_.addColorManager)(new HsvColorManager());
+  await Promise.resolve();
 }
 })();
 

package/tsparticles.plugin.hsvColor.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.plugin.hsvColor.min.js.LICENSE.txt */
-!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=>(()=>{"use strict";var r={533:r=>{r.exports=e}},t={};function o(e){var s=t[e];if(void 0!==s)return s.exports;var n=t[e]={exports:{}};return r[e](n,n.exports,o),n.exports}o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{o.r(s),o.d(s,{loadHsvColorPlugin:()=>n});var e=o(533);function r(e){const r={b:0,g:0,r:0},t=e.h/60,o=e.s/100,s=e.v/100,n=s*o,a=n*(1-Math.abs(t%2-1));let i;if(t>=0&&t<=1?i={r:n,g:a,b:0}:t>1&&t<=2?i={r:a,g:n,b:0}:t>2&&t<=3?i={r:0,g:n,b:a}:t>3&&t<=4?i={r:0,g:a,b:n}:t>4&&t<=5?i={r:a,g:0,b:n}:t>5&&t<=6&&(i={r:n,g:0,b:a}),i){const e=s-n;r.r=Math.floor(255*(i.r+e)),r.g=Math.floor(255*(i.g+e)),r.b=Math.floor(255*(i.b+e))}return r}class t{constructor(){this.key="hsv",this.stringPrefix="hsv"}handleColor(e){const t=e.value.hsv??e.value;if(void 0!==t.h&&void 0!==t.v)return r(t)}handleRangeColor(t){const o=t.value.hsv??t.value;if(void 0!==o.h&&void 0!==o.v)return r({h:(0,e.getRangeValue)(o.h),s:(0,e.getRangeValue)(o.s),v:(0,e.getRangeValue)(o.v)})}parseString(t){if(!t.startsWith("hsv"))return;const o=/hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i.exec(t);return o?{a:(s={a:o.length>4?(0,e.parseAlpha)(o[5]):1,h:parseInt(o[1],10),s:parseInt(o[2],10),v:parseInt(o[3],10)}).a,...r(s)}:void 0;var s}}async function n(){(0,e.addColorManager)(new t)}})(),s})()));
+!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=>(()=>{"use strict";var r={533:r=>{r.exports=e}},t={};function o(e){var n=t[e];if(void 0!==n)return n.exports;var s=t[e]={exports:{}};return r[e](s,s.exports,o),s.exports}o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{loadHsvColorPlugin:()=>a});var e=o(533);const r=255;function t(t){const o={b:0,g:0,r:0},n=t.h/60,s=t.s/e.percentDenominator,a=t.v/e.percentDenominator,i=a*s,l=i*(1-Math.abs(n%2-1));let v;if(n>=0&&n<=1?v={r:i,g:l,b:0}:n>1&&n<=2?v={r:l,g:i,b:0}:n>2&&n<=3?v={r:0,g:i,b:l}:n>3&&n<=4?v={r:0,g:l,b:i}:n>4&&n<=5?v={r:l,g:0,b:i}:n>5&&n<=6&&(v={r:i,g:0,b:l}),v){const e=a-i;o.r=Math.floor((v.r+e)*r),o.g=Math.floor((v.g+e)*r),o.b=Math.floor((v.b+e)*r)}return o}class s{constructor(){this.key="hsv",this.stringPrefix="hsv"}handleColor(e){const r=e.value.hsv??e.value;if(void 0!==r.h&&void 0!==r.v)return t(r)}handleRangeColor(r){const o=r.value.hsv??r.value;if(void 0!==o.h&&void 0!==o.v)return t({h:(0,e.getRangeValue)(o.h),s:(0,e.getRangeValue)(o.s),v:(0,e.getRangeValue)(o.v)})}parseString(r){if(!r.startsWith("hsv"))return;const o=/hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i.exec(r),n=1,s=2,a=3,i=5;return o?{a:(l={a:o.length>4?(0,e.parseAlpha)(o[i]):1,h:parseInt(o[n],10),s:parseInt(o[s],10),v:parseInt(o[a],10)}).a,...t(l)}:void 0;var l}}async function a(){(0,e.addColorManager)(new s),await Promise.resolve()}})(),n})()));

package/tsparticles.plugin.hsvColor.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles HSV Color Plugin v3.0.2 by Matteo Bruni */
+/*! tsParticles HSV Color Plugin v3.1.0 by Matteo Bruni */

package/umd/HsvColorManager.js

@@ -11,27 +11,33 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.HsvColorManager = exports.hsvaToRgba = exports.hsvToRgb = exports.hsvaToHsla = exports.hsvToHsl = exports.hslaToHsva = exports.hslToHsv = exports.getStyleFromHsv = exports.rgbaToHsva = exports.rgbToHsv = void 0;
     const engine_1 = require("@tsparticles/engine");
+    const rgbFactor = 255, double = 2, half = 0.5;
     function rgbToHsv(rgb) {
         const rgbPercent = {
-            r: rgb.r / 255,
-            g: rgb.g / 255,
-            b: rgb.b / 255,
+            r: rgb.r / rgbFactor,
+            g: rgb.g / rgbFactor,
+            b: rgb.b / rgbFactor,
         }, xMax = Math.max(rgbPercent.r, rgbPercent.g, rgbPercent.b), xMin = Math.min(rgbPercent.r, rgbPercent.g, rgbPercent.b), v = xMax, c = xMax - xMin;
         let h = 0;
+        const phaseOffset = {
+            r: 0,
+            g: 2,
+            b: 4,
+        }, phaseValue = 60;
         if (v === rgbPercent.r) {
-            h = 60 * ((rgbPercent.g - rgbPercent.b) / c);
+            h = phaseValue * (phaseOffset.r + (rgbPercent.g - rgbPercent.b) / c);
         }
         else if (v === rgbPercent.g) {
-            h = 60 * (2 + (rgbPercent.b - rgbPercent.r) / c);
+            h = phaseValue * (phaseOffset.g + (rgbPercent.b - rgbPercent.r) / c);
         }
         else if (v === rgbPercent.b) {
-            h = 60 * (4 + (rgbPercent.r - rgbPercent.g) / c);
+            h = phaseValue * (phaseOffset.b + (rgbPercent.r - rgbPercent.g) / c);
         }
-        const s = !v ? 0 : c / v;
+        const defaultSaturation = 0, s = !v ? defaultSaturation : c / v;
         return {
             h,
-            s: s * 100,
-            v: v * 100,
+            s: s * engine_1.percentDenominator,
+            v: v * engine_1.percentDenominator,
         };
     }
     exports.rgbToHsv = rgbToHsv;
@@ -47,11 +53,11 @@
     }
     exports.getStyleFromHsv = getStyleFromHsv;
     function hslToHsv(hsl) {
-        const l = hsl.l / 100, sl = hsl.s / 100, v = l + sl * Math.min(l, 1 - l), sv = !v ? 0 : 2 * (1 - l / v);
+        const l = hsl.l / engine_1.percentDenominator, sl = hsl.s / engine_1.percentDenominator, offset = 1, noValue = 0, v = l + sl * Math.min(l, offset - l), sv = !v ? noValue : double * (offset - l / v);
         return {
             h: hsl.h,
-            s: sv * 100,
-            v: v * 100,
+            s: sv * engine_1.percentDenominator,
+            v: v * engine_1.percentDenominator,
         };
     }
     exports.hslToHsv = hslToHsv;
@@ -63,11 +69,11 @@
     }
     exports.hslaToHsva = hslaToHsva;
     function hsvToHsl(hsv) {
-        const v = hsv.v / 100, sv = hsv.s / 100, l = v * (1 - sv / 2), sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
+        const v = hsv.v / engine_1.percentDenominator, sv = hsv.s / engine_1.percentDenominator, offset = 1, noValue = 0, l = v * (offset - sv * half), sl = !l || l === offset ? noValue : (v - l) / Math.min(l, offset - l);
         return {
             h: hsv.h,
-            l: l * 100,
-            s: sl * 100,
+            l: l * engine_1.percentDenominator,
+            s: sl * engine_1.percentDenominator,
         };
     }
     exports.hsvToHsl = hsvToHsl;
@@ -79,48 +85,49 @@
     }
     exports.hsvaToHsla = hsvaToHsla;
     function hsvToRgb(hsv) {
-        const result = { b: 0, g: 0, r: 0 }, hsvPercent = {
-            h: hsv.h / 60,
-            s: hsv.s / 100,
-            v: hsv.v / 100,
-        }, c = hsvPercent.v * hsvPercent.s, x = c * (1 - Math.abs((hsvPercent.h % 2) - 1));
+        const result = { b: 0, g: 0, r: 0 }, phase = 60, hsvPercent = {
+            h: hsv.h / phase,
+            s: hsv.s / engine_1.percentDenominator,
+            v: hsv.v / engine_1.percentDenominator,
+        }, offset = 1, hPercentFactor = 2, c = hsvPercent.v * hsvPercent.s, x = c * (offset - Math.abs((hsvPercent.h % hPercentFactor) - offset));
         let tempRgb;
-        if (hsvPercent.h >= 0 && hsvPercent.h <= 1) {
+        const cxzRange = { min: 0, max: 1 }, xczRange = { min: 1, max: 2 }, zcxRange = { min: 2, max: 3 }, zxcRange = { min: 3, max: 4 }, xzcRange = { min: 4, max: 5 }, czxRange = { min: 5, max: 6 };
+        if (hsvPercent.h >= cxzRange.min && hsvPercent.h <= cxzRange.max) {
             tempRgb = {
                 r: c,
                 g: x,
                 b: 0,
             };
         }
-        else if (hsvPercent.h > 1 && hsvPercent.h <= 2) {
+        else if (hsvPercent.h > xczRange.min && hsvPercent.h <= xczRange.max) {
             tempRgb = {
                 r: x,
                 g: c,
                 b: 0,
             };
         }
-        else if (hsvPercent.h > 2 && hsvPercent.h <= 3) {
+        else if (hsvPercent.h > zcxRange.min && hsvPercent.h <= zcxRange.max) {
             tempRgb = {
                 r: 0,
                 g: c,
                 b: x,
             };
         }
-        else if (hsvPercent.h > 3 && hsvPercent.h <= 4) {
+        else if (hsvPercent.h > zxcRange.min && hsvPercent.h <= zxcRange.max) {
             tempRgb = {
                 r: 0,
                 g: x,
                 b: c,
             };
         }
-        else if (hsvPercent.h > 4 && hsvPercent.h <= 5) {
+        else if (hsvPercent.h > xzcRange.min && hsvPercent.h <= xzcRange.max) {
             tempRgb = {
                 r: x,
                 g: 0,
                 b: c,
             };
         }
-        else if (hsvPercent.h > 5 && hsvPercent.h <= 6) {
+        else if (hsvPercent.h > czxRange.min && hsvPercent.h <= czxRange.max) {
             tempRgb = {
                 r: c,
                 g: 0,
@@ -129,9 +136,9 @@
         }
         if (tempRgb) {
             const m = hsvPercent.v - c;
-            result.r = Math.floor((tempRgb.r + m) * 255);
-            result.g = Math.floor((tempRgb.g + m) * 255);
-            result.b = Math.floor((tempRgb.b + m) * 255);
+            result.r = Math.floor((tempRgb.r + m) * rgbFactor);
+            result.g = Math.floor((tempRgb.g + m) * rgbFactor);
+            result.b = Math.floor((tempRgb.b + m) * rgbFactor);
         }
         return result;
     }
@@ -168,13 +175,18 @@
             if (!input.startsWith("hsv")) {
                 return;
             }
-            const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input);
+            const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input), fullLength = 4, indexes = {
+                h: 1,
+                s: 2,
+                v: 3,
+                a: 5,
+            }, defaultAlpha = 1, radix = 10;
             return result
                 ? hsvaToRgba({
-                    a: result.length > 4 ? (0, engine_1.parseAlpha)(result[5]) : 1,
-                    h: parseInt(result[1], 10),
-                    s: parseInt(result[2], 10),
-                    v: parseInt(result[3], 10),
+                    a: result.length > fullLength ? (0, engine_1.parseAlpha)(result[indexes.a]) : defaultAlpha,
+                    h: parseInt(result[indexes.h], radix),
+                    s: parseInt(result[indexes.s], radix),
+                    v: parseInt(result[indexes.v], radix),
                 })
                 : undefined;
         }

package/umd/index.js

@@ -14,6 +14,7 @@
     const engine_1 = require("@tsparticles/engine");
     async function loadHsvColorPlugin() {
         (0, engine_1.addColorManager)(new HsvColorManager_js_1.HsvColorManager());
+        await Promise.resolve();
     }
     exports.loadHsvColorPlugin = loadHsvColorPlugin;
 });