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

package/dist/ColorTool.d.ts

@@ -1,3 +1,3 @@
-export * from './widgets/ColorTool/ColorTool'
-import _default from './widgets/ColorTool/ColorTool'
+export * from './widgets/ColorTool/index'
+import _default from './widgets/ColorTool/index'
 export default _default

package/dist/FilterTool.d.ts

@@ -1,3 +1,3 @@
-export * from './widgets/FilterTool/FilterTool'
-import _default from './widgets/FilterTool/FilterTool'
+export * from './widgets/FilterTool/index'
+import _default from './widgets/FilterTool/index'
 export default _default

package/dist/IsochronePlot.js

@@ -23,7 +23,7 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
 }, dt = (t, n, r, i) => {
   const u = E(t, Object.keys(i)), l = i[u];
   return l ? l.map(({ x: g, y: f }) => ({ x: n(g), y: r(f) })) : [];
-}, Dt = ({
+}, It = ({
   data: t,
   value: n,
   ageLibrary: r,
@@ -66,7 +66,7 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
     distance: (o) => lt(o).toLocaleString(v, {
       maximumFractionDigits: 0
     })
-  }, B = {
+  }, D = {
     age: L.age(d),
     distance: L.distance(F)
   }, G = /* @__PURE__ */ e(mt, { ref: z, children: /* @__PURE__ */ e(
@@ -89,18 +89,18 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
         xScale: p,
         yScale: R,
         yStart: S,
-        yEnd: D,
-        xStart: I,
+        yEnd: I,
+        xStart: T,
         xEnd: N,
         yDomain: $
       }) => {
-        const T = dt(d, p, R, _), K = R(F + $[1]);
+        const B = dt(d, p, R, _), K = R(F + $[1]);
         return /* @__PURE__ */ q(J, { children: [
           o,
           d && /* @__PURE__ */ e(
             rt,
             {
-              points: T,
+              points: B,
               svgProps: {
                 strokeWidth: 2,
                 transform: `translate(0,${K})`
@@ -111,10 +111,10 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
             et,
             {
               viewport: {
-                x: I,
-                y: D,
-                outerHeight: S - D,
-                outerWidth: N - I,
+                x: T,
+                y: I,
+                outerHeight: S - I,
+                outerWidth: N - T,
                 innerWidth: b,
                 innerHeight: y
               },
@@ -124,8 +124,8 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
                 nt,
                 {
                   points: t,
-                  value: B,
-                  isochrone: T,
+                  value: D,
+                  isochrone: B,
                   offset: K,
                   xScale: p,
                   yScale: R,
@@ -134,7 +134,7 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
                 }
               ),
               children: x("isochrone_plot.output", {
-                ...B
+                ...D
               })
             }
           )
@@ -178,5 +178,5 @@ const ct = (t) => t ? t < parseFloat(j("BREAK_PHABLET_MIN")) ? s.pointRadius.md
   );
 };
 export {
-  Dt as default
+  It as default
 };

package/dist/ViewIndicator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),V=require("react"),j=require("d3-geo"),s=require("./widgets/ViewIndicator/styles.cjs"),W=require("./lib/utils.cjs"),h=10,$=10,k=[h,$],m=100,v=100,g=j.geoGraticule();g.step([180,180]);const b=t=>{const{backFaces:n=!1,applyRotation:i=!0}=t||{},e=j.geoOrthographic();e.fitExtent([[0,0],[m,v]],g.outline()),i&&e.rotate(k),n&&e.clipAngle(null);const r=j.geoPath(e);return{projection:e,pathGenerator:a=>r(a)||void 0}},A=()=>{const{pathGenerator:t}=b({applyRotation:!1});return o.jsx(s.Outline,{d:t(g.outline())})},R=({backFaces:t})=>{const{pathGenerator:n}=b({backFaces:t});return o.jsx(s.Meridian,{d:n(g()),opacity:t?.8:void 0})},C=(t,n)=>{const i=t>90-h&&t<270-h,e=n>0+$,r=t>180-h,c=["top","bottom"],a=["left","right"];e&&c.reverse(),r&&a.reverse();const d=["plane",c[0],...a,c[1]];return i&&d.reverse(),d},N=({ra:t,dec:n,fov:i})=>{const{pathGenerator:e}=b({backFaces:!0}),[r,c]=i,a=Math.max(r,.1)/2,d=Math.max(c,.1)/2,S=n+d,M=n-d,w=t+a,G=t-a,p=[w,S],f=[G,S],x=[w,M],y=[G,M],E=m/2,F=v/2,u=l=>`${l}L${E},${F}`,L={plane:o.jsx(s.Plane,{d:e({type:"Polygon",coordinates:[[p,f,y,x,p]]})}),top:o.jsx(s.TopEdges,{d:u(e({type:"LineString",coordinates:[p,f]}))}),bottom:o.jsx(s.TopEdges,{d:u(e({type:"LineString",coordinates:[y,x]}))}),left:o.jsx(s.SideEdges,{d:u(e({type:"LineString",coordinates:[x,p]}))}),right:o.jsx(s.SideEdges,{d:u(e({type:"LineString",coordinates:[f,y]}))})},O=C(t,n),P=W.getLinearScale([0,180],[0,100],{clamp:!0,fractionDigits:0})(Math.abs(180-t));return o.jsx(s.ViewCone,{style:{"--percent-mix-primary":`${P}%`,"--percent-mix-secondary":`${100-P}%`},children:O.map(l=>{if(L[l])return o.jsx(V.Fragment,{children:L[l]},l)})})},q=({size:t="var(--size-spacing-m)",className:n,ra:i,dec:e,fov:r})=>{const c=typeof i<"u"&&typeof e<"u"&&typeof r<"u";return o.jsxs(s.Container,{style:{"--size-container":t},className:n,children:[o.jsx(s.NorthDirection,{children:"N"}),o.jsxs(s.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`0 0 ${m} ${v}`,children:[o.jsx(R,{backFaces:!0}),c&&o.jsx(N,{ra:i,dec:e,fov:r}),o.jsx(R,{}),o.jsx(A,{})]})]})};q.displayName="Widget.ViewIndicator";exports.default=q;

package/dist/ViewIndicator.d.ts

@@ -0,0 +1,3 @@
+export * from './widgets/ViewIndicator/index'
+import _default from './widgets/ViewIndicator/index'
+export default _default

package/dist/ViewIndicator.js

@@ -0,0 +1,143 @@
+import { jsxs as G, jsx as o } from "react/jsx-runtime";
+import { Fragment as W } from "react";
+import { geoGraticule as k, geoOrthographic as A, geoPath as C } from "d3-geo";
+import { Container as N, NorthDirection as z, SVG as B, Outline as D, Meridian as H, Plane as I, TopEdges as F, SideEdges as P, ViewCone as Y } from "./widgets/ViewIndicator/styles.js";
+import { getLinearScale as q } from "./lib/utils.js";
+const h = 10, O = 10, T = [h, O], y = 100, v = 100, f = k();
+f.step([180, 180]);
+const x = (t) => {
+  const { backFaces: n = !1, applyRotation: i = !0 } = t || {}, e = A();
+  e.fitExtent(
+    [
+      [0, 0],
+      [y, v]
+    ],
+    f.outline()
+  ), i && e.rotate(T), n && e.clipAngle(null);
+  const r = C(e);
+  return { projection: e, pathGenerator: (s) => r(s) || void 0 };
+}, X = () => {
+  const { pathGenerator: t } = x({ applyRotation: !1 });
+  return /* @__PURE__ */ o(D, { d: t(f.outline()) });
+}, R = ({ backFaces: t }) => {
+  const { pathGenerator: n } = x({ backFaces: t });
+  return /* @__PURE__ */ o(
+    H,
+    {
+      d: n(f()),
+      opacity: t ? 0.8 : void 0
+    }
+  );
+}, J = (t, n) => {
+  const i = t > 90 - h && t < 270 - h, e = n > 0 + O, r = t > 180 - h, c = ["top", "bottom"], s = ["left", "right"];
+  e && c.reverse(), r && s.reverse();
+  const a = ["plane", c[0], ...s, c[1]];
+  return i && a.reverse(), a;
+}, K = ({ ra: t, dec: n, fov: i }) => {
+  const { pathGenerator: e } = x({ backFaces: !0 }), [r, c] = i, s = Math.max(r, 0.1) / 2, a = Math.max(c, 0.1) / 2, b = n + a, M = n - a, S = t + s, $ = t - s, p = [S, b], g = [$, b], m = [S, M], u = [$, M], V = y / 2, j = v / 2, l = (d) => `${d}L${V},${j}`, w = {
+    plane: /* @__PURE__ */ o(
+      I,
+      {
+        d: e({
+          type: "Polygon",
+          coordinates: [[p, g, u, m, p]]
+        })
+      }
+    ),
+    top: /* @__PURE__ */ o(
+      F,
+      {
+        d: l(
+          e({
+            type: "LineString",
+            coordinates: [p, g]
+          })
+        )
+      }
+    ),
+    bottom: /* @__PURE__ */ o(
+      F,
+      {
+        d: l(
+          e({
+            type: "LineString",
+            coordinates: [u, m]
+          })
+        )
+      }
+    ),
+    left: /* @__PURE__ */ o(
+      P,
+      {
+        d: l(
+          e({
+            type: "LineString",
+            coordinates: [m, p]
+          })
+        )
+      }
+    ),
+    right: /* @__PURE__ */ o(
+      P,
+      {
+        d: l(
+          e({
+            type: "LineString",
+            coordinates: [g, u]
+          })
+        )
+      }
+    )
+  }, E = J(t, n), L = q([0, 180], [0, 100], {
+    clamp: !0,
+    fractionDigits: 0
+  })(Math.abs(180 - t));
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      style: {
+        "--percent-mix-primary": `${L}%`,
+        "--percent-mix-secondary": `${100 - L}%`
+      },
+      children: E.map((d) => {
+        if (w[d])
+          return /* @__PURE__ */ o(W, { children: w[d] }, d);
+      })
+    }
+  );
+}, Q = ({
+  size: t = "var(--size-spacing-m)",
+  className: n,
+  ra: i,
+  dec: e,
+  fov: r
+}) => {
+  const c = typeof i < "u" && typeof e < "u" && typeof r < "u";
+  return /* @__PURE__ */ G(
+    N,
+    {
+      style: { "--size-container": t },
+      className: n,
+      children: [
+        /* @__PURE__ */ o(z, { children: "N" }),
+        /* @__PURE__ */ G(
+          B,
+          {
+            preserveAspectRatio: "xMidYMid meet",
+            viewBox: `0 0 ${y} ${v}`,
+            children: [
+              /* @__PURE__ */ o(R, { backFaces: !0 }),
+              c && /* @__PURE__ */ o(K, { ra: i, dec: e, fov: r }),
+              /* @__PURE__ */ o(R, {}),
+              /* @__PURE__ */ o(X, {})
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+Q.displayName = "Widget.ViewIndicator";
+export {
+  Q as default
+};

package/dist/charts/Bars/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react/jsx-runtime"),d=require("react"),h=require("../styles.cjs"),a=({data:e,yDomain:i,xScale:o,yScale:r,y:t=r(i[0])})=>e.length===0?null:b.jsx("g",{role:"list",children:e.map(({stroke:u,fill:c,width:s=8,x:f,value:l,props:m},g)=>{if(l===0)return null;const n=t-r(l);return d.createElement(h.Bar,{role:"listitem",height:n,y:t,width:s,x:o(f),fill:c||"var(--bar-fill, #12726D)",stroke:u||"var(--bar-stroke, transparent)",key:g,transform:`translate(-${s/2} -${n})`,...m})})});a.displayName="Charts.Bars";const p=a;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react/jsx-runtime"),d=require("react"),h=require("../styles.cjs"),a=({data:e,yDomain:i,xScale:u,yScale:r,y:t=r(i[0])})=>e.length===0?null:b.jsx("g",{role:"list",children:e.map(({stroke:o,fill:c,width:s=8,x:f,value:l,props:m},g)=>{if(l===0)return null;const n=t-r(l);return d.createElement(h.Bar,{role:"listitem",height:n,y:t,width:s,x:u(f),fill:c||"var(--bar-fill, #12726D)",stroke:o||"var(--bar-stroke, transparent)",key:g,transform:`translate(-${s/2} -${n})`,...m})})});a.displayName="Charts.Bars";exports.default=a;

package/dist/charts/Bars/index.js

@@ -1,33 +1,32 @@
 import { jsx as h } from "react/jsx-runtime";
-import { createElement as B } from "react";
+import { createElement as c } from "react";
 import { Bar as g } from "../styles.js";
-const n = ({
+const k = ({
   data: r,
-  yDomain: o,
-  xScale: i,
+  yDomain: s,
+  xScale: o,
   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) => {
+  y: e = t(s[0])
+}) => r.length === 0 ? null : /* @__PURE__ */ h("g", { role: "list", children: r.map(({ stroke: i, fill: m, width: l = 8, x: f, value: a, props: p }, u) => {
   if (a === 0) return null;
-  const l = e - t(a);
-  return /* @__PURE__ */ B(
+  const n = e - t(a);
+  return /* @__PURE__ */ c(
     g,
     {
       role: "listitem",
-      height: l,
+      height: n,
       y: e,
-      width: s,
-      x: i(p),
-      fill: f || "var(--bar-fill, #12726D)",
-      stroke: m || "var(--bar-stroke, transparent)",
-      key: c,
-      transform: `translate(-${s / 2} -${l})`,
-      ...u
+      width: l,
+      x: o(f),
+      fill: m || "var(--bar-fill, #12726D)",
+      stroke: i || "var(--bar-stroke, transparent)",
+      key: u,
+      transform: `translate(-${l / 2} -${n})`,
+      ...p
     }
   );
 }) });
-n.displayName = "Charts.Bars";
-const b = n;
+k.displayName = "Charts.Bars";
 export {
-  b as default
+  k as default
 };

package/dist/charts/Base/index.cjs

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

package/dist/charts/Base/index.js

@@ -1,47 +1,46 @@
-import { jsxs as t, jsx as r, Fragment as x } from "react/jsx-runtime";
-import { ChartContainer as B, TitleWrapper as C, Title as f, VerticalLabelWrapper as u, Label as l, Filler as W, SVG as j, HorizontalLabelWrapper as y } from "./styles.js";
-const c = ({
+import { jsxs as t, jsx as r, Fragment as $ } from "react/jsx-runtime";
+import { ChartContainer as x, TitleWrapper as C, Title as f, VerticalLabelWrapper as u, Label as l, Filler as B, SVG as W, HorizontalLabelWrapper as j } from "./styles.js";
+const y = ({
   width: e = 900,
   height: i = 300,
-  xMin: o = 0,
-  yMin: h = 0,
+  xMin: c = 0,
+  yMin: o = 0,
   verticalLabel: a,
   verticalLabelId: d,
   horizontalLabel: n,
-  horizontalLabelId: s,
-  title: p,
-  children: m,
-  className: $
-}) => /* @__PURE__ */ t(B, { children: [
-  p && /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(f, { children: p }) }),
-  a && /* @__PURE__ */ t(x, { children: [
+  horizontalLabelId: p,
+  title: s,
+  children: h,
+  className: m
+}) => /* @__PURE__ */ t(x, { children: [
+  s && /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(f, { children: s }) }),
+  a && /* @__PURE__ */ t($, { children: [
     /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(l, { id: d, "aria-hidden": !!d, children: a }) }),
-    /* @__PURE__ */ r(W, {})
+    /* @__PURE__ */ r(B, {})
   ] }),
   /* @__PURE__ */ r(
-    j,
+    W,
     {
       preserveAspectRatio: "xMidYMid meet",
-      viewBox: `${o} ${h} ${e} ${i}`,
-      className: $,
+      viewBox: `${c} ${o} ${e} ${i}`,
+      className: m,
       style: {
         "--aspect-ratio": `${e} / ${i}`
       },
       role: "group",
-      children: m
+      children: h
     }
   ),
-  n && /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+  n && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
     l,
     {
-      id: s,
-      "aria-hidden": !!s,
+      id: p,
+      "aria-hidden": !!p,
       children: n
     }
   ) })
 ] });
-c.displayName = "Charts.Base";
-const T = c;
+y.displayName = "Charts.Base";
 export {
-  T as default
+  y as default
 };

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

@@ -1109,7 +1109,7 @@ export declare const SVG: import('styled-components').IStyledComponent<"web", {
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;

package/dist/charts/ClippingContainer/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"),i=({x:n,y:r,width:s,height:l,className:c,children:a})=>{const t=u.useId();return e.jsxs(e.Fragment,{children:[e.jsx("defs",{children:e.jsx("clipPath",{id:t,children:e.jsx("rect",{x:n,y:r,width:s,height:l})})}),e.jsx("g",{clipPath:`url(#${t})`,className:c,children:a})]})};i.displayName="Charts.Clip";const o=i;exports.default=o;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),r=({x:i,y:s,width:n,height:l,className:c,children:u})=>{const t=a.useId();return e.jsxs(e.Fragment,{children:[e.jsx("defs",{children:e.jsx("clipPath",{id:t,children:e.jsx("rect",{x:i,y:s,width:n,height:l})})}),e.jsx("g",{clipPath:`url(#${t})`,className:c,children:u})]})};r.displayName="Charts.Clip";exports.default=r;

package/dist/charts/ClippingContainer/index.js

@@ -1,15 +1,14 @@
 "use client";
-import { jsxs as o, Fragment as p, jsx as i } from "react/jsx-runtime";
-import { useId as d } from "react";
-const r = ({ x: t, y: e, width: l, height: s, className: a, children: c }) => {
-  const n = d();
-  return /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: n, children: /* @__PURE__ */ i("rect", { x: t, y: e, width: l, height: s }) }) }),
-    /* @__PURE__ */ i("g", { clipPath: `url(#${n})`, className: a, children: c })
+import { jsxs as c, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { useId as o } from "react";
+const p = ({ x: i, y: t, width: n, height: l, className: s, children: a }) => {
+  const e = o();
+  return /* @__PURE__ */ c(d, { children: [
+    /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: e, children: /* @__PURE__ */ r("rect", { x: i, y: t, width: n, height: l }) }) }),
+    /* @__PURE__ */ r("g", { clipPath: `url(#${e})`, className: s, children: a })
   ] });
 };
-r.displayName = "Charts.Clip";
-const C = r;
+p.displayName = "Charts.Clip";
 export {
-  C as default
+  p as default
 };

package/dist/charts/ForeignObject/index.cjs

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

package/dist/charts/ForeignObject/index.js

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

package/dist/charts/Guidelines/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),b=require("d3-array"),G=require("../styles.cjs"),c=({guides:l=0,direction:t="horizontal",xScale:n,xDomain:e,yScale:r,yDomain:i,margin:d,className:h})=>{if(l===0)return null;const u=t==="horizontal"?i:e,f=t==="horizontal"?r:n,s={...{top:0,right:0,bottom:0,left:0},...d},g=b.ticks(u[1],u[0],l);return a.jsx("g",{className:h,children:g.map((p,j)=>{const o=f(p),z=t==="horizontal"?[n(e[0])-s.left,o]:[o-s.top,r(i[0])],M=t==="horizontal"?[n(e[1])+s.right,o]:[o,r(i[1])+s.bottom];return a.jsx(G.Guide,{points:`${z.join()} ${M.join()}`},j)})})};c.displayName="Charts.Guidelines";const m=c;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),b=require("d3-array"),m=require("../styles.cjs"),c=({guides:l=0,direction:t="horizontal",xScale:r,xDomain:n,yScale:e,yDomain:i,margin:d,className:h})=>{if(l===0)return null;const u=t==="horizontal"?i:n,f=t==="horizontal"?e:r,o={...{top:0,right:0,bottom:0,left:0},...d},g=b.ticks(u[1],u[0],l);return a.jsx("g",{className:h,children:g.map((p,j)=>{const s=f(p),z=t==="horizontal"?[r(n[0])-o.left,s]:[s-o.top,e(i[0])],M=t==="horizontal"?[r(n[1])+o.right,s]:[s,e(i[1])+o.bottom];return a.jsx(m.Guide,{points:`${z.join()} ${M.join()}`},j)})})};c.displayName="Charts.Guidelines";exports.default=c;

package/dist/charts/Guidelines/index.js

@@ -1,25 +1,24 @@
 import { jsx as f } from "react/jsx-runtime";
 import { ticks as j } from "d3-array";
-import { Guide as M } from "../styles.js";
-const p = ({
+import { Guide as G } from "../styles.js";
+const M = ({
   guides: a = 0,
   direction: t = "horizontal",
-  xScale: r,
+  xScale: n,
   xDomain: s,
   yScale: i,
   yDomain: l,
-  margin: u,
+  margin: p,
   className: h
 }) => {
   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];
-    return /* @__PURE__ */ f(M, { points: `${z.join()} ${G.join()}` }, g);
+  const e = t === "horizontal" ? l : s, u = t === "horizontal" ? i : n, o = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...p }, m = j(e[1], e[0], a);
+  return /* @__PURE__ */ f("g", { className: h, children: m.map((c, d) => {
+    const r = u(c), g = t === "horizontal" ? [n(s[0]) - o.left, r] : [r - o.top, i(l[0])], z = t === "horizontal" ? [n(s[1]) + o.right, r] : [r, i(l[1]) + o.bottom];
+    return /* @__PURE__ */ f(G, { points: `${g.join()} ${z.join()}` }, d);
   }) });
 };
-p.displayName = "Charts.Guidelines";
-const C = p;
+M.displayName = "Charts.Guidelines";
 export {
-  C as default
+  M as default
 };

package/dist/charts/Points/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),E=require("react"),$=require("./ErrorBar.cjs"),y=require("../defaults.cjs"),l=({data:r,label:a,xScale:t,yScale:s,onHoverCallback:i,onHoverOutCallback:n,onLoadedCallback:o,className:c})=>(E.useEffect(()=>{o&&o()},[]),r.length===0?null:e.jsx("g",{role:"list","aria-label":a,className:c,children:r.map((d,f)=>{const{stroke:p,fill:j,radius:m,x,y:g,description:h,error:u,id:q,index:M,props:P}={...y.default.point,...d};return e.jsxs("g",{role:"listitem","aria-label":h,transform:`translate(${t(x)},${s(g)})`,onMouseEnter:()=>i&&i(f),onMouseLeave:()=>n&&n(),children:[u&&e.jsx($.default,{error:u,xScale:t,yScale:s}),e.jsx("circle",{cursor:"pointer",r:m,stroke:p,fill:j,...P})]},q||M)})}));l.displayName="Charts.Points";const _=l;exports.default=_;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),P=require("react"),y=require("./ErrorBar.cjs"),_=require("../defaults.cjs"),l=({data:r,label:a,xScale:t,yScale:s,onHoverCallback:i,onHoverOutCallback:n,onLoadedCallback:u,className:c})=>(P.useEffect(()=>{u&&u()},[]),r.length===0?null:e.jsx("g",{role:"list","aria-label":a,className:c,children:r.map((d,f)=>{const{stroke:p,fill:j,radius:m,x,y:g,description:h,error:o,id:q,index:M,props:E}={..._.default.point,...d};return e.jsxs("g",{role:"listitem","aria-label":h,transform:`translate(${t(x)},${s(g)})`,onMouseEnter:()=>i&&i(f),onMouseLeave:()=>n&&n(),children:[o&&e.jsx(y.default,{error:o,xScale:t,yScale:s}),e.jsx("circle",{cursor:"pointer",r:m,stroke:p,fill:j,...E})]},q||M)})}));l.displayName="Charts.Points";exports.default=l;

package/dist/charts/Points/index.js

@@ -1,62 +1,61 @@
 "use client";
-import { jsx as r, jsxs as M } from "react/jsx-runtime";
-import { useEffect as y } from "react";
-import B from "./ErrorBar.js";
-import N from "../defaults.js";
-const m = ({
+import { jsx as r, jsxs as P } from "react/jsx-runtime";
+import { useEffect as $ } from "react";
+import y from "./ErrorBar.js";
+import B from "../defaults.js";
+const N = ({
   data: t,
-  label: p,
+  label: m,
   xScale: e,
   yScale: i,
   onHoverCallback: s,
   onHoverOutCallback: o,
   onLoadedCallback: n,
-  className: f
-}) => (y(() => {
+  className: p
+}) => ($(() => {
   n && n();
-}, []), t.length === 0 ? null : /* @__PURE__ */ r("g", { role: "list", "aria-label": p, className: f, children: t.map((u, a) => {
+}, []), t.length === 0 ? null : /* @__PURE__ */ r("g", { role: "list", "aria-label": m, className: p, children: t.map((f, u) => {
   const {
-    stroke: c,
+    stroke: a,
     fill: d,
-    radius: h,
-    x,
-    y: g,
-    description: E,
+    radius: c,
+    x: h,
+    y: x,
+    description: g,
     error: l,
-    id: P,
-    index: $,
-    props: j
+    id: E,
+    index: j,
+    props: M
   } = {
-    ...N.point,
-    ...u
+    ...B.point,
+    ...f
   };
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ P(
     "g",
     {
       role: "listitem",
-      "aria-label": E,
-      transform: `translate(${e(x)},${i(g)})`,
-      onMouseEnter: () => s && s(a),
+      "aria-label": g,
+      transform: `translate(${e(h)},${i(x)})`,
+      onMouseEnter: () => s && s(u),
       onMouseLeave: () => o && o(),
       children: [
-        l && /* @__PURE__ */ r(B, { error: l, xScale: e, yScale: i }),
+        l && /* @__PURE__ */ r(y, { error: l, xScale: e, yScale: i }),
         /* @__PURE__ */ r(
           "circle",
           {
             cursor: "pointer",
-            r: h,
-            stroke: c,
+            r: c,
+            stroke: a,
             fill: d,
-            ...j
+            ...M
           }
         )
       ]
     },
-    P || $
+    E || j
   );
 }) }));
-m.displayName = "Charts.Points";
-const D = m;
+N.displayName = "Charts.Points";
 export {
-  D as default
+  N as default
 };

package/dist/charts/Readout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("@rubin-epo/epo-react-lib/styles"),d=require("../Viewport/index.cjs"),y=require("../ForeignObject/index.cjs"),o=require("./styles.cjs"),j=(n="")=>{const r=["top","right"],a=["center","center"],s=n?[...n.split(" "),...a].slice(0,2):r,e={justifyContent:null,alignItems:null};return s.forEach(i=>{switch(i){case"center":e.alignItems=e.alignItems??"center",e.justifyContent=e.justifyContent??"center";break;case"top":e.alignItems="start";break;case"right":e.justifyContent="end";break;case"bottom":e.alignItems="end";break;case"left":e.justifyContent="start";break}}),e},c=({className:n,children:r,position:a,viewport:s,forIds:e,forScreenreaders:i})=>{const l=t.jsx(y.default,{children:t.jsx(o.DisplayContainer,{style:j(a),children:t.jsxs(o.Display,{form:Array.isArray(e)?e.join(" "):e,className:n,children:[t.jsx("span",{"aria-hidden":!!i,children:r}),t.jsx(u.ScreenreaderText,{children:i})]})})});return s?t.jsx(d.default,{...s,children:l}):l};c.displayName="Charts.Readout";exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("@rubin-epo/epo-react-lib/styles");require("../Base/index.cjs");require("../XAxis/index.cjs");require("../YAxis/index.cjs");require("../Guidelines/index.cjs");require("../Tooltip/index.cjs");require("../Bars/index.cjs");const d=require("../Viewport/index.cjs"),y=require("../ForeignObject/index.cjs");require("../ScatterPlot/index.cjs");const o=require("./styles.cjs"),j=(r="")=>{const i=["top","right"],a=["center","center"],n=r?[...r.split(" "),...a].slice(0,2):i,e={justifyContent:null,alignItems:null};return n.forEach(s=>{switch(s){case"center":e.alignItems=e.alignItems??"center",e.justifyContent=e.justifyContent??"center";break;case"top":e.alignItems="start";break;case"right":e.justifyContent="end";break;case"bottom":e.alignItems="end";break;case"left":e.justifyContent="start";break}}),e},u=({className:r,children:i,position:a,viewport:n,forIds:e,forScreenreaders:s})=>{const l=t.jsx(y.default,{children:t.jsx(o.DisplayContainer,{style:j(a),children:t.jsxs(o.Display,{form:Array.isArray(e)?e.join(" "):e,className:r,children:[t.jsx("span",{"aria-hidden":!!s,children:i}),t.jsx(c.ScreenreaderText,{children:s})]})})});return n?t.jsx(d.default,{...n,children:l}):l};u.displayName="Charts.Readout";exports.default=u;