@alexochihua/exos-library-components 2.25.28 → 2.25.30

package/dist/exos-library-components.common.js

@@ -52744,6 +52744,7 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
       let cursorPosition = event.target.selectionStart;
       let previousLength = valueInput.length;
       const charLengt = props.charAmount ? props.charAmount.length : 0;
+      let timeCursorPosition = null;
       let emails = valueInput.replace(/ /g, '').split(props.charSplitEmail);
       let allEmailCorrect = true;
       let incorrectEmail = null;
@@ -52841,18 +52842,30 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
           }
         case props.modelModifiers?.time:
           {
+            const rawValue = valueInput;
+            const cursorPos = cursorPosition;
+            const digitsBeforeCursor = countDigitsBefore(rawValue, cursorPos);
+
             // 1. Obtener solo los dígitos
-            const digitsOnly = valueInput.replace(/\D/g, '');
+            let digitsOnly = valueInput.replace(/\D/g, '');
+            const prevDigitsTime = (props.modelValue || '').replace(/\D/g, '');
+            let digitsBeforeCursorForPosition = digitsBeforeCursor;
+            if (props.modelValue && valueInput === prevDigitsTime && props.modelValue.length > valueInput.length && digitsBeforeCursor >= 1) {
+              digitsOnly = digitsOnly.slice(0, digitsBeforeCursor - 1) + digitsOnly.slice(digitsBeforeCursor);
+              digitsBeforeCursorForPosition = digitsBeforeCursor - 1;
+            }
 
             // 2. Formatear como HH:mm:ss
             valueInput = formatToHHMMSS(digitsOnly);
+            timeCursorPosition = getPositionAfterNDigits(valueInput, digitsBeforeCursorForPosition);
 
             // 3. Validar que sea una hora válida (máximo 23:59:59)
             const [hourStr, minStr, secStr] = valueInput.split(':');
             const hour = parseInt(hourStr, 10);
             const minute = parseInt(minStr ?? '0', 10);
             const second = parseInt(secStr ?? '0', 10);
-            const isValid = hour >= 0 && hour < 24 && minute >= 0 && minute < 60 && second >= 0 && second < 60;
+            const invalidHour11SingleMinuteDigit = hour === 11 && minStr != null && minStr !== '' && minStr.length === 1;
+            const isValid = hour >= 0 && hour < 24 && minute >= 0 && minute < 60 && second >= 0 && second < 60 && !invalidHour11SingleMinuteDigit;
             if (isValid) {
               resetRestrictions();
               enteredTime = valueInput;
@@ -52867,12 +52880,23 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
           }
         case props.modelModifiers?.timens:
           {
+            const rawValueTimens = valueInput;
+            const cursorPosTimens = cursorPosition;
+            const digitsBeforeCursorTimens = countDigitsBefore(rawValueTimens, cursorPosTimens);
             let digitsOnly = valueInput.replace(/\D/g, '');
+            const prevDigitsTimens = (props.modelValue || '').replace(/\D/g, '');
+            let digitsBeforeCursorTimensForPosition = digitsBeforeCursorTimens;
+            if (props.modelValue && valueInput === prevDigitsTimens && props.modelValue.length > valueInput.length && digitsBeforeCursorTimens >= 1) {
+              digitsOnly = digitsOnly.slice(0, digitsBeforeCursorTimens - 1) + digitsOnly.slice(digitsBeforeCursorTimens);
+              digitsBeforeCursorTimensForPosition = digitsBeforeCursorTimens - 1;
+            }
             valueInput = formatToHHMM(digitsOnly);
+            timeCursorPosition = getPositionAfterNDigits(valueInput, digitsBeforeCursorTimensForPosition);
             const [hourStr, minStr] = valueInput.split(':');
             const hour = parseInt(hourStr, 10);
             const minute = parseInt(minStr, 10);
-            const isValid = hour >= 0 && hour < 24 && minute >= 0 && minute < 60;
+            const invalidHour11SingleMinuteDigit = hour === 11 && minStr != null && minStr !== '' && minStr.length === 1;
+            const isValid = hour >= 0 && hour < 24 && minute >= 0 && minute < 60 && !invalidHour11SingleMinuteDigit;
             if (isValid) {
               resetRestrictions();
             } else {
@@ -52932,9 +52956,10 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
           }
           event.target.setSelectionRange(position, position);
         } else if (needsCursorAtEnd) {
-          // Solo para modificadores que reformatean (time, timens)
+          // Solo para modificadores que reformatean (time, timens): preservar posición según dígitos
           const len = event.target.value.length;
-          event.target.setSelectionRange(len, len);
+          const pos = timeCursorPosition != null ? timeCursorPosition : len;
+          event.target.setSelectionRange(pos, pos);
         } else {
           // Para modificadores que solo filtran caracteres, preservar posición del cursor
           const lengthDiff = valueInput.length - previousLength;
@@ -52966,10 +52991,28 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
       }
       return '';
     };
