@processmaker/modeler 1.24.4 → 1.26.0

package/dist/modeler.common.js

@@ -880,6 +880,17 @@ function strictIndexOf(array, value, fromIndex) {
 module.exports = strictIndexOf;
 
 
+/***/ }),
+
+/***/ "0abe":
+/***/ (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_07b57eb6_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c76e");
+/* 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_07b57eb6_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_07b57eb6_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "0b07":
@@ -953,7 +964,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:1;height:4rem;cursor:auto;width:100%;background:#fff}.toolbar>button{cursor:pointer}", ""]);
+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}", ""]);
 // Exports
 module.exports = exports;
 
@@ -1941,6 +1952,22 @@ module.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {
 } : [].forEach;
 
 
+/***/ }),
+
+/***/ "17ee":
+/***/ (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__("7d82");
+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("23c9d4a8", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "1838":
@@ -6398,7 +6425,7 @@ module.exports = function (argument) {
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".controls[data-v-6bd76071]{z-index:1;padding-bottom:4rem}.controls-column[data-v-6bd76071]{max-width:265px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.controls-column .list-group[data-v-6bd76071]:last-child{border-bottom:1px solid rgba(0,0,0,.125)}.controls-column-compressed[data-v-6bd76071]{max-width:95px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.card-header[data-v-6bd76071]{background:#f7f7f7}.list-group-item[data-v-6bd76071]:first-child{border-top:0}.tool[data-v-6bd76071]{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.875rem}.is-dragging[data-v-6bd76071]{background:#3397e1;color:#fff;position:absolute;z-index:10;-webkit-box-shadow:5px 5px 8px 0 rgba(0,0,0,.2901960784);box-shadow:5px 5px 8px 0 rgba(0,0,0,.2901960784);cursor:-webkit-grabbing;cursor:grabbing;padding:.5rem}.is-dragging.no-drop[data-v-6bd76071]{opacity:.8;cursor:no-drop}.is-dragging[data-v-6bd76071]:hover{background-color:#3397e1;color:#fff}.tool-icon[data-v-6bd76071]{width:1.5rem;height:1.5rem;pointer-events:none}", ""]);
+exports.push([module.i, ".controls[data-v-6bd76071]{z-index:2;padding-bottom:4rem}.controls-column[data-v-6bd76071]{max-width:265px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.controls-column .list-group[data-v-6bd76071]:last-child{border-bottom:1px solid rgba(0,0,0,.125)}.controls-column-compressed[data-v-6bd76071]{max-width:95px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.card-header[data-v-6bd76071]{background:#f7f7f7}.list-group-item[data-v-6bd76071]:focus-visible{outline:none}.list-group-item[data-v-6bd76071]:first-child{border-top:0}.tool[data-v-6bd76071]{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.875rem}.is-dragging[data-v-6bd76071]{background:#3397e1;color:#fff;position:absolute;z-index:10;-webkit-box-shadow:5px 5px 8px 0 rgba(0,0,0,.2901960784);box-shadow:5px 5px 8px 0 rgba(0,0,0,.2901960784);cursor:-webkit-grabbing;cursor:grabbing;padding:.5rem}.is-dragging.no-drop[data-v-6bd76071]{opacity:.8;cursor:no-drop}.is-dragging[data-v-6bd76071]:hover{background-color:#3397e1;color:#fff}.tool-icon[data-v-6bd76071]{width:1.5rem;height:1.5rem;pointer-events:none}", ""]);
 // Exports
 module.exports = exports;
 
@@ -9045,7 +9072,7 @@ exports = ___CSS_LOADER_API_IMPORT___(false);
 exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".paper-container.default .joint-paper,.paper-container.default .joint-paper *{cursor:default!important}.paper-container.not-allowed .joint-paper,.paper-container.not-allowed .joint-paper *{cursor:not-allowed!important}.paper-container.wait .joint-paper,.paper-container.wait .joint-paper *{cursor:wait!important}.paper-container.crosshair .joint-paper,.paper-container.crosshair .joint-paper *{cursor:crosshair!important}.inspector-enter,.inspector-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.inspector-enter-active,.inspector-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.slide-enter-active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.slide-leave-active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.slide-enter-to,.slide-leave{max-height:400px;overflow:hidden}.slide-enter,.slide-leave-to{overflow:hidden;max-height:0}.modeler .main-paper{position:absolute;height:100%;max-height:100%;min-height:100%;left:0;top:0}.modeler .grabbing-cursor{cursor:-webkit-grabbing!important;cursor:grabbing!important}.modeler .paper-container{position:static!important;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modeler .joint-marker-vertex:hover{fill:#ed4757;cursor:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") 0 0,pointer}.ignore-pointer,.no-pointer-events{pointer-events:none}", ""]);
+exports.push([module.i, ".paper-container.default .joint-paper,.paper-container.default .joint-paper *{cursor:default!important}.paper-container.not-allowed .joint-paper,.paper-container.not-allowed .joint-paper *{cursor:not-allowed!important}.paper-container.wait .joint-paper,.paper-container.wait .joint-paper *{cursor:wait!important}.paper-container.crosshair .joint-paper,.paper-container.crosshair .joint-paper *{cursor:crosshair!important}.inspector-enter,.inspector-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.inspector-enter-active,.inspector-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.slide-enter-active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.slide-leave-active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.slide-enter-to,.slide-leave{max-height:400px;overflow:hidden}.slide-enter,.slide-leave-to{overflow:hidden;max-height:0}.modeler .main-paper{position:absolute;height:100%;max-height:100%;min-height:100%;left:0;top:0}.modeler .grabbing-cursor{cursor:-webkit-grabbing!important;cursor:grabbing!important}.modeler .paper-container{position:static!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modeler .joint-marker-vertex:hover{fill:#ed4757;cursor:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") 0 0,pointer}.ignore-pointer,.no-pointer-events{pointer-events:none}", ""]);
 // Exports
 module.exports = exports;
 
@@ -11862,6 +11889,20 @@ function baseGetAllKeys(object, keysFunc, symbolsFunc) {
 module.exports = baseGetAllKeys;
 
 
+/***/ }),
+
+/***/ "7d82":
+/***/ (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-634e2b74]{top:-38px;left:50%;pointer-events:auto}.btn[data-v-634e2b74]{border:none;padding:0;margin-top:0;display:-webkit-box;display:-ms-flexbox;display:flex}img[data-v-634e2b74]{height:15px}i[data-v-634e2b74],img[data-v-634e2b74]{margin:0 10px}i[data-v-634e2b74]{font-size:15px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "7db0":
@@ -12405,6 +12446,20 @@ module.exports = $documentAll.IS_HTMLDDA ? function (it) {
 };
 
 
+/***/ }),
+
+/***/ "8640":
+/***/ (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-07b57eb6]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "872a":
@@ -14507,6 +14562,17 @@ function baseIsMatch(object, source, matchData, customizer) {
 module.exports = baseIsMatch;
 
 
+/***/ }),
+
+/***/ "97c5":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_4_inspector_scss_vue_type_style_index_0_id_584b291a_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f4ec");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_4_inspector_scss_vue_type_style_index_0_id_584b291a_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_4_inspector_scss_vue_type_style_index_0_id_584b291a_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "9934":
@@ -17401,22 +17467,6 @@ module.exports = disallowNodeType('bpmn:ComplexGateway');
 
 /***/ }),
 
-/***/ "bd51":
-/***/ (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__("e9ef");
-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("77881d46", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ "beab":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -18110,6 +18160,22 @@ $({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
 addToUnscopables(FIND_INDEX);
 
 
+/***/ }),
+
+/***/ "c76e":
+/***/ (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__("8640");
+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("bb10a0ea", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "c869":
@@ -20496,6 +20562,20 @@ function customOmitClone(value) {
 module.exports = customOmitClone;
 
 
+/***/ }),
+
+/***/ "e141":
+/***/ (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, ".inspector-column[data-v-584b291a]{max-width:265px}.inspector[data-v-584b291a]{z-index:2}.inspector-container[data-v-584b291a]{text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:4rem}.inspector-container .form-group[data-v-584b291a]{padding:0 .5rem}.inspector-container .form-group>label[data-v-584b291a]{font-size:.8125rem}.inspector-container .inspector-font-size[data-v-584b291a]{font-size:.875rem}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "e163":
@@ -21322,20 +21402,6 @@ if ($stringify) {
 }
 
 
-/***/ }),
-
-/***/ "e9ef":
-/***/ (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, ".inspector-column[data-v-c85f46ac]{max-width:265px}.inspector[data-v-c85f46ac]{z-index:1}.inspector-container[data-v-c85f46ac]{text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:4rem}.inspector-container .form-group[data-v-c85f46ac]{padding:0 .5rem}.inspector-container .form-group>label[data-v-c85f46ac]{font-size:.8125rem}.inspector-container .inspector-font-size[data-v-c85f46ac]{font-size:.875rem}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "ea11":
@@ -21386,17 +21452,6 @@ function isPrototype(value) {
 module.exports = isPrototype;
 
 
-/***/ }),
-
-/***/ "eba8":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_4_inspector_scss_vue_type_style_index_0_id_c85f46ac_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bd51");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_4_inspector_scss_vue_type_style_index_0_id_c85f46ac_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_4_inspector_scss_vue_type_style_index_0_id_c85f46ac_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "ec41":
@@ -21554,6 +21609,17 @@ function uniq(array) {
 module.exports = uniq;
 
 
+/***/ }),
+
+/***/ "ef00":
+/***/ (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_634e2b74_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("17ee");
+/* 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_634e2b74_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_634e2b74_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "ef5d":
@@ -21896,6 +21962,22 @@ function toKey(value) {
 module.exports = toKey;
 
 
+/***/ }),
+
+/***/ "f4ec":
+/***/ (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__("e141");
+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("34fffec2", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "f5df":
@@ -21992,7 +22074,7 @@ module.exports = function (key) {
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".crown-config{z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:auto;height:1.85rem;border-radius:5px}.crown-config,.crown-config:after{background-color:#3397e1;position:absolute}.crown-config:after{content:\"\";width:1.25rem;height:1.25rem;top:.8rem;left:.3rem;z-index:-1;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:1px}", ""]);
+exports.push([module.i, ".crown-config{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:auto;height:1.85rem;border-radius:5px}.crown-config,.crown-config:after{background-color:#3397e1;position:absolute}.crown-config:after{content:\"\";width:1.25rem;height:1.25rem;top:.8rem;left:.3rem;z-index:-1;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:1px}", ""]);
 // Exports
 module.exports = exports;
 
@@ -22265,7 +22347,7 @@ if (typeof window !== 'undefined') {
 // 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":"63130adf-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":"22894d88-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;
@@ -23522,7 +23604,10 @@ function isPoint(item) {
               }
             }
             _this5.updateRouter();
-          case 8:
+            _this5.shape.on('change:vertices', function () {
+              this.component.$emit('shape-resize');
+            });
+          case 9:
           case "end":
             return _context.stop();
         }
