@tsparticles/plugin-hex-color 4.0.0-alpha.2 → 4.0.0-alpha.20

package/97.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_hex_color=this.webpackChunk_tsparticles_plugin_hex_color||[]).push([[97],{97(r,e,a){var t,s;a.d(e,{HexColorManager:()=>p}),(s=t||(t={}))[s.r=1]="r",s[s.g=2]="g",s[s.b=3]="b",s[s.a=4]="a";let n=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,i=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i;class p{accepts(r){return r.startsWith("#")}handleColor(r){return this._parseString(r.value)}handleRangeColor(r){return this._parseString(r.value)}parseString(r){return this._parseString(r)}_parseString(r){if("string"!=typeof r||!this.accepts(r))return;let e=r.replace(n,(r,e,a,t,s)=>e+e+a+a+t+t+(void 0===s?"":s+s)),a=i.exec(e);return a?{a:a[t.a]?Number.parseInt(a[t.a],16)/255:1,b:Number.parseInt(a[t.b]??"0",16),g:Number.parseInt(a[t.g]??"0",16),r:Number.parseInt(a[t.r]??"0",16)}:void 0}}}}]);

package/browser/HexColorManager.js

@@ -7,9 +7,6 @@ var RgbIndexes;
 })(RgbIndexes || (RgbIndexes = {}));
 const shorthandHexRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, hexRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, hexRadix = 16, defaultAlpha = 1, alphaFactor = 0xff;
 export class HexColorManager {
-    constructor() {
-        this.key = "hex";
-    }
     accepts(input) {
         return input.startsWith("#");
     }
@@ -27,14 +24,14 @@ export class HexColorManager {
             return;
         }
         const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {
-            return r + r + g + g + b + b + (a !== undefined ? a + a : "");
+            return r + r + g + g + b + b + (a === undefined ? "" : a + a);
         }), result = hexRegex.exec(hexFixed);
         return result
             ? {
-                a: result[RgbIndexes.a] ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,
-                b: parseInt(result[RgbIndexes.b] ?? "0", hexRadix),
-                g: parseInt(result[RgbIndexes.g] ?? "0", hexRadix),
-                r: parseInt(result[RgbIndexes.r] ?? "0", hexRadix),
+                a: result[RgbIndexes.a] ? Number.parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,
+                b: Number.parseInt(result[RgbIndexes.b] ?? "0", hexRadix),
+                g: Number.parseInt(result[RgbIndexes.g] ?? "0", hexRadix),
+                r: Number.parseInt(result[RgbIndexes.r] ?? "0", hexRadix),
             }
             : undefined;
     }

package/browser/index.js

@@ -1,7 +1,7 @@
-export function loadHexColorPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
+export async function loadHexColorPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(async (e) => {
         const { HexColorManager } = await import("./HexColorManager.js");
-        e.addColorManager(new HexColorManager());
+        e.addColorManager("hex", new HexColorManager());
     });
 }

package/cjs/HexColorManager.js

@@ -7,9 +7,6 @@ var RgbIndexes;
 })(RgbIndexes || (RgbIndexes = {}));
 const shorthandHexRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, hexRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, hexRadix = 16, defaultAlpha = 1, alphaFactor = 0xff;
 export class HexColorManager {
-    constructor() {
-        this.key = "hex";
-    }
     accepts(input) {
         return input.startsWith("#");
     }
@@ -27,14 +24,14 @@ export class HexColorManager {
             return;
         }
         const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {
-            return r + r + g + g + b + b + (a !== undefined ? a + a : "");
+            return r + r + g + g + b + b + (a === undefined ? "" : a + a);
         }), result = hexRegex.exec(hexFixed);
         return result
             ? {
-                a: result[RgbIndexes.a] ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,
-                b: parseInt(result[RgbIndexes.b] ?? "0", hexRadix),
-                g: parseInt(result[RgbIndexes.g] ?? "0", hexRadix),
-                r: parseInt(result[RgbIndexes.r] ?? "0", hexRadix),
+                a: result[RgbIndexes.a] ? Number.parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,
+                b: Number.parseInt(result[RgbIndexes.b] ?? "0", hexRadix),
+                g: Number.parseInt(result[RgbIndexes.g] ?? "0", hexRadix),
+                r: Number.parseInt(result[RgbIndexes.r] ?? "0", hexRadix),
             }
             : undefined;
     }

package/cjs/index.js

@@ -1,7 +1,7 @@
-export function loadHexColorPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
+export async function loadHexColorPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(async (e) => {
         const { HexColorManager } = await import("./HexColorManager.js");
-        e.addColorManager(new HexColorManager());
+        e.addColorManager("hex", new HexColorManager());
     });
 }

