DTL panel - click outside to close the panel

src/App.vue

@@ -7,7 +7,7 @@
   <DTLPanel v-if="isDTLPanelOpen" @close="isDTLPanelOpen = false" />
   <DTLButton
     v-if="page?.designToLight?.length > 0"
-    @click="isDTLPanelOpen = !isDTLPanelOpen"
+    @click="openDTLPanel($event)"
   />
 </template>
 
@@ -22,4 +22,10 @@ import { ref } from "vue";
 const { page } = storeToRefs(usePageStore());
 
 const isDTLPanelOpen = ref(false);
+
+// Functions
+function openDTLPanel(event) {
+  isDTLPanelOpen.value = true;
+  event.stopImmediatePropagation();
+}
 </script>