@processmaker/screen-builder 3.0.4 → 3.0.6

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

@@ -7612,7 +7612,7 @@ const xl = {
   methods: {
     elementCssClass(t) {
       const e = [];
-      return t.config.bgcolor && e.push(t.config.bgcolor), t.config.color && e.push(t.config.color), e.join(" ");
+      return t.config.bgcolor && e.push(t.config.bgcolor), t.config.color && e.push(t.config.color), t.config.bgcolormodern && e.push(t.config.bgcolormodern), e.join(" ");
     },
     elementCssClassModern(t) {
       const e = [];
@@ -44824,9 +44824,10 @@ const sK = {
   }
 };
 var oK = function() {
+  var i;
   var e = this, r = e._self._c;
-  return r("b-container", { attrs: { fluid: "" } }, [e.displayAsyncLoading ? r("div", { ref: "watchersAsynchronous", staticClass: "alert alert-light", attrs: { role: "alert" } }, [r("svg", { staticClass: "lds-gear", attrs: { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid" } }, [r("g", { attrs: { transform: "translate(50 50)" } }, [r("g", { attrs: { transform: "rotate(248.825)" } }, [r("animateTransform", { attrs: { attributeName: "transform", type: "rotate", values: "0;360", keyTimes: "0;1", dur: "4.7s", repeatCount: "indefinite" } }), r("path", { attrs: { d: "M37.43995192304605 -6.5 L47.43995192304605 -6.5 L47.43995192304605 6.5 L37.43995192304605 6.5 A38 38 0 0 1 35.67394948182593 13.090810836924174 L35.67394948182593 13.090810836924174 L44.33420351967032 18.090810836924174 L37.83420351967032 29.34914108612188 L29.17394948182593 24.34914108612188 A38 38 0 0 1 24.34914108612188 29.17394948182593 L24.34914108612188 29.17394948182593 L29.34914108612188 37.83420351967032 L18.090810836924184 44.33420351967032 L13.090810836924183 35.67394948182593 A38 38 0 0 1 6.5 37.43995192304605 L6.5 37.43995192304605 L6.500000000000001 47.43995192304605 L-6.499999999999995 47.43995192304606 L-6.499999999999996 37.43995192304606 A38 38 0 0 1 -13.09081083692417 35.67394948182593 L-13.09081083692417 35.67394948182593 L-18.09081083692417 44.33420351967032 L-29.34914108612187 37.834203519670325 L-24.349141086121872 29.173949481825936 A38 38 0 0 1 -29.17394948182592 24.34914108612189 L-29.17394948182592 24.34914108612189 L-37.83420351967031 29.349141086121893 L-44.33420351967031 18.0908108369242 L-35.67394948182592 13.090810836924193 A38 38 0 0 1 -37.43995192304605 6.5000000000000036 L-37.43995192304605 6.5000000000000036 L-47.43995192304605 6.500000000000004 L-47.43995192304606 -6.499999999999993 L-37.43995192304606 -6.499999999999994 A38 38 0 0 1 -35.67394948182593 -13.090810836924167 L-35.67394948182593 -13.090810836924167 L-44.33420351967032 -18.090810836924163 L-37.834203519670325 -29.34914108612187 L-29.173949481825936 -24.34914108612187 A38 38 0 0 1 -24.349141086121893 -29.17394948182592 L-24.349141086121893 -29.17394948182592 L-29.349141086121897 -37.834203519670304 L-18.0908108369242 -44.334203519670304 L-13.090810836924195 -35.67394948182592 A38 38 0 0 1 -6.500000000000005 -37.43995192304605 L-6.500000000000005 -37.43995192304605 L-6.500000000000007 -47.43995192304605 L6.49999999999999 -47.43995192304606 L6.499999999999992 -37.43995192304606 A38 38 0 0 1 13.090810836924149 -35.67394948182594 L13.090810836924149 -35.67394948182594 L18.090810836924142 -44.33420351967033 L29.349141086121847 -37.83420351967034 L24.349141086121854 -29.17394948182595 A38 38 0 0 1 29.17394948182592 -24.349141086121893 L29.17394948182592 -24.349141086121893 L37.834203519670304 -29.349141086121897 L44.334203519670304 -18.0908108369242 L35.67394948182592 -13.090810836924197 A38 38 0 0 1 37.43995192304605 -6.500000000000007 M0 -20A20 20 0 1 0 0 20 A20 20 0 1 0 0 -20" } })], 1)])]), e._v(" " + e._s(e.$t("Loading...")) + " ")]) : e._e(), r(e.component, { ref: "component", tag: "component", attrs: { vdata: e.value, _parent: e._parent || e.value._parent, "_initial-page": e.currentPage, taskdraft: e.taskdraft }, on: { "after-submit": e.afterSubmit, submit: e.submit, asyncWatcherTriggered: e.onAsyncWatcherOn, asyncWatcherCompleted: e.onAsyncWatcherOff } }), e.showErrors && e.building.error ? r("screen-renderer-error", { model: { value: e.building, callback: function(i) {
-    e.building = i;
+  return r("b-container", { attrs: { fluid: "" } }, [e.displayAsyncLoading ? r("div", { ref: "watchersAsynchronous", staticClass: "alert alert-light", attrs: { role: "alert" } }, [r("svg", { staticClass: "lds-gear", attrs: { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid" } }, [r("g", { attrs: { transform: "translate(50 50)" } }, [r("g", { attrs: { transform: "rotate(248.825)" } }, [r("animateTransform", { attrs: { attributeName: "transform", type: "rotate", values: "0;360", keyTimes: "0;1", dur: "4.7s", repeatCount: "indefinite" } }), r("path", { attrs: { d: "M37.43995192304605 -6.5 L47.43995192304605 -6.5 L47.43995192304605 6.5 L37.43995192304605 6.5 A38 38 0 0 1 35.67394948182593 13.090810836924174 L35.67394948182593 13.090810836924174 L44.33420351967032 18.090810836924174 L37.83420351967032 29.34914108612188 L29.17394948182593 24.34914108612188 A38 38 0 0 1 24.34914108612188 29.17394948182593 L24.34914108612188 29.17394948182593 L29.34914108612188 37.83420351967032 L18.090810836924184 44.33420351967032 L13.090810836924183 35.67394948182593 A38 38 0 0 1 6.5 37.43995192304605 L6.5 37.43995192304605 L6.500000000000001 47.43995192304605 L-6.499999999999995 47.43995192304606 L-6.499999999999996 37.43995192304606 A38 38 0 0 1 -13.09081083692417 35.67394948182593 L-13.09081083692417 35.67394948182593 L-18.09081083692417 44.33420351967032 L-29.34914108612187 37.834203519670325 L-24.349141086121872 29.173949481825936 A38 38 0 0 1 -29.17394948182592 24.34914108612189 L-29.17394948182592 24.34914108612189 L-37.83420351967031 29.349141086121893 L-44.33420351967031 18.0908108369242 L-35.67394948182592 13.090810836924193 A38 38 0 0 1 -37.43995192304605 6.5000000000000036 L-37.43995192304605 6.5000000000000036 L-47.43995192304605 6.500000000000004 L-47.43995192304606 -6.499999999999993 L-37.43995192304606 -6.499999999999994 A38 38 0 0 1 -35.67394948182593 -13.090810836924167 L-35.67394948182593 -13.090810836924167 L-44.33420351967032 -18.090810836924163 L-37.834203519670325 -29.34914108612187 L-29.173949481825936 -24.34914108612187 A38 38 0 0 1 -24.349141086121893 -29.17394948182592 L-24.349141086121893 -29.17394948182592 L-29.349141086121897 -37.834203519670304 L-18.0908108369242 -44.334203519670304 L-13.090810836924195 -35.67394948182592 A38 38 0 0 1 -6.500000000000005 -37.43995192304605 L-6.500000000000005 -37.43995192304605 L-6.500000000000007 -47.43995192304605 L6.49999999999999 -47.43995192304606 L6.499999999999992 -37.43995192304606 A38 38 0 0 1 13.090810836924149 -35.67394948182594 L13.090810836924149 -35.67394948182594 L18.090810836924142 -44.33420351967033 L29.349141086121847 -37.83420351967034 L24.349141086121854 -29.17394948182595 A38 38 0 0 1 29.17394948182592 -24.349141086121893 L29.17394948182592 -24.349141086121893 L37.834203519670304 -29.349141086121897 L44.334203519670304 -18.0908108369242 L35.67394948182592 -13.090810836924197 A38 38 0 0 1 37.43995192304605 -6.500000000000007 M0 -20A20 20 0 1 0 0 20 A20 20 0 1 0 0 -20" } })], 1)])]), e._v(" " + e._s(e.$t("Loading...")) + " ")]) : e._e(), r(e.component, { ref: "component", tag: "component", attrs: { vdata: e.value, _parent: e._parent || ((i = e.value) == null ? void 0 : i._parent), "_initial-page": e.currentPage, taskdraft: e.taskdraft }, on: { "after-submit": e.afterSubmit, submit: e.submit, asyncWatcherTriggered: e.onAsyncWatcherOn, asyncWatcherCompleted: e.onAsyncWatcherOff } }), e.showErrors && e.building.error ? r("screen-renderer-error", { model: { value: e.building, callback: function(a) {
+    e.building = a;
   }, expression: "building" } }) : e._e(), r("watchers-synchronous", { ref: "watchersSynchronous" })], 1);
 }, lK = [], uK = /* @__PURE__ */ ee(
   sK,
@@ -45075,15 +45076,16 @@ const cK = {
   }
 };
 var dK = function() {
+  var i;
   var e = this, r = e._self._c;
-  return r("div", { ref: "formRendererContainer", class: [e.containerClass, e.containerDeviceClass], style: e.cssDevice, attrs: { id: "vue-form-renderer", "data-cy": "screen-renderer-container" } }, [r("custom-css-output", [e._v(e._s(e.customCssWrapped))]), r("screen-renderer", { ref: "renderer", staticClass: "p-0", attrs: { value: e.data, _parent: e._parent || e.data._parent, definition: e.definition, "current-page": e.currentPage, "data-cy": "screen-renderer", "show-errors": e.showErrors, "test-screen-definition": e.testScreenDefinition || !1, "loop-context": e.loopContext, taskdraft: e.taskdraft }, on: { "after-submit": e.afterSubmit, submit: e.submit } })], 1);
+  return r("div", { ref: "formRendererContainer", class: [e.containerClass, e.containerDeviceClass], style: e.cssDevice, attrs: { id: "vue-form-renderer", "data-cy": "screen-renderer-container" } }, [r("custom-css-output", [e._v(e._s(e.customCssWrapped))]), r("screen-renderer", { ref: "renderer", staticClass: "p-0", attrs: { value: e.data, _parent: e._parent || ((i = e.data) == null ? void 0 : i._parent), definition: e.definition, "current-page": e.currentPage, "data-cy": "screen-renderer", "show-errors": e.showErrors, "test-screen-definition": e.testScreenDefinition || !1, "loop-context": e.loopContext, taskdraft: e.taskdraft }, on: { "after-submit": e.afterSubmit, submit: e.submit } })], 1);
 }, fK = [], pK = /* @__PURE__ */ ee(
   cK,
   dK,
   fK,
   !1,
   null,
-  "e0c23fad",
+  "f47c54c2",
   null,
   null
 );
@@ -45486,17 +45488,17 @@ const TK = {
     },
     // The fields used for our vue table
     tableFields() {
-      var e, r;
+      var e, r, i;
       const t = this.getTableFieldsFromDataSource();
-      return this.editable && !this.selfReferenced && t.push(TK), ["single-field", "single-record"].includes((e = this.source) == null ? void 0 : e.dataSelectionOptions) && t.unshift({
+      return this.editable && !this.selfReferenced && t.push(TK), ((e = this.source) == null ? void 0 : e.sourceOptions) === "Collection" && (["single-field", "single-record"].includes((r = this.source) == null ? void 0 : r.dataSelectionOptions) && t.unshift({
         key: "radio",
         label: "",
         sortable: !1
-      }), ((r = this.source) == null ? void 0 : r.dataSelectionOptions) === "multiple-records" && t.unshift({
+      }), ((i = this.source) == null ? void 0 : i.dataSelectionOptions) === "multiple-records" && t.unshift({
         key: "checkbox",
         label: "",
         sortable: !1
-      }), t;
+      })), t;
     },
     // Determines if the form used for add/edit is self referencing. If so, we should not show it
     selfReferenced() {
@@ -46425,14 +46427,14 @@ var r_ = function() {
         } }, [e.containsHTML(e.getNestedPropertyValue(i, n)) ? [r("div", { class: { "pm-table-truncate": n.truncate }, style: { maxWidth: n.width + "px" }, attrs: { id: `element-${a}-${s}` } }, [r("span", { domProps: { innerHTML: e._s(e.sanitize(e.getNestedPropertyValue(i, n))) } })]), n.truncate ? r("b-tooltip", { attrs: { target: `element-${a}-${s}`, "custom-class": "pm-table-tooltip", placement: "topright", trigger: "hover", boundary: "viewport", delay: { show: 0, hide: 0 } }, on: { show: e.checkIfTooltipIsNeeded } }, [e._v(" " + e._s(e.sanitizeTooltip(e.getNestedPropertyValue(i, n))) + " ")]) : e._e()] : [e.isComponent(i[n.field]) ? [r(i[n.field].component, e._b({ tag: "component" }, "component", i[n.field].props, !1))] : [r("div", { class: { "pm-table-truncate": n.truncate }, style: { maxWidth: n.width + "px" }, attrs: { id: `element-${a}-${s}` } }, [e._v(" " + e._s(e.getNestedPropertyValue(i, n)) + " "), n.truncate ? r("b-tooltip", { attrs: { target: `element-${a}-${s}`, "custom-class": "pm-table-tooltip", placement: "topright", trigger: "hover", boundary: "viewport", delay: { show: 0, hide: 0 } }, on: { show: e.checkIfTooltipIsNeeded } }, [e._v(" " + e._s(e.getNestedPropertyValue(i, n)) + " ")]) : e._e()], 1)]]], 2);
       });
     }, proxy: !0 };
-  })], null, !0) })], 1) : r("div", [r("formEmpty", { attrs: { link: "Requests", title: "No Cases to Show", url: e.noDataUrl } })], 1);
+  })], null, !0) })], 1) : r("div", [r("formEmpty", { attrs: { link: "Requests", title: e.$t("No Cases to Show"), url: e.noDataUrl } })], 1);
 }, i_ = [], a_ = /* @__PURE__ */ ee(
   t_,
   r_,
   i_,
   !1,
   null,
-  "7880db17",
+  "2a7e0d76",
   null,
   null
 );
