@rubin-epo/epo-widget-lib 1.3.0 → 2.0.1

package/dist/charts/Readout/index.js

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

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const DisplayContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Display: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, never>> & string;

package/dist/charts/ScatterPlot/index.cjs

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

package/dist/charts/ScatterPlot/index.js

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Chart: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Base').BaseChartProps & {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
 }, never>> & string & Omit<import('react').FunctionComponent<import('react').PropsWithChildren<import('../Base').BaseChartProps>>, keyof import('react').Component<any, {}, any>>;

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

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 export declare const TooltipContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<{
-    className?: string | undefined;
-    width?: string | number | undefined;
-    height?: string | number | undefined;
+    className?: string;
+    width?: number | string;
+    height?: number | string;
 } & {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
 }, never>> & string & Omit<import('react').FunctionComponent<import('react').PropsWithChildren<{
-    className?: string | undefined;
-    width?: string | number | undefined;
-    height?: string | number | undefined;
+    className?: string;
+    width?: number | string;
+    height?: number | string;
 }>>, keyof import('react').Component<any, {}, any>>;
 export declare const Tooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Arrow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/charts/Unit/Span.d.ts

@@ -1,10 +1,9 @@
-import { default as PropTypes } from 'prop-types';
 export default Span;
 declare function Span({ children }: {
     children: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Span {
     namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children: any;
     }
 }

package/dist/charts/Unit/StandardUnit.d.ts

@@ -1,4 +1,3 @@
-import { default as PropTypes } from 'prop-types';
 export default StandardUnit;
 declare function StandardUnit({ type, isSvg }: {
     type: any;
@@ -6,7 +5,7 @@ declare function StandardUnit({ type, isSvg }: {
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace StandardUnit {
     namespace propTypes {
-        let type: PropTypes.Requireable<string>;
-        let isSvg: PropTypes.Requireable<boolean>;
+        let type: any;
+        let isSvg: any;
     }
 }

package/dist/charts/Unit/StellarUnit.d.ts

@@ -1,4 +1,3 @@
-import { default as PropTypes } from 'prop-types';
 export default StellarUnit;
 declare function StellarUnit({ type, isSvg }: {
     type: any;
@@ -6,7 +5,7 @@ declare function StellarUnit({ type, isSvg }: {
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace StellarUnit {
     namespace propTypes {
-        let type: PropTypes.Requireable<string>;
-        let isSvg: PropTypes.Requireable<boolean>;
+        let type: any;
+        let isSvg: any;
     }
 }

package/dist/charts/Unit/Sub.d.ts

@@ -1,10 +1,9 @@
-import { default as PropTypes } from 'prop-types';
 export default Sub;
 declare function Sub({ children }: {
     children: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Sub {
     namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children: any;
     }
 }

package/dist/charts/Unit/SvgSub.d.ts

@@ -1,10 +1,9 @@
-import { default as PropTypes } from 'prop-types';
 export default SvgSub;
 declare function SvgSub({ children }: {
     children: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace SvgSub {
     namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children: any;
     }
 }

package/dist/charts/Unit/TSpan.d.ts

@@ -1,10 +1,9 @@
-import { default as PropTypes } from 'prop-types';
 export default TSpan;
 declare function TSpan({ children }: {
     children: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace TSpan {
     namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children: any;
     }
 }

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

@@ -1,9 +1,8 @@
-import { default as PropTypes } from 'prop-types';
 export default Unit;
 declare function Unit(props: any): any;
 declare namespace Unit {
     namespace propTypes {
-        let type: PropTypes.Requireable<string>;
-        let isSvg: PropTypes.Requireable<boolean>;
+        let type: any;
+        let isSvg: any;
     }
 }

package/dist/charts/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const BaseLine: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGLineElementAttributes<SVGLineElement>, never>> & string;
 export declare const Guide: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPolylineElement>, never>> & string;
 export declare const Tick: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGLineElementAttributes<SVGLineElement>, never>> & string;

package/dist/hooks/useInterval.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react");function s(u,e){const t=r.useRef();r.useEffect(()=>{t.current=u},[u]),r.useEffect(()=>{function n(){t.current&&t.current()}if(e!==null){const c=setInterval(n,e);return()=>clearInterval(c)}},[e])}exports.default=s;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react");function s(r,e){const t=u.useRef(null);u.useEffect(()=>{t.current=r},[r]),u.useEffect(()=>{function n(){t.current&&t.current()}if(e!==null){const c=setInterval(n,e);return()=>clearInterval(c)}},[e])}exports.default=s;

package/dist/hooks/useInterval.js

@@ -1,7 +1,7 @@
 "use client";
 import { useRef as s, useEffect as r } from "react";
-function i(n, t) {
-  const e = s();
+function l(n, t) {
+  const e = s(null);
   r(() => {
     e.current = n;
   }, [n]), r(() => {
@@ -15,5 +15,5 @@ function i(n, t) {
   }, [t]);
 }
 export {
-  i as default
+  l as default
 };

package/dist/hooks/usePrevious.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react");function u(e){const t=r.useRef();return r.useEffect(()=>{t.current=e},[e]),t.current}exports.default=u;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react");function r(e){const t=u.useRef(null);return u.useEffect(()=>{t.current=e},[e]),t.current}exports.default=r;

package/dist/hooks/usePrevious.d.ts

@@ -1 +1 @@
-export default function usePrevious<T = any>(value: T): T | undefined;
+export default function usePrevious<T = any>(value: T): T | null;

package/dist/hooks/usePrevious.js

@@ -1,11 +1,11 @@
 "use client";
 import { useRef as t, useEffect as u } from "react";
-function n(e) {
-  const r = t();
+function f(e) {
+  const r = t(null);
   return u(() => {
     r.current = e;
   }, [e]), r.current;
 }
 export {
-  n as default
+  f as default
 };

package/dist/layout/AspectRatio/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const AspectRatio: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/layout/Controls/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WidgetLayout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const InteractionRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Widget: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -7,7 +6,7 @@ export declare const Actions: import('styled-components/dist/types').IStyledComp
 export declare const PortraitCaption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const LandscapeCaption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StackedLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<{
-    className?: string | undefined;
+    className?: string;
 }, never>> & string & Omit<import('react').FunctionComponent<{
-    className?: string | undefined;
+    className?: string;
 }>, keyof import('react').Component<any, {}, any>>;

package/dist/node_modules/classnames/index.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../_virtual/_commonjsHelpers.cjs"),l=require("../../_virtual/index3.cjs");/*!
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../_virtual/_commonjsHelpers.cjs"),i=require("../../_virtual/index3.cjs");/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(r){(function(){var c={}.hasOwnProperty;function t(){for(var s=[],n=0;n<arguments.length;n++){var e=arguments[n];if(e){var o=typeof e;if(o==="string"||o==="number")s.push(e);else if(Array.isArray(e)){if(e.length){var u=t.apply(null,e);u&&s.push(u)}}else if(o==="object"){if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]")){s.push(e.toString());continue}for(var i in e)c.call(e,i)&&e[i]&&s.push(i)}}}return s.join(" ")}r.exports?(t.default=t,r.exports=t):window.classNames=t})()})(l.__module);var f=l.__module.exports;const p=a.getDefaultExportFromCjs(f);exports.default=p;
+*/(function(s){(function(){var u={}.hasOwnProperty;function n(){for(var t="",e=0;e<arguments.length;e++){var r=arguments[e];r&&(t=o(t,f(r)))}return t}function f(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var r in t)u.call(t,r)&&t[r]&&(e=o(e,r));return e}function o(t,e){return e?t?t+" "+e:t+e:t}s.exports?(n.default=n,s.exports=n):window.classNames=n})()})(i.__module);var l=i.__module.exports;const a=c.getDefaultExportFromCjs(l);exports.default=a;

package/dist/node_modules/classnames/index.js

@@ -1,42 +1,42 @@
 import { getDefaultExportFromCjs as u } from "../../_virtual/_commonjsHelpers.js";
-import { __module as f } from "../../_virtual/index3.js";
+import { __module as i } from "../../_virtual/index3.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(r) {
+(function(s) {
   (function() {
-    var l = {}.hasOwnProperty;
-    function s() {
-      for (var n = [], o = 0; o < arguments.length; o++) {
-        var t = arguments[o];
-        if (t) {
-          var e = typeof t;
-          if (e === "string" || e === "number")
-            n.push(t);
-          else if (Array.isArray(t)) {
-            if (t.length) {
-              var a = s.apply(null, t);
-              a && n.push(a);
-            }
-          } else if (e === "object") {
-            if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) {
-              n.push(t.toString());
-              continue;
-            }
-            for (var i in t)
-              l.call(t, i) && t[i] && n.push(i);
-          }
-        }
+    var f = {}.hasOwnProperty;
+    function e() {
+      for (var t = "", r = 0; r < arguments.length; r++) {
+        var n = arguments[r];
+        n && (t = o(t, a(n)));
       }
-      return n.join(" ");
+      return t;
     }
-    r.exports ? (s.default = s, r.exports = s) : window.classNames = s;
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return e.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var r = "";
+      for (var n in t)
+        f.call(t, n) && t[n] && (r = o(r, n));
+      return r;
+    }
+    function o(t, r) {
+      return r ? t ? t + " " + r : t + r : t;
+    }
+    s.exports ? (e.default = e, s.exports = e) : window.classNames = e;
   })();
-})(f);
-var c = f.exports;
-const v = /* @__PURE__ */ u(c);
+})(i);
+var p = i.exports;
+const m = /* @__PURE__ */ u(p);
 export {
-  v as default
+  m as default
 };