@@ -23546,11 +23631,11 @@ var associationConfig_direction = {
   one: 'One',
   both: 'Both'
 };
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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=7cce75e8&
-var crownConfigvue_type_template_id_7cce75e8_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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=51cb8c52&
+var crownConfigvue_type_template_id_51cb8c52_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _vm.showCrown ? _c('div', {
+  return _vm.showCrown && !_vm.isMultiselect ? _c('div', {
     staticClass: "crown-config",
     style: _vm.style,
     attrs: {
@@ -23642,9 +23727,9 @@ var crownConfigvue_type_template_id_7cce75e8_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_7cce75e8_staticRenderFns = [];
+var crownConfigvue_type_template_id_51cb8c52_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/crown/crownConfig/crownConfig.vue?vue&type=template&id=7cce75e8&
+// CONCATENATED MODULE: ./src/components/crown/crownConfig/crownConfig.vue?vue&type=template&id=51cb8c52&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
 var es_array_includes = __webpack_require__("caad");
@@ -23655,7 +23740,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":"63130adf-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":"22894d88-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;
@@ -23702,7 +23787,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":"63130adf-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":"22894d88-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;
@@ -24210,7 +24295,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":"63130adf-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":"22894d88-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;
@@ -24649,7 +24734,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":"63130adf-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":"22894d88-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;
@@ -24743,7 +24828,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":"63130adf-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":"22894d88-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;
@@ -25072,7 +25157,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":"63130adf-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=562fe971&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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=562fe971&
 
 var copyButtonvue_type_template_id_562fe971_render = function render() {
   var _vm$node;
@@ -25163,7 +25248,7 @@ 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":"63130adf-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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;
@@ -25208,7 +25293,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":"63130adf-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":"22894d88-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;
@@ -25332,7 +25417,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":"63130adf-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":"22894d88-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;
@@ -25479,6 +25564,8 @@ var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq);
 
 
 
+
+
 external_vue_default.a.use(vuex_esm["a" /* default */]);
 function setDefinitionPropertyReactive(definition, key, value) {
   if (definition.hasOwnProperty(key)) {
@@ -25594,7 +25681,20 @@ function removeRef(state, ref, callBack) {
       state.highlightedNodes = node ? [node] : [];
     },
     addToHighlightedNodes: function addToHighlightedNodes(state, nodes) {
-      state.highlightedNodes = uniq_default()([].concat(_toConsumableArray(state.highlightedNodes), _toConsumableArray(nodes)));
+      var highlightedNodes = uniq_default()([].concat(_toConsumableArray(state.highlightedNodes), _toConsumableArray(nodes)));
+      var selectedPoolsIds = highlightedNodes.filter(function (node) {
+        return node.type === 'processmaker-modeler-pool';
+      }).map(function (node) {
+        return node.id;
+      });
+      state.highlightedNodes = highlightedNodes
+      // remove from selection the selected child nodes in the pool
+      .filter(function (node) {
+        if (node.pool && node.pool.component.node.id) {
+          return !selectedPoolsIds.includes(node.pool.component.node.id);
+        }
+        return true;
+      });
     },
     addNode: function addNode(state, node) {
       /* Add an unchanging ID that Vue can use to track the component
@@ -25749,7 +25849,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":"63130adf-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":"22894d88-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,
@@ -25897,7 +25997,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":"63130adf-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":"22894d88-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;
@@ -26121,7 +26221,7 @@ String.prototype.titleCase = function () {
   });
   return words.join(' ');
 };
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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":"22894d88-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;
@@ -26712,7 +26812,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":"63130adf-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":"22894d88-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;
@@ -26974,6 +27074,10 @@ function runningInCypressTest() {
     this.$t = this.$t.bind(this);
   },
   computed: {
+    isMultiselect: function isMultiselect() {
+      var countSelected = store.getters.highlightedShapes.length;
+      return countSelected > 1;
+    },
     isFlow: function isFlow() {
       return ['processmaker-modeler-sequence-flow', 'processmaker-modeler-message-flow'].includes(this.node.type);
     },
@@ -27121,8 +27225,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_7cce75e8_render,
-  crownConfigvue_type_template_id_7cce75e8_staticRenderFns,
+  crownConfigvue_type_template_id_51cb8c52_render,
+  crownConfigvue_type_template_id_51cb8c52_staticRenderFns,
   false,
   null,
   null,
@@ -27317,7 +27421,7 @@ var association_id = 'processmaker-modeler-association';
     }]
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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":"22894d88-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;
@@ -27625,7 +27729,8 @@ var defaultHighlighter = {
     options: {
       attrs: {
         stroke: '#5096db',
-        'stroke-width': 3
+        'stroke-width': 3,
+        'data-cy': 'selected'
       }
     }
   }
@@ -27694,6 +27799,7 @@ var defaultHighlighter = {
         _this.setShapeHighlight();
         _this.shape.on('change:size', function () {
           _this.paperManager.awaitScheduledUpdates().then(_this.setShapeHighlight);
+          _this.$emit('shape-resize', _this.shape);
         });
       });
     });
@@ -27794,7 +27900,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":"63130adf-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":"22894d88-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;
@@ -27907,7 +28013,7 @@ var NodeIdentifierInput_component = normalizeComponent(
     config: inspectors_idConfigSettings
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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() {
   var _vm = this,
     _c = _vm._self._c;
@@ -28377,7 +28483,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":"63130adf-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":"22894d88-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;
@@ -28970,7 +29076,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":"63130adf-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":"22894d88-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;
@@ -29320,7 +29426,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":"63130adf-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":"22894d88-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;
@@ -29605,7 +29711,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":"63130adf-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":"22894d88-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,
@@ -30267,7 +30373,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":"63130adf-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":"22894d88-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,
@@ -30911,7 +31017,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":"63130adf-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":"22894d88-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;
@@ -31335,7 +31441,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":"63130adf-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":"22894d88-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,
@@ -31525,7 +31631,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":"63130adf-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":"22894d88-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;
@@ -32229,7 +32335,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":"63130adf-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":"22894d88-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;
@@ -32453,7 +32559,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":"63130adf-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":"22894d88-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;
@@ -32499,7 +32605,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":"63130adf-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":"22894d88-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() {
@@ -32661,7 +32767,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":"63130adf-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":"22894d88-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;
@@ -32738,7 +32844,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":"63130adf-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":"22894d88-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() {
@@ -33719,7 +33825,7 @@ var intermediateConditionalCatchEvent_id = 'processmaker-modeler-intermediate-co
     }]
   }]
 })));
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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":"22894d88-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;
@@ -34104,7 +34210,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":"63130adf-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":"22894d88-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;
@@ -34200,7 +34306,7 @@ var MarkerFlags_component = normalizeComponent(
     }
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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() {
   var _vm = this,
     _c = _vm._self._c;
@@ -35170,7 +35276,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":"63130adf-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":"22894d88-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;
@@ -35428,7 +35534,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":"63130adf-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":"22894d88-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;
@@ -35912,7 +36018,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":"63130adf-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":"22894d88-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;
@@ -36113,7 +36219,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":"63130adf-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":"22894d88-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;
@@ -36703,7 +36809,7 @@ var minLaneHeight = 100;
     });
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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":"22894d88-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;
@@ -36863,7 +36969,7 @@ var poolLane_component = normalizeComponent(
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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":"22894d88-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;
@@ -36923,7 +37029,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":"63130adf-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":"22894d88-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;
@@ -37008,7 +37114,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":"63130adf-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":"22894d88-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;
@@ -37148,7 +37254,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":"63130adf-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":"22894d88-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;
@@ -37428,6 +37534,7 @@ var poolEventHandlers_PoolEventHandlers = /*#__PURE__*/function () {
     key: "onPointerDown",
     value: function onPointerDown(cellView) {
       if (this.isNotPoolChild(cellView.model)) {
+        this.component.$emit('select-pool');
         return;
       }
       if ((!this.draggingElement || this.draggingElement !== cellView.model) && cellView.model.component && ![pool_config_id, poolLane_config_id].includes(cellView.model.component.node.type)) {
@@ -38105,7 +38212,7 @@ var pool_component = normalizeComponent(
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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":"22894d88-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,
@@ -38337,10 +38444,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":"63130adf-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=44d1165a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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=110dc9a9&
 
 
-var Modelervue_type_template_id_44d1165a_render = function render() {
+var Modelervue_type_template_id_110dc9a9_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -38365,7 +38472,9 @@ var Modelervue_type_template_id_44d1165a_render = function render() {
         _vm.miniMapOpen = $event;
       },
       "saveBpmn": _vm.saveBpmn,
-      "save-state": _vm.pushToUndoStack
+      "close": _vm.close,
+      "save-state": _vm.pushToUndoStack,
+      "clearSelection": _vm.clearSelection
     }
   }), _c('b-row', {
     staticClass: "modeler h-100"
@@ -38414,6 +38523,12 @@ var Modelervue_type_template_id_44d1165a_render = function render() {
       "graph": _vm.graph
     }
   }), _c('InspectorPanel', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !(_vm.highlightedNodes.length > 1),
+      expression: "!(highlightedNodes.length > 1)"
+    }],
     ref: "inspector-panel",
     staticClass: "inspector h-100",
     style: {
@@ -38429,11 +38544,14 @@ var Modelervue_type_template_id_44d1165a_render = function render() {
       "compressed": _vm.panelsCompressed && _vm.noElementsSelected
     },
     on: {
-      "save-state": _vm.pushToUndoStack
+      "save-state": _vm.pushToUndoStack,
+      "shape-resize": _vm.shapeResize
     }
   }), _vm._l(_vm.nodes, function (node) {
     return _c(node.type, {
       key: node._modelerId,
+      ref: "nodeComponent",
+      refInFor: true,
       tag: "component",
       attrs: {
         "graph": _vm.graph,
@@ -38465,10 +38583,8 @@ var Modelervue_type_template_id_44d1165a_render = function render() {
         "set-pool-target": function setPoolTarget($event) {
           _vm.poolTarget = $event;
         },
-        "click": function click($event) {
-          return _vm.highlightNode(node, $event);
-        },
         "unset-pools": _vm.unsetPools,
+        "clearSelection": _vm.clearSelection,
         "set-pools": _vm.setPools,
         "save-state": _vm.pushToUndoStack,
         "set-shape-stacking": _vm.setShapeStacking,
@@ -38478,20 +38594,30 @@ var Modelervue_type_template_id_44d1165a_render = function render() {
         "replace-node": _vm.replaceNode,
         "replace-generic-flow": _vm.replaceGenericFlow,
         "copy-element": _vm.copyElement,
-        "default-flow": _vm.toggleDefaultFlow
+        "default-flow": _vm.toggleDefaultFlow,
+        "shape-resize": _vm.shapeResize
       }
     });
-  })], 2)], 1);
+  }), _vm.paper ? _c('selection', {
+    ref: "selector",
+    attrs: {
+      "graph": _vm.graph,
+      "paperManager": _vm.paperManager,
+      "useModelGeometry": false,
+      "processNode": _vm.processNode
+    },
+    on: {
+      "remove-nodes": _vm.removeNodes,
+      "save-state": _vm.pushToUndoStack
+    }
+  }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_44d1165a_staticRenderFns = [];
+var Modelervue_type_template_id_110dc9a9_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=44d1165a&
+// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=110dc9a9&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
-var es_regexp_to_string = __webpack_require__("25f0");
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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=1138f5a2&
-var boundaryEventvue_type_template_id_1138f5a2_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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;
   return _c('crown-config', _vm._g({
@@ -38510,9 +38636,9 @@ var boundaryEventvue_type_template_id_1138f5a2_render = function render() {
     }
   }, _vm.$listeners));
 };
-var boundaryEventvue_type_template_id_1138f5a2_staticRenderFns = [];
+var boundaryEventvue_type_template_id_19cfef66_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=1138f5a2&
+// CONCATENATED MODULE: ./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=19cfef66&
 
 // CONCATENATED MODULE: ./src/components/nodes/boundaryEvent/shape.js
 
@@ -38691,6 +38817,7 @@ var boundaryEventvue_type_template_id_1138f5a2_staticRenderFns = [];
     resetToInitialPosition: function resetToInitialPosition() {
       this.shape.position(this.validPosition.x, this.validPosition.y);
       store.commit('allowSavingElementPosition');
+      this.$emit('shape-resize');
     },
     moveBoundaryEventIfOverTask: function moveBoundaryEventIfOverTask() {
       var task = this.getTaskUnderShape();
@@ -38700,11 +38827,13 @@ var boundaryEventvue_type_template_id_1138f5a2_staticRenderFns = [];
       }
       this.attachBoundaryEventToTask(task);
       this.updateShapePosition(task);
+      this.$emit('shape-resize');
     },
     resetInvalidTarget: function resetInvalidTarget() {
       if (this.invalidTargetElement) {
         resetShapeColor(this.invalidTargetElement);
         this.invalidTargetElement = null;
+        this.$emit('shape-resize');
       }
     },
     attachToValidTarget: function attachToValidTarget(cellView) {
@@ -38781,8 +38910,8 @@ var boundaryEventvue_type_template_id_1138f5a2_staticRenderFns = [];
 
 var boundaryEvent_component = normalizeComponent(
   boundaryEvent_boundaryEventvue_type_script_lang_js_,
-  boundaryEventvue_type_template_id_1138f5a2_render,
-  boundaryEventvue_type_template_id_1138f5a2_staticRenderFns,
+  boundaryEventvue_type_template_id_19cfef66_render,
+  boundaryEventvue_type_template_id_19cfef66_staticRenderFns,
   false,
   null,
   null,
@@ -38840,7 +38969,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":"63130adf-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":"22894d88-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;
@@ -39046,8 +39175,8 @@ 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":"63130adf-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=c85f46ac&scoped=true&
-var InspectorPanelvue_type_template_id_c85f46ac_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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=584b291a&scoped=true&
+var InspectorPanelvue_type_template_id_584b291a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('transition', {
@@ -39096,9 +39225,9 @@ var InspectorPanelvue_type_template_id_c85f46ac_scoped_true_render = function re
     }
   }) : _vm._e()], 1)], 1)], 1);
 };
-var InspectorPanelvue_type_template_id_c85f46ac_scoped_true_staticRenderFns = [];
+var InspectorPanelvue_type_template_id_584b291a_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/inspectors/InspectorPanel.vue?vue&type=template&id=c85f46ac&scoped=true&
+// CONCATENATED MODULE: ./src/components/inspectors/InspectorPanel.vue?vue&type=template&id=584b291a&scoped=true&
 
 // EXTERNAL MODULE: external "@processmaker/screen-builder"
 var screen_builder_ = __webpack_require__("bb3a");
@@ -39329,6 +39458,7 @@ external_vue_default.a.component('FormMultiSelect', vue_form_elements_["FormMult
       return this.defaultInspectorHandler(omit_default()(value, ['artifacts', 'flowElements', 'laneSets']));
     },
     setNodeProp: function setNodeProp(node, key, value) {
+      this.$emit('shape-resize');
       store.commit('updateNodeProp', {
         node: node,
         key: key,
@@ -39350,8 +39480,8 @@ external_vue_default.a.component('FormMultiSelect', vue_form_elements_["FormMult
 });
 // CONCATENATED MODULE: ./src/components/inspectors/InspectorPanel.vue?vue&type=script&lang=js&
  /* harmony default export */ var inspectors_InspectorPanelvue_type_script_lang_js_ = (InspectorPanelvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/inspectors/inspector.scss?vue&type=style&index=0&id=c85f46ac&prod&lang=scss&scoped=true&
-var inspectorvue_type_style_index_0_id_c85f46ac_prod_lang_scss_scoped_true_ = __webpack_require__("eba8");
+// EXTERNAL MODULE: ./src/components/inspectors/inspector.scss?vue&type=style&index=0&id=584b291a&prod&lang=scss&scoped=true&
+var inspectorvue_type_style_index_0_id_584b291a_prod_lang_scss_scoped_true_ = __webpack_require__("97c5");
 
 // CONCATENATED MODULE: ./src/components/inspectors/InspectorPanel.vue
 
@@ -39364,11 +39494,11 @@ var inspectorvue_type_style_index_0_id_c85f46ac_prod_lang_scss_scoped_true_ = __
 
 var InspectorPanel_component = normalizeComponent(
   inspectors_InspectorPanelvue_type_script_lang_js_,
-  InspectorPanelvue_type_template_id_c85f46ac_scoped_true_render,
-  InspectorPanelvue_type_template_id_c85f46ac_scoped_true_staticRenderFns,
+  InspectorPanelvue_type_template_id_584b291a_scoped_true_render,
+  InspectorPanelvue_type_template_id_584b291a_scoped_true_staticRenderFns,
   false,
   null,
-  "c85f46ac",
+  "584b291a",
   null
   
 )
@@ -39384,7 +39514,11 @@ external_vue_default.a.use(vuex_esm["a" /* default */]);
   state: {
     stack: [],
     position: null,
-    disabled: false
+    disabled: false,
+    saved: false,
+    isVersionsInstalled: false,
+    isDraft: false,
+    isLoading: false
   },
   getters: {
     canUndo: function canUndo(state) {
@@ -39395,6 +39529,18 @@ 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;
+    },
+    isDraft: function isDraft(state) {
+      return state.isDraft;
+    },
+    isLoading: function isLoading(state) {
+      return state.isLoading;
     }
   },
   mutations: {
@@ -39413,6 +39559,18 @@ 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;
+    },
+    isDraft: function isDraft(state, payload) {
+      state.isDraft = payload;
+    },
+    isLoading: function isLoading(state, payload) {
+      state.isLoading = payload;
     }
   },
   actions: {
@@ -39443,6 +39601,27 @@ external_vue_default.a.use(vuex_esm["a" /* default */]);
         return;
       }
       commit('setPosition', state.position + 1);
+    },
+    saved: function saved(_ref4) {
+      var commit = _ref4.commit;
+      commit('savedState', true);
+
+      // Automatically remove the notification after 2 seconds.
+      setTimeout(function () {
+        commit('savedState', false);
+      }, 2000);
+    },
+    enableVersions: function enableVersions(_ref5) {
+      var commit = _ref5.commit;
+      commit('isVersionsInstalled', true);
+    },
+    setVersionIndicator: function setVersionIndicator(_ref6, newState) {
+      var commit = _ref6.commit;
+      commit('isDraft', newState);
+    },
+    setLoadingState: function setLoadingState(_ref7, newState) {
+      var commit = _ref7.commit;
+      commit('isLoading', newState);
     }
   }
 }));
