@tsparticles/updater-orbit 3.9.1 → 4.0.0-alpha.1

package/604.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 604.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_updater_orbit=this.webpackChunk_tsparticles_updater_orbit||[]).push([[604],{604(t,i,o){o.d(i,{OrbitUpdater:()=>d});var a,e=o(303);class n extends e.ValueWithRandom{constructor(){super(),this.value=45}load(t){(0,e.isNull)(t)||super.load(t)}}class r{constructor(){this.animation=new e.AnimationOptions,this.enable=!1,this.opacity=1,this.rotation=new n,this.width=1}load(t){(0,e.isNull)(t)||(this.animation.load(t.animation),this.rotation.load(t.rotation),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.opacity&&(this.opacity=(0,e.setRangeValue)(t.opacity)),void 0!==t.width&&(this.width=(0,e.setRangeValue)(t.width)),void 0!==t.radius&&(this.radius=(0,e.setRangeValue)(t.radius)),void 0!==t.color&&(this.color=e.OptionsColor.create(this.color,t.color)))}}!function(t){t.front="front",t.back="back"}(a||(a={}));const s=Math.PI*e.half,l=Math.PI+s;class d{constructor(t,i){this._engine=t,this._container=i}afterDraw(t){const i=t.options.orbit;i?.enable&&this.drawOrbit(t,a.front)}beforeDraw(t){const i=t.options.orbit;i?.enable&&this.drawOrbit(t,a.back)}drawOrbit(t,i){const o=this._container;let n,r;switch(i){case a.back:n=s,r=l;break;case a.front:n=l,r=s;break;default:n=0,r=e.doublePI}o.canvas.draw((i=>{!function(t,i,o,a,n,r,s,l,d){if(r<=0)return;const b=i.getPosition(),{container:c}=i;o&&(t.strokeStyle=(0,e.getStyleFromHsl)(o,c.hdr,n)),t.lineWidth=r;const u=(0,e.degToRad)(s);t.beginPath(),t.ellipse(b.x,b.y,.5*a,2*a,u,l,d),t.stroke()}(i,t,t.orbitColor??t.getFillColor(),t.retina.orbitRadius??o.retina.orbitRadius??t.getRadius(),t.orbitOpacity??e.defaultOpacity,t.orbitWidth??1,(t.orbitRotation??0)*o.retina.pixelRatio,n,r)}))}init(t){const i=this._container,o=t.options.orbit;o?.enable&&(t.orbitRotation=(0,e.getRangeValue)(o.rotation.value),t.orbitColor=(0,e.rangeColorToHsl)(this._engine,o.color),t.retina.orbitRadius=void 0!==o.radius?(0,e.getRangeValue)(o.radius)*i.retina.pixelRatio:void 0,i.retina.orbitRadius=t.retina.orbitRadius,t.orbitAnimationSpeed=o.animation.enable?(0,e.getRangeValue)(o.animation.speed):0,t.orbitWidth=(0,e.getRangeValue)(o.width),t.orbitOpacity=(0,e.getRangeValue)(o.opacity))}isEnabled(t){const i=t.options.orbit?.animation;return!t.destroyed&&!t.spawning&&!!i?.enable}loadOptions(t,...i){t.orbit??=new r;for(const o of i)t.orbit.load(o?.orbit)}update(t,i){this.isEnabled(t)&&(t.orbitRotation??=0,t.orbitRotation+=(t.orbitAnimationSpeed??0/e.doublePI)*i.factor)}}}}]);

package/604.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Orbit Updater v4.0.0-alpha.1 by Matteo Bruni */

package/browser/OrbitUpdater.js

@@ -1,10 +1,10 @@
-import { getRangeValue, rangeColorToHsl, } from "@tsparticles/engine";
+import { defaultOpacity, doublePI, getRangeValue, half, rangeColorToHsl, } from "@tsparticles/engine";
 import { Orbit } from "./Options/Classes/Orbit.js";
 import { OrbitType } from "./Enums.js";
 import { drawEllipse } from "./Utils.js";
