@tsparticles/plugin-lch-color 4.0.0-alpha.0

package/904.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 904.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_lch_color=this.webpackChunk_tsparticles_plugin_lch_color||[]).push([[904],{904(a,e,t){t.d(e,{LchColorManager:()=>k});var c=t(303);const s=255,r=.95047,l=1,n=1.08883,h=216/24389,o=24389/27,u=16,i=116,p=500,d=200,g={x:3.2404542,y:-1.5371385,z:-.4985314},O={x:-.969266,y:1.8760108,z:.041556},b={x:.0556434,y:-.2040259,z:1.0572252},v=2.4,w=.0031308,_=12.92,x=1.055,y=.055;function j(a){const e=a.l,t=a.c,j=(0,c.degToRad)(a.h),z=t*Math.cos(j),k=t*Math.sin(j),C=(e+u)/i,M=C+z/p,R=C-k/d,f=M**3,F=R**3,V=(f>h?f:(i*M-u)/o)*r,m=(e>o*h?C**3:e/o)*l,A=(F>h?F:(i*R-u)/o)*n,L=g.x*V+g.y*m+g.z*A,N=O.x*V+O.y*m+O.z*A,S=b.x*V+b.y*m+b.z*A,T=a=>{return Math.round((0,c.clamp)((e=a)<=w?_*e:x*Math.pow(e,c.inverseFactorNumerator/v)-y,0,1)*s);var e};return{r:T(L),g:T(N),b:T(S)}}const z=/lch\(\s*(\d+(\.\d+)?)%\s+(\d+(\.\d+)?)\s+(\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i;class k{constructor(){this.key="lch"}accepts(a){return a.startsWith("lch")}handleColor(a){const e=a.value.lch??a.value;if(Object.hasOwn(e,"l")||Object.hasOwn(e,"c")||Object.hasOwn(e,"h"))return j(e)}handleRangeColor(a){const e=a.value.lch??a.value;if(Object.hasOwn(e,"l")||Object.hasOwn(e,"c")||Object.hasOwn(e,"h"))return j({l:(0,c.getRangeValue)(e.l),c:(0,c.getRangeValue)(e.c),h:(0,c.getRangeValue)(e.h)})}parseString(a){if(!this.accepts(a))return;const e=z.exec(a),t=1,s=3,r=5,l=7;return e?{a:(n={a:e[l]?(0,c.parseAlpha)(e[l]):1,c:parseFloat(e[s]??"0"),h:parseFloat(e[r]??"0"),l:parseFloat(e[t]??"0")}).a,...j(n)}:void 0;var n}}}}]);

package/904.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles LCH Color Plugin v4.0.0-alpha.0 by Matteo Bruni */

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Matteo Bruni
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,74 @@
+[![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
+
+# tsParticles LCH Color Plugin
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/plugin-lch-color/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/plugin-lch-color)
+[![npmjs](https://badge.fury.io/js/@tsparticles/plugin-lch-color.svg)](https://www.npmjs.com/package/@tsparticles/plugin-lch-color)
+[![npmjs](https://img.shields.io/npm/dt/@tsparticles/plugin-lch-color)](https://www.npmjs.com/package/@tsparticles/plugin-lch-color) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+
+[tsParticles](https://github.com/tsparticles/tsparticles) plugin for adding the LCH color support.
+
+## How to use it
+
+### CDN / Vanilla JS / jQuery
+
+The CDN/Vanilla version JS has one required file in vanilla configuration:
+
+Including the `tsparticles.plugin.lchColor.min.js` file will export the function to load the plugin:
+
+```text
+loadLchColorPlugin
+```
+
+### Usage
+
+Once the scripts are loaded you can set up `tsParticles` and the plugin like this:
+
+```javascript
+(async () => {
+  await loadLchColorPlugin();
+
+  await tsParticles.load({
+    id: "tsparticles",
+    options: {
+      /* options */
+    },
+  });
+})();
+```
+
+### ESM / CommonJS
+
+This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:
+
+```shell
+$ npm install @tsparticles/plugin-lch-color
+```
+
+or
+
+```shell
+$ yarn add @tsparticles/plugin-lch-color
+```
+
+Then you need to import it in the app, like this:
+
+```javascript
+const { tsParticles } = require("@tsparticles/engine");
+const { loadLchColorPlugin } = require("@tsparticles/plugin-lch-color");
+
+(async () => {
+  await loadLchColorPlugin();
+})();
+```
+
+or
+
+```javascript
+import { tsParticles } from "@tsparticles/engine";
+import { loadLchColorPlugin } from "@tsparticles/plugin-lch-color";
+
+(async () => {
+  await loadLchColorPlugin();
+})();
+```

package/browser/LchColorManager.js

@@ -0,0 +1,48 @@
+import { getRangeValue, parseAlpha, } from "@tsparticles/engine";
+import { lchToRgb, lchaToRgba } from "./utils.js";
+const lchRegex = /lch\(\s*(\d+(\.\d+)?)%\s+(\d+(\.\d+)?)\s+(\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i;
+export class LchColorManager {
+    constructor() {
+        this.key = "lch";
+    }
+    accepts(input) {
+        return input.startsWith("lch");
+    }
+    handleColor(color) {
+        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;
+        if (!Object.hasOwn(lchColor, "l") && !Object.hasOwn(lchColor, "c") && !Object.hasOwn(lchColor, "h")) {
+            return;
+        }
+        return lchToRgb(lchColor);
+    }
+    handleRangeColor(color) {
+        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;
+        if (!Object.hasOwn(lchColor, "l") && !Object.hasOwn(lchColor, "c") && !Object.hasOwn(lchColor, "h")) {
+            return;
+        }
+        return lchToRgb({
+            l: getRangeValue(lchColor.l),
+            c: getRangeValue(lchColor.c),
+            h: getRangeValue(lchColor.h),
+        });
+    }
+    parseString(input) {
+        if (!this.accepts(input)) {
+            return;
+        }
+        const result = lchRegex.exec(input), indexes = {
+            l: 1,
+            c: 3,
+            h: 5,
+            a: 7,
+        }, defaultAlpha = 1;
+        return result
+            ? lchaToRgba({
+                a: result[indexes.a] ? parseAlpha(result[indexes.a]) : defaultAlpha,
+                c: parseFloat(result[indexes.c] ?? "0"),
+                h: parseFloat(result[indexes.h] ?? "0"),
+                l: parseFloat(result[indexes.l] ?? "0"),
+            })
+            : undefined;
+    }
+}

package/browser/index.js

@@ -0,0 +1,7 @@
+export function loadLchColorPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { LchColorManager } = await import("./LchColorManager.js");
+        e.addColorManager(new LchColorManager());
+    });
+}

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/browser/utils.js

@@ -0,0 +1,54 @@
+import { clamp, degToRad, inverseFactorNumerator, } from "@tsparticles/engine";
+const RGB = {
+    MAX: 255,
+}, WHITE_POINT_D65 = {
+    X: 0.95047,
+    Y: 1.0,
+    Z: 1.08883,
+}, CIE = {
+    LAB_EPSILON_NUMERATOR: 216,
+    LAB_EPSILON_DENOMINATOR: 24389,
+    LAB_KAPPA_NUMERATOR: 24389,
+    LAB_KAPPA_DENOMINATOR: 27,
+    LAB_L_OFFSET: 16,
+    LAB_L_SCALE: 116,
+    LAB_A_SCALE: 500,
+    LAB_B_SCALE: 200,
+}, LAB = {
+    EPSILON: CIE.LAB_EPSILON_NUMERATOR / CIE.LAB_EPSILON_DENOMINATOR,
+    KAPPA: CIE.LAB_KAPPA_NUMERATOR / CIE.LAB_KAPPA_DENOMINATOR,
+    L_OFFSET: CIE.LAB_L_OFFSET,
+    L_SCALE: CIE.LAB_L_SCALE,
+    A_SCALE: CIE.LAB_A_SCALE,
+    B_SCALE: CIE.LAB_B_SCALE,
+}, XYZ_TO_LINEAR_RGB = {
+    r: { x: 3.2404542, y: -1.5371385, z: -0.4985314 },
+    g: { x: -0.969266, y: 1.8760108, z: 0.041556 },
+    b: { x: 0.0556434, y: -0.2040259, z: 1.0572252 },
+}, SRGB = {
+    GAMMA: 2.4,
+    LINEAR_THRESHOLD: 0.0031308,
+    LINEAR_SCALE: 12.92,
+    SCALE: 1.055,
+    OFFSET: 0.055,
+}, minSrgbValue = 0, maxSrgbValue = 1;
+export function lchToRgb(lch) {
+    const L = lch.l, C = lch.c, hRad = 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, inverseFactorNumerator / SRGB.GAMMA) - SRGB.OFFSET, toSrgbFixed = num => Math.round(clamp(toSrgb(num), minSrgbValue, maxSrgbValue) * RGB.MAX);
+    return {
+        r: toSrgbFixed(rLinear),
+        g: toSrgbFixed(gLinear),
+        b: toSrgbFixed(bLinear),
+    };
+}
+export function lchaToRgba(lcha) {
+    return {
+        a: lcha.a,
+        ...lchToRgb(lcha),
+    };
+}
+export function getStyleFromLch(color, opacity) {
+    const { l, c, h } = color, alpha = opacity !== undefined ? `/ ${opacity.toString()}` : "";
+    return `lch(${l.toString()}%, ${c.toString()}%, ${h.toString()}°${alpha})`;
+}

package/cjs/LchColorManager.js

@@ -0,0 +1,48 @@
+import { getRangeValue, parseAlpha, } from "@tsparticles/engine";
+import { lchToRgb, lchaToRgba } from "./utils.js";
+const lchRegex = /lch\(\s*(\d+(\.\d+)?)%\s+(\d+(\.\d+)?)\s+(\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i;
+export class LchColorManager {
+    constructor() {
+        this.key = "lch";
+    }
+    accepts(input) {
+        return input.startsWith("lch");
+    }
+    handleColor(color) {
+        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;
+        if (!Object.hasOwn(lchColor, "l") && !Object.hasOwn(lchColor, "c") && !Object.hasOwn(lchColor, "h")) {
+            return;
+        }
+        return lchToRgb(lchColor);
+    }
+    handleRangeColor(color) {
+        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;
+        if (!Object.hasOwn(lchColor, "l") && !Object.hasOwn(lchColor, "c") && !Object.hasOwn(lchColor, "h")) {
+            return;
+        }
+        return lchToRgb({
+            l: getRangeValue(lchColor.l),
+            c: getRangeValue(lchColor.c),
+            h: getRangeValue(lchColor.h),
+        });
+    }
+    parseString(input) {
+        if (!this.accepts(input)) {
+            return;
+        }
+        const result = lchRegex.exec(input), indexes = {
+            l: 1,
+            c: 3,
+            h: 5,
+            a: 7,
+        }, defaultAlpha = 1;
+        return result
+            ? lchaToRgba({
+                a: result[indexes.a] ? parseAlpha(result[indexes.a]) : defaultAlpha,
+                c: parseFloat(result[indexes.c] ?? "0"),
+                h: parseFloat(result[indexes.h] ?? "0"),
+                l: parseFloat(result[indexes.l] ?? "0"),
+            })
+            : undefined;
+    }
+}

package/cjs/index.js

@@ -0,0 +1,7 @@
+export function loadLchColorPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { LchColorManager } = await import("./LchColorManager.js");
+        e.addColorManager(new LchColorManager());
+    });
+}

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/cjs/utils.js

@@ -0,0 +1,54 @@
+import { clamp, degToRad, inverseFactorNumerator, } from "@tsparticles/engine";
+const RGB = {
+    MAX: 255,
+}, WHITE_POINT_D65 = {
+    X: 0.95047,
+    Y: 1.0,
+    Z: 1.08883,
+}, CIE = {
+    LAB_EPSILON_NUMERATOR: 216,
+    LAB_EPSILON_DENOMINATOR: 24389,
+    LAB_KAPPA_NUMERATOR: 24389,
+    LAB_KAPPA_DENOMINATOR: 27,
+    LAB_L_OFFSET: 16,
+    LAB_L_SCALE: 116,
+    LAB_A_SCALE: 500,
+    LAB_B_SCALE: 200,
+}, LAB = {
+    EPSILON: CIE.LAB_EPSILON_NUMERATOR / CIE.LAB_EPSILON_DENOMINATOR,
+    KAPPA: CIE.LAB_KAPPA_NUMERATOR / CIE.LAB_KAPPA_DENOMINATOR,
+    L_OFFSET: CIE.LAB_L_OFFSET,
+    L_SCALE: CIE.LAB_L_SCALE,
+    A_SCALE: CIE.LAB_A_SCALE,
+    B_SCALE: CIE.LAB_B_SCALE,
+}, XYZ_TO_LINEAR_RGB = {
+    r: { x: 3.2404542, y: -1.5371385, z: -0.4985314 },
+    g: { x: -0.969266, y: 1.8760108, z: 0.041556 },
+    b: { x: 0.0556434, y: -0.2040259, z: 1.0572252 },
+}, SRGB = {
+    GAMMA: 2.4,
+    LINEAR_THRESHOLD: 0.0031308,
+    LINEAR_SCALE: 12.92,
+    SCALE: 1.055,
+    OFFSET: 0.055,
+}, minSrgbValue = 0, maxSrgbValue = 1;
+export function lchToRgb(lch) {
+    const L = lch.l, C = lch.c, hRad = 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, inverseFactorNumerator / SRGB.GAMMA) - SRGB.OFFSET, toSrgbFixed = num => Math.round(clamp(toSrgb(num), minSrgbValue, maxSrgbValue) * RGB.MAX);
+    return {
+        r: toSrgbFixed(rLinear),
+        g: toSrgbFixed(gLinear),
+        b: toSrgbFixed(bLinear),
+    };
+}
+export function lchaToRgba(lcha) {
+    return {
+        a: lcha.a,
+        ...lchToRgb(lcha),
+    };
+}
+export function getStyleFromLch(color, opacity) {
+    const { l, c, h } = color, alpha = opacity !== undefined ? `/ ${opacity.toString()}` : "";
+    return `lch(${l.toString()}%, ${c.toString()}%, ${h.toString()}°${alpha})`;
+}

package/dist_browser_LchColorManager_js.js

@@ -0,0 +1,40 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_plugin_lch_color"] = this["webpackChunk_tsparticles_plugin_lch_color"] || []).push([["dist_browser_LchColorManager_js"],{
+
+/***/ "./dist/browser/LchColorManager.js"
+/*!*****************************************!*\
+  !*** ./dist/browser/LchColorManager.js ***!
+  \*****************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LchColorManager: () => (/* binding */ LchColorManager)\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 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/plugin-lch-color/./dist/browser/LchColorManager.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/utils.js"
+/*!*******************************!*\
+  !*** ./dist/browser/utils.js ***!
+  \*******************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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 */ \"@tsparticles/engine\");\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/plugin-lch-color/./dist/browser/utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/LchColorManager.js

@@ -0,0 +1,48 @@
+import { getRangeValue, parseAlpha, } from "@tsparticles/engine";
+import { lchToRgb, lchaToRgba } from "./utils.js";
+const lchRegex = /lch\(\s*(\d+(\.\d+)?)%\s+(\d+(\.\d+)?)\s+(\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i;
+export class LchColorManager {
+    constructor() {
+        this.key = "lch";
+    }
+    accepts(input) {
+        return input.startsWith("lch");
+    }
+    handleColor(color) {
+        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;
+        if (!Object.hasOwn(lchColor, "l") && !Object.hasOwn(lchColor, "c") && !Object.hasOwn(lchColor, "h")) {
+            return;
+        }
+        return lchToRgb(lchColor);
+    }
+    handleRangeColor(color) {
+        const colorValue = color.value, lchColor = colorValue.lch ?? color.value;
+        if (!Object.hasOwn(lchColor, "l") && !Object.hasOwn(lchColor, "c") && !Object.hasOwn(lchColor, "h")) {
+            return;
+        }
+        return lchToRgb({
+            l: getRangeValue(lchColor.l),
+            c: getRangeValue(lchColor.c),
+            h: getRangeValue(lchColor.h),
+        });
+    }
+    parseString(input) {
+        if (!this.accepts(input)) {
+            return;
+        }
+        const result = lchRegex.exec(input), indexes = {
+            l: 1,
+            c: 3,
+            h: 5,
+            a: 7,
+        }, defaultAlpha = 1;
+        return result
+            ? lchaToRgba({
+                a: result[indexes.a] ? parseAlpha(result[indexes.a]) : defaultAlpha,
+                c: parseFloat(result[indexes.c] ?? "0"),
+                h: parseFloat(result[indexes.h] ?? "0"),
+                l: parseFloat(result[indexes.l] ?? "0"),
+            })
+            : undefined;
+    }
+}

package/esm/index.js

@@ -0,0 +1,7 @@
+export function loadLchColorPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { LchColorManager } = await import("./LchColorManager.js");
+        e.addColorManager(new LchColorManager());
+    });
+}

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/esm/utils.js

@@ -0,0 +1,54 @@
+import { clamp, degToRad, inverseFactorNumerator, } from "@tsparticles/engine";
+const RGB = {
+    MAX: 255,
+}, WHITE_POINT_D65 = {
+    X: 0.95047,
+    Y: 1.0,
+    Z: 1.08883,
+}, CIE = {
+    LAB_EPSILON_NUMERATOR: 216,
+    LAB_EPSILON_DENOMINATOR: 24389,
+    LAB_KAPPA_NUMERATOR: 24389,
+    LAB_KAPPA_DENOMINATOR: 27,
+    LAB_L_OFFSET: 16,
+    LAB_L_SCALE: 116,
+    LAB_A_SCALE: 500,
+    LAB_B_SCALE: 200,
+}, LAB = {
+    EPSILON: CIE.LAB_EPSILON_NUMERATOR / CIE.LAB_EPSILON_DENOMINATOR,
+    KAPPA: CIE.LAB_KAPPA_NUMERATOR / CIE.LAB_KAPPA_DENOMINATOR,
+    L_OFFSET: CIE.LAB_L_OFFSET,
+    L_SCALE: CIE.LAB_L_SCALE,
+    A_SCALE: CIE.LAB_A_SCALE,
+    B_SCALE: CIE.LAB_B_SCALE,
+}, XYZ_TO_LINEAR_RGB = {
+    r: { x: 3.2404542, y: -1.5371385, z: -0.4985314 },
+    g: { x: -0.969266, y: 1.8760108, z: 0.041556 },
+    b: { x: 0.0556434, y: -0.2040259, z: 1.0572252 },
+}, SRGB = {
+    GAMMA: 2.4,
+    LINEAR_THRESHOLD: 0.0031308,
+    LINEAR_SCALE: 12.92,
+    SCALE: 1.055,
+    OFFSET: 0.055,
+}, minSrgbValue = 0, maxSrgbValue = 1;
+export function lchToRgb(lch) {
+    const L = lch.l, C = lch.c, hRad = 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, inverseFactorNumerator / SRGB.GAMMA) - SRGB.OFFSET, toSrgbFixed = num => Math.round(clamp(toSrgb(num), minSrgbValue, maxSrgbValue) * RGB.MAX);
+    return {
+        r: toSrgbFixed(rLinear),
+        g: toSrgbFixed(gLinear),
+        b: toSrgbFixed(bLinear),
+    };
+}
+export function lchaToRgba(lcha) {
+    return {
+        a: lcha.a,
+        ...lchToRgb(lcha),
+    };
+}
+export function getStyleFromLch(color, opacity) {
+    const { l, c, h } = color, alpha = opacity !== undefined ? `/ ${opacity.toString()}` : "";
+    return `lch(${l.toString()}%, ${c.toString()}%, ${h.toString()}°${alpha})`;
+}

package/package.json

@@ -0,0 +1,109 @@
+{
+  "name": "@tsparticles/plugin-lch-color",
+  "version": "4.0.0-alpha.0",
+  "description": "tsParticles LCH color plugin",
+  "homepage": "https://particles.js.org",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tsparticles/tsparticles.git",
+    "directory": "plugins/colors/lchColor"
+  },
+  "keywords": [
+    "front-end",
+    "frontend",
+    "tsparticles",
+    "particles.js",
+    "particlesjs",
+    "particles",
+    "particle",
+    "canvas",
+    "jsparticles",
+    "xparticles",
+    "particles-js",
+    "particles-bg",
+    "particles-bg-vue",
+    "particles-ts",
+    "particles.ts",
+    "react-particles-js",
+    "react-particles.js",
+    "react-particles",
+    "react",
+    "reactjs",
+    "vue-particles",
+    "ngx-particles",
+    "angular-particles",
+    "particleground",
+    "vue",
+    "vuejs",
+    "preact",
+    "preactjs",
+    "jquery",
+    "angularjs",
+    "angular",
+    "typescript",
+    "javascript",
+    "animation",
+    "web",
+    "html5",
+    "web-design",
+    "webdesign",
+    "css",
+    "html",
+    "css3",
+    "animated",
+    "background",
+    "confetti",
+    "canvas",
+    "fireworks",
+    "fireworks-js",
+    "confetti-js",
+    "confettijs",
+    "fireworksjs",
+    "canvas-confetti",
+    "tsparticles-plugin"
+  ],
+  "author": "Matteo Bruni <matteo.bruni@me.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/tsparticles/tsparticles/issues"
+  },
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/matteobruni"
+    },
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/tsparticles"
+    },
+    {
+      "type": "buymeacoffee",
+      "url": "https://www.buymeacoffee.com/matteobruni"
+    }
+  ],
+  "sideEffects": false,
+  "jsdelivr": "tsparticles.plugin.lchColor.min.js",
+  "unpkg": "tsparticles.plugin.lchColor.min.js",
+  "browser": "browser/index.js",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "browser": "./browser/index.js",
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "umd": "./umd/index.js",
+      "default": "./cjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@tsparticles/engine": "4.0.0-alpha.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module"
+}