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

package/dist/widgets/OrbitalSim/Context/index.d.ts

@@ -0,0 +1,66 @@
+import { ReactNode } from 'react';
+
+interface OrbitalSimProviderProps {
+    children: ReactNode;
+    orbitData: Orbits;
+}
+type OrbitalSimContextValues = {
+    orbits: Orbits;
+    setOrbits: React.Dispatch<React.SetStateAction<Orbits>>;
+    observations: Observation[];
+    setObservations: React.Dispatch<React.SetStateAction<Observation[]>>;
+    updateActiveObservation: (activeId: string) => void;
+};
+type Observation = {
+    id: string;
+    label: string;
+    interactable: boolean;
+    isActive: boolean;
+    position: number;
+    isAnswer?: boolean;
+};
+type Orbits = {
+    neos: any;
+    activeNeo: any;
+    observations: Observation[];
+    activeObs: any;
+    selectionCallback: any;
+    paused: any;
+    pov: any;
+    defaultZoom: any;
+    potentialOrbits: any;
+    noDetails: any;
+    detailsSet: any;
+    detailsRows: any;
+    refObjs: any;
+    noLabels: any;
+    noControls: boolean;
+};
+export declare const OrbitalSimContext: import('react').Context<OrbitalSimContextValues | null>;
+export default OrbitalSimContext;
+/**
+ *   This custom hooks returns a reference to the `OrbitalSimContext` which will
+ *   expose orbital and observation data, and a callback that can be passed to
+ *   update the selected observation - if applicable - in the web client. The
+ *   data for this context provider must be passed to `<OrbitalSimProvider>` as
+ *   the `orbitData` prop.
+ *
+ * @returns a reference to the context provider
+ */
+export declare function useOrbitalSimContext(): OrbitalSimContextValues;
+/**
+ *   The context provider that must wrap the implementation of the `<OrbitalSim>`,
+ *   and this is all that is necessary to populate the `OrbitalSim` with data. The
+ *   context provider expects a prop called `orbitData` consisting of the object
+ *   that represents the monolithic orbits of visualized in the `OrbitalSim`. The
+ *   context provider will parse out the `observations` and expose a callback function
+ *   named `updateActiveObservation()` which can be passed to the `observation`
+ *   components.
+ *
+ * @param children - a React.Node if necessary, but it shouldn't be
+ * @param orbitData - the monolithic object containing orbit, observation and detailed
+ *                    information data
+ *
+ * @returns
+ */
+export declare function OrbitalSimProvider({ children, orbitData }: OrbitalSimProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/widgets/OrbitalSim/Context/index.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as d, useState as u, useEffect as f, useMemo as O, useContext as p } from "react";
+const a = d(null);
+function S() {
+  const t = p(a);
+  if (!t)
+    throw new Error(
+      "OrbitalSim components cannot be rendered outside the OrbitalSimContext.Provider component."
+    );
+  return t;
+}
+function w({ children: t, orbitData: o }) {
+  const [l, s] = u({
+    neos: null,
+    activeNeo: null,
+    observations: [],
+    activeObs: null,
+    selectionCallback: null,
+    paused: null,
+    pov: null,
+    defaultZoom: null,
+    potentialOrbits: null,
+    noDetails: null,
+    detailsSet: null,
+    detailsRows: null,
+    refObjs: null,
+    noLabels: null,
+    noControls: !1
+  }), [e, n] = u(
+    () => l.observations ?? []
+  );
+  f(() => {
+    s(o), n(o.observations);
+  }, [o]);
+  const r = (b) => {
+    if (e && e.length > 0) {
+      let v = e.map((i) => i.id == b ? { ...i, isActive: !0 } : { ...i, isActive: !1 });
+      n(v);
+    }
+  }, c = O(() => ({
+    orbits: l,
+    setOrbits: s,
+    observations: e,
+    setObservations: n,
+    updateActiveObservation: r
+  }), [
+    l,
+    s,
+    e,
+    n,
+    r
+  ]);
+  return /* @__PURE__ */ m(a.Provider, { value: c, children: t });
+}
+export {
+  a as OrbitalSimContext,
+  w as OrbitalSimProvider,
+  S as useOrbitalSimContext
+};

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),c=require("./PlaybackControls.module.css.cjs"),i=require("react-i18next"),t=require("../../../atomic/PlaybackControl/PlaybackControl.cjs"),u=({playing:r,handleStartStop:n,handleNext:o,handlePrevious:s,handleReset:d,isDisabled:a})=>{const{t:e}=i.useTranslation();return l.jsxs("div",{className:c.default.playbackControlsContainer,children:[l.jsx(t.default,{"data-testid":"blinker-backward",icon:"Backward",label:e("blinker.controls.backward"),handleClick:s,disabled:a}),l.jsx(t.default,{"data-testid":"blinker-start-stop",icon:r?"Pause":"Play",label:e(r?"blinker.controls.pause":"blinker.controls.play"),handleClick:n,disabled:a}),l.jsx(t.default,{"data-testid":"blinker-forward",icon:"Forward",label:e("blinker.controls.forward"),handleClick:o,disabled:a}),l.jsx(t.default,{"data-testid":"blinker-forward",icon:"RotateLeft",label:e("blinker.controls.reset"),handleClick:d,disabled:a})]})};exports.default=u;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react-i18next"),c=require("./styles.cjs"),a=require("../../../atomic/PlaybackControl/PlaybackControl.cjs"),b=({playing:r,handleStartStop:n,handleNext:o,handlePrevious:s,handleReset:d,isDisabled:l})=>{const{t:e}=i.useTranslation();return t.jsxs(c.PlaybackControlsContainer,{children:[t.jsx(a.default,{"data-testid":"blinker-backward",icon:"Backward",label:e("blinker.controls.backward"),handleClick:s,disabled:l}),t.jsx(a.default,{"data-testid":"blinker-start-stop",icon:r?"Pause":"Play",label:e(r?"blinker.controls.pause":"blinker.controls.play"),handleClick:n,disabled:l}),t.jsx(a.default,{"data-testid":"blinker-forward",icon:"Forward",label:e("blinker.controls.forward"),handleClick:o,disabled:l}),t.jsx(a.default,{"data-testid":"blinker-forward",icon:"RotateLeft",label:e("blinker.controls.reset"),handleClick:d,disabled:l})]})};exports.default=b;

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

