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

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: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,S,t]=R.default({...c,range:f}),[i,j,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=A[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:j,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:S.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),l.guidelines&&n.jsx($.default,{guides:j.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):L]}),n.jsx(K.default,{ticks:S,y:m,labelledById:P,xDomain:r,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";const ee=M;exports.default=ee;
+"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

@@ -11,8 +11,7 @@ import B from "../hooks/useAxis.js";
 import { Chart as _ } from "./styles.js";
 import D from "../defaults.js";
 import $ from "../canvas/Points/index.js";
-import { isSafari as w } from "../../lib/utils.js";
-const tt = {
+const w = {
   svg: U,
   canvas: $
 }, T = ({
@@ -30,29 +29,29 @@ const tt = {
   renderer: N = "svg",
   plotChildren: x
 }) => {
-  const [y, h] = J(), { label: O, points: f } = j, r = { ...D.margins, ...A }, t = typeof y < "u" ? f[y] : f.find(({ id: v }) => v === M), b = [0 + r.left, d - r.right], g = [m - r.bottom, 0 + r.top], [a, S, o] = B({ ...c, range: b }), [s, P, e] = B({ ...l, range: g }), I = e(s[0]), p = o(a[0]), k = e(s[1]), W = o(a[1]), C = "x-axis-label", L = "y-axis-label", X = Math.abs(b[1] - b[0]), Y = Math.abs(g[1] - g[0]), q = tt[N], H = /* @__PURE__ */ i(
+  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,
+      xScale: e,
+      yScale: o,
       label: O,
       onLoadedCallback: G
     }
   ), F = {
     Data: H,
-    xScale: o,
-    yScale: e,
+    xScale: e,
+    yScale: o,
     yStart: I,
     yEnd: k,
-    xStart: p,
+    xStart: v,
     xEnd: W,
-    yDomain: s,
-    xDomain: a
+    yDomain: a,
+    xDomain: s
   };
   return /* @__PURE__ */ u(
     _,
@@ -69,17 +68,17 @@ const tt = {
         /* @__PURE__ */ i(
           Q,
           {
-            ticks: P,
-            x: p,
+            ticks: S,
+            x: v,
             labelledById: L,
-            yDomain: s,
-            yScale: e
+            yDomain: a,
+            yScale: o
           }
         ),
         /* @__PURE__ */ u(
           Z,
           {
-            x: p,
+            x: v,
             y: k,
             width: X,
             height: Y,
@@ -87,22 +86,22 @@ const tt = {
               c.guidelines && /* @__PURE__ */ i(
                 R,
                 {
-                  guides: S.length,
+                  guides: P.length,
                   direction: "vertical",
-                  xDomain: a,
-                  yDomain: s,
-                  xScale: o,
-                  yScale: e
+                  xDomain: s,
+                  yDomain: a,
+                  xScale: e,
+                  yScale: o
                 }
               ),
               l.guidelines && /* @__PURE__ */ i(
                 R,
                 {
-                  guides: P.length,
-                  xDomain: a,
-                  yDomain: s,
-                  xScale: o,
-                  yScale: e
+                  guides: S.length,
+                  xDomain: s,
+                  yDomain: a,
+                  xScale: e,
+                  yScale: o
                 }
               ),
               x ? x(F) : H
@@ -112,18 +111,18 @@ const tt = {
         /* @__PURE__ */ i(
           K,
           {
-            ticks: S,
+            ticks: P,
             y: I,
             labelledById: C,
-            xDomain: a,
-            xScale: o
+            xDomain: s,
+            xScale: e
           }
         ),
-        n && !w() && /* @__PURE__ */ 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: D.pointRadius,
             children: [
@@ -137,7 +136,7 @@ const tt = {
   );
 };
 T.displayName = "Charts.ScatterPlot";
-const gt = T;
+const ft = T;
 export {
-  gt as default
+  ft as default
 };

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/SourceSelector/SourceSelector.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),B=require("react-i18next"),E=require("@rubin-epo/epo-react-lib/IconComposer"),I=require("../../layout/AspectRatio/index.cjs"),N=require("../../atomic/Loader/index.cjs"),R=require("./PointSelector/index.cjs"),U=require("./Message/Message.cjs"),w=require("../../atomic/Blinker/Blinker.cjs"),y=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),D=e=>e&&e.__esModule?e:{default:e},G=D(E),H=(e,u)=>{var r;const n={day:0,hour:0},o=e[u];if(!o)return n;const t=(o==null?void 0:o.date)-((r=e[0])==null?void 0:r.date);return t?{day:Math.round(t)||0,hour:Math.round(24/t%24)||0}:n},q=({width:e=600,height:u=600,selectedSource:n=[],sources:o,alerts:t=[],activeAlertIndex:r=0,alertChangeCallback:M,selectionCallback:d,blinkConfig:j,isDisplayOnly:c=!1,isLoading:b,className:C})=>{var S;const[_,k]=l.useState(!0),[p,f]=l.useState(),[V,i]=l.useState(!1),{t:g}=B.useTranslation(),h="sourceSelectorWidget",m=!_&&!b,x=()=>{f(g("source_selector.messages.failure")),i(!0)},L=a=>{if(!(!m||c))if(a){const P=!!o.find(({id:z})=>z===a),W=!n.includes(a);P&&W?(d&&d(n.concat(a)),f(s.jsxs(s.Fragment,{children:[s.jsx(G.default,{icon:"checkmark"}),g("source_selector.messages.success")]})),i(!0)):x()}else x()},T=()=>{i(!1)},{day:$,hour:v}=H(t,r),F=c?[(S=t[r])==null?void 0:S.image]:t.map(({image:a})=>a);return s.jsxs(I.default,{ratio:"square",className:C,children:[!c&&s.jsx(U.default,{onMessageChangeCallback:T,isVisible:V,forIds:[h],children:p}),s.jsx(w.default,{images:F,activeIndex:r,blinkCallback:M,loadedCallback:()=>k(!1),extraControls:t.length>0&&!c&&s.jsx(y.default,{day:$,hour:v}),...j,children:s.jsx(R.default,{id:h,onSelectCallback:L,width:e,height:u,sources:o,selectedSource:n})}),!m&&s.jsx(N.default,{})]})};q.displayName="Widgets.SourceSelector";const J=q;exports.default=J;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),y=require("react-i18next"),z=require("@rubin-epo/epo-react-lib/IconComposer"),E=require("../../layout/AspectRatio/index.cjs"),I=require("../../atomic/Loader/index.cjs"),N=require("./PointSelector/index.cjs"),R=require("./styles.cjs"),U=require("./Message/Message.cjs"),w=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),D=e=>e&&e.__esModule?e:{default:e},G=D(z),H=(e,u)=>{var r;const n={day:0,hour:0},o=e[u];if(!o)return n;const t=(o==null?void 0:o.date)-((r=e[0])==null?void 0:r.date);return t?{day:Math.round(t)||0,hour:Math.round(24/t%24)||0}:n},q=({width:e=600,height:u=600,selectedSource:n=[],sources:o,alerts:t=[],activeAlertIndex:r=0,alertChangeCallback:M,selectionCallback:d,blinkConfig:j,isDisplayOnly:c=!1,isLoading:b,className:C})=>{var S;const[_,k]=l.useState(!0),[p,f]=l.useState(),[V,i]=l.useState(!1),{t:g}=y.useTranslation(),h="sourceSelectorWidget",m=!_&&!b,x=()=>{f(g("source_selector.messages.failure")),i(!0)},L=a=>{if(!(!m||c))if(a){const F=!!o.find(({id:W})=>W===a),P=!n.includes(a);F&&P?(d&&d(n.concat(a)),f(s.jsxs(s.Fragment,{children:[s.jsx(G.default,{icon:"checkmark"}),g("source_selector.messages.success")]})),i(!0)):x()}else x()},T=()=>{i(!1)},{day:$,hour:v}=H(t,r),B=c?[(S=t[r])==null?void 0:S.image]:t.map(({image:a})=>a);return s.jsxs(E.default,{ratio:"square",className:C,children:[!c&&s.jsx(U.default,{onMessageChangeCallback:T,isVisible:V,forIds:[h],children:p}),s.jsx(R.BackgroundBlinker,{images:B,activeIndex:r,blinkCallback:M,loadedCallback:()=>k(!1),extraControls:t.length>0&&!c&&s.jsx(w.default,{day:$,hour:v}),...j,children:s.jsx(N.default,{id:h,onSelectCallback:L,width:e,height:u,sources:o,selectedSource:n})}),!m&&s.jsx(I.default,{})]})};q.displayName="Widgets.SourceSelector";const J=q;exports.default=J;

package/dist/widgets/SourceSelector/SourceSelector.js

@@ -6,15 +6,15 @@ import $ from "@rubin-epo/epo-react-lib/IconComposer";
 import v from "../../layout/AspectRatio/index.js";
 import w from "../../atomic/Loader/index.js";
 import G from "./PointSelector/index.js";
-import H from "./Message/Message.js";
-import J from "../../atomic/Blinker/Blinker.js";
+import { BackgroundBlinker as H } from "./styles.js";
+import J from "./Message/Message.js";
 import K from "../../atomic/ElapsedTime/ElapsedTime.js";
 const Q = (n, c) => {
-  var t;
+  var r;
   const s = { day: 0, hour: 0 }, o = n[c];
   if (!o)
     return s;
-  const e = (o == null ? void 0 : o.date) - ((t = n[0]) == null ? void 0 : t.date);
+  const e = (o == null ? void 0 : o.date) - ((r = n[0]) == null ? void 0 : r.date);
   return e ? {
     day: Math.round(e) || 0,
     hour: Math.round(24 / e % 24) || 0
@@ -25,7 +25,7 @@ const Q = (n, c) => {
   selectedSource: s = [],
   sources: o,
   alerts: e = [],
-  activeAlertIndex: t = 0,
+  activeAlertIndex: r = 0,
   alertChangeCallback: b,
   selectionCallback: l,
   blinkConfig: k,
@@ -34,13 +34,13 @@ const Q = (n, c) => {
   className: V
 }) => {
   var S;
-  const [x, j] = f(!0), [F, u] = f(), [P, m] = f(!1), { t: d } = U(), g = "sourceSelectorWidget", h = !x && !L, p = () => {
+  const [x, j] = f(!0), [B, u] = f(), [F, m] = f(!1), { t: d } = U(), g = "sourceSelectorWidget", h = !x && !L, p = () => {
     u(d("source_selector.messages.failure")), m(!0);
-  }, T = (r) => {
+  }, P = (t) => {
     if (!(!h || i))
-      if (r) {
-        const B = !!o.find(({ id: N }) => N === r), E = !s.includes(r);
-        B && E ? (l && l(s.concat(r)), u(
+      if (t) {
+        const z = !!o.find(({ id: N }) => N === t), E = !s.includes(t);
+        z && E ? (l && l(s.concat(t)), u(
           /* @__PURE__ */ C(R, { children: [
             /* @__PURE__ */ a($, { icon: "checkmark" }),
             d("source_selector.messages.success")
@@ -48,33 +48,33 @@ const Q = (n, c) => {
         ), m(!0)) : p();
       } else
         p();
-  }, W = () => {
+  }, T = () => {
     m(!1);
-  }, { day: _, hour: q } = Q(e, t), z = i ? [(S = e[t]) == null ? void 0 : S.image] : e.map(({ image: r }) => r);
+  }, { day: W, hour: _ } = Q(e, r), q = i ? [(S = e[r]) == null ? void 0 : S.image] : e.map(({ image: t }) => t);
   return /* @__PURE__ */ C(v, { ratio: "square", className: V, children: [
     !i && /* @__PURE__ */ a(
-      H,
+      J,
       {
-        onMessageChangeCallback: W,
-        isVisible: P,
+        onMessageChangeCallback: T,
+        isVisible: F,
         forIds: [g],
-        children: F
+        children: B
       }
     ),
     /* @__PURE__ */ a(
-      J,
+      H,
       {
-        images: z,
-        activeIndex: t,
+        images: q,
+        activeIndex: r,
         blinkCallback: b,
         loadedCallback: () => j(!1),
-        extraControls: e.length > 0 && !i && /* @__PURE__ */ a(K, { day: _, hour: q }),
+        extraControls: e.length > 0 && !i && /* @__PURE__ */ a(K, { day: W, hour: _ }),
         ...k,
         children: /* @__PURE__ */ a(
           G,
           {
             id: g,
-            onSelectCallback: T,
+            onSelectCallback: P,
             width: n,
             height: c,
             sources: o,

package/dist/widgets/SourceSelector/styles.cjs

@@ -1,6 +1,10 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),o=t=>t&&t.__esModule?t:{default:t},s=o(e),l=s.default.svg`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),l=require("../../atomic/Blinker/Blinker.cjs"),n=t=>t&&t.__esModule?t:{default:t},e=n(o),s=e.default.svg`
   cursor: pointer;
   position: absolute;
   bottom: 0;
   left: 0;
-`;exports.SVG=l;
+`,u=e.default(l.default)`
+  position: absolute;
+  width: 100%;
+  height: 100%;
+`;exports.BackgroundBlinker=u;exports.SVG=s;

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

@@ -482,3 +482,16 @@ export declare const SVG: import('styled-components').IStyledComponent<"web", {
     ref?: import('react').LegacyRef<SVGSVGElement> | undefined;
     key?: import('react').Key | null | undefined;
 }>;
+export declare const BackgroundBlinker: import('styled-components').IStyledComponent<"web", {
+    images: import('@rubin-epo/epo-react-lib/Image').ImageShape[];
+    activeIndex: number;
+    autoplay?: boolean | undefined;
+    loop?: boolean | undefined;
+    interval?: number | undefined;
+    blinkCallback?: ((activeIndex: number) => void) | undefined;
+    loadedCallback?: (() => void) | undefined;
+    className?: string | undefined;
+    showControls?: boolean | undefined;
+    extraControls?: import('react').ReactNode;
+    children?: import('react').ReactNode;
+}> & import('react').FunctionComponent<import('react').PropsWithChildren<import('../../atomic/Blinker/Blinker').BlinkerProps>>;

package/dist/widgets/SourceSelector/styles.js

@@ -1,11 +1,17 @@
 "use client";
 import o from "styled-components";
-const e = o.svg`
+import t from "../../atomic/Blinker/Blinker.js";
+const r = o.svg`
   cursor: pointer;
   position: absolute;
   bottom: 0;
   left: 0;
+`, s = o(t)`
+  position: absolute;
+  width: 100%;
+  height: 100%;
 `;
 export {
-  e as SVG
+  s as BackgroundBlinker,
+  r as SVG
 };

package/package.json

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