@rubin-epo/epo-widget-lib 1.0.7 → 1.0.9

package/dist/IsochronePlot.js

@@ -17,8 +17,7 @@ import nt from "./widgets/IsochronePlot/A11Y/CurveFit.js";
 import { ageToGyrs as at, distanceToLyrs as lt } from "./widgets/IsochronePlot/helpers.js";
 import { PlotWrapper as mt } from "./atomic/PlotWrapper/styles.js";
 const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md : t < parseFloat(j("BREAK_LARGE_TABLET")) ? s.pointRadius.sm : s.pointRadius.lg : s.pointRadius.lg, E = (t, n, r = 2) => {
-  if (r < 0)
-    return "";
+  if (r < 0) return "";
   const i = t.toFixed(r);
   return n.includes(i) ? i : E(t, n, r - 1);
 }, dt = (t, n, r, i) => {

package/dist/SupernovaThreeVector.cjs

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

package/dist/SupernovaThreeVector.js

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

package/dist/atomic/Blinker/Controls/Controls.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("react-i18next"),u=require("./styles.cjs"),r=require("../../PlaybackControl/PlaybackControl.cjs"),n=({playing:a,handleStartStop:o,handleNext:s,handlePrevious:i,className:d,isDisabled:l})=>{const{t:e}=c.useTranslation();return t.jsxs(u.ControlsContainer,{"data-testid":"blinker-controls",className:d,children:[t.jsx(r.default,{"data-testid":"blinker-backward",icon:"Backward",label:e("blinker.controls.backward"),handleClick:i,disabled:l}),t.jsx(r.default,{"data-testid":"blinker-start-stop",icon:a?"Pause":"Play",label:e(a?"blinker.controls.pause":"blinker.controls.play"),handleClick:o,disabled:l}),t.jsx(r.default,{"data-testid":"blinker-forward",icon:"Forward",label:e("blinker.controls.forward"),handleClick:s,disabled:l})]})};n.displayName="Atomic.Blinker.Controls";const b=n;exports.default=b;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("react-i18next"),u=require("./styles.cjs"),r=require("../../PlaybackControl/PlaybackControl.cjs"),n=({playing:a,handleStartStop:o,handleNext:s,handlePrevious:i,className:d,isDisabled:l})=>{const{t:e}=c.useTranslation();return t.jsxs(u.ControlsContainer,{"data-testid":"blinker-controls",className:d,children:[t.jsx(r.default,{"data-testid":"blinker-backward",icon:"Backward",label:e("blinker.controls.backward"),handleClick:i,disabled:l}),t.jsx(r.default,{"data-testid":"blinker-start-stop",icon:a?"Pause":"Play",label:e(a?"blinker.controls.pause":"blinker.controls.play"),handleClick:o,disabled:l}),t.jsx(r.default,{"data-testid":"blinker-forward",icon:"Forward",label:e("blinker.controls.forward"),handleClick:s,disabled:l})]})};n.displayName="Atomic.Blinker.Controls";exports.default=n;

package/dist/atomic/Blinker/Controls/Controls.js

@@ -1,50 +1,50 @@
 "use client";
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useTranslation as k } from "react-i18next";
-import { ControlsContainer as b } from "./styles.js";
-import l from "../../PlaybackControl/PlaybackControl.js";
-const n = ({
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
+import { ControlsContainer as k } from "./styles.js";
+import t from "../../PlaybackControl/PlaybackControl.js";
+const b = ({
   playing: a,
-  handleStartStop: e,
-  handleNext: i,
-  handlePrevious: s,
-  className: d,
+  handleStartStop: n,
+  handleNext: e,
+  handlePrevious: i,
+  className: s,
   isDisabled: o
 }) => {
-  const { t: r } = k();
-  return /* @__PURE__ */ c(
-    b,
+  const { t: r } = c();
+  return /* @__PURE__ */ d(
+    k,
     {
       "data-testid": "blinker-controls",
-      className: d,
+      className: s,
       children: [
-        /* @__PURE__ */ t(
-          l,
+        /* @__PURE__ */ l(
+          t,
           {
             "data-testid": "blinker-backward",
             icon: "Backward",
             label: r("blinker.controls.backward"),
-            handleClick: s,
+            handleClick: i,
             disabled: o
           }
         ),
-        /* @__PURE__ */ t(
-          l,
+        /* @__PURE__ */ l(
+          t,
           {
             "data-testid": "blinker-start-stop",
             icon: a ? "Pause" : "Play",
             label: r(a ? "blinker.controls.pause" : "blinker.controls.play"),
-            handleClick: e,
+            handleClick: n,
             disabled: o
           }
         ),
-        /* @__PURE__ */ t(
-          l,
+        /* @__PURE__ */ l(
+          t,
           {
             "data-testid": "blinker-forward",
             icon: "Forward",
             label: r("blinker.controls.forward"),
-            handleClick: i,
+            handleClick: e,
             disabled: o
           }
         )
@@ -52,8 +52,7 @@ const n = ({
     }
   );
 };
-n.displayName = "Atomic.Blinker.Controls";
-const u = n;
+b.displayName = "Atomic.Blinker.Controls";
 export {
-  u as default
+  b as default
 };

package/dist/charts/Bars/index.js

@@ -8,8 +8,7 @@ const n = ({
   yScale: t,
   y: e = t(o[0])
 }) => r.length === 0 ? null : /* @__PURE__ */ h("g", { role: "list", children: r.map(({ stroke: m, fill: f, width: s = 8, x: p, value: a, props: u }, c) => {
-  if (a === 0)
-    return null;
+  if (a === 0) return null;
   const l = e - t(a);
   return /* @__PURE__ */ B(
     g,

package/dist/charts/Guidelines/index.js

@@ -11,8 +11,7 @@ const p = ({
   margin: u,
   className: h
 }) => {
-  if (a === 0)
-    return null;
+  if (a === 0) return null;
   const e = t === "horizontal" ? l : s, c = t === "horizontal" ? i : r, o = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...u }, d = j(e[1], e[0], a);
   return /* @__PURE__ */ f("g", { className: h, children: d.map((m, g) => {
     const n = c(m), z = t === "horizontal" ? [r(s[0]) - o.left, n] : [n - o.top, i(l[0])], G = t === "horizontal" ? [r(s[1]) + o.right, n] : [n, i(l[1]) + o.bottom];

package/dist/charts/PathFromPoints/index.js

@@ -5,8 +5,7 @@ const l = ({
   className: o,
   svgProps: r
 }) => {
-  if (t.length === 0)
-    return null;
+  if (t.length === 0) return null;
   const n = { ...{
     fill: "none",
     strokeWidth: 2,

package/dist/charts/Points/ErrorBar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../defaults.cjs"),m=({error:o,xScale:s,yScale:i})=>{const x={};Object.keys(o).forEach(n=>{const{min:l,max:d}=o[n];n==="x"?x[n]={min:l?s(0)-s(l):void 0,max:d?s(d)-s(0):void 0}:x[n]={min:l?i(l)-i(0):void 0,max:d?i(0)-i(d):void 0}});const{x:a,y:t}=x;return r.jsxs("g",{children:[a&&r.jsxs(r.Fragment,{children:[a.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-e.default.errorBarCapWidth,y2:e.default.errorBarCapWidth,x1:a.max,x2:a.max,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:0,x2:a.max,...e.default.errorBarStyles})]}),a.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-e.default.errorBarCapWidth,y2:e.default.errorBarCapWidth,x1:a.min,x2:a.min,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:a.min,x2:0,...e.default.errorBarStyles})]})]}),t&&r.jsxs(r.Fragment,{children:[t.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-e.default.errorBarCapWidth,x2:e.default.errorBarCapWidth,y1:t.max,y2:t.max,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:0,y2:t.max,...e.default.errorBarStyles})]}),t.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-e.default.errorBarCapWidth,x2:e.default.errorBarCapWidth,y1:t.min,y2:t.min,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:t.min,y2:0,...e.default.errorBarStyles})]})]})]})};m.displayName="Charts.Points.ErrorBar";const u=m;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../defaults.cjs"),m=({error:o,xScale:s,yScale:i})=>{const x={};Object.keys(o).forEach(l=>{const{min:n,max:d}=o[l];l==="x"?x[l]={min:n?s(0)-s(n):void 0,max:d?s(d)-s(0):void 0}:x[l]={min:n?i(n)-i(0):void 0,max:d?i(0)-i(d):void 0}});const{x:a,y:t}=x;return r.jsxs("g",{children:[a&&r.jsxs(r.Fragment,{children:[a.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-e.default.errorBarCapWidth,y2:e.default.errorBarCapWidth,x1:a.max,x2:a.max,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:0,x2:a.max,...e.default.errorBarStyles})]}),a.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-e.default.errorBarCapWidth,y2:e.default.errorBarCapWidth,x1:a.min,x2:a.min,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:a.min,x2:0,...e.default.errorBarStyles})]})]}),t&&r.jsxs(r.Fragment,{children:[t.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-e.default.errorBarCapWidth,x2:e.default.errorBarCapWidth,y1:t.max,y2:t.max,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:0,y2:t.max,...e.default.errorBarStyles})]}),t.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-e.default.errorBarCapWidth,x2:e.default.errorBarCapWidth,y1:t.min,y2:t.min,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:t.min,y2:0,...e.default.errorBarStyles})]})]})]})};m.displayName="Charts.Points.ErrorBar";exports.default=m;

