@rubin-epo/epo-widget-lib 0.10.0-beta.1 → 0.10.0

package/dist/IsochronePlot.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),y=require("react"),J=require("react-i18next"),Q=require("use-resize-observer"),F=require("@rubin-epo/epo-react-lib/styles"),U=require("./layout/Controls/index.cjs"),X=require("./charts/ScatterPlot/index.cjs"),Y=require("./atomic/Button/patterns/Reset.cjs");require("./atomic/PlotWrapper/index.cjs");const Z=require("./charts/Readout/index.cjs"),ee=require("./charts/PathFromPoints/index.cjs"),u=require("./lib/utils.cjs"),te=require("./lib/helpers.cjs"),se=require("./widgets/IsochronePlot/Controls/index.cjs"),i=require("./widgets/IsochronePlot/defaults.cjs"),ie=require("./widgets/IsochronePlot/A11Y/CurveFit.cjs"),re=require("./atomic/PlotWrapper/styles.cjs"),ne=e=>e&&e.__esModule?e:{default:e},oe=ne(Q),ae=e=>e?e<parseFloat(F.token("BREAK_PHABLET_MIN"))?i.default.pointRadius.md:e<parseFloat(F.token("BREAK_LARGE_TABLET"))?i.default.pointRadius.sm:i.default.pointRadius.lg:i.default.pointRadius.lg,le=({data:e,value:W,ageLibrary:D,isDisplayOnly:I=!1,isLoading:M,xAxis:P,yAxis:T,name:$,onChangeCallback:c})=>{const{ref:k,width:B}=oe.default(),{t:d,i18n:{language:m}}=J.useTranslation(),[E,K]=y.useState(!0),h=y.useId(),n=!M&&!E,O={top:0,right:0,bottom:20,left:20},{width:g,height:f}=i.default,{ages:q={}}=D,s=Object.keys(q).sort((r,l)=>parseFloat(r)-parseFloat(l)).map(parseFloat),w=u.mergeWithDefaults(P,{...i.default.xAxis,label:d("isochrone_plot.plot.x_label")}),_=u.mergeWithDefaults(T,{...i.default.yAxis,label:d("isochrone_plot.plot.y_label")}),o={age:{min:s.length>0?Math.min(...s):0,max:s.length>0?Math.max(...s):0,step:s[1]-s[0]||.5},distance:{min:0,max:_.min+1,step:.05}},b={age:s.length>0?u.middle(s):0,distance:(o.distance.max-o.distance.min)/2+o.distance.min},{age:a,distance:p}=u.mergeWithDefaults(W,b),z=ae(B),R={age:a.toLocaleString(m,{minimumFractionDigits:1}),distance:te.parsecsToLightyears(Math.pow(10,p/5+1)).toLocaleString(m,{maximumFractionDigits:0})},H=t.jsx(re.PlotWrapper,{ref:k,children:t.jsx(X.default,{renderer:"canvas",title:$,onLoadedCallback:()=>K(!1),data:{label:"Star Cluster",points:e.map(r=>({...r,radius:z,stroke:"rgba(18,114,108,0.5)",fill:"rgba(18,114,108,0.25)"}))},plotChildren:({Data:r,xScale:l,yScale:x,yStart:S,yEnd:j,xStart:v,xEnd:V,yDomain:C})=>{const A=(q[a.toFixed(1)]||[]).map(({x:G,y:N})=>({x:l(G),y:x(N)}))||[],L=x(p+C[1]);return t.jsxs(t.Fragment,{children:[r,a&&t.jsx(ee.default,{points:A,svgProps:{strokeWidth:2,transform:`translate(0,${L})`}}),n&&t.jsx(Z.default,{viewport:{x:v,y:j,outerHeight:S-j,outerWidth:V-v,innerWidth:g,innerHeight:f},position:"center right",forIds:h,forScreenreaders:t.jsx(ie.default,{points:e,value:R,isochrone:A,offset:L,xScale:l,yScale:x,width:g,height:f}),children:d("isochrone_plot.output",{...R})})]})},width:g,height:f,xAxis:w,yAxis:_,margins:O})});return t.jsx(U.default,{widget:H,controls:t.jsx(se.default,{isDisabled:!n,value:{age:a,distance:p},configs:o,onChangeCallback:c}),actions:t.jsx(Y.default,{isDisabled:!n,onResetCallback:()=>{c&&c(b)}}),isLoading:!n,isDisplayOnly:I,controlsId:h})};exports.default=le;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),y=require("react"),Q=require("react-i18next"),U=require("use-resize-observer"),X=require("lodash/round"),F=require("@rubin-epo/epo-react-lib/styles"),Y=require("./layout/Controls/index.cjs"),Z=require("./charts/ScatterPlot/index.cjs"),ee=require("./atomic/Button/patterns/Reset.cjs");require("./atomic/PlotWrapper/index.cjs");const te=require("./charts/Readout/index.cjs"),se=require("./charts/PathFromPoints/index.cjs"),u=require("./lib/utils.cjs"),ie=require("./lib/helpers.cjs"),re=require("./widgets/IsochronePlot/Controls/index.cjs"),i=require("./widgets/IsochronePlot/defaults.cjs"),ne=require("./widgets/IsochronePlot/A11Y/CurveFit.cjs"),oe=require("./atomic/PlotWrapper/styles.cjs"),W=e=>e&&e.__esModule?e:{default:e},ae=W(U),le=W(X),ue=e=>e?e<parseFloat(F.token("BREAK_PHABLET_MIN"))?i.default.pointRadius.md:e<parseFloat(F.token("BREAK_LARGE_TABLET"))?i.default.pointRadius.sm:i.default.pointRadius.lg:i.default.pointRadius.lg,ce=({data:e,value:D,ageLibrary:I,isDisplayOnly:M=!1,isLoading:P,xAxis:k,yAxis:T,name:$,onChangeCallback:c})=>{const{ref:B,width:E}=ae.default(),{t:d,i18n:{language:x}}=Q.useTranslation(),[K,O]=y.useState(!0),h=y.useId(),n=!P&&!K,w={top:0,right:0,bottom:20,left:20},{width:f,height:g}=i.default,{ages:q={}}=I,s=Object.keys(q).sort((r,l)=>parseFloat(r)-parseFloat(l)).map(parseFloat),z=u.mergeWithDefaults(k,{...i.default.xAxis,label:d("isochrone_plot.plot.x_label")}),_=u.mergeWithDefaults(T,{...i.default.yAxis,label:d("isochrone_plot.plot.y_label")}),o={age:{min:s.length>0?Math.min(...s):0,max:s.length>0?Math.max(...s):0,step:le.default(s[1]-s[0],1)||.5,marks:s},distance:{min:0,max:_.min+1,step:.05}},b={age:s.length>0?u.middle(s):0,distance:(o.distance.max-o.distance.min)/2+o.distance.min},{age:a,distance:p}=u.mergeWithDefaults(D,b),H=ue(E),R={age:a.toLocaleString(x,{minimumFractionDigits:1}),distance:ie.parsecsToLightyears(Math.pow(10,p/5+1)).toLocaleString(x,{maximumFractionDigits:0})},S=t.jsx(oe.PlotWrapper,{ref:B,children:t.jsx(Z.default,{renderer:"canvas",title:$,onLoadedCallback:()=>O(!1),data:{label:"Star Cluster",points:e.map(r=>({...r,radius:H,stroke:"rgba(18,114,108,0.5)",fill:"rgba(18,114,108,0.25)"}))},plotChildren:({Data:r,xScale:l,yScale:m,yStart:V,yEnd:j,xStart:v,xEnd:C,yDomain:G})=>{const A=(q[a.toFixed(1)]||[]).map(({x:N,y:J})=>({x:l(N),y:m(J)}))||[],L=m(p+G[1]);return t.jsxs(t.Fragment,{children:[r,a&&t.jsx(se.default,{points:A,svgProps:{strokeWidth:2,transform:`translate(0,${L})`}}),n&&t.jsx(te.default,{viewport:{x:v,y:j,outerHeight:V-j,outerWidth:C-v,innerWidth:f,innerHeight:g},position:"center right",forIds:h,forScreenreaders:t.jsx(ne.default,{points:e,value:R,isochrone:A,offset:L,xScale:l,yScale:m,width:f,height:g}),children:d("isochrone_plot.output",{...R})})]})},width:f,height:g,xAxis:z,yAxis:_,margins:w})});return t.jsx(Y.default,{widget:S,controls:t.jsx(re.default,{isDisabled:!n,value:{age:a,distance:p},configs:o,onChangeCallback:c}),actions:t.jsx(ee.default,{isDisabled:!n,onResetCallback:()=>{c&&c(b)}}),isLoading:!n,isDisplayOnly:M,controlsId:h})};exports.default=ce;

