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

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"),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;
+"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;

package/dist/charts/Readout/index.js

@@ -1,22 +1,15 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { ScreenreaderText as c } from "@rubin-epo/epo-react-lib/styles";
-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 = {
+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 = {
     justifyContent: null,
     alignItems: null
   };
-  return r.forEach((n) => {
-    switch (n) {
+  return i.forEach((r) => {
+    switch (r) {
       case "center":
         t.alignItems = t.alignItems ?? "center", t.justifyContent = t.justifyContent ?? "center";
         break;
@@ -35,25 +28,25 @@ const d = (i = "") => {
     }
   }), t;
 }, y = ({
-  className: i,
-  children: o,
-  position: s,
-  viewport: r,
+  className: n,
+  children: s,
+  position: o,
+  viewport: i,
   forIds: t,
-  forScreenreaders: n
+  forScreenreaders: r
 }) => {
-  const a = /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, { style: d(s), children: /* @__PURE__ */ l(
-    u,
+  const a = /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(m, { style: p(o), children: /* @__PURE__ */ l(
+    f,
     {
       form: Array.isArray(t) ? t.join(" ") : t,
-      className: i,
+      className: n,
       children: [
-        /* @__PURE__ */ e("span", { "aria-hidden": !!n, children: o }),
-        /* @__PURE__ */ e(c, { children: n })
+        /* @__PURE__ */ e("span", { "aria-hidden": !!r, children: s }),
+        /* @__PURE__ */ e(c, { children: r })
       ]
     }
   ) }) });
-  return r ? /* @__PURE__ */ e(m, { ...r, children: a }) : a;
+  return i ? /* @__PURE__ */ e(d, { ...i, 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("../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;
+"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;

package/dist/charts/ScatterPlot/index.js

@@ -1,22 +1,19 @@
 "use client";
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
 import { useState as F } from "react";
-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";
+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";
 const $ = {
-  svg: Q,
-  canvas: _
+  svg: _,
+  canvas: K
 }, w = ({
   data: j,
   className: z,
@@ -32,32 +29,32 @@ const $ = {
   renderer: G = "svg",
   plotChildren: x
 }) => {
-  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(
+  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(
     Y,
     {
       data: f,
-      onHoverCallback: n ? (v) => h(v) : void 0,
+      onHoverCallback: n ? (p) => h(p) : void 0,
       onHoverOutCallback: n ? () => h(void 0) : void 0,
       width: d,
       height: m,
-      xScale: o,
-      yScale: e,
+      xScale: e,
+      yScale: o,
       label: N,
       onLoadedCallback: A
     }
   ), q = {
     Data: H,
-    xScale: o,
-    yScale: e,
+    xScale: e,
+    yScale: o,
     yStart: S,
     yEnd: k,
-    xStart: g,
+    xStart: v,
     xEnd: O,
-    yDomain: r,
-    xDomain: i
+    yDomain: a,
+    xDomain: s
   };
   return /* @__PURE__ */ u(
-    Z,
+    J,
     {
       verticalLabel: c.label,
       verticalLabelId: L,
@@ -68,66 +65,66 @@ const $ = {
       height: m,
       title: B,
       children: [
-        /* @__PURE__ */ s(
-          K,
+        /* @__PURE__ */ i(
+          Q,
           {
             ticks: P,
-            x: g,
+            x: v,
             labelledById: L,
-            yDomain: r,
-            yScale: e
+            yDomain: a,
+            yScale: o
           }
         ),
         /* @__PURE__ */ u(
-          V,
+          U,
           {
-            x: g,
+            x: v,
             y: k,
             width: W,
             height: X,
             children: [
-              l.guidelines && /* @__PURE__ */ s(
-                R,
+              l.guidelines && /* @__PURE__ */ i(
+                T,
                 {
                   guides: I.length,
                   direction: "vertical",
-                  xDomain: i,
-                  yDomain: r,
-                  xScale: o,
-                  yScale: e
+                  xDomain: s,
+                  yDomain: a,
+                  xScale: e,
+                  yScale: o
                 }
               ),
-              c.guidelines && /* @__PURE__ */ s(
-                R,
+              c.guidelines && /* @__PURE__ */ i(
+                T,
                 {
                   guides: P.length,
-                  xDomain: i,
-                  yDomain: r,
-                  xScale: o,
-                  yScale: e
+                  xDomain: s,
+                  yDomain: a,
+                  xScale: e,
+                  yScale: o
                 }
               ),
               x ? x(q) : H
             ]
           }
         ),
-        /* @__PURE__ */ s(
-          J,
+        /* @__PURE__ */ i(
+          V,
           {
             ticks: I,
             y: S,
             labelledById: C,
-            xDomain: i,
-            xScale: o
+            xDomain: s,
+            xScale: e
           }
         ),
         n && /* @__PURE__ */ u(
-          U,
+          Z,
           {
-            x: t ? o(t.x) : void 0,
-            y: t ? e(t.y) : void 0,
+            x: t ? e(t.x) : void 0,
+            y: t ? o(t.y) : void 0,
             visible: !!t,
-            offset: T.pointRadius,
+            offset: D.pointRadius,
             children: [
               t && typeof n == "function" && n(t),
               t && typeof n == "string" && n

package/dist/localeStrings/en/epo-widget-lib.json

@@ -1,7 +1,7 @@
 {
   "blinker": {
     "controls": {
-      "backward": "Rewind",
+      "backward": "Backward",
       "forward": "Forward",
       "reset": "Reset",
       "play": "Play",
@@ -66,7 +66,8 @@
     "sources": {
       "galaxy": "Galaxy",
       "supernova": "Supernova",
-      "observation": "Observation"
+      "observation": "Observation",
+      "asteroid": "Asteroid"
     }
   },
   "source_selector": {

package/dist/localeStrings/es/epo-widget-lib.json

@@ -53,7 +53,8 @@
     "sources": {
       "galaxy": "Galaxia",
       "supernova": "Supernova",
-      "observation": "Observación"
+      "observation": "Observación",
+      "asteroid": "Asteroide"
     }
   },
   "source_selector": {
@@ -77,7 +78,7 @@
   },
   "blinker": {
     "controls": {
-      "backward": "Regresar",
+      "backward": "Hacia atrás",
       "forward": "Adelantar",
       "pause": "Pausar",
       "play": "Reproducir",

package/dist/localeStrings/fr/epo-widget-lib.json

@@ -1,7 +1,7 @@
 {
   "blinker": {
     "controls": {
-      "backward": "Revenir en arrière",
+      "backward": "Reculer",
       "forward": "Avancer",
       "play": "Lecture",
       "pause": "Pause"

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

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

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as e, Fragment as S, jsxs as a } from "react/jsx-runtime";
+import { jsx as e, Fragment as _, jsxs as a } from "react/jsx-runtime";
 import "react";
 import l from "../../../node_modules/prop-types/index.js";
 import { useTranslation as T } from "react-i18next";
 import { formatValue as h } from "../orbitalUtilities.js";
 import v from "@rubin-epo/epo-react-lib/HorizontalSlider";
-import { PlaybackContainer as P, PlaybackSpeedSliderHeader as g, PlaybackSpeedTitle as C, PlaybackSpeedSliderLabel as E, PlaybackSpeedSliderLabelTop as x, PlaybackSpeedSliderLabelBottom as j, PlaybackSpeedSliderWrapper as L, ElapsedTimeContainer as M, ElapsedTimeTitle as w, ElapsedTimeInner as D, ElapsedTimeBlock as f, ElapsedVal as k, ElapsedTimeDivider as V, ElapsedLabel as W } from "./styles.js";
+import { PlaybackSpeedContainer as P, PlaybackSpeedSliderHeader as g, PlaybackSpeedTitle as C, PlaybackSpeedSliderLabel as E, PlaybackSpeedSliderLabelTop as x, PlaybackSpeedSliderLabelBottom as j, PlaybackSpeedSliderWrapper as L, ElapsedTimeContainer as M, ElapsedTimeTitle as w, ElapsedTimeInner as D, ElapsedTimeBlock as f, ElapsedVal as k, ElapsedTimeDivider as V, ElapsedLabel as W } from "./styles.js";
 function B({
   dayPerVizSec: c,
   elapsedTime: s,
-  sliderOnChangeCallback: _,
+  sliderOnChangeCallback: S,
   speeds: n
 }) {
   const { t: r } = T();
@@ -24,7 +24,7 @@ function B({
       string: r("elapsed_time.interval.day", { count: o })
     }, d === "days" ? y[m] : d === "years" ? u[m] : null;
   }
-  return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ a(P, { children: [
+  return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ a(P, { children: [
     /* @__PURE__ */ a(g, { children: [
       /* @__PURE__ */ e(C, { children: r("orbital_sim.playback.time_step") }),
       /* @__PURE__ */ e(E, { children: r("orbital_sim.playback.sec_with_count", {
@@ -50,7 +50,7 @@ function B({
         max: n.max,
         step: n.step,
         value: c,
-        onChangeCallback: _
+        onChangeCallback: S
       }
     ) }),
     /* @__PURE__ */ a(M, { children: [

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

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),l=a=>a&&a.__esModule?a:{default:a},e=l(t),r=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),i=a=>a&&a.__esModule?a:{default:a},e=i(t),l=e.default.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-rows: repeat(5, 1fr);
@@ -9,7 +9,11 @@
   right: 20px;
   top: 10px;
   height: 95%;
-`,i=e.default.div`
+  
+  @container orbital-sim-context (width < 650px) {
+    height: 85%;
+  }
+`,r=e.default.div`
     width: auto;
     display: flex;
     position: absolute;
@@ -117,4 +121,4 @@
   line-height: 1.333;
   color: var(--black);
   color: var(--black);
-`;exports.ElapsedLabel=u;exports.ElapsedTimeBlock=x;exports.ElapsedTimeContainer=b;exports.ElapsedTimeDivider=k;exports.ElapsedTimeInner=f;exports.ElapsedTimeTitle=g;exports.ElapsedVal=h;exports.PlaybackContainer=r;exports.PlaybackControlsContainer=i;exports.PlaybackSpeedSliderHeader=o;exports.PlaybackSpeedSliderLabel=n;exports.PlaybackSpeedSliderLabelBottom=p;exports.PlaybackSpeedSliderLabelTop=c;exports.PlaybackSpeedSliderWrapper=s;exports.PlaybackSpeedTitle=d;
+`;exports.ElapsedLabel=u;exports.ElapsedTimeBlock=x;exports.ElapsedTimeContainer=b;exports.ElapsedTimeDivider=k;exports.ElapsedTimeInner=f;exports.ElapsedTimeTitle=g;exports.ElapsedVal=h;exports.PlaybackControlsContainer=r;exports.PlaybackSpeedContainer=l;exports.PlaybackSpeedSliderHeader=o;exports.PlaybackSpeedSliderLabel=n;exports.PlaybackSpeedSliderLabelBottom=p;exports.PlaybackSpeedSliderLabelTop=c;exports.PlaybackSpeedSliderWrapper=s;exports.PlaybackSpeedTitle=d;

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

@@ -1,4 +1,4 @@
-export declare const PlaybackContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlaybackSpeedContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PlaybackControlsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 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;

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

@@ -11,6 +11,10 @@ const i = e.div`
   right: 20px;
   top: 10px;
   height: 95%;
+  
+  @container orbital-sim-context (width < 650px) {
+    height: 85%;
+  }
 `, a = e.div`
     width: auto;
     display: flex;
@@ -20,7 +24,7 @@ const i = e.div`
     transform: translateX(-50%);
     z-index: 2;
     font-size: 17px;
-`, o = e.div`
+`, t = e.div`
   z-index: 2;
   padding: 5px;
   text-align: center;
@@ -29,7 +33,7 @@ const i = e.div`
   border-radius: 10px;
   grid-area: 1 / 1 / 2 / 3; 
   height: fit-content;
-`, t = e.h4`
+`, o = e.h4`
   font-size: 18px;
   font-weight: var(--regular);
   line-height: 1.5;
@@ -128,12 +132,12 @@ export {
   b as ElapsedTimeInner,
   s as ElapsedTimeTitle,
   x as ElapsedVal,
-  i as PlaybackContainer,
   a as PlaybackControlsContainer,
-  o as PlaybackSpeedSliderHeader,
+  i as PlaybackSpeedContainer,
+  t as PlaybackSpeedSliderHeader,
   l as PlaybackSpeedSliderLabel,
   d as PlaybackSpeedSliderLabelBottom,
   n as PlaybackSpeedSliderLabelTop,
   c as PlaybackSpeedSliderWrapper,
-  t as PlaybackSpeedTitle
+  o as PlaybackSpeedTitle
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),c=require("@rubin-epo/epo-react-lib/Button"),u=require("../Context/index.cjs"),s=require("./styles.cjs"),d=require("../styles.cjs"),a=t=>t&&t.__esModule?t:{default:t},x=a(c);function h(){const{orbits:t}=u.useOrbitalSimContext(),{detailsRows:l}=t,[i,r]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(d.GlobalStyles,{}),e.jsx(s.ButtonWrapper,{styleAs:"secondary",isInactive:!l,onClick:()=>{r(!i)},children:i?"Hide Details":"Show Details"}),e.jsx(s.SlideoutWrapper,{slideFrom:"left",isOpen:i,children:e.jsxs(s.SlideoutPanel,{children:[e.jsx("h3",{children:"Orbital Details"}),l&&l.map(o=>e.jsxs(s.SlideoutRow,{children:[e.jsx(s.SlideoutColLeft,{children:e.jsx("p",{children:o.rowTitle})}),e.jsx(s.SlideoutColRight,{children:e.jsx("p",{children:o.rowContent})})]})),e.jsx(x.default,{isBlock:!0,onClick:()=>r(!i),children:"Close"})]})})]})}exports.default=h;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),c=require("@rubin-epo/epo-react-lib/Button"),u=require("../Context/index.cjs"),s=require("./styles.cjs"),d=require("../styles.cjs"),a=t=>t&&t.__esModule?t:{default:t},x=a(c);function h(){const{orbits:t}=u.useOrbitalSimContext(),{detailsRows:l}=t,[i,o]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(d.GlobalStyles,{}),e.jsx(s.ButtonWrapper,{styleAs:"secondary",isInactive:!l,onClick:()=>{o(!i)},children:i?"Hide Details":"Show Details"}),e.jsx(s.SlideoutWrapper,{slideFrom:"left",isOpen:i,children:e.jsxs(s.SlideoutPanel,{children:[e.jsx("h3",{children:"Orbital Details"}),l&&l.map(r=>e.jsxs(s.SlideoutRow,{children:[e.jsx(s.SlideoutColLeft,{children:e.jsx("p",{children:r.rowTitle})}),e.jsx(s.SlideoutColRight,{children:e.jsx("p",{children:r.rowContent})})]},r.rowTitle)),e.jsx(x.default,{isBlock:!0,onClick:()=>o(!i),children:"Close"})]})})]})}exports.default=h;

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

@@ -1,38 +1,38 @@
 "use client";
-import { jsxs as o, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, Fragment as s, jsx as t } from "react/jsx-runtime";
 import { useState as c } from "react";
 import a from "@rubin-epo/epo-react-lib/Button";
 import { useOrbitalSimContext as d } from "../Context/index.js";
 import { ButtonWrapper as m, SlideoutWrapper as p, SlideoutPanel as h, SlideoutRow as u, SlideoutColLeft as f, SlideoutColRight as S } from "./styles.js";
-import { GlobalStyles as C } from "../styles.js";
+import { GlobalStyles as w } from "../styles.js";
 function v() {
   const { orbits: n } = d(), {
     detailsRows: i
-  } = n, [t, l] = c(!1);
-  return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ e(C, {}),
-    /* @__PURE__ */ e(
+  } = n, [e, r] = c(!1);
+  return /* @__PURE__ */ l(s, { children: [
+    /* @__PURE__ */ t(w, {}),
+    /* @__PURE__ */ t(
       m,
       {
         styleAs: "secondary",
         isInactive: !i,
         onClick: () => {
-          l(!t);
+          r(!e);
         },
-        children: t ? "Hide Details" : "Show Details"
+        children: e ? "Hide Details" : "Show Details"
       }
     ),
-    /* @__PURE__ */ e(p, { slideFrom: "left", isOpen: t, children: /* @__PURE__ */ o(h, { children: [
-      /* @__PURE__ */ e("h3", { children: "Orbital Details" }),
-      i && i.map((r) => /* @__PURE__ */ o(u, { children: [
-        /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e("p", { children: r.rowTitle }) }),
-        /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("p", { children: r.rowContent }) })
-      ] })),
-      /* @__PURE__ */ e(
+    /* @__PURE__ */ t(p, { slideFrom: "left", isOpen: e, children: /* @__PURE__ */ l(h, { children: [
+      /* @__PURE__ */ t("h3", { children: "Orbital Details" }),
+      i && i.map((o) => /* @__PURE__ */ l(u, { children: [
+        /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t("p", { children: o.rowTitle }) }),
+        /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t("p", { children: o.rowContent }) })
+      ] }, o.rowTitle)),
+      /* @__PURE__ */ t(
         a,
         {
           isBlock: !0,
-          onClick: () => l(!t),
+          onClick: () => r(!e),
           children: "Close"
         }
       )

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

@@ -32,7 +32,7 @@
   gap: 1em;
   padding: 1em;
   font-size: 0.75rem;
-  width: '50ch';
+  width: 50ch;
 
   & > * + * {
     margin-block-start: 1em;

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

@@ -36,7 +36,7 @@ const a = o(t)`
   gap: 1em;
   padding: 1em;
   font-size: 0.75rem;
-  width: '50ch';
+  width: 50ch;
 
   & > * + * {
     margin-block-start: 1em;

package/dist/widgets/OrbitalSim/styles.cjs

@@ -39,6 +39,8 @@
     min-height: 500px;
     background-color: #000000;
     color-adjust: exact;
+    container-type: size;
+    container-name: orbital-sim-context;
 `,n=e.default(r.Canvas)`
     position: relative;
     z-index: 1;
@@ -61,10 +63,11 @@
   z-index: 10;
   background-color: #fff;
   width: 10%;
+  min-width: fit-content;
   height: 100%;
   display: flex;
   flex-direction: column;
-`,p=e.default.button`
+`,c=e.default.button`
   width: 100%;
   padding: 12px 16px;
   text-align: left;
@@ -81,4 +84,4 @@
     background-color: #017F80;
     color: #fff;
   }
-`;exports.CanvasWrapper=n;exports.GlobalStyles=o;exports.OrbitalSimWrapper=l;exports.SunLabel=d;exports.SwappableOrbitButton=p;exports.SwappableOrbitsContainer=s;
+`;exports.CanvasWrapper=n;exports.GlobalStyles=o;exports.OrbitalSimWrapper=l;exports.SunLabel=d;exports.SwappableOrbitButton=c;exports.SwappableOrbitsContainer=s;

package/dist/widgets/OrbitalSim/styles.js

@@ -1,7 +1,7 @@
 "use client";
 import e, { createGlobalStyle as t } from "styled-components";
 import { Canvas as a } from "@react-three/fiber";
-const i = t`
+const o = t`
   :root {
     --white: #ffffff;
     --black: #000000;
@@ -35,14 +35,16 @@ const i = t`
     --headingWithSpaceHeight: 90px;
     --tallestSquareWidget: calc(100vh - var(--pageNavHeight) - var(--siteHeaderHeight) - var(--headingWithSpaceHeight) - var(--minPadding));
   }
-`, l = e.div`
+`, n = e.div`
     position: relative;
     overflow: hidden;
     height: var(--tallestSquareWidget);
     min-height: 500px;
     background-color: #000000;
     color-adjust: exact;
-`, n = e(a)`
+    container-type: size;
+    container-name: orbital-sim-context;
+`, l = e(a)`
     position: relative;
     z-index: 1;
 `, d = e.div`
@@ -64,6 +66,7 @@ const i = t`
   z-index: 10;
   background-color: #fff;
   width: 10%;
+  min-width: fit-content;
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -86,9 +89,9 @@ const i = t`
   }
 `;
 export {
-  n as CanvasWrapper,
-  i as GlobalStyles,
-  l as OrbitalSimWrapper,
+  l as CanvasWrapper,
+  o as GlobalStyles,
+  n as OrbitalSimWrapper,
   d as SunLabel,
   p as SwappableOrbitButton,
   c as SwappableOrbitsContainer

package/dist/widgets/SortableTable/SortableTable.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),C=require("./styles.cjs"),r="asc",w="desc",j=({tableData:a})=>{const[i]=d.useState(a),o=a?Object.keys(i[0]):null,[s,f]=d.useState(o?o[0]:""),[c,S]=d.useState(r);function p(e){if(s===e){S(n=>n===r?w:r);return}f(e),S(r)}const m=d.useMemo(()=>{if(i)return[...i].sort((n,g)=>{const u=n[s],l=g[s];if(typeof u=="number"&&typeof l=="number")return c===r?u-l:l-u;const b=String(u).toLowerCase(),h=String(l).toLowerCase();return c===r?b.localeCompare(h):h.localeCompare(b)})},[i,s,c]);function x(e){return s!==e?"":c===r?"↑":"↓"}return t.jsx(t.Fragment,{children:a&&t.jsxs(C.Table,{children:[t.jsx("thead",{children:t.jsx("tr",{children:o&&o.map(e=>t.jsx("th",{scope:"col","aria-sort":s===e?c===r?"ascending":"descending":"none",children:t.jsxs("button",{type:"button",onClick:()=>p(e),children:[e," ",x(e)]})},e))})}),t.jsx("tbody",{children:m&&m.map(e=>t.jsx("tr",{children:o&&o.map(n=>t.jsx("td",{children:e[n]},n))}))})]})})};j.displayName="Widgets.SortableTable";exports.default=j;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),N=require("@rubin-epo/epo-react-lib/SortButton"),h=require("./styles.cjs"),q=r=>r&&r.__esModule?r:{default:r},p=q(N),o="asc",x="desc",y="none",b=({tableData:r})=>{const[u]=a.useState(r),s=r?Object.keys(u[0]):null,[n,g]=a.useState(s?s[0]:""),[i,S]=a.useState(o);function C(t){if(n===t){S(c=>c===o?x:o);return}g(t),S(o)}const f=a.useMemo(()=>{if(u)return[...u].sort((c,w)=>{const l=c[n],d=w[n];if(typeof l=="number"&&typeof d=="number")return i===o?l-d:d-l;const m=String(l).toLowerCase(),j=String(d).toLowerCase();return i===o?m.localeCompare(j):j.localeCompare(m)})},[u,n,i]);function _(t){return n!==t?e.jsx(p.default,{sortDirection:y}):e.jsx(p.default,{sortDirection:i===o?o:x})}return e.jsx(e.Fragment,{children:r&&e.jsxs(h.Table,{children:[e.jsx("thead",{children:e.jsx("tr",{children:s&&s.map(t=>e.jsx("th",{scope:"col","aria-sort":n===t?i===o?"ascending":"descending":"none",children:e.jsxs(h.HeaderButton,{type:"button",onClick:()=>C(t),children:[t,_(t)]})},t))})}),e.jsx("tbody",{children:f&&f.map(t=>e.jsx("tr",{children:s&&s.map(c=>e.jsx("td",{children:t[c]},c))}))})]})})};b.displayName="Widgets.SortableTable";exports.default=b;

package/dist/widgets/SortableTable/SortableTable.d.ts

@@ -13,7 +13,7 @@ type TableDataProps<T extends Record<string, string | number | null>> = {
  * @returns the sortable table
  */
 declare const SortableTable: {
-    <T extends Record<string, string | number | null>>({ tableData }: TableDataProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends Record<string, string | number | null>>({ tableData, }: TableDataProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SortableTable;

package/dist/widgets/SortableTable/SortableTable.js

@@ -1,41 +1,49 @@
 "use client";
-import { jsx as o, Fragment as j, jsxs as h } from "react/jsx-runtime";
-import { useState as u, useMemo as x } from "react";
-import { Table as N } from "./styles.js";
-const r = "asc", T = "desc", y = ({
+import { jsx as o, Fragment as x, jsxs as h } from "react/jsx-runtime";
+import { useState as u, useMemo as D } from "react";
+import b from "@rubin-epo/epo-react-lib/SortButton";
+import { Table as T, HeaderButton as y } from "./styles.js";
+const r = "asc", g = "desc", A = "none", B = ({
   tableData: a
 }) => {
-  const [i] = u(a), e = a ? Object.keys(i[0]) : null, [n, b] = u(e ? e[0] : ""), [c, m] = u(r);
-  function g(t) {
+  const [i] = u(a), e = a ? Object.keys(i[0]) : null, [n, C] = u(e ? e[0] : ""), [c, m] = u(r);
+  function w(t) {
     if (n === t) {
-      m((s) => s === r ? T : r);
+      m((s) => s === r ? g : r);
       return;
     }
-    b(t), m(r);
+    C(t), m(r);
   }
-  const p = x(() => {
+  const p = D(() => {
     if (i)
-      return [...i].sort((s, w) => {
-        const l = s[n], d = w[n];
-        if (typeof l == "number" && typeof d == "number")
-          return c === r ? l - d : d - l;
-        const f = String(l).toLowerCase(), S = String(d).toLowerCase();
+      return [...i].sort((s, j) => {
+        const d = s[n], l = j[n];
+        if (typeof d == "number" && typeof l == "number")
+          return c === r ? d - l : l - d;
+        const f = String(d).toLowerCase(), S = String(l).toLowerCase();
         return c === r ? f.localeCompare(S) : S.localeCompare(f);
       });
   }, [i, n, c]);
-  function C(t) {
-    return n !== t ? "" : c === r ? "↑" : "↓";
+  function N(t) {
+    return n !== t ? /* @__PURE__ */ o(b, { sortDirection: A }) : /* @__PURE__ */ o(b, { sortDirection: c === r ? r : g });
   }
-  return /* @__PURE__ */ o(j, { children: a && /* @__PURE__ */ h(N, { children: [
-    /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: e && e.map((t) => /* @__PURE__ */ o("th", { scope: "col", "aria-sort": n === t ? c === r ? "ascending" : "descending" : "none", children: /* @__PURE__ */ h("button", { type: "button", onClick: () => g(t), children: [
-      t,
-      " ",
-      C(t)
-    ] }) }, t)) }) }),
+  return /* @__PURE__ */ o(x, { children: a && /* @__PURE__ */ h(T, { children: [
+    /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { children: e && e.map((t) => /* @__PURE__ */ o(
+      "th",
+      {
+        scope: "col",
+        "aria-sort": n === t ? c === r ? "ascending" : "descending" : "none",
+        children: /* @__PURE__ */ h(y, { type: "button", onClick: () => w(t), children: [
+          t,
+          N(t)
+        ] })
+      },
+      t
+    )) }) }),
     /* @__PURE__ */ o("tbody", { children: p && p.map((t) => /* @__PURE__ */ o("tr", { children: e && e.map((s) => /* @__PURE__ */ o("td", { children: t[s] }, s)) })) })
   ] }) });
 };
-y.displayName = "Widgets.SortableTable";
+B.displayName = "Widgets.SortableTable";
 export {
-  y as default
+  B as default
 };

package/dist/widgets/SortableTable/styles.cjs

@@ -1,8 +1,17 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},d=l(t),o=d.default.table`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),d=e=>e&&e.__esModule?e:{default:e},t=d(o),l=t.default.table`
     border: 1px solid #000000;
+    font-size: medium;
     text-align: center;
     border-spacing: 0px;
     & > th, td, thead, thead > tr > th{
         border: 1px solid #000000;
     }
-`;exports.Table=o;
+
+    & > thead {
+        background-color: #009FA1;
+        font-size: large;
+    }
+`,a=t.default.button`
+    display: flex;
+    align-items: center;
+`;exports.HeaderButton=a;exports.Table=l;

package/dist/widgets/SortableTable/styles.d.ts

@@ -1 +1,2 @@
 export declare const Table: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const HeaderButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/widgets/SortableTable/styles.js

@@ -1,13 +1,23 @@
 "use client";
-import t from "styled-components";
-const r = t.table`
+import e from "styled-components";
+const o = e.table`
     border: 1px solid #000000;
+    font-size: medium;
     text-align: center;
     border-spacing: 0px;
     & > th, td, thead, thead > tr > th{
         border: 1px solid #000000;
     }
+
+    & > thead {
+        background-color: #009FA1;
+        font-size: large;
+    }
+`, r = e.button`
+    display: flex;
+    align-items: center;
 `;
 export {
-  r as Table
+  r as HeaderButton,
+  o as Table
 };

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"),u=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 l;const t={day:0,hour:0},s=e[n];if(!s)return t;const c=(s==null?void 0:s.date)-((l=e[0])==null?void 0:l.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),j=({width:e=600,height:n=600,selectedSource:t=[],alerts:s=[],activeAlertIndex:c=0,alertChangeCallback:l,selectionCallback:p,blinkConfig:_,isDisplayOnly:d=!1,isLoading:P,className:w,movingSources:i=[]})=>{const[f,q]=u.useState(0),[B,F]=u.useState(!0),[b,L]=u.useState(!0),[R,y]=u.useState(),[T,m]=u.useState(!1),{t:I}=G.useTranslation(),S=!B&&!P,V=(r,g,h)=>{if(i)for(let a of i){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=()=>{y(I("source_selector.messages.failure")),m(!0)},D=()=>{L(r=>!r)},N=()=>{y(o.jsxs(o.Fragment,{children:[o.jsx(ne.default,{icon:"checkmark"}),I("source_selector.messages.success")]})),m(!0)},W=({clientX:r,clientY:g,target:h})=>{if(!S||d)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;p&&p(t.concat(M)),N()}else v()},$=()=>{m(!1)},{day:z,hour:E}=oe(s,c),H=ce(s,c,d),X=()=>{b&&(f>i[0].sources.length-2?q(0):q(r=>r+1))};return O.default(X,500),o.jsxs(J.default,{ratio:1,className:w,children:[!d&&o.jsx(ee.default,{onMessageChangeCallback:$,isVisible:T,children:R}),i&&o.jsx(Z.BackgroundBlinker,{images:H,activeIndex:f,blinkCallback:l,loadedCallback:()=>F(!1),onClickCallback:W,extraControls:s.length>0&&!d&&o.jsx(te.default,{day:z,hour:E}),interval:400,pauseCallback:D,..._,children:o.jsx(U.default,{width:e,height:n,isPlaying:b,currentIndex:f,movingSources:i,selectedSource:t})}),!S&&o.jsx(K.default,{})]})};j.displayName="Widgets.MovingSourceSelector";exports.default=j;
+"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;

package/dist/widgets/SourceSelector/MovingSourceSelector.js

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

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"),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;
+"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;

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

@@ -1,19 +1,13 @@
 "use client";
-import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { jsxs as h, jsx as e } 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 "../../../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";
+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";
 const Y = ({
   className: y,
   objects: g = [],
@@ -21,38 +15,38 @@ const Y = ({
   visibleImages: w = [],
   describedById: B
 }) => {
-  const [O, W] = L(!1), [f, u] = L(), s = 600, l = 300, i = {
+  const [O, W] = L(!1), [f, u] = L(), s = 600, l = 300, a = {
     top: 20,
     right: 0,
     bottom: 20,
     left: 20
-  }, 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([
+  }, 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([
     [p, k],
     [b, x]
-  ]), a.fitExtent(
+  ]), i.fitExtent(
     [
-      [i.left, i.top],
-      [i.left + s - m, i.top + l]
+      [a.left, a.top],
+      [a.left + s - m, a.top + l]
     ],
-    r.outline()
+    n.outline()
   );
-  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,
+  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,
       {
         style: { "--image-stack-opacity": O && 1 },
-        x: i.left,
-        y: i.top,
+        x: a.left,
+        y: a.top,
         width: s - m,
         height: l,
         mask: "url(#imageMask)",
-        children: /* @__PURE__ */ o(
-          q,
+        children: /* @__PURE__ */ e(
+          U,
           {
             images: v,
             describedById: B,
@@ -64,10 +58,10 @@ const Y = ({
         )
       }
     ),
-    /* @__PURE__ */ o("g", { children: g.map(({ id: t, lat: T, long: $ }, A) => /* @__PURE__ */ o(
-      J,
+    /* @__PURE__ */ e("g", { children: g.map(({ id: t, lat: T, long: $ }, A) => /* @__PURE__ */ e(
+      D,
       {
-        d: n({
+        d: r({
           type: "Point",
           coordinates: [$, T]
         }),
@@ -76,14 +70,14 @@ const Y = ({
       },
       t
     )) }),
-    /* @__PURE__ */ o("g", { "aria-hidden": "true", children: G.map(
+    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: G.map(
       (t) => t === 0 ? null : /* @__PURE__ */ h(
-        K,
+        F,
         {
           style: {
             dominantBaseline: t > 0 ? "text-after-edge" : "text-before-edge"
           },
-          transform: `translate(${a([p, t])})`,
+          transform: `translate(${i([p, t])})`,
           children: [
             t,
             "°"
@@ -92,10 +86,10 @@ const Y = ({
         t
       )
     ) }),
-    /* @__PURE__ */ o("g", { "aria-hidden": "true", children: H.map((t) => /* @__PURE__ */ h(
-      Q,
+    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: H.map((t) => /* @__PURE__ */ h(
+      J,
       {
-        transform: `translate(${a([t, 0])})`,
+        transform: `translate(${i([t, 0])})`,
         children: [
           t,
           "°"
@@ -103,20 +97,20 @@ const Y = ({
       },
       t
     )) }),
-    /* @__PURE__ */ o(
-      X,
+    /* @__PURE__ */ e(
+      K,
       {
         strokeWidth: m,
-        d: n(r.outline())
+        d: r(n.outline())
       }
     ),
-    /* @__PURE__ */ o(
-      V,
+    /* @__PURE__ */ e(
+      X,
       {
-        visible: !!e,
+        visible: !!o,
         x: S[0],
         y: S[1],
-        children: e == null ? void 0 : e.id
+        children: o == null ? void 0 : o.id
       }
     )
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "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": "^3.0.1",
+    "@rubin-epo/epo-react-lib": "3.0.2",
     "@rubin-epo/epo-widget-lib": "2.0.2",
     "context-filter-polyfill": "^0.3.6",
     "d3-array": "^3.2.4",