@processmaker/modeler 1.27.0 → 1.29.0

package/dist/modeler.umd.js

@@ -670,22 +670,6 @@ function cloneDeep(value) {
 module.exports = cloneDeep;
 
 
-/***/ }),
-
-/***/ "065f":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("90b1");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("2bfb9e67", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "06cf":
@@ -978,7 +962,7 @@ module.exports = NATIVE_SYMBOL && !!Symbol['for'] && !!Symbol.keyFor;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".toolbar{z-index:2;height:4rem;cursor:auto;width:100%;background:#fff}.toolbar>button{cursor:pointer}.toolbar-item{font-family:Open Sans;font-style:normal;font-size:14px;letter-spacing:-.02em;line-height:21px}.text-black{color:#000!important}.cursor-default{cursor:default!important}.autosave-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-ellipsis{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}", ""]);
+exports.push([module.i, ".toolbar{z-index:2;height:4rem;cursor:auto;width:100%;background:#fff}.toolbar>button{cursor:pointer}.toolbar-item{font-family:Open Sans;font-style:normal;font-size:14px;letter-spacing:-.02em;line-height:21px}.text-black{color:#000!important}.cursor-default{cursor:default!important}.btn-autosave{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px!important}.btn-ellipsis{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}", ""]);
 // Exports
 module.exports = exports;
 
@@ -3049,6 +3033,22 @@ function mapCacheGet(key) {
 module.exports = mapCacheGet;
 
 
+/***/ }),
+
+/***/ "24f8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("8cff");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("871ec83c", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "24fb":
@@ -3942,6 +3942,38 @@ module.exports = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND ? c
 
 module.exports = __webpack_require__.p + "img/text-annotation.926416f4.svg";
 
+/***/ }),
+
+/***/ "2c3e":
+/***/ (function(module, exports, __webpack_require__) {
+
+var DESCRIPTORS = __webpack_require__("83ab");
+var MISSED_STICKY = __webpack_require__("9f7f").MISSED_STICKY;
+var classof = __webpack_require__("c6b6");
+var defineBuiltInAccessor = __webpack_require__("edd0");
+var getInternalState = __webpack_require__("69f3").get;
+
+var RegExpPrototype = RegExp.prototype;
+var $TypeError = TypeError;
+
+// `RegExp.prototype.sticky` getter
+// https://tc39.es/ecma262/#sec-get-regexp.prototype.sticky
+if (DESCRIPTORS && MISSED_STICKY) {
+  defineBuiltInAccessor(RegExpPrototype, 'sticky', {
+    configurable: true,
+    get: function sticky() {
+      if (this === RegExpPrototype) return;
+      // We can't use InternalStateModule.getterFor because
+      // we don't add metadata for regexps created by a literal.
+      if (classof(this) === 'RegExp') {
+        return !!getInternalState(this).sticky;
+      }
+      throw $TypeError('Incompatible receiver, RegExp required');
+    }
+  });
+}
+
+
 /***/ }),
 
 /***/ "2c66":
@@ -6485,17 +6517,6 @@ defineIterator(String, 'String', function (iterated) {
 
 module.exports = __webpack_require__.p + "img/connect-elements.d4abedf2.svg";
 
-/***/ }),
-
-/***/ "3d59":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_DocumentationFormTextArea_vue_vue_type_style_index_0_id_d69b739e_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6bb0");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_DocumentationFormTextArea_vue_vue_type_style_index_0_id_d69b739e_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_DocumentationFormTextArea_vue_vue_type_style_index_0_id_d69b739e_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "3d5c":
@@ -7257,6 +7278,20 @@ module.exports = function (value, done) {
 };
 
 
+/***/ }),
+
+/***/ "475d":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".crown-multiselect[data-v-66e25cd8]{top:-38px;left:50%;pointer-events:auto}.btn[data-v-66e25cd8]{border:none;padding:0;margin-top:0;display:-webkit-box;display:-ms-flexbox;display:flex}img[data-v-66e25cd8]{height:15px}i[data-v-66e25cd8],img[data-v-66e25cd8]{margin:0 10px}i[data-v-66e25cd8]{font-size:15px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "47f5":
@@ -7327,20 +7362,6 @@ module.exports = function (input, pref) {
 };
 
 
-/***/ }),
-
-/***/ "48e0":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".box[data-v-0078a4ae]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "498a":
@@ -7779,6 +7800,203 @@ function trimmedEndIndex(string) {
 module.exports = trimmedEndIndex;
 
 
+/***/ }),
+
+/***/ "4d63":
+/***/ (function(module, exports, __webpack_require__) {
+
+var DESCRIPTORS = __webpack_require__("83ab");
+var global = __webpack_require__("da84");
+var uncurryThis = __webpack_require__("e330");
+var isForced = __webpack_require__("94ca");
+var inheritIfRequired = __webpack_require__("7156");
+var createNonEnumerableProperty = __webpack_require__("9112");
+var getOwnPropertyNames = __webpack_require__("241c").f;
+var isPrototypeOf = __webpack_require__("3a9b");
+var isRegExp = __webpack_require__("44e7");
+var toString = __webpack_require__("577e");
+var getRegExpFlags = __webpack_require__("90d8");
+var stickyHelpers = __webpack_require__("9f7f");
+var proxyAccessor = __webpack_require__("aeb0");
+var defineBuiltIn = __webpack_require__("cb2d");
+var fails = __webpack_require__("d039");
+var hasOwn = __webpack_require__("1a2d");
+var enforceInternalState = __webpack_require__("69f3").enforce;
+var setSpecies = __webpack_require__("2626");
+var wellKnownSymbol = __webpack_require__("b622");
+var UNSUPPORTED_DOT_ALL = __webpack_require__("fce3");
+var UNSUPPORTED_NCG = __webpack_require__("107c");
+
+var MATCH = wellKnownSymbol('match');
+var NativeRegExp = global.RegExp;
+var RegExpPrototype = NativeRegExp.prototype;
+var SyntaxError = global.SyntaxError;
+var exec = uncurryThis(RegExpPrototype.exec);
+var charAt = uncurryThis(''.charAt);
+var replace = uncurryThis(''.replace);
+var stringIndexOf = uncurryThis(''.indexOf);
+var stringSlice = uncurryThis(''.slice);
+// TODO: Use only proper RegExpIdentifierName
+var IS_NCG = /^\?<[^\s\d!#%&*+<=>@^][^\s!#%&*+<=>@^]*>/;
+var re1 = /a/g;
+var re2 = /a/g;
+
+// "new" should create a new object, old webkit bug
+var CORRECT_NEW = new NativeRegExp(re1) !== re1;
+
+var MISSED_STICKY = stickyHelpers.MISSED_STICKY;
+var UNSUPPORTED_Y = stickyHelpers.UNSUPPORTED_Y;
+
+var BASE_FORCED = DESCRIPTORS &&
+  (!CORRECT_NEW || MISSED_STICKY || UNSUPPORTED_DOT_ALL || UNSUPPORTED_NCG || fails(function () {
+    re2[MATCH] = false;
+    // RegExp constructor can alter flags and IsRegExp works correct with @@match
+    return NativeRegExp(re1) != re1 || NativeRegExp(re2) == re2 || NativeRegExp(re1, 'i') != '/a/i';
+  }));
+
+var handleDotAll = function (string) {
+  var length = string.length;
+  var index = 0;
+  var result = '';
+  var brackets = false;
+  var chr;
+  for (; index <= length; index++) {
+    chr = charAt(string, index);
+    if (chr === '\\') {
+      result += chr + charAt(string, ++index);
+      continue;
+    }
+    if (!brackets && chr === '.') {
+      result += '[\\s\\S]';
+    } else {
+      if (chr === '[') {
+        brackets = true;
+      } else if (chr === ']') {
+        brackets = false;
+      } result += chr;
+    }
+  } return result;
+};
+
+var handleNCG = function (string) {
+  var length = string.length;
+  var index = 0;
+  var result = '';
+  var named = [];
+  var names = {};
+  var brackets = false;
+  var ncg = false;
+  var groupid = 0;
+  var groupname = '';
+  var chr;
+  for (; index <= length; index++) {
+    chr = charAt(string, index);
+    if (chr === '\\') {
+      chr = chr + charAt(string, ++index);
+    } else if (chr === ']') {
+      brackets = false;
+    } else if (!brackets) switch (true) {
+      case chr === '[':
+        brackets = true;
+        break;
+      case chr === '(':
+        if (exec(IS_NCG, stringSlice(string, index + 1))) {
+          index += 2;
+          ncg = true;
+        }
+        result += chr;
+        groupid++;
+        continue;
+      case chr === '>' && ncg:
+        if (groupname === '' || hasOwn(names, groupname)) {
+          throw new SyntaxError('Invalid capture group name');
+        }
+        names[groupname] = true;
+        named[named.length] = [groupname, groupid];
+        ncg = false;
+        groupname = '';
+        continue;
+    }
+    if (ncg) groupname += chr;
+    else result += chr;
+  } return [result, named];
+};
+
+// `RegExp` constructor
+// https://tc39.es/ecma262/#sec-regexp-constructor
+if (isForced('RegExp', BASE_FORCED)) {
+  var RegExpWrapper = function RegExp(pattern, flags) {
+    var thisIsRegExp = isPrototypeOf(RegExpPrototype, this);
+    var patternIsRegExp = isRegExp(pattern);
+    var flagsAreUndefined = flags === undefined;
+    var groups = [];
+    var rawPattern = pattern;
+    var rawFlags, dotAll, sticky, handled, result, state;
+
+    if (!thisIsRegExp && patternIsRegExp && flagsAreUndefined && pattern.constructor === RegExpWrapper) {
+      return pattern;
+    }
+
+    if (patternIsRegExp || isPrototypeOf(RegExpPrototype, pattern)) {
+      pattern = pattern.source;
+      if (flagsAreUndefined) flags = getRegExpFlags(rawPattern);
+    }
+
+    pattern = pattern === undefined ? '' : toString(pattern);
+    flags = flags === undefined ? '' : toString(flags);
+    rawPattern = pattern;
+
+    if (UNSUPPORTED_DOT_ALL && 'dotAll' in re1) {
+      dotAll = !!flags && stringIndexOf(flags, 's') > -1;
+      if (dotAll) flags = replace(flags, /s/g, '');
+    }
+
+    rawFlags = flags;
+
+    if (MISSED_STICKY && 'sticky' in re1) {
+      sticky = !!flags && stringIndexOf(flags, 'y') > -1;
+      if (sticky && UNSUPPORTED_Y) flags = replace(flags, /y/g, '');
+    }
+
+    if (UNSUPPORTED_NCG) {
+      handled = handleNCG(pattern);
+      pattern = handled[0];
+      groups = handled[1];
+    }
+
+    result = inheritIfRequired(NativeRegExp(pattern, flags), thisIsRegExp ? this : RegExpPrototype, RegExpWrapper);
+
+    if (dotAll || sticky || groups.length) {
+      state = enforceInternalState(result);
+      if (dotAll) {
+        state.dotAll = true;
+        state.raw = RegExpWrapper(handleDotAll(pattern), rawFlags);
+      }
+      if (sticky) state.sticky = true;
+      if (groups.length) state.groups = groups;
+    }
+
+    if (pattern !== rawPattern) try {
+      // fails in old engines, but we have no alternatives for unsupported regex syntax
+      createNonEnumerableProperty(result, 'source', rawPattern === '' ? '(?:)' : rawPattern);
+    } catch (error) { /* empty */ }
+
+    return result;
+  };
+
+  for (var keys = getOwnPropertyNames(NativeRegExp), index = 0; keys.length > index;) {
+    proxyAccessor(RegExpWrapper, NativeRegExp, keys[index++]);
+  }
+
+  RegExpPrototype.constructor = RegExpWrapper;
+  RegExpWrapper.prototype = RegExpPrototype;
+  defineBuiltIn(global, 'RegExp', RegExpWrapper, { constructor: true });
+}
+
+// https://tc39.es/ecma262/#sec-get-regexp-@@species
+setSpecies('RegExp');
+
+
 /***/ }),
 
 /***/ "4d64":
@@ -9682,17 +9900,6 @@ module.exports = !IS_DENO && !IS_NODE
   && typeof document == 'object';
 
 
-/***/ }),
-
-/***/ "60b5":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_Selection_vue_vue_type_style_index_0_id_0078a4ae_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fa12");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_Selection_vue_vue_type_style_index_0_id_0078a4ae_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_Selection_vue_vue_type_style_index_0_id_0078a4ae_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "60bb":
@@ -9920,6 +10127,17 @@ module.exports = function (key, value) {
 };
 
 
+/***/ }),
+
+/***/ "638c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_DocumentationFormTextArea_vue_vue_type_style_index_0_id_3df7108e_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("24f8");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_DocumentationFormTextArea_vue_vue_type_style_index_0_id_3df7108e_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_DocumentationFormTextArea_vue_vue_type_style_index_0_id_3df7108e_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "63ea":
@@ -10658,22 +10876,6 @@ module.exports = _unsupportedIterableToArray, module.exports.__esModule = true,
 
 /***/ }),
 
-/***/ "6bb0":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("84fa");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("4bb140ad", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ "6c59":
 /***/ (function(module, exports) {
 
@@ -12403,20 +12605,6 @@ fixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCal
 });
 
 
-/***/ }),
-
-/***/ "84fa":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".documentation-input .richtext{height:auto;width:100%}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "85e3":
@@ -12791,6 +12979,20 @@ module.exports = function () {
   };
 };
 
+/***/ }),
+
+/***/ "8cff":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".documentation-input .richtext{height:auto;width:100%}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "8d74":
@@ -12967,16 +13169,13 @@ module.exports = "<svg viewBox=\"0 0 19 17\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
-/***/ "90b1":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "908e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".crown-multiselect[data-v-0c300116]{top:-38px;left:50%;pointer-events:auto}.btn[data-v-0c300116]{border:none;padding:0;margin-top:0;display:-webkit-box;display:-ms-flexbox;display:flex}img[data-v-0c300116]{height:15px}i[data-v-0c300116],img[data-v-0c300116]{margin:0 10px}i[data-v-0c300116]{font-size:15px}", ""]);
-// Exports
-module.exports = exports;
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_Selection_vue_vue_type_style_index_0_id_424d1420_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bcaa");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_Selection_vue_vue_type_style_index_0_id_424d1420_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_Selection_vue_vue_type_style_index_0_id_424d1420_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
 
 /***/ }),
@@ -15318,6 +15517,22 @@ function cloneSymbol(symbol) {
 module.exports = cloneSymbol;
 
 
+/***/ }),
+
+/***/ "a3e5":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("475d");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("63cbe100", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "a434":
@@ -15537,17 +15752,6 @@ module.exports = function (METHOD_NAME, argument) {
 };
 
 
-/***/ }),
-
-/***/ "a7c0":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_crownMultiselect_vue_vue_type_style_index_0_id_0c300116_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("065f");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_crownMultiselect_vue_vue_type_style_index_0_id_0c300116_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_crownMultiselect_vue_vue_type_style_index_0_id_0c300116_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "a8c3":
@@ -17520,6 +17724,22 @@ function hashGet(key) {
 module.exports = hashGet;
 
 
+/***/ }),
+
+/***/ "bcaa":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("c944");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("264f049e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "bcdf":
@@ -18033,6 +18253,38 @@ function cacheHas(cache, key) {
 module.exports = cacheHas;
 
 
+/***/ }),
+
+/***/ "c607":
+/***/ (function(module, exports, __webpack_require__) {
+
+var DESCRIPTORS = __webpack_require__("83ab");
+var UNSUPPORTED_DOT_ALL = __webpack_require__("fce3");
+var classof = __webpack_require__("c6b6");
+var defineBuiltInAccessor = __webpack_require__("edd0");
+var getInternalState = __webpack_require__("69f3").get;
+
+var RegExpPrototype = RegExp.prototype;
+var $TypeError = TypeError;
+
+// `RegExp.prototype.dotAll` getter
+// https://tc39.es/ecma262/#sec-get-regexp.prototype.dotall
+if (DESCRIPTORS && UNSUPPORTED_DOT_ALL) {
+  defineBuiltInAccessor(RegExpPrototype, 'dotAll', {
+    configurable: true,
+    get: function dotAll() {
+      if (this === RegExpPrototype) return undefined;
+      // We can't use InternalStateModule.getterFor because
+      // we don't add metadata for regexps created by a literal.
+      if (classof(this) === 'RegExp') {
+        return !!getInternalState(this).dotAll;
+      }
+      throw $TypeError('Incompatible receiver, RegExp required');
+    }
+  });
+}
+
+
 /***/ }),
 
 /***/ "c60d":
@@ -18366,6 +18618,20 @@ function cloneTypedArray(typedArray, isDeep) {
 module.exports = cloneTypedArray;
 
 
+/***/ }),
+
+/***/ "c944":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".box[data-v-424d1420]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "c9ac":
@@ -21084,6 +21350,17 @@ module.exports = function (argument, $default) {
 };
 
 
+/***/ }),
+
+/***/ "e396":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_crownMultiselect_vue_vue_type_style_index_0_id_66e25cd8_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a3e5");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_crownMultiselect_vue_vue_type_style_index_0_id_66e25cd8_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_crownMultiselect_vue_vue_type_style_index_0_id_66e25cd8_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e3f8":
@@ -22247,22 +22524,6 @@ function property(path) {
 module.exports = property;
 
 
-/***/ }),
-
-/***/ "fa12":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("48e0");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("e4161172", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "fa21":
@@ -22395,16 +22656,16 @@ if (typeof window !== 'undefined') {
     }
   }
 