package/dist/IsochronePlot.js

@@ -3,46 +3,48 @@ import { jsx as o, jsxs as q, Fragment as J } from "react/jsx-runtime";
 import { useState as Q, useId as U } from "react";
 import { useTranslation as X } from "react-i18next";
 import Y from "use-resize-observer";
+import Z from "lodash/round";
 import { token as W } from "@rubin-epo/epo-react-lib/styles";
-import Z from "./layout/Controls/index.js";
-import tt from "./charts/ScatterPlot/index.js";
-import ot from "./atomic/Button/patterns/Reset.js";
+import tt from "./layout/Controls/index.js";
+import ot from "./charts/ScatterPlot/index.js";
+import et from "./atomic/Button/patterns/Reset.js";
 import "./atomic/PlotWrapper/index.js";
-import et from "./charts/Readout/index.js";
+import rt from "./charts/Readout/index.js";
 import it from "./charts/PathFromPoints/index.js";
 import { mergeWithDefaults as f, middle as st } from "./lib/utils.js";
-import { parsecsToLightyears as rt } from "./lib/helpers.js";
-import nt from "./widgets/IsochronePlot/Controls/index.js";
+import { parsecsToLightyears as nt } from "./lib/helpers.js";
+import at from "./widgets/IsochronePlot/Controls/index.js";
 import e from "./widgets/IsochronePlot/defaults.js";
