@rubin-epo/epo-widget-lib 1.0.0-beta.2 → 1.0.0

package/dist/IsochronePlot.js

@@ -17,12 +17,12 @@ import at from "./widgets/IsochronePlot/Controls/index.js";
 import e from "./widgets/IsochronePlot/defaults.js";
 import mt from "./widgets/IsochronePlot/A11Y/CurveFit.js";
 import { PlotWrapper as lt } from "./atomic/PlotWrapper/styles.js";
-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, Bt = ({
+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: I,
-  isDisplayOnly: k = !1,
-  isLoading: B,
+  ageLibrary: B,
+  isDisplayOnly: I = !1,
+  isLoading: k,
   xAxis: D,
   yAxis: T,
   name: E,
@@ -31,7 +31,7 @@ const pt = (r) => r ? r < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md
   const { ref: K, width: M } = Y(), {
     t: p,
     i18n: { language: h }
-  } = X(), [j, w] = Q(!0), x = U(), s = !B && !j, C = { top: 0, right: 0, bottom: 20, left: 20 }, { width: c, height: d } = e, { ages: b = {} } = I, t = Object.keys(b).sort(
+  } = 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,
@@ -163,11 +163,11 @@ const pt = (r) => r ? r < parseFloat(W("BREAK_PHABLET_MIN")) ? e.pointRadius.md
         }
       ),
       isLoading: !s,
-      isDisplayOnly: k,
+      isDisplayOnly: I,
       controlsId: x
     }
   );
 };
 export {
-  Bt as default
+  kt as default
 };

