@rubin-epo/epo-widget-lib 2.0.0 → 2.0.2

package/dist/charts/Readout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("@rubin-epo/epo-react-lib/styles"),o=require("./styles.cjs"),d=require("../ForeignObject/index.cjs"),y=require("../Viewport/index.cjs"),j=(n="")=>{const r=["top","right"],a=["center","center"],s=n?[...n.split(" "),...a].slice(0,2):r,e={justifyContent:null,alignItems:null};return s.forEach(i=>{switch(i){case"center":e.alignItems=e.alignItems??"center",e.justifyContent=e.justifyContent??"center";break;case"top":e.alignItems="start";break;case"right":e.justifyContent="end";break;case"bottom":e.alignItems="end";break;case"left":e.justifyContent="start";break}}),e},c=({className:n,children:r,position:a,viewport:s,forIds:e,forScreenreaders:i})=>{const l=t.jsx(d.default,{children:t.jsx(o.DisplayContainer,{style:j(a),children:t.jsxs(o.Display,{form:Array.isArray(e)?e.join(" "):e,className:n,children:[t.jsx("span",{"aria-hidden":!!i,children:r}),t.jsx(u.ScreenreaderText,{children:i})]})})});return s?t.jsx(y.default,{...s,children:l}):l};c.displayName="Charts.Readout";exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("@rubin-epo/epo-react-lib/styles");require("../Base/index.cjs");require("../XAxis/index.cjs");require("../YAxis/index.cjs");require("../Guidelines/index.cjs");require("../Tooltip/index.cjs");require("../Bars/index.cjs");const d=require("../Viewport/index.cjs"),y=require("../ForeignObject/index.cjs");require("../ScatterPlot/index.cjs");const o=require("./styles.cjs"),j=(r="")=>{const i=["top","right"],a=["center","center"],n=r?[...r.split(" "),...a].slice(0,2):i,e={justifyContent:null,alignItems:null};return n.forEach(s=>{switch(s){case"center":e.alignItems=e.alignItems??"center",e.justifyContent=e.justifyContent??"center";break;case"top":e.alignItems="start";break;case"right":e.justifyContent="end";break;case"bottom":e.alignItems="end";break;case"left":e.justifyContent="start";break}}),e},u=({className:r,children:i,position:a,viewport:n,forIds:e,forScreenreaders:s})=>{const l=t.jsx(y.default,{children:t.jsx(o.DisplayContainer,{style:j(a),children:t.jsxs(o.Display,{form:Array.isArray(e)?e.join(" "):e,className:r,children:[t.jsx("span",{"aria-hidden":!!s,children:i}),t.jsx(c.ScreenreaderText,{children:s})]})})});return n?t.jsx(d.default,{...n,children:l}):l};u.displayName="Charts.Readout";exports.default=u;

package/dist/charts/Readout/index.js

