@rubin-epo/epo-widget-lib 0.9.8 → 0.9.9

package/dist/CameraFilter.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("react"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),y=require("@rubin-epo/epo-react-lib/styles"),S=require("react-i18next"),C=require("use-resize-observer"),r=require("./widgets/CameraFilter/data.cjs"),l=require("./widgets/CameraFilter/styles.cjs"),R=require("./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.cjs"),L=require("./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.cjs"),x=i=>i&&i.__esModule?i:{default:i},M=x(q),O=x(C),m=()=>{const{t:i}=S.useTranslation(),{ref:h,width:j=1}=O.default(),[c,b]=v.useState(null),{BREAK_TABLET:p}=y.tokens,s=j<parseInt(p),{[s?"condensed":"default"]:{min:o,max:g,range:n}}=r.rangeConfig,d=r.filters[0].range[0],u=r.filters[r.filters.length-1].range[1]-d,f=r.filters.filter(({band:e})=>e),F=[{value:"none",label:i("camera_filter.labels.option",{context:"none"})}].concat(f.map(({band:e})=>({value:e,label:i("camera_filter.labels.option",{band:e})}))),_=r.filters.find(({band:e})=>e===c);return t.jsxs(l.FilterContainer,{ref:h,children:[t.jsx(l.FilterTitle,{children:i("camera_filter.title")}),s&&t.jsx(R.default,{filters:f,min:o,spectrumRange:n}),t.jsxs(l.FilterTable,{style:{"--filter-table-margin-inline-start":`${((d-o)/n*100).toFixed(2)}%`,"--filter-table-width":`${(u/n*100).toFixed(2)}%`},"data-testid":"expanded-filters",children:[t.jsx("colgroup",{children:r.filters.map(({range:e})=>t.jsx("col",{style:{width:`${(e[1]-e[0])/u*100}%`}},e.join("")))}),t.jsx(l.FilterNames,{children:t.jsx("tr",{children:r.filters.map(({band:e},a)=>t.jsx(l.FilterName,{id:`${e}-name`,style:{"--filter-name-border":e?"solid #b2b2b2":"none"},scope:"col","aria-hidden":!e,children:e},a))})}),!s&&t.jsx(l.FilterRanges,{children:t.jsx("tr",{children:r.filters.map(({band:e,range:a})=>t.jsx(l.FilterRange,{"aria-hidden":!e,children:e&&t.jsxs(t.Fragment,{children:[a.join("–"),t.jsx("br",{}),t.jsx(l.Wavelength,{children:"nm"})]})},a.join()))})})]}),t.jsx(L.default,{min:o,max:g,range:n,isCondensed:s,activeFilter:_}),t.jsxs(l.SelectContainer,{children:[t.jsx(l.SelectLabel,{id:"filterSelectLabel",children:i("camera_filter.labels.select")}),t.jsx(M.default,{options:F,value:c,onChangeCallback:e=>b(e),width:"100%",maxWidth:"100%",labelledById:"filterSelectLabel"})]})]})};m.displayName="Widgets.CameraFilter";exports.default=m;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("react"),v=require("@rubin-epo/epo-react-lib/SelectListbox"),y=require("@rubin-epo/epo-react-lib/styles"),S=require("react-i18next"),C=require("use-resize-observer"),r=require("./widgets/CameraFilter/data.cjs"),l=require("./widgets/CameraFilter/styles.cjs"),R=require("./layout/AspectRatio/index.cjs"),L=require("./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.cjs"),M=require("./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.cjs"),x=i=>i&&i.__esModule?i:{default:i},O=x(v),T=x(C),h=()=>{const{t:i}=S.useTranslation(),{ref:j,width:m=1}=T.default(),[o,p]=q.useState(null),{BREAK_TABLET:b}=y.tokens,s=m<parseInt(b),{[s?"condensed":"default"]:{min:c,max:g,range:n}}=r.rangeConfig,d=r.filters[0].range[0],u=r.filters[r.filters.length-1].range[1]-d,f=r.filters.filter(({band:t})=>t),F=[{value:"none",label:i("camera_filter.labels.option",{context:"none"})}].concat(f.map(({band:t})=>({value:t,label:i("camera_filter.labels.option",{band:t})}))),_=r.filters.find(({band:t})=>t===o);return e.jsx(R.default,{ratio:"landscape",children:e.jsxs(l.FilterContainer,{ref:j,children:[e.jsx(l.FilterTitle,{children:i("camera_filter.title")}),s&&e.jsx(L.default,{filters:f,min:c,spectrumRange:n}),e.jsxs(l.FilterTable,{style:{"--filter-table-margin-inline-start":`${((d-c)/n*100).toFixed(2)}%`,"--filter-table-width":`${(u/n*100).toFixed(2)}%`},"data-testid":"expanded-filters",children:[e.jsx("colgroup",{children:r.filters.map(({range:t})=>e.jsx("col",{style:{width:`${(t[1]-t[0])/u*100}%`}},t.join("")))}),e.jsx(l.FilterNames,{children:e.jsx("tr",{children:r.filters.map(({band:t},a)=>e.jsx(l.FilterName,{id:`${t}-name`,style:{"--filter-name-border":t?"solid #b2b2b2":"none"},scope:"col","aria-hidden":!t,children:t},a))})}),!s&&e.jsx(l.FilterRanges,{children:e.jsx("tr",{children:r.filters.map(({band:t,range:a})=>e.jsx(l.FilterRange,{"aria-hidden":!t,children:t&&e.jsxs(e.Fragment,{children:[a.join("–"),e.jsx("br",{}),e.jsx(l.Wavelength,{children:"nm"})]})},a.join()))})})]}),e.jsx(M.default,{min:c,max:g,range:n,isCondensed:s,activeFilter:_}),e.jsxs(l.SelectContainer,{children:[e.jsx(l.SelectLabel,{id:"filterSelectLabel",children:i("camera_filter.labels.select")}),e.jsx(O.default,{options:F,value:o,onChangeCallback:t=>p(t),width:"100%",maxWidth:"100%",labelledById:"filterSelectLabel"})]})]})})};h.displayName="Widgets.CameraFilter";exports.default=h;

package/dist/CameraFilter.js

@@ -1,30 +1,31 @@
 "use client";
-import { jsxs as o, jsx as t, Fragment as C } from "react/jsx-runtime";
+import { jsx as t, jsxs as o, Fragment as C } from "react/jsx-runtime";
 import { useState as v } from "react";