@@ -39718,7 +39897,7 @@ function getLocalMousePosition(clientX, clientY, paper) {
     y: clientY
   });
 }
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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":"22894d88-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;
@@ -40053,6 +40232,10 @@ var paperManager_PaperManager = /*#__PURE__*/function () {
         sorting: 'sorting-approximate',
         gridSize: PaperManager.gridSize,
         drawGrid: true,
+        snapLinks: false,
+        // disable snapping of links
+        snapElements: false,
+        // disable snapping of elements
         clickThreshold: 10,
         perpendicularLinks: true,
         interactive: interactiveFunc,
@@ -40174,8 +40357,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":"63130adf-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=0937884d&
-var ToolBarvue_type_template_id_0937884d_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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=35acbb05&
+var ToolBarvue_type_template_id_35acbb05_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-row', {
@@ -40270,7 +40453,7 @@ var ToolBarvue_type_template_id_0937884d_render = function render() {
     },
     on: {
       "click": function click($event) {
-        _vm.scale += _vm.scaleStep;
+        _vm.paperManager.scale = _vm.paperManager.scale.sx + _vm.scaleStep;
       }
     }
   }, [_c('font-awesome-icon', {
@@ -40292,14 +40475,14 @@ var ToolBarvue_type_template_id_0937884d_render = function render() {
     },
     on: {
       "click": function click($event) {
-        _vm.scale = Math.max(_vm.minimumScale, _vm.scale -= _vm.scaleStep);
+        _vm.paperManager.scale = Math.max(_vm.minimumScale, _vm.paperManager.scale.sx -= _vm.scaleStep);
       }
     }
   }, [_c('font-awesome-icon', {
     attrs: {
       "icon": _vm.minusIcon
     }
-  })], 1), _c('b-button', {
+  })], 1), _vm.paperManager ? _c('b-button', {
     directives: [{
       name: "b-tooltip",
       rawName: "v-b-tooltip.hover",
@@ -40309,18 +40492,18 @@ var ToolBarvue_type_template_id_0937884d_render = function render() {
     }],
     staticClass: "btn btn-sm btn-secondary",
     attrs: {
-      "disabled": _vm.scale === _vm.initialScale,
+      "disabled": _vm.paperManager.scale.sx === _vm.initialScale,
       "data-test": "zoom-reset",
       "title": _vm.$t('Reset to initial scale')
     },
     on: {
       "click": function click($event) {
-        _vm.scale = _vm.initialScale;
+        _vm.paperManager.scale = _vm.initialScale;
       }
     }
-  }, [_vm._v(" " + _vm._s(_vm.$t('Reset')) + " ")]), _c('span', {
+  }, [_vm._v(" " + _vm._s(_vm.$t('Reset')) + " ")]) : _vm._e(), _vm.paperManager ? _c('span', {
     staticClass: "btn btn-sm btn-secondary scale-value"
-  }, [_vm._v(_vm._s(Math.round(_vm.scale * 100)) + "%")])], 1), _c('div', {
+  }, [_vm._v(_vm._s(Math.round(_vm.paperManager.scale.sx * 100)) + "%")]) : _vm._e()], 1), _c('div', {
     staticClass: "btn-group btn-group-sm mr-2",
     attrs: {
       "role": "group",
@@ -40370,7 +40553,69 @@ var ToolBarvue_type_template_id_0937884d_render = function render() {
     attrs: {
       "icon": _vm.miniMapOpen ? _vm.minusIcon : _vm.mapIcon
     }
-  })], 1)], 1), _c('b-button', {
+  })], 1)], 1), _c('div', {
+    staticClass: "btn-group btn-group-sm",
+    attrs: {
+      "role": "group",
+      "aria-label": "Publish controls"
+    }
+  }, [_vm.isVersionsInstalled ? [_c('div', {
+    staticClass: "d-flex justify-content-center align-items-center text-black text-capitalize",
+    style: {
+      width: '65px'
+    }
+  }, [_c('span', {
+    staticClass: "toolbar-item mr-1",
+    style: {
+      fontWeight: 600
+    }
+  }, [_vm._v(" " + _vm._s(_vm.versionStatus) + " ")])]), _c('div', {
+    staticClass: "d-flex justify-content-center align-items-center text-black text-capitalize mx-2",
+    style: {
+      width: '60px'
+    }
+  }, [_c('span', {
+    staticClass: "toolbar-item mr-1",
+    style: {
+      fontWeight: 400
+    }
+  }, [_vm._v(" " + _vm._s(_vm.loadingStatus) + " ")]), _c('span', [_c('font-awesome-icon', {
+    staticClass: "text-success",
+    attrs: {
+      "icon": _vm.loadingIcon,
+      "spin": _vm.isLoading
+    }
+  })], 1)]), _c('a', {
+    staticClass: "btn btn-sm btn-primary mini-map-btn text-uppercase mx-2",
+    attrs: {
+      "data-test": "publish-btn",
+      "title": _vm.$t('Publish')
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('saveBpmn');
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t('Publish')) + " ")]), _c('a', {
+    staticClass: "btn btn-sm btn-link toolbar-item mini-map-btn text-black text-uppercase",
+    attrs: {
+      "data-test": "close-btn",
+      "title": _vm.$t('Close')
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('close');
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t('Close')) + " ")]), _c('EllipsisMenu', {
+    attrs: {
+      "actions": _vm.ellipsisMenuActions,
+      "divider": false
+    },
+    on: {
+      "navigate": _vm.onNavigate
+    }
+  })] : _c('b-button', {
     directives: [{
       name: "b-tooltip",
       rawName: "v-b-tooltip.hover",
@@ -40378,7 +40623,7 @@ var ToolBarvue_type_template_id_0937884d_render = function render() {
         "hover": true
       }
     }],
-    staticClass: "btn btn-sm btn-secondary mini-map-btn ml-auto",
+    staticClass: "btn btn-sm btn-secondary mini-map-btn mx-1",
     attrs: {
       "data-test": "mini-map-btn",
       "title": _vm.$t('Save')
@@ -40392,13 +40637,13 @@ var ToolBarvue_type_template_id_0937884d_render = function render() {
     attrs: {
       "icon": _vm.saveIcon
     }
-  })], 1)], 1)], 1)]);
+  })], 1)], 2)], 1)], 1)]);
 };
-var ToolBarvue_type_template_id_0937884d_staticRenderFns = [];
+var ToolBarvue_type_template_id_35acbb05_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/toolbar/ToolBar.vue?vue&type=template&id=0937884d&
+// CONCATENATED MODULE: ./src/components/toolbar/ToolBar.vue?vue&type=template&id=35acbb05&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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=1d0a0bc2&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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=1d0a0bc2&
 var Breadcrumbvue_type_template_id_1d0a0bc2_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -40469,7 +40714,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":"63130adf-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":"22894d88-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;
@@ -41141,12 +41386,6 @@ var AlignButtons_component = normalizeComponent(
     panelsCompressed: Boolean
   },
   watch: {
-    scale: function scale(_scale) {
-      this.paperManager.scale = _scale;
-      if (_scale === this.initialScale) {
-        this.$root.$emit('bv::hide::tooltip');
-      }
-    },
     miniMapOpen: function miniMapOpen(isOpen) {
       this.$emit('toggle-mini-map-open', isOpen);
     },
@@ -41167,6 +41406,26 @@ 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);
+    },
+    isVersionsInstalled: function isVersionsInstalled() {
+      return undoRedoStore.getters.isVersionsInstalled;
+    },
+    isLoading: function isLoading() {
+      return undoRedoStore.getters.isLoading;
+    },
+    loadingStatus: function loadingStatus() {
+      var status = this.isLoading ? 'Saving' : 'Saved';
+      return this.$t(status);
+    },
+    loadingIcon: function loadingIcon() {
+      return this.isLoading ? this.spinner : this.savedIcon;
     }
   },
   data: function data() {
@@ -41183,12 +41442,20 @@ var AlignButtons_component = normalizeComponent(
       expandIcon: free_solid_svg_icons_["faExpand"],
       undoIcon: free_solid_svg_icons_["faUndo"],
       redoIcon: free_solid_svg_icons_["faRedo"],
-      saveIcon: free_solid_svg_icons_["faSave"]
+      saveIcon: free_solid_svg_icons_["faSave"],
+      savedIcon: free_solid_svg_icons_["faCheckCircle"],
+      spinner: free_solid_svg_icons_["faSpinner"],
+      ellipsisMenuActions: [{
+        value: 'discard-draft',
+        content: this.$t('Discard Draft'),
+        icon: ''
+      }]
     };
   },
   methods: {
     undo: function undo() {
       var _this = this;
+      this.$emit('clearSelection');
       if (this.isRendering) {
         return;
       }
@@ -41200,6 +41467,7 @@ var AlignButtons_component = normalizeComponent(
     },
     redo: function redo() {
       var _this2 = this;
+      this.$emit('clearSelection');
       if (this.isRendering) {
         return;
       }
@@ -41208,6 +41476,15 @@ var AlignButtons_component = normalizeComponent(
       }).then(function () {
         return window.ProcessMaker.EventBus.$emit('modeler-change');
       });
+    },
+    onNavigate: function onNavigate(action) {
+      switch (action.value) {
+        case 'discard-draft':
+          window.ProcessMaker.EventBus.$emit('open-versions-discard-modal');
+          break;
+        default:
+          break;
+      }
     }
   }
 });
@@ -41227,8 +41504,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_0937884d_render,
-  ToolBarvue_type_template_id_0937884d_staticRenderFns,
+  ToolBarvue_type_template_id_35acbb05_render,
+  ToolBarvue_type_template_id_35acbb05_staticRenderFns,
   false,
   null,
   null,
@@ -41258,10 +41535,36 @@ 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: {
+    zoomInOutHandler: function zoomInOutHandler(event, options) {
+      var isPlus = event.key === '+' || event.key === 'NumpadAdd' || event.keyCode === 107 || event.keyCode === 187;
+      var isMinus = event.key === '-' || event.key === 'NumpadSubtract' || event.keyCode === 109 || event.keyCode === 189;
+      if (isPlus && options.mod) {
+        this.zoomIn(event);
+      }
+      if (isMinus && options.mod) {
+        this.zoomOut(event);
+      }
+    },
+    zoomIn: function zoomIn(event) {
+      event.preventDefault();
+      this.canvasScale = this.paperManager.scale.sx + this.scaleStep;
+    },
+    zoomOut: function zoomOut(event) {
+      event.preventDefault();
+      this.canvasScale = Math.max(this.minimumScale, this.paperManager.scale.sx -= this.scaleStep);
+    }
+  }
+});
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.map.js
 var es_map = __webpack_require__("4ec9");
 
-// CONCATENATED MODULE: ./src/components/modeler/moveWithArrowKeys.js
+// CONCATENATED MODULE: ./src/components/hotkeys/moveWithArrowKeys.js
 
 
 
@@ -41330,9 +41633,7 @@ function expandPoolToContainElement(shape) {
   }
   pool.component.updateLaneChildren();
 }
-// CONCATENATED MODULE: ./src/components/modeler/setUpSelectionBox.js
-
-
+// CONCATENATED MODULE: ./src/components/hotkeys/main.js
 
 
 
