@rubin-epo/epo-widget-lib 0.8.0 → 0.9.0

package/dist/Charts.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./charts/Base/index.cjs"),i=require("./charts/XAxis/index.cjs"),t=require("./charts/YAxis/index.cjs"),n=require("./charts/Guidelines/index.cjs"),r=require("./charts/Points/index.cjs"),u=require("./charts/Tooltip/index.cjs"),d=require("./charts/ClippingContainer/index.cjs"),o=require("./charts/Bars/index.cjs");exports.Base=e.default;exports.XAxis=i.default;exports.YAxis=t.default;exports.Guidelines=n.default;exports.Points=r.default;exports.Tooltip=u.default;exports.ClippingContainer=d.default;exports.Bars=o.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./charts/Base/index.cjs"),i=require("./charts/XAxis/index.cjs"),t=require("./charts/YAxis/index.cjs"),n=require("./charts/Guidelines/index.cjs"),r=require("./charts/Points/index.cjs"),u=require("./charts/Tooltip/index.cjs"),d=require("./charts/ClippingContainer/index.cjs"),o=require("./charts/Bars/index.cjs"),s=require("./charts/Viewport/index.cjs"),l=require("./charts/ForeignObject/index.cjs");exports.Base=e.default;exports.XAxis=i.default;exports.YAxis=t.default;exports.Guidelines=n.default;exports.Points=r.default;exports.Tooltip=u.default;exports.ClippingContainer=d.default;exports.Bars=o.default;exports.Viewport=s.default;exports.ForeignObject=l.default;

package/dist/Charts.js

@@ -1,18 +1,22 @@
-import { default as a } from "./charts/Base/index.js";
-import { default as r } from "./charts/XAxis/index.js";
+import { default as t } from "./charts/Base/index.js";
+import { default as a } from "./charts/XAxis/index.js";
 import { default as s } from "./charts/YAxis/index.js";
-import { default as p } from "./charts/Guidelines/index.js";
+import { default as l } from "./charts/Guidelines/index.js";
 import { default as d } from "./charts/Points/index.js";
 import { default as u } from "./charts/Tooltip/index.js";
 import { default as n } from "./charts/ClippingContainer/index.js";
-import { default as B } from "./charts/Bars/index.js";
+import { default as A } from "./charts/Bars/index.js";
+import { default as C } from "./charts/Viewport/index.js";
+import { default as c } from "./charts/ForeignObject/index.js";
 export {
-  B as Bars,
-  a as Base,
+  A as Bars,
+  t as Base,
   n as ClippingContainer,
-  p as Guidelines,
+  c as ForeignObject,
+  l as Guidelines,
   d as Points,
   u as Tooltip,
-  r as XAxis,
+  C as Viewport,
+  a as XAxis,
   s as YAxis
 };

