@meistrari/tela-build 1.59.1 → 1.60.0

package/components/tela/chat/floating/floating-window.vue

@@ -57,7 +57,20 @@ onBeforeUnmount(() => {
 })
 
 function handleInteractOutside(event: CustomEvent) {
-    if (event.target instanceof Element && event.target.closest('[data-reka-popper-content-wrapper]'))
+    const originalEvent = (event.detail as { originalEvent?: Event } | undefined)?.originalEvent
+
+    if (originalEvent?.type !== 'pointerdown') {
+        event.preventDefault()
+
+        return
+    }
+
+    const target = event.target
+
+    if (!(target instanceof Element))
+        return
+
+    if (!target.isConnected || target.closest('[data-reka-popper-content-wrapper], [data-dismissable-layer]'))
         event.preventDefault()
 }
 
@@ -84,6 +97,7 @@ function focusEditor(event: Event) {
 
         range.selectNodeContents(editor)
         range.collapse(false)
+
         selection.removeAllRanges()
         selection.addRange(range)
     })
@@ -110,6 +124,7 @@ function focusEditor(event: Event) {
             )"
             @open-auto-focus="focusEditor"
             @interact-outside="handleInteractOutside"
+            @focus-outside.prevent
         >
             <slot />
         </TelaPopoverContent>

package/components/tela/copy-button.vue

@@ -15,6 +15,10 @@ const props = withDefaults(defineProps<{
     isHovered: undefined,
 })
 
+const emit = defineEmits<{
+    copy: []
+}>()
+
 const showConfirmationIcon = ref(false)
 
 const variantStyles = computed(() => ({
@@ -44,6 +48,7 @@ function onClick(copyFn: (content: string) => void) {
     showConfirmationIcon.value = true
 
     copyFn(props.content)
+    emit('copy')
 
     setTimeout(() => {
         showConfirmationIcon.value = false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/tela-build",
-  "version": "1.59.1",
+  "version": "1.60.0",
   "type": "module",
   "files": [
     "app.config.ts",