@rubin-epo/epo-widget-lib 2.0.11 → 2.0.13

package/dist/widgets/OrbitalSim/Orbitals/Orbital.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),o=require("../../../node_modules/prop-types/index.cjs"),ge=require("three"),fe=require("@react-three/fiber"),m=require("@react-three/drei"),t=require("../orbitalUtilities.cjs"),xe=require("../chartColors.module.css.cjs"),pe=require("../Context/index.cjs"),je=require("react-i18next"),g=require("./styles.cjs");function ye(i){if(i&&i.__esModule)return i;const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const a in i)if(a!=="default"){const j=Object.getOwnPropertyDescriptor(i,a);Object.defineProperty(f,a,j.get?j:{enumerable:!0,get:()=>i[a]})}}return f.default=i,Object.freeze(f)}const O=ye(ge),_=({data:i,selectionCallback:f,active:a,playing:j,dayPerVizSec:G,stepDirection:k,frameOverride:R,orbitColor:w,objectColor:C,objectRadius:D,initialized:N,initCallback:v,devMode:Z,zoomMod:U,defaultZoom:K,type:A,reset:z})=>{const{t:Y}=je.useTranslation(),{orbits:$}=pe.useOrbitalSimContext(),{activeVelocityCallback:J}=$,Q=r.useRef(),{a:B,e:W,i:X,M:ee,Node:V,Peri:q,Principal_desig:te,Translated_desig_key:H,name:oe}=i||{},[se]=r.useState(()=>[0,t.degsToRads(X),V?t.degsToRads(V):0]),[n]=r.useState(()=>t.auToUnit(B)),[y]=r.useState(()=>t.getMinorAxis(B,W)),[re]=r.useState(()=>t.getFocus(n,y)),[s]=r.useState(new O.Vector3(re,0,0)),[d]=r.useState(new O.Vector3(0,0,0)),[ie,ae]=r.useState(!1),[u]=r.useState(()=>t.getCurve(n,y,s.x,s.y)),[ne]=r.useState(()=>t.getLineGeometry(u.getPoints(360))),b=t.getPosFromArcLength(0,u),[x,T]=r.useState({position:b,rotation:[0,0,0],progress:0,velocity:t.getVelocity(b.distanceTo(d),n),period:0});r.useEffect(()=>{z>0&&T({position:b,rotation:[0,0,0],progress:0,velocity:t.getVelocity(b.distanceTo(d),n),period:0})},[z]);function le(h){let l=0,c=t.getPosFromArcLength(l,u);if(h){const P=h>180,M=P?h-180:h;let p=t.getAngleFromPos(c,d);for(;p<M;)l+=.01,c=t.getPosFromArcLength(l,u),p=t.getAngleFromPos(c,d);P&&(l+=.5,c=t.getPosFromArcLength(l,u))}return v?v():ae(!0),{position:c,rotation:[0,0,0],progress:l,velocity:t.getVelocity(c.distanceTo(d),n),period:0}}function E(h,L){const{progress:l,position:c,velocity:P,period:M}=x,p=h?0:L*(G||t.DAY_PER_VIZ_SEC),ce=P*p*k,S=l+ce/u.getLength(),F=S>1?1-S:S,{x:de,y:ue}=u.getPoint(F),he=new O.Vector3(de,ue,0),me=t.getVelocity(c.distanceTo(d),n);let I=p+M;S>1&&(I=0),T({...x,position:he,progress:F,velocity:me,period:I})}return r.useEffect(()=>{T(le(ee||Math.floor(Math.random()*Math.floor(180))))},[]),r.useEffect(()=>{R&&E(!1,1/60)},[R]),r.useEffect(()=>{a&&J(t.auToMeters(t.unitToAu(x.velocity/1e5)))},[x]),fe.useFrame((h,L)=>{(N||ie)&&E(!j,L)}),e.jsx("group",{rotation:se,children:e.jsxs("group",{rotation:[0,0,q?t.degsToRads(q+90):0],children:[e.jsx("line",{ref:Q,geometry:ne,children:e.jsx("lineBasicMaterial",{attach:"material",color:a?t.ORBITAL_COLORS.asteroid.orbitHighlight:w||t.ORBITAL_COLORS.asteroid.orbitColor})}),e.jsxs("mesh",{position:x.position,onClick:()=>f(i,"neo"),children:[(A==="planet"||A==="neo"||a)&&e.jsx(m.Html,{children:e.jsx(g.Label,{children:e.jsx("button",{type:"button",style:{fontSize:t.getLabelSize(U,K)},onClick:()=>f(i,"neo"),children:H?Y(H):oe||te})})}),e.jsx("sphereGeometry",{attach:"geometry",args:[D||4,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:a?t.ORBITAL_COLORS.asteroid.objectHighlight:C||t.ORBITAL_COLORS.asteroid.objectColor})]}),Z&&e.jsxs(e.Fragment,{children:[e.jsxs("mesh",{position:s,children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:xe.default.chart1}),e.jsx(m.Html,{children:e.jsx(g.Label,{children:"center"})})]}),e.jsxs("mesh",{position:d,children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:C||"blue"}),e.jsx(m.Html,{children:e.jsx(g.Label,{children:"sun"})})]}),e.jsxs("mesh",{position:[s.x,-y+s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(m.Html,{children:e.jsx(g.Label,{children:"minor axis vertex"})})]}),e.jsxs("mesh",{position:[s.x,y+s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(m.Html,{children:e.jsx(g.Label,{children:"minor axis vertex"})})]}),e.jsxs("mesh",{position:[n+s.x,s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(m.Html,{children:e.jsx(g.Label,{children:"major axis vertex"})})]}),e.jsxs("mesh",{position:[-n+s.x,s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(m.Html,{children:e.jsx(g.Label,{children:"major axis vertex"})})]})]})]})})};_.defaultProps={type:"object"};_.propTypes={data:o.default.object,selectionCallback:o.default.func,active:o.default.bool,playing:o.default.bool,dayPerVizSec:o.default.number,stepDirection:o.default.number,frameOverride:o.default.number,orbitColor:o.default.string,objectColor:o.default.string,objectRadius:o.default.number,initCallback:o.default.func,initialized:o.default.bool,devMode:o.default.bool,activeVelocityCallback:o.default.func,zoomMod:o.default.number,defaultZoom:o.default.number,type:o.default.string,reset:o.default.number};exports.default=_;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),o=require("../../../node_modules/prop-types/index.cjs"),ge=require("three"),fe=require("@react-three/fiber"),d=require("@react-three/drei"),t=require("../orbitalUtilities.cjs"),xe=require("../chartColors.module.css.cjs"),pe=require("../Context/index.cjs"),je=require("react-i18next"),g=require("./styles.cjs");function ye(i){if(i&&i.__esModule)return i;const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const a in i)if(a!=="default"){const j=Object.getOwnPropertyDescriptor(i,a);Object.defineProperty(f,a,j.get?j:{enumerable:!0,get:()=>i[a]})}}return f.default=i,Object.freeze(f)}const M=ye(ge),_=({data:i,selectionCallback:f,active:a,playing:j,dayPerVizSec:w,stepDirection:G,frameOverride:R,orbitColor:k,objectColor:C,objectRadius:D,initialized:N,initCallback:v,devMode:Z,zoomMod:U,defaultZoom:K,type:A,reset:z})=>{const{t:Y}=je.useTranslation(),{orbits:$}=pe.useOrbitalSimContext(),{activeVelocityCallback:J}=$,Q=r.useRef(),{a:V,e:W,i:X,M:ee,Node:q,Peri:B,Principal_desig:te,Translated_desig_key:H,name:oe}=i||{},[se]=r.useState(()=>[0,t.degsToRads(X),q?t.degsToRads(q):0]),[n]=r.useState(()=>t.auToUnit(V)),[y]=r.useState(()=>t.getMinorAxis(V,W)),[re]=r.useState(()=>t.getFocus(n,y)),[s]=r.useState(new M.Vector3(re,0,0)),[u]=r.useState(new M.Vector3(0,0,0)),[ie,ae]=r.useState(!1),[h]=r.useState(()=>t.getCurve(n,y,s.x,s.y)),[ne]=r.useState(h.getPoints(360)),b=t.getPosFromArcLength(0,h),[x,T]=r.useState({position:b,rotation:[0,0,0],progress:0,velocity:t.getVelocity(b.distanceTo(u),n),period:0});r.useEffect(()=>{z>0&&T({position:b,rotation:[0,0,0],progress:0,velocity:t.getVelocity(b.distanceTo(u),n),period:0})},[z]);function le(m){let l=0,c=t.getPosFromArcLength(l,h);if(m){const P=m>180,O=P?m-180:m;let p=t.getAngleFromPos(c,u);for(;p<O;)l+=.01,c=t.getPosFromArcLength(l,h),p=t.getAngleFromPos(c,u);P&&(l+=.5,c=t.getPosFromArcLength(l,h))}return v?v():ae(!0),{position:c,rotation:[0,0,0],progress:l,velocity:t.getVelocity(c.distanceTo(u),n),period:0}}function E(m,L){const{progress:l,position:c,velocity:P,period:O}=x,p=m?0:L*(w||t.DAY_PER_VIZ_SEC),ce=P*p*G,S=l+ce/h.getLength(),F=S>1?1-S:S,{x:de,y:ue}=h.getPoint(F),he=new M.Vector3(de,ue,0),me=t.getVelocity(c.distanceTo(u),n);let I=p+O;S>1&&(I=0),T({...x,position:he,progress:F,velocity:me,period:I})}return r.useEffect(()=>{T(le(ee||Math.floor(Math.random()*Math.floor(180))))},[]),r.useEffect(()=>{R&&E(!1,1/60)},[R]),r.useEffect(()=>{a&&J(t.auToMeters(t.unitToAu(x.velocity/1e5)))},[x]),fe.useFrame((m,L)=>{(N||ie)&&E(!j,L)}),e.jsx("group",{rotation:se,children:e.jsxs("group",{rotation:[0,0,B?t.degsToRads(B+90):0],children:[e.jsx(d.Line,{ref:Q,points:ne,linewidth:2,color:a?t.ORBITAL_COLORS.asteroid.orbitHighlight:k||t.ORBITAL_COLORS.asteroid.orbitColor}),e.jsxs("mesh",{position:x.position,onClick:()=>f(i,"neo"),children:[(A==="planet"||A==="neo"||a)&&e.jsx(d.Html,{children:e.jsx(g.Label,{style:{fontSize:t.getLabelSize(U,K)},children:H?Y(H):oe||te})}),e.jsx("sphereGeometry",{attach:"geometry",args:[D||4,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:a?t.ORBITAL_COLORS.asteroid.objectHighlight:C||t.ORBITAL_COLORS.asteroid.objectColor})]}),Z&&e.jsxs(e.Fragment,{children:[e.jsxs("mesh",{position:s,children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:xe.default.chart1}),e.jsx(d.Html,{children:e.jsx(g.Label,{children:"center"})})]}),e.jsxs("mesh",{position:u,children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:C||"blue"}),e.jsx(d.Html,{children:e.jsx(g.Label,{children:"sun"})})]}),e.jsxs("mesh",{position:[s.x,-y+s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(d.Html,{children:e.jsx(g.Label,{children:"minor axis vertex"})})]}),e.jsxs("mesh",{position:[s.x,y+s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(d.Html,{children:e.jsx(g.Label,{children:"minor axis vertex"})})]}),e.jsxs("mesh",{position:[n+s.x,s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(d.Html,{children:e.jsx(g.Label,{children:"major axis vertex"})})]}),e.jsxs("mesh",{position:[-n+s.x,s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(d.Html,{children:e.jsx(g.Label,{children:"major axis vertex"})})]})]})]})})};_.defaultProps={type:"object"};_.propTypes={data:o.default.object,selectionCallback:o.default.func,active:o.default.bool,playing:o.default.bool,dayPerVizSec:o.default.number,stepDirection:o.default.number,frameOverride:o.default.number,orbitColor:o.default.string,objectColor:o.default.string,objectRadius:o.default.number,initCallback:o.default.func,initialized:o.default.bool,devMode:o.default.bool,activeVelocityCallback:o.default.func,zoomMod:o.default.number,defaultZoom:o.default.number,type:o.default.string,reset:o.default.number};exports.default=_;

