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

package/dist/widgets/OrbitalSim/{Orbitals.js → Orbitals/Orbitals.js}

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as _, Fragment as y, jsx as f } from "react/jsx-runtime";
-import { useReducer as E, useEffect as N } from "react";
-import t from "../../node_modules/prop-types/index.js";
-import { useThree as q, useFrame as w } from "@react-three/fiber";
+import { jsxs as F, Fragment as _, jsx as f } from "react/jsx-runtime";
+import { useReducer as y, useEffect as E } from "react";
+import t from "../../../node_modules/prop-types/index.js";
+import { useThree as N, useFrame as q } from "@react-three/fiber";
 import C from "./Orbital.js";
-import B from "./PotentialOrbits.js";
-import { getRefObjProps as G } from "./orbitalUtilities.js";
-import { useOrbitalSimContext as H } from "./Context/index.js";
-function J({
+import w from "./PotentialOrbits.js";
+import { getRefObjProps as B } from "../orbitalUtilities.js";
+import { useOrbitalSimContext as G } from "../Context/index.js";
+function H({
   playing: a,
   dayPerVizSec: n,
   stepDirection: e,
@@ -16,32 +16,31 @@ function J({
   potentialOrbits: R,
   elapsedTime: l,
   setElapsedTime: d,
-  noLabels: h,
   reset: j,
   zoomLevel: m,
-  setZoomLevel: $
+  setZoomLevel: h
 }) {
-  const { orbits: x } = H(), {
+  const { orbits: $ } = G(), {
     neos: i,
-    refObjs: I,
-    activeNeo: P
-  } = x;
-  function k(o) {
+    refObjs: x,
+    activeNeo: I
+  } = $;
+  function P(o) {
     const { remainingInits: r } = o;
     return { remainingInits: r - 1 };
   }
-  const { camera: g } = q(), [M, O] = E(k, {
+  const { camera: g } = N(), [k, O] = y(P, {
     remainingInits: i && Array.isArray(i) ? i.length : 0
   });
-  function T() {
-    return (I || ["earth", "jupiter", "mars", "neptune"]).map(G).map((r) => {
+  function M() {
+    return (x || ["earth", "jupiter", "mars", "neptune"]).map(B).map((r) => {
       const {
         orbitColor: u,
         objectColor: b,
         objectRadius: p,
-        Ref: z,
-        Principal_desig: A,
-        name: F
+        Ref: T,
+        Principal_desig: z,
+        name: A
       } = r;
       return /* @__PURE__ */ f(
         C,
@@ -60,18 +59,18 @@ function J({
           objectRadius: p,
           reset: j
         },
-        `${z}-${A || F}`
+        `${T}-${z || A}`
       );
     });
   }
-  return w((o, r) => {
-    g.zoom !== m && $(g.zoom), a && d(l + e * r * n);
-  }), N(() => {
+  return q((o, r) => {
+    g.zoom !== m && h(g.zoom), a && d(l + e * r * n);
+  }), E(() => {
     s && d(l + e * (1 / 60) * n);
-  }, [s]), /* @__PURE__ */ _(y, { children: [
-    T(),
+  }, [s]), /* @__PURE__ */ F(_, { children: [
+    M(),
     R ? /* @__PURE__ */ f(
-      B,
+      w,
       {
         data: i,
         position: [0, 0, 0],
@@ -91,15 +90,14 @@ function J({
         {
           data: o,
           position: [0, 0, 0],
-          active: o === P,
-          initialized: M.remainingInits <= 0,
+          active: o === I,
+          initialized: k.remainingInits <= 0,
           zoomMod: m,
           defaultZoom: c,
           playing: a,
           stepDirection: e,
           dayPerVizSec: n,
           frameOverride: s,
-          noLabels: h,
           reset: j,
           initCallback: O
         },
@@ -108,7 +106,7 @@ function J({
     }) : null
   ] });
 }
-J.propTypes = {
+H.propTypes = {
   playing: t.bool,
   dayPerVizSec: t.number,
   stepDirection: t.number,
@@ -120,9 +118,8 @@ J.propTypes = {
   potentialOrbits: t.bool,
   elapsedTime: t.number,
   setElapsedTime: t.func,
-  noLabels: t.bool,
   reset: t.number
 };
 export {
-  J as default
+  H as default
 };

package/dist/widgets/OrbitalSim/Orbitals/PotentialOrbits.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),j=require("react"),O=require("../../../node_modules/prop-types/index.cjs"),v=require("three"),q=require("../Observations/Observations.cjs"),f=require("../orbitalUtilities.cjs"),S=require("../Context/index.cjs");function T(e){if(e&&e.__esModule)return e;const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const d=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(u,r,d.get?d:{enumerable:!0,get:()=>e[r]})}}return u.default=e,Object.freeze(u)}const g=T(v),m=()=>{const{orbits:e,observations:u}=S.useOrbitalSimContext(),{neos:r}=e;function d(o,t,n){const i=f.getFocus(o,t),c=new g.Vector3(i,0,0);return f.getCurve(o,t,c.x,c.y).getPoints(100).map(s=>f.convert2dTo3d(s,n)).flat()}function x(o){return o.map(t=>{const{a:n,e:i}=t,c=f.auToUnit(n),s=f.getMinorAxis(n,i);return d(c,s,t)})}const[h]=j.useState(()=>{let o=0;const t=[],n=[];x(r).forEach(s=>{const y=s.length-1;for(let a=0;a<s.length;a++){const p=s[a],b=a+o;n.push(p.x),n.push(p.y),n.push(p.z),t.push(b),t.push(a===y?o:b+1)}o+=s.length});const i=new g.BufferGeometry,c=new g.Float32BufferAttribute(n,3);return i.setAttribute("position",c),i.setIndex(t),i});return l.jsxs(l.Fragment,{children:[l.jsx("lineSegments",{position:[0,0,0],geometry:h,children:l.jsx("lineBasicMaterial",{attach:"material",color:"#CEB3DB"})}),u&&r&&l.jsx(q.default,{data:r[0],observations:u})]})};m.propTypes={data:O.default.array};exports.default=m;

package/dist/widgets/OrbitalSim/{PotentialOrbits.d.ts → Orbitals/PotentialOrbits.d.ts}

@@ -1,8 +1,7 @@
-import { default as PropTypes } from 'prop-types';
 export default PotentialOrbits;
 declare function PotentialOrbits(): import("react/jsx-runtime").JSX.Element;
 declare namespace PotentialOrbits {
     namespace propTypes {
-        let data: PropTypes.Requireable<any[]>;
+        let data: any;
     }
 }

package/dist/widgets/OrbitalSim/{PotentialOrbits.js → Orbitals/PotentialOrbits.js}

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as y, Fragment as b, jsx as u } from "react/jsx-runtime";
 import { useState as C } from "react";
-import v from "../../node_modules/prop-types/index.js";
+import v from "../../../node_modules/prop-types/index.js";
 import * as p from "three";
-import B from "./Observations.js";
-import { getCurve as T, convert2dTo3d as E, getFocus as I, auToUnit as P, getMinorAxis as w } from "./orbitalUtilities.js";
-import { useOrbitalSimContext as A } from "./Context/index.js";
+import B from "../Observations/Observations.js";
+import { getCurve as T, convert2dTo3d as E, getFocus as I, getMinorAxis as P, auToUnit as w } from "../orbitalUtilities.js";
+import { useOrbitalSimContext as A } from "../Context/index.js";
 const F = () => {
   const { orbits: l, observations: f } = A(), { neos: a } = l;
   function g(o, t, e) {
@@ -14,7 +14,7 @@ const F = () => {
   }
   function h(o) {
     return o.map((t) => {
-      const { a: e, e: n } = t, s = P(e), r = w(e, n);
+      const { a: e, e: n } = t, s = w(e), r = P(e, n);
       return g(s, r, t);
     });
   }

package/dist/widgets/OrbitalSim/Orbitals/styles.cjs

@@ -0,0 +1,53 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),l=require("@rubin-epo/epo-react-lib/Button"),d=require("@rubin-epo/epo-react-lib/Slideout"),e=o=>o&&o.__esModule?o:{default:o},t=e(r),i=e(l),a=e(d),n=t.default(a.default)`
+    display: none;
+    opacity: 0;
+    pointer-events: none;
+`,c=t.default.div`
+  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;
+`,u=t.default(i.default)`
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  margin: var(--minPadding);
+  /* stylelint-disable-next-line declaration-no-important */
+  color: var(--white) !important;
+  background-color: var(--error);
+}
+`,p=t.default.div`
+  background-color: var(--neutral10);
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  padding: 1em;
+  font-size: 0.75rem;
+  width: '50ch';
+
+  & > * + * {
+    margin-block-start: 1em;
+  }
+`,s=t.default.div`
+  display: flex;
+  gap: 20px;
+`,x=t.default.div`
+  flex: 1;
+  padding: 0px 15px 0px 15px;
+  border: 1px solid #ccc;
+  background-color: #ccc;
+  border-radius: 15px;
+  font-weight: bold;
+`,f=t.default.div`
+  flex: 1;
+  padding: 0px 15px 0px 15px;
+  border: 1px solid #ccc;
+  background-color: #ccc;
+  border-radius: 15px;
+  text-align: right;
+`;exports.ButtonWrapper=u;exports.Label=c;exports.SlideoutColLeft=x;exports.SlideoutColRight=f;exports.SlideoutPanel=p;exports.SlideoutRow=s;exports.SlideoutWrapper=n;

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

@@ -0,0 +1,9 @@
+export declare const SlideoutWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@rubin-epo/epo-react-lib/Slideout').SlideoutProps & {
+    children?: import('react').ReactNode | undefined;
+}, never>> & string & Omit<import('react').FunctionComponent<import('react').PropsWithChildren<import('@rubin-epo/epo-react-lib/Slideout').SlideoutProps>>, keyof import('react').Component<any, {}, any>>;
+export declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ButtonWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('react').PropsWithChildren<import('@rubin-epo/epo-react-lib/Button').ButtonProps>, "ref"> & import('react').RefAttributes<HTMLButtonElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<import('react').PropsWithChildren<import('@rubin-epo/epo-react-lib/Button').ButtonProps>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const SlideoutPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SlideoutRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SlideoutColLeft: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SlideoutColRight: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/widgets/OrbitalSim/Orbitals/styles.js

@@ -0,0 +1,66 @@
+"use client";
+import o from "styled-components";
+import r from "@rubin-epo/epo-react-lib/Button";
+import t from "@rubin-epo/epo-react-lib/Slideout";
+const a = o(t)`
+    display: none;
+    opacity: 0;
+    pointer-events: none;
+`, d = o.div`
+  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;
+`, l = o(r)`
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  margin: var(--minPadding);
+  /* stylelint-disable-next-line declaration-no-important */
+  color: var(--white) !important;
+  background-color: var(--error);
+}
+`, p = o.div`
+  background-color: var(--neutral10);
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  padding: 1em;
+  font-size: 0.75rem;
+  width: '50ch';
+
+  & > * + * {
+    margin-block-start: 1em;
+  }
+`, c = o.div`
+  display: flex;
+  gap: 20px;
+`, s = o.div`
+  flex: 1;
+  padding: 0px 15px 0px 15px;
+  border: 1px solid #ccc;
+  background-color: #ccc;
+  border-radius: 15px;
+  font-weight: bold;
+`, x = o.div`
+  flex: 1;
+  padding: 0px 15px 0px 15px;
+  border: 1px solid #ccc;
+  background-color: #ccc;
+  border-radius: 15px;
+  text-align: right;
+`;
+export {
+  l as ButtonWrapper,
+  d as Label,
+  s as SlideoutColLeft,
+  x as SlideoutColRight,
+  p as SlideoutPanel,
+  c as SlideoutRow,
+  a as SlideoutWrapper
+};

package/dist/widgets/OrbitalSim/Sun.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../node_modules/prop-types/index.cjs"),a=require("@react-three/drei"),r=require("./orbitalUtilities.cjs"),u=require("./OrbitalSim.module.css.cjs");function i({defaultZoom:o,zoomLevel:s,t:l}){return e.jsxs("mesh",{position:[0,0,0],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[9,16,8]}),e.jsx("meshBasicMaterial",{attach:"material",color:r.ORBITAL_COLORS.sun.objectColor}),e.jsx(a.Html,{children:e.jsx("div",{className:u.default.label,style:{fontSize:r.getLabelSize(s,o)},children:l("orbital_sim.astronomy.orbital_bodies.sun")})})]})}i.propTypes={zoomLevel:t.default.number,defaultZoom:t.default.number,t:t.default.func};exports.default=i;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("@react-three/drei"),t=require("./orbitalUtilities.cjs"),l=require("react-i18next"),a=require("./OrbitalSim.module.css.cjs"),n=({defaultZoom:r,zoomLevel:s})=>{const{t:i}=l.useTranslation();return e.jsxs("mesh",{position:[0,0,0],children:[e.jsx("sphereGeometry",{attach:"geometry",args:[9,16,8]}),e.jsx("meshBasicMaterial",{attach:"material",color:t.ORBITAL_COLORS.sun.objectColor}),e.jsx(o.Html,{children:e.jsx("div",{className:a.default.label,style:{fontSize:t.getLabelSize(s,r)},children:i("orbital_sim.astronomy.orbital_bodies.sun")})})]})};exports.default=n;

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

@@ -1,11 +1,8 @@
-import { default as PropTypes } from 'prop-types';
+import { FC } from 'react';
 
-declare function Sun({ defaultZoom, zoomLevel, t }: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Sun {
-    var propTypes: {
-        zoomLevel: PropTypes.Requireable<number>;
-        defaultZoom: PropTypes.Requireable<number>;
-        t: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
+type SunPropTypes = {
+    zoomLevel: Number;
+    defaultZoom: Number;
+};
+declare const Sun: FC<SunPropTypes>;
 export default Sun;

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;