@processmaker/screen-builder 3.8.18 → 3.8.20

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

@@ -51152,6 +51152,18 @@ const nre = {
     someSelected() {
       const t = this.filteredVariables.filter((e) => this.selectedVariables.includes(e)).length;
       return t > 0 && t < this.filteredVariables.length;
+    },
+    /**
+     * Source for computed properties to watch for changes
+     */
+    computedPropertiesSource() {
+      return this.getComputedProperties() || [];
+    },
+    /**
+     * Source for watchers to watch for changes
+     */
+    watchersSource() {
+      return this.getWatchers() || [];
     }
   },
   watch: {
@@ -51167,19 +51179,42 @@ const nre = {
     "selectedControl.config.event"(t) {
       this.event = t;
     },
-    "builder.variablesTree"() {
-      this.$forceUpdate();
+    formConfig: {
+      handler() {
+        this.$nextTick(() => {
+          this.cleanupInvalidSelections();
+        });
+      },
+      deep: !0,
+      immediate: !0
     },
-    // Watch for computed properties changes in App.vue
-    "$root.computed"() {
-      this.$forceUpdate();
+    // Watch for computed properties changes
+    computedPropertiesSource: {
+      handler() {
+        this.$nextTick(() => {
+          this.cleanupInvalidSelections();
+        });
+      },
+      deep: !0
     },
-    // Watch for watchers changes in App.vue
-    "$root.watchers"() {
-      this.$forceUpdate();
+    // Watch for watchers changes
+    watchersSource: {
+      handler() {
+        this.$nextTick(() => {
+          this.cleanupInvalidSelections();
+        });
+      },
+      deep: !0
     }
   },
   methods: {
+    /**
+     * Remove selected variables that no longer exist in availableVariables
+     */
+    cleanupInvalidSelections() {
+      const t = this.availableVariables, e = this.selectedVariables.filter((r) => t.includes(r));
+      e.length !== this.selectedVariables.length && (this.selectedVariables = e, e.length === 0 && (this.isEnabled = !1));
+    },
     /**
      * Load variables from the variables tree
      * Only includes root-level variables (no prefix, no dots in name)
@@ -51230,18 +51265,20 @@ const nre = {
      * Get computed properties from various sources
      */
     getComputedProperties() {
-      var e, r, i, a, n, s, o, u;
+      var e, r, i, a, n, s, o, u, l, c, d;
       if ((r = (e = this.$root) == null ? void 0 : e.$data) != null && r.computed)
         return this.$root.$data.computed;
-      if ((a = (i = this.builder) == null ? void 0 : i.screen) != null && a.computed)
+      if ((n = (a = (i = this.$root) == null ? void 0 : i.$children) == null ? void 0 : a[0]) != null && n.computed && Array.isArray(this.$root.$children[0].computed))
+        return this.$root.$children[0].computed;
+      if ((o = (s = this.builder) == null ? void 0 : s.screen) != null && o.computed)
         return this.builder.screen.computed;
-      if ((n = this.builder) != null && n.computed)
+      if ((u = this.builder) != null && u.computed)
         return this.builder.computed;
-      if ((o = (s = this.$root) == null ? void 0 : s.$parent) != null && o.computed)
+      if ((c = (l = this.$root) == null ? void 0 : l.$parent) != null && c.computed)
         return this.$root.$parent.computed;
       let t = this.$parent;
-      for (let l = 0; l < 10 && t; l++) {
-        if ((u = t.$data) != null && u.computed)
+      for (let f = 0; f < 10 && t; f++) {
+        if ((d = t.$data) != null && d.computed)
           return t.$data.computed;
         t = t.$parent;
       }
@@ -51421,7 +51458,7 @@ var sre = function() {
   ore,
   !1,
   null,
-  "277c10d3",
+  "33a2f6e8",
   null,
   null
 );