package/dist_browser_HexColorManager_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.2
+ * v4.0.0-alpha.20
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*****************************************/
 (__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 */   HexColorManager: () => (/* binding */ HexColorManager)\n/* harmony export */ });\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\"] = 4] = \"a\";\n})(RgbIndexes || (RgbIndexes = {}));\nconst shorthandHexRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])([a-f\\d])?$/i,\n  hexRegex = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i,\n  hexRadix = 16,\n  defaultAlpha = 1,\n  alphaFactor = 0xff;\nclass HexColorManager {\n  constructor() {\n    this.key = \"hex\";\n  }\n  accepts(input) {\n    return input.startsWith(\"#\");\n  }\n  handleColor(color) {\n    return this._parseString(color.value);\n  }\n  handleRangeColor(color) {\n    return this._parseString(color.value);\n  }\n  parseString(input) {\n    return this._parseString(input);\n  }\n  _parseString(hexColor) {\n    if (typeof hexColor !== \"string\" || !this.accepts(hexColor)) {\n      return;\n    }\n    const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {\n        return r + r + g + g + b + b + (a !== undefined ? a + a : \"\");\n      }),\n      result = hexRegex.exec(hexFixed);\n    return result ? {\n      a: result[RgbIndexes.a] ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,\n      b: parseInt(result[RgbIndexes.b] ?? \"0\", hexRadix),\n      g: parseInt(result[RgbIndexes.g] ?? \"0\", hexRadix),\n      r: parseInt(result[RgbIndexes.r] ?? \"0\", hexRadix)\n    } : undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-hex-color/./dist/browser/HexColorManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HexColorManager: () => (/* binding */ HexColorManager)\n/* harmony export */ });\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\"] = 4] = \"a\";\n})(RgbIndexes || (RgbIndexes = {}));\nconst shorthandHexRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])([a-f\\d])?$/i, hexRegex = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i, hexRadix = 16, defaultAlpha = 1, alphaFactor = 0xff;\nclass HexColorManager {\n    accepts(input) {\n        return input.startsWith(\"#\");\n    }\n    handleColor(color) {\n        return this._parseString(color.value);\n    }\n    handleRangeColor(color) {\n        return this._parseString(color.value);\n    }\n    parseString(input) {\n        return this._parseString(input);\n    }\n    _parseString(hexColor) {\n        if (typeof hexColor !== \"string\" || !this.accepts(hexColor)) {\n            return;\n        }\n        const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a)=>{\n            return r + r + g + g + b + b + (a === undefined ? \"\" : a + a);\n        }), result = hexRegex.exec(hexFixed);\n        return result ? {\n            a: result[RgbIndexes.a] ? Number.parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,\n            b: Number.parseInt(result[RgbIndexes.b] ?? \"0\", hexRadix),\n            g: Number.parseInt(result[RgbIndexes.g] ?? \"0\", hexRadix),\n            r: Number.parseInt(result[RgbIndexes.r] ?? \"0\", hexRadix)\n        } : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-hex-color/./dist/browser/HexColorManager.js?\n}");
 
 /***/ }
 

package/esm/HexColorManager.js

@@ -7,9 +7,6 @@ var RgbIndexes;
 })(RgbIndexes || (RgbIndexes = {}));
 const shorthandHexRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, hexRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, hexRadix = 16, defaultAlpha = 1, alphaFactor = 0xff;
 export class HexColorManager {
-    constructor() {
-        this.key = "hex";
-    }
     accepts(input) {
         return input.startsWith("#");
     }
@@ -27,14 +24,14 @@ export class HexColorManager {
             return;
         }
         const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {
-            return r + r + g + g + b + b + (a !== undefined ? a + a : "");
+            return r + r + g + g + b + b + (a === undefined ? "" : a + a);
         }), result = hexRegex.exec(hexFixed);
         return result
             ? {
-                a: result[RgbIndexes.a] ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,
-                b: parseInt(result[RgbIndexes.b] ?? "0", hexRadix),
-                g: parseInt(result[RgbIndexes.g] ?? "0", hexRadix),
-                r: parseInt(result[RgbIndexes.r] ?? "0", hexRadix),
+                a: result[RgbIndexes.a] ? Number.parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,
+                b: Number.parseInt(result[RgbIndexes.b] ?? "0", hexRadix),
+                g: Number.parseInt(result[RgbIndexes.g] ?? "0", hexRadix),
+                r: Number.parseInt(result[RgbIndexes.r] ?? "0", hexRadix),
             }
             : undefined;
     }

package/esm/index.js

@@ -1,7 +1,7 @@
-export function loadHexColorPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
+export async function loadHexColorPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(async (e) => {
         const { HexColorManager } = await import("./HexColorManager.js");
-        e.addColorManager(new HexColorManager());
+        e.addColorManager("hex", new HexColorManager());
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-hex-color",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.20",
   "description": "tsParticles hex color plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,7 +100,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.2"
+    "@tsparticles/engine": "4.0.0-alpha.20"
   },
   "publishConfig": {
     "access": "public"