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

package/dist/widgets/OrbitalSim/Sun.js

@@ -1,35 +1,32 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import o from "../../node_modules/prop-types/index.js";
+"use client";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { Html as i } from "@react-three/drei";
 import { ORBITAL_COLORS as a, getLabelSize as l } from "./orbitalUtilities.js";
+import { useTranslation as m } from "react-i18next";
 import n from "./OrbitalSim.module.css.js";
-function p({ defaultZoom: r, zoomLevel: t, t: m }) {
+const b = ({ defaultZoom: e, zoomLevel: o }) => {
+  const { t: r } = m();
   return /* @__PURE__ */ s("mesh", { position: [0, 0, 0], children: [
-    /* @__PURE__ */ e("sphereGeometry", { attach: "geometry", args: [9, 16, 8] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t("sphereGeometry", { attach: "geometry", args: [9, 16, 8] }),
+    /* @__PURE__ */ t(
       "meshBasicMaterial",
       {
         attach: "material",
         color: a.sun.objectColor
       }
     ),
-    /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
       "div",
       {
         className: n.label,
         style: {
-          fontSize: l(t, r)
+          fontSize: l(o, e)
         },
-        children: m("orbital_sim.astronomy.orbital_bodies.sun")
+        children: r("orbital_sim.astronomy.orbital_bodies.sun")
       }
     ) })
   ] });
-}
-p.propTypes = {
-  zoomLevel: o.number,
-  defaultZoom: o.number,
-  t: o.func
 };
 export {
-  p as default
+  b as default
 };

