@tsparticles/updater-stroke-color 4.0.0-beta.0 → 4.0.0-beta.2

package/496.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_updater_stroke_color=this.webpackChunk_tsparticles_updater_stroke_color||[]).push([[496],{496(e,t,o){o.d(t,{StrokeColorUpdater:()=>r});var i=o(303);class r{_container;_pluginManager;constructor(e,t){this._container=t,this._pluginManager=e}init(e){let t=this._container,o=e.options,r=(0,i.itemFromSingleOrMultiple)(o.stroke,e.id,o.reduceDuplicates);if(!r)return;e.strokeWidth=(0,i.getRangeValue)(r.width)*t.retina.pixelRatio,e.strokeOpacity=(0,i.getRangeValue)(r.opacity??1),e.strokeAnimation=r.color?.animation;let a=(0,i.rangeColorToHsl)(this._pluginManager,r.color)??e.getFillColor();a&&(e.strokeColor=(0,i.getHslAnimationFromHsl)(a,e.strokeAnimation,t.retina.reduceFactor))}isEnabled(e){let t=e.strokeAnimation,{strokeColor:o}=e;return!e.destroyed&&!e.spawning&&!!t&&(o?.h.value!==void 0&&o.h.enable||o?.s.value!==void 0&&o.s.enable||o?.l.value!==void 0&&o.l.enable)}update(e,t){this.isEnabled(e)&&(0,i.updateColor)(e.strokeColor,t)}}}}]);

package/browser/StrokeColorUpdater.js

