npm - @processmaker/screen-builder - Versions diffs - 2.66.0 → 2.68.0 - Mend

@processmaker/screen-builder 2.66.0 → 2.68.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/vue-form-builder.common.js +627 -332
package/dist/vue-form-builder.common.js.map +1 -1
package/dist/vue-form-builder.css +1 -1
package/dist/vue-form-builder.umd.js +627 -332
package/dist/vue-form-builder.umd.js.map +1 -1
package/dist/vue-form-builder.umd.min.js +5 -5
package/dist/vue-form-builder.umd.min.js.map +1 -1
package/package.json +3 -3
package/src/components/inspector/collection-select-list.vue +33 -10
package/src/components/inspector/options-list.vue +2 -4
package/src/components/watchers-form.vue +0 -18

package/dist/vue-form-builder.common.js CHANGED Viewed

@@ -3428,7 +3428,7 @@ module.exports = function () {
 "use strict";
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/default-value-editor.vue?vue&type=template&id=172d71e1&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/default-value-editor.vue?vue&type=template&id=172d71e1&scoped=true&
 var cov_2kja776wrx = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/default-value-editor.vue";
   var hash = "f43729afe3b1c70df21fd28aee1b703735eab4b2";
@@ -5275,7 +5275,7 @@ module.exports = function spread(callback) {
 "use strict";
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-image.vue?vue&type=template&id=61f16f4e&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-image.vue?vue&type=template&id=61f16f4e&scoped=true&
 var cov_n0peaqvx5 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/form-image.vue";
   var hash = "141c5129373777a8ed596138aa56af9d96d04218";
@@ -6983,7 +6983,7 @@ module.exports = baseAssignIn;
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
 var es6_function_name = __webpack_require__("7f7f");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/form-multiselect.vue?vue&type=template&id=3d66b14a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/form-multiselect.vue?vue&type=template&id=3d66b14a&
 var cov_2ljbclhtyr = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/form-multiselect.vue";
   var hash = "27ece4f3ff72576887d4c66184eaf985a1b78962";
@@ -23021,7 +23021,7 @@ $exports.store = store;
 "use strict";
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-record-list.vue?vue&type=template&id=db5edcac&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-record-list.vue?vue&type=template&id=db5edcac&
 var cov_9n71d0icq = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/form-record-list.vue";
   var hash = "9be374620aedb4a95726cb2344d6baed8eee2f78";
@@ -47155,7 +47155,7 @@ module.exports = createAssigner;
 "use strict";
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/utils/multiple-uploads-checkbox.vue?vue&type=template&id=3ee96741&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/utils/multiple-uploads-checkbox.vue?vue&type=template&id=3ee96741&
 var cov_141wsw7ql5 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/utils/multiple-uploads-checkbox.vue";
   var hash = "452d2e6b3aaf2622293753a4564bc09a65bd3c91";
@@ -59227,17 +59227,6 @@ module.exports = {
 };
-/***/ }),
-/***/ "4ea4":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_options_list_vue_vue_type_style_index_0_id_36fbc8fc_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d8a6");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_options_list_vue_vue_type_style_index_0_id_36fbc8fc_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_options_list_vue_vue_type_style_index_0_id_36fbc8fc_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
 /***/ }),
 /***/ "4ee1":
@@ -78068,7 +78057,7 @@ module.exports = baseCreate;
 "use strict";
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-text.vue?vue&type=template&id=1d8aa328&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-text.vue?vue&type=template&id=1d8aa328&
 var cov_gmroiyes2 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/form-text.vue";
   var hash = "b023fb2079b19076b1a369b15496b20381c0a935";
@@ -90093,7 +90082,7 @@ var es7_array_includes = __webpack_require__("6762");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.includes.js
 var es6_string_includes = __webpack_require__("2fdb");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-nested-screen.vue?vue&type=template&id=399b8f60&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-nested-screen.vue?vue&type=template&id=399b8f60&
 var cov_2b91iu6td8 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/form-nested-screen.vue";
   var hash = "3e2d634168446727d68ffb798aaf97a34ac68cbf";
@@ -94810,6 +94799,13 @@ function cloneSymbol(symbol) {
 module.exports = cloneSymbol;
+/***/ }),
+/***/ "a34f":
+/***/ (function(module, exports, __webpack_require__) {
+// extracted by mini-css-extract-plugin
 /***/ }),
 /***/ "a356":
@@ -99360,7 +99356,7 @@ __webpack_require__.d(__webpack_exports__, "ImageVariable", function() { return
 __webpack_require__.d(__webpack_exports__, "InputVariable", function() { return /* reexport */ input_variable; });
 __webpack_require__.d(__webpack_exports__, "Tooltip", function() { return /* reexport */ tooltip["a" /* default */]; });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/color-select.vue?vue&type=template&id=d313c8b0&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/color-select.vue?vue&type=template&id=d313c8b0&scoped=true&
 var cov_5jq4b47ne = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/color-select.vue";
   var hash = "79a8841f8fa57c0261c507142f49cb3643b2a28d";
@@ -99952,7 +99948,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var color_select = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/container-columns.vue?vue&type=template&id=49e59f53&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/container-columns.vue?vue&type=template&id=49e59f53&
 var cov_19j474sst9 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/container-columns.vue";
   var hash = "898c47e373e75c3dcd9825891f68d4bf9887dee3";
@@ -101933,7 +101929,7 @@ var container_columns_component = Object(componentNormalizer["a" /* default */])
 // EXTERNAL MODULE: ./src/components/inspector/form-multiselect.vue + 4 modules
 var form_multiselect = __webpack_require__("0f4c");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/image-upload.vue?vue&type=template&id=824a7674&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/image-upload.vue?vue&type=template&id=824a7674&scoped=true&
 var cov_2nihtdwyd9 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/image-upload.vue";
   var hash = "833cf0da949b0e7ab5c3f9f9b0a47839933710b1";
@@ -102434,10 +102430,10 @@ var image_upload_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var image_upload = (image_upload_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/options-list.vue?vue&type=template&id=36fbc8fc&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/options-list.vue?vue&type=template&id=32c37bc3&scoped=true&
 var cov_sazs40iha = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/options-list.vue";
-  var hash = "84b75d15a6ec77ae1d58f28f2f486ac6d1d9d0b7";
+  var hash = "11d2ec2b2a2d43d5f08b8ad2ea4bb93aa4ad4ffe";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -102480,7 +102476,7 @@ var cov_sazs40iha = function () {
         },
         end: {
           line: 1,
-          column: 15363
+          column: 15365
         }
       },
       "4": {
@@ -102914,6 +102910,16 @@ var cov_sazs40iha = function () {
         }
       },
       "47": {
+        start: {
+          line: 1,
+          column: 15206
+        },
+        end: {
+          line: 1,
+          column: 15223
+        }
+      },
+      "48": {
         start: {
           line: 3,
           column: 22
@@ -103764,6 +103770,30 @@ var cov_sazs40iha = function () {
           }
         },
         line: 1
+      },
+      "35": {
+        name: "(anonymous_35)",
+        decl: {
+          start: {
+            line: 1,
+            column: 15190
+          },
+          end: {
+            line: 1,
+            column: 15191
+          }
+        },
+        loc: {
+          start: {
+            line: 1,
+            column: 15205
+          },
+          end: {
+            line: 1,
+            column: 15224
+          }
+        },
+        line: 1
       }
     },
     branchMap: {
@@ -104930,7 +104960,7 @@ var cov_sazs40iha = function () {
           },
           end: {
             line: 1,
-            column: 15359
+            column: 15361
           }
         },
         type: "cond-expr",
@@ -104941,16 +104971,16 @@ var cov_sazs40iha = function () {
           },
           end: {
             line: 1,
-            column: 15350
+            column: 15352
           }
         }, {
           start: {
             line: 1,
-            column: 15351
+            column: 15353
           },
           end: {
             line: 1,
-            column: 15359
+            column: 15361
           }
         }],
         line: 1
@@ -105004,7 +105034,8 @@ var cov_sazs40iha = function () {
       "44": 0,
       "45": 0,
       "46": 0,
-      "47": 0
+      "47": 0,
+      "48": 0
     },
     f: {
       "0": 0,
@@ -105041,7 +105072,8 @@ var cov_sazs40iha = function () {
       "31": 0,
       "32": 0,
       "33": 0,
-      "34": 0
+      "34": 0,
+      "35": 0
     },
     b: {
       "0": [0, 0],
@@ -105082,7 +105114,7 @@ var cov_sazs40iha = function () {
       "35": [0, 0]
     },
     _coverageSchema: "43e27e138ebf9cfc5966b082cf9a028302ed4184",
-    hash: "84b75d15a6ec77ae1d58f28f2f486ac6d1d9d0b7"
+    hash: "11d2ec2b2a2d43d5f08b8ad2ea4bb93aa4ad4ffe"
   };
   var coverage = global[gcv] || (global[gcv] = {});
@@ -105095,7 +105127,7 @@ var cov_sazs40iha = function () {
 cov_sazs40iha.s[0]++;
-var options_listvue_type_template_id_36fbc8fc_scoped_true_render = function render() {
+var options_listvue_type_template_id_32c37bc3_scoped_true_render = function render() {
   cov_sazs40iha.f[0]++;
   var _vm = (cov_sazs40iha.s[1]++, this),
@@ -105835,23 +105867,27 @@ var options_listvue_type_template_id_36fbc8fc_scoped_true_render = function rend
     attrs: {
       "search-type": 'collections',
       "input-label": 'PMQL',
-      "value": _vm.pmqlQuery,
       "condensed": true,
       "ai-enabled": true,
       "placeholder": _vm.$t('PMQL')
     },
-    on: {
-      "submit": _vm.onNLQConversion,
-      "pmqlchange": _vm.onDebouncedPmqlChange
+    model: {
+      value: _vm.pmqlQuery,
+      callback: function callback($$v) {
+        cov_sazs40iha.f[35]++;
+        cov_sazs40iha.s[47]++;
+        _vm.pmqlQuery = $$v;
+      },
+      expression: "pmqlQuery"
     }
   }), _c('small', {
     staticClass: "form-text text-muted"
   }, [_vm._v(_vm._s(_vm.$t('Advanced data search')))])], 1)) : (cov_sazs40iha.b[35][1]++, _vm._e())], 1);
 };
-var options_listvue_type_template_id_36fbc8fc_scoped_true_staticRenderFns = (cov_sazs40iha.s[47]++, []);
+var options_listvue_type_template_id_32c37bc3_scoped_true_staticRenderFns = (cov_sazs40iha.s[48]++, []);
-// CONCATENATED MODULE: ./src/components/inspector/options-list.vue?vue&type=template&id=36fbc8fc&scoped=true&
+// CONCATENATED MODULE: ./src/components/inspector/options-list.vue?vue&type=template&id=32c37bc3&scoped=true&
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.find.js
 var es6_array_find = __webpack_require__("7514");
@@ -105876,7 +105912,7 @@ var data_source_types = __webpack_require__("b71d");
 var external_vue_monaco_ = __webpack_require__("68c9");
 var external_vue_monaco_default = /*#__PURE__*/__webpack_require__.n(external_vue_monaco_);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/mustache-helper.vue?vue&type=template&id=960c673a&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/mustache-helper.vue?vue&type=template&id=960c673a&scoped=true&
 var cov_1mi0c0fgwo = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/mustache-helper.vue";
   var hash = "e2f7f9d40e2931e642a3a11d1f916998a00f041e";
@@ -106076,10 +106112,10 @@ var mustache_helper_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var mustache_helper = (mustache_helper_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/collection-select-list.vue?vue&type=template&id=2c0acff8&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/collection-select-list.vue?vue&type=template&id=2977afb0&
 var cov_1o8bn0q56c = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/collection-select-list.vue";
-  var hash = "65f751f2add00020db823b534a3adee13014b005";
+  var hash = "e5c71748122a4658758393139d93d95a630c01dc";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -106122,7 +106158,7 @@ var cov_1o8bn0q56c = function () {
         },
         end: {
           line: 1,
-          column: 1572
+          column: 1991
         }
       },
       "4": {
@@ -106158,14 +106194,24 @@ var cov_1o8bn0q56c = function () {
       "7": {
         start: {
           line: 1,
-          column: 1381
+          column: 1407
         },
         end: {
           line: 1,
-          column: 1393
+          column: 1419
         }
       },
       "8": {
+        start: {
+          line: 1,
+          column: 1938
+        },
+        end: {
+          line: 1,
+          column: 1952
+        }
+      },
+      "9": {
         start: {
           line: 3,
           column: 22
@@ -106278,21 +106324,45 @@ var cov_1o8bn0q56c = function () {
         decl: {
           start: {
             line: 1,
-            column: 1365
+            column: 1391
           },
           end: {
             line: 1,
-            column: 1366
+            column: 1392
           }
         },
         loc: {
           start: {
             line: 1,
-            column: 1380
+            column: 1406
           },
           end: {
             line: 1,
-            column: 1394
+            column: 1420
+          }
+        },
+        line: 1
+      },
+      "5": {
+        name: "(anonymous_5)",
+        decl: {
+          start: {
+            line: 1,
+            column: 1922
+          },
+          end: {
+            line: 1,
+            column: 1923
+          }
+        },
+        loc: {
+          start: {
+            line: 1,
+            column: 1937
+          },
+          end: {
+            line: 1,
+            column: 1953
           }
         },
         line: 1
@@ -106373,7 +106443,7 @@ var cov_1o8bn0q56c = function () {
           },
           end: {
             line: 1,
-            column: 1570
+            column: 1552
           }
         },
         type: "cond-expr",
@@ -106384,16 +106454,49 @@ var cov_1o8bn0q56c = function () {
           },
           end: {
             line: 1,
-            column: 1561
+            column: 1543
           }
         }, {
           start: {
             line: 1,
-            column: 1562
+            column: 1544
           },
           end: {
             line: 1,
-            column: 1570
+            column: 1552
+          }
+        }],
+        line: 1
+      },
+      "3": {
+        loc: {
+          start: {
+            line: 1,
+            column: 1553
+          },
+          end: {
+            line: 1,
+            column: 1989
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 1,
+            column: 1577
+          },
+          end: {
+            line: 1,
+            column: 1980
+          }
+        }, {
+          start: {
+            line: 1,
+            column: 1981
+          },
+          end: {
+            line: 1,
+            column: 1989
           }
         }],
         line: 1
@@ -106408,22 +106511,25 @@ var cov_1o8bn0q56c = function () {
       "5": 0,
       "6": 0,
       "7": 0,
-      "8": 0
+      "8": 0,
+      "9": 0
     },
     f: {
       "0": 0,
       "1": 0,
       "2": 0,
       "3": 0,
-      "4": 0
+      "4": 0,
+      "5": 0
     },
     b: {
       "0": [0, 0],
       "1": [0, 0],
-      "2": [0, 0]
+      "2": [0, 0],
+      "3": [0, 0]
     },
     _coverageSchema: "43e27e138ebf9cfc5966b082cf9a028302ed4184",
-    hash: "65f751f2add00020db823b534a3adee13014b005"
+    hash: "e5c71748122a4658758393139d93d95a630c01dc"
   };
   var coverage = global[gcv] || (global[gcv] = {});
