@alexochihua/exos-library-components 2.25.32 → 2.25.33

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

@@ -33805,9 +33805,9 @@ const ECollapsevue_type_script_setup_true_lang_js_hoisted_9 = {
         "data-testid": "collapse-cy",
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(mainClass.value),
         onClick: toggleCollapse
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconLeft")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconLeft")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header-section", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(titleText.value)
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.text), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(slots).description ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.text), 3)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(slots).description ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {
         key: 0
       }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(slots).rightSection ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightSection")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), expandIcon.value.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
         key: 1
@@ -51316,6 +51316,14 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
     requiredMessage: {
       type: String,
       default: 'El campo %label% es requerido'
+    },
+    /**
+     * Mensaje que se muestra cuando la fecha escrita o seleccionada no es válida (formato o fecha inexistente)
+     * @values 'Error, no es una fecha valida' - mensaje por defecto, 'Introduce una fecha correcta' - ejemplo personalizado
+     */
+    invalidDateMessage: {
+      type: String,
+      default: 'Error, no es una fecha valida'
     }
   },
   emits: [
@@ -51353,7 +51361,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
     const yearSelector = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const currentDate = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(DateTime.local());
     const isInValid = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
-    const messageRule = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)('Error, no es una fecha valida');
+    const messageRule = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)('');
     const isInputFocused = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const isLabelFloatedVisual = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => !!props.modelValue || isInputFocused.value || hasMeaningfulPlaceholder.value);
     const isTodayBlocked = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
@@ -51815,7 +51823,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
         zone: 'local'
       });
       isInValid.value = !formattedDate.isValid;
-      messageRule.value = isInValid.value ? 'Error, no es una fecha valida' : '';
+      messageRule.value = isInValid.value ? props.invalidDateMessage : '';
       if (formattedDate.isValid) {
         let fechaActual = formattedDate.startOf('day');
         if (props.dateToStart) {

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

@@ -33823,9 +33823,9 @@ const ECollapsevue_type_script_setup_true_lang_js_hoisted_9 = {
         "data-testid": "collapse-cy",
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(mainClass.value),
         onClick: toggleCollapse
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconLeft")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconLeft")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header-section", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(titleText.value)
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.text), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(slots).description ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.text), 3)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(slots).description ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {
         key: 0
       }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(slots).rightSection ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "rightSection")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), expandIcon.value.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
         key: 1
@@ -51334,6 +51334,14 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
     requiredMessage: {
       type: String,
       default: 'El campo %label% es requerido'
+    },
+    /**
+     * Mensaje que se muestra cuando la fecha escrita o seleccionada no es válida (formato o fecha inexistente)
+     * @values 'Error, no es una fecha valida' - mensaje por defecto, 'Introduce una fecha correcta' - ejemplo personalizado
+     */
+    invalidDateMessage: {
+      type: String,
+      default: 'Error, no es una fecha valida'
     }
   },
   emits: [
@@ -51371,7 +51379,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
     const yearSelector = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
     const currentDate = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(DateTime.local());
     const isInValid = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
-    const messageRule = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('Error, no es una fecha valida');
+    const messageRule = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
     const isInputFocused = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
     const isLabelFloatedVisual = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => !!props.modelValue || isInputFocused.value || hasMeaningfulPlaceholder.value);
     const isTodayBlocked = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
@@ -51833,7 +51841,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
         zone: 'local'
       });
       isInValid.value = !formattedDate.isValid;
-      messageRule.value = isInValid.value ? 'Error, no es una fecha valida' : '';
+      messageRule.value = isInValid.value ? props.invalidDateMessage : '';
       if (formattedDate.isValid) {
         let fechaActual = formattedDate.startOf('day');
         if (props.dateToStart) {