+    const countDigitsBefore = (str, position) => {
+      let count = 0;
+      for (let i = 0; i < position && i < str.length; i++) {
+        if (/\d/.test(str[i])) count++;
+      }
+      return count;
+    };
+    const getPositionAfterNDigits = (str, n) => {
+      if (n <= 0) return 0;
+      let digitCount = 0;
+      let i = 0;
+      for (; i < str.length && digitCount < n; i++) {
+        if (/\d/.test(str[i])) digitCount++;
+      }
+      if (digitCount < n) return str.length;
+      while (i < str.length && str[i] === ':') i++;
+      return i;
+    };
     const formatToHHMM = raw => {
       let digits = raw.replace(/\D/g, '');
       if (digits.length === 0) return '';
-      if (digits.length === 1) return `${digits}:`;
+      if (digits.length === 1) return digits;
       if (digits.length === 2) return `${digits}:`;
       if (digits.length === 3) return `${digits.slice(0, 2)}:${digits[2]}`;
       if (digits.length >= 4) return `${digits.slice(0, 2)}:${digits.slice(2, 4)}`;
@@ -52977,7 +53020,7 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
     const formatToHHMMSS = raw => {
       let digits = raw.replace(/\D/g, '');
       if (digits.length === 0) return '';
-      if (digits.length === 1) return `${digits}:`;
+      if (digits.length === 1) return digits;
       if (digits.length === 2) return `${digits}:`;
       if (digits.length === 3) return `${digits.slice(0, 2)}:${digits[2]}`;
       if (digits.length === 4) return `${digits.slice(0, 2)}:${digits.slice(2, 4)}:`;
@@ -53899,7 +53942,8 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
     const hiddenInputId = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => `e-input-mask-hidden-${instance.uid}`);
     const inputRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
     const displayValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)('');
-    const realValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(props.modelValue || '');
+    /** Sin valor crudo del padre: el watcher (immediate) aplica formatInitialValue y evita que p.ej. "$10" quede como realValue con saveFormatted=false */
+    const realValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)('');
     const isCleaning = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const lastValidationResult = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(true);
 
@@ -54036,6 +54080,7 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
     // Excluimos todas las props de EInputMask para evitar pasarlas a EInput
     const excludedProps = ['maskPattern', 'hiddenChar', 'preset', 'saveFormatted', 'visiblePrefix', 'visibleSuffix', 'decimals', 'currencySymbol', 'cardLengths', 'invalidCardMessage', 'invalidCardLengthMessage', 'required', 'rules', 'label', 'requiredMessage', 'invalidPhoneMessage', 'invalidNssMessage', 'invalidCurrencyMessage', 'invalidPercentageMessage'];
     const inputProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