package/dist/widgets/OrbitalSim/orbitalUtilities.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("three");function d(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const s=d(g),c=100,f=1,n={sun:{objectColor:"#f8da86"},mercury:{objectColor:"#dce0e3",orbitColor:"#a6a9ab"},venus:{objectColor:"#cd84ec",orbitColor:"#9c65b4"},earth:{objectColor:"#3f9ef0",orbitColor:"#3079b8"},mars:{objectColor:"#ed4c4c",orbitColor:"#b53a3a"},jupiter:{objectColor:"#f1b571",orbitColor:"#b98b57"},neptune:{objectColor:"#3cae3f",orbitColor:"#29762b"},asteroid:{objectColor:"#b1f2ef",orbitColor:"#6a6e6e",objectHighlight:"#00ffff",orbitHighlight:"#ffffff"}},p={a:1,e:.01671022,i:0,H:-3.9,Ref:"Earth",Principal_desig:"Earth",Translated_desig_key:"planets.earth",orbitColor:n.earth.orbitColor,objectColor:n.earth.objectColor,objectRadius:5},C={a:1.52366231,e:.09341233,i:1.85061,H:-1.52,Ref:"Mars",Principal_desig:"Mars",Translated_desig_key:"planets.mars",orbitColor:n.mars.orbitColor,objectColor:n.mars.objectColor,objectRadius:4},j={a:5.2028,e:.048,i:1.31,H:-25.9,Ref:"Jupiter",Principal_desig:"Jupiter",Translated_desig_key:"planets.jupiter",orbitColor:n.jupiter.orbitColor,objectColor:n.jupiter.objectColor,objectRadius:7},_={a:30.06896348,e:.00858587,i:1.76917,H:-25.9,Ref:"Neptune",Principal_desig:"Neptune",Translated_desig_key:"planets.neptune",orbitColor:n.neptune.orbitColor,objectColor:n.neptune.objectColor,objectRadius:6},m=e=>({neptune:_,earth:p,mars:C,jupiter:j})[e]||null,A=function(e,t){return Number.parseFloat(Number.parseFloat(e).toFixed(t))},R=(e,t,o=0,r=0)=>new s.EllipseCurve(o,r,e,t,0,2*Math.PI,!1,0),T=e=>new s.BufferGeometry().setFromPoints(e),y=(e,t)=>{const o=e.distanceTo(t),{x:r,y:i}=e;return Math.acos((o**2+r**2-i**2)/(2*o*r))*180/Math.PI},P=(e,t)=>{const{x:o,y:r}=t.getPoint(e);return new s.Vector3(o,r,0)},b=e=>e*c,h=e=>e/c,S=(e,t)=>b(e*Math.sqrt(1-t**2)),O=e=>1496e8*e,a=e=>e*(Math.PI/180),M=(e,t)=>{const o=.000296005155*c**3;return Math.sqrt(o*(2/e-1/t))},x=(e,t)=>Math.sqrt(e**2-t**2),z=(e,t)=>{const{i:o,Peri:r,Node:i}=t,l=new s.Vector3(0,1,0),u=new s.Vector3(0,0,1);return new s.Vector3(e.x,e.y,0).applyAxisAngle(u,r?a(r+90):0).applyAxisAngle(l,a(o)).applyAxisAngle(u,i?a(i):0)},E=(e,t)=>{const i=15*(e/t);return i<=4?4:i>=15?15:i};exports.AU_TO_VIZ_SCALER=c;exports.DAY_PER_VIZ_SEC=f;exports.ORBITAL_COLORS=n;exports.auToMeters=O;exports.auToUnit=b;exports.convert2dTo3d=z;exports.degsToRads=a;exports.formatValue=A;exports.getAngleFromPos=y;exports.getCurve=R;exports.getFocus=x;exports.getLabelSize=E;exports.getLineGeometry=T;exports.getMinorAxis=S;exports.getPosFromArcLength=P;exports.getRefObjProps=m;exports.getVelocity=M;exports.unitToAu=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("three");function d(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const i=d(g),c=100,f=1,n={sun:{objectColor:"#f8da86"},earth:{objectColor:"#3f9ef0",orbitColor:"#3079b8"},mars:{objectColor:"#ed4c4c",orbitColor:"#b53a3a"},jupiter:{objectColor:"#f1b571",orbitColor:"#b98b57"},neptune:{objectColor:"#3cae3f",orbitColor:"#29762b"},asteroid:{objectColor:"#b1f2ef",orbitColor:"#6a6e6e",objectHighlight:"#00ffff",orbitHighlight:"#ffffff"}},p={a:1,e:.01671022,i:0,H:-3.9,Ref:"Earth",Principal_desig:"Earth",Translated_desig_key:"planets.earth",orbitColor:n.earth.orbitColor,objectColor:n.earth.objectColor,objectRadius:5},C={a:1.52366231,e:.09341233,i:1.85061,H:-1.52,Ref:"Mars",Principal_desig:"Mars",Translated_desig_key:"planets.mars",orbitColor:n.mars.orbitColor,objectColor:n.mars.objectColor,objectRadius:4},j={a:5.2028,e:.048,i:1.31,H:-25.9,Ref:"Jupiter",Principal_desig:"Jupiter",Translated_desig_key:"planets.jupiter",orbitColor:n.jupiter.orbitColor,objectColor:n.jupiter.objectColor,objectRadius:7},_={a:30.06896348,e:.00858587,i:1.76917,H:-25.9,Ref:"Neptune",Principal_desig:"Neptune",Translated_desig_key:"planets.neptune",orbitColor:n.neptune.orbitColor,objectColor:n.neptune.objectColor,objectRadius:6},m=e=>({neptune:_,earth:p,mars:C,jupiter:j})[e]||null,A=function(e,t){return Number.parseFloat(Number.parseFloat(e).toFixed(t))},R=(e,t,o=0,r=0)=>new i.EllipseCurve(o,r,e,t,0,2*Math.PI,!1,0),T=e=>new i.BufferGeometry().setFromPoints(e),y=(e,t)=>{const o=e.distanceTo(t),{x:r,y:s}=e;return Math.acos((o**2+r**2-s**2)/(2*o*r))*180/Math.PI},P=(e,t)=>{const{x:o,y:r}=t.getPoint(e);return new i.Vector3(o,r,0)},b=e=>e*c,h=e=>e/c,S=(e,t)=>b(e*Math.sqrt(1-t**2)),O=e=>1496e8*e,a=e=>e*(Math.PI/180),M=(e,t)=>{const o=.000296005155*c**3;return Math.sqrt(o*(2/e-1/t))},x=(e,t)=>Math.sqrt(e**2-t**2),z=(e,t)=>{const{i:o,Peri:r,Node:s}=t,l=new i.Vector3(0,1,0),u=new i.Vector3(0,0,1);return new i.Vector3(e.x,e.y,0).applyAxisAngle(u,r?a(r+90):0).applyAxisAngle(l,a(o)).applyAxisAngle(u,s?a(s):0)},E=(e,t)=>{const s=15*(e/t);return s<=4?4:s>=15?15:s};exports.AU_TO_VIZ_SCALER=c;exports.DAY_PER_VIZ_SEC=f;exports.ORBITAL_COLORS=n;exports.auToMeters=O;exports.auToUnit=b;exports.convert2dTo3d=z;exports.degsToRads=a;exports.formatValue=A;exports.getAngleFromPos=y;exports.getCurve=R;exports.getFocus=x;exports.getLabelSize=E;exports.getLineGeometry=T;exports.getMinorAxis=S;exports.getPosFromArcLength=P;exports.getRefObjProps=m;exports.getVelocity=M;exports.unitToAu=h;

package/dist/widgets/OrbitalSim/orbitalUtilities.js

@@ -3,14 +3,6 @@ const c = 100, g = 1, s = {
   sun: {
     objectColor: "#f8da86"
   },
-  mercury: {
-    objectColor: "#dce0e3",
-    orbitColor: "#a6a9ab"
-  },
-  venus: {
-    objectColor: "#cd84ec",
-    orbitColor: "#9c65b4"
-  },
   earth: {
     objectColor: "#3f9ef0",
     orbitColor: "#3079b8"
@@ -33,7 +25,7 @@ const c = 100, g = 1, s = {
     objectHighlight: "#00ffff",
     orbitHighlight: "#ffffff"
   }
-}, u = {
+}, b = {
   a: 1,
   e: 0.01671022,
   i: 0,
@@ -45,7 +37,7 @@ const c = 100, g = 1, s = {
   objectColor: s.earth.objectColor,
   // objectRadius: 6371000,
   objectRadius: 5
-}, C = {
+}, p = {
   a: 1.52366231,
   e: 0.09341233,
   i: 1.85061,
@@ -56,7 +48,7 @@ const c = 100, g = 1, s = {
   orbitColor: s.mars.orbitColor,
   objectColor: s.mars.objectColor,
   objectRadius: 4
-}, p = {
+}, f = {
   a: 5.2028,
   e: 0.048,
   i: 1.31,
@@ -68,7 +60,7 @@ const c = 100, g = 1, s = {
   objectColor: s.jupiter.objectColor,
   // objectRadius: 69911000,
   objectRadius: 7
-}, d = {
+}, C = {
   a: 30.06896348,
   e: 858587e-8,
   i: 1.76917,
@@ -81,20 +73,20 @@ const c = 100, g = 1, s = {
   // objectRadius: 24622000,
   objectRadius: 6
 }, j = (e) => ({
-  neptune: d,
-  earth: u,
-  mars: C,
-  jupiter: p
-})[e] || null, m = function(e, o) {
-  return Number.parseFloat(Number.parseFloat(e).toFixed(o));
-}, h = (e, o, t = 0, r = 0) => new i.EllipseCurve(
-  t,
+  neptune: C,
+  earth: b,
+  mars: p,
+  jupiter: f
+})[e] || null, m = function(e, t) {
+  return Number.parseFloat(Number.parseFloat(e).toFixed(t));
+}, h = (e, t, o = 0, r = 0) => new i.EllipseCurve(
+  o,
   // aX
   r,
   // aY
   e,
   // xRadius
-  o,
+  t,
   // yRadius
   0,
   // aStartAngle
@@ -104,23 +96,23 @@ const c = 100, g = 1, s = {
   // aClockwise
   0
   // aRotation
-), _ = (e) => new i.BufferGeometry().setFromPoints(e), R = (e, o) => {
-  const t = e.distanceTo(o), { x: r, y: n } = e;
-  return Math.acos((t ** 2 + r ** 2 - n ** 2) / (2 * t * r)) * 180 / Math.PI;
-}, A = (e, o) => {
-  const { x: t, y: r } = o.getPoint(e);
-  return new i.Vector3(t, r, 0);
-}, f = (e) => e * c, x = (e) => e / c, y = (e, o) => f(e * Math.sqrt(1 - o ** 2)), P = (e) => 1496e8 * e, a = (e) => e * (Math.PI / 180), T = (e, o) => {
-  const t = 296005155e-12 * c ** 3;
-  return Math.sqrt(t * (2 / e - 1 / o));
-}, M = (e, o) => Math.sqrt(e ** 2 - o ** 2), S = (e, o) => {
-  const { i: t, Peri: r, Node: n } = o, l = new i.Vector3(0, 1, 0), b = new i.Vector3(0, 0, 1);
-  return new i.Vector3(e.x, e.y, 0).applyAxisAngle(b, r ? a(r + 90) : 0).applyAxisAngle(l, a(t)).applyAxisAngle(
-    b,
+), _ = (e) => new i.BufferGeometry().setFromPoints(e), R = (e, t) => {
+  const o = e.distanceTo(t), { x: r, y: n } = e;
+  return Math.acos((o ** 2 + r ** 2 - n ** 2) / (2 * o * r)) * 180 / Math.PI;
+}, A = (e, t) => {
+  const { x: o, y: r } = t.getPoint(e);
+  return new i.Vector3(o, r, 0);
+}, d = (e) => e * c, x = (e) => e / c, y = (e, t) => d(e * Math.sqrt(1 - t ** 2)), P = (e) => 1496e8 * e, a = (e) => e * (Math.PI / 180), T = (e, t) => {
+  const o = 296005155e-12 * c ** 3;
+  return Math.sqrt(o * (2 / e - 1 / t));
+}, M = (e, t) => Math.sqrt(e ** 2 - t ** 2), S = (e, t) => {
+  const { i: o, Peri: r, Node: n } = t, l = new i.Vector3(0, 1, 0), u = new i.Vector3(0, 0, 1);
+  return new i.Vector3(e.x, e.y, 0).applyAxisAngle(u, r ? a(r + 90) : 0).applyAxisAngle(l, a(o)).applyAxisAngle(
+    u,
     n ? a(n) : 0
   );
-}, z = (e, o) => {
-  const n = 15 * (e / o);
+}, z = (e, t) => {
+  const n = 15 * (e / t);
   return n <= 4 ? 4 : n >= 15 ? 15 : n;
 };
 export {
@@ -128,7 +120,7 @@ export {
   g as DAY_PER_VIZ_SEC,
   s as ORBITAL_COLORS,
   P as auToMeters,
-  f as auToUnit,
+  d as auToUnit,
   S as convert2dTo3d,
   a as degsToRads,
   m as formatValue,

package/dist/widgets/OrbitalSim/styles.cjs

@@ -0,0 +1,48 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),i=require("@react-three/fiber"),r=e=>e&&e.__esModule?e:{default:e},t=r(a),l=a.createGlobalStyle`
+  :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: 0.2s;
+    --durationSlow: 0.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));
+  }
+`,o=t.default.div`
+    position: relative;
+    // height: var(--tallestSquareWidget);
+    height: 750px; // revisit this close to MVP
+    // min-height: var(--break40);
+    min-height: 500px;
+    background-color: var(--black);
+    color-adjust: exact;
+`,s=t.default(i.Canvas)`
+    display: inline;
+    position: relative;
+    height: 100%;
+    z-index: 1;
+`;exports.CanvasWrapper=s;exports.GlobalStyles=l;exports.OrbitalSimWrapper=o;

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

@@ -0,0 +1,5 @@
+import { Canvas } from '@react-three/fiber';
+
+export declare const GlobalStyles: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
+export declare const OrbitalSimWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CanvasWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@react-three/fiber').CanvasProps, never>> & string & Omit<typeof Canvas, keyof import('react').Component<any, {}, any>>;

package/dist/widgets/OrbitalSim/styles.js

@@ -0,0 +1,56 @@
+"use client";
+import e, { createGlobalStyle as a } from "styled-components";
+import { Canvas as i } from "@react-three/fiber";
+const o = a`
+  :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: 0.2s;
+    --durationSlow: 0.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));
+  }
+`, l = e.div`
+    position: relative;
+    // height: var(--tallestSquareWidget);
+    height: 750px; // revisit this close to MVP
+    // min-height: var(--break40);
+    min-height: 500px;
+    background-color: var(--black);
+    color-adjust: exact;
+`, s = e(i)`
+    display: inline;
+    position: relative;
+    height: 100%;
+    z-index: 1;
+`;
+export {
+  s as CanvasWrapper,
+  o as GlobalStyles,
+  l as OrbitalSimWrapper
+};

package/dist/widgets/SourceSelector/Message/Message.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),n=require("react"),a=require("./styles.cjs"),r=({children:t,isVisible:e=!1,onMessageChangeCallback:s,forIds:u})=>(n.useEffect(()=>{if(e){const o=setTimeout(()=>{s&&s()},1800);return()=>clearTimeout(o)}},[t,e]),c.jsx(a.Message,{forIds:u,$isOpen:e,children:t}));r.displayName="Widgets.SourceSelector.Message";const i=r;exports.default=i;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),i=require("react"),n=require("./styles.cjs"),r=({children:t,isVisible:e=!1,onMessageChangeCallback:s,forIds:u})=>(i.useEffect(()=>{if(e){const o=setTimeout(()=>{s&&s()},1800);return()=>clearTimeout(o)}},[t,e]),c.jsx(n.Message,{forIds:u,$isOpen:e,children:t}));r.displayName="Widgets.SourceSelector.Message";exports.default=r;

package/dist/widgets/SourceSelector/Message/Message.js

@@ -1,22 +1,21 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { useEffect as f } from "react";
 import { Message as u } from "./styles.js";
-const r = ({
+const a = ({
   children: t,
   isVisible: e = !1,
-  onMessageChangeCallback: s,
-  forIds: o
+  onMessageChangeCallback: r,
+  forIds: s
 }) => (f(() => {
   if (e) {
-    const m = setTimeout(() => {
-      s && s();
+    const o = setTimeout(() => {
+      r && r();
     }, 1800);
-    return () => clearTimeout(m);
+    return () => clearTimeout(o);
   }
-}, [t, e]), /* @__PURE__ */ a(u, { forIds: o, $isOpen: e, children: t }));
-r.displayName = "Widgets.SourceSelector.Message";
-const i = r;
+}, [t, e]), /* @__PURE__ */ m(u, { forIds: s, $isOpen: e, children: t }));
+a.displayName = "Widgets.SourceSelector.Message";
 export {
-  i as default
+  a as default
 };

package/dist/widgets/SourceSelector/Message/styles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const Message: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('@rubin-epo/epo-react-lib/Toast').ToastProps & {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
 }, {
     $isOpen: boolean;
 }>> & string & Omit<import('react').FunctionComponent<import('react').PropsWithChildren<import('@rubin-epo/epo-react-lib/Toast').ToastProps>>, keyof import('react').Component<any, {}, any>>;

package/dist/widgets/SourceSelector/SelectionList/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-i18next"),s=require("./styles.cjs"),a=require("../../../atomic/Button/patterns/Reset.cjs"),n=({className:l,onRemoveCallback:c,sources:t=[]})=>{const{t:r}=u.useTranslation();return e.jsxs(s.SelectionWrapper,{children:[t.length>0&&e.jsx(s.SelectionList,{className:l,children:t.map(({type:o,id:i})=>e.jsxs(s.DescriptionWrapper,{children:[e.jsx("dt",{children:r("source_selector.selected_source",{type:r(`source_selector.sources.${o}`)})}),e.jsx("dd",{children:i})]},i))}),e.jsx(a.default,{isDisabled:t.length<1,onResetCallback:c})]})};n.displayName="Widgets.SelectionList";const d=n;exports.default=d;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-i18next"),s=require("./styles.cjs"),a=require("../../../atomic/Button/patterns/Reset.cjs"),l=({className:n,onRemoveCallback:c,sources:t=[]})=>{const{t:r}=u.useTranslation();return e.jsxs(s.SelectionWrapper,{children:[t.length>0&&e.jsx(s.SelectionList,{className:n,children:t.map(({type:o,id:i})=>e.jsxs(s.DescriptionWrapper,{children:[e.jsx("dt",{children:r("source_selector.selected_source",{type:r(`source_selector.sources.${o}`)})}),e.jsx("dd",{children:i})]},i))}),e.jsx(a.default,{isDisabled:t.length<1,onResetCallback:c})]})};l.displayName="Widgets.SelectionList";exports.default=l;

package/dist/widgets/SourceSelector/SelectionList/index.js

@@ -1,23 +1,23 @@
 "use client";
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useTranslation as a } from "react-i18next";
-import { SelectionWrapper as p, SelectionList as d, DescriptionWrapper as m } from "./styles.js";
-import u from "../../../atomic/Button/patterns/Reset.js";
-const o = ({
-  className: n,
+import { useTranslation as c } from "react-i18next";
+import { SelectionWrapper as a, SelectionList as p, DescriptionWrapper as d } from "./styles.js";
+import m from "../../../atomic/Button/patterns/Reset.js";
+const u = ({
+  className: o,
   onRemoveCallback: l,
   sources: t = []
 }) => {
-  const { t: r } = a();
-  return /* @__PURE__ */ s(p, { children: [
-    t.length > 0 && /* @__PURE__ */ e(d, { className: n, children: t.map(({ type: c, id: i }) => /* @__PURE__ */ s(m, { children: [
+  const { t: r } = c();
+  return /* @__PURE__ */ s(a, { children: [
+    t.length > 0 && /* @__PURE__ */ e(p, { className: o, children: t.map(({ type: n, id: i }) => /* @__PURE__ */ s(d, { children: [
       /* @__PURE__ */ e("dt", { children: r("source_selector.selected_source", {
-        type: r(`source_selector.sources.${c}`)
+        type: r(`source_selector.sources.${n}`)
       }) }),
       /* @__PURE__ */ e("dd", { children: i })
     ] }, i)) }),
     /* @__PURE__ */ e(
-      u,
+      m,
       {
         isDisabled: t.length < 1,
         onResetCallback: l
@@ -25,8 +25,7 @@ const o = ({
     )
   ] });
 };
-o.displayName = "Widgets.SelectionList";
-const g = o;
+u.displayName = "Widgets.SelectionList";
 export {
-  g as default
+  u as default
 };

package/dist/widgets/SourceSelector/SelectionList/styles.d.ts

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

package/dist/widgets/SourceSelector/SourceMap/styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const SVG: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, never>> & string;
 export declare const Point: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGCircleElement>, never>> & string;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Background: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>> & string;
 export declare const Graticule: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>> & string;
 export declare const Outline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>> & string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ThreeVectorLayout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const HistogramContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Histogram: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('./Histogram').DistanceHistogramProps, never>> & string & Omit<import('react').FunctionComponent<import('./Histogram').DistanceHistogramProps>, keyof import('react').Component<any, {}, any>>;

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

@@ -1,4 +1,3 @@
-/// <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;
 export declare const SVG: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, never>> & string;
 export declare const NorthDirection: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -28,13 +28,15 @@
     "test": "jest --max-workers=2",
     "test:generate-output": "yarn test --json --outputFile=.jest-test-results.json || true",
     "prepublishOnly": "yarn build",
-    "release": "semantic-release -e semantic-release-monorepo --debug"
+    "release-old": "semantic-release -e semantic-release-monorepo --debug"
   },
   "files": [
     "README.md",
     "dist"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     "./*": {
       "import": "./dist/*.js",
@@ -66,8 +68,8 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/d3-array": "^3.2.1",
     "@types/d3-geo": "^3.1.0",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.1",
+    "@types/react": "19.2.3",
+    "@types/react-dom": "19.2.3`",
     "@vitejs/plugin-react": "^4",
     "babel-loader": "^8.3.0",
     "eslint-plugin-storybook": "^0.11.4",
@@ -78,8 +80,8 @@
     "jest": "^29.4.2",
     "jest-canvas-mock": "^2.4.0",
     "jest-environment-jsdom": "^29.4.2",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
     "react-i18next": "13",
     "rollup-plugin-banner2": "^1.2.2",
     "semantic-release": "^24.1.0",
@@ -93,13 +95,13 @@
   "peerDependencies": {
     "i18next": "^22.0.0 || ^23.0.0",
     "next": "^13.0.0 || ^14.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "react-i18next": "^12.0.0 || ^13.0.0"
   },
   "dependencies": {
     "@react-three/drei": "^10.7.6",
-    "@react-three/fiber": "8",
+    "@react-three/fiber": "9",
     "@rubin-epo/epo-react-lib": "^2.10.1",
     "context-filter-polyfill": "^0.3.6",
     "d3-array": "^3.2.4",
@@ -113,8 +115,8 @@
     "use-resize-observer": "^9.1.0"
   },
   "resolutions": {
-    "semver": "7.3.2",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.1"
+    "semver": "7.6.3",
+    "@types/react": "19.2.3",
+    "@types/react-dom": "19.2.3"
   }
 }

package/dist/widgets/OrbitalSim/Camera.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),u=require("react"),n=require("../../node_modules/prop-types/index.cjs"),i=require("@react-three/fiber");function o({...r}){const e=u.useRef();return u.useEffect(()=>{const t=e.current;t.zoom=r.defaultZoom,t.updateProjectionMatrix()},[]),i.useFrame(()=>{e.current.updateMatrixWorld()}),a.jsx("orthographicCamera",{ref:e,...r,makeDefault:!0,zoom:100})}o.propTypes={defaultZoom:n.default.number};exports.default=o;

package/dist/widgets/OrbitalSim/CameraController.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),i=require("../../node_modules/prop-types/index.cjs");require("three");const l=require("../../node_modules/three/examples/jsm/controls/OrbitControls.cjs"),f=require("@react-three/fiber");function s({pov:t,reset:n}){const{camera:u,gl:c}=f.useThree(),e=r.useRef();function a(){if(t){const o={side:Math.PI/1.0075,top:Math.PI/2}[t];e.current.minAzimuthAngle=0,e.current.maxAzimuthAngle=0,e.current.minPolarAngle=o,e.current.maxPolarAngle=o}e.current.update()}return r.useEffect(()=>{e.current&&n>0&&e.current.reset()},[n]),r.useEffect(()=>(e.current=new l.OrbitControls(u,c.domElement),e.current.minDistance=70,e.current.maxDistance=1e4,e.current.screenSpacePanning=!0,a(),()=>{e.current.dispose()}),[u,c]),null}s.propTypes={pov:i.default.string,reset:i.default.number};exports.default=s;

package/dist/widgets/OrbitalSim/Controls/PlaybackControls.module.css.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_playbackControlsContainer_1m020_1",t={playbackControlsContainer:o};exports.default=t;exports.playbackControlsContainer=o;

package/dist/widgets/OrbitalSim/Controls/PlaybackControls.module.css.js

@@ -1,7 +0,0 @@
-const o = "_playbackControlsContainer_1m020_1", a = {
-  playbackControlsContainer: o
-};
-export {
-  a as default,
-  o as playbackControlsContainer
-};

package/dist/widgets/OrbitalSim/Observation.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("react"),n=require("../../node_modules/prop-types/index.cjs"),v=require("../../node_modules/classnames/index.cjs"),x=require("@react-three/drei"),o=require("./OrbitalSim.module.css.cjs"),h=require("./Context/index.cjs");function l({data:r,vector:a}){const{updateActiveObservation:u}=h.useOrbitalSimContext(),{label:c,interactable:t,isActive:s,isAnswer:d}=r,[b,i]=f.useState(!1);function m(){return s&&d?"green":s||b?"blue":"gray"}return e.jsxs("mesh",{className:o.default["obs-mesh"],position:a,onClick:t?()=>{u(r.id)}:null,onPointerOver:t?()=>i(!0):null,onPointerOut:t?()=>i(!1):null,children:[e.jsx(x.Html,{children:e.jsx("div",{className:v.default(o.default["obs-label"]),children:c})}),e.jsx("octahedronGeometry",{attach:"geometry",args:[20]}),e.jsx("meshBasicMaterial",{attach:"material",color:m()})]})}l.propTypes={data:n.default.object,vector:n.default.object};exports.default=l;

package/dist/widgets/OrbitalSim/Observations.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),m=require("react"),l=require("../../node_modules/prop-types/index.cjs"),j=require("three"),v=require("./Observation.cjs"),c=require("./orbitalUtilities.cjs");function x(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const O=x(j),d=({data:e,observations:n})=>{const[t]=m.useState(()=>{const{a:r,e:u}=e,o=c.auToUnit(r),i=c.getMinorAxis(r,u),f=c.getFocus(o,i),a=new O.Vector3(f,0,0),b=c.getCurve(o,i,a.x,a.y);return(n||[]).map(g=>{const{position:p}=g;return c.convert2dTo3d(b.getPoint(p),e)})});return s.jsx(s.Fragment,{children:t&&s.jsx(s.Fragment,{children:t.map((r,u)=>{const o=n[u],{id:i}=o;return s.jsx(v.default,{data:o,vector:r},i)})})})};d.propTypes={data:l.default.object,observations:l.default.array};exports.default=d;

package/dist/widgets/OrbitalSim/Orbital.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),o=require("../../node_modules/prop-types/index.cjs"),fe=require("three"),xe=require("@react-three/fiber"),h=require("@react-three/drei"),t=require("./orbitalUtilities.cjs"),g=require("./OrbitalSim.module.css.cjs"),pe=require("./chartColors.module.css.cjs"),je=require("./Context/index.cjs"),ye=require("react-i18next");function be(i){if(i&&i.__esModule)return i;const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const a in i)if(a!=="default"){const j=Object.getOwnPropertyDescriptor(i,a);Object.defineProperty(f,a,j.get?j:{enumerable:!0,get:()=>i[a]})}}return f.default=i,Object.freeze(f)}const M=be(fe),_=({data:i,selectionCallback:f,active:a,playing:j,dayPerVizSec:F,stepDirection:I,frameOverride:L,orbitColor:G,objectColor:R,objectRadius:k,initialized:w,initCallback:C,devMode:D,zoomMod:Z,defaultZoom:U,type:K,noLabels:Y,reset:A})=>{const{t:$}=ye.useTranslation(),{orbits:J}=je.useOrbitalSimContext(),{activeVelocityCallback:Q}=J,W=r.useRef(),{a:z,e:X,i:ee,M:te,Node:B,Peri:V,Principal_desig:oe,Translated_desig_key:q,name:se}=i||{},[re]=r.useState(()=>[0,t.degsToRads(ee),B?t.degsToRads(B):0]),[n]=r.useState(()=>t.auToUnit(z)),[y]=r.useState(()=>t.getMinorAxis(z,X)),[ie]=r.useState(()=>t.getFocus(n,y)),[s]=r.useState(new M.Vector3(ie,0,0)),[d]=r.useState(new M.Vector3(0,0,0)),[ae,ne]=r.useState(!1),[u]=r.useState(()=>t.getCurve(n,y,s.x,s.y)),[le]=r.useState(()=>t.getLineGeometry(u.getPoints(360))),b=t.getPosFromArcLength(0,u),[x,v]=r.useState({position:b,rotation:[0,0,0],progress:0,velocity:t.getVelocity(b.distanceTo(d),n),period:0});r.useEffect(()=>{A>0&&v({position:b,rotation:[0,0,0],progress:0,velocity:t.getVelocity(b.distanceTo(d),n),period:0})},[A]);function ce(m){let l=0,c=t.getPosFromArcLength(l,u);if(m){const S=m>180,O=S?m-180:m;let p=t.getAngleFromPos(c,d);for(;p<O;)l+=.01,c=t.getPosFromArcLength(l,u),p=t.getAngleFromPos(c,d);S&&(l+=.5,c=t.getPosFromArcLength(l,u))}return C?C():ne(!0),{position:c,rotation:[0,0,0],progress:l,velocity:t.getVelocity(c.distanceTo(d),n),period:0}}function H(m,P){const{progress:l,position:c,velocity:S,period:O}=x,p=m?0:P*(F||t.DAY_PER_VIZ_SEC),de=S*p*I,T=l+de/u.getLength(),E=T>1?1-T:T,{x:ue,y:me}=u.getPoint(E),he=new M.Vector3(ue,me,0),ge=t.getVelocity(c.distanceTo(d),n);let N=p+O;T>1&&(N=0),v({...x,position:he,progress:E,velocity:ge,period:N})}return r.useEffect(()=>{v(ce(te||Math.floor(Math.random()*Math.floor(180))))},[]),r.useEffect(()=>{L&&H(!1,1/60)},[L]),r.useEffect(()=>{a&&Q(t.auToMeters(t.unitToAu(x.velocity/1e5)))},[x]),xe.useFrame((m,P)=>{(w||ae)&&H(!j,P)}),e.jsx("group",{rotation:re,children:e.jsxs("group",{rotation:[0,0,V?t.degsToRads(V+90):0],children:[e.jsx("line",{ref:W,geometry:le,children:e.jsx("lineBasicMaterial",{attach:"material",color:a?t.ORBITAL_COLORS.asteroid.orbitHighlight:G||t.ORBITAL_COLORS.asteroid.orbitColor})}),e.jsxs("mesh",{position:x.position,onClick:()=>f(i,"neo"),children:[(K==="planet"||!Y||a)&&e.jsx(h.Html,{children:e.jsx("button",{type:"button",className:g.default.label,style:{fontSize:t.getLabelSize(Z,U)},onClick:()=>f(i,"neo"),children:q?$(q):se||oe})}),e.jsx("sphereGeometry",{attach:"geometry",args:[k||4,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:a?t.ORBITAL_COLORS.asteroid.objectHighlight:R||t.ORBITAL_COLORS.asteroid.objectColor})]}),D&&e.jsxs(e.Fragment,{children:[e.jsxs("mesh",{position:s,children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:pe.default.chart1}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"center"})})]}),e.jsxs("mesh",{position:d,children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:R||"blue"}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"sun"})})]}),e.jsxs("mesh",{position:[s.x,-y+s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"minor axis vertex"})})]}),e.jsxs("mesh",{position:[s.x,y+s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"minor axis vertex"})})]}),e.jsxs("mesh",{position:[n+s.x,s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"major axis vertex"})})]}),e.jsxs("mesh",{position:[-n+s.x,s.y,s.z],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[2,10,10]}),e.jsx("meshBasicMaterial",{attach:"material",color:"green"}),e.jsx(h.Html,{children:e.jsx("div",{className:g.default.label,children:"major axis vertex"})})]})]})]})})};_.defaultProps={type:"object"};_.propTypes={data:o.default.object,selectionCallback:o.default.func,active:o.default.bool,playing:o.default.bool,dayPerVizSec:o.default.number,stepDirection:o.default.number,frameOverride:o.default.number,orbitColor:o.default.string,objectColor:o.default.string,objectRadius:o.default.number,initCallback:o.default.func,initialized:o.default.bool,devMode:o.default.bool,activeVelocityCallback:o.default.func,zoomMod:o.default.number,defaultZoom:o.default.number,type:o.default.string,noLabels:o.default.bool,reset:o.default.number};exports.default=_;