-import at from "./widgets/IsochronePlot/A11Y/CurveFit.js";
+import mt from "./widgets/IsochronePlot/A11Y/CurveFit.js";
 import { PlotWrapper as lt } from "./atomic/PlotWrapper/styles.js";
-const mt = (i) => i ? i < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md : i < parseFloat(W("BREAK_LARGE_TABLET")) ? e.pointRadius.sm : e.pointRadius.lg : e.pointRadius.lg, Bt = ({
-  data: i,
+const pt = (r) => r ? r < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md : r < parseFloat(W("BREAK_LARGE_TABLET")) ? e.pointRadius.sm : e.pointRadius.lg : e.pointRadius.lg, kt = ({
+  data: r,
   value: y,
   ageLibrary: B,
   isDisplayOnly: I = !1,
-  isLoading: D,
-  xAxis: T,
-  yAxis: k,
+  isLoading: k,
+  xAxis: D,
+  yAxis: T,
   name: E,
-  onChangeCallback: m
+  onChangeCallback: l
 }) => {
   const { ref: K, width: M } = Y(), {
-    t: c,
+    t: p,
     i18n: { language: h }
-  } = X(), [j, w] = Q(!0), x = U(), r = !D && !j, C = { top: 0, right: 0, bottom: 20, left: 20 }, { width: p, height: d } = e, { ages: b = {} } = B, t = Object.keys(b).sort(
-    (s, l) => parseFloat(s) - parseFloat(l)
-  ).map(parseFloat), H = f(T, {
+  } = X(), [j, w] = Q(!0), x = U(), s = !k && !j, C = { top: 0, right: 0, bottom: 20, left: 20 }, { width: c, height: d } = e, { ages: b = {} } = B, t = Object.keys(b).sort(
+    (i, m) => parseFloat(i) - parseFloat(m)
+  ).map(parseFloat), H = f(D, {
     ...e.xAxis,
-    label: c("isochrone_plot.plot.x_label")
-  }), R = f(k, {
+    label: p("isochrone_plot.plot.x_label")
+  }), R = f(T, {
     ...e.yAxis,
-    label: c("isochrone_plot.plot.y_label")
+    label: p("isochrone_plot.plot.y_label")
   }), n = {
     age: {
       min: t.length > 0 ? Math.min(...t) : 0,
       max: t.length > 0 ? Math.max(...t) : 0,
-      step: t[1] - t[0] || 0.5
+      step: Z(t[1] - t[0], 1) || 0.5,
+      marks: t
     },
     distance: { min: 0, max: R.min + 1, step: 0.05 }
   }, A = {
@@ -51,33 +53,33 @@ const mt = (i) => i ? i < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md
   }, { age: a, distance: u } = f(
     y,
     A
-  ), V = mt(M), F = {
+  ), V = pt(M), F = {
     age: a.toLocaleString(h, {
       minimumFractionDigits: 1
     }),
-    distance: rt(
+    distance: nt(
       Math.pow(10, u / 5 + 1)
     ).toLocaleString(h, {
       maximumFractionDigits: 0
     })
   }, z = /* @__PURE__ */ o(lt, { ref: K, children: /* @__PURE__ */ o(
-    tt,
+    ot,
     {
       renderer: "canvas",
       title: E,
       onLoadedCallback: () => w(!1),
       data: {
         label: "Star Cluster",
-        points: i.map((s) => ({
-          ...s,
+        points: r.map((i) => ({
+          ...i,
           radius: V,
           stroke: "rgba(18,114,108,0.5)",
           fill: "rgba(18,114,108,0.25)"
         }))
       },
       plotChildren: ({
-        Data: s,
-        xScale: l,
+        Data: i,
+        xScale: m,
         yScale: g,
         yStart: O,
         yEnd: L,
@@ -85,9 +87,9 @@ const mt = (i) => i ? i < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md
         xEnd: S,
         yDomain: G
       }) => {
-        const _ = (b[a.toFixed(1)] || []).map(({ x: N, y: $ }) => ({ x: l(N), y: g($) })) || [], v = g(u + G[1]);
+        const _ = (b[a.toFixed(1)] || []).map(({ x: N, y: $ }) => ({ x: m(N), y: g($) })) || [], v = g(u + G[1]);
         return /* @__PURE__ */ q(J, { children: [
-          s,
+          i,
           a && /* @__PURE__ */ o(
             it,
             {
@@ -98,40 +100,40 @@ const mt = (i) => i ? i < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md
               }
             }
           ),
-          r && /* @__PURE__ */ o(
-            et,
+          s && /* @__PURE__ */ o(
+            rt,
             {
               viewport: {
                 x: P,
                 y: L,
                 outerHeight: O - L,
                 outerWidth: S - P,
-                innerWidth: p,
+                innerWidth: c,
                 innerHeight: d
               },
               position: "center right",
               forIds: x,
               forScreenreaders: /* @__PURE__ */ o(
-                at,
+                mt,
                 {
-                  points: i,
+                  points: r,
                   value: F,
                   isochrone: _,
                   offset: v,
-                  xScale: l,
+                  xScale: m,
                   yScale: g,
-                  width: p,
+                  width: c,
                   height: d
                 }
               ),
-              children: c("isochrone_plot.output", {
+              children: p("isochrone_plot.output", {
                 ...F
               })
             }
           )
         ] });
       },
-      width: p,
+      width: c,
       height: d,
       xAxis: H,
       yAxis: R,
@@ -139,33 +141,33 @@ const mt = (i) => i ? i < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md
     }
   ) });
   return /* @__PURE__ */ o(
-    Z,
+    tt,
     {
       widget: z,
       controls: /* @__PURE__ */ o(
-        nt,
+        at,
         {
-          isDisabled: !r,
+          isDisabled: !s,
           value: { age: a, distance: u },
           configs: n,
-          onChangeCallback: m
+          onChangeCallback: l
         }
       ),
       actions: /* @__PURE__ */ o(
-        ot,
+        et,
         {
-          isDisabled: !r,
+          isDisabled: !s,
           onResetCallback: () => {
-            m && m(A);
+            l && l(A);
           }
         }
       ),
-      isLoading: !r,
+      isLoading: !s,
       isDisplayOnly: I,
       controlsId: x
     }
   );
 };
 export {
-  Bt as default
+  kt as default
 };

package/dist/SupernovaThreeVector.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),B=require("react"),O=require("react-i18next"),l=require("d3-array"),z=require("@rubin-epo/epo-react-lib/HorizontalSlider"),d=require("./lib/utils.cjs"),E=require("./widgets/SupernovaThreeVector/LiveLabel/index.cjs"),r=require("./widgets/SupernovaThreeVector/styles.cjs"),N=t=>t&&t.__esModule?t:{default:t},P=N(z),k=({histogramData:t,userData:C,binnedImages:T,step:u=100})=>{const{t:x}=O.useTranslation(),i={top:30,bottom:30,left:50,right:0},m="skyMapDescription",o=600,p=o/1.6,q=[i.left,o-i.right],R=[p-i.bottom,i.top],b=6,h=7,v=0,L=l.max(t,e=>e.value)||Math.max(...t.map(({value:e})=>e)),a=l.min(t,e=>e.bin)||0,c=l.max(t,e=>e.bin)||Math.max(...t.map(({bin:e})=>e)),y=l.nice(a,c,b),g=l.nice(v,L||v,h),j=d.getLinearScale(y,q),I=d.getLinearScale(g,R),[s,S]=B.useState([a,c]),f=15,$=`calc(${i.left/o*100}% - ${f}px)`,V=`calc(${(1-j(c)/o)*100}% - ${f}px)`,_=t.map(({bin:e})=>d.between(e,s[0],s[1])),M=C.filter(({distance:e})=>d.between(e,s[0],s[1]+u)),A=t.reduce((e,{value:H},w)=>_[w]?e+H:e,0);return n.jsxs(r.ThreeVectorContainer,{ratio:"landscape",smallScreenRatio:"portrait",children:[n.jsxs(r.ThreeVectorLayout,{children:[n.jsxs(r.HistogramContainer,{children:[n.jsx(r.ChartTitle,{children:x("supernova_three_vector.histogram.title")}),n.jsx(r.Histogram,{data:t,activeRange:s,xDomain:y,yDomain:g,xScale:j,yScale:I,yTicks:h,xTicks:b,step:u,margin:i,width:o,height:p})]}),n.jsx(r.SliderContainer,{style:{paddingInlineStart:$,paddingInlineEnd:V},children:n.jsx(P.default,{min:a,max:c,step:u,value:s,ariaValuetext:({valueNow:e})=>x("supernova_three_vector.slider.valueLabel",{value:e}),label:"distanceSlider",color:"var(--turquoise85,#12726D)",minLabel:`${a} kpc`,maxLabel:`${c} kpc`,onChangeCallback:e=>Array.isArray(e)&&S(e)})}),n.jsxs(r.SkymapContainer,{children:[n.jsx(r.ChartTitle,{children:x("supernova_three_vector.skymap.title")}),n.jsx(r.Skymap,{objects:M,images:T,describedById:m,visibleImages:_})]}),n.jsx(r.ResetButton,{onResetCallback:()=>S([a,c])})]}),n.jsx(E.default,{id:m,objects:M,min:s[0],max:s[1]+u,supernovaCount:A})]})};k.displayName="Widgets.SupernovaThreeVector";exports.default=k;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),B=require("react"),O=require("react-i18next"),l=require("d3-array"),z=require("@rubin-epo/epo-react-lib/HorizontalSlider"),d=require("./lib/utils.cjs"),E=require("./widgets/SupernovaThreeVector/LiveLabel/index.cjs"),r=require("./widgets/SupernovaThreeVector/styles.cjs"),N=t=>t&&t.__esModule?t:{default:t},P=N(z),k=({histogramData:t,userData:C,binnedImages:T,step:u=100})=>{const{t:x}=O.useTranslation(),i={top:30,bottom:30,left:50,right:0},m="skyMapDescription",o=600,p=o/1.6,q=[i.left,o-i.right],R=[p-i.bottom,i.top],b=6,h=7,v=0,L=l.max(t,e=>e.value)||Math.max(...t.map(({value:e})=>e)),a=l.min(t,e=>e.bin)||0,c=l.max(t,e=>e.bin)||Math.max(...t.map(({bin:e})=>e)),y=l.nice(a,c,b),g=l.nice(v,L||v,h),j=d.getLinearScale(y,q),I=d.getLinearScale(g,R),[s,S]=B.useState([a,c]),f=15,$=`calc(${i.left/o*100}% - ${f}px)`,V=`calc(${(1-j(c)/o)*100}% - ${f}px)`,_=t.map(({bin:e})=>d.between(e,s[0],s[1])),M=C.filter(({distance:e})=>d.between(e,s[0],s[1]+u)),A=t.reduce((e,{value:H},w)=>_[w]?e+H:e,0);return n.jsxs(r.ThreeVectorContainer,{ratio:"landscape",smallScreenRatio:"portrait",children:[n.jsxs(r.ThreeVectorLayout,{children:[n.jsxs(r.HistogramContainer,{children:[n.jsx(r.ChartTitle,{children:x("supernova_three_vector.histogram.title")}),n.jsx(r.Histogram,{data:t,activeRange:s,xDomain:y,yDomain:g,xScale:j,yScale:I,yTicks:h,xTicks:b,step:u,margin:i,width:o,height:p})]}),n.jsx(r.SliderContainer,{style:{paddingInlineStart:$,paddingInlineEnd:V},children:n.jsx(P.default,{min:a,max:c,step:u,value:s,ariaValuetext:({valueNow:e})=>x("supernova_three_vector.slider.valueLabel",{value:e}),color:"var(--turquoise85,#12726D)",minLabel:`${a} kpc`,maxLabel:`${c} kpc`,onChangeCallback:e=>Array.isArray(e)&&S(e)})}),n.jsxs(r.SkymapContainer,{children:[n.jsx(r.ChartTitle,{children:x("supernova_three_vector.skymap.title")}),n.jsx(r.Skymap,{objects:M,images:T,describedById:m,visibleImages:_})]}),n.jsx(r.ResetButton,{onResetCallback:()=>S([a,c])})]}),n.jsx(E.default,{id:m,objects:M,min:s[0],max:s[1]+u,supernovaCount:A})]})};k.displayName="Widgets.SupernovaThreeVector";exports.default=k;

package/dist/SupernovaThreeVector.js

@@ -13,12 +13,12 @@ const Z = ({
   binnedImages: $,
   step: s = 100
 }) => {
-  const { t: m } = E(), i = {
+  const { t: m } = E(), o = {
     top: 30,
     bottom: 30,
     left: 50,
     right: 0
-  }, d = "skyMapDescription", a = 600, p = a / 1.6, j = [i.left, a - i.right], I = [p - i.bottom, i.top], u = 6, x = 7, b = 0, V = C(t, (e) => e.value) || Math.max(...t.map(({ value: e }) => e)), c = N(t, (e) => e.bin) || 0, o = C(t, (e) => e.bin) || Math.max(...t.map(({ bin: e }) => e)), h = M(c, o, u), v = M(b, V || b, x), f = L(h, j), A = L(v, I), [n, y] = z([c, o]), g = 15, B = `calc(${i.left / a * 100}% - ${g}px)`, H = `calc(${(1 - f(o) / a) * 100}% - ${g}px)`, S = t.map(
+  }, d = "skyMapDescription", c = 600, p = c / 1.6, j = [o.left, c - o.right], I = [p - o.bottom, o.top], u = 6, x = 7, h = 0, V = C(t, (e) => e.value) || Math.max(...t.map(({ value: e }) => e)), a = N(t, (e) => e.bin) || 0, i = C(t, (e) => e.bin) || Math.max(...t.map(({ bin: e }) => e)), v = M(a, i, u), b = M(h, V || h, x), f = L(v, j), A = L(b, I), [n, y] = z([a, i]), g = 15, B = `calc(${o.left / c * 100}% - ${g}px)`, H = `calc(${(1 - f(i) / c) * 100}% - ${g}px)`, S = t.map(
     ({ bin: e }) => R(e, n[0], n[1])
   ), k = _.filter(
     ({ distance: e }) => R(e, n[0], n[1] + s)
@@ -32,15 +32,15 @@ const Z = ({
           {
             data: t,
             activeRange: n,
-            xDomain: h,
-            yDomain: v,
+            xDomain: v,
+            yDomain: b,
             xScale: f,
             yScale: A,
             yTicks: x,
             xTicks: u,
             step: s,
-            margin: i,
-            width: a,
+            margin: o,
+            width: c,
             height: p
           }
         )
@@ -55,15 +55,14 @@ const Z = ({
           children: /* @__PURE__ */ r(
             U,
             {
-              min: c,
-              max: o,
+              min: a,
+              max: i,
               step: s,
               value: n,
               ariaValuetext: ({ valueNow: e }) => m("supernova_three_vector.slider.valueLabel", { value: e }),
-              label: "distanceSlider",
               color: "var(--turquoise85,#12726D)",
-              minLabel: `${c} kpc`,
-              maxLabel: `${o} kpc`,
+              minLabel: `${a} kpc`,
+              maxLabel: `${i} kpc`,
               onChangeCallback: (e) => Array.isArray(e) && y(e)
             }
           )
@@ -84,7 +83,7 @@ const Z = ({
       /* @__PURE__ */ r(
         Y,
         {
-          onResetCallback: () => y([c, o])
+          onResetCallback: () => y([a, i])
         }
       )
     ] }),

package/dist/atomic/Blinker/Blinker.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent, PropsWithChildren } from "react";
-import { ImageShape } from "@rubin-epo/epo-react-lib/Image";
+import { FunctionComponent, PropsWithChildren } from 'react';
+import { ImageShape } from '@rubin-epo/epo-react-lib/Image';
+
 export interface BlinkerProps {
     images: ImageShape[];
     activeIndex: number;

package/dist/atomic/Blinker/Controls/Controls.d.ts

@@ -1,4 +1,5 @@
-import { FunctionComponent, MouseEventHandler } from "react";
+import { FunctionComponent, MouseEventHandler } from 'react';
+
 export interface ControlsProps {
     playing: boolean;
     handleStartStop: MouseEventHandler<HTMLButtonElement>;