@@ -106436,7 +106542,7 @@ var cov_1o8bn0q56c = function () {
 cov_1o8bn0q56c.s[0]++;
-var collection_select_listvue_type_template_id_2c0acff8_render = function render() {
+var collection_select_listvue_type_template_id_2977afb0_render = function render() {
   cov_1o8bn0q56c.f[0]++;
   var _vm = (cov_1o8bn0q56c.s[1]++, this),
@@ -106509,15 +106615,15 @@ var collection_select_listvue_type_template_id_2c0acff8_render = function render
     }
   })], 1)) : (cov_1o8bn0q56c.b[1][1]++, _vm._e()), _vm.fields.length > 1 ? (cov_1o8bn0q56c.b[2][0]++, _c('div', {
     staticClass: "mt-3"
-  }, [_c('label', {
-    attrs: {
-      "for": "pmql"
-    }
-  }, [_vm._v(_vm._s(_vm.$t("PMQL")))]), _c('mustache-helper'), _c('b-form-textarea', {
+  }, [_c('pmql-input', {
+    staticClass: "mb-1",
     attrs: {
-      "id": "pmql",
-      "rows": "4",
-      "data-cy": "inspector-collection-pmql"
+      "search-type": 'collections_w_mustaches',
+      "data-cy": "inspector-collection-pmql",
+      "input-label": 'PMQL',
+      "condensed": true,
+      "ai-enabled": true,
+      "placeholder": _vm.$t('PMQL')
     },
     model: {
       value: _vm.pmql,
@@ -106530,17 +106636,34 @@ var collection_select_listvue_type_template_id_2c0acff8_render = function render
     }
   }), _c('small', {
     staticClass: "form-text text-muted"
-  }, [_vm._v(_vm._s(_vm.$t("Add a PMQL query to filter the result list. Use `data` as prefix")))])], 1)) : (cov_1o8bn0q56c.b[2][1]++, _vm._e())]);
+  }, [_vm._v(_vm._s(_vm.$t('Advanced data search')))])], 1)) : (cov_1o8bn0q56c.b[2][1]++, _vm._e()), _vm.fields.length > 1 ? (cov_1o8bn0q56c.b[3][0]++, _c('div', {
+    staticClass: "mt-3"
+  }, [_c('form-checkbox', {
+    attrs: {
+      "label": _vm.$t('Ignore duplicates in list'),
+      "helper": _vm.$t('Select to show only distinct list entries if labels are repeated. Only the first value will be used if duplicate labels have different values.'),
+      "data-cy": "inspector-collection-isDependent"
+    },
+    model: {
+      value: _vm.unique,
+      callback: function callback($$v) {
+        cov_1o8bn0q56c.f[5]++;
+        cov_1o8bn0q56c.s[8]++;
+        _vm.unique = $$v;
+      },
+      expression: "unique"
+    }
+  })], 1)) : (cov_1o8bn0q56c.b[3][1]++, _vm._e())]);
 };
-var collection_select_listvue_type_template_id_2c0acff8_staticRenderFns = (cov_1o8bn0q56c.s[8]++, []);
+var collection_select_listvue_type_template_id_2977afb0_staticRenderFns = (cov_1o8bn0q56c.s[9]++, []);
-// CONCATENATED MODULE: ./src/components/inspector/collection-select-list.vue?vue&type=template&id=2c0acff8&
+// CONCATENATED MODULE: ./src/components/inspector/collection-select-list.vue?vue&type=template&id=2977afb0&
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/toConsumableArray.js + 3 modules
 var toConsumableArray = __webpack_require__("75fc");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/screen-variable-selector.vue?vue&type=template&id=095906e0&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/screen-variable-selector.vue?vue&type=template&id=095906e0&
 var cov_kewzy3vye = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/screen-variable-selector.vue";
   var hash = "42df4cd9c8dcf20ee100748ab8dfcc70d9b5ebbd";
