@rubin-epo/epo-widget-lib 2.0.2 → 2.0.4

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

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

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

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

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

@@ -1,4 +1,15 @@
-"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),i=e.default.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),l=a=>a&&a.__esModule?a:{default:a},e=l(t),r=e.default.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(5, 1fr);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  width: 110px;
+  position: absolute;
+  right: 20px;
+  top: 10px;
+  height: 95%;
+`,i=e.default.div`
     width: auto;
     display: flex;
     position: absolute;
@@ -8,35 +19,30 @@
     z-index: 2;
     font-size: 17px;
 `,o=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`
+  grid-area: 1 / 1 / 2 / 3; 
+  height: fit-content;
+`,d=e.default.h4`
   font-size: 18px;
   font-weight: var(--regular);
   line-height: 1.5;
   color: var(--black);
   margin: 0;
-`,d=e.default.div`
+`,n=e.default.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   font-size: 12.5px;
-`,n=e.default.div`
-  right: 25px;
-  top: 100px;
+`,c=e.default.div`
+  grid-area: 2 / 2 / 3 / 3;   
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
-  position: absolute;
-  // right: var(--minPadding) / 2;
   z-index: 2;
   width: 70px;
   padding: 5px;
@@ -45,14 +51,12 @@
   background-color: rgb(from var(--basePrimary) r g b / 80%);
   border: 1px solid var(--black);
   border-radius: 10px;
+  height: fit-content;
 `,p=e.default.div`
-  right: 25px;
-  bottom: 200px;
+  grid-area: 4 / 2 / 5 / 3;
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
-  position: absolute;
-  // right: var(--minPadding) / 2;
   z-index: 2;
   width: 70px;
   padding: 5px;
@@ -61,54 +65,56 @@
   background-color: rgb(from var(--basePrimary) r g b / 80%);
   border: 1px solid var(--black);
   border-radius: 10px;
-`,c=e.default.span`
-  position: absolute;
+  height: fit-content;
+  align-self: center;
+`,s=e.default.span`
   z-index: 2;
-  height: 50px;
-  top: 25%;
-  right: 5rem;
   width: fit-content;
-`,s=e.default.div`
+  grid-area: 2 / 1 / 5 / 2;
+
+  & > div:first-of-type {
+    height: stretch;
+  }
+`,b=e.default.div`
+  grid-area: 5 / 1 / 6 / 3; 
   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;
-`,b=e.default.div`
+  height: fit-content;
+`,g=e.default.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   padding-top: 5px;
-`,x=e.default.div`
+`,f=e.default.div`
   display: flex;
   flex-flow: nowrap;
   align-items: center;
   justify-content: space-evenly;
   margin-top: 5px;
   border-top: 1px solid var(--black);
-`,g=e.default.div`
+`,x=e.default.div`
   width: 50px;
-`,u=e.default.div`
+`,h=e.default.div`
   font-size: 18px;
   font-weight: var(--regular);
   line-height: 1.5;
   color: var(--black);
   color: var(--black);
-`,f=e.default.div`
+`,k=e.default.div`
   display: block;
   width: 1px;
   height: 50px;
   background-color: var(--black);
-`,v=e.default.div`
+`,u=e.default.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   color: var(--black);
-`;exports.ElapsedLabel=v;exports.ElapsedTimeBlock=g;exports.ElapsedTimeContainer=s;exports.ElapsedTimeDivider=f;exports.ElapsedTimeInner=x;exports.ElapsedTimeTitle=b;exports.ElapsedVal=u;exports.PlaybackControlsContainer=i;exports.PlaybackSpeedSliderHeader=o;exports.PlaybackSpeedSliderLabel=d;exports.PlaybackSpeedSliderLabelBottom=p;exports.PlaybackSpeedSliderLabelTop=n;exports.PlaybackSpeedSliderWrapper=c;exports.PlaybackSpeedTitle=r;
+`;exports.ElapsedLabel=u;exports.ElapsedTimeBlock=x;exports.ElapsedTimeContainer=b;exports.ElapsedTimeDivider=k;exports.ElapsedTimeInner=f;exports.ElapsedTimeTitle=g;exports.ElapsedVal=h;exports.PlaybackContainer=r;exports.PlaybackControlsContainer=i;exports.PlaybackSpeedSliderHeader=o;exports.PlaybackSpeedSliderLabel=n;exports.PlaybackSpeedSliderLabelBottom=p;exports.PlaybackSpeedSliderLabelTop=c;exports.PlaybackSpeedSliderWrapper=s;exports.PlaybackSpeedTitle=d;

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

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

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

@@ -1,6 +1,17 @@
 "use client";
-import o from "styled-components";
-const i = o.div`
+import e from "styled-components";
+const i = e.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(5, 1fr);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  width: 110px;
+  position: absolute;
+  right: 20px;
+  top: 10px;
+  height: 95%;
+`, a = e.div`
     width: auto;
     display: flex;
     position: absolute;