@@ -41340,142 +41641,62 @@ function expandPoolToContainElement(shape) {
 
 
 
-var shapesToNotTranslate = ['processmaker.modeler.bpmn.pool', 'PoolLane', 'processmaker.components.nodes.boundaryEvent.Shape'];
-function setUpSelectionBox(setCursor, resetCursor, paperManager, graph) {
-  var initialPosition;
-  var shiftKeyPressed = false;
-  var selectionBox;
-  var selectionboxMousedownPosition;
-  document.addEventListener('keydown', shiftKeyDownListener);
-  document.addEventListener('keyup', shiftKeyUpListener);
-  document.addEventListener('mousedown', mousedownListener);
-  document.addEventListener('mouseup', mouseupListener);
-  document.addEventListener('mousemove', mousemoveListener);
-  paperManager.addEventHandler('cell:pointerdown', function (cellView) {
-    if (!cellView.model.component) {
-      return;
-    }
-    initialPosition = cellView.model.position();
-    cellView.model.on('change:position', moveAllOtherHighlightedShapes);
-  });
-  paperManager.addEventHandler('cell:pointerup link:pointerup element:pointerup blank:pointerup', function (cellView) {
-    if (!cellView.model) {
-      return;
-    }
-    cellView.model.off('change:position', moveAllOtherHighlightedShapes);
-  });
-  function resetMultiSelect() {
-    resetCursor();
-    shiftKeyPressed = false;
-    paperManager.preventTranslate = false;
-    paperManager.paper.setInteractivity(graph.get('interactiveFunc'));
-  }
-  function shiftKeyDownListener(event) {
-    if (event.shiftKey && (event.ctrlKey || event.altKey || event.metaKey)) {
-      resetMultiSelect();
-      return;
-    }
-    if (event.key !== 'Shift' || shiftKeyPressed) {
-      return;
-    }
-    setCursor();
-    shiftKeyPressed = true;
-    paperManager.preventTranslate = true;
-    paperManager.paper.setInteractivity(false);
-  }
-  function shiftKeyUpListener(_ref) {
-    var key = _ref.key;
-    if (key !== 'Shift' || !shiftKeyPressed) {
-      return;
-    }
-    resetMultiSelect();
-  }
-  function mousedownListener(_ref2) {
-    var clientX = _ref2.clientX,
-      clientY = _ref2.clientY;
-    if (!shiftKeyPressed) {
-      return;
-    }
-    selectionboxMousedownPosition = paperManager.clientToGridPoint(clientX, clientY);
-  }
-  function mousemoveListener(_ref3) {
-    var clientX = _ref3.clientX,
-      clientY = _ref3.clientY;
-    if (!selectionboxMousedownPosition) {
-      return;
-    }
-    if (selectionBox) {
-      graph.removeCells(selectionBox);
-    }
-    var _paperManager$clientT = paperManager.clientToGridPoint(clientX, clientY),
-      x = _paperManager$clientT.x,
-      y = _paperManager$clientT.y;
-    selectionBox = createSelectionBox(selectionboxMousedownPosition, {
-      x: x,
-      y: y
-    });
-    graph.addCell(selectionBox);
-  }
-  function mouseupListener() {
-    selectionboxMousedownPosition = null;
-    if (!selectionBox) {
-      return;
-    }
-    var selectedNodes = paperManager.paper.findViewsInArea(selectionBox.getBBox(), {
-      strict: true
-    }).filter(function (shape) {
-      return shape.model.component;
-    }).map(function (shape) {
-      return shape.model.component.node;
-    });
-    store.commit('addToHighlightedNodes', selectedNodes);
-    graph.removeCells(selectionBox);
-    selectionBox = null;
-  }
-  function moveAllOtherHighlightedShapes(element, newPosition, _ref4) {
-    var movedWithArrowKeys = _ref4.movedWithArrowKeys;
-    if (movedWithArrowKeys || !canMoveProgrammatically(element) || !store.getters.highlightedShapes.includes(element) || element.component.node.pool) {
-      return;
-    }
-    var _initialPosition = initialPosition,
-      x = _initialPosition.x,
-      y = _initialPosition.y;
-    var dx = newPosition.x - x;
-    var dy = newPosition.y - y;
-    store.getters.highlightedShapes.filter(function (shape) {
-      return shape !== element && !shapesToNotTranslate.includes(shape.get('type'));
-    }).forEach(function (shape) {
-      return shape.translate(dx, dy);
-    });
-    initialPosition = newPosition;
-  }
-  function createSelectionBox(p1, p2) {
-    var _g$Line$bbox = new external_jointjs_["g"].Line(p1, p2).bbox(),
-      x = _g$Line$bbox.x,
-      y = _g$Line$bbox.y,
-      width = _g$Line$bbox.width,
-      height = _g$Line$bbox.height;
-    return new external_jointjs_["shapes"].standard.Rectangle({
-      position: {
-        x: x,
-        y: y
-      },
-      size: {
-        width: width,
-        height: height
-      },
-      type: 'selectionBox',
-      attrs: {
-        body: {
-          fill: 'lightblue',
-          opacity: 0.3,
-          stroke: 'blue',
-          strokeWidth: 1
-        }
+/* harmony default export */ var main = ({
+  mixins: [zoomInOut],
+  mounted: function mounted() {
+    document.addEventListener('keydown', this.keydownListener);
+    document.addEventListener('keyup', this.keyupListener);
+  },
+  methods: {
+    handleHotkeys: function handleHotkeys(event, options) {
+      // Pass event to all handlers
+      this.zoomInOutHandler(event, options);
+    },
+    keyupListener: function keyupListener(event) {
+      if (event.code === 'Space') {
+        this.isGrabbing = false;
+        this.paperManager.removeEventHandler('blank:pointermove');
       }
-    });
+    },
+    keydownListener: function keydownListener(event) {
+      var _this = this;
+      // Check if either the Control key (Windows/Linux) or the Meta key (macOS) is pressed
+      var isAppleOS = this.isAppleOS();
+      var mod = isAppleOS ? event.metaKey : event.ctrlKey;
+      var options = {
+        mod: mod,
+        isAppleOS: isAppleOS,
+        modeler: this
+      };
+      try {
+        this.handleHotkeys(event, options);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error(error);
+      }
+      var focusIsOutsideDiagram = !event.target.toString().toLowerCase().includes('body');
+      if (focusIsOutsideDiagram) {
+        return;
+      }
+      if (event.code === 'Space') {
+        this.isGrabbing = true;
+        this.paperManager.addEventHandler('blank:pointermove', function (event, x, y) {
+          if (!_this.canvasDragPosition) {
+            var scale = _this.paperManager.scale;
+            _this.canvasDragPosition = {
+              x: x * scale.sx,
+              y: y * scale.sy
+            };
+          }
+          if (_this.canvasDragPosition) {
+            _this.paperManager.translate(event.offsetX - _this.canvasDragPosition.x, event.offsetY - _this.canvasDragPosition.y);
+          }
+        });
+      }
+      moveShapeByKeypress(event.key, store.getters.highlightedShapes, this.pushToUndoStack);
+    }
   }
-}
+});
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.reflect.get.js
 var es_reflect_get = __webpack_require__("5d41");
 
@@ -41931,7 +42152,7 @@ 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":"63130adf-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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() {
   var _vm = this,
     _c = _vm._self._c;
@@ -42158,6 +42379,939 @@ 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":"22894d88-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=07b57eb6&scoped=true&
+var Selectionvue_type_template_id_07b57eb6_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _vm.showLasso && _vm.style ? _c('div', {
+    ref: "drag",
+    staticClass: "box",
+    style: _vm.style,
+    attrs: {
+      "data-cy": "selection-box",
+      "data-length": _vm.selected.length
+    }
+  }, [_c('crown-multiselect', _vm._g({
+    attrs: {
+      "paper": _vm.paperManager.paper,
+      "graph": _vm.$parent.graph,
+      "moddle": _vm.$parent.moddle,
+      "collaboration": _vm.$parent.collaboration,
+      "process-node": _vm.$parent.processNode,
+      "plane-elements": _vm.$parent.planeElements,
+      "is-rendering": _vm.$parent.isRendering,
+      "dropdown-data": []
+    }
+  }, _vm.$listeners))], 1) : _vm._e();
+};
+var Selectionvue_type_template_id_07b57eb6_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=template&id=07b57eb6&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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=634e2b74&scoped=true&
+var crownMultiselectvue_type_template_id_634e2b74_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _vm.isMultiSelect ? _c('div', {
+    staticClass: "crown-config crown-multiselect",
+    style: _vm.style,
+    attrs: {
+      "role": "menu"
+    }
+  }, [_vm._t("default"), _vm._l(_vm.buttons, function (button) {
+    return _c('button', {
+      key: button.label,
+      staticClass: "btn",
+      attrs: {
+        "aria-label": button.label,
+        "title": button.label,
+        "data-test": button.testId,
+        "role": button.role
+      },
+      on: {
+        "mousedown": function mousedown($event) {
+          $event.stopPropagation();
+          $event.preventDefault();
+        },
+        "click": function click($event) {
+          $event.stopPropagation();
+          $event.preventDefault();
+          return button.action.apply(null, arguments);
+        }
+      }
+    }, [_c('i', {
+      class: "fa fa-".concat(button.icon, " text-white")
+    })]);
+  })], 2) : _vm._e();
+};
+var crownMultiselectvue_type_template_id_634e2b74_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/crown/crownMultiselect/crownMultiselect.vue?vue&type=template&id=634e2b74&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&
+
+
+
+
+
+
+/* harmony default export */ var crownMultiselectvue_type_script_lang_js_ = ({
+  props: {
+    paper: Object
+  },
+  data: function data() {
+    return {
+      runningInCypressTest: runningInCypressTest(),
+      showCrown: false,
+      savePositionOnPointerupEventSet: false,
+      style: null,
+      taskDropdownInitiallyOpen: this.paperNotRendered(),
+      showReplaceModal: false,
+      nodeToReplace: null,
+      buttons: [{
+        label: 'Copy Element',
+        icon: 'copy',
+        testId: 'copy-button',
+        role: 'menuitem',
+        action: this.copyElement
+      }, {
+        label: 'Delete Element',
+        icon: 'trash-alt',
+        testId: 'delete-button',
+        role: 'menuitem',
+        action: this.deleteElement
+      }
+      // add more buttons as necessary
+      ]
+    };
+  },
+  created: function created() {
+    this.$t = this.$t.bind(this);
+  },
+  computed: {
+    isMultiSelect: function isMultiSelect() {
+      var countSelected = store.getters.highlightedShapes.length;
+      return countSelected > 1;
+    },
+    highlightedShapes: function highlightedShapes() {
+      return store.getters.highlightedShapes;
+    }
+  },
+  methods: {
+    copyElement: function copyElement() {
+      // @todo: Implement copyElement
+      this.$emit('copy-nodes');
+    },
+    deleteElement: function deleteElement() {
+      this.$emit('remove-nodes');
+    },
+    paperNotRendered: function paperNotRendered() {
+      return !this.isRendering;
+    },
+    setNodePosition: function setNodePosition() {
+      this.shape.stopListening(this.paper, 'element:pointerup', this.setNodePosition);
+      this.savePositionOnPointerupEventSet = false;
+      if (!store.getters.allowSavingElementPosition) {
+        return;
+      }
+      this.$emit('save-state');
+    },
+    paperDoneRendering: function paperDoneRendering() {
+      var _this = this;
+      if (!this.isRendering) {
+        return;
+      }
+      return new Promise(function (resolve) {
+        return _this.paper.once('render:done', resolve);
+      });
+    },
+    setUpCrownConfig: function setUpCrownConfig() {
+      this.paper.on('render:done scale:changed translate:changed', this.repositionCrown);
+    },
+    setUpPositionHandling: function setUpPositionHandling() {}
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return _this2.$nextTick();
+          case 2:
+            _context.next = 4;
+            return _this2.paperDoneRendering();
+          case 4:
+            _this2.setUpCrownConfig();
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+  }
+});
+// 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=634e2b74&prod&scoped=true&lang=css&
+var crownMultiselectvue_type_style_index_0_id_634e2b74_prod_scoped_true_lang_css_ = __webpack_require__("ef00");
+
+// CONCATENATED MODULE: ./src/components/crown/crownMultiselect/crownMultiselect.vue
+
+
+
+
+
+
+/* normalize component */
+
+var crownMultiselect_component = normalizeComponent(
+  crownMultiselect_crownMultiselectvue_type_script_lang_js_,
+  crownMultiselectvue_type_template_id_634e2b74_scoped_true_render,
+  crownMultiselectvue_type_template_id_634e2b74_scoped_true_staticRenderFns,
+  false,
+  null,
+  "634e2b74",
+  null
+  
+)
+
+/* harmony default export */ var crownMultiselect = (crownMultiselect_component.exports);
+// 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/modeler/Selection.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var Selectionvue_type_script_lang_js_ = ({
+  name: 'Selection',
+  components: {
+    CrownMultiselect: crownMultiselect
+  },
+  props: {
+    graph: Object,
+    paperManager: Object,
+    useModelGeometry: Boolean,
+    processNode: Object
+  },
+  data: function data() {
+    return {
+      start: null,
+      isSelecting: false,
+      isSelected: false,
+      selected: [],
+      dragging: false,
+      style: {
+        left: '0px',
+        top: '0px',
+        width: '0px',
+        height: '0px'
+      },
+      mouseX: 0,
+      mouseY: 0,
+      top: 0,
+      left: 0,
+      initialPosition: null,
+      hasMouseDown: false,
+      hasMouseMoved: false,
+      showLasso: false,
+      isOutOfThePool: false,
+      stopForceMove: false,
+      draggableBlackList: [poolLane_config_id],
+      selectionBlackList: [genericFlow_config_id],
+      selectableBlackList: [genericFlow_config_id]
+    };
+  },
+  mounted: function mounted() {
+    this.paperManager.paper.on('scale:changed ', this.updateSelectionBox);
+    this.paperManager.paper.on('translate:changed ', this.translateChanged);
+  },
+  watch: {
+    // whenever selected changes
+    selected: function selected(newSelected) {
+      this.addToHighlightedNodes(newSelected);
+    }
+  },
+  methods: {
+    /**
+     * Select an element dinamically.
+     * Shift key will manage the condition to push to selection
+     * @param {Object} view
+     * @param {Boolean} shiftKey
+     */
+    selectElement: function selectElement(view) {
+      var _arguments = arguments,
+        _this = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var shiftKey;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              shiftKey = _arguments.length > 1 && _arguments[1] !== undefined ? _arguments[1] : false;
+              if (!(view.model.component && _this.selectableBlackList.includes(view.model.component.node.type))) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return");
+            case 3:
+              _this.showLasso = true;
+              _this.isSelected = true;
+              _this.isSelecting = true;
+              _this.start = null;
+              if (shiftKey) {
+                _this.shiftKeySelectionHandler(view);
+              } else {
+                _this.selected = [view];
+              }
+              _this.filterSelected();
+              _context.next = 11;
+              return _this.$nextTick();
+            case 11:
+              _this.updateSelectionBox();
+            case 12:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }))();
+    },
+    /**
+     * Select or unselect an element with shift key pressed
+     * @param {Object} view
+     */
+    shiftKeySelectionHandler: function shiftKeySelectionHandler(view) {
+      var _this2 = this;
+      // validate if current shape is black listed
+      if (view && view.model && view.model.component && this.draggableBlackList.includes(view.model.component.node.type)) {
+        return;
+      }
+      // validate if there is a lane previously selected
+      var lane = this.selected.find(function (view) {
+        return _this2.draggableBlackList.includes(view.model.component.node.type);
+      });
+      if (lane) {
+        this.selected = [view];
+        return;
+      }
+      // validate if the current selection is a pool
+      if (view.model.component && view.model.component.node.type === pool_config_id) {
+        //validate if previous selection are all pools
+        if (this.hasOnlyPools(this.selected)) {
+          this.selectOrUnselectShape(view);
+        } else {
+          this.selected = [view];
+        }
+        return;
+      }
+      this.selectOrUnselectShape(view);
+    },
+    /**
+     * Select an shape if it is not in the collection
+     * Unselect an shape if it is in the collection
+     */
+    selectOrUnselectShape: function selectOrUnselectShape(view) {
+      var element = this.selected.find(function (item) {
+        return item.id === view.id;
+      });
+      if (element) {
+        this.selected = this.selected.filter(function (item) {
+          return item.id !== view.id;
+        });
+      } else {
+        this.selected.push(view);
+      }
+    },
+    clearSelection: function clearSelection() {
+      this.initSelection();
+    },
+    initSelection: function initSelection() {
+      this.isSelecting = false;
+      this.start = null;
+      this.selected = [];
+      this.showLasso = false;
+      this.isSelected = false;
+      this.style = {
+        left: '0px',
+        top: '0px',
+        width: '0px',
+        height: '0px'
+      };
+    },
+    /**
+     * Starts the selection box
+     * @param {Object} event
+     */
+    startSelection: function startSelection(event) {
+      var paper = this.paperManager.paper;
+      var _util$normalizeEvent = external_jointjs_["util"].normalizeEvent(event),
+        clientX = _util$normalizeEvent.clientX,
+        clientY = _util$normalizeEvent.clientY,
+        offsetX = _util$normalizeEvent.offsetX,
+        offsetY = _util$normalizeEvent.offsetY;
+      var paperOffset = paper.$el.offset();
+      this.clearSelection();
+      this.isSelecting = true;
+      this.showLasso = true;
+      this.start = {
+        x: clientX - paperOffset.left + window.pageXOffset + paper.$el.scrollLeft(),
+        y: clientY - paperOffset.top + window.pageYOffset + paper.$el.scrollTop()
+      };
+      this._offset = {
+        x: offsetX,
+        y: offsetY
+      };
+    },
+    /**
+     * Updates the selection box
+     * @param {Object} event
+     */
+    updateSelection: function updateSelection(event) {
+      var paper = this.paperManager.paper;
+      if (this.isSelecting && !this.isSelected && this.start) {
+        var nEvent = external_jointjs_["util"].normalizeEvent(event);
+        var paperOffset = paper.$el.offset();
+        var end = {
+          x: nEvent.clientX - paperOffset.left + window.pageXOffset + paper.$el.scrollLeft(),
+          y: nEvent.clientY - paperOffset.top + window.pageYOffset + paper.$el.scrollTop()
+        };
+        var size = {
+          height: end.y - this.start.y,
+          width: end.x - this.start.x
+        };
+        // Set the position of the element
+        this.style.left = "".concat(size.width < 0 ? this._offset.x + size.width : this.start.x, "px");
+        this.style.top = "".concat(size.height < 0 ? this._offset.y + size.height : this.start.y, "px");
+        // Set the dimensions of the element
+        this.style.width = "".concat(Math.abs(size.width), "px");
+        this.style.height = "".concat(Math.abs(size.height), "px");
+      }
+    },
+    /**
+     * End the selection box
+     */
+    endSelection: function endSelection() {
+      var paper = this.paperManager.paper;
+      if (!this.isSelecting || this.isSelected) {
+        return;
+      }
+      var paperOffset = paper.$el.offset();
+      var selectorOffset = {
+        left: this.$el.offsetLeft + paperOffset.left,
+        top: this.$el.offsetTop + paperOffset.top
+      };
+      var width = this.$el.clientWidth;
+      var height = this.$el.clientHeight;
+      var f = Object(external_jointjs_["V"])(paper.viewport).toLocalPoint(selectorOffset.left, selectorOffset.top);
+      f.x -= window.pageXOffset;
+      f.y -= window.pageYOffset;
+      var scale = paper.scale();
+      width /= scale.sx;
+      height /= scale.sy;
+      var selectedArea = external_jointjs_["g"].rect(f.x, f.y, width, height);
+      this.selected = this.getElementsInSelectedArea(selectedArea, {
+        strict: false
+      });
+      this.filterSelected();
+      if (this.selected && this.selected.length > 0) {
+        this.updateSelectionBox();
+        this.isSelected = true;
+      } else {
+        this.clearSelection();
+        this.isSelected = false;
+        this.start = null;
+      }
+      this.start = null;
+    },
+    /**
+     * Get elements into a selected area
+     * @param {Object} area
+     */
+    getElementsInSelectedArea: function getElementsInSelectedArea(area, options) {
+      var addLinks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      var paper = this.paperManager.paper;
+      var elements = paper.findViewsInArea(area, options);
+      if (!addLinks) {
+        return elements;
+      }
+      // get flows
+      this.graph.getLinks().forEach(function (link) {
+        // Check if the link is within the selected area
+        if (area.intersect(link.getBBox())) {
+          // The link is within the selected area
+          // Do something with the link, such as highlighting it
+          elements.push(paper.findViewByModel(link));
+        }
+      });
+      return elements;
+    },
+    /**
+     * Return the bounding box of the selected elements,
+     * @param {Array} selected
+     */
+    getSelectionVertex: function getSelectionVertex(selected) {
+      var byModel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var includeAll = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var point = {
+        x: 1 / 0,
+        y: 1 / 0
+      };
+      var size = {
+        width: 0,
+        height: 0
+      };
+      var useModelGeometry = this.useModelGeometry;
+      var shapesToNotTranslate = ['PoolLane', 'standard.Link'];
+      selected.filter(function (shape) {
+        return includeAll || !shapesToNotTranslate.includes(shape.model.get('type'));
+      }).map(function (view) {
+        var box = byModel ? view.model.getBBox({
+          useModelGeometry: useModelGeometry
+        }) : view.getBBox({
+          useModelGeometry: useModelGeometry
+        }).inflate(7);
+        point.x = Math.min(point.x, box.x);
+        point.y = Math.min(point.y, box.y);
+        size.width = Math.max(size.width, box.x + box.width);
+        size.height = Math.max(size.height, box.y + box.height);
+      });
+      return {
+        minX: point.x,
+        minY: point.y,
+        maxX: size.width,
+        maxY: size.height
+      };
+    },
+    /**
+     * Update the selection Box
+     */
+    updateSelectionBox: function updateSelectionBox() {
+      var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      if (force || this.isSelecting && this.style) {
+        if (this.selected.length > 0) {
+          var box = this.getSelectionVertex(this.selected, false, true);
+          // Set the position of the element
+          this.style.left = "".concat(box.minX, "px");
+          this.style.top = "".concat(box.minY, "px");
+          this.left = parseInt(this.style.left);
+          this.top = parseInt(this.style.top);
+          // 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 {
+          this.clearSelection();
+        }
+      }
+    },
+    /**
+     * Filter the selected elements
+     */
+    filterSelected: function filterSelected() {
+      // remove from selection the selected child nodes in the pool
+      var selectedPoolsIds = this.selected.filter(function (shape) {
+        return shape.model.component;
+      }).filter(function (shape) {
+        return shape.model.component.node.type === 'processmaker-modeler-pool';
+      }).map(function (shape) {
+        return shape.model.component.node.id;
+      });
+      this.selected = this.selected.filter(function (shape) {
+        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);
+        }
+        return true;
+      }).filter(function (shape) {
+        return !(shape.model.getParentCell() && shape.model.getParentCell().get('parent'));
+      });
+    },
+    /**
+     * Pan paper handler
+     */
+    translateChanged: function translateChanged() {
+      if (this.isSelecting) {
+        this.updateSelectionBox();
+      }
+    },
+    /**
+     * Verify if has selected lanes
+     */
+    hasLanes: function hasLanes(selected) {
+      var shapesToNotTranslate = ['processmaker-modeler-lane'];
+      var shapes = selected.find(function (shape) {
+        return shapesToNotTranslate.includes(shape.model.component.node.type);
+      });
+      if (shapes) {
+        return true;
+      }
+      return false;
+    },
+    /**
+     * Verify if has only flows
+     */
+    hasOnlyLinks: function hasOnlyLinks(selected) {
+      var shapes = this.selected.filter(function (shape) {
+        return shape.model.get('type') === 'standard.Link';
+      });
+      return shapes && selected.length === shapes.length;
+    },
+    /**
+     * Verify if has selected one Pools
+     */
+    hasOnlyPools: function hasOnlyPools(selected) {
+      var shapes = this.selected.filter(function (shape) {
+        return shape.model.component && shape.model.component.node.type === pool_config_id;
+      });
+      return shapes && selected.length === shapes.length;
+    },
+    /**
+     * Start the drag procedure for the selext box
+     * @param {Object} event
+     */
+    startDrag: function startDrag(event) {
+      if (!this.$refs.drag) {
+        return;
+      }
+      this.stopForceMove = false;
+      this.dragging = true;
+      this.hasMouseMoved = false;
+      var nEvent = external_jointjs_["util"].normalizeEvent(event);
+      this.mouseX = nEvent.clientX;
+      this.mouseY = nEvent.clientY;
+      this.top = this.$refs.drag.offsetTop;
+      this.left = this.$refs.drag.offsetLeft;
+      this.initialPosition = {
+        top: this.top,
+        left: this.left
+      };
+      if (this.hasLanes(this.selected)) {
+        this.stopForceMove = true;
+        return;
+      }
+      if (this.hasOnlyLinks(this.selected)) {
+        this.stopForceMove = true;
+        return;
+      }
+      if (this.selected && this.selected.length === 1 && this.selected[0].model.get('type') === 'processmaker.components.nodes.boundaryEvent.Shape') {
+        this.selected[0].model.component.attachToValidTarget(this.selected[0]);
+      }
+    },
+    /**
+     * on Drag procedure
+     * @param {*} event
+     */
+    drag: function drag(event) {
+      if (this.stopForceMove) return;
+      if (!this.dragging) return;
+      this.hasMouseMoved = true;
+      var nEvent = external_jointjs_["util"].normalizeEvent(event);
+      var deltaX = nEvent.clientX - this.mouseX;
+      var deltaY = nEvent.clientY - this.mouseY;
+      this.top += deltaY;
+      this.left += deltaX;
+      this.mouseX = nEvent.clientX;
+      this.mouseY = nEvent.clientY;
+      // Set the position of the element
+      var scale = this.paperManager.paper.scale();
+      this.style.left = "".concat(this.left, "px");
+      this.style.top = "".concat(this.top, "px");
+      this.translateSelectedShapes(deltaX / scale.sx, deltaY / scale.sy);
+      this.overPoolDrag(event);
+    },
+    /**
+     * Stop drag procedure
+     * @param {Object} event
+     */
+    stopDrag: function stopDrag() {
+      this.overPoolStopDrag();
+      this.$emit('save-state');
+      this.dragging = false;
+      this.stopForceMove = false;
+    },
+    /**
+     * Translate the Selected shapes adding some custom validations
+     */
+    translateSelectedShapes: function translateSelectedShapes(x, y, drafRef) {
+      var shapesToNotTranslate = ['PoolLane', 'standard.Link', 'processmaker.components.nodes.boundaryEvent.Shape'];
+      var shapes = this.selected.filter(function (shape) {
+        return !shapesToNotTranslate.includes(shape.model.get('type'));
+      });
+      if (drafRef) {
+        shapes.filter(function (shape) {
+          return drafRef.model.get('id') !== shape.model.get('id');
+        });
+      }
+      // allow movement only if one lane boundary event is selected;
+      if (this.selected && this.selected.length === 1 && this.selected[0].model.get('type') === 'processmaker.components.nodes.boundaryEvent.Shape') {
+        this.selected[0].model.translate(x, y);
+        return;
+      }
+      shapes.forEach(function (shape) {
+        return shape.model.translate(x, y);
+      });
+    },
+    /**
+     * Gets shape from a point object
+     * @param {Object} event
+     */
+    getShapesFromPoint: function getShapesFromPoint(event) {
+      var nEvent = external_jointjs_["util"].normalizeEvent(event);
+      var mouseX = nEvent.clientX;
+      var mouseY = nEvent.clientY;
+      var point = Object(external_jointjs_["V"])(this.paperManager.paper.viewport).toLocalPoint(mouseX, mouseY);
+      return this.paperManager.paper.findViewsFromPoint(point);
+    },
+    /**
+     * Add an element into the highlighted nodes
+     */
+    addToHighlightedNodes: function addToHighlightedNodes(selected) {
+      store.commit('highlightNode');
+      if (selected.length > 0) {
+        var selectedNodes = selected.filter(function (shape) {
+          return shape.model.component;
+        }).map(function (shape) {
+          return shape.model.component.node;
+        });
+        store.commit('addToHighlightedNodes', selectedNodes);
+      } else {
+        store.commit('highlightNode', this.processNode);
+      }
+    },
+    /**
+     * Gets the child shape
+     * @param {object} point
+     */
+    getChildShape: function getChildShape(point) {
+      var result = null;
+      var views = this.getShapesFromPoint(point);
+      if (views.length === 1) {
+        return views[0];
+      }
+      views.forEach(function (shape) {
+        if (shape.model.get('parent') && shape.model.component.node.type !== poolLane_config_id) {
+          result = shape;
+        }
+      });
+      return result;
+    },
+    /**
+     * Mark a shape as selected
+     * @param {object} point
+     */
+    markSelectedByPoint: function markSelectedByPoint(point) {
+      var element = this.getChildShape(point);
+      if (element) {
+        this.selected = [element];
+      }
+      if (this.selected.length > 0) {
+        this.isSelected = true;
+        this.isSelecting = true;
+        this.showLasso = true;
+        this.updateSelectionBox();
+      }
+    },
+    /**
+     * Get the elements that are inside the selector box
+     */
+    getElementsInsideSelector: function getElementsInsideSelector() {
+      var paper = this.paperManager.paper;
+      var paperOffset = paper.$el.offset();
+      var selectorOffset = {
+        left: this.$el.offsetLeft + paperOffset.left,
+        top: this.$el.offsetTop + paperOffset.top
+      };
+      var width = this.$el.clientWidth;
+      var height = this.$el.clientHeight;
+      var f = Object(external_jointjs_["V"])(paper.viewport).toLocalPoint(selectorOffset.left, selectorOffset.top);
+      f.x -= window.pageXOffset;
+      f.y -= window.pageYOffset;
+      var scale = paper.scale();
+      width /= scale.sx;
+      height /= scale.sy;
+      var selectedArea = external_jointjs_["g"].rect(f.x, f.y, width, height);
+      return this.getElementsInSelectedArea(selectedArea, {
+        strict: false
+      });
+    },
+    /**
+     * Check that they are not in a pool
+     * @param {Array} elements 
+     * @return true if there is a pool in the selection or if none of the selected elements are in a pool
+     */
+    isNotPoolChilds: function isNotPoolChilds(elements) {
+      if (elements.length > 0) {
+        var poolInSelection = elements.find(function (_ref) {
+          var model = _ref.model;
+          return model.component && model.component.node.type === pool_config_id;
+        });
+        var elementInAPool = elements.find(function (_ref2) {
+          var model = _ref2.model;
+          return model.getParentCell() && model.getParentCell().component.node.type === pool_config_id;
+        });
+        return !!poolInSelection || !elementInAPool;
+      }
+      return false;
+    },
+    /**
+     * Movement controller of the elements that are inside a pool
+     */
+    overPoolDrag: function overPoolDrag(event) {
+      if (this.isNotPoolChilds(this.selected)) {
+        return;
+      }
+      var elementsUnderDivArea = this.getShapesFromPoint(event);
+      var pool = elementsUnderDivArea.find(function (item) {
+        return item.model.component && item.model.component.node.type === pool_config_id;
+      });
+      if (!pool) {
+        this.isOutOfThePool = true;
+        store.commit('preventSavingElementPosition');
+        this.paperManager.setStateInvalid();
+      } else {
+        this.isOutOfThePool = false;
+        store.commit('preventSavingElementPosition');
+        this.paperManager.setStateValid();
+      }
+    },
+    /**
+     * Stop dragging elements that are in a pool
+     */
+    overPoolStopDrag: function overPoolStopDrag() {
+      if (this.isNotPoolChilds(this.selected)) {
+        return;
+      }
+      if (this.isOutOfThePool) {
+        this.rollbackSelection();
+      } else {
+        this.expandToFitElement(this.selected);
+      }
+    },
+    /**
+     * 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();
+    },
+    /**
+     * Expand and fit the pool container
+     */
+    expandToFitElement: function expandToFitElement(selected) {
+      if (selected.length > 0) {
+        var pool = selected.find(function (_ref3) {
+          var model = _ref3.model;
+          if (model.getParentCell()) {
+            return model.getParentCell().component.node.type === pool_config_id;
+          }
+          return false;
+        }).model.getParentCell();
+        var selectionBBox = this.getSelectionVertex(this.selected, true);
+        var _pool$getBBox = pool.getBBox(),
+          poolX = _pool$getBBox.x,
+          poolY = _pool$getBBox.y,
+          width = _pool$getBBox.width,
+          height = _pool$getBBox.height;
+        var elementWidth = selectionBBox.maxX - selectionBBox.minX;
+        var elementHeight = selectionBBox.maxY - selectionBBox.minY;
+        var relativeX = selectionBBox.minX - poolX;
+        var relativeY = selectionBBox.minY - poolY;
+        var rightEdge = relativeX + elementWidth;
+        var leftEdge = relativeX;
+        var topEdge = relativeY;
+        var bottomEdge = relativeY + elementHeight;
+        var newWidth = 0;
+        var newHeight = 0;
+        var directionHeight = 'bottom';
+        var directionWidth = 'right';
+        if (rightEdge > width - poolPadding) {
+          newWidth = rightEdge + poolPadding;
+        }
+        if (leftEdge < labelWidth + poolPadding) {
+          newWidth = width + (labelWidth + poolPadding - leftEdge);
+          directionWidth = 'left';
+        }
+        if (topEdge < poolPadding) {
+          newHeight = poolPadding - topEdge + height;
+          directionHeight = 'top';
+        }
+        if (bottomEdge > height) {
+          newHeight = bottomEdge + poolPadding;
+        }
+        if (newWidth || newHeight) {
+          pool.resize(Math.max(newWidth, width), Math.max(newHeight, height), {
+            direction: "".concat(directionHeight, "-").concat(directionWidth)
+          });
+          pool.component.fixResizeRounding();
+          if (pool.component.laneSet) {
+            /* Expand any lanes within the pool */
+            pool.component.resizeLanes();
+            pool.component.sortedLanes().forEach(function (laneShape) {
+              store.commit('updateNodeBounds', {
+                node: laneShape.component.node,
+                bounds: laneShape.getBBox()
+              });
+            });
+          }
+          pool.component.updateAnchorPointPosition();
+          store.commit('updateNodeBounds', {
+            node: pool.component.node,
+            bounds: pool.getBBox()
+          });
+          this.$emit('save-state');
+        }
+      }
+    }
+  }
+});
+// 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=07b57eb6&prod&scoped=true&lang=css&
+var Selectionvue_type_style_index_0_id_07b57eb6_prod_scoped_true_lang_css_ = __webpack_require__("0abe");
+
+// CONCATENATED MODULE: ./src/components/modeler/Selection.vue
+
+
+
+
+
+
+/* normalize component */
+
+var Selection_component = normalizeComponent(
+  modeler_Selectionvue_type_script_lang_js_,
+  Selectionvue_type_template_id_07b57eb6_scoped_true_render,
+  Selectionvue_type_template_id_07b57eb6_scoped_true_staticRenderFns,
+  false,
+  null,
+  "07b57eb6",
+  null
+  
+)
+
+/* harmony default export */ var Selection = (Selection_component.exports);
 // 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/modeler/Modeler.vue?vue&type=script&lang=js&
 
 
