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

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/dist/widgets/SupernovaThreeVector/Skymap/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),S=require("react"),_=require("d3-geo-projection"),M=require("d3-geo"),q=require("d3-array"),E=require("../../../atomic/ImageStack/index.cjs"),a=require("./styles.cjs"),N=require("../../../charts/Base/index.cjs"),U=require("../../../charts/Tooltip/index.cjs"),y=({className:L,objects:p=[],images:v=[],visibleImages:w=[],describedById:G})=>{const[O,P]=S.useState(!1),[x,f]=S.useState(),l=600,c=300,n={top:20,right:0,bottom:20,left:20},W=l+n.right+n.left,$=c+n.top+n.bottom,d=15,u=30,j=-90,m=90,g=-180,k=180,h=2,i=_.geoAitoff(),s=M.geoGraticule();s.step([u,d]),s.extent([[g,j],[k,m]]),i.fitExtent([[n.left,n.top],[n.left+l-h,n.top+c]],s.outline());const B=q.range(j+d,m,d),A=q.range(g+u,k,u),C=M.geoPath(i).pointRadius(6),r=t=>C(t)||void 0,o=typeof x<"u"?p[x]:void 0,b=(o?i([o==null?void 0:o.long,o==null?void 0:o.lat]):[0,0])||[0,0];return e.jsxs(N.default,{width:W,height:$,className:L,children:[e.jsx("mask",{id:"imageMask",children:e.jsx("path",{d:r(s.outline()),fill:"white"})}),e.jsx(a.Background,{d:r(s.outline())}),e.jsx(a.Graticule,{d:r(s())}),e.jsx(a.ImageStackerWrapper,{style:{"--image-stack-opacity":O&&1},x:n.left,y:n.top,width:l-h,height:c,mask:"url(#imageMask)",children:e.jsx(E.default,{images:v,describedById:G,visible:w,loadCallback:()=>P(!0),showBackdrop:!1,showLoader:!1})}),e.jsx("g",{children:p.map(({id:t,lat:H,long:R},T)=>e.jsx(a.UserObject,{d:r({type:"Point",coordinates:[R,H]}),onMouseOver:()=>f(T),onMouseOut:()=>f(void 0)},t))}),e.jsx("g",{"aria-hidden":"true",children:B.map(t=>t===0?null:e.jsxs(a.LatLabel,{style:{dominantBaseline:t>0?"text-after-edge":"text-before-edge"},transform:`translate(${i([g,t])})`,children:[t,"°"]},t))}),e.jsx("g",{"aria-hidden":"true",children:A.map(t=>e.jsxs(a.LongLabel,{transform:`translate(${i([t,0])})`,children:[t,"°"]},t))}),e.jsx(a.Outline,{strokeWidth:h,d:r(s.outline())}),e.jsx(U.default,{visible:!!o,x:b[0],y:b[1],children:o==null?void 0:o.id})]})};y.displayName="Widgets.SupernovaThreeVector.Skymap";exports.default=y;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("react"),_=require("d3-geo-projection"),S=require("d3-geo"),M=require("d3-array"),E=require("../../../charts/Base/index.cjs");require("../../../charts/XAxis/index.cjs");require("../../../charts/YAxis/index.cjs");require("../../../charts/Guidelines/index.cjs");const N=require("../../../charts/Tooltip/index.cjs");require("../../../charts/Bars/index.cjs");require("../../../charts/Viewport/index.cjs");require("../../../charts/ScatterPlot/index.cjs");const U=require("../../../atomic/ImageStack/index.cjs"),r=require("./styles.cjs"),y=({className:L,objects:p=[],images:v=[],visibleImages:w=[],describedById:G})=>{const[O,P]=b.useState(!1),[x,f]=b.useState(),l=600,c=300,n={top:20,right:0,bottom:20,left:20},W=l+n.right+n.left,$=c+n.top+n.bottom,d=15,u=30,j=-90,m=90,g=-180,q=180,h=2,i=_.geoAitoff(),s=S.geoGraticule();s.step([u,d]),s.extent([[g,j],[q,m]]),i.fitExtent([[n.left,n.top],[n.left+l-h,n.top+c]],s.outline());const B=M.range(j+d,m,d),A=M.range(g+u,q,u),C=S.geoPath(i).pointRadius(6),a=t=>C(t)||void 0,o=typeof x<"u"?p[x]:void 0,k=(o?i([o==null?void 0:o.long,o==null?void 0:o.lat]):[0,0])||[0,0];return e.jsxs(E.default,{width:W,height:$,className:L,children:[e.jsx("mask",{id:"imageMask",children:e.jsx("path",{d:a(s.outline()),fill:"white"})}),e.jsx(r.Background,{d:a(s.outline())}),e.jsx(r.Graticule,{d:a(s())}),e.jsx(r.ImageStackerWrapper,{style:{"--image-stack-opacity":O&&1},x:n.left,y:n.top,width:l-h,height:c,mask:"url(#imageMask)",children:e.jsx(U.default,{images:v,describedById:G,visible:w,loadCallback:()=>P(!0),showBackdrop:!1,showLoader:!1})}),e.jsx("g",{children:p.map(({id:t,lat:H,long:R},T)=>e.jsx(r.UserObject,{d:a({type:"Point",coordinates:[R,H]}),onMouseOver:()=>f(T),onMouseOut:()=>f(void 0)},t))}),e.jsx("g",{"aria-hidden":"true",children:B.map(t=>t===0?null:e.jsxs(r.LatLabel,{style:{dominantBaseline:t>0?"text-after-edge":"text-before-edge"},transform:`translate(${i([g,t])})`,children:[t,"°"]},t))}),e.jsx("g",{"aria-hidden":"true",children:A.map(t=>e.jsxs(r.LongLabel,{transform:`translate(${i([t,0])})`,children:[t,"°"]},t))}),e.jsx(r.Outline,{strokeWidth:h,d:a(s.outline())}),e.jsx(N.default,{visible:!!o,x:k[0],y:k[1],children:o==null?void 0:o.id})]})};y.displayName="Widgets.SupernovaThreeVector.Skymap";exports.default=y;

