@tsparticles/plugin-rgb-color 3.9.0 → 4.0.0-alpha.0

package/379.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 379.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_rgb_color=this.webpackChunk_tsparticles_plugin_rgb_color||[]).push([[379],{379(r,e,s){s.d(e,{RgbColorManager:()=>g});var a,t=s(303);!function(r){r[r.r=1]="r",r[r.g=2]="g",r[r.b=3]="b",r[r.a=5]="a"}(a||(a={}));const n=/rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;class g{constructor(){this.key="rgb"}accepts(r){return r.startsWith("rgb")}handleColor(r){const e=r.value.rgb??r.value;if(Object.hasOwn(e,"r"))return e}handleRangeColor(r){const e=r.value.rgb??r.value;if(Object.hasOwn(e,"r"))return{r:(0,t.getRangeValue)(e.r),g:(0,t.getRangeValue)(e.g),b:(0,t.getRangeValue)(e.b)}}parseString(r){if(!this.accepts(r))return;const e=n.exec(r);return e?{a:e.length>4?(0,t.parseAlpha)(e[a.a]):1,b:parseInt(e[a.b]??"0",10),g:parseInt(e[a.g]??"0",10),r:parseInt(e[a.r]??"0",10)}:void 0}}}}]);

package/379.min.js.LICENSE.txt

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

package/browser/RgbColorManager.js

@@ -6,38 +6,43 @@ var RgbIndexes;
     RgbIndexes[RgbIndexes["b"] = 3] = "b";
     RgbIndexes[RgbIndexes["a"] = 5] = "a";
 })(RgbIndexes || (RgbIndexes = {}));
+const rgbRegex = /rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;
 export class RgbColorManager {
     constructor() {
         this.key = "rgb";
-        this.stringPrefix = "rgb";
+    }
+    accepts(input) {
+        return input.startsWith("rgb");
     }
     handleColor(color) {
         const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return rgbColor;
+        if (!Object.hasOwn(rgbColor, "r")) {
+            return;
         }
+        return rgbColor;
     }
     handleRangeColor(color) {
         const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return {
-                r: getRangeValue(rgbColor.r),
-                g: getRangeValue(rgbColor.g),
-                b: getRangeValue(rgbColor.b),
-            };
+        if (!Object.hasOwn(rgbColor, "r")) {
+            return;
         }
+        return {
+            r: getRangeValue(rgbColor.r),
+            g: getRangeValue(rgbColor.g),
+            b: getRangeValue(rgbColor.b),
+        };
     }
     parseString(input) {
-        if (!input.startsWith(this.stringPrefix)) {
+        if (!this.accepts(input)) {
             return;
         }
-        const regex = /rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i, result = regex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
+        const result = rgbRegex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
         return result
             ? {
                 a: result.length > minLength ? parseAlpha(result[RgbIndexes.a]) : defaultAlpha,
-                b: parseInt(result[RgbIndexes.b], radix),
-                g: parseInt(result[RgbIndexes.g], radix),
-                r: parseInt(result[RgbIndexes.r], radix),
+                b: parseInt(result[RgbIndexes.b] ?? "0", radix),
+                g: parseInt(result[RgbIndexes.g] ?? "0", radix),
+                r: parseInt(result[RgbIndexes.r] ?? "0", radix),
             }
             : undefined;
     }

package/browser/index.js

@@ -1,5 +1,7 @@
-import { RgbColorManager } from "./RgbColorManager.js";
-export async function loadRgbColorPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addColorManager(new RgbColorManager(), refresh);
+export function loadRgbColorPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { RgbColorManager } = await import("./RgbColorManager.js");
+        e.addColorManager(new RgbColorManager());
+    });
 }

