@processmaker/screen-builder 2.76.6 → 2.77.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.
@@ -3396,7 +3396,7 @@ module.exports = function () {
3396
3396
 
3397
3397
  "use strict";
3398
3398
 
3399
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
3399
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
3400
3400
  var cov_1xsmevxuaz = function () {
3401
3401
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/default-value-editor.vue";
3402
3402
  var hash = "71508c0b1f35d8ce38da2aad2b0c95a0e5266e17";
@@ -5227,7 +5227,7 @@ module.exports = function spread(callback) {
5227
5227
 
5228
5228
  "use strict";
5229
5229
 
5230
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
5230
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
5231
5231
  var cov_a4nxbjqwi = function () {
5232
5232
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/form-image.vue";
5233
5233
  var hash = "ba5be155fea2e957c0eb66be20cc070c74d1e960";
@@ -6924,7 +6924,7 @@ module.exports = baseAssignIn;
6924
6924
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
6925
6925
  var es6_function_name = __webpack_require__("7f7f");
6926
6926
 
6927
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=fdbf3d58&
6927
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=fdbf3d58&
6928
6928
  var cov_ecz9y31od = function () {
6929
6929
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/form-multiselect.vue";
6930
6930
  var hash = "43c2d5ee00fcf7de325c06ba86408dbd38267c0e";
@@ -10699,6 +10699,13 @@ module.exports = __webpack_require__("9e1e") ? Object.defineProperties : functio
10699
10699
  };
10700
10700
 
10701
10701
 
10702
+ /***/ }),
10703
+
10704
+ /***/ "14b1":
10705
+ /***/ (function(module, exports, __webpack_require__) {
10706
+
10707
+ // extracted by mini-css-extract-plugin
10708
+
10702
10709
  /***/ }),
10703
10710
 
10704
10711
  /***/ "1524":
@@ -23202,7 +23209,7 @@ $exports.store = store;
23202
23209
 
23203
23210
  "use strict";
23204
23211
 
23205
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=773218b4&
23212
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=773218b4&
23206
23213
  var cov_1dvilc790n = function () {
23207
23214
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/form-record-list.vue";
23208
23215
  var hash = "8e120ac5b39c30885fd8899d19fd47d60f5a06d5";
@@ -47324,7 +47331,7 @@ module.exports = createAssigner;
47324
47331
 
47325
47332
  "use strict";
47326
47333
 
47327
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
47334
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
47328
47335
  var cov_289hjb5i1r = function () {
47329
47336
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/utils/multiple-uploads-checkbox.vue";
47330
47337
  var hash = "0482834fabec14601e639d9398c680851d780a25";
@@ -60468,7 +60475,7 @@ module.exports = patchedExec;
60468
60475
  /* harmony import */ var _global_properties__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__("fed1");
60469
60476
  var cov_1kg5ifedfk = function () {
60470
60477
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/vue-form-builder.vue";
60471
- var hash = "5f360a2d29b441bfdfd200c2c859e4ca98b07847";
60478
+ var hash = "a31bac379932818bf62fb23fff9f7834b7d92297";
60472
60479
  var global = new Function("return this")();
60473
60480
  var gcv = "__coverage__";
60474
60481
  var coverageData = {
@@ -67750,10 +67757,10 @@ var cov_1kg5ifedfk = function () {
67750
67757
  mappings: ";AAiYA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;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;;AAEA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
67751
67758
  file: "vue-form-builder.vue",
67752
67759
  sourceRoot: "src/components",
67753
- sourcesContent: ["<template>\n <b-row class=\"h-100 m-0\">\n <!-- Controls -->\n <b-col class=\"overflow-hidden h-100 p-0 controls-column\">\n <b-card\n no-body\n class=\"h-100 rounded-0 border-top-0 border-bottom-0 border-left-0\"\n >\n <b-input-group size=\"sm\">\n <b-input-group-prepend>\n <b-input-group-text\n class=\"filter-icon border-left-0 border-top-0 rounded-0\"\n >\n <i class=\"fas fa-filter\" />\n </b-input-group-text>\n </b-input-group-prepend>\n\n <b-form-input\n v-model=\"filterQuery\"\n class=\"border-top-0 border-right-0 rounded-0\"\n type=\"text\"\n :placeholder=\"$t('Filter Controls')\"\n />\n </b-input-group>\n\n <b-card-body no-body class=\"p-0 overflow-auto\">\n <draggable\n v-if=\"renderControls\"\n id=\"controls\"\n v-model=\"filteredControls\"\n data-cy=\"controls\"\n v-bind=\"{\n sort: false,\n group: { name: 'controls', pull: 'clone', put: false }\n }\"\n :clone=\"cloneControl\"\n class=\"controls list-group w-auto list-group-flush\"\n >\n <b-list-group-item\n v-for=\"(element, index) in filteredControls\"\n :key=\"index\"\n :data-cy=\"'controls-' + element.component\"\n >\n <i v-if=\"element.config.icon\" :class=\"element.config.icon\" />\n <span v-html=\"element.config.svg\" class=\"svg-icon\"></span>\n {{ $t(element.label) }}\n </b-list-group-item>\n\n <li v-if=\"!filteredControls.length\" class=\"list-group-item\">\n <slot />\n </li>\n </draggable>\n </b-card-body>\n </b-card>\n </b-col>\n\n <!-- Renderer -->\n <b-col\n id=\"screen-container\"\n class=\"overflow-auto mh-100 ml-4 mr-4 p-0 d-flex flex-column position-relative pt-2\"\n >\n <b-input-group size=\"sm\" class=\"bg-white mt-3\">\n <b-form-select\n v-if=\"showToolbar\"\n v-model=\"currentPage\"\n class=\"form-control\"\n data-cy=\"toolbar-page\"\n >\n <option v-for=\"(data, page) in config\" :key=\"page\" :value=\"page\">\n {{ data.name }}\n </option>\n </b-form-select>\n\n <div v-if=\"showToolbar\">\n <b-button\n size=\"sm\"\n variant=\"secondary\"\n class=\"ml-1\"\n :title=\"$t('Edit Page Title')\"\n data-cy=\"toolbar-edit\"\n @click=\"openEditPageModal(currentPage)\"\n >\n <i class=\"far fa-edit\" />\n </b-button>\n\n <b-button\n size=\"sm\"\n variant=\"danger\"\n class=\"ml-1\"\n :title=\"$t('Delete Page')\"\n :disabled=\"!displayDelete\"\n data-cy=\"toolbar-remove\"\n @click=\"confirmDelete()\"\n >\n <i class=\"far fa-trash-alt\" />\n </b-button>\n\n <b-button\n v-b-modal.addPageModal\n size=\"sm\"\n variant=\"secondary\"\n class=\"ml-1 mr-1\"\n :title=\"$t('Add New Page')\"\n data-cy=\"toolbar-add\"\n @click=\"originalPageName = null\"\n >\n <i class=\"fas fa-plus\" />\n </b-button>\n </div>\n\n <b-button-group size=\"sm\" class=\"ml-1 ml-auto\">\n <b-button :disabled=\"!canUndo\" data-cy=\"toolbar-undo\" @click=\"undo\">{{\n $t(\"Undo\")\n }}</b-button>\n <b-button :disabled=\"!canRedo\" data-cy=\"toolbar-redo\" @click=\"redo\">{{\n $t(\"Redo\")\n }}</b-button>\n </b-button-group>\n\n <hr class=\"w-100\" />\n </b-input-group>\n\n <div\n v-if=\"isCurrentPageEmpty\"\n data-cy=\"screen-drop-zone\"\n class=\"w-100 d-flex justify-content-center align-items-center drag-placeholder text-center position-absolute rounded mt-4\"\n >\n {{ $t(\"Drag an element here\") }}\n </div>\n\n <draggable\n v-if=\"renderControls\"\n :key=\"editorContentKey\"\n data-cy=\"editor-content\"\n class=\"h-100\"\n ghost-class=\"form-control-ghost\"\n :value=\"config[currentPage].items\"\n v-bind=\"{\n group: { name: 'controls' },\n swapThreshold: 0.5\n }\"\n @input=\"updateConfig\"\n >\n <div\n v-for=\"(element, index) in config[currentPage].items\"\n :key=\"index\"\n class=\"control-item mt-4 mb-4\"\n :class=\"{\n selected: selected === element,\n hasError: hasError(element)\n }\"\n :selector=\"element.config.customCssSelector\"\n @click=\"inspect(element)\"\n >\n <div\n v-if=\"element.container\"\n class=\"card\"\n data-cy=\"screen-element-container\"\n @click=\"inspect(element)\"\n >\n <div\n v-if=\"selected === element\"\n class=\"card-header form-element-header d-flex align-items-center\"\n >\n <i class=\"fas fa-arrows-alt-v mr-1 text-muted\" />\n <i\n v-if=\"element.config.icon\"\n :class=\"element.config.icon\"\n class=\"mr-2 ml-1\"\n />\n {{ element.config.name || element.label || $t(\"Field Name\") }}\n <div class=\"ml-auto\">\n <button\n class=\"btn btn-sm btn-secondary mr-2\"\n :title=\"$t('Copy Control')\"\n @click=\"duplicateItem(index)\"\n >\n <i class=\"fas fa-copy text-light\" />\n </button>\n <button\n class=\"btn btn-sm btn-danger\"\n :title=\"$t('Delete Control')\"\n @click=\"deleteItem(index)\"\n >\n <i class=\"far fa-trash-alt text-light\" />\n </button>\n </div>\n </div>\n <component\n :is=\"element['editor-component']\"\n v-model=\"element.items\"\n :validation-errors=\"validationErrors\"\n class=\"card-body\"\n :class=\"elementCssClass(element)\"\n :selected=\"selected\"\n :config=\"element.config\"\n @inspect=\"inspect\"\n @update-state=\"updateState\"\n />\n </div>\n\n <div v-else class=\"card\" data-cy=\"screen-element-container\">\n <div\n v-if=\"selected === element\"\n class=\"card-header form-element-header d-flex align-items-center\"\n >\n <i class=\"fas fa-arrows-alt-v mr-1 text-muted\" />\n <i\n v-if=\"element.config.icon\"\n :class=\"element.config.icon\"\n class=\"mr-2 ml-1\"\n />\n {{ element.config.name || $t(\"Variable Name\") }}\n <div class=\"ml-auto\">\n <button\n class=\"btn btn-sm btn-secondary mr-2\"\n :title=\"$t('Copy Control')\"\n @click=\"duplicateItem(index)\"\n >\n <i class=\"fas fa-copy text-light\" />\n </button>\n <button\n class=\"btn btn-sm btn-danger\"\n :title=\"$t('Delete Control')\"\n @click=\"deleteItem(index)\"\n >\n <i class=\"far fa-trash-alt text-light\" />\n </button>\n </div>\n </div>\n <component\n v-bind=\"element.config\"\n :is=\"element['editor-component']\"\n :tabindex=\"element.config.interactive ? 0 : -1\"\n class=\"card-body m-0 pb-4 pt-4\"\n :class=\"[\n elementCssClass(element),\n { 'prevent-interaction': !element.config.interactive }\n ]\"\n @input=\"\n element.config.interactive\n ? (element.config.content = $event)\n : null\n \"\n @focusout.native=\"updateState\"\n />\n </div>\n </div>\n </draggable>\n </b-col>\n\n <!-- Inspector -->\n <b-col\n v-if=\"renderControls\"\n class=\"overflow-hidden h-100 p-0 inspector-column\"\n >\n <b-card\n no-body\n class=\"p-0 h-100 border-top-0 border-bottom-0 border-right-0 rounded-0\"\n >\n <b-card-body class=\"p-0 h-100 overflow-auto\">\n <template v-for=\"accordion in accordions\">\n <b-button\n v-if=\"getInspectorFields(accordion).length > 0\"\n :key=\"`${accordionName(accordion)}-button`\"\n variant=\"outline\"\n class=\"text-left card-header d-flex align-items-center w-100 outline-0 text-capitalize shadow-none\"\n :data-cy=\"`accordion-${accordionName(accordion).replace(\n ' ',\n ''\n )}`\"\n :accordion-name=\"`accordion-${accordionName(accordion).replace(\n ' ',\n ''\n )}`\"\n :is-open=\"accordion.open ? '1' : '0'\"\n @click=\"toggleAccordion(accordion)\"\n >\n <i class=\"fas fa-cog mr-2\" />\n {{ $t(accordionName(accordion)) }}\n <i\n class=\"fas fa-angle-down ml-auto\"\n :class=\"{ 'fas fa-angle-right': !accordion.open }\"\n />\n </b-button>\n <b-collapse\n :id=\"accordionName(accordion)\"\n :key=\"`${accordionName(accordion)}-collapse`\"\n v-model=\"accordion.open\"\n >\n <component\n :is=\"item.type\"\n v-for=\"(item, index) in getInspectorFields(accordion)\"\n :key=\"index\"\n v-model=\"inspection.config[item.field]\"\n :data-cy=\"'inspector-' + (item.field || item.config.name)\"\n v-bind=\"item.config\"\n :field-name=\"item.field\"\n :field-accordion=\"`accordion-${accordionName(accordion).replace(\n ' ',\n ''\n )}`\"\n :builder=\"builder\"\n :form-config=\"config\"\n :screen-type=\"screenType\"\n :current-page=\"currentPage\"\n :selected-control=\"selected\"\n class=\"border-bottom m-0 p-4\"\n @focusout.native=\"updateState\"\n @update-state=\"updateState\"\n @setName=\"inspection.config.name = $event\"\n />\n </b-collapse>\n </template>\n </b-card-body>\n </b-card>\n </b-col>\n\n <!-- Modals -->\n <b-modal\n id=\"addPageModal\"\n :ok-title=\"$t('Save')\"\n :cancel-title=\"$t('Cancel')\"\n cancel-variant=\"btn btn-outline-secondary\"\n ok-variant=\"btn btn-secondary ml-2\"\n :title=\"$t('Add New Page')\"\n header-close-content=\"&times;\"\n data-cy=\"add-page-modal\"\n @ok=\"addPage\"\n >\n <required />\n <form-input\n ref=\"addPageInput\"\n v-model=\"addPageName\"\n :name=\"$t('Page Name')\"\n :label=\"$t('Page Name') + ' *'\"\n :helper=\"$t('The name of the new page to add')\"\n validation=\"unique-page-name|required\"\n data-cy=\"add-page-name\"\n required\n aria-required=\"true\"\n />\n </b-modal>\n\n <b-modal\n ref=\"editPageModal\"\n :title=\"$t('Edit Page Title')\"\n :ok-title=\"$t('Save')\"\n :cancel-title=\"$t('Cancel')\"\n cancel-variant=\"btn btn-outline-secondary\"\n ok-variant=\"btn btn-secondary ml-2\"\n header-close-content=\"&times;\"\n @ok=\"editPage\"\n >\n <required />\n <form-input\n ref=\"editPageInput\"\n v-model=\"editPageName\"\n :name=\"$t('Page Name')\"\n :label=\"$t('Page Name') + ' *'\"\n :helper=\"$t('The new name of the page')\"\n validation=\"unique-page-name|required\"\n required\n aria-required=\"true\"\n />\n </b-modal>\n\n <b-modal\n ref=\"confirm\"\n :title=\"$t('Caution!')\"\n :ok-title=\"$t('Delete')\"\n :cancel-title=\"$t('Cancel')\"\n cancel-variant=\"btn btn-outline-secondary\"\n ok-variant=\"btn btn-secondary ml-2\"\n header-close-content=\"&times;\"\n @ok=\"deletePage\"\n @cancel=\"hideConfirmModal\"\n >\n <p>{{ confirmMessage }}</p>\n <div slot=\"modal-ok\">{{ $t(\"Delete\") }}</div>\n </b-modal>\n </b-row>\n</template>\n\n<script>\nimport draggable from \"vuedraggable\";\nimport _ from \"lodash\";\nimport {\n FormInput,\n FormSelectList,\n FormTextArea,\n FormCheckbox,\n FormDatePicker,\n FormHtmlEditor,\n FormHtmlViewer\n} from \"@processmaker/vue-form-elements\";\nimport HasColorProperty from \"../mixins/HasColorProperty\";\nimport * as renderer from \"./renderer\";\nimport * as inspector from \"./inspector\";\nimport \"@processmaker/vue-form-elements/dist/vue-form-elements.css\";\nimport accordions from \"./accordions\";\nimport { keyNameProperty } from \"../form-control-common-properties\";\nimport VariableNameGenerator from \"@/components/VariableNameGenerator\";\nimport testing from \"@/mixins/testing\";\nimport defaultValueEditor from \"./inspector/default-value-editor\";\nimport RequiredCheckbox from \"./utils/required-checkbox\";\nimport MultipleUploadsCheckbox from \"./utils/multiple-uploads-checkbox\";\nimport { formTypes } from \"@/global-properties\";\n\nconst Validator = require(\"validatorjs\");\n// To include another language in the Validator with variable processmaker\nconst globalObject = typeof window === \"undefined\" ? global : window;\n\nif (\n globalObject.ProcessMaker &&\n globalObject.ProcessMaker.user &&\n globalObject.ProcessMaker.user.lang\n) {\n Validator.useLang(globalObject.ProcessMaker.user.lang);\n}\n\n// Todo: Validation messages are not translated. These will need to be converted\n// to Validator.registerAsync() in order to get the $t translator.\n// Should also probably be converted to a mixin. These changes would then\n// require modifications to to App.vue and PM4 Core implementations\nValidator.register(\n \"columns-adds-to-12\",\n (value) => {\n const sum = value.reduce((total, options) => {\n return total + parseInt(options.content);\n }, 0);\n\n if (sum === 12) {\n return true;\n }\n return false;\n },\n \"Columns must add to 12\"\n);\n\nconst defaultConfig = [\n {\n name: \"Default\",\n items: []\n }\n];\n\nexport default {\n components: {\n draggable,\n FormInput,\n FormSelectList,\n FormCheckbox,\n FormTextArea,\n FormDatePicker,\n FormHtmlEditor,\n FormHtmlViewer,\n RequiredCheckbox,\n MultipleUploadsCheckbox,\n defaultValueEditor,\n ...inspector,\n ...renderer,\n },\n mixins: [HasColorProperty, testing],\n props: {\n renderControls: {\n type: Boolean,\n default: true\n },\n validationErrors: {\n type: Array\n },\n initialConfig: {\n type: Array\n },\n title: {\n type: String\n },\n screenType: {\n type: String,\n default: formTypes.form\n },\n screen: {\n type: Object\n }\n },\n data() {\n const config = this.initialConfig || defaultConfig;\n this.migrateConfig(config);\n const generator = new VariableNameGenerator();\n const variables = generator.GetVariableNames(config);\n\n if (this.title && config[0].name === \"Default\") {\n config[0].name = this.title;\n }\n\n return {\n currentPage: 0,\n selected: null,\n display: \"editor\",\n inspection: {},\n // Blank at start, assume the parent component will call addControl for each control\n controls: [],\n pageAddModal: false,\n addPageName: \"\",\n editPageIndex: null,\n editPageName: \"\",\n originalPageName: null,\n config,\n confirmMessage: \"\",\n pageDelete: 0,\n translated: [],\n showAssignment: false,\n showVariable: false,\n showDesign: false,\n filterQuery: \"\",\n accordions,\n variables,\n generator,\n variablesTree: [],\n language: \"en\",\n collator: null,\n editorContentKey: 0\n };\n },\n computed: {\n builder() {\n return this;\n },\n canUndo() {\n return this.$store.getters[\"undoRedoModule/canUndo\"];\n },\n canRedo() {\n return this.$store.getters[\"undoRedoModule/canRedo\"];\n },\n displayDelete() {\n return this.config.length > 1;\n },\n filteredControls() {\n const excludedLabels = [\"Bootstrap Wrapper\", \"Bootstrap Component\"];\n\n const filtered = this.controls.filter((control) => {\n return control.label.toLowerCase().includes(this.filterQuery.toLowerCase());\n });\n\n const excluded = filtered.filter((control) => {\n return excludedLabels.includes(control.label);\n });\n\n const included = filtered.filter((control) => {\n return !excludedLabels.includes(control.label);\n });\n\n const sorted = included.sort((a, b) => {\n return this.collator.compare(a.label, b.label);\n });\n\n return [...sorted, ...excluded].sort((a, b) => {\n const textA = a.label.toLowerCase();\n const textB = b.label.toLowerCase();\n if (textA < textB) {\n return -1;\n }\n return textA > textB ? 1 : 0;\n });\n },\n isCurrentPageEmpty() {\n return this.config[this.currentPage].items.length === 0;\n },\n showToolbar() {\n return this.screenType === formTypes.form;\n },\n \n },\n watch: {\n config: {\n handler() {\n this.checkForCaptchaInLoops();\n this.$emit(\"change\", this.config);\n },\n deep: true\n },\n currentPage() {\n this.inspect();\n },\n inspection(e) {\n if (this.translated.includes(e)) {\n // already translated, don't translate again!\n return;\n }\n for (const i in e.inspector) {\n e.inspector[i].config.label = this.$t(e.inspector[i].config.label);\n e.inspector[i].config.helper = this.$t(e.inspector[i].config.helper);\n if (e.inspector[i].config.options) {\n for (const io in e.inspector[i].config.options) {\n e.inspector[i].config.options[io].content = this.$t(\n e.inspector[i].config.options[io].content\n );\n }\n }\n }\n this.translated.push(e);\n }\n },\n created() {\n Validator.register(\n \"unique-page-name\",\n (value) => {\n const pageNames = this.config\n .map((config) => config.name)\n .filter((name) => name !== this.originalPageName);\n return !pageNames.includes(value);\n },\n this.$t(\"Must be unique\")\n );\n this.$store.dispatch(\"undoRedoModule/pushState\", {\n config: JSON.stringify(this.config),\n currentPage: this.currentPage\n });\n this.initiateLanguageSupport();\n },\n mounted() {\n this.checkForCaptchaInLoops();\n this.$root.$on(\"nested-screen-updated\", () => {\n this.checkForCaptchaInLoops();\n });\n },\n methods: {\n refreshContent() {\n this.editorContentKey++;\n },\n checkForCaptchaInLoops() {\n this.config.forEach((page) => {\n this.checkForCaptcha(page.items);\n });\n },\n checkForCaptcha(items, insideLoop = false, nestedScreen = null) {\n items.forEach((item) => {\n if (!item.items && item.component == \"Captcha\" && insideLoop) {\n if (nestedScreen && nestedScreen.config.screen) {\n this.$root.$emit(\"remove-nested\", nestedScreen.config.screen);\n nestedScreen.config.screen = null;\n globalObject.ProcessMaker.alert(\n this.$t(\n // eslint-disable-next-line max-len\n \"You are trying to place a nested screen within CAPTCHA elements inside a loop. CAPTCHA controls cannot be placed within a Loop control.\"\n ),\n \"danger\"\n );\n } else {\n items.splice(items.indexOf(item), 1);\n globalObject.ProcessMaker.alert(\n this.$t(\n \"CAPTCHA controls cannot be placed within a Loop control.\"\n ),\n \"danger\"\n );\n }\n }\n if (item.items) {\n this.checkForCaptcha(item.items, true, nestedScreen);\n }\n if (\n item.component === \"FormNestedScreen\" &&\n item.config.screen &&\n window.nestedScreens\n ) {\n const nestedScreenItems =\n window.nestedScreens[`id_${item.config.screen}`];\n if (nestedScreenItems) {\n nestedScreenItems.forEach((nestedScreenPage) => {\n this.checkForCaptcha(nestedScreenPage.items, insideLoop, item);\n });\n }\n }\n });\n },\n loadVariablesTree() {\n const definition = {\n config: this.$parent.config,\n computed: this.$parent.computed,\n customCSS: this.$parent.customCSS,\n watchers: this.$parent.watchers\n };\n this.variablesTree =\n this.$refs.treeOfVariables.getVariablesTree(definition);\n this.$refs.treeOfVariables.getVariablesTree({ config: [] });\n },\n accordionName(accordion) {\n return accordion.name instanceof Function\n ? accordion.name(this.inspection)\n : accordion.name;\n },\n toggleAccordion(accordion) {\n this.accordions.forEach((panel) => {\n if (panel !== accordion) {\n panel.open = false;\n }\n });\n accordion.open = !accordion.open;\n },\n openAccordion(accordion) {\n this.accordions.forEach((panel) => {\n panel.open = false;\n });\n accordion.open = true;\n },\n migrateConfig(config = this.config) {\n config.forEach((page) => this.replaceFormText(page.items));\n config.forEach((page) => this.migrateFormSubmit(page.items));\n config.forEach((page) => this.updateFieldNameValidation(page.items));\n config.forEach((page) =>\n this.removeDataVariableFromNestedScreens(page.items)\n );\n },\n updateFieldNameValidation(items) {\n items.forEach((item) => {\n if (item.inspector) {\n item.inspector.forEach((inspector) => {\n if (\n inspector.field === \"name\" &&\n \"validation\" in inspector.config &&\n inspector.config.name !== \"DataVariable\" &&\n item.component !== \"FileUpload\" &&\n item.component !== \"FormButton\"\n ) {\n inspector.config.validation = keyNameProperty.config.validation;\n }\n });\n }\n if (item.items instanceof Array) {\n this.replaceFormText(item.items);\n }\n });\n },\n removeDataVariableFromNestedScreens(items) {\n items.forEach((item) => {\n if (item.inspector) {\n const hasDataVariable = item.inspector.find(\n (inspector) => inspector.config.name === \"DataVariable\"\n );\n item.inspector = item.inspector.filter(\n (inspector) => inspector.config.name !== \"DataVariable\"\n );\n if (hasDataVariable) {\n delete item.config.name;\n }\n }\n });\n },\n replaceFormText(items) {\n items.forEach((item) => {\n if (item.component === \"FormText\") {\n item.component = \"FormHtmlEditor\";\n item[\"editor-component\"] = \"FormHtmlEditor\";\n const style =\n (item.config.fontSize\n ? `font-size: ${item.config.fontSize};`\n : \"\") +\n (item.config.fontWeight\n ? `font-weight: ${item.config.fontWeight};`\n : \"\") +\n (item.config.textAlign\n ? `text-align: ${item.config.textAlign};`\n : \"\");\n item.config = {\n content:\n \"<div style=\\\"\" + style + \"\\\">\" + item.config.label + \"</div>\",\n interactive: true\n };\n }\n if (item.items instanceof Array) {\n this.replaceFormText(item.items);\n }\n });\n },\n migrateFormSubmit(items) {\n items.forEach((item) => {\n if (item[\"editor-control\"] !== \"FormSubmit\") {\n item[\"editor-control\"] = item[\"editor-component\"];\n }\n\n if (item.config.event === \"submit\") {\n if (item[\"editor-component\"] === \"FormNestedScreen\") {\n // Old nested screens erroneously had an event key. Remove it here\n // and set the editor-control back to FormNestedScreen.\n delete item.config.event;\n item[\"editor-control\"] = \"FormNestedScreen\";\n item.config.name = \"Nested Screen\";\n } else if (item[\"editor-control\"] !== \"FormImage\") {\n item[\"editor-control\"] = \"FormSubmit\";\n }\n }\n if (item.config.event === \"pageNavigate\") {\n item[\"editor-control\"] = \"PageNavigation\";\n }\n if (\n item.items instanceof Array &&\n item.component === \"FormMultiColumn\"\n ) {\n item[\"editor-control\"] = \"FormMultiColumn\";\n item.items.forEach((column) => this.migrateFormSubmit(column));\n }\n });\n },\n getAllAccordionizedFields() {\n if (this._allAccordionizedFields) {\n return this._allAccordionizedFields;\n }\n this._allAccordionizedFields = this.accordions.flatMap((accordion) => {\n return accordion.fields.map((fieldName) => {\n if (typeof fieldName === \"string\") {\n return fieldName;\n }\n return fieldName.name;\n });\n });\n return this._allAccordionizedFields;\n },\n knownField(field) {\n return this.getAllAccordionizedFields().includes(field);\n },\n getInspectorFields(accordion) {\n if (!this.inspection.inspector) {\n return [];\n }\n\n const accordionFields = accordion.fields\n .filter((field) => {\n if (typeof field !== \"string\") {\n const { component } = this.inspection;\n const { showFor, hideFor } = field;\n\n if (showFor) {\n return showFor === component;\n }\n\n if (hideFor) {\n return hideFor !== component;\n }\n }\n\n return true;\n })\n .map((field) => {\n if (typeof field !== \"string\") {\n return field.name;\n }\n\n return field;\n });\n const control = this.controls.find(\n (control) =>\n control[\"editor-control\"] === this.inspection[\"editor-control\"]\n ) ||\n this.controls.find(\n (control) => control.component === this.inspection.component\n ) || { inspector: [] };\n return control.inspector.filter((input) => {\n if (accordionFields.includes(input.field)) {\n return true;\n }\n if (\n !this.knownField(input.field) &&\n accordion.name === \"Configuration\"\n ) {\n // If it's not a known inspector field from accordion.js and this is the\n // configuration accordion, then add it here\n return true;\n }\n return false;\n });\n },\n updateState() {\n this.$store.dispatch(\"undoRedoModule/pushState\", {\n config: JSON.stringify(this.config),\n currentPage: this.currentPage\n });\n },\n undo() {\n this.inspect();\n this.$store.dispatch(\"undoRedoModule/undo\");\n this.config = JSON.parse(\n this.$store.getters[\"undoRedoModule/currentState\"].config\n );\n this.currentPage = JSON.parse(\n this.$store.getters[\"undoRedoModule/currentState\"].currentPage\n );\n },\n redo() {\n this.inspect();\n this.$store.dispatch(\"undoRedoModule/redo\");\n this.config = JSON.parse(\n this.$store.getters[\"undoRedoModule/currentState\"].config\n );\n this.currentPage = JSON.parse(\n this.$store.getters[\"undoRedoModule/currentState\"].currentPage\n );\n },\n updateConfig(items) {\n this.config[this.currentPage].items = items;\n this.updateState();\n },\n hasError(element) {\n return this.validationErrors.some(({ item }) => item === element);\n },\n focusInspector(validation) {\n this.showConfiguration = true;\n this.currentPage = this.config.indexOf(validation.page);\n this.$nextTick(() => {\n this.inspect(validation.item);\n this.$nextTick(() => {\n const field = this.$el.querySelector(\n `[field-name=\"${validation.field}\"]`\n );\n if (field) {\n const accordion = this.$el.querySelector(\n `[accordion-name=\"${field.getAttribute(\"field-accordion\")}\"]`\n );\n accordion &&\n accordion.getAttribute(\"is-open\") === \"0\" &&\n accordion.click();\n field.focus instanceof Function && field.focus();\n }\n });\n });\n },\n confirmDelete() {\n this.confirmMessage = this.$t(\n \"Are you sure you want to delete {{item}}?\",\n { item: this.config[this.currentPage].name }\n );\n this.pageDelete = this.currentPage;\n this.$refs.confirm.show();\n },\n hideConfirmModal() {\n this.$refs.confirm.hide();\n },\n addControl(control) {\n this.controls.push(control);\n },\n deleteItem(index) {\n // Remove the item from the array in currentPage\n this.config[this.currentPage].items.splice(index, 1);\n this.inspection.inspector.splice(0, this.inspection.inspector.length);\n this.updateState();\n },\n duplicateItem(index) {\n const duplicate = _.cloneDeep(this.config[this.currentPage].items[index]);\n this.config[this.currentPage].items.push(duplicate);\n },\n openEditPageModal(index) {\n this.editPageIndex = index;\n const pageName = this.config[index].name;\n this.originalPageName = pageName;\n this.editPageName = pageName;\n this.$refs.editPageModal.show();\n },\n editPage(e) {\n if (this.$refs.editPageInput.validator.errorCount) {\n e.preventDefault();\n return;\n }\n this.config[this.editPageIndex].name = this.editPageName;\n this.updateState();\n },\n addPage(e) {\n if (this.$refs.addPageInput.validator.errorCount) {\n e.preventDefault();\n return;\n }\n this.config.push({ name: this.addPageName, items: [] });\n this.currentPage = this.config.length - 1;\n this.addPageName = \"\";\n this.updateState();\n },\n deletePage() {\n this.config.splice(this.pageDelete, 1);\n this.currentPage = this.pageDelete - 1 >= 0 ? this.pageDelete - 1 : 0;\n this.$store.dispatch(\"undoRedoModule/pushState\", {\n config: JSON.stringify(this.config),\n currentPage: this.currentPage,\n deletedPage: true\n });\n },\n inspect(element = {}) {\n this.inspection = element;\n this.selected = element;\n const defaultAccordion = this.accordions.find(\n (accordion) => this.getInspectorFields(accordion).length > 0\n );\n if (defaultAccordion) {\n this.openAccordion(defaultAccordion);\n }\n },\n // Cloning the control will ensure the config is not a copy of the observable but a plain javascript object\n // This will ensure each control in the editor has it's own config and it's not shared\n cloneControl(control) {\n const copy = {\n config: JSON.parse(JSON.stringify(control.config)),\n inspector: JSON.parse(JSON.stringify(control.inspector)),\n component: control.component,\n \"editor-component\": control[\"editor-component\"],\n \"editor-control\": control[\"editor-control\"],\n label: control.label,\n value: control.value\n };\n if (control.component === \"FormDatePicker\" && copy.config.phrases) {\n copy.config.phrases.ok = this.$t(copy.config.phrases.ok);\n copy.config.phrases.cancel = this.$t(copy.config.phrases.cancel);\n }\n copy.config.label = this.$t(copy.config.label);\n if (Array.isArray(copy.config.options)) {\n for (const io in copy.config.options) {\n copy.config.options[io].content = this.$t(\n copy.config.options[io].content\n );\n }\n }\n\n // If it's a container, let's add an items property, with the default of items in the control\n if (control.container) {\n copy.items = JSON.parse(JSON.stringify(control.items));\n copy.container = true;\n }\n\n // Generate Variable Name\n if (\n _.findIndex(control.inspector, keyNameProperty) !== -1 ||\n control.component === \"FormLoop\") {\n [this.variables, copy.config.name] = this.generator.generate(\n this.config,\n copy[\"editor-control\"] ? copy[\"editor-control\"] : copy.component\n );\n if (_.has(copy, \"config.settings.varname\")) {\n copy.config.settings.varname = copy.config.name;\n }\n }\n\n return copy;\n },\n initiateLanguageSupport() {\n if (document.documentElement.lang) {\n this.language = document.documentElement.lang;\n }\n this.collator = Intl.Collator(this.language);\n },\n }\n};\n</script>\n\n<style>\n.prevent-interaction {\n pointer-events: none;\n}\n\n.svg-icon > svg {\n height: 14px;\n}\n</style>\n\n<style lang=\"scss\" scoped>\n$header-bg: #f7f7f7;\n$side-bar-font-size: 0.875rem;\n\n.control-icon {\n width: 30px;\n font-size: 20px;\n\n img {\n height: 20px;\n }\n}\n\n.control-item {\n .delete {\n position: absolute;\n top: 0px;\n right: 0px;\n display: none;\n }\n\n &:hover {\n cursor: move;\n }\n\n &.selected {\n border-radius: 5px;\n cursor: move;\n }\n\n &:not(.selected) .card {\n border: none;\n }\n}\n\n.hasError {\n border: 1px solid red;\n border-radius: 0.25rem;\n\n .form-element-header {\n border-bottom: 1px solid red;\n color: red;\n }\n}\n\n.inspector-header {\n background: $header-bg;\n}\n\n.validation-panel {\n background: $header-bg;\n height: 10rem;\n width: 21.35rem;\n bottom: 3rem;\n}\n\n.validation__message {\n text-decoration: none;\n\n &:hover {\n background: rgba(51, 151, 225, 0.3);\n }\n}\n\n.controls-header {\n border-bottom: none;\n}\n\n.header-bg {\n background: $header-bg;\n}\n\n.controls {\n cursor: move;\n user-select: none;\n font-size: $side-bar-font-size;\n}\n\n.header-button {\n height: 38px;\n width: 38px;\n}\n\n.filter-icon {\n background-color: #e9ecef;\n}\n\n.controls-column {\n max-width: 185px;\n}\n\n.inspector-column {\n max-width: 265px;\n font-size: $side-bar-font-size;\n}\n\n.form-control-ghost {\n margin-bottom: 0;\n border-radius: 0.25rem;\n}\n\n.drag-placeholder {\n height: 8rem;\n top: 4rem;\n border: 1px dashed rgba(0, 0, 0, 0.125);\n}\n</style>\n"]
67760
+ sourcesContent: ["<template>\n <b-row class=\"h-100 m-0\">\n <!-- Controls -->\n <b-col class=\"overflow-hidden h-100 p-0 controls-column\">\n <b-card\n no-body\n class=\"h-100 rounded-0 border-top-0 border-bottom-0 border-left-0\"\n >\n <b-input-group size=\"sm\">\n <b-input-group-prepend>\n <b-input-group-text\n class=\"filter-icon border-left-0 border-top-0 rounded-0\"\n >\n <i class=\"fas fa-filter\" />\n </b-input-group-text>\n </b-input-group-prepend>\n\n <b-form-input\n v-model=\"filterQuery\"\n class=\"border-top-0 border-right-0 rounded-0\"\n type=\"text\"\n :placeholder=\"$t('Filter Controls')\"\n />\n </b-input-group>\n\n <b-card-body no-body class=\"p-0 overflow-auto\">\n <draggable\n v-if=\"renderControls\"\n id=\"controls\"\n v-model=\"filteredControls\"\n data-cy=\"controls\"\n v-bind=\"{\n sort: false,\n group: { name: 'controls', pull: 'clone', put: false }\n }\"\n :clone=\"cloneControl\"\n class=\"controls list-group w-auto list-group-flush\"\n >\n <b-list-group-item\n v-for=\"(element, index) in filteredControls\"\n :key=\"index\"\n :data-cy=\"'controls-' + element.component\"\n >\n <i v-if=\"element.config.icon\" :class=\"element.config.icon\" />\n <span v-html=\"element.config.svg\" class=\"svg-icon\"></span>\n {{ $t(element.label) }}\n </b-list-group-item>\n\n <li v-if=\"!filteredControls.length\" class=\"list-group-item\">\n <slot />\n </li>\n </draggable>\n </b-card-body>\n </b-card>\n </b-col>\n\n <!-- Renderer -->\n <b-col\n id=\"screen-container\"\n class=\"overflow-auto mh-100 ml-4 mr-4 p-0 d-flex flex-column position-relative pt-2\"\n >\n <b-input-group size=\"sm\" class=\"bg-white mt-3\">\n <b-form-select\n v-if=\"showToolbar\"\n v-model=\"currentPage\"\n class=\"form-control\"\n data-cy=\"toolbar-page\"\n >\n <option v-for=\"(data, page) in config\" :key=\"page\" :value=\"page\">\n {{ data.name }}\n </option>\n </b-form-select>\n\n <div v-if=\"showToolbar\">\n <b-button\n size=\"sm\"\n variant=\"secondary\"\n class=\"ml-1\"\n :title=\"$t('Edit Page Title')\"\n data-cy=\"toolbar-edit\"\n @click=\"openEditPageModal(currentPage)\"\n >\n <i class=\"far fa-edit\" />\n </b-button>\n\n <b-button\n size=\"sm\"\n variant=\"danger\"\n class=\"ml-1\"\n :title=\"$t('Delete Page')\"\n :disabled=\"!displayDelete\"\n data-cy=\"toolbar-remove\"\n @click=\"confirmDelete()\"\n >\n <i class=\"far fa-trash-alt\" />\n </b-button>\n\n <b-button\n v-b-modal.addPageModal\n size=\"sm\"\n variant=\"secondary\"\n class=\"ml-1 mr-1\"\n :title=\"$t('Add New Page')\"\n data-cy=\"toolbar-add\"\n @click=\"originalPageName = null\"\n >\n <i class=\"fas fa-plus\" />\n </b-button>\n </div>\n\n <b-button-group size=\"sm\" class=\"ml-1 ml-auto\">\n <b-button :disabled=\"!canUndo\" data-cy=\"toolbar-undo\" @click=\"undo\">{{\n $t(\"Undo\")\n }}</b-button>\n <b-button :disabled=\"!canRedo\" data-cy=\"toolbar-redo\" @click=\"redo\">{{\n $t(\"Redo\")\n }}</b-button>\n </b-button-group>\n\n <hr class=\"w-100\" />\n </b-input-group>\n\n <div\n v-if=\"isCurrentPageEmpty\"\n data-cy=\"screen-drop-zone\"\n class=\"w-100 d-flex justify-content-center align-items-center drag-placeholder text-center position-absolute rounded mt-4\"\n >\n {{ $t(\"Drag an element here\") }}\n </div>\n\n <draggable\n v-if=\"renderControls\"\n :key=\"editorContentKey\"\n data-cy=\"editor-content\"\n class=\"h-100\"\n ghost-class=\"form-control-ghost\"\n :value=\"config[currentPage].items\"\n v-bind=\"{\n group: { name: 'controls' },\n swapThreshold: 0.5\n }\"\n @input=\"updateConfig\"\n >\n <div\n v-for=\"(element, index) in config[currentPage].items\"\n :key=\"index\"\n class=\"control-item mt-4 mb-4\"\n :class=\"{\n selected: selected === element,\n hasError: hasError(element)\n }\"\n :selector=\"element.config.customCssSelector\"\n @click=\"inspect(element)\"\n >\n <div\n v-if=\"element.container\"\n class=\"card\"\n data-cy=\"screen-element-container\"\n @click=\"inspect(element)\"\n >\n <div\n v-if=\"selected === element\"\n class=\"card-header form-element-header d-flex align-items-center\"\n >\n <i class=\"fas fa-arrows-alt-v mr-1 text-muted\" />\n <i\n v-if=\"element.config.icon\"\n :class=\"element.config.icon\"\n class=\"mr-2 ml-1\"\n />\n {{ element.config.name || element.label || $t(\"Field Name\") }}\n <div class=\"ml-auto\">\n <button\n class=\"btn btn-sm btn-secondary mr-2\"\n :title=\"$t('Copy Control')\"\n @click=\"duplicateItem(index)\"\n >\n <i class=\"fas fa-copy text-light\" />\n </button>\n <button\n class=\"btn btn-sm btn-danger\"\n :title=\"$t('Delete Control')\"\n @click=\"deleteItem(index)\"\n >\n <i class=\"far fa-trash-alt text-light\" />\n </button>\n </div>\n </div>\n <component\n :is=\"element['editor-component']\"\n v-model=\"element.items\"\n :validation-errors=\"validationErrors\"\n class=\"card-body\"\n :class=\"elementCssClass(element)\"\n :selected=\"selected\"\n :config=\"element.config\"\n @inspect=\"inspect\"\n @update-state=\"updateState\"\n />\n </div>\n\n <div v-else class=\"card\" data-cy=\"screen-element-container\">\n <div\n v-if=\"selected === element\"\n class=\"card-header form-element-header d-flex align-items-center\"\n >\n <i class=\"fas fa-arrows-alt-v mr-1 text-muted\" />\n <i\n v-if=\"element.config.icon\"\n :class=\"element.config.icon\"\n class=\"mr-2 ml-1\"\n />\n {{ element.config.name || $t(\"Variable Name\") }}\n <div class=\"ml-auto\">\n <button\n class=\"btn btn-sm btn-secondary mr-2\"\n :title=\"$t('Copy Control')\"\n @click=\"duplicateItem(index)\"\n >\n <i class=\"fas fa-copy text-light\" />\n </button>\n <button\n class=\"btn btn-sm btn-danger\"\n :title=\"$t('Delete Control')\"\n @click=\"deleteItem(index)\"\n >\n <i class=\"far fa-trash-alt text-light\" />\n </button>\n </div>\n </div>\n <component\n v-bind=\"element.config\"\n :is=\"element['editor-component']\"\n :tabindex=\"element.config.interactive ? 0 : -1\"\n class=\"card-body m-0 pb-4 pt-4\"\n :class=\"[\n elementCssClass(element),\n { 'prevent-interaction': !element.config.interactive }\n ]\"\n @input=\"\n element.config.interactive\n ? (element.config.content = $event)\n : null\n \"\n @focusout.native=\"updateState\"\n />\n </div>\n </div>\n </draggable>\n </b-col>\n\n <!-- Inspector -->\n <b-col\n v-if=\"renderControls\"\n class=\"overflow-hidden h-100 p-0 inspector-column\"\n >\n <b-card\n no-body\n class=\"p-0 h-100 border-top-0 border-bottom-0 border-right-0 rounded-0\"\n >\n <b-card-body class=\"p-0 h-100 overflow-auto\">\n <template v-for=\"accordion in accordions\">\n <b-button\n v-if=\"getInspectorFields(accordion).length > 0\"\n :key=\"`${accordionName(accordion)}-button`\"\n variant=\"outline\"\n class=\"text-left card-header d-flex align-items-center w-100 outline-0 text-capitalize shadow-none\"\n :data-cy=\"`accordion-${accordionName(accordion).replace(\n ' ',\n ''\n )}`\"\n :accordion-name=\"`accordion-${accordionName(accordion).replace(\n ' ',\n ''\n )}`\"\n :is-open=\"accordion.open ? '1' : '0'\"\n @click=\"toggleAccordion(accordion)\"\n >\n <i class=\"fas fa-cog mr-2\" />\n {{ $t(accordionName(accordion)) }}\n <i\n class=\"fas fa-angle-down ml-auto\"\n :class=\"{ 'fas fa-angle-right': !accordion.open }\"\n />\n </b-button>\n <b-collapse\n :id=\"accordionName(accordion)\"\n :key=\"`${accordionName(accordion)}-collapse`\"\n v-model=\"accordion.open\"\n >\n <component\n :is=\"item.type\"\n v-for=\"(item, index) in getInspectorFields(accordion)\"\n :key=\"index\"\n v-model=\"inspection.config[item.field]\"\n :data-cy=\"'inspector-' + (item.field || item.config.name)\"\n v-bind=\"item.config\"\n :field-name=\"item.field\"\n :field-accordion=\"`accordion-${accordionName(accordion).replace(\n ' ',\n ''\n )}`\"\n :builder=\"builder\"\n :form-config=\"config\"\n :screen-type=\"screenType\"\n :current-page=\"currentPage\"\n :selected-control=\"selected\"\n class=\"border-bottom m-0 p-4\"\n @focusout.native=\"updateState\"\n @update-state=\"updateState\"\n @setName=\"inspection.config.name = $event\"\n />\n </b-collapse>\n </template>\n </b-card-body>\n </b-card>\n </b-col>\n\n <!-- Modals -->\n <b-modal\n id=\"addPageModal\"\n :ok-title=\"$t('Save')\"\n :cancel-title=\"$t('Cancel')\"\n cancel-variant=\"btn btn-outline-secondary\"\n ok-variant=\"btn btn-secondary ml-2\"\n :title=\"$t('Add New Page')\"\n header-close-content=\"&times;\"\n data-cy=\"add-page-modal\"\n @ok=\"addPage\"\n >\n <required />\n <form-input\n ref=\"addPageInput\"\n v-model=\"addPageName\"\n :name=\"$t('Page Name')\"\n :label=\"$t('Page Name') + ' *'\"\n :helper=\"$t('The name of the new page to add')\"\n validation=\"unique-page-name|required\"\n data-cy=\"add-page-name\"\n required\n aria-required=\"true\"\n />\n </b-modal>\n\n <b-modal\n ref=\"editPageModal\"\n :title=\"$t('Edit Page Title')\"\n :ok-title=\"$t('Save')\"\n :cancel-title=\"$t('Cancel')\"\n cancel-variant=\"btn btn-outline-secondary\"\n ok-variant=\"btn btn-secondary ml-2\"\n header-close-content=\"&times;\"\n @ok=\"editPage\"\n >\n <required />\n <form-input\n ref=\"editPageInput\"\n v-model=\"editPageName\"\n :name=\"$t('Page Name')\"\n :label=\"$t('Page Name') + ' *'\"\n :helper=\"$t('The new name of the page')\"\n validation=\"unique-page-name|required\"\n required\n aria-required=\"true\"\n />\n </b-modal>\n\n <b-modal\n ref=\"confirm\"\n :title=\"$t('Caution!')\"\n :ok-title=\"$t('Delete')\"\n :cancel-title=\"$t('Cancel')\"\n cancel-variant=\"btn btn-outline-secondary\"\n ok-variant=\"btn btn-secondary ml-2\"\n header-close-content=\"&times;\"\n @ok=\"deletePage\"\n @cancel=\"hideConfirmModal\"\n >\n <p>{{ confirmMessage }}</p>\n <div slot=\"modal-ok\">{{ $t(\"Delete\") }}</div>\n </b-modal>\n </b-row>\n</template>\n\n<script>\nimport draggable from \"vuedraggable\";\nimport _ from \"lodash\";\nimport {\n FormInput,\n FormSelectList,\n FormTextArea,\n FormCheckbox,\n FormDatePicker,\n FormHtmlEditor,\n FormHtmlViewer\n} from \"@processmaker/vue-form-elements\";\nimport HasColorProperty from \"../mixins/HasColorProperty\";\nimport * as renderer from \"./renderer\";\nimport * as inspector from \"./inspector\";\nimport \"@processmaker/vue-form-elements/dist/vue-form-elements.css\";\nimport accordions from \"./accordions\";\nimport { keyNameProperty } from \"../form-control-common-properties\";\nimport VariableNameGenerator from \"@/components/VariableNameGenerator\";\nimport testing from \"@/mixins/testing\";\nimport defaultValueEditor from \"./inspector/default-value-editor\";\nimport RequiredCheckbox from \"./utils/required-checkbox\";\nimport MultipleUploadsCheckbox from \"./utils/multiple-uploads-checkbox\";\nimport { formTypes } from \"@/global-properties\";\n\nconst Validator = require(\"validatorjs\");\n// To include another language in the Validator with variable processmaker\nconst globalObject = typeof window === \"undefined\" ? global : window;\n\nif (\n globalObject.ProcessMaker &&\n globalObject.ProcessMaker.user &&\n globalObject.ProcessMaker.user.lang\n) {\n Validator.useLang(globalObject.ProcessMaker.user.lang);\n}\n\n// Todo: Validation messages are not translated. These will need to be converted\n// to Validator.registerAsync() in order to get the $t translator.\n// Should also probably be converted to a mixin. These changes would then\n// require modifications to to App.vue and PM4 Core implementations\nValidator.register(\n \"columns-adds-to-12\",\n (value) => {\n const sum = value.reduce((total, options) => {\n return total + parseInt(options.content);\n }, 0);\n\n if (sum === 12) {\n return true;\n }\n return false;\n },\n \"Columns must add to 12\"\n);\n\nconst defaultConfig = [\n {\n name: \"Default\",\n items: []\n }\n];\n\nexport default {\n components: {\n draggable,\n FormInput,\n FormSelectList,\n FormCheckbox,\n FormTextArea,\n FormDatePicker,\n FormHtmlEditor,\n FormHtmlViewer,\n RequiredCheckbox,\n MultipleUploadsCheckbox,\n defaultValueEditor,\n ...inspector,\n ...renderer,\n },\n mixins: [HasColorProperty, testing],\n props: {\n renderControls: {\n type: Boolean,\n default: true\n },\n validationErrors: {\n type: Array\n },\n initialConfig: {\n type: Array\n },\n title: {\n type: String\n },\n screenType: {\n type: String,\n default: formTypes.form\n },\n screen: {\n type: Object\n }\n },\n data() {\n const config = this.initialConfig || defaultConfig;\n this.migrateConfig(config);\n const generator = new VariableNameGenerator();\n const variables = generator.GetVariableNames(config);\n\n if (this.title && config[0].name === \"Default\") {\n config[0].name = this.title;\n }\n\n return {\n currentPage: 0,\n selected: null,\n display: \"editor\",\n inspection: {},\n // Blank at start, assume the parent component will call addControl for each control\n controls: [],\n pageAddModal: false,\n addPageName: \"\",\n editPageIndex: null,\n editPageName: \"\",\n originalPageName: null,\n config,\n confirmMessage: \"\",\n pageDelete: 0,\n translated: [],\n showAssignment: false,\n showVariable: false,\n showDesign: false,\n filterQuery: \"\",\n accordions,\n variables,\n generator,\n variablesTree: [],\n language: \"en\",\n collator: null,\n editorContentKey: 0\n };\n },\n computed: {\n builder() {\n return this;\n },\n canUndo() {\n return this.$store.getters[\"undoRedoModule/canUndo\"];\n },\n canRedo() {\n return this.$store.getters[\"undoRedoModule/canRedo\"];\n },\n displayDelete() {\n return this.config.length > 1;\n },\n filteredControls() {\n const excludedLabels = [\"Bootstrap Wrapper\", \"Bootstrap Component\"];\n\n const filtered = this.controls.filter((control) => {\n return control.label.toLowerCase().includes(this.filterQuery.toLowerCase());\n });\n\n const excluded = filtered.filter((control) => {\n return excludedLabels.includes(control.label);\n });\n\n const included = filtered.filter((control) => {\n return !excludedLabels.includes(control.label);\n });\n\n const sorted = included.sort((a, b) => {\n return this.collator.compare(a.label, b.label);\n });\n\n return [...sorted, ...excluded].sort((a, b) => {\n const textA = a.label.toLowerCase();\n const textB = b.label.toLowerCase();\n if (textA < textB) {\n return -1;\n }\n return textA > textB ? 1 : 0;\n });\n },\n isCurrentPageEmpty() {\n return this.config[this.currentPage].items.length === 0;\n },\n showToolbar() {\n return this.screenType === formTypes.form;\n },\n \n },\n watch: {\n config: {\n handler() {\n this.checkForCaptchaInLoops();\n this.$emit(\"change\", this.config);\n },\n deep: true\n },\n currentPage() {\n this.inspect();\n },\n inspection(e) {\n if (this.translated.includes(e)) {\n // already translated, don't translate again!\n return;\n }\n for (const i in e.inspector) {\n e.inspector[i].config.label = this.$t(e.inspector[i].config.label);\n e.inspector[i].config.helper = this.$t(e.inspector[i].config.helper);\n if (e.inspector[i].config.options) {\n for (const io in e.inspector[i].config.options) {\n e.inspector[i].config.options[io].content = this.$t(\n e.inspector[i].config.options[io].content\n );\n }\n }\n }\n this.translated.push(e);\n }\n },\n created() {\n Validator.register(\n \"unique-page-name\",\n (value) => {\n const pageNames = this.config\n .map((config) => config.name)\n .filter((name) => name !== this.originalPageName);\n return !pageNames.includes(value);\n },\n this.$t(\"Must be unique\")\n );\n this.$store.dispatch(\"undoRedoModule/pushState\", {\n config: JSON.stringify(this.config),\n currentPage: this.currentPage\n });\n this.initiateLanguageSupport();\n },\n mounted() {\n this.checkForCaptchaInLoops();\n this.$root.$on(\"nested-screen-updated\", () => {\n this.checkForCaptchaInLoops();\n });\n },\n methods: {\n refreshContent() {\n this.editorContentKey++;\n },\n checkForCaptchaInLoops() {\n this.config.forEach((page) => {\n this.checkForCaptcha(page.items);\n });\n },\n checkForCaptcha(items, insideLoop = false, nestedScreen = null) {\n items.forEach((item) => {\n if (!item.items && item.component == \"Captcha\" && insideLoop) {\n if (nestedScreen && nestedScreen.config.screen) {\n this.$root.$emit(\"remove-nested\", nestedScreen.config.screen);\n nestedScreen.config.screen = null;\n globalObject.ProcessMaker.alert(\n this.$t(\n // eslint-disable-next-line max-len\n \"You are trying to place a nested screen within CAPTCHA elements inside a loop. CAPTCHA controls cannot be placed within a Loop control.\"\n ),\n \"danger\"\n );\n } else {\n items.splice(items.indexOf(item), 1);\n globalObject.ProcessMaker.alert(\n this.$t(\n \"CAPTCHA controls cannot be placed within a Loop control.\"\n ),\n \"danger\"\n );\n }\n }\n if (item.items) {\n this.checkForCaptcha(item.items, true, nestedScreen);\n }\n if (\n item.component === \"FormNestedScreen\" &&\n item.config.screen &&\n window.nestedScreens\n ) {\n const nestedScreenItems =\n window.nestedScreens[`id_${item.config.screen}`];\n if (nestedScreenItems) {\n nestedScreenItems.forEach((nestedScreenPage) => {\n this.checkForCaptcha(nestedScreenPage.items, insideLoop, item);\n });\n }\n }\n });\n },\n loadVariablesTree() {\n const definition = {\n config: this.$parent.config,\n computed: this.$parent.computed,\n customCSS: this.$parent.customCSS,\n watchers: this.$parent.watchers\n };\n this.variablesTree =\n this.$refs.treeOfVariables.getVariablesTree(definition);\n this.$refs.treeOfVariables.getVariablesTree({ config: [] });\n },\n accordionName(accordion) {\n return accordion.name instanceof Function\n ? accordion.name(this.inspection)\n : accordion.name;\n },\n toggleAccordion(accordion) {\n this.accordions.forEach((panel) => {\n if (panel !== accordion) {\n panel.open = false;\n }\n });\n accordion.open = !accordion.open;\n },\n openAccordion(accordion) {\n this.accordions.forEach((panel) => {\n panel.open = false;\n });\n accordion.open = true;\n },\n migrateConfig(config = this.config) {\n config.forEach((page) => this.replaceFormText(page.items));\n config.forEach((page) => this.migrateFormSubmit(page.items));\n config.forEach((page) => this.updateFieldNameValidation(page.items));\n config.forEach((page) =>\n this.removeDataVariableFromNestedScreens(page.items)\n );\n },\n updateFieldNameValidation(items) {\n items.forEach((item) => {\n if (item.inspector) {\n item.inspector.forEach((inspector) => {\n if (\n inspector.field === \"name\" &&\n \"validation\" in inspector.config &&\n inspector.config.name !== \"DataVariable\" &&\n item.component !== \"FileUpload\" &&\n item.component !== \"FormButton\"\n ) {\n inspector.config.validation = keyNameProperty.config.validation;\n }\n });\n }\n if (item.items instanceof Array) {\n this.replaceFormText(item.items);\n }\n });\n },\n removeDataVariableFromNestedScreens(items) {\n items.forEach((item) => {\n if (item.inspector) {\n const hasDataVariable = item.inspector.find(\n (inspector) => inspector.config.name === \"DataVariable\"\n );\n item.inspector = item.inspector.filter(\n (inspector) => inspector.config.name !== \"DataVariable\"\n );\n if (hasDataVariable) {\n delete item.config.name;\n }\n }\n });\n },\n replaceFormText(items) {\n items.forEach((item) => {\n if (item.component === \"FormText\") {\n item.component = \"FormHtmlEditor\";\n item[\"editor-component\"] = \"FormHtmlEditor\";\n const style =\n (item.config.fontSize\n ? `font-size: ${item.config.fontSize};`\n : \"\") +\n (item.config.fontWeight\n ? `font-weight: ${item.config.fontWeight};`\n : \"\") +\n (item.config.textAlign\n ? `text-align: ${item.config.textAlign};`\n : \"\");\n item.config = {\n content:\n \"<div style=\\\"\" + style + \"\\\">\" + item.config.label + \"</div>\",\n interactive: true\n };\n }\n if (item.items instanceof Array) {\n this.replaceFormText(item.items);\n }\n });\n },\n migrateFormSubmit(items) {\n items.forEach((item) => {\n if (item[\"editor-control\"] !== \"FormSubmit\") {\n item[\"editor-control\"] = item[\"editor-component\"];\n }\n\n if (item.config.event === \"submit\") {\n if (item[\"editor-component\"] === \"FormNestedScreen\") {\n // Old nested screens erroneously had an event key. Remove it here\n // and set the editor-control back to FormNestedScreen.\n delete item.config.event;\n item[\"editor-control\"] = \"FormNestedScreen\";\n item.config.name = \"Nested Screen\";\n } else if (item[\"editor-control\"] !== \"FormImage\") {\n item[\"editor-control\"] = \"FormSubmit\";\n }\n }\n if (item.config.event === \"pageNavigate\") {\n item[\"editor-control\"] = \"PageNavigation\";\n }\n if (\n item.items instanceof Array &&\n item.component === \"FormMultiColumn\"\n ) {\n item[\"editor-control\"] = \"FormMultiColumn\";\n item.items.forEach((column) => this.migrateFormSubmit(column));\n }\n });\n },\n getAllAccordionizedFields() {\n if (this._allAccordionizedFields) {\n return this._allAccordionizedFields;\n }\n this._allAccordionizedFields = this.accordions.flatMap((accordion) => {\n return accordion.fields.map((fieldName) => {\n if (typeof fieldName === \"string\") {\n return fieldName;\n }\n return fieldName.name;\n });\n });\n return this._allAccordionizedFields;\n },\n knownField(field) {\n return this.getAllAccordionizedFields().includes(field);\n },\n getInspectorFields(accordion) {\n if (!this.inspection.inspector) {\n return [];\n }\n\n const accordionFields = accordion.fields\n .filter((field) => {\n if (typeof field !== \"string\") {\n const { component } = this.inspection;\n const { showFor, hideFor } = field;\n\n if (showFor) {\n return showFor === component;\n }\n\n if (hideFor) {\n return hideFor !== component;\n }\n }\n\n return true;\n })\n .map((field) => {\n if (typeof field !== \"string\") {\n return field.name;\n }\n\n return field;\n });\n const control = this.controls.find(\n (control) =>\n control[\"editor-control\"] === this.inspection[\"editor-control\"]\n ) ||\n this.controls.find(\n (control) => control.component === this.inspection.component\n ) || { inspector: [] };\n return control.inspector.filter((input) => {\n if (accordionFields.includes(input.field)) {\n return true;\n }\n if (\n !this.knownField(input.field) &&\n accordion.name === \"Configuration\"\n ) {\n // If it's not a known inspector field from accordion.js and this is the\n // configuration accordion, then add it here\n return true;\n }\n return false;\n });\n },\n updateState() {\n this.$store.dispatch(\"undoRedoModule/pushState\", {\n config: JSON.stringify(this.config),\n currentPage: this.currentPage\n });\n },\n undo() {\n this.inspect();\n this.$store.dispatch(\"undoRedoModule/undo\");\n this.config = JSON.parse(\n this.$store.getters[\"undoRedoModule/currentState\"].config\n );\n this.currentPage = JSON.parse(\n this.$store.getters[\"undoRedoModule/currentState\"].currentPage\n );\n },\n redo() {\n this.inspect();\n this.$store.dispatch(\"undoRedoModule/redo\");\n this.config = JSON.parse(\n this.$store.getters[\"undoRedoModule/currentState\"].config\n );\n this.currentPage = JSON.parse(\n this.$store.getters[\"undoRedoModule/currentState\"].currentPage\n );\n },\n updateConfig(items) {\n this.config[this.currentPage].items = items;\n this.updateState();\n },\n hasError(element) {\n return this.validationErrors.some(({ item }) => item === element);\n },\n focusInspector(validation) {\n this.showConfiguration = true;\n this.currentPage = this.config.indexOf(validation.page);\n this.$nextTick(() => {\n this.inspect(validation.item);\n this.$nextTick(() => {\n const field = this.$el.querySelector(\n `[field-name=\"${validation.field}\"]`\n );\n if (field) {\n const accordion = this.$el.querySelector(\n `[accordion-name=\"${field.getAttribute(\"field-accordion\")}\"]`\n );\n accordion &&\n accordion.getAttribute(\"is-open\") === \"0\" &&\n accordion.click();\n field.focus instanceof Function && field.focus();\n }\n });\n });\n },\n confirmDelete() {\n this.confirmMessage = this.$t(\n \"Are you sure you want to delete {{item}}?\",\n { item: this.config[this.currentPage].name }\n );\n this.pageDelete = this.currentPage;\n this.$refs.confirm.show();\n },\n hideConfirmModal() {\n this.$refs.confirm.hide();\n },\n addControl(control) {\n this.controls.push(control);\n },\n deleteItem(index) {\n // Remove the item from the array in currentPage\n this.config[this.currentPage].items.splice(index, 1);\n this.inspection.inspector.splice(0, this.inspection.inspector.length);\n this.updateState();\n },\n duplicateItem(index) {\n const duplicate = _.cloneDeep(this.config[this.currentPage].items[index]);\n this.config[this.currentPage].items.push(duplicate);\n },\n openEditPageModal(index) {\n this.editPageIndex = index;\n const pageName = this.config[index].name;\n this.originalPageName = pageName;\n this.editPageName = pageName;\n this.$refs.editPageModal.show();\n },\n editPage(e) {\n if (this.$refs.editPageInput.validator.errorCount) {\n e.preventDefault();\n return;\n }\n this.config[this.editPageIndex].name = this.editPageName;\n this.updateState();\n },\n addPage(e) {\n if (this.$refs.addPageInput.validator.errorCount) {\n e.preventDefault();\n return;\n }\n this.config.push({ name: this.addPageName, items: [] });\n this.currentPage = this.config.length - 1;\n this.addPageName = \"\";\n this.updateState();\n },\n deletePage() {\n this.config.splice(this.pageDelete, 1);\n this.currentPage = this.pageDelete - 1 >= 0 ? this.pageDelete - 1 : 0;\n this.$store.dispatch(\"undoRedoModule/pushState\", {\n config: JSON.stringify(this.config),\n currentPage: this.currentPage,\n deletedPage: true\n });\n },\n inspect(element = {}) {\n this.inspection = element;\n this.selected = element;\n const defaultAccordion = this.accordions.find(\n (accordion) => this.getInspectorFields(accordion).length > 0\n );\n if (defaultAccordion) {\n this.openAccordion(defaultAccordion);\n }\n },\n // Cloning the control will ensure the config is not a copy of the observable but a plain javascript object\n // This will ensure each control in the editor has it's own config and it's not shared\n cloneControl(control) {\n const copy = {\n config: JSON.parse(JSON.stringify(control.config)),\n inspector: JSON.parse(JSON.stringify(control.inspector)),\n component: control.component,\n \"editor-component\": control[\"editor-component\"],\n \"editor-control\": control[\"editor-control\"],\n label: control.label,\n value: control.value\n };\n if (control.component === \"FormDatePicker\" && copy.config.phrases) {\n copy.config.phrases.ok = this.$t(copy.config.phrases.ok);\n copy.config.phrases.cancel = this.$t(copy.config.phrases.cancel);\n }\n copy.config.label = this.$t(copy.config.label);\n if (Array.isArray(copy.config.options)) {\n for (const io in copy.config.options) {\n copy.config.options[io].content = this.$t(\n copy.config.options[io].content\n );\n }\n }\n\n // If it's a container, let's add an items property, with the default of items in the control\n if (control.container) {\n copy.items = JSON.parse(JSON.stringify(control.items));\n copy.container = true;\n }\n\n // Generate Variable Name\n if (\n _.findIndex(control.inspector, keyNameProperty) !== -1 ||\n control.component === \"FormLoop\") {\n [this.variables, copy.config.name] = this.generator.generate(\n this.config,\n copy[\"editor-control\"] ? copy[\"editor-control\"] : copy.component\n );\n if (_.has(copy, \"config.settings.varname\")) {\n copy.config.settings.varname = copy.config.name;\n }\n }\n\n return copy;\n },\n initiateLanguageSupport() {\n if (document.documentElement.lang) {\n this.language = document.documentElement.lang;\n }\n this.collator = Intl.Collator(this.language);\n },\n }\n};\n</script>\n\n<style>\n.prevent-interaction {\n pointer-events: none;\n}\n\n.svg-icon > svg {\n}\n</style>\n\n<style lang=\"scss\" scoped>\n$header-bg: #f7f7f7;\n$side-bar-font-size: 0.875rem;\n\n.control-icon {\n width: 30px;\n font-size: 20px;\n\n img {\n height: 20px;\n }\n}\n\n.control-item {\n .delete {\n position: absolute;\n top: 0px;\n right: 0px;\n display: none;\n }\n\n &:hover {\n cursor: move;\n }\n\n &.selected {\n border-radius: 5px;\n cursor: move;\n }\n\n &:not(.selected) .card {\n border: none;\n }\n}\n\n.hasError {\n border: 1px solid red;\n border-radius: 0.25rem;\n\n .form-element-header {\n border-bottom: 1px solid red;\n color: red;\n }\n}\n\n.inspector-header {\n background: $header-bg;\n}\n\n.validation-panel {\n background: $header-bg;\n height: 10rem;\n width: 21.35rem;\n bottom: 3rem;\n}\n\n.validation__message {\n text-decoration: none;\n\n &:hover {\n background: rgba(51, 151, 225, 0.3);\n }\n}\n\n.controls-header {\n border-bottom: none;\n}\n\n.header-bg {\n background: $header-bg;\n}\n\n.controls {\n cursor: move;\n user-select: none;\n font-size: $side-bar-font-size;\n}\n\n.header-button {\n height: 38px;\n width: 38px;\n}\n\n.filter-icon {\n background-color: #e9ecef;\n}\n\n.controls-column {\n max-width: 185px;\n}\n\n.inspector-column {\n max-width: 265px;\n font-size: $side-bar-font-size;\n}\n\n.form-control-ghost {\n margin-bottom: 0;\n border-radius: 0.25rem;\n}\n\n.drag-placeholder {\n height: 8rem;\n top: 4rem;\n border: 1px dashed rgba(0, 0, 0, 0.125);\n}\n</style>\n"]
67754
67761
  },
67755
67762
  _coverageSchema: "43e27e138ebf9cfc5966b082cf9a028302ed4184",
67756
- hash: "5f360a2d29b441bfdfd200c2c859e4ca98b07847"
67763
+ hash: "a31bac379932818bf62fb23fff9f7834b7d92297"
67757
67764
  };
67758
67765
  var coverage = global[gcv] || (global[gcv] = {});
67759
67766
  if (coverage[path] && coverage[path].hash === hash) {
@@ -69162,13 +69169,6 @@ module.exports = {
69162
69169
  /* unused harmony reexport * */
69163
69170
 
69164
69171
 
69165
- /***/ }),
69166
-
69167
- /***/ "539c":
69168
- /***/ (function(module, exports, __webpack_require__) {
69169
-
69170
- // extracted by mini-css-extract-plugin
69171
-
69172
69172
  /***/ }),
69173
69173
 
69174
69174
  /***/ "53e2":
@@ -72536,6 +72536,17 @@ module.exports = baseAssign;
72536
72536
  })));
72537
72537
 
72538
72538
 
72539
+ /***/ }),
72540
+
72541
+ /***/ "5b3b":
72542
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
72543
+
72544
+ "use strict";
72545
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_vue_form_builder_vue_vue_type_style_index_0_id_5ddad944_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e21b");
72546
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_vue_form_builder_vue_vue_type_style_index_0_id_5ddad944_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_vue_form_builder_vue_vue_type_style_index_0_id_5ddad944_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
72547
+ /* unused harmony reexport * */
72548
+
72549
+
72539
72550
  /***/ }),