@@ -46575,7 +46577,7 @@ var f_ = function() {
     return e._l(e.emptyStartEvents(i), function(n, s) {
       return r("div", { key: `process-${a}-${s}`, staticClass: "col-sm-6" }, [r("ProcessCard", { attrs: { filter: e.filter, process: i, event: n } })], 1);
     });
-  })], 2)]) : r("div", [r("formEmpty", { attrs: { link: "", title: "No Case to Start", url: "" } })], 1)]);
+  })], 2)]) : r("div", [r("formEmpty", { attrs: { link: "", title: e.$t("No Case to Start"), url: "" } })], 1)]);
 }, p_ = [], h_ = /* @__PURE__ */ ee(
   d_,
   f_,
@@ -46618,11 +46620,11 @@ const v_ = {
   },
   watch: {
     listOption() {
-      this.title = this.checkTitle(this.listOption), this.dataControl = {};
+      this.title = this.$t(this.checkTitle(this.listOption)), this.dataControl = {};
     }
   },
   mounted() {
-    this.title = this.checkTitle(this.listOption);
+    this.title = this.$t(this.checkTitle(this.listOption));
   },
   methods: {
     /**
@@ -46705,7 +46707,7 @@ var g_ = function() {
   b_,
   !1,
   null,
-  "d2551af0",
+  "c896b8d7",
   null,
   null
 );
@@ -46873,7 +46875,8 @@ const Nu = L_.exports, yg = [
       dataRecordList: [],
       idCollectionScreenView: null,
       idCollectionScreenEdit: null,
-      screenMode: null
+      screenMode: null,
+      collectionsMap: {}
     };
   },
   computed: {
@@ -46892,7 +46895,7 @@ const Nu = L_.exports, yg = [
     },
     collectionId: {
       handler() {
-        this.getFields();
+        this.updateScreenIds(), this.getFields();
       }
     },
     options: {
@@ -46922,12 +46925,14 @@ const Nu = L_.exports, yg = [
     },
     getCollections() {
       this.$dataProvider.getCollections().then((t) => {
-        const [e = {}] = t.data.data || [];
-        this.idCollectionScreenView = e.read_screen_id, this.idCollectionScreenEdit = e.create_screen_id, this.collections = [
+        this.collectionsMap = t.data.data.reduce((e, r) => (e[r.id] = {
+          read_screen_id: r.read_screen_id,
+          create_screen_id: r.create_screen_id
+        }, e), {}), this.collections = [
           { value: null, text: this.$t("Select a collection") },
-          ...t.data.data.map((r) => ({
-            text: r.name,
-            value: r.id
+          ...t.data.data.map((e) => ({
+            text: e.name,
+            value: e.id
           }))
         ];
       });
@@ -46949,6 +46954,13 @@ const Nu = L_.exports, yg = [
     },
     onPmqlChange(t) {
       this.pmql = t;
+    },
+    updateScreenIds() {
+      if (this.collectionId && this.collectionsMap[this.collectionId]) {
+        const t = this.collectionsMap[this.collectionId];
+        this.idCollectionScreenView = t.read_screen_id, this.idCollectionScreenEdit = t.create_screen_id;
+      } else
+        this.idCollectionScreenView = null, this.idCollectionScreenEdit = null;
     }
   }
 };
@@ -47007,7 +47019,8 @@ const V_ = typeof window > "u" ? global : window, Jc = [
       screenType: "",
       hasMustache: !1,
       flagDraft: {},
-      taskDraft: {}
+      taskDraft: {},
+      enableDraft: !0
     };
   },
   computed: {
@@ -47055,9 +47068,9 @@ const V_ = typeof window > "u" ? global : window, Jc = [
         var o, u;
         this.placeholder = "";
         const a = i.data, n = i.collection.read_screen_id, s = i.collection.update_screen_id;
-        this.screenCollectionId = this.selDisplayMode === "View" ? n : s, this.loadScreen(this.screenCollectionId), ((u = (o = this.taskDraft) == null ? void 0 : o.draft) == null ? void 0 : u.data) == null || this.taskDraft.draft.data === "" ? this.localData = a : this.localData = ie.merge({}, a, this.taskDraft.draft.data);
+        this.screenCollectionId = typeof this.selDisplayMode == "function" ? this.collectionmode.modeId === "View" ? n : s : this.selDisplayMode === "View" ? n : s, this.loadScreen(this.screenCollectionId), ((u = (o = this.taskDraft) == null ? void 0 : o.draft) == null ? void 0 : u.data) == null || this.taskDraft.draft.data === "" || !this.enableDraft ? this.localData = a : this.localData = ie.merge({}, a, this.taskDraft.draft.data);
       }).catch(() => {
-        this.localData = {}, V_.ProcessMaker.alert(this.$t("This content does not exist. We could not locate indicated data"), "danger");
+        this.localData = {}, V_.ProcessMaker.alert(this.$t("This content does not exist. We could not locate indicated data"), "danger"), this.placeholder = "Select a collection";
       });
     },
     isMustache(t) {
@@ -47074,7 +47087,7 @@ const V_ = typeof window > "u" ? global : window, Jc = [
       t && (this.selCollectionId = t.collectionId);
     },
     record(t) {
-      this.hasMustache = !1, t && !isNaN(t) && t > 0 && this.collection.collectionId ? (this.selRecordId = t, this.loadRecordCollection(this.collection.collectionId, t, this.selDisplayMode)) : (this.isMustache(t) && this.callbackRecord(), this.localData = {});
+      this.hasMustache = !1, this.enableDraft = !1, t && !isNaN(t) && t > 0 && this.collection.collectionId ? (this.selRecordId = t, this.loadRecordCollection(this.collection.collectionId, t, this.selDisplayMode)) : (this.isMustache(t) && this.callbackRecord(), this.localData = {});
     },
     collectionmode(t) {
       t && (this.selDisplayMode = t.modeId), this.loadRecordCollection(this.selCollectionId, this.selRecordId, this.selDisplayMode);
@@ -49077,7 +49090,7 @@ var bee = function() {
     e.showJsonEditor = !1;
   } } }, [r("i", { staticClass: "fas fa-code", attrs: { "aria-hidden": "true" } }), e._v(" " + e._s(e.$t("Edit as Option List")) + " ")])], 1) : e._e(), e.showTypeOfValueReturned ? r("div", [r("label", { attrs: { for: "value-type-returned" } }, [e._v(e._s(e.$t("Type of Value Returned")))]), r("b-form-select", { attrs: { id: "value-type-returded", options: e.returnValueOptions, "data-cy": "inspector-value-returned" }, model: { value: e.valueTypeReturned, callback: function(i) {
     e.valueTypeReturned = i;
-  }, expression: "valueTypeReturned" } }), r("small", { staticClass: "form-text text-muted mb-3" }, [e._v(e._s(e.$t("Select 'Single Value' to use parts of the selected object. Select 'Object' to use the entire selected value.")))])], 1) : e._e(), e.dataSource === e.dataSourceValues.dataConnector ? r("div", [e.valueTypeReturned === "single" ? r("div", [r("label", { attrs: { for: "key" } }, [e._v(e._s(e.$t("Value")))]), r("mustache-helper"), r("b-form-input", { attrs: { id: "key", "data-cy": "inspector-datasource-value" }, on: { change: e.keyChanged }, model: { value: e.key, callback: function(i) {
+  }, expression: "valueTypeReturned" } }), r("small", { staticClass: "form-text text-muted mb-3" }, [e._v(e._s(e.$t("Select 'Single Value' to use parts of the selected object. Select 'Object' to use the entire selected value.")))])], 1) : e._e(), e.dataSource === e.dataSourceValues.dataConnector ? r("div", [e.valueTypeReturned === "single" || e.valueTypeReturned === "object" && e.$attrs["screen-type"] === "conversational" ? r("div", [r("label", { attrs: { for: "key" } }, [e._v(e._s(e.$t("Value")))]), r("mustache-helper"), r("b-form-input", { attrs: { id: "key", "data-cy": "inspector-datasource-value" }, on: { change: e.keyChanged }, model: { value: e.key, callback: function(i) {
     e.key = i;
   }, expression: "key" } }), r("small", { staticClass: "form-text text-muted mb-3" }, [e._v(e._s(e.$t("Key name in the selected object to use as the value of this control. Leave blank to use the entire selected value.")))])], 1) : e._e(), r("label", { attrs: { for: "value" } }, [e._v(e._s(e.$t("Content")))]), r("mustache-helper"), r("b-form-input", { attrs: { id: "value", "data-cy": "inspector-datasource-content" }, on: { change: e.valueChanged }, model: { value: e.value, callback: function(i) {
     e.value = i;
@@ -49096,7 +49109,7 @@ var bee = function() {
   yee,
   !1,
   null,
-  "282ac989",
+  "d8fa58ec",
   null,
   null
 );
@@ -51917,22 +51930,22 @@ var yre = function() {
         return e.removeFromClipboard(e.extendedPages[i].items[n]);
       } } }) : e._e(), e.isAiSection(a) && e.aiPreview(a) ? r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { "data-test": "apply-ai-btn", title: e.$t("Apply Changes") }, on: { click: function(s) {
         return e.applyAiChanges(a);
-      } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(a) && e.aiPreview(a) ? e._e() : r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { "data-test": "copy-control-btn", title: e.$t("Copy Control") }, on: { click: function(s) {
+      } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(a) && e.aiPreview(a) ? e._e() : r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { "data-test": "copy-control-btn", title: e.$t("Copy Control") }, on: { click: function(s) {
         return e.duplicateItem(n);
       } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { "data-test": "delete-control-btn", title: e.$t("Delete Control") }, on: { click: function(s) {
         return e.deleteItem(n);
-      } } }, [r("i", { staticClass: "far fa-trash-alt text-light" })])], 1)], 1) : e._e(), r(a["editor-component"], { tag: "component", staticClass: "card-body", class: e.styleMode === "Modern" && a.component === "FormRecordList" ? e.elementCssClassModern(a) : e.elementCssClass(a), attrs: { "validation-errors": e.validationErrors, selected: e.selected, config: a.config, "ai-element": a, "screen-type": e.screenType }, on: { inspect: e.inspect, "update-state": e.updateState }, model: { value: a.items, callback: function(s) {
+      } } }, [r("i", { staticClass: "far fa-trash-alt text-light" })])], 1)], 1) : e._e(), r(a["editor-component"], { tag: "component", staticClass: "card-body", class: e.elementCssClass(a), attrs: { "validation-errors": e.validationErrors, selected: e.selected, config: a.config, "ai-element": a, "screen-type": e.screenType }, on: { inspect: e.inspect, "update-state": e.updateState }, model: { value: a.items, callback: function(s) {
         e.$set(a, "items", s);
       }, expression: "element.items" } })], 1) : r("div", { staticClass: "card", attrs: { "data-cy": "screen-element-container" } }, [e.selected === a ? r("div", { staticClass: "card-header form-element-header d-flex align-items-center" }, [r("i", { staticClass: "fas fa-arrows-alt-v mr-1 text-muted" }), a.config.icon ? r("i", { staticClass: "mr-2 ml-1", class: a.config.icon }) : e._e(), e._v(" " + e._s(a.config.name || e.$t("Variable Name")) + " "), !e.isClipboardPage(i) && e.isInClipboard(e.extendedPages[i].items[n]) && e.screenType === "form" ? r("b-badge", { staticClass: "m-2 custom-badge", attrs: { "data-cy": "copied-badge", pill: "" } }, [r("i", { staticClass: "far fa-check-circle" }), r("span", { staticClass: "pl-2" }, [e._v(e._s(e.$t("Copied")))])]) : e._e(), r("div", { staticClass: "ml-auto" }, [!e.isClipboardPage(i) && e.screenType === "form" ? r("clipboard-button", { attrs: { index: n, config: a.config, isInClipboard: e.isInClipboard(e.extendedPages[i].items[n]), addTitle: e.$t("Add to clipboard"), removeTitle: e.$t("Remove from clipboard") }, on: { addToClipboard: function(s) {
         return e.addToClipboard(e.extendedPages[i].items[n]);
       }, removeFromClipboard: function(s) {
         return e.removeFromClipboard(e.extendedPages[i].items[n]);
-      } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(s) {
+      } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(s) {
         return e.duplicateItem(n);
       } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { title: e.$t("Delete Control") }, on: { click: function(s) {
         return e.deleteItem(n);
       } } }, [r("i", { staticClass: "far fa-trash-alt text-light" })])], 1)], 1) : e._e(), r(a["editor-component"], e._b({ tag: "component", staticClass: "card-body m-0 pb-4 pt-4", class: [
-        e.styleMode === "Modern" && a.component === "FormRecordList" ? e.elementCssClassModern(a) : e.elementCssClass(a),
+        e.elementCssClass(a),
         { "prevent-interaction": !a.config.interactive }
       ], attrs: { tabindex: a.config.interactive ? 0 : -1, "screen-type": e.screenType }, on: { input: function(s) {
         a.config.interactive && (a.config.content = s);
@@ -51985,7 +51998,7 @@ var yre = function() {
   xre,
   !1,
   null,
-  "a75f5502",
+  "8adaccab",
   null,
   null
 );
@@ -52535,7 +52548,16 @@ const Ire = Lu(Ere), hae = Lu(jre), mae = Lu([zre]), Lre = Lu([cS, uS]), Fre = N
           dataSource: yi.provideData,
           jsonData: ""
         },
-        form: ""
+        form: "",
+        source: {
+          collectionFields: [],
+          collectionFieldsColumns: [],
+          pmql: null,
+          sourceOptions: "Variable",
+          variableStore: null,
+          dataSelectionOptions: "no-selection",
+          singleField: null
+        }
       },
       inspector: [
         cr,
@@ -54009,7 +54031,7 @@ var Kre = function() {
       return e.removeFromClipboard(e.items[a]);
     } } }) : e._e(), e.isAiSection(i) && e.aiPreview(i) ? r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Apply Changes") }, on: { click: function(n) {
       return e.applyAiChanges(i);
-    } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(i) && e.aiPreview(i) ? e._e() : r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(n) {
+    } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(i) && e.aiPreview(i) ? e._e() : r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(n) {
       return e.duplicateItem(a);
     } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { "aria-label": e.$t("Delete") }, on: { click: function(n) {
       return e.deleteItem(a);
@@ -54021,7 +54043,7 @@ var Kre = function() {
       return e.addToClipboard(e.items[a]);
     }, removeFromClipboard: function(n) {
       return e.removeFromClipboard(e.items[a]);
-    } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(n) {
+    } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(n) {
       return e.duplicateItem(a);
     } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { "aria-label": e.$t("Delete") }, on: { click: function(n) {
       return e.deleteItem(a);
@@ -54038,7 +54060,7 @@ var Kre = function() {
   _re,
   !1,
   null,
-  "dbf93f27",
+  "9d689ab6",
   null,
   null
 );
@@ -54164,7 +54186,7 @@ var iie = function() {
         return e.removeFromClipboard(n);
       } } }) : e._e(), e.isAiSection(n) && e.aiPreview(n) ? r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Apply Changes") }, on: { click: function(o) {
         return e.applyAiChanges(n);
-      } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(n) && e.aiPreview(n) ? e._e() : r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { "aria-label": e.$t("Duplicate") }, on: { click: function(o) {
+      } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(n) && e.aiPreview(n) ? e._e() : r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { "aria-label": e.$t("Duplicate") }, on: { click: function(o) {
         return e.duplicateItem(a, s);
       } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { "aria-label": e.$t("Delete") }, on: { click: function(o) {
         return e.deleteItem(a, s);
@@ -54176,7 +54198,7 @@ var iie = function() {
         return e.addToClipboard(n);
       }, removeFromClipboard: function(o) {
         return e.removeFromClipboard(n);
-      } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(o) {
+      } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(o) {
         return e.duplicateItem(a, s);
       } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { "aria-label": e.$t("Delete") }, on: { click: function(o) {
         return e.deleteItem(a, s);
@@ -54194,7 +54216,7 @@ var iie = function() {
   aie,
   !1,
   null,
-  "c18cf715",
+  "fb76657c",
   null,
   null
 );