comand-component-library 4.1.53 → 4.1.54

package/dist/comand-component-library.js

@@ -4358,8 +4358,8 @@ function Ar(e, n, t, s, i, o) {
         i.systemMessage.show && i.systemMessage.message ? (l(), w(d, {
           key: 0,
           validationStatus: i.systemMessage.validationStatus,
-          "system-message": i.systemMessage.message
-        }, null, 8, ["validationStatus", "system-message"])) : m("", !0),
+          systemMessage: i.systemMessage.message
+        }, null, 8, ["validationStatus", "systemMessage"])) : m("", !0),
         t.useSlot ? H(e.$slots, "default", { key: 1 }) : (l(!0), r(S, { key: 2 }, q(t.formElements, (u, g) => (l(), w(c, {
           key: g,
           element: u.element || "input",
@@ -5883,13 +5883,12 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
         this.formData.error && e.originalEvent.preventDefault();
         return;
       }
-      e.originalEvent.preventDefault(), console.log("recaptcha available", window.grecaptcha), this.reCaptchaWebsiteKey && window.grecaptcha ? (console.log("recaptcha"), grecaptcha.ready(() => {
-        console.log("recaptcha ready"), grecaptcha.execute(this.reCaptchaWebsiteKey, { action: "submit" }).then((n) => this.submitForm(n)).catch((n) => console.log("recaptcha error", n));
-      })) : this.submitForm();
+      e.originalEvent.preventDefault(), this.reCaptchaWebsiteKey && window.grecaptcha ? grecaptcha.ready(() => {
+        grecaptcha.execute(this.reCaptchaWebsiteKey, { action: "submit" }).then((n) => this.submitForm(n)).catch((n) => console.log("recaptcha error", n));
+      }) : this.submitForm();
     },
     submitForm(e) {
       var s;
-      console.log("submitForm", e);
       const n = new FormData();
       e && n.set("recaptchaToken", e);
       const t = Object.keys(this.configuration);
@@ -5898,8 +5897,13 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
       fetch(this.formAction, { method: ((s = this.cmdForm) == null ? void 0 : s.formMethod) || "POST", body: n }).then((i) => {
         if (i.ok) {
           this.$refs.form.showMessage("success", this.getMessage("basic_form.system_message.success.message_sent_successfully"));
-          for (let o in this.formData)
-            o === "salutation" ? this.formData[o].value = this.configuration.salutation.default : o === "acceptPrivacy" ? this.formData[o].value = !1 : this.formData[o].value = "";
+          try {
+            this.formData.error = !1;
+            for (let o in this.formData)
+              this.formData[o].error && (this.formData[o].error = !1), typeof this.formData[o].value == "string" ? o === "salutation" ? this.formData[o].value = this.configuration.salutation.default : this.formData[o].value = "" : o === "acceptPrivacy" && (this.formData[o].value = !1);
+          } catch (o) {
+            console.error(o);
+          }
         } else
           this.$refs.form.showMessage("error", this.getMessage("basic_form.system_message.error.message_could_not_be_sent"));
       }).catch((i) => {
@@ -18508,7 +18512,7 @@ function c_(e, n, t, s, i, o) {
     })
   ], 64);
 }
-const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-library", m_ = "4.1.53", h_ = "GPL-3.0-only", p_ = "CoManD-UI", f_ = "module", g_ = {
+const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-library", m_ = "4.1.54", h_ = "GPL-3.0-only", p_ = "CoManD-UI", f_ = "module", g_ = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",

package/package.json

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

package/src/components/CmdBasicForm.vue

@@ -497,11 +497,8 @@ export default {
             // prevent original levent form CmdForm (to avoid submit and reload)
             event.originalEvent.preventDefault()
 
-            console.log("recaptcha available", window.grecaptcha)
             if(this.reCaptchaWebsiteKey && window.grecaptcha) {
-                console.log("recaptcha")
                 grecaptcha.ready(() => {
-                    console.log("recaptcha ready")
                     grecaptcha.execute(this.reCaptchaWebsiteKey, {action: "submit"}).then(token => this.submitForm(token)).catch(error => console.log("recaptcha error", error))
                 })
             } else {
@@ -509,7 +506,6 @@ export default {
             }
         },
         submitForm(token) {
-            console.log("submitForm", token);
             // custom submit of form-data
             const customSubmitFormData = new FormData()
 
@@ -528,14 +524,29 @@ export default {
             fetch(this.formAction, {method: this.cmdForm?.formMethod || "POST", body: customSubmitFormData}).then((response) => {
                 if(response.ok) {
                     this.$refs.form.showMessage("success", this.getMessage("basic_form.system_message.success.message_sent_successfully"))
-                    for (let key in this.formData) {
-                        if(key === "salutation") {
-                            this.formData[key].value = this.configuration.salutation.default
-                        } else if(key === "acceptPrivacy") {
-                            this.formData[key].value = false
-                        } else {
-                            this.formData[key].value = ""
+                    try {
+                        // reset global validation-status
+                        this.formData.error = false
+
+                        for (let key in this.formData) {
+                            // reset field-validation-status
+                            if(this.formData[key].error) {
+                                this.formData[key].error = false
+                            }
+
+                            // reset field-values
+                            if(typeof this.formData[key].value === "string") {
+                                if(key === "salutation") {
+                                    this.formData[key].value = this.configuration.salutation.default
+                                } else {
+                                    this.formData[key].value = ""
+                                }
+                            } else if(key === "acceptPrivacy") {
+                                this.formData[key].value = false
+                            }
                         }
+                    } catch (error) {
+                        console.error(error)
                     }
                 } else {
                     this.$refs.form.showMessage("error", this.getMessage("basic_form.system_message.error.message_could_not_be_sent"))

package/src/components/CmdForm.vue

@@ -7,7 +7,7 @@
                         legend.text
                     }}
                 </legend>
-                <CmdSystemMessage v-if="systemMessage.show && systemMessage.message" :validationStatus="systemMessage.validationStatus" :system-message="systemMessage.message"/>
+                <CmdSystemMessage v-if="systemMessage.show && systemMessage.message" :validationStatus="systemMessage.validationStatus" :systemMessage="systemMessage.message"/>
                 <!-- begin default-slot-content -->
                 <slot v-if="useSlot"></slot>
                 <!-- end default-slot-content -->