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

package/dist/ViewIndicator.cjs

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

package/dist/ViewIndicator.js

@@ -1,10 +1,11 @@
-import { jsxs as G, jsx as o } from "react/jsx-runtime";
-import { Fragment as W } from "react";
+import { jsxs as $, jsx as o } from "react/jsx-runtime";
+import { Fragment as j } 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]);
+import { Container as N, NorthDirection as O, SVG as z, ViewCone as B } from "./widgets/ViewIndicator/styles.js";
+import { getLinearScale as D } from "./lib/utils.js";
+const f = 10, R = 10, E = [f, R], y = 100, v = 100, d = k();
+d.step([180, 180]);
+d.precision(90);
 const x = (t) => {
   const { backFaces: n = !1, applyRotation: i = !0 } = t || {}, e = A();
   e.fitExtent(
@@ -12,52 +13,55 @@ const x = (t) => {
       [0, 0],
       [y, v]
     ],
-    f.outline()
-  ), i && e.rotate(T), n && e.clipAngle(null);
-  const r = C(e);
+    d.outline()
+  ), i && e.rotate(E), n && e.clipAngle(null);
+  const r = C(e).digits(1);
   return { projection: e, pathGenerator: (s) => r(s) || void 0 };
-}, X = () => {
+}, H = () => {
   const { pathGenerator: t } = x({ applyRotation: !1 });
-  return /* @__PURE__ */ o(D, { d: t(f.outline()) });
-}, R = ({ backFaces: t }) => {
+  return /* @__PURE__ */ o("path", { strokeWidth: 3, d: t(d.outline()) });
+}, F = ({ backFaces: t }) => {
   const { pathGenerator: n } = x({ backFaces: t });
   return /* @__PURE__ */ o(
-    H,
+    "path",
     {
-      d: n(f()),
+      d: n(d()),
       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"];
+}, I = (t, n) => {
+  const i = t > 90 - f && t < 270 - f, e = n > 0 + R, r = t > 180 - f, 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 = {
+}, Y = ({ 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, w = n - a, L = t + s, S = t - s, h = [L, b], g = [S, b], m = [L, w], u = [S, w], P = y / 2, V = v / 2, l = (p) => `${p}L${P},${V}`, G = {
     plane: /* @__PURE__ */ o(
-      I,
+      "path",
       {
+        opacity: 0.8,
         d: e({
           type: "Polygon",
-          coordinates: [[p, g, u, m, p]]
+          coordinates: [[h, g, u, m, h]]
         })
       }
     ),
     top: /* @__PURE__ */ o(
-      F,
+      "path",
       {
+        opacity: 0.5,
         d: l(
           e({
             type: "LineString",
-            coordinates: [p, g]
+            coordinates: [h, g]
           })
         )
       }
     ),
     bottom: /* @__PURE__ */ o(
-      F,
+      "path",
       {
+        opacity: 0.5,
         d: l(
           e({
             type: "LineString",
@@ -67,19 +71,21 @@ const x = (t) => {
       }
     ),
     left: /* @__PURE__ */ o(
-      P,
+      "path",
       {
+        opacity: 0.3,
         d: l(
           e({
             type: "LineString",
-            coordinates: [m, p]
+            coordinates: [m, h]
           })
         )
       }
     ),
     right: /* @__PURE__ */ o(
-      P,
+      "path",
       {
+        opacity: 0.3,
         d: l(
           e({
             type: "LineString",
@@ -88,24 +94,24 @@ const x = (t) => {
         )
       }
     )
-  }, E = J(t, n), L = q([0, 180], [0, 100], {
+  }, W = I(t, n), M = D([0, 180], [0, 100], {
     clamp: !0,
     fractionDigits: 0
   })(Math.abs(180 - t));
   return /* @__PURE__ */ o(
-    Y,
+    B,
     {
       style: {
-        "--percent-mix-primary": `${L}%`,
-        "--percent-mix-secondary": `${100 - L}%`
+        "--percent-mix-primary": `${M}%`,
+        "--percent-mix-secondary": `${100 - M}%`
       },
-      children: E.map((d) => {
-        if (w[d])
-          return /* @__PURE__ */ o(W, { children: w[d] }, d);
+      children: W.map((p) => {
+        if (G[p])
+          return /* @__PURE__ */ o(j, { children: G[p] }, p);
       })
     }
   );
-}, Q = ({
+}, q = ({
   size: t = "var(--size-spacing-m)",
   className: n,
   ra: i,
@@ -113,23 +119,23 @@ const x = (t) => {
   fov: r
 }) => {
   const c = typeof i < "u" && typeof e < "u" && typeof r < "u";
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ $(
     N,
     {
       style: { "--size-container": t },
       className: n,
       children: [
-        /* @__PURE__ */ o(z, { children: "N" }),
-        /* @__PURE__ */ G(
-          B,
+        /* @__PURE__ */ o(O, { children: "N" }),
+        /* @__PURE__ */ $(
+          z,
           {
             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, {})
+              /* @__PURE__ */ o(F, { backFaces: !0 }),
+              c && /* @__PURE__ */ o(Y, { ra: i, dec: e, fov: r }),
+              /* @__PURE__ */ o(F, {}),
+              /* @__PURE__ */ o(H, {})
             ]
           }
         )
@@ -137,7 +143,7 @@ const x = (t) => {
     }
   );
 };
-Q.displayName = "Widget.ViewIndicator";
+q.displayName = "Widget.ViewIndicator";
 export {
-  Q as default
+  q 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"),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;
+"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"),o=require("./styles.cjs"),d=require("../ForeignObject/index.cjs"),y=require("../Viewport/index.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(d.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(y.default,{...s,children:l}):l};c.displayName="Charts.Readout";exports.default=c;

package/dist/charts/Readout/index.js

@@ -1,22 +1,15 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { ScreenreaderText as c } from "@rubin-epo/epo-react-lib/styles";
-import "../Base/index.js";
-import "../XAxis/index.js";
-import "../YAxis/index.js";
-import "../Guidelines/index.js";
-import "../Tooltip/index.js";
-import "../Bars/index.js";
-import m from "../Viewport/index.js";
-import p from "../ForeignObject/index.js";
-import "../ScatterPlot/index.js";
-import { DisplayContainer as f, Display as u } from "./styles.js";
-const d = (i = "") => {
-  const o = ["top", "right"], s = ["center", "center"], r = i ? [...i.split(" "), ...s].slice(0, 2) : o, t = {
+import { DisplayContainer as m, Display as f } from "./styles.js";
+import u from "../ForeignObject/index.js";
+import d from "../Viewport/index.js";
+const p = (n = "") => {
+  const s = ["top", "right"], o = ["center", "center"], i = n ? [...n.split(" "), ...o].slice(0, 2) : s, t = {
     justifyContent: null,
     alignItems: null
   };
-  return r.forEach((n) => {
-    switch (n) {
+  return i.forEach((r) => {
+    switch (r) {
       case "center":
         t.alignItems = t.alignItems ?? "center", t.justifyContent = t.justifyContent ?? "center";
         break;
@@ -35,25 +28,25 @@ const d = (i = "") => {
     }
   }), t;
 }, y = ({
-  className: i,
-  children: o,
-  position: s,
-  viewport: r,
+  className: n,
+  children: s,
+  position: o,
+  viewport: i,
   forIds: t,
-  forScreenreaders: n
+  forScreenreaders: r
 }) => {
-  const a = /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, { style: d(s), children: /* @__PURE__ */ l(
-    u,
+  const a = /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(m, { style: p(o), children: /* @__PURE__ */ l(
+    f,
     {
       form: Array.isArray(t) ? t.join(" ") : t,
-      className: i,
+      className: n,
       children: [
-        /* @__PURE__ */ e("span", { "aria-hidden": !!n, children: o }),
-        /* @__PURE__ */ e(c, { children: n })
+        /* @__PURE__ */ e("span", { "aria-hidden": !!r, children: s }),
+        /* @__PURE__ */ e(c, { children: r })
       ]
     }
   ) }) });
-  return r ? /* @__PURE__ */ e(m, { ...r, children: a }) : a;
+  return i ? /* @__PURE__ */ e(d, { ...i, children: a }) : a;
 };
 y.displayName = "Charts.Readout";
 export {

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");require("../Base/index.cjs");const 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");require("../Bars/index.cjs");require("../Viewport/index.cjs");const 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:C,className:D,xAxis:l,yAxis:c,width:d,height:u,title:T,activePointId:p,margins:z,tooltip:a,onLoadedCallback:B,renderer:E="svg",plotChildren:y})=>{const[q,h]=J.useState(),{label:O,points:x}=C,o={...H.default.margins,...z},e=typeof q<"u"?x[q]:x.find(({id:v})=>v===p),f=[0+o.left,d-o.right],b=[u-o.bottom,0+o.top],[r,j,t]=R.default({...l,range:f}),[i,m,s]=R.default({...c,range:b}),S=s(i[0]),g=t(r[0]),I=s(i[1]),_=t(r[1]),k="x-axis-label",L="y-axis-label",N=Math.abs(f[1]-f[0]),W=Math.abs(b[1]-b[0]),F=w[E],P=n.jsx(F,{data:x,onHoverCallback:a?v=>h(v):void 0,onHoverOutCallback:a?()=>h(void 0):void 0,width:d,height:u,xScale:t,yScale:s,label:O,onLoadedCallback:B}),G={Data:P,xScale:t,yScale:s,yStart:S,yEnd:I,xStart:g,xEnd:_,yDomain:i,xDomain:r};return n.jsxs(Y.Chart,{verticalLabel:c.label,verticalLabelId:L,horizontalLabel:l.label,horizontalLabelId:k,className:D,width:d,height:u,title:T,children:[n.jsx(Q.default,{ticks:m,x:g,labelledById:L,yDomain:i,yScale:s}),n.jsxs(X.default,{x:g,y:I,width:N,height:W,children:[l.guidelines&&n.jsx($.default,{guides:j.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),c.guidelines&&n.jsx($.default,{guides:m.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):P]}),n.jsx(K.default,{ticks:j,y:S,labelledById:k,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";exports.default=M;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),J=require("react"),$=require("../hooks/useAxis.cjs"),K=require("./styles.cjs"),R=require("../defaults.cjs"),Q=require("../canvas/Points/index.cjs"),U=require("../YAxis/index.cjs"),V=require("../ClippingContainer/index.cjs"),H=require("../Guidelines/index.cjs"),X=require("../XAxis/index.cjs"),Y=require("../Tooltip/index.cjs"),Z=require("../Points/index.cjs"),w={svg:Z.default,canvas:Q.default},M=({data:C,className:D,xAxis:l,yAxis:c,width:d,height:u,title:T,activePointId:p,margins:z,tooltip:a,onLoadedCallback:B,renderer:E="svg",plotChildren:y})=>{const[q,h]=J.useState(),{label:O,points:x}=C,o={...R.default.margins,...z},e=typeof q<"u"?x[q]:x.find(({id:v})=>v===p),f=[0+o.left,d-o.right],b=[u-o.bottom,0+o.top],[r,j,t]=$.default({...l,range:f}),[i,m,s]=$.default({...c,range:b}),S=s(i[0]),g=t(r[0]),I=s(i[1]),_=t(r[1]),k="x-axis-label",L="y-axis-label",N=Math.abs(f[1]-f[0]),W=Math.abs(b[1]-b[0]),F=w[E],P=n.jsx(F,{data:x,onHoverCallback:a?v=>h(v):void 0,onHoverOutCallback:a?()=>h(void 0):void 0,width:d,height:u,xScale:t,yScale:s,label:O,onLoadedCallback:B}),G={Data:P,xScale:t,yScale:s,yStart:S,yEnd:I,xStart:g,xEnd:_,yDomain:i,xDomain:r};return n.jsxs(K.Chart,{verticalLabel:c.label,verticalLabelId:L,horizontalLabel:l.label,horizontalLabelId:k,className:D,width:d,height:u,title:T,children:[n.jsx(U.default,{ticks:m,x:g,labelledById:L,yDomain:i,yScale:s}),n.jsxs(V.default,{x:g,y:I,width:N,height:W,children:[l.guidelines&&n.jsx(H.default,{guides:j.length,direction:"vertical",xDomain:r,yDomain:i,xScale:t,yScale:s}),c.guidelines&&n.jsx(H.default,{guides:m.length,xDomain:r,yDomain:i,xScale:t,yScale:s}),y?y(G):P]}),n.jsx(X.default,{ticks:j,y:S,labelledById:k,xDomain:r,xScale:t}),a&&n.jsxs(Y.default,{x:e?t(e.x):void 0,y:e?s(e.y):void 0,visible:!!e,offset:R.default.pointRadius,children:[e&&typeof a=="function"&&a(e),e&&typeof a=="string"&&a]})]})};M.displayName="Charts.ScatterPlot";exports.default=M;

package/dist/charts/ScatterPlot/index.js

@@ -1,22 +1,19 @@
 "use client";
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
 import { useState as F } from "react";
-import "../Base/index.js";
-import J from "../XAxis/index.js";
-import K from "../YAxis/index.js";
-import R from "../Guidelines/index.js";
-import Q from "../Points/index.js";
-import U from "../Tooltip/index.js";
-import V from "../ClippingContainer/index.js";
-import "../Bars/index.js";
-import "../Viewport/index.js";
-import D from "../hooks/useAxis.js";
-import { Chart as Z } from "./styles.js";
-import T from "../defaults.js";
-import _ from "../canvas/Points/index.js";
+import R from "../hooks/useAxis.js";
+import { Chart as J } from "./styles.js";
+import D from "../defaults.js";
+import K from "../canvas/Points/index.js";
+import Q from "../YAxis/index.js";
+import U from "../ClippingContainer/index.js";
+import T from "../Guidelines/index.js";
+import V from "../XAxis/index.js";
+import Z from "../Tooltip/index.js";
+import _ from "../Points/index.js";
 const $ = {
-  svg: Q,
-  canvas: _
+  svg: _,
+  canvas: K
 }, w = ({
   data: j,
   className: z,
@@ -32,32 +29,32 @@ const $ = {
   renderer: G = "svg",
   plotChildren: x
 }) => {
-  const [y, h] = F(), { label: N, points: f } = j, a = { ...T.margins, ...M }, t = typeof y < "u" ? f[y] : f.find(({ id: v }) => v === E), p = [0 + a.left, d - a.right], b = [m - a.bottom, 0 + a.top], [i, I, o] = D({ ...l, range: p }), [r, P, e] = D({ ...c, range: b }), S = e(r[0]), g = o(i[0]), k = e(r[1]), O = o(i[1]), C = "x-axis-label", L = "y-axis-label", W = Math.abs(p[1] - p[0]), X = Math.abs(b[1] - b[0]), Y = $[G], H = /* @__PURE__ */ s(
+  const [y, h] = F(), { label: N, points: f } = j, r = { ...D.margins, ...M }, t = typeof y < "u" ? f[y] : f.find(({ id: p }) => p === E), b = [0 + r.left, d - r.right], g = [m - r.bottom, 0 + r.top], [s, I, e] = R({ ...l, range: b }), [a, P, o] = R({ ...c, range: g }), S = o(a[0]), v = e(s[0]), k = o(a[1]), O = e(s[1]), C = "x-axis-label", L = "y-axis-label", W = Math.abs(b[1] - b[0]), X = Math.abs(g[1] - g[0]), Y = $[G], H = /* @__PURE__ */ i(
     Y,
     {
       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: N,
       onLoadedCallback: A
     }
   ), q = {
     Data: H,
-    xScale: o,
-    yScale: e,
+    xScale: e,
+    yScale: o,
     yStart: S,
     yEnd: k,
-    xStart: g,
+    xStart: v,
     xEnd: O,
-    yDomain: r,
-    xDomain: i
+    yDomain: a,
+    xDomain: s
   };
   return /* @__PURE__ */ u(
-    Z,
+    J,
     {
       verticalLabel: c.label,
       verticalLabelId: L,
@@ -68,66 +65,66 @@ const $ = {
       height: m,
       title: B,
       children: [
-        /* @__PURE__ */ s(
-          K,
+        /* @__PURE__ */ i(
+          Q,
           {
             ticks: P,
-            x: g,
+            x: v,
             labelledById: L,
-            yDomain: r,
-            yScale: e
+            yDomain: a,
+            yScale: o
           }
         ),
         /* @__PURE__ */ u(
-          V,
+          U,
           {
-            x: g,
+            x: v,
             y: k,
             width: W,
             height: X,
             children: [
-              l.guidelines && /* @__PURE__ */ s(
-                R,
+              l.guidelines && /* @__PURE__ */ i(
+                T,
                 {
                   guides: I.length,
                   direction: "vertical",
-                  xDomain: i,
-                  yDomain: r,
-                  xScale: o,
-                  yScale: e
+                  xDomain: s,
+                  yDomain: a,
+                  xScale: e,
+                  yScale: o
                 }
               ),
-              c.guidelines && /* @__PURE__ */ s(
-                R,
+              c.guidelines && /* @__PURE__ */ i(
+                T,
                 {
                   guides: P.length,
-                  xDomain: i,
-                  yDomain: r,
-                  xScale: o,
-                  yScale: e
+                  xDomain: s,
+                  yDomain: a,
+                  xScale: e,
+                  yScale: o
                 }
               ),
               x ? x(q) : H
             ]
           }
         ),
-        /* @__PURE__ */ s(
-          J,
+        /* @__PURE__ */ i(
+          V,
           {
             ticks: I,
             y: S,
             labelledById: C,
-            xDomain: i,
-            xScale: o
+            xDomain: s,
+            xScale: e
           }
         ),
         n && /* @__PURE__ */ u(
-          U,
+          Z,
           {
-            x: t ? o(t.x) : void 0,
-            y: t ? e(t.y) : void 0,
+            x: t ? e(t.x) : void 0,
+            y: t ? o(t.y) : void 0,
             visible: !!t,
-            offset: T.pointRadius,
+            offset: D.pointRadius,
             children: [
               t && typeof n == "function" && n(t),
               t && typeof n == "string" && n

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

@@ -1385,7 +1385,7 @@ export declare const FilterRange: import('styled-components').IStyledComponent<"
     abbr?: string | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
-    valign?: "baseline" | "middle" | "top" | "bottom" | undefined;
+    valign?: "top" | "bottom" | "baseline" | "middle" | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;

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

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