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

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?: "middle" | "baseline" | "top" | "bottom" | undefined;
+    valign?: "top" | "bottom" | "baseline" | "middle" | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -2772,7 +2772,7 @@ export declare const SpectrumLabel: import('styled-components').IStyledComponent
     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;
@@ -3254,7 +3254,7 @@ export declare const ColorName: 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;
@@ -3736,7 +3736,7 @@ export declare const ColorSpectrum: import('styled-components').IStyledComponent
     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;
@@ -4218,7 +4218,7 @@ export declare const ColorSpectrumUnit: import('styled-components').IStyledCompo
     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/ColorTool/Actions/index.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { AstroObject, ColorToolAction } from '../ColorTool';
+import { AstroObject, ColorToolAction } from '..';
 
 interface ActionsProps {
     actions: Array<ColorToolAction>;

package/dist/widgets/ColorTool/FilterControls/FilterControls.d.ts

@@ -1,6 +1,6 @@
 import { ListboxOption } from '@rubin-epo/epo-react-lib/SelectListbox';
 import { FunctionComponent } from 'react';
-import { ImageFilter } from '../ColorTool';
+import { ImageFilter } from '..';
 
 interface FilterControlProps {
     filter: ImageFilter;

package/dist/widgets/ColorTool/ImageComposite/ImageComposite.d.ts

@@ -1,4 +1,4 @@
-import { ImageFilter } from '../ColorTool';
+import { ImageFilter } from '..';
 import { ImageShape } from '@rubin-epo/epo-react-lib/Image';
 
 interface ImageCompositeProps {

package/dist/widgets/ColorTool/__mocks__/index.d.ts

@@ -1,4 +1,4 @@
-import { AstroCategory } from '../ColorTool';
+import { AstroCategory } from '..';
 
 export declare const colorOptions: {
     value: string;

package/dist/widgets/ColorTool/hooks/useFilteredImages.d.ts

@@ -1,5 +1,5 @@
 import { ImageShape } from '@rubin-epo/epo-react-lib/Image';
-import { ImageFilter } from '../ColorTool';
+import { ImageFilter } from '..';
 
 interface useFilteredImagesProps {
     images: Array<ImageShape>;

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

@@ -1 +1,46 @@
-export { default } from './ColorTool';
+import { FunctionComponent } from 'react';
+import { ListboxOption } from '@rubin-epo/epo-react-lib/SelectListbox';
+
+export interface ImageFilter {
+    label: string;
+    defaultColor?: string;
+    color?: string;
+    active: boolean;
+    image: string;
+    isDisabled: boolean;
+    value: number;
+    defaultValue?: number;
+    min: number;
+    max: number;
+    brightness?: number;
+}
+export interface AstroObject {
+    name: string;
+    filters: ImageFilter[];
+}
+export interface AstroCategory {
+    type: string;
+    objects: AstroObject[];
+}
+export type ColorToolAction = "reset" | "export" | "save";
+interface ColorToolConfig {
+    actions?: Array<ColorToolAction>;
+    /** pixel width of the images in the tool */
+    width?: number;
+    /** pixel height of the images in the tool */
+    height?: number;
+    hideSubtitle?: boolean;
+}
+interface ColorToolProps {
+    selectionCallback: (selectedData: AstroObject) => void;
+    data: AstroCategory[];
+    selectedData: AstroObject;
+    objectOptions?: ListboxOption[];
+    colorOptions?: ListboxOption[];
+    isDisabled?: boolean;
+    isDisplayOnly?: boolean;
+    config?: ColorToolConfig;
+    className?: string;
+}
+declare const ColorTool: FunctionComponent<ColorToolProps>;
+export default ColorTool;

package/dist/widgets/ColorTool/lib/server.d.ts

@@ -1,5 +1,5 @@
 import { ExportFormat } from 'skia-canvas';
-import { ImageFilter } from '../ColorTool';
+import { ImageFilter } from '..';
 
 /** server safe renderer */
 declare const getFilteredImageBase64: (filters?: Array<ImageFilter>, format?: ExportFormat, width?: number, height?: number) => Promise<string>;

package/dist/widgets/ColorTool/lib/utils.d.ts

@@ -1,4 +1,4 @@
-import { AstroCategory, AstroObject, ImageFilter } from '../ColorTool';
+import { AstroCategory, AstroObject, ImageFilter } from '..';
 
 /** calculates a value that can be used in the CSS {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/brightness brightness filter } */
 export declare const getBrightnessValue: (min: number, max: number, value: number) => number;

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

@@ -1 +1,12 @@
-export { default } from './FilterTool';
+import { FunctionComponent } from 'react';
+
+type FilterColor = "violet" | "blue" | "green" | "yellow" | "orange" | "red";
+interface FilterToolProps {
+    selectionCallback?: (color: FilterColor) => void;
+    selectedColor?: FilterColor | "none";
+    isDisabled?: boolean;
+    id?: string;
+    labelledById?: string;
+}
+declare const FilterTool: FunctionComponent<FilterToolProps>;
+export default FilterTool;

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

@@ -572,7 +572,7 @@ export declare const PrismSVG: 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;
@@ -1054,7 +1054,7 @@ export declare const WhiteLine: 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;
@@ -1536,7 +1536,7 @@ export declare const Ray: 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;
@@ -2018,7 +2018,7 @@ export declare const Arrow: 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;
@@ -2500,7 +2500,7 @@ export declare const PrismOutline: import('styled-components').IStyledComponent<
     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;
@@ -2982,7 +2982,7 @@ export declare const Filter: 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/widgets/SourceSelector/SourceMap/styles.d.ts

@@ -21,7 +21,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;
@@ -503,7 +503,7 @@ export declare const Point: 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/widgets/SupernovaThreeVector/Histogram/index.js

@@ -12,8 +12,8 @@ import { XLabel as T } from "../../../charts/styles.js";
 import { between as X } from "../../../lib/utils.js";
 import { YLabel as Y } from "./styles.js";
 const Z = ({
-  data: u,
-  margin: a,
+  data: a,
+  margin: u,
   activeRange: b,
   xDomain: t,
   yDomain: s,
@@ -26,7 +26,7 @@ const Z = ({
   height: M,
   className: _
 }) => {
-  const { t: h } = j(), [d, v] = w(), B = l(s[0]), c = A(), p = typeof d == "number", m = u.map(({ value: o, bin: r }, n) => ({
+  const { t: h } = j(), [d, v] = w(), B = l(s[0]), c = A(), p = typeof d == "number", m = a.map(({ value: o, bin: r }, n) => ({
     x: r,
     value: o,
     width: 12,
@@ -72,7 +72,7 @@ const Z = ({
             xScale: i,
             yDomain: s,
             yScale: l,
-            margin: a
+            margin: u
           }
         ),
         /* @__PURE__ */ e(O, { data: m, xDomain: t, yDomain: s, xScale: i, yScale: l }),
@@ -85,13 +85,13 @@ const Z = ({
             labelRender: (o, r, n) => /* @__PURE__ */ e(T, { x: r, y: n + 5, children: o }),
             xDomain: t,
             xScale: i,
-            margin: a
+            margin: u
           }
         ),
         /* @__PURE__ */ e(
           R,
           {
-            x: p ? i(u[d].bin) : 0,
+            x: p ? i(a[d].bin) : 0,
             y: p ? l(m[d].value) : 0,
             visible: p,
             children: p ? m[d].value : null

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

@@ -21,7 +21,7 @@ export declare const YLabel: 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/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"),M=require("d3-geo"),q=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"),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(E.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(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(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(N.default,{visible:!!o,x:b[0],y:b[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;

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

@@ -1,16 +1,16 @@
 "use client";
-import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { useState as L } from "react";
 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 U from "../../../charts/Base/index.js";
-import V from "../../../charts/Tooltip/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";
+import U from "../../../atomic/ImageStack/index.js";
+import { Background as V, Graticule as q, ImageStackerWrapper as z, UserObject as D, LatLabel as F, LongLabel as J, Outline as K } from "./styles.js";
+import Q from "../../../charts/Base/index.js";
+import X from "../../../charts/Tooltip/index.js";
 const Y = ({
   className: y,
-  objects: h = [],
+  objects: g = [],
   images: v = [],
   visibleImages: w = [],
   describedById: B
@@ -20,7 +20,7 @@ const Y = ({
     right: 0,
     bottom: 20,
     left: 20
-  }, j = s + a.right + a.left, G = l + a.top + a.bottom, c = 15, d = 30, k = -90, x = 90, p = -180, b = 180, m = 2, i = E(), n = N();
+  }, j = 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 = E(), n = N();
   n.step([d, c]), n.extent([
     [p, k],
     [b, x]
@@ -31,13 +31,13 @@ const Y = ({
     ],
     n.outline()
   );
-  const C = M(k + c, x, c), H = M(p + d, b, d), P = R(i).pointRadius(6), r = (t) => P(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(U, { width: j, height: G, className: y, children: [
+  const G = M(k + c, x, c), H = M(p + d, b, d), P = R(i).pointRadius(6), r = (t) => P(t) || void 0, o = typeof f < "u" ? g[f] : void 0, S = (o ? i([o == null ? void 0 : o.long, o == null ? void 0 : o.lat]) : [0, 0]) || [0, 0];
+  return /* @__PURE__ */ h(Q, { width: j, height: C, className: y, children: [
     /* @__PURE__ */ e("mask", { id: "imageMask", children: /* @__PURE__ */ e("path", { d: r(n.outline()), fill: "white" }) }),
-    /* @__PURE__ */ e(z, { d: r(n.outline()) }),
-    /* @__PURE__ */ e(D, { d: r(n()) }),
+    /* @__PURE__ */ e(V, { d: r(n.outline()) }),
+    /* @__PURE__ */ e(q, { d: r(n()) }),
     /* @__PURE__ */ e(
-      F,
+      z,
       {
         style: { "--image-stack-opacity": O && 1 },
         x: a.left,
@@ -46,7 +46,7 @@ const Y = ({
         height: l,
         mask: "url(#imageMask)",
         children: /* @__PURE__ */ e(
-          q,
+          U,
           {
             images: v,
             describedById: B,
@@ -58,8 +58,8 @@ const Y = ({
         )
       }
     ),
-    /* @__PURE__ */ e("g", { children: h.map(({ id: t, lat: T, long: $ }, A) => /* @__PURE__ */ e(
-      J,
+    /* @__PURE__ */ e("g", { children: g.map(({ id: t, lat: T, long: $ }, A) => /* @__PURE__ */ e(
+      D,
       {
         d: r({
           type: "Point",
@@ -70,9 +70,9 @@ const Y = ({
       },
       t
     )) }),
-    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: C.map(
-      (t) => t === 0 ? null : /* @__PURE__ */ g(
-        K,
+    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: G.map(
+      (t) => t === 0 ? null : /* @__PURE__ */ h(
+        F,
         {
           style: {
             dominantBaseline: t > 0 ? "text-after-edge" : "text-before-edge"
@@ -86,8 +86,8 @@ const Y = ({
         t
       )
     ) }),
-    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: H.map((t) => /* @__PURE__ */ g(
-      Q,
+    /* @__PURE__ */ e("g", { "aria-hidden": "true", children: H.map((t) => /* @__PURE__ */ h(
+      J,
       {
         transform: `translate(${i([t, 0])})`,
         children: [
@@ -98,14 +98,14 @@ const Y = ({
       t
     )) }),
     /* @__PURE__ */ e(
-      X,
+      K,
       {
         strokeWidth: m,
         d: r(n.outline())
       }
     ),
     /* @__PURE__ */ e(
-      V,
+      X,
       {
         visible: !!o,
         x: S[0],

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/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,37 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),i=e=>e&&e.__esModule?e:{default:e},o=i(r),t=o.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=o.default.svg`
+  aspect-ratio: 1;
+  overflow: visible;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  width: calc(var(--size-container) * 0.65);
+`,n=o.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=o.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)
+  );
+  stroke: none;
+`;exports.Container=t;exports.NorthDirection=n;exports.SVG=l;exports.ViewCone=a;