+      console.log(props.label, 'attrs', attrs);
       const result = {};
       for (const key in attrs) {
         if (!excludedProps.includes(key)) {
@@ -54893,12 +54938,21 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
         return;
       }
 
-      // Comparar con el valor correcto según saveFormatted
-      const currentEmitValue = getEmitValue(realValue.value, displayValue.value);
-      if (newValue !== currentEmitValue) {
-        const formatted = formatInitialValue(newValue);
-        displayValue.value = formatted.displayValue;
-        realValue.value = formatted.realValue;
+      // Eco del v-model: no re-aplicar applyMask (p. ej. tarjeta con saveFormatted=true
+      // rompe si se parsea de nuevo el string ya enmascarado).
+      const currentEmit = getEmitValue(realValue.value, displayValue.value);
+      if (newValue === currentEmit) {
+        return;
+      }
+      const formatted = formatInitialValue(newValue);
+      displayValue.value = formatted.displayValue;
+      realValue.value = formatted.realValue;
+      const canonicalEmit = getEmitValue(formatted.realValue, formatted.displayValue);
+      const emptyModel = v => v == null || v === '';
+      const a = emptyModel(newValue) ? '' : newValue;
+      const b = emptyModel(canonicalEmit) ? '' : canonicalEmit;
+      if (a !== b) {
+        emit('update:modelValue', canonicalEmit);
       }
     }, {
       immediate: true
@@ -54915,11 +54969,6 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
 
     // Lifecycle
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.onMounted)(() => {
-      if (props.modelValue || props.modelValue === '0') {
-        const formatted = formatInitialValue(props.modelValue);
-        displayValue.value = formatted.displayValue;
-        realValue.value = formatted.realValue;
-      }
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.nextTick)(() => {
         const input = getNativeInput();
         if (input) {
@@ -54986,13 +55035,14 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
         rules: inputRules.value || inputProps.value.rules,
         label: __props.label || inputProps.value.label,
         length: inputLength.value || inputProps.value.length,
+        requiredMessage: __props.requiredMessage || inputProps.value.requiredMessage,
         "onUpdate:modelValue": handleDisplayUpdate,
         onBlur: handleBlur,
         onFocus: handleFocus,
         onClean: handleClean,
         onOnEnter: handleEnter,
         onOnEnterValid: handleEnterValid
-      }), null, 16, ["id", "modelValue", "required", "rules", "label", "length"])]);
+      }), null, 16, ["id", "modelValue", "required", "rules", "label", "length", "requiredMessage"])]);
     };
   }
 });
@@ -56066,10 +56116,11 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       label = optionsForLabelLookup.value.find(val => val.value === currentValue && typeof val.value === typeof currentValue);
       return label?.label !== undefined ? label.label : currentValue;
     });
+    const formatRequiredMessage = () => props.requiredMessage.replace('%label%', props.label ?? '');
     const finalRules = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       let rules = [...props.rules];
       if (props.required && typeof props.modelValue !== 'boolean') {
-        rules.unshift(val => val !== null && val !== undefined && val !== '' || props.requiredMessage.replace('%label%', props.label));
+        rules.unshift(val => val !== null && val !== undefined && val !== '' || formatRequiredMessage());
       }
       return rules;
     });
@@ -56660,7 +56711,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
           }
         } else if (props.required) {
           // Manejar el caso en que this.modelValue no es un array y es requerido
-          setMessageRule(`El campo ${props.label} es requerido`);
+          setMessageRule(formatRequiredMessage());
           valid = false;
         }
         i++;