package/dist/charts/Points/ErrorBar.js

@@ -1,4 +1,4 @@
-import { jsxs as o, Fragment as n, jsx as a } from "react/jsx-runtime";
+import { jsxs as n, Fragment as o, jsx as a } from "react/jsx-runtime";
 import r from "../defaults.js";
 const B = ({
   error: l,
@@ -17,9 +17,9 @@ const B = ({
     };
   });
   const { x: e, y: i } = d;
-  return /* @__PURE__ */ o("g", { children: [
-    e && /* @__PURE__ */ o(n, { children: [
-      e.max && /* @__PURE__ */ o(n, { children: [
+  return /* @__PURE__ */ n("g", { children: [
+    e && /* @__PURE__ */ n(o, { children: [
+      e.max && /* @__PURE__ */ n(o, { children: [
         /* @__PURE__ */ a(
           "line",
           {
@@ -41,7 +41,7 @@ const B = ({
           }
         )
       ] }),
-      e.min && /* @__PURE__ */ o(n, { children: [
+      e.min && /* @__PURE__ */ n(o, { children: [
         /* @__PURE__ */ a(
           "line",
           {
@@ -64,8 +64,8 @@ const B = ({
         )
       ] })
     ] }),
-    i && /* @__PURE__ */ o(n, { children: [
-      i.max && /* @__PURE__ */ o(n, { children: [
+    i && /* @__PURE__ */ n(o, { children: [
+      i.max && /* @__PURE__ */ n(o, { children: [
         /* @__PURE__ */ a(
           "line",
           {
@@ -87,7 +87,7 @@ const B = ({
           }
         )
       ] }),
-      i.min && /* @__PURE__ */ o(n, { children: [
+      i.min && /* @__PURE__ */ n(o, { children: [
         /* @__PURE__ */ a(
           "line",
           {
@@ -113,7 +113,6 @@ const B = ({
   ] });
 };
 B.displayName = "Charts.Points.ErrorBar";
-const c = B;
 export {
-  c as default
+  B 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=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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),u=require("./styles.cjs"),h=require("../../lib/utils.cjs"),O=(t,e)=>t.includes("left")?`calc(0% + ${e}px)`:t.includes("right")?`calc(-100% - ${e}px)`:(t.includes("center"),"-50%"),b=(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 c=[...s.split(" "),..."center center".split(" ")].slice(0,2).join(" "),o=6,a=O(c,o+r),f=b(c,o+r),$=c.includes("center")&&c.split(" ").filter(m=>m!=="center").length===1,x=g(c);return i.jsx(u.TooltipContainer,{children:typeof t=="number"&&typeof e=="number"&&i.jsxs(u.Tooltip,{className:p,style:h.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,$&&i.jsx(u.Arrow,{style:{"--arrow-size":`${o}px`,...x}})]})})};d.displayName="Charts.Tooltip";const w=d;exports.default=w;

package/dist/charts/Tooltip/index.js

@@ -1,7 +1,7 @@
-import { jsx as f, jsxs as h } from "react/jsx-runtime";
-import { TooltipContainer as w, Tooltip as O, Arrow as T } from "./styles.js";
-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) => {
+import { jsx as f, jsxs as x } from "react/jsx-runtime";
+import { TooltipContainer as h, Tooltip as w, Arrow as O } from "./styles.js";
+import { isSafari as T } from "../../lib/utils.js";
+const b = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right") ? `calc(-100% - ${e}px)` : (t.includes("center"), "-50%"), g = (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,
@@ -17,12 +17,12 @@ const g = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right
   children: s,
   className: u
 }) => {
-  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,
+  const o = [...l.split(" "), ..."center center".split(" ")].slice(0, 2).join(" "), c = 6, i = b(o, c + r), a = g(o, c + r), d = o.includes("center") && o.split(" ").filter((m) => m !== "center").length === 1, $ = y(o);
+  return /* @__PURE__ */ f(h, { children: typeof t == "number" && typeof e == "number" && /* @__PURE__ */ x(
+    w,
     {
       className: u,
-      style: b() ? {
+      style: T() ? {
         left: `${t}px`,
         top: `${e}px`,
         transform: `translate(${i},${a})`
@@ -32,12 +32,12 @@ const g = (t, e) => t.includes("left") ? `calc(0% + ${e}px)` : t.includes("right
       hidden: !n,
       children: [
         s,
-        $ && /* @__PURE__ */ f(
-          T,
+        d && /* @__PURE__ */ f(
+          O,
           {
             style: {
               "--arrow-size": `${c}px`,
-              ...m
+              ...$
             }
           }
         )

package/dist/charts/XAxis/index.js

@@ -42,8 +42,7 @@ const h = ({
       }
     ),
     c.length > 0 && /* @__PURE__ */ l("g", { role: "list", "aria-labelledby": b, className: A, children: c.map((t, n) => {
-      if (t >= r[1])
-        return null;
+      if (t >= r[1]) return null;
       const i = e + m, s = o(t);
       return /* @__PURE__ */ d("g", { role: "listitem", children: [
         m > 0 && /* @__PURE__ */ l(j, { x1: s, x2: s, y1: e, y2: i }),

package/dist/charts/canvas/Points/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const U=require("react/jsx-runtime"),p=require("../../defaults.cjs"),c=require("react"),u=({data:o,width:r,height:i,xScale:a,yScale:f,onLoadedCallback:l})=>{const[d,P]=c.useState(),[n,v]=c.useState();if(c.useEffect(()=>()=>{n&&URL.revokeObjectURL(n)},[]),o.length===0)return null;const R=(s,e)=>{const{stroke:t,fill:h,radius:y,x:C,y:j}={...p.default.canvasPoint,...s},m=a(C),S=f(j);e.beginPath(),e.arc(m,S,y||6,0,2*Math.PI),e.closePath(),e.fillStyle=h,e.strokeStyle=t,e.fill(),e.stroke()},g=s=>{const e=(window==null?void 0:window.devicePixelRatio)||1;s.width=r*e,s.height=i*e;const t=s.getContext("2d");if(t)return t.scale(e,e),t};if(d!==o.length){n&&URL.revokeObjectURL(n);const s=document==null?void 0:document.createElement("canvas"),e=g(s);e&&(e.clearRect(0,0,r,i),e.lineWidth=1,o.forEach(t=>R(t,e)),s.toBlob(t=>{t&&(v(URL.createObjectURL(t)),P(o.length),l&&l())}))}return U.jsx("image",{href:n,x:0,y:0,width:r,height:i})};u.displayName="Charts.Canvas.Points";const L=u;exports.default=L;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const U=require("react/jsx-runtime"),p=require("../../defaults.cjs"),c=require("react"),u=({data:r,width:o,height:i,xScale:a,yScale:f,onLoadedCallback:l})=>{const[d,P]=c.useState(),[n,R]=c.useState();if(c.useEffect(()=>()=>{n&&URL.revokeObjectURL(n)},[]),r.length===0)return null;const v=(s,e)=>{const{stroke:t,fill:h,radius:y,x:j,y:m}={...p.default.canvasPoint,...s},C=a(j),S=f(m);e.beginPath(),e.arc(C,S,y||6,0,2*Math.PI),e.closePath(),e.fillStyle=h,e.strokeStyle=t,e.fill(),e.stroke()},g=s=>{const e=(window==null?void 0:window.devicePixelRatio)||1;s.width=o*e,s.height=i*e;const t=s.getContext("2d");if(t)return t.scale(e,e),t};if(d!==r.length){n&&URL.revokeObjectURL(n);const s=document==null?void 0:document.createElement("canvas"),e=g(s);e&&(e.clearRect(0,0,o,i),e.lineWidth=1,r.forEach(t=>v(t,e)),s.toBlob(t=>{t&&(R(URL.createObjectURL(t)),P(r.length),l&&l())}))}return U.jsx("image",{href:n,x:0,y:0,width:o,height:i})};u.displayName="Charts.Canvas.Points";exports.default=u;

package/dist/charts/canvas/Points/index.js

@@ -1,44 +1,42 @@
 "use client";
-import { jsx as L } from "react/jsx-runtime";
-import j from "../../defaults.js";
-import { useState as a, useEffect as k } from "react";
-const l = ({
+import { jsx as g } from "react/jsx-runtime";
+import L from "../../defaults.js";
+import { useState as l, useEffect as j } from "react";
+const k = ({
   data: o,
   width: r,
   height: i,
-  xScale: f,
-  yScale: u,
+  xScale: a,
+  yScale: f,
   onLoadedCallback: c
 }) => {
-  const [P, m] = a(), [s, d] = a();
-  if (k(() => () => {
+  const [u, P] = l(), [s, m] = l();
+  if (j(() => () => {
     s && URL.revokeObjectURL(s);
-  }, []), o.length === 0)
-    return null;
-  const R = (n, t) => {
-    const { stroke: e, fill: v, radius: h, x: C, y } = {
-      ...j.canvasPoint,
+  }, []), o.length === 0) return null;
+  const d = (n, e) => {
+    const { stroke: t, fill: p, radius: h, x: v, y } = {
+      ...L.canvasPoint,
       ...n
-    }, U = f(C), g = u(y);
-    t.beginPath(), t.arc(U, g, h || 6, 0, 2 * Math.PI), t.closePath(), t.fillStyle = v, t.strokeStyle = e, t.fill(), t.stroke();
-  }, p = (n) => {
-    const t = (window == null ? void 0 : window.devicePixelRatio) || 1;
-    n.width = r * t, n.height = i * t;
-    const e = n.getContext("2d");
-    if (e)
-      return e.scale(t, t), e;
+    }, C = a(v), U = f(y);
+    e.beginPath(), e.arc(C, U, h || 6, 0, 2 * Math.PI), e.closePath(), e.fillStyle = p, e.strokeStyle = t, e.fill(), e.stroke();
+  }, R = (n) => {
+    const e = (window == null ? void 0 : window.devicePixelRatio) || 1;
+    n.width = r * e, n.height = i * e;
+    const t = n.getContext("2d");
+    if (t)
+      return t.scale(e, e), t;
   };
-  if (P !== o.length) {
+  if (u !== o.length) {
     s && URL.revokeObjectURL(s);
-    const n = document == null ? void 0 : document.createElement("canvas"), t = p(n);
-    t && (t.clearRect(0, 0, r, i), t.lineWidth = 1, o.forEach((e) => R(e, t)), n.toBlob((e) => {
-      e && (d(URL.createObjectURL(e)), m(o.length), c && c());
+    const n = document == null ? void 0 : document.createElement("canvas"), e = R(n);
+    e && (e.clearRect(0, 0, r, i), e.lineWidth = 1, o.forEach((t) => d(t, e)), n.toBlob((t) => {
+      t && (m(URL.createObjectURL(t)), P(o.length), c && c());
     }));
   }
-  return /* @__PURE__ */ L("image", { href: s, x: 0, y: 0, width: r, height: i });
+  return /* @__PURE__ */ g("image", { href: s, x: 0, y: 0, width: r, height: i });
 };
-l.displayName = "Charts.Canvas.Points";
-const S = l;
+k.displayName = "Charts.Canvas.Points";
 export {
-  S as default
+  k as default
 };

package/dist/charts/defaults.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={top:0,right:0,bottom:0,left:0},r=6,o={radius:r,fill:"var(--point-fill, #12726D)",stroke:"var(--point-stroke, #12726D)"},e={radius:r,fill:"#12726D",stroke:"#12726D"},a=r/2,i="var(--error-bar-stroke, var(--black, #000))",n="var(--error-bar-stroke-width, 1)",l="var(--error-bar-fill, none)",s={stroke:i,strokeWidth:n,fill:l},c={margins:t,pointRadius:r,point:o,canvasPoint:e,errorBarCapWidth:a,errorBarStyles:s},d=c;exports.canvasPoint=e;exports.default=d;exports.errorBarCapWidth=a;exports.errorBarStyles=s;exports.margins=t;exports.point=o;exports.pointRadius=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={top:0,right:0,bottom:0,left:0},r=6,o={radius:r,fill:"var(--point-fill, #12726D)",stroke:"var(--point-stroke, #12726D)"},e={radius:r,fill:"#12726D",stroke:"#12726D"},a=r/2,i="var(--error-bar-stroke, var(--black, #000))",n="var(--error-bar-stroke-width, 1)",l="var(--error-bar-fill, none)",s={stroke:i,strokeWidth:n,fill:l},c={margins:t,pointRadius:r,point:o,canvasPoint:e,errorBarCapWidth:a,errorBarStyles:s};exports.canvasPoint=e;exports.default=c;exports.errorBarCapWidth=a;exports.errorBarStyles=s;exports.margins=t;exports.point=o;exports.pointRadius=r;

package/dist/charts/defaults.js

@@ -1,29 +1,29 @@
-const t = { top: 0, right: 0, bottom: 0, left: 0 }, r = 6, o = {
+const o = { top: 0, right: 0, bottom: 0, left: 0 }, r = 6, t = {
   radius: r,
   fill: "var(--point-fill, #12726D)",
   stroke: "var(--point-stroke, #12726D)"
-}, s = {
+}, a = {
   radius: r,
   fill: "#12726D",
   stroke: "#12726D"
-}, a = r / 2, e = "var(--error-bar-stroke, var(--black, #000))", i = "var(--error-bar-stroke-width, 1)", n = "var(--error-bar-fill, none)", l = {
+}, s = r / 2, e = "var(--error-bar-stroke, var(--black, #000))", i = "var(--error-bar-stroke-width, 1)", n = "var(--error-bar-fill, none)", l = {
   stroke: e,
   strokeWidth: i,
   fill: n
 }, c = {
-  margins: t,
+  margins: o,
   pointRadius: r,
-  point: o,
-  canvasPoint: s,
-  errorBarCapWidth: a,
+  point: t,
+  canvasPoint: a,
+  errorBarCapWidth: s,
   errorBarStyles: l
-}, d = c;
+};
 export {
-  s as canvasPoint,
-  d as default,
-  a as errorBarCapWidth,
+  a as canvasPoint,
+  c as default,
+  s as errorBarCapWidth,
   l as errorBarStyles,
-  t as margins,
-  o as point,
+  o as margins,
+  t as point,
   r as pointRadius
 };

package/dist/layout/Controls/index.d.ts

@@ -3,7 +3,7 @@ import { Ratios } from '../AspectRatio';
 
 interface WidgetControlsProps {
     widget: ReactNode;
-    controls: ReactNode;
+    controls?: ReactNode;
     ratio?: Ratios;
     controlsId?: string;
     actions?: ReactNode;