package/dist/ColorTool.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),O=require("react-i18next"),W=require("./widgets/ColorTool/lib/utils.cjs"),l=require("./widgets/ColorTool/styles.cjs"),H=require("@rubin-epo/epo-react-lib/SelectListbox"),R=require("./widgets/ColorTool/Actions/index.cjs"),y=require("./widgets/ColorTool/ImageComposite/ImageComposite.cjs"),$=require("./widgets/ColorTool/FilterControls/FilterControls.cjs"),v=o=>o&&o.__esModule?o:{default:o},N=v(H),p=({data:o,objectOptions:T=[],selectedData:d,colorOptions:L=[],selectionCallback:r,isDisabled:u=!1,isDisplayOnly:C=!1,className:x,config:S={actions:["reset"],width:600,height:600,hideSubtitle:!1}})=>{const _={actions:["reset"],width:600,height:600,hideSubtitle:!1},h=m.useRef(null),{t:s}=O.useTranslation(),{filters:i,name:n}=d,{actions:q,width:a,height:c,hideSubtitle:F}={..._,...S};if(C)return e.jsx(y.default,{ref:h,filters:i,width:a,height:c,selectedObjectName:n,className:x});const w=t=>{const{label:f}=t,{filters:b}=d,M=b.map(g=>g.label===f?t:g);return r&&r({...d,filters:M})},I=t=>{if(t)return r&&r({name:t,filters:W.getDataFiltersByName(o,t)})},j=o.length>1,B=s("colorTool.actions.select_an_object");return e.jsx(l.WidgetContainer,{className:x,children:e.jsxs(l.WidgetLayout,{style:{"--image-width":typeof a=="number"?`${a}px`:a,"--image-height":typeof c=="number"?`${c}px`:c},children:[n&&j&&e.jsx(l.Title,{children:!F&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:s("colorTool.labels.object")}),e.jsx("dd",{children:n})]})}),e.jsxs(l.ControlsContainer,{children:[i&&e.jsxs(e.Fragment,{children:[e.jsx(l.ToolsHeader,{id:"filterLabel",children:s("colorTool.labels.filter")}),e.jsx(l.ToolsHeader,{id:"colorLabel",children:s("colorTool.labels.color")}),e.jsx(l.ToolsHeader,{id:"intensityLabel",children:s("colorTool.labels.color_intensity")})]}),i&&i.map(t=>{const{label:f,isDisabled:b}=t;return m.createElement($.default,{filter:t,colorOptions:L,key:`filter-${f}`,isDisabled:u||b,onChangeFilterCallback:w,buttonLabelledById:"filterLabel",selectLabelledById:"colorLabel",sliderLabelledById:"intensityLabel"})})]}),e.jsx(y.default,{ref:h,filters:i,width:a,height:c,selectedObjectName:n,children:j&&e.jsx(l.SelectionContainer,{children:e.jsx(N.default,{id:"astroObjectSelector",placeholder:B,options:T,onChangeCallback:I,value:n,isDisabled:u,width:"100%",maxWidth:"100%"})})}),e.jsx(R.default,{actions:q,canvas:h.current,selectedData:d,isDisabled:u,selectionCallback:r})]})})};p.displayName="Widgets.ColorTool";exports.default=p;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react"),W=require("react-i18next"),H=require("./widgets/ColorTool/lib/utils.cjs"),l=require("./widgets/ColorTool/styles.cjs"),R=require("@rubin-epo/epo-react-lib/SelectListbox"),$=require("./widgets/ColorTool/Actions/index.cjs"),p=require("./widgets/ColorTool/ImageComposite/ImageComposite.cjs"),v=require("./widgets/ColorTool/FilterControls/FilterControls.cjs"),D=o=>o&&o.__esModule?o:{default:o},N=D(R),T=({data:o,objectOptions:L=[],selectedData:d,colorOptions:C=[],selectionCallback:n,isDisabled:u=!1,isDisplayOnly:S=!1,className:x,config:_={actions:["reset"],width:600,height:600,hideSubtitle:!1}})=>{const q={actions:["reset"],width:600,height:600,hideSubtitle:!1},h=y.useRef(null),{t:a}=W.useTranslation(),{filters:r,name:c}=d,{actions:F,width:s,height:i,hideSubtitle:w}={...q,..._},j=r.map(({image:t})=>({url:t,width:s,height:i}));if(S)return e.jsx(p.default,{ref:h,isDisplayOnly:!0,filters:r,width:s,height:i,selectedObjectName:c,className:x,images:j});const I=t=>{const{label:f}=t,{filters:b}=d,M=b.map(m=>m.label===f?t:m);return n&&n({...d,filters:M})},O=t=>{if(t)return n&&n({name:t,filters:H.getDataFiltersByName(o,t)})},g=o.length>1,B=a("colorTool.actions.select_an_object");return e.jsx(l.WidgetContainer,{className:x,children:e.jsxs(l.WidgetLayout,{style:{"--image-width":typeof s=="number"?`${s}px`:s,"--image-height":typeof i=="number"?`${i}px`:i},children:[c&&g&&e.jsx(l.Title,{children:!w&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:a("colorTool.labels.object")}),e.jsx("dd",{children:c})]})}),e.jsxs(l.ControlsContainer,{children:[r&&e.jsxs(e.Fragment,{children:[e.jsx(l.ToolsHeader,{id:"filterLabel",children:a("colorTool.labels.filter")}),e.jsx(l.ToolsHeader,{id:"colorLabel",children:a("colorTool.labels.color")}),e.jsx(l.ToolsHeader,{id:"intensityLabel",children:a("colorTool.labels.color_intensity")})]}),r&&r.map(t=>{const{label:f,isDisabled:b}=t;return y.createElement(v.default,{filter:t,colorOptions:C,key:`filter-${f}`,isDisabled:u||b,onChangeFilterCallback:I,buttonLabelledById:"filterLabel",selectLabelledById:"colorLabel",sliderLabelledById:"intensityLabel"})})]}),e.jsx(p.default,{ref:h,filters:r,width:s,height:i,selectedObjectName:c,images:j,children:g&&e.jsx(l.SelectionContainer,{children:e.jsx(N.default,{id:"astroObjectSelector",placeholder:B,options:L,onChangeCallback:O,value:c,isDisabled:u,width:"100%",maxWidth:"100%"})})}),e.jsx($.default,{actions:F,canvas:h.current,selectedData:d,isDisabled:u,selectionCallback:n})]})})};T.displayName="Widgets.ColorTool";exports.default=T;