@@ -57846,6 +57897,9 @@ const ETablevue_type_script_setup_true_lang_js_hoisted_20 = {
     const handleReload = () => {
       if (paginationRef.value) {
         paginationRef.value.handleFirstPage();
+      } else if (props.serverSide) {
+        currentPage.value = 1;
+        handleRequest(true);
       }
     };
     const dataSort = (rows, sortBy, descending) => {
@@ -58040,11 +58094,16 @@ const ETablevue_type_script_setup_true_lang_js_hoisted_20 = {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.filter, () => {
       sortBy.value = null;
       descending.value = null;
-      if (paginationRef.value) {
+      if (props.serverSide) {
+        currentPage.value = 1;
+        handleRequest(true);
+      } else if (paginationRef.value) {
         handleReload();
       } else {
         handleRequest();
       }
+    }, {
+      deep: true
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => numRowsByPage.value, newVal => {
       sortBy.value = null;

package/dist/exos-library-components.umd.js

@@ -52762,6 +52762,7 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
       let cursorPosition = event.target.selectionStart;
       let previousLength = valueInput.length;
       const charLengt = props.charAmount ? props.charAmount.length : 0;
+      let timeCursorPosition = null;
       let emails = valueInput.replace(/ /g, '').split(props.charSplitEmail);
       let allEmailCorrect = true;
       let incorrectEmail = null;
@@ -52859,18 +52860,30 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
           }
         case props.modelModifiers?.time:
           {
+            const rawValue = valueInput;
+            const cursorPos = cursorPosition;
+            const digitsBeforeCursor = countDigitsBefore(rawValue, cursorPos);
+
             // 1. Obtener solo los dígitos
-            const digitsOnly = valueInput.replace(/\D/g, '');
+            let digitsOnly = valueInput.replace(/\D/g, '');
+            const prevDigitsTime = (props.modelValue || '').replace(/\D/g, '');
+            let digitsBeforeCursorForPosition = digitsBeforeCursor;
+            if (props.modelValue && valueInput === prevDigitsTime && props.modelValue.length > valueInput.length && digitsBeforeCursor >= 1) {
+              digitsOnly = digitsOnly.slice(0, digitsBeforeCursor - 1) + digitsOnly.slice(digitsBeforeCursor);
+              digitsBeforeCursorForPosition = digitsBeforeCursor - 1;
+            }
 
             // 2. Formatear como HH:mm:ss
             valueInput = formatToHHMMSS(digitsOnly);
+            timeCursorPosition = getPositionAfterNDigits(valueInput, digitsBeforeCursorForPosition);
 
             // 3. Validar que sea una hora válida (máximo 23:59:59)
             const [hourStr, minStr, secStr] = valueInput.split(':');
             const hour = parseInt(hourStr, 10);
             const minute = parseInt(minStr ?? '0', 10);
             const second = parseInt(secStr ?? '0', 10);
-            const isValid = hour >= 0 && hour < 24 && minute >= 0 && minute < 60 && second >= 0 && second < 60;
+            const invalidHour11SingleMinuteDigit = hour === 11 && minStr != null && minStr !== '' && minStr.length === 1;
+            const isValid = hour >= 0 && hour < 24 && minute >= 0 && minute < 60 && second >= 0 && second < 60 && !invalidHour11SingleMinuteDigit;
             if (isValid) {
               resetRestrictions();
               enteredTime = valueInput;
@@ -52885,12 +52898,23 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
           }
         case props.modelModifiers?.timens:
           {
+            const rawValueTimens = valueInput;
+            const cursorPosTimens = cursorPosition;
+            const digitsBeforeCursorTimens = countDigitsBefore(rawValueTimens, cursorPosTimens);
             let digitsOnly = valueInput.replace(/\D/g, '');
+            const prevDigitsTimens = (props.modelValue || '').replace(/\D/g, '');
+            let digitsBeforeCursorTimensForPosition = digitsBeforeCursorTimens;
+            if (props.modelValue && valueInput === prevDigitsTimens && props.modelValue.length > valueInput.length && digitsBeforeCursorTimens >= 1) {
+              digitsOnly = digitsOnly.slice(0, digitsBeforeCursorTimens - 1) + digitsOnly.slice(digitsBeforeCursorTimens);
+              digitsBeforeCursorTimensForPosition = digitsBeforeCursorTimens - 1;
+            }
             valueInput = formatToHHMM(digitsOnly);
+            timeCursorPosition = getPositionAfterNDigits(valueInput, digitsBeforeCursorTimensForPosition);
             const [hourStr, minStr] = valueInput.split(':');
             const hour = parseInt(hourStr, 10);
             const minute = parseInt(minStr, 10);
-            const isValid = hour >= 0 && hour < 24 && minute >= 0 && minute < 60;
+            const invalidHour11SingleMinuteDigit = hour === 11 && minStr != null && minStr !== '' && minStr.length === 1;
+            const isValid = hour >= 0 && hour < 24 && minute >= 0 && minute < 60 && !invalidHour11SingleMinuteDigit;
             if (isValid) {
               resetRestrictions();
             } else {
@@ -52950,9 +52974,10 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
           }
           event.target.setSelectionRange(position, position);
         } else if (needsCursorAtEnd) {
-          // Solo para modificadores que reformatean (time, timens)
+          // Solo para modificadores que reformatean (time, timens): preservar posición según dígitos
           const len = event.target.value.length;
-          event.target.setSelectionRange(len, len);
+          const pos = timeCursorPosition != null ? timeCursorPosition : len;
+          event.target.setSelectionRange(pos, pos);
         } else {
           // Para modificadores que solo filtran caracteres, preservar posición del cursor
           const lengthDiff = valueInput.length - previousLength;
@@ -52984,10 +53009,28 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
       }
       return '';
     };
+    const countDigitsBefore = (str, position) => {
+      let count = 0;
+      for (let i = 0; i < position && i < str.length; i++) {
+        if (/\d/.test(str[i])) count++;
+      }
+      return count;
+    };
+    const getPositionAfterNDigits = (str, n) => {
+      if (n <= 0) return 0;
+      let digitCount = 0;
+      let i = 0;
+      for (; i < str.length && digitCount < n; i++) {
+        if (/\d/.test(str[i])) digitCount++;
+      }
+      if (digitCount < n) return str.length;
+      while (i < str.length && str[i] === ':') i++;
+      return i;
+    };
     const formatToHHMM = raw => {
       let digits = raw.replace(/\D/g, '');
       if (digits.length === 0) return '';
-      if (digits.length === 1) return `${digits}:`;
+      if (digits.length === 1) return digits;
       if (digits.length === 2) return `${digits}:`;
       if (digits.length === 3) return `${digits.slice(0, 2)}:${digits[2]}`;
       if (digits.length >= 4) return `${digits.slice(0, 2)}:${digits.slice(2, 4)}`;
@@ -52995,7 +53038,7 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
     const formatToHHMMSS = raw => {
       let digits = raw.replace(/\D/g, '');
       if (digits.length === 0) return '';
-      if (digits.length === 1) return `${digits}:`;
+      if (digits.length === 1) return digits;
       if (digits.length === 2) return `${digits}:`;
       if (digits.length === 3) return `${digits.slice(0, 2)}:${digits[2]}`;
       if (digits.length === 4) return `${digits.slice(0, 2)}:${digits.slice(2, 4)}:`;
@@ -53917,7 +53960,8 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
     const hiddenInputId = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => `e-input-mask-hidden-${instance.uid}`);
     const inputRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     const displayValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
-    const realValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(props.modelValue || '');
+    /** Sin valor crudo del padre: el watcher (immediate) aplica formatInitialValue y evita que p.ej. "$10" quede como realValue con saveFormatted=false */
+    const realValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
     const isCleaning = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
     const lastValidationResult = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(true);
 
@@ -54054,6 +54098,7 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
     // Excluimos todas las props de EInputMask para evitar pasarlas a EInput
     const excludedProps = ['maskPattern', 'hiddenChar', 'preset', 'saveFormatted', 'visiblePrefix', 'visibleSuffix', 'decimals', 'currencySymbol', 'cardLengths', 'invalidCardMessage', 'invalidCardLengthMessage', 'required', 'rules', 'label', 'requiredMessage', 'invalidPhoneMessage', 'invalidNssMessage', 'invalidCurrencyMessage', 'invalidPercentageMessage'];
     const inputProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      console.log(props.label, 'attrs', attrs);
       const result = {};
       for (const key in attrs) {
         if (!excludedProps.includes(key)) {
@@ -54911,12 +54956,21 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
         return;
       }
 
-      // Comparar con el valor correcto según saveFormatted
-      const currentEmitValue = getEmitValue(realValue.value, displayValue.value);
-      if (newValue !== currentEmitValue) {
-        const formatted = formatInitialValue(newValue);
-        displayValue.value = formatted.displayValue;
-        realValue.value = formatted.realValue;
+      // Eco del v-model: no re-aplicar applyMask (p. ej. tarjeta con saveFormatted=true
+      // rompe si se parsea de nuevo el string ya enmascarado).
+      const currentEmit = getEmitValue(realValue.value, displayValue.value);
+      if (newValue === currentEmit) {
+        return;
+      }
+      const formatted = formatInitialValue(newValue);
+      displayValue.value = formatted.displayValue;
+      realValue.value = formatted.realValue;
+      const canonicalEmit = getEmitValue(formatted.realValue, formatted.displayValue);
+      const emptyModel = v => v == null || v === '';
+      const a = emptyModel(newValue) ? '' : newValue;
+      const b = emptyModel(canonicalEmit) ? '' : canonicalEmit;
+      if (a !== b) {
+        emit('update:modelValue', canonicalEmit);
       }
     }, {
       immediate: true
@@ -54933,11 +54987,6 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
 
     // Lifecycle
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      if (props.modelValue || props.modelValue === '0') {
-        const formatted = formatInitialValue(props.modelValue);
-        displayValue.value = formatted.displayValue;
-        realValue.value = formatted.realValue;
-      }
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         const input = getNativeInput();
         if (input) {
@@ -55004,13 +55053,14 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
         rules: inputRules.value || inputProps.value.rules,
         label: __props.label || inputProps.value.label,
         length: inputLength.value || inputProps.value.length,
+        requiredMessage: __props.requiredMessage || inputProps.value.requiredMessage,
         "onUpdate:modelValue": handleDisplayUpdate,
         onBlur: handleBlur,
         onFocus: handleFocus,
         onClean: handleClean,
         onOnEnter: handleEnter,
         onOnEnterValid: handleEnterValid
-      }), null, 16, ["id", "modelValue", "required", "rules", "label", "length"])]);
+      }), null, 16, ["id", "modelValue", "required", "rules", "label", "length", "requiredMessage"])]);
     };
   }
 });
