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