@ziadshalaby/ngx-zs-component 3.1.1 → 3.1.2

package/fesm2022/ziadshalaby-ngx-zs-component.mjs

@@ -1264,12 +1264,14 @@ class Form {
     // ==============================================
     // Form State & Validation
     // ==============================================
-    allFilled = computed(() => {
-        return Object.values(this.fields).every(f => {
-            const v = f();
-            return v.value !== null && v.value !== '' && v.valid === true;
+    allFilled(allowEmptyFields = []) {
+        return Object.keys(this.fields).every((key) => {
+            if (allowEmptyFields.includes(key))
+                return true;
+            const val = this.fields[key]()?.value;
+            return val !== null && val !== undefined && val !== '';
         });
-    }, ...(ngDevMode ? [{ debugName: "allFilled" }] : []));
+    }
     markAllTouched() {
         this.touched.set(true);
     }
@@ -1294,12 +1296,11 @@ class Form {
         }
         return result;
     }
-    submit(callback, submitWhenAllNotFilled = false) {
+    submit(callback, allowEmptyFields = []) {
         this.markAllTouched();
-        const allFilled = this.allFilled();
-        const validations = this.getValidations();
-        const allValid = Object.values(validations).every(Boolean);
-        if ((!submitWhenAllNotFilled && !allFilled) || !allValid)
+        const allValid = Object.values(this.getValidations()).every(Boolean);
+        const allFilled = this.allFilled(allowEmptyFields);
+        if (!allFilled || !allValid)
             return;
         callback(this.getValues());
     }