package/dist/ColorTool.js

@@ -1,93 +1,95 @@
 "use client";
-import { jsx as e, jsxs as c, Fragment as L } from "react/jsx-runtime";
-import { useRef as $, createElement as N } from "react";
-import { useTranslation as R } from "react-i18next";
-import { getDataFiltersByName as A } from "./widgets/ColorTool/lib/utils.js";
+import { jsx as e, jsxs as c, Fragment as C } from "react/jsx-runtime";
+import { useRef as N, createElement as R } from "react";
+import { useTranslation as A } from "react-i18next";
+import { getDataFiltersByName as D } from "./widgets/ColorTool/lib/utils.js";
 import { WidgetContainer as E, WidgetLayout as H, Title as M, ControlsContainer as P, ToolsHeader as b, SelectionContainer as q } from "./widgets/ColorTool/styles.js";
 import v from "@rubin-epo/epo-react-lib/SelectListbox";
 import z from "./widgets/ColorTool/Actions/index.js";
-import C from "./widgets/ColorTool/ImageComposite/ImageComposite.js";
-import D from "./widgets/ColorTool/FilterControls/FilterControls.js";
-const G = ({
+import T from "./widgets/ColorTool/ImageComposite/ImageComposite.js";
+import G from "./widgets/ColorTool/FilterControls/FilterControls.js";
+const J = ({
   data: p,
-  objectOptions: T = [],
+  objectOptions: j = [],
   selectedData: a,
-  colorOptions: j = [],
-  selectionCallback: o,
+  colorOptions: x = [],
+  selectionCallback: i,
   isDisabled: d = !1,
-  isDisplayOnly: x = !1,
+  isDisplayOnly: S = !1,
   className: u,
-  config: S = {
+  config: F = {
     actions: ["reset"],
     width: 600,
     height: 600,
     hideSubtitle: !1
   }
 }) => {
-  const F = {
+  const w = {
     actions: ["reset"],
     width: 600,
     height: 600,
     hideSubtitle: !1
-  }, h = $(null), { t: l } = R(), { filters: r, name: i } = a, { actions: w, width: n, height: s, hideSubtitle: B } = {
-    ...F,
-    ...S
-  };
-  if (x)
+  }, h = N(null), { t: n } = A(), { filters: o, name: s } = a, { actions: B, width: l, height: r, hideSubtitle: I } = {
+    ...w,
+    ...F
+  }, g = o.map(({ image: t }) => ({ url: t, width: l, height: r }));
+  if (S)
     return /* @__PURE__ */ e(
-      C,
+      T,
       {
         ref: h,
-        filters: r,
-        width: n,
-        height: s,
-        selectedObjectName: i,
-        className: u
+        isDisplayOnly: !0,
+        filters: o,
+        width: l,
+        height: r,
+        selectedObjectName: s,
+        className: u,
+        images: g
       }
     );
-  const I = (t) => {
-    const { label: m } = t, { filters: f } = a, _ = f.map(
-      (y) => y.label === m ? t : y
+  const O = (t) => {
+    const { label: m } = t, { filters: f } = a, $ = f.map(
+      (L) => L.label === m ? t : L
     );
-    return o && o({
+    return i && i({
       ...a,
-      filters: _
+      filters: $
     });
   }, W = (t) => {
     if (t)
-      return o && o({
+      return i && i({
         name: t,
-        filters: A(p, t)
+        filters: D(p, t)
       });
-  }, g = p.length > 1, O = l("colorTool.actions.select_an_object");
+  }, y = p.length > 1, _ = n("colorTool.actions.select_an_object");
   return /* @__PURE__ */ e(E, { className: u, children: /* @__PURE__ */ c(
     H,
     {
       style: {
-        "--image-width": typeof n == "number" ? `${n}px` : n,
-        "--image-height": typeof s == "number" ? `${s}px` : s
+        "--image-width": typeof l == "number" ? `${l}px` : l,
+        "--image-height": typeof r == "number" ? `${r}px` : r
       },
       children: [
-        i && g && /* @__PURE__ */ e(M, { children: !B && /* @__PURE__ */ c(L, { children: [
-          /* @__PURE__ */ e("dt", { children: l("colorTool.labels.object") }),
-          /* @__PURE__ */ e("dd", { children: i })
+        s && y && /* @__PURE__ */ e(M, { children: !I && /* @__PURE__ */ c(C, { children: [
+          /* @__PURE__ */ e("dt", { children: n("colorTool.labels.object") }),
+          /* @__PURE__ */ e("dd", { children: s })
         ] }) }),
         /* @__PURE__ */ c(P, { children: [
-          r && /* @__PURE__ */ c(L, { children: [
-            /* @__PURE__ */ e(b, { id: "filterLabel", children: l("colorTool.labels.filter") }),
-            /* @__PURE__ */ e(b, { id: "colorLabel", children: l("colorTool.labels.color") }),
-            /* @__PURE__ */ e(b, { id: "intensityLabel", children: l("colorTool.labels.color_intensity") })
+          o && /* @__PURE__ */ c(C, { children: [
+            /* @__PURE__ */ e(b, { id: "filterLabel", children: n("colorTool.labels.filter") }),
+            /* @__PURE__ */ e(b, { id: "colorLabel", children: n("colorTool.labels.color") }),
+            /* @__PURE__ */ e(b, { id: "intensityLabel", children: n("colorTool.labels.color_intensity") })
           ] }),
-          r && r.map((t) => {
+          o && o.map((t) => {
             const { label: m, isDisabled: f } = t;
-            return /* @__PURE__ */ N(
-              D,
+            return /* @__PURE__ */ R(
+              G,
               {
                 filter: t,
-                colorOptions: j,
+                colorOptions: x,
                 key: `filter-${m}`,
                 isDisabled: d || f,
-                onChangeFilterCallback: I,
+                onChangeFilterCallback: O,
                 buttonLabelledById: "filterLabel",
                 selectLabelledById: "colorLabel",
                 sliderLabelledById: "intensityLabel"
@@ -96,21 +98,22 @@ const G = ({
           })
         ] }),
         /* @__PURE__ */ e(
-          C,
+          T,
           {
             ref: h,
-            filters: r,
-            width: n,
-            height: s,
-            selectedObjectName: i,
-            children: g && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+            filters: o,
+            width: l,
+            height: r,
+            selectedObjectName: s,
+            images: g,
+            children: y && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
               v,
               {
                 id: "astroObjectSelector",
-                placeholder: O,
-                options: T,
+                placeholder: _,
+                options: j,
                 onChangeCallback: W,
-                value: i,
+                value: s,
                 isDisabled: d,
                 width: "100%",
                 maxWidth: "100%"
@@ -121,18 +124,18 @@ const G = ({
         /* @__PURE__ */ e(
           z,
           {
-            actions: w,
+            actions: B,
             canvas: h.current,
             selectedData: a,
             isDisabled: d,
-            selectionCallback: o
+            selectionCallback: i
           }
         )
       ]
     }
   ) });
 };
-G.displayName = "Widgets.ColorTool";
+J.displayName = "Widgets.ColorTool";
 export {
-  G as default
+  J as default
 };

package/dist/LightCurvePlot.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./widgets/LightCurvePlot/PlotWithoutCurve/index.cjs"),t=require("./widgets/LightCurvePlot/PlotWithCurve/index.cjs");exports.ObservationsPlot=e.default;exports.ObservationsPlotWithCurve=t.default;

package/dist/LightCurvePlot.d.ts

@@ -0,0 +1 @@
+export * from './widgets/LightCurvePlot/index'

package/dist/LightCurvePlot.js

@@ -0,0 +1,6 @@
+import { default as e } from "./widgets/LightCurvePlot/PlotWithoutCurve/index.js";
+import { default as a } from "./widgets/LightCurvePlot/PlotWithCurve/index.js";
+export {
+  e as ObservationsPlot,
+  a as ObservationsPlotWithCurve
+};

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

package/dist/SupernovaThreeVector.js

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

package/dist/atomic/Button/patterns/Reset.js

@@ -2,28 +2,28 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import c from "@rubin-epo/epo-react-lib/Button";
-const o = ({
-  isDisabled: e,
+const e = ({
+  isDisabled: o,
   onResetCallback: t,
-  className: n
+  className: i
 }) => {
-  const { t: i } = r();
+  const { t: n } = r();
   return /* @__PURE__ */ s(
     c,
     {
       style: { "--button-text-align": "left" },
-      disabled: e,
+      disabled: o,
       icon: "RotateLeftWithCenter",
       iconSize: "2em",
       onClick: () => t && t(),
-      className: n,
+      className: i,
       isBlock: !0,
-      children: i("colorTool.actions.reset")
+      children: n("colorTool.actions.reset")
     }
   );
 };
-o.displayName = "Atomic.Button.Reset";
-const a = o;
+e.displayName = "Atomic.Button.Reset";
+const a = e;
 export {
   a as default
 };

package/dist/atomic/LiveRegion/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),s=require("./styles.cjs"),e=({id:i,children:t})=>r.jsx(s.OffscreenLabel,{"aria-live":"polite",id:i,children:t});e.displayName="Atomic.LiveRegion";exports.default=e;

package/dist/atomic/LiveRegion/index.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent, PropsWithChildren } from "react";
+declare const LiveRegion: FunctionComponent<PropsWithChildren<{
+    id: string;
+}>>;
+export default LiveRegion;

package/dist/atomic/LiveRegion/index.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { OffscreenLabel as r } from "./styles.js";
+const t = ({
+  id: e,
+  children: i
+}) => /* @__PURE__ */ o(r, { "aria-live": "polite", id: e, children: i });
+t.displayName = "Atomic.LiveRegion";
+export {
+  t as default
+};

package/dist/charts/Base/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("./styles.cjs"),o=({width:r=900,height:t=300,minX:n=0,minY:l=0,verticalLabel:i,verticalLabelId:u,horizontalLabel:a,horizontalLabelId:c,children:d,className:x})=>e.jsxs(s.ChartContainer,{children:[i&&e.jsx(s.VerticalLabel,{id:u,children:i}),e.jsx(s.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`${n} ${l} ${r} ${t}`,className:x,style:{"--aspect-ratio":`${r} / ${t}`,"--min-width":`${r}px`},role:"group",children:d}),a&&e.jsx(s.HorizontalLabel,{id:c,children:a})]});o.displayName="Charts.Base";const p=o;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("./styles.cjs"),o=({width:r=900,height:t=300,minX:u=0,minY:c=0,verticalLabel:i,verticalLabelId:a,horizontalLabel:n,horizontalLabelId:d,children:l,className:x})=>e.jsxs(s.ChartContainer,{children:[i&&e.jsx(s.VerticalLabel,{id:a,"aria-hidden":!!a,children:i}),e.jsx(s.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`${u} ${c} ${r} ${t}`,className:x,style:{"--aspect-ratio":`${r} / ${t}`,"--min-width":`${r}px`},role:"group",children:l}),n&&e.jsx(s.HorizontalLabel,{id:d,"aria-hidden":!!d,children:n})]});o.displayName="Charts.Base";const p=o;exports.default=p;

package/dist/charts/Base/index.js

@@ -1,36 +1,50 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { ChartContainer as $, VerticalLabel as x, SVG as B, HorizontalLabel as C } from "./styles.js";
-const i = ({
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { ChartContainer as x, VerticalLabel as B, SVG as C, HorizontalLabel as f } from "./styles.js";
+const d = ({
   width: e = 900,
-  height: s = 300,
-  minX: o = 0,
-  minY: n = 0,
-  verticalLabel: t,
-  verticalLabelId: p,
-  horizontalLabel: a,
-  horizontalLabelId: d,
-  children: c,
-  className: l
-}) => /* @__PURE__ */ m($, { children: [
-  t && /* @__PURE__ */ r(x, { id: p, children: t }),
-  /* @__PURE__ */ r(
+  height: i = 300,
+  minX: n = 0,
+  minY: p = 0,
+  verticalLabel: s,
+  verticalLabelId: a,
+  horizontalLabel: t,
+  horizontalLabelId: o,
+  children: m,
+  className: $
+}) => /* @__PURE__ */ c(x, { children: [
+  s && /* @__PURE__ */ r(
     B,
+    {
+      id: a,
+      "aria-hidden": !!a,
+      children: s
+    }
+  ),
+  /* @__PURE__ */ r(
+    C,
     {
       preserveAspectRatio: "xMidYMid meet",
-      viewBox: `${o} ${n} ${e} ${s}`,
-      className: l,
+      viewBox: `${n} ${p} ${e} ${i}`,
+      className: $,
       style: {
-        "--aspect-ratio": `${e} / ${s}`,
+        "--aspect-ratio": `${e} / ${i}`,
         "--min-width": `${e}px`
       },
       role: "group",
-      children: c
+      children: m
     }
   ),
-  a && /* @__PURE__ */ r(C, { id: d, children: a })
+  t && /* @__PURE__ */ r(
+    f,
+    {
+      id: o,
+      "aria-hidden": !!o,
+      children: t
+    }
+  )
 ] });
-i.displayName = "Charts.Base";
-const h = i;
+d.displayName = "Charts.Base";
+const u = d;
 export {
-  h as default
+  u as default
 };

package/dist/charts/Base/styles.cjs

@@ -1,10 +1,13 @@
 "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},t=l(a),r=t.default.div`
+  --label-gutter: 2em;
+
   display: grid;
-  grid-template-columns: min-content 1fr;
-  grid-template-rows: 1fr min-content;
+  grid-template-columns: var(--label-gutter) 1fr;
+  grid-template-rows: 1fr var(--label-gutter);
   grid-template-areas:
     "vertical-label chart"
     ". horizontal-label";
+  padding-inline-end: var(--label-gutter);
 `,i=t.default.span`
   font-size: 80%;
   grid-area: horizontal-label;