Enhance form components by adding 'creating' prop for improved state …

…management

- Introduced a new 'creating' Boolean prop in OpenForm.vue and OpenFormFocused.vue to manage form submission state.
- Updated the nextPage method to include 'creating' in the condition for advancing the form page index, ensuring proper navigation during form creation.
- Adjusted OpenCompleteForm.vue to bind the 'creating' prop, enhancing the overall functionality and user experience of the form components.

client/components/open/forms/OpenCompleteForm.vue

@@ -115,6 +115,7 @@
           :theme="theme"
           :dark-mode="darkMode"
           :admin-preview="adminPreview"
+          :creating="creating"
           @submit="submitForm"
         >
           <template #submit-btn="{submitForm}">
@@ -138,6 +139,7 @@
           :theme="theme"
           :dark-mode="darkMode"
           :admin-preview="adminPreview"
+          :creating="creating"
           @submit="submitForm"
         >
           <template #submit-btn="{submitForm}">

client/components/open/forms/OpenForm.vue

@@ -171,6 +171,7 @@ export default {
       required: true
     },
     defaultDataForm: { type: [Object, null] },
+    creating: {type: Boolean, default: false},
     adminPreview: {type: Boolean, default: false}, // If used in FormEditorPreview
     urlPrefillPreview: {type: Boolean, default: false}, // If used in UrlFormPrefill
     darkMode: {
@@ -528,7 +529,7 @@ export default {
       this.scrollToTop()
     },
     nextPage() {
-      if (this.adminPreview || this.urlPrefillPreview) {
+      if (this.adminPreview || this.urlPrefillPreview || this.creating) {
         this.formPageIndex++
         this.scrollToTop()
         return false

client/components/open/forms/OpenFormFocused.vue

@@ -155,6 +155,7 @@ export default {
       required: true
     },
     defaultDataForm: { type: [Object, null] },
+    creating: {type: Boolean, default: false},
     adminPreview: {type: Boolean, default: false}, // If used in FormEditorPreview
     urlPrefillPreview: {type: Boolean, default: false}, // If used in UrlFormPrefill
     darkMode: {
@@ -469,7 +470,7 @@ export default {
       this.scrollToTop()
     },
     nextPage() {
-      if (this.adminPreview || this.urlPrefillPreview) {
+      if (this.adminPreview || this.urlPrefillPreview || this.creating) {
         this.formPageIndex++
         this.scrollToTop()
         return false