package/dist/widgets/OrbitalSim/Orbitals/Orbital.js

@@ -1,133 +1,133 @@
 "use client";
 import { jsx as e, jsxs as i, Fragment as Pe } from "react/jsx-runtime";
-import { useRef as Me, useState as r, useEffect as M } from "react";
+import { useRef as Te, useState as r, useEffect as T } from "react";
 import t from "../../../node_modules/prop-types/index.js";
 import * as L from "three";
-import { useFrame as Te } from "@react-three/fiber";
-import { Html as h } from "@react-three/drei";
-import { degsToRads as V, auToUnit as Ce, getMinorAxis as ve, getFocus as ze, getCurve as je, getLineGeometry as Be, getPosFromArcLength as T, getVelocity as C, auToMeters as Le, unitToAu as Ve, ORBITAL_COLORS as v, getLabelSize as Ge, getAngleFromPos as Z, DAY_PER_VIZ_SEC as Re } from "../orbitalUtilities.js";
+import { useFrame as Me } from "@react-three/fiber";
+import { Line as Ce, Html as h } from "@react-three/drei";
+import { degsToRads as V, auToUnit as ve, getMinorAxis as ze, getFocus as je, getCurve as Le, getPosFromArcLength as M, getVelocity as C, auToMeters as Ve, unitToAu as Be, ORBITAL_COLORS as v, getLabelSize as Ge, getAngleFromPos as H, DAY_PER_VIZ_SEC as Re } from "../orbitalUtilities.js";
 import Se from "../chartColors.module.css.js";
 import { useOrbitalSimContext as _e } from "../Context/index.js";
