@tsparticles/plugin-hsl-color 3.9.1 → 4.0.0-alpha.0

package/207.min.js

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

package/207.min.js.LICENSE.txt

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

package/browser/HslColorManager.js

@@ -6,38 +6,43 @@ var HslIndexes;
     HslIndexes[HslIndexes["l"] = 3] = "l";
     HslIndexes[HslIndexes["a"] = 5] = "a";
 })(HslIndexes || (HslIndexes = {}));
+const hslRegex = /hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;
 export class HslColorManager {
     constructor() {
         this.key = "hsl";
-        this.stringPrefix = "hsl";
+    }
+    accepts(input) {
+        return input.startsWith("hsl");
     }
     handleColor(color) {
         const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
-        if (hslColor.h !== undefined && hslColor.s !== undefined && hslColor.l !== undefined) {
-            return hslToRgb(hslColor);
+        if (!Object.hasOwn(hslColor, "h") && !Object.hasOwn(hslColor, "s") && !Object.hasOwn(hslColor, "l")) {
+            return;
         }
+        return hslToRgb(hslColor);
     }
     handleRangeColor(color) {
         const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
-        if (hslColor.h !== undefined && hslColor.l !== undefined) {
-            return hslToRgb({
-                h: getRangeValue(hslColor.h),
-                l: getRangeValue(hslColor.l),
-                s: getRangeValue(hslColor.s),
-            });
+        if (!Object.hasOwn(hslColor, "h") && !Object.hasOwn(hslColor, "s") && !Object.hasOwn(hslColor, "l")) {
+            return;
         }
+        return hslToRgb({
+            h: getRangeValue(hslColor.h),
+            l: getRangeValue(hslColor.l),
+            s: getRangeValue(hslColor.s),
+        });
     }
     parseString(input) {
-        if (!input.startsWith("hsl")) {
+        if (!this.accepts(input)) {
             return;
         }
-        const regex = /hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i, result = regex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;
+        const result = hslRegex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;
         return result
             ? hslaToRgba({
                 a: result.length > minLength ? parseAlpha(result[HslIndexes.a]) : defaultAlpha,
-                h: parseInt(result[HslIndexes.h], radix),
-                l: parseInt(result[HslIndexes.l], radix),
-                s: parseInt(result[HslIndexes.s], radix),
+                h: parseInt(result[HslIndexes.h] ?? "0", radix),
+                l: parseInt(result[HslIndexes.l] ?? "0", radix),
+                s: parseInt(result[HslIndexes.s] ?? "0", radix),
             })
             : undefined;
     }

package/browser/index.js

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

package/cjs/HslColorManager.js

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

package/cjs/index.js

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

package/dist_browser_HslColorManager_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_hsl_color"] = this["webpackChunk_tsparticles_plugin_hsl_color"] || []).push([["dist_browser_HslColorManager_js"],{
+
+/***/ "./dist/browser/HslColorManager.js"
+/*!*****************************************!*\
+  !*** ./dist/browser/HslColorManager.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 */   HslColorManager: () => (/* binding */ HslColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nvar HslIndexes;\n(function (HslIndexes) {\n  HslIndexes[HslIndexes[\"h\"] = 1] = \"h\";\n  HslIndexes[HslIndexes[\"s\"] = 2] = \"s\";\n  HslIndexes[HslIndexes[\"l\"] = 3] = \"l\";\n  HslIndexes[HslIndexes[\"a\"] = 5] = \"a\";\n})(HslIndexes || (HslIndexes = {}));\nconst hslRegex = /hsla?\\(\\s*(\\d+)\\s*[\\s,]\\s*(\\d+)%\\s*[\\s,]\\s*(\\d+)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass HslColorManager {\n  constructor() {\n    this.key = \"hsl\";\n  }\n  accepts(input) {\n    return input.startsWith(\"hsl\");\n  }\n  handleColor(color) {\n    const colorValue = color.value,\n      hslColor = colorValue.hsl ?? color.value;\n    if (!Object.hasOwn(hslColor, \"h\") && !Object.hasOwn(hslColor, \"s\") && !Object.hasOwn(hslColor, \"l\")) {\n      return;\n    }\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)(hslColor);\n  }\n  handleRangeColor(color) {\n    const colorValue = color.value,\n      hslColor = colorValue.hsl ?? color.value;\n    if (!Object.hasOwn(hslColor, \"h\") && !Object.hasOwn(hslColor, \"s\") && !Object.hasOwn(hslColor, \"l\")) {\n      return;\n    }\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)({\n      h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.h),\n      l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.l),\n      s: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.s)\n    });\n  }\n  parseString(input) {\n    if (!this.accepts(input)) {\n      return;\n    }\n    const result = hslRegex.exec(input),\n      minLength = 4,\n      defaultAlpha = 1,\n      radix = 10;\n    return result ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslaToRgba)({\n      a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[HslIndexes.a]) : defaultAlpha,\n      h: parseInt(result[HslIndexes.h] ?? \"0\", radix),\n      l: parseInt(result[HslIndexes.l] ?? \"0\", radix),\n      s: parseInt(result[HslIndexes.s] ?? \"0\", radix)\n    }) : undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-hsl-color/./dist/browser/HslColorManager.js?\n}");
+
+/***/ }
+
+}]);

package/esm/HslColorManager.js

@@ -6,38 +6,43 @@ var HslIndexes;
     HslIndexes[HslIndexes["l"] = 3] = "l";
     HslIndexes[HslIndexes["a"] = 5] = "a";
 })(HslIndexes || (HslIndexes = {}));
+const hslRegex = /hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;
 export class HslColorManager {
     constructor() {
         this.key = "hsl";
-        this.stringPrefix = "hsl";
+    }
+    accepts(input) {
+        return input.startsWith("hsl");
     }
     handleColor(color) {
         const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
-        if (hslColor.h !== undefined && hslColor.s !== undefined && hslColor.l !== undefined) {
-            return hslToRgb(hslColor);
+        if (!Object.hasOwn(hslColor, "h") && !Object.hasOwn(hslColor, "s") && !Object.hasOwn(hslColor, "l")) {
+            return;
         }
+        return hslToRgb(hslColor);
     }
     handleRangeColor(color) {
         const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
-        if (hslColor.h !== undefined && hslColor.l !== undefined) {
-            return hslToRgb({
-                h: getRangeValue(hslColor.h),
-                l: getRangeValue(hslColor.l),
-                s: getRangeValue(hslColor.s),
-            });
+        if (!Object.hasOwn(hslColor, "h") && !Object.hasOwn(hslColor, "s") && !Object.hasOwn(hslColor, "l")) {
+            return;
         }
+        return hslToRgb({
+            h: getRangeValue(hslColor.h),
+            l: getRangeValue(hslColor.l),
+            s: getRangeValue(hslColor.s),
+        });
     }
     parseString(input) {
-        if (!input.startsWith("hsl")) {
+        if (!this.accepts(input)) {
             return;
         }
-        const regex = /hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i, result = regex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;
+        const result = hslRegex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;
         return result
             ? hslaToRgba({
                 a: result.length > minLength ? parseAlpha(result[HslIndexes.a]) : defaultAlpha,
-                h: parseInt(result[HslIndexes.h], radix),
-                l: parseInt(result[HslIndexes.l], radix),
-                s: parseInt(result[HslIndexes.s], radix),
+                h: parseInt(result[HslIndexes.h] ?? "0", radix),
+                l: parseInt(result[HslIndexes.l] ?? "0", radix),
+                s: parseInt(result[HslIndexes.s] ?? "0", radix),
             })
             : undefined;
     }

package/esm/index.js

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

package/package.json

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