From 0f75f84a892a65e39bcd3ad8dec97dfca864aba6 Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Tue, 16 Jul 2024 22:09:50 +0200
Subject: [PATCH] emoji picker

---
 snippets/shx-3d-render-input.liquid | 50 +++++------------------------
 1 file changed, 8 insertions(+), 42 deletions(-)

diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid
index a2ef5cf..4dedfd5 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -159,6 +159,14 @@
     }
 </style>
 
+
+<script type="module">
+    console.log("loading module")
+    
+    import 'https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js'
+    import insertText from 'https://cdn.jsdelivr.net/npm/insert-text-at-cursor@0.3.0/index.js'
+</script>
+
 <script type="text/javascript"> 
 
     const FilamentList = {
@@ -1065,47 +1073,5 @@
 
 </script>
 
-<script type="module">
-    console.log("loading module")
-    
-    import 'https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js'
-    import insertText from 'https://cdn.jsdelivr.net/npm/insert-text-at-cursor@0.3.0/index.js'
-
-    
-    window.addEventListener("DOMContentLoaded", () => {
-        setTimeout(() => {
-            /*
-            console.log("timeout")
-            const emojiPicker = document.createElement("emoji-picker")
-            emojiPicker.classList = "light"
-            emojiPicker.style.width = "100%"
-
-            emojiPicker.addEventListener("emoji-click", (e) => {
-                insertText(document.querySelector("#shx-text1"), e.detail.unicode);
-            });
-
-            console.log("add picker")
-
-            document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker)
- */
-            
-
-            /*
-            
-            document.querySelector(".shx-emoji-picker-popup").addEventListener("emoji-click", (e) => {
-                console.log("emoji click")
-                // insertText(document.querySelector("#shx-text1"), e.detail.unicode);
-            });
-        
-            console.log("reg", document.getElementsByClassName("shx-emoji-picker-button"))
-        
-            document.getElementsByClassName("shx-emoji-picker-button")[0].onclick = () => {
-                console.log("toggle popup")
-                document.querySelector(".shx-emoji-picker-popup").classList.toggle("shown");
-            }; */
-        }, 1500)
-    })
-</script>
-
 {% endif %}