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

package/dist/widgets/SupernovaThreeVector/LiveLabel/index.js

@@ -1,36 +1,35 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import { useTranslation as L } from "react-i18next";
+import { jsx as d } from "react/jsx-runtime";
+import { useTranslation as g } from "react-i18next";
 import r from "lodash/round";
 import f from "../../../atomic/LiveRegion/index.js";
-const n = ({
-  id: i,
-  supernovaCount: a,
+const v = ({
+  id: n,
+  supernovaCount: i,
   objects: t,
-  min: s,
+  min: a,
   max: m
 }) => {
   const {
-    t: c,
+    t: s,
     i18n: { language: e }
-  } = L(), l = new Intl.ListFormat(e, {
+  } = g(), c = new Intl.ListFormat(e, {
     style: "long",
     type: "conjunction"
   }), { format: o } = new Intl.NumberFormat(e, {
     maximumFractionDigits: 0
-  }), u = t.map(
-    ({ lat: p, long: d }) => `${o(r(p, -1))}° ${o(r(d, -1))}°`
+  }), l = t.map(
+    ({ lat: u, long: p }) => `${o(r(u, -1))}° ${o(r(p, -1))}°`
   );
-  return /* @__PURE__ */ g(f, { id: i, children: c("supernova_three_vector.skymap.description", {
-    supernovaCount: a,
+  return /* @__PURE__ */ d(f, { id: n, children: s("supernova_three_vector.skymap.description", {
+    supernovaCount: i,
     userObjectCount: t.length,
-    coords: l.format(u),
-    min: s,
+    coords: c.format(l),
+    min: a,
     max: m
   }) });
 };
-n.displayName = "Widgets.SupernovaThreVector.LiveLabel";
-const y = n;
+v.displayName = "Widgets.SupernovaThreVector.LiveLabel";
 export {
-  y as default
+  v as default
 };

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"),S=require("react"),_=require("d3-geo-projection"),y=require("d3-geo"),M=require("d3-array"),E=require("../../../charts/Base/index.cjs"),N=require("../../../charts/Tooltip/index.cjs"),U=require("../../../atomic/ImageStack/index.cjs"),a=require("./styles.cjs"),q=({className:L,objects:p=[],images:v=[],visibleImages:w=[],describedById:G})=>{const[O,B]=S.useState(!1),[x,f]=S.useState(),l=600,c=300,s={top:20,right:0,bottom:20,left:20},P=l+s.right+s.left,W=c+s.top+s.bottom,d=15,u=30,j=-90,m=90,g=-180,k=180,h=2,i=_.geoAitoff(),n=y.geoGraticule();n.step([u,d]),n.extent([[g,j],[k,m]]),i.fitExtent([[s.left,s.top],[s.left+l-h,s.top+c]],n.outline());const $=M.range(j+d,m,d),A=M.range(g+u,k,u),C=y.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(E.default,{width:P,height:W,className:L,children:[e.jsx("mask",{id:"imageMask",children:e.jsx("path",{d:r(n.outline()),fill:"white"})}),e.jsx(a.Background,{d:r(n.outline())}),e.jsx(a.Graticule,{d:r(n())}),e.jsx(a.ImageStackerWrapper,{style:{"--image-stack-opacity":O&&1},x:s.left,y:s.top,width:l-h,height:c,mask:"url(#imageMask)",children:e.jsx(U.default,{images:v,describedById:G,visible:w,loadCallback:()=>B(!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:$.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(n.outline())}),e.jsx(N.default,{visible:!!o,x:b[0],y:b[1],children:o==null?void 0:o.id})]})};q.displayName="Widgets.SupernovaThreeVector.Skymap";const V=q;exports.default=V;
+"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;

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

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

package/dist/widgets/SupernovaThreeVector/Skymap/styles.d.ts

@@ -21,7 +21,7 @@ export declare const Background: import('styled-components').IStyledComponent<"w
     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;
@@ -503,7 +503,7 @@ export declare const Graticule: import('styled-components').IStyledComponent<"we
     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;
@@ -985,7 +985,7 @@ export declare const Outline: 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;
@@ -1467,7 +1467,7 @@ export declare const LatLabel: 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;
@@ -1949,7 +1949,7 @@ export declare const LongLabel: import('styled-components').IStyledComponent<"we
     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;
@@ -2431,7 +2431,7 @@ export declare const ImageStackerWrapper: import('styled-components').IStyledCom
     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;
@@ -2913,7 +2913,7 @@ export declare const UserObject: import('styled-components').IStyledComponent<"w
     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/widgets/SupernovaThreeVector/styles.cjs

@@ -1,38 +1,34 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),i=require("../../layout/AspectRatio/index.cjs"),a=require("../../atomic/Button/patterns/Reset.cjs"),o=require("./Histogram/index.cjs"),s=require("./Skymap/index.cjs"),d=n=>n&&n.__esModule?n:{default:n},e=d(r),c=e.default(i.default)`
-  container-type: inline-size;
-`,l=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),r=require("./Histogram/index.cjs"),n=require("./Skymap/index.cjs"),o=i=>i&&i.__esModule?i:{default:i},e=o(a),s=e.default.div`
   --three-vector-gap: calc(var(--PADDING_SMALL, 20px) / 2);
 
   display: grid;
   grid-template-columns: 1fr;
-  grid-template-rows: min-content 1fr min-content min-content;
+  grid-auto-rows: min-content;
   grid-template-areas:
     "skymap"
     "histogram"
-    "slider"
-    "reset";
+    "slider";
   gap: var(--three-vector-gap);
 
-  @container (min-width: ${t.token("BREAK_LARGE_TABLET")}) {
+  @media (orientation: landscape) {
     grid-template-columns: 1fr 1fr;
-    grid-template-rows: 1fr min-content min-content;
+    grid-template-rows: 1fr min-content;
     grid-template-areas:
       "histogram skymap"
-      "slider ."
-      "reset reset";
+      "slider .";
   }
 
   @container (min-width: ${t.token("BREAK_TABLET_MIN")}) {
     --three-vector-gap: var(--PADDING_SMALL, 20px);
     gap: var(--three-vector-gap);
   }
-`,m=e.default.div`
+`,d=e.default.div`
   display: flex;
   flex-direction: column;
   gap: var(--three-vector-gap);
   container-type: inline-size;
   grid-area: histogram;
-`,u=e.default(o.default)`
+`,l=e.default(r.default)`
   font-size: 0.75em;
 
   @container (
@@ -40,17 +36,15 @@
   ) {
     font-size: 1em;
   }
-`,p=e.default.div`
+`,c=e.default.div`
   grid-area: slider;
-`,f=e.default(a.default)`
-  grid-area: reset;
-`,g=e.default.div`
+`,m=e.default.div`
   display: flex;
   flex-direction: column;
   gap: var(--three-vector-gap);
   container-type: inline-size;
   grid-area: skymap;
-`,h=e.default(s.default)`
+`,p=e.default(n.default)`
   max-width: 100%;
   font-size: 2.25em;
 
@@ -71,6 +65,6 @@
 ) {
     font-size: 1em;
   }
-`,y=e.default.h4`
+`,g=e.default.h4`
   margin: 0;
-`;exports.ChartTitle=y;exports.Histogram=u;exports.HistogramContainer=m;exports.ResetButton=f;exports.Skymap=h;exports.SkymapContainer=g;exports.SliderContainer=p;exports.ThreeVectorContainer=c;exports.ThreeVectorLayout=l;
+`;exports.ChartTitle=g;exports.Histogram=l;exports.HistogramContainer=d;exports.Skymap=p;exports.SkymapContainer=m;exports.SliderContainer=c;exports.ThreeVectorLayout=s;

package/dist/widgets/SupernovaThreeVector/styles.js

@@ -1,45 +1,39 @@
 "use client";
 import e from "styled-components";
 import { token as t } from "@rubin-epo/epo-react-lib/styles";
-import r from "../../layout/AspectRatio/index.js";
-import i from "../../atomic/Button/patterns/Reset.js";
-import n from "./Histogram/index.js";
-import o from "./Skymap/index.js";
-const g = e(r)`
-  container-type: inline-size;
-`, l = e.div`
+import i from "./Histogram/index.js";
+import r from "./Skymap/index.js";
+const s = e.div`
   --three-vector-gap: calc(var(--PADDING_SMALL, 20px) / 2);
 
   display: grid;
   grid-template-columns: 1fr;
-  grid-template-rows: min-content 1fr min-content min-content;
+  grid-auto-rows: min-content;
   grid-template-areas:
     "skymap"
     "histogram"
-    "slider"
-    "reset";
+    "slider";
   gap: var(--three-vector-gap);
 
-  @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
+  @media (orientation: landscape) {
     grid-template-columns: 1fr 1fr;
-    grid-template-rows: 1fr min-content min-content;
+    grid-template-rows: 1fr min-content;
     grid-template-areas:
       "histogram skymap"
-      "slider ."
-      "reset reset";
+      "slider .";
   }
 
   @container (min-width: ${t("BREAK_TABLET_MIN")}) {
     --three-vector-gap: var(--PADDING_SMALL, 20px);
     gap: var(--three-vector-gap);
   }
-`, f = e.div`
+`, c = e.div`
   display: flex;
   flex-direction: column;
   gap: var(--three-vector-gap);
   container-type: inline-size;
   grid-area: histogram;
-`, h = e(n)`
+`, p = e(i)`
   font-size: 0.75em;
 
   @container (
@@ -47,17 +41,15 @@ const g = e(r)`
   ) {
     font-size: 1em;
   }
-`, A = e.div`
+`, d = e.div`
   grid-area: slider;
-`, v = e(i)`
-  grid-area: reset;
-`, B = e.div`
+`, g = e.div`
   display: flex;
   flex-direction: column;
   gap: var(--three-vector-gap);
   container-type: inline-size;
   grid-area: skymap;
-`, y = e(o)`
+`, l = e(r)`
   max-width: 100%;
   font-size: 2.25em;
 
@@ -78,17 +70,15 @@ const g = e(r)`
 ) {
     font-size: 1em;
   }
-`, E = e.h4`
+`, f = e.h4`
   margin: 0;
 `;
 export {
-  E as ChartTitle,
-  h as Histogram,
-  f as HistogramContainer,
-  v as ResetButton,
-  y as Skymap,
-  B as SkymapContainer,
-  A as SliderContainer,
-  g as ThreeVectorContainer,
-  l as ThreeVectorLayout
+  f as ChartTitle,
+  p as Histogram,
+  c as HistogramContainer,
+  l as Skymap,
+  g as SkymapContainer,
+  d as SliderContainer,
+  s as ThreeVectorLayout
 };

package/dist/widgets/ViewIndicator/index.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+
+interface ViewerProps {
+    ra: number;
+    dec: number;
+    fov: [number, number];
+}
+interface ViewIndicatorProps extends Partial<ViewerProps> {
+    size?: string;
+    className?: string;
+}
+declare const ViewIndicator: FC<ViewIndicatorProps>;
+export default ViewIndicator;

package/dist/widgets/ViewIndicator/styles.cjs

@@ -0,0 +1,52 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),r=o=>o&&o.__esModule?o:{default:o},e=r(t),i=e.default.div`
+  --size-svg-inner: calc(var(--size-container) * 0.65);
+
+  aspect-ratio: 1;
+  background-color: #313333;
+  block-size: var(--size-container);
+  border-radius: calc(var(--size-container) / 2);
+  color: var(--color-font-invert);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  user-select: none;
+`,l=e.default.svg`
+  aspect-ratio: 1;
+  overflow: visible;
+  width: calc(var(--size-container) * 0.65);
+`,n=e.default.div`
+  font-size: calc(calc(var(--size-container) - var(--size-svg-inner)) / 2);
+  font-weight: bold;
+  line-height: 1;
+  position: absolute;
+  top: 0px;
+`,a=e.default.path`
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 3;
+`,c=e.default.path`
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+`;e.default.path`
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  opacity: 0.85;
+`;const s=e.default.g`
+  --color-fill-primary: var(--color-rubin-yellow-200);
+  --color-fill-secondary: #eba85b;
+  fill: var(--color-fill-primary);
+  fill: color-mix(
+    in hsl,
+    var(--color-fill-primary) var(--percent-mix-primary),
+    var(--color-fill-secondary) var(--percent-mix-secondary)
+  );
+`,d=e.default.path`
+  opacity: 0.8;
+`,f=e.default.path`
+  opacity: 0.3;
+`,u=e.default.path`
+  opacity: 0.5;
+`;exports.Container=i;exports.Meridian=c;exports.NorthDirection=n;exports.Outline=a;exports.Plane=d;exports.SVG=l;exports.SideEdges=f;exports.TopEdges=u;exports.ViewCone=s;