package/dist/widgets/SupernovaThreeVector/Skymap/index.js

@@ -1,13 +1,19 @@
 "use client";
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
 import { useState as L } from "react";
 import { geoAitoff as E } from "d3-geo-projection";
 import { geoGraticule as N, geoPath as R } from "d3-geo";
 import { range as M } from "d3-array";
-import U from "../../../atomic/ImageStack/index.js";
-import { Background as V, Graticule as q, ImageStackerWrapper as z, UserObject as D, LatLabel as F, LongLabel as J, Outline as K } from "./styles.js";
-import Q from "../../../charts/Base/index.js";
-import X from "../../../charts/Tooltip/index.js";
+import U from "../../../charts/Base/index.js";
+import "../../../charts/XAxis/index.js";
+import "../../../charts/YAxis/index.js";
+import "../../../charts/Guidelines/index.js";
+import V from "../../../charts/Tooltip/index.js";
+import "../../../charts/Bars/index.js";
+import "../../../charts/Viewport/index.js";
+import "../../../charts/ScatterPlot/index.js";
+import q from "../../../atomic/ImageStack/index.js";
+import { Background as z, Graticule as D, ImageStackerWrapper as F, UserObject as J, LatLabel as K, LongLabel as Q, Outline as X } from "./styles.js";
 const Y = ({
   className: y,
   objects: g = [],
@@ -15,38 +21,38 @@ const Y = ({
   visibleImages: w = [],
   describedById: B
 }) => {
-  const [O, W] = L(!1), [f, u] = L(), s = 600, l = 300, a = {
+  const [O, W] = L(!1), [f, u] = L(), s = 600, l = 300, i = {
     top: 20,
     right: 0,
     bottom: 20,
     left: 20
-  }, j = s + a.right + a.left, C = l + a.top + a.bottom, c = 15, d = 30, k = -90, x = 90, p = -180, b = 180, m = 2, i = E(), n = N();
-  n.step([d, c]), n.extent([
+  }, j = s + i.right + i.left, C = l + i.top + i.bottom, c = 15, d = 30, k = -90, x = 90, p = -180, b = 180, m = 2, a = E(), r = N();
+  r.step([d, c]), r.extent([
     [p, k],
     [b, x]
-  ]), i.fitExtent(
+  ]), a.fitExtent(
     [
-      [a.left, a.top],
-      [a.left + s - m, a.top + l]
+      [i.left, i.top],
+      [i.left + s - m, i.top + l]
     ],
-    n.outline()
+    r.outline()
   );
-  const G = M(k + c, x, c), H = M(p + d, b, d), P = R(i).pointRadius(6), r = (t) => P(t) || void 0, o = typeof f < "u" ? g[f] : void 0, S = (o ? i([o == null ? void 0 : o.long, o == null ? void 0 : o.lat]) : [0, 0]) || [0, 0];
-  return /* @__PURE__ */ h(Q, { width: j, height: C, className: y, children: [
-    /* @__PURE__ */ e("mask", { id: "imageMask", children: /* @__PURE__ */ e("path", { d: r(n.outline()), fill: "white" }) }),
-    /* @__PURE__ */ e(V, { d: r(n.outline()) }),
-    /* @__PURE__ */ e(q, { d: r(n()) }),
-    /* @__PURE__ */ e(
-      z,
+  const G = M(k + c, x, c), H = M(p + d, b, d), P = R(a).pointRadius(6), n = (t) => P(t) || void 0, e = typeof f < "u" ? g[f] : void 0, S = (e ? a([e == null ? void 0 : e.long, e == null ? void 0 : e.lat]) : [0, 0]) || [0, 0];
+  return /* @__PURE__ */ h(U, { width: j, height: C, className: y, children: [
+    /* @__PURE__ */ o("mask", { id: "imageMask", children: /* @__PURE__ */ o("path", { d: n(r.outline()), fill: "white" }) }),
+    /* @__PURE__ */ o(z, { d: n(r.outline()) }),
+    /* @__PURE__ */ o(D, { d: n(r()) }),
+    /* @__PURE__ */ o(
+      F,
       {
         style: { "--image-stack-opacity": O && 1 },
-        x: a.left,
-        y: a.top,
+        x: i.left,
+        y: i.top,
         width: s - m,
         height: l,
         mask: "url(#imageMask)",
-        children: /* @__PURE__ */ e(
-          U,
+        children: /* @__PURE__ */ o(
+          q,
           {
             images: v,
             describedById: B,
@@ -58,10 +64,10 @@ const Y = ({
         )
       }
     ),
-    /* @__PURE__ */ e("g", { children: g.map(({ id: t, lat: T, long: $ }, A) => /* @__PURE__ */ e(
-      D,
+    /* @__PURE__ */ o("g", { children: g.map(({ id: t, lat: T, long: $ }, A) => /* @__PURE__ */ o(
+      J,
       {
-        d: r({
+        d: n({
           type: "Point",
           coordinates: [$, T]
         }),
@@ -70,14 +76,14 @@ const Y = ({
       },
       t
     )) }),
-    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: G.map(
+    /* @__PURE__ */ o("g", { "aria-hidden": "true", children: G.map(
       (t) => t === 0 ? null : /* @__PURE__ */ h(
-        F,
+        K,
         {
           style: {
             dominantBaseline: t > 0 ? "text-after-edge" : "text-before-edge"
           },
-          transform: `translate(${i([p, t])})`,
+          transform: `translate(${a([p, t])})`,
           children: [
             t,
             "°"
@@ -86,10 +92,10 @@ const Y = ({
         t
       )
     ) }),
-    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: H.map((t) => /* @__PURE__ */ h(
-      J,
+    /* @__PURE__ */ o("g", { "aria-hidden": "true", children: H.map((t) => /* @__PURE__ */ h(
+      Q,
       {
-        transform: `translate(${i([t, 0])})`,
+        transform: `translate(${a([t, 0])})`,
         children: [
           t,
           "°"
@@ -97,20 +103,20 @@ const Y = ({
       },
       t
     )) }),
-    /* @__PURE__ */ e(
-      K,
+    /* @__PURE__ */ o(
+      X,
       {
         strokeWidth: m,
-        d: r(n.outline())
+        d: n(r.outline())
       }
     ),
-    /* @__PURE__ */ e(
-      X,
+    /* @__PURE__ */ o(
+      V,
       {
-        visible: !!o,
+        visible: !!e,
         x: S[0],
         y: S[1],
-        children: o == null ? void 0 : o.id
+        children: e == null ? void 0 : e.id
       }
     )
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "2.0.11",
+  "version": "2.1.0",
   "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",