package/dist/node_modules/three/examples/jsm/controls/OrbitControls.js

@@ -1,5 +1,5 @@
-import { Ray as S, Plane as w, MathUtils as O, Vector3 as p, Controls as R, MOUSE as u, TOUCH as _, Quaternion as E, Spherical as P, Vector2 as c } from "three";
-const D = { type: "change" }, b = { type: "start" }, M = { type: "end" }, f = new S(), T = new w(), j = Math.cos(70 * O.DEG2RAD), n = new p(), r = 2 * Math.PI, o = {
+import { Controls as S, Vector3 as p, MOUSE as u, TOUCH as _, Quaternion as E, Spherical as P, Vector2 as c, Ray as w, Plane as O, MathUtils as R } from "three";
+const D = { type: "change" }, b = { type: "start" }, M = { type: "end" }, f = new w(), T = new O(), j = Math.cos(70 * R.DEG2RAD), n = new p(), r = 2 * Math.PI, o = {
   NONE: -1,
   ROTATE: 0,
   DOLLY: 1,
@@ -9,7 +9,7 @@ const D = { type: "change" }, b = { type: "start" }, M = { type: "end" }, f = ne
   TOUCH_DOLLY_PAN: 5,
   TOUCH_DOLLY_ROTATE: 6
 }, y = 1e-6;
-class X extends R {
+class X extends S {
   /**
    * Constructs a new controls instance.
    *

package/dist/style.css

@@ -1 +1 @@
-:root{--white: #ffffff;--black: #000000;--lightBlue: #bee7f5;--boldRed: #df0039;--ral5018HR: #087f80;--neutral10: #f3f3f3;--neutral20: #737373;--basePrimary: var(--ral5018HR);--error: var(--boldRed);--break40: 420px;--break100: 1284px;--minPadding: 20px;--containerMaxWidth: var(--break100);--offset: 300px;--regular: 400;--medium: 500;--duration: .2s;--durationSlow: .4s;--timing: ease;--siteProgressHeight: 26px;--siteToolbarHeight: 64px;--siteHeaderHeight: var(--siteProgressHeight) + var(--siteToolbarHeight);--pageNavHeight: 64px;--headingWithSpaceHeight: 90px;--tallestSquareWidget: calc(100vh - var(--pageNavHeight) - var(--siteHeaderHeight) - var(--headingWithSpaceHeight) - var(--minPadding))}._container_8ubzd_35{position:relative;height:var(--tallestSquareWidget);min-height:var(--break40);background-color:var(--black);color-adjust:exact}._orbital-canvas_8ubzd_43{position:relative;z-index:1}._playback-speed-slider-header_8ubzd_48{position:absolute;top:34px;right:10px;z-index:2;width:110px;padding:5px;text-align:center;background-color:#fffc;border:1px solid --black;border-radius:10px}._playback-speed-title_8ubzd_61{font-size:18px;font-weight:var(--regular);line-height:1.5;color:var(--black);margin:0}._playback-speed-slider-label_8ubzd_70{font-size:13px;line-height:1.333;color:var(--black);font-size:12.5px}._playback-speed-slider-label-bottom_8ubzd_78,._playback-speed-slider-label-top_8ubzd_79{font-size:13px;line-height:1.333;color:var(--black);position:absolute;right:var(--minPadding) / 2;z-index:2;width:70px;padding:5px;color:var(--white);text-align:center;background-color:rgb(from var(--basePrimary) r g b / 80%);border:1px solid var(--black);border-radius:10px}._playback-speed-slider-label-bottom_8ubzd_78{top:calc(40px + (var(--minPadding) + var(--tallestSquareWidget) - var(--offset)));right:10px}._playback-speed-slider-label-top_8ubzd_79{right:10px;top:calc(80px + var(--minPadding))}._playback-speed-slider_8ubzd_48{position:absolute;z-index:2;height:50px;top:25%;right:5rem;width:fit-content}._elapsed-time-container_8ubzd_115{font-size:13px;line-height:1.333;position:absolute;right:10px;bottom:100px;z-index:2;color:var(--black);text-align:center;background-color:rgb(from var(--white) r g b / 80%);border:1px solid var(--black);border-radius:10px}._elapsed-time-container_8ubzd_115 ._elapsed-time-title_8ubzd_131{font-size:13px;line-height:1.333;color:var(--black);padding-top:5px}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139{display:flex;flex-flow:nowrap;align-items:center;justify-content:space-evenly;margin-top:5px;border-top:1px solid var(--black)}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-divider_8ubzd_148{display:block;width:1px;height:50px;background-color:var(--black)}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-block_8ubzd_155{width:50px}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-block_8ubzd_155 ._elapsed-val_8ubzd_159{font-size:18px;font-weight:var(--regular);line-height:1.5;color:var(--black)}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-block_8ubzd_155 ._elapsed-label_8ubzd_168{font-size:13px;line-height:1.333;color:var(--black)}._padded-drawer-inner_8ubzd_176{width:(var(--containerMaxWidth) - var(--minPadding) / 2);padding:0 0 0 72px;outline:none}@media all and (max-width: 1284px){._padded-drawer-inner_8ubzd_176{width:calc((100vw - 40px)/2)}}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187{background-color:var(--neutral10);transition:background-color var(--timing) var(--duration)}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187 ._md-tile-addon_8ubzd_192{color:var(--basePrimary);transition:color var(--timing) var(--duration)}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover{background-color:var(--basePrimary)}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-tile-addon_8ubzd_192,._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-tile-text--primary_8ubzd_205,._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-tile-text--primary_8ubzd_205._md-text--theme-primary_8ubzd_206,._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-text_8ubzd_206{color:var(--white)}._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187{background-color:var(--basePrimary)}._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-tile-addon_8ubzd_192{color:var(--white)}._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-tile-text--primary_8ubzd_205,._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-tile-text--primary_8ubzd_205._md-text--theme-primary_8ubzd_206,._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-text_8ubzd_206{color:var(--white)!important}._label_8ubzd_227{padding:2px 4px;margin-top:4px;font-weight:var(--medium);color:var(--black);background-color:color-mix(in srgb,var(--white) 40%,transparent);border:1px solid color-mix(in srgb,var(--white) 40%,transparent);border-radius:5px;color-adjust:exact}._obs-mesh_8ubzd_238{cursor:pointer}._obs-label_8ubzd_242{padding-top:-8px;font-size:16px;color:var(--white);cursor:pointer}._obs-label_8ubzd_242._obs-answer_8ubzd_249,._obs-label_8ubzd_242._obs-hover_8ubzd_250{font-size:18px;color:"yellow"}._obs-label_8ubzd_242._obs-active_8ubzd_255{font-size:18px;color:"red"}._details_8ubzd_266{position:absolute;top:0;right:0;left:0;z-index:2;max-width:0;overflow:hidden;transition:max-width var(--timing) var(--durationSlow)}._details_8ubzd_266 ._details-table_8ubzd_277{margin-top:calc(var(--minPadding) * 2 + 36px);background-color:var(--white)}._details_8ubzd_266 ._details-table_8ubzd_277 ._md-text_8ubzd_206{overflow:hidden;white-space:nowrap}._details_8ubzd_266._active-details_8ubzd_287{width:100%;max-width:350px}._details_8ubzd_266._active-details_8ubzd_287 ._details-table_8ubzd_277 ._md-text_8ubzd_206{overflow:auto;white-space:normal}._details-toggle_8ubzd_297{position:absolute;top:0;left:0;z-index:3;margin:var(--minPadding);color:var(--white)!important;background-color:var(--error)}._details-toggle_8ubzd_297._disabled_8ubzd_308{background-color:var(--neutral20)}._slideoutPanel_8ubzd_312{background-color:var(--neutral10);display:flex;flex-direction:column;gap:1em;padding:1em;font-size:.75rem}._slideoutPanel_8ubzd_312>*+*{margin-block-start:1em}._slideoutRow_8ubzd_325{display:flex;gap:20px}._slideoutCol_8ubzd_330{flex:1;padding:0 15px;border:1px solid #ccc;background-color:#ccc;border-radius:15px}._slideoutCol_8ubzd_330[data-align=right]{text-align:right}._slideoutCol_8ubzd_330[data-align=left]{font-weight:700}._slideout_8ubzd_312 [data-testid=slideoutBackdrop]{display:none;opacity:0;pointer-events:none}._slideoutPanel_8ubzd_312>h3{margin:0;text-align:center}:root{--black: #000000;--turquoise70: #058b8c;--brightGreen: #01bbbc;--mediumGreen: var(--turquoise70);--awRed: #ed4c4c;--awOrange: #fab364;--awYellow: #ffe266;--acPurple: #583671;--acGreen: #3cae3f;--acBlue: #1c81a4}:root :export{--chart0: var(--black);--chart1: var(--acBlue);--chart2: var(--awYellow);--chart3: var(--awRed);--chart4: var(--acGreen);--chart5: var(--awOrange);--chart6: var(--acPurple);--chart7: var(--mediumGreen);--chart8: var(--brightGreen)}._playbackControlsContainer_1m020_1{width:auto;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:2;font-size:17px}
+:root{--black: #000000;--turquoise70: #058b8c;--brightGreen: #01bbbc;--mediumGreen: var(--turquoise70);--awRed: #ed4c4c;--awOrange: #fab364;--awYellow: #ffe266;--acPurple: #583671;--acGreen: #3cae3f;--acBlue: #1c81a4}:root :export{--chart0: var(--black);--chart1: var(--acBlue);--chart2: var(--awYellow);--chart3: var(--awRed);--chart4: var(--acGreen);--chart5: var(--awOrange);--chart6: var(--acPurple);--chart7: var(--mediumGreen);--chart8: var(--brightGreen)}:root{--white: #ffffff;--black: #000000;--lightBlue: #bee7f5;--boldRed: #df0039;--ral5018HR: #087f80;--neutral10: #f3f3f3;--neutral20: #737373;--basePrimary: var(--ral5018HR);--error: var(--boldRed);--break40: 420px;--break100: 1284px;--minPadding: 20px;--containerMaxWidth: var(--break100);--offset: 300px;--regular: 400;--medium: 500;--duration: .2s;--durationSlow: .4s;--timing: ease;--siteProgressHeight: 26px;--siteToolbarHeight: 64px;--siteHeaderHeight: var(--siteProgressHeight) + var(--siteToolbarHeight);--pageNavHeight: 64px;--headingWithSpaceHeight: 90px;--tallestSquareWidget: calc(100vh - var(--pageNavHeight) - var(--siteHeaderHeight) - var(--headingWithSpaceHeight) - var(--minPadding))}._container_8ubzd_35{position:relative;height:var(--tallestSquareWidget);min-height:var(--break40);background-color:var(--black);color-adjust:exact}._orbital-canvas_8ubzd_43{position:relative;z-index:1}._playback-speed-slider-header_8ubzd_48{position:absolute;top:34px;right:10px;z-index:2;width:110px;padding:5px;text-align:center;background-color:#fffc;border:1px solid --black;border-radius:10px}._playback-speed-title_8ubzd_61{font-size:18px;font-weight:var(--regular);line-height:1.5;color:var(--black);margin:0}._playback-speed-slider-label_8ubzd_70{font-size:13px;line-height:1.333;color:var(--black);font-size:12.5px}._playback-speed-slider-label-bottom_8ubzd_78,._playback-speed-slider-label-top_8ubzd_79{font-size:13px;line-height:1.333;color:var(--black);position:absolute;right:var(--minPadding) / 2;z-index:2;width:70px;padding:5px;color:var(--white);text-align:center;background-color:rgb(from var(--basePrimary) r g b / 80%);border:1px solid var(--black);border-radius:10px}._playback-speed-slider-label-bottom_8ubzd_78{top:calc(40px + (var(--minPadding) + var(--tallestSquareWidget) - var(--offset)));right:10px}._playback-speed-slider-label-top_8ubzd_79{right:10px;top:calc(80px + var(--minPadding))}._playback-speed-slider_8ubzd_48{position:absolute;z-index:2;height:50px;top:25%;right:5rem;width:fit-content}._elapsed-time-container_8ubzd_115{font-size:13px;line-height:1.333;position:absolute;right:10px;bottom:100px;z-index:2;color:var(--black);text-align:center;background-color:rgb(from var(--white) r g b / 80%);border:1px solid var(--black);border-radius:10px}._elapsed-time-container_8ubzd_115 ._elapsed-time-title_8ubzd_131{font-size:13px;line-height:1.333;color:var(--black);padding-top:5px}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139{display:flex;flex-flow:nowrap;align-items:center;justify-content:space-evenly;margin-top:5px;border-top:1px solid var(--black)}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-divider_8ubzd_148{display:block;width:1px;height:50px;background-color:var(--black)}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-block_8ubzd_155{width:50px}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-block_8ubzd_155 ._elapsed-val_8ubzd_159{font-size:18px;font-weight:var(--regular);line-height:1.5;color:var(--black)}._elapsed-time-container_8ubzd_115 ._elapsed-time-inner_8ubzd_139 ._elapsed-time-block_8ubzd_155 ._elapsed-label_8ubzd_168{font-size:13px;line-height:1.333;color:var(--black)}._padded-drawer-inner_8ubzd_176{width:(var(--containerMaxWidth) - var(--minPadding) / 2);padding:0 0 0 72px;outline:none}@media all and (max-width: 1284px){._padded-drawer-inner_8ubzd_176{width:calc((100vw - 40px)/2)}}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187{background-color:var(--neutral10);transition:background-color var(--timing) var(--duration)}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187 ._md-tile-addon_8ubzd_192{color:var(--basePrimary);transition:color var(--timing) var(--duration)}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover{background-color:var(--basePrimary)}._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-tile-addon_8ubzd_192,._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-tile-text--primary_8ubzd_205,._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-tile-text--primary_8ubzd_205._md-text--theme-primary_8ubzd_206,._nav-item_8ubzd_187 ._md-list-tile_8ubzd_187:hover ._md-text_8ubzd_206{color:var(--white)}._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187{background-color:var(--basePrimary)}._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-tile-addon_8ubzd_192{color:var(--white)}._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-tile-text--primary_8ubzd_205,._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-tile-text--primary_8ubzd_205._md-text--theme-primary_8ubzd_206,._nav-item_8ubzd_187._active-item_8ubzd_211 ._md-list-tile_8ubzd_187 ._md-text_8ubzd_206{color:var(--white)!important}._label_8ubzd_227{padding:2px 4px;margin-top:4px;font-weight:var(--medium);color:var(--black);background-color:color-mix(in srgb,var(--white) 40%,transparent);border:1px solid color-mix(in srgb,var(--white) 40%,transparent);border-radius:5px;color-adjust:exact}._obs-mesh_8ubzd_238{cursor:pointer}._obs-label_8ubzd_242{padding-top:-8px;font-size:16px;color:var(--white);cursor:pointer}._obs-label_8ubzd_242._obs-answer_8ubzd_249,._obs-label_8ubzd_242._obs-hover_8ubzd_250{font-size:18px;color:"yellow"}._obs-label_8ubzd_242._obs-active_8ubzd_255{font-size:18px;color:"red"}._details_8ubzd_266{position:absolute;top:0;right:0;left:0;z-index:2;max-width:0;overflow:hidden;transition:max-width var(--timing) var(--durationSlow)}._details_8ubzd_266 ._details-table_8ubzd_277{margin-top:calc(var(--minPadding) * 2 + 36px);background-color:var(--white)}._details_8ubzd_266 ._details-table_8ubzd_277 ._md-text_8ubzd_206{overflow:hidden;white-space:nowrap}._details_8ubzd_266._active-details_8ubzd_287{width:100%;max-width:350px}._details_8ubzd_266._active-details_8ubzd_287 ._details-table_8ubzd_277 ._md-text_8ubzd_206{overflow:auto;white-space:normal}._details-toggle_8ubzd_297{position:absolute;top:0;left:0;z-index:3;margin:var(--minPadding);color:var(--white)!important;background-color:var(--error)}._details-toggle_8ubzd_297._disabled_8ubzd_308{background-color:var(--neutral20)}._slideoutPanel_8ubzd_312{background-color:var(--neutral10);display:flex;flex-direction:column;gap:1em;padding:1em;font-size:.75rem}._slideoutPanel_8ubzd_312>*+*{margin-block-start:1em}._slideoutRow_8ubzd_325{display:flex;gap:20px}._slideoutCol_8ubzd_330{flex:1;padding:0 15px;border:1px solid #ccc;background-color:#ccc;border-radius:15px}._slideoutCol_8ubzd_330[data-align=right]{text-align:right}._slideoutCol_8ubzd_330[data-align=left]{font-weight:700}._slideout_8ubzd_312 [data-testid=slideoutBackdrop]{display:none;opacity:0;pointer-events:none}._slideoutPanel_8ubzd_312>h3{margin:0;text-align:center}

package/dist/styles/svg.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/widgets/CameraFilter/CameraFilter.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("react"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),y=require("@rubin-epo/epo-react-lib/styles"),C=require("react-i18next"),S=require("use-resize-observer"),r=require("./data.cjs"),l=require("./styles.cjs"),R=require("./CondensedFilterRanges/CondensedFilterRanges.cjs"),L=require("./SpectrumDisplay/SpectrumDisplay.cjs"),x=i=>i&&i.__esModule?i:{default:i},M=x(q),O=x(S),m=()=>{const{t:i}=C.useTranslation(),{ref:h,width:j=1}=O.default(),[c,p]=v.useState(null),{BREAK_TABLET:b}=y.tokens,s=j<parseInt(b),{[s?"condensed":"default"]:{min:o,max:F,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),g=[{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===c);return e.jsx(l.FilterWrapper,{ratio:5/4,children:e.jsxs(l.FilterContainer,{ref:h,children:[e.jsx(l.FilterTitle,{children:i("camera_filter.title")}),s&&e.jsx(R.default,{filters:f,min:o,spectrumRange:n}),e.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:[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(L.default,{min:o,max:F,range:n,isCondensed:s,activeFilter:_}),e.jsxs(l.SelectContainer,{children:[e.jsx(l.SelectLabel,{id:"filterSelectLabel",children:i("camera_filter.labels.select")}),e.jsx(M.default,{options:g,value:c,onChangeCallback:t=>p(t),width:"100%",maxWidth:"100%",labelledById:"filterSelectLabel"})]})]})})};m.displayName="Widgets.CameraFilter";const T=m;exports.default=T;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=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("./data.cjs"),l=require("./styles.cjs"),R=require("./CondensedFilterRanges/CondensedFilterRanges.cjs"),L=require("./SpectrumDisplay/SpectrumDisplay.cjs"),x=i=>i&&i.__esModule?i:{default:i},M=x(q),O=x(C),h=()=>{const{t:i}=S.useTranslation(),{ref:j,width:m=1}=O.default(),[c,p]=v.useState(null),{BREAK_TABLET:b}=y.tokens,s=m<parseInt(b),{[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: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===c);return e.jsx(l.FilterWrapper,{ratio:5/4,children:e.jsxs(l.FilterContainer,{ref:j,children:[e.jsx(l.FilterTitle,{children:i("camera_filter.title")}),s&&e.jsx(R.default,{filters:f,min:o,spectrumRange:n}),e.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:[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(L.default,{min:o,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(M.default,{options:F,value:c,onChangeCallback:t=>p(t),width:"100%",maxWidth:"100%",labelledById:"filterSelectLabel"})]})]})})};h.displayName="Widgets.CameraFilter";exports.default=h;