-const double = 2, half = 0.5, doublePI = Math.PI * double, defaultOrbitSpeed = 0, halfPI = Math.PI * half, piAndAHalf = Math.PI + halfPI, startAngle = 0, defaultOpacity = 1, defaultWidth = 1, defaultRotation = 0;
+const defaultOrbitSpeed = 0, halfPI = Math.PI * half, piAndAHalf = Math.PI + halfPI, startAngle = 0, defaultWidth = 1, defaultRotation = 0;
 export class OrbitUpdater {
-    constructor(container, engine) {
+    constructor(engine, container) {
         this._engine = engine;
         this._container = container;
     }
@@ -63,9 +63,7 @@ export class OrbitUpdater {
         return !particle.destroyed && !particle.spawning && !!orbitAnimations?.enable;
     }
     loadOptions(options, ...sources) {
-        if (!options.orbit) {
-            options.orbit = new Orbit();
-        }
+        options.orbit ??= new Orbit();
         for (const source of sources) {
             options.orbit.load(source?.orbit);
         }
@@ -74,9 +72,7 @@ export class OrbitUpdater {
         if (!this.isEnabled(particle)) {
             return;
         }
-        if (particle.orbitRotation === undefined) {
-            particle.orbitRotation = defaultRotation;
-        }
+        particle.orbitRotation ??= defaultRotation;
         particle.orbitRotation += (particle.orbitAnimationSpeed ?? defaultOrbitSpeed / doublePI) * delta.factor;
     }
 }

package/browser/Utils.js

@@ -4,9 +4,9 @@ export function drawEllipse(context, particle, fillColorValue, radius, opacity,
     if (width <= minWidth) {
         return;
     }
-    const pos = particle.getPosition();
+    const pos = particle.getPosition(), { container } = particle;
     if (fillColorValue) {
-        context.strokeStyle = getStyleFromHsl(fillColorValue, opacity);
+        context.strokeStyle = getStyleFromHsl(fillColorValue, container.hdr, opacity);
     }
     context.lineWidth = width;
     const rotationRadian = degToRad(rotation);

package/browser/index.js

@@ -1,7 +1,9 @@
-import { OrbitUpdater } from "./OrbitUpdater.js";
-export async function loadOrbitUpdater(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addParticleUpdater("orbit", container => {
-        return Promise.resolve(new OrbitUpdater(container, engine));
-    }, refresh);
+export function loadOrbitUpdater(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        e.addParticleUpdater("orbit", async (container) => {
+            const { OrbitUpdater } = await import("./OrbitUpdater.js");
+            return new OrbitUpdater(e, container);
+        });
+    });
 }

package/cjs/Enums.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OrbitType = void 0;
-var OrbitType;
+export var OrbitType;
 (function (OrbitType) {
     OrbitType["front"] = "front";
     OrbitType["back"] = "back";
-})(OrbitType || (exports.OrbitType = OrbitType = {}));
+})(OrbitType || (OrbitType = {}));

