@processmaker/screen-builder 3.5.0 → 3.5.1

package/dist/vue-form-builder.es.js

@@ -46889,7 +46889,11 @@ const yp = L_.exports, yg = [
   watch: {
     value: {
       handler(t) {
-        t && yg.forEach((e) => this[e] = t[e]);
+        if (!t) {
+          this.collectionId = null;
+          return;
+        }
+        yg.forEach((e) => this[e] = t[e]);
       },
       immediate: !0
     },
@@ -47021,7 +47025,8 @@ const V_ = typeof window > "u" ? global : window, Xc = [
       flagDraft: {},
       taskDraft: {},
       enableDraft: !0,
-      defaultColumnsRecordId: 1
+      defaultColumnsRecordId: 1,
+      defaultCollectionMode: "Edit"
     };
   },
   computed: {
@@ -47071,14 +47076,17 @@ const V_ = typeof window > "u" ? global : window, Xc = [
     }
   },
   mounted() {
-    if (this.$root.$on("taskdraft-input", (t) => {
-      this.taskDraft = t;
+    var t;
+    if (this.$root.$on("taskdraft-input", (e) => {
+      this.taskDraft = e;
     }), this.collection && this.record) {
-      const t = this.isMustache(this.record) ? this.defaultColumnsRecordId : this.record;
-      this.isMustache(this.record) && (this.hasMustache = !0), this.loadRecordCollection(
+      const e = this.isMustache(this.record) ? this.defaultColumnsRecordId : this.record;
+      this.isMustache(this.record) && (this.hasMustache = !0);
+      const r = ((t = this.collectionmode) == null ? void 0 : t.modeId) ?? this.defaultCollectionMode;
+      this.loadRecordCollection(
         this.collection.collectionId,
-        t,
-        this.collectionmode.modeId
+        e,
+        r
       );
     }
   },
@@ -47587,18 +47595,35 @@ const n$ = a$.exports, s$ = {
   data() {
     return {
       mode: "",
-      submitCollectionCheck: null
+      submitCollectionCheck: null,
+      defaultMode: "Edit"
     };
   },
   computed: {
     showCollectionCheck() {
-      return this.mode === "Edit";
+      return this.mode === this.defaultMode;
+    }
+  },
+  watch: {
+    value: {
+      handler(t) {
+        this.updateModeAndCollectionCheck(t);
+      },
+      deep: !0
     }
   },
   mounted() {
-    this.mode = this.value.modeId || "Edit", this.submitCollectionCheck = this.value.submitCollectionCheck !== void 0 ? this.value.submitCollectionCheck : !0;
+    this.updateModeAndCollectionCheck(this.value);
   },
   methods: {
+    /**
+     * Update the mode and collection check value
+     *
+     * @param {Object} value
+     */
+    updateModeAndCollectionCheck(t) {
+      this.mode = t.modeId || this.defaultMode, this.submitCollectionCheck = t.submitCollectionCheck ?? !0;
+    },
     saveFields() {
       this.$emit("input", {
         modeId: this.mode,