@@ -9,36 +20,31 @@ const i = o.div`
     transform: translateX(-50%);
     z-index: 2;
     font-size: 17px;
-`, r = o.div`
-  position: absolute;
-  top: 34px;
-  right: 10px;
+`, o = e.div`
   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`
+  grid-area: 1 / 1 / 2 / 3; 
+  height: fit-content;
+`, t = e.h4`
   font-size: 18px;
   font-weight: var(--regular);
   line-height: 1.5;
   color: var(--black);
   margin: 0;
-`, t = o.div`
+`, l = e.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   font-size: 12.5px;
-`, l = o.div`
-  right: 25px;
-  top: 100px;
+`, n = e.div`
+  grid-area: 2 / 2 / 3 / 3;   
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
-  position: absolute;
-  // right: var(--minPadding) / 2;
   z-index: 2;
   width: 70px;
   padding: 5px;
@@ -47,14 +53,12 @@ const i = o.div`
   background-color: rgb(from var(--basePrimary) r g b / 80%);
   border: 1px solid var(--black);
   border-radius: 10px;
-`, n = o.div`
-  right: 25px;
-  bottom: 200px;
+  height: fit-content;
+`, d = e.div`
+  grid-area: 4 / 2 / 5 / 3;
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
-  position: absolute;
-  // right: var(--minPadding) / 2;
   z-index: 2;
   width: 70px;
   padding: 5px;
@@ -63,70 +67,73 @@ const i = o.div`
   background-color: rgb(from var(--basePrimary) r g b / 80%);
   border: 1px solid var(--black);
   border-radius: 10px;
-`, d = o.span`
-  position: absolute;
+  height: fit-content;
+  align-self: center;
+`, c = e.span`
   z-index: 2;
-  height: 50px;
-  top: 25%;
-  right: 5rem;
   width: fit-content;
-`, p = o.div`
+  grid-area: 2 / 1 / 5 / 2;
+
+  & > div:first-of-type {
+    height: stretch;
+  }
+`, p = e.div`
+  grid-area: 5 / 1 / 6 / 3; 
   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;
-`, c = o.div`
+  height: fit-content;
+`, s = e.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   padding-top: 5px;
-`, s = o.div`
+`, b = e.div`
   display: flex;
   flex-flow: nowrap;
   align-items: center;
   justify-content: space-evenly;
   margin-top: 5px;
   border-top: 1px solid var(--black);
-`, b = o.div`
+`, g = e.div`
   width: 50px;
-`, x = o.div`
+`, x = e.div`
   font-size: 18px;
   font-weight: var(--regular);
   line-height: 1.5;
   color: var(--black);
   color: var(--black);
-`, g = o.div`
+`, h = e.div`
   display: block;
   width: 1px;
   height: 50px;
   background-color: var(--black);
