@tsparticles/updater-twinkle 4.1.2 → 4.2.0

package/browser/Options/Classes/Twinkle.js

@@ -2,12 +2,8 @@ import { isNull } from "@tsparticles/engine";
 import { TwinkleLinksValues } from "./TwinkleLinksValues.js";
 import { TwinkleParticlesValues } from "./TwinkleParticlesValues.js";
 export class Twinkle {
-    links;
-    particles;
-    constructor() {
-        this.links = new TwinkleLinksValues();
-        this.particles = new TwinkleParticlesValues();
-    }
+    links = new TwinkleLinksValues();
+    particles = new TwinkleParticlesValues();
     load(data) {
         if (isNull(data)) {
             return;

package/browser/Options/Classes/TwinkleLinksValues.js

@@ -1,14 +1,9 @@
-import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class TwinkleLinksValues {
     color;
-    enable;
-    frequency;
-    opacity;
-    constructor() {
-        this.enable = false;
-        this.frequency = 0.05;
-        this.opacity = 1;
-    }
+    enable = false;
+    frequency = 0.05;
+    opacity = 1;
     load(data) {
         if (isNull(data)) {
             return;
@@ -16,14 +11,8 @@ export class TwinkleLinksValues {
         if (data.color !== undefined) {
             this.color = OptionsColor.create(this.color, data.color);
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.frequency !== undefined) {
-            this.frequency = data.frequency;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = setRangeValue(data.opacity);
-        }
+        loadProperty(this, "enable", data.enable);
+        loadProperty(this, "frequency", data.frequency);
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/browser/Options/Classes/TwinkleParticlesValues.js

@@ -1,15 +1,10 @@
-import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class TwinkleParticlesValues {
-    enable;
+    enable = false;
     fillColor;
-    frequency;
-    opacity;
+    frequency = 0.05;
+    opacity = 1;
     strokeColor;
-    constructor() {
-        this.enable = false;
-        this.frequency = 0.05;
-        this.opacity = 1;
-    }
     load(data) {
         if (isNull(data)) {
             return;
@@ -20,14 +15,8 @@ export class TwinkleParticlesValues {
         if (data.strokeColor !== undefined) {
             this.strokeColor = OptionsColor.create(this.strokeColor, data.strokeColor);
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.frequency !== undefined) {
-            this.frequency = data.frequency;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = setRangeValue(data.opacity);
-        }
+        loadProperty(this, "enable", data.enable);
+        loadProperty(this, "frequency", data.frequency);
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/browser/TwinkleUpdater.js

@@ -1,4 +1,4 @@
-import { getRandom, getRangeValue, getStyleFromHsl, rangeColorToHsl, } from "@tsparticles/engine";
+import { getRandom, getRangeValue, getStyleFromHsl, loadOptionProperty, rangeColorToHsl, } from "@tsparticles/engine";
 import { Twinkle } from "./Options/Classes/Twinkle.js";
 export class TwinkleUpdater {
     #container;
@@ -37,10 +37,7 @@ export class TwinkleUpdater {
         return twinkleOptions.particles.enable;
     }
     loadOptions(options, ...sources) {
-        options.twinkle ??= new Twinkle();
-        for (const source of sources) {
-            options.twinkle.load(source?.twinkle);
-        }
+        loadOptionProperty(options, "twinkle", Twinkle, ...sources);
     }
     update() {
     }

package/browser/index.js

@@ -1,6 +1,6 @@
 import { TwinkleUpdater } from "./TwinkleUpdater.js";
 export async function loadTwinkleUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("twinkle", container => {
             return Promise.resolve(new TwinkleUpdater(e.pluginManager, container));

package/browser/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadTwinkleUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("twinkle", async (container) => {
             const { TwinkleUpdater } = await import("./TwinkleUpdater.js");

package/cjs/Options/Classes/Twinkle.js

@@ -2,12 +2,8 @@ import { isNull } from "@tsparticles/engine";
 import { TwinkleLinksValues } from "./TwinkleLinksValues.js";
 import { TwinkleParticlesValues } from "./TwinkleParticlesValues.js";
 export class Twinkle {
-    links;
-    particles;
-    constructor() {
-        this.links = new TwinkleLinksValues();
-        this.particles = new TwinkleParticlesValues();
-    }
+    links = new TwinkleLinksValues();
+    particles = new TwinkleParticlesValues();
     load(data) {
         if (isNull(data)) {
             return;

package/cjs/Options/Classes/TwinkleLinksValues.js

@@ -1,14 +1,9 @@
-import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class TwinkleLinksValues {
     color;
-    enable;
-    frequency;
-    opacity;
-    constructor() {
-        this.enable = false;
-        this.frequency = 0.05;
-        this.opacity = 1;
-    }
+    enable = false;
+    frequency = 0.05;
+    opacity = 1;
     load(data) {
         if (isNull(data)) {
             return;
@@ -16,14 +11,8 @@ export class TwinkleLinksValues {
         if (data.color !== undefined) {
             this.color = OptionsColor.create(this.color, data.color);
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.frequency !== undefined) {
-            this.frequency = data.frequency;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = setRangeValue(data.opacity);
-        }
+        loadProperty(this, "enable", data.enable);
+        loadProperty(this, "frequency", data.frequency);
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/cjs/Options/Classes/TwinkleParticlesValues.js

@@ -1,15 +1,10 @@
-import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class TwinkleParticlesValues {
-    enable;
+    enable = false;
     fillColor;
-    frequency;
-    opacity;
+    frequency = 0.05;
+    opacity = 1;
     strokeColor;
-    constructor() {
-        this.enable = false;
-        this.frequency = 0.05;
-        this.opacity = 1;
-    }
     load(data) {
         if (isNull(data)) {
             return;
@@ -20,14 +15,8 @@ export class TwinkleParticlesValues {
         if (data.strokeColor !== undefined) {
             this.strokeColor = OptionsColor.create(this.strokeColor, data.strokeColor);
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.frequency !== undefined) {
-            this.frequency = data.frequency;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = setRangeValue(data.opacity);
-        }
+        loadProperty(this, "enable", data.enable);
+        loadProperty(this, "frequency", data.frequency);
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/cjs/TwinkleUpdater.js

@@ -1,4 +1,4 @@
-import { getRandom, getRangeValue, getStyleFromHsl, rangeColorToHsl, } from "@tsparticles/engine";
+import { getRandom, getRangeValue, getStyleFromHsl, loadOptionProperty, rangeColorToHsl, } from "@tsparticles/engine";
 import { Twinkle } from "./Options/Classes/Twinkle.js";
 export class TwinkleUpdater {
     #container;
@@ -37,10 +37,7 @@ export class TwinkleUpdater {
         return twinkleOptions.particles.enable;
     }
     loadOptions(options, ...sources) {
-        options.twinkle ??= new Twinkle();
-        for (const source of sources) {
-            options.twinkle.load(source?.twinkle);
-        }
+        loadOptionProperty(options, "twinkle", Twinkle, ...sources);
     }
     update() {
     }

package/cjs/index.js

@@ -1,6 +1,6 @@
 import { TwinkleUpdater } from "./TwinkleUpdater.js";
 export async function loadTwinkleUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("twinkle", container => {
             return Promise.resolve(new TwinkleUpdater(e.pluginManager, container));

package/cjs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadTwinkleUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("twinkle", async (container) => {
             const { TwinkleUpdater } = await import("./TwinkleUpdater.js");

package/esm/Options/Classes/Twinkle.js

@@ -2,12 +2,8 @@ import { isNull } from "@tsparticles/engine";
 import { TwinkleLinksValues } from "./TwinkleLinksValues.js";
 import { TwinkleParticlesValues } from "./TwinkleParticlesValues.js";
 export class Twinkle {
-    links;
-    particles;
-    constructor() {
-        this.links = new TwinkleLinksValues();
-        this.particles = new TwinkleParticlesValues();
-    }
+    links = new TwinkleLinksValues();
+    particles = new TwinkleParticlesValues();
     load(data) {
         if (isNull(data)) {
             return;

package/esm/Options/Classes/TwinkleLinksValues.js

@@ -1,14 +1,9 @@
-import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class TwinkleLinksValues {
     color;
-    enable;
-    frequency;
-    opacity;
-    constructor() {
-        this.enable = false;
-        this.frequency = 0.05;
-        this.opacity = 1;
-    }
+    enable = false;
+    frequency = 0.05;
+    opacity = 1;
     load(data) {
         if (isNull(data)) {
             return;
@@ -16,14 +11,8 @@ export class TwinkleLinksValues {
         if (data.color !== undefined) {
             this.color = OptionsColor.create(this.color, data.color);
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.frequency !== undefined) {
-            this.frequency = data.frequency;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = setRangeValue(data.opacity);
-        }
+        loadProperty(this, "enable", data.enable);
+        loadProperty(this, "frequency", data.frequency);
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/esm/Options/Classes/TwinkleParticlesValues.js

@@ -1,15 +1,10 @@
-import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class TwinkleParticlesValues {
-    enable;
+    enable = false;
     fillColor;
-    frequency;
-    opacity;
+    frequency = 0.05;
+    opacity = 1;
     strokeColor;
-    constructor() {
-        this.enable = false;
-        this.frequency = 0.05;
-        this.opacity = 1;
-    }
     load(data) {
         if (isNull(data)) {
             return;
@@ -20,14 +15,8 @@ export class TwinkleParticlesValues {
         if (data.strokeColor !== undefined) {
             this.strokeColor = OptionsColor.create(this.strokeColor, data.strokeColor);
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.frequency !== undefined) {
-            this.frequency = data.frequency;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = setRangeValue(data.opacity);
-        }
+        loadProperty(this, "enable", data.enable);
+        loadProperty(this, "frequency", data.frequency);
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/esm/TwinkleUpdater.js

@@ -1,4 +1,4 @@
-import { getRandom, getRangeValue, getStyleFromHsl, rangeColorToHsl, } from "@tsparticles/engine";
+import { getRandom, getRangeValue, getStyleFromHsl, loadOptionProperty, rangeColorToHsl, } from "@tsparticles/engine";
 import { Twinkle } from "./Options/Classes/Twinkle.js";
 export class TwinkleUpdater {
     #container;
@@ -37,10 +37,7 @@ export class TwinkleUpdater {
         return twinkleOptions.particles.enable;
     }
     loadOptions(options, ...sources) {
-        options.twinkle ??= new Twinkle();
-        for (const source of sources) {
-            options.twinkle.load(source?.twinkle);
-        }
+        loadOptionProperty(options, "twinkle", Twinkle, ...sources);
     }
     update() {
     }

package/esm/index.js

@@ -1,6 +1,6 @@
 import { TwinkleUpdater } from "./TwinkleUpdater.js";
 export async function loadTwinkleUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("twinkle", container => {
             return Promise.resolve(new TwinkleUpdater(e.pluginManager, container));

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadTwinkleUpdater(engine) {
-    engine.checkVersion("4.1.2");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("twinkle", async (container) => {
             const { TwinkleUpdater } = await import("./TwinkleUpdater.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-twinkle",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "description": "tsParticles particles twinkle updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -93,7 +93,7 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/engine": "4.1.2"
+    "@tsparticles/engine": "4.2.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -4930,7 +4930,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.updater.twinkle.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"e02364fb-1","name":"TwinkleLinksValues.js"},{"uid":"e02364fb-3","name":"TwinkleParticlesValues.js"},{"uid":"e02364fb-5","name":"Twinkle.js"}]},{"uid":"e02364fb-7","name":"TwinkleUpdater.js"},{"uid":"e02364fb-9","name":"index.js"},{"uid":"e02364fb-11","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"e02364fb-1":{"renderedLength":822,"gzipLength":0,"brotliLength":0,"metaUid":"e02364fb-0"},"e02364fb-3":{"renderedLength":1030,"gzipLength":0,"brotliLength":0,"metaUid":"e02364fb-2"},"e02364fb-5":{"renderedLength":401,"gzipLength":0,"brotliLength":0,"metaUid":"e02364fb-4"},"e02364fb-7":{"renderedLength":2345,"gzipLength":0,"brotliLength":0,"metaUid":"e02364fb-6"},"e02364fb-9":{"renderedLength":331,"gzipLength":0,"brotliLength":0,"metaUid":"e02364fb-8"},"e02364fb-11":{"renderedLength":179,"gzipLength":0,"brotliLength":0,"metaUid":"e02364fb-10"}},"nodeMetas":{"e02364fb-0":{"id":"/dist/browser/Options/Classes/TwinkleLinksValues.js","moduleParts":{"tsparticles.updater.twinkle.js":"e02364fb-1"},"imported":[{"uid":"e02364fb-12"}],"importedBy":[{"uid":"e02364fb-4"}]},"e02364fb-2":{"id":"/dist/browser/Options/Classes/TwinkleParticlesValues.js","moduleParts":{"tsparticles.updater.twinkle.js":"e02364fb-3"},"imported":[{"uid":"e02364fb-12"}],"importedBy":[{"uid":"e02364fb-4"}]},"e02364fb-4":{"id":"/dist/browser/Options/Classes/Twinkle.js","moduleParts":{"tsparticles.updater.twinkle.js":"e02364fb-5"},"imported":[{"uid":"e02364fb-12"},{"uid":"e02364fb-0"},{"uid":"e02364fb-2"}],"importedBy":[{"uid":"e02364fb-6"}]},"e02364fb-6":{"id":"/dist/browser/TwinkleUpdater.js","moduleParts":{"tsparticles.updater.twinkle.js":"e02364fb-7"},"imported":[{"uid":"e02364fb-12"},{"uid":"e02364fb-4"}],"importedBy":[{"uid":"e02364fb-8"}]},"e02364fb-8":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.updater.twinkle.js":"e02364fb-9"},"imported":[{"uid":"e02364fb-6"}],"importedBy":[{"uid":"e02364fb-10"}]},"e02364fb-10":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.updater.twinkle.js":"e02364fb-11"},"imported":[{"uid":"e02364fb-8"}],"importedBy":[],"isEntry":true},"e02364fb-12":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"e02364fb-6"},{"uid":"e02364fb-4"},{"uid":"e02364fb-0"},{"uid":"e02364fb-2"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.updater.twinkle.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"2d2290db-1","name":"TwinkleLinksValues.js"},{"uid":"2d2290db-3","name":"TwinkleParticlesValues.js"},{"uid":"2d2290db-5","name":"Twinkle.js"}]},{"uid":"2d2290db-7","name":"TwinkleUpdater.js"},{"uid":"2d2290db-9","name":"index.js"},{"uid":"2d2290db-11","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"2d2290db-1":{"renderedLength":568,"gzipLength":0,"brotliLength":0,"metaUid":"2d2290db-0"},"2d2290db-3":{"renderedLength":776,"gzipLength":0,"brotliLength":0,"metaUid":"2d2290db-2"},"2d2290db-5":{"renderedLength":315,"gzipLength":0,"brotliLength":0,"metaUid":"2d2290db-4"},"2d2290db-7":{"renderedLength":2265,"gzipLength":0,"brotliLength":0,"metaUid":"2d2290db-6"},"2d2290db-9":{"renderedLength":331,"gzipLength":0,"brotliLength":0,"metaUid":"2d2290db-8"},"2d2290db-11":{"renderedLength":179,"gzipLength":0,"brotliLength":0,"metaUid":"2d2290db-10"}},"nodeMetas":{"2d2290db-0":{"id":"/dist/browser/Options/Classes/TwinkleLinksValues.js","moduleParts":{"tsparticles.updater.twinkle.js":"2d2290db-1"},"imported":[{"uid":"2d2290db-12"}],"importedBy":[{"uid":"2d2290db-4"}]},"2d2290db-2":{"id":"/dist/browser/Options/Classes/TwinkleParticlesValues.js","moduleParts":{"tsparticles.updater.twinkle.js":"2d2290db-3"},"imported":[{"uid":"2d2290db-12"}],"importedBy":[{"uid":"2d2290db-4"}]},"2d2290db-4":{"id":"/dist/browser/Options/Classes/Twinkle.js","moduleParts":{"tsparticles.updater.twinkle.js":"2d2290db-5"},"imported":[{"uid":"2d2290db-12"},{"uid":"2d2290db-0"},{"uid":"2d2290db-2"}],"importedBy":[{"uid":"2d2290db-6"}]},"2d2290db-6":{"id":"/dist/browser/TwinkleUpdater.js","moduleParts":{"tsparticles.updater.twinkle.js":"2d2290db-7"},"imported":[{"uid":"2d2290db-12"},{"uid":"2d2290db-4"}],"importedBy":[{"uid":"2d2290db-8"}]},"2d2290db-8":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.updater.twinkle.js":"2d2290db-9"},"imported":[{"uid":"2d2290db-6"}],"importedBy":[{"uid":"2d2290db-10"}]},"2d2290db-10":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.updater.twinkle.js":"2d2290db-11"},"imported":[{"uid":"2d2290db-8"}],"importedBy":[],"isEntry":true},"2d2290db-12":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"2d2290db-6"},{"uid":"2d2290db-4"},{"uid":"2d2290db-0"},{"uid":"2d2290db-2"}],"isExternal":true}},"env":{"rollup":"4.62.0"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.updater.twinkle.js

@@ -1,5 +1,5 @@
 (function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
-/* Updater v4.1.2 */
+/* Updater v4.2.0 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/engine')) :
     typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine'], factory) :
@@ -8,14 +8,9 @@
 
     class TwinkleLinksValues {
         color;
-        enable;
-        frequency;
-        opacity;
-        constructor() {
-            this.enable = false;
-            this.frequency = 0.05;
-            this.opacity = 1;
-        }
+        enable = false;
+        frequency = 0.05;
+        opacity = 1;
         load(data) {
             if (engine.isNull(data)) {
                 return;
@@ -23,29 +18,18 @@
             if (data.color !== undefined) {
                 this.color = engine.OptionsColor.create(this.color, data.color);
             }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
-            if (data.frequency !== undefined) {
-                this.frequency = data.frequency;
-            }
-            if (data.opacity !== undefined) {
-                this.opacity = engine.setRangeValue(data.opacity);
-            }
+            engine.loadProperty(this, "enable", data.enable);
+            engine.loadProperty(this, "frequency", data.frequency);
+            engine.loadRangeProperty(this, "opacity", data.opacity);
         }
     }
 
     class TwinkleParticlesValues {
-        enable;
+        enable = false;
         fillColor;
-        frequency;
-        opacity;
+        frequency = 0.05;
+        opacity = 1;
         strokeColor;
-        constructor() {
-            this.enable = false;
-            this.frequency = 0.05;
-            this.opacity = 1;
-        }
         load(data) {
             if (engine.isNull(data)) {
                 return;
@@ -56,25 +40,15 @@
             if (data.strokeColor !== undefined) {
                 this.strokeColor = engine.OptionsColor.create(this.strokeColor, data.strokeColor);
             }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
-            if (data.frequency !== undefined) {
-                this.frequency = data.frequency;
-            }
-            if (data.opacity !== undefined) {
-                this.opacity = engine.setRangeValue(data.opacity);
-            }
+            engine.loadProperty(this, "enable", data.enable);
+            engine.loadProperty(this, "frequency", data.frequency);
+            engine.loadRangeProperty(this, "opacity", data.opacity);
         }
     }
 
     class Twinkle {
-        links;
-        particles;
-        constructor() {
-            this.links = new TwinkleLinksValues();
-            this.particles = new TwinkleParticlesValues();
-        }
+        links = new TwinkleLinksValues();
+        particles = new TwinkleParticlesValues();
         load(data) {
             if (engine.isNull(data)) {
                 return;
@@ -121,17 +95,14 @@
             return twinkleOptions.particles.enable;
         }
         loadOptions(options, ...sources) {
-            options.twinkle ??= new Twinkle();
-            for (const source of sources) {
-                options.twinkle.load(source?.twinkle);
-            }
+            engine.loadOptionProperty(options, "twinkle", Twinkle, ...sources);
         }
         update() {
         }
     }
 
     async function loadTwinkleUpdater(engine) {
-        engine.checkVersion("4.1.2");
+        engine.checkVersion("4.2.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("twinkle", container => {
                 return Promise.resolve(new TwinkleUpdater(e.pluginManager, container));

package/tsparticles.updater.twinkle.min.js

@@ -1 +1 @@
-!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.updaters.twinkle=t.__tsParticlesInternals.updaters.twinkle||{}),t.__tsParticlesInternals.engine)}(this,function(t,s){"use strict";class e{color;enable;frequency;opacity;constructor(){this.enable=!1,this.frequency=.05,this.opacity=1}load(t){s.isNull(t)||(void 0!==t.color&&(this.color=s.OptionsColor.create(this.color,t.color)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.frequency&&(this.frequency=t.frequency),void 0!==t.opacity&&(this.opacity=s.setRangeValue(t.opacity)))}}class n{enable;fillColor;frequency;opacity;strokeColor;constructor(){this.enable=!1,this.frequency=.05,this.opacity=1}load(t){s.isNull(t)||(void 0!==t.fillColor&&(this.fillColor=s.OptionsColor.create(this.fillColor,t.fillColor)),void 0!==t.strokeColor&&(this.strokeColor=s.OptionsColor.create(this.strokeColor,t.strokeColor)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.frequency&&(this.frequency=t.frequency),void 0!==t.opacity&&(this.opacity=s.setRangeValue(t.opacity)))}}class l{links;particles;constructor(){this.links=new e,this.particles=new n}load(t){s.isNull(t)||(this.links.load(t.links),this.particles.load(t.particles))}}class a{#t;#s;constructor(t,s){this.#s=t,this.#t=s}getColorStyles(t,e,n,l){const a=t.options,r=this.#t,i=a.twinkle;if(!i)return{};const c=i.particles,o=c.enable&&s.getRandom()<c.frequency,_=t.options.zIndex,p=(1-t.zIndexFactor)**_.opacityRate,u=o?s.getRangeValue(c.opacity)*p:l,I=s.rangeColorToHsl(this.#s,c.fillColor),P=s.rangeColorToHsl(this.#s,c.strokeColor),d=(()=>{if(I)return s.getStyleFromHsl(I,r.hdr,u)})(),h=(()=>{if(P)return s.getStyleFromHsl(P,r.hdr,u)})(),f={},g=o&&(!!d||!!h);return f.fill=g?d:void 0,f.stroke=g?h:void 0,f}init(){}isEnabled(t){const s=t.options.twinkle;return!!s&&s.particles.enable}loadOptions(t,...s){t.twinkle??=new l;for(const e of s)t.twinkle.load(e?.twinkle)}update(){}}async function r(t){t.checkVersion("4.1.2"),await t.pluginManager.register(t=>{t.pluginManager.addParticleUpdater("twinkle",s=>Promise.resolve(new a(t.pluginManager,s)))})}const i=globalThis;i.__tsParticlesInternals=i.__tsParticlesInternals??{},i.loadTwinkleUpdater=r,t.loadTwinkleUpdater=r}),Object.assign(globalThis.window||globalThis,{loadTwinkleUpdater:(globalThis.__tsParticlesInternals.updaters.twinkle||{}).loadTwinkleUpdater}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
+!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.updaters.twinkle=t.__tsParticlesInternals.updaters.twinkle||{}),t.__tsParticlesInternals.engine)}(this,function(t,s){"use strict";class e{color;enable=!1;frequency=.05;opacity=1;load(t){s.isNull(t)||(void 0!==t.color&&(this.color=s.OptionsColor.create(this.color,t.color)),s.loadProperty(this,"enable",t.enable),s.loadProperty(this,"frequency",t.frequency),s.loadRangeProperty(this,"opacity",t.opacity))}}class n{enable=!1;fillColor;frequency=.05;opacity=1;strokeColor;load(t){s.isNull(t)||(void 0!==t.fillColor&&(this.fillColor=s.OptionsColor.create(this.fillColor,t.fillColor)),void 0!==t.strokeColor&&(this.strokeColor=s.OptionsColor.create(this.strokeColor,t.strokeColor)),s.loadProperty(this,"enable",t.enable),s.loadProperty(this,"frequency",t.frequency),s.loadRangeProperty(this,"opacity",t.opacity))}}class l{links=new e;particles=new n;load(t){s.isNull(t)||(this.links.load(t.links),this.particles.load(t.particles))}}class a{#t;#s;constructor(t,s){this.#s=t,this.#t=s}getColorStyles(t,e,n,l){const a=t.options,r=this.#t,i=a.twinkle;if(!i)return{};const o=i.particles,c=o.enable&&s.getRandom()<o.frequency,_=t.options.zIndex,p=(1-t.zIndexFactor)**_.opacityRate,P=c?s.getRangeValue(o.opacity)*p:l,I=s.rangeColorToHsl(this.#s,o.fillColor),u=s.rangeColorToHsl(this.#s,o.strokeColor),d=(()=>{if(I)return s.getStyleFromHsl(I,r.hdr,P)})(),h=(()=>{if(u)return s.getStyleFromHsl(u,r.hdr,P)})(),g={},f=c&&(!!d||!!h);return g.fill=f?d:void 0,g.stroke=f?h:void 0,g}init(){}isEnabled(t){const s=t.options.twinkle;return!!s&&s.particles.enable}loadOptions(t,...e){s.loadOptionProperty(t,"twinkle",l,...e)}update(){}}async function r(t){t.checkVersion("4.2.0"),await t.pluginManager.register(t=>{t.pluginManager.addParticleUpdater("twinkle",s=>Promise.resolve(new a(t.pluginManager,s)))})}const i=globalThis;i.__tsParticlesInternals=i.__tsParticlesInternals??{},i.loadTwinkleUpdater=r,t.loadTwinkleUpdater=r}),Object.assign(globalThis.window||globalThis,{loadTwinkleUpdater:(globalThis.__tsParticlesInternals.updaters.twinkle||{}).loadTwinkleUpdater}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/Options/Classes/Twinkle.d.ts

@@ -3,8 +3,7 @@ import type { ITwinkle } from "../Interfaces/ITwinkle.js";
 import { TwinkleLinksValues } from "./TwinkleLinksValues.js";
 import { TwinkleParticlesValues } from "./TwinkleParticlesValues.js";
 export declare class Twinkle implements ITwinkle, IOptionLoader<ITwinkle> {
-    links: TwinkleLinksValues;
-    particles: TwinkleParticlesValues;
-    constructor();
+    readonly links: TwinkleLinksValues;
+    readonly particles: TwinkleParticlesValues;
     load(data?: RecursivePartial<ITwinkle>): void;
 }

package/types/Options/Classes/TwinkleLinksValues.d.ts

@@ -5,6 +5,5 @@ export declare class TwinkleLinksValues implements ITwinkleLinksValues, IOptionL
     enable: boolean;
     frequency: number;
     opacity: RangeValue;
-    constructor();
     load(data?: RecursivePartial<ITwinkleLinksValues>): void;
 }

package/types/Options/Classes/TwinkleParticlesValues.d.ts

@@ -6,6 +6,5 @@ export declare class TwinkleParticlesValues implements ITwinkleParticlesValues,
     frequency: number;
     opacity: RangeValue;
     strokeColor?: OptionsColor;
-    constructor();
     load(data?: RecursivePartial<ITwinkleParticlesValues>): void;
 }