@rubin-epo/epo-widget-lib 1.2.3 → 2.0.0

package/dist/atomic/PlaybackControl/styles.js

@@ -1,6 +1,6 @@
 "use client";
-import e from "styled-components";
-const o = e.div`
+import o from "styled-components";
+const e = o.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -9,11 +9,10 @@ const o = e.div`
   border-radius: 22px;
   background-color: var(--button-background-color);
   color: var(--neutral95, #1f2121);
-`, n = e.button`
+`, n = o.button`
   --button-color: var(--white, #fff);
   --button-background-color: var(--neutral15, #e6e6e6);
 
-  background: transparent;
   border: none;
   color: var(--button-color);
   cursor: pointer;
@@ -23,14 +22,14 @@ const o = e.div`
   gap: 0.75em;
   text-align: center;
   padding: 0;
-  margin: 0;
+  margin: 0px 10px 0px 10px;
 
   &:not(:disabled):not([aria-disabled="true"]):hover,
   &:not(:disabled):not([aria-disabled="true"]):focus-visible,
   &:not(:disabled):not([aria-disabled="true"]).focus-visible {
     text-decoration: underline;
 
-    ${o} {
+    ${e} {
       outline: 1px solid var(--white, #fff);
       outline-offset: 1px;
     }
@@ -38,8 +37,13 @@ const o = e.div`
   &:not(:disabled):not([aria-disabled="true"]):focus {
     outline: none;
   }
+`, r = o.span`
+  background: rgba(0, 0, 0, .7);
+  padding: 3px 10px 3px 10px;
+  border-radius: 10px;
 `;
 export {
-  o as IconContainer,
-  n as PlaybackButton
+  e as IconContainer,
+  n as PlaybackButton,
+  r as SpanLabel
 };

package/dist/atomic/PlotWrapper/styles.d.ts

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

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

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

package/dist/charts/Points/ErrorBar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../defaults.cjs"),m=({error:o,xScale:s,yScale:i})=>{const x={};Object.keys(o).forEach(l=>{const{min:n,max:d}=o[l];l==="x"?x[l]={min:n?s(0)-s(n):void 0,max:d?s(d)-s(0):void 0}:x[l]={min:n?i(n)-i(0):void 0,max:d?i(0)-i(d):void 0}});const{x:a,y:t}=x;return r.jsxs("g",{children:[a&&r.jsxs(r.Fragment,{children:[a.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-e.default.errorBarCapWidth,y2:e.default.errorBarCapWidth,x1:a.max,x2:a.max,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:0,x2:a.max,...e.default.errorBarStyles})]}),a.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-e.default.errorBarCapWidth,y2:e.default.errorBarCapWidth,x1:a.min,x2:a.min,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:a.min,x2:0,...e.default.errorBarStyles})]})]}),t&&r.jsxs(r.Fragment,{children:[t.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-e.default.errorBarCapWidth,x2:e.default.errorBarCapWidth,y1:t.max,y2:t.max,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:0,y2:t.max,...e.default.errorBarStyles})]}),t.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-e.default.errorBarCapWidth,x2:e.default.errorBarCapWidth,y1:t.min,y2:t.min,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:t.min,y2:0,...e.default.errorBarStyles})]})]})]})};m.displayName="Charts.Points.ErrorBar";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../defaults.cjs"),o=({error:m,xScale:s,yScale:i})=>{const d={};Object.keys(m).forEach(n=>{const{min:x,max:l}=m[n];n==="x"?d[n]={min:x?s(0)-s(x):void 0,max:l?s(l)-s(0):void 0}:d[n]={min:x?i(x)-i(0):void 0,max:l?i(0)-i(l):void 0}});const{x:a,y:t}=d;return r.jsxs("g",{children:[a&&r.jsxs(r.Fragment,{children:[a.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-3,y2:e.default.errorBarCapWidth,x1:a.max,x2:a.max,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:0,x2:a.max,...e.default.errorBarStyles})]}),a.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{y1:-3,y2:e.default.errorBarCapWidth,x1:a.min,x2:a.min,...e.default.errorBarStyles}),r.jsx("line",{y1:0,y2:0,x1:a.min,x2:0,...e.default.errorBarStyles})]})]}),t&&r.jsxs(r.Fragment,{children:[t.max&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-3,x2:e.default.errorBarCapWidth,y1:t.max,y2:t.max,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:0,y2:t.max,...e.default.errorBarStyles})]}),t.min&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:-3,x2:e.default.errorBarCapWidth,y1:t.min,y2:t.min,...e.default.errorBarStyles}),r.jsx("line",{x1:0,x2:0,y1:t.min,y2:0,...e.default.errorBarStyles})]})]})]})};o.displayName="Charts.Points.ErrorBar";exports.default=o;

package/dist/charts/Points/ErrorBar.js

@@ -1,36 +1,36 @@
-import { jsxs as n, Fragment as o, jsx as a } from "react/jsx-runtime";
+import { jsxs as a, Fragment as o, jsx as n } from "react/jsx-runtime";
 import r from "../defaults.js";
 const B = ({
-  error: l,
-  xScale: t,
-  yScale: x
+  error: d,
+  xScale: x,
+  yScale: m
 }) => {
-  const d = {};
-  Object.keys(l).forEach((m) => {
-    const { min: s, max: y } = l[m];
-    m === "x" ? d[m] = {
-      min: s ? t(0) - t(s) : void 0,
-      max: y ? t(y) - t(0) : void 0
-    } : d[m] = {
-      min: s ? x(s) - x(0) : void 0,
-      max: y ? x(0) - x(y) : void 0
+  const l = {};
+  Object.keys(d).forEach((t) => {
+    const { min: s, max: y } = d[t];
+    t === "x" ? l[t] = {
+      min: s ? x(0) - x(s) : void 0,
+      max: y ? x(y) - x(0) : void 0
+    } : l[t] = {
+      min: s ? m(s) - m(0) : void 0,
+      max: y ? m(0) - m(y) : void 0
     };
   });
-  const { x: e, y: i } = d;
-  return /* @__PURE__ */ n("g", { children: [
-    e && /* @__PURE__ */ n(o, { children: [
-      e.max && /* @__PURE__ */ n(o, { children: [
-        /* @__PURE__ */ a(
+  const { x: e, y: i } = l;
+  return /* @__PURE__ */ a("g", { children: [
+    e && /* @__PURE__ */ a(o, { children: [
+      e.max && /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ n(
           "line",
           {
-            y1: -r.errorBarCapWidth,
+            y1: -3,
             y2: r.errorBarCapWidth,
             x1: e.max,
             x2: e.max,
             ...r.errorBarStyles
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "line",
           {
             y1: 0,
@@ -41,18 +41,18 @@ const B = ({
           }
         )
       ] }),
-      e.min && /* @__PURE__ */ n(o, { children: [
-        /* @__PURE__ */ a(
+      e.min && /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ n(
           "line",
           {
-            y1: -r.errorBarCapWidth,
+            y1: -3,
             y2: r.errorBarCapWidth,
             x1: e.min,
             x2: e.min,
             ...r.errorBarStyles
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "line",
           {
             y1: 0,
@@ -64,19 +64,19 @@ const B = ({
         )
       ] })
     ] }),
-    i && /* @__PURE__ */ n(o, { children: [
-      i.max && /* @__PURE__ */ n(o, { children: [
-        /* @__PURE__ */ a(
+    i && /* @__PURE__ */ a(o, { children: [
+      i.max && /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ n(
           "line",
           {
-            x1: -r.errorBarCapWidth,
+            x1: -3,
             x2: r.errorBarCapWidth,
             y1: i.max,
             y2: i.max,
             ...r.errorBarStyles
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "line",
           {
             x1: 0,
@@ -87,18 +87,18 @@ const B = ({
           }
         )
       ] }),
-      i.min && /* @__PURE__ */ n(o, { children: [
-        /* @__PURE__ */ a(
+      i.min && /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ n(
           "line",
           {
-            x1: -r.errorBarCapWidth,
+            x1: -3,
             x2: r.errorBarCapWidth,
             y1: i.min,
             y2: i.min,
             ...r.errorBarStyles
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "line",
           {
             x1: 0,

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/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/localeStrings/es/epo-widget-lib.json

@@ -78,7 +78,7 @@
       "forward": "Adelantar",
       "pause": "Pausar",
       "play": "Reproducir",
-      "reset": "Reset",
+      "reset": "Reset"
     }
   },
   "isochrone_plot": {

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_13gyh_35{position:relative;height:var(--tallestSquareWidget);min-height:var(--break40);background-color:var(--black);color-adjust:exact}._orbital-canvas_13gyh_43{position:relative;z-index:1}._playback-speed-slider-header_13gyh_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_13gyh_61{font-family:Roboto;font-size:18px;font-weight:var(--regular);line-height:1.5;color:var(--black);margin:0}._playback-speed-slider-label_13gyh_72{font-family:Roboto;font-size:14px;font-weight:var(--medium);line-height:1.333;color:var(--black);font-size:12.5px}._playback-speed-slider-label-bottom_13gyh_83,._playback-speed-slider-label-top_13gyh_84{font-family:Roboto;font-size:14px;font-weight:var(--medium);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_13gyh_83{top:calc(40px + (var(--minPadding) + var(--tallestSquareWidget) - var(--offset)));right:10px}._playback-speed-slider-label-top_13gyh_84{right:10px;top:calc(80px + var(--minPadding))}._playback-speed-slider_13gyh_48{position:absolute;z-index:2;height:50px;top:25%;right:5rem;width:fit-content}._elapsed-time-container_13gyh_126{font-family:Roboto;font-size:14px;font-weight:var(--medium);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_13gyh_126 ._elapsed-time-title_13gyh_145{font-family:Roboto;font-size:14px;font-weight:var(--medium);line-height:1.333;color:var(--black);padding-top:5px}._elapsed-time-container_13gyh_126 ._elapsed-time-inner_13gyh_156{display:flex;flex-flow:nowrap;align-items:center;justify-content:space-evenly;margin-top:5px;border-top:1px solid var(--black)}._elapsed-time-container_13gyh_126 ._elapsed-time-inner_13gyh_156 ._elapsed-time-divider_13gyh_165{display:block;width:1px;height:50px;background-color:var(--black)}._elapsed-time-container_13gyh_126 ._elapsed-time-inner_13gyh_156 ._elapsed-time-block_13gyh_172{width:50px}._elapsed-time-container_13gyh_126 ._elapsed-time-inner_13gyh_156 ._elapsed-time-block_13gyh_172 ._elapsed-val_13gyh_176{font-family:Roboto;font-size:18px;font-weight:var(--regular);line-height:1.5;color:var(--black)}._elapsed-time-container_13gyh_126 ._elapsed-time-inner_13gyh_156 ._elapsed-time-block_13gyh_172 ._elapsed-label_13gyh_187{font-family:Roboto;font-size:14px;font-weight:var(--medium);line-height:1.333;color:var(--black)}._padded-drawer-inner_13gyh_198{width:(var(--containerMaxWidth) - var(--minPadding) / 2);padding:0 0 0 72px;outline:none}@media all and (max-width: 1284px){._padded-drawer-inner_13gyh_198{width:calc((100vw - 40px)/2)}}._nav-item_13gyh_209 ._md-list-tile_13gyh_209{background-color:var(--neutral10);transition:background-color var(--timing) var(--duration)}._nav-item_13gyh_209 ._md-list-tile_13gyh_209 ._md-tile-addon_13gyh_214{color:var(--basePrimary);transition:color var(--timing) var(--duration)}._nav-item_13gyh_209 ._md-list-tile_13gyh_209:hover{background-color:var(--basePrimary)}._nav-item_13gyh_209 ._md-list-tile_13gyh_209:hover ._md-tile-addon_13gyh_214,._nav-item_13gyh_209 ._md-list-tile_13gyh_209:hover ._md-tile-text--primary_13gyh_227,._nav-item_13gyh_209 ._md-list-tile_13gyh_209:hover ._md-tile-text--primary_13gyh_227._md-text--theme-primary_13gyh_228,._nav-item_13gyh_209 ._md-list-tile_13gyh_209:hover ._md-text_13gyh_228{color:var(--white)}._nav-item_13gyh_209._active-item_13gyh_233 ._md-list-tile_13gyh_209{background-color:var(--basePrimary)}._nav-item_13gyh_209._active-item_13gyh_233 ._md-list-tile_13gyh_209 ._md-tile-addon_13gyh_214{color:var(--white)}._nav-item_13gyh_209._active-item_13gyh_233 ._md-list-tile_13gyh_209 ._md-tile-text--primary_13gyh_227,._nav-item_13gyh_209._active-item_13gyh_233 ._md-list-tile_13gyh_209 ._md-tile-text--primary_13gyh_227._md-text--theme-primary_13gyh_228,._nav-item_13gyh_209._active-item_13gyh_233 ._md-list-tile_13gyh_209 ._md-text_13gyh_228{color:var(--white)!important}._label_13gyh_249{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_13gyh_260{cursor:pointer}._obs-label_13gyh_264{padding-top:-8px;font-size:16px;color:var(--white);cursor:pointer}._obs-label_13gyh_264._obs-answer_13gyh_271,._obs-label_13gyh_264._obs-hover_13gyh_272{font-size:18px;color:"blue"}._obs-label_13gyh_264._obs-active_13gyh_277{font-size:18px;color:"red"}._details_13gyh_288{position:absolute;top:0;right:0;left:0;z-index:2;max-width:0;overflow:hidden;transition:max-width var(--timing) var(--durationSlow)}._details_13gyh_288 ._details-table_13gyh_299{margin-top:calc(var(--minPadding) * 2 + 36px);background-color:var(--white)}._details_13gyh_288 ._details-table_13gyh_299 ._md-text_13gyh_228{overflow:hidden;white-space:nowrap}._details_13gyh_288._active-details_13gyh_309{width:100%;max-width:350px}._details_13gyh_288._active-details_13gyh_309 ._details-table_13gyh_299 ._md-text_13gyh_228{overflow:auto;white-space:normal}._details-toggle_13gyh_319{position:absolute;top:0;left:0;z-index:3;margin:var(--minPadding);color:var(--white)!important;background-color:var(--error)}._details-toggle_13gyh_319._disabled_13gyh_330{background-color:var(--neutral20)}._slideoutPanel_13gyh_334{background-color:var(--neutral10);display:flex;flex-direction:column;gap:1em;padding:1em;font-size:.75rem}._slideoutPanel_13gyh_334>*+*{margin-block-start:1em}._slideoutRow_13gyh_347{display:flex;gap:20px}._slideoutCol_13gyh_352{flex:1;padding:0 15px;border:1px solid #ccc;background-color:#ccc;border-radius:15px}._slideoutCol_13gyh_352[data-align=right]{text-align:right}._slideoutCol_13gyh_352[data-align=left]{font-weight:700}._slideout_13gyh_334 [data-testid=slideoutBackdrop]{display:none;opacity:0;pointer-events:none}._slideoutPanel_13gyh_334>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_1f1sq_1{width:auto;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:2}
+: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;