@@ -107781,7 +107904,7 @@ var screen_variable_selector_component = Object(componentNormalizer["a" /* defau
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/collection-select-list.vue?vue&type=script&lang=js&
 var collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/collection-select-list.vue";
-  var hash = "8044a2b6de1813adf64b183e6a15da7596e0a288";
+  var hash = "e1cd20350142a75afb6b77b0347826b1054afd88";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -107789,231 +107912,271 @@ var collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c = function () {
     statementMap: {
       "0": {
         start: {
-          line: 6,
+          line: 7,
           column: 22
         },
         end: {
-          line: 11,
+          line: 13,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 20,
+          line: 22,
           column: 4
         },
         end: {
-          line: 27,
+          line: 30,
           column: 6
         }
       },
       "2": {
         start: {
-          line: 32,
+          line: 35,
           column: 8
         },
         end: {
-          line: 34,
+          line: 37,
           column: 9
         }
       },
       "3": {
         start: {
-          line: 33,
+          line: 36,
           column: 10
         },
         end: {
-          line: 33,
+          line: 36,
           column: 17
         }
       },
       "4": {
         start: {
-          line: 35,
+          line: 38,
           column: 8
         },
         end: {
-          line: 35,
+          line: 38,
           column: 67
         }
       },
       "5": {
         start: {
-          line: 35,
+          line: 38,
           column: 39
         },
         end: {
-          line: 35,
+          line: 38,
           column: 65
         }
       },
       "6": {
         start: {
-          line: 41,
+          line: 44,
           column: 8
         },
         end: {
-          line: 41,
+          line: 44,
           column: 25
         }
       },
       "7": {
         start: {
-          line: 46,
+          line: 49,
           column: 8
         },
         end: {
-          line: 46,
+          line: 49,
           column: 42
         }
       },
       "8": {
         start: {
-          line: 53,
+          line: 55,
+          column: 4
+        },
+        end: {
+          line: 57,
+          column: 13
+        }
+      },
+      "9": {
+        start: {
+          line: 56,
           column: 6
         },
         end: {
-          line: 53,
+          line: 56,
+          column: 30
+        }
+      },
+      "10": {
+        start: {
+          line: 61,
+          column: 6
+        },
+        end: {
+          line: 61,
           column: 82
         }
       },
-      "9": {
+      "11": {
         start: {
-          line: 53,
+          line: 61,
           column: 59
         },
         end: {
-          line: 53,
+          line: 61,
           column: 79
         }
       },
-      "10": {
+      "12": {
         start: {
-          line: 58,
+          line: 66,
           column: 6
         },
         end: {
-          line: 58,
+          line: 66,
           column: 29
         }
       },
-      "11": {
+      "13": {
         start: {
-          line: 59,
+          line: 67,
           column: 6
         },
         end: {
-          line: 59,
+          line: 67,
           column: 29
         }
       },
-      "12": {
+      "14": {
         start: {
-          line: 62,
+          line: 70,
           column: 6
         },
         end: {
-          line: 72,
+          line: 80,
           column: 9
         }
       },
-      "13": {
+      "15": {
         start: {
-          line: 63,
+          line: 71,
           column: 8
         },
         end: {
-          line: 71,
+          line: 79,
           column: 10
         }
       },
-      "14": {
+      "16": {
         start: {
-          line: 66,
+          line: 74,
           column: 12
         },
         end: {
-          line: 69,
+          line: 77,
           column: 14
         }
       },
-      "15": {
+      "17": {
         start: {
-          line: 75,
+          line: 83,
           column: 6
         },
         end: {
-          line: 77,
+          line: 85,
           column: 7
         }
       },
-      "16": {
+      "18": {
         start: {
-          line: 76,
+          line: 84,
           column: 8
         },
         end: {
-          line: 76,
+          line: 84,
           column: 15
         }
       },
-      "17": {
+      "19": {
         start: {
-          line: 79,
+          line: 87,
           column: 6
         },
         end: {
-          line: 92,
+          line: 100,
           column: 11
         }
       },
-      "18": {
+      "20": {
         start: {
-          line: 82,
+          line: 90,
           column: 10
         },
         end: {
-          line: 91,
+          line: 99,
           column: 12
         }
       },
-      "19": {
+      "21": {
         start: {
-          line: 86,
+          line: 94,
           column: 14
         },
         end: {
-          line: 89,
+          line: 97,
           column: 16
         }
       },
-      "20": {
+      "22": {
         start: {
-          line: 96,
+          line: 103,
+          column: 6
+        },
+        end: {
+          line: 103,
+          column: 23
+        }
+      },
+      "23": {
+        start: {
+          line: 106,
+          column: 6
+        },
+        end: {
+          line: 106,
+          column: 23
+        }
+      },
+      "24": {
+        start: {
+          line: 110,
           column: 4
         },
         end: {
-          line: 96,
+          line: 110,
           column: 26
         }
       },
-      "21": {
+      "25": {
         start: {
-          line: 97,
+          line: 111,
           column: 4
         },
         end: {
-          line: 99,
+          line: 113,
           column: 5
         }
       },
-      "22": {
+      "26": {
         start: {
-          line: 98,
+          line: 112,
           column: 6
         },
         end: {
-          line: 98,
+          line: 112,
           column: 23
         }
       }
@@ -108023,462 +108186,558 @@ var collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c = function () {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 19,
+            line: 21,
             column: 2
           },
           end: {
-            line: 19,
+            line: 21,
             column: 3
           }
         },
         loc: {
           start: {
-            line: 19,
+            line: 21,
             column: 9
           },
           end: {
-            line: 28,
+            line: 31,
             column: 3
           }
         },
-        line: 19
+        line: 21
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 31,
+            line: 34,
             column: 6
           },
           end: {
-            line: 31,
+            line: 34,
             column: 7
           }
         },
         loc: {
           start: {
-            line: 31,
+            line: 34,
             column: 21
           },
           end: {
-            line: 36,
+            line: 39,
             column: 7
           }
         },
-        line: 31
+        line: 34
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 35,
+            line: 38,
             column: 30
           },
           end: {
-            line: 35,
+            line: 38,
             column: 31
           }
         },
         loc: {
           start: {
-            line: 35,
+            line: 38,
             column: 39
           },
           end: {
-            line: 35,
+            line: 38,
             column: 65
           }
         },
-        line: 35
+        line: 38
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 40,
+            line: 43,
             column: 6
           },
           end: {
-            line: 40,
+            line: 43,
             column: 7
           }
         },
         loc: {
           start: {
-            line: 40,
+            line: 43,
             column: 16
           },
           end: {
-            line: 42,
+            line: 45,
             column: 7
           }
         },
-        line: 40
+        line: 43
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 45,
+            line: 48,
             column: 6
           },
           end: {
-            line: 45,
+            line: 48,
             column: 7
           }
         },
         loc: {
           start: {
-            line: 45,
+            line: 48,
             column: 16
           },
           end: {
-            line: 47,
+            line: 50,
             column: 7
           }
         },
-        line: 45
+        line: 48
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 52,
+            line: 54,
+            column: 2
+          },
+          end: {
+            line: 54,
+            column: 3
+          }
+        },
+        loc: {
+          start: {
+            line: 54,
+            column: 12
+          },
+          end: {
+            line: 58,
+            column: 3
+          }
+        },
+        line: 54
+      },
+      "6": {
+        name: "(anonymous_6)",
+        decl: {
+          start: {
+            line: 55,
+            column: 42
+          },
+          end: {
+            line: 55,
+            column: 43
+          }
+        },
+        loc: {
+          start: {
+            line: 55,
+            column: 52
+          },
+          end: {
+            line: 57,
+            column: 5
+          }
+        },
+        line: 55
+      },
+      "7": {
+        name: "(anonymous_7)",
+        decl: {
+          start: {
+            line: 60,
             column: 4
           },
           end: {
-            line: 52,
+            line: 60,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 52,
+            line: 60,
             column: 14
           },
           end: {
-            line: 54,
+            line: 62,
             column: 5
           }
         },
-        line: 52
+        line: 60
       },
-      "6": {
-        name: "(anonymous_6)",
+      "8": {
+        name: "(anonymous_8)",
         decl: {
           start: {
-            line: 53,
+            line: 61,
             column: 50
           },
           end: {
-            line: 53,
+            line: 61,
             column: 51
           }
         },
         loc: {
           start: {
-            line: 53,
+            line: 61,
             column: 59
           },
           end: {
-            line: 53,
+            line: 61,
             column: 79
           }
         },
-        line: 53
+        line: 61
       },
-      "7": {
-        name: "(anonymous_7)",
+      "9": {
+        name: "(anonymous_9)",
         decl: {
           start: {
-            line: 57,
+            line: 65,
             column: 4
           },
           end: {
-            line: 57,
+            line: 65,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 57,
+            line: 65,
             column: 18
           },
           end: {
-            line: 60,
+            line: 68,
             column: 5
           }
         },
-        line: 57
+        line: 65
       },
-      "8": {
-        name: "(anonymous_8)",
+      "10": {
+        name: "(anonymous_10)",
         decl: {
           start: {
-            line: 61,
+            line: 69,
             column: 4
           },
           end: {
-            line: 61,
+            line: 69,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 61,
+            line: 69,
             column: 21
           },
           end: {
-            line: 73,
+            line: 81,
             column: 5
           }
         },
-        line: 61
+        line: 69
       },
-      "9": {
-        name: "(anonymous_9)",
+      "11": {
+        name: "(anonymous_11)",
         decl: {
           start: {
-            line: 62,
+            line: 70,
             column: 47
           },
           end: {
-            line: 62,
+            line: 70,
             column: 48
           }
         },
         loc: {
           start: {
-            line: 62,
+            line: 70,
             column: 61
           },
           end: {
-            line: 72,
+            line: 80,
             column: 7
           }
         },
-        line: 62
+        line: 70
       },
-      "10": {
-        name: "(anonymous_10)",
+      "12": {
+        name: "(anonymous_12)",
         decl: {
           start: {
-            line: 65,
+            line: 73,
             column: 36
           },
           end: {
-            line: 65,
+            line: 73,
             column: 37
           }
         },
         loc: {
           start: {
-            line: 65,
+            line: 73,
             column: 52
           },
           end: {
-            line: 70,
+            line: 78,
             column: 11
           }
         },
-        line: 65
+        line: 73
       },
-      "11": {
-        name: "(anonymous_11)",
+      "13": {
+        name: "(anonymous_13)",
         decl: {
           start: {
-            line: 74,
+            line: 82,
             column: 4
           },
           end: {
-            line: 74,
+            line: 82,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 74,
+            line: 82,
             column: 16
           },
           end: {
-            line: 93,
+            line: 101,
             column: 5
           }
         },
-        line: 74
+        line: 82
       },
-      "12": {
-        name: "(anonymous_12)",
+      "14": {
+        name: "(anonymous_14)",
         decl: {
           start: {
-            line: 81,
+            line: 89,
             column: 14
           },
           end: {
-            line: 81,
+            line: 89,
             column: 15
           }
         },
         loc: {
           start: {
-            line: 81,
+            line: 89,
             column: 28
           },
           end: {
-            line: 92,
+            line: 100,
             column: 9
           }
         },
-        line: 81
+        line: 89
       },
-      "13": {
-        name: "(anonymous_13)",
+      "15": {
+        name: "(anonymous_15)",
         decl: {
           start: {
-            line: 85,
+            line: 93,
             column: 38
           },
           end: {
-            line: 85,
+            line: 93,
             column: 39
           }
         },
         loc: {
           start: {
-            line: 85,
+            line: 93,
             column: 49
           },
           end: {
-            line: 90,
+            line: 98,
             column: 13
           }
         },
-        line: 85
+        line: 93
       },
-      "14": {
-        name: "(anonymous_14)",
+      "16": {
+        name: "(anonymous_16)",
         decl: {
           start: {
-            line: 95,
+            line: 102,
+            column: 4
+          },
+          end: {
+            line: 102,
+            column: 5
+          }
+        },
+        loc: {
+          start: {
+            line: 102,
+            column: 26
+          },
+          end: {
+            line: 104,
+            column: 5
+          }
+        },
+        line: 102
+      },
+      "17": {
+        name: "(anonymous_17)",
+        decl: {
+          start: {
+            line: 105,
+            column: 4
+          },
+          end: {
+            line: 105,
+            column: 5
+          }
+        },
+        loc: {
+          start: {
+            line: 105,
+            column: 23
+          },
+          end: {
+            line: 107,
+            column: 5
+          }
+        },
+        line: 105
+      },
+      "18": {
+        name: "(anonymous_18)",
+        decl: {
+          start: {
+            line: 109,
             column: 2
           },
           end: {
-            line: 95,
+            line: 109,
             column: 3
           }
         },
         loc: {
           start: {
-            line: 95,
+            line: 109,
             column: 12
           },
           end: {
-            line: 100,
+            line: 114,
             column: 3
           }
         },
-        line: 95
+        line: 109
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 32,
+            line: 35,
             column: 8
           },
           end: {
-            line: 34,
+            line: 37,
             column: 9
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 32,
+            line: 35,
             column: 8
           },
           end: {
-            line: 34,
+            line: 37,
             column: 9
           }
         }, {
           start: {
-            line: 32,
+            line: 35,
             column: 8
           },
           end: {
-            line: 34,
+            line: 37,
             column: 9
           }
         }],
-        line: 32
+        line: 35
       },
       "1": {
         loc: {
           start: {
-            line: 75,
+            line: 83,
             column: 6
           },
           end: {
-            line: 77,
+            line: 85,
             column: 7
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 75,
+            line: 83,
             column: 6
           },
           end: {
-            line: 77,
+            line: 85,
             column: 7
           }
         }, {
           start: {
-            line: 75,
+            line: 83,
             column: 6
           },
           end: {
-            line: 77,
+            line: 85,
             column: 7
           }
         }],
-        line: 75
+        line: 83
       },
       "2": {
         loc: {
           start: {
-            line: 97,
+            line: 111,
             column: 4
           },
           end: {
-            line: 99,
+            line: 113,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 97,
+            line: 111,
             column: 4
           },
           end: {
-            line: 99,
+            line: 113,
             column: 5
           }
         }, {
           start: {
-            line: 97,
+            line: 111,
             column: 4
           },
           end: {
-            line: 99,
+            line: 113,
             column: 5
           }
         }],
-        line: 97
+        line: 111
       }
     },
     s: {
@@ -108504,7 +108763,11 @@ var collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c = function () {
       "19": 0,
       "20": 0,
       "21": 0,
-      "22": 0
+      "22": 0,
+      "23": 0,
+      "24": 0,
+      "25": 0,
+      "26": 0
     },
     f: {
       "0": 0,
@@ -108521,7 +108784,11 @@ var collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c = function () {
       "11": 0,
       "12": 0,
       "13": 0,
-      "14": 0
+      "14": 0,
+      "15": 0,
+      "16": 0,
+      "17": 0,
+      "18": 0
     },
     b: {
       "0": [0, 0],
@@ -108532,13 +108799,13 @@ var collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c = function () {
       version: 3,
       sources: ["collection-select-list.vue"],
       names: [],
-      mappings: ";AAmDA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
+      mappings: ";AA4DA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
       file: "collection-select-list.vue",
       sourceRoot: "src/components/inspector",
-      sourcesContent: ["<template>\n  <div>\n    <div>\n      <label for=\"collection\">{{ $t(\"Collection\") }}</label>\n      <b-form-select\n        id=\"collection\"\n        v-model=\"collectionId\"\n        @change=\"resetFields\"\n        :options=\"collections\"\n        data-cy=\"inspector-collection\"\n      />\n    </div>\n\n    <div class=\"mt-3\" v-if=\"fields.length > 1\">\n      <label for=\"label\">{{ $t(\"Label\") }}</label>\n      <b-form-select\n        id=\"label\"\n        v-model=\"labelField\"\n        :options=\"fields\"\n        data-cy=\"inspector-collection-label\"\n      />\n    </div>\n\n    <div class=\"mt-3\" v-if=\"fields.length > 1\">\n      <label for=\"value\">{{ $t(\"Value\") }}</label>\n      <b-form-select\n        id=\"value\"\n        v-model=\"valueField\"\n        :options=\"fields\"\n        data-cy=\"inspector-collection-value\"\n      />\n    </div>\n\n    <div class=\"mt-3\" v-if=\"fields.length > 1\">\n      <label for=\"pmql\">{{ $t(\"PMQL\") }}</label>\n      <mustache-helper />\n      <b-form-textarea\n        id=\"pmql\"\n        rows=\"4\"\n        v-model=\"pmql\"\n        data-cy=\"inspector-collection-pmql\"\n      />\n      <small class=\"form-text text-muted\">{{\n        $t(\"Add a PMQL query to filter the result list. Use `data` as prefix\")\n      }}</small>\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport _ from \"lodash\";\nimport MustacheHelper from \"./mustache-helper\";\nimport ScreenVariableSelector from '../screen-variable-selector.vue';\n\nconst CONFIG_FIELDS = [\n  \"collectionId\",\n  \"labelField\",\n  \"valueField\",\n  \"pmql\",\n];\n\nexport default {\n  props: [\"value\"],\n  components: {\n    MustacheHelper,\n    ScreenVariableSelector,\n  },\n  data() {\n    return {\n      collections: [],\n      fields: [],\n      collectionId: null,\n      labelField: null,\n      valueField: null,\n      pmql: \"\",\n    };\n  },\n  watch: {\n    value: {\n      handler(value) {\n        if (!value) {\n          return;\n        }\n        CONFIG_FIELDS.forEach(field => this[field] = value[field]);\n      },\n      immediate: true\n    },\n    collectionId: {\n      handler() {\n        this.getFields();\n      }\n    },\n    options: {\n      handler() {\n        this.$emit(\"input\", this.options);\n      },\n      deep: true\n    }\n  },\n  computed: {\n    options() {\n      return Object.fromEntries(CONFIG_FIELDS.map(field => [field, this[field]]));\n    }\n  },\n  methods: {\n    resetFields() {\n      this.labelField = null;\n      this.valueField = null;\n    },\n    getCollections() {\n      this.$dataProvider.getCollections().then((response) => {\n        this.collections = [\n          { value: null, text: this.$t(\"Select a collection\") },\n          ...response.data.data.map((collection) => {\n            return {\n              text: collection.name,\n              value: collection.id\n            };\n          })\n        ];\n      });\n    },\n    getFields() {\n      if (!this.collectionId) {\n        return;\n      }\n\n      this.$dataProvider\n        .getCollectionFields(this.collectionId)\n        .then((response) => {\n          this.fields = [\n            { value: null, text: this.$t(\"Select a field\") },\n            { value: \"id\", text: this.$t(\"Collection Record ID\") },\n            ...response.data.data.map((field) => {\n              return {\n                text: field.label,\n                value: field.field\n              };\n            })\n          ];\n        });\n    }\n  },\n  mounted() {\n    this.getCollections();\n    if (this.collectionId) {\n      this.getFields();\n    }\n  }\n};\n</script>"]
+      sourcesContent: ["<template>\n  <div>\n    <div>\n      <label for=\"collection\">{{ $t(\"Collection\") }}</label>\n      <b-form-select\n        id=\"collection\"\n        v-model=\"collectionId\"\n        @change=\"resetFields\"\n        :options=\"collections\"\n        data-cy=\"inspector-collection\"\n      />\n    </div>\n\n    <div class=\"mt-3\" v-if=\"fields.length > 1\">\n      <label for=\"label\">{{ $t(\"Label\") }}</label>\n      <b-form-select\n        id=\"label\"\n        v-model=\"labelField\"\n        :options=\"fields\"\n        data-cy=\"inspector-collection-label\"\n      />\n    </div>\n\n    <div class=\"mt-3\" v-if=\"fields.length > 1\">\n      <label for=\"value\">{{ $t(\"Value\") }}</label>\n      <b-form-select\n        id=\"value\"\n        v-model=\"valueField\"\n        :options=\"fields\"\n        data-cy=\"inspector-collection-value\"\n      />\n    </div>\n\n    <div class=\"mt-3\" v-if=\"fields.length > 1\">\n      <pmql-input\n          :search-type=\"'collections_w_mustaches'\"\n          class=\"mb-1\"\n          data-cy=\"inspector-collection-pmql\"\n          :input-label=\"'PMQL'\"\n          v-model=\"pmql\"\n          :condensed=\"true\"\n          :ai-enabled=\"true\"\n          :placeholder=\"$t('PMQL')\">\n        </pmql-input>\n        <small class=\"form-text text-muted\">{{ $t('Advanced data search') }}</small>\n    </div>\n\n    <div class=\"mt-3\" v-if=\"fields.length > 1\">\n      <form-checkbox\n        :label=\"$t('Ignore duplicates in list')\"\n        v-model=\"unique\"\n        :helper=\"$t('Select to show only distinct list entries if labels are repeated. Only the first value will be used if duplicate labels have different values.')\"\n        data-cy=\"inspector-collection-isDependent\"\n      />\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport { debounce } from \"lodash\";\nimport _ from \"lodash\";\nimport MustacheHelper from \"./mustache-helper\";\nimport ScreenVariableSelector from '../screen-variable-selector.vue';\n\nconst CONFIG_FIELDS = [\n  \"collectionId\",\n  \"labelField\",\n  \"valueField\",\n  \"pmql\",\n  \"unique\",\n];\n\nexport default {\n  props: [\"value\"],\n  components: {\n    MustacheHelper,\n    ScreenVariableSelector,\n  },\n  data() {\n    return {\n      collections: [],\n      fields: [],\n      collectionId: null,\n      labelField: null,\n      valueField: null,\n      pmql: \"\",\n      unique: false,\n    };\n  },\n  watch: {\n    value: {\n      handler(value) {\n        if (!value) {\n          return;\n        }\n        CONFIG_FIELDS.forEach(field => this[field] = value[field]);\n      },\n      immediate: true\n    },\n    collectionId: {\n      handler() {\n        this.getFields();\n      }\n    },\n    options: {\n      handler() {\n        this.$emit(\"input\", this.options);\n      },\n      deep: true\n    }\n  },\n  created() {\n    this.onDebouncedPmqlChange = debounce((pmql) => {\n      this.onPmqlChange(pmql);\n    }, 1000);\n  },\n  computed: {\n    options() {\n      return Object.fromEntries(CONFIG_FIELDS.map(field => [field, this[field]]));\n    }\n  },\n  methods: {\n    resetFields() {\n      this.labelField = null;\n      this.valueField = null;\n    },\n    getCollections() {\n      this.$dataProvider.getCollections().then((response) => {\n        this.collections = [\n          { value: null, text: this.$t(\"Select a collection\") },\n          ...response.data.data.map((collection) => {\n            return {\n              text: collection.name,\n              value: collection.id\n            };\n          })\n        ];\n      });\n    },\n    getFields() {\n      if (!this.collectionId) {\n        return;\n      }\n\n      this.$dataProvider\n        .getCollectionFields(this.collectionId)\n        .then((response) => {\n          this.fields = [\n            { value: null, text: this.$t(\"Select a field\") },\n            { value: \"id\", text: this.$t(\"Collection Record ID\") },\n            ...response.data.data.map((field) => {\n              return {\n                text: field.label,\n                value: field.field\n              };\n            })\n          ];\n        });\n    },\n    onNLQConversion(pmql) {\n      this.pmql = pmql;\n    },\n    onPmqlChange(pmql) {\n      this.pmql = pmql;\n    }\n  },\n  mounted() {\n    this.getCollections();\n    if (this.collectionId) {\n      this.getFields();\n    }\n  }\n};\n</script>"]
     },
     _coverageSchema: "43e27e138ebf9cfc5966b082cf9a028302ed4184",
-    hash: "8044a2b6de1813adf64b183e6a15da7596e0a288"
+    hash: "e1cd20350142a75afb6b77b0347826b1054afd88"
   };
   var coverage = global[gcv] || (global[gcv] = {});
@@ -108554,7 +108821,8 @@ var collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c = function () {
-var CONFIG_FIELDS = (collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[0]++, ["collectionId", "labelField", "valueField", "pmql"]);
+var CONFIG_FIELDS = (collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[0]++, ["collectionId", "labelField", "valueField", "pmql", "unique"]);
 /* harmony default export */ var collection_select_listvue_type_script_lang_js_ = ({
   props: ["value"],
   components: {
@@ -108570,7 +108838,8 @@ var CONFIG_FIELDS = (collection_select_listvue_type_script_lang_js_cov_1o8bn0q56
       collectionId: null,
       labelField: null,
       valueField: null,
-      pmql: ""
+      pmql: "",
+      unique: false
     };
   },
   watch: {
@@ -108614,41 +108883,53 @@ var CONFIG_FIELDS = (collection_select_listvue_type_script_lang_js_cov_1o8bn0q56
       deep: true
     }
   },
+  created: function created() {
+    var _this2 = this;
+    collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[5]++;
+    collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[8]++;
+    this.onDebouncedPmqlChange = Object(lodash["debounce"])(function (pmql) {
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[6]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[9]++;
+      _this2.onPmqlChange(pmql);
+    }, 1000);
+  },
   computed: {
     options: function options() {
-      var _this2 = this;
+      var _this3 = this;
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[5]++;
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[8]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[7]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[10]++;
       return Object.fromEntries(CONFIG_FIELDS.map(function (field) {
-        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[6]++;
-        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[9]++;
-        return [field, _this2[field]];
+        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[8]++;
+        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[11]++;
+        return [field, _this3[field]];
       }));
     }
   },
   methods: {
     resetFields: function resetFields() {
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[7]++;
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[10]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[9]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[12]++;
       this.labelField = null;
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[11]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[13]++;
       this.valueField = null;
     },
     getCollections: function getCollections() {
-      var _this3 = this;
+      var _this4 = this;
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[8]++;
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[12]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[10]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[14]++;
       this.$dataProvider.getCollections().then(function (response) {
-        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[9]++;
-        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[13]++;
-        _this3.collections = [{
+        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[11]++;
+        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[15]++;
+        _this4.collections = [{
           value: null,
-          text: _this3.$t("Select a collection")
+          text: _this4.$t("Select a collection")
         }].concat(Object(toConsumableArray["a" /* default */])(response.data.data.map(function (collection) {
-          collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[10]++;
-          collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[14]++;
+          collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[12]++;
+          collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[16]++;
           return {
             text: collection.name,
             value: collection.id
@@ -108657,49 +108938,59 @@ var CONFIG_FIELDS = (collection_select_listvue_type_script_lang_js_cov_1o8bn0q56
       });
     },
     getFields: function getFields() {
-      var _this4 = this;
+      var _this5 = this;
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[11]++;
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[15]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[13]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[17]++;
       if (!this.collectionId) {
         collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.b[1][0]++;
-        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[16]++;
+        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[18]++;
         return;
       } else {
         collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.b[1][1]++;
       }
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[17]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[19]++;
       this.$dataProvider.getCollectionFields(this.collectionId).then(function (response) {
-        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[12]++;
-        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[18]++;
-        _this4.fields = [{
+        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[14]++;
+        collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[20]++;
+        _this5.fields = [{
           value: null,
-          text: _this4.$t("Select a field")
+          text: _this5.$t("Select a field")
         }, {
           value: "id",
-          text: _this4.$t("Collection Record ID")
+          text: _this5.$t("Collection Record ID")
         }].concat(Object(toConsumableArray["a" /* default */])(response.data.data.map(function (field) {
-          collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[13]++;
-          collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[19]++;
+          collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[15]++;
+          collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[21]++;
           return {
             text: field.label,
             value: field.field
           };
         })));
       });
+    },
+    onNLQConversion: function onNLQConversion(pmql) {
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[16]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[22]++;
+      this.pmql = pmql;
+    },
+    onPmqlChange: function onPmqlChange(pmql) {
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[17]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[23]++;
+      this.pmql = pmql;
     }
   },
   mounted: function mounted() {
-    collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[14]++;
-    collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[20]++;
+    collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.f[18]++;
+    collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[24]++;
     this.getCollections();
-    collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[21]++;
+    collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[25]++;
     if (this.collectionId) {
       collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.b[2][0]++;
-      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[22]++;
+      collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.s[26]++;
       this.getFields();
     } else {
       collection_select_listvue_type_script_lang_js_cov_1o8bn0q56c.b[2][1]++;
@@ -108718,8 +109009,8 @@ var CONFIG_FIELDS = (collection_select_listvue_type_script_lang_js_cov_1o8bn0q56
 var collection_select_list_component = Object(componentNormalizer["a" /* default */])(
   inspector_collection_select_listvue_type_script_lang_js_,
-  collection_select_listvue_type_template_id_2c0acff8_render,
-  collection_select_listvue_type_template_id_2c0acff8_staticRenderFns,
+  collection_select_listvue_type_template_id_2977afb0_render,
+  collection_select_listvue_type_template_id_2977afb0_staticRenderFns,
   false,
   null,
   null,
@@ -108731,7 +109022,7 @@ var collection_select_list_component = Object(componentNormalizer["a" /* default
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/options-list.vue?vue&type=script&lang=js&
 var options_listvue_type_script_lang_js_cov_sazs40iha = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/options-list.vue";
-  var hash = "4ba3a3ae6339c51045b7c2df1ee10520ae449f05";
+  var hash = "b6186559e62ee4e854993e4f897c6fbb7e7c66f0";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -112322,13 +112613,13 @@ var options_listvue_type_script_lang_js_cov_sazs40iha = function () {
       version: 3,
       sources: ["options-list.vue"],
       names: [],
-      mappings: ";AAqPA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
+      mappings: ";AAmPA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
       file: "options-list.vue",
       sourceRoot: "src/components/inspector",
-      sourcesContent: ["<template>\n  <div>\n    <label for=\"data-sources\">{{ $t('Data Source') }}</label>\n    <b-form-select id=\"data-sources\" v-model=\"dataSource\" :options=\"dataSourceTypes\" class=\"mb-3\" data-cy=\"inspector-data-sources\" />\n\n    <div v-if=\"!showJsonEditor && dataSource === dataSourceValues.provideData\">\n      <div class=\"row\">\n        <div class=\"col-10\">\n          <label for=\"data-sources\"><b>{{ $t('Options') }}</b></label>\n        </div>\n        <div class=\"col-2\">\n          <a @click=\"showAddOption\" class=\"fas fa-plus-square\" data-cy=\"inspector-add-option\" />\n        </div>\n      </div>\n\n      <div class=\"card mb-2\" v-if=\"showOptionCard\">\n        <div class=\"card-header\" v-if=\"optionCardType == 'insert'\">\n          {{ $t('Add Option') }}\n        </div>\n        <div v-else class=\"card-header\">\n          {{ $t('Edit Option') }}\n        </div>\n        <div class=\"card-body p-2\">\n          <label for=\"option-value\">{{ $t('Value') }}</label>\n          <b-form-input id=\"option-value\" v-model=\"optionValue\" :classs=\"optionKeyClass\" data-cy=\"inspector-option-value\" />\n          <div v-if=\"optionError\" class=\"invalid-feedback d-block text-right\">\n            <div>{{ optionError }}</div>\n          </div>\n          <label class=\"mt-3\" for=\"option-content\">{{ $t('Content') }}</label>\n          <b-form-input id=\"option-content\" v-model=\"optionContent\" data-cy=\"inspector-option-content\" />\n        </div>\n\n        <div class=\"card-footer text-right p-2\">\n          <button type=\"button\" class=\"btn btn-sm btn-outline-secondary mr-2\" @click=\"showOptionCard=false\" data-cy=\"inspector-option-cancel\">\n            {{ $t('Cancel') }}\n          </button>\n          <button type=\"button\" class=\"btn btn-sm btn-secondary\" @click=\"addOption()\" data-cy=\"inspector-option-save\">\n            {{ $t('Save') }}\n          </button>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"col\">\n          <draggable @update=\"updateSort\" :element=\"'div'\" v-model=\"optionsList\" group=\"options\" @start=\"drag=true\" @end=\"drag=false\" >\n            <div v-for=\"(option, index) in optionsList\" :key=\"option.value\">\n              <div v-if=\"removeIndex === index\">\n                <div class=\"card mb-3 bg-danger text-white text-left mt-2\">\n                  <div class=\"card-body p-2\" v-html=\"currentItemToDelete\"/>\n                  <div class=\"card-footer text-right p-2\">\n                    <button type=\"button\" class=\"btn btn-sm btn-light mr-2\" @click=\"removeIndex=null\" data-cy=\"inspector-options-remove-cancel\">\n                      {{ $t('Cancel') }}\n                    </button>\n                    <button type=\"button\" class=\"btn btn-sm btn-danger\" @click=\"deleteOption()\" data-cy=\"inspector-options-remove-confirm\">\n                      {{ $t('Delete') }}\n                    </button>\n                  </div>\n                </div>\n              </div>\n\n              <div v-if=\"editIndex === index\">\n                <div class=\"card my-2\">\n                  <div class=\"card-header\" v-if=\"optionCardType == 'insert'\">\n                    {{ $t('Add Option') }}\n                  </div>\n                  <div v-else class=\"card-header\">\n                    {{ $t('Edit Option') }}\n                  </div>\n                  <div class=\"card-body p-2\">\n                    <label for=\"option-value\">{{ $t('Value') }}</label>\n                    <b-form-input id=\"option-value\" v-model=\"optionValue\" :classs=\"optionKeyClass\" data-cy=\"inspector-option-value\" />\n                    <div v-if=\"optionError\" class=\"invalid-feedback d-block text-right\">\n                      <div>{{ optionError }}</div>\n                    </div>\n                    <label class=\"mt-3\" for=\"option-content\">{{ $t('Content') }}</label>\n                    <b-form-input id=\"option-content\" v-model=\"optionContent\" data-cy=\"inspector-option-content\" />\n                  </div>\n\n                  <div class=\"card-footer text-right p-2\">\n                    <button type=\"button\" class=\"btn btn-sm btn-outline-secondary mr-2\" @click=\"editIndex=null\">\n                      {{ $t('Cancel') }}\n                    </button>\n                    <button type=\"button\" class=\"btn btn-sm btn-secondary\" @click=\"addOption()\" data-cy=\"inspector-option-save\">\n                      {{ $t('Update') }}\n                    </button>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row border-top\" :class=\"rowCss(index)\">\n                <div class=\"col-1\" style=\"cursor:grab\">\n                  <span class=\"fas fa-arrows-alt-v\"/>\n                </div>\n                <div class=\"col-1 d-flex align-items-center\">\n                  <input type=\"radio\" class=\"form-check\" @click=\"defaultOptionClick\" name=\"defaultOptionGroup\" v-model=\"defaultOptionKey\" :value=\"option[keyField]\">\n                </div>\n                <div class=\"col-5\" style=\"cursor:grab\">\n                  {{ option[valueField] }}\n                </div>\n                <div class=\"col-1\">\n                  <a @click=\"showEditOption(index)\" class=\"fas fa-cog\" style=\"cursor:pointer\" data-cy=\"inspector-options-edit\"/>\n                </div>\n                <div class=\"col-1\">\n                  <a @click=\"removeOption(index)\" class=\"fas fa-trash-alt\" style=\"cursor:pointer\" data-cy=\"inspector-options-remove\" />\n                </div>\n              </div>\n            </div>\n          </draggable>\n        </div>\n      </div>\n      <div class=\"row\">\n        <div class=\"col text-right\">\n          <button type=\"button\" @click=\"showJsonEditor = true\" class=\"edit-json text-muted mt-1 mb-3\" data-cy=\"inspector-edit-json\">\n            <i class=\"fas fa-code\" aria-hidden=\"true\"/>\n            {{ $t('Edit as JSON') }}\n          </button>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"dataSource === dataSourceValues.dataObject || dataSource === dataSourceValues.dataConnector\">\n      <label for=\"element-name\">{{ $t('Options Variable') }}</label>\n      <mustache-helper/>\n      <b-form-input id=\"element-name\" v-model=\"dataName\" placeholder=\"Request Variable Name\" data-cy=\"inspector-options-variable\" />\n      <small class=\"form-text text-muted mb-3\">{{ $t('Get options from this variable. Must be an array.') }}</small>\n    </div>\n\n    <div v-if=\"dataSource === dataSourceValues.dataObject\">\n      <label for=\"value\">{{ $t('Option Label Shown') }}</label>\n      <b-form-input id=\"value\" v-model=\"value\" placeholder=\"Request Variable Property\" @change=\"valueChanged\" data-cy=\"inspector-options-label\" />\n      <small class=\"form-text text-muted mb-3\">{{ $t('Enter the property name from the Request data variable that displays to the user on the screen.') }}</small>\n    </div>\n    \n    <div v-if=\"dataSource === dataSourceValues.collection\">\n      <collection-select-list v-model=\"collectionOptions\"></collection-select-list>\n    </div>\n\n    <div v-if=\"showRenderAs\">\n      <div class=\"row mb-3\">\n        <div class=\"col\">\n          <label for=\"render-as\">{{ $t('Show Control As') }}</label>\n          <b-form-select id=\"render-as\" v-model=\"renderAs\" :options=\"renderAsOptions\" data-cy=\"inspector-render-as\" />\n        </div>\n      </div>\n      <div class=\"row mb-3\">\n        <div class=\"col-12\">\n          <input type=\"checkbox\"  v-model=\"allowMultiSelect\" data-cy=\"inspector-allow-multi-select\">\n          {{ $t('Allow Multiple Selections') }}\n        </div>\n      </div>\n    </div>\n    <div v-if=\"showJsonEditor && dataSource === dataSourceValues.provideData\">\n      <div class=\"mb-2\">\n        <label for=\"json-data\">{{ $t('JSON Data') }}</label>\n        <button type=\"button\" @click=\"expandEditor\" class=\"btn-sm float-right\" data-cy=\"inspector-monaco-json-expand\"><i class=\"fas fa-expand\"/></button>\n      </div>\n      <div class=\"small-editor-container\">\n        <monaco-editor\n          :options=\"monacoOptions\"\n          class=\"editor\"\n          v-model=\"jsonData\"\n          language=\"json\"\n          @change=\"jsonDataChange\"\n          data-cy=\"inspector-monaco-json\"\n          @editorDidMount=\"monacoMounted\"\n        />\n      </div>\n\n      <b-modal v-model=\"showPopup\" size=\"lg\" centered :title=\"$t('Script Config Editor')\" v-cloak>\n        <div class=\"editor-container\">\n          <monaco-editor :options=\"monacoLargeOptions\" v-model=\"jsonData\" language=\"json\" class=\"editor\"\n            @change=\"jsonDataChange\"\n            data-cy=\"inspector-monaco-json-expanded\"\n          />\n        </div>\n        <div slot=\"modal-footer\">\n          <b-button @click=\"closePopup\" class=\"btn btn-secondary text-uppercase\" data-cy=\"inspector-monaco-json-expanded-close\">\n            {{ $t('Close') }}\n          </b-button>\n        </div>\n      </b-modal>\n\n      <button type=\"button\" @click=\"showJsonEditor = false\" class=\"edit-json text-muted mt-1 mb-3\">\n        <i class=\"fas fa-code\" aria-hidden=\"true\"/>\n        {{ $t('Edit as Option List') }}\n      </button>\n    </div>\n\n    <div v-if=\"showTypeOfValueReturned\">\n      <label for=\"value-type-returned\">{{ $t('Type of Value Returned') }}</label>\n      <b-form-select id=\"value-type-returded\" v-model=\"valueTypeReturned\" :options=\"returnValueOptions\" data-cy=\"inspector-value-returned\" />\n      <small class=\"form-text text-muted mb-3\">{{ $t(\"Select 'Single Value' to use parts of the selected object. Select 'Object' to use the entire selected value.\") }}</small>\n    </div>\n\n    <div v-if=\"dataSource === dataSourceValues.dataConnector\">\n      <div v-if=\"valueTypeReturned === 'single'\">\n        <label for=\"key\">{{ $t('Value') }}</label>\n        <mustache-helper/>\n        <b-form-input id=\"key\" v-model=\"key\" @change=\"keyChanged\" data-cy=\"inspector-datasource-value\"/>\n        <small class=\"form-text text-muted mb-3\">{{ $t('Key name in the selected object to use as the value of this control. Leave blank to use the entire selected value.') }}</small>\n      </div>\n\n      <label for=\"value\">{{ $t('Content') }}</label>\n      <mustache-helper/>\n      <b-form-input id=\"value\" v-model=\"value\" @change=\"valueChanged\" data-cy=\"inspector-datasource-content\"/>\n      <small class=\"form-text text-muted mb-3\">{{ $t('Content to display to the user in the select list.') }}</small>\n    </div>\n\n    <div v-if=\"valueTypeReturned === 'single' && dataSource === dataSourceValues.dataObject\">\n      <label for=\"key\">{{ $t('Variable Data Property') }}</label>\n      <b-form-input id=\"key\" v-model=\"key\" @change=\"keyChanged\" placeholder=\"Request Variable Property\" data-cy=\"inspector-options-value\" />\n      <small class=\"form-text text-muted mb-3\">{{ $t('Enter the property name from the Request data variable that will be passed as the value when selected.') }}</small>\n    </div>\n\n    <div v-if=\"dataSource === dataSourceValues.dataConnector\">\n      <label for=\"data-sources-list\">{{ $t('Data Connector') }}</label>\n      <b-form-select id=\"data-sources-list\" v-model=\"selectedDataSource\" :options=\"dataSourcesList\" data-cy=\"inspector-data-connector\" :class=\"!selectedDataSource ? 'is-invalid' : ''\"/>\n      <div v-if=\"!selectedDataSource\" class=\"invalid-feedback\">{{ $t('An Data Connector must be selected') }}</div>\n      <small class=\"form-text text-muted mb-3\">{{ $t('Data Connector to use') }}</small>\n    </div>\n\n    <div v-if=\"dataSource === dataSourceValues.dataConnector\">\n      <label for=\"endpoint-list\">{{ $t('End Point') }}</label>\n      <b-form-select id=\"endpoint-list\" v-model=\"selectedEndPoint\" :options=\"endPointList\" data-cy=\"inspector-endpoint\" :class=\"selectedDataSource && !selectedEndPoint ? 'is-invalid' : ''\"/>\n      <div v-if=\"selectedDataSource && !selectedEndPoint\" class=\"invalid-feedback\">{{ $t('An Endpoint must be selected') }}</div>\n      <small class=\"form-text text-muted mb-3\">{{ $t('Endpoint to populate select') }}</small>\n    </div>\n\n    <div v-if=\"dataSource === dataSourceValues.dataConnector\">\n      <pmql-input\n        :search-type=\"'collections'\"\n        class=\"mb-1\"\n        :input-label=\"'PMQL'\"\n        :value=\"pmqlQuery\"\n        :condensed=\"true\"\n        :ai-enabled=\"true\"\n        :placeholder=\"$t('PMQL')\"\n        @submit=\"onNLQConversion\"\n        @pmqlchange=\"onDebouncedPmqlChange\">\n      </pmql-input>\n      <small class=\"form-text text-muted\">{{ $t('Advanced data search') }}</small>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { debounce } from \"lodash\";\nimport draggable from 'vuedraggable';\nimport { dataSources, dataSourceValues } from './data-source-types';\nimport MonacoEditor from 'vue-monaco';\nimport MustacheHelper from './mustache-helper';\nimport _ from 'lodash';\nimport CollectionSelectList from './collection-select-list';\n\nexport default {\n  components: {\n    draggable,\n    MonacoEditor,\n    MustacheHelper,\n    CollectionSelectList,\n  },\n  props: ['options', 'selectedControl'],\n  model: {\n    prop: 'options',\n    event: 'change',\n  },\n  data() {\n    return {\n      optionError:'',\n      dragging: false,\n      dataSourceValues,\n      dataSources,\n      dataSource: dataSourceValues.provideData,\n      jsonData: '',\n      key: null,\n      value: null,\n      dataName: '',\n      collectionOptions: null,\n      selectedDataSource: '',\n      dataSourcesList: [],\n      selectedEndPoint: '',\n      endpoints: {},\n      pmqlQuery: '',\n      optionsList: [],\n      showOptionCard: false,\n      showRemoveWarning: false,\n      showJsonEditor: false,\n      optionCardType: '',\n      editIndex: null,\n      removeIndex: null,\n      optionValue: '',\n      optionContent: '',\n      showRenderAs: false,\n      renderAs: 'dropdown',\n      allowMultiSelect: false,\n      defaultOptionKey: false,\n      selectedOptions: [],\n      renderAsOptions: [\n        {\n          text: this.$t('Dropdown/Multiselect'),\n          value: 'dropdown',\n        },\n        {\n          text: this.$t('Radio/Checkbox Group'),\n          value: 'checkbox',\n        },\n      ],\n      monacoOptions: {\n        automaticLayout: true,\n        fontSize: 8,\n        language: 'json',\n        formatOnPaste: true,\n        formatOnType: true,\n      },\n      monacoLargeOptions: {\n        automaticLayout: true,\n      },\n      showPopup: false,\n      returnValueOptions: [\n        {\n          text: this.$t('Single Value'),\n          value: 'single',\n        },\n        {\n          text: this.$t('Object'),\n          value: 'object',\n        },\n      ],\n      valueTypeReturned: '',\n    };\n  },\n  watch: {\n    allowMultiSelect(allow) {\n      this.selectedControl.config.dataFormat = allow ? 'array' : 'string';\n    },\n    options(newOptions) {\n      Object.keys(newOptions).forEach(key => {\n        if (typeof newOptions[key] !== 'undefined') {\n          this.$set(this, key, newOptions[key]);\n        }\n      });\n    },\n    dataSource(val) {\n      this.showRenderAs = true;\n      switch (val) {\n        case 'dataConnector':\n          this.jsonData = '';\n          this.dataName = '';\n          this.collectionOptions = null;\n          this.getDataSourceList();\n          break;\n        case 'dataObject':\n          this.jsonData = '';\n          this.selectedDataSource = '';\n          this.collectionOptions = null;\n          break;\n        case 'provideData':\n          this.dataName = '';\n          this.selectedDataSource = '';\n          this.collectionOptions = null;\n          break;\n        case 'collection':\n          this.showRenderAs = false;\n          this.jsonData = '';\n          this.dataName = '';\n          this.selectedDataSource = '';\n          break;\n      }\n    },\n    dataObjectOptions(dataObjectOptions) {\n      this.$emit('change', dataObjectOptions);\n    },\n    dataSourcesList() {\n      if (this.dataSourcesList.some(ds => ds.value === this.selectedDataSource)) {\n        return;\n      }\n\n      if (this.dataSourcesList.length > 0) {\n        this.selectedDataSource = this.dataSourcesList[0].value;\n      }\n    },\n    endPointList() {\n      if (this.endPointList.some(e => e.value === this.selectedEndPoint)) {\n        return;\n      }\n\n      if (this.endPointList.length > 0) {\n        this.selectedEndPoint = this.endPointList[0].value;\n      }\n    },\n  },\n  computed: {\n    showTypeOfValueReturned() {\n      return this.dataSource !== dataSourceValues.collection\n    },\n    endPointList() {\n      return _.get(this.endpoints, this.selectedDataSource, []);\n    },\n    dataSourceTypes() {\n      if (typeof this.options.allowMultiSelect === 'undefined') {\n        return [this.dataSources[0], this.$t(this.dataSources[1])];\n      }\n      return this.dataSources.map((item) => {\n        return {\n          value: item.value,\n          text: this.$t(item.text),\n        };\n      });\n    },\n    optionKeyClass() {\n      return this.optionError ? 'is-invalid' : '';\n    },\n    keyField() {\n      return this.key || 'value';\n    },\n    valueField() {\n      return this.value || 'content';\n    },\n    currentItemToDelete() {\n      if (this.removeIndex !== null\n          && this.optionsList.length > 0\n          && this.optionsList[this.removeIndex] !==\n          undefined) {\n        let itemName =  this.optionsList[this.removeIndex][this.valueField];\n        return this.$t('Are you sure you want to delete \"{{item}}\" option?', {item:itemName});\n      }\n      return '';\n    },\n    dataObjectOptions() {\n      if (!this.dataName) {\n        // eslint-disable-next-line vue/no-side-effects-in-computed-properties\n        this.dataName = this.options.dataName ? this.options.dataName : 'response';\n      }\n      return {\n        dataSource: this.dataSource,\n        jsonData: this.jsonData,\n        dataName: this.dataName,\n        collectionOptions: this.collectionOptions,\n        selectedDataSource: this.selectedDataSource,\n        selectedEndPoint: this.selectedEndPoint,\n        key: this.key,\n        value: this.value,\n        pmqlQuery: this.pmqlQuery,\n        defaultOptionKey: this.defaultOptionKey,\n        selectedOptions: this.selectedOptions,\n        optionsList: this.optionsList,\n        showRenderAs: this.showRenderAs,\n        renderAs: this.renderAs,\n        allowMultiSelect: this.allowMultiSelect,\n        showOptionCard: this.showOptionCard,\n        showRemoveWarning: this.showRemoveWarning,\n        showJsonEditor: this.showJsonEditor,\n        editIndex: this.editIndex,\n        removeIndex: this.removeIndex,\n        valueTypeReturned: this.valueTypeReturned,\n      };\n    },\n  },\n  created() {\n    this.onDebouncedPmqlChange = debounce((pmql) => {\n      this.onPmqlChange(pmql);\n    }, 1500);\n  },\n  mounted() {\n    this.dataSource = this.options.dataSource;\n    this.jsonData = this.options.jsonData;\n    this.dataName = this.options.dataName;\n    this.collectionOptions = this.options.collectionOptions;\n    this.selectedDataSource = this.options.selectedDataSource,\n    this.selectedEndPoint = this.options.selectedEndPoint,\n    this.key = this.options.key;\n    this.value = this.options.value;\n    this.pmqlQuery = this.options.pmqlQuery;\n    this.defaultOptionKey= this.options.defaultOptionKey;\n    this.selectedOptions = this.options.selectedOptions;\n    this.optionsList = this.options.optionsList ? this.options.optionsList : [];\n    this.jsonData = JSON.stringify(this.optionsList);\n    this.showRenderAs = this.options.showRenderAs;\n    this.renderAs = this.options.renderAs;\n    this.allowMultiSelect = this.options.allowMultiSelect;\n    this.valueTypeReturned = this.options.valueTypeReturned;\n  },\n  methods: {\n    monacoMounted(editor) {\n      editor.getAction('editor.action.formatDocument').run();\n    },\n    getDataSourceList() {\n      this.$dataProvider\n        .get('/data_sources')\n        .then(response => {\n          let jsonData = response.data.data;\n          // Map the data sources response to value/text items list\n          this.dataSourcesList = [{\n            value: null,\n            text: this.$t('Select...'),\n          }].concat(jsonData.map(this.convertToSelectOptions));\n          this.setEndpointList(jsonData);\n        });\n    },\n    setEndpointList(dataSources) {\n      const endpoints = {};\n      dataSources.forEach(ds => {\n        const dsEndpoints = ds.endpoints ? ds.endpoints : [];\n        endpoints[ds.id] = [{\n          value: null,\n          text: this.$t('Select...'),\n        }].concat(Object.keys(dsEndpoints).map(name => {\n          return { text: name, value: name };\n        }));\n      });\n      this.endpoints = endpoints;\n    },\n    convertToSelectOptions(option) {\n      return {\n        value: option['id'],\n        text: option['name'],\n      };\n    },\n\n    jsonDataChange() {\n      let jsonList = [];\n      try {\n        jsonList = JSON.parse(this.jsonData);\n        if (jsonList.constructor !== Array && jsonList.constructor !== Object) {\n          throw Error('String does not represent a valid JSON');\n        }\n      }\n      catch (err) {\n        this.jsonError = err.message;\n        return;\n      }\n      this.optionsList = [];\n      const that = this;\n      jsonList.forEach (item => {\n        that.optionsList.push({\n          [that.keyField] : item[that.keyField],\n          [that.valueField] : item[that.valueField],\n        });\n      });\n      this.jsonError = '';\n    },\n    defaultOptionClick() {\n      if (this.defaultOptionKey === event.target.value) {\n        this.defaultOptionKey = false;\n      }\n    },\n    rowCss(index) {\n      return index % 2 === 0 ? 'striped' : 'bg-default';\n    },\n    keyChanged() {\n      this.jsonDataChange();\n    },\n    valueChanged() {\n      this.jsonDataChange();\n    },\n    updateSort() {\n      this.jsonData = JSON.stringify(this.optionsList);\n      this.$emit('change', this.dataObjectOptions);\n\n    },\n    showEditOption(index) {\n      this.optionCardType = 'edit';\n      this.editIndex = index;\n      this.optionContent = this.optionsList[index][this.valueField];\n      this.optionValue = this.optionsList[index][this.keyField];\n      this.optionError = '';\n    },\n    showAddOption() {\n      this.optionCardType = 'insert';\n      this.optionContent = '';\n      this.optionValue = '';\n      this.showOptionCard = true;\n      this.optionError = '';\n      this.editIndex = null;\n    },\n    addOption() {\n      const that = this;\n\n      if (this.optionCardType === 'insert') {\n        if (this.optionsList.find(item => { return item[that.keyField] === this.optionValue; })) {\n          this.optionError = 'An item with the same key already exists';\n          return;\n        }\n        this.optionsList.push(\n          {\n            [this.valueField]: this.optionContent,\n            [this.keyField]: this.optionValue,\n          }\n        );\n      }\n      else {\n        if (this.optionsList.find((item, index) => { return item[that.keyField] === this.optionValue && index !== this.editIndex ; })) {\n          this.optionError = 'An item with the same key already exists';\n          return;\n        }\n        this.optionsList[this.editIndex][this.keyField] = this.optionValue;\n        this.optionsList[this.editIndex][this.valueField] = this.optionContent;\n      }\n\n      this.jsonData = JSON.stringify(this.optionsList);\n      this.showOptionCard = false;\n      this.optionError = '';\n      this.editIndex = null;\n    },\n\n    deleteOption() {\n      this.optionsList.splice(this.removeIndex, 1);\n      this.jsonData = JSON.stringify(this.optionsList);\n      this.showRemoveWarning = false;\n      this.removeIndex = null;\n    },\n    removeOption(index) {\n      this.removeIndex = index;\n      this.showRemoveWarning = true;\n    },\n    expandEditor() {\n      this.showPopup = true;\n    },\n    closePopup() {\n      this.showPopup = false;\n    },\n    onNLQConversion(pmql) {\n      this.pmqlQuery = pmql;\n    },\n    onPmqlChange(pmql) {\n      this.pmqlQuery = pmql;\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n  .edit-json {\n    font-size: 0.75rem;\n    margin: 0;\n    padding: 0;\n    background: none;\n    border: none;\n    width: 100%;\n    text-align: right;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  .striped {\n    background-color: rgba(0,0,0,.05);\n  }\n\n  .small-editor-container .editor {\n    width: inherit;\n    height: 150px;\n  }\n\n  .editor-container {\n    height: 70vh;\n  }\n\n  .editor-container .editor {\n    height: inherit;\n  }\n</style>\n"]
+      sourcesContent: ["<template>\n  <div>\n    <label for=\"data-sources\">{{ $t('Data Source') }}</label>\n    <b-form-select id=\"data-sources\" v-model=\"dataSource\" :options=\"dataSourceTypes\" class=\"mb-3\" data-cy=\"inspector-data-sources\" />\n\n    <div v-if=\"!showJsonEditor && dataSource === dataSourceValues.provideData\">\n      <div class=\"row\">\n        <div class=\"col-10\">\n          <label for=\"data-sources\"><b>{{ $t('Options') }}</b></label>\n        </div>\n        <div class=\"col-2\">\n          <a @click=\"showAddOption\" class=\"fas fa-plus-square\" data-cy=\"inspector-add-option\" />\n        </div>\n      </div>\n\n      <div class=\"card mb-2\" v-if=\"showOptionCard\">\n        <div class=\"card-header\" v-if=\"optionCardType == 'insert'\">\n          {{ $t('Add Option') }}\n        </div>\n        <div v-else class=\"card-header\">\n          {{ $t('Edit Option') }}\n        </div>\n        <div class=\"card-body p-2\">\n          <label for=\"option-value\">{{ $t('Value') }}</label>\n          <b-form-input id=\"option-value\" v-model=\"optionValue\" :classs=\"optionKeyClass\" data-cy=\"inspector-option-value\" />\n          <div v-if=\"optionError\" class=\"invalid-feedback d-block text-right\">\n            <div>{{ optionError }}</div>\n          </div>\n          <label class=\"mt-3\" for=\"option-content\">{{ $t('Content') }}</label>\n          <b-form-input id=\"option-content\" v-model=\"optionContent\" data-cy=\"inspector-option-content\" />\n        </div>\n\n        <div class=\"card-footer text-right p-2\">\n          <button type=\"button\" class=\"btn btn-sm btn-outline-secondary mr-2\" @click=\"showOptionCard=false\" data-cy=\"inspector-option-cancel\">\n            {{ $t('Cancel') }}\n          </button>\n          <button type=\"button\" class=\"btn btn-sm btn-secondary\" @click=\"addOption()\" data-cy=\"inspector-option-save\">\n            {{ $t('Save') }}\n          </button>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"col\">\n          <draggable @update=\"updateSort\" :element=\"'div'\" v-model=\"optionsList\" group=\"options\" @start=\"drag=true\" @end=\"drag=false\" >\n            <div v-for=\"(option, index) in optionsList\" :key=\"option.value\">\n              <div v-if=\"removeIndex === index\">\n                <div class=\"card mb-3 bg-danger text-white text-left mt-2\">\n                  <div class=\"card-body p-2\" v-html=\"currentItemToDelete\"/>\n                  <div class=\"card-footer text-right p-2\">\n                    <button type=\"button\" class=\"btn btn-sm btn-light mr-2\" @click=\"removeIndex=null\" data-cy=\"inspector-options-remove-cancel\">\n                      {{ $t('Cancel') }}\n                    </button>\n                    <button type=\"button\" class=\"btn btn-sm btn-danger\" @click=\"deleteOption()\" data-cy=\"inspector-options-remove-confirm\">\n                      {{ $t('Delete') }}\n                    </button>\n                  </div>\n                </div>\n              </div>\n\n              <div v-if=\"editIndex === index\">\n                <div class=\"card my-2\">\n                  <div class=\"card-header\" v-if=\"optionCardType == 'insert'\">\n                    {{ $t('Add Option') }}\n                  </div>\n                  <div v-else class=\"card-header\">\n                    {{ $t('Edit Option') }}\n                  </div>\n                  <div class=\"card-body p-2\">\n                    <label for=\"option-value\">{{ $t('Value') }}</label>\n                    <b-form-input id=\"option-value\" v-model=\"optionValue\" :classs=\"optionKeyClass\" data-cy=\"inspector-option-value\" />\n                    <div v-if=\"optionError\" class=\"invalid-feedback d-block text-right\">\n                      <div>{{ optionError }}</div>\n                    </div>\n                    <label class=\"mt-3\" for=\"option-content\">{{ $t('Content') }}</label>\n                    <b-form-input id=\"option-content\" v-model=\"optionContent\" data-cy=\"inspector-option-content\" />\n                  </div>\n\n                  <div class=\"card-footer text-right p-2\">\n                    <button type=\"button\" class=\"btn btn-sm btn-outline-secondary mr-2\" @click=\"editIndex=null\">\n                      {{ $t('Cancel') }}\n                    </button>\n                    <button type=\"button\" class=\"btn btn-sm btn-secondary\" @click=\"addOption()\" data-cy=\"inspector-option-save\">\n                      {{ $t('Update') }}\n                    </button>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row border-top\" :class=\"rowCss(index)\">\n                <div class=\"col-1\" style=\"cursor:grab\">\n                  <span class=\"fas fa-arrows-alt-v\"/>\n                </div>\n                <div class=\"col-1 d-flex align-items-center\">\n                  <input type=\"radio\" class=\"form-check\" @click=\"defaultOptionClick\" name=\"defaultOptionGroup\" v-model=\"defaultOptionKey\" :value=\"option[keyField]\">\n                </div>\n                <div class=\"col-5\" style=\"cursor:grab\">\n                  {{ option[valueField] }}\n                </div>\n                <div class=\"col-1\">\n                  <a @click=\"showEditOption(index)\" class=\"fas fa-cog\" style=\"cursor:pointer\" data-cy=\"inspector-options-edit\"/>\n                </div>\n                <div class=\"col-1\">\n                  <a @click=\"removeOption(index)\" class=\"fas fa-trash-alt\" style=\"cursor:pointer\" data-cy=\"inspector-options-remove\" />\n                </div>\n              </div>\n            </div>\n          </draggable>\n        </div>\n      </div>\n      <div class=\"row\">\n        <div class=\"col text-right\">\n          <button type=\"button\" @click=\"showJsonEditor = true\" class=\"edit-json text-muted mt-1 mb-3\" data-cy=\"inspector-edit-json\">\n            <i class=\"fas fa-code\" aria-hidden=\"true\"/>\n            {{ $t('Edit as JSON') }}\n          </button>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"dataSource === dataSourceValues.dataObject || dataSource === dataSourceValues.dataConnector\">\n      <label for=\"element-name\">{{ $t('Options Variable') }}</label>\n      <mustache-helper/>\n      <b-form-input id=\"element-name\" v-model=\"dataName\" placeholder=\"Request Variable Name\" data-cy=\"inspector-options-variable\" />\n      <small class=\"form-text text-muted mb-3\">{{ $t('Get options from this variable. Must be an array.') }}</small>\n    </div>\n\n    <div v-if=\"dataSource === dataSourceValues.dataObject\">\n      <label for=\"value\">{{ $t('Option Label Shown') }}</label>\n      <b-form-input id=\"value\" v-model=\"value\" placeholder=\"Request Variable Property\" @change=\"valueChanged\" data-cy=\"inspector-options-label\" />\n      <small class=\"form-text text-muted mb-3\">{{ $t('Enter the property name from the Request data variable that displays to the user on the screen.') }}</small>\n    </div>\n    \n    <div v-if=\"dataSource === dataSourceValues.collection\">\n      <collection-select-list v-model=\"collectionOptions\"></collection-select-list>\n    </div>\n\n    <div v-if=\"showRenderAs\">\n      <div class=\"row mb-3\">\n        <div class=\"col\">\n          <label for=\"render-as\">{{ $t('Show Control As') }}</label>\n          <b-form-select id=\"render-as\" v-model=\"renderAs\" :options=\"renderAsOptions\" data-cy=\"inspector-render-as\" />\n        </div>\n      </div>\n      <div class=\"row mb-3\">\n        <div class=\"col-12\">\n          <input type=\"checkbox\"  v-model=\"allowMultiSelect\" data-cy=\"inspector-allow-multi-select\">\n          {{ $t('Allow Multiple Selections') }}\n        </div>\n      </div>\n    </div>\n    <div v-if=\"showJsonEditor && dataSource === dataSourceValues.provideData\">\n      <div class=\"mb-2\">\n        <label for=\"json-data\">{{ $t('JSON Data') }}</label>\n        <button type=\"button\" @click=\"expandEditor\" class=\"btn-sm float-right\" data-cy=\"inspector-monaco-json-expand\"><i class=\"fas fa-expand\"/></button>\n      </div>\n      <div class=\"small-editor-container\">\n        <monaco-editor\n          :options=\"monacoOptions\"\n          class=\"editor\"\n          v-model=\"jsonData\"\n          language=\"json\"\n          @change=\"jsonDataChange\"\n          data-cy=\"inspector-monaco-json\"\n          @editorDidMount=\"monacoMounted\"\n        />\n      </div>\n\n      <b-modal v-model=\"showPopup\" size=\"lg\" centered :title=\"$t('Script Config Editor')\" v-cloak>\n        <div class=\"editor-container\">\n          <monaco-editor :options=\"monacoLargeOptions\" v-model=\"jsonData\" language=\"json\" class=\"editor\"\n            @change=\"jsonDataChange\"\n            data-cy=\"inspector-monaco-json-expanded\"\n          />\n        </div>\n        <div slot=\"modal-footer\">\n          <b-button @click=\"closePopup\" class=\"btn btn-secondary text-uppercase\" data-cy=\"inspector-monaco-json-expanded-close\">\n            {{ $t('Close') }}\n          </b-button>\n        </div>\n      </b-modal>\n\n      <button type=\"button\" @click=\"showJsonEditor = false\" class=\"edit-json text-muted mt-1 mb-3\">\n        <i class=\"fas fa-code\" aria-hidden=\"true\"/>\n        {{ $t('Edit as Option List') }}\n      </button>\n    </div>\n\n    <div v-if=\"showTypeOfValueReturned\">\n      <label for=\"value-type-returned\">{{ $t('Type of Value Returned') }}</label>\n      <b-form-select id=\"value-type-returded\" v-model=\"valueTypeReturned\" :options=\"returnValueOptions\" data-cy=\"inspector-value-returned\" />\n      <small class=\"form-text text-muted mb-3\">{{ $t(\"Select 'Single Value' to use parts of the selected object. Select 'Object' to use the entire selected value.\") }}</small>\n    </div>\n\n    <div v-if=\"dataSource === dataSourceValues.dataConnector\">\n      <div v-if=\"valueTypeReturned === 'single'\">\n        <label for=\"key\">{{ $t('Value') }}</label>\n        <mustache-helper/>\n        <b-form-input id=\"key\" v-model=\"key\" @change=\"keyChanged\" data-cy=\"inspector-datasource-value\"/>\n        <small class=\"form-text text-muted mb-3\">{{ $t('Key name in the selected object to use as the value of this control. Leave blank to use the entire selected value.') }}</small>\n      </div>\n\n      <label for=\"value\">{{ $t('Content') }}</label>\n      <mustache-helper/>\n      <b-form-input id=\"value\" v-model=\"value\" @change=\"valueChanged\" data-cy=\"inspector-datasource-content\"/>\n      <small class=\"form-text text-muted mb-3\">{{ $t('Content to display to the user in the select list.') }}</small>\n    </div>\n\n    <div v-if=\"valueTypeReturned === 'single' && dataSource === dataSourceValues.dataObject\">\n      <label for=\"key\">{{ $t('Variable Data Property') }}</label>\n      <b-form-input id=\"key\" v-model=\"key\" @change=\"keyChanged\" placeholder=\"Request Variable Property\" data-cy=\"inspector-options-value\" />\n      <small class=\"form-text text-muted mb-3\">{{ $t('Enter the property name from the Request data variable that will be passed as the value when selected.') }}</small>\n    </div>\n\n    <div v-if=\"dataSource === dataSourceValues.dataConnector\">\n      <label for=\"data-sources-list\">{{ $t('Data Connector') }}</label>\n      <b-form-select id=\"data-sources-list\" v-model=\"selectedDataSource\" :options=\"dataSourcesList\" data-cy=\"inspector-data-connector\" :class=\"!selectedDataSource ? 'is-invalid' : ''\"/>\n      <div v-if=\"!selectedDataSource\" class=\"invalid-feedback\">{{ $t('An Data Connector must be selected') }}</div>\n      <small class=\"form-text text-muted mb-3\">{{ $t('Data Connector to use') }}</small>\n    </div>\n\n    <div v-if=\"dataSource === dataSourceValues.dataConnector\">\n      <label for=\"endpoint-list\">{{ $t('End Point') }}</label>\n      <b-form-select id=\"endpoint-list\" v-model=\"selectedEndPoint\" :options=\"endPointList\" data-cy=\"inspector-endpoint\" :class=\"selectedDataSource && !selectedEndPoint ? 'is-invalid' : ''\"/>\n      <div v-if=\"selectedDataSource && !selectedEndPoint\" class=\"invalid-feedback\">{{ $t('An Endpoint must be selected') }}</div>\n      <small class=\"form-text text-muted mb-3\">{{ $t('Endpoint to populate select') }}</small>\n    </div>\n\n    <div v-if=\"dataSource === dataSourceValues.dataConnector\">\n      <pmql-input\n        :search-type=\"'collections'\"\n        class=\"mb-1\"\n        :input-label=\"'PMQL'\"\n        v-model=\"pmqlQuery\"\n        :condensed=\"true\"\n        :ai-enabled=\"true\"\n        :placeholder=\"$t('PMQL')\">\n      </pmql-input>\n      <small class=\"form-text text-muted\">{{ $t('Advanced data search') }}</small>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { debounce } from \"lodash\";\nimport draggable from 'vuedraggable';\nimport { dataSources, dataSourceValues } from './data-source-types';\nimport MonacoEditor from 'vue-monaco';\nimport MustacheHelper from './mustache-helper';\nimport _ from 'lodash';\nimport CollectionSelectList from './collection-select-list';\n\nexport default {\n  components: {\n    draggable,\n    MonacoEditor,\n    MustacheHelper,\n    CollectionSelectList,\n  },\n  props: ['options', 'selectedControl'],\n  model: {\n    prop: 'options',\n    event: 'change',\n  },\n  data() {\n    return {\n      optionError:'',\n      dragging: false,\n      dataSourceValues,\n      dataSources,\n      dataSource: dataSourceValues.provideData,\n      jsonData: '',\n      key: null,\n      value: null,\n      dataName: '',\n      collectionOptions: null,\n      selectedDataSource: '',\n      dataSourcesList: [],\n      selectedEndPoint: '',\n      endpoints: {},\n      pmqlQuery: '',\n      optionsList: [],\n      showOptionCard: false,\n      showRemoveWarning: false,\n      showJsonEditor: false,\n      optionCardType: '',\n      editIndex: null,\n      removeIndex: null,\n      optionValue: '',\n      optionContent: '',\n      showRenderAs: false,\n      renderAs: 'dropdown',\n      allowMultiSelect: false,\n      defaultOptionKey: false,\n      selectedOptions: [],\n      renderAsOptions: [\n        {\n          text: this.$t('Dropdown/Multiselect'),\n          value: 'dropdown',\n        },\n        {\n          text: this.$t('Radio/Checkbox Group'),\n          value: 'checkbox',\n        },\n      ],\n      monacoOptions: {\n        automaticLayout: true,\n        fontSize: 8,\n        language: 'json',\n        formatOnPaste: true,\n        formatOnType: true,\n      },\n      monacoLargeOptions: {\n        automaticLayout: true,\n      },\n      showPopup: false,\n      returnValueOptions: [\n        {\n          text: this.$t('Single Value'),\n          value: 'single',\n        },\n        {\n          text: this.$t('Object'),\n          value: 'object',\n        },\n      ],\n      valueTypeReturned: '',\n    };\n  },\n  watch: {\n    allowMultiSelect(allow) {\n      this.selectedControl.config.dataFormat = allow ? 'array' : 'string';\n    },\n    options(newOptions) {\n      Object.keys(newOptions).forEach(key => {\n        if (typeof newOptions[key] !== 'undefined') {\n          this.$set(this, key, newOptions[key]);\n        }\n      });\n    },\n    dataSource(val) {\n      this.showRenderAs = true;\n      switch (val) {\n        case 'dataConnector':\n          this.jsonData = '';\n          this.dataName = '';\n          this.collectionOptions = null;\n          this.getDataSourceList();\n          break;\n        case 'dataObject':\n          this.jsonData = '';\n          this.selectedDataSource = '';\n          this.collectionOptions = null;\n          break;\n        case 'provideData':\n          this.dataName = '';\n          this.selectedDataSource = '';\n          this.collectionOptions = null;\n          break;\n        case 'collection':\n          this.showRenderAs = false;\n          this.jsonData = '';\n          this.dataName = '';\n          this.selectedDataSource = '';\n          break;\n      }\n    },\n    dataObjectOptions(dataObjectOptions) {\n      this.$emit('change', dataObjectOptions);\n    },\n    dataSourcesList() {\n      if (this.dataSourcesList.some(ds => ds.value === this.selectedDataSource)) {\n        return;\n      }\n\n      if (this.dataSourcesList.length > 0) {\n        this.selectedDataSource = this.dataSourcesList[0].value;\n      }\n    },\n    endPointList() {\n      if (this.endPointList.some(e => e.value === this.selectedEndPoint)) {\n        return;\n      }\n\n      if (this.endPointList.length > 0) {\n        this.selectedEndPoint = this.endPointList[0].value;\n      }\n    },\n  },\n  computed: {\n    showTypeOfValueReturned() {\n      return this.dataSource !== dataSourceValues.collection\n    },\n    endPointList() {\n      return _.get(this.endpoints, this.selectedDataSource, []);\n    },\n    dataSourceTypes() {\n      if (typeof this.options.allowMultiSelect === 'undefined') {\n        return [this.dataSources[0], this.$t(this.dataSources[1])];\n      }\n      return this.dataSources.map((item) => {\n        return {\n          value: item.value,\n          text: this.$t(item.text),\n        };\n      });\n    },\n    optionKeyClass() {\n      return this.optionError ? 'is-invalid' : '';\n    },\n    keyField() {\n      return this.key || 'value';\n    },\n    valueField() {\n      return this.value || 'content';\n    },\n    currentItemToDelete() {\n      if (this.removeIndex !== null\n          && this.optionsList.length > 0\n          && this.optionsList[this.removeIndex] !==\n          undefined) {\n        let itemName =  this.optionsList[this.removeIndex][this.valueField];\n        return this.$t('Are you sure you want to delete \"{{item}}\" option?', {item:itemName});\n      }\n      return '';\n    },\n    dataObjectOptions() {\n      if (!this.dataName) {\n        // eslint-disable-next-line vue/no-side-effects-in-computed-properties\n        this.dataName = this.options.dataName ? this.options.dataName : 'response';\n      }\n      return {\n        dataSource: this.dataSource,\n        jsonData: this.jsonData,\n        dataName: this.dataName,\n        collectionOptions: this.collectionOptions,\n        selectedDataSource: this.selectedDataSource,\n        selectedEndPoint: this.selectedEndPoint,\n        key: this.key,\n        value: this.value,\n        pmqlQuery: this.pmqlQuery,\n        defaultOptionKey: this.defaultOptionKey,\n        selectedOptions: this.selectedOptions,\n        optionsList: this.optionsList,\n        showRenderAs: this.showRenderAs,\n        renderAs: this.renderAs,\n        allowMultiSelect: this.allowMultiSelect,\n        showOptionCard: this.showOptionCard,\n        showRemoveWarning: this.showRemoveWarning,\n        showJsonEditor: this.showJsonEditor,\n        editIndex: this.editIndex,\n        removeIndex: this.removeIndex,\n        valueTypeReturned: this.valueTypeReturned,\n      };\n    },\n  },\n  created() {\n    this.onDebouncedPmqlChange = debounce((pmql) => {\n      this.onPmqlChange(pmql);\n    }, 1500);\n  },\n  mounted() {\n    this.dataSource = this.options.dataSource;\n    this.jsonData = this.options.jsonData;\n    this.dataName = this.options.dataName;\n    this.collectionOptions = this.options.collectionOptions;\n    this.selectedDataSource = this.options.selectedDataSource,\n    this.selectedEndPoint = this.options.selectedEndPoint,\n    this.key = this.options.key;\n    this.value = this.options.value;\n    this.pmqlQuery = this.options.pmqlQuery;\n    this.defaultOptionKey= this.options.defaultOptionKey;\n    this.selectedOptions = this.options.selectedOptions;\n    this.optionsList = this.options.optionsList ? this.options.optionsList : [];\n    this.jsonData = JSON.stringify(this.optionsList);\n    this.showRenderAs = this.options.showRenderAs;\n    this.renderAs = this.options.renderAs;\n    this.allowMultiSelect = this.options.allowMultiSelect;\n    this.valueTypeReturned = this.options.valueTypeReturned;\n  },\n  methods: {\n    monacoMounted(editor) {\n      editor.getAction('editor.action.formatDocument').run();\n    },\n    getDataSourceList() {\n      this.$dataProvider\n        .get('/data_sources')\n        .then(response => {\n          let jsonData = response.data.data;\n          // Map the data sources response to value/text items list\n          this.dataSourcesList = [{\n            value: null,\n            text: this.$t('Select...'),\n          }].concat(jsonData.map(this.convertToSelectOptions));\n          this.setEndpointList(jsonData);\n        });\n    },\n    setEndpointList(dataSources) {\n      const endpoints = {};\n      dataSources.forEach(ds => {\n        const dsEndpoints = ds.endpoints ? ds.endpoints : [];\n        endpoints[ds.id] = [{\n          value: null,\n          text: this.$t('Select...'),\n        }].concat(Object.keys(dsEndpoints).map(name => {\n          return { text: name, value: name };\n        }));\n      });\n      this.endpoints = endpoints;\n    },\n    convertToSelectOptions(option) {\n      return {\n        value: option['id'],\n        text: option['name'],\n      };\n    },\n\n    jsonDataChange() {\n      let jsonList = [];\n      try {\n        jsonList = JSON.parse(this.jsonData);\n        if (jsonList.constructor !== Array && jsonList.constructor !== Object) {\n          throw Error('String does not represent a valid JSON');\n        }\n      }\n      catch (err) {\n        this.jsonError = err.message;\n        return;\n      }\n      this.optionsList = [];\n      const that = this;\n      jsonList.forEach (item => {\n        that.optionsList.push({\n          [that.keyField] : item[that.keyField],\n          [that.valueField] : item[that.valueField],\n        });\n      });\n      this.jsonError = '';\n    },\n    defaultOptionClick() {\n      if (this.defaultOptionKey === event.target.value) {\n        this.defaultOptionKey = false;\n      }\n    },\n    rowCss(index) {\n      return index % 2 === 0 ? 'striped' : 'bg-default';\n    },\n    keyChanged() {\n      this.jsonDataChange();\n    },\n    valueChanged() {\n      this.jsonDataChange();\n    },\n    updateSort() {\n      this.jsonData = JSON.stringify(this.optionsList);\n      this.$emit('change', this.dataObjectOptions);\n\n    },\n    showEditOption(index) {\n      this.optionCardType = 'edit';\n      this.editIndex = index;\n      this.optionContent = this.optionsList[index][this.valueField];\n      this.optionValue = this.optionsList[index][this.keyField];\n      this.optionError = '';\n    },\n    showAddOption() {\n      this.optionCardType = 'insert';\n      this.optionContent = '';\n      this.optionValue = '';\n      this.showOptionCard = true;\n      this.optionError = '';\n      this.editIndex = null;\n    },\n    addOption() {\n      const that = this;\n\n      if (this.optionCardType === 'insert') {\n        if (this.optionsList.find(item => { return item[that.keyField] === this.optionValue; })) {\n          this.optionError = 'An item with the same key already exists';\n          return;\n        }\n        this.optionsList.push(\n          {\n            [this.valueField]: this.optionContent,\n            [this.keyField]: this.optionValue,\n          }\n        );\n      }\n      else {\n        if (this.optionsList.find((item, index) => { return item[that.keyField] === this.optionValue && index !== this.editIndex ; })) {\n          this.optionError = 'An item with the same key already exists';\n          return;\n        }\n        this.optionsList[this.editIndex][this.keyField] = this.optionValue;\n        this.optionsList[this.editIndex][this.valueField] = this.optionContent;\n      }\n\n      this.jsonData = JSON.stringify(this.optionsList);\n      this.showOptionCard = false;\n      this.optionError = '';\n      this.editIndex = null;\n    },\n\n    deleteOption() {\n      this.optionsList.splice(this.removeIndex, 1);\n      this.jsonData = JSON.stringify(this.optionsList);\n      this.showRemoveWarning = false;\n      this.removeIndex = null;\n    },\n    removeOption(index) {\n      this.removeIndex = index;\n      this.showRemoveWarning = true;\n    },\n    expandEditor() {\n      this.showPopup = true;\n    },\n    closePopup() {\n      this.showPopup = false;\n    },\n    onNLQConversion(pmql) {\n      this.pmqlQuery = pmql;\n    },\n    onPmqlChange(pmql) {\n      this.pmqlQuery = pmql;\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n  .edit-json {\n    font-size: 0.75rem;\n    margin: 0;\n    padding: 0;\n    background: none;\n    border: none;\n    width: 100%;\n    text-align: right;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  .striped {\n    background-color: rgba(0,0,0,.05);\n  }\n\n  .small-editor-container .editor {\n    width: inherit;\n    height: 150px;\n  }\n\n  .editor-container {\n    height: 70vh;\n  }\n\n  .editor-container .editor {\n    height: inherit;\n  }\n</style>\n"]
     },
     _coverageSchema: "43e27e138ebf9cfc5966b082cf9a028302ed4184",
-    hash: "4ba3a3ae6339c51045b7c2df1ee10520ae449f05"
+    hash: "b6186559e62ee4e854993e4f897c6fbb7e7c66f0"
   };
   var coverage = global[gcv] || (global[gcv] = {});
@@ -112982,8 +113273,8 @@ var options_listvue_type_script_lang_js_cov_sazs40iha = function () {
 });
 // CONCATENATED MODULE: ./src/components/inspector/options-list.vue?vue&type=script&lang=js&
  /* harmony default export */ var inspector_options_listvue_type_script_lang_js_ = (options_listvue_type_script_lang_js_);
-// EXTERNAL MODULE: ./src/components/inspector/options-list.vue?vue&type=style&index=0&id=36fbc8fc&prod&scoped=true&lang=scss&
-var options_listvue_type_style_index_0_id_36fbc8fc_prod_scoped_true_lang_scss_ = __webpack_require__("4ea4");
+// EXTERNAL MODULE: ./src/components/inspector/options-list.vue?vue&type=style&index=0&id=32c37bc3&prod&scoped=true&lang=scss&
+var options_listvue_type_style_index_0_id_32c37bc3_prod_scoped_true_lang_scss_ = __webpack_require__("ea9b");
 // CONCATENATED MODULE: ./src/components/inspector/options-list.vue
@@ -112996,17 +113287,17 @@ var options_listvue_type_style_index_0_id_36fbc8fc_prod_scoped_true_lang_scss_ =
 var options_list_component = Object(componentNormalizer["a" /* default */])(
   inspector_options_listvue_type_script_lang_js_,
-  options_listvue_type_template_id_36fbc8fc_scoped_true_render,
-  options_listvue_type_template_id_36fbc8fc_scoped_true_staticRenderFns,
+  options_listvue_type_template_id_32c37bc3_scoped_true_render,
+  options_listvue_type_template_id_32c37bc3_scoped_true_staticRenderFns,
   false,
   null,
-  "36fbc8fc",
+  "32c37bc3",
   null
 )
 /* harmony default export */ var options_list = (options_list_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/column-setup.vue?vue&type=template&id=407e2794&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/column-setup.vue?vue&type=template&id=407e2794&scoped=true&
 var cov_2rcigmpss = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/column-setup.vue";
   var hash = "0ff388026abd856b379e0d95d8906b55d5277a42";
@@ -118595,7 +118886,7 @@ var column_setup_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var column_setup = (column_setup_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/page-select.vue?vue&type=template&id=d32b03e8&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/page-select.vue?vue&type=template&id=d32b03e8&
 var cov_1nx4nii950 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/page-select.vue";
   var hash = "535f6ee065da051deafa912801583ac4882f4dfe";
@@ -119141,7 +119432,7 @@ var page_select_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var page_select = (page_select_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/validation-select.vue?vue&type=template&id=475edd84&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/validation-select.vue?vue&type=template&id=475edd84&scoped=true&
 var cov_2hs7pyayq7 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/validation-select.vue";
   var hash = "42fa588378fb59900c07c54ef3574edd888c8e52";
@@ -120212,7 +120503,7 @@ var es6_object_assign = __webpack_require__("f751");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.sort.js
 var es6_array_sort = __webpack_require__("55dd");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/input-variable.vue?vue&type=template&id=2589377a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/input-variable.vue?vue&type=template&id=2589377a&
 var cov_1e81qcguv2 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/input-variable.vue";
   var hash = "f67b73d615df334ba862b693b0f13e532423414e";
@@ -124689,7 +124980,7 @@ var validation_select_component = Object(componentNormalizer["a" /* default */])
 )
 /* harmony default export */ var validation_select = (validation_select_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/screen-selector.vue?vue&type=template&id=760b85a5&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/screen-selector.vue?vue&type=template&id=760b85a5&
 var cov_1nspnty8qj = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/screen-selector.vue";
   var hash = "80764e3f69b2c2783e92bc95afc229c1121b9210";
@@ -125028,7 +125319,7 @@ var screen_selector_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var screen_selector = (screen_selector_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/loop.vue?vue&type=template&id=13aa043a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/loop.vue?vue&type=template&id=13aa043a&
 var cov_1q5a97wtnt = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/loop.vue";
   var hash = "81b9bfe24d9b7fe68a585861f92b04fd0e4da467";
@@ -125744,7 +126035,7 @@ var loop_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var loop = (loop_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/image-variable.vue?vue&type=template&id=77e844ce&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/image-variable.vue?vue&type=template&id=77e844ce&
 var cov_18w0zragtd = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/image-variable.vue";
   var hash = "214c554ad0e24a68c07b6e2059293fb017e97e03";
@@ -129071,7 +129362,7 @@ module.exports = {
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
 var es6_function_name = __webpack_require__("7f7f");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-button.vue?vue&type=template&id=742564af&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-button.vue?vue&type=template&id=742564af&
 var cov_1s0e8ok0zi = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/form-button.vue";
   var hash = "b72af26b4b090fa70a53625835716c61e365e3f1";
@@ -130460,7 +130751,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/tooltip.vue?vue&type=template&id=58a9b61b&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/tooltip.vue?vue&type=template&id=58a9b61b&
 var cov_2mpuusnm0j = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/tooltip.vue";
   var hash = "c3955fd610d59d1f4e3918edaf2942f623b63b11";
@@ -133117,7 +133408,7 @@ module.exports = function xhrAdapter(config) {
 "use strict";
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/utils/required-checkbox.vue?vue&type=template&id=6f2978d8&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/utils/required-checkbox.vue?vue&type=template&id=6f2978d8&
 var cov_beoajgg2t = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/utils/required-checkbox.vue";
   var hash = "5e37737a70fd695b106aa8c68087e5c4ba42dcd5";
@@ -147451,7 +147742,7 @@ var form_image = __webpack_require__("0e4a");
 // EXTERNAL MODULE: ./src/components/renderer/form-record-list.vue + 6 modules
 var form_record_list = __webpack_require__("2b9d");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-record-list-static.vue?vue&type=template&id=2cdacab0&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-record-list-static.vue?vue&type=template&id=2cdacab0&
 var cov_1z573x3uph = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/form-record-list-static.vue";
   var hash = "fd3ce0c17ddc870a14aee07848d7c3b9f87016fb";
@@ -154865,13 +155156,6 @@ module.exports = {
 };
-/***/ }),
-/***/ "d8a6":
-/***/ (function(module, exports, __webpack_require__) {
-// extracted by mini-css-extract-plugin
 /***/ }),
 /***/ "d8d6":
@@ -157910,6 +158194,17 @@ module.exports = {
 };
+/***/ }),
+/***/ "ea9b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_options_list_vue_vue_type_style_index_0_id_32c37bc3_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a34f");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_options_list_vue_vue_type_style_index_0_id_32c37bc3_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_options_list_vue_vue_type_style_index_0_id_32c37bc3_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 /***/ }),
 /***/ "eaa6":
@@ -166674,7 +166969,7 @@ var defineProperty = __webpack_require__("bd86");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.replace.js
 var es6_regexp_replace = __webpack_require__("a481");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/vue-form-builder.vue?vue&type=template&id=237c7822&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/vue-form-builder.vue?vue&type=template&id=237c7822&scoped=true&
 var cov_2frw03emyd = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/vue-form-builder.vue";
   var hash = "f463213c48c10b1ddc27de479a796ade7eb4c820";
@@ -169046,7 +169341,7 @@ var vue_form_builder_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var vue_form_builder = (vue_form_builder_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/vue-form-renderer.vue?vue&type=template&id=39177520&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/vue-form-renderer.vue?vue&type=template&id=39177520&
 var cov_50h62o5m7 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/vue-form-renderer.vue";
   var hash = "d391bd52ebd40998a4637a801e549bb0ffc16642";
@@ -175971,7 +176266,7 @@ var vue_form_renderer_component = Object(componentNormalizer["a" /* default */])
 // EXTERNAL MODULE: ./src/components/renderer/index.js + 5 modules
 var renderer = __webpack_require__("c99c");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-multi-column.vue?vue&type=template&id=3d008927&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-multi-column.vue?vue&type=template&id=3d008927&
 var cov_116efss8bo = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/form-multi-column.vue";
   var hash = "510973e7514b9068e0fee04f7fbe4bdd9ede1217";
@@ -176460,7 +176755,7 @@ var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_u
 // EXTERNAL MODULE: ./src/mixins/index.js + 4 modules
 var mixins = __webpack_require__("1b62");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-masked-input.vue?vue&type=template&id=3ce2b6e7&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-masked-input.vue?vue&type=template&id=3ce2b6e7&
 var cov_oapfrj1db = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/form-masked-input.vue";
   var hash = "fbf7df19eca73316b28dd7b6a506897d62ef6e25";
@@ -177697,7 +177992,7 @@ const UniqIdsPlugin = {
 /* harmony default export */ var vue_uniq_ids = (UniqIdsPlugin);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-input-masked.vue?vue&type=template&id=3d8cba9e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-input-masked.vue?vue&type=template&id=3d8cba9e&
 var cov_295wqobhbz = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/form-input-masked.vue";
   var hash = "3a185353658f440c852712d53147b873d8aa03ca";
@@ -182421,7 +182716,7 @@ var form_text = __webpack_require__("75ae");
 // EXTERNAL MODULE: ./src/components/renderer/form-button.vue + 4 modules
 var form_button = __webpack_require__("b00f");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-loop.vue?vue&type=template&id=7d05b9ca&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/form-loop.vue?vue&type=template&id=7d05b9ca&
 var cov_bf47oqx7l = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/form-loop.vue";
   var hash = "a6e8471605fe4a8a84cfbee9a368079a8c76f943";
@@ -185514,7 +185809,7 @@ var form_image = __webpack_require__("0e4a");
 // EXTERNAL MODULE: ./src/components/renderer/form-nested-screen.vue + 3 modules
 var form_nested_screen = __webpack_require__("920a");
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/file-upload.vue?vue&type=template&id=64b507f5&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/file-upload.vue?vue&type=template&id=64b507f5&scoped=true&
 var cov_17z77h8wo0 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/file-upload.vue";
   var hash = "ca4fe74d17c5a39cf12cdc2f0eacf68154aed475";
@@ -193549,7 +193844,7 @@ var file_upload_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var file_upload = (file_upload_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/file-download.vue?vue&type=template&id=0c29e715&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/file-download.vue?vue&type=template&id=0c29e715&scoped=true&
 var cov_24d1z4qpwc = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/file-download.vue";
   var hash = "0cb2de207616be936ad55d6c4730e8c6fe1e4557";
@@ -197100,7 +197395,7 @@ var file_download_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var file_download = (file_download_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/select-data-type-mask.vue?vue&type=template&id=6f87c376&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inspector/select-data-type-mask.vue?vue&type=template&id=6f87c376&
 var cov_2e7t3f1fgm = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/inspector/select-data-type-mask.vue";
   var hash = "de52d10d7ad18047483b544508e01a43c6bc5d8c";
@@ -198774,7 +199069,7 @@ var cov_1xpth5apnk = function () {
     }]
   }
 }]);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/task.vue?vue&type=template&id=1e888bca&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/task.vue?vue&type=template&id=1e888bca&
 var cov_2cja1pu9g4 = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/task.vue";
   var hash = "1c29a39b5855f49ef6cc16e8616fa2c0c6ae152b";
@@ -205601,7 +205896,7 @@ var task_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var task = (task_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/editor/loop.vue?vue&type=template&id=17bd88f7&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/editor/loop.vue?vue&type=template&id=17bd88f7&scoped=true&
 var cov_1w6zarbwiq = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/editor/loop.vue";
   var hash = "8d87a1ad8bc4ce777e29285da928695f29c9368a";
@@ -207163,7 +207458,7 @@ var loop_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var loop = (loop_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/editor/multi-column.vue?vue&type=template&id=0cdca220&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/editor/multi-column.vue?vue&type=template&id=0cdca220&scoped=true&
 var cov_hrdcaqc7a = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/editor/multi-column.vue";
   var hash = "5745fc4638da8862bf60c3c2b2a604a08b94b311";
@@ -209205,7 +209500,7 @@ var multi_column_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var multi_column = (multi_column_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/new-form-multi-column.vue?vue&type=template&id=0ef67567&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/new-form-multi-column.vue?vue&type=template&id=0ef67567&
 var cov_1idcahzcjx = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/new-form-multi-column.vue";
   var hash = "33721470764048bb5fd2e21d971d26deff70b063";
@@ -209391,7 +209686,7 @@ var new_form_multi_column_component = Object(componentNormalizer["a" /* default
 )
 /* harmony default export */ var new_form_multi_column = (new_form_multi_column_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/screen-renderer.vue?vue&type=template&id=9b79eed8&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/screen-renderer.vue?vue&type=template&id=9b79eed8&
 var cov_50vk4mnqe = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/screen-renderer.vue";
   var hash = "062c15cb8e62bc06593316b59f3c8ec22189b16a";
@@ -223988,7 +224283,7 @@ var screenRenderer;
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/watchers-synchronous.vue?vue&type=template&id=fb550d68&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/watchers-synchronous.vue?vue&type=template&id=fb550d68&
 var cov_2p7t4br5yl = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/watchers-synchronous.vue";
   var hash = "91fbc17091f0b830d396e782b7f6dc446b0bec19";
@@ -224905,7 +225200,7 @@ var watchers_synchronous_component = Object(componentNormalizer["a" /* default *
 )
 /* harmony default export */ var watchers_synchronous = (watchers_synchronous_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/screen-renderer-error.vue?vue&type=template&id=8466b078&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/screen-renderer-error.vue?vue&type=template&id=8466b078&
 var cov_29j0kvm5sj = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/screen-renderer-error.vue";
   var hash = "46b6886ce3b67fdcab12f8344a911f5be7a4c3eb";
@@ -225758,7 +226053,7 @@ var screen_renderer_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var screen_renderer = (screen_renderer_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/add-loop-row.vue?vue&type=template&id=97108284&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/renderer/add-loop-row.vue?vue&type=template&id=97108284&
 var cov_1omax0itcn = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/renderer/add-loop-row.vue";
   var hash = "60456fa2e0cebe033cf833358800507505d26c63";
@@ -226345,7 +226640,7 @@ var add_loop_row_component = Object(componentNormalizer["a" /* default */])(
 )
 /* harmony default export */ var add_loop_row = (add_loop_row_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c261b94a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/utils/default-loading-spinner.vue?vue&type=template&id=2af62e9c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14358431-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/utils/default-loading-spinner.vue?vue&type=template&id=2af62e9c&
 var cov_h5trjjzyj = function () {
   var path = "/Users/ryancooley/Sites/processmaker/packages/screen-builder/src/components/utils/default-loading-spinner.vue";
   var hash = "4495c9adeaf5cfa28fd4a3197cb83a3d6bab888b";