tsparticles 1.42.4 → 1.43.0

package/esm/Utils/CanvasUtils.js

@@ -29,13 +29,11 @@ export function drawLinkLine(context, width, begin, end, maxDistance, canvasSize
         drawn = true;
     }
     else if (warp) {
-        let pi1;
-        let pi2;
+        let pi1, pi2;
         const endNE = {
             x: end.x - canvasSize.width,
             y: end.y,
-        };
-        const d1 = getDistances(begin, endNE);
+        }, d1 = getDistances(begin, endNE);
         if (d1.distance <= maxDistance) {
             const yi = begin.y - (d1.dy / d1.dx) * begin.x;
             pi1 = { x: 0, y: yi };
@@ -45,11 +43,9 @@ export function drawLinkLine(context, width, begin, end, maxDistance, canvasSize
             const endSW = {
                 x: end.x,
                 y: end.y - canvasSize.height,
-            };
-            const d2 = getDistances(begin, endSW);
+            }, d2 = getDistances(begin, endSW);
             if (d2.distance <= maxDistance) {
-                const yi = begin.y - (d2.dy / d2.dx) * begin.x;
-                const xi = -yi / (d2.dy / d2.dx);
+                const yi = begin.y - (d2.dy / d2.dx) * begin.x, xi = -yi / (d2.dy / d2.dx);
                 pi1 = { x: xi, y: 0 };
                 pi2 = { x: xi, y: canvasSize.height };
             }
@@ -57,11 +53,9 @@ export function drawLinkLine(context, width, begin, end, maxDistance, canvasSize
                 const endSE = {
                     x: end.x - canvasSize.width,
                     y: end.y - canvasSize.height,
-                };
-                const d3 = getDistances(begin, endSE);
+                }, d3 = getDistances(begin, endSE);
                 if (d3.distance <= maxDistance) {
-                    const yi = begin.y - (d3.dy / d3.dx) * begin.x;
-                    const xi = -yi / (d3.dy / d3.dx);
+                    const yi = begin.y - (d3.dy / d3.dx) * begin.x, xi = -yi / (d3.dy / d3.dx);
                     pi1 = { x: xi, y: yi };
                     pi2 = { x: pi1.x + canvasSize.width, y: pi1.y + canvasSize.height };
                 }
@@ -107,16 +101,11 @@ export function drawConnectLine(context, width, lineStyle, begin, end) {
     context.restore();
 }
 export function gradient(context, p1, p2, opacity) {
-    const gradStop = Math.floor(p2.getRadius() / p1.getRadius());
-    const color1 = p1.getFillColor();
-    const color2 = p2.getFillColor();
+    const gradStop = Math.floor(p2.getRadius() / p1.getRadius()), color1 = p1.getFillColor(), color2 = p2.getFillColor();
     if (!color1 || !color2) {
         return;
     }
-    const sourcePos = p1.getPosition();
-    const destPos = p2.getPosition();
-    const midRgb = colorMix(color1, color2, p1.getRadius(), p2.getRadius());
-    const grad = context.createLinearGradient(sourcePos.x, sourcePos.y, destPos.x, destPos.y);
+    const sourcePos = p1.getPosition(), destPos = p2.getPosition(), midRgb = colorMix(color1, color2, p1.getRadius(), p2.getRadius()), grad = context.createLinearGradient(sourcePos.x, sourcePos.y, destPos.x, destPos.y);
     grad.addColorStop(0, getStyleFromHsl(color1, opacity));
     grad.addColorStop(gradStop > 1 ? 1 : gradStop, getStyleFromRgb(midRgb, opacity));
     grad.addColorStop(1, getStyleFromHsl(color2, opacity));
@@ -130,17 +119,12 @@ export function drawGrabLine(context, width, begin, end, colorLine, opacity) {
     context.stroke();
     context.restore();
 }
-export function drawParticle(container, context, particle, delta, fillColorValue, strokeColorValue, backgroundMask, composite, radius, opacity, shadow, gradient) {
-    var _a, _b, _c, _d, _e, _f;
-    const pos = particle.getPosition();
-    const tiltOptions = particle.options.tilt;
-    const rollOptions = particle.options.roll;
+export function drawParticle(container, context, particle, delta, colorStyles, backgroundMask, composite, radius, opacity, shadow) {
+    var _a, _b, _c, _d;
+    const pos = particle.getPosition(), tiltOptions = particle.options.tilt, rollOptions = particle.options.roll;
     context.save();
     if (tiltOptions.enable || rollOptions.enable) {
-        const roll = rollOptions.enable && particle.roll;
-        const tilt = tiltOptions.enable && particle.tilt;
-        const rollHorizontal = roll && (rollOptions.mode === "horizontal" || rollOptions.mode === "both");
-        const rollVertical = roll && (rollOptions.mode === "vertical" || rollOptions.mode === "both");
+        const roll = rollOptions.enable && particle.roll, tilt = tiltOptions.enable && particle.tilt, rollHorizontal = roll && (rollOptions.mode === "horizontal" || rollOptions.mode === "both"), rollVertical = roll && (rollOptions.mode === "vertical" || rollOptions.mode === "both");
         context.setTransform(rollHorizontal ? Math.cos(particle.roll.angle) : 1, tilt ? Math.cos(particle.tilt.value) * particle.tilt.cosDirection : 0, tilt ? Math.sin(particle.tilt.value) * particle.tilt.sinDirection : 0, rollVertical ? Math.sin(particle.roll.angle) : 1, pos.x, pos.y);
     }
     else {
@@ -161,32 +145,16 @@ export function drawParticle(container, context, particle, delta, fillColorValue
         context.shadowOffsetX = shadow.offset.x;
         context.shadowOffsetY = shadow.offset.y;
     }
-    if (gradient) {
-        const gradientAngle = gradient.angle.value;
-        const fillGradient = gradient.type === "radial"
-            ? context.createRadialGradient(0, 0, 0, 0, 0, radius)
-            : context.createLinearGradient(Math.cos(gradientAngle) * -radius, Math.sin(gradientAngle) * -radius, Math.cos(gradientAngle) * radius, Math.sin(gradientAngle) * radius);
-        for (const color of gradient.colors) {
-            fillGradient.addColorStop(color.stop, getStyleFromHsl({
-                h: color.value.h.value,
-                s: color.value.s.value,
-                l: color.value.l.value,
-            }, (_d = (_c = color.opacity) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : opacity));
-        }
-        context.fillStyle = fillGradient;
-    }
-    else {
-        if (fillColorValue) {
-            context.fillStyle = fillColorValue;
-        }
+    if (colorStyles.fill) {
+        context.fillStyle = colorStyles.fill;
     }
     const stroke = particle.stroke;
-    context.lineWidth = (_e = particle.strokeWidth) !== null && _e !== void 0 ? _e : 0;
-    if (strokeColorValue) {
-        context.strokeStyle = strokeColorValue;
+    context.lineWidth = (_c = particle.strokeWidth) !== null && _c !== void 0 ? _c : 0;
+    if (colorStyles.stroke) {
+        context.strokeStyle = colorStyles.stroke;
     }
     drawShape(container, context, particle, radius, opacity, delta);
-    if (((_f = stroke === null || stroke === void 0 ? void 0 : stroke.width) !== null && _f !== void 0 ? _f : 0) > 0) {
+    if (((_d = stroke === null || stroke === void 0 ? void 0 : stroke.width) !== null && _d !== void 0 ? _d : 0) > 0) {
         context.stroke();
     }
     if (particle.close) {
@@ -241,20 +209,21 @@ export function drawPlugin(context, plugin, delta) {
     context.restore();
 }
 export function drawParticlePlugin(context, plugin, particle, delta) {
-    if (plugin.drawParticle !== undefined) {
-        context.save();
-        plugin.drawParticle(context, particle, delta);
-        context.restore();
+    if (!plugin.drawParticle) {
+        return;
     }
+    context.save();
+    plugin.drawParticle(context, particle, delta);
+    context.restore();
 }
 export function drawEllipse(context, particle, fillColorValue, radius, opacity, width, rotation, start, end) {
+    if (width <= 0) {
+        return;
+    }
     const pos = particle.getPosition();
     if (fillColorValue) {
         context.strokeStyle = getStyleFromHsl(fillColorValue, opacity);
     }
-    if (width === 0) {
-        return;
-    }
     context.lineWidth = width;
     const rotationRadian = (rotation * Math.PI) / 180;
     context.beginPath();

package/esm/Utils/ColorUtils.js

@@ -1,5 +1,5 @@
 import { getRangeValue, mix, randomInRange, setRangeValue } from "./NumberUtils";
-import { Constants } from "../Core";
+import { Constants } from "../Core/Utils/Constants";
 import { itemFromArray } from "./Utils";
 function hue2rgb(p, q, t) {
     let tCalc = t;
@@ -82,12 +82,7 @@ export function colorToRgb(input, index, useIndex = true) {
     const color = typeof input === "string" ? { value: input } : input;
     let res;
     if (typeof color.value === "string") {
-        if (color.value === Constants.randomColorValue) {
-            res = getRandomRgbColor();
-        }
-        else {
-            res = stringToRgb(color.value);
-        }
+        res = color.value === Constants.randomColorValue ? getRandomRgbColor() : stringToRgb(color.value);
     }
     else {
         if (color.value instanceof Array) {
@@ -95,8 +90,7 @@ export function colorToRgb(input, index, useIndex = true) {
             res = colorToRgb({ value: colorSelected });
         }
         else {
-            const colorValue = color.value;
-            const rgbColor = (_a = colorValue.rgb) !== null && _a !== void 0 ? _a : color.value;
+            const colorValue = color.value, rgbColor = (_a = colorValue.rgb) !== null && _a !== void 0 ? _a : color.value;
             if (rgbColor.r !== undefined) {
                 res = rgbColor;
             }
@@ -121,17 +115,14 @@ export function colorToHsl(color, index, useIndex = true) {
     return rgb !== undefined ? rgbToHsl(rgb) : undefined;
 }
 export function rgbToHsl(color) {
-    const r1 = color.r / 255;
-    const g1 = color.g / 255;
-    const b1 = color.b / 255;
-    const max = Math.max(r1, g1, b1);
-    const min = Math.min(r1, g1, b1);
+    const r1 = color.r / 255, g1 = color.g / 255, b1 = color.b / 255;
+    const max = Math.max(r1, g1, b1), min = Math.min(r1, g1, b1);
     const res = {
         h: 0,
         l: (max + min) / 2,
         s: 0,
     };
-    if (max != min) {
+    if (max !== min) {
         res.s = res.l < 0.5 ? (max - min) / (max + min) : (max - min) / (2.0 - max - min);
         res.h =
             r1 === max
@@ -154,8 +145,7 @@ export function stringToRgb(input) {
     return stringToRgba(input);
 }
 export function hslToRgb(hsl) {
-    const result = { b: 0, g: 0, r: 0 };
-    const hslPercent = {
+    const result = { b: 0, g: 0, r: 0 }, hslPercent = {
         h: hsl.h / 360,
         l: hsl.l / 100,
         s: hsl.s / 100,
@@ -168,8 +158,7 @@ export function hslToRgb(hsl) {
     else {
         const q = hslPercent.l < 0.5
             ? hslPercent.l * (1 + hslPercent.s)
-            : hslPercent.l + hslPercent.s - hslPercent.l * hslPercent.s;
-        const p = 2 * hslPercent.l - q;
+            : hslPercent.l + hslPercent.s - hslPercent.l * hslPercent.s, p = 2 * hslPercent.l - q;
         result.r = hue2rgb(p, q, hslPercent.h + 1 / 3);
         result.g = hue2rgb(p, q, hslPercent.h);
         result.b = hue2rgb(p, q, hslPercent.h - 1 / 3);
@@ -189,8 +178,7 @@ export function hslaToRgba(hsla) {
     };
 }
 export function hslToHsv(hsl) {
-    const l = hsl.l / 100, sl = hsl.s / 100;
-    const v = l + sl * Math.min(l, 1 - l), sv = !v ? 0 : 2 * (1 - l / v);
+    const l = hsl.l / 100, sl = hsl.s / 100, v = l + sl * Math.min(l, 1 - l), sv = !v ? 0 : 2 * (1 - l / v);
     return {
         h: hsl.h,
         s: sv * 100,
@@ -207,8 +195,7 @@ export function hslaToHsva(hsla) {
     };
 }
 export function hsvToHsl(hsv) {
-    const v = hsv.v / 100, sv = hsv.s / 100;
-    const l = v * (1 - sv / 2), sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
+    const v = hsv.v / 100, sv = hsv.s / 100, l = v * (1 - sv / 2), sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
     return {
         h: hsv.h,
         l: l * 100,
@@ -225,8 +212,7 @@ export function hsvaToHsla(hsva) {
     };
 }
 export function hsvToRgb(hsv) {
-    const result = { b: 0, g: 0, r: 0 };
-    const hsvPercent = {
+    const result = { b: 0, g: 0, r: 0 }, hsvPercent = {
         h: hsv.h / 60,
         s: hsv.s / 100,
         v: hsv.v / 100,
@@ -342,8 +328,7 @@ export function getStyleFromHsv(color, opacity) {
     return getStyleFromHsl(hsvToHsl(color), opacity);
 }
 export function colorMix(color1, color2, size1, size2) {
-    let rgb1 = color1;
-    let rgb2 = color2;
+    let rgb1 = color1, rgb2 = color2;
     if (rgb1.r === undefined) {
         rgb1 = hslToRgb(color1);
     }
@@ -362,8 +347,7 @@ export function getLinkColor(p1, p2, linkColor) {
         return getRandomRgbColor();
     }
     else if (linkColor === "mid") {
-        const sourceColor = (_a = p1.getFillColor()) !== null && _a !== void 0 ? _a : p1.getStrokeColor();
-        const destColor = (_b = p2 === null || p2 === void 0 ? void 0 : p2.getFillColor()) !== null && _b !== void 0 ? _b : p2 === null || p2 === void 0 ? void 0 : p2.getStrokeColor();
+        const sourceColor = (_a = p1.getFillColor()) !== null && _a !== void 0 ? _a : p1.getStrokeColor(), destColor = (_b = p2 === null || p2 === void 0 ? void 0 : p2.getFillColor()) !== null && _b !== void 0 ? _b : p2 === null || p2 === void 0 ? void 0 : p2.getStrokeColor();
         if (sourceColor && destColor && p2) {
             return colorMix(sourceColor, destColor, p1.getRadius(), p2.getRadius());
         }

package/esm/Utils/NumberUtils.js

@@ -1,4 +1,4 @@
-import { Vector } from "../Core";
+import { Vector } from "../Core/Utils/Vector";
 export function clamp(num, min, max) {
     return Math.min(Math.max(num, min), max);
 }
@@ -35,13 +35,16 @@ export function setRangeValue(source, value) {
         : setRangeValue(min, max);
 }
 export function getValue(options) {
-    const random = options.random;
-    const { enable, minimumValue } = typeof random === "boolean" ? { enable: random, minimumValue: 0 } : random;
+    const random = options.random, { enable, minimumValue } = typeof random === "boolean"
+        ? {
+            enable: random,
+            minimumValue: 0,
+        }
+        : random;
     return enable ? getRangeValue(setRangeValue(options.value, minimumValue)) : getRangeValue(options.value);
 }
 export function getDistances(pointA, pointB) {
-    const dx = pointA.x - pointB.x;
-    const dy = pointA.y - pointB.y;
+    const dx = pointA.x - pointB.x, dy = pointA.y - pointB.y;
     return { dx: dx, dy: dy, distance: Math.sqrt(dx * dx + dy * dy) };
 }
 export function getDistance(pointA, pointB) {
@@ -99,8 +102,7 @@ export function calcEasing(value, type) {
         case "ease-out-sine":
             return Math.sin((value * Math.PI) / 2);
         case "ease-out-back": {
-            const c1 = 1.70158;
-            const c3 = c1 + 1;
+            const c1 = 1.70158, c3 = c1 + 1;
             return 1 + c3 * Math.pow(value - 1, 3) + c1 * Math.pow(value - 1, 2);
         }
         case "ease-out-circ":
@@ -109,3 +111,42 @@ export function calcEasing(value, type) {
             return value;
     }
 }
+export function calcPositionFromSize(data) {
+    var _a, _b;
+    return ((_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== undefined && ((_b = data.position) === null || _b === void 0 ? void 0 : _b.y) !== undefined
+        ? {
+            x: (data.position.x * data.size.width) / 100,
+            y: (data.position.y * data.size.height) / 100,
+        }
+        : undefined;
+}
+export function calcPositionOrRandomFromSize(data) {
+    var _a, _b, _c, _d;
+    return {
+        x: (((_b = (_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : Math.random() * 100) * data.size.width) / 100,
+        y: (((_d = (_c = data.position) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : Math.random() * 100) * data.size.height) / 100,
+    };
+}
+export function calcPositionOrRandomFromSizeRanged(data) {
+    var _a, _b;
+    const position = {
+        x: ((_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== undefined ? getRangeValue(data.position.x) : undefined,
+        y: ((_b = data.position) === null || _b === void 0 ? void 0 : _b.y) !== undefined ? getRangeValue(data.position.y) : undefined,
+    };
+    return calcPositionOrRandomFromSize({ size: data.size, position });
+}
+export function calcExactPositionOrRandomFromSize(data) {
+    var _a, _b, _c, _d;
+    return {
+        x: (_b = (_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : Math.random() * data.size.width,
+        y: (_d = (_c = data.position) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : Math.random() * data.size.height,
+    };
+}
+export function calcExactPositionOrRandomFromSizeRanged(data) {
+    var _a, _b;
+    const position = {
+        x: ((_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== undefined ? getRangeValue(data.position.x) : undefined,
+        y: ((_b = data.position) === null || _b === void 0 ? void 0 : _b.y) !== undefined ? getRangeValue(data.position.y) : undefined,
+    };
+    return calcExactPositionOrRandomFromSize({ size: data.size, position });
+}

package/esm/Utils/Utils.js

@@ -1,31 +1,30 @@
 import { collisionVelocity, getDistances, getValue } from "./NumberUtils";
-import { Vector } from "../Core";
+import { Vector } from "../Core/Utils/Vector";
 function rectSideBounce(pSide, pOtherSide, rectSide, rectOtherSide, velocity, factor) {
     const res = { bounced: false };
-    if (pOtherSide.min >= rectOtherSide.min &&
-        pOtherSide.min <= rectOtherSide.max &&
-        pOtherSide.max >= rectOtherSide.min &&
-        pOtherSide.max <= rectOtherSide.max) {
-        if ((pSide.max >= rectSide.min && pSide.max <= (rectSide.max + rectSide.min) / 2 && velocity > 0) ||
-            (pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min) / 2 && velocity < 0)) {
-            res.velocity = velocity * -factor;
-            res.bounced = true;
-        }
+    if (pOtherSide.min < rectOtherSide.min ||
+        pOtherSide.min > rectOtherSide.max ||
+        pOtherSide.max < rectOtherSide.min ||
+        pOtherSide.max > rectOtherSide.max) {
+        return res;
+    }
+    if ((pSide.max >= rectSide.min && pSide.max <= (rectSide.max + rectSide.min) / 2 && velocity > 0) ||
+        (pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min) / 2 && velocity < 0)) {
+        res.velocity = velocity * -factor;
+        res.bounced = true;
     }
     return res;
 }
 function checkSelector(element, selectors) {
-    if (selectors instanceof Array) {
-        for (const selector of selectors) {
-            if (element.matches(selector)) {
-                return true;
-            }
-        }
-        return false;
-    }
-    else {
+    if (!(selectors instanceof Array)) {
         return element.matches(selectors);
     }
+    for (const selector of selectors) {
+        if (element.matches(selector)) {
+            return true;
+        }
+    }
+    return false;
 }
 export function isSsr() {
     return typeof window === "undefined" || !window || typeof window.document === "undefined" || !window.document;
@@ -115,10 +114,7 @@ export function deepExtend(destination, ...sources) {
             if (key === "__proto__") {
                 continue;
             }
-            const sourceDict = source;
-            const value = sourceDict[key];
-            const isObject = typeof value === "object";
-            const destDict = destination;
+            const sourceDict = source, value = sourceDict[key], isObject = typeof value === "object", destDict = destination;
             destDict[key] =
                 isObject && Array.isArray(value)
                     ? value.map((v) => deepExtend(destDict[key], v))
@@ -133,16 +129,14 @@ export function isDivModeEnabled(mode, divs) {
 export function divModeExecute(mode, divs, callback) {
     if (divs instanceof Array) {
         for (const div of divs) {
-            const divMode = div.mode;
-            const divEnabled = div.enable;
+            const divMode = div.mode, divEnabled = div.enable;
             if (divEnabled && isInArray(mode, divMode)) {
                 singleDivModeExecute(div, callback);
             }
         }
     }
     else {
-        const divMode = divs.mode;
-        const divEnabled = divs.enable;
+        const divMode = divs.mode, divEnabled = divs.enable;
         if (divEnabled && isInArray(mode, divMode)) {
             singleDivModeExecute(divs, callback);
         }
@@ -180,29 +174,18 @@ export function circleBounceDataFromParticle(p) {
     };
 }
 export function circleBounce(p1, p2) {
-    const { x: xVelocityDiff, y: yVelocityDiff } = p1.velocity.sub(p2.velocity);
-    const [pos1, pos2] = [p1.position, p2.position];
-    const { dx: xDist, dy: yDist } = getDistances(pos2, pos1);
-    if (xVelocityDiff * xDist + yVelocityDiff * yDist >= 0) {
-        const angle = -Math.atan2(yDist, xDist);
-        const m1 = p1.mass;
-        const m2 = p2.mass;
-        const u1 = p1.velocity.rotate(angle);
-        const u2 = p2.velocity.rotate(angle);
-        const v1 = collisionVelocity(u1, u2, m1, m2);
-        const v2 = collisionVelocity(u2, u1, m1, m2);
-        const vFinal1 = v1.rotate(-angle);
-        const vFinal2 = v2.rotate(-angle);
-        p1.velocity.x = vFinal1.x * p1.factor.x;
-        p1.velocity.y = vFinal1.y * p1.factor.y;
-        p2.velocity.x = vFinal2.x * p2.factor.x;
-        p2.velocity.y = vFinal2.y * p2.factor.y;
+    const { x: xVelocityDiff, y: yVelocityDiff } = p1.velocity.sub(p2.velocity), [pos1, pos2] = [p1.position, p2.position], { dx: xDist, dy: yDist } = getDistances(pos2, pos1);
+    if (xVelocityDiff * xDist + yVelocityDiff * yDist < 0) {
+        return;
     }
+    const angle = -Math.atan2(yDist, xDist), m1 = p1.mass, m2 = p2.mass, u1 = p1.velocity.rotate(angle), u2 = p2.velocity.rotate(angle), v1 = collisionVelocity(u1, u2, m1, m2), v2 = collisionVelocity(u2, u1, m1, m2), vFinal1 = v1.rotate(-angle), vFinal2 = v2.rotate(-angle);
+    p1.velocity.x = vFinal1.x * p1.factor.x;
+    p1.velocity.y = vFinal1.y * p1.factor.y;
+    p2.velocity.x = vFinal2.x * p2.factor.x;
+    p2.velocity.y = vFinal2.y * p2.factor.y;
 }
 export function rectBounce(particle, divBounds) {
-    const pPos = particle.getPosition();
-    const size = particle.getRadius();
-    const bounds = calculateBounds(pPos, size);
+    const pPos = particle.getPosition(), size = particle.getRadius(), bounds = calculateBounds(pPos, size);
     const resH = rectSideBounce({
         min: bounds.left,
         max: bounds.right,

package/esm/engine.js

@@ -10,7 +10,8 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _Engine_initialized, _Engine_loader;
-import { Loader, Plugins } from "./Core";
+import { Loader } from "./Core/Loader";
+import { Plugins } from "./Core/Utils/Plugins";
 export class Engine {
     constructor() {
         _Engine_initialized.set(this, void 0);
@@ -86,6 +87,10 @@ export class Engine {
         this.plugins.addInteractor(name, interactorInitializer);
         await this.refresh();
     }
+    async addMover(name, moverInitializer) {
+        this.plugins.addParticleMover(name, moverInitializer);
+        await this.refresh();
+    }
     async addParticleUpdater(name, updaterInitializer) {
         this.plugins.addParticleUpdater(name, updaterInitializer);
         await this.refresh();

package/esm/full.js

@@ -5,13 +5,15 @@ import { loadPolygonMaskPlugin } from "./Plugins/PolygonMask";
 import { loadRollUpdater } from "./Updaters/Roll";
 import { loadSlim } from "./slim";
 import { loadTiltUpdater } from "./Updaters/Tilt";
+import { loadTwinkleUpdater } from "./Updaters/Twinkle";
 import { loadWobbleUpdater } from "./Updaters/Wobble";
 export async function loadFull(engine) {
     await loadSlim(engine);
-    await loadExternalTrailInteraction(engine);
     await loadRollUpdater(engine);
     await loadTiltUpdater(engine);
+    await loadTwinkleUpdater(engine);
     await loadWobbleUpdater(engine);
+    await loadExternalTrailInteraction(engine);
     await loadAbsorbersPlugin(engine);
     await loadEmittersPlugin(engine);
     await loadPolygonMaskPlugin(engine);

package/esm/index.engine.js

@@ -2,10 +2,98 @@ import { Engine } from "./engine";
 import { initPjs } from "./pjs";
 const tsParticles = new Engine();
 tsParticles.init();
-const { particlesJS, pJSDom } = initPjs(tsParticles);
-export * from "./Core";
-export * from "./Enums";
+const { particlesJS, pJSDom, } = initPjs(tsParticles);
+export * from "./Core/Interfaces/Colors";
+export * from "./Core/Interfaces/Gradients";
+export * from "./Core/Interfaces/IBounds";
+export * from "./Core/Interfaces/IBubbleParticleData";
+export * from "./Core/Interfaces/ICircleBouncer";
+export * from "./Core/Interfaces/IContainerInteractivity";
+export * from "./Core/Interfaces/IContainerPlugin";
+export * from "./Core/Interfaces/ICoordinates";
+export * from "./Core/Interfaces/IDelta";
+export * from "./Core/Interfaces/IDimension";
+export * from "./Core/Interfaces/IDistance";
+export * from "./Core/Interfaces/IExternalInteractor";
+export * from "./Core/Interfaces/IInteractor";
+export * from "./Core/Interfaces/IMouseData";
+export * from "./Core/Interfaces/IMovePathGenerator";
+export * from "./Core/Interfaces/IParticle";
+export * from "./Core/Interfaces/IParticleColorStyle";
+export * from "./Core/Interfaces/IParticleGravity";
+export * from "./Core/Interfaces/IParticleHslAnimation";
+export * from "./Core/Interfaces/IParticlesInteractor";
+export * from "./Core/Interfaces/IParticleLife";
+export * from "./Core/Interfaces/IParticleLoops";
+export * from "./Core/Interfaces/IParticleRetinaProps";
+export * from "./Core/Interfaces/IParticleRoll";
+export * from "./Core/Interfaces/IParticleSpin";
+export * from "./Core/Interfaces/IParticleUpdater";
+export * from "./Core/Interfaces/IParticleValueAnimation";
+export * from "./Core/Interfaces/IParticleWobble";
+export * from "./Core/Interfaces/IParticlesMover";
+export * from "./Core/Interfaces/IPlugin";
+export * from "./Core/Interfaces/IRangeValue";
+export * from "./Core/Interfaces/IRectSideResult";
+export * from "./Core/Interfaces/IShapeDrawer";
+export * from "./Core/Interfaces/IShapeValues";
+export * from "./Core/Utils/Circle";
+export * from "./Core/Utils/CircleWarp";
+export * from "./Core/Utils/Constants";
+export * from "./Core/Utils/EventListeners";
+export * from "./Core/Utils/ExternalInteractorBase";
+export * from "./Core/Utils/FrameManager";
+export * from "./Core/Utils/InteractionManager";
+export * from "./Core/Utils/ParticlesInteractorBase";
+export * from "./Core/Utils/Plugins";
+export * from "./Core/Utils/Point";
+export * from "./Core/Utils/QuadTree";
+export * from "./Core/Utils/Range";
+export * from "./Core/Utils/Rectangle";
+export * from "./Core/Utils/Vector";
+export * from "./Core/Utils/Vector3d";
+export * from "./Core/Canvas";
+export * from "./Core/Container";
+export * from "./Core/Loader";
+export * from "./Core/Particle";
+export * from "./Core/Particles";
+export * from "./Core/Retina";
+export * from "./Enums/Directions/MoveDirection";
+export * from "./Enums/Directions/RotateDirection";
+export * from "./Enums/Directions/OutModeDirection";
+export * from "./Enums/Directions/TiltDirection";
+export * from "./Enums/Modes/ClickMode";
+export * from "./Enums/Modes/DestroyMode";
+export * from "./Enums/Modes/DivMode";
+export * from "./Enums/Modes/HoverMode";
+export * from "./Enums/Modes/CollisionMode";
+export * from "./Enums/Modes/OutMode";
+export * from "./Enums/Modes/RollMode";
+export * from "./Enums/Modes/SizeMode";
+export * from "./Enums/Modes/ThemeMode";
+export * from "./Enums/Modes/ResponsiveMode";
+export * from "./Enums/Types/AlterType";
+export * from "./Enums/Types/DestroyType";
+export * from "./Enums/Types/GradientType";
+export * from "./Enums/Types/InteractorType";
+export * from "./Enums/Types/ShapeType";
+export * from "./Enums/Types/StartValueType";
+export * from "./Enums/Types/DivType";
+export * from "./Enums/Types/EasingType";
+export * from "./Enums/AnimationStatus";
+export * from "./Enums/InteractivityDetect";
 export { Engine, Engine as Main };
-export * from "./Utils";
-export * from "./Types";
+export * from "./Options/Classes/Options";
+export * from "./Options/Classes/OptionsColor";
+export * from "./Options/Interfaces/IOptionLoader";
+export * from "./Types/RangeValue";
+export * from "./Types/RecursivePartial";
+export * from "./Types/ShapeData";
+export * from "./Types/ShapeDrawerFunctions";
+export * from "./Types/SingleOrMultiple";
+export * from "./Types/PathOptions";
+export * from "./Utils/CanvasUtils";
+export * from "./Utils/ColorUtils";
+export * from "./Utils/NumberUtils";
+export * from "./Utils/Utils";
 export { tsParticles, particlesJS, pJSDom };