From 8717fe9a7d79c3b8fe996372aec90ae36bfbe90a Mon Sep 17 00:00:00 2001
From: riqo <hernandeze2@xavier.edu>
Date: Sun, 25 Oct 2020 15:22:37 -0500
Subject: [PATCH] solve ts conflics in messageAnim compsable

---
 src/components/UI/UIDetails/inputItem.vue    |  2 +-
 src/composables/anims/useMessageItemAnims.ts | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/UI/UIDetails/inputItem.vue b/src/components/UI/UIDetails/inputItem.vue
index cc08402..858cc28 100644
--- a/src/components/UI/UIDetails/inputItem.vue
+++ b/src/components/UI/UIDetails/inputItem.vue
@@ -10,7 +10,7 @@
   </foreignObject>
 </template>
 
-<script>
+<script lang="ts">
 import useKeyDownHandler from "@/composables/keyDownHandler/useKeyDownHandler";
 import { defineComponent, onUnmounted } from "vue";
 export default defineComponent({
diff --git a/src/composables/anims/useMessageItemAnims.ts b/src/composables/anims/useMessageItemAnims.ts
index c96fc46..ae9a9ea 100644
--- a/src/composables/anims/useMessageItemAnims.ts
+++ b/src/composables/anims/useMessageItemAnims.ts
@@ -4,22 +4,22 @@ interface Ref {
 }
 export default function useMessageItemAnims({ mr, tr }: { mr: Ref; tr: Ref }) {
   const signatureTranslate = ref("");
-  let messageRect: string | SVGRectElement | SVGSVGElement | any;
-  let messageText: string | SVGTextElement | SVGSVGElement | any;
+  let messageRect: SVGSVGElement & SVGRectElement;
+  let messageText: SVGSVGElement & SVGTextElement;
 
   onMounted(() => {
-    messageRect = mr.value;
-    messageText = tr.value;
+    messageRect = (mr.value as unknown) as SVGSVGElement & SVGRectElement;
+    messageText = (tr.value as unknown) as SVGSVGElement & SVGTextElement;
   });
 
   function adjustMessageRect(): void {
     // must get dimensions of text box to fit bubble around
     const padding = 20;
     const textBox = messageText.getBBox();
-    messageRect.setAttribute("x", textBox.x - padding);
-    messageRect.setAttribute("y", textBox.y - padding);
-    messageRect.setAttribute("width", textBox.width + 2 * padding);
-    messageRect.setAttribute("height", textBox.height + 2 * padding);
+    messageRect.setAttribute("x", String(textBox.x - padding));
+    messageRect.setAttribute("y", String(textBox.y - padding));
+    messageRect.setAttribute("width", String(textBox.width + 2 * padding));
+    messageRect.setAttribute("height", String(textBox.height + 2 * padding));
   }
 
   function translateMsgSignature(): void {
-- 
2.43.0