comand-component-library 4.2.63 → 4.2.65

package/dist/comand-component-library.js

@@ -4787,6 +4787,16 @@ const Re = /* @__PURE__ */ P(Pr, [["render", Er]]), Hr = {
     }
   },
   watch: {
+    formValues: {
+      handler() {
+        if (!this.formElements)
+          return;
+        const e = this.formElements.filter((i) => i.required).length, t = this.formElements.filter((i) => i.required && !this.formValues[i.name]).length, n = e > 0 && e === t, s = e > 0 && t > 0;
+        this.$emit("empty-required-form-elements", { allRequiredFormElementsEmpty: n, emptyRequiredFormElementExists: s });
+      },
+      immediate: !0,
+      deep: !0
+    },
     formElements: {
       handler() {
         var e;
@@ -21422,7 +21432,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     text: "Zimbabwe",
     value: "zw"
   }
-], n1 = "comand-component-library", i1 = "4.2.63", l1 = "GPL-3.0-only", o1 = "CoManD-UI", a1 = "module", s1 = {
+], n1 = "comand-component-library", i1 = "4.2.65", l1 = "GPL-3.0-only", o1 = "CoManD-UI", a1 = "module", s1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.2.63",
+  "version": "4.2.65",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/components/CmdForm.vue

@@ -299,6 +299,28 @@ export default {
             }
     },
     watch: {
+        formValues: {
+            handler() {
+                if(!this.formElements) {
+                    return
+                }
+
+                const numberRequiredFormElements = this.formElements.filter((element) => {
+                    return element.required     
+                }).length
+
+                const numberEmptyRequiredFormElements = this.formElements.filter((element) => {
+                    return element.required && !this.formValues[element.name]    
+                }).length
+
+                const allRequiredFormElementsEmpty = numberRequiredFormElements > 0 && numberRequiredFormElements === numberEmptyRequiredFormElements
+                const emptyRequiredFormElementExists = numberRequiredFormElements > 0 && numberEmptyRequiredFormElements > 0
+
+                this.$emit("empty-required-form-elements", { allRequiredFormElementsEmpty, emptyRequiredFormElementExists })
+            },
+            immediate: true,
+            deep: true
+        },  
         formElements: {
             handler() {
                 this.formValues = {}