package/cjs/Options/Classes/Orbit.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Orbit = void 0;
-const engine_1 = require("@tsparticles/engine");
-const OrbitRotation_js_1 = require("./OrbitRotation.js");
-class Orbit {
+import { AnimationOptions, OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { OrbitRotation } from "./OrbitRotation.js";
+export class Orbit {
     constructor() {
-        this.animation = new engine_1.AnimationOptions();
+        this.animation = new AnimationOptions();
         this.enable = false;
         this.opacity = 1;
-        this.rotation = new OrbitRotation_js_1.OrbitRotation();
+        this.rotation = new OrbitRotation();
         this.width = 1;
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         this.animation.load(data.animation);
@@ -21,17 +18,16 @@ class Orbit {
             this.enable = data.enable;
         }
         if (data.opacity !== undefined) {
-            this.opacity = (0, engine_1.setRangeValue)(data.opacity);
+            this.opacity = setRangeValue(data.opacity);
         }
         if (data.width !== undefined) {
-            this.width = (0, engine_1.setRangeValue)(data.width);
+            this.width = setRangeValue(data.width);
         }
         if (data.radius !== undefined) {
-            this.radius = (0, engine_1.setRangeValue)(data.radius);
+            this.radius = setRangeValue(data.radius);
         }
         if (data.color !== undefined) {
-            this.color = engine_1.OptionsColor.create(this.color, data.color);
+            this.color = OptionsColor.create(this.color, data.color);
         }
     }
 }
-exports.Orbit = Orbit;

package/cjs/Options/Classes/OrbitRotation.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OrbitRotation = void 0;
-const engine_1 = require("@tsparticles/engine");
-class OrbitRotation extends engine_1.ValueWithRandom {
+import { ValueWithRandom, isNull } from "@tsparticles/engine";
+export class OrbitRotation extends ValueWithRandom {
     constructor() {
         super();
         this.value = 45;
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         super.load(data);
     }
 }
-exports.OrbitRotation = OrbitRotation;

package/cjs/Options/Interfaces/IOrbit.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/OrbitUpdater.js

@@ -1,37 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OrbitUpdater = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Orbit_js_1 = require("./Options/Classes/Orbit.js");
-const Enums_js_1 = require("./Enums.js");
-const Utils_js_1 = require("./Utils.js");
-const double = 2, half = 0.5, doublePI = Math.PI * double, defaultOrbitSpeed = 0, halfPI = Math.PI * half, piAndAHalf = Math.PI + halfPI, startAngle = 0, defaultOpacity = 1, defaultWidth = 1, defaultRotation = 0;
-class OrbitUpdater {
-    constructor(container, engine) {
+import { defaultOpacity, doublePI, getRangeValue, half, rangeColorToHsl, } from "@tsparticles/engine";
+import { Orbit } from "./Options/Classes/Orbit.js";
+import { OrbitType } from "./Enums.js";
+import { drawEllipse } from "./Utils.js";
+const defaultOrbitSpeed = 0, halfPI = Math.PI * half, piAndAHalf = Math.PI + halfPI, startAngle = 0, defaultWidth = 1, defaultRotation = 0;
+export class OrbitUpdater {
+    constructor(engine, container) {
         this._engine = engine;
         this._container = container;
     }
     afterDraw(particle) {
         const orbitOptions = particle.options.orbit;
         if (orbitOptions?.enable) {
-            this.drawOrbit(particle, Enums_js_1.OrbitType.front);
+            this.drawOrbit(particle, OrbitType.front);
         }
     }
     beforeDraw(particle) {
         const orbitOptions = particle.options.orbit;
         if (orbitOptions?.enable) {
-            this.drawOrbit(particle, Enums_js_1.OrbitType.back);
+            this.drawOrbit(particle, OrbitType.back);
         }
     }
     drawOrbit(particle, type) {
         const container = this._container;
         let start, end;
         switch (type) {
-            case Enums_js_1.OrbitType.back:
+            case OrbitType.back:
                 start = halfPI;
                 end = piAndAHalf;
                 break;
-            case Enums_js_1.OrbitType.front:
+            case OrbitType.front:
                 start = piAndAHalf;
                 end = halfPI;
                 break;
@@ -40,7 +37,7 @@ class OrbitUpdater {
                 end = doublePI;
         }
         container.canvas.draw(ctx => {
-            (0, Utils_js_1.drawEllipse)(ctx, particle, particle.orbitColor ?? particle.getFillColor(), particle.retina.orbitRadius ?? container.retina.orbitRadius ?? particle.getRadius(), particle.orbitOpacity ?? defaultOpacity, particle.orbitWidth ?? defaultWidth, (particle.orbitRotation ?? defaultRotation) * container.retina.pixelRatio, start, end);
+            drawEllipse(ctx, particle, particle.orbitColor ?? particle.getFillColor(), particle.retina.orbitRadius ?? container.retina.orbitRadius ?? particle.getRadius(), particle.orbitOpacity ?? defaultOpacity, particle.orbitWidth ?? defaultWidth, (particle.orbitRotation ?? defaultRotation) * container.retina.pixelRatio, start, end);
         });
     }
     init(particle) {
@@ -48,27 +45,25 @@ class OrbitUpdater {
         if (!orbitOptions?.enable) {
             return;
         }
-        particle.orbitRotation = (0, engine_1.getRangeValue)(orbitOptions.rotation.value);
-        particle.orbitColor = (0, engine_1.rangeColorToHsl)(this._engine, orbitOptions.color);
+        particle.orbitRotation = getRangeValue(orbitOptions.rotation.value);
+        particle.orbitColor = rangeColorToHsl(this._engine, orbitOptions.color);
         particle.retina.orbitRadius =
             orbitOptions.radius !== undefined
-                ? (0, engine_1.getRangeValue)(orbitOptions.radius) * container.retina.pixelRatio
+                ? getRangeValue(orbitOptions.radius) * container.retina.pixelRatio
                 : undefined;
         container.retina.orbitRadius = particle.retina.orbitRadius;
         particle.orbitAnimationSpeed = orbitOptions.animation.enable
-            ? (0, engine_1.getRangeValue)(orbitOptions.animation.speed)
+            ? getRangeValue(orbitOptions.animation.speed)
             : defaultOrbitSpeed;
-        particle.orbitWidth = (0, engine_1.getRangeValue)(orbitOptions.width);
-        particle.orbitOpacity = (0, engine_1.getRangeValue)(orbitOptions.opacity);
+        particle.orbitWidth = getRangeValue(orbitOptions.width);
+        particle.orbitOpacity = getRangeValue(orbitOptions.opacity);
     }
     isEnabled(particle) {
         const orbitAnimations = particle.options.orbit?.animation;
         return !particle.destroyed && !particle.spawning && !!orbitAnimations?.enable;
     }
     loadOptions(options, ...sources) {
-        if (!options.orbit) {
-            options.orbit = new Orbit_js_1.Orbit();
-        }
+        options.orbit ??= new Orbit();
         for (const source of sources) {
             options.orbit.load(source?.orbit);
         }
@@ -77,10 +72,7 @@ class OrbitUpdater {
         if (!this.isEnabled(particle)) {
             return;
         }
-        if (particle.orbitRotation === undefined) {
-            particle.orbitRotation = defaultRotation;
-        }
+        particle.orbitRotation ??= defaultRotation;
         particle.orbitRotation += (particle.orbitAnimationSpeed ?? defaultOrbitSpeed / doublePI) * delta.factor;
     }
 }
-exports.OrbitUpdater = OrbitUpdater;

package/cjs/Types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Utils.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawEllipse = drawEllipse;
-const engine_1 = require("@tsparticles/engine");
+import { degToRad, getStyleFromHsl } from "@tsparticles/engine";
 const minWidth = 0, half = 0.5, double = 2;
-function drawEllipse(context, particle, fillColorValue, radius, opacity, width, rotation, start, end) {
+export function drawEllipse(context, particle, fillColorValue, radius, opacity, width, rotation, start, end) {
     if (width <= minWidth) {
         return;
     }
-    const pos = particle.getPosition();
+    const pos = particle.getPosition(), { container } = particle;
     if (fillColorValue) {
-        context.strokeStyle = (0, engine_1.getStyleFromHsl)(fillColorValue, opacity);
+        context.strokeStyle = getStyleFromHsl(fillColorValue, container.hdr, opacity);
     }
     context.lineWidth = width;
-    const rotationRadian = (0, engine_1.degToRad)(rotation);
+    const rotationRadian = degToRad(rotation);
     context.beginPath();
     context.ellipse(pos.x, pos.y, radius * half, radius * double, rotationRadian, start, end);
     context.stroke();

package/cjs/index.js

@@ -1,10 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadOrbitUpdater = loadOrbitUpdater;
-const OrbitUpdater_js_1 = require("./OrbitUpdater.js");
-async function loadOrbitUpdater(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addParticleUpdater("orbit", container => {
-        return Promise.resolve(new OrbitUpdater_js_1.OrbitUpdater(container, engine));
-    }, refresh);
+export function loadOrbitUpdater(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        e.addParticleUpdater("orbit", async (container) => {
+            const { OrbitUpdater } = await import("./OrbitUpdater.js");
+            return new OrbitUpdater(e, container);
+        });
+    });
 }

package/dist_browser_OrbitUpdater_js.js

@@ -0,0 +1,70 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.1
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_updater_orbit"] = this["webpackChunk_tsparticles_updater_orbit"] || []).push([["dist_browser_OrbitUpdater_js"],{
+
+/***/ "./dist/browser/Enums.js"
+/*!*******************************!*\
+  !*** ./dist/browser/Enums.js ***!
+  \*******************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OrbitType: () => (/* binding */ OrbitType)\n/* harmony export */ });\nvar OrbitType;\n(function (OrbitType) {\n  OrbitType[\"front\"] = \"front\";\n  OrbitType[\"back\"] = \"back\";\n})(OrbitType || (OrbitType = {}));\n\n//# sourceURL=webpack://@tsparticles/updater-orbit/./dist/browser/Enums.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/Orbit.js"
+/*!***********************************************!*\
+  !*** ./dist/browser/Options/Classes/Orbit.js ***!
+  \***********************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Orbit: () => (/* binding */ Orbit)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _OrbitRotation_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./OrbitRotation.js */ \"./dist/browser/Options/Classes/OrbitRotation.js\");\n\n\nclass Orbit {\n  constructor() {\n    this.animation = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimationOptions();\n    this.enable = false;\n    this.opacity = 1;\n    this.rotation = new _OrbitRotation_js__WEBPACK_IMPORTED_MODULE_1__.OrbitRotation();\n    this.width = 1;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.animation.load(data.animation);\n    this.rotation.load(data.rotation);\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.opacity !== undefined) {\n      this.opacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.opacity);\n    }\n    if (data.width !== undefined) {\n      this.width = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.width);\n    }\n    if (data.radius !== undefined) {\n      this.radius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.radius);\n    }\n    if (data.color !== undefined) {\n      this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-orbit/./dist/browser/Options/Classes/Orbit.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/OrbitRotation.js"
+/*!*******************************************************!*\
+  !*** ./dist/browser/Options/Classes/OrbitRotation.js ***!
+  \*******************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OrbitRotation: () => (/* binding */ OrbitRotation)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass OrbitRotation extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ValueWithRandom {\n  constructor() {\n    super();\n    this.value = 45;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    super.load(data);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-orbit/./dist/browser/Options/Classes/OrbitRotation.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/OrbitUpdater.js"
+/*!**************************************!*\
+  !*** ./dist/browser/OrbitUpdater.js ***!
+  \**************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OrbitUpdater: () => (/* binding */ OrbitUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Orbit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Orbit.js */ \"./dist/browser/Options/Classes/Orbit.js\");\n/* harmony import */ var _Enums_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums.js */ \"./dist/browser/Enums.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\n\n\nconst defaultOrbitSpeed = 0,\n  halfPI = Math.PI * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n  piAndAHalf = Math.PI + halfPI,\n  startAngle = 0,\n  defaultWidth = 1,\n  defaultRotation = 0;\nclass OrbitUpdater {\n  constructor(engine, container) {\n    this._engine = engine;\n    this._container = container;\n  }\n  afterDraw(particle) {\n    const orbitOptions = particle.options.orbit;\n    if (orbitOptions?.enable) {\n      this.drawOrbit(particle, _Enums_js__WEBPACK_IMPORTED_MODULE_2__.OrbitType.front);\n    }\n  }\n  beforeDraw(particle) {\n    const orbitOptions = particle.options.orbit;\n    if (orbitOptions?.enable) {\n      this.drawOrbit(particle, _Enums_js__WEBPACK_IMPORTED_MODULE_2__.OrbitType.back);\n    }\n  }\n  drawOrbit(particle, type) {\n    const container = this._container;\n    let start, end;\n    switch (type) {\n      case _Enums_js__WEBPACK_IMPORTED_MODULE_2__.OrbitType.back:\n        start = halfPI;\n        end = piAndAHalf;\n        break;\n      case _Enums_js__WEBPACK_IMPORTED_MODULE_2__.OrbitType.front:\n        start = piAndAHalf;\n        end = halfPI;\n        break;\n      default:\n        start = startAngle;\n        end = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI;\n    }\n    container.canvas.draw(ctx => {\n      (0,_Utils_js__WEBPACK_IMPORTED_MODULE_3__.drawEllipse)(ctx, particle, particle.orbitColor ?? particle.getFillColor(), particle.retina.orbitRadius ?? container.retina.orbitRadius ?? particle.getRadius(), particle.orbitOpacity ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultOpacity, particle.orbitWidth ?? defaultWidth, (particle.orbitRotation ?? defaultRotation) * container.retina.pixelRatio, start, end);\n    });\n  }\n  init(particle) {\n    const container = this._container,\n      particlesOptions = particle.options,\n      orbitOptions = particlesOptions.orbit;\n    if (!orbitOptions?.enable) {\n      return;\n    }\n    particle.orbitRotation = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(orbitOptions.rotation.value);\n    particle.orbitColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._engine, orbitOptions.color);\n    particle.retina.orbitRadius = orbitOptions.radius !== undefined ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(orbitOptions.radius) * container.retina.pixelRatio : undefined;\n    container.retina.orbitRadius = particle.retina.orbitRadius;\n    particle.orbitAnimationSpeed = orbitOptions.animation.enable ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(orbitOptions.animation.speed) : defaultOrbitSpeed;\n    particle.orbitWidth = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(orbitOptions.width);\n    particle.orbitOpacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(orbitOptions.opacity);\n  }\n  isEnabled(particle) {\n    const orbitAnimations = particle.options.orbit?.animation;\n    return !particle.destroyed && !particle.spawning && !!orbitAnimations?.enable;\n  }\n  loadOptions(options, ...sources) {\n    options.orbit ??= new _Options_Classes_Orbit_js__WEBPACK_IMPORTED_MODULE_1__.Orbit();\n    for (const source of sources) {\n      options.orbit.load(source?.orbit);\n    }\n  }\n  update(particle, delta) {\n    if (!this.isEnabled(particle)) {\n      return;\n    }\n    particle.orbitRotation ??= defaultRotation;\n    particle.orbitRotation += (particle.orbitAnimationSpeed ?? defaultOrbitSpeed / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI) * delta.factor;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-orbit/./dist/browser/OrbitUpdater.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Utils.js"
+/*!*******************************!*\
+  !*** ./dist/browser/Utils.js ***!
+  \*******************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawEllipse: () => (/* binding */ drawEllipse)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minWidth = 0,\n  half = 0.5,\n  double = 2;\nfunction drawEllipse(context, particle, fillColorValue, radius, opacity, width, rotation, start, end) {\n  if (width <= minWidth) {\n    return;\n  }\n  const pos = particle.getPosition(),\n    {\n      container\n    } = particle;\n  if (fillColorValue) {\n    context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromHsl)(fillColorValue, container.hdr, opacity);\n  }\n  context.lineWidth = width;\n  const rotationRadian = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(rotation);\n  context.beginPath();\n  context.ellipse(pos.x, pos.y, radius * half, radius * double, rotationRadian, start, end);\n  context.stroke();\n}\n\n//# sourceURL=webpack://@tsparticles/updater-orbit/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/OrbitUpdater.js

@@ -1,10 +1,10 @@
-import { getRangeValue, rangeColorToHsl, } from "@tsparticles/engine";
+import { defaultOpacity, doublePI, getRangeValue, half, rangeColorToHsl, } from "@tsparticles/engine";
 import { Orbit } from "./Options/Classes/Orbit.js";
 import { OrbitType } from "./Enums.js";
 import { drawEllipse } from "./Utils.js";
-const double = 2, half = 0.5, doublePI = Math.PI * double, defaultOrbitSpeed = 0, halfPI = Math.PI * half, piAndAHalf = Math.PI + halfPI, startAngle = 0, defaultOpacity = 1, defaultWidth = 1, defaultRotation = 0;
+const defaultOrbitSpeed = 0, halfPI = Math.PI * half, piAndAHalf = Math.PI + halfPI, startAngle = 0, defaultWidth = 1, defaultRotation = 0;
 export class OrbitUpdater {
-    constructor(container, engine) {
+    constructor(engine, container) {
         this._engine = engine;
         this._container = container;
     }
@@ -63,9 +63,7 @@ export class OrbitUpdater {
         return !particle.destroyed && !particle.spawning && !!orbitAnimations?.enable;
     }
     loadOptions(options, ...sources) {
-        if (!options.orbit) {
-            options.orbit = new Orbit();
-        }
+        options.orbit ??= new Orbit();
         for (const source of sources) {
             options.orbit.load(source?.orbit);
         }
@@ -74,9 +72,7 @@ export class OrbitUpdater {
         if (!this.isEnabled(particle)) {
             return;
         }
-        if (particle.orbitRotation === undefined) {
-            particle.orbitRotation = defaultRotation;
-        }
+        particle.orbitRotation ??= defaultRotation;
         particle.orbitRotation += (particle.orbitAnimationSpeed ?? defaultOrbitSpeed / doublePI) * delta.factor;
     }
 }

package/esm/Utils.js

@@ -4,9 +4,9 @@ export function drawEllipse(context, particle, fillColorValue, radius, opacity,
     if (width <= minWidth) {
         return;
     }
-    const pos = particle.getPosition();
+    const pos = particle.getPosition(), { container } = particle;
     if (fillColorValue) {
-        context.strokeStyle = getStyleFromHsl(fillColorValue, opacity);
+        context.strokeStyle = getStyleFromHsl(fillColorValue, container.hdr, opacity);
     }
     context.lineWidth = width;
     const rotationRadian = degToRad(rotation);

package/esm/index.js

@@ -1,7 +1,9 @@
-import { OrbitUpdater } from "./OrbitUpdater.js";
-export async function loadOrbitUpdater(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addParticleUpdater("orbit", container => {
-        return Promise.resolve(new OrbitUpdater(container, engine));
-    }, refresh);
+export function loadOrbitUpdater(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        e.addParticleUpdater("orbit", async (container) => {
+            const { OrbitUpdater } = await import("./OrbitUpdater.js");
+            return new OrbitUpdater(e, container);
+        });
+    });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-orbit",
-  "version": "3.9.1",
+  "version": "4.0.0-alpha.1",
   "description": "tsParticles particles orbit updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -101,9 +101,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "3.9.1"
+    "@tsparticles/engine": "4.0.0-alpha.1"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module"
 }