-  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
-  if (src) {
-    __webpack_require__.p = src[1] // eslint-disable-line
+  var setPublicPath_src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (setPublicPath_src) {
+    __webpack_require__.p = setPublicPath_src[1] // eslint-disable-line
   }
 }
 
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/association/association.vue?vue&type=template&id=4a60d402&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/association/association.vue?vue&type=template&id=4a60d402&
 var associationvue_type_template_id_4a60d402_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -23435,7 +23696,7 @@ function isPoint(item) {
     },
     setEndpoint: function setEndpoint(shape, endpoint, connectionOffset) {
       var _this2 = this;
-      if (isPoint(shape)) {
+      if (shape && isPoint(shape)) {
         return this.shape[endpoint](shape, {
           anchor: {
             name: 'modelCenter',
@@ -23616,7 +23877,13 @@ function isPoint(item) {
                 _this5.setupLinkTools();
               });
             });
-            targetRef = _this5.getTargetRef ? _this5.getTargetRef() : _this5.node.definition.get('targetRef');
+            targetRef = _this5.getTargetRef ? _this5.getTargetRef() : _this5.node.definition.get('targetRef'); // if flow doesn't have a targetRef such as incomplete node, return
+            if (targetRef) {
+              _context.next = 8;
+              break;
+            }
+            return _context.abrupt("return");
+          case 8:
             if (targetRef.id) {
               targetShape = _this5.graph.getElements().find(function (element) {
                 return element.component && element.component.node.definition === targetRef;
@@ -23664,7 +23931,7 @@ function isPoint(item) {
             _this5.shape.on('change:vertices', function () {
               this.component.$emit('shape-resize');
             });
-          case 9:
+          case 11:
           case "end":
             return _context.stop();
         }
@@ -23688,8 +23955,8 @@ var associationConfig_direction = {
   one: 'One',
   both: 'Both'
 };
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownConfig/crownConfig.vue?vue&type=template&id=3743f36d&
-var crownConfigvue_type_template_id_3743f36d_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownConfig/crownConfig.vue?vue&type=template&id=977ac62a&
+var crownConfigvue_type_template_id_977ac62a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.showCrown && !_vm.isMultiselect ? _c('div', {
@@ -23754,7 +24021,7 @@ var crownConfigvue_type_template_id_3743f36d_render = function render() {
     attrs: {
       "node": _vm.node
     }
-  }, _vm.$listeners)), _c('duplicate-button', _vm._g({
+  }, _vm.$listeners)), _c('clone-button', _vm._g({
     attrs: {
       "node": _vm.node
     }
@@ -23788,9 +24055,9 @@ var crownConfigvue_type_template_id_3743f36d_render = function render() {
     }
   }, [_c('p', [_vm._v(_vm._s(_vm.$t('Changing this type will replace your current configuration')))])])], 2) : _vm._e();
 };
-var crownConfigvue_type_template_id_3743f36d_staticRenderFns = [];
+var crownConfigvue_type_template_id_977ac62a_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/crown/crownConfig/crownConfig.vue?vue&type=template&id=3743f36d&
+// CONCATENATED MODULE: ./src/components/crown/crownConfig/crownConfig.vue?vue&type=template&id=977ac62a&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
 var es_array_includes = __webpack_require__("caad");
@@ -23801,7 +24068,7 @@ var es_string_includes = __webpack_require__("2532");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
 var es_object_keys = __webpack_require__("b64b");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/deleteButton.vue?vue&type=template&id=9dd215d6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/deleteButton.vue?vue&type=template&id=9dd215d6&
 var deleteButtonvue_type_template_id_9dd215d6_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -23848,7 +24115,7 @@ var deleteButtonvue_type_template_id_9dd215d6_staticRenderFns = [];
 var trash_alt_solid = __webpack_require__("806c");
 var trash_alt_solid_default = /*#__PURE__*/__webpack_require__.n(trash_alt_solid);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/crownButton.vue?vue&type=template&id=4390a32a&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/crownButton.vue?vue&type=template&id=4390a32a&scoped=true&
 var crownButtonvue_type_template_id_4390a32a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -24174,6 +24441,7 @@ function getOrFindDataInput(moddle, task, sourceNode) {
       inputSets: [],
       outputSets: []
     });
+    task.definition.ioSpecification.$parent = task.definition;
   }
   // Check if dataInput exists
   if (!task.definition.ioSpecification.dataInputs) {
@@ -24188,6 +24456,7 @@ function getOrFindDataInput(moddle, task, sourceNode) {
       isCollection: 'false',
       name: sourceNode.name
     }));
+    task.definition.ioSpecification.dataInputs[task.definition.ioSpecification.dataInputs.length - 1].$parent = task.definition.ioSpecification;
     task.definition.ioSpecification.set('dataInputs', task.definition.ioSpecification.dataInputs);
   }
   dataInput = task.definition.ioSpecification.dataInputs.find(function (input) {
@@ -24220,7 +24489,7 @@ function getOrFindDataInput(moddle, task, sourceNode) {
   }
   inputSet = task.definition.ioSpecification.inputSets[0];
   // Check if dataInputRef exists
-  var dataInputRef = inputSet.dataInputRefs.find(function (ref) {
+  var dataInputRef = inputSet.get('dataInputRefs').find(function (ref) {
     return ref.id === dataInputId;
   });
   if (!dataInputRef) {
@@ -24228,6 +24497,17 @@ function getOrFindDataInput(moddle, task, sourceNode) {
   }
   return dataInput;
 }
+function findIOSpecificationOwner(ioSpec, modeler) {
+  var owner = ioSpec.$parent;
+  if (!owner) {
+    var _modeler$nodes$find;
+    return (_modeler$nodes$find = modeler.nodes.find(function (node) {
+      var _node$definition$ioSp;
+      return node.definition.ioSpecification === ioSpec || ((_node$definition$ioSp = node.definition.ioSpecification) === null || _node$definition$ioSp === void 0 ? void 0 : _node$definition$ioSp.id) === ioSpec.id;
+    })) === null || _modeler$nodes$find === void 0 ? void 0 : _modeler$nodes$find.definition;
+  }
+  return owner;
+}
 function removeDataInput(task, sourceNode) {
   if (sourceNode.$type !== 'bpmn:DataObjectReference' && sourceNode.$type !== 'bpmn:DataStoreReference') {
     throw 'Source node must be a DataObjectReference or bpmn:DataStoreReference, got ' + sourceNode.$type;
@@ -24356,7 +24636,7 @@ var deleteButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var deleteButton = (deleteButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/genericFlowButton.vue?vue&type=template&id=f1d76dbe&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/genericFlowButton.vue?vue&type=template&id=f1d76dbe&
 var genericFlowButtonvue_type_template_id_f1d76dbe_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -24514,6 +24794,9 @@ function _createClass(Constructor, protoProps, staticProps) {
   });
   return Constructor;
 }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
+var es_string_replace = __webpack_require__("5319");
+
 // CONCATENATED MODULE: ./src/components/nodes/baseStartEvent/defaultNames.js
 var defaultNames = {
   'processmaker-modeler-start-event': 'Start Event',
@@ -24587,6 +24870,8 @@ var cloneDeep_default = /*#__PURE__*/__webpack_require__.n(cloneDeep);
 
 
 
+
+
 var node_Node = /*#__PURE__*/function () {
   function Node(type, definition, diagram) {
     _classCallCheck(this, Node);
@@ -24653,6 +24938,7 @@ var node_Node = /*#__PURE__*/function () {
   }, {
     key: "setIds",
     value: function setIds(nodeIdGenerator) {
+      var _this = this;
       var _nodeIdGenerator$gene = nodeIdGenerator.generate(),
         _nodeIdGenerator$gene2 = _slicedToArray(_nodeIdGenerator$gene, 2),
         nodeId = _nodeIdGenerator$gene2[0],
@@ -24664,29 +24950,93 @@ var node_Node = /*#__PURE__*/function () {
         this.diagram.id = diagramId;
         this.diagram.bpmnElement = this.definition;
       }
+      if (this.definition.loopCharacteristics && this.definition.loopCharacteristics.$type === 'bpmn:StandardLoopCharacteristics') {
+        this.definition.loopCharacteristics.set('id', nodeIdGenerator.generate()[0]);
+        if (this.definition.loopCharacteristics.loopCondition) {
+          this.definition.loopCharacteristics.get('loopCondition').set('id', nodeIdGenerator.generate()[0]);
+        }
+      }
+      var dataInputRef, dataOutputRef;
+      if (this.definition.ioSpecification) {
+        this.definition.ioSpecification.set('id', nodeIdGenerator.generate()[0]);
+        var taskId = this.definition.id;
+        if (this.definition.ioSpecification.get('dataInputs')) {
+          this.definition.ioSpecification.get('dataInputs').forEach(function (dataInput) {
+            var id = dataInput.get('id');
+            if (id.substring(0, _this.cloneOf.length) === _this.cloneOf) {
+              dataInput.set('id', id.replace(_this.cloneOf + '_', taskId + '_'));
+              dataInputRef = dataInput;
+            } else {
+              dataInput.set('id', nodeIdGenerator.generate()[0]);
+            }
+          });
+        }
+        if (this.definition.ioSpecification.get('dataOutputs')) {
+          this.definition.ioSpecification.get('dataOutputs').forEach(function (dataOutput) {
+            var id = dataOutput.get('id');
+            if (id.substring(0, _this.cloneOf.length) === _this.cloneOf) {
+              dataOutput.set('id', id.replace(_this.cloneOf + '_', taskId + '_'));
+              dataOutputRef = dataOutput;
+            } else {
+              dataOutput.set('id', nodeIdGenerator.generate()[0]);
+            }
+          });
+        }
+        if (this.definition.ioSpecification.get('inputSets')) {
+          this.definition.ioSpecification.get('inputSets').forEach(function (inputSet) {
+            inputSet.set('id', nodeIdGenerator.generate()[0]);
+          });
+        }
+        if (this.definition.ioSpecification.get('outputSets')) {
+          this.definition.ioSpecification.get('outputSets').forEach(function (outputSet) {
+            outputSet.set('id', nodeIdGenerator.generate()[0]);
+          });
+        }
+      }
+      if (this.definition.loopCharacteristics && this.definition.loopCharacteristics.$type === 'bpmn:MultiInstanceLoopCharacteristics') {
+        this.definition.loopCharacteristics.set('id', nodeIdGenerator.generate()[0]);
+        if (this.definition.loopCharacteristics.loopCardinality) {
+          this.definition.loopCharacteristics.get('loopCardinality').set('id', nodeIdGenerator.generate()[0]);
+        }
+        if (this.definition.loopCharacteristics.loopDataInputRef && dataInputRef) {
+          this.definition.loopCharacteristics.set('loopDataInputRef', dataInputRef);
+        }
+        if (this.definition.loopCharacteristics.loopDataOutputRef && dataOutputRef) {
+          this.definition.loopCharacteristics.set('loopDataOutputRef', dataOutputRef);
+        }
+        if (this.definition.loopCharacteristics.inputDataItem) {
+          this.definition.loopCharacteristics.get('inputDataItem').set('id', nodeIdGenerator.generate()[0]);
+        }
+        if (this.definition.loopCharacteristics.outputDataItem) {
+          this.definition.loopCharacteristics.get('outputDataItem').set('id', nodeIdGenerator.generate()[0]);
+        }
+        if (this.definition.loopCharacteristics.completionCondition) {
+          this.definition.loopCharacteristics.get('completionCondition').set('id', nodeIdGenerator.generate()[0]);
+        }
+      }
     }
   }, {
     key: "clone",
     value: function clone(nodeRegistry, moddle, $t) {
-      var _this = this;
+      var _this2 = this;
       var definition = nodeRegistry[this.type].definition(moddle, $t);
       var diagram = nodeRegistry[this.type].diagram(moddle);
       var clonedNode = new this.constructor(this.type, definition, diagram);
       clonedNode.id = null;
       clonedNode.pool = this.pool;
-      clonedNode.definition.cloneOf = this.id;
+      clonedNode.cloneOf = this.id;
       Node.diagramPropertiesToCopy.forEach(function (prop) {
-        return clonedNode.diagram.bounds[prop] = _this.diagram.bounds[prop];
+        return clonedNode.diagram.bounds[prop] = _this2.diagram.bounds[prop];
       });
       Object.keys(this.definition).filter(function (key) {
         return !Node.definitionPropertiesToNotCopy.includes(key);
       }).forEach(function (key) {
-        var definition = _this.definition.get(key);
+        var definition = _this2.definition.get(key);
         var clonedDefinition = _typeof(definition) === 'object' ? cloneDeep_default()(definition) : definition;
         if (key === 'eventDefinitions') {
           for (var i in clonedDefinition) {
             if (definition[i].signalRef && !clonedDefinition[i].signalRef) {
-              clonedDefinition[i].signalRef = _objectSpread2({}, definition[i].signalRef);
+              clonedDefinition[i].set('signalRef', _objectSpread2({}, definition[i].signalRef));
             }
           }
         }
@@ -24700,31 +25050,38 @@ var node_Node = /*#__PURE__*/function () {
   }, {
     key: "cloneFlow",
     value: function cloneFlow(nodeRegistry, moddle, $t) {
-      var _this2 = this;
+      var _this3 = this;
       var definition = nodeRegistry[this.type].definition(moddle, $t);
       var diagram = nodeRegistry[this.type].diagram(moddle);
       var clonedFlow = new this.constructor(this.type, definition, diagram);
       clonedFlow.id = null;
       clonedFlow.pool = this.pool;
-      clonedFlow.definition.cloneOf = this.id;
-      clonedFlow.diagram.waypoint = [];
+      clonedFlow.cloneOf = this.id;
+      clonedFlow.diagram = moddle.create('bpmndi:BPMNEdge', {
+        waypoint: []
+      });
       this.diagram.waypoint.forEach(function (point) {
-        return clonedFlow.diagram.waypoint.push(point);
+        var waypoint = moddle.create('dc:Point', {
+          x: point.x,
+          y: point.y
+        });
+        clonedFlow.diagram.waypoint.push(waypoint);
       });
       Object.keys(this.definition).filter(function (key) {
         return !Node.flowDefinitionPropertiesToNotCopy.includes(key);
       }).forEach(function (key) {
-        var definition = _this2.definition.get(key);
+        var definition = _this3.definition.get(key);
         var clonedDefinition = _typeof(definition) === 'object' ? cloneDeep_default()(definition) : definition;
         if (key === 'eventDefinitions') {
           for (var i in clonedDefinition) {
             if (definition[i].signalRef && !clonedDefinition[i].signalRef) {
-              clonedDefinition[i].signalRef = _objectSpread2({}, definition[i].signalRef);
+              clonedDefinition[i].set('signalRef', _objectSpread2({}, definition[i].signalRef));
             }
           }
         }
         clonedFlow.definition.set(key, clonedDefinition);
-        clonedFlow.definition.sourceRef = clonedFlow.definition.targetRef = null;
+        clonedFlow.definition.set('sourceRef', null);
+        clonedFlow.definition.set('targetRef', null);
       });
       Node.eventDefinitionPropertiesToNotCopy.forEach(function (prop) {
         return clonedFlow.definition.eventDefinitions && clonedFlow.definition.eventDefinitions[0] && clonedFlow.definition.eventDefinitions[0].hasOwnProperty(prop) && clonedFlow.definition.eventDefinitions[0].set(prop, null);
@@ -24734,10 +25091,10 @@ var node_Node = /*#__PURE__*/function () {
   }, {
     key: "getTargetProcess",
     value: function getTargetProcess(processes, processNode) {
-      var _this3 = this;
+      var _this4 = this;
       return this.pool ? processes.find(function (_ref) {
         var id = _ref.id;
-        return id === _this3.pool.component.node.definition.get('processRef').id;
+        return id === _this4.pool.component.node.definition.get('processRef').id;
       }) : processNode.definition;
     }
   }], [{
@@ -24749,7 +25106,7 @@ var node_Node = /*#__PURE__*/function () {
   return Node;
 }();
 _defineProperty(node_Node, "diagramPropertiesToCopy", ['x', 'y', 'width', 'height']);
-_defineProperty(node_Node, "definitionPropertiesToNotCopy", ['$type', 'id']);
+_defineProperty(node_Node, "definitionPropertiesToNotCopy", ['$type', 'id', 'dataOutputAssociations']);
 _defineProperty(node_Node, "flowDefinitionPropertiesToNotCopy", ['$type', 'id', 'sourceRef', 'targetRef']);
 _defineProperty(node_Node, "eventDefinitionPropertiesToNotCopy", ['errorRef', 'messageRef']);
 
@@ -24832,7 +25189,7 @@ var genericFlowButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var genericFlowButton = (genericFlowButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/associationFlowButton.vue?vue&type=template&id=491172aa&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/associationFlowButton.vue?vue&type=template&id=491172aa&
 var associationFlowButtonvue_type_template_id_491172aa_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -24926,7 +25283,7 @@ var associationFlowButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var associationFlowButton = (associationFlowButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/dataAssociationFlowButton.vue?vue&type=template&id=5943851d&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/dataAssociationFlowButton.vue?vue&type=template&id=5943851d&
 var dataAssociationFlowButtonvue_type_template_id_5943851d_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -25255,7 +25612,7 @@ var dataAssociationFlowButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var dataAssociationFlowButton = (dataAssociationFlowButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/copyButton.vue?vue&type=template&id=213aa936&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/copyButton.vue?vue&type=template&id=213aa936&
 
 var copyButtonvue_type_template_id_213aa936_render = function render() {
   var _vm$node;
@@ -25346,9 +25703,9 @@ var copyButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var copyButton = (copyButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/duplicateButton.vue?vue&type=template&id=7ad99cd5&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/cloneButton.vue?vue&type=template&id=419c5ae5&
 
-var duplicateButtonvue_type_template_id_7ad99cd5_render = function render() {
+var cloneButtonvue_type_template_id_419c5ae5_render = function render() {
   var _vm$node;
   var _vm = this,
     _c = _vm._self._c;
@@ -25367,34 +25724,35 @@ var duplicateButtonvue_type_template_id_7ad99cd5_render = function render() {
       }
     }],
     attrs: {
-      "title": _vm.$t('Duplicate Element'),
-      "aria-label": "Duplicate Element",
-      "data-test": "duplicate-button",
+      "title": _vm.$t('Clone Element'),
+      "aria-label": "Clone Element",
+      "data-test": "clone-button",
       "role": "menuitem"
     },
     on: {
-      "click": _vm.duplicateElement
+      "click": _vm.cloneElement
     }
   }, [_c('img', {
     attrs: {
-      "src": _vm.duplicateIcon,
-      "aria-hidden": "true"
+      "src": _vm.cloneIcon,
+      "aria-hidden": "true",
+      "alt": "Clone element icon"
     }
   })]) : _vm._e();
 };
-var duplicateButtonvue_type_template_id_7ad99cd5_staticRenderFns = [];
+var cloneButtonvue_type_template_id_419c5ae5_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/crown/crownButtons/duplicateButton.vue?vue&type=template&id=7ad99cd5&
+// CONCATENATED MODULE: ./src/components/crown/crownButtons/cloneButton.vue?vue&type=template&id=419c5ae5&
 
 // EXTERNAL MODULE: ./src/assets/copy-regular.svg
 var copy_regular = __webpack_require__("baa4");
 var copy_regular_default = /*#__PURE__*/__webpack_require__.n(copy_regular);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/duplicateButton.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/cloneButton.vue?vue&type=script&lang=js&
 
 
 
-/* harmony default export */ var duplicateButtonvue_type_script_lang_js_ = ({
+/* harmony default export */ var cloneButtonvue_type_script_lang_js_ = ({
   components: {
     CrownButton: crownButton
   },
@@ -25402,19 +25760,19 @@ var copy_regular_default = /*#__PURE__*/__webpack_require__.n(copy_regular);
   data: function data() {
     return {
       copyCount: 0,
-      duplicateIcon: copy_regular_default.a,
+      cloneIcon: copy_regular_default.a,
       validCopyElements: crownButtons_validCopyElements
     };
   },
   methods: {
-    duplicateElement: function duplicateElement() {
-      this.$emit('duplicate-element', this.node, ++this.copyCount);
+    cloneElement: function cloneElement() {
+      this.$emit('clone-element', this.node, ++this.copyCount);
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/crown/crownButtons/duplicateButton.vue?vue&type=script&lang=js&
- /* harmony default export */ var crownButtons_duplicateButtonvue_type_script_lang_js_ = (duplicateButtonvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/crown/crownButtons/duplicateButton.vue
+// CONCATENATED MODULE: ./src/components/crown/crownButtons/cloneButton.vue?vue&type=script&lang=js&
+ /* harmony default export */ var crownButtons_cloneButtonvue_type_script_lang_js_ = (cloneButtonvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/crown/crownButtons/cloneButton.vue
 
 
 
@@ -25422,10 +25780,10 @@ var copy_regular_default = /*#__PURE__*/__webpack_require__.n(copy_regular);
 
 /* normalize component */
 
-var duplicateButton_component = normalizeComponent(
-  crownButtons_duplicateButtonvue_type_script_lang_js_,
-  duplicateButtonvue_type_template_id_7ad99cd5_render,
-  duplicateButtonvue_type_template_id_7ad99cd5_staticRenderFns,
+var cloneButton_component = normalizeComponent(
+  crownButtons_cloneButtonvue_type_script_lang_js_,
+  cloneButtonvue_type_template_id_419c5ae5_render,
+  cloneButtonvue_type_template_id_419c5ae5_staticRenderFns,
   false,
   null,
   null,
@@ -25433,8 +25791,8 @@ var duplicateButton_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var duplicateButton = (duplicateButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/crownDropdowns.vue?vue&type=template&id=0a847d3c&scoped=true&
+/* harmony default export */ var cloneButton = (cloneButton_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/crownDropdowns.vue?vue&type=template&id=0a847d3c&scoped=true&
 var crownDropdownsvue_type_template_id_0a847d3c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -25479,7 +25837,7 @@ var crownDropdownsvue_type_template_id_0a847d3c_scoped_true_staticRenderFns = []
 
 // CONCATENATED MODULE: ./src/components/crown/crownButtons/crownDropdowns.vue?vue&type=template&id=0a847d3c&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/crownTaskDropdown.vue?vue&type=template&id=134c4728&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/crownTaskDropdown.vue?vue&type=template&id=134c4728&scoped=true&
 var crownTaskDropdownvue_type_template_id_134c4728_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -25603,7 +25961,7 @@ var crownTaskDropdown_component = normalizeComponent(
 )
 
 /* harmony default export */ var crownTaskDropdown = (crownTaskDropdown_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/crownBoundaryEventDropdown.vue?vue&type=template&id=59d91c2d&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/crownBoundaryEventDropdown.vue?vue&type=template&id=59d91c2d&
 var crownBoundaryEventDropdownvue_type_template_id_59d91c2d_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -25781,8 +26139,7 @@ function removeRef(state, ref, callBack) {
     globalProcesses: [],
     allowSavingElementPosition: true,
     copiedElements: [],
-    clientX: null,
-    clientY: null
+    clientLeftPaper: false
   },
   getters: {
     nodes: function nodes(state) {
@@ -25823,11 +26180,8 @@ function removeRef(state, ref, callBack) {
     copiedElements: function copiedElements(state) {
       return state.copiedElements;
     },
-    clientX: function clientX(state) {
-      return state.clientX;
-    },
-    clientY: function clientY(state) {
-      return state.clientY;
+    clientLeftPaper: function clientLeftPaper(state) {
+      return state.clientLeftPaper;
     }
   },
   mutations: {
@@ -25846,6 +26200,9 @@ function removeRef(state, ref, callBack) {
     updateNodeBounds: function updateNodeBounds(state, _ref3) {
       var node = _ref3.node,
         bounds = _ref3.bounds;
+      if (!bounds) {
+        return;
+      }
       Object.entries(bounds).forEach(function (_ref4) {
         var _ref5 = _slicedToArray(_ref4, 2),
           key = _ref5[0],
@@ -25933,17 +26290,8 @@ function removeRef(state, ref, callBack) {
     setCopiedElements: function setCopiedElements(state, elements) {
       state.copiedElements = elements;
     },
-    setClientMousePosition: function setClientMousePosition(state, position) {
-      var clientX = position.clientX,
-        clientY = position.clientY;
-      state = {
-        clientX: clientX,
-        clientY: clientY
-      };
-    },
-    clientLeftPaper: function clientLeftPaper(state) {
-      state.clientX = null;
-      state.clientY = null;
+    setClientLeftPaper: function setClientLeftPaper(state, status) {
+      state.clientLeftPaper = status;
     }
   },
   actions: {
@@ -26063,7 +26411,7 @@ var crownBoundaryEventDropdown_component = normalizeComponent(
 )
 
 /* harmony default export */ var crownBoundaryEventDropdown = (crownBoundaryEventDropdown_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=5e9576a8&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=5e9576a8&scoped=true&
 
 var crownColorDropdownvue_type_template_id_5e9576a8_scoped_true_render = function render() {
   var _vm = this,
@@ -26211,7 +26559,7 @@ var web_dom_exception_to_string_tag = __webpack_require__("8bd4");
 // EXTERNAL MODULE: ./node_modules/vue-color/dist/vue-color.min.js
 var vue_color_min = __webpack_require__("c345");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/IconSelector.vue?vue&type=template&id=1668818f&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/IconSelector.vue?vue&type=template&id=1668818f&
 var IconSelectorvue_type_template_id_1668818f_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -26435,7 +26783,7 @@ String.prototype.titleCase = function () {
   });
   return words.join(' ');
 };
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/FileUploadButton.vue?vue&type=template&id=0146dc7d&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/FileUploadButton.vue?vue&type=template&id=0146dc7d&
 var FileUploadButtonvue_type_template_id_0146dc7d_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -27026,7 +27374,7 @@ var crownDropdowns_component = normalizeComponent(
 )
 
 /* harmony default export */ var crownDropdowns = (crownDropdowns_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/defaultFlowButton.vue?vue&type=template&id=44b12a86&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/defaultFlowButton.vue?vue&type=template&id=44b12a86&
 var defaultFlowButtonvue_type_template_id_44b12a86_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -27213,7 +27561,7 @@ function runningInCypressTest() {
     GenericFlowButton: genericFlowButton,
     AssociationFlowButton: associationFlowButton,
     CopyButton: copyButton,
-    DuplicateButton: duplicateButton,
+    CloneButton: cloneButton,
     DefaultFlow: defaultFlowButton,
     DataAssociationFlowButton: dataAssociationFlowButton
   },
@@ -27255,8 +27603,7 @@ function runningInCypressTest() {
     'node.definition.color': {
       handler: function handler() {
         this.setNodeColor();
-      },
-      deep: true
+      }
     },
     highlightedShapes: function highlightedShapes(shapes, prevShapes) {
       if (isEqual_default()(shapes, prevShapes)) {
@@ -27441,8 +27788,8 @@ var crownConfigvue_type_style_index_0_prod_lang_scss_ = __webpack_require__("b7e
 
 var crownConfig_component = normalizeComponent(
   crownConfig_crownConfigvue_type_script_lang_js_,
-  crownConfigvue_type_template_id_3743f36d_render,
-  crownConfigvue_type_template_id_3743f36d_staticRenderFns,
+  crownConfigvue_type_template_id_977ac62a_render,
+  crownConfigvue_type_template_id_977ac62a_staticRenderFns,
   false,
   null,
   null,
@@ -27578,7 +27925,7 @@ var association_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var association = (association_component.exports);
+/* harmony default export */ var association_association = (association_component.exports);
 // CONCATENATED MODULE: ./src/components/inspectors/idConfigSettings.js
 var idConfigSettings = {
   label: 'Node Identifier',
@@ -27594,7 +27941,7 @@ var idConfigSettings = {
 var association_id = 'processmaker-modeler-association';
 /* harmony default export */ var nodes_association = ({
   id: association_id,
-  component: association,
+  component: association_association,
   bpmnType: 'bpmn:Association',
   control: false,
   definition: function definition(moddle) {
@@ -27602,6 +27949,9 @@ var association_id = 'processmaker-modeler-association';
       associationDirection: "".concat(associationConfig_direction.none)
     });
   },
+  diagram: function diagram(moddle) {
+    return moddle.create('bpmndi:BPMNEdge');
+  },
   inspectorConfig: [{
     name: 'Data Association',
     items: [{
@@ -27637,7 +27987,7 @@ var association_id = 'processmaker-modeler-association';
     }]
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/endEvent/endEvent.vue?vue&type=template&id=5b9ad491&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/endEvent/endEvent.vue?vue&type=template&id=5b9ad491&
 var endEventvue_type_template_id_5b9ad491_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -28116,7 +28466,7 @@ var nameConfigSettings = {
   validation: 'required'
 };
 /* harmony default export */ var inspectors_nameConfigSettings = (nameConfigSettings);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/NodeIdentifierInput.vue?vue&type=template&id=41ed3f3f&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/NodeIdentifierInput.vue?vue&type=template&id=41ed3f3f&
 var NodeIdentifierInputvue_type_template_id_41ed3f3f_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -28229,8 +28579,8 @@ var NodeIdentifierInput_component = normalizeComponent(
     config: inspectors_idConfigSettings
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/DocumentationFormTextArea.vue?vue&type=template&id=d69b739e&
-var DocumentationFormTextAreavue_type_template_id_d69b739e_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/DocumentationFormTextArea.vue?vue&type=template&id=3df7108e&
+var DocumentationFormTextAreavue_type_template_id_3df7108e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('div', {
@@ -28264,7 +28614,8 @@ var DocumentationFormTextAreavue_type_template_id_d69b739e_render = function ren
     on: {
       "input": function input($event) {
         return _vm.$emit('input', $event);
-      }
+      },
+      "blur": _vm.onBlur
     }
   }), _c('b-modal', {
     attrs: {
@@ -28290,13 +28641,14 @@ var DocumentationFormTextAreavue_type_template_id_d69b739e_render = function ren
     on: {
       "input": function input($event) {
         return _vm.$emit('input', $event);
-      }
+      },
+      "blur": _vm.onBlur
     }
   })], 1)], 1);
 };
-var DocumentationFormTextAreavue_type_template_id_d69b739e_staticRenderFns = [];
+var DocumentationFormTextAreavue_type_template_id_3df7108e_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/inspectors/DocumentationFormTextArea.vue?vue&type=template&id=d69b739e&
+// CONCATENATED MODULE: ./src/components/inspectors/DocumentationFormTextArea.vue?vue&type=template&id=3df7108e&
 
 // EXTERNAL MODULE: ./node_modules/lodash/isString.js
 var isString = __webpack_require__("e2a0");
@@ -28305,6 +28657,8 @@ var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/DocumentationFormTextArea.vue?vue&type=script&lang=js&
 
 
+
+
 /* harmony default export */ var DocumentationFormTextAreavue_type_script_lang_js_ = ({
   props: {
     value: {
@@ -28323,15 +28677,19 @@ var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
     }
   },
   methods: {
-    emitValue: function emitValue(value) {
-      this.$emit('input', value);
+    onBlur: function onBlur() {
+      // Update the undoStack when the Editor loses focus to trigger the autosave.
+      var child = this.$root.$children.find(function (c) {
+        return c.$refs.modeler;
+      });
+      child.$refs.modeler.pushToUndoStack();
     }
   }
 });
 // CONCATENATED MODULE: ./src/components/inspectors/DocumentationFormTextArea.vue?vue&type=script&lang=js&
  /* harmony default export */ var inspectors_DocumentationFormTextAreavue_type_script_lang_js_ = (DocumentationFormTextAreavue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/inspectors/DocumentationFormTextArea.vue?vue&type=style&index=0&id=d69b739e&prod&lang=css&
-var DocumentationFormTextAreavue_type_style_index_0_id_d69b739e_prod_lang_css_ = __webpack_require__("3d59");
+// EXTERNAL MODULE: ./src/components/inspectors/DocumentationFormTextArea.vue?vue&type=style&index=0&id=3df7108e&prod&lang=css&
+var DocumentationFormTextAreavue_type_style_index_0_id_3df7108e_prod_lang_css_ = __webpack_require__("638c");
 
 // CONCATENATED MODULE: ./src/components/inspectors/DocumentationFormTextArea.vue
 
@@ -28344,8 +28702,8 @@ var DocumentationFormTextAreavue_type_style_index_0_id_d69b739e_prod_lang_css_ =
 
 var DocumentationFormTextArea_component = normalizeComponent(
   inspectors_DocumentationFormTextAreavue_type_script_lang_js_,
-  DocumentationFormTextAreavue_type_template_id_d69b739e_render,
-  DocumentationFormTextAreavue_type_template_id_d69b739e_staticRenderFns,
+  DocumentationFormTextAreavue_type_template_id_3df7108e_render,
+  DocumentationFormTextAreavue_type_template_id_3df7108e_staticRenderFns,
   false,
   null,
   null,
@@ -28699,7 +29057,7 @@ var terminateEndEvent_id = 'processmaker-modeler-terminate-end-event';
     });
   }
 }));
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/gateway/gateway.vue?vue&type=template&id=a60e4954&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/gateway/gateway.vue?vue&type=template&id=a60e4954&
 var gatewayvue_type_template_id_a60e4954_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -29292,7 +29650,7 @@ var eventBasedGateway_id = 'processmaker-modeler-event-based-gateway';
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/sequenceFlow/sequenceFlow.vue?vue&type=template&id=ea004378&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/sequenceFlow/sequenceFlow.vue?vue&type=template&id=ea004378&
 var sequenceFlowvue_type_template_id_ea004378_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -29642,7 +30000,7 @@ var sequenceFlow_id = 'processmaker-modeler-sequence-flow';
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/messageFlow/messageFlow.vue?vue&type=template&id=2025c58d&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/messageFlow/messageFlow.vue?vue&type=template&id=2025c58d&
 var messageFlowvue_type_template_id_2025c58d_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -29927,7 +30285,7 @@ var messageEndEvent_component = normalizeComponent(
 )
 
 /* harmony default export */ var messageEndEvent = (messageEndEvent_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/MessageSelect.vue?vue&type=template&id=395d11da&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/MessageSelect.vue?vue&type=template&id=395d11da&scoped=true&
 
 var MessageSelectvue_type_template_id_395d11da_scoped_true_render = function render() {
   var _vm = this,
@@ -30589,7 +30947,7 @@ var signalEndEvent_component = normalizeComponent(
 )
 
 /* harmony default export */ var signalEndEvent = (signalEndEvent_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/SignalSelect.vue?vue&type=template&id=607e6d70&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/SignalSelect.vue?vue&type=template&id=607e6d70&scoped=true&
 
 var SignalSelectvue_type_template_id_607e6d70_scoped_true_render = function render() {
   var _vm = this,
@@ -31233,7 +31591,7 @@ var signalEndEvent_id = 'processmaker-modeler-signal-end-event';
     }]
   }]
 })));
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/baseStartEvent/baseStartEvent.vue?vue&type=template&id=1aff2df2&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/baseStartEvent/baseStartEvent.vue?vue&type=template&id=1aff2df2&
 var baseStartEventvue_type_template_id_1aff2df2_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -31657,7 +32015,7 @@ var startTimerEvent_component = normalizeComponent(
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.repeat.js
 var es_string_repeat = __webpack_require__("38cf");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/TimerExpression.vue?vue&type=template&id=66e578ba&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/TimerExpression.vue?vue&type=template&id=66e578ba&scoped=true&
 
 var TimerExpressionvue_type_template_id_66e578ba_scoped_true_render = function render() {
   var _vm = this,
@@ -31847,7 +32205,7 @@ var TimerExpressionvue_type_template_id_66e578ba_scoped_true_staticRenderFns = [
 // EXTERNAL MODULE: external "luxon"
 var external_luxon_ = __webpack_require__("5b4c");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/WeekdaySelect.vue?vue&type=template&id=5e7ed8dc&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/WeekdaySelect.vue?vue&type=template&id=5e7ed8dc&scoped=true&
 var WeekdaySelectvue_type_template_id_5e7ed8dc_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -32551,7 +32909,7 @@ var startTimerEvent_id = 'processmaker-modeler-start-timer-event';
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 }));
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/intermediateEvent/intermediateEvent.vue?vue&type=template&id=f999f2fc&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/intermediateEvent/intermediateEvent.vue?vue&type=template&id=f999f2fc&
 var intermediateEventvue_type_template_id_f999f2fc_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -32775,7 +33133,7 @@ var intermediateTimerEvent_component = normalizeComponent(
 )
 
 /* harmony default export */ var intermediateTimerEvent = (intermediateTimerEvent_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/IntermediateTimer.vue?vue&type=template&id=1dece816&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/IntermediateTimer.vue?vue&type=template&id=1dece816&
 var IntermediateTimervue_type_template_id_1dece816_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -32821,7 +33179,7 @@ var IntermediateTimervue_type_template_id_1dece816_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/inspectors/IntermediateTimer.vue?vue&type=template&id=1dece816&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/DurationExpression.vue?vue&type=template&id=f35728f4&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/DurationExpression.vue?vue&type=template&id=f35728f4&
 
 
 var DurationExpressionvue_type_template_id_f35728f4_render = function render() {
@@ -32983,7 +33341,7 @@ var DurationExpression_component = normalizeComponent(
 )
 
 /* harmony default export */ var DurationExpression = (DurationExpression_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/DateTimeExpression.vue?vue&type=template&id=c5f30932&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/DateTimeExpression.vue?vue&type=template&id=c5f30932&
 var DateTimeExpressionvue_type_template_id_c5f30932_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -33060,7 +33418,7 @@ var DateTimeExpression_component = normalizeComponent(
 )
 
 /* harmony default export */ var DateTimeExpression = (DateTimeExpression_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/CycleExpression.vue?vue&type=template&id=ca345eea&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/CycleExpression.vue?vue&type=template&id=ca345eea&
 
 
 var CycleExpressionvue_type_template_id_ca345eea_render = function render() {
@@ -34041,7 +34399,7 @@ var intermediateConditionalCatchEvent_id = 'processmaker-modeler-intermediate-co
     }]
   }]
 })));
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/task/task.vue?vue&type=template&id=6cf12260&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/task/task.vue?vue&type=template&id=6cf12260&
 var taskvue_type_template_id_6cf12260_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -34426,7 +34784,7 @@ var userTask_component = normalizeComponent(
 )
 
 /* harmony default export */ var userTask = (userTask_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/MarkerFlags.vue?vue&type=template&id=66aabb37&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/MarkerFlags.vue?vue&type=template&id=66aabb37&scoped=true&
 var MarkerFlagsvue_type_template_id_66aabb37_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -34522,8 +34880,8 @@ var MarkerFlags_component = normalizeComponent(
     }
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/LoopCharacteristics.vue?vue&type=template&id=8a810772&
-var LoopCharacteristicsvue_type_template_id_8a810772_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/LoopCharacteristics.vue?vue&type=template&id=68268502&
+var LoopCharacteristicsvue_type_template_id_68268502_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('b-form-group', {
@@ -34673,9 +35031,9 @@ var LoopCharacteristicsvue_type_template_id_8a810772_render = function render()
     }
   })], 1)] : _vm._e()], 2);
 };
-var LoopCharacteristicsvue_type_template_id_8a810772_staticRenderFns = [];
+var LoopCharacteristicsvue_type_template_id_68268502_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/inspectors/LoopCharacteristics.vue?vue&type=template&id=8a810772&
+// CONCATENATED MODULE: ./src/components/inspectors/LoopCharacteristics.vue?vue&type=template&id=68268502&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/LoopCharacteristics.vue?vue&type=script&lang=js&
 
@@ -34722,7 +35080,10 @@ var LoopCharacteristicsvue_type_template_id_8a810772_staticRenderFns = [];
           isSequential: false
         },
         loopMaximum: 0,
-        loopCondition: null
+        loopCondition: null,
+        ioSpecification: {
+          dataInputs: []
+        }
       },
       loopType: null,
       multiType: null,
@@ -34824,8 +35185,9 @@ var LoopCharacteristicsvue_type_template_id_8a810772_staticRenderFns = [];
       };
     },
     getLoopDataOutputRef: function getLoopDataOutputRef() {
+      var _this$local$ioSpecifi;
       if (!this.local.loopCharacteristics || !this.local.loopCharacteristics.loopDataOutputRef) return null;
-      return this.local.ioSpecification.dataOutputs[0].name;
+      return (_this$local$ioSpecifi = this.local.ioSpecification) === null || _this$local$ioSpecifi === void 0 ? void 0 : _this$local$ioSpecifi.dataOutputs[0].name;
     },
     setLoopDataOutputRef: function setLoopDataOutputRef(value) {
       if (!this.local.ioSpecification) {
@@ -34854,8 +35216,9 @@ var LoopCharacteristicsvue_type_template_id_8a810772_staticRenderFns = [];
       };
     },
     getLoopDataInputRef: function getLoopDataInputRef() {
+      var _this$local$ioSpecifi2;
       if (!this.local.loopCharacteristics || !this.local.loopCharacteristics.loopDataInputRef) return null;
-      return this.local.ioSpecification.dataInputs[0].name;
+      return (_this$local$ioSpecifi2 = this.local.ioSpecification) === null || _this$local$ioSpecifi2 === void 0 ? void 0 : _this$local$ioSpecifi2.dataInputs[0].name;
     },
     setLoopDataInputRef: function setLoopDataInputRef(value) {
       var dataDef = {
@@ -35011,8 +35374,8 @@ var LoopCharacteristicsvue_type_template_id_8a810772_staticRenderFns = [];
 
 var LoopCharacteristics_component = normalizeComponent(
   inspectors_LoopCharacteristicsvue_type_script_lang_js_,
-  LoopCharacteristicsvue_type_template_id_8a810772_render,
-  LoopCharacteristicsvue_type_template_id_8a810772_staticRenderFns,
+  LoopCharacteristicsvue_type_template_id_68268502_render,
+  LoopCharacteristicsvue_type_template_id_68268502_staticRenderFns,
   false,
   null,
   null,
@@ -35040,6 +35403,51 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) {
   _checkPrivateRedeclaration(obj, privateMap);
   privateMap.set(obj, value);
 }
+// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js
+function _classApplyDescriptorGet(receiver, descriptor) {
+  if (descriptor.get) {
+    return descriptor.get.call(receiver);
+  }
+  return descriptor.value;
+}
+// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js
+
+function _classExtractFieldDescriptor(receiver, privateMap, action) {
+  if (!privateMap.has(receiver)) {
+    throw new TypeError("attempted to " + action + " private field on non-instance");
+  }
+  return privateMap.get(receiver);
+}
+// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js
+
+
+function _classPrivateFieldGet(receiver, privateMap) {
+  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
+  return _classApplyDescriptorGet(receiver, descriptor);
+}
+// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classCheckPrivateStaticAccess.js
+
+function _classCheckPrivateStaticAccess(receiver, classConstructor) {
+  if (receiver !== classConstructor) {
+    throw new TypeError("Private static access of wrong provenance");
+  }
+}
+// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classCheckPrivateStaticFieldDescriptor.js
+
+function _classCheckPrivateStaticFieldDescriptor(descriptor, action) {
+  if (descriptor === undefined) {
+    throw new TypeError("attempted to " + action + " private static field before its declaration");
+  }
+}
+// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classStaticPrivateFieldSpecGet.js
+
+
+
+function _classStaticPrivateFieldSpecGet(receiver, classConstructor, descriptor) {
+  _classCheckPrivateStaticAccess(receiver, classConstructor);
+  _classCheckPrivateStaticFieldDescriptor(descriptor, "get");
+  return _classApplyDescriptorGet(receiver, descriptor);
+}
 // CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classApplyDescriptorSet.js
 
 function _classApplyDescriptorSet(receiver, descriptor, value) {
@@ -35052,36 +35460,28 @@ function _classApplyDescriptorSet(receiver, descriptor, value) {
     descriptor.value = value;
   }
 }
-// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js
+// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classStaticPrivateFieldSpecSet.js
 
-function _classExtractFieldDescriptor(receiver, privateMap, action) {
-  if (!privateMap.has(receiver)) {
-    throw new TypeError("attempted to " + action + " private field on non-instance");
-  }
-  return privateMap.get(receiver);
-}
-// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet.js
 
 
-function _classPrivateFieldSet(receiver, privateMap, value) {
-  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set");
+function _classStaticPrivateFieldSpecSet(receiver, classConstructor, descriptor, value) {
+  _classCheckPrivateStaticAccess(receiver, classConstructor);
+  _classCheckPrivateStaticFieldDescriptor(descriptor, "set");
   _classApplyDescriptorSet(receiver, descriptor, value);
   return value;
 }
-// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js
-function _classApplyDescriptorGet(receiver, descriptor) {
-  if (descriptor.get) {
-    return descriptor.get.call(receiver);
-  }
-  return descriptor.value;
-}
-// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.constructor.js
+var es_regexp_constructor = __webpack_require__("4d63");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.dot-all.js
+var es_regexp_dot_all = __webpack_require__("c607");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.sticky.js
+var es_regexp_sticky = __webpack_require__("2c3e");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
+var es_regexp_to_string = __webpack_require__("25f0");
 
-function _classPrivateFieldGet(receiver, privateMap) {
-  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
-  return _classApplyDescriptorGet(receiver, descriptor);
-}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.weak-map.js
 var es_weak_map = __webpack_require__("10d1");
 
@@ -35100,60 +35500,45 @@ var es_weak_map = __webpack_require__("10d1");
 
 
 
-var _counter = /*#__PURE__*/new WeakMap();
-var _diagramCounter = /*#__PURE__*/new WeakMap();
+
+
+
+
+
+
+
+
 var _generateDefinitionId = /*#__PURE__*/new WeakMap();
 var _generateDiagramId = /*#__PURE__*/new WeakMap();
-var _isDefinitionIdUnique = /*#__PURE__*/new WeakMap();
-var _isDiagramIdUnique = /*#__PURE__*/new WeakMap();
 var NodeIdGenerator_NodeIdGenerator = /*#__PURE__*/function () {
   function NodeIdGenerator(definitions) {
-    var _this = this;
     _classCallCheck(this, NodeIdGenerator);
-    _classPrivateFieldInitSpec(this, _counter, {
-      writable: true,
-      value: 1
-    });
-    _classPrivateFieldInitSpec(this, _diagramCounter, {
-      writable: true,
-      value: 1
-    });
     _classPrivateFieldInitSpec(this, _generateDefinitionId, {
       writable: true,
       value: function value() {
-        var _this$counter, _this$counter2;
-        var id = NodeIdGenerator.prefix + _classPrivateFieldGet(_this, _counter);
-        _classPrivateFieldSet(_this, _counter, (_this$counter = _classPrivateFieldGet(_this, _counter), _this$counter2 = _this$counter++, _this$counter)), _this$counter2;
+        var _NodeIdGenerator$coun, _NodeIdGenerator$coun2;
+        var id = NodeIdGenerator.prefix + _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter);
+        _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _counter, (_NodeIdGenerator$coun = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter), _NodeIdGenerator$coun2 = _NodeIdGenerator$coun++, _NodeIdGenerator$coun)), _NodeIdGenerator$coun2;
         return id;
       }
     });
     _classPrivateFieldInitSpec(this, _generateDiagramId, {
       writable: true,
       value: function value() {
-        var _this$diagramCounter, _this$diagramCounter2;
-        var id = NodeIdGenerator.prefix + _classPrivateFieldGet(_this, _diagramCounter) + '_di';
-        _classPrivateFieldSet(_this, _diagramCounter, (_this$diagramCounter = _classPrivateFieldGet(_this, _diagramCounter), _this$diagramCounter2 = _this$diagramCounter++, _this$diagramCounter)), _this$diagramCounter2;
+        var _NodeIdGenerator$diag, _NodeIdGenerator$diag2;
+        var id = NodeIdGenerator.prefix + _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _diagramCounter) + '_di';
+        _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _diagramCounter, (_NodeIdGenerator$diag = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _diagramCounter), _NodeIdGenerator$diag2 = _NodeIdGenerator$diag++, _NodeIdGenerator$diag)), _NodeIdGenerator$diag2;
         return id;
       }
     });
-    _classPrivateFieldInitSpec(this, _isDefinitionIdUnique, {
-      writable: true,
-      value: function value(id) {
-        return !_this.findById(id) && !_this.findById(id, _this.definitions.diagrams);
-      }
-    });
-    _classPrivateFieldInitSpec(this, _isDiagramIdUnique, {
-      writable: true,
-      value: function value(id) {
-        return !_this.findById(id) && !_this.findById(id, _this.definitions.diagrams);
-      }
-    });
     this.definitions = definitions;
+    this.refreshLastIdCounter();
+    this.refreshLastDiagramIdCounter();
   }
   _createClass(NodeIdGenerator, [{
     key: "findById",
     value: function findById(id) {
-      var _this2 = this;
+      var _this = this;
       var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.definitions.rootElements;
       var walked = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
       if (walked.indexOf(root) > -1) return;
@@ -35161,35 +35546,91 @@ var NodeIdGenerator_NodeIdGenerator = /*#__PURE__*/function () {
       if (root instanceof Array) {
         walked.push(root);
         root.find(function (item) {
-          return found = _this2.findById(id, item, walked);
+          return found = _this.findById(id, item, walked);
         });
       } else if (root instanceof Object && root.$type) {
         walked.push(root);
         if (root.id === id) return root;
         Object.getOwnPropertyNames(root).find(function (key) {
-          return found = !(root[key] instanceof Function) && _this2.findById(id, root[key], walked);
+          return found = !(root[key] instanceof Function) && key.substring(0, 1) !== '$' && _this.findById(id, root[key], walked);
         });
       }
       return found;
     }
+  }, {
+    key: "matchIds",
+    value: function matchIds(idRegex, root) {
+      var _this2 = this;
+      var walked = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+      var lastIdCounter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+      if (walked.indexOf(root) > -1) return lastIdCounter;
+      if (root instanceof Array) {
+        walked.push(root);
+        root.forEach(function (item) {
+          return lastIdCounter = _this2.matchIds(idRegex, item, walked, lastIdCounter);
+        });
+      } else if (root instanceof Object) {
+        walked.push(root);
+        if (root.id) {
+          var match = String(root.id).match(idRegex);
+          var idCounter = match ? parseInt(match[1]) : 0;
+          if (idCounter > lastIdCounter) {
+            lastIdCounter = idCounter;
+          }
+        }
+        Object.getOwnPropertyNames(root).forEach(function (key) {
+          if (!(root[key] instanceof Function) && key.substring(0, 1) !== '$') {
+            lastIdCounter = _this2.matchIds(idRegex, root[key], walked, lastIdCounter);
+          }
+        });
+      }
+      return lastIdCounter;
+    }
+  }, {
+    key: "refreshLastIdCounter",
+    value: function refreshLastIdCounter() {
+      var lastIdCounter = this.matchIds(new RegExp("^".concat(NodeIdGenerator.prefix, "(\\d+)$")), this.definitions.rootElements);
+      _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _counter, lastIdCounter + 1);
+    }
+  }, {
+    key: "getCounter",
+    value: function getCounter() {
+      this.refreshLastIdCounter();
+      return _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter);
+    }
+  }, {
+    key: "refreshLastDiagramIdCounter",
+    value: function refreshLastDiagramIdCounter() {
+      var lastIdCounter = this.matchIds(new RegExp("^".concat(NodeIdGenerator.prefix, "(\\d+)_di$")), this.definitions.diagrams);
+      _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _diagramCounter, lastIdCounter + 1);
+    }
   }, {
     key: "generate",
     value: function generate() {
       var definitionId = _classPrivateFieldGet(this, _generateDefinitionId).call(this);
       var diagramId = _classPrivateFieldGet(this, _generateDiagramId).call(this);
-      while (!_classPrivateFieldGet(this, _isDefinitionIdUnique).call(this, definitionId)) {
-        definitionId = _classPrivateFieldGet(this, _generateDefinitionId).call(this);
-      }
-      while (!_classPrivateFieldGet(this, _isDiagramIdUnique).call(this, diagramId)) {
-        diagramId = _classPrivateFieldGet(this, _generateDiagramId).call(this);
-      }
       return [definitionId, diagramId];
     }
   }]);
   return NodeIdGenerator;
-}();
+}(); // Singleton instance
 _defineProperty(NodeIdGenerator_NodeIdGenerator, "prefix", 'node_');
+var _counter = {
+  writable: true,
+  value: 1
+};
+var _diagramCounter = {
+  writable: true,
+  value: 1
+};
 
+var singleton = null;
+function getNodeIdGenerator(definitions) {
+  if (!singleton) {
+    singleton = new NodeIdGenerator_NodeIdGenerator(definitions);
+  }
+  return singleton;
+}
 // CONCATENATED MODULE: ./src/NodeInspector.js
 
 
@@ -35212,7 +35653,7 @@ var NodeInspector_NodeInspector = /*#__PURE__*/function () {
     _classCallCheck(this, NodeInspector);
     this.index = window.NODE_INSPECTOR_FIRST_INDEX || new Date().getTime();
     this.definitions = definitions;
-    this.nodeIdGenerator = new NodeIdGenerator_NodeIdGenerator(this.definitions);
+    this.nodeIdGenerator = getNodeIdGenerator(this.definitions);
     this.options = Object.assign({
       prefix: this.nodeIdGenerator.generate()[0]
     }, options);
@@ -35492,7 +35933,7 @@ function handleMarkerFlagsValue(markerFlags, node, setNodeProp) {
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.json.stringify.js
 var es_json_stringify = __webpack_require__("e9c4");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/subProcess/subProcess.vue?vue&type=template&id=0d80e6df&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/subProcess/subProcess.vue?vue&type=template&id=0d80e6df&
 var subProcessvue_type_template_id_0d80e6df_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -35557,9 +35998,6 @@ var subProcessvue_type_template_id_0d80e6df_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/nodes/subProcess/subProcess.vue?vue&type=template&id=0d80e6df&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
-var es_string_replace = __webpack_require__("5319");
-
 // EXTERNAL MODULE: ./src/assets/subprocess.svg
 var subprocess = __webpack_require__("582a");
 var subprocess_default = /*#__PURE__*/__webpack_require__.n(subprocess);
@@ -35750,7 +36188,7 @@ var subProcess_component = normalizeComponent(
 )
 
 /* harmony default export */ var subProcess = (subProcess_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/subProcess/SubProcessFormSelect.vue?vue&type=template&id=4bda385c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/subProcess/SubProcessFormSelect.vue?vue&type=template&id=4bda385c&
 var SubProcessFormSelectvue_type_template_id_4bda385c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -36234,7 +36672,7 @@ var scriptTask_id = 'processmaker-modeler-script-task';
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 }));
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/textAnnotation/textAnnotation.vue?vue&type=template&id=2702f9d9&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/textAnnotation/textAnnotation.vue?vue&type=template&id=2702f9d9&
 var textAnnotationvue_type_template_id_2702f9d9_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -36435,7 +36873,7 @@ var textAnnotation_id = 'processmaker-modeler-text-annotation';
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/pool/pool.vue?vue&type=template&id=6ad64eb6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/pool/pool.vue?vue&type=template&id=6ad64eb6&
 var poolvue_type_template_id_6ad64eb6_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -37025,7 +37463,7 @@ var minLaneHeight = 100;
     });
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/poolLane/poolLane.vue?vue&type=template&id=077a384c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/poolLane/poolLane.vue?vue&type=template&id=077a384c&
 var poolLanevue_type_template_id_077a384c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -37185,7 +37623,7 @@ var poolLane_component = normalizeComponent(
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/addLaneAboveButton.vue?vue&type=template&id=19096851&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/addLaneAboveButton.vue?vue&type=template&id=19096851&
 var addLaneAboveButtonvue_type_template_id_19096851_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -37245,7 +37683,7 @@ var addLaneAboveButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var addLaneAboveButton = (addLaneAboveButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/addLaneBelowButton.vue?vue&type=template&id=3cc11e26&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownButtons/addLaneBelowButton.vue?vue&type=template&id=3cc11e26&
 var addLaneBelowButtonvue_type_template_id_3cc11e26_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -37330,7 +37768,7 @@ var Pool = external_jointjs_["shapes"].standard.Rectangle.define('processmaker.m
   }
 });
 /* harmony default export */ var pool_poolShape = (Pool);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/dataObject/dataObject.vue?vue&type=template&id=87c6177c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/dataObject/dataObject.vue?vue&type=template&id=87c6177c&
 var dataObjectvue_type_template_id_87c6177c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -37470,7 +37908,7 @@ var dataObject_id = 'processmaker-modeler-data-object';
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/dataStore/dataStore.vue?vue&type=template&id=a13445d0&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/dataStore/dataStore.vue?vue&type=template&id=a13445d0&
 var dataStorevue_type_template_id_a13445d0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -37766,15 +38204,6 @@ var poolEventHandlers_PoolEventHandlers = /*#__PURE__*/function () {
       if (!this.draggingElement || this.draggingElement !== cellView.model) {
         return;
       }
-      if (this.previousValidPosition) {
-        this.draggingElement.position(this.previousValidPosition.x, this.previousValidPosition.y, {
-          deep: true
-        });
-        store.commit('updateNodeBounds', {
-          node: this.draggingElement.component.node,
-          bounds: this.previousValidPosition
-        });
-      }
       if (this.invalidPool) {
         this.invalidPool.attr('body/fill', poolColor);
         this.invalidPool = null;
@@ -37784,7 +38213,6 @@ var poolEventHandlers_PoolEventHandlers = /*#__PURE__*/function () {
         this.component.moveElement(this.draggingElement, this.newPool);
         this.newPool = null;
       } else {
-        this.component.expandToFitElement(this.draggingElement, this.shape);
         this.component.laneSet && this.component.updateLaneChildren();
       }
       this.paper.drawBackground({
@@ -38428,7 +38856,7 @@ var pool_component = normalizeComponent(
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/validationStatus/ValidationStatus.vue?vue&type=template&id=1ad192c7&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/validationStatus/ValidationStatus.vue?vue&type=template&id=1ad192c7&scoped=true&
 
 var ValidationStatusvue_type_template_id_1ad192c7_scoped_true_render = function render() {
   var _vm = this,
@@ -38660,10 +39088,10 @@ var ValidationStatus_component = normalizeComponent(
 )
 
 /* harmony default export */ var ValidationStatus = (ValidationStatus_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=3747d1ec&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=e717dbe4&
 
 
-var Modelervue_type_template_id_3747d1ec_render = function render() {
+var Modelervue_type_template_id_e717dbe4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -38688,6 +39116,7 @@ var Modelervue_type_template_id_3747d1ec_render = function render() {
         _vm.miniMapOpen = $event;
       },
       "saveBpmn": _vm.saveBpmn,
+      "publishTemplate": _vm.publishTemplate,
       "close": _vm.close,
       "save-state": _vm.pushToUndoStack,
       "clearSelection": _vm.clearSelection
@@ -38761,7 +39190,9 @@ var Modelervue_type_template_id_3747d1ec_render = function render() {
     },
     on: {
       "save-state": _vm.pushToUndoStack,
-      "shape-resize": _vm.shapeResize
+      "shape-resize": function shapeResize($event) {
+        return _vm.shapeResize(false);
+      }
     }
   }), _vm._l(_vm.nodes, function (node) {
     return _c(node.type, {
@@ -38812,8 +39243,8 @@ var Modelervue_type_template_id_3747d1ec_render = function render() {
         "copy-element": _vm.copyElement,
         "copy-selection": _vm.copyElement,
         "paste-element": _vm.pasteElements,
-        "duplicate-element": _vm.duplicateElement,
-        "duplicate-selection": _vm.duplicateSelection,
+        "clone-element": _vm.cloneElement,
+        "clone-selection": _vm.cloneSelection,
         "default-flow": _vm.toggleDefaultFlow,
         "shape-resize": _vm.shapeResize
       }
@@ -38827,17 +39258,17 @@ var Modelervue_type_template_id_3747d1ec_render = function render() {
       "processNode": _vm.processNode
     },
     on: {
-      "duplicate-selection": _vm.duplicateSelection,
+      "clone-selection": _vm.cloneSelection,
       "remove-nodes": _vm.removeNodes,
       "save-state": _vm.pushToUndoStack
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_3747d1ec_staticRenderFns = [];
+var Modelervue_type_template_id_e717dbe4_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=3747d1ec&
+// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=e717dbe4&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=19cfef66&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=19cfef66&
 var boundaryEventvue_type_template_id_19cfef66_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -39190,7 +39621,7 @@ var boundaryEvent_component = normalizeComponent(
 var external_bpmn_moddle_ = __webpack_require__("f2e1");
 var external_bpmn_moddle_default = /*#__PURE__*/__webpack_require__.n(external_bpmn_moddle_);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/controls/controls.vue?vue&type=template&id=6bd76071&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/controls/controls.vue?vue&type=template&id=6bd76071&scoped=true&
 var controlsvue_type_template_id_6bd76071_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -39396,7 +39827,7 @@ var controls_component = normalizeComponent(
 var lodash_remove = __webpack_require__("c04c");
 var remove_default = /*#__PURE__*/__webpack_require__.n(lodash_remove);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/InspectorPanel.vue?vue&type=template&id=48002854&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/InspectorPanel.vue?vue&type=template&id=48002854&scoped=true&
 var InspectorPanelvue_type_template_id_48002854_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -39466,7 +39897,7 @@ var noop_default = /*#__PURE__*/__webpack_require__.n(noop);
 
 // CONCATENATED MODULE: ./src/components/inspectors/process.js
 
-/* harmony default export */ var inspectors_process = ({
+var process_process = {
   id: 'processmaker-modeler-process',
   bpmnType: 'bpmn:Process',
   control: false,
@@ -39496,7 +39927,9 @@ var noop_default = /*#__PURE__*/__webpack_require__.n(noop);
       }]
     }]
   }]
-});
+};
+var process_id = process_process.id;
+/* harmony default export */ var inspectors_process = (process_process);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/inspectors/InspectorPanel.vue?vue&type=script&lang=js&
 
 
@@ -39737,7 +40170,6 @@ external_vue_default.a.use(vuex_esm["a" /* default */]);
     stack: [],
     position: null,
     disabled: false,
-    saved: false,
     isVersionsInstalled: false,
     isDraft: false,
     isLoading: false
@@ -39752,9 +40184,6 @@ external_vue_default.a.use(vuex_esm["a" /* default */]);
     currentState: function currentState(state) {
       return state.stack[state.position];
     },
-    saved: function saved(state) {
-      return state.saved;
-    },
     isVersionsInstalled: function isVersionsInstalled(state) {
       return state.isVersionsInstalled;
     },
@@ -39782,9 +40211,6 @@ external_vue_default.a.use(vuex_esm["a" /* default */]);
     enableSavingState: function enableSavingState(state) {
       state.disabled = false;
     },
-    savedState: function savedState(state, payload) {
-      state.saved = payload;
-    },
     isVersionsInstalled: function isVersionsInstalled(state, payload) {
       state.isVersionsInstalled = payload;
     },
@@ -39824,26 +40250,17 @@ external_vue_default.a.use(vuex_esm["a" /* default */]);
       }
       commit('setPosition', state.position + 1);
     },
-    saved: function saved(_ref4) {
+    enableVersions: function enableVersions(_ref4) {
       var commit = _ref4.commit;
-      commit('savedState', true);
-
-      // Automatically remove the notification after 2 seconds.
-      setTimeout(function () {
-        commit('savedState', false);
-      }, 2000);
+      commit('isVersionsInstalled', true);
     },
-    enableVersions: function enableVersions(_ref5) {
+    setVersionIndicator: function setVersionIndicator(_ref5, value) {
       var commit = _ref5.commit;
-      commit('isVersionsInstalled', true);
+      commit('isDraft', value);
     },
-    setVersionIndicator: function setVersionIndicator(_ref6, newState) {
+    setLoadingState: function setLoadingState(_ref6, value) {
       var commit = _ref6.commit;
-      commit('isDraft', newState);
-    },
-    setLoadingState: function setLoadingState(_ref7, newState) {
-      var commit = _ref7.commit;
-      commit('isLoading', newState);
+      commit('isLoading', value);
     }
   }
 }));
@@ -40119,7 +40536,7 @@ function getLocalMousePosition(clientX, clientY, paper) {
     y: clientY
   });
 }
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/miniPaper/MiniPaper.vue?vue&type=template&id=3f2e95bf&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/miniPaper/MiniPaper.vue?vue&type=template&id=3f2e95bf&scoped=true&
 var MiniPapervue_type_template_id_3f2e95bf_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -40138,6 +40555,14 @@ var MiniPapervue_type_template_id_3f2e95bf_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/miniPaper/MiniPaper.vue?vue&type=template&id=3f2e95bf&scoped=true&
 
+// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet.js
+
+
+function _classPrivateFieldSet(receiver, privateMap, value) {
+  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set");
+  _classApplyDescriptorSet(receiver, descriptor, value);
+  return value;
+}
 // CONCATENATED MODULE: ./src/components/miniMapManager.js
 
 
@@ -40579,8 +41004,8 @@ function getElementPool(shape) {
 function isPool(shape) {
   return shape.component.node.type === pool_config_id;
 }
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/toolbar/ToolBar.vue?vue&type=template&id=6e6292d7&
-var ToolBarvue_type_template_id_6e6292d7_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/toolbar/ToolBar.vue?vue&type=template&id=546bd201&
+var ToolBarvue_type_template_id_546bd201_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-row', {
@@ -40808,7 +41233,7 @@ var ToolBarvue_type_template_id_6e6292d7_render = function render() {
       "spin": _vm.isLoading
     }
   })], 1)]), _c('a', {
-    staticClass: "btn btn-sm btn-primary autosave-btn text-uppercase mx-2",
+    staticClass: "btn btn-sm btn-primary btn-autosave text-uppercase mx-2",
     attrs: {
       "data-test": "publish-btn",
       "title": _vm.$t('Publish')
@@ -40819,7 +41244,7 @@ var ToolBarvue_type_template_id_6e6292d7_render = function render() {
       }
     }
   }, [_vm._v(" " + _vm._s(_vm.$t('Publish')) + " ")]), _c('a', {
-    staticClass: "btn btn-sm btn-link toolbar-item autosave-btn text-black text-uppercase",
+    staticClass: "btn btn-sm btn-link toolbar-item btn-autosave text-black text-uppercase",
     attrs: {
       "data-test": "close-btn",
       "title": _vm.$t('Close')
@@ -40863,11 +41288,11 @@ var ToolBarvue_type_template_id_6e6292d7_render = function render() {
     }
   })], 1)], 2)], 1)], 1)]);
 };
-var ToolBarvue_type_template_id_6e6292d7_staticRenderFns = [];
+var ToolBarvue_type_template_id_546bd201_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/toolbar/ToolBar.vue?vue&type=template&id=6e6292d7&
+// CONCATENATED MODULE: ./src/components/toolbar/ToolBar.vue?vue&type=template&id=546bd201&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/toolbar/breadcrumb/Breadcrumb.vue?vue&type=template&id=d1e148b4&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/toolbar/breadcrumb/Breadcrumb.vue?vue&type=template&id=d1e148b4&scoped=true&
 var Breadcrumbvue_type_template_id_d1e148b4_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -40942,7 +41367,7 @@ var Breadcrumb_component = normalizeComponent(
 )
 
 /* harmony default export */ var Breadcrumb = (Breadcrumb_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/toolbar/alignButtons/AlignButtons.vue?vue&type=template&id=2ea4dea5&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/toolbar/alignButtons/AlignButtons.vue?vue&type=template&id=2ea4dea5&
 var AlignButtonsvue_type_template_id_2ea4dea5_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -41594,6 +42019,8 @@ var AlignButtons_component = normalizeComponent(
 
 
 
+
+
 /* harmony default export */ var ToolBarvue_type_script_lang_js_ = ({
   name: 'tool-bar',
   components: {
@@ -41635,9 +42062,6 @@ var AlignButtons_component = normalizeComponent(
     canRedo: function canRedo() {
       return undoRedoStore.getters.canRedo;
     },
-    saved: function saved() {
-      return undoRedoStore.getters.saved;
-    },
     versionStatus: function versionStatus() {
       var status = undoRedoStore.getters.isDraft ? 'Draft' : 'Published';
       return this.$t(status);
@@ -41677,6 +42101,10 @@ var AlignButtons_component = normalizeComponent(
         value: 'discard-draft',
         content: this.$t('Discard Draft'),
         icon: ''
+      }, {
+        value: 'save-template',
+        content: this.$t('Save as Template'),
+        icon: ''
       }]
     };
   },
@@ -41689,8 +42117,6 @@ var AlignButtons_component = normalizeComponent(
       }
       undoRedoStore.dispatch('undo').then(function () {
         return _this.$emit('load-xml');
-      }).then(function () {
-        return window.ProcessMaker.EventBus.$emit('modeler-change');
       });
     },
     redo: function redo() {
@@ -41701,8 +42127,6 @@ var AlignButtons_component = normalizeComponent(
       }
       undoRedoStore.dispatch('redo').then(function () {
         return _this2.$emit('load-xml');
-      }).then(function () {
-        return window.ProcessMaker.EventBus.$emit('modeler-change');
       });
     },
     onNavigate: function onNavigate(action) {
@@ -41710,6 +42134,9 @@ var AlignButtons_component = normalizeComponent(
         case 'discard-draft':
           window.ProcessMaker.EventBus.$emit('open-versions-discard-modal');
           break;
+        case 'save-template':
+          this.$emit('publishTemplate');
+          break;
         default:
           break;
       }
@@ -41726,6 +42153,14 @@ var AlignButtons_component = normalizeComponent(
         inspectorDiv.style.zIndex = '2';
       }
     }
+  },
+  mounted: function mounted() {
+    if (this.$root.$children[0].process.is_template) {
+      var indexOfActions = this.ellipsisMenuActions.findIndex(function (object) {
+        return object.value === 'save-template';
+      });
+      this.ellipsisMenuActions.splice(indexOfActions, 1);
+    }
   }
 });
 // CONCATENATED MODULE: ./src/components/toolbar/ToolBar.vue?vue&type=script&lang=js&
@@ -41744,8 +42179,8 @@ var toolbarvue_type_style_index_0_prod_lang_scss_ = __webpack_require__("02e5");
 
 var ToolBar_component = normalizeComponent(
   toolbar_ToolBarvue_type_script_lang_js_,
-  ToolBarvue_type_template_id_6e6292d7_render,
-  ToolBarvue_type_template_id_6e6292d7_staticRenderFns,
+  ToolBarvue_type_template_id_546bd201_render,
+  ToolBarvue_type_template_id_546bd201_staticRenderFns,
   false,
   null,
   null,
@@ -41775,9 +42210,6 @@ function addNodeToProcess(node, targetProcess) {
   }
   targetProcess.get(target).push(node.definition);
 }
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
-var es_regexp_to_string = __webpack_require__("25f0");
-
 // CONCATENATED MODULE: ./src/components/hotkeys/zoomInOut.js
 /* harmony default export */ var zoomInOut = ({
   methods: {
@@ -41805,12 +42237,15 @@ var es_regexp_to_string = __webpack_require__("25f0");
 /* harmony default export */ var copyPaste = ({
   methods: {
     copyPasteHandler: function copyPasteHandler(event, options) {
-      var isCopy = event.key === 'c';
-      var isPaste = event.key === 'v';
-      if (isCopy && options.mod) {
+      var node = event.target.nodeName.toLowerCase();
+      var isBody = node === 'body';
+      var key = event.key.toLowerCase();
+      var isCopy = key === 'c';
+      var isPaste = key === 'v';
+      if (isBody && isCopy && options.mod) {
         this.copy(event);
       }
-      if (isPaste && options.mod) {
+      if (isBody && isPaste && options.mod) {
         this.paste(event);
       }
     },
@@ -41907,6 +42342,11 @@ function expandPoolToContainElement(shape) {
 
 /* harmony default export */ var main = ({
   mixins: [zoomInOut, copyPaste],
+  computed: {
+    clientLeftPaper: function clientLeftPaper() {
+      return store.getters.clientLeftPaper;
+    }
+  },
   mounted: function mounted() {
     document.addEventListener('keydown', this.keydownListener);
     document.addEventListener('keyup', this.keyupListener);
@@ -41953,7 +42393,7 @@ function expandPoolToContainElement(shape) {
               y: y * scale.sy
             };
           }
-          if (_this.canvasDragPosition) {
+          if (_this.canvasDragPosition && !_this.clientLeftPaper) {
             _this.paperManager.translate(event.offsetX - _this.canvasDragPosition.x, event.offsetY - _this.canvasDragPosition.y);
           }
         });
@@ -42417,8 +42857,182 @@ var validTasks = ['bpmn:ServiceTask', 'bpmn:ManualTask', 'bpmn:CallActivity', 'b
     return inspectorData;
   };
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/genericFlow/genericFlow.vue?vue&type=template&id=b441470a&
-var genericFlowvue_type_template_id_b441470a_render = function render() {
+// CONCATENATED MODULE: ./src/mixins/cloneSelection.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var mixins_cloneSelection = ({
+  methods: {
+    cloneNodesSelection: function cloneNodesSelection() {
+      var _this = this;
+      var clonedNodes = [],
+        clonedFlows = [],
+        clonedBoundaryEvents = [],
+        clonedDataInputAssociations = [],
+        clonedDataOutputAssociations = [];
+      var nodes = this.highlightedNodes;
+      var selector = this.$refs.selector.$el;
+      var flowNodeTypes = [sequenceFlow_id, poolLane_config_id, association_id, messageFlow_config_id, genericFlow_config_id];
+      var dataInputAssociationNodeTypes = [dataInputAssociation_config_id];
+      var dataOutputAssociationNodeTypes = [config_id];
+      if (typeof selector.getBoundingClientRect === 'function') {
+        nodes.forEach(function (node) {
+          if (flowNodeTypes.includes(node.type)) {
+            var clonedFlow = _this.cloneFlowAndSetNewId(node);
+            clonedFlows.push(clonedFlow);
+            clonedNodes.push(clonedFlow);
+          } else if (dataInputAssociationNodeTypes.includes(node.type)) {
+            var _clonedFlow = _this.cloneFlowAndSetNewId(node);
+            clonedDataInputAssociations.push(_clonedFlow);
+            clonedNodes.push(_clonedFlow);
+          } else if (dataOutputAssociationNodeTypes.includes(node.type)) {
+            var _clonedFlow2 = _this.cloneFlowAndSetNewId(node);
+            clonedDataOutputAssociations.push(_clonedFlow2);
+            clonedNodes.push(_clonedFlow2);
+          } else {
+            // Validate boundary events and collect in clonedBoundaryEvents array
+            var clonedElement = _this.cloneElementAndCalculateOffset(node);
+            if (node.definition && node.definition.$type !== 'bpmn:BoundaryEvent') {
+              clonedNodes.push(clonedElement);
+            } else {
+              clonedBoundaryEvents.push(clonedElement);
+            }
+          }
+        });
+      }
+      // Sets the clonedBoundaryEvents at the end of the array
+      clonedNodes = [].concat(_toConsumableArray(clonedNodes), clonedBoundaryEvents);
+      this.connectClonedFlows(clonedFlows, clonedNodes);
+      this.connectClonedDataInputAssociations(clonedDataInputAssociations, clonedNodes);
+      this.connectClonedDataOutputAssociations(clonedDataOutputAssociations, clonedNodes);
+      return clonedNodes;
+    },
+    // Returns the Flow Element (Task| DataStore| DataObject)  that is the target of the association
+    getDataInputOutputAssociationTargetRef: function getDataInputOutputAssociationTargetRef(association) {
+      if (association.targetRef.$type === 'bpmn:DataInput') {
+        var ioSpec = association.targetRef.$parent;
+        return findIOSpecificationOwner(ioSpec, this);
+      }
+      if (association.targetRef.$type === 'bpmn:DataInputAssociation') {
+        var _ioSpec = association.targetRef.$parent;
+        return findIOSpecificationOwner(_ioSpec, this);
+      }
+      return association.targetRef;
+    },
+    cloneFlowAndSetNewId: function cloneFlowAndSetNewId(node) {
+      var clonedFlow = node.cloneFlow(this.nodeRegistry, this.moddle, this.$t);
+      clonedFlow.setIds(this.nodeIdGenerator);
+      return clonedFlow;
+    },
+    cloneElementAndCalculateOffset: function cloneElementAndCalculateOffset(node) {
+      var clonedElement = node.clone(this.nodeRegistry, this.moddle, this.$t);
+      var _this$$refs$selector$ = this.$refs.selector.$el.getBoundingClientRect(),
+        selectorHeight = _this$$refs$selector$.height;
+      var _this$paper$scale = this.paper.scale(),
+        sy = _this$paper$scale.sy;
+      var yOffset = selectorHeight / sy;
+      clonedElement.diagram.bounds.y += yOffset;
+      clonedElement.setIds(this.nodeIdGenerator);
+      return clonedElement;
+    },
+    connectClonedFlows: function connectClonedFlows(clonedFlows, clonedNodes) {
+      var _this2 = this;
+      clonedFlows.forEach(function (clonedFlow) {
+        var originalFlow = _this2.nodes.find(function (node) {
+          return node.definition.id === clonedFlow.cloneOf;
+        });
+        var src = originalFlow.definition.sourceRef;
+        var target = originalFlow.definition.targetRef;
+        var srcClone = clonedNodes.find(function (node) {
+          return node.cloneOf === src.id;
+        });
+        var targetClone = clonedNodes.find(function (node) {
+          return node.cloneOf === target.id;
+        });
+        if (!srcClone || !targetClone) {
+          clonedNodes.splice(clonedNodes.indexOf(clonedFlow), 1);
+          return;
+        }
+        clonedFlow.definition.set('sourceRef', srcClone.definition);
+        clonedFlow.definition.set('targetRef', targetClone.definition);
+        if (srcClone.definition.outgoing) {
+          srcClone.definition.outgoing.push(clonedFlow.definition);
+        } else {
+          srcClone.definition.set('outgoing', [clonedFlow.definition]);
+        }
+        if (targetClone.definition.incoming) {
+          targetClone.definition.incoming.push(clonedFlow.definition);
+        } else {
+          targetClone.definition.set('incoming', [clonedFlow.definition]);
+        }
+        var _this2$$refs$selector = _this2.$refs.selector.$el.getBoundingClientRect(),
+          selectorHeight = _this2$$refs$selector.height;
+        var _this2$paper$scale = _this2.paper.scale(),
+          sy = _this2$paper$scale.sy;
+        var yOffset = selectorHeight / sy;
+        clonedFlow.diagram.waypoint.forEach(function (point) {
+          point.y += yOffset;
+        });
+      });
+    },
+    connectClonedDataInputAssociations: function connectClonedDataInputAssociations(clonedDataInputAssociations, clonedNodes) {
+      var _this3 = this;
+      clonedDataInputAssociations.forEach(function (clonedAssociation) {
+        var originalAssociation = _this3.nodes.find(function (node) {
+          return node.definition.id === clonedAssociation.cloneOf;
+        });
+        var src = originalAssociation.definition.sourceRef[0];
+        var srcClone = clonedNodes.find(function (node) {
+          return node.cloneOf === src.id;
+        });
+        var originalTargetElement = _this3.getDataInputOutputAssociationTargetRef(originalAssociation.definition);
+        var clonedElement = clonedNodes.find(function (node) {
+          return node.cloneOf === originalTargetElement.id;
+        });
+        var clonedDataInput = getOrFindDataInput(_this3.moddle, clonedElement, srcClone.definition);
+        clonedAssociation.definition.set('sourceRef', [srcClone.definition]);
+        clonedAssociation.definition.set('targetRef', clonedDataInput);
+        clonedElement.definition.set('dataInputAssociations', [clonedAssociation.definition]);
+      });
+    },
+    connectClonedDataOutputAssociations: function connectClonedDataOutputAssociations(clonedDataOutputAssociations, clonedNodes) {
+      var _this4 = this;
+      clonedDataOutputAssociations.forEach(function (clonedAssociation) {
+        var originalAssociation = _this4.nodes.find(function (node) {
+          return node.definition.id === clonedAssociation.cloneOf;
+        });
+        var src = originalAssociation.definition.sourceRef || originalAssociation.definition.$parent;
+        var target = originalAssociation.definition.targetRef;
+        var srcClone = clonedNodes.find(function (node) {
+          return node.cloneOf === src.id;
+        });
+        var targetClone = clonedNodes.find(function (node) {
+          return node.cloneOf === target.id;
+        });
+        clonedAssociation.definition.set('targetRef', targetClone.definition);
+        clonedAssociation.definition.set('sourceRef', srcClone.definition);
+        var existingOutputAssociations = srcClone.definition.get('dataOutputAssociations') || [];
+        srcClone.definition.set('dataOutputAssociations', [].concat(_toConsumableArray(existingOutputAssociations), [clonedAssociation.definition]));
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/genericFlow/genericFlow.vue?vue&type=template&id=24cdd484&
+var genericFlowvue_type_template_id_24cdd484_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('crown-config', _vm._g({
@@ -42437,9 +43051,9 @@ var genericFlowvue_type_template_id_b441470a_render = function render() {
     }
   }, _vm.$listeners));
 };
-var genericFlowvue_type_template_id_b441470a_staticRenderFns = [];
+var genericFlowvue_type_template_id_24cdd484_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/nodes/genericFlow/genericFlow.vue?vue&type=template&id=b441470a&
+// CONCATENATED MODULE: ./src/components/nodes/genericFlow/genericFlow.vue?vue&type=template&id=24cdd484&
 
 // CONCATENATED MODULE: ./src/components/nodes/genericFlow/DataOutputAssociation.js
 
@@ -42453,6 +43067,7 @@ var genericFlowvue_type_template_id_b441470a_staticRenderFns = [];
 
 
 
+
 var DataOutputAssociation_DataOutputAssociation = /*#__PURE__*/function (_DataAssociation) {
   _inherits(DataOutputAssociation, _DataAssociation);
   var _super = _createSuper(DataOutputAssociation);
@@ -42496,7 +43111,26 @@ var DataOutputAssociation_DataOutputAssociation = /*#__PURE__*/function (_DataAs
       if (!targetNode) {
         return false;
       }
-      return DataAssociation_DataAssociation.isADataNode(targetNode) && DataOutputAssociation.isValidSourceNode(sourceNode);
+      var dataStoreValidSources = ['bpmn:Task', 'bpmn:SubProcess', 'bpmn:CallActivity', 'bpmn:ManualTask', 'bpmn:ScriptTask', 'bpmn:ServiceTask'];
+      var dataStoreValidTargets = ['bpmn:Task', 'bpmn:SubProcess', 'bpmn:CallActivity', 'bpmn:ManualTask', 'bpmn:ScriptTask', 'bpmn:ServiceTask'];
+      var dataObjectValidSources = ['bpmn:Task', 'bpmn:SubProcess', 'bpmn:CallActivity', 'bpmn:ManualTask', 'bpmn:ScriptTask', 'bpmn:ServiceTask', 'bpmn:IntermediateCatchEvent', 'bpmn:StartEvent'];
+      var dataObjectValidTargets = ['bpmn:Task', 'bpmn:SubProcess', 'bpmn:CallActivity', 'bpmn:ManualTask', 'bpmn:ScriptTask', 'bpmn:ServiceTask', 'bpmn:IntermediateThrowEvent', 'bpmn:EndEvent'];
+      var sourceType = sourceNode.definition.$type;
+      var targetType = targetNode.definition.$type;
+      var sourceIsDataStore = sourceNode.definition.$type === 'bpmn:DataStoreReference';
+      var sourceIsDataObject = sourceNode.definition.$type === 'bpmn:DataObjectReference';
+      var targetIsDataStore = targetNode.definition.$type === 'bpmn:DataStoreReference';
+      var targetIsDataObject = targetNode.definition.$type === 'bpmn:DataObjectReference';
+      if (sourceIsDataStore && dataStoreValidTargets.includes(targetType)) {
+        return true;
+      }
+      if (sourceIsDataObject && dataObjectValidTargets.includes(targetType)) {
+        return true;
+      }
+      if (targetIsDataStore && dataStoreValidSources.includes(sourceType)) {
+        return true;
+      }
+      return targetIsDataObject && dataObjectValidSources.includes(sourceType);
     }
   }, {
     key: "isValidSourceNode",
@@ -42565,24 +43199,7 @@ var BpmnFlows = [DataOutputAssociation_DataOutputAssociation, SequenceFlow_Seque
       }
     }
   },
-  watch: {
-    'node.definition': {
-      handler: function handler() {
-        var newNameLabel = this.shapeName;
-        if (newNameLabel !== this.nameLabel) {
-          this.nameLabel = newNameLabel;
-        }
-        this.setDefaultMarker(this.isDefaultFlow());
-      },
-      deep: true
-    },
-    'node.definition.sourceRef': {
-      handler: function handler() {
-        this.setDefaultMarker(this.isDefaultFlow());
-      },
-      deep: true
-    }
-  },
+  watch: {},
   methods: {
     completeLink: function completeLink() {
       var _this2 = this;
@@ -42634,8 +43251,8 @@ var BpmnFlows = [DataOutputAssociation_DataOutputAssociation, SequenceFlow_Seque
 
 var genericFlow_component = normalizeComponent(
   genericFlow_genericFlowvue_type_script_lang_js_,
-  genericFlowvue_type_template_id_b441470a_render,
-  genericFlowvue_type_template_id_b441470a_staticRenderFns,
+  genericFlowvue_type_template_id_24cdd484_render,
+  genericFlowvue_type_template_id_24cdd484_staticRenderFns,
   false,
   null,
   null,
@@ -42644,8 +43261,8 @@ var genericFlow_component = normalizeComponent(
 )
 
 /* harmony default export */ var genericFlow_genericFlow = (genericFlow_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/modeler/Selection.vue?vue&type=template&id=0078a4ae&scoped=true&
-var Selectionvue_type_template_id_0078a4ae_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/modeler/Selection.vue?vue&type=template&id=424d1420&scoped=true&
+var Selectionvue_type_template_id_424d1420_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.showLasso && _vm.style ? _c('div', {
@@ -42665,16 +43282,17 @@ var Selectionvue_type_template_id_0078a4ae_scoped_true_render = function render(
       "process-node": _vm.$parent.processNode,
       "plane-elements": _vm.$parent.planeElements,
       "is-rendering": _vm.$parent.isRendering,
-      "dropdown-data": []
+      "dropdown-data": [],
+      "has-pools": _vm.hasPoolsOrLanesSelected
     }
   }, _vm.$listeners))], 1) : _vm._e();
 };
-var Selectionvue_type_template_id_0078a4ae_scoped_true_staticRenderFns = [];
+var Selectionvue_type_template_id_424d1420_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=template&id=0078a4ae&scoped=true&
+// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=template&id=424d1420&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownMultiselect/crownMultiselect.vue?vue&type=template&id=0c300116&scoped=true&
-var crownMultiselectvue_type_template_id_0c300116_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownMultiselect/crownMultiselect.vue?vue&type=template&id=66e25cd8&scoped=true&
+var crownMultiselectvue_type_template_id_66e25cd8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.isMultiSelect ? _c('div', {
@@ -42683,7 +43301,7 @@ var crownMultiselectvue_type_template_id_0c300116_scoped_true_render = function
     attrs: {
       "role": "menu"
     }
-  }, [_vm._t("default"), _vm._l(_vm.buttons, function (button) {
+  }, [_vm._t("default"), _vm._l(_vm.availableButtons, function (button) {
     return _c('button', {
       key: button.label,
       staticClass: "btn",
@@ -42709,9 +43327,9 @@ var crownMultiselectvue_type_template_id_0c300116_scoped_true_render = function
     })]);
   })], 2) : _vm._e();
 };
-var crownMultiselectvue_type_template_id_0c300116_scoped_true_staticRenderFns = [];
+var crownMultiselectvue_type_template_id_66e25cd8_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/crown/crownMultiselect/crownMultiselect.vue?vue&type=template&id=0c300116&scoped=true&
+// CONCATENATED MODULE: ./src/components/crown/crownMultiselect/crownMultiselect.vue?vue&type=template&id=66e25cd8&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/crown/crownMultiselect/crownMultiselect.vue?vue&type=script&lang=js&
 
@@ -42720,9 +43338,11 @@ var crownMultiselectvue_type_template_id_0c300116_scoped_true_staticRenderFns =
 
 
 
+
 /* harmony default export */ var crownMultiselectvue_type_script_lang_js_ = ({
   props: {
-    paper: Object
+    paper: Object,
+    hasPools: Boolean
   },
   data: function data() {
     return {
@@ -42734,17 +43354,17 @@ var crownMultiselectvue_type_template_id_0c300116_scoped_true_staticRenderFns =
       showReplaceModal: false,
       nodeToReplace: null,
       buttons: [{
-        label: 'Copy Seletion',
+        label: 'Copy Selection',
         icon: 'clipboard',
         testId: 'copy-button',
         role: 'menuitem',
         action: this.copySelection
       }, {
-        label: 'Duplicate Selection',
+        label: 'Clone Selection',
         icon: 'copy',
-        testId: 'duplicate-button',
+        testId: 'clone-button',
         role: 'menuitem',
-        action: this.duplicateSelection
+        action: this.cloneSelection
       }, {
         label: 'Delete Element',
         icon: 'trash-alt',
@@ -42766,14 +43386,26 @@ var crownMultiselectvue_type_template_id_0c300116_scoped_true_staticRenderFns =
     },
     highlightedShapes: function highlightedShapes() {
       return store.getters.highlightedShapes;
+    },
+    availableButtons: function availableButtons() {
+      var hasPoolsSelected = this.hasPools;
+      return this.buttons.filter(function (button) {
+        if (button.testId === 'copy-button') {
+          return !hasPoolsSelected;
+        }
+        if (button.testId === 'clone-button') {
+          return !hasPoolsSelected;
+        }
+        return true;
+      });
     }
   },
   methods: {
     copySelection: function copySelection() {
       this.$emit('copy-selection');
     },
-    duplicateSelection: function duplicateSelection() {
-      this.$emit('duplicate-selection');
+    cloneSelection: function cloneSelection() {
+      this.$emit('clone-selection');
     },
     deleteElement: function deleteElement() {
       this.$emit('remove-nodes');
@@ -42826,8 +43458,8 @@ var crownMultiselectvue_type_template_id_0c300116_scoped_true_staticRenderFns =
 });
 // CONCATENATED MODULE: ./src/components/crown/crownMultiselect/crownMultiselect.vue?vue&type=script&lang=js&
  /* harmony default export */ var crownMultiselect_crownMultiselectvue_type_script_lang_js_ = (crownMultiselectvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/crown/crownMultiselect/crownMultiselect.vue?vue&type=style&index=0&id=0c300116&prod&scoped=true&lang=css&
-var crownMultiselectvue_type_style_index_0_id_0c300116_prod_scoped_true_lang_css_ = __webpack_require__("a7c0");
+// EXTERNAL MODULE: ./src/components/crown/crownMultiselect/crownMultiselect.vue?vue&type=style&index=0&id=66e25cd8&prod&scoped=true&lang=css&
+var crownMultiselectvue_type_style_index_0_id_66e25cd8_prod_scoped_true_lang_css_ = __webpack_require__("e396");
 
 // CONCATENATED MODULE: ./src/components/crown/crownMultiselect/crownMultiselect.vue
 
@@ -42840,11 +43472,11 @@ var crownMultiselectvue_type_style_index_0_id_0c300116_prod_scoped_true_lang_css
 
 var crownMultiselect_component = normalizeComponent(
   crownMultiselect_crownMultiselectvue_type_script_lang_js_,
-  crownMultiselectvue_type_template_id_0c300116_scoped_true_render,
-  crownMultiselectvue_type_template_id_0c300116_scoped_true_staticRenderFns,
+  crownMultiselectvue_type_template_id_66e25cd8_scoped_true_render,
+  crownMultiselectvue_type_template_id_66e25cd8_scoped_true_staticRenderFns,
   false,
   null,
-  "0c300116",
+  "66e25cd8",
   null
   
 )
@@ -42869,7 +43501,11 @@ var crownMultiselect_component = normalizeComponent(
 
 
 
-var boundaryElements = ['processmaker-modeler-boundary-timer-event', 'processmaker-modeler-boundary-error-event', 'processmaker-modeler-boundary-signal-event', 'processmaker-modeler-boundary-conditional-event', 'processmaker-modeler-boundary-message-event'];
+
+
+
+
+
 /* harmony default export */ var Selectionvue_type_script_lang_js_ = ({
   name: 'Selection',
   components: {
@@ -42913,6 +43549,13 @@ var boundaryElements = ['processmaker-modeler-boundary-timer-event', 'processmak
     this.paperManager.paper.on('scale:changed ', this.updateSelectionBox);
     this.paperManager.paper.on('translate:changed ', this.translateChanged);
   },
+  computed: {
+    hasPoolsOrLanesSelected: function hasPoolsOrLanesSelected() {
+      return this.selected.some(function (view) {
+        return view.model.component.node.type === pool_config_id || view.model.component.node.type === poolLane_config_id;
+      });
+    }
+  },
   watch: {
     // whenever selected changes
     selected: function selected(newSelected) {
@@ -43199,6 +43842,7 @@ var boundaryElements = ['processmaker-modeler-boundary-timer-event', 'processmak
      */
     updateSelectionBox: function updateSelectionBox() {
       var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var clearIfEmpty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       if (force || this.isSelecting && this.style) {
         if (this.selected.length > 0) {
           var box = this.getSelectionVertex(this.selected, false, true);
@@ -43210,7 +43854,7 @@ var boundaryElements = ['processmaker-modeler-boundary-timer-event', 'processmak
           // Set the dimensions of the element
           this.style.width = "".concat(box.maxX - box.minX, "px");
           this.style.height = "".concat(box.maxY - box.minY, "px");
-        } else {
+        } else if (clearIfEmpty) {
           this.clearSelection();
         }
       }
@@ -43219,6 +43863,7 @@ var boundaryElements = ['processmaker-modeler-boundary-timer-event', 'processmak
      * Filter the selected elements
      */
     filterSelected: function filterSelected() {
+      var flowTypes = [sequenceFlow_id, config_id, dataInputAssociation_config_id, association_id, messageFlow_config_id];
       // Get the selected pools IDs
       var selectedPoolsIds = this.selected.filter(function (shape) {
         return shape.model.component;
@@ -43232,23 +43877,15 @@ var boundaryElements = ['processmaker-modeler-boundary-timer-event', 'processmak
         if (shape.model.component && shape.model.component.node.pool) {
           return shape.model.component.node.pool && !selectedPoolsIds.includes(shape.model.component.node.pool.component.node.id);
         }
+        // remove from selection the selected flows that belongs to a selected pools
+        if (shape.model.component && flowTypes.includes(shape.model.component.node.type)) {
+          var parent = shape.model.getParentCell();
+          if (parent.component && parent.component.node.pool) {
+            return !selectedPoolsIds.includes(parent.component.node.pool.component.node.id);
+          }
+        }
         return true;
       });
-      // A boundary event could only be selected alone
-      var firstSelectedBoundary = this.selected.find(function (shape) {
-        return shape.model.component && boundaryElements.includes(shape.model.component.node.type);
-      });
-      var firstSelectedElement = this.selected[0];
-      if (firstSelectedBoundary) {
-        this.selected = this.selected.filter(function (shape) {
-          if (firstSelectedElement === firstSelectedBoundary) {
-            // boundary event selected alone
-            return shape.model.component && shape === firstSelectedBoundary;
-          }
-          // do not allow to select a boundary event with another element
-          return shape.model.component && !boundaryElements.includes(shape.model.component.node.type);
-        });
-      }
     },
     /**
      * Pan paper handler
@@ -43352,6 +43989,9 @@ var boundaryElements = ['processmaker-modeler-boundary-timer-event', 'processmak
       this.$emit('save-state');
       this.dragging = false;
       this.stopForceMove = false;
+      // Readjusts the selection box, taking into consideration elements
+      // that are anchored and did not move, such as boundary events. 
+      this.updateSelectionBox();
     },
     /**
      * Translate the Selected shapes adding some custom validations
@@ -43515,20 +44155,41 @@ var boundaryElements = ['processmaker-modeler-boundary-timer-event', 'processmak
      * Rollback drag an element outside it's pool parent
      */
     rollbackSelection: function rollbackSelection() {
-      var deltaX = this.initialPosition.left - this.left;
-      var deltaY = this.initialPosition.top - this.top;
-      this.style.left = "".concat(this.initialPosition.left, "px");
-      this.style.top = "".concat(this.initialPosition.top, "px");
-      var scale = this.paperManager.paper.scale();
-      var shapesToNotTranslate = ['PoolLane', 'standard.Link'];
-      this.selected.filter(function (shape) {
-        return !shapesToNotTranslate.includes(shape.model.get('type'));
-      }).forEach(function (shape) {
-        shape.model.translate(deltaX / scale.sx, deltaY / scale.sy);
-      });
-      this.isOutOfThePool = false;
-      store.commit('allowSavingElementPosition');
-      this.paperManager.setStateValid();
+      var _this4 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var deltaX, deltaY, scale, shapesToNotTranslate;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              deltaX = _this4.initialPosition.left - _this4.left;
+              deltaY = _this4.initialPosition.top - _this4.top;
+              _this4.style.left = "".concat(_this4.initialPosition.left, "px");
+              _this4.style.top = "".concat(_this4.initialPosition.top, "px");
+              scale = _this4.paperManager.paper.scale();
+              shapesToNotTranslate = ['PoolLane', 'standard.Link', 'processmaker.components.nodes.boundaryEvent.Shape'];
+              _this4.selected.filter(function (shape) {
+                return !shapesToNotTranslate.includes(shape.model.get('type'));
+              }).forEach(function (shape) {
+                shape.model.translate(deltaX / scale.sx, deltaY / scale.sy);
+              });
+              _this4.isOutOfThePool = false;
+              _context3.next = 10;
+              return store.commit('allowSavingElementPosition');
+            case 10:
+              _this4.paperManager.setStateValid();
+              _context3.next = 13;
+              return _this4.$nextTick();
+            case 13:
+              _context3.next = 15;
+              return _this4.paperManager.awaitScheduledUpdates();
+            case 15:
+              _this4.updateSelectionBox(true);
+            case 16:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }))();
     },
     /**
      * Expand and fit the pool container
@@ -43602,8 +44263,8 @@ var boundaryElements = ['processmaker-modeler-boundary-timer-event', 'processmak
 });
 // CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=script&lang=js&
  /* harmony default export */ var modeler_Selectionvue_type_script_lang_js_ = (Selectionvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/modeler/Selection.vue?vue&type=style&index=0&id=0078a4ae&prod&scoped=true&lang=css&
-var Selectionvue_type_style_index_0_id_0078a4ae_prod_scoped_true_lang_css_ = __webpack_require__("60b5");
+// EXTERNAL MODULE: ./src/components/modeler/Selection.vue?vue&type=style&index=0&id=424d1420&prod&scoped=true&lang=css&
+var Selectionvue_type_style_index_0_id_424d1420_prod_scoped_true_lang_css_ = __webpack_require__("908e");
 
 // CONCATENATED MODULE: ./src/components/modeler/Selection.vue
 
@@ -43616,11 +44277,11 @@ var Selectionvue_type_style_index_0_id_0078a4ae_prod_scoped_true_lang_css_ = __w
 
 var Selection_component = normalizeComponent(
   modeler_Selectionvue_type_script_lang_js_,
-  Selectionvue_type_template_id_0078a4ae_scoped_true_render,
-  Selectionvue_type_template_id_0078a4ae_scoped_true_staticRenderFns,
+  Selectionvue_type_template_id_424d1420_scoped_true_render,
+  Selectionvue_type_template_id_424d1420_scoped_true_staticRenderFns,
   false,
   null,
-  "0078a4ae",
+  "424d1420",
   null
   
 )
@@ -43684,6 +44345,7 @@ var Selection_component = normalizeComponent(
 
 
 
+
 
 
 /* harmony default export */ var Modelervue_type_script_lang_js_ = ({
@@ -43704,9 +44366,11 @@ var Selection_component = normalizeComponent(
       }
     }
   },
-  mixins: [main],
+  mixins: [main, mixins_cloneSelection],
   data: function data() {
     return {
+      pasteInProgress: false,
+      cloneInProgress: false,
       internalClipboard: [],
       tooltipTarget: null,
       /* Custom parsers for handling certain bpmn node types */
@@ -43823,19 +44487,22 @@ var Selection_component = normalizeComponent(
       return typeof navigator !== 'undefined' && /Mac|iPad|iPhone/.test(navigator.platform);
     },
     shapeResize: function shapeResize() {
-      var _this = this;
+      var _arguments = arguments,
+        _this = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var clearIfEmpty;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
+              clearIfEmpty = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : true;
+              _context.next = 3;
               return _this.$nextTick();
-            case 2:
-              _context.next = 4;
+            case 3:
+              _context.next = 5;
               return _this.paperManager.awaitScheduledUpdates();
-            case 4:
-              _this.$refs.selector.updateSelectionBox(true);
             case 5:
+              _this.$refs.selector.updateSelectionBox(true, clearIfEmpty);
+            case 6:
             case "end":
               return _context.stop();
           }
@@ -43849,7 +44516,7 @@ var Selection_component = normalizeComponent(
       }
       source.set('default', flow);
     },
-    duplicateElement: function duplicateElement(node, copyCount) {
+    cloneElement: function cloneElement(node, copyCount) {
       var clonedNode = node.clone(this.nodeRegistry, this.moddle, this.$t);
       var yOffset = (node.diagram.bounds.height + 30) * copyCount;
       clonedNode.diagram.bounds.y += yOffset;
@@ -43857,9 +44524,9 @@ var Selection_component = normalizeComponent(
     },
     copyElement: function copyElement() {
       // Checking if User selected a single flow and tries to copy it, to deny it.
-      var flows = [sequenceFlow_id, config_id, dataInputAssociation_config_id, genericFlow_config_id];
+      var flows = [sequenceFlow_id, config_id, dataInputAssociation_config_id, genericFlow_config_id, process_id];
       if (this.highlightedNodes.length === 1 && flows.includes(this.highlightedNodes[0].type)) return;
-      store.commit('setCopiedElements', this.cloneSelection());
+      store.commit('setCopiedElements', this.cloneNodesSelection());
       this.$bvToast.toast(this.$t('Object(s) have been copied'), {
         noCloseButton: true,
         variant: 'success',
@@ -43867,138 +44534,127 @@ var Selection_component = normalizeComponent(
         toaster: 'b-toaster-top-center'
       });
     },
+    publishTemplate: function publishTemplate() {
+      this.$emit('publishTemplate');
+    },
     pasteElements: function pasteElements() {
       var _this2 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              if (!_this2.copiedElements) {
-                _context2.next = 5;
+              if (!(_this2.copiedElements.length > 0 && !_this2.pasteInProgress)) {
+                _context2.next = 21;
                 break;
               }
-              _context2.next = 3;
+              _this2.pasteInProgress = true;
+              _context2.prev = 2;
+              _context2.next = 5;
               return _this2.addClonedNodes(_this2.copiedElements);
-            case 3:
-              _this2.$refs.selector.selectElements(_this2.findViewElementsFromNodes(_this2.copiedElements));
-              store.commit('setCopiedElements', _this2.cloneSelection());
             case 5:
+              _context2.next = 7;
+              return _this2.$nextTick();
+            case 7:
+              _context2.next = 9;
+              return _this2.paperManager.awaitScheduledUpdates();
+            case 9:
+              _context2.next = 11;
+              return _this2.$refs.selector.selectElements(_this2.findViewElementsFromNodes(_this2.copiedElements), true);
+            case 11:
+              _context2.next = 13;
+              return _this2.$nextTick();
+            case 13:
+              _context2.next = 15;
+              return store.commit('setCopiedElements', _this2.cloneNodesSelection());
+            case 15:
+              _this2.scrollToSelection();
+            case 16:
+              _context2.prev = 16;
+              _this2.pasteInProgress = false;
+              _context2.next = 20;
+              return _this2.pushToUndoStack();
+            case 20:
+              return _context2.finish(16);
+            case 21:
             case "end":
               return _context2.stop();
           }
-        }, _callee2);
+        }, _callee2, null, [[2,, 16, 21]]);
       }))();
     },
     cloneSelection: function cloneSelection() {
       var _this3 = this;
-      var clonedNodes = [],
-        clonedFlows = [],
-        originalFlows = [];
-      var nodes = this.highlightedNodes;
-      var selector = this.$refs.selector.$el;
-      var _selector$getBounding = selector.getBoundingClientRect(),
-        sheight = _selector$getBounding.height;
-      if (typeof selector.getBoundingClientRect === 'function') {
-        // get selector height
-        nodes.forEach(function (node) {
-          // Add flows described in the definitions property
-          if (node.definition.incoming || node.definition.outgoing) {
-            // Since both incoming and outgoing reference the same flow, any of them is copied
-            var flowsToCopy = _toConsumableArray(node.definition.incoming || node.definition.outgoing);
-            // Check if flow is already in array before pushing
-            flowsToCopy.forEach(function (flow) {
-              if (!originalFlows.some(function (el) {
-                return el.id === flow.id;
-              })) {
-                originalFlows.push(flow);
-              }
-            });
-          }
-
-          // Check node type to clone
-          if ([sequenceFlow_id, poolLane_config_id, association_id, messageFlow_config_id, config_id, dataInputAssociation_config_id, genericFlow_config_id].includes(node.type)) {
-            // Add offset for all waypoints on cloned flow
-            var clonedFlow = node.cloneFlow(_this3.nodeRegistry, _this3.moddle, _this3.$t);
-            clonedFlow.setIds(_this3.nodeIdGenerator);
-            clonedFlows.push(clonedFlow);
-            clonedNodes.push(clonedFlow);
-          } else {
-            // Clone node and calculate offset
-            var clonedNode = node.clone(_this3.nodeRegistry, _this3.moddle, _this3.$t);
-            var yOffset = sheight;
-            clonedNode.diagram.bounds.y += yOffset;
-            // Set cloned node id
-            clonedNode.setIds(_this3.nodeIdGenerator);
-            clonedNodes.push(clonedNode);
-          }
-        });
-      }
-      // Connect flows
-      clonedFlows.forEach(function (flow) {
-        // Look up the original flow
-        var flowClonedFrom = {
-          definition: originalFlows.find(function (el) {
-            return el.id === flow.definition.cloneOf;
-          })
-        };
-        // Get the id's of the sourceRef and targetRef of original flow
-        var src = flowClonedFrom.definition.sourceRef;
-        var target = flowClonedFrom.definition.targetRef;
-        var srcClone = clonedNodes.find(function (node) {
-          return node.definition.cloneOf === src.id;
-        });
-        var targetClone = clonedNodes.find(function (node) {
-          return node.definition.cloneOf === target.id;
-        });
-        // Reference the elements to the flow that connects them
-        flow.definition.sourceRef = srcClone.definition;
-        flow.definition.targetRef = targetClone.definition;
-        // Reference the flow to the elements that are connected by it
-        srcClone.definition.outgoing ? srcClone.definition.outgoing.push(flow.definition) : srcClone.definition.outgoing = [flow.definition];
-        targetClone.definition.incoming ? targetClone.definition.incoming.push(flow.definition) : targetClone.definition.incoming = [flow.definition];
-        // Translate flow waypoints to where they should be
-        flow.diagram.waypoint.forEach(function (point) {
-          point.y += sheight;
-        });
-      });
-      return clonedNodes;
-    },
-    duplicateSelection: function duplicateSelection() {
-      var _this4 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         var clonedNodes;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              clonedNodes = _this4.cloneSelection();
-              _context3.next = 3;
-              return _this4.addClonedNodes(clonedNodes);
+              clonedNodes = _this3.cloneNodesSelection();
+              if (!(clonedNodes && clonedNodes.length === 0)) {
+                _context3.next = 3;
+                break;
+              }
+              return _context3.abrupt("return");
             case 3:
-              _this4.$refs.selector.selectElements(_this4.findViewElementsFromNodes(clonedNodes));
-            case 4:
+              _context3.prev = 3;
+              _this3.cloneInProgress = true;
+              _this3.$refs.selector.clearSelection();
+              _context3.next = 8;
+              return _this3.addClonedNodes(clonedNodes);
+            case 8:
+              _context3.next = 10;
+              return _this3.$nextTick();
+            case 10:
+              _context3.next = 12;
+              return _this3.paperManager.awaitScheduledUpdates();
+            case 12:
+              _context3.next = 14;
+              return _this3.$refs.selector.selectElements(_this3.findViewElementsFromNodes(clonedNodes));
+            case 14:
+              _this3.scrollToSelection();
+            case 15:
+              _context3.prev = 15;
+              _this3.cloneInProgress = false;
+              _context3.next = 19;
+              return _this3.pushToUndoStack();
+            case 19:
+              return _context3.finish(15);
+            case 20:
             case "end":
               return _context3.stop();
           }
-        }, _callee3);
+        }, _callee3, null, [[3,, 15, 20]]);
       }))();
     },
+    scrollToSelection: function scrollToSelection() {
+      var containerRect = this.$refs['paper-container'].getBoundingClientRect();
+      var selector = this.$refs.selector;
+      var selectorRect = selector.$el.getBoundingClientRect();
+      // Scroll to the cloned elements only when they are not visible on the screen.
+      if (selectorRect.right > containerRect.right || selectorRect.bottom > containerRect.bottom || selectorRect.left < containerRect.left || selectorRect.top < containerRect.top) {
+        var currentPosition = this.paper.translate();
+        var newTy = currentPosition.ty - (selectorRect.top - containerRect.top - selectorRect.height);
+        this.paper.translate(currentPosition.tx, newTy);
+        selector.updateSelectionBox(true);
+      }
+    },
     findViewElementsFromNodes: function findViewElementsFromNodes(nodes) {
-      var _this5 = this;
+      var _this4 = this;
       return nodes.map(function (node) {
-        var component = _this5.$refs.nodeComponent.find(function (cmp) {
+        var component = _this4.$refs.nodeComponent.find(function (cmp) {
           return cmp.node === node;
         });
         var shape = component.shape;
-        return _this5.paper.findViewByModel(shape);
+        return _this4.paper.findViewByModel(shape);
       });
     },
     close: function close() {
-      var _this6 = this;
+      var _this5 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _this6.$emit('close');
+              _this5.$emit('close');
             case 1:
             case "end":
               return _context4.stop();
@@ -44007,7 +44663,7 @@ var Selection_component = normalizeComponent(
       }))();
     },
     saveBpmn: function saveBpmn() {
-      var _this7 = this;
+      var _this6 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
         var svg, css, style, xml, svgString;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
@@ -44019,11 +44675,11 @@ var Selection_component = normalizeComponent(
               style.appendChild(document.createTextNode(css));
               svg.appendChild(style);
               _context5.next = 7;
-              return _this7.getXmlFromDiagram();
+              return _this6.getXmlFromDiagram();
             case 7:
               xml = _context5.sent;
               svgString = new XMLSerializer().serializeToString(svg);
-              _this7.$emit('saveBpmn', {
+              _this6.$emit('saveBpmn', {
                 xml: xml,
                 svg: svgString
               });
@@ -44042,16 +44698,16 @@ var Selection_component = normalizeComponent(
       this.$emit('warnings', this.allWarnings);
     },
     validatePlaneElements: function validatePlaneElements() {
-      var _this8 = this;
+      var _this7 = this;
       this.planeElements.filter(function (diagram) {
         return !diagram.bpmnElement;
       }).map(function (diagram) {
         return {
-          title: _this8.$t('Non-existent Element'),
-          text: _this8.$t('bpmdi:BPMNShape ') + diagram.id + _this8.$t(' references a non-existent element and was not parsed')
+          title: _this7.$t('Non-existent Element'),
+          text: _this7.$t('bpmdi:BPMNShape ') + diagram.id + _this7.$t(' references a non-existent element and was not parsed')
         };
       }).forEach(function (warning) {
-        return _this8.addWarning(warning);
+        return _this7.addWarning(warning);
       });
     },
     cleanPlaneElements: function cleanPlaneElements() {
@@ -44078,37 +44734,45 @@ var Selection_component = normalizeComponent(
       }
     },
     pushToUndoStack: function pushToUndoStack() {
-      var _this9 = this;
+      var _this8 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
         var xml;
         return _regeneratorRuntime().wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
-              _context6.prev = 0;
-              _context6.next = 3;
-              return _this9.getXmlFromDiagram();
-            case 3:
+              if (!(_this8.pasteInProgress || _this8.cloneInProgress)) {
+                _context6.next = 2;
+                break;
+              }
+              return _context6.abrupt("return");
+            case 2:
+              _context6.prev = 2;
+              _context6.next = 5;
+              return _this8.getXmlFromDiagram();
+            case 5:
               xml = _context6.sent;
-              undoRedoStore.dispatch('pushState', xml);
+              _context6.next = 8;
+              return undoRedoStore.dispatch('pushState', xml);
+            case 8:
               window.ProcessMaker.EventBus.$emit('modeler-change');
-              _context6.next = 11;
+              _context6.next = 14;
               break;
-            case 8:
-              _context6.prev = 8;
-              _context6.t0 = _context6["catch"](0);
+            case 11:
+              _context6.prev = 11;
+              _context6.t0 = _context6["catch"](2);
               // eslint-disable-next-line no-console
               console.warn(_context6.t0.message);
-            case 11:
+            case 14:
             case "end":
               return _context6.stop();
           }
-        }, _callee6, null, [[0, 8]]);
+        }, _callee6, null, [[2, 11]]);
       }))();
     },
     getXmlFromDiagram: function getXmlFromDiagram() {
-      var _this10 = this;
+      var _this9 = this;
       return new Promise(function (resolve, reject) {
-        _this10.toXML(function (error, xml) {
+        _this9.toXML(function (error, xml) {
           if (error) {
             reject(error);
           } else {
@@ -44118,7 +44782,7 @@ var Selection_component = normalizeComponent(
       });
     },
     validateBpmnDiagram: function validateBpmnDiagram() {
-      var _this11 = this;
+      var _this10 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
         return _regeneratorRuntime().wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
@@ -44131,10 +44795,10 @@ var Selection_component = normalizeComponent(
               return store.dispatch('fetchGlobalProcesses');
             case 3:
               _context7.next = 5;
-              return _this11.linter.lint(_this11.definitions);
+              return _this10.linter.lint(_this10.definitions);
             case 5:
-              _this11.validationErrors = _context7.sent;
-              _this11.$emit('validate', _this11.validationErrors);
+              _this10.validationErrors = _context7.sent;
+              _this10.$emit('validate', _this10.validationErrors);
             case 7:
             case "end":
               return _context7.stop();
@@ -44215,7 +44879,7 @@ var Selection_component = normalizeComponent(
       this.extensions[namespace] = extension;
     },
     registerNode: function registerNode(nodeType, customParser) {
-      var _this12 = this;
+      var _this11 = this;
       var defaultParser = function defaultParser() {
         return nodeType.id;
       };
@@ -44232,22 +44896,22 @@ var Selection_component = normalizeComponent(
       this.nodeTypes.push(nodeType);
       var types = Array.isArray(nodeType.bpmnType) ? nodeType.bpmnType : [nodeType.bpmnType];
       types.forEach(function (bpmnType) {
-        if (!_this12.parsers[bpmnType]) {
-          _this12.parsers[bpmnType] = {
+        if (!_this11.parsers[bpmnType]) {
+          _this11.parsers[bpmnType] = {
             custom: [],
             implementation: [],
             default: []
           };
         }
         if (customParser) {
-          _this12.parsers[bpmnType].custom.push(customParser);
+          _this11.parsers[bpmnType].custom.push(customParser);
           return;
         }
         if (nodeType.implementation) {
-          _this12.parsers[bpmnType].implementation.push(implementationParser);
+          _this11.parsers[bpmnType].implementation.push(implementationParser);
           return;
         }
-        _this12.parsers[bpmnType].default.push(defaultParser);
+        _this11.parsers[bpmnType].default.push(defaultParser);
       });
     },
     addMessageFlows: function addMessageFlows() {
@@ -44256,21 +44920,21 @@ var Selection_component = normalizeComponent(
       }
     },
     loadAssociations: function loadAssociations(flowElements, artifacts) {
-      var _this13 = this;
+      var _this12 = this;
       artifacts.filter(function (definition) {
-        return definition.$type === 'bpmn:Association' && _this13.hasSourceAndTarget(definition);
+        return definition.$type === 'bpmn:Association' && _this12.hasSourceAndTarget(definition);
       }).forEach(function (definition) {
-        return _this13.setNode(definition, flowElements, artifacts);
+        return _this12.setNode(definition, flowElements, artifacts);
       });
     },
     loadDataAssociations: function loadDataAssociations(flowElements) {
-      var _this14 = this;
+      var _this13 = this;
       var tasksThatHaveDataOutputAssociations = flowElements.filter(function (task) {
         return task.get('dataOutputAssociations') && task.get('dataOutputAssociations').length > 0;
       });
       tasksThatHaveDataOutputAssociations.forEach(function (task) {
         task.get('dataOutputAssociations').forEach(function (dataAssociationLink) {
-          _this14.setNode(dataAssociationLink, flowElements);
+          _this13.setNode(dataAssociationLink, flowElements);
         });
       });
       var tasksThatHaveDataInputAssociations = flowElements.filter(function (task) {
@@ -44278,32 +44942,32 @@ var Selection_component = normalizeComponent(
       });
       tasksThatHaveDataInputAssociations.forEach(function (task) {
         task.get('dataInputAssociations').forEach(function (dataAssociationLink) {
-          _this14.setNode(dataAssociationLink, flowElements);
+          _this13.setNode(dataAssociationLink, flowElements);
         });
       });
     },
     loadArtifacts: function loadArtifacts(flowElements, artifacts) {
-      var _this15 = this;
+      var _this14 = this;
       artifacts.filter(function (definition) {
         return definition.$type !== 'bpmn:Association';
       }).forEach(function (definition) {
-        return _this15.setNode(definition, flowElements, artifacts);
+        return _this14.setNode(definition, flowElements, artifacts);
       });
     },
     loadSequenceFlows: function loadSequenceFlows(flowElements, artifacts) {
-      var _this16 = this;
+      var _this15 = this;
       flowElements.filter(function (definition) {
-        return definition.$type === 'bpmn:SequenceFlow' && _this16.hasSourceAndTarget(definition);
+        return definition.$type === 'bpmn:SequenceFlow' && _this15.hasSourceAndTarget(definition);
       }).forEach(function (definition) {
-        return _this16.setNode(definition, flowElements, artifacts);
+        return _this15.setNode(definition, flowElements, artifacts);
       });
     },
     loadFlowElements: function loadFlowElements(flowElements, artifacts) {
-      var _this17 = this;
+      var _this16 = this;
       flowElements.filter(function (definition) {
         return definition.$type !== 'bpmn:SequenceFlow';
       }).forEach(function (definition) {
-        return _this17.setNode(definition, flowElements, artifacts);
+        return _this16.setNode(definition, flowElements, artifacts);
       });
     },
     addLanes: function addLanes(process) {
@@ -44318,17 +44982,17 @@ var Selection_component = normalizeComponent(
       this.collaboration.get('participants').forEach(this.setNode);
     },
     setUpDiagram: function setUpDiagram() {
-      var _this18 = this;
+      var _this17 = this;
       this.processes.forEach(function (process) {
-        _this18.ensureCancelActivityIsAddedToBoundaryEvents(process);
-        _this18.addLanes(process);
+        _this17.ensureCancelActivityIsAddedToBoundaryEvents(process);
+        _this17.addLanes(process);
         var flowElements = process.get('flowElements');
         var artifacts = process.get('artifacts');
-        _this18.loadFlowElements(flowElements, artifacts);
-        _this18.loadSequenceFlows(flowElements, artifacts);
-        _this18.loadArtifacts(flowElements, artifacts);
-        _this18.loadAssociations(flowElements, artifacts);
-        _this18.loadDataAssociations(flowElements);
+        _this17.loadFlowElements(flowElements, artifacts);
+        _this17.loadSequenceFlows(flowElements, artifacts);
+        _this17.loadArtifacts(flowElements, artifacts);
+        _this17.loadAssociations(flowElements, artifacts);
+        _this17.loadDataAssociations(flowElements);
       });
       store.commit('setRootElements', this.definitions.rootElements);
       this.addMessageFlows();
@@ -44353,7 +45017,7 @@ var Selection_component = normalizeComponent(
       return this.plane.get('planeElement');
     },
     parse: function parse() {
-      var _this19 = this;
+      var _this18 = this;
       this.collaboration = this.getCollaboration();
       this.processes = this.getProcesses();
       this.plane = this.getPlane();
@@ -44361,7 +45025,7 @@ var Selection_component = normalizeComponent(
       this.validatePlaneElements();
       this.cleanPlaneElements();
       this.processNode = new node_Node('processmaker-modeler-process', this.processes[0], this.planeElements.find(function (diagram) {
-        return diagram.bpmnElement.id === _this19.processes[0].id;
+        return diagram.bpmnElement.id === _this18.processes[0].id;
       }));
     },
     removeUnsupportedElementAttributes: function removeUnsupportedElementAttributes(definition) {
@@ -44373,19 +45037,19 @@ var Selection_component = normalizeComponent(
       });
     },
     getCustomParser: function getCustomParser(definition) {
-      var _this20 = this;
+      var _this19 = this;
       var parsers = this.parsers[definition.$type];
       if (!parsers) {
         return;
       }
       var customParser = parsers.custom.find(function (parser) {
-        return parser(definition, _this20.moddle);
+        return parser(definition, _this19.moddle);
       });
       var implementationParser = parsers.implementation.find(function (parser) {
-        return parser(definition, _this20.moddle);
+        return parser(definition, _this19.moddle);
       });
       var defaultParser = parsers.default.find(function (parser) {
-        return parser(definition, _this20.moddle);
+        return parser(definition, _this19.moddle);
       });
       return customParser || implementationParser || defaultParser;
     },
@@ -44447,7 +45111,7 @@ var Selection_component = normalizeComponent(
       return hasSource && hasTarget;
     },
     waitForCursorToChange: function waitForCursorToChange() {
-      var _this21 = this;
+      var _this20 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
         var cursorWaitTime;
         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
@@ -44455,7 +45119,7 @@ var Selection_component = normalizeComponent(
             case 0:
               cursorWaitTime = 300;
               _context8.next = 3;
-              return _this21.$nextTick();
+              return _this20.$nextTick();
             case 3:
               return _context8.abrupt("return", new Promise(function (resolve) {
                 return setTimeout(resolve, cursorWaitTime);
@@ -44468,23 +45132,23 @@ var Selection_component = normalizeComponent(
       }))();
     },
     renderPaper: function renderPaper() {
-      var _this22 = this;
+      var _this21 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
         return _regeneratorRuntime().wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _this22.isRendering = true;
+              _this21.isRendering = true;
               _context10.next = 3;
-              return _this22.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+              return _this21.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
                 return _regeneratorRuntime().wrap(function _callee9$(_context9) {
                   while (1) switch (_context9.prev = _context9.next) {
                     case 0:
                       _context9.next = 2;
-                      return _this22.waitForCursorToChange();
+                      return _this21.waitForCursorToChange();
                     case 2:
-                      _this22.parse();
-                      _this22.addPools();
-                      _this22.setUpDiagram();
+                      _this21.parse();
+                      _this21.addPools();
+                      _this21.setUpDiagram();
                     case 5:
                     case "end":
                       return _context9.stop();
@@ -44493,10 +45157,10 @@ var Selection_component = normalizeComponent(
               })));
             case 3:
               _context10.next = 5;
-              return _this22.paperManager.awaitScheduledUpdates();
+              return _this21.paperManager.awaitScheduledUpdates();
             case 5:
-              _this22.isRendering = false;
-              _this22.$emit('parsed');
+              _this21.isRendering = false;
+              _this21.$emit('parsed');
             case 7:
             case "end":
               return _context10.stop();
@@ -44505,23 +45169,33 @@ var Selection_component = normalizeComponent(
       }))();
     },
     loadXML: function loadXML() {
-      var _arguments = arguments,
-        _this23 = this;
+      var _arguments2 = arguments,
+        _this22 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
-        var xml;
+        var xml, emitChangeEvent;
         return _regeneratorRuntime().wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
             case 0:
-              xml = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : _this23.currentXML;
-              _context11.next = 3;
-              return _this23.xmlManager.getDefinitionsFromXml(xml);
-            case 3:
-              _this23.definitions = _context11.sent;
-              _this23.xmlManager.definitions = _this23.definitions;
-              _this23.nodeIdGenerator = new NodeIdGenerator_NodeIdGenerator(_this23.definitions);
+              xml = _arguments2.length > 0 && _arguments2[0] !== undefined ? _arguments2[0] : null;
+              emitChangeEvent = false;
+              if (xml === null) {
+                xml = _this22.currentXML;
+                emitChangeEvent = true;
+              }
+              _context11.next = 5;
+              return _this22.xmlManager.getDefinitionsFromXml(xml);
+            case 5:
+              _this22.definitions = _context11.sent;
+              _this22.xmlManager.definitions = _this22.definitions;
+              _this22.nodeIdGenerator = getNodeIdGenerator(_this22.definitions);
               store.commit('clearNodes');
-              _this23.renderPaper();
-            case 8:
+              _context11.next = 11;
+              return _this22.renderPaper();
+            case 11:
+              if (emitChangeEvent) {
+                window.ProcessMaker.EventBus.$emit('modeler-change');
+              }
+            case 12:
             case "end":
               return _context11.stop();
           }
@@ -44549,13 +45223,13 @@ var Selection_component = normalizeComponent(
       return boundaryEvent;
     },
     ensureCancelActivityIsAddedToBoundaryEvents: function ensureCancelActivityIsAddedToBoundaryEvents(process) {
-      var _this24 = this;
+      var _this23 = this;
       this.getBoundaryEvents(process).forEach(function (definition) {
-        var boundaryEvent = _this24.createBoundaryEvent(definition);
+        var boundaryEvent = _this23.createBoundaryEvent(definition);
         definition.get('outgoing').forEach(function (outgoing) {
           return outgoing.set('sourceRef', boundaryEvent);
         });
-        _this24.replaceDefinition(definition, boundaryEvent, process);
+        _this23.replaceDefinition(definition, boundaryEvent, process);
       });
     },
     replaceDefinition: function replaceDefinition(definition, boundaryEvent, process) {
@@ -44572,36 +45246,36 @@ var Selection_component = normalizeComponent(
       }, cb);
     },
     handleDrop: function handleDrop(_ref5) {
-      var _this25 = this;
+      var _this24 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
-        var clientX, clientY, control, nodeThatWillBeReplaced, definition, diagram, _this25$paperManager$, x, y, newNode, nodeMigrator;
+        var clientX, clientY, control, nodeThatWillBeReplaced, definition, diagram, _this24$paperManager$, x, y, newNode, nodeMigrator;
         return _regeneratorRuntime().wrap(function _callee12$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
             case 0:
               clientX = _ref5.clientX, clientY = _ref5.clientY, control = _ref5.control, nodeThatWillBeReplaced = _ref5.nodeThatWillBeReplaced;
-              _this25.validateDropTarget({
+              _this24.validateDropTarget({
                 clientX: clientX,
                 clientY: clientY,
                 control: control
               });
-              if (_this25.allowDrop) {
+              if (_this24.allowDrop) {
                 _context12.next = 4;
                 break;
               }
               return _context12.abrupt("return");
             case 4:
-              definition = _this25.nodeRegistry[control.type].definition(_this25.moddle, _this25.$t);
-              diagram = _this25.nodeRegistry[control.type].diagram(_this25.moddle);
-              _this25$paperManager$ = _this25.paperManager.clientToGridPoint(clientX, clientY), x = _this25$paperManager$.x, y = _this25$paperManager$.y;
+              definition = _this24.nodeRegistry[control.type].definition(_this24.moddle, _this24.$t);
+              diagram = _this24.nodeRegistry[control.type].diagram(_this24.moddle);
+              _this24$paperManager$ = _this24.paperManager.clientToGridPoint(clientX, clientY), x = _this24$paperManager$.x, y = _this24$paperManager$.y;
               diagram.bounds.x = x;
               diagram.bounds.y = y;
-              newNode = _this25.createNode(control.type, definition, diagram);
+              newNode = _this24.createNode(control.type, definition, diagram);
               if (newNode.isBpmnType('bpmn:BoundaryEvent')) {
-                _this25.setShapeCenterUnderCursor(diagram);
+                _this24.setShapeCenterUnderCursor(diagram);
               }
-              _this25.highlightNode(newNode);
+              _this24.highlightNode(newNode);
               _context12.next = 14;
-              return _this25.addNode(newNode);
+              return _this24.addNode(newNode);
             case 14:
               if (nodeThatWillBeReplaced) {
                 _context12.next = 16;
@@ -44609,7 +45283,7 @@ var Selection_component = normalizeComponent(
               }
               return _context12.abrupt("return");
             case 16:
-              nodeMigrator = new NodeMigrator_NodeMigrator(nodeThatWillBeReplaced, definition, _this25.graph, newNode, _this25.processes, _this25.collaboration);
+              nodeMigrator = new NodeMigrator_NodeMigrator(nodeThatWillBeReplaced, definition, _this24.graph, newNode, _this24.processes, _this24.collaboration);
               nodeMigrator.migrate();
               return _context12.abrupt("return", newNode);
             case 19:
@@ -44624,24 +45298,24 @@ var Selection_component = normalizeComponent(
       diagram.bounds.y -= diagram.bounds.height / 2;
     },
     selectNewNode: function selectNewNode(node) {
-      var _this26 = this;
+      var _this25 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
         var newNodeComponent, view;
         return _regeneratorRuntime().wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
             case 0:
               _context13.next = 2;
-              return _this26.$nextTick();
+              return _this25.$nextTick();
             case 2:
               _context13.next = 4;
-              return _this26.paperManager.awaitScheduledUpdates();
+              return _this25.paperManager.awaitScheduledUpdates();
             case 4:
-              newNodeComponent = _this26.$refs.nodeComponent.find(function (component) {
+              newNodeComponent = _this25.$refs.nodeComponent.find(function (component) {
                 return component.node === node;
               });
               view = newNodeComponent.shapeView;
               _context13.next = 8;
-              return _this26.$refs.selector.selectElement(view);
+              return _this25.$refs.selector.selectElement(view);
             case 8:
             case "end":
               return _context13.stop();
@@ -44650,21 +45324,21 @@ var Selection_component = normalizeComponent(
       }))();
     },
     addNode: function addNode(node) {
-      var _this27 = this;
+      var _this26 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
         var targetProcess;
         return _regeneratorRuntime().wrap(function _callee14$(_context14) {
           while (1) switch (_context14.prev = _context14.next) {
             case 0:
               if (!node.pool) {
-                node.pool = _this27.poolTarget;
+                node.pool = _this26.poolTarget;
               }
-              targetProcess = node.getTargetProcess(_this27.processes, _this27.processNode);
+              targetProcess = node.getTargetProcess(_this26.processes, _this26.processNode);
               addNodeToProcess(node, targetProcess);
-              node.setIds(_this27.nodeIdGenerator);
-              _this27.planeElements.push(node.diagram);
+              node.setIds(_this26.nodeIdGenerator);
+              _this26.planeElements.push(node.diagram);
               store.commit('addNode', node);
-              _this27.poolTarget = null;
+              _this26.poolTarget = null;
 
               // add processmaker-modeler-generic-flow
               if (![sequenceFlow_id, poolLane_config_id, association_id, messageFlow_config_id, config_id, dataInputAssociation_config_id, genericFlow_config_id].includes(node.type)) {
@@ -44674,10 +45348,10 @@ var Selection_component = normalizeComponent(
               return _context14.abrupt("return");
             case 9:
               // Select the node after it has been added to the store (does not apply to flows)
-              _this27.selectNewNode(node);
+              _this26.selectNewNode(node);
               return _context14.abrupt("return", new Promise(function (resolve) {
                 setTimeout(function () {
-                  _this27.pushToUndoStack();
+                  _this26.pushToUndoStack();
                   resolve();
                 });
               }));
@@ -44689,24 +45363,22 @@ var Selection_component = normalizeComponent(
       }))();
     },
     addClonedNodes: function addClonedNodes(nodes) {
-      var _this28 = this;
+      var _this27 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
         return _regeneratorRuntime().wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
             case 0:
               nodes.forEach(function (node) {
                 if (!node.pool) {
-                  node.pool = _this28.poolTarget;
+                  node.pool = _this27.poolTarget;
                 }
-                var targetProcess = node.getTargetProcess(_this28.processes, _this28.processNode);
+                var targetProcess = node.getTargetProcess(_this27.processes, _this27.processNode);
                 addNodeToProcess(node, targetProcess);
-                _this28.planeElements.push(node.diagram);
+                _this27.planeElements.push(node.diagram);
                 store.commit('addNode', node);
-                _this28.poolTarget = null;
+                _this27.poolTarget = null;
               });
-              _context15.next = 3;
-              return _this28.pushToUndoStack();
-            case 3:
+            case 1:
             case "end":
               return _context15.stop();
           }
@@ -44714,32 +45386,39 @@ var Selection_component = normalizeComponent(
       }))();
     },
     removeNode: function removeNode(node) {
-      var _arguments2 = arguments,
-        _this29 = this;
+      var _arguments3 = arguments,
+        _this28 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
         var _ref6, _ref6$removeRelations, removeRelationships;
         return _regeneratorRuntime().wrap(function _callee16$(_context16) {
           while (1) switch (_context16.prev = _context16.next) {
             case 0:
-              _ref6 = _arguments2.length > 1 && _arguments2[1] !== undefined ? _arguments2[1] : {}, _ref6$removeRelations = _ref6.removeRelationships, removeRelationships = _ref6$removeRelations === void 0 ? true : _ref6$removeRelations;
+              _ref6 = _arguments3.length > 1 && _arguments3[1] !== undefined ? _arguments3[1] : {}, _ref6$removeRelations = _ref6.removeRelationships, removeRelationships = _ref6$removeRelations === void 0 ? true : _ref6$removeRelations;
+              if (node) {
+                _context16.next = 3;
+                break;
+              }
+              return _context16.abrupt("return");
+            case 3:
               if (removeRelationships) {
-                removeNodeFlows(node, _this29);
-                removeNodeMessageFlows(node, _this29);
-                removeNodeAssociations(node, _this29);
+                removeNodeFlows(node, _this28);
+                removeNodeMessageFlows(node, _this28);
+                removeNodeAssociations(node, _this28);
               }
               removeOutgoingAndIncomingRefsToFlow(node);
-              removeBoundaryEvents(_this29.graph, node, _this29.removeNode);
+              removeBoundaryEvents(_this28.graph, node, _this28.removeNode);
               removeSourceDefault(node);
-              _this29.removeNodesFromLane(node);
-              _this29.removeNodesFromPool(node);
+              _this28.removeNodesFromLane(node);
+              _this28.removeNodesFromPool(node);
               store.commit('removeNode', node);
-              store.commit('highlightNode', _this29.processNode);
-              _this29.$refs.selector.clearSelection();
-              _context16.next = 12;
-              return _this29.$nextTick();
-            case 12:
-              _this29.pushToUndoStack();
-            case 13:
+              store.commit('highlightNode', _this28.processNode);
+              _this28.$refs.selector.clearSelection();
+              _context16.next = 14;
+              return _this28.$nextTick();
+            case 14:
+              _context16.next = 16;
+              return _this28.pushToUndoStack();
+            case 16:
             case "end":
               return _context16.stop();
           }
@@ -44747,24 +45426,25 @@ var Selection_component = normalizeComponent(
       }))();
     },
     removeNodes: function removeNodes() {
-      var _this30 = this;
+      var _this29 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19() {
         return _regeneratorRuntime().wrap(function _callee19$(_context19) {
           while (1) switch (_context19.prev = _context19.next) {
             case 0:
-              _this30.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
+              _context19.next = 2;
+              return _this29.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
                 return _regeneratorRuntime().wrap(function _callee18$(_context18) {
                   while (1) switch (_context18.prev = _context18.next) {
                     case 0:
                       _context18.next = 2;
-                      return _this30.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
+                      return _this29.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
                         var waitPromises;
                         return _regeneratorRuntime().wrap(function _callee17$(_context17) {
                           while (1) switch (_context17.prev = _context17.next) {
                             case 0:
                               waitPromises = [];
-                              _this30.highlightedNodes.forEach(function (node) {
-                                return waitPromises.push(_this30.removeNode(node, {
+                              _this29.highlightedNodes.forEach(function (node) {
+                                return waitPromises.push(_this29.removeNode(node, {
                                   removeRelationships: true
                                 }));
                               });
@@ -44784,7 +45464,7 @@ var Selection_component = normalizeComponent(
                   }
                 }, _callee18);
               })));
-            case 1:
+            case 2:
             case "end":
               return _context19.stop();
           }
@@ -44792,7 +45472,7 @@ var Selection_component = normalizeComponent(
       }))();
     },
     replaceNode: function replaceNode(_ref9) {
-      var _this31 = this;
+      var _this30 = this;
       var node = _ref9.node,
         typeToReplaceWith = _ref9.typeToReplaceWith;
       this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
@@ -44800,14 +45480,14 @@ var Selection_component = normalizeComponent(
           while (1) switch (_context21.prev = _context21.next) {
             case 0:
               _context21.next = 2;
-              return _this31.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
-                var _this31$paper$localTo, clientX, clientY, newNode;
+              return _this30.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
+                var _this30$paper$localTo, clientX, clientY, newNode;
                 return _regeneratorRuntime().wrap(function _callee20$(_context20) {
                   while (1) switch (_context20.prev = _context20.next) {
                     case 0:
-                      _this31$paper$localTo = _this31.paper.localToClientPoint(node.diagram.bounds), clientX = _this31$paper$localTo.x, clientY = _this31$paper$localTo.y;
+                      _this30$paper$localTo = _this30.paper.localToClientPoint(node.diagram.bounds), clientX = _this30$paper$localTo.x, clientY = _this30$paper$localTo.y;
                       _context20.next = 3;
-                      return _this31.handleDrop({
+                      return _this30.handleDrop({
                         clientX: clientX,
                         clientY: clientY,
                         control: {
@@ -44818,12 +45498,12 @@ var Selection_component = normalizeComponent(
                     case 3:
                       newNode = _context20.sent;
                       _context20.next = 6;
-                      return _this31.removeNode(node, {
+                      return _this30.removeNode(node, {
                         removeRelationships: false
                       });
                     case 6:
-                      _this31.highlightNode(newNode);
-                      _this31.selectNewNode(newNode);
+                      _this30.highlightNode(newNode);
+                      _this30.selectNewNode(newNode);
                     case 8:
                     case "end":
                       return _context20.stop();
@@ -44838,7 +45518,7 @@ var Selection_component = normalizeComponent(
       })));
     },
     replaceGenericFlow: function replaceGenericFlow(_ref12) {
-      var _this32 = this;
+      var _this31 = this;
       var actualFlow = _ref12.actualFlow,
         genericFlow = _ref12.genericFlow,
         targetNode = _ref12.targetNode;
@@ -44847,27 +45527,27 @@ var Selection_component = normalizeComponent(
           while (1) switch (_context23.prev = _context23.next) {
             case 0:
               _context23.next = 2;
-              return _this32.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
+              return _this31.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
                 return _regeneratorRuntime().wrap(function _callee22$(_context22) {
                   while (1) switch (_context22.prev = _context22.next) {
                     case 0:
                       _context22.next = 2;
-                      return _this32.highlightNode(null);
+                      return _this31.highlightNode(null);
                     case 2:
                       _context22.next = 4;
-                      return _this32.$nextTick();
+                      return _this31.$nextTick();
                     case 4:
                       _context22.next = 6;
-                      return _this32.addNode(actualFlow);
+                      return _this31.addNode(actualFlow);
                     case 6:
                       _context22.next = 8;
                       return store.commit('removeNode', genericFlow);
                     case 8:
                       _context22.next = 10;
-                      return _this32.$nextTick();
+                      return _this31.$nextTick();
                     case 10:
                       _context22.next = 12;
-                      return _this32.highlightNode(targetNode);
+                      return _this31.highlightNode(targetNode);
                     case 12:
                     case "end":
                       return _context22.stop();
@@ -44882,7 +45562,7 @@ var Selection_component = normalizeComponent(
       })));
     },
     performSingleUndoRedoTransaction: function performSingleUndoRedoTransaction(cb) {
-      var _this33 = this;
+      var _this32 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
         return _regeneratorRuntime().wrap(function _callee24$(_context24) {
           while (1) switch (_context24.prev = _context24.next) {
@@ -44892,8 +45572,9 @@ var Selection_component = normalizeComponent(
               return cb();
             case 3:
               undoRedoStore.commit('enableSavingState');
-              _this33.pushToUndoStack();
-            case 5:
+              _context24.next = 6;
+              return _this32.pushToUndoStack();
+            case 6:
             case "end":
               return _context24.stop();
           }
@@ -44910,36 +45591,36 @@ var Selection_component = normalizeComponent(
       pull_default()(containingLane.get('flowNodeRef'), node.definition);
     },
     removeNodesFromPool: function removeNodesFromPool(node) {
-      var _this34 = this;
+      var _this33 = this;
       if (node.type === 'processmaker-modeler-pool' && node.definition.processRef) {
         if (node.definition.processRef.artifacts) {
           node.definition.processRef.artifacts.forEach(function (artifact) {
-            var nodeToRemove = _this34.nodes.find(function (n) {
+            var nodeToRemove = _this33.nodes.find(function (n) {
               return n.definition === artifact;
             });
             if (nodeToRemove) {
-              _this34.removeNode(nodeToRemove);
+              _this33.removeNode(nodeToRemove);
             }
           });
         }
         if (node.definition.processRef.flowElements) {
           node.definition.processRef.flowElements.forEach(function (flowElement) {
-            var nodeToRemove = _this34.nodes.find(function (n) {
+            var nodeToRemove = _this33.nodes.find(function (n) {
               return n.definition === flowElement;
             });
             if (nodeToRemove) {
-              _this34.removeNode(nodeToRemove);
+              _this33.removeNode(nodeToRemove);
             }
           });
         }
         var laneSets = node.definition.processRef.laneSets;
         if (!!laneSets && laneSets.length > 0) {
           laneSets[0].lanes.forEach(function (lane) {
-            var nodeToRemove = _this34.nodes.find(function (n) {
+            var nodeToRemove = _this33.nodes.find(function (n) {
               return n.definition === lane;
             });
             if (nodeToRemove) {
-              _this34.removeNode(nodeToRemove);
+              _this33.removeNode(nodeToRemove);
             }
           });
         }
@@ -44967,13 +45648,13 @@ var Selection_component = normalizeComponent(
       return shape.component != null;
     },
     setShapeStacking: function setShapeStacking(shape) {
-      var _this35 = this;
+      var _this34 = this;
       if (this.isRendering || !shape.component.node.isType('processmaker-modeler-pool') && shape === this.previouslyStackedShape) {
         return;
       }
       this.previouslyStackedShape = shape;
       this.paperManager.performAtomicAction(function () {
-        return ensureShapeIsNotCovered(shape, _this35.graph);
+        return ensureShapeIsNotCovered(shape, _this34.graph);
       });
     },
     showSavedNotification: function showSavedNotification() {
@@ -44995,11 +45676,11 @@ var Selection_component = normalizeComponent(
       var selector = this.$refs.selector.$el;
       if (typeof selector.getBoundingClientRect === 'function') {
         // check if mouse was clicked inside the selector
-        var _selector$getBounding2 = selector.getBoundingClientRect(),
-          sx = _selector$getBounding2.x,
-          sy = _selector$getBounding2.y,
-          swidth = _selector$getBounding2.width,
-          sheight = _selector$getBounding2.height;
+        var _selector$getBounding = selector.getBoundingClientRect(),
+          sx = _selector$getBounding.x,
+          sy = _selector$getBounding.y,
+          swidth = _selector$getBounding.width,
+          sheight = _selector$getBounding.height;
         if (event.clientX >= sx && event.clientX <= sx + swidth && event.clientY >= sy && event.clientY <= sy + sheight) {
           return true;
         }
@@ -45007,27 +45688,27 @@ var Selection_component = normalizeComponent(
       return false;
     },
     pointerDowInShape: function pointerDowInShape(event, element) {
-      var _this36 = this;
+      var _this35 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
         var x, y, shapeView;
         return _regeneratorRuntime().wrap(function _callee25$(_context25) {
           while (1) switch (_context25.prev = _context25.next) {
             case 0:
               x = event.clientX, y = event.clientY;
-              shapeView = _this36.paper.findViewByModel(element);
-              _this36.isDragging = false;
-              _this36.isSelecting = false;
-              _this36.isIntoTheSelection = false;
-              _this36.dragStart = {
+              shapeView = _this35.paper.findViewByModel(element);
+              _this35.isDragging = false;
+              _this35.isSelecting = false;
+              _this35.isIntoTheSelection = false;
+              _this35.dragStart = {
                 x: x,
                 y: y
               };
               // Verify if is in the selection box
-              if (!_this36.isPointInSelection(event)) {
+              if (!_this35.isPointInSelection(event)) {
                 _context25.next = 10;
                 break;
               }
-              _this36.isIntoTheSelection = true;
+              _this35.isIntoTheSelection = true;
               _context25.next = 15;
               break;
             case 10:
@@ -45036,12 +45717,12 @@ var Selection_component = normalizeComponent(
                 break;
               }
               _context25.next = 13;
-              return _this36.$refs.selector.selectElement(shapeView);
+              return _this35.$refs.selector.selectElement(shapeView);
             case 13:
               _context25.next = 15;
-              return _this36.$nextTick();
+              return _this35.$nextTick();
             case 15:
-              _this36.$refs.selector.startDrag({
+              _this35.$refs.selector.startDrag({
                 clientX: event.clientX,
                 clientY: event.clientY
               });
@@ -45140,7 +45821,7 @@ var Selection_component = normalizeComponent(
     this.$emit('set-xml-manager', this.xmlManager);
   },
   mounted: function mounted() {
-    var _this37 = this;
+    var _this36 = this;
     this.graph = new external_jointjs_["dia"].Graph();
     store.commit('setGraph', this.graph);
     this.graph.set('interactiveFunc', function (cellView) {
@@ -45158,36 +45839,34 @@ var Selection_component = normalizeComponent(
     store.commit('setPaper', this.paperManager.paper);
     this.paperManager.addEventHandler('element:pointerclick', this.blurFocusedScreenBuilderElement, this);
     this.paperManager.addEventHandler('blank:pointerdown', function (event, x, y) {
-      if (_this37.isGrabbing) return;
-      var scale = _this37.paperManager.scale;
-      _this37.canvasDragPosition = {
+      if (_this36.isGrabbing) return;
+      var scale = _this36.paperManager.scale;
+      _this36.canvasDragPosition = {
         x: x * scale.sx,
         y: y * scale.sy
       };
-      _this37.isOverShape = false;
-      _this37.pointerDownHandler(event);
+      _this36.isOverShape = false;
+      _this36.pointerDownHandler(event);
     }, this);
     this.paperManager.addEventHandler('blank:pointerup', function (event) {
-      _this37.canvasDragPosition = null;
-      _this37.activeNode = null;
-      _this37.pointerUpHandler(event);
+      _this36.canvasDragPosition = null;
+      _this36.activeNode = null;
+      _this36.pointerUpHandler(event);
     }, this);
     this.paperManager.addEventHandler('cell:pointerup', function (cellView, event) {
-      _this37.canvasDragPosition = null;
-      _this37.activeNode = null;
-      _this37.pointerUpHandler(event, cellView);
+      _this36.canvasDragPosition = null;
+      _this36.activeNode = null;
+      _this36.pointerUpHandler(event, cellView);
     }, this);
+    this.$el.addEventListener('mouseenter', function () {
+      store.commit('setClientLeftPaper', false);
+    });
     this.$el.addEventListener('mousemove', function (event) {
-      var clientX = event.clientX,
-        clientY = event.clientY;
-      _this37.pointerMoveHandler(event);
-      store.commit('setClientMousePosition', {
-        clientX: clientX,
-        clientY: clientY
-      });
+      _this36.pointerMoveHandler(event);
     });
     this.$el.addEventListener('mouseleave', function () {
-      store.commit('clientLeftPaper');
+      _this36.paperManager.removeEventHandler('blank:pointermove');
+      store.commit('setClientLeftPaper', true);
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (cellView, evt, x, y) {
       var clickHandler = cellView.model.get('onClick');
@@ -45197,33 +45876,50 @@ var Selection_component = normalizeComponent(
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (_ref16, event) {
       var shape = _ref16.model;
-      if (!_this37.isBpmnNode(shape)) {
+      if (!_this36.isBpmnNode(shape)) {
         return;
       }
       shape.component.$emit('click', event);
     });
     this.paperManager.addEventHandler('cell:pointerdown', function (_ref17, event) {
       var shape = _ref17.model;
-      if (!_this37.isBpmnNode(shape)) {
+      if (!_this36.isBpmnNode(shape)) {
         return;
       }
-      _this37.setShapeStacking(shape);
-      _this37.activeNode = shape.component.node;
-      _this37.isOverShape = true;
-      _this37.pointerDowInShape(event, shape);
+      _this36.setShapeStacking(shape);
+      _this36.activeNode = shape.component.node;
+      _this36.isOverShape = true;
+      _this36.pointerDowInShape(event, shape);
     });
 
     /* Register custom nodes */
     window.ProcessMaker.EventBus.$emit('modeler-start', {
-      loadXML: function loadXML(xml) {
-        _this37.loadXML(xml);
-        undoRedoStore.dispatch('pushState', xml);
-      },
+      loadXML: function () {
+        var _loadXML = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26(xml) {
+          return _regeneratorRuntime().wrap(function _callee26$(_context26) {
+            while (1) switch (_context26.prev = _context26.next) {
+              case 0:
+                _context26.next = 2;
+                return _this36.loadXML(xml);
+              case 2:
+                _context26.next = 4;
+                return undoRedoStore.dispatch('pushState', xml);
+              case 4:
+              case "end":
+                return _context26.stop();
+            }
+          }, _callee26);
+        }));
+        function loadXML(_x) {
+          return _loadXML.apply(this, arguments);
+        }
+        return loadXML;
+      }(),
       addWarnings: function addWarnings(warnings) {
-        return _this37.$emit('warnings', warnings);
+        return _this36.$emit('warnings', warnings);
       },
       addBreadcrumbs: function addBreadcrumbs(breadcrumbs) {
-        return _this37.breadcrumbData.push(breadcrumbs);
+        return _this36.breadcrumbData.push(breadcrumbs);
       }
     });
   }
@@ -45244,8 +45940,8 @@ var modelervue_type_style_index_0_prod_lang_scss_ = __webpack_require__("71e5");
 
 var Modeler_component = normalizeComponent(
   modeler_Modelervue_type_script_lang_js_,
-  Modelervue_type_template_id_3747d1ec_render,
-  Modelervue_type_template_id_3747d1ec_staticRenderFns,
+  Modelervue_type_template_id_e717dbe4_render,
+  Modelervue_type_template_id_e717dbe4_staticRenderFns,
   false,
   null,
   null,
@@ -45942,8 +46638,8 @@ var conditionalStartEvent_id = 'processmaker-modeler-conditional-start-event';
     }]
   }]
 })));
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/dataInputAssociation/dataInputAssociation.vue?vue&type=template&id=3e92a415&
-var dataInputAssociationvue_type_template_id_3e92a415_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/dataInputAssociation/dataInputAssociation.vue?vue&type=template&id=2d369db1&
+var dataInputAssociationvue_type_template_id_2d369db1_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('crown-config', _vm._g({
@@ -45962,9 +46658,9 @@ var dataInputAssociationvue_type_template_id_3e92a415_render = function render()
     }
   }, _vm.$listeners));
 };
-var dataInputAssociationvue_type_template_id_3e92a415_staticRenderFns = [];
+var dataInputAssociationvue_type_template_id_2d369db1_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/nodes/dataInputAssociation/dataInputAssociation.vue?vue&type=template&id=3e92a415&
+// CONCATENATED MODULE: ./src/components/nodes/dataInputAssociation/dataInputAssociation.vue?vue&type=template&id=2d369db1&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/dataInputAssociation/dataInputAssociation.vue?vue&type=script&lang=js&
 
@@ -45976,6 +46672,7 @@ var dataInputAssociationvue_type_template_id_3e92a415_staticRenderFns = [];
 
 
 
+
 /* harmony default export */ var dataInputAssociationvue_type_script_lang_js_ = ({
   components: {
     CrownConfig: crownConfig
@@ -45990,42 +46687,37 @@ var dataInputAssociationvue_type_template_id_3e92a415_staticRenderFns = [];
   },
   computed: {
     isValidConnection: function isValidConnection() {
-      var targetType = get_default()(this.target, 'component.node.type');
+      var targetType = get_default()(this.target, 'component.node.definition.$type');
       if (!targetType) {
         return false;
       }
-
-      /* A data input association can be connected to anything that isn't a data store or object or a start event */
-      var invalidTarget = this.targetNode.isBpmnType('bpmn:DataObjectReference', 'bpmn:DataStoreReference', 'bpmn:StartEvent');
-      if (invalidTarget) {
-        return false;
+      var dataStoreValidTargets = ['bpmn:Task', 'bpmn:SubProcess', 'bpmn:CallActivity', 'bpmn:ManualTask', 'bpmn:ScriptTask', 'bpmn:ServiceTask'];
+      var dataObjectValidTargets = ['bpmn:Task', 'bpmn:SubProcess', 'bpmn:CallActivity', 'bpmn:ManualTask', 'bpmn:ScriptTask', 'bpmn:ServiceTask', 'bpmn:IntermediateThrowEvent', 'bpmn:EndEvent'];
+      var sourceIsDataStore = this.sourceNode.definition.$type === 'bpmn:DataStoreReference';
+      var sourceIsDataObject = this.sourceNode.definition.$type === 'bpmn:DataObjectReference';
+      if (sourceIsDataStore && dataStoreValidTargets.includes(targetType)) {
+        return true;
       }
-      return true;
+      return sourceIsDataObject && dataObjectValidTargets.includes(targetType);
     }
   },
   methods: {
     findSourceShape: function findSourceShape() {
-      var _this = this;
       if (this.node.dataAssociationProps) {
         return this.node.dataAssociationProps.sourceShape;
       }
-      var taskWithInputAssociation = this.graph.getElements().find(function (element) {
-        return element.component && element.component.node.definition.get('dataInputAssociations') && element.component.node.definition.get('dataInputAssociations')[0] === _this.node.definition;
-      });
-      var dataObjectDefinition = taskWithInputAssociation.component.node.definition.get('dataInputAssociations')[0].sourceRef[0];
-      return this.graph.getElements().find(function (element) {
-        return element.component && element.component.node.definition === dataObjectDefinition;
+      var source = this.node.definition.sourceRef[0];
+      // find shape
+      var shape = this.graph.getElements().find(function (e) {
+        return e.component.node.definition === source;
       });
+      return shape;
     },
     getTargetRef: function getTargetRef() {
-      var _this2 = this;
       if (this.node.dataAssociationProps) {
         return this.node.dataAssociationProps.targetCoords;
       }
-      var taskWithInputAssociation = this.graph.getElements().find(function (element) {
-        return element.component && element.component.node.definition.get('dataInputAssociations') && element.component.node.definition.get('dataInputAssociations')[0] === _this2.node.definition;
-      });
-      return taskWithInputAssociation.component.node.definition;
+      return findIOSpecificationOwner(this.node.definition.targetRef.$parent, this.$parent);
     },
     updateRouter: function updateRouter() {
       this.shape.router('normal', {
@@ -46036,6 +46728,7 @@ var dataInputAssociationvue_type_template_id_3e92a415_staticRenderFns = [];
       var targetShape = this.shape.getTargetElement();
       var dataInput = getOrFindDataInput(this.moddle, targetShape.component.node, this.sourceNode.definition);
       this.node.definition.set('targetRef', dataInput);
+      // @todo Review why this needs to be and array. When saving the BPMN, if this is not an array the sourceRef is not stored
       this.node.definition.set('sourceRef', [this.sourceNode.definition]);
       targetShape.component.node.definition.set('dataInputAssociations', [this.node.definition]);
     }
@@ -46066,6 +46759,10 @@ var dataInputAssociationvue_type_template_id_3e92a415_staticRenderFns = [];
     this.shape.component = this;
   },
   destroyed: function destroyed() {
+    // when a association was not completed this.targetNode will be undefined
+    if (!this.targetNode) {
+      return;
+    }
     removeDataInput(this.targetNode, this.sourceNode.definition);
     Object(external_lodash_["pull"])(this.targetNode.definition.get('dataInputAssociations'), this.node.definition);
   }
@@ -46082,8 +46779,8 @@ var dataInputAssociationvue_type_template_id_3e92a415_staticRenderFns = [];
 
 var dataInputAssociation_component = normalizeComponent(
   dataInputAssociation_dataInputAssociationvue_type_script_lang_js_,
-  dataInputAssociationvue_type_template_id_3e92a415_render,
-  dataInputAssociationvue_type_template_id_3e92a415_staticRenderFns,
+  dataInputAssociationvue_type_template_id_2d369db1_render,
+  dataInputAssociationvue_type_template_id_2d369db1_staticRenderFns,
   false,
   null,
   null,
@@ -46118,7 +46815,7 @@ var dataInputAssociation_component = normalizeComponent(
     }]
   }]
 }));
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d957d232-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/dataOutputAssociation/dataOutputAssociation.vue?vue&type=template&id=ec57134e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"963f8de4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/nodes/dataOutputAssociation/dataOutputAssociation.vue?vue&type=template&id=ec57134e&
 var dataOutputAssociationvue_type_template_id_ec57134e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;