@@ -2,10 +2,10 @@ import { getHslAnimationFromHsl, getRangeValue, itemFromSingleOrMultiple, rangeC
 const defaultOpacity = 1;
 export class StrokeColorUpdater {
     _container;
-    _engine;
-    constructor(engine, container) {
+    _pluginManager;
+    constructor(pluginManager, container) {
         this._container = container;
-        this._engine = engine;
+        this._pluginManager = pluginManager;
     }
     init(particle) {
         const container = this._container, options = particle.options, stroke = itemFromSingleOrMultiple(options.stroke, particle.id, options.reduceDuplicates);
@@ -15,7 +15,7 @@ export class StrokeColorUpdater {
         particle.strokeWidth = getRangeValue(stroke.width) * container.retina.pixelRatio;
         particle.strokeOpacity = getRangeValue(stroke.opacity ?? defaultOpacity);
         particle.strokeAnimation = stroke.color?.animation;
-        const strokeHslColor = rangeColorToHsl(this._engine, stroke.color) ?? particle.getFillColor();
+        const strokeHslColor = rangeColorToHsl(this._pluginManager, stroke.color) ?? particle.getFillColor();
         if (strokeHslColor) {
             particle.strokeColor = getHslAnimationFromHsl(strokeHslColor, particle.strokeAnimation, container.retina.reduceFactor);
         }

package/browser/Types.js

@@ -1 +1 @@
-export {};
+import {} from "@tsparticles/engine";

package/browser/index.js

@@ -1,9 +1,10 @@
+import {} from "@tsparticles/engine";
 export async function loadStrokeColorUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("strokeColor", async (container) => {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("strokeColor", async (container) => {
             const { StrokeColorUpdater } = await import("./StrokeColorUpdater.js");
-            return new StrokeColorUpdater(e, container);
+            return new StrokeColorUpdater(e.pluginManager, container);
         });
     });
 }

package/cjs/StrokeColorUpdater.js

@@ -2,10 +2,10 @@ import { getHslAnimationFromHsl, getRangeValue, itemFromSingleOrMultiple, rangeC
 const defaultOpacity = 1;
 export class StrokeColorUpdater {
     _container;
-    _engine;
-    constructor(engine, container) {
+    _pluginManager;
+    constructor(pluginManager, container) {
         this._container = container;
-        this._engine = engine;
+        this._pluginManager = pluginManager;
     }
     init(particle) {
         const container = this._container, options = particle.options, stroke = itemFromSingleOrMultiple(options.stroke, particle.id, options.reduceDuplicates);
@@ -15,7 +15,7 @@ export class StrokeColorUpdater {
         particle.strokeWidth = getRangeValue(stroke.width) * container.retina.pixelRatio;
         particle.strokeOpacity = getRangeValue(stroke.opacity ?? defaultOpacity);
         particle.strokeAnimation = stroke.color?.animation;
-        const strokeHslColor = rangeColorToHsl(this._engine, stroke.color) ?? particle.getFillColor();
+        const strokeHslColor = rangeColorToHsl(this._pluginManager, stroke.color) ?? particle.getFillColor();
         if (strokeHslColor) {
             particle.strokeColor = getHslAnimationFromHsl(strokeHslColor, particle.strokeAnimation, container.retina.reduceFactor);
         }

package/cjs/Types.js

@@ -1 +1 @@
-export {};
+import {} from "@tsparticles/engine";

package/cjs/index.js

@@ -1,9 +1,10 @@
+import {} from "@tsparticles/engine";
 export async function loadStrokeColorUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("strokeColor", async (container) => {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("strokeColor", async (container) => {
             const { StrokeColorUpdater } = await import("./StrokeColorUpdater.js");
-            return new StrokeColorUpdater(e, container);
+            return new StrokeColorUpdater(e.pluginManager, container);
         });
     });
 }

package/dist_browser_StrokeColorUpdater_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.2
  */
 "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 */   StrokeColorUpdater: () => (/* binding */ StrokeColorUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultOpacity = 1;\nclass StrokeColorUpdater {\n    _container;\n    _engine;\n    constructor(engine, container){\n        this._container = container;\n        this._engine = engine;\n    }\n    init(particle) {\n        const container = this._container, options = particle.options, stroke = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(options.stroke, particle.id, options.reduceDuplicates);\n        if (!stroke) {\n            return;\n        }\n        particle.strokeWidth = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(stroke.width) * container.retina.pixelRatio;\n        particle.strokeOpacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(stroke.opacity ?? defaultOpacity);\n        particle.strokeAnimation = stroke.color?.animation;\n        const strokeHslColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._engine, stroke.color) ?? particle.getFillColor();\n        if (strokeHslColor) {\n            particle.strokeColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getHslAnimationFromHsl)(strokeHslColor, particle.strokeAnimation, container.retina.reduceFactor);\n        }\n    }\n    isEnabled(particle) {\n        const color = particle.strokeAnimation, { strokeColor } = particle;\n        return !particle.destroyed && !particle.spawning && !!color && (strokeColor?.h.value !== undefined && strokeColor.h.enable || strokeColor?.s.value !== undefined && strokeColor.s.enable || strokeColor?.l.value !== undefined && strokeColor.l.enable);\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateColor)(particle.strokeColor, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-stroke-color/./dist/browser/StrokeColorUpdater.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   StrokeColorUpdater: () => (/* binding */ StrokeColorUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultOpacity = 1;\nclass StrokeColorUpdater {\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._container = container;\n        this._pluginManager = pluginManager;\n    }\n    init(particle) {\n        const container = this._container, options = particle.options, stroke = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(options.stroke, particle.id, options.reduceDuplicates);\n        if (!stroke) {\n            return;\n        }\n        particle.strokeWidth = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(stroke.width) * container.retina.pixelRatio;\n        particle.strokeOpacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(stroke.opacity ?? defaultOpacity);\n        particle.strokeAnimation = stroke.color?.animation;\n        const strokeHslColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._pluginManager, stroke.color) ?? particle.getFillColor();\n        if (strokeHslColor) {\n            particle.strokeColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getHslAnimationFromHsl)(strokeHslColor, particle.strokeAnimation, container.retina.reduceFactor);\n        }\n    }\n    isEnabled(particle) {\n        const color = particle.strokeAnimation, { strokeColor } = particle;\n        return !particle.destroyed && !particle.spawning && !!color && (strokeColor?.h.value !== undefined && strokeColor.h.enable || strokeColor?.s.value !== undefined && strokeColor.s.enable || strokeColor?.l.value !== undefined && strokeColor.l.enable);\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateColor)(particle.strokeColor, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-stroke-color/./dist/browser/StrokeColorUpdater.js?\n}");
 
 /***/ }
 

package/esm/StrokeColorUpdater.js

@@ -2,10 +2,10 @@ import { getHslAnimationFromHsl, getRangeValue, itemFromSingleOrMultiple, rangeC
 const defaultOpacity = 1;
 export class StrokeColorUpdater {
     _container;
-    _engine;
-    constructor(engine, container) {
+    _pluginManager;
+    constructor(pluginManager, container) {
         this._container = container;
-        this._engine = engine;
+        this._pluginManager = pluginManager;
     }
     init(particle) {
         const container = this._container, options = particle.options, stroke = itemFromSingleOrMultiple(options.stroke, particle.id, options.reduceDuplicates);
@@ -15,7 +15,7 @@ export class StrokeColorUpdater {
         particle.strokeWidth = getRangeValue(stroke.width) * container.retina.pixelRatio;
         particle.strokeOpacity = getRangeValue(stroke.opacity ?? defaultOpacity);
         particle.strokeAnimation = stroke.color?.animation;
-        const strokeHslColor = rangeColorToHsl(this._engine, stroke.color) ?? particle.getFillColor();
+        const strokeHslColor = rangeColorToHsl(this._pluginManager, stroke.color) ?? particle.getFillColor();
         if (strokeHslColor) {
             particle.strokeColor = getHslAnimationFromHsl(strokeHslColor, particle.strokeAnimation, container.retina.reduceFactor);
         }

package/esm/Types.js

@@ -1 +1 @@
-export {};
+import {} from "@tsparticles/engine";

package/esm/index.js

@@ -1,9 +1,10 @@
+import {} from "@tsparticles/engine";
 export async function loadStrokeColorUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("strokeColor", async (container) => {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("strokeColor", async (container) => {
             const { StrokeColorUpdater } = await import("./StrokeColorUpdater.js");
-            return new StrokeColorUpdater(e, container);
+            return new StrokeColorUpdater(e.pluginManager, container);
         });
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-stroke-color",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.2",
   "description": "tsParticles particles stroke color updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -81,13 +81,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.1"
   },
   "publishConfig": {
     "access": "public"