@@ -42208,6 +43362,10 @@ var genericFlow_component = normalizeComponent(
 
 
 
+
+
+
+
 
 
 
@@ -42219,7 +43377,8 @@ var genericFlow_component = normalizeComponent(
     controls: controls_controls,
     InspectorPanel: InspectorPanel,
     MiniPaper: MiniPaper,
-    ProcessmakerModelerGenericFlow: genericFlow_genericFlow
+    ProcessmakerModelerGenericFlow: genericFlow_genericFlow,
+    Selection: Selection
   },
   props: {
     owner: Object,
@@ -42230,6 +43389,7 @@ var genericFlow_component = normalizeComponent(
       }
     }
   },
+  mixins: [main],
   data: function data() {
     return {
       tooltipTarget: null,
@@ -42267,7 +43427,16 @@ var genericFlow_component = normalizeComponent(
       breadcrumbData: [],
       activeNode: null,
       xmlManager: null,
-      previouslyStackedShape: null
+      previouslyStackedShape: null,
+      keyMod: this.isAppleOS() ? 'Command' : 'Control',
+      canvasScale: 1,
+      initialScale: 1,
+      minimumScale: 0.2,
+      scaleStep: 0.1,
+      isDragging: false,
+      isSelecting: false,
+      isIntoTheSelection: false,
+      dragStart: null
     };
   },
   watch: {
@@ -42293,6 +43462,9 @@ var genericFlow_component = normalizeComponent(
     },
     autoValidate: function autoValidate() {
       this.validateIfAutoValidateIsOn();
+    },
+    canvasScale: function canvasScale(_canvasScale) {
+      this.paperManager.scale = _canvasScale;
     }
   },
   computed: {
@@ -42328,6 +43500,29 @@ var genericFlow_component = normalizeComponent(
     }
   },
   methods: {
+    isAppleOS: function isAppleOS() {
+      return typeof navigator !== 'undefined' && /Mac|iPad|iPhone/.test(navigator.platform);
+    },
+    shapeResize: function shapeResize() {
+      var _this = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return _this.$nextTick();
+            case 2:
+              _context.next = 4;
+              return _this.paperManager.awaitScheduledUpdates();
+            case 4:
+              _this.$refs.selector.updateSelectionBox(true);
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }))();
+    },
     toggleDefaultFlow: function toggleDefaultFlow(flow) {
       var source = flow.definition.sourceRef;
       if (source.default && source.default.id === flow.id) {
@@ -42341,32 +43536,46 @@ var genericFlow_component = normalizeComponent(
       clonedNode.diagram.bounds.y += yOffset;
       this.addNode(clonedNode);
     },
+    close: function close() {
+      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:
+              _this2.$emit('close');
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }))();
+    },
     saveBpmn: function saveBpmn() {
-      var _this = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _this3 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         var svg, css, style, xml, svgString;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               svg = document.querySelector('.mini-paper svg');
               css = 'text { font-family: sans-serif; }';
               style = document.createElement('style');
               style.appendChild(document.createTextNode(css));
               svg.appendChild(style);
-              _context.next = 7;
-              return _this.getXmlFromDiagram();
+              _context3.next = 7;
+              return _this3.getXmlFromDiagram();
             case 7:
-              xml = _context.sent;
+              xml = _context3.sent;
               svgString = new XMLSerializer().serializeToString(svg);
-              _this.$emit('saveBpmn', {
+              _this3.$emit('saveBpmn', {
                 xml: xml,
                 svg: svgString
               });
             case 10:
             case "end":
-              return _context.stop();
+              return _context3.stop();
           }
-        }, _callee);
+        }, _callee3);
       }))();
     },
     borderOutline: function borderOutline(nodeId) {
@@ -42377,16 +43586,16 @@ var genericFlow_component = normalizeComponent(
       this.$emit('warnings', this.allWarnings);
     },
     validatePlaneElements: function validatePlaneElements() {
-      var _this2 = this;
+      var _this4 = this;
       this.planeElements.filter(function (diagram) {
         return !diagram.bpmnElement;
       }).map(function (diagram) {
         return {
-          title: _this2.$t('Non-existent Element'),
-          text: _this2.$t('bpmdi:BPMNShape ') + diagram.id + _this2.$t(' references a non-existent element and was not parsed')
+          title: _this4.$t('Non-existent Element'),
+          text: _this4.$t('bpmdi:BPMNShape ') + diagram.id + _this4.$t(' references a non-existent element and was not parsed')
         };
       }).forEach(function (warning) {
-        return _this2.addWarning(warning);
+        return _this4.addWarning(warning);
       });
     },
     cleanPlaneElements: function cleanPlaneElements() {
@@ -42413,37 +43622,37 @@ var genericFlow_component = normalizeComponent(
       }
     },
     pushToUndoStack: function pushToUndoStack() {
-      var _this3 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _this5 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
         var xml;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
-              return _this3.getXmlFromDiagram();
+              _context4.prev = 0;
+              _context4.next = 3;
+              return _this5.getXmlFromDiagram();
             case 3:
-              xml = _context2.sent;
+              xml = _context4.sent;
               undoRedoStore.dispatch('pushState', xml);
               window.ProcessMaker.EventBus.$emit('modeler-change');
-              _context2.next = 11;
+              _context4.next = 11;
               break;
             case 8:
-              _context2.prev = 8;
-              _context2.t0 = _context2["catch"](0);
+              _context4.prev = 8;
+              _context4.t0 = _context4["catch"](0);
               // eslint-disable-next-line no-console
-              console.warn(_context2.t0.message);
+              console.warn(_context4.t0.message);
             case 11:
             case "end":
-              return _context2.stop();
+              return _context4.stop();
           }
-        }, _callee2, null, [[0, 8]]);
+        }, _callee4, null, [[0, 8]]);
       }))();
     },
     getXmlFromDiagram: function getXmlFromDiagram() {
-      var _this4 = this;
+      var _this6 = this;
       return new Promise(function (resolve, reject) {
-        _this4.toXML(function (error, xml) {
+        _this6.toXML(function (error, xml) {
           if (error) {
             reject(error);
           } else {
@@ -42453,28 +43662,28 @@ var genericFlow_component = normalizeComponent(
       });
     },
     validateBpmnDiagram: function validateBpmnDiagram() {
-      var _this5 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+      var _this7 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               if (!(!store.getters.globalProcesses || store.getters.globalProcesses.length === 0)) {
-                _context3.next = 3;
+                _context5.next = 3;
                 break;
               }
-              _context3.next = 3;
+              _context5.next = 3;
               return store.dispatch('fetchGlobalProcesses');
             case 3:
-              _context3.next = 5;
-              return _this5.linter.lint(_this5.definitions);
+              _context5.next = 5;
+              return _this7.linter.lint(_this7.definitions);
             case 5:
-              _this5.validationErrors = _context3.sent;
-              _this5.$emit('validate', _this5.validationErrors);
+              _this7.validationErrors = _context5.sent;
+              _this7.$emit('validate', _this7.validationErrors);
             case 7:
             case "end":
-              return _context3.stop();
+              return _context5.stop();
           }
-        }, _callee3);
+        }, _callee5);
       }))();
     },
     setPools: function setPools(poolDefinition) {
@@ -42550,7 +43759,7 @@ var genericFlow_component = normalizeComponent(
       this.extensions[namespace] = extension;
     },
     registerNode: function registerNode(nodeType, customParser) {
-      var _this6 = this;
+      var _this8 = this;
       var defaultParser = function defaultParser() {
         return nodeType.id;
       };
@@ -42567,22 +43776,22 @@ var genericFlow_component = normalizeComponent(
       this.nodeTypes.push(nodeType);
       var types = Array.isArray(nodeType.bpmnType) ? nodeType.bpmnType : [nodeType.bpmnType];
       types.forEach(function (bpmnType) {
-        if (!_this6.parsers[bpmnType]) {
-          _this6.parsers[bpmnType] = {
+        if (!_this8.parsers[bpmnType]) {
+          _this8.parsers[bpmnType] = {
             custom: [],
             implementation: [],
             default: []
           };
         }
         if (customParser) {
-          _this6.parsers[bpmnType].custom.push(customParser);
+          _this8.parsers[bpmnType].custom.push(customParser);
           return;
         }
         if (nodeType.implementation) {
-          _this6.parsers[bpmnType].implementation.push(implementationParser);
+          _this8.parsers[bpmnType].implementation.push(implementationParser);
           return;
         }
-        _this6.parsers[bpmnType].default.push(defaultParser);
+        _this8.parsers[bpmnType].default.push(defaultParser);
       });
     },
     addMessageFlows: function addMessageFlows() {
@@ -42591,21 +43800,21 @@ var genericFlow_component = normalizeComponent(
       }
     },
     loadAssociations: function loadAssociations(flowElements, artifacts) {
-      var _this7 = this;
+      var _this9 = this;
       artifacts.filter(function (definition) {
-        return definition.$type === 'bpmn:Association' && _this7.hasSourceAndTarget(definition);
+        return definition.$type === 'bpmn:Association' && _this9.hasSourceAndTarget(definition);
       }).forEach(function (definition) {
-        return _this7.setNode(definition, flowElements, artifacts);
+        return _this9.setNode(definition, flowElements, artifacts);
       });
     },
     loadDataAssociations: function loadDataAssociations(flowElements) {
-      var _this8 = this;
+      var _this10 = 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) {
-          _this8.setNode(dataAssociationLink, flowElements);
+          _this10.setNode(dataAssociationLink, flowElements);
         });
       });
       var tasksThatHaveDataInputAssociations = flowElements.filter(function (task) {
@@ -42613,32 +43822,32 @@ var genericFlow_component = normalizeComponent(
       });
       tasksThatHaveDataInputAssociations.forEach(function (task) {
         task.get('dataInputAssociations').forEach(function (dataAssociationLink) {
-          _this8.setNode(dataAssociationLink, flowElements);
+          _this10.setNode(dataAssociationLink, flowElements);
         });
       });
     },
     loadArtifacts: function loadArtifacts(flowElements, artifacts) {
-      var _this9 = this;
+      var _this11 = this;
       artifacts.filter(function (definition) {
         return definition.$type !== 'bpmn:Association';
       }).forEach(function (definition) {
-        return _this9.setNode(definition, flowElements, artifacts);
+        return _this11.setNode(definition, flowElements, artifacts);
       });
     },
     loadSequenceFlows: function loadSequenceFlows(flowElements, artifacts) {
-      var _this10 = this;
+      var _this12 = this;
       flowElements.filter(function (definition) {
-        return definition.$type === 'bpmn:SequenceFlow' && _this10.hasSourceAndTarget(definition);
+        return definition.$type === 'bpmn:SequenceFlow' && _this12.hasSourceAndTarget(definition);
       }).forEach(function (definition) {
-        return _this10.setNode(definition, flowElements, artifacts);
+        return _this12.setNode(definition, flowElements, artifacts);
       });
     },
     loadFlowElements: function loadFlowElements(flowElements, artifacts) {
-      var _this11 = this;
+      var _this13 = this;
       flowElements.filter(function (definition) {
         return definition.$type !== 'bpmn:SequenceFlow';
       }).forEach(function (definition) {
-        return _this11.setNode(definition, flowElements, artifacts);
+        return _this13.setNode(definition, flowElements, artifacts);
       });
     },
     addLanes: function addLanes(process) {
@@ -42653,17 +43862,17 @@ var genericFlow_component = normalizeComponent(
       this.collaboration.get('participants').forEach(this.setNode);
     },
     setUpDiagram: function setUpDiagram() {
-      var _this12 = this;
+      var _this14 = this;
       this.processes.forEach(function (process) {
-        _this12.ensureCancelActivityIsAddedToBoundaryEvents(process);
-        _this12.addLanes(process);
+        _this14.ensureCancelActivityIsAddedToBoundaryEvents(process);
+        _this14.addLanes(process);
         var flowElements = process.get('flowElements');
         var artifacts = process.get('artifacts');
-        _this12.loadFlowElements(flowElements, artifacts);
-        _this12.loadSequenceFlows(flowElements, artifacts);
-        _this12.loadArtifacts(flowElements, artifacts);
-        _this12.loadAssociations(flowElements, artifacts);
-        _this12.loadDataAssociations(flowElements);
+        _this14.loadFlowElements(flowElements, artifacts);
+        _this14.loadSequenceFlows(flowElements, artifacts);
+        _this14.loadArtifacts(flowElements, artifacts);
+        _this14.loadAssociations(flowElements, artifacts);
+        _this14.loadDataAssociations(flowElements);
       });
       store.commit('setRootElements', this.definitions.rootElements);
       this.addMessageFlows();
@@ -42688,7 +43897,7 @@ var genericFlow_component = normalizeComponent(
       return this.plane.get('planeElement');
     },
     parse: function parse() {
-      var _this13 = this;
+      var _this15 = this;
       this.collaboration = this.getCollaboration();
       this.processes = this.getProcesses();
       this.plane = this.getPlane();
@@ -42696,7 +43905,7 @@ var genericFlow_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 === _this13.processes[0].id;
+        return diagram.bpmnElement.id === _this15.processes[0].id;
       }));
     },
     removeUnsupportedElementAttributes: function removeUnsupportedElementAttributes(definition) {
@@ -42708,19 +43917,19 @@ var genericFlow_component = normalizeComponent(
       });
     },
     getCustomParser: function getCustomParser(definition) {
-      var _this14 = this;
+      var _this16 = this;
       var parsers = this.parsers[definition.$type];
       if (!parsers) {
         return;
       }
       var customParser = parsers.custom.find(function (parser) {
-        return parser(definition, _this14.moddle);
+        return parser(definition, _this16.moddle);
       });
       var implementationParser = parsers.implementation.find(function (parser) {
-        return parser(definition, _this14.moddle);
+        return parser(definition, _this16.moddle);
       });
       var defaultParser = parsers.default.find(function (parser) {
-        return parser(definition, _this14.moddle);
+        return parser(definition, _this16.moddle);
       });
       return customParser || implementationParser || defaultParser;
     },