72540
72551
 
72541
72552
  /***/ "5b4e":
@@ -78100,6 +78111,17 @@ module.exports = {
78100
78111
  };
78101
78112
 
78102
78113
 
78114
+ /***/ }),
78115
+
78116
+ /***/ "7423":
78117
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
78118
+
78119
+ "use strict";
78120
+ /* 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_vue_form_builder_vue_vue_type_style_index_1_id_5ddad944_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("14b1");
78121
+ /* 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_vue_form_builder_vue_vue_type_style_index_1_id_5ddad944_prod_lang_scss_scoped_true___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_vue_form_builder_vue_vue_type_style_index_1_id_5ddad944_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
78122
+ /* unused harmony reexport * */
78123
+
78124
+
78103
78125
  /***/ }),
78104
78126
 
78105
78127
  /***/ "743f":
@@ -78337,7 +78359,7 @@ module.exports = baseCreate;
78337
78359
 
78338
78360
  "use strict";
78339
78361
 
78340
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
78362
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
78341
78363
  var cov_18d96hpyis = function () {
78342
78364
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/form-text.vue";
78343
78365
  var hash = "c0749e14c59b095f2294a787e06ec8db91b2d9a3";
@@ -90300,7 +90322,7 @@ var es7_array_includes = __webpack_require__("6762");
90300
90322
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.includes.js
90301
90323
  var es6_string_includes = __webpack_require__("2fdb");
90302
90324
 
90303
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
90325
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
90304
90326
  var cov_2ar7fxy94c = function () {
90305
90327
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/form-nested-screen.vue";
90306
90328
  var hash = "e8ced9bb067300cebe98db3c139f5dd2efae8e3d";
@@ -99653,7 +99675,7 @@ __webpack_require__.d(__webpack_exports__, "InputVariable", function() { return
99653
99675
  __webpack_require__.d(__webpack_exports__, "Tooltip", function() { return /* reexport */ tooltip["a" /* default */]; });
99654
99676
  __webpack_require__.d(__webpack_exports__, "DeviceVisibility", function() { return /* reexport */ device_visibility["a" /* default */]; });
99655
99677
 
99656
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=5d6c5a40&scoped=true&
99678
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=5d6c5a40&scoped=true&
99657
99679
  var cov_1blyoba3pc = function () {
99658
99680
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/color-select.vue";
99659
99681
  var hash = "f32c27842b3d4ed34bd827f8d8d8cfaa3c57733d";
@@ -100346,7 +100368,7 @@ var component = Object(componentNormalizer["a" /* default */])(
100346
100368
  )
100347
100369
 
100348
100370
  /* harmony default export */ var color_select = (component.exports);
100349
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
100371
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
100350
100372
  var cov_1zvwgpihca = function () {
100351
100373
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/container-columns.vue";
100352
100374
  var hash = "8420555641ddb80d2686b39f20a27b4ed94b51d9";
@@ -102308,7 +102330,7 @@ var container_columns_component = Object(componentNormalizer["a" /* default */])
102308
102330
  // EXTERNAL MODULE: ./src/components/inspector/form-multiselect.vue + 4 modules
102309
102331
  var form_multiselect = __webpack_require__("0f4c");
102310
102332
 
102311
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
102333
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
102312
102334
  var cov_g0519n5f = function () {
102313
102335
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/image-upload.vue";
102314
102336
  var hash = "1bb00a62ac4b7b87bbbe86497d735765a2b7edef";
@@ -102797,7 +102819,7 @@ var image_upload_component = Object(componentNormalizer["a" /* default */])(
102797
102819
  )
102798
102820
 
102799
102821
  /* harmony default export */ var image_upload = (image_upload_component.exports);
102800
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
102822
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
102801
102823
  var cov_15r34s9d4 = function () {
102802
102824
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/options-list.vue";
102803
102825
  var hash = "c050a6ba8dd35ec67f786f0fb67ebaed8dc73927";
@@ -106270,7 +106292,7 @@ var data_source_types = __webpack_require__("b71d");
106270
106292
  var external_vue_monaco_ = __webpack_require__("68c9");
106271
106293
  var external_vue_monaco_default = /*#__PURE__*/__webpack_require__.n(external_vue_monaco_);
106272
106294
 
106273
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
106295
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
106274
106296
  var cov_1ru2xcs6su = function () {
106275
106297
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/mustache-helper.vue";
106276
106298
  var hash = "7f5e6d73a8a8652a0ea5a78def031d27e7215ecb";
@@ -106460,7 +106482,7 @@ var mustache_helper_component = Object(componentNormalizer["a" /* default */])(
106460
106482
  )
106461
106483
 
106462
106484
  /* harmony default export */ var mustache_helper = (mustache_helper_component.exports);
106463
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
106485
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
106464
106486
  var cov_2b1s1sbp79 = function () {
106465
106487
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/collection-select-list.vue";
106466
106488
  var hash = "e1933ec79ef6b047e33b1cb42f4e960611711a4e";
@@ -107004,7 +107026,7 @@ var collection_select_listvue_type_template_id_2977afb0_staticRenderFns = (cov_2
107004
107026
  // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/toConsumableArray.js + 3 modules
107005
107027
  var toConsumableArray = __webpack_require__("75fc");
107006
107028
 
107007
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
107029
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
107008
107030
  var cov_1lyxv1g00d = function () {
107009
107031
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/screen-variable-selector.vue";
107010
107032
  var hash = "24f1be9bbf104a91f03f8b957167337f2a924cb4";
@@ -113557,7 +113579,7 @@ var options_list_component = Object(componentNormalizer["a" /* default */])(
113557
113579
  )
113558
113580
 
113559
113581
  /* harmony default export */ var options_list = (options_list_component.exports);
113560
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
113582
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
113561
113583
  var cov_1n7hgx4goc = function () {
113562
113584
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/column-setup.vue";
113563
113585
  var hash = "5a823b341c091e7f6ccad847af1c2ce6345b6af6";
@@ -119117,7 +119139,7 @@ var column_setup_component = Object(componentNormalizer["a" /* default */])(
119117
119139
  )
119118
119140
 
119119
119141
  /* harmony default export */ var column_setup = (column_setup_component.exports);
119120
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
119142
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
119121
119143
  var cov_1izar51oy0 = function () {
119122
119144
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/page-select.vue";
119123
119145
  var hash = "5d2663220f6e9eecace5cf1bd956071e5cd28af4";
@@ -119652,7 +119674,7 @@ var page_select_component = Object(componentNormalizer["a" /* default */])(
119652
119674
  )
119653
119675
 
119654
119676
  /* harmony default export */ var page_select = (page_select_component.exports);
119655
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=4cc49f34&scoped=true&
119677
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=4cc49f34&scoped=true&
119656
119678
  var cov_2g1iur38ar = function () {
119657
119679
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/validation-select.vue";
119658
119680
  var hash = "c0ba460b36bb7a9dfcaf6b2f685f30fd769ad05d";
@@ -120765,7 +120787,7 @@ var es6_object_assign = __webpack_require__("f751");
120765
120787
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.sort.js
120766
120788
  var es6_array_sort = __webpack_require__("55dd");
120767
120789
 
120768
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
120790
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
120769
120791
  var cov_23oi4754ye = function () {
120770
120792
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/input-variable.vue";
120771
120793
  var hash = "b132a1d1d90a29f53957ea87c9b3f3d13133a8c5";
@@ -125462,7 +125484,7 @@ var validation_select_component = Object(componentNormalizer["a" /* default */])
125462
125484
  )
125463
125485
 
125464
125486
  /* harmony default export */ var validation_select = (validation_select_component.exports);
125465
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
125487
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
125466
125488
  var cov_22k6ifgl7l = function () {
125467
125489
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/screen-selector.vue";
125468
125490
  var hash = "c880f3fa699496db6fb312e604cac1227decf2b5";
@@ -125794,7 +125816,7 @@ var screen_selector_component = Object(componentNormalizer["a" /* default */])(
125794
125816
  )
125795
125817
 
125796
125818
  /* harmony default export */ var screen_selector = (screen_selector_component.exports);
125797
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
125819
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
125798
125820
  var cov_700qzx3y2 = function () {
125799
125821
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/loop.vue";
125800
125822
  var hash = "86b8cc853467eebc046d54f3214f86bbaf3ff4f9";
@@ -126496,7 +126518,7 @@ var loop_component = Object(componentNormalizer["a" /* default */])(
126496
126518
  )
126497
126519
 
126498
126520
  /* harmony default export */ var loop = (loop_component.exports);
126499
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
126521
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
126500
126522
  var cov_1b1pwi80cp = function () {
126501
126523
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/image-variable.vue";
126502
126524
  var hash = "50e97b1df13568b482cd0aef71355603e93939f0";
@@ -129793,7 +129815,7 @@ module.exports = {
129793
129815
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
129794
129816
  var es6_function_name = __webpack_require__("7f7f");
129795
129817
 
129796
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
129818
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
129797
129819
  var cov_1w1clmb3te = function () {
129798
129820
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/form-button.vue";
129799
129821
  var hash = "1283c3a3104b16d55e2e423b0a2026b724d34f9a";
@@ -131146,7 +131168,7 @@ var component = Object(componentNormalizer["a" /* default */])(
131146
131168
 
131147
131169
  "use strict";
131148
131170
 
131149
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
131171
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
131150
131172
  var cov_1ty9lodf4r = function () {
131151
131173
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/tooltip.vue";
131152
131174
  var hash = "2e9f51d04b74f488f52321be067deb0f60a9eacd";
@@ -133785,7 +133807,7 @@ module.exports = function xhrAdapter(config) {
133785
133807
 
133786
133808
  "use strict";
133787
133809
 
133788
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
133810
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
133789
133811
  var cov_r3xnrge93 = function () {
133790
133812
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/utils/required-checkbox.vue";
133791
133813
  var hash = "a21e20ba9d7124d8545cc751d6bd05052fd44816";
@@ -135578,17 +135600,6 @@ var dataSourceValues = (cov_2qtbzx29a7.s[1]++, dataSources.reduce(function (valu
135578
135600
  return values;
135579
135601
  }, {}));
135580
135602
 
135581
- /***/ }),
135582
-
135583
- /***/ "b735":
135584
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
135585
-
135586
- "use strict";
135587
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_vue_form_builder_vue_vue_type_style_index_0_id_3b21222a_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("539c");
135588
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_vue_form_builder_vue_vue_type_style_index_0_id_3b21222a_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_vue_form_builder_vue_vue_type_style_index_0_id_3b21222a_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
135589
- /* unused harmony reexport * */
135590
-
135591
-
135592
135603
  /***/ }),
135593
135604
 
135594
135605
  /***/ "b755":
@@ -138354,7 +138365,7 @@ if (typeof window !== "undefined" && "Vue" in window) {
138354
138365
 
138355
138366
  "use strict";
138356
138367
 
138357
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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/device-visibility.vue?vue&type=template&id=52270dd7&scoped=true&
138368
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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/device-visibility.vue?vue&type=template&id=52270dd7&scoped=true&
138358
138369
  var cov_2ou925mp0c = function () {
138359
138370
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/device-visibility.vue";
138360
138371
  var hash = "1fc2bb5afd23ebb91dd94da7793cc0a164597ce9";
@@ -141426,17 +141437,6 @@ exports.f = __webpack_require__("8e60") ? gOPD : function getOwnPropertyDescript
141426
141437
  };
141427
141438
 
141428
141439
 
141429
- /***/ }),
141430
-
141431
- /***/ "bffa":
141432
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
141433
-
141434
- "use strict";
141435
- /* 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_vue_form_builder_vue_vue_type_style_index_1_id_3b21222a_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ee3b");
141436
- /* 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_vue_form_builder_vue_vue_type_style_index_1_id_3b21222a_prod_lang_scss_scoped_true___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_vue_form_builder_vue_vue_type_style_index_1_id_3b21222a_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
141437
- /* unused harmony reexport * */
141438
-
141439
-
141440
141440
  /***/ }),
141441
141441
 
141442
141442
  /***/ "c035":
@@ -148608,7 +148608,7 @@ var form_image = __webpack_require__("0e4a");
148608
148608
  // EXTERNAL MODULE: ./src/components/renderer/form-record-list.vue + 6 modules
148609
148609
  var form_record_list = __webpack_require__("2b9d");
148610
148610
 
148611
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
148611
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
148612
148612
  var cov_14stia58ez = function () {
148613
148613
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/form-record-list-static.vue";
148614
148614
  var hash = "4eba07df273ffe9b21f332d0793b0cbd5d09089a";
@@ -158203,6 +158203,13 @@ module.exports = { "default": __webpack_require__("696e"), __esModule: true };
158203
158203
 
158204
158204
  /***/ }),
158205
158205
 
158206
+ /***/ "e21b":
158207
+ /***/ (function(module, exports, __webpack_require__) {
158208
+
158209
+ // extracted by mini-css-extract-plugin
158210
+
158211
+ /***/ }),
158212
+
158206
158213
  /***/ "e24b":
158207
158214
  /***/ (function(module, exports, __webpack_require__) {
158208
158215
 
@@ -160364,13 +160371,6 @@ $export($export.S, 'Number', {
160364
160371
 
160365
160372
  /***/ }),
160366
160373
 
160367
- /***/ "ee3b":
160368
- /***/ (function(module, exports, __webpack_require__) {
160369
-
160370
- // extracted by mini-css-extract-plugin
160371
-
160372
- /***/ }),
160373
-
160374
160374
  /***/ "eed6":
160375
160375
  /***/ (function(module, exports, __webpack_require__) {
160376
160376
 
@@ -168851,7 +168851,7 @@ var defineProperty = __webpack_require__("bd86");
168851
168851
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.replace.js
168852
168852
  var es6_regexp_replace = __webpack_require__("a481");
168853
168853
 
168854
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=3b21222a&scoped=true&
168854
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=5ddad944&scoped=true&
168855
168855
  var cov_1kg5ifedfk = function () {
168856
168856
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/vue-form-builder.vue";
168857
168857
  var hash = "1dd8dc7cc53bbde57e8e485c427af68c1ba5e153";
@@ -171181,18 +171181,18 @@ var render = function render() {
171181
171181
  };
171182
171182
  var staticRenderFns = (cov_1kg5ifedfk.s[31]++, []);
171183
171183
 
171184
- // CONCATENATED MODULE: ./src/components/vue-form-builder.vue?vue&type=template&id=3b21222a&scoped=true&
171184
+ // CONCATENATED MODULE: ./src/components/vue-form-builder.vue?vue&type=template&id=5ddad944&scoped=true&
171185
171185
 
171186
171186
  // EXTERNAL 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/vue-form-builder.vue?vue&type=script&lang=js&
171187
171187
  var vue_form_buildervue_type_script_lang_js_ = __webpack_require__("5258");
171188
171188
 
171189
171189
  // CONCATENATED MODULE: ./src/components/vue-form-builder.vue?vue&type=script&lang=js&
171190
171190
  /* harmony default export */ var components_vue_form_buildervue_type_script_lang_js_ = (vue_form_buildervue_type_script_lang_js_["a" /* default */]);
171191
- // EXTERNAL MODULE: ./src/components/vue-form-builder.vue?vue&type=style&index=0&id=3b21222a&prod&lang=css&
171192
- var vue_form_buildervue_type_style_index_0_id_3b21222a_prod_lang_css_ = __webpack_require__("b735");
171191
+ // EXTERNAL MODULE: ./src/components/vue-form-builder.vue?vue&type=style&index=0&id=5ddad944&prod&lang=css&
171192
+ var vue_form_buildervue_type_style_index_0_id_5ddad944_prod_lang_css_ = __webpack_require__("5b3b");
171193
171193
 
171194
- // EXTERNAL MODULE: ./src/components/vue-form-builder.vue?vue&type=style&index=1&id=3b21222a&prod&lang=scss&scoped=true&
171195
- var vue_form_buildervue_type_style_index_1_id_3b21222a_prod_lang_scss_scoped_true_ = __webpack_require__("bffa");
171194
+ // EXTERNAL MODULE: ./src/components/vue-form-builder.vue?vue&type=style&index=1&id=5ddad944&prod&lang=scss&scoped=true&
171195
+ var vue_form_buildervue_type_style_index_1_id_5ddad944_prod_lang_scss_scoped_true_ = __webpack_require__("7423");
171196
171196
 
171197
171197
  // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
171198
171198
  var componentNormalizer = __webpack_require__("2877");
@@ -171213,13 +171213,13 @@ var vue_form_builder_component = Object(componentNormalizer["a" /* default */])(
171213
171213
  staticRenderFns,
171214
171214
  false,
171215
171215
  null,
171216
- "3b21222a",
171216
+ "5ddad944",
171217
171217
  null
171218
171218
 
171219
171219
  )
171220
171220
 
171221
171221
  /* harmony default export */ var vue_form_builder = (vue_form_builder_component.exports);
171222
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=2d6b8b4f&scoped=true&
171222
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=2d6b8b4f&scoped=true&
171223
171223
  var cov_b9a5d1lbc = function () {
171224
171224
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/vue-form-renderer.vue";
171225
171225
  var hash = "6ab593837325efc91e880d70b27a90c2b688e1cb";
@@ -179102,7 +179102,7 @@ var vue_form_renderer_component = Object(componentNormalizer["a" /* default */])
179102
179102
  // EXTERNAL MODULE: ./src/components/renderer/index.js + 5 modules
179103
179103
  var renderer = __webpack_require__("c99c");
179104
179104
 
179105
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
179105
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
179106
179106
  var cov_xmnyt0fvx = function () {
179107
179107
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/form-multi-column.vue";
179108
179108
  var hash = "fa19b567e18e5efeb4e9d32f4b00169623136009";
@@ -179582,7 +179582,7 @@ var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_u
179582
179582
  // EXTERNAL MODULE: ./src/mixins/index.js + 4 modules
179583
179583
  var mixins = __webpack_require__("1b62");
179584
179584
 
179585
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=7abccf96&
179585
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=7abccf96&
179586
179586
  var cov_nqy41gsfw = function () {
179587
179587
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/form-masked-input.vue";
179588
179588
  var hash = "0a04c5edf49bba17b076d4150885bbdc51653b88";
@@ -180819,7 +180819,7 @@ const UniqIdsPlugin = {
180819
180819
 
180820
180820
  /* harmony default export */ var vue_uniq_ids = (UniqIdsPlugin);
180821
180821
 
180822
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
180822
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
180823
180823
  var cov_u01divqgh = function () {
180824
180824
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/form-input-masked.vue";
180825
180825
  var hash = "7f9f06fcab502c7f6b7a5df57e8f513f6a84519b";
@@ -185476,7 +185476,7 @@ var form_text = __webpack_require__("75ae");
185476
185476
  // EXTERNAL MODULE: ./src/components/renderer/form-button.vue + 4 modules
185477
185477
  var form_button = __webpack_require__("b00f");
185478
185478
 
185479
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
185479
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
185480
185480
  var cov_16ubasd4fe = function () {
185481
185481
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/form-loop.vue";
185482
185482
  var hash = "3e06f4b757dddc4889d87568005b9c5b07842d50";
@@ -188512,7 +188512,7 @@ var form_image = __webpack_require__("0e4a");
188512
188512
  // EXTERNAL MODULE: ./src/components/renderer/form-nested-screen.vue + 3 modules
188513
188513
  var form_nested_screen = __webpack_require__("920a");
188514
188514
 
188515
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=f58d7e74&scoped=true&
188515
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=f58d7e74&scoped=true&
188516
188516
  var cov_2crjul44f0 = function () {
188517
188517
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/file-upload.vue";
188518
188518
  var hash = "32f9471307fab205ae1dafef83dcb551efe9ea3c";
@@ -196436,7 +196436,7 @@ var file_upload_component = Object(componentNormalizer["a" /* default */])(
196436
196436
  )
196437
196437
 
196438
196438
  /* harmony default export */ var file_upload = (file_upload_component.exports);
196439
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
196439
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
196440
196440
  var cov_kg7o16dky = function () {
196441
196441
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/file-download.vue";
196442
196442
  var hash = "033c869a348f5bafce2ddd560ca4ae6c2837ed23";
@@ -199934,7 +199934,7 @@ var file_download_component = Object(componentNormalizer["a" /* default */])(
199934
199934
  )
199935
199935
 
199936
199936
  /* harmony default export */ var file_download = (file_download_component.exports);
199937
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
199937
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
199938
199938
  var cov_1xvev1oze9 = function () {
199939
199939
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/inspector/select-data-type-mask.vue";
199940
199940
  var hash = "c0beea395e23440c13cb2bec87a0c9c84a110101";
@@ -201703,7 +201703,7 @@ var cov_wyw8u8vzd = function () {
201703
201703
  }]
201704
201704
  }
201705
201705
  }]);
201706
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=76c3cab3&
201706
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=76c3cab3&
201707
201707
  var cov_14w8s3nayc = function () {
201708
201708
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/task.vue";
201709
201709
  var hash = "b135d6ee4bbe7d2ad50cefade410f416be4b80d6";
@@ -202109,7 +202109,7 @@ var es6_object_assign = __webpack_require__("f751");
202109
202109
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.promise.js
202110
202110
  var es6_promise = __webpack_require__("551c");
202111
202111
 
202112
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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/SimpleErrorMessage.vue?vue&type=template&id=40c3825f&
202112
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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/SimpleErrorMessage.vue?vue&type=template&id=40c3825f&
202113
202113
  var cov_126lytdv8x = function () {
202114
202114
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/SimpleErrorMessage.vue";
202115
202115
  var hash = "84d66bc5e43c36100c58a07d0859f27613542571";
@@ -208781,7 +208781,7 @@ var task_component = Object(componentNormalizer["a" /* default */])(
208781
208781
  )
208782
208782
 
208783
208783
  /* harmony default export */ var task = (task_component.exports);
208784
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
208784
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
208785
208785
  var cov_27fpew4s8t = function () {
208786
208786
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/editor/loop.vue";
208787
208787
  var hash = "2e4b4bd5c30a2385ab5fece11f0c81716b4efc9a";
@@ -210327,7 +210327,7 @@ var loop_component = Object(componentNormalizer["a" /* default */])(
210327
210327
  )
210328
210328
 
210329
210329
  /* harmony default export */ var loop = (loop_component.exports);
210330
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
210330
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
210331
210331
  var cov_20l2116bm6 = function () {
210332
210332
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/editor/multi-column.vue";
210333
210333
  var hash = "7f0f43568f2270bb0472fae7e5c377465f1c7214";
@@ -212351,7 +212351,7 @@ var multi_column_component = Object(componentNormalizer["a" /* default */])(
212351
212351
  )
212352
212352
 
212353
212353
  /* harmony default export */ var multi_column = (multi_column_component.exports);
212354
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
212354
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
212355
212355
  var cov_1c0749k7qh = function () {
212356
212356
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/new-form-multi-column.vue";
212357
212357
  var hash = "223d98f5b979716e851463ac7d9fa1e145974091";
@@ -212527,7 +212527,7 @@ var new_form_multi_column_component = Object(componentNormalizer["a" /* default
212527
212527
  )
212528
212528
 
212529
212529
  /* harmony default export */ var new_form_multi_column = (new_form_multi_column_component.exports);
212530
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=d467a6e8&
212530
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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=d467a6e8&
212531
212531
  var cov_11b5a18tmw = function () {
212532
212532
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/screen-renderer.vue";
212533
212533
  var hash = "d0083020b097dc93a29c2d56101493c3e4d5f91e";
@@ -227090,7 +227090,7 @@ var screenRenderer;
227090
227090
  }
227091
227091
  }
227092
227092
  });
227093
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
227093
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
227094
227094
  var cov_dzofffl4o = function () {
227095
227095
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/watchers-synchronous.vue";
227096
227096
  var hash = "fcbba5f196edd8893079a478cf1ffebba7fe334a";
@@ -227997,7 +227997,7 @@ var watchers_synchronous_component = Object(componentNormalizer["a" /* default *
227997
227997
  )
227998
227998
 
227999
227999
  /* harmony default export */ var watchers_synchronous = (watchers_synchronous_component.exports);
228000
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
228000
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
228001
228001
  var cov_2pqn9mhr26 = function () {
228002
228002
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/screen-renderer-error.vue";
228003
228003
  var hash = "3846c3c81cd5b26e220f4c08d89c69065c06359f";
@@ -228833,7 +228833,7 @@ var screen_renderer_component = Object(componentNormalizer["a" /* default */])(
228833
228833
  )
228834
228834
 
228835
228835
  /* harmony default export */ var screen_renderer = (screen_renderer_component.exports);
228836
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
228836
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
228837
228837
  var cov_177dhggwzt = function () {
228838
228838
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/renderer/add-loop-row.vue";
228839
228839
  var hash = "cde35e8a6b15fe14a6e2decbf783db411e562961";
@@ -229403,7 +229403,7 @@ var add_loop_row_component = Object(componentNormalizer["a" /* default */])(
229403
229403
  )
229404
229404
 
229405
229405
  /* harmony default export */ var add_loop_row = (add_loop_row_component.exports);
229406
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"30c30953-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
229406
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ad29bd1-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./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&
229407
229407
  var cov_a7aa3j8r5 = function () {
229408
229408
  var path = "/Users/ryancooley/Developer/ProcessMaker/screen-builder/src/components/utils/default-loading-spinner.vue";
229409
229409
  var hash = "0f432424461a768a491fa99517384e039d13b802";