package/dist/widgets/OrbitalSim/Orbital.d.ts

@@ -1,49 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-export default Orbital;
-declare function Orbital({ data, selectionCallback, active, playing, dayPerVizSec, stepDirection, frameOverride, orbitColor, objectColor, objectRadius, initialized, initCallback, devMode, zoomMod, defaultZoom, type, noLabels, reset }: {
-    data: any;
-    selectionCallback: any;
-    active: any;
-    playing: any;
-    dayPerVizSec: any;
-    stepDirection: any;
-    frameOverride: any;
-    orbitColor: any;
-    objectColor: any;
-    objectRadius: any;
-    initialized: any;
-    initCallback: any;
-    devMode: any;
-    zoomMod: any;
-    defaultZoom: any;
-    type: any;
-    noLabels: any;
-    reset: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Orbital {
-    namespace defaultProps {
-        let type: string;
-    }
-    namespace propTypes {
-        export let data: PropTypes.Requireable<object>;
-        export let selectionCallback: PropTypes.Requireable<(...args: any[]) => any>;
-        export let active: PropTypes.Requireable<boolean>;
-        export let playing: PropTypes.Requireable<boolean>;
-        export let dayPerVizSec: PropTypes.Requireable<number>;
-        export let stepDirection: PropTypes.Requireable<number>;
-        export let frameOverride: PropTypes.Requireable<number>;
-        export let orbitColor: PropTypes.Requireable<string>;
-        export let objectColor: PropTypes.Requireable<string>;
-        export let objectRadius: PropTypes.Requireable<number>;
-        export let initCallback: PropTypes.Requireable<(...args: any[]) => any>;
-        export let initialized: PropTypes.Requireable<boolean>;
-        export let devMode: PropTypes.Requireable<boolean>;
-        export let activeVelocityCallback: PropTypes.Requireable<(...args: any[]) => any>;
-        export let zoomMod: PropTypes.Requireable<number>;
-        export let defaultZoom: PropTypes.Requireable<number>;
-        let type_1: PropTypes.Requireable<string>;
-        export { type_1 as type };
-        export let noLabels: PropTypes.Requireable<boolean>;
-        export let reset: PropTypes.Requireable<number>;
-    }
-}