@@ -42782,85 +43991,85 @@ var genericFlow_component = normalizeComponent(
       return hasSource && hasTarget;
     },
     waitForCursorToChange: function waitForCursorToChange() {
-      var _this15 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      var _this17 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
         var cursorWaitTime;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               cursorWaitTime = 300;
-              _context4.next = 3;
-              return _this15.$nextTick();
+              _context6.next = 3;
+              return _this17.$nextTick();
             case 3:
-              return _context4.abrupt("return", new Promise(function (resolve) {
+              return _context6.abrupt("return", new Promise(function (resolve) {
                 return setTimeout(resolve, cursorWaitTime);
               }));
             case 4:
             case "end":
-              return _context4.stop();
+              return _context6.stop();
           }
-        }, _callee4);
+        }, _callee6);
       }))();
     },
     renderPaper: function renderPaper() {
-      var _this16 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+      var _this18 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
-              _this16.isRendering = true;
-              _context6.next = 3;
-              return _this16.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-                return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-                  while (1) switch (_context5.prev = _context5.next) {
+              _this18.isRendering = true;
+              _context8.next = 3;
+              return _this18.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+                return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+                  while (1) switch (_context7.prev = _context7.next) {
                     case 0:
-                      _context5.next = 2;
-                      return _this16.waitForCursorToChange();
+                      _context7.next = 2;
+                      return _this18.waitForCursorToChange();
                     case 2:
-                      _this16.parse();
-                      _this16.addPools();
-                      _this16.setUpDiagram();
+                      _this18.parse();
+                      _this18.addPools();
+                      _this18.setUpDiagram();
                     case 5:
                     case "end":
-                      return _context5.stop();
+                      return _context7.stop();
                   }
-                }, _callee5);
+                }, _callee7);
               })));
             case 3:
