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

package/69.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 69.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_hex_color=this.webpackChunk_tsparticles_plugin_hex_color||[]).push([[69],{69(r,a,t){var e;t.d(a,{HexColorManager:()=>i}),function(r){r[r.r=1]="r",r[r.g=2]="g",r[r.b=3]="b",r[r.a=4]="a"}(e||(e={}));const s=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i;class i{constructor(){this.key="hex"}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;const a=r.replace(s,((r,a,t,e,s)=>a+a+t+t+e+e+(void 0!==s?s+s:""))),t=n.exec(a);return t?{a:t[e.a]?parseInt(t[e.a],16)/255:1,b:parseInt(t[e.b]??"0",16),g:parseInt(t[e.g]??"0",16),r:parseInt(t[e.r]??"0",16)}:void 0}}}}]);

package/69.min.js.LICENSE.txt

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

package/browser/HexColorManager.js

@@ -9,7 +9,9 @@ const shorthandHexRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, hexRegex
 export class HexColorManager {
     constructor() {
         this.key = "hex";
-        this.stringPrefix = "#";
+    }
+    accepts(input) {
+        return input.startsWith("#");
     }
     handleColor(color) {
         return this._parseString(color.value);
@@ -21,10 +23,7 @@ export class HexColorManager {
         return this._parseString(input);
     }
     _parseString(hexColor) {
-        if (typeof hexColor !== "string") {
-            return;
-        }
-        if (!hexColor?.startsWith(this.stringPrefix)) {
+        if (typeof hexColor !== "string" || !this.accepts(hexColor)) {
             return;
         }
         const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {
@@ -32,12 +31,10 @@ export class HexColorManager {
         }), result = hexRegex.exec(hexFixed);
         return result
             ? {
-                a: result[RgbIndexes.a] !== undefined
-                    ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor
-                    : defaultAlpha,
-                b: parseInt(result[RgbIndexes.b], hexRadix),
-                g: parseInt(result[RgbIndexes.g], hexRadix),
-                r: parseInt(result[RgbIndexes.r], hexRadix),
+                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),
             }
             : undefined;
     }

package/browser/index.js

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

package/cjs/HexColorManager.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HexColorManager = void 0;
 var RgbIndexes;
 (function (RgbIndexes) {
     RgbIndexes[RgbIndexes["r"] = 1] = "r";
@@ -9,10 +6,12 @@ var RgbIndexes;
     RgbIndexes[RgbIndexes["a"] = 4] = "a";
 })(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;
-class HexColorManager {
+export class HexColorManager {
     constructor() {
         this.key = "hex";
-        this.stringPrefix = "#";
+    }
+    accepts(input) {
+        return input.startsWith("#");
     }
     handleColor(color) {
         return this._parseString(color.value);
@@ -24,10 +23,7 @@ class HexColorManager {
         return this._parseString(input);
     }
     _parseString(hexColor) {
-        if (typeof hexColor !== "string") {
-            return;
-        }
-        if (!hexColor?.startsWith(this.stringPrefix)) {
+        if (typeof hexColor !== "string" || !this.accepts(hexColor)) {
             return;
         }
         const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {
@@ -35,14 +31,11 @@ class HexColorManager {
         }), result = hexRegex.exec(hexFixed);
         return result
             ? {
-                a: result[RgbIndexes.a] !== undefined
-                    ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor
-                    : defaultAlpha,
-                b: parseInt(result[RgbIndexes.b], hexRadix),
-                g: parseInt(result[RgbIndexes.g], hexRadix),
-                r: parseInt(result[RgbIndexes.r], hexRadix),
+                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),
             }
             : undefined;
     }
 }
-exports.HexColorManager = HexColorManager;

package/cjs/index.js

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

package/dist_browser_HexColorManager_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_hex_color"] = this["webpackChunk_tsparticles_plugin_hex_color"] || []).push([["dist_browser_HexColorManager_js"],{
+
+/***/ "./dist/browser/HexColorManager.js"
+/*!*****************************************!*\
+  !*** ./dist/browser/HexColorManager.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 */   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}");
+
+/***/ }
+
+}]);

package/esm/HexColorManager.js

@@ -9,7 +9,9 @@ const shorthandHexRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, hexRegex
 export class HexColorManager {
     constructor() {
         this.key = "hex";
-        this.stringPrefix = "#";
+    }
+    accepts(input) {
+        return input.startsWith("#");
     }
     handleColor(color) {
         return this._parseString(color.value);
@@ -21,10 +23,7 @@ export class HexColorManager {
         return this._parseString(input);
     }
     _parseString(hexColor) {
-        if (typeof hexColor !== "string") {
-            return;
-        }
-        if (!hexColor?.startsWith(this.stringPrefix)) {
+        if (typeof hexColor !== "string" || !this.accepts(hexColor)) {
             return;
         }
         const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {
@@ -32,12 +31,10 @@ export class HexColorManager {
         }), result = hexRegex.exec(hexFixed);
         return result
             ? {
-                a: result[RgbIndexes.a] !== undefined
-                    ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor
-                    : defaultAlpha,
-                b: parseInt(result[RgbIndexes.b], hexRadix),
-                g: parseInt(result[RgbIndexes.g], hexRadix),
-                r: parseInt(result[RgbIndexes.r], hexRadix),
+                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),
             }
             : undefined;
     }

package/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-hex-color",
-  "version": "3.9.0",
+  "version": "4.0.0-alpha.0",
   "description": "tsParticles hex 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"
 }