comand-component-library 4.2.73 → 4.2.74

package/src/components/CmdForm.vue

@@ -9,6 +9,15 @@
                     }}
                 </legend>
                 <CmdSystemMessage v-if="systemMessage.show && systemMessage.message" :validationStatus="systemMessage.validationStatus" :systemMessage="systemMessage.message"/>
+                <CmdFormElement
+                    element="input"
+                    type="text" 
+                    labelText="TEST"
+                    v-model="formValues.nase"
+                    />
+                    <label>TEST2:
+                        <input type="text" v-model="formValues.ahoi" />
+                    </label>
                 <!-- begin default-slot-content -->
                 <slot v-if="useSlot"></slot>
                 <!-- end default-slot-content -->
@@ -150,7 +159,7 @@ import CmdSystemMessage from "@/components/CmdSystemMessage.vue";
 export default {
     name: "CmdForm",
     components: {CmdSystemMessage},
-    emits: ["submit"],
+    emits: ["submit", "update:modelValue"],
     data() {
         return {
             errorOccurred: false,
@@ -165,6 +174,9 @@ export default {
         }
     },
     props: {
+        modelValue: {
+            type: Object
+        },
         /**
          * set url for form-action
          */
@@ -341,6 +353,33 @@ export default {
             }
     },
     watch: {
+        modelValue: {
+            handler() {
+               if(!this.modelValue) {
+                     return
+                }
+
+                // assign values in loop, because entire object cannot be assigned
+                for (const key in this.modelValue) {
+                    this.formValues[key] = this.modelValue[key]
+                }
+
+                // assign existing form-elements to data-property "formValues" for v-model
+                this.formElements?.forEach((element) => {
+                    if(this.formValues[element.name] == null) {
+                        this.formValues[element.name] = ""
+                    } 
+                })
+            },
+            immediate: true
+        },
+        formValues: {
+            handler() {
+                this.$emit("update:modelValue", this.formValues)
+            },
+            deep: true
+        },
+        /*
         formValues: {
             handler() {
                 if(!this.formElements) {
@@ -362,7 +401,7 @@ export default {
             },
             immediate: true,
             deep: true
-        },  
+        },  */
         formElements: {
             handler() {
                 this.formValues = {}

package/src/components/CmdGoogleMaps.vue

@@ -6,7 +6,7 @@
         <!-- end CmdHeadline-->
         
         <!-- begin CmdSystemMessage -->
-        <CmdSystemMessage v-if="!cookiesAccepted" validationStatus="warning" textAlign="center">
+        <CmdSystemMessage v-if="!cookiesAccepted" validationStatus="warning" textAlign="center" :iconClose="{show: false}">
             <p>
                 {{getMessage("google_maps.system_message.accept_terms")}}
             </p>
@@ -121,6 +121,7 @@ export default {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         height: 100%;
+        justify-content: center;
     }
 }
 /* end cmd-google-maps ------------------------------------------------------------------------------------------ */

package/src/components/CmdMultistepFormWrapper.vue

@@ -22,6 +22,7 @@
                 :setErrorOnPage="(message) => setErrorOnPage(page, message)" 
                 :removeErrorOnPage="() => removeErrorOnPage(page)" 
                 :atleastOnePageWithError="atleastOnePageWithError"
+                :formDataForPage="formDataForPage(page)"
             />
             <!-- end slot for page content -->
         </div>
@@ -54,7 +55,8 @@ export default {
         return {
             currentPage: 1,
             statusForPages: [],
-            inputMade: false
+            inputMade: false,
+            formData: {}
         }
     },
     props: {
@@ -103,6 +105,12 @@ export default {
         }
     },
     methods: {
+        formDataForPage(page) {
+            if(!this.formData[page]) {
+                this.formData[page] = {}
+            }
+            return this.formData[page]
+        },
         getSystemMessage(page) {
             const pageEntry = this.statusForPages.find(item => item.page === page);
             return pageEntry.message