@@ -1,60 +1,60 @@
 "use client";
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import c from "./PlaybackControls.module.css.js";
-import { useTranslation as b } from "react-i18next";
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import { PlaybackControlsContainer as b } from "./styles.js";
 import t from "../../../atomic/PlaybackControl/PlaybackControl.js";
-const C = ({
+const p = ({
   playing: o,
   handleStartStop: e,
   handleNext: n,
   handlePrevious: d,
   handleReset: i,
-  isDisabled: l
+  isDisabled: a
 }) => {
-  const { t: a } = b();
-  return /* @__PURE__ */ s("div", { className: c.playbackControlsContainer, children: [
-    /* @__PURE__ */ r(
+  const { t: r } = s();
+  return /* @__PURE__ */ c(b, { children: [
+    /* @__PURE__ */ l(
       t,
       {
         "data-testid": "blinker-backward",
         icon: "Backward",
-        label: a("blinker.controls.backward"),
+        label: r("blinker.controls.backward"),
         handleClick: d,
-        disabled: l
+        disabled: a
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       t,
       {
         "data-testid": "blinker-start-stop",
         icon: o ? "Pause" : "Play",
-        label: a(o ? "blinker.controls.pause" : "blinker.controls.play"),
+        label: r(o ? "blinker.controls.pause" : "blinker.controls.play"),
         handleClick: e,
-        disabled: l
+        disabled: a
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       t,
       {
         "data-testid": "blinker-forward",
         icon: "Forward",
-        label: a("blinker.controls.forward"),
+        label: r("blinker.controls.forward"),
         handleClick: n,
-        disabled: l
+        disabled: a
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       t,
       {
         "data-testid": "blinker-forward",
         icon: "RotateLeft",
-        label: a("blinker.controls.reset"),
+        label: r("blinker.controls.reset"),
         handleClick: i,
-        disabled: l
+        disabled: a
       }
     )
   ] });
 };
 export {
-  C as default
+  p as default
 };

package/dist/widgets/OrbitalSim/Controls/PlaybackSpeed.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("react"),u=require("../../../node_modules/prop-types/index.cjs"),k=require("react-i18next"),m=require("../orbitalUtilities.cjs"),S=require("@rubin-epo/epo-react-lib/HorizontalSlider"),t=require("./styles.cjs"),T=a=>a&&a.__esModule?a:{default:a},g=T(S);function h({dayPerVizSec:a,elapsedTime:p,sliderOnChangeCallback:j,speeds:b}){const{t:r}=k.useTranslation();function x(d){const o=d/365,l=Math.floor(o),s=365*(o-l);let i={},n={};return i={number:m.formatValue(l),string:r("elapsed_time.interval.year",{count:l})},n={number:m.formatValue(s),string:r("elapsed_time.interval.day",{count:s})},l>=1?`${i.number} ${i.string}`:s<1?r("orbit_viewer.playback.interval.secWithCount",{count:1}):`${n.number} ${n.string}`}function c(d,o){const l=p<0,s=Math.abs(p)/365.256,i=Math.floor(s),n=Math.floor(365.256*(s-i));let f={},y={};return f={number:m.formatValue(l?-i:i),string:r("elapsed_time.interval.year",{count:i})},y={number:m.formatValue(l?-n:n),string:r("elapsed_time.interval.day",{count:n})},d==="days"?y[o]:d==="years"?f[o]:null}const _=v.useMemo(()=>x(a),[a]);return e.jsxs(e.Fragment,{children:[e.jsxs(t.PlaybackSpeedSliderHeader,{children:[e.jsx(t.PlaybackSpeedTitle,{children:r("orbital_sim.playback.time_step")}),e.jsx(t.PlaybackSpeedSliderLabel,{children:r("orbital_sim.playback.time_equivalence",{firstTime:r("orbit_viewer.playback.interval.secWithCount",{count:1}),secondTime:_})})]}),e.jsx(t.PlaybackSpeedSliderLabelTopBottom,{children:r("orbital_sim.playback.time_equivalence",{firstTime:r("orbit_viewer.playback.interval.secWithCount",{count:1}),secondTime:r("orbit_viewer.playback.interval.yearWithCount",{count:1}),context:"verbose"})}),e.jsx(t.PlaybackSpeedSliderLabelTopBottom,{children:r("orbital_sim.playback.normal_time")}),e.jsx(t.PlaybackSpeedSliderWrapper,{children:e.jsx(g.default,{isVertical:!0,min:b.min,invert:!0,max:b.max,step:b.step,value:a,onChangeCallback:j})}),e.jsxs(t.ElapsedTimeContainer,{children:[e.jsx(t.ElapsedTimeTitle,{children:r("elapsed_time.title")}),e.jsxs(t.ElapsedTimeInner,{children:[e.jsxs(t.ElapsedTimeBlock,{children:[e.jsx(t.ElapsedVal,{children:c("years","number")}),e.jsx("div",{children:c("years","string")})]}),e.jsx(t.ElapsedTimeDivider,{}),e.jsxs(t.ElapsedTimeBlock,{children:[e.jsx(t.ElapsedVal,{children:c("days","number")}),e.jsx(t.ElapsedLabel,{children:c("days","string")})]})]})]})]})}h.propTypes={dayPerVizSec:u.default.number,elapsedTime:u.default.number,speeds:u.default.object,sliderOnChangeCallback:u.default.func};exports.default=h;

package/dist/widgets/OrbitalSim/{PlaybackSpeed.d.ts → Controls/PlaybackSpeed.d.ts}

@@ -1,4 +1,3 @@
-import { default as PropTypes } from 'prop-types';
 export default PlaybackSpeed;
 declare function PlaybackSpeed({ dayPerVizSec, elapsedTime, sliderOnChangeCallback, speeds, }: {
     dayPerVizSec: any;
@@ -8,9 +7,9 @@ declare function PlaybackSpeed({ dayPerVizSec, elapsedTime, sliderOnChangeCallba
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace PlaybackSpeed {
     namespace propTypes {
-        let dayPerVizSec: PropTypes.Requireable<number>;
-        let elapsedTime: PropTypes.Requireable<number>;
-        let speeds: PropTypes.Requireable<object>;
-        let sliderOnChangeCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        let dayPerVizSec: any;
+        let elapsedTime: any;
+        let speeds: any;
+        let sliderOnChangeCallback: any;
     }
 }

package/dist/widgets/OrbitalSim/Controls/PlaybackSpeed.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsxs as l, Fragment as S, jsx as r } from "react/jsx-runtime";
+import { useMemo as C } from "react";
+import m from "../../../node_modules/prop-types/index.js";
+import { useTranslation as E } from "react-i18next";
+import { formatValue as d } from "../orbitalUtilities.js";
+import j from "@rubin-epo/epo-react-lib/HorizontalSlider";
+import { PlaybackSpeedSliderHeader as x, PlaybackSpeedTitle as P, PlaybackSpeedSliderLabel as D, PlaybackSpeedSliderLabelTopBottom as h, PlaybackSpeedSliderWrapper as M, ElapsedTimeContainer as W, ElapsedTimeTitle as w, ElapsedTimeInner as Y, ElapsedTimeBlock as v, ElapsedVal as k, ElapsedTimeDivider as $, ElapsedLabel as L } from "./styles.js";
+function q({
+  dayPerVizSec: u,
+  elapsedTime: b,
+  sliderOnChangeCallback: _,
+  speeds: p
+}) {
+  const { t: e } = E();
+  function T(c) {
+    const o = c / 365, a = Math.floor(o), n = 365 * (o - a);
+    let t = {}, i = {};
+    return t = {
+      number: d(a),
+      string: e("elapsed_time.interval.year", { count: a })
+    }, i = {
+      number: d(n),
+      string: e("elapsed_time.interval.day", { count: n })
+    }, a >= 1 ? `${t.number} ${t.string}` : n < 1 ? e("orbit_viewer.playback.interval.secWithCount", { count: 1 }) : `${i.number} ${i.string}`;
+  }
+  function s(c, o) {
+    const a = b < 0, n = Math.abs(b) / 365.256, t = Math.floor(n), i = Math.floor(365.256 * (n - t));
+    let y = {}, f = {};
+    return y = {
+      number: d(a ? -t : t),
+      string: e("elapsed_time.interval.year", { count: t })
+    }, f = {
+      number: d(a ? -i : i),
+      string: e("elapsed_time.interval.day", { count: i })
+    }, c === "days" ? f[o] : c === "years" ? y[o] : null;
+  }
+  const g = C(() => T(u), [u]);
+  return /* @__PURE__ */ l(S, { children: [
+    /* @__PURE__ */ l(x, { children: [
+      /* @__PURE__ */ r(P, { children: e("orbital_sim.playback.time_step") }),
+      /* @__PURE__ */ r(D, { children: e("orbital_sim.playback.time_equivalence", {
+        firstTime: e("orbit_viewer.playback.interval.secWithCount", {
+          count: 1
+        }),
+        secondTime: g
+      }) })
+    ] }),
+    /* @__PURE__ */ r(h, { children: e("orbital_sim.playback.time_equivalence", {
+      firstTime: e("orbit_viewer.playback.interval.secWithCount", {
+        count: 1
+      }),
+      secondTime: e("orbit_viewer.playback.interval.yearWithCount", {
+        count: 1
+      }),
+      context: "verbose"
+    }) }),
+    /* @__PURE__ */ r(h, { children: e("orbital_sim.playback.normal_time") }),
+    /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
+      j,
+      {
+        isVertical: !0,
+        min: p.min,
+        invert: !0,
+        max: p.max,
+        step: p.step,
+        value: u,
+        onChangeCallback: _
+      }
+    ) }),
+    /* @__PURE__ */ l(W, { children: [
+      /* @__PURE__ */ r(w, { children: e("elapsed_time.title") }),
+      /* @__PURE__ */ l(Y, { children: [
+        /* @__PURE__ */ l(v, { children: [
+          /* @__PURE__ */ r(k, { children: s("years", "number") }),
+          /* @__PURE__ */ r("div", { children: s("years", "string") })
+        ] }),
+        /* @__PURE__ */ r($, {}),
+        /* @__PURE__ */ l(v, { children: [
+          /* @__PURE__ */ r(k, { children: s("days", "number") }),
+          /* @__PURE__ */ r(L, { children: s("days", "string") })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+q.propTypes = {
+  dayPerVizSec: m.number,
+  elapsedTime: m.number,
+  speeds: m.object,
+  sliderOnChangeCallback: m.func
+};
+export {
+  q as default
+};

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

@@ -0,0 +1,97 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),t=a=>a&&a.__esModule?a:{default:a},e=t(l),o=e.default.div`
+    width: auto;
+    display: flex;
+    position: absolute;
+    bottom: 0px;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 2;
+    font-size: 17px;
+`,i=e.default.div`
+  position: absolute;
+  top: 34px;
+  right: 10px;
+  z-index: 2;
+  width: 110px;
+  padding: 5px;
+  text-align: center;
+  background-color: rgba(255,255,255, 0.8);
+  border: 1px solid --black;
+  border-radius: 10px;
+`,r=e.default.h4`
+  font-size: 18px;
+  font-weight: var(--regular);
+  line-height: 1.5;
+  color: var(--black);
+  margin: 0;
+`,d=e.default.div`
+  font-size: 13px;
+  line-height: 1.333;
+  color: var(--black);
+  font-size: 12.5px;
+  background-color: white;
+`,n=e.default.div`
+  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;
+`,p=e.default.span`
+  position: absolute;
+  z-index: 2;
+  height: 50px;
+  top: 25%;
+  right: 5rem;
+  width: fit-content;
+`,c=e.default.div`
+  font-size: 13px;
+  line-height: 1.333;
+  color: var(--black);
+  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;
+`,s=e.default.div`
+  font-size: 13px;
+  line-height: 1.333;
+  color: var(--black);
+  padding-top: 5px;
+`,b=e.default.div`
+  display: flex;
+  flex-flow: nowrap;
+  align-items: center;
+  justify-content: space-evenly;
+  margin-top: 5px;
+  border-top: 1px solid var(--black);
+`,x=e.default.div`
+  width: 50px;
+`,g=e.default.div`
+  font-size: 18px;
+  font-weight: var(--regular);
+  line-height: 1.5;
+  color: var(--black);
+  color: var(--black);
+`,u=e.default.div`
+  display: block;
+  width: 1px;
+  height: 50px;
+  background-color: var(--black);
+`,f=e.default.div`
+  font-size: 13px;
+  line-height: 1.333;
+  color: var(--black);
+  color: var(--black);
+`;exports.ElapsedLabel=f;exports.ElapsedTimeBlock=x;exports.ElapsedTimeContainer=c;exports.ElapsedTimeDivider=u;exports.ElapsedTimeInner=b;exports.ElapsedTimeTitle=s;exports.ElapsedVal=g;exports.PlaybackControlsContainer=o;exports.PlaybackSpeedSliderHeader=i;exports.PlaybackSpeedSliderLabel=d;exports.PlaybackSpeedSliderLabelTopBottom=n;exports.PlaybackSpeedSliderWrapper=p;exports.PlaybackSpeedTitle=r;

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

@@ -0,0 +1,13 @@
+export declare const PlaybackControlsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlaybackSpeedSliderHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlaybackSpeedTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const PlaybackSpeedSliderLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlaybackSpeedSliderLabelTopBottom: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlaybackSpeedSliderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ElapsedTimeContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ElapsedTimeTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ElapsedTimeInner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ElapsedTimeBlock: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ElapsedVal: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ElapsedTimeDivider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ElapsedLabel: 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/Controls/styles.js

@@ -0,0 +1,114 @@
+"use client";
+import o from "styled-components";
+const i = o.div`
+    width: auto;
+    display: flex;
+    position: absolute;
+    bottom: 0px;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 2;
+    font-size: 17px;
+`, r = o.div`
+  position: absolute;
+  top: 34px;
+  right: 10px;
+  z-index: 2;
+  width: 110px;
+  padding: 5px;
+  text-align: center;
+  background-color: rgba(255,255,255, 0.8);
+  border: 1px solid --black;
+  border-radius: 10px;
+`, a = o.h4`
+  font-size: 18px;
+  font-weight: var(--regular);
+  line-height: 1.5;
+  color: var(--black);
+  margin: 0;
+`, t = o.div`
+  font-size: 13px;
+  line-height: 1.333;
+  color: var(--black);
+  font-size: 12.5px;
+  background-color: white;
+`, l = o.div`
+  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;
+`, n = o.span`
+  position: absolute;
+  z-index: 2;
+  height: 50px;
+  top: 25%;
+  right: 5rem;
+  width: fit-content;
+`, d = o.div`
+  font-size: 13px;
+  line-height: 1.333;
+  color: var(--black);
+  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;
+`, p = o.div`
+  font-size: 13px;
+  line-height: 1.333;
+  color: var(--black);
+  padding-top: 5px;
+`, c = o.div`
+  display: flex;
+  flex-flow: nowrap;
+  align-items: center;
+  justify-content: space-evenly;
+  margin-top: 5px;
+  border-top: 1px solid var(--black);
+`, s = o.div`
+  width: 50px;
+`, b = o.div`
+  font-size: 18px;
+  font-weight: var(--regular);
+  line-height: 1.5;
+  color: var(--black);
+  color: var(--black);
+`, x = o.div`
+  display: block;
+  width: 1px;
+  height: 50px;
+  background-color: var(--black);
+`, g = o.div`
+  font-size: 13px;
+  line-height: 1.333;
+  color: var(--black);
+  color: var(--black);
+`;
+export {
+  g as ElapsedLabel,
+  s as ElapsedTimeBlock,
+  d as ElapsedTimeContainer,
+  x as ElapsedTimeDivider,
+  c as ElapsedTimeInner,
+  p as ElapsedTimeTitle,
+  b as ElapsedVal,
+  i as PlaybackControlsContainer,
+  r as PlaybackSpeedSliderHeader,
+  t as PlaybackSpeedSliderLabel,
+  l as PlaybackSpeedSliderLabelTopBottom,
+  n as PlaybackSpeedSliderWrapper,
+  a as PlaybackSpeedTitle
+};

package/dist/widgets/OrbitalSim/Observations/Observation.cjs

@@ -0,0 +1 @@
+"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/Observation.d.ts

@@ -0,0 +1,11 @@
+export default Observation;
+declare function Observation({ data, vector }: {
+    data: any;
+    vector: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Observation {
+    namespace propTypes {
+        let data: any;
+        let vector: any;
+    }
+}

package/dist/widgets/OrbitalSim/Observations/Observation.js

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

package/dist/widgets/OrbitalSim/Observations/Observations.cjs

@@ -0,0 +1 @@
+"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/Observations/Observations.d.ts

@@ -0,0 +1,11 @@
+export default Observations;
+declare function Observations({ data, observations }: {
+    data: any;
+    observations: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Observations {
+    namespace propTypes {
+        let data: any;
+        let observations: any;
+    }
+}