@rubin-epo/epo-widget-lib 0.9.2 → 0.9.3

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"),u=({width:r=900,height:i=300,xMin:c=0,yMin:l=0,verticalLabel:t,verticalLabelId:a,horizontalLabel:n,horizontalLabelId:d,title:o,children:x,className:j})=>e.jsxs(s.ChartContainer,{children:[o&&e.jsx(s.Title,{children:o}),t&&e.jsx(s.VerticalLabel,{id:a,"aria-hidden":!!a,children:t}),e.jsx(s.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`${c} ${l} ${r} ${i}`,className:j,style:{"--aspect-ratio":`${r} / ${i}`,"--min-width":`${r}px`},role:"group",children:x}),n&&e.jsx(s.HorizontalLabel,{id:d,"aria-hidden":!!d,children:n})]});u.displayName="Charts.Base";const p=u;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"),u=({width:r=900,height:i=300,xMin:c=0,yMin:l=0,verticalLabel:t,verticalLabelId:a,horizontalLabel:n,horizontalLabelId:d,title:o,children:x,className:j})=>e.jsxs(s.ChartContainer,{children:[o&&e.jsx(s.Title,{children:o}),t&&e.jsx(s.VerticalLabel,{id:a,"aria-hidden":!!a,children:t}),e.jsx(s.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`${c} ${l} ${r} ${i}`,className:j,style:{"--aspect-ratio":`${r} / ${i}`},role:"group",children:x}),n&&e.jsx(s.HorizontalLabel,{id:d,"aria-hidden":!!d,children:n})]});u.displayName="Charts.Base";const p=u;exports.default=p;

package/dist/charts/Base/index.js

@@ -1,6 +1,6 @@
 import { jsxs as x, jsx as e } from "react/jsx-runtime";
 import { ChartContainer as h, Title as l, VerticalLabel as B, SVG as C, HorizontalLabel as f } from "./styles.js";