package/cjs/RgbColorManager.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RgbColorManager = void 0;
-const engine_1 = require("@tsparticles/engine");
+import { getRangeValue, parseAlpha, } from "@tsparticles/engine";
 var RgbIndexes;
 (function (RgbIndexes) {
     RgbIndexes[RgbIndexes["r"] = 1] = "r";
@@ -9,40 +6,44 @@ var RgbIndexes;
     RgbIndexes[RgbIndexes["b"] = 3] = "b";
     RgbIndexes[RgbIndexes["a"] = 5] = "a";
 })(RgbIndexes || (RgbIndexes = {}));
-class RgbColorManager {
+const rgbRegex = /rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;
+export class RgbColorManager {
     constructor() {
         this.key = "rgb";
-        this.stringPrefix = "rgb";
+    }
+    accepts(input) {
+        return input.startsWith("rgb");
     }
     handleColor(color) {
         const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return rgbColor;
+        if (!Object.hasOwn(rgbColor, "r")) {
+            return;
         }
+        return rgbColor;
     }
     handleRangeColor(color) {
         const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return {
-                r: (0, engine_1.getRangeValue)(rgbColor.r),
-                g: (0, engine_1.getRangeValue)(rgbColor.g),
-                b: (0, engine_1.getRangeValue)(rgbColor.b),
-            };
+        if (!Object.hasOwn(rgbColor, "r")) {
+            return;
         }
+        return {
+            r: getRangeValue(rgbColor.r),
+            g: getRangeValue(rgbColor.g),
+            b: getRangeValue(rgbColor.b),
+        };
     }
     parseString(input) {
-        if (!input.startsWith(this.stringPrefix)) {
+        if (!this.accepts(input)) {
             return;
         }
-        const regex = /rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i, result = regex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
+        const result = rgbRegex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
         return result
             ? {
-                a: result.length > minLength ? (0, engine_1.parseAlpha)(result[RgbIndexes.a]) : defaultAlpha,
-                b: parseInt(result[RgbIndexes.b], radix),
-                g: parseInt(result[RgbIndexes.g], radix),
-                r: parseInt(result[RgbIndexes.r], radix),
+                a: result.length > minLength ? parseAlpha(result[RgbIndexes.a]) : defaultAlpha,
+                b: parseInt(result[RgbIndexes.b] ?? "0", radix),
+                g: parseInt(result[RgbIndexes.g] ?? "0", radix),
+                r: parseInt(result[RgbIndexes.r] ?? "0", radix),
             }
             : undefined;
     }
 }
-exports.RgbColorManager = RgbColorManager;

package/cjs/index.js

@@ -1,8 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadRgbColorPlugin = loadRgbColorPlugin;
-const RgbColorManager_js_1 = require("./RgbColorManager.js");
-async function loadRgbColorPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addColorManager(new RgbColorManager_js_1.RgbColorManager(), refresh);
+export function loadRgbColorPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { RgbColorManager } = await import("./RgbColorManager.js");
+        e.addColorManager(new RgbColorManager());
+    });
 }

