@tsparticles/plugin-oklch-color 3.6.0

package/tsparticles.plugin.oklchColor.js

@@ -0,0 +1,158 @@
+/*!
+ * 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
+ * v3.6.0
+ */
+/*
+ * 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/).
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@tsparticles/engine"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@tsparticles/engine"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, (__WEBPACK_EXTERNAL_MODULE__tsparticles_engine__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./dist/browser/LchColorManager.js":
+/*!*****************************************!*\
+  !*** ./dist/browser/LchColorManager.js ***!
+  \*****************************************/
+/***/ ((__unused_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 _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"./dist/browser/utils.js\");\n\n\nclass LchColorManager {\n  constructor() {\n    this.key = \"color\";\n    this.stringPrefix = \"lch\";\n  }\n  handleColor(color) {\n    const colorValue = color.value,\n      lchColor = colorValue.lch ?? color.value;\n    if (lchColor.l !== undefined && lchColor.c !== undefined && lchColor.h !== undefined) {\n      return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lchToRgb)(lchColor);\n    }\n  }\n  handleRangeColor(color) {\n    const colorValue = color.value,\n      lchColor = colorValue.lch ?? color.value;\n    if (lchColor.l !== undefined && lchColor.c !== undefined && lchColor.h !== undefined) {\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  }\n  parseString(input) {\n    const isLch = input.startsWith(\"lch\");\n    if (!isLch) {\n      return;\n    }\n    const regex = /lch\\(\\s*(\\d+(\\.\\d+)?)%\\s+(\\d+(\\.\\d+)?)\\s+(\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i,\n      result = regex.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]),\n      h: parseFloat(result[indexes.h]),\n      l: parseFloat(result[indexes.l])\n    }) : undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-oklch-color/./dist/browser/LchColorManager.js?");
+
+/***/ }),
+
+/***/ "./dist/browser/OklchColorManager.js":
+/*!*******************************************!*\
+  !*** ./dist/browser/OklchColorManager.js ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OklchColorManager: () => (/* binding */ OklchColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ \"./dist/browser/utils.js\");\n\n\nclass OklchColorManager {\n  constructor() {\n    this.key = \"color\";\n    this.stringPrefix = \"oklch\";\n  }\n  handleColor(color) {\n    const colorValue = color.value,\n      oklchColor = colorValue.oklch ?? color.value;\n    if (oklchColor.l !== undefined && oklchColor.c !== undefined && oklchColor.h !== undefined) {\n      return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklchToRgb)(oklchColor);\n    }\n  }\n  handleRangeColor(color) {\n    const colorValue = color.value,\n      oklchColor = colorValue.oklch ?? color.value;\n    if (oklchColor.l !== undefined && oklchColor.c !== undefined && oklchColor.h !== undefined) {\n      return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklchToRgb)({\n        l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklchColor.l),\n        c: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklchColor.c),\n        h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklchColor.h)\n      });\n    }\n  }\n  parseString(input) {\n    const isOklch = input.startsWith(\"oklch\");\n    if (!isOklch) {\n      return;\n    }\n    const regex = /oklch\\(\\s*(\\d+(\\.\\d+)?)%\\s+(\\d+(\\.\\d+)?)\\s+(\\d+(\\.\\d+)?)(°)?(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i,\n      result = regex.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__.oklchaToRgba)({\n      a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n      c: parseFloat(result[indexes.c]),\n      h: parseFloat(result[indexes.h]),\n      l: parseFloat(result[indexes.l])\n    }) : undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-oklch-color/./dist/browser/OklchColorManager.js?");
+
+/***/ }),
+
+/***/ "./dist/browser/index.js":
+/*!*******************************!*\
+  !*** ./dist/browser/index.js ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadOklchColorPlugin: () => (/* binding */ loadOklchColorPlugin)\n/* harmony export */ });\n/* harmony import */ var _LchColorManager_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./LchColorManager.js */ \"./dist/browser/LchColorManager.js\");\n/* harmony import */ var _OklchColorManager_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./OklchColorManager.js */ \"./dist/browser/OklchColorManager.js\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\n\n\nfunction loadOklchColorPlugin() {\n  (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.addColorManager)(new _OklchColorManager_js__WEBPACK_IMPORTED_MODULE_1__.OklchColorManager());\n  (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.addColorManager)(new _LchColorManager_js__WEBPACK_IMPORTED_MODULE_2__.LchColorManager());\n  return Promise.resolve();\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-oklch-color/./dist/browser/index.js?");
+
+/***/ }),
+
+/***/ "./dist/browser/utils.js":
+/*!*******************************!*\
+  !*** ./dist/browser/utils.js ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getStyleFromOklch: () => (/* binding */ getStyleFromOklch),\n/* harmony export */   lchToRgb: () => (/* binding */ lchToRgb),\n/* harmony export */   lchaToRgba: () => (/* binding */ lchaToRgba),\n/* harmony export */   oklchToRgb: () => (/* binding */ oklchToRgb),\n/* harmony export */   oklchaToRgba: () => (/* binding */ oklchaToRgba)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst rgbFactor = 255,\n  fullDegree = 360;\nfunction lchToRgb(lch) {\n  const l = lch.l / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n    c = lch.c,\n    h = lch.h / fullDegree,\n    result = {\n      r: 0,\n      g: 0,\n      b: 0\n    };\n  result.r = Math.floor(l * rgbFactor);\n  result.g = Math.floor(c * rgbFactor);\n  result.b = Math.floor(h * rgbFactor);\n  return result;\n}\nfunction lchaToRgba(lcha) {\n  return {\n    a: lcha.a,\n    ...lchToRgb(lcha)\n  };\n}\nfunction oklchToRgb(oklch) {\n  const l = oklch.l / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n    c = oklch.c / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n    h = oklch.h / fullDegree,\n    result = {\n      r: 0,\n      g: 0,\n      b: 0\n    };\n  result.r = Math.floor(l * rgbFactor);\n  result.g = Math.floor(c * rgbFactor);\n  result.b = Math.floor(h * rgbFactor);\n  return result;\n}\nfunction oklchaToRgba(oklcha) {\n  return {\n    a: oklcha.a,\n    ...oklchToRgb(oklcha)\n  };\n}\nfunction getStyleFromOklch(color, opacity) {\n  const {\n      l,\n      c,\n      h\n    } = color,\n    alpha = opacity !== undefined ? `, ${opacity}` : \"\";\n  return `oklch(${l}%, ${c}%, ${h}°${alpha})`;\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-oklch-color/./dist/browser/utils.js?");
+
+/***/ }),
+
+/***/ "@tsparticles/engine":
+/*!*********************************************************************************************************************************!*\
+  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
+  \*********************************************************************************************************************************/
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module can't be inlined because the eval devtool is used.
+/******/ 	var __webpack_exports__ = __webpack_require__("./dist/browser/index.js");
+/******/ 	
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.plugin.oklchColor.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.plugin.oklchColor.min.js.LICENSE.txt */
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],o);else{var r="object"==typeof exports?o(require("@tsparticles/engine")):o(e.window);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(this,(e=>(()=>{var o={303:o=>{o.exports=e}},r={};function t(e){var a=r[e];if(void 0!==a)return a.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,t),n.exports}t.d=(e,o)=>{for(var r in o)t.o(o,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};t.r(a),t.d(a,{loadOklchColorPlugin:()=>h});var n=t(303);const l=255,i=360;function s(e){const o=e.l/n.percentDenominator,r=e.c,t=e.h/i,a={r:0,g:0,b:0};return a.r=Math.floor(o*l),a.g=Math.floor(r*l),a.b=Math.floor(t*l),a}function c(e){const o=e.l/n.percentDenominator,r=e.c/n.percentDenominator,t=e.h/i,a={r:0,g:0,b:0};return a.r=Math.floor(o*l),a.g=Math.floor(r*l),a.b=Math.floor(t*l),a}class d{constructor(){this.key="color",this.stringPrefix="lch"}handleColor(e){const o=e.value.lch??e.value;if(void 0!==o.l&&void 0!==o.c&&void 0!==o.h)return s(o)}handleRangeColor(e){const o=e.value.lch??e.value;if(void 0!==o.l&&void 0!==o.c&&void 0!==o.h)return s({l:(0,n.getRangeValue)(o.l),c:(0,n.getRangeValue)(o.c),h:(0,n.getRangeValue)(o.h)})}parseString(e){if(!e.startsWith("lch"))return;const o=/lch\(\s*(\d+(\.\d+)?)%\s+(\d+(\.\d+)?)\s+(\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i.exec(e),r=1,t=3,a=5,l=7;return o?{a:(i={a:o[l]?(0,n.parseAlpha)(o[l]):1,c:parseFloat(o[t]),h:parseFloat(o[a]),l:parseFloat(o[r])}).a,...s(i)}:void 0;var i}}class u{constructor(){this.key="color",this.stringPrefix="oklch"}handleColor(e){const o=e.value.oklch??e.value;if(void 0!==o.l&&void 0!==o.c&&void 0!==o.h)return c(o)}handleRangeColor(e){const o=e.value.oklch??e.value;if(void 0!==o.l&&void 0!==o.c&&void 0!==o.h)return c({l:(0,n.getRangeValue)(o.l),c:(0,n.getRangeValue)(o.c),h:(0,n.getRangeValue)(o.h)})}parseString(e){if(!e.startsWith("oklch"))return;const o=/oklch\(\s*(\d+(\.\d+)?)%\s+(\d+(\.\d+)?)\s+(\d+(\.\d+)?)(°)?(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i.exec(e),r=1,t=3,a=5,l=7;return o?{a:(i={a:o[l]?(0,n.parseAlpha)(o[l]):1,c:parseFloat(o[t]),h:parseFloat(o[a]),l:parseFloat(o[r])}).a,...c(i)}:void 0;var i}}function h(){return(0,n.addColorManager)(new u),(0,n.addColorManager)(new d),Promise.resolve()}return a})()));

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

@@ -0,0 +1 @@
+/*! tsParticles OKLCH Color Plugin v3.6.0 by Matteo Bruni */

package/types/LchColorManager.d.ts

@@ -0,0 +1,9 @@
+import { type IColor, type IColorManager, type IRangeColor, type IRgb, type IRgba } from "@tsparticles/engine";
+export declare class LchColorManager implements IColorManager {
+    readonly key: string;
+    readonly stringPrefix: string;
+    constructor();
+    handleColor(color: IColor): IRgb | undefined;
+    handleRangeColor(color: IRangeColor): IRgb | undefined;
+    parseString(input: string): IRgba | undefined;
+}

package/types/OklchColorManager.d.ts

@@ -0,0 +1,9 @@
+import { type IColor, type IColorManager, type IRangeColor, type IRgb, type IRgba } from "@tsparticles/engine";
+export declare class OklchColorManager implements IColorManager {
+    readonly key: string;
+    readonly stringPrefix: string;
+    constructor();
+    handleColor(color: IColor): IRgb | undefined;
+    handleRangeColor(color: IRangeColor): IRgb | undefined;
+    parseString(input: string): IRgba | undefined;
+}

package/types/index.d.ts

@@ -0,0 +1 @@
+export declare function loadOklchColorPlugin(): Promise<void>;

package/types/utils.d.ts

@@ -0,0 +1,6 @@
+import { type ILch, type ILcha, type IOklch, type IOklcha, type IRgb, type IRgba } from "@tsparticles/engine";
+export declare function lchToRgb(lch: ILch): IRgb;
+export declare function lchaToRgba(lcha: ILcha): IRgba;
+export declare function oklchToRgb(oklch: IOklch): IRgb;
+export declare function oklchaToRgba(oklcha: IOklcha): IRgba;
+export declare function getStyleFromOklch(color: IOklch, opacity?: number): string;

package/umd/LchColorManager.js

@@ -0,0 +1,58 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine", "./utils.js"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.LchColorManager = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const utils_js_1 = require("./utils.js");
+    class LchColorManager {
+        constructor() {
+            this.key = "color";
+            this.stringPrefix = "lch";
+        }
+        handleColor(color) {
+            const colorValue = color.value, lchColor = colorValue.lch ?? color.value;
+            if (lchColor.l !== undefined && lchColor.c !== undefined && lchColor.h !== undefined) {
+                return (0, utils_js_1.lchToRgb)(lchColor);
+            }
+        }
+        handleRangeColor(color) {
+            const colorValue = color.value, lchColor = colorValue.lch ?? color.value;
+            if (lchColor.l !== undefined && lchColor.c !== undefined && lchColor.h !== undefined) {
+                return (0, utils_js_1.lchToRgb)({
+                    l: (0, engine_1.getRangeValue)(lchColor.l),
+                    c: (0, engine_1.getRangeValue)(lchColor.c),
+                    h: (0, engine_1.getRangeValue)(lchColor.h),
+                });
+            }
+        }
+        parseString(input) {
+            const isLch = input.startsWith("lch");
+            if (!isLch) {
+                return;
+            }
+            const regex = /lch\(\s*(\d+(\.\d+)?)%\s+(\d+(\.\d+)?)\s+(\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i, result = regex.exec(input), indexes = {
+                l: 1,
+                c: 3,
+                h: 5,
+                a: 7,
+            }, defaultAlpha = 1;
+            return result
+                ? (0, utils_js_1.lchaToRgba)({
+                    a: result[indexes.a] ? (0, engine_1.parseAlpha)(result[indexes.a]) : defaultAlpha,
+                    c: parseFloat(result[indexes.c]),
+                    h: parseFloat(result[indexes.h]),
+                    l: parseFloat(result[indexes.l]),
+                })
+                : undefined;
+        }
+    }
+    exports.LchColorManager = LchColorManager;
+});

package/umd/OklchColorManager.js

@@ -0,0 +1,58 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine", "./utils.js"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.OklchColorManager = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const utils_js_1 = require("./utils.js");
+    class OklchColorManager {
+        constructor() {
+            this.key = "color";
+            this.stringPrefix = "oklch";
+        }
+        handleColor(color) {
+            const colorValue = color.value, oklchColor = colorValue.oklch ?? color.value;
+            if (oklchColor.l !== undefined && oklchColor.c !== undefined && oklchColor.h !== undefined) {
+                return (0, utils_js_1.oklchToRgb)(oklchColor);
+            }
+        }
+        handleRangeColor(color) {
+            const colorValue = color.value, oklchColor = colorValue.oklch ?? color.value;
+            if (oklchColor.l !== undefined && oklchColor.c !== undefined && oklchColor.h !== undefined) {
+                return (0, utils_js_1.oklchToRgb)({
+                    l: (0, engine_1.getRangeValue)(oklchColor.l),
+                    c: (0, engine_1.getRangeValue)(oklchColor.c),
+                    h: (0, engine_1.getRangeValue)(oklchColor.h),
+                });
+            }
+        }
+        parseString(input) {
+            const isOklch = input.startsWith("oklch");
+            if (!isOklch) {
+                return;
+            }
+            const regex = /oklch\(\s*(\d+(\.\d+)?)%\s+(\d+(\.\d+)?)\s+(\d+(\.\d+)?)(°)?(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i, result = regex.exec(input), indexes = {
+                l: 1,
+                c: 3,
+                h: 5,
+                a: 7,
+            }, defaultAlpha = 1;
+            return result
+                ? (0, utils_js_1.oklchaToRgba)({
+                    a: result[indexes.a] ? (0, engine_1.parseAlpha)(result[indexes.a]) : defaultAlpha,
+                    c: parseFloat(result[indexes.c]),
+                    h: parseFloat(result[indexes.h]),
+                    l: parseFloat(result[indexes.l]),
+                })
+                : undefined;
+        }
+    }
+    exports.OklchColorManager = OklchColorManager;
+});

package/umd/index.js

@@ -0,0 +1,21 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./LchColorManager.js", "./OklchColorManager.js", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadOklchColorPlugin = loadOklchColorPlugin;
+    const LchColorManager_js_1 = require("./LchColorManager.js");
+    const OklchColorManager_js_1 = require("./OklchColorManager.js");
+    const engine_1 = require("@tsparticles/engine");
+    function loadOklchColorPlugin() {
+        (0, engine_1.addColorManager)(new OklchColorManager_js_1.OklchColorManager());
+        (0, engine_1.addColorManager)(new LchColorManager_js_1.LchColorManager());
+        return Promise.resolve();
+    }
+});

package/umd/utils.js

@@ -0,0 +1,49 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.lchToRgb = lchToRgb;
+    exports.lchaToRgba = lchaToRgba;
+    exports.oklchToRgb = oklchToRgb;
+    exports.oklchaToRgba = oklchaToRgba;
+    exports.getStyleFromOklch = getStyleFromOklch;
+    const engine_1 = require("@tsparticles/engine");
+    const rgbFactor = 255, fullDegree = 360;
+    function lchToRgb(lch) {
+        const l = lch.l / engine_1.percentDenominator, c = lch.c, h = lch.h / fullDegree, result = { r: 0, g: 0, b: 0 };
+        result.r = Math.floor(l * rgbFactor);
+        result.g = Math.floor(c * rgbFactor);
+        result.b = Math.floor(h * rgbFactor);
+        return result;
+    }
+    function lchaToRgba(lcha) {
+        return {
+            a: lcha.a,
+            ...lchToRgb(lcha),
+        };
+    }
+    function oklchToRgb(oklch) {
+        const l = oklch.l / engine_1.percentDenominator, c = oklch.c / engine_1.percentDenominator, h = oklch.h / fullDegree, result = { r: 0, g: 0, b: 0 };
+        result.r = Math.floor(l * rgbFactor);
+        result.g = Math.floor(c * rgbFactor);
+        result.b = Math.floor(h * rgbFactor);
+        return result;
+    }
+    function oklchaToRgba(oklcha) {
+        return {
+            a: oklcha.a,
+            ...oklchToRgb(oklcha),
+        };
+    }
+    function getStyleFromOklch(color, opacity) {
+        const { l, c, h } = color, alpha = opacity !== undefined ? `, ${opacity}` : "";
+        return `oklch(${l}%, ${c}%, ${h}°${alpha})`;
+    }
+});