-              _context6.next = 5;
-              return _this16.paperManager.awaitScheduledUpdates();
+              _context8.next = 5;
+              return _this18.paperManager.awaitScheduledUpdates();
             case 5:
-              _this16.isRendering = false;
-              _this16.$emit('parsed');
+              _this18.isRendering = false;
+              _this18.$emit('parsed');
             case 7:
             case "end":
-              return _context6.stop();
+              return _context8.stop();
           }
-        }, _callee6);
+        }, _callee8);
       }))();
     },
     loadXML: function loadXML() {
       var _arguments = arguments,
-        _this17 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+        _this19 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
         var xml;
-        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              xml = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : _this17.currentXML;
-              _context7.next = 3;
-              return _this17.xmlManager.getDefinitionsFromXml(xml);
+              xml = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : _this19.currentXML;
+              _context9.next = 3;
+              return _this19.xmlManager.getDefinitionsFromXml(xml);
             case 3:
-              _this17.definitions = _context7.sent;
-              _this17.xmlManager.definitions = _this17.definitions;
-              _this17.nodeIdGenerator = new NodeIdGenerator_NodeIdGenerator(_this17.definitions);
+              _this19.definitions = _context9.sent;
+              _this19.xmlManager.definitions = _this19.definitions;
+              _this19.nodeIdGenerator = new NodeIdGenerator_NodeIdGenerator(_this19.definitions);
               store.commit('clearNodes');
-              _this17.renderPaper();
+              _this19.renderPaper();
             case 8:
             case "end":
-              return _context7.stop();
+              return _context9.stop();
           }
-        }, _callee7);
+        }, _callee9);
       }))();
     },
     getBoundaryEvents: function getBoundaryEvents(process) {
@@ -42884,13 +44093,13 @@ var genericFlow_component = normalizeComponent(
       return boundaryEvent;
     },
     ensureCancelActivityIsAddedToBoundaryEvents: function ensureCancelActivityIsAddedToBoundaryEvents(process) {
-      var _this18 = this;
+      var _this20 = this;
       this.getBoundaryEvents(process).forEach(function (definition) {
-        var boundaryEvent = _this18.createBoundaryEvent(definition);
+        var boundaryEvent = _this20.createBoundaryEvent(definition);
         definition.get('outgoing').forEach(function (outgoing) {
           return outgoing.set('sourceRef', boundaryEvent);
         });
-        _this18.replaceDefinition(definition, boundaryEvent, process);
+        _this20.replaceDefinition(definition, boundaryEvent, process);
       });
     },
     replaceDefinition: function replaceDefinition(definition, boundaryEvent, process) {
@@ -42907,129 +44116,217 @@ var genericFlow_component = normalizeComponent(
       }, cb);
     },
     handleDrop: function handleDrop(_ref5) {
-      var _this19 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-        var clientX, clientY, control, nodeThatWillBeReplaced, definition, diagram, _this19$paperManager$, x, y, newNode, nodeMigrator;
-        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+      var _this21 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
+        var clientX, clientY, control, nodeThatWillBeReplaced, definition, diagram, _this21$paperManager$, x, y, newNode, nodeMigrator;
+        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               clientX = _ref5.clientX, clientY = _ref5.clientY, control = _ref5.control, nodeThatWillBeReplaced = _ref5.nodeThatWillBeReplaced;
-              _this19.validateDropTarget({
+              _this21.validateDropTarget({
                 clientX: clientX,
                 clientY: clientY,
                 control: control
               });
-              if (_this19.allowDrop) {
-                _context8.next = 4;
+              if (_this21.allowDrop) {
+                _context10.next = 4;
                 break;
               }
-              return _context8.abrupt("return");
+              return _context10.abrupt("return");
             case 4:
-              definition = _this19.nodeRegistry[control.type].definition(_this19.moddle, _this19.$t);
-              diagram = _this19.nodeRegistry[control.type].diagram(_this19.moddle);
-              _this19$paperManager$ = _this19.paperManager.clientToGridPoint(clientX, clientY), x = _this19$paperManager$.x, y = _this19$paperManager$.y;
+              definition = _this21.nodeRegistry[control.type].definition(_this21.moddle, _this21.$t);
+              diagram = _this21.nodeRegistry[control.type].diagram(_this21.moddle);
+              _this21$paperManager$ = _this21.paperManager.clientToGridPoint(clientX, clientY), x = _this21$paperManager$.x, y = _this21$paperManager$.y;
               diagram.bounds.x = x;
               diagram.bounds.y = y;
-              newNode = _this19.createNode(control.type, definition, diagram);
+              newNode = _this21.createNode(control.type, definition, diagram);
               if (newNode.isBpmnType('bpmn:BoundaryEvent')) {
-                _this19.setShapeCenterUnderCursor(diagram);
+                _this21.setShapeCenterUnderCursor(diagram);
               }
-              _this19.highlightNode(newNode);
-              _context8.next = 14;
-              return _this19.addNode(newNode);
+              _this21.highlightNode(newNode);
+              _context10.next = 14;
+              return _this21.addNode(newNode);
             case 14:
               if (nodeThatWillBeReplaced) {
-                _context8.next = 16;
+                _context10.next = 16;
                 break;
               }
-              return _context8.abrupt("return");
+              return _context10.abrupt("return");
             case 16:
-              nodeMigrator = new NodeMigrator_NodeMigrator(nodeThatWillBeReplaced, definition, _this19.graph, newNode, _this19.processes, _this19.collaboration);
+              nodeMigrator = new NodeMigrator_NodeMigrator(nodeThatWillBeReplaced, definition, _this21.graph, newNode, _this21.processes, _this21.collaboration);
               nodeMigrator.migrate();
-              return _context8.abrupt("return", newNode);
+              return _context10.abrupt("return", newNode);
             case 19:
             case "end":
-              return _context8.stop();
+              return _context10.stop();
           }
-        }, _callee8);
+        }, _callee10);
       }))();
     },
     setShapeCenterUnderCursor: function setShapeCenterUnderCursor(diagram) {
       diagram.bounds.x -= diagram.bounds.width / 2;
       diagram.bounds.y -= diagram.bounds.height / 2;
     },
+    selectNewNode: function selectNewNode(node) {
+      var _this22 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
+        var newNodeComponent, view;
+        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
+            case 0:
+              _context11.next = 2;
+              return _this22.$nextTick();
+            case 2:
+              _context11.next = 4;
+              return _this22.paperManager.awaitScheduledUpdates();
+            case 4:
+              newNodeComponent = _this22.$refs.nodeComponent.find(function (component) {
+                return component.node === node;
+              });
+              view = newNodeComponent.shapeView;
+              _context11.next = 8;
+              return _this22.$refs.selector.selectElement(view);
+            case 8:
+            case "end":
+              return _context11.stop();
+          }
+        }, _callee11);
+      }))();
+    },
     addNode: function addNode(node) {
-      var _this20 = this;
-      if (!node.pool) {
-        node.pool = this.poolTarget;
-      }
-      var targetProcess = node.getTargetProcess(this.processes, this.processNode);
-      addNodeToProcess(node, targetProcess);
-      node.setIds(this.nodeIdGenerator);
-      this.planeElements.push(node.diagram);
-      store.commit('addNode', node);
-      this.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)) {
-        return;
-      }
-      return new Promise(function (resolve) {
-        setTimeout(function () {
-          _this20.pushToUndoStack();
-          resolve();
-        });
-      });
+      var _this23 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
+        var targetProcess;
+        return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
+            case 0:
+              if (!node.pool) {
+                node.pool = _this23.poolTarget;
+              }
+              targetProcess = node.getTargetProcess(_this23.processes, _this23.processNode);
+              addNodeToProcess(node, targetProcess);
+              node.setIds(_this23.nodeIdGenerator);
+              _this23.planeElements.push(node.diagram);
+              store.commit('addNode', node);
+              _this23.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)) {
+                _context12.next = 9;
+                break;
+              }
+              return _context12.abrupt("return");
+            case 9:
+              // Select the node after it has been added to the store (does not apply to flows)
+              _this23.selectNewNode(node);
+              return _context12.abrupt("return", new Promise(function (resolve) {
+                setTimeout(function () {
+                  _this23.pushToUndoStack();
+                  resolve();
+                });
+              }));
+            case 11:
+            case "end":
+              return _context12.stop();
+          }
+        }, _callee12);
+      }))();
     },
     removeNode: function removeNode(node) {
       var _arguments2 = arguments,
-        _this21 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+        _this24 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
         var _ref6, _ref6$removeRelations, removeRelationships;
-        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
               _ref6 = _arguments2.length > 1 && _arguments2[1] !== undefined ? _arguments2[1] : {}, _ref6$removeRelations = _ref6.removeRelationships, removeRelationships = _ref6$removeRelations === void 0 ? true : _ref6$removeRelations;
               if (removeRelationships) {
-                removeNodeFlows(node, _this21);
-                removeNodeMessageFlows(node, _this21);
-                removeNodeAssociations(node, _this21);
+                removeNodeFlows(node, _this24);
+                removeNodeMessageFlows(node, _this24);
+                removeNodeAssociations(node, _this24);
               }
               removeOutgoingAndIncomingRefsToFlow(node);
-              removeBoundaryEvents(_this21.graph, node, _this21.removeNode);
+              removeBoundaryEvents(_this24.graph, node, _this24.removeNode);
               removeSourceDefault(node);
-              _this21.removeNodesFromLane(node);
-              _this21.removeNodesFromPool(node);
+              _this24.removeNodesFromLane(node);
+              _this24.removeNodesFromPool(node);
               store.commit('removeNode', node);
-              store.commit('highlightNode', _this21.processNode);
-              _context9.next = 11;
-              return _this21.$nextTick();
-            case 11:
-              _this21.pushToUndoStack();
+              store.commit('highlightNode', _this24.processNode);
+              _this24.$refs.selector.clearSelection();
+              _context13.next = 12;
+              return _this24.$nextTick();
             case 12:
+              _this24.pushToUndoStack();
+            case 13:
             case "end":
-              return _context9.stop();
+              return _context13.stop();
           }
-        }, _callee9);
+        }, _callee13);
       }))();
     },
-    replaceNode: function replaceNode(_ref7) {
-      var _this22 = this;
-      var node = _ref7.node,
-        typeToReplaceWith = _ref7.typeToReplaceWith;
-      this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
-        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+    removeNodes: function removeNodes() {
+      var _this25 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
+        return _regeneratorRuntime().wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
-              _context11.next = 2;
-              return _this22.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
-                var _this22$paper$localTo, clientX, clientY, newNode;
-                return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-                  while (1) switch (_context10.prev = _context10.next) {
+              _this25.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
+                return _regeneratorRuntime().wrap(function _callee15$(_context15) {
+                  while (1) switch (_context15.prev = _context15.next) {
                     case 0:
-                      _this22$paper$localTo = _this22.paper.localToClientPoint(node.diagram.bounds), clientX = _this22$paper$localTo.x, clientY = _this22$paper$localTo.y;
-                      _context10.next = 3;
-                      return _this22.handleDrop({
+                      _context15.next = 2;
+                      return _this25.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
+                        var waitPromises;
+                        return _regeneratorRuntime().wrap(function _callee14$(_context14) {
+                          while (1) switch (_context14.prev = _context14.next) {
+                            case 0:
+                              waitPromises = [];
+                              _this25.highlightedNodes.forEach(function (node) {
+                                return waitPromises.push(_this25.removeNode(node, {
+                                  removeRelationships: true
+                                }));
+                              });
+                              _context14.next = 4;
+                              return Promise.all(waitPromises);
+                            case 4:
+                              store.commit('highlightNode');
+                            case 5:
+                            case "end":
+                              return _context14.stop();
+                          }
+                        }, _callee14);
+                      })));
+                    case 2:
+                    case "end":
+                      return _context15.stop();
+                  }
+                }, _callee15);
+              })));
+            case 1:
+            case "end":
+              return _context16.stop();
+          }
+        }, _callee16);
+      }))();
+    },
+    replaceNode: function replaceNode(_ref9) {
+      var _this26 = this;
+      var node = _ref9.node,
+        typeToReplaceWith = _ref9.typeToReplaceWith;
+      this.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 _this26.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
+                var _this26$paper$localTo, clientX, clientY, newNode;
+                return _regeneratorRuntime().wrap(function _callee17$(_context17) {
+                  while (1) switch (_context17.prev = _context17.next) {
+                    case 0:
+                      _this26$paper$localTo = _this26.paper.localToClientPoint(node.diagram.bounds), clientX = _this26$paper$localTo.x, clientY = _this26$paper$localTo.y;
+                      _context17.next = 3;
+                      return _this26.handleDrop({
                         clientX: clientX,
                         clientY: clientY,
                         control: {
@@ -43038,87 +44335,88 @@ var genericFlow_component = normalizeComponent(
                         nodeThatWillBeReplaced: node
                       });
                     case 3:
-                      newNode = _context10.sent;
-                      _context10.next = 6;
-                      return _this22.removeNode(node, {
+                      newNode = _context17.sent;
+                      _context17.next = 6;
+                      return _this26.removeNode(node, {
                         removeRelationships: false
                       });
                     case 6:
-                      _this22.highlightNode(newNode);
-                    case 7:
+                      _this26.highlightNode(newNode);
+                      _this26.selectNewNode(newNode);
+                    case 8:
                     case "end":
-                      return _context10.stop();
+                      return _context17.stop();
                   }
-                }, _callee10);
+                }, _callee17);
               })));
             case 2:
             case "end":
-              return _context11.stop();
+              return _context18.stop();
           }
-        }, _callee11);
+        }, _callee18);
       })));
     },