@@ -1,15 +1,22 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { ScreenreaderText as c } from "@rubin-epo/epo-react-lib/styles";
-import { DisplayContainer as m, Display as f } from "./styles.js";
-import u from "../ForeignObject/index.js";
-import d from "../Viewport/index.js";
-const p = (n = "") => {
-  const s = ["top", "right"], o = ["center", "center"], i = n ? [...n.split(" "), ...o].slice(0, 2) : s, t = {
+import "../Base/index.js";
+import "../XAxis/index.js";
+import "../YAxis/index.js";
+import "../Guidelines/index.js";
+import "../Tooltip/index.js";
+import "../Bars/index.js";
+import m from "../Viewport/index.js";
+import p from "../ForeignObject/index.js";
+import "../ScatterPlot/index.js";
+import { DisplayContainer as f, Display as u } from "./styles.js";
+const d = (i = "") => {
+  const o = ["top", "right"], s = ["center", "center"], r = i ? [...i.split(" "), ...s].slice(0, 2) : o, t = {
     justifyContent: null,
     alignItems: null
   };
-  return i.forEach((r) => {
-    switch (r) {
+  return r.forEach((n) => {
+    switch (n) {
       case "center":
         t.alignItems = t.alignItems ?? "center", t.justifyContent = t.justifyContent ?? "center";
         break;
@@ -28,25 +35,25 @@ const p = (n = "") => {
     }
   }), t;
 }, y = ({
-  className: n,
-  children: s,
-  position: o,
-  viewport: i,
+  className: i,
+  children: o,
+  position: s,
+  viewport: r,
   forIds: t,
-  forScreenreaders: r
+  forScreenreaders: n
 }) => {
-  const a = /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(m, { style: p(o), children: /* @__PURE__ */ l(
-    f,
+  const a = /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, { style: d(s), children: /* @__PURE__ */ l(
+    u,
     {
       form: Array.isArray(t) ? t.join(" ") : t,
-      className: n,
+      className: i,
       children: [
-        /* @__PURE__ */ e("span", { "aria-hidden": !!r, children: s }),
-        /* @__PURE__ */ e(c, { children: r })
+        /* @__PURE__ */ e("span", { "aria-hidden": !!n, children: o }),
+        /* @__PURE__ */ e(c, { children: n })
       ]
     }
   ) }) });
-  return i ? /* @__PURE__ */ e(d, { ...i, children: a }) : a;
+  return r ? /* @__PURE__ */ e(m, { ...r, children: a }) : a;
 };
 y.displayName = "Charts.Readout";
 export {

package/dist/charts/ScatterPlot/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),J=require("react"),$=require("../hooks/useAxis.cjs"),K=require("./styles.cjs"),R=require("../defaults.cjs"),Q=require("../canvas/Points/index.cjs"),U=require("../YAxis/index.cjs"),V=require("../ClippingContainer/index.cjs"),H=require("../Guidelines/index.cjs"),X=require("../XAxis/index.cjs"),Y=require("../Tooltip/index.cjs"),Z=require("../Points/index.cjs"),w={svg:Z.default,canvas:Q.default},M=({data:C,className:D,xAxis:l,yAxis:c,width:d,height:u,title:T,activePointId:p,margins:z,tooltip:a,onLoadedCallback:B,renderer:E="svg",plotChildren:y})=>{const[q,h]=J.useState(),{label:O,points:x}=C,o={...R.default.margins,...z},e=typeof q<"u"?x[q]:x.find(({id:v})=>v===p),f=[0+o.left,d-o.right],b=[u-o.bottom,0+o.top],[r,j,t]=$.default({...l,range:f}),[i,m,s]=$.default({...c,range:b}),S=s(i[0]),g=t(r[0]),I=s(i[1]),_=t(r[1]),k="x-axis-label",L="y-axis-label",N=Math.abs(f[1]-f[0]),W=Math.abs(b[1]-b[0]),F=w[E],P=n.jsx(F,{data:x,onHoverCallback:a?v=>h(v):void 0,onHoverOutCallback:a?()=>h(void 0):void 0,width:d,height:u,xScale:t,yScale:s,label:O,onLoadedCallback:B}),G={Data:P,xScale:t,yScale:s,yStart:S,yEnd:I,xStart:g,xEnd:_,yDomain:i,xDomain:r};return n.jsxs(K.Chart,{verticalLabel:c.label,verticalLabelId:L,horizontalLabel:l.label,horizontalLabelId:k,className:D,width:d,height:u,title:T,children:[n.jsx(U.default,{ticks:m,x:g,labelledById:L,yDomain:i,yScale:s}),n.jsxs(V.default,{x:g,y:I,width:N,height:W,children:[l.guidelines&&n.jsx(H.default,{guides:j.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),c.guidelines&&n.jsx(H.default,{guides:m.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):P]}),n.jsx(X.default,{ticks:j,y:S,labelledById:k,xDomain:r,xScale:t}),a&&n.jsxs(Y.default,{x:e?t(e.x):void 0,y:e?s(e.y):void 0,visible:!!e,offset:R.default.pointRadius,children:[e&&typeof a=="function"&&a(e),e&&typeof a=="string"&&a]})]})};M.displayName="Charts.ScatterPlot";exports.default=M;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),J=require("react");require("../Base/index.cjs");const K=require("../XAxis/index.cjs"),Q=require("../YAxis/index.cjs"),$=require("../Guidelines/index.cjs"),U=require("../Points/index.cjs"),V=require("../Tooltip/index.cjs"),X=require("../ClippingContainer/index.cjs");require("../Bars/index.cjs");require("../Viewport/index.cjs");const R=require("../hooks/useAxis.cjs"),Y=require("./styles.cjs"),H=require("../defaults.cjs"),Z=require("../canvas/Points/index.cjs"),w={svg:U.default,canvas:Z.default},M=({data:C,className:D,xAxis:l,yAxis:c,width:d,height:u,title:T,activePointId:p,margins:z,tooltip:a,onLoadedCallback:B,renderer:E="svg",plotChildren:y})=>{const[q,h]=J.useState(),{label:O,points:x}=C,o={...H.default.margins,...z},e=typeof q<"u"?x[q]:x.find(({id:v})=>v===p),f=[0+o.left,d-o.right],b=[u-o.bottom,0+o.top],[r,j,t]=R.default({...l,range:f}),[i,m,s]=R.default({...c,range:b}),S=s(i[0]),g=t(r[0]),I=s(i[1]),_=t(r[1]),k="x-axis-label",L="y-axis-label",N=Math.abs(f[1]-f[0]),W=Math.abs(b[1]-b[0]),F=w[E],P=n.jsx(F,{data:x,onHoverCallback:a?v=>h(v):void 0,onHoverOutCallback:a?()=>h(void 0):void 0,width:d,height:u,xScale:t,yScale:s,label:O,onLoadedCallback:B}),G={Data:P,xScale:t,yScale:s,yStart:S,yEnd:I,xStart:g,xEnd:_,yDomain:i,xDomain:r};return n.jsxs(Y.Chart,{verticalLabel:c.label,verticalLabelId:L,horizontalLabel:l.label,horizontalLabelId:k,className:D,width:d,height:u,title:T,children:[n.jsx(Q.default,{ticks:m,x:g,labelledById:L,yDomain:i,yScale:s}),n.jsxs(X.default,{x:g,y:I,width:N,height:W,children:[l.guidelines&&n.jsx($.default,{guides:j.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),c.guidelines&&n.jsx($.default,{guides:m.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):P]}),n.jsx(K.default,{ticks:j,y:S,labelledById:k,xDomain:r,xScale:t}),a&&n.jsxs(V.default,{x:e?t(e.x):void 0,y:e?s(e.y):void 0,visible:!!e,offset:H.default.pointRadius,children:[e&&typeof a=="function"&&a(e),e&&typeof a=="string"&&a]})]})};M.displayName="Charts.ScatterPlot";exports.default=M;

package/dist/charts/ScatterPlot/index.js

@@ -1,19 +1,22 @@
 "use client";
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import { useState as F } from "react";
-import R from "../hooks/useAxis.js";
-import { Chart as J } from "./styles.js";
-import D from "../defaults.js";
-import K from "../canvas/Points/index.js";
-import Q from "../YAxis/index.js";
-import U from "../ClippingContainer/index.js";
-import T from "../Guidelines/index.js";
-import V from "../XAxis/index.js";
-import Z from "../Tooltip/index.js";
-import _ from "../Points/index.js";
+import "../Base/index.js";
+import J from "../XAxis/index.js";
+import K from "../YAxis/index.js";
+import R from "../Guidelines/index.js";
+import Q from "../Points/index.js";
+import U from "../Tooltip/index.js";
+import V from "../ClippingContainer/index.js";
+import "../Bars/index.js";
+import "../Viewport/index.js";
+import D from "../hooks/useAxis.js";
+import { Chart as Z } from "./styles.js";
+import T from "../defaults.js";
+import _ from "../canvas/Points/index.js";
 const $ = {
-  svg: _,
-  canvas: K
+  svg: Q,
+  canvas: _
 }, w = ({
   data: j,
   className: z,
@@ -29,32 +32,32 @@ const $ = {
   renderer: G = "svg",
   plotChildren: x
 }) => {
-  const [y, h] = F(), { label: N, points: f } = j, r = { ...D.margins, ...M }, t = typeof y < "u" ? f[y] : f.find(({ id: p }) => p === E), b = [0 + r.left, d - r.right], g = [m - r.bottom, 0 + r.top], [s, I, e] = R({ ...l, range: b }), [a, P, o] = R({ ...c, range: g }), S = o(a[0]), v = e(s[0]), k = o(a[1]), O = e(s[1]), C = "x-axis-label", L = "y-axis-label", W = Math.abs(b[1] - b[0]), X = Math.abs(g[1] - g[0]), Y = $[G], H = /* @__PURE__ */ i(
+  const [y, h] = F(), { label: N, points: f } = j, a = { ...T.margins, ...M }, t = typeof y < "u" ? f[y] : f.find(({ id: v }) => v === E), p = [0 + a.left, d - a.right], b = [m - a.bottom, 0 + a.top], [i, I, o] = D({ ...l, range: p }), [r, P, e] = D({ ...c, range: b }), S = e(r[0]), g = o(i[0]), k = e(r[1]), O = o(i[1]), C = "x-axis-label", L = "y-axis-label", W = Math.abs(p[1] - p[0]), X = Math.abs(b[1] - b[0]), Y = $[G], H = /* @__PURE__ */ s(
     Y,
     {
       data: f,
-      onHoverCallback: n ? (p) => h(p) : void 0,
+      onHoverCallback: n ? (v) => h(v) : void 0,
       onHoverOutCallback: n ? () => h(void 0) : void 0,
       width: d,
       height: m,
-      xScale: e,
-      yScale: o,
+      xScale: o,
+      yScale: e,
       label: N,
       onLoadedCallback: A
     }
   ), q = {
     Data: H,
-    xScale: e,
-    yScale: o,
+    xScale: o,
+    yScale: e,
     yStart: S,
     yEnd: k,
-    xStart: v,
+    xStart: g,
     xEnd: O,
-    yDomain: a,
-    xDomain: s
+    yDomain: r,
+    xDomain: i
   };
   return /* @__PURE__ */ u(
-    J,
+    Z,
     {
       verticalLabel: c.label,
       verticalLabelId: L,
@@ -65,66 +68,66 @@ const $ = {
       height: m,
       title: B,
       children: [
-        /* @__PURE__ */ i(
-          Q,
+        /* @__PURE__ */ s(
+          K,
           {
             ticks: P,
-            x: v,
+            x: g,
             labelledById: L,
-            yDomain: a,
-            yScale: o
+            yDomain: r,
+            yScale: e
           }
         ),
         /* @__PURE__ */ u(
-          U,
+          V,
           {
-            x: v,
+            x: g,
             y: k,
             width: W,
             height: X,
             children: [
-              l.guidelines && /* @__PURE__ */ i(
-                T,
+              l.guidelines && /* @__PURE__ */ s(
+                R,
                 {
                   guides: I.length,
                   direction: "vertical",
-                  xDomain: s,
-                  yDomain: a,
-                  xScale: e,
-                  yScale: o
+                  xDomain: i,
+                  yDomain: r,
+                  xScale: o,
+                  yScale: e
                 }
               ),
-              c.guidelines && /* @__PURE__ */ i(
-                T,
+              c.guidelines && /* @__PURE__ */ s(
+                R,
                 {
                   guides: P.length,
-                  xDomain: s,
-                  yDomain: a,
-                  xScale: e,
-                  yScale: o
+                  xDomain: i,
+                  yDomain: r,
+                  xScale: o,
+                  yScale: e
                 }
               ),
               x ? x(q) : H
             ]
           }
         ),
-        /* @__PURE__ */ i(
-          V,
+        /* @__PURE__ */ s(
+          J,
           {
             ticks: I,
             y: S,
             labelledById: C,
-            xDomain: s,
-            xScale: e
+            xDomain: i,
+            xScale: o
           }
         ),
         n && /* @__PURE__ */ u(
-          Z,
+          U,
           {
-            x: t ? e(t.x) : void 0,
-            y: t ? o(t.y) : void 0,
+            x: t ? o(t.x) : void 0,
+            y: t ? e(t.y) : void 0,
             visible: !!t,
-            offset: D.pointRadius,
+            offset: T.pointRadius,
             children: [
               t && typeof n == "function" && n(t),
               t && typeof n == "string" && n

package/dist/widgets/OrbitalSim/Controls/PlaybackSpeed.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("react"),u=require("../../../node_modules/prop-types/index.cjs"),k=require("react-i18next"),m=require("../orbitalUtilities.cjs"),S=require("@rubin-epo/epo-react-lib/HorizontalSlider"),t=require("./styles.cjs"),T=a=>a&&a.__esModule?a:{default:a},g=T(S);function h({dayPerVizSec:a,elapsedTime:p,sliderOnChangeCallback:j,speeds:b}){const{t:r}=k.useTranslation();function x(d){const o=d/365,l=Math.floor(o),s=365*(o-l);let i={},n={};return i={number:m.formatValue(l),string:r("elapsed_time.interval.year",{count:l})},n={number:m.formatValue(s),string:r("elapsed_time.interval.day",{count:s})},l>=1?`${i.number} ${i.string}`:s<1?r("orbit_viewer.playback.interval.secWithCount",{count:1}):`${n.number} ${n.string}`}function c(d,o){const l=p<0,s=Math.abs(p)/365.256,i=Math.floor(s),n=Math.floor(365.256*(s-i));let f={},y={};return f={number:m.formatValue(l?-i:i),string:r("elapsed_time.interval.year",{count:i})},y={number:m.formatValue(l?-n:n),string:r("elapsed_time.interval.day",{count:n})},d==="days"?y[o]:d==="years"?f[o]:null}const _=v.useMemo(()=>x(a),[a]);return e.jsxs(e.Fragment,{children:[e.jsxs(t.PlaybackSpeedSliderHeader,{children:[e.jsx(t.PlaybackSpeedTitle,{children:r("orbital_sim.playback.time_step")}),e.jsx(t.PlaybackSpeedSliderLabel,{children:r("orbital_sim.playback.time_equivalence",{firstTime:r("orbit_viewer.playback.interval.secWithCount",{count:1}),secondTime:_})})]}),e.jsx(t.PlaybackSpeedSliderLabelTopBottom,{children:r("orbital_sim.playback.time_equivalence",{firstTime:r("orbit_viewer.playback.interval.secWithCount",{count:1}),secondTime:r("orbit_viewer.playback.interval.yearWithCount",{count:1}),context:"verbose"})}),e.jsx(t.PlaybackSpeedSliderLabelTopBottom,{children:r("orbital_sim.playback.normal_time")}),e.jsx(t.PlaybackSpeedSliderWrapper,{children:e.jsx(g.default,{isVertical:!0,min:b.min,invert:!0,max:b.max,step:b.step,value:a,onChangeCallback:j})}),e.jsxs(t.ElapsedTimeContainer,{children:[e.jsx(t.ElapsedTimeTitle,{children:r("elapsed_time.title")}),e.jsxs(t.ElapsedTimeInner,{children:[e.jsxs(t.ElapsedTimeBlock,{children:[e.jsx(t.ElapsedVal,{children:c("years","number")}),e.jsx("div",{children:c("years","string")})]}),e.jsx(t.ElapsedTimeDivider,{}),e.jsxs(t.ElapsedTimeBlock,{children:[e.jsx(t.ElapsedVal,{children:c("days","number")}),e.jsx(t.ElapsedLabel,{children:c("days","string")})]})]})]})]})}h.propTypes={dayPerVizSec:u.default.number,elapsedTime:u.default.number,speeds:u.default.object,sliderOnChangeCallback:u.default.func};exports.default=h;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("react"),u=require("../../../node_modules/prop-types/index.cjs"),k=require("react-i18next"),m=require("../orbitalUtilities.cjs"),S=require("@rubin-epo/epo-react-lib/HorizontalSlider"),t=require("./styles.cjs"),T=a=>a&&a.__esModule?a:{default:a},g=T(S);function h({dayPerVizSec:a,elapsedTime:p,sliderOnChangeCallback:j,speeds:b}){const{t:r}=k.useTranslation();function x(d){const o=d/365,l=Math.floor(o),s=365*(o-l);let i={},n={};return i={number:m.formatValue(l),string:r("elapsed_time.interval.year",{count:l})},n={number:m.formatValue(s),string:r("elapsed_time.interval.day",{count:s})},l>=1?`${i.number} ${i.string}`:s<1?r("orbit_viewer.playback.interval.secWithCount",{count:1}):`${n.number} ${n.string}`}function c(d,o){const l=p<0,s=Math.abs(p)/365.256,i=Math.floor(s),n=Math.floor(365.256*(s-i));let f={},y={};return f={number:m.formatValue(l?-i:i),string:r("elapsed_time.interval.year",{count:i})},y={number:m.formatValue(l?-n:n),string:r("elapsed_time.interval.day",{count:n})},d==="days"?y[o]:d==="years"?f[o]:null}const _=v.useMemo(()=>x(a),[a]);return e.jsxs(e.Fragment,{children:[e.jsxs(t.PlaybackSpeedSliderHeader,{children:[e.jsx(t.PlaybackSpeedTitle,{children:r("orbital_sim.playback.time_step")}),e.jsx(t.PlaybackSpeedSliderLabel,{children:r("orbital_sim.playback.time_equivalence",{firstTime:r("orbit_viewer.playback.interval.secWithCount",{count:1}),secondTime:_})})]}),e.jsx(t.PlaybackSpeedSliderLabelTop,{children:r("orbital_sim.playback.time_equivalence",{firstTime:r("orbit_viewer.playback.interval.secWithCount",{count:1}),secondTime:r("orbit_viewer.playback.interval.yearWithCount",{count:1}),context:"verbose"})}),e.jsx(t.PlaybackSpeedSliderLabelBottom,{children:r("orbital_sim.playback.normal_time")}),e.jsx(t.PlaybackSpeedSliderWrapper,{children:e.jsx(g.default,{isVertical:!0,min:b.min,invert:!0,max:b.max,step:b.step,value:a,onChangeCallback:j})}),e.jsxs(t.ElapsedTimeContainer,{children:[e.jsx(t.ElapsedTimeTitle,{children:r("elapsed_time.title")}),e.jsxs(t.ElapsedTimeInner,{children:[e.jsxs(t.ElapsedTimeBlock,{children:[e.jsx(t.ElapsedVal,{children:c("years","number")}),e.jsx("div",{children:c("years","string")})]}),e.jsx(t.ElapsedTimeDivider,{}),e.jsxs(t.ElapsedTimeBlock,{children:[e.jsx(t.ElapsedVal,{children:c("days","number")}),e.jsx(t.ElapsedLabel,{children:c("days","string")})]})]})]})]})}h.propTypes={dayPerVizSec:u.default.number,elapsedTime:u.default.number,speeds:u.default.object,sliderOnChangeCallback:u.default.func};exports.default=h;

package/dist/widgets/OrbitalSim/Controls/PlaybackSpeed.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsxs as l, Fragment as S, jsx as r } from "react/jsx-runtime";
-import { useMemo as C } from "react";
+import { useMemo as g } from "react";
 import m from "../../../node_modules/prop-types/index.js";
-import { useTranslation as E } from "react-i18next";
+import { useTranslation as C } from "react-i18next";
 import { formatValue as d } from "../orbitalUtilities.js";
-import j from "@rubin-epo/epo-react-lib/HorizontalSlider";
-import { PlaybackSpeedSliderHeader as x, PlaybackSpeedTitle as P, PlaybackSpeedSliderLabel as D, PlaybackSpeedSliderLabelTopBottom as h, PlaybackSpeedSliderWrapper as M, ElapsedTimeContainer as W, ElapsedTimeTitle as w, ElapsedTimeInner as Y, ElapsedTimeBlock as v, ElapsedVal as k, ElapsedTimeDivider as $, ElapsedLabel as L } from "./styles.js";
-function q({
+import E from "@rubin-epo/epo-react-lib/HorizontalSlider";
+import { PlaybackSpeedSliderHeader as j, PlaybackSpeedTitle as P, PlaybackSpeedSliderLabel as x, PlaybackSpeedSliderLabelTop as D, PlaybackSpeedSliderLabelBottom as M, PlaybackSpeedSliderWrapper as W, ElapsedTimeContainer as w, ElapsedTimeTitle as L, ElapsedTimeInner as Y, ElapsedTimeBlock as h, ElapsedVal as v, ElapsedTimeDivider as $, ElapsedLabel as q } from "./styles.js";
+function B({
   dayPerVizSec: u,
   elapsedTime: b,
-  sliderOnChangeCallback: _,
+  sliderOnChangeCallback: k,
   speeds: p
 }) {
-  const { t: e } = E();
-  function T(c) {
+  const { t: e } = C();
+  function _(c) {
     const o = c / 365, a = Math.floor(o), n = 365 * (o - a);
     let t = {}, i = {};
     return t = {
@@ -35,18 +35,18 @@ function q({
       string: e("elapsed_time.interval.day", { count: i })
     }, c === "days" ? f[o] : c === "years" ? y[o] : null;
   }
-  const g = C(() => T(u), [u]);
+  const T = g(() => _(u), [u]);
   return /* @__PURE__ */ l(S, { children: [
-    /* @__PURE__ */ l(x, { children: [
+    /* @__PURE__ */ l(j, { children: [
       /* @__PURE__ */ r(P, { children: e("orbital_sim.playback.time_step") }),
-      /* @__PURE__ */ r(D, { children: e("orbital_sim.playback.time_equivalence", {
+      /* @__PURE__ */ r(x, { children: e("orbital_sim.playback.time_equivalence", {
         firstTime: e("orbit_viewer.playback.interval.secWithCount", {
           count: 1
         }),
-        secondTime: g
+        secondTime: T
       }) })
     ] }),
-    /* @__PURE__ */ r(h, { children: e("orbital_sim.playback.time_equivalence", {
+    /* @__PURE__ */ r(D, { children: e("orbital_sim.playback.time_equivalence", {
       firstTime: e("orbit_viewer.playback.interval.secWithCount", {
         count: 1
       }),
@@ -55,9 +55,9 @@ function q({
       }),
       context: "verbose"
     }) }),
-    /* @__PURE__ */ r(h, { children: e("orbital_sim.playback.normal_time") }),
-    /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
-      j,
+    /* @__PURE__ */ r(M, { children: e("orbital_sim.playback.normal_time") }),
+    /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(
+      E,
       {
         isVertical: !0,
         min: p.min,
@@ -65,31 +65,31 @@ function q({
         max: p.max,
         step: p.step,
         value: u,
-        onChangeCallback: _
+        onChangeCallback: k
       }
     ) }),
-    /* @__PURE__ */ l(W, { children: [
-      /* @__PURE__ */ r(w, { children: e("elapsed_time.title") }),
+    /* @__PURE__ */ l(w, { children: [
+      /* @__PURE__ */ r(L, { children: e("elapsed_time.title") }),
       /* @__PURE__ */ l(Y, { children: [
-        /* @__PURE__ */ l(v, { children: [
-          /* @__PURE__ */ r(k, { children: s("years", "number") }),
+        /* @__PURE__ */ l(h, { children: [
+          /* @__PURE__ */ r(v, { children: s("years", "number") }),
           /* @__PURE__ */ r("div", { children: s("years", "string") })
         ] }),
         /* @__PURE__ */ r($, {}),
-        /* @__PURE__ */ l(v, { children: [
-          /* @__PURE__ */ r(k, { children: s("days", "number") }),
-          /* @__PURE__ */ r(L, { children: s("days", "string") })
+        /* @__PURE__ */ l(h, { children: [
+          /* @__PURE__ */ r(v, { children: s("days", "number") }),
+          /* @__PURE__ */ r(q, { children: s("days", "string") })
         ] })
       ] })
     ] })
   ] });
 }
-q.propTypes = {
+B.propTypes = {
   dayPerVizSec: m.number,
   elapsedTime: m.number,
   speeds: m.object,
   sliderOnChangeCallback: m.func
 };
 export {
-  q as default
+  B as default
 };

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

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),t=a=>a&&a.__esModule?a:{default:a},e=t(l),o=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),t=a=>a&&a.__esModule?a:{default:a},e=t(l),i=e.default.div`
     width: auto;
     display: flex;
     position: absolute;
@@ -7,7 +7,7 @@
     transform: translateX(-50%);
     z-index: 2;
     font-size: 17px;
-`,i=e.default.div`
+`,o=e.default.div`
   position: absolute;
   top: 34px;
   right: 10px;
@@ -29,13 +29,14 @@
   line-height: 1.333;
   color: var(--black);
   font-size: 12.5px;
-  background-color: white;
 `,n=e.default.div`
+  right: 25px;
+  top: 100px;
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   position: absolute;
-  right: var(--minPadding) / 2;
+  // right: var(--minPadding) / 2;
   z-index: 2;
   width: 70px;
   padding: 5px;
@@ -44,14 +45,30 @@
   background-color: rgb(from var(--basePrimary) r g b / 80%);
   border: 1px solid var(--black);
   border-radius: 10px;
-`,p=e.default.span`
+`,p=e.default.div`
+  right: 25px;
+  bottom: 200px;
+  font-size: 13px;
+  line-height: 1.333;
+  color: var(--black);
+  position: absolute;
+  // right: var(--minPadding) / 2;
+  z-index: 2;
+  width: 70px;
+  padding: 5px;
+  color: var(--white);
+  text-align: center;
+  background-color: rgb(from var(--basePrimary) r g b / 80%);
+  border: 1px solid var(--black);
+  border-radius: 10px;
+`,c=e.default.span`
   position: absolute;
   z-index: 2;
   height: 50px;
   top: 25%;
   right: 5rem;
   width: fit-content;
-`,c=e.default.div`
+`,s=e.default.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
@@ -64,34 +81,34 @@
   background-color: rgb(from var(--white) r g b / 80%);
   border: 1px solid var(--black);
   border-radius: 10px;
-`,s=e.default.div`
+`,b=e.default.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   padding-top: 5px;
-`,b=e.default.div`
+`,x=e.default.div`
   display: flex;
   flex-flow: nowrap;
   align-items: center;
   justify-content: space-evenly;
   margin-top: 5px;
   border-top: 1px solid var(--black);
-`,x=e.default.div`
-  width: 50px;
 `,g=e.default.div`
+  width: 50px;
+`,u=e.default.div`
   font-size: 18px;
   font-weight: var(--regular);
   line-height: 1.5;
   color: var(--black);
   color: var(--black);
-`,u=e.default.div`
+`,f=e.default.div`
   display: block;
   width: 1px;
   height: 50px;
   background-color: var(--black);
-`,f=e.default.div`
+`,v=e.default.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   color: var(--black);
-`;exports.ElapsedLabel=f;exports.ElapsedTimeBlock=x;exports.ElapsedTimeContainer=c;exports.ElapsedTimeDivider=u;exports.ElapsedTimeInner=b;exports.ElapsedTimeTitle=s;exports.ElapsedVal=g;exports.PlaybackControlsContainer=o;exports.PlaybackSpeedSliderHeader=i;exports.PlaybackSpeedSliderLabel=d;exports.PlaybackSpeedSliderLabelTopBottom=n;exports.PlaybackSpeedSliderWrapper=p;exports.PlaybackSpeedTitle=r;
+`;exports.ElapsedLabel=v;exports.ElapsedTimeBlock=g;exports.ElapsedTimeContainer=s;exports.ElapsedTimeDivider=f;exports.ElapsedTimeInner=x;exports.ElapsedTimeTitle=b;exports.ElapsedVal=u;exports.PlaybackControlsContainer=i;exports.PlaybackSpeedSliderHeader=o;exports.PlaybackSpeedSliderLabel=d;exports.PlaybackSpeedSliderLabelBottom=p;exports.PlaybackSpeedSliderLabelTop=n;exports.PlaybackSpeedSliderWrapper=c;exports.PlaybackSpeedTitle=r;

package/dist/widgets/OrbitalSim/Controls/styles.d.ts

@@ -2,7 +2,8 @@ export declare const PlaybackControlsContainer: import('styled-components/dist/t
 export declare const PlaybackSpeedSliderHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PlaybackSpeedTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export declare const PlaybackSpeedSliderLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PlaybackSpeedSliderLabelTopBottom: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlaybackSpeedSliderLabelTop: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlaybackSpeedSliderLabelBottom: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PlaybackSpeedSliderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const ElapsedTimeContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ElapsedTimeTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -31,13 +31,14 @@ const i = o.div`
   line-height: 1.333;
   color: var(--black);
   font-size: 12.5px;
-  background-color: white;
 `, l = o.div`
+  right: 25px;
+  top: 100px;
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   position: absolute;
-  right: var(--minPadding) / 2;
+  // right: var(--minPadding) / 2;
   z-index: 2;
   width: 70px;
   padding: 5px;
@@ -46,14 +47,30 @@ const i = o.div`
   background-color: rgb(from var(--basePrimary) r g b / 80%);
   border: 1px solid var(--black);
   border-radius: 10px;
-`, n = o.span`
+`, n = o.div`
+  right: 25px;
+  bottom: 200px;
+  font-size: 13px;
+  line-height: 1.333;
+  color: var(--black);
+  position: absolute;
+  // right: var(--minPadding) / 2;
+  z-index: 2;
+  width: 70px;
+  padding: 5px;
+  color: var(--white);
+  text-align: center;
+  background-color: rgb(from var(--basePrimary) r g b / 80%);
+  border: 1px solid var(--black);
+  border-radius: 10px;
+`, d = o.span`
   position: absolute;
   z-index: 2;
   height: 50px;
   top: 25%;
   right: 5rem;
   width: fit-content;
-`, d = o.div`
+`, p = o.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
@@ -66,49 +83,50 @@ const i = o.div`
   background-color: rgb(from var(--white) r g b / 80%);
   border: 1px solid var(--black);
   border-radius: 10px;
-`, p = o.div`
+`, c = o.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   padding-top: 5px;
-`, c = o.div`
+`, s = o.div`
   display: flex;
   flex-flow: nowrap;
   align-items: center;
   justify-content: space-evenly;
   margin-top: 5px;
   border-top: 1px solid var(--black);
-`, s = o.div`
-  width: 50px;
 `, b = o.div`
+  width: 50px;
+`, x = o.div`
   font-size: 18px;
   font-weight: var(--regular);
   line-height: 1.5;
   color: var(--black);
   color: var(--black);
-`, x = o.div`
+`, g = o.div`
   display: block;
   width: 1px;
   height: 50px;
   background-color: var(--black);
-`, g = o.div`
+`, h = o.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   color: var(--black);
 `;
 export {
-  g as ElapsedLabel,
-  s as ElapsedTimeBlock,
-  d as ElapsedTimeContainer,
-  x as ElapsedTimeDivider,
-  c as ElapsedTimeInner,
-  p as ElapsedTimeTitle,
-  b as ElapsedVal,
+  h as ElapsedLabel,
+  b as ElapsedTimeBlock,
+  p as ElapsedTimeContainer,
+  g as ElapsedTimeDivider,
+  s as ElapsedTimeInner,
+  c as ElapsedTimeTitle,
+  x as ElapsedVal,
   i as PlaybackControlsContainer,
   r as PlaybackSpeedSliderHeader,
   t as PlaybackSpeedSliderLabel,
-  l as PlaybackSpeedSliderLabelTopBottom,
-  n as PlaybackSpeedSliderWrapper,
+  n as PlaybackSpeedSliderLabelBottom,
+  l as PlaybackSpeedSliderLabelTop,
+  d as PlaybackSpeedSliderWrapper,
   a as PlaybackSpeedTitle
 };

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.0",
+  "version": "2.0.2",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -102,7 +102,7 @@
   "dependencies": {
     "@react-three/drei": "^10.7.6",
     "@react-three/fiber": "9",
-    "@rubin-epo/epo-react-lib": "^2.10.1",
+    "@rubin-epo/epo-react-lib": "3.0.0",
     "context-filter-polyfill": "^0.3.6",
     "d3-array": "^3.2.4",
     "d3-geo": "^3.1.1",