@tsparticles/plugin-oklab-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/101.min.js +1 -0
- package/browser/OklabColorManager.js +2 -5
- package/browser/index.js +2 -2
- package/cjs/OklabColorManager.js +2 -5
- package/cjs/index.js +2 -2
- package/dist_browser_OklabColorManager_js.js +3 -3
- package/esm/OklabColorManager.js +2 -5
- package/esm/index.js +2 -2
- package/package.json +2 -2
- package/report.html +1 -1
- package/tsparticles.plugin.oklabColor.js +31 -19
- package/tsparticles.plugin.oklabColor.min.js +2 -2
- package/types/OklabColorManager.d.ts +0 -2
- package/umd/OklabColorManager.js +2 -5
- package/umd/index.js +2 -2
- package/899.min.js +0 -2
- package/899.min.js.LICENSE.txt +0 -1
- package/tsparticles.plugin.oklabColor.min.js.LICENSE.txt +0 -1
package/101.min.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(this.webpackChunk_tsparticles_plugin_oklab_color=this.webpackChunk_tsparticles_plugin_oklab_color||[]).push([[101],{101(a,e,l){l.d(e,{OklabColorManager:()=>M});var s=l(303);let t=1,r=.3963377774,i=.2158037573,n=1,o=-.1055613458,u=-.0638541728,p=1,b=-.0894841775,c=-1.291485548,x=4.0767416621,d=-3.3077115913,g=.2309699292,A=-1.2684380046,h=2.6097574011,k=-.3413193965,v=-.0041960863,_=-.7034186147,C=1.707614701;function f(a){let e=a.l/s.percentDenominator,l=a.aAxis,f=a.bAxis,F=(t*e+r*l+i*f)**3,M=(n*e+o*l+u*f)**3,R=(p*e+b*l+c*f)**3,m=a=>Math.round((0,s.clamp)(a<=.0031308?12.92*a:1.055*Math.pow(a,s.inverseFactorNumerator/2.4)-.055,0,1)*s.rgbMax);return{r:m(x*F+d*M+g*R),g:m(A*F+h*M+k*R),b:m(v*F+_*M+C*R)}}let F=/oklab\(\s*(\d+(\.\d+)?)%\s+(-?\d+(\.\d+)?)\s+(-?\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i;class M{accepts(a){return a.startsWith("oklab")}handleColor(a){let e=a.value.oklab??a.value;if("l"in e&&"aAxis"in e&&"bAxis"in e)return f(e)}handleRangeColor(a){let e=a.value.oklab??a.value;if("l"in e&&"aAxis"in e&&"bAxis"in e)return f({l:(0,s.getRangeValue)(e.l),aAxis:(0,s.getRangeValue)(e.aAxis),bAxis:(0,s.getRangeValue)(e.bAxis)})}parseString(a){var e;if(!this.accepts(a))return;let l=F.exec(a);return l?{a:(e={a:l[7]?(0,s.parseAlpha)(l[7]):1,l:parseFloat(l[1]??"0"),aAxis:parseFloat(l[3]??"0"),bAxis:parseFloat(l[5]??"0")}).a,...f(e)}:void 0}}}}]);
|
|
@@ -2,22 +2,19 @@ import { getRangeValue, parseAlpha, } from "@tsparticles/engine";
|
|
|
2
2
|
import { oklabToRgb, oklabaToRgba } from "./utils.js";
|
|
3
3
|
const oklabRegex = /oklab\(\s*(\d+(\.\d+)?)%\s+(-?\d+(\.\d+)?)\s+(-?\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i;
|
|
4
4
|
export class OklabColorManager {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.key = "oklab";
|
|
7
|
-
}
|
|
8
5
|
accepts(input) {
|
|
9
6
|
return input.startsWith("oklab");
|
|
10
7
|
}
|
|
11
8
|
handleColor(color) {
|
|
12
9
|
const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;
|
|
13
|
-
if (!
|
|
10
|
+
if (!("l" in oklabColor) || !("aAxis" in oklabColor) || !("bAxis" in oklabColor)) {
|
|
14
11
|
return;
|
|
15
12
|
}
|
|
16
13
|
return oklabToRgb(oklabColor);
|
|
17
14
|
}
|
|
18
15
|
handleRangeColor(color) {
|
|
19
16
|
const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;
|
|
20
|
-
if (!
|
|
17
|
+
if (!("l" in oklabColor) || !("aAxis" in oklabColor) || !("bAxis" in oklabColor)) {
|
|
21
18
|
return;
|
|
22
19
|
}
|
|
23
20
|
return oklabToRgb({
|
package/browser/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export async function loadOklabColorPlugin(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 { OklabColorManager } = await import("./OklabColorManager.js");
|
|
5
|
-
e.addColorManager(new OklabColorManager());
|
|
5
|
+
e.addColorManager("oklab", new OklabColorManager());
|
|
6
6
|
});
|
|
7
7
|
}
|
package/cjs/OklabColorManager.js
CHANGED
|
@@ -2,22 +2,19 @@ import { getRangeValue, parseAlpha, } from "@tsparticles/engine";
|
|
|
2
2
|
import { oklabToRgb, oklabaToRgba } from "./utils.js";
|
|
3
3
|
const oklabRegex = /oklab\(\s*(\d+(\.\d+)?)%\s+(-?\d+(\.\d+)?)\s+(-?\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i;
|
|
4
4
|
export class OklabColorManager {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.key = "oklab";
|
|
7
|
-
}
|
|
8
5
|
accepts(input) {
|
|
9
6
|
return input.startsWith("oklab");
|
|
10
7
|
}
|
|
11
8
|
handleColor(color) {
|
|
12
9
|
const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;
|
|
13
|
-
if (!
|
|
10
|
+
if (!("l" in oklabColor) || !("aAxis" in oklabColor) || !("bAxis" in oklabColor)) {
|
|
14
11
|
return;
|
|
15
12
|
}
|
|
16
13
|
return oklabToRgb(oklabColor);
|
|
17
14
|
}
|
|
18
15
|
handleRangeColor(color) {
|
|
19
16
|
const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;
|
|
20
|
-
if (!
|
|
17
|
+
if (!("l" in oklabColor) || !("aAxis" in oklabColor) || !("bAxis" in oklabColor)) {
|
|
21
18
|
return;
|
|
22
19
|
}
|
|
23
20
|
return oklabToRgb({
|
package/cjs/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export async function loadOklabColorPlugin(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 { OklabColorManager } = await import("./OklabColorManager.js");
|
|
5
|
-
e.addColorManager(new OklabColorManager());
|
|
5
|
+
e.addColorManager("oklab", new OklabColorManager());
|
|
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 */ OklabColorManager: () => (/* binding */ OklabColorManager)\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 oklabRegex = /oklab\\(\\s*(\\d+(\\.\\d+)?)%\\s+(-?\\d+(\\.\\d+)?)\\s+(-?\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass OklabColorManager {\n
|
|
26
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ OklabColorManager: () => (/* binding */ OklabColorManager)\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 oklabRegex = /oklab\\(\\s*(\\d+(\\.\\d+)?)%\\s+(-?\\d+(\\.\\d+)?)\\s+(-?\\d+(\\.\\d+)?)(?:\\s*\\/\\s*(0|1|0?\\.\\d+|\\d{1,3}%))?\\s*\\)/i;\nclass OklabColorManager {\n accepts(input) {\n return input.startsWith(\"oklab\");\n }\n handleColor(color) {\n const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;\n if (!(\"l\" in oklabColor) || !(\"aAxis\" in oklabColor) || !(\"bAxis\" in oklabColor)) {\n return;\n }\n return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklabToRgb)(oklabColor);\n }\n handleRangeColor(color) {\n const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;\n if (!(\"l\" in oklabColor) || !(\"aAxis\" in oklabColor) || !(\"bAxis\" in oklabColor)) {\n return;\n }\n return (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklabToRgb)({\n l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklabColor.l),\n aAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklabColor.aAxis),\n bAxis: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(oklabColor.bAxis)\n });\n }\n parseString(input) {\n if (!this.accepts(input)) {\n return;\n }\n const result = oklabRegex.exec(input), indexes = {\n l: 1,\n aAxis: 3,\n bAxis: 5,\n a: 7\n }, defaultAlpha = 1;\n return result ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.oklabaToRgba)({\n a: result[indexes.a] ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[indexes.a]) : defaultAlpha,\n l: parseFloat(result[indexes.l] ?? \"0\"),\n aAxis: parseFloat(result[indexes.aAxis] ?? \"0\"),\n bAxis: parseFloat(result[indexes.bAxis] ?? \"0\")\n }) : undefined;\n }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-oklab-color/./dist/browser/OklabColorManager.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 */ getStyleFromOklab: () => (/* binding */ getStyleFromOklab),\n/* harmony export */ oklabToRgb: () => (/* binding */ oklabToRgb),\n/* harmony export */ oklabaToRgba: () => (/* binding */ oklabaToRgba)\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 */ getStyleFromOklab: () => (/* binding */ getStyleFromOklab),\n/* harmony export */ oklabToRgb: () => (/* binding */ oklabToRgb),\n/* harmony export */ oklabaToRgba: () => (/* binding */ oklabaToRgba)\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 OFFSET: 0.055,\n SCALE: 1.055\n}, minSrgbValue = 0, maxSrgbValue = 1;\nfunction oklabToRgb(oklab) {\n const L = oklab.l / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator, a = oklab.aAxis, b = oklab.bAxis, 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 oklabaToRgba(oklaba) {\n return {\n a: oklaba.a,\n ...oklabToRgb(oklaba)\n };\n}\nfunction getStyleFromOklab(color, opacity) {\n const { l, aAxis, bAxis } = color, alpha = opacity !== undefined ? ` / ${opacity.toString()}` : \"\";\n return `oklab(${l.toString()}% ${aAxis.toString()} ${bAxis.toString()}${alpha})`;\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-oklab-color/./dist/browser/utils.js?\n}");
|
|
37
37
|
|
|
38
38
|
/***/ }
|
|
39
39
|
|
package/esm/OklabColorManager.js
CHANGED
|
@@ -2,22 +2,19 @@ import { getRangeValue, parseAlpha, } from "@tsparticles/engine";
|
|
|
2
2
|
import { oklabToRgb, oklabaToRgba } from "./utils.js";
|
|
3
3
|
const oklabRegex = /oklab\(\s*(\d+(\.\d+)?)%\s+(-?\d+(\.\d+)?)\s+(-?\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i;
|
|
4
4
|
export class OklabColorManager {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.key = "oklab";
|
|
7
|
-
}
|
|
8
5
|
accepts(input) {
|
|
9
6
|
return input.startsWith("oklab");
|
|
10
7
|
}
|
|
11
8
|
handleColor(color) {
|
|
12
9
|
const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;
|
|
13
|
-
if (!
|
|
10
|
+
if (!("l" in oklabColor) || !("aAxis" in oklabColor) || !("bAxis" in oklabColor)) {
|
|
14
11
|
return;
|
|
15
12
|
}
|
|
16
13
|
return oklabToRgb(oklabColor);
|
|
17
14
|
}
|
|
18
15
|
handleRangeColor(color) {
|
|
19
16
|
const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;
|
|
20
|
-
if (!
|
|
17
|
+
if (!("l" in oklabColor) || !("aAxis" in oklabColor) || !("bAxis" in oklabColor)) {
|
|
21
18
|
return;
|
|
22
19
|
}
|
|
23
20
|
return oklabToRgb({
|
package/esm/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export async function loadOklabColorPlugin(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 { OklabColorManager } = await import("./OklabColorManager.js");
|
|
5
|
-
e.addColorManager(new OklabColorManager());
|
|
5
|
+
e.addColorManager("oklab", new OklabColorManager());
|
|
6
6
|
});
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/plugin-oklab-color",
|
|
3
|
-
"version": "4.0.0-
|
|
3
|
+
"version": "4.0.0-beta.0",
|
|
4
4
|
"description": "tsParticles OKLAB 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-oklab-color [
|
|
6
|
+
<title>@tsparticles/plugin-oklab-color [19 Mar 2026 at 14:03]</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 */ loadOklabColorPlugin: () => (/* binding */ loadOklabColorPlugin)\n/* harmony export */ });\nasync function loadOklabColorPlugin(engine) {\n engine.checkVersion(\"4.0.0-alpha.8\");\n await engine.register(async e => {\n const {\n OklabColorManager\n } = await __webpack_require__.e(/*! import() */ \"dist_browser_OklabColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OklabColorManager.js */ \"./dist/browser/OklabColorManager.js\"));\n e.addColorManager(new OklabColorManager());\n });\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-oklab-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 */ loadOklabColorPlugin: () => (/* binding */ loadOklabColorPlugin)\n/* harmony export */ });\nasync function loadOklabColorPlugin(engine) {\n engine.checkVersion(\"4.0.0-beta.0\");\n await engine.register(async (e)=>{\n const { OklabColorManager } = await __webpack_require__.e(/*! import() */ \"dist_browser_OklabColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OklabColorManager.js */ \"./dist/browser/OklabColorManager.js\"));\n e.addColorManager(\"oklab\", new OklabColorManager());\n });\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-oklab-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,s=document.getElementsByTagName("script"),c=0;c<s.length;c++){var p=s[c];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")=="@tsparticles/plugin-oklab-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-oklab-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&&(s=a.g.location+"");var l,s,c=a.g.document;if(!s&&c&&(c.currentScript&&"SCRIPT"===c.currentScript.tagName.toUpperCase()&&(s=c.currentScript.src),!s)){var p=c.getElementsByTagName("script");if(p.length)for(var u=p.length-1;u>-1&&(!s||!/^http(s?):/.test(s));)s=p[u--].src}if(!s)throw Error("Automatic publicPath is not supported in this browser");a.p=s=s.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={412: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,s]=r,c=0;if(n.some(e=>0!==t[e])){for(o in l)a.o(l,o)&&(a.m[o]=l[o]);s&&s(a)}for(e&&e(r);c<n.length;c++)i=n[c],a.o(t,i)&&t[i]&&t[i][0](),t[i]=0},(o=this.webpackChunk_tsparticles_plugin_oklab_color=this.webpackChunk_tsparticles_plugin_oklab_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{OklabColorManager:t}=await a.e(101).then(a.bind(a,101));e.addColorManager("oklab",new t)})}return a.r(d),a.d(d,{loadOklabColorPlugin:()=>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 OklabColorManager 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/OklabColorManager.js
CHANGED
|
@@ -14,22 +14,19 @@
|
|
|
14
14
|
const utils_js_1 = require("./utils.js");
|
|
15
15
|
const oklabRegex = /oklab\(\s*(\d+(\.\d+)?)%\s+(-?\d+(\.\d+)?)\s+(-?\d+(\.\d+)?)(?:\s*\/\s*(0|1|0?\.\d+|\d{1,3}%))?\s*\)/i;
|
|
16
16
|
class OklabColorManager {
|
|
17
|
-
constructor() {
|
|
18
|
-
this.key = "oklab";
|
|
19
|
-
}
|
|
20
17
|
accepts(input) {
|
|
21
18
|
return input.startsWith("oklab");
|
|
22
19
|
}
|
|
23
20
|
handleColor(color) {
|
|
24
21
|
const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;
|
|
25
|
-
if (!
|
|
22
|
+
if (!("l" in oklabColor) || !("aAxis" in oklabColor) || !("bAxis" in oklabColor)) {
|
|
26
23
|
return;
|
|
27
24
|
}
|
|
28
25
|
return (0, utils_js_1.oklabToRgb)(oklabColor);
|
|
29
26
|
}
|
|
30
27
|
handleRangeColor(color) {
|
|
31
28
|
const colorValue = color.value, oklabColor = colorValue.oklab ?? color.value;
|
|
32
|
-
if (!
|
|
29
|
+
if (!("l" in oklabColor) || !("aAxis" in oklabColor) || !("bAxis" in oklabColor)) {
|
|
33
30
|
return;
|
|
34
31
|
}
|
|
35
32
|
return (0, utils_js_1.oklabToRgb)({
|
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.loadOklabColorPlugin = loadOklabColorPlugin;
|
|
47
47
|
async function loadOklabColorPlugin(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 { OklabColorManager } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./OklabColorManager.js"))) : new Promise((resolve_1, reject_1) => { require(["./OklabColorManager.js"], resolve_1, reject_1); }).then(__importStar));
|
|
51
|
-
e.addColorManager(new OklabColorManager());
|
|
51
|
+
e.addColorManager("oklab", new OklabColorManager());
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
54
|
});
|
package/899.min.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 899.min.js.LICENSE.txt */
|
|
2
|
-
(this.webpackChunk_tsparticles_plugin_oklab_color=this.webpackChunk_tsparticles_plugin_oklab_color||[]).push([[899],{899(a,s,e){e.d(s,{OklabColorManager:()=>k});var t=e(303);const l={L:1,a:.3963377774,b:.2158037573},r={L:1,a:-.1055613458,b:-.0638541728},n={L:1,a:-.0894841775,b:-1.291485548},o={l:4.0767416621,m:-3.3077115913,s:.2309699292},b={l:-1.2684380046,m:2.6097574011,s:-.3413193965},c={l:-.0041960863,m:-.7034186147,s:1.707614701},i=2.4,u=.0031308,h=12.92,p=.055,x=1.055;function d(a){const s=a.l/t.percentDenominator,e=a.aAxis,d=a.bAxis,g=(l.L*s+l.a*e+l.b*d)**3,k=(r.L*s+r.a*e+r.b*d)**3,A=(n.L*s+n.a*e+n.b*d)**3,O=o.l*g+o.m*k+o.s*A,m=b.l*g+b.m*k+b.s*A,v=c.l*g+c.m*k+c.s*A,w=a=>{return Math.round((0,t.clamp)((s=a)<=u?h*s:x*Math.pow(s,t.inverseFactorNumerator/i)-p,0,1)*t.rgbMax);var s};return{r:w(O),g:w(m),b:w(v)}}const g=/oklab\(\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="oklab"}accepts(a){return a.startsWith("oklab")}handleColor(a){const s=a.value.oklab??a.value;if(Object.hasOwn(s,"l")&&Object.hasOwn(s,"aAxis")&&Object.hasOwn(s,"bAxis"))return d(s)}handleRangeColor(a){const s=a.value.oklab??a.value;if(Object.hasOwn(s,"l")&&Object.hasOwn(s,"aAxis")&&Object.hasOwn(s,"bAxis"))return d({l:(0,t.getRangeValue)(s.l),aAxis:(0,t.getRangeValue)(s.aAxis),bAxis:(0,t.getRangeValue)(s.bAxis)})}parseString(a){if(!this.accepts(a))return;const s=g.exec(a),e=1,l=3,r=5,n=7;return s?{a:(o={a:s[n]?(0,t.parseAlpha)(s[n]):1,l:parseFloat(s[e]??"0"),aAxis:parseFloat(s[l]??"0"),bAxis:parseFloat(s[r]??"0")}).a,...d(o)}:void 0;var o}}}}]);
|
package/899.min.js.LICENSE.txt
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! tsParticles OKLAB Color Plugin v4.0.0-alpha.8 by Matteo Bruni */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! tsParticles OKLAB Color Plugin v4.0.0-alpha.8 by Matteo Bruni */
|