package/dist/charts/Readout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("@rubin-epo/epo-react-lib/styles"),d=require("../Viewport/index.cjs"),y=require("../ForeignObject/index.cjs");require("../ScatterPlot/index.cjs");const o=require("./styles.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(y.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(d.default,{...s,children:l}):l};c.displayName="Charts.Readout";exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("@rubin-epo/epo-react-lib/styles"),d=require("../Viewport/index.cjs"),y=require("../ForeignObject/index.cjs"),o=require("./styles.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(y.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(d.default,{...s,children:l}):l};c.displayName="Charts.Readout";exports.default=c;

package/dist/charts/Readout/index.js

@@ -2,10 +2,9 @@ import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { ScreenreaderText as c } from "@rubin-epo/epo-react-lib/styles";
 import m from "../Viewport/index.js";
 import f from "../ForeignObject/index.js";
-import "../ScatterPlot/index.js";
 import { DisplayContainer as u, Display as d } from "./styles.js";
 const p = (n = "") => {
-  const o = ["top", "right"], s = ["center", "center"], i = n ? [...n.split(" "), ...s].slice(0, 2) : o, t = {
+  const s = ["top", "right"], o = ["center", "center"], i = n ? [...n.split(" "), ...o].slice(0, 2) : s, t = {
     justifyContent: null,
     alignItems: null
   };
@@ -30,19 +29,19 @@ const p = (n = "") => {
   }), t;
 }, y = ({
   className: n,
-  children: o,
-  position: s,
+  children: s,
+  position: o,
   viewport: i,
   forIds: t,
   forScreenreaders: r
 }) => {
-  const a = /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(u, { style: p(s), children: /* @__PURE__ */ l(
+  const a = /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(u, { style: p(o), children: /* @__PURE__ */ l(
     d,
     {
       form: Array.isArray(t) ? t.join(" ") : t,
       className: n,
       children: [
-        /* @__PURE__ */ e("span", { "aria-hidden": !!r, children: o }),
+        /* @__PURE__ */ e("span", { "aria-hidden": !!r, children: s }),
         /* @__PURE__ */ e(c, { children: r })
       ]
     }

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"),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"),R=require("../hooks/useAxis.cjs"),Y=require("./styles.cjs"),H=require("../defaults.cjs"),Z=require("../canvas/Points/index.cjs"),w=require("../../lib/utils.cjs"),A={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],[i,j,t]=R.default({...l,range:f}),[r,S,s]=R.default({...c,range:b}),m=s(r[0]),g=t(i[0]),I=s(r[1]),_=t(i[1]),k="x-axis-label",L="y-axis-label",N=Math.abs(f[1]-f[0]),W=Math.abs(b[1]-b[0]),F=A[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:m,yEnd:I,xStart:g,xEnd:_,yDomain:r,xDomain:i};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:S,x:g,labelledById:L,yDomain:r,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:i,yDomain:r,xScale:t,yScale:s}),c.guidelines&&n.jsx($.default,{guides:S.length,xDomain:i,yDomain:r,xScale:t,yScale:s}),y?y(G):P]}),n.jsx(K.default,{ticks:j,y:m,labelledById:k,xDomain:i,xScale:t}),a&&!w.isSafari()&&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"),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"),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:B,className:C,xAxis:c,yAxis:l,width:d,height:u,title:D,activePointId:T,margins:p,tooltip:a,onLoadedCallback:z,renderer:E="svg",plotChildren:y})=>{const[q,h]=J.useState(),{label:O,points:x}=B,o={...H.default.margins,...p},e=typeof q<"u"?x[q]:x.find(({id:v})=>v===T),f=[0+o.left,d-o.right],b=[u-o.bottom,0+o.top],[r,j,t]=R.default({...c,range:f}),[i,S,s]=R.default({...l,range:b}),m=s(i[0]),g=t(r[0]),I=s(i[1]),_=t(r[1]),P="x-axis-label",k="y-axis-label",N=Math.abs(f[1]-f[0]),W=Math.abs(b[1]-b[0]),F=w[E],L=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:z}),G={Data:L,xScale:t,yScale:s,yStart:m,yEnd:I,xStart:g,xEnd:_,yDomain:i,xDomain:r};return n.jsxs(Y.Chart,{verticalLabel:l.label,verticalLabelId:k,horizontalLabel:c.label,horizontalLabelId:P,className:C,width:d,height:u,title:D,children:[n.jsx(Q.default,{ticks:S,x:g,labelledById:k,yDomain:i,yScale:s}),n.jsxs(X.default,{x:g,y:I,width:N,height:W,children:[c.guidelines&&n.jsx($.default,{guides:j.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),l.guidelines&&n.jsx($.default,{guides:S.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):L]}),n.jsx(K.default,{ticks:j,y:m,labelledById:P,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";const A=M;exports.default=A;

package/dist/charts/ScatterPlot/index.js

@@ -1,131 +1,130 @@
 "use client";
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import { useState as F } from "react";
-import J from "../XAxis/index.js";
-import K from "../YAxis/index.js";
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { useState as J } from "react";
+import K from "../XAxis/index.js";
+import Q 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 D from "../hooks/useAxis.js";
-import { Chart as Z } from "./styles.js";
-import T from "../defaults.js";
-import _ from "../canvas/Points/index.js";
-import { isSafari as $ } from "../../lib/utils.js";
+import U from "../Points/index.js";
+import V from "../Tooltip/index.js";
+import Z from "../ClippingContainer/index.js";
+import B from "../hooks/useAxis.js";
+import { Chart as _ } from "./styles.js";
+import D from "../defaults.js";
+import $ from "../canvas/Points/index.js";
 const w = {
-  svg: Q,
-  canvas: _
-}, tt = ({
+  svg: U,
+  canvas: $
+}, T = ({
   data: j,
   className: z,
-  xAxis: l,
-  yAxis: c,
+  xAxis: c,
+  yAxis: l,
   width: d,
   height: m,
-  title: B,
-  activePointId: E,
-  margins: M,
+  title: E,
+  activePointId: M,
+  margins: A,
   tooltip: n,
-  onLoadedCallback: A,
-  renderer: G = "svg",
+  onLoadedCallback: G,
+  renderer: N = "svg",
   plotChildren: x
 }) => {
-  const [y, h] = F(), { label: N, points: f } = j, r = { ...T.margins, ...M }, t = typeof y < "u" ? f[y] : f.find(({ id: v }) => v === E), b = [0 + r.left, d - r.right], g = [m - r.bottom, 0 + r.top], [a, S, o] = D({ ...l, range: b }), [i, I, e] = D({ ...c, range: g }), P = e(i[0]), p = o(a[0]), k = e(i[1]), O = o(a[1]), C = "x-axis-label", L = "y-axis-label", W = Math.abs(b[1] - b[0]), X = Math.abs(g[1] - g[0]), Y = w[G], H = /* @__PURE__ */ s(
-    Y,
+  const [y, h] = J(), { label: O, points: f } = j, r = { ...D.margins, ...A }, t = typeof y < "u" ? f[y] : f.find(({ id: p }) => p === M), b = [0 + r.left, d - r.right], g = [m - r.bottom, 0 + r.top], [s, P, e] = B({ ...c, range: b }), [a, S, o] = B({ ...l, range: g }), I = o(a[0]), v = e(s[0]), k = o(a[1]), W = e(s[1]), C = "x-axis-label", L = "y-axis-label", X = Math.abs(b[1] - b[0]), Y = Math.abs(g[1] - g[0]), q = w[N], H = /* @__PURE__ */ i(
+    q,
     {
       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,
-      label: N,
-      onLoadedCallback: A
+      xScale: e,
+      yScale: o,
+      label: O,
+      onLoadedCallback: G
     }
-  ), q = {
+  ), F = {
     Data: H,
-    xScale: o,
-    yScale: e,
-    yStart: P,
+    xScale: e,
+    yScale: o,
+    yStart: I,
     yEnd: k,
-    xStart: p,
-    xEnd: O,
-    yDomain: i,
-    xDomain: a
+    xStart: v,
+    xEnd: W,
+    yDomain: a,
+    xDomain: s
   };
   return /* @__PURE__ */ u(
-    Z,
+    _,
     {
-      verticalLabel: c.label,
+      verticalLabel: l.label,
       verticalLabelId: L,
-      horizontalLabel: l.label,
+      horizontalLabel: c.label,
       horizontalLabelId: C,
       className: z,
       width: d,
       height: m,
-      title: B,
+      title: E,
       children: [
-        /* @__PURE__ */ s(
-          K,
+        /* @__PURE__ */ i(
+          Q,
           {
-            ticks: I,
-            x: p,
+            ticks: S,
+            x: v,
             labelledById: L,
-            yDomain: i,
-            yScale: e
+            yDomain: a,
+            yScale: o
           }
         ),
         /* @__PURE__ */ u(
-          V,
+          Z,
           {
-            x: p,
+            x: v,
             y: k,
-            width: W,
-            height: X,
+            width: X,
+            height: Y,
             children: [
-              l.guidelines && /* @__PURE__ */ s(
+              c.guidelines && /* @__PURE__ */ i(
                 R,
                 {
-                  guides: S.length,
+                  guides: P.length,
                   direction: "vertical",
-                  xDomain: a,
-                  yDomain: i,
-                  xScale: o,
-                  yScale: e
+                  xDomain: s,
+                  yDomain: a,
+                  xScale: e,
+                  yScale: o
                 }
               ),
-              c.guidelines && /* @__PURE__ */ s(
+              l.guidelines && /* @__PURE__ */ i(
                 R,
                 {
-                  guides: I.length,
-                  xDomain: a,
-                  yDomain: i,
-                  xScale: o,
-                  yScale: e
+                  guides: S.length,
+                  xDomain: s,
+                  yDomain: a,
+                  xScale: e,
+                  yScale: o
                 }
               ),
-              x ? x(q) : H
+              x ? x(F) : H
             ]
           }
         ),
-        /* @__PURE__ */ s(
-          J,
+        /* @__PURE__ */ i(
+          K,
           {
-            ticks: S,
-            y: P,
+            ticks: P,
+            y: I,
             labelledById: C,
-            xDomain: a,
-            xScale: o
+            xDomain: s,
+            xScale: e
           }
         ),
-        n && !$() && /* @__PURE__ */ u(
-          U,
+        n && /* @__PURE__ */ u(
+          V,
           {
-            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
@@ -136,7 +135,8 @@ const w = {
     }
   );
 };
-tt.displayName = "Charts.ScatterPlot";
+T.displayName = "Charts.ScatterPlot";
+const ft = T;
 export {
-  tt as default
+  ft as default
 };

package/dist/lib/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),c=t=>t&&t.__esModule?t:{default:t},m=c(d),o=c(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},p=(t,e,n)=>t>=e&&t<=n,M=(t=[],e=[])=>{const n=t[0]<e[0]?t:e,r=n===t?e:t;return n[1]<r[0]?null:[r[0],n[1]<r[1]?n[1]:r[1]]},A=t=>t[Math.round((t.length-1)/2)],S=(t=[0,1],e=[0,1],n)=>{const r={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...r,...n};return l=>{const a=t[1]-t[0];if(a===0)return(e[0]+e[1])/2;let u=(l-t[0])/a;return i&&(u=Math.min(Math.max(u,0),1)),Number((u*(e[1]-e[0])+e[0]).toFixed(s))}},_=()=>{if(typeof navigator>"u")return!1;const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>o.default(e)&&t?o.default(t)?e:t:e,y=(t,e)=>m.default({},e,t,f),D=(t,e=[0,0])=>t.reduce((n,{x:r,y:i},s)=>n+=`${s===0?"M":" L"}${r+e[0]},${i+e[1]}`,"");exports.between=p;exports.buildPath=D;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=S;exports.intersection=M;exports.isSafari=_;exports.mergeWithDefaults=y;exports.middle=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),o=t=>t&&t.__esModule?t:{default:t},m=o(d),c=o(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},M=(t,e,r)=>t>=e&&t<=r,p=(t=[],e=[])=>{const r=t[0]<e[0]?t:e,n=r===t?e:t;return r[1]<n[0]?null:[n[0],r[1]<n[1]?r[1]:n[1]]},A=t=>t[Math.round((t.length-1)/2)],S=(t=[0,1],e=[0,1],r)=>{const n={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...n,...r};return l=>{const a=t[1]-t[0];if(a===0)return(e[0]+e[1])/2;let u=(l-t[0])/a;return i&&(u=Math.min(Math.max(u,0),1)),Number((u*(e[1]-e[0])+e[0]).toFixed(s))}},_=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>c.default(e)&&t?c.default(t)?e:t:e,D=(t,e)=>m.default({},e,t,f),b=(t,e=[0,0])=>t.reduce((r,{x:n,y:i},s)=>r+=`${s===0?"M":" L"}${n+e[0]},${i+e[1]}`,"");exports.between=M;exports.buildPath=b;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=S;exports.intersection=p;exports.isSafari=_;exports.mergeWithDefaults=D;exports.middle=A;

package/dist/lib/utils.js

@@ -1,6 +1,6 @@
 import a from "lodash/mergeWith";
-import f from "lodash/isNil";
-const d = (t, e) => {
+import u from "lodash/isNil";
+const l = (t, e) => {
   switch (!0) {
     case t > e:
       return 0;
@@ -9,34 +9,32 @@ const d = (t, e) => {
     default:
       return t;
   }
-}, h = (t, e, n) => t >= e && t <= n, p = (t = [], e = []) => {
-  const n = t[0] < e[0] ? t : e, r = n === t ? e : t;
-  return n[1] < r[0] ? null : [r[0], n[1] < r[1] ? n[1] : r[1]];
-}, A = (t) => t[Math.round((t.length - 1) / 2)], M = (t = [0, 1], e = [0, 1], n) => {
-  const r = { clamp: !1, fractionDigits: 2 }, { clamp: i, fractionDigits: s } = { ...r, ...n };
-  return (u) => {
+}, d = (t, e, r) => t >= e && t <= r, p = (t = [], e = []) => {
+  const r = t[0] < e[0] ? t : e, n = r === t ? e : t;
+  return r[1] < n[0] ? null : [n[0], r[1] < n[1] ? r[1] : n[1]];
+}, A = (t) => t[Math.round((t.length - 1) / 2)], M = (t = [0, 1], e = [0, 1], r) => {
+  const n = { clamp: !1, fractionDigits: 2 }, { clamp: i, fractionDigits: s } = { ...n, ...r };
+  return (f) => {
     const c = t[1] - t[0];
     if (c === 0)
       return (e[0] + e[1]) / 2;
-    let o = (u - t[0]) / c;
+    let o = (f - t[0]) / c;
     return i && (o = Math.min(Math.max(o, 0), 1)), Number(
       (o * (e[1] - e[0]) + e[0]).toFixed(s)
     );
   };
-}, v = () => {
-  if (typeof navigator > "u")
-    return !1;
+}, x = () => {
   const t = navigator.userAgent.indexOf("Chrome") > -1;
   return navigator.userAgent.indexOf("Safari") > -1 && !t;
-}, m = (t, e) => f(e) && t ? f(t) ? e : t : e, x = (t, e) => a({}, e, t, m), D = (t, e = [0, 0]) => t.reduce((n, { x: r, y: i }, s) => n += `${s === 0 ? "M" : " L"}${r + e[0]},${i + e[1]}`, "");
+}, m = (t, e) => u(e) && t ? u(t) ? e : t : e, D = (t, e) => a({}, e, t, m), I = (t, e = [0, 0]) => t.reduce((r, { x: n, y: i }, s) => r += `${s === 0 ? "M" : " L"}${n + e[0]},${i + e[1]}`, "");
 export {
-  h as between,
-  D as buildPath,
+  d as between,
+  I as buildPath,
   m as defaultsMerger,
-  d as getClampedArrayIndex,
+  l as getClampedArrayIndex,
   M as getLinearScale,
   p as intersection,
-  v as isSafari,
-  x as mergeWithDefaults,
+  x as isSafari,
+  D as mergeWithDefaults,
   A as middle
 };

package/dist/widgets/LightCurvePlot/Plot/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),D=require("react-i18next"),f=require("d3-array"),M=require("../../../charts/ScatterPlot/index.cjs");require("../../../atomic/PlotWrapper/index.cjs");const m=require("../../../lib/utils.cjs"),u=require("../defaults.cjs"),_=require("./styles.cjs"),I=require("../../../atomic/PlotWrapper/styles.cjs"),O=(l,c,p)=>{const o={};return Object.keys(l).forEach(e=>{const r=e==="top"||e==="bottom"?p:c,n=`${e.charAt(0).toUpperCase()}${e.slice(1)}`;o[`padding${n}`]=`${l[e]/r*100}%`}),o},y=({data:l,activeAlertId:c,xMin:p,xMax:o,yMin:x,yMax:e,width:r=u.default.width,height:n=u.default.height,name:q,slider:d,className:A,plotChildren:g})=>{const{t:i,i18n:{language:v}}=D.useTranslation(),j=m.mergeWithDefaults({min:f.min(l,({x:t})=>t),max:f.max(l,({x:t})=>t)},u.default.xAxis),W=m.mergeWithDefaults({min:p,max:o,label:i("light_curve.plot.x_label")},{...j,label:i("isochrone_plot.plot.x_label")}),s=m.mergeWithDefaults({min:x,max:e,label:i("light_curve.plot.y_label")},{...u.default.yAxis,label:i("isochrone_plot.plot.y_label")}),h={top:10,right:10,bottom:25,left:40};return a.jsxs(I.PlotWrapper,{className:A,children:[a.jsx(M.default,{width:r,height:n,margins:h,activePointId:c,title:q,xAxis:{...W},yAxis:{...s,step:s.min<s.max?Math.abs(s.step):s.step},data:{label:i("light_curve.plot.plot_label"),points:l},tooltip:({y:t})=>i("light_curve.plot.tooltip",{magnitude:t.toLocaleString(v,{minimumFractionDigits:2,maximumFractionDigits:2})}),plotChildren:({xScale:t,yStart:P,yEnd:$,Data:b,...S})=>g?g({xScale:t,yStart:P,yEnd:$,Data:b,...S}):b}),d&&a.jsx(_.SliderOuterWrapper,{children:a.jsx(_.SliderInnerWrapper,{style:{...O(h,r,n)},children:d})})]})};y.displayName="Widgets.LightCurve.Plot";const C=y;exports.default=C;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),D=require("react-i18next"),_=require("d3-array"),M=require("../../../charts/ScatterPlot/index.cjs");require("../../../atomic/PlotWrapper/index.cjs");const m=require("../../../lib/utils.cjs"),c=require("../defaults.cjs"),x=require("./styles.cjs"),I=require("../../../atomic/PlotWrapper/styles.cjs"),O=(l,u,p)=>{const o={};return Object.keys(l).forEach(e=>{const n=e==="top"||e==="bottom"?p:u,a=`${e.charAt(0).toUpperCase()}${e.slice(1)}`;o[`padding${a}`]=`${l[e]/n*100}%`}),o},y=({data:l,activeAlertId:u,xMin:p,xMax:o,yMin:d,yMax:e,width:n=c.default.width,height:a=c.default.height,name:q,slider:g,className:A,plotChildren:h})=>{const{t:i,i18n:{language:j}}=D.useTranslation(),v=m.mergeWithDefaults({min:_.min(l,({x:t})=>t),max:_.max(l,({x:t})=>t)},c.default.xAxis),W=m.mergeWithDefaults({min:p,max:o,label:i("light_curve.plot.x_label")},{...v,label:i("isochrone_plot.plot.x_label")}),s=m.mergeWithDefaults({min:d,max:e,label:i("light_curve.plot.y_label")},{...c.default.yAxis,label:i("isochrone_plot.plot.y_label")}),b={top:10,right:10,bottom:25,left:40};return r.jsxs(I.PlotWrapper,{className:A,children:[r.jsx(M.default,{width:n,height:a,margins:b,activePointId:u,title:q,xAxis:{...W},yAxis:{...s,step:s.min<s.max?Math.abs(s.step):s.step},data:{label:i("light_curve.plot.plot_label"),points:l},tooltip:({y:t})=>r.jsx(x.TooltipWrapper,{children:i("light_curve.plot.tooltip",{magnitude:t.toLocaleString(j,{minimumFractionDigits:2,maximumFractionDigits:2})})}),plotChildren:({xScale:t,yStart:P,yEnd:$,Data:f,...S})=>h?h({xScale:t,yStart:P,yEnd:$,Data:f,...S}):f}),g&&r.jsx(x.SliderOuterWrapper,{children:r.jsx(x.SliderInnerWrapper,{style:{...O(b,n,a)},children:g})})]})};y.displayName="Widgets.LightCurve.Plot";const T=y;exports.default=T;

package/dist/widgets/LightCurvePlot/Plot/index.js

@@ -1,28 +1,28 @@
 "use client";
-import { jsxs as j, jsx as c } from "react/jsx-runtime";
+import { jsxs as j, jsx as n } from "react/jsx-runtime";
 import { useTranslation as C } from "react-i18next";
 import { min as D, max as F } from "d3-array";
 import I from "../../../charts/ScatterPlot/index.js";
 import "../../../atomic/PlotWrapper/index.js";
 import { mergeWithDefaults as x } from "../../../lib/utils.js";
-import n from "../defaults.js";
-import { SliderOuterWrapper as L, SliderInnerWrapper as M } from "./styles.js";
-import { PlotWrapper as N } from "../../../atomic/PlotWrapper/styles.js";
-const O = (i, m, p) => {
+import p from "../defaults.js";
+import { TooltipWrapper as L, SliderOuterWrapper as M, SliderInnerWrapper as N } from "./styles.js";
+import { PlotWrapper as O } from "../../../atomic/PlotWrapper/styles.js";
+const T = (i, m, c) => {
   const r = {};
   return Object.keys(i).forEach((t) => {
-    const s = t === "top" || t === "bottom" ? p : m, a = `${t.charAt(0).toUpperCase()}${t.slice(1)}`;
+    const s = t === "top" || t === "bottom" ? c : m, a = `${t.charAt(0).toUpperCase()}${t.slice(1)}`;
     r[`padding${a}`] = `${i[t] / s * 100}%`;
   }), r;
 }, f = ({
   data: i,
   activeAlertId: m,
-  xMin: p,
+  xMin: c,
   xMax: r,
   yMin: u,
   yMax: t,
-  width: s = n.width,
-  height: a = n.height,
+  width: s = p.width,
+  height: a = p.height,
   name: _,
   slider: g,
   className: y,
@@ -36,9 +36,9 @@ const O = (i, m, p) => {
       min: D(i, ({ x: o }) => o),
       max: F(i, ({ x: o }) => o)
     },
-    n.xAxis
+    p.xAxis
   ), P = x(
-    { min: p, max: r, label: e("light_curve.plot.x_label") },
+    { min: c, max: r, label: e("light_curve.plot.x_label") },
     {
       ...v,
       label: e("isochrone_plot.plot.x_label")
@@ -46,22 +46,22 @@ const O = (i, m, p) => {
   ), l = x(
     { min: u, max: t, label: e("light_curve.plot.y_label") },
     {
-      ...n.yAxis,
+      ...p.yAxis,
       label: e("isochrone_plot.plot.y_label")
     }
-  ), b = {
+  ), d = {
     top: 10,
     right: 10,
     bottom: 25,
     left: 40
   };
-  return /* @__PURE__ */ j(N, { className: y, children: [
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ j(O, { className: y, children: [
+    /* @__PURE__ */ n(
       I,
       {
         width: s,
         height: a,
-        margins: b,
+        margins: d,
         activePointId: m,
         title: _,
         xAxis: {
@@ -75,26 +75,26 @@ const O = (i, m, p) => {
           label: e("light_curve.plot.plot_label"),
           points: i
         },
-        tooltip: ({ y: o }) => e("light_curve.plot.tooltip", {
+        tooltip: ({ y: o }) => /* @__PURE__ */ n(L, { children: e("light_curve.plot.tooltip", {
           magnitude: o.toLocaleString(A, {
             minimumFractionDigits: 2,
             maximumFractionDigits: 2
           })
-        }),
-        plotChildren: ({ xScale: o, yStart: W, yEnd: $, Data: d, ...S }) => h ? h({ xScale: o, yStart: W, yEnd: $, Data: d, ...S }) : d
+        }) }),
+        plotChildren: ({ xScale: o, yStart: W, yEnd: $, Data: b, ...S }) => h ? h({ xScale: o, yStart: W, yEnd: $, Data: b, ...S }) : b
       }
     ),
-    g && /* @__PURE__ */ c(L, { children: /* @__PURE__ */ c(
-      M,
+    g && /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
+      N,
       {
-        style: { ...O(b, s, a) },
+        style: { ...T(d, s, a) },
         children: g
       }
     ) })
   ] });
 };
 f.displayName = "Widgets.LightCurve.Plot";
-const G = f;
+const H = f;
 export {
-  G as default
+  H as default
 };

package/dist/widgets/LightCurvePlot/Plot/styles.cjs

@@ -1,13 +1,15 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),r=e=>e&&e.__esModule?e:{default:e},t=r(l),i=t.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},t=l(r),a=t.default.div`
   position: absolute;
   width: calc(100% - calc(var(--label-height) * 2));
   height: calc(100% - calc(var(--label-height) * 2));
   top: var(--label-height);
   left: var(--label-height);
   pointer-events: none;
-`,a=t.default.div`
+`,i=t.default.div`
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   position: relative;
-`;exports.SliderInnerWrapper=a;exports.SliderOuterWrapper=i;
+`,o=t.default.span`
+  white-space: nowrap;
+`;exports.SliderInnerWrapper=i;exports.SliderOuterWrapper=a;exports.TooltipWrapper=o;

package/dist/widgets/LightCurvePlot/Plot/styles.d.ts

@@ -544,3 +544,275 @@ export declare const SliderInnerWrapper: import('styled-components').IStyledComp
     onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
+export declare const TooltipWrapper: import('styled-components').IStyledComponent<"web", {
+    ref?: import('react').LegacyRef<HTMLSpanElement> | undefined;
+    key?: import('react').Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import('react').CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import('react').AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    children?: import('react').ReactNode | Iterable<import('react').ReactNode>;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCopyCapture?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCut?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCutCapture?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onPaste?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onPasteCapture?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCompositionEnd?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionStart?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionUpdate?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onFocus?: import('react').FocusEventHandler<HTMLSpanElement> | undefined;
+    onFocusCapture?: import('react').FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlur?: import('react').FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlurCapture?: import('react').FocusEventHandler<HTMLSpanElement> | undefined;
+    onChange?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onChangeCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onBeforeInput?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onBeforeInputCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onInput?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onInputCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onReset?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onResetCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onSubmit?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onSubmitCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onInvalid?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onInvalidCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onLoad?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onError?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onErrorCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onKeyDown?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyPress?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyUp?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onAbort?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onAbortCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlay?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayThrough?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onDurationChange?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onDurationChangeCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEmptied?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEmptiedCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEncrypted?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEncryptedCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEnded?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEndedCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedData?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedDataCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedMetadata?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadStart?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadStartCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPause?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPauseCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlay?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlayCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlaying?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlayingCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onProgress?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onProgressCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onRateChange?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onRateChangeCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onResize?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onResizeCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeeked?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeekedCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeeking?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeekingCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onStalled?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onStalledCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSuspend?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSuspendCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onTimeUpdate?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onVolumeChange?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onWaiting?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onWaitingCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onAuxClick?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onAuxClickCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onClick?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onClickCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onContextMenu?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onContextMenuCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onDoubleClick?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onDoubleClickCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onDrag?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnd?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEndCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnter?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnterCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragExit?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragExitCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragLeave?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragLeaveCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragOver?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragOverCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragStart?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragStartCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDrop?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDropCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onMouseDown?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseDownCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseEnter?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseLeave?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseMove?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseMoveCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOut?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOutCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOver?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOverCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseUp?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseUpCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onSelect?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSelectCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onTouchCancel?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchCancelCapture?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchEnd?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchEndCapture?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchMove?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchMoveCapture?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchStart?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchStartCapture?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onPointerDown?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerDownCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerMove?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerMoveCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerUp?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerUpCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerCancel?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerCancelCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerEnter?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerEnterCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerLeave?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOver?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOverCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOut?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOutCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onGotPointerCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onLostPointerCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onScroll?: import('react').UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollCapture?: import('react').UIEventHandler<HTMLSpanElement> | undefined;
+    onWheel?: import('react').WheelEventHandler<HTMLSpanElement> | undefined;
+    onWheelCapture?: import('react').WheelEventHandler<HTMLSpanElement> | undefined;
+    onAnimationStart?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationEnd?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationIteration?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEnd?: import('react').TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLSpanElement> | undefined;
+}>;

package/dist/widgets/LightCurvePlot/Plot/styles.js

@@ -7,13 +7,16 @@ const i = e.div`
   top: var(--label-height);
   left: var(--label-height);
   pointer-events: none;
-`, l = e.div`
+`, r = e.div`
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   position: relative;
+`, a = e.span`
+  white-space: nowrap;
 `;
 export {
-  l as SliderInnerWrapper,
-  i as SliderOuterWrapper
+  r as SliderInnerWrapper,
+  i as SliderOuterWrapper,
+  a as TooltipWrapper
 };

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

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

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

@@ -6,7 +6,6 @@ import { geoGraticule as R, geoPath as U } from "d3-geo";
 import { range as M } from "d3-array";
 import V from "../../../charts/Base/index.js";
 import q from "../../../charts/Tooltip/index.js";
-import "../../../charts/ScatterPlot/index.js";
 import z from "../../../atomic/ImageStack/index.js";
 import { Background as D, Graticule as F, ImageStackerWrapper as J, UserObject as K, LatLabel as Q, LongLabel as X, Outline as Y } from "./styles.js";
 const y = ({
@@ -117,7 +116,7 @@ const y = ({
   ] });
 };
 y.displayName = "Widgets.SupernovaThreeVector.Skymap";
-const st = y;
+const rt = y;
 export {
-  st as default
+  rt as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",