package/dist_browser_RgbColorManager_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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_rgb_color"] = this["webpackChunk_tsparticles_plugin_rgb_color"] || []).push([["dist_browser_RgbColorManager_js"],{
+
+/***/ "./dist/browser/RgbColorManager.js"
+/*!*****************************************!*\
+  !*** ./dist/browser/RgbColorManager.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 */   RgbColorManager: () => (/* binding */ RgbColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nvar RgbIndexes;\n(function (RgbIndexes) {\n  RgbIndexes[RgbIndexes[\"r\"] = 1] = \"r\";\n  RgbIndexes[RgbIndexes[\"g\"] = 2] = \"g\";\n  RgbIndexes[RgbIndexes[\"b\"] = 3] = \"b\";\n  RgbIndexes[RgbIndexes[\"a\"] = 5] = \"a\";\n})(RgbIndexes || (RgbIndexes = {}));\nconst rgbRegex = /rgba?\\(\\s*(\\d{1,3})\\s*[\\s,]\\s*(\\d{1,3})\\s*[\\s,]\\s*(\\d{1,3})\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass RgbColorManager {\n  constructor() {\n    this.key = \"rgb\";\n  }\n  accepts(input) {\n    return input.startsWith(\"rgb\");\n  }\n  handleColor(color) {\n    const colorValue = color.value,\n      rgbColor = colorValue.rgb ?? color.value;\n    if (!Object.hasOwn(rgbColor, \"r\")) {\n      return;\n    }\n    return rgbColor;\n  }\n  handleRangeColor(color) {\n    const colorValue = color.value,\n      rgbColor = colorValue.rgb ?? color.value;\n    if (!Object.hasOwn(rgbColor, \"r\")) {\n      return;\n    }\n    return {\n      r: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rgbColor.r),\n      g: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rgbColor.g),\n      b: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rgbColor.b)\n    };\n  }\n  parseString(input) {\n    if (!this.accepts(input)) {\n      return;\n    }\n    const result = rgbRegex.exec(input),\n      radix = 10,\n      minLength = 4,\n      defaultAlpha = 1;\n    return result ? {\n      a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[RgbIndexes.a]) : defaultAlpha,\n      b: parseInt(result[RgbIndexes.b] ?? \"0\", radix),\n      g: parseInt(result[RgbIndexes.g] ?? \"0\", radix),\n      r: parseInt(result[RgbIndexes.r] ?? \"0\", radix)\n    } : undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-rgb-color/./dist/browser/RgbColorManager.js?\n}");
+
+/***/ }
+
+}]);

package/esm/RgbColorManager.js

@@ -6,38 +6,43 @@ var RgbIndexes;
     RgbIndexes[RgbIndexes["b"] = 3] = "b";
     RgbIndexes[RgbIndexes["a"] = 5] = "a";
 })(RgbIndexes || (RgbIndexes = {}));
+const rgbRegex = /rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;
 export class RgbColorManager {
     constructor() {
         this.key = "rgb";
-        this.stringPrefix = "rgb";
+    }
+    accepts(input) {
+        return input.startsWith("rgb");
     }
     handleColor(color) {
         const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return rgbColor;
+        if (!Object.hasOwn(rgbColor, "r")) {
+            return;
         }
+        return rgbColor;
     }
     handleRangeColor(color) {
         const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return {
-                r: getRangeValue(rgbColor.r),
-                g: getRangeValue(rgbColor.g),
-                b: getRangeValue(rgbColor.b),
-            };
+        if (!Object.hasOwn(rgbColor, "r")) {
+            return;
         }
+        return {
+            r: getRangeValue(rgbColor.r),
+            g: getRangeValue(rgbColor.g),
+            b: getRangeValue(rgbColor.b),
+        };
     }
     parseString(input) {
-        if (!input.startsWith(this.stringPrefix)) {
+        if (!this.accepts(input)) {
             return;
         }
-        const regex = /rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i, result = regex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
+        const result = rgbRegex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
         return result
             ? {
                 a: result.length > minLength ? parseAlpha(result[RgbIndexes.a]) : defaultAlpha,
-                b: parseInt(result[RgbIndexes.b], radix),
-                g: parseInt(result[RgbIndexes.g], radix),
-                r: parseInt(result[RgbIndexes.r], radix),
+                b: parseInt(result[RgbIndexes.b] ?? "0", radix),
+                g: parseInt(result[RgbIndexes.g] ?? "0", radix),
+                r: parseInt(result[RgbIndexes.r] ?? "0", radix),
             }
             : undefined;
     }

package/esm/index.js

@@ -1,5 +1,7 @@
-import { RgbColorManager } from "./RgbColorManager.js";
-export async function loadRgbColorPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addColorManager(new RgbColorManager(), refresh);
+export function loadRgbColorPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { RgbColorManager } = await import("./RgbColorManager.js");
+        e.addColorManager(new RgbColorManager());
+    });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-rgb-color",
-  "version": "3.9.0",
+  "version": "4.0.0-alpha.0",
   "description": "tsParticles RGB color plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,9 +100,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "3.9.0"
+    "@tsparticles/engine": "4.0.0-alpha.0"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module"
 }