-const o = ({
+const n = ({
   width: r = 900,
   height: i = 300,
   xMin: p = 0,
@@ -9,11 +9,11 @@ const o = ({
   verticalLabelId: a,
   horizontalLabel: t,
   horizontalLabelId: d,
-  title: n,
+  title: o,
   children: m,
   className: $
 }) => /* @__PURE__ */ x(h, { children: [
-  n && /* @__PURE__ */ e(l, { children: n }),
+  o && /* @__PURE__ */ e(l, { children: o }),
   s && /* @__PURE__ */ e(
     B,
     {
@@ -29,8 +29,7 @@ const o = ({
       viewBox: `${p} ${c} ${r} ${i}`,
       className: $,
       style: {
-        "--aspect-ratio": `${r} / ${i}`,
-        "--min-width": `${r}px`
+        "--aspect-ratio": `${r} / ${i}`
       },
       role: "group",
       children: m
@@ -45,8 +44,8 @@ const o = ({
     }
   )
 ] });
-o.displayName = "Charts.Base";
-const y = o;
+n.displayName = "Charts.Base";
+const y = n;
 export {
   y as default
 };

package/dist/charts/Base/styles.cjs

@@ -1,14 +1,15 @@
 "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),l=t=>t&&t.__esModule?t:{default:t},e=l(a),r=e.default.div`
-  --label-gutter: 2em;
+  --label-height: 3em;
+  --label-gutter: calc(var(--label-height) / 2);
 
   display: grid;
-  grid-template-columns: var(--label-gutter) 1fr;
-  grid-template-rows: auto 1fr var(--label-gutter);
+  grid-template-columns: var(--label-height) 1fr var(--label-height);
+  grid-template-rows: var(--label-height) 1fr var(--label-height);
   grid-template-areas:
-    "title title"
-    "vertical-label chart"
-    ". horizontal-label";
-  padding-inline-end: calc(var(--label-gutter) / 2);
+    "title title ."
+    "vertical-label chart ."
+    ". horizontal-label .";
+  width: 100%;
 `,i=e.default.span`
   font-size: 80%;
   grid-area: horizontal-label;
@@ -23,14 +24,12 @@
   transform: rotate(180deg);
 `,o=e.default.svg`
   grid-area: chart;
-  height: 100%;
   max-width: 100%;
   aspect-ratio: var(--aspect-ratio);
-`,c=e.default.h3`
+`,s=e.default.h3`
   display: flex;
   align-items: center;
   grid-area: title;
-  height: var(--label-gutter);
-  padding-inline: calc(var(--label-gutter) / 2);
+  padding-inline: var(--label-gutter);
   margin: 0;
-`;exports.ChartContainer=r;exports.HorizontalLabel=i;exports.SVG=o;exports.Title=c;exports.VerticalLabel=n;
+`;exports.ChartContainer=r;exports.HorizontalLabel=i;exports.SVG=o;exports.Title=s;exports.VerticalLabel=n;

package/dist/charts/Base/styles.js

@@ -1,16 +1,17 @@
 "use client";
 import e from "styled-components";
-const a = e.div`
-  --label-gutter: 2em;
+const t = e.div`
+  --label-height: 3em;
+  --label-gutter: calc(var(--label-height) / 2);
 
   display: grid;
-  grid-template-columns: var(--label-gutter) 1fr;
-  grid-template-rows: auto 1fr var(--label-gutter);
+  grid-template-columns: var(--label-height) 1fr var(--label-height);
+  grid-template-rows: var(--label-height) 1fr var(--label-height);
   grid-template-areas:
-    "title title"
-    "vertical-label chart"
-    ". horizontal-label";
-  padding-inline-end: calc(var(--label-gutter) / 2);
+    "title title ."
+    "vertical-label chart ."
+    ". horizontal-label .";
+  width: 100%;
 `, l = e.span`
   font-size: 80%;
   grid-area: horizontal-label;
@@ -25,19 +26,17 @@ const a = e.div`
   transform: rotate(180deg);
 `, i = e.svg`
   grid-area: chart;
-  height: 100%;
   max-width: 100%;
   aspect-ratio: var(--aspect-ratio);
 `, n = e.h3`
   display: flex;
   align-items: center;
   grid-area: title;
-  height: var(--label-gutter);
-  padding-inline: calc(var(--label-gutter) / 2);
+  padding-inline: var(--label-gutter);
   margin: 0;
 `;
 export {
-  a as ChartContainer,
+  t as ChartContainer,
   l as HorizontalLabel,
   i as SVG,
   n as Title,

package/dist/charts/ForeignObject/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=({children:t,className:n})=>r.jsx("foreignObject",{className:n,x:0,y:0,width:"100%",height:"100%",pointerEvents:"none",children:t});e.displayName="Charts.ForeignObject";const i=e;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),e=({children:t,className:n,width:r="100%",height:o="100%"})=>i.jsx("foreignObject",{x:0,y:0,pointerEvents:"none",className:n,width:r,height:o,children:t});e.displayName="Charts.ForeignObject";const s=e;exports.default=s;

package/dist/charts/ForeignObject/index.d.ts

@@ -1,5 +1,7 @@
 import { FunctionComponent, PropsWithChildren } from "react";
 declare const ForeignObject: FunctionComponent<PropsWithChildren<{
     className?: string;
+    width?: number | string;
+    height?: number | string;
 }>>;
 export default ForeignObject;

package/dist/charts/ForeignObject/index.js

@@ -1,18 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-const e = ({ children: t, className: n }) => /* @__PURE__ */ o(
+import { jsx as i } from "react/jsx-runtime";
+const e = ({ children: t, className: n, width: o = "100%", height: r = "100%" }) => /* @__PURE__ */ i(
   "foreignObject",
   {
-    className: n,
     x: 0,
     y: 0,
-    width: "100%",
-    height: "100%",
     pointerEvents: "none",
+    className: n,
+    width: o,
+    height: r,
     children: t
   }
 );
 e.displayName = "Charts.ForeignObject";
-const i = e;
+const c = e;
 export {
-  i as default
+  c as default
 };

package/dist/charts/Tooltip/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),u=require("./styles.cjs"),b=(t,e)=>t.includes("left")?`calc(0% + ${e}px)`:t.includes("right")?`calc(-100% - ${e}px)`:(t.includes("center"),"-50%"),w=(t,e)=>t.includes("top")?`calc(0% + ${e}px)`:t.includes("bottom")?`calc(-100% - ${e}px)`:(t.includes("center"),"-50%"),y=t=>{let e="0",n="0",r="0",l="0",s="0deg";return t.includes("center")&&(e="50%",n="50%",r="-50%",l="-50%"),t.includes("top")&&(n="0",l="-100%",s="180deg"),t.includes("right")&&(e="100%",r="-25%",s="-90deg"),t.includes("left")&&(e="0",r="-75%",s="90deg"),t.includes("bottom")&&(n="100%",l="0"),{left:e,top:n,transform:`translate(${r}, ${l}) rotate(${s})`}},a=({x:t,y:e,visible:n=!0,offset:r=5,origin:l="center bottom",children:s,className:d})=>{const f="center center",c=[...l.split(" "),...f.split(" ")].slice(0,2).join(" "),o=6,p=b(c,o+r),$=w(c,o+r),x=c.includes("center")&&c.split(" ").filter(h=>h!=="center").length===1,m=y(c);return i.jsx(u.TooltipContainer,{children:typeof t=="number"&&typeof e=="number"&&i.jsxs(u.Tooltip,{className:d,style:{transform:`translate(calc(${p} + ${t}px), calc(${$} + ${e}px))`},hidden:!n,children:[s,x&&i.jsx(u.Arrow,{style:{"--arrow-size":`${o}px`,...m}})]})})};a.displayName="Charts.Tooltip";const O=a;exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),u=require("./styles.cjs"),b=require("../../lib/utils.cjs"),w=(t,e)=>t.includes("left")?`calc(0% + ${e}px)`:t.includes("right")?`calc(-100% - ${e}px)`:(t.includes("center"),"-50%"),O=(t,e)=>t.includes("top")?`calc(0% + ${e}px)`:t.includes("bottom")?`calc(-100% - ${e}px)`:(t.includes("center"),"-50%"),g=t=>{let e="0",n="0",r="0",s="0",l="0deg";return t.includes("center")&&(e="50%",n="50%",r="-50%",s="-50%"),t.includes("top")&&(n="0",s="-100%",l="180deg"),t.includes("right")&&(e="100%",r="-25%",l="-90deg"),t.includes("left")&&(e="0",r="-75%",l="90deg"),t.includes("bottom")&&(n="100%",s="0"),{left:e,top:n,transform:`translate(${r}, ${s}) rotate(${l})`}},d=({x:t,y:e,visible:n=!0,offset:r=5,origin:s="center bottom",children:l,className:p})=>{const $="center center",c=[...s.split(" "),...$.split(" ")].slice(0,2).join(" "),o=6,a=w(c,o+r),f=O(c,o+r),x=c.includes("center")&&c.split(" ").filter(h=>h!=="center").length===1,m=g(c);return i.jsx(u.TooltipContainer,{children:typeof t=="number"&&typeof e=="number"&&i.jsxs(u.Tooltip,{className:p,style:b.isSafari()?{left:`${t}px`,top:`${e}px`,transform:`translate(${a},${f})`}:{transform:`translate(calc(${a} + ${t}px), calc(${f} + ${e}px))`},hidden:!n,children:[l,x&&i.jsx(u.Arrow,{style:{"--arrow-size":`${o}px`,...m}})]})})};d.displayName="Charts.Tooltip";const j=d;exports.default=j;

package/dist/charts/Tooltip/index.js

@@ -1,13 +1,14 @@
-import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { jsx as f, jsxs as h } from "react/jsx-runtime";
 import { TooltipContainer as w, Tooltip as O, Arrow as T } from "./styles.js";
-const b = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right") ? `calc(-100% - ${e}px)` : (t.includes("center"), "-50%"), y = (t, e) => t.includes("top") ? `calc(0% + ${e}px)` : t.includes("bottom") ? `calc(-100% - ${e}px)` : (t.includes("center"), "-50%"), g = (t) => {
+import { isSafari as b } from "../../lib/utils.js";
+const g = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right") ? `calc(-100% - ${e}px)` : (t.includes("center"), "-50%"), y = (t, e) => t.includes("top") ? `calc(0% + ${e}px)` : t.includes("bottom") ? `calc(-100% - ${e}px)` : (t.includes("center"), "-50%"), j = (t) => {
   let e = "0", n = "0", r = "0", l = "0", s = "0deg";
   return t.includes("center") && (e = "50%", n = "50%", r = "-50%", l = "-50%"), t.includes("top") && (n = "0", l = "-100%", s = "180deg"), t.includes("right") && (e = "100%", r = "-25%", s = "-90deg"), t.includes("left") && (e = "0", r = "-75%", s = "90deg"), t.includes("bottom") && (n = "100%", l = "0"), {
     left: e,
     top: n,
     transform: `translate(${r}, ${l}) rotate(${s})`
   };
-}, a = ({
+}, p = ({
   x: t,
   y: e,
   visible: n = !0,
@@ -16,22 +17,26 @@ const b = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right
   children: s,
   className: u
 }) => {
-  const f = "center center", c = [...l.split(" "), ...f.split(" ")].slice(0, 2).join(" "), o = 6, p = b(c, o + r), d = y(c, o + r), $ = c.includes("center") && c.split(" ").filter((x) => x !== "center").length === 1, m = g(c);
-  return /* @__PURE__ */ i(w, { children: typeof t == "number" && typeof e == "number" && /* @__PURE__ */ h(
+  const d = "center center", o = [...l.split(" "), ...d.split(" ")].slice(0, 2).join(" "), c = 6, i = g(o, c + r), a = y(o, c + r), $ = o.includes("center") && o.split(" ").filter((x) => x !== "center").length === 1, m = j(o);
+  return /* @__PURE__ */ f(w, { children: typeof t == "number" && typeof e == "number" && /* @__PURE__ */ h(
     O,
     {
       className: u,
-      style: {
-        transform: `translate(calc(${p} + ${t}px), calc(${d} + ${e}px))`
+      style: b() ? {
+        left: `${t}px`,
+        top: `${e}px`,
+        transform: `translate(${i},${a})`
+      } : {
+        transform: `translate(calc(${i} + ${t}px), calc(${a} + ${e}px))`
       },
       hidden: !n,
       children: [
         s,
-        $ && /* @__PURE__ */ i(
+        $ && /* @__PURE__ */ f(
           T,
           {
             style: {
-              "--arrow-size": `${o}px`,
+              "--arrow-size": `${c}px`,
               ...m
             }
           }
@@ -40,8 +45,8 @@ const b = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right
     }
   ) });
 };
-a.displayName = "Charts.Tooltip";
-const C = a;
+p.displayName = "Charts.Tooltip";
+const X = p;
 export {
-  C as default
+  X as default
 };

package/dist/charts/Tooltip/styles.cjs

@@ -7,7 +7,7 @@
   line-height: 1;
   padding: 2px 4px;
   text-align: center;
-  position: absolute;
+  position: fixed;
 `,n=e.default.div`
   width: 0;
   height: 0;

package/dist/charts/Tooltip/styles.d.ts

@@ -1,9 +1,13 @@
 /// <reference types="react" />
 export declare const TooltipContainer: import("styled-components").IStyledComponent<"web", {
     className?: string | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
     children?: import("react").ReactNode;
 }> & import("react").FunctionComponent<import("react").PropsWithChildren<{
     className?: string | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
 }>>;
 export declare const Tooltip: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;

package/dist/charts/Tooltip/styles.js

@@ -10,7 +10,7 @@ const i = o(r)`
   line-height: 1;
   padding: 2px 4px;
   text-align: center;
-  position: absolute;
+  position: fixed;
 `, n = o.div`
   width: 0;
   height: 0;

package/dist/lib/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},a=(t,e,r)=>t>=e&&t<=r,f=(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]]},m=(t=[0,1],e=[0,1],r)=>{const n={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:o}={...n,...r};return u=>{const s=t[1]-t[0];if(s===0)return(e[0]+e[1])/2;let c=(u-t[0])/s;return i&&(c=Math.min(Math.max(c,0),1)),Number((c*(e[1]-e[0])+e[0]).toFixed(o))}};exports.between=a;exports.getClampedArrayIndex=l;exports.getLinearScale=m;exports.intersection=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},f=(t,e,n)=>t>=e&&t<=n,l=(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]]},g=(t=[0,1],e=[0,1],n)=>{const r={clamp:!1,fractionDigits:2},{clamp:a,fractionDigits:c}={...r,...n};return o=>{const s=t[1]-t[0];if(s===0)return(e[0]+e[1])/2;let i=(o-t[0])/s;return a&&(i=Math.min(Math.max(i,0),1)),Number((i*(e[1]-e[0])+e[0]).toFixed(c))}},m=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t};exports.between=f;exports.getClampedArrayIndex=u;exports.getLinearScale=g;exports.intersection=l;exports.isSafari=m;

package/dist/lib/utils.d.ts

@@ -25,3 +25,4 @@ export declare const getLinearScale: (domain?: number[], range?: number[], optio
     fractionDigits?: number;
 }) => (domainValue: number) => number;
 export declare const precision: (number: number, precision: number) => number;
+export declare const isSafari: () => boolean;

package/dist/lib/utils.js

@@ -1,30 +1,34 @@
-const l = (t, e) => {
+const u = (t, n) => {
   switch (!0) {
-    case t > e:
+    case t > n:
       return 0;
     case t < 0:
-      return e;
+      return n;
     default:
       return t;
   }
-}, f = (t, e, r) => t >= e && t <= r, a = (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]];
-}, m = (t = [0, 1], e = [0, 1], r) => {
-  const n = { clamp: !1, fractionDigits: 2 }, { clamp: u, fractionDigits: i } = { ...n, ...r };
-  return (o) => {
-    const s = t[1] - t[0];
-    if (s === 0)
-      return (e[0] + e[1]) / 2;
-    let c = (o - t[0]) / s;
-    return u && (c = Math.min(Math.max(c, 0), 1)), Number(
-      (c * (e[1] - e[0]) + e[0]).toFixed(i)
+}, f = (t, n, e) => t >= n && t <= e, l = (t = [], n = []) => {
+  const e = t[0] < n[0] ? t : n, r = e === t ? n : t;
+  return e[1] < r[0] ? null : [r[0], e[1] < r[1] ? e[1] : r[1]];
+}, m = (t = [0, 1], n = [0, 1], e) => {
+  const r = { clamp: !1, fractionDigits: 2 }, { clamp: i, fractionDigits: o } = { ...r, ...e };
+  return (a) => {
+    const c = t[1] - t[0];
+    if (c === 0)
+      return (n[0] + n[1]) / 2;
+    let s = (a - t[0]) / c;
+    return i && (s = Math.min(Math.max(s, 0), 1)), Number(
+      (s * (n[1] - n[0]) + n[0]).toFixed(o)
     );
   };
+}, g = () => {
+  const t = navigator.userAgent.indexOf("Chrome") > -1;
+  return navigator.userAgent.indexOf("Safari") > -1 && !t;
 };
 export {
   f as between,
-  l as getClampedArrayIndex,
+  u as getClampedArrayIndex,
   m as getLinearScale,
-  a as intersection
+  l as intersection,
+  g as isSafari
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-i18next"),m=require("../../../charts/ForeignObject/index.cjs"),i=require("../helpers.cjs"),s=require("./styles.cjs"),n=({gaussianWidth:t,className:r})=>{const{t:a,i18n:{language:l}}=u.useTranslation(),c=i.estimateMagnitude(0,t),o=i.estimateMagnitude(15,t)-c;return e.jsx(m.default,{children:e.jsxs(s.DisplayContainer,{className:r,children:[e.jsx(s.Line,{}),e.jsxs("math",{xmlns:"http://www.w3.org/1998/Math/MathML",children:[e.jsx("mn",{children:"Δ"}),e.jsxs("msub",{children:[e.jsx("mi",{children:"m"}),e.jsx("mn",{children:"15"})]}),e.jsx("mo",{children:"="}),e.jsx("mn",{role:"status","aria-live":"polite","aria-label":a("light_curve.deltaM15.label")||void 0,children:Number(o).toLocaleString(l,{minimumFractionDigits:2,maximumFractionDigits:2})})]})]})})};n.displayName="Widgets.LightCurve.DM15Display";const d=n;exports.default=d;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-i18next"),d=require("../../../charts/ForeignObject/index.cjs"),s=require("../helpers.cjs"),i=require("./styles.cjs"),n=({gaussianWidth:t,className:r})=>{const{t:a,i18n:{language:l}}=u.useTranslation(),c=s.estimateMagnitude(0,t),o=s.estimateMagnitude(15,t)-c;return e.jsx(d.default,{children:e.jsx(i.DisplayContainer,{children:e.jsxs(i.Display,{className:r,children:[e.jsx(i.Line,{}),e.jsxs("math",{xmlns:"http://www.w3.org/1998/Math/MathML",children:[e.jsx("mn",{children:"Δ"}),e.jsxs("msub",{children:[e.jsx("mi",{children:"m"}),e.jsx("mn",{children:"15"})]}),e.jsx("mo",{children:"="}),e.jsx("mn",{role:"status","aria-live":"polite","aria-label":a("light_curve.deltaM15.label")||void 0,children:Number(o).toLocaleString(l,{minimumFractionDigits:2,maximumFractionDigits:2})})]})]})})})};n.displayName="Widgets.LightCurve.DM15Display";const m=n;exports.default=m;

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

@@ -3,14 +3,14 @@ import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
 import d from "../../../charts/ForeignObject/index.js";
 import { estimateMagnitude as n } from "../helpers.js";
-import { DisplayContainer as h, Line as p } from "./styles.js";
+import { DisplayContainer as h, Display as p, Line as u } from "./styles.js";
 const r = ({ gaussianWidth: t, className: a }) => {
   const {
     t: l,
     i18n: { language: m }
   } = c(), o = n(0, t), s = n(15, t) - o;
-  return /* @__PURE__ */ i(d, { children: /* @__PURE__ */ e(h, { className: a, children: [
-    /* @__PURE__ */ i(p, {}),
+  return /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(h, { children: /* @__PURE__ */ e(p, { className: a, children: [
+    /* @__PURE__ */ i(u, {}),
     /* @__PURE__ */ e("math", { xmlns: "http://www.w3.org/1998/Math/MathML", children: [
       /* @__PURE__ */ i("mn", { children: "Δ" }),
       /* @__PURE__ */ e("msub", { children: [
@@ -31,10 +31,10 @@ const r = ({ gaussianWidth: t, className: a }) => {
         }
       )
     ] })
-  ] }) });
+  ] }) }) });
 };
 r.displayName = "Widgets.LightCurve.DM15Display";
-const b = r;
+const x = r;
 export {
-  b as default
+  x as default
 };

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

@@ -1,12 +1,14 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),l=t=>t&&t.__esModule?t:{default:t},e=l(i),o=e.default.div`
-  position: absolute;
-  top: 0;
-  right: 0;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),l=t=>t&&t.__esModule?t:{default:t},e=l(i),n=e.default.div`
+  display: flex;
+  justify-content: end;
+  align-items: start;
+`,a=e.default.div`
   display: flex;
   align-items: center;
   gap: 1ch;
-`,n=e.default.div`
+  min-height: 1em;
+`,s=e.default.div`
   background-color: var(--black, #000);
   height: 2px;
   width: 3ch;
-`;exports.DisplayContainer=o;exports.Line=n;
+`;exports.Display=a;exports.DisplayContainer=n;exports.Line=s;

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

@@ -270,6 +270,278 @@ export declare const DisplayContainer: import("styled-components").IStyledCompon
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
+export declare const Display: import("styled-components").IStyledComponent<"web", {
+    ref?: import("react").LegacyRef<HTMLDivElement> | 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?: (boolean | "true" | "false") | "inherit" | 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;
+    "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 | "step" | "time" | "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<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+}>;
 export declare const Line: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;

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

@@ -1,18 +1,21 @@
 "use client";
 import i from "styled-components";
-const o = i.div`
-  position: absolute;
-  top: 0;
-  right: 0;
+const e = i.div`
+  display: flex;
+  justify-content: end;
+  align-items: start;
+`, n = i.div`
   display: flex;
   align-items: center;
   gap: 1ch;
-`, e = i.div`
+  min-height: 1em;
+`, s = i.div`
   background-color: var(--black, #000);
   height: 2px;
   width: 3ch;
 `;
 export {
-  o as DisplayContainer,
-  e as Line
+  n as Display,
+  e as DisplayContainer,
+  s as Line
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),g=require("react-i18next"),x=require("../../../charts/ForeignObject/index.cjs"),a=require("./styles.cjs"),b=(t,r,s)=>{const i=Number(Math.abs(r-t).toFixed(1)),u=i.toLocaleString(s,{minimumFractionDigits:1,maximumFractionDigits:1});let e;return i<=.05?(e="equal",{distance:i,context:e}):(t<r?e="above":e="below",{distance:u,context:e})},c=({magnitude:t,yMin:r,yMax:s,onMagnitudeChangeCallback:i,estimatedPeak:u,disabled:e})=>{const{t:l,i18n:{language:o}}=g.useTranslation();return n.jsx(x.default,{children:n.jsx(a.Slider,{ariaLabel:l("light_curve.magnitude_slider.label")||void 0,orientation:"vertical",value:t,min:r,max:s,step:.1,disabled:e,ariaValuetext:()=>l("light_curve.magnitude_slider.value",{...b(u,t,o),magnitude:t.toLocaleString(o,{minimumFractionDigits:1,maximumFractionDigits:1})}),onChange:i,renderThumb:({key:d,...m})=>n.jsxs(a.ThumbContainer,{...m,children:[n.jsx(a.ThumbBar,{}),n.jsx(a.ThumbHandle,{})]},d)})})};c.displayName="Widgets.LightCurve.MagnitudeSlider";const h=c;exports.default=h;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),h=require("react-i18next"),v=require("../../../charts/ForeignObject/index.cjs"),a=require("./styles.cjs"),S=(t,r,s)=>{const i=Number(Math.abs(r-t).toFixed(1)),u=i.toLocaleString(s,{minimumFractionDigits:1,maximumFractionDigits:1});let e;return i<=.05?(e="equal",{distance:i,context:e}):(t<r?e="above":e="below",{distance:u,context:e})},c=({magnitude:t,yMin:r,yMax:s,onMagnitudeChangeCallback:i,estimatedPeak:u,disabled:e,width:d,height:m})=>{const{t:l,i18n:{language:o}}=h.useTranslation();return n.jsx(v.default,{width:d,height:m,children:n.jsx(a.Slider,{ariaLabel:l("light_curve.magnitude_slider.label")||void 0,orientation:"vertical",value:t,min:r,max:s,step:.1,disabled:e,ariaValuetext:()=>l("light_curve.magnitude_slider.value",{...S(u,t,o),magnitude:t.toLocaleString(o,{minimumFractionDigits:1,maximumFractionDigits:1})}),onChange:i,renderThumb:({key:g,style:x,...b})=>n.jsxs(a.ThumbContainer,{...b,style:{...x,position:"fixed"},children:[n.jsx(a.ThumbBar,{}),n.jsx(a.ThumbHandle,{})]},g)})})};c.displayName="Widgets.LightCurve.MagnitudeSlider";const f=c;exports.default=f;

package/dist/widgets/LightCurvePlot/MagnitudeSlider/index.d.ts

@@ -6,6 +6,8 @@ interface MagnitudeSliderProps {
     onMagnitudeChangeCallback: (value: number) => void;
     estimatedPeak: number;
     disabled?: boolean;
+    width?: number;
+    height?: number;
 }
 declare const MagnitudeSlider: FunctionComponent<MagnitudeSliderProps>;
 export default MagnitudeSlider;

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

@@ -1,29 +1,31 @@
 "use client";
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { useTranslation as g } from "react-i18next";
-import b from "../../../charts/ForeignObject/index.js";
-import { Slider as h, ThumbContainer as x, ThumbBar as f, ThumbHandle as v } from "./styles.js";
-const p = (t, n, a) => {
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { useTranslation as x } from "react-i18next";
+import f from "../../../charts/ForeignObject/index.js";
+import { Slider as p, ThumbContainer as v, ThumbBar as F, ThumbHandle as S } from "./styles.js";
+const D = (t, n, a) => {
   const e = Number(Math.abs(n - t).toFixed(1)), o = e.toLocaleString(a, {
     minimumFractionDigits: 1,
     maximumFractionDigits: 1
   });
   let i;
   return e <= 0.05 ? (i = "equal", { distance: e, context: i }) : (t < n ? i = "above" : i = "below", { distance: o, context: i });
-}, u = ({
+}, s = ({
   magnitude: t,
   yMin: n,
   yMax: a,
   onMagnitudeChangeCallback: e,
   estimatedPeak: o,
-  disabled: i
+  disabled: i,
+  width: u,
+  height: c
 }) => {
   const {
     t: l,
     i18n: { language: m }
-  } = g();
-  return /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
-    h,
+  } = x();
+  return /* @__PURE__ */ r(f, { width: u, height: c, children: /* @__PURE__ */ r(
+    p,
     {
       ariaLabel: l("light_curve.magnitude_slider.label") || void 0,
       orientation: "vertical",
@@ -33,22 +35,30 @@ const p = (t, n, a) => {
       step: 0.1,
       disabled: i,
       ariaValuetext: () => l("light_curve.magnitude_slider.value", {
-        ...p(o, t, m),
+        ...D(o, t, m),
         magnitude: t.toLocaleString(m, {
           minimumFractionDigits: 1,
           maximumFractionDigits: 1
         })
       }),
       onChange: e,
-      renderThumb: ({ key: s, ...c }) => /* @__PURE__ */ d(x, { ...c, children: [
-        /* @__PURE__ */ r(f, {}),
-        /* @__PURE__ */ r(v, {})
-      ] }, s)
+      renderThumb: ({ key: d, style: g, ...b }) => /* @__PURE__ */ h(
+        v,
+        {
+          ...b,
+          style: { ...g, position: "fixed" },
+          children: [
+            /* @__PURE__ */ r(F, {}),
+            /* @__PURE__ */ r(S, {})
+          ]
+        },
+        d
+      )
     }
   ) });
 };
-u.displayName = "Widgets.LightCurve.MagnitudeSlider";
-const C = u;
+s.displayName = "Widgets.LightCurve.MagnitudeSlider";
+const _ = s;
 export {
-  C as default
+  _ as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),F=require("react-i18next"),g=require("d3-array"),H=require("@rubin-epo/epo-react-lib/HorizontalSlider"),_=require("../../../charts/hooks/useAxis.cjs"),t=require("../defaults.cjs"),w=require("../ScatterPlot/index.cjs"),B=require("../LightCurve/index.cjs"),N=require("../A11Y/LightCurveLabel/index.cjs"),S=require("../helpers.cjs"),E=require("../../../atomic/Button/patterns/Reset.cjs"),J=require("../MagnitudeSlider/index.cjs"),d=require("./styles.cjs"),K=l=>l&&l.__esModule?l:{default:l},y=K(H),L=({gaussianWidth:l=t.default.gaussianWidth,yOffset:a=t.default.yOffset,alerts:I,peakMjd:D,yMin:r=t.default.yMin,yMax:i=t.default.yMax,width:f=t.default.width,height:x=t.default.height,userMagnitude:P=(i-r)/2+r,onUserMagnitudeChangeCallback:o,onGaussianChangeCallback:n,onYOffsetChangeCallback:c,className:M,isDisplayOnly:m,...R})=>{const{t:h}=F.useTranslation(),j="lightCurveControls",p="gaussianWidthLabel",q="yOffsetLabel",u=S.formatMagnitudePoints(I,D),T=g.min(u,({x:s})=>s)||Math.min(...u.map(({x:s})=>s)),W=g.max(u,({x:s})=>s)||Math.max(...u.map(({x:s})=>s)),$=()=>{o&&o((i-r)/2+r),c&&c(t.default.yOffset),n&&n(t.default.gaussianWidth)},[O,V,z]=_.default({min:T,max:W,step:t.default.xStep,range:[0,f]}),[A,X,v]=_.default({min:r,max:i,step:t.default.yStep,range:[0,x]}),b=S.estimateMagnitudeWithOffset(0,l,a);return e.jsxs(d.Container,{className:M,children:[e.jsx(w.default,{...R,data:u,width:f,height:x,yMin:r,yMax:i,children:u.length>0?e.jsxs(e.Fragment,{children:[e.jsx(B.default,{gaussianWidth:l,yOffset:a,xDomain:O,xScale:z,yScale:v,yDomain:A}),e.jsx(J.default,{magnitude:P,onMagnitudeChangeCallback:s=>o&&o(s),disabled:m,yMin:r,yMax:i,yScale:v,estimatedPeak:b}),e.jsx(d.DM15Display,{gaussianWidth:l})]}):null}),!m&&e.jsxs(d.Controls,{id:j,children:[e.jsxs("div",{children:[e.jsx(d.ControlLabel,{id:p,children:h("light_curve.curve.controls.gaussian_width")}),e.jsx(y.default,{label:"Gaussian Width",labelledbyId:p,color:"var(--turquoise85, #12726D)",min:t.default.gaussianMin,max:t.default.gaussianMax,step:t.default.gaussianStep,value:l,onChangeCallback:s=>typeof s=="number"&&n&&n(s)})]}),e.jsxs("div",{children:[e.jsx(d.ControlLabel,{id:q,children:h("light_curve.curve.controls.y_offset")}),e.jsx(y.default,{label:"Y Offset",labelledbyId:q,color:"var(--turquoise85, #12726D)",min:t.default.yOffsetMin,max:t.default.yOffsetMax,step:t.default.yOffsetStep,value:a,onChangeCallback:s=>typeof s=="number"&&c&&c(s)})]}),e.jsx(E.default,{onResetCallback:$})]}),e.jsx(N.default,{controlledById:j,data:u,gaussianWidth:l,yOffset:a,estimatedPeak:b})]})};L.displayName="Widgets.LightCurve";const Q=L;exports.default=Q;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),F=require("react-i18next"),g=require("d3-array"),H=require("@rubin-epo/epo-react-lib/HorizontalSlider"),_=require("../../../charts/hooks/useAxis.cjs"),t=require("../defaults.cjs"),B=require("../ScatterPlot/index.cjs"),N=require("../LightCurve/index.cjs"),w=require("../A11Y/LightCurveLabel/index.cjs"),S=require("../helpers.cjs"),E=require("../../../atomic/Button/patterns/Reset.cjs"),J=require("../MagnitudeSlider/index.cjs"),i=require("./styles.cjs"),K=l=>l&&l.__esModule?l:{default:l},y=K(H),L=({gaussianWidth:l=t.default.gaussianWidth,yOffset:a=t.default.yOffset,alerts:I,peakMjd:D,yMin:r=t.default.yMin,yMax:d=t.default.yMax,width:f=t.default.width,height:x=t.default.height,userMagnitude:P=(d-r)/2+r,onUserMagnitudeChangeCallback:o,onGaussianChangeCallback:n,onYOffsetChangeCallback:c,className:M,isDisplayOnly:m,...R})=>{const{t:j}=F.useTranslation(),p="lightCurveControls",q="gaussianWidthLabel",h="yOffsetLabel",u=S.formatMagnitudePoints(I,D),T=g.min(u,({x:s})=>s)||Math.min(...u.map(({x:s})=>s)),W=g.max(u,({x:s})=>s)||Math.max(...u.map(({x:s})=>s)),$=()=>{o&&o((d-r)/2+r),c&&c(t.default.yOffset),n&&n(t.default.gaussianWidth)},[O,V,z]=_.default({min:T,max:W,step:t.default.xStep,range:[0,f]}),[A,X,v]=_.default({min:r,max:d,step:t.default.yStep,range:[0,x]}),b=S.estimateMagnitudeWithOffset(0,l,a);return e.jsxs(i.Container,{className:M,children:[e.jsx(B.default,{...R,data:u,width:f,height:x,yMin:r,yMax:d,children:u.length>0?e.jsxs(e.Fragment,{children:[e.jsx(N.default,{gaussianWidth:l,yOffset:a,xDomain:O,xScale:z,yScale:v,yDomain:A}),e.jsx(J.default,{magnitude:P,onMagnitudeChangeCallback:s=>o&&o(s),disabled:m,yMin:r,yMax:d,yScale:v,estimatedPeak:b,width:f,height:x}),e.jsx(i.DM15Display,{gaussianWidth:l})]}):null}),!m&&e.jsxs(i.Controls,{id:p,children:[e.jsxs("div",{children:[e.jsx(i.ControlLabel,{id:q,children:j("light_curve.curve.controls.gaussian_width")}),e.jsx(y.default,{label:"Gaussian Width",labelledbyId:q,color:"var(--turquoise85, #12726D)",min:t.default.gaussianMin,max:t.default.gaussianMax,step:t.default.gaussianStep,value:l,onChangeCallback:s=>typeof s=="number"&&n&&n(s)})]}),e.jsxs("div",{children:[e.jsx(i.ControlLabel,{id:h,children:j("light_curve.curve.controls.y_offset")}),e.jsx(y.default,{label:"Y Offset",labelledbyId:h,color:"var(--turquoise85, #12726D)",min:t.default.yOffsetMin,max:t.default.yOffsetMax,step:t.default.yOffsetStep,value:a,onChangeCallback:s=>typeof s=="number"&&c&&c(s)})]}),e.jsx(E.default,{onResetCallback:$})]}),e.jsx(w.default,{controlledById:p,data:u,gaussianWidth:l,yOffset:a,estimatedPeak:b})]})};L.displayName="Widgets.LightCurve";const Q=L;exports.default=Q;

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

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as l, jsx as o, Fragment as z } from "react/jsx-runtime";
-import { useTranslation as A } from "react-i18next";
-import { min as B, max as H } from "d3-array";
+import { jsxs as l, jsx as o, Fragment as A } from "react/jsx-runtime";
+import { useTranslation as B } from "react-i18next";
+import { min as H, max as N } from "d3-array";
 import S from "@rubin-epo/epo-react-lib/HorizontalSlider";
 import y from "../../../charts/hooks/useAxis.js";
 import t from "../defaults.js";
-import N from "../ScatterPlot/index.js";
-import $ from "../LightCurve/index.js";
+import $ from "../ScatterPlot/index.js";
+import w from "../LightCurve/index.js";
 import E from "../A11Y/LightCurveLabel/index.js";
 import { formatMagnitudePoints as J, estimateMagnitudeWithOffset as K } from "../helpers.js";
 import Q from "../../../atomic/Button/patterns/Reset.js";
@@ -29,14 +29,14 @@ const D = ({
   isDisplayOnly: f,
   ...T
 }) => {
-  const { t: h } = A(), x = "lightCurveControls", v = "gaussianWidthLabel", g = "yOffsetLabel", i = J(P, W), j = B(i, ({ x: e }) => e) || Math.min(...i.map(({ x: e }) => e)), q = H(i, ({ x: e }) => e) || Math.max(...i.map(({ x: e }) => e)), F = () => {
+  const { t: x } = B(), h = "lightCurveControls", v = "gaussianWidthLabel", g = "yOffsetLabel", i = J(P, W), j = H(i, ({ x: e }) => e) || Math.min(...i.map(({ x: e }) => e)), q = N(i, ({ x: e }) => e) || Math.max(...i.map(({ x: e }) => e)), F = () => {
     a && a((s - r) / 2 + r), c && c(t.yOffset), d && d(t.gaussianWidth);
   }, [M, k, O] = y({
     min: j,
     max: q,
     step: t.xStep,
     range: [0, p]
-  }), [w, G, L] = y({
+  }), [z, G, L] = y({
     min: r,
     max: s,
     step: t.yStep,
@@ -44,7 +44,7 @@ const D = ({
   }), b = K(0, m, n);
   return /* @__PURE__ */ l(X, { className: R, children: [
     /* @__PURE__ */ o(
-      N,
+      $,
       {
         ...T,
         data: i,
@@ -52,16 +52,16 @@ const D = ({
         height: u,
         yMin: r,
         yMax: s,
-        children: i.length > 0 ? /* @__PURE__ */ l(z, { children: [
+        children: i.length > 0 ? /* @__PURE__ */ l(A, { children: [
           /* @__PURE__ */ o(
-            $,
+            w,
             {
               gaussianWidth: m,
               yOffset: n,
               xDomain: M,
               xScale: O,
               yScale: L,
-              yDomain: w
+              yDomain: z
             }
           ),
           /* @__PURE__ */ o(
@@ -73,16 +73,18 @@ const D = ({
               yMin: r,
               yMax: s,
               yScale: L,
-              estimatedPeak: b
+              estimatedPeak: b,
+              width: p,
+              height: u
             }
           ),
           /* @__PURE__ */ o(Z, { gaussianWidth: m })
         ] }) : null
       }
     ),
-    !f && /* @__PURE__ */ l(C, { id: x, children: [
+    !f && /* @__PURE__ */ l(C, { id: h, children: [
       /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ o(I, { id: v, children: h("light_curve.curve.controls.gaussian_width") }),
+        /* @__PURE__ */ o(I, { id: v, children: x("light_curve.curve.controls.gaussian_width") }),
         /* @__PURE__ */ o(
           S,
           {
@@ -98,7 +100,7 @@ const D = ({
         )
       ] }),
       /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ o(I, { id: g, children: h("light_curve.curve.controls.y_offset") }),
+        /* @__PURE__ */ o(I, { id: g, children: x("light_curve.curve.controls.y_offset") }),
         /* @__PURE__ */ o(
           S,
           {
@@ -118,7 +120,7 @@ const D = ({
     /* @__PURE__ */ o(
       E,
       {
-        controlledById: x,
+        controlledById: h,
         data: i,
         gaussianWidth: m,
         yOffset: n,

package/package.json

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