@eturnity/eturnity_reusable_components 7.48.1-EPDM-12680.17 → 7.48.1-EPDM-12680.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.48.1-EPDM-12680.17",
+  "version": "7.48.1-EPDM-12680.18",
   "files": [
     "dist",
     "src"

package/src/components/infoText/index.vue

@@ -3,9 +3,9 @@
     <div
       ref="icon"
       data-test-id="infoText_trigger"
-      @click="openTrigger === 'onClick' && toggleInfo()"
-      @mouseenter="openTrigger === 'onHover' && showInfo()"
-      @mouseleave="openTrigger === 'onHover' && hideInfo()"
+      @click=";(isMobile || openTrigger === 'onClick') && toggleInfo()"
+      @mouseenter="!isMobile && openTrigger === 'onHover' && showInfo()"
+      @mouseleave="!isMobile && openTrigger === 'onHover' && hideInfo()"
     >
       <IconComponent
         :color="iconColor"
@@ -157,6 +157,7 @@
       const boxStyle = ref({})
       const arrowStyle = ref({})
       const wrapperStyle = ref({})
+      const isMobile = ref(window.innerWidth <= 768)
 
       const textStyle = computed(() => ({
         fontSize: props.image ? '12px' : '13px',
@@ -289,7 +290,10 @@
       }
 
       const handleClickOutside = (event) => {
-        if (props.openTrigger === 'onClick' && isVisible.value) {
+        if (
+          (props.openTrigger === 'onClick' || isMobile.value) &&
+          isVisible.value
+        ) {
           const clickedElement = event.target
           if (
             infoBox.value &&
@@ -301,9 +305,14 @@
         }
       }
 
+      const handleResize = () => {
+        isMobile.value = window.innerWidth <= 768
+        updatePosition()
+      }
+
       onMounted(() => {
         window.addEventListener('scroll', handleScroll, { passive: true })
-        window.addEventListener('resize', updatePosition)
+        window.addEventListener('resize', handleResize)
         document.addEventListener('scroll', handleScroll, {
           passive: true,
           capture: true,
@@ -313,7 +322,7 @@
 
       onUnmounted(() => {
         window.removeEventListener('scroll', handleScroll)
-        window.removeEventListener('resize', updatePosition)
+        window.removeEventListener('resize', handleResize)
         document.removeEventListener('scroll', handleScroll, { capture: true })
         document.removeEventListener('click', handleClickOutside)
       })
@@ -341,6 +350,7 @@
         wrapperStyle,
         textStyle,
         onImageLoad,
+        isMobile,
       }
     },
     computed: {