-import { useTranslation as Ae } from "react-i18next";
+import { useTranslation as we } from "react-i18next";
 import { Label as d } from "./styles.js";
-const N = ({
-  data: z,
-  selectionCallback: G,
-  active: y,
+const Z = ({
+  data: B,
+  selectionCallback: N,
+  active: f,
   playing: K,
   dayPerVizSec: U,
   stepDirection: Y,
-  frameOverride: R,
+  frameOverride: G,
   orbitColor: q,
-  objectColor: S,
+  objectColor: R,
   objectRadius: J,
   initialized: Q,
-  initCallback: _,
+  initCallback: S,
   devMode: W,
   zoomMod: X,
   defaultZoom: $,
-  type: A,
+  type: _,
   // noLabels,
-  reset: k
+  reset: w
 }) => {
-  const { t: ee } = Ae(), { orbits: te } = _e(), { activeVelocityCallback: oe } = te, re = Me(), {
-    a: w,
+  const { t: ee } = we(), { orbits: te } = _e(), { activeVelocityCallback: oe } = te, re = Te(), {
+    a: A,
     e: ie,
-    i: ne,
-    M: se,
-    Node: E,
-    Peri: F,
+    i: se,
+    M: ne,
+    Node: k,
+    Peri: E,
     Principal_desig: ae,
-    Translated_desig_key: I,
+    Translated_desig_key: F,
     name: ce
-  } = z || {}, [le] = r(() => [
+  } = B || {}, [le] = r(() => [
     0,
-    V(ne),
-    E ? V(E) : 0
-  ]), [n] = r(() => Ce(w)), [u] = r(() => ve(w, ie)), [me] = r(() => ze(n, u)), [o] = r(new L.Vector3(me, 0, 0)), [c] = r(new L.Vector3(0, 0, 0)), [he, de] = r(!1), [l] = r(
-    () => je(n, u, o.x, o.y)
-  ), [pe] = r(() => Be(l.getPoints(360))), f = T(0, l), [p, j] = r({
-    position: f,
+    V(se),
+    k ? V(k) : 0
+  ]), [s] = r(() => ve(A)), [u] = r(() => ze(A, ie)), [me] = r(() => je(s, u)), [o] = r(new L.Vector3(me, 0, 0)), [c] = r(new L.Vector3(0, 0, 0)), [he, de] = r(!1), [l] = r(
+    () => Le(s, u, o.x, o.y)
+  ), [pe] = r(l.getPoints(360)), y = M(0, l), [p, z] = r({
+    position: y,
     rotation: [0, 0, 0],
     progress: 0,
-    velocity: C(f.distanceTo(c), n),
+    velocity: C(y.distanceTo(c), s),
     period: 0
   });
-  M(() => {
-    k > 0 && j({
-      position: f,
+  T(() => {
+    w > 0 && z({
+      position: y,
       rotation: [0, 0, 0],
       progress: 0,
-      velocity: C(f.distanceTo(c), n),
+      velocity: C(y.distanceTo(c), s),
       period: 0
     });
-  }, [k]);
+  }, [w]);
   function ge(m) {
-    let s = 0, a = T(s, l);
+    let n = 0, a = M(n, l);
     if (m) {
-      const x = m > 180, B = x ? m - 180 : m;
-      let g = Z(a, c);
-      for (; g < B; )
-        s += 0.01, a = T(s, l), g = Z(a, c);
-      x && (s += 0.5, a = T(s, l));
+      const x = m > 180, j = x ? m - 180 : m;
+      let g = H(a, c);
+      for (; g < j; )
+        n += 0.01, a = M(n, l), g = H(a, c);
+      x && (n += 0.5, a = M(n, l));
     }
-    return _ ? _() : de(!0), {
+    return S ? S() : de(!0), {
       position: a,
       rotation: [0, 0, 0],
-      progress: s,
-      velocity: C(a.distanceTo(c), n),
+      progress: n,
+      velocity: C(a.distanceTo(c), s),
       period: 0
     };
   }
-  function O(m, b) {
+  function I(m, b) {
     const {
-      progress: s,
+      progress: n,
       position: a,
       velocity: x,
-      period: B
-    } = p, g = m ? 0 : b * (U || Re), ye = x * g * Y, P = s + ye / l.getLength(), D = P > 1 ? 1 - P : P, { x: ue, y: fe } = l.getPoint(D), be = new L.Vector3(ue, fe, 0), xe = C(a.distanceTo(c), n);
-    let H = g + B;
-    P > 1 && (H = 0), j({
+      period: j
+    } = p, g = m ? 0 : b * (U || Re), fe = x * g * Y, P = n + fe / l.getLength(), O = P > 1 ? 1 - P : P, { x: ue, y: ye } = l.getPoint(O), be = new L.Vector3(ue, ye, 0), xe = C(a.distanceTo(c), s);
+    let D = g + j;
+    P > 1 && (D = 0), z({
       ...p,
       position: be,
-      progress: D,
+      progress: O,
       velocity: xe,
-      period: H
+      period: D
     });
   }
-  return M(() => {
-    j(ge(se || Math.floor(Math.random() * Math.floor(180))));
-  }, []), M(() => {
-    R && O(!1, 1 / 60);
-  }, [R]), M(() => {
-    y && oe(Le(Ve(p.velocity / 1e5)));
-  }, [p]), Te((m, b) => {
-    (Q || he) && O(!K, b);
-  }), /* @__PURE__ */ e("group", { rotation: le, children: /* @__PURE__ */ i("group", { rotation: [0, 0, F ? V(F + 90) : 0], children: [
-    /* @__PURE__ */ e("line", { ref: re, geometry: pe, children: /* @__PURE__ */ e(
-      "lineBasicMaterial",
+  return T(() => {
+    z(ge(ne || Math.floor(Math.random() * Math.floor(180))));
+  }, []), T(() => {
+    G && I(!1, 1 / 60);
+  }, [G]), T(() => {
+    f && oe(Ve(Be(p.velocity / 1e5)));
+  }, [p]), Me((m, b) => {
+    (Q || he) && I(!K, b);
+  }), /* @__PURE__ */ e("group", { rotation: le, children: /* @__PURE__ */ i("group", { rotation: [0, 0, E ? V(E + 90) : 0], children: [
+    /* @__PURE__ */ e(
+      Ce,
       {
-        attach: "material",
-        color: y ? v.asteroid.orbitHighlight : q || v.asteroid.orbitColor
+        ref: re,
+        points: pe,
+        linewidth: 2,
+        color: f ? v.asteroid.orbitHighlight : q || v.asteroid.orbitColor
       }
-    ) }),
+    ),
     /* @__PURE__ */ i(
       "mesh",
       {
         position: p.position,
-        onClick: () => G(z, "neo"),
+        onClick: () => N(B, "neo"),
         children: [
-          (A === "planet" || A === "neo" || y) && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(
-            "button",
+          (_ === "planet" || _ === "neo" || f) && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
+            d,
             {
-              type: "button",
               style: {
                 fontSize: Ge(X, $)
               },
-              onClick: () => G(z, "neo"),
-              children: I ? ee(I) : ce || ae
+              children: F ? ee(F) : ce || ae
             }
-          ) }) }),
+          ) }),
           /* @__PURE__ */ e(
             "sphereGeometry",
             {
@@ -139,7 +139,7 @@ const N = ({
             "meshBasicMaterial",
             {
               attach: "material",
-              color: y ? v.asteroid.objectHighlight : S || v.asteroid.objectColor
+              color: f ? v.asteroid.objectHighlight : R || v.asteroid.objectColor
             }
           )
         ]
@@ -157,7 +157,7 @@ const N = ({
           "meshBasicMaterial",
           {
             attach: "material",
-            color: S || "blue"
+            color: R || "blue"
           }
         ),
         /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(d, { children: "sun" }) })
@@ -196,7 +196,7 @@ const N = ({
         "mesh",
         {
           position: [
-            n + o.x,
+            s + o.x,
             o.y,
             o.z
           ],
@@ -211,7 +211,7 @@ const N = ({
         "mesh",
         {
           position: [
-            -n + o.x,
+            -s + o.x,
             o.y,
             o.z
           ],
@@ -225,10 +225,10 @@ const N = ({
     ] })
   ] }) });
 };
-N.defaultProps = {
+Z.defaultProps = {
   type: "object"
 };
-N.propTypes = {
+Z.propTypes = {
   data: t.object,
   selectionCallback: t.func,
   active: t.bool,
@@ -250,5 +250,5 @@ N.propTypes = {
   reset: t.number
 };
 export {
-  N as default
+  Z as default
 };

package/dist/widgets/OrbitalSim/Orbitals/styles.cjs

@@ -5,7 +5,7 @@
     display: none;
   }
 `,c=t.default.div`
-  padding: 2px 4px;
+  padding: 0px 4px;
   margin-top: 4px;
   font-weight: var(--medium);
   color: var(--black);

package/dist/widgets/OrbitalSim/Orbitals/styles.js

@@ -9,7 +9,7 @@ const a = o(t)`
     display: none;
   }
 `, d = o.div`
-  padding: 2px 4px;
+  padding: 0px 4px;
   margin-top: 4px;
   font-weight: var(--medium);
   color: var(--black);

package/dist/widgets/OrbitalSim/Sun.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("@react-three/drei"),t=require("./orbitalUtilities.cjs"),n=require("react-i18next"),l=require("./styles.cjs"),a=({defaultZoom:s,zoomLevel:r})=>{const{t:i}=n.useTranslation();return e.jsxs("mesh",{position:[0,0,0],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[9,16,8]}),e.jsx("meshBasicMaterial",{attach:"material",color:t.ORBITAL_COLORS.sun.objectColor}),e.jsx(o.Html,{children:e.jsx(l.SunLabel,{children:e.jsx("span",{style:{fontSize:t.getLabelSize(r,s)},children:i("orbital_sim.astronomy.orbital_bodies.sun")})})})]})};exports.default=a;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("@react-three/drei"),t=require("./orbitalUtilities.cjs"),n=require("react-i18next"),l=require("./styles.cjs"),a=({defaultZoom:s,zoomLevel:r})=>{const{t:i}=n.useTranslation();return e.jsxs("mesh",{position:[0,0,0],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[9,16,8]}),e.jsx("meshBasicMaterial",{attach:"material",color:t.ORBITAL_COLORS.sun.objectColor}),e.jsx(o.Html,{children:e.jsx(l.SunLabel,{style:{fontSize:t.getLabelSize(r,s)},children:i("orbital_sim.astronomy.orbital_bodies.sun")})})]})};exports.default=a;

package/dist/widgets/OrbitalSim/Sun.js

@@ -2,10 +2,10 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { Html as s } from "@react-three/drei";
 import { ORBITAL_COLORS as a, getLabelSize as m } from "./orbitalUtilities.js";
-import { useTranslation as n } from "react-i18next";
-import { SunLabel as l } from "./styles.js";
+import { useTranslation as l } from "react-i18next";
+import { SunLabel as n } from "./styles.js";
 const b = ({ defaultZoom: o, zoomLevel: r }) => {
-  const { t: e } = n();
+  const { t: e } = l();
   return /* @__PURE__ */ i("mesh", { position: [0, 0, 0], children: [
     /* @__PURE__ */ t("sphereGeometry", { attach: "geometry", args: [9, 16, 8] }),
     /* @__PURE__ */ t(
@@ -15,15 +15,15 @@ const b = ({ defaultZoom: o, zoomLevel: r }) => {
         color: a.sun.objectColor
       }
     ),
-    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(
-      "span",
+    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
+      n,
       {
         style: {
           fontSize: m(r, o)
         },
         children: e("orbital_sim.astronomy.orbital_bodies.sun")
       }
-    ) }) })
+    ) })
   ] });
 };
 export {

package/dist/widgets/OrbitalSim/orbitalUtilities.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("three");function p(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=p(C),c=100,j=1,r={sun:{objectColor:"#f8da86"},earth:{objectColor:"#3f9ef0",orbitColor:"#3079b8"},mars:{objectColor:"#ed4c4c",orbitColor:"#b53a3a"},jupiter:{objectColor:"#f1b571",orbitColor:"#b98b57"},neptune:{objectColor:"#3cae3f",orbitColor:"#29762b"},asteroid:{objectColor:"#b1f2ef",orbitColor:"#6a6e6e",objectHighlight:"#00ffff",orbitHighlight:"#ffffff"},neos:{objectColor:"#0ff",orbitColor:"#b2ffff"}},b={a:1.4700451,e:.5598234,i:6.35515,H:16.25,Ref:"Apollo",name:"Apollo",Principal_desig:"1932 HA",Translated_desig_key:"neo.apollo",orbitColor:r.neos.orbitColor,objectColor:r.neos.objectColor,objectRadius:5},d={a:.740919,e:.3221221,i:25.62023,H:16.3,Ref:"Atira",Principal_desig:"2003 CP20",Translated_desig_key:"neo.atira",orbitColor:r.neos.orbitColor,objectColor:r.neos.objectColor,objectRadius:5},g={a:1.9194158,e:.4353207,i:11.87658,H:17.7,Ref:"Amor",Principal_desig:"1932 EA1",Translated_desig_key:"neo.amor",orbitColor:r.neos.orbitColor,objectColor:r.neos.objectColor,objectRadius:5},_={a:1,e:.01671022,i:0,H:-3.9,Ref:"Earth",Principal_desig:"Earth",Translated_desig_key:"planets.earth",orbitColor:r.earth.orbitColor,objectColor:r.earth.objectColor,objectRadius:5},m={a:1.52366231,e:.09341233,i:1.85061,H:-1.52,Ref:"Mars",Principal_desig:"Mars",Translated_desig_key:"planets.mars",orbitColor:r.mars.orbitColor,objectColor:r.mars.objectColor,objectRadius:4},A={a:5.2028,e:.048,i:1.31,H:-25.9,Ref:"Jupiter",Principal_desig:"Jupiter",Translated_desig_key:"planets.jupiter",orbitColor:r.jupiter.orbitColor,objectColor:r.jupiter.objectColor,objectRadius:7},R={a:30.06896348,e:.00858587,i:1.76917,H:-25.9,Ref:"Neptune",Principal_desig:"Neptune",Translated_desig_key:"planets.neptune",orbitColor:r.neptune.orbitColor,objectColor:r.neptune.objectColor,objectRadius:6},T=e=>({neptune:R,earth:_,mars:m,jupiter:A,atira:d,apollo:b,amor:g})[e]||null,P=function(e,o){return Number.parseFloat(Number.parseFloat(e).toFixed(o))},y=(e,o,t=0,n=0)=>new s.EllipseCurve(t,n,e,o,0,2*Math.PI,!1,0),h=e=>new s.BufferGeometry().setFromPoints(e),S=(e,o)=>{const t=e.distanceTo(o),{x:n,y:i}=e;return Math.acos((t**2+n**2-i**2)/(2*t*n))*180/Math.PI},O=(e,o)=>{const{x:t,y:n}=o.getPoint(e);return new s.Vector3(t,n,0)},f=e=>e*c,M=e=>e/c,x=(e,o)=>f(e*Math.sqrt(1-o**2)),E=e=>1496e8*e,a=e=>e*(Math.PI/180),z=(e,o)=>{const t=.000296005155*c**3;return Math.sqrt(t*(2/e-1/o))},L=(e,o)=>Math.sqrt(e**2-o**2),H=(e,o)=>{const{i:t,Peri:n,Node:i}=o,l=new s.Vector3(0,1,0),u=new s.Vector3(0,0,1);return new s.Vector3(e.x,e.y,0).applyAxisAngle(u,n?a(n+90):0).applyAxisAngle(l,a(t)).applyAxisAngle(u,i?a(i):0)},V=(e,o)=>{const i=15*(e/o);return i<=4?4:i>=15?15:i};exports.AU_TO_VIZ_SCALER=c;exports.DAY_PER_VIZ_SEC=j;exports.ORBITAL_COLORS=r;exports.amor=g;exports.apollo=b;exports.atira=d;exports.auToMeters=E;exports.auToUnit=f;exports.convert2dTo3d=H;exports.degsToRads=a;exports.formatValue=P;exports.getAngleFromPos=S;exports.getCurve=y;exports.getFocus=L;exports.getLabelSize=V;exports.getLineGeometry=h;exports.getMinorAxis=x;exports.getPosFromArcLength=O;exports.getRefObjProps=T;exports.getVelocity=z;exports.unitToAu=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("three");function p(o){if(o&&o.__esModule)return o;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const s=p(f),c=100,j=1,r={sun:{objectColor:"#f8da86"},earth:{objectColor:"#3f9ef0",orbitColor:"#3079b8"},mars:{objectColor:"#ed4c4c",orbitColor:"#b53a3a"},jupiter:{objectColor:"#f1b571",orbitColor:"#b98b57"},neptune:{objectColor:"#3cae3f",orbitColor:"#29762b"},asteroid:{objectColor:"#b1f2ef",orbitColor:"#6a6e6e",objectHighlight:"#00ffff",orbitHighlight:"#ffffff"},neos:{objectColor:"#0ff",orbitColor:"#b2ffff"}},u={a:1.4700451,e:.5598234,i:6.35515,H:16.25,Ref:"Apollo",name:"Apollo",Principal_desig:"1932 HA",Translated_desig_key:"neo.apollo",orbitColor:r.neos.orbitColor,objectColor:r.neos.objectColor,objectRadius:5},d={a:.740919,e:.3221221,i:25.62023,H:16.3,Ref:"Atira",Principal_desig:"2003 CP20",Translated_desig_key:"neo.atira",orbitColor:r.neos.orbitColor,objectColor:r.neos.objectColor,objectRadius:5},g={a:1.9194158,e:.4353207,i:11.87658,H:17.7,Ref:"Amor",Principal_desig:"1932 EA1",Translated_desig_key:"neo.amor",orbitColor:r.neos.orbitColor,objectColor:r.neos.objectColor,objectRadius:5},_={a:1,e:.01671022,i:0,H:-3.9,Ref:"Earth",Principal_desig:"Earth",Translated_desig_key:"planets.earth",orbitColor:r.earth.orbitColor,objectColor:r.earth.objectColor,objectRadius:5},m={a:1.52366231,e:.09341233,i:1.85061,H:-1.52,Ref:"Mars",Principal_desig:"Mars",Translated_desig_key:"planets.mars",orbitColor:r.mars.orbitColor,objectColor:r.mars.objectColor,objectRadius:4},A={a:5.2028,e:.048,i:1.31,H:-25.9,Ref:"Jupiter",Principal_desig:"Jupiter",Translated_desig_key:"planets.jupiter",orbitColor:r.jupiter.orbitColor,objectColor:r.jupiter.objectColor,objectRadius:7},R={a:30.06896348,e:.00858587,i:1.76917,H:-25.9,Ref:"Neptune",Principal_desig:"Neptune",Translated_desig_key:"planets.neptune",orbitColor:r.neptune.orbitColor,objectColor:r.neptune.objectColor,objectRadius:6},T=o=>({neptune:R,earth:_,mars:m,jupiter:A,atira:d,apollo:u,amor:g})[o]||null,P=function(o,e){return Number.parseFloat(Number.parseFloat(o).toFixed(e))},y=(o,e,t=0,n=0)=>new s.EllipseCurve(t,n,o,e,0,2*Math.PI,!1,0),h=(o,e)=>{const t=o.distanceTo(e),{x:n,y:i}=o;return Math.acos((t**2+n**2-i**2)/(2*t*n))*180/Math.PI},S=(o,e)=>{const{x:t,y:n}=e.getPoint(o);return new s.Vector3(t,n,0)},C=o=>o*c,O=o=>o/c,M=(o,e)=>C(o*Math.sqrt(1-e**2)),x=o=>1496e8*o,a=o=>o*(Math.PI/180),E=(o,e)=>{const t=.000296005155*c**3;return Math.sqrt(t*(2/o-1/e))},z=(o,e)=>Math.sqrt(o**2-e**2),H=(o,e)=>{const{i:t,Peri:n,Node:i}=e,l=new s.Vector3(0,1,0),b=new s.Vector3(0,0,1);return new s.Vector3(o.x,o.y,0).applyAxisAngle(b,n?a(n+90):0).applyAxisAngle(l,a(t)).applyAxisAngle(b,i?a(i):0)},V=(o,e)=>{const i=15*(o/e);return i<=12?12:i>=15?15:i};exports.AU_TO_VIZ_SCALER=c;exports.DAY_PER_VIZ_SEC=j;exports.ORBITAL_COLORS=r;exports.amor=g;exports.apollo=u;exports.atira=d;exports.auToMeters=x;exports.auToUnit=C;exports.convert2dTo3d=H;exports.degsToRads=a;exports.formatValue=P;exports.getAngleFromPos=h;exports.getCurve=y;exports.getFocus=z;exports.getLabelSize=V;exports.getMinorAxis=M;exports.getPosFromArcLength=S;exports.getRefObjProps=T;exports.getVelocity=E;exports.unitToAu=O;

package/dist/widgets/OrbitalSim/orbitalUtilities.js

@@ -63,7 +63,7 @@ const l = 100, m = 1, t = {
   orbitColor: t.neos.orbitColor,
   objectColor: t.neos.objectColor,
   objectRadius: 5
-}, f = {
+}, p = {
   a: 1,
   e: 0.01671022,
   i: 0,
@@ -74,7 +74,7 @@ const l = 100, m = 1, t = {
   orbitColor: t.earth.orbitColor,
   objectColor: t.earth.objectColor,
   objectRadius: 5
-}, p = {
+}, f = {
   a: 1.52366231,
   e: 0.09341233,
   i: 1.85061,
@@ -85,7 +85,7 @@ const l = 100, m = 1, t = {
   orbitColor: t.mars.orbitColor,
   objectColor: t.mars.objectColor,
   objectRadius: 4
-}, g = {
+}, j = {
   a: 5.2028,
   e: 0.048,
   i: 1.31,
@@ -97,7 +97,7 @@ const l = 100, m = 1, t = {
   objectColor: t.jupiter.objectColor,
   // objectRadius: 69911000,
   objectRadius: 7
-}, j = {
+}, g = {
   a: 30.06896348,
   e: 858587e-8,
   i: 1.76917,
@@ -110,10 +110,10 @@ const l = 100, m = 1, t = {
   // objectRadius: 24622000,
   objectRadius: 6
 }, R = (o) => ({
-  neptune: j,
-  earth: f,
-  mars: p,
-  jupiter: g,
+  neptune: g,
+  earth: p,
+  mars: f,
+  jupiter: j,
   atira: C,
   apollo: u,
   amor: d
@@ -136,24 +136,24 @@ const l = 100, m = 1, t = {
   // aClockwise
   0
   // aRotation
-), P = (o) => new s.BufferGeometry().setFromPoints(o), y = (o, e) => {
+), P = (o, e) => {
   const r = o.distanceTo(e), { x: n, y: i } = o;
   return Math.acos((r ** 2 + n ** 2 - i ** 2) / (2 * r * n)) * 180 / Math.PI;
 }, T = (o, e) => {
   const { x: r, y: n } = e.getPoint(o);
   return new s.Vector3(r, n, 0);
-}, _ = (o) => o * l, x = (o) => o / l, M = (o, e) => _(o * Math.sqrt(1 - e ** 2)), S = (o) => 1496e8 * o, a = (o) => o * (Math.PI / 180), z = (o, e) => {
+}, _ = (o) => o * l, x = (o) => o / l, y = (o, e) => _(o * Math.sqrt(1 - e ** 2)), M = (o) => 1496e8 * o, a = (o) => o * (Math.PI / 180), S = (o, e) => {
   const r = 296005155e-12 * l ** 3;
   return Math.sqrt(r * (2 / o - 1 / e));
-}, H = (o, e) => Math.sqrt(o ** 2 - e ** 2), E = (o, e) => {
+}, z = (o, e) => Math.sqrt(o ** 2 - e ** 2), H = (o, e) => {
   const { i: r, Peri: n, Node: i } = e, c = new s.Vector3(0, 1, 0), b = new s.Vector3(0, 0, 1);
   return new s.Vector3(o.x, o.y, 0).applyAxisAngle(b, n ? a(n + 90) : 0).applyAxisAngle(c, a(r)).applyAxisAngle(
     b,
     i ? a(i) : 0
   );
-}, V = (o, e) => {
+}, E = (o, e) => {
   const i = 15 * (o / e);
-  return i <= 4 ? 4 : i >= 15 ? 15 : i;
+  return i <= 12 ? 12 : i >= 15 ? 15 : i;
 };
 export {
   l as AU_TO_VIZ_SCALER,
@@ -162,19 +162,18 @@ export {
   d as amor,
   u as apollo,
   C as atira,
-  S as auToMeters,
+  M as auToMeters,
   _ as auToUnit,
-  E as convert2dTo3d,
+  H as convert2dTo3d,
   a as degsToRads,
   A as formatValue,
-  y as getAngleFromPos,
+  P as getAngleFromPos,
   h as getCurve,
-  H as getFocus,
-  V as getLabelSize,
-  P as getLineGeometry,
-  M as getMinorAxis,
+  z as getFocus,
+  E as getLabelSize,
+  y as getMinorAxis,
   T as getPosFromArcLength,
   R as getRefObjProps,
-  z as getVelocity,
+  S as getVelocity,
   x as unitToAu
 };

package/dist/widgets/OrbitalSim/styles.cjs

@@ -45,7 +45,7 @@
     position: relative;
     z-index: 1;
 `,d=e.default.div`
-  padding: 2px 4px;
+  padding: 0px 4px;
   margin-top: 4px;
   font-weight: var(--medium);
   color: var(--black);

package/dist/widgets/OrbitalSim/styles.js

@@ -48,7 +48,7 @@ const o = t`
     position: relative;
     z-index: 1;
 `, d = e.div`
-  padding: 2px 4px;
+  padding: 0px 4px;
   margin-top: 4px;
   font-weight: var(--medium);
   color: var(--black);

package/dist/widgets/SourceSelector/MovingSourceSelector.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),l=require("react"),G=require("react-i18next"),J=require("../../layout/AspectRatio/index.cjs"),K=require("../../atomic/Loader/index.cjs"),Q=require("@rubin-epo/epo-react-lib/IconComposer"),U=require("./MovingSourceMap/index.cjs"),k=require("./utils.cjs"),Z=require("./styles.cjs"),O=require("../../hooks/useInterval.cjs"),ee=require("./Message/Message.cjs"),te=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),se=e=>e&&e.__esModule?e:{default:e},ne=se(Q),oe=(e,n)=>{var d;const t={day:0,hour:0},s=e[n];if(!s)return t;const c=(s==null?void 0:s.date)-((d=e[0])==null?void 0:d.date);return c?{day:Math.round(c)||0,hour:Math.round(24/c%24)||0}:t},re=(e,n,t)=>Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2)<=Math.pow(t,2),ce=(e,n,t)=>t?e[n]?[e[n].image]:[]:e.map(({image:s})=>s),y=({width:e=600,height:n=600,selectedSource:t=[],alerts:s=[],activeAlertIndex:c=0,alertChangeCallback:d,selectionCallback:q,blinkConfig:_,isDisplayOnly:i=!1,isLoading:P,className:w,movingSources:u=[]})=>{const[f,b]=l.useState(0),[B,F]=l.useState(!0),[p,L]=l.useState(!i),[R,I]=l.useState(),[T,m]=l.useState(!1),{t:S}=G.useTranslation(),j=!B&&!P,V=(r,g,h)=>{if(u)for(let a of u){const x=a.sources[f];if(re(r,{x:k.toDecimalPercent(x.x)*g,y:k.toDecimalPercent(x.y)*h},k.getRadius(a.type,a.radius)*g))return a.id}},v=()=>{I(S("source_selector.messages.failure")),m(!0)},N=()=>{L(r=>!r)},W=()=>{I(o.jsxs(o.Fragment,{children:[o.jsx(ne.default,{icon:"checkmark"}),S("source_selector.messages.success")]})),m(!0)},$=({clientX:r,clientY:g,target:h})=>{if(!j||i)return;const{tagName:a,clientWidth:x,clientHeight:C}=h;if(a.toLowerCase()!=="img")return;const{left:Y,top:A}=h.getBoundingClientRect(),M=V({x:r-Y,y:C-g+A},x,C);if(M){if(t.includes(M))return;q&&q(t.concat(M)),W()}else v()},z=()=>{m(!1)},{day:D,hour:E}=oe(s,c),H=ce(s,c,i),X=()=>{p&&(f>u[0].sources.length-2?b(0):b(r=>r+1))};return O.default(X,500),o.jsxs(J.default,{ratio:1,className:w,children:[!i&&o.jsx(ee.default,{onMessageChangeCallback:z,isVisible:T,children:R}),u&&o.jsx(Z.BackgroundBlinker,{images:H,activeIndex:f,blinkCallback:d,loadedCallback:()=>F(!1),onClickCallback:$,extraControls:s.length>0&&!i&&o.jsx(te.default,{day:D,hour:E}),interval:400,pauseCallback:N,..._,children:o.jsx(U.default,{width:e,height:n,isPlaying:p,currentIndex:f,movingSources:u,selectedSource:t})}),!j&&o.jsx(K.default,{})]})};y.displayName="Widgets.MovingSourceSelector";exports.default=y;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),h=require("react"),Y=require("react-i18next"),G=require("../../layout/AspectRatio/index.cjs"),J=require("../../atomic/Loader/index.cjs"),K=require("@rubin-epo/epo-react-lib/IconComposer"),Q=require("./MovingSourceMap/index.cjs"),C=require("./utils.cjs"),U=require("./styles.cjs"),Z=require("./Message/Message.cjs"),v=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),A=e=>e&&e.__esModule?e:{default:e},O=A(K),ee=(e,n)=>{var u;const t={day:0,hour:0},s=e[n];if(!s)return t;const o=(s==null?void 0:s.date)-((u=e[0])==null?void 0:u.date);return o?{day:Math.round(o)||0,hour:Math.round(24/o%24)||0}:t},te=(e,n,t)=>Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2)<=Math.pow(t,2),se=(e,n,t)=>t?e[n]?[e[n].image]:[]:e.map(({image:s})=>s),S=({width:e=600,height:n=600,selectedSource:t=[],alerts:s=[],activeAlertIndex:o=0,alertChangeCallback:u,selectionCallback:k,blinkConfig:j,isDisplayOnly:a=!1,isLoading:y,className:_,movingSources:l=[]})=>{const[P,I]=h.useState(!0),[w,F]=h.useState(!a),[L,b]=h.useState(),[B,m]=h.useState(!1),{t:p}=Y.useTranslation(),q=!P&&!y,R=(i,d,f)=>{if(l)for(let c of l){const g=c.sources[o];if(te(i,{x:C.toDecimalPercent(g.x)*d,y:C.toDecimalPercent(g.y)*f},C.getRadius(c.type,c.radius)*d))return c.id}},T=()=>{b(p("source_selector.messages.failure")),m(!0)},V=()=>{F(i=>!i)},N=()=>{b(r.jsxs(r.Fragment,{children:[r.jsx(O.default,{icon:"checkmark"}),p("source_selector.messages.success")]})),m(!0)},W=({clientX:i,clientY:d,target:f})=>{if(!q||a)return;const{tagName:c,clientWidth:g,clientHeight:x}=f;if(c.toLowerCase()!=="img")return;const{left:H,top:X}=f.getBoundingClientRect(),M=R({x:i-H,y:x-d+X},g,x);if(M){if(t.includes(M))return;k&&k(t.concat(M)),N()}else T()},$=()=>{m(!1)},{day:z,hour:D}=ee(s,o),E=se(s,o,a);return r.jsxs(G.default,{ratio:1,className:_,children:[!a&&r.jsx(Z.default,{onMessageChangeCallback:$,isVisible:B,children:L}),l&&r.jsx(U.BackgroundBlinker,{images:E,activeIndex:o,blinkCallback:u,loadedCallback:()=>I(!1),onClickCallback:W,extraControls:s.length>0&&!a&&r.jsx(v.default,{day:z,hour:D}),interval:400,pauseCallback:V,...j,children:r.jsx(Q.default,{width:e,height:n,isPlaying:w,currentIndex:o,movingSources:l,selectedSource:t})}),!q&&r.jsx(J.default,{})]})};S.displayName="Widgets.MovingSourceSelector";exports.default=S;

package/dist/widgets/SourceSelector/MovingSourceSelector.js

@@ -1,129 +1,126 @@
 "use client";
-import { jsxs as B, jsx as a, Fragment as J } from "react/jsx-runtime";
-import { useState as u } from "react";
+import { jsxs as S, jsx as i, Fragment as J } from "react/jsx-runtime";
+import { useState as g } from "react";
 import { useTranslation as K } from "react-i18next";
 import Q from "../../layout/AspectRatio/index.js";
 import U from "../../atomic/Loader/index.js";
 import Z from "@rubin-epo/epo-react-lib/IconComposer";
 import $ from "./MovingSourceMap/index.js";
-import { getRadius as D, toDecimalPercent as L } from "./utils.js";
-import { BackgroundBlinker as O } from "./styles.js";
-import ee from "../../hooks/useInterval.js";
-import te from "./Message/Message.js";
-import oe from "../../atomic/ElapsedTime/ElapsedTime.js";
-const ne = (e, n) => {
-  var d;
-  const t = { day: 0, hour: 0 }, o = e[n];
-  if (!o) return t;
-  const r = (o == null ? void 0 : o.date) - ((d = e[0]) == null ? void 0 : d.date);
+import { getRadius as D, toDecimalPercent as x } from "./utils.js";
+import { BackgroundBlinker as v } from "./styles.js";
+import A from "./Message/Message.js";
+import O from "../../atomic/ElapsedTime/ElapsedTime.js";
+const ee = (e, s) => {
+  var u;
+  const o = { day: 0, hour: 0 }, t = e[s];
+  if (!t) return o;
+  const r = (t == null ? void 0 : t.date) - ((u = e[0]) == null ? void 0 : u.date);
   return r ? {
     day: Math.round(r) || 0,
     hour: Math.round(24 / r % 24) || 0
-  } : t;
-}, se = (e, n, t) => Math.pow(e.x - n.x, 2) + Math.pow(e.y - n.y, 2) <= Math.pow(t, 2), re = (e, n, t) => t ? e[n] ? [e[n].image] : [] : e.map(({ image: o }) => o), ie = ({
+  } : o;
+}, oe = (e, s, o) => Math.pow(e.x - s.x, 2) + Math.pow(e.y - s.y, 2) <= Math.pow(o, 2), te = (e, s, o) => o ? e[s] ? [e[s].image] : [] : e.map(({ image: t }) => t), se = ({
   width: e = 600,
-  height: n = 600,
-  selectedSource: t = [],
-  alerts: o = [],
+  height: s = 600,
+  selectedSource: o = [],
+  alerts: t = [],
   activeAlertIndex: r = 0,
-  alertChangeCallback: d,
-  selectionCallback: M,
-  blinkConfig: P,
-  isDisplayOnly: c = !1,
-  isLoading: w,
-  className: F,
+  alertChangeCallback: u,
+  selectionCallback: C,
+  blinkConfig: L,
+  isDisplayOnly: a = !1,
+  isLoading: P,
+  className: w,
   movingSources: l = []
 }) => {
-  const [f, x] = u(0), [R, V] = u(!0), [b, j] = u(!c), [N, I] = u(), [T, p] = u(!1), { t: y } = K(), S = !R && !w, W = (s, m, g) => {
+  const [F, I] = g(!0), [B, R] = g(!a), [V, k] = g(), [j, h] = g(!1), { t: b } = K(), y = !F && !P, N = (c, d, f) => {
     if (l)
-      for (let i of l) {
-        const h = i.sources[f];
-        if (se(
-          s,
+      for (let n of l) {
+        const m = n.sources[r];
+        if (oe(
+          c,
           {
-            x: L(h.x) * m,
-            y: L(h.y) * g
+            x: x(m.x) * d,
+            y: x(m.y) * f
           },
-          D(i.type, i.radius) * m
+          D(n.type, n.radius) * d
         ))
-          return i.id;
+          return n.id;
       }
+  }, T = () => {
+    k(b("source_selector.messages.failure")), h(!0);
+  }, W = () => {
+    R((c) => !c);
   }, _ = () => {
-    I(y("source_selector.messages.failure")), p(!0);
-  }, v = () => {
-    j((s) => !s);
-  }, z = () => {
-    I(
-      /* @__PURE__ */ B(J, { children: [
-        /* @__PURE__ */ a(Z, { icon: "checkmark" }),
-        y("source_selector.messages.success")
+    k(
+      /* @__PURE__ */ S(J, { children: [
+        /* @__PURE__ */ i(Z, { icon: "checkmark" }),
+        b("source_selector.messages.success")
       ] })
-    ), p(!0);
-  }, A = ({
-    clientX: s,
-    clientY: m,
-    target: g
+    ), h(!0);
+  }, z = ({
+    clientX: c,
+    clientY: d,
+    target: f
   }) => {
-    if (!S || c) return;
+    if (!y || a) return;
     const {
-      tagName: i,
-      clientWidth: h,
-      clientHeight: k
-    } = g;
-    if (i.toLowerCase() !== "img") return;
-    const { left: q, top: G } = g.getBoundingClientRect(), C = W(
-      { x: s - q, y: k - m + G },
-      h,
-      k
+      tagName: n,
+      clientWidth: m,
+      clientHeight: p
+    } = f;
+    if (n.toLowerCase() !== "img") return;
+    const { left: q, top: G } = f.getBoundingClientRect(), M = N(
+      { x: c - q, y: p - d + G },
+      m,
+      p
     );
-    if (C) {
-      if (t.includes(C)) return;
-      M && M(t.concat(C)), z();
+    if (M) {
+      if (o.includes(M)) return;
+      C && C(o.concat(M)), _();
     } else
-      _();
+      T();
   }, E = () => {
-    p(!1);
-  }, { day: H, hour: X } = ne(o, r), Y = re(o, r, c);
-  return ee(() => {
-    b && (f > l[0].sources.length - 2 ? x(0) : x((s) => s + 1));
-  }, 500), /* @__PURE__ */ B(Q, { ratio: 1, className: F, children: [
-    !c && /* @__PURE__ */ a(
-      te,
+    h(!1);
+  }, { day: H, hour: X } = ee(t, r), Y = te(t, r, a);
+  return /* @__PURE__ */ S(Q, { ratio: 1, className: w, children: [
+    !a && /* @__PURE__ */ i(
+      A,
       {
         onMessageChangeCallback: E,
-        isVisible: T,
-        children: N
+        isVisible: j,
+        children: V
       }
     ),
-    l && /* @__PURE__ */ a(
-      O,
+    l && /* @__PURE__ */ i(
+      v,
       {
         images: Y,
-        activeIndex: f,
-        blinkCallback: d,
-        loadedCallback: () => V(!1),
-        onClickCallback: A,
-        extraControls: o.length > 0 && !c && /* @__PURE__ */ a(oe, { day: H, hour: X }),
+        activeIndex: r,
+        blinkCallback: u,
+        loadedCallback: () => I(!1),
+        onClickCallback: z,
+        extraControls: t.length > 0 && !a && /* @__PURE__ */ i(O, { day: H, hour: X }),
         interval: 400,
-        pauseCallback: v,
-        ...P,
-        children: /* @__PURE__ */ a(
+        pauseCallback: W,
+        ...L,
+        children: /* @__PURE__ */ i(
           $,
           {
             width: e,
-            height: n,
-            isPlaying: b,
-            currentIndex: f,
+            height: s,
+            isPlaying: B,
+            currentIndex: r,
             movingSources: l,
-            selectedSource: t
+            selectedSource: o
           }
         )
       }
     ),
-    !S && /* @__PURE__ */ a(U, {})
+    !y && /* @__PURE__ */ i(U, {})
   ] });
 };
-ie.displayName = "Widgets.MovingSourceSelector";
+se.displayName = "Widgets.MovingSourceSelector";
 export {
-  ie as default
+  se as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "2.0.11",
+  "version": "2.0.13",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -102,8 +102,7 @@
   "dependencies": {
     "@react-three/drei": "^10.7.6",
     "@react-three/fiber": "9",
-    "@rubin-epo/epo-react-lib": "3.0.2",
-    "@rubin-epo/epo-widget-lib": "2.0.2",
+    "@rubin-epo/epo-react-lib": "3.0.3",
     "context-filter-polyfill": "^0.3.6",
     "d3-array": "^3.2.4",
     "d3-geo": "^3.1.1",