@tsparticles/preset-fireworks 3.0.0-beta.4 → 3.0.1

package/browser/bundle.js

@@ -1,4 +1,4 @@
-import { loadFireworksPreset } from ".";
+import { loadFireworksPreset } from "./index.js";
 import { tsParticles } from "@tsparticles/engine";
-loadFireworksPreset(tsParticles);
+void loadFireworksPreset(tsParticles);
 export { loadFireworksPreset, tsParticles };

package/browser/index.js

@@ -1,15 +1,17 @@
 import { loadBasic } from "@tsparticles/basic";
 import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
 import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
+import { loadEmittersShapeSquare } from "@tsparticles/plugin-emitters-shape-square";
 import { loadLifeUpdater } from "@tsparticles/updater-life";
 import { loadLineShape } from "@tsparticles/shape-line";
 import { loadRotateUpdater } from "@tsparticles/updater-rotate";
 import { loadSoundsPlugin } from "@tsparticles/plugin-sounds";
 import { loadStrokeColorUpdater } from "@tsparticles/updater-stroke-color";
-import { options } from "./options";
+import { options } from "./options.js";
 export async function loadFireworksPreset(engine, refresh = true) {
     await loadBasic(engine, false);
     await loadEmittersPlugin(engine, false);
+    await loadEmittersShapeSquare(engine, false);
     await loadSoundsPlugin(engine, false);
     await loadLineShape(engine, false);
     await loadRotateUpdater(engine, false);

package/browser/options.js

@@ -4,14 +4,14 @@ const explodeSoundCheck = (args) => {
     return data.particle.shape === "line";
 };
 const fixRange = (value, min, max) => {
-    const diffSMax = value.max > max ? value.max - max : 0;
+    const minValue = 0, diffSMax = value.max > max ? value.max - max : minValue;
     let res = setRangeValue(value);
     if (diffSMax) {
         res = setRangeValue(value.min - diffSMax, max);
     }
-    const diffSMin = value.min < min ? value.min : 0;
+    const diffSMin = value.min < min ? value.min : minValue;
     if (diffSMin) {
-        res = setRangeValue(0, value.max + diffSMin);
+        res = setRangeValue(minValue, value.max + diffSMin);
     }
     return res;
 };
@@ -21,7 +21,13 @@ const fireworksOptions = ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"]
     if (!rgb) {
         return undefined;
     }
-    const hsl = rgbToHsl(rgb), sRange = fixRange({ min: hsl.s - 30, max: hsl.s + 30 }, 0, 100), lRange = fixRange({ min: hsl.l - 30, max: hsl.l + 30 }, 0, 100);
+    const hsl = rgbToHsl(rgb), sOffset = 30, lOffset = 30, sBounds = {
+        min: 0,
+        max: 100,
+    }, lBounds = {
+        min: 0,
+        max: 100,
+    }, sRange = fixRange({ min: hsl.s - sOffset, max: hsl.s + sOffset }, sBounds.min, sBounds.max), lRange = fixRange({ min: hsl.l - lOffset, max: hsl.l + lOffset }, lBounds.min, lBounds.max);
     return {
         color: {
             value: {

package/cjs/bundle.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tsParticles = exports.loadFireworksPreset = void 0;
-const _1 = require(".");
-Object.defineProperty(exports, "loadFireworksPreset", { enumerable: true, get: function () { return _1.loadFireworksPreset; } });
+const index_js_1 = require("./index.js");
+Object.defineProperty(exports, "loadFireworksPreset", { enumerable: true, get: function () { return index_js_1.loadFireworksPreset; } });
 const engine_1 = require("@tsparticles/engine");
 Object.defineProperty(exports, "tsParticles", { enumerable: true, get: function () { return engine_1.tsParticles; } });
-(0, _1.loadFireworksPreset)(engine_1.tsParticles);
+void (0, index_js_1.loadFireworksPreset)(engine_1.tsParticles);

package/cjs/index.js

@@ -4,21 +4,23 @@ exports.loadFireworksPreset = void 0;
 const basic_1 = require("@tsparticles/basic");
 const updater_destroy_1 = require("@tsparticles/updater-destroy");
 const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
+const plugin_emitters_shape_square_1 = require("@tsparticles/plugin-emitters-shape-square");
 const updater_life_1 = require("@tsparticles/updater-life");
 const shape_line_1 = require("@tsparticles/shape-line");
 const updater_rotate_1 = require("@tsparticles/updater-rotate");
 const plugin_sounds_1 = require("@tsparticles/plugin-sounds");
 const updater_stroke_color_1 = require("@tsparticles/updater-stroke-color");
-const options_1 = require("./options");
+const options_js_1 = require("./options.js");
 async function loadFireworksPreset(engine, refresh = true) {
     await (0, basic_1.loadBasic)(engine, false);
     await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
+    await (0, plugin_emitters_shape_square_1.loadEmittersShapeSquare)(engine, false);
     await (0, plugin_sounds_1.loadSoundsPlugin)(engine, false);
     await (0, shape_line_1.loadLineShape)(engine, false);
     await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
     await (0, updater_destroy_1.loadDestroyUpdater)(engine, false);
     await (0, updater_life_1.loadLifeUpdater)(engine, false);
     await (0, updater_stroke_color_1.loadStrokeColorUpdater)(engine, false);
-    await engine.addPreset("fireworks", options_1.options, refresh);
+    await engine.addPreset("fireworks", options_js_1.options, refresh);
 }
 exports.loadFireworksPreset = loadFireworksPreset;

package/cjs/options.js

@@ -7,14 +7,14 @@ const explodeSoundCheck = (args) => {
     return data.particle.shape === "line";
 };
 const fixRange = (value, min, max) => {
-    const diffSMax = value.max > max ? value.max - max : 0;
+    const minValue = 0, diffSMax = value.max > max ? value.max - max : minValue;
     let res = (0, engine_1.setRangeValue)(value);
     if (diffSMax) {
         res = (0, engine_1.setRangeValue)(value.min - diffSMax, max);
     }
-    const diffSMin = value.min < min ? value.min : 0;
+    const diffSMin = value.min < min ? value.min : minValue;
     if (diffSMin) {
-        res = (0, engine_1.setRangeValue)(0, value.max + diffSMin);
+        res = (0, engine_1.setRangeValue)(minValue, value.max + diffSMin);
     }
     return res;
 };
@@ -24,7 +24,13 @@ const fireworksOptions = ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"]
     if (!rgb) {
         return undefined;
     }
-    const hsl = (0, engine_1.rgbToHsl)(rgb), sRange = fixRange({ min: hsl.s - 30, max: hsl.s + 30 }, 0, 100), lRange = fixRange({ min: hsl.l - 30, max: hsl.l + 30 }, 0, 100);
+    const hsl = (0, engine_1.rgbToHsl)(rgb), sOffset = 30, lOffset = 30, sBounds = {
+        min: 0,
+        max: 100,
+    }, lBounds = {
+        min: 0,
+        max: 100,
+    }, sRange = fixRange({ min: hsl.s - sOffset, max: hsl.s + sOffset }, sBounds.min, sBounds.max), lRange = fixRange({ min: hsl.l - lOffset, max: hsl.l + lOffset }, lBounds.min, lBounds.max);
     return {
         color: {
             value: {

package/esm/bundle.js

@@ -1,4 +1,4 @@
-import { loadFireworksPreset } from ".";
+import { loadFireworksPreset } from "./index.js";
 import { tsParticles } from "@tsparticles/engine";
-loadFireworksPreset(tsParticles);
+void loadFireworksPreset(tsParticles);
 export { loadFireworksPreset, tsParticles };

package/esm/index.js

@@ -1,15 +1,17 @@
 import { loadBasic } from "@tsparticles/basic";
 import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
 import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
+import { loadEmittersShapeSquare } from "@tsparticles/plugin-emitters-shape-square";
 import { loadLifeUpdater } from "@tsparticles/updater-life";
 import { loadLineShape } from "@tsparticles/shape-line";
 import { loadRotateUpdater } from "@tsparticles/updater-rotate";
 import { loadSoundsPlugin } from "@tsparticles/plugin-sounds";
 import { loadStrokeColorUpdater } from "@tsparticles/updater-stroke-color";
-import { options } from "./options";
+import { options } from "./options.js";
 export async function loadFireworksPreset(engine, refresh = true) {
     await loadBasic(engine, false);
     await loadEmittersPlugin(engine, false);
+    await loadEmittersShapeSquare(engine, false);
     await loadSoundsPlugin(engine, false);
     await loadLineShape(engine, false);
     await loadRotateUpdater(engine, false);

package/esm/options.js

@@ -4,14 +4,14 @@ const explodeSoundCheck = (args) => {
     return data.particle.shape === "line";
 };
 const fixRange = (value, min, max) => {
-    const diffSMax = value.max > max ? value.max - max : 0;
+    const minValue = 0, diffSMax = value.max > max ? value.max - max : minValue;
     let res = setRangeValue(value);
     if (diffSMax) {
         res = setRangeValue(value.min - diffSMax, max);
     }
-    const diffSMin = value.min < min ? value.min : 0;
+    const diffSMin = value.min < min ? value.min : minValue;
     if (diffSMin) {
-        res = setRangeValue(0, value.max + diffSMin);
+        res = setRangeValue(minValue, value.max + diffSMin);
     }
     return res;
 };
@@ -21,7 +21,13 @@ const fireworksOptions = ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"]
     if (!rgb) {
         return undefined;
     }
-    const hsl = rgbToHsl(rgb), sRange = fixRange({ min: hsl.s - 30, max: hsl.s + 30 }, 0, 100), lRange = fixRange({ min: hsl.l - 30, max: hsl.l + 30 }, 0, 100);
+    const hsl = rgbToHsl(rgb), sOffset = 30, lOffset = 30, sBounds = {
+        min: 0,
+        max: 100,
+    }, lBounds = {
+        min: 0,
+        max: 100,
+    }, sRange = fixRange({ min: hsl.s - sOffset, max: hsl.s + sOffset }, sBounds.min, sBounds.max), lRange = fixRange({ min: hsl.l - lOffset, max: hsl.l + lOffset }, lBounds.min, lBounds.max);
     return {
         color: {
             value: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/preset-fireworks",
-  "version": "3.0.0-beta.4",
+  "version": "3.0.1",
   "description": "tsParticles fireworks preset",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -87,15 +87,16 @@
   "module": "esm/index.js",
   "types": "types/index.d.ts",
   "dependencies": {
-    "@tsparticles/basic": "^3.0.0-beta.4",
-    "@tsparticles/engine": "^3.0.0-beta.4",
-    "@tsparticles/plugin-emitters": "^3.0.0-beta.4",
-    "@tsparticles/plugin-sounds": "^3.0.0-beta.4",
-    "@tsparticles/shape-line": "^3.0.0-beta.4",
-    "@tsparticles/updater-destroy": "^3.0.0-beta.4",
-    "@tsparticles/updater-life": "^3.0.0-beta.4",
-    "@tsparticles/updater-rotate": "^3.0.0-beta.4",
-    "@tsparticles/updater-stroke-color": "^3.0.0-beta.4"
+    "@tsparticles/basic": "^3.0.0",
+    "@tsparticles/engine": "^3.0.0",
+    "@tsparticles/plugin-emitters": "^3.0.0",
+    "@tsparticles/plugin-emitters-shape-square": "^3.0.0",
+    "@tsparticles/plugin-sounds": "^3.0.0",
+    "@tsparticles/shape-line": "^3.0.0",
+    "@tsparticles/updater-destroy": "^3.0.0",
+    "@tsparticles/updater-life": "^3.0.0",
+    "@tsparticles/updater-rotate": "^3.0.0",
+    "@tsparticles/updater-stroke-color": "^3.0.0"
   },
   "publishConfig": {
     "access": "public"