From bb57d6996a905fda2391e1f9ed8e8e839f1fc932 Mon Sep 17 00:00:00 2001
From: Carifio24 <carifio24@gmail.com>
Date: Tue, 16 Apr 2024 14:13:32 -0400
Subject: [PATCH] Remove dependence on WWT.

---
 src/TempoLite.vue | 42 ++++++++++++++----------------------------
 1 file changed, 14 insertions(+), 28 deletions(-)

diff --git a/src/TempoLite.vue b/src/TempoLite.vue
index ee9c0c6..a96fdfe 100644
--- a/src/TempoLite.vue
+++ b/src/TempoLite.vue
@@ -6,11 +6,6 @@
   <div
     id="main-content"
   >
-    <WorldWideTelescope
-      :wwt-namespace="wwtNamespace"
-    ></WorldWideTelescope>
-
-
     <!-- This contains the splash screen content -->
 
     <v-overlay
@@ -238,19 +233,12 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from "vue";
-import { MiniDSBase, BackgroundImageset, skyBackgroundImagesets } from "@cosmicds/vue-toolkit";
 import { GotoRADecZoomParams } from "@wwtelescope/engine-pinia";
 
 type SheetType = "text" | "video" | null;
 
 export default defineComponent({
-  extends: MiniDSBase,
-  
   props: {
-    wwtNamespace: {
-      type: String,
-      required: true
-    },
     initialCameraParams: {
       type: Object as PropType<Omit<GotoRADecZoomParams, 'instant'>>,
       default() {
@@ -266,7 +254,6 @@ export default defineComponent({
     const showSplashScreen = new URLSearchParams(window.location.search).get("splash")?.toLowerCase() !== "false";
     return {
       showSplashScreen,
-      backgroundImagesets: [] as BackgroundImageset[],
       sheet: null as SheetType,
       layersLoaded: false,
       positionSet: false,
@@ -274,24 +261,16 @@ export default defineComponent({
       accentColor: "#ffffff",
       buttonColor: "#ffffff",
 
-      tab: 0
+      tab: 0,
+
+      touchscreen: false,
     };
   },
 
-  mounted() {
-    this.waitForReady().then(async () => {
-      
-      this.backgroundImagesets = [...skyBackgroundImagesets];
-
-      this.gotoRADecZoom({
-        ...this.initialCameraParams,
-        instant: true
-      }).then(() => this.positionSet = true);
-
-      // If there are layers to set up, do that here!
-      this.layersLoaded = true;
-
-    });
+  created() {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    this.touchscreen = ('ontouchstart' in window) || ('ontouchstart' in document.documentElement) || !!window.navigator.msPointerEnabled;
   },
 
   computed: {
@@ -357,6 +336,13 @@ export default defineComponent({
   },
 
   methods: {
+    blurActiveElement() {
+      const active = document.activeElement;
+      if (active instanceof HTMLElement) {
+        active.blur();
+      }
+    },
+
     closeSplashScreen() {
       this.showSplashScreen = false; 
     },