@@ -56084,10 +56134,11 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       label = optionsForLabelLookup.value.find(val => val.value === currentValue && typeof val.value === typeof currentValue);
       return label?.label !== undefined ? label.label : currentValue;
     });
+    const formatRequiredMessage = () => props.requiredMessage.replace('%label%', props.label ?? '');
     const finalRules = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       let rules = [...props.rules];
       if (props.required && typeof props.modelValue !== 'boolean') {
-        rules.unshift(val => val !== null && val !== undefined && val !== '' || props.requiredMessage.replace('%label%', props.label));
+        rules.unshift(val => val !== null && val !== undefined && val !== '' || formatRequiredMessage());
       }
       return rules;
     });
@@ -56678,7 +56729,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
           }
         } else if (props.required) {
           // Manejar el caso en que this.modelValue no es un array y es requerido
-          setMessageRule(`El campo ${props.label} es requerido`);
+          setMessageRule(formatRequiredMessage());
           valid = false;
         }
         i++;
@@ -57864,6 +57915,9 @@ const ETablevue_type_script_setup_true_lang_js_hoisted_20 = {
     const handleReload = () => {
       if (paginationRef.value) {
         paginationRef.value.handleFirstPage();
+      } else if (props.serverSide) {
+        currentPage.value = 1;
+        handleRequest(true);
       }
     };
     const dataSort = (rows, sortBy, descending) => {
@@ -58058,11 +58112,16 @@ const ETablevue_type_script_setup_true_lang_js_hoisted_20 = {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.filter, () => {
       sortBy.value = null;
       descending.value = null;
-      if (paginationRef.value) {
+      if (props.serverSide) {
+        currentPage.value = 1;
+        handleRequest(true);
+      } else if (paginationRef.value) {
         handleReload();
       } else {
         handleRequest();
       }
+    }, {
+      deep: true
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => numRowsByPage.value, newVal => {
       sortBy.value = null;