-    replaceGenericFlow: function replaceGenericFlow(_ref10) {
-      var _this23 = this;
-      var actualFlow = _ref10.actualFlow,
-        genericFlow = _ref10.genericFlow,
-        targetNode = _ref10.targetNode;
-      this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
-        return _regeneratorRuntime().wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+    replaceGenericFlow: function replaceGenericFlow(_ref12) {
+      var _this27 = this;
+      var actualFlow = _ref12.actualFlow,
+        genericFlow = _ref12.genericFlow,
+        targetNode = _ref12.targetNode;
+      this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
+        return _regeneratorRuntime().wrap(function _callee20$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
-              _context13.next = 2;
-              return _this23.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
-                return _regeneratorRuntime().wrap(function _callee12$(_context12) {
-                  while (1) switch (_context12.prev = _context12.next) {
+              _context20.next = 2;
+              return _this27.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19() {
+                return _regeneratorRuntime().wrap(function _callee19$(_context19) {
+                  while (1) switch (_context19.prev = _context19.next) {
                     case 0:
-                      _context12.next = 2;
-                      return _this23.highlightNode(null);
+                      _context19.next = 2;
+                      return _this27.highlightNode(null);
                     case 2:
-                      _context12.next = 4;
-                      return _this23.$nextTick();
+                      _context19.next = 4;
+                      return _this27.$nextTick();
                     case 4:
-                      _context12.next = 6;
-                      return _this23.addNode(actualFlow);
+                      _context19.next = 6;
+                      return _this27.addNode(actualFlow);
                     case 6:
-                      _context12.next = 8;
+                      _context19.next = 8;
                       return store.commit('removeNode', genericFlow);
                     case 8:
-                      _context12.next = 10;
-                      return _this23.$nextTick();
+                      _context19.next = 10;
+                      return _this27.$nextTick();
                     case 10:
-                      _context12.next = 12;
-                      return _this23.highlightNode(targetNode);
+                      _context19.next = 12;
+                      return _this27.highlightNode(targetNode);
                     case 12:
                     case "end":
-                      return _context12.stop();
+                      return _context19.stop();
                   }
-                }, _callee12);
+                }, _callee19);
               })));
             case 2:
             case "end":
-              return _context13.stop();
+              return _context20.stop();
           }
-        }, _callee13);
+        }, _callee20);
       })));
     },
     performSingleUndoRedoTransaction: function performSingleUndoRedoTransaction(cb) {
-      var _this24 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
-        return _regeneratorRuntime().wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+      var _this28 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
+        return _regeneratorRuntime().wrap(function _callee21$(_context21) {
+          while (1) switch (_context21.prev = _context21.next) {
             case 0:
               undoRedoStore.commit('disableSavingState');
-              _context14.next = 3;
+              _context21.next = 3;
               return cb();
             case 3:
               undoRedoStore.commit('enableSavingState');
-              _this24.pushToUndoStack();
+              _this28.pushToUndoStack();
             case 5:
             case "end":
-              return _context14.stop();
+              return _context21.stop();
           }
-        }, _callee14);
+        }, _callee21);
       }))();
     },
     removeNodesFromLane: function removeNodesFromLane(node) {
@@ -43131,36 +44429,36 @@ var genericFlow_component = normalizeComponent(
       pull_default()(containingLane.get('flowNodeRef'), node.definition);
     },
     removeNodesFromPool: function removeNodesFromPool(node) {
-      var _this25 = this;
+      var _this29 = this;
       if (node.type === 'processmaker-modeler-pool' && node.definition.processRef) {
         if (node.definition.processRef.artifacts) {
           node.definition.processRef.artifacts.forEach(function (artifact) {
-            var nodeToRemove = _this25.nodes.find(function (n) {
+            var nodeToRemove = _this29.nodes.find(function (n) {
               return n.definition === artifact;
             });
             if (nodeToRemove) {
-              _this25.removeNode(nodeToRemove);
+              _this29.removeNode(nodeToRemove);
             }
           });
         }
         if (node.definition.processRef.flowElements) {
           node.definition.processRef.flowElements.forEach(function (flowElement) {
-            var nodeToRemove = _this25.nodes.find(function (n) {
+            var nodeToRemove = _this29.nodes.find(function (n) {
               return n.definition === flowElement;
             });
             if (nodeToRemove) {
-              _this25.removeNode(nodeToRemove);
+              _this29.removeNode(nodeToRemove);
             }
           });
         }
         var laneSets = node.definition.processRef.laneSets;
         if (!!laneSets && laneSets.length > 0) {
           laneSets[0].lanes.forEach(function (lane) {
-            var nodeToRemove = _this25.nodes.find(function (n) {
+            var nodeToRemove = _this29.nodes.find(function (n) {
               return n.definition === lane;
             });
             if (nodeToRemove) {
-              _this25.removeNode(nodeToRemove);
+              _this29.removeNode(nodeToRemove);
             }
           });
         }
@@ -43174,17 +44472,10 @@ var genericFlow_component = normalizeComponent(
       this.parentHeight = clientHeight + 'px';
       this.paperManager.setPaperDimensions(clientWidth, clientHeight);
     },
-    keydownListener: function keydownListener(event) {
-      var focusIsOutsideDiagram = !event.target.toString().toLowerCase().includes('body');
-      if (focusIsOutsideDiagram) {
-        return;
-      }
-      moveShapeByKeypress(event.key, store.getters.highlightedShapes, this.pushToUndoStack);
-    },
-    validateDropTarget: function validateDropTarget(_ref13) {
-      var clientX = _ref13.clientX,
-        clientY = _ref13.clientY,
-        control = _ref13.control;
+    validateDropTarget: function validateDropTarget(_ref15) {
+      var clientX = _ref15.clientX,
+        clientY = _ref15.clientY,
+        control = _ref15.control;
       var _getValidationPropert = getValidationProperties(clientX, clientY, control, this.paperManager.paper, this.graph, this.collaboration, this.$refs['paper-container']),
         allowDrop = _getValidationPropert.allowDrop,
         poolTarget = _getValidationPropert.poolTarget;
@@ -43195,14 +44486,148 @@ var genericFlow_component = normalizeComponent(
       return shape.component != null;
     },
     setShapeStacking: function setShapeStacking(shape) {
-      var _this26 = this;
+      var _this30 = 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, _this26.graph);
+        return ensureShapeIsNotCovered(shape, _this30.graph);
       });
+    },
+    showSavedNotification: function showSavedNotification() {
+      undoRedoStore.dispatch('saved');
+    },
+    enableVersions: function enableVersions() {
+      undoRedoStore.dispatch('enableVersions');
+    },
+    setVersionIndicator: function setVersionIndicator(isDraft) {
+      undoRedoStore.dispatch('setVersionIndicator', isDraft);
+    },
+    setLoadingState: function setLoadingState(isLoading) {
+      undoRedoStore.dispatch('setLoadingState', isLoading);
+    },
+    clearSelection: function clearSelection() {
+      this.$refs.selector.clearSelection();
+    },
+    isPointInSelection: function isPointInSelection(event) {
+      var selector = this.$refs.selector.$el;
+      if (typeof selector.getBoundingClientRect === 'function') {
+        // check if mouse was clicked inside the selector
+        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;
+        }
+      }
+      return false;
+    },
+    pointerDowInShape: function pointerDowInShape(event, element) {
+      var _this31 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
+        var x, y, shapeView;
+        return _regeneratorRuntime().wrap(function _callee22$(_context22) {
+          while (1) switch (_context22.prev = _context22.next) {
+            case 0:
+              x = event.clientX, y = event.clientY;
+              shapeView = _this31.paper.findViewByModel(element);
+              _this31.isDragging = false;
+              _this31.isSelecting = false;
+              _this31.isIntoTheSelection = false;
+              _this31.dragStart = {
+                x: x,
+                y: y
+              };
+              // Verify if is in the selection box
+              if (!_this31.isPointInSelection(event)) {
+                _context22.next = 10;
+                break;
+              }
+              _this31.isIntoTheSelection = true;
+              _context22.next = 15;
+              break;
+            case 10:
+              if (event.shiftKey) {
+                _context22.next = 15;
+                break;
+              }
+              _context22.next = 13;
+              return _this31.$refs.selector.selectElement(shapeView);
+            case 13:
+              _context22.next = 15;
+              return _this31.$nextTick();
+            case 15:
+              _this31.$refs.selector.startDrag({
+                clientX: event.clientX,
+                clientY: event.clientY
+              });
+            case 16:
+            case "end":
+              return _context22.stop();
+          }
+        }, _callee22);
+      }))();
+    },
+    pointerDownHandler: function pointerDownHandler(event) {
+      var x = event.clientX,
+        y = event.clientY;
+      this.isDragging = false;
+      this.isSelecting = false;
+      this.isIntoTheSelection = false;
+      this.dragStart = {
+        x: x,
+        y: y
+      };
+      // Verify if is in the selection box
+      if (this.isPointInSelection(event)) {
+        this.isIntoTheSelection = true;
+        this.$refs.selector.startDrag({
+          clientX: event.clientX,
+          clientY: event.clientY
+        });
+      } else {
+        this.isSelecting = true;
+        this.$refs.selector.startSelection(event);
+      }
+    },
+    pointerMoveHandler: function pointerMoveHandler(event) {
+      var x = event.clientX,
+        y = event.clientY;
+      if (this.dragStart && (Math.abs(x - this.dragStart.x) > 5 || Math.abs(y - this.dragStart.y) > 5)) {
+        this.isDragging = true;
+        this.dragStart = null;
+      } else {
+        if (this.isSelecting) {
+          this.$refs.selector.updateSelection(event);
+        } else {
+          if (this.isDragging) {
+            this.$refs.selector.drag(event);
+          }
+        }
+      }
+    },
+    pointerUpHandler: function pointerUpHandler(event, cellView) {
+      if (!this.isDragging && this.dragStart) {
+        // is clicked over the shape
+        if (cellView) {
+          this.$refs.selector.stopDrag(event);
+          this.$refs.selector.selectElement(cellView, event.shiftKey);
+        } else {
+          this.clearSelection();
+        }
+      } else {
+        if (this.isSelecting) {
+          this.$refs.selector.endSelection(this.paperManager.paper);
+        } else {
+          this.$refs.selector.stopDrag(event);
+        }
+      }
+      this.isDragging = false;
+      this.dragStart = null;
+      this.isSelecting = false;
     }
   },
   created: function created() {
@@ -43234,13 +44659,13 @@ var genericFlow_component = normalizeComponent(
     this.$emit('set-xml-manager', this.xmlManager);
   },
   mounted: function mounted() {
-    var _this27 = this;
-    document.addEventListener('keydown', this.keydownListener);
+    var _this32 = this;
     this.graph = new external_jointjs_["dia"].Graph();
     store.commit('setGraph', this.graph);
     this.graph.set('interactiveFunc', function (cellView) {
+      var isPoolEdge = cellView.model.get('type') === 'standard.EmbeddedImage';
       return {
-        elementMove: cellView.model.get('elementMove'),
+        elementMove: isPoolEdge,
         labelMove: false
       };
     });
@@ -43250,70 +44675,65 @@ var genericFlow_component = normalizeComponent(
     this.handleResize();
     window.addEventListener('resize', this.handleResize);
     store.commit('setPaper', this.paperManager.paper);
-    this.paperManager.addEventHandler('blank:pointerclick', function () {
-      store.commit('highlightNode', _this27.processNode);
-    }, this);
     this.paperManager.addEventHandler('element:pointerclick', this.blurFocusedScreenBuilderElement, this);
     this.paperManager.addEventHandler('blank:pointerdown', function (event, x, y) {
-      var scale = _this27.paperManager.scale;
-      _this27.canvasDragPosition = {
+      if (_this32.isGrabbing) return;
+      var scale = _this32.paperManager.scale;
+      _this32.canvasDragPosition = {
         x: x * scale.sx,
         y: y * scale.sy
       };
-      _this27.isGrabbing = true;
+      _this32.isOverShape = false;
+      _this32.pointerDownHandler(event);
     }, this);
-    this.paperManager.addEventHandler('cell:pointerup blank:pointerup', function () {
-      _this27.canvasDragPosition = null;
-      _this27.isGrabbing = false;
-      _this27.activeNode = null;
+    this.paperManager.addEventHandler('blank:pointerup', function (event) {
+      _this32.canvasDragPosition = null;
+      _this32.activeNode = null;
+      _this32.pointerUpHandler(event);
     }, this);
-    this.$el.addEventListener('mousemove', function (event) {
-      if (_this27.canvasDragPosition) {
-        _this27.paperManager.translate(event.offsetX - _this27.canvasDragPosition.x, event.offsetY - _this27.canvasDragPosition.y);
-      }
+    this.paperManager.addEventHandler('cell:pointerup', function (cellView, event) {
+      _this32.canvasDragPosition = null;
+      _this32.activeNode = null;
+      _this32.pointerUpHandler(event, cellView);
     }, this);
+    this.$el.addEventListener('mousemove', function (event) {
+      _this32.pointerMoveHandler(event);
+    });
     this.paperManager.addEventHandler('cell:pointerclick', function (cellView, evt, x, y) {
       var clickHandler = cellView.model.get('onClick');
       if (clickHandler) {
         clickHandler(cellView, evt, x, y);
       }
     });
-    this.paperManager.addEventHandler('cell:pointerclick', function (_ref14, event) {
-      var shape = _ref14.model;
-      if (!_this27.isBpmnNode(shape)) {
+    this.paperManager.addEventHandler('cell:pointerclick', function (_ref16, event) {
+      var shape = _ref16.model;
+      if (!_this32.isBpmnNode(shape)) {
         return;
       }
       shape.component.$emit('click', event);
     });
-    this.paperManager.addEventHandler('cell:pointerdown', function (_ref15) {
-      var shape = _ref15.model;
-      if (!_this27.isBpmnNode(shape)) {
+    this.paperManager.addEventHandler('cell:pointerdown', function (_ref17, event) {
+      var shape = _ref17.model;
+      if (!_this32.isBpmnNode(shape)) {
         return;
       }
-      _this27.setShapeStacking(shape);
-      _this27.activeNode = shape.component.node;
+      _this32.setShapeStacking(shape);
+      _this32.activeNode = shape.component.node;
+      _this32.isOverShape = true;
+      _this32.pointerDowInShape(event, shape);
     });
-    var cursor;
-    var setCursor = function setCursor() {
-      cursor = _this27.cursor;
-      _this27.cursor = 'crosshair';
-    };
-    var resetCursor = function resetCursor() {
-      return _this27.cursor = cursor;
-    };
-    setUpSelectionBox(setCursor, resetCursor, this.paperManager, this.graph);
 
     /* Register custom nodes */
     window.ProcessMaker.EventBus.$emit('modeler-start', {
       loadXML: function loadXML(xml) {
-        _this27.loadXML(xml);
+        _this32.loadXML(xml);
         undoRedoStore.dispatch('pushState', xml);
       },
       addWarnings: function addWarnings(warnings) {
-        return _this27.$emit('warnings', warnings);
+        return _this32.$emit('warnings', warnings);
       },
       addBreadcrumbs: function addBreadcrumbs(breadcrumbs) {
-        return _this27.breadcrumbData.push(breadcrumbs);
+        return _this32.breadcrumbData.push(breadcrumbs);
       }
     });
   }
@@ -43334,8 +44754,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_44d1165a_render,
-  Modelervue_type_template_id_44d1165a_staticRenderFns,
+  Modelervue_type_template_id_110dc9a9_render,
+  Modelervue_type_template_id_110dc9a9_staticRenderFns,
   false,
   null,
   null,
@@ -44032,7 +45452,7 @@ var conditionalStartEvent_id = 'processmaker-modeler-conditional-start-event';
     }]
   }]
 })));
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"22894d88-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() {
   var _vm = this,
     _c = _vm._self._c;
@@ -44208,7 +45628,7 @@ var dataInputAssociation_component = normalizeComponent(
     }]
   }]
 }));
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"63130adf-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":"22894d88-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;