@tsparticles/plugin-hsl-color 4.0.0-beta.0 → 4.0.0-beta.10

package/{186.min.js → 591.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_plugin_hsl_color=this.webpackChunk_tsparticles_plugin_hsl_color||[]).push([[186],{186(s,e,l){l.d(e,{HslColorManager:()=>n});var a,t,r=l(303);(a=t||(t={}))[a.h=1]="h",a[a.s=2]="s",a[a.l=3]="l",a[a.a=5]="a";let 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{accepts(s){return s.startsWith("hsl")}handleColor(s){let e=s.value.hsl??s.value;if("h"in e&&"s"in e&&"l"in e)return(0,r.hslToRgb)(e)}handleRangeColor(s){let e=s.value.hsl??s.value;if("h"in e&&"s"in e&&"l"in e)return(0,r.hslToRgb)({h:(0,r.getRangeValue)(e.h),l:(0,r.getRangeValue)(e.l),s:(0,r.getRangeValue)(e.s)})}parseString(s){if(!this.accepts(s))return;let e=h.exec(s);return e?(0,r.hslaToRgba)({a:e.length>4?(0,r.parseAlpha)(e[t.a]):1,h:Number.parseInt(e[t.h]??"0",10),l:Number.parseInt(e[t.l]??"0",10),s:Number.parseInt(e[t.s]??"0",10)}):void 0}}}}]);
+"use strict";(this.webpackChunk_tsparticles_plugin_hsl_color=this.webpackChunk_tsparticles_plugin_hsl_color||[]).push([[591],{591(s,e,l){l.d(e,{HslColorManager:()=>n});var a,t,r=l(303);(a=t||(t={}))[a.h=1]="h",a[a.s=2]="s",a[a.l=3]="l",a[a.a=5]="a";let 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{accepts(s){return s.startsWith("hsl")}handleColor(s){let e=s.value.hsl??s.value;if("h"in e&&"s"in e&&"l"in e)return(0,r.hslToRgb)(e)}handleRangeColor(s){let e=s.value.hsl??s.value;if("h"in e&&"s"in e&&"l"in e)return(0,r.hslToRgb)({h:(0,r.getRangeValue)(e.h),l:(0,r.getRangeValue)(e.l),s:(0,r.getRangeValue)(e.s)})}parseString(s){if(!this.accepts(s))return;let e=h.exec(s);return e?(0,r.hslaToRgba)({a:e.length>4?(0,r.parseAlpha)(e[t.a]):1,h:Number.parseInt(e[t.h]??"0",10),l:Number.parseInt(e[t.l]??"0",10),s:Number.parseInt(e[t.s]??"0",10)}):void 0}}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) plugin for adding the HSL color support.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -72,3 +78,19 @@ import { loadHslColorPlugin } from "@tsparticles/plugin-hsl-color";
   await loadHslColorPlugin();
 })();
 ```
+
+## Option mapping
+
+- This package primarily extends runtime behavior or rendering and may not expose a single dedicated root options key.
+- Use the usage example in this README and combine with the nearest options section in the docs.
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadHslColorPlugin(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/index.js

@@ -1,7 +1,7 @@
 export async function loadHslColorPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
         const { HslColorManager } = await import("./HslColorManager.js");
-        e.addColorManager("hsl", new HslColorManager());
+        e.pluginManager.addColorManager("hsl", new HslColorManager());
     });
 }

package/cjs/index.js

@@ -1,7 +1,7 @@
 export async function loadHslColorPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
         const { HslColorManager } = await import("./HslColorManager.js");
-        e.addColorManager("hsl", new HslColorManager());
+        e.pluginManager.addColorManager("hsl", new HslColorManager());
     });
 }

package/dist_browser_HslColorManager_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-beta.0
+ * v4.0.0-beta.10
  */
 "use strict";
 /*

package/esm/index.js

@@ -1,7 +1,7 @@
 export async function loadHslColorPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
         const { HslColorManager } = await import("./HslColorManager.js");
-        e.addColorManager("hsl", new HslColorManager());
+        e.pluginManager.addColorManager("hsl", new HslColorManager());
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-hsl-color",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles HSL color plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -94,13 +94,12 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"