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

package/umd/Core/Particle.js

@@ -4,23 +4,23 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../Utils/NumberUtils", "../Utils/Utils", "../Utils/ColorUtils", "../Options/Classes/Interactivity/Interactivity", "./Utils/Vector", "./Utils/Vector3d", "../Utils/CanvasUtils", "./Utils/Constants", "../Utils/OptionsUtils"], factory);
+        define(["require", "exports", "../Utils/NumberUtils.js", "../Utils/Utils.js", "../Utils/ColorUtils.js", "../Options/Classes/Interactivity/Interactivity.js", "./Utils/Vector.js", "./Utils/Vector3d.js", "../Utils/CanvasUtils.js", "./Utils/Constants.js", "../Utils/OptionsUtils.js"], factory);
     }
 })(function (require, exports) {
     "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;
@@ -38,13 +38,13 @@
                 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"],
@@ -73,19 +73,19 @@
                 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;
             };
@@ -100,9 +100,9 @@
                 }
                 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)) {
@@ -116,21 +116,21 @@
                     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";
@@ -139,17 +139,17 @@
                         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);
@@ -184,7 +184,7 @@
             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;
@@ -200,7 +200,7 @@
             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;
@@ -219,11 +219,11 @@
             };
             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);
@@ -235,7 +235,7 @@
             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;
@@ -243,7 +243,7 @@
             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)) {
@@ -251,7 +251,7 @@
                 }
             }
             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,
             };
@@ -262,7 +262,7 @@
             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;
@@ -283,7 +283,7 @@
                 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/umd/Core/Particles.js

@@ -4,22 +4,22 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../Utils/Utils", "./Utils/InteractionManager", "./Particle", "./Utils/Point", "./Utils/QuadTree", "./Utils/Rectangle", "./Utils/Constants"], factory);
+        define(["require", "exports", "../Utils/Utils.js", "./Utils/InteractionManager.js", "./Particle.js", "./Utils/Point.js", "./Utils/QuadTree.js", "./Utils/Rectangle.js", "./Utils/Constants.js"], factory);
     }
 })(function (require, exports) {
     "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) {
@@ -51,7 +51,7 @@
                         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) {
@@ -72,7 +72,7 @@
                     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;
                 }
             };
@@ -82,8 +82,9 @@
                     return false;
                 }
                 particle.destroy(override);
+                const zIdx = this._zArray.indexOf(particle);
                 this._array.splice(index, 1);
-                this._zArray = this._zArray.splice(this._zArray.indexOf(particle), 1);
+                this._zArray.splice(zIdx, 1);
                 this.pool.push(particle);
                 this._engine.dispatchEvent("particleRemoved", {
                     container: this._container,
@@ -102,9 +103,9 @@
             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);
         }
@@ -114,7 +115,7 @@
         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) {
@@ -184,7 +185,7 @@
             }
             this.addManualParticles();
             if (!handled) {
-                const particlesOptions = options.particles, groups = options.particles.groups;
+                const particlesOptions = options.particles, groups = particlesOptions.groups;
                 for (const group in groups) {
                     const groupOptions = groups[group];
                     for (let i = this.count, j = 0; j < groupOptions.number?.value && i < particlesOptions.number.value; i++, j++) {
@@ -230,7 +231,7 @@
         }
         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();
             }
@@ -260,7 +261,7 @@
                     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/umd/Core/Retina.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../Utils/NumberUtils", "../Utils/Utils"], factory);
+        define(["require", "exports", "../Utils/NumberUtils.js", "../Utils/Utils.js"], factory);
     }
 })(function (require, exports) {
     "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;
@@ -20,7 +20,7 @@
         }
         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) {
@@ -29,20 +29,20 @@
                 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/umd/Core/Utils/Circle.js

@@ -4,22 +4,22 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Range", "./Rectangle", "../../Utils/NumberUtils"], factory);
+        define(["require", "exports", "./Range.js", "./Rectangle.js", "../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "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;
@@ -27,7 +27,7 @@
                 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) ||

package/umd/Core/Utils/EventListeners.js

@@ -4,18 +4,18 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils/Utils", "./Constants"], factory);
+        define(["require", "exports", "../../Utils/Utils.js", "./Constants.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.EventListeners = void 0;
-    const Utils_1 = require("../../Utils/Utils");
-    const Constants_1 = require("./Constants");
+    const Utils_js_1 = require("../../Utils/Utils.js");
+    const Constants_js_1 = require("./Constants.js");
     function manageListener(element, event, handler, add, options) {
         if (add) {
             let addOptions = { passive: true };
-            if ((0, Utils_1.isBoolean)(options)) {
+            if ((0, Utils_js_1.isBoolean)(options)) {
                 addOptions.capture = options;
             }
             else if (options !== undefined) {
@@ -41,7 +41,7 @@
                     mouseInteractivity.clickPosition = { ...mousePos };
                     mouseInteractivity.clickTime = new Date().getTime();
                     const onClick = options.interactivity.events.onClick;
-                    (0, Utils_1.executeOnSingleOrMultiple)(onClick.mode, (mode) => this.container.handleClickMode(mode));
+                    (0, Utils_js_1.executeOnSingleOrMultiple)(onClick.mode, (mode) => this.container.handleClickMode(mode));
                 }
                 if (e.type === "touchend") {
                     setTimeout(() => this._mouseTouchFinish(), 500);
@@ -96,26 +96,26 @@
                 if (!(options.interactivity.events.onHover.enable || options.interactivity.events.onClick.enable)) {
                     return;
                 }
-                manageListener(interactivityEl, Constants_1.mouseMoveEvent, handlers.mouseMove, add);
-                manageListener(interactivityEl, Constants_1.touchStartEvent, handlers.touchStart, add);
-                manageListener(interactivityEl, Constants_1.touchMoveEvent, handlers.touchMove, add);
+                manageListener(interactivityEl, Constants_js_1.mouseMoveEvent, handlers.mouseMove, add);
+                manageListener(interactivityEl, Constants_js_1.touchStartEvent, handlers.touchStart, add);
+                manageListener(interactivityEl, Constants_js_1.touchMoveEvent, handlers.touchMove, add);
                 if (!options.interactivity.events.onClick.enable) {
-                    manageListener(interactivityEl, Constants_1.touchEndEvent, handlers.touchEnd, add);
+                    manageListener(interactivityEl, Constants_js_1.touchEndEvent, handlers.touchEnd, add);
                 }
                 else {
-                    manageListener(interactivityEl, Constants_1.touchEndEvent, handlers.touchEndClick, add);
-                    manageListener(interactivityEl, Constants_1.mouseUpEvent, handlers.mouseUp, add);
-                    manageListener(interactivityEl, Constants_1.mouseDownEvent, handlers.mouseDown, add);
+                    manageListener(interactivityEl, Constants_js_1.touchEndEvent, handlers.touchEndClick, add);
+                    manageListener(interactivityEl, Constants_js_1.mouseUpEvent, handlers.mouseUp, add);
+                    manageListener(interactivityEl, Constants_js_1.mouseDownEvent, handlers.mouseDown, add);
                 }
                 manageListener(interactivityEl, mouseLeaveTmpEvent, handlers.mouseLeave, add);
-                manageListener(interactivityEl, Constants_1.touchCancelEvent, handlers.touchCancel, add);
+                manageListener(interactivityEl, Constants_js_1.touchCancelEvent, handlers.touchCancel, add);
             };
             this._manageListeners = (add) => {
                 const handlers = this._handlers, container = this.container, options = container.actualOptions, detectType = options.interactivity.detectsOn, canvasEl = container.canvas.element;
-                let mouseLeaveTmpEvent = Constants_1.mouseLeaveEvent;
+                let mouseLeaveTmpEvent = Constants_js_1.mouseLeaveEvent;
                 if (detectType === "window") {
                     container.interactivity.element = window;
-                    mouseLeaveTmpEvent = Constants_1.mouseOutEvent;
+                    mouseLeaveTmpEvent = Constants_js_1.mouseOutEvent;
                 }
                 else if (detectType === "parent" && canvasEl) {
                     container.interactivity.element = canvasEl.parentElement ?? canvasEl.parentNode;
@@ -127,11 +127,11 @@
                 this._manageResize(add);
                 this._manageInteractivityListeners(mouseLeaveTmpEvent, add);
                 if (document) {
-                    manageListener(document, Constants_1.visibilityChangeEvent, handlers.visibilityChange, add, false);
+                    manageListener(document, Constants_js_1.visibilityChangeEvent, handlers.visibilityChange, add, false);
                 }
             };
             this._manageMediaMatch = (add) => {
-                const handlers = this._handlers, mediaMatch = (0, Utils_1.safeMatchMedia)("(prefers-color-scheme: dark)");
+                const handlers = this._handlers, mediaMatch = (0, Utils_js_1.safeMatchMedia)("(prefers-color-scheme: dark)");
                 if (!mediaMatch) {
                     return;
                 }
@@ -155,7 +155,7 @@
                     return;
                 }
                 if (typeof ResizeObserver === "undefined") {
-                    manageListener(window, Constants_1.resizeEvent, handlers.resize, add);
+                    manageListener(window, Constants_js_1.resizeEvent, handlers.resize, add);
                     return;
                 }
                 const canvasEl = container.canvas.element;
@@ -217,7 +217,7 @@
                 delete mouse.position;
                 delete mouse.clickPosition;
                 delete mouse.downPosition;
-                interactivity.status = Constants_1.mouseLeaveEvent;
+                interactivity.status = Constants_js_1.mouseLeaveEvent;
                 mouse.inside = false;
                 mouse.clicking = false;
             };
@@ -279,7 +279,7 @@
                     pos.y *= pxRatio;
                 }
                 interactivity.mouse.position = pos;
-                interactivity.status = Constants_1.mouseMoveEvent;
+                interactivity.status = Constants_js_1.mouseMoveEvent;
             };
             this._touchEnd = (e) => {
                 const evt = e, touches = Array.from(evt.changedTouches);

package/umd/Core/Utils/QuadTree.js

@@ -4,15 +4,15 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Circle", "./Rectangle", "../../Utils/NumberUtils"], factory);
+        define(["require", "exports", "./Circle.js", "./Rectangle.js", "../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.QuadTree = void 0;
-    const Circle_1 = require("./Circle");
-    const Rectangle_1 = require("./Rectangle");
-    const NumberUtils_1 = require("../../Utils/NumberUtils");
+    const Circle_js_1 = require("./Circle.js");
+    const Rectangle_js_1 = require("./Rectangle.js");
+    const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
     class QuadTree {
         constructor(rectangle, capacity) {
             this.rectangle = rectangle;
@@ -20,7 +20,7 @@
             this._subdivide = () => {
                 const { x, y } = this.rectangle.position, { width, height } = this.rectangle.size, { capacity } = this;
                 for (let i = 0; i < 4; i++) {
-                    this._subs.push(new QuadTree(new Rectangle_1.Rectangle(x + (width / 2) * (i % 2), y + (height / 2) * (Math.round(i / 2) - (i % 2)), width / 2, height / 2), capacity));
+                    this._subs.push(new QuadTree(new Rectangle_js_1.Rectangle(x + (width / 2) * (i % 2), y + (height / 2) * (Math.round(i / 2) - (i % 2)), width / 2, height / 2), capacity));
                 }
                 this._divided = true;
             };
@@ -48,7 +48,7 @@
             }
             for (const p of this._points) {
                 if (!range.contains(p.position) &&
-                    (0, NumberUtils_1.getDistance)(range.position, p.position) > p.particle.getRadius() &&
+                    (0, NumberUtils_js_1.getDistance)(range.position, p.position) > p.particle.getRadius() &&
                     (!check || check(p.particle))) {
                     continue;
                 }
@@ -62,10 +62,10 @@
             return res;
         }
         queryCircle(position, radius, check) {
-            return this.query(new Circle_1.Circle(position.x, position.y, radius), check);
+            return this.query(new Circle_js_1.Circle(position.x, position.y, radius), check);
         }
         queryRectangle(position, size, check) {
-            return this.query(new Rectangle_1.Rectangle(position.x, position.y, size.width, size.height), check);
+            return this.query(new Rectangle_js_1.Rectangle(position.x, position.y, size.width, size.height), check);
         }
     }
     exports.QuadTree = QuadTree;

package/umd/Core/Utils/Rectangle.js

@@ -4,15 +4,15 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Circle", "./Range"], factory);
+        define(["require", "exports", "./Circle.js", "./Range.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Rectangle = void 0;
-    const Circle_1 = require("./Circle");
-    const Range_1 = require("./Range");
-    class Rectangle extends Range_1.Range {
+    const Circle_js_1 = require("./Circle.js");
+    const Range_js_1 = require("./Range.js");
+    class Rectangle extends Range_js_1.Range {
         constructor(x, y, width, height) {
             super(x, y);
             this.size = {
@@ -25,7 +25,7 @@
             return point.x >= pos.x && point.x <= pos.x + w && point.y >= pos.y && point.y <= pos.y + h;
         }
         intersects(range) {
-            if (range instanceof Circle_1.Circle) {
+            if (range instanceof Circle_js_1.Circle) {
                 range.intersects(this);
             }
             const w = this.size.width, h = this.size.height, pos1 = this.position, pos2 = range.position, size2 = range instanceof Rectangle ? range.size : { width: 0, height: 0 }, w2 = size2.width, h2 = size2.height;

package/umd/Core/Utils/Vector.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Vector3d"], factory);
+        define(["require", "exports", "./Vector3d.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Vector = void 0;
-    const Vector3d_1 = require("./Vector3d");
-    class Vector extends Vector3d_1.Vector3d {
+    const Vector3d_js_1 = require("./Vector3d.js");
+    class Vector extends Vector3d_js_1.Vector3d {
         constructor(xOrCoords, y) {
             super(xOrCoords, y, 0);
         }