-`, h = o.div`
+`, v = e.div`
   font-size: 13px;
   line-height: 1.333;
   color: var(--black);
   color: var(--black);
 `;
 export {
-  h as ElapsedLabel,
-  b as ElapsedTimeBlock,
+  v as ElapsedLabel,
+  g as ElapsedTimeBlock,
   p as ElapsedTimeContainer,
-  g as ElapsedTimeDivider,
-  s as ElapsedTimeInner,
-  c as ElapsedTimeTitle,
+  h as ElapsedTimeDivider,
+  b as ElapsedTimeInner,
+  s as ElapsedTimeTitle,
   x as ElapsedVal,
-  i as PlaybackControlsContainer,
-  r as PlaybackSpeedSliderHeader,
-  t as PlaybackSpeedSliderLabel,
-  n as PlaybackSpeedSliderLabelBottom,
-  l as PlaybackSpeedSliderLabelTop,
-  d as PlaybackSpeedSliderWrapper,
-  a as PlaybackSpeedTitle
+  i as PlaybackContainer,
+  a as PlaybackControlsContainer,
+  o as PlaybackSpeedSliderHeader,
+  l as PlaybackSpeedSliderLabel,
+  d as PlaybackSpeedSliderLabelBottom,
+  n as PlaybackSpeedSliderLabelTop,
+  c as PlaybackSpeedSliderWrapper,
+  t as PlaybackSpeedTitle
 };

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

@@ -1 +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;
+"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"),j=require("./styles.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(j.Label,{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.js

@@ -4,28 +4,29 @@ 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 a 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);
+import { Label as y } from "./styles.js";
+function O({ data: r, vector: l }) {
+  const { updateActiveObservation: n } = 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,
+      className: a["obs-mesh"],
+      position: l,
       onClick: t ? () => {
-        l(r.id);
+        n(r.id);
       } : null,
       onPointerOver: t ? () => s(!0) : null,
       onPointerOut: t ? () => s(!1) : null,
       children: [
         /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-          "div",
+          y,
           {
-            className: h(n["obs-label"]),
+            className: h(a["obs-label"]),
             children: m
           }
         ) }),
@@ -41,10 +42,10 @@ function y({ data: r, vector: a }) {
     }
   );
 }
-y.propTypes = {
+O.propTypes = {
   data: i.object,
   vector: i.object
 };
 export {
-  y as default
+  O as default
 };

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

@@ -0,0 +1,11 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),o=e=>e&&e.__esModule?e:{default:e},r=o(t),d=r.default.div`
+    background-color: rgba(0, 0, 0, .75);
+    width: 20px;
+    text-align: center;
+    border-radius: 15px;
+    padding-top: -8px;
+    font-size: 16px;
+    color: var(--white);
+    cursor: pointer;
+    z-index: 0;
+`;exports.Label=d;

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

@@ -0,0 +1 @@
+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;

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

@@ -0,0 +1,16 @@
+"use client";
+import r from "styled-components";
+const e = r.div`
+    background-color: rgba(0, 0, 0, .75);
+    width: 20px;
+    text-align: center;
+    border-radius: 15px;
+    padding-top: -8px;
+    font-size: 16px;
+    color: var(--white);
+    cursor: pointer;
+    z-index: 0;
+`;
+export {
+  e as Label
+};

package/dist/widgets/OrbitalSim/OrbitalSim.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("react"),R=require("./Orbitals/OrbitalDetails.cjs"),T=require("./Camera/CameraController.cjs"),E=require("./Camera/Camera.cjs"),F=require("./Orbitals/Orbitals.cjs"),M=require("./Sun.cjs"),V=require("./Controls/PlaybackSpeed.cjs"),W=require("./Controls/PlaybackControls.cjs"),m=require("./styles.cjs"),_=require("./Context/index.cjs");function G(){const{orbits:q}=_.useOrbitalSimContext(),{paused:l,pov:y,defaultZoom:n,potentialOrbits:S,noDetails:O,noControls:g=!1}=q,u={min:1157e-8,max:365.25,initial:11.574,step:1},[r,a]=t.useState(!l),[v,o]=t.useState(1),[C,p]=t.useState(0),[b,x]=t.useState(l?0:u.initial),[j,c]=t.useState(0),[i,d]=t.useState(0),[h,D]=t.useState(1);t.useEffect(()=>{i>0?(x(u.initial),o(1),c(0),d(-1)):i<0&&(c(0),a(!0),d(0))},[i]);const P=s=>{x(+s)},Z=()=>{r||o(1),a(!r)},k=()=>{a(s=>!1),d(s=>s+1)},z=s=>{a(!1),o(1),p(f=>f+1)},L=s=>{a(!1),o(-1),p(f=>f+1)};return e.jsxs(e.Fragment,{children:[e.jsx(m.GlobalStyles,{}),e.jsxs(m.OrbitalSimWrapper,{children:[!S&&!O&&e.jsx(R.default,{}),!l&&e.jsx(V.default,{elapsedTime:j,dayPerVizSec:b,speeds:u,sliderOnChangeCallback:P}),!g&&e.jsx(W.default,{playing:r,handleStartStop:Z,handleNext:z,handlePrevious:L,isDisabled:!1,handleReset:k}),e.jsxs(m.CanvasWrapper,{orthographic:!0,children:[e.jsx(T.default,{pov:y,reset:i}),e.jsx(E.default,{left:5e3,right:15e3,top:15e3,bottom:-15e3,near:.1,far:3e4,position:[0,0,8e3],defaultZoom:n||1}),e.jsx("ambientLight",{intensity:.9}),e.jsx(F.default,{defaultZoom:n||1,playing:r,stepDirection:v,dayPerVizSec:b,frameOverride:C,potentialOrbits:S,elapsedTime:j,setElapsedTime:c,reset:i,zoomLevel:h,setZoomLevel:D}),e.jsx(M.default,{zoomLevel:h,defaultZoom:n||1})]})]})]})}exports.default=G;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),M=require("./Orbitals/OrbitalDetails.cjs"),V=require("./Camera/CameraController.cjs"),W=require("./Camera/Camera.cjs"),B=require("./Orbitals/Orbitals.cjs"),G=require("./Sun.cjs"),N=require("./Controls/PlaybackSpeed.cjs"),A=require("./Controls/PlaybackControls.cjs"),l=require("./styles.cjs"),H=require("./Context/index.cjs");function I(){const{orbits:i,showDetailsTable:q,allowOrbitRotation:v,showTimeControls:m,swappableOrbits:x}=H.useOrbitalSimContext(),{paused:h,pov:y,defaultZoom:c,potentialOrbits:w,detailsRows:P}=i,u={min:1157e-8,max:365.25,initial:11.574,step:1},[n,a]=s.useState(!h),[D,o]=s.useState(1),[R,j]=s.useState(0),[O,d]=s.useState(h?0:u.initial),[g,p]=s.useState(0),[r,b]=s.useState(0),[C,k]=s.useState(1),[f,T]=s.useState({neos:[{Principal_desig:""}]});s.useEffect(()=>{m||(a(!1),d(0)),r>0?(d(u.initial),o(1),p(0),b(-1)):r<0&&(p(0),a(!0),b(0))},[r]);const Z=t=>{d(+t)},_=()=>{n||o(1),a(!n)},F=()=>{a(t=>!1),b(t=>t+1)},z=t=>{a(!1),o(1),j(S=>S+1)},L=t=>{a(!1),o(-1),j(S=>S+1)},E=t=>{T({neos:[t]})};return e.jsxs(e.Fragment,{children:[e.jsx(l.GlobalStyles,{}),e.jsxs(l.OrbitalSimWrapper,{children:[x?e.jsx(l.SwappableOrbitsContainer,{children:i&&i.neos&&i.neos.map(t=>e.jsx(l.SwappableOrbitButton,{onClick:()=>E(t),"data-active":Object.keys(f).length?t.Principal_desig===f.neos[0].Principal_desig:!1,children:t.Ref}))}):e.jsxs(e.Fragment,{children:[P&&q&&e.jsx(M.default,{}),m&&e.jsxs(e.Fragment,{children:[e.jsx(N.default,{elapsedTime:g,dayPerVizSec:O,speeds:u,sliderOnChangeCallback:Z}),e.jsx(A.default,{playing:n,handleStartStop:_,handleNext:z,handlePrevious:L,isDisabled:!1,handleReset:F})]})]}),e.jsxs(l.CanvasWrapper,{orthographic:!0,children:[e.jsx(V.default,{pov:v?null:y??"top",reset:r}),e.jsx(W.default,{left:5e3,right:15e3,top:15e3,bottom:-15e3,near:.1,far:3e4,position:[0,0,8e3],defaultZoom:c||1}),e.jsx("ambientLight",{intensity:.9}),e.jsx(B.default,{defaultZoom:c||1,playing:n,stepDirection:D,dayPerVizSec:O,frameOverride:R,potentialOrbits:w,elapsedTime:g,setElapsedTime:p,reset:r,zoomLevel:C,setZoomLevel:k,orbits:x?f:i}),e.jsx(G.default,{zoomLevel:C,defaultZoom:c||1})]})]})]})}exports.default=I;