-import y from "@rubin-epo/epo-react-lib/SelectListbox";
-import { tokens as R } from "@rubin-epo/epo-react-lib/styles";
+import R from "@rubin-epo/epo-react-lib/SelectListbox";
+import { tokens as y } from "@rubin-epo/epo-react-lib/styles";
 import { useTranslation as S } from "react-i18next";
 import j from "use-resize-observer";
 import { filters as i, rangeConfig as B } from "./widgets/CameraFilter/data.js";
-import { FilterContainer as L, FilterTitle as T, FilterTable as _, FilterNames as w, FilterName as O, FilterRanges as $, FilterRange as A, Wavelength as M, SelectContainer as N, SelectLabel as W } from "./widgets/CameraFilter/styles.js";
-import k from "./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.js";
-import E from "./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.js";
-const I = () => {
-  const { t: l } = S(), { ref: p, width: h = 1 } = j(), [c, F] = v(null), { BREAK_TABLET: b } = R, r = h < parseInt(b), {
-    [r ? "condensed" : "default"]: { min: s, max: g, range: n }
+import { FilterContainer as L, FilterTitle as T, FilterTable as _, FilterNames as w, FilterName as A, FilterRanges as O, FilterRange as $, Wavelength as M, SelectContainer as N, SelectLabel as W } from "./widgets/CameraFilter/styles.js";
+import k from "./layout/AspectRatio/index.js";
+import E from "./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.js";
+import I from "./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.js";
+const z = () => {
+  const { t: r } = S(), { ref: p, width: h = 1 } = j(), [c, F] = v(null), { BREAK_TABLET: b } = y, l = h < parseInt(b), {
+    [l ? "condensed" : "default"]: { min: s, max: g, range: n }
   } = B, d = i[0].range[0], m = i[i.length - 1].range[1] - d, f = i.filter(({ band: e }) => e), u = [{
     value: "none",
-    label: l("camera_filter.labels.option", { context: "none" })
+    label: r("camera_filter.labels.option", { context: "none" })
   }].concat(
     f.map(({ band: e }) => ({
       value: e,
-      label: l("camera_filter.labels.option", { band: e })
+      label: r("camera_filter.labels.option", { band: e })
     }))
   ), x = i.find(({ band: e }) => e === c);
-  return /* @__PURE__ */ o(L, { ref: p, children: [
-    /* @__PURE__ */ t(T, { children: l("camera_filter.title") }),
-    r && /* @__PURE__ */ t(
-      k,
+  return /* @__PURE__ */ t(k, { ratio: "landscape", children: /* @__PURE__ */ o(L, { ref: p, children: [
+    /* @__PURE__ */ t(T, { children: r("camera_filter.title") }),
+    l && /* @__PURE__ */ t(
+      E,
       {
         filters: f,
         min: s,
@@ -50,7 +51,7 @@ const I = () => {
             e.join("")
           )) }),
           /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e }, a) => /* @__PURE__ */ t(
-            O,
+            A,
             {
               id: `${e}-name`,
               style: {
@@ -62,7 +63,7 @@ const I = () => {
             },
             a
           )) }) }),
-          !r && /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e, range: a }) => /* @__PURE__ */ t(A, { "aria-hidden": !e, children: e && /* @__PURE__ */ o(C, { children: [
+          !l && /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e, range: a }) => /* @__PURE__ */ t($, { "aria-hidden": !e, children: e && /* @__PURE__ */ o(C, { children: [
             a.join("–"),
             /* @__PURE__ */ t("br", {}),
             /* @__PURE__ */ t(M, { children: "nm" })
@@ -71,19 +72,19 @@ const I = () => {
       }
     ),
     /* @__PURE__ */ t(
-      E,
+      I,
       {
         min: s,
         max: g,
         range: n,
-        isCondensed: r,
+        isCondensed: l,
         activeFilter: x
       }
     ),
     /* @__PURE__ */ o(N, { children: [
-      /* @__PURE__ */ t(W, { id: "filterSelectLabel", children: l("camera_filter.labels.select") }),
+      /* @__PURE__ */ t(W, { id: "filterSelectLabel", children: r("camera_filter.labels.select") }),
       /* @__PURE__ */ t(
-        y,
+        R,
         {
           options: u,
           value: c,
@@ -94,9 +95,9 @@ const I = () => {
         }
       )
     ] })
-  ] });
+  ] }) });
 };
-I.displayName = "Widgets.CameraFilter";
+z.displayName = "Widgets.CameraFilter";
 export {
-  I as default
+  z as default
 };

package/dist/Charts.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./charts/Base/index.cjs"),i=require("./charts/XAxis/index.cjs"),t=require("./charts/YAxis/index.cjs"),n=require("./charts/Guidelines/index.cjs"),r=require("./charts/Points/index.cjs"),u=require("./charts/Tooltip/index.cjs"),d=require("./charts/ClippingContainer/index.cjs"),o=require("./charts/Bars/index.cjs"),s=require("./charts/Viewport/index.cjs"),l=require("./charts/ForeignObject/index.cjs");exports.Base=e.default;exports.XAxis=i.default;exports.YAxis=t.default;exports.Guidelines=n.default;exports.Points=r.default;exports.Tooltip=u.default;exports.ClippingContainer=d.default;exports.Bars=o.default;exports.Viewport=s.default;exports.ForeignObject=l.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./charts/Base/index.cjs"),i=require("./charts/XAxis/index.cjs"),t=require("./charts/YAxis/index.cjs"),r=require("./charts/Guidelines/index.cjs"),n=require("./charts/Points/index.cjs"),u=require("./charts/Tooltip/index.cjs"),d=require("./charts/ClippingContainer/index.cjs"),o=require("./charts/Bars/index.cjs"),s=require("./charts/Viewport/index.cjs"),a=require("./charts/ForeignObject/index.cjs"),l=require("./charts/ScatterPlot/index.cjs");exports.Base=e.default;exports.XAxis=i.default;exports.YAxis=t.default;exports.Guidelines=r.default;exports.Points=n.default;exports.Tooltip=u.default;exports.ClippingContainer=d.default;exports.Bars=o.default;exports.Viewport=s.default;exports.ForeignObject=a.default;exports.ScatterPlot=l.default;

package/dist/Charts.js

@@ -1,22 +1,24 @@
-import { default as t } from "./charts/Base/index.js";
+import { default as o } from "./charts/Base/index.js";
 import { default as a } from "./charts/XAxis/index.js";
 import { default as s } from "./charts/YAxis/index.js";
-import { default as l } from "./charts/Guidelines/index.js";
+import { default as p } from "./charts/Guidelines/index.js";
 import { default as d } from "./charts/Points/index.js";
-import { default as u } from "./charts/Tooltip/index.js";
+import { default as i } from "./charts/Tooltip/index.js";
 import { default as n } from "./charts/ClippingContainer/index.js";
-import { default as A } from "./charts/Bars/index.js";
-import { default as C } from "./charts/Viewport/index.js";
-import { default as c } from "./charts/ForeignObject/index.js";
+import { default as g } from "./charts/Bars/index.js";
+import { default as B } from "./charts/Viewport/index.js";
+import { default as P } from "./charts/ForeignObject/index.js";
+import { default as j } from "./charts/ScatterPlot/index.js";
 export {
-  A as Bars,
-  t as Base,
+  g as Bars,
+  o as Base,
   n as ClippingContainer,
-  c as ForeignObject,
-  l as Guidelines,
+  P as ForeignObject,
+  p as Guidelines,
   d as Points,
-  u as Tooltip,
-  C as Viewport,
+  j as ScatterPlot,
+  i as Tooltip,
+  B as Viewport,
   a as XAxis,
   s as YAxis
 };

package/dist/ColorTool.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react"),W=require("react-i18next"),H=require("./widgets/ColorTool/lib/utils.cjs"),l=require("./widgets/ColorTool/styles.cjs"),R=require("@rubin-epo/epo-react-lib/SelectListbox"),$=require("./widgets/ColorTool/Actions/index.cjs"),p=require("./widgets/ColorTool/ImageComposite/ImageComposite.cjs"),v=require("./widgets/ColorTool/FilterControls/FilterControls.cjs"),D=o=>o&&o.__esModule?o:{default:o},N=D(R),T=({data:o,objectOptions:L=[],selectedData:d,colorOptions:C=[],selectionCallback:n,isDisabled:u=!1,isDisplayOnly:S=!1,className:x,config:_={actions:["reset"],width:600,height:600,hideSubtitle:!1}})=>{const q={actions:["reset"],width:600,height:600,hideSubtitle:!1},h=y.useRef(null),{t:a}=W.useTranslation(),{filters:r,name:c}=d,{actions:F,width:s,height:i,hideSubtitle:w}={...q,..._},j=r.map(({image:t})=>({url:t,width:s,height:i}));if(S)return e.jsx(p.default,{ref:h,isDisplayOnly:!0,filters:r,width:s,height:i,selectedObjectName:c,className:x,images:j});const I=t=>{const{label:f}=t,{filters:b}=d,M=b.map(m=>m.label===f?t:m);return n&&n({...d,filters:M})},O=t=>{if(t)return n&&n({name:t,filters:H.getDataFiltersByName(o,t)})},g=o.length>1,B=a("colorTool.actions.select_an_object");return e.jsx(l.WidgetContainer,{className:x,children:e.jsxs(l.WidgetLayout,{style:{"--image-width":typeof s=="number"?`${s}px`:s,"--image-height":typeof i=="number"?`${i}px`:i},children:[c&&g&&e.jsx(l.Title,{children:!w&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:a("colorTool.labels.object")}),e.jsx("dd",{children:c})]})}),e.jsxs(l.ControlsContainer,{children:[r&&e.jsxs(e.Fragment,{children:[e.jsx(l.ToolsHeader,{id:"filterLabel",children:a("colorTool.labels.filter")}),e.jsx(l.ToolsHeader,{id:"colorLabel",children:a("colorTool.labels.color")}),e.jsx(l.ToolsHeader,{id:"intensityLabel",children:a("colorTool.labels.color_intensity")})]}),r&&r.map(t=>{const{label:f,isDisabled:b}=t;return y.createElement(v.default,{filter:t,colorOptions:C,key:`filter-${f}`,isDisabled:u||b,onChangeFilterCallback:I,buttonLabelledById:"filterLabel",selectLabelledById:"colorLabel",sliderLabelledById:"intensityLabel"})})]}),e.jsx(p.default,{ref:h,filters:r,width:s,height:i,selectedObjectName:c,images:j,children:g&&e.jsx(l.SelectionContainer,{children:e.jsx(N.default,{id:"astroObjectSelector",placeholder:B,options:L,onChangeCallback:O,value:c,isDisabled:u,width:"100%",maxWidth:"100%"})})}),e.jsx($.default,{actions:F,canvas:h.current,selectedData:d,isDisabled:u,selectionCallback:n})]})})};T.displayName="Widgets.ColorTool";exports.default=T;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),H=require("react-i18next"),N=require("./widgets/ColorTool/lib/utils.cjs"),o=require("./widgets/ColorTool/styles.cjs"),R=require("@rubin-epo/epo-react-lib/SelectListbox"),W=require("./widgets/ColorTool/Actions/index.cjs"),v=require("./layout/AspectRatio/index.cjs"),y=require("./widgets/ColorTool/ImageComposite/ImageComposite.cjs"),D=require("./widgets/ColorTool/FilterControls/FilterControls.cjs"),P=l=>l&&l.__esModule?l:{default:l},$=P(R),T=({data:l,objectOptions:p=[],selectedData:a,colorOptions:L=[],selectionCallback:s,isDisabled:c=!1,isDisplayOnly:q=!1,className:S,config:_={actions:["reset"],width:600,height:600,hideSubtitle:!1}})=>{const C={actions:["reset"],width:600,height:600,hideSubtitle:!1},d=m.useRef(null),{t:i}=H.useTranslation(),{filters:r,name:n}=a,{actions:F,width:u,height:h,hideSubtitle:w}={...C,..._},j=r.map(({image:t})=>({url:t,width:u,height:h}));if(q)return e.jsx(v.default,{ratio:"square",children:e.jsx(y.default,{ref:d,isDisplayOnly:!0,filters:r,width:u,height:h,selectedObjectName:n,className:S,images:j})});const I=t=>{const{label:f}=t,{filters:b}=a,M=b.map(g=>g.label===f?t:g);return s&&s({...a,filters:M})},O=t=>{if(t)return s&&s({name:t,filters:N.getDataFiltersByName(l,t)})},x=l.length>1,B=i("colorTool.actions.select_an_object");return e.jsx(o.WidgetLayout,{widget:e.jsx(y.default,{ref:d,filters:r,width:u,height:h,selectedObjectName:n,images:j,children:x&&e.jsx(o.SelectionContainer,{children:e.jsx($.default,{id:"astroObjectSelector",placeholder:B,options:p,onChangeCallback:O,value:n,isDisabled:c,width:"100%",maxWidth:"100%"})})}),controls:e.jsxs(o.ControlsContainer,{children:[r&&e.jsxs(e.Fragment,{children:[e.jsx(o.ToolsHeader,{id:"filterLabel",children:i("colorTool.labels.filter")}),e.jsx(o.ToolsHeader,{id:"colorLabel",children:i("colorTool.labels.color")}),e.jsx(o.ToolsHeader,{id:"intensityLabel",children:i("colorTool.labels.color_intensity")})]}),r&&r.map(t=>{const{label:f,isDisabled:b}=t;return m.createElement(D.default,{filter:t,colorOptions:L,key:`filter-${f}`,isDisabled:c||b,onChangeFilterCallback:I,buttonLabelledById:"filterLabel",selectLabelledById:"colorLabel",sliderLabelledById:"intensityLabel"})})]}),actions:e.jsx(W.default,{actions:F,canvas:d.current,selectedData:a,isDisabled:c,selectionCallback:s}),caption:n&&x&&e.jsx(o.Title,{children:!w&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:i("colorTool.labels.object")}),e.jsx("dd",{children:n})]})})})};T.displayName="Widgets.ColorTool";exports.default=T;

package/dist/ColorTool.js

@@ -1,139 +1,134 @@
 "use client";
-import { jsx as e, jsxs as c, Fragment as C } from "react/jsx-runtime";
-import { useRef as N, createElement as R } from "react";
-import { useTranslation as A } from "react-i18next";
+import { jsx as e, jsxs as f, Fragment as L } from "react/jsx-runtime";
+import { useRef as _, createElement as A } from "react";
+import { useTranslation as q } from "react-i18next";
 import { getDataFiltersByName as D } from "./widgets/ColorTool/lib/utils.js";
-import { WidgetContainer as E, WidgetLayout as H, Title as M, ControlsContainer as P, ToolsHeader as b, SelectionContainer as q } from "./widgets/ColorTool/styles.js";
-import v from "@rubin-epo/epo-react-lib/SelectListbox";
-import z from "./widgets/ColorTool/Actions/index.js";
+import { WidgetLayout as E, SelectionContainer as H, ControlsContainer as M, ToolsHeader as b, Title as P } from "./widgets/ColorTool/styles.js";
+import $ from "@rubin-epo/epo-react-lib/SelectListbox";
+import v from "./widgets/ColorTool/Actions/index.js";
+import z from "./layout/AspectRatio/index.js";
 import T from "./widgets/ColorTool/ImageComposite/ImageComposite.js";
 import G from "./widgets/ColorTool/FilterControls/FilterControls.js";
 const J = ({
   data: p,
-  objectOptions: j = [],
-  selectedData: a,
-  colorOptions: x = [],
-  selectionCallback: i,
-  isDisabled: d = !1,
+  objectOptions: C = [],
+  selectedData: n,
+  colorOptions: j = [],
+  selectionCallback: l,
+  isDisabled: s = !1,
   isDisplayOnly: S = !1,
-  className: u,
-  config: F = {
+  className: F,
+  config: w = {
     actions: ["reset"],
     width: 600,
     height: 600,
     hideSubtitle: !1
   }
 }) => {
-  const w = {
+  const x = {
     actions: ["reset"],
     width: 600,
     height: 600,
     hideSubtitle: !1
-  }, h = N(null), { t: n } = A(), { filters: o, name: s } = a, { actions: B, width: l, height: r, hideSubtitle: I } = {
-    ...w,
-    ...F
-  }, g = o.map(({ image: t }) => ({ url: t, width: l, height: r }));
+  }, a = _(null), { t: r } = q(), { filters: o, name: i } = n, { actions: B, width: c, height: d, hideSubtitle: I } = {
+    ...x,
+    ...w
+  }, u = o.map(({ image: t }) => ({ url: t, width: c, height: d }));
   if (S)
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ e(z, { ratio: "square", children: /* @__PURE__ */ e(
       T,
       {
-        ref: h,
+        ref: a,
         isDisplayOnly: !0,
         filters: o,
-        width: l,
-        height: r,
-        selectedObjectName: s,
-        className: u,
-        images: g
+        width: c,
+        height: d,
+        selectedObjectName: i,
+        className: F,
+        images: u
       }
-    );
+    ) });
   const O = (t) => {
-    const { label: m } = t, { filters: f } = a, $ = f.map(
-      (L) => L.label === m ? t : L
+    const { label: h } = t, { filters: m } = n, W = m.map(
+      (y) => y.label === h ? t : y
     );
-    return i && i({
-      ...a,
-      filters: $
+    return l && l({
+      ...n,
+      filters: W
     });
-  }, W = (t) => {
+  }, N = (t) => {
     if (t)
-      return i && i({
+      return l && l({
         name: t,
         filters: D(p, t)
       });
-  }, y = p.length > 1, _ = n("colorTool.actions.select_an_object");
-  return /* @__PURE__ */ e(E, { className: u, children: /* @__PURE__ */ c(
-    H,
+  }, g = p.length > 1, R = r("colorTool.actions.select_an_object");
+  return /* @__PURE__ */ e(
+    E,
     {
-      style: {
-        "--image-width": typeof l == "number" ? `${l}px` : l,
-        "--image-height": typeof r == "number" ? `${r}px` : r
-      },
-      children: [
-        s && y && /* @__PURE__ */ e(M, { children: !I && /* @__PURE__ */ c(C, { children: [
-          /* @__PURE__ */ e("dt", { children: n("colorTool.labels.object") }),
-          /* @__PURE__ */ e("dd", { children: s })
-        ] }) }),
-        /* @__PURE__ */ c(P, { children: [
-          o && /* @__PURE__ */ c(C, { children: [
-            /* @__PURE__ */ e(b, { id: "filterLabel", children: n("colorTool.labels.filter") }),
-            /* @__PURE__ */ e(b, { id: "colorLabel", children: n("colorTool.labels.color") }),
-            /* @__PURE__ */ e(b, { id: "intensityLabel", children: n("colorTool.labels.color_intensity") })
-          ] }),
-          o && o.map((t) => {
-            const { label: m, isDisabled: f } = t;
-            return /* @__PURE__ */ R(
-              G,
-              {
-                filter: t,
-                colorOptions: x,
-                key: `filter-${m}`,
-                isDisabled: d || f,
-                onChangeFilterCallback: O,
-                buttonLabelledById: "filterLabel",
-                selectLabelledById: "colorLabel",
-                sliderLabelledById: "intensityLabel"
-              }
-            );
-          })
+      widget: /* @__PURE__ */ e(
+        T,
+        {
+          ref: a,
+          filters: o,
+          width: c,
+          height: d,
+          selectedObjectName: i,
+          images: u,
+          children: g && /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
+            $,
+            {
+              id: "astroObjectSelector",
+              placeholder: R,
+              options: C,
+              onChangeCallback: N,
+              value: i,
+              isDisabled: s,
+              width: "100%",
+              maxWidth: "100%"
+            }
+          ) })
+        }
+      ),
+      controls: /* @__PURE__ */ f(M, { children: [
+        o && /* @__PURE__ */ f(L, { children: [
+          /* @__PURE__ */ e(b, { id: "filterLabel", children: r("colorTool.labels.filter") }),
+          /* @__PURE__ */ e(b, { id: "colorLabel", children: r("colorTool.labels.color") }),
+          /* @__PURE__ */ e(b, { id: "intensityLabel", children: r("colorTool.labels.color_intensity") })
         ] }),
-        /* @__PURE__ */ e(
-          T,
-          {
-            ref: h,
-            filters: o,
-            width: l,
-            height: r,
-            selectedObjectName: s,
-            images: g,
-            children: y && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
-              v,
-              {
-                id: "astroObjectSelector",
-                placeholder: _,
-                options: j,
-                onChangeCallback: W,
-                value: s,
-                isDisabled: d,
-                width: "100%",
-                maxWidth: "100%"
-              }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ e(
-          z,
-          {
-            actions: B,
-            canvas: h.current,
-            selectedData: a,
-            isDisabled: d,
-            selectionCallback: i
-          }
-        )
-      ]
+        o && o.map((t) => {
+          const { label: h, isDisabled: m } = t;
+          return /* @__PURE__ */ A(
+            G,
+            {
+              filter: t,
+              colorOptions: j,
+              key: `filter-${h}`,
+              isDisabled: s || m,
+              onChangeFilterCallback: O,
+              buttonLabelledById: "filterLabel",
+              selectLabelledById: "colorLabel",
+              sliderLabelledById: "intensityLabel"
+            }
+          );
+        })
+      ] }),
+      actions: /* @__PURE__ */ e(
+        v,
+        {
+          actions: B,
+          canvas: a.current,
+          selectedData: n,
+          isDisabled: s,
+          selectionCallback: l
+        }
+      ),
+      caption: i && g && /* @__PURE__ */ e(P, { children: !I && /* @__PURE__ */ f(L, { children: [
+        /* @__PURE__ */ e("dt", { children: r("colorTool.labels.object") }),
+        /* @__PURE__ */ e("dd", { children: i })
+      ] }) })
     }
-  ) });
+  );
 };
 J.displayName = "Widgets.ColorTool";
 export {

package/dist/FilterTool.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),i=require("react-i18next"),m=require("@rubin-epo/epo-react-lib/SelectListbox"),_=require("@rubin-epo/epo-react-lib/ColorSwatch"),r=require("./widgets/FilterTool/styles.cjs"),d=e=>e&&e.__esModule?e:{default:e},b=d(m),C=d(_),j=({selectedColor:e="none",selectionCallback:f,isDisabled:c=!1,id:h,labelledById:u})=>{const{t:l}=i.useTranslation(),t={violet:"#861cff",blue:"#0019ff",green:"#6bd853",yellow:"#ffdd15",orange:"#f18922",red:"#ec1c24",none:"transparent"},p={violet:"M546.1,312.5l212.8,1.9h0.4l0.5,0.2L1396,522.8c6.9,2.3,10.7,9.7,8.5,16.7s-9.7,10.7-16.7,8.5l0,0l-0.4-0.1L757.8,320.4l0.9,0.2L546.1,312.5z",blue:"M546.1,312.4l206.5-4.4h0.4l0.4,0.1l641.1,164c7,1.8,11.2,8.9,9.4,15.9c-1.8,7-8.9,11.2-15.9,9.4l-0.4-0.1L751.8,313.8l0.8,0.1L546.1,312.4z",green:"M547.8,312l200.6-10.6h0.3l0.4,0.1l644.8,120.3c7,1.4,11.5,8.2,10.1,15.2c-1.4,6.9-8,11.4-14.9,10.2l-0.4-0.1L747.8,307.4l0.7,0.1L547.8,312z",yellow:"M546.1,312.5l205.8-17.3h0.3h0.4l640.4,75.3c7.1,0.8,12.2,7.2,11.3,14.3c-0.8,7.1-7.2,12.2-14.3,11.3l-0.4-0.1l-637.9-94.5h0.6L546.1,312.5z",orange:"M546.1,311l189.3-21.8h0.2h0.3l656.5,33.3c7,0.4,12.4,6.3,12,13.3s-6.3,12.4-13.3,12h-0.4l-655.2-52.9h0.5L546.1,311z",red:"M546.1,311L730,283.9h0.1h0.2l661.4-9.9c6.9-0.1,12.6,5.4,12.7,12.3s-5.4,12.6-12.3,12.7h-0.4l-661.4-9.8h0.4L546.1,311z"},n={violet:[[1426.5,547.9],[1353.2,550.6],[1377.9,530.1],[1372.3,498.5]],blue:[[1431.5,496.4],[1358.6,504.1],[1381.8,482],[1374.1,450.9]],green:[[1437.9,443.4],[1366.1,458.4],[1387,434.1],[1376.2,403.9]],yellow:[[1438.9,389.7],[1368,408.2],[1387.6,382.8],[1375.4,353.3]],orange:[[1443.7,340.3],[1373.9,362.8],[1392.1,336.4],[1378.2,307.5]],red:[[1441.9,290],[1372.4,313.2],[1390.3,286.6],[1376.1,257.9]]},g=Object.keys(t).map(s=>({value:s,label:l(`filterTool.colors.${s}`),icon:o.jsx(C.default,{color:s,size:"small"})})),x=s=>e!==s&&e!=="none",y=l("filterTool.selectLabel"),a=e==="none";return o.jsxs(r.Wrapper,{children:[o.jsxs(r.PrismSVG,{version:"1.1",viewBox:"0 0 1551.6 736.7","aria-labelledby":u,children:[o.jsxs("defs",{children:[o.jsxs("linearGradient",{id:"no-arrow-red",children:[o.jsx("stop",{offset:"0%",stopColor:t.red}),o.jsx("stop",{offset:"81%",stopColor:t.red}),o.jsx("stop",{offset:"81%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-orange",children:[o.jsx("stop",{offset:"0%",stopColor:t.orange}),o.jsx("stop",{offset:"80%",stopColor:t.orange}),o.jsx("stop",{offset:"80%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-yellow",children:[o.jsx("stop",{offset:"0%",stopColor:t.yellow}),o.jsx("stop",{offset:"79%",stopColor:t.yellow}),o.jsx("stop",{offset:"79%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-green",children:[o.jsx("stop",{offset:"0%",stopColor:t.green}),o.jsx("stop",{offset:"78%",stopColor:t.green}),o.jsx("stop",{offset:"78%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-blue",children:[o.jsx("stop",{offset:"0%",stopColor:t.blue}),o.jsx("stop",{offset:"77%",stopColor:t.blue}),o.jsx("stop",{offset:"77%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-violet",children:[o.jsx("stop",{offset:"0%",stopColor:t.violet}),o.jsx("stop",{offset:"77%",stopColor:t.violet}),o.jsx("stop",{offset:"77%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]})]}),o.jsxs("radialGradient",{id:"gradient_1_",cx:"718.4264",cy:"-294.6529",r:"417.8",fx:"638.9412",fy:"-303.5418",gradientTransform:"matrix(1 0 0 1 0 534)",gradientUnits:"userSpaceOnUse",children:[o.jsx("stop",{offset:"0.12",style:{stopColor:"#FFFFFF"}}),o.jsx("stop",{offset:"1",style:{stopColor:"#000000"}})]}),o.jsxs("g",{children:[o.jsx(r.WhiteLine,{id:"white_ray",x1:"108.2",y1:"463.3",x2:"546.1",y2:"312.5"}),o.jsx(r.WhiteLine,{id:"white_light_arrow_line",x1:"376.8",y1:"327.9",x2:"430",y2:"309.6"}),o.jsx("polygon",{id:"white_light_arrow",points:"420.7,325.4 428.1,310.3 413,302.9 422.5,299.7 437.6,307 430.2,322.1",fill:"#ffffff"}),o.jsx("text",{transform:"matrix(0.9446 -0.3282 0.3282 0.9446 152.0965 417.697)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.whiteLight"})})]}),o.jsxs("g",{children:[o.jsx("text",{transform:"matrix(1 0 0 1 598.2964 606.0872)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.prism"})}),o.jsx("polygon",{id:"gradient",points:"653.2,127 867.4,498 438.9,498",fill:"url(#gradient_1_)",style:{opacity:.3}})]}),o.jsx(r.PrismOutline,{id:"outline",points:"653.2,127 760.3,312.5 867.4,498 653.2,498 438.9,498 546.1,312.5 "}),o.jsx("g",{role:"list",id:"rays_out","aria-label":l("filterTool.light_out"),children:Object.keys(p).map(s=>o.jsx(r.Ray,{id:`${s}_ray`,style:{"--ray-fill":x(s)?`url(#no-arrow-${s})`:t[s]},d:p[s],role:"listitem","aria-label":l(`filterTool.colors.${s}`)},s))}),o.jsxs("g",{children:[o.jsx("text",{transform:"matrix(1 0 0 1 1206.5464 164.1372)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.filter"})}),o.jsx(r.Filter,{id:"filter",x1:"1255.6",y1:"235.7",x2:"1193.1",y2:"550.3",stroke:t[e],fill:"#ffffff","aria-label":l(`filterTool.colors.${e}`)})]}),o.jsxs("g",{role:"list",id:"rays_filtered","aria-label":l("filterTool.light_filtered"),children:[Object.keys(n).map(s=>o.jsx(r.Arrow,{id:`${s}_arrow`,style:{"--arrow-opacity":x(s)&&0,"--arrow-fill":t[s]},points:n[s].map(w=>w.join(",")).join(" "),role:a?"listitem":"presentation","aria-label":a?l(`filterTool.colors.${s}`):void 0},s)),!a&&o.jsx("text",{role:"listitem",x:n[e][3][0],y:n[e][3][1],fill:"#ffffff",dy:"-25",children:o.jsx(i.Trans,{i18nKey:`filterTool.colors.${e}`})})]})]}),o.jsx(r.SelectContainer,{children:o.jsx(b.default,{options:g,isDisabled:c,value:e,onChangeCallback:s=>f&&f(s||"none"),placeholder:y,maxWidth:"100%",width:"200px",id:h})})]})};j.displayName="Widgets.FilterTool";exports.default=j;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),i=require("react-i18next"),m=require("@rubin-epo/epo-react-lib/SelectListbox"),_=require("@rubin-epo/epo-react-lib/ColorSwatch"),r=require("./widgets/FilterTool/styles.cjs"),d=e=>e&&e.__esModule?e:{default:e},b=d(m),C=d(_),j=({selectedColor:e="none",selectionCallback:f,isDisabled:c=!1,id:h,labelledById:u})=>{const{t:l}=i.useTranslation(),t={violet:"#861cff",blue:"#0019ff",green:"#6bd853",yellow:"#ffdd15",orange:"#f18922",red:"#ec1c24",none:"transparent"},p={violet:"M546.1,312.5l212.8,1.9h0.4l0.5,0.2L1396,522.8c6.9,2.3,10.7,9.7,8.5,16.7s-9.7,10.7-16.7,8.5l0,0l-0.4-0.1L757.8,320.4l0.9,0.2L546.1,312.5z",blue:"M546.1,312.4l206.5-4.4h0.4l0.4,0.1l641.1,164c7,1.8,11.2,8.9,9.4,15.9c-1.8,7-8.9,11.2-15.9,9.4l-0.4-0.1L751.8,313.8l0.8,0.1L546.1,312.4z",green:"M547.8,312l200.6-10.6h0.3l0.4,0.1l644.8,120.3c7,1.4,11.5,8.2,10.1,15.2c-1.4,6.9-8,11.4-14.9,10.2l-0.4-0.1L747.8,307.4l0.7,0.1L547.8,312z",yellow:"M546.1,312.5l205.8-17.3h0.3h0.4l640.4,75.3c7.1,0.8,12.2,7.2,11.3,14.3c-0.8,7.1-7.2,12.2-14.3,11.3l-0.4-0.1l-637.9-94.5h0.6L546.1,312.5z",orange:"M546.1,311l189.3-21.8h0.2h0.3l656.5,33.3c7,0.4,12.4,6.3,12,13.3s-6.3,12.4-13.3,12h-0.4l-655.2-52.9h0.5L546.1,311z",red:"M546.1,311L730,283.9h0.1h0.2l661.4-9.9c6.9-0.1,12.6,5.4,12.7,12.3s-5.4,12.6-12.3,12.7h-0.4l-661.4-9.8h0.4L546.1,311z"},n={violet:[[1426.5,547.9],[1353.2,550.6],[1377.9,530.1],[1372.3,498.5]],blue:[[1431.5,496.4],[1358.6,504.1],[1381.8,482],[1374.1,450.9]],green:[[1437.9,443.4],[1366.1,458.4],[1387,434.1],[1376.2,403.9]],yellow:[[1438.9,389.7],[1368,408.2],[1387.6,382.8],[1375.4,353.3]],orange:[[1443.7,340.3],[1373.9,362.8],[1392.1,336.4],[1378.2,307.5]],red:[[1441.9,290],[1372.4,313.2],[1390.3,286.6],[1376.1,257.9]]},g=Object.keys(t).map(s=>({value:s,label:l(`filterTool.colors.${s}`),icon:o.jsx(C.default,{color:s,size:"small"})})),x=s=>e!==s&&e!=="none",y=l("filterTool.selectLabel"),a=e==="none";return o.jsxs(r.Wrapper,{ratio:"landscape",children:[o.jsxs(r.PrismSVG,{version:"1.1",viewBox:"0 0 1551.6 736.7","aria-labelledby":u,children:[o.jsxs("defs",{children:[o.jsxs("linearGradient",{id:"no-arrow-red",children:[o.jsx("stop",{offset:"0%",stopColor:t.red}),o.jsx("stop",{offset:"81%",stopColor:t.red}),o.jsx("stop",{offset:"81%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-orange",children:[o.jsx("stop",{offset:"0%",stopColor:t.orange}),o.jsx("stop",{offset:"80%",stopColor:t.orange}),o.jsx("stop",{offset:"80%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-yellow",children:[o.jsx("stop",{offset:"0%",stopColor:t.yellow}),o.jsx("stop",{offset:"79%",stopColor:t.yellow}),o.jsx("stop",{offset:"79%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-green",children:[o.jsx("stop",{offset:"0%",stopColor:t.green}),o.jsx("stop",{offset:"78%",stopColor:t.green}),o.jsx("stop",{offset:"78%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-blue",children:[o.jsx("stop",{offset:"0%",stopColor:t.blue}),o.jsx("stop",{offset:"77%",stopColor:t.blue}),o.jsx("stop",{offset:"77%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]}),o.jsxs("linearGradient",{id:"no-arrow-violet",children:[o.jsx("stop",{offset:"0%",stopColor:t.violet}),o.jsx("stop",{offset:"77%",stopColor:t.violet}),o.jsx("stop",{offset:"77%",stopColor:"transparent"}),o.jsx("stop",{offset:"100%",stopColor:"transparent"})]})]}),o.jsxs("radialGradient",{id:"gradient_1_",cx:"718.4264",cy:"-294.6529",r:"417.8",fx:"638.9412",fy:"-303.5418",gradientTransform:"matrix(1 0 0 1 0 534)",gradientUnits:"userSpaceOnUse",children:[o.jsx("stop",{offset:"0.12",style:{stopColor:"#FFFFFF"}}),o.jsx("stop",{offset:"1",style:{stopColor:"#000000"}})]}),o.jsxs("g",{children:[o.jsx(r.WhiteLine,{id:"white_ray",x1:"108.2",y1:"463.3",x2:"546.1",y2:"312.5"}),o.jsx(r.WhiteLine,{id:"white_light_arrow_line",x1:"376.8",y1:"327.9",x2:"430",y2:"309.6"}),o.jsx("polygon",{id:"white_light_arrow",points:"420.7,325.4 428.1,310.3 413,302.9 422.5,299.7 437.6,307 430.2,322.1",fill:"#ffffff"}),o.jsx("text",{transform:"matrix(0.9446 -0.3282 0.3282 0.9446 152.0965 417.697)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.whiteLight"})})]}),o.jsxs("g",{children:[o.jsx("text",{transform:"matrix(1 0 0 1 598.2964 606.0872)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.prism"})}),o.jsx("polygon",{id:"gradient",points:"653.2,127 867.4,498 438.9,498",fill:"url(#gradient_1_)",style:{opacity:.3}})]}),o.jsx(r.PrismOutline,{id:"outline",points:"653.2,127 760.3,312.5 867.4,498 653.2,498 438.9,498 546.1,312.5 "}),o.jsx("g",{role:"list",id:"rays_out","aria-label":l("filterTool.light_out"),children:Object.keys(p).map(s=>o.jsx(r.Ray,{id:`${s}_ray`,style:{"--ray-fill":x(s)?`url(#no-arrow-${s})`:t[s]},d:p[s],role:"listitem","aria-label":l(`filterTool.colors.${s}`)},s))}),o.jsxs("g",{children:[o.jsx("text",{transform:"matrix(1 0 0 1 1206.5464 164.1372)",fill:"#ffffff",children:o.jsx(i.Trans,{i18nKey:"filterTool.filter"})}),o.jsx(r.Filter,{id:"filter",x1:"1255.6",y1:"235.7",x2:"1193.1",y2:"550.3",stroke:t[e],fill:"#ffffff","aria-label":l(`filterTool.colors.${e}`)})]}),o.jsxs("g",{role:"list",id:"rays_filtered","aria-label":l("filterTool.light_filtered"),children:[Object.keys(n).map(s=>o.jsx(r.Arrow,{id:`${s}_arrow`,style:{"--arrow-opacity":x(s)&&0,"--arrow-fill":t[s]},points:n[s].map(w=>w.join(",")).join(" "),role:a?"listitem":"presentation","aria-label":a?l(`filterTool.colors.${s}`):void 0},s)),!a&&o.jsx("text",{role:"listitem",x:n[e][3][0],y:n[e][3][1],fill:"#ffffff",dy:"-25",children:o.jsx(i.Trans,{i18nKey:`filterTool.colors.${e}`})})]})]}),o.jsx(r.SelectContainer,{children:o.jsx(b.default,{options:g,isDisabled:c,value:e,onChangeCallback:s=>f&&f(s||"none"),placeholder:y,maxWidth:"100%",width:"200px",id:h})})]})};j.displayName="Widgets.FilterTool";exports.default=j;

package/dist/FilterTool.js

@@ -68,7 +68,7 @@ const j = ({
     label: i(`filterTool.colors.${t}`),
     icon: /* @__PURE__ */ o(u, { color: t, size: "small" })
   })), d = (t) => e !== t && e !== "none", w = i("filterTool.selectLabel"), f = e === "none";
-  return /* @__PURE__ */ l(L, { children: [
+  return /* @__PURE__ */ l(L, { ratio: "landscape", children: [
     /* @__PURE__ */ l(
       T,
       {

package/dist/SupernovaThreeVector.cjs

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

package/dist/SupernovaThreeVector.js

@@ -4,9 +4,9 @@ import { useState as z } from "react";
 import { useTranslation as E } from "react-i18next";
 import { max as C, min as N, nice as M } from "d3-array";
 import U from "@rubin-epo/epo-react-lib/HorizontalSlider";
-import { getLinearScale as L, between as T } from "./lib/utils.js";
+import { getLinearScale as L, between as R } from "./lib/utils.js";
 import W from "./widgets/SupernovaThreeVector/LiveLabel/index.js";
-import { ThreeVectorContainer as F, ThreeVectorLayout as G, HistogramContainer as J, ChartTitle as R, Histogram as K, SliderContainer as P, SkymapContainer as Q, Skymap as X, ResetButton as Y } from "./widgets/SupernovaThreeVector/styles.js";
+import { ThreeVectorContainer as F, ThreeVectorLayout as G, HistogramContainer as J, ChartTitle as T, Histogram as K, SliderContainer as P, SkymapContainer as Q, Skymap as X, ResetButton as Y } from "./widgets/SupernovaThreeVector/styles.js";
 const Z = ({
   histogramData: t,
   userData: _,
@@ -18,15 +18,15 @@ const Z = ({
     bottom: 30,
     left: 50,
     right: 0
-  }, d = "skyMapDescription", c = 600, p = c / 1.6, j = [i.left, c - i.right], I = [p - i.bottom, i.top], u = 6, x = 7, b = 0, V = C(t, (e) => e.value) || Math.max(...t.map(({ value: e }) => e)), a = N(t, (e) => e.bin) || 0, o = C(t, (e) => e.bin) || Math.max(...t.map(({ bin: e }) => e)), h = M(a, o, u), v = M(b, V || b, x), f = L(h, j), A = L(v, I), [n, y] = z([a, o]), g = 15, B = `calc(${i.left / c * 100}% - ${g}px)`, H = `calc(${(1 - f(o) / c) * 100}% - ${g}px)`, S = t.map(
-    ({ bin: e }) => T(e, n[0], n[1])
+  }, d = "skyMapDescription", a = 600, p = a / 1.6, j = [i.left, a - i.right], I = [p - i.bottom, i.top], u = 6, x = 7, b = 0, V = C(t, (e) => e.value) || Math.max(...t.map(({ value: e }) => e)), c = N(t, (e) => e.bin) || 0, o = C(t, (e) => e.bin) || Math.max(...t.map(({ bin: e }) => e)), h = M(c, o, u), v = M(b, V || b, x), f = L(h, j), A = L(v, I), [n, y] = z([c, o]), g = 15, B = `calc(${i.left / a * 100}% - ${g}px)`, H = `calc(${(1 - f(o) / a) * 100}% - ${g}px)`, S = t.map(
+    ({ bin: e }) => R(e, n[0], n[1])
   ), k = _.filter(
-    ({ distance: e }) => T(e, n[0], n[1] + s)
+    ({ distance: e }) => R(e, n[0], n[1] + s)
   ), w = t.reduce((e, { value: O }, q) => S[q] ? e + O : e, 0);
-  return /* @__PURE__ */ l(F, { children: [
+  return /* @__PURE__ */ l(F, { ratio: "landscape", smallScreenRatio: "portrait", children: [
     /* @__PURE__ */ l(G, { children: [
       /* @__PURE__ */ l(J, { children: [
-        /* @__PURE__ */ r(R, { children: m("supernova_three_vector.histogram.title") }),
+        /* @__PURE__ */ r(T, { children: m("supernova_three_vector.histogram.title") }),
         /* @__PURE__ */ r(
           K,
           {
@@ -40,7 +40,7 @@ const Z = ({
             xTicks: u,
             step: s,
             margin: i,
-            width: c,
+            width: a,
             height: p
           }
         )
@@ -55,14 +55,14 @@ const Z = ({
           children: /* @__PURE__ */ r(
             U,
             {
-              min: a,
+              min: c,
               max: o,
               step: s,
               value: n,
               ariaValuetext: ({ valueNow: e }) => m("supernova_three_vector.slider.valueLabel", { value: e }),
               label: "distanceSlider",
               color: "var(--turquoise85,#12726D)",
-              minLabel: `${a} kpc`,
+              minLabel: `${c} kpc`,
               maxLabel: `${o} kpc`,
               onChangeCallback: (e) => Array.isArray(e) && y(e)
             }
@@ -70,7 +70,7 @@ const Z = ({
         }
       ),
       /* @__PURE__ */ l(Q, { children: [
-        /* @__PURE__ */ r(R, { children: m("supernova_three_vector.skymap.title") }),
+        /* @__PURE__ */ r(T, { children: m("supernova_three_vector.skymap.title") }),
         /* @__PURE__ */ r(
           X,
           {
@@ -84,7 +84,7 @@ const Z = ({
       /* @__PURE__ */ r(
         Y,
         {
-          onResetCallback: () => y([a, o])
+          onResetCallback: () => y([c, o])
         }
       )
     ] }),

package/dist/atomic/PlaybackControl/PlaybackControl.d.ts

@@ -1,7 +1,6 @@
 import { FunctionComponent, HTMLProps, MouseEventHandler } from "react";
-import { IconKey } from "@rubin-epo/epo-react-lib";
 interface PlaybackControlProps extends HTMLProps<HTMLButtonElement> {
-    icon: IconKey;
+    icon: string;
     label: string;
     handleClick: MouseEventHandler<HTMLButtonElement>;
 }

package/dist/charts/Bars/index.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, HTMLProps } from "react";
-import { Domain, ScaleFunction } from "../types";
+import { Domain, ScaleFunction } from "../../types/charts";
 export interface Bar {
     stroke?: string;
     fill?: string;

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

@@ -1,5 +1,5 @@
 import { FunctionComponent, PropsWithChildren } from "react";
-import { Bounds } from "../types";
+import { Bounds } from '../../types/charts';
 export interface BaseChartProps extends Partial<Bounds> {
     className?: string;
     title?: string;

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:u=0,direction:s="horizontal",xScale:e=t=>t,xDomain:r=[0,1],yScale:i=t=>t,yDomain:l=[0,1],margin:d,className:h})=>{if(u===0)return null;const t=s==="horizontal"?l:r,f=s==="horizontal"?i:e,o={...{top:0,right:0,bottom:0,left:0},...d},g=b.ticks(t[1],t[0],u);return a.jsx("g",{className:h,children:g.map((p,j)=>{const n=f(p),z=s==="horizontal"?[e(r[0])-o.left,n]:[n-o.top,i(l[0])],M=s==="horizontal"?[e(r[1])+o.right,n]:[n,i(l[1])+o.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"),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;

package/dist/charts/Guidelines/index.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from "react";
-import { ChartMargin, Domain, ScaleFunction } from "../types";
+import { ChartMargin, Domain, ScaleFunction } from '../../types/charts';
 export interface GuidelinesProps {
     guides: number;
     direction?: "horizontal" | "vertical";