@tsparticles/engine 3.0.0-beta.0 → 3.0.0-beta.1

package/cjs/Core/Container.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Container = void 0;
-const Canvas_1 = require("./Canvas");
-const EventListeners_1 = require("./Utils/EventListeners");
-const Options_1 = require("../Options/Classes/Options");
-const Particles_1 = require("./Particles");
-const Retina_1 = require("./Retina");
-const Constants_1 = require("./Utils/Constants");
-const Utils_1 = require("../Utils/Utils");
-const NumberUtils_1 = require("../Utils/NumberUtils");
-const OptionsUtils_1 = require("../Utils/OptionsUtils");
+const Canvas_js_1 = require("./Canvas.js");
+const EventListeners_js_1 = require("./Utils/EventListeners.js");
+const Options_js_1 = require("../Options/Classes/Options.js");
+const Particles_js_1 = require("./Particles.js");
+const Retina_js_1 = require("./Retina.js");
+const Constants_js_1 = require("./Utils/Constants.js");
+const Utils_js_1 = require("../Utils/Utils.js");
+const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
+const OptionsUtils_js_1 = require("../Utils/OptionsUtils.js");
 function guardCheck(container) {
     return container && !container.destroyed;
 }
@@ -20,8 +20,8 @@ function initDelta(value, fpsLimit = 60, smooth = false) {
     };
 }
 function loadContainerOptions(engine, container, ...sourceOptionsArr) {
-    const options = new Options_1.Options(engine, container);
-    (0, OptionsUtils_1.loadOptions)(options, ...sourceOptionsArr);
+    const options = new Options_js_1.Options(engine, container);
+    (0, OptionsUtils_js_1.loadOptions)(options, ...sourceOptionsArr);
     return options;
 }
 class Container {
@@ -64,7 +64,7 @@ class Container {
                 }
             }
             catch (e) {
-                (0, Utils_1.getLogger)().error(`${Constants_1.errorPrefix} in animation loop`, e);
+                (0, Utils_js_1.getLogger)().error(`${Constants_js_1.errorPrefix} in animation loop`, e);
             }
         };
         this._engine = engine;
@@ -82,9 +82,9 @@ class Container {
         this.pageHidden = false;
         this._sourceOptions = sourceOptions;
         this._initialSourceOptions = sourceOptions;
-        this.retina = new Retina_1.Retina(this);
-        this.canvas = new Canvas_1.Canvas(this);
-        this.particles = new Particles_1.Particles(this._engine, this);
+        this.retina = new Retina_js_1.Retina(this);
+        this.canvas = new Canvas_js_1.Canvas(this);
+        this.particles = new Particles_js_1.Particles(this._engine, this);
         this.pathGenerators = new Map();
         this.interactivity = {
             mouse: {
@@ -96,7 +96,7 @@ class Container {
         this.drawers = new Map();
         this._options = loadContainerOptions(this._engine, this);
         this.actualOptions = loadContainerOptions(this._engine, this);
-        this._eventListeners = new EventListeners_1.EventListeners(this);
+        this._eventListeners = new EventListeners_js_1.EventListeners(this);
         if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
             this._intersectionObserver = new IntersectionObserver((entries) => this._intersectionManager(entries));
         }
@@ -243,7 +243,7 @@ class Container {
             }
             return res.blob;
         }
-        (0, Utils_1.getLogger)().error(`${Constants_1.errorPrefix} - Export plugin with type ${type} not found`);
+        (0, Utils_js_1.getLogger)().error(`${Constants_js_1.errorPrefix} - Export plugin with type ${type} not found`);
     }
     getAnimationStatus() {
         return !this._paused && !this.pageHidden && guardCheck(this);
@@ -280,8 +280,8 @@ class Container {
         this.canvas.initBackground();
         this.canvas.resize();
         this.zLayers = this.actualOptions.zLayers;
-        this._duration = (0, NumberUtils_1.getRangeValue)(this.actualOptions.duration) * 1000;
-        this._delay = (0, NumberUtils_1.getRangeValue)(this.actualOptions.delay) * 1000;
+        this._duration = (0, NumberUtils_js_1.getRangeValue)(this.actualOptions.duration) * 1000;
+        this._delay = (0, NumberUtils_js_1.getRangeValue)(this.actualOptions.delay) * 1000;
         this._lifeTime = 0;
         this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 120;
         this.smooth = this.actualOptions.smooth;

package/cjs/Core/Engine.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Engine = void 0;
-const Constants_1 = require("./Utils/Constants");
-const Utils_1 = require("../Utils/Utils");
-const Container_1 = require("./Container");
-const EventDispatcher_1 = require("../Utils/EventDispatcher");
-const NumberUtils_1 = require("../Utils/NumberUtils");
+const Constants_js_1 = require("./Utils/Constants.js");
+const Utils_js_1 = require("../Utils/Utils.js");
+const Container_js_1 = require("./Container.js");
+const EventDispatcher_js_1 = require("../Utils/EventDispatcher.js");
+const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
 function getItemsFromInitializer(container, map, initializers, force = false) {
     let res = map.get(container);
     if (!res || force) {
@@ -15,7 +15,7 @@ function getItemsFromInitializer(container, map, initializers, force = false) {
     return res;
 }
 async function getDataFromUrl(data) {
-    const url = (0, Utils_1.itemFromSingleOrMultiple)(data.url, data.index);
+    const url = (0, Utils_js_1.itemFromSingleOrMultiple)(data.url, data.index);
     if (!url) {
         return data.fallback;
     }
@@ -23,14 +23,14 @@ async function getDataFromUrl(data) {
     if (response.ok) {
         return response.json();
     }
-    (0, Utils_1.getLogger)().error(`${Constants_1.errorPrefix} ${response.status} while retrieving config file`);
+    (0, Utils_js_1.getLogger)().error(`${Constants_js_1.errorPrefix} ${response.status} while retrieving config file`);
     return data.fallback;
 }
 class Engine {
     constructor() {
         this._configs = new Map();
         this._domArray = [];
-        this._eventDispatcher = new EventDispatcher_1.EventDispatcher();
+        this._eventDispatcher = new EventDispatcher_js_1.EventDispatcher();
         this._initialized = false;
         this.plugins = [];
         this._initializers = {
@@ -53,10 +53,10 @@ class Engine {
         return res;
     }
     get version() {
-        return "3.0.0-beta.0";
+        return "3.0.0-beta.1";
     }
     addConfig(nameOrConfig, config) {
-        if ((0, Utils_1.isString)(nameOrConfig)) {
+        if ((0, Utils_js_1.isString)(nameOrConfig)) {
             if (config) {
                 config.name = nameOrConfig;
                 this._configs.set(nameOrConfig, config);
@@ -96,28 +96,28 @@ class Engine {
     async addShape(shape, drawer, initOrRefresh, afterEffectOrRefresh, destroyOrRefresh, refresh = true) {
         let customDrawer;
         let realRefresh = refresh, realInit, realAfterEffect, realDestroy;
-        if ((0, Utils_1.isBoolean)(initOrRefresh)) {
+        if ((0, Utils_js_1.isBoolean)(initOrRefresh)) {
             realRefresh = initOrRefresh;
             realInit = undefined;
         }
         else {
             realInit = initOrRefresh;
         }
-        if ((0, Utils_1.isBoolean)(afterEffectOrRefresh)) {
+        if ((0, Utils_js_1.isBoolean)(afterEffectOrRefresh)) {
             realRefresh = afterEffectOrRefresh;
             realAfterEffect = undefined;
         }
         else {
             realAfterEffect = afterEffectOrRefresh;
         }
-        if ((0, Utils_1.isBoolean)(destroyOrRefresh)) {
+        if ((0, Utils_js_1.isBoolean)(destroyOrRefresh)) {
             realRefresh = destroyOrRefresh;
             realDestroy = undefined;
         }
         else {
             realDestroy = destroyOrRefresh;
         }
-        if ((0, Utils_1.isFunction)(drawer)) {
+        if ((0, Utils_js_1.isFunction)(drawer)) {
             customDrawer = {
                 afterEffect: realAfterEffect,
                 destroy: realDestroy,
@@ -128,7 +128,7 @@ class Engine {
         else {
             customDrawer = drawer;
         }
-        (0, Utils_1.executeOnSingleOrMultiple)(shape, (type) => {
+        (0, Utils_js_1.executeOnSingleOrMultiple)(shape, (type) => {
             !this.getShapeDrawer(type) && this.drawers.set(type, customDrawer);
         });
         await this.refresh(realRefresh);
@@ -190,14 +190,14 @@ class Engine {
         this._initialized = true;
     }
     async load(params) {
-        const id = params.id ?? `tsparticles${Math.floor((0, NumberUtils_1.getRandom)() * 10000)}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options;
+        const id = params.id ?? `tsparticles${Math.floor((0, NumberUtils_js_1.getRandom)() * 10000)}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options;
         let domContainer = params.element ?? document.getElementById(id);
         if (!domContainer) {
             domContainer = document.createElement("div");
             domContainer.id = id;
             document.body.append(domContainer);
         }
-        const currentOptions = (0, Utils_1.itemFromSingleOrMultiple)(options, index), dom = this.dom(), oldIndex = dom.findIndex((v) => v.id === id);
+        const currentOptions = (0, Utils_js_1.itemFromSingleOrMultiple)(options, index), dom = this.dom(), oldIndex = dom.findIndex((v) => v.id === id);
         if (oldIndex >= 0) {
             const old = this.domItem(oldIndex);
             if (old && !old.destroyed) {
@@ -208,17 +208,17 @@ class Engine {
         let canvasEl;
         if (domContainer.tagName.toLowerCase() === "canvas") {
             canvasEl = domContainer;
-            canvasEl.dataset[Constants_1.generatedAttribute] = "false";
+            canvasEl.dataset[Constants_js_1.generatedAttribute] = "false";
         }
         else {
             const existingCanvases = domContainer.getElementsByTagName("canvas");
             if (existingCanvases.length) {
                 canvasEl = existingCanvases[0];
-                canvasEl.dataset[Constants_1.generatedAttribute] = "false";
+                canvasEl.dataset[Constants_js_1.generatedAttribute] = "false";
             }
             else {
                 canvasEl = document.createElement("canvas");
-                canvasEl.dataset[Constants_1.generatedAttribute] = "true";
+                canvasEl.dataset[Constants_js_1.generatedAttribute] = "true";
                 domContainer.appendChild(canvasEl);
             }
         }
@@ -228,7 +228,7 @@ class Engine {
         if (!canvasEl.style.height) {
             canvasEl.style.height = "100%";
         }
-        const newItem = new Container_1.Container(this, id, currentOptions);
+        const newItem = new Container_js_1.Container(this, id, currentOptions);
         if (oldIndex >= 0) {
             dom.splice(oldIndex, 0, newItem);
         }
@@ -265,7 +265,7 @@ class Engine {
     setOnClickHandler(callback) {
         const dom = this.dom();
         if (!dom.length) {
-            throw new Error(`${Constants_1.errorPrefix} can only set click handlers after calling tsParticles.load()`);
+            throw new Error(`${Constants_js_1.errorPrefix} can only set click handlers after calling tsParticles.load()`);
         }
         for (const domItem of dom) {
             domItem.addClickHandler(callback);

package/cjs/Core/Particle.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Particle = void 0;
-const NumberUtils_1 = require("../Utils/NumberUtils");
-const Utils_1 = require("../Utils/Utils");
-const ColorUtils_1 = require("../Utils/ColorUtils");
-const Interactivity_1 = require("../Options/Classes/Interactivity/Interactivity");
-const Vector_1 = require("./Utils/Vector");
-const Vector3d_1 = require("./Utils/Vector3d");
-const CanvasUtils_1 = require("../Utils/CanvasUtils");
-const Constants_1 = require("./Utils/Constants");
-const OptionsUtils_1 = require("../Utils/OptionsUtils");
+const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
+const Utils_js_1 = require("../Utils/Utils.js");
+const ColorUtils_js_1 = require("../Utils/ColorUtils.js");
+const Interactivity_js_1 = require("../Options/Classes/Interactivity/Interactivity.js");
+const Vector_js_1 = require("./Utils/Vector.js");
+const Vector3d_js_1 = require("./Utils/Vector3d.js");
+const CanvasUtils_js_1 = require("../Utils/CanvasUtils.js");
+const Constants_js_1 = require("./Utils/Constants.js");
+const OptionsUtils_js_1 = require("../Utils/OptionsUtils.js");
 const fixOutMode = (data) => {
-    if (!(0, Utils_1.isInArray)(data.outMode, data.checkModes)) {
+    if (!(0, Utils_js_1.isInArray)(data.outMode, data.checkModes)) {
         return;
     }
     const diameter = data.radius * 2;
@@ -29,13 +29,13 @@ class Particle {
             for (const [, plugin] of container.plugins) {
                 const pluginPos = plugin.particlePosition !== undefined ? plugin.particlePosition(position, this) : undefined;
                 if (pluginPos) {
-                    return Vector3d_1.Vector3d.create(pluginPos.x, pluginPos.y, zIndex);
+                    return Vector3d_js_1.Vector3d.create(pluginPos.x, pluginPos.y, zIndex);
                 }
             }
-            const canvasSize = container.canvas.size, exactPosition = (0, NumberUtils_1.calcExactPositionOrRandomFromSize)({
+            const canvasSize = container.canvas.size, exactPosition = (0, NumberUtils_js_1.calcExactPositionOrRandomFromSize)({
                 size: canvasSize,
                 position: position,
-            }), pos = Vector3d_1.Vector3d.create(exactPosition.x, exactPosition.y, zIndex), radius = this.getRadius(), outModes = this.options.move.outModes, fixHorizontal = (outMode) => {
+            }), pos = Vector3d_js_1.Vector3d.create(exactPosition.x, exactPosition.y, zIndex), radius = this.getRadius(), outModes = this.options.move.outModes, fixHorizontal = (outMode) => {
                 fixOutMode({
                     outMode,
                     checkModes: ["bounce", "bounce-horizontal"],
@@ -64,19 +64,19 @@ class Particle {
             return pos;
         };
         this._calculateVelocity = () => {
-            const baseVelocity = (0, NumberUtils_1.getParticleBaseVelocity)(this.direction), res = baseVelocity.copy(), moveOptions = this.options.move;
+            const baseVelocity = (0, NumberUtils_js_1.getParticleBaseVelocity)(this.direction), res = baseVelocity.copy(), moveOptions = this.options.move;
             if (moveOptions.direction === "inside" || moveOptions.direction === "outside") {
                 return res;
             }
-            const rad = (Math.PI / 180) * (0, NumberUtils_1.getRangeValue)(moveOptions.angle.value), radOffset = (Math.PI / 180) * (0, NumberUtils_1.getRangeValue)(moveOptions.angle.offset), range = {
+            const rad = (Math.PI / 180) * (0, NumberUtils_js_1.getRangeValue)(moveOptions.angle.value), radOffset = (Math.PI / 180) * (0, NumberUtils_js_1.getRangeValue)(moveOptions.angle.offset), range = {
                 left: radOffset - rad / 2,
                 right: radOffset + rad / 2,
             };
             if (!moveOptions.straight) {
-                res.angle += (0, NumberUtils_1.randomInRange)((0, NumberUtils_1.setRangeValue)(range.left, range.right));
+                res.angle += (0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(range.left, range.right));
             }
             if (moveOptions.random && typeof moveOptions.speed === "number") {
-                res.length *= (0, NumberUtils_1.getRandom)();
+                res.length *= (0, NumberUtils_js_1.getRandom)();
             }
             return res;
         };
@@ -91,9 +91,9 @@ class Particle {
             }
             const retries = overlapOptions.retries;
             if (retries >= 0 && tryCount > retries) {
-                throw new Error(`${Constants_1.errorPrefix} particle is overlapping and can't be placed`);
+                throw new Error(`${Constants_js_1.errorPrefix} particle is overlapping and can't be placed`);
             }
-            return !!this.container.particles.find((particle) => (0, NumberUtils_1.getDistance)(pos, particle.position) < radius + particle.getRadius());
+            return !!this.container.particles.find((particle) => (0, NumberUtils_js_1.getDistance)(pos, particle.position) < radius + particle.getRadius());
         };
         this._getRollColor = (color) => {
             if (!color || !this.roll || (!this.backColor && !this.roll.alter)) {
@@ -107,21 +107,21 @@ class Particle {
                 return this.backColor;
             }
             if (this.roll.alter) {
-                return (0, CanvasUtils_1.alterHsl)(color, this.roll.alter.type, this.roll.alter.value);
+                return (0, CanvasUtils_js_1.alterHsl)(color, this.roll.alter.type, this.roll.alter.value);
             }
             return color;
         };
         this._initPosition = (position) => {
-            const container = this.container, zIndexValue = (0, NumberUtils_1.getRangeValue)(this.options.zIndex.value);
-            this.position = this._calcPosition(container, position, (0, NumberUtils_1.clamp)(zIndexValue, 0, container.zLayers));
+            const container = this.container, zIndexValue = (0, NumberUtils_js_1.getRangeValue)(this.options.zIndex.value);
+            this.position = this._calcPosition(container, position, (0, NumberUtils_js_1.clamp)(zIndexValue, 0, container.zLayers));
             this.initialPosition = this.position.copy();
             const canvasSize = container.canvas.size;
             this.moveCenter = {
-                ...(0, Utils_1.getPosition)(this.options.move.center, canvasSize),
+                ...(0, Utils_js_1.getPosition)(this.options.move.center, canvasSize),
                 radius: this.options.move.center.radius ?? 0,
                 mode: this.options.move.center.mode ?? "percent",
             };
-            this.direction = (0, NumberUtils_1.getParticleDirectionAngle)(this.options.move.direction, this.position, this.moveCenter);
+            this.direction = (0, NumberUtils_js_1.getParticleDirectionAngle)(this.options.move.direction, this.position, this.moveCenter);
             switch (this.options.move.direction) {
                 case "inside":
                     this.outType = "inside";
@@ -130,17 +130,17 @@ class Particle {
                     this.outType = "outside";
                     break;
             }
-            this.offset = Vector_1.Vector.origin;
+            this.offset = Vector_js_1.Vector.origin;
         };
         this._loadShapeData = (shapeOptions, reduceDuplicates) => {
             const shapeData = shapeOptions.options[this.shape];
             if (!shapeData) {
                 return;
             }
-            return (0, Utils_1.deepExtend)({
+            return (0, Utils_js_1.deepExtend)({
                 close: shapeOptions.close,
                 fill: shapeOptions.fill,
-            }, (0, Utils_1.itemFromSingleOrMultiple)(shapeData, this.id, reduceDuplicates));
+            }, (0, Utils_js_1.itemFromSingleOrMultiple)(shapeData, this.id, reduceDuplicates));
         };
         this._engine = engine;
         this.init(id, position, overrideOptions, group);
@@ -175,7 +175,7 @@ class Particle {
         canvas.drawParticle(this, delta);
     }
     getFillColor() {
-        return this._getRollColor(this.bubble.color ?? (0, ColorUtils_1.getHslFromAnimation)(this.color));
+        return this._getRollColor(this.bubble.color ?? (0, ColorUtils_js_1.getHslFromAnimation)(this.color));
     }
     getMass() {
         return (this.getRadius() ** 2 * Math.PI) / 2;
@@ -191,7 +191,7 @@ class Particle {
         return this.bubble.radius ?? this.size.value;
     }
     getStrokeColor() {
-        return this._getRollColor(this.bubble.color ?? (0, ColorUtils_1.getHslFromAnimation)(this.strokeColor));
+        return this._getRollColor(this.bubble.color ?? (0, ColorUtils_js_1.getHslFromAnimation)(this.strokeColor));
     }
     init(id, position, overrideOptions, group) {
         const container = this.container, engine = this._engine;
@@ -210,11 +210,11 @@ class Particle {
         };
         this.outType = "normal";
         this.ignoresResizeRatio = true;
-        const pxRatio = container.retina.pixelRatio, mainOptions = container.actualOptions, particlesOptions = (0, OptionsUtils_1.loadParticlesOptions)(this._engine, container, mainOptions.particles), shapeType = particlesOptions.shape.type, { reduceDuplicates } = particlesOptions;
-        this.shape = (0, Utils_1.itemFromSingleOrMultiple)(shapeType, this.id, reduceDuplicates);
+        const pxRatio = container.retina.pixelRatio, mainOptions = container.actualOptions, particlesOptions = (0, OptionsUtils_js_1.loadParticlesOptions)(this._engine, container, mainOptions.particles), shapeType = particlesOptions.shape.type, { reduceDuplicates } = particlesOptions;
+        this.shape = (0, Utils_js_1.itemFromSingleOrMultiple)(shapeType, this.id, reduceDuplicates);
         const shapeOptions = particlesOptions.shape;
         if (overrideOptions && overrideOptions.shape && overrideOptions.shape.type) {
-            const overrideShapeType = overrideOptions.shape.type, shape = (0, Utils_1.itemFromSingleOrMultiple)(overrideShapeType, this.id, reduceDuplicates);
+            const overrideShapeType = overrideOptions.shape.type, shape = (0, Utils_js_1.itemFromSingleOrMultiple)(overrideShapeType, this.id, reduceDuplicates);
             if (shape) {
                 this.shape = shape;
                 shapeOptions.load(overrideOptions.shape);
@@ -226,7 +226,7 @@ class Particle {
         if (shapeData) {
             particlesOptions.load(shapeData.particles);
         }
-        const interactivity = new Interactivity_1.Interactivity(engine, container);
+        const interactivity = new Interactivity_js_1.Interactivity(engine, container);
         interactivity.load(container.actualOptions.interactivity);
         interactivity.load(particlesOptions.interactivity);
         this.interactivity = interactivity;
@@ -234,7 +234,7 @@ class Particle {
         this.close = shapeData?.close ?? particlesOptions.shape.close;
         this.options = particlesOptions;
         const pathOptions = this.options.move.path;
-        this.pathDelay = (0, NumberUtils_1.getValue)(pathOptions.delay) * 1000;
+        this.pathDelay = (0, NumberUtils_js_1.getValue)(pathOptions.delay) * 1000;
         if (pathOptions.generator) {
             this.pathGenerator = this._engine.getPathGenerator(pathOptions.generator);
             if (this.pathGenerator && container.addPath(pathOptions.generator, this.pathGenerator)) {
@@ -242,7 +242,7 @@ class Particle {
             }
         }
         container.retina.initParticle(this);
-        this.size = (0, Utils_1.initParticleNumericAnimationValue)(this.options.size, pxRatio);
+        this.size = (0, Utils_js_1.initParticleNumericAnimationValue)(this.options.size, pxRatio);
         this.bubble = {
             inRange: false,
         };
@@ -253,7 +253,7 @@ class Particle {
         this._initPosition(position);
         this.initialVelocity = this._calculateVelocity();
         this.velocity = this.initialVelocity.copy();
-        this.moveDecay = 1 - (0, NumberUtils_1.getRangeValue)(this.options.move.decay);
+        this.moveDecay = 1 - (0, NumberUtils_js_1.getRangeValue)(this.options.move.decay);
         const particles = container.particles;
         particles.needsSort = particles.needsSort || particles.lastZIndex < this.position.z;
         particles.lastZIndex = this.position.z;
@@ -274,7 +274,7 @@ class Particle {
             this.sides = sideCountFunc(this);
         }
         this.spawning = false;
-        this.shadowColor = (0, ColorUtils_1.rangeColorToRgb)(this.options.shadow.color);
+        this.shadowColor = (0, ColorUtils_js_1.rangeColorToRgb)(this.options.shadow.color);
         for (const updater of container.particles.updaters) {
             updater.init(this);
         }

package/cjs/Core/Particles.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Particles = void 0;
-const Utils_1 = require("../Utils/Utils");
-const InteractionManager_1 = require("./Utils/InteractionManager");
-const Particle_1 = require("./Particle");
-const Point_1 = require("./Utils/Point");
-const QuadTree_1 = require("./Utils/QuadTree");
-const Rectangle_1 = require("./Utils/Rectangle");
-const Constants_1 = require("./Utils/Constants");
+const Utils_js_1 = require("../Utils/Utils.js");
+const InteractionManager_js_1 = require("./Utils/InteractionManager.js");
+const Particle_js_1 = require("./Particle.js");
+const Point_js_1 = require("./Utils/Point.js");
+const QuadTree_js_1 = require("./Utils/QuadTree.js");
+const Rectangle_js_1 = require("./Utils/Rectangle.js");
+const Constants_js_1 = require("./Utils/Constants.js");
 const qTreeCapacity = 4;
 const qTreeRectangle = (canvasSize) => {
-    return new Rectangle_1.Rectangle(-canvasSize.width / 4, -canvasSize.height / 4, (canvasSize.width * 3) / 2, (canvasSize.height * 3) / 2);
+    return new Rectangle_js_1.Rectangle(-canvasSize.width / 4, -canvasSize.height / 4, (canvasSize.width * 3) / 2, (canvasSize.height * 3) / 2);
 };
 class Particles {
     constructor(engine, container) {
@@ -42,7 +42,7 @@ class Particles {
                     particle.init(this._nextId, position, overrideOptions, group);
                 }
                 else {
-                    particle = new Particle_1.Particle(this._engine, this._nextId, this._container, position, overrideOptions, group);
+                    particle = new Particle_js_1.Particle(this._engine, this._nextId, this._container, position, overrideOptions, group);
                 }
                 let canAdd = true;
                 if (initializer) {
@@ -63,7 +63,7 @@ class Particles {
                 return particle;
             }
             catch (e) {
-                (0, Utils_1.getLogger)().warning(`${Constants_1.errorPrefix} adding particle: ${e}`);
+                (0, Utils_js_1.getLogger)().warning(`${Constants_js_1.errorPrefix} adding particle: ${e}`);
                 return;
             }
         };
@@ -93,9 +93,9 @@ class Particles {
         this.limit = 0;
         this.needsSort = false;
         this.lastZIndex = 0;
-        this._interactionManager = new InteractionManager_1.InteractionManager(engine, container);
+        this._interactionManager = new InteractionManager_js_1.InteractionManager(engine, container);
         const canvasSize = container.canvas.size;
-        this.quadTree = new QuadTree_1.QuadTree(qTreeRectangle(canvasSize), qTreeCapacity);
+        this.quadTree = new QuadTree_js_1.QuadTree(qTreeRectangle(canvasSize), qTreeCapacity);
         this.movers = this._engine.getMovers(container, true);
         this.updaters = this._engine.getUpdaters(container, true);
     }
@@ -105,7 +105,7 @@ class Particles {
     addManualParticles() {
         const container = this._container, options = container.actualOptions;
         for (const particle of options.manualParticles) {
-            this.addParticle(particle.position ? (0, Utils_1.getPosition)(particle.position, container.canvas.size) : undefined, particle.options);
+            this.addParticle(particle.position ? (0, Utils_js_1.getPosition)(particle.position, container.canvas.size) : undefined, particle.options);
         }
     }
     addParticle(position, overrideOptions, group, initializer) {
@@ -221,7 +221,7 @@ class Particles {
     }
     async update(delta) {
         const container = this._container, particlesToDelete = new Set();
-        this.quadTree = new QuadTree_1.QuadTree(qTreeRectangle(container.canvas.size), qTreeCapacity);
+        this.quadTree = new QuadTree_js_1.QuadTree(qTreeRectangle(container.canvas.size), qTreeCapacity);
         for (const [, pathGenerator] of container.pathGenerators) {
             pathGenerator.update();
         }
@@ -251,7 +251,7 @@ class Particles {
                 particlesToDelete.add(particle);
                 continue;
             }
-            this.quadTree.insert(new Point_1.Point(particle.getPosition(), particle));
+            this.quadTree.insert(new Point_js_1.Point(particle.getPosition(), particle));
         }
         if (particlesToDelete.size) {
             const checkDelete = (p) => !particlesToDelete.has(p);

package/cjs/Core/Retina.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Retina = void 0;
-const NumberUtils_1 = require("../Utils/NumberUtils");
-const Utils_1 = require("../Utils/Utils");
+const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
+const Utils_js_1 = require("../Utils/Utils.js");
 class Retina {
     constructor(container) {
         this.container = container;
@@ -11,7 +11,7 @@ class Retina {
     }
     init() {
         const container = this.container, options = container.actualOptions;
-        this.pixelRatio = !options.detectRetina || (0, Utils_1.isSsr)() ? 1 : window.devicePixelRatio;
+        this.pixelRatio = !options.detectRetina || (0, Utils_js_1.isSsr)() ? 1 : window.devicePixelRatio;
         this.reduceFactor = 1;
         const ratio = this.pixelRatio, canvas = container.canvas;
         if (canvas.element) {
@@ -20,20 +20,20 @@ class Retina {
             canvas.size.height = element.offsetHeight * ratio;
         }
         const particles = options.particles, moveOptions = particles.move;
-        this.attractDistance = (0, NumberUtils_1.getRangeValue)(moveOptions.attract.distance) * ratio;
-        this.maxSpeed = (0, NumberUtils_1.getRangeValue)(moveOptions.gravity.maxSpeed) * ratio;
-        this.sizeAnimationSpeed = (0, NumberUtils_1.getRangeValue)(particles.size.animation.speed) * ratio;
+        this.attractDistance = (0, NumberUtils_js_1.getRangeValue)(moveOptions.attract.distance) * ratio;
+        this.maxSpeed = (0, NumberUtils_js_1.getRangeValue)(moveOptions.gravity.maxSpeed) * ratio;
+        this.sizeAnimationSpeed = (0, NumberUtils_js_1.getRangeValue)(particles.size.animation.speed) * ratio;
     }
     initParticle(particle) {
         const options = particle.options, ratio = this.pixelRatio, moveOptions = options.move, moveDistance = moveOptions.distance, props = particle.retina;
-        props.attractDistance = (0, NumberUtils_1.getRangeValue)(moveOptions.attract.distance) * ratio;
-        props.moveDrift = (0, NumberUtils_1.getRangeValue)(moveOptions.drift) * ratio;
-        props.moveSpeed = (0, NumberUtils_1.getRangeValue)(moveOptions.speed) * ratio;
-        props.sizeAnimationSpeed = (0, NumberUtils_1.getRangeValue)(options.size.animation.speed) * ratio;
+        props.attractDistance = (0, NumberUtils_js_1.getRangeValue)(moveOptions.attract.distance) * ratio;
+        props.moveDrift = (0, NumberUtils_js_1.getRangeValue)(moveOptions.drift) * ratio;
+        props.moveSpeed = (0, NumberUtils_js_1.getRangeValue)(moveOptions.speed) * ratio;
+        props.sizeAnimationSpeed = (0, NumberUtils_js_1.getRangeValue)(options.size.animation.speed) * ratio;
         const maxDistance = props.maxDistance;
         maxDistance.horizontal = moveDistance.horizontal !== undefined ? moveDistance.horizontal * ratio : undefined;
         maxDistance.vertical = moveDistance.vertical !== undefined ? moveDistance.vertical * ratio : undefined;
-        props.maxSpeed = (0, NumberUtils_1.getRangeValue)(moveOptions.gravity.maxSpeed) * ratio;
+        props.maxSpeed = (0, NumberUtils_js_1.getRangeValue)(moveOptions.gravity.maxSpeed) * ratio;
     }
 }
 exports.Retina = Retina;

package/cjs/Core/Utils/Circle.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Circle = void 0;
-const Range_1 = require("./Range");
-const Rectangle_1 = require("./Rectangle");
-const NumberUtils_1 = require("../../Utils/NumberUtils");
-class Circle extends Range_1.Range {
+const Range_js_1 = require("./Range.js");
+const Rectangle_js_1 = require("./Rectangle.js");
+const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
+class Circle extends Range_js_1.Range {
     constructor(x, y, radius) {
         super(x, y);
         this.radius = radius;
     }
     contains(point) {
-        return (0, NumberUtils_1.getDistance)(point, this.position) <= this.radius;
+        return (0, NumberUtils_js_1.getDistance)(point, this.position) <= this.radius;
     }
     intersects(range) {
         const pos1 = this.position, pos2 = range.position, distPos = { x: Math.abs(pos2.x - pos1.x), y: Math.abs(pos2.y - pos1.y) }, r = this.radius;
@@ -18,7 +18,7 @@ class Circle extends Range_1.Range {
             const rSum = r + range.radius, dist = Math.sqrt(distPos.x ** 2 + distPos.y ** 2);
             return rSum > dist;
         }
-        else if (range instanceof Rectangle_1.Rectangle) {
+        else if (range instanceof Rectangle_js_1.Rectangle) {
             const { width, height } = range.size, edges = Math.pow(distPos.x - width, 2) + Math.pow(distPos.y - height, 2);
             return (edges <= r ** 2 ||
                 (distPos.x <= r + width && distPos.y <= r + height) ||