@ouestfrance/sipa-bms-ui 8.26.0 → 8.26.1

package/dist/sipa-bms-ui.es.js

@@ -69412,17 +69412,19 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const input = ref(null);
-    const internalErrors = ref([]);
+    const onChangeErrors = ref([]);
+    const onChangeCaptions = ref([]);
+    const onBlurErrors = ref([]);
     const computedErrors = computed(() => {
-      return props.errors ? internalErrors.value.concat(props.errors) : internalErrors.value;
+      return props.errors ? onChangeErrors.value.concat(props.errors, onBlurErrors.value) : onChangeErrors.value.concat(onBlurErrors.value);
     });
-    const internalCaptions = ref([]);
     const computedCaptions = computed(() => {
-      return props.captions ? internalCaptions.value.concat(props.captions) : internalCaptions.value;
+      return props.captions ? onChangeCaptions.value.concat(props.captions) : onChangeCaptions.value;
     });
     onMounted(() => {
-      internalErrors.value = [];
-      internalCaptions.value = [];
+      onBlurErrors.value = [];
+      onChangeErrors.value = [];
+      onChangeCaptions.value = [];
       checkPattern();
       checkLimit();
     });
@@ -69432,7 +69434,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
       if (hasValue && props.pattern) {
         const regex = new RegExp(props.pattern);
         if (!regex.test(String(props.modelValue))) {
-          internalErrors.value.push(
+          onBlurErrors.value.push(
             props.patternMessage || `La valeur ne correspond pas au motif attendu ( ${props.pattern} )`
           );
         }
@@ -69442,17 +69444,17 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
       const hasValue = props.modelValue !== null && props.modelValue !== void 0;
       if (hasValue && props.inputType === InputType.TEXT && typeof props.modelValue === "string") {
         if (props.minlength !== void 0 && props.modelValue.length < props.minlength) {
-          internalErrors.value.push(
+          onChangeErrors.value.push(
             "Longueur inférieur au minimum autorisé (min:" + props.minlength + ")"
           );
         }
         if (props.maxlength !== void 0) {
           if (props.modelValue.length > props.maxlength) {
-            internalErrors.value.push(
+            onChangeErrors.value.push(
               `Longueur supérieure au maximum autorisé (max:${props.maxlength})`
             );
           } else if (props.modelValue.length === props.maxlength) {
-            internalCaptions.value.push({
+            onChangeCaptions.value.push({
               label: `Attention, vous avez atteint la limite de ${props.maxlength} caractères.`,
               mode: StatusType.Warning
             });
@@ -69462,6 +69464,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
     const onBlur = () => {
       $emits("blur");
+      onBlurErrors.value = [];
       checkPattern();
     };
     const setFocus = () => {
@@ -69475,8 +69478,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     watch(
       () => props.modelValue,
       () => {
-        internalErrors.value = [];
-        internalCaptions.value = [];
+        onChangeErrors.value = [];
+        onChangeCaptions.value = [];
         checkLimit();
       }
     );