InputMask components fires @update:modelValue although value not changed

[erhansaydam]

Describe the bug

InputMask component fires @update:modelValue function everytime by clicking inside and outside the input even when the value was not changed.

Simple code is as follows:

<template>
    <div class="card flex justify-content-center">
        <InputMask id="basic" v-model="value" mask="99-999999" placeholder="99-999999" 
                            @update:modelValue="handleInput" />
    </div>
</template>

<script setup>
import { ref } from 'vue';
const value = ref(null);
function handleInput(){
    console.log('value updated')
}
</script>

Reproducer

https://stackblitz.com/edit/mkk2dr?file=src%2FApp.vue

PrimeVue version

3.53.0

Vue version

3.x

Language

ES6

Build / Runtime

Vite

Browser(s)

Chrome 115

Steps to reproduce the behavior

The sample code is in the description.
Click on the input's inside.
Don't change the value
Click outside the input.
Bug: handleInput function executes, (i.e. @update:ModelValue is triggered.)

Expected behavior

Click on the input's inside.
Don't change the value
Click outside the input.
handleInput function must not execute, (i.e. @update:ModelValue must not be triggered.)

[github-actions]

Due to PrimeVue team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