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

package/esm/Core/Utils/Vector.js

@@ -1,4 +1,4 @@
-import { Vector3d } from "./Vector3d";
+import { Vector3d } from "./Vector3d.js";
 export class Vector extends Vector3d {
     constructor(xOrCoords, y) {
         super(xOrCoords, y, 0);

package/esm/Core/Utils/Vector3d.js

@@ -1,5 +1,5 @@
-import { errorPrefix } from "./Constants";
-import { isNumber } from "../../Utils/Utils";
+import { errorPrefix } from "./Constants.js";
+import { isNumber } from "../../Utils/Utils.js";
 export class Vector3d {
     constructor(xOrCoords, y, z) {
         this._updateFromAngle = (angle, length) => {

package/esm/Options/Classes/AnimatableColor.js

@@ -1,6 +1,6 @@
-import { isArray, isString } from "../../Utils/Utils";
-import { HslAnimation } from "./HslAnimation";
-import { OptionsColor } from "./OptionsColor";
+import { isArray, isString } from "../../Utils/Utils.js";
+import { HslAnimation } from "./HslAnimation.js";
+import { OptionsColor } from "./OptionsColor.js";
 export class AnimatableColor extends OptionsColor {
     constructor() {
         super();

package/esm/Options/Classes/AnimationOptions.js

@@ -1,4 +1,4 @@
-import { setRangeValue } from "../../Utils/NumberUtils";
+import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class AnimationOptions {
     constructor() {
         this.count = 0;

package/esm/Options/Classes/Background/Background.js

@@ -1,4 +1,4 @@
-import { OptionsColor } from "../OptionsColor";
+import { OptionsColor } from "../OptionsColor.js";
 export class Background {
     constructor() {
         this.color = new OptionsColor();

package/esm/Options/Classes/BackgroundMask/BackgroundMask.js

@@ -1,5 +1,5 @@
-import { BackgroundMaskCover } from "./BackgroundMaskCover";
-import { isString } from "../../../Utils/Utils";
+import { BackgroundMaskCover } from "./BackgroundMaskCover.js";
+import { isString } from "../../../Utils/Utils.js";
 export class BackgroundMask {
     constructor() {
         this.composite = "destination-out";

package/esm/Options/Classes/BackgroundMask/BackgroundMaskCover.js

@@ -1,4 +1,4 @@
-import { OptionsColor } from "../OptionsColor";
+import { OptionsColor } from "../OptionsColor.js";
 export class BackgroundMaskCover {
     constructor() {
         this.color = new OptionsColor();

package/esm/Options/Classes/ColorAnimation.js

@@ -1,4 +1,4 @@
-import { setRangeValue } from "../../Utils/NumberUtils";
+import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class ColorAnimation {
     constructor() {
         this.count = 0;

package/esm/Options/Classes/HslAnimation.js

@@ -1,4 +1,4 @@
-import { ColorAnimation } from "./ColorAnimation";
+import { ColorAnimation } from "./ColorAnimation.js";
 export class HslAnimation {
     constructor() {
         this.h = new ColorAnimation();

package/esm/Options/Classes/Interactivity/Events/Events.js

@@ -1,8 +1,8 @@
-import { executeOnSingleOrMultiple, isBoolean } from "../../../../Utils/Utils";
-import { ClickEvent } from "./ClickEvent";
-import { DivEvent } from "./DivEvent";
-import { HoverEvent } from "./HoverEvent";
-import { ResizeEvent } from "./ResizeEvent";
+import { executeOnSingleOrMultiple, isBoolean } from "../../../../Utils/Utils.js";
+import { ClickEvent } from "./ClickEvent.js";
+import { DivEvent } from "./DivEvent.js";
+import { HoverEvent } from "./HoverEvent.js";
+import { ResizeEvent } from "./ResizeEvent.js";
 export class Events {
     constructor() {
         this.onClick = new ClickEvent();

package/esm/Options/Classes/Interactivity/Events/HoverEvent.js

@@ -1,4 +1,4 @@
-import { Parallax } from "./Parallax";
+import { Parallax } from "./Parallax.js";
 export class HoverEvent {
     constructor() {
         this.enable = false;

package/esm/Options/Classes/Interactivity/Interactivity.js

@@ -1,5 +1,5 @@
-import { Events } from "./Events/Events";
-import { Modes } from "./Modes/Modes";
+import { Events } from "./Events/Events.js";
+import { Modes } from "./Modes/Modes.js";
 export class Interactivity {
     constructor(engine, container) {
         this.detectsOn = "window";

package/esm/Options/Classes/ManualParticle.js

@@ -1,4 +1,4 @@
-import { deepExtend } from "../../Utils/Utils";
+import { deepExtend } from "../../Utils/Utils.js";
 export class ManualParticle {
     load(data) {
         if (!data) {

package/esm/Options/Classes/Options.js

@@ -1,13 +1,13 @@
-import { deepExtend, executeOnSingleOrMultiple, isBoolean, safeMatchMedia } from "../../Utils/Utils";
-import { Background } from "./Background/Background";
-import { BackgroundMask } from "./BackgroundMask/BackgroundMask";
-import { FullScreen } from "./FullScreen/FullScreen";
-import { Interactivity } from "./Interactivity/Interactivity";
-import { ManualParticle } from "./ManualParticle";
-import { Responsive } from "./Responsive";
-import { Theme } from "./Theme/Theme";
-import { loadParticlesOptions } from "../../Utils/OptionsUtils";
-import { setRangeValue } from "../../Utils/NumberUtils";
+import { deepExtend, executeOnSingleOrMultiple, isBoolean, safeMatchMedia } from "../../Utils/Utils.js";
+import { Background } from "./Background/Background.js";
+import { BackgroundMask } from "./BackgroundMask/BackgroundMask.js";
+import { FullScreen } from "./FullScreen/FullScreen.js";
+import { Interactivity } from "./Interactivity/Interactivity.js";
+import { ManualParticle } from "./ManualParticle.js";
+import { Responsive } from "./Responsive.js";
+import { Theme } from "./Theme/Theme.js";
+import { loadParticlesOptions } from "../../Utils/OptionsUtils.js";
+import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class Options {
     constructor(engine, container) {
         this._findDefaultTheme = (mode) => {

package/esm/Options/Classes/OptionsColor.js

@@ -1,4 +1,4 @@
-import { isArray, isString } from "../../Utils/Utils";
+import { isArray, isString } from "../../Utils/Utils.js";
 export class OptionsColor {
     constructor() {
         this.value = "";

package/esm/Options/Classes/Particles/Bounce/ParticlesBounce.js

@@ -1,4 +1,4 @@
-import { ParticlesBounceFactor } from "./ParticlesBounceFactor";
+import { ParticlesBounceFactor } from "./ParticlesBounceFactor.js";
 export class ParticlesBounce {
     constructor() {
         this.horizontal = new ParticlesBounceFactor();

package/esm/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js

@@ -1,4 +1,4 @@
-import { ValueWithRandom } from "../../ValueWithRandom";
+import { ValueWithRandom } from "../../ValueWithRandom.js";
 export class ParticlesBounceFactor extends ValueWithRandom {
     constructor() {
         super();

package/esm/Options/Classes/Particles/Collisions/Collisions.js

@@ -1,7 +1,7 @@
-import { CollisionsAbsorb } from "./CollisionsAbsorb";
-import { CollisionsOverlap } from "./CollisionsOverlap";
-import { ParticlesBounce } from "../Bounce/ParticlesBounce";
-import { setRangeValue } from "../../../../Utils/NumberUtils";
+import { CollisionsAbsorb } from "./CollisionsAbsorb.js";
+import { CollisionsOverlap } from "./CollisionsOverlap.js";
+import { ParticlesBounce } from "../Bounce/ParticlesBounce.js";
+import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class Collisions {
     constructor() {
         this.absorb = new CollisionsAbsorb();

package/esm/Options/Classes/Particles/Move/Move.js

@@ -1,13 +1,13 @@
-import { isNumber, isObject } from "../../../../Utils/Utils";
-import { MoveAngle } from "./MoveAngle";
-import { MoveAttract } from "./MoveAttract";
-import { MoveCenter } from "./MoveCenter";
-import { MoveGravity } from "./MoveGravity";
-import { MovePath } from "./Path/MovePath";
-import { MoveTrail } from "./MoveTrail";
-import { OutModes } from "./OutModes";
-import { Spin } from "./Spin";
-import { setRangeValue } from "../../../../Utils/NumberUtils";
+import { isNumber, isObject } from "../../../../Utils/Utils.js";
+import { MoveAngle } from "./MoveAngle.js";
+import { MoveAttract } from "./MoveAttract.js";
+import { MoveCenter } from "./MoveCenter.js";
+import { MoveGravity } from "./MoveGravity.js";
+import { MovePath } from "./Path/MovePath.js";
+import { MoveTrail } from "./MoveTrail.js";
+import { OutModes } from "./OutModes.js";
+import { Spin } from "./Spin.js";
+import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class Move {
     constructor() {
         this.angle = new MoveAngle();

package/esm/Options/Classes/Particles/Move/MoveAngle.js

@@ -1,4 +1,4 @@
-import { setRangeValue } from "../../../../Utils/NumberUtils";
+import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class MoveAngle {
     constructor() {
         this.offset = 0;

package/esm/Options/Classes/Particles/Move/MoveAttract.js

@@ -1,4 +1,4 @@
-import { setRangeValue } from "../../../../Utils/NumberUtils";
+import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class MoveAttract {
     constructor() {
         this.distance = 200;

package/esm/Options/Classes/Particles/Move/MoveGravity.js

@@ -1,4 +1,4 @@
-import { setRangeValue } from "../../../../Utils/NumberUtils";
+import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class MoveGravity {
     constructor() {
         this.acceleration = 9.81;

package/esm/Options/Classes/Particles/Move/MoveTrail.js

@@ -1,4 +1,4 @@
-import { MoveTrailFill } from "./MoveTrailFill";
+import { MoveTrailFill } from "./MoveTrailFill.js";
 export class MoveTrail {
     constructor() {
         this.enable = false;

package/esm/Options/Classes/Particles/Move/MoveTrailFill.js

@@ -1,4 +1,4 @@
-import { OptionsColor } from "../../OptionsColor";
+import { OptionsColor } from "../../OptionsColor.js";
 export class MoveTrailFill {
     load(data) {
         if (!data) {

package/esm/Options/Classes/Particles/Move/Path/MovePath.js

@@ -1,5 +1,5 @@
-import { ValueWithRandom } from "../../../ValueWithRandom";
-import { deepExtend } from "../../../../../Utils/Utils";
+import { ValueWithRandom } from "../../../ValueWithRandom.js";
+import { deepExtend } from "../../../../../Utils/Utils.js";
 export class MovePath {
     constructor() {
         this.clamp = true;

package/esm/Options/Classes/Particles/Move/Spin.js

@@ -1,5 +1,5 @@
-import { deepExtend } from "../../../../Utils/Utils";
-import { setRangeValue } from "../../../../Utils/NumberUtils";
+import { deepExtend } from "../../../../Utils/Utils.js";
+import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class Spin {
     constructor() {
         this.acceleration = 0;

package/esm/Options/Classes/Particles/Number/ParticlesNumber.js

@@ -1,4 +1,4 @@
-import { ParticlesDensity } from "./ParticlesDensity";
+import { ParticlesDensity } from "./ParticlesDensity.js";
 export class ParticlesNumber {
     constructor() {
         this.density = new ParticlesDensity();

package/esm/Options/Classes/Particles/Opacity/Opacity.js

@@ -1,5 +1,5 @@
-import { OpacityAnimation } from "./OpacityAnimation";
-import { ValueWithRandom } from "../../ValueWithRandom";
+import { OpacityAnimation } from "./OpacityAnimation.js";
+import { ValueWithRandom } from "../../ValueWithRandom.js";
 export class Opacity extends ValueWithRandom {
     constructor() {
         super();

package/esm/Options/Classes/Particles/Opacity/OpacityAnimation.js

@@ -1,4 +1,4 @@
-import { RangedAnimationOptions } from "../../AnimationOptions";
+import { RangedAnimationOptions } from "../../AnimationOptions.js";
 export class OpacityAnimation extends RangedAnimationOptions {
     constructor() {
         super();

package/esm/Options/Classes/Particles/ParticlesOptions.js

@@ -1,15 +1,15 @@
-import { deepExtend, executeOnSingleOrMultiple } from "../../../Utils/Utils";
-import { AnimatableColor } from "../AnimatableColor";
-import { Collisions } from "./Collisions/Collisions";
-import { Move } from "./Move/Move";
-import { Opacity } from "./Opacity/Opacity";
-import { ParticlesBounce } from "./Bounce/ParticlesBounce";
-import { ParticlesNumber } from "./Number/ParticlesNumber";
-import { Shadow } from "./Shadow";
-import { Shape } from "./Shape/Shape";
-import { Size } from "./Size/Size";
-import { Stroke } from "./Stroke";
-import { ZIndex } from "./ZIndex/ZIndex";
+import { deepExtend, executeOnSingleOrMultiple } from "../../../Utils/Utils.js";
+import { AnimatableColor } from "../AnimatableColor.js";
+import { Collisions } from "./Collisions/Collisions.js";
+import { Move } from "./Move/Move.js";
+import { Opacity } from "./Opacity/Opacity.js";
+import { ParticlesBounce } from "./Bounce/ParticlesBounce.js";
+import { ParticlesNumber } from "./Number/ParticlesNumber.js";
+import { Shadow } from "./Shadow.js";
+import { Shape } from "./Shape/Shape.js";
+import { Size } from "./Size/Size.js";
+import { Stroke } from "./Stroke.js";
+import { ZIndex } from "./ZIndex/ZIndex.js";
 export class ParticlesOptions {
     constructor(engine, container) {
         this._engine = engine;

package/esm/Options/Classes/Particles/Shadow.js

@@ -1,4 +1,4 @@
-import { OptionsColor } from "../OptionsColor";
+import { OptionsColor } from "../OptionsColor.js";
 export class Shadow {
     constructor() {
         this.blur = 0;

package/esm/Options/Classes/Particles/Shape/Shape.js

@@ -1,4 +1,4 @@
-import { deepExtend } from "../../../../Utils/Utils";
+import { deepExtend } from "../../../../Utils/Utils.js";
 export class Shape {
     constructor() {
         this.close = true;

package/esm/Options/Classes/Particles/Size/Size.js

@@ -1,5 +1,5 @@
-import { SizeAnimation } from "./SizeAnimation";
-import { ValueWithRandom } from "../../ValueWithRandom";
+import { SizeAnimation } from "./SizeAnimation.js";
+import { ValueWithRandom } from "../../ValueWithRandom.js";
 export class Size extends ValueWithRandom {
     constructor() {
         super();

package/esm/Options/Classes/Particles/Size/SizeAnimation.js

@@ -1,4 +1,4 @@
-import { RangedAnimationOptions } from "../../AnimationOptions";
+import { RangedAnimationOptions } from "../../AnimationOptions.js";
 export class SizeAnimation extends RangedAnimationOptions {
     constructor() {
         super();

package/esm/Options/Classes/Particles/Stroke.js

@@ -1,5 +1,5 @@
-import { AnimatableColor } from "../AnimatableColor";
-import { setRangeValue } from "../../../Utils/NumberUtils";
+import { AnimatableColor } from "../AnimatableColor.js";
+import { setRangeValue } from "../../../Utils/NumberUtils.js";
 export class Stroke {
     constructor() {
         this.width = 0;

package/esm/Options/Classes/Particles/ZIndex/ZIndex.js

@@ -1,4 +1,4 @@
-import { ValueWithRandom } from "../../ValueWithRandom";
+import { ValueWithRandom } from "../../ValueWithRandom.js";
 export class ZIndex extends ValueWithRandom {
     constructor() {
         super();

package/esm/Options/Classes/Responsive.js

@@ -1,4 +1,4 @@
-import { deepExtend } from "../../Utils/Utils";
+import { deepExtend } from "../../Utils/Utils.js";
 export class Responsive {
     constructor() {
         this.maxWidth = Infinity;

package/esm/Options/Classes/Theme/Theme.js

@@ -1,5 +1,5 @@
-import { ThemeDefault } from "./ThemeDefault";
-import { deepExtend } from "../../../Utils/Utils";
+import { ThemeDefault } from "./ThemeDefault.js";
+import { deepExtend } from "../../../Utils/Utils.js";
 export class Theme {
     constructor() {
         this.name = "";

package/esm/Options/Classes/ValueWithRandom.js

@@ -1,7 +1,7 @@
-import { AnimationOptions, RangedAnimationOptions } from "./AnimationOptions";
-import { Random } from "./Random";
-import { isBoolean } from "../../Utils/Utils";
-import { setRangeValue } from "../../Utils/NumberUtils";
+import { AnimationOptions, RangedAnimationOptions } from "./AnimationOptions.js";
+import { Random } from "./Random.js";
+import { isBoolean } from "../../Utils/Utils.js";
+import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class ValueWithRandom {
     constructor() {
         this.random = new Random();

package/esm/Utils/CanvasUtils.js

@@ -1,4 +1,4 @@
-import { getStyleFromRgb } from "./ColorUtils";
+import { getStyleFromRgb } from "./ColorUtils.js";
 export function drawLine(context, begin, end) {
     context.beginPath();
     context.moveTo(begin.x, begin.y);

package/esm/Utils/ColorUtils.js

@@ -1,5 +1,5 @@
-import { getRandom, getRangeValue, mix, randomInRange, setRangeValue } from "./NumberUtils";
-import { isArray, isString, itemFromArray } from "./Utils";
+import { getRandom, getRangeValue, mix, randomInRange, setRangeValue } from "./NumberUtils.js";
+import { isArray, isString, itemFromArray } from "./Utils.js";
 const randomColorValue = "random", midColorValue = "mid", colorManagers = new Map();
 export function addColorManager(manager) {
     colorManagers.set(manager.key, manager);

package/esm/Utils/HslColorManager.js

@@ -1,5 +1,5 @@
-import { getRangeValue, parseAlpha } from "./NumberUtils";
-import { hslToRgb, hslaToRgba } from "./ColorUtils";
+import { getRangeValue, parseAlpha } from "./NumberUtils.js";
+import { hslToRgb, hslaToRgba } from "./ColorUtils.js";
 export class HslColorManager {
     constructor() {
         this.key = "hsl";

package/esm/Utils/NumberUtils.js

@@ -1,5 +1,5 @@
-import { isBoolean, isNumber } from "./Utils";
-import { Vector } from "../Core/Utils/Vector";
+import { isBoolean, isNumber } from "./Utils.js";
+import { Vector } from "../Core/Utils/Vector.js";
 let _random = Math.random;
 const easings = new Map();
 export function addEasing(name, easing) {

package/esm/Utils/OptionsUtils.js

@@ -1,4 +1,4 @@
-import { ParticlesOptions } from "../Options/Classes/Particles/ParticlesOptions";
+import { ParticlesOptions } from "../Options/Classes/Particles/ParticlesOptions.js";
 export function loadOptions(options, ...sourceOptionsArr) {
     for (const sourceOptions of sourceOptionsArr) {
         options.load(sourceOptions);

package/esm/Utils/RgbColorManager.js

@@ -1,4 +1,4 @@
-import { getRangeValue, parseAlpha } from "./NumberUtils";
+import { getRangeValue, parseAlpha } from "./NumberUtils.js";
 export class RgbColorManager {
     constructor() {
         this.key = "rgb";

package/esm/Utils/Utils.js

@@ -1,5 +1,5 @@
-import { collisionVelocity, getDistances, getRandom, getRangeMax, getRangeMin, getRangeValue, getValue, randomInRange, } from "./NumberUtils";
-import { Vector } from "../Core/Utils/Vector";
+import { collisionVelocity, getDistances, getRandom, getRangeMax, getRangeMin, getRangeValue, getValue, randomInRange, } from "./NumberUtils.js";
+import { Vector } from "../Core/Utils/Vector.js";
 const _logger = {
     debug: console.debug,
     error: console.error,

package/esm/bundle.js

@@ -1,5 +1,5 @@
-import { init } from "./init";
+import { init } from "./init.js";
 const tsParticles = init();
 window.tsParticles = tsParticles;
-export * from "./exports";
+export * from "./exports.js";
 export { tsParticles };