@tsparticles/updater-size 3.0.0-alpha.1 → 3.0.0-beta.1

package/README.md

@@ -2,9 +2,9 @@
 
 # tsParticles Size Updater
 
-[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-updater-size/badge)](https://www.jsdelivr.com/package/npm/tsparticles-updater-size)
-[![npmjs](https://badge.fury.io/js/tsparticles-updater-size.svg)](https://www.npmjs.com/package/tsparticles-updater-size)
-[![npmjs](https://img.shields.io/npm/dt/tsparticles-updater-size)](https://www.npmjs.com/package/tsparticles-updater-size) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/updater-size/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/updater-size)
+[![npmjs](https://badge.fury.io/js/@tsparticles/updater-size.svg)](https://www.npmjs.com/package/@tsparticles/updater-size)
+[![npmjs](https://img.shields.io/npm/dt/@tsparticles/updater-size)](https://www.npmjs.com/package/@tsparticles/updater-size) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
 [tsParticles](https://github.com/matteobruni/tsparticles) updater plugin for size animations.
 
@@ -26,7 +26,7 @@ Once the scripts are loaded you can set up `tsParticles` and the updater plugin
 
 ```javascript
 (async () => {
-  await loadSizeUpdater();
+  await loadSizeUpdater(tsParticles);
 
   await tsParticles.load({
     id: "tsparticles",
@@ -42,29 +42,33 @@ Once the scripts are loaded you can set up `tsParticles` and the updater plugin
 This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:
 
 ```shell
-$ npm install tsparticles-updater-size
+$ npm install @tsparticles/updater-size
 ```
 
 or
 
 ```shell
-$ yarn add tsparticles-updater-size
+$ yarn add @tsparticles/updater-size
 ```
 
 Then you need to import it in the app, like this:
 
 ```javascript
-const { tsParticles } = require("tsparticles-engine");
-const { loadSizeUpdater } = require("tsparticles-updater-size");
+const { tsParticles } = require("@tsparticles/engine");
+const { loadSizeUpdater } = require("@tsparticles/updater-size");
 
-loadSizeUpdater(tsParticles);
+(async () => {
+  await loadSizeUpdater(tsParticles);
+})();
 ```
 
 or
 
 ```javascript
-import { tsParticles } from "tsparticles-engine";
-import { loadSizeUpdater } from "tsparticles-updater-size";
+import { tsParticles } from "@tsparticles/engine";
+import { loadSizeUpdater } from "@tsparticles/updater-size";
 
-loadSizeUpdater(tsParticles);
+(async () => {
+  await loadSizeUpdater(tsParticles);
+})();
 ```

package/browser/SizeUpdater.js

@@ -1,66 +1,11 @@
-import { clamp, getRandom } from "@tsparticles/engine";
-function checkDestroy(particle, value, minValue, maxValue) {
-    switch (particle.options.size.animation.destroy) {
-        case "max":
-            if (value >= maxValue) {
-                particle.destroy();
-            }
-            break;
-        case "min":
-            if (value <= minValue) {
-                particle.destroy();
-            }
-            break;
-    }
-}
-function updateSize(particle, delta) {
-    var _a, _b, _c, _d, _e;
-    const sizeVelocity = ((_a = particle.size.velocity) !== null && _a !== void 0 ? _a : 0) * delta.factor, minValue = particle.size.min, maxValue = particle.size.max, decay = (_b = particle.size.decay) !== null && _b !== void 0 ? _b : 1;
-    if (particle.destroyed ||
-        !particle.size.enable ||
-        (((_c = particle.size.maxLoops) !== null && _c !== void 0 ? _c : 0) > 0 && ((_d = particle.size.loops) !== null && _d !== void 0 ? _d : 0) > ((_e = particle.size.maxLoops) !== null && _e !== void 0 ? _e : 0))) {
-        return;
-    }
-    switch (particle.size.status) {
-        case "increasing":
-            if (particle.size.value >= maxValue) {
-                particle.size.status = "decreasing";
-                if (!particle.size.loops) {
-                    particle.size.loops = 0;
-                }
-                particle.size.loops++;
-            }
-            else {
-                particle.size.value += sizeVelocity;
-            }
-            break;
-        case "decreasing":
-            if (particle.size.value <= minValue) {
-                particle.size.status = "increasing";
-                if (!particle.size.loops) {
-                    particle.size.loops = 0;
-                }
-                particle.size.loops++;
-            }
-            else {
-                particle.size.value -= sizeVelocity;
-            }
-    }
-    if (particle.size.velocity && decay !== 1) {
-        particle.size.velocity *= decay;
-    }
-    checkDestroy(particle, particle.size.value, minValue, maxValue);
-    if (!particle.destroyed) {
-        particle.size.value = clamp(particle.size.value, minValue, maxValue);
-    }
-}
+import { getRandom } from "@tsparticles/engine";
+import { updateSize } from "./Utils.js";
 export class SizeUpdater {
     init(particle) {
-        var _a;
         const container = particle.container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;
         if (sizeAnimation.enable) {
             particle.size.velocity =
-                (((_a = particle.retina.sizeAnimationSpeed) !== null && _a !== void 0 ? _a : container.retina.sizeAnimationSpeed) / 100) *
+                ((particle.retina.sizeAnimationSpeed ?? container.retina.sizeAnimationSpeed) / 100) *
                     container.retina.reduceFactor;
             if (!sizeAnimation.sync) {
                 particle.size.velocity *= getRandom();
@@ -68,12 +13,11 @@ export class SizeUpdater {
         }
     }
     isEnabled(particle) {
-        var _a, _b, _c, _d;
         return (!particle.destroyed &&
             !particle.spawning &&
             particle.size.enable &&
-            (((_a = particle.size.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 ||
-                (((_b = particle.size.maxLoops) !== null && _b !== void 0 ? _b : 0) > 0 && ((_c = particle.size.loops) !== null && _c !== void 0 ? _c : 0) < ((_d = particle.size.maxLoops) !== null && _d !== void 0 ? _d : 0))));
+            ((particle.size.maxLoops ?? 0) <= 0 ||
+                ((particle.size.maxLoops ?? 0) > 0 && (particle.size.loops ?? 0) < (particle.size.maxLoops ?? 0))));
     }
     reset(particle) {
         particle.size.loops = 0;

package/browser/Utils.js

@@ -0,0 +1,66 @@
+import { clamp } from "@tsparticles/engine";
+function checkDestroy(particle, value, minValue, maxValue) {
+    switch (particle.options.size.animation.destroy) {
+        case "max":
+            if (value >= maxValue) {
+                particle.destroy();
+            }
+            break;
+        case "min":
+            if (value <= minValue) {
+                particle.destroy();
+            }
+            break;
+    }
+}
+export function updateSize(particle, delta) {
+    const data = particle.size;
+    if (particle.destroyed ||
+        !data ||
+        !data.enable ||
+        ((data.maxLoops ?? 0) > 0 && (data.loops ?? 0) > (data.maxLoops ?? 0))) {
+        return;
+    }
+    const sizeVelocity = (data.velocity ?? 0) * delta.factor, minValue = data.min, maxValue = data.max, decay = data.decay ?? 1;
+    if (!data.time) {
+        data.time = 0;
+    }
+    if ((data.delayTime ?? 0) > 0 && data.time < (data.delayTime ?? 0)) {
+        data.time += delta.value;
+    }
+    if ((data.delayTime ?? 0) > 0 && data.time < (data.delayTime ?? 0)) {
+        return;
+    }
+    switch (data.status) {
+        case "increasing":
+            if (data.value >= maxValue) {
+                data.status = "decreasing";
+                if (!data.loops) {
+                    data.loops = 0;
+                }
+                data.loops++;
+            }
+            else {
+                data.value += sizeVelocity;
+            }
+            break;
+        case "decreasing":
+            if (data.value <= minValue) {
+                data.status = "increasing";
+                if (!data.loops) {
+                    data.loops = 0;
+                }
+                data.loops++;
+            }
+            else {
+                data.value -= sizeVelocity;
+            }
+    }
+    if (data.velocity && decay !== 1) {
+        data.velocity *= decay;
+    }
+    checkDestroy(particle, data.value, minValue, maxValue);
+    if (!particle.destroyed) {
+        data.value = clamp(data.value, minValue, maxValue);
+    }
+}

package/browser/index.js

@@ -1,4 +1,4 @@
-import { SizeUpdater } from "./SizeUpdater";
-export async function loadSizeUpdater(engine) {
-    await engine.addParticleUpdater("size", () => new SizeUpdater());
+import { SizeUpdater } from "./SizeUpdater.js";
+export async function loadSizeUpdater(engine, refresh = true) {
+    await engine.addParticleUpdater("size", () => new SizeUpdater(), refresh);
 }

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/cjs/SizeUpdater.js

@@ -2,68 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SizeUpdater = void 0;
 const engine_1 = require("@tsparticles/engine");
-function checkDestroy(particle, value, minValue, maxValue) {
-    switch (particle.options.size.animation.destroy) {
-        case "max":
-            if (value >= maxValue) {
-                particle.destroy();
-            }
-            break;
-        case "min":
-            if (value <= minValue) {
-                particle.destroy();
-            }
-            break;
-    }
-}
-function updateSize(particle, delta) {
-    var _a, _b, _c, _d, _e;
-    const sizeVelocity = ((_a = particle.size.velocity) !== null && _a !== void 0 ? _a : 0) * delta.factor, minValue = particle.size.min, maxValue = particle.size.max, decay = (_b = particle.size.decay) !== null && _b !== void 0 ? _b : 1;
-    if (particle.destroyed ||
-        !particle.size.enable ||
-        (((_c = particle.size.maxLoops) !== null && _c !== void 0 ? _c : 0) > 0 && ((_d = particle.size.loops) !== null && _d !== void 0 ? _d : 0) > ((_e = particle.size.maxLoops) !== null && _e !== void 0 ? _e : 0))) {
-        return;
-    }
-    switch (particle.size.status) {
-        case "increasing":
-            if (particle.size.value >= maxValue) {
-                particle.size.status = "decreasing";
-                if (!particle.size.loops) {
-                    particle.size.loops = 0;
-                }
-                particle.size.loops++;
-            }
-            else {
-                particle.size.value += sizeVelocity;
-            }
-            break;
-        case "decreasing":
-            if (particle.size.value <= minValue) {
-                particle.size.status = "increasing";
-                if (!particle.size.loops) {
-                    particle.size.loops = 0;
-                }
-                particle.size.loops++;
-            }
-            else {
-                particle.size.value -= sizeVelocity;
-            }
-    }
-    if (particle.size.velocity && decay !== 1) {
-        particle.size.velocity *= decay;
-    }
-    checkDestroy(particle, particle.size.value, minValue, maxValue);
-    if (!particle.destroyed) {
-        particle.size.value = (0, engine_1.clamp)(particle.size.value, minValue, maxValue);
-    }
-}
+const Utils_js_1 = require("./Utils.js");
 class SizeUpdater {
     init(particle) {
-        var _a;
         const container = particle.container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;
         if (sizeAnimation.enable) {
             particle.size.velocity =
-                (((_a = particle.retina.sizeAnimationSpeed) !== null && _a !== void 0 ? _a : container.retina.sizeAnimationSpeed) / 100) *
+                ((particle.retina.sizeAnimationSpeed ?? container.retina.sizeAnimationSpeed) / 100) *
                     container.retina.reduceFactor;
             if (!sizeAnimation.sync) {
                 particle.size.velocity *= (0, engine_1.getRandom)();
@@ -71,12 +16,11 @@ class SizeUpdater {
         }
     }
     isEnabled(particle) {
-        var _a, _b, _c, _d;
         return (!particle.destroyed &&
             !particle.spawning &&
             particle.size.enable &&
-            (((_a = particle.size.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 ||
-                (((_b = particle.size.maxLoops) !== null && _b !== void 0 ? _b : 0) > 0 && ((_c = particle.size.loops) !== null && _c !== void 0 ? _c : 0) < ((_d = particle.size.maxLoops) !== null && _d !== void 0 ? _d : 0))));
+            ((particle.size.maxLoops ?? 0) <= 0 ||
+                ((particle.size.maxLoops ?? 0) > 0 && (particle.size.loops ?? 0) < (particle.size.maxLoops ?? 0))));
     }
     reset(particle) {
         particle.size.loops = 0;
@@ -85,7 +29,7 @@ class SizeUpdater {
         if (!this.isEnabled(particle)) {
             return;
         }
-        updateSize(particle, delta);
+        (0, Utils_js_1.updateSize)(particle, delta);
     }
 }
 exports.SizeUpdater = SizeUpdater;

package/cjs/Utils.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateSize = void 0;
+const engine_1 = require("@tsparticles/engine");
+function checkDestroy(particle, value, minValue, maxValue) {
+    switch (particle.options.size.animation.destroy) {
+        case "max":
+            if (value >= maxValue) {
+                particle.destroy();
+            }
+            break;
+        case "min":
+            if (value <= minValue) {
+                particle.destroy();
+            }
+            break;
+    }
+}
+function updateSize(particle, delta) {
+    const data = particle.size;
+    if (particle.destroyed ||
+        !data ||
+        !data.enable ||
+        ((data.maxLoops ?? 0) > 0 && (data.loops ?? 0) > (data.maxLoops ?? 0))) {
+        return;
+    }
+    const sizeVelocity = (data.velocity ?? 0) * delta.factor, minValue = data.min, maxValue = data.max, decay = data.decay ?? 1;
+    if (!data.time) {
+        data.time = 0;
+    }
+    if ((data.delayTime ?? 0) > 0 && data.time < (data.delayTime ?? 0)) {
+        data.time += delta.value;
+    }
+    if ((data.delayTime ?? 0) > 0 && data.time < (data.delayTime ?? 0)) {
+        return;
+    }
+    switch (data.status) {
+        case "increasing":
+            if (data.value >= maxValue) {
+                data.status = "decreasing";
+                if (!data.loops) {
+                    data.loops = 0;
+                }
+                data.loops++;
+            }
+            else {
+                data.value += sizeVelocity;
+            }
+            break;
+        case "decreasing":
+            if (data.value <= minValue) {
+                data.status = "increasing";
+                if (!data.loops) {
+                    data.loops = 0;
+                }
+                data.loops++;
+            }
+            else {
+                data.value -= sizeVelocity;
+            }
+    }
+    if (data.velocity && decay !== 1) {
+        data.velocity *= decay;
+    }
+    checkDestroy(particle, data.value, minValue, maxValue);
+    if (!particle.destroyed) {
+        data.value = (0, engine_1.clamp)(data.value, minValue, maxValue);
+    }
+}
+exports.updateSize = updateSize;

package/cjs/index.js

@@ -1,19 +1,8 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadSizeUpdater = void 0;
-const SizeUpdater_1 = require("./SizeUpdater");
-function loadSizeUpdater(engine) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield engine.addParticleUpdater("size", () => new SizeUpdater_1.SizeUpdater());
-    });
+const SizeUpdater_js_1 = require("./SizeUpdater.js");
+async function loadSizeUpdater(engine, refresh = true) {
+    await engine.addParticleUpdater("size", () => new SizeUpdater_js_1.SizeUpdater(), refresh);
 }
 exports.loadSizeUpdater = loadSizeUpdater;

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/esm/SizeUpdater.js

@@ -1,66 +1,11 @@
-import { clamp, getRandom } from "@tsparticles/engine";
-function checkDestroy(particle, value, minValue, maxValue) {
-    switch (particle.options.size.animation.destroy) {
-        case "max":
-            if (value >= maxValue) {
-                particle.destroy();
-            }
-            break;
-        case "min":
-            if (value <= minValue) {
-                particle.destroy();
-            }
-            break;
-    }
-}
-function updateSize(particle, delta) {
-    var _a, _b, _c, _d, _e;
-    const sizeVelocity = ((_a = particle.size.velocity) !== null && _a !== void 0 ? _a : 0) * delta.factor, minValue = particle.size.min, maxValue = particle.size.max, decay = (_b = particle.size.decay) !== null && _b !== void 0 ? _b : 1;
-    if (particle.destroyed ||
-        !particle.size.enable ||
-        (((_c = particle.size.maxLoops) !== null && _c !== void 0 ? _c : 0) > 0 && ((_d = particle.size.loops) !== null && _d !== void 0 ? _d : 0) > ((_e = particle.size.maxLoops) !== null && _e !== void 0 ? _e : 0))) {
-        return;
-    }
-    switch (particle.size.status) {
-        case "increasing":
-            if (particle.size.value >= maxValue) {
-                particle.size.status = "decreasing";
-                if (!particle.size.loops) {
-                    particle.size.loops = 0;
-                }
-                particle.size.loops++;
-            }
-            else {
-                particle.size.value += sizeVelocity;
-            }
-            break;
-        case "decreasing":
-            if (particle.size.value <= minValue) {
-                particle.size.status = "increasing";
-                if (!particle.size.loops) {
-                    particle.size.loops = 0;
-                }
-                particle.size.loops++;
-            }
-            else {
-                particle.size.value -= sizeVelocity;
-            }
-    }
-    if (particle.size.velocity && decay !== 1) {
-        particle.size.velocity *= decay;
-    }
-    checkDestroy(particle, particle.size.value, minValue, maxValue);
-    if (!particle.destroyed) {
-        particle.size.value = clamp(particle.size.value, minValue, maxValue);
-    }
-}
+import { getRandom } from "@tsparticles/engine";
+import { updateSize } from "./Utils.js";
 export class SizeUpdater {
     init(particle) {
-        var _a;
         const container = particle.container, sizeOptions = particle.options.size, sizeAnimation = sizeOptions.animation;
         if (sizeAnimation.enable) {
             particle.size.velocity =
-                (((_a = particle.retina.sizeAnimationSpeed) !== null && _a !== void 0 ? _a : container.retina.sizeAnimationSpeed) / 100) *
+                ((particle.retina.sizeAnimationSpeed ?? container.retina.sizeAnimationSpeed) / 100) *
                     container.retina.reduceFactor;
             if (!sizeAnimation.sync) {
                 particle.size.velocity *= getRandom();
@@ -68,12 +13,11 @@ export class SizeUpdater {
         }
     }
     isEnabled(particle) {
-        var _a, _b, _c, _d;
         return (!particle.destroyed &&
             !particle.spawning &&
             particle.size.enable &&
-            (((_a = particle.size.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 ||
-                (((_b = particle.size.maxLoops) !== null && _b !== void 0 ? _b : 0) > 0 && ((_c = particle.size.loops) !== null && _c !== void 0 ? _c : 0) < ((_d = particle.size.maxLoops) !== null && _d !== void 0 ? _d : 0))));
+            ((particle.size.maxLoops ?? 0) <= 0 ||
+                ((particle.size.maxLoops ?? 0) > 0 && (particle.size.loops ?? 0) < (particle.size.maxLoops ?? 0))));
     }
     reset(particle) {
         particle.size.loops = 0;

package/esm/Utils.js

@@ -0,0 +1,66 @@
+import { clamp } from "@tsparticles/engine";
+function checkDestroy(particle, value, minValue, maxValue) {
+    switch (particle.options.size.animation.destroy) {
+        case "max":
+            if (value >= maxValue) {
+                particle.destroy();
+            }
+            break;
+        case "min":
+            if (value <= minValue) {
+                particle.destroy();
+            }
+            break;
+    }
+}
+export function updateSize(particle, delta) {
+    const data = particle.size;
+    if (particle.destroyed ||
+        !data ||
+        !data.enable ||
+        ((data.maxLoops ?? 0) > 0 && (data.loops ?? 0) > (data.maxLoops ?? 0))) {
+        return;
+    }
+    const sizeVelocity = (data.velocity ?? 0) * delta.factor, minValue = data.min, maxValue = data.max, decay = data.decay ?? 1;
+    if (!data.time) {
+        data.time = 0;
+    }
+    if ((data.delayTime ?? 0) > 0 && data.time < (data.delayTime ?? 0)) {
+        data.time += delta.value;
+    }
+    if ((data.delayTime ?? 0) > 0 && data.time < (data.delayTime ?? 0)) {
+        return;
+    }
+    switch (data.status) {
+        case "increasing":
+            if (data.value >= maxValue) {
+                data.status = "decreasing";
+                if (!data.loops) {
+                    data.loops = 0;
+                }
+                data.loops++;
+            }
+            else {
+                data.value += sizeVelocity;
+            }
+            break;
+        case "decreasing":
+            if (data.value <= minValue) {
+                data.status = "increasing";
+                if (!data.loops) {
+                    data.loops = 0;
+                }
+                data.loops++;
+            }
+            else {
+                data.value -= sizeVelocity;
+            }
+    }
+    if (data.velocity && decay !== 1) {
+        data.velocity *= decay;
+    }
+    checkDestroy(particle, data.value, minValue, maxValue);
+    if (!particle.destroyed) {
+        data.value = clamp(data.value, minValue, maxValue);
+    }
+}

package/esm/index.js

@@ -1,4 +1,4 @@
-import { SizeUpdater } from "./SizeUpdater";
-export async function loadSizeUpdater(engine) {
-    await engine.addParticleUpdater("size", () => new SizeUpdater());
+import { SizeUpdater } from "./SizeUpdater.js";
+export async function loadSizeUpdater(engine, refresh = true) {
+    await engine.addParticleUpdater("size", () => new SizeUpdater(), refresh);
 }

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-size",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.1",
   "description": "tsParticles particles size updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -68,15 +68,28 @@
   "bugs": {
     "url": "https://github.com/matteobruni/tsparticles/issues"
   },
-  "main": "cjs/index.js",
+  "sideEffects": false,
   "jsdelivr": "tsparticles.updater.size.min.js",
   "unpkg": "tsparticles.updater.size.min.js",
+  "browser": "browser/index.js",
+  "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
-  "publishConfig": {
-    "access": "public"
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "browser": "./browser/index.js",
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "umd": "./umd/index.js",
+      "default": "./cjs/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.0-alpha.1"
+    "@tsparticles/engine": "^3.0.0-beta.1"
+  },
+